@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.bg-other {
    background-color: #ffff !important;
}

.bg-color {
    background-color: #114ddb;
}

.header-bg {
    background-color: #114ddb;
}

.selected {
    border: 1px solid #E65262 !important;
}

.footer-color {
    border-top: #0f2451 solid 3px;
}

.checkmark1 {
    border: #0f2451 solid 2px;
}

.checkmark {
    border: #0f2451 solid 2px;
}

.fa-pencil {
    color: #114ddb !important;
}

.card-header {
    background-color: #114ddb;
    color: white;
}

.card-adjustment {
    /*border: #E65262 solid 2px;*/
}

.btn-adjustment:active {
    background-color: #0f2451 !important;
    color: #fff !important;
}

.order-tracking.completed .is-complete {
    border-color: #114ddb;
    border-width: 0px;
    background-color: #114ddb;
}

.order-tracking.completed:before {
    background-color: #114ddb;
}



.icon4 {
    background: #0f2451 !important;
}

.icon2 {
    margin-left: 20px !important;
}

.action-buttonsi {
    background-image: linear-gradient(to right,#101828, #101828) !important;
}

.footerblockbg1 {
    border-top: #0f2451 solid 3px !important;
}

.action-buttonsi:hover, .action-buttonsi:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451 !important;
}

.actionbutton {
    background-image: linear-gradient(to right,#101828, #101828) !important;
}

    .actionbutton:hover, .actionbutton:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451 !important;
    }

.fs-title {
    background: #114ddb !important;
    color: white;
}

.fgc-table th {
    background-color: #114ddb;
    color: white;
}

.menuheader {
    border-bottom: #0f2451 solid 2px;
}

#msform .action-button1 {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.pagehee1 {
    color: #12151e;
}

.container input:checked ~ .checkmark {
    background-color: #0f2451;
}

#msform .action-button1:hover, #msform .action-button1:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="text"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #114ddb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #114ddb;
    outline: 0 none;
}

.container input:checked ~ .checkmark1 {
    background-color: #0f2451;
}

/*.btn-success {
    background-color: #101828 !important;
}
.btn-success:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
    background:black;
}*/
#addnewauthn {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.modal-header {
    background-color: #114ddb !important;
    color: black !important;
}

label.uplofile {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

select:focus-visible {
    outline: 1px solid #114ddb;
    border: 1px solid #114ddb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #114ddb;
}

.container input:checked ~ .checkmark2 {
    background-color: #114ddb;
}

#msform .action-button {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.action-buttonsnew {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.menuheader1:hover {
    border-bottom: #0f2451 solid 2px;
}

.blockselct1 {
    border: #0f2451 solid 2px;
}

.loader {
    border-top: 10px solid #0f2451;
}

a#addnewauthn:hover {
    cursor: pointer;
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451 !important;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451 !important;
}

.uplofile:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451 !important;
}

.headerblockright {
    background: #0f2451 !important;
}

.formtx select:focus {
    border-color: #0f2451;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0f2451;
    outline: 0 none;
}

.text-underline:hover {
    text-decoration: underline black !important;
}

input.form-control:focus-visible {
    border-color: #114ddb !important;
    box-shadow: 0 1px 1px #114ddb inset, 0 0 8px #114ddb !important;
    outline: 0 none !important;
}

.form-control:focus {
    border-color: #114ddb !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #114ddb !important;
}

.back-btn {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

    .back-btn:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #0f2451 !important;
    }
/*Responsive css   */
/*For small devices sm*/
@media (max-width: 767px) {
    .headerbgblock {
        display: flex;
        flex-direction: column;
    }

    .headerblockleft {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .headerblockright {
        position: relative;
        background: #0f2451;
        width: 100% !important;
        top: 9px;
    }

    .menyblock a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .menyblock {
        position: relative;
        display: flex;
    }

    .pageblockwrapper1 {
        position: relative;
        top: 10px;
    }

    .menyblock {
        margin: 0 !important;
        float: none !important;
        margin-right: 0 !important;
    }

    .signheading2 {
        font-size: 15px !important;
        position: relative;
        top: 4px;
    }

    .icon4 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .browse-old-applications-sm {
        position: relative;
        top: 15px;
    }

    .headerbgblock {
        top: 50px;
    }

    .delete-icon-remove {
        width: 100% !important;
    }

    .mymodel {
        /*left: 20px !important;*/
        width: inherit !important;
    }

    .block-confirmation-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .action-buttonsnew {
        width: 144px;
    }

    .sm-hide {
        display: none
    }

    .sm-file {
        width: 100% !important;
    }

    .pageblockwrapper1 {
        overflow-x: hidden;
    }

    .formtx input {
        padding: 14px 2px 14px 2px;
    }

    .formb1 {
        width: 100%;
    }

    .formb2 {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .select2 {
        width: 102% !important;
    }

    .formtx1 textarea {
        padding: 14px 2px 14px 2px;
    }

    .textformblock {
        width: 100% !important;
    }

    .pageblockwrapper {
        margin-top: 60px;
    }

    .headerbgblock {
        position: relative;
    }

    .topheader {
        padding: 10px;
    }

    #blockconfirmation {
        margin-top: 0px;
        position: relative;
        top: 90px;
    }

    .formtx select {
        width: 102%;
    }
}
/*sm End*/
/* Your tablet-specific styles go here */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .icon4 {
        width: 94% !important;
    }

    .textformblock {
        width: 100% !important;
    }

    .signheading2 {
        font-size: 16px;
        position: relative;
        top: 4px;
    }
}
/* Your CSS styles for Safari on small screens go here for sm*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
}

.btn-green-effect {
    /* border: 1px solid #6461fc !important;*/
    background: #114ddb;
    color: white;
    font-family: "Roboto", sans-serif;
    
}


    /*    .btn-adjustment:active {
        background-color: #1f8f46 !important;
    }*/

    .btn-green-effect:focus-visible {
        transition: all 0.5s ease !important;
        color: white !important;
        background: #0f2451 !important;
        border: none !important
    }

.prev-svg {
    display: block !important;
    background-image: url(../../Images/nexdiprevbtn.svg) !important;
    width: 35px !important;
    height: 35px !important;
    /* background: no-repeat; */
    background-repeat: no-repeat !important;
}

.next-svg {
    display: block;
    background-image: url(../../Images/nexdinextbtn.svg) !important;
    width: 35px !important;
    height: 35px !important;
    /* background: no-repeat; */
    background-repeat: no-repeat !important;
}

.plus-icon {
    font-size: 29px;
    color: #114ddb !important;
    cursor: pointer;
}

.angle-down {
    font-size: 24px;
    color: #114ddb !important;
}

.btn-next:hover {
    outline: 2px solid #114ddb !important;
}

.btn-previous:hover {
    outline: 2px solid #114ddb !important;
}

.btn-adjustment:active {
    background-color: #114ddb !important;
}

.select2-container--focus {
    border-color: #114ddb !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #114ddb !important;
}

.fa-exclamation-circle {
    color: #114ddb !important;
}

.account-card-adjustment {
    border: #114ddb solid 2px !important;
}

.upload-btn1:hover {
    border: 1px solid #114ddb !important;
}

.btnn:hover {
    border: 1px solid #114ddb !important;
}

.header-text {
    color: white !important;
}

.custom-briefcase {
    color: #114ddb;
}

.custom-home {
    color: #114ddb;
}

.loader.business-loader {
    border-top: 10px solid #114ddb !important;
}

.btn-next:focus-visible {
    outline-color: #6461fc;
    outline-offset: 3px;
}

.btn-previous:focus-visible {
    outline-color: #6461fc;
    outline-offset: 3px;
}

.business-account > .order-tracking.completed .is-complete {
    border-color: #114ddb !important;
    background-color: #114ddb !important;
}

.selected.selected-business-account {
    border: 1px solid #6461fc !important;
}

.business-account-field + .select2-container--focus {
    border-color: #114ddb !important;
    box-shadow: 0 1px 1px rgba(114, 255, 183, 0.075) inset, 0 0 8px #114ddb !important;
}

.upload-btn1-business-account {
    border: 1px solid #114ddb !important;
    background-color: #114ddb;
    color: white !important;
}

    .upload-btn1-business-account:hover {
        transition: all 0.5s ease;
        color: white !important;
        background: #114ddb !important;
        border: none !important;
    }

        .upload-btn1-business-account:hover .fa-upload {
            color: white !important;
        }

.btn-green-effect:hover {
    color: white !important;
    border: none !important;
    background: #0f3acb !important;
}

    .btn-green-effect:hover .fa-eye {
        color: white !important;
    }

span.checkmark1.business-account-field {
    border: #114ddb solid 2px;
}

.business-account-field:checked ~ .checkmark {
    background-color: #114ddb !important;
}

.business-account-field:checked ~ .checkmark {
    background-color: #114ddb !important;
}

.business-account > .order-tracking.completed .is-complete {
    border-color: #114ddb !important;
    background-color: #114ddb !important;
}

.business-account > .order-tracking.completed:before {
    background-color: #114ddb !important;
}

span.checkmark.business-account-field {
    border: #114ddb solid 2px;
}

.btn-green-effect.btn-green-effect-business-account:focus-visible {
    transition: all 0.5s ease;
    color: white !important;
    background: #2933af !important;
    border: none !important;
}

.business-account-field:checked ~ .checkmark2 {
    background-color: #114ddb !important;
}

.business-account-field:checked ~ .checkmark1 {
    background-color: #114ddb !important;
}

.business-account-field:focus {
    border-color: #114ddb !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #114ddb !important;
}

.pagehee1 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

label {
    font-family: "Roboto", sans-serif;
}

input, select, textarea, .select2-results__option, .select2-selection__rendered {
    font-family: "Inter", serif !important;
}

.pagett2 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

#textcon {
    font-family: "Inter", serif !important;
}

.btn-previous {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

.btn-next {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}
.fa-upload {
    color: white !important;
}
body {
    font-family: "Roboto", sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: unset !important;
}

.btn-green-effect > .fa-eye {
    color: white !important;
}
.upload-btn1-business-account:hover, .upload-btn1-business-account:focus, .upload-btn1-business-account:focus-visible {
    background-color: #114ddb !important;
    outline: none;
}