#toolbar_principal.dx-toolbar .dx-toolbar-items-container {
    height: 100px;
}

hr {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
    border-top: 1px solid #b1b1b1 !important;
}

/*.dx-validator{
    border-color:red;
}*/

.dx-field-label {
    float: left;
    width: 100% !important;
    font-weight: bold;
    height: 36px;
    color: #5d5d5d !important;
    font-family: sans-serif !important;
}

.dx-field-value {
    float: left;
    width: 100% !important;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-container .dx-texteditor-input {
    background-color: #eeeeee
}

.dx-texteditor.dx-state-readonly {
    border: 1px solid #ddd;
}

.dx-texteditor {
    border: 1px solid #ddd;
}

.windowdiv[class="dx-item-content dx-box-item-content"] {
    flex-basis: auto !important;
}

.container {
    background-color: white;
    border-radius: 10px;
    /*margin-top:20px;*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
    padding-bottom: 20px;
    padding-top: 20px;
}

.container_test {
    background-color: white;
    border-radius: 10px;
    /*margin-top:20px;*/
    box-shadow: unset;
    padding-bottom: 20px;
    padding-top: 20px;
    height:calc(100% - 200px);
}

/*dxLoadPanel*/
.dx-loadpanel-message {
    text-align: center;
    color: #616161;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    float: left;
    width: 100%;
}

.dx-loadindicator {
    float: left;
    width: 100%;
    height: 40px;
}

.dx-loadpanel-content {
    padding: 20px;
    border-radius: 10px;
}

.dx-overlay-content.dx-resizable.dx-loadpanel-content {
    width: 222px !important;
}

/*dxPopup*/
.dx-popup-title {
    position: relative;
    padding: 6px 20px;
    min-height: 28px;
    border-bottom: 1px solid #616161;
    color: #616161;
    background-color: #003e73 !important;
    background: linear-gradient(#d2d8da, #f9f9f9, #d2d8da);
}

.dx-popup-title .dx-closebutton .dx-icon {
    color: white !important;
    background-color: #ff0005db;
}

.dx-popup-title .dx-closebutton:hover .dx-icon {
    color: white !important;
    background-color: ff0005a8;
}

.dx-popup-bottom.dx-toolbar {
    padding: 0px 20px 20px 20px;
}

.dx-dialog-message {
    text-align: center;
}

.dx-toolbar-label > div {
    width: fit-content;
}

/*.dx-popup-title .dx-closebutton .dx-icon {
    color: #003e73;
}*/

.dx-popup-content {
    padding: 10px 20px 20px 20px;
    height: auto;
}

.dx-overlay-shader {
    background-color: rgba(0, 0, 0, 0.7);
}

/*.dx-popup-content, */
.dx-overlay-content {
    height: auto !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    /*border: 1px solid #003e73;*/
}

    .dx-popup-wrapper > .dx-overlay-content.dx-state-focused {
        /*border: 1px solid #003e73;*/
    }

/*.dx-overlay-content.dx-popup  {
    border: solid 1px #003e73 !important;
}*/

/*.dx-popup-wrapper > .dx-overlay-content {
}*/

/*dxList*/

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #70bdff;
    color: #fff;
}

/*dxTreeList*/

.dx-treelist-headers {
    background-color: #ff0005a8;
    color: white;
}

/*dxDataGrid*/
.dx-datagrid-borders > .dx-datagrid-headers {
    background-color: #ff0005a8;
    color: white;
}

.dx-pager .dx-pages .dx-selection {
    background-color: #ff0005a8;
    color: white;
}

.dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-borders > .dx-datagrid-filter-panel {
}

.dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
    background-color: white;
}

.dx-datagrid {
    background-color: transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #70bdff;
    color: #fff;
}

.dx-pager .dx-pages .dx-page {
    border: solid 1px #dddddd;
}

/*dxToolbar*/
.dx-toolbar {
    background-color: transparent;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
    text-align: center;
}

.dx-toolbar-after .dx-toolbar-item {
    padding: 0;
}

.dx-toolbar .dx-toolbar-item {
    padding: 0;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
    margin: 5px 10px !important;
    width: calc(100% - 20px);
    border-color: #ff0005db !important;
    border: solid 1px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: unset;
}


.dx-list-item-content:before {
    height: 0px;
}

.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
    padding: 0px;
}

/*dxCheckBox*/
.dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox {
    width: 100%;
}

/*dxTabs*/
.dx-tab.dx-tab-selected {
    background-color: #ff0005db !important;
    color: #fff !important;
}

    .dx-tab.dx-tab-selected .dx-icon {
        color: #fff;
    }

/*dxRadioGroup*/
.dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup {
    margin: 0px;
    height: 36px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
}

/*dxCheckBox*/
.dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox {
    margin: 0px;
    min-height: 36px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

/*dxButton*/
.dx-button {
    margin-right: 3px !important;
    margin-left: 3px !important;
    border-radius: 30px;
}

.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #ff0005db !important;
}

.dx-button-mode-contained.dx-button-default:hover .dx-icon {
     color: transparent !important; 
}

.dx-button-mode-contained .dx-icon .dx-icon-overflow {
    color: #ff0005db;
}

.dx-button-mode-contained .dx-icon {
    color: #ff0005db;
}

/*.dx-button-normal {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #333333 !important;
}*/

.dx-button-normal {
    background-color: transparent !important;
    border-color: #ff0005db !important;
    color: #ff0005db !important;
}

.dx-button-success {
    background-color: #5cb85c !important;
    border-color: #ddd !important;
    color: #fff !important;
}

/*.dx-button-danger {
    background-color: #d9534f !important;
    border-color: #ddd !important;
    color: #fff !important;
}*/

.dx-button-danger {
    background-color: #ff0005db !important;
    border-color: #ff0005db !important;
    color: #e6e5e5 !important;
}

/*.dx-button-default {
    background-color: #008ac7 !important;
    border-color: #008ac7 !important;
    color: #fff !important;
}*/

.dx-button-default {
    background-color: transparent !important;
    border-color: #ff0005db !important;
    color: #ff0005db !important;
}

.dx-button-default > i {
    color: #ff0005db !important;
}

.dx-button-normal.dx-state-hover {
    background-color: #ff0005a8 !important;
    border-color: #ff0005a8 !important;
    color: #e6e5e5 !important;
}
.dx-button-normal.dx-state-hover > div > .dx-icon {
    color: white !important;
}

.dx-button-default.dx-state-hover > div > .dx-icon {
    color: white !important;
}

.dx-button-success.dx-state-hover {
    background-color: #449d44 !important;
    border-color: #449d44 !important;
}

.dx-button-danger.dx-state-hover {
    background-color: #ff0005a8 !important;
    border-color: #ff0005a8 !important;
    color: #e6e5e5 !important;
}

.dx-button-default.dx-state-hover {
    background-color: #ff0005a8 !important;
    border-color: #ff0005a8 !important;
    color: #e6e5e5 !important;
}

/*.dx-button-normal {
    background-color: #fff;
    border-color: #ddd;
}*/






div.dx-field-value.obligatorio > .dx-widget {
    /*border: solid 1px #ff9999;*/
}


div.dx-field.obligatorio > div.dx-field-label + div.dx-field-value > .dx-widget {
    /*border: solid 1px #ff9999;*/
}


div.dx-field.obligatorio > div.dx-field-value > .dx-widget {
    /*border: solid 1px #ff9999;*/
}




.imagen_logo_principal {
    background-image: url(../Imagenes/logo_principal.png);
    background-size: contain;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    /*width: 100%;
    height: 100%;*/
}

.icono_campo_texto {
    bottom: 9px;
    right: 9px;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.dx-invalid.dx-texteditor + span.icono_campo_texto {
    bottom: 9px;
    right: 32px;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.imagen_mostrar_password {
    background-image: url(../Imagenes/Generales/mostrar_password.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.imagen_ocultar_password {
    background-image: url(../Imagenes/Generales/ocultar_password.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.imagen_cabecera_proveedores {
    background-image: url(../Imagenes/cabecera_proveedores.png);
    background-size: auto;
    background-repeat: round;
}

.imagen_archivos {
    background-image: url(../Imagenes/icono_documentos.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.imagen_cargando {
    background-image: url(../Imagenes/load_documento.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.contenedor_principal {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.centro_contenedor {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centro_vertical {
    display: flex;
    align-items: center;
}

.centro_horizontal {
    display: flex;
    justify-content: center;
}

.elemento_oculto {
    display: none;
}

.contenedor_botones_derecha {
    display: flex;
    justify-content: flex-end;
}

.contenedor_botones_izquierda {
    display: flex;
    justify-content: flex-start;
}

.contenedor_grupo {
    border: solid 1px #71beff;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.3);
}

.contenedor_grupo_cabecera {
    height: 40px;
    border-bottom: solid 1px #71beff;
    background-color: #dcefff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0064bb;
    font-size: 24px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.contenedor_grupo_contenido {
    padding: 10px;
}

.contenedor_visor {
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.3);
    width: 100%;
    height: auto;
}