@charset "utf-8";
/* CSS Document */
body{font-size:14px ;   font-family: 'CenturyGothic';}
html,body{height: 100%;}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf')  format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{overflow-x: hidden; overflow-y: hidden;}

button, input, select, textarea {
  font-family: 'Roboto'; 
}

option{font-family:arial; font-size: 13px; }

/*    General   */
.black-text{color: #000000;
    font-weight: bold;}
.pink-text{color: #f48491;
    font-weight: bold;}
.blue-text{color:#f75311;}
.text-green{color: #07a700 !important}
.ovrflw{overflow:hidden;}
.arial{font-family: Helvetica, Arial, "sans-serif";}
.hide-text{text-indent:-99999px;}
/* body{padding-bottom: 30px;} */
.text-black{color:#111 !important;}
.dp-block{display: block;}
.padtop20{padding-top:20px;}

.padbot20{padding-bottom:20px;}
.captcha{padding:20px 0;}
.margtop20{margin-top:20px;}
.bdrNone{border:none !important;}
.text-red{color:red !important;}
/*    Home   */
body{
  background:url(../images/body-bg.gif) 0 0 repeat;  
	}
.bgCover{background: url(../images/login1.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
    background-size: cover;}
    
    .bg-2{background: url(../images/bgInner.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    height: 100vh;}    

.loginContainer{position:absolute;width:100%;
  /* top:0px;bottom:0px;    
  height: 100vh; */
}

ul.login-box{padding:0;}  
ul.login-box-new{margin:-5px ;padding:0;} 

ul.login-box{  
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 950px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding:30px 50px 50px;
  /* border: 1px solid #d8d8d8;
  box-shadow: 0px 0px 26px #d2d2d2; */
  margin-bottom: 0px;} 


ul.login-box li {
  list-style-type: none;
  background: #fbfaf8;
  background-repeat: no-repeat;
  margin-bottom: 1px;
  /* max-width: 170px;
  height: 170px; */
  max-width: 120px;
  height: 120px;
  width: 100%;
  
  border-radius: 50%;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  position: relative;
  transition: all 0.3s;
  /* border: 1px solid #e8e3e3; */
  border: 1px solid #fcc308;
  outline: none!important;
}
ul.login-box li p{
  margin-top: 10px !important;
    font-size: 16px !important;
    font-weight: normal;
    text-align: center;
}
ul.login-box li:hover{
  transition: all 0.3s;
  border: 1px solid #f4b52a !important;
  border-radius: 20px;
  /* border: 2px solid #f4b52a !important; */
}
ul.login-box li:hover p{ color: #f4b52a !important; }
/* 
ul.login-box li:nth-child(2):hover{
  border: 1px solid #f76363;
}
ul.login-box li:nth-child(3):hover{
  border: 1px solid #7fcb83;
}
ul.login-box li:nth-child(4):hover{
  border: 1px solid #63cef8;
}
ul.login-box li:nth-child(5):hover{
  border: 1px solid #9c63f7;
} */

ul.login-box li:hover p{
  color: #f4b52a ;
}
/* 
ul.login-box li:nth-child(2):hover p{
  color: #f76363 ;
}
ul.login-box li:nth-child(3):hover p{
  color: #84c988 ;
} 
ul.login-box li:nth-child(4):hover p{
  color: #63cef8 ;
} 
ul.login-box li:nth-child(5):hover p{
  color: #9c63f7 ;
}  */
    /* ul.login-box li:nth-child(2n){
    	 background: #9b5cd0;
    }
    ul.login-box li:last-child{
    	 background: #ff6d6d;
    } */
     ul.login-box-new b{margin-top:12px;}

     ul.login-box li a span {
      font-size: 40px;
      margin-bottom: 15px;
      position: absolute;
      top: 50%;
      left: -40px;
      margin-top: -40px;
      background: #2e85fb;
      border-radius: 50%;
      height: 60px;
      width: 60px;
      text-align: center;
      line-height: 60px;
  }

  ul.login-box li:nth-child(2n) a span{background:#9b5cd0;}
  ul.login-box li:last-child a span{background:#ff6d6d;}
  ul.login-box li

  ul.login-box li a span.fa{color:#fff;}


ul.login-box li a{
    color: #2e85fb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 100%;outline: none}

    ul.login-box li a:focus{outline: none;}
    ul.login-box li a span{
    	font-size: 26px;
    margin-bottom: 15px;
    }



     ul.login-box li a .fa-check,  ul.login-box li a .fa-close{
     	font-size: 30px;
     }
    ul.login-box li a:hover{
      color: #2e85fb;
      text-decoration: none;
    }

    ul.login-box li:nth-child(2n) a{color:#9b5cd0}
    ul.login-box li:last-child a{color:#ff6d6d}

ul.login-box li a{
  transition: all 0.3s linear;
}



ul.login-box li a.newapp{ background-image: url(../images/new-application.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px;
    border-radius: 50%;}
    ul.login-box li:hover a.newapp{
      background-image: url(../images/new-application-y.png) !important;
    }
    ul.login-box li .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .3s ease;
  border-radius: 50%;
  background-color: #2e85fb;
  opacity: 0.8;
}
ul.login-box li:nth-child(2n) .overlay{
  background-color: #9b5cd0;
  }
  ul.login-box li:last-child .overlay{
  background-color: #ff6d6d;
  }
ul.login-box li:hover .overlay {
    height: 100%;
     border: 5px solid #ffffff;
   
}




ul.login-box li .app-link{
	 color: white;
  font-size: 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 10px 25px;
    border: 2px solid white;
    font-weight: bold;
}
ul.login-box li a.EducationalLoan,ul.login-box li a.mortgage,ul.login-box li a.PersonalLoan,ul.login-box li a.housingLoan ,ul.login-box li a.VehicleLoan,ul.login-box li a.trackapp,ul.login-box li a.existapp,ul.login-box li a.incompleteApp,ul.login-box li a.existcus,ul.login-box li a.newcus{
background-position:center center;background-repeat: no-repeat;background-size:100px;border-radius: 50%;
}
ul.login-box li a.existapp{background-image: url(../images/existing-application.png);}
ul.login-box li:hover a.existapp{
  background-image: url(../images/existing-application-y.png) !important;
}
ul.login-box li a.trackapp{background-image: url(../images/status.png);}
ul.login-box li a.incompleteApp{background-image: url(../images/existing.png);}

ul.login-box li a.newcus{background-image: url(../images/apply.png);}
ul.login-box li a.existcus{background-image: url(../images/customer.png);}
ul.login-box li a.VehicleLoan{
  /* background-image: url(../images/vehicle-loan.png); */
  background-image: url(../images/car1.jpg);

}
ul.login-box li:hover a.VehicleLoan{
  /* background-image: url(../images/vehicle-loan-y.png) !important; */
}
ul.login-box li a.housingLoan{
  background-image: url(../images/housing2.jpg);
}
ul.login-box li:hover a.housingLoan{
  /* background-image: url(../images/housing-loan-y.png) !important; */
}
ul.login-box li a.PersonalLoan{
  background-image: url(../images/personalLoan.png);
}
ul.login-box li:hover a.PersonalLoan{
  /* background-image: url(../images/personal-loan-y.png) !important; */
}
ul.login-box li a.EducationalLoan{
  /* background-image: url(../images/education-loan.png); */
  background-image: url(../images/edu.png);
}
ul.login-box li:hover a.EducationalLoan{
  /* background-image: url(../images/education-loan-y.png) !important; */
}
ul.login-box li a.mortgage{
  /* background-image: url(../images/mortgage-loans.png); */
  background-image: url(../images/imagesfuture2.jpg);
  

  
}
ul.login-box li a{
background-size: 100% !important;}
ul.login-box li:hover a.mortgage{
  /* background-image: url(../images/mortgage-loans-y.png) !important; */
}
ul.login-box a{background-size: 64px 64px !important;}

ul.login-box li  a.newcus {
  background-image: url(../images/new-customer.png);
}
ul.login-box li:hover a.newcus{
  background-image: url(../images/new-customer-y.png) !important;
}
ul.login-box li a.existcus {
background-image: url(../images/existing-customer.png);
}
ul.login-box li:hover a.existcus{
  background-image: url(../images/existing-customer-y.png) !important;
}
ul.login-box li a.trackapp {
background-image: url(../images/track-applications.png);
}
ul.login-box li:hover a.trackapp{
  background-image: url(../images/track-applications-y.png) !important;
}
ul.login-box li a.incompleteApp {
background-image: url(../images/incomplete-applications.png);
}

ul.login-box li:hover a.incompleteApp{
  background-image: url(../images/incomplete-applications-y.png) !important;
}

/*ul.login-box li:hover a{background-color: rgba(255, 255, 255, 0.4) !important; }*/
.lendLogo a{display: inline-block;position: absolute;right:20px;bottom:20px;}

/*    New Application   */
/*.navbar-default {
  background:linear-gradient(150deg, #fff, #f5f5f5,#bf016f, #281782, #13007e);
  background-color:#184e8e;
}*/
.navbar-default {
	  position: relative;
  	width: 100%;
    /* background: #b62433;
    background-color: #b62433; */
    background: linear-gradient(to right, #ffffff 11%,#b62534 26%,#b62534 50%,#b62534 100%);
    z-index: 99999;
    border: unset;
    border-radius: 0px !important;   
}
.bankNavBar{margin-bottom: 0px;
  height: 70px !important;
  border-bottom: 2px solid orangered;}
.bankNav>li>a{padding:17px 17px !important;}
.navbar-brand{padding-top:2px;}
.bankNav li a{color:#fff !important}
.bankNav li:hover a{background: #fff !important;color:#ff6222 !important;}

.bankNav>.open>a, .bankNav>.open>a:focus, .bankNav>.open>a:hover{color:#c0006f !important;background: #fff !important;}
.bankNav >.open > .dropdown-menu>li>a{color:#333 !important;}
.bankNav >.open > .dropdown-menu>li:hover>a{color:#fff !important;background:#bf016f !important;}
.page-header{
  font-size:20px; color:#b62433; 
  font-weight: 500;
  position: relative;padding-bottom: 15px;
   margin: 0px;
    border-bottom: 0px solid #f4818e;}
.page-header:after{

   content: "";
    display: none;
    border-bottom: 7px solid #41d0a2;
    position: absolute;
    width: 110px;
    top: 39px;
    left: 24px;
    border-radius: 100px;
}
/* bankPanel */
#container{padding-bottom: 20px;}
.panel-body{padding: 15px;}
.bankPanel{margin-bottom:30px;padding-bottom: 60px;margin-top: 20px;}
/*.bankPanel .panel-body{padding-bottom:10px;}*/
 h4{font-size: 18px !important;}
 h5{font-size: 16px !important;}
 p{font-size: 14px;}
.bankPanel h4.panel-title{font-size:14px !important;}
.bankPanel .well{padding:10px 10px 0;border-radius:0px;background: #f4f4f4;
  box-shadow:none !important; margin: 0px 5px !important;}
.bankPanel .form-control{box-shadow: none !important;
    border-color: #d0e3cf;
    padding: 4px 12px 4px !important;
    height: 30px;
    color: #3c3c3c;
    border: none;
    border-bottom: 1px solid #41d0a2;
    border-radius: 0px;
    width: 87% !important;
  } 
.bankPanel .control-label{font-weight:normal;color:#000;font-size:13px;}
.bankPanel sup{font-size:14px;color:red;}
.bankPanel .form-group{padding:3px 7px 7px;margin-bottom: 10px;}
.bankPanel .form-group:hover, .bankPanel .form-group:focus{background:#ebf9f4 !important;}
dt{font-weight:500 !important;font-size:16px;border-bottom:1px dashed #ccc;color:#2A189A;}
dd{margin-bottom:15px; margin-top: 2px;}

/* bank List*/
.bankList li, .bankList li a{cursor: pointer;border-color:#dedede;}
.bankList li:hover, .bankList li:hover a{color:orangered;}
.bankList li .badge{
  /* background: #4cb848; */
  background:#bd3a48;
}

.login-box li,.login-box li a ,.nav-pills li {cursor: pointer;}

.nav-pills.subtab li{margin-bottom: 20px; display: flex;}
.form-group {margin-bottom: 15px;}
#resendotp{color: #196bd5;  cursor: pointer;}
.form-check:first-child{padding-left: 0px;}
.form-check .form-check-input {float: left; margin-left: 0em; width: 1em !important;}

input, select, textarea, option{font-size: 14px !important;}

.header-heading{ color:#fff;font-weight: 700;}
.header-heading1{margin: 14px 0px; color:#fff;font-weight: 700; text-align: center; text-align: left;}
.heading-label label{width:80px; }

.input-group-text{background: #fff; border: none;  border-bottom-width: medium; border-bottom-style: none;
    border-bottom-color: currentcolor; border-bottom: solid 1px #ddd; border-radius: 0; font-size: 14px;}


/* bank Pagination */
.bankPagination li.active a{background: #f75311 !important;
    border-color: #f75311 !important;border-color:orangered !important;}

/*  Sliding Panel */
#slidePanel{display:none;}

/* footer */
footer{padding:10px;background:#f1eeff;border-top:1px solid #dedede;}
.scrollup{background:#f75311;display:inline-block;color:#fff;border-radius:90px;height:40px;width:40px;text-align: center;padding-top:10px;position: fixed;z-index: 10;right:10px;bottom:10px;}

/* fixed bottom step navigation */
.pushy{
    position: fixed;
    width:100%;
    height:91px;
    bottom: 0;
    z-index: 999;
    background: #f5f5f5;
    font-size: 0.9em;
    font-weight: bold;
    /*-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);*/
/*    overflow: hidden;*/
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
    border-top:1px solid #4cb848;
}

.pushy a{
    display: block;
    color: #b3b3b1;
    padding:10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.pushy a:hover{
    background: #00b4ff;
    color: #FFF;
}

.pushy ul{height:90px;margin:0px auto 0 auto !important;max-width:492px;width: 100%;text-align: center;}
.pushy ul li{list-style-type: none;display: inline-block;padding:8px 20px;text-align: center !important;}
.pushy ul li a{display:inline-block;
   background: #fffae9 !important;
  color: #333;
  font-weight: 500;
  width:70px;height:70px;border-radius:90px;text-align: center;}
.pushy ul li a:hover,.pushy ul li a.active{background: #b62433 !important;color:#fff !important;}
.pushy ul li a span{display: block;font-size:14px !important;white-space: nowrap;}
.pushy ul li a .fa{margin-top: 8px;}
.pushy ul li strong{display:block;margin-top: 7px;color:#a59ec9;text-align: center;}
/* Over rides */
.btn-primary {
   color: #ffffff;
    /* background: #b62433; */
    background:#b62433; 
    border-radius: 3px;
    /* border-color: #249c90; */
    border-color:#821924;
    padding: 5px 10px;
}
.btn-primary:hover {
    /* background: #34cf2d; */
    background:#fcc308;
    /* border-color: #13b473; */
    border-color:#b62433;
    transition: background 1s;
}
.bankPanel .nav-pills>li>a:focus, .nav-pills>li>a{    background-color: #41d0a2;color:#fff}
.bankPanel .nav-pills>li>a:focus, .nav-pills>li>a:hover,.nav-pills>li.active>a,.nav-pills>li.active>a:hover{background-color: #f9888a;color:#fff}
.navbar-brand>img {display: block;
    /* width: 300px; */
    width: 250px;
    padding-top: 0px;}
    
.bankLogo img {    display: block;
    width: 300px;
    padding-top: 15px;
    padding-bottom: 15px;
   }

/* Banker login Styles - Sathiskumar */

.login-panel{    
   color: #000;
    margin-top: 50px;
    font-size: 16px;
    max-width: 300px;
    width: 100%;   
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    z-index: 10;
}
.bankLogo{
/* background: #4cb848; */
background: linear-gradient(to right, #ffffff 11%,#b62534 26%,#b62534 50%,#b62534 100%);
    border-radius: 15px 15px 0px 0px;
}

.login-input{
  padding: 30px;
}

.bold{font-weight: bold !important}

.login-panel .form-control{
  box-shadow:none !important;border-color:#e0daff;padding:0 12px 4px !important;height:30px !important;color:#13007e;
border: none;
    border-bottom: 2px solid #4cb848;
    border-radius: 0px;
}
.login-panel .form-group{
  margin-bottom: 30px !important;
}
.mar-top20{
  margin-top: 20px !important;
}
.mar-top10{
  margin-top: 10px !important;
}
.mar-top15{
  margin-top: 15px !important;
}
.mar-top50{
  margin-top: 50px !important;
}
.color{
  color:#13007e !important; 
}
.pagination{
  margin:-10px 0px 0px !important;
}
.pagination>li>a, .pagination>li>span{
  padding: 4px 11px !important;
}
.bg-default {border: 1px solid #ddd !important;color: black !important;background: #f5f5f5 !important;}
.height80{
  height: 80px !important;
}
p{
  margin: 0px !important;
}
.mar-left-mius-18{
  margin-left: -18px !important;
}
.bor-bot{
  border-bottom: 1px dashed #fff;
}
.text{
  padding:0px  150px !important;
}
.inbox-content{
  padding: 20px 30px ;
  border:1px dashed black;
}
.overlayForm{background: rgba(255, 255, 255, 0.2);border:none !important;border-radius:0px;height:40px !important;color:#fff !important}

.ind { display: none; }
.adhar-verify a {
       position: absolute;
    right: 0px;
    top: 25px;
    background: #13b473;
    padding: 3px 18px;
    color: #fff;
    /* text-shadow: 0 3px 2px rgba(0,0,0,0.4); */
    font-weight: bold;
    text-decoration: none;
}
.mob-verify { position: relative; }
.mob-verify a {
        position: absolute;
    right: 0px;
    top: 21px;
    background: #13b473;
    padding: 8px 20px;
    color: #fff;
    /* text-shadow: 0 3px 2px rgba(0,0,0,0.4); */
    font-weight: bold;
    text-decoration: none;
}
#fundhide { display: none; }
#fundhide1{ display: none; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background: #1bbc9b !important;
    color: #fff;
    border-color: #1bbc9b;
    text-shadow: none;
}
.panel-default{
  border-color: transparent;
  height: calc(100vh - 172px);
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
/* body::-webkit-scrollbar{width: 6px; background: #eee; transition: all 0.3s ease-in-out;  height: 10px; visibility:hidden;}
body::-webkit-scrollbar-track{width: 8px; background: #eee; border-radius: 15px;transition: all 0.3s ease-in-out;visibility:hidden;}
body::-webkit-scrollbar-thumb{ width: 10px; background: #b62433; border-radius: 25px;transition: all 0.3s ease-in-out; height: 20px;visibility:hidden; }
body:hover::-webkit-scrollbar{visibility: visible;} */


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eee; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ddd; 
}


/* width */
body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eee; 
  border-radius: 10px;
}
 
/* Handle */
body::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #ddd; 
}

.Principle-panel::-webkit-scrollbar, .board::-webkit-scrollbar,.Principle-panel::-webkit-scrollbar, .table-responsive::-webkit-scrollbar,.panel-default::-webkit-scrollbar { width: 6px; background: #eee; transition: all 0.3s ease-in-out;  height: 10px; visibility:hidden;}
.board::-webkit-scrollbar-track,.Principle-panel::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track,.panel-default::-webkit-scrollbar-track { width: 8px; background: #eee; border-radius: 15px;transition: all 0.3s ease-in-out;visibility:hidden; }
 .board::-webkit-scrollbar-thumb,.Principle-panel::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb,.panel-default::-webkit-scrollbar-thumb { width: 10px; background: #b62433; border-radius: 25px;transition: all 0.3s ease-in-out; height: 20px;visibility:hidden; }
.board:hover::-webkit-scrollbar,.board:hover::-webkit-scrollbar-track,.board:hover::-webkit-scrollbar-thumb,.Principle-panel:hover::-webkit-scrollbar,.Principle-panel:hover::-webkit-scrollbar-track,.Principle-panel:hover::-webkit-scrollbar-thumb, .table-responsive:hover::-webkit-scrollbar,.table-responsive:hover::-webkit-scrollbar-track,.table-responsive:hover::-webkit-scrollbar-thumb  ,  .panel-default:hover::-webkit-scrollbar, .panel-default:hover::-webkit-scrollbar-track, .panel-default:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.panel-default>.panel-heading {
    background-color: transparent;
    /* border-color: #f4818e; */
    margin: 15px ;
    position: relative;
    padding: 10px !important;
}
sup {
  font-size: 14px;
  color: red;
}
#accordion .panel-default{height: auto !important;}
/* .panel-default>.panel-heading:after{
      content: "";
    display: block;
    border-bottom: 7px solid #41d0a2;
    position: absolute;
   width: 110px;
    top: 50px;
    left: 5px;
    border-radius: 100px;
} */
#inbox .panel-default>.panel-heading .fa { 
color: #ffffff !important;
    margin-right: 15px;
    font-size: 20px;}
#inbox .panel-default>.panel-heading strong { 
color: #ffffff;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 20px;}
.panel-default>.panel-heading .pink-text { color: #258821; }
.modal-body .alert-success { padding: 15px; }
.pink-text a {color: #ff6222; text-decoration: none;}
.pasno { margin-top: -4px; float: right;}
.pasno input {height: 26px;border-radius: 3px;border: none; border: 1px solid #8e8e8e;}

.title2{font-weight: 600; border-bottom: 1px solid #cecaca;padding-bottom: 5px;}
.btn-danger{border-radius: 3px;padding: 5px 10px;}
.mt20{margin-top: 20px;}




.twitter-typeahead {
  width: 100%;
}


.typeahead {
background-color: #fff;
}


.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
color: #999
}

.tt-menu {
width: 100%;
margin: 12px 0;
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
        border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
   -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
padding: 3px 20px;
font-size: 12px;
line-height: 24px;

}

.tt-suggestion:hover {
cursor: pointer;
color: #fff;
background-color: #f9c724;
}

.tt-suggestion.tt-cursor {
color: #fff;
background-color: #f9c724;

}

.tt-suggestion p {
margin: 0;
}

.margin2
{
  margin-top: 2%;
}

.margin10
{
  margin-bottom: 20%;
} 




.docmodal .modal-dialog,
.docmodal .modal-content {
    height: 90%;
}
.modal-dialog{
	top: 30%;
    transform: translateY(-30%) !important;
}

#docmodal .modal-body {
  height: 65vh !important;
  max-height: 100vh !important;
}
#docmodal .modal-dialog{
  min-width: 80%;
}

input[type="file"]{
  color: transparent;
}
.padtop53{padding-top: 53px;}
.padtop50{padding-top: 50px;}
.padtop90{padding-top: 40px;}
.padtop80{padding-top: 80px;}
.padtop110{padding-top: 110px;}

.table>tbody>tr>th{
  background-color: #d3f4eb !important;
  color: #3c704a !important;
  white-space: nowrap;
}
.table>thead{
  background-color: #d3f4eb !important;
  color: #3c704a !important;
}
table.dataTable thead th{
   background-color: #e3ffe1 !important;
  color: #3c704a !important;
}
.table-cust th{
  white-space: nowrap;
}
#bgCover{
 position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: url(../images/login-1.jpg); */
    background: #41d0a2;
    background-repeat: no-repeat;
    background-position-y: -30px;
    background-size: inherit;
    /* background-repeat-x: repeat; */
}
.bgCover{
  background: url(../images/loginLeftBg.png) left top no-repeat, url(../images/loginRightBg.png) right top no-repeat !important;
}
select[multiple], select[size]{
  height: auto !important;
}
.bank-pad{
  padding:20px 30px;
}


.pushy ul li a.completed{
	background-color: #4db848 !important;
}

.full-print{
  overflow: auto;
}
.full-page-print{
  height: auto !important;
  max-width: 90%;
  width: 100%;
  border: 1px solid #ddd;
  margin: 0px auto;
}
.full-page-print table th,.full-page-print table td{
  padding: 5px;
}
.pushy ul li a.completed{
  background-color: #4db848 !important
}
.modal-cust-xl{
    max-width: 1200px;
    width: 95%;
    /* height: 720px;
    top: 50%;
    transform: translateY(-40%) !important; */
    margin: 0 auto;
}

.width-2000px{
  width: 2000px !important;
}

.modal-open .modal{
  background: rgba(16, 16, 16, 0.68);
}

.dataTable tbody tr td:nth-child(3) {
  cursor: pointer !important;
}
#reportDisplay table thead tr th{
  white-space: nowrap;
}
/*booostrap.css.sandeep*/



input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
  background-color: #fff !important;
}
.bg-white{background-color: #ffffff !important}
/* .front_page{max-width: 850px;
  margin: 0px auto;
  width: 100%;
  margin-top: 120px;}
  .d-flex{display: flex;
    justify-content: space-around;
    align-content: center;} */
/* .loan_study{background: #fff;
  border: 1px solid grey;
  border-radius: 5px;
  margin: 0px 10px;
  max-width: 375px;
  width: 100%;
height: 250px;}
  .bg{background: url(../images/bgInner.jpg) center center no-repeat #fff; background-size:cover;width:100%;height: 100vh;}
  .bg.bg-full{
    height: auto;
  } */
  /* .loan-study{
  position: relative;
  display: block;
  max-width: 250px;
  width: 100%;
  height: 250px;
  margin: 0 auto 2rem;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  transition: all .4s ease;
  } */
  img {
    max-width: 100% !important;
}
/* .loan-study__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  opacity: 0;
}
.loan-study:hover .loan-study__overlay{
  opacity: 1;
} */
/* .loan-study__title {
  position: relative;
  top: -200px;
  margin-bottom: 2rem;
  margin-top: 8rem;
  font-size: 2.25rem;
  font-family: 'century gothic';
  font-weight: 100;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);
} */
/* .loan-study__link {
  position: relative;
  display: block;
  width: 60%;
  top: 200px;
  padding: 10px;
  margin: 0 auto;
  font-family: 'century gothic';
  color: white;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  border: 2px solid white;
  border-radius: 3px;
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);
}
.loan-study__overlay:after {
  content: '';
  width: 100%;
  border-radius: 10px;
  height: 100%;
  background-color: #b62433;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -10;
  left: 0;
  transition: all .3s ease;
}
.loan-study:hover .loan-study__title {
  top: 0;
}.loan-study:hover .loan-study__link {
  top: 0;
}
.loan-study:hover .loan-study__overlay:after{
  opacity: 0.75;;
} */
/* .loan-study__link:hover {
  background-color: #f79d0f;
  color: #ffffff;
  text-decoration: none;
} */

.case-study figure {
 
  height: 160px;
  width: 160px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  margin: 15px auto;
  border:1px solid #c4e7f5;
}



.case-study__link:hover {
  background-color: #f79d0f;
  color: #ffffff;
  text-decoration: none;
}
.case-study-gallery {
  margin-top: 77px;
  width: 100%;
  margin: 100px auto;

}
.case-study-gallery-top {
  margin-top: 90px;}
.case-study{
  position: relative;
    display: block;
    width: 90%;
    height: 250px;
    margin: 0 auto 2rem;
    background-size: cover;
    box-shadow:0px 0px 15px rgb(173, 170, 170);
    overflow: hidden;
    transition: all .4s ease;
    background: #f3f3f3;
    border-left: 3px solid #61c5ed;
  }
 
  img {
    max-width: 100% !important;
}
.case-study__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}
.case-study__title {
  position: relative;
  top: -200px;
  margin-bottom: 2rem;
  margin-top: 6rem;
  font-size: 2.25rem;
  font-family: 'century gothic';
  font-weight: 100;
  color: white;
  text-align: center;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);
}
.case-study__link {
  position: relative;
  display: block;
  width: 60%;
  top: 200px;
  padding: 5px;
  margin: 0 auto;
  font-family: 'century gothic';
  color: white;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  border: 2px solid white;
  border-radius: 3px;
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);
  cursor: pointer;
}
.case-study__overlay:after {
  content: '';
  width: 100%; 
  height: 100%;
  background-color: #b62433;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -10;
  left: 0;
  transition: all .3s ease;
}
.case-study:hover .case-study__title {
  top: 0;
}
.case-study:hover .case-study__link {
  top: 0;
}
.case-study:hover .case-study__overlay:after{
  opacity: 0.75;;
}
.head > .panel-reddish > .panel-heading {
  color: #fff;
  background-color: #2845a0;
  height: 80px;
}
.panel-heading{
  color: #fff;
  font-size: 18px;
}
/* .bg-yellow {
  background: #ffb500 !important;
  border-color: #ffb500;
}
.bg-green {
  background: #4db848 !important;
  border-color: #4db848 ;
}
.bg-skyblue {
  background: #03a9f4 !important;
  border-color: #03a9f4;
}
.bg-turkis {
  background: #0fcfd2 !important;
  border-color: #0fcfd2;
}
.bg-pink {
  background: #f24188 !important;
  border-color: #f24188;
} */
#r2{
  /* margin-top: 75px; */
  margin-top: 0px;
}
.r2 {
  background-color: #fff;
  /* margin-top: 100px; */
  margin-top: 60px;
  padding: 30px;
  border: 1px solid #ddd  ;
  /* box-shadow: 0px 0px 0px rgba(0,0,0,0.4); */
  /* height: 472px; */
  height: calc(100% - 150px);
    margin-bottom: 20px;
}
.r2 .panel {
  /* width: 80%; */
}
.top {
  margin-top: 11px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.board{
  margin: 33px auto 0px;
  height: calc(100vh - 172px);
  background: #fff;
  overflow: auto;
  width: 80%;
}
.board > div.board-inner {
  background: #ffffff;
  /* border: 1px solid #e7ddf9; */
  border-bottom: 0px;
  background-size: 30%;
}
.board #myTab{
  position: relative;
  margin: 0px auto;
  margin-bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-left: 15px;
}

.board .nav-tabs {
  position: relative;
  margin: 0px auto;
  margin-bottom: 0;
  box-sizing: border-box;
}
.nav-tabs li {
  width: 20% !important;
}

.board #myTab.nav-tabs li {margin-right:20px;}

#myTab.nav-tabs > li a{height: auto;}

.board .tab-content {
  padding: 10px 20px 20px !important;
  box-shadow: 0px 0px 0px #fff !important;
  margin-bottom: 20px;
}

.inputBox{width: 87%;}
.input-group{width: 87%; flex-wrap: nowrap;}

.inputBox .select {
  position: relative;
  width: 100%;
  height: 34px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  border-bottom: 1px solid #d5cbe7;
  opacity: 5;
  /* top: 6px; */
  color: #7758c9;
  text-transform: uppercase;
  width: 100%;
}

.inputBox .input {
  position: relative;
  width: 100%;
  height: 34px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 12px;
  border-bottom: 1px solid #d5cbe7;
  opacity: 5;
  color: #7758c9;
  width: 100%;
}

.bankPanel .width87per .form-control{
  width: 100% !important;
}

.width87per{width: 87%;}

.nav-tabs > li a {
  width: 50px;
  height: 50px;
  margin:5px 0px 12px 0px;
  border-radius: 100%;
  padding: 0;
}
.nav-tabs > li.active .step {
  font-weight: bold;
  color: #fc661d;
}
.step {
  font-weight: bold;
  font-size: 14px;
  color: #2743a0;
}
.inputBox {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 30px;
  
}
.inputBox .inputText {
  position: absolute;
    font-size: 13px;
    font-weight: bold;
    transition: .5s;
    top: -18px;
}
.focus .inputText {
  transform: translateY(-3px);
  font-size: 13px;

}
.red {
  color: red;
}

.details {
  padding: 8px 15px;
  background-color: transparent;
  color: #000;
  margin-bottom: 20px !important;
  font-weight: normal;
  margin-left: 0px !important;
  font-size: 18px;
  text-decoration: underline;
}

.navbar-brand {
  height: auto;
  width: 450px;
  padding: 0px;
  margin-left: 9px;
}
.navbar-brand h1 {
  margin-top: 0;
}
.navigation-clean.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
  font-size: 22px;
}
.board.board-tabs .nav-tabs>li.active>a, .board.board-tabs .nav-tabs>li:hover>a {
  color: #ffffff !important;
  cursor: pointer;
  background-color: #b62433;
  border: 1px solid #fff !important;
  border-bottom-color: transparent;
  font-size: 16px;
  padding: 26px 0 10px;
 width: 100%;
 margin: 0px;
 transition: all 0.3s;
 margin-top: -1px;
}
.board.board-tabs .nav-tabs>li>a {
  border-radius: 0px !important;
  text-align: center;
  margin-right: 0px;
  border: 0px !important;
width: 100%;
  margin: 0px;
  padding: 15px 0px;
    display: inline-table;
    transition: all 0.3s;
    color: #b62433;
    background: #fff;
    padding-top: 13px !important;
    font-size: 16px !important;
    margin-bottom: 1px;
}
.board .tab-content {
  padding: 10px 20px 20px !important;
  box-shadow: 0px 0px 0px #fff !important;
  margin-bottom: 20px;
}
.tab-content {
  background: #ffffff;
  padding: 20px;
  /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.07); */
}
.nomarg {
  margin-bottom: 0 !important;
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.panel-default>.panel-heading {
  /* background: #b62433; */
  background:#bd3a48;
}
.panel-title {
  color: #fff!important;
}
.bg-orange {
  background: #b62433;
}
.board .panel-heading{margin: 0px !important;}
table.dataTable thead th{padding: 10px !important;}
#appList_filter input[type="search"]{
  border: 1px solid #ddd;
}
textarea{resize: none !important;}
/* m,edia-query.css */
.panel-footer{
  background-color: #ffffff !important;
}
.width-20-percentage{
  width: 20% !important;
}
.form-control{
  border: none !important;
  /* border-bottom: 1px solid #4db848 !important; */
  border-bottom: 1px solid #b62534 !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  
}
table thead tr th{
  white-space: nowrap !important;
}
@media screen and (min-width: 45em){
.case-study {
    display: inline-block;
    width: 30%;
    margin-left: 25px;
}
}
@media screen and (min-width: 37.5em){
.case-study {
    height: 192px;
}
}


.text-white{
  color: #ffffff !important;
}
.width-1500-px{
  width: 1500px !important;
}
.loan-study figure img{
  height: 160px 
}
.loan-study h2{
  color: #fff;
}

/* home page styles */
.grid-box{
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  padding: 10px;
  text-align: center;
}
.grid-box img{

  /* display: block; */
  margin: 0 auto;
  max-width: 34% !important;
  border: 1px solid #f9f3f3;
  border-radius: 50%;
  padding: 8px;
}
.base-panel{
  margin-top: 100px;
}


:root {
  --green-bg-color: #4db848 !important; 
  --blue-bg-color:#00beee !important;
}
.btn-blue,.bg-blue{
  background:var(--blue-bg-color) !important;
}
.btn-green,.bg-green{
  background: var(--green-bg-color) !important;
}
.btn-green{border:1px solid var(--green-bg-color) !important}
.btn-blue{border:1px solid var(--blue-bg-color) !important}
.border-left-green{
  border-left: 2px solid var(--green-bg-color) !important;
}
.border-left-blue{
  border-left: 2px solid var(--blue-bg-color) !important;
}
.grid-box p{
  font-size: 20px !important;
}
.text-blue{color: var(--blue-bg-color) !important;}

.grid-box{transition: all 0.3s linear; position: relative;}

.grid-box .footer{transition:all 0.3s linear;margin-top:10px !important; }
/* .grid-box:hover .footer{transition: all 0.3s linear; margin-top:10px; visibility: visible; opacity: 1;}  */
 

.blue-bg{
  background: #29a9d0;
  background: linear-gradient(135deg, #1e7c99 0%, #2cb3dd 100%);
  box-shadow: 0px 3px 35px 0px rgba(0,0,0,0.28);
}




.grid-box p{margin-top:15px !important; }

/* home bg code */

select option{text-transform: uppercase;}



input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  /* animate: 0.2s; */
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ecd58b;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #b62433;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ecd58b;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  /* animate: 0.2s; */
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ecd58b;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #b62433;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  /* animate: 0.2s; */
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ecd58b;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ecd58b;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #b62433;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ecd58b
}
input[type=range]:focus::-ms-fill-upper {
  background: #ecd58b;
}
/*========== end custom range slider ==================*/



.case-study figure img{    max-width: 65% !important; margin: 26px auto 0px; display: block;}


.quick-acknowledge .alert-success{padding: 5px 0px;}
.quick-acknowledge .alert-success h5{margin: 6px 0px !important;}
.quick-acknowledge .alert-success p{font-size: 16px;}
.mt20{margin-top: 20px !important;}
.header-bg {background: #f3f3f3;padding: 8px;}
.mb0{margin-bottom: 0 !important;}
.check-list p{padding-bottom: 10px !important;}

.modal-title{font-weight: 700;font-size: 18px;}
#content table tr th{text-align: center;}
.modal-title{font-weight: 500;font-size: 18px;}
.scroll-hidden{overflow-y: hidden;}
.width-1450px{min-width: 1450px !important}
.width-1350px{min-width: 1350px !important}
.margtop2{margin-top: 15px;}
@media (min-width:1024px) and (max-width:1200px){
  .board{width: 96% !important}
}
.nav>li>a{
  padding: 6px 15px !important;
  border-radius: 4px;
  margin-left: 4px;
}
.board-inner .nav>li>a{
  padding:0 !important;
}
#appList tbody tr td:nth-child(2),#appList tbody tr td:nth-child(9){
  text-align: center;
  cursor: pointer;
}
#appList tbody tr td:nth-child(6),#appList tbody tr td:nth-child(5){
  text-align: right;
}

.datepicker-dropdown {
  z-index: 99999;
  position: absolute;
  background: rgb(255, 255, 255);
}
.nav-tabs li a p{
  font-size: 11px;  
}
a:hover,a:focus{
  text-decoration: none !important;
}

.width-110px{
  width: 110px !important;
}
/* .bg-purple {    background: #9C27B0!important;
  border-color: #9C27B0;}
.bg-dblue{    background: #3F51B5 !important;
  border-color: #3f51b5;}
.bg-navyblue {    background: #00c4bb !important;
  border-color: #00c4bb;} */

.prewrap-table table thead tr th {white-space: pre-wrap!important;}

/* Lawyer Module General */
.hiLiteNew{color:#33b112  !important;}
.welcomeMsg{font-size:16px;font-weight:none;margin-bottom: 10px;}
.dataTables_length label,.dataTables_filter label{font-weight: normal !important}
.table.dataTable thead th.pink-text {cursor: default !important;}
.table.dataTable thead th.pink-text {text-decoration: none !important;}

html input.form-control[disabled], select.form-control[disabled], textarea.form-control[disabled],
html input[disabled], select[disabled], textarea[disabled]
{
  cursor: not-allowed !important;
  background-color: #f5f5f5 !important;
  padding:.375rem .75rem;
}

.has-error
{
  border-color: red !important;
}
.has-error::placeholder{
    color:red !important;
}
.btn.active, .btn:active{
  box-shadow: unset !important;
}
/* new design changes */
#inbox .panel-default>.panel-heading strong {font-size: 18px;
  font-weight: normal !important;}

.panel-default>.panel-heading{background: #f9f9f9;}

#inbox .panel-default>.panel-heading .fa {
  color: #b62433 !important;}

  .board::-webkit-scrollbar-thumb, .Principle-panel::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .panel-default::-webkit-scrollbar-thumb {
    width: 10px;
    background: #ddd;}

    .panel.panel-default.bankPanel.bank-pad{border: none; box-shadow: none;}

table.dataTable thead th, .table>tbody>tr>th, .table>thead>tr>th, .table>thead {
    background: #fffae9 !important;
    color: #b62433 !important;
    font-weight: normal;
}
table.dataTable tfoot th {
    font-weight: normal;
}

th{font-size: 14px !important; font-weight: normal !important;}
td{font-size: 12px !important;}
.pink-text {
  color: #b62433;
  font-weight: normal;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
  border: 1px solid #fcc308 !important;
  background-color: #fcc308 !important;
}

.blue-text {
  color: #b62433;
}

.bankPanel .form-group:hover, .bankPanel .form-group:focus {
  background: #f5f5f5 !important;
}

.form-control{border-bottom: 1px solid #ddd !important;}
.form-control:focus{
  border-bottom: 1px solid #b62433 !important;
}


.btn-group-sm>.btn, .btn-sm {
  padding: 7px 13px;
  font-size: 13px;
  border-radius: 0px;
}

.btn-primary {
color: #000;
  background: #fcc308;
  border-color: #fcc308;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus,
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary
{    background: #f9dd84 !important; color: #000 !important; border-color: #fcc308 !important;}


.btn-secondary {
border: 1px solid #efb6b6;
  color: #000;
  background: #efb6b6;
}

.board{width: 96%; border: none !important; box-shadow:none !important; margin: 10px auto 0px;
padding:15px;}

/* body, .bg-2, .board, .tab-content{

background: #f7f7f7; 
background: -moz-linear-gradient(top,  #f7f7f7 19%, #ffffff 100%); 
background: -webkit-linear-gradient(top,  #f7f7f7 19%,#ffffff 100%);
background: linear-gradient(to bottom,  #f7f7f7 19%,#ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); 

} */

.inputBox .inputText{font-weight: normal !important;}

.step{    font-size: 16px; margin-left:5px !important; color: #b3b3b3 !important; font-weight: 500 !important;}

.nav-tabs li {
    width: 20% !important;
    cursor: pointer;
    display: flex;
    align-items: center;     border-bottom: 2px solid #ddd !important;     flex-direction: row-reverse;
    justify-content: flex-end;}

.nav-tabs li.active{border-bottom: 2px solid #b62433 !important}

#myTab.nav-tabs{border-bottom: none !important;}

#bgCover{
  background-image: url('../images/bg-2.jpg') !important;
  background-position: center !important;
    background-size: cover !important;
}

#bgCover:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%);
}
label {
font-weight: 400;
    color: #333;
}
#bankLogo_bg{background: #fff !important; padding: 10px !important;}
.login-panel{
border: 1px solid #fcc308;
}
.login-panel .form-control{padding: 0 42px 4px !important;}
.login-panel .login-panel{
  padding: 0 0px 4px !important;}

  .login-input label{position: absolute; top: 0px; left:42px;}

  .login-input input:focus + label, .login-input input:valid + label, .login-input .labelup{
   top:-15px;
   font-size: 12px;
   transition: all 0.3s linear;
  }
  .login-input input + label{ transition: all 0.3s linear;}
  .login-input .mar-top50{margin-top: 20px !important; margin-bottom: 20px !important;}
  #inbox .panel-default>.panel-heading strong {
    color: #b62433 !important;
   margin-bottom: 0px !important;}
   .bankList li:hover span.badge{background: #fcc308;}
   .navbar-default, .bankLogo{
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+19,fcc308+46,bf4255+79,b62433+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 19%, #fcc308 46%, #bf4255 79%, #b62433 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 19%,#fcc308 46%,#bf4255 79%,#b62433 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 19%,#fcc308 46%,#bf4255 79%,#b62433 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b62433',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }
   .header-heading1 {font-weight: 500 !important;}
   .navbar-brand>img {padding-left: 10px !important;}
   .nopad{padding: 0px !important;}
   .this-form-grp-nopad > .form-group{padding: 0px !important;}
   .bankPanel .form-group:hover, .bankPanel .form-group:focus {
    background: transparent !important;
}
b, strong {
  font-weight: 500;
}
li.pull-right h4{font-size: 12px !important;}
.bankPanel .nav-pills>li>a:focus, .nav-pills>li>a {
  background-color: #fffae9 !important;
  color: #333;
}
.bankPanel .nav-pills>li>a:focus, .nav-pills>li>a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li>a.active, .nav-pills>li>a.active:hover {
  background-color: #b62433 !important;
  color: #fff !important;
}

#main{overflow-x: hidden;}

.bg-2{
  background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 19%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 19%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 19%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.new-login-bg.bg-2{
  background: #fffdd1 !important;
  }
.nav-tabs > li.active .step {
  font-weight: 500 !important;
  color: #b62433  !important;}

  .nav-tabs > li .one img:first-child, .main-tabs >.nav-tabs > li img.img-one{display: none;}
  .nav-tabs > li .one img:last-child, .main-tabs >.nav-tabs > li img.img-two{display: block;}
  

  .nav-tabs > li.active .one img:first-child, .main-tabs >.nav-tabs > li.active img.img-one{display: block;}
  .nav-tabs > li.active .one img:last-child, .main-tabs >.nav-tabs > li.active img.img-two{display: none;}

  /* .inputBox select, .inputBox input, .inputBox textarea, .inputBox .input {width: 87% !important;} */

  .inputBox select,  .inputBox textarea  {width: 100% !important;}



  .form-check {
    margin-left: 15px;
    margin-top: 10px;
  }

  .form-check-input:focus {
    border-color: none !important;
    outline: 0;
    box-shadow: unset !important;
  }

  .form-check-label {
    padding-left: 10px;
  }

  .inputBox td select, .inputBox td input, .inputBox td textarea, .inputBox td .input {width: 100% !important;}

  /* .nav.nav-pills.padbot20{margin-bottom: 10px !important; margin-top: 20px !important;} */
  .col-md-4.pull-right > h4 {text-align: right !important;}
  .col-md-4.pull-right > h4 > b{font-size: 12px  !important;}
  .ft12{font-size: 12px !important;}
  .board-inner .nav>li>a{display: flex;
    align-items: center;
    justify-content: center;}
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {    
    border: none;
    
  }
  .input-group-addon{border: none !important;}

  .img-pos{position: absolute; width: 30px; top: -10px; z-index: 99;}

  .slidecontainer {
    width: 100%;
  }
  
  .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  
  .slider:hover {
    opacity: 1;
  }
  
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }
  .alert-success {
    color: #fff;
    background-color: #b62433;
    border-color: #b62433;
}
.board.board-tabs .nav-tabs>li.active>a, .board.board-tabs .nav-tabs>li:hover>a {
  
  background-color: #b62433 !important;
}
.board.board-tabs .nav-tabs>li>a{
color: #333  !important;
background: #fffae9 !important;}
.panel-title{color: #b62433 !important;}
.panel-default>.panel-heading {
  background: #fffae9 !important;}

  .header-heading1 {
    
    color: #b62433 !important;}
    .mob-verify a {background: #b62433 !important; border-color: #b62433 !important;}
    .right-90{
      right:90px !important
    }
    .priPol a.vkyc{
      background: transparent !important;
      color: blue !important;
      font-weight: normal !important;
      padding: 0px !important;
      position: static;
    }

   /* .input-group > .input-group-addon a {
      background: #b62433 !important;
      border-color: #b62433 !important;
      color: #fff !important;
  }
  .input-group .form-control{
    width: 100% !important;
  }
  .input-group > .input-group-addon{
    padding: 0px;
  } */
    .pushy ul li a.completed {
      background-color: #b62433 !important;}

      .bankLogo img{width: 230px !important;}
      .grid-box{
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: center;
        justify-content: center;
      }
      .grid-box img{max-width: 100% !important;}
      .grid-box p {
        margin-top: 0px !important;
    }
    .width-80-float-none{
    width: 50% !important;
    /* margin: 0 auto; */
    float: none !important;
    margin-top: -200px;
    margin-left: 20px;
  }
    .cust-right-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 90vh;
    }
    .cust-right-box .width-80-float-none:last-child{ margin-top: 0px !important; }
    .cust-left-box img{
      /* position: fixed;
      width: 55%;
      height: 100vh; */
      position: fixed;
      width: 55%;
      height: 100vh;
      top: -41px;
    }
    .x-hdn{overflow-x: hidden;}
    .base-panel{margin-top: 0px !important;}
    .bankPanel.mt60, .mt60{margin-top: 60px !important;}

    .panel-default {border: 0px solid #ddd !important; 
      box-shadow: 0px 0px 0px rgb(0 0 0 / 10%) !important;}
      .dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0px 6px !important;}
      #details .blue-text.text-right, #details .blue-text.text-center{text-align: left !important;}
      .btn {padding: 5px 10px !important; border-radius: 3px !important;}
      .mt30{margin-top: 30px;}
      .input-group-addon{border-radius: 0px !important;}
      h2.text-center.PURPLE{font-size: 26px !important;}
      
      .bg-green {
        background: #e8e8e8 !important;
        border-color: #e8e8e8 !important;
    }
    .bg-skyblue {
      background: #e8e8e8 !important;
      border-color: #e8e8e8;
  }
  .head .panel  a > strong{color: #333;}

  .head .panel a i{font-size: 20px;
    color: #fcc308;}

  .panel-redish:hover .panel-heading.bg-green{
    background: #fcc308 !important;
  }
  nav.pushy{
    width: 90px !important;
    top: 70px !important;
    height: 100% !important;
    left: 0px !important;
    background: #b62433;
  }
  pushy ul li a:hover, .pushy ul li a.active {
    background: #fcc308 !important;
    color: #fff !important;
    border-color: #fcc308;
}
  nav.pushy ul{height: 90% !important; align-items: center; display: flex;
    /* justify-content: space-around; */
    flex-direction: column;}
    .ml130{margin-left: 90px !important;}
    .panel-default.ht122{
      height: calc(100vh - 122px) !important;
    }
    .has-side-menu{margin-left: 90px;}

    nav.pushy ul{padding: 0px;
      margin: 0;
      width: 100%;}
      nav.pushy ul li{
      padding: 0px;
      margin: 0;
      width: 100%;    border-top: 1px solid #da5361;
      border-bottom: 1px solid #921e2a;}
      nav.pushy ul li a{
      width: 100%;
      height: unset;
      border-radius: 0;     display: flex;
      flex-direction: column; border: none !important;
      color: #fff; 
      border-top: 1px solid #ddd; background: none !important;     padding-bottom: 20px;
      padding-top: 15px;}
  
      nav.pushy ul li a.active, nav.pushy ul li a:hover {
          background:#f9c724 !important;
          color: #333 !important;
      }
      
      
      .board.board-tabs.main-tabs .nav-tabs>li.active>a, .board.board-tabs.main-tabs .nav-tabs>li:hover>a{
        background: transparent !important;
        color: #b62433 !important;
        font-weight: 500;
        
      }
      .board.board-tabs.main-tabs .nav-tabs>li>a {
       
        background: #ffffff !important;
        font-size: 16px;
        color: #b3b3b3 !important;
        padding:0px !important;        
        display: flex;
        align-items: center;
        width: 42px;
    }

    .board.board-tabs.main-tabs .nav-tabs {
      border-bottom: 0px solid #ddd !important;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
  }
  
  .board .nav-tabs li {margin-left:20px;}
  
  nav.pushy li span:nth-child(1){
  font-size: 11px !important;}
  nav.pushy li span:last-child{
  margin-top: 5px;
  font-size: 12px !important;
  }
  nav.pushy li span{white-space: normal !important; }
.panel-heading .text-white{color: #b62433 !important;}
.login-box.login-box-new.submit-pge li a span{
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #000;

}
.login-box.login-box-new.submit-pge li:hover span{
  background: #fcc308 !important;
}
.login-box.login-box-new.submit-pge li:hover {background: #fcc308 !important;}

/* .login-box.login-box-new.submit-pge li:hover a{color: #fff !important;} */

.submit-pge .fa-check {
  color: #29d229 !important;
}

nav.pushy ul li:first-child {border-top: none !important}

.has-side-menu .details {margin-bottom: 0px !important;}

.cust-right-box .text-blue, .cust-right-box .text-green{color: #333 !important; text-transform: uppercase; font-size: 22px !important;}
.img-cont-wrapper{
  display: flex;
    align-items: center;
    justify-content: center;
}
.img-cont{
  /* border: 1px solid #ddd;
  border-radius: 50%;
  background: #fcc308; */
  /* width: 120px;
  height: 120px; */
  display: flex;
  align-items: center;
  /* justify-content: center; */
  
 
}  
.img-cont img{
  width: 100%;
    display: block;
    margin: 0 auto;
    border: none !important;
    border-radius: unset !important;
    
    max-width: unset !important
}  
ul.login-box li a{
  transform: scale(0.8);
}
/* ul.login-box li{border: 5px solid #fcc308;} */
ul.login-box li:hover a{
  transform: scale(1);
  transition: all 0.3s linear;
}
ul.login-box li:hover a{

}
/* ul.login-box li a:hover{
  
} */

ul.login-box.submit-pge a {
  transform: none;
  transition: unset;
}

/* .head> .panel{width:80% !important;} */
.head .panel-reddish .panel-heading, .head> .panel{background:#e8e8e8 !important}
.head .panel-heading {
  color: #fff;
  min-height: 92px;
  /* display: flex;
  align-items: center; */
}
.panel-reddish:hover .panel-heading, .r2 .panel:hover .panel-heading{
  background: #fcc308 !important;
}
/* .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{
  background: #fcc308 !important; border-color: #fcc308 !important;} */
  .btn-primary.focus, .btn-primary:focus{outline: none !important; }
  #existApp .form-group, #existApp .mob-verify{width:80% !important; margin-left: auto  !important; margin-right: auto !important;}
  ul.nav.nav-pills.padbot20 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ft-13{font-size: 13px !important;} 
.ml10{margin-left: 10px !important;}
#trackapp .form-group, #forgotPassword .form-group, #forgotPasswordTimer .form-group {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.modal-footer{text-align: center; justify-content: center;}
.btn-close:focus{box-shadow: none;}
.navbar.navbar-default{border-bottom: 2px solid #bf686a !important; }
.modal .btn .glyphicon, .modal .btn .fa{display: none;}
.text-center .btn i {
  display: none;
}
.modal{z-index: 99999;}
.pad-left-0{padding-left: 0px !important;}
.progress{
  /* height: 15px; */
  height: 12px;
  /* height: 10px; */
   text-indent: 10px;
    border-radius: 15px;
    background-color: #ececec;
  }
.progress-bar{
  /* line-height: 17px;  */
  line-height: 13px;
  font-size: 11px;
background-color: #eca11d !important;}
img.top-logo{
 
  margin-top: 40px;
  margin-left: 0px;
}
.text-red{
  color: red;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}
.navbar-default .navbar-toggle {
  border-color: transparent;}
  label.ref-no{
    font-size: 16px;
    color: rgb(94, 88, 88);
    font-weight: 500;
    /* text-decoration: underline; */
    
    margin-bottom: 0px;
    padding: 5px;
    text-transform: capitalize;
    /* border: 2px solid #b62433;
    box-shadow: inset 0px 0px 5px #fcc308; */
}
.progress { margin-bottom: 10px;}
label.ref-no span:before{
    content:':';
    color: #000;
    margin-left: 5px;
    margin-right: 10px;
}
label.ref-no span{
    font-size: 18px;
    color: #b62433;
    font-weight: 500;
}


/*custom checkbox*/


.check-box {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #fee9a3;
  border: 1px solid #fcc922;
}

/* On mouse-over, add a grey background color */
.check-box:hover input ~ .checkmark {
  background-color: #f2dede;
}

/* When the checkbox is checked, add a blue background */
.check-box input:checked ~ .checkmark {
  background-color: #da5361;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-box .checkmark:after {
  left: 8px;
  top: 2px;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*custom checkbox end*/


/* Datepicker css Starts */

.datepicker table tr td, .datepicker table tr th{
  width: 34px;
  height: 32px;
}
.dropdown-menu{
  box-shadow: 0 6px 12px rgba(0,0,0,.25) !important;
}

.datepicker .datepicker-switch{
  /* box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); */
background: #bb3445;
border-radius: 0;
border: 1px solid #bb3445;
font-weight: 500 !important;
cursor: pointer;
color: #fff;
}
/* .datepicker .datepicker-switch:hover{
  text-decoration: underline;
  color: #000 !important;
  background: #feea9a;
} */
.datepicker table tr .prev{
  /* background: #f9c724; */
  background: #f9c724 ;
border: 1px solid #f9c724 ;
font-size: 24px !important;
font-weight: 500 !important;
color: #333;
padding: 0px;
border-radius: 0px;
cursor: pointer;
}
/* .datepicker table tr .prev:hover{
  background: #b62433;
  color: #fff;
} */
.datepicker table tr .next{
  /* background: #f9c724; */
  background: #f9c724 ;
border: 1px solid #f9c724;
font-size: 24px !important;
font-weight: 500 !important;
color: #333;
padding: 0px;
border-radius: 0px;
cursor: pointer;
}
/* .datepicker table tr .next:hover{
  background: #b62433;
  color: #fff;
} */
.datepicker table tr .dow{
  font-weight: 500 !important;
  background: #f3f3f3;
border-radius: 0px;
}
/* .datepicker table tbody tr:nth-child(odd)>td{
  background: #fffae9;
} */
.datepicker table tr td{
  border-radius: 0px;
}
.datepicker table tr td{
  /* border-left: 1px solid #ddd; */
  /* border: 1px solid #ffeba8; */
  border: unset;
}
/* .datepicker table tr th{
  border: 1px solid #ffeba8;
} */
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  /* background: #feea9a; */
  background: orange;
  color: #fff;
  cursor: pointer;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.activ
e, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #bb3546;
    border-color: #bb3546;
    border-radius: 0px;
}
.checklist-btn{
  background: #b62433 !important;
border-color: #b62433 !important;
color: #fff;
font-size: 14px;
box-shadow: 5px 5px #ccc;
}

/* .datepicker table tr .prev{
  display: none;
}
.datepicker table tr .prev:before {
  font-family: FontAwesome;
  content: "\f053";
  display: block !important;
} */
/* Datepicker css Ends */


#myTab.nav-tabs > li > a:hover {
  border-color:none;
  background-color: none;
}
.modal-header{padding:10px 15px;}
.modal-footer{padding:7px 0px 0px 0px;}
.modal-footer .btn{margin-bottom: 7px;}
.modal-footer .btn + .btn {margin-bottom: 7px;}

.text-center .btn + .btn {margin-left: 3px;}


.footer-btn{display: flex; flex-wrap: wrap; justify-content: center;}
.footer-btn .btn{margin-bottom: 7px;}
.modal-body {max-height: 60vh;}
.width100per{width: 100% !important;}

@media screen and (max-width:1024px){
  .cust-left-box img{min-width: 495px;}
  /* .navbar-brand {width: 100% !important;} */
  .header-heading1{
  /* display: block !important; */
  float: left  !important;}
  .has-side-menu{margin-top: 20px !important;}
  ul.login-box li{max-width: 120px !important;
    height: 120px !important;}

    /* ul.login-box{padding: 30px !important;} */
    .table-responsive{width: 100% !important;}
    /* .loginPanel{width: 75% !important;} */
    .board.board-tabs.main-tabs .nav-tabs{justify-content: center;}
    .board #myTab{justify-content: center;}
}


@media screen and (max-width:599px){
.new-main-tabs li > span {display: none;}
ul.new-main-tabs > li > a {justify-content: center !important;}
}

@media screen and (min-width:600px) and (max-width:767px){
  
  
  ul.login-box li {
    margin: 15px 0px !important;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
  #stockHeader1 ul.nav.navbar-nav.navbar-right{
    width: 100%;
  }
  #stockHeader1 > nav > .container-fluid{padding-right: 0px !important ;}

  #stockHeader1 > nav > .container-fluid .nav.navbar-nav.navbar-right li a{
    color: #fff !important;
  }
  #stockHeader1 > nav > .container-fluid .nav.navbar-nav.navbar-right li:last-child{
    border-right: 1px solid transparent;
  }
  #stockHeader1 > nav > .container-fluid .nav.navbar-nav.navbar-right li:last-child a{
    box-shadow: 0px 0px 10px #ccc;
    background: #fff;
    height: 100%;
   
  }
  #stockHeader1 .navbar-nav>li {
    margin-left: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    border-right: 1px solid #fff;
  }
  /* #stockHeader1 .nav.navbar-nav.navbar-right{
    flex-wrap: wrap;
  }
  #stockHeader1 .nav.navbar-nav.navbar-right li{
    flex-basis: 50%;
    border-bottom: 1px solid #fff;
  }
  #stockHeader1 .nav.navbar-nav.navbar-right li:first-child a{
  border-right: 1px solid #fff;
  }
  #stockHeader1 .nav.navbar-nav.navbar-right li:last-child{
    border-bottom: none !important;
    flex-basis: 100% !important;
  }
  #stockHeader1 .nav.navbar-nav.navbar-right li:last-child img{
    margin-top: 10px;
    box-shadow: inset 0px 0px 10px #ccc;
    background: #fff;
    }
  #stockHeader1 .nav.navbar-nav.navbar-right li a{
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
  } */
  #confrmModal .modal-dialog {
    width: 70% !important;
    margin: auto;
}
  .navbar-collapse{
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 19%, #fcc308 46%, #bf4255 79%, #b62433 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 19%,#fcc308 46%,#bf4255 79%,#b62433 100%);
    background: linear-gradient(135deg, #ffffff 19%,#fcc308 46%,#bf4255 79%,#b62433 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b62433',GradientType=1 );
  }
 
  
  .navbar.navbar-default, #stockHeader1 .navbar.navbar-default{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+37,ffffff+37,ffffff+41,b62433+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 37%, #ffffff 37%, #ffffff 41%, #b62433 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 37%,#ffffff 37%,#ffffff 41%,#b62433 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#ffffff 37%,#ffffff 37%,#ffffff 41%,#b62433 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b62433',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  }
  .navbar-collapse{
    background: #c44e5a !important;
  }
  .full .bankLogo{
    display: none;
  }
  .full .loginContainer{
    margin-top: 60px;
    margin-left: 0px !important;
  }
 }

 @media(max-width:767px){  
  .ml130 {margin-left: 0px !important;}
  .has-side-menu {margin-left: 0px;}
  .bankPanel .nav-pills > li > a:focus, .nav-pills > li > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:hover {
   color: #fff;}   
   table .form-control{min-width: 200px;}
   .inputBox.width87per{width: 100% !important;}
   .inputBox select, .inputBox input, .inputBox textarea, .inputBox .input {width: 100% !important;}
   .bankPanel .form-control{width: 100% !important;}
   .board #myTab{justify-content:space-between;}
   .board #myTab.nav-tabs li {margin-right:10px;}
   .priPol{right: 0px;}
   .navbar-collapse.show{background: #c44e5a;   position: absolute;  top: 71px; left: 0; width: 100%;
    display: block; padding: 15px; min-height: 103px; }
 }

 @media(max-width:480px){
  .pushy ul li a span:first-child{display: none !important;}
 }
 
@media screen and (min-width:600px) and (max-width:1024px){
  .r2 .panel {
    width: 60% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
 
  .col-md-offset-3.padtop80.col-md-6.col-xs-12.col-xs-offset-0.col-sm-offset-0.col-sm-12{
    padding-top: 30px !important;
  }
  .header-heading1 {
    color: #fff !important;
}
  
  .coustom-scroll.margintop0.has-side-menu .bankPanel{
    margin-top: 0px !important;
  }
  
  
  #excel .pink-text + table tr, #excel .details + .table-responsive > table tr {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  #excel .details + .table-responsive{
    border: none !important;
  }
  #excel .pink-text + table tr > td, #excel .details + .table-responsive > table tr > td{ 
    border-top: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #excel .pink-text + table tr > td input, #excel .details + .table-responsive > table tr > td input{ 
    width: 100% !important;
  }
  
  
  
  .bankNav li a {
    padding: 16px 17px !important;
}
  
  .lend-logo img{
    width: 80% !important;
    display: block;
    margin: auto ;
  }
  table .form-control{
    width: 150px !important;
  }
  .cust-right-box{
    /* margin-top: -190px !important; */
    align-items: center;
  }
  #confrmModal .modal-diaalog{margin: 0 auto;}
  .new-main-tabs li > span {display: none;}
ul.new-main-tabs > li > a {justify-content: center !important;}

.step {display: none;}

.step + a{
  justify-content: center !important;
  width: 100% !important;
}

#confirmModal .modal-dialog {
  width: 90% !important;
  margin: auto;
}
.modal-body{
max-height: 71vh !important;
    overflow: auto !important;
}
.nav.navbar-nav.navbar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 58.28px;
}

.loginContainer {
  position: absolute;
  width: 100%;
  height: auto;
  /* display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: -150px;
  overflow: auto; */
 
}
/* .navbar.navbar-default.navigation-clean-search.bankNavBar .navbar-collapse.collapse{
  display: none !important;
} */

}



@media screen and (min-width:768px) and (max-width:1024px){
 
 .full .bankLogo{    display: none;}
  .full .loginContainer{
    margin-top: -70px;
      /* margin-left: -90px; */
  }


}

@media(max-height:500px){
  .scroll-hidden{overflow-y: auto;}
  body{overflow-y: auto;}
}
  /* new design changes */


  /* tooltip css start */

  
.tooltip-toggle {
  cursor: pointer;
  position: relative;
}

.tooltip-toggle::before {
  position: absolute;
  top: -40px;
  left: -211px;
  background-color: #f9dd84;;
  border-radius: 5px;
  color: #fff;
  content: attr(data-tooltip);
  padding: 5px;
  text-transform: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: auto;
  word-break: break-all;
  display: inline-block;
}

.tooltip-toggle::after {
  position: absolute;
  top: -12px;
  left: 9px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f9dd84;;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}

.tooltip-toggle::before,
.tooltip-toggle::after {
  color: #000;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  font-weight: 300;
}

.tooltip-toggle:hover::before,
.tooltip-toggle:hover::after {
  opacity: 1;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

  /* Tooltip css end */