body,
    html {
        height: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px !important;
        font-weight: 600;
        font-family: Poppins, Helvetica, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        min-height: 100vh;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        overflow-y: auto;
        color: #035573;
        background: #eee;
    }
    
    a:focus, a:not(.btn):focus, .swal2-container button:focus {
        outline: 2px dashed #000 !important;
        outline-offset: 2px;
    }

    .form-control:focus, .form-select:focus, a.btn:focus, button.btn:focus {
        outline: 2px dashed #fff !important;
        outline-offset: 2px;
    }
    
    .box {
        width: 100%;
        border-radius: 15px;
        -webkit-box-shadow: 0 10px 34px -15px rgb(0 0 0 / 24%);
        -moz-box-shadow: 0 10px 34px -15px rgba(0, 0, 0, .24);
        box-shadow: 0 10px 34px -15px rgb(0 0 0 / 24%);
    }
    
    .box-left-bg {
        background: #035573;
        color: #fff;
    }
    
    .box-right-bg {
        background: #fff;
        color: #333;
    }
    
    .fw-600 {
        font-weight: 600;
    }
    
    .form-control,.form-select {
        color: #000;
        font-size: 16px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #035573;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    .btn.btn-primary {
        background-color: #035573;
        border-color: #035573;
        font-weight: 500;
    }
    
    .heading_divider {
        width: 6.7rem;
        height: 2px;
        margin: 0 auto;
        border-style: solid;
        border-width: 2px;
        border-image-source: linear-gradient(to right, #ffffff, #035573);
        /* border-image-source: linear-gradient(to right, #fff042, #e97b01); */
        border-image-slice: 1;
    }
    #global_loader_div .back-overlay {
        top: 0px;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1031;
        display: none;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
        background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4)));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
    }
    
    #global_loader_div .loading-box {
        width: 14%;
        left: 43%;
        top: 40%;
        z-index: 1032;
        border-radius: 3px;
        height: auto;
        position: fixed;
        background: rgba(0, 0, 0, 0.6);
        color: #fff !important;
        display: none;
        padding: 15px !important;
    }
    
    .loading-box i {
        color: #fff;
    }
    
    #global_loader_div .loader-text div {
        padding-top: 5px;
        text-align: center;
        color: #fff !important;
    }

    /* Breadcrumb */

    nav.breadcrumb {
        margin-top: 1rem;
    }

    nav.breadcrumb ol {
        margin: 0;
        padding-left: 0;
        list-style: none;
    }
    
    nav.breadcrumb li {
        display: inline;
    }
    
    nav.breadcrumb li + li::before {
        display: inline-block;
        margin: 0 0.25em;
        transform: rotate(15deg);
        border-right: 0.1em solid currentcolor;
        height: 0.8em;
        content: "";
    }
    
    .breadcrumb a {
        color: #273C75;
    }
    
    nav.breadcrumb [aria-current="page"] {
        color: #1B6580;
        font-weight: 700;
        text-decoration: none;
    }

    /* Heading */

    h1 {
        font-size: 1.75rem;
    }

    div.welcome-text {
        font-size: 2.5rem;
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    div.welcome-text a {
        text-decoration-color: #035573;
    }

    .text-brown {
        color: #913a1d;
    }

    .text-blue {
        color: #035573;
    }

    .bg-brown {
        background-color: #913a1d;
    }

    ::placeholder {
        color: #767676;
        opacity: 1;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #767676;
    }
    
    ::-ms-input-placeholder { /* Microsoft Edge */
    color: #767676;
    }

    ::-webkit-input-placeholder { /* Edge */
        color: #767676;
    }

    .heading-blue-divider {
        margin: 0 auto;
        border-style: solid;
        border-width: 3px;
        border-image-source: linear-gradient(to left, #ffffff, #035573);
        border-image-slice: 1;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding-bottom: 0.6rem;
    }

    #header a:focus, #header .mobile-nav-toggle:focus .icon-box a:focus, .navbar-toggler:focus {
        outline: 2px dashed #000 !important;
        box-shadow: none;
    }

    @media (max-width: 768px) {
        .width-controller {
            width: 100%!important;
        }
    }

    .swal2-icon.swal2-error {
        border-color: #F16969 !important;
    }
    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
        background-color: #F16969 !important;
    }
    a.skip-link:focus {
        outline: 2px dashed #FFF !important;
    }