/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
         url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-500 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
         url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
  }

* {margin: 0;padding: 0;box-sizing: border-box;}
html,body{position: relative;height: 100%;}
li{list-style-type: none;}
a {text-decoration: none;} a:focus{border:none;outline: none;}
body { font-family:'Roboto';}
body {
    background: none !important;
}
/* Stock Login */
#login {
    background: url(../images/stock/stockLogBg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    position: relative;
}
.loginPanel {    
    width: 300px;
    /* height: 360px;     */
    position: absolute;
    top:50%;left:50%;
    /* margin:-180px 0 0 -175px; */
    transform: translate(-50%, -50%);
    background:#fff;
    border: 1px solid #fcc101;  
    
    border-radius: 15px !important;
}
.logoWrap {
    padding: 10px;
    /* background: #fff; */
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #fcc308;
   
}
.lendLogo{position: absolute;bottom:20px;right:20px;}
/* .loginWrap {
    padding:0px 30px 15px;    
} */
.loginWrap {
    padding: 0px 0px 15px;
}
.mbtm20{margin-bottom: 20px !important;}
.loginWrap h4 {
    text-align: center;
   position: relative;
    padding-bottom: 3px;
    margin-bottom: 30px;
}
.loginWrap h4::after {
    content: '';
    width: 100px;
    height: 2px;
    background: #b62433;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 14px);
}
.greenText{color:#b62433;}
#login .form-group {
    margin-bottom: 30px !important;
    position: relative !important;
    width: 100%;
}
#otpAppExist .form-group{
width: 80%;
margin-left: auto;
margin-right: auto;
}
#login label{margin-bottom:0px;}
#login .form-control{
    /* border: 1px solid #239a1f; color: #239a1f;
    font-size: 12px; */
    padding-left: 40px;
} 
#otpAppExist .modal-body .form-control {
    padding-left: 0px !important;
}
    .datepicker-dropdown {
        z-index: 99999 !important;
        position: absolute;
        background: rgb(255, 255, 255);
      }
#login .login {
    padding: 5px 20px;
    background: #4f91f4;
    color: #ffffff;   
    font-size: 12px;   
    border-radius: 0;
    border-color: #4f91f4;
}
.forgot {
    text-decoration: underline;
    color: #de4421;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}
/* Stock Header */
#stockHeader1 .navbar-default{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+8,fcc308+25,b62433+48,b62433+57,b54d58+68,ffffff+92 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 8%, #fcc308 25%, #b62433 48%, #b62433 57%, #b54d58 68%, #ffffff 92%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 8%,#fcc308 25%,#b62433 48%,#b62433 57%,#b54d58 68%,#ffffff 92%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 8%,#fcc308 25%,#b62433 48%,#b62433 57%,#b54d58 68%,#ffffff 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#stockHeader .navbar-default{
    border-radius: 0px;    
    border-bottom:2px solid #fd7c36;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcc308+0,b62433+48,ffffff+100 */
background: #fcc308; /* Old browsers */
background: -moz-linear-gradient(left,  #fcc308 0%, #b62433 48%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fcc308 0%,#b62433 48%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fcc308 0%,#b62433 48%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc308', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
/* .navbar-collapse.collapse{
    background: #fff;
} */
#stockHeader .navbar-brand img{padding-top:0px;}
#stockHeader .navbar-right li a{margin-top:15px;color:#1d7cdc;}
#stockHeader .navbar-right li:last-child a{margin-top:0px;}
/*  schemeType  */
.main {
    width: 100%;
    background: #fff;
    padding:25px;
    position: relative;
    margin: 0 auto;    
}
.margTop80{margin-top:80px !important;}
.CoverWrap{padding:15px;
    /* border:1px solid #239a1f; */
    height:500px;overflow-y:auto;font-family:'Roboto' !important;margin-top:45px; font-size:16px }
.CoverWrapAuto{height:auto !important;}
.productWrap{display: flex;justify-content:flex-start;flex-wrap: wrap;}
.productWrap a{color:#323232;}
.products{padding:15px;background:#fff;width:24.8%;text-align: center;}
.products a span{display: block;margin-top:7px;color:#323232 !important;}
.products:hover{box-shadow: 0px 0px 5px #ccc;}
.products img{width:80px;height:80px;margin-bottom:10px;}
.CoverWrap .nav-pills img{width:50px;height:50px;}
.CoverWrap .tab-content{overflow: hidden;box-shadow: none !important}
.productWrap .products a{background:#f5f5f5 !important;}

/* .CoverWrap .tab-pane h4,.pageTitle{color:#fd7c36;border-bottom:1px solid #fd7c36;font-size:16px;} */

.productWrap .products:first-child a:hover,.products:first-child.active a{background:#2ad0d6 !important;}
.productWrap .products:nth-child(2) a:hover,.products:nth-child(2).active a{background:#ad95e9 !important;}
.productWrap .products:nth-child(3) a:hover,.products:nth-child(3).active a{background:#f79ac4 !important;}
.productWrap .products:nth-child(4) a:hover,.products:nth-child(4).active a{background:#8ad77a !important;}
.productWrap .products a:hover span,.products.active a span{color:#ffffff !important;}
.products.active{box-shadow: 0px 0px 5px #ccc;}
.CoverWrap .tab-pane .list-group{margin-top:10px;}
.CoverWrap .list-group-item:hover{background:#f5f5f5 !important;}
/* .CoverWrap .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #40aa26;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius:0px !important;
} */
.CoverWrap .input-group-addon:last-child{border-left:0px !important}
.CoverWrap .input-group-addon:first-child{border-right:0px !important}
/* .CoverWrap .form-control,.CoverWrap .form-control-mini,.CoverWrap .form-control-md{
    display: block !important;
    width: 100% !important;    
    padding: 6px 12px !important;
    font-size: 14px !important;    
    color: #323232 !important;
    background-color: #fff !important;   
    border: 1px solid #ccc !important;
    border-radius: 0px !important;        
   } */
.CoverWrap .form-control-md{width:65% !important;display: inline-block !important;}
.CoverWrap .form-control-mini{width:70px !important;display: inline-block !important; border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ddd;}
.CoverWrap .btn-outline{margin:0px 1px 1px 0 !important;}
/* .CoverWrap .btn-outline:hover.btn-primary {background:#267a10 !important;border-color:#267a10 !important;color:#fff !important}
.CoverWrap .btn-outline.btn-primary {background:#4cb034 !important;border-color:#4cb034 !important;color:#fff !important;}
.CoverWrap .btn-outline.btn-secondary {background:#f99356 !important;border-color:#ffa169 !important;color:#fff !important}
.CoverWrap .btn-outline:hover.btn-secondary {background:#f5f5f5 !important;border-color:#ffa169 !important;color:#ff7725 !important} */

/* .CoverWrap .table th{background:#cee2c6 !important;color:#267a10 !important;font-size:15px;font-weight:normal; white-space: normal !important;} */

/* .CoverWrap .btn-outline.btn-primary:disabled,.CoverWrap .btn-outline.btn-secondary:disabled, input.form-control:disabled{background:#ededed !important;border-color:#e2e0de !important;color:#b2b0af !important;cursor: not-allowed;} */
/* .CoverWrap .pink-text{color:#ff7725 !important;font-weight:normal !important;}
.CoverWrap .pink-text:hover{text-decoration: underline !important;} */
.has-error{  border-color: red !important;}
.has-error::placeholder{color: red;}
.nowrap .table th{white-space: nowrap !important;}

.text-center{text-align: center!important;}

/* ========================================================================= */

/*scrollable tbody */
table.tbody-scroll td:nth-child(1), .table.tbody-scroll th:nth-child(1){ width: 4vw;}
table.tbody-scroll td:nth-child(2), .table.tbody-scroll th:nth-child(2){ width: 4vw;}
table.tbody-scroll td:nth-child(3), .table.tbody-scroll th:nth-child(3){ width: 21vw;}
table.tbody-scroll td:nth-child(4), .table.tbody-scroll th:nth-child(4){ width: 21vw;}
table.tbody-scroll td:nth-child(5), .table.tbody-scroll th:nth-child(5){ width: 21vw;}
table.tbody-scroll td:nth-child(6), .table.tbody-scroll th:nth-child(6){ width: 22vw;}

table.tbody-scroll .list-group-item{background:unset;}
table.tbody-scroll .list-group-item:hover{background:unset !important;}


table.tbody-scroll thead{    background-color: #fffae9 !important;}
table.tbody-scroll thead, .tbody-scroll tbody{display:block;}

table.tbody-scroll tbody{overflow-y: scroll; max-height: 50vh;}


table.tbody-scroll thead th{border-top:none;}
table.tbody-scroll tr:first-child td{border-top:none;}
table.tbody-scroll tr:last-child td{border-bottom:none;}

/*scrollable tbody */

.CoverWrap .list-group-item{cursor: pointer;}

.CoverWrap .list-group-item.tabbg1:hover{
    background: #fcc308 !important;
    color:#fff;
}
.CoverWrap .list-group-item.tabbg2:hover{
    background: #fcc308 !important;
    color:#fff;
}
.CoverWrap .list-group-item.tabbg3:hover{
    background: #fcc308 !important;
    color:#fff;
}
.CoverWrap .list-group-item.tabbg4:hover{
    background: #fcc308 !important;
    color:#fff;
}
.mtb10{
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}
.width250{
    width: 250px!important;
    display: inline-block;
    margin-bottom: 13px;
}
@media print {
    body {margin-top: 10mm; margin-bottom: 10mm; 
        margin-left: 0mm; margin-right: 0mm}
        .tableXl td{
            padding-top: 10px !important;
            padding-bottom: 10px !important;
       }
       .tableXl .form-control{
           width: 85px !important;
       }

    @page {
        size: auto;
        margin:0px;
      }
    
    tr{
        page-break-before: always !important;
    }
    .tablePrint .form-control{
        width: 150px !important;
    }

/*     
    .tableSize .form-control{
        width: 50px !important;
    }
    .tableSize .printfor{
        width: 120px !important;
    }
    
    .tableSize{
        width: 80% !important;
        margin: 0 auto !important;
    }
    @page :left {
        margin-left: 4cm;
        margin-right: 3cm;
     }

     @page :right {
        margin-left: 3cm;
        margin-right: 4cm;
     } */

     .tableSize .form-control{
        width: 50px !important;
    }
    .tableSize .printfor{
        width: 100% !important;
    }

    table.tableSize .form-control{padding: 6px 6px !important;}
    table.tableSize{width:620px !important; /*table-layout: fixed;*/}
    table.tableSize td, table.tableSize th{white-space: normal !important; font-size: 12px !important;} 
    table.tableSize td:nth-child(1), table.tableSize th:nth-child(1){width:30px !important; min-width:30px !important; max-width:30px !important;}
    table.tableSize td:nth-child(2), table.tableSize th:nth-child(2){width:130px !important; min-width:130px !important; max-width:130px !important;}
    table.tableSize td:nth-child(3), table.tableSize th:nth-child(3){width:90px !important; min-width:90px !important; max-width:90px !important;}
    table.tableSize td:nth-child(4), table.tableSize th:nth-child(4){width:90px !important; min-width:90px !important; max-width:90px !important;}
    table.tableSize td:nth-child(5), table.tableSize th:nth-child(5){width:90px !important; min-width:90px !important; max-width:90px !important;}
    table.tableSize td:nth-child(6), table.tableSize th:nth-child(6){width:90px !important; min-width:90px !important; max-width:90px !important;}
    table.tableSize td:nth-child(7), table.tableSize th:nth-child(7){width:90px !important; min-width:90px !important; max-width:90px !important;}

    table.tableSize td input::-webkit-input-placeholder { /* Edge */
        font-size: 10px !important;
        display: none!important;
      }
      
      table.tableSize td input:-ms-input-placeholder { /* Internet Explorer */
        font-size: 10px !important;
        display: none !important;
      }
      
      table.tableSize td input::placeholder {
        font-size: 10px !important;
        display: none !important;
      }


}

.tablebdLess tr td{
     border: unset !important;
}

.nav.navbar-nav.navbar-right{
    display: flex;
    align-items: center;
}
#login .form-control:disabled {
    background-color: #fff !important;
}
#login .form-group:nth-child(3){
    margin-bottom: 20px !important;
}



ul.login-box li a.stocklist{background-image: url(../images/stock/stock-statement.png);}
ul.login-box li:hover a.stocklist{
  background-image: url(../images/stock/stock-statement-y.png) !important;
}

ul.login-box li a.qis{background-image: url(../images/stock/QIS.png);}
ul.login-box li:hover a.qis{
  background-image: url(../images/stock/QIS-Y.png) !important;
}

ul.login-box li a.ffr{background-image: url(../images/stock/FFR.png);}
ul.login-box li:hover a.ffr{
  background-image: url(../images/stock/FFR-Y.png) !important;
}

ul.login-box li a.c1{background-image: url(../images/stock/C-I-II.png);}
ul.login-box li:hover a.c1{
  background-image: url(../images/stock/C-I-II-Y.png) !important;
}
ul.login-box li a{
background-position: center center;
    background-repeat: no-repeat;}

.login-box.mt0{margin-top: 0px !important;}
.login-wrapper{border: 1px solid #fcc205;
height: 250px;
}
.CoverWrap .tab-content{padding: 0px;}
.modal-title{
    color: #a94442;
}
ul.new-main-tabs{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.new-main-tabs > li > a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 !important;
}
ul.new-main-tabs > li > a:hover{
    background: none !important;
    border-color: #fff;
}
ul.new-main-tabs > li:hover{
    border-bottom: 2px solid #b62433 !important;
}
ul.new-main-tabs > li:hover span.step{
    color: #b62433 !important;
}
ul.new-main-tabs > li:hover span.one img:nth-child(2){
    display: none;
    }

ul.new-main-tabs > li:hover span.one img:nth-child(1){
display: block;
}