/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/material-font-icons/regular.woff2) format('woff2');
}
/* fallback */
@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/material-font-icons/outlined.woff2) format('woff2');
}
/* fallback */
@font-face {
	font-family: 'Material Icons Round';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/material-font-icons/round.woff2) format('woff2');
}
/* fallback */
@font-face {
	font-family: 'Material Icons Sharp';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/material-font-icons/sharp.woff2) format('woff2');
}
/* fallback */
@font-face {
	font-family: 'Material Icons Two Tone';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/material-font-icons/twoTone.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;
}

.material-icons-outlined {
	font-family: 'Material Icons 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-round {
	font-family: 'Material Icons Round';
	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-sharp {
	font-family: 'Material Icons Sharp';
	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-two-tone {
	font-family: 'Material Icons Two Tone';
	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;
}


/*rounded material icons*/
/*how to use rounded/sharp/outlined icons--> https://stackoverflow.com/questions/50303454/how-to-use-the-new-material-design-icon-themes-outlined-rounded-two-tone-and/54902967#54902967*/
.material-icons-round,
.material-icons .material-icons--round {
	font-family: 'Material Icons Round';
}

.material-icons-outlined,
.material-icons .material-icons--outlined {
	font-family: 'Material Icons Outlined';
}

.material-icons.primary {
	color: var(--primary);
}

.material-icons.grey {
	color: var(--primary);
}

.material-icons.secondary {
	color: var(--secondary);
}
.material-icons.tertiary {
	color: var(--tertiary);
}
.material-icons.light-gray {
	color: var(--light-gray);
}
.material-icons.light-gray_2 {
	color: var(--light-gray_2);
}
.material-icons.white {
	color: var(--text_field_fill);
}
.material-icons.grey {
	/* color: #727580; */
	color:#727272ad;
}

.enlargeOnHover:hover {
	/*font-size: 31px;*/
	/*-webkit-transition: all 0.5s;*/
	transform: scale(1.2);
	/*font-size:22px;*/
	transition: all 0.4s ease-in-out;
}
.changeColor{

}
.changeColor:hover{
	color:#3569C3;
}
.material-icons.size14 {
	font-size: 14px;
}
.material-icons.size15 {
	font-size: 15px;
}
.material-icons.size16 {
	font-size: 16px;
}
.material-icons.size17 {
	font-size: 17px;
}
.material-icons.size18 {
	font-size: 18px;
}
/*used in show row options on notebook*/
.material-icons.size18.hoverMe:hover {
	/*font-size: 21px;*/
	/*-webkit-transition: all 0.5s;*/
	transform: scale(1.5);
	/*font-size:22px;*/
	transition: all 0.2s ease-in-out;
}.material-icons.size28.hoverMe:hover {
	/*font-size: 31px;*/
	/*-webkit-transition: all 0.5s;*/
	transform: scale(1.5);
	/*font-size:22px;*/
	transition: all 0.2s ease-in-out;
}
 /*  -- -- -- */
.material-icons.size20 {
	font-size: 20px;
}
.material-icons.size24 {
	font-size: 24px;
}
.material-icons.size28 {
	font-size: 28px;
}
.material-icons.size30 {
	font-size: 30px;
}
.material-icons.size32 {
	font-size: 32px;
}
.material-icons.size36 {
	font-size: 36px;
}
.material-icons.size55 {
	 font-size: 55px
}

.material-icons.vertical_align_bottom {
	vertical-align: bottom;
}
.material-icons.vertical_align_middle {
	vertical-align: middle;
}
.material-icons.vertical_align_sub {
	vertical-align: sub
}
.material-icons.baseline-middle {
	vertical-align: -webkit-baseline-middle;
}
.material-icons.vertical_align_text_top {
	vertical-align: text-top;
}
/*used in in tileview*/
.material-icons.vertical_align_text_bottom {
	vertical-align: text-bottom;
}

/*for info_outlined icon*/
.material-icons.closeToText{
	margin-right: -15px;
}

/*for maximize chart*/
.material-icons-outlined.maximizeChart{
	z-index:900;/*fixes mozilla issue*/
	position: absolute;
	right:72px;
	top: 13px;
	color:#9c9c9c99;
}
.material-icons-outlined.maximizeChart:hover{
	transform: scale(1.1);
	transition: all 0.2s ease-in-out;
	/*animation: pulse 8s infinite ease;*/
	color: rgba(85, 85, 85, 0.6);
}