:root {
    --website-thema-red: #F44336;
    --website-thema-red-semi-transparent: rgba(244, 67, 54, 0.5);
    --website-thema-red-transparent: rgba(244, 67, 54, 0);
    
    --website-thema-green: #4CAF50;
    --website-thema-green-semi-transparent: rgba(76, 175, 80, 0.5);
    
    --website-thema-yellow: #FFC107;
    --website-thema-yellow-semi-transparent: rgba(255, 193, 7, 0.5);
    
    --website-thema-blue: #2196F3;
    --website-thema-blue-semi-transparent: rgba(33, 150, 243, 0.5);

    --website-thema-orange: #FF9800;
    --website-thema-orange-semi-transparent: rgba(255, 152, 0, 0.5);
    
    --website-thema-purple: #9500ff;
    --website-thema-purple-semi-transparent: rgba(149, 0, 255, 0.5);

    /*Material Symbols*/
    --rz-icon-font-family: MaterialSymbols;
    
    --rz-root-font-size: 16px;
    --rz-text-font-family: Manrope;
    --rz-white: #ffffff;
    --rz-body-background-color: white;
    /*--rz-black: #000000;*/
    /*--rz-base-50: #fafafa;*/
    /*--rz-base-100: #f5f5f5;*/
    /*--rz-base-200: #eeeeee;*/
    /*--rz-base-300: #e0e0e0;*/
    /*--rz-base-400: #bdbdbd;*/
    /*--rz-base-500: #9e9e9e;*/
    /*--rz-base-600: #757575;*/
    /*--rz-base-700: #616161;*/
    /*--rz-base-800: #424242;*/
    --rz-text-title-color: #0C1422;
    --rz-base-900: #0C1422;

    --rz-primary-light: #d7e0ff;
    /*--rz-primary-lighter: #3f5fc7;*/
    --rz-primary-lighter: #d7e0ff;
    --rz-primary: #324DA1;
    --rz-on-primary: #ffffff;
    --rz-primary-darker: #22346d;
    --rz-primary-dark: #1a2854;

    --rz-secondary: #F4C82B;
    --rz-secondary-dark: #ab8c1e;
    --rz-on-secondary: #0C1422;
    --rz-secondary-light: #ffdf2c;
    --rz-secondary-lighter:rgba(255, 223, 44, 0.2);


    --rz-tertiary: #A13232;
    
    /*--rz-secondary-lighter: rgba(233, 30, 99, 0.12);*/
    /*--rz-secondary-dark: #ba184f;*/
    /*--rz-secondary-darker: #9e1443;*/
    --rz-info: #4C72ED;
    /*--rz-info-light: #4dabf5;*/
    /*--rz-info-lighter: rgba(33, 150, 243, 0.2);*/
    /*--rz-info-dark: #1a78c2;*/
    /*--rz-info-darker: #1666a5;*/
    --rz-success: #67A123;
    /*--rz-success-light: #70bf73;*/
    /*--rz-success-lighter: rgba(76, 175, 80, 0.16);*/
    /*--rz-success-dark: #3d8c40;*/
    /*--rz-success-darker: #347736;*/
    /*--rz-warning: #ff9800;*/
    /*--rz-warning-light: #ffad33;*/
    /*--rz-warning-lighter: rgba(255, 152, 0, 0.2);*/
    /*--rz-warning-dark: #cc7a00;*/
    /*--rz-warning-darker: #ad6700;*/
    /*--rz-danger: #f44336;*/
    /*--rz-danger-light: #f6695e;*/
    /*--rz-danger-lighter: rgba(244, 67, 54, 0.2);*/
    /*--rz-danger-dark: #c3362b;*/
    /*--rz-danger-darker: #a62e25;*/
    --rz-disabled: #BDBDBD;    
    
    --rz-border-radius: 8px;

    --rz-panel-menu-item-active-background-color: var(--rz-primary-light);
    
    --rz-text-h1-font-size: min(57px, 12vw);
    --rz-text-h2-font-size: min(45px, 10vw);
    --rz-text-h3-font-size: min(30px, 8vw);
    
    --rz-text-body1-margin-bottom: 0;
    --rz-layout-body-padding: 0;
    --rz-card-border-radius: 16px;
    /*Timeline*/

}

h1, h2, h3, h4, h5, h6 {
    font-family: GothamBlack, serif !important;
}

.rz-text-primary{
    color: var(--rz-primary);
}
.rz-text{
    color: var(--rz-text-body1-color)!important;
}

.rz-text-white{
    color: var(--rz-white);
    .rz-button-box{
        color: var(--rz-white)!important;
    }
}

.bg-gray{
    background-color: #EFF1F4!important;
}

.bg-default{
    background-color: var(--rz-body-background-color) !important;
}

.bg-primary-dark{
    background-color: #0C1422 !important;
}

.bg-primary {
    color: var(--rz-on-primary) !important;
    --rz-text-h4-color: #ffffff !important;
    --rz-text-body1-color: #ffffff !important;
    background-color: var(--rz-primary) !important;    
}

.bg-secondary {
    background-color: var(--rz-secondary) !important;
}

.chat-input-sizer {
    display: inline-grid;
    vertical-align: top;
    position: relative;
    align-items: stretch;
}

.chat-input-sizer::after,
 input,
 textarea {
     width: auto;
     min-width: 1em;
     grid-area: 1 / 1;
     font: inherit;
     padding: 0.5em;
     margin: 0;
     resize: none;
     background: none;
     appearance: none;
     border: none;
 }

.chat-input-sizer::after {
     content: attr(data-value) ' ';
     visibility: hidden;
     white-space: pre-wrap;
 }

.chat-input-sizer:focus-within textarea:focus, .chat-input-sizer:focus-within input:focus {
    outline: none;
}

.rz-form-field-helper{
    font-size: small;
}

.rz-timeline-axis-sm .rz-dropdown-trigger-icon.rzi{
    font-size: var(--rz-dropdown-trigger-icon-height);
}

.rz-timeline-axis-sm .rz-spinner-button.rzi{
    font-size: var(--rz-numeric-button-height);
}
.rz-bg-primary{
    background-color: var(--rz-primary);
}
.rz-text-primary{
    color: var(--rz-primary)!important;
 }

.rz-color-secondary{
    color: var(--rz-secondary);
}


.rz-button-md {
    padding: 0.6rem 2rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: none;
}
.rz-button.rz-variant-outlined.rz-secondary{
    color: var(--rz-text-color)!important;
}

.disabled-card{
    background-color: var(--rz-disabled);
}