/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*
    PROPERTIES FOR MULTIPLE USE
*/

:root {
    --edit-page-large-container-width: 725px;
    --edit-page-large-container-height: 725px;
    --color-success: #04eca6;
    --color-default: #636d77;
}

/*
    BROWSER SCROLLBAR STYLES
*/

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
   background: #2C3540; 
} 

::-webkit-scrollbar-thumb {
    background: #636D77;
}

/* 
    CUSTOM STYLES
*/

.range-color-within-range {
    background-color: #04ECA6;
}

.range-color-outside-range {
    background-color: #FBC02A;
}

.range-color-no-range {
    background-color: #636D77;
}


hr {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #485058
}

.visiopharm-header-backgroundcolor {
    background-color: #0a1118;
}

.visiopharm-section-header-on-page-margin {
    margin-top: 40px;
}

.visiopharm-mainrole-container {
    margin-top: 20px;
}

.rightpanel-meta-row {
    padding: 5px;
    font-size: 11px;
}

.rightpanel-meta-cell {
    text-align: right;
}

.rightpanel-section-header {
    font-weight: 700;
}

.quality-service-info {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #4E5964;
    cursor: pointer;
}

div.stickyRight {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    z-index: 100;
}

div.OverLapCss {
    background-color: #141F2B;
    padding: 8px;
    border: 1px solid #141F2B;
    position: absolute;
    right: 0;
    width: 320px;
    overflow-x: hidden;
    overflow-y: initial;
}

.text-weight-lighter{
    font-weight: lighter;
}

div.display-result-chart-container{
    margin-bottom: 5px;
}

    div.display-result-chart-container .card-body {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    div.display-result-chart-container .set-ranges-info-text {
        padding-top: 8px;
        padding-right: 120px;
        display: none;
        font-weight: lighter;
        opacity: 70%;
        font-size: 13px;
    }

    div.display-result-chart-container .set-ranges-button-container {
        margin-top: 2px;
    }

        div.display-result-chart-container .set-ranges-button-container .dx-button-content {
            padding: 4px 12px;
            font-size: 12px;
            background: #46505d;
        }

        div.display-result-chart-container .set-ranges-button-container .dx-button-text {
            opacity: 75%;
        }

        div.display-result-chart-container .set-ranges-button-container .dx-button-content:hover {
            background: #636d77;
        }

.op-75 {
    opacity: 75%;
}

.right-align-item {
    text-align: right;
}

.icon-h2-size {
    font-size: 20px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 15px;
}

.dx-toast-content {
    color: black;
    font-weight: 500;
    font-size: 14px;
}

span.environment-classifier {
    padding: 6px 12px;
    background-color: darkslategray;
    border-radius: 10px;
}

#organizationDropDownId .dx-widget.dx-button.dx-button-mode-text {
    text-align: left;
    font-size: 13px;
}

#dataList .dx-list-item-content {
    font-size: 14px;
    padding: 5px 15px 5px;
}

.dx-button-text {
    font-weight: 100;
}

span.no-ranges-badge {
    background-color: #47505B;
    color: white;
    font-weight: 300 !important;
    cursor: default;
    opacity: 75%;
}

div.align-item-center-horizontally {
    text-align:center
}

.dx-tag-content {
    padding-top: 2px;
    padding-bottom: 2px;
}

.dx-tagbox .dx-tag-container {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Styling for no ranges badge tooltip popover */
.dx-popover-without-title .dx-popup-content {
    background-color: #3A434E;
    border-radius: 5px;
    padding: 15px;
}

a.grid-link-text {
    text-decoration: none !important;
}

.dx-datagrid div.status-value-container {
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 16px;
}

div.center-vertically {
    display: flex;
    align-items: center;
}

div.center-horizontally {
    justify-content: center;
}

div.test-status-description-panel {
    background-color: #283543;
    border-radius: 3px;
    flex-shrink: inherit;
    display: flex;
    width: 100%;
}

    div.test-status-description-panel.side-panel-status {
        margin: 5px 14px;
        padding: 10px 0;
    }

    div.test-status-description-panel.edit-page-panel {
        margin: 20px 0 10px 0;
        height: 65px;
    }

    div.test-status-description-panel i.test-status-icon {
        font-size: x-large;
        background-color: #636d77;
        padding: 0.3em;
        border-radius: 30px;
        display: inline-block;
    }

    div.test-status-description-panel div.test-status-text {
        white-space: pre-line;
        padding-left: 20px;
    }

#TagBox .dx-tag {
   margin-top: 3px;
}

#TagBox .dx-placeholder::before {
    padding-top: 10px;
}

.tag-box-label {
    font-size: 15px;
    font-weight: 100;
    text-transform: uppercase;
}

.all-tests-analysed-badge {
    font-size: 18px;
    font-weight: lighter;
    padding: 8px 10px 10px 12px;
}

    .all-tests-analysed-badge i.all-tests-analysed-badge-icon {
        font-size: 18px;
        color: #04eca6;
    }

#test-history-grid div.dx-datagrid-header-panel {
    padding: 0 0 10px 0;
}

.error-messages {
    color: red;
}

img.archived-image {
    padding-left: 0;
}

img.service-tile-indicator {
    margin-bottom: 8px;
    padding-left: 0;
}

img.service-tile-isBeta-image {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    height: 17px;
}

.clone-label {
    padding: 0 5px 0 15px;
}

/*
    CUSTOM STYLES FOR EDIT PAGE
*/
div.edit-page {
    /*No specific styles for the wrapper element*/
}

    div.edit-page div.fixed-row {
        margin-left: auto;
        margin-right: 0;
        width: var(--edit-page-large-container-width);
    }

    div.edit-page div.fixed-col-left {
        padding-left: 0;
    }

    div.edit-page .fixed-header {
        line-height: 1.4;
        margin-top: 10px;
    }

    div.edit-page .dx-icon-check {
        font-size: 15px;
        margin: 15px 10px 10px 20px;
        background-color: #40bfa6;
        padding: 0.2em;
        border-radius: 30px;
        display: inline-block;
    }

    div.edit-page div.fixed-col-right {
        padding-right: 0;
    }

    div.edit-page div.fixed-button-right {
        float: right;
    }

    div.edit-page div.large-image-container {
        margin-left: auto;
        margin-right: 0;
        width: var(--edit-page-large-container-width);
        height: var(--edit-page-large-container-height);
        background-color: black;
    }

        div.edit-page div.large-image-container img.large-image-src {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    div.edit-page div#scrollview {
        height: var(--edit-page-large-container-height);
    }

    div.edit-page div.large-scrollview-container div.group-card-box {
        background-color: #2C3540;
        border-radius: 5px;
    }

    div.edit-page div.edit-tag-box {
        margin-left: auto;
        margin-right: 0;
    }

        div.edit-page div.edit-tag-box div.row {
            padding-left: 15px;
        }

        div.edit-page div.edit-tag-box span.dx-icon-tags {
            font-size: 20px;
            padding-right: 10px;
            padding-top: 15px;
        }

        div.edit-page div.edit-tag-box span.tag-title {
            font-size: 20px;
            padding-top: 13px;
        }


    div.edit-page div.dx-tagbox {
        margin-left: auto;
        margin-right: 0;
    }

    div.edit-page div.no-padding-left {
        padding-left: 0;
    }

    div.edit-page div.no-padding-right {
        padding-right: 0;
    }

    div.edit-page h3.page-title {
        margin-left: -15px;
    }

    div.edit-page div.metadata-container {
        width: var(--edit-page-large-container-width);
    }

    div.edit-page div.metadata-container div.dx-field-label {
        width: 48%;
    }

    div.edit-page div.metadata-input-fields-container div.dx-field-label {
        font-size: 14px;
    }

    div.edit-page div.dx-fieldset {
        margin-left: 0;
        margin-right: 0;
    }

    div.edit-page div.dx-fieldset div.dx-field {
        line-height: 32px;
    }

/*
    CARD BOX STYLES
*/
        .group-card-container {
            border-radius: 4px;
        }

div.card-box {
    border-radius: 4px;
    background-color: #283543;
}

div.card-box.card-box-fit {
    width: fit-content;
    height: fit-content;
    padding: 10px 20px;
}

div.card-box.group-card-box {
    margin-right: 10px;
    min-width: 220px;
}

    div.card-box.group-card-box:hover {
        -ms-transform: scale(1.05); /* IE 9 */
        -webkit-transform: scale(1.05); /* Safari 3-8 */
        transform: scale(1.05);
    }

    div.card-box div.card-box-row {
        display: flex;
        align-items: center;
    }

        div.card-box div.card-box-row span.card-box-icon {
            margin-left: 10px;
        }

    div.card-box div.card-box-text {
        font-size: 16px;
        margin-left: 15px;
        margin-right: 45px;
    }

    div.card-box div.card-box-button {
        background-color: #636d77;
        margin-right: 10px;
    }

        div.card-box div.card-box-button:hover {
            background-color: #6d7782;
        }

    div.card-box span.notification-badge {
        position: absolute;
        top: -8px;
        right: -8px;
        padding: 5px 10px;
        border-radius: 100px;
        background: #2f80ed;
        color: white;
        z-index: 1;
    }

.card-box-spacer {
    height: 30px;
}

.card-box-empty-state-text {
    opacity: 80%;
}

.card-box-bold-text {
    font-weight: 500 !important;
}

/*
    CUSTOM STYLES FOR SIDEPANEL
*/

/* Disable selection */
#dataList .dx-item.dx-list-item {
    background-color: transparent !important;
    color: inherit !important;
    outline: none !important;
}

/*
    CUSTOM STYLES FOR LAYOUT AND NAVIGATION
*/

.sidepanel {
    position: sticky;
    z-index: 99;
    top: 0;
    padding: 0;
    margin: 0;
    border: none;
}

#sidepanelTooltip {
    position: absolute;
    background-color: black;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: none;
    z-index: 10000;
    min-width: 120px; /* Adjusted to fit 'Copy to clipboard' */
    white-space: nowrap;
    text-align: center;
}

#sidepanel-slide-id-tooltip {
    background-color: black;
    color: white;
}

.navbar-brand-image {
    width: 260px;
}
.navbar-icon {
    font-size: 24px;
}
.dx-nav-item {
    line-height: 1.0rem;
}

.navbar-button {
    font-size: 14px;
    padding: 0.3rem;
}

div.nav-breadcrumb a {
    text-decoration: none;
    color: white;
}

h4.breadcrumb-style {
    opacity: 75%;
    font-weight: lighter;
}

    h4.breadcrumb-style span.breadcrumb-icon-container {
        vertical-align: middle;
    }

    h4.breadcrumb-style i.dx-icon-chevronnext {
        font-size: 30px;
        padding: 0 10px 0 10px;
    }

.edit-test-metadata-form {
    width:900px;
    padding-left: 2px;
}

/*
    CUSTOM STYLES FOR CreateNewTest PAGE (BULK UPLOAD)
*/

div#create-new-tests span.required-reminder {
    font-weight: 100;
}

    div#create-new-tests span.required-reminder i.required-reminder-icon {
        font-size: 25px;
        vertical-align: middle;
        margin-left: 20px;
        margin-right: 10px;
    }

div#create-new-tests div.dx-scrollable-scroll-content {
    border-radius: 15px;
    width: 7px;
    float: right;
}

div#create-new-tests div.metadata-input-fields-container {
    padding: 10px;
}

#create-new-tests .thin-gray-boarder {
    background-color: black;
    border-color: #2C3541;
    border-style: solid;
    border-width: thin;
}

#create-new-tests .fileupload-filelist-icon {
    font-size: 24px;
}

#create-new-tests .dx-progressbar-status {
    color: #fff !important;
}

#create-new-tests .dx-item.dx-list-item {
    border-radius: 0.25rem !important;
    background-color: #2C3541;
    margin-top: 5px;
}

#create-new-tests .dx-list-item.dx-list-item-selected {
    background-color: #038671 !important;
}

#create-new-tests .error-messages {
    color: red;
}

#create-new-tests .fileSelected {
    background-color: #273341;
    border-radius: 4px;
}

    #create-new-tests .fileSelected > * {
        margin: 5px;
    }

#dropzone-external {
    border-width: 2px;
    border-style: dashed;
    margin-top: 20px;
    cursor: pointer;
}

    #dropzone-external > * {
        pointer-events: none;
    }

    #dropzone-external.dropzone-active {
        border-style: solid;
        background-color: #184144;
        border-style: dashed;
    }

#dropzone-image {
    max-width: 30%;
    max-height: 30%;
}

#progressBar {
    display: flex;
    margin-top: 10px;
}

div.file-upload-container {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

h6.file-name-indicator {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    word-wrap: break-word;
    white-space: normal;
}

i.fileupload-filelist-icon {
    padding-left: 0;
    padding-right: 0;
}

div.progressbarControl {
    padding-right: 0;
}

div.dx-progressbar-wrapper {
    vertical-align: top;
}

div.dx-list-static-delete-button-container {
    padding-top: 8px;
}

#scrollview .dx-field {
    margin-bottom: 20px;
}

#scrollview .dx-texteditor-input, .dx-field-value, .dx-placeholder {
    font-size: 14px;
}

#scrollview .dx-field-label {
    width: 50%;
    font-size: 14px;
}

#scrollview .dx-clear-button-area {
    margin-right: 6px;
}

#scrollview .dx-fieldset {
    margin: 0 0;
}

#FileListId .dx-progressbar-container {
    height: 5px !important;
    border-radius: 0.25rem !important;
}

    #FileListId .dx-progressbar-container .dx-progressbar-range {
        border-radius: 0.25rem !important;
    }

#FileListId .progressbarControl {
    position: relative;
}

    #FileListId .progressbarControl .dx-trackbar-wrapper {
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

#FileListId .details-icon-custom {
    margin-left: auto;
    margin-right: auto;
}

#FileListId .dx-datagrid-headers {
    border-radius: 0.25rem 0.25rem 0 0 !important;
}

#FileListId .dx-datagrid-rowsview {
    border-radius: 0 0 0.25rem 0.25rem !important;
}

    #FileListId .dx-datagrid-rowsview .dx-select-checkboxes-hidden .dx-select-checkbox {
        display: inline-block !important;
    }

.details-icon-custom {
    height: 24px;
    width: 25px;
}

    .details-icon-custom.icon-custom-empty {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgBtZYtc8MwDIbl3GUgJSUlIzVoSUnIRkL220M2UDQyUtKCjYxkIAULyCRHylRfLl9O3zudz/HHY8muVAMDqus6xmbDFquhH7TCGPM9tIfp2XyFzQ7Nepv7KtE+EHaZBEHAHpuDt/kVrUD7RaMDrL1xgr0hrBiEIOAZmy13K7QTGS6uOuZSCK2aTzr6XhlvUYrNnrsU69euzTtg5FWGlvCnXN9VpCZaBbjgpHwMwJ20CVEOTUhJGT+YWwg0d0AqcdERJgrXlAyigxEgvYGwF62rMFMMOnHXijfiyY7bM068QpgIImG2DsK0NX/8gkDxPco+jw6iAKRQL0TyW0kEEqtTFLCMJFwrgTzAnUWQ9vR4PwksI4lOJZBSDW5gGck+zoGIX4OkAAuB4uwtEPfKIt2hQc5DIaJkKeH61JAz/L+IFGaKvZD01P6wHYRDJvmKvHmCiWLAC3ddIZOxNkEiiEKm80429rVxXSGAzH/X6amraOmaQieiAtSZ02YVLbWY4nrwPtNzrBgcVn4VSC5xC/3qLdG9EAWTv0R0cn1Ho/8S/QF0SKYyTJ2uMgAAAABJRU5ErkJggg==') 0 0 no-repeat;
    }

    .details-icon-custom.icon-custom-half {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF/SURBVHgBrZWhc4NQDMbzesMUUzEmNlFMTc3MKqb2t89sZqYGU7OKzWCooGIV7AvNg5R7UHrku8u9Iw/yI+GROBpQVVURlifYPewBNpetE6wQ+3XO5UNx3ABghWUNi+i6StgnYMUoCILHWF5giXLn8tYH2LKzp5UBlHWddwHAG7Vl4eBb/Ya4pw/AWmN/jvu/ghCpvwZw8B3drhSxjjqjmX4LA0ATS2dcQ6RMK/HtJgIa0AVEOfiUWABYic/GQ3xqObI4kp0eawhoC2q/xZ5s1WSif7aCbBV7SOw9KNWJbBV5yJ/3yL9iLoboDx2Treryz6Rl+DIlZKs6gZkmkhw5Q/1oiO8z/ANZgUpUad9AZOj4wbPhTkrTFWyQ3J7529TdeCKo8FlcQODkvrWVy1hAS7pdHOdDO0KTMcXyTG0n4Ic49QOfROxv6Dwd+wDv3f4XnPHS+l9hCxov7t5ZqGu4oafkpKXUf7Q54DedZ1Bv9x6EdICcFZeQs+SylGPHwj8YqokP30s40QAAAABJRU5ErkJggg==') 0 0 no-repeat;
    }

    .details-icon-custom.icon-custom-full {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgBtZUhb8MwEIWfI4UspGAZ2EhIScjIyNB++8hGRkZCRjrQkpKQFLQgfZfaqZNGrpvan3Sy5Kr3+S7JWcFB27YplxfGI+OJ8aB/OjBqHRul1NaVRzkESy4lI8V1GsY3ZbWXhMkzLm+MHLdTUVQ5JVrwgXNb5rCi6MfeSCxBGkAgFMxVTkpw6v+9gj4XRflAotu0RFjKgcTeCEhuqjGSOW+SD8+dhLYFwj2LMX0lPh/bXDIjyRCP1Ej2iIxIdohHN8sSPdQOiENXQGIbI7C2JRXC07BL/71EXzpbhKU/uD0gZTyHeja1qWIg4abcbr+4H8nzZW9M3YwFl1fMmwQi+OSBd06JFskUeGcs4M8fTtfvRcuV61+UyRQtoKfpBJJwJYLx6b0lI6FUJS2UKqUtjSuxzREi/VlkccKJqAAAAABJRU5ErkJggg==') 0 0 no-repeat;
    }

/*
    CUSTOM STYLES FOR ServiceConfig.cshtml PAGE
*/
 
#service-config .dx-fieldset {
    margin-right: 0px;
    margin-left: 0px;
}

#service-config .dx-texteditor-input, .dx-field-value, .dx-placeholder, .dx-field-label {
    font-size: 14px;
}

#beta-clone-popup-contents {
    margin: 30px;
}

    #beta-clone-popup-contents #beta-clone-header-icon {
        font-size: 25px;
        margin-left: 13px;
        margin-right: 10px;
    }

    #beta-clone-popup-contents #beta-clone-confirm-selection-button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

/*
    CUSTOM STYLES FOR ServiceBox.cshtml PAGE
*/

.serviceitem-margin {
    margin-bottom: 2px;
    padding: 2px !important;
}

.serviceitem-dotted-border {
    border: 1px dashed #636D77;
}

/*
    DEVEXTREME EXTENSION STYLES
*/
.dx-fieldset {
    margin: 30px 15px;
    padding: 0;
}

.dx-datagrid .dx-row-alt > td {
    background-color: #184144;
    border-top-color: #20c7b1;
    border-bottom-color: #20c7b1;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom-color: #20c7b1;
}

.dx-datagrid .dx-row-lines > td {
    border-bottom-color: #20c7b1;
}

.dx-icon-VISlogo {
    background: url('data:image/png;base64,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') 0 0 no-repeat;
}

.dx-texteditor.dx-editor-underlined .dx-placeholder::before, .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
    padding: 7px 0 6px;
}


/* 
    BOOTSTRAP EXTENSION STYLES
*/

.badge-danger {
    color: #212529;
    background-color: #F2C94C;
}

/*
    DATERANGEPICKER STYLES
*/

div.daterangepicker {
    position: fixed; 
    background-color: #283543;
    box-shadow: 0 10px 15px rgba(0 0 0 / 40%);
    border: none;
}

    div.daterangepicker::before,
    div.daterangepicker::after {
        content: none;
    }

    div.daterangepicker div.calendar-table {
        background-color: #283543;
        border: none;
    }

        div.daterangepicker div.calendar-table td.in-range {
            background-color: #0f1923;
            color: white;
        }

        div.daterangepicker div.calendar-table td.off.ends {
            background-color: #283543;
        }

        div.daterangepicker div.calendar-table td.disabled {
            background-color: #283543;
            cursor: pointer;
            text-decoration: none;
        }

        div.daterangepicker div.calendar-table td.hover:not(.off.ends) {
            color: white;
        }

        div.daterangepicker div.calendar-table td.start-date {
            background-color: #3bdfca;
            color: black;
        }

        div.daterangepicker div.calendar-table td.end-date {
            background-color: #3bdfca;
            color: black;
        }

        div.daterangepicker div.calendar-table td.available:hover, .daterangepicker div.calendar-table th.available:hover {
            background-color: #283543;
        }

    div.daterangepicker div.ranges li.active {
        background-color: #3bdfca;
        color: black;
    }

    div.daterangepicker div.ranges li.active:hover {
        color: white;
    }

    div.daterangepicker div.ranges li:hover {
        background-color: #0f1923;
    }

    div.daterangepicker.show-ranges.ltr div.drp-calendar.left {
        border-color: #0f1923;
    }

    div.daterangepicker.show-calendar div.drp-buttons {
        border-color: #0f1923;
    }


/*
    IMAGECOMPARE STYLES
*/

#image-compare .right-image-dotted-border {
    border: 2px dashed #283543;
}

#image-compare .invisible-border {
    border: solid;
    border-width: 1px;
    border-color: #0F1923;
}

#image-compare .left-image-letter-background {
    z-index: 1;
    right: 0.0rem;
    background-color: #04ECA6;
    width: 25px;
}

#image-compare .right-image-letter-background {
    z-index: 1;
    right: 0.0rem;
    border-color: #04B4EC !important;
    background-color: #04B4EC;
    width:25px;
}

/*
    Ranges Configuration styles
*/

#ranges-configuration-container {
    padding: 0;
}

    #ranges-configuration-container div.configure-ranges-description {
        margin: 5px 14px;
        padding: 10px 0;
        background-color: #283543;
        border-radius: 3px;
        flex-shrink: inherit;
        display: flex;
        width: 100%;
    }

        #ranges-configuration-container div.configure-ranges-description i.configure-ranges-description-icon {
            font-size: xx-large;
            padding: 0.3em;
            border-radius: 30px;
            display: inline-block;
        }

        #ranges-configuration-container div.configure-ranges-description div.configure-ranges-description-text {
            font-weight: lighter;
            font-size: 14px;
            padding-left: 20px;
        }

    #ranges-configuration-container .align-text-right {
        text-align: right;
    }

    #ranges-configuration-container .dx-field-item-label {
        font-size: 14px;
        font-weight: lighter;
    }

    #ranges-configuration-container .dx-field-item-label-location-left {
        padding-right: 100px;
    }

    #ranges-configuration-container .dx-field-item {
        padding-top: 10px;
    }

        #ranges-configuration-container .dx-field-item.dx-first-row.dx-last-row {
            padding-bottom: 30px;
        }

    #ranges-configuration-container div.right-align-input .dx-texteditor-input {
        text-align: right;
        padding-right: 10px;
    }

    #ranges-configuration-container .chart-demo {
        width: 100%;
    }

    #ranges-configuration-container #ranges-configuration-chart {
        width: 100%;
    }

    #ranges-configuration-container .ranges-image-container {
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        #ranges-configuration-container .ranges-image-container img { /* to ensure images won't overflow the container */
            max-height: 100%;
            max-width: 100%;
        }

            #ranges-configuration-container .ranges-image-container img#configure-ranges-info-img {
                margin-left: 10px;
            }

            #ranges-configuration-container .ranges-image-container img#configure-ranges-2sd-img {
                margin-top: 20px;
                max-height: 80%;
                max-width: 80%;
            }

    #ranges-configuration-container .tag-box-label {
        font-size: 13px;
    }

    #ranges-configuration-container .ranges-configuration-preview-title {
        font-size: 23px;
    }

    #ranges-configuration-container #select-all-ranges-button {
        margin-right: 10px;
    }

.custom-tooltip {
    position: absolute;
    min-height: 160px; /* Set a flexible minimum height */
    width: 170px;
    border-radius: 3px;
    border-style: solid;
    border-color: #101923;
    border-width: thin;
    background-color: #636D77;
    z-index: 9999; /* Make sure the tooltip appears above other elements */
    font-size: 12px;
    padding: 10px;
    display: block;
}

    .custom-tooltip #ranges-hover-image {
        height: 150px;
        width: 150px;
        display: block;
        margin: 0 auto 10px auto;
    }

    .custom-tooltip #ranges-hover-score {
        line-height: 1.2; 
        text-align: left;

/*
    Co-Branding styles
*/

#co-branding-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */

    width: 100vw;
    height: calc(100vh - 70px);
    background-image: linear-gradient(147deg, rgba(0, 193, 120, 0.0) 11.11%, rgba(0, 0, 0, 0.5) 98.66%), url('../images/background-core.jpg');
    background-size: cover;
    background-position: center;
    mix-blend-mode: screen;
    text-align: center;
}

    #co-branding-container .branding-tile {
        display: flex;
        flex-direction: column; /* Stacks children vertically */
        align-items: center; /* Centers children horizontally in the container */
        justify-content: center;
        margin-top: -100px;
        border-radius: 5px;
        background: #FFF;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
        height: 450px;
        width: 400px;
    }

        #co-branding-container .branding-tile > * {
            text-align: center; /* Ensures text in all children is centered */
        }

    #co-branding-container .branding-tile-spacer {
        height: 100px;
    }

    #co-branding-container h5 {
        color: black;
    }

    #co-branding-container img.co-branding-logo {
        width: 170px;
    }

    #co-branding-container div.co-branding-text {
        color: black;
        width: 300px;
        text-align: center;
    }

    #co-branding-container #co-branding-button {
        width: 150px;
        background-color: #2C3540;
    }

/*
    Settings page styles
*/

#confirmEncryptionPopup #encryption-key-display {
    border: 2px solid #3bdfca;
    background-color: #0f1923;
}

    #confirmEncryptionPopup #encryption-key-display textarea {
        font-size: 14px;
    }

    #confirmEncryptionPopup #encryption-key-display div.dx-texteditor-buttons-container div.dx-button i.dx-icon {
        opacity: 50%;
    }

#encryption-key-display {
    background-color: #0f1923;
    font-size: 14px !important;
}

    #encryption-key-display textarea {
        font-size: 14px;
    }

    #encryption-key-display i.dx-icon-copy {
        opacity: 50%;
    }

.encryption-key-label {
    color: #3bdfca;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

#accept-encryption-confirmation span.dx-checkbox-text {
    padding-left: 20px;
    opacity: 75%;
}

#cancel-encryption {
    margin-right: 10px;
}

.validation-space-margin {
    margin-bottom: 25px !important;
}