/* 
DO NOT CHANGE VARIABLE NAMES, ONLY THE VALUES! 
Only hexcode is allowed for colors
*/

:root {
    /*MAIN COLORS*/
    --default-font-color: #212529;
    --main-bg-gradient-top-color: #0A121D;
    --main-bg-gradient-bottom-color: #0A121D;
    --header-bg-color: #0A121D;
    --header-font-color: #fff;
    --header-border-bottom-color: #0A121D;
    --wrapper-bg-color-primary: #fff; /*booking container */
    --primary-color: #20419a;
    --primary-bg-text-color: #fff;
    --radio-checkbox-color: #fff;
    /* BUTTONS */
    --primary-btn-bg-color: #00a499;
    --primary-btn-bg-disabled-color: #00a499;
    --primary-btn-text-color: #fff; /*buttons font color*/
    --primary-btn-text-color-timeslot: #740127; /*buttons font color*/
    --reset-btn-bg-color: #fafafa;
    --reset-btn-text-color: #da0000;
    --reset-btn-border-color: #0A121D;
    /*INPUTS & SELECTION ELEMENTS*/
    --default-border-color: #d8d8d8;
    --focused-element: #1a1c34; /*expansion panels, btns, radios etc when focused or selected*/
    --not-focused-element: #00a499; /*expansion panels when not focused*/
    --defined-focused-element: #0A121D;
    --process-step-number-bg: #ffffff; /*process steps*/
    --not-focused-process-step-number-bg: #ffffff; /*not focused process steps*/
    --process-step-number-text-color: #000000;
    --process-step-name-text-color: #fff;
	--date-picker-container-bg-color: #fff; 
    --timeslots-container-bg-color: #fff;
    --input-border-color: #999999;
    --input-selection-bg-color: #ffffff;
    --input-selection-bg-secondary-color: #fafafa;
    --input-label-text-color-focus: #da0000;
    --tabfocus-outline-color: #0083FF;
    --tabfocus-shadow-color: #0083FF;
    /*MESSAGES*/
    --message-info-bg-color: #017c65;
    --message-warning-bg-color: #f8aa00;
    --message-error-bg-color: #da0000;
    /*OTHER*/
    --progress-bar-color: #020202;
    /* Info Icon */
    --info-icon-color: #017c65;
    --info-icon-text-color: #fff;
    --info-icon-hover-color: #017c65;
    --footer-bg-color: #0A121D;
    --footer-color: #fff;
    --footer-hover-color:#ccc;

    /* non colours */
    /*If the application will be embedded as an iframe and you don't want to display the main header, use:
    --display-header: none;
    otherwise the default value should be: --display-header: initial;*/
    --display-header: initial;
    --tabfocus-outline-width: 3px;
    --tabfocus-outline-style: solid;
    --tabfocus-shadow-width: 0 0 6px;
}