/* custom theme for Airsphere Virtual Queuing Web Application */

/****** general style settings ******/

.airsphere-custom{
    font-family: DUS Fakt Pro Semi Bold,Arial,Helvetica,sans-serif;
    color: rgb(88,88,88);
    /* primary accent color */
	--mdc-theme-primary: #004a99!important;
	/* background color */
	background-color: #f2f2f2;
    --time-selection-card-color: #f2f2f2;
	/* button text color for unselected buttons on edit page */
	--mdc-outlined-button-label-text-color: var(--mdc-theme-primary);
}

.airsphere-custom .mat-sidenav-content{
    background-color: #f2f2f2;
}

.airsphere-custom .mat-mdc-card.mdc-card.unselected .cardButton .mat-mdc-button-persistent-ripple{
    background-color: #f2f2f2;
}

.airsphere-custom .mat-mdc-card.mdc-card.selected .cardButton .mat-mdc-button-persistent-ripple{
    background-color: var(--mdc-theme-primary)!important;
}
/****** header row with booking steps ******/

/* current step icon background in header row */
.airsphere-custom .mat-step-icon-selected{
    background-color: var(--mdc-theme-primary)!important;
}

/* editable icon background in header row */
.airsphere-custom .mat-step-icon-state-edit{
	background-color: var(--mdc-theme-primary)!important;
}

/* finished icon background in header row */
.airsphere-custom .mat-step-icon-state-done{
	background-color: var(--mdc-theme-primary)!important;
}


/* step icon text color in header row */
.airsphere-custom .mat-step-icon-content{
	color: white!important;
}


/****** calendar date picker ******/

/* calendar date picker mouse over */
.airsphere-custom .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){
	background-color: #c5d9e8;
}

/* calendar date picker <today> */
.airsphere-custom .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical):not(.mat-calendar-body-cell:hover){
	background-color: white;
}

/* calendar date picker selected date */
.airsphere-custom .mat-calendar-body-selected {
    background-color: var(--mdc-theme-primary)!important;
}

/* calendar date picker click on calendar icon */
.airsphere-custom .mat-datepicker-toggle-active {
    color: var(--mdc-theme-primary)!important;
}

.airsphere-custom .mat-mdc-button-touch-target:hover{
	color: #c5d9e8!important;
}


/****** miscellaneous ******/

/* link text color */
.airsphere-custom a{
    color: var(--mdc-theme-primary)!important;
    font-weight: 600;
}

/* selected text field boarder */
.airsphere-custom .mdc-text-field--focused .mdc-floating-label{
    color: var(--mdc-theme-primary)!important;
}

/* selected text field label */
.airsphere-custom .mdc-floating-label--float-above{
    color: var(--mdc-theme-primary)!important;
}

/* checkboxes */
.airsphere-custom .mat-mdc-checkbox{
    --mdc-checkbox-selected-focus-icon-color: var(--mdc-theme-primary)!important;
    --mdc-checkbox-selected-hover-icon-color: var(--mdc-theme-primary)!important;
    --mdc-checkbox-selected-icon-color: var(--mdc-theme-primary)!important;
    --mdc-checkbox-selected-pressed-icon-color: var(--mdc-theme-primary)!important;
    --mdc-checkbox-selected-checkmark-color:  white!important;
}

.airsphere-custom .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple{
     background: var(--mdc-theme-primary)!important;
}


.airsphere-custom .mat-toolbar.mat-primary{
    background: var(--mdc-theme-primary)!important;
}


/* buttons */
.airsphere-custom .mat-mdc-unelevated-button{
    background-color: var(--mdc-theme-primary)!important;
}

.airsphere-custom .mat-mdc-unelevated-button:disabled{
    background-color: #7d7d7d!important;
}

.airsphere-custom .mdc-filled-button-disabled-label-text-color{
    color: #dbdbdb!important;
}

.airsphere-custom .mat-mdc-outlined-button span {
    color: var(--mdc-theme-primary)!important;
}

/* edit page */

.airsphere-custom .cdk-text-field-autofilled{
	background: #FFFFFF!important;
}

/* others */

.airsphere-custom .mdc-card.selected{
    background: var(--mdc-theme-primary)!important;
    color: white!important;
}

.airsphere-custom mat-spinner{
	--mdc-circular-progress-active-indicator-color: var(--mdc-theme-primary);
}

/*
.airsphere-custom mat-icon{
    color: var(--mdc-theme-primary)!important;
}
*/