/*******ROOT CSS COLOR********/

:root {
	--main-bg-color: #333333;
	--second-bg-color: #232b3e;
	--white-bg-color: #fff;
	--header-search-bg: rgba(0, 0, 0, .2);
	--white-text-color: #fff;
	--btn-color: #5c77ff;
	--menu-hover-bg: rgba(200, 200, 200, 0.2);
}


/*******CLOSE********/

.login_admin {
	background: var(--main-bg-color);
}

.company-logo {
	padding: 25px 10px;
	display: block;
	text-align: center;
}

.company-logo a {
	color: white;
	font-size: 40px;
}

.authentication-form {
	border: 1px solid #e4e5e747;
	padding: 20px;
	background: linear-gradient(to bottom right, #4f6f91 0%, #5072a7 100%);
	border-radius: 10px!important;
	box-shadow: 0px 0px 21px -9px #000;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
	color: #fff;
	background-color: var(--btn-color) !important;
}

.btn-info {
	color: #fff;
	background-color: var(--main-bg-color) !important;
}

label {
	color: white;
}

.company-logo img {
	width: 120px;
}

h1 {
	color: white;
}

body {
	background-image: url('../bg_img/bg.jpg') !important;
}

a {
	color: white;
}

.btn-info {
	color: #fff !important;
	background-color: #5c77ff !important;
}