@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Light.ttf') format('truetype'); /* Ajusta el nombre exacto de tu archivo */
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

:root {
  --azul-davante: #003594;
  --naranja-davante: #FF5B41;
  --gris-davante: #ededed;
  
  --alert-100: #fff9e8;
  --alert-1000: #473500;
  --alert-200: #ffecb4;
  --alert-300: #ffdf81;
  --alert-400: #ffd24d;
  --alert-500: #f1ba18;
  --alert-600: #cf9d08;
  --alert-700: #ad8100;
  --alert-800: #8b6800;
  --alert-900: #694e00;
  
  --danger-100: #ffeeeb;
  --danger-1000: #470800;
  --danger-200: #ffc7c0;
  --danger-300: #ffa094;
  --danger-400: #ff7a68;
  --danger-500: #f14f39;
  --danger-600: #cf3a27;
  --danger-700: #ad2917;
  --danger-800: #8b1a0b;
  --danger-900: #690f03;
  
  --neutrals-0: #ffffff;
  --neutrals-100: var(--gris-davante);
  --neutrals-1000: #000000;
  --neutrals-200: #d9d5d5;
  --neutrals-300: #c4bebe;
  --neutrals-400: #b0a7a7;
  --neutrals-50: #fafafa;
  --neutrals-500: #9b9191;
  --neutrals-600: #877c7c;
  --neutrals-700: #736868;
  --neutrals-800: #5e5454;
  --neutrals-900: #4a4040;
  
  --primary-50: #f5f8ff;
  --primary-100: #eaf0ff;
  --primary-200: hwb(222 78% 0%);
  --primary-300: #a1bdff;
  --primary-400: #7ca3ff;
  --primary-500: #5889ff;
  --primary-600: #336efd;
  --primary-700: #174fd4;
  --primary-800: #0234ab;
  --primary-900: #002782;
  --primary-1000: #001b59;
  
  --secondary-100: #ffeeec;
  --secondary-200: #ffc9c1;
  --secondary-300: #ffa596;
  --secondary-400: #ff806c;
  --secondary-500: var(--naranja-davante);
  --secondary-600: #dd452d;
  --secondary-700: #bb331d;
  --secondary-800: #992310;
  --secondary-900: #771607;
  --secondary-1000: #550c01;
  
  --success-100: #e8fff2;
  --success-200: #bfffdc;
  --success-300: #96ffc5;
  --success-400: #6dffaf;
  --success-500: #44ff98;
  --success-600: #1cff82;
  --success-700: #06e068;
  --success-800: #00b752;
  --success-900: #008e40;
  --success-1000: #008e40;
}

body {padding-top: 0px; color:#111; background-color:#fff;font-size: 16px; font-family: 'Manrope', sans-serif;}

.ml-15 {margin-left: 15px}

.hidden { display: none; }
.nav-pagina {background-color: #eff5f7; border-bottom: 1px solid #e6e9ea; line-height: 36px; padding: 10px 0;}
.nav-pagina h1 {font-size: 24px; margin: 0; padding: 0; line-height: 36px;}
.nav-pagina .list-inline {margin: 0;}
.nav-pagina .list-inline li {padding-top: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; }

.nav-pagina .migas {color:#9aa7af; font-size: 13px;}
.nav-pagina .migas a{ color: #ba980e; text-decoration: none;}
.nav-pagina .migas a:hover{ color: #ba980e; text-decoration: underline;}
.nav-pagina .migas i {margin-left: 15px;}
.nav-pagina .migas ul{line-height: 12px;}

.paginacion-general {
    text-align: center;
    margin: 0 auto;
}
.paginacion-general > a{
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.paginacion-general > a.especial {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default;
}
#header .navbar {margin-bottom: 0; border-radius: 0;}
#header .navbar .navbar-brand {padding: 2px 0; }

.navbar{border-radius: 0;}
.navbar-inverse {
  background-color: var(--azul-davante);
  background: -moz-linear-gradient(top,#424242,#202020);
  background: var(--azul-davante);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#424242' EndColorStr='#202020',GradientType=0);
  border-color: #171717;
  color: #fff;
}
.navbar-inverse .navbar-nav>li>a {
  color: #fff; 
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    background-color: var(--primary-900);
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    background-color: var(--primary-900);
}

.navbar-brand img { margin-top: 7px; width: 130px; }

#contenedorgeneral{padding: 15px;}

#footer {background-color: var(--azul-davante);}
#footer #pie {background-color: var(--azul-davante); color: #FFFFFF; font-size: 16px; padding: 7px; margin-top: 15px; height: 50px; display: flex; align-items: center;}
#footer #pie .row {width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0;}
#footer #pie .col-sm-6 {float: none; text-align: right;}
#footer #pie .col-sm-6:first-child {text-align: left;}
#footer #pie .col-sm-6 a {color: var(--primary-200); text-decoration: underline;}
.bs-callout{margin:20px 0;padding:20px;border-left:3px solid #eee}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{background-color:#fff;border-radius:3px}
.bs-callout-danger{background-color:#fdf7f7;border-color:#d9534f}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-warning{background-color:#fcf8f2;border-color:#f0ad4e}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{background-color:#f4f8fa;border-color:#5bc0de}
.bs-callout-info h4{color:#5bc0de}
.mb-10 {margin-bottom: 10px}
.mb-20 {margin-bottom: 20px}
.thumb-active { border: 1px solid #3c763d; background-color: #dff0d8; }
.caracteristica { margin: 10px 0; padding: 5px; border: 1px solid inherit; cursor: pointer !important; }
.caracteristica a:hover { text-decoration: none; }


legend { margin-bottom: 5px; }

/* listados.php */
#listado-todos-cursos{
    background: #f5f5f5;
}
#listado-todos-cursos ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;
    float: left;
    width: 98%;
}
#listado-todos-cursos li{
    margin: 0;
    border: 0;
    text-decoration: none;
    float: left;
    display: block;
    width: 97%;
    font-size: 16px;
    min-height: 20px;
    line-height: 22px;
    padding: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px 0 #666666;
    box-shadow: 1px 1px 1px 0 #666666;
    color: #333;
    background: #fff;
    margin-left: 5px;
    margin-bottom: 12px;
}
#listado-todos-cursos li:hover, #listado-todos-cursos li.active
{color:#fff;background-color:#f56600; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:none;box-shadow:none; cursor:pointer;}

#listado-todos-cursos li.active {background-color: #36365D}
/* fin listados.php */

/* Comentarios */
.comentarios.controles{
    padding: 15px;
}
/* fin comentarios*/
.novisible{
    color: #999;
}
.btn-preview{
    margin-right: 10px;
}

.btn-primary{
    background-color: var(--azul-davante);
}

.btn-primary:hover{
    background-color: var(--primary-1000);
}

.btn-info{
    background-color: var(--primary-500);
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: var(--primary-600);
}

.btn-file{
    background-color: var(--azul-davante);
    color: #fff;
}
.btn-file:hover{
    background-color: var(--primary-700);
    color: #fff;
}

.btn-success{
    background-color: var(--success-800);
}

.btn-success:hover{
    background-color: var(--success-900);
}

.btn-danger{
    background-color: var(--danger-500);
}

.btn-danger:hover{
    background-color: var(--danger-700);
}

@media (min-width: 768px) {
    .dropdown:hover > .dropdown-menu,
    .btn-group:hover > .dropdown-menu,
    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
      margin-top: 0;
    }
  }

.label-danger{
    background-color: var(--danger-500); 
}

a{
    color: var(--primary-700);
}


.inactivo{
    opacity:0.4;
}
.label a{
    color: #fff;
    font-size: 12px;
}
/*mail list*/

.mail-list{
    padding:0;
    margin:0;
    list-style:none;
}
.mail-list li{
}
.mail-list li a{
    display:block;
    padding-top:5px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-decoration:none;
}
.mail-list li:last-child a{
    border-bottom:none;
}
span.mail-message-preview a:hover{
    background-color:#eee;
}
.mail-list li span{
    display:block;
}
.mail-list li span.mail-sender{
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight:600;
    color:#777;
}
.mail-list li span.mail-subject{
    color:#8C8C8C;
}
.mail-list li span.mail-message-preview{
    display:block;
    color:#A8A8A8;
}
.enlaceprensa{
    padding-left: 20px;
}

.panel-heading {
    color: #fff;
    background-color: var(--azul-davante);
    border-color: var(--azul-davante);
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: var(--azul-davante);
    border-color: var(--azul-davante);
}

/* textos para delegaciones */
/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
    border:1px solid #eee;
    padding: 10px;
    background-color: var(--primary-100);
}
/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid var(--naranja-davante);
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 20px 0 0 0;
}
.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
/* fin textos para delegaciones */
#popoverOption{

}

.contenedor-imagen-empresa img {
    display: inline-block;
    background: black;
    padding: 0;
    overflow: hidden;
    max-width: 95% !important;
    max-height: 100% !important;
}

.contenedor-imagen-empresa img {
    display: block;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.contenedor-imagen-empresa:hover img {
    opacity: 0.4;

}
.valoraciones {
    padding-top: 5px;
}
.amarillo {
    color: #dccd00;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    min-width: 200px;
}

@media (min-width: 768px) {
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }
    ul.dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--primary-400);
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: var(--azul-davante);
}

.dropdown-submenu:hover>a {
    background-color: var(--primary-100);
    color: var(--azul-davante);
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: var(--primary-800);
    color:#fff;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: var(--primary-800);
}

.th-order a {
    color: grey;
}

.th-order a.active {
    color: #428bca;
}

@media (min-width: 1400px) {
    .container {
        width: 1365px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1560px;
    }
}

@media (min-width: 1800px) {
    .container {
        width: 1755px;
    }
}

@media (min-width: 2000px) {
    .container {
        width: 1950px;
    }
}

@media (min-width: 2200px) {
    .container {
        width: 2145px;
    }
}

@media (min-width: 2400px) {
    .container {
        width: 2340px;
    }
}

.listado-grid {
    display: grid;
    gap: 10px;
}

.listado-grid-contenido {
    display: grid;
    grid-template-columns: calc(100% - 80px) 80px;
    align-items: stretch;
    gap: 10px;
}

.listado-grid-contenido li {
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    padding-left: 15px !important;
}

.listado-grid-contenido .input-orden {
    padding: 0px !important;
}

/* Categorias*/
.seccionCategoria{
    background-color: #8080806b;
    border-radius: 6px;
}
#frmCategorias input::-webkit-input-placeholder, #frmCategorias textarea::-webkit-input-placeholder { color: rgba(136, 136, 132, 0.363); } 

#frmCategorias input::-moz-placeholder, #frmCategorias textarea::-moz-placeholder { /* Firefox 19+ */ color: rgba(136, 136, 132, 0.363); } 

#frmCategorias input:-ms-input-placeholder, #frmCategorias textarea:-ms-input-placeholder { color: rgba(136, 136, 132, 0.363); }

#frmCategorias input::placeholder, #frmCategorias textarea::placeholder{
    color: rgba(136, 136, 132, 0.363);
}
/* END Categorias*/

.mbottom-20 {
    margin-bottom: 20px;
}

#landingPreview img{
    width:100%;
}

.alert-info{
    background-color: var(--primary-400);
    color: #fff;
}

/* Gestión de equipo */
.margin-top-gestionequipo {
    margin-top: 1em;
}

.img-thumbnail-docente {
    max-width: 100%;
    max-height: 100px;
    display: block;
    margin: 0 auto 5px;
    border: 3px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    background-color: var(--azul-davante);
    border-color: var(--azul-davante);
}

.pagination>li>a:hover,
.pagination>li>a:focus {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    color: #fff;
}

.pagination>li>a {
    color: var(--azul-davante);
}

/* estilos recortador de imagenes cursos comerciales / landing */

.img-cropper-step-label {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #f7f7f7;
    color: #777;
    font-weight: 600;
    text-align: center;
}

.img-cropper-step-label.active {
    background: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}

.img-cropper-pane {
    display: none;
}

.img-cropper-pane.active {
    display: block;
}

.img-cropper-stage {
    position: relative;
    width: 100%;
    min-height: 320px;
    max-height: 70vh;
    overflow: auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #f5f5f5;
    text-align: center;
    padding: 15px;
}

.img-cropper-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    user-select: none;
    -webkit-user-drag: none;
}

.img-cropper-selection {
    position: absolute;
    top: 15px;
    left: 15px;
    border: 2px solid #337ab7;
    background: rgba(51, 122, 183, 0.2);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.35);
    cursor: move;
    touch-action: none;
    display: none;
}

.img-cropper-selection-label {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 2px 6px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.img-cropper-step-label {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #f7f7f7;
    color: #777;
    font-weight: 600;
    text-align: center;
}

.img-cropper-step-label.active {
    background: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}

.img-cropper-pane {
    display: none;
}

.img-cropper-stage {
    position: relative;
    width: 100%;
    min-height: 320px;
    max-height: 70vh;
    overflow: auto;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #f5f5f5;
    text-align: center;
    padding: 15px;
}

.img-cropper-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    user-select: none;
    -webkit-user-drag: none;
}

.img-cropper-selection {
    position: absolute;
    top: 15px;
    left: 15px;
    border: 2px solid #337ab7;
    background: rgba(51, 122, 183, 0.2);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.35);
    cursor: move;
    touch-action: none;
    display: none;
}

.img-cropper-selection-label {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 2px 6px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

/* fin estilos recortador de imagenes cursos comerciales / landing */

.btn-publicar{
    background-color: #da6200;
    color: white;
}
.btn-publicar:hover{
    background-color: #883d00;
    color: white;
}