/* Bootstrap theme override */
:root {
    --bs-primary: #003788;
    --bs-primary-rgb: 0, 55, 136;
    --bs-primary-text-emphasis: #001636;
    --bs-primary-bg-subtle: #CCD7E7;
    --bs-primary-border-subtle: #99AFCF;
    --bs-secondary: #B4D0FE;
    --bs-secondary-rgb: 180, 208, 254;
    --bs-secondary-text-emphasis: #485366;
    --bs-secondary-bg-subtle: #F0F6FF;
    --bs-secondary-border-subtle: #E1ECFF;
    --bs-success: #08A27B;
    --bs-success-rgb: 8, 162, 123;
    --bs-success-text-emphasis: #034131;
    --bs-success-bg-subtle: #CEECE5;
    --bs-success-border-subtle: #9CDACA;
    --bs-info: #70D0B7;
    --bs-info-rgb: 112, 208, 183;
    --bs-info-text-emphasis: #2D5349;
    --bs-info-bg-subtle: #E2F6F1;
    --bs-info-border-subtle: #C6ECE2;
    --bs-warning: #FF6813;
    --bs-warning-rgb: 255, 104, 19;
    --bs-warning-text-emphasis: #662A08;
    --bs-warning-bg-subtle: #FFE1D0;
    --bs-warning-border-subtle: #FFC3A1;
    --bs-danger: #D40000;
    --bs-danger-rgb: 212, 0, 0;
    --bs-danger-text-emphasis: #550000;
    --bs-danger-bg-subtle: #F6CCCC;
    --bs-danger-border-subtle: #EE9999;
    --bs-light: #FFFFFF;
    --bs-light-rgb: 255, 255, 255;
    --bs-light-text-emphasis: #666666;
    --bs-light-bg-subtle: #FFFFFF;
    --bs-light-border-subtle: #FFFFFF;
    --bs-body-color: #000D2F;
    --bs-body-color-rgb: 0, 13, 47;
    --bs-secondary-color: rgba(0, 13, 47, 0.75);
    --bs-secondary-color-rgb: 0, 13, 47, 0.75;
    --bs-tertiary-color: rgba(0, 13, 47, 0.5);
    --bs-tertiary-color-rgb: 0, 13, 47, 0.5;
    --bs-body-font-family: Inter, sans-serif;
    --bs-body-font-size: 1.06rem;
    --bs-link-color: #000D2F;
    --bs-link-color-rgb: 0, 13, 47;
    --bs-link-hover-color: #003788;
    --bs-link-hover-color-rgb: 0, 55, 136;
    --bs-border-color: rgba(0, 51, 128, 0.3);
    --bs-focus-ring-width: 0;
    --bs-focus-ring-opacity: 0;
    --bs-focus-ring-color: rgba(13, 110, 253, 0);
    --bs-border-radius: 0.5rem;
    --bs-icon: #B3C2D9;

    --disabled-bg: #e5ebf3;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #003788;
    --bs-btn-border-color: #003788;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #002F74;
    --bs-btn-hover-border-color: #002C6D;
    --bs-btn-focus-shadow-rgb: 217, 225, 237;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #002C6D;
    --bs-btn-active-border-color: #002966;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003788;
    --bs-btn-disabled-border-color: #003788;
}

.btn-pink {
    --bs-btn-bg: #EA3E8E;
    --bs-btn-border-color: #EA3E8E;
    --bs-btn-hover-bg: #d13880;
    --bs-btn-hover-border-color: #d13880;
    --bs-btn-focus-border-color: #d13880;
    --bs-btn-active-bg: #d13880;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-focus-color: #fff;
    border-color: var(--bs-btn-border-color) !important;
    color: var(--bs-btn-color) !important;
}

.btn-pink:hover,
.btn-pink:focus {
    border-color: var(--bs-btn-border-color) !important;
    color: var(--bs-btn-color) !important;
}

.btn-outline-primary {
    --bs-btn-color: #003788;
    --bs-btn-border-color: #003788;
    --bs-btn-focus-shadow-rgb: 0, 55, 136;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003788;
    --bs-btn-hover-border-color: #003788;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003788;
    --bs-btn-active-border-color: #003788;
    --bs-btn-disabled-color: #003788;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #003788;
}

.btn-secondary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #B4D0FE;
    --bs-btn-border-color: #B4D0FE;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #BFD7FE;
    --bs-btn-hover-border-color: #BCD5FE;
    --bs-btn-focus-shadow-rgb: 27, 31, 38;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #C3D9FE;
    --bs-btn-active-border-color: #BCD5FE;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #B4D0FE;
    --bs-btn-disabled-border-color: #B4D0FE;
}

.btn-secondary[type=button] {
    background: var(--secondaryblue);
    color: var(--primary);
}

.btn-outline-secondary {
    --bs-btn-color: #B4D0FE;
    --bs-btn-border-color: #B4D0FE;
    --bs-btn-focus-shadow-rgb: 180, 208, 254;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #B4D0FE;
    --bs-btn-hover-border-color: #B4D0FE;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #B4D0FE;
    --bs-btn-active-border-color: #B4D0FE;
    --bs-btn-disabled-color: #B4D0FE;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #B4D0FE;
}

.btn-success {
    --bs-btn-color: #000000;
    --bs-btn-bg: #08A27B;
    --bs-btn-border-color: #08A27B;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #2DB08F;
    --bs-btn-hover-border-color: #21AB88;
    --bs-btn-focus-shadow-rgb: 1, 24, 18;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #39B595;
    --bs-btn-active-border-color: #21AB88;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #08A27B;
    --bs-btn-disabled-border-color: #08A27B;
}

.btn-outline-success {
    --bs-btn-color: #08A27B;
    --bs-btn-border-color: #08A27B;
    --bs-btn-focus-shadow-rgb: 8, 162, 123;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #08A27B;
    --bs-btn-hover-border-color: #08A27B;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #08A27B;
    --bs-btn-active-border-color: #08A27B;
    --bs-btn-disabled-color: #08A27B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #08A27B;
}

.btn-info {
    --bs-btn-color: #000000;
    --bs-btn-bg: #70D0B7;
    --bs-btn-border-color: #70D0B7;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #85D7C2;
    --bs-btn-hover-border-color: #7ED5BE;
    --bs-btn-focus-shadow-rgb: 17, 31, 27;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #8DD9C5;
    --bs-btn-active-border-color: #7ED5BE;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #70D0B7;
    --bs-btn-disabled-border-color: #70D0B7;
}

.btn-outline-info {
    --bs-btn-color: #70D0B7;
    --bs-btn-border-color: #70D0B7;
    --bs-btn-focus-shadow-rgb: 112, 208, 183;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #70D0B7;
    --bs-btn-hover-border-color: #70D0B7;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #70D0B7;
    --bs-btn-active-border-color: #70D0B7;
    --bs-btn-disabled-color: #70D0B7;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #70D0B7;
}

.btn-warning {
    --bs-btn-color: #000000;
    --bs-btn-bg: #FF6813;
    --bs-btn-border-color: #FF6813;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FF7F36;
    --bs-btn-hover-border-color: #FF772B;
    --bs-btn-focus-shadow-rgb: 38, 16, 3;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FF8642;
    --bs-btn-active-border-color: #FF772B;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #FF6813;
    --bs-btn-disabled-border-color: #FF6813;
}

.btn-outline-warning {
    --bs-btn-color: #FF6813;
    --bs-btn-border-color: #FF6813;
    --bs-btn-focus-shadow-rgb: 255, 104, 19;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FF6813;
    --bs-btn-hover-border-color: #FF6813;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FF6813;
    --bs-btn-active-border-color: #FF6813;
    --bs-btn-disabled-color: #FF6813;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF6813;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D40000;
    --bs-btn-border-color: #D40000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B40000;
    --bs-btn-hover-border-color: #AA0000;
    --bs-btn-focus-shadow-rgb: 249, 217, 217;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AA0000;
    --bs-btn-active-border-color: #9F0000;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D40000;
    --bs-btn-disabled-border-color: #D40000;
}

.btn-outline-danger {
    --bs-btn-color: #D40000;
    --bs-btn-border-color: #D40000;
    --bs-btn-focus-shadow-rgb: 212, 0, 0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D40000;
    --bs-btn-hover-border-color: #D40000;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D40000;
    --bs-btn-active-border-color: #D40000;
    --bs-btn-disabled-color: #D40000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #D40000;
}

.btn-light {
    --bs-btn-color: #003788;
    --bs-btn-bg: #0037881A;
    --bs-btn-border-color: #0037881A;
    --bs-btn-hover-color: #003788;
    --bs-btn-hover-bg: #0037881A;
    --bs-btn-hover-border-color: #0037881A;
    --bs-btn-focus-shadow-rgb: 38, 38, 38;
    --bs-btn-active-color: #003788;
    --bs-btn-active-bg: #0037881A;
    --bs-btn-active-border-color: #0037881A;
    --bs-btn-disabled-color: #003788;
    --bs-btn-disabled-bg: #0037881A;
    --bs-btn-disabled-border-color: #0037881A;
}

.btn-outline-light {
    --bs-btn-color: #FFFFFF;
    --bs-btn-border-color: #FFFFFF;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FFFFFF;
    --bs-btn-hover-border-color: #FFFFFF;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FFFFFF;
    --bs-btn-active-border-color: #FFFFFF;
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FFFFFF;
}

.primary-accent {
    color: var(--bs-primary)
}

.secondary-accent {
    color: var(--bs-secondary)
}

.text-icon-color {
    color: var(--bs-icon);
}

.bg-icon-color {
    background-color: var(--bs-icon);
}

.modal-backdrop {
    --bs-backdrop-bg: var(--primary20);
    --bs-backdrop-opacity: 0.9;
}

.form-switch .form-check-input,
.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked,
.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: transparent;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 1.5rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 1.5rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-header {
    border-bottom: solid var(--bs-border-width) var(--bs-body-color);
}

.accordion-section .accordion-header {
    border-bottom: 0px;
}

.accordion .widget-card {
    margin-bottom: 2rem;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1.5rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    font-weight: 400;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}


.accordion-button::after {
    margin-left: 0;
    margin-right: 0.5rem;
    transform: rotate(-90deg);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(0deg);
}

.accordion-button {
    flex-direction: row-reverse;
    justify-content: flex-end;
    background-color: #fff !important;
    box-shadow: none !important;

}


.accordion-button:focus {
    border-color: rgba(0, 0, 0, .125);
}

.accordion.standard-trusty {
    .accordion-button {
        flex-direction: row;
        justify-content: space-between;
        background-color: #fff !important;
        box-shadow: none !important;
    }

    .accordion-button:not(.collapsed) {
        color: var(--primary)
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.64598 4.64598C1.69242 4.59941 1.7476 4.56247 1.80834 4.53727C1.86909 4.51206 1.93421 4.49908 1.99998 4.49908C2.06575 4.49908 2.13087 4.51206 2.19161 4.53727C2.25236 4.56247 2.30753 4.59941 2.35398 4.64598L7.99998 10.293L13.646 4.64598C13.6925 4.59949 13.7477 4.56261 13.8084 4.53745C13.8691 4.5123 13.9342 4.49935 14 4.49935C14.0657 4.49935 14.1308 4.5123 14.1916 4.53745C14.2523 4.56261 14.3075 4.59949 14.354 4.64598C14.4005 4.69247 14.4373 4.74766 14.4625 4.80839C14.4877 4.86913 14.5006 4.93423 14.5006 4.99998C14.5006 5.06572 14.4877 5.13082 14.4625 5.19156C14.4373 5.2523 14.4005 5.30749 14.354 5.35398L8.35398 11.354C8.30753 11.4005 8.25236 11.4375 8.19161 11.4627C8.13087 11.4879 8.06575 11.5009 7.99998 11.5009C7.93421 11.5009 7.86909 11.4879 7.80834 11.4627C7.7476 11.4375 7.69242 11.4005 7.64598 11.354L1.64598 5.35398C1.59942 5.30753 1.56247 5.25236 1.53727 5.19161C1.51206 5.13087 1.49908 5.06575 1.49908 4.99998C1.49908 4.93421 1.51206 4.86909 1.53727 4.80834C1.56247 4.7476 1.59942 4.69242 1.64598 4.64598Z' fill='%23003788'/%3E%3C/svg%3E%0A");
    }

    .accordion-item {
        border-bottom: 1px solid var(--bs-accordion-color);
    }

    .accordion-button::after {
        margin-right: 0;
    }
}

.prep-accordion slack.accordion-body p,
.accordion-body li {
    padding-bottom: 1.5em;
}

.accordion-body p {
    padding-bottom: 1.5rem;
}

.accordion-body li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
    padding-bottom: 1.5rem;
}

.badge {
    --bs-badge-padding-x: 0.75em;
    --bs-badge-padding-y: 0.4em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 400;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: calc(var(--bs-border-radius)* 2);
    text-transform: uppercase;
    line-height: 1em;
    color: var(--bs-badge-color);
    line-height: 1em;
    padding-top: 0.55em;
}

.text-bg-muted {
    color: var(--bs-primary-text-emphasis);
    background-color: var(--disabled-bg);

}

.text-bg-primary {
    color: #FFF;
    background-color: var(--primary);
}

.text-bg-secondary {
    color: var(--bs-primary-text-emphasis);
    background-color: var(--secondaryblue);
}

.text-bg-warning {
    color: #FFF !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* to be manually marged later */
:root {
    --bs-emphasis-color: var(--bs-primary);
    --bs-emphasis-color-rgb: 0, 55, 136;
    --bs-heading-color: rgba(1, 19, 50, 1);
}

.btn {
    --bs-btn-padding-x: 1.8rem;
    --bs-btn-padding-y: 0.825rem;
    --bs-btn-font-size: 0.9rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 1;
    --bs-btn-focus-box-shadow: none;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    border-radius: 2rem;
}

.btn-sm,
.btn-group-sm>.btn,
.btn-group-sm>.btn-sm,
.btn .sm,
.text .sm {
    font-size: 0.875rem;
    padding: calc(var(--bs-btn-padding-y) / 1.3) calc(var(--bs-btn-padding-x) / 2);

    line-height: 1.25em;
    letter-spacing: 0.05em;
}

.btn-sm,
.btn-group-sm>.btn,
.btn-group-sm>.btn-sm,
.btn.sm,
.text .sm,
.sm {
    text-transform: uppercase;
}

.btn-secondary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: #B4D0FE;
    --bs-btn-border-color: #B4D0FE;
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: #BFD7FE;
    --bs-btn-hover-border-color: #BCD5FE;
    --bs-btn-focus-shadow-rgb: 27, 31, 38;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: #C3D9FE;
    --bs-btn-active-border-color: #BCD5FE;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #96a3b5;
    --bs-btn-disabled-border-color: #B4D0FE;
}

.btn .t-icon,
button.text .t-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -0.25em;
}

.btn.btn-primary .plus-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDIuNDM3NUM5LjMxMDY2IDIuNDM3NSA5LjU2MjUgMi42ODkzNCA5LjU2MjUgM1Y4LjQzNzVIMTVDMTUuMzEwNyA4LjQzNzUgMTUuNTYyNSA4LjY4OTM0IDE1LjU2MjUgOUMxNS41NjI1IDkuMzEwNjYgMTUuMzEwNyA5LjU2MjUgMTUgOS41NjI1SDkuNTYyNVYxNUM5LjU2MjUgMTUuMzEwNyA5LjMxMDY2IDE1LjU2MjUgOSAxNS41NjI1QzguNjg5MzQgMTUuNTYyNSA4LjQzNzUgMTUuMzEwNyA4LjQzNzUgMTVWOS41NjI1SDNDMi42ODkzNCA5LjU2MjUgMi40Mzc1IDkuMzEwNjYgMi40Mzc1IDlDMi40Mzc1IDguNjg5MzQgMi42ODkzNCA4LjQzNzUgMyA4LjQzNzVIOC40Mzc1VjNDOC40Mzc1IDIuNjg5MzQgOC42ODkzNCAyLjQzNzUgOSAyLjQzNzVaIiBmaWxsPSIjMDAzNzg4Ii8+Cjwvc3ZnPgo=')
}

.btn.btn-secondary .plus-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDIuNDM3NUM5LjMxMDY2IDIuNDM3NSA5LjU2MjUgMi42ODkzNCA5LjU2MjUgM1Y4LjQzNzVIMTVDMTUuMzEwNyA4LjQzNzUgMTUuNTYyNSA4LjY4OTM0IDE1LjU2MjUgOUMxNS41NjI1IDkuMzEwNjYgMTUuMzEwNyA5LjU2MjUgMTUgOS41NjI1SDkuNTYyNVYxNUM5LjU2MjUgMTUuMzEwNyA5LjMxMDY2IDE1LjU2MjUgOSAxNS41NjI1QzguNjg5MzQgMTUuNTYyNSA4LjQzNzUgMTUuMzEwNyA4LjQzNzUgMTVWOS41NjI1SDNDMi42ODkzNCA5LjU2MjUgMi40Mzc1IDkuMzEwNjYgMi40Mzc1IDlDMi40Mzc1IDguNjg5MzQgMi42ODkzNCA4LjQzNzUgMyA4LjQzNzVIOC40Mzc1VjNDOC40Mzc1IDIuNjg5MzQgOC42ODkzNCAyLjQzNzUgOSAyLjQzNzVaIiBmaWxsPSIjMDAzNzg4Ii8+Cjwvc3ZnPgo=')
}

button.text .plus-icon,
.btn-text .plus-icon,
.btn-light .plus-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDIuNDM3NUM5LjMxMDY2IDIuNDM3NSA5LjU2MjUgMi42ODkzNCA5LjU2MjUgM1Y4LjQzNzVIMTVDMTUuMzEwNyA4LjQzNzUgMTUuNTYyNSA4LjY4OTM0IDE1LjU2MjUgOUMxNS41NjI1IDkuMzEwNjYgMTUuMzEwNyA5LjU2MjUgMTUgOS41NjI1SDkuNTYyNVYxNUM5LjU2MjUgMTUuMzEwNyA5LjMxMDY2IDE1LjU2MjUgOSAxNS41NjI1QzguNjg5MzQgMTUuNTYyNSA4LjQzNzUgMTUuMzEwNyA4LjQzNzUgMTVWOS41NjI1SDNDMi42ODkzNCA5LjU2MjUgMi40Mzc1IDkuMzEwNjYgMi40Mzc1IDlDMi40Mzc1IDguNjg5MzQgMi42ODkzNCA4LjQzNzUgMyA4LjQzNzVIOC40Mzc1VjNDOC40Mzc1IDIuNjg5MzQgOC42ODkzNCAyLjQzNzUgOSAyLjQzNzVaIiBmaWxsPSIjMDAzNzg4Ii8+Cjwvc3ZnPgo=')
}

.btn.btn-secondary .trash-icon,
button.text .trash-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzUgMi40VjMuMTVIMTAuNUgxMi4yNUgxMy4yNVYzLjc1SDEyLjgzMzNIMTIuMDgzM1Y0LjVWMTUuNkMxMi4wODMzIDE2LjUzMTQgMTEuMzU0NyAxNy4yNSAxMC41IDE3LjI1SDMuNUMyLjY0NTI5IDE3LjI1IDEuOTE2NjcgMTYuNTMxNCAxLjkxNjY3IDE1LjZWNC41VjMuNzVIMS4xNjY2N0gwLjc1VjMuMTVIMS43NUgzLjVINC4yNVYyLjRDNC4yNSAxLjQ2ODY3IDQuOTc4NjMgMC43NSA1LjgzMzMzIDAuNzVIOC4xNjY2N0M5LjAyMTM3IDAuNzUgOS43NSAxLjQ2ODY3IDkuNzUgMi40WiIgc3Ryb2tlPSIjQjNDMkQ5IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K')
}

.btn.btn-secondary .del-icon,
.btn.btn-text .del-icon,
button.text .del-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC42NDA0IDQuNjQwMzlDMTQuODYwMSA0Ljg2MDA2IDE0Ljg2MDEgNS4yMTYyMSAxNC42NDA0IDUuNDM1ODhMMTAuNzk1NSA5LjI4MDc4TDE0LjY0MDQgMTMuMTI1N0MxNC44NjAxIDEzLjM0NTMgMTQuODYwMSAxMy43MDE1IDE0LjY0MDQgMTMuOTIxMkMxNC40MjA3IDE0LjE0MDggMTQuMDY0NiAxNC4xNDA4IDEzLjg0NDkgMTMuOTIxMkwxMCAxMC4wNzYzTDYuMTU1MTEgMTMuOTIxMkM1LjkzNTQ0IDE0LjE0MDggNS41NzkyOCAxNC4xNDA4IDUuMzU5NjEgMTMuOTIxMkM1LjEzOTk0IDEzLjcwMTUgNS4xMzk5NCAxMy4zNDUzIDUuMzU5NjEgMTMuMTI1N0w5LjIwNDUgOS4yODA3OEw1LjM1OTYxIDUuNDM1ODhDNS4xMzk5NCA1LjIxNjIxIDUuMTM5OTQgNC44NjAwNiA1LjM1OTYxIDQuNjQwMzlDNS41NzkyOCA0LjQyMDcyIDUuOTM1NDQgNC40MjA3MiA2LjE1NTExIDQuNjQwMzlMMTAgOC40ODUyOEwxMy44NDQ5IDQuNjQwMzlDMTQuMDY0NiA0LjQyMDcyIDE0LjQyMDcgNC40MjA3MiAxNC42NDA0IDQuNjQwMzlaIiBmaWxsPSIjMDAzNzg4Ii8+Cjwvc3ZnPgo=')
}

button.text .del-icon {
    margin-top: -0.2em;
}

.btn.btn-secondary .mod-icon,
button.text .mod-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTIuNDE4TDExLjcxODMgMS42OTk3MUMxMi42NTEzIDAuNzY2NzY0IDE0LjE2NjQgMC43NjY3NjQgMTUuMTA2NCAxLjY5OTcxTDE2Ljc0NzggMy4zNDExM0MxNy42ODA3IDQuMjc0MDcgMTcuNjgwNyA1Ljc4OTIyIDE2Ljc0NzggNi43MjkxOEw2LjAyOTQ3IDE3LjQ0NzVIMVYxMi40MThaIiBzdHJva2U9IiNCM0MyRDkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjcxNyA3Ljc1MzE3TDEwLjY4NzUgMi43MzA3MSIgc3Ryb2tlPSIjQjNDMkQ5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjk5MDIzIDE3LjQ0NzNIMjAuMjc4MiIgc3Ryb2tlPSIjQjNDMkQ5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=')
}

.prev-btn,
.prev-btn:hover,
.prev-btn:focus,
.prev-btn:active,
.prev-btn:visited {
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--primary);
    border: 0px;
}

button:disabled,
.btn:disabled,
.button.disabled,
button.disabled,
.btn.disabled,
.button.disabled,
.disabled,
button:disabled:hover,
.btn:disabled:hover,
.button.disabled:hover,
button.disabled:hover,
.btn.disabled:hover,
.button.disabled:hover,
.disabled:hover,
button:disabled:focus,
.btn:disabled:focus,
.button.disabled:focus,
button.disabled:focus,
.btn.disabled:focus,
.button.disabled:focus,
.disabled:focus,
.btn-disabled,
.btn-disabled:focus,
.btn-disabled:hover,
.btn-disabled:disabled {
    cursor: default !important;
    pointer-events: all;
    color: #FFFFFF;
    background: #96A3B5;
    border-color: #96A3B5;
}

.btn-text.btn-disabled,
.btn-text.btn-disabled:focus,
.btn-text.btn-disabled:hover,
.btn-text.btn-disabled:disabled,
.prev-btn.btn-disabled,
.prev-btn.btn-disabled:focus,
.prev-btn.btn-disabled:hover,
.prev-btn.btn-disabled:disabled {
    color: #96A3B5;
    background-color: transparent;
}

.pen-icon,
.editCompanyDetailsLink,
.fa-pencil {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDE1MjggMTIuNDE4TDEyLjEzMzYgMS42OTk3MUMxMy4wNjY1IDAuNzY2NzY0IDE0LjU4MTcgMC43NjY3NjQgMTUuNTIxNyAxLjY5OTcxTDE3LjE2MzEgMy4zNDExM0MxOC4wOTYgNC4yNzQwNyAxOC4wOTYgNS43ODkyMiAxNy4xNjMxIDYuNzI5MThMNi40NDQ3NiAxNy40NDc1SDEuNDE1MjhWMTIuNDE4WiIgc3Ryb2tlPSIjQjNDMkQ5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjQ5NTEyIDE3LjQ0NzNIMTcuNzgzIiBzdHJva2U9IiNCM0MyRDkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjcxNyA3Ljc1MjkzTDkuNjg3NSAyLjczMDQ3IiBzdHJva2U9IiNCM0MyRDkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1em;
    vertical-align: middle;
    cursor: pointer;
}

.btn-secondary .pen-icon,
.btn-secondary .editCompanyDetailsLink,
.btn-secondary .fa-pencil {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDE1MjggMTIuNDE4TDEyLjEzMzYgMS42OTk3MUMxMy4wNjY1IDAuNzY2NzY0IDE0LjU4MTcgMC43NjY3NjQgMTUuNTIxNyAxLjY5OTcxTDE3LjE2MzEgMy4zNDExM0MxOC4wOTYgNC4yNzQwNyAxOC4wOTYgNS43ODkyMiAxNy4xNjMxIDYuNzI5MThMNi40NDQ3NiAxNy40NDc1SDEuNDE1MjhWMTIuNDE4WiIgc3Ryb2tlPSIjMDAzNzg4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjQ5NTEyIDE3LjQ0NzNIMTcuNzgzIiBzdHJva2U9IiMwMDM3ODgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjcxNyA3Ljc1MjkzTDkuNjg3NSAyLjczMDQ3IiBzdHJva2U9IiMwMDM3ODgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}


.eye-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDUuMjMwNjFDMTMuNTI5NCA1LjIzMDYxIDE0Ljc2OTMgNi40NzA0MyAxNC43NjkzIDcuOTk5ODZDMTQuNzY5MyA5LjUyOTI5IDEzLjUyOTQgMTAuNzY5MSAxMiAxMC43NjkxQzEwLjQ3MDYgMTAuNzY5MSA5LjIzMDggOS41MjkyOSA5LjIzMDggNy45OTk4NkM5LjIzMDggNi40NzA0MyAxMC40NzA2IDUuMjMwNjEgMTIgNS4yMzA2MVpNMTIgMC42MTUyMzRDMTguNDYxNSAwLjYxNTIzNCAyNCA1LjIzMDYxIDI0IDcuOTk5ODZDMjQgMTAuNzY5MSAxOC40NjE1IDE1LjM4NDUgMTIgMTUuMzg0NUM1LjUzODQ2IDE1LjM4NDUgMCAxMC43NjkxIDAgNy45OTk4NkMwIDUuMjMwNjEgNS41Mzg0NiAwLjYxNTIzNCAxMiAwLjYxNTIzNFpNMTIgMi45MjI5NUM5LjE5NjExIDIuOTIyOTUgNi45MjMwOSA1LjE5NTk4IDYuOTIzMDkgNy45OTk4NkM2LjkyMzA5IDEwLjgwMzcgOS4xOTYxMSAxMy4wNzY4IDEyIDEzLjA3NjhDMTQuODAzOSAxMy4wNzY4IDE3LjA3NjkgMTAuODAzNyAxNy4wNzY5IDcuOTk5ODZDMTcuMDc2OSA1LjE5NTk4IDE0LjgwMzkgMi45MjI5NSAxMiAyLjkyMjk1WiIgZmlsbD0iI0IzQzJEOSIvPgo8L3N2Zz4K');
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1em;
    vertical-align: middle;
    cursor: pointer;
}

.btn-secondary .eye-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDUuMjMwNjFDMTMuNTI5NCA1LjIzMDYxIDE0Ljc2OTMgNi40NzA0MyAxNC43NjkzIDcuOTk5ODZDMTQuNzY5MyA5LjUyOTI5IDEzLjUyOTQgMTAuNzY5MSAxMiAxMC43NjkxQzEwLjQ3MDYgMTAuNzY5MSA5LjIzMDggOS41MjkyOSA5LjIzMDggNy45OTk4NkM5LjIzMDggNi40NzA0MyAxMC40NzA2IDUuMjMwNjEgMTIgNS4yMzA2MVpNMTIgMC42MTUyMzRDMTguNDYxNSAwLjYxNTIzNCAyNCA1LjIzMDYxIDI0IDcuOTk5ODZDMjQgMTAuNzY5MSAxOC40NjE1IDE1LjM4NDUgMTIgMTUuMzg0NUM1LjUzODQ2IDE1LjM4NDUgMCAxMC43NjkxIDAgNy45OTk4NkMwIDUuMjMwNjEgNS41Mzg0NiAwLjYxNTIzNCAxMiAwLjYxNTIzNFpNMTIgMi45MjI5NUM5LjE5NjExIDIuOTIyOTUgNi45MjMwOSA1LjE5NTk4IDYuOTIzMDkgNy45OTk4NkM2LjkyMzA5IDEwLjgwMzcgOS4xOTYxMSAxMy4wNzY4IDEyIDEzLjA3NjhDMTQuODAzOSAxMy4wNzY4IDE3LjA3NjkgMTAuODAzNyAxNy4wNzY5IDcuOTk5ODZDMTcuMDc2OSA1LjE5NTk4IDE0LjgwMzkgMi45MjI5NSAxMiAyLjkyMjk1WiIgZmlsbD0iIzAwMzc4OCIvPgo8L3N2Zz4K');
}

.arrow-right-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi40MzkzIDAuNDM5MzRDMTMuMDI1MSAtMC4xNDY0NDcgMTMuOTc0OSAtMC4xNDY0NDcgMTQuNTYwNyAwLjQzOTM0TDIzLjU2MDcgOS40MzkzNEMyNC4xNDY0IDEwLjAyNTEgMjQuMTQ2NCAxMC45NzQ5IDIzLjU2MDcgMTEuNTYwN0wxNC41NjA3IDIwLjU2MDdDMTMuOTc0OSAyMS4xNDY0IDEzLjAyNTEgMjEuMTQ2NCAxMi40MzkzIDIwLjU2MDdDMTEuODUzNiAxOS45NzQ5IDExLjg1MzYgMTkuMDI1MSAxMi40MzkzIDE4LjQzOTNMMTguODc4NyAxMkgxLjVDMC42NzE1NzMgMTIgMCAxMS4zMjg0IDAgMTAuNUMwIDkuNjcxNTcgMC42NzE1NzMgOSAxLjUgOUgxOC44Nzg3TDEyLjQzOTMgMi41NjA2NkMxMS44NTM2IDEuOTc0ODcgMTEuODUzNiAxLjAyNTEzIDEyLjQzOTMgMC40MzkzNFoiIGZpbGw9IiNCM0MyRDkiLz4KPC9zdmc+Cg==');
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1em;
    vertical-align: middle;
    cursor: pointer;
}

.btn-secondary .arrow-right-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi40MzkzIDAuNDM5MzRDMTMuMDI1MSAtMC4xNDY0NDcgMTMuOTc0OSAtMC4xNDY0NDcgMTQuNTYwNyAwLjQzOTM0TDIzLjU2MDcgOS40MzkzNEMyNC4xNDY0IDEwLjAyNTEgMjQuMTQ2NCAxMC45NzQ5IDIzLjU2MDcgMTEuNTYwN0wxNC41NjA3IDIwLjU2MDdDMTMuOTc0OSAyMS4xNDY0IDEzLjAyNTEgMjEuMTQ2NCAxMi40MzkzIDIwLjU2MDdDMTEuODUzNiAxOS45NzQ5IDExLjg1MzYgMTkuMDI1MSAxMi40MzkzIDE4LjQzOTNMMTguODc4NyAxMkgxLjVDMC42NzE1NzMgMTIgMCAxMS4zMjg0IDAgMTAuNUMwIDkuNjcxNTcgMC42NzE1NzMgOSAxLjUgOUgxOC44Nzg3TDEyLjQzOTMgMi41NjA2NkMxMS44NTM2IDEuOTc0ODcgMTEuODUzNiAxLjAyNTEzIDEyLjQzOTMgMC40MzkzNFoiIGZpbGw9IiMwMDM3ODgiLz4KPC9zdmc+Cg==');
}


.pen-icon .editIcon {
    display: none;
}

.icon-only {
    font-size: 0px !important;
}

.icon-only i {
    font-size: 1.25rem;
    margin: 0px;
}

.icon-only:focus,
.icon-only:focus i {
    border: 0px;
}

/* start */
:root {
    --primary: #003788;
    --primary10: #001949;
    --primary20: #000d2f;

    --secondaryblue: #b4d0fe;
    --secondaryblue10: #84b4ff;
    --secondaryblue20: #619dfe;

    --white: #ffffff;
    --grey: #cbcbcb;
    --darkgray: #96A3B5;

    --zumthor: #e5efff;
    --bluetype: #1e6ae8;
    --lightbluetype: #67d0fd;
    --steelbluetype: #027cb1;
    --turquoisetype: #70d0b7;
    --seagreentype: #08a27b;
    --yellowtype: #ffd913;
    --orangetype: #ff6813;
    --redtype: #d40000;

    --section-border: #b3c2d9;

    --blue-gradient: linear-gradient(to top, rgba(30, 106, 232, 0.15), rgba(30, 106, 232, 0));
    --primary-border-color: rgba(0, 51, 128, 0.3);

    --sidebar-width: auto;
}

* {
    /*scroll bar*/
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--zumthor);
}

/* side nav 332px */
/* layout */
html {
    scroll-behavior: smooth;
}

html,
body {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.008) !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    /* -webkit-text-stroke: .025em rgba(51,51,51,0.50);*/
    -webkit-text-stroke: .003em;
}

.gap-unity {
    gap: 1.25rem !important;
}

/* TYPO */

/*@import url('../fonts/Inter-Variable.ttf');*/
@font-face {
    font-family: Inter;
    src: url('../fonts/InterVariable.woff2');
}

body,
p {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.06rem;
    line-height: 1.5em;
}

.text-small,
p.text-small,
small {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    line-height: 1.5em;
}

h1,
.h1 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 3.5rem;
    line-height: 1.3em;
}

h2,
.h2 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.4em;
}

h3,
.h3 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.4em;
}

h4,
.h4 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 1.06rem;
    line-height: 1.5em;
}

h5,
.h5 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

h6,
.h6 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

.caption {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 0.65rem;
    line-height: 1.5em;
}

pre {
    font-size: 0.875rem;
    padding: 1rem;
    background-color: #f6f6f6;
    line-height: 1.5em;
}

/* ELEMENTS */
a.text-link:hover,
a.text-link:hover i {
    text-decoration: underline;
}

ul.styled {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.styled li::before {
    content: '✓';
    color: var(--primary);
    margin-right: -7px;
    padding: 4px 13px;
}

button {
    font-family: Inter, sans-serif;
    border-radius: 100px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    border: none;
    padding: 1rem 2rem 1rem 2rem;
    height: auto;
}

button.sm,
a.sm,
.dropdown-toggle.sm {
    padding: 1rem;
    line-height: 1.2em;
    color: var(--bs-primary);
    text-transform: uppercase;
}

.dropdown-toggle.sm,
.dropdown-label {
    font-size: 0.765rem;
    padding: 0;
    line-height: 1em;
    font-weight: 500;
}

.dropdown-label {
    text-transform: uppercase;
    display: inline-block;
}

button i {
    font-size: 1em;
    font-weight: 600;
    line-height: 1em;
    margin-right: 10px;
}

button.primary {
    background: var(--primary);
    color: var(--white);
}

button.secondary {
    background: var(--secondaryblue);
    color: var(--primary);
}

button.text,
.btn.btn-text,
.btn-text {
    color: var(--primary);
    background: transparent;
    padding: 0px;
    border: 0px;
    white-space: nowrap;
}

button.text.dropdown-toggle,
.text.dropdown-toggle {
    color: var(--bs-primary-text-emphasis);
    font-weight: normal;
}

button.text.dropdown-toggle span,
.text.dropdown-toggle span {
    color: var(--bs-primary-text-emphasis) !important;
}

button.text:hover,
button.text:focus,
button.text:active,
.btn.btn-text:hover,
.btn.btn-text:focus,
.btn.btn-text:active,
.btn-text:hover,
.btn-text:focus,
.btn-text:active {
    background: transparent;
    color: var(--primary);
    text-decoration: none;
    border: 0px;
}

button.text:disabled,
.btn.btn-text:disabled,
.btn-text:disabled {
    color: var(--darkgray);
}

button.primary:hover {
    background: var(--primary10);
    color: var(--white);
}

button.secondary:hover {
    background: var(--secondaryblue10);
    color: var(--primary);
}

button.primary:active {
    background: var(--primary20);
    color: var(--white);
}

button.secondary:active {
    background: var(--secondaryblue20);
    color: var(--primary);
}

button.secondary:disabled,
button.primary:disabled {
    background: var(--darkgray);
    color: var(--white);
}

/* main table features */

.table {

    &>:not(caption)>*>* {
        padding: 1rem;
        color: var(--bs-body-color);
    }

    thead {
        padding: 0.75rem;
        border-bottom: 1px solid var(--primary-border-color);
    }

    th {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.125rem;
        text-align: left;
        min-width: unset;
        padding: 0.75rem 0.75rem;
    }

    th:first-child {
        padding-left: 0;
    }

    th:last-child {
        padding-right: 0;
    }

    th .form-check-input[type=checkbox] {
        width: 1.5rem;
        height: 1.5rem;
    }

    td {
        font-size: 1.06rem;
        /*font-size: 0.85rem;*/
        font-weight: 400;
        line-height: 1.5em;
        text-align: left;
        padding: 0.625rem 0.75rem;
        vertical-align: top;
        border-bottom: 1px solid var(--primary-border-color);
        max-width: 20em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    td div,
    td span,
    td a,
    td p {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    td:first-child {
        padding-left: 0;
    }

    td:last-child {
        padding-right: 0;
    }

    td.action-col {
        text-align: right;
    }

    td a.icon-only i,
    td button.icon-only i {
        color: var(--bs-icon);
    }

    & td[data-name="select"],
    & th[data-name="select"] {
        width: 1.5rem;
        ;
    }

    /*& th:first-child,
    & td:first-child { padding-left: 0px;}
    & td.text-end:last-child { padding-right: 0px;}*/
}

/* other table features */
.table_container {
    border: 1px solid var(--grey);
    border-radius: 0.625rem;
    padding: 2.5rem 1.25rem;
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 1.25rem;
}

.table_container table a {
    text-decoration: none;
    color: var(--primary);
}

.table_container_full table a {
    text-decoration: none;
    color: var(--primary);
}

.table_container table th {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.125rem;
    text-align: left;
    min-width: 150px;
}

.table_container table td {
    font-size: 1.06rem;
    font-weight: 400;
    line-height: 1.5em;
    text-align: left;
}

span.critical::before {
    content: '';
    background-color: var(--redtype);
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

span.high::before {
    content: '';
    background-color: var(--orangetype);
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

span.medium::before {
    content: '';
    background-color: var(--yellowtype);
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

span.low::before {
    content: '';
    background-color: var(--seagreentype);
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

span.na::before {
    content: '';
    background-color: var(--grey);
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

span.dot.na::before,
span.dot.na::before,
span.dot.high::before,
span.dot.medium::before,
span.dot.critical::before,
span.dot.low::before {
    height: 1rem;
    width: 1rem;
    vertical-align: middle;
}

.sticky-col.sticky-left,
.listCases tr th:nth-child(1),
.listCases tr th:nth-child(2),
.listCases tr td:nth-child(1),
.listCases tr td:nth-child(2) {
    position: sticky;
    left: 0px;
    border-bottom: 1px solid #b2c1d9;
    z-index: 1
}

.modal-open .sticky-col.has-modal {
    position: relative;
}

.listCases tr th:nth-child(2),
.listCases tr td:nth-child(2) {
    left: 5.55rem;
    /*border-right: 1px solid #b2c1d9;*/
}

.sticky-col.sticky-right,
.listCases tr td:last-child,
.listCases tr th:last-child {
    position: sticky;
    right: 0;
}

.listCases th,
.listCases td {
    white-space: nowrap;
}

.listCases .company-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listCases .badge {
    width: 3rem;
    padding: 0 0 0 1rem;
}

.listCases .badge img {
    display: block;
    padding: 0px;
    width: 2rem;
}

.cell-action-wrapper {
    position: relative;
    height: 100%;
}

.cell-action-wrapper:before {
    content: "";
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: #FFFFFF;
    opacity: 0;
    cursor: pointer;
}

.cell-action {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    color: var(--primary);
    background: var(--secondaryblue);
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 1em;
    opacity: 0;
    padding: 0px 1.5rem;
    cursor: pointer;
}

.cell-action-wrapper:hover:before,
.cell-action-wrapper:hover .cell-action {
    opacity: 1;
}

/* layout-element */
.main_body {
    padding: 8rem 7rem 2.5rem 2rem;
    flex-grow: 1;
    width: calc(100% - (16.25rem + 1.25rem));
}

.sidebar-closed .main_body {
    width: calc(100% - 2.5rem);
}

@media screen and (max-width: 1600px) {
    .main_body {
        padding: 8rem 0 3rem 0
    }
}

.main-wrapper {
    min-height: 100vh;
    display: flex;
    flex-wrap: nowrap;
    gap: 1.25rem;
    padding: 0 1.25rem;
}

.inner-section {
    display: flex;
    gap: 2rem;
    flex-direction: column;
}

.footer {
    display: flex;
    justify-content: center;
    padding: 0.5rem 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFFFFF;
    border-top: solid 1px var(--zumthor);
}

.footer,
.footer p {
    font-size: 0.675rem;
}

.bg-blue-gradient {
    background: var(--blue-gradient)
}


.scrollable {
    font-weight: normal;
    padding: 0;
    padding-right: 0.5rem;
}

.source-container {
    padding: 1rem;
    border-radius: 1rem;
    background: #0037880d;
    position: relative;
}

.source-container .copyEmailText {
    position: absolute;
    top: -1rem;
}


/* NAV - MENU - NAVIGATION */

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: var(--primary);
}

.nav-underline .nav-link {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 6px solid transparent;
    color: #96a3b5;
}

.nav-link:focus,
.nav-link:hover {
    color: var(--primary);
}

ul.dropdown-menu {
    padding: 0.3rem 0.8rem 0.5rem;
    border: solid 1px var(--primary-border-color);
}

/*  Top navbar (top-nav) SCM & sidebar-navigation*/

.no-top-nav,
.container.no-top-bar {
    margin-top: 5.5rem;
}

.logo-link {
    margin-bottom: 0.625rem;
    padding: 0;
}

.top-section-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* this should be absolute after navigation refactory */
    /* position: absolute; */
    position: fixed;
    top: 0;
    background: #FFF;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    padding: 2.5rem 7rem 0rem 0rem;
    z-index: 1;
}

/* target dislocated menus */
/* .inner-section > .top-section-content {position:absolute;}*/

.main_body .users-table .top-section-content {
    margin-left: -1.5rem;
}

.top-section-content.modal-triggered {
    z-index: 0;
}


@media screen and (max-width: 1600px) {
    .top-section-content {
        padding: 2.5rem 1.25rem 0 0
    }
}

.top-section-content .breadcrumb {
    font-size: 0.75rem;
    width: 100%;
    /* position: absolute; */
    top: 1.2rem;
    color: #96A3B5;
    font-weight: 500;
    margin-top: -1rem;
    margin-bottom: 0.5rem;
}

.top-section-content .breadcrumb a {
    color: #96A3B5;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;
}

.top-section-content .breadcrumb a:hover,
.top-section-content .breadcrumb a.active {
    color: var(--primary);
    font-weight: 500;
    text-decoration: none;
}

.top-nav.nav.nav-underline,
.breadcrumb .top-nav.nav {
    gap: 1.75rem;
}

.top-nav .nav-link {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: none;
}

.top-nav .nav-item {
    list-style-type: none !important;
}

.top-nav .nav-underline .nav-link.active,
.top-nav .nav-underline .show>.nav-link,
.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 500;
}

.breadcrumb button {
    text-transform: none;
    text-decoration: none;
    color: #96A3B5;
    font-weight: 500;
}

.activity-top {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    margin-top: 0;
    padding-bottom: 1rem;

    .profile-switcher {
        display: none;
    }

    .user-info {
        display: none;
    }

    .company-info {
        margin-bottom: 0.1rem;
    }

    .company-info a,
    .company-info a:hover,
    .company-info a:visited,
    .company-info a:active {
        text-decoration: none;
        color: inherit;
        font-weight: 500;
    }

    .action-col {
        padding-top: 0rem;
        font-size: 0.75rem;
    }

    .action-col a {
        font-size: 0.75rem;
        padding: 0;
        margin-right: 0;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
    }


    .action-col>*:not(*:last-child) {
        border-right: solid 1px;
        padding: 0 0.5rem 0 0;
        margin-right: 0.2rem;
    }


    .action-col a:last-child,
    .action-col>div:last-child>a {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }


    .info-wrapper {
        order: 1;
        align-items: flex-end;
    }

    .image-wrapper {
        order: 2
    }
}

.side-navigation {
    padding: 1.25rem 0;
    min-height: 700px;
    height: 100vh;
    width: 16.25rem;
    overflow-x: hidden;
    flex-shrink: 0;
}

.side-navigation .logo-link {
    margin-bottom: 2.5rem;
}

.side-navigation.closed .logo.app-logo,
.logo.sidebar-closed-logo {
    display: none;
}

.side-navigation.closed .logo.sidebar-closed-logo {
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0.4rem;
    padding-bottom: 2.1rem;
}

.side-navigation.closed .logo.sidebar-closed-logo .logo-link {
    width: auto;
    margin: 0;
}

.side-navigation.closed .logo.sidebar-closed-logo img {
    width: auto;
    height: auto;
}

.side-navigation nav {
    position: fixed;
    min-height: calc(100vh - 3rem);
    width: 16.25rem;
    overflow-x: hidden;
}

@media screen and (max-height: 768px) {
    .side-navigation nav {
        position: relative;
    }

    .top-section-content {
        /* should be absolute after fixing main nav refactory */
        /* position: absolute; */
        position: fixed;
        max-width: 100%;
    }
}

.side-navigation .nav a {
    display: inline-block;
    text-decoration: none;
    font-size: 0.875rem;
    color: var(--bs-body-color);
    font-weight: 500;
    white-space: nowrap;
}

.side-navigation .nav li {
    padding-bottom: 0.5rem;
    width: 16.25rem;
    max-width: 100%;
}

.side-navigation .nav li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    border-radius: 2em;
    padding-right: 1.5em;
    position: relative;
    overflow: hidden;
}

.side-navigation .nav li .nav-link-wrapper {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.765rem;
    position: relative;
    padding-right: 1rem;
    box-sizing: border-box;
    max-width: 100%;
}

.side-navigation .nav li a.disabled {
    background: transparent;
}

.side-navigation .nav li a.disabled:after {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0.625rem;
    height: 0.75rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACRSURBVHgBxY6xDoJQDEVvKw5PRxcdHGTU1Zj4D36Rk5uJg9/kZqIfwsTIAwKklMf0YICBhJs0bdPT2xIaXd8GVXECeImuVskfn0fJrinyHUBbLeCHbGDX+wYJHMjS5t/967ldXjddcFcYIzUaJJyfIYgPIDLaxv5YfxRJwSYKwIujN+hZqYFk4fQ/zguSHcbI1obrIMEKqMNaAAAAAElFTkSuQmCC');
    background-position: center;
}

.side-navigation .nav a i,
.side-navigation .nav a .icon-custom {
    font-size: 1.5rem;
    padding: 0.2089em;
    background: var(--zumthor);
}

.side-navigation .nav li:hover a i,
.side-navigation .nav li:focus a i,
.side-navigation .nav a:active i,
.side-navigation .nav a.active i,
.menuClose-btn:hover,
.menuClose-btn:focus,
.menuClose-btn.active,
.side-navigation .nav li:hover a .icon-custom,
.side-navigation .nav li:focus a .icon-custom,
.side-navigation .nav a:active .icon-custom,
.side-navigation .nav a.active .icon-custom {
    background: var(--secondaryblue);
}

.side-navigation .nav li:hover a.disabled .icon-custom,
.side-navigation .nav li:focus a.disabled .icon-custom,
.side-navigation .nav a.disabled:active .icon-custom,
.side-navigation .nav a.disabled.active .icon-custom {
    background: var(--zumthor);
}

.side-navigation .nav a i:before,
.side-navigation .nav a .nav-link-wrapper:before {
    font-size: 1em;
    height: 1.5rem;
    width: 1.5rem;
    display: block;
}

.side-navigation .nav a .icon-custom {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.25rem;
    flex-shrink: 0;
}


.side-navigation .nav a .nav-link-wrapper:before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    bottom: 0;
    width: 0;
    background: var(--secondaryblue);
    height: 100%;
    z-index: -1;
    border-radius: 1.5rem;
}

.side-navigation .nav a.active {
    font-weight: 700;
}

.side-navigation .nav a.active .nav-link-wrapper:before,
.side-navigation .nav a:hover .nav-link-wrapper:before {
    width: 100%;
}

.side-navigation .nav a.disabled:hover .nav-link-wrapper:before,
.side-navigation.closed .nav a.active .nav-link-wrapper:before,
.side-navigation.closed .nav a:hover .nav-link-wrapper:before {
    width: 0;
}

.side-navigation .cta-zone {
    display: none;
}

/* Bootstrap tab nav */
.tab-navigation {
    display: flex;
    gap: 1.75rem;
    border-bottom: solid 1px var(--bs-border-color) !important;
    margin-bottom: 1.5rem;
    margin-top: 0.3rem;
}

.tab-navigation.nav-tabs .nav-link {
    padding: 0;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 500;
}

.tab-navigation.nav-tabs .nav-link,
.tab-navigation.nav-tabs .nav-link:focus {
    border: 0px;
    border-bottom: 6px solid transparent;
    border-radius: 0;
    padding-bottom: 0.3rem !important;
}

.tab-navigation.nav-tabs .nav-link.active,
.tab-navigation.nav-tabs .nav-link:hover {
    border: 0px;
    border-bottom: 6px solid var(--primary);
    border-radius: 0;
    color: var(--primary);
}

/* end Bootstrap tab nav */

[data-route="onboarding.assessment.l1"] .cta-zone,
[data-route="fast-track-selection"] .cta-zone,
[data-route="payment"] .fast-track-btn,
[data-route="invoice.success"] .fast-track-btn,
[data-route="payment"] .activate-solution-btn,
[data-route="invoice.success"] .activate-solution-btn {
    display: none !important;
}

.menuClose-btn,
.menuClose-btn.bx-border-circle {
    display: flex;
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
    padding: 0.125em;
    background: var(--zumthor);
    box-sizing: unset;
    align-items: center;
    justify-content: center;
}

.menuClose-btn:hover,
.menuClose-btn.active,
.menuClose-btn.bx-border-circle:hover,
.menuClose-btn.bx-border-circle.active {
    background: var(--secondaryblue);
}

.side-navigation .link-label,
.side-navigation .profile-info .info-wrapper {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 150ms;
    animation-fill-mode: forwards;
}

.side-navigation .link-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.side-navigation .active .link-label {
    color: var(--primary);
}

/*closed side-navigation*/
.side-navigation.closed,
.side-navigation.closed nav {
    width: 3.5rem;
    padding-right: 0px;
    overflow-x: hidden;
}

.side-navigation.closed nav {
    width: 3.5rem;
}

.sidebar-blocked {

    .side-navigation {
        width: calc(16.25rem) !important;
        transition: none !important;
    }

    .side-navigation.closed {
        width: 5.5rem !important;
        transition: none !important;
    }
}

.side-navigation.closed .menuClose-btn {
    transform: rotate(180deg);
}

.side-navigation.closed .link-label,
.side-navigation.closed .profile-info .info-wrapper {
    opacity: 1;
    animation-name: fadeOutOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 150ms;
    animation-fill-mode: forwards;
}


.side-navigation.closed .nav a:before {
    width: 0 !important;
}

.side-navigation .profile-info {
    display: none;
}

.side-navigation .profile-info .action-col {
    display: none;
}

.side-navigation .profile-switcher {
    width: 100%;
}

/* top-info-wrapper */
.top-info-wrapper {
    display: flex;
    gap: 1.25rem;
    /* margin-bottom: 1.25rem;*/
}

.top-info-wrapper .gradient-content {
    width: 100%
}

.top-info-wrapper .banner-content:not(.side-col-content .banner-content) {
    width: 100%;
    height: 100%;
}

/* .section-content */
.section-content {
    display: grid;
    column-gap: 1.25rem;
    row-gap: 1.25rem;
}

:root .main_body .row {
    --bs-gutter-y: 1.25rem;
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
    --bs-gutter-x: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% + var(--bs-gutter-x));
}

.main_body .row {
    margin-bottom: 1.25rem;
}

.main_body .col {
    display: flex;
    align-items: stretch;
}

.main_body .big-width {
    width: calc(70vw - (16.25rem + 5rem)) !important;
    min-width: 800px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.main_body .full-width {
    width: calc(100vw - (16.25rem + 3rem)) !important;
    margin-left: 50%;
    transform: translateX(-50%);
}

.table-responsive {
    width: 100%;
}

/* form layout */
.form-wrapper {
    max-width: 1170px;
    width: 100%;
}

.form-wrapper .row {
    margin-bottom: 0;
}

/* form elements general */
/*input:not([type=checkbox]),*/
textarea,
select,
.btn.dropdown-toggle {
    padding: .25rem 1rem;
    appearance: none;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out;
    border: 1px solid var(--primary);
    border-radius: 0.5em;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    outline: none;
}

.form-select,
.btn.dropdown-toggle {
    border: 1px solid var(--primary) !important;
    position: relative;
    height: 50px;
}

.form-select.dropdown-toggle {
    border: 0 !important;
    height: auto;
    width: auto;
    padding: 0;
    padding-right: 2em;
    padding-left: 1rem;
    margin-right: -1em;
    cursor: pointer;
}

.form-select.dropdown-toggle:hover,
.form-select.dropdown-toggle:focus {
    background-color: transparent !important;
    background-image: var(--bs-form-select-bg-img);
    background-position: right .75rem center;
    background-position-x: right 0.75rem;
    background-position-y: center;
    background-size: 16px 12px;
    background-repeat: no-repeat;
}

.form-select.dropdown-toggle:hover {
    color: var(--primary);
}

input:focus,
textarea:focus,
select:focus,
.form-select:focus,
.btn.dropdown-toggle:focus {
    border: 1px solid var(--primary);
    box-shadow: none;
}

input:focus:not([type=checkbox]),
textarea:focus,
select:focus,
.form-select:focus,
.btn.dropdown-toggle:focus {
    background: var(--blue-gradient);
}

input:hover,
textarea:hover,
select:hover,
.form-select:hover,
.btn.dropdown-toggle:hover {
    border-color: var(--primary);
    background: var(--blue-gradient);
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    opacity: 0;
}

input:disabled,
textarea:disabled,
select:disabled,
.form-select:disabled,
.btn.dropdown-toggle:disabled {
    color: var(--grey);
    border-color: var(--grey);
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--primary);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--primary);
    outline: 0;
    box-shadow: none;
}

.form-text.text-muted {
    font-size: 0.875rem;
    line-height: 1.5em;
    font-weight: 500;
}

/* checkboxes */
.form-check-input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0px;

    &:focus {
        box-shadow: none;
        background-repeat: no-repeat;
    }

    &:checked,
    &:focus:checked {
        background-image: var(--bs-form-check-bg-image);
    }

    &:checked {
        background-color: var(--primary);
        border-color: var(--primary);
        box-shadow: none;
    }
}

.form-switch .form-check-input[type=checkbox] {
    border-radius: 1rem;
    width: 2.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
}

.form-switch .form-check-label {
    vertical-align: sub;
}

/* form select multiple */
.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding: 0;
    background-image: none;
    height: initial;
}

.form-select[multiple]:focus,
.form-select[size]:not([size="1"]):focus {
    background: var(--blue-gradient);
}

.form-select[multiple]>*,
.form-select>* {
    padding: 1rem 0;
    height: 50px;
    text-indent: 1rem;
}

.form-select[multiple]>*:hover,
.form-select>*:hover {
    background: var(--secondaryblue);
}

.form-select[multiple]>*:checked,
.form-select[multiple]>*:active,
.form-select[multiple]>*:focus {
    background: var(--primary);
    color: #FFFFFF;
}

/* cards info cards */
.card {
    /* flex-direction: row; */
    margin-bottom: 0;
}

.info-card,
.card.info-card {
    padding: 1.5rem;
    border: 1px solid var(--primary-border-color);
    width: 100%;
    display: flex;
    flex-direction: column;
    background: transparent;
    box-shadow: none;
}

.card.content-card {
    border: solid 1px var(--bs-primary-text-emphasis);
}

.info-card>*,
.card.info-card>* {
    width: 100%;
}

.info-card .card-title,
.card.info-card .card-title {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--primary-border-color);
    font-weight: 700;
    font-style: normal;
    font-size: 1.06rem;
    line-height: 1.5em;
    width: 100%;
}

.info-card .card-title.action-container {
    /* width: auto; */
}

.info-card .card-title h3:not(.modal h3),
.card.info-card .card-title h3:not(.modal h3) {
    font-weight: inherit;
    font-size: inherit;
    margin-bottom: 0;
}


.info-card {

    .nav-items {
        display: flex;
        gap: 1.75rem;
        cursor: pointer;
        flex-wrap: wrap;
        margin-bottom: -1rem;
    }

    .nav-item {
        text-decoration: none;
        color: #96a3b5;
        text-transform: uppercase;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: 0.75rem;
        font-weight: 500;
        white-space: nowrap;
    }

    .nav-item.active {
        border-bottom: 6px solid var(--primary);
        font-weight: 500;
        color: var(--primary);

    }
}

/* card-eraser */
.card-eraser .card,
.card-eraser .info-card,
.card-eraser .card.info-card {
    padding: 0;
    border: 0;
}

/* risk overview */
.dot::before {
    content: "\2022";
    font-size: 3em;
    vertical-align: middle;
    margin-right: 5px;
}

.dot.yellow-dot::before {
    color: #ffc107;
}

.dot.green-dot::before {
    color: #198754;
}

.dot.red-dot::before {
    color: #D40000;
}

.dot.orange-dot::before {
    color: #FF6813;
}

.dot.grey-dot::before {
    color: var(--grey);
}

.gradient-content-card .dot::before {
    height: 1rem;
    display: inline-block;
    line-height: 1rem;
    width: 1rem;
    font-size: 1rem;
    border-radius: 50%;
}

.gradient-content-card .dot.red-dot::before {
    background-color: #D40000;
}

.gradient-content-card .dot.green-dot::before {
    background-color: #198754;
}

.gradient-content-card .dot.orange-dot::before {
    background-color: #FF6813;
}

.gradient-content-card .dot.yellow-dot::before {
    background-color: #ffc107;
}

/* END risk overview */

/* compliance due diligence */
.compliance-process .card.info-card .card-title {
    padding: 0;
    border: 0;
    margin: 1.4rem 0;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.4em;
}

/* SCM questions */
.question-topic,
.question-topic h1,
.question-topic h2,
.question-topic h3,
.question-topic h4,
.question-topic .h1,
.question-topic .h2,
.question-topic .h3,
.question-topic .h4 {
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.question-wrapper {
    padding-bottom: 1rem;
}

.question-answer {
    padding-top: 0.5rem;
}

.question-answer li {
    padding-left: 0.5rem;
    font-size: 0.75rem;
    position: relative;
    line-height: 1.45em;
    list-style-type: circle;
    list-style-position: inside;
}

.question-answer li:before {
    display: none;
    content: ">";
    position: absolute;
    left: 0rem;
    font-size: 0.4rem;
}

.preview-wrapper .widget-card>*:last-child,
.preview-wrapper .widget-card>*:last-child>*:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* scm tools */

.supply-chains-table .tools {
    padding: 0px !important;
    border: 0px !important;
    z-index: 0;
}

.supply-chains-table .tools .toolsContent {
    padding: 0px;
}

.inner-th {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
}

.t-filters .bi.bi-gear.listSupplyChainsSettings {
    visibility: visible !important;
}

.t-filters .bi:before {
    color: #96a3b5;
    background: transparent;
    border-radius: 0.2rem;
    cursor: pointer;
    padding: 0.2rem;
}

.t-filters i:hover.bi:before,
.t-filters i.bi.sortActive:before,
.t-filters i.bi.filterActive:before {
    color: #FFF;
    background: var(--primary);
}

.supply-chain-chart.card.info-card {
    background: rgba(176, 192, 216, 0.15);
    border: 0;
    /* this to have 1/3 columns */
    /* width: 31.9%; */
    /* this to have 1/2 columns */
    width: 48.9%;
}

.card .charts-wrapper .card {
    background: rgba(176, 192, 216, 0.15);
    border: 0;
}

/* My profile */
.double-col-content {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    width: 100%;
}

.main-col-content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex-grow: 1;
    width: 100%;
    max-width: calc(100% - 16.25rem - 1.25rem);
}

.sidebar-closed .main-col-content {
    max-width: calc(100% - 16.25rem - 1.25rem);
}

.side-col-content {
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 356px;
    flex-shrink: 0;
}

.service-area {
    width: 100%;
    margin-top: 3rem;
}

.update-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    width: 100%;
    justify-content: space-between;
    align-content: center;
}

.update-info-wrapper>*:nth-child(3) {
    width: 100% !important;
}

.update-info {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .info-value.h6 {
        margin: 0px;
    }

}

/* Assessment section */
.roleSection-inner,
.listOfOwnersSection,
.officerAffiliationSection {
    padding-bottom: 3rem;
}

.roleSection-inner .roleSection:first-child .add-material-source-section,
.roleSection-inner .roleSection:first-child .remove-material-source-section {
    display: none;
}

.roleSection-inner .roleSection:last-child .remove-material-source-section {
    display: block;
}

.roleSectionForProductionAndRawMaterialSuppliers .add-material-source-section {
    display: none;
}

.role-section {
    padding-bottom: 1rem;
}

.roleSectionForProductionAndRawMaterialSuppliers:last-child .add-material-source-section,
.roleSection-inner .roleSection:last-child .add-role-section {
    display: block;
}

.roleSection-inner .roleSection .add-role-section {
    display: none;
}

.roleSection-inner .roleSection:last-child .add-role-section {
    display: block;
}

.roleSectionForProductionAndRawMaterialSuppliers,
.roleSection {
    padding-bottom: 1.25rem;
}

.add-material-source-section,
.add-role-section {
    margin-top: 1.25rem;
}

.add-material-source-section {
    width: 100%;
}

.remove-material-source-section {
    margin-left: auto;
}

span.count {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    background: var(--secondaryblue);
    border-radius: 1rem;
    vertical-align: middle;
    text-align: center;
}

/* preventive measures */
:root .main_body .policy-item-row,
:root .main_body .training-item-row,
:root .main_body .billing-form {
    --bs-gutter-y: 0;
    --bs-gutter-x: 1.25rem;
    margin-bottom: 0;
    gap: 0;
}

.new-policy-item-row,
.new-training-item-row,
.measure-content,
.due-diligence-details {
    flex: 1 1 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.new-policy-item-row,
.new-training-item-row {
    padding-bottom: 1.25rem;
}

.new-policy-item-row .x-input,
.due-diligence-details .x-input,
.measure-content .x-input {
    width: 100%;
}

.policy-item-row .input-field,
.policy-item-row .customMultiSelectContainer,
.policy-item-row .input-file-wrapper,
.no-margins-fields .input-field {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 1.25rem;
}

.no-margins-fields .info-property .input-field {
    margin-bottom: 0;
}

.policy-item {
    width: 100%;
}

.policy-name-column .x-input {
    width: 100%;
}

.policy-action-buttons,
.training-actions-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-control-plaintext {
    border: solid 1px var(--primary);
    border-radius: 0.5rem;
    padding: 0 0.8rem;
    height: 50px;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
}

.form-switch {
    padding-left: 2.5em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.due-diligence-row {
    display: flex;
    gap: 2rem;
}

.due-diligence-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 0.5rem;
}

.supplier-item {
    display: flex;
    flex-direction: column;
}

.supplier-item .x-input {
    width: 25%;
    min-width: 10rem;
}

.policy-delete-col,
.training-delete-col,
.action-col {
    padding-top: 1.25rem;
}


/* TOAST */
.custom-toast {
    background-color: var(--primary20);
    color: white;
    font-weight: 400;
    border: 0;
    line-height: 1.5em;
    font-size: 0.75rem;
    padding: 0.5rem;

    .toast-body-wrapper {
        display: flex;
    }

    .btn-close {
        --bs-btn-close-color: #FFF;
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        margin: var(--bs-toast-padding-x);
        font-size: 0.75rem;
        color: #FFF !important;
    }

    .action-link {
        font-size: 0.75rem;
        margin: 0.6rem 0 0.2rem;
    }
}

#customToast {
    width: 850px;
}

/* END TOAST */

/* TRAINING SECTION */
.training-add-topic-form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.training-add-topic-form>* {
    width: 100%;
}

.training-add-topic-form .text-danger {
    font-size: 0.65rem;
    display: inline-block;
    position: absolute;
}

.training-add-topic-form .input-field {
    padding: 0;
    margin: 0;
}

.training-content {
    position: relative;
}

.training-content .nav-underline:not(.top-section-content .nav-underline) {
    border-bottom: 1px solid var(--primary-border-color);
    margin-bottom: 1.25rem;
}

.training-content .nav-item {
    padding-bottom: 0px;
}

.training-content .nav-link:not(.top-section-content .nav-link) {
    padding-bottom: 0;
}

.training-add-topic-form .btn {
    margin-top: 1rem;
}

.topicKeyword {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.training-languages {

    .user-role-form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .form-check {
        background-color: var(--disabled-bg);
        border-radius: 1rem;

        .form-check-input[type="checkbox"] {

            &:checked {
                background-color: var(--disabled-bg);
                border-color: var(--disabled-bg);
                box-shadow: none;
                --bs-form-check-bg-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBMOSAxM0wxNSA3IiBzdHJva2U9IiMwMDM3ODgiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
                background-size: contain !important;
            }
        }
    }

    .form-check label {
        text-transform: uppercase;
    }

    .form-check>*:first-child {
        margin-left: -1rem;
    }

    .form-check>*:last-child {
        margin-right: 0.6rem;
    }
}

.feature-entity {

    .user-role-form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .form-check {
        background-color: var(--disabled-bg);
        border-radius: 1rem;

        .form-check-input[type="checkbox"] {

            &:checked {
                background-color: var(--disabled-bg);
                border-color: var(--disabled-bg);
                box-shadow: none;
                --bs-form-check-bg-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBMOSAxM0wxNSA3IiBzdHJva2U9IiMwMDM3ODgiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
                background-size: contain !important;
            }
        }
    }

    .form-check label {
        text-transform: uppercase;
    }

    .form-check>*:first-child {
        margin-left: -1rem;
    }

    .form-check>*:last-child {
        margin-right: 0.6rem;
    }
}

.training-languages .form-check,
.feature-entity .form-check {
    display: none !important;
    position: relative;
    padding-left: 0.6rem;
}

.training-languages .form-check:has(.form-check-input:checked),
.feature-entity .form-check:has(.form-check-input:checked) {
    display: flex !important;
}

.trainingTopicDetailView.isEdit .training-languages .form-check,
.feature-entity.isEdit .form-check {
    display: flex !important;
}

.training-languages .form-check:before,
.feature-entity .form-check:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    content: "";
}

.trainingTopicDetailView.isEdit .training-languages .form-check,
.feature-entity.isEdit .form-check {
    padding-left: 1.5rem;
}

.trainingTopicDetailView.isEdit .training-languages .form-check:before,
.feature-entity.isEdit .form-check:before {
    display: none;
}

.training-languages .form-check .form-check-input,
.feature-entity .form-check .form-check-input {
    display: none;
}

.trainingTopicDetailView.isEdit .training-languages .form-check .form-check-input,
.feature-entity.isEdit .form-check .form-check-input {
    display: flex;
    ;
}


.isEdit .edit-btn {
    display: none;
}

.training-questions-table .bx-ul {
    margin-left: 0;
    list-style-type: none;
}

.training-questions-table .bx-ul li {
    list-style-type: none !important;
}

.training-questions-table .bx-ul .bx {
    color: var(--bs-icon)
}

table.training-questions-table td {
    vertical-align: top;
}

/* Generate Questions Modal and dynamic alert messages */
.alert-element {
    font-weight: 700;
    padding: 0.7rem 1.8rem;
    border-radius: 1.5rem;
}

.message-box .alert-element {
    position: relative;
    padding-left: 3.5rem;
    font-size: var(--bs-body-font-size);
    text-transform: none;
    white-space: nowrap
}

.message-box .alert-element i,
.message-box .alert-element .spinner-border {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
}

.message-box .alert-element i {
    font-size: 3rem;
}

.message-box .alert-element .spinner-border {
    height: 2.6rem;
    width: 2.6rem;
    padding: 0.2rem;
    left: 0.15rem;
    top: 0.15rem;
}

.gq-icon {
    position: absolute;
    height: 3rem;
    width: 3rem;
    left: 0;
    top: 0;
    padding: 0.7rem;
    padding-left: 0.5rem;
}

.action-container.message-box .button,
.action-container.message-box .alert-element {
    position: absolute;
    top: 0.4rem;
}

/* end generate questions */
/* END TRAINING SECTION */

/* DASHBOARD */
.dashboardContent {
    max-width: 1200px;
}

.dashboardContent .supply-chain-monitor-quadrant {
    order: 1;
}

.dashboardContent .ai-learning-quadrant {
    order: 2;
}

.dashboardContent .policies-quadrant {
    order: 3;
}

.dashboardContent .whistleblowing-quadrant {
    order: 4;
}

/* unavailable charts */
.initializeStatus {
    .widget-action {
        display: none;
    }

    .widget-content {
        padding: 0.5rem 0rem;
        height: 100%;
    }

    .unavailable-chart {
        align-items: stretch;
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: center;

        & .inner-content,
        & .body-content {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
        }

        .inner-content {
            width: 100%;
            flex-direction: column;
            justify-content: center;
        }

        .vertical-col {
            flex-direction: column;
            justify-content: space-between;

            .body-content {
                flex-direction: column;
                justify-content: center;
                padding: 0 1.25rem;
            }

            .text-section {
                text-align: center;
                max-width: 20rem;
            }
        }

        .horizontal-col.inner-content {
            justify-content: space-between;
            height: 100%;
            gap: 0;
        }

        .horizontal-col.inner-content .body-content {
            height: 100%;
        }

        .horizontal-col .text-section {
            padding: 0 2rem 0 0;
        }

        .horizontal-col.equal-cols .body-content>div {
            width: 100%;
            padding-bottom: 2rem;
        }

        .horizontal-col .badge-section {
            display: flex;
            align-items: center;
        }

        .horizontal-col.inner-content.full-h-badge .body-content {
            height: 100%;
            margin-bottom: 0px;
        }

        .horizontal-col.full-h-badge {
            gap: 0px;
        }

        .horizontal-col.full-h-badge .badge-section,
        .horizontal-col.full-h-badge.equal-cols .badge-section {
            height: 100%;
            padding-bottom: 0rem;
        }

        .horizontal-col.full-h-badge .badge-section img {
            height: 100%;
            width: auto;
            max-width: 1;
        }

        .horizontal-col.full-h-badge .text-section {
            padding-bottom: 2rem;
            margin-left: -2rem;
        }

        .horizontal-col.badge-right {

            .badge-section {
                order: 2
            }

            .text-section {
                order: 1;
                padding: 0 0 0 2rem
            }
        }

        .cta-section {
            width: 100%;
            padding-top: 2rem;
            border-top: solid 1px var(--bs-border-color);
            text-align: center;
        }

        .icon-content {
            img {
                height: 64px;
            }
        }
    }
}

/* ONBOARDING PROCESS AND ASSESSMENT SECTION */
/* login-form page */
.form-signin .form-wrapper {
    align-content: center;
    justify-items: center;
    display: flex;
    flex-direction: column;

    button[type="submit"] {
        min-width: 240px;
    }

    /* .card {padding-bottom: 2.7rem;} */
    .form-floating {
        width: 100%;
    }
}

/* onboarding Assessment */
.assessment-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: flex-start
}

.assessment-container>* {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 720px;
}

.heading-section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
}

.heading-section h1 {
    max-width: 35rem;
    margin-left: auto;
    margin-right: auto;
}

.progress {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.price-box,
.card.price-box {
    padding: 2.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-border-color);
}

.form-check-label .price-box:not(.form-check-label .gradient-content.price-box) {
    border: solid 1px transparent;
}

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

.price-box li:not(.price-box .alert li),
.checklist-box li:not(.checklist-box .alert li) {
    padding-left: 1.5rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjI5OTggNi4wNTAwNUw4LjQ5OTggMTcuODVMMy42OTk4IDEzLjA1TDIuMjk5OCAxNC41TDguNDk5OCAyMC42NUwyMS42OTk4IDcuNDUwMDVMMjAuMjk5OCA2LjA1MDA1WiIgZmlsbD0iIzAwMzc4OCIvPgo8L3N2Zz4K);
    background-position: 0 0.15em;
    background-repeat: no-repeat;
    background-size: 1em;
}

.manual-assessment .price-box-cta .btn.btn-primary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary);
    color: var(--bs-primary);
}

.min-btn {
    min-width: 240px;
    margin: 0px auto;
}

.btn-sm.min-btn {
    min-width: 120px;
}

.step-heading {
    padding: 2rem 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.content-wrapper ul:not(.top-section-content ul) {
    padding-left: 1rem;
}

.content-wrapper ul li:not(.top-section-content li) {
    list-style-type: disc;
}

/* price la bel */
.price-label .price {
    font-size: 1.8rem;
    font-weight: 300;
}

.price-label .per-period {
    font-size: 1rem;
    font-weight: 300;
}

/* dropdown menu style */
ul.dropdown-menu li {
    list-style-type: none;
}

ul.dropdown-menu li a,
ul.dropdown-menu li button {
    text-decoration: none;
    color: var(--bs-primary-text-emphasis);
}

ul.dropdown-menu li a:hover,
ul.dropdown-menu li button:hover {
    text-decoration: underline;
}

/* multicolumn dropdown support - language menu */
.multi-column-dropdown {
    min-width: 400px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px;
}

@media (max-width: 576px) {
    .multi-column-dropdown {
        min-width: 280px;
        max-height: 250px;
    }
}

.dropdown-menu-content {
    width: 100%;
}

.multi-column-dropdown .row {
    margin: 0;
    width: 100%;
}

.multi-column-dropdown .col-6 {
    padding: 0;
}

.dropdown-submenu {
    position: absolute;
    left: 100%;
    top: 0;
}

@media (max-width: 768px) {
    .dropdown-submenu {
        left: 0;
        top: 100%;
    }
}


/* PROGRESS-BAR */
.progress,
.progress-stacked {
    background-color: var(--bs-secondary);
    --bs-progress-height: 1.25rem;
    --bs-progress-border-radius: 1rem;
}

.progress-bar {
    color: var(--bs-secondary);
    background-color: var(--bs-primary);
    border-radius: 1rem;
}

/* users settings */

.general-user-add-user-form {
    display: flex;
    flex-direction: column;
}

.form-columns .x-input {
    width: 100%;
}

.info-data.text-area-input {
    font-size: 1.06rem;
    max-height: 14rem;
    overflow-y: auto;
    display: inline-block;
}

.setting-container.setting-legalnotice-container {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
}

.setting-container.setting-legalnotice-container .setting-row {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.setting-container.setting-legalnotice-container .info-label {
    white-space: normal;
}

@media all and (min-width:480px) {
    .setting-container.setting-legalnotice-container .setting-row {
        width: calc(50% - 0.625rem);
    }
}

/* calendar & date styles */
.date-container {
    font-size: 1.4rem;
    font-weight: 300;
    gap: 0.2rem;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

.date-container img {
    margin-right: 0.5rem;
    margin-bottom: 0.1rem;
}

.date-container>span {
    display: inline-block;
}


/* Config Menu */
.configMenu {
    font-size: 0.75rem;

    .dropdown-submenu {
        position: absolute;
        left: 0%;
        top: 0;
        transform: translate(-100%);
    }

    .dropend:hover>.dropdown-menu {
        display: block;
    }

    .dropdown:has(.dropdown-submenu:hover) {
        position: relative;
    }

    .dropdown-menu li:last-child .dropdown-submenu,
    .dropdown-menu li:nth-last-child(2) .dropdown-submenu {
        left: auto;
        right: 100%;
    }
}

.configMenu,
.configMenu li,
.configMenu a {
    font-size: 0.75rem;
}

.menu-dots {
    height: 100%;
    width: 1.7rem;
    display: flex;
    flex-direction: row;
    gap: 0.3rem;
    align-items: center;
    justify-content: center;
    /* background: #e5efff; */
    background: transparent;
    border-radius: 36px;
}

.menu-dots:hover {
    /* background-color: var(--secondaryblue); */
    background: transparent;
}

.menu-dots .dot-item {
    background: var(--primary);
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.3rem;
}

.menu-dots:after {
    display: none;
}

/* BOOTSTRAP PAGINATION */
.pagination {
    --bs-pagination-padding-x: 0.6rem;
    --bs-pagination-padding-y: 0.3rem;
    --bs-pagination-font-size: var(--secondaryblue);
    --bs-pagination-active-bg: var(--primary);
    --bs-pagination-active-border-color: var(--primary);
    --bs-pagination-hover-bg: var(--secondaryblue);
    --bs-pagination-hover-border-color: var(--secondaryblue);
    --bs-pagination-focus-bg: var(--secondaryblue);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-disabled-color: rgb(179 194 217);
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-border-color: transparent;
    --bs-pagination-focus-box-shadow: 0;
    gap: 0.2rem;
    margin-top: 1rem;
}

.page-item,
.page-item .page-link {
    display: flex;
    cursor: pointer;
    border-radius: 3rem;
    border: 0px;
    padding: 0;
    width: 2rem;
    height: 2rem;
    font-size: 0.85rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.page-item.disabled,
.page-item.disabled .page-link {
    background-color: transparent;
    cursor: default;
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    border-radius: 50%;
}

.page-item:nth-child(2) .page-link {
    letter-spacing: 0.05rem;
    text-indent: 0.08rem;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 3rem;
    height: 1.5rem;
    width: 1.5rem;
}

.page-link {
    font-weight: 400;
    line-height: 1rem;
}

/* TRANSITION EFFECTS */
/* faster */
a,
.side-navigation .nav a i,
.side-navigation .nav a .icon-custom,
.menuClose-btn,
.menuClose-btn.bx-border-circle,
.widget-card,
.card.widget-card,
.info-card,
.card.info-card,
.widget-content,
.chart-container,
.chart-container canvas {
    transition: all ease-in-out 50ms !important;
}

.chart-menu {
    padding: 0;
    right: 1.5rem;
    top: 1.5rem;
    position: absolute;
}

/* slow */

.side-navigation,
.side-navigation nav,
.side-navigation .nav a,
.side-navigation .nav a .nav-link-wrapper:before,
.side-navigation nav *,
.double-col-content,
.main-col-content,
.main_body,
.cell-action,
.cell-action-wrapper:before,
.gradient-content .children-container {
    transition: all ease-in-out 150ms !important;
}

/* slower */
.general-user-add-user-form .x-input {
    transition: all ease-out 300ms !important;
}

/* ANIMATION EFFECTS */
.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-out {
    opacity: 1;
    animation-name: fadeOutOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 150ms;
    animation-fill-mode: forwards;
}

@keyframes fadeOutOpacity {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fade-in-down {
    animation: fadeInDown 0.5s ease-out forwards;
    opacity: 0;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        height: 0;
        transform: translateY(-2rem);
    }

    100% {
        opacity: 1;
        height: 100%;
        transform: translateY(0);
    }
}

.alert-temporary {
    animation: fadeOut 8s forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

/* END ANIMATIONS */

.main_body_no_overflow {
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}


/* simons */
.pointer {
    cursor: pointer !important;
}

.modal.show {
    display: block;
}

.supplyChainTable .pagination-explanation {
    display: none;
}

.banner-remind-suppliers .modal-header {
    justify-content: space-between;
}

.banner-remind-suppliers .action-link {
    color: var(--bs-heading-color);
    font-weight: bold;
    font-size: .8em;
    cursor: pointer;
    text-decoration: none;
}

/* just a copy */
.t-filters i:hover.bi:before,
.t-filters i.bi.sortActive:before,
.t-filters i.bi.filterActive:before {
    color: #FFF;
    background: var(--primary);
}

/* fix - override or it's over the modal */
.top-section-content {
    opacity: 1;
}

.top-section-content,
.modal-active .top-section-content {
    transition: opacity ease-in-out 500ms 250ms !important;
}

.modal-active .top-section-content {
    opacity: 0;
    z-index: 0;
}

.modal-header {
    text-transform: uppercase;
}

/* end simon */

/*** Tooltip alpine ***/
/* Position the tooltip container */
.alpine-tooltip-container {
    position: relative;
}

/* Fix tooltip positioning */
.alpine-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px;
    z-index: 1000;
    white-space: nowrap;
    pointer-events: none;
    /* Prevent tooltip from interfering with hover */
}

/* Keep header height stable */
.alpine-tooltip-trigger {
    display: inline-block;
    position: relative;
}

.alpine-tooltip-arrow {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px 5px 0;
    border-style: solid;
    border-top-color: var(--bs-primary);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.alpine-tooltip-inner {
    background-color: var(--bs-primary);
    color: var(--white);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}


/* loading spinner */
:root {
    --spinner-size: 4rem;
    --spinner-ring-size: 0.5rem;
    --spinner-speed: 1.5;
    --accent-color: var(--primary);
}

@property --spinner-start-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@property --spinner-end-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 360deg;
}

@property --property-zero {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}

.loading-spinner {
    --_size: var(--spinner-size, 2em);
    --_ring-size: var(--spinner-ring-size, calc(var(--_size) / 10));
    --_duration: calc(2s / var(--spinner-speed, 1));
    box-sizing: border-box;

    width: var(--_size);
    height: var(--_size);
    margin-inline: 1em;
    border-radius: 100vmax;
    background:
        conic-gradient(transparent 0deg, transparent var(--spinner-start-angle), var(--accent-color) var(--spinner-start-angle), var(--accent-color) var(--spinner-end-angle), transparent var(--spinner-end-angle));
    mask-image: radial-gradient(transparent calc(var(--_size) / 2 - var(--_ring-size) - 1px), black calc(var(--_size) / 2 - var(--_ring-size)));
    animation: spinner calc(var(--_duration) / 0.6) ease-in-out infinite, spin var(--_duration) linear infinite;

    /* remove border if @property is supported */
    border: var(--property-zero, var(--_ring-size)) solid color-mix(in hsl, currentcolor 10%, transparent);
    border-top: var(--property-zero, var(--_ring-size)) solid var(--accent-color);


}

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

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

@keyframes spinner {
    0% {
        --spinner-start-angle: 0deg;
        --spinner-end-angle: 10deg;
    }

    50% {
        --spinner-start-angle: 35deg;
        --spinner-end-angle: 315deg;
    }

    100% {
        --spinner-start-angle: 350deg;
        --spinner-end-angle: 360deg;
    }
}


/* visually removed - check later to phisically remove */
.hero-section .count {
    display: none;
}

/* if .count not visible anymore remove padding top of the next element */
.step-heading {
    padding-top: 0;
}

.pre {
    white-space: pre-line;
}

.service-screening .service-supply-chain-table {
    display: none;
}

.service-supply_chain .service-screening-table {
    display: none;
}

.service-screening .upstreamClientsWrap,
.service-screening .additionalDetailsWrap {
    display: none;
}

.service-screening .summaryWrap .overallRiskWrap,
.service-screening .summaryWrap .tierLevelWrap {
    display: none;
}

.service-screening .th-inherentRisk,
.service-screening .td-inherentRisk {
    display: none;
}

.service-screening .th-trustyScore,
.service-screening .td-trustyScore {
    display: none;
}

.service-screening .hideIfNotSupplyChain {
    display: none;
}

.service-supply_chain .hideIfNotScreening {
    display: none;
}

.service-screening.screening-type-company .contactPersonWrap {
    display: none;
}

.service-screening.screening-type-user .companyDetailsWrap {
    display: none;
}

.service-screening .th-preventiveMeasures,
.service-screening .td-preventionScore {
    display: none;
}

/* hide peps column */
.service-screening.screening-type-company .th-pepsWarnings,
.service-screening.screening-type-company .td-peps {
    display: none;
}

/* hide other risks column */
.service-screening .th-otherRisks,
.service-screening .td-otherRisks {
    display: none;
}


.screeningTemplateFile {
    display: none !important;
}