/* Material Symbols */
@font-face {
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: 400;
	src: url(../assets/fonts/material-symbols/MaterialSymbolsRounded.woff2) format('woff2');
}
  
.material-symbols-rounded {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
    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;
}


/* Framework7 Variables */
:root {
	--f7-panel-width: 260px;
	--f7-panel-bg-color: #eaeaf0;
	--f7-preloader-modal-bg-color: rgba(0, 0, 0, 0);
}

.panel-left li a:link { color:#555 !important; }

.active-link a { color:var(--f7-theme-color); }


.hidden { display: none; }


/* DigiHome */
.divCol { padding:0px 8px; }
.divTable{
	display: table;
	width:100%;
	border-radius:10px;
	background: #fff;
	margin:0 auto 26px auto;
}
.divTableRow {
	display: table-row;
}
.tableCell {
	display: table-cell;
	padding: 12px 0px;
	text-align:center;
	font-size:9px;
	font-weight:500;
	width:72px;
}
.tableCell a {
	color: #555;
	display:block;
	max-width:72px;
	margin:0px auto;
}
.tableCell a .link {
	padding-bottom: 1px;
	margin-top:1px;
}
.tableCell a:hover .link {
	background: #eee;
  	color: #111;
	border-radius:3px;
	padding: 0px 3px 1px 3px;
	margin-top:1px;
}