*,
*:before{margin:0px;padding:0px;},
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body{margin:0px;padding:0px;padding: 1em;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;color: #999;background-color: #fff;font-weight: 400;overflow-x: hidden;overflow-y: auto;font-size: 14px;}
html, body {height: 100%;margin:0px;padding:0px;}
::placeholder{color:#999}
.top-logo{width:200px;margin:15px auto 50px;}
.top-logo img{width:100%}
body h1{font-weight:normal;color: #D49539;font-size: 20px;text-align: left;margin-bottom: 15px;display: block;width: 100%;    text-decoration: underline;
    text-transform: uppercase;}
.image-background{width:50%;display:inline-block;}
.image-background img{width:100%;max-height: 100%;}
.form-section{display:inline-block;width:40%;padding: 1em 3em 2em 3em;border-radius: 4.2px;box-shadow:none;vertical-align: top;}
.form-section input[type=text]:focus,.form-section select:focus{outline:none;}
.form-section .form-field{width:100%;}
.form-section .form-control{width:100%;display:inline-block}
.form-section .form-field select{width:20%;display:inline-block;border-right:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.form-section .form-field input[type=text]{width:80%;display:inline-block;border-top-left-radius:0px;border-bottom-left-radius:0px;padding-top: 16px;}
.form-section input[type=text],.form-section input[type=password],.form-section select{height:50px;margin:0px auto;outline:none;border-radius:3px;padding:15px 10px;color:#999;background-color: #f9f9f9;border: 1px solid #e5e5e5;    border-radius: 3px;-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;    transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.form-section .form-field label {font-weight: 400;margin-top: 10px;margin-bottom: 10px;display:block;width:100%;}
.form-section .form-field button{border-radius:5px;width:100px;padding:15px 10px;background:#D49539;color:#fff;border:0px;outline:none;cursor:pointer;margin-top:5px;}

.change-password .form-section .form-field select{width:22%;display:inline-block;border-right:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.change-password .form-section .form-field input[type=text]{width:78%;display:inline-block;border-top-left-radius:0px;border-bottom-left-radius:0px;padding-top: 16px;}

.withdraw-page .mobile-std-section{border:1px solid #ddd;border-radius:3px;}
.withdraw-page .form-section .form-field select{width:22%;display:inline-block;border-right:1px solid #ddd;}
.withdraw-page .form-section .form-field input[type=text]{border: 1px solid #ddd; width:78%;display:inline-block;border-top-left-radius:0px;border-bottom-left-radius:0px;padding-top: 16px;}
.withdraw-page .form-section .form-field input[type=number],.withdraw-page .form-section .form-field input[type=text],.withdraw-page .form-section .form-field input[type=password],.withdraw-page .form-section .form-field  select{border: 1px solid #ddd;height:50px;margin:0px auto;outline:none;border-radius:3px;padding:15px 10px;color:#999;background-color: #f9f9f9; border-radius: 3px;-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;    transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.withdraw-page .form-section .form-field button{border-radius:5px;width:200px;padding:15px 10px;background:#D49539;color:#fff;border:0px;outline:none;cursor:pointer;margin-top:25px;}



.withdraw-page .modal .mobile-std-section{border:1px solid #ddd;border-radius:3px;}
.withdraw-page .modal .form-section .form-field select{width:22%;display:block;border-right:1px solid #ddd;}
.withdraw-page .modal .form-section .form-field input[type=text]{border: 1px solid #ddd;width:100%;display:block;padding-top: 16px;}
.withdraw-page .modal  .form-section input[type=number],.withdraw-page .form-section input[type=text],.withdraw-page .form-section input[type=password],.withdraw-page .form-section select{border: 1px solid #ddd; height:50px;margin:0px auto;outline:none;border-radius:3px;padding:15px 10px;color:#999;background-color: #f9f9f9; border-radius: 3px;-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;    transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;border:0px;}
.withdraw-page .modal .form-section .form-field button{border-radius:5px;width:200px;padding:15px 10px;background:#D49539;color:#fff;border:0px;outline:none;cursor:pointer;margin-top:25px;}
.withdraw-page .modal .form-section{display:block;padding:0px; width:100%;border-radius: 4.2px;box-shadow:none;vertical-align: top;}

#otp_validation_form input[type=text],.registeration-section input[type=text],.registeration-section input[type=password]{width:100% !important}
#otp_sent_msg{margin:10px 0px;}
.otp_timer {font-size: 12px;margin-top: 10px;margin-bottom: 10px;}
.app-icon {margin:30px 0px;text-align:center}
.app-icon a{text-decoration:none}
.app-icon .android{background:#;padding:10px;display:inline-block;}
.app-icon .ios{background:#;padding:0px 10px;display:inline-block;}
.app-icon .ios img,.app-icon .android img{width:160px;height:auto;}

.extra-link{margin: 30px 15px 20px;text-align:center}
.extra-link a{display:inline-block;color:#999;text-decoration:none;padding:0px 15px;}
.copyright{text-align:center;}
.alert-success{color: #076e07;}
.why-us-box {clear:both;display:block;margin:30px 0px;}
.why-us-box .box{background-color: transparent;background-image: linear-gradient(180deg, #30303069 0%, #A0712C 100%);width:17%;float:left;padding:5px;min-height:150px;margin-right:5px;}
.why-us-box .box img{transition-duration: 0.3s;margin-bottom:15px;height: auto;max-width: 100%;border: none;border-radius: 0;box-shadow: none;height:90px;}
.why-us-box .box:hover img{    transform: translateY(-8px);}
.why-us-box .box span{color:#fff;text-align:center;font-weight:bold;display:block;height:50px;font-size: 12px;}
#register_msg {
    padding: 10px 0 0;
    font-size: 14px;
}

.userlogin-page .form-section .form-field input[type=text]{width:100%;}
.userlogin-page .form-section .form-field button{margin-top: 15px;}

.error_message{background: none;}
.alert-danger{color: #9a0808;}
.alert-error{color: #9a0808;}
a.ifsc-link {
    color: #D49539;
    text-decoration: none;
    float: right;
    padding: 2px;
}

input#ifsc { 
    text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}
.ifsc-link.disabled {
    pointer-events: none;
    color: gray;
}
.star{color: #f00808;}
#add_bank_details_msg {
    padding: 10px 2px 0;
}
#edit_bank_details_msg {
    padding: 10px 2px 0;
}

.view-bank-details {
    margin-top: 26px;
    border: 1px solid #ddd;
    padding: 2% 0 0 2%;
    width: 98% !important;
}
.view-bank-details label {
    font-weight: 600 !important;
}
.view-bank-details span {
    font-weight: normal;
}

/* Icons */
.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  fill: currentcolor;
}

/**
 * Modals ($modals)
 */

/* 1. Ensure this sits above everything when visible */
.modal {
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    display: block;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  background: rgb(0,0,0,0.7);
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 4em;
  left: 50%;
  width: 32em;
  margin-left: -16em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #d49539;
  background: none;
  border: 0;
  cursor: pointer;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

button.remove-bank-btn {
    background: #e40000 !important;
}

.popup-inner .rocket-animation .app-icon {margin:15px 0px;text-align:center}
.popup-inner .rocket-animation .app-icon a{text-decoration:none}
.popup-inner .rocket-animation .app-icon .android{background:#;padding:10px;display:inline-block;}
.popup-inner .rocket-animation .app-icon .ios{background:#;padding:0px 10px;display:inline-block;}
.popup-inner .rocket-animation .app-icon .ios img, .popup-inner .rocket-animation .app-icon .android img{width:120px;height:auto;}
.popup-outer{background:rgba(0,0,0,0.8);position:fixed;top:0px;bottom:0px;left:0px;right:0px;width:100%;height:100%;}
.popup-outer .popup-inner{width:400px;height:351px;background:url('../images/pop-bg.jpg');background-size: contain;margin:10% auto;text-align:center;padding:25px;-webkit-box-shadow:0 0 20px #D49539; -moz-box-shadow: 0 0 20px #D49539; box-shadow:0 0 20px #D49539;}
.popup-outer .popup-inner .rocket-animation{background:url('../images/1af8d3b487b77085d5288814f151e1de_w200.gif');height:100%}
.popup-outer .popup-inner .rocket-animation .congratulations{padding-top:100px;padding-bottom:20px;font-size:28px;color:#fbcb67;font-style:italic}
.popup-outer .popup-inner .rocket-animation .mobile a{font-size:18px;color:#fbcb67;text-decoration:none}
.popup-outer .popup-inner .rocket-animation p{color:#999;font-size:15px;}
.popup-outer .popup-inner .rocket-animation .app-icon{margin-top:20px;}
.popup-outer .popup-inner .rocket-animation .welcome {padding: 0px 0 15px;font-weight: 600;font-size: 18px;text-decoration: underline;}

.form-section .form-field button:disabled {background: #ddd;}

#loader_img {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    bottom: 0;
    text-align: center;
    display: table;
    background: url(../images/logo.png) no-repeat center center rgba(97,93,93,0.86);
    z-index: 99999;
    background-size: 75px;
    display: none;
}
#loader_img center {
    margin: auto;
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 8px solid #D49539;
    border-right: 8px solid #EEEEEE;
    border-bottom: 8px solid #D49539;
    border-left: 8px solid #EEEEEE;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    display: table-cell;
    vertical-align: middle;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
#loader_img img {
    display: none;
}
#loader_img p {
    margin: auto;
    position: absolute;
    top: 62%;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
}
@-webkit-keyframes load8 {
    0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
}
@keyframes load8 {
    0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
    }
}

@media (max-width:768px){
body{background:#fff}
.form-section{width: 90%!important;display:block;margin:15px auto;padding:10px;background:#fff;box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2);}
.image-background{display:none}   
.why-us-box .box{width:100%;float:none;padding:0px;min-height:150px;margin-bottom:15px;}
.why-us-box .box img{margin:0px auto;display:block;}
.popup-outer .popup-inner{margin:25% auto;width:300px;height:263px;}
.popup-outer .popup-inner .rocket-animation .congratulations{padding-top:25px;}
.modal-wrapper{width: 24em;margin-left: -12em;}
#loader_img p {top: 60%;}
}

/* User panel css here */
body.user-panel-page{font-weight:normal;font-size:14px;color:#000}
body.user-panel-page th{font-weight:normal;}
body.user-panel-page tbody {overflow-y: scroll;}
body.user-panel-page .button-design{
    border-radius: 5px;
    width: 100px;
    padding: 10px 0;
    background: #D49539;
    color: #fff;
    border: 0px;
    outline: none;
    cursor: pointer;
    text-align:center;margin-top: 5px;margin-bottom:10px;}

.dashboard{background:#fff;}
.dashboard a{text-decoration:none}
.dashboard .menu-bar{background:#000;padding:10px 0px;color:#fff;box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);position:relative;}
.dashboard .dashboard-spacer{padding:0px 15px;}

.dashboard .logo{width:20%;display:inline-block;text-align:left;vertical-align: middle;}
.dashboard .logo img{width:120px;}
.dashboard .fix-menu{width:52%;display:inline-block}
.dashboard .fix-menu li{display:inline-block;}
.dashboard .fix-menu li a{color:#fff;text-decoration:none;margin-right:25px;}

.dashboard .profile-name{width:25%;display:inline-block;text-align:right;verticle-align:middle;font-size:16px;font-weight:bold;}

.dashboard .menu-bar .menu{position:absolute;width:200px;top:75px;right:0px;background:#000;display:none}
.dashboard .menu-bar .menu li{padding:10px;list-style:none}
.dashboard .menu-bar .menu li a{color:#fff;display:block;}
.dashboard .menu-bar .fade-in {display: block;opacity: 1;z-index: 9999;}

.dashboard .ledger-summary{padding:25px 0px;background:#fff;box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);}
.dashboard .ledger-summary .profile-detail{font-size:16px;color:#000;width:50%;display:inline-block;text-align:left;vertical-align: middle;}
.dashboard .ledger-summary .profile-detail span{font-size:12px;color:#999;display:block;padding-top:5px;}
.dashboard .ledger-summary .profile-balance{width:50%;display:inline-block;text-align:right;vertical-align: middle;font-size:16px;color:#000;}

.dashboard .tabs {position: relative;width: 100%;overflow: hidden;margin: 1em 0 2em;font-weight: 300;}
.dashboard .tabs ul {padding: 0;margin: 0;list-style: none;display: inline-block;}
.dashboard .tabs ul li {border: 1px solid #999;border-bottom: none;margin: 0px 5px 0px 0px;display: block;float: left;position: relative;}
.dashboard .tabs li.tab-current {border: 1px solid #000;box-shadow: inset 0 2px #000;border-bottom: none;z-index:1;}
.dashboard .tabs li.tab-current:before,.dashboard .tabs li.tab-current:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width: 1000px;background: #000;}
.dashboard .tabs li.tab-current:after {right: auto;left: 100%;width: 4000px;}
.dashboard .tabs a {color: #999;display: block;font-size:14px;padding:10px 15px;white-space: nowrap;}
.dashboard .tabs a:hover {color: #768e9d;}
.dashboard .tabs li.tab-current a {color: #fff;background:#000}
.dashboard .tabs a:before {display: inline-block;vertical-align: middle;text-transform: none;font-weight: normal;font-variant: normal;font-family: 'icomoon';line-height: 1;speak: none;-webkit-font-smoothing: antialiased;margin: -0.25em 0.4em 0 0;}
.dashboard .tabs .content section {font-size:14px;padding:15px 0px;display: none;width:100%;}
.dashboard .tabs .content section:before,.dashboard .content section:after {content: '';display: table;}
.dashboard .tabs .content section:after {clear: both;}
.dashboard .no-js .content section {display: block;padding-bottom: 2em;border-bottom: 1px solid #000;}
.dashboard .content section.content-current {display: block;}
.dashboard table{width:100%;}
.dashboard table th{background:#F3F4F6;color:#000;padding:10px 5px;border:1px solid #ddd;font-size:12px;text-align:left}
.dashboard table td{background:#fff;color:#000;padding:10px 5px;border:1px solid #ddd;font-size:12px;text-align:left}
.dashboard .add-bank{float:right}
.dashboard .deposit-form{background:#F3F4F6;width:300px;margin:15px auto;padding:15px;border:1px solid #ddd;border-radius:5px;}
.dashboard .deposit-form td{text-transform:uppercase}
.dashboard .deposit-form form{margin:25px 0px 0px;}
.dashboard .deposit-form label{text-transform: uppercase;width:100%;display:block;margin-top:5px;color:#000;font-size:12px;}
.dashboard .deposit-form input[type=text],.dashboard .deposit-form input[type=password],.dashboard .deposit-form input[type=number],.dashboard .deposit-form input[type=file],.dashboard .deposit-form input[type=email],.dashboard .deposit-form input[type=number]{margin:5px 0px 10px;width:100%;padding:10px 5px;border:1px solid #ddd;border-radius:5px;background:#fff}
.dashboard .deposit-form select{margin:5px 0px 10px;width:100%;padding:10px 5px;border:1px solid #ddd;border-radius:5px;background:#fff}

.dashboard .withdraw-form{background:#F3F4F6;width:300px;margin:15px auto;padding:15px;border:1px solid #ddd;border-radius:5px;}
.dashboard .withdraw-form form{margin:15px 0px 0px;}
.dashboard .withdraw-form label{text-transform: uppercase;width:100%;display:block;margin-top:5px;color:#000;font-size:12px;}
.dashboard .withdraw-form select,.dashboard .withdraw-form input[type=text],.dashboard .withdraw-form input[type=number],.dashboard .deposit-form input[type=file],.dashboard .deposit-form input[type=email],.dashboard .deposit-form input[type=number]{margin:5px 0px 10px;width:100%;padding:10px 5px;border:1px solid #ddd;border-radius:5px;background:#fff}
.dashboard .transaction-form select,.dashboard .transaction-form input[type=date],.dashboard .transaction-form input[type=text]{margin:5px 0px 10px;width:200px;padding:10px 5px;border:1px solid #ddd;border-radius:5px;background:#fff}
.dashboard .withdraw-form .alert-danger a {
    white-space: unset !important;
    display: contents !important;
    color: #d49539 !important;
}

.popup{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index:1;display:none;    opacity: 0; transition: opacity 0.3s ease;}
.popup .bank-add{background:#fff;border:1px solid #ddd;border-radius:5px;color:#000;padding:25px;width:300px;position:relative;margin:25px auto;}
.popup .bank-add label{text-transform: uppercase;color:#000;margin:10px 0px;display:block;width:100%;}
.popup .bank-add input[type=text],.popup .bank-add input[type=number],.bank-add select{width:100%;padding:10px;border-radius:5px;border:1px solid #ddd}
.popup .bank-add .button-design{margin-top:10px;padding:10px}
.popup .bank-add .close-popup{position:absolute;color:#000;right:10px;top:10px;cursor:pointer}
.popup.fade-in {display: block;opacity: 1;}
.menu-icon{color:#fff;cursor:pointer;display: none;}
.menu-icon img{width:12px;padding-left: 5px;}

.dashboard-spacer h1 {
    padding: 10px 0;
}
.remark_save {
    cursor: pointer;
    color: #e0a239;
    margin: 4px 0 0 2px;
    display: block;
}
.user-panel-page .action {
    display: inline-block;
}
.g-recaptcha {
    padding-top: 20px;
}
.withdraw-form .g-recaptcha, .deposit-form .g-recaptcha {
    padding: 0px 0px 10px;
}
.banker_panel .dashboard .logo{display: none;}
.banker_panel .dashboard .dashboard-spacer{padding:10px 15px;}
.banker_panel .dashboard .fix-menu{width:50%;margin-left: 2%;}
.banker_panel .dashboard .profile-name{width:40%;}

@media (max-width:767px) {
.dashboard .tabs a{font-size:12px;padding:10px 5px;}
.dashboard .fix-menu{display:none}
.dashboard .profile-name{width:73%;}
.user-panel-page .action {display: block;}
.user-panel-page .action .button-design.search_btn {display: inline-block;}
.user-panel-page .action .button-design.cancel_btn {display: inline-block;}
.menu-icon{display: inline-block;}
.banker_panel .dashboard .profile-name{width:95%;}
}