/* Oculta el root item del nuevo menu */
.layout-menu > .layout-root-menuitem > .layout-menuitem-root-text {
    display: none;
}

.layout-wrapper .layout-menu {
    margin-top: 10px;
}

/* Arregla el color del menú */
.layout-wrapper .layout-menu li a, .layout-wrapper .layout-menu li a i {
    color: #234b7d;
}

/* Arregla el scroll del menu de la izquierda */
.layout-wrapper .layout-menu-container {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.layout-wrapper .layout-menu-container::-webkit-scrollbar {
    display: none;
}

/* Arregla el paginador que se descuadra si se arregla el Select Option */
body .ui-paginator .ui-paginator-rpp-options {
    min-width: 45px;
    height: 34px;
    vertical-align: top;
    border-color: #dddddd;
    border-radius: 4px;
    padding: 5px;
    margin: 0em 1em;
}

/* Borde rojo para los botones */
body .ui-button {
    border: 1px solid #D03939;
}

/* Ajusta la posición el ícono en el botón cuando esta solo */
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -6px;
}

/* Agrega sombra al body */
body.login-body {
    background-color: #292b2c;
}

/* Agrega sombra a la imagen de login */
.login-body .login-image {
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

/* Fondo transparente en el panel */
.login-body .login-panel {
    background-color: transparent;
    height: 420px;
}

/* Agrega hiddens de Bootstrap */
.hidden-xs-up {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/* Help text de Bootstrap */
.text-muted {
    color: #6c757d !important;
}

/* Alerts de Booststrap */
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

.alert-heading {
    color: inherit;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert > h2 {
    font-weight: bold;
}

.form-text {
    display: block;
    margin-top: .25rem;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

/* Centra verticalmente la data dentro de la celda en un panelgrid */
.ui-panelgrid.form-group .ui-panelgrid-cell {
    margin-top: auto;
    margin-bottom: auto;
}

/* Arregla problema con el borde de las celdas del datatable dentro de un panelgrid-blank */
.ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-content .ui-datatable .ui-datatable-data .ui-widget-content {
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

/* Arregla problema con padding a la izquierda en el datalist */
ul.ui-datalist-data.ui-datalist-nobullets {
    padding-inline-start: unset;
}

/* Arregla problema con el color del borde del checkbox activo en un selectManyMenu */
body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border: 1px solid #ffffff;
}

/* Arregla el HR que se veía horrible */
hr {
    border: 1px solid #dee2e6;
}

/* Arregla colores de los tabs de Primefaces */
body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: #234b7d;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-selected a {
    color: #fe4545;;
}

/* Quita el boton en los dataview */
.ui-dataview.dataview-no-button .ui-dataview-header .ui-button {
    display: none;
}

/* Quita el header en los dataview */
.ui-dataview.dataview-no-header .ui-dataview-header {
    display: none;
}

/* Cambia el color de fondo del ui-expanded-row-content para la tabla de dependencias */
body .ui-datatable.ui-datatable-dependencias .ui-datatable-data .ui-expanded-row-content {
    background-color: rgba(245, 245, 245, 0.3);
}

body .ui-datatable.ui-datatable-dependencias .ui-datatable-data .ui-expanded-row-content .ui-datatable .ui-datatable-data tr.ui-datatable-odd {
    background: #ffffff;
}

/* Arregla command link con panel, porque subraya el texto dentro del panel */
body .ui-dataview a.ui-commandlink, body .ui-dataview a.ui-commandlink:hover {
    text-decoration: none !important;
}

/* Primefaces UI-Block */
.ui-blockui-content {
    background-color: white;
}

/* Arregla UI Date Picker cuando tiene el template custom para las reservaciones de centros de recreo */
body .ui-datepicker .ui-datepicker-calendar td > a,
body .ui-datepicker .ui-datepicker-calendar td > span {
    padding: 0;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border: 1px solid transparent;
    display: inline-block;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
    border-radius: 4px;
}

body .ui-datepicker .ui-datepicker-calendar td > a > span,
body .ui-datepicker .ui-datepicker-calendar td > span > span {
    border-radius: 50%;
    padding: 0;
}

body .ui-datepicker .ui-datepicker-calendar td > a > span.temporada-alta,
body .ui-datepicker .ui-datepicker-calendar td > span > span.temporada-alta {
    background-color: yellow;
}