/*=============================================
=            SYSTEM STYLES                    =
=============================================*/

/*------------------  FONTS  -------------------*/

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		url('fonts/roboto-v30-latin-regular.woff2') format('woff2'),
		url('fonts/roboto-v30-latin-regular.woff') format('woff');
}

/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		url('fonts/roboto-v30-latin-700.woff2') format('woff2'),
		url('fonts/roboto-v30-latin-700.woff') format('woff')
}

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
		url('fonts/open-sans-v34-latin-regular.woff') format('woff')
  }
  
  /* open-sans-700 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		url('fonts/open-sans-v34-latin-700.woff2') format('woff2'),
		url('fonts/open-sans-v34-latin-700.woff') format('woff')
  }
  
  /* open-sans-italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local(''),
		url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'),
		url('fonts/open-sans-v34-latin-italic.woff') format('woff')
  }
  
/* material icons regular */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		url('fonts/MaterialIcons-Regular.woff2') format('woff2')
}

/* material icons rendering */
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	vertical-align: text-bottom;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga'
}


/*------------------  COLORS  ------------------*/

:root {
	--abd-primary-bgcolor: #dbecfa;
}


/*----------  Modified Framework 7.io elements  ----------*/

/* set aurora theme styles different from fw7-default */
:root.aurora {
	--f7-panel-width: 300px;
	--f7-font-family: 'Open Sans', -apple-system, system-ui, Helvetica, Arial, sans-serif;
	--f7-block-margin-vertical: 16px;
	--f7-list-margin-vertical: 8px;
	--f7-list-item-title-font-size: 14px;
	--f7-list-item-padding-horizontal: 8px;
}

/* different fw7 backdrop z-index for 2nd level popups, 1st level popup backdrops deactivated */
.popup-backdrop {
	z-index: 11001;
}

/* centered icons in Buttons */
.button {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*----------  ANGULAR FORMS  ----------*/

/* field error */
.field-error {
	color: #FA787E;
	font-size: 0.9em;
}