/* fallback */

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	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;
}

.theme-icon-active {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/*****Karmed*****/

.fav-icon {
	/*content:url('svg/fav_ico.svg');
	color:blue;*/
	-webkit-mask-image: url('../css/svg/fav_ico.svg');
	mask-repeat: no-repeat;
}

.med-icon {
	/*content:url('svg/med_ico.svg');*/
	-webkit-mask-image: url('../css/svg/med_ico.svg');
	mask-repeat: no-repeat;
}

.managed_icon {
	/*content:url('svg/managed_ico.svg');*/
	-webkit-mask-image: url('../css/svg/managed_ico.svg');
	mask-repeat: no-repeat;
}

.message_icon {
	/*content:url('svg/message_ico.svg');*/
	-webkit-mask-image: url('../css/svg/message_ico.svg');
	mask-repeat: no-repeat;
}

.satisfaction_icon {
	/*content:url('svg/satisfaction_ico.svg');*/
	-webkit-mask-image: url('../css/svg/satisfaction_ico.svg');
	mask-repeat: no-repeat;
}

.about_icon {
	/*content:url('svg/about_ico.svg');*/
	-webkit-mask-image: url('../css/svg/about_ico.svg');
	mask-repeat: no-repeat;
}

.signout_icon {
	/*	content:url('svg/signout_ico.svg');*/
	-webkit-mask-image: url('../css/svg/signout_ico.svg');
	mask-repeat: no-repeat;
}

.m-icon {
	width: 120px;
	height: 120px;
	padding: 8px;
	border: solid 1px #E48A0E;
	display: block;
	margin: 12px;
	background-color: #fff;
	cursor: pointer;
	transition-timing-function: ease-in-out;
	animation: 1s ease 0s 1 slideInFromLeft;
}

@keyframes slideInFromLeft {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.small-icon {
	width: 35px !important;
	height: 25px;
	display: flex;
	vertical-align: middle;
}

.mat-small-icon {
	width: 35px !important;
	height: 25px !important;
}

.m-icon i {
	width: 72px;
	height: 72px;
	margin: auto;
	display: block;
}