.jumbotron {margin: 0 0 20px;}
.jumbotron h1 { font-weight: 500; font-size: 22px; line-height: 145%; color: #000000; margin: 0;}
.jumbotron p { color: #444 }
.overdraft-section { border-radius: 4px; background-color: #fff; box-shadow: 0 10px 20px 0 rgb(0 0 0 / 2%); border: 1px solid #fff; padding: 32px 32px 83px; }
.overdraft-section .sort-header { margin: 0 -32px 0 -32px; padding: 0px 36px 0 25px; border-bottom: 1px solid #ccc; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); }
.overdraft-section .alert { margin-top: 20px; }
.overdraft-section .overdraft-section-heading { margin-top: 32px; padding-bottom: 24px; }
.overdraft-section .overdraft-status { margin-bottom: 40px; }
/* .overdraft-section .sort-header .col-lg-4:nth-child(1) span.num, 
.overdraft-section .sort-header .col-lg-4:nth-child(3) span.num { color :#106EB8; }
.overdraft-date .num {color:#106EB8 !important;} */
.overdraft-section .sort-header .col-lg-4:nth-child(2) .amount { color :#B81010; }
.overdraft-section span.inactive { padding: 3px 12px; font-size: 8px; background: #757575; line-height: 1.5; margin-top: 5px; }
.overdraft-section h2 { font-weight: 500; font-size: 20px; line-height: 29px; letter-spacing: 0.266667px; color: #000000; margin: 0; }
.overdraft-section ul { padding: 0 0 0 24px; }
.overdraft-section ul li { position: relative; font-weight: 400; font-size: 14px; line-height: 157%; color: #333333; margin: 0 0 32px; list-style: none; }
.overdraft-section ul li::before { content: ""; position: absolute; left: -24px; top: 8px; width: 7px; height: 7px; background-color: #106EB8; border-radius: 50%; -moz-border-radius: 50%;  -webkit-border-radius: 50%; }
.overdraft-section ul li h3.heading { display: block; font-weight: 600;  font-size: 16px; line-height: 150%; letter-spacing: 0.266667px; color: #333333; margin: 0 0 4px; }
.overdraft-section ul li p { margin: 0; }
.overdraft-section .img-holder { display: flex; justify-content: center; align-items: center; height: 100%; }  
.overdraft-section-enable .agreement.green {margin-top:0;}
/* .overdraft-section .img-holder img { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } */
.no-feature.no-records .circle { width: 400px; height: 400px; }
.overdraft-section .btns { display: flex; align-items: center; justify-content: space-between; }
.overdraft-section .btn { min-width: 135px; }
.overdraft-section .btn.btn-orange { font-weight: 700; font-size: 14px; line-height: 129%; color: #FFFFFF; }
.overdraft-section .btn.btn-light { margin: 0 0 0 12px; font-weight: 400; letter-spacing: 0.233333px; color: #757575; }
.overdraft-section .content .link .icon-link { font-size: 10px; color: #757575; }
.overdraft-status .wallet-link { border-radius: 5px; padding: 24px; position: relative; display: block; overflow: hidden; width: 100%; height: 100%; border: 1px dashed #D8DDE4; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0544894); background-color: #fff; }
.overdraft-status .wallet-link .title { font-size: 1.2857142857em; line-height: 1.5; color: #2f2f2f !important; display: block; font-weight: 700 !important; }
.overdraft-status .wallet-link > .title { margin: 0 0 16px; }
.overdraft-status .wallet-link .currency { display: flex; align-items: center; }
.overdraft-status .wallet-link .flag-holder { display: inline-block; height: 22px; width: 22px; border-radius: 100%; overflow: hidden; margin-left: 8px; }
.overdraft-status .wallet-link .flag-img { transform: scale(1.48); }
.overdraft-status .wallet-link .curr-name { display: inline-block; font-size: 2em; line-height: 24px; letter-spacing: .05em; font-weight: 700; }
.overdraft-status .wallet-link .balance { padding: 12px 0 0; }
.overdraft-status .wallet-link .balance .title { font-size: 1em;  line-height: 1.78571; color: #777 !important; font-weight: 400 !important; }
.overdraft-status .wallet-link .title { font-size: 16px; line-height: 1.5; color: #2f2f2f !important; display: block; font-weight: 500 !important; }
.overdraft-status .wallet-link .balance .amount { font-size: 1.1428571429em; line-height: 1.5625; color: #222; font-weight: 500; letter-spacing: .02em; }
.overdraft-status .wallet-link .wallet-actions { position: absolute; right: 24px; top: 24px; }
.overdraft-status .wallet-link .wallet-actions .ico.icon-flag { font-size: 24px; color: #D8DDE4; }
.overdraft-status .wallet-link .link-action { background: 0 0 !important; border: none !important; margin: 0 10px 0 0; padding: 0; }
.overdraft-status .wallet-link .amount img {width:22px; height:22px;}
/*-----overdraft-section-enable-----*/
.overdraft-section p { font-weight: 400; font-size: 13px; line-height: 19px; letter-spacing: 0.590909px; color: #444444; margin: 0 0 31px 6px; }
.overdraft-section .agreement { position: relative; padding: 15px 20px 15px 58px; margin-bottom: 40px; }
.overdraft-section .agreement .slider-checkbox { position: absolute; top: 50%; margin-top: -4px; left: 20px; }
.overdraft-section .agreement label { cursor:pointer; margin: 0; padding:5px 0; font-weight: 400; font-size: 13px; line-height: 19px; letter-spacing: 0.216667px; color: #222222; }
.overdraft-section .agreement label a { margin: 0 0 0 5px; }
.overdraft-section .agreement .text a:focus { outline: dotted 1px #333; outline-offset: 1px; text-decoration: underline; }
.overdraft-section .btn { padding: 10px 20px; }
.overdraft-section .btn.btn-orange { min-width: 144px; font-weight: 500; font-size: 14px; line-height: 129%; color: #FFFFFF; }
/* .overdraft-section .btn-Optin { background-color: #106EB8; border-color: #106EB8; } */
.overdraft-section .btn-Optin.btn.disabled { background-color: rgb(195 195 195); border-color: rgb(195 195 195); cursor: not-allowed; }
.overdraft-section .btn.btn-light { min-width: 144px; margin: 0 0 0 16px; }
[aria-describedby="delete_my_visa_plus"] { min-width: 403px !important; }
.terms-container { border: 1px solid #d8dde4; padding: 15px 20px; border-radius: 4px; }
.linkbackup-dialog .text-center { margin: 0 0 30px; }
.heading-wrap { display: flex; align-items: center; }
.heading-wrap .slider-checkbox { line-height: 0; margin-right: 6px; }
.heading-wrap label { font-weight: 500; font-size: 20px; line-height: 29px; color: #000000; margin-bottom: 0;}
#no-overdraft-available { background-color: #fff; border-radius: 4px; padding: 64px 0; }
@media (max-width: 1199px) {
    .overdraft-section .img-holder img { height: auto !important; position: inherit; transform: translateY(0%); margin: 30px 0px; }
    .overdraft-section .img-holder {  width: 100%; }
}
@media (max-width: 991px) {
    .overdraft-section { padding: 24px 25px 40px; }
	.overdraft-section .sort-header { margin: 0 -25px; }
}

@media (max-width: 575px) {
    .overdraft-section { padding: 20px 15px 35px; }
	.overdraft-section .sort-header { margin: 0 -15px; }
    .overdraft-section h2 { font-size: 16px; margin: 0; }
    .overdraft-section ul { padding: 0 0 0 15px; }
    .overdraft-section ul li { font-size: 12px; margin: 0 0 25px; }
    .overdraft-section ul li::before { left: -15px; top: 8px; width: 5px; height: 5px; }
    .overdraft-section ul li h3.heading { font-size: 14px; }
    .overdraft-section .btns div { width: 100%; }
    .overdraft-section .btn { font-size: 13px; }
    .overdraft-section .btn.btn-light { margin: 0; }
    .overdraft-section p { margin: 0 0 25px; }
    .ui-dialog .ui-dialog-content.generic-dialog .btns .btn {  margin: 0 0 15px 0; }
    .ui-dialog .ui-dialog-content.generic-dialog .btns .btn:last-child { margin: 0; }
}

@media (max-width: 575px) {
	.no-feature.no-records .circle { width: 260px; height: 260px; }
}
/* Overdraft CSS */