/*-------------------- Negro --------------------*/

body#body.color-negro a.activo {
  background-color:rgba(255, 255, 255, 0.15);
  border:solid 1px rgba(255, 255, 255, 0.3);
}

body#body.color-negro .perfil-alumno > .ti-search{
  color:#fff;
}

body#body.color-negro .slider{
  background:rgba(255,255,255,.2);
}

body#body.color-negro input:checked + .slider{
  background:rgba(6,134,188,1);
}

body#body.color-negro .icon-moon{
  color:#fff;
}

body#body.color-negro .icon-sun{
  color:#fff;
}

body#body.color-negro .visibilidad-logo-blanco{
  display:block;
}

body#body.color-negro .visibilidad-logo-color{
  display:none !important;
}

body#body.color-negro .bg-color-header, body#body.color-negro .elbuscador.active, body#body.color-negro button#cerrarBuscador{
  background: rgb(18,127,14);
  background: linear-gradient(90deg, rgb(31 45 56) 17%, rgb(23 25 28) 100%);
}

body#body.color-negro .menu-section{
  background: rgb(18,127,14);
  background: linear-gradient(180deg, rgb(31 45 56) 17%, rgb(23 25 28) 100%);
}

body#body.color-negro .nav-menu{
  color:#fff;
}

body#body.color-negro .colegio{
  color:#fff;
}

body#body.color-negro .nombre-menu{
  color:#fff;
}

body#body.color-negro .nav-submenu{
  color:#d5d5d5;
}

body#body.color-negro .nav-submenu:hover, body#body.color-negro .nav-submenu.active{
  color:#fff;
  transition:.3s;
}

body#body.color-negro .elbuscador > .input-group>.form-control:not(:first-child){
  background-color:#1d2228 !important;
  color:#fff;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-right:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

body#body.color-negro .elbuscador > .input-group-text{
  background-color:#1d2228 !important;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

body#body.color-negro .perfil-alumno{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-negro .notificaciones-dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}


body#body.color-negro .dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-negro .notificacion-menu{
  color:#fff;
}

body#body.color-negro .dropdown-content{
  background-color:#1f2d38;
}

body#body.color-negro .nom-desafios{
  color:#fff;
}

body#body.color-negro .dropdown-content a:hover {
  background-color: rgba(255, 255, 255, 0);
}

body#body.color-negro .arrow-close-open{
  background:#1f2d38 !important;
  color:#fff;
  border:solid 1px rgba(255, 255, 255, 0.3);
}

body#body.color-negro a.nav-menu.active{
color:#fff !important;
outline: 1px solid rgba(255, 255, 255, .5);
}

body#body.color-negro .nav-menu:hover,body#body.color-negro .nav-menu.active{
background:rgba(255, 255, 255, 0.1) !important;
}

body#body.color-negro span#inputGroup-sizing-default{
  background-color:#1d2228 !important;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 1115px){

  body#body.color-negro .menu_side_new{
  background: rgb(18,127,14);
  background: linear-gradient(180deg, rgb(31 45 56) 17%, rgb(23 25 28) 100%);
  }

}

/*-------------------- Fin Negro --------------------*/

/*-------------------- Azul --------------------*/

body#body.color-celeste a.activo {
  background-color:rgba(255, 255, 255, 0.15);
  border:solid 1px rgba(255, 255, 255, 0.3);
}

body#body.color-celeste .perfil-alumno > .ti-search{
  color:#fff;
}

body#body.color-celeste .slider{
  background:rgba(255,255,255,.2);
}

body#body.color-celeste input:checked + .slider{
  background:rgb(14, 109, 127);
}

body#body.color-celeste .icon-moon{
  color:#fff;
}

body#body.color-celeste .icon-sun{
  color:#fff;
}

body#body.color-celeste .visibilidad-logo-blanco{
  display:block;
}

body#body.color-celeste .visibilidad-logo-color{
  display:none !important;
}


body#body.color-celeste .bg-color-header, body#body.color-celeste .elbuscador.active, body#body.color-celeste button#cerrarBuscador{
  background: rgb(14,109,127);
  background: linear-gradient(90deg, rgba(14,109,127,1) 17%, rgba(9,29,77,1) 100%);
}

body#body.color-celeste .menu-section{
  background: rgb(14,109,127);
background: linear-gradient(180deg, rgba(14,109,127,1) 17%, rgba(9,29,77,1) 100%);
}

body#body.color-celeste .nav-menu{
  color:#fff;
}

body#body.color-celeste .colegio{
  color:#fff;
}

body#body.color-celeste .nombre-menu{
  color:#fff;
}

body#body.color-celeste .nav-submenu{
  color:#d5d5d5;
}

body#body.color-celeste .nav-submenu:hover, body#body.color-celeste .nav-submenu.active{
  color:#fff;
  transition:.3s;
}

body#body.color-celeste .elbuscador > .input-group>.form-control:not(:first-child){
  background-color:#0b3e62 !important;
  color:#fff;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-right:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

body#body.color-celeste .elbuscador > .input-group-text{
  background-color:#1d2228 !important;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

body#body.color-celeste .perfil-alumno{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-celeste .notificaciones-dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-celeste .dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-celeste .notificacion-menu{
  color:#fff;
}

body#body.color-celeste .dropdown-content{
  background-color:#0a2d57;
}

body#body.color-celeste .nom-desafios{
  color:#fff;
}

body#body.color-celeste .dropdown-content a:hover {
  background-color: rgba(255, 255, 255, 0);
}

body#body.color-celeste .arrow-close-open{
  background:#1f2d38 !important;
  color:#fff;
  border:solid 1px rgba(255, 255, 255, 0.3);
}

body#body.color-celeste a.nav-menu.activo{
color:#fff !important;
}

body#body.color-celeste .nav-menu:hover, body#body.color-celeste .nav-menu.active{
background:rgba(255, 255, 255, 0.1) !important;
}

body#body.color-celeste span#inputGroup-sizing-default{
  background-color:#0b3e62 !important;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 1115px){

  body#body.color-celeste .menu_side_new{
  background: rgb(14,109,127);
  background: linear-gradient(180deg, rgba(14,109,127,1) 17%, rgba(9,29,77,1) 100%);
  }

}

 /*-------------------- Fin Azul --------------------*/ 

 /*-------------------- Rojo --------------------*/ 
 
 body#body.color-rojo a.activo {
  background-color:rgba(255, 255, 255, 0.15);
  border:solid 1px rgba(255, 255, 255, 0.3);
}

body#body.color-rojo .perfil-alumno > .ti-search{
  color:#fff;
}

body#body.color-rojo .slider{
  background:rgba(255,255,255,.2);
}

body#body.color-rojo input:checked + .slider{
  background:rgb(156,0,193);
}

body#body.color-rojo .icon-moon{
  color:#fff;
}

body#body.color-rojo .icon-sun{
  color:#fff;
}

body#body.color-rojo .visibilidad-logo-blanco{
  display:block;
}

body#body.color-rojo .visibilidad-logo-color{
  display:none !important;
}


body#body.color-rojo .bg-color-header, body#body.color-rojo .elbuscador.active, body#body.color-rojo button#cerrarBuscador{
  background: rgb(181,11,166);
background: linear-gradient(90deg, rgb(156 0 193) 17%, rgba(83, 0, 200, 1) 100%)
}

body#body.color-rojo .menu-section{
  background: rgb(181,11,166);
background: linear-gradient(180deg, rgb(156 0 193) 17%, rgba(83, 0, 200, 1) 100%)
}

body#body.color-rojo .nav-menu{
  color:#fff;
}

body#body.color-rojo .colegio{
  color:#fff;
}

body#body.color-rojo .nombre-menu{
  color:#fff;
}

body#body.color-rojo .nav-submenu{
  color:#d5d5d5;
}

body#body.color-rojo .nav-submenu:hover, body#body.color-rojo .nav-submenu.active{
  color:#fff;
  transition:.3s;
}

body#body.color-rojo .elbuscador > .input-group>.form-control:not(:first-child){
  background-color:#7a04ba !important;
  color:#fff;
  border-top:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-right:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.3) !important;
}

body#body.color-rojo .elbuscador > .input-group-text{
  background-color:#7a04ba !important;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

body#body.color-rojo .perfil-alumno{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-rojo .dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-rojo .notificaciones-dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-rojo .notificacion-menu{
  color:#fff;
}

body#body.color-rojo .dropdown-content{
  background-color:#7203bd;
}

body#body.color-rojo .nom-desafios{
  color:#fff;
}

body#body.color-rojo .dropdown-content a:hover {
  background-color: rgba(255, 255, 255, 0);
}

body#body.color-rojo .arrow-close-open{
  background:#9f09ae !important;
  color:#fff;
  border:solid 1px rgba(255, 0, 191, 0.3);
}

body#body.color-rojo a.nav-menu.activo{
color:#fff !important;
}

body#body.color-rojo .nav-menu:hover, body#body.color-rojo .nav-menu.active{
background:rgba(255, 255, 255, 0.1) !important;
}

body#body.color-rojo span#inputGroup-sizing-default .ti{
  color:#b50ba6 !important;
}

body#body.color-rojo span#inputGroup-sizing-default{
  background-color:#7a04ba !important;
  border-top:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.3) !important;
}

@media (max-width: 1115px){

  body#body.color-rojo .menu_side_new{
    background: rgb(181,11,166);
    background: linear-gradient(180deg, rgb(156 0 193) 17%, rgba(83, 0, 200, 1) 100%)
  }
}

/*-------------------- Fin Rojo --------------------*/ 

/*-------------------- Verde --------------------*/ 
  
body#body.color-verde a.activo {
  background-color:rgba(255, 255, 255, 0.15);
  border:solid 1px rgba(255, 255, 255, 0.3);
}

body#body.color-verde .perfil-alumno > .ti-search{
  color:#fff;
}

body#body.color-verde .slider{
  background:rgba(255,255,255,.2);
}

body#body.color-verde input:checked + .slider{
  background:rgb(20, 189, 190);
}

body#body.color-verde .icon-moon{
  color:#fff;
}

body#body.color-verde .icon-sun{
  color:#fff;
}

body#body.color-verde .visibilidad-logo-blanco{
  display:block;
}

body#body.color-verde .visibilidad-logo-color{
  display:none !important;
}

body#body.color-verde .bg-color-header, body#body.color-verde .elbuscador.active, body#body.color-verde button#cerrarBuscador{
  background: rgb(181,11,166);
background: linear-gradient(90deg, rgba(18,189,191,1) 0%, rgba(223,146,87,1) 100%);
}

body#body.color-verde .menu-section{
  background: rgb(181,11,166);
background: linear-gradient(180deg, rgba(18,189,191,1) 0%, rgba(223,146,87,1) 100%);
}

body#body.color-verde .nav-menu{
  color:#fff;
}

body#body.color-verde .colegio{
  color:#fff;
}

body#body.color-verde .nombre-menu{
  color:#fff;
}

body#body.color-verde .nav-submenu{
  color:#d5d5d5;
}

body#body.color-verde .nav-submenu:hover, body#body.color-verde .nav-submenu.active{
  color:#fff;
  transition:.3s;
}

body#body.color-verde .elbuscador > .input-group>.form-control:not(:first-child){
  background-color:rgb(158 159 119) !important;
  color:#fff;
  border-top:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-right:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.3) !important;
}

body#body.color-verde .elbuscador > .input-group-text{
  background-color:#7a04ba !important;
  border-top:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.1) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1) !important;
}

body#body.color-verde .perfil-alumno{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-verde .notificaciones-dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-verde .dropbtn{
  background:rgba(255, 255, 255, 0.1);
  border:solid 1px rgba(255, 255, 255, 0.3);
  color:#fff;
}

body#body.color-verde .notificacion-menu{
  color:#fff;
}

body#body.color-verde .dropdown-content{
  background-color:#c29865;
}

body#body.color-verde .nom-desafios{
  color:#fff;
}

body#body.color-verde .dropdown-content a:hover {
  background-color: rgba(255, 255, 255, 0);
}

body#body.color-verde .arrow-close-open{
  background:#81a687 !important;
  color:#fff;
  border:solid 1px rgb(255 255 255);
}

body#body.color-verde a.nav-menu.activo{
color:#fff !important;
}

body#body.color-verde .nav-menu:hover, body#body.color-verde .nav-menu.active{
background:rgba(255, 255, 255, 0.1) !important;
}

body#body.color-verde span#inputGroup-sizing-default .ti{
  color:#fff !important;
}

body#body.color-verde span#inputGroup-sizing-default{
  background-color:rgb(158 159 119) !important;
  border-top:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-left:solid 1px rgba(255, 255, 255, 0.3) !important;
  border-bottom:solid 1px rgba(255, 255, 255, 0.3) !important;
}

body#body.color-verde .elbuscador > .input-group>.form-control:not(:first-child)::placeholder{
  color:#fff !important;
}

@media (max-width: 1115px){

  body#body.color-verde .menu_side_new{
    background: rgb(181,11,166);
    background: rgb(181,11,166);
    background: linear-gradient(180deg, rgba(18,189,191,1) 0%, rgba(223,146,87,1) 100%);
  }
}

/*-------------------- Fin Verde --------------------*/