#debicheckForm > .validation-summary-errors {
    padding-top: 20px;
}

.fast-app-max-width {
    max-width: 1100px;
    margin: auto;
}


.container-max-width-xl {
    max-width: 1600px;
    margin: auto;
}
.sig-btn{
    font-size:14px!important;
}
.sign-featured {
    background: #e5e5e5 !important;
}

/*Finance Verdict*/
.statusApproved {
    color: GrayText;
    background-color: yellowgreen;
    border-color: yellowgreen;
    background-image: -webkit-linear-gradient(rgba(229, 255, 0, 0.83), yellowgreen 50%, yellowgreen);
    background-image: -o-linear-gradient(rgba(229, 255, 0, 0.83), yellowgreen 50%, YellowGreen);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 255, 0, 0.83)), color-stop(50%, yellowgreen), to(yellowgreen));
    background-image: linear-gradient(rgba(229, 255, 0, 0.83), yellowgreen 50%, yellowgreen);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusNone {
    background-color: #ff006e;
    border-color: #e80c4d;
    background-image: -webkit-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -o-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff006e), color-stop(50%, #e80c4d), to(#e80c4d));
    background-image: linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusContractRequested {
    background-color: mediumorchid;
    border-color: darkmagenta;
    background-image: -webkit-linear-gradient(mediumorchid, darkmagenta 50%, darkmagenta);
    background-image: -o-linear-gradient(mediumorchid, darkmagenta 50%, darkmagenta);
    background-image: -webkit-gradient(linear, left top, left bottom, from(mediumorchid), color-stop(50%, darkmagenta), to(darkmagenta));
    background-image: linear-gradient(mediumorchid, darkmagenta 50%, darkmagenta);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusQuote {
    color: #fff;
    background-color: #0ea00e;
    border-color: darkgreen;
    background-image: -webkit-linear-gradient(#0ea00e, #0ea00e 50%, darkgreen);
    background-image: -o-linear-gradient(#0ea00e, #0ea00e 50%, darkgreen);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0ea00e), color-stop(50%, #0ea00e), to(darkgreen));
    background-image: linear-gradient(#0ea00e, #0ea00e 50%, darkgreen);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusFinanceApplication {
    background-color: turquoise;
    border-color: darkturquoise;
    background-image: -webkit-linear-gradient(turquoise, darkturquoise 50%, darkturquoise);
    background-image: -o-linear-gradient(turquoise, darkturquoise 50%, darkturquoise);
    background-image: -webkit-gradient(linear, left top, left bottom, from(turquoise), color-stop(50%, darkturquoise), to(darkturquoise));
    background-image: linear-gradient(turquoise, darkturquoise 50%, darkturquoise);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusUnderwrite {
    color: #fff;
    background-color: #4800ff;
    border-color: darkslateblue;
    background-image: -webkit-linear-gradient(#4800ff, #4800ff 50%, darkslateblue);
    background-image: -o-linear-gradient(#4800ff, #4800ff 50%, darkslateblue);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4800ff), color-stop(50%, #4800ff), to(darkslateblue));
    background-image: linear-gradient(#4800ff, #4800ff 50%, darkslateblue);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusFinalise {
    color: #fff;
    background-color: slateblue;
    border-color: darkslateblue;
    background-image: -webkit-linear-gradient(slateblue, darkslateblue 50%, darkslateblue);
    background-image: -o-linear-gradient(slateblue, darkslateblue 50%, darkslateblue);
    background-image: -webkit-gradient(linear, left top, left bottom, from(slateblue), color-stop(50%, darkslateblue), to(darkslateblue));
    background-image: linear-gradient(slateblue, darkslateblue 50%, darkslateblue);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusDeclined {
    background-color: red;
    border-color: darkred;
    background-image: -webkit-linear-gradient(red, red 50%, darkred);
    background-image: -o-linear-gradient(red, red 50%, darkred);
    background-image: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(50%, red), to(darkred));
    background-image: linear-gradient(red, red 50%, darkred);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusReferred {
    background-color: orange;
    border-color: darkorange;
    background-image: -webkit-linear-gradient(orange, darkorange 50%, darkorange);
    background-image: -o-linear-gradient(orange, darkorange 50%, darkorange);
    background-image: -webkit-gradient(linear, left top, left bottom, from(orange), color-stop(50%, darkorange), to(darkorange));
    background-image: linear-gradient(orange, darkorange 50%, darkorange);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusPending {
    background-color: mediumorchid;
    border-color: darkmagenta;
    background-image: -webkit-linear-gradient(mediumorchid, mediumorchid 50%, darkmagenta);
    background-image: -o-linear-gradient(mediumorchid, mediumorchid 50%, darkmagenta);
    background-image: -webkit-gradient(linear, left top, left bottom, from(mediumorchid), color-stop(50%, mediumorchid), to(darkmagenta));
    background-image: linear-gradient(mediumorchid, mediumorchid 50%, darkmagenta);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusActive {
    background-color: #ff006e;
    border-color: #e80c4d;
    background-image: -webkit-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -o-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff006e), color-stop(50%, #e80c4d), to(#e80c4d));
    background-image: linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusRequested {
    background-color: darksalmon;
    border-color: #d78e75;
    background-image: -webkit-linear-gradient(darksalmon, #d78e75 50%, #d78e75);
    background-image: -o-linear-gradient(darksalmon, #d78e75 50%, #d78e75);
    background-image: -webkit-gradient(linear, left top, left bottom, from(darksalmon), color-stop(50%, #d78e75), to(#d78e75));
    background-image: linear-gradient(darksalmon, #d78e75 50%, #d78e75);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusNotTakenUp {
    color: #fff;
    background-color: firebrick;
    border-color: #9a2020;
    background-image: -webkit-linear-gradient(firebrick, #firebrick 50%, #9a2020);
    background-image: -o-linear-gradient(firebrick, #firebrick 50%, #9a2020);
    background-image: -webkit-gradient(linear, left top, left bottom, from(firebrick), color-stop(50%, #firebrick), to(#9a2020));
    background-image: linear-gradient(firebrick, #firebrick 50%, #9a2020);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusDefault {
    color: #fff;
    background-color: #2b333b;
    border-color: #2b333b;
    background-image: -webkit-linear-gradient(#566676, #566676 50%, #2b333b);
    background-image: -o-linear-gradient(#566676, #566676 50%, #2b333b);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#566676), color-stop(50%, #566676), to(#2b333b));
    background-image: linear-gradient(#566676, #566676 50%, #2b333b);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#566676', endColorstr='#2b333b', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999; /* ensure it appears on top of other content */
}



.validation-summary-errors {
    font-size: 15px;
    color: #db4d4a;
}

.banner-btn:hover {
    color: #9f9086;
    background-color: #e5e5e5;
}

.second-otp-header, .second-otp-footer {
    background-color: #e5e5e5;
}

.nav-item {
    padding-right: 12px;
    padding-left: 12px;
}

.doc-accepted-check {
    top: 0px !important;
}

.pc2 {
    border: 2px solid #ddaf47;
    position: relative;
}


.pc1 {
    border: 2px solid #9264d1;
    position: relative;
}

.custom-control-label {
    padding-left: 20px;
}

.custom-checkbox .custom-control-label::before {
    margin-top: 15px;
    height: 25px;
    width: 25px;
}

.custom-control-label::after {
    position: absolute;
    top: 1.45rem;
    left: -1.2rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

control-input.is-valid ~ .custom-control-label {
    color: rgb(253, 126, 39) !important;
}

.pricing-credit {
    color: #fff;
    letter-spacing: 5px;
    font-size: 45px;
    font-weight: 700;
    padding: 20px 0;
}

.fa-note {
    color: white;
}

.pc-bot-seperates {
    position: relative;
    left: 14px;
    font-weight: 700;
    font-size: 14px;
}

.pc-bot-seperates-span {
    color: #5a5a5a;
    font-size: 14px;
}

.pricing-credit-gold {
    color: #fff;
    letter-spacing: 5px;
    font-size: 39px;
    text-shadow: 2px 2px #ffb700;
    font-weight: 700;
}


.pricing-credit-purple {
    color: #fff;
    letter-spacing: 5px;
    font-size: 39px;
    text-shadow: 2px 2px #6200ff;
    font-weight: 700;
}

.pricing-card-header {
    padding-top: 68px;
}

.credit-right {
    height: 423px;
}

.pricing-row {
    max-width: 1300px;
    margin: auto !important;
}

.credit-count {
    color: #fffffffa;
    text-shadow: 2px 2px #181818;
    letter-spacing: 2px;
    position: relative;
    /*    top: -31px;*/
}

.credit-count-gold {
    text-shadow: 2px 2px #7f611e !important;
}

.credit-count-purple {
    text-shadow: 2px 2px #371861 !important;
}

.credit-li {
    font-size: 14px;
}




.credit-ul {
    list-style-type: none;
    width: fit-content;
    padding-top: 20px;
}

.credit-ul {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}


.pc-bottom-border {
    height: 4px;
    width: 85%;
    border-radius: 50px;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.row {
    margin-left: 0px;
    margin-right: 0px
}

.pc2-bottom-border {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #cb9c36 30%, #bb8f2b 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ddb037 0%, #cdae5d 8%, #D1B464 25%, #b58416 62.5%, #473305 100%);
}

.pc1-bottom-border {
    background: radial-gradient(ellipse farthest-corner at right bottom, #6431a3 0%, #662dad 8%, #753abd 30%, #8747d7 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #6431a3 0%, #4a1a85c2 8%, #9264d1 25%, #6431a3 62.5%, #ffffff 100%);
}

.credit-left {
    text-align: center;
    padding-top: 44px;
}

.pricing-card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.05);
}

.col-pc2 {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #cb9c36 30%, #bb8f2b 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ddb037 0%, #cdae5d 8%, #D1B464 25%, #b58416 62.5%, #473305 100%);
}

.col-pc1 {
    background: radial-gradient(ellipse farthest-corner at right bottom, #6431a3 0%, #662dad 8%, #753abd 30%, #8747d7 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #6431a3 0%, #4a1a85c2 8%, #9264d1 25%, #6431a3 62.5%, #ffffff 100%);
}

.pc2 > .row > .col-5 > .credit-left > .pricing-card-header > .pricing-name {
    letter-spacing: 8px;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    text-shadow: 2px 2px #b98100;
    background-image: linear-gradient( to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100% );
    color: white;
    -webkit-background-clip: text;
}

.pc1 > .row > .col-5 > .credit-left > .pricing-card-header > .pricing-name {
    letter-spacing: 8px;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    text-shadow: 2px 2px #662dad;
    color: white;
    -webkit-background-clip: text;
}

.accept-all-cookies-btn {
    border-radius: 25px;
    background-color: #14213d;
    width: fit-content;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    padding: 11px;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: white;
}

    .accept-all-cookies-btn:hover {
        font-weight: 600;
        background-color: #eeeeee;
        color: black;
    }

.exit-cookies-btn:hover {
    background-color: #eeeeee;
}

.privacy-modal-card {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    border-radius: 0px;
}

#reopen-cookie-btn {
    position: fixed;
    bottom: 0 !important;
    height: 60px;
    right: 0 !important;
    width: 80px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    background: #3046a3;
    border-top-left-radius: 22px;
    z-index: 999999;
    border: 2px solid #1818bb;
}

.privacy-statement-link {
    text-decoration: underline !important;
    color: black !important;
}

.pvh {
    font-weight: 700 !important;
    font-size: 20px;
    padding-bottom: 10px;
}

.privacy-text {
    font-weight: 500 !important;
}

.exit-cookies-btn {
    border-radius: 25px;
    background-color: #e5e5e5;
    width: fit-content;
    position: relative;
    color: black;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: normal;
    font-size: 0.7rem;
}

.scroll-message {
    text-shadow: 2px 2px #ffb700;
}

/*admin screens */

#submit-group-btn {
    width: 120px !important;
    padding-left: 16px !important;
}

.white-border-grey-back-btn:hover {
    background-color: white;
    color: black;
}

.UpdateEmployment {
    background-color: #0e2152 !important;
    border-color: #0e2152 !important;
    margin: auto;
    width: 45% !important;
}

.hide-show-emp {
    width: 120px;
}

#SearchResults > tbody {
    position: relative;
    top: -20px;
}

.dataTables_scrollBody > table > thead {
    padding: 0px !important;
}

    .dataTables_scrollBody > table > thead > tr > th {
        padding: 0px !important;
    }

.min-bg-height {
    min-height: 65vh;
}

#EmploymentTabel > div > table > thead > tr > th {
    border: none !important;
    font-size: 13px;
    padding-left: 6px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #0e2152;
    color: #fff;
}

#submit-insurer-btn {
    width: 120px !important;
    padding-left: 16px !important;
}

.quick-quote-bot-section {
    height: 74px;
    margin-bottom: 50px;
}

.container {
    background: #e5e5e5 !important;
}

.Model_IdNo-error {
    color: darkred;
}

.container-fluid {
    background: #e5e5e5 !important;
    padding: 40px;
}

#SearchResults_paginate {
    display: none;
}

#SearchResults_filter > button {
    background-color: #0e2152;
}

.card-header {
    background: #dbdbdb !important;
    background-color: #dbdbdb !important;
}

    .card-header.bg-primary {
        background: #dbdbdb !important;
        background-color: #dbdbdb !important;
    }

    .card-header > p {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        font-weight: 500;
    }

    .card-header.text-white { /* we overide it*/
        color: black !important;
    }

.bg-light { /* we overide it*/
    background: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

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

.border-secondary {
    border: 5px solid #d1cdca !important;
    background: #e5e5e5;
    border-radius: 35px;
}

    .border-secondary > .card-header {
        border-top-right-radius: 35px;
        border-top-left-radius: 35px;
        padding: 36px;
    }

.btn-secondary {
    color: #fff !important;
}

#includeCancelledAgreements {
    width: 25px;
}

#FTSDiagnosticfileupload {
    max-width: 1000px;
}

.input-group-prepend > svg {
    height: 64%;
}

.fts-diagnostics-chbx-wrapper > label {
    position: relative;
    top: -14px;
}

.input-group-prepend {
    margin-right: 26px;
}

.btn-darkgrey {
    color: #fff !important;
}

.card-header {
    color: black;
}

.list-group-item {
    background-color: #e3e3e3;
}

.acstatrelative {
    position: relative;
    top: 7px;
}

.small-text {
    font-size: 15px;
}

#sUseUser {
    position: relative;
    top: 14px;
}

.tx-search-btns {
    position: relative;
    top: 30px;
}

.tx-btn-search {
    font-size: 15px;
    width: 85px;
    height: 40px;
}

#reportIdSelection {
    width: 100% !important;
}

.tx-btn-clear {
    font-size: 15px;
    width: 85px;
    height: 40px;
    position: relative;
    left: 10px;
}

.actionStatus {
    height: 100px;
    min-width: 200px;
}

.finance-verdict-background {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 73vh;
}

.highlight {
    background-color: #abdbff!important;
    transition: background-color 2s!important;
}

.nav-link.h6 {
    color: #6c757d;
}

#linkedIntermediaries {
    max-height: 459px;
}

    #linkedIntermediaries > .card-body {
        overflow: auto;
    }

.Report-structure-container > .row {
    max-width: 1700px;
    margin: auto;
}

.clickabke {
    cursor: pointer;
}

.Recent-Transactions-header {
    border-bottom-right-radius: 35px !important;
    border-bottom-left-radius: 35px !important;
}

.card-header > h3 {
    color: black;
    font-size: 22px !important;
    font-weight: 600;
}


.border-primary > .card-header {
    border-top-right-radius: 35px;
    border-top-left-radius: 35px;
    padding: 36px;
}

    .border-primary > .card-header > h6 {
        color: black;
        font-size: 25px;
    }

.btn-primary {
    color: #fff;
    background-color: #0e2152;
    border-color: #0e2152;
}

.btn-veri {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}

    .btn-veri:hover {
        color: #fff !important;
        background-color: #3f4245 !important;
        border-color: #545b62 !important;
    }

.border-primary {
    border: 5px solid #d1cdca !important;
    background: #e5e5e5;
    border-radius: 35px;
}

.background-grey {
    background-color: #e5e5e5;
}

.background-orange {
    background-color: #ee7d1f !important;
}

.dealernet-blue {
    color: #0e2152 !important;
}

.dealnet-orange {
    color: #ee7d1f !important;
}

#CommissionStructuresTable_wrapper {
    margin-top: -80px;
}

.coverpage {
    position: fixed; /* Fixed/sticky position */
    z-index: 9999; /* Sit on top of everything else */
    top: 0; /* Position at the top */
    left: 0; /* Position on the left */
    height: 100%; /* Full height */
    width: 100%; /* Full width */
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    display: flex; /* Enable flex */
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
}

#loading-image {
    width: 500px; /* Exactly 500px width */
    height: 500px; /* Exactly 500px height */
    object-fit: contain; /* Keeps aspect ratio */
    animation: fadeInOut 2s infinite; /* Apply the animation */
}

@keyframes fadeInOut {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.8;
    }
}

.new-blew {
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

.table-responsive {
    cursor: pointer;
}

#nav-theres-more {
    display: none;
}

#AcceptVerify {
    background-color: #004d9f;
    font-size: 20px;
}

.otp-close-wrapper {
    margin-bottom: -29px;
}

.close-icon {
    position: relative !important;
    z-index: 999;
    left: -2px;
}

    .close-icon:hover {
        color: gray;
    }

input {
    min-height: 38px !important;
}

#FetchData{
    position:relative;
    left:20px;
}

.navbar {
    z-index: 98 !important;
}

.MapperDetailAction {
    width: 100%;
    left: 5%;
}

#SearchResults_Mapper td {
    vertical-align: middle; /* Vertically center the text */
}

.btn-info {
    color: #fff !important;
}

.btn-secondary {
    color: #686868;
}

th {
    vertical-align: middle !important;
    font-size: 0.8rem !important;
}

thead > tr > th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#blForm {
    margin: auto;
    width: 80%;
    padding: 60px !important;
    padding-bottom: 85px !important;
}

.digi-book-text {
    position: relative;
    top: -14px;
}

.fw-600 {
    font-weight: 600;
}

.max-width-section {
    max-width: 1200px;
    margin: auto;
}

.border-orange {
    border: 1px solid rgb(253, 126, 39) !important;
}

.CommissionStructureLinksTable_info {
    vertical-align: middle;
}

.commissionstructure-search {
    box-shadow: none !important;
}

#scrollToTopBtn {
    height: 60px;
    width: 60px;
    background-image: url('../images/dealernetredesign/pages/services/play icon.svg');
    background-repeat: no-repeat !important;
    background-size: contain;
    position: fixed;
    bottom: 20px;
    right: 100px;
    cursor: pointer;
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
    transform: rotate(-90deg);
    border: 4px solid #d1cdca;
    border-radius: 66px;
    transition: border-color 1.5s, box-shadow 1.5s; /* Smooth transition for color and shadow */
}

    #scrollToTopBtn:hover {
        animation: glow 1.5s ease-in-out forwards infinite;
    }

@keyframes glow {
    0% {
        border-color: #d1cdca;
        box-shadow: 0 0 3px 2px rgba(253, 126, 39, 0); /* No glow at the start */
    }

    50% {
        border-color: rgb(253, 126, 39);
        box-shadow: 0 0 3px 2px rgba(253, 126, 39, 0.6); /* Full glow in the middle */
    }

    100% {
        border-color: #d1cdca;
        box-shadow: 0 0 3px 2px rgba(253, 126, 39, 0); /* Return to no glow */
    }
}

.full-height-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sendpinbtn {
    width: 120px;
    padding-left: 14px !important!;
}

.debi-card-header {
    font-weight: 600;
    font-size: 30px;
}

.d-orange {
    color: rgb(253, 126, 39) !important;
}

.text-primary {
    color: rgb(253, 126, 39) !important;
}

.dataTables_empty {
    color: #005ba7 !important;
}

.paginate_button.previous {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    width: 78px !important;
    text-align: center;
    background-color: #0e2152 !important;
    color: #fff !important;
    margin-top: 10px;
}

.bottom-border-rounded {
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.bg-info {
    background-color: #ee7d1f !important;
}

.debicheck-d {
    color: #dbdbdb;
    position: relative;
    top: -48px;
    left: 67px;
    font-size: 41px;
    font-weight: 700;
    text-shadow: -1px -1px 0 #797979, 1px -1px 0 #000, -1px 1px 0 #555, 1px 1px 0 #101010;
    position: relative;
    float: right;
}

.debi-circle {
    width: 58px;
    height: 58px;
    position: relative;
    float: right;
    top: -55px;
    margin-bottom: -55px;
}

.paginate_button.next {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    width: 78px !important;
    text-align: center;
    background-color: #0e2152 !important;
    color: #fff !important;
    margin-top: 10px;
}

.paginate_button {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    text-align: center;
    background-color: #0e2152 !important;
    color: #fff !important;
    margin-top: 10px;
    min-width: 38px;
}

.paging_simple_numbers {
    margin-left: -5px !important;
}

.card-header-no-curves {
    border-radius: 0px !important;
}

td {
    padding-left: 15px !important;
}

.dataTables_length > label {
    color: rgb(253, 126, 39) !important;
    font-weight: 600;
}

    .dataTables_length > label > select {
        border: 2px solid #d1cdca;
        color: #0e2152 !important;
        border-radius: 15px;
        background-color: #ededed;
        height: 37px;
    }

        .dataTables_length > label > select ::after {
            content: "";
            display: none;
        }



.dataTables_filter {
    width: 250px;
    margin-bottom: 30px;
}

.dataTables_length {
    width: 70px;
    position: relative;
    top: 94px;
    left: 235px;
    margin-top: -100px;
}

.dataTables_filter > label {
    color: rgb(253, 126, 39) !important;
    font-weight: 600;
}

    .dataTables_filter > label > input {
        border: 2px solid #d1cdca;
        color: #0e2152 !important;
        border-radius: 15px;
        background-color: #ededed;
    }


#regProdsTable_length {
    width: 70px;
    position: relative;
    top: 94px;
    left: 235px;
    margin-top: -100px;
}

    #regProdsTable_length > label > select {
        height: 38px;
    }

#SearchProduct {
    width: 120px;
    padding-right: 27px;
    text-align: center;
}

#ClearSearchResults {
    width: 120px;
    padding-right: 30px;
    text-align: center;
}

.dataTable {
    border: none !important;
    margin-bottom: 0px !important;
    display: inline-table !important;
}

    .dataTable > thead {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .dataTable > thead > tr > td {
            border-top: 0px !important;
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 15px !important;
            font-weight: 600;
            padding-left: 8px !important;
            border-right: 1px solid #2a738d;
            border-left: 1px solid #2a738d;
            text-align: center;
        }

        .dataTable > thead > tr {
            position: sticky;
            top: 0px;
        }

.dt-responsive > thead > tr > th {
    border: none !important;
    font-size: 13px;
    padding-left: 6px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #0e2152;
    color: #fff;
}

.dataTables_scrollHeadInner > .dataTable tr th {
    border: none !important;
    font-size: 13px;
    padding-left: 6px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #0e2152;
    color: #fff;
}

.page-item.active .page-link {
    z-index: 1 !important;
    color: #fff !important;
    background-color: #005ba7 !important;
    border-color: #686868 !important;
}

#SearchResults > tbody > tr > td {
    vertical-align: middle !important;
}

#UpdateEmployment {
    min-width: 106px;
}

#HideShowEmployment {
    padding-left: 15px !important;
}

#save-address {
    width: 120px;
    padding-left: 15px !important;
}

#person-submit-button {
    width: 120px;
    padding-left: 15px !important;
}

.centerCell {
    vertical-align: middle !important;
}

    .centerCell > .btn-sm.btn-success {
        background-color: #c7c5c5 !important;
        border-color: #ffffff !important;
        border-radius: 10px;
    }

#SearchResults_info {
    display: none;
}

#SearchResults_filter button {
    background-color: #0e2152;
    box-sizing: border-box;
    height: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 1px;
    border: 1px solid #536574;
    color: #f8fdfe;
    font-weight: bold;
    font-size: 13px;
    width: 76px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 25%);
}

.page-link {
    color: #005ba7 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    color: #fff !important;
}

.month-modal {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 1; /* Sit on top */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

.month-picker {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #81818185;
    width: 255px;
    top: 30%;
    border-radius: 10px;
    background-color: #fefefe;
    text-align: center;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

.month-picker-button {
    display: inline-block;
    margin: 5px;
    width: 33px;
    height: 34px;
    font-size: 14px;
    color: #fff;
    border-color: #005ba7;
    background-color: #005ba7;
    cursor: pointer;
}

#RelationshipForm {
    background-color: #e5e5e5 !important;
}

#AddRelationship > div > div > .btn-secondary {
    width: 120px;
    padding-left: 17px !important;
}

.jstree-anchor {
    color: gray !important;
}

    .jstree-anchor > svg {
        color: #5f5f5f !important;
    }

.jstree-children > li > a > svg {
    height: 16px !important;
}


.jstree-open > i::before {
    content: '\f068'; /* minus icon */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: gray;
    height: 20px;
    width: 20px;
}

.Report-structure-container {
    padding: 20px;
}

.btn-info {
    background-color: #686868 !important;
    border-color: #fefefe !important;
}

.clearForAddReportStructure {
    position: relative;
    top: -3px;
}

.editReportStructure {
    position: relative;
    top: -3px;
}

.jstree-closed > i::before {
    content: '\f067'; /* plus icon */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: gray;
}

.jstree-anchor {
    margin-bottom: 10px;
}

svg.svg-inline--fa.fa-users {
    height: 30px !important;
    position: relative;
    top: -5px;
    padding-right: 4px;
}

li > .treeitem {
    padding-bottom: 50px;
}

.jstree-container-ul > li {
    padding-bottom: 30px;
}

.faint-shadow {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

#RelationshipTabel > .table-responsive > table > thead {
    background-color: #0e2152 !important;
    color: #fff;
}

#SubmitRegulatedProduct {
    width: 120px !important;
    padding-left: 16px !important;
}

#ClearRegulatedProduct {
    width: 120px !important;
    padding-left: 13px !important;
}

#SearchResults_Mapper_wrapper > .dataTables_paginate {
    display: none;
}

.dataTables_scrollBody > #SearchResults_Mapper > thead > tr > th {
    background-color: none !important;
}

#SearchResults_Mapper > thead {
    display: none !important;
}

#comlinksdiv {
    margin-top: -2rem !important;
}

.nav-link {
    margin: auto;
    text-align: center;
    min-height: 60px;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    display: flex;
}

.navbar {
    position: relative;
    max-height: 420px;
    overflow: hidden !important;
}

.nav-link {
    width: max-content;
}

.navbar-nav > li {
    display: flex;
}

.nav-item.dropdown {
    position: relative !important;
}

#SearchResults_Mapper {
    width: 100% !important;
}

.paginate_button:hover {
    cursor: pointer;
}

.SearchResults_Mapper_wrapper > .dataTables_scroll {
    position: relative;
    top: 50px;
}

#SearchResults_Mapper_info {
    margin-bottom: 20px;
}

#SearchResults_Mapper_wrapper > .top > .dataTables_length {
    width: 163px !important;
    position: relative;
    top: 38px !important;
    left: 250px !important;
    margin-top: -50px !important;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    background: #11307d;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #334aac;
}

.dropdown-menu {
    position: absolute;
    top: 100% !important;
    left: 0;
    z-index: 1000;
}

.ps__thumb-x {
    background-color: #fd7e27 !important;
}

.qq-card {
    min-height: 310px;
}

#dropdownContentContainer {
    background-color: #fff !important;
    position: absolute;
    z-index: 1000; /* Make sure it's on top */
    display: none;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

    #dropdownContentContainer > a {
        transition: background-color 0.5s ease; /* change 0.5s to the duration you want */
    }

        #dropdownContentContainer > a:hover {
            width: 100%;
            color: #fff;
            background-color: #ee7d1f;
        }

.ps__rail-x {
    cursor: pointer !important;
}

#com-link-save-status {
    color: #0e2152 !important;
}

#nav-theres-more {
    right: -200px;
    position: relative;
    left: 0px;
    float: right;
    z-index: 80;
    color: #ffffffc7;
    width: 75px;
    height: 75px;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,0.6460959383753502) 0%, rgba(1,9,25,0.8925945378151261) 10%, rgba(6,44,75,0.80015756302521) 22%, rgba(5,61,107,0.7469362745098039) 41%, rgba(5,75,133,0.6404936974789917) 50%, rgba(5,82,133,0.5452556022408963) 70%, rgba(5,84,133,0.1558998599439776) 86%, rgba(2,124,161,0) 95%, rgba(0,146,176,0) 100%);
    font-size: 50px;
    margin-bottom: -75px;
    text-align: center;
    vertical-align: middle;
}

.ps__rail-y {
    opacity: 1 !important;
    display: block !important;
    width: 20px !important;
}

.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps__thumb-y {
    opacity: 1 !important;
    display: block !important;
    width: 15px !important;
}

.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}
/*
#dropdownTooHide {
    display: none !important;
}
*/
/*.nav-item > .dropdown-menu {
    opacity: 0 !important;
}*/

.mfc-more-btn {
    position: relative;
    width: 100%;
    height: 38px;
    text-align: center;
    font-weight: 500;
    color: grey;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
}

.excel-download-button {
    background: #005ba7;
    color: #fff;
    border-color: #005ba7;
    width: 150px;
    height: 37px;
    position: relative;
    left: 9px;
    top: 14px;
}

#SaveMfcbank {
    position: relative;
    top: -20px;
    float: right;
    right: 63px;
    color: #fff;
    background: gray !important;
    background-color: gray !important;
}

#UpdateAddComLink {
    color: #fff;
    background: #0e2152 !important;
    background-color: #0e2152 !important;
    padding-left: 13px !important;
}




#VerifyAnsw {
    width: 120px;
    padding-left: 20px !important;
}

.validation-error {
    border: 1px solid red;
}

.mfc-delete-btn {
    cursor: pointer;
    position: relative;
    width: 44px;
    height: 38px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.50);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    padding: 5px;
}

.mfc-map-lbl-6 {
    position: relative;
    top: 58px;
    left: 462px;
}

.mfc-save-status {
    color: gray;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.10);
    box-shadow: 0px 4px 0px 0px gray;
    padding: 9px;
    display: block;
    position: relative;
    top: -1px;
    height: 38px;
    width: 100px !important;
    border-radius: 4px;
    overflow: hidden;
}

    .mfc-save-status.updated, .mfc-save-status.inserted {
        border-color: lawngreen;
        color: #178f00;
        -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.10);
        font-size: 14px;
        box-shadow: 0 3px 8px rgb(100 207 19);
        background: #a5e99d;
    }



.mfc-clear {
    position: relative;
    left: 2px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.50);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.mvc-mapping-entry {
    background: #b8b9b996;
    background-image: linear-gradient(to bottom, #8d8d8dcc, #e2f2ff12, #494949);
    border: 1px solid #5b5b5b;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

#Organization_IsVatRegistered {
    position: relative;
    top: 32px;
    height: 22px;
    width: 22px;
}

#intermediary-checkbox {
    position: relative;
    top: 32px;
    height: 22px;
    width: 22px;
}

#submit-intermediary-btn {
    width: 120px !important;
    padding-left: 16px !important;
}

#checkbox-intermediary-label {
    position: relative;
    top: 19px;
}


#intermediary-checkbox-lbl {
    position: relative;
    top: 19px;
}

#mvc-mapping-entry {
    display: none !important;
}

.mvc-mapping-entry > .px-1 > input {
    border: 1px solid #686868;
}

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

.mvc-mapping-entry-wrapper {
    padding: 60px;
    max-height: 500px;
    overflow: auto;
    margin-top: 50px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.OffId::placeholder {
    color: #0e2152;
}

.MfcCode::placeholder {
    color: #0e2152;
}

.MfcSubcode::placeholder {
    color: #0e2152;
}

.MfcMonthPeriod::placeholder {
    color: #0e2152;
}

.MfcAmmount::placeholder {
    color: #0e2152;
}

.entry-number {
    display: inline-block;
    width: 30px;
    text-align: center;
    position: relative;
    margin: -15px;
    left: -21px;
    top: 12px;
    font-size: 30px;
    font-weight: 600;
    color: black;
}

.use-excel-button {
    background-image: linear-gradient(to bottom, #7d7d7d, #bbbbbb, #7d7d7d);
    color: #000;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 39px;
}

.mfc-map-lbl {
    width: 38px;
    font-size: 18px;
    font-weight: 600;
    color: #686868;
}


.mfc-map-lbl-1 {
    position: relative;
    top: 57px;
    left: 65px;
}

.mfc-map-lbl-2 {
    position: relative;
    top: 57px;
    left: 129px;
}

.mfc-map-lbl-3 {
    position: relative;
    top: 57px;
    left: 201px;
}

.mfc-map-lbl-4 {
    position: relative;
    top: 57px;
    left: 269px;
}

.mfc-map-lbl-5 {
    position: relative;
    top: 57px;
    left: 336px;
}



/*non admin screens*/

.login-card {
    max-width: 1000px;
    width: 800px;
    margin: auto;
    padding: 3rem;
    background-color: #e0e1e3e6;
    border-radius: 50px;
    font-size: 19px;
    max-width: 90vw;
}

.validation-summary ul {
    list-style-type: none;
}

    .validation-summary ul li::before {
        content: '! ';
    }

.login-textbox {
    border-radius: 50px;
}

.login-text {
    font-size: 21px;
    font-weight: 400;
}

.login-background {
    background-image: url('../images/dealernetredesign/pages/login/dnt background image - login section.svg');
    height: 100vh; /* Set the height to fill the viewport */
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover;
}

.login-header {
    font-size: 30px;
    font-weight: 600;
}

.sign-in-text {
    display: none;
}

.login-forgot-link {
    font-size: 18px;
    color: #fd7e27;
    text-decoration: underline;
    padding-bottom: 18px;
}

.login-btn {
    padding-right: 20px;
    width: 170px;
    font-weight: 800;
    font-size: 19px;
    position: relative;
    right: 50px;
    padding-left: 20px !important;
}

.required {
    display: none;
}

.scale-icon {
    background-image: url('../images/dealernetredesign/pages/services/scale icon.svg');
    height: 150px;
    width: 150px;
    min-width: 80px;
    background-repeat: no-repeat !important;
    background-size: contain;
    margin: auto;
}

textarea {
    padding-top: 20px !important;
    padding-left: 29px !important;
}

.datepicker {
    background-color: white; /* Ensures the background is not transparent */
    border: 1px solid #ccc; /* Adds a border for better visibility */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Optional: Adds a shadow for a modern look */
}

.input-group .datepicker {
    width: 160%; /* Ensures the datepicker is the same width as the input group */
}

.datetimepicker-input {
    background-color: white; /* Ensures the input field background matches the datepicker */
}

/* Adjust the position if necessary */
.datepicker-dropdown {
    top: 100%; /* Position directly below the input field */
    left: 0; /* Align with the left edge of the input field */
}

.g-recaptcha {
}
/*
input {
    padding-left: 30px !important;
}*/

.underline {
    text-decoration: underline;
}

.alert-info {
    text-shadow: -2px 0px 0px #ef5800;
    color: #ffffff;
    background-color: #fd7e27;
    border-color: #fd7e27;
}

.dealernet-orange {
    font-weight: 600;
    color: #fd7e27;
}

#debicheckerrorMessage {
    width: 100%;
    text-align: center;
}

#UpdateMappingForm > .transfer-live-button {
    top: 2px;
}

#debicheckerrorMessage {
    width: 100%;
    text-align: center;
}

.transfer-live-button {
    background: #dbdbdb;
    border: 1px solid grey;
    border-radius: 5px;
    height: 39px;
    position: relative;
    top: 14px;
    font-weight: 600;
    color: #0e2152;
}

#SignIn {
    margin: initial !important;
    /*just untill we add download button back in*/
    width: 290px;
}

#DownloadApp {
    margin: initial !important;
}

.How-it-works-btn {
    width: 280px;
}

.How-do-i-sign-btn {
    width: 290px;
}

#activity_button_Save {
    width: 100%;
    height: 72px;
    font-size: 20px;
    border-radius: 25px;
}

ul > li {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.contact-submit {
    background: #fd7e27;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50px;
}

.rand-icon {
    background-image: url('../images/dealernetredesign/pages/services/rand icon.svg');
    height: 60px;
    width: 60px;
    background-repeat: no-repeat !important;
    background-size: contain;
    margin: auto;
}


.primary-input {
    border-radius: 50px;
}

textarea {
    border-radius: 50px;
}

.fast-app-wrapper {
    margin: auto;
    max-width: 1400px;
}

.Fast-App-Header {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    position: relative;
    top: -13px;
}

.fast-app-top-header {
    margin-left: 35px;
}

.fast-app-bot-header {
    max-width: 311px;
}

.contact-icon1 {
    background-image: url('../images/dealernetredesign/pages/contact/location icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-icon2 {
    background-image: url('../images/dealernetredesign/pages/contact/telephone icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-icon3 {
    background-image: url('../images/dealernetredesign/pages/contact/email icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-form-wrapper > div > div > label {
    margin-bottom: -10px;
}

.contact-icon4 {
    background-image: url('../images/dealernetredesign/pages/contact/fax icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px !important;
    width: 60px !important;
    position: relative;
}

.contact-sub {
    font-weight: 200;
}

.contact-main {
    font-weight: bold;
}


.Scan-Me-Img {
    padding-bottom: 29.25% !important;
    margin-bottom: 20px;
}


.Scan-Me-Img {
    min-height: 100% !important;
    height: 0;
    padding-bottom: 35.25%;
    background-image: url('../images/dealernetredesign/pages/contact/dnt qr code image.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.primary-background {
    background: #e5e5e5;
}

.contact-us-top-section > h3 {
    color: #fd7e27;
    font-weight: 600;
}

.contact-us-top-section {
    font-family: 'Roboto', sans-serif;
}

.white-border-grey-back-btn {
    margin: auto;
    border: 5px solid white;
    border-radius: 32px;
    background-color: #e5e5e5;
    font-size: 25px;
    font-weight: 500;
    padding-top: 9px;
    padding-left: 12px;
    padding-bottom: 9px;
    font-family: 'Roboto', sans-serif;
    /* width: 256px; */
    padding-left: 30px !important;
    padding-right: 26px;
}

.fast-app-btn-text {
    color: #9f9086;
    font-weight: 600;
}


#btnSearchAll {
    position: relative;
    top: 8px;
}

#xml-extractor-btn {
    width: 120px;
    padding-left: 16px !important;
}

#forgot-pass-btn {
    width: 120px;
    padding-left: 16px !important;
}

.doc-ecrypt-download-column2 {
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 6px;
    left: 10px;
}

.fast-app-dot {
    background-image: url('../images/dealernetredesign/pages/services/fast-app-dot.png');
    height: 80px;
    width: 80px;
    min-width: 80px;
    background-repeat: no-repeat !important;
    background-size: contain;
    margin-right: -40px;
}

.how-works-tex {
    position: relative;
    top: 12px;
    font-size: 20px;
}

.services-top-section {
    background: #e5e5e5;
    padding-top: 10px;
}

.services-top-text {
    max-width: 1000px;
    margin: auto;
}

.services-bot-text {
    max-width: 1000px;
    margin: auto;
    padding-bottom: 30px
}

.play-icon {
    background-image: url('../images/dealernetredesign/pages/services/play icon.svg');
    height: 50px;
    width: 50px;
    background-repeat: no-repeat !important;
    background-size: contain;
}

.services-circle {
    background-image: url('../images/dealernetredesign/pages/services/intelli-app infographic.svg');
    height: 500px;
    background-repeat: no-repeat !important;
    background-size: contain;
    margin: auto;
    padding: 20px;
}

#coverpage {
    text-align: center;
    z-index: 99999999999;
    height: 100%;
}

/*Partners Slider*/
.tns-controls {
    display: none !important;
}

.tns-outer > button {
    display: none !important;
}

.partners-slider > .ps {
    text-align: center;
    align-content: center;
    align-items: center;
    z-index: 9999999999 !important;
    position: relative;
    min-height: 200px;
}

.reg-form-wrapper {
    max-width: 700px !important;
    border: 5px solid #d1cdca;
    border-radius: 35px;
}


.was-validated .form-control:valid, .form-control.is-valid {
    background-image: none;
}

.app-form-text {
    font-size: 23px;
}

.contact-form-input {
    height: 60px;
}

.top-reg-form {
    max-width: 850px;
    margin: auto;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #e5e5e5;
}

.border-danger {
    border: 1px solid red !important;
    border-color: red !important;
}

.digi-wrapper {
    max-width: 1100px;
    margin: auto;
}

.partner-slide-wesbank {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.partner-slide-mq {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.partner-slide-img-wesbank {
    width: 367px;
    top: -11px;
}

.partner-slide-img-mq {
    text-align: center;
    z-index: 9999999999 !important;
    position: relative;
    width: 278px !important;
    left: -30px;
    top: 102px;
}

.partner-slide-img-dealfin {
    text-align: center;
    z-index: 9999999999 !important;
    position: relative;
    width: 300px !important;
    max-width: 380px !important;
    top: 79px;
}

.ps:hover {
    cursor: pointer;
}

.partners-slider {
    min-height: 200px;
}

    .partners-slider::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 70%;
        top: 15%;
        background-color: rgb(33 44 66 / 84%); /* adjust the opacity as needed */
    }

.partner-slide-dealfin {
    text-align: center;
}


.icons-nav-container {
    text-align: center;
}

.slider-extra-zoomed {
    overflow: hidden;
    height: 269px;
}

.custom-slider-container {
    background-image: url('../images/partners/website header image - login (1024 × 550 px).svg');
    background-repeat: no-repeat;
    position: relative;
    width: 100.5%;
    left: -2px;
}

.custom-slider-container {
    background-size: cover !important;
}

.icons-nav-container {
    text-align: center;
}

.slider-extra-zoomed {
    overflow: hidden;
    height: 269px;
}



#footer {
    background: #0e2152;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: -20px;
}

.footer-cop-text {
    font-weight: 300 !important;
}

.bold {
    font-weight: bold;
}

.icons-container {
    padding-top: 10px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    gap: 5px; /* adjust the gap between icons as needed */
}

.facebook-icon > .fa-facebook {
    height: 50px;
    width: 50px;
}

.linkedin-icon > .fa-linkedin {
    height: 50px;
    width: 50px;
}

.navbar-toggler {
    width: 60px;
    height: 50px;
    border: 2px solid white !important;
    position: relative;
    left: 15px;
}

.about-card-header {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: bolder;
    width: 125px;
    margin: auto;
}

.about-card-text {
    text-align: center;
    width: 163px;
    margin: auto;
    font-weight: 500;
}

.about-card:hover {
    cursor: pointer;
}

.apple-app-download {
    background-image: url('../images/dealernetredesign/pages/AboutCards/download_on_the_app_store_badge_us-uk_rgb_blk_092917.svg');
    height: 77px;
    width: 162px;
    margin-top: 12px !important;
    margin: auto;
    background-repeat: no-repeat !important;
    background-size: contain;
}

.Fast-App-Header {
    padding-top: 20px;
}

.fast-App-Card {
    border: 5px solid #d1cdca;
    background: #e5e5e5;
    border-radius: 35px;
    font-size: 22px;
}

.primary-card {
    border: 5px solid #d1cdca;
    background: #e5e5e5;
    border-radius: 35px;
    padding-left: 0px;
    padding-right: 0px;
}

.debi-login-card {
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
}

.google-app-download {
    background-image: url('../images/dealernetredesign/pages/AboutCards/google-play-badge.png');
    height: 71px;
    width: 184px;
    margin: auto;
    background-repeat: no-repeat !important;
    background-size: contain;
    position: relative;
    top: -23px;
}

.disclink > a {
    color: #fd7e27;
    text-decoration: underline;
    background-color: transparent;
}

.disclink2 > a {
    color: #fd7e27;
    text-decoration: underline;
    background-color: transparent;
}

.disclink {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    position: relative;
    top: 10px;
}

.disclink2 {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    position: relative;
    top: -10px;
    color: black;
}

.dealernetDisclaimersDownloadArrows {
    background-image: url('../images/dealernetredesign/pages/services/dealernetdisclaimersdownloadarrows.png');
    height: 100px;
    width: 100px;
    min-width: 100px;
    background-repeat: no-repeat !important;
    background-size: contain;
}
/* Icons */
.about-card-icon {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 120px;
    width: 120px;
    background-repeat: no-repeat !important;
    background-size: contain;
}

.about-card-icon-download-app {
    background-image: url('../images/dealernetredesign/pages/AboutCards/download app icon.svg');
}

.about-card-icon-fastapp {
    background-image: url('../images/dealernetredesign/pages/AboutCards/Fast App Icon.svg');
}

.about-card-icon-digisign {
    background-image: url('../images/dealernetredesign/pages/AboutCards/digisign icon.svg');
}

.btn-contract-logoff {
    top: 0 !important;
}

.contract-message {
    position: relative;
    top: 20px;
    color: #fd7e27;
    text-shadow: 2px 2px #f5f5f5;
    font-size: 25px;
}

.fa-right-from-bracket {
    margin-left: 10px;
    padding: 13px;
    border-radius: 100px;
    font-size: 21px;
    background-color: #fd7e27;
    border: 1px solid #99633e;
    color: #e5e5e5;
}

.btn-contract-logoff:hover {
    background-color: #fff !important;
}

.about-card-icon-debicheck {
    background-image: url('../images/dealernetredesign/pages/AboutCards/debicheck icon.svg');
}

.banner-buttons {
    position: relative;
    min-width: 300px;
}

.header-div {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    height: 66px;
    background-color: #0e2152;
    color: #fff;
    padding-top: 12px;
    font-family: 'Roboto', sans-serif;
}

.primary-button {
    font-family: 'Roboto', sans-serif;
    color: #403C39;
    background-color: rgba(255, 255, 255, 0.88); /* 88% transparency */
    border-radius: 25px;
    padding: 10px 20px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}


.about-text-section {
    background-color: #e5e5e5;
}

    .about-text-section > p {
        max-width: 1200px;
        margin: auto;
    }

.about-cards {
    max-width: 1200px;
    margin: auto;
}

.about-card {
    height: 365px;
    border: 9px solid white;
    border-radius: 54px;
    margin: auto;
    max-width: 300px;
}

.primary-button:hover {
    text-decoration: none;
}

.banner-buttons {
    padding-top: 2rem;
}

p {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.banner-btn {
    vertical-align: middle;
    height: 74px;
    font-size: 25px;
    font-weight: 800;
    padding: 28px 20px;
}

.banner-below {
    height: 20px;
    width: 100%;
    background: rgb(5,10,23);
    background: linear-gradient(90deg, rgba(5,10,23,1) 0%, rgba(14,33,82,1) 29%, rgba(18,46,119,1) 70%, rgba(27,72,189,1) 100%);
    margin-bottom: 10px;
}

.home-banner {
    width: 100%;
    background-color: #e5e5e5;
    position: relative;
}

    .home-banner img {
        width: 100%;
        height: auto;
        background-size: contain;
    }

.banner-text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    .banner-text-container > h3 {
        color: #fff;
    }




.navbar-collaps {
    margin: auto;
}

.dealernet-icon {
    background-image: url('../images/dealernetredesign/logo/logosdesktop/small/dnt horizontal logo - 100 x 23px.svg' );
    width: 200px;
    height: 50px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    margin-bottom: 20px;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

h6 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.primary-color {
}

.nav-link { /* h1 */
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    height: 65px;
    position: relative;
    /*top: -8px;*/
    margin-bottom: -14px;
    padding-top: 18px;
}

.navbar-collapse {
    background-color: #e5e5e5 !important;
}

.bg-primary {
    background-color: #e5e5e5 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #403C39;
}

.dealernet-icon-wrapper {
    background: #e5e5e5;
    padding-left: 20px;
}
.nav-item {
    padding-bottom: 5px;
}
.nav-item:hover {
    background-color: #0e2152;
}

.shadow-text {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.mapper-search-col {
    min-width: 143px;
}

    .mapper-search-col > label {
        font-size: 14px !important;
        font-weight: 700;
        color: #7a7a7a;
    }

    .mapper-search-col > select {
        font-size: 10px;
        color: #7a7a7a;
        min-height: 38px;
    }

        .mapper-search-col > select > option {
            font-size: 14px;
            font-weight: 700;
            color: #7a7a7a;
        }

.update-com {
    background-color: #16408b !important;
    border-color: #16408b !important;
}

.update-com-link {
    background-color: #16408b !important;
    border-color: #16408b !important;
}

.card-body {
    border-bottom-right-radius: 113px !important;
    border-bottom-left-radius: 113px !important;
}

.credit-li::before {
    font-size: 30px;
    content: "";
    background-image: url(../images/dealernetredesign/pages/index/green-checkmark.png);
    background-size: cover;
    display: inline-block;
    width: 10px;
    height: 30px;
    padding-right: 33px;
    margin-bottom: 6px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: 0px;
}

.pc-bot-seperates {
    max-width: 220px;
}

.pricing-credit {
    font-size: 22px;
}

.contract-top-btn {
    font-size: 20px;
    max-width: 340px;
    top: 0px !important;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}

.icon-text-container {
    display: flex;
    align-items: center;
}

/*.icon-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
.document-grouping-header {
    font-size: 22px;
    font-weight: 700;
    color: #fd7e27;
}

.dig-contract-logo-top {
    background-image: url('../images/dealernetredesign/pages/AboutCards/digisign icon.svg');
    height: 70px;
    width: 70px;
    background-repeat: no-repeat !important;
    background-size: contain;
    position: relative;
    margin-bottom: -85px;
    float: right;
    top: -39px;
}

.fa-book {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 30px;
    padding-right: 10px;
}

.helperImg {
    opacity: 0.7;
}

.svg-inline--fa.fa-stack-2x {
    height: 1.8em;
    width: 2.5em;
}

.dig-home-text {
    position: relative;
    z-index: 2;
}

.helperImg {
    position: relative;
    margin-bottom: -200px;
    z-index: 1;
    float: right;
}

.fa-stack {
    color: #fd7e27;
}

.play-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 52px;
}

.label-list_orange_noborder_nestedtext {
    color: white;
}

#ContractTabTable > tbody {
    min-height: 60px !important;
}

.digisign-main-card {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.fa-pull-left {
    width: 78px !important;
}

/* Custom Checkbox Styles */
.custom-checkbox {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
}

    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -8px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 4px; /* Optional for rounded corners */
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.sign-doc-alert {
    background: #e5e5e5;
}



label .input {
    display: none;
}

    label .input:checked + .toggle-wrapper > .selector > .doc-accepted-check {
        display: block !important;
    }

    label .input:checked + .toggle-wrapper > .selector > .doc-accepted-uncheck {
        display: none !important;
    }

    label .input:checked + .toggle-wrapper {
        box-shadow: 0 8px 14px 0 rgba(18, 51, 215, 0.12);
    }


        label .input:checked + .toggle-wrapper > .selector {
            left: calc(100% - 35px);
            background-color: #28a745;
        }

    label .input:checked ~ .notification > .selected:before {
        content: "Accepted";
    }
    label .input:checked ~ .notification-sign > .selected:before {
        content: "Accepted";
    }



#linkedIntermediaries > .card-header > h3 {
    font-size: 20px;
}

.editReportStructure {
    margin-left: 5px;
}

.editReportStructureOrganization {
    margin-left: 5px;
}


.doc-accepted-check {
    display: none !important;
}

.fa-building {
    position: relative;
    top: 3px;
}

#linkedIntermediaries {
    font-size: 14px;
}

#TreeViewReportStructureOrganization > ul > li > ul > li > .jstree-ocl {
    width: 0px !important;
}

#TreeViewReportStructureOrganization > ul > li > ul > li > .jstree-anchor > span {
    font-size: 12px;
}

#TreeViewReportStructureOrganization > ul > li > ul > li {
    margin-bottom: 2px;
    box-shadow: 0 8px 14px 0 rgb(161 161 161 / 12%);
    padding: 17px;
    padding-bottom: 20px;
}

label .toggle-wrapper {
    position: relative;
    width: 85px;
    height: 35px;
    background-color: #eaeaea;
    border-radius: 999px;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 8px 14px 0 rgba(215, 60, 18, 0.12);
}

    label .toggle-wrapper .selector {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        background-color: #ee7d1f;
        transition: left 0.25s ease;
        border-radius: 50%;
    }

label .notification {
    font-size: 20px;
    width: 100%;
}

    label .notification .selected:before {
        content: "Not Accepted";
        font-size: 20px;
        border-bottom: 2px solid;
    }
label .notification-sign {
    font-size: 20px;
}
    label .notification-sign .selected:before {
        content: "Not Accepted";
        font-size: 20px;
        border-bottom: 2px solid;
    }
.doc-accepted-check {
    font-size: 24px;
    position: relative;
    bottom: 5px;
}

.doc-accepted-uncheck {
    font-size: 22px !important;
    position: relative !important;
    bottom: 6px;
    left: 3px;
    color: #0e2152;
}

.sign-modal {
    max-height: calc(122vh - 224px);
    overflow-y: auto;
}

.doc-detail-header {
    background-color: #e5e5e5;
    color: #000000;
    width: 100%;
    padding: 2px;
    position: relative;
    padding-left: 20px;
    padding-top: 7px;
    margin-bottom: 5px;
    z-index: 1;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.credit-ul, .pc-bot-seperates {
    margin: auto;
}

.dealnet-dark-blue {
    color: #0e2152;
}


.navbar-collapse {
    padding-bottom: 40px;
}

.Fast-App-Header {
    font-size: 18px;
}

.fast-app-dotted-line {
    padding-right: 40px;
}

.fast-app-top-header {
    position: relative;
    top: 5px;
    margin-left: 45px
}

.fast-app-bot-header {
    position: relative;
    top: -7px;
    left: 23px;
}

.fast-app-dotted-line {
    max-width: 450px;
    margin: auto;
}

.selectOneHeader {
    font-size: 21px;
}

.fast-app-input {
    border-radius: 50px;
    height: 45px;
    max-width: 400px;
    margin: auto;
}


#ContactFormSubmit {
    height: 70px;
    width: 100%;
}

/*smaller*/
@media (max-width: 575px) {

    #footer > .text-center > h2 {
        font-size: 18px;
    }
    #footer {
        font-size: 16px;
    }
    .home-banner {
        width: 100%;
        background-color: #e5e5e5;
        position: relative;
        height: 400px;
        overflow: hidden;
    }

        .home-banner img {
            width: auto;
            height: 400px;
            overflow: hidden;
            background-size: cover;
        }

    .play-icon {
        width: 75px;
    }

    .banner-btn {
        font-size: 15px;
        line-height: 22px;
    }

    .banner-text-container > h3 {
        font-size: 15px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .sign-in-text {
        display: block;
    }

    .fast-app-top-header {
        position: relative;
        top: -29px;
        margin: auto;
    }

    .fast-app-bot-header {
        position: relative;
        top: -14px;
        margin: auto;
    }

    /*    .play-icon {
        height: 65px;
        width: 65px;
        background-repeat: no-repeat !important;
        background-size: contain;
    }*/
    .banner-btn {
        font-size: 23px;
        line-height: 22px;
    }

    .dealernet-icon {
        background-image: url('../images/dealernetredesign/logo/logosdesktop/large/dnt horizontal logo - 1000 x 226px.svg');
    }

    .disclink {
        top: 25px;
    }

    .disclink2 {
        top: -1px;
    }
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    #ContactFormSubmit {
        height: 60px;
        width: 200px;
    }

    .fast-app-top-header {
        position: relative;
        top: -29px;
        left: 20px;
    }

    .fast-app-bot-header {
        position: relative;
    }


    .credit-ul, .pc-bot-seperates {
        margin: unset;
    }

    .login-btn {
        padding-right: 20px;
        width: 170px;
        font-weight: 800;
        font-size: 19px;
        position: relative;
        right: 50px;
        padding-left: 20px !important;
    }

    .login-form-content {
        max-width: 547px;
        margin: auto;
    }
    /*    .play-icon {
        height: 55px;
        width: 55px;
        background-repeat: no-repeat !important;
        background-size: contain;
    }*/
    .credit-ul {
        padding-left: 114px;
    }

    .pc-bot-seperates {
        position: relative;
        max-width: 268px;
        left: 113px;
        font-weight: 700;
        font-size: 16px;
    }


    .dealernet-icon {
        background-image: url('../images/dealernetredesign/logo/logosdesktop/medium/dnt horizontal logo - 500 x 113px.svg');
    }

    .banner-text-container > h3 {
        font-size: 20px;
    }

    .services-circle {
        width: 600px;
        height: 600px;
    }

    .disclink2 {
        top: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .signing-top-btns{
       max-width: 1000px;
    }

    .primary-card {
        padding-left: 40px;
        padding-right: 40px;
    }

    .how-works-tex {
        position: relative;
        top: 8px;
        font-size: 25px;
    }

    .debi-login-card {
        max-width: 600px;
        margin: auto;
        padding-left: 80px;
        padding-right: 80px;
    }

    .Fast-App-Header {
        font-size: 16px;
    }

    .fast-app-input {
        border-radius: 50px;
        height: 60px;
    }

    .selectOneHeader {
        font-size: 24px;
    }

    .fast-app-bot-header {
        position: relative;
        top: -14px;
        left: 30px;
        margin: auto;
    }


    .fast-App-Card {
        border: 5px solid #d1cdca;
        background: #e5e5e5;
        border-radius: 35px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 24px;
    }

    .navbar-collapse {
        padding-bottom: 0px;
    }

    .dealernet-icon {
        background-image: url('../images/dealernetredesign/logo/logosdesktop/small/dnt horizontal logo - 100 x 23px.svg');
        width: 400px;
        margin-bottom: 0px;
        height: 50px;
        background-color: #e5e5e5;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .banner-btn {
        vertical-align: middle;
        height: 74px;
        font-size: 25px;
        font-weight: 800;
        padding: 28px 20px;
    }

    .credit-li {
        font-size: 15px;
    }

    .pricing-credit {
        font-size: 39px;
    }

    .credit-ul {
        padding-left: 114px;
    }

    .pc-bot-seperates {
        position: relative;
        max-width: 268px;
        left: 113px;
        font-weight: 700;
        font-size: 16px;
    }


    .credit-li::before {
        font-size: 30px;
        content: "";
        background-image: url('../images/dealernetredesign/pages/index/green-checkmark.png');
        background-size: cover;
        display: inline-block;
        width: 29px;
        height: 36px;
        padding-right: 45px;
        margin-bottom: 6px;
        margin-right: 8px;
        vertical-align: middle;
        position: relative;
        top: -4px;
    }


    #AddCommissionStructure {
        margin-bottom: -172px;
        position: relative;
        top: -38px;
        left: 500px;
        width: 400px
    }

    .fast-App-Card {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 12px;
        padding-bottom: 13px;
    }

    .dealernet-icon {
        background-image: url('../images/dealernetredesign/logo/logosdesktop/large/dnt horizontal logo - 1000 x 226px.svg');
    }

    .services-circle {
        width: 700px;
        height: 700px;
    }

    .navbar {
        background-color: #e5e5e5 !important;
        box-shadow: none;
    }

    .banner-text-container > h3 {
        font-size: 25px;
    }

    .banner-buttons {
        position: relative;
        left: -0px;
    }
}

/*  (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .Fast-App-Header {
        font-size: 20px;
    }

    .fast-app-top-header {
        position: relative;
    }

    .credit-ul {
        padding-left: 20px;
    }

    .pc-bot-seperates {
        position: relative;
        max-width: 268px;
        left: 16px;
        font-weight: 700;
        font-size: 16px;
    }

    .mapper-search-col {
        min-width: 174px;
    }

        .mapper-search-col > label {
            font-size: 16px !important;
            font-weight: 700;
            color: #7a7a7a;
        }

        .mapper-search-col > select {
            font-size: 13px;
            color: #7a7a7a;
            min-height: 38px;
        }


    .home-banner img {
        width: 100%;
        height: auto;
    }

    .banner-buttons {
        position: relative;
        left: -43px;
        min-width: 380px;
    }

    .services-circle {
        width: 800px;
        height: 800px;
    }

    .banner-btn {
        vertical-align: middle;
        height: 30px;
        font-size: 20px;
        font-weight: 700;
        padding: 40px 20px;
    }

    .disclink2 {
        top: 25px;
    }
}

@media (min-width: 1600px) {
    .fast-app-top-header {
        position: relative;
    }

    .credit-li {
        font-size: 16px;
    }

    .pricing-credit {
        font-size: 45px;
    }

    .home-banner {
        background-image: url('../images/dealernetredesign/pages/index/dnt cover image.svg');
        width: 100%;
        height: 900px;
        background-color: #e5e5e5;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

        .home-banner img {
            display: none;
        }
}

@media (min-width: 1900px) {

}



#navToggleBtn {
    z-index: 9999999999;
    color: white;
    padding: 10px;
    background-color: #808080c4;
    border: none;
    cursor: pointer;
    border-top-right-radius: 69px;
    border-bottom-right-radius: 69px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 200px;
    font-weight:700;
    font-size:20px;
}
    #navToggleBtn:hover {
        background-color: #3358e1;
    }

    #navToggleBtn.expanded {
        position: absolute;
        top: 38% !important;
        left: 93% !important;
        height: 200px !important;
        z-index: 99999999999999999999999999;
        background: #80808091;
        border-top-left-radius: 69px;
        border-bottom-left-radius: 69px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }



.navbar-nav-vertical {
    display: flex !important;
    flex-direction: column !important;
    width: 350px;
}
.navbar-auto-height {
    max-height: none !important;
}