/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&display=swap');*/
/*----*/
@font-face {font-family: 'Myriad-Pro-Regular';src: url('../fonts/Myriad-Pro-Regular.eot');src: local('☺'), url('../fonts/Myriad-Pro-Regular.woff') format('woff'), url('../fonts/Myriad-Pro-Regular.ttf') format('truetype'), url('../fonts/Myriad-Pro-Regular.svg') format('svg');font-weight: normal;font-style: normal;}
/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;cursor:pointer;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #e1e1e1;font-size:15px;color:#434343;border-radius:4px;width:100%;min-height:43px;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
.btn-primary{background-color:#184391;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase;font-size: 18px;border:solid 1px #2258ab;box-shadow:none;}
.btn-primary:hover,.btn-primary:focus{background:#5bbe40;border-color:#5bbe40;}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none;background:#5bbe40;}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{display: inline-block;background-color: #3598dc;border: none;box-shadow: none;color: #fff;font-size: 18px;border: none;padding: 10px 26px;text-align: center;vertical-align: middle;border-radius: 6px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;cursor:pointer;}
.button:hover{background-color: #29176f;border: none;color:#fff;}


.btn-inverse{display: inline-block;background-color: #2a2a2a;border: none;box-shadow: none;color: #fff;font-size: 18px;border: none;padding: 10px 26px;text-align: center;vertical-align: middle;border-radius: 6px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;cursor:pointer;}
.btn-inverse:hover{background-color: #29176f;border: none;color:#fff;}
.btn-inverse:focus,.btn-inverse:visited{color:#fff}


a:visited.button{color:#fff}
.error{display:block;color:#d60606;padding-top:5px}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none; margin:0}
.list li{background:url(../img/list.png) no-repeat left 9px;color:rgb(217, 217, 217);font-size:20px;line-height:28px;margin:0 20px 20px;padding-left:26px}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
/*-- Body --*/
html{background:#fff;height:100%;font-family:"Roboto", Arial, Helvetica, sans-serif}
body{background:#fff;font-family:"Roboto", Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}

/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.button,.btn-primary,.header-menu li a,.resp-tabs-list li,.btn-inverse{font-family:"Myriad-Pro-Regular", Arial, sans-serif}
.customer-details ul li label,.customer-details ul li span{font-family:"Roboto", Arial, sans-serif;font-weight:400;}
.table-custom thead td, .table-custom thead th,.table.table-custom td, .table.table-custom th{font-family:"Roboto", Arial, sans-serif;font-weight:500;}
.hd-h1{color:#fff;font-size:44px;margin:0 0 24px;position:relative;}
.hd-h2{color:#060606;font-size:40px;font-weight: 600;margin:0 0 24px;position:relative;}

/*-- Container --*/
.section-body{display:inline-block;width:100%;min-height:300px}

/*-- Header --*/

/*====----Home Page----=====*/
#header-login{background: #3598dc;clear: both;padding: 8px 0 6px;position:relative;}
#header-login .row{justify-content: center;align-items: center;}
.body-bg{background: url(../img/background-bodybg.jpg) no-repeat center 0;min-height: 100%;width:100%; background-size: cover;padding: 141px 0 125px;}
#login-box .login figure,#login-box .login figure img{margin-left:auto;margin-right:auto;}
#login-box .login figure img{display:block;height:auto;max-width:100%;}
#login-box .login figure{position: absolute;left: 0;right: 0;top: 0;margin: -72px auto 0;}
#login-box{padding:0;max-width:1070px;margin:0 auto;background-color:transparent;}
#login-box .row{/*margin: 0;justify-content: center;*/}
#login-box .login[class*="col-"]{margin: 0 auto;}
#login-box [class*="col-"]{margin:0 auto;padding:0 0;}
#login-box .login{position:relative;background:#fff;max-width:400px;margin: 0 auto;padding: 96px 24px 40px;}
#login-box .login label{display: block;margin-bottom: 0;}
#login-box .login .hd-h2{color: #333;margin: 0;font-weight: 700;}
#login-box .login p{font-size: 18px;padding: 8px 0 18px;line-height: 24px;margin: 0 0 25px;color: #929393;border-bottom: solid 1px #e5e5e5;}
#login-box .form-control{background: #f2f2f2;border: solid 1px #f2f2f2;font-size: 16px;color:#929393;}
#login-box .form-control::-moz-placeholder{color:#929393;opacity:1}
#login-box .form-control:-ms-input-placeholder{color:#929393}
#login-box .form-control::-webkit-input-placeholder{color:#929393}
.datepicker{min-width: 350px;max-width: 350px;width: 100%;}
.datepicker table{width: 100%;}
#header-login .bank-name{font-size: 18px;padding: 9px 0 9px;color: #fff;text-align: center;text-transform: uppercase;}

#otpbox{padding: 24px 0 12px;background: #fff;display: none;}
#btn-otp{display: block;/*margin-right: auto;margin-left: auto;*/}
.otp-group .button{background-color: #2a2a2a;font-size: 18px;padding: 8px 33px;border-radius:0;text-align: center;text-transform: none;vertical-align: middle;}
/*#login-box */.span-col{float:left;width:50%;max-width: 170px;}
.otp-group .span-col.otp-input{padding-right:15px;}
#login-box .login .checkbox label{display: inline-block;}
.checkbox{display: block;margin-bottom: 15px;}
.checkbox input{padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.checkbox label{position: relative;cursor: pointer;color: #929393;}
.checkbox label:before{content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #0079bf;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);  padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.checkbox input:checked + label:after{content: '';display: block;position: absolute;top: 3px;left: 7px;width: 6px;height: 14px;border: solid #0079bf;border-width: 0 2px 2px 0;transform: rotate(45deg);}
#login-box .anchor{color:#3598dc;}
#login-box .span-col.padright{padding-right:15px;}
#login-box .buttonbox .button,#login-box .buttonbox .btn-inverse{width: 100%;margin-top: 10px;}

/*Account Statements*/
#header-login figure,#header-login figure img{margin:0;}
#header-login figure img{display:block;height:auto;max-width:100%;}
#header-login .my-account{float:right;}
#header-login .button{background-color: #d50400;font-size: 16px;padding: 6px 26px;border-radius:0;}
.log-details{margin: 10px 0 0;text-align: right;}
.lastlogin-details{float:none;display:inline-block;text-align:right;margin:6px 25px 0 0;color:#fff;font-size:15px;}


@media(min-width:992px){
.header-menu{text-align:right;margin-top: 18px/*19px*/;}
.header-menu ul{display: inline-block;background: #29176f url(../img/corner-slice.jpg) no-repeat left top;padding: 0 10px 0 40px;position:relative;margin-bottom: -15px;}
.header-menu ul li,.header-menu ul li a{display:inline-block;vertical-align:middle;}
.header-menu li a{padding:13px 5px 11px;color:#fff;font-size:14px;text-transform:uppercase;}
.header-menu li:hover a,.header-menu li.current-menu-item a{color:#ffd200;}
.header-menu .nav {display: block;-ms-flex-wrap: unset;flex-wrap: unset;}

}
@media (max-width:991px){
/*====----====*//*  BURGER ========================================== */
    .burger {
        width: 44px;
        height: 42px;
        position: fixed;
        top: 10px;
        right: 20px;
        /*border-radius: 4px;*/
        z-index: 1000012;
        /*border: solid 1px rgb(255, 255, 255, 0.33);*/
        background-color: rgb(0, 0, 0, 0.33);
    }
    .burger span {
        position: relative;
        margin-top: 9px;
        margin-bottom: 9px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -1.5px;
    }
    .burger.clicked {
        border: none;
    }
    .burger span,
    .burger span::before,
    .burger span::after {
        display: block;
        width: 30px;
        height: 3px;
        background-color: #fff;
        outline: 1px solid transparent;
        -webkit-transition-property: background-color, -webkit-transform;
        -moz-transition-property: background-color, -moz-transform;
        -o-transition-property: background-color, -o-transform;
        transition-property: background-color, transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .burger span::before,
    .burger span::after {
        position: absolute;
        content: "";
    }
    .burger span::before {
        top: -9px;
    }
    .burger span::after {
        top: 9px;
    }
    .burger.clicked span {
        background-color: transparent;
    }
    .burger.clicked span::before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -moz-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        -o-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }
    .burger.clicked span::after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -moz-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        -o-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
    }
    .burger.clicked span:before,
    .burger.clicked span:after {
        background-color: #ffffff;
    }
    .burger:hover {
        cursor: pointer;
    }
    /*  NAV

========================================== */
    nav {
        width: 100%;
    }
    .nav {
        background-color: #2a2a2a;
        position: fixed;
        z-index: 100000;
        top: 0;
        right: 0;
        height: 100%;
        max-width: 300px;
        width: 100%;
        padding: 150px 15px 60px 15px;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .nav.show {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
    .nav.show ul.nav-list li {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
    .nav.show ul.nav-list li:nth-child(1) {
        transition-delay: 0.15s;
    }
    .nav.show ul.nav-list li:nth-child(2) {
        transition-delay: 0.3s;
    }
    .nav.show ul.nav-list li:nth-child(3) {
        transition-delay: 0.45s;
    }
    .nav.show ul.nav-list li:nth-child(4) {
        transition-delay: 0.6s;
    }
    .nav.show ul.nav-list li:nth-child(5) {
        transition-delay: 0.75s;
    }
    .nav.show ul.nav-list li:nth-child(6) {
        transition-delay: 0.9s;
    }
    .nav.show ul.nav-list li:nth-child(7) {
        transition-delay: 1.05s;
    }
    .nav.show ul.nav-list li:nth-child(8) {
        transition-delay: 1.2s;
    }
    .nav.show ul.nav-list li:nth-child(9) {
        transition-delay: 1.35s;
    }
    .nav.show .about,
    .nav.show .social,
    .nav.show ul.sub {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        transition-delay: .85s;
    }
    /*@media (min-width: 667px) {



nav { padding: 120px 90px 70px 90px; }

}*/
    .nav ul.nav-list {
        list-style-type: none;
		display: block;
    	width: 100%;
    }
    .nav ul.nav-list li {
        margin-bottom: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
        border-bottom: solid 1px #1f1f1f;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .nav ul.nav-list li:last-of-type {
        margin-bottom: 0px;
    }
    .nav ul.nav-list li a {
        color: #ffffff;
        font-family: "Myriad-Pro-Regular", sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        display: block;
        letter-spacing: 1px;
        padding: 10px 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .nav ul.nav-list li a span {
        color: #b7ac7f;
    }
    .nav ul.nav-list li a:hover {
        color: #b7ac7f;
    }
    .nav ul.sub {
        list-style-type: none;
        margin-top: 40px;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .nav ul.sub li {
        margin-bottom: 10px;
    }
    .nav ul.sub li:last-of-type {
        margin-bottom: 0px;
    }
    .nav ul.sub li a {
        color: #ffffff;
        font-family: "Myriad-Pro-Regular", sans-serif;
        letter-spacing: 1px;
        font-size: 0.9rem;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .nav ul.sub li a:hover {
        color: #b7ac7f;
    }
    /*  OVERLAY

========================================== */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5900;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: #0a5385;
        opacity: 0;
        visibility: hidden;
    }
    .overlay.show {
        opacity: 0.8;
        visibility: visible;
    }	
/*===========*/
#nav ul li.menu-item-has-children .expand-collapse{width:15%;background:url(../img/expand-collapsed-menu.png) no-repeat 50% 3%;position:absolute;top:1px;right:0;display:block;z-index:1000000;height:35px;cursor:pointer;}
#nav ul li.menu-item-has-children.open > .expand-collapse{background-position:50% 95%}
/*====*/
}


.customer-details{background:#1a1a1a;padding:15px 0;}
.customer-details ul{display:block;}
.customer-details ul li,.customer-details ul li label,.customer-details ul li span{display:inline-block;vertical-align:middle;}
.customer-details ul li label,.customer-details ul li span{padding:0 18px 0 10px;color:#fff;font-size:15px/*18px*/;margin:0;}
.customer-details ul li{border-right:solid 2px #fff;}
.customer-details ul li:last-child{border-right:none;}

.view-statement{padding:50px 0 70px;}
.tabnav-panel ul.resp-tabs-list{background-color:#3598dc;border-radius:6px;display:inline-block;margin:0 0 18px;}
.view-statement .checkbox label:before{border: 2px solid #1a1a1a;padding: 10px;}
.view-statement .checkbox input:checked + label:after{top: 6px;left: 9px;border-color:#1a1a1a;}

.resp-tabs-list li:first-child{border-radius:6px 0 0 6px;}
.resp-tabs-list li:last-child{border-radius:0 6px 6px 0 ;}

.table-custom{background:#f5f3f3;margin:0 0 35px;}
.table-custom thead td, .table-custom thead th{text-transform:uppercase;}
.table.table-custom td, .table.table-custom th{padding: 15px;font-size:18px;color:#151515;border-top: 1px solid #a8bdca;text-transform:uppercase;}
.table-bordered.table-custom td, .table-bordered.table-custom th{border: 1px solid #a8bdca;}
.view-statement .btn-span .button,.view-statement .btn-span .btn-inverse{min-width: 160px;margin-right: 10px;}
.view-statement .table-custom thead th{border-bottom:none;}
.view-statement .buttonbox{margin:0;}
#applyforloan .table-md .table{max-width: 900px;}
.table-md .sky-bg{background:#d2ecfd;}
.custom-form{background:#f5f3f3;padding:45px;border:solid 1px #a8bdca;}
.view-statement .custom-form label{display: block;margin: 0;/*font-size:18px;*/font-size:15px;color:#131313;}
.view-statement .custom-form .form-control{margin-top: 6px;min-height: 40px;}
.custom-form #otpbox{padding: 18px 0 6px;background: transparent;}
.custom-form #otpbox .form-control{margin-top: 0;}
.custom-form .form-group.otp-group{margin: 10px 0 27px;}
.view-statement .tabnav-panel .resp-tabs-list li{padding: 9px 15px;font-size: 18px;}
.otp-error{color: #fe2121;}
.statement-download .flexclear{display: flex;margin-bottom: 0;justify-content: flex-end;}
.statement-download .flexclear .input-group-text{border-radius: 0;}
.statement-download .flexclear .form-control{border-radius: 4px 0 0 4px;}
.view-statement .applyloanamount .form-control{max-width: 160px;}
.view-statement .custom-form [class*="col-"]{padding-right: 6px;padding-left: 6px;}
.view-statement .custom-form .row{margin-right: -6px;margin-left: -6px;width: 100%;}
.view-statement .custom-form .row-generate{align-items: center;padding: 0 6px;}
.view-statement .row-generate .guarantor{display: block;font-size: 15px;padding: 24px 0 0;text-transform: uppercase;}
#submitModalCenter .success{color: #060606;}
#submitModalCenter button.close{padding: 3px 6px;cursor: pointer;border: none;outline: none;box-shadow: none;}
#submitModalCenter .btn-secondary{cursor: pointer;}
.loan-recovery-btn{position:absolute;top:-10px;right:15px}

/*======------ ------======*/
.statement-download .form-control{/*padding:8px 0;*/background:#f5f3f3;}
.input-group-addon {
  cursor: pointer;
}
.form-control {
  border: 1px solid #ccc;
  box-shadow: none;
}
.form-control:hover, .form-control:focus, .form-control:active {
  box-shadow: none;
}
.form-control:focus {
  border: 1px solid #34495e;
}
.content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075), 0 2px 4px rgba(0, 0, 0, 0.0375);
  padding: 30px 30px 20px;
}

/*.view-statement .bootstrap-datetimepicker-widget.dropdown-menu {
  border: 1px solid #34495e;
  border-radius: 0;
  box-shadow: none;
  margin: 10px 0 0 0;
  padding: 15px !important;
  min-width: 300px;
  max-width: 100%;
  width: auto;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .view-statement .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  display: none;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table th {
  border-radius: 0;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.old, .view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.new {
  color: #bbb;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.today:before {
  border-bottom-color: #0095ff;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.active,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td span.active {
  background-color: #0095ff;
  text-shadow: none;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.active.today:before,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover.today:before,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td span.active.today:before {
  border-bottom-color: #fff;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table th {
  height: 40px;
  padding: 0;
  width: 40px;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table th.picker-switch {
  width: auto;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table tr:first-of-type th {
  border-bottom: 1px solid #34495e;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td.day {
  height: 32px;
  line-height: 32px;
  padding: 0;
  width: auto;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu table td span {
  border-radius: 0;
  height: 77px;
  line-height: 77px;
  margin: 0;
  width: 25%;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months tbody tr td,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years tbody tr td,
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {
  padding: 0;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {
  height: 27px;
  line-height: 27px;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span {
  display: block;
  float: left;
  width: 50%;
  height: 46px;
  line-height: 46px !important;
  padding: 0;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span:not(.decade) {
  display: none;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td {
  padding: 0;
  width: 30%;
  height: 20px;
  line-height: 20px;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td:nth-child(2) {
  width: 10%;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td a,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span,
.view-statement .view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {
  border: none;
  border-radius: 0;
  height: 56px;
  line-height: 56px;
  padding: 0;
  width: 100%;
}

.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span {
  color: #333;
  margin-top: -1px;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {
  background-color: #fff;
  color: #333;
  font-weight: bold;
  font-size: 1.2em;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button:hover {
  background-color: #eee;
}

.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td {
  border-top: 1px solid #34495e;
}
.view-statement .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td a, .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td span {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0;
  width: 100%;
}

.view-statement .todayText:before {
  content: "Today's Date";
}*/

.loan-management .hd-h3{font-size: 27px;margin: 0 0 18px;color: #060606;}
.loan-management .btn-inverse{font-size: 13px;padding: 9px 12px;border-radius: 3px;font-weight: 400;margin: 0 auto 3px;}
.loan-management .table.table-custom td,.view-statement .table.table-custom th{padding: 12px 10px;font-size: 15px;text-transform: unset;}
.view-statement .table.table-custom th{background-color:#ddd;font-weight:600}
.loan-management .btn-view{font-size: 15px;padding: 12px 24px;border-radius: 3px;font-weight: 400;margin: 10px 0 0 0;display: inline-block;}

.upload-loan-documents .btn-span .button, .upload-loan-documents .btn-span .btn-inverse{min-width: 105px;margin-right: 10px;font-size: 13px;padding: 9px 12px;border-radius: 3px;font-weight: 400;}
.upload-loan-documents #moreImageUploadLink .btn-inverse{font-size: 13px;border: none;padding: 10px 26px;border-radius: 3px;}
.upload-loan-documents #moreImageUpload{padding: 0;}
.upload-loan-documents .upload-file input{font-size: 13px;}
.upload-loan-documents.view-statement .upload-file{margin: 6px 0 0;}

.footer{background:#1a1a1a;padding:15px 0;}
.copyright{font-size: 15px;color:#fff;}


/*====Responsive====*/
@media (min-width:2500px){
}
@media (max-width:1199px){
img{display:block;max-width:100%;height:auto}.img-responsive{display:block;max-width:100%;height:auto}
.table-custom{margin: 0 0 15px;}.table.table-custom td, .table.table-custom th{padding: 8px;font-size: 15px;}.view-statement{padding: 35px 0 40px;}
.view-statement .custom-form label{font-size: 15px;}.view-statement .btn-span .button, .view-statement .btn-span .btn-inverse{min-width: auto;margin: 0 0 5px;font-size: 15px;}
.view-statement .statement-download .input-group{margin-bottom: 0;}
.burger span, .burger span::before, .burger span::after

/*body{border:1px solid #000}*/ 
}
@media (max-width:1024px){
	
/*body{border:1px solid orange}*/
}
@media (max-width:991px){
.body-bg{padding: 100px 0 50px;}#login-box .login .hd-h2{font-size: 33px;}#login-box .login p{font-size: 15px;padding: 8px 0 15px;margin: 0 0 18px;}
#login-box .login{padding: 70px 15px 25px;}.log-details{margin:60px 0 0}.view-statement .table-md{margin: 0 0 15px;}.custom-form .form-group.otp-group{margin: 0 0 15px;}

/*body{border:1px solid red}*/ 
}
@media (max-width:767px){
.table-custom{margin: 0;}.tabnav-panel ul.resp-tabs-list{ display: none;}#login-box .login figure{margin: -50px auto 0;max-width: 100px;}
.burger{top: 10px;}#header-login figure{max-width: 100px;}/*.log-details{margin: -40px 0 6px;}*/.customer-details ul li label,.customer-details ul li span{padding: 0 6px 0 6px;font-size: 15px;}
.custom-form{padding: 15px;}.lastlogin-details{margin: 6px 15px 0 0;}.nav{padding: 100px 15px 60px 15px;}
.view-statement .row-generate .guarantor{padding: 0;}
	

/*body{border:1px solid lightgreen}*/
}
@media (max-width:575px){	
#header-login figure{max-width:80px}
.log-details{margin-top:-75px}
#header-login .bank-name{font-size:16px;padding-top:20px;line-height:20px}
/*body{border:1px solid blue}*/
}
@media (max-width:480px){
/*.container{max-width:90%}*/html{-webkit-text-size-adjust:none}
#header-login figure{max-width:60px}.log-details{margin-top:-120px}
#header-login .my-account{float:none;margin-right:65px}

/*body{border:1px solid magenta}*/
}