body, html {
    padding: 0;
    margin: 0;
    overflow:hidden ;
}

.dxTheme-Office365Dark > body {
    background-color: rgb(0,62,85)
}

/*Contenido del ribbon*/
.dxrControl_DevEx1 .dxr-tabContent {
    border: 1px solid #9da0aa;
    border-top-width: 0px;
    background: rgb(0, 62, 85);
    height: calc(3.55em + 1.36em + 41px);
    min-height: 95px;
}

/*color del texto de grilla*/
.dxrControl_DevEx1 .dxr-buttonItem {
    cursor: pointer;
    text-decoration: none;
    color: #FFFFFF;
}
/*color de cajas de texto de grilla(modulo de datos)*/
.dxeEditArea_Office365Dark, body input.dxeEditArea_Office365Dark {
    color: black;
}
/*combo de grilla*/
.dxeButtonEdit_Office365Dark, .dxeTextBox_Office365Dark {
    background-color: whitesmoke;
    input.dxeEditArea_Office365Dark{color: black;}
}
/*Boton de combo*/
.dxeButtonEditButton_Office365Dark {
    background-color: #003E55;
}
/*Borde derecho encima de scroll de la grilla*/
.dxgvControl_Office365Dark .dxgvHSDC {
    background-color: #003E55;
    border-right: 1px solid #003E55;
}

/*Relleno de grilla sin datos*/
.dxgvControl_Office365Dark, .dxgvDisabled_Office365Dark {
    background-color: rgb(0, 62, 85);
}
.dxgvTable_Office365Dark {
    background-color: #0c2c38;
}

.dxsplControl_Office365Dark .dxsplLCC {
    background-color: rgb(0, 62, 85);
}
    /*separador defs paneles*/
    .dxsplVSeparator_Office365Dark, .dxsplHSeparator_Office365Dark, .dxsplControl_Office365Dark {
    background-color: #3f888f;
    border: 0px solid #003E55;
}

/*Botoncito del separador*/
.dxWeb_splVSeparator_Office365Dark, .dxWeb_splHSeparator_Office365Dark {
    background-color: black;
}
/*flechita del treeview*/
.dxtlIndent_Office365Dark, .dxtlIndentWithButton_Office365Dark {
    background: #003E55 none no-repeat top center;
}
.myRibbonClass .dxtc-stripContainer .dxtc-strip .dxtc-spacer {
    background-color: #0c2c38;
}

.myFilterCellClass > table[id*=DXFREditorcol] > tbody > tr > td {
    background-color: whitesmoke;
    input.dxeEditArea_Office365Dark{color: black;}
}

input.dxeTextBox_Office365Dark {
    background-color: black;
}

/*color de la baara que dice No data to display de la grilla cuando esta vacia*/
table.dxgvHHEC td.dxgvPHEC:not(.dxgvMCLN) {
    color:white;
    /*background: rgb(0,62,80);*/
}

/*barra de exportar Excel*/
.dxmLite_Office365Dark .dxctToolbar_Office365Dark.dxm-main.dxmtb {
    background-color: #0c2c38;
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
/*Boton de exportar*/
/* Estilo base */
.dxm-content {
    background-color: #003E55; /* Color de fondo original */
}

/* Estilo cuando se pasa el mouse */
.dxm-content:hover {
    background-color: #005f73; /* Color más suave al pasar el mouse */
}

/* Para los elementos específicos del menú de impresión */
.dxmLite_Office365Dark.dxm-ltr .dxm-popup .dxm-noImage {
    padding-left: 0px;
    background-color: rgb(0, 62, 85); /* Color de fondo original */
}

/* Hover para los elementos del menú de impresión */
.dxmLite_Office365Dark.dxm-ltr .dxm-popup .dxm-noImage:hover {
    background-color: rgb(0, 80, 110); /* Color más suave al pasar el mouse */
}



/*lista de filtro*/
.dxeListBoxFilter_Office365Dark {
    background-color: #0c2c38;
}

.dxeListBox_Office365Dark {
    background-color: rgb(0, 62, 85);
}

.dxeButtonEdit_Office365Dark, .dxeTextBox_Office365Dark {
    input.dxeEditArea_Office365Dark{
    color: black;}
}
/*Cuando selecionar en un listbox*/
.dxeListBoxItemSelected_Office365Dark {
    color: white;
    font-weight: bold;
    background-color: rgb(0, 80, 110); /*naranja*/
}

.dxeListBoxItemHover_Office365Dark {
    color: white;
    font-weight: bold; 
    background-color: rgb(0, 80, 110);
}

.dxeListBoxItemHover_Office365Dark.dxeListBoxItemSelected_Office365Dark {
    color: #ffffff;
    background-color: rgb(0, 80, 110);
}
/************************************/

.dxrControl_Office365Dark .dxr-buttonItem.dxr-itemHover, .dxrControl_Office365Dark .dxr-buttonItem.dxr-itemPressed, .dxrControl_Office365Dark .dxr-grExpBtn.dxr-grExpBtnHover, .dxrControl_Office365Dark .dxr-grExpBtn.dxr-grExpBtnPressed, .dxrControl_Office365Dark .dxr-olmGrExpBtn.dxr-itemHover, .dxrControl_Office365Dark .dxr-olmGrExpBtn.dxr-itemPressed {
    background: #1f4d5b;
    color: #FFFFFF;
}

.dxpcLite_Office365Dark .dxpc-footer, .dxdpLite_Office365Dark .dxpc-footer {
    color: white;
    border-top: 1px solid #000000;
    background-color: #0c2c38; /*colro mas oscurito*/
}
/*login*/
/*borde superior*/
.dxpcLite_Office365Dark .dxpc-header, .dxdpLite_Office365Dark .dxpc-header {
    background-color: #003E55;
}
/*cuerpo*/
.dxpc-contentWrapper {
    background-color: #0c2c38;
}

.buttonLogin {
    background-color: #003E55;
    border-color: darkgrey;
    border: 1px solid;
    border-radius: 5px;
}

.txtPWLogin{
    width: 100%; 
}

.cssCampos {
    height: calc(100% - 14px) !important;
}

.cssCamposMG {
    height: 100% !important;
}

.cssFechas {
    /*height: calc(100%-26px) !important;*/
    height: 93.5% !important;
}

#idFechas {
    height: 100% !important;
}
.cssLstFiltro {
    height: 100% !important;
    width: 100% !important;
    overflow-y: hidden scroll ;
}

.dxtlCSD {
    height: 100% !important;
}

.cssChkFiltro {
    justify-content: center !important;
}
#idCamposTabla {
    height: calc(100% - 14px) !important;
}

#idFiltro {
    height: 100% !important;
}

.cssLstCuentaMG {
    height: 93.5% !important;
}

.align-right-container {
    margin-top: 20px; /* Ajusta este valor según tus necesidades */
    text-align: right;
}

.align-right {
    margin-top: 50px;
    text-align: right;
}

.dxflHALSys {
    text-align: right;
}

.chekBoxCenter {
    text-align:center ;
}

.iniPopup {
    /*z-index: 30500 !important;*/   
}

.dxeListBox_Office365Dark .dxeListBoxFilter_Office365Dark .dxeButtonEditSys, .dxeListBox_Office365Dark .dxeListBoxFilter_Office365Dark .dxeButtonEditSys .dxeEditAreaSys {
    background-color: transparent;
    /* border-color: transparent; */
    color: white;
}

.dxtcLite_Office365Dark.dxtc-top > .dxtc-content {
    border-top-style: solid !important;
    padding: 5px;
}
/*Bordes de cuando se hace click en editar en gridview*/
.dxgvEditForm_Office365Dark > td.dxgv {
    border-bottom: 1px solid #000000 !important;
    padding: 1px 0 1px 1px;
    background-color: #222222;
}

/*grid maestro detalle*/
.dxgvDetailRow_Office365Dark td.dxgvDetailCell_Office365Dark, .dxgvAdaptiveDetailRow_Office365Dark td.dxgvAdaptiveDetailCell_Office365Dark {
    padding: 2px 2px;
}

.hidden {
    display: none;
}

.myFooter {
    height: 40px;
}

.align-right {
    float: right !important; /* Alinea el control a la derecha */
    margin-right: 0 !important; /* Asegura que no haya margen a la derecha */
}
.my-header {
    height: 10px !important;
    padding: 5px !important;
}

.multi-line-header {
    white-space: normal; /* Permite saltos de línea */
    word-wrap: break-word; /* Ajusta el texto para que se divida en varias líneas si es necesario */
    text-align: center; /* Centra el texto en la celda */
}

#idTab1 #idTab2 {
    min-height: 400px; /* Ajusta este valor según sea necesario */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.custom-border {
    border: 3px solid #0000FF; /* Bordes gruesos y color azul */
    border-radius: 5px; /* Bordes redondeados opcionales */
    padding: 5px; /* Ajustar el espacio interno si es necesario */
}

/*group buenes*/

.dxflGroupBox_Office365Dark {
    display: table;
    border-collapse: separate;
    width: 100%;
    border: 1px Solid #777777;
    padding: 0 0 12px;
    margin: 10px 0;
    background-color: #0c2c38;
}

.customRibbonItem {
    margin-top: 5px !important; /* Espacio entre los ítems */
}