.textcolor 
{
    /* color :  #6d1715; */
    color : #053c6a;
}
.bgcolor
{
    /* background-color:#6d1715; */
    background-color:#053c6a;
    color:#ffffff;
    font-weight:bold;
}
.spacing
{
  padding:10px 0px;  
}
.txtalign
{
 text-align: center;
}
.trcolor
{
     /* background-color:#fbeaea; */
     background-color: #E6EBF0;
}
.link
{
     color: #336AC1;
     text-decoration: underline;
}
.tableborder
{
border-collapse: separate;
border-spacing: 2px;

}
.headers
{
 /* background-color:#6d1715; */
 background-color:#053c6a;
 color:#ffffff;
 font-weight:bold;
 text-align:center;
 text-transform:none;
 font-size:13px;
 padding: 0 5px;
}
#pltable td
{
   padding: 2px 6px;
}
#superannuationPru td
{
   padding: 2px 6px;
}
#superannuationPruNew td
{
   padding: 2px 6px;
}
#superannuationPolicy td
{
   padding: 2px 6px;
}

#gratuitytable td
{
   padding: 2px 6px;
}

#clearancetable td
{
   padding: 2px 6px;
}
.contentcolor
{
   color: #767676;
}
.button
{
 /* background: #6d1715; */
 background: #053c6a;
}
#salaryEmpDetails legend
{
 
     /* background-color: #6d1715; */
     background-color: #053c6a;
     color: #fff;
     padding: 6px 15px;
     width: auto;
     display: block;
     margin-bottom: 0px;
     font-size: 15px;
     line-height: inherit;
     border: 0px;
     border-bottom: 1px solid #e5e5e5;

}
#salaryEmpDetails fieldset
{
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em
}

#salaryOtherDetails legend
{
 
     /* background-color: #6d1715; */
     background-color: #053c6a;
     color: #fff;
     padding: 6px 15px;
     width: auto;
     display: block;
     margin-bottom: 0px;
     font-size: 15px;
     line-height: inherit;
     border: 0px;
     border-bottom: 1px solid #e5e5e5;

}
#salaryOtherDetails fieldset
{
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em
}
.medicalTbl td,th 
{
  padding: 2px;
}
.medicalTbl td
{
 width: 160px;;
}
.notifyhr
{
border-bottom-color: #6550a6;
}
.notification_section
{
     margin: 10px 10px;
     /* border: 2px solid #ddd; */
     /* border-bottom-color: #6550a6;
     border-top-color: #6550a6;
     border-left-color: #6550a6;
     border-right-color: #6550a6; */
}

.toggle-min .fa.fa-bars{color:#fff;}
header{background: #053c6a;height: 50px;}
.top-header .top-nav .nav-right .bg-info{background: #053c6a !important;}


.tooltip {
position: relative;
opacity: 1;
}

.tooltip .tooltiptext {
visibility: hidden;
background-color: white;
color: rgb(240, 12, 12);
font-size: 13px;
text-align: center;
border-radius: 10px;
padding: 10px 0;
width: 100px;
top: 120%;
margin-left: -40px;

/* Position the tooltip */
position: absolute;
z-index: 1;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}
.dowmloadMsg
 {
   padding-left: 25%;
 }
/********************Modal For FAqs Start**********************/

@media (min-width:320px) {
 .modal-content-new {
     width: 90%;
 }

}

@media (min-width:1025px) {
 .modal-content-new {
     width: 60%;
 }
}

@media (min-width:801px) and (max-width:1024px) {
 .modal-content-new {
     width: 70%;
     float: right;
     margin-right: 10% !important;
 }
}

.faq.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
/* top: 10%; */
height: 100%;
/* min-height: 50px !important; */
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
margin-top: 0;
top : 0;
}

.modal-content-new {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
min-height: 150px;
height: auto;
height: 500px;
overflow: auto;
}

.modal-content-new .close {
 color: #000;
 float: right;
 font-size: 28px;
 font-weight: bold;
}

/********************Modal For FAqs End**********************/
@media  screen and (min-device-width: 1215px) and (max-device-width: 1465px) {
 .dashboard_cards_section .card_block {
   min-height: 75px;
   color: #fff;
   margin: 10px 0;
   height: 112px;
   box-shadow: 1px 5px 20px -8px rgba(0,0,0,0.94);
}
}

@media screen and (max-width: 1181px) {
   .dashboard_cards_section .first_row {
     display: flex;
     align-items: center;
     padding: 3px 0px;
 }
 .dowmloadMsg
 {
   padding-left: 20%;
 }
 .dashboard_cards_section .first_row .card_name {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 1px;
 }
}
@media screen and (max-width: 1187px) {
     .dashboard_cards_section .first_row {
       display: flex;
       align-items: center;
       padding: 10px 0px;
   }
   .dowmloadMsg
   {
   padding-left: 15%;
   }

   .dashboard_cards_section .first_row .card_name {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 1px;
   }
} 


@media screen and (max-width: 1246px) {
       .dashboard_cards_section .first_row {
         display: flex;
         align-items: center;
         padding: 11px 0px;
     }
     .dowmloadMsg
     {
       padding-left: 26%;
     }
     .dashboard_cards_section .first_row .card_name {
       margin: 0;
       font-size: 16px;
       font-weight: 600;
       letter-spacing: 1px;
     }
} 

@media screen and (max-width: 1483px) {
   .dashboard_cards_section .first_row {
     display: flex;
     align-items: center;
     padding: 11px 0px;
 }
 .dowmloadMsg
 {
   padding-left: 20%;
 }
}

@media screen and (max-width: 1562px) {
     .dashboard_cards_section .first_row {
       display: flex;
       align-items: center;
       padding: 14px 0px;
   }
   .dowmloadMsg
   {
     padding-left: 12%;
   }
} 
@media screen and (max-width: 1071px) {
.dashboard_cards_section .first_row {
 display: flex;
 align-items: center;
 padding: 5px 0px;
}
.dowmloadMsg
{
padding-left: 5%;
}
.dashboard_cards_section .first_row .card_name {
margin: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
}
} 

@media screen and (max-width: 768px) {
.dashboard_cards_section .first_row {
     display: flex;
     align-items: center;
     padding: 18px 0px;
 }
.dowmloadMsg {
   padding-left: 23%;
}
 
} 
@media screen and (min-width: 1024px) and (max-width: 1366px) {
.dowmloadMsg{
 font-size: 12px;
}
.gratuity_amount{
 color: #22a4db;font-size: 15px;font-weight: 600;

}
/* .pf_amount{
    color: #6952a0;font-size: 15px;font-weight: 600;
  } */
  .pf_amount{
    color: #6952a0;font-size: 18px !important;font-weight: 600;
  }
} 

.gratuity_amount{
color: #22a4db;font-size: 25px;font-weight: 600;

}
.pf_amount{
color: #6952a0;font-size: 25px;font-weight: 600;
}

.logout_header 
{
padding-top: 3%;
 /* width: 5%; */
 padding-right: 2%;
 font-size: 20px;
}
@media screen and (min-width: 812px)  {
#header_logoutIcon
{
 display: block;
}
}