/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
:root {
    --general-white: #fff;
    --general-bg-grey: #f4f4f4;
    --general-dark-grey: #c7c7c7;
    --general-warning: #ff3158;
    --general-system-green: #34c759;
    --general-text-grey: #4a4a4a;
    --general-light-grey: #e5e5e5;
    --general-disabled: #d0d0d0;
    --bes-core-primary: #1B9ED4;
    --bes-core-secondary: #2e2e2e;
    --bes-core-s-light: #676666;
    --ecms-primary: #4a90e2;
    --ecms-secondary: #0a2849;
    --ecms-s-light: #1959a2;
    --ccms-primary: #c895e2;
    --ccms-secondary: #33113f;
    --ccms-s-light: #7a3790;
    --pm-primary: #ffc300;
    --pm-secondary: #271e00;
    --pm-s-light: #84806a;
    --toms-primary: #17c3b2;
    --toms-secondary: #002b27;
    --toms-s-mid: #003e38;
    --general-black: #000;
    --toms-p-light: #f0fffe;
    --bes-core-p-light: #fcfff1;
    --ecms-p-light: #eff7ff;
    --ccms-p-light: #fcf7ff;
    --pm-p-light: #fffbef;
    --toms-s-light: #0c6f65;
    --bes-core-s-mid: #404040;
    --ecms-s-mid: #0d3662;
    --ccms-s-mid: #451755;
    --pm-s-mid: #3d2f00;
    --toms-p-mid: #13a597;
    --bes-core-p-mid: #90b614;
    --ecms-p-mid: #3e7ac0;
    --ccms-p-mid: #aa7ec0;
    --pm-p-mid: #d9a500;
    --general-warning-dark: #da294a;
    --quartz: rgba(0, 0, 0, 0.1);
    --system-blue-light: #0a7aff;
    --web_color2: #1BA0CC;
    --web_color2_high_contrast: #116DA7;
    --web_color3: #18B194;
    --web_color3_high_contrast: #16816F;
    --active: #1BA0CC;
    --color8: #000;
    --post-date: #aaa;
}


.form-control::placeholder {
    color: rgb(200,200,200);
}

.dropdown-item.disabled {
    color: #d0d0d0 !important;
}

.color2 {
    color: var(--web_color2) !important;
}
.color3 {
    color: var(--web_color3) !important;
}
.color4 {
    color: #4a4a4a !important;
}
.color5 {
    color: #767676 !important;
}

.color6 {
    color: #01ad04 !important;
}
.color7 {
    color: #d52626 !important;
}

.color8 {
    color: #000 !important;
}
.color9 {
    color: #d0d0d0 !important;
}

.color10 {
    color: var(--post-date);
}

.topbar-quit {
    color: #4A4A4A;
}
    .topbar-quit:hover {
        color: #4A4A4A;
        text-decoration: none;
    }

.alert-dark {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 10px;
}

    .alert-dark .close {
        color: #fff;
    }

p, h1, h2, h3, h4, h5, h6, ul {
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  padding-top:0;
  padding-bottom:0;
  margin-right:0;
}

/* Provide sufficient contrast against white background */
a {
    /*color: #0366d6;*/
    color: var(--web_color2);
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}


.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
}

    body > .container {
        margin-bottom:80px;
        padding-left:20px;
        padding-right:20px;
    }

    body .dk-hide {
        display:none;
    }
    body .mb-hide {
        display: block;
    }
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.bi-exclamation-triangle-fill::before {
    color: #BC0C0C;
    margin-right: 5px;
}
.error_message {
    margin: 2px 0 0 2px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.2px;
    color: #BC0C0C;
    font-size: .88rem;
    line-height: 1.5em;
}
.error-msg {
    font-size: 14px;
}

.badge-notification {
    position: absolute;
    font-size: .6rem;
    margin-top: -0.1rem;
    margin-left: -0.5rem;
    padding: 0.2em 0.45em;
    color: #fff;
}

.filterV2Wrap {
    width: 100%;
    -ms-flex-align: center !important;
    align-items: center !important;
}
    .filterV2Wrap .filterV2WrapBtnfilter {
        width: 70px;
    }
    .filterV2Wrap .filterV2WrapBtnfilter .btn-filterV2 {
        background-color: #fff;
        height: 30px;
        margin: 0;
        padding: 0;
        color: var(--web_color2);
        border: 0;
        margin-right: 10px;
        font-size: 88%;
    }
        .filterV2Wrap .filterV2WrapBtnfilter .btn-filterV2 img {
            margin-bottom:4px;
        }

    .filterV2Wrap .filterV2WrapSearch {
        width: calc( 100% - 70px );
    }

.btn {
    height: 56px;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: #4a4a4a;
    font-size: 100%;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 24px;
}
    .btn.btn-search {
        background: var(--web_color2) 0% 0% no-repeat padding-box;
        color: #fff;
    }

.btn-linear {
    padding: 14px 1.5rem;
    border-radius: 28px;
    background-image: linear-gradient(108deg, var(--web_color2) 5%, #60c3b1 100%);
    font-size: 1rem;
    line-height: 1.5em;
    border: 0;
    color:#fff;
}

.btnN {
    min-width: 120px;
    /*min-height: 56px;
    min-height: 44px;*/
    background: var(--web_color2) 0% 0% no-repeat padding-box;
    border-radius: 28px;
    color: #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1rem;
    line-height: 24px;
    border: 0;
    -ms-flex-align: center !important;
    align-items: center !important;
}
    .btnN:hover {
        text-decoration:none;
        background: #1788AD 0% 0% no-repeat padding-box;
        color: #FFFFFF;
    }
    .btnN.btn2 {
        /*height: 44px;*/
        background: var(--web_color2) 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        border:0;
    }
        .btnN.btn2:hover {
            background: #1788AD 0% 0% no-repeat padding-box;
            color: #FFFFFF;
        }
    .btnN.disabled ,
    .btnN:disabled {
        background: #767676 0% 0% no-repeat padding-box;
        cursor: not-allowed;
    }



    .btnN i {
        margin-right:8px;
        margin-left:8px;
    }
.content-filter .btn-search {
    padding-top: 10px;
    padding-bottom: 10px;
}

.serachFilterLeft {
    border-top-left-radius: 27px !important;
    border-bottom-left-radius: 27px !important;
    border-right: 0 !important;
}
.serachFilterRight {
    border-top-right-radius: 27px !important;
    border-bottom-right-radius: 27px !important;
    border-left: 0 !important;
}

.filterStatus {
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 20px;
}
    .filterStatus .nav-link {
        background-color: #EBEBEB;
        color: #4a4a4a;
        margin: 7px 10px;
        padding: 3px 10px;
    }
        .filterStatus .nav-link.active {
            background-color: #fff;
            color: var(--web_color2);
        }


.btn-topup {
    /* UI Properties */
    background: var(--web_color2) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 10px 20px;
    border: 0;
    min-width:100px;
}
    .btn-topup:hover {
        background: #1788AD 0% 0% no-repeat padding-box;
        color: #FFFFFF;
    }

.btnSelfServiceWorkStation.disabled,
.btnSelfServiceWorkStation:disabled {
    background: #767676 0% 0% no-repeat padding-box !important;
    cursor: not-allowed !important;
    border: 0 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.btnicon {
    min-width: 140px;
    height: 46px;
    background: var(--web_color2) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: #FFFFFF;
    border: 2px solid var(--web_color2);
    padding-left: 27px;
    padding-right: 27px;
    text-align: left;
    font-size: 88%;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: 0px;
    text-decoration:none;
}
    .btnicon.btniconV2 {
        height: auto;

        text-align:center;
    }
    a.btnicon {
        display:block;
    }
    .btnicon:hover {
        color: #FFFFFF;
        background: #1788AD 0% 0% no-repeat padding-box;
        border: 2px solid #1788AD;
        text-decoration: none;
    }

.btnOutline {
    height: 54px;
    border: 2px solid var(---1ba0cc-icon);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid var(--web_color2);
    border-radius: 30px;
    color: var(--web_color2);
    padding-left: 27px;
    padding-right: 27px;
    font-size: 88%;
    line-height: 22px;
    font-weight: bold;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align:center;
}
    .btnOutline:hover {
        text-decoration:none;
        border: 2px solid #1788AD;
        color: #1788AD;
        text-decoration:none;
    }

.btniconOutline {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid var(--web_color2);
    border-radius: 8px;
    color: var(--web_color2);
    padding-left: 27px;
    padding-right: 27px;
    font-size: 88%;
    line-height: 22px;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .btniconOutline i {
        margin-right: 17px;
    }

    .btniconOutline path,
    .btniconOutline rect {
        fill: var(--web_color2) !important;
    }

    .btniconOutline:hover {
        border: 2px solid #1788AD;
        color: #1788AD;
    }
        .btniconOutline:hover path,
        .btniconOutline:hover rect {
            fill: #1788AD !important;
        }

.btniconOutlineRed {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #dd4563;
    border-radius: 21px;
    color: #dd4563;
    padding-left: 27px;
    padding-right: 27px;
    font-size: .88rem;
    line-height: 1.8em;
    -ms-flex-align: center !important;
    align-items: center !important;
}
    .btniconOutlineRed:hover {
        border: 2px solid #dd4563;
        color: #dd4563;
    }
.btnOutlineV2 {
    height: 54px;
    border: 2px solid var(---1ba0cc-icon);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid var(--web_color2);
    border-radius: 28px;
    color: var(--web_color2);
    padding-left: 27px;
    padding-right: 27px;
    font-size: .88rem;
    line-height: 1.8em;
    font-weight: bold;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .btnOutlineV2:hover {
        border: 2px solid #1788AD;
        color: #1788AD;
    }

.btnOutlineV2-close {
    height: 54px;
    border: 2px solid var(---1ba0cc-icon);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #DD4563;
    border-radius: 28px;
    color: #DD4563;
    padding-left: 27px;
    padding-right: 27px;
    font-size: .88rem;
    line-height: 1.8em;
    font-weight: bold;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .btnOutlineV2-close:hover {
        border: 2px solid #DD4563;
        color: #DD4563;
    }

.btnOutlineV3 {
    height: 54px;
    border: 2px solid var(---1ba0cc-icon);
    background: none;
    border: 2px solid #FFFFFF;
    border-radius: 28px;
    color: #FFFFFF;
    padding-left: 27px;
    padding-right: 27px;
    font-size: 88%;
    line-height: 22px;
    font-weight: bold;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .btnOutlineV3:hover {
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        text-decoration:none;
    }
.btniconLeft {
    height: 54px;
    min-width: 121px;
    line-height: 24px;
    text-align: left;
    font-size: 100%;
    color: #c7c7c7;
    border: 0;
    padding-left: 13px;
    padding-right: 30px;
    background: #FFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
}
    .btniconLeft:hover {
        /*background: #F5F5F5 0% 0% no-repeat padding-box;*/
        background: #FFF 0% 0% no-repeat padding-box;
        color: #767676;
    }

    .btniconLeft i {
        margin-right:17px;
    }
.btniconRightNoTxt { 
    line-height: 24px;
    text-align: left;
    font-size: 100%;
    color: #4a4a4a;
    border: 0;
    padding:10px 15px;
    background: #FFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
}
    .btniconRightNoTxt:hover {
        background: #F5F5F5 0% 0% no-repeat padding-box;
    }
    .btniconRightNoTxt i {
    }

.btniconRightNoTxtV2 {
    line-height: 24px;
    text-align: left;
    font-size: 180%;
    color: #4a4a4a;
    border: 0;
    padding:2px 8px;
}

    .btniconRightNoTxtV2:hover {
        /*background: #F5F5F5 0% 0% no-repeat padding-box;*/
        color: #4a4a4a;
    }

    .btniconRightNoTxtV2 i {
    }

.btniconNoBg {
    text-align: left;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: normal;
    color: #4a4a4a;
    border: 0;
    background: #FFF 0% 0% no-repeat padding-box;
    border-radius: 27px;
    padding: 10px 15px;
    white-space: nowrap !important;
}

    .btniconNoBg:hover {
        /*background: #F5F5F5 0% 0% no-repeat padding-box;*/
        background: #FFF 0% 0% no-repeat padding-box;
        color: var(--web_color2);
        text-decoration:none;
    }

        .btniconNoBg:hover svg g,
        .btniconNoBg:hover svg path,
        .btniconNoBg:hover svg rect {
            fill: var(--web_color2);
        }


    .btniconNoBg i {
    }

.btniconNoBg2 {
    line-height: 24px;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    color: #4a4a4a;
    border: 0;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
    
    padding: 0 15px;
}

    .btniconNoBg2:hover {
        background: #F5F5F5 0% 0% no-repeat padding-box;
    }

    .btniconNoBg2 i {
    }

.btniconNoBg3 {
    line-height: 24px;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    color: #4a4a4a;
    border: 0;
    background: none;
    border-radius: 8px;
    padding: 0 15px;
}

    .btniconNoBg3:hover {
        background: none;
        text-decoration:none;
    }

    .btniconNoBg3 i {
    }

.btniconNoBgRightBlue {
    line-height: 24px;
    text-align: left;
    font-size: 100%;
    color: var(--web_color2);
    border: 0;
    padding: 10px 15px;
    background: #FFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .btniconNoBgRightBlue:hover {
        background: #F5F5F5 0% 0% no-repeat padding-box;
    }

    .btniconNoBgRightBlue i {
        margin-left:17px;
    }

.btniconMore {
    color: #4a4a4a;
    font-size: 88%;
    text-align: left;
    line-height: 22px;
    letter-spacing: 0px;
    border: 0;
    padding-left: 13px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    border-radius: 8px;
}



#filterModal .dropdown-label {
    text-align: left;
    line-height: 88%;
    line-height: 22px;
    letter-spacing: 0px;
    color: #4A4A4A;
    margin-bottom: 12px;
}
main .btnNDropdown.dropdown-toggle {
    height: 44px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B36B24;
    text-align: left;
    font-size: 88%;
    letter-spacing: 0px;
    color: #949494;
    font-weight: normal;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 10px;
}

main .dropdown-toggle::after {
    border-top: 0 !important;
    border-right: 0.3em solid #000 !important;
    border-bottom: 0em solid !important;
    border-left: 0.3em solid transparent !important;
    border: solid black;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 5px;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    color: #000;
    float: right;
    margin-top: 5px;
    position: absolute;
    right: 18px;
}

main .btniconMoreMobile.dropdown-toggle::after {
    border-top: 0 !important;
    border-right: 0.3em solid var(--web_color2) !important;
    border-bottom: 0em solid !important;
    border-left: 0.3em solid transparent !important;
    border: solid black;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 5px;
    transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-135deg) !important;
    color: #000;
    float: right;
    margin-top: 10px;
    position: absolute;
    right: 18px;
    color: var(--web_color2);
}


main .btniconMore.dropdown-toggle::after {
    border: 0 !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--web_color2);
    border-color: var(--web_color2);
}

main .btniconMoreMobile {
    background-color: #fff;
    font-size: .88rem;
    line-height: 1.5em;
    color: var(--web_color2);
    border: var(--web_color2) 1px solid;
}

    main .btniconMoreMobile.btniconMoreMobileV2 {
        border: 0;
        border-top: 1px solid #c7c7c7;
        border-radius:0;
    }

main .btniconMoreMobile.btniconMoreMobileV2::after {
    border: 0 !important;
}

.topbar {
    margin-top: 61px;
    /*min-height: 55px;*/
    padding-top:10px;
    padding-bottom:10px;
    background: #F0FBFF 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
}

    .topbar.topbarBanner {
        padding: 0;
        background: none;
        /*background: url(/img/vehicleManagement/rvoApproval/bannerBg.svg) no-repeat center top;*/
        background-repeat: no-repeat;
        background-position: center top;
        min-height: 150px;
        background-size: cover;
    }

    .topbar > div {
        padding-left: 20px;
        padding-right: 20px;
        height: 100%;
    }

    .topbar .topbar_left {
    }

    .topbar .topbar_center {
        padding-left: 10px;
    }

    .topbar .topbar_right {
    }

    .topbar .topbar-label {
        text-align: left;
        color: var(--web_color2);
    }
    .topbar .btn-quit {
        text-align: left;
        color: #4A4A4A;
    }

.content-wrapper {
    margin: 0 auto !important;
    padding-top: 120px;
    padding-bottom: 150px;
}

.otp-timer.msg span, .otp-timer.msg strong {
    color: #C7C7C7;
    font-weight: normal;
}

.otp-loading {
    color: var(--web_color2);
    font-size: 90%;
}
    .otp-loading > .d-flex {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

.modal button:disabled {
    background: #767676;
    border-color: #767676 !important;
}

.modal .modal-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
}

.modal .modal-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.modal .modal-footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}



.modal .modal-footer, 
.modal .modal-header {
    border: 0 !important;
}
    .modal .modal-header .modal-title {
        text-align: left;
        font-size: 135%;
        color: var(--web_color2);
        letter-spacing: 0px;
    }

    .modal .modal-footer .loading {
        padding: 10px;
        color: var(--web_color2);
        font-size: 110%;
    }



.dropdown-menu {
    font-size:inherit !important;
}

main .dropdown-menu .form-check {
    padding-left: 15px;
    padding-right: 15px;
}
main .dropdown-menu label.form-check-label {
    line-height: 22px;
    text-align: left;
    font-size: 88%;
    letter-spacing: 0px;
    color: #4A4A4A;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 20px;
    margin-bottom: 0;
    cursor:pointer;
}
    main .dropdown-menu label.form-check-label.select-all {
        line-height: 22px;
        text-align: left;
        font-size: 88%;
        color: var(--web_color2);
        cursor:pointer;
    }

main .dropdown-menu .form-check input[type="checkbox"] {
    margin-top:15px;
}


.page-title {
    /* UI Properties */
    text-align: left;
    font-size: 170%;
    color: var(--web_color2);
}

.termsTitle,
.section-title {
    /* UI Properties */
    text-align: left;
    font-size: 1.35rem;
    line-height: 1.5em;
}

.section-title-2 {
    /* UI Properties */
    text-align: left;
    font-size: 150%;
}

.section-text {
    color: #767676;
    text-align: left;
    font-size: .88rem;
    line-height: 1.8em;
}

.section-msg {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.8em;
    color: #4a4a4a;
}

.pageTitle {
    text-align: left;
    letter-spacing: 0px;
    font-size: 1.35rem;
    line-height: 1.5em;
    color: var(--web_color2);
}

    .pageTitle.pageTitleV2 {
        position: relative;
    }

        .pageTitle.pageTitleV2::after {
            position: absolute;
            content: '';
            bottom: -7px;
            margin: 0 auto;
            left: 0;
            background-color: #1ba0cc;
            height: 2px;
            width: 56px;
        }

.boxShadowRadius ,
.contact-method ,
.completePage-box {
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 20px;
    padding: 1.5rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000029;
}
    .completePage-box:last-child {
        margin-bottom: 60px;
    }

    .boxShadowRadius {
        width:100%;
        max-width:460px;
        margin:10px auto;
    }

        .boxShadowRadius.boxShadowRadiusV2 {
            max-width: unset;
        }

.completePage-subTitle {
    letter-spacing: 0px;
    color: var(--web_color2);
    font-size: 1.25rem;
    line-height: 1.5em;
    text-align: center;
}
.completePage-subTitle-success {
    letter-spacing: 0px;
    color: #009479;
    font-size: 1.25rem;
    line-height: 1.5em;
    text-align: center;
}
.completePage-subTitle-fail {
    letter-spacing: 0px;
    color: #BC0C0C;
    font-size: 1.25rem;
    line-height: 1.5em;
    text-align: center;
}

.completePage-txt {
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #252525;
    text-align: center;
    margin-top: 15px;
}
    .completePage-txt.completePage-txt2 {
        margin-top: 25px;
    }

.boxShadowRadius-text {
    text-align: left;
    font-size: 100%;
    line-height: 24px;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
    margin-bottom: 15px;

}

.boxShadowRadius-btn {
    margin-top: 20px;
    text-align: center;
}

    .boxShadowRadius-btn:first-child {
        margin-top: 0;
    }

.completePage-btn {
    margin-top: 10px;
    text-align: center;
}



.completePage-btn:first-child {
    margin-top:35px;
}

.completePage-icon {
    text-align: center;
    margin-bottom: 5px;
}
    .completePage-icon.completePage-icon2 {
        margin-bottom:16px;
    }

.completePage-items-title {
    text-align: left;
    font-size:1rem;
    line-height:1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
}

.completePage-items-wrap {
    margin-bottom:30px;
}
.completePage-items-wrap:last-child {
    margin-bottom: 0;
}
    .completePage-items-wrap .completePage-items {
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-align: left;
        letter-spacing: 0px;
        color: #4A4A4A;
        opacity: 1;
        display: flex;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
        .completePage-items-wrap .completePage-items:last-child {
            padding-bottom: 0;
        }
        .completePage-items-wrap .completePage-items .completePage-items-name {
            text-align: left;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
            font-size: .88rem;
            line-height: 1.8em;
            width: 50%;
            overflow-wrap: break-word;
        }

        .completePage-items-wrap .completePage-items .completePage-items-val {
            text-align: right;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
            font-size: .88rem;
            line-height: 1.8em;
            width: 50%;
            overflow-wrap: break-word;
        }


.receiptTitle {
    text-align: left;
    font-size: 135%;
    line-height: 33px;
    letter-spacing: 0px;
    color: var(--web_color2);
    opacity: 1;

    margin-bottom:40px;
}

.receipt-items-wrap {
    margin-bottom: 30px;
}

    .receipt-items-wrap:last-child {
        margin-bottom: 0;
    }
    .receipt-items-wrap .receipt-items-title {
        text-align: left;
        font-size: 100%;
        line-height: 24px;
        letter-spacing: 0px;
        color: #4A4A4A;
        opacity: 1;
        padding-bottom: 5px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
        .receipt-items-wrap .receipt-items-title.receipt-items-title2 {
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }
    .receipt-items-wrap .receipt-items-total {
        text-align: left;
        font-size: 100%;
        line-height: 24px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #4A4A4A;
        opacity: 1;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        border-top: 1px solid #eee;
        padding-top: 15px;
        margin-bottom: 30px;
    }
        .receipt-items-wrap .receipt-items-total .receipt-items-price {
            display: flex;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important;
            text-align: right;
            font-size: 100%;
            line-height: 24px;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
        }

    .receipt-items-wrap .receipt-items {
        padding-bottom: 15px;
        text-align: left;
        letter-spacing: 0px;
        color: #4A4A4A;
        opacity: 1;
        display: flex;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .receipt-items-wrap .receipt-items:last-child {
        padding-bottom: 0;
    }
        .receipt-items-wrap .receipt-items .receipt-items-name {
            text-align: left;
            font-size: .88rem;
            line-height: 1.5em;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
            margin-right: 5px;
            width: 50%;
            overflow-wrap: break-word;
        }

        .receipt-items-wrap .receipt-items .receipt-items-val {
            text-align: right;
            font-size: .88rem;
            line-height: 1.5em;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
            overflow-wrap: break-word;
            /*

            overflow: hidden;
            
            text-overflow: ellipsis;
            white-space: nowrap;
            */
            width: 50%;
            /*
            font-weight:bold;
            */
        }

#btn-receipt-download {
    text-align: center;
    font-size: .88rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: var(--web_color2);
    opacity: 1;
}

    .receipt-items-wrap .receipt-items-2 {
    }
        .receipt-items-wrap .receipt-items-2 .receipt-items-2-title {
            text-align: left;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
            font-weight: bold;
            border-bottom: 1px solid #eee;
            padding-bottom: 15px;
            font-size: 1rem;
            line-height: 1.5em;
        }
        .receipt-items-wrap .receipt-items-2 .receipt-items-2-text {
            text-align: left;
            letter-spacing: 0px;
            color: #4A4A4A;
            opacity: 1;
            padding-top: 15px;
            font-size: 14px;
            line-height: 1.5em;
        }

.receipt-sendto-email-wrap {
    background-color: #F3F3F3;
    padding:2rem 1.5rem;

    margin-top:30px;
}

    .receipt-sendto-email-wrap input.receipt-sendto-email {
        width: 100%;
        /* UI Properties */
        text-align: left;
        font-size: 110%;
        color: #707070;
        opacity: 1;
    }


.receipt-sendto-email-wrap .receipt-sendto-email-wrap-text {
    margin-bottom:15px;
}

div.content .content_section,
section.content .content_section,
section.content .tab-content {
    margin-top: 40px;
}



table.dataTable th {
    border: 0;
    border-left: 1px solid #fff;
    background-color: var(--web_color2);
    color: #fff;
    font-size: .88rem;
    line-height: 1.5em;
}

table.dataTable td {
    border: 0;
    color: #4A4A4A;
    border-bottom: 1px solid #fff;
    font-size: .88rem;
    line-height: 1.5em;
}

    table.dataTable td .btniconMore {
        font-size: 1rem !important;
    }


    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0 !important;
        font-weight: normal !important;
    }

.dataTables_wrapper .dataTables_info p { 
    margin-bottom:35px;
}

/*
header .nav-link.active,
header dropdown-item.active {
    color: var(--web_color2) !important;
}
*/
a:focus,
button:focus {
    outline: 0 !important;
}

input,
.form-control {
    font-size: inherit !important;
}

.btn-outline-primary {
    color: var(--web_color2) !important;
    border-color: var(--web_color2) !important;
    border-radius: 8px;
}

    .btn-outline-primary:hover {
        background: var(--web_color2) 0% 0% no-repeat padding-box !important;
        color: #FFFFFF !important;
        border-color: var(--web_color2) !important;
    }

.btn-primary {
    background: var(--web_color2) 0% 0% no-repeat padding-box !important;
    border-radius: 10px !important;
    text-align: center;
    color: #FFFFFF !important;
    border: 1px var(--web_color2) solid !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    .btn-primary:hover {
        background: #ffffff 0% 0% no-repeat padding-box !important;
        color: var(--web_color2) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff !important;
        background-color: #767676 !important;
        border-color: #767676 !important;
    }

        .btn-primary.disabled:hover, .btn-primary:disabled:hover {
            color: #fff !important;
            background-color: #767676 !important;
            border-color: #767676 !important;
        }

.actions li a.disabled button {
    cursor: not-allowed;
    text-align: center;
    font-size: 110%;
    color: #FFFFFF !important;
    background-color: #767676 !important;
    border: 1px #767676 solid !important;
}

    .actions li a.disabled button:hover {
        background-color: #767676 !important;
    }

.mb-bg {
    background-color: var(--web_color2);
    color: #fff;
    width: 125px;
}

.mbViewWrap {
    margin-top: 5px;
    margin-bottom: 5px;
}


.table thead th {
    border-bottom: 0;
}




.table .odd > td, .table .even > td {
    border-top: 0;
    border-bottom: 1px solid #eee;
    vertical-align: middle !important;
}

table.dataTable tr th.dt-sticky {
    position: sticky;
    right: 0px;
    margin: 0 !important;
}

table.dataTable tr td.dt-sticky {
    position: sticky;
    right: 0px;
    background-color:inherit;
    margin: 0 !important;
}
table.dataTable tr td.dt-stickyLeft {
    position: sticky;
    left: 0px;
    background-color: #fff;
    margin: 0 !important;
}
    table.dataTable tr td.dt-stickyLeft.dt-stickyLeftLv2 {
        position: sticky;
        left: 8px;
    }

table.dataTable tr .dt-align {
    text-align: center;
}

.table td a {
    color: #4a4a4a;
    text-decoration: none;
}

.tab-content {
    margin-top: 40px;
}

table.dataTable th.tbSelectAllWrap {
    background-color: var(--web_color2);
}

table.dataTable th.tbSelectAllWrapMb {
    background-color: #fff !important;
    border-top: 1px var(--web_color2) solid !important;
    border-bottom: 1px var(--web_color2) solid !important;
}

    table.dataTable th.tbSelectAllWrapMb label {
        color: var(--web_color2);
    }


.daterangepicker .drp-buttons {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}


.label-subTitle, .otpLabel-verification {
    text-align: left;
    color: var(--web_color2);
    font-size: 1.35rem;
    line-height: 1.5em;
    margin-bottom: 1rem;
}

.label-message,
.otpLabel-message {
    text-align: left;
    font-size:.88rem;
    line-height: 1.8em;
    letter-spacing: 0px;
    color: #4A4A4A;
}


.formLabel {
    text-align: left;
    font-size: .88rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    margin-bottom: .5em;
    font-weight: normal !important;
    cursor: pointer;
}

.field-validation-valid, .field-validation-error {
    font-size: 14px;
}

.input-validation-error {
    border: 1px solid #f00;
}

#wizard .actions ul {
    display: flex;
    margin-top: 50px;
    justify-content: space-between;
}
#wizard .actions ul a {
    text-decoration:none;
}

.otp-panel .resend_wrap {
    font-size: 14px;
    line-height:19px;
}

.verification-group {
}

    .verification-group .type {
        display: block;
        text-align: left;
        color: #707070;
    }

    .verification-group .verified {
        display: block !important;
    }


    .otp-input-group .fixed-text {
        margin-right: 0;
        text-align: center;
        letter-spacing: 0px;
        color: #4A4A4A;
        opacity: 1;
        font-size:88%;
        line-height:27px;
    }

    .otp-input-group .otp {
        display: inline-block;
    }

        .identityVerifyWrap .input-fields input,
        .identity_doc_no-wrap input,
        .otp-input-group .otp input {
            width: 37px;
            height: 33px;
            margin-left: 2px;
            text-align: center;
            font-size: 100% !important;
            line-height: 28px;
            color: #4A4A4A;
        }
            .identityVerifyWrap .input-fields input:focus,
            .identity_doc_no-wrap input:focus,
            .otp-input-group .otp input:focus {
                outline: none !important;
                /*border: 2px solid var(--web_color3);*/
                border: 2px solid var(--web_color2);
            }

            .identityVerifyWrap .input-fields input.border-danger,
            .identity_doc_no-wrap input.border-danger,
            .otp-input-group .otp input.border-danger {
                outline: none !important;
                border: 2px solid #BC0C0C;
            }


.otp-input-group .resend-text {
    display: inline-block;
    margin-top: 20px;
    margin-left: 47px;
    text-align: left;
    font-size: 110%;
    color: #707070;
}

.otp-input-group .resend {
    display: inline-block;
    text-decoration-line: underline;
    color: var(--web_color2);
    text-align: left;
}

.otp-input-group .field-validation-valid {
    display: inline-block;
    width: auto;
    margin-left: 47px;
}

.otp-panel {
    margin-top: 20px;
    margin-bottom: 50px;
}
.otp-panel:last-child {
    margin-bottom: 0;
}

.otpLabel-type {
    text-align: left;
    font-size: 88%;
    line-height: 27px;
    letter-spacing: 0px;
    color: #4A4A4A;
}

.otpLabel-contact {
    text-align: left;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: bold;
    letter-spacing: 0px;
    color: #4A4A4A;
    overflow: hidden;
    text-overflow: ellipsis;
}

.otpLabel-verificationGroup {
    margin-bottom: 35px !important;
}

.otp-input-group {
    margin-top: 20px;
    padding-left: 0;
}

    .otp-input-group:first-child {
        margin-top: 0;
    }

.verify {
    /* UI Properties */
    text-align: left;
    color: #009479;
    display: none;
    font-size: 14px;
}

.verify-not , .text-danger {
    color: #BC0C0C !important;
}

.verify-not, .verify-success {
    white-space: nowrap;
}

.steps ul[role=tablist]:before,
.progressBar {
    text-align: left;
    letter-spacing: 0px;
    color: #4A4A4A;
    font-size: 100%;
    line-height: 24px;
    content: attr(data-content);
    top: -44px;
    position: absolute;
}

.steps ul[role=tablist] li.skip {
    display: none;
}

.pmLable {
    text-align: left;
    font-size: 90%;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
    margin-bottom:8px;
}

.pmSetup {
    text-align: left;
    font-size: .88rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
}
    .pmSetup.pmSetup2 {
        color: #fff;
    }

.pmBalance {
    text-align: left;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
}
.pmPrice {
    text-align: left;
    font-size: 1.35rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
}

.pmNoRecordsYet {
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
}


.pmAuToWrap {
    margin-top: 0;
    margin-bottom: 0;
}
.pmAuToWrap:last-child {
    margin-bottom: 0;
}
.pmAuToLabel {
    text-align: left;
    font-size: .88rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
}

.pmStatment {
    font-size: .88rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    opacity: 1;
    font-weight: bold;
}

.pmSectionTitleWrap {
    margin-top: 32px;
    margin-bottom: 12px !important;
    /*height: 24px;*/
}
.pmSectionTitle {
    /* UI Properties */
    text-align: left;
    font-size: 1rem;
    line-height: 1.8em;
    color: var(--web_color2);
}
.default-payment {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    color: var(--web_color2);
    display: inline-block;
    font-size: .88rem;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 0px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -3px;
}

.pmSliderBarWrap {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pmSliderBarLabelText {
    text-align: left;
    font-size: .88rem;
    line-height: 1.8em;
    letter-spacing: 0px;
    color: #4A4A4A;
    margin-top: 10px;
    font-weight: normal !important;
}
.pmSliderBarLabel {
    text-align: left;
    font-size: .88rem;
    line-height: 1.8em;
    letter-spacing: 0px;
    color: #4A4A4A;
    margin-bottom: 10px;
    font-weight: normal !important;
}

.pmDSVATopUpLabel {
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.actionBarWrap {
    margin-top:4rem;
}

.pmDSVATopUpContent {
    padding-top:1rem;
}

.pmSetupSubTitle {
    /* UI Properties */
    text-align: left;
    font-size: 1rem;
    line-height: 1.5em;
    color: #4a4a4a;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.pmSetupsSectionSubTitle {
    text-align: left;
    letter-spacing: 0px;
    font-size: 1rem;
    line-height: 1.5em;
    color: var(--web_color2);
    font-weight: bold;
    margin-bottom: 1rem;
    color: var(--web_color2);
}

.pmSetupItems {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.pmRowItems {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}
.pmSetupItems:last-child {
    margin-bottom: 0;
}

.pmSetupSectionText {
    text-align: left;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    margin-bottom: 1rem;
}

.identityVerifyWrap {
    margin-top: 1rem;
    margin-bottom: 50px;
}
    .identityVerifyWrap .identityVerifyWrap-items {
        margin-bottom: 1rem;
    }
        .identityVerifyWrap .identityVerifyWrap-items:last-child {
            margin-bottom: 0;
        }
        .identityVerifyWrap .identityVerifyWrap-items .identityVerifyWrap-type {
            text-align: left;
            font-size: .88rem;
            line-height: 1.8em;
            letter-spacing: 0px;
            color: #4A4A4A;
            cursor: pointer;
        }

.identityVerifyWrap-itemsWrap {
    margin-left:35px;
    margin-top:0;
}
.identityVerifyWrap-message {
    text-align: left;
    font-size: .88rem;
    line-height: 1.5em;
    letter-spacing: 0px;
    color: #4A4A4A;
    padding-top: 0;
    padding-bottom: 10px;
}

.cb-terms-error ,
#cb-terms-error {
    font-size: 14px;
    color: #BC0C0C;
}
.cb-terms-desc {
    cursor: pointer;
}
.terms {
    width: 100%;
    height: 300px;
    border: none;
    text-align: left;
    letter-spacing: 0px;
    color: #707070;
    overflow: auto;
    font-size: .88rem;
    line-height: 1.5em;
    border: 1px solid #9e9d9d;
}

.termsTitle {
    text-align: left;
    letter-spacing: 0px;
    font-size: 1.35rem;
    line-height: 1.5em;
    color: var(--web_color2);
    font-weight: bold;
    margin-bottom:2rem;
}
.terms-title {
    color: #707070;
}

.terms::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

.terms::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.terms::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border: 0px none #ffffff;
    border-radius: 5px;
}

    .terms::-webkit-scrollbar-thumb:hover {
        background: #d1d1d1;
    }

    .terms::-webkit-scrollbar-thumb:active {
        background: #d1d1d1;
    }

.terms::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    .terms::-webkit-scrollbar-track:hover {
        background: transparent;
    }

    .terms::-webkit-scrollbar-track:active {
        background: transparent;
    }

.terms::-webkit-scrollbar-corner {
    background: transparent;
}

.cb-terms-desc a {
    text-decoration: underline;
    color: #666;
}
.cb-terms-desc a:hover {
    text-decoration: underline;
    color: #666;
}

.checkbox-terms {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
}

    .checkbox-terms label {
        font-size: .88rem;
        line-height: 1.5em;
        margin-left: .5em;
        cursor: pointer;
    }

        .checkbox-terms label span {
            font-weight: bold;
            text-decoration: underline;
            cursor: pointer;
        }


input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    border: 1px #bfbfbf solid;
    border-radius: 3px;
    margin-top: 2px;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    margin-left: 5px;
    background-color: #fff;
}

    input.ckSmall[type="checkbox"] {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-left: 0;
    }

input[type="checkbox"]:checked {
    background: var(--web_color3);
    color: white;
    border: 1px var(--web_color3) solid;
}

    input[type="checkbox"]:disabled {
        background: #c7c7c7;
        color: white;
    }
        input[type="checkbox"]:after {
            content: ' ';
            position: relative;
            left: 4px;
            top: 1px;
            width: 5px;
            height: 9px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate( 40deg );
            display: none;
        }

        input[type="checkbox"]:checked:after {
            display: block;
        }

.dataTables_paginate {
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

    .dataTables_paginate input.paginate_input {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        margin-right: 5px;
        background: none;
        color: #4a4a4a;
        border: 0.5px solid #9E9D9D;
        border-radius: 5px;
        text-align: center;
        font-size: .88rem;
        line-height: 1.5em;
        letter-spacing: 0px;
        color: #4A4A4A;
        opacity: 1;
    }

    .dataTables_paginate .previous.paginate_button,
    .dataTables_paginate .next.paginate_button {
        /*
        margin-left:10px;
        margin-right:10px;
        */
        cursor:pointer;
    }

    .dataTables_paginate .last.paginate_button,
    .dataTables_paginate .first.paginate_button {
        display: none;
    }

    .dataTables_paginate span {
        margin-left: 0;
        margin-right: 0;
    }
        .dataTables_paginate span.paginate_input,
        .dataTables_paginate span.paginate_total {
            margin-left: 5px;
            margin-right: 5px;
        }

        .dataTables_paginate span.previous {
            margin-left: 0;
            margin-right: 1rem;
        }
            .dataTables_paginate span.previous.disabled {
                color: #d0d0d0 !important;
            }
        .dataTables_paginate span.next {
            margin-left: 1rem;
            margin-right: 0;
        }
            .dataTables_paginate span.next.disabled {
                color: #d0d0d0 !important;
            }
    .pagination .page-link {
        border: 0;
        background: none;
        color: #4a4a4a;
        border: 0.5px solid #9E9D9D;
        border-radius: 5px;
    }

    .pagination .page-item.active .page-link {
        color: #4a4a4a;
        background-color: inherit;
        border-color: #9E9D9D;
    }

    .pagination .page-link:hover {
        color: #4a4a4a;
        text-decoration: none;
        background-color: inherit;
        border-color: #9E9D9D;
    }

    .pagination .page-item.disabled .page-link,
    .pagination .previous,
    .pagination .next {
        border: 0;
    }

    .pagination .page-item.disabled.previous .page-link,
    .pagination .page-item.disabled.next .page-link {
        color: #ddd;
    }

    .pagination .page-item:last-child .page-link ,
    .pagination .page-item:first-child .page-link {
        border: 0;
    }

.phonePrefix {
    background-color: #fff !important;
    border-color: #e6e6e6 !important;
    font-size: .88rem !important;
    line-height: 1.5em;
    padding: 0 0.75rem;
}

.error_atLeastOne {
    font-size: 88%;
}


.radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: .88rem;
    line-height: 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radio .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        border-radius: 50%;
        background: var(--web_color3);
        cursor: pointer;
        margin-top:3px;
    }

        .radio .checkmark::before {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: 3px;
            width: 12px;
            height: 12px;
            background-color: #fff;
            border-radius: 50%;
        }

        .radio .checkmark::after {
            content: "";
            position: absolute;
            display: none;
            top: 5px;
            left: 5px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--web_color3);
        }

    .radio input:checked ~ .checkmark::after {
        display: block;
    }

    .checkboxLabel ,
    .radioLabel {
        cursor: pointer;
    }

    input[type='radio'] {
        -webkit-appearance: none;
        width: 15px;
        height: 15px;
        border-radius: 15px;
        outline: none;
        border: 1px solid #767676;
        cursor:pointer;
    }

        input[type='radio']:before {
            content: '';
            display: block;
            width: 7px;
            height: 7px;
            margin-top: 2px;
            margin-left: 2px;
            border-radius: 7px;
        }

        input[type="radio"]:checked {
            border-color: var(--web_color3);
            border: 2px solid var(--web_color3);
        }

            input[type="radio"]:checked:before {
                background: var(--web_color3);
            }

.actions li a:hover {
    text-decoration: none !important;
}
.actions li a div {
    padding: 15px 0;
    background: var(--web_color2);
    width: auto;
    min-width: 120px;
    color: #fff;
    border-radius: 28px;
    text-align: center;
}

    .actions li a div:hover {
        background: #1788AD;
    }

    .actions li a div i {
        margin-right: 10px;
        vertical-align: middle;
    }

.actions li a.disabled div {
    background: #c7c7c7;
    color: #fff;
    cursor: not-allowed;
}

    .actions li a.disabled div:hover {
        background: #c7c7c7;
    }

.actions li:first-child a div {
    background: transparent;
    color: #398591;
    font-weight: bold;
    text-align: left;
    color: var(--web_color2);
}

    .actions li:first-child a div:hover {
        background: transparent;
        color: #1788AD;
    }

#sliderBar_topupAmount,
#sliderBar {
    background-color: #eee;
    height: 1px;
}

.ui-widget.ui-widget-content {
    border: 3px solid var(--web_color3);
    background-color: var(--web_color3) !important;
}

.sectionStepWrap {
    width: auto;
    max-width: 500px;
    margin: auto;
}
.pageTitleUnderLine {
    margin-top: 5px;
    margin-bottom: 3rem;
    background-color: var(--web_color2);
    height: 2px;
    width: 56px;
}
    .pageTitleUnderLine.pageTitleUnderLine2 {
        margin-bottom: 1.5rem;
    }

.pwMask {
    position:relative;
    z-index:1;
}
.pwMask input {
    position: relative;
    z-index: 2;
}
    .pwMask .btnMask {
        position: absolute;
        z-index: 3;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        display: block;
        text-decoration: none;
    }
        .pwMask .btnMask.btn-masked {
            /*background: url(/img/Icon-24px-Masked.svg) no-repeat center center;*/
            background: url(/img/Icon-24px-Unmask.svg) no-repeat center center;
        }
        .pwMask .btnMask.btn-unmask {
            /*background: url(/img/Icon-24px-Unmask.svg) no-repeat center center;*/
            background: url(/img/Icon-24px-Masked.svg) no-repeat center center;
        }

.modal-content {
    border-radius: 25px;
}

.appIconWrap {
    margin-bottom: 20px;
    margin-right: 15px;
    text-align: center;
}

    .appIconWrap a img {
        /*width: 100%;*/
        width:50vw;
    }

        .appIconWrap a img.appStore {
            max-width: 197px;
        }

        .appIconWrap a img.googlePlay {
            max-width: 197px;
        }

        .appIconWrap a img.appGallery {
            max-width: 197px;
        }

.action-menuV2 {
    z-index: 99;
    bottom: -200px;
    left: 0;
    background-color: #fff;
    box-shadow: 0px -3px 6px #00000029;
    animation-duration: 4s;
    color: #fff;
    background: transparent linear-gradient(98deg, var(--web_color2) 0%, #60C3B1 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 1rem;
    animation: hideActionMenu 0.3s linear both;
}

    .action-menuV2.showActionMenu {
        animation: showActionMenu 0.3s linear both;
    }

@keyframes showActionMenu {
    from {
        bottom: -200px;
    }

    to {
        bottom: 0px;
    }
}
@keyframes hideActionMenu {
    from {
        bottom: 0px;
    }

    to {
        bottom: -200px;
    }

}

#pageAlertWrap {
    left: 0;
    z-index: 15;
    padding: 0 10px;
    position: -webkit-sticky !important;
    position: sticky !important;
    width:100%;
    top:185px;
}

#ajax-loading {
    color: #fff;
    background-color: #fff;
    opacity: .75;
    position: absolute;
    z-index: 14;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#toastAlert {
    left: 0;
    z-index: 15;
    padding: 1rem;
    /*
    position: -webkit-sticky !important;
    position: sticky !important;*/
    /*position: absolute;*/
    position: fixed;
    width: 100%;
    max-width:800px;
    top: 165px;
}


@media only screen and (max-width: 759px) {
    .section-text {
        line-height: 1.5em;
    }

    .action-menuV2 {
        border-radius: 43px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    body .dk-hide {
        display: block;
    }

    body .mb-hide {
        display: none;
    }

    .topbar {
        margin-top: 61px;
    }
    .content-wrapper {
        padding-top: 125px;
        padding-bottom: 185px;
    }

    .termsTitle,
    .section-title {
        font-size: 1.25rem;
    }

    .label-subTitle, .otpLabel-verification {
        font-size: 1.25rem;
        margin-bottom: 20px;
    }

    .boxShadowRadius, .contact-method, .completePage-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .content-header .nav.nav-tabs {
        margin-top: 20px;
    }

    table.dataTable tr .dt-align {
        text-align: left;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .boxShadowRadius {
        padding: 20px;

        width: 98%;
        margin-left:1%;
        margin-right:1%;
    }

    .topbar.topbarBanner {
        min-height: 100px;
    }

    .modal {
        padding: 0 !important;
    }

        .modal .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0;
            padding: 5px;
        }

        .modal form {
            height: 100%;
        }

        .modal .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal .modal-body {
            overflow-y: auto;
        }

    .pageTitleUnderLine {
        margin-bottom:2rem;
    }
        .pageTitleUnderLine.pageTitleUnderLine2 {
            margin-bottom: 1rem;
        }
}

@media only screen and (max-width: 376px) {
    .topbar {
        /*margin-top: 56px !important;*/
    }
    .content-wrapper {
        padding-top: 85px;
        
    }
}


.quickWrap {
    margin-bottom: 30px !important;
}

.leftMenu .quickWrap {
    border-width: 10px 6px 8px 8px !important;
    border-color: transparent !important;
    border-style: solid !important;
    border-radius: 8px !important;
}

/* Down Arrow */
.leftMenu > .quickWrap {
    position: relative;
}

    .leftMenu > .quickWrap :has(ul) > a.quick-links::after {
        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        position: absolute;
        top: 8px;
        right: 8px;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
    }
    .leftMenu > .quickWrap.quickWrap-active :has(ul) > a.quick-links::after,
    .leftMenu > .quickWrap:hover :has(ul) > a.quick-links::after {
        border-color: var(--web_color2);
    }
.leftMenu .quickWrap li a {
    padding: 5px 0;
    border-radius: 4px;
}

@media (hover: hover) {
    /******************/
    /*    site.css    */
    /******************/

    .btn-linear:hover {
        box-shadow: 0 0 16px rgba(100,100,100,0.2);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    /* Hover Effect for Table */
    .odd:hover,
    .even:hover {
        background-color: rgb(234, 247, 252) !important;
        box-shadow: 0 0 8px rgba(100,100,100,0.2);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .odd:hover > td,
        .even:hover > td {
            background-color: rgb(234, 247, 252) !important;
            border-color: rgb(115,192,223) !important;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
}

@media screen and (prefers-contrast: more) {
    :root {
        --web_color2: #116DA7;
        --web_color3: #16816F;
    }
}

.order-13 {
    -ms-flex-order: 13;
    order: 13;
}

.order-13 {
    -ms-flex-order: 13;
    order: 13;
}

.order-14 {
    -ms-flex-order: 14;
    order: 14;
}

.order-15 {
    -ms-flex-order: 15;
    order: 15;
}

.order-16 {
    -ms-flex-order: 16;
    order: 16;
}

.order-17 {
    -ms-flex-order: 17;
    order: 17;
}

.order-18 {
    -ms-flex-order: 18;
    order: 18;
}

.order-19 {
    -ms-flex-order: 19;
    order: 19;
}

.order-20 {
    -ms-flex-order: 20;
    order: 20;
}