:root { --colorCabecera1: #79a3c1; 
		--colorCabecera2: #367fa9;
		--colorMenu1: #222d32; 
		--colorMenu2: #2c3b41; 
		--colorMenu3: #1E282C;
		--colorLetraMenu1: #9FAEB4; 
		--colorLetraMenu2: #FFFFFF; 
		--colorLetraCabecera:#FFFFFF;
		--colorScroll:#9FAEB4;
		--colorCuerpo1:#F5F5F5;
	  }

.skin-blue .main-header .navbar {
	background-color: var(--colorCabecera1)
}

.skin-blue .main-header .navbar >span {
	color: var(--colorLetraCabecera)
}

.skin-blue .main-header .navbar .nav>li>a {
	color: var(--colorLetraCabecera)
}

.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a {
	background: rgba(0, 0, 0, 0.1);
	color: var(--colorLetraCabecera)
}

.skin-blue .main-header .navbar .sidebar-toggle {
	color: var(--colorLetraCabecera)
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
	color: var(--colorLetraCabecera);
	background: rgba(0, 0, 0, 0.1)
}

.skin-blue .main-header .navbar .sidebar-toggle {
	color: var(--colorLetraCabecera)
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
	background-color: var(--colorCabecera1)
}

@media (max-width:767px) {
	.skin-blue .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255, 255, 255, 0.1)
	}
	.skin-blue .main-header .navbar .dropdown-menu li a {
		color: var(--colorLetraCabecera)
	}
	.skin-blue .main-header .navbar .dropdown-menu li a:hover {
		background: var(--colorCabecera2)
	}
}

.skin-blue .main-header .logo {
	background-color: var(--colorCabecera2);
	color: var(--colorLetraCabecera);
	border-bottom: 0 solid transparent
}

.skin-blue .main-header .logo:hover {
	background-color: var(--colorCabecera2)
}

.skin-blue .main-header li.user-header {
	background-color: var(--colorCabecera1);
	color:var(--colorLetraCabecera);
}

.skin-blue .content-header {
	background: transparent
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
	background-color: var(--colorMenu1)
}

.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
	color: var(--colorLetraMenu1)
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: var(--colorScroll);
  border-radius: 4px;
}

.sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--colorScroll);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.skin-blue .sidebar-menu>li.header {
	color: var(--colorLetraMenu1);
	background: var(--colorMenu2) ;
}

.sidebar-scroll::-webkit-scrollbar-track {
  background: var(--colorMenu1);
  border-radius: 4px;
}

.sidebar-scroll::-webkit-scrollbar-track:hover, 
.sidebar-scroll::-webkit-scrollbar-track:active {
  background: var(--colorMenu1);
}

.skin-blue .sidebar-menu>li>a {
	border-left: 3px solid transparent
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a {
	color: var(--colorLetraMenu1);
	background: var(--colorMenu3);
}

.skin-blue .sidebar-menu>li:hover>a:hover{
	color: var(--colorLetraMenu2);
}

.skin-blue .sidebar-menu>li.active>a {
	border-color: var(--colorScroll);

}

.skin-blue .sidebar-menu>li>.treeview-menu {
	margin: 0 1px;
	background: var(--colorMenu2);
	color: var(--colorLetraMenu1)
}

.skin-blue .sidebar a {
	color:var(--colorLetraMenu1);
}

.skin-blue .sidebar a:hover {
	text-decoration: none
}

.skin-blue .sidebar-menu .treeview-menu>li>a {
	color: var(--colorLetraMenu1);
	background-color:var(--colorMenu2);
}

.skin-blue .sidebar-menu .treeview-menu>li.active>a,
.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
	color: var(--colorLetraMenu2);
}

.skin-blue .sidebar-form {
	border-radius: 3px;
	border: 1px solid var(--colorMenu2);
	margin: 10px 10px
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
	box-shadow: none;
	background-color: var(--colorMenu2);
	border: 1px solid transparent;
	height: 35px
}

.skin-blue .sidebar-form input[type="text"] {
	color: var(--colorLetraMenu1);
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	border-left-color: var(--colorMenu2)
}

.skin-blue .sidebar-form input[type="text"]::placeholder { 
	color: var(--colorLetraMenu1); 
} 



.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	background-color: var(--colorMenu2);
	color: var(--colorLetraMenu1)
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
	border-left-color: var(--colorLetraMenu1)
}

.skin-blue .sidebar-form .btn {
	color: var(--colorLetraMenu1);
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 0
}

.skin-blue.layout-top-nav .main-header>.logo {
	background-color: var(--colorCabecera1);
	color: var(--colorLetraCabecera);
	border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
	background-color: var(--colorCabecera2)
}

.content-wrapper{
	background-color: var(--colorCuerpo1)
}