/**************************************************************************************************************
 * CSS Template
 **************************************************************************************************************/


/** Main parameters configuration */

 :root {
	--primary: rgba(41, 150, 204, 1);
	--accent: rgba(186, 182, 185, 1);
	--warn: rgba(208, 50, 55, 1);
	
	--background-color: white;
	--logo: url('data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzAgMjAuNDMiPgogIDx0aXRsZT5Mb2dvPC90aXRsZT4KICA8Zz4KICAgIDxwYXRoIGQ9Ik0xMTguMTUsMjIuNjVWNDIuNDFIMTE2LjhWMjIuNjVtMS4zNSwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjE3IC0yMi4zMikiIHN0eWxlPSJmaWxsOiAjMWQxZDFiIi8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTEzMy4xNywyMi43MmMzLjQzLDAsNi4wNSwxLjg2LDYuMDUsNS40NnMtMi42Miw1LjMxLTYuMDUsNS4zMUgxMjh2OC45MmgtMS4zNVYyMi43Mk0xMzMuMTcsMjRIMTI4djguMjRoNS4xOGMyLjg3LDAsNC43NS0xLjM4LDQuNzUtNC4wOFMxMzYsMjQsMTMzLjE3LDI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xNyAtMjIuMzIpIiBzdHlsZT0iZmlsbDogI2QxMzIzNyIvPgogICAgICA8cGF0aCBkPSJNMTU0LjQ1LDQyLjQxbC0yLjQ3LTZoLTkuODJsLTIuNDcsNmgtMS40MWw4LjEzLTE5LjY5aDEuMzJsOC4xLDE5LjY5Wk0xNDgsMjYuNjZjLS42NC0xLjU1LS45LTIuMzEtLjktMi4zMXMtLjIyLjczLS44NywyLjI4bC0zLjUxLDguNjFoOC44WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xNyAtMjIuMzIpIiBzdHlsZT0iZmlsbDogI2QxMzIzNyIvPgogICAgICA8cGF0aCBkPSJNMTYzLjQ3LDQyLjU0QTkuMTUsOS4xNSwwLDAsMSwxNTcsMzkuMzZsMS0uODdhNy44NCw3Ljg0LDAsMCwwLDUuNTEsMi44MWMyLjcsMCw1LTEuNTEsNS00LjI0LDAtNS4zOC0xMC44OS0zLjQxLTEwLjg5LTkuNzQsMC0zLjM0LDIuOTMtNSw2LjE2LTVhNy41Miw3LjUyLDAsMCwxLDUuNDksMi4zbC0xLC45YTYuMiw2LjIsMCwwLDAtNC41My0yYy0yLjQ0LDAtNC44NCwxLjE5LTQuODQsMy43NywwLDUuMjYsMTAuODksMy4zNSwxMC44OSw5Ljc0QzE2OS44Myw0MC43MSwxNjYuNzQsNDIuNTQsMTYzLjQ3LDQyLjU0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xNyAtMjIuMzIpIiBzdHlsZT0iZmlsbDogI2QxMzIzNyIvPgogICAgPC9nPgogICAgPHBhdGggZD0iTTEwOC44NCwyOS45M2MtMS4xMi0xLjQ4LTIuMjItMi4zNS00LTIuMzVBMy42MSwzLjYxLDAsMCwwLDEwMi4wNywyOWwuMDYtMS4yMUg5OVY0Mi40MWgzLjIzYzAtMi43MywwLTgsMC0xMC43OWEyLjY2LDIuNjYsMCwwLDEsMi4wOC0xLjI2LDIuOCwyLjgsMCwwLDEsMi4xOSwxLjMyWm0tMTkuNjYuMzdjMS40OSwwLDIuNTMuOTMsMi44OSwyLjgxSDg2LjJjLjQtMS45NCwxLjQ5LTIuODEsMy0yLjgxbTYuMjQsNS40OFYzNWMwLTQuODYtMi43My03LjM5LTYuMjQtNy4zOXMtNi4zMiwyLjY3LTYuMzIsNy41OSwyLjg0LDcuNDQsNi41Miw3LjQ0YTYuOCw2LjgsMCwwLDAsNS41LTIuNzJsLTIuNjktMS43MmEzLjE2LDMuMTYsMCwwLDEtMi44MSwxLjUyYy0xLjgzLDAtMy4zMi0xLjQzLTMuMzUtMy45M1pNNzMuOSwzMC4zYzEuNDksMCwyLjUzLjkzLDIuODksMi44MUg3MC45MmMuNC0xLjk0LDEuNDktMi44MSwzLTIuODFtNi4yNCw1LjQ4VjM1YzAtNC44Ni0yLjczLTcuMzktNi4yNC03LjM5cy02LjMyLDIuNjctNi4zMiw3LjU5LDIuODQsNy40NCw2LjUyLDcuNDRhNi44LDYuOCwwLDAsMCw1LjUtMi43MmwtMi42OS0xLjcyYTMuMTUsMy4xNSwwLDAsMS0yLjgxLDEuNTJjLTEuODMsMC0zLjMyLTEuNDMtMy4zNC0zLjkzWk02NC4yNyw0Mi40MVYzMy45YzAtMy0uOS02LjM1LTQuODktNi4zNUE1LjU0LDUuNTQsMCwwLDAsNTUuNzYsMjlWMjIuNjNINTIuNVY0Mi40MWgzLjI2VjMxLjc5YTMuMjcsMy4yNywwLDAsMSwyLjcyLTEuNDFjMi4xOSwwLDIuNTMsMS44MywyLjUzLDMuNDZ2OC41N1pNNDkuNDQsNDAuMDVsLTIuMzMtMS44M2EzLjE4LDMuMTgsMCwwLDEtMi43OCwxLjQ2Yy0xLjgzLDAtMy4zMi0xLjQ5LTMuMzItNC41MnMxLjQ5LTQuNjksMy4zMi00LjY5YTMuMjcsMy4yNywwLDAsMSwyLjc4LDEuNDNMNDkuNDQsMzBhNi40Miw2LjQyLDAsMCwwLTUuMTEtMi4zOGMtMy40OSwwLTYuNTIsMi42Ni02LjUyLDcuNThzMyw3LjQ0LDYuNTIsNy40NGE2LjMyLDYuMzIsMCwwLDAsNS4xMS0yLjQ3Wm0tMTQuMS0zLjEyYzAtNi4zMi05LjEzLTUuNy05LjEzLTkuMTYsMC0xLjM1Ljk1LTIuMjIsMi43NS0yLjIyYTUsNSwwLDAsMSwzLjIsMS4zMmwyLjU2LTIuMjRBOS4wOCw5LjA4LDAsMCwwLDI5LDIyLjMyYy0zLjg1LDAtNi40NiwyLjI4LTYuNDYsNS41NiwwLDYuMTYsOS4yNCw1LjQ4LDkuMjQsOS4xMywwLDEuNDQtMS4xNSwyLjU2LTMuMDksMi41NmE1LjkzLDUuOTMsMCwwLDEtNC4yMS0yLjE0bC0yLjYxLDIuMjJhOS44Miw5LjgyLDAsMCwwLDYuODIsMy4wOWMzLjMyLDAsNi42OS0xLjg4LDYuNjktNS44MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xNyAtMjIuMzIpIiBzdHlsZT0iZmlsbDogIzFkMWQxYiIvPgogICAgPGc+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTMuNzYgMC4zNCAxMC42MiA5LjI4IDEwLjYyIDIwLjA5IDE2LjMgMjAuMDkgMTYuMyAxMC4yIDE5Ljg1IDAuMzQgMTMuNzYgMC4zNCIgc3R5bGU9ImZpbGw6ICNkMDM0MzkiLz4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAuMzQgMy41NSAxMC4yIDMuNTUgMjAuMDkgOS4yMyAyMC4wOSA5LjIzIDkuMjggNi4xIDAuMzQgMCAwLjM0IiBzdHlsZT0iZmlsbDogI2QwMzQzOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==');
	--logo-size: auto 20px;
	--caption-font: normal 200 20px Roboto;
	
	--header-background-color: unset;
	--header-color: white;
	/*--header-background-image: var(--logo), linear-gradient(145deg, white, rgba(5, 97, 141, 1), white);*/
	--header-background-image: var(--logo), linear-gradient(to right, transparent 0, transparent 48px, var(--white) 48px, var(--white) 248px, transparent 248px), linear-gradient(to bottom, var(--primary) 0, var(--primary) 8px, var(--white) 8px);
	--header-background-position: 64px center, left, top;
	
	--h1-font: 100 44px Roboto;
	
	--button-border-radius: 0;
	--button-color: white;
	--primary-button-color: white;
}


/** CSS definitions **/

body {
	background-color: var(--background-color);
}

header {
	background-color: var(--header-background-color) !important;
	background-image: var(--header-background-image) !important;
	background-position: var(--header-background-position) !important;
	background-size: var(--logo-size), cover !important;
}

header .caption {
	font: var(--caption-font) !important;
	color: var(--header-color);
}

.mat-flat-button {
	border-radius: var(--button-border-radius) !important;
}

body h1 {
	font: var(--h1-font) !important;
}

h1,
h2,
a:visited,
a:active,
a:hover,
.mat-datepicker-toggle-active,
.mat-icon.mat-primary,
.mat-nav-list .mat-list-item .mat-icon,
.mat-menu-item.active,
.mat-menu-panel .mat-menu-item .mat-icon-no-color,
.mat-menu-panel .mat-menu-item-submenu-trigger::after,
.mat-menu-panel mat-icon,
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary,
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled),
.mat-form-field.mat-focused .mat-form-field-label,
.mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after,
.filter-menu-item-suffix,
pas-data-table-lazy .data-table [aria-sort=ascending] .mat-sort-header-content:after,
pas-data-table .data-table [aria-sort=ascending] .mat-sort-header-content:after,
pas-data-table-lazy .data-table [aria-sort=descending] .mat-sort-header-content:after,
pas-data-table .data-table [aria-sort=descending] .mat-sort-header-content:after,
pas-data-table-lazy .data-table-footer mat-label,
pas-data-table .data-table-footer mat-label {
	color: var(--primary) !important;
}

pas-data-table-lazy .data-table-footer,
pas-data-table .data-table-footer {
	background: linear-gradient(to bottom, var(--primary) 2px, var(--background-color) 2px);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
	border-color: var(--primary) !important;
}

.mat-input-element {
	caret-color: var(--primary) !important;
}

pas-filter-menu-item mat-chip.mat-standard-chip.mat-primary,
pas-progress-view .task-processing #wave .dot,
.mat-badge-content,
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate,
.mat-snack-bar-container>*.mat-primary,
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-calendar-body-selected,
.mat-datepicker-content .mat-button.mat-stroked-button,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple,
.mat-progress-bar-fill::after,
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.blue .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-form-field.mat-focused .mat-form-field-ripple {
	background-color: var(--primary) !important;
}

.mat-calendar-body-in-range::before,
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
	background: var(--primary);
}

pas-filter-menu-item mat-chip.mat-standard-chip.mat-primary mat-icon.mat-chip-remove,
.mat-datepicker-content .mat-button.mat-stroked-button {
	color: white !important;
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
	background-color: var(--accent) !important;
}

body pas-data-table-lazy mat-toolbar.data-table-footer,
body pas-data-table mat-toolbar.data-table-footer {
	background: linear-gradient(to bottom, var(--primary) 2px, var(--background-color) 2px) !important;
}

.mat-progress-bar-background,
.mat-progress-bar-buffer {
	background-color: var(--accent) !important;
}

.responsive-view:before,
body .data-list-header,
body .data-list-header .data-list-header-wrapper,
body .data-list-header .data-list-header-wrapper:before,
body .data-list-header .data-list-header-wrapper:after,
body pas-data-table-lazy mat-toolbar.data-table-header,
body pas-data-table mat-toolbar.data-table-header,
body .mat-table,
pas-input-file-upload .drag-and-drop-container,
pas-data-table-lazy:before,
pas-data-table-lazy:after,
pas-data-table:before,
pas-data-table:after {
	background-color: var(--background-color) !important;
}

body .data-list-header:after {
    background: linear-gradient(var(--background-color) 40%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.4) 60%,transparent) !important;
}

.mat-progress-spinner circle,
.mat-spinner circle {
	stroke: var(--primary) !important;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-focused .mat-form-field-required-marker,
.mat-form-field .mat-form-field-required-marker,
.mat-checkbox[required] .mat-checkbox-label:after,
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled),
.required:after {
	color: var(--warn) !important;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent,
.mat-snack-bar-container>*.mat-warn {
	background-color: var(--warn) !important;
}

a.mat-flat-button.mat-primary,
.pas.mat-flat-button.mat-primary {
	color: var(--primary-button-color, white) !important;
}

a.mat-flat-button.mat-accent,
.pas.mat-flat-button.mat-accent {
	color: var(--button-color, white) !important;
}

.pas.mat-flat-button.mat-accent.mat-button-disabled:before,
.pas.mat-flat-button.mat-primary.mat-button-disabled:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.8);
}