@import url('./icons.css');

@font-face {
    font-family: 'Capriola';
    src: url('/fonts/Capriola-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3';
    src: url('/fonts/SourceSans3-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root {
    --primary-color: #00467F;
}

html, body {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--dxds-color-border-success-default-rest);
}

.invalid {
    outline: 1px solid var(--dxds-color-border-danger-default-rest);
}

.validation-message {
    color: var(--dxds-color-content-danger-default-rest);
}

.button-link {
    text-decoration: unset;
}

.title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0;
}

.title.title-secondary {
    padding: 0.313rem 0 0;
    color: var(--dxds-color-content-secondary-default-rest);
}

.title-header-text {
    font-size: var(--dxds-font-size-headline-lg);
    font-weight: var(--dxds-font-weight-headline-default);
    letter-spacing: var(--dxds-letter-spacing-headline-lg);
    line-height: var(--dxds-line-height-headline-lg);
}

.title-content-text {
    font-size: var(--dxds-font-size-base-lg);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-lg);
    line-height: var(--dxds-line-height-base-lg);
}

.main-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}


/* Custom DevExpress Theme Modifications */

.dxbl-btn {
    border-radius: 8px;
    height: 36px;
    --dxbl-btn-padding-x: 10px;
}

.dxbl-grid {
    --dxbl-grid-border-radius: 8px;
    overflow: hidden;
}

.dxbl-text-edit {
    border-radius: 12px;
    height: 40px;
    overflow: hidden;
    border-bottom-color: var(--dxbl-text-edit-border-color);
    --dxbl-text-edit-underline-focused-height: 0;
}

.dxbl-text-edit:focus-within {
    --dxbl-text-edit-underline-focused-height: 0;
}

/* Application Dialog Styling */
dxbl-modal-dialog {
    border-radius: 12px;
    font-family: 'Segoe UI';
}

.dxbl-modal-dialog span {
    font-family: inherit;
}

.dxbl-modal-header {
    background-color: #00467F !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.dxbl-modal-header-default {
    color: #FFF;
}

.dxbl-modal-header-default svg {
    fill: #FFF !important;
}

.dxbl-modal-body {
    overflow-y: scroll;
    scroll-behavior: auto;
}