@font-face {
    font-family: KrutiDev;
    src: url(../font/Kruti_Dev.ttf);
}

#footer{
  background-color:#0a0f0f;
}

.div_flextab{
  display:flex;
  font-weight:bold;
  padding:10px;
}

.div_flextab_sel{
  background-color:lightgrey;
  padding:4px;
  border:2px solid blue;
}

.div_flextab_oth{
  background-color:lightgrey;
  padding:4px;
  cursor:pointer;
}

.div_flextab_inactive{
  background-color:lightgrey;
  padding:4px;
}

.div_flextab_border{
  border:2px solid blue;
}

.div_flextab_blue{
  padding:4px;
  background-color:#66b3ff;
}

.div_flextab_red{
  padding:4px;
  background-color:#ff6666;
  cursor:pointer;
}

.div_flextab_green{
  padding:4px;
  background-color:#5cd65c;
  cursor:pointer;
}

.div_flextab_sep{
  margin:5px;
  padding:2px;
}

.div_table{
  height:450px;
  overflow:auto;
}

.img_style1{
  width: 80px;
  height: 80px;
  margin:auto
}

.img_style2{
  width: 30px;
  height: 30px;
}

.img_style3{
  width: 15px;
  height: 15px;
}

.img_style4{
  width: 50px;
  height: 50px;
}

.logo_style{
  width: 130px;
}

.font16Bold{
  font-size: 16px;
  font-weight: bold;
}

.font12{
  font-size: 12px;
}

.font12Bold{
  font-size: 12px;
  font-weight: bold;
}

.font10Bold{
  font-size: 10px;
  font-weight: bold;
}

.tableStyle1{
  width:100%;
  border-spacing:0px;
  border-collapse: collapse;
}

.tdGroup{
  font-weight:bold;
  text-align:center
}

.tdBorder{
  border:1px solid black;
  padding:2px;
}

.tdBorder1{
  border:1px solid black;
}

.tdAlignCenter{
  text-align:center;
}

.tdAlignRight{
  text-align:right;
}

.tdAlignLeft{
  text-align:left;
}

.tdPadding{
  padding:5px;
}

.tdBkGrndLightGrey{
  background-color:#e6e6e6;
}

.tdBkGrndGold{
  background-color:gold;
}

.tdBkGrndOrange{
  background-color:#ffc2b3;
}

.tdBkGrndDarkGrey{
  background-color:#cccccc;
}

.tdThickBorderLeft{
  border-left:2px solid black;
}

.tdThickBorderRight{
  border-right:2px solid black;
}

.tdThickBorderTop{
  border-top:2px solid black;
}

.tdThickBorderBottom{
  border-bottom:2px solid black;
}

.tdLeftUl{
  text-align:left;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
}

.tdLightBlue{
  background-color:#b3e6ff;
  text-align:center;
  padding-right:15px;
  font-weight: bold;
}

.tdDarkBlue{
  background-color:#4dc3ff;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
}

.tdLightGreen{
  background-color:#c1f0c1;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
}

.tdDarkGreen{
  background-color:#84e184;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
}

.tdLightPink{
  background-color:#ffcccc;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
}

.tdDarkPink{
  background-color:#ff9999;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
}

.tdLightOrange{
  background-color:#ffc2b3;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
  border: 1px solid #801a00;
}

.tdDarkOrange{
  background-color:#ff9980;
  text-align:right;
  padding-right:15px;
  font-weight: bold;
  border: 1px solid #801a00;
}

.tdGoldLeft{
  background-color:gold;
  text-align:left;
  padding-left:15px;
  font-weight: bold;
}

.tdLightOrange2{
  background-color:#ff9980;
}

.dbHeading{
  background-color:#99bbff;
  border:2px solid black;
}

.dbHeading2{
  background-color:#ff9980;
  border:2px solid black;
}

.dbTd{
  text-align:left;
  padding:5px;
  font-size: 11px;
}

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

.font11{
  font-size: 11px;
}

.tdBrownBold{
  text-align:center;
  background-color:#ff9933;
  border:2px solid black;
  font-size: 11px;
  font-weight: bold;
  color:black;
  padding:3px;
}

.tdBold{
  text-align:center;
  border:1px solid black;
  font-size: 11px;
  font-weight: bold;
  color:black;
  padding:3px;
}

.tdRed{
  background-color:red;
  border:1px solid black;
}

.tdGreen{
  background-color:green;
  border:1px solid black;
}

.divPopup{
  display:none;
  z-index:100;
  position:absolute;
  top:20px;
  left:20px;
  background-color:grey;
  padding:10px;
  text-align:center
}

.table-responsive{
  height:500px;  
  overflow:scroll;
}
 thead tr:nth-child(1) th{
  background: darkgrey;
  color:white;
  position: sticky;
  top: 0;
  z-index: 10;
}

.body2{
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("../images/background1.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}