/* CSS Document */

/*Responsive Table*/



#resp-table {
width: 100%;
display: table;
}

#resp-table-caption{
display: table-caption;
text-align: center;
font-size: 30px;
font-weight: bold;
}

#resp-table-header{
display: table-header-group;
background-color: gray;
font-weight: bold;
font-size: 25px;
}

.table-header-cell{
display: table-cell;
padding: 10px;
text-align: justify;
border-bottom: 1px solid black;
}

#resp-table-body{
display: table-row-group;
}

.resp-table-row{
display: table-row;
}


.table-body-cell{
display: table-cell;
}

#resp-table-footer {
display: table-footer-group;
background-color: gray;
font-weight: bold;
font-size: 25px;
color: rgba(255, 255, 255, 0.45);
}

.table-footer-cell{
display: table-cell;
padding: 10px;
text-align: justify;
border-bottom: 1px solid black;
}

/*End of responsive Table*/
#reportNonTabulated14 td{

font-size:14px;

font-family: Verdana, Arial, Helvetica, sans-serif,candara;

letter-spacing:normal;

line-height: normal 20px;

padding: 5px;

	border-bottom-width: 0px;

	border-bottom-style: none;

	border-bottom-color: #FFFFFF;

	/*border-bottom-color: #E1E1E1;*/

}
.dash_iframe {
border:1px #CCCCCC;
}
#ReportLogsContacts {
  /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  font-family:Verdana, Arial, Helvetica, sans-serif,candara;
 border-collapse: separate;
  width: 100%;
  cellspacing:0px;
  table-layout: auto;/**/
}

#ReportLogsContacts td, #ReportLogsContacts th {
  /**/
  padding:2px;
  	height:30px;
	font-size: 12px;
  width:1px;white-space:inherit;
  
}
#ReportLogsContacts tr:nth-child(even){background-color:#f4f1c2;}

#ReportLogsContacts th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color:#AE6F60;
  width:1px;white-space: normal;
  color: white;/*#666666#311607#993300*/
  
}
#ReportLogs {
  /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  font-family:Verdana, Arial, Helvetica, sans-serif,candara;
 border-collapse: separate;
  width: 100%;
  
  cellspacing:0px;
  table-layout: auto;
}

#ReportLogs td, #ReportLogs th {
  /*border: 1px solid #ddd;*/
  padding:2px;
  width:1px;white-space:normal;
	/*height:30px;*/
	font-size: 14px;
  
}

#ReportLogs tr:nth-child(odd){background-color:#f4f1c2;}
/*f2f2f2 #CC9933#CCCC99#f3f3f3#fDFODE
background-color:#f4f1c2;
#ReportLogs tr:hover {background-color:#f2f2f2;}
*/
#ReportLogs th {
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: left;
  background-color:#AE6F60;
  color: white;
  white-space: normal;
  /*#666666#311607#993300*/
  
}


/*modified version
#ReportLogs {
  
  font-family:Verdana, Arial, Helvetica, sans-serif,candara;
 border-collapse: separate;
  width: 100%;
  cellspacing:0px;
  table-layout: auto;
}

#ReportLogs td, #ReportLogs th {
  
  padding:2px;
  	
	font-size: 14px;
  
}

#ReportLogs tr:nth-child(odd){background-color:#f4f1c2;}

#ReportLogs th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color:#AE6F60;
  width:1px;white-space:nowrap;
  color: white;
  
}*/


#ReportLogWhite {
  /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  font-family:Verdana, Arial, Helvetica, sans-serif,candara;
 border-collapse: separate;
  width: 100%;
  font-size:14px;
  cellspacing:0px;
  table-layout:auto;
}

#ReportLogWhite td, #ReportLogWhite th {
  /*border: 1px solid #ddd;*/
  padding:2px;
  
}


#ReportLogWhite th {
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: left;
  background-color: #f2f2f2;
  color: #000066;/*background-color: #AE6F60;#666666#311607*/
}


/*white-space:nowrap;*/#export th{
   text-align: left;
 /* background-color:#17a2b8;
  color: white;*/
  background-color: #f2f2f2;
  color: #157fcc;
  /*color: #17a2b8;*/
 text-transform: capitalize;
  
}
#export td{
/*white-space:nowrap;*/

}
#export tr:nth-child(odd){background-color:#fefefe;} 
/*
		
		
#export button {
background-color:#AE6F60;
  color: white;

}*/

 body {
     /* position: relative;*/ 
  }
  .tick {
    color: #006600;
    font-size: 30px;
    font-weight: bold;

}

.cross {
    color: #FF0000;
    font-size: 30px;
    font-weight: bold;

}

  
  #bodyDisplay {
  width: 1320px;
  height:550px;;
  overflow-X:auto;
  padding-left:10px;
   }
  
 /* scrollY: true;
  overflow-x:auto;margin: 0 auto;scrollX: true;*/
  
  
  /*body{
  background-color: #bdc3c7;
}
.table-fixed{
  width: 100%;
  background-color: #f3f3f3;
  tbody{
    height:200px;
    overflow-y:auto;
    width: 100%;
    }
  thead,tbody,tr,td,th{
    display:block;
  }
  tbody{
    td{
      float:left;
    }
  }
  thead {
    tr{
      th{
        float:left;
       background-color: #f39c12;
       border-color:#e67e22;
      }
    }
  }
}
*/


th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}