* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    border-radius: 1rem;
    width: .6rem;
}

::-webkit-scrollbar-thumb {
    background-color: #c3dcff;
    border-radius: 1rem;
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    font-family: Arial,Helvetica,"sans-serif";
    line-height: 1.5;
    min-height: 240px;
    min-width: 240px;
}

body, html {
    height: 100%;
}

textarea:read-only {
    background-color: #fbfbfb;
    color: #1d1d1d;
    opacity: 1;
}

select {
    background: transparent;
}

    select option:disabled:selected {
        background-color: #fbfbfb;
        color: #1d1d1d;
        opacity: 1;
    }

    select:disabled, select:disabled > option {
        background-color: #fbfbfb;
        color: #1d1d1d;
        opacity: 1;
    }

fieldset {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem;
    padding: 1rem;
}

.margin-top-small {
    margin-top: .5rem;
}

.padding-top-small {
    padding-top: .5rem;
}

.margin-right-small {
    margin-right: .5rem;
}

.padding-right-small {
    padding-right: .5rem;
}

.margin-bottom-small {
    margin-bottom: .5rem;
}

.padding-bottom-small {
    padding-bottom: .5rem;
}

.margin-left-small {
    margin-left: .5rem;
}

.padding-left-small {
    padding-left: .5rem;
}

.margin-all-small {
    margin: .5rem;
}

.padding-all-small {
    padding: .5rem;
}

.margin-vertical-small {
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.padding-vertical-small {
    padding-bottom: .5rem;
    padding-top: .5rem;
}

.margin-horizontal-small {
    margin-left: .5rem;
    margin-right: .5rem;
}

.padding-horizontal-small {
    padding-left: .5rem;
    padding-right: .5rem;
}

.margin-top-medium {
    margin-top: 1rem;
}

.padding-top-medium {
    padding-top: 1rem;
}

.margin-right-medium {
    margin-right: 1rem;
}

.padding-right-medium {
    padding-right: 1rem;
}

.margin-bottom-medium {
    margin-bottom: 1rem;
}

.padding-bottom-medium {
    padding-bottom: 1rem;
}

.margin-left-medium {
    margin-left: 1rem;
}

.padding-left-medium {
    padding-left: 1rem;
}

.margin-all-medium {
    margin: 1rem;
}

.padding-all-medium {
    padding: 1rem;
}

.margin-vertical-medium {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.padding-vertical-medium {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.margin-horizontal-medium {
    margin-left: 1rem;
    margin-right: 1rem;
}

.padding-horizontal-medium {
    padding-left: 1rem;
    padding-right: 1rem;
}

.margin-top-large {
    margin-top: 1.5rem;
}

.padding-top-large {
    padding-top: 1.5rem;
}

.margin-right-large {
    margin-right: 1.5rem;
}

.padding-right-large {
    padding-right: 1.5rem;
}

.margin-bottom-large {
    margin-bottom: 1.5rem;
}

.padding-bottom-large {
    padding-bottom: 1.5rem;
}

.margin-left-large {
    margin-left: 1.5rem;
}

.padding-left-large {
    padding-left: 1.5rem;
}

.margin-all-large {
    margin: 1.5rem;
}

.padding-all-large {
    padding: 1.5rem;
}

.margin-vertical-large {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.padding-vertical-large {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.margin-horizontal-large {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.padding-horizontal-large {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.margin-top-xlarge {
    margin-top: 2rem;
}

.padding-top-xlarge {
    padding-top: 2rem;
}

.margin-right-xlarge {
    margin-right: 2rem;
}

.padding-right-xlarge {
    padding-right: 2rem;
}

.margin-bottom-xlarge {
    margin-bottom: 2rem;
}

.padding-bottom-xlarge {
    padding-bottom: 2rem;
}

.margin-left-xlarge {
    margin-left: 2rem;
}

.padding-left-xlarge {
    padding-left: 2rem;
}

.margin-all-xlarge {
    margin: 2rem;
}

.padding-all-xlarge {
    padding: 2rem;
}

.margin-vertical-xlarge {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.padding-vertical-xlarge {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.margin-horizontal-xlarge {
    margin-left: 2rem;
    margin-right: 2rem;
}

.padding-horizontal-xlarge {
    padding-left: 2rem;
    padding-right: 2rem;
}

.child-spacing-horizontal > * {
    margin-left: 1rem;
    margin-right: 1rem;
}

.child-spacing-horizontal.spacing-small > * {
    margin-left: .5rem;
    margin-right: .5rem;
}

.child-spacing-horizontal.spacing-medium > * {
    margin-left: 1rem;
    margin-right: 1rem;
}

.child-spacing-horizontal.spacing-large > * {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.child-spacing-horizontal.spacing-xlarge > * {
    margin-left: 2rem;
    margin-right: 2rem;
}

.child-spacing-vertical > * {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.child-spacing-vertical.spacing-small > * {
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.child-spacing-vertical.spacing-medium > * {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.child-spacing-vertical.spacing-large > * {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.child-spacing-vertical.spacing-xlarge > * {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.cursor-pointer {
    cursor: pointer;
}

.error-message {
    color: red;
    font-weight: 700;
}

.warning-message {
    color: orange;
    font-weight: 700;
}

.height-0-visibility-hidden {
    height: 0;
    overflow: hidden;
    transition: none;
    visibility: hidden;
}

.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex-middle-item-centered {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .flex-middle-item-centered > :first-child, .flex-middle-item-centered > :last-child {
        flex-basis: 0;
        flex-grow: 1;
    }

@media (min-width:769px) {
    .margins-on-tablets-and-above {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
}

.default-gray-border {
    border: .5px solid #dcdcdc;
}

.rounded-count-display {
    background-color: #fff;
    border: 1px solid rgba(47,136,255,.8);
    border-radius: 50%;
    display: inline-block;
    font-size: .75rem;
    height: 1.5rem;
    line-height: 1.4rem;
    text-align: center;
    vertical-align: middle;
    width: 1.5rem;
}

.shimmer-effect {
    animation: shimmer-animation 1.5s infinite;
    background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
    background-size: 200% 100%;
    height: 100%;
    width: 100%;
}

@keyframes shimmer-animation {
    0% {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.title-size-medium {
    font-size: 125%;
    font-weight: 700;
}

.title-size-large {
    font-size: 150%;
    font-weight: 700;
}

.flex-item-right {
    margin-left: auto!important;
}

.flex-item-left {
    margin-right: auto!important;
}

.display-flex {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .display-flex.justify-end {
        justify-content: end;
    }

    .display-flex.justify-center {
        justify-content: center;
    }

    .display-flex.justify-right {
        justify-content: right;
    }

    .display-flex.justify-space-between {
        justify-content: space-between;
    }

.justify-flex-start, .justify-start {
    justify-content: flex-start;
}

.justify-end, .justify-flex-end {
    justify-content: flex-end;
}

.justify-center, .justify-flex-center {
    justify-content: center;
}

.align-flex-start, .align-start {
    align-items: start;
}

.align-center, .align-flex-center {
    align-items: center;
}

.align-end, .align-flex-end {
    align-items: end;
}

.align-self-end {
    align-self: flex-end;
}

.font-weight-bold {
    font-weight: 700;
}

.font-size-o75 {
    font-size: 75%;
}

.font-size-o80 {
    font-size: 80%;
}

.font-size-o90 {
    font-size: 90%;
}

.font-size-1o25x {
    font-size: 125%;
}

.font-size-1o5x {
    font-size: 150%;
}

.font-size-2x {
    font-size: 200%;
}

.font-size-4x {
    font-size: 400%;
}

.text-align-center {
    text-align: center;
}

.fit-content-left-align-margin-auto {
    margin: auto;
    text-align: left;
    width: fit-content;
}

.color-error {
    color: red;
}

.color-success {
    color: green;
}

.responsive-two-column-layout {
    display: flex;
}

.font-style-italic {
    font-style: italic;
}

.max-height-5vh {
    max-height: 5vh;
    overflow-y: auto;
}

.max-height-10vh {
    max-height: 10vh;
    overflow-y: auto;
}

.max-height-15vh {
    max-height: 15vh;
    overflow-y: auto;
}

.max-height-20vh {
    max-height: 20vh;
    overflow-y: auto;
}

.max-height-25vh {
    max-height: 25vh;
    overflow-y: auto;
}

.max-height-30vh {
    max-height: 30vh;
    overflow-y: auto;
}

.max-height-35vh {
    max-height: 35vh;
    overflow-y: auto;
}

.max-height-40vh {
    max-height: 40vh;
    overflow-y: auto;
}

.max-height-45vh {
    max-height: 45vh;
    overflow-y: auto;
}

.max-height-50vh {
    max-height: 50vh;
    overflow-y: auto;
}

.max-height-55vh {
    max-height: 55vh;
    overflow-y: auto;
}

.max-height-60vh {
    max-height: 60vh;
    overflow-y: auto;
}

.max-height-65vh {
    max-height: 65vh;
    overflow-y: auto;
}

.max-height-70vh {
    max-height: 70vh;
    overflow-y: auto;
}

.max-height-75vh {
    max-height: 75vh;
    overflow-y: auto;
}

.max-height-80vh {
    max-height: 80vh;
    overflow-y: auto;
}

.max-height-85vh {
    max-height: 85vh;
    overflow-y: auto;
}

.max-height-90vh {
    max-height: 90vh;
    overflow-y: auto;
}

.max-height-95vh {
    max-height: 95vh;
    overflow-y: auto;
}

.max-height-100vh {
    max-height: 100vh;
    overflow-y: auto;
}

.max-height-no-limitvh, .max-height-nonevh {
    max-height: none;
}

.width-5 {
    width: 5%;
}

.width-10 {
    width: 10%;
}

.width-15 {
    width: 15%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-35 {
    width: 35%;
}

.width-40 {
    width: 40%;
}

.width-45 {
    width: 45%;
}

.width-50 {
    width: 50%;
}

.width-55 {
    width: 55%;
}

.width-60 {
    width: 60%;
}

.width-65 {
    width: 65%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-80 {
    width: 80%;
}

.width-85 {
    width: 85%;
}

.width-90 {
    width: 90%;
}

.width-95 {
    width: 95%;
}

.width-100 {
    width: 100%;
}

@media print {
    .avoid-page-break-in-this {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .page-break-before-this {
        break-before: always;
        page-break-before: always;
    }

    .page-break-after-this {
        break-after: always;
        page-break-after: always;
    }
}

body {
    background-color: #fff;
    font-family: Open Sans,sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 400;
}

.app-page-container .menu-and-content .header-and-content {
    background-color: #fff;
    flex: 1;
    min-width: 0;
    padding: 0 1rem 0 0;
}

    .app-page-container .menu-and-content .header-and-content .main-view-with-header {
        max-height: calc(100vh - 4.5rem);
        overflow-y: auto;
    }

.app-page-container .top-header .logo-container {
    display: none;
    margin-left: 1rem;
}

@media (max-width:768px) {
    .app-page-container .top-header .logo-container {
        align-items: center;
        background-color: #fefefe;
        display: flex;
        height: 3rem;
        margin-left: 3rem;
        max-width: 20%;
    }

        .app-page-container .top-header .logo-container img {
            max-height: 2rem;
            max-width: 100%;
        }
}

.app-menu {
    border-radius: .5rem;
    border-radius: .25rem;
    box-shadow: inset .1rem .1rem .15rem -.05rem rgba(0,0,0,.1),.5rem .5rem .75rem -.25rem rgba(0,0,0,.5);
    -webkit-box-shadow: inset .1rem .1rem .15rem -.05rem rgba(0,0,0,.1),.5rem .5rem .75rem -.25rem rgba(0,0,0,.5);
    -moz-box-shadow: inset .1rem .1rem .15rem -.05rem rgba(0,0,0,.1),.5rem .5rem .75rem -.25rem rgba(0,0,0,.5);
    box-shadow: none;
    direction: rtl;
    height: 100vh;
    transition: box-shadow .3s ease;
}

    .app-menu .items-list {
        background-color: #fefefe;
        box-shadow: 0 4px 8px 0 hsla(0,0%,63%,.251);
        direction: ltr;
        margin-right: 1.5rem;
        min-height: 100vh;
    }

    .app-menu .menu-item {
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-size: .9rem;
        font-size: 1rem;
        justify-content: center;
        padding: .5rem 1rem;
        position: relative;
        right: 0;
        text-align: center;
        transition: .4s;
        width: 5rem;
    }

        .app-menu .menu-item > a {
            display: block;
            padding: .25rem 1rem;
            text-decoration: none;
        }

        .app-menu .menu-item img {
            display: block;
            padding: 1rem;
        }

        .app-menu .menu-item div, .app-menu .menu-item span {
            color: #062961;
            display: block;
        }

        .app-menu .menu-item a {
            align-items: center;
            background-color: #fff;
            display: flex;
            position: relative;
        }

        .app-menu .menu-item span.item-title {
            background-color: rgba(65,112,243,.078);
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
            left: 3rem;
            overflow: hidden;
            position: absolute;
            width: 0;
            z-index: 10;
        }

        .app-menu .menu-item:hover a, .app-menu .menu-item:hover div, .app-menu .menu-item:hover span {
            color: #000;
        }

        .app-menu .menu-item .ss-image-no-text {
            max-width: 3rem;
            padding: 0;
        }

        .app-menu .menu-item .ss-image {
            display: none;
        }

        .app-menu .menu-item .item-icon {
            color: #062961;
            margin: .5rem 0;
        }

        .app-menu .menu-item:not(:first-child):hover a {
            background-color: #f1f9ff;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
            font-size: 1.25rem;
            transition: .15s;
        }

        .app-menu .menu-item:not(:first-child):hover span.item-title {
            background-color: #f1f9ff;
            border-radius: 0 5px 5px 0;
            box-shadow: 1px 1px 2px 0 rgba(0,0,0,.25);
            font-size: 1.2rem;
            padding: .5rem .5rem .5rem 0;
            transition: .15s;
            white-space: nowrap;
            width: auto;
        }

    .app-menu .logo-menu-item {
        padding: 1rem .5rem 0 0;
    }

    .app-menu .burger-icon {
        display: none;
    }

@media (max-width:768px) {
    .app-menu {
        min-height: 100vh;
        position: absolute;
        top: 0;
    }

        .app-menu .logo-menu-item {
            display: none;
        }

        .app-menu .menu-item a {
            align-items: baseline;
            display: flex;
            width: 10rem;
        }

        .app-menu .menu-item .item-icon {
            margin-right: .75rem;
        }

        .app-menu .menu-item span.item-title {
            overflow: visible;
        }

        .app-menu .items-list {
            margin-top: 3rem;
            max-width: 10rem;
            overflow: hidden;
            transition: max-width .33s ease-in;
        }

        .app-menu:not(.expanded) .items-list {
            max-width: 0;
        }

        .app-menu .burger-icon {
            cursor: pointer;
            display: block;
            left: 1rem;
            line-height: 1rem;
            position: absolute;
            top: 1rem;
        }
}

.app-menu .items-list {
    transition: none;
}

.client-management-modal > .modal-body-wrapper > .container-with-title > .container-body {
    padding-top: 1rem!important;
}

.toast-list-container {
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate(-50%,-100%);
    width: 50%;
    z-index: 10;
}

@media (max-width:1024px) {
    .toast-list-container {
        width: 80%;
    }
}

.toast-list-container .toast-message-container {
    max-width: 100%;
}

    .toast-list-container .toast-message-container:not(:last-child) {
        margin-bottom: 1rem;
    }

.toast-message-container {
    background: #062961;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1rem;
    margin: auto;
    padding: 1rem 2rem;
    width: fit-content;
}

    .toast-message-container.theme-attention {
        background-color: #538201;
    }

    .toast-message-container.theme-warning {
        background-color: #7a5414;
    }

    .toast-message-container.theme-error {
        background-color: #ab2828;
    }

    .toast-message-container.theme-success {
        background-color: #006400;
    }

.back-to-top-container {
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
}

    .back-to-top-container.max-height-5vh {
        max-height: 5vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-10vh {
        max-height: 10vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-15vh {
        max-height: 15vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-20vh {
        max-height: 20vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-25vh {
        max-height: 25vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-30vh {
        max-height: 30vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-35vh {
        max-height: 35vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-40vh {
        max-height: 40vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-45vh {
        max-height: 45vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-50vh {
        max-height: 50vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-55vh {
        max-height: 55vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-60vh {
        max-height: 60vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-65vh {
        max-height: 65vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-70vh {
        max-height: 70vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-75vh {
        max-height: 75vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-80vh {
        max-height: 80vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-85vh {
        max-height: 85vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-90vh {
        max-height: 90vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-95vh {
        max-height: 95vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-100vh {
        max-height: 100vh;
        overflow-y: auto;
    }

    .back-to-top-container.max-height-no-limitvh, .back-to-top-container.max-height-nonevh {
        max-height: none;
    }

.back-to-top-button {
    bottom: 2rem;
    opacity: .7;
    position: fixed;
    right: 3rem;
    z-index: 2;
}

.generic-button-container {
    line-height: 1rem;
    position: relative;
}

    .generic-button-container .button-badge {
        border: 2px dashed;
        border-radius: .5rem;
        font-size: .8rem;
        font-weight: 700;
        left: 50%;
        line-height: .8rem;
        padding: .15rem .25rem;
        position: absolute;
        text-align: center;
        top: -.2rem;
        transform: translate(-50%,-50%);
    }

    .generic-button-container:hover {
        transition-duration: .25s;
    }

    .generic-button-container button {
        cursor: pointer;
    }

        .generic-button-container button:disabled {
            cursor: not-allowed;
            opacity: .6;
        }

    .generic-button-container.cursor-default button {
        cursor: default;
    }

    .generic-button-container .button-action-confirmation span:first-child {
        display: block;
        margin-bottom: .5rem;
    }

    .generic-button-container .normal-button {
        border: 1px solid transparent;
        border-radius: 1rem;
        box-shadow: none;
        display: inline-block;
        outline: none;
        text-align: center;
        text-decoration: none;
        transition-duration: .25s;
    }

        .generic-button-container .normal-button.theme-default {
            background: #fcfcfc;
            border-color: #004bae;
            color: #004bae;
        }

            .generic-button-container .normal-button.theme-default:not(.disable-hover):hover {
                background: #fff;
                border-color: #00357b;
                color: #00357b;
            }

            .generic-button-container .normal-button.theme-default.invert-theme {
                background: #004bae;
                border-color: #fcfcfc;
                color: #fcfcfc;
            }

                .generic-button-container .normal-button.theme-default.invert-theme:not(.disable-hover):hover {
                    background: #00357b;
                    border-color: #fff;
                    color: #fff;
                }

        .generic-button-container .normal-button.theme-green {
            background: #fcfcfc;
            border-color: #4e8e4e;
            color: #4e8e4e;
        }

            .generic-button-container .normal-button.theme-green:not(.disable-hover):hover {
                background: #fff;
                border-color: #3c6d3c;
                color: #3c6d3c;
            }

            .generic-button-container .normal-button.theme-green.invert-theme {
                background: #4e8e4e;
                border-color: #fcfcfc;
                color: #fcfcfc;
            }

                .generic-button-container .normal-button.theme-green.invert-theme:not(.disable-hover):hover {
                    background: #3c6d3c;
                    border-color: #fff;
                    color: #fff;
                }

        .generic-button-container .normal-button.theme-warning {
            background: #fcfcfc;
            border-color: #ff1e1e;
            color: #ff1e1e;
        }

            .generic-button-container .normal-button.theme-warning:not(.disable-hover):hover {
                background: #fff;
                border-color: #ea0000;
                color: #ea0000;
            }

            .generic-button-container .normal-button.theme-warning.invert-theme {
                background: #ff1e1e;
                border-color: #fcfcfc;
                color: #fcfcfc;
            }

                .generic-button-container .normal-button.theme-warning.invert-theme:not(.disable-hover):hover {
                    background: #ea0000;
                    border-color: #fff;
                    color: #fff;
                }

        .generic-button-container .normal-button.theme-gray {
            background: #fcfcfc;
            border-color: #4a4a4a;
            color: #4a4a4a;
        }

            .generic-button-container .normal-button.theme-gray:not(.disable-hover):hover {
                background: #fff;
                border-color: #313131;
                color: #313131;
            }

            .generic-button-container .normal-button.theme-gray.invert-theme {
                background: #4a4a4a;
                border-color: #fcfcfc;
                color: #fcfcfc;
            }

                .generic-button-container .normal-button.theme-gray.invert-theme:not(.disable-hover):hover {
                    background: #313131;
                    border-color: #fff;
                    color: #fff;
                }

        .generic-button-container .normal-button.theme-transparent {
            background-color: transparent;
            border-color: transparent;
            color: transparent;
            cursor: default;
            pointer-events: none;
            visibility: none;
        }

        .generic-button-container .normal-button:not(:last-child) {
            margin-right: 1rem;
        }

        .generic-button-container .normal-button.size-small {
            font-size: .75rem;
            padding: .5rem;
        }

            .generic-button-container .normal-button.size-small.rounding-minimal {
                border-radius: .25rem;
            }

            .generic-button-container .normal-button.size-small.rounding-pill {
                border-radius: 1rem;
            }

            .generic-button-container .normal-button.size-small > span:not(:last-child) {
                margin-right: .4rem;
            }

        .generic-button-container .normal-button.size-medium {
            font-size: 1rem;
            padding: .65rem 1rem;
        }

            .generic-button-container .normal-button.size-medium.rounding-minimal {
                border-radius: .4rem;
            }

            .generic-button-container .normal-button.size-medium.rounding-pill {
                border-radius: 1.25rem;
            }

            .generic-button-container .normal-button.size-medium > span:not(:last-child) {
                margin-right: .6rem;
            }

        .generic-button-container .normal-button.size-large {
            font-size: 1.25rem;
            padding: .75rem 1.5rem;
            white-space: pre;
        }

            .generic-button-container .normal-button.size-large.rounding-minimal {
                border-radius: .5rem;
            }

            .generic-button-container .normal-button.size-large.rounding-pill {
                border-radius: 1.5rem;
            }

            .generic-button-container .normal-button.size-large > span:not(:last-child) {
                margin-right: .75rem;
            }

    .generic-button-container .icon-button {
        background: none;
        border-radius: 50%;
    }

        .generic-button-container .icon-button.hide-border {
            border: none;
        }

        .generic-button-container .icon-button.theme-default .main-icon {
            color: #004bae;
        }

            .generic-button-container .icon-button.theme-default .main-icon:hover {
                color: #00357b;
            }

        .generic-button-container .icon-button.theme-green .main-icon {
            color: #4e8e4e;
        }

            .generic-button-container .icon-button.theme-green .main-icon:hover {
                color: #3c6d3c;
            }

        .generic-button-container .icon-button.theme-warning .main-icon {
            color: #ff1e1e;
        }

            .generic-button-container .icon-button.theme-warning .main-icon:hover {
                color: #ff5151;
            }

        .generic-button-container .icon-button.theme-gray .main-icon {
            color: #4a4a4a;
        }

            .generic-button-container .icon-button.theme-gray .main-icon:hover {
                color: #313131;
            }

        .generic-button-container .icon-button.theme-transparent {
            background-color: transparent;
            border-color: transparent;
            color: transparent;
            cursor: default;
            pointer-events: none;
            visibility: none;
        }

        .generic-button-container .icon-button .main-icon {
            zoom: 1.1;
            border-radius: 50%;
            cursor: pointer;
            height: 1.5rem;
            line-height: 1.5rem;
            text-align: center;
            width: 1.5rem;
        }

            .generic-button-container .icon-button .main-icon:hover {
                font-weight: 700;
                transition: transform .25sec;
            }

.attachments-container-main .instruction-note {
    font-size: 110%;
    margin-bottom: 2rem;
}

.attachments-container-main .preview-and-selector-wrapper.with-selection-panel {
    display: flex;
    flex-direction: column;
}

    .attachments-container-main .preview-and-selector-wrapper.with-selection-panel.selector-pos-right {
        display: flex;
        flex-direction: row-reverse;
    }

        .attachments-container-main .preview-and-selector-wrapper.with-selection-panel.selector-pos-right > .related-documents-container {
            width: 40%;
        }

        .attachments-container-main .preview-and-selector-wrapper.with-selection-panel.selector-pos-right > .preview-or-add-container-wrapper {
            flex: 1;
            flex-direction: row-reverse!important;
            margin-right: 1rem;
        }

.attachments-container-main .finish-upload-message {
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
}

.attachments-container-main.no-files-in-preview-grid > .container-body {
    padding: 0!important;
}

.attachments-container-main > .container-body {
    display: flex;
    flex-direction: column!important;
    min-height: 20rem;
}

    .attachments-container-main > .container-body .preview-or-add-container-wrapper {
        flex: 1;
        height: 100%;
        min-height: 0;
        width: 100%;
    }

    .attachments-container-main > .container-body .related-documents-container {
        border-bottom: 1px solid #d3d3d3;
        height: 25vh;
        overflow: auto;
    }

        .attachments-container-main > .container-body .related-documents-container .related-docs-title {
            background-color: #fafafa;
            font-size: .8rem;
            margin: .25rem 0;
            padding: .25rem .5rem;
            width: fit-content;
        }

        .attachments-container-main > .container-body .related-documents-container .docs-for-selection-grid {
            height: 8rem;
        }

            .attachments-container-main > .container-body .related-documents-container .docs-for-selection-grid .file-actions-button-bar {
                padding: .15rem .25rem;
            }

                .attachments-container-main > .container-body .related-documents-container .docs-for-selection-grid .file-actions-button-bar .generic-button-container .icon-button .main-icon {
                    zoom: 1;
                    font-size: .8rem;
                    height: 1rem;
                    line-height: 1rem;
                    width: 1rem;
                }

.container-with-title.box-shadow {
    box-shadow: none;
}

.container-with-title:not(:last-child) {
    margin-bottom: 1rem;
}

.container-with-title > .container-header {
    align-items: center;
    background: #d2e5ff;
    border-radius: .25rem .25rem 0 0;
    color: #000;
    display: flex;
    font-size: 1rem;
    height: 3rem;
    justify-content: flex-start;
    padding: 0 1rem;
    position: relative;
}

    .container-with-title > .container-header.transparent-header {
        background: none;
        padding: 0;
    }

    .container-with-title > .container-header > .container-title {
        align-items: center;
        display: flex;
        flex: 1;
        text-transform: uppercase;
    }

        .container-with-title > .container-header > .container-title > span {
            margin-right: 1rem;
        }

        .container-with-title > .container-header > .container-title .toggle-icon {
            cursor: pointer;
        }

    .container-with-title > .container-header .container-header-optional-elements {
        margin-left: auto;
    }

.container-with-title.with-borders {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem;
}

    .container-with-title.with-borders > .container-body, .container-with-title.with-horizontal-padding > .container-body {
        padding: 1.5rem;
    }

.container-with-title > .container-body {
    align-items: center;
    box-sizing: border-box;
    flex-direction: row;
    height: auto;
    overflow-y: auto;
    padding: 1.5rem 0;
    scrollbar-gutter: stable;
}

    .container-with-title > .container-body.collapsed {
        height: 0;
        margin: 0;
        overflow: hidden;
        padding: 0;
        visibility: hidden;
    }

.tooltip-icon {
    cursor: pointer;
}

.attachment-section-container {
    text-align: center;
}

    .attachment-section-container .attachment-button-wrapper {
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .attachment-section-container .attachment-button-wrapper input {
            height: 0;
            visibility: hidden;
            width: 0;
        }

    .attachment-section-container .files-display-grid {
        margin-top: .5rem;
    }

    .attachment-section-container .main-icon {
        font-size: .9rem;
    }

.flex-container {
    align-items: center;
}

    .flex-container > :not(:last-child) {
        margin-right: 1rem;
    }

    .flex-container.h-margin-small > :not(:last-child) {
        margin-right: .5rem;
    }

    .flex-container.h-margin-large > :not(:last-child) {
        margin-right: 1.5rem;
    }

    .flex-container.h-margin-xlarge > :not(:last-child) {
        margin-right: 2rem;
    }

.file-or-doc-display-grid {
    height: 100%;
    min-height: 0;
}

    .file-or-doc-display-grid > * {
        overflow-y: auto;
    }

    .file-or-doc-display-grid > ::-webkit-scrollbar {
        border-radius: 1rem;
        width: .4rem;
    }

    .file-or-doc-display-grid > ::-webkit-scrollbar-thumb {
        background-color: #c3dcff;
        border-radius: 1rem;
    }

    .file-or-doc-display-grid .new-file-wrapper {
        position: relative;
    }

        .file-or-doc-display-grid .new-file-wrapper .new-file-symbol {
            background-color: #fff;
            background-color: var(--theme-foreground-color);
            border-radius: 1rem;
            font-size: .6rem;
            font-weight: 700;
            left: .25rem;
            padding: .25rem;
            position: absolute;
            top: .25rem;
        }

            .file-or-doc-display-grid .new-file-wrapper .new-file-symbol, .file-or-doc-display-grid .new-file-wrapper .new-file-symbol a {
                color: rgba(218,65,243,.102);
                color: var(--theme-background-color);
            }

.center-and-middle-aligned-wrapper {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 1rem;
    text-align: center;
}

.multi-column-grid {
    display: grid;
    gap: 1.5rem .5rem;
}

    .multi-column-grid > * {
        min-height: 0;
        min-width: 0;
    }

    .multi-column-grid.num-columns-1 {
        gap: 1.5rem 0;
        grid-template-columns: 1fr;
        justify-content: center;
    }

    .multi-column-grid.num-columns-2 {
        gap: 1rem .5rem;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .multi-column-grid.num-columns-3 {
        gap: 1rem .5rem;
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .multi-column-grid.num-columns-4 {
        gap: 1rem .5rem;
        grid-template-columns: repeat(4,minmax(0,1fr));
    }

    .multi-column-grid .full-width-grid-item {
        grid-column: 1/-1;
    }

    .multi-column-grid img {
        margin: auto;
        max-width: 100%;
    }

.file-or-doc-container {
    border: .5px solid rgba(0,0,0,.2);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
}

    .file-or-doc-container .file-actual-contents-container {
        align-items: center;
        display: flex;
        flex: 1;
        justify-content: center;
    }

    .file-or-doc-container .expanded-preview-modal img {
        max-width: 100%;
        width: auto;
    }

.file-actions-button-bar {
    background-color: #fafafa;
    padding: .25rem .5rem;
}

    .file-actions-button-bar > :not(:last-child) {
        margin-right: .5rem!important;
    }

    .file-actions-button-bar > :first-child {
        margin-right: auto!important;
    }

    .file-actions-button-bar .generic-checkbox .checkbox-label {
        font-size: .9rem;
    }

    .file-actions-button-bar .generic-checkbox input[type=checkbox] {
        zoom: 1;
    }

    .file-actions-button-bar .zoom-pan-header {
        align-items: center;
        display: flex;
    }

        .file-actions-button-bar .zoom-pan-header > :not(:last-child) {
            margin-right: .25rem;
        }

.image-or-title-container {
    text-align: center;
    width: 100%;
}

.file-preview-name-only {
    border: 1px dotted #339dff;
    padding: 1rem;
    text-align: center;
}

    .file-preview-name-only .file-name {
        font-size: 150%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.zoom-pan-container .zoom-pan-wrapper {
    text-align: center;
    width: 100%;
}

    .zoom-pan-container .zoom-pan-wrapper > * {
        margin: auto;
    }

    .zoom-pan-container .zoom-pan-wrapper img {
        margin: auto;
        max-width: 100%;
    }

.pdf-preview-container .pdf-preview-header {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: .5rem 0;
}

    .pdf-preview-container .pdf-preview-header .page-number-display {
        font-size: .8rem;
        margin: 0 .5rem;
    }

.pdf-preview-container .pdf-canvas-wrapper {
    max-height: 80vh;
    overflow: auto;
}

    .pdf-preview-container .pdf-canvas-wrapper::-webkit-scrollbar {
        height: .8rem;
        width: .8rem;
    }

    .pdf-preview-container .pdf-canvas-wrapper::-webkit-scrollbar-track {
        background: rgba(195,220,255,.6);
    }

    .pdf-preview-container .pdf-canvas-wrapper::-webkit-scrollbar-thumb {
        background-color: #c3dcff;
        border: 1px solid rgba(195,220,255,.6);
        border-radius: .4rem;
    }

.pdf-preview-container .pdf-canvas-wrapper {
    scrollbar-face-color: #c3dcff;
    scrollbar-track-color: rgba(195,220,255,.6);
    scroll-behavior: rgba(195,220,255,.6) rgba(195,220,255,.6);
    scrollbar-color: #c3dcff rgba(195,220,255,.6);
    scrollbar-width: thin;
}

    .pdf-preview-container .pdf-canvas-wrapper .canvas-pdf-preview {
        border: 1px solid #d3d3d3;
        height: auto;
        width: 100%;
    }

.document-display-container img {
    margin: auto;
    max-height: 80vh;
    max-width: 100%;
}

.modal-overlay {
    background: rgba(0,0,0,.8);
    height: 100vh;
    width: 100vw;
    z-index: 1;
}

    .modal-overlay.mode-outer {
        left: 0;
        position: fixed;
        top: 0;
    }

    .modal-content, .modal-overlay.mode-inner {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.modal-content {
    background: #fff;
    border-radius: .25rem;
    max-width: 100vw;
}

    .modal-content .modal-action-buttons {
        position: absolute;
        right: -.2rem;
        top: 1.2rem;
        transform: translate(-50%,-50%);
        z-index: 1;
    }

        .modal-content .modal-action-buttons > :not(:last-child) {
            margin-bottom: .5rem;
        }

    .modal-content.default {
        width: 25%;
    }

    .modal-content.width-5 {
        width: 5%;
    }

    .modal-content.width-10 {
        width: 10%;
    }

    .modal-content.width-15 {
        width: 15%;
    }

    .modal-content.width-20 {
        width: 20%;
    }

    .modal-content.width-25 {
        width: 25%;
    }

    .modal-content.width-30 {
        width: 30%;
    }

    .modal-content.width-35 {
        width: 35%;
    }

    .modal-content.width-40 {
        width: 40%;
    }

    .modal-content.width-45 {
        width: 45%;
    }

    .modal-content.width-50 {
        width: 50%;
    }

    .modal-content.width-55 {
        width: 55%;
    }

    .modal-content.width-60 {
        width: 60%;
    }

    .modal-content.width-65 {
        width: 65%;
    }

    .modal-content.width-70 {
        width: 70%;
    }

    .modal-content.width-75 {
        width: 75%;
    }

    .modal-content.width-80 {
        width: 80%;
    }

    .modal-content.width-85 {
        width: 85%;
    }

    .modal-content.width-90 {
        width: 90%;
    }

    .modal-content.width-95 {
        width: 95%;
    }

    .modal-content.width-100 {
        width: 100%;
    }

    .modal-content .modal-body-wrapper.has-title-bar > .container-with-title > .container-body, .modal-content .modal-body-wrapper.without-title-bar {
        max-height: 90vh;
        overflow-y: auto;
    }

    .modal-content.width-full {
        height: 100vh;
        width: 100vw;
    }

        .modal-content.width-full .modal-body-wrapper.has-title-bar > .container-with-title > .container-body {
            max-height: calc(100vh - 3rem);
        }

        .modal-content.width-full .modal-body-wrapper.without-title-bar {
            max-height: 100vh;
        }

.generic-checkbox {
    align-items: center;
    display: flex;
}

    .generic-checkbox input[type=checkbox] {
        zoom: 1.25;
        margin-right: .25rem;
    }

    .generic-checkbox .checkbox-label {
        display: inline-block;
        vertical-align: middle;
    }

.privacy-and-terms-container header {
    background-color: #fff;
    border-bottom: 1px solid;
    padding: 1rem;
}

.privacy-and-terms-container main {
    padding: 1rem;
}

    .privacy-and-terms-container main section {
        border: 1px solid;
        border-radius: .5rem;
        margin-bottom: 1rem;
        padding: 1rem;
    }

        .privacy-and-terms-container main section p {
            color: gray;
            line-height: 1.6;
        }

.dynamic-list-with-add-remove {
    margin-bottom: 2rem;
}

    .dynamic-list-with-add-remove .add-more-action {
        text-align: right;
        width: calc(100% - 3rem);
    }

    .dynamic-list-with-add-remove .dynamic-list-item-wrapper {
        display: flex;
        width: 100%;
    }

        .dynamic-list-with-add-remove .dynamic-list-item-wrapper .component-wrapper {
            margin-bottom: 1rem;
            width: calc(100% - 3rem);
        }

        .dynamic-list-with-add-remove .dynamic-list-item-wrapper.is-removed {
            display: none;
            height: 0;
            margin: 0;
            visibility: hidden;
            width: 0;
        }

        .dynamic-list-with-add-remove .dynamic-list-item-wrapper .add-remove-buttons .dynamic-dlt-btn {
            margin: .5rem 0 0;
        }

.form-fields-container .full-width-input {
    grid-column: 1/-1;
}

.form-fields-container .subform-container {
    border: 1px solid #d3d3d3;
    border-radius: .5rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding: 1rem;
}

    .form-fields-container .subform-container .subform-fields-grid {
        margin-top: 1.5rem;
    }

    .form-fields-container .subform-container.is-inactive > .subform-fields-grid {
        display: none;
        height: 0;
        visibility: hidden;
        width: 0;
    }

input:-webkit-autofill {
    -webkit-background-clip: text!important;
}

.material-input-container {
    align-items: center;
    display: flex;
    width: 100%;
}

    .material-input-container.width-5 {
        width: 5%;
    }

    .material-input-container.width-10 {
        width: 10%;
    }

    .material-input-container.width-15 {
        width: 15%;
    }

    .material-input-container.width-20 {
        width: 20%;
    }

    .material-input-container.width-25 {
        width: 25%;
    }

    .material-input-container.width-30 {
        width: 30%;
    }

    .material-input-container.width-35 {
        width: 35%;
    }

    .material-input-container.width-40 {
        width: 40%;
    }

    .material-input-container.width-45 {
        width: 45%;
    }

    .material-input-container.width-50 {
        width: 50%;
    }

    .material-input-container.width-55 {
        width: 55%;
    }

    .material-input-container.width-60 {
        width: 60%;
    }

    .material-input-container.width-65 {
        width: 65%;
    }

    .material-input-container.width-70 {
        width: 70%;
    }

    .material-input-container.width-75 {
        width: 75%;
    }

    .material-input-container.width-80 {
        width: 80%;
    }

    .material-input-container.width-85 {
        width: 85%;
    }

    .material-input-container.width-90 {
        width: 90%;
    }

    .material-input-container.width-95 {
        width: 95%;
    }

    .material-input-container.width-100 {
        width: 100%;
    }

    .material-input-container.for-type-hidden {
        display: none;
    }

    .material-input-container.readonly-input .input-and-label-wrapper .input-element {
        border: .5px solid #dcdcdc;
    }

    .material-input-container.modified-value .input-and-label-wrapper .input-element {
        border: 1px solid rgba(50,150,50,.9);
    }

    .material-input-container .input-and-label-wrapper {
        display: inline-block;
        flex: 1;
        position: relative;
        width: 100%;
    }

        .material-input-container .input-and-label-wrapper i {
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }

        .material-input-container .input-and-label-wrapper .input-element {
            background: #fff;
            border: .5px solid #a8a8a8;
            border-radius: .25rem;
            font-size: 1rem;
            padding: .75rem 1rem;
            width: 100%;
        }

@media (max-width:768px) {
    .material-input-container .input-and-label-wrapper .input-element {
        padding: .5rem .75rem;
    }
}

.material-input-container .input-and-label-wrapper .input-element::placeholder {
    color: #3b3b3b;
    white-space: pre-wrap;
}

.material-input-container .input-and-label-wrapper .input-label {
    background: #fff;
    left: 0;
    opacity: .2;
    padding: .55rem .25rem 0 1rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s,transform .2s;
}

@media (max-width:768px) {
    .material-input-container .input-and-label-wrapper .input-label {
        font-size: .8rem;
        padding: .35rem .25rem 0 .75rem;
    }
}

.material-input-container .input-and-label-wrapper .input-label .required-asterisk {
    color: red;
    margin-left: 2px;
}

.material-input-container .input-and-label-wrapper .flatpickr-wrapper + .input-label, .material-input-container .input-and-label-wrapper .input-element.actual-type-date + .input-label, .material-input-container .input-and-label-wrapper .input-element.actual-type-datetime-local + .input-label, .material-input-container .input-and-label-wrapper .input-element:focus + .input-label, .material-input-container .input-and-label-wrapper .input-element:not(:placeholder-shown) + .input-label, .material-input-container .input-and-label-wrapper .input-label.for-searchable-select, .material-input-container .input-and-label-wrapper .input-label.for-textarea {
    border-radius: .25rem;
    font-size: .8rem;
    opacity: 1;
    padding: .25rem .35rem .05rem;
    transform: translate(.5rem,-.8rem);
}

.material-input-container .input-and-label-wrapper input:read-only, .material-input-container .input-and-label-wrapper textarea:read-only {
    background-color: #fbfbfb;
    color: #1d1d1d;
    opacity: 1;
}

.material-input-container .input-and-label-wrapper input:focus, .material-input-container .input-and-label-wrapper textarea:focus {
    outline: none;
}

.ss-content .show-only-when-selecting {
    display: inline-block;
    margin-left: .5rem;
}

.searchable-dropdown {
    width: 100%;
}

    .searchable-dropdown.rounded-corners .ss-main {
        border-radius: 1.5rem;
    }

    .searchable-dropdown .ss-deselct {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .searchable-dropdown.has-deselection-icon .ss-main .ss-values {
        width: calc(100% - 3rem);
    }

    .searchable-dropdown .ss-main {
        padding: .55rem 1rem;
    }

        .searchable-dropdown .ss-main:focus {
            box-shadow: 0 0 2px var(--ss-focus-color);
        }

        .searchable-dropdown .ss-main .ss-values {
            display: block;
            width: 100%;
        }

            .searchable-dropdown .ss-main .ss-values .show-only-when-selecting {
                display: none;
            }

            .searchable-dropdown .ss-main .ss-values .ss-single {
                display: block;
                min-height: 1.5rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
            }

                .searchable-dropdown .ss-main .ss-values .ss-single .added-value {
                    font-style: italic;
                }

        .searchable-dropdown .ss-main .ss-content .ss-option {
            min-height: 1.5rem;
        }

        .searchable-dropdown .ss-main.ss-disabled {
            background-color: #fbfbfb;
            color: #1d1d1d;
            opacity: 1;
        }

.confirmation-dialog-contents {
    padding: 1rem;
}

    .confirmation-dialog-contents .main-message {
        margin: 1rem 0;
    }

.dropdown-input-wrapper {
    display: flex;
    width: 100%;
}

    .dropdown-input-wrapper .dropdown-icon {
        color: #000;
        font-size: .9rem;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.theme-form-drop-down .dropdown-input-wrapper {
    align-items: center;
}

    .theme-form-drop-down .dropdown-input-wrapper > :not(:last-child) {
        margin-right: .5rem;
    }

.theme-form-drop-down .dropdown-inputbox-container {
    cursor: pointer;
    position: relative;
    width: 100%;
}

    .theme-form-drop-down .dropdown-inputbox-container select {
        appearance: none;
        border: 1px solid #a8a8a8;
        border-radius: 4px;
        font-size: 1rem;
        padding: .75rem 1rem;
        width: 100%;
    }

        .theme-form-drop-down .dropdown-inputbox-container select:focus {
            outline: none;
        }

    .theme-form-drop-down .dropdown-inputbox-container label {
        background-color: #fff;
        color: #000;
        font-size: 90%;
        left: .5rem;
        padding: 0 .25rem;
        position: absolute;
        top: -.65rem;
        z-index: 1;
    }

.generic-report-card .report-card-documents-container {
    margin-top: 1rem;
}

    .generic-report-card .report-card-documents-container .docs-title {
        margin-bottom: .5rem;
    }

.generic-report-card .key-of-child {
    font-weight: 400;
}

.generic-report-card-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .generic-report-card-parent .generic-report-card-child {
        align-items: center;
        display: flex;
        margin: .5rem 0;
    }

        .generic-report-card-parent .generic-report-card-child.two-columns {
            width: 50%;
        }

        .generic-report-card-parent .generic-report-card-child.single-column {
            width: 100%;
        }

        .generic-report-card-parent .generic-report-card-child.three-columns {
            width: 33.33%;
        }

        .generic-report-card-parent .generic-report-card-child .key-of-child {
            width: 45%;
        }

        .generic-report-card-parent .generic-report-card-child .value-of-child {
            word-wrap: break-word;
            padding-left: .25rem;
            width: 55%;
        }

.generic-table-with-search .main-table-container {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem .5rem 0 0;
    box-shadow: none;
}

.generic-table-with-search .table-body-container {
    max-height: 21rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
    width: calc(100% - 1px);
}

    .generic-table-with-search .table-body-container.max-height-5vh {
        max-height: 5vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-10vh {
        max-height: 10vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-15vh {
        max-height: 15vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-20vh {
        max-height: 20vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-25vh {
        max-height: 25vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-30vh {
        max-height: 30vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-35vh {
        max-height: 35vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-40vh {
        max-height: 40vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-45vh {
        max-height: 45vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-50vh {
        max-height: 50vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-55vh {
        max-height: 55vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-60vh {
        max-height: 60vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-65vh {
        max-height: 65vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-70vh {
        max-height: 70vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-75vh {
        max-height: 75vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-80vh {
        max-height: 80vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-85vh {
        max-height: 85vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-90vh {
        max-height: 90vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-95vh {
        max-height: 95vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-100vh {
        max-height: 100vh;
        overflow-y: auto;
    }

    .generic-table-with-search .table-body-container.max-height-no-limitvh, .generic-table-with-search .table-body-container.max-height-nonevh {
        max-height: none;
    }

.generic-table-with-search ::-webkit-scrollbar {
    border-radius: 1rem;
}

.generic-table-with-search ::-webkit-scrollbar-thumb {
    background-color: #c3dcff;
    border-radius: 1rem;
}

.generic-table-with-search.highlight-first-column .table-row > div:first-child {
    font-weight: 700;
}

.generic-table-with-search .table-title-bar {
    align-items: center;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    margin: .5rem 0 1rem;
    width: 100%;
}

    .generic-table-with-search .table-title-bar .title-and-main-action {
        align-items: center;
        display: flex;
    }

        .generic-table-with-search .table-title-bar .title-and-main-action > span {
            line-height: 2.5rem;
            min-height: 2.5rem;
        }

        .generic-table-with-search .table-title-bar .title-and-main-action > :not(:last-child) {
            margin-right: 1rem;
        }

    .generic-table-with-search .table-title-bar .table-title {
        font-size: 1.15rem;
        font-weight: 600;
    }

.generic-table-with-search .table-row {
    border-radius: .25rem;
    display: flex;
}

    .generic-table-with-search .table-row:not(.row-height-small) > .table-cell {
        height: 3.5rem;
    }

    .generic-table-with-search .table-row.row-height-small > .table-cell {
        height: 2.5rem;
    }

    .generic-table-with-search .table-row:not(.display-full-text) > .table-cell > .cell-value {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .generic-table-with-search .table-row.display-full-text .table-cell {
        height: auto;
        padding-bottom: .5rem;
        padding-top: .5rem;
    }

    .generic-table-with-search .table-row .table-cell {
        align-items: center;
        display: flex;
        overflow: hidden;
        padding: 0 1rem;
    }

        .generic-table-with-search .table-row .table-cell .sort-icon {
            cursor: pointer;
            margin-right: .25rem;
        }

@media (max-width:1024px) {
    .generic-table-with-search .table-row .table-cell {
        padding: 0 .5rem;
    }
}

.generic-table-with-search .table-row .cell-margin-left {
    margin-left: 1.5vw;
}

.generic-table-with-search .table-row .icon-column {
    width: 1.5rem;
}

.generic-table-with-search .table-row .width-5 {
    width: 5%;
}

.generic-table-with-search .table-row .width-10 {
    width: 10%;
}

.generic-table-with-search .table-row .width-15 {
    width: 15%;
}

.generic-table-with-search .table-row .width-20 {
    width: 20%;
}

.generic-table-with-search .table-row .width-25 {
    width: 25%;
}

.generic-table-with-search .table-row .width-30 {
    width: 30%;
}

.generic-table-with-search .table-row .width-35 {
    width: 35%;
}

.generic-table-with-search .table-row .width-40 {
    width: 40%;
}

.generic-table-with-search .table-row .width-45 {
    width: 45%;
}

.generic-table-with-search .table-row .width-50 {
    width: 50%;
}

.generic-table-with-search .table-row .width-55 {
    width: 55%;
}

.generic-table-with-search .table-row .width-60 {
    width: 60%;
}

.generic-table-with-search .table-row .width-65 {
    width: 65%;
}

.generic-table-with-search .table-row .width-70 {
    width: 70%;
}

.generic-table-with-search .table-row .width-75 {
    width: 75%;
}

.generic-table-with-search .table-row .width-80 {
    width: 80%;
}

.generic-table-with-search .table-row .width-85 {
    width: 85%;
}

.generic-table-with-search .table-row .width-90 {
    width: 90%;
}

.generic-table-with-search .table-row .width-95 {
    width: 95%;
}

.generic-table-with-search .table-row .width-100 {
    width: 100%;
}

@media (max-width:1024px) {
    .generic-table-with-search .table-row {
        align-items: center;
        font-size: 70%;
        max-height: 2rem;
    }

        .generic-table-with-search .table-row .width-30, .generic-table-with-search .table-row .width-35, .generic-table-with-search .table-row .width-40, .generic-table-with-search .table-row .width-45, .generic-table-with-search .table-row .width-70 {
            width: 100%;
        }
}

.generic-table-with-search .header-row {
    background: #d2e5ff;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem .5rem 0 0;
    color: #000;
    font-weight: 700;
    text-align: left;
}

.generic-table-with-search .header-theme-light .header-row {
    background: #ecf4ff;
}

.generic-table-with-search .data-row {
    background-color: #fff;
}

    .generic-table-with-search .data-row:nth-child(2n) {
        background: rgba(229,231,234,.251);
        text-align: left;
    }

    .generic-table-with-search .data-row.blank-row-message {
        justify-content: center;
    }

.search-bar {
    align-items: center;
    display: flex;
    padding-left: .5rem;
}

.search-bar-container {
    color: #000;
    display: flex;
    height: 100%;
    padding: .25rem 0;
    width: 100%;
}

    .search-bar-container .search-bar-finder {
        background: #fff;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 2rem;
        padding: .5rem;
    }

    .search-bar-container .main-icon {
        color: #939393;
        font-size: .8rem;
        line-height: 1rem;
    }

    .search-bar-container .search-bar-finder input {
        background-color: transparent;
        border: none;
        font-size: .8rem;
        letter-spacing: .75px;
        line-height: 1rem;
        outline: none;
        padding-left: .5rem;
        width: 15rem;
    }

@media (max-width:1024px) {
    .search-bar-container .search-bar-finder input {
        width: 10rem;
    }
}

.generic-table-with-pagination .pagination-flex-container {
    align-items: center;
    display: flex;
    justify-content: right;
    padding: 1rem;
}

    .generic-table-with-pagination .pagination-flex-container .dropdown-inputbox-container {
        font-size: .85rem;
        width: 5rem;
    }

        .generic-table-with-pagination .pagination-flex-container .dropdown-inputbox-container select {
            font-size: .85rem;
        }

    .generic-table-with-pagination .pagination-flex-container .info-message-text {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .generic-table-with-pagination .pagination-flex-container .info-message-text span {
            font-size: .9rem;
            line-height: .9rem;
        }

            .generic-table-with-pagination .pagination-flex-container .info-message-text span:last-child {
                font-size: .85rem;
                line-height: .85rem;
                margin-top: .25rem;
            }

    .generic-table-with-pagination .pagination-flex-container > :not(:last-child) {
        margin-right: .5rem;
    }

    .generic-table-with-pagination .pagination-flex-container .pagination-button .normal-button {
        font-size: 1rem;
        padding: .5rem;
    }

        .generic-table-with-pagination .pagination-flex-container .pagination-button .normal-button .main-icon {
            width: 1rem;
        }

.horizontal-nav-bar {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
}

    .horizontal-nav-bar .right-panel-container {
        align-items: center;
        border: .5px solid #d7e4f6;
        border-radius: .5rem;
        display: flex;
        padding: .5rem .25rem;
    }

        .horizontal-nav-bar .right-panel-container > * {
            padding: .25rem 1rem;
        }

        .horizontal-nav-bar .right-panel-container > :not(:last-child) {
            border-right: 1px solid rgba(0,0,0,.2);
        }

        .horizontal-nav-bar .right-panel-container .profile-userName {
            display: flex;
        }

            .horizontal-nav-bar .right-panel-container .profile-userName > :first-child {
                padding: 0 .75rem 0 0;
            }

        .horizontal-nav-bar .right-panel-container .profile-dropdown-container {
            display: inline-block;
            padding: .25rem .5rem;
            position: relative;
        }

            .horizontal-nav-bar .right-panel-container .profile-dropdown-container .profile-dropdown-btn {
                border-radius: 50%;
                font-size: .75rem;
                height: 1.5rem;
                padding: .25rem 0 0 .35rem;
                width: 1.5rem;
            }

                .horizontal-nav-bar .right-panel-container .profile-dropdown-container .profile-dropdown-btn:hover {
                    background-color: #d2e5ff;
                    transition: 1s;
                }

        .horizontal-nav-bar .right-panel-container .profile-dropdown-box {
            background-color: #fff;
            border-radius: .5rem;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
            cursor: pointer;
            display: none;
            justify-content: center;
            position: absolute;
            right: 0;
            width: 7rem;
            z-index: 1;
        }

        .horizontal-nav-bar .right-panel-container .dropdown-content-row {
            padding: .5rem;
        }

            .horizontal-nav-bar .right-panel-container .dropdown-content-row span {
                color: #000;
                padding: .5rem .25rem .25rem;
            }

            .horizontal-nav-bar .right-panel-container .dropdown-content-row:hover {
                background: rgba(152,226,255,.259);
            }

        .horizontal-nav-bar .right-panel-container .profile-dropdown-box span:hover {
            cursor: pointer;
        }

        .horizontal-nav-bar .right-panel-container .profile-dropdown-container:hover .profile-dropdown-box {
            display: block;
        }

        .horizontal-nav-bar .right-panel-container .profile-dropdown-container:hover .profile-dropdown-btn {
            background: hsla(0,0%,93%,.259);
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }

.client-selector-wrapper .material-input-container {
    font-weight: 700;
    width: 20rem;
}

    .client-selector-wrapper .material-input-container .ss-option, .client-selector-wrapper .material-input-container .ss-single {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 16rem;
    }

@media (max-width:768px) {
    .client-selector-wrapper .material-input-container {
        width: 15rem;
    }

        .client-selector-wrapper .material-input-container .ss-option, .client-selector-wrapper .material-input-container .ss-single {
            width: 11rem;
        }
}

.client-services-display-container.mode-list {
    align-items: center;
    display: flex;
}

    .client-services-display-container.mode-list > :not(:last-child) {
        margin-right: .5rem;
    }

.client-services-display-container.mode-grid > :not(:last-child) {
    margin-top: .5rem;
}

.client-services-list-display {
    align-items: center;
    color: #1c6cb2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .client-services-list-display.mode-list > :not(:last-child) {
        margin-right: .5rem;
    }

    .client-services-list-display.mode-grid > * {
        border: 1px solid #f5f5f5;
        border-radius: 1rem;
        display: flex;
        margin: .5rem 1rem;
        padding: .5rem 1rem;
    }

        .client-services-list-display.mode-grid > * .service-icon {
            font-size: 1.1rem;
        }

    .client-services-list-display > .is-selected {
        background-color: rgba(218,65,243,.102);
        color: #000;
    }

.tabs-container .header-and-actions-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.tabs-container .tabs-header-container {
    align-items: center;
    color: #000;
    display: flex;
}

    .tabs-container .tabs-header-container .tabs-title-section {
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .tabs-container .tabs-header-container .tabs-title-section .heading-suffix {
            margin-left: 1rem;
        }

        .tabs-container .tabs-header-container .tabs-title-section .tab-title-span {
            max-width: 12rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .tabs-container .tabs-header-container .tabs-title-section .tab-index-display {
            border: 1px solid #2f88ff;
            border-radius: 50%;
            display: inline-block;
            height: 1rem;
            padding: .25rem;
            text-align: center;
            width: 1rem;
        }

    .tabs-container .tabs-header-container > * {
        cursor: pointer;
        margin: .5rem 1rem .5rem 0;
        padding: .25rem .5rem .25rem 0;
        text-align: center;
        width: 100%;
    }

    .tabs-container .tabs-header-container > .has-header-icon .header-icon {
        margin-left: .5rem;
    }

.tabs-container .tabs-body {
    margin-top: .5rem;
}

    .tabs-container .tabs-body > div.visible {
        display: block;
    }

    .tabs-container .tabs-body > div.hidden {
        display: none;
    }

.tabs-container.mode-vertical {
    display: flex;
    flex-direction: row;
    overflow-y: auto;
}

    .tabs-container.mode-vertical > .header-and-actions-wrapper {
        align-items: start;
    }

        .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container {
            flex-direction: column;
            margin: .5rem .5rem 0 0;
            text-align: start;
        }

            .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container .tabs-title-section {
                justify-content: flex-start;
                padding: .5rem 0;
                width: 15rem;
            }

                .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container .tabs-title-section > :not(:last-child) {
                    margin-right: .5rem;
                }

                .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container .tabs-title-section .tab-index-display {
                    background: #dcdcdc;
                    font-size: 0;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container .tabs-title-section:last-child {
                    text-wrap: wrap;
                }

            .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container > * {
                margin: 0;
                padding: 0;
            }

            .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container > .visited .tabs-title-section .tab-index-display {
                border: 2px double #2f88ff;
            }

            .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container > .selected {
                background-color: rgba(218,65,243,.102);
                background-color: var(--theme-background-color);
                color: #fff;
                color: var(--theme-foreground-color);
            }

                .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container > .selected a {
                    color: #fff;
                    color: var(--theme-foreground-color);
                }

                .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section {
                    background: rgba(210,229,255,.502);
                    border-radius: 0 5rem 5rem 0;
                }

                    .tabs-container.mode-vertical > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section .tab-index-display {
                        background: #fff;
                        border: 4px double #2f88ff;
                    }

    .tabs-container.mode-vertical > .tabs-body {
        width: 100%;
    }

.tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container {
    border-radius: .5rem;
    justify-items: left;
    margin: .5rem .5rem 1.5rem;
    overflow-x: auto;
    width: 100%;
}

    .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-right: 1rem;
    }

        .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .tabs-title-section {
            margin-right: 1rem;
        }

            .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .tabs-title-section span {
                color: #000;
            }

        .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .tab-index-display {
            align-items: center;
            background: #d9d9d9;
            border: 1px solid #d9d9d9;
            color: #000;
            display: flex;
            height: 2.5rem;
            justify-content: center;
            line-height: 2.5rem;
            margin-right: .5rem;
            padding: 0;
            text-align: center;
            width: 2.5rem;
        }

        .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .horizontal-line {
            border-top: 3px solid;
            border-color: #d9d9d9;
            flex: auto;
            height: 0;
            min-width: 2rem;
        }

    .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > * {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > .selected {
        background-color: rgba(218,65,243,.102);
        background-color: var(--theme-background-color);
        border-radius: .5rem;
        color: #fff;
        color: var(--theme-foreground-color);
        font-weight: 700;
    }

        .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > .selected a {
            color: #fff;
            color: var(--theme-foreground-color);
        }

        .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > .selected .tab-index-display {
            background: #fff;
            border: 2px solid #057aff;
            color: #057aff;
        }

        .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section {
            color: rgba(47,136,255,.8);
            color: #000;
            width: fit-content;
        }

            .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section span {
                color: #057aff;
            }

            .tabs-container.mode-wizard > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section:last-child {
                width: 50%;
            }

.tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container {
    border: 1px solid hsla(0,0%,65%,.251);
    border-radius: .5rem;
    justify-items: center;
    overflow-x: auto;
    width: fit-content;
}

    .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content {
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .horizontal-line, .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .tab-index-display {
            display: none;
        }

    .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container > * {
        margin: .5rem 1rem .5rem .5rem;
        overflow: hidden;
        padding: .25rem .5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 15rem;
    }

    .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container > .selected {
        background-color: rgba(218,65,243,.102);
        background-color: var(--theme-background-color);
        background: #d6e4fd;
        border-radius: .5rem;
        box-shadow: 0 0 5.2px 0 hsla(0,0%,65%,.251);
        color: #fff;
        color: var(--theme-foreground-color);
        margin: .5rem 1rem .5rem .5rem;
        padding: .25rem .5rem;
    }

        .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container > .selected a {
            color: #fff;
            color: var(--theme-foreground-color);
        }

        .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container > .selected .tab-index-display {
            background-color: rgba(65,187,243,.078);
            color: #000;
        }

        .tabs-container.mode-horizontal > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section {
            color: #2b388c;
            width: fit-content;
        }

.tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container {
    border-radius: 0;
    justify-items: center;
    overflow-x: auto;
    width: fit-content;
}

    .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content {
        align-items: center;
        border-bottom: 3px solid hsla(0,0%,79%,.829);
        display: flex;
        justify-content: center;
    }

        .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .tabs-title-section {
            padding: .5rem;
        }

        .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .horizontal-line, .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container .tabs-main-content .tab-index-display {
            display: none;
        }

    .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container > * {
        margin: .5rem 0;
        overflow: hidden;
        padding: .25rem 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 15rem;
    }

    .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container > .selected {
        background-color: rgba(218,65,243,.102);
        background-color: var(--theme-background-color);
        color: #fff;
        color: var(--theme-foreground-color);
    }

        .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container > .selected a {
            color: #fff;
            color: var(--theme-foreground-color);
        }

        .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-main-content {
            border-bottom: 3px solid #008ae6;
            border-radius: 0;
        }

        .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container > .selected .tab-index-display {
            background-color: rgba(65,187,243,.078);
            color: #000;
        }

        .tabs-container.mode-boxed > .header-and-actions-wrapper > .tabs-header-container > .selected .tabs-title-section {
            color: rgba(47,136,255,.8);
            width: fit-content;
        }

.client-management-tabs > .tabs-body {
    margin-top: 0;
    padding-top: .5rem;
}

.client-contract-documents-container.container-with-title > .container-body {
    height: 65vh!important;
    overflow-y: auto;
}

.opted-checks-configuration-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

    .opted-checks-configuration-grid > * {
        margin: 1rem;
        width: 20rem;
    }

.client-service-info {
    border: 2px solid #dadada;
    border-radius: .5rem .5rem .25rem .25rem;
}

    .client-service-info.selected {
        border: 2px solid #ababab;
    }

    .client-service-info > * {
        padding: .75rem;
    }

    .client-service-info .service-item-name {
        background-color: #eee;
        border-bottom: 1px solid #dadada;
        font-weight: 700;
        line-height: 1.2rem;
        margin-bottom: 1rem;
    }

        .client-service-info .service-item-name .service-icon {
            font-size: 1.2rem;
        }

        .client-service-info .service-item-name label {
            margin-left: 1rem;
        }

    .client-service-info.not-selected .service-item-name {
        font-weight: 400;
    }

    .client-service-info.not-selected .price-and-sla-settings {
        opacity: .5;
    }

.contact-person-details-container h3 {
    padding: 1rem;
}

.single-client-display-name {
    font-weight: 700;
    padding-top: .5rem;
}

.approve-or-reject-button {
    margin-left: .5rem!important;
}

.main-dashboard-view .stats-boards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width:768px) {
    .main-dashboard-view .stats-boards-container {
        justify-content: space-between;
    }
}

.main-dashboard-view .stats-boards-container .main-stats-container {
    margin-bottom: .5rem;
    width: 32%;
}

@media (max-width:1024px) {
    .main-dashboard-view .stats-boards-container .main-stats-container {
        width: 100%;
    }
}

.candidates-table-main .table-row .table-cell {
    font-size: .8rem;
}

.candidates-table-main .dashboard-filter-dropdown {
    width: 12rem;
}

.candidates-table-main .initials-display {
    border: 1px solid #606060;
    border-radius: .25rem;
    color: #606060;
    font-size: .85rem;
    font-weight: 700;
    line-height: .85rem;
    padding: .25rem;
    text-align: center;
}

.individual-record-status-indicator {
    border: 1px solid hsla(0,0%,59%,.25);
    border-radius: .4rem;
    display: inline-block;
    height: 1.75rem;
    position: relative;
    width: 1.75rem;
}

    .individual-record-status-indicator.shape-circle {
        border-radius: 50%;
    }

    .individual-record-status-indicator > * {
        position: absolute;
        transform: translate(-50%,-50%);
    }

    .individual-record-status-indicator > .record-status-icon {
        font-size: .85rem;
        left: 50%;
        top: 50%;
    }

    .individual-record-status-indicator > .record-type-icon {
        font-size: .7rem;
        left: 50%;
        top: -15%;
    }

.multi-record-status-display {
    max-width: 100%;
    overflow-x: auto;
    padding: .9rem .5rem .5rem;
}

    .multi-record-status-display::-webkit-scrollbar {
        height: .1rem;
        width: .1rem;
    }

    .multi-record-status-display::-webkit-scrollbar-track {
        background: rgba(195,220,255,.6);
    }

    .multi-record-status-display::-webkit-scrollbar-thumb {
        background-color: #c3dcff;
        border: 1px solid rgba(195,220,255,.6);
        border-radius: .05rem;
    }

.multi-record-status-display {
    scrollbar-face-color: #c3dcff;
    scrollbar-track-color: rgba(195,220,255,.6);
    scroll-behavior: rgba(195,220,255,.6) rgba(195,220,255,.6);
    scrollbar-color: #c3dcff rgba(195,220,255,.6);
    scrollbar-width: thin;
}

    .multi-record-status-display .horizontal-list-container {
        display: flex;
        flex-wrap: nowrap;
        min-width: fit-content;
        overflow: visible;
    }

        .multi-record-status-display .horizontal-list-container > :not(:last-child) {
            margin-right: 1rem;
        }

.personal-details-form .container-body {
    padding-bottom: 3rem!important;
}

    .personal-details-form .container-body .material-input-container {
        margin-bottom: 1.25rem!important;
    }

.case-assignment-options-selector {
    width: 15rem;
}

.client-title-in-modal .title-display {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candidate-workflow-modal {
    padding: 0;
}

    .candidate-workflow-modal .attach-doc {
        max-width: 66%;
    }

        .candidate-workflow-modal .attach-doc input::file-selector-button {
            font-size: small;
            height: 1.25rem;
        }

    .candidate-workflow-modal .candidate-form-doc-list {
        border: .5px solid #d7e4f6;
        border-radius: .4rem;
        padding: .5rem 0 .5rem 1.5rem;
        width: 50%;
    }

        .candidate-workflow-modal .candidate-form-doc-list legend {
            font-size: 1rem;
            padding: 0 .25rem;
        }

        .candidate-workflow-modal .candidate-form-doc-list ul {
            padding: 0 0 0 1.25rem;
        }

    .candidate-workflow-modal .candidate-workflow-tabs > .tabs-body {
        max-height: calc(100vh - 15rem);
        overflow-y: auto;
    }

    .candidate-workflow-modal.mode-bgv .main-BGV-form-body {
        border: .5px solid #d7e4f6;
        border-radius: .5rem;
        margin: 0 0 1rem;
        padding: .5rem;
    }

    .candidate-workflow-modal.mode-bgv .data-row input[type=checkbox] {
        margin: .5rem .25rem 0;
    }

.data-entry-review-section {
    margin-bottom: 2rem;
}

    .data-entry-review-section .data-and-docs-columns {
        align-items: start;
        display: flex;
        justify-content: space-between;
    }

        .data-entry-review-section .data-and-docs-columns > :first-child {
            width: 64%;
        }

        .data-entry-review-section .data-and-docs-columns > :last-child {
            background-color: #fbfbfb;
            width: 34%;
        }

.identity-docs-container.container-with-title > .container-body .preview-and-selector-wrapper {
    height: 25vh!important;
    overflow-y: auto;
}

.single-record-workflow {
    margin-bottom: 1rem;
}

    .single-record-workflow > .container-body {
        height: calc(100vh - 25rem);
        overflow: auto;
    }

.action-buttons-panel {
    background: #d2e5ff;
    border-radius: .5rem;
    padding: .5rem;
}

.running-notes-container.container-with-title > .container-body {
    max-height: calc(100vh - 24rem);
}

.running-notes-container .notes-list {
    margin-top: 1rem;
}

    .running-notes-container .notes-list > * {
        margin-bottom: .5rem;
    }

.running-notes-container .running-note-display {
    background-color: #fffff4;
    border: 1px solid silver;
    border-radius: .5rem;
    padding: .5rem;
}

    .running-notes-container .running-note-display .note-footer, .running-notes-container .running-note-display .note-header {
        font-size: .9rem;
    }

    .running-notes-container .running-note-display .note-body {
        border-bottom: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        padding: 1rem 0;
    }

    .running-notes-container .running-note-display .note-footer {
        margin-top: .5rem;
    }

    .running-notes-container .running-note-display .note-header {
        margin-bottom: .5rem;
    }

    .running-notes-container .running-note-display .added-by-user {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.running-notes-container .note-visibility-dropdown {
    font-size: .9rem;
    max-width: 10rem;
}

.record-data-entry-form-fields-container {
    max-height: calc(100vh - 30rem);
    overflow-y: auto;
    padding: 1rem;
}

.single-record-docs-container.container-with-title > .container-body .preview-and-selector-wrapper {
    height: calc(100vh - 32rem)!important;
    overflow-y: auto;
}

.bgv-attachments-uploader > .container-body {
    padding: .5rem!important;
}

    .bgv-attachments-uploader > .container-body .preview-and-selector-wrapper {
        height: calc(100vh - 36rem);
        overflow-y: auto;
    }

.bgv-match-table-and-docs-container .bgv-status-dropdown {
    margin-bottom: 1rem;
    width: calc(100% - 1px);
}

.provided-and-verified-data-inputs {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    line-height: 2rem;
    margin: .25rem 0 0;
    width: 100%;
}

    .provided-and-verified-data-inputs .generic-dropdown-container {
        margin: 0 .2rem 0 0;
        width: 100%;
    }

        .provided-and-verified-data-inputs .generic-dropdown-container .dropdown-inputbox-container {
            font-size: .9rem;
        }

    .provided-and-verified-data-inputs.attribute-type-MATCH > :not(:last-child) {
        margin-right: 1%;
        width: 39%;
    }

    .provided-and-verified-data-inputs.attribute-type-MATCH > :last-child {
        width: 20%;
    }

    .provided-and-verified-data-inputs .material-input-container .input-and-label-wrapper .input-element {
        padding: .75rem 2rem .75rem .75rem;
    }

    .provided-and-verified-data-inputs .input-label {
        display: none;
    }

.bgv-verified-data-entry-form .provided-and-verified-data {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5rem;
    margin: 0 .25rem;
    width: 70%;
}

    .bgv-verified-data-entry-form .provided-and-verified-data .generic-table-with-search {
        margin: .25rem -1rem;
    }

    .bgv-verified-data-entry-form .provided-and-verified-data .main-table-container {
        border: none;
    }

.bgv-verified-data-entry-form .generic-table-with-search .table-row {
    padding: 0 0 0 1rem;
}

.bgv-verified-data-entry-form .select-all-checkbox {
    align-items: center;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1.5rem;
    display: flex;
    margin-right: 4.7rem;
    padding: .15rem .5rem;
}

    .bgv-verified-data-entry-form .select-all-checkbox .select-all-text {
        font-size: .75rem;
    }

.bgv-initiate-verification-form {
    position: relative;
}

    .bgv-initiate-verification-form .initiate-verification-form-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-input-container {
            align-items: center;
            display: flex;
            gap: .5rem;
            justify-content: space-between;
        }

            .bgv-initiate-verification-form .initiate-verification-form-content .email-input-container .receivers-email-input {
                max-width: calc(100% - 18rem);
            }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-subject-container {
            display: flex;
        }

            .bgv-initiate-verification-form .initiate-verification-form-content .email-subject-container .subject-label {
                font-weight: 700;
                margin-right: 1rem;
            }

            .bgv-initiate-verification-form .initiate-verification-form-content .email-subject-container .subject-content {
                flex: 1;
            }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-body-container, .bgv-initiate-verification-form .initiate-verification-form-content .email-header-container {
            border-bottom: 1px solid rgba(0,0,0,.2);
            padding: .5rem;
        }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-subject-container, .bgv-initiate-verification-form .initiate-verification-form-content .material-input-container {
            border: none;
            padding: .5rem;
        }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-body-container {
            max-height: 40vh;
            overflow: auto;
            padding: 1rem;
        }

            .bgv-initiate-verification-form .initiate-verification-form-content .email-body-container::-webkit-scrollbar {
                height: .8rem;
                width: .8rem;
            }

            .bgv-initiate-verification-form .initiate-verification-form-content .email-body-container::-webkit-scrollbar-track {
                background: rgba(195,220,255,.6);
            }

            .bgv-initiate-verification-form .initiate-verification-form-content .email-body-container::-webkit-scrollbar-thumb {
                background-color: #c3dcff;
                border: 1px solid rgba(195,220,255,.6);
                border-radius: .4rem;
            }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-body-container {
            scrollbar-face-color: #c3dcff;
            scrollbar-track-color: rgba(195,220,255,.6);
            scroll-behavior: rgba(195,220,255,.6) rgba(195,220,255,.6);
            scrollbar-color: #c3dcff rgba(195,220,255,.6);
            scrollbar-width: thin;
        }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-attachments-list {
            margin: 1rem 1rem 0;
        }

        .bgv-initiate-verification-form .initiate-verification-form-content .email-body-text-area {
            border: .5px solid #a8a8a8;
            border-radius: .5rem;
            height: 50vh;
            margin: 1rem;
            padding: 1rem;
            width: 60vw;
        }

        .bgv-initiate-verification-form .initiate-verification-form-content textarea:focus {
            outline: none;
        }

.candidate-bgv-form .last-verification-status .container-body {
    font-size: 1.5rem;
    padding: 2rem!important;
    text-align: center;
}

.verification-details-form .executive-summary-result {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.report-attachments-section .file-preview-name-only .file-name {
    font-size: 100%;
    overflow: initial;
    text-overflow: clip;
    white-space: normal;
}

.bgv-status-dropdown {
    width: 18rem;
}

.modal-content.candidate-report-modal > .modal-action-buttons {
    background: hsla(0,0%,100%,.9);
    border-left: 1px solid #000;
    border-radius: .25rem;
    padding: .5rem .25rem;
    right: 0;
    top: 0;
    transform: translate(100%);
}

.processing-message-modal {
    background: none;
    color: #fff;
    padding: 2rem;
}

.ss-report-scroll-container.is-in-modal-false {
    max-height: calc(100vh - 20rem);
}

.ss-report-scroll-container.is-in-modal-true {
    max-height: calc(100vh - 12rem);
}

    .ss-report-scroll-container.is-in-modal-true.report-mode-final {
        max-height: calc(100vh - 8rem);
    }

.ss-report-inner-contents {
    font-size: 90%;
    padding: 2rem 3rem;
}

    .ss-report-inner-contents .generic-table-with-search .table-body-container {
        max-height: none;
        scrollbar-gutter: auto;
        width: 100%;
    }

    .ss-report-inner-contents .header-row {
        border-bottom: 1px solid #a8a8a8;
        border-radius: 0;
        border-top: 1px solid #a8a8a8;
    }

    .ss-report-inner-contents .data-row {
        border-bottom: .5px solid #a8a8a8;
        border-radius: 0;
    }

    .ss-report-inner-contents .table-row > div:not(:last-child) {
        border-right: .5px solid #a8a8a8;
    }

    .ss-report-inner-contents .table-body-container {
        overflow-y: inherit;
    }

    .ss-report-inner-contents > .container-with-title .container-title .suffix-icon {
        border-radius: 50%;
        font-size: small;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        width: 1.5rem;
    }

    .ss-report-inner-contents > .container-with-title > .container-body {
        border: 1px solid #d2e5ff;
        border-radius: 0 .5rem .5rem .5rem;
    }

    .ss-report-inner-contents > .container-with-title > .container-header {
        border-radius: 1rem 1rem 0 0;
        width: fit-content;
    }

    .ss-report-inner-contents .document-display-container {
        margin: 1rem .5rem;
    }

        .ss-report-inner-contents .document-display-container > img {
            margin: auto;
            padding: 1rem;
            width: 30rem;
        }

.executive-summary-container .executive-summary-result {
    align-items: center;
    display: flex;
    justify-content: start;
}

    .executive-summary-container .executive-summary-result .status-icon {
        font-size: 1.25rem;
        line-height: 1.25rem;
        margin-right: .5rem;
        text-align: center;
    }

.executive-summary-container .executive-summary-sub-header {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 2rem;
}

.bgv-review-form {
    width: 30%;
}

    .bgv-review-form form {
        padding: .5rem 1rem .5rem 1.5rem;
    }

    .bgv-review-form .dropdown-inputbox-container {
        margin: 1rem 0;
    }

.report-header-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1.5rem 1.5rem 0;
}

    .report-header-container.justify-center {
        justify-content: center;
    }

    .report-header-container img.smartscreeen-logo {
        height: 5rem;
    }

    .report-header-container .status-label {
        color: #2b388c;
        font-size: 150%;
        margin-right: .5rem;
    }

    .report-header-container .report-status-title-and-button {
        align-items: center;
        display: flex;
    }

        .report-header-container .report-status-title-and-button .crossCircle-icon {
            color: #fff;
        }

    .report-header-container .report-title-container .report-title {
        color: #062961;
        font-size: 2.25rem;
    }

.candidate-status-bar {
    border: .5px solid #d7e4f6;
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: .5rem 1rem;
}

    .candidate-status-bar .data-parent {
        display: flex;
        margin: .25rem 0;
        width: 24%;
    }

        .candidate-status-bar .data-parent .child-label {
            overflow: hidden;
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 40%;
        }

        .candidate-status-bar .data-parent .child-value {
            flex: 1;
            font-weight: 600;
            overflow: hidden;
            padding-left: .35rem;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.candidate-data-preview .header-row {
    font-size: .7rem;
}

.main-stats-container {
    background-color: #fefefe;
    border: .5px solid #d7e4f6;
    border-radius: .25rem;
    box-shadow: none;
}

    .main-stats-container .reports-data-range-selector {
        max-width: 8rem;
    }

    .main-stats-container .card-title-container {
        align-items: center;
        background: #d2e5ff;
        border-radius: .25rem .25rem 0 0;
        color: #062961;
        display: flex;
        font-size: 1.15rem;
        font-weight: 700;
        height: 3rem;
        justify-content: space-between;
        margin-bottom: 1rem;
        padding: 0 1.5rem;
    }

@media (max-width:768px) {
    .main-stats-container .card-title-container {
        font-size: 100%;
    }
}

.main-stats-container .stat-items-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}

    .main-stats-container .stat-items-grid .stat-item {
        cursor: pointer;
        margin-bottom: 1.5rem;
        width: 30%;
    }

        .main-stats-container .stat-items-grid .stat-item .stat-title {
            text-wrap: wrap;
            align-items: center;
            display: flex;
            height: 2.5rem;
            justify-content: center;
            margin: .25rem auto auto;
            text-align: center;
            width: 100%;
        }

@media (max-width:768px) {
    .main-stats-container .stat-items-grid .stat-item .stat-title {
        font-size: 75%;
    }
}

.main-stats-container .stat-items-grid .stat-item .stat-value {
    align-items: center;
    background-color: #fefefe;
    border: .15rem solid transparent;
    border-radius: .5rem;
    box-shadow: 1px 1px 4px #ded8e6,-2px -2px 4px #fff;
    display: flex;
    font-size: 125%;
    font-weight: 700;
    justify-content: center;
    margin: auto;
    padding: .5rem;
    transition: box-shadow .3s ease;
    width: fit-content;
}

.main-stats-container .stat-items-grid .stat-item.is-active .stat-value {
    border: 2px solid #000;
}

.main-stats-container .stat-items-grid .stat-item.is-total .stat-title {
    font-weight: 700;
}

.main-stats-container .stat-items-grid .stat-item:hover .stat-value {
    box-shadow: inset -2px -2px 8px 0 rgba(0,0,0,.1),3px 3px 8px 0 rgba(0,0,0,.15);
}

.stats-view-inner .canvas-container {
    border: 1px solid #d3d3d3;
    border-radius: .5rem;
    height: 40vh;
    padding: 1rem;
    width: 100%;
}

    .stats-view-inner .canvas-container:not(:last-child) {
        margin-bottom: 1rem;
    }

    .stats-view-inner .canvas-container canvas {
        height: auto;
        margin: auto;
        width: 100%;
    }

.test-view-container .json-response-container {
    border: 1px solid #000;
    border-radius: 1rem;
    max-height: 40vh;
    overflow-y: auto;
    padding: 1rem;
}

.test-view-container .images-list-container {
    padding: 1rem 2rem;
}

    .test-view-container .images-list-container img {
        margin: 1rem;
        width: 20%;
    }

.test-view-container .different-api-operations {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}

    .test-view-container .different-api-operations > div {
        border: 1px solid gray;
        padding: 1rem;
    }

.users-view-container .toggle-hierarchy-button button {
    text-align: center;
    width: 10rem;
}

.user-management-table-header-actions {
    align-items: center;
    display: flex;
    height: 3rem;
}

    .user-management-table-header-actions .authorization-status-filter {
        margin-right: 1rem;
        width: 16rem;
    }

    .user-management-table-header-actions .invite-user-button {
        width: 12rem;
    }

.external-user-client-details {
    font-size: 1.25rem;
    margin: 2rem;
    text-align: center;
}

    .external-user-client-details > * {
        margin-bottom: 1rem;
    }

.user-manager-column {
    flex: 1;
    justify-content: left;
}

.branding-view-container {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: space-between;
}

.branding-side-info-wrapper {
    width: 50%;
}

@media (max-width:1024px) {
    .branding-side-info-wrapper {
        display: none;
    }
}

.branding-side-info-wrapper .secondary-bg-III {
    background: #d2e5ff;
    border-radius: 0 0 95% 0;
    width: 47vw;
}

.branding-side-info-wrapper .secondary-bg-II {
    background: #2f88ff;
    border-radius: 0 0 105% 0;
    width: 40vw;
}

.branding-side-info-wrapper .secondary-bg-I {
    background: radial-gradient(42.54% 41.37% at 59.65% 63.97%,#090165 50%,#2515da 100%);
    border-radius: 0 0 110% 0;
    width: 33vw;
}

.branding-side-info-wrapper .primary-bg {
    align-items: center;
    background: radial-gradient(65.65% 62.71% at 34.35% 64.86%,#061563 49.98%,#0e00b0 100%);
    border-radius: 0 0 100% 0;
    height: 100vh;
    margin-right: 5rem;
    padding: 25vh 0;
    width: 25vw;
}

    .branding-side-info-wrapper .primary-bg .company-header-container {
        color: #fff;
        padding: 1rem 1rem 1rem 4rem;
    }

        .branding-side-info-wrapper .primary-bg .company-header-container h1, .branding-side-info-wrapper .primary-bg .company-header-container span {
            font-size: 2.5rem;
        }

    .branding-side-info-wrapper .primary-bg .company-info-brief {
        color: #fff;
        font-size: .9rem;
        padding: 1rem 1rem 1rem 4rem;
        width: 25vw;
    }

.branding-section-and-logo-wrapper {
    margin: auto;
    text-align: center;
    width: 50%;
}

@media (max-width:1024px) {
    .branding-section-and-logo-wrapper {
        width: 100%;
    }
}

.branding-section-and-logo-wrapper > * {
    height: 100%;
}

.branding-section-and-logo-wrapper .branding-main-content-section .generic-form-container {
    margin: auto;
}

    .branding-section-and-logo-wrapper .branding-main-content-section .generic-form-container .multi-column-grid {
        margin: 0 auto 1.5rem;
        width: 70%;
    }

        .branding-section-and-logo-wrapper .branding-main-content-section .generic-form-container .multi-column-grid.num-columns-1 {
            width: 50%;
        }

@media (max-width:768px) {
    .branding-section-and-logo-wrapper .branding-main-content-section .generic-form-container .multi-column-grid {
        gap: 1rem 0;
        grid-template-columns: 1fr;
        justify-content: center;
        width: 90%;
    }

        .branding-section-and-logo-wrapper .branding-main-content-section .generic-form-container .multi-column-grid.num-columns-1 {
            width: 90%;
        }
}

.branding-section-and-logo-wrapper .branding-section-logo-container {
    margin: 0 0 1rem;
    text-align: center;
}

@media (max-width:768px) {
    .branding-section-and-logo-wrapper .branding-section-logo-container {
        margin: 1rem 0 rem;
    }
}

.branding-section-and-logo-wrapper .branding-section-logo-container img {
    width: 10vw;
}

@media (max-width:1024px) {
    .branding-section-and-logo-wrapper .branding-section-logo-container img {
        width: 15vw;
    }
}

.main-link-to-change-mode {
    margin: 1rem 0;
}

    .main-link-to-change-mode a {
        text-decoration: none;
    }

.auth-sign-in-form-wrapper .form-action-title {
    font-weight: 700;
    height: 3.75rem;
    line-height: 3.75rem;
    margin-bottom: 1rem;
}

.auth-section-form .confirmation-checkbox {
    align-items: center;
    display: flex;
}

    .auth-section-form .confirmation-checkbox a {
        margin-left: .25rem;
    }

.auth-section-form .form-submit-button {
    margin-top: .5rem;
}

.register-page-footer {
    padding: 2rem 0 0;
}

    .register-page-footer a {
        color: hsla(0,0%,55%,.61);
        font-size: .9rem;
        text-decoration: none;
    }

        .register-page-footer a:hover {
            color: #4e4e4e;
        }

.billing-view-container .start-end-date-selector {
    align-items: center;
    justify-content: left;
}

    .billing-view-container .start-end-date-selector .billing-input-container {
        direction: ltr;
        display: flex;
    }

.billing-view-container .billing-details-sheet .table-cell {
    font-size: .8rem;
}

.billing-view-container .start-end-date-selector {
    display: flex;
}

.billing-view-container .show-main-message {
    margin-top: 30vh;
}

.billing-view-container .monthly-billing-details-modal .modal-body-wrapper .container-body {
    height: 80vh;
}

.billing-view-container .monthly-billing-details-modal .modal-title-and-actions {
    width: calc(100% - 2rem);
}

.invoice-container {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    margin: 0 auto;
    max-width: 60rem;
    padding: 2rem;
}

    .invoice-container .header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 2rem 0;
        width: 100%;
    }

        .invoice-container .header .header-image {
            max-height: 5rem;
            max-width: 25%;
        }

    .invoice-container .title {
        color: #2c3e50;
        font-size: 24px;
        font-weight: 700;
        margin: 20px 0;
        text-align: center;
    }

    .invoice-container .company-info {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .invoice-container .company-details-section {
        background-color: #f5f5f5;
        border-radius: .25rem;
        font-size: 95%;
        padding: 1rem;
    }

        .invoice-container .company-details-section .item-label {
            color: #2a2a2a;
            font-weight: 600;
            margin-right: .5rem;
        }

    .invoice-container .section-title {
        border-bottom: 1px solid #ddd;
        color: #2c2c2c;
        font-weight: 500;
        margin-bottom: .5rem;
        padding-bottom: .25rem;
    }

    .invoice-container .invoice-meta-container {
        background-color: #f0f7ff;
        border-radius: .25rem;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.25rem;
        padding: 1rem;
    }

        .invoice-container .invoice-meta-container .invoice-meta .meta-item {
            margin-bottom: .25rem;
        }

            .invoice-container .invoice-meta-container .invoice-meta .meta-item .meta-label {
                color: #5a5a5a;
                font-weight: bolder;
                margin-right: .5rem;
            }

    .invoice-container table {
        border-collapse: collapse;
        margin-bottom: 30px;
        width: 100%;
    }

    .invoice-container th {
        background-color: #2c3e50;
        color: #fff;
        padding: 12px;
        text-align: left;
    }

    .invoice-container td {
        border-bottom: 1px solid #eee;
        padding: 10px;
    }

    .invoice-container tr:nth-child(2n) {
        background-color: #f9f9f9;
    }

    .invoice-container .text-right {
        text-align: right;
    }

    .invoice-container .text-center {
        text-align: center;
    }

    .invoice-container .totals-section .total-row {
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        margin-bottom: .25rem;
        padding: .25rem 0;
    }

        .invoice-container .totals-section .total-row.bolder {
            font-weight: bolder;
        }

    .invoice-container .totals-section .total-label {
        font-weight: 500;
    }

    .invoice-container .totals-section .grand-total {
        border-top: 2px solid #2c3e50;
        color: #2c3e50;
        font-size: 110%;
        font-weight: 700;
        padding-top: .25rem;
    }

    .invoice-container .footer-section {
        border-top: 1px solid #eee;
        margin-top: 3rem;
        padding-top: 1rem;
        text-align: center;
    }

    .invoice-container .signature-section {
        margin-top: 4rem;
        text-align: center;
    }

        .invoice-container .signature-section .signature-title {
            color: #3a3a3a;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .invoice-container .signature-section .signature-line {
            border-bottom: 1px solid #333;
            margin: auto;
            padding: 0 .5rem .5rem;
            width: fit-content;
        }

    .invoice-container .bank-details-and-notes {
        color: #3a3a3a;
        font-size: 90%;
    }

.message-in-modal {
    padding: 1.5rem 3rem;
    text-align: center;
}