@import "styles_colors.css";
@import "styles_table.css";
@import "styles_buttons.css";
@import url(styles_chips.css);
@import url(styles_ui-icons.css);




* {
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    box-sizing: border-box;
	
	/* transparent highlight when user taps a link or a JavaScript clickable element */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
	/* Momentum Scrolling on iOS Overflow Elements */
	-webkit-overflow-scrolling : touch !important;
	
}

@media (pointer: coarse) and (hover: none) {
	* {
		cursor: pointer;
	}
}
	
html, body {
    /*height: 100%; NEW STICKY STYLING*/
    margin: 0;
	background-color: #ffffff;
}
/* Prevent body scrolling when menu or modal is open */
body:has(#menu-drawer.visible),
body:has(.dialog-fullscreen.show) {
	overflow:clip
}










/* 
	COMMON INPUT ELEMENTS
*/

hidden-element {
	font-size: 0;
	visibility: hidden;
	display: none;
}

input, button, textarea, select {
    outline: none;
    border-radius: 0;
}
input[type=text], input[type=search], input[type=number], input[type=tel], button, textarea {
    -webkit-appearance: none;
}
button {
	cursor: pointer;
}
button:disabled {
	filter: opacity(0.3);
}

.input-group {
	display: inline-block;
}
.DateList, .ReadingDate {
    width: 8em !important;
	min-width: unset !important;
	/*text-align: center;*/
	background-repeat: no-repeat;
    background-position: calc(100% - 4px) center;
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);*/
	background-image: url(/ui-icons/calendar.svg);
	background-size: 14px 14px;
    padding-left: 0.3rem;
	cursor: pointer;
}
.DateList:disabled, .ReadingDate:disabled {
 	cursor: default;
}
.TimeList {
	width: 4em !important;
	text-align: center;
	display: inline-block !important;
}
.currency__euro {
	background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 402 402'%3E%3Cpath fill='%23AAAAAA' d='M345.2 382l-10-45.4c-0.6-2.7-2-4.7-4.3-6 -2.5-1.3-4.9-1.5-7.4-0.6l-1.4 0.6 -3.4 0.9c-1.5 0.4-3.3 0.8-5.3 1.3 -2 0.5-4.3 0.9-7 1.4 -2.7 0.5-5.5 0.9-8.4 1.3 -2.9 0.4-6.1 0.7-9.6 1 -3.4 0.3-6.9 0.4-10.3 0.4 -24.2 0-45.9-6.5-65.2-19.6 -19.3-13-33.5-30.7-42.7-53h110.5c2.1 0 4-0.7 5.7-2.1 1.7-1.4 2.8-3.2 3.1-5.3l6.9-32c0.6-2.8 0-5.4-1.7-7.7 -1.9-2.3-4.3-3.4-7.1-3.4h-131c-0.6-12.9-0.6-22.9 0-30h139.3c5.1 0 8.2-2.5 9.1-7.4l6.9-32.5c0.6-2.7-0.1-5.1-2-7.4 -1.7-2.3-4.1-3.4-7.1-3.4h-133.6c9.5-21.3 23.8-38.1 42.8-50.2 19-12.2 40.5-18.3 64.5-18.3 0.8-0.4 3.6-0.3 8.4 0.3 4.9 0.6 7.6 0.8 8.3 0.7 0.7-0.1 3.1 0.2 7.4 0.9 4.3 0.7 6.4 1 6.4 1l5 1c1.4 0.3 2.5 0.5 3.3 0.7l1.1 0.3c2.5 0.8 4.8 0.5 6.9-0.7 2.1-1.2 3.4-3.1 4-5.6l12.3-45.4c0.6-2.5 0.3-4.8-0.9-6.9 -1.7-2.3-3.6-3.7-5.7-4.3C315.4 2.2 296.9 0 277.5 0c-42.6 0-80.8 12.2-114.3 36.5 -33.6 24.4-56.8 56.5-69.5 96.5H65.7c-2.7 0-4.9 0.9-6.6 2.6 -1.7 1.7-2.6 3.9-2.6 6.6v32.5c0 2.7 0.9 4.9 2.6 6.6 1.7 1.7 3.9 2.6 6.6 2.6h19.1c-0.6 9.1-0.7 19.1-0.3 30H65.7c-2.5 0-4.6 0.9-6.4 2.7 -1.8 1.8-2.7 3.9-2.7 6.4v32.3c0 2.5 0.9 4.6 2.7 6.4 1.8 1.8 3.9 2.7 6.4 2.7h27.1c12 42.1 34.6 75.5 68 100.4 33.3 24.8 72.2 37.3 116.8 37.3 3.6 0 7.3-0.1 11-0.3 3.7-0.2 7.2-0.5 10.4-0.9 3.2-0.4 6.4-0.8 9.6-1.3 3.1-0.5 6-0.9 8.6-1.4 2.6-0.5 5-0.9 7.3-1.4 2.3-0.5 4.3-1 6.1-1.6 1.8-0.6 3.3-1 4.6-1.3 1.2-0.3 2.2-0.6 3-1l1.4-0.3c2.1-0.8 3.7-2.1 4.9-4.1C345.5 386.4 345.7 384.3 345.2 382z'/%3E%3C/svg%3E ");
    background-size: 0.85em 0.85em;
    padding-left: 1.9em;
}
header nav span input {
	display: none;
}
header nav span input + label {
    opacity: 0.3;
}
header nav span input:checked + label {
    opacity: 1;
}


/**
MARK: Tooltips icons
*/
.tooltip-icon {
    display: inline-flex;
	margin-left: 0.4em;
	width: 1.3em;
    height: 1.3em;
	justify-content: center;
    align-items: center;
	color: #fff;
	background-color: #444;
    border-radius: 50%;
}

  
  
  
  





/*
TimeList contained
*/

.pagewrapper {
    /*display: flex;  NEW STICKY STYLING*/
    /* flex-direction: column;  NEW STICKY STYLING*/
    width: 100%;
	overflow-x: clip;
    /*height: 100%;  NEW STICKY STYLING*/
}
/* top navigation bar */
header {
    background-color: white;
    height: 3.5rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /*flex-shrink: 0;  NEW STICKY STYLING*/
    margin: 0;
    padding: 0;
	z-index: 1;
	/*   NEW STICKY STYLING*/
	position: sticky;
    top: 0;
}
header h1 {								/* screen title */
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1rem;
    color: #555;
	order: 2;
}
header h1 small {						/* breadcrumbs (only for admin) */
	display: block;
	font-weight: lighter;
	font-size: 0.65em;
}
header h1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
header h1 ul li {
	display: inline;
	font-size: 0.65em;
}
header ul li+li:before {
	padding: 6px;
	color: black;
	content: "/";
	font-weight: bold;
  }
header button, header nav label {		/* buttons and labels in the navigation */
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
    border: none;
    background-position: center center;
    background-size: 1.2rem 1.2rem;
    background-repeat: no-repeat;
}
#menu-open__btn {						/* default menu button */
    background-color: var(--primary-variant);
    background-image: url(/ui-icons/menu-open.svg);
	order: 1;
}
#menu-back__btn {						/* default menu back button */
    background-color: var(--primary-variant);
    background-image: url(/ui-icons/go10.svg);
	order: 1;
}
header input[type=search] {
    width: 12rem;
    height: 80%;
    border: none;

	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777777'%3E%3Cpath d='M15.5,14h-0.8l-0.3-0.3c1-1.1,1.6-2.6,1.6-4.2C16,5.9,13.1,3,9.5,3C5.9,3,3,5.9,3,9.5S5.9,16,9.5,16c1.6,0,3.1-0.6,4.2-1.6l0.3,0.3v0.8l5,5l1.5-1.5L15.5,14z M9.5,14C7,14,5,12,5,9.5S7,5,9.5,5C12,5,14,7,14,9.5S12,14,9.5,14z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 1.3rem 1.3rem;
	background-position: 0.8rem center;
	background-color: #f1f3f4;

    color: #777;
    order: 3;
	
	flex-grow: 1;
	max-width: 30rem;
    padding-left: 2.8rem;
	padding-right: 0.5rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    font-weight: 600;
	transition: background-color 100ms ease-in, width 100ms ease-out;
}
header input[type=search]:focus {
	box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(0,0,0,0.15);
    background-color: transparent;
}
header input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 50%;
	height: 1.1rem;
	width: 1.1rem;
	border: none;
	background: 
		linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44%, #999 46%, #999 54%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%), 
		linear-gradient(135deg, transparent 0%, transparent 44%, #999 46%, #999 54%, transparent 56%, transparent 100%);
	cursor: pointer;
	transition: opacity 100ms ease-in;
}
header input[type="search"]:focus::-webkit-search-cancel-button {
	opacity: 0.85;
}


header nav {							/* wrapper for navigation icons */
    display: inline-flex;
    margin-left: auto;
    flex-wrap: wrap;
    position: relative;
	order: 4;
}
header nav button, header nav label {
    position: relative;
    background-color: transparent;
    background-size: 1.3rem 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
/* ripple effect on header buttons */
header nav button::before, header nav label:not(.toggle-switch)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: radial-gradient(circle, var(--secondary-variant) 10%, transparent 10%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: opacity 350ms ease, transform 225ms ease;
	will-change: opacity, transform;
}
header nav button:active::before, header nav label:active::before {
    transform: scale(0, 0);
    opacity: 0.20;
    transition: 0s;
}
#icon-more__btn:not(.hidden) {
	overflow: unset;
}
#icon-more__btn.hidden {
    display: none;
}
#icon-more__btn {
    background-image: url(/ui-icons/show8.svg);
}
#icon-printselected__btn, .icon-printselected__btn {
	background-image: url(/ui-icons/printer88.svg);
}
#icon-printpreview__btn {
	background-image: url(/ui-icons/print-preview.svg);
}
#icon-paperless__btn {
	background-image: url(/ui-icons/paperless.svg);
}
#icon-sendsms__btn {
	background-image: url(/ui-icons/sms5.svg);
}
#icon-sendemail__btn {
	background-image: url(/ui-icons/at.svg);
}
#icon-dashboard__btn {
	background-image: url(/ui-icons/dashboard6.svg);
}
#icon-user__btn {
	background-image: url(/ui-icons/account4.svg);
}
#icon-directdebit__btn {
	background-image: url(/ui-icons/direct-debit-small.svg);
}
#icon-groupadd__btn {
	background-image: url(/ui-icons/create2.svg);
}


header nav div.overflow {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    top: 90%;
    right: 0.3rem;
    background-color: #FFFFFF;
    z-index: 3;
}
header nav div.overflow.show {
    visibility: visible;
    opacity: 1;
}
header nav button div.overflow button, header nav button div.overflow label {
    display: flex;
	align-items: center;
	flex-grow: 1;
	flex-shrink: 0;
    width: 10rem;
    background-color: inherit;
    background-position: 0.8rem center;
	padding: 0;
    text-align: left;
}
header nav button div.overflow button:after, header nav button div.overflow label:after {
    content: attr(title);
    padding-left: 2.7rem;
}

main {
    /* flex-grow: 1;   NEW STICKY STYLING*/
    padding: 1rem 1rem;
	/*overflow: auto;  NEW STICKY STYLING*/
}










/* 
	MESSAGES 
*/

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: rgba(0,0,0,0.40);
	z-index: 999;
}
.loading.overlay {
	width: 100%;
	height: 100%;
}
.message, .loading:after {	
	position: fixed;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%);
	color: #FFFFFF;
    box-shadow: var(--whiteframe-6dp);
	padding: 1rem 3rem;
	z-index: 999;
}
.loading:after {
	content: attr(data-text);
}
.loading.progressbar:before {
	animation: loading 1.5s 0s linear forwards;
    will-change: background-size;
	display: block;
    height: 3px;
	position: fixed;
    top: 4.3rem;
    left: 50%;
    transform: translateX(-50%);
	content: attr(data-text);
	color: transparent;
    padding: 0rem 2.5rem;
    overflow: hidden;
	border: solid thin #ffffff;
	opacity: 0.45;
	z-index: 1000;
    /* white dot */
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=);
    background-size: 0%;
    background-position-x: left;
    background-repeat: repeat-y;
}
.message button {
    position: absolute;
    top: 0;
    right: 0;
    
	border: none;
    background: none;
	padding: 0;
    margin: 0;
    
	font-size: inherit;
	font-weight: bold;
	color: inherit;
    opacity: 0.6;
	
	display: block;
    height: 3.1em;
    width: 2.5em;
    
    transition: opacity 0.17s linear;
}
.message button:hover {
    opacity: 1;
}

@keyframes loading {
	0% {
		background-size: 0%;
	}
	5% {
		background-size: 20%;
	}
	15% {
		background-size: 75%;
	}
	25% {
		background-size: 75%;
	}
	30% {
		background-size: 93.33%;
	}
	45% {
		background-size: 93.33%;
	}
	50% {
		background-size: 95%;
	}
	65% {
		background-size: 95%;
	}
	70% {
		background-size: 97%;
	}
	100% {
		background-size: 97%;
	}
}
.message.info, .loading.info:after {
	background-color: #33B5E7;
}
.message.success, .loading.success:after {
	background-color: #01C851;
}
.message.warning, .loading.warning:after {
	background-color: #FF8800;
}
.message.error, .loading.error:after {
	background-color: #FF3548;
}
.message {
	animation-name: slideUp;
	animation-delay: 6s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes slideUp {
	from {
		transform: translateX(-50%);
		opacity: 1;
	}
	to {
		transform: translate(-50%, -200%);
		opacity: 0;
	}
}
.message.no-autohide {
	animation: none !important;
}
#session__expire {
	display: none;
}





















/*
	MENU DRAWER
*/
        
#menu-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background-color: rgba(100,100,100,0.75);
    /* transition: opacity 0.18s ease-in; */
    opacity: 0;
    z-index: 888;
    transition-property: opacity, transform;
    transition-delay: 0s, 0.2s;
    transition-duration: 0.18s, 0s;
    transition-timing-function: ease-in;
    will-change: transform, opacity;
}
#menu-drawer.visible {
    transform: translateX(0);
    opacity: 1;
    transition-property: opacity;
    transition-delay: 0s;
    transition-duration: 0.29s;
    transition-timing-function: ease-out;
    will-change: transform, opacity;
}
#menu-drawer .inner {
    min-width: 17rem;
    max-width: 30rem;
    width: 75%;
    height: 100%;
    overflow-y: auto;
    transform: translateX(-100%);
    background-color: #fff;
    color: #666;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.51, 0, 0.22, 0.96);
    will-change: transform, box-shadow;
}
@media screen and (min-width: 980px) and (orientation: landscape) {
    #menu-drawer .inner {
        max-width: 24rem;
    }
}
#menu-drawer.visible .inner {
    transform: translateX(0);
    box-shadow: 10px 0 10px rgba(0,0,0,0.12);
    transition-property: all;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    will-change: transform, box-shadow;
}
#menu-drawer > .inner > .heading {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 3.5rem;
    background-color: var(--primary-variant);
    /*background-image: url(/ui-icons/logo-lg.svg);*/
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 174.305 21.16'%3E%3Cpath fill='%23ffffff' d='M40.606 1.881 36.158 11.915 31.233 1.614c-0.979-2.044-3.892-2.036-4.86 0.015l-4.918 10.42-4.434-9.364c-1.132-2.047-4.866-2.68-6.064-2.673-3.003-0.109-5.87 1.032-8.019 3.246-2.021 2.081-3.165 4.955-2.899 8.291 0.253 3.16 2.056 6.23 5.1 8.109 2.758 1.703 6.648 2.105 10.068 0.444l-2.315-4.898c-2.064 0.969-3.668 0.456-4.684-0.03-1.08-0.597-2.575-1.891-2.785-4.145-0.149-1.602 0.619-3.556 2.064-4.594 1.154-0.937 4.472-1.878 5.499 0.296l6.038 12.768c0.973 2.054 3.896 2.052 4.865-0.004l4.932-10.447 5.002 10.46c0.991 2.072 3.956 2.03 4.887-0.07L47.326 0h-4.212c-1.374 0.004-2.125 1.022-2.508 1.883z'/%3E%3Cpath fill='%23ffffff' d='m61.336 3.08c-2.207 0-4.045 0.715-5.514 2.146-1.463 1.424-2.194 3.182-2.194 5.272 0 1.987 0.606 3.684 1.817 5.088 1.443 1.663 3.413 2.494 5.911 2.494 1.314 0 2.501-0.243 3.562-0.736 1.068-0.498 1.96-1.201 2.672-2.107l-1.126-0.855c-1.346 1.566-3.02 2.349-5.02 2.349-1.819 0-3.326-0.584-4.523-1.749-1.191-1.165-1.787-2.618-1.787-4.359 0-1.152 0.266-2.188 0.797-3.107 0.537-0.926 1.291-1.66 2.262-2.204 0.971-0.55 2.026-0.823 3.165-0.823 1.042 0 1.998 0.209 2.865 0.629 0.874 0.415 1.621 1.027 2.242 1.836l1.126-0.865c-0.686-0.951-1.565-1.689-2.639-2.213-1.074-0.531-2.28-0.797-3.614-0.797zm8.679 0v14.642h1.358V3.08Zm80.959 0.155v3.923h-1.852v1.165h1.852v9.399h1.371V8.323h2.155V7.159h-2.155V3.235Zm-34.465 0.207 4.03 14.28h0.271l4.32-10.805 4.233 10.805h0.274l4.094-14.28h-1.455l-2.962 10.289-4.046-10.289h-0.293L120.878 13.731 117.977 3.442H116.509ZM79.134 6.888c-1.748 0-3.143 0.667-4.185 2-0.822 1.048-1.233 2.242-1.233 3.581 0 1.424 0.485 2.704 1.455 3.836 0.971 1.126 2.318 1.687 4.04 1.687 0.777 0 1.473-0.115 2.088-0.348 0.615-0.24 1.167-0.586 1.658-1.039 0.492-0.453 0.925-1.05 1.3-1.787l-1.145-0.6c-0.414 0.693-0.799 1.193-1.155 1.504-0.356 0.311-0.789 0.561-1.3 0.749-0.505 0.188-1.024 0.281-1.562 0.281-1.113 0-2.05-0.391-2.807-1.174-0.757-0.79-1.149-1.8-1.174-3.03h9.495c-0.012-1.443-0.401-2.646-1.165-3.61-1.074-1.366-2.511-2.049-4.311-2.049zm23.96 0c-1.748 0-3.143 0.667-4.185 2-0.822 1.048-1.232 2.242-1.232 3.581 0 1.424 0.485 2.704 1.455 3.836 0.971 1.126 2.318 1.687 4.04 1.687 0.777 0 1.473-0.115 2.088-0.348 0.615-0.24 1.17-0.586 1.662-1.039 0.492-0.453 0.925-1.05 1.3-1.787l-1.145-0.6c-0.414 0.693-0.799 1.193-1.155 1.504-0.356 0.311-0.792 0.561-1.303 0.749-0.505 0.188-1.024 0.281-1.562 0.281-1.113 0-2.05-0.391-2.807-1.174-0.757-0.79-1.149-1.8-1.174-3.03h9.495C108.557 11.104 108.169 9.901 107.405 8.937 106.33 7.571 104.893 6.888 103.094 6.888Zm11.641 0c-0.498 0-0.979 0.151-1.439 0.455-0.46 0.298-0.896 0.753-1.31 1.362V7.159h-1.387v10.563h1.387v-3.572c0-1.832 0.084-3.051 0.252-3.652 0.22-0.783 0.541-1.357 0.962-1.726 0.421-0.375 0.86-0.564 1.313-0.564 0.194 0 0.431 0.062 0.716 0.184l0.71-1.145C115.512 7.007 115.111 6.888 114.735 6.888Zm26.445 0c-1.502 0-2.785 0.539-3.852 1.62-1.068 1.081-1.604 2.383-1.604 3.904 0 1.553 0.529 2.875 1.584 3.962 1.061 1.081 2.338 1.62 3.833 1.62 0.841 0 1.614-0.173 2.32-0.523 0.712-0.35 1.353-0.872 1.923-1.565v1.816h1.339V7.159h-1.339V9.101C144.853 8.363 144.237 7.808 143.532 7.44 142.833 7.071 142.047 6.888 141.18 6.888Zm20.281 0c-1.748 0-3.143 0.667-4.185 2-0.822 1.048-1.233 2.242-1.233 3.581 0 1.424 0.485 2.704 1.455 3.836 0.971 1.126 2.318 1.687 4.04 1.687 0.777 0 1.473-0.115 2.088-0.348 0.615-0.24 1.17-0.586 1.662-1.039 0.492-0.453 0.925-1.05 1.3-1.787l-1.145-0.6c-0.414 0.693-0.799 1.193-1.155 1.504-0.356 0.311-0.789 0.561-1.3 0.749-0.504 0.188-1.028 0.281-1.565 0.281-1.113 0-2.047-0.391-2.804-1.174-0.757-0.79-1.152-1.8-1.178-3.03h9.495c-0.012-1.443-0.401-2.646-1.165-3.61-1.074-1.366-2.511-2.049-4.311-2.049zm11.641 0c-0.498 0-0.976 0.151-1.436 0.455-0.46 0.298-0.899 0.753-1.313 1.362V7.159h-1.387v10.563h1.387v-3.572c0-1.832 0.087-3.051 0.255-3.652 0.22-0.783 0.541-1.357 0.962-1.726 0.421-0.375 0.857-0.564 1.31-0.564 0.194 0 0.431 0.062 0.716 0.184l0.71-1.145C173.878 7.007 173.477 6.888 173.102 6.888Zm-86.951 0.271 4.865 10.563h0.242L96.092 7.159h-1.455l-3.504 7.689-3.533-7.689h-1.449zm-6.998 1.029c0.628 0 1.224 0.132 1.794 0.397 0.569 0.265 1.028 0.615 1.371 1.049 0.35 0.433 0.613 1.014 0.794 1.739h-7.863c0.278-0.971 0.689-1.699 1.232-2.184 0.744-0.667 1.636-1 2.672-1zm23.96 0c0.628 0 1.228 0.132 1.797 0.397 0.569 0.265 1.025 0.615 1.368 1.049 0.35 0.433 0.616 1.014 0.797 1.739h-7.866c0.278-0.971 0.689-1.699 1.232-2.184 0.744-0.667 1.636-1 2.672-1zm58.367 0c0.628 0 1.228 0.132 1.797 0.397 0.569 0.265 1.025 0.615 1.368 1.049 0.35 0.433 0.616 1.014 0.797 1.739h-7.863c0.278-0.971 0.689-1.699 1.232-2.184 0.744-0.667 1.633-1 2.668-1zm-20.195 0.013c1.178 0 2.169 0.41 2.972 1.233 0.809 0.822 1.213 1.845 1.213 3.068 0 0.803-0.18 1.524-0.542 2.165-0.356 0.641-0.869 1.151-1.536 1.526-0.667 0.375-1.372 0.561-2.117 0.561-0.738 0-1.431-0.186-2.078-0.561-0.641-0.382-1.151-0.914-1.533-1.594-0.382-0.68-0.571-1.392-0.571-2.136 0-0.751 0.186-1.463 0.561-2.136 0.382-0.673 0.892-1.193 1.533-1.562 0.641-0.375 1.34-0.564 2.097-0.564z'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150.15 20' fill='%23FFFFFF'%3E%3Cpath d='m38.379 1.778-4.203 9.484-4.656-9.736c-0.926-1.932-3.678-1.924-4.593 0.014l-4.648 9.848-4.191-8.851C15.017 0.602 11.488 0.004 10.355 0.011 7.517-0.092 4.808 0.986 2.776 3.079c-1.91 1.967-2.992 4.683-2.74 7.836 0.239 2.987 1.944 5.888 4.82 7.664 2.607 1.61 6.283 1.989 9.516 0.42l-2.188-4.63c-1.951 0.916-3.467 0.431-4.427-0.028-1.021-0.564-2.434-1.787-2.632-3.918-0.141-1.514 0.585-3.361 1.951-4.343 1.091-0.886 4.227-1.775 5.198 0.28l5.707 12.068c0.919 1.941 3.682 1.939 4.599-0.004l4.661-9.874 4.727 9.887c0.937 1.958 3.739 1.918 4.619-0.066L44.731 0h-3.982c-1.298 0.004-2.008 0.966-2.371 1.78z'/%3E%3Cpath d='m60.92 4.252c-0.937 0-1.836 0.146-2.698 0.439C57.367 4.979 56.635 5.415 56.025 6.001 55.422 6.581 54.971 7.29 54.673 8.128 54.374 8.965 54.224 9.835 54.224 10.737c0 0.844 0.135 1.635 0.405 2.373 0.269 0.738 0.697 1.38 1.283 1.924 0.592 0.545 1.286 0.949 2.083 1.212 0.797 0.258 1.623 0.387 2.478 0.387 0.961 0 2.018-0.118 3.172-0.352 0.064-0.492 0.138-0.949 0.22-1.37-1.213 0.369-2.285 0.553-3.216 0.553-0.738 0-1.403-0.111-1.995-0.334-0.592-0.228-1.104-0.554-1.538-0.976-0.428-0.428-0.747-0.949-0.958-1.564-0.205-0.615-0.308-1.265-0.308-1.951 0-0.738 0.129-1.447 0.387-2.126 0.264-0.685 0.641-1.262 1.133-1.731 0.492-0.469 1.057-0.809 1.696-1.02 0.639-0.217 1.306-0.325 2.003-0.325 0.41 0 0.844 0.035 1.301 0.105 0.457 0.064 1.011 0.197 1.661 0.396C63.973 5.325 63.94 4.867 63.935 4.569 62.933 4.358 61.928 4.252 60.92 4.252Zm5.29 0.193c-0.035 1.922-0.091 3.782-0.167 5.58-0.111 2.472-0.225 4.61-0.343 6.415 0.486-0.012 0.764-0.018 0.835-0.018 0.17 0 0.428 0.006 0.774 0.018l0.035-1.616 0.193-5.22 0.272-5.158c-0.352 0.006-0.612 0.009-0.782 0.009zm64.694 1.151c-0.381 0.094-0.847 0.194-1.397 0.299-0.029 0.791-0.059 1.35-0.088 1.678h-1.195c-0.018 0.457-0.038 0.808-0.061 1.054h1.168l-0.211 3.937c-0.053 0.978-0.082 1.55-0.088 1.714-0.006 0.164-0.009 0.279-0.009 0.343 0 0.498 0.085 0.893 0.255 1.186 0.17 0.287 0.413 0.498 0.729 0.633 0.322 0.129 0.744 0.193 1.266 0.193 0.211 0 0.433-0.012 0.668-0.035 0.234-0.023 0.551-0.082 0.949-0.176 0.076-0.475 0.146-0.855 0.211-1.142-0.428 0.111-0.727 0.179-0.897 0.202-0.17 0.023-0.328 0.035-0.474 0.035-0.211 0-0.413-0.047-0.606-0.141-0.193-0.094-0.34-0.246-0.439-0.457-0.094-0.217-0.141-0.539-0.141-0.967l0.009-0.378 0.237-4.948h2.434c0.006-0.334 0.023-0.685 0.053-1.054h-2.443c0.006-0.451 0.029-1.111 0.07-1.978zM74.032 7.337c-1.031 0-1.884 0.214-2.557 0.642-0.668 0.428-1.169 1.016-1.503 1.766-0.334 0.744-0.501 1.552-0.501 2.425 0 0.627 0.091 1.221 0.272 1.784 0.182 0.562 0.481 1.063 0.897 1.503 0.416 0.434 0.914 0.738 1.494 0.914 0.586 0.176 1.245 0.264 1.977 0.264 0.41 0 0.82-0.026 1.23-0.079 0.416-0.047 0.905-0.141 1.468-0.282 0.07-0.498 0.141-0.908 0.211-1.23-1.084 0.375-2.003 0.562-2.759 0.562-0.656 0-1.236-0.132-1.74-0.395-0.504-0.269-0.885-0.662-1.143-1.178-0.258-0.521-0.387-1.09-0.387-1.705 0-0.17 0.012-0.416 0.035-0.738h6.705c0.035-0.199 0.053-0.405 0.053-0.615 0-0.551-0.088-1.057-0.264-1.52C77.345 8.986 77.095 8.593 76.773 8.277 76.451 7.961 76.046 7.726 75.56 7.574 75.074 7.416 74.565 7.337 74.032 7.337Zm18.419 0c-1.031 0-1.883 0.214-2.557 0.642-0.668 0.428-1.169 1.016-1.503 1.766-0.334 0.744-0.501 1.552-0.501 2.425 0 0.627 0.091 1.221 0.273 1.784 0.182 0.562 0.48 1.063 0.896 1.503 0.416 0.434 0.914 0.738 1.494 0.914 0.586 0.176 1.245 0.264 1.977 0.264 0.41 0 0.82-0.026 1.23-0.079 0.416-0.047 0.905-0.141 1.468-0.282 0.07-0.498 0.141-0.908 0.211-1.23-1.084 0.375-2.004 0.562-2.76 0.562-0.656 0-1.236-0.132-1.74-0.395-0.504-0.269-0.885-0.662-1.143-1.178-0.258-0.521-0.387-1.09-0.387-1.705 0-0.17 0.012-0.416 0.035-0.738h6.705c0.035-0.199 0.053-0.405 0.053-0.615 0-0.551-0.088-1.057-0.264-1.52C95.763 8.986 95.514 8.593 95.192 8.277 94.869 7.961 94.465 7.726 93.979 7.574 93.493 7.416 92.983 7.337 92.45 7.337Zm9.649 0c-0.287 0-0.565 0.035-0.835 0.105-0.264 0.064-0.501 0.159-0.712 0.282-0.211 0.117-0.401 0.269-0.571 0.457-0.164 0.182-0.354 0.454-0.571 0.817L99.48 7.539c-0.275 0.006-0.525 0.009-0.747 0.009-0.193 0-0.439-0.003-0.738-0.009l0.009 0.809c0 2.015-0.105 4.713-0.316 8.093v0.001c0.357-0.012 0.624-0.018 0.799-0.018 0.193 0 0.448 0.006 0.765 0.018v-0.589c0-0.885 0.012-1.722 0.035-2.513 0.035-1.084 0.082-1.831 0.141-2.241 0.064-0.41 0.155-0.744 0.272-1.002 0.141-0.322 0.319-0.598 0.536-0.826 0.223-0.234 0.472-0.407 0.747-0.518 0.275-0.117 0.586-0.176 0.931-0.176 0.287 0 0.612 0.05 0.976 0.149-0.035-0.48-0.055-0.914-0.061-1.301-0.24-0.059-0.484-0.088-0.73-0.088zm21.029 0c-0.492 0-0.999 0.035-1.52 0.105-0.516 0.064-1.125 0.188-1.828 0.369-0.059 0.504-0.114 0.884-0.167 1.142 0.434-0.17 0.794-0.296 1.081-0.378 0.293-0.088 0.638-0.161 1.037-0.22 0.404-0.064 0.797-0.097 1.178-0.097 0.41 0 0.765 0.041 1.064 0.123 0.305 0.082 0.55 0.225 0.738 0.43 0.187 0.205 0.281 0.451 0.281 0.738 0 0.117-0.02 0.234-0.061 0.351-0.041 0.117-0.105 0.234-0.193 0.351-0.088 0.111-0.184 0.208-0.29 0.29-0.105 0.076-0.228 0.143-0.369 0.202-0.141 0.059-0.302 0.12-0.484 0.184-0.182 0.059-0.401 0.118-0.659 0.176-0.803 0.193-1.386 0.348-1.749 0.466-0.363 0.111-0.682 0.225-0.958 0.343-0.269 0.117-0.53 0.266-0.782 0.448-0.246 0.182-0.436 0.364-0.571 0.545-0.135 0.182-0.243 0.384-0.325 0.606-0.076 0.223-0.114 0.466-0.114 0.729 0 0.451 0.111 0.87 0.334 1.257 0.223 0.381 0.559 0.665 1.01 0.853 0.451 0.187 1.078 0.281 1.881 0.281 0.24 0 0.495-0.012 0.765-0.035 0.269-0.018 0.618-0.067 1.045-0.149 0.105-0.475 0.2-0.826 0.282-1.055-0.451 0.146-0.812 0.237-1.081 0.272-0.269 0.035-0.527 0.053-0.773 0.053-0.398 0-0.741-0.044-1.028-0.132-0.281-0.094-0.515-0.258-0.703-0.492-0.187-0.234-0.282-0.51-0.282-0.826 0-0.205 0.038-0.401 0.114-0.589 0.064-0.152 0.176-0.305 0.334-0.457 0.158-0.152 0.354-0.293 0.589-0.422 0.234-0.129 0.554-0.258 0.958-0.387 0.187-0.064 0.504-0.158 0.949-0.281 0.451-0.123 0.753-0.208 0.905-0.255 0.158-0.053 0.302-0.105 0.43-0.158 0.129-0.059 0.243-0.12 0.343-0.184 0.105-0.064 0.261-0.176 0.466-0.334l-0.132 2.838-0.184 2.399c0.346-0.012 0.612-0.018 0.8-0.018 0.199 0 0.457 0.006 0.773 0.018 0-0.633 0.015-1.353 0.044-2.162 0.035-0.808 0.082-1.687 0.141-2.636 0.065-0.955 0.097-1.634 0.097-2.039 0-0.322-0.05-0.624-0.149-0.905-0.1-0.281-0.302-0.53-0.606-0.747C125.45 7.735 125.067 7.58 124.604 7.486 124.147 7.386 123.655 7.337 123.127 7.337Zm15.58 0c-1.031 0-1.883 0.214-2.557 0.642-0.668 0.428-1.169 1.016-1.503 1.766-0.334 0.744-0.501 1.552-0.501 2.425 0 0.627 0.091 1.221 0.273 1.784 0.182 0.562 0.48 1.063 0.896 1.503 0.416 0.434 0.914 0.738 1.494 0.914 0.586 0.176 1.245 0.264 1.977 0.264 0.41 0 0.82-0.026 1.23-0.079 0.416-0.047 0.905-0.141 1.468-0.282 0.07-0.498 0.141-0.908 0.211-1.23-1.084 0.375-2.004 0.562-2.76 0.562-0.656 0-1.236-0.132-1.74-0.395-0.504-0.269-0.885-0.662-1.143-1.178-0.258-0.521-0.387-1.09-0.387-1.705 0-0.17 0.012-0.416 0.035-0.738h6.705c0.035-0.199 0.053-0.405 0.053-0.615 0-0.551-0.088-1.057-0.264-1.52-0.176-0.469-0.425-0.861-0.747-1.178-0.322-0.316-0.727-0.551-1.213-0.703-0.486-0.158-0.996-0.237-1.529-0.237zm9.65 0c-0.287 0-0.566 0.035-0.835 0.105-0.264 0.064-0.501 0.159-0.712 0.282-0.211 0.117-0.401 0.269-0.571 0.457-0.164 0.182-0.355 0.454-0.572 0.817l0.07-1.459c-0.275 0.006-0.524 0.009-0.747 0.009-0.193 0-0.439-0.003-0.738-0.009l0.008 0.809c0 2.015-0.105 4.713-0.316 8.093l0.001 0.001c0.357-0.012 0.624-0.018 0.8-0.018 0.193 0 0.448 0.006 0.764 0.018v-0.589c0-0.885 0.012-1.722 0.035-2.513 0.035-1.084 0.082-1.831 0.141-2.241 0.064-0.41 0.156-0.744 0.273-1.002 0.141-0.322 0.319-0.598 0.536-0.826 0.223-0.234 0.471-0.407 0.747-0.518 0.275-0.117 0.586-0.176 0.932-0.176 0.287 0 0.612 0.05 0.975 0.149-0.036-0.48-0.056-0.914-0.061-1.301-0.24-0.059-0.483-0.088-0.729-0.088zm-69.897 0.202 2.206 6.055c0.369 1.019 0.604 1.673 0.703 1.96l0.299 0.887c0.375-0.012 0.668-0.018 0.878-0.018 0.205 0 0.489 0.006 0.853 0.018l0.562-1.335 2.293-5.114 1.143-2.452c-0.346 0.006-0.621 0.009-0.826 0.009-0.205 0-0.481-0.003-0.826-0.009l-0.334 0.87-2.795 6.714-2.065-6.125C80.423 8.611 80.332 8.33 80.279 8.154L80.095 7.539c-0.305 0.006-0.568 0.009-0.791 0.009-0.205 0-0.487-0.003-0.844-0.009zm24.711 0 2.724 7.628 0.413 1.274c0.328-0.012 0.621-0.018 0.879-0.018 0.24 0 0.51 0.006 0.809 0.018 0.117-0.346 0.22-0.638 0.307-0.878l1.854-5.062c0.187-0.521 0.307-0.846 0.36-0.975l0.176-0.457c0.117 0.398 0.228 0.8 0.334 1.204l1.617 6.169c0.34-0.012 0.636-0.018 0.888-0.018 0.246 0 0.515 0.006 0.808 0.018l0.967-2.276 2.961-6.626-0.756 0.009c-0.17 0-0.413-0.003-0.729-0.009l-0.686 1.705-2.46 5.835-2.03-7.54c-0.287 0.006-0.551 0.009-0.791 0.009-0.223 0-0.492-0.003-0.808-0.009l-2.777 7.54-1.784-5.176-0.773-2.364c-0.293 0.006-0.533 0.009-0.721 0.009-0.199 0-0.46-0.003-0.782-0.009zM74.032 8.295c0.31 0 0.597 0.044 0.861 0.132 0.269 0.082 0.498 0.205 0.685 0.369 0.193 0.158 0.346 0.348 0.457 0.571 0.111 0.217 0.187 0.428 0.228 0.633 0.041 0.205 0.064 0.492 0.07 0.861h-5.237c0.076-0.346 0.152-0.621 0.228-0.826 0.082-0.205 0.202-0.416 0.36-0.633 0.164-0.223 0.361-0.416 0.589-0.58 0.234-0.164 0.501-0.293 0.799-0.387 0.305-0.094 0.624-0.141 0.958-0.141zm18.419 0c0.31 0 0.597 0.044 0.861 0.132 0.269 0.082 0.498 0.205 0.686 0.369 0.193 0.158 0.346 0.348 0.457 0.571 0.111 0.217 0.187 0.428 0.228 0.633 0.041 0.205 0.064 0.492 0.07 0.861h-5.237c0.076-0.346 0.152-0.621 0.228-0.826 0.082-0.205 0.203-0.416 0.361-0.633 0.164-0.223 0.36-0.416 0.589-0.58 0.234-0.164 0.501-0.293 0.799-0.387 0.305-0.094 0.624-0.141 0.958-0.141zm46.258 0c0.31 0 0.597 0.044 0.861 0.132 0.269 0.082 0.498 0.205 0.686 0.369 0.193 0.158 0.346 0.348 0.457 0.571 0.111 0.217 0.187 0.428 0.228 0.633 0.042 0.205 0.065 0.492 0.07 0.861h-5.237c0.076-0.346 0.152-0.621 0.228-0.826 0.082-0.205 0.203-0.416 0.361-0.633 0.164-0.223 0.36-0.416 0.589-0.58 0.234-0.164 0.501-0.293 0.799-0.387 0.305-0.094 0.624-0.141 0.958-0.141z'/%3E%3C/svg%3E");
	background-size: 10em;
    background-repeat: no-repeat;
    background-position: 1rem center;
	margin-bottom: 0.5rem;
}
#menu-close__btn {
    background-image: url(/ui-icons/close47-white.svg);
}
#menu-drawer > .inner > .heading > button {
    width: 3.0rem;
    height: 3.0rem;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.30rem;
    border: none;
    outline: none;
}
#menu-drawer > .inner .divider {
    color: var(--primary-variant);
    text-transform: uppercase;
    font-size: 0.6rem;
    font-weight: bold;
    padding: 0.9rem 1rem 0.1rem;
}
#menu-drawer > .inner details .divider {
	display: inline-block;
	cursor: pointer;
}
#menu-drawer > .inner a {
    display: block;
    width: 100%;
    padding: 0.4rem 1.8rem;
    font-size: 0.9rem;
    font-weight: normal;
    text-decoration: none;
    color: inherit;
    outline: none;
	transition: background-color 0.2s ease-in-out;
	will-change: background-color;
}
#menu-drawer > .inner > a:last-child {
	padding-bottom: 1.5rem;
}
#menu-drawer > .inner a:hover {
	background-color: rgba(170,170,170,0.1);
}
#menu-drawer > .inner a.disabled {
    background-position: calc(100% - 0.8em) center;
}
#menu-drawer > .inner a.disabled, .action-menu button.disabled {
    opacity: 0.4;
    background-repeat: no-repeat;
    background-size: 1.3em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");
    cursor: not-allowed;
}
#menu-drawer > .inner a[target="_blank"]::after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
	display: inline-block;
	margin-left: 0.5em;
	vertical-align: baseline;
}
#menu-drawer > .inner a.active {
	background-color: rgba(170,170,170,0.1);
}
/* High resolution screens (more than 1400px) */
@media (min-width: 1400px) {
	#menu-drawer > .inner .developer {
		display: none;
	}
	#menu-drawer > .inner .developer.visible {
		display: inherit;
	}
}







/*
    FULLSCREEN MODAL DIALOG
*/

.dialog-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.40);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s linear;
}
.dialog-fullscreen.show {
    visibility: visible;
    opacity: 1;
	z-index: 2;
}
.dialog-fullscreen > .wrapper {
    display: flex;
    flex-direction: column;
    min-width: 280px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    font-size: 1rem;
    transform: scale(.8);
    background-color: #fff;
    border-radius: 0.25em;
    transition: transform 0.15s ease-out;
    -webkit-font-smoothing: antialiased;
}
.dialog-fullscreen.show .wrapper {
    transform: scale(1);
}
.dialog-fullscreen > .wrapper > .header {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 3.5rem;
    font-size: 1rem;
    color: #555;
    letter-spacing: .0125em;
    font-weight: 500;
}
.dialog-fullscreen > .wrapper > .header > button {
	height: 100%;
	
	font-size: 0.9rem;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2rem;
	background-color: transparent;
	border: none;

	padding: 0 1.0rem;
}
.dialog-fullscreen > .wrapper > .header > button[class*='icon-'] {
	aspect-ratio: 1 / 1;
}
.dialog-fullscreen > .wrapper > .header > .dialog-confirm__btn {
    color: var(--primary);
    margin-left: auto;
}
.dialog-fullscreen form[data-submitted] .dialog-confirm__btn {
    cursor: not-allowed;
    opacity: 0.5;
}


.dialog-fullscreen > .wrapper > .content {
    
	overflow: auto;
    padding: 0.5625rem 1.5rem;
    color: #777;
	
}
.dialog-fullscreen label input:not([type=checkbox]):not([type=radio]), 
.dialog-fullscreen textarea {
	min-width: 25rem;
}
.dialog-fullscreen .input-group label input:not([type=checkbox]):not([type=radio]), 
.dialog-fullscreen .input-group textarea {
	min-width: unset;
}




.dialog-fullscreen .dialog__btn {
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    width: auto;
    height: 48px;
    border-radius: 24px;
    padding: 0 2.0rem 0 2.0rem;
	margin-top: 2rem;
    background-color: var(--secondary-variant);
    color: #fff;
    border: none;
	transition: all 0.20s ease-in-out;
}
.dialog-fullscreen .dialog__btn:hover {
    box-shadow: var(--whiteframe-6dp);
}

































/*
	SUMMARY TABLE 
*/

.summary_table {
	max-width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;	
	border-style : none;
	font-size: 0.80rem;
}
.summary_table td {
	border-style : none none solid none;
	border-width: thin;
	border-color: #ddd;
	padding: 0rem 0.5rem;
	height: 2.6rem;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.summary_table td:first-child {
	font-weight: bolder;
	color: #555;
}
.summary_table img {
	display: inline-block;
	height: 1em;
	width: 1em;
	margin-left: 0.5em;
	vertical-align: middle;
}









/*
	DATE RANGE SELECTION
*/

.date_range__form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.date_range__form input {
	margin-left: 1.5rem;
	border: solid thin #ddd;
	padding: 0.3em 0.5rem;
	border-radius: 0.2rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.date_range__form select {
	width: 8.5em;
	margin-left: 1.5rem;
	border: solid thin #ddd;
	padding: 0.3em 0.5rem;
	border-radius: 0.2rem;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
}






/*
	DATEPICKER
*/

.ui-datepicker {
	padding-top: 0.7rem;
}
.ui-datepicker .ui-datepicker-header {
	padding-bottom: 0.7rem;
}
.ui-datepicker-header {
	background-color: inherit;
	border: none;
}
.ui-datepicker .ui-datepicker-title select {
	width: unset;
	border: none;
	margin: 0 0.2em;
}
.ui-datepicker th {
	color: #777777;
	font-size: 0.8em;
	text-transform: uppercase;
}
.ui-datepicker td {
    border: none;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.ui-datepicker td a, .ui-datepicker td span {
    display: inline-flex;
    padding: 0;
	margin: auto;
    width: 2.4em;
    height: 2.4em;
	text-align: center;
    align-items: center;
    justify-content: center;
	border: none !important;
	border-radius: 50%;
	background: inherit !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover {
    
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: var(--secondary) !important;
    color: #FFFFFF;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    
    background: var(--primary) !important;
}

/* new datepicker */
.datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px rgb(25 25 25 / 14%);
    border: 1px solid #d5d5d5;
}
.datepicker-header .datepicker-controls {
    border-bottom: solid thin #eee;
}
.datepicker-view .days .datepicker-cell, .datepicker-view .dow {
    font-size: .9rem;
}
.datepicker-view .dow { /* week days */
    font-size: .72rem;
    color: #a6a6a6;
    text-transform: uppercase;
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) { /* days from another month */
    color: #cccccc;
}



/*
	TOOLTIPS
*/

.ui-tooltip {
	font-size: 0.875rem;
	color: #FFFFFF;
	background: rgba(0,0,0,0.85);
	padding: 1rem 1rem;
	border-radius: 0.2rem;
	box-shadow: none;
	white-space: pre-wrap;
}







/* 
    DROPDOWN
*/
.dropdown * {
    box-sizing: border-box;
}	
.dropdown {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #363A41;
    border: thin solid transparent;
    padding: 0px;
    align-items: stretch;
}
.dropdown button {
	background-color: #fff;
	border: none;
	text-align: left;
	white-space: nowrap;
    overflow-x: clip;
    text-overflow: ellipsis;
    -webkit-appearance: none;
}
.dropdown button {
	padding: 0.55rem;
	font-size: 0.725rem;
}
.dropdown input {
	padding: 0.45rem !important;
	font-size: 0.725rem !important;
}
.dropdown > button {
	border: thin solid #B3C7CD;
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23888888' points='16.6,8.6 12,13.2 7.4,8.6 6,10 12,16 18,10 '%3E%3C/polygon%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.3rem) center;
    background-size: 1.3rem 1.3rem;
	padding-right: 2em;
	padding-top: 0.465em;
	padding-bottom: 0.465em;
	transition: background-image 0.07s linear;
	will-change: background-image;
    margin: 0;
    outline: none;
    width: 100%;
}
.dropdown.open > button {
	border-radius: 4px 4px 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23888888' points='12,8 6,14 7.4,15.4 12,10.8 16.6,15.4 18,14 '%3E%3C/polygon%3E%3C/svg%3E");
}

.dropdown > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #f6f6f6;
	overflow: auto;
	border-color: #B3C7CD;
	border-width: thin;
	border-style: none solid solid solid;
	border-radius: 0 0 4px 4px;
	max-height: 0;
    opacity: 0;
	will-change: max-height, opacity;
    transition-property: max-height, opacity;
	transition-duration: 0.13s, 0s;
    transition-timing-function: ease-in, linear;
    transition-delay: 0s, 0.13s;
}
.dropdown.open > div {
	max-height: 80vh;
    opacity: 1;
    transition: max-height 0.20s ease-out;
}
.dropdown > div > div {
	display: flex;
	background-color: #ffffff;
	overflow: auto;
	flex-direction: column;
}
.dropdown > div > input {
	min-width: unset !important;
	background-color: #ffffff !important;
    border: thin solid #B3C7CD !important;
	border-radius: 4px;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
	width: auto !important;
}
.dropdown > div > input:focus {
	border-color: #25B9D7;
	outline: none;
}
.dropdown > div > div > button:hover {
	/*font-weight: 500;*/
	color: #25B9D7;
	background-color: #F0FCFD;
	text-shadow: 0 0 0.4px #25B9D7;
}
.dropdown > div > div > button.selected {
	Color: #ffffff;
	Background-color: #25B9D7;
}









/*
	TABS BUTTONS
*/

.tabs {
	display: flex;
	overflow-x: auto;
}
.tabs > button {
	height: 3.0rem;
	min-width: 10rem;
	flex-shrink: 0;
	
	padding: 0 1.5rem 0 0.5rem;
	text-align: left;
	
	font-size: 0.8rem;
	font-weight: 600;
	color: #5f6368;
	
	background-color: transparent;
	
	border-width: medium;
	border-color: #ccc;
	border-style: none none solid;
	
	transition: all 0.18s ease-out;
}

.tabs > button[data-tab="add"] {
	min-width: 3.0rem;
	padding: 0;
	text-align: center;
	font-size: 1rem;
}

.tabs > button:hover {
	color: #000;
	background-color: #eee;
}
.tabs > button.active {
	color: var(--secondary-variant);
	border-bottom-color: var(--secondary-variant);
}
.tabs > button.active:hover {
	color: var(--secondary-variant);
}
.tabcontent {
	display: none;
}
.tabcontent.active {
	display: block;
}

/*border: none;*/


.input-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.input-group.inline {
	display: inline-flex;
	align-items: center;
}
label {
	font-weight: 700;
	color: #444;
	padding: 0.65em 0;
	
	display: flex;
	flex-direction: row;
	align-items: center;

}
label.inline {
	font-size: 0.7em;
}
label.inline > :first-child {
	margin-right: 1em;
}
label.above {
	font-size: 0.7em;
	
	flex-direction: column;
	align-items: flex-start;
}
label.w-100 {
    /*display: block;*/
	width: 100%;
}
label.w-50 {
    display: inline-block;
	width: calc(50% - 1rem);
	margin-left: 1rem;
}
.input-group > label:first-of-type {
	width: 50%;
	margin-left: 0;
}

label > input:not([type=checkbox]):not([type=radio]), label > textarea, label > select {
	width: 100%;
	display: inline-block;
	margin-top: 0.35rem;
	border: none;
}


/* default input (transparent) */
input:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea, 
select {
	background-color: inherit;
	font-size: 0.813rem;
	border: none;
	transition: box-shadow .3s, border-color .26s;
	will-change: box-shadow, border-color;
}
/* Disable arrow up and down */
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.w-3 {
	width: 3rem;
}



input.underlined:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea.underlined,
input.contained:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea.contained,
select.contained {
	padding: 0.55em 0.6em 0.35em 0.6em
}
select.underlined, select.contained {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23888888' points='16.6,8.6 12,13.2 7.4,8.6 6,10 12,16 18,10 '%3E%3C/polygon%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.3rem) center;
    background-size: 1.3rem 1.3rem;
	appearance: none;
	padding-right: 1.6rem;
 }



/* underlined input */
input.underlined:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea.underlined {
	border-bottom: solid 1px #aaa;
}



/* contained input */
input.contained:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea.contained, 
select.contained {
	background-color: var(--input-background);
	border-bottom: solid 1px var(--input-background);
	border-radius: 3px;
}


/* disabled input */
input[type=checkbox]:disabled, 
input.underlined:disabled {
	opacity: 0.35;
}
input.contained:disabled, 
textarea.contained:disabled, 
select.contained:disabled {
	background-color: #f9fafb !important;
}
/* disable user input on readonly select */
select[readonly] {
	pointer-events: none;
}


/* invalid input */
input.underlined:user-invalid:not([type=checkbox]):not([type=radio]):not([type=search]),
input.contained:user-invalid:not([type=checkbox]):not([type=radio]):not([type=search]) {
	background-color: lightpink;
}


/* focus in input */
input.underlined:not(:read-only):focus:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea.underlined:not(:read-only):focus,
input.contained:not(:read-only):focus:not([type=checkbox]):not([type=radio]):not([type=search]), 
textarea.contained:not(:read-only):focus {
	border-color: var(--secondary-variant);
	box-shadow: 0 1px 0 0 var(--secondary-variant);
}


textarea + .character-countdown, input + .character-countdown {
    margin-left: auto;
    font-weight: normal;
	display: block;
	width: 100%;
	text-align: right;
	font-size: 0.7rem;
}

/* 


label > input[type=checkbox] {
	display: inline-block;
    vertical-align: middle;
    margin: 0.3rem 1rem 0.3rem 0;
}

 
*/





/*
Elements with a diagonal line across 
*/
.crossed {
	background: 
		linear-gradient(to top left, 
		rgba(0, 0, 0, 0) 0%, 
		rgba(0, 0, 0, 0) calc(50% - 0.8px), 
		rgba(0, 0, 0, 1) 50%, 
		rgba(0, 0, 0, 0) calc(50% + 0.8px), 
		rgba(0, 0, 0, 0) 100%);
}





@media print {
	html, body {
		height: auto;
		margin: 0;
	}
	.pagewrapper {
		height: auto;
	}
	#menu-open__btn, #menu-back__btn {
		display: none;
	}
	header {
		box-shadow: none !important;
		border-bottom: thin solid #ddd;
		position: unset;
		top: unset;
	}
	header nav {
		display: none;
	}
	.float__btn {
		display: none;
	}
	main {
		overflow: unset;
	}
	
	.date_range__form select, .date_range__form input {
		box-shadow: none;
		background: none;
	}
	
	
}