/*fonts and icons*/
@font-face{
	font-family:Roboto;
	src:url(../fonts/Roboto-Regular.woff) format('woff');
}

@font-face{
	font-family:sanfrans;
	src:url(../fonts/sanfrancisco-regular.woff) format('woff');
}

@font-face{
	font-family:'Material Icons';
	font-style:normal;
	font-weight:400;
	src:url(../fonts/MaterialIcons-Regular.woff) format('woff');
}

@font-face{
	font-family:'Material Symbols Outlined';
	font-style:normal;
	font-weight:100;
	src: url(../fonts/materialsymbols.woff2) format('woff2');
}

.material-symbols-outlined{
	font-family:'Material Symbols Outlined';
	font-weight:normal;
	font-style:normal;
	font-size:24px;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	-webkit-font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
}

.material-icons{
	font-weight:normal;
	font-style:normal;
	font-size:28px;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
    font-family:'Material Icons';
	-webkit-font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
	font-smooth:antialiased;
	font-feature-settings:'liga';
}
/*end fonts and icons*/

body{
	background:#1E88E5;
}

.outlined-text{
	text-shadow:#000 0px 0px 2px;
    -webkit-font-smoothing:antialiased;
}

.login-button{
	left:16px;
    bottom:16px;
    position:fixed;
    width:calc(100% - 32px);
}

.page-title{
	width:100%;
	clear:both;
	color:#fff;
	display:block;
	font-size:24px;
	font-size:24px;
	position:fixed;
	font-weight:bold;
	text-align:center;
}

.panel-trigger{
	top:0;
	left:0;
	padding:8px;
	color:#fff;
	z-index:99999;
	font-size:32px;
	cursor:pointer;
	font-weight:bold;
	position:absolute;
}

.app-status{
	text-align:center;
}

.page{
	background-color:#1E88E5;
}

.page-holder{
	height:auto;
	margin-top:52px;
	padding-bottom:4px;
	border-radius:42px 42px 0 0;
	min-height:calc(100vh - 33px);
	background:var(--f7-page-bg-color);
}

.menu-icon{
    margin-top:15px;
    text-align:center;
    margin-bottom:15px;
}

.menu-icon .menu-icon-name{
    margin-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
}