/* *** Classes for Font Families *** */
.fm-didact-gothic{
	font-family: 'Didact Gothic', sans-serif!important;
}

.fm-roboto{
	font-family: 'Roboto', sans-serif!important;
}

.fm-open-sans{
	font-family: 'Open Sans', sans-serif!important;
}

.fm-ubuntu{
	font-family: 'Ubuntu', sans-serif!important;
}

.fm-noto-sans{
	font-family: 'Noto Sans', sans-serif!important;
}

.fm-arimo{
	font-family: 'Arimo', sans-serif!important;
}

.fm-play{
	font-family: 'Play', sans-serif!important;
}

.fm-jura{
	font-family: 'Jura', sans-serif!important;
}

.fm-advent-pro{
	font-family: 'Advent Pro', sans-serif!important;
}

/* *** Classes for Font Weights *** */
.fw-400{
	font-weight: 400!important;
}

.fw-500{
	font-weight: 500!important;
}

.fw-600{
	font-weight: 600!important;
}

.fw-700{
	font-weight: 700!important;
}

.fw-800{
	font-weight: 800!important;
}

.fw-900{
	font-weight: 900!important;
}

/* *** Classes for Font Colors *** */
.fc-red{
	color: #ff0000!important;
}

.fc-green{
	color: #00ff00!important;
}

.fc-blue{
	color: #0000ff!important;
}

.fc-white{
	color: #ffffff!important;
}

.fc-black{
	color: #000000!important;
}


/* *** Classes for Font Sizes *** */
.fs-10{
	font-size: 10px!important;
}

.fs-12{
	font-size: 12px!important;
}

.fs-14{
	font-size: 14px!important;
}

.fs-16{
	font-size: 16px!important;
}

.fs-18{
	font-size: 18px!important;
}

.fs-20{
	font-size: 20px!important;
}

.fs-22{
	font-size: 22px!important;
}

.fs-24{
	font-size: 24px!important;
}

.fs-26{
	font-size: 26px!important;
}

.fs-28{
	font-size: 28px!important;
}

.fs-30{
	font-size: 30px!important;
}

.fs-050rem{
	font-size: 0.50rem!important;
}

.fs-060rem{
	font-size: 0.60rem!important;
}

.fs-070rem{
	font-size: 0.70rem!important;
}

.fs-080rem{
	font-size: 0.80rem!important;
}

.fs-090rem{
	font-size: 0.90rem!important;
}

.fs-100rem{
	font-size: 1.00rem!important;
}

.fs-120rem{
	font-size: 1.20rem!important;
}

.fs-130rem{
	font-size: 1.30rem!important;
}

.fs-140rem{
	font-size: 1.40rem!important;
}

.fs-150rem{
	font-size: 1.50rem!important;
}

.fs-200rem{
	font-size: 2.00rem!important;
}

.dis-inline-block{
	display: inline-block!important;
}

.edit_icon {
	color: #25bb14;
}

.delete_icon {
	color: #fb3e3e;
}

.clone_icon {
	color: #fbc23e;
}

.view_icon {
	/*color: #fb3e3e;*/
}

.reset_icon {
	color: #fbc23e;
}

.d_block{
	display: block;
}

.checkbox_20{
	width: 20px;
	height: 20px;
}

.checkbox_30{
	width: 30px;
	height: 30px;
}

.hidden{
	display: none!important;
}

:root {
	--main-color: #131313;
	--main-hover-color: #424242;
	--secondary-color:#2c4a68; /* #137bb6; */
	--secondary-hover-color: #4295c4;
	--third-color: #7a49a5;
	--third-hover-color: #946db7;
}

.main_bg{
	background-color: var(--main-color)!important;
}

.main_color{
	color: var(--main-color)!important;
}

.secondary_bg{
	background-color: var(--secondary-color)!important;
}

.secondary_color{
	color: var(--secondary-color)!important;
}

.third_bg{
	background-color: var(--third-color)!important;
}

.third_color{
	color: var(--third-color)!important;
}

.btn.main_bg{
	border-color: var(--main-color)!important;
}

.btn.main_bg:hover{
	background-color: var(--main-hover-color)!important;
	border-color: var(--main-hover-color)!important;
}

.btn.secondary_bg{
	border-color: var(--secondary-color)!important;
}

.btn.secondary_bg:hover{
	background-color: var(--secondary-hover-color)!important;
	border-color: var(--secondary-hover-color)!important;
}

.btn.third_bg{
	border-color: var(--third-color)!important;
}

.btn.third_bg:hover{
	background-color: var(--third-hover-color)!important;
	border-color: var(--third-hover-color)!important;
}

.main_border{
	border: solid 1px var(--main-color)!important;
}

.secondary_border{
	border: solid 1px var(--secondary-color)!important;
}

.third_border{
	border: solid 1px var(--third-color)!important;
}