@media (min-width: 1300px) {
  body.sidebar-main .iq-sidebar {
    width: 0px !important;
  }

  body.sidebar-main .content-page {
    margin-left: 0px;
  }

  body.sidebar-main .iq-footer {
    margin-left: 0px;
    width: calc(100vw - 0px);
  }

  body.sidebar-main .iq-top-navbar .iq-sidebar-logo {
    display: block !important;
    transition: all .6s ease-in-out;
  }

  body.sidebar-main .iq-sidebar-logo a span {
    display: block !important;
    transition: all .6s ease-in-out;
  }
}

@media (max-width: 1299px) {
  body .iq-top-navbar .iq-sidebar-logo {
    /* display: none !important; */
    transition: all .6s ease-in-out;
    opacity: 1 !important;
  }
}

body.sidebar-main .iq-top-navbar {
  width: calc(100% - 0px);
}

body .iq-top-navbar .iq-sidebar-logo {
	display: none !important;
	transition: all .6s ease-in-out;
	opacity: 0;
}

body.sidebar-main .iq-top-navbar .iq-sidebar-logo {
  /* display: block !important; */
  transition: all .6s ease-in-out;
  opacity: 1;
}

body.sidebar-main .iq-sidebar-logo a span {
  display: block !important;
  transition: all .6s ease-in-out;
}

.side-menu-bt-sidebar {
  cursor: pointer;
  padding-right: 0px;
}

.sidebar-layout {
  padding: 0px;
}

.sidebar-default .iq-sidebar-menu .side-menu li a:hover {
  color: #fff;
  background-color: hsla(0, 0%, 100%, .08);
  border-radius: 0;
}

.sidebar-default .iq-sidebar-menu .side-menu>li.active {
  border-radius: 0px;
}

.sidebar-default .iq-sidebar-menu .side-menu>li.active>a {
  color: #fff;
  text-decoration: none;
  background-color: hsla(0, 0%, 100%, .08);
  border-radius: 0;
}

.iq-sidebar-menu .side-menu li ul {
  padding-left: 1.25rem;
}

.iq-sidebar-menu .side-menu li a {
  display: flex !important;
}









/*  */


/* ------------------ */

.sidebar-layout .iq-search-bar .searchbox {
  width: auto;
  position: relative;
  padding: 5px 0;
}

body.sidebar-main .sidebar-layout .submenu li {
  padding-left: 0;
}

body.sidebar-main .sidebar-layout .iq-search-bar .searchbox {
  width: auto;
  position: relative;
}

body.sidebar-main .sidebar-layout .iq-search-bar .search-input {

  /* padding: 5px; */
  color: #fff;
  background: none;
  border: none;

}


/* @media (min-width: 1300px) {
      body.sidebar-main .iq-sidebar:hover {
        width: 260px; 
      }

      .sidebar-default .iq-sidebar-menu .side-menu > li.active {
          border-radius: 5px;
      }
      .sidebar-default .iq-sidebar-menu .side-menu > li.active {
          border-radius: 5px;
      }
      .sidebar-layout:hover ul.submenu {
         

      }

     
      
      body.sidebar-main .iq-sidebar .iq-sidebar-menu .side-menu li:hover a span {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1;
          display: initial;
          transition: all .6s ease-in-out;
          font-size: 14px;
          
          padding: .625rem .938rem;
          
      }
      body.sidebar-main .iq-sidebar-menu .side-menu li:hover a i, 
      body.sidebar-main .iq-sidebar-menu .side-menu li:hover li a i {
      
          
          text-align: center;
      }


    }
*/
.card-text {
  /* display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; */
  overflow: hidden;
  text-overflow: ellipsis;
}

.ondevelopment {
  background: #fff0;
  color: #000000b0 !important;
  cursor: no-drop;
}

.iq-sidebar-menu .side-menu li li {
  margin: 1px 0;
  background: transparent !important;
}

/* menu exam */

/*  body .hidden{display:none}
  body.sidebar-main .hidden{ display:initial;} */

@media (min-width: 1300px) {
  body.sidebar-exam .exam-sidebar {
    width: 80px;
  }
}

@media (max-width: 1300px) {
  body.sidebar-main-exam .side-menu-bt-sidebar-1 {
    display: block;
  }
}

@media (max-width: 1299px) {
  .iq-sidebar {
    display: inline-block;
    z-index: 99;
    left: -300px;
    top: 0;
  }

  .exam-sidebar {
    display: inline-block;
    z-index: 99;
    left: -300px;
    top: 0;
  }

  body.sidebar-main-exam .exam-sidebar {
    width: 260px;
    left: 0;
    z-index: 999;
    -ms-box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
    -o-box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
    box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
  }
}

.exam-sidebar {
  position: fixed;
  z-index: 5;
  top: 73px;
  width: 260px;
  height: 100%;
  background: #077049;
  transition: all .6s ease-in-out;
  -ms-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  -o-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  box-shadow: 0 0 30px rgba(12, 37, 86, .05);


  left: 0px;
  /*display: none; */
}

body.sidebar-main.sidebar-main-exam .exam-sidebar,
body.sidebar-main-exam .exam-sidebar {
  position: fixed;
  z-index: 1000;
  top: 73px;
  width: 260px;
  height: 100%;
  background: #077049;
  transition: all .6s ease-in-out;
  -ms-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  -o-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  display: initial;
}

body.sidebar-main-exam .exam-sidebar {
  position: fixed;
  z-index: 1000;
  top: 73px;
  width: 260px;
  height: 100%;
  background: #077049;
  transition: all .6s ease-in-out;
  -ms-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  -o-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  display: initial;
}

body.sidebar-main.sidebar-main-exam .iq-sidebar {
  width: 0px;
  left: 0;
  z-index: 999;
  -ms-box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
  -o-box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
  box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
}

body.sidebar-main .exam-sidebar {
  width: 0px;
  left: 0;
  z-index: 999;
  -ms-box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
  -o-box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
  box-shadow: 0 .125rem .25rem rgba(0, 60, 179, .1);
}

/*   .iq-sidebar-menu .side-menu li a {
      
      display: block !important;
      
  } */
.sidebar-default .iq-sidebar-menu .side-menu li.active .submenu li.active>a {
  color: #fff;
  margin-top: 0;
  background-color: hsla(0, 0%, 100%, .08);
}

.iq-sidebar {
  position: fixed;
  z-index: 88;
  top: 0;
  width: 260px;
  height: 100%;
  background: radial-gradient(100% 80% at 15% 15%, #001745, #0c2556);
  transition: all .6s ease-in-out;
  -ms-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  -o-box-shadow: 0 0 30px rgba(12, 37, 86, .05);
  box-shadow: 0 0 30px rgba(12, 37, 86, .05);
}



/* menu */
@media (min-width: 1300px) {
  body.sidebar-main .sidebar-layout:hover {

    z-index: 1000;
    width: 260px;
    background: #1d4569;
    overflow: visible;
  }

  body.sidebar-main .iq-sidebar .sidebar-layout:hover {

    z-index: 88;

  }

  /* */
  body.sidebar-main .iq-sidebar {
    width: 0px !important;
    overflow: hidden;
  }

  body.sidebar-main .iq-sidebar .sidebar-layout:hover .iq-sidebar-menu .side-menu li a span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1 !important;
    display: initial !important;
    transition: all .6s ease-in-out;
  }

  body.sidebar-main .iq-sidebar .sidebar-layout:hover .collapsed.svg-icon:hover span,
  body.sidebar-main .iq-sidebar li:hover a:hover span,
  body.sidebar-main .iq-sidebar li:hover a:hover p,
  body.sidebar-main .iq-sidebar li:hover a:hover svg,
  body.sidebar-main .iq-sidebar li:hover a li,
  body.sidebar-main .iq-sidebar-menu .side-menu li a i,
  body.sidebar-main .iq-sidebar-menu .side-menu li li a i {
    opacity: 1 !important;
    display: block;
    transition: all .6s ease-in-out;
    font-size: 14px !important;
  }

  #menuexamn:hover>li span {
    /* display: contents;
          font-size: small;
          opacity: 1; */
  }

  body.sidebar-main .sidebar-layout:hover a span {
    z-index: 1000;
    width: 260px;
    background: #1d4569;
    overflow: visible;
    opacity: 1 !important;
    display: block;
    transition: all .6s ease-in-out;
    font-size: 14px !important;
  }
}

/* pagination */

/*   style="position: fixed;bottom: 1rem;left: 50%;right: 50%;z-index: 10000;" */
.iq-search-bar .search-input {
  width: 100%;
  height: 40px;
  padding: 5px 15px 5px 40px;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
  background-color: #f9fbfe;
}

.bg-secondary {
  color: #fff !important;
  background-color: #8f9fbc !important
}

/* .text-secondary.wrapper-menu.open:hover {
	transform: rotate(90deg);
	transition: all .6s ease-in-out;
	opacity: 0;
}
.text-secondary.wrapper-menu:hover {
	transform: rotate(90deg);
	transition: all .6s ease-in-out;
	opacity: 0;
  background: #fff;
  z-index: 10;
} */

body.sidebar-main .side-menu-bt-sidebar-1 {
  display: block;

}

.text-secondary.wrapper-menu.open {}

.text-secondary.wrapper-menu {}

.iq-top-navbar .text-secondary.wrapper-menu.menu-line {
 
  transition: all .6s ease-in-out;
}

.iq-top-navbar .text-secondary.wrapper-menu.open.menu-line {
  
  transition: all .6s ease-in-out;
}

.menu-line {
  z-index: 10;
  background: #fff;
  transition: all .6s ease-in-out;
}

.menu-line:hover {
  transform: rotate(90deg);
  transition: all .6s ease-in-out;
  opacity: 0.5;

}

.menu-x {
  left: 0;
  position: absolute;
  opacity: 1;
  z-index: 1;
  top: 20px;
}

/*.menu-line:hover {
	transform: rotate(90deg);
	transition: all .6s ease-in-out;
	opacity: 0;
  z-index: 1;
}
.menu-x:hover {
	transform: rotate(90deg);
	transition: all .6s ease-in-out;
	opacity: 1;
  z-index: 10;
} */
.right-panel-wrap {
  z-index: 100;
}

.side-menu-bt-sidebar .card {
  background: #fff0;
  border-radius: 5px;
  margin-bottom: 30px;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 0 solid #dfe7ff;
  color: #fff !important;
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5) !important
}

.iq-top-navbar label {
  color: #fff;
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
  color: #a7a7a7;
}

.iq-top-navbar .iq-accordion.career-style .iq-accordion-block .accordion-title span {
  font-size: 16px;
  display: table-cell;
  color: #fff;
}

.iq-top-navbar .panel {

  color: hsla(0, 0%, 100%, 0.50);
}

.iq-top-navbar .card {
  color: #fff !important;
}
body.sidebar-main .iq-top-navbar .side-menu-bt-sidebar-1 {
	display: block;
}
.side-menu-bt-sidebar-1 {
	cursor: pointer;
/* 	display: none !important; */
}
.border-right-dotted {
	border-right: 1px dotted #000;
	margin-right: 10px;
}
.border-left-dotted {
	border-left: 1px dotted #000;
	margin-left: 10px;
}
.card .card-header {
	background: transparent;
	border-radius: 0;
	padding: 20px;
	margin-bottom: 0;
	-ms-flex-align: center !important;
	align-items: center !important;
	border-top: 5px solid;
}
.iq-top-navbar .iq-sub-dropdown {
	width: auto;
	top: 100%;
	right: 0;
	left: auto;
	border: none;
	background-color: #fff;
	padding: 0;
	border-radius: 5px;
	-ms-box-shadow: 0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15);
	-o-box-shadow: 0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15);
	box-shadow: 0 16px 24px rgba(96,97,112,.1),0 32px 48px rgba(0,0,0,.15);
	transition: all .3s ease-in-out;
}

/* ==========================================================================
   p113 - EL TEMA SE SIRVE DESDE LA BASE DE DATOS (/media/asset/...)
   --------------------------------------------------------------------------
   backend.css trae una ruta RELATIVA para el gif del cargador:

       #loading-center { background: url(../images/loader.gif) ... }

   Servida desde /assets/css/ resolvia a /assets/images/loader.gif. Servida
   desde /media/asset/tema-estilo resuelve a /media/images/loader.gif y da 404:
   la pantalla de carga se queda en blanco hasta que el loader se oculta.

   Se corrige aqui y NO en backend.css a proposito. backend.css es fichero de
   la maqueta, 372 KB que no hemos escrito nosotros; tocarlo obliga a repetir
   el parche en cada actualizacion del tema y a diferenciar 372 KB para
   cambiar 21 caracteres. custom.css carga DESPUES en las tres vistas, asi
   que basta con pisar la propiedad.

   Las otras tres rutas relativas de backend-plugin.min.css (images/layers.png,
   layers-2x.png y marker-icon.png, de Leaflet) NO se corrigen: esos ficheros
   no estan en wwwroot y ninguna vista carga mapas, asi que ya estaban rotas
   antes de este parche y arreglarlas seria dar por bueno codigo muerto.
   ========================================================================== */
#loading-center {
	background-image: url(/media/asset/tema-loader);
}

/* ==========================================================================
   p289 - CONTRASTE DEL MENU LATERAL Y POSICION DEL CURSOR
   --------------------------------------------------------------------------
   El fondo de .iq-sidebar es un degradado muy oscuro (#001745 -> #0c2556) y el
   tema pinta los enlaces en un gris azulado: con brillo bajo o reflejos, los
   submenus casi no se leen.

   POR QUE VA AQUI Y NO EN wwwroot/assets/css/custom.css: esta hoja se sirve
   desde /media/asset/tema-custom, o sea desde TenantAsset en la base de datos,
   NO desde el disco. Editar el fichero del proyecto no cambia nada. Es la misma
   razon por la que el p113 corrigio aqui la ruta del loader.

   El !important del hover es necesario: la regla de mas arriba ya pone #fff,
   pero el color base de aqui tiene la misma especificidad y va despues.
   ========================================================================== */

.sidebar-default .iq-sidebar-menu .side-menu li a {
  color: rgba(255, 255, 255, .88);
  transition: color .12s, background-color .12s;
}

.sidebar-default .iq-sidebar-menu .side-menu > li > a {
  color: rgba(255, 255, 255, .96);
}

.sidebar-default .iq-sidebar-menu .side-menu li a i,
.sidebar-default .iq-sidebar-menu .side-menu li a svg {
  color: inherit;
  opacity: 1;
}

/* Donde esta el cursor: blanco pleno, negrita y barra. Tres senales, para que
   se vea aunque el fondo apenas cambie y sin depender solo del color. */
.sidebar-default .iq-sidebar-menu .side-menu li a:hover,
.sidebar-default .iq-sidebar-menu .side-menu li a:focus-visible {
  color: #fff !important;
  font-weight: 600;
  background-color: hsla(0, 0%, 100%, .16);
  box-shadow: inset 3px 0 0 #4a5cf2;
  border-radius: 0;
}

.sidebar-default .iq-sidebar-menu .side-menu li.active > a,
.sidebar-default .iq-sidebar-menu .side-menu li.menu-open > a,
.sidebar-default .iq-sidebar-menu .side-menu li.active .submenu li.active > a {
  color: #fff !important;
  font-weight: 600;
}

/* La activa, barra blanca: si se viera igual que la senalada, al pasar el raton
   por otra opcion se perderia de vista en cual se esta. */
.sidebar-default .iq-sidebar-menu .side-menu > li.active > a {
  box-shadow: inset 2px 0 0 hsla(0, 0%, 100%, .45);
  background-color: hsla(0, 0%, 100%, .12);
}

/* p292 — la barra, en la FILA. Ver comentario del script. */
.sidebar-default .iq-sidebar-menu .side-menu li a:hover,
.sidebar-default .iq-sidebar-menu .side-menu li a:focus-visible,
.sidebar-default .iq-sidebar-menu .side-menu li.active > a,
.sidebar-default .iq-sidebar-menu .side-menu > li.active > a {
  box-shadow: none;
}

.sidebar-default .iq-sidebar-menu .side-menu > li { position: relative; }

.sidebar-default .iq-sidebar-menu .side-menu > li:hover::before,
.sidebar-default .iq-sidebar-menu .side-menu > li:focus-within::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: #4a5cf2;
}

/* La activa: mas fina y translucida, que solo tiene que confirmar donde estas. */
.sidebar-default .iq-sidebar-menu .side-menu > li.active::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 2px;
  background: hsla(0, 0%, 100%, .45);
}

/* Y la fila de la flecha, al mismo alto que la del texto: sin esto el escalon
   se seguiria viendo en el fondo aunque la barra ya no lo tenga. */
.sidebar-default .iq-sidebar-menu .side-menu li a.solo-flecha {
  align-items: center;
}