@font-face {
    font-family: "OpenSansBold";
    src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "OpenSans";
    src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}


:root {
    --tcas-alert-bg: #f8d7da;
    --tcas-black: #000000;
    --tcas-black-light: #5B5B5B;
    --tcas-lavender: #E5E6ED;
    --tcas-gray-light: #EEEEEE;
    --tcas-gray-dark: #C4C4C4;
    --tcas-red: #FF0000;
    --tcas-white: #FFFFFF;
    --tcas-default-color: #212529;
    --tcas-font-opensans: 'OpenSans';
    --tcas-font-opensans-bold: 'OpenSansBold';
    --tcas-font-roboto: Roboto;
    --tcas-body-font-family: var(--tcas-font-opensans);
    --tcas-body-font-color: var(--tcas-default-color);
    --tcas-header-font-color: var(--tcas-theme-500);
    --tcas-label-font-color: var(--tcas-theme-500);
    --tcas-theme-bg: var(--tcas-theme-500);
    --tcas-theme-bg-font-color: var(--tcas-white);
    --tcas-theme-card-body-bg: var(--tcas-lavender);
    --tcas-theme-control-bg: var(--tcas-gray-light);
    --tcas-theme-control-border-color: var(--tcas-theme-500);
    --tcas-theme-control-border-focus: var(--tcas-theme-300);
    --tcas-theme-control-disabled-bg: var(--tcas-gray-dark);
    --tcas-theme-control-focus-bg: var(--tcas-white);
    --tcas-theme-control-font-color: var(--tcas-black-light);
    --tcas-theme-control-font-family: var(--tcas-font-roboto);
    --tcas-theme-font-color: var(--tcas-theme-500);
    --tcas-theme-header-font-color: var(--tcas-white);
    --tcas-theme-header-bg: var(--tcas-theme-500);
    --tcas-theme-footer-bg: var(--tcas-gray-dark);
    --tcas-theme-btn-bg: var(--tcas-theme);
    --tcas-theme-btn-color: var(--tcas-white);
    --tcas-theme-btn-hover-bg: var(--tcas-theme-500);
    --tcas-theme-btn-hover-border-color: var(--tcas-theme-500);
    --tcas-theme-btn-active-bg: var(--tcas-theme);
    --tcas-theme-btn-active-border-color: var(--tcas-theme-500);
    --tcas-theme-btn-disabled-bg: var(--tcas-theme);
    --tcas-theme-btn-disabled-border-color: var(--tcas-theme);
    --tcas-theme-btn-link-color: var(--tcas-theme-500);
    --tcas-theme-btn-link-hover-color: var(--tcas-theme);
    --tcas-theme-icon-color: var(--tcas-theme-500);
    --tcas-theme-icon-female-color: lightpink;
    --tcas-theme-icon-male-color: lightblue;
    --tcas-theme-icon-bed-not-available: #B22222;
    --tcas-theme-wizard-active-bg: var(--tcas-theme);
    --tcas-theme-wizard-active-border: var(--tcas-theme);
    --tcas-theme-wizard-active-font-color: var(--tcas-white);
    --tcas-theme-wizard-complete-bg: var(--tcas-theme-500);
    --tcas-theme-wizard-complete-border: var(--tcas-theme-500);
    --tcas-theme-wizard-complete-font-color: var(--tcas-white);
    --tcas-theme-wizard-hollow-bg: var(--tcas-gray-light);
    --tcas-theme-wizard-hollow-border: var(--tcas-gray-light);
    --tcas-theme-wizard-hollow-font-color: var(--tcas-black);
    --tcas-theme-wizard-font-family: var(--tcas-font-opensans-bold);
    --tcas-theme-spinner-color: var(--tcas-theme-500);
}
.half-backgroud {
    background-image: url('../Branding/defaults/default_tcas_app_bg.jpg');
}