@import url('calendarios.css') print, screen;
@import url('solicitudes.css') print, screen;
@import url('fichadepersona.css') print, screen;
@import url('enresponderencuestas.css') print, screen;

/* Códgio necesario para iconos tipo fontaweson Personalizados con la herramienta icomoon.io app */
@font-face {
    font-family: 'icomoon';
    src: url('/temas/openhr2021/fontsIconPersonalizado/icomoon.eot?8vo2sn');
    src: url('/temas/openhr2021/fontsIconPersonalizado/icomoon.eot?8vo2sn#iefix') format('embedded-opentype'),
        url('/temas/openhr2021/fontsIconPersonalizado/icomoon.ttf?8vo2sn') format('truetype'),
        url('/temas/openhr2021/fontsIconPersonalizado/icomoon.woff?8vo2sn') format('woff'),
        url('fonts/temas/openhr2021/fontsIconPersonalizado/icomoon.svg?8vo2sn#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-imgsvg:before {
    content: "\e900";
}

/* Códgio necesario para iconos tipo fontaweson Personalizados con la herramienta icomoon.io app */
/* Se utiliza para aplicar el mismo tamaño de fuente a los iconos. Sirve para que los iconos de font-awesome que tengan esta clase tengan el mismo tamaño de fuente que los de material-symbols */
.fs-20px {
    font-size: 20px;
}

.rounded-4 {
    border-radius: 1rem !important;
}

.rounded-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.rounded-bottom-4 {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.cursor-default {
    cursor: default !important;
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--openhr-primary-color) #f1f1f1;
    }
}

/* Modificación para el textArea del summernote */
.dropdown-toggle::after {
    display: none;
    margin-left: 0px;
}

.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
    /*width: 250px;*/
}

.note-modal-content {
    padding-bottom: 10px;
}

.acciones {
    position: relative;
}

button:focus {
    outline: none;
}

/* width */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--openhr-primary-color);
    /*background-image: linear-gradient(to bottom right,var(--openhr-primary-color),var(--openhr-secondary-color))!important;*/
    cursor: pointer;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--openhr-secondary-color);
    /*background-image: linear-gradient(to bottom right,var(--openhr-secondary-color),var(--openhr-primary-color))!important;*/
}

.mdl-layout__content {
    width: 100%;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: white;
    text-decoration: none;
    background-color: var(--openhr-primary-color);
}

.list-group-item-action.adminSetting:hover,
.list-group-item-action.adminSetting:focus {
    z-index: 1;
    color: white;
    text-decoration: none;
    background-color: #F5F8FA !important;
}

li.list-group-item.list-group-item-action.active.d-flex.align-items-center.shadow-sm:hover,
.list-group-item-action.adminSetting:hover {
    z-index: auto !important;
}

li.list-group-item.list-group-item-action.active.d-flex.align-items-center.shadow-sm .ms-auto.adminSetting button.btn.btn-menu-personalizado.dropdown-toggle {
    background-color: white !important;
}

.ms-auto.adminSetting button.btn.btn-menu-personalizado.dropdown-toggle {
    margin: 0;
}

#menuzonas {
    padding-bottom: 0px;
}

#menuzonas a {
    padding: 0.5rem;
    margin-left: 0;
}

#menuzonas a.active {
    background-color: var(--openhr-primary-color);
}

#menuzonas a.active.color2 {
    background-color: var(--openhr-primary-color);
}

.modal .modal-header {
    background-color: var(--openhr-primary-color);
    color: white;
}

.modal-title {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.5;
}

.card-title .material-icons {
    color: var(--openhr-primary-color);
    vertical-align: sub;
}

.main-menu .material-icons {
    color: #2c3e50;
    vertical-align: sub;
    font-size: 18px !important;
}

.main-menu .active .material-icons {
    color: #fff;
}

.main-menu .active .labelMenu {
    color: #fff;
}

.main-menu li:hover {
    background-color: var(--openhr-primary-color);

}

.main-menu li:hover span {
    color: white !important;
}

.celdadatos {
    float: none;
    width: 100%;
    min-height: auto;
    margin: 0;
    padding: 0;
    border-top: none;
    display: flex;
    align-items: center;
}

.celdatitulo label {
    margin: 0;
}

.form-select:focus,
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--openhr-primary-color);
    outline: 0;
    box-shadow: 0 0 0.25rem var(--openhr-primary-color);
}

.medium-editor-element {
    border-radius: 0.25rem;
    background-color: rgb(245, 248, 250) !important;
}

.medium-editor-element:focus {
    border-color: var(--openhr-primary-color);
    outline: 0;
    box-shadow: 0 0 0.25rem var(--openhr-primary-color);
}

.accordion-button:not(.collapsed) {
    background-color: white;
    color: black !important;
    box-shadow: none;
}

.accordion-button:focus {
    border-color: white !important;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}

.accordion-button:hover {
    background-color: var(--openhr-primary-color) !important;
    color: white !important;
}

.mdl-switch__thumb {
    background: var(--openhr-primary-color) !important;
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: var(--openhr-secondary-color) !important;
}

/* BUTTONS */
.btn {
    margin: 0 0.5rem;
}

.btn-primary {
    color: #fff;
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--openhr-secondary-color);
    border-color: var(--openhr-secondary-color);
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--openhr-secondary-color);
    border-color: var(--openhr-secondary-color);
    box-shadow: 0 0 0.25rem var(--openhr-secondary-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0.25rem var(--openhr-primary-color);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-primary {
    color: var(--openhr-primary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--openhr-primary-color);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0.25rem var(--openhr-primary-color);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--openhr-primary-color);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0.25rem var(--openhr-primary-color);
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

@media screen and (max-width: 380px) {

    th .boton,
    .botonera1 .boton,
    .botoneraenlaces .botonenlace,
    .botonera .boton,
    .contenedor_formulario .boton {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {

    th .boton,
    .botonera1 .boton,
    .botoneraenlaces .botonenlace,
    .botonera .boton,
    .contenedor_formulario .boton {
        font-size: 14px;
    }
}

@media screen and (max-width: 667px) {

    th .boton,
    .botonera1 .boton,
    .botoneraenlaces .botonenlace,
    .botonera .boton,
    .contenedor_formulario .boton {
        font-size: 14px;
    }
}

@media (max-width: 479px) {

    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
        margin: 0;
    }
}

.mdl-layout__header-row.openhr-web {
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .openhr-web {
        display: flex !important;
    }

    .openhr-mobile {
        display: none !important;
    }

    .openhr-web .mdl-layout-title img {
        width: 100px;
    }

    #breadcrumb_donde {
        display: none;
    }
}

.dondeestoyzona {
    display: block;
    position: relative;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box;
}

.breadcrumb {
    padding: 0;
}

@media screen and (min-width: 1024px) {
    .openhr-web .openhr-menuservicios.recogido {
        padding: 0;
    }
}

.mdl-layout__drawer {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    height: calc(100% - 60px);
    margin-top: 60px;
    width: 44px;
    transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.mdl-layout__drawer.guest {
    -webkit-transform: translateX(-44px);
    transform: translateX(-44px);
}

.mdl-layout__drawer.mdl-layout__drawer.is-visible {
    width: 250px;
}

.mdl-layout__drawer:hover {
    width: 250px;
}

@media (max-width: 600px) {
    .mdl-layout__drawer {
        -webkit-transform: translateX(-44px);
        transform: translateX(-44px);
        height: calc(100% - 55px);
        margin-top: 55px;
    }
}

.botoneraenlaces {
    margin-bottom: 1rem;
}

.celdacontenido input[type="text"],
.celdacontenido select {
    width: 100%;
}

.custom-select a {
    padding: 0;
}

.tabladatos .celdadatos .celdacontenido {
    min-height: 55px;
}

/**** Movil ****/
@media (max-width: 549px) {
    .custom-select {
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }

    .custom-select li {
        text-align: left;
    }

    .custom-select a {
        width: 95%;
        margin: 0 auto;
        text-align: left;
    }

    .custom-select input {
        width: 92%;
        margin: 5px;
        text-align: center;
    }

    .custom-select > div {
        width: 100%;
    }
}

/**** Tablet ****/
@media (min-width: 550px) and (max-width: 992px) {
    .campo {
        width: 100% !important;
    }

    .custom-select {
        width: 320px;
    }

    .custom-select a {
        width: 235px;
    }

    .custom-select input {
        width: 300px;
        margin: 5px;
    }

    .custom-select > div {
        width: 320px;
    }
}

/**** Web ****/
@media (min-width: 993px) {
    .custom-select {
        width: 230px;
    }

    .custom-select a {
        width: 200px;
    }

    .custom-select input {
        width: 300px;
        margin: 5px;
    }

    .custom-select > div {
        width: 320px;
    }
}

div.contenedor_acciones div ul li a:hover {
    text-align: center;
    color: var(--openhr-primary-color);
    text-decoration: none;
}

@media (max-width: 540px) {
    .contenedor_formulario .btn {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
}

.mdl-layout__drawer header.openhr-drawer-header,
.mdl-layout__drawer .openhr-web.switch-estado-menu,
.mdl-layout__drawer .main-menu .labelMenu,
.mdl-layout__drawer .main-menu .drop-icon {
    display: none;
    transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.mdl-layout__drawer.is-visible .main-menu .labelMenu,
.mdl-layout__drawer:hover .main-menu .labelMenu {
    margin-left: 5px;
}

.mdl-layout__drawer.is-visible .main-menu .labelMenu,
.mdl-layout__drawer.is-visible .main-menu .drop-icon,
.mdl-layout__drawer:hover .main-menu .labelMenu,
.mdl-layout__drawer:hover .main-menu .drop-icon {
    display: inline-block;
}

.card-title {
    color: var(--openhr-primary-color);
}

.card-title.color2 {
    color: var(--openhr-primary-color);
}

.card-text {
    font-size: 15px;
}

.mdl-button {
    background-color: rgba(0, 0, 0, 0.5);
}

.mdl-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.mdl-button {
    color: white;
}

.cajanotificaciones {
    position: relative;
    top: auto;
    right: auto;
    display: flex;
    align-items: center;
    z-index: 5;
}

.menuDerecho header {
    background: transparent !important;
    display: block;
    align-items: center;
    padding: 0;
    padding-top: 5px;
    height: auto;
    z-index: 5 !important;
}

.menuDerecho header .imgavatar {
    padding: 0;
    display: inline-block;
}

.menuDerecho header .openhr-avatar-dropdown {
    display: inline-flex;
    width: auto;
}

.menuDerecho header .detalleperfil {
    color: white !important;
}

#zonahijasModal .card-title {
    height: auto;
    line-height: 1.5;
}

.contenedor_formulario {
    margin: 8px 0;
}

form .mdl-textfield {
    width: 100%;
}

#menuzonas a::before {
    content: "";
    padding-right: 0px;
}

.is-hidden {
    visibility: hidden !important;
}

@media (min-width: 901px) {

    .mdl-textfield__label,
    .mdl-textfield__input {
        width: 100% !important;
    }

    .cajanotificaciones .mdl-menu__container.is-visible {
        width: 200px !important;
    }
}

@media (max-width: 549px) {
    .campo {
        width: 100% !important;
    }

    .cajanotificaciones .mdl-menu__container.is-visible {
        width: 180px !important;
    }

    .celdadatos {
        display: block;
    }

    .celdacontenido {
        background: transparent;
        border: none;
    }

    .celdatitulo {
        background: transparent;
        border: none;
    }

    .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .mdl-card__title-text {
        font-size: 20px;
    }

    .cajanotificaciones.openhr-mobile {
        position: absolute;
        width: 126px;
        top: 0;
        right: 0;
        left: auto;
        display: inline-flex !important;
        justify-self: flex-end;
        align-self: center;
        transform: translate(0, 10px);
    }

    .cajanotificaciones.openhr-mobile .mdl-menu__container.is-visible {
        width: 200px !important;
    }

    .cajanotificaciones.openhr-mobile .openhr-drawer-header {
        padding: 0px;
        height: 44px;
        background: transparent;
    }

    .cajanotificaciones.openhr-mobile .openhr-drawer-header .imgavatar {
        padding: 0;
    }

    .openhr-mobile.logotipo {
        text-align: center;
        padding-top: 10px;
    }
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.caret- {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.display-7 {
    color: red;
}

.dropdown,
.dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    /*background-color: #efefef;*/
    color: #000000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #000000;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2);
    text-decoration: underline;
    font-weight: bold;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: #777;
}

.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.breadcrumb {
    list-style: none;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li + li:before {
    padding: 0;
    color: #ccc;
    content: "";
}

.breadcrumb > .active {
    color: #777;
}

/*ESTILOS PROPIOS PARA EL NUEVO CUSTOM SELECT*/
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    background-color: white;
    border: none;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    overflow-x: scroll !important;
    max-height: 400px !important;
}

.bootstrap-select.btn-group .dropdown-menu {
    background-color: white;
    max-width: 100%;
    display: hidden;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex-direction: column;
}

.bootstrap-select > .dropdown-toggle {
    max-width: 100% !important;
}

.btn-group.bootstrap-select.ml-n2.w-100.text-black.open > .dropdown-menu.open {
    max-width: 100%;
    display: flex;
    ;
}

.bootstrap-select.btn-group .dropdown-menu li {
    min-width: max-content;
    width: auto;
}

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

.bs-caret {
    display: none;
}

.bootstrap-select.btn-group .dropdown-toggle:focus {
    box-shadow: none;
}

.bootstrap-select > .dropdown-toggle {
    border: 1px solid #d3d4d8 !important;
    color: black !important;
    margin: 0px;
}

.bootstrap-select.btn-group:focus {
    border-color: var(--openhr-primary-color);
}

/*FIN DE ESTILOS PROPIOS PARA EL NUEVO CUSTOM SELECT*/

/**
* jQuery asBreadcrumbs v0.2.3
* https://github.com/amazingSurge/jquery-asBreadcrumbs
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb .is-hidden {
    display: none;
}

.breadcrumb > li.breadcrumb-ellipsis {
    display: inline-block;
    padding: 10px;
}

.breadcrumb-dropdown {
    display: inline-block;
}

.breadcrumb > li.breadcrumb-ellipsis.is-hidden + li:before {
    display: none;
}

.breadcrumb-dropdown {
    width: 45px;
}

.breadcrumb-dropdown a.breadcrumb-toggle {
    margin: 0;
    padding: 0 10px;
}

.campo {
    width: 300px;
}

@media (max-width: 1399px) {
    .campo {
        width: 250px;
    }
}

@media (max-width: 1199px) {
    .campo {
        width: 210px;
    }
}

/**** Mobile layout ****/
@media (max-width: 900px) {
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100% !important;
    }

    .breadcrumb-dropdown a.breadcrumb-toggle {
        margin: 0;
        padding: 0 5px;
    }

}

.breadcrumb-dropdown a.breadcrumb-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.breadcrumb-dropdown-menu {
    z-index: 100000000;
}

/* CONTRATOS */

.historico_contratos_empcontratos h2,
.cuentas_bancarias_empcontratos h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--openhr-primary-color);
}

@media (max-width: 480px) {

    .historico_contratos_empcontratos h2,
    .cuentas_bancarias_empcontratos h2 {
        font-size: 34px;
    }
}

/* Gestion de empleados */
.mdl-selectfield__box {
    line-height: 30px;
}

.mdl-selectfield__box > .mdl-selectfield__arrow-down__container {
    right: 10px;
}

.buscador .mdl-textfield__expandable-holder {
    margin-left: 40px;
}

.buscador .is-focused .mdl-textfield__input {
    padding: 4px 5px;
}

.listado_personas .contenedorRegistroEmpleado .mdl-button {
    background: #00000090;
}

.card-body.informacion {
    background-color: white;
    border-left: none;
}

.card-body.informacion p {
    margin-bottom: 0;
}


.contenedor_tabla_ejercicio h2 {
    font-size: 22px;
}

@media screen and (min-width:768px) {
    .contenedor_tabla_ejercicio h2 {
        font-size: 26px;
    }
}

@media screen and (min-width:1024px) {
    .contenedor_tabla_ejercicio h2 {
        font-size: 32px;
    }
}

@media screen and (min-width:1200px) {
    .contenedor_tabla_ejercicio h2 {
        font-size: 36px;
    }
}


/* NOTICIAS */
.mdl-card__title {
    padding: 12px 16px;
    background-color: var(--openhr-primary-color);
}

/* DOCUMENTOS */
.contenedorCategorias ul li div a:hover {
    background: var(--openhr-primary-color);
    color: white;
}

.contenedorDocumentosNoOficiales .contenedor_todos_registros .cabecera_documentos {
    background-color: var(--openhr-primary-color);
    color: white;
}

/* CURRICULUM */
.tabla_titulaciones .cabacera .titulo.nivestudios,
.tabla_titulaciones .cabacera .titulo.titulacion,
.tabla_titulaciones .cabacera .titulo.especialidad,
.tabla_titulaciones .cabacera .titulo.centro,
.tabla_titulaciones .cabacera .titulo.puntuacion,
.tabla_experiencia .cabacera .titulo.empresa,
.tabla_experiencia .cabacera .titulo.cargo,
.tabla_experiencia .cabacera .titulo.actividad,
.tabla_experiencia .cabacera .titulo.cusabaja,
.tabla_experiencia .cabacera .titulo.fdesde,
.tabla_experiencia .cabacera .titulo.fhasta {
    background: var(--openhr-primary-color);
    color: white;
}

/* FICHA NOTAS DE GASTOS EMPLEADOS*/
.nuevospartes2 ul li.partenuevo a {
    background-color: #FF8B8B;
    border: 1px #cccccc solid;
    color: #333333;
}

.nuevospartes2 ul li.partenuevo a:hover {
    background-color: var(--openhr-secondary-color);
    border: 1px black solid;
    color: white;
}


/* SOLICITUDES */
.contendor_enlaces_solicitudes ul li > a {
    border: 1px #cccccc solid;
    color: #333333;
    text-decoration: none;
}

.contendor_enlaces_solicitudes ul li > a:hover {
    border: 1px #cccccc solid;
}

/* CALENDARIO */
.titmesano,
.vista_diaria .cal_vista_diaria table td.titmesano {
    background-color: var(--openhr-primary-color);
    border: 1px var(--openhr-primary-color) solid;
    color: #000000;
}

.diasemana {
    background-color: #D9D9D9;
    border: 1px #D9D9D9;
    color: #000000;
}

/* SUPERVISORES */
.supervisores_arbol ul li a {
    border: 1px var(--openhr-primary-color) solid;
}

.supervisores_arbol ul li a.seleccionado,
.supervisores_arbol ul li a.seleccionado:hover {
    background-color: var(--openhr-primary-color) !important;
    border: 1px #cccccc solid;
    color: white !important;
}

.resumen_diario,
.resumen_diario p span {
    background-color: var(--openhr-secondary-color);
    color: white;
}

/* POSICIONES  */

.mdl-card__menu {
    top: 10px;
}

fieldset {
    border: 1px solid #cccccc;
    border-radius: 10px;
}

legend {
    float: initial;
    width: auto;
    border: none;
    background: transparent;
}

.bg-openhr {
    background-color: var(--openhr-primary-color);
}

.accordion-button:hover::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:hover:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.loading {
    left: 0px;
    bottom: -2px;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.wave {
    width: 100%;
    height: 6px;
    background: var(--openhr-primary-color);
    animation: wave 2s linear infinite;
    border-radius: 20px;
}

@keyframes wave {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}


/* Inicio Estilos cajas jerarquía */
.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales a {
    text-decoration: none;
    cursor: default;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales h5.card-title {
    font-size: 15px;
    text-transform: lowercase;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #212529 !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-weight: var(--openhr-primary-font-weight) !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales h5.card-title:first-line {
    text-transform: capitalize;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.naranja .img-fluid.rounded-circle {
    top: 40px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales span.badge.rounded-pill {
    background-color: #ffab60 !important;
    margin-left: -55px;
    color: white !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul:not(.claro) span.badge.rounded-pill {
    background-color: #2471A3 !important;
    margin-left: -55px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul.claro span.badge.rounded-pill {
    background-color: #7FB3D5 !important;
    margin-left: -55px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul.claro.add-positiom-img-badge .img-fluid.rounded-circle,
.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul:not(.claro).add-positiom-img-badge .img-fluid.rounded-circle {
    top: 40px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card-header {
    background-color: var(--openhr-primary-color);
    color: white;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body .row .card .card-body {
    border-radius: 0.25rem;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body {
    color: #091e35 !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body .row .card .card-body.azulClaro {
    background-color: #D4E6F1 !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body .row .card .card-body.azulClaro2 {
    background-color: #EAF2F8 !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body .row .card .card-body.azulClaro3 {
    background-color: #EAF2F8 !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .list-group.list-group-flush:nth-child(2) {
    margin-left: 35px;
}


.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .list-group.list-group-flush {
    width: 100%;
}

@media only screen and (max-width: 360px) {
    .caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .list-group.list-group-flush:nth-child(2) {
        width: 100%;
    }

    .caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body {
        background-color: white !important;
    }

    .caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .img-fluid.rounded-circle {
        position: absolute;
        top: 19px;
        left: 8px !important;
    }
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .list-group-item .card {
    border: none;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.naranja {
    border: 2px solid #ffab60;
    position: relative;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul {
    border: 2px solid #2471A3
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul.claro {
    border: 2px solid #7FB3D5;
    position: relative;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul.masclaro {
    border: 2px solid #D4E6F1;
    position: relative;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body {
    overflow: auto;
    white-space: nowrap;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales img.img-fluid.rounded-circle {
    width: 43px;
    height: 43px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .col-2.col-sm-6.col-md-2.p-1 {
    position: relative;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .img-fluid.rounded-circle {
    position: absolute;
    top: 14px;
    left: 9px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .row.g-0 > * {
    display: inline-block;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .list-group .list-group-item .card {
    width: 345px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card-body {
    padding-left: 4rem;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body.empleados {
    position: relative;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .guion:after {
    content: " ";
    position: absolute;
    top: 33px;
    width: 20px;
    height: 20px;
    right: auto;
    left: -21px;
    border-top: 2.5px solid #091e35;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .guionDos:before {
    content: " ";
    position: absolute;
    top: 33px;
    width: 20px;
    height: 20px;
    right: auto;
    left: 343px;
    border-top: 2.5px solid #091e35;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body.empleados:before {
    position: absolute;
    width: 2px !important;
    z-index: 9;
    left: 64px !important;
    top: 120px !important;
    height: 24px !important;
    content: " ";
    background-color: #091e35;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body.empleados ul li:last-child::before {
    height: 68px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body.empleados ul li:before {
    content: " ";
    position: absolute;
    top: 0px;
    width: 1px;
    height: 100%;
    right: auto;
    left: -4px;
    border-left: 2.5px solid #091e35;
    /*bottom: 50px;*/
    top: -24px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body.empleados > ul > li:before {
    border-left: 0px !important;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .add-margin-right {
    margin-right: 19px;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul.guion.add-positiom-img-badge {
    position: relative;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .card.azul.guion.add-positiom-img-badge:before {
    position: absolute;
    width: 2px !important;
    z-index: 9;
    left: 29px !important;
    top: 96px !important;
    height: 24px !important;
    content: " ";
    background-color: #091e35;
}

.caja.fichadatosprofesionalesemp .cuerpo.estructura_de_datos_profesionales .accordion-body.empleados.ocultar:before {
    background-color: white;
}

/* Fin Estilos cajas jerarquía */

/* Ajustes estilos textarea summernote */
.note-btn-group.note-style .note-dropdown-menu.dropdown-style {
    min-width: 197px;
}

.note-btn-group.note-color .note-dropdown-menu {
    min-width: 342px !important;
}

.note-btn-group.note-para .note-dropdown-menu {
    min-width: 237px !important;
}

div[aria-label="Ayuda"] div.note-modal-content {
    padding-bottom: 0px;
}

div[aria-label="Ayuda"] div.note-modal-content div.note-modal-footer {
    display: none;
}

.note-modal-header {
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}

.note-modal-header h4 {
    color: white;
}

/* Ajustes estilos textarea summernote */

/* Ajuste imagen empleados -- eliminar cuando lo rediseños */
.card.empleado.h-100 img {
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
}

/* Select Bootstrap Desplegable - Corrección Margen */
.bs-placeholder.btn.btn-default.dropdown-toggle {
    margin: 0px;
}

/* Select Bootstrap Desplegable - Corrección Margen */


.bootstrap-select .dropdown-toggle:focus,
button:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0px !important;
}


/* Estilos botón más filtros sin x */
.btn-more-filters {
    background-color: rgb(245, 248, 250);
    box-shadow: rgb(0 0 0 / 8%) 0px 0.125rem 0.25rem;
    color: var(--openhr-primary-color);
    padding: 8px 16px;
    text-decoration: none;
    line-height: 25px;
    height: 40px;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.btn-more-filters:hover {
    color: var(--openhr-secondary-color);
    text-decoration: underline;
}

.btn-more-filters i.fa-solid.fa-filter,
.btn-more-filters i.fa-solid.fa-sliders {
    opacity: .75 !important;
    color: black;
}

.btn-more-filters i.fa-solid.fa-filter.pe-2,
.btn-more-filters i.fa-solid.fa-sliders.pe-2 {
    color: black;
    opacity: .45 !important;
}

a.btn.btn-more-filters.rounded.mx-1:focus,
a.btn.btn-more-filters.rounded.ms-1:focus {
    box-shadow: none !important;
}

/* Estilos botón más filtros sin x */

/* Estilos modal Filtros */
.modal-body.modalFiltros .bootstrap-select.btn-group .dropdown-toggle:focus {
    outline: 0 !important;
}

.offcanvas-body .btn-group.bootstrap-select.open div.dropdown-menu.open .bs-searchbox,
.modal-body.modalFiltros .btn-group.bootstrap-select.open div.dropdown-menu.open .bs-searchbox {
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
    z-index: 9999;
    padding: 8px 16px !important;
    background: #F5F8FA;
}

.modal-body.modalFiltros .form-control:focus {
    caret-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
    box-shadow: none;
}

.modal-body.modalFiltros .campo {
    width: 100%;
}

.modal-body.modalFiltros {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

.modal-body.modalFiltros label:not(.form-check-label) {
    width: 100% !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-weight: bold;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body.modalFiltros ul.dropdown-menu li a {
    font-size: 14px;
    font-weight: 600;
}

.modal-body.modalFiltros button.btn.dropdown-toggle.btn-default {
    white-space: normal;
}

.bootstrap-select .bs-ok-default:after,
div.btn-group.bootstrap-select.show-tick.w-100 div.dropdown-menu.open ul.dropdown-menu.inner li.selected .bs-ok-default:after,
.modal-body.modalFiltros .bootstrap-select .bs-ok-default:after,
.modal-body.modalFiltros div.btn-group.bootstrap-select.show-tick.w-100 div.dropdown-menu.open ul.dropdown-menu.inner li.selected .bs-ok-default:after {
    color: var(--openhr-primary-color);
}

.bootstrap-select div.dropdown-menu.open ul.dropdown-menu.inner li.selected:hover .bs-ok-default:after,
div.btn-group.bootstrap-select.show-tick.w-100 div.dropdown-menu.open ul.dropdown-menu.inner li.selected:hover .bs-ok-default:after,
.modal-body.modalFiltros .bootstrap-select div.dropdown-menu.open ul.dropdown-menu.inner li.selected:hover .bs-ok-default:after,
.modal-body.modalFiltros div.btn-group.bootstrap-select.show-tick.w-100 div.dropdown-menu.open ul.dropdown-menu.inner li.selected:hover .bs-ok-default:after {
    color: var(--openhr-secondary-color);
}

.modal-body.modalFiltros .bootstrap-select .bs-searchbox + ul.dropdown-menu.inner {
    /*max-height: calc(117px)!important;*/
    max-height: calc(28px*10) !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) inset !important;
}

.modal-body.modalFiltros div.btn-group.bootstrap-select.show-tick select + button + div.dropdown-menu,
.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu {
    max-height: calc(112px) !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu ul.dropdown-menu.inner,
.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu {
    background-color: white;
}

.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu ul.dropdown-menu.inner li a:hover,
.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu ul.dropdown-menu.inner li:hover {
    background-color: var(--openhr-primary-color) !important;
}

.modal-body.modalFiltros .bootstrap-select.btn-group ul[role="listbox"] {
    padding-top: 5px !important;
    /*max-height: calc(117px)!important;*/
    max-height: calc(28px*10) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.modal-body.modalFiltros .bootstrap-select ul.dropdown-menu.inner li a {
    padding: 4px 16px;
    white-space: normal;
}

.modal-body.modalFiltros .bootstrap-select.btn-group .dropdown-menu li {
    min-width: 0;
    width: auto;
}


.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu.open {
    min-height: 0px !important;
    max-height: calc(112px) !important;
}

.modal-body.modalFiltros div.btn-group.bootstrap-select.open button.btn.dropdown-toggle.btn-default:after {
    color: var(--openhr-primary-color);
}

.modal-body.modalFiltros .bs-caret {
    color: var(--openhr-primary-color);
    display: block;
}

.modal-body.modalFiltros .bootstrap-select > .dropdown-toggle:after {
    display: none;
}

.modal-body.modalFiltros div:not(.dropdown).bootstrap-select.show-tick select + button + div.dropdown-menu,
.offcanvas-body .bootstrap-select.btn-group div.dropdown-menu,
.modal-body.modalFiltros .bootstrap-select.btn-group div.dropdown-menu {
    padding-top: 0px;
}

.modal-body.modalFiltros div.bootstrap-select.show-tick select + button + div.dropdown-menu {
    min-height: 0 !important;
    max-height: calc(112px) !important;
}

.modal-body.modalFiltros .bootstrap-select.btn-group div[role="combobox"],
.modal-body.modalFiltros .bootstrap-select.btn-group ul[role="listbox"],
.modal-body.modalFiltros div.bootstrap-select.show-tick select + button + div.dropdown-menu,
.modal-body.modalFiltros div.bootstrap-select.show-tick select + button + div.dropdown-menu div.inner {
    min-height: 0 !important;
}

li.divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.modal-body.modalFiltros div.dropdown.bootstrap-select.show-tick select + button + div.dropdown-menu.open li.divider {
    margin-top: 0px;
}

:not(.modal-body.modalFiltros) .bootstrap-select.btn-group.show-tick .dropdown-menu li:not(.selected) a span.check-mark,
:not(.modal-body.modalFiltros) .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 0px;
    display: inline-block !important;
    position: absolute;
    left: 24px;
    top: 13.5px !important;
}

:not(.modal-body.modalFiltros) .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0px;
    padding-left: 1.5rem !important;
}


:not(.modal-body.modalFiltros) .bootstrap-select.btn-group .dropdown-menu li:hover span.check-mark:after,
:not(.modal-body.modalFiltros) .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark:after {
    color: var(--openhr-secondary-color) !important;
}

:not(.modal-body.modalFiltros) .bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: auto !important;
    height: auto !important;
    border-style: none !important;
    border-width: medium !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;

    font-family: "Font Awesome 6 Free" !important;
    content: "\f0c8";
    font-weight: 400;
}

:not(.modal-body.modalFiltros) .bootstrap-select .dropdown-menu li.selected a .bs-ok-default:after {
    content: '';
    display: block;
    width: auto !important;
    height: auto !important;
    border-style: none !important;
    border-width: medium !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;

    font-family: "Font Awesome 6 Free" !important;
    content: "\f14a";
    font-weight: 900;
}

div:not(.modal-body.modalFiltros) .bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled),
div:not(.modal-body.modalFiltros) .bootstrap-select.btn-group .dropdown-menu li:not(.disabled):hover {
    background-color: var(--openhr-primary-color);
}

div:not(.modal-body.modalFiltros) .bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled):hover {
    background-color: var(--openhr-secondary-color);
}


:not(.modal-body.modalFiltros) .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected:hover a span.check-mark:after {
    color: var(--openhr-primary-color) !important;
}

div.modal-body.modalFiltros .bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled),
div.modal-body.modalFiltros .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) :hover {
    background-color: transparent;
}

div.modal-body.modalFiltros .bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled) :hover {
    background-color: transparent;
}

.modal-body.modalFiltros .bootstrap-select.btn-group.show-tick .dropdown-menu li:not(.selected) a span.check-mark,
.modal-body.modalFiltros .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 0px;
    display: inline-block !important;
    position: absolute;
    left: 20px !important;
    top: 8px !important;
}


/* Estilos modal Filtros */
.cuerpo a#btnFiltros,
.cuerpo span[class^="botonera"] a:not(.dropdown-item) {
    margin: 0 0.5rem;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
    font-size: 16px;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

/* Estilos modal Filtros */

/* Rediseño estilo pra las alerta de Nuria */
@media (orientation: portrait) {
    .alertaLoginNuria .col-md-1.text-center img {
        width: 145px;
        height: 125px;
    }

    canva.firmaNewModalDoc {
        width: 100%;
    }
}

.alertaLoginNuria .row.g-0 p:first-child {
    display: none;
}

.alertaLoginNuria h6.card-title {
    font-size: 16px;
    color: #41464b;
    font-weight: var(--openhr-primary-font-weight) !important;
}

.alertaLoginNuria .text-start * {
    font-size: 16px;
    color: #41464b;
}

.alertaLoginNuria .text-start a {
    color: #0d6efd;
    text-decoration: none;
}

.alertaLoginNuria .text-start a:hover {
    text-decoration: underline;
}


.alertaLoginNuria .row.g-0 p {
    font-size: 16px;
}

/** Alerta Nuria Login */

small.form-text.text-muted p {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

a.text-decoration-underline-hover:hover {
    text-decoration: underline !important;
}

button.btn.btn-menu-personalizado.dropdown-toggle {
    background-color: #D6E2EA;
    /*background-color: #e2e3e5;*/
    color: #091e35;
}

button.btn.btn-menu-personalizado.dropdown-toggle:hover {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    background-color: #e2e3e5;
}

.dropdown.position-relative ul.dropdown-menu.dropdown-menu-dark.position-fixed li a.dropdown-item:hover {
    text-decoration: none;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events li.mdl-menu__item:active,
.dropdown-menu-dark .dropdown-item:active {
    color: #091e35;
    background-color: #F5F8FA;
    z-index: 999;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events li.mdl-menu__item:active a {
    color: #091e35;
}

.cajanotificaciones.openhr-web span.mdl-js-button.mx-3 i,
.cajanotificaciones.openhr-web span.mdl-js-button.mx-2 i {
    font-size: 20px;
}

.cajanotificaciones.openhr-web span.mdl-js-button.mx-2 {
    color: #091e35 !important;
}

.openhr-avatar {
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events {
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 18%) !important;
    box-shadow: 0 3px 6px rgb(0 0 0 / 18%);
    background-color: #343a40 !important;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events li.mdl-menu__item.mdl-js-ripple-effect:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    z-index: 999;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events li.mdl-menu__item.mdl-js-ripple-effect a:hover {
    color: #fff !important;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events li.mdl-menu__item {
    padding: 0px;
    height: 40px;
}

.mdl-menu__container.is-upgraded ul.mdl-menu.mdl-js-menu.mdl-menu--bottom-right.mdl-js-ripple-effect.mdl-js-ripple-effect--ignore-events li.mdl-menu__item a {
    padding: 10px 20px;
    line-height: 1.42857143;
}

.cajanotificaciones .mdl-menu__container .mdl-menu__outline {
    display: none;
}

.cajanotificaciones ul.mdl-menu:before {
    border-bottom: 20px solid #343a40;
    top: -8px;
}

.mdl-layout__drawer-button i {
    display: none;
}

.mdl-layout__drawer-button {
    position: relative;
}

.mdl-layout__drawer-button:before {
    content: "\f0c9";
    position: absolute;
    color: #091e35;
    font-weight: 900;
    font-family: "Font Awesome\ 6 Free";
    /*left: 9px;*/
    left: 15px;
    /*top: -3px;*/
}

.mdl-layout__header .mdl-layout__drawer-button {
    border-radius: 0;
}

.openhr-header span.dondeestoyzona {
    border-left: 3px #091e35 solid;
    color: #091e35;
}

.mdl-layout__header-row.openhr-web {
    display: flex !important;
}

.mdl-layout__header-row.openhr-web .d-inline-flex.justify-content-end.menuDerecho {
    margin-left: auto !important;
}

.mdl-layout__header-row.openhr-web .d-inline-flex.justify-content-end.menuDerecho.clSoloMovil {
    margin-left: 0 !important;
}

.mdl-layout__header-row {
    padding: 0 40px 0 55px;
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        padding: 0 16px 0 59px;
    }

    .mdl-layout__drawer-button:before {
        left: 12px;
    }
}

#menuizqdespegable:checked + .main-menu {
    display: block !important;
}

/* Estilos caja empleado ficha */
.row.fichaEmpleadoGeneral h6.card-title.mb-0.fw-bold {
    color: #091e35 !important;
}

/*.row.fichaEmpleadoGeneral:not(.engestionevaluaciones) *:not(div.dropdown *) {
        font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;      
}*/

.row.fichaEmpleadoGeneral:not(.engestionevaluaciones) *:not(div.dropdown *):not(i) {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

.row.fichaEmpleadoGeneral .card.empleados img.img-fluid.rounded-circle {
    width: 43px;
    height: 43px;
    position: absolute;
    /*top: 54px;*/
    left: 19px;
}

.row.fichaEmpleadoGeneral .card.empleados > * {
    display: inline-block;
    background-color: #F5F8FA !important;
}

.row.fichaEmpleadoGeneral .card.empleados .card-body.w-100 {
    padding: 16px 16px 16px 80px;
    position: relative;
    cursor: default;
}

.row.fichaEmpleadoGeneral .card.empleados .card-body.w-100 a.newLink2022:hover label {
    cursor: pointer !important;
}

.row.fichaEmpleadoGeneral .card.empleados .card-body h5.card-title {
    color: #212529 !important;
    font-size: 15px;
    margin-bottom: 0px;
}

.row.fichaEmpleadoGeneral .card.empleados .card-body h5.card-title,
.row.fichaEmpleadoGeneral .card.empleados .card-body h5.card-title a {
 	font-weight: var(--openhr-primary-font-weight) !important;
}

.row.fichaEmpleadoGeneral .card.empleados .card-body small.text-muted {
    font-size: 14px;
}

/* Estilos caja empleado ficha */

/* Estilos caja alertas Nuria */
.row.cajaAlertasNuria h6.card-title.mb-0.fw-bold {
    color: #091e35 !important;
}

.row.cajaAlertasNuria:not(.engestionevaluaciones) * {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

.row.cajaAlertasNuria .card.nurIA img.img-fluid.rounded-circle {
    width: 50px;
    height: 50px;
    /*position: absolute;*/
    /*top: 54px;*/
    /*left: 19px;*/
}

.row.cajaAlertasNuria .card.nurIA > * {
    display: inline-block;
    /*background-color: #F5F8FA!important;*/
}

.row.cajaAlertasNuria .card.nurIA .card-body {
    /*padding: 16px 16px 16px 80px;
    position: relative;
    cursor: default;*/
}

.row.cajaAlertasNuria .card.nurIA .card-body a.newLink2022:hover label {
    cursor: pointer !important;
}

.row.cajaAlertasNuria .card.nurIA .card-body h5 {
    font-size: 15px;
    margin-bottom: 0px;
}

.row.cajaAlertasNuria .card.nurIA .card-body small.text-muted {
    font-size: 14px;
}

/* Estilos caja empleado ficha */

td.acciones {
    display: flex;
    justify-content: center;
}

/* Estilos nueva paginación 2022 */
nav.paginacion_tema_2021.mt-2 span.page-link.pag > * {
    display: inline-block;
    width: auto;
}

nav.paginacion_tema_2021.mt-2 * {
    font-size: 14px;
}

nav.paginacion_tema_2021.mt-2 span.page-link.pag select {
    padding: 0 !important;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    margin-left: 0.5rem !important;
    text-align: center;
    cursor: pointer;
    background-image: none;
}

a.newLink2022,
nav.paginacion_tema_2021.mt-2 span.page-link a {
    text-decoration: none;
    color: #0d6efd;
}

nav.paginacion_tema_2021.mt-2 li.page-item.active a.page-link,
nav.paginacion_tema_2021.mt-2 a.page-link.avanzar,
nav.paginacion_tema_2021.mt-2 a.page-link.retroceder {
    color: white;
    background-color: #091e35;
    border-color: #091e35;
}

nav.paginacion_tema_2021.mt-2 a.page-link.avanzar:hover,
nav.paginacion_tema_2021.mt-2 a.page-link.retroceder:hover {
    color: #091e35;
    background-color: white;
    cursor: pointer;
}

nav.paginacion_tema_2021.mt-2 .page-link.total.fw-bold {
    color: #091e35;
    cursor: default;
}

nav.paginacion_tema_2021.mt-2 .page-link.total.fw-bold:hover {
    background-color: white;
}

nav.paginacion_tema_2021.mt-2 a.page-link,
nav.paginacion_tema_2021.mt-2 a.page-link.avanzar:focus,
nav.paginacion_tema_2021.mt-2 a.page-link.retroceder:focus {
    box-shadow: none;
}

nav.paginacion_tema_2021.mt-2 span.page-link.pag label {
    color: #091e35;
}

/* Fin nuevos estilos paginación 2022 */

a.newLink2022 {
    font-size: 16px;
}

a.newLink2022:hover {
    text-decoration: underline;
    color: #0a58ca;
}

.accordion-item.shadow.mb-3.border-0 {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.accordion-button:hover {
    background-color: #F5F8FA !important;
    color: #091e35 !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.accordion-button:hover::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/*Estilos buscador 2022*/
input.form-control.border-primary.shadow-sm.buscadorNew2022 {
    background-color: #F5F8FA !important;
    color: #091e35 !important;
    border-color: var(--openhr-primary-color) !important;
}

input.form-control.border-primary.shadow-sm.buscadorNew2022:hover {
    border-color: var(--openhr-secondary-color) !important;
}

button.bg-primary.input-group-text.border-primary.shadow-sm.h-100.rounded-0.rounded-end.buscadorNew2022 {
    background-color: var(--openhr-primary-color) !important;
    border-color: var(--openhr-primary-color) !important;
}

button.bg-primary.input-group-text.border-primary.shadow-sm.h-100.rounded-0.rounded-end.buscadorNew2022:hover {
    background-color: var(--openhr-secondary-color) !important;
    border-color: var(--openhr-secondary-color) !important;
}

/*Estilos buscador 2022 -- Fin */

.row.peticionSolicitud .card.peticionSolicitud.shadow-sm.mb-2 .card-footer.text-muted.border-top-0.d-flex.justify-content-between span.badge.bg-danger {
    display: none;
}

/* Nuevos estilos 2022 card */
.newCard2022.card.shadow-sm.mb-2 .card-header h5.card-title label,
.newCard2022.card.shadow-sm.cardModal .card-header h5.card-title label {
    color: #212529 !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
	font-weight: var(--openhr-primary-font-weight) !important;
}

.newCard2022.card.shadow-sm.mb-2 .card-header {
    background-color: #F5F8FA !important;
}

.newCard2022.card.shadow-sm.mb-2 .card-header h5.card-title > label > a {
    text-decoration: none;
    color: #0d6efd;
    font-weight: var(--openhr-primary-font-weight) !important;
}

.newCard2022.card.shadow-sm.mb-2 .card-header h5.card-title > label > a:hover {
    text-decoration: underline;
    color: #0a58ca;
}

.newCard2022.card.shadow-sm.mb-2 .card-footer {
    background-color: #F5F8FA;
    box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

/* Nuevos estilos 2022 card */

/* Estilos botón descargar 2022 */
a.btn.downloadAttached:hover .fa-file-lines:before {
    content: '\f019';
    font-weight: 900;
}

a.btn.downloadAttached {
    background-color: #D6E2EA;
    border-color: #D6E2EA;
    color: #091e35;
}

a.btn.downloadAttached:hover {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    background-color: #e2e3e5;
    border-color: #e2e3e5;
    cursor: pointer;
}

a.btn.downloadAttached:focus {
    outline: 0;
    box-shadow: none;
}

a.btn.downloadAttached:hover .fa-trash:before {
    content: '\f829';
    font-weight: 900;
}

a.btn.downloadAttached label {
    width: 98px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* line-height: 12px; */
    height: 16px;
    cursor: pointer;
}

a.btn.downloadAttached:hover label {
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* line-height: 12px; */
    height: 16px;
}

/* Ajustes css colores y otros nuevo modal */
.swal2-popup.swal2-modal.swal2-show h2#swal2-title {
    color: #091e35;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-weight: var(--openhr-primary-font-weight) !important;
    font-size: 20px;
    /*text-transform: capitalize !important;*/
}

/* Ajustes css colores y otros nuevo modal */

ul.d-flex.flex-wrap.justify-content-around.mt-2.zonasHijas2022 li:nth-child(odd) {
    background-color: #F5F8FA !important;
}

/* Ajustes css para incorporar logo mini plantilla feliz cumpleaños */
.openhr-content.formulariosimple.ini-V1 .row.cumpleanos .card.shadow-sm.rounded.border-0 {
    position: relative;
}

.openhr-content.formulariosimple.ini-V1 .row.cumpleanos .card.shadow-sm.rounded.border-0:before {
    position: absolute;
    content: " ";
    background: url('/temas/openhr2021/imagenes/felizcumplelogomininew.png') no-repeat center center/contain;
    top: 5.5px;
    left: 5.5px;
    height: 45px;
    width: 45px;
    z-index: 9;
}

/* Ajustes css para incorporar logo mini plantilla feliz cumpleaños */

.note-modal.open {
    z-index: 999999;
}

span.badge {
    cursor: default;
}

.row.mb-2.filtros .col-12.ps-3 span.badge, .row.mb-2.filtros .col-12.mx-1 span.badge {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

.gruposDisponibles2022.newCard2022.card.shadow-sm.mb-2 .card-header h5.card-title,
.gruposMiembro2022.newCard2022.card.shadow-sm.mb-2 .card-header h5.card-title {
    color: #212529 !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-weight: var(--openhr-primary-font-weight) !important;
}

.gruposDisponibles2022.newCard2022.card.shadow-sm.mb-2 .card-header,
.gruposMiembro2022.newCard2022.card.shadow-sm.mb-2 .card-header {
    z-index: 9;
}

/* Ajuste de reglas css para los menus con zonas hermanas */
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item button.nav-link {
    font-size: 20px;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    color: white !important;
    border-color: transparent !important;
    border-radius: 50px;
}

div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item button.nav-link.nav-link:not(.active):hover,
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item button.nav-link.active {
    background-color: var(--openhr-secondary-color) !important;
    border-radius: 50px;
}

div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item:only-child button.nav-link,
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item button.nav-link.nav-link:not(.active) {
    background-color: var(--openhr-primary-color) !important;
}

.offcanvas .offcanvas-header h5.offcanvas-title span.titulo,
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item:only-child button.nav-link {
    cursor: default;
    line-height: 1.5;
    letter-spacing: .02em;

    margin: 0 0 0 0;
    padding: 0;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

div#zonahijasModal .nav-tabs,
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item {
    border-bottom: none !important;
}

div#zonahijasModal .modal-body .list-group-item.active {
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
    cursor: default;
}

div[id^="chatgptModal"] i#fullscreenIcon:hover {
    cursor: pointer;
}

div[id^="chatgptModal"] i#fullscreenIcon:hover,
.offcanvas-header button.btn.close.text-white.opacity-100:hover,
.modal-header button.btn.close.text-white.opacity-100:hover,
div#zonahijasModal .modal-header button.btn.close.text-white.opacity-100:hover {
    color: var(--openhr-secondary-color) !important;
}

/* Ajuste de reglas css para los menus con zonas hermanas */

.form-check-input:checked {
    background-color: var(--openhr-primary-color);
    border-color: var(--openhr-primary-color);
}


nav.navbar.navbar-expand-lg.navbar-light.bg-light.shadow-sm.rounded-3.mb-2 {
    background-color: #F5F8FA !important;
}

ul.dropdown-menu.dropdown-menu-dark a.dropdown-item:hover {
    text-decoration: none;
}

/*span.botonerader.d-flex.flex-column.flex-md-row a,
span.botoneraizq.d-flex.flex-column.flex-md-row a.btn:not(.btn-more-filters),*/
nav.navbar.navbar-expand-lg.navbar-light.bg-white.mb-3 a.btn:not(.botonenlace) {
    font-size: 11.1px;
    height: 34.5px;
    width: 35px;
    display: flex;
    align-items: center;
}

.offcanvas-backdrop {
    z-index: 1055;
}

.offcanvas {
    z-index: 1056;
}

.offcanvas .offcanvas-header {
    background-color: var(--openhr-primary-color);
    color: white;
}

.form-check-input:focus {
    border-color: var(--openhr-primary-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 171, 96, 0.25);
}

table.tablaStyle2023 td.nombre,
.sqlpie2022 span.nombre,
.row .wrapper .card h5.card-title.d-flex.justify-content-center.justify-content-sm-start.ms-sm-5.mt-3.mb-0,
.card.empleados.shadow-sm.rounded .card-body.w-100.border-start.border-end h5 a,
.card-body.user h5 a,
.card-body.user h5 {
    text-transform: capitalize !important;
}

.position-relative.vista_anual.botoneraInferior .anterior_siguiente.d-flex.justify-content-between.align-items-center.shadow-sm.rounded.border.my-3 .d-flex.flex-column.flex-md-row.justify-content-between.mb-3.w-100 {
    margin: 0 !important;
}

.position-relative.vista_anual.botoneraInferior .anterior_siguiente.d-flex.justify-content-between.align-items-center.shadow-sm.rounded.border.my-3 {
    margin: 0 !important;
}

/** Toast */
.toastCustom {
    bottom: 75px !important;
}

.toastCustom .toast-header {
    color: #084298 !important;
    background-color: #cfe2ff !important;
    border-color: #b6d4fe !important;
}

.bg-info-toast {
    background-color: #cfe2ff !important;
    border-color: #b6d4fe !important;
    max-height: 300px;
    overflow: auto;
}

.toastCustom .toast .toast-header button.btn i {
    color: #084298 !important;
}

.toastCustom .toast .toast-header button.btn {
    opacity: 0.75 !important;
}

.toastCustom .toast .toast-header button.btn:hover {
    opacity: 1 !important;
}

.toastCustom .toast svg rect {
    fill: var(--openhr-primary-color);
}

button#liveToastBtn-Ayuda {
    right: 35px;
    position: absolute;
    bottom: 0;
}

.toast.fade.show + button#liveToastBtn-Ayuda {
    display: none !important;
}

@media (orientation: landscape) {
    .toastCustom .toast {
        width: 650px;
    }

    .toastCustom {
        right: 11px !important;
        bottom: 75px !important;
    }

    button#liveToastBtn-Ayuda {
        position: absolute;
        right: 2px;
        bottom: 0;
    }
}

/** Toast */

/** Estilos Mensajes Nuria alertaMsgNuria */
div.alertaMsgNuria {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif !important;
}

div.alertaMsgNuria .btn-close {
    font-size: 18px;
}

div.alertaMsgNuria.instrucciones {
    color: #055160 !important;
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
}

div.alertaMsgNuria.error {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}

div.alertaMsgNuria.info {
    color: #084298 !important;
    background-color: #cfe2ff !important;
    border-color: #b6d4fe !important;
}

div.alertaMsgNuria.confirmar {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
}

div.alertaMsgNuria.info-no-result {
    color: #664d03 !important;
    background-color: #fff3cd !important;
    border-color: #ffecb5 !important;
}

div.alertaMsgNuria.instrucciones:hover .btn-close {
    color: #055160 !important;
}

div.alertaMsgNuria.info:hover .btn-close {
    color: #084298 !important;
}

div.alertaMsgNuria.confirmar:hover .btn-close {
    color: #0f5132 !important;
}

div.alertaMsgNuria.info-no-result:hover .btn-close {
    color: #664d03 !important;
}

div.alertaMsgNuria.alert .btn-close {
    background: transparent !important;
}

div.alertaMsgNuria.alert .beforeImg {
    position: relative;
}

/* Estilo inicial: fuera de vista y transparente */
.alertaMsgNuria {
  transform: translateY(-50px); /* Más alto, más dramático */
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  display: none !important;
}

/* Al mostrarse */
.alertaMsgNuria.show {
  display: flex !important;
  transform: translateY(0);
  opacity: 1;
}


/* Definición original del pseudo-elemento ::before */
div.alertaMsgNuria.alert .beforeImg::before {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -1px;
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    height: 11px;
    width: 11px;
    background: #1e8e3e;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Estilo de la imagen con hover */
div.alertaMsgNuria.alert .beforeImg img:hover {
    transform: scale(1.5);
}

/* Ocultar el pseudo-elemento ::before cuando se hace hover sobre la imagen */
div.alertaMsgNuria.alert .beforeImg:hover::before {
    content: none;
}

/** Estilos Mensajes Nuria alertaMsgNuria */

.txt_firma {
    background-color: #F5F8FA !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    border-radius: 0.25rem !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    flex: 1 1 auto;
    padding: 1rem 1rem !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin: 0.5rem 0 !important;
}

button.btn-ficheros-2022 i.otrosDetallesOjo,
a.btn-ficheros-2022 i.otrosDetallesOjo {
    color: var(--openhr-primary-color);
    background-color: #ffffff7a;
    border-radius: 50%;
    font-size: 12px;
}

a.btn-ficheros-2022:focus i.otrosDetallesOjo,
a.btn-ficheros-2022:hover i.otrosDetallesOjo,
.row.cajasOfertasCursos.ver button:focus i.otrosDetallesOjo,
.row.cajasOfertasCursos.ver button:hover i.otrosDetallesOjo {
    color: var(--openhr-secondary-color);
}

/* Toast info personal */
.toastPersonal-Perfile {
    top: 95px !important;
}

.toastPersonal-Perfile .toast {
    /*background-color: #e9eef6!important;*/
    background-color: rgb(245, 248, 250) !important;
    border: none;
    border-radius: 28px;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);
}


.toastPersonal-Perfile .toast-body div.nombreEmpleado {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: normal;
    text-align: center;
}

i.position-absolute.bottom-0.translate-middle.p-2.bg-white.border.border-light.rounded-circle.fa-solid.fa-pencil {
    font-size: 14px;
    bottom: -15px !important;
}

i.position-absolute.bottom-0.translate-middle.p-2.bg-white.border.border-light.rounded-circle.fa-solid.fa-pencil:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.5);
}

img#liveToastBtn-personal:hover,
.btnDesconectar:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

img#liveToastBtn-personal:hover {
    transform: scale(1.1);
}

.toastPersonal-Perfile .emailUsuario {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
}

.rounded-pill-start {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}

.rounded-pill-end {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
}

/* Toast info personal */

/* Reajuste CSS para los botones soporte y info ayuda de las demos */
button#liveToastBtn-Ayuda,
.boton_soporte {
    display: inline-block !important;
    font-weight: 400;
    line-height: 1.5 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    border-radius: 0.25rem !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;

    color: #ffffff !important;
    background-color: var(--openhr-primary-color) !important;
    border-color: var(--openhr-primary-color) !important;
    border-radius: 50% !important;

    max-height: 48px;
    max-width: 48px;
    min-height: 48px;
    min-width: 48px;

    opacity: 1 !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin: 0;
}

.boton_soporte_icono {
    color: #ffffff !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: none !important;
    font-size: medium !important;
    transition: all 0s ease 0s !important;
    -webkit-transition: all 0s ease 0s !important;
    box-shadow: none !important;
}

button#liveToastBtn-Ayuda:hover,
.boton_soporte:hover {
    opacity: 1 !important;
    filter: none !important;
    background-color: var(--openhr-secondary-color) !important;
    border-color: var(--openhr-secondary-color) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.boton_soporte_icono:hover {
    color: #000000;
    background-color: transparent !important;
    transform: none !important;
}

button#liveToastBtn-Ayuda .material-symbols-outlined,
button.boton_soporte i,
.boton_soporte .material-symbols-outlined {
    color: transparent !important;
    /*font-family: system-ui!important;*/
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    border: none !important;
}

button#liveToastBtn-Ayuda .material-symbols-outlined:before,
button.boton_soporte i:before,
.boton_soporte .material-symbols-outlined:before {
    content: "\3f";
    position: absolute;
    color: #ffffff !important;
    font-weight: 900;
    font-family: "Font Awesome\ 6 Free";
    font-size: 1.4rem !important;
}

button#liveToastBtn-Ayuda .material-symbols-outlined:before {
    content: "\f129";
}

/* Reajuste CSS para los botones soporte y info ayuda de las demos */

/* Ajustes CSS botones formato estandar */
button.btn.btn-menu-personalizado.dropdown-toggle i {
    color: #091e35;
}

button.btn.btn-menu-personalizado.dropdown-toggle {
    background-color: #D6E2EA;
    color: #091e35;
}

/* Ajustes CSS botones formato avanzar / retroceder dentro de la leyenda aparecen en indicadores */
button.btn.btn-menu-personalizado.dropdown-toggle:hover {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    background-color: #e2e3e5;
}

button.btn-menu-personalizado-leyenda {
    background-color: #D6E2EA !important;
    color: #091e35 !important;
}

button.btn-menu-personalizado-leyenda:hover {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    background-color: #e2e3e5 !important;
}

/** Ajuste de color para las nuevas etiquetas de color de la función iconos del tema */
.bg-span-icon-openhr {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    font-size: 12px;
}

.bg-span-icon-openhr:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

a .bg-span-icon-openhr:hover {
    cursor: pointer !important;
}

span.badge.rounded-pill.bg-span-icon-openhr.info::before,
span.badge.rounded-pill.bg-span-icon-openhr.error::before {
    display: none !important;
}

span.badge.rounded-pill.bg-span-icon-openhr.info,
span.badge.rounded-pill.bg-span-icon-openhr.error {
    background-image: none !important;
    border-left: none !important;
    padding: 0.35em 0.65em;
    margin: auto;
}

a.btn.btn-menu-personalizado.editar,
span.badge.rounded-pill.bg-span-icon-openhr.info {
    background-color: #cfe2ff !important;
    color: #084298 !important;
}

a.badge.bg-danger-subtle.text-danger-emphasis.rounded-pill,
a.btn.btn-menu-personalizado.eliminar,
span.badge.rounded-pill.bg-span-icon-openhr[class*="expulsar"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="borrar"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="bloqueado"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="eliminar"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="nodisponible"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="error"] {
    background-color: #f8d7da !important;
    color: #842029 !important;
}

span.badge.rounded-pill.bg-span-icon-openhr[class*="pendiente"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="sinfirmar"] {
    background-color: #fff3cd !important;
    color: #664d03 !important;
}

span.badge.bg-success-subtle.text-success-emphasis.rounded-pill,
a.btn.btn-menu-personalizado.anadir,
span.badge.rounded-pill.bg-span-icon-openhr[class*="incluir"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="nuevo"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="agregar"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="Nuevo"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="añadir"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="firmado"],
span.badge.rounded-pill.bg-span-icon-openhr[class*="publicar"] {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
}

span.badge.bg-success-subtle.text-success-emphasis.rounded-pill,
a.badge.bg-danger-subtle.text-danger-emphasis.rounded-pill {
    font-size: 12px;
}


/** Ajuste de color para las nuevas etiquetas de color de la función iconos del tema */
/* Ajustes CSS botones formato estandar */

.bg-alert-openHR,
.alert.alert-openHR {
    background-color: #F5F8FA;
    border-color: #d3d6d8;
}

h4.card-title.text-uppercase.border-bottom,
h4.border-bottom.card-title.mt-0 {
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    font-weight: var(--openhr-primary-font-weight) !important;
    /*letter-spacing: -0.0415625em;**/
    letter-spacing: normal;
    line-height: 1.25;
    /*font-family: 'Albert Sans';*/
    font-family: var(--openhr-primary-font-family) !important;
    font-style: normal;
    text-transform: none !important;
}

.portadaReclutamiento.container h5, .portadaReclutamiento.container h2 {
    font-family: var(--openhr-tertiary-font-family) !important;
}

/*html, body {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), sans-serif !important;
}*/

button.btn.dropdown-toggle.bs-placeholder.btn-default {
    outline: none !important;
}

.form-switch .form-check-input:not(:checked):focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

button.accordion-button.accordion-fichar.text-dark:not(.collapsed) i.fa-eye:before {
    content: '\f070';
}

.accordion-button {
    background-color: #F5F8FA !important;
    color: #091e35 !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.offcanvas-fullscreen {
    width: 50vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.ficharNewBtnModal {
    box-shadow: inset 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    font-family: var(--openhr-primary-font-family);
}

/** Regla de CSS estilos para los popover */
.popover {
    border-radius: 0.5rem 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

div#panelMisNotificaciones .offcanvas-body .card.frecuentes a.link-primary {
    font-size: 16px;
    color: var(--openhr-primary-color);
    text-decoration: none;
}

div#panelMisNotificaciones .offcanvas-body .card.frecuentes a.link-primary:hover {
    font-size: 16px;
    color: var(--openhr-secondary-color);
    text-decoration: underline;
}

div#panelMisNotificaciones .offcanvas-body .card.frecuentes .card-body.py-0.sinNotificacionesPendientes h5 {
    color: #212529 !important;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

/** CSS para codemirror */
.note-editing-area .CodeMirror {
    font-size: 0.9rem;
    line-height: 1.5;
}

.CodeMirror:not(.note-editing-area .CodeMirror) {
    font-size: 1rem;
    line-height: 1.5;
    /*border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
    font-weight: 600;
    resize: vertical;
    /*overflow: auto;*/
}

.CodeMirror.expanded:not(.note-editing-area .CodeMirror) {
    resize: none;
    field-sizing: conten;
    height: auto !important;
}

.CodeMirror:not(.note-editing-area .CodeMirror .CodeMirror.cm-s-material),
.CodeMirror:not(.note-editing-area .CodeMirror .CodeMirror.cm-s-default) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.note-editor.note-frame.editor-textarea-codemirrorHTML .CodeMirror {
    font-size: 1rem !important;
    font-weight: 400 !important;
}

/** CSS para codemirror */


/** INICIO -- Reglas CSS para aplicar color rojo al botón rechazar y verde aceptar en la botonera puede aparecer en cuanlquier servicio, pero sobre todo en las solicitudes */
/* Seleccionar el input con valor "Rechazar, Denied, Unaccepted, Rebutjar, Errefusatu" y clase "boton btn btn-secondary" dentro de span con clase que comience con "botonera" */
div.botonera span[class^="botonera"] input[value="Rechazar"],
div.botonera span[class^="botonera"] input[value="Unaccepted"],
div.botonera span[class^="botonera"] input[value="Denied"],
div.botonera span[class^="botonera"] input[value="Rebutjar"],
div.botonera span[class^="botonera"] input[value="Errefusatu"] {
    /* Aplicar los estilos de Bootstrap 5 para el botón de peligro */
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

div.botonera span[class^="botonera"] input[value="Rechazar"]:hover,
div.botonera span[class^="botonera"] input[value="Unaccepted"]:hover,
div.botonera span[class^="botonera"] input[value="Denied"]:hover,
div.botonera span[class^="botonera"] input[value="Rebutjar"]:hover,
div.botonera span[class^="botonera"] input[value="Errefusatu"]:hover {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
}

div.botonera span[class^="botonera"] input[value="Rechazar"]:focus,
div.botonera span[class^="botonera"] input[value="Unaccepted"]:focus,
div.botonera span[class^="botonera"] input[value="Denied"]:focus,
div.botonera span[class^="botonera"] input[value="Rebutjar"]:focus,
div.botonera span[class^="botonera"] input[value="Errefusatu"]:focus {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) !important;
}

/* Seleccionar el input con valor "Aceptar, Accept, Accepted, Acceptar, Onartu" y clase "boton btn btn-primary" dentro de span con clase que comience con "botonera" */
div.botonera span[class^="botonera"] input[value="Verificar"],
div.botonera span[class^="botonera"] input[value="Aceptar"],
div.botonera span[class^="botonera"] input[value="Verify"],
div.botonera span[class^="botonera"] input[value="Accepted"],
div.botonera span[class^="botonera"] input[value="Accept"],
div.botonera span[class^="botonera"] input[value="Acceptar"],
div.botonera span[class^="botonera"] input[value="Onartu"] {
    /* Aplicar los estilos de Bootstrap 5 para el botón de éxito */
    color: #fff !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
}

div.botonera span[class^="botonera"] input[value="Verificar"]:hover,
div.botonera span[class^="botonera"] input[value="Aceptar"]:hover,
div.botonera span[class^="botonera"] input[value="Verify"]:hover,
div.botonera span[class^="botonera"] input[value="Accepted"]:hover,
div.botonera span[class^="botonera"] input[value="Accept"]:hover,
div.botonera span[class^="botonera"] input[value="Acceptar"]:hover,
div.botonera span[class^="botonera"] input[value="Onartu"]:hover {
    background-color: #157347 !important;
    border-color: #146c43 !important;
}

div.botonera span[class^="botonera"] input[value="Verificar"]:focus,
div.botonera span[class^="botonera"] input[value="Verify"]:focus,
div.botonera span[class^="botonera"] input[value="Aceptar"]:focus,
div.botonera span[class^="botonera"] input[value="Accepted"]:focus,
div.botonera span[class^="botonera"] input[value="Accept"]:focus,
div.botonera span[class^="botonera"] input[value="Acceptar"]:focus,
div.botonera span[class^="botonera"] input[value="Onartu"]:focus {
    background-color: #157347 !important;
    border-color: #146c43 !important;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5) !important;
}

/** FIN -- Reglas CSS para aplicar color rojo al botón rechazar y verde aceptar */

/** CSS necesario para marcar lo selectores requeridos en rojo */
.bootstrap-select.is-invalid button.btn.dropdown-toggle {
    border-color: #dc3545 !important;
}

.btn-group.bootstrap-select.ml-n2.w-100.text-black.is-invalid button {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.btn-group.bootstrap-select.ml-n2.w-100.text-black.is-invalid:focus button {
    border-color: #dc3545 !important;
    ;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

/** FIN --- CSS necesario para marcar lo selectores requeridos en rojo */

/** CSS para el nuevo modal de plantillas HTML */
.tab-pane.ejemplosHTMLAlertas .alert.accion-imagen:hover,
img.accion-imagen.img-fluid:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    cursor: pointer;
}

button.note-btn.btnPlantillasHTML {
    background-color: var(--openhr-primary-color) !important;
}

button.note-btn.btnPlantillasHTML:hover {
    color: white !important;
    background-color: var(--openhr-secondary-color) !important;
}

.note-btn-group.note-custom button i {
    font-size: 14px;
    line-height: 1.4;
}

.nav-tabs.plantillasHTML .nav-item.show .nav-link {
    color: var(--openhr-secondary-color) !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-size: 16px;
}

.nav-tabs.plantillasHTML .nav-link {
    color: var(--openhr-primary-color) !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-size: 16px;
}

.nav-tabs.plantillasHTML .nav-link.active {
    color: var(--openhr-secondary-color) !important;
	font-weight: var(--openhr-primary-font-weight) !important;
}

.nav-tabs.plantillasHTML .nav-link:hover {
    color: var(--openhr-secondary-color) !important;
}

/** CSS para el nuevo modal de plantillas HTML */

.ms-auto a.btn.btn-menu-personalizado.dropdown-toggle:hover {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

/** Estilos CSS Consultar IA desde SummerNote */
div[id^="chatgptModal"] h5.offcanvas-title.d-flex.align-items-center {
    position: relative;
    width: 100%;
}

div[id^="chatgptModal"] h5.offcanvas-title.d-flex.align-items-center::before {
    content: "";
    position: absolute;
    left: 33px;
    bottom: 0px;
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    height: 11px;
    width: 11px;
    background: #1e8e3e;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.btnOpenHR_IASummernote {
    background-color: white;
    /* Fondo blanco para el botón */
    position: relative;
    /* Posicionamiento relativo para el contenedor */
    overflow: hidden;
    /* Asegura que el contenido no desborde */
}

.btnOpenHR_IASummernote .btn-content {
    background: linear-gradient(to bottom right, var(--openhr-primary-color), var(--openhr-secondary-color));
    /* Aplica el gradiente al texto */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* Hace que el gradiente sea visible en lugar del color del texto */
    display: flex;
    align-items: center;
    justify-content: center;
}

.note-btn-group.note-chatgpt:hover .btnOpenHR_IASummernote .btn-content {
    background: linear-gradient(to bottom right, var(--openhr-secondary-color), var(--openhr-primary-color));
    /* Aplica el gradiente al texto */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* Hace que el gradiente sea visible en lugar del color del texto */
    display: flex;
    align-items: center;
    justify-content: center;
}

div[id^="chatgptModal"] .offcanvas-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/temas/openhr2021/imagenes/2openHR_IA.gif);
    background-size: 250px 250px;
    /* Define el tamaño del background */
    background-position: center;
    /* Centra la imagen de fondo */
    background-repeat: no-repeat;
    /* Evita que la imagen de fondo se repita */
    border-radius: 50%;
}

#chatgptModal .spinner-grow-sm {
    width: 0.5rem;
    height: 0.5rem;
}

#chatgptModal .spinner-grow.spinner-grow-sm.text-primary {
    color: var(--openhr-primary-color) !important;
}

#chatgptModal small.mensajeNuria.text-muted.fs-6.fst-italic.mt-1 {
    display: none;
}

.offcanvas-fullscreen {
    width: 100% !important;
}

div[id^="chatgptModal"] .offcanvas-body .contenedor_formulario {
    background: #F5F8FA !important;
}

@media (max-width: 540px) {
    div[id^="chatgptModal"] .offcanvas-body .contenedor_formulario .btn {
        width: auto;
        margin: 0;
    }
}
/** Fin --- Estilos CSS Consultar IA desde SummerNote */

/** Estilos CSS Nuevos para la zona de subir y arrastrar ficheros newZonaFile2024 */
.card-body.newZonaFile2024 .dropzone {
    padding: 0.20rem !important;
    border-radius: 0.5rem 0.5rem;
    background-image: linear-gradient(90deg, #091e35 50%, transparent 50%), linear-gradient(90deg, #091e35 50%, transparent 50%), linear-gradient(0deg, #091e35 50%, transparent 50%), linear-gradient(0deg, #091e35 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: left top, right bottom, left bottom, right top;
    animation: border-dance 1s infinite linear;
    border: none;
}

@keyframes border-dance {
    0% {
        background-position: left top, right bottom, left bottom, right top;
    }

    100% {
        background-position: left 15px top, right 15px bottom, left bottom 15px, right top 15px;
    }
}

.card-body.newZonaFile2024 .dropzone .dz-message.needsclick {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    flex-direction: column;
}

.card-body.newZonaFile2024 .dropzone.dz-started .dz-message {
    display: none;
}

.card-body.newZonaFile2024 .dropzone .file-upload-cloud-icon {
    font-size: 2.2rem;
    color: var(--openhr-primary-color);
}

.card-body.newZonaFile2024 .dropzone:hover .file-upload-cloud-icon {
    font-size: 2.2rem;
    color: var(--openhr-secondary-color);
}

/** Fin -- Estilos CSS Nuevos para la zona de subir y arrastrar ficheros newZonaFile2024 */

/** INICIO --- Estilos caja firmarDocuemtosPendientes al inicio de sesión */
.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card.shadow-sm.rounded.mb-2 .card-body h5 {
    min-height: 0;
}

.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card.shadow-sm.rounded.mb-2 {
    border: 2px solid var(--openhr-primary-color) !important;
    border-top: 10px var(--openhr-primary-color) solid !important;
    position: relative;
}

.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card.shadow-sm.rounded.mb-2:after {
    background-color: var(--openhr-primary-color) !important;
    content: "\f573";
}

.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card.shadow-sm.rounded.mb-2 button.btn-ficheros-2022 i.otrosDetallesOjo,
a.btn-ficheros-2022 i.otrosDetallesOjo {
    font-size: 14px;
}

.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card span.badge.rounded-pill.bg-warning {
    background-color: #ffe69c !important;
    color: #664d03 !important;
    font-size: 12px;
    box-shadow: none;
}

.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card span.badge.rounded-pill.bg-success {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    font-size: 12px;
    box-shadow: none;
}

.row.cajaNotificaciones .notificacionesPortal.firmarDocuemtosPendientes.card span.badge.rounded-pill.bg-danger {
    background-color: #f8d7da !important;
    color: #842029 !important;
    font-size: 12px;
    box-shadow: none;
}

/* Estilos Notificar al inicio -> Documentos */
.row.cajaNotificaciones .notificacionesPortal.notificarInicioDocs.card.shadow-sm.rounded.mb-2 .card-body h5 {
    min-height: 0;
}

.row.cajaNotificaciones .notificacionesPortal.notificarInicioDocs.card.shadow-sm.rounded.mb-2 {
    border: 2px solid var(--openhr-primary-color) !important;
    border-top: 10px var(--openhr-primary-color) solid !important;
    position: relative;
}

.row.cajaNotificaciones .notificacionesPortal.notificarInicioDocs.card.shadow-sm.rounded.mb-2 button.btn-ficheros-2022 i.otrosDetallesOjo,
a.btn-ficheros-2022 i.otrosDetallesOjo {
    font-size: 14px;
}

.row.cajaNotificaciones .notificacionesPortal.notificarInicioDocs.card span.badge.rounded-pill.bg-warning {
    background-color: #ffe69c !important;
    color: #664d03 !important;
    font-size: 12px;
    box-shadow: none;
}

.row.cajaNotificaciones .notificacionesPortal.notificarInicioDocs.card span.badge.rounded-pill.bg-success {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    font-size: 12px;
    box-shadow: none;
}

.row.cajaNotificaciones .notificacionesPortal.notificarInicioDocs.card span.badge.rounded-pill.bg-danger {
    background-color: #f8d7da !important;
    color: #842029 !important;
    font-size: 12px;
    box-shadow: none;
}

.modal-dialog.firmaNewModalDoc .modal-body form label.fw-bold {
    display: none;
}

.modal-dialog.firmaNewModalDoc .modal-body form div.botonera {
    padding: 0 !important;
}

.modal-dialog.firmaNewModalDoc .modal-body form div.botonera span.botonerader {
    text-align: center !important;
    width: 100% !important;
    float: none !important;
}

/** FIN --- Estilos caja firmarDocuemtosPendientes al inicio de sesión */


/** INICIO --- Estilos buscador en la cabecera */
.buscadorOpenHR .dropdown-menu > li > a {
    color: #0d6efd;
}

.buscadorOpenHR .dropdown-menu > li > a:hover {
    color: #0a58ca;
}

.buscadorOpenHR .searchbar > input.border-primary.buscadorNew2022.form-control.search_input {
    padding: 0 10px;
    width: 450px;
    caret-color: var(--openhr-primary-color);
    color: #091e35 !important;
    transition: width 0.4s linear;
    background-color: #F5F8FA !important;
    border: 1px solid var(--openhr-primary-color) !important;
    border-radius: 1.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: inset 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.buscadorOpenHR .searchbar > .search_icon {
    background-color: #F5F8FA !important;
    border: 1px solid var(--openhr-primary-color) !important;
    padding: 0 10px;
    height: 40px;
}

.buscadorOpenHR button.search_icon {
    border: none;
    background-color: white;
    color: #091e35 !important;
    justify-content: center;
    align-items: center;
}

.buscadorOpenHR .searchbar button.search_icon {
    color: white !important;
    background-color: var(--openhr-primary-color) !important;
    border: 1px solid var(--openhr-primary-color) !important;
    border-radius: 1.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.buscadorOpenHR .searchbar:hover input.border-primary.buscadorNew2022.form-control.search_input {
    border: 1px solid var(--openhr-secondary-color) !important;
}

.buscadorOpenHR .searchbar:hover button.search_icon {
    background-color: var(--openhr-secondary-color) !important;
    border: 1px solid var(--openhr-secondary-color) !important;
}

.buscadorOpenHR .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.buscadorOpenHR .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
}

.buscadorOpenHR .dropdown-item.active, .buscadorOpenHR .dropdown-item:active, .buscadorOpenHR .dropdown-item:hover {
    background-color: var(--openhr-primary-color) !important;
}

.buscadorOpenHR .link-primary:hover small, .buscadorOpenHR .link-primary:focus small,
.buscadorOpenHR .link-primary:hover, .buscadorOpenHR .link-primary:focus {
    color: #fff !important;
}

.buscadorOpenHR .dropdown-item:hover {
    border-left: 4px solid var(--openhr-secondary-color) !important;
}
/** FIN --- Estilos buscador en la cabecera */

.mdl-layout__drawer {
    box-shadow: 0 .5em 1.5em rgba(0, 0, 0, .1), 0 .125em .5em rgba(0, 0, 0, .15);
    clip-path: inset(0px -50px 0px 0px);
}

.mdl-layout__header {
    box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.1), 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

/** Estilos para los objetos al inicio de sesión */
.mdl-grid.openhr-content.ini-V1.inicio .caja .cuerpo .contenedor_formulario_objeto form input + div[class=""] {
    border: 2px solid var(--openhr-primary-color)!important;
    border-top: 10px var(--openhr-primary-color) solid!important;
    position: relative;
    background-color: white!important;
    border-radius: 0.25rem !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.mdl-grid.openhr-content.ini-V1.inicio .caja .cuerpo .contenedor_formulario_objeto form input + div[class=""]:after {
    background-color: var(--openhr-primary-color)!important;
    position: absolute;
    font-family: "Font Awesome 6 Free"!important;
    content: "\f044";
    font-weight: 900;
    color: white!important;
    width: 50px;
    height: 47px;
    top: 0px;
    left: 10px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.mdl-grid.openhr-content.ini-V1.inicio .caja .cuerpo .contenedor_formulario_objeto form input + div[class=""]>div.row {
    margin-top: 49.7px;
}
/** Estilos para los objetos al inicio de sesión */

/* quitamos puntos en las listas necesarias */
ul.p-0 ul,
ul.p-0 {
    list-style-type: none;
}

/* Posiciona el menú de los selectores encima del selector cuando no tiene espacio suficiente para mostrarlo debajo */
.btn-group.bootstrap-select.dropup .dropdown-menu.open{
    bottom: 0px;
    top: auto;
}

div:where(.swal2-container) button:where(.swal2-close):focus-visible {
    outline: none;
    box-shadow: none;
}

div:where(.swal2-container) button:where(.swal2-close) {
	color: var(--openhr-primary-color) !important;
}

div:where(.swal2-container) button:where(.swal2-close):hover {
	color: var(--openhr-secondary-color) !important;
}

div.modal div.modal-body div.dropdown-menu {
    max-width: 250%;
}

input.form-control.flatpickr-input[readonly] {
    background-color: white;
    opacity: 1;
}

input.form-control.flatpickr-input::placeholder {
    color: #212529;
}

div:where(.swal2-container) div:where(.swal2-popup),
div:where(.swal2-container) div:where(.swal2-html-container) {
    font-size: inherit;
}

.modal {
    z-index: 1061;
}

.modal-backdrop {
    z-index: 1060;
}

/*
    Estilos de los virtual Select
*/
div.virtual-select-envoltorio-btn {
    color: #212529 !important;
    max-width: 100%;
    border: none;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

div.virtual-select-btn{
    border-radius: 4px;
    border: 1px solid #d3d4d8 !important;
    color: #212529 !important;
    opacity: 1;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

div.virtual-select-btn *:not(i){
    color: #212529 !important;
    opacity: 1 !important;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}

div.virtual-select-dropbox{
    font-weight: 400;
    font-size: 14px;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    line-height: 1.42857143;
    white-space: nowrap;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

div.virtual-select-dropbox mark{
    background-color: #f4ff81;
}

div.virtual-select-dropbox .selected{
    background-color: var(--openhr-primary-color);
}

.vscomp-option.focused {
    background-color: var(--openhr-secondary-color)!important;
    color: white;
}

.vscomp-option.selected.focused .checkbox-icon::after,
.vscomp-wrapper .checkbox-icon::after {
    border: 2px solid var(--openhr-primary-color) !important;
}

.vscomp-option.selected:not(.focused) .checkbox-icon::after {
    border: 2px solid var(--openhr-secondary-color) !important;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
}

.vscomp-option.selected.focused .checkbox-icon::after {
    border: 2px solid var(--openhr-primary-color) !important;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
}

.vscomp-wrapper .checkbox-icon.checked::after {
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
}

.virtual-select-envoltorio-btn .vscomp-value,
.virtual-select-envoltorio-btn span.vscomp-option-text {
    display: flex;
    align-items: center;
}
/*** ------------- NO DESCOMENTAR LOS SIGUIENTES BLOQUES CSS ------------- */

/*div#offCanvaConfig .offcanvas-body ul.list-group.list-group-flush li a {
	font-size: 1rem;
}

#menuzonas a,
.openhr-menuservicios a,
#panelMisNotificaciones .offcanvas-header h5 *,
#pontenciarSoporte .offcanvas-header h5 *,
#offCanvaConfig .offcanvas-header h5,
#zonasOficiales ul.list-group a,
#zonasOficiales ul.list-group li h5 span[class=""],
.offcanvas .offcanvas-header h5.offcanvas-title span.titulo,
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item:only-child button.nav-link,
.dondeestoyzona {
	font-family: var(--openhr-primary-font-family) !important;
}


html, body {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif !important;
}*/

/** Estilos Pruebas 2026 */

/*

.mdl-layout__header-row.openhr-web {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.mdl-layout__drawer-button {
    display: none;
}

#menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center li a.active,
button.icono_soporte,
.offcanvas .offcanvas-header,
div#zonahijasModal .modal-body .list-group-item.active,
.modal .modal-header {
    background-image: linear-gradient(to bottom right,var(--openhr-primary-color),var(--openhr-secondary-color))!important;
}

button#zonasOficiales-tab,
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item:only-child button.nav-link, 
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item button.nav-link.nav-link:not(.active),
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item:only-child button.nav-link, 
div#zonahijasModal .modal-header ul.nav.nav-tabs li.nav-item button.nav-link.nav-link:not(.active) {
    background-color: transparent !important;
}

#menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center li a.active:hover,
button.icono_soporte:hover {
    background-image: linear-gradient(to bottom right,var(--openhr-secondary-color),var(--openhr-primary-color))!important
}

div.list-group-item-action:hover, div.list-group-item-action:focus {
    z-index: 1;
    color: white;
    text-decoration: none;
    background-color: rgb(245, 248, 250)!important;
}

button.btnFavPrograma,
a.btnRutaFormativa {
    font-weight: 600!important;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(to bottom right,var(--openhr-primary-color),var(--openhr-secondary-color))!important;
}

button.btnFavPrograma:hover,
a.btnRutaFormativa:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom right,var(--openhr-secondary-color),var(--openhr-primary-color))!important;
}

#menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center li a:not(.active) span {
    color: #2C3E50 !important;
}

#menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center li a:not(.active):hover span {
    color: var(--openhr-secondary-color) !important;
}

.openhr-drawer.mdl-layout__drawer.colorLateral {
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
}

.mdl-layout__header,
.openhr-menuservicios,
nav.openhr-navigation.mdl-navigation.bg-light {
    background-color: #e9eef6!important;      
}

.openhr-menuservicios .colorMenuServicios ul li.boton-activo a {
    background-color: #d3e3fd;
}

.colorMenuServicios {
    padding-left: 0rem;
}

.openhr-menuservicios a:hover,
.openhr-menuservicios .colorMenuServicios ul li.boton-activo a:hover,
.openhr-menuservicios .colorMenuServicios ul li.boton-activo a {
    position: relative;
    border-bottom: none;
  }
 

.openhr-menuservicios .colorMenuServicios ul li.boton-activo a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(
      to bottom right,
      var(--openhr-primary-color),
      var(--openhr-secondary-color)
    ) !important;
  }

  .openhr-menuservicios a:hover::after,
  .openhr-menuservicios .colorMenuServicios ul li.boton-activo a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(
      to bottom right,
      var(--openhr-secondary-color),
      var(--openhr-primary-color)
    ) !important;
  }
  
  .openhr-menuservicios a:hover {
    background-color: transparent!important;
  }
} */

/*** ------------- NO DESCOMENTAR EL ANTERIOR BLOQUES CSS ------------- */

/** INICIO --- Estilos menu actualizado 2024 */
/*#menuzonas2024 input[type=checkbox], #menuzonas ul span.drop-icon {
    display: none;
}

#menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center li a {
    display: flex;
    align-items: center;
    justify-content: center;

    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

#menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center li a span {
    font-size: 20px !important;
}

.mdl-layout__header-row {
    padding: 0 40px 0 4.5rem;
}

.mdl-layout__drawer {
    box-shadow: none !important;
    clip-path: none !important;

    height: 100%;
    margin-top: 0;
  }

  #menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center {
 
  white-space: normal;    
  background-color: #e9eef6;      
  }
  
  #menuzonas2024 ul.nav.nav-pills.nav-flush.flex-column.mb-auto.text-center::-webkit-scrollbar {
    display: none;
  }
*/
  

/*#menuzonas2024 input[type=checkbox], #menuzonas ul span.drop-icon {
    display: none;
}

div#menuzonas2024 .nav-pills .nav-link:hover, 
div#menuzonas2024 .nav-pills .show > .nav-link:hover,
div#menuzonas2024 .nav-pills .show > .nav-link {
    background-color: var(--openhr-secondary-color) !important;
    color: #fff;
}

div#menuzonas2024 .nav-pills .nav-link.active, 
div#menuzonas2024 .nav-pills .show > .nav-link {
    background-color: var(--openhr-primary-color) !important;
    color: #fff;
}

.openhr-drawer,
div#menuzonas2024 {
    background-color: rgb(245, 248, 250)!important;
}

div#menuzonas2024 {
    overflow-x: hidden;}

.mdl-layout__drawer ul li a span:not([class]) {
	display: none;
}

.mdl-layout__drawer.is-visible ul li a span:not([class]),
.mdl-layout__drawer:hover ul li a span:not([class]) {
	display: block;
}

.mdl-layout__drawer.is-visible ul li a span,
.mdl-layout__drawer:hover ul li a span {
	font-size: 16px;
}

.mdl-layout__drawer.is-visible ul li a span.material-symbols-outlined.me-2,
.mdl-layout__drawer:hover ul li a span.material-symbols-outlined.me-2 {
	line-height: normal;
}

.mdl-layout__drawer.is-visible div#menuzonas2024 ul,
.mdl-layout__drawer:hover div#menuzonas2024 ul {
	padding: 1rem !important;
}

.mdl-layout__drawer div#menuzonas2024 ul.nav-pills .nav-link {
    border-radius: 1rem;
}

.mdl-layout__drawer:not(:hover):not(.is-visible) div#menuzonas2024 ul li a {
    border-radius: 0;
}

.mdl-layout__drawer:not(:hover):not(.is-visible) ul li a span.material-symbols-outlined {
    margin-right: 0 !important;
}

.mdl-layout__drawer:not(:hover):not(.is-visible) {
    width: 54px;
}


@media (max-width: 600px) {
    .mdl-layout__drawer:not(:hover):not(.is-visible) {
            width: 44px;
    }
}

*/

/**@media (orientation: portrait) {
	.mdl-layout__drawer.colorLateral.NOeresUserAdminMenuzonas2024 {
    	width: 100%;
    	height: auto !important;
    	margin-top: 0 !important;
    	transform: translateX(0px);
    	top: auto;
        bottom: 0;
        box-shadow: 0 -0.5em 1.5em rgba(0, 0, 0, 0.1), 0 -0.125em 0.5em rgba(0, 0, 0, 0.15)!important;
        clip-path: none;
	}
	
	.mdl-layout__drawer.colorLateral.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul {
    	flex-direction: row !important;
    	justify-content: space-around;
    	
    	overflow-x: scroll!important;
    	flex-wrap: nowrap;
	}
	
	.mdl-layout__drawer.colorLateral.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul li a span:not([class]), 
	.mdl-layout__drawer.colorLateral.NOeresUserAdminMenuzonas2024:hover div#menuzonas2024 ul li a span:not([class]) {
    	display: none;
	}
	
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024 ul li a span, 
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024:hover ul li a span {
    	font-size: 24px;
	}
	
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul, 
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024:hover div#menuzonas2024 ul {
    	padding: 1rem !important;
	}
	
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024.is-visible ul li a span.material-symbols-outlined.me-2, 
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024:hover ul li a span.material-symbols-outlined.me-2 {
    	line-height: normal;
    	margin: 0 !important;
	}
	
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul.nav-pills .nav-link {
    	border-radius: 1rem;
	}
	
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul li a.nav-link.d-flex.align-items-center {
		display: block !important;
		align-items: normal !important;
	}
	
	.mdl-layout__drawer.colorLateral.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul li a span:not([class]), 
	.mdl-layout__drawer.colorLateral.NOeresUserAdminMenuzonas2024:hover div#menuzonas2024 ul li a span:not([class]) {
    	display: block;
    	white-space: nowrap;
        font-size: 14px;
	}
	
	.mdl-layout__drawer.NOeresUserAdminMenuzonas2024 div#menuzonas2024 ul li a.nav-link>* {
    	display: flex;
    	justify-content: center;
	}
	
}*/
/** FIN --- Estilos menu actualizado 2024 */


/**** ------- IMPORTANTE ------------------
EL BLOQUE ANTERIOR DE CSS NO DESCOMENTARLO NI BORRARLO SON ESTILOS DE PRUEBAS Y PROTOTIPOS 
EN CASO DE NO UTILIZARLOS YA LOS BORRARE YO ------- Alfonso Cuevas Lara 15/05/2025 --------------- */