body {
	font-family: 'Montserrat', sans-serif;
}
#body-login {
	background: url("/assets/img/login_bg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

#dash-back {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(/assets/img/login_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#login-div {
	border-radius:1.5rem;
	padding:1rem;
	position:absolute;
	top:30%;
	left:50%;
	transform:translate(-50%,-30%);
	width:100%;
	max-width:335px;
}
#loader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: rgba(200,200,200,.8);
	display: flex;
	align-items: center;
	justify-content: center;
}
#loader .loading-icon {
	width: 42px;
	height: auto;
	animation: loadingAnimation 1s infinite;
}
.pointer:hover {
	cursor: pointer;
}
.dashboard-item {
	background:rgba(255,255,255,0.8);
	text-align: center;
	font-weight: bold;
	padding: 20px;
	margin: 20px;
	margin-bottom: 30px;
	border-radius: 1rem;
	position: relative;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.dashboard-item:hover {
		background: rgba(255,255,255,0.8);
		cursor: pointer;
	}
.dashboard-item > img {
	width: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.icon-dash {
	max-width: 100px;
}
.f25 {
	font-size: 25px;
}
.dashboard-item.active {
	background: rgba(78,155,145,0.9);
	color: #fff !important;
}
#space_footer {
	margin-bottom: 20px;
}
.dashboard-item.active:hover {
	background: rgba(55,77,74,0.9);
	color: #fff;
}
a:hover {
	text-decoration:none;
}
.dashboard-item{
	color: #343a40 !important
}
.dashboard-item:hover {
	background: rgba(255,255,255,0.8);
}
.absolutly-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.rolly-horizontal {
	animation: rotateY 1.8s infinite;
}
/*.dash-item-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: rgba(78,155,145,0.8);
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}*/
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	color: #000 !important;
	background: #fff;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	font-weight: 500;
}
#footer > a, #footer > span, #footer > span > a {
	color: #000 !important;
	font-weight:500;
}
.lan-container {
	font-size: 12px !important;
}
.lan-container > .dropdown > .dropdown-menu> .dropdown-item {
	font-size: 12px !important;
}
@media screen and (max-width: 1420px) and (min-width: 576px) {
	.dashboard-item {
		min-height: 188px;
	}
}
@media screen and (max-width: 479px) {
	#name_user_lbl {
		display:none;
	}
}
@media screen and (max-width: 412px) {
	.hide-mobile {
		display: none;
	}
}
@media screen and (max-width: 575px) {
	.dashboard-item {
		padding: unset;
		margin: unset;
		margin-bottom: 10px;
	}

	.dashboard-item-text {
		padding-right: 15px;
		padding-top: 15px;
	}
	.icon-dash {
		padding:5px;
		max-width: 70px;
	}
}
@-webkit-keyframes rotateY {
	0% {
		transform: rotateY(0deg);
	}

	1% {
		transform: rotateY(3.6deg);
	}

	2% {
		transform: rotateY(7.2deg);
	}

	3% {
		transform: rotateY(10.8deg);
	}

	4% {
		transform: rotateY(14.4deg);
	}

	5% {
		transform: rotateY(18deg);
	}

	6% {
		transform: rotateY(21.6deg);
	}

	7% {
		transform: rotateY(25.2deg);
	}

	8% {
		transform: rotateY(28.8deg);
	}

	9% {
		transform: rotateY(32.4deg);
	}

	10% {
		transform: rotateY(36deg);
	}

	11% {
		transform: rotateY(39.6deg);
	}

	12% {
		transform: rotateY(43.2deg);
	}

	13% {
		transform: rotateY(46.8deg);
	}

	14% {
		transform: rotateY(50.4deg);
	}

	15% {
		transform: rotateY(54deg);
	}

	16% {
		transform: rotateY(57.6deg);
	}

	17% {
		transform: rotateY(61.2deg);
	}

	18% {
		transform: rotateY(64.8deg);
	}

	19% {
		transform: rotateY(68.4deg);
	}

	20% {
		transform: rotateY(72deg);
	}

	21% {
		transform: rotateY(75.6deg);
	}

	22% {
		transform: rotateY(79.2deg);
	}

	23% {
		transform: rotateY(82.8deg);
	}

	24% {
		transform: rotateY(86.4deg);
	}

	25% {
		transform: rotateY(90deg);
	}

	26% {
		transform: rotateY(93.6deg);
	}

	27% {
		transform: rotateY(97.2deg);
	}

	28% {
		transform: rotateY(100.8deg);
	}

	29% {
		transform: rotateY(104.4deg);
	}

	30% {
		transform: rotateY(108deg);
	}

	31% {
		transform: rotateY(111.6deg);
	}

	32% {
		transform: rotateY(115.2deg);
	}

	33% {
		transform: rotateY(118.8deg);
	}

	34% {
		transform: rotateY(122.4deg);
	}

	35% {
		transform: rotateY(126deg);
	}

	36% {
		transform: rotateY(129.6deg);
	}

	37% {
		transform: rotateY(133.2deg);
	}

	38% {
		transform: rotateY(136.8deg);
	}

	39% {
		transform: rotateY(140.4deg);
	}

	40% {
		transform: rotateY(144deg);
	}

	41% {
		transform: rotateY(147.6deg);
	}

	42% {
		transform: rotateY(151.2deg);
	}

	43% {
		transform: rotateY(154.8deg);
	}

	44% {
		transform: rotateY(158.4deg);
	}

	45% {
		transform: rotateY(162deg);
	}

	46% {
		transform: rotateY(165.6deg);
	}

	47% {
		transform: rotateY(169.2deg);
	}

	48% {
		transform: rotateY(172.8deg);
	}

	49% {
		transform: rotateY(176.4deg);
	}

	50% {
		transform: rotateY(180deg);
	}

	51% {
		transform: rotateY(183.6deg);
	}

	52% {
		transform: rotateY(187.2deg);
	}

	53% {
		transform: rotateY(190.8deg);
	}

	54% {
		transform: rotateY(194.4deg);
	}

	55% {
		transform: rotateY(198deg);
	}

	56% {
		transform: rotateY(201.6deg);
	}

	57% {
		transform: rotateY(205.2deg);
	}

	58% {
		transform: rotateY(208.8deg);
	}

	59% {
		transform: rotateY(212.4deg);
	}

	60% {
		transform: rotateY(216deg);
	}

	61% {
		transform: rotateY(219.6deg);
	}

	62% {
		transform: rotateY(223.2deg);
	}

	63% {
		transform: rotateY(226.8deg);
	}

	64% {
		transform: rotateY(230.4deg);
	}

	65% {
		transform: rotateY(234deg);
	}

	66% {
		transform: rotateY(237.6deg);
	}

	67% {
		transform: rotateY(241.2deg);
	}

	68% {
		transform: rotateY(244.8deg);
	}

	69% {
		transform: rotateY(248.4deg);
	}

	70% {
		transform: rotateY(252deg);
	}

	71% {
		transform: rotateY(255.6deg);
	}

	72% {
		transform: rotateY(259.2deg);
	}

	73% {
		transform: rotateY(262.8deg);
	}

	74% {
		transform: rotateY(266.4deg);
	}

	75% {
		transform: rotateY(270deg);
	}

	76% {
		transform: rotateY(273.6deg);
	}

	77% {
		transform: rotateY(277.2deg);
	}

	78% {
		transform: rotateY(280.8deg);
	}

	79% {
		transform: rotateY(284.4deg);
	}

	80% {
		transform: rotateY(288deg);
	}

	81% {
		transform: rotateY(291.6deg);
	}

	82% {
		transform: rotateY(295.2deg);
	}

	83% {
		transform: rotateY(298.8deg);
	}

	84% {
		transform: rotateY(302.4deg);
	}

	85% {
		transform: rotateY(306deg);
	}

	86% {
		transform: rotateY(309.6deg);
	}

	87% {
		transform: rotateY(313.2deg);
	}

	88% {
		transform: rotateY(316.8deg);
	}

	89% {
		transform: rotateY(320.4deg);
	}

	90% {
		transform: rotateY(324deg);
	}

	91% {
		transform: rotateY(327.6deg);
	}

	92% {
		transform: rotateY(331.2deg);
	}

	93% {
		transform: rotateY(334.8deg);
	}

	94% {
		transform: rotateY(338.4deg);
	}

	95% {
		transform: rotateY(342deg);
	}

	96% {
		transform: rotateY(345.6deg);
	}

	97% {
		transform: rotateY(349.2deg);
	}

	98% {
		transform: rotateY(352.8deg);
	}

	99% {
		transform: rotateY(356.4deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}