body {
	font-family: 'Montserrat', sans-serif;
}
#body-login {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/assets/img/login_bg.png) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.back_login {
	background: rgb(0,166,215);
	background: -moz-linear-gradient(90deg, rgba(0,166,215,1) 0%, rgba(0,88,179,1) 56%, rgba(0,27,135,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,166,215,1) 0%, rgba(0,88,179,1) 56%, rgba(0,27,135,1) 100%);
	background: linear-gradient(90deg, rgba(0,166,215,1) 0%, rgba(0,88,179,1) 56%, rgba(0,27,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a6d7",endColorstr="#001b87",GradientType=1);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}
::-webkit-scrollbar {
	width: 0px;
}
#dash-back {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: url(/assets/img/login_bg.png) no-repeat center top;
	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;
}
#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;
	}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}
.rolly-horizontal {
	animation: rotateY 1.8s infinite;
}
#login-div {
	border-radius:1.5rem;
	padding:1.5rem;
	position:absolute;
	top:30%;
	left:50%;
	transform:translate(-50%,-30%);
	width:100%;
	max-width:320px;
}
.pointer:hover {
	cursor: pointer;
}
.dashboard-item {
	text-align: center;
	font-weight: bold;
	padding: 20px;
	margin: 20px;
	margin-bottom: 30px;
	border-radius: .25rem;
	position: relative;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.dashboard-item:hover {
	cursor: pointer;
}
.dashboard-item > img {
	max-height: 100px;
	width: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.f25 {
	font-size: 25px;
}
.dashboard-item.active {
	background: rgb(0,123,255);
	background: -moz-linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	background: linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bff",endColorstr="#46494d",GradientType=1);
	color: #fff !important;
}
#space_footer {
	margin-bottom: 20px;
}
.dashboard-item.active:hover, .dashboard-item:hover > .dash-item-footer {
	background: rgb(0,123,255);
	background: -moz-linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	background: linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bff",endColorstr="#46494d",GradientType=1);
	color: #fff !important;
}
a:hover {
	text-decoration:none;
}
.dashboard-item{
	color: #343a40 !important;
	background: #fff;
}
.dashboard-item:hover {
	background: #f7f7f7;
}
.dash-item-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: rgb(0,123,255);
	background: -moz-linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	background: linear-gradient(90deg, rgba(0,123,255,1) 0%, rgba(70,73,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bff",endColorstr="#46494d",GradientType=1);
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	font-size: 14px;
}

@media screen and (max-width: 479px) {
	#name_user_lbl {
		display:none;
	}
}


@-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);
	}
}