:root {
    /* 
        Colors: 
    */
    --text-color: #000000;
    --text-hover-color: #FFFFFF;
    --error-color: #FF6F6F;
    --success-color: #B4D916;
    --description-color: #7E84A3;
    --menu-color: #7E84A3;
    --heading-color: #072F60;
    --body-background-color: #F2F4F7;
    --rounded-panel-background-color: #FFFFFF;
    --status-failed-background-color: rgba(255, 111, 111, 0.2);
    --status-done-background-color: rgba(180, 217, 22, 0.2);
    --status-other-background-color: #E5E9EF;
    --navbar-background-color: #E5E9EF;
    --coaching-background-color: #FFFFFF;
    --navbar-border-color: #072F60;
    --coaching-color: #000000;
    --tenant-color: #072F60;
    --sidemenu-color: #072F60;
    --box-shadow-color1: rgba(0, 0, 0, 0.1);
    --box-shadow-color2: rgba(0, 0, 0, 0.13);
    /* 
        Colors 2: 
    */
    --unnamed-color-f2f2f6: #F2F2F6;
    --unnamed-color-e5e6ed: #E5E6ED;
    --unnamed-color-cbceda: #CBCEDA;
    --unnamed-color-497091: #497091;
    --unnamed-color-2d384f: #2D384F;
    --unnamed-color-162f49: #162F49;
    --unnamed-color-bc4646: #BC4646;
    --unnamed-color-55841e: #55841E;
    --unnamed-color-7bb9e7: #7BB9E7;
    --unnamed-color-3a4153: #3A4153;
    --unnamed-color-464c5c: #464C5C;
    --unnamed-color-313849: #313849;
    --unnamed-color-19263a: #19263A;
    /* 
        Font/text values 
    */
    --unnamed-font-family-roboto-medium: Roboto Medium;
    --unnamed-font-family-ubuntu: Ubuntu;
    --unnamed-font-family-roboto: Roboto;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-weight-medium: medium;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-size-10: 10px;
    --unnamed-font-size-12: 12px;
    --unnamed-font-size-13: 13px;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-22: 22px;
    --unnamed-font-size-30: 30px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing-0-75: 0.75px;
    --unnamed-line-spacing-13: 13px;
    --unnamed-line-spacing-18: 18px;
    --unnamed-line-spacing-36: 36px;
    --unnamed-line-spacing-37: 37px;
    --unnamed-line-spacing-48: 48px;
}

/* 
    Character Styles 
*/
.h1-h2 {
    font-family: var(--unnamed-font-family-ubuntu);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-30);
    line-height: var(--unnamed-line-spacing-48);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--heading-color);
}

.h3 {
    font-family: var(--unnamed-font-family-roboto-medium);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-22);
    line-height: var(--unnamed-line-spacing-48);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--heading-color);
}

.info-box-status {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-48);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--text-color);
}

.info-box-text {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-48);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--text-color);
}

.abo-status {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-30);
    line-height: var(--unnamed-line-spacing-37);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--success-color);
}

.error-message {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--error-color);
}

.table-text {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-48);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--text-color);
}

.table-desctriptions {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-10);
    line-height: var(--unnamed-line-spacing-13);
    letter-spacing: var(--unnamed-character-spacing-0-75);
    color: var(--text-color);
}

.navigation {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--text-color);
}

.footer-input {
    font-family: var(--unnamed-font-family-roboto);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-13);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--text-color);
}


.k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus {
    outline: none;
}

.k-wizard-step .k-wizard-content {
    background-color: transparent;
}

.k-stepper .k-step-label .k-step-text {
    white-space: normal;
}