@font-face {
    font-family: "Cochin";
    src: url("../assets/fonts/Cochin.ttc");
}

@font-face {
    font-family: "DIN Condensed Bold";
    src: url("../assets/fonts/DIN Condensed Bold.ttf");
}

@font-face {
    font-family: "Barlow-Regular";
    src: url("../assets/fonts/Barlow-Regular.ttf");
}

@font-face {
    font-family: "Neo Sans";
    src: url("../assets/fonts/ufonts.com_neo_sans.ttf");
}

@font-face {
    font-family: "Muli";
    src: url("../assets/fonts/Muli-Regular.ttf");
}

@font-face {
    font-family: "Raleway";
    src: url("../assets/fonts/Raleway-Regular.ttf");
}

@font-face {
    font-family: "Poppins";
    src: url("../assets/fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Open Sans";
    src: url("../assets/fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: "Libre Franklin";
    src: url("../assets/fonts/LibreFranklin-Regular.ttf");
}

@font-face {
    font-family: "Roboto Ligth";
    src: url("../assets/fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: "HubotSans-Regular";
    src: url("../assets/fonts/HubotSans-Regular.otf");
}

@font-face {
    font-family: "Jost-Regular";
    src: url("../assets/fonts/Jost-Regular.ttf");
}

.Cabecera_background {
    background-color: var(--my-cab-background-color, #D9D9D9) !important;
}

.body {
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
    color: var(--my-text-color, Black) !important;
    margin: 0 !important;
}

.acceso {
    font-size: 8pt !important;
    font-weight: bold !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
    color: white !important;
    Background: lightgrey !important;
    text-transform: none;
}

.boton {
    min-height: 70px !important;
    font-size: 13pt !important;
    color: white !important;
    Background: lightgrey !important;
    text-transform: none;
}

.imagen_fondo {
    background-image: url('https://www.equipamientointegraldeoficinas.com/wp-content/uploads/PRINCIPAL-REUNION-X10-1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.recuadro_imagen {
    border-width: 2px;
    border-style: solid;
    border-color: black;
    padding: 3px;
}

.gestor_seleccionado {
    border-width: 2px;
    border-style: solid;
    border-color: red;
    padding: 3px;
}

.circulo {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-color: white !important;
    border-style: solid !important;
    border-width: 2px !important;
    /*background: rgb(219, 150, 0);*/
    background: rgb(255, 0, 0, 0.4);
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

.descripcion_hechos {
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    min-width: 600px;
}

/*.* {*/
    /*font-family: Barlow-Regular !important;*/
    /*font-family: var(--my-text-font, Barlow-Regular) !important;
}*/


@media (min-width: 600px) and (min-height: 600px) {
    #login_div {
        min-height: 70vh;
        max-height: 100vh;
        width: 100%;
    }
}


/*CAJAS*/
/*.rz-form-field-label {
    font-size: 0.75rem !important;
    top: 10px;
}*/

.rz-body {
    background-color: white !important;
}

/*BOTONES*/
.boton_alta {
    /*color: rgb(219,150,0) !important;
    border-color: rgb(219,150,0) !important;*/
    color: var(--my-background-color, #84BD00) !important;
    border-color: var(--my-background-color, #84BD00) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-color: white !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

.boton_info {
    /*color: rgb(127,127,127) !important;
    border-color: rgb(127,127,127) !important;*/
    color: var(--my-background-color, #84BD00) !important;
    border-color: var(--my-background-color, #84BD00) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-color: white !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

.boton_eliminar {
    /*color: rgb(192,0,0) !important;
    border-color: rgb(192,0,0) !important;*/
    color: var(--my-background-color, #84BD00) !important;
    border-color: var(--my-background-color, #84BD00) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-color: white !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

.boton_editar {
    /*color: rgb(46,117,182) !important;
    border-color: rgb(46,117,182) !important;*/
    color: var(--my-background-color, #84BD00) !important;
    border-color: var(--my-background-color, #84BD00) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-color: white !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

.rz-primary {
    color: white !important;
    /*background:rgb(219,150,0)  !important;*/
    /*background: #84BD00 !important;*/
    background: var(--my-background-color, #84BD00) !important;
}

.rz-progressbar-circular-value {
    stroke: var(--my-background-color, #84BD00) !important;
}

.rz-secondary {
    color: white !important;
    background: rgb(46,117,182) !important;
}

.rz-light {
    color: rgb(46,117,182) !important;
    background: rgb(217,217,217) !important;
}


.rz-datepicker-footer {
    display: flex !important;
    justify-content: center !important;
}

/* BOTONES PERSONALIZADOS CON NOTIFICACIÓN*/
.boton_registros {
    display: block !important;
    width: 180px !important;
    height: 30px !important;
    position: relative !important;
    padding: 0px 0px !important;
    font-size: 11px !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
    color: white !important;
    border-color: rgb(217, 217, 217) !important;
    border-style: solid !important;
    border-width: 2px !important;
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
    /*background-color: black !important;*/
}

.mensaje_registros {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-color: white !important;
    border-style: solid !important;
    border-width: 2px !important;
    /*background: rgb(219, 150, 0);*/
    background: rgb(217, 217, 217);
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
    position: absolute;
    top: -10px;
    left: -15px;
    z-index: 1;
}

.boton_small {
    padding: 0px 0px !important;
    min-height: 25px !important;
    width: 105px !important;
    font-size: 13px !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

/*ENLACES*/
.rz-link {
    /*color: #84BD00 !important;*/
    color: var(--my-background-color, #84BD00) !important;
}

.rz-dialog-titlebar {
    background: rgb(217,217,217) !important;
    padding-bottom: 10px !important;
}

.rz-register {
    background: rgb(217,217,217) !important;
}


/*
.rz-sidebar {
    background: rgb(217,217,217) !important;
}

.rz-sidebar-expanded {
    background: rgb(217,217,217) !important;
}

.rz-sidebar-responsive {
    background: rgb(217,217,217) !important;
}

.rz-navigation-item {
    background: rgb(219,150,0) !important;
}
    */
/*.rz-navigation-item-link-active {
    background: rgb(219,150,0) !important;
}*/


/*.rz-navigation-item-wrapper {
    background: rgb(219,150,0) !important;
}*/
/*.rz-profile-menu {
    color: white !important;
}*/
/*MENSAJES NOTIFICACION  */
.rz-growl-item {
    background: white !important;
}

/*.rz-growl-message-info {
    background: rgb(127,127,127) !important;
}

.rz-growl-message-error {
    background: rgb(192,0,0) !important;
}

.rz-growl-message-success {
    background: rgb(219,150,0) !important;
}

.rz-growl-message-warning {
    background: rgb(46,117,182) !important;
}
    */
/* TOOLTIPS*/
.rz-tooltip-content {
    /*color: red;*/
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
}

.rz-tooltip .rz-bottom-tooltip-content:after {
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
}



/* CABECERA FORMULARIO DE REGISTRO */
.rz-steps [role='tablist'] {
    display: flex !important;
}

.rz-steps .rz-steps-item:not(:last-child) {
    flex: auto;
    display: flex;
    align-items: center !important;
}

    .rz-steps .rz-steps-item:not(:last-child):after {
        display: block !important;
        content: '' !important;
        flex: auto !important;
        height: 1px !important;
        margin-right: 16px !important;
        background-color: var(--rz-base-300) !important;
    }

.rz-state-highlight {
    font-weight: bold !important;
}

.rz-steps-current {
    font-weight: bold !important;
}

.item-with-icon img {
    width: 32px;
    height: 32px;
}

/*Menus*/
.rz-panel-menu {
    background-color: transparent !important;
}

.rz-navigation-item {
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
}

.rz-navigation-item :hover {
    background-color: rgb(250, 250, 250) !important;
}

.rz-navigation-item-wrapper {
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
    color: white !important;
}

.rz-sidebar {
    /*background-color: transparent !important;*/
    background-color: white !important;
    border: none !important;
}

.rz-navigation-item-link {
    color: white !important;
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
}

.rz-navigation-item-icon {
    color: white !important;
}

.rz-navigation-item-link:hover {
    /*color: black !important;*/
    color: black !important;
}

.rz-header {
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
}

#login_div.rz-card {
    box-shadow: none !important;
}

/*.rz-data-row {
    background-color: #84BD00 !important;
}*/
.rz-cell-data {
    /*color: black !important;*/
    color: var(--my-text-color, Black) !important;
}

.menu_completo {
    max-width: 50px;
}

    .menu_completo:hover {
        max-width: 300px;
    }

.rz-sidebar-toggle:hover {
    background-color: transparent !important;
}

/*
.columnas {
    font-family: Arial;
    font-size: 11pt;
    font-style: italic;
}

.rz-column-title {
    font-family: Barlow-Regular !important;
    font-size: 12pt !important;
    font-weight: bold !important;
}

th {
    background-color: rgb(242, 242, 242) !important;
}

.rz-datatable-data td, .rz-grid-table td {
    padding: 1px 20px !important;
}
*/

.invalid {
    background-color: khaki !important;
}
/*.rz-paginator-page {
        display: none !important;
    }*/

/*.rz-form-field-content {
    padding-top: 2px;
    padding-bottom: 2px;
    height: 30px;
}*/

.rz-fieldset-content-wrapper {
    /*height: 50px !important;*/
}

.rz-fieldset-legend {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.rz-fieldset-legend-text {
    font-size: 10pt !important;
    font-weight: bold !important;
}

.rz-dropdown {
    padding-top: 2px !important;
    padding-left: 5px !important;
    font-size: 11pt !important;
}

.rz-dropdown-item {
    padding: 9px !important;
    font-size: 11pt !important;
}

.rz-dropdown-label {
    padding: 9px !important;
    font-size: 11pt !important;
}

.rz-inputtext {
    padding: 9px !important;
    font-size: 11pt !important;
}

.rz-textbox {
    font-size: 11pt !important;
}

.rz-state-highlight {
    font-weight: normal !important;
}

.rz-datatable-thead, .rz-grid-table th {
    background-color: #F8FAFB !important;
}

h1 {
    font-family: DIN Condensed Bold !important;
    color: #575B5C !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

/*.rz-steps-current {
    color: #84BD00 !important;
}*/

.rz-steps .rz-state-highlight .rz-steps-title {
    /*color: #84BD00 !important;*/
    color: var(--my-background-color, #84BD00) !important;
}

.rz-steps-number {
    /*background: #84BD00 !important;*/
    background: var(--my-background-color, #84BD00) !important;
}

.titulos_gestion {
    /*font-family: Barlow-Regular !important;*/
    font-family: var(--my-text-font, Barlow-Regular) !important;
    font-size: 18pt !important;
    font-weight: bold !important;
    /*color: #84BD00 !important;*/
    color: var(--my-background-color, #84BD00) !important;
}

.rz-chkbox-box.rz-state-active {
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
}

.rz-paginator-page.rz-state-active {
    color: white !important;
    /*background-color: #84BD00 !important;*/
    background-color: var(--my-background-color, #84BD00) !important;
}

.menu_seleccionado {
    background-color: var(--my-text-color, var(--my-background-color, white)) !important;
    color: var(--my-background-color, black) !important;
}

.menu_seleccionado_EtiQ {
    /*background-color: var(--my-background-color, #84BD00) !important;*/
    background-color: #F8FAFB !important;
}

.rz-dialog-alert-buttons {
    display:flex;
    justify-content: center;
}

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none;
}
#components-reconnect-modal {
    display: none !important;
}