* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
body {font-size:16px; line-height:normal; color: #000; font-family: 'metropolisregular';}
a {outline:none; text-decoration:none; color:#000; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none !important;}
input, 
textarea, 
select {font-size:14px; color:#000; vertical-align:middle; font-family: 'metropolisregular'; outline:none; resize:none;}
input[type="button"], 
input[type="submit"], 
button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.transition {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
img {border:none; vertical-align:top; width: auto; max-width:100%;}
ul{margin: 0px !important;}
.tac {text-align:center;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.valign {vertical-align:middle;}
.midsection {width:100%; position:relative; min-height: calc(100vh - 480px);}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {-webkit-align-items: center; align-items: center;}
.itemselfCenter {-webkit-align-self: center; align-self: center;}
.itemselfEnd {-webkit-align-self: flex-end; align-self: flex-end;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}
.fullWidth {width: 100%;}
.deskView {display: block;}
.mobView {display: none !important;}
.lightgray-bg {background: #f8f8f8;}
.white-text {color: #ffffff !important;}
.btnhover-effect {position: relative; z-index: 1; overflow: hidden; transition: all .5s; }
.btnhover-effect:hover, 
.btnhover-effect:focus {box-shadow: none; outline: none; background: transparent; border-color: #3399cc; color: #ffffff; }
.btnhover-effect:hover:after, 
.btnhover-effect:hover:before, 
.btnhover-effect:focus:after, 
.btnhover-effect:focus:before {transform: scale(1); border-radius: 0;}
.btnhover-effect:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #3399cc; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }
.btnhover-effect:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #3399cc; z-index: -2; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }

.btnhover-effect-2 {position: relative; z-index: 1; overflow: hidden; transition: all .5s; }
.btnhover-effect-2:hover, 
.btnhover-effect-2:focus {box-shadow: none; outline: none; background: transparent; border-color: #000000; color: #ffffff; }
.btnhover-effect-2:hover:after, 
.btnhover-effect-2:hover:before, 
.btnhover-effect-2:focus:after, 
.btnhover-effect-2:focus:before {transform: scale(1); border-radius: 0;}
.btnhover-effect-2:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #000000; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }
.btnhover-effect-2:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #000000; z-index: -2; transform: translate3D(0,-100%,0); transition: all .5s; transform-origin: center center; transform: scale(1,0); }

.custom-btn {display: inline-block; font-size: 14px; font-weight: 600; color: #4e4f4f; border: 1px solid #4e4f4f; border-radius: 4px; padding: 10px 25px; text-transform: uppercase;}
.section-HD {font-size: 50px; color: #242424; font-family: 'metropolisregular'; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
.section-title {font-size: 20px; color: #242424; font-weight: 600;}
.section-cont {color: #666666; font-size: 16px; line-height: 26px;}

/* login page */

.login-background {background-image: url('../images/login-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 100vh; width: 100%;}
.loginForm-wrapper {padding-top: 8%;  min-height: calc(100vh - 75px);}
.loginForm-box {width: 100%; max-width: 645px; margin: 40px auto; background: #161e38; border-radius: 7px; padding: 40px;}
.loginBox-HD {color: #fff; font-size: 34px; font-family: 'metropolissemi_bold'; margin: 10px 0px 30px;}
.loginBox-title {font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; position: relative; top: -10px; }
.loginForm-box label {color: #ffffff; font-size: 17px; margin-bottom: 20px;}
.rm, .fp a {color: #fff; font-size: 14px;}
.fp a:hover {color: #2bfe50;}
.rm .remember-me {width: 18px; height: 18px; margin-right: 5px;}
.loginForm-box input.form-control {background-color: #0b1430; border-color: #8c8c8c; font-size: 15px; color: #a5a5a5; padding: 15px 10px; height: auto;}
.loginForm-box input.form-control:focus {background-color: transparent; box-shadow: none;}
.btn.loginBtn {width: 100%; font-size: 26px; line-height: 26px; padding: 14px 10px; color: #000000; background: #2bfe50; border: 1px solid #2bfe50; font-family: 'metropolissemi_bold';}
.btn.loginBtn:hover,
.btn.loginBtn:focus {color: #fff; background-color: #0069be; border-color: #0069be; box-shadow: none;}
.login-copyright-sec {font-size: 14px; border-top: 1px solid #9e9e9e; padding: 25px 0px; color: #fff; text-transform: uppercase;}
.loginForm-box .vf-Field-wrap input.form-control {font-size: 28px; text-align: center;}

.verificationForm-wrapper .loginForm-box {max-width: 450px;}

/* Dashboad section */

body {background: #0f1626 !important;}
.main-bg {background: #0f1626;}
.main-wrapper {min-height: 100vh; position: relative;}
.leftSide-bar {width: 100%; max-width: 350px; background: #1f2a40; min-height: 100vh; left: 0; top: 0; bottom: 0; position: fixed;}
.leftSide-bar ::-webkit-scrollbar {width: 10px;}
.leftSide-bar ::-webkit-scrollbar-track {background: #f1f1f1;}
.leftSide-bar ::-webkit-scrollbar-thumb {background: #0f1626d1;}
.leftSide-logo a {display: block; padding: 15px;}
.ds-smallLogo {display: none !important;}
.leftNav {padding-top: 20px; max-height: calc(100vh - 120px); overflow-y: auto;}
.leftNav li a {display: block;color: #fff; font-size: 20px; line-height: 20px; padding: 21px 20px; border-bottom: 1px solid #3a4457; }
.leftNav li a.active {position: relative;}
.leftNav li a.active:before {content: ''; width: 8px; top: 0; left: 0; bottom: 0; position: absolute; background: #4dff88; border-radius: 8px; }
.navIcon {display: inline-block; width: 27px; margin-right: 30px;}

.hamburger-menu {display: none;}
.bar1, .bar2, .bar3 {width: 30px; height: 2px; background-color: #fff; margin: 6px 0; transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -8px); transform: rotate(45deg) translate(-6px, -8px);}

.main-inner {padding-left: 365px; min-height: calc(100vh - 51px);}
.topBar-section {padding: 30px;}
.topBar-up-Image {width: 55px; height: 55px; border: 1px solid #ccc; border-radius: 50%;}
.topBar-up-Image img {width: 100%; border-radius: 100%;}
.topBar-up-details {display: block; padding-left: 13px;}
.topBar-up-details .userName {font-size: 20px; color: #4dff88; font-family: 'metropolismedium';}
.topBar-up-details .user-lastLoginTime {font-size: 13px; color: #e4e4e4;}

.right-section {padding: 0px 15px;}
.page-HD {font-size: 41px; line-height: 41px; color: #ffffff; font-family: 'metropolisbold';}
.sub-page-HD {font-size: 25px; line-height: 41px; color: #ffffff; font-family: 'metropolisbold';}
.ds-card-section {padding-top: 40px; padding-bottom: 15px;}
.ds-card-list {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.ds-card-list .card-box {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; position: relative; padding-left: 15px; padding-right: 15px; background: transparent; margin-bottom: 25px;}
.ds-card-bg {background: #161e38; border-radius: 25px;}
.ds-card-section .card-body {padding: 35px;}
.ds-card-icon {width: 100px; height: 100px; border-radius: 25px; position: relative; margin-bottom: 20px;}
.totalBank-icon {background: #245539;}
.BorrowMoney {background: #203358;}
.totalUser-icon {background: #164f49;}
.lendMoney-icon {background: #472564;}
.totalProposal-icon {background: #454421;}
.ds-card-icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.card-text {font-size: 18px; color: #ffffff;}
.total-no {font-size: 45px; line-height: 45px; font-family: 'metropolisbold'; margin-top: 5px;}

.dashboard-section-HD {font-size: 26px; line-height: 26px; color: #ffffff; font-family: 'metropolismedium';}
.ds-tableWrapper table {min-width: 700px;}
.ds-tableWrapper table tbody {background: #161e38;}
.ds-tableWrapper .table .thead-dark th {font-size: 22px; line-height: 22px; font-family: 'metropolismedium';color: #fff; background-color: #6093f8; border: 0px solid #6093f8 !important;}
.ds-tableWrapper .table .thead-dark th:first-child {border-radius: 4px 0px 0px 4px;}
.ds-tableWrapper .table .thead-dark th:last-child {border-radius: 0px 4px 4px 0px;}
.ds-tableWrapper table tbody tr td {min-width: 200px; font-size: 22px; line-height: 22px; color: #ffffff; border-color: #263761;}
table thead tr th.id-cell,
table tbody tr td.id-cell {min-width: 100px;}
table tbody tr td.status-active {color: #54ff47 !important;}
table tbody tr td.status-deactive {color: #f55434 !important;}
.action-cell span {display: inline-block; max-width: 20px; cursor: pointer;}
.action-cell span {margin-left: 15px;}
.action-cell span:first-child {margin-left: 0px;}

.ds-copyright {background: #060b1b; text-align: center; color: #fff; font-size: 14px; padding: 15px 10px; text-transform: uppercase;}

.status-cell .statusAnchor {text-align:center; font-size: 22px; color: #fff; width: 100%; max-width: 160px; padding: 2px 10px 6px; height: auto; border-radius: 4px; line-height: normal; border: 1px solid transparent;} 
.status-cell .activate-btn {background: #294d41; border-color: #49b893; color: white;}
.status-cell .deactivate-btn {background: #431e38; border-color: #ff667c; color: white;}
.status-cell .activate-btn:hover {background: #49b893;}
.status-cell .deactivate-btn:hover {background: #ff667c;}

.createBank-btn {text-align:center; font-size: 17px; color: #000; width: 100%; max-width: 160px; padding: 7px 10px 9px; height: auto; border-radius: 4px; line-height: normal; border: 1px solid #2bfe50; background: #2bfe50; font-family: 'metropolisbold';}
.tableSearch-wrapper {width: 100%; max-width: 365px;}
.search-fieldBox {position: relative;}
.search-iconBox {position: absolute; top: 5px; left: 10px; max-width: 20px;}
.form-control.search-field {height: auto; font-size: 15px; background-color: #1b263e; padding: 8px 10px 8px 40px; font-family: 'metropolismedium'; border-color: #5a5b5d;}
.form-control.search-field:focus {background-color: transparent; outline: none; box-shadow: none;}

.darkBox-bg {background: #161e38; border-radius: 5px;}
.p-20 {padding: 20px;}
.form-group label {font-size: 17px; color: #fff; font-family: 'metropolismedium';}
.form-control.custom-field {background-color: #0f1626;}
button.swal-button.swal-button--confirm {
    background: green!important;
}
.swal-button-container{
	display:flex!important;
	justify-content: center!important;
}

.form-control.custom-field:focus {background-color: transparent; outline: none;box-shadow: none;}
.countryCode { position: absolute; bottom: 16px; padding: 5px; border-top-left-radius: 5px; left: 15px; color: #fff; background: #161d38; height: 38px;}
.select2-container--default .select2-selection--single {
    background-color: #060b1b!important;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 38px!important;
    color: #fff!important;
}
span.select2.select2-container.select2-container--default {
    position: absolute;
    top: 33px;
    left: 0px;
}
.bankStatus span.select2.select2-container.select2-container--default {
    margin-left: 15px;

}
input.contactNo{
width:100%;
border-left:0px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}
.contact_no{margin-left:110px; width:100%;}
.cancel-save-btn{margin-top:70px;}
.statusError{
    position: absolute;
    bottom: -45px;
    left: 17px;
}
.bankstatusError{
    position: absolute;
    bottom: 14px;
    left: 17px;
}

span.deal-info-val {
    color: #ffffff;
}

span.deal-info-val-status {
    color: #4af684;
}

.drop_down_filter{padding: 5px 10px;background: #1b263e;font-size: 15px;color: #fff;border-radius: 5px;}
.status {margin-left: 10px;}
.deal-filter{align-items:center;}

a.proposal-view-btn {
    padding: 5px 20px;
    font-weight: 500;
    font-size: 18px;
    background: #fff;
    color: #333;
    border-radius: 5px;
}
 a.proposal-view-btn:hover {
   
    background: #4dff88;
   
}
.proposal_info {
    color: #4dff88;
    text-align: justify;
    float: right;
}
 a.proposal-view-btn:active {
    background: #4dff88;}
    .modal-content.Proposal-content {
    background: #171e3a;
    color: #fff;
    padding:10px;
    font-size: 18px;
}
span.cross-btn{
   color:#fff;
   font-size:18px;
}
.proposal-header{
   border-bottom:0px;
   padding-bottom:0px;
}
.proposal_data{padding:10px 0px;border-bottom:1px solid #333;}
.proposal_data:last-child{border-bottom:0px;}
.drop_down_filter{padding: 5px 10px;background: #1b263e;font-size: 15px;color: #fff;border-radius: 5px;}
.status {margin-left: 10px;}
.deal-filter{align-items:center;}
textarea.static-data-info{
    width: 100%;
    height: 150px;
    background: #0f1626;
    resize:none;
    color:#fff;
}
svg.w-5.h-5 {
    width: 30px;
}
.flex.justify-between.flex-1{display:none;}
nav.flex.items-center.justify-between {
    display: flex;
    align-items: center;
    padding-bottom:10px;
}
.hidden.sm:flex-1.sm:flex.sm:items-center.sm:justify-between{
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
p.text-sm.text-gray-700.leading-5{color:#fff;}
span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5 {
    background: #0f1626 !important;
}
span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
    background: #0f1626 !important;
    color:#fff;
}
.relative a{
    color:#fff!important;
    background: #0f1626 !important;
}
.no-rec-fnd{text-align:center!important;}
.cancl-notification {
    margin-right: 15px!important;
    background-color: #fff!important;
}
.drop_down_filter{padding: 5px 10px;background: #1b263e;font-size: 15px;color: #fff;border-radius: 5px;}
.status {margin-left: 10px;}
.deal-filter{align-items:center;}
.dropdown-check-list {display: inline-block;margin-left:25px;}

.dropdown-check-list .anchor {position: relative;cursor: pointer;font-size:17px;width:210px;color:#fff;background: #0f1626;display: inline-block;padding: 5px 50px 5px 10px;border: 1px solid #0f1626;}
.dropdown-check-list .anchor:after { position: absolute;content: "";border-left: 2px solid #fff;border-top: 2px solid #fff;padding: 5px;right: 10px;top: 30%; -moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.dropdown-check-list .anchor:active:after {right: 8px;top: 21%;}
.dropdown-check-list ul.items {padding: 2px;display: none;margin: 0;border: 1px solid #0f1626;border-top: none;}
.dropdown-check-list ul.items li {list-style: none;padding-left:10px;color:#fff;}
.dropdown-check-list.visible .anchor {color: #fff;}
.dropdown-check-list.visible .items {display: block;}
span.bnk-option {padding-left: 10px;}
textarea.static-data-info{width: 100%;height: 150px;background: #0f1626;resize:none;color:#fff;}
.drop-bx{width:200px;}
.cancl-notification{margin-right:15px;background-color: #fff;}
.email-notification{color:#fff;font-size:18px;}
input.check-box {width: 20px;border: 1px solid #333;height: 20px;}
input.check-bx {width: 20px;border: 1px solid #333;height: 20px;margin:10px 0px;}
span.all{color:#fff;font-size:18px;padding-left:10px;}
.alls{color:#fff;font-size:18px;margin-left:20px;}
.voter-count {font-size: 18px;color: #fff;margin: 20px 0px;}
.bank-select{flex-wrap:wrap; margin: 10px 0px;}
.bnk{margin-top:7px;padding-left:10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px!important;
    height: 35px!important;
}
.canc-sve-btn{padding-left:13px;}
.bank-select .select2-container--default .select2-selection--multiple{background-color:#0f1626!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:35px!important;}
.bank-select .select2-container--default.select2-container--focus .select2-selection--multiple {border-radius:5px;border: solid #fff 1px;outline: 0;background: #0f1626;}
.bank-select span.select2.select2-container.select2-container--default {border-radius:5px;background-color:#0f1626!important;width: 200px!important;position: absolute;top: 0px;color: #000;left: 0px;margin-left: 15px;}
.svbtn{width: 160px;}
/*#partitioned {
  padding-left: 25px;
    padding-right: 25px;
    letter-spacing: 125px;
    border: 0;
    
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 127px 1px;
    
    background-position-x: 91px;
    width: 100%;
    min-width: 100%;
}

#divInner{
  left: 0;
  position: sticky;
}

#divOuter{
  width: 100%;
  overflow: hidden;
}*/

/*#partitioned {
    padding-left: 15px;
    letter-spacing: 53px;
    border: 0;
    background: #000;
    color:#fff!important;
    background-color: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%) !important;
    background-position: bottom;
    background-size: 120px 1px;
    background-repeat: repeat-x;
    background-position-x: 91px;
    width: 280px;
    min-width: 300px;
    outline: 0;
    font-size: 22px;
    font-weight: bold;
   
}
#divInner{
  left: 0;
  position: sticky;
  padding: 0px;
}
#divOuter{
  width: 300px; 
  overflow: hidden;
  margin:0 auto;
   
}*/
.loginForm-box input.form-control.otp-set{background: #161d38;}
.genderfield{
    color: #fff;
    height: 39px;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    flex-wrap:wrap;
    align-items: center;
     font-size:17px;
}
.genderfield span{
    padding-right:15px;
}

.downloadexcel {
    background: #1b263e;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 2px 10px;
}
.swal-footer{
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    justify-content: center;
}

.cancl-save{
    margin-top: 50px;
    
}

.star--gold{
    color: orange;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0;
    background: white;
}



.form-group.bankStatus {
    margin-bottom: 62px;
}
.statusError {
    position: absolute;
    bottom: 0;
    left: 17px;
}
.dropDownOption {
    height: 40px;
    width: 240px !important;
}
.searchBtnBx {
    width: 300px;
}
.searchBtnBx button {
    height: 40px;
    background: #6093f7;
    border: #6093f7 solid 1px;
    width: 80px;
    color: #fff;
    border-radius: 3px;
}
.searchBtnBx a {
    line-height: 39px;
    display: inline-block;
    border: #9c9c9c solid 1px;
    background: #9c9c9c;
    margin-left: 10px;
    width: 74px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    vertical-align: top;
    padding: 0px !important;
}
.dropDownOption input {
    width: 170px;
    background: #161d38;
    height: 40px;
    padding: 0 10px;
    color: #fff;
}
.selectMonth {
    height: 40px;
}
label.totlamunt {
    color: #fff;
    font-size: 17px;
}

label.totlamunt span.deal-info-val {
    color: #fbff00;
}


.bankStatus2 span.select2.select2-container.select2-container--default{
    width:calc(100% - 30px) !important;
    left:15px;
}
.bankStatus2{
    margin-bottom: 35px !important;
}