/**
 * Endor Inc Admin Panel
 * Custom CSS for the admin
 * 2020 Year of covid
 */



.text-green {
	color: rgb(101,100,0);
}

.text-red {
	color: rgb(186,20,21);
}



 /* ************************* MENU ************************* */



.navbar.default-layout-navbar{
	-webkit-box-shadow: 0px 0px 10px rgb(150, 150, 150);
			box-shadow: 0px 0px 10px rgb(150, 150, 150);
}



/* LOGO */
.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand h1 {

}

.navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-icon i {
	font-size: 1.875rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
	margin-left: 5px;
}

.navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input {height: 45px;}




/*  input-group Button  */

.input-group input.form-control {margin-top: 0px !important;}

.input-group .btn {padding-top: 0px !important; padding-bottom: 0px !important;}


@media (max-width: 991px){
	.navbar.default-layout-navbar .navbar-brand-wrapper {
		width: 200px;
	}
}





 /* ************************* CARDS ************************* */



.card .card-body {
	padding: 1.5rem;
	overflow-x: auto;
}




/* TABS */
.tabs.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #1bcfb4;
	color: white;
}

.tabs.nav-pills .nav-link {
	color: gray;
	background-color: white;
	margin: 0 10px;
}



 /* ************************* FORMS ************************* */


.error-message {
	color: red;
}


input.form-control {height: 40px; margin-top: 0.25rem !important; margin-bottom: 1rem;}



.image-preview-wrapper {
	position: relative;
}

.image-preview-wrapper input {
	height: 200px;
	background: transparent;
	position: relative;
	z-index: 10;
}

.image-preview-wrapper .image-preview {position: absolute; bottom: 20px; z-index: 1;}

.image-preview-wrapper .image-preview img {max-height: 140px; width: auto; max-width: 100%;}


/* ************************* LOGIN ************************* */

.auth .brand-logo img {
	width: 250px;
}



 /* ************************* SIDEBAR ************************* */

.sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link i {
	color: #00c0c8;
}


.sidebar .nav .nav-item .nav-link {
	padding: 0.5rem 0 1.125rem 0;
}



 /* ************************* BUTTONS ************************* */


.btn.btn-icon {line-height: 42px;}



 /* ************************* ALERTS ************************* */

 .alert {
 	position: fixed;
 	padding-right: 30px;
 	top: 100px;
 	right: 30px;
 	cursor: pointer;
 	z-index: 1000;
 }

 .alert button {
	position: absolute;
	top: 9px;
	right: 5px;
	color: black;
 }