.dx-toast-message {
    white-space: pre-line;
}

/*resultados googlemaps*/
div.pac-container.pac-logo {
    z-index: 9999 !important;
}

/*devextreme*/
.dx-toolbar .dx-toolbar-items-container {
    height: 45px !important;
}

#mainMenu .dx-treeview-item {
    padding: 0px !important;
    min-height: 45px !important;
    line-height: 22px !important;
}

#mainMenu span {
    color: #bfbfbf !important;
}

header {
    background-color: rgb(255, 255, 255) !important;
}

html {
    height: 100%;
}

body {
    height: 100%;
    background-color: #f5f5f5 !important;
    /*background-image: url("/images/background.jpg");*/
    background-size: cover;
    margin: 0;
}

#mainMenu {
    background-color: #1a1a1a;
    padding: 5px;
}

#mainMenu .dx-empty-message {
    color: rgb(191, 191, 191);
    margin-left: 5px;
}

#btnCloseDrawer {
    color: #7d8193 !important;
}

.menuAppBarToolbar {
    background-color: #1a1a1a;
}

.MuiSvgIcon-root-60 {
    color: white;
}

/* centro la flechita de despeglar el dropdown */
.dx-dropdowneditor-input-wrapper
    .dx-texteditor-buttons-container
    .dx-dropdowneditor-button {
    display: inline-flex;
}

#mainMenu .dx-treeview-toggle-item-visibility:before {
    color: #7d8193;
}

#mainMenu .dx-searchbox .dx-icon-search:before {
    color: rgba(0, 0, 0, 0.55) !important;
}

#mainMenu .dx-texteditor.dx-editor-filled {
    width: 95%;
    margin-left: 6px;
    background-color: #f5f5f5;
}

#mainMenu .dx-texteditor-input {
    color: black;
}

.dx-datagrid.dx-gridbase-container.dx-datagrid-borders {
    background-color: #f7f7f7;
}

.dx-datagrid-headers.dx-datagrid-nowrap {
    background-color: rgb(235, 237, 239) !important;
}

.dx-datagrid-text-content.dx-header-filter-indicator {
    color: black;
}

.dx-datagrid-action {
    font-size: 15px !important;
}

.dropDownBuscadores {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 5px !important;
}

.dx-icon-edit {
    color: #228be6 !important;
}

.dx-icon-trash {
    color: #228be6 !important;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: transparent !important;
}

tr.dx-row.dx-data-row.dx-row-lines.dx-column-lines.dx-state-hover {
    background-color: lightgrey !important;
}

.dx-selectbox-popup-wrapper .dx-overlay-content.dx-popup-normal {
    min-width: 350px;
}

.titleStyle {
    text-align: center;
    font-size: 130%;
}

.tableBody {
    text-align: center;
}

.labelCheckbox {
    font-size: 150%;
}

.labelTextField {
    font-size: 30px;
}

.collapsableFilter {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#buscador {
    background-color: white;
}

/* color del aceptar y cancelar de los buscadores y de los filtros de la grilla */
.grillaDropDownBuscadores .dx-button,
.dx-header-filter-menu.dx-popup-wrapper .dx-button-default {
    font-family: "Helvetica";
    background-color: white;
    color: #008cd1;
    border: #008cd1 solid 1px;
    font-size: 12px;
    width: 106px;
}

.dx-header-filter-menu.dx-popup-wrapper .dx-button-default.dx-state-hover,
.dx-header-filter-menu.dx-popup-wrapper .dx-button-default.dx-state-focused {
    background-color: #ebebeb;
}

.dx-overlay-shader {
    z-index: 5 !important;
}

/* Oculta las flechas para subir y bajar en todos los que sean de type number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-flex-height {
    max-height: none !important;
}

.dx-popup-content {
    max-height: 80vh !important;
    min-height: 200px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Scroll view para simular un scrollview usando un div ya que los pop ups rompen*/
.scrollview {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
    transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s,
        -webkit-box-shadow 0.5s linear 1s;
}

/* Agrego la imagen a los botones para subir imagenes */
.dx-fileuploader-button[aria-label="Seleccionar Imagen"] .dx-button-content::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' className='bi bi-card-image' viewBox='0 0 16 16'%3E%3Cpath d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3Cpath d='M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2zm13 1a.5.5 0 0 1 .5.5v6l-3.775-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12v.54L1 12.5v-9a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
    margin-right: 8px;
    margin-top: -8px;
    display: inline-flex;
    bottom: -4px;
    position: relative;
}

/* Agrego la imagen a los botones para seleccionar archivos */
.dx-fileuploader-button[aria-label="Seleccionar archivo"] .dx-button-content::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' className='bi bi-files' viewBox='0 0 16 16'%3E%3Cpath d='M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1M3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
    margin-right: 8px;
    margin-top: -8px;
    display: inline-flex;
    bottom: -3px;
    position: relative;
}

/* circulo de fondo en el hover de los botones del header de la grilla */
.dx-datagrid-header-panel
    .dx-toolbar-button.dx-toolbar-text-auto-hide
    .dx-button.dx-button-has-icon.dx-button-has-text {
    border-radius: 0% !important;
}

.dx-datagrid-header-panel
    .dx-toolbar-button.dx-toolbar-text-auto-hide
    .dx-button
    .dx-button-content {
    padding: 5px !important;
    margin-left: 0px;
}

/* Cambio el color de fondo de los headers de la grilla */
.dx-datagrid .dx-datagrid-headers .dx-header-row {
    background-color: rgb(224 236 254);
}

.dx-dialog-content .dx-dialog-message {
    margin-top: 1em;
}

/* tamaño de letra de los inputs */
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
    font-size: 16px;
}

/* cuadradito alrededor del loading en el panel de loading */
.dx-loadindicator {
    overflow: visible !important;
}

.crear-banco-form-item .dx-texteditor-input {
    padding-bottom: 0.45em !important;
    padding-top: 1.25em !important;
}

.crear-banco-form-item-last {
    margin-bottom: 2em;
}

/*MOBILE*/
.importe-mobile .dx-texteditor-input {
    text-align: right;
}

@media (max-width: 499px) {
    .dx-overlay-content.dx-popup-normal.dx-resizable {
        max-width: 100vw;
    }

    .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {
        background-color: white !important;
    }

    .dx-datagrid-borders > .dx-datagrid-headers,
    .dx-datagrid-borders > .dx-datagrid-rowsview,
    .dx-datagrid-borders > .dx-datagrid-total-footer {
        border-left: none !important;
        border-right: none !important;
        /*border-top: none !important;*/
        border-bottom: none !important;
    }

    /*LE SACO LAS ELLIPSIS A LAS DATA GRID DE INFORMES MOBILE*/
    .DataGridInformeMobile .dx-datagrid-rowsview .dx-row > td {
        overflow: unset !important;
        text-overflow: unset !important;
        white-space: normal !important;
    }

    .DataGridInformeMobile .dx-datagrid-nowrap,
    .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
        white-space: normal !important;
    }

    body {
        font-size: 0.9rem !important;
    }
    .container-fluid {
        padding-right: 0px !important;
        padding-left: 0px !important;
        overflow-x: hidden;
    }

    .dx-fileuploader-files-container {
        display: none;
    }
}

.dx-switch-container {
    border: none !important;
    background: transparent !important;
}

.dx-switch-handle {
    margin-top: 0 !important;
}

.treeview-title {
    margin: 0;
    text-align: left;
    background-color: red;
}

/*
    Para grillas cuando resolucion es <= 768 (height)
    Rows y header compactos
*/
#divCompactGrid .dx-data-row * {
    height: 16px;
}

#divCompactGrid .dx-header-row * {
    font-size: 12px;
    height: 18px;
}

/* Cambiar el color de la fila seleccionada */
#divCompactGrid .dx-row.dx-selection {
    background-color: lightgray !important; 
}

#divGastos .dx-row.dx-selection {
    background-color: lightgray !important; 
}


#importeTotalGastosCargosParticulares .dx-texteditor-input {
    text-align: right;
}

#gridGastosParaVariosEdificios .dx-datagrid-save-button {
    display: none !important;
}