body {
    background-color: #F6F4F5;
    /*overflow-y: overlay;*/
}

/* Prelaoder */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(250,250,250,.85) url("../../Plug-in/loading.gif") no-repeat center center;
}

.postback-loading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5000;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(250,250,250,.85) url("../../Plug-in/loading.gif") no-repeat center center;
}

.float-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9;
    max-width: 50px;
    cursor: pointer;
}

/**/

.table.cus-table th {
    background-color: #0C1D40;
    color: #fff;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.table.cus-table tr {
    background-color: #fff;
    border: 1px solid #F6F4F5;
}

.test-tr-hover:hover {
    background-color: #CCD2E1 !important;
}

    .test-tr-hover:hover a {
        background-color: #FFFFFF !important;
        box-shadow: rgb(0 0 0 / 20%) 0px 4px 8px 0px, rgb(0 0 0 / 19%) 0px 6px 20px 0px;
    }

    .table.cus-table td {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        vertical-align: middle !important;
        /*border:0;*/
    }

.test-th-right {
    border-radius: 10px 0px 0px 10px;
    border-right: none;
}

.test-th {
    border-right: none;
    border-left: none;
}

.test-th-left {
    border-radius: 0px 10px 10px 0px;
    border-left: none;
    /*border-top: none !important;*/
}

.test-td-right {
    border-radius: 10px 0px 0px 10px;
    /*border-top: none !important;*/
    border-right: none;
    
}

.test-td {
    /*border-top: none !important;*/
    border-right: none;
    border-left: none;
}

.test-td-left {
    border-radius: 0px 10px 10px 0px;
    /*border-top: none !important;*/
    border-left: none;
}

/*.table.cus-table > tbody > tr > td, .table.cus-table > tbody > tr > th, .table.cus-table > tfoot > tr > td, .table.cus-table > tfoot > tr > th, .table.cus-table > thead > tr > td, .table.cus-table > thead > tr > th {
    border-top: 0;
}*/

.col-xl-8, .col-xl-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

@media (min-width: 1400px) {
    .col-xl-8, .col-xl-4 {
        float: left;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }
}

.table.cus-table tr.PagerStyle {
    background: transparent;
}

.border-0 {
    border: 0 !important;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.text-white {
    color: #fff !important;
}

.text-center {
    text-align: center !important;
}

.form-control:focus {
    box-shadow: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #EBEEF3;
}

.acctstatus-orange {
    background-color: #FDF1D7;
    border: 1px solid #FA983A;
    color: #FA983A;
}

.acctstatus-blue {
    background-color: #E0E6FF;
    border: 1px solid #6583FE;
    color: #6583FE;
}

.acctstatus-pink {
    background-color: #FADEEC;
    border: 1px solid #FF7EB8;
    color: #FF7EB8;
}

.acctstatus-gray {
    background-color: #EBEEF3;
    border: 1px solid #AAB7CE;
    color: #AAB7CE;
}

.acctstatus-bluegray {
    background-color: #CCD2E1;
    border: 1px solid #64728B;
    color: #64728B;
}

.acctstatus-bluegreen {
    background-color: #CFF2FB;
    border: 1px solid #127288;
    color: #127288;
}

.acctstatus-green {
    background-color: #E4F9E9;
    border: 1px solid #5EB171;
    color: #5EB171;
}

.acctstatus-greenblue {
    background-color: #3C6382;
    border: 1px solid #3C6382;
    color: #fff;
}

.acctstatus-outline-green {
    background-color: #5EB171;
    border: 1px solid #5EB171;
    color: #fff;
}

.acctstatus-purple {
    background-color: #F4DBFC;
    border: 1px solid #985AAE;
    color: #985AAE;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.btn.active, .btn:active {
    box-shadow: unset;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: rotation 3s linear infinite;
}

/*scrollbar*/
.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #fff;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.force-overflow {
    min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #1E3799;
}

.scrollbar-primary {
    scrollbar-color: #1E3799 #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-danger::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ff3547;
}

.scrollbar-danger {
    scrollbar-color: #ff3547 #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-warning::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #FF8800;
}

.scrollbar-warning {
    scrollbar-color: #FF8800 #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-success::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
}

.scrollbar-success {
    scrollbar-color: #00C851 #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #33b5e5;
}

.scrollbar-info {
    scrollbar-color: #33b5e5 #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #2BBBAD;
}

.scrollbar-default {
    scrollbar-color: #2BBBAD #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-secondary::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #aa66cc;
}

.scrollbar-secondary {
    scrollbar-color: #aa66cc #F5F5F5;
}

.text-formal {
    color: #0C1D40;
    font-size: 18px;
    font-weight: bold;
}

.text-white {
    color: #fff !important;
}

.text-dark {
    color: #0C1D40 !important;
}

.bg-gray {
    background-color: #F6F4F5 !important;
}

.bg-white {
    background-color: #fff !important;
}

.pl-1 {
    padding-left: 0.5rem !important;
}

.pl-2 {
    padding-left: 1rem !important;
}

.pl-3 {
    padding-left: 1.5rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.5rem !important;
}

.pr-2 {
    padding-right: 1rem !important;
}

.pr-3 {
    padding-right: 1.5rem !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cpr-1 {
    padding-right: 10px !important;
}

.cpr-2 {
    padding-right: 15px !important;
}

.cpr-3 {
    padding-right: 25px !important;
}

.cpr-4 {
    padding-right: 40px !important;
}

.cpt-1 {
    padding-top: 10px !important;
}

.cpt-2 {
    padding-top: 15px !important;
}

.cpt-3 {
    padding-top: 25px !important;
}

.cpt-4 {
    padding-top: 40px !important;
}

.cpb-1 {
    padding-bottom: 10px !important;
}

.cpb-2 {
    padding-bottom: 15px !important;
}

.cpb-3 {
    padding-bottom: 25px !important;
}

.cpb-4 {
    padding-bottom: 40px !important;
}

.cpy-2 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.cpy-3 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.cpx-2 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.cpx-3 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.cmr-1 {
    margin-right: 10px !important;
}

.cmb-1 {
    margin-bottom: 10px !important;
}

.cmb-2 {
    margin-bottom: 15px !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

/**/

.ms-sel-item {
    color: #0C1D40 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.ms-ctn input {
    color: #0C1D40 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: initial !important;
}

.ms-ctn .ms-sel-ctn {
    margin-left: 0;
}

.ms-ctn-focus {
    border-color: #DBDDE6;
    box-shadow: unset;
}

/**/
.fst-logo {
    margin-top: -9px;
    padding-right: 15px;
    cursor: pointer;
}

.fst-brand {
    color: #0C1D40;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.avator {
    border-radius: 20px;
    float: right;
    height: 30px;
    margin-left: 15px;
    padding: 0px;
}

.user {
    color: #0C1D40;
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.user-menu {
    background-color: #fff;
    border: 1px solid #F6F4F5;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    display: none;
    position: fixed;
    right: 8%;
    top: 55px;
    z-index: 999;
}

    .user-menu .user-controls {
        margin: 15px;
    }

        .user-menu .user-controls .btn {
            background-color: transparent;
            color: #0C1D40;
            font-size: 18px;
            font-weight: bold;
            width: 100%;
            text-align: left;
            background-color: transparent;
        }

.banner {
    background-image: url('../img/banner.png');
    background-size: 100% 100%;
}

    .banner .home {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        margin-right: 5px;
    }

    .banner .tag {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        margin-right: 5px;
    }

    .banner .title {
        color: #fff;
        font-size: 36px;
        font-weight: bold;
    }

    .banner .list {
        background-color: transparent;
        color: #fff;
        border: none;
        margin-right: 25px;
    }

        .banner .list .txt {
            color: #fff;
            opacity: 0.6;
            font-size: 18px;
            font-weight: bold;
        }

        .banner .list .default {
            opacity: 0;
            background-color: #1E3799;
            height: 3px;
            margin-top: 13px;
        }

        .banner .list.active .txt, .banner .list.active .default {
            opacity: 1;
        }

.cbtn {
    border-radius: 5px !important;
    padding: 7px 13px 2px 13px !important;
}

.cbtn-white {
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 25px 7px 20px;
}

    .cbtn-white .icon {
        color: #1E3799;
        font-size: 22px;
        margin-top: -2px;
        margin-right: 6px;
    }

    .cbtn-white .txt {
        color: #1E3799;
        font-size: 18px;
        font-weight: bold;
    }

.area-ctn {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .area-ctn .btn-area-slide {
        position: absolute;
        right: 45px;
        top: 40px;
        background: transparent;
    }

    .area-ctn .title {
        color: #0C1D40;
        font-size: 22px;
        font-weight: bold;
    }

    .area-ctn .wrap {
        border-left: 1px solid #DBDDE6;
        padding-right: 0px;
        padding-left: 30px;
    }

/*Steps*/
.Steps {
    padding-inline-start: 0;
    justify-content: center;
    display: flex;
    margin-bottom: 5px;
}

    .Steps li {
        padding: 5px 20px;
        line-height: 30px;
        background: #DBDDE6;
        display: inline-block;
        color: #fff;
        position: relative;
        font-size: 18px;
        margin-right: 5px;
        width: 24.5%;
        text-align: center;
    }

    .Steps.custom-apply li {
        width: 33%;
    }

    .Steps li:after {
        content: '';
        display: block;
        border-top: 20px solid transparent;
        border-bottom: 19px solid transparent;
        border-left: 15px solid #DBDDE6;
        position: absolute;
        right: -15px;
        top: 0;
        z-index: 10;
    }

    .Steps li:before {
        content: '';
        display: block;
        border-top: 20px solid #DBDDE6;
        border-bottom: 19px solid #DBDDE6;
        border-left: 15px solid #fff;
        position: absolute;
        left: 0px;
        top: 0;
    }

    .Steps li:first-child {
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        padding-left: 25px;
    }

        .Steps li:first-child:before {
            display: none;
        }

    .Steps li:last-child {
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        padding-right: 25px;
    }

        .Steps li:last-child:after {
            display: none;
        }

    .Steps li.active {
        background-color: #60A3BC;
    }

        .Steps li.active:after {
            border-left-color: #60A3BC;
        }

        .Steps li.active:before {
            border-top-color: #60A3BC;
            border-bottom-color: #60A3BC;
        }

    .Steps li .btn {
        color: #ffffff;
        font-weight: bold;
    }

        .Steps li .btn:hover {
            color: #ffffff;
            font-weight: bold;
        }

/*Check box*/
.form-check {
    width: 50%;
    border: 1px solid #6583FE;
    padding: 10px 20px;
    border-radius: 7px;
    background: #ffffff;
    font-weight: bold;
}

    .form-check label {
        position: relative;
        cursor: pointer;
        font-size: 20px;
        margin-bottom: 0;
        width: 100%;
    }

    .form-check input[type="checkbox"], .form-check input[type="radio"] {
        position: absolute;
        right: 9000px;
    }

/*Check box*/
input[type="checkbox"] + .label-text:before, input[type="radio"] + .label-text:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    margin-right: 28px;
    font-size: 22px;
    display: inline-block;
    margin-right: 25px;
    color: #6583FE;
}

input[type="checkbox"]:checked + .label-text:before, input[type="radio"]:checked + .label-text:before {
    content: "\f058";
    color: #6583FE;
    animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text, input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

    input[type="checkbox"]:disabled + .label-text:before, input[type="radio"]:disabled + .label-text:before {
        content: "\f058";
        color: #ccc;
    }

table.radioLst {
    width: 100%;
}

    table.radioLst tbody {
        display: flex;
    }

    table.radioLst.d-inital tbody {
        display: block;
    }

    table.radioLst tbody tr {
        width: 50%;
        display: grid;
        padding: 0 3px;
    }

    table.radioLst.d-inital tbody tr {
        width: 100%;
    }

    table.radioLst tbody tr td {
        border: 1px solid #DBDDE6;
        padding: 9px 20px 3px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        margin-bottom: 7px;
    }

    table.radioLst input[type="radio"] {
        zoom: 1.5;
        margin-top: -2px;
    }

    table.radioLst label {
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 0;
    }

    table.radioLst.aspNetDisabled tbody tr td, table.radioLst.aspNetDisabled label, table.radioLst.aspNetDisabled input[type="radio"] {
        cursor: not-allowed;
    }