:root {
    /*--DS-color-content-primary-default-rest: 0, 164, 230;*/
    /*--DS-color-content-primary-default-rest: 15, 108, 189;*/
    /*--DS-color-content-primary-default-rest: var(--DS-color-content-primary-default-rest);*/
    /*--ddd: var(--DS-color-content-primary-default-rest)*/
}
.close-button {
    padding: 0;
    color: white;
    margin-left: auto;
}

.window-header {
    width: 100%;
    padding: 10px 10px;
    border-bottom: 5px solid #00a4e6;
    background: rgb(62, 62, 62);
}

.window-header-light {
    /*border-top: 7px solid var(--DS-color-content-primary-default-rest);*/
    /*border-bottom: 5px solid var(--DS-color-content-primary-default-rest);*/
    /*background: rgb(237, 237, 237)*/
    color: white;
    /*background: rgba(var(--DS-color-content-primary-default-rest), 0.1);*/
    /*filter: brightness(35%);*/
}

.window-header-dark {
    /*border-bottom: 5px solid var(--DS-color-content-primary-default-rest);*/
/*    background: rgb(68, 68, 68)
*/    /*background: rgba(var(--DS-color-content-primary-default-rest), 0.15);*/
}

.form-toolbar {
    padding-top: 10px;
    padding-right: 24px;
    padding-left: 24px;
}

/* Main container for the header component */
.form-header {
    display: flex; /* Use Flexbox for easy horizontal alignment */
    align-items: start; /* Vertically align the icon and text block */
    gap: 15px; /* Space between the icon and the text */
}



/* Container for the icon */
.form-icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; /* Prevents the icon from shrinking */
}

.full-width {
    width: 100%;
}

/* Container for the two lines of text */
.form-titles {
    display: flex;
    flex-direction: column;
    min-width: 400px;
}

.form-title {
    display: flex;
    align-items: center;
}

/* Styling for the main title */
.form-titles .title, .form-title .title {
    font-size: 20px;
    font-weight: 600; /* Bold */
    line-height: 1.2;
}

/* Styling for the subtitle */
.form-titles .subtitle, .form-title .subtitle {
    font-size: 14px;
    font-weight: 400; /* Normal weight */
    margin-top: 0px;
    margin-bottom: 6px;
}

/*.steps {
    display: flex;*/ /* Use Flexbox for easy horizontal alignment */
    /*align-items: center;*/ /* Vertically align the icon and text block */
    /*gap: 15px;*/ /* Space between the icon and the text */
    /*padding: 5px 15px;
}*/
.dxbl-group > .dxbl-group-header > .dxbl-text, .dxbl-tabs-text-overflow {
    text-transform: uppercase;
}
.dxbl-group > .dxbl-group-header {
    display: flex;
}

    .dxbl-group > .dxbl-group-header > .dxbl-text {
        /*background: rgba(var(--DS-color-content-primary-default-rest), 0.2);*/
        /*border-bottom: 2px solid rgba(var(--DS-color-content-primary-default-rest), 0.6);*/
        /*padding: 4px 2px;*/
        /*border-radius: 4px 4px 0 0;*/
        /*color: #0085ba; --var(--DS-color-content-primary-default-rest);*/
        display: inline-block;
        width: auto;
        flex: 0 0 auto;
        font-weight: 600;
    }