/* GENERAL */

/* Clase sobrescrita de SCRUD para el selector de ficheros */
.scrud-input-file + label {
    font-size: 1.0rem;
    font-weight: 700;
    color: #1d71b8;
    display: inline-block;
    white-space: nowrap;
    width:85%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; /* "hand" cursor */
}

/* Clase sobrescrita de SCRUD para el selector de ficheros */
.scrud-input-file + label + label {
    font-size: 1.0rem;
    font-weight: 700;
    color: #1d71b8;
    display: inline-block;
    white-space: nowrap;
    width:15%;
    text-align: right;
    cursor: pointer;
}


.section-content {
    width: 80%;
    margin: 0 auto;
}

#yearsList .list-inline-item a{

    text-decoration: none;
}
th {
    color: #fff;
}

th.headtable {
    color: #fff;
    background: #3275b5;
}

th.white {
    background: #fff;
}

td.right-align {
    text-align: right;
}

.btn-primary {
    color: #fff;
    background-color: #3275b5;
    border-color: #3275b5;
}

.row-blue {
    background-color: #3275b5;
}

.breadcrumbs {
    font-size: 13px;
    line-height: 20px;
}

.btn-pdg {
    background-color: #3276b5;
    color: #fff;
    padding: 7px 12px;
    margin-right: 6px;
    border-radius: 5px;
    font-weight: 800;
    font-size: 14px;
}

.btn-pdg:active,
.btn-pdg:focus,
.btn-pdg:hover {
    color: #fff;
    background-color: #3276b5;
}

.pdg-hr {
    margin: 10px 0 !important;
    background-color: #DDDDDD;
    height: 1px;
    border: 0;
}

.margin-b-1-percent {
    margin-bottom: 1%;
}

.zabuto-calendar__day {
    height: 45px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.zabuto-calendar__day-edit {
    height: 45px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
}

#contenedor-detail .zabuto-calendar__day {
    cursor: auto;
}

.brandingheader span {
    float: none;
}

/* NAVIGATION */

.link-button {
    background: none;
    border: none;
    padding: 0;
}

.link-button:focus,
.link-button:hover {
    color: #057eb5;
    outline: none;
}

.pdg-btn-filters {
    display: initial;
    float: right;
}

.pdg-float-right {
    float: right;
}

.pdg-float-left {
    float: left;
}

/* HELPERS */

.has-text-bold {
    font-weight: bold;
}

.has-background-grey {
    background-color: #F2F1F2;
}

.has-margin-auto {
    margin: auto !important;
}

.has-background-blue {
    background-color: #3276B5;
}

.is-white {
    color: #FFFFFF;
}

.is-grey {
    color: #F2F1F2;
}

.is-blue {
    color: #3276B5;
}

/* DETAIL */

.pdg-legend {
    background-color: #3275b5;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding: 11px 27px;
    margin-bottom: 16px;
}

.pdg-legend-container {
    background-color: #3275b5;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 15px;
    padding: 11px 27px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pdg-column {
    border-bottom: 1px solid #DDDDDD;
    margin: 0 10px 0;
    padding: 10px 0;
    font-size: 12px;
    line-height: 16px;
}

/* PRINT */

.btn-print {
    padding: 0;
    margin: -5px;
}

.btn-print:active,
.btn-print:focus,
.btn-print:hover {
    box-shadow: none;
}

.pdg-icon-xls,
.pdg-icon-csv,
.pdg-icon-pdf {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 25px;
}

.pdg-icon-xls {
    background: url(../images/icons/icon-xls-50.png) no-repeat;
    transform: scale(0.75);
}

.pdg-icon-csv {
    background: url(../images/icons/icon-csv-50.png) no-repeat;
    transform: scale(0.75);
}

.pdg-icon-pdf {
    background: url(../images/icons/icon-pdf-50.png) no-repeat;
    transform: scale(0.75);
}

/* NAVIGATION */

.pdg-title h2,
.pdg-title-desktop h2 {
    font-size: 30px;
    font-weight: 800;
}

.pdg-section-content {
    overflow: auto;
}

.pdg-title-desktop {
    max-width: 70%;
}

.pdg-title-desktop h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdg-navigation-desktop {
    line-height: 80px;
}

.pdg-navigation-print .section-content {
    width: 90%;
    text-align: center;
}

.pdg-navigation-print .pdg-navigation,
.pdg-navigation-print .pdg-print {
    display: inline-block;
    vertical-align: middle;
}


/*FILTERS*/
.pdg-list-hr {
    background-color: #3275b5;
    height: 1px;
    margin-bottom: 20px;
}

.form-control:focus {
    border-color: #3275b5;
    box-shadow: none;
}

.chosen-container-single .chosen-single {
/*background-color: #F2F1F2;*/

}

.chosen-container-active.chosen-with-drop .chosen-single {
/*background-color: #F2F1F2;*/
    border-color: #3275b5;
}


.chosen-container .chosen-drop {
/*background-color: #F2F1F2;*/
}

.chosen-drop {
/*background-color: #F2F1F2;*/
    text-align: center;
    border: 1px solid #ccc;
    width: 100%;
    min-width: fit-content;
}

#fquservicioGestor .chosen-drop {
    text-align: center;
    border: 1px solid #ccc;
    width: 150%;
}
.form-group .chosen-container span {
    color: black;
}

.active-result {
    color: black;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pdg-descarga {
    display: inline-flex;
    margin-top: auto;
}

.pdg-icon-options {
    background: url(../images/icons/options-outline-custom.svg);
}

.pdg-search {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid white;
    margin: 3px;
    width: 100% !important;

}

/*DESPLEGABLES*/

.open > .pdg-dropdown-menu {
    background-color: #3275b5;
    padding: 25px;
    width: fit-content !important;

}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    background-color: #3275b5;
    color: white;
}

.btn-default.active.focus, .btn-default.active:focus,
.btn-default.active:hover, .btn-default:active.focus,
.btn-default:active:focus, .btn-default:active:hover,
.open > .btn-default.dropdown-toggle.focus,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {
    background-color: #3275b5;
    color: white;
}

.dropdown-menu .divider {
    background-color: #3275b5;
}

li.active-result:not(:last-child) {
    margin: 15px;
}

li.active-result:last-child {
    margin: 15px;
}

.chosen-search {
    margin: 15px 30px 15px 15px !important;
}

li.active-result:not(:last-child) {
    margin: 10px 15px;
}

.chosen-container .chosen-results li {
    padding: 8px 6px;
}

/*Botones de las columnas y los filtros*/
.qf {
    border: 1px solid white;
    margin: 3px 0;
    padding: 0;
    width: 100%;
}

.pdg-label-pointer {
    cursor: pointer;
    margin-bottom: 0;
    width: 100%;
    padding: 5px;
}

.qf:hover {
    color: #fff;
    background-color: #16568c;
}

.gestion-planes-form-buttons {
    display: inline-flex;
}

/* Estilo para el botón con fondo blanco, letras azules y delineado azul */
.btn-custom-header {
    color: #3275b5;/* Letras azules */
    border-radius: 10px;
    background-color: #ffffff;
    margin-right: 10px;
    border: 1px solid #3275b5;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 100%
}

.btn-custom-header-plan {
    color: #3275b5;/* Letras azules */
    border-radius: 10px;
    background-color: #f2f1f2;
    margin-right: 10px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 100%
}

.btn-custom-header-plan:active, .btn-custom-header-plan.active {
    background-color: #3275b5; /* Fondo azul en estado activo */
    color: white; /* Letras blancas en estado activo */
}

.btn-custom-header-calendar {
    color: #3275b5;/* Letras azules */
    border-radius: 10px;
    background-color: #f2f1f2;
    opacity: 0.3;
    margin-right: 10px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 100%
}

.btn-custom-header-calendar:active, .btn-custom-header-calendar.active {
    opacity: 1 !important; /* Fondo blanco en estado activo */
}

.btn-custom-header:active, .btn-custom-header.active {
    background-color: #3275b5; /* Fondo azul en estado activo */
    color: white; /* Letras blancas en estado activo */
    border-color: #007bff; /* Delineado azul en estado activo */
}

.codigo-text {
    font-size: 18px;
    font-weight: bold;
}

.plan-text {
    font-size: 18px;
}
.header-section-plan {
    background-color: #3275b5; /* Fondo azul */
    padding: 10px 0;/* Espaciado interno */
    color: #f2f1f2;
}
.header-section-plan .row {
    margin-left: 2%;
}
.btn-selected {
    background-color: #3275b5; /* Fondo azul */
    color: #ffffff; /* Letras en blanco */
}

.btn-custom-header.selected {
    background-color: #3275b5;
}

.header-section {
    background-color: #3275b5; /* Fondo azul */
    padding: 20px 0;/* Espaciado interno */
    color: #f2f1f2;
    margin-bottom: 20px;
}

.header-section .row {
    margin-left: 2%;
    display:flex;
}

.header-margen{
    margin-left: 2%;
}

.second-button-planes-form {
    margin-left: 25%;
}

.cofradia-titulo-container {
    color: white;
    margin-bottom: 20px;
}
/* Estilos adicionales para el título */
.cofradia-titulo-container h2 {
    background-color: #3275b5;
    padding:0.5%;
    margin-bottom: 10px;
}
.pdg-legend-plan {
    background-color: #3275b5;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    font-size: 18px;
    padding: 11px 27px;
    margin-bottom: 16px;
}

.header-section h2 {
    margin: 0; /* Elimina el margen superior del encabezado h2 */
}

.header-section p {
    margin: 0; /* Elimina el margen superior del párrafo */
}

.seccion-titulo-calendario {
    color:white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*AUTOFILTRO*/
#quick-filter-search-section .autofilter {
    display: flex
    ;
    float: right;
    margin-bottom: 20px;
}
/*MERGE BUTTON*/

/*.input-group {*/
/*    position: relative;*/


/*}*/
/*.input-group input {*/
/*    position: relative;*/
/*    height: 45px;*/
/*    box-shadow: none;*/
/*    padding-left: 160px;*/
/*}*/

/*.input-group label {*/
/*    position: absolute;*/
/*    z-index: 20;*/
/*    line-height: 3;*/
/*    !*left: 0;*!*/
/*    !*height: 48px;*!*/
/*    !*padding: 0px 25px;*!*/
/*    !*border-radius: 30px;*!*/
/*    !*line-height: 48px;*!*/
/*    !*top: 0;*!*/
/*    !*font-weight: 100;*!*/
/*}*/

/*TABLE*/

#contenedor-list table thead {
    background-color: transparent;
}

#tabla-resultados table thead {
    background-color: #3275b5;
    border: 1px solid white;
}

#tabla-resultados table thead span {
    color: white;
}

#tabla-resultados td {
    min-height: 35px;
}

.table > thead > tr > th {
    border: 2px solid white;
    border-bottom: none !important;
    border-top: none !important;
}

td {
    color: black;
    border-right: 2px solid white;
    border-bottom: none;
    border-top: none;
}

.pdg-tamanho-pagina {
    border-radius: 6px;
    padding: 4px;
    color: black;
}

.pdg-resultados {
    font-size: 11px;
    color: gray;
    margin-right: 5px;
    line-height: 5;
}

.pdg-btn-descarga-list {
    margin: inherit;
}

#table-agregate > thead > tr > th.handle.header-total.th-sticky,
#table-agregate > thead > tr > th.handle.text-right.th-sticky {
    background-color: #3275b5;
}

.pdg-btn-fixed {
    background-color: #3275b5 !important;
    text-align: center;
}

.pdg-fill-td {
    padding: 30%;
}

.pdg-padding-0 {
    padding: 0 !important;
}

/*GRUPO BOTONES DESCARGA*/

.pdg-inline-flex {
    display: inline-flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 25px;
}


/*PAGINATION*/

.pagination > li > a {
    border: none;
    color: gray;
    font-weight: 800;
}

.pagination {
    margin: 0 !important;
}


.pagination > .active > a, .pagination > .active > a:focus,
.pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 0;
    color: #3275b5;
    background-color: white;
}

/* FOOTER */

.footer .footer-xunta {
    padding: 1em 0;
}

/*Link inicio sesión header*/
.f-r {
    float: right !important;
}

/*FORMULARIO PAGINA LOGIN Y DESPLEGABLE LI*/
.pdg-margin-top-bottom {
    margin-top: 100px;
    margin-bottom: 150px;
}

.mainmenubar > li:hover > span > form > .icon-login,
.mainmenubar > li:hover > .icon-login {
    color: #057eb5;
    cursor: pointer;

}

.mainmenubar > li:hover > ul > li > form > button > .pdg-login-span,
.mainmenubar > li:hover > .pdg-login-span {
    color: gray;
    cursor: pointer;
}


.pdg-login-span:hover {
    color: #057eb5 !important;
}

.pdg-form-control {
    display: inline;
    width: 97%;
}

.pdg-form-control-pass {

    background-image: url(../images/icons/icon_show_password.png);
    background-position: 97% center;
    background-repeat: no-repeat;


}

.pdg-form-control-pass.visible {
    background-image: url(../images/icons/icon_hide_password.png);

}

#showPass {
    display: none;
}

#showPass + label {
    text-indent: -9999px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -32px;
    cursor: pointer;
}

/* INPUTS AGRUPADOS (NUMBER & DATE */

.input-merge .form-control {
    box-shadow: none;
    border-left: 0;
}

.input-merge .form-control:not(:last-child) {
    border-right: 0;
}

.input-merge .form-control:focus {
    border-color: #ccc;
}

.input-merge .input-group-addon {
    background-color: white;
    font-size: .9em;
    border-right: 0;
}

.input-merge .input-group-addon:not(:first-child) {
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.input-merge .input-group-addon.glyphicon {
    top: 0px;
    padding-right: 1em;
}

.input-merge .input-group-addon.glyphicon:last-child {
    border-right: 1px solid #ccc;
}

@media only screen and (min-width: 768px) and (max-width: 1152px) {

/*BOTONES FILTROS*/
    .pdg-intermediate-list-left,
    .pdg-intermediate-left {
        margin-bottom: 10px;
    }

    .pdg-intermediate-right {
        float: left;
    }

    .pdg-intermediate-list-left {
        float: none;
    }

    /*RESULTADOS, PAGINACION Y BOTONES IMPRESION*/
    .pdg-wrapper-intermediate-movil {
        flex-flow: column;
        align-items: center;
    }
}

/*Botón limpiar filtros forzar ajuste medida pantalla menor 404 px*/
@media screen and (max-width: 404px) {
    .pdg-excep-size {
        width: 49% !important;
    }
}

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


/* NAVIGATION */
    .link-button {
        line-height: 22px;
        color: #1d71b8;
    }

    /* FOOTER */
    .footer .section-content {
        width: 85%;
        font-size: 8px;
    }

    .footer .xunta-logo {
        width: 100%;
        padding-bottom: 1em;
    }

    .footer p {
        text-align: center;
    }

    /* MENU */
    .pdg-wrapper-img {
        display: flex;
        flex-direction: column;
    }

    .pdg-img-logo {
        width: 100%;
    }

    .page-logo {
        width: 100%;
        order: 2;
    }

    .navbar-toggler {
        background: url(../images/icons/burguer_menu_icon.png) no-repeat;
        border: none;
        padding: 20px;
        float: right;
    }

    .navbar {
        display: block;
        margin-top: 1em;
    }

    .navbar-nav > li {
        float: none;
    }

    /* TBALE */
    .table thead {
        display: none;
    }

    .table, .table tbody, .table tr, .table td, .table tfoot {
        display: block;
        width: 100%;
        background-color: white;

    }

    .table tr {
        margin-bottom: 15px;
    }

    .table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
        border: none;
    }

    .table td::before {
        content: attr(data-title);
        float: left;
        color: black;
    }

    table td:last-child {
        border-bottom: gray dashed 2px;
        padding-bottom: 20px !important;
        /*text-align: center;*/
    }

    .pdg-btn-fixed {
        background-color: white !important;
        text-align: center;
    }


    /*Cabecera*/
    .btn-letras-detalle {
        margin-top: 5px;
        width: 100%;
        padding: 10px;

    }

    .pdg-wrapper-movil {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .pdg-inline-flex {
        width: auto;
    }

    .pdg-resultados {
        margin-top: 0;
        margin-left: 9px
    }

    .pdg-flex-movil {
        justify-content: center;
        display: flex;
        top: -90px;

    }

    .pdg-navigation-center {
        text-align: center;
    }

    .pdg-top-right {
        display: flex;
        direction: rtl;
        top: -49px;
    }

    .pdg-negative-top {
        top: -50px;
    }

    .pdg-btn-filters {
        display: contents;
        float: none;
    }

    .pdg-float-right {
        float: none;
    }

    .pdg-m-b {
        margin-bottom: 5px;
        width: 100%;
    }

    .btn-pdg-width-xs {
        width: 100%;
    }

    .btn-block-xs {
        width: 49% !important;
    }

    .dropdown, .dropdown-toggle {
        width: 100%;
    }

    .pdg-float-left {
        float: none;
    }

    .pdg-list-agregation-mobile {
        display: flex;
        justify-content: space-between;
    }

    .pdg-list-mobile, .pdg-agregation-mobile {
        width: 100%;
    }

    .pdg-agregation-mobile {
        margin-right: 0;
    }

    .btn-pdg-width-100 {
        width: 100%;
    }

    /*DESPLEGABLES FILTROS*/
    .open > .pdg-dropdown-menu {
        width: 100% !important;
    }

    /*BOTONES IMPRESION VISTA DETALLE*/
    .pdg-detail-print {
        height: 50px;
    }
}

.submenubar ul,
.submenubar ul li {
    display: none;
}

.submenubar li:hover ul {
    display: block;
    position: absolute;
    left: 100%;
    margin-top: -28px;
    white-space: nowrap;
}

.submenubar li:hover ul li {
    display: block;
    border-left: 1px dotted #b3b3b3;
}

.pdg-label-pointer {
    font-size: 1em !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.bootstrap-datetimepicker-widget table thead {
    background-color: white;
    border: none;
}

.bootstrap-datetimepicker-widget table thead th {
    color: #3275b5;
}

#modal-favorite-query-save,
#modal-favorite-query-edit,
.chosen-container {
    font-size: 14px;
}

.form-group input, .form-group textarea {
    font-size: 12px;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #333;
}

.required-indicator {
    color: #a94442;
    font-weight: 700;
}
/* Loader used in page detail  */

.loader-detail {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

.loader-detail:before,
.loader-detail:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #3498db;
}

.loader-detail:before {
    z-index: 100;
    animation: spin 1s infinite;
}

.loader-detail:after {
    border: 10px solid #ccc;
}

.modal-xl {
    width: auto;
    max-width: 80%;
}

#contenedor-detail .comp-flex {
    display: flex;
    align-items: center
}

#contenedor-detail .comp-flex label {
    margin-bottom: 0;
}

#container-comp-flex .comp-flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#container-comp-flex .comp-flex label {
    margin-bottom: 0;
}

/*Zabuto Calendar Planes*/
.zabuto-calendar {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: normal !important;
}

.zabuto-calendar__navigation__item--prev,
.zabuto-calendar__navigation__item--next {
    text-align: center;
    cursor: pointer;
}

.zabuto-calendar__navigation__item--header {
    text-align: center;
    background-color: #3275b5;
    color: white;
    padding: 15px;
}

.zabuto-calendar__navigation__item--header__title {
    font-weight: bolder;
    background-color: #3275b5;
    color: white;
    padding: 10px
}

.zabuto-calendar__days-of-week__item {
    text-align: center;
    background-color: #F5FFFA;
    opacity: 0.6;
}

.zabuto-calendar__day {
    text-align: center;
    padding: 0;
}

.zabuto-calendar__day--today {
    text-align: center;
}

/* Bootstrap overrides */
.zabuto-calendar.table td, .zabuto-calendar.table th {
    vertical-align: middle;
}


.seccion-titulo-calendario {
    color:white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buttom-margen {
    margin-left: 1%;

}

.fuente-titulo  {
    font-size: 18px !important;
    font-weight: 800;
    margin-left: 1%;
}

/* Clickable */
.zabuto-calendar.clickable > tbody td {
    cursor: pointer;
}

.zabuto-calendar.table.clickable > tbody td:hover {
    background-color: #f0f0f0;
}

.day-sucess {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10px;
    color: #fff;
    vertical-align: middle;
    background-color:  #33BF11;
    width: 90%;
    height: 90%;
    border-radius: 5px
}

.day-orange {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10px;
    color: #fff;
    vertical-align: middle;
    background-color: #F2B84C;
    width: 90%;
    height: 90%;
    border-radius: 5px
}

.calContainer {
    display: block;
}

.hidden-info {
    display: none;
    /* background-color: #6c757d; */
    background-color: black;
    opacity: 0.8;
    color: white;
    padding: 10px;
    position: absolute;
    z-index: 1501; /* Se le un zindex alto para que el div se superponga a cualquier elemento. Se pone 1501 porque se confirma que el zindex 1500 es el mas alto  */
    text-align: left;
    border: 1px solid #0a0005;
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);*/
}

.zabuto-calendar > thead {
    background: white;
}


.zabuto-calendar__days-of-week > th {
    color: #383838;
    height: 2.75em;
    width: 2.75em;
}

.zabuto-calendar__days-of-week {
    position: relative;
    padding-bottom: 1px;
    line-height: 2;
}

.zabuto-calendar__navigation {
    position: relative;
    padding-bottom: 1px;
}

.zabuto-calendar__navigation::before {
/* content: "";*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0079ac;
}

.day-sucess:hover .hidden-info {
    display: block;
}

.day-sucess a {
    color: white;
}

.zabuto-calendar__week--first {
    margin-top: 5px;
    height: 45px;
    width: 45px;
}
.zabuto-calendar__week--last {
    height: 45px;
    width: 45px;
}

.zabuto-calendar__week {
    height: 45px;
    width: 45px;
}

.zabuto-calendar {
    height: 375px;
}

div.zabuto_calendar {
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 300px;
}

div.zabuto_calendar .table {
    border: none;
    overflow: hidden;
    margin-bottom: 20px;
    height: 305px;
}

div.zabuto_calendar .table tr.calendar-month-header th {
    color: #0079ac;
    background-color: #fff;
    padding: 2px;
    border-top: 0;
    height: 25px;
}

div.zabuto_calendar .table tr.calendar-month-header th span {
    padding-bottom: 0;
}

div.zabuto_calendar .table tr.calendar-dow-header {
    color: #9aaec1;
}


div.zabuto_calendar .table tr:last-child {
    border-bottom: none;
}

div.zabuto_calendar .table tr.calendar-dow-header + tr.calendar-dow td {
    padding-top: 15px;
}

div.zabuto_calendar .table tr td.event {
    position: relative;
}

div.zabuto_calendar .table tr td.event div.day {
    text-align: center;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 auto;
    margin-top: 2px;
    line-height: 25px;
}

.highlighted, .icon--highlighted, div.zabuto_calendar .table tr td.event div.day {
    background: #419e20;
    color: #fff;
    border-radius: 5px;
}

/* ICONOS (INICIO) */

.icon {
    display: inline-block;
    background-size: cover;
    margin-right: 10px;
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
}

.icon--rounded {
}

.icon.bordered {
    border: 1px solid #000;
}

.background_orange {
    background: #ff8040;
}

/* Estilo para la sección Plan.calendarioPlanGestion */
/*
.has-background-grey h2.is-blue {
    background-color: #3275b5; !* Azul *!
    display: inline-block;
    padding: 10px;
    margin-right: 10px; !* Ajusta el margen derecho según sea necesario *!
    color: white; !* Texto blanco *!
}
*/

/* Estilo para los iconos junto con las etiquetas */
.has-background-grey .list-inline .list-inline-item {
    margin-right: 15px; /* Espacio entre los elementos */
}

.button-save-plan{
    width: 2.5em;
    height: 2.25em;
}

/* ICONOS (FIN) */

.btn-ficha {
    color: #3275b5;/* Letras azules */
    border-radius: 10px;
    background-color: #ffffff;
    margin-right: 10px;
    border: 1px solid #3275b5;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 100%
}

.table-ficha-historico td, th {
    text-align: center;
}
.btn-eye {
    background-color: #3275b5;
    color: white;
    border: 1px solid transparent;
}

.btn-borrar {
    background-color: #bd2130;
    color: white;
    border: 1px solid transparent;
}
/* Hacer que todas las columnas de una misma fila tengan la misma altura */
.row.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row.flex-row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.fields-calendar {
    display: flex;
}

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

.buttons-td > button {
    margin: 0 1% 0 1%;
}

/*TODO revisar estilo para vista móvil en filtro tipo fecha*/
/*.bootstrap-datetimepicker-widget table td {*/
/*    border: none !important;*/
/*}*/

.chosen-container .chosen-choices .search-field:only-child,
.chosen-container .chosen-choices .search-field:only-child input {
    width: 100% !important;
}

@media screen and (min-width: 1240px) and (max-width: 1593px) {
    .btn-modal-participante-calculator {
        margin-top: 21px;
    }

    .btn-modal-participante-calculator.editar {
        margin-top: 19px;
    }
}

@media screen and (min-width: 1593px) and (max-width: 2132px) {
    .btn-modal-participante-calculator {
        margin-top: 21px;
    }

    .btn-modal-participante-calculator.editar {
        margin-top: 19px;
    }
}

@media screen and (min-width: 2132px) {
    .btn-modal-participante-calculator {
        margin-top: 21px;
    }

    .btn-modal-participante-calculator.editar {
        margin-top: 19px;
    }
}

/*Errores en pantalla*/
.has-feedback label~.form-control-feedback {
    top: 20px;
}


.field-disabled {
    cursor: not-allowed;
    background-color: #edeff5;
    opacity: 1;
}

.section-title{
    border-bottom: 2px solid #3276B5;
    font-size: 18px;
    font-weight: 800;
}

.title-subline {
    border-bottom: 1px solid lightgrey;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0px 4px 4px;
}

.cuadrado {
    float: right;
    height: 10px;
    width: 10px;
    margin-left: 8px;
    margin-right: 10px;
    margin-top: 3px;
}

.cuadrado-vacantes {
    background-color: rgba(106, 221, 94, 0.6);
}

.cuadrado-no-vacantes {
    background-color: rgba(233, 115, 112, 0.6);
}

#limpiar-filtros-visor-cuadricula {
    text-decoration: none;
    cursor: pointer;
}

#limpiar-filtros-visor-cuadricula:hover {
    text-decoration: none;
    cursor: pointer;
}

.polygon-label {
    text-shadow: 2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px 0px 0 #FFFFFF, 0px 2px 0 #FFFFFF, -2px 0px 0 #FFFFFF, 0px -2px 0 #FFFFFF;
    color: #000000;
    font-size: 10px;
}

/*Mapa*/
.section-title-popup{
    font-size: 16px;
    font-weight: 800;
}

.circulo-color-popup{
    float: left;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.estado-popup{
    border-bottom: 1px solid #3276B5;
    border-top: 1px solid #3276B5;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.estado-popup-interno{
    font-size: 15px;
}

.column-popup {
    font-size: 15px;
}

.pdg-column-popup {
    border-bottom: 1px solid #DDDDDD;
    line-height: 9px;
    font-size: 15px;
    padding: 10px 0;
}

.pdg-column-popup-ultimo {
    border-bottom: 1px solid #3276B5;
    line-height: 9px;
    font-size: 15px;
    padding: 10px 0;
}

.pdg-column-especie-popup {
    line-height: 9px;
    font-size: 15px;
    padding: 10px 0;
}
.div-contenedor-popup {
    min-width: max-content;
}

.leaflet-popup-content {
    min-width: fit-content;
}