*{
    box-sizing: border-box;
    font:16px ;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 0px 2px !important;
}
table > tbody > tr > td{
    border-top: 0px;
}
 th:hover:nth-of-type(n) td:nth-of-type(n)  {
    background-color:red;
}






 
th{
   background-color: black;
   color :white;
}

td:hover{
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
    background-color: #ce1c1c;
    color:white;

}

.big_name{
    text-align: left;
    padding-left: 3px;
}

.headcol-1:hover~td{
    background-color: #ce1c1c;
    color:white;
}


.tb3:hover~td{
    background-color: #ce1c1c;
    color:white;
}

.break{
    word-break: break-all;
}

/* .headcol-1:hover~th{
    background-color: #ce1c1c;
    color:white;
} */

.headcol-1:hover{
    background-color: #ce1c1c;
    color:white;
}

tr:nth-child(even){background-color: #f2f2f2}

.table { 
    border-collapse:separate;
     border-top: 1px solid #d2d2d2; 
    }
.td,.th {
    margin:0px !important;
    border-top-width:0px !important; 
    white-space:nowrap !important;
    width: 10px;
    font-size: 12px;
    font-weight: bold;

}
.div { 
    margin-top: 10px;
    margin-bottom: 10px;
    width: 1240px; /* earlier 1140px */
    margin-right:auto; 
     margin-left:auto; 
    padding-bottom:1px; 
    font-size: 12px;
    font-weight:bold;
}
 .headcol-1 {
    position:sticky; 
    opacity: 1;
    background-color: black !important;
    width:7em; 
    left:0;
    top:auto;
    border-top-width: 0px !important;
    color: white;
    text-align: left !important;
    word-break: break-all;
    padding-left: 5px !important;
}

.headcol-2 {
    background-color: black !important;
    color: white;
    text-align: left !important;

}
 .avg1{
    margin:0px !important;
    border-top-width:0px !important; 
    white-space:nowrap !important;
    width: 20px;
    font-size: 12px;
    font-weight: bold;
 }

 .avg{
    margin:0px !important;
    border-top-width:0px !important; 
    white-space:nowrap !important;
    width: 20px;
    font-size: 13px;
    font-weight: bold;
    
 }
 .des{
    width:5em; 
    left:0;
    top:auto;
    font-weight: bold;
     text-align: left !important;
    word-break: break-all;
    padding-left: 5px !important;
 }
.main-contain{
    margin:auto;
    width:361px;
    height:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e2e4ff;
}
input[type=text], select {
    width: 100%;
    padding: 1px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
/*form{
    margin-right:8px;
    margin-left:8px;
}*/

label {
    padding: 2px 2px 2px 0;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}

input[type=submit] {
    padding: 2px 7px;
    float: right;
    /*margin-right: 20px;
    margin-top:-3px !important;*/
    font-size: 13px;
    background-color:


}

input[type=submit]:hover {
    background-color: rgb(59, 79, 104);
    
}
.col-25 {
    float: left;
    width: 40%;
    margin-top: 6px;
}

.col-75 {
    float: left;
    width: 60%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.padding-v-5{
    padding-bottom: 5px;
    padding-top: 18px;
    display:block;
    text-align: center;
}

.s_ht{
   height: 25px !important;
}
.tb{
    background-color:#1d1b1b;
    color:White;
    font-weight:bold;
    text-align:center;
    padding-top: 6px;
    padding:7px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    display:block;
}
.sub-heading{
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: -22px;}

    [class*="kw-btn"].kw-icon{
        padding-left: 39px !important;
    }

    [class*="kw-btn"].kw-gray{
     color:white !important;
     background: #1d1b1b;
    }
    
    [class*="kw-btn"].kw-gray:hover{
        background: #ce1c1c;
    }
    [class*="kw-btn"]{
        padding: 3px 10px 3px
    }
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-25, .col-75,{
        width: 100%;
        margin-top: 0;
    }
    /*input[type=submit]{
        margin-right: 20px !important;
    }*/
    .main-contain{
        width: auto;
    }

    input[type=submit]{
        /*margin-top: 10px !important;*/
        margin-right: 0px;
    }
    
    .div { 
        width: auto !important;   
        overflow-x:scroll !important;    
        margin-left: 12px;
        margin-right: 12px; 
    }
    
    .th,.td{
       width:35px;
    }

    .avg{
        width: 48px;
    }
    .avg1{
        width:45px;
    }

    .des{
        width:5em;
    }

    .headcol-1{
        width: 7em;
    }
    
}
@media screen and (min-width:768px) and (max-width: 1024px) {
    
    
    .div { 
        width: auto !important;   
        overflow-x:scroll !important;    
        margin-left: 12px;
        margin-right: 12px; 
    }
    
    .th,.td{
        width:35px;
     }
 
     .avg{
         width: 45px;
     }
     .avg1{
         width:40px;
     }
     
}

    .visible{
        display: none;
        text-align: center; 
         margin-top: 20px;
         margin-bottom: 20px;
         text-transform: uppercase;
           
     }

@media print{

    .visible{
      display: block;
    }
    *{   
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
     color-adjust: exact !important;                 /*Firefox*/
    }
    
    /* @page {
        size: landscape
    } */

    
  /* body * {
    visibility: hidden;
  } */
  html,
  body {
    height: auto;
  }
  /* .print-display-none,
  .print-display-none * {
    display: none !important;
  } */
  /* .print-visibility-hide,
  .print-visibility-hide * {
    visibility: hidden !important;
  } */
  /* .printTable,
  .printTable * {
    visibility: visible !important;
  } */
  .printTable {
    position: absolute;
    left: 0;
    top: 0;
  }
  .printTable,
  .printTable:last-child {
    page-break-after: avoid;
  }
}