/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body{
  font-family: "72-Regular"!important;
  background: #ebf0f4;
}
.mlr_15{
  margin: 0px -15px;
}
@font-face {
    font-family: '72-Regular';
    src: url('../72/72-Regular.ttf');
}
.ff-72{
  font-family: "72-Regular"!important;
  text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
.ff-tahoma{
  font-family: "Tahoma", Sans-serif;
  text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
.ff-roboto{
  font-family: 'Roboto', sans-serif;
}
.sd{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
.sd2{
  box-shadow: 0px 1.5px 3px 0px rgba(0, 0, 0, 0.16);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}   
.fs-12{font-size: 12px!important;}
.fs-13{font-size: 13px!important;}
.fs-14{font-size: 14px!important;}
.fs-16{font-size: 16px!important;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px!important;}
.fw-400{font-weight: 400;}
.fw-600{font-weight: 600!important;}
.fw-800{font-weight: 800;}
.fw-bold{font-weight: bold;}
/*----------------------------------
#header
-----------------------------------*/
.logo_right{
  text-align: right;
}
.bg_header{
  background: linear-gradient(#97ACC1, #c2cfde, #F2F4F7, #9DB3CA);
  box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.16), 0px 0px 1px 0 rgba(0,0,0,0.12);
}
.bg_logo{
  background: linear-gradient(#97ACC1, #c2cfde, #F2F4F7, #9DB3CA);
}
.navbar_2 {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: linear-gradient(#81acd8, transparent);
    box-shadow: 0px 0px 0px 0 rgb(219 230 245), 0px 0px 0px 0 rgb(180 201 222);
}
.main{
  margin-top: 112px;
}
.main_left{
  height: 90%;
  width: 20%;
  background: linear-gradient(95deg, #274285, #3557A1);
  position: fixed;
  left: 0px;
  top: 43px;
  box-shadow: 0px 0px 2px 0px rgb(117 117 117), 0px 0px 2px 0px rgb(125 125 125);
  margin: .3rem .6rem;
  border-radius: 10px;
  border: 3px solid #e7edf2;
}
.main_right{
  height: 100%;
  width: 77%;
  background: #EBF0F4;
  position: fixed;
  right: 0px;
  top: 43px;
  margin: .3rem .6rem;
}
.main_left .nav .nav-link{
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: .5rem .5rem;
  font-size: 14px;
}
.main_left .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #03A9F4;
  box-shadow: inset 0px 0px 3px 3px #0288D1, inset 0px 0px 4px 5px #039BE5;
}
.main_left .nav{
  padding: 10px 10px;
}
.main_right .main_card .card-header{
  margin-bottom: 0;
  background-color: #B4C9DE;
  border: 1px solid rgb(169 196 222);
  /* box-shadow: inset 0px 0px 6px 2px rgb(146 181 216), inset 0px 0px 6px 9px rgb(197 215 232); */
  color: #173579;
}
.main_right .main_card{
  border: 1px solid rgb(127 169 210);
  background: #f1f1f1;
  height: 90vh;
}
.br_tb{
  border: 2px groove #5587b9;
  border-style: groove none;
  border-radius: 0px!important;
}
.br_t{
  border: 2px groove #5587b9;
  border-style: groove none none none;
  border-radius: 0px!important;
}
.badge-light {
    color: #4f76ce !important;
    background-color: #ffffff !important;
}
.body-title{
  background: #E1EBEF;
  box-shadow: inset 0px 0px 2px 0px rgb(225 235 239), inset 0px 0px 2px 0px rgb(170 198 227);
  padding: 3px 5px;
}
/*----------------------------------
table style
-----------------------------------*/
.form-control-sm{
  border: 1px solid #b3b3b3!important;
  border-radius: 0px;
  line-height: 1;
}
.res_mainT{
padding: .10rem .45rem;
height: 54vh;
border-bottom: 2px solid #c3c3c3;
}
.sub_T{
 margin-bottom: 0px;
}
.res_mainT .sub_T td, .res_mainT .sub_T th {
  padding: .35rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
  text-align: center;
  white-space: nowrap;
  background: white;
}
.sub_T thead tr:nth-child(1) th {
  position: sticky;
  top: 0px;
  z-index: 999;
  outline: 2px solid rgb(225 235 239);
  font-size: 13px;
  box-shadow: 0px -3px 4px 4px #B3B3B3;
  font-weight: 600;
}
.sub_T .head_1 th{
background-color: rgb(179 179 179);
}
.sub_T td, .sub_T th {
border: 2px solid #c3c3c3;
}
/*=====================================
#login
===================================*/
.login_body {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    height: 100%;
  background-color: #d4e2f1 !important;
}
.login_body a,
.login_body a:hover,
.login_body a:focus,
focus {
    outline: none !important;
    text-decoration: none;
    color: #fff;
}
.login_body .container{
    max-width:800px;
    width: 100%;
    
}
.ttc{
  background-color:#5e8ebd;
}
.log-img{
  margin-left: 0px;
  height:80px
}
.head {
  font-size: 19px;
    text-align: center;
    padding-top: 30px;
    font-weight: 500;
  color:#fff;

}
.heading{
      background-color: #d4e2f1;

}
.lable_head{
  margin-bottom: 0px !important;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    
  
    color: #000;

}


.login_body li,
.login_body ul {
    margin: 0;
    padding: 0;
}

/*Global CSS*/


/*Main CSS*/


/*Login Signup Page*/

.bg-image {
    background: url(http://jskrishna.com/work/merkury/images/background-login.jpg) no-repeat 0 0 / cover;
    position: relative;
    width: 100%;
    height: 100vh;
    display: table;
}

.login-header {
    display: inline-block;
    width: 100%;
    background: #0e1a35;
}

.login-signup {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.login-logo img {
    cursor: pointer;
    max-width: 171px;
    padding: 23px 15px 22px;
    width: 100%;
}

.login-header .navbar-right {
    margin-right: 0px;
}

.login-header .nav-tabs > li.active > a,
.login-header .nav-tabs > li.active > a:focus,
.login-header .nav-tabs > li.active > a:hover {
    background-color: transparent;
    border: none;
    color: #fff;
}

.login-header .nav-tabs > li > a {
    border: medium none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    padding: 15px 30px;
    color: #fff;
}

.login-header .nav-tabs {
    border-bottom: none;
}

.login-header .nav-tabs > li {
    margin-bottom: 0px;
}

.login-header .nav > li > a:focus,
.login-header .nav > li > a:hover {
    background: none;
    text-decoration: none;
}

.login-header .nav-tabs > li.active {
    border-bottom: 6px solid #5584ff;
}

.login-inner h1 {
    color: #8492af;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
}

.login-inner h1 span {
    color: #5584ff;
}

.login-form {
    /*background-color:#e9f0f8;
  width:100%;*/
}

.login-form input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #d4d9e3;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 13px;
    font-weight: 300;
    width: 100%;
    color: #8492af;
    padding: 15px 50px;
    font-size: 17px;
    max-width: 550px;
}

.login-form label {
    margin-bottom: 10px;
    width: 20%;
    border-bottom: 1px solid #c6cbcf;
  margin-left: 30px;
  font-weight: 500;
  font-size:15px;
}


.client input {
    /*background: rgba(0, 0, 0, 0) url("http://jskrishna.com/work/merkury/images/user.png") no-repeat scroll 7px 12px;*/
  width: 45%;
    border: 1px solid #c6cbcf;
  margin-left: 39.5%;
  font-weight: 500;
  background-color: #fff;
  height: 25px;
    font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
.user input {
    /*background: rgba(0, 0, 0, 0) url("http://jskrishna.com/work/merkury/images/user.png") no-repeat scroll 7px 12px;*/
  width: 45%;
    border: 1px solid #c6cbcf;
  margin-left: 42%;
  font-weight: 500;
  background-color: #fff;
  height: 25px;
    font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

.pass input {
   width: 45%;
    border: 1px solid #c6cbcf;
  margin-left: 30%;
  font-weight: 500;
  background-color: #fff;
  height: 25px;
    font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
.tender input{
  width: 45%;
    border: 1px solid #c6cbcf;
  margin-left: 36%;
  font-weight: 500;
  background-color: #fff;
  height: 25px;
    font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
}

.mail input {
    background: rgba(0, 0, 0, 0) url("http://jskrishna.com/work/merkury/images/mail.png") no-repeat scroll 4px 12px;
}

.login-signup .tab-content {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: inline-block;
    margin-top: -8px;
    width: 100%;
}

.form-btn {
    background: #5584ff none repeat scroll 0 0;
    border: medium none;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 400;
    max-width: 250px;
    padding: 10px 0;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px #d2d2d2;
    -moz-box-shadow: 0 2px 8px #d2d2d2;
    -webkit-box-shadow: 0 2px 8px #d2d2d2;
}

.form-btn::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 17px;
    top: 9px;
}

.form-details {
    padding: 15px 0;
}

.tab-content .tab-pane {
    padding:35px 0;
}


/*Login Signup Page*/



@media only screen and (max-device-width: 767px) {
    .login-logo img {
        margin: 0 auto;
    }
    .login-details .nav-tabs > li {
        text-align: center;
        width: 50%;
    }
    .login-signup .login-inner h1 {
        font-size: 26px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .login-inner .login-form input {
        font-size: 15px;
        max-width: 100%;
        padding: 15px 45px;
    }
    .login-inner .form-details {
        padding: 25px;
    }
    .login-inner .login-form label {
        margin-bottom: 20px;
        width: 100%;
    }
    .login-inner .form-btn {
        margin: 0;
        max-width: 180px;
    }
    .tab-content .tab-pane {
        padding: 20px 0;
    }
    #navigation .navi a {
        font-size: 14px;
        padding: 20px;
        text-align: center;
    }
    #navigation .navi i {
        margin-right: 0px;
    }
    #navigation .navi a:hover,
    #navigation .navi .active a {
        background: #122143 none repeat scroll 0 0;
        border-left: none;
        display: block;
        padding-left: 20px;
    }
    header .header-top img {
        max-width: 38px !important;
    }
    .v-align header {
        padding: 12px 15px;
    }
    header .header-top li {
        padding-left: 13px;
        padding-right: 6px;
    }
    .navbar-default .navbar-toggle {
        border-color: rgba(0, 0, 0, 0);
    }
    .navbar-header .navbar-toggle {
        float: left;
        margin: 0;
        padding: 0;
        top: 12px;
    }
    .login_body button,
     .login_body   html [type="button"],
        [type="reset"],
        [type="submit"] {
            outline: medium none;
    }
    .user-dashboard .sales h2 {
        color: #8492af;
        float: left;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        padding: 13px 0 0;
}
    .user-dashboard .btn.btn-secondary.btn-lg.dropdown-toggle > span {
        font-size: 11px;
}
    .user-dashboard .sales button {
        font-size: 11px;
        padding-right: 23px;
}  
    .user-dashboard .sales h2 {
    font-size: 12px;
}
.gutter{
    padding: 0;
}
}

@media only screen and (max-device-width: 992px) {
    header .header-top li {
        padding-left: 20px !important;
        padding-right: 0;
}
    header .logo img {
        max-width: 125px !important;
}

}

@media only screen and (min-device-width: 767px) and (max-device-width: 998px){
      .user-dashboard .header-top {
        padding-top: 5px;
}
    .user-dashboard .header-rightside {
        display: inline-block;
        float: left;
        width: 100%;
}
    .user-dashboard .header-rightside .header-top img {
        max-width: 41px !important;
} 
    .user-dashboard .sales button {
    font-size: 10px;
}
    .user-dashboard .btn.btn-secondary.btn-lg.dropdown-toggle > span {
    font-size: 12px;
}
    .user-dashboard .sales h2 {
    font-size: 15px;
}
}
@media only screen and (min-device-width:998px) and (max-device-width: 1350px){
        #navigation .logo img {
    max-width: 130px;
    padding: 16px 0 17px;
    width: 100%;
}
}
.login_body .form-control{
  padding: .375rem .75rem;
  font-size: 12px;
  margin-top: 20px;
  font-weight: 600;
  height: 28px;
  margin-left: 15px;
  border-radius: 0px;
}
.login_body .form-group {
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 1rem;
}