/* input(2019,11): run-time error CSS1030: Expected identifier, found '#main-container'
input(2019,35): run-time error CSS1025: Expected comma or open brace, found ')' */
/*!
 * Datetimepicker for Bootstrap 4
 * version : 4.17.47
 * modified by: balbarak
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

:root{

    --font-size:13px;
    --container-width:300px;
    --text-color:#000000;
    --text-muted:#c1c1c1;
    --hover--bg-color:#e2e2e2;
    --weekend-bg-color:#f5f5f5;
    --disabled-color:#cccccc;
}

 .bootstrap-datetimepicker-widget {
    list-style: none;
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 4px;
    }

@media (min-width: 768px) { /* Phone */
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) { /* Tablet */
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) { /* Desktop */
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none;
    }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    font-size: var(--font-size);
    color: #000000;
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%;
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget table th.disabled,
        .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color:var(--disabled-color) !important;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month";
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month";
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #eeeeee;
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px;
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
            font-size: var(--font-size);
        }

            .bootstrap-datetimepicker-widget table td.day:hover,
            .bootstrap-datetimepicker-widget table td.hour:hover,
            .bootstrap-datetimepicker-widget table td.minute:hover,
            .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eeeeee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old,
        .bootstrap-datetimepicker-widget table td.new {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active,
        .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled,
        .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: var(--disabled-color) !important;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px;
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #eeeeee;
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777777;
            }

            .bootstrap-datetimepicker-widget table td span.disabled,
            .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: var(--disabled-color) !important;
                cursor: not-allowed;
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.datepicker-months .month {
    font-size: var(--font-size);
    width: 85px;
}

.bootstrap-datetimepicker-widget table td.weekend {
    background-color: var(--weekend-bg-color);
    border-radius: 0px;
}

.bootstrap-datetimepicker-widget {
    padding: 40px;
}


.datepicker tbody tr > td.day {
    color:var(--text-color);
    padding: 5px 12px;
}

    .datepicker tbody tr > td.day.old {
        color: var(--text-muted);
    }

    .datepicker tbody tr > td.day.new {
        color:var(--text-muted);
    }

.datepicker {
    width: var(--container-width);
    padding: 10px;
}

/*===================================================================================== Custom ========*/

    .datepicker.datepicker-orient-top {
        margin-top: 8px;
    }

    .datepicker table {
        width: 100%;
    }

    .datepicker td,
    .datepicker th {
        font-weight: regular;
        width: 35px;
        height: 35px;
        border-radius: 3px;
    }

    .datepicker thead th {
        color: #a7abc3;
    }

        .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
            font-weight: 500;
            color: #a7abc3;
        }

            .datepicker thead th.prev i, .datepicker thead th.datepicker-switch i, .datepicker thead th.next i {
                font-size: 1.2rem;
                color: #a7abc3;
            }

                .datepicker thead th.prev i:before, .datepicker thead th.datepicker-switch i:before, .datepicker thead th.next i:before {
                    line-height: 0;
                    vertical-align: middle;
                }

            .datepicker thead th.prev:hover, .datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover {
                background: #f7f8fa !important;
            }

        .datepicker thead th.dow {
            color: #000000;
            font-weight: 500;
            font-size: var(--font-size);
        }

    .datepicker tbody tr > td.day {
        color:var(--text-color);
    }

        .datepicker tbody tr > td.day:hover {
            background:var(--hover--bg-color);
            color: #6c7293;
        }

        .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
            background: #5867dd;
            color: #ffffff;
        }

        .datepicker tbody tr > td.day.today {
            position: relative;
            background: rgba(93, 120, 255, 0.7) !important;
            color: #ffffff !important;
        }

            .datepicker tbody tr > td.day.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #ffffff;
                border-top-color: #ebedf2;
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .datepicker tbody tr > td.day.range {
            background: #f7f8fa;
        }

    .datepicker tbody tr > td span.year,
    .datepicker tbody tr > td span.hour,
    .datepicker tbody tr > td span.minute,
    .datepicker tbody tr > td span.month {
        color:var(--text-color);
        font-size: var(--font-size);
    }

    .datepicker tbody tr > td span.year{
        width: 65px;
    }

        .datepicker tbody tr > td span.year:hover,
        .datepicker tbody tr > td span.hour:hover,
        .datepicker tbody tr > td span.minute:hover,
        .datepicker tbody tr > td span.month:hover {
            background:var(--hover--bg-color);
        }

        .datepicker tbody tr > td span.year.focused, .datepicker tbody tr > td span.year.focused:hover, .datepicker tbody tr > td span.year.active:hover, .datepicker tbody tr > td span.year.active.focused:hover, .datepicker tbody tr > td span.year.active,
        .datepicker tbody tr > td span.hour.focused,
        .datepicker tbody tr > td span.hour.focused:hover,
        .datepicker tbody tr > td span.hour.active:hover,
        .datepicker tbody tr > td span.hour.active.focused:hover,
        .datepicker tbody tr > td span.hour.active,
        .datepicker tbody tr > td span.minute.focused,
        .datepicker tbody tr > td span.minute.focused:hover,
        .datepicker tbody tr > td span.minute.active:hover,
        .datepicker tbody tr > td span.minute.active.focused:hover,
        .datepicker tbody tr > td span.minute.active,
        .datepicker tbody tr > td span.month.focused,
        .datepicker tbody tr > td span.month.focused:hover,
        .datepicker tbody tr > td span.month.active:hover,
        .datepicker tbody tr > td span.month.active.focused:hover,
        .datepicker tbody tr > td span.month.active {
            background: #5867dd;
            color: #ffffff;
        }

    .datepicker tfoot tr > th.today, .datepicker tfoot tr > th.clear {
        border-radius: 3px;
        font-weight: 500;
    }

        .datepicker tfoot tr > th.today:hover, .datepicker tfoot tr > th.clear:hover {
            background: #ebedf2;
        }

    .datepicker.datepicker-inline {
        border: 1px solid #ebedf2;
    }




body {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
}

/*@media screen and (max-width: 860px) {
    body, body * {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}*/

body div.process-loading {
    --bs-backdrop-zindex: 999999;
    --bs-backdrop-opacity: 0.1;
    opacity: var(--bs-backdrop-opacity);
    z-index: var(--bs-backdrop-zindex);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(145, 145, 145);
    display: none;
}

body.loading div.process-loading {
    display: block;
}

body div.process-loading-blur {
    --bs-backdrop-zindex: 999999;
    z-index: var(--bs-backdrop-zindex);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

body.loading div.process-loading-blur {
    display: block;
}

body div.process-loading-blur::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

body div.process-loading-blur .process-loading-spinner {
    position: absolute;
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem);
    bottom: calc(50% + 2.5rem);
    right: calc(50% + 2.5rem);
}

    body div.process-loading-blur .process-loading-spinner .spinner-border {
        --bs-spinner-border-width: 0.40em;
    }

    [dir=rtl] body div.process-loading-blur .process-loading-spinner {
        right: calc(50% - 2.5rem);
        left: calc(50% + 2.5rem);
    }

/*footer {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}*/

.home-banner-title + h6 {
    white-space: normal;
}

.progress-cards .card .card-body {
    padding: 16px 4px;
}

/*@media screen and (min-width: 1491px) and (max-width: 1600px) {
    .progress-cards .progress-col {
        padding-right: calc(var(--bs-gutter-x)* .25);
        padding-left: calc(var(--bs-gutter-x)* .25);
    }
}

@media screen and (max-width: 1490px) {
    .progress-cards .progress-col {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

        .progress-cards .progress-col.progress-col-previous:not(:has(+ .progress-col-active)) {
            display: none;
        }

        .progress-cards .progress-col.progress-col-future {
            display: none;
        }
}*/

    .no-select, input, select, textarea, button {
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

.dropdown-menu,
.advanced-dropdown-menu {
    border-radius: 14px !important;
}

svg.invalid-input + span.invalid-feedback {
    display: inline;
    line-height: 2rem;
}

svg.invalid-input {
    margin-bottom: 3px;
}

svg.invalid-input {
    display: none;
}

input.is-invalid ~ svg.invalid-input,
select.is-invalid ~ svg.invalid-input,
textarea.is-invalid ~ svg.invalid-input,
div.is-invalid ~ svg.invalid-input {
    display: inline;
}

.form-control.is-invalid-nomsg {
    border-color: #BF2F2F !important;
}

form .check-parent, form .check-parent label {
    cursor: pointer;
}


.form-floating .flagLabel .flagIcon.found {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
}

.form-floating ul li div.flag-icon,
.list.custom-list ul li div.flag-icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
}

.form-floating ul li.disabled,
.list.custom-list ul li.disabled {
    filter: grayscale(1);
    opacity: 0.8;
}

.dd-icons-hidden {
    width: 0 !important;
    height: 0 !important;
}

button[data-bs-toggle="tooltip"][disabled].tooltip-show {
    pointer-events: all !important;
    cursor: default !important;
}

.modal::before {
    position: fixed;
}

input.members-percentage-input.is-invalid {
    color: #BF2F2F;
}

.radialProgressBar.steps .overlay {
    background-color: #f3f3f3 !important;
}

.previous-step-button,
.previous-step-button:hover,
.previous-step-button:active,
.previous-step-button:focus,
.previous-step-button:focus-within,
.previous-step-button:focus-visible
{
    font-family: "CoText_Trial_Rg";
}

.btn-accent:not([disabled]):not(.disabled):hover,
.btn-accent:not([disabled]):not(.disabled):focus,
.btn-accent:not([disabled]):not(.disabled):focus-within,
.btn-accent:not([disabled]):not(.disabled):active,
.btn-accent:not([disabled]):not(.disabled):focus-visible {
    background-color: #FFEE99 !important;
    border-color: #FFEE99 !important;
    color: #20222F !important;
    -webkit-box-shadow: 0 1px 10px rgba(15, 0, 56, 0.04) !important;
    box-shadow: 0 1px 10px rgba(15, 0, 56, 0.04) !important;
}

.btn-accent[disabled],
.btn-accent.disabled,
.btn-accent[disabled]:hover,
.btn-accent.disabled:hover,
.btn-accent[disabled]:active,
.btn-accent.disabled:active,
.btn-accent[disabled]:focus,
.btn-accent.disabled:focus,
.btn-accent[disabled]:focus-within,
.btn-accent.disabled:focus-within {
    color: #A2A7AB !important;
    background: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

.btn-accent:not([disabled]):not(.disabled):hover svg path[stroke],
.btn-accent:not([disabled]):not(.disabled):focus svg path[stroke],
.btn-accent:not([disabled]):not(.disabled):focus-within svg path[stroke],
.btn-accent:not([disabled]):not(.disabled):active svg path[stroke],
.btn-accent:not([disabled]):not(.disabled):focus-visible svg path[stroke] {
    stroke: #20222F !important;
}

.btn-accent[disabled] svg path[stroke],
.btn-accent.disabled svg path[stroke],
.btn-accent[disabled]:hover svg path[stroke],
.btn-accent.disabled:hover svg path[stroke],
.btn-accent[disabled]:active svg path[stroke],
.btn-accent.disabled:active svg path[stroke],
.btn-accent[disabled]:focus svg path[stroke],
.btn-accent.disabled:focus svg path[stroke],
.btn-accent[disabled]:focus-within svg path[stroke],
.btn-accent.disabled:focus-within svg path[stroke] {
    stroke: #A2A7AB !important;
}

.btn-accent:not([disabled]):not(.disabled):hover svg path[fill],
.btn-accent:not([disabled]):not(.disabled):focus svg path[fill],
.btn-accent:not([disabled]):not(.disabled):focus-within svg path[fill],
.btn-accent:not([disabled]):not(.disabled):active svg path[fill],
.btn-accent:not([disabled]):not(.disabled):focus-visible svg path[fill] {
    fill: #20222F !important;
}

#RetrieveAddress.btn-accent:not([disabled]):not(.disabled):hover svg path[fill]:last-child,
#RetrieveAddress.btn-accent:not([disabled]):not(.disabled):focus svg path[fill]:last-child,
#RetrieveAddress.btn-accent:not([disabled]):not(.disabled):focus-within svg path[fill]:last-child,
#RetrieveAddress.btn-accent:not([disabled]):not(.disabled):active svg path[fill]:last-child,
#RetrieveAddress.btn-accent:not([disabled]):not(.disabled):focus-visible svg path[fill]:last-child {
    fill: #FFEE99 !important;
}

.btn-accent[disabled] svg path[fill],
.btn-accent.disabled svg path[fill],
.btn-accent[disabled]:hover svg path[fill],
.btn-accent.disabled:hover svg path[fill],
.btn-accent[disabled]:active svg path[fill],
.btn-accent.disabled:active svg path[fill],
.btn-accent[disabled]:focus svg path[fill],
.btn-accent.disabled:focus svg path[fill],
.btn-accent[disabled]:focus-within svg path[fill],
.btn-accent.disabled:focus-within svg path[fill] {
    fill: #A2A7AB !important;
}

.btn-primary:not([disabled]):not(.disabled):hover,
.btn-primary:not([disabled]):not(.disabled):focus,
.btn-primary:not([disabled]):not(.disabled):focus-within,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled):focus-visible {
    border-color: #FFE133 !important;
    background-color: #FFE133 !important;
    color: #20222F !important;
    -webkit-box-shadow: 0 1px 10px rgba(15, 0, 56, 0.04) !important;
    box-shadow: 0 1px 10px rgba(15, 0, 56, 0.04) !important;
}

.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary[disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary[disabled]:active,
.btn-primary.disabled:active,
.btn-primary[disabled]:focus,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus-within,
.btn-primary.disabled:focus-within {
    color: #A2A7AB !important;
    background: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

.btn-primary:not([disabled]):not(.disabled):hover svg path[stroke],
.btn-primary:not([disabled]):not(.disabled):focus svg path[stroke],
.btn-primary:not([disabled]):not(.disabled):focus-within svg path[stroke],
.btn-primary:not([disabled]):not(.disabled):active svg path[stroke],
.btn-primary:not([disabled]):not(.disabled):focus-visible svg path[stroke] {
    stroke: #20222F !important;
}

.btn-primary[disabled] svg path[stroke],
.btn-primary.disabled svg path[stroke],
.btn-primary[disabled]:hover svg path[stroke],
.btn-primary.disabled:hover svg path[stroke],
.btn-primary[disabled]:active svg path[stroke],
.btn-primary.disabled:active svg path[stroke],
.btn-primary[disabled]:focus svg path[stroke],
.btn-primary.disabled:focus svg path[stroke],
.btn-primary[disabled]:focus-within svg path[stroke],
.btn-primary.disabled:focus-within svg path[stroke] {
    stroke: #A2A7AB !important;
}

.btn-primary:not([disabled]):not(.disabled):hover svg path[fill],
.btn-primary:not([disabled]):not(.disabled):focus svg path[fill],
.btn-primary:not([disabled]):not(.disabled):focus-within svg path[fill],
.btn-primary:not([disabled]):not(.disabled):active svg path[fill],
.btn-primary:not([disabled]):not(.disabled):focus-visible svg path[fill] {
    fill: #20222F !important;
}

.btn-primary[disabled] svg path[fill],
.btn-primary.disabled svg path[fill],
.btn-primary[disabled]:hover svg path[fill],
.btn-primary.disabled:hover svg path[fill],
.btn-primary[disabled]:active svg path[fill],
.btn-primary.disabled:active svg path[fill],
.btn-primary[disabled]:focus svg path[fill],
.btn-primary.disabled:focus svg path[fill],
.btn-primary[disabled]:focus-within svg path[fill],
.btn-primary.disabled:focus-within svg path[fill] {
    fill: #A2A7AB !important;
}

.btn-outline-secondary:not([disabled]):not(.disabled),
.btn-white:not([disabled]):not(.disabled) {
    border-color: rgba(30, 30, 30, 0.64) !important;
    background-color: #FFFFFF;
    color: #000000 !important;
    opacity: 0.8;
}

.btn-outline-secondary:not([disabled]):not(.disabled):hover,
.btn-outline-secondary:not([disabled]):not(.disabled):focus,
.btn-outline-secondary:not([disabled]):not(.disabled):focus-within,
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.btn-outline-secondary:not([disabled]):not(.disabled):focus-visible,
.btn-white:not([disabled]):not(.disabled):hover,
.btn-white:not([disabled]):not(.disabled):focus,
.btn-white:not([disabled]):not(.disabled):focus-within,
.btn-white:not([disabled]):not(.disabled):active,
.btn-white:not([disabled]):not(.disabled):focus-visible {
    opacity: 1;
    -webkit-box-shadow: 0 1px 10px rgba(15, 0, 56, 0.04) !important;
    box-shadow: 0 1px 10px rgba(15, 0, 56, 0.04) !important;
}

.btn-outline-secondary[disabled],
.btn-outline-secondary.disabled,
.btn-outline-secondary[disabled]:hover,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary[disabled]:active,
.btn-outline-secondary.disabled:active,
.btn-outline-secondary[disabled]:focus,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary[disabled]:focus-within,
.btn-outline-secondary.disabled:focus-within,
.btn-white[disabled],
.btn-white.disabled,
.btn-white[disabled]:hover,
.btn-white.disabled:hover,
.btn-white[disabled]:active,
.btn-white.disabled:active,
.btn-white[disabled]:focus,
.btn-white.disabled:focus,
.btn-white[disabled]:focus-within,
.btn-white.disabled:focus-within {
    color: #A2A7AB !important;
    background: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

    .btn-outline-secondary[disabled] svg path[stroke],
    .btn-outline-secondary.disabled svg path[stroke],
    .btn-outline-secondary[disabled]:hover svg path[stroke],
    .btn-outline-secondary.disabled:hover svg path[stroke],
    .btn-outline-secondary[disabled]:active svg path[stroke],
    .btn-outline-secondary.disabled:active svg path[stroke],
    .btn-outline-secondary[disabled]:focus svg path[stroke],
    .btn-outline-secondary.disabled:focus svg path[stroke],
    .btn-outline-secondary[disabled]:focus-within svg path[stroke],
    .btn-outline-secondary.disabled:focus-within svg path[stroke],
    .btn-white[disabled] svg path[stroke],
    .btn-white.disabled svg path[stroke],
    .btn-white[disabled]:hover svg path[stroke],
    .btn-white.disabled:hover svg path[stroke],
    .btn-white[disabled]:active svg path[stroke],
    .btn-white.disabled:active svg path[stroke],
    .btn-white[disabled]:focus svg path[stroke],
    .btn-white.disabled:focus svg path[stroke],
    .btn-white[disabled]:focus-within svg path[stroke],
    .btn-white.disabled:focus-within svg path[stroke] {
        stroke: #A2A7AB !important;
    }

.btn-outline-secondary:not([disabled]):not(.disabled) svg path[stroke],
.btn-white:not([disabled]):not(.disabled) svg path[stroke],
.btn-outline-secondary:not([disabled]):not(.disabled):hover svg path[stroke],
.btn-outline-secondary:not([disabled]):not(.disabled):focus svg path[stroke],
.btn-outline-secondary:not([disabled]):not(.disabled):focus-within svg path[stroke],
.btn-outline-secondary:not([disabled]):not(.disabled):active svg path[stroke],
.btn-outline-secondary:not([disabled]):not(.disabled):focus-visible svg path[stroke],
.btn-white:not([disabled]):not(.disabled):hover svg path[stroke],
.btn-white:not([disabled]):not(.disabled):focus svg path[stroke],
.btn-white:not([disabled]):not(.disabled):focus-within svg path[stroke],
.btn-white:not([disabled]):not(.disabled):active svg path[stroke],
.btn-white:not([disabled]):not(.disabled):focus-visible svg path[stroke] {
    stroke: #000000 !important;
}

.btn-outline-secondary[disabled] svg path[fill],
.btn-outline-secondary.disabled svg path[fill],
.btn-outline-secondary[disabled]:hover svg path[fill],
.btn-outline-secondary.disabled:hover svg path[fill],
.btn-outline-secondary[disabled]:active svg path[fill],
.btn-outline-secondary.disabled:active svg path[fill],
.btn-outline-secondary[disabled]:focus svg path[fill],
.btn-outline-secondary.disabled:focus svg path[fill],
.btn-outline-secondary[disabled]:focus-within svg path[fill],
.btn-outline-secondary.disabled:focus-within svg path[fill],
.btn-white[disabled] svg path[fill],
.btn-white.disabled svg path[fill],
.btn-white[disabled]:hover svg path[fill],
.btn-white.disabled:hover svg path[fill],
.btn-white[disabled]:active svg path[fill],
.btn-white.disabled:active svg path[fill],
.btn-white[disabled]:focus svg path[fill],
.btn-white.disabled:focus svg path[fill],
.btn-white[disabled]:focus-within svg path[fill],
.btn-white.disabled:focus-within svg path[fill] {
    fill: #A2A7AB !important;
}

.btn-outline-secondary:not([disabled]):not(.disabled) svg path[fill],
.btn-white:not([disabled]):not(.disabled) svg path[fill],
.btn-outline-secondary:not([disabled]):not(.disabled):hover svg path[fill],
.btn-outline-secondary:not([disabled]):not(.disabled):focus svg path[fill],
.btn-outline-secondary:not([disabled]):not(.disabled):focus-within svg path[fill],
.btn-outline-secondary:not([disabled]):not(.disabled):active svg path[fill],
.btn-outline-secondary:not([disabled]):not(.disabled):focus-visible svg path[fill],
.btn-white:not([disabled]):not(.disabled):hover svg path[fill],
.btn-white:not([disabled]):not(.disabled):focus svg path[fill],
.btn-white:not([disabled]):not(.disabled):focus-within svg path[fill],
.btn-white:not([disabled]):not(.disabled):active svg path[fill],
.btn-white:not([disabled]):not(.disabled):focus-visible svg path[fill] {
    fill: #000000 !important;
}

.btn-outline-secondary svg path:not([fill]),
.btn-white svg path:not([fill]),
.btn-primary svg path:not([fill]),
.btn-accent svg path:not([fill])
{
    fill: transparent !important;
}

.dropdown-select .option,
.list.custom-list .option {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

    .dropdown-select .option.selected,
    .custom-list .option.selected {
        font-family: "CoText_Trial_Bold" !important;
        font-weight: bold !important;
    }

bootstrap-datetimepicker-widget dropdown-menu,
.dropdown-select .list,
.list.custom-list {
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform-origin: unset;
    transform-origin: unset;
    -webkit-transition: unset;
    transition: unset;
    font-size: 14px;
}

.form-check .form-check-input[type=radio]:checked {
    border-color: #1A1C1E;
}

.check-parent.bg-white .form-check .form-check-input {
    border-width: 2px;
}

.check-parent, .check-parent label {
    cursor: pointer;
}

.country-name {
    font-family: "CoText_Trial_Rg";
}

.dropdown-select .option .flag-icon,
.dropdown-select .flagIcon,
.list.custom-list .option .flag-icon,
.list.custom-list .flagIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dropdown-select .option .flag-icon .icon-code,
    .dropdown-select .flagIcon .icon-code,
    .list.custom-list .option .flag-icon .icon-code,
    .list.custom-list .flagIcon .icon-code {
        font-weight: 600;
    }

.dropdown-select[disabled], .dropdown-select.disabled {
    background-color: #EEEEEE;
    color: #A2A7AB;
    border-color: #B7B7B7;
    pointer-events: none;
}

.disabled, [disabled],
.disabled ~ label, [disabled] ~ label {
    pointer-events: none;
}

input.no-caret:focus {
    caret-color: transparent !important;
}


/* Datepicker */
.datepicker {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 10px;
}

    .datepicker tbody tr > td span.year.focused,
    .datepicker tbody tr > td span.year.focused:hover,
    .datepicker tbody tr > td span.year.active:hover,
    .datepicker tbody tr > td span.year.active.focused:hover,
    .datepicker tbody tr > td span.year.active,
    .datepicker tbody tr > td span.hour.focused,
    .datepicker tbody tr > td span.hour.focused:hover,
    .datepicker tbody tr > td span.hour.active:hover,
    .datepicker tbody tr > td span.hour.active.focused:hover,
    .datepicker tbody tr > td span.hour.active,
    .datepicker tbody tr > td span.minute.focused,
    .datepicker tbody tr > td span.minute.focused:hover,
    .datepicker tbody tr > td span.minute.active:hover,
    .datepicker tbody tr > td span.minute.active.focused:hover,
    .datepicker tbody tr > td span.minute.active,
    .datepicker tbody tr > td span.month.focused,
    .datepicker tbody tr > td span.month.focused:hover,
    .datepicker tbody tr > td span.month.active:hover,
    .datepicker tbody tr > td span.month.active.focused:hover,
    .datepicker tbody tr > td span.month.active {
        color: #000 !important;
        background-color: #FFD900 !important;
        font-family: "CoText_Trial_Bold" !important;
        font-weight: bold !important;
        border: none !important;
        text-shadow: none !important;
    }

    .datepicker tbody tr > td span.year:hover,
    .datepicker tbody tr > td span.hour:hover,
    .datepicker tbody tr > td span.minute:hover,
    .datepicker tbody tr > td span.month:hover {
        color: black !important;
        background-color: #FAF9F7 !important;
    }

    .datepicker tbody tr > td span.year,
    .datepicker tbody tr > td span.year:hover,
    .datepicker tbody tr > td span.hour,
    .datepicker tbody tr > td span.hour:hover,
    .datepicker tbody tr > td span.minute,
    .datepicker tbody tr > td span.minute:hover,
    .datepicker tbody tr > td span.month,
    .datepicker tbody tr > td span.month:hover {
        float: left !important;
    }

[dir=rtl] .datepicker tbody tr > td span.year,
[dir=rtl] .datepicker tbody tr > td span.year:hover,
[dir=rtl] .datepicker tbody tr > td span.hour,
[dir=rtl] .datepicker tbody tr > td span.hour:hover,
[dir=rtl] .datepicker tbody tr > td span.minute,
[dir=rtl] .datepicker tbody tr > td span.minute:hover,
[dir=rtl] .datepicker tbody tr > td span.month,
[dir=rtl] .datepicker tbody tr > td span.month:hover {
    float: right !important;
}

.datepicker tbody tr > td span.month {
    width: 31%;
}

.datepicker tbody tr > td span.year {
    width: 23%;
}


.datepicker-dropdown:before,
.datepicker-dropdown:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: none;
}

.datepicker.datepicker-dropdown.dropdown-menu.rtl table,
.bootstrap-datetimepicker-widget.dropdown-menu.rtl table {
    direction: rtl;
}

.datepicker.datepicker-dropdown.dropdown-menu,
.bootstrap-datetimepicker-widget.dropdown-menu,
.dropdown .dropdown-menu,
.dropdown .advanced-dropdown-menu {
    border-color: #ddd;
    margin: 0;
    padding: 25px;
}

.rounded-sm {
    border-radius: 6px;
}

.dropdown .dropdown-menu,
.dropdown .advanced-dropdown-menu {
    margin-bottom: 4px;
    margin-top: 4px;
}

.datepicker {
    width: 100%;
}

    .datepicker tfoot tr th {
        cursor: unset;
    }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: #fff;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: unset;
}

.bootstrap-datetimepicker-widget table thead tr th {
    padding-bottom: 25px;
}

.bootstrap-datetimepicker-widget table thead th,
.bootstrap-datetimepicker-widget .table thead th {
    text-transform: unset;
    color: #333333 !important;
}

.bootstrap-datetimepicker-widget .picker-switch table td.datepicker-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.switch.sm .switch-label {
    width: 40px;
}

.switch.sm input + .slider {
    height: 20px;
}

.switch.sm .slider:before {
    height: 20px;
    width: 20px;
}

.switch.sm .label {
    display: inline;
}

    .switch.sm .label:hover {
        background-color: transparent;
        cursor: default;
    }

[dir=rtl] .switch.sm input:checked + .slider:before {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.switch.sm input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.bootstrap-datetimepicker-widget table td.day {
    background-color: transparent !important;
    color: #666666 !important;
    height: 45px;
    line-height: 13px;
    width: 14%;
    border-radius: 6px !important;
}

/*
.datepicker table tr td {
    display: block;
    width: 31px;
    height: 29px;
    line-height: 29px;
    float: unset !important;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 6px;
}*/

.datepicker tbody tr > td.day.today {
    background-color: #FAF9F7 !important;
    color: #000 !important;
}

    .datepicker tbody tr > td.day.today:before {
        content: none;
    }

.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover,
.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover {
    color: #000 !important;
    background-color: #FFD900 !important;
    font-family: "CoText_Trial_Bold" !important;
    font-weight: bold !important;
    border: none !important;
    text-shadow: none !important;
}

.datepicker table th,
.datepicker table td,
.datepicker .table th,
.datepicker .table td,
.datepicker tbody tr > td.day {
    padding: unset;
    font-size: 14px !important;
}

.datepicker tbody tr > td span.year,
.datepicker tbody tr > td span.hour,
.datepicker tbody tr > td span.minute,
.datepicker tbody tr > td span.month {
    font-size: 14px !important;
}

.datepicker table th,
datepicker .table th {
    font-family: "CoText_Trial_Bold" !important;
    font-weight: bold !important;
}

.datepicker table th,
.datepicker .table th,
.datepicker table td,
.datepicker .table td {
    border: none !important;
}
/*.datepicker thead th.prev span,
.datepicker thead th.next span {
    padding: 2px;
    border-radius: 6px;
}*/
.datepicker thead th.prev:hover,
.datepicker thead th.next:hover {
    background-color: transparent !important;
    cursor: pointer;
}

.datepicker thead th div.datepicker-switch:hover {
    cursor: pointer;
}

.datepicker table th div.datepicker-switch {
    font-size: 15px !important;
}

.datepicker thead th.prev span,
.datepicker thead th.next span {
    display: inline-block;
    width: 35px;
}

.datepicker thead th.prev:hover span,
.datepicker thead th.next:hover span {
    background-color: transparent !important;
    cursor: pointer;
}

.datepicker tbody tr > td.day:hover {
    color: black !important;
    background-color: #FAF9F7 !important;
}




.list.custom-list {
    position: absolute;
    top: 0;
}

.personal-information label,
.address-information label {
    letter-spacing: 1.3px;
}

table tr.table-data-record {
    background-color: #FFFFFF;
}

    table tr.table-data-record:hover, table tr.empty-row {
        background-color: #FCFCFA;
    }

.dropdown-select.advanced-select span.current {
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown-select.advanced-select[disabled] .flagLabel {
    filter: grayscale(1);
    opacity: 0.8;
    color: var(--bs-body-color);
}

.check-parent.bg-white .form-check span.form-check-title {
    font-size: 15px;
}

.check-parent.bg-white .form-check .form-check-input:checked + .form-check-label {
    font-family: "CoText_Trial_Bold";
}

.check-parent.bg-white .form-check .form-check-input:not(:checked) + .form-check-label {
    font-family: "CoText_Trial_Rg";
}

.check-parent.bg-white {
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
}

    .check-parent.bg-white.highlight {
        border-color: #E5E5E5;
        border-width: 1px;
        border-style: solid;
    }

textarea {
    resize: none;
    overflow: auto;
}

.custom-tooltip.left .tooltip-inner {
    max-width: 400px;
    width: inherit;
}

.custom-tooltip.long {
    max-height: 400px;
}

.custom-tooltip.long .tooltip-inner {
    max-height: 400px;
}

.custom-tooltip.long-400 {
    height: 400px;
}

.custom-tooltip.long-400 .tooltip-inner {
    height: 400px;
}

.custom-tooltip.long-240{
    height: 240px;
}

.custom-tooltip.long-240 .tooltip-inner {
    height: 240px;
}


.custom-tooltip .tooltip-inner ul {
    margin: 0;
}

.signatory-card-header {
    background-color: #FAF9F7;
    border-bottom-color: #D6D6D6;
}

.card-header:first-child {
    border-radius: 0.75rem 0.75rem 0 0;
}

[dir=rtl] li.form-check .form-check-input {
    margin-right: 0;
}

[dir=ltr] li.form-check .form-check-input {
    margin-left: 0;
}

.dropdown-select .dd-searchbox, .custom-list .dd-searchbox {
    border-radius: 12px;
}

.dropdown-select .option.shorter, .custom-list .option.shorter {
    line-height: 30px;
}

.form-floating > .form-select.placeholder-shown ~ label {
    transform-origin: 0 0;
    top: 2px;
    transform: unset;
    padding: 20px 1.4rem !important;
    color: #888;
    background-color: transparent;
    border-color: transparent;
    background-image: none;
}

.modal-header {
    padding: 29px;
    border: 0;
}

    .modal-header + .modal-body {
        padding-top: 0;
    }

.card-modal .carousel-control-next,
.card-modal .carousel-control-prev {
    position: relative;
    right: 0;
    left: 0;
    background-color: transparent;
    width: auto;
    height: auto;
    top: auto;
    bottom: 0;
}

    .card-modal .carousel-control-next .carousel-control-next-icon,
    .card-modal .carousel-control-next .carousel-control-prev-icon,
    .card-modal .carousel-control-prev .carousel-control-next-icon,
    .card-modal .carousel-control-prev .carousel-control-prev-icon {
        background-image: none;
        width: auto;
        height: auto;
    }

img.card-img-top.thumbnail {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.modal-content {
    border: none;
    --bs-modal-border-radius: 16px;
}

.secondary-btn-link {
    text-decoration: none;
    color: #798086;
}

button.accordion-button {
    --bs-accordion-active-color: #1A1C1E;
    --bs-accordion-btn-color: #1A1C1E;
    font-size: 1.15rem;
}

.accordion-body button.accordion-button {
    font-size: 1rem;
}

.trim-text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invisible-disable {
    pointer-events: none;
}

.form-check .form-check-input.small {
    width: 16px;
    height: 16px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: #29292a;
}

[dir=rtl] .force-ltr {
    direction: ltr;
    justify-content: flex-end;
}

.copy-tooltip-container {
    position: relative;
    display: inline-block;
}

.copy-tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
    font-size: 12px;
}

.copy-tooltip-container:hover .copy-tooltip {
    visibility: visible;
    opacity: 1;
}

.copy-tooltip-container.clicked .copy-tooltip {
    visibility: visible;
    opacity: 0.9;
}

[dir=ltr] .splide.blurred::after {
    background: var(--splide-background, radial-gradient(ellipse 187% 102% at 95% 50%, rgb(255 255 255 / 90%) 10%, rgba(255, 255, 255, 0) 50%)) !important;
}

[dir=rtl] .splide.blurred::after {
    background: var(--splide-background, radial-gradient(ellipse 187% 102% at 5% 50%, rgb(255 255 255 / 90%) 10%, rgba(255, 255, 255, 0) 50%)) !important;
}

.splide:not(blurred)::after {
    background: transparent !important;
}

.welcome-back-card {
    /*-webkit-box-shadow: 0 2px 16px rgba(15, 0, 56, 0.04);
    box-shadow: 0 2px 16px rgba(15, 0, 56, 0.04);*/
    border: 0.2em solid white;
}

div.inactive p,
div.inactive h6,
div.inactive h5,
div.inactive h4,
div.inactive h3,
div.inactive h2,
div.inactive h1,
div.inactive li,
div.inactive label,
div.inactive span
div.inactive div {
    color: #80888E !important;
}

div.inactive path {
    fill: #80888E !important;
}

div.inactive div.text-danger {
    color: #80888E !important;
}

.bg-notification-warn {
    background-color: #FDECEA;
}

div.inactive .bg-notification-warn {
    background-color: #F5F5F5;
}

.bg-notification-info {
    background-color: #FAF9F7;
}

.custom-tooltip {
    font-size: 12.5px !important;
}

.bg-status-pending {
    background-color: #FCEFE8;
}

.welcome-back-card h4 {
    font-size: 2em;
}

.welcome-back-card h6 {
    font-size: 1.2em;
}

hr {
    color: rgba(0, 0, 0, 0.14);
}

.min-w-360px {
    min-width: 360px;
}

.modal-content .accordion-button, .modal-content .accordion-button:not(.collapsed) {
    --bs-accordion-btn-bg: #FAF9F7 !important;
    --bs-accordion-active-bg: #FAF9F7 !important;
}

.progress-col .card,
.progress-col.progress-col-comments .card {
    -webkit-box-shadow: 0 2px 16px rgba(15, 0, 56, 0.04);
    box-shadow: 0 2px 16px rgba(15, 0, 56, 0.04);
    border-color: #bf2f2fc2;
}

.progress-col.progress-col-comments .card .card-body .progress-card-bottom {
    display: none;
}

.progress-col.progress-col-previous .card {
    border: 0;
}

/*.progress-col.progress-col-previous .card .card-body .comments {
    background-color: #FAF9F7;
}*/

.progress-col.progress-col-comments .card .card-body .comments {
    bottom: -3px;
}

.progress-col.progress-col-active.progress-col-comments .card .card-body .comments {
    width: 91px;
    height: 10px;
    position: absolute;
    left: 50%;
    bottom: -5px;
}

.progress-step .progress-marker::before {
    content: "";
}

.progress-step.is-complete .progress-marker::before,
.progress-step.is-progress .progress-marker::before,
.progress-tracker--vertical.progress-tracker-sub .progress-step.is-complete .progress-marker::before {
    background-size: 16px;
}

[dir=rtl] .rtl-flip {
    transform: scale(-1, 1);
}

[dir=rtl] .progress-tracker--spaced .progress-marker::after {
    margin-right: 55px;
}

[dir=ltr] .progress-tracker--spaced .progress-marker::after {
    margin-left: 55px;
}

.btn.btn-nop {
    padding: 0 30px;
}

.label-with-tooltip label {
    pointer-events: unset;
}

.tooltip.custom-tooltip {
    background-color: var(--bs-tooltip-bg);
    padding: 6px;
}

.custom-tooltip .tooltip-inner {
    padding: 9px;
}

.tour-active {
    position: relative;
    z-index: 1051;
}

.tour-backdrop {
    --hole-width: 10px;
    --hole-height: 10px;
    --hole-left: 500px;
    --hole-top: 500px;
    --hole-radius: 10px;
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.4;
}

    .tour-backdrop::after {
        content: " ";
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        opacity: var(--bs-backdrop-opacity);
        background: var(--bs-backdrop-bg); /* Dark overlay */
        -webkit-mask-image: linear-gradient(black, black), radial-gradient(circle, black, black);
        mask-image: linear-gradient(black, black), radial-gradient(circle, black, black);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude;
        /* Transparent rectangle */
        -webkit-mask-position: 0 0, var(--hole-left) var(--hole-top);
        mask-position: 0 0, var(--hole-left) var(--hole-top);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%, var(--hole-width) var(--hole-height);
        mask-size: 100% 100%, var(--hole-width) var(--hole-height);
        transition: mask-position 0.3s ease-in-out, mask-size 0.3s ease-in-out, mask-image 0.3s ease-in-out;
    }

    .tour-backdrop .corner {
        position: fixed;
        z-index: var(--bs-backdrop-zindex);
        opacity: var(--bs-backdrop-opacity);
        background: var(--bs-backdrop-bg); /* Dark overlay */
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: var(--hole-radius);
        height: var(--hole-radius);
        transition: top 0.3s ease-in-out, left 0.3s ease-in-out;
    }

        .tour-backdrop .corner.top-left {
            left: var(--hole-left);
            top: var(--hole-top);
            -webkit-mask-image: radial-gradient(circle at var(--hole-radius) var(--hole-radius), transparent calc(var(--hole-radius)), black calc(var(--hole-radius) + 1px));
        }

        .tour-backdrop .corner.top-right {
            left: calc(var(--hole-left) + var(--hole-width) - var(--hole-radius));
            top: var(--hole-top);
            -webkit-mask-image: radial-gradient(circle at 0px var(--hole-radius), transparent calc(var(--hole-radius)), black calc(var(--hole-radius) + 1px));
        }

        .tour-backdrop .corner.bottom-left {
            left: var(--hole-left);
            top: calc(var(--hole-top) + var(--hole-height) - var(--hole-radius));
            -webkit-mask-image: radial-gradient(circle at var(--hole-radius) 0px, transparent calc(var(--hole-radius)), black calc(var(--hole-radius) + 1px));
        }

        .tour-backdrop .corner.bottom-right {
            left: calc(var(--hole-left) + var(--hole-width) - var(--hole-radius));
            top: calc(var(--hole-top) + var(--hole-height) - var(--hole-radius));
            -webkit-mask-image: radial-gradient(circle at 0px 0px, transparent calc(var(--hole-radius)), black calc(var(--hole-radius) + 1px));
        }

.popover.popover-tour {
    border: 0;
    font-family: "CoText_Trial_Rg";
}

[dir=ltr] .popover-tour .tour-exit:before {
    content: "Skip";
}

[dir=rtl] .popover-tour .tour-exit:before {
    content: "تخطي";
}

[dir=ltr] .popover.popover-tour .popover-arrow {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

[dir=rtl] .popover.popover-tour .popover-arrow {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

[dir=rtl] .popover-tour .popover-arrow::after {
    top: -85px !important;
}

.markdown-content, .markdown-content * {
    text-align: justify !important;
}

    .markdown-content ol li,
    .markdown-content ul li,
    .markdown-content ol li *,
    .markdown-content ul li *,
    .markdown-content p,
    .markdown-content p *,
    .markdown-content ol li::marker, 
    .markdown-content ul li::marker {
        color: #798086 !important;
    }

    .markdown-content span {
        display: inline-block !important;
    }

    .markdown-content li {
        margin-bottom: 1rem !important;
    }

    .markdown-content p {
        margin-bottom: 1rem !important;
    }

    .markdown-content li p, .markdown-content li li {
        margin-bottom: 0 !important;
    }

    strong {
        font-family: "CoText_Trial_Bold";
    }

.modal-body {
    border-top-color: var(--bs-modal-footer-border-color);
    border-top-style: solid;
    border-top-width: 0;
}

    .modal-body.scrolled {
        border-top-width: var(--bs-modal-footer-border-width);
    }

#main-container.scrolled {
    border-top: 1px solid rgba(136, 136, 136, 0.1);
}

div:has(+ #main-container.scrolled) {
    background-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 2px 20px 10px rgba(15, 0, 56, 0.04);
    -webkit-box-shadow: 0 2px 20px 10px rgba(15, 0, 56, 0.04);
}

#steps-number {
    display: inline-block;
}

.progress-cards.mini + div #steps-number {
    display: none;
}

.label-invalid {
    color: #BF2F2F !important;
}

[dir=rtl] .text-side {
    text-align: right !important;
}

[dir=ltr] .text-side {
    text-align: left !important;
}

[data-go-to] {
    cursor: pointer;
}

[dir=ltr] .landing-promo-title {
    font-size: 0.6em;
    font-weight: lighter;
    font-family: "CoText_Trial_Lt";
}

[dir=rtl] .landing-promo-title {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "CoText_Trial_Rg";
}

p {
    white-space: pre-line;
}

div.phone-number > input {
    direction: ltr;
    padding-right: 1.4rem !important;
}

div.phone-number > span {
    direction: ltr;
    left: 1.2rem;
    right: unset;
}

div.phone-number svg {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

div.phone-number > label {
    padding-right: 1.4rem !important;
}

.SaudiFlag {
    top: 20px !important;
}

#AuthenticationForm .SaudiFlag {
    top: 22px !important;
}

[disabled] svg {
    opacity: 0.8;
    filter: contrast(0.1);
}

table .percent-field .absolute-label {
    top: 9px !important;
}

table .date-field input {
    height: 38px !important;
    min-height: unset !important;
    padding: .375rem .75rem !important;
}

table .date-field input + label {
    padding: 6px 1.4rem !important;
}

[dir=ltr] table .date-field span.absolute-label {
    right: 11px !important;
    top: 7px !important;
}

[dir=rtl] table .date-field span.absolute-label {
    left: 11px !important;
    top: 7px !important;
}

table td.birth-date-cell {
    min-width: 260px;
    max-width: 260px;
}

#tableMemberDetails th {
    white-space: nowrap;
}

.SAR-Symbol {
    font-family: 'SAIB-SAR' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 4px;
    padding-left: 4px;
    float: inline-start;
    unicode-bidi: isolate;
}

.SAR-Symbol-Inline {
    font-family: 'SAIB-SAR' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 4px;
    padding-left: 4px;
    unicode-bidi: isolate;
}

.currency-field.sar input {
    padding-left: calc(1.4rem + 1em + 8px) !important;
    padding-right: 1.4rem !important;
    text-align: left !important;
}

.currency-field.sar .absolute-label {
    right: unset !important;
    left: 1.5rem;
}

.currency-field.sar:has(input:not(:focus):placeholder-shown) .absolute-label {
    display: none;
}

ul.custom-text-list {
    list-style: none;
}

[dir=ltr] ul.custom-text-list li {
    text-indent: -10px;
    padding-left: 10px;
}

[dir=rtl] ul.custom-text-list li {
    text-indent: -10px;
    padding-right: 10px;
}

.markdown-content.body-font-color ol li,
.markdown-content.body-font-color ul li,
.markdown-content.body-font-color ol li *,
.markdown-content.body-font-color ul li *,
.markdown-content.body-font-color p,
.markdown-content.body-font-color p *,
.markdown-content.body-font-color ol li::marker,
.markdown-content.body-font-color ul li::marker {
    color: var(--bs-body-color) !important;
}

.cursor-text {
    cursor: text;
}

.accordion-button::after {
    --bs-accordion-btn-icon-width: 43px;
}

.min-h-full {
    min-height: var(--vh, 1vh) !important;
}

.h-full {
    height: var(--vh, 1vh) !important;
}

.modal-backdrop {
    height: var(--vh, 1vh) !important;
    width: var(--vw) !important;
}