/* Move down content because we have a fixed navbar that is 50px tall */

@import url('Gruppo.css');
@import url('Montserrat.css');


html, body{
    margin:0 !important;
    padding:0 !important;
    background: #f6f6f6 !important;
}


.globalheader {
    min-height:80px;
    width:100%;
    background:DodgerBlue;
    margin:0px 0px 0px 0px;
    border:0px dashed red;
}

.globalheader_logo {
    display:block;
    float:left;
    font-size:35px !important;
    border:0px dashed orange;
}


.versioncn{
    display:block;
    float:left;
    width:100%;
    color:#0066ff;
    height:20px;
    padding:5px 10px 0px 0px;
    margin:0px 0px 20px 0px;
    text-align:right;
    font-size:13px;
    border:0px dashed red;
}

.searchbox_div_one {
    display:block;
    float:left;
    width:100%;
    background:#f6f6f6;
    margin:0px 0px 0px 0px;
    border-radius:10px 10px 10px 10px;
    border: 0px solid red;
}

.searchbox_div_two {
    display:block;
    float:left;
    width:50%;
    margin:2%;
    border:0px dashed orange;
}

.search_label{
    display:block;
    float:left;
    font-size:18px;
    width:11% !important;
    margin:5px 0px 10px 10px;
    border:0px solid red;
}


.search_paper_wrapper{
    display:block;
    float:left;
    width:70% !important;
    border:0px solid red;
}

.search_examples{
    display:block;
    float:left;
    width:70% !important;
    margin:0px 0px 0px 0px;
    font-size:14px;
    color:#777;
    border:0px solid red;
}

.searchbox_paper {
    padding:0px 0px 0px 2px;
    display:flex;
    align-items:right;
    width:100%;
    min-width:100px;
    height:38px;
    border:1px solid #eee;
}
.searchbox_input {
    padding:0px 15px 0px 15px;
    width:100%;
    border:0px dashed orange;
}

.search_icon {
    display:block;
    float:right;
    cursor:pointer;
    color:#777;
    padding:0px;
    font-size: 24px !important;
    margin: 5px 3px 0px 0px;
    border:0px solid red;
}




.filter_div_one{
    min-height:25px;
    width:100%;
    padding:20px 10px 10px 10px;
    margin:0px 0px 20px 0px;
    border:1px solid #ddd;
    border-radius:10px;
}

.filter_div_two{
    width:100%;
    padding:10px;
    margin:0px 0px 20px 0px;
    border:1px solid #ddd;
    border-radius:10px;
}

.filtericoncn {
    display:none !important;
    cursor:pointer;
    z-index:2;
}



div.searchboxwrapper{
    display:none;
    float:left;
    width:98%;
    margin:20px 1% 20px 1%;
    padding:20px 10px 20px 10px;
    border:1px solid #ccc;
    border-radius:5px;
}

div.filterboxwrapper{
    display:none;
    float:left;
    width:20%;
    margin:5px 0px 0px 1%;
    border:0px dashed orange;
}

div.statscn{
    display:block;
    float:left;
    width:98%;
    margin:20px 1% 0px 1%;
    padding:10px;
    z-index:1;
    border:1px solid #ddd;
    border-radius:10px;
}


div.searchresultscn{
    display:block;
    float:left;
    width:97%;
    margin:5px 1% 500px 10px;
    font-family: 'Montserrat', sans-serif; 
    z-index:1;
    border:0px dashed orange;
}

div.pagecn{
    display:block;
    float:left;
    width:98%;
    margin:20px 1% 500px 1%;
    font-family: 'Montserrat', sans-serif;
    z-index:1;
    border:0px dashed orange;
}


.navlink{
    text-decoration:none;
    font-size:13px;
    color:#2358C2;
}
.navlastlink{
    text-decoration:none;
    font-size:13px;
    color:#990000;
}


.reglink{
    /*color:#337ab7;*/
    color:#2358C2;
    cursor:pointer;
    text-decoration:none;
}


.reglinkbold{
    /*color:#337ab7;*/
    color:#2358C2;
    cursor:pointer;
    text-decoration:none;
    font-weight:bold;
}

.leftblock{
    display:block;
    float:left;
}

.rightblock{
    display:block;
    float:right;
}

.bottomblock{
    display:block;
    float:bottom;
}


@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(iconfont/MaterialIcons-Regular.woff2) format('woff2'),
        url(iconfont/MaterialIcons-Regular.woff) format('woff'),
        url(iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

 



td.faqquestion{
    text-align:left;
    padding:3px 0px 3px 0px;
    cursor: pointer;
    color:#005581;
}


td.faqanswer{
    text-align:left;
    padding:0px 0px 20px 40px;
    display:none;
}


span.faqquestionid{
    text-align:left;
    padding:0px 20px 0px 0px;
    color:#005581;
}

.googlerow{
    height:30px;
}

.googleoddrow{
    height:30px;
    background:#f6f6f6;
}

.googleheaderrow{
    height:30px;
}
.googleheadercell{
    vertical-align:middle;
    text-align:left;
    padding:20px;
    background:#eee; 
}

.googlecell{
    vertical-align:middle;
    vertical-align: text-middle;
    text-align:left;
    font-size:16px;
    padding:20px;
}


.globalfooter {
    background:DodgerBlue;
}

.dgheader{
  font-size:16px;
  background:#f1f1f1;
}

.dgcell{
    white-space: break-spaces;
    min-height:25px;
}

.dgcellold{
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow-y: auto;
    height: calc(100% + 2%); 
}


.dgcell_hg{
  background:#ffff00;
}


.MuiDataGrid-root .MuiDataGrid-cell {
    white-space: normal !important;
    word-wrap: break-word !important;
}