@import url("../css/fonts.css");

:root {
	--theme-widget-color: #333;
	--theme-widget-hover-color: #444;
	--main-font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.link { color:#0190fe; text-decoration: underline; }

.left-menu-side .left-logo {
	background-color: #000c17;
	width: 100%;
	height: 150px;
	background-image: url(../imgs/white_logo.png);
}

.login-wrapper {
	background-image: url(../imgs/bg_login.png);
	align-items: flex-start;
}

.card-login .content-card {
	margin-top: 30%;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.07);
}

.gmap { height: 600px; }

.main-layout {
	background-color: #f0f0f0;
}

.left-menu-side {
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
}

.left-menu-side .left-logo {
	height: 160px;
	background-color: #fff;
}

.left-menu-side li a {
	color: #777;
}

.left-menu-side li a:hover {
	color: #333;
}

.left-menu-side li.active > a,
.left-menu-side li.active > a > i,
.left-menu-side li:hover > a > i {
	color: #333;
}

.left-menu-side li.active {
	background-color: #f0f0f0;
}

.sp-form-control:focus {
    border-color: #999;
}

.btn-billing {
	position: absolute;
	bottom: 2rem;
	right: 3rem;
}

option:disabled {
	background-color: #ffe5e5;
}

@media only screen and (min-width: 1200px) {

	.sp-table .thead {
		background-color: #f3f3f3;
	}

	.sp-table .tbody:hover {
		background-color: #f9f9f9;
	}
}