@CHARSET "UTF-8";
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

:focus-visible {
    outline: none;
}

.banner {
    height: 350px;
    width: 100%;
    overflow: hidden;
}

.banner img {
    width: 100%;
}

.flex_ei {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-end;
}

.captchaCode {
    width: 30%;
    margin-left: 20px;
    margin-top: -41px;
}

.captchaCode .captchaImg {
    width: 70%;
}

#moto::-ms-expand {
    display: none;
}

.modal-dialog {
    max-width: 600px;
}

.newModal {
    max-width: 750px;
}

.stepsUl li {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    /* flex-wrap: wrap; */
    margin-bottom: 15px;
    justify-content: space-between;
}

/* Scrollbar visible code */
.white_bg::-webkit-scrollbar {
    -webkit-appearance: none;
}

.white_bg::-webkit-scrollbar:vertical {
    width: 8px;
}

.white_bg::-webkit-scrollbar:horizontal {
    height: 12px;
}

.white_bg::-webkit-scrollbar-thumb {
    background-color: rgba(60, 7, 194, 0.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.white_bg::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.stepsUl li span {
    border: 2px solid #0d6efd;
    background: #0d6efd;
    color: #fff;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.stepsUl li p {
    margin: 0;
    width: 90%;
    line-height: 26px;
}

.white_bg {
    background: rgba(255, 255, 255, 0.8);
    margin: 15px 0 20px;
    border-radius: 10px;
    padding: 20px 25px;
    /* box-shadow: 0px 0px 9px 2px rgb(90 90 90 / 20%); */
    box-shadow: 0px 0px 9px 0px #ddd;
}

.text {
    font-size: 24px;
    margin-bottom: 20px;
    color: #0647a7;
    font-weight: 400;
    /* text-transform: uppercase; */
}

.form_custom {
    display: block;
    border: 0px solid transparent;
    border-bottom: 2px solid #b8b8ef;
    min-width: 300px;
    padding: 5px 10px;
    background: transparent;
}

.form_custom:focus {
    border-bottom: 2px solid #0646a5;
}

.error_control {
    border-bottom: 2px solid #ff2f2f;
    color: #ff2f2f;
}

.mp_gap {
    margin-top: 41px;
    margin-left: 20px;
}

.buttonSubmit {
    border-radius: 20px;
    padding: 8px 30px;
    letter-spacing: 1px;
}

.consumerList {
    background: #f5f4f4;
    padding: 20px 15px;
    margin: 15px 8px;
    border-radius: 5px;
}

.tablModal .modal-dialog {
    max-width: 700px;
}

.tableStack_cont {
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}

.banner {
    position: relative;
}

.banner .text_banner {
    position: absolute;
    top: 33%;
    left: 8%;
}

.banner .text_banner h1 {
    font-size: 43px;
    box-shadow: 0px 0px 7px 4px rgb(237 237 237 / 30%);
    background: rgba(255, 255, 255, 0.5);
    padding: 10px 20px;
    margin-bottom: 0px;
}

.noBorder {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.borderBottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.headerCh {
    width: 100%;
    text-align: center;
    border: 1px solid #7abaff;
    margin: 0;
    padding: 8px;
    font-weight: 600;
    margin-bottom: 0px;
    background: #ffd1d1;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.table td {
    padding: 8px 0.75rem !important;
    vertical-align: middle;
}

.banking {
    padding: 10px;
    background: #fafcff;
    margin-bottom: 20px;
    border-radius: 5px;
}

.banking label {
    text-align: center;
    display: block;
    font-size: 22px;
    margin-bottom: 15px;
    color: #0d6efd;
    font-weight: 700;
}

.banking ul li {
    width: 50%;
    text-align: center;
    transition: 0.5s linear;
}

.banking ul li a {
    display: block;
    transition: 0.5s linear;
}

.banking ul li img {
    width: 60%;
    margin-bottom: 10px;
    transition: 0.5s linear;
}

.banking ul li a:hover img {
    transform: scale(1.2);
}

.wt-80 {
    width: 80%;
}

.banking ul li .radioBtn [type=radio] {
    position: absolute;
    opacity: 0;
    width: 100%;
    left: 0;
    height: 100%;
    cursor: pointer;
}

.banking ul li .radioBtn [type=radio]+.desk {
    cursor: pointer;
}

.desk {
    padding: 5px 0px;
    border: 3px solid transparent;
}

.banking ul li .radioBtn [type=radio]:checked+.desk {
    border: 3px solid #8fd1bf7d;
    border-radius: 13px;
    padding: 5px 0px;
    background: #8fd1bf00;
    box-shadow: 0 0 12px 0px rgb(0 0 0 / 30%);
}

.banking ul li p {
    width: 60%;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 700;
    height: 55px;
}

.notice article {
    background: #d6e6f7;
    padding: 14px 20px 2px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #014474;
}

#editForm {
    text-align: center;
}

/* .editablePholder input[readonly]::placeholder, .editablePholder input::placeholder, .editablePholder input{
    color: red !important;
    font-weight: bold !important;
} */

.paybleAmt .form_custom {
    min-width: 100px;
}

.payBox {
    border: 1px solid #f3eeee;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    transition: all 1s linear;
    transform: scale(1);
}

.banking ul li:hover {
    transform: scale(1.1);
}

.table_stack td:nth-child(5) {
    text-align: center;
}


.notice_xl {
    display: none;
    -webkit-animation: glowing 2500ms infinite;
    -moz-animation: glowing 2500ms infinite;
    -o-animation: glowing 2500ms infinite;
    animation: glowing 2500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #004db2;
        -webkit-box-shadow: 0 0 2px #3500b2;
    }

    50% {
        background-color: #082296;
        -webkit-box-shadow: 0 0 30px #55ddff;
    }

    100% {
        background-color: #096083;
        -webkit-box-shadow: 0 0 2px #000cb2;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #004db2;
        -webkit-box-shadow: 0 0 2px #3500b2;
    }

    50% {
        background-color: #082296;
        -webkit-box-shadow: 0 0 30px #55ddff;
    }

    100% {
        background-color: #096083;
        -webkit-box-shadow: 0 0 2px #000cb2;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #004db2;
        -webkit-box-shadow: 0 0 2px #3500b2;
    }

    50% {
        background-color: #082296;
        -webkit-box-shadow: 0 0 30px #55ddff;
    }

    100% {
        background-color: #096083;
        -webkit-box-shadow: 0 0 2px #000cb2;
    }
}

@keyframes glowing {
    0% {
        background-color: #004db2;
        -webkit-box-shadow: 0 0 2px #3500b2;
    }

    50% {
        background-color: #082296;
        -webkit-box-shadow: 0 0 30px #55ddff;
    }

    100% {
        background-color: #096083;
        -webkit-box-shadow: 0 0 2px #000cb2;
    }
}

/* Flash class and keyframe animation */
.flashit {
    color: rgb(255, 255, 255);
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 2s infinite;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

/* HEADER CSS */
.top-header {
    padding-top: 3px;
    padding-bottom: 3px;
    background: rgba(0, 0, 0, .75);
    position: relative;
}

/* HEADER CSS ENDS */



@media only screen and (max-width: 990px) {
    .banner {
        height: auto;
    }

    .flex_ei {
        flex-direction: column;
    }

    .buttonSubmit {
        margin-left: 0px !important;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .custmMd {
        height: 500px;
        overflow-y: scroll;
    }

    .custmMd::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .custmMd::-webkit-scrollbar:vertical {
        width: 8px;
    }

    .custmMd::-webkit-scrollbar:horizontal {
        height: 12px;
    }

    .custmMd::-webkit-scrollbar-thumb {
        background-color: rgba(60, 7, 194, 0.5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    .custmMd::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ffffff;
    }

    .table-responsive-stack tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .table-responsive-stack td,
    .table-responsive-stack th {
        display: block;
        /* flex-grow | flex-shrink | flex-basis */
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .table-responsive-stack .table-responsive-stack-thead {
        font-weight: bold;
    }

    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display: block;
    }

    /*  IE9 FIX   */
    .table-responsive-stack td {
        float: left\9;
        width: 100%;
    }

    .noBorder {
        display: none !important;
    }

    .buttonSubmit {
        margin-top: 20px;
    }

    .consumerList .col-auto.ms-2 {
        padding-left: 0px;
        /* margin-top: 15px; */
    }

    #moto {
        width: 100%;
        height: 34px;
    }

    .tbreed tr:first-child,
    .tbreed tr:nth-child(2),
    .tbreed tr:nth-child(3) {
        background: #fffdf3;
    }

    .tbreed tr {
        background: #f6f3ff;
    }

    .tbreed {
        margin-bottom: 10px;
        display: block;
    }

    .tbreed tr.bankSizing:first-child td:first-child,
    .tbreed tr.billdesk td:first-child {
        font-weight: 700;
    }

    .tbs .table_stack thead,
    .tbs .table_stack tbody {
        width: 100%;
        text-align: center;
    }

    .tbs table {
        border: 1px solid #000;
        overflow: scroll;
        position: relative;
    }

    .tbs table thead tr th {
        /* margin-bottom: 50px; */
        margin-bottom: 46px;
        border: 0;
    }

    .tbs table tbody {
        position: absolute;
    }

    .tbs table tbody tr th,
    .tbs table tbody tr td {
        margin-top: 52px;
        background: #fff;
    }

    .consumer_btnCont .w-50 {
        width: 100% !important;
    }

    .notice {
        display: none;
    }

    .notice_xl {
        display: block;
        width: 96%;
        margin: 10px;
    }

    .banner {
        height: auto;
    }

    .noticeLt {
        position: fixed;
        top: 0;
        z-index: 99;
        height: 300px;
        overflow: scroll;
    }

    .white_bg {
        padding: 20px 15px;
        height: 206px;
        /* height: auto; */
        overflow-y: scroll;
        margin-bottom: 0;
    }

    .tableStack_cont {
        padding: 0;
    }

    #editForm {
        width: 70%;
        margin: 0 auto;
    }

    #editableBtn svg {
        width: 30px;
        height: 30px;
    }

    .captchaCode {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }
    .imgBlock span img{
        width: 8%;
        margin-left: 10px;
    }
    .imgBlock{
        margin-bottom: 15px;
    }
    .form_custom{
        width: 100%;
        min-width: auto;
    }
    .consumerList{
        width: 100%;
    }
}

@media only screen and (max-width: 767px){
    .flexCol{
        flex-direction: column;
    }
    #showList .d-flex.g-3 .col-auto{
        margin-top: 15px;
    }
    /* .tbs table tbody {
        position: absolute;
    } */

    .top-header{
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .steps form {
        width: 100%;
        margin: 0;
        padding: 0;
        flex-direction: column;
    }

    .flex_ei {
        flex-direction: column;
        width: 100%;
    }

    .flex_ei button {
        margin-left: 0px !important;
    }

    .consumerList {
        margin-left: 0px;
        margin-right: 0px;
    }

    #showList .d-flex.g-3 {
        flex-direction: column;
    }

    #showList .d-flex.g-3 .col-auto {
        padding-right: 0px !important;
        width: 100%;
    }

    #showList .g-3 .col-auto {
        padding-left: 0px;
    }

    #showList .g-3 .col-auto .buttonSubmit {
        padding: 8px 12px;
        width: 100%;
    }

    #showList .d-flex.g-3 .col-auto input.form_custom {
        width: 100%;
    }

    .tableStack_cont {
        padding: 0px;
    }

    .tbs .table_stack,
    .tbs .table_stack thead,
    .tbs .table_stack thead tr,
    .tbs .table_stack tbody,
    .tbs .table_stack tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .tbs .table_stack tbody{
        overflow: scroll;
    }

    .tbs .table_stack thead tr,
    .tbs .table_stack thead tr th,
    .tbs .table_stack tbody tr,
    .tbs .table_stack tbody tr td {
        flex-direction: column;
        -ms-flex-direction: column;
        display: block;
        width: 100%;
    }

    .form_custom {
        min-width: 100%;
    }

    .banner {
        height: auto;
    }

    .banner .text_banner {
        right: 8%;
        text-align: center;
    }

    .banner .text_banner h1 {
        font-size: 22px;
    }

    .stepsUl li {
        flex-direction: row;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .white_bg {
        padding: 20px 15px;
    }

    .stepsUl li p {
        width: 85%;
        text-align: left;
        font-size: 14px;
    }

    .btnCont button,
    .modal-footer .btn-secondary {
        width: 100%;
    }

    .banking ul {
        flex-wrap: wrap;
    }

    .banking ul li {
        width: 100%;
    }

    .wt-80 {
        width: 100%;
    }

    .table_stack thead tr th:nth-child(3),
    .buttonSubmit {
        width: 100% !important;
    }

    .paybleAmt {
        flex-direction: column;
        justify-content: center !important;
        align-items: flex-start !important;
    }

    .paybleAmt .form_custom {
        min-width: 100%;
    }

    .banking ul li {
        margin-bottom: 20px;
    }

    .banking ul li p {
        height: auto;
    }

    .captchaCode {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .imgBlock {
        margin-bottom: 10px;
    }
    .tbs table tbody {
        position: absolute;
    }
    #amnt_payable, .mmt{
        width: 100%;
    }
    .steps form button.buttonSubmit {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 360px) {

    .tbs .table_stack thead tr th,
    .tbs .table_stack tbody tr th,
    .tbs .table_stack tbody tr td {
        font-size: 12px;
    }

    .notice_xl {
        width: 93%;
    }
}

/* FOR IE SUPPORT ONLY */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .banking {
        height: 260px;
    }
}