/* 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. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.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 */
    padding-top: 65px;
    margin-bottom: 60px;
}

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

/* ------ Custom CSS ------------ */

.validation-summary-errors ul li, .validation-summary-errors-modal {
    color: #023851;
    background-color: #c1e0ff;
    border-color: #c1e0ff;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0px !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(1, 104, 250, 0.25);
}

label:focus {
    outline: none;
}

.error {
    color: #F44336;
    font-style: normal;
    padding-left: 7px;
}

.field-validation-error {
    color: #F44336;
    z-index: 2;
    display: block;
    pointer-events: none;
    padding-top: 5px;
}

    .field-validation-error.fa-check {
        color: #059A4A;
    }

.has-success .field-validation-error {
    color: #3c763d;
}

.input-validation-error {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-success input:focus {
    outline: #3c763d auto 1px;
}

.has-error .field-validation-error {
    color: #F44336;
}

.input-validation-error {
    border-color: #F44336;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error input:focus {
    outline: #F44336 auto 1px;
}

/*------ Sub Menu Link Active ---------*/
.navbar-menu-sub .nav-sub-item.active .nav-sub-link {
    color: #0168fa;
}

.nav-aside .nav-item a:hover {
    color: #0168fa;
}

    .nav-aside .nav-item a:hover svg {
        color: #0168fa;
    }

/*--------- SVG Icons ------------ */

/*.svg-icon svg {
    height: 1.5rem;
    width: 1.5rem;
}
*/
/* ----- SVG Stroke Color ----------- */
.svg-icon.svg-icon-stroke-navy svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #1C3988 !important;
}

.svg-icon.svg-icon-stroke-navy svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}

.svg-icon.svg-icon-stroke-primary svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #5d78ff !important;
}

.svg-icon.svg-icon-stroke-primary svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}

.svg-icon.svg-icon-stroke-secondary svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #181C32 !important;
}

.svg-icon.svg-icon-stroke-secondary svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}

.svg-icon.svg-icon-stroke-success svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #0abb87 !important;
}

.svg-icon.svg-icon-stroke-success svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}

.svg-icon.svg-icon-stroke-info svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #8950FC !important;
}

.svg-icon.svg-icon-stroke-info svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}

.svg-icon.svg-icon-stroke-warning svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #FFA800 !important;
}

.svg-icon.svg-icon-stroke-warning svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}

.svg-icon.svg-icon-stroke-danger svg g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
    stroke: #F64E60 !important;
}

.svg-icon.svg-icon-stroke-danger svg:hover g [stroke] {
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
}


.svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    /*fill: #B5B5C3;*/
}

.svg-icon svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-white svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.svg-icon.svg-icon-white svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-white svg path {
    fill: #ffffff !important;
}

.svg-icon.svg-icon-primary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #0168fa !important;
}

.svg-icon.svg-icon-primary svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-primary svg path {
    fill: #0168fa !important;
}

.svg-icon.svg-icon-secondary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32 !important;
}

.svg-icon.svg-icon-secondary svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-secondary svg path {
    fill: #181C32 !important;
}

.svg-icon.svg-icon-success svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #10b759 !important;
}

.svg-icon.svg-icon-success svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-success svg path {
    fill: #10b759 !important;
}

.svg-icon.svg-icon-info svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #00b8d4 !important;
}

.svg-icon.svg-icon-info svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-info svg path {
    fill: #00b8d4 !important;
}

.svg-icon.svg-icon-warning svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800 !important;
}

.svg-icon.svg-icon-warning svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-warning svg path {
    fill: #FFA800 !important;
}

.svg-icon.svg-icon-danger svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60 !important;
}

.svg-icon.svg-icon-danger svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-danger svg path {
    fill: #F64E60 !important;
}

.svg-icon.svg-icon-light svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9 !important;
}

.svg-icon.svg-icon-light svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-light svg path {
    fill: #F3F6F9 !important;
}

.svg-icon.svg-icon-dark svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32 !important;
}

.svg-icon.svg-icon-dark svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark svg path {
    fill: #181C32 !important;
}

.svg-icon.svg-icon-dark-75 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254 !important;
}

.svg-icon.svg-icon-dark-75 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-75 svg path {
    fill: #3F4254 !important;
}

.svg-icon.svg-icon-dark-65 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #5E6278 !important;
}

.svg-icon.svg-icon-dark-65 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-65 svg path {
    fill: #5E6278 !important;
}

.svg-icon.svg-icon-dark-50 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #7E8299 !important;
}

.svg-icon.svg-icon-dark-50 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-50 svg path {
    fill: #7E8299 !important;
}

.svg-icon.svg-icon-dark-25 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #D1D3E0 !important;
}

.svg-icon.svg-icon-dark-25 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-25 svg path {
    fill: #D1D3E0 !important;
}

.svg-icon.svg-icon-muted svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #B5B5C3 !important;
}

.svg-icon.svg-icon-muted svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-muted svg path {
    fill: #B5B5C3 !important;
}

.svg-icon.svg-icon-sm svg {
    height: 1.25rem !important;
    width: 1.25rem !important;
}

.svg-icon.svg-icon-md svg {
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.svg-icon.svg-icon-lg svg {
    height: 1.75rem !important;
    width: 1.75rem !important;
}

.svg-icon.svg-icon-xl svg {
    height: 2rem !important;
    width: 2rem !important;
}

.svg-icon.svg-icon-xxl svg {
    height: 2.25rem !important;
    width: 2.25rem !important;
}

.svg-icon.svg-icon-1x svg {
    height: 1rem !important;
    width: 1rem !important;
}

.svg-icon.svg-icon-2x svg {
    height: 2rem !important;
    width: 2rem !important;
}

.svg-icon.svg-icon-3x svg {
    height: 3rem !important;
    width: 3rem !important;
}

.svg-icon.svg-icon-4x svg {
    height: 4rem !important;
    width: 4rem !important;
}

.svg-icon.svg-icon-5x svg {
    height: 5rem !important;
    width: 5rem !important;
}

.svg-icon.svg-icon-6x svg {
    height: 6rem !important;
    width: 6rem !important;
}

.svg-icon.svg-icon-7x svg {
    height: 7rem !important;
    width: 7rem !important;
}

.svg-icon.svg-icon-8x svg {
    height: 8rem !important;
    width: 8rem !important;
}

.svg-icon.svg-icon-9x svg {
    height: 9rem !important;
    width: 9rem !important;
}

.svg-icon.svg-icon-10x svg {
    height: 10rem !important;
    width: 10rem !important;
}

.svg-icon.svg-icon-full svg {
    height: 100% !important;
    width: 100% !important;
}

@media (min-width: 576px) {
    .svg-icon.svg-icon-sm-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-sm-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-sm-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-sm-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-sm-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-sm-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-sm-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-sm-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-sm-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-sm-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-sm-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-sm-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-sm-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-sm-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-sm-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-sm-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .svg-icon.svg-icon-md-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-md-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-md-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-md-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-md-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-md-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-md-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-md-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-md-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-md-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-md-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-md-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-md-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-md-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-md-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-md-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 992px) {

    .svg-icon.svg-icon-lg-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-lg-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-lg-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-lg-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-lg-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-lg-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-lg-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-lg-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-lg-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-lg-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-lg-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-lg-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-lg-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-lg-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-lg-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-lg-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .svg-icon.svg-icon-xl-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-xl-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-xl-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-xl-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xl-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-xl-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-xl-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xl-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-xl-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-xl-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-xl-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-xl-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-xl-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-xl-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-xl-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-xl-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1400px) {
    .svg-icon.svg-icon-xxl-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-xxl-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-xxl-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-xxl-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xxl-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-xxl-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-xxl-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xxl-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-xxl-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-xxl-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-xxl-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-xxl-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-xxl-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-xxl-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-xxl-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-xxl-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

.svg-icon.svg-icon-flip svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.svg.svg-fill-white {
    fill: #ffffff !important;
}

.svg.svg-fill-light-white {
    fill: #ffffff !important;
}

.svg.svg-fill-primary {
    fill: #0168fa !important;
}

.svg.svg-fill-light-primary {
    fill: #E1F0FF !important;
}

.svg.svg-fill-secondary {
    fill: #181C32 !important;
}

.svg.svg-fill-light-secondary {
    fill: #EBEDF3 !important;
}

.svg.svg-fill-success {
    fill: #10b759 !important;
}

.svg.svg-fill-light-success {
    fill: #C9F7F5 !important;
}

.svg.svg-fill-info {
    fill: #00b8d4 !important;
}

.svg.svg-fill-light-info {
    fill: #EEE5FF !important;
}

.svg.svg-fill-warning {
    fill: #FFA800 !important;
}

.svg.svg-fill-light-warning {
    fill: #FFF4DE !important;
}

.svg.svg-fill-danger {
    fill: #F64E60 !important;
}

.svg.svg-fill-light-danger {
    fill: #FFE2E5 !important;
}

.svg.svg-fill-light {
    fill: #F3F6F9 !important;
}

.svg.svg-fill-light-light {
    fill: #F3F6F9 !important;
}

.svg.svg-fill-dark {
    fill: #181C32 !important;
}

.svg.svg-fill-light-dark {
    fill: #D1D3E0 !important;
}

.svg.svg-fill-dark-75 {
    fill: #3F4254 !important;
}

.svg.svg-fill-light-dark-75 {
    fill: !important;
}

.svg.svg-fill-dark-65 {
    fill: #5E6278 !important;
}

.svg.svg-fill-light-dark-65 {
    fill: !important;
}

.svg.svg-fill-dark-50 {
    fill: #7E8299 !important;
}

.svg.svg-fill-light-dark-50 {
    fill: !important;
}

.svg.svg-fill-dark-25 {
    fill: #D1D3E0 !important;
}

.svg.svg-fill-light-dark-25 {
    fill: !important;
}

.svg.svg-fill-muted {
    fill: #B5B5C3 !important;
}

.svg.svg-fill-light-muted {
    fill: !important;
}

/*------- View Port Font Size ----------*/
.fa-4x-vw {
    font-size: 4vw;
}

/*------- Off Canvas ------------------ */
.show-overlay-backdrop {
    opacity: 1;
    visibility: visible;
    z-index: 1001;
}

/*---------for order summary---------*/
@media (min-width: 1023px) {
    .order-summary-xl {
        max-width: 350px;
    }
}

@media (min-width: 1023px) {
    .order-summary-lg {
        max-width: 400px;
    }
}

/*--------------- Custom Theme ------------- */
.badge-style {
    font-weight: 500;
    line-height: 1.2;
    font-size: 14px;
    border-radius: 5px;
}

.badge-theme {
    color: #fff;
    background: #031d6b;
    padding: .5rem
}

.btn-dark-primary {
    border-radius: 0px;
    color: white;
    background-color: #031d6b;
}

    .btn-dark-primary:hover {
        color: white;
        background-color: #3F74F8;
    }

.tx-dark-primary {
    color: #031d6b;
}

.btn-dark2-primary {
    color: #fff;
    background-color: #354a89;
    border-color: #354a89;
}

    .btn-dark2-primary:hover {
        color: #fff;
        background-color: #1c347a;
        border-color: #6877a6;
    }

    .btn-dark2-primary:focus, .btn-dark2-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(39, 127, 251, 0.5);
    }

    .btn-dark2-primary.disabled, .btn-dark2-primary:disabled {
        color: #fff;
        background-color: #354a89;
        border-color: #354a89;
    }

    .btn-dark2-primary:not(:disabled):not(.disabled):active, .btn-dark2-primary:not(:disabled):not(.disabled).active,
    .show > .btn-dark2-primary.dropdown-toggle {
        color: #fff;
        background-color: #6877a6;
        border-color: #014ebb;
    }

        .btn-dark2-primary:not(:disabled):not(.disabled):active:focus, .btn-dark2-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark2-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(3, 29, 107, 0.5);
        }

.btn-outline-dark-primary {
    color: #354a89;
    border-color: #354a89;
}

    .btn-outline-dark-primary:hover {
        color: #fff;
        background-color: #354a89;
        border-color: #354a89;
    }

    .btn-outline-dark-primary:focus, .btn-outline-dark-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(3,29,107, 0.5);
    }

    .btn-outline-dark-primary.disabled, .btn-outline-dark-primary:disabled {
        color: #354a89;
        background-color: transparent;
    }

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

        .btn-outline-dark-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(3,29,107, 0.5);
        }

/*----------------- Start - Checkboxk ----------------*/
/*-------------- Select Checkbox ------------ */
table .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0;
}

    table .checkbox > span {
        background-color: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 0.22rem;
    }

        table .checkbox > span:after {
            content: '';
            border-color: transparent;
            border-style: solid;
            border-width: 0 2px 2px 0 /*rtl:ignore*/ !important;
            -webkit-transform: rotate(45deg) /*rtl:ignore*/;
            transform: rotate(45deg) /*rtl:ignore*/;
            margin-top: -2px;
        }

    table .checkbox > input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        table .checkbox:hover > input:not([disabled]) ~ span,
        table .checkbox > input:focus ~ span {
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    table .checkbox.checkbox-disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    table .checkbox > input:checked ~ span {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: none;
    }

        table .checkbox > input:checked ~ span:after {
            display: block;
        }

    table .checkbox > span {
        height: 18px;
        width: 18px;
    }

        table .checkbox > span:after {
            width: 5px;
            height: 10px;
        }

    table .checkbox > input:focus ~ span {
        border: 1px solid transparent;
    }

    table .checkbox > input:checked ~ span {
        background-color: #0168fa;
    }

        table .checkbox > input:checked ~ span:after {
            border-color: #ffffff;
        }

    table .checkbox.checkbox-primary > span {
        border: 1px solid #bbbbbb;
    }

    table .checkbox.checkbox-primary > input:focus ~ span {
        border: 1px solid #bbbbbb;
    }

    table .checkbox.checkbox-primary > input:checked ~ span {
        background-color: #0168fa;
        border: none;
    }

        table .checkbox.checkbox-primary > input:checked ~ span:after {
            border-color: #ffffff;
        }

.dt-checkboxes-cell {
    vertical-align: middle;
}

table.dataTable td {
    vertical-align: middle;
}
/*-------------------- End - Checkbox -----------------*/