/**================================
Administrator Panel CSS file - by LWEGATECH
==================================**/


html,
body{
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	overflow-x: hidden;
	background: #EFEFFC;
}
a{color: #035aa9;text-decoration: none;}
a:hover{text-decoration: none; color:indianred}
::-webkit-scrollbar {width: 8px; background:#023b6d;}
::-webkit-scrollbar-thumb {	background: #0256A2; }

/**===========================
Layout Structure - Admin Panel
=============================**/
.wrapper-container{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: flex-start;
	background: #EFEFFC;
  }
.main-wrapper{
	margin-left: 250px;
}
.header{
	background: #035AA9;
	color: #fff;
	left: 250px;
}
.header a{color: #fff; }
.header a:hover{color: #F7DBA8; }
.header .profile a{color: #555}
.sidebar{
	transition: width 0.5s;
	width: 250px; 
	color: #fff;
	font-size: 16px;
	background: #023b6d; 
	position: fixed;
	min-height: 100vh;
	max-height: 100px;
	top: 0;
  	left: 0;
  	overflow-x: hidden;
  	overflow-y:auto;
	scrollbar-width: thin;
}
.sidebar::-webkit-scrollbar {width: 5px; }
.sidebar::-webkit-scrollbar-thumb {	background: #0256A2; }
.footer{
	margin-top: auto;
}

/**===========================
Sidebar - MENU
=============================**/
.sidebar ul{
	list-style: none;
	padding-left: 0;
}
.sidebar li{
	line-height: 35px;
	border-bottom: 1px solid #02427B;
}
.btnMenu {
	display: none;
	padding: 20px;
	display: block;
	background: #1abc9c;
	color: #fff;
}
.btnMenu i.fa { float: right; }
.contenedor-menu {
	min-width: 250px;
	display: inline-block;
	line-height: 18px;
}
.contenedor-menu .menu li a {
	color: #fff;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}
.contenedor-menu .menu li a:hover { background: #024786; color: #fff; } 
.contenedor-menu .menu ul { display: none; }
.contenedor-menu .menu ul li a {
	background: #035AA9;
	color: #e9e9e9;
	padding: 5px 20px;
	border-bottom: 1px solid #0359a990;
}
.contenedor-menu .menu li a .arrow {
    font-size: 12px;
    align-self: center;
    margin-left: auto;
    display: list-item;
}
.contenedor-menu .menu .activado > a {
	background: #024786;
	color: #fff;
}
/** =======================================================
SIDEBAR OPEN/CLOSE
=========================================================**/
#sidebar.close {
    transition: width 0.5s;
    width: 48px; 
	color: #fff;
	background: #023b6d; 
	position: fixed;
	min-height: 100vh;
	max-height: 100px;
	top: 0;
  	left: 0;
  	overflow-x: hidden;
  	overflow-y:auto;
}
#sidebar.close .logo-desktop{ display: none;}
#sidebar.close .logo-mob{ display: block;}
#sidebar .logo-mob{ display: none;}
#main.close {
    margin-left: 48px;
}

/** ===================================================
Posts
======================================================**/
.postImg .thumb{height: 100px;}
.side_img {
    max-width: 100%;
    height: 300px;
    
	object-fit: cover;
  	object-position: bottom;
}











/** =======================================================
MOBILE / RESPONSIVE
=========================================================**/
@media screen and (max-width: 500px){
	.sidebar{
		transition: width 0.5s;
		width: 48px; 
		color: #fff;
		background: #023b6d; 
		position: fixed;
		min-height: 100vh;
		max-height: 100px;
		top: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y:auto;
	}
	#main {margin-left: 48px;}
	#sidebar .logo-mob{ display: block;}
	#sidebar .logo-desktop{ display: none;}
	#sidebar.close .logo-desktop{ display: block;}
	#sidebar.close .logo-mob{ display: none;}
	#sidebar.close {
		transition: width 0.5s;
		width: 250px; 
		color: #fff;
		background: #023b6d; 
		position: absolute;
		min-height: 100vh;
		max-height: 100px;
		top: 0;
		left: 0;
		z-index:99;
		overflow-x: hidden;
		overflow-y:auto;
		scrollbar-width: thin;
	}
	.sidebar.close ::-webkit-scrollbar {width: 5px; }
	.sidebar.close ::-webkit-scrollbar-thumb {	background: #397eba; position: absolute;}

}

/* Fix: Ensure Bootstrap contextual backgrounds for .toast take precedence
   when Toastr's vendor CSS (which defines a generic .toast background) is present. */
.toast.bg-success { background-color: rgba(var(--bs-success-rgb),1) !important; color: #fff !important; }
.toast.bg-danger  { background-color: rgba(var(--bs-danger-rgb),1)  !important; color: #fff !important; }
.toast.bg-warning { background-color: rgba(var(--bs-warning-rgb),1) !important; color: #000 !important; }
.toast.bg-info    { background-color: rgba(var(--bs-info-rgb),1)    !important; color: #000 !important; }
.toast.bg-light   { background-color: rgba(var(--bs-light-rgb),1)   !important; color: #000 !important; }
.toast.bg-dark    { background-color: rgba(var(--bs-dark-rgb),1)    !important; color: #fff !important; }