body {
    zoom: 100% !important;
}


.op-textcolor {
    color: #33B247 !important;
}
.btn-success {
    background-color: #33B247 !important;
}
    .btn-success:hover {
        background-color: #198754 !important;
    }
.stipulations-border {
    background-color: #f1fcee;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.stipulations-border:hover {
    background-color: #cce6e6; 
    transform: scale(1.05); 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
}
.pending {
    font-size: 20px;
    color: #f5c71a;
}

option {
    background-color: white !important;
    color: black !important;
    font-weight: normal !important;
}

.minimal {
    /* styling */
    background-color: white !important;
    color: black;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    .minimal:focus {
        background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        border-color: green;
        outline: 0;
    }


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.dropzone {
    border: 2px dashed #6c757d;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .dropzone:hover {
        background-color: #f8f9fa;
    }

    .dropzone.dragover {
        background-color: #e2e6ea;
    }

.file-input {
    display: none;
}

.icon {
    font-size: 40px;
    color: #6c757d;
    margin-bottom: 10px;
}

.modal-footer {
    justify-content: flex-start;
}

.fade {
    opacity: unset;
}

.applicant {
    background-color: #f8f9fa;
    border-radius: 8px;
}

.container {
    font-size: 16px;
    font-weight: normal;
}

@media(min-width :2000px) {
    .large {
        display: block;
    }

    .small {
        display: none;
    }
}

@media(max-width :995px) {
    .large {
        display: none;
    }

    .small {
        display: block;
    }

    .text-paragraph {
        width: 96%;
    }

    .step1-text {
        width: 95%;
    }
    #mobile, .mobileView, #uploadModal {
        width: 95%;
    }
    
}

@media(min-width :768px) {
    .logout
    {
        margin-right:18px;
    }
}


    @media(max-width :480px) {
        #mobile, .mobileView, #uploadModal {
            margin-top: 0px !important;
            width:90%
        }

        .text-paragraph {
            width: 94% !important;
        }

        .btn {
            font-size: 16px;
        }

        .step1-text {
            width: 100% !important;
        }

        #modal-dialog {
            margin-left: 30px;
        }

        .small-btn {
            display: block !important;
        }

        .large-btn {
            display: none;
        }

        #docTypes {
            width: 240px !important;
        }
    }
@media(max-width :398px) and (min-width:370px) {
    .mobileView {
        width: 89.7% !important;
    }
    #mobile {
        width: 88% !important;
    }
}
@media(max-width:369px) {
    .mobileView {
        width: 87% !important;
    }
    #mobile {
        width: 85% !important;
    }
}
    @media(max-width :398px) {
        #al-mobile {
            margin-left: 9px;
        }
        .logout {
            margin-right: -25px;
        }
}

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

    .small-btn {
        display: none;
    }

    @media(min-width :570px) and (max-width:840px) {
        #step-0, #step-2 {
            width: 96%;
        }
    }

    @media(min-width :980px) and (max-width:1250px) {
        .container {
            width: 85%;
        }
    }
    @media(max-width:425px)
    {
        #al-mobile{
            margin-left:7px;
        }
        #alignments-mobile {
            margin-left: 12px;
        }
    }

    @media(max-width :785px) {
        .home-container {
            margin-left: 25px;
            width: 90%;
        }

        .container {
            width: 90%;
        }

        .or-logo {
            height: 100px !important;
        }

        .docs {
            width: auto;
            height: 50px;
        }

        .span-docs {
            font-size: 12px;
        }

        .docTypes {
            display: !important
        }
    }

    .btn {
        border-radius: 8px;
    }

    .verification-label1 {
        font-weight: bold;
        color: black !important;
    }

    .logout-icon {
        font-size: 25px;
        offset-rotate: reverse;
        color: grey;
        -webkit-transform: rotate(180deg);
    }

    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4
    }

        .btn-primary:hover {
            background-color: #286090;
        }

    .exampleLinks {
        display: inline-grid;
    }

        .exampleLinks a {
            color: #33B247;
            text-decoration-line: none;
            font-weight: bold;
        }

    .red-border {
        border-color: red !important;
    }

    #docTypes {
        width: 280px;
    }

    .loader {
        color: #ffffff;
        font-size: 45px;
        text-indent: -9999em;
        overflow: hidden;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        position: relative;
        transform: translateZ(0);
        animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
    }

    .modalSpin {
        position: fixed;
        z-index: 2000; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* Black background with opacity */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* Loader spinner */
    .loader {
        border: 5px solid #f3f3f3; /* Light grey */
        border-top: 5px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .loading-text {
        font-size: 18px;
        margin-top: 15px;
    }

    .label-danger {
        background-color: #d9534f;
    }

    .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
    }

    .file-name {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

        .file-name:hover {
            text-decoration: underline;
        }

    @media(max-width:345px) {
        #docTypes {
            width: 200px !important
        }
    }
.files-mobile {
    width: auto;
    padding-right: 12px;
}

.desktop-continue-btn {
    background-color: #91C63C !important;
    border-radius:8px !important;
   
}
.desktop-continue-btn:hover {
    background-color: #6A9A2C !important;
}


li {
    list-style-type: disc !important;
    margin-bottom: 10px;
}

.small table td{
    padding-bottom:10px;
}