/*======================================================================
 * @project	www.udes.edu.co villamizar c
 * @author PromWebSoft - www.promwebsoft.com     
 * @Last-date:  11  jul 2023/ @vvillamizar
 * @comments Favor utilizar este archivo para realizar todas sus personalizaciones y correcciones. El sistema actualizará automáticamente las urls y archivos combinados para que los cambios tengan efecto inmediato, a pesar de los sistemas de Caché
======================================================================*/ 

/*Agregar sede encima de las fotos de cuadrícula*/
.mod-card-programas-carousel .my-badge-sede {
/*    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    box-shadow: 0 0 10px 0 #00000042;*/

    float: inline-end;
    position: relative;
    top: 40px;
    right: 10px;
    z-index: 1;
    box-shadow: 0 0 10px 0 #00000042;
    z-index: 99999;
}

.mod-tabs-horizontal .sppb-tab .sppb-nav.adaptive.sppb-nav-pills>li a {
    border: 3px solid #1d84f3;
    border-radius: 20px;
    margin: 8px;
    color: #1d84f3;
    box-shadow: none;
    padding: 5px;
}

.mod-tabs-horizontal .sppb-nav-pills>li>a:hover, .sppb-nav-pills>li.active>a, .sppb-nav-pills>li.active>a:focus, .sppb-nav-pills>li.active>a:hover {
    background-color: #1d84f3!important;
    color: white!important;
}

.mod-card-programas img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    box-shadow: 2px 2px 20px 0px #00000078;
    border-radius: 15px;
    margin-bottom: 30px;
}




.my-form-buscar-programa-2024 .form-control
{
background-color: #ffffffc2;
    color: #0352a6;
font-size: 17px;
    font-weight: 700
    text-align: center;
    box-shadow: 1px 6px 18px 0px #000000ba !important;
}

.my-form-background {
    background: linear-gradient(to bottom, rgba(0, 0, 255, 0) 0, #007afa 100%), url(https://clonudes.ingeweb.com.co/images/bg.jpg);
    background-position: center;
    background-size: cover;
}

.my-form-buscar-programa-2024  .uk-grid div {
    padding-bottom: 20px;
}

.my-form-buscar-programa-2024 .form-control::placeholder {
    color: #0352a6;
}

.my-form-buscar-programa-2024 .my-select:after
{
    border-top: 6px solid #0252a6;
    top: 32%;
    right: 12px;
}


.victor
{
display:block;
display:flex;
display:grid;
width:99990px;
}

/*temporal
select#area_del_conocimiento option[value=artes], select#area_del_conocimiento option[value=emprendimiento] {
    display: none;
}
*/ 

/*======================================================================
   @start SOLICITADO POR TICKET
======================================================================*/
/*#36737 ajsutes sitio UDES , OCULTAR TAB DE CUERPO DOCENTE
ID TICKET: 38782 se solicita habilitarlo nuevamente;
li[data-mytitletab="Cuerpo docente"],li[data-mytitletab="Cuerpo Docente"],li[data-mytitletab="cuerpo docente"] {
    display: none;
}
*/

/*
ID de Ticket: #37213
Asunto: ocultar botón BECAS Y DESCUENTOS en 2 programas
*/

.page-especializacion-en-aplicacion-de-tic-para-la-ensenanza .my-btn-becasdescuentos,
 .page-maestria-en-tecnologias-digitales-aplicadas-a-la-educacion .my-btn-becasdescuentos {
    display: none;
border:1px solid blue;
height:100px;
}

/*@vvillamizar 05062023 ESTE CÓDIGO PERMITE ESCONDER/MOSTRAR LA ETIQUETA DE ALTA ACREDITACION DE LAS CARRERAS, interactua con el JS */
#my-label-acreditacion
{
    display: none;
}


.mod-marcas-udes .slick-track {
    display: flex;
    align-items: center;
}

/*@vvillamizar 13072023 -- #39687 : reemplazar por icono de whatsapp */
.mod-accesos-home i.fa {
    font-size: 42px;
    width: 42px;
    height: 58px;
    display: table-cell;
    text-align: center;
}

/*@vvillamizar 14072023 -- #39687 : #37531 : cambio logo udes en header y footer  */
.mod-marcas-udes-mobile-content img {
    width: 100vw;
    height: 120px;
    object-fit: contain;
}

/*======================================================================
   @end SOLICITADO POR TICKET
======================================================================*/

/*======================================================================
   @start OVERRIDE CUSTOM.CSS
======================================================================*/
.my-overflow {
    height: 200px;
}

/*Modificar posición del botón de compartir de twitter de EVENT BOOKING vista full*/
#rsep_twitter {
    margin-top: -4px;
}

.eb-taskbar li {
    float: initial;
    display: contents;
}

.eb-taskbar ul {
    margin: initial;
    padding: initial;
}

.mod-eventbooking-social-buttons ul {
    list-style: none;
    display: inline-flex;
    padding-left: 0;
}

/*======================================================================
   @end OVERRIDE CUSTOM.CSS
======================================================================*/

/*======================================================================
   @start Plantilla
======================================================================*/
/*DISMINUIR TAMAÑO DE ÍCONO FONT-AWSOME*/
.my-small-icon.fa
{
font-size:80%;
}

/**/

.my-section-normatividad-institucional img {
    height: auto;
    width: 100%;
}


/*======================================================================
   @end Plantilla
======================================================================*/


/*======================================================================
// @start ADDONS
//======================================================================*/

.mod-card-programas
img {
    width: 100%;
    aspect-ratio: 1 / 1; 
    object-fit: cover;
}

.my-btn-round {
    border-radius: 15px;
}

/*LINEA NARANJA DE LOS FORMULARIOS DE INSCRIPCIÓN*/
.mod-section-contacto-micrositio .my-border-bottom-warning {
    position: relative;
}

/*Estirar iframe de clickmeeting*/
iframe#flashroomIframe {
    width: 100%;
}

/*OCULTAR FIELD DE BUSCADOR DE PROGRAMAS DE LAS CARRERAS SEBLOD*/
  .my-form-buscar-programa  .cck_seleccionar_tipo_de_programa,
  .my-form-buscar-programa  .cck_sede_programa,
  .my-form-buscar-programa  .cck_modalidad_carrera,
  .my-form-buscar-programa  .cck_area_del_conocimiento,
  .my-form-buscar-programa  .cck_seleccionar_tipo_posgrado,
  .my-form-buscar-programa .cck_forzar_sede,
  .my-form-buscar-programa .cck_facultad_programa,
  .my-form-buscar-programa  .cck_tipo_educacion_continua
  {
    display:none;
  }

/*======================================================================
// @END ADDONS
//======================================================================*/

/*======================================================================
// @start REGLAS LISTADO SCOPUS - SCIMAGO
//======================================================================*/

.my-badge-quartile-Q1
{
    background: #7aaa18!important;
}

.my-badge-quartile-Q2
{
    background: #0352a6!important;
}

.my-badge-quartile-Q3
{
    background: #31335e!important;
}

.my-badge-quartile-Q4
{
    background: #d9651a!important;
}

.my-badge-q-full {
    position: absolute;
    top: 50px;
    right: 50px;
}

.my-badge-q-full > .badge
{
    padding: 10px 10px;
    font-size: 40px;
}


.cck_page_listpage-udes-publica .mod-results-item-search-seblod
{
    float:right;
}

.cck_page_listpage-udes-publica .mod-pagination-search-seblod,
.cck_page_listpage-udes-publica .cck_page_items
{
    float:left;
}

.cck_page_listpage-udes-publica div.pagination:last-child {
    float: none;
}
/*
.mod-form-scopus-scimago select,
.mod-form-scopus-scimago input[type="text"]:not(#scopus_issn, #scopus_eissn) {
    height: 70px;
}
*/
/*
.mod-sp-scopus-scimago
#scopus_issn,.mod-sp-scopus-scimago  #scopus_eissn
{
    width: 100px;
}*/


/*MÓDULO DE CUARTILES*/
.mod-scopus-number .sppb-addon-content .badge {
    font-size: 40px;
    /* padding: 7px 10px; */
    background: #0000;
}
.mod-scopus-number .sppb-animated-number {
    color: #fff!important;
}

.mod-scopus-number .sppb-animated-number-title {
    color: #fff;
}

.mod-scopus-number .q1  .sppb-addon-content
{
background: #7aaa18;
}

.mod-scopus-number .q2 .sppb-addon-content
{
background: #0352a6;
}

.mod-scopus-number .q3 .sppb-addon-content
{
background: #31335e;
}

.mod-scopus-number .q4 .sppb-addon-content
{
background: #d9651a;
}

.mod-scopus-number  .sppb-addon-content
{
    padding: 15px;
}

/*Disminuir tamaño del header de la tabla para autor y área*/
.my-container-list-scopus-scimago .my-item-scopus-area,
.my-container-list-scopus-scimago .my-item-scopus-autor {
    width: 155px!important;
    display: inline-block;
}

/*======================================================================
// @end REGLAS LISTADO SCOPUS - SCIMAGO
//======================================================================*/

/*======================================================================
// @start REGLAS Micrositio MASIRA - General
//======================================================================*/

.menu-masira #offcanvas-toggler {
    margin-top: 22px;
}

.header-micrositio-masira div[class^='col-'] {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.menu-masira .my-menu-micrositios {
    background: #0252a6;
}

.page-micrositio .menu-masira .menusupdep ul>li.active, .page-micrositio .menu-masira .menusupdep ul>li:hover {
    background: #1D84F3;
}
/*======================================================================
// @end REGLAS Micrositio MASIRA - General
//======================================================================*/

/*======================================================================
// @start REGLAS LANDING PAGE EDUCACIÓN CONTINUA
//======================================================================*/

/* @start menu principal landing page*/
.lp-educon .nav.menu.mod-list {
    display: flex;
    justify-content: space-around;
    float: right;
}

.lp-educon .menu.mod-list>li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 30px;
    border: initial;
}

.lp-educon .menu.mod-list > li a {
    font-weight: bold;
    color: #294F96!important;
}

.landing-page .header .row
{
    display: flex;
    align-items: center;
    height: 90px;

}

/* @end menu principal landing page*/

.lp-educon #sp-header {
    border-bottom: 8px solid #EDA72F;
}

.landing-page .my-menu-lp .sp-megamenu-parent >li.my-menu-item-level-1:hover:not(.active) {
    background: initial;
}

.landing-page #sp-header #sp-menu .my-menu-lp .sp-megamenu-parent >li  {
    margin: 0 15px;
}


.lp-educon #sp-header #sp-menu .my-menu-lp .sp-megamenu-parent >li > a {
    font-weight: bold;
    color: #294F96;
}


.lp-educon .mod-cover {
    background: #739ce4;
    height: 500px;
}

.lp-educon .mod-cover h2 {
    color: white;
    text-align: left;
}
/*
.lp-educon .mod-cover:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 66.666667%;
    height: 100%;
    display: block;
    background-color: rgb(0 35 104 / 70%);
}
*/
.lp-educon .mod-info h3 {
    color: #294f96;
    margin: 0;
    box-shadow: initial;
    text-transform: inherit;
    max-width: 75%;
}

.lp-educon .mod-info {
    padding-top: 90px;
    padding-bottom: 50px;
}

.lp-educon .mod-info h3:after {
    content: initial;
}

.lp-educon .mod-section-info:after {
    position: absolute;
    content: "";
    top: 87%;
    width: 294px;
    height: 79px;
    display: block;
    z-index: 3;
    background: url(/images/landingpage/educon/cuadros.png);
    background-repeat: no-repeat;
}

.lp-educon .my-group-btn .sppb-btn-primary {
    border-radius: 20px;
    border-color: #7E7E7E;
    color: #7E7E7E;
}

.lp-educon .my-group-btn .sppb-btn-primary:focus,
.lp-educon .my-group-btn .sppb-btn-primary:hover {
    color: white;
    border-color: #135CAE;
}

.lp-educon .mod-section-info {
    margin-top: -50px;
}

.lp-educon .mod-feature {
    background: #eda72f;
    padding-right: 90px;
    padding-left: 50px;
}

.lp-educon .mod-feature {
    background-color: #eda72f
}

.lp-educon .mod-feature .mod-list {
    padding-left: 50px;
}

.lp-educon .mod-feature .mod-list ul {
    font-size: 2em;
    line-height: 1.2;
    color: white;
}

.lp-educon .mod-feature .mod-list ul li {
    margin-bottom: 20px;
}

.lp-educon .mod-feature {
    background-color: #eda72f;
}

.lp-educon .mod-feature .my-img .sppb-addon-single-image-container {
    position: relative;
    top: -80px;
    width: 340px;
    margin-bottom: -80px;
}

.lp-educon .mod-title-form {
    background: #e3662a;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
}

.lp-educon .mod-title-form .sppb-addon-title {
    color: white!important;
    text-transform: inherit!important;
}

.lp-educon .mod-form-container {
    box-shadow: 3px 2px 2px 2px #e6e6e600;
    border: 1px solid #e6e6e6;
    margin-right: 4em;
    background: white;
}

.lp-educon .mod-section-video-form>div>.sppb-row {
    background: #2a8d8d;
}

.lp-educon .mod-section-video-form:after {
    position: absolute;
    content: "";
    top: 82%;
    width: 294px;
    height: 79px;
    display: block;
    z-index: 3;
    background: url(/images/landingpage/educon/cuadros.png);
    background-repeat: no-repeat;
}

.lp-educon .mod-section-video-form:before {
    position: absolute;
    content: "";
    top: -16px;
    right: 0px;
    width: 294px;
    height: 79px;
    display: block;
    z-index: 0;
    background: url(/images/landingpage/educon/cuadros.png);
    background-repeat: no-repeat;
}

.lp-educon .mod-section-video-form .mod-form-container {
    margin-top: -40px!important;
}

.lp-educon .my-h3-warning .sppb-addon-title {
    text-transform: inherit;
    box-shadow: initial!important;
}

.lp-educon .my-h3-warning .sppb-addon-title:after {
    content: initial!important;
}

.lp-educon .mod-cards-programs{
    display: none;
}

.lp-educon .mod-cards-programs hr {
    border-top: 1px solid #000;
}

.lp-educon .mod-cards-programs i {
    color: #e3662a;
}

.lp-educon .mod-cards-programs li {
    font-weight: 700;
    color: #6D6D6D;
}

.lp-educon .mod-cards-programs .uk-card-body {
    background-color: #F3F3F3
}

.lp-educon .mod-cards-programs img
{
width:100%;
}

.lp-educon  .mod-container-video {
    padding: 2em 8em;
    background: #2a8d8d;
}

.lp-educon .mod-social-networks ul {
    display: -webkit-inline-box;
}

.lp-educon .mod-social-networks ul li {
    font-size: 2em;
    padding: 0 12px;
    color: #294f96!important;
}

.lp-educon .mod-social-networks ul li a {
    color: #294f96!important;
}

.lp-educon .mod-option-offcanvas-right,
.lp-educon .mod-option-offcanvas-left,
.lp-educon #sp-bottom-c-1,
.lp-educon #sp-bottom-b,
.lp-educon #sp-above-footer-1 {
    display: none;
}


/* ILIMITADO COLUMNAS HORIZONTALMENTE PARA UIKIT*/

.lp-educon .my-overflow-column {
    flex-wrap: nowrap;
    overflow: auto;
}

.lp-educon .my-overflow-column>.my-child {
    min-width: calc(100% * 1 / 3.001);
}

.lp-educon .my-overflow-column::-webkit-scrollbar,
.lp-educon .my-overflow-column::-webkit-scrollbar-thumb,
.lp-educon .my-overflow-column::-webkit-scrollbar-track {
    width: 8px;
    border: none;
    background: transparent;
}

.lp-educon .my-overflow-column::-webkit-scrollbar-button,
.lp-educon .my-overflow-column::-webkit-scrollbar-track-piece,
.lp-educon .my-overflow-column::-webkit-scrollbar-corner,
.lp-educon .my-overflow-column::-webkit-resizer {
    display: none;
}

.lp-educon .my-overflow-column::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #1A5FAC;
}

.lp-educon .my-overflow-column::-webkit-scrollbar-track {
    background-image: url("/images/landingpage/educon/scrollhorizontal.png");
    background-repeat: repeat-x;
    background-size: contain;
}


/*======================================================================
// @end LANDING PAGE EDUCACIÓN CONTINUA
//======================================================================*/

.nav.mod_menu_offcanvas>li>a:focus, .nav.mod_menu_offcanvas>li>a:hover {
    text-decoration: none;
    color: #000;
    background-color: rgb(229 229 229);
}


/*-----------------------------------------------------
// @start Chat whatsapp
//-----------------------------------------------------*/
.my-social-link {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 20000;
}


 .my-social-link.my-social-link-cucuta,
.my-social-link.my-social-link-valledupar,
 .my-social-link.my-social-link-pregrados-cucuta,
  .my-social-link.my-social-link-pregrados-valledupar
 {
    display:none;
 }
/*-----------------------------------------------------
// @end Chat whatsapp
//-----------------------------------------------------*/

/*-----------------------------------------------------
// @start Chat zopim
//-----------------------------------------------------*/

div#chat-bots-webchat-container {
    max-height: 30px!important;
    height: 30px!important;
    max-width: 200px!important;
    right: 200px!important;
    bottom: -11px!important;
}

div#chat-bots-webchat-container {
    box-shadow: initial!important;
}

div#chat-bots-webchat-header
{
line-height: 29px!important;
    font-size: 12px!important;
    border-radius: 5px;
}

svg#chat-bots-webchat-angle {
    top: 4px!important;
}


/*-----------------------------------------------------
// @end Chat zopim
//-----------------------------------------------------*/
/*-----------------------------------------------------
// @start background especiales en botones de inscripcion de paginas micrositios
//-----------------------------------------------------*/
.page-micrositio .item-1110,  .item-1159, .item-1172, .item-1284, .item-1429, .item-1455 {
    background: #D9651A!important;
}
/*-----------------------------------------------------
// @end background especiales en botones de inscripcion de paginas micrositios
//-----------------------------------------------------*/

/*-----------------------------------------------------
// @start background especiales en botones de webinar en vivo
//-----------------------------------------------------*/
.item-1521, .item-1497
{
    background: #7AAA18!important;
}
/*-----------------------------------------------------
// @end background especiales en botones webinar en vivo
//-----------------------------------------------------*/

/*Badge*/
.total:before {
    content: "Total: ";
}

.badge {
    border-radius: 5px;
}

.badge-default
{
      background: #e8e8e8;
          color: #000;
}

.badge-dark
{
      background: #31335e;
}

.badge-light {
    color: #373a3c;
    background-color: #e8e8e8;
}

.badge-no-bg {
    color: #373a3c;
    background-color: transparent;
}

/*Mod seblod - buscador*/
.filtro-buscador i {
    color: #1d84f3;
    cursor: pointer;
}

.filtro-buscador i:hover {
    color: #000;
}

.alert-notice {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}


/*esconder resultados del buscador en estudia*/
.page-estudia.task-no .total
{
  display:none;
}
.page-estudia .total
{
  text-align: left;
  margin-top: 10px;
}

/*override campos de texto de buscador*/
.my-block-primary.my-form-style1 .form-control {
    height: 30px;
        padding: 0px 12px;
}


.my-block-primary.my-form-style1 .my-select-multiple .chosen-container-multi .chosen-choices {
    background: #0352a6!important;
    border: initial;
    border-bottom: 2px solid #fff;
    /* padding-bottom: 0px; */
}


.my-block-primary.my-form-style1 .my-select-multiple .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 3px;
    right: 4px;
    display: block;
    font-family: 'FontAwesome';
    color: #000;
}

.my-block-primary.my-form-style1 .my-select-multiple .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {

    content: "\f00d";
}

.my-block-primary.my-form-style1 .chosen-container-active .chosen-choices {
    -webkit-box-shadow: 0 0 0 rgb(0 0 0 / 30%);
    }

.my-block-primary.my-form-style1 .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #fff;
    }






/*override padding buscador de la udes*/
.my-form-buscar-programa {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom:20px;
}


.mod-marcas-udes {
    border-radius: 0 0 30px 30px;
}

.mod-marcas-udes-mobile-content {
        padding: 5px 20px;
}

.mod-marcas-udes-mobile-content .sppb-addon-single-image {
    padding: 15px 0;
}

/*Acomodar responsive de las tablas de facultades*/
.my-content-facultad .cck_module_list,
.my-content-facultad .cck-f100,
.my-content-facultad  #my-list-facultad-1 {
    width: 100%;
    overflow-y: hidden;
    min-height: .01%;
    overflow-x: auto;
}

.my-content-facultad  .cck-f100 {
    display: initial;
}



.my-img-acreditacion_carrera
{
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}

.my-aviso-programa {
    line-height: 1;
    font-size: 12px;
}

/*Agregar mas espaciado inferior al menu offcanvas*/
.offcanvas .offcanvas-menu
{
    padding-bottom: 50px!important
}

/*Franja naranja a items de menu*/
.item-1172 {
    background: #D9651A!important;
}

/*Reposicionar offcanvas*/
.mod-option-offcanvas-left {
    top: calc(50vh - 240px/2);
}


/*Menu desplegable*/
.offcanvas-menu { 
    width: 100%;
}    

 .my-nav-expand li ul {
 display: none; 
 }

.my-nav-expand .expand {
    color: white;
}

.offcanvas-menu .nav.menu li:hover>a {
    color: #fff;
    background: initial!important;
}

 .my-nav-expand  .expand
{
display: inline-block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    line-height: 2;
    padding-left: 20px;
    left: 12px;
    position: relative;
    z-index: 2;
}


 .my-nav-expand span,
 .my-nav-expand a{
        display: inline-block!important;
        color:white;
 }

 .offcanvas-menu .offcanvas-inner .sp-module ul>li .divider .separator {
   background: initial; 
    position: initial;
     width: initial; 
    padding: initial;
    text-indent:initial;
    clear: initial; 
}

 .my-nav-expand > li ul > li > .expand {
  text-indent: 10px;
}
 .my-nav-expand > li ul > li > ul > li > .expand {
  text-indent: 20px;
}

.my-nav-expand li.active ul.my-has-active,
.my-nav-expand li.alias-parent-active ul.my-has-active{ 
    display: block;
}

/*Pablo*/

ul#my-main-menu-mobile > li.parent > span.expand {
	padding-right: 5px;
	padding-left: 15px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul>li>a {
text-indent: 10px;
}
.my-nav-expand>li ul>li {
text-indent: 10px;
} 

.offcanvas-menu .nav.menu li.current.active>a {
margin-left: 21px;
}
.offcanvas-menu .nav.menu#my-main-menu-mobile li.current:hover>a {
background: #fff!important;
}

.offcanvas .offcanvas-menu #my-main-menu-mobile>li>.nav-child li .nav-child li.current.active>a {
    margin-left: 114px;
    text-indent: 0px;
    padding-left: 12px;
}

.offcanvas-menu .nav.menu li.current.active> span.expand + a {
  margin-left: 31px;
  text-indent: 0px;
}

.offcanvas .offcanvas-menu .nav-child li a, .offcanvas .offcanvas-menu .nav-child li .nav-child li a {
  text-indent: 84px;
}

.offcanvas-menu .nav.menu > li ul > li> ul >li.current.active>a {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.offcanvas .offcanvas-menu #my-main-menu-mobile > li > .nav-child li .nav-child li a {
  margin-left: 93px;
  line-height: 98%;
  display: block!important;
  text-indent: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.my-nav-expand>li ul>li>ul>li>.expand {
   display: block!important;
   float: left;
   text-indent: 0;
   padding-right: 10px;
   padding-left: 30px;
   margin-left: 51px;
}

.offcanvas .offcanvas-menu #my-main-menu-mobile.my-nav-expand>li ul>li>ul>li .nav-child.small a {border-left: 1px solid #ffffff63;margin-left: 98px;}

.offcanvas .offcanvas-menu #my-main-menu-mobile > li > .nav-child li .nav-child li span.nav-header {
   display: block!important;
   line-height: 98%;
   padding-top: 9px;
   padding-bottom: 9px;
   font-style: italic;
   text-indent: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile>li>ul>li.active:not(.parent)>a {
    padding-left: 11px;
}

.offcanvas-menu .nav.menu#my-main-menu-mobile > li > ul > li.active>a {
    margin-left: 52px;
}


.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile >li > ul>li>a {
    margin-left: 21px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile >li > ul>li> span.expand + a {
    text-indent: 0;
    margin-left: 21px;
    padding-left: 0;
}

.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile >li > ul>li.active.current> span.expand + a {
    padding-left: 16px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile li.active:not(.current) > a, .offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile li.active:not(.current) > span.nav-header {
    font-weight: 700;
}

.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile>li ul>li>ul>li.active:not(.current)>span.expand+a {
    margin-left: 112px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul#my-main-menu-mobile>li:last-child {
    margin-bottom: 10px;
}

ul#my-main-menu-mobile > li > ul {
    margin-left: 10px;
    border-right: 2px solid #fff;
}

/*@end Pablo*/


.page-micrositio .my-menu-micrositios ul
{
	white-space: nowrap;
    overflow-x: auto; 
    display: block;
}
    

   .my-block-educacion-continua {
      min-height: 246px;
   }

.my-info-detalles {
    border-collapse: separate;
    border-spacing: 10px 10px;
}

.my-info-detalles > tbody > tr>td:nth-child(1){
    background-color: #696969;
    color: white;
    font-weight: 600;
}

.my-info-detalles > tbody > tr>td:nth-child(2){
box-shadow: 0px 2px 4px 0px #00000017;
   }

.my-info-valor td {
    padding: 2px 5px;
}
 
  
a#scroll-top.open { 
    bottom: 25px!important;  
}  

.cck-f100.cck-pad-10>div {
    margin: 0;
}

.cck_page_items .table>tbody>tr>td:first-child, .cck_page_items .table>thead>tr>th:first-child {
    padding-left: 15px;
}

.cck_page_items .table>thead>tr>th {
    padding-top: 25px;
}

#sp-menu #offcanvas-toggler{
	display:none;
}

#offcanvas-toggler>i.fa-bars:hover {
    color: #0252a6 !important;
}

/*======================================================================
   @start improve template
======================================================================*/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


/*======================================================================
   @end  improve template
======================================================================*/


/*======================================================================
   @start Media Queries
======================================================================*/

/* Breakpoints de UIKit y Bootstrap utilizados en el template */
/* @s */
@media (min-width:640px) {}

/* @m */
@media (min-width:960px) {}

/* Pantallas >= medianas (que al menos tienen el mismo menu desktop) */
@media (min-width: 992px) { }

/* @l ++ */
@media (min-width: 1200px) { }

/* Large HACIA ABAJO */
@media (max-width: 1199.98px) { }

/* Medium devices (tablets, less than 992px) BREAK TO ONE COLUMN*/
@media (max-width: 991.98px) {


/*Ocultar zona superior de menú roles en versión móviles*/
.site #sp-topsearch, .site #sp-menu-header {
    display: none;
}

/*Mostrar solamente si estoy en la página de inicio zona superior de menú roles en versión móviles*/
.my-page-inicio #sp-topsearch, .my-page-inicio #sp-menu-header {
    display: table;
}


/*Desactivar borde del selector de sede en versión móviles*/
#sp-top-bar #sp-top-bar-1 {
    border-left: none;
}    

/* @start REGLAS LISTADO SCOPUS - SCIMAGO -- 991.98px*/
.mod-form-scopus-scimago select, .mod-form-scopus-scimago input[type=text] {
    height: initial!important;
    width: 100%!important;
    max-width:100%!important;
}

.mod-form-scopus-scimago  .cck_forms, .mod-form-scopus-scimago .cck_form
{
width: 100%!important;
}

.mod-form-scopus-scimago  .my-advanced {
    width: 100%;
}


.my-container-list-scopus-scimago > div {
    width: 93vw;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}


.mod-title-item-scopus-scimago
{
    flex-direction: column;
}

.mod-title-item-scopus-scimago .my-center{
    text-align: center
}

.my-badge-q-full {
     position: initial; 
     top: initial; 
     right: initial; 
    text-align: center;
}


/* @end REGLAS LISTADO SCOPUS - SCIMAGO -- 991.98px*/



    /*@start "responsive ONE COLUMN" LANDING PAGE EDUCACIÓN CONTINUA*/
    .lp-educon .mod-cover:after {
        background-color: initial;
    }
    .lp-educon .mod-feature {
        background: #eda72f;
        padding-right: initial;
        padding-left: initial;
        padding-top: 30px;
    }
    .lp-educon .mod-feature .my-img .sppb-addon-single-image-container {
        position: initial;
        top: initial;
        width: initial;
        margin-bottom: initial;
    }
    .lp-educon .mod-feature .sppb-row>div:first-child {
        order: 1;
    }
    .lp-educon .mod-feature .sppb-row .sppb-addon-wrapper {
        margin-bottom: 0!important;
    }
    .lp-educon .mod-form-container {
        box-shadow: initial;
        border: initial;
        margin-right: initial;
        background: initial;
    }
    .lp-educon .mod-section-video-form:after,
    .lp-educon .mod-section-video-form:before,
    .lp-educon .mod-section-info:after {
        content: initial;
    }
    .lp-educon .my-overflow-column>.my-child {
        min-width: calc(100% * 3 / 3.001);
    }
    .lp-educon .my-overflow-column::-webkit-scrollbar-track {
        margin-left: 30px;
    }
    .lp-educon .mod-container-video {
        padding: initial;
        background: initial;
    }
    .lp-educon .mod-section-video-form>div>.sppb-row {
        background: initial;
    }
    .lp-educon .mod-social-networks {
        text-align: center;
    }

    .lp-educon header#sp-header {
    padding: 0;
    }

    .lp-educon .mod-cover {
    height: initial;
    }


    .landing-page .header .row
    {
        display: block;
    }

    .lp-educon .nav.menu.mod-list
    {
        white-space: nowrap;
    overflow-x: auto;
    display: block;
    float:initial;
    }

    .landing-page header#sp-header {
    padding-top: 15px!important;
    }

    .landing-page #sp-lp-menu {
    padding-top: 15px;
    }
/*@end "responsive ONE COLUMN" LANDING PAGE EDUCACIÓN CONTINUA*/


section#sp-top-bar, section#sp-top-bar .sppb-btn-sm{
    font-size: 14px;
}

section#sp-top-bar .mod-menu-campusudes .sppb-btn-sm{
    padding-top: 0px;
}

#sp-top-bar-2 .my-btn-radio span.uk-text-truncate{
    max-width: 75px;
}

#offcanvas-toggler{
	top: 0;
}

.my-main-menu #sp-menu {
    position:static;
}

#offcanvas-toggler {
    margin-top: 32px;
}

}

/* @m < */
@media (max-width: 959px) { } 

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

#sp-top-bar-2>.sp-column>*:last-child{	
	margin-right: 10px;
    border-right: 1px solid white;
}

}

@media (max-width: 689px) {
#sp-top-bar .my-topbar-link.my-btn-aulavirtual.uk-text-truncate {
	max-width: 48px;
}

#sp-top-bar-2 .my-btn-radio span.uk-text-truncate {
    max-width: calc(100vw - 690px);
}

}
 
@media (max-width: 639px) { }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

section#sp-top-bar, section#sp-top-bar .sppb-btn-sm {
    font-size: 16px;
}

section#sp-top-bar .mod-menu-campusudes .sppb-btn-sm {
    padding-top: 5px;
}

body.site{
	font-size:14px;
}

#offcanvas-toggler {
    margin-top: 40px;
}

.page-title {
    line-height: 1.2!important;
    font-size: 2em;
    padding-left: 0;
}

.btn.sppb-btn-xs, .sppb-btn.sppb-btn-xs {
    line-height: 1.1;
    padding: 5px 8px;
}

.mod-presentacion-portada .sprocket-features.layout-slideshow .sprocket-features-img-list {
    padding-bottom: 180px;
}

#sp-slider .my-mod-slideshow-home .layout-slideshow .sprocket-features-title {
    padding: 0px 8px 4px 4px;
    margin-top: -5px;
    font-size: 22px;
}

#sp-slider .my-mod-slideshow-home .my-sprocket-features-estilo-2 .my-badge-sede, #sp-slider .my-mod-slideshow-home .my-sprocket-features-estilo-2 .my-badge-sede.uk-badge{
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 4px;
}

.my-breadcrumbs {
    font-size: 15px;
    letter-spacing: -0.7px;
}

h1{
    font-size: 2.25em;
}

h2{
    font-size: 1.7em;
}

h3{
    font-size: 1.5em;
}

h4{
    font-size: 1.25em;
}

h5{
    font-size: 1.1em;
}

}

/* ESTILOS MAPA INTERATICO */

.filterMap{
    filter: brightness(0.5) invert(1) drop-shadow(0px 0px 6px gray) !important;
}
body.mapa-interactivo-page.off-canvas-menu-init {
    position: initial;
    max-width: initial;
}
body.mapa-interactivo-page .off-canvas-menu-init {
    position: initial;
    max-width: initial;
}

.webui-popover-title{
    display:none
  }
  .janone_layout img{
    max-width: 520px;
  }
  div.webui-popover-content{
    padding:0px !important
  }
  .jai-map-wrap ul{
    background-color: #f7f7f7  !important;
  }
  .jai-map-wrap ul span:hover{
    color: #666 !important;
  }

  .bg.point-img{
  filter: drop-shadow(1px 1px 7px #888);
   transition: .4s ease;
  }
  .bg.point-img:hover, .bg.point-img:active, .bg.point-img:focus{
    scale: 1.3;
    transition: .4s ease;
    filter: hue-rotate(300deg);
  }
  .my-custom-modal-map{
    max-width: 1280px !important;
  }
  .cd-dropdown span, .cd-dropdown ul{
    min-width: 380px !important;
  }
  #modal-map .top-left{
    display: none !important;
  }
  .my-grid{
    display: grid !important;
    padding: 10px !important;
    line-height: 1.2em;
  }
  .my-grid.my-grid-2{
    grid-template-columns: 1fr 1fr;
  }
  .my-grid-gap-1{
    gap: 20px !important;
  }
  .title-map-modal{
    font-size: 32px !important;
    font-weight: bold !important;
  }
  .cd-dropdown>span:after {
    background: #0352A6;
  }
  .cd-dropdown>span {
    background: #fff;
    color: #0352A6;
  }
  .webui-popover-content{
    max-width: 600px;
  }
  #modal-map .jai-map-containe{
    overflow: initial !important;
  }
  .cd-dropdown > span {
    z-index: 999999 !important;
      
  }

.cd-dropdown  ul{
  z-index: 99999 !important;
}

.webui-arrow{
  display: none;
}
.jai-map-wrap .bg.point-img {
    min-width : 60px !important;
    min-height : 60px !important;
    left: -5px;
}
/* END ESTILOS MAPA INTERATICO */

/* ESTILOS MODULOS APIS */

.plotly .svg-container, .plotly .svg-container .main-svg{
      max-height: 365px !important;
    }
    .graph-module{
      padding: 20px;
      padding-bottom: 10px;
      border: 2px solid #ccc;
    }
    .graph-module .graph-module-header{
      display: flex;
      flex-direction: column;
      line-height: 1.2em;
      margin-bottom: 20px;
      font-size: 16px;
    }
    .graph-module .graph-module-header .graph-station{
      font-style: italic;
      font-size: 14px;
      font-weight: 400;
    }
    
    .icono-api-graph img{
        max-width: 120px !important;
        margin: 0 auto !important;
    }
    .icono-api-graph > p{
        text-align: center !important;
        margin-top: 20px !important;
        font-size: 18px !important;
    }
    .icono-api-graph .icono-value{
        color: #D46B00 !important;
    }
    .custom-tooltip {
      padding: 10px;
      background-color: #333;
      color: #fff;
      font-size: 12px;
    }
    .custom-tooltip {
        padding: 10px !important;
        background-color: #333 !important;
        color: #fff !important;
        font-size: 12px !important;
      }
      .custom-flex{ 
          display:flex !important;
          flex-direction:column  !important;
      }
p.desc-graph{
    line-height: 1.2em;
    text-align: justify;
    font-size: 1em !important;
}
.modebar-container {
    display: none;
}
g.polarsublayer.radial-axis {
    display: none;
}
.undefined{
    display: none !important;
}
/* END ESTILOS MODULOS APIS */

@media (max-width: 479px) { 

/*@start REGLAS Micrositio MASIRA -- max-width: 479px*/
.jai-map-wrap .bg.point-img {
    min-width : 80px !important;
    min-height : 80px !important;
}
.title-map-modal{
    font-size: 18px !important;
  }
  .webui-popover{
    width: 98% !important;
  }
.header-micrositio-masira {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

div#sp-m-masira-space {
    display: none;
}
/*@end REGLAS Micrositio MASIRA -- max-width: 479px*/


.my-card-medium-height img
{
    height: auto;
}

/*@start Chat zopim*/

div#chat-bots-webchat-container{
    max-width: 200px!important;
    left: 15px!important;
    bottom: 4px!important;
    right: initial!important;
    box-shadow: initial!important;
}

/*@end Chat zopim --max-width: 479px */

.my-social-link {
    position: fixed;
    left: 10px;
    bottom: 50px;
    z-index: 20000;
}

.mod-presentacion-portada .sprocket-features.layout-slideshow .sprocket-features-img-list {
    padding-bottom: 175px;
}

#modal-full-search .uk-padding-large, #modal-full-search .uk-modal-body {
    padding: 10px;
}

}

@media (max-width: 359px) { 


#sp-logo .sp-default-logo, #sp-logo .sp-retina-logo {
    max-width: 180px;
    max-width: calc(100% - 20px);
}

.mod-presentacion-portada .sprocket-features.layout-slideshow .sprocket-features-img-list {
    padding-bottom: 170px;
}

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1440px) and (max-width: 1920px) {}


/*======================================================================
   @end Media Queries
======================================================================*/ 


/*======================================================================
   @START IMPROVE BOOTSTRAP
======================================================================*/ 
.d-flex
{
    display: flex;
}

/*======================================================================
   @END IMPROVE BOOTSTRAP
======================================================================*/