@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{
  font-family: 'Roboto', sans-serif !important;
}

.main_menu_side{margin-top:0;}
.sidebar-footer{bottom: 0; clear: both; display: block; position: fixed; width: 230px;background: #172D44; z-index: 999;}
.sidebar-footer a {padding: 6px 0 3px;text-align: center;width: 100%;font-size: 15px;display: block;float: left;background: #172D44;cursor: pointer;color: #fff;}
.sidebar-footer a:hover{background: #35495d;}

.top_nav li a i {font-size: 15px; padding-left: 10px;}

.nav_menu {float: left; background: #ffffff; border-bottom: 3px solid #597b9e; margin-bottom: 20px;width: 100%;position: relative; height: 62px;}
.navbar-right > li > a { background: #172d44!important; padding: 23px!important; box-shadow: none;}

.toggle { float: left; margin-top: 8px; width: 50px;}

.toggle a { padding: 15px 15px 0; margin: 0; cursor: pointer;}

.main-head-padding {width: 70%;margin: 8px 0 0 15px;}
.top_nav .navbar-right {position: absolute;right: 0;top: 1px;}

.table-striped > thead > tr > th {border-bottom-width: 2px;/* vertical-align: middle; */text-align: center;background: #457e88!important;color: #fff;}
.nav-sm .navbar.nav_title a i { font-size: 20px;  margin: 14px 0 0 7px;}

.nav > li > a { position: relative; display: block; padding: 14px 8px; background: #5caebb; color: #ffffff; font-size: 13px; text-align: center;box-shadow: inset #27717d 0px -2px 4px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #ffffff;cursor: default;background-color: #172d44;border-radius: 5px 5px 0 0;font-weight: bold;border-bottom: 2px #237986 solid!important;margin-bottom: -3px;box-shadow: #e0e0e0 0px -7px 7px;}

.nav > li > a:hover, .nav > li > a:focus {background-color: #226671;}

/*USER RRGISTERATION*/

.well {background-color: #fff;margin-top: 10px;box-shadow: 2px 2px 9px #dadada;}

.nav>li.disabled>a { color: #000; background: #fff;}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {color: #fff; text-decoration: none; cursor: not-allowed; background-color: #226671;}

#ckpass { position: absolute; right: 20px; top: 35px; cursor:pointer;}
#ckcnfpass{position:absolute; right:20px; top:35px; cursor:pointer;}

.x_content{color:#666;}

.x_content legend{font-size: 14px;
    color: #108192;
    padding: 15px;
    width: auto;
    border-radius: 10px;
    box-shadow: #bbdce1 5px -3px 0;
    font-weight: bold;
    margin-top: -17px;
    position: relative;
    background: #eefdff;
    border:none !important;

}

.table tr th {
    background: #457e88;
    color: #fff;
    vertical-align: middle !important;
    text-align: left !important;
    }

/*.table tr th:last-child{ width:10%;}*/ commented by Sarvesh


.table a{cursor:pointer;}

#divDOTRelease{margin-bottom:10px;}

#TotalReleasedAmount, #TotalAmountSpent {border:0px; font-weight:bold;}

.amountrel{    font-size: 1.3em;
    font-weight: 400;
    color: #ffffff;
    background-color: #609ea7;
    padding: 10px;}

.WorkStatusUploadDiv, .TechnicalSanctionOrderDownloadDiv{margin-top:20px;}
.x_title {
    margin-bottom: 5px;
    text-align: center;
    background-color: #044b56;
    padding: 10px 0;
    margin-top: 70px;
}
.x_title h2 {
    margin: 5px 0 6px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #fff !important;
    float:none !important;
}

.form-group .btn {
    margin-left: 5px;
}

.notice p{background-color: #fcecef !important; color: rgb(255, 0, 0); padding: 15px; border: 1px solid #f2d8dd;}

.panelbox{margin-right: 15px;}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    padding: 2px 8px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: all;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabcontentdiv .x_title{margin-top:0!important}

#approver{margin-top:0 !important;}

/*.nav-sm span.fa{display:inline-block;}*/
/*.side-menu span.fa{display:none !important;}*/

.login_content .changepass{border: 1px solid #d4d4d4; padding: 15px;}

.btnprint{background-color:#004955;color: #fff;}
.btnprint:hover{color: #fff;background-color: #0a5f6e;}

.btndasboard{background-color:#3d8d9a; color:#fff;}
.btndasboard:hover{background-color: #267b8a;color:#fff;}

.btndownload{background-color:#3d8d9a;color:#fff;padding-top: 2px !important;}
.btndownload:hover{background-color: #267b8a;color:#fff;}

.btnsave{background-color:#004955;color: #fff;}
.btnsave:hover{color: #fff;background-color: #0a5f6e;}

.login_content form .btn a, a:focus, .login_content form .btn a:visited {color:#4dc0d4}

.nav-tabs>li>a:focus{color:fff!important;}

#divTotalEstimateCost .form-control{display:inline-block; border:none; box-shadow:none;background-color:#fff; width:auto;}

.inline{display:inline;}

.bottom{
    border-bottom: 1px solid #ddd;
    min-height: 42px;
    }

.div#divTotalEstimateCost {
    border: 1px solid #ddd;
    width: fit-content;
}

 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #00000082;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00000082 transparent transparent transparent;
}

.tool:hover .tooltiptext {
  visibility: visible;
}