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

body#body.color-negro .nav-menu.active, body#body.color-negro .nav-menu.activo{
  background-color:rgba(255, 255, 255, 0.15);
  outline: 1px solid rgba(255, 255, 255, .5);
}

body#body.color-negro a#menu-libropie{
  color:#d5d5d5;
  transition:.3s;
}

body#body.color-negro #menu-informes.active {
  outline: none;
  color:#20B6F3;
}

body#body.color-negro #menu-informes:hover {
  outline: none;
  background:none !important;
  color:#20B6F3;
}

body#body.color-negro a#menu-libropie:hover{
  background:none !important;
  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 .perfil-alumno > .ti-search{
  color:#fff;
}

body#body.color-negro #menu-libropie.active{
  color:#00abf1;
  background:none !important;
  font-weight: 400;
  outline: none;
}

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

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

body#body.color-negro .form-control.search-up.txt-buscador{
  background:#1d2228;
  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 .form-control.search-custom{
  background: #181b22;
}

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

  body#body.color-negro .nav-submenu.active,body#body.color-negro .nav-submenu2.active{
    color:#00abf1 !important;
  }

  body#body.color-negro .menu-section-new.active .ti{
    color:#fff;
    transition:.3s;
  }

  body#body.color-negro .logo-site-responsive.mx-auto{
    display:none;
  }

  body#body.color-negro .menu-section-new .logo-site-responsive-blanco{
    width:30px;
    display:block;
    transition:.3s;
  }

  body#body.color-negro .icon-menu-custom{
    color:#20B6F3;
  }
  
  body#body.color-negro .visibilidad-logo-blanco{
    display:block;
  }

  body#body.color-negro .nombre-perfil{
    color:#fff;
  }
  
  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, body#body.color-negro .nav-submenu2{
    color:#d5d5d5;
  }
  
  body#body.color-negro .nav-submenu:hover, body#body.color-negro .nav-submenu2:hover{
    color:#fff;
    transition:.3s;
  }
  
  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 .nav-menu:hover{
    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){

    .menu-content img.logo-site-responsive-blanco.mx-auto{
    display:block;
    width:25px;
    }

    body#body.color-negro .menu_side_new img.logo-site-responsive-blanco.mx-auto{
    display:none;
    }

    body#body.color-negro .menu_side_new .logo-alumno{
    display:block;
    }

    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 .nav-menu.active, body#body.color-celeste .nav-menu.activo  {
    background-color:rgba(255, 255, 255, 0.15);
    outline: 1px solid rgba(255, 255, 255, .5);
  }

  body#body.color-celeste #menu-informes.active {
    outline: none;
    color:#44cf0d;
  }
  
  body#body.color-celeste #menu-informes:hover {
    outline: none;
    background:none !important;
    color:#44cf0d;
  }

  body#body.color-celeste a#menu-libropie{
    color:#d5d5d5;
    transition:.3s;
  }
  
  body#body.color-celeste a#menu-libropie:hover{
    background:none !important;
    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 .perfil-alumno > .ti-search{
    color:#fff;
  }

  body#body.color-celeste #menu-libropie.active{
    color:#44cf0d;
    background:none !important;
    font-weight: 400;
    outline: none;
  }

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

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

  body#body.color-celeste .form-control.search-up.txt-buscador{
    background:#0b3e62;
    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 .form-control.search-custom{
    background: #181b22;
  }

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

  body#body.color-celeste .nav-submenu.active{
    color: #44cf0d !important;
  }

  body#body.color-celeste .menu-section-new.active .ti{
    color:#fff;
    transition:.3s;
  }

  body#body.color-celeste .logo-site-responsive.mx-auto{
    display:none;
  }

  body#body.color-celeste .menu-section-new .logo-site-responsive-blanco{
    width:30px;
    display:block;
    transition:.3s;
  }

  body#body.color-celeste .icon-menu-custom{
    color:#44cf0d;
  }

  body#body.color-celeste .nombre-perfil{
    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{
    color:#fff;
    transition:.3s;
  }
  
  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 .nav-menu:hover{
  background:rgba(255, 255, 255, 0.1) !important;
  }

  
  @media (max-width: 1115px){

    .menu-content img.logo-site-responsive-blanco.mx-auto{
      display:block;
      width:25px;
    }

    body#body.color-celeste .menu_side_new img.logo-site-responsive-blanco.mx-auto{
      display:none;
    }

    body#body.color-celeste .menu_side_new .logo-alumno{
      display:block;
    }
  
    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 .nav-menu.active, body#body.color-rojo .nav-menu.activo  {
    background-color:rgba(255, 255, 255, 0.15);
    outline: 1px solid rgba(255, 255, 255, .5);
  }

  body#body.color-rojo #menu-informes.active {
    outline: none;
    color:#ff7800;
  }
  
  body#body.color-rojo #menu-informes:hover {
    outline: none;
    background:none !important;
    color:#ff7800;
  }

  body#body.color-rojo a#menu-libropie{
    color:#d5d5d5;
    transition:.3s;
  }
  
  body#body.color-rojo a#menu-libropie:hover{
    background:none !important;
    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 .perfil-alumno > .ti-search{
    color:#fff;
  }

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

  body#body.color-rojo .form-control.search-up.txt-buscador{
    background:#7a04ba;
    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-rojo  .form-control.search-custom{
    background: #181b22;
  }
  
  body#body.color-rojo span#inputGroup-sizing-default{
    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 #menu-libropie.active{
    color:#ff7800;
    background:none !important;
    font-weight: 400;
    outline: none;
  }

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

  body#body.color-rojo .nav-submenu.active{
    color: #ff7800 !important;
  }

  body#body.color-rojo .menu-section-new.active .ti{
    color:#fff;
    transition:.3s;
  }

  body#body.color-rojo .logo-site-responsive.mx-auto{
    display:none;
  }

  body#body.color-rojo .menu-section-new .logo-site-responsive-blanco{
    width:30px;
    display:block;
    transition:.3s;
  }

  body#body.color-rojo .icon-menu-custom{
    color:#ff7800;
  }

  body#body.color-rojo .nombre-perfil{
    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{
    color:#fff;
    transition:.3s;
  }
  
  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 .nav-menu:hover{
  background:rgba(255, 255, 255, 0.1) !important;
  }
  
  body#body.color-rojo span#inputGroup-sizing-default .ti{
    color:#b50ba6 !important;
  }
  
  @media (max-width: 1115px){

    .menu-content img.logo-site-responsive-blanco.mx-auto{
      display:block;
      width:25px;
    }

    body#body.color-rojo .menu_side_new img.logo-site-responsive-blanco.mx-auto{
      display:none;
    }

    body#body.color-rojo .menu_side_new .logo-alumno{
      display:block;
    }
  
    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 .nav-menu.active, body#body.color-verde .nav-menu.activo{
    background-color:rgba(255, 255, 255, 0.15);
    outline: 1px solid rgba(255, 255, 255, .5);
  }

  body#body.color-verde #menu-informes.active {
    outline: none;
    color:#495cff;
  }
  
  body#body.color-verde #menu-informes:hover {
    outline: none;
    background:none !important;
    color:#495cff;
  }

  body#body.color-verde a#menu-libropie{
    color:#d5d5d5;
    transition:.3s;
  }
  
  body#body.color-verde a#menu-libropie:hover{
    background:none !important;
    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 .perfil-alumno > .ti-search{
    color:#fff;
  }

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

  body#body.color-verde .form-control.search-up.txt-buscador::placeholder{
    color:rgba(255,255,255,.7) !important;
  }

  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 .form-control.search-custom{
    background: #181b22;
  }
  
  body#body.color-verde span#inputGroup-sizing-default{
    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 #menu-libropie.active{
    color:#495cff;
    background:none !important;
    font-weight: 400;
    outline: none;
  }

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

  body#body.color-verde .nav-submenu.active{
    color: #495cff !important;
  }

  body#body.color-verde .menu-section-new.active .ti{
    color:#fff;
    transition:.3s;
  }

  body#body.color-verde .logo-site-responsive.mx-auto{
    display:none;
  }

  body#body.color-verde .menu-section-new .logo-site-responsive-blanco{
    width:30px;
    display:block;
    transition:.3s;
  }

  body#body.color-verde .icon-menu-custom{
    color:#495cff;
  }

  body#body.color-verde .nombre-perfil{
    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{
    color:#fff;
    transition:.3s;
  }
  
  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 .nav-menu:hover{
  background:rgba(255, 255, 255, 0.1) !important;
  }
  
  body#body.color-verde span#inputGroup-sizing-default .ti{
    color:#fff !important;
  }
  
  @media (max-width: 1115px){

    .menu-content img.logo-site-responsive-blanco.mx-auto{
      display:block;
      width:25px;
    }

    body#body.color-verde .menu_side_new img.logo-site-responsive-blanco.mx-auto{
      display:none;
    }

    body#body.color-verde .menu_side_new .logo-alumno{
      display:block;
    }
  
    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 --------------------*/