html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.15;
    font-family: 'Roboto';
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button{
    outline: none;
    box-shadow: none;
    -webkit-appearance:none;
}
a{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration:none;
    outline:none;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a:hover,
a:focus{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration:none;
    outline:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.eot');
    src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Bold.woff2') format('woff2'),
        url('Roboto-Bold.woff') format('woff'),
        url('Roboto-Bold.ttf') format('truetype'),
        url('Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.eot');
    src: url('Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Black.woff2') format('woff2'),
        url('Roboto-Black.woff') format('woff'),
        url('Roboto-Black.ttf') format('truetype'),
        url('Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.eot');
    src: url('Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Light.woff2') format('woff2'),
        url('Roboto-Light.woff') format('woff'),
        url('Roboto-Light.ttf') format('truetype'),
        url('Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.eot');
    src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff'),
        url('Roboto-Regular.ttf') format('truetype'),
        url('Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.eot');
    src: url('Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Medium.woff2') format('woff2'),
        url('Roboto-Medium.woff') format('woff'),
        url('Roboto-Medium.ttf') format('truetype'),
        url('Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

.container{max-width: 1240; width: 100%; margin: 0 auto;margin-top: 20px;}
/*---------------START----------------*/
#headerbg { width: 100%; margin: 0px auto; float: left;}
.payout-slider { background: url(../images/slider-bg.png) no-repeat center center #002864; width: 50%; height: 100vh; float: left; margin: 0px 0px; background-size: cover; position: relative;}
.payout-slider-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 30px; padding: 0 15%; width: 100%;}
.payout-slider-inner .carousel-caption{ color: #ffffff; position: relative; float: left; width: 100%; text-align: center; left: 0; padding: 0;}
.payout-slider-inner .carousel-caption h5{font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.payout-slider-inner .carousel-caption p{font-size: 14px; max-width: 300px; margin: 0 auto;}
.payout-slider-inner .carousel-indicators{position: relative; float: left; width: 100%; text-align: center; left: 0; padding: 0; margin: 0;}
.payout-slider-inner .carousel-dark .carousel-indicators [data-bs-target]{width: 10px; height: 10px; border-radius: 10px; margin: 0 8px; overflow: hidden; border:0px; background-color: #4D8DEE; opacity: 1;}
.payout-slider-inner .carousel-dark .carousel-indicators .active{background-color: #ffffff;}

.payout-login { background: #f0f0f0; width: 50%; height: 100vh; float: left; margin: 0px 0px; background-size: cover; position: relative;}
.payout-login-inner-main{position: relative; height: calc(100vh - 100px); overflow-y: auto;}
.payout-login-inner { position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0%); font-size: 30px; padding: 4% 10% 0 10%; width: 100%;}
.payout-login-inner .payout-logo{max-width: 110px;}
.payout-login-inner .payout-logo img{width: 100%;}
.payout-login-inner .login-title{float: left; width: 100%; margin-top: 50px;}
.payout-login-inner .login-title h2{font-size: 18px; color: #002864;font-weight: 500; opacity: 1;}
.payout-login-inner .login-title p{font-size: 14px; margin-top: 10px; color: #747474;line-height: 21px;}
.payout-login .login-footer{position: absolute; bottom: 0px; height: 100px; line-height: 100px; background: #f0f0f0; width: 100%; padding: 0 0 0 10%; font-size: 14px; color: #747474;}
.payout-login .login-footer a{color: #747474;}
.payout-login-content{float: left; width: 100%; margin-top: 30px; max-width: 340px;}
.payout-login-content .form-floating .form-control{font-size: 16px; font-weight: 500; box-shadow: 0px 5px 6px 0px #cfcfcf;}
.payout-login-content .form-floating label{font: normal normal 300 14px/22px Roboto; color: #747474;}
.payout-login-content p{font-size: 14px; color: #747474; margin: 15px 0 20px 0;}
a.btn-primary{background: #0044AA; line-height: 40px; text-align: center; font-size: 14px; font-weight: 500; color: #ffffff; width: 100%; margin: 20px 0; padding: 0; border:none;}
.register{float: left; width: 100%; font-size: 14px; color: #4D4D4D;}
.register a{color: #00ADFF;}


/*---------------DASH Header----------------*/
.navbar .container, .footer .container, .table .container{
    max-width: 1240px
}

.navbar{
    background: #002864;
    padding: 30px 0px;
}
.navbar-nav{
    font-size: 16px;
    font-weight: 500;
}
.navbar ul li a{
    color: #fff;
}
.navbar ul li:hover a{
    color: #003B93;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
    color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.navbar-right-section .input-group .btn{
    color: #ffffff;
    padding-left: 30px;
}
.navbar-right-section ul.dropdown-menu li a{
    color: #002864;
}
.navbar-right-section{
    padding-top: 6px;
}

.navbar-right-section i.bi{
    color: #ffffff;
    padding-top: 11px;
}
.navbar-right-section .notification{
     padding-top: 9px;
     border-left: solid 1px #2F5EA3;
     padding-left: 24px;
}
.footer{
    background: #002864;
    padding: 30px 0px;
    font-size: 14px;
}
.copyrights{
    color: #fff;
}
.copyrights span{
    float: right;
}
.licensed{
    font-size: 12px;
    color: #fff;
    padding-top: 16px;
    line-height: 18px;
}
.table{
    margin-top: 60px;
    font-size: 14px important;
}
table.dataTable{
    font-size: 14px
}
/*.tableheading{
    background-color:#002864;
}*/

table.dataTable thead th, table.dataTable thead td{padding: 20px 20px !important;}
table.dataTable tbody th{padding: 20px 20px !important;}
table.dataTable tbody td {padding: 20px 20px !important;}
table.dataTable tbody tr.even{background-color: #f8f9fa !important;}
table.dataTable thead th{font-weight: 300 !important;}
.tableheading thead th {padding: 20px 20px;font-size: 14px !important;font-weight: 200 !important;}
.table tr th {padding-top: 15px; padding-bottom: 15px;}
.table tr td {padding-top: 15px; padding-bottom: 15px;}
.table{margin-top: 60px;font-size: 16px;color: #747474;}
.tableheading{background-color:#2F5EA3;color: #fff;}
.table > :not(caption) > * > *{padding: 1.5rem 1rem;}



/*Custome css*/
input.btn-primary {background: #0044AA;line-height: 50px;text-align: center;font-size: 14px;font-weight: 500;color: #ffffff;width: 100%;margin: 20px 0;padding: 0;border: none;}
.dashboard_box .card{color: #fff;border-radius: 0;height: 142px;}
#transaction_count{ margin-right: 10px; font-size: 22px; font-weight: 600;}
#transaction_amount{ margin-right: 10px; font-size: 22px; font-weight: 600;}
#transaction_balance{ margin-right: 10px; font-size: 22px; font-weight: 600;}
#banking_rate{ margin-right: 10px; font-size: 22px; font-weight: 600;}
#login_error{ font-size: 13px; }
.textright{text-align: right;}
.DOMContentLoaded input {height: 50px !important;width: 45px;box-shadow: none !important;}
.otppage:not(:placeholder-shown) { padding-top: 0.625rem !important; }
.otppage:focus {color: #0044aa;background-color: #fff;border-color: #0044aa;outline: 0;}
.title_page{color: #002864;font-size: 18px;}
.subtitle_page{color: #747474;font-weight: 400;font-size: 14px;}
.breadcrumb {color: #747474;margin-top: 5%;font-size: 14px;}
.themeblue_one{background-color: #003b93;}
.themeblue_second{background-color: #002864;}
.getBaneficierytable > tbody > tr:nth-of-type(odd) > *{color: #747474;}
.getBaneficierytable.dataTable thead th {border-bottom: 1px solid rgba(0, 0, 0, 0.125);border-top: 1px solid rgba(0, 0, 0, 0.125);padding: 20px 20px;}
table.dataTable.no-footer{border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;}
#bene_add_btn{width: 25%;}
#tran_download_btn{width: 50%;}
button.btn-primary{background: #0044AA; line-height: 43px; text-align: center; font-size: 14px; font-weight: 500; color: #ffffff; width: 100%; margin: 20px 0; padding: 0; border:none;}
#getCountrys{font-size: 14px;color: #747474;}
#getCountrys option{font-size: 14px;color: #747474;}
/*table#getBeneficierypage{border: solid 1px #305ea3 !important}*/


.spinner-border{position: relative;width: 4rem !important;height: 4rem !important;    margin-top: 5%;}
.bluecolor{color: #002864}
.bluecolorbg{background: #002864 !important;}
.hashcolor{color: #747474;}
.fontcolor{color: #888888;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.fontweight300{font-weight: 300;}
.fontweight{font-weight: 400;}
.cursor_pointer{cursor: pointer;}
.lineheight2{line-height: 1.5;}
.pr0{padding-right: 0px;}

.required_span{color: red;}
.tablediv{border: solid 1px #305ea3;}
.dataTables_wrapper .dataTables_paginate {float: left !important;text-align: right;spadding-top: 1.25em !important;}
.hidden{display: none !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border: solid 1px #666 !important;margin: 0px 10px;}
.dataTables_paginate{margin-top: 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #fff !important;    color: #000 !important;}
.breadcrumb a:hover {
    color: #817474;
}
a.canvasjs-chart-credit {
    display: none;
}
.benecard{    
    width: 180px;
    height: 140px;
    /*border: 1px solid green !important;*/
    border-radius: 10px !important;
}
.borderclassgreen{border: 1px solid green !important;}
.addbeneicon{background-color: #00000029;}
.addbenebtn{line-height: 40px !important;margin: 0px !important;}



.modal.right .modal-dialog {
    position: fixed !important;
    margin: auto !important;
    max-width: 720px !important;
    height: 100% !important;
    -webkit-transform: translate3d(0%, 0, 0) !important;
        -ms-transform: translate3d(0%, 0, 0) !important;
         -o-transform: translate3d(0%, 0, 0) !important;
            transform: translate3d(0%, 0, 0) !important;
}
.modal.right .modal-content {
    height: 100% !important;
    overflow-y: auto !important;
}

.modal.right .modal-body {
    padding: 10px 50px;
}
        
.modal.right.fade .modal-dialog {
    right: 0px !important;
    -webkit-transition: opacity 0.3s linear, right 1.9s ease-out !important;
       -moz-transition: opacity 0.3s linear, right 1.9s ease-out !important;
         -o-transition: opacity 0.3s linear, right 1.9s ease-out !important;
            transition: opacity 0.3s linear, right 1.9s ease-out !important;
}
.modal.right.fade.in .modal-dialog {
    right: 0 !important;
}


@media only screen and (max-width: 1300px) {
  .tablediv {
        overflow-x: scroll;
  }
}
.ui-autocomplete{left: 1251px;font-size: 14px;color: #747474;z-index: 9999999;}

.benecheckbox{
    position: relative !important;
    top: -37px;
    bottom: 0;
    left: 45%;
    right: 0;   
}
.form-check-input{margin-top: 0em;}
table.dataTable thead .sorting_asc{background-image: none !important;}
.serachbtnnew{line-height: 36px !important;margin: 25px 0 !important;}


/*payout-steps*/
#payout-steps-main{ float: left; width: 100%; margin: 50px 0;}
.payout-steps-main-left,
.payout-steps-main-right{border:1px solid #d2d2d2; border-radius: 10px; float: left; width: 100%;}
.steps-inner{padding: 25px; border-bottom:1px solid #d2d2d2; float: left; width: 100%;}
.steps-inner:last-child{border:none;}
.steps-inner-title{float: left; width: 100%; font-size: 14px;}
.steps-inner-title p{float: left; color: #4D4D4D;}
.steps-inner-title a{float: right; color: #0044AA; text-decoration: underline;}
.steps-inner-content{float: left; width: 100%;}
.steps-inner-content ul{ list-style: none; margin: 0; padding: 0;}

.steps-inner-content ul li{ display: inline; position: relative; float: left; width: 23.5%; padding: 0px 0px 0 0; margin-top: 20px; margin-right: 2%; box-shadow: 0 3px 8px rgb(0 0 0 / 0.2); border-radius: 10px;}
.steps-inner-content ul li:last-child{margin-right: 0; }
.steps-inner-content ul li input[type=radio]{ position: absolute; visibility: hidden;}
.steps-inner-content ul li label.label-border{ display: block; position: relative; min-height: 150px; z-index: 9; cursor: pointer; padding: 15px; float: left; width: 100%; border:1px solid #AAAAAA; border-radius: 10px;}
.steps-inner-content input[type=radio]:checked ~ label{border: 1px solid #00891B;}
.steps-inner-content ul li label .customer-image{display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 50px; margin: 0 0 15px 0;}
.steps-inner-content ul li label.label-border p,
.steps-inner-content ul li label.label-border span{display: block; font-size: 14px; font-weight: 500; line-height: 22px; color: #4D4D4D;}
.steps-inner-content ul li label.label-border span{font-weight: normal;}
.steps-inner-content ul li .add-customer{background: #EBEBEB; width: 100%; min-height: 150px; border-radius: 10px;}
.steps-inner-content ul li .check{ display: block; position: absolute; border: 1px solid #AAAAAA; border-radius: 100%; height: 20px; width: 20px; top: 25px; right: 15px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;}
.steps-inner-content ul li:hover .check { border: 1px solid #00891B;}
.steps-inner-content ul li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.steps-inner-content input[type=radio]:checked ~ .check { border: 1px solid #00891B;}
.steps-inner-content input[type=radio]:checked ~ .check::before{ background: url(../images/circle-fill.png) no-repeat center center; background-size: contain;}

.steps-inner .money-transaction{float: left; width: 45%;}
.steps-inner .money-transaction ul li{width: 100%; margin: 15px 0; border:1px solid #D2D2D2;}
.steps-inner .money-transaction ul li .select-dropdown-bg{background: #F7F7F7; border-bottom:1px solid #D2D2D2; border-radius: 10px 10px 0 0;}
.steps-inner .money-transaction ul li .select-dropdown-bg select{padding: 10px 30px; border-radius: 10px 10px 0 0; border:none; mix-blend-mode: multiply; outline: none; box-shadow: none; font-size: 14px;}
.steps-inner .money-transaction ul li .select-dropdown-content{float: left; width: 100%; padding: 20px 30px;}
.steps-inner .money-transaction ul li .select-dropdown-content p{float: left; font-size: 18px; font-weight: bold;}
.steps-inner .money-transaction ul li .select-dropdown-content span{float: right;}
.steps-inner .money-transaction-icon{float: left; width: 10%; margin-top: 50px; text-align: center;}
.steps-inner .money-transaction-icon img{width: 100%; max-width: 60px;}

.steps-inner-content.bookings ul{margin: 0 -2%;}
.steps-inner-content.bookings ul li{width: 46%; margin: 20px 2% 0px 2%; padding: 15px; border: 1px solid #D2D2D2;}
.steps-inner-content.bookings ul li .booking-details{font-size: 14px; color: #4D4D4D; line-height: 22px;}
.steps-inner-content.bookings ul li .booking-details .booking-number img{float: left; margin-right: 15px;}
.steps-inner-content.bookings ul li .booking-details .booking-number p span{font-weight: bold; color: #4D4D4D;}
.steps-inner-content.bookings ul li .booking-details .booking-number span{color: #2C7FC5;}

.steps-inner-content.bookings ul li .booking-details .booking-time{margin-top: 30px;}
.steps-inner-content.bookings ul li .booking-details .booking-time p{font-weight: bold;}
.steps-inner-content.bookings ul li .booking-details .booking-time span{color: #E50000;}

.steps-inner-content.bookings ul li .booking-details .booking-amount{text-align: right; margin-top: -20px;}
.steps-inner-content.bookings ul li .booking-details .booking-amount span{font-size: 16px; font-weight: bold;}

.payment-details-right-content{float: left; width: 100%;}
.payment-details-right-content .right-title{font-size: 16px; margin-bottom: 15px;}
.payment-details-right-content .payment-details-inner{position: relative;}
.payment-details-right-content .payment-details-inner:after{position: absolute; content: ''; background: url(../images/payment-arrow.png) no-repeat; width: 17px; height: 13px; top: 50%; right: 20px; transform: translateY(-50%);}
.payment-details-right-content .payment-details-inner:last-child:after{display: none;}
.payment-details-right-content .payment-details-inner p{font-size: 14px;}
.payment-details-right-content .payment-details-inner span{font-size: 22px; font-weight: bold; margin: 5px 0; display: block;}
.payment-details-right-content .payment-details-inner i{display: block;}
.payment-details-right-content .payment-details-inner i img{float: left; width: 20px; margin-right: 10px;}
.payout-steps-main-right .recipients-outer{padding: 10px;}
.payout-steps-main-right .recipients-outer ul{border-left: 1px solid #D9E3F2; float: left; width: 100%;}
.payout-steps-main-right .recipients-outer ul li{position: relative; padding: 0 0 0 30px; float: left; width: 100%; margin-bottom: 20px;}
.payout-steps-main-right .recipients-outer ul li:last-child{margin-bottom: 0px;}
.payout-steps-main-right .recipients-outer ul li:last-child p.title{margin-bottom: 0px;}
.payout-steps-main-right .recipients-outer ul li:before{position: absolute; content: ''; border:1px solid #707070; width: 10px; height: 10px; border-radius: 10px; left: -6px; top: 0; background: #ffffff;}
.recipients-inner{float: left; width: 100%; font-size: 14px; line-height: 22px;}
.recipients-inner p.title{line-height: 14px; margin-bottom: 10px;}
.recipients-inner p,
.recipients-inner a{float: left; width: 100%;}
.recipients-inner span{font-weight: 500; float: left; width: 100%;}
.recipients-inner p a{text-decoration: underline; width: auto; float: none;}
.recipients-inner .exchange1,
.recipients-inner .exchange2{font-weight: bold; float: left; width: auto; margin-right: 10px;}
.recipients-inner .exchange1 img,
.recipients-inner .exchange2 img{margin: 0 5px;}
.recipients-inner .exchange2 a{width: auto; float: right;}
.recipients-inner .exchange2 a img{margin-top: 2px;}
.payout-steps-main-right .confirm-button{float: left; width: 100%; margin-top: 40px;}
.payout-steps-main-right .confirm-button button.btn-custom-primary,
.payout-steps-main-right .confirm-button button.btn-secondary{background: #002864; border:1px solid #002864; font-size: 14px; border-radius: 6px; margin-right: 10px; padding: 10px 25px; outline: none; box-shadow: none;}
.payout-steps-main-right .confirm-button button.btn-secondary{background: #ffffff; border:1px solid #3F4D67; color: #3F4D67;}
.payout-steps-main-right .confirm-button button.btn-custom-primary { color:#fff; }

.payout-steps-main-left .confirm-button{float: left; width: 100%; margin-top: 40px;}
.payout-steps-main-left .confirm-button button.btn-custom-primary,
.payout-steps-main-left .confirm-button button.btn-secondary{background: #002864; border:1px solid #002864; font-size: 14px; border-radius: 6px; margin-right: 10px; padding: 10px 25px; outline: none; box-shadow: none;}
.payout-steps-main-left .confirm-button button.btn-secondary{background: #ffffff; border:1px solid #3F4D67; color: #3F4D67;}
.payout-steps-main-left .confirm-button button.btn-custom-primary { color:#fff; }
.payout-steps-main-left .invalid-feedback{color: red;}
.payment-option li {width: 46% !important;}



/*Success*/

#success{position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.52);}
.success-main{position: absolute; max-width: 450px; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

.success-header, .success-body, .success-footer { padding: 50px; background-color: white; float: left; width: 100%; margin-top: -1px;}
.success-header { border-bottom: none; box-shadow: none; text-align: center; border-radius: 15px 15px 0px 0px; padding-bottom: 5px;}
.success-header i{margin: -96px 0 0 0; display: block;}
.success-header h1{font-size: 26px; color: #00891B; font-weight: 900; display: block; margin: 20px 0; line-height: 22px;}
.success-header span{font-size: 14px; color: #00891B; font-weight: normal; margin-bottom: 20px; display: block; line-height: 22px;}
.success-header p{color: #4D4D4D; font-size: 14px; display: block; line-height: 18px; max-width: 270px; margin: 0 auto; }

.success-divider { position: relative; height: 1rem; background-color: white; margin-left: 1.8%; margin-right: 1.8%; float: left; width: 96.9%; margin-top: -1px;}
.success-divider::after { content: ""; position: absolute; height: 50%; width: 100%; top: 0; border-bottom: 2px dashed #e9ebed;}
.success-notch { position: absolute; left: -10px; width: 16px; height: 16px; overflow: hidden;}
.success-notch::after { content: ""; position: relative; display: block; width: 2rem; height: 2rem; right: 100%; top: -50%; border: 0.5rem solid white; border-radius: 50%; box-shadow: inset 0 2px 4px rgba(41, 54, 61, 0.25);}
.success-notch-right { left: auto; right: -8px;}
.success-notch-right::after { right: 0;}

.success-body{padding-top: 5px; padding-bottom: 10px;}
.success-body ul{border-top:1px dashed #AEAEAE;}
.success-body ul li{border-bottom:1px dashed #AEAEAE; padding: 15px 0; display: block;}
.success-body-content p,
.success-body-content span{font-size: 14px; color: #4D4D4D; line-height: 22px;}
.success-body-content span{font-weight: 500;}

.success-footer{padding-top: 10px; border-radius: 0px 0px 15px 15px; padding-bottom: 30px; position: relative;}
.success-footer:after{position: absolute; content: ''; border-radius: 0px 0px 15px 15px; width: 80%; margin: 0 10%; height: 28px; background: rgba(255, 255, 255, 0.8); left: 0px; bottom: -28px;}
.success-footer .confirm-button{margin-top: 0px;}
.success-footer .confirm-button button.btn-primary{width: 100%; background: #0044AA;}
.success-footer .confirm-button p{text-align: center; display: block; margin-top: 20px;}
.success-footer .confirm-button p a{color: #4D4D4D; font-size: 14px;}
.success-footer .confirm-button p a:last-child{color: #00ADFF;}

.main-content {
  /* Subtract 80px from 100vh */
  min-height: calc(85vh - 170px);
}
.dataTable .tableheading th{
    font-weight:400 !important;
}

p.current-date, p.current-balance{
   color: #4D4D4D; 
}
p.otp-content {
    width: 301px;
    letter-spacing: 0px;
}
.resetbtn {
    line-height: 40px !important;
    margin: 0px !important;
}

span.selection .select2-selection,
.receiver-label {
    padding: 5px 20px;
    border-radius: 10px 10px 0 0;
    border: none;
    mix-blend-mode: multiply;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    height: 40px;
}

.receiver-label {
    padding-top: 13px !important;
}
.add_org_detail {
    cursor: pointer;
}
.bene_name {
    text-align: left !important;
    margin: 10px 0px 0px 0px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.actionClass{white-space:nowrap;}

.payout-slider-inner .carousel-caption h4{ font-size: 24px; color: #ffffff; font-weight: 600; padding: 40px 0px 16px 0px; text-transform: uppercase;}
.payout-slider-inner .carousel-caption p{ font-size: 16px; color: #ffffff; font-weight: 400; padding-bottom: 30px; width: 100%; max-width: 500px; line-height: 26px;}
.payout-slider-inner .carousel-caption h5{ font-size: 16px; color: #ffffff; font-weight: 600;}
.payout-slider-inner .carousel-caption img { width: 120px; height: 120px; text-align: center;}
.payout-slider-inner .identification, .payout-slider-inner .proof { text-align: center; float: left; width: 100%;}
.payout-slider-inner .identification h4, .payout-slider-inner .proof h4 {font-size: 24px; color: #ffffff; font-weight: 600; padding-bottom: 20px; text-align: center;}
.payout-slider-inner .identification p, .payout-slider-inner .proof p {font-size: 16px; color: #ffffff; font-weight: 500; text-align: center; line-height: 26px;}
.identification p span, .proof p span{ margin: 0px 10px; }
.identification {margin:40px 0px 60px 0px;}
.contact-inner .btn{ background-color:#ffffff ; color: #003b96; width: 148px; max-width: 100%; border-radius: 100px; border-color:#003b96;}
.contact-inner .btn:hover{ width: 148px; max-width: 100%;background-color:#ecb62b; border-color:#ffffff; color: #ffffff;}
.contact-inner .form-control{border: none; line-height: 2.5; color:#252525; font-size: 16px; font-weight: 400; font-family:roboto;}
.formtext p{ font-size: 16px; color: #ffffff; font-weight: 400; padding-bottom: 30px; width: 100%; max-width: 500px; line-height: 26px;}
p.caption {
    font-size: 12px;
    padding: 6px;
    font-weight: bold;
}