/** 
 * History Clinical
 * Custom CSS for the admin
 * 2019
 */



 /* ************************* 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 img {
	width: auto;
	height: auto;
	max-height: 60px;
}

.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: 100px;
	}
}





 /* ************************* 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;}



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


.error-message {
	color: red;
}


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


#image_selector {
	height: 200px;
	padding: 5px;
	background: transparent;
	position: absolute;
	top: 40px;
}

.image-preview {margin-top: 30px; margin-bottom: 50px;}

.image-preview img {max-height: 150px; width: auto;}

 /* ************************* 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;
 }