html{min-height: 100vh;}
nav{font-family: Arial, Helvetica, sans-serif !important;}
/* BARRA TOP */
.navbar-top-em {background-color: black;display: flex;align-items: center;justify-content: space-between;padding:0 10px;padding-right: 60px;}
.visually-hidden {position: absolute; clip: rect(0 0 0 0); border: 0; height: 1px;margin: -1px; overflow: hidden; padding: 0;width: 1px; white-space: nowrap; }
.wrapper {font-family: Arial, sans-serif;display: flex;justify-content: center;align-items: baseline;padding: 15px;min-height: calc(100vh - 156px);}
.container {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.card:active {cursor: grabbing;opacity: 0.8;}
.sortable-ghost {opacity: 0.4;}
.card-title i{color: blue;background-color: #eaeaea;width: 40px;display: flex;justify-content: center;align-items: center;height: 40px;border-radius: 5px;margin-right: 10px;}
.card-title{display: flex;align-items: center;}
.tab-content h6.card-title i{background: none;color: inherit;padding: 0;margin: 0;}
.tab-content h6.card-title{align-items: center !important;}
.tab-content a:hover .row{background-color: var(--bs-tertiary-bg);filter: grayscale(0);transition: 0.2s;}
.tab-content a .row{filter: grayscale(1);transition: 0.2s;}
.btnToggleCards{font-size: 15px !important;color: var(--bs-dark-text-emphasis);}
/* responsive cards */
@media(max-width:1200px){.container {grid-template-columns: repeat(3, 1fr);}}
@media(max-width:768px){.container {grid-template-columns: repeat(2, 1fr);}}
@media(max-width:522px){.container {grid-template-columns: repeat(1, 1fr);}}
.line-clamp p {margin: 0;}
.line-clamp {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-hour{font-size: 13px;font-weight: 600;}
.container-notes{overflow-y: scroll;}
.note-text{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.note-card{background-color: var(--bs-tertiary-bg);padding: 10px;font-size: 13px;border-radius: 3px;border-top: 3px solid #39c0ff;}
.note-date{font-size: 12px;font-weight: 700;opacity: .8;white-space: nowrap;padding: 0 5px;}
.note-title .dropend .dropdown-toggle:after {display: none;}
.note-card:hover .note-title .btn-group {display: block;}
/* hover menu notes */
/* .note-card .note-title .btn-group {display: none;} */
/* .note-card:hover .note-title .note-date {display: none;} */
/* .note-card:hover .note-title .btn-group {display: block;} */
.note-card:hover{background-color: var(--bs-card-cap-bg);cursor: pointer;}
.btnEliminarNota {color: var(--bs-secondary);font-size: 13px;padding: 3px 0px;padding-left: 10px;}
.btnEliminarNota:hover {color: var(--bs-muted);cursor: auto;}
/* end hover menu notes */
/* ajuste menú y submenús con dropdown */
/* #main_nav > ul > li:nth-child(2) > ul > li:nth-child(2), #main_nav > ul > li:nth-child(2) > ul > li:nth-child(3),#main_nav > ul > li:nth-child(3) > ul > li:nth-child(6) {padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);  }
#main_nav > ul > li:nth-child(2) > ul > li:nth-child(2) a, #main_nav > ul > li:nth-child(2) > ul > li:nth-child(3) a,#main_nav > ul > li:nth-child(3) > ul > li:nth-child(6) a{padding: 0;}
#main_nav > ul > li:nth-child(2) > ul > li:nth-child(2):hover, #main_nav > ul > li:nth-child(2) > ul > li:nth-child(3):hover, #main_nav > ul > li:nth-child(3) > ul > li:nth-child(6):hover{background-color: var(--bs-dropdown-link-hover-bg);}
#main_nav ul li.dropdown ul.submenu li a {padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) !important;  } */
/* ul.navbar-nav li.nav-item.dropdown .nav-link.dropdown-toggle{color: var(--bs-dropdown-link-hover-color);} */
#main_nav > ul > li > ul .nav-link.dropdown-toggle{color: var(--bs-dropdown-link-hover-color);}

.note-title .dropend button{background-color: transparent;border: none;padding: 0 !important;margin: 0 !important;color: grey;}
#abrirnota input{border: none;}
#abrirnota textarea{width: -webkit-fill-available;border: none;}
#abrirnotaLabel, #abrirnotaLabel input{width: 100%;}
#anadirNotas input[type="color"]{height: 57px;width: 40px;padding: 7px;border-radius: 3px;cursor: pointer;border-color: #ced4da;margin-right: 0px;}
.color-container {display: flex;align-items: center;width: 50%;}
.color-label {display: flex;align-items: center;cursor: pointer;width: 17%;}
.color-radio {display: none;}
.color-radio:checked + .color-box {border: 1px solid #ced4da;}
.color-box {width: 100%;height: 15px;border: 2px solid var(--bs-body-bg);;}
.img-fluid {width: 100% !important;}
.card.bg-light .card-header span{display: flex;align-items: center;}
.card.bg-light .card-header span i, .card.bg-light .card-header span .material-symbols-outlined{font-size: 20px;margin-right: 10px;color: #6c757d;}
.card.bg-light .card-header span .material-symbols-outlined{font-size: 24px;}
/* card mediateca */
#divPrevMediateca{height: 450px;overflow: auto;overflow-x: hidden;}
#divPrevMediateca .card-body{padding: 5px;padding-left: 15px;}
/* CALENDAR */
.fc-theme-standard td, .fc-theme-standard th {border: 1px solid var(--bs-light-border-subtle);}
.fc-theme-standard .fc-scrollgrid {border-top: 1px solid var(--bs-light-border-subtle);border-left: 1px solid var(--bs-light-border-subtle);}
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
h2.fc-toolbar-title{font-size: 16px !important;}
#calendar thead[role="rowgroup"]{text-transform: capitalize;}
#calendar button.fc-prev-button.fc-button.fc-button-primary, #calendar button.fc-next-button.fc-button.fc-button-primary, #calendar button.fc-today-button.fc-button.fc-button-primary, #calendar button.fc-dayGridMonth-button.fc-button.fc-button-primary, #calendar button.fc-timeGridWeek-button.fc-button.fc-button-primary, #calendar button.fc-timeGridDay-button.fc-button.fc-button-primary{color: #0d6efd;border: 1px solid #cacaca;padding: 0;height: fit-content;}
/* btn prev y next calendar */
#calendar button.fc-prev-button.fc-button.fc-button-primary, #calendar button.fc-next-button.fc-button.fc-button-primary{border: none;padding: 0 7px;background-color: inherit;}
/* btn today calendar */
#calendar button.fc-today-button.fc-button.fc-button-primary{padding: 4px 8px;color: white;background-color: #0d6efd;border: none;font-size: 14px;}
#calendar .fc-toolbar-chunk:nth-child(1){margin-bottom: 10px;}
#calendar .fc-toolbar-chunk:nth-child(3), #calendar .fc-toolbar-chunk:nth-child(3) .fc-button-group{width: 100%;}
#calendar .fc-toolbar-chunk:nth-child(3) .fc-button-group{border-radius: 0.25rem;margin-top: 5px; }
.fc .fc-scrollgrid-section-sticky > * {background: inherit;}
#calendar button.fc-dayGridMonth-button.fc-button.fc-button-primary, #calendar button.fc-timeGridWeek-button.fc-button.fc-button-primary, #calendar button.fc-timeGridDay-button.fc-button.fc-button-primary{width: 33%;background-color: inherit;border-radius: 0.25rem;border: none;font-size: 14px;color: #7a7a7a;margin: 0 1px;padding: 2px 0;}
#calendar .fc-button-active{background-color: #0d6efd !important;color: white !important;}
#calendar .fc-button:focus{box-shadow: none;}
#calendar .fc-button:hover{background-color: transparent;}
.fc .fc-scrollgrid-section-sticky > * {background: auto;}
.fc-toolbar-title {text-transform: lowercase;}
.fc-toolbar-title::first-letter {text-transform: uppercase;}
.fc .fc-daygrid-day-number {text-decoration: none;}
.fc .fc-col-header-cell-cushion {text-decoration: none;font-size: 14px;opacity: .4;display: flex;justify-content: end;}
.card-text{font-size: 15.2px;line-height: 21px;}
/* CALENDAR - VERSIÓN 3 */
#calendar .fc-toolbar.fc-header-toolbar{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#calendar > div.fc-view-container > div > table > thead > tr > td > div{border-right-width: 0 !important;}
#calendar > div.fc-view-container > div > table > tbody > tr > td > div{height: auto !important; }
#calendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-day-header.fc-widget-header{text-align: right;font-size: 14px;opacity: .4;color: #0d6efd;padding: 5px 3px;border: 1px solid var(--bs-light-border-subtle);}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {border-color: var(--bs-light-border-subtle) !important;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {color: #0d6efd;padding-right: 4px;}
.fc-basic-view .fc-body .fc-row {min-height: 35px !important;}
/* Estilo que se aplicará a las semanas sin eventos */
.fc-basic-view .fc-body .fc-row.events {min-height: 50px !important;}
/* Estilo que se aplicará a los días con al menos dos eventos */
.fc-basic-view .fc-body .fc-row .fc-day.multiple-events {min-height: 70px !important;} 
/* titulo */
#calendar .fc-toolbar.fc-header-toolbar h2{font-size: 16px !important;}
/* button day, week, month */
#calendar div.fc-center{width: 100%;}
#calendar div.fc-center > div{background-color: inherit;border-radius: 0.25rem;margin-top: 5px;}
#calendar div.fc-center .fc-button-group{width: 100%;margin-top: 10px;}
#calendar .fc-button.fc-state-default{width: 33%;background: inherit;border-radius: 0.25rem;border: none;font-size: 14px;color: #7a7a7a;margin: 0;padding: 2px 0; box-shadow: none; text-shadow: none;}
#calendar .fc-button.fc-state-active{background-color: #0d6efd !important;color: white !important;}
/* button prev-next + today */
#calendar .fc-right{display: flex;}
#calendar button.fc-prev-button.fc-button, #calendar button.fc-next-button.fc-button {border: none;padding: 0;background-color: inherit;width: 37px;margin-top: 4px;font-size: 16px;}
#calendar > div.fc-toolbar.fc-header-toolbar > div.fc-right > div{margin-right: 10px;}
#calendar button.fc-prev-button.fc-button, #calendar button.fc-next-button.fc-button, #calendar button.fc-today-button.fc-button, #calendar button.fc-dayGridMonth-button.fc-button, #calendar button.fc-timeGridWeek-button.fc-button, #calendar button.fc-timeGridDay-button.fc-button{color: #0d6efd;}
#calendar .fc-today-button.fc-button{background-color: #0d6efd;color: white !important;width: 41px;height: 29px !important;}
/* scrollbar */
.container-notes::-webkit-scrollbar,
.fc-timeGridWeek-view::-webkit-scrollbar, .fc-timeGridDay-view::-webkit-scrollbar{-webkit-appearance: none;width: 10px;}
.container-notes::-webkit-scrollbar:vertical,
.fc-timeGridWeek-view::-webkit-scrollbar:vertical, .fc-timeGridDay-view::-webkit-scrollbar:vertical {width: 10px;}
.container-notes::-webkit-scrollbar-thumb,
.fc-timeGridWeek-view::-webkit-scrollbar-thumb, .fc-timeGridDay-view::-webkit-scrollbar-thumb {background-color: #cecece;border-radius: 20px;border: 3px solid var(--bs-card-bg);}
/* input buscar */
.form-outline {position: relative;margin: 20px;}
.form-outline input {border-radius: 0.25rem;padding: 0.375rem 0.75rem;width: 100%;height: 35px;box-sizing: border-box;transition: border-color 0.3s, box-shadow 0.3s;background: var(--bs-tertiary-bg);}
.form-outline label {position: absolute;top: 50%;left: 0.75rem;transform: translateY(-50%);transition: 0.2s ease all;color: #6c757d;pointer-events: none;font-size: 1rem;padding: 0 0.25rem;}
.form-outline input:focus {outline: none;border-color: #0d6efd;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.form-outline input:focus + label,
.form-outline input:not(:placeholder-shown) + label {top: -0.6rem;font-size: 0.75rem;color: #0d6efd;}
.form-outline input:focus + label{top: 0px;}
.form-outline input, .form-outline label{background: var(--bs-body-bg)}
.form-outline input:focus{box-shadow: none;background: var(--bs-body-bg)}
#card-enlaces-favoritos .btn-group{width: 100%;}
#card-enlaces-favoritos .btn-group:not(:last-child){margin-bottom: 5px;}
.btn-toggle {float: right;}
.offcanvas-body{padding: 0 !important;}
.list-group-item:first-child {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
.card:not(.card .card):hover {animation: hover-scale 0.2s ease;--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;}
#card-directos .card.disabled{filter: grayscale(1);}
#card-directos .card .card-body{padding: 0px 15px !important;}
#card-directos .conjuntodirectos a{text-decoration: none;}
#card-directos .conjuntodirectos a:not(.disabled):hover{background-color: var(--bs-tertiary-bg);color: #0d6efd !important;}
#card-directos .card.disabled {cursor: no-drop;}
#card-directos .card .badge-directo i{color: white;font-size: 10px;}
#card-directos .card .badge-directo{width: min-content;margin: 10px;margin-bottom: 0;}
#card-directos .card i{color: #0d6efd;background: none;padding-right: 8px;font-size: 16px;width: auto;margin: 0;}
#card-directos .disabled{opacity: .3;filter: grayscale(1);}
#card-directos .card .card-body .card-title span{display: inline-block;max-width: 80px; /* Ajusta el ancho máximo según sea necesario */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* card aula virtual */
#divConjuntoDirectos{max-height: 200px;overflow-y: auto;overflow-x: hidden;}
@keyframes hover-scale {
    0% { transform: scale(1); cursor: default; /* Cursor predeterminado */}
    50% { transform: scale(1.01); cursor: pointer; /* Cambiar el cursor al pasar al 50% */}
    100% { transform: scale(1); cursor: default; /* Cursor predeterminado al final */}
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{min-height: auto;}
.fc .fc-daygrid-event-harness:hover {cursor: pointer;opacity: .5;}
.fc-timeGridWeek-view,
.fc-timeGridDay-view {max-height: 250px;overflow: auto;}
.fc-h-event .fc-event-main, .fc-v-event .fc-event-main{color: #646464;}
.z-index-100 {z-index: 100;}
.meeting-points{list-style: none;}
.meeting-points .meeting-item span {margin-left: 3.1rem !important;}
/* .em-loading{height: 100%;display: flex;justify-content: center;align-items: center;}
.em-loading span{background: url(../img/loading.gif) no-repeat;width: 31px;height: 31px;transform: scale(.7);} */
#divEventos .modal-body:not(:first-child){border-top: 1px solid #dee2e6;}
#calendar > div.fc-view-container > div.fc-agendaWeek-view > table > thead > tr > td > div > table > thead > tr > th.fc-day-header.fc-widget-header{padding: 0;}
.fc-view.fc-agendaWeek-view, .fc-view.fc-agendaDay-view{height: 200px;overflow: auto;}
a.fc-more {margin: 0;font-size: 11px;text-decoration: underline;white-space: nowrap;}
#calendar .fc-button.fc-state-default {padding: 0px;height: 25px;}
.fc-toolbar.fc-header-toolbar {margin-bottom: 1.5em;}
.fc-toolbar .fc-center {margin-top: 0.5rem;}
.fc-toolbar.fc-header-toolbar div{align-items: center !important;}
@media (max-width: 500px) {.offcanvas.offcanvas-start {width: 70% !important;}} 
#card-calendario{grid-column: span 2;grid-row: span 2;}
/* Menú navbar adaptado click y responsive para bootstrap v.5.3.3 */
.em-dropdown{color: var(--bs-body-color);}
.em-dropdown a{color: var(--bs-body-color);text-decoration: none;}
.em-dropdown-menu, .dropdown-menu {display: none;}
.em-show {display: block; }
.em-navbar-nav button:hover{border-radius: 0;}
.em-navbar-nav button:hover i{color: #bdbdbd;}
.em-container-submenu{padding: 7px 6px;display: flex;justify-content: space-between;align-items: center;font-size: 16px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1.42857143;}
/* .em-container-submenu:hover{background-color: #313131;} */
.em-container-submenu a{padding: 0 10px;}
.em-container-submenu a:hover{text-decoration: underline;}
.em-container-submenu a:hover, .em-container-submenu i:hover{color: #bdbdbd;}
.em-container-submenu i{padding: 0 7px;cursor: pointer;margin-top: -5px;font-size: 14px;}
ul.em-dropdown-menu li a.dropdown-item{color: inherit;background-color: inherit;}
.em-dropdown-menu .em-container-submenu{padding: 0;}
.em-dropdown-menu .em-container-submenu i{transform: rotate(270deg);margin: 0;margin-right: 7px;}
.em-dropdown-menu>li>a, .em-dropdown-menu>li>div>a {display: block;padding: 6px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: var(--bs-body-color);white-space: nowrap;}
.em-dropdown-menu>li>div:hover{background-color: var(--bs-dropdown-link-hover-bg);text-decoration: none;}
.em-dropdown-menu>li>a:hover, .em-dropdown-menu>li>div>a:hover, .em-dropdown-submenu ul.dropdown-menu li a:hover{text-decoration: underline;color: inherit;}
.em-dropdown-submenu ul.dropdown-menu li a{display: block;padding: 3px 20px;color: var(--bs-body-color);white-space: nowrap;}
.em-dropdown-submenu ul.dropdown-menu{position: absolute;right: -160px;top: 0;}
.em-dropdown-menu .em-container-submenu i:hover{color: #969696;}
.em-navbar-toggler button{font-size: smaller;}
.em-dropdown>a{position: relative;top: 5px;padding: 6px 15px;white-space:nowrap;}
.em-dropdown>a:hover{color: #bdbdbd;text-decoration: underline;}
.fc-event{border: none !important;}
@media(max-width:992px){
    .container-fluid{padding: 0;}
    .em-navbar-toggler button{margin-right: 8px; }
    .em-navbar-nav button{text-align: left;margin: 0;padding-left: 15px;}
    .nav li {border-bottom: 1px solid #424242;}
    .em-dropdown{border-top: 1px solid #424242;}
    .em-dropdown .em-dropdown-menu{background-color: #2f2f2f;color: white;padding: 0;border-radius: 0;}
    .em-dropdown .em-dropdown-menu li{border-bottom: 1px solid #494949;padding: 3px 0;}
    .em-dropdown .em-dropdown-menu a{color: white;font-size: 14px;}
    .em-dropdown-menu>li>div:hover {background-color: transparent;}
    .em-dropdown .em-dropdown-menu li ul.dropdown-menu{position: inherit;margin: 0;padding: 0;background-color: #393939;border-radius: 0;border: none;}
    .em-dropdown .em-dropdown-menu li ul.dropdown-menu a{color: white;padding-left: 35px;}
    .em-dropdown-menu .em-container-submenu i{transform: rotate(0deg);}
    .em-dropdown .em-dropdown-menu .dropdown-menu li:last-child{border: none;}
    .em-dropdown > .em-dropdown-menu > .dropdown-submenu{padding-bottom: 0;}
    .em-container-submenu i {font-size: 20px;}
    .navbar-top-em {padding-right: 10px;}
    #emCommonMenuToggler{display: none;}
    .em-dropdown-menu .em-container-submenu {padding-left: 0;padding-bottom: 3px;}
    .em-container-submenu {font-size: 14px;}
    #card-calendario {grid-column: span 1;}
    .em-dropdown>a{position: inherit;padding: 5px 15px;font-size: 14px;width: 100% !important;display: block;}
    .em-dropdown>a:hover{background-color: #313131;}
    
} /* Fin -- menú navbar adaptado click y responsive para bootstrap v.5.3.3 */
@media (min-width: 992px) {
    #main_nav ul.navbar-nav.em-navbar-nav {
    display: flex !important;
    flex-wrap: wrap !important;
}
}

button:focus-visible, p:focus-visible, .em-container-submenu i:focus-visible{outline: auto !important;}
button a:focus-visible{outline: 0 !important;}
.btn-fa-sort-down{background-color: transparent;border: none;color: inherit;padding: 0;margin: 0;}
.btnEditarEnlace, .btnEliminarEnlace {display: none;}
.btn-enlacefav:hover .btnEditarEnlace,
.btn-enlacefav:hover .btnEliminarEnlace,
.btn-enlacefav:focus-within .btnEditarEnlace,
.btn-enlacefav:focus-within .btnEliminarEnlace {display: inline-block;}
.note-card:focus-within .note-title .btn-group {display: block;}
/* .note-card:focus-within .note-title .note-date {display: none;} */
.card-header:hover button.btn-sm a{color: #0b5ed7;}
.card-header a:first-of-type{display: flex; width: 100%; text-decoration: none; color: inherit;justify-content: space-between;}
#card-correo-web .card-header a:first-of-type {display: inline;width: auto;color: white;}
.card{cursor: grab;}
td.fc-day:focus, td.fc-day.focus-active {outline: auto;outline-color: #0d6efd;}
.card-header button{color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));}
.card-header:hover a button{color: #0b5ed7;}
/* Arrastrar cards en responsive */
@keyframes shake1 {0% {transform: translate(0, 0);}20% {transform: translate(1.5px, -1.5px);}40% {transform: translate(-1.5px, 1.5px);}60% {transform: translate(1.5px, 1px); }80% {transform: translate(-1px, -1.5px);}100% {transform: translate(0, 0);}}
@keyframes shake2 {0% {transform: translate(0, 0);}20% {transform: translate(-1.5px, 1.5px);}40% {transform: translate(2px, -2px);}60% {transform: translate(-2px, 1px);}80% {transform: translate(1px, -1px);}100% {transform: translate(0, 0);}}
@keyframes shake3 {0% {transform: translate(0, 0);}20% {transform: translate(1px, -1px);}40% {transform: translate(-1px, 2px);}60% {transform: translate(2px, -1.5px);}80% {transform: translate(-2px, 0.5px);}100% {transform: translate(0, 0);}}
.ready-to-drag {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);cursor: grab;}
.card:nth-child(3n+1).ready-to-drag {animation: shake1 0.6s infinite;animation-delay: 0.1s;}
.card:nth-child(3n+2).ready-to-drag {animation: shake2 0.7s infinite;animation-delay: 0.2s;}
.card:nth-child(3n).ready-to-drag {animation: shake3 0.8s infinite;animation-delay: 0.3s;}

/* #emCommonMenuToggler.emCommonMenuTogglerDark a, body.em-dark-mode #emCommonMenuToggler a {
    background-image: url(https://avisos.educa.madrid.org/public/news/img/toolbar/ui.png) !important;
} */
#emCommonMenuToggler {
    margin-top: 2px !important;
}
.navbar-top-em .btn-group .btn-outline-secondary {
    border-color: var(--bs-border-color) !important;
    color: #848484;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.navbar-top-em .btn-group .btn-outline-secondary:hover {
    background-color: var(--bs-tertiary-color) !important;
    color: var(--bs-secondary-color) !important;    
}

.navbar-top-em .btn-group a{
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Barra / Menú superior */
.em-only-mv {display: none;}


.desplegar-todo-btn {display: none;}
@media (max-width: 992px) {

    /* Barra / Menú superior */
    .navbar-top-em {padding: 0;}
    .navbar-top-em .w-100 {width: fit-content !important;padding-left: 10px;}
    .navbar-top-em .navbar-toggler {display: block;position: absolute;right: 0;top: -51px;border: none;font-size: 20px;color: #848484;}
    .navbar-top-em .btn-group {margin-right: 75px;}
    .navbar-top-em .em-navbar-toggler.em-only-mv {width: 100%;}
    .em-only-pc {display: none;}
    .em-only-mv {display: block;}
    .em-container-submenu {padding: 12px 6px;}
    .em-dropdown {border-top: 1px solid var(--bs-border-color);}
    .em-container-submenu i {color: #848484;}
    .em-dropdown .em-dropdown-menu {border-bottom: none;border: none;background: var(--bs-secondary-bg);}
    .em-dropdown .em-dropdown-menu li {border-bottom: 1px solid var(--bs-border-color);color: var(--bs-body-color);}
    .em-dropdown .em-dropdown-menu a {color: var(--bs-body-color);}
    .em-dropdown .em-dropdown-menu li ul.dropdown-menu {background-color: var(--bs-tertiary-bg);border-top: 1px solid var(--bs-border-color);}
    .em-dropdown .em-dropdown-menu li ul.dropdown-menu a {color: inherit;}
    .em-dropdown-menu.dropdown-menu.em-show li:last-child {border-bottom: none;}
    .navbar-top-em div a img{max-height: 50px !important;}
    .fc td {overflow: hidden;}

    .navbar-toggler.ms-auto.my-2.em-only-pc.navbar-toggler.ms-auto.my-2.em-only-pc {color: var(--bs-gray);padding: 5px 8px;font-size: 18px;top: -42px;right: 5px;        background: none !important;border: none !important;}
    .btnsettings{right: 40px !important;}
    .btngroup-settings{display: none;}
    #settings_nav .em-navbar-nav{justify-content: center;padding: 10px 0;padding-bottom: 0;border-bottom: 1px solid var(--bs-border-color);}
    #settings_nav .em-navbar-nav li a{color: var(--bs-nav-link-color);padding-left: 3px;}
    #settings_nav #spnCorreosNuevos {font-size: 14px;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;transform: translateY(-3px) !important;}
    #settings_nav .em-container-submenu i {font-size: 15px;}
    #main_nav .btnToggleCards{margin: 8px;margin-left: 0;}

    /* Tablas responsive */
    .styleTablaResponsive .desplegar-todo-btn {display: block;}
    .styleTablaResponsive {width: 100% !important;overflow: visible;}
    .styleTablaResponsive.dataTable td,
    .styleTablaResponsive.dataTable th {box-sizing: border-box;text-align: center;padding: 3px 0;border-bottom: 0;padding-right: 22px;}
    .styleTablaResponsive,
    .styleTablaResponsive thead,
    .styleTablaResponsive tbody,
    .styleTablaResponsive th,
    .styleTablaResponsive td,
    .styleTablaResponsive tr {display: block;width: 100%;}
    .styleTablaResponsive thead tr th:not(.sorting) {display: none;}
    .styleTablaResponsive thead tr {display: flex;}
    .styleTablaResponsive thead tr th.sorting {width: 100% !important;content: attr(data-label);max-width: 45%;white-space: nowrap;text-align: center;overflow: hidden;text-overflow: ellipsis;}
    .styleTablaResponsive tr {margin-bottom: 10px;border-bottom: 1px solid var(--bs-border-color);padding: 2px 10px;}
    .styleTablaResponsive td {display: flex;justify-content: space-between;padding: 8px;border: none;border-bottom: 1px solid var(--bs-border-color);}
    .styleTablaResponsive td::before {content: attr(data-label);max-width: 45%;white-space: nowrap;text-align: center;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
    .styleTablaResponsive .table-hover tbody tr:hover td {box-shadow: none !important;}
    .styleTablaResponsive td[data-label]:first-child::after {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;margin-left: 10px;font-size: 12px;color: #989898;display: inline-block;transition: transform 0.3s ease;right: 23px;margin-top: 5px;}
    .styleTablaResponsive td.rotate-icon[data-label]:first-child::after {transform: rotate(180deg);}
    .styleTablaResponsive tbody tr td:not(:first-child) {display: none;}
    .styleTablaResponsive .displayflex {display: flex !important;}
    .styleTablaResponsive tbody tr td:last-child::before {display: none;}
    .styleTablaResponsive tbody tr td:last-child {justify-content: end;}
    .styleTablaResponsive .pagination {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;}
    .styleTablaResponsive tbody tr td:first-of-type::before{display: none;}

    /* Paginación */
    .pagination {gap: 2px;}
    .pagination .page-link {padding: 6px 8px;font-size: 14px;}
    .pagination.page-item:not(.previous):not(.next):nth-child(n + 4):not(.active) {display: none;}
    .ellipsis-text {display: inline-block;max-width: 45%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
    .dataTables_wrapper .row:first-child {display: flex;width: 100%;flex-direction: column-reverse;margin-left: 0;}
    .dataTables_wrapper .row:first-child div {width: 100%;margin: 0;padding: 0;}
    .dataTables_wrapper .row:first-child div:first-of-type {margin-bottom: 2px;}
    .dataTables_length label {width: 100% !important;}
    .dataTables_length label select {width: 100% !important;}
    .dataTables_filter label {display: flex;flex-wrap: wrap;}
    .dataTables_filter label input {margin: 0 !important;width: 100% !important;}

    

}

/* 
:root, [data-bs-theme=light]{
    --bs-blue: #0D77D1 !important;
} */