html {
    overflow: auto;
    overflow-x: hidden;
}

.dropdown-menu {
    box-shadow: 0 7px 15px 0 rgba(25, 25, 45, 0.1) !important;
    border-radius: 8px !important;
    margin-top: -3px !important;
}

.dialog-modal-custom {
    font-family: Heebo !important;
    position: relative;
    text-align: left;
    font-size: 14px !important;
}

    .dialog-modal-custom [type=text], .dialog-modal-custom [type=number] {
        padding: 4px 0px;
        width: 100%;
        border: 0px;
        border-bottom: solid 1px #6e7191;
        color: #4a4a4a;
    }

    .dialog-modal-custom [disabled] {
        opacity: .5;
        cursor: not-allowed !important;
        pointer-events: none;
    }

    .dialog-modal-custom .xclose {
        margin-top: -45px;
        font-size: 30px;
        font-weight: normal;
        float: right;
    }

        .dialog-modal-custom .xclose span {
            font-size: 30px;
        }

    .dialog-modal-custom .fix-width {
        display: inline-block !important;
        width: 120px;
        text-align: center;
    }

#top-section .schedule-a-call {
    border: 1px solid #fff;
    padding: 0.2rem 0.75rem;
    border-radius: 0.25rem;
    margin-top: 0.375rem;
    font-weight: 400;
}


/*Notifications menu styles*/

.notification-title-container {
    background-color: #DEE7F3;
    border-radius: 8px 8px 0px 0px;
}

.notification-title {
    flex-grow: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #2d3e50;
}

.notification-subtitle {
    flex-grow: 0;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #7f9bbd;
}

.notification-date-container {
    margin-top: 0.15rem !important;
}

.notification-date {
    flex-grow: 0;
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    color: #6e7191;
}

.notification-text {
    flex-grow: 0;
    font-family: Inter;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    color: #4e5a74;
    text-align: left;
}

.notification-link {
    flex-grow: 0;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    color: #7f9bbd;
    text-decoration: none;
}

.notification-message-sender {
    color: #2d3e50;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
}

.severity-container {
    width: 5px;
    min-width: 5px;
}


.min48 {
    min-width: initial !important;
    min-height: 48px !important;
    height: 48px !important;
}

.min43 {
    min-width: initial !important;
    min-height: 43px !important;
    height: 43px !important;
}


/*Input file*/
.file-upload .v-text-field--outlined {
    margin-top: 6px;
}

.file-upload .v-text-field--outlined fieldset {
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    padding: 18px 20px;
}

.v-file-input .error--text {
    color: #dc3545;
}

.file-upload .v-text-field--outlined .v-file-input__text {
    font-size: 13px;
    margin-top: 5px;
}
/*end Input file*/

/* Service Requirements */

.label-id {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.36px;
    text-align: left;
    color: #6e7191;
}

.label-name {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #2d3e50;
}

.label-text {
    font-family: Inter;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.42px;
    text-align: left;
    color: #2d3e50;
}

.label-question {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.42px;
    text-align: left;
    color: #2d3e50;
}

.label-answer {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.42px;
    text-align: left;
    color: #4a4a4a;
    width: 100%;
}

.left-bar-title {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.54px;
    text-align: left;
    color: #2d3e50;
}

.v-file-input {
    padding-top: 0px !important;
}

.mainColorLighter {
    color: #2D3E50;
}


.checkbox-wrapper-28 {
    --size: 20px;
    position: relative;
    margin-top: 0.15em
}

    .checkbox-wrapper-28 *,
    .checkbox-wrapper-28 *:before,
    .checkbox-wrapper-28 *:after {
        box-sizing: border-box;
    }

    .checkbox-wrapper-28 .promoted-input-checkbox {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .checkbox-wrapper-28 input:checked ~ svg {
        height: calc(var(--size) * 0.6);
        -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
        animation: draw-checkbox-28 ease-in-out 0.2s forwards;
    }

    .checkbox-wrapper-28 label:active::after {
        background-color: #e6e6e6;
    }

    .checkbox-wrapper-28 label {
        color: #7f9bbd;
        line-height: var(--size);
        cursor: pointer;
        position: relative;
    }

        .checkbox-wrapper-28 label:after {
            content: "";
            height: var(--size);
            width: var(--size);
            margin-right: 8px;
            float: left;
            border: 2px solid #7f9bbd;
            border-radius: 3px;
            transition: 0.15s all ease-out;
        }

    .checkbox-wrapper-28 svg {
        stroke: #7f9bbd;
        stroke-width: 3px;
        height: 0;
        width: calc(var(--size) * 0.6);
        position: absolute;
        left: calc(var(--size) * 0.21);
        top: calc(var(--size) * 0.2);
        stroke-dasharray: 33;
    }

@-webkit-keyframes draw-checkbox-28 {
    0% {
        stroke-dashoffset: 33;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes draw-checkbox-28 {
    0% {
        stroke-dashoffset: 33;
    }

    100% {
        stroke-dashoffset: 0;
    }
}















:root {
    --PrimaryColor: #ff7a59;
    --SecondaryColor: #2C6ECB;
    --SuccessColor: #00ba88;
    --LinkColor: #2C6ECB;
    --TopNavBarBGColor: #000;
    --HeaderTextColor: #fff;
    /*--LogoPath: /images/agencyhub-logo.svg;*/
    --TopSectionDisplay: block;
}

.linkColor {
    color: var(--LinkColor, #2C6ECB);
}

a {
    color: var(--LinkColor, #2C6ECB);
}

    a:hover {
        color: var(--LinkColor, #2C6ECB);
        opacity: 0.9;
    }

table tbody tr td a {
    color: var(--LinkColor, #2C6ECB);
}

.colorAgencyHub, .colorOrange, .secondaryColor, .forgot-password-link, .formLogin, .formSignUp {
    color: var(--PrimaryColor, #ff7a59) !important;
}

    .colorAgencyHub:hover, .colorOrange:hover, .secondaryColor:hover, .forgot-password-link:hover, .formLogin:hover, .formSignUp:hover {
        color: var(--PrimaryColor, #ff7a59) !important;
        opacity: 0.9;
    }


.forgot-password-link, .formLogin, .formSignUp {
    color: var(--PrimaryColor, #2C6ECB) !important;
}

    .forgot-password-link:hover, .formLogin:hover, .formSignUp:hover {
        color: var(--PrimaryColor, #2C6ECB) !important;
        opacity: 0.9;
    }

/*btn-primary*/
.btn-primary, .btn-primary:visited, .btn-primary:focus{
    background: var(--PrimaryColor, #ff7a59);
    border-color: var(--PrimaryColor, #ff7a59);
}

    .btn-primary:hover, .btn-primary::after, .btn-primary:active, .btn-check:focus + .btn-primary,
    .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        opacity: 0.9;
        background: var(--PrimaryColor, #ff7a59);
        border-color: var(--PrimaryColor, #ff7a59);
    }

        .btn-primary:active:focus,
        .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
            outline: 0;
            opacity: 0.8;
            background: var(--PrimaryColor, #ff7a59);
            border-color: var(--PrimaryColor, #ff7a59);
            box-shadow: 0 0 0 1px var(--PrimaryColor, #ff7a59);
        }

    .btn-primary.disabled, .btn-primary:disabled {
        background: #F9F9F9;
        border-color: #F9F9F9;
        color: #82859c !important;
        cursor: not-allowed;
        opacity: unset;
    }


.btn-outline-primary, .btn-outline-primary:visited, .btn-outline-primary:focus {
    background: #ffffff;
    color: var(--PrimaryColor, #ff7a59) !important;
    border-color: var(--PrimaryColor, #ff7a59);
}

    .btn-outline-primary:hover, .btn-outline-primary::after, .btn-outline-primary:active, .btn-check:focus + .btn-outline-primary,
    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
        color: var(--PrimaryColor, #ff7a59) !important;
        border-color: var(--PrimaryColor, #ff7a59);
        background-color: #F6F6F7;
    }

        .btn-outline-primary:active:focus,
        .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary:active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            outline: 0;
            color: var(--PrimaryColor, #ff7a59) !important;
            border-color: var(--PrimaryColor, #ff7a59);
            box-shadow: 0 0 0 1px var(--PrimaryColor, #ff7a59);
        }

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        background-color: var(--PrimaryColor, #ff7a59) !important;
        border-color: var(--PrimaryColor, #ff7a59) !important;
        color: #FFF !important;
    }


/*btn-scondary*/
.btn-secondary, .btn-secondary:visited, .btn-secondary:focus {
    background: var(--SecondaryColor, #2C6ECB);
    border-color: var(--SecondaryColor, #2C6ECB);
}

    .btn-secondary:hover, .btn-secondary::after, .btn-secondary:active, .btn-check:focus + .btn-secondary,
    .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        opacity: 0.9;
        background: var(--SecondaryColor, #2C6ECB);
        border-color: var(--SecondaryColor, #2C6ECB);
    }

        .btn-secondary:active:focus,
        .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            outline: 0;
            opacity: 0.8;
            background: var(--SecondaryColor, #2C6ECB);
            border-color: var(--SecondaryColor, #2C6ECB);
            box-shadow: 0 0 0 1px var(--SecondaryColor, #2C6ECB);
        }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background: #F9F9F9;
        border-color: #F9F9F9;
        color: #82859c !important;
        cursor: not-allowed;
        opacity: unset;
    }


.btn-outline-secondary, .btn-outline-secondary:visited, .btn-outline-secondary:focus {
    background: #ffffff;
    color: var(--SecondaryColor, #2C6ECB) !important;
    border-color: var(--SecondaryColor, #2C6ECB);
}

    .btn-outline-secondary:hover, .btn-outline-secondary::after, .btn-outline-secondary:active, .btn-check:focus + .btn-outline-secondary,
    .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
        color: var(--SecondaryColor, #2C6ECB) !important;
        border-color: var(--SecondaryColor, #2C6ECB);
        background-color: #F6F6F7;
    }

        .btn-outline-secondary:active:focus,
        .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary:active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            outline: 0;
            color: var(--SecondaryColor, #2C6ECB) !important;
            border-color: var(--SecondaryColor, #2C6ECB);
            box-shadow: 0 0 0 1px var(--SecondaryColor, #2C6ECB);
        }

/*btn-success*/
.btn-success, .btn-success:visited, .btn-success:focus {
    background: var(--SuccessColor, #00ba88);
    border-color: var(--SuccessColor, #00ba88);
}

    .btn-success:hover, .btn-success::after, .btn-success:active, .btn-check:focus + .btn-success,
    .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        opacity: 0.9;
        background: var(--SuccessColor, #00ba88);
        border-color: var(--SuccessColor, #00ba88);
    }

        .btn-success:active:focus,
        .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
            outline: 0;
            opacity: 0.8;
            background: var(--SuccessColor, #00ba88);
            border-color: var(--SuccessColor, #00ba88);
            box-shadow: 0 0 0 1px var(--SuccessColor, #00ba88);
        }

    .btn-success.disabled, .btn-success:disabled {
        background: #F9F9F9;
        border-color: #F9F9F9;
        color: #82859c !important;
        cursor: not-allowed;
        opacity: unset;
    }

.btn-outline-success, .btn-outline-success:visited, .btn-outline-success:focus {
    background: #ffffff;
    color: var(--SuccessColor, #00ba88) !important;
    border-color: var(--SuccessColor, #00ba88);
}

    .btn-outline-success:hover, .btn-outline-success::after, .btn-outline-success:active, .btn-check:focus + .btn-outline-success,
    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
        color: var(--SuccessColor, #00ba88) !important;
        border-color: var(--SuccessColor, #00ba88);
        background-color: #F6F6F7;
    }

        .btn-outline-success:active:focus,
        .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success:active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            outline: 0;
            color: var(--SuccessColor, #00ba88) !important;
            border-color: var(--SuccessColor, #00ba88);
            box-shadow: 0 0 0 1px var(--SuccessColor, #00ba88);
        }


#progresstitles .number {
    background-color: var(--PrimaryColor, #ff7a59);
    border: 3px solid var(--PrimaryColor, #ff7a59);
}

#progressbar-full-width .item.passed:before {
    border-color: var(--PrimaryColor, #ff7a59) !important;
    background: var(--PrimaryColor, #ff7a59) !important;
    color: #fff;
}

#progressbar-full-width .item.active:before {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--PrimaryColor, #ff7a59);
    border-color: var(--PrimaryColor, #ff7a59);
    background: var(--PrimaryColor, #ff7a59);
}

#progressbar-full-width .item_done {
    background: var(--PrimaryColor, #ff7a59);
}

.credit-card-selected {
    border: var(--PrimaryColor, #ff7a59) 1px solid !important;
}

    .card-selected {
    border-color: var(--PrimaryColor, #ff7a59) !important;
    border-width: 1px !important;
}

.payment-success-header {
    background-color: var(--SuccessColor, #00ba88) !important;
}

.colorGreenSuccess {
    color: var(--SuccessColor, #00ba88) !important;
}

    .form-check-input:checked {
    background-color: var(--PrimaryColor, #ff7a59);
    border-color: var(--PrimaryColor, #ff7a59);
}


.notification-subtitle {
    color: var(--PrimaryColor, #ff7a59) !important;
}

#cbx-group input[type="checkbox"]:checked + label:before, #cbx-group input[type="radio"]:checked + label:before {
    background: var(--PrimaryColor, #ff7a59);
}

.messageDiv {
    background-color: var(--PrimaryColor, #ff7a59) !important;
}

.messageDivApprovalInfo {
    background-color: var(--PrimaryColor, #ff7a59) !important;
}

.circle {
    background-color: var(--PrimaryColor, #ff7a59);
}


#slider {
    outline: 0;
    background: #cdd4da;
    height: 25px;
    border: 0;
    border-radius: 0.3rem;
}

    #slider .ui-slider-range {
        background: var(--PrimaryColor, #ff7a59);
        border-radius: 0.3rem;
    }

    #slider .ui-slider-handle {
        outline: 0;
        top: 2.5px;
        margin-left: -.6em;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 0;
        background: white;
        cursor: pointer;
    }

.accordion-button.collapsed::after {
    color: var(--PrimaryColor, #ff7a59) !important;
}

.header-row {
    background-color: var(--PrimaryColor, #ff7a59);
}

#cbx-group input[type=checkbox]:checked + label, #cbx-group input[type=radio]:checked + label {
    color: var(--PrimaryColor, #ff7a59);
}

#top-section {
    display: var(--TopSectionDisplay, block) !important;
}

#top-section .navbar {
    background-color: var(--TopNavBarBGColor, #000) !important;
}

#top-section #navbarSupportedContent {
    background-color: var(--TopNavBarBGColor, #000) !important;
}