body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4
{
    font-family: 'Lato';
    font-weight: 300;
}

body
{
    background-color: #ffffff;
}
.modulo-container
{
    margin-top: 60px;
}
.principal-container
{
    position: fixed;
    top: 55px;
    padding: 0px 20px;
    left: 0px;
    width: 100%;
    height: calc(100vh - 55px);
    background-color: white;
}

.principal-container.muestraAviso
{
    position: absolute;
    top: 110px;
    width: 100%;
    height: calc(100vh - 110px);
}

.principal-container.showAviso
{
    top: 85px;
    height: calc(100vh - 85px);
}

.reporte
{
    height: 100%;
}
.listado
{
    height: 100%;
}
.showAviso.modulo-container
{
    margin-top: 100px;
}
.grid
{
    height: calc(100% - 80px);
    padding-top: 0px;
}

.grid-filtro
{
    height: calc(100% - 100px);
}

.noAccordion
{
    height:  calc(100% - 110px)!important;
}

.grid-filtro-2
{
    height: calc(100% - 150px);
}

#grafica
{
    height: 100%;
}
#panel
{
    overflow: auto;
    height: 100%;
    width: 100%;
}
#panel::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}

#panel::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
    box-shadow: inset 0 0 0px rgba(0,0,0,.3);
	background-color: #3794e1;
}

.listado-filtro
{
    height:100%;
}

.importa
{
    height:100%;
}

.grid-importa
{
    height: calc(100% - 290px);
}

.btnAyuda
{
    float: right;
    margin-right: 20px;
    background-color: #004860;
    color: white;
}

.card
{
    padding: 5px 12px;
    display: block;
    position: relative;
    width: 100%;
    margin-top: 35px;
    border-radius: 3px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
}

.card .card-content
{
    padding: 15px 5px;
}

.card .card-header
{
    margin: -20px 10px 10px;
    border-radius: 3px;
    padding: 10px;
}

.card .card-header .title
{
    color: #FFFFFF;
    text-align: center;
    vertical-align: baseline;
}

#panel::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#panel::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3794e1;
}
dx-gallery#gallery
{
    height: 230px!important;
}
@media (max-width: 666px)
{
    #filtro-container.form
    {
      width: 100%;
    }
    #filtro-container > div.dx-field > div.dx-field-label
    {
        width: 30%;
        padding: 0px;
    }
    #filtro-container > div.dx-field > div.dx-field-value
    {
        width: 70%;
    }
    .dx-autocomplete
    {
        float:left;
        width: 80%;
    }
    .grid-filtro
    {
        height: calc(100% - 100px);
    }
    .grid-filtro-2
    {
        height: calc(100% - 170px);
    }
    .etiqueta
    {
        height: 17px;
    }
    .estatuscheck
    {
        display: table-row;

    }
    dx-gallery#gallery
    {
        height: 120px!important;
    }
    .dx-gallery-item-image
    {
        height: 120px!important;
    }
}

@media (min-width: 667px)  and (max-width: 991px)
{
    #filtro-container.form
    {
        width: 100%;
    }
    #filtro-container > div.dx-field > div.dx-field-label
    {
        width: 20%;
        padding: 0px;
        padding-top: 5px;
    }
    #filtro-container > div.dx-field > div.dx-field-value
    {
        width: 80%;
    }
    .estatuscheck
    {
        display: table-cell;
        padding-right: 10px;
    }
    .dx-autocomplete
    {
        float:left;
        width: 88%;
    }
    .grid-filtro
    {
        height: calc(100% - 70px);
    }
    .grid-filtro-2
    {
        height: calc(100% - 140px);
    }
    .listado-filtro
    {
        height: calc(100% - 70px);
    }
    dx-gallery#gallery
    {
        height: 160px!important;
    }
    .dx-gallery-item-image
    {
        height: 160px!important;
    }
}

#filtro-container > div.dx-field > div.dx-field-label.autocomplete
{
    font-weight: bold;
}

@media (min-width: 992px)  and (max-width: 1199px)
{
    #filtro-container.form
    {
      margin: 0px 0px;
      width: 90%;
    }
    #filtro-container > div.dx-field > div.dx-field-label.autocomplete
    {
        height: 32px;
    }
    #filtro-container > div.dx-field > div.dx-field-label
    {
        width: 15%;
        padding: 0px;
        padding-top: 2px;
    }
    #filtro-container > div.dx-field > div.dx-field-value
    {
        width: 85%;
    }
    .estatuscheck
    {
        display: table-cell;
        padding-right: 10px;
    }
    .etiqueta
    {
        float: left;
        width: 42%;
        height: 32px;
        font-size: 1em;
        padding-top: 7px;
    }
    .dx-autocomplete
    {
        float:left;
        width: 50%;
    }
    .dx-gallery-item-image
    {
        height: 230px!important;
    }
}

@media (min-width: 1200px)
{
    #filtro-container.form
    {
        margin: 0px 0px;
        width: 70%;
    }
    #filtro-container > div.dx-field > div.dx-field-label
    {
        width: 15%;
        padding: 0px;
    }
    #filtro-container > div.dx-field > div.dx-field-value
    {
        width: 85%;
    }
    .estatuscheck
    {
        display: table-cell;
        padding-right: 10px;
    }
    .etiqueta
    {
        float: left;
        width: 42%;
        padding-top: 5px;
    }
    .dx-autocomplete
    {
        float:left;
        width: 50%;
    }
}

#filtro-container > div.dx-field > div.dx-field-label
{
    font-weight: bold;
    font-size: 1em;
    padding: 6px 5px 5px;
}

.alert
{
    color: #fff;
}
.alert.alert-danger
{
    background-color: #ff4b4b;
    margin-top: 5px;
    margin-bottom: 5px;
}

h1, .h1
{
    font-size: 2em;
}

.btn-primary
{
    background-color: #007da6;
    padding: 2px;
}

.btn-primary:hover
{
    background-color: #004860;
}

app-mensaje.showMenu>div#mensaje
{
  left: 310px;
  width: calc(100% - 330px);
}

.btn-buscar
{
    float: left;
    height: 28px;
    width: 34px;
    border: none;
    border-radius: 50%;
    color: rgba(0, 72, 96, 0.54);
    background-color: transparent;
    margin-left: 5px;
    margin-right: 0px;
    padding: 2px;
}

.btn-buscar:hover
{
    cursor: pointer;
    background-color: #e6e6e6;

}

/* .dx-field-item-content.dx-field-item-content-location-right,
.dx-texteditor-container
{
    border-bottom: 1px solid;
} */

/* Estilo personalizado */
tr.dx-row.dx-header-row
{
    background-color:#FFFFFF;
    font-size: 1rem;
    color: #07668C;
    border-color: #07668C;
    text-align: center;
}

.dx-button[aria-label='Guardar']
{
    border-radius: 6px;
    background-color: #3bc96d!important;
    color: white!important;
    border-color: #3bc96d!important;
    vertical-align: middle;
}

.dx-button[aria-label='Añadir']
{
    background-color: #3bc96d!important;
    color: white!important;
    border-color: #3bc96d!important;
    vertical-align: middle;
}

.dx-button[aria-label='Enviar']
{
    background-color: #007da6!important;
    color: white!important;
    border-color: #007da6!important;
    vertical-align: middle;

}
.dx-button[aria-label='Aceptar']
{
    border-radius: 6px;
    background-color: #3bc96d!important;
    color: white!important;
    border-color: #3bc96d!important;
    vertical-align: middle;
    margin-right: 0px!important;
}

.dx-button[aria-label='Aceptar']>.dx-button-content>.dx-icon
{
    border-radius: 6px;
    color: white!important;
    font-size: 17px;
    line-height: 17px;
    width: 17px;
    height: 17px;

}
.dx-button[aria-label='Sí']
{
    border-radius: 6px;
    background-color: #3bc96d!important;
    color: white!important;
    border-color: #3bc96d!important;
    vertical-align: middle;
    margin-right: 0px!important;
}
.dx-button[aria-label='Cancelar']
{
    border-radius: 6px;
    background-color: #ff4b4b!important;
    color: white!important;
    border-color: #ff4b4b!important;
}
.dx-button[aria-label='No']
{
    border-radius: 6px;
    background-color: #ff4b4b!important;
    color: white!important;
    border-color: #ff4b4b!important;
}

.dx-texteditor.dx-editor-standard .dx-texteditor-input
{
    padding: 0px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container
{
    height: 36px;
    color: #fff;
}

.dx-button
{
    margin: 0px 5px;
}

.dx-textarea .dx-texteditor-input
{
    border: 1px solid #004860;
}

.dx-field-item-required-mark
{
    color: #03A9F4;
}

.dx-placeholder
{
    top: -2px!important;
}

.dx-form-group-with-caption .dx-form-group-content
{
    padding-bottom: 12px!important;
    padding-top: 12px!important;
    margin-top: 2px!important;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row)
{
    padding-top: 0px!important;
}

.dx-form-group-caption
{
    font-size:18px!important;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox
{
    border: 1px solid #fff;
}

.dx-searchbox.dx-editor-standard .dx-icon-search {
    left: 0;
}
.dx-searchbox .dx-icon-search {
    display: block;
    position: relative;
    pointer-events: none;
}
.dx-searchbox .dx-icon-search
{
    margin-top: -40px;
    height: 40px;
}

.custom-add-button .dx-button-text {
    color: #336b7e;
  }

  .custom-white-button .dx-button-text {
    color: #fff;
  }

.dx-treeview-item {
    display: flex;
    align-items: center; /* Asegura que los elementos hijos estén alineados verticalmente */
    padding: 5px 26px; /* Ajusta el padding según sea necesario */
}

.dx-treeview .dx-treeview-item {
    line-height: 22px; /* Ajusta según el tamaño de la fuente */
}

/* .dx-treeview .dx-treeview-item {
    padding: 5px 26px;
    min-height: 22px;
} */

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
    font: 18px/0 DXIcons; /* Esto ya lo tienes configurado */
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content
{
    background-color: #0da6c9!important;
}

.dx-scrollable-scroll
{
    background-color: #0da6c9!important;
}
.dx-scrollable-scroll-content
{
  background-color: #0da6c9;
}
div.dx-field-label
{
    color: #004860;
}
.dx-field
{
    margin: 0px;
}

.dx-accordion-item-opened > .dx-accordion-item-title, .dx-item-content.dx-accordion-item-title
{
    height: 26px;
}

.dx-accordion-item-title
{
  top: 0px;
}

.dx-accordion-item-opened > .dx-accordion-item-title
{
  height: 30px;
}

.dx-accordion-item-body
{
    padding:5px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.dx-accordion-item-opened > .dx-accordion-item-title:before
{
    top:2px;
}

.dx-accordion-item-opened > .dx-accordion-item-title .dx-accordion-item-title-caption,
.dx-accordion-item-title .dx-accordion-item-title-caption
{
    top: 5px;
    font-weight: bold;
    left: 10px;
}

.dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
    padding: 2px 7px!important;
}

.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 2px;
}

.dx-button[aria-label='?']
{
    background-color: #0da6c9;
    color: #fff !important;
    padding-right: 10px;
    border-radius: 50%;
    width: 36px;
    font-weight: bold;
}

.dx-popup-wrapper .dx-button.dx-button-has-text
{
    min-width: 32px;
}

.dx-icon-filter:before
{
    content: '\f050';
}

.etiqueta
{
    float: left;
}

.dx-item
{
    padding:0px;
}

.dx-datagrid .dx-icon-filter-operation-default:before,
.dx-datagrid-container .dx-icon-filter-operation-default:before
{
  content: "\f050";
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content
{
    padding:2px;
}

.dx-list-item-content
{
    padding: 5px;
}

.dx-popup-bottom
{
    background-color: #fff;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align)
{
    align-items: flex-start!important;
}

.dx-field-item-label-location-top
{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.dx-treeview .dx-treeview-toggle-item-visibility
{
    height: 10px;
}

.dx-treeview-toggle-item-visibility {
    height: 16px; /* Ajusta la altura según sea necesario */
    margin-top: -10px; /* Ajusta el margen superior para alinear verticalmente */
    margin-right: 15px; /* Espacio entre la flecha y el título */
}

.pull-right.popup-footer
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.dx-datagrid-filter-row
{
    background-color: #fff;
}

div.dx-template-wrapper.dx-item-content.dx-accordion-item-body > div.row.aceptar.float-right,
.dx-accordion-item-opened .dx-accordion-item-body
{
    padding-right: 20px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Semana Columna']
{
    background-color: #007DA6!important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='PB Columna']
{
    background-color: #007DA6!important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Meta Columna']
{
    background-color: #007DA6!important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Real Columna']
{
    background-color: #007DA6!important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Cump. Columna']
{
    background-color: #007DA6!important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Res. Mes Columna']
{
    background-color: #007DA6!important;
}

.resumenSemana
{
    background-color: #007DA6!important;
}

.resumenSemana .dx-datagrid-text-content {
    color: white !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Res. Acumulado Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='PB  Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Meta  Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Real   Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Cump.  Columna']
{
    background-color: #3794e1!important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Semana     Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='PB     Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Meta     Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Real     Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Cump.     Columna'],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-label='Res. Mes Columna'],
.resumenMes
{
    background-color: #00bfff!important;
}

.dx-tag-remove-button:before
{
    /* background-color: #007DA6; */
}
.dx-tag-remove-button:after
{
    /* background-color: #007DA6; */
}

.dx-toast-icon:before
{
    content: "\f075";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: 200px;
    left: 10px;
}

.dx-toast-info
{
    background-color: #0da6c9!important;
    padding:0px 10px;
}

.dx-toast-message
{
    padding:0px 10px;
    font-size:1.3rem;
}

.dx-field-label
{
    align-self: initial;
    padding-right: 15px;
}

.dx-field
{
    padding: 0px;
}
/* dx-autocomplete>div.dx-dropdowneditor-input-wrapper
{
    height:30px;
} */

/* .dx-texteditor-container
{
    background-color: #fff;
} */

.dx-gallery-item-image
{
    width: 100%;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.dx-toolbar .dx-toolbar-item-content > .dx-button.dx-button-normal, .dx-toolbar .dx-toolbar-button > .dx-button.dx-button-normal
{
}

.dx-toolbar .dx-toolbar-item-content > .dx-button.dx-button-normal:hover,
.dx-toolbar .dx-toolbar-button > .dx-button.dx-button-normal:hover
{
    box-shadow: none;
}

/* .dx-datagrid .dx-editor-with-menu:not(textarea),
.dx-datagrid-container .dx-editor-with-menu:not(textarea),
.dx-editor-cell .dx-texteditor .dx-texteditor-input:not(textarea)
{
    height: 30px;
}  */

textarea.dx-texteditor-input
{
    height: 100%!important;
}

dx-html-editor.dx-htmleditor.dx-widget
{
    border: 1px solid;
}

.dx-toolbar .dx-toolbar-items-container
{
    height: 40px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator, .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort
{
    color: #427AA1;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon
{
    color:rgba(0, 72, 96, 0.54);
}

.dx-icon-undo:before
{
    content: "\f0e2";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-redo::before
{
    content: "\f01e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-bold:before
{
    content: "\f032";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-italic:before
{
    content: "\f033";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-strike:before
{
    content: "\f0cc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-underline:before
{
    content: "\f0cd";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-alignleft:before
{
    content: "\f036";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-aligncenter:before
{
    content: "\f037";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-alignright:before
{
    content: "\f038";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-alignjustify:before
{
    content: "\f039";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-orderedlist:before
{
    content: "\f0cb";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-bulletlist:before
{
    content: "\f0ca";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-color:before
{
    content: "\f043";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-background:before
{
    content: "\f1fc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-link:before
{
    content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-icon-blockquote:before
{
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 72, 96, 0.54);
    font-size: 24px;
}

.dx-toolbar .dx-toolbar-item-content > .dx-button.dx-button-normal, .dx-toolbar .dx-toolbar-button > .dx-button.dx-button-normal
{
    color: #004860;
}

.dx-toolbar
{
    background-color: transparent
}

.dx-popup-draggable .dx-popup-title
{
    background-color: #004860;
}

.dx-datagrid-group-panel .dx-group-panel-item,
.dx-popup-title.dx-toolbar
{
    background-color: #004860;
}

.dx-numberbox
{
    max-width: 150px;
}

.dx-checkbox-checked .dx-checkbox-icon
{
    background-color: #03A9F4;
}

.dx-texteditor.dx-editor-filled .dx-texteditor-input
{
    padding: 5px;
}

.dx-placeholder:before
{
    display: inline;
}

.dx-texteditor.dx-editor-filled .dx-placeholder:before
{
    padding: 0px;
}

@media (min-width: 667px)  and (max-width: 991px)
{
    .dx-gallery-wrapper
    {
        height: 160px!important;
    }
}

@media screen and (max-width: 767px)
{
    .dx-gallery-wrapper
    {
        height: 120px!important;
    }
}

.dx-page.dx-selection
{
    color: white!important
}


.dx-accordion-item-title
{
    padding: 6px;
}

.dx-accordion-item-title:before
{
    top:0px;
    content: '\f016'!important;
}

.dx-accordion-item-opened > .dx-accordion-item-title:before {
    content: '\f014'!important;
    top: 0px;
}

.dx-htmleditor-toolbar-wrapper
{
    padding: 0px 5px!important;
    border-bottom: 1px solid;
    color: rgba(0, 72, 96, 0.54);
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item
{
    padding: 5px;
}

.Fecha
{
    width: 150px!important;
}

.link
{
    text-decoration: underline;
    cursor: pointer;
}

div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
> tr.dx-row.dx-datagrid-filter-row > td
> div > div.dx-editor-container > div > div > input,
 div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
> tr.dx-row.dx-datagrid-filter-row
> td > div > div.dx-editor-container > div > div > input,
 div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
> tr.dx-row.dx-datagrid-filter-row> td > div > div > div > div > div > input,
 div.dx-treelist-headers.dx-treelist-nowrap > div > table > tbody
 > tr.dx-row.dx-treelist-filter-row > td > div > div.dx-editor-container > div > div > input,
 div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
 > tr.dx-row.dx-datagrid-filter-row> td > div > div > div > div > div > input,
 div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
> tr.dx-row.dx-datagrid-filter-row > td
> div > div.dx-editor-container > div > div > input,
 div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
> tr.dx-row.dx-datagrid-filter-row
> td > div > div.dx-editor-container > div > div > input,
 div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
 > tr.dx-row.dx-datagrid-filter-row > td > div
 > div.dx-editor-container > div > div > input,
div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody
> tr.dx-row.dx-datagrid-filter-row > td > div
> div.dx-editor-container > div > div > div > div.dx-texteditor-input-container > input
 {
    height: 30px!important;
    line-height: 30px!important;
}

.dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu
{
    height: 28px!important;
}


.dx-treelist-headers .dx-treelist-table .dx-row > td
{
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

span.etiqueta
{
    font-size: 1em;
    padding: 6px 0px 5px;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item
{
    margin: 2px 2px 8px 2px;
    background-color: #004860;
    color: #ffffff;
}
.dx-datagrid-group-panel .dx-sort
{
    color: #fff;
}

.dx-scheduler-work-space
{
    margin-top: 0px!important;
}

.dx-scheduler-navigator-caption
{
    max-width: 80%!important;
}

.dx-tag-remove-button:before
{
    color: #fff;
}

.dx-field
{
    padding: 2px!important;
}

.dx-texteditor.dx-editor-underlined .dx-texteditor-input {
    padding: 6px 2px 5px;
}
span.dx-field-item-label-content
{
    padding: 6px 2px 5px;

}
.dx-field-item
{
    font-size: 13px;
    padding-bottom: 0px;
}
.dx-field-item-label-text
{
    font-weight: bold;
}

.dx-popup-title > div > div.dx-toolbar-after > div > div > div
> div > i.dx-icon dx-icon-close::before,
div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title
> div > div.dx-toolbar-after > div > div > div > div > i

{
    color: #fff;
}

.dx-popup-fullscreen .dx-popup-content {
    padding: 10px!important;
    scroll-padding: 50px 10px 10px 10px!important;
}


.navbar-dark
{
    background-color: #4d4d4d;
    padding-top: 0px;
    margin: auto;
    padding-bottom: 0px;
}

@media (max-width: 767px)
{
    .navbar-brand
    {
        width: calc(100% - 70px);
        font-size: .9em;
        margin-left: 10px;
        vertical-align: middle;
        padding-top: 0;
        line-height: 33px;
        padding-bottom: 0;
        color: #fff;
    }
}

.menu-izquierdo
{
    color: rgb(252, 244, 244);
    font-size: .55em;
    cursor: pointer;
    text-decoration: none;
    padding: 20px 10px 18px;
}

dx-form#form
{
    margin-bottom: 10px;
}

.dx-textarea .dx-texteditor-input-container
{
    margin-bottom: 10px!important;
}
.dx-fileuploader-input-wrapper
{
    border-left: 1px dashed transparent!important;
}
.dx-fileuploader-button
{
    margin-left: 0px!important;
}

.dx-fileuploader-wrapper
{
    padding-left: 0px!important;
}

.dx-group-panel-message
{
    color:#004860!important;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title
{
    background-color: #004860!important;
}

.color-picker .right, .color-picker .left
{
    padding-top: 2px!important;
    padding-bottom: 2px!important;
}

.color-picker .selected-color
{
    top: 2px!important;
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container,
.dx-fileuploader-show-file-list .dx-fileuploader-files-container
{
    padding-top: 0px!important;
}

.dx-tooltip-appointment-item
{
    background-color: #fff!important;
}

.color-picker .hex-text .box
{
    padding-bottom: 0px!important;
}

.color-picker .hue-alpha
{
    margin-bottom: 0px!important;
}

.dx-scheduler-header-panel-cell
{
    color: #fff!important;
    background-color: #004860;
    font-weight: bold;

}

.dx-editor-cell .dx-texteditor .dx-texteditor-input
{
    line-height: 13px!important;
}

/* KEYFRAMES */

@keyframes spin {
    from {
      transform: rotate(0);
    }
    to{
      transform: rotate(359deg);
    }
  }

  @keyframes configure-clockwise {
    0% {
      transform: rotate(0);
    }
    25% {
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes configure-xclockwise {
    0% {
      transform: rotate(45deg);
    }
    25% {
      transform: rotate(-45deg);
    }
    50% {
      transform: rotate(-135deg);
    }
    75% {
      transform: rotate(-225deg);
    }
    100% {
      transform: rotate(-315deg);
    }
  }

  @keyframes pulse {
    from {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: .25;
      transform: scale(.75);
    }
  }

  /* GRID STYLING */

  .spinner-box {
    position: absolute;
    top: calc(50% - 63px);
    left: calc(50% - 63px);
 }

 /* X-ROTATING BOXES */

 .configure-border-1 {
   display: flex;
   padding: 3px;
   width: 115px;
   height: 115px;
    border-radius: 10px;
   border: 6px #A5BE00 solid;
   z-index: 20;
   animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
 }

 .configure-border-2 {
   width: 115px;
   height: 115px;
   padding: 3px;
   margin-top: -80px;
   display: flex;
   z-index: 10;
   transform: rotate(45deg);
    border-radius: 10px;
   border: 6px #05668D solid;
   animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
 }

 .configure-core {
   width: 100%;
   height: 100%;

 }

 .dx-page-size.dx-selection
 {
     color: #fff!important;
 }

 .dx-item.dx-toolbar-item.dx-toolbar-label {
    max-width: 100%!important;
}

.dx-button-text
{
    font-size: 14px!important;
    line-height: 17px!important;
}

i.dx-icon.fas.fa-play,
i.dx-icon.fas.fa-pause,
i.dx-icon.fas.fa-ban
{
    font-size: 14px;
    line-height: 14px;
    width: 14px;
    height: 14px;
}

.swal-custom-z-index {
    position: relative;
    z-index: 3000 !important;
  }
  .swal2-container.swal2-center {

    z-index: 3000 !important;
  }