@import url("buttons.css");

.tablaPadre {
    width: 100%;
}

.tablaHija {
    width: auto;
    border-radius: 5px;
}

.Negrita {
    font-weight: bold;
}

.CentrarIMG {
    vertical-align: middle;
    text-align: center;
}

.limpiarTexto {
    font-weight: normal;
    text-decoration: none;
    color: Black;
}

.nowrap {
    white-space: nowrap;
}

body {
    font: 12px 'Roboto Regular',Helvetica,'Droid Sans',Tahoma,Geneva,sans-serif;
    margin: 0;
    padding: 0;
    background: #e0eaf6;
    scrollbar-face-color: #CBDDF3;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #CBDDF3;
    scrollbar-shadow-color: #CBDDF3;
    scrollbar-darkshadow-color: #CBDDF3;
    scrollbar-arrow-color: #536080;
    scrollbar-track-color: #F4F4F4;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-thumb {
    background: #838383;
    border: 0 none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #71AEE0;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #71AEE0;
    }

::-webkit-scrollbar-track {
    background: #d4d4d4;
    border: 0 none #ffffff;
    border-radius: 50px;
}



::-webkit-scrollbar-corner {
    background: transparent;
}

.container_popup {
    padding: 5px 5px 5px 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

#container_popup {
    padding: 5px 5px 5px 5px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px;
}

#header-container {
    height: 85px;
    background-color: #e0eaf6;
}

#header-container-botonera {
    border: solid 1px #cccccc;
    height: 34px;
    background: url(../../images/headerbg.png) repeat-x;
    margin-bottom: 7px;
}

#container {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    padding: 0 0 0 0;
}

#content {
    width: 100%;
}

#footer-wrap {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#footer {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
}

#popUpTextAlign {
    text-align: left;
    text-decoration: underline;
}

.titleToolBar {
    padding: 3px 3px 3px;
    background-color: #cad6e5;
    border-radius: 5px;
}

.titleToolBar2 {
    background-color: #73cc88;
    border-bottom: 1px solid #328546;
    color: #1E395B;
    font-size: 8pt;
    padding: 3px 3px 5px;
    text-align: center;
    font-weight: bold;
}

.titleToolBarGray {
    background-color: lightgrey;
    border-bottom: 1px solid gray;
    color: #525252;
    font-size: 8pt;
    padding: 3px 3px 5px;
    text-align: center;
    font-weight: bold;
}

.titleToolBarError {
    background-color: #ac2222;
    border-bottom: 1.5px solid #812424;
    color: #e0eaf6;
    font-size: 8pt;
    padding: 3px 3px 5px;
    text-align: center;
    font-weight: bold;
}

.round_panel {
    padding:3px;
    background-color: #e0eaf6;
}

#popup_area {
    width: auto;
}

.loading_exportando {
    visibility: hidden;
    display: none;
}

.ocultar_controles {
    visibility: hidden;
    display: none;
}

.ocultar_divs {
    visibility: hidden;
    display: none;
}

.bubble {
    height: 14px;
    width: 14px;
    background-image: none;
    position: absolute;
    right: 5px; /*top: 8px;*/
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 9px;
    line-height: 14px;
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 9px;
    font-weight: bold;
    cursor: pointer;
    display: none;
    margin-top: -5px;
}

.edit-form {
    padding: 5px;
    background-color: #e0eaf6;
}

.box-disabled {
    cursor: default;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    display: flex;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

.dxtcLite_MaterialCompact .dxtc-content {
    color: black !important;
    background: White;
    border: 1px solid #859ebf;
    font: 12px 'Roboto Regular',Helvetica,'Droid Sans',Tahoma,Geneva,sans-serif;
    float: left;
    clear: left;
    overflow: visible;
    padding: 11px;
}

.dxnbLite_MaterialCompact .dxnb-content {
    color: black !important;
    border: 0px;
    background-color: #e0eaf6;
}

.round_panel_green {
    padding: 8px;
    background-color: #E5EECF;
}

.ChangeZIndex {
    z-index: 12003 !important;
    position: absolute !important;
}

.div-separador {
    height: 1px;
    background-color: lightgray;
}

.div-separador-thick {
    height: 1px;
    background-color: lightgray;
    margin-top: 5px;
    margin-bottom: 5px;
}

.noScrollbars {
    overflow: hidden !important;
}

.noScrollbarVertical {
    overflow-y: hidden !important;
}

.noScrollbarHorizontal {
    overflow-x: hidden !important;
}

div[class*='dxbDisabled'][id*='cmdGuardar'] {
    background-color: #989898;
}

    div[class*='dxbDisabled'][id*='cmdGuardar']:active {
        position: relative;
        top: 1px;
    }

    div[class*='dxbDisabled'][id*='cmdGuardar']:hover {
        background-color: #989898;
    }

.itemForeColorGreen {
    color: forestgreen;
}

.itemForeColorCrimson {
    color: crimson;
}

td .nowrap {
    white-space: nowrap;
}

.tablaHija.footer-edicion-lotes {
    height: 40px !important;
    width: 699px;
}

.cuadro-total {
    width: fit-content;
    display: flex;
    justify-content: left;
    justify-self: right;
    padding: 2px 5px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
}

.valor-total {
    font-weight: bold;
    font-size: 12px;
}


.advertencia {
    white-space: nowrap;
    height: 20px;
    margin: 3px;
    border-width: 3px;
    border-color: #FFFFFF;
    padding: 3px;
}

.dxbButton_MaterialCompact {
    border-radius: 5px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #71AEE0;
}

    .dxbButton_MaterialCompact:hover {
        background-color: #2C85C7;
        transform: scale(1.05);
    }

    .dxbButton_MaterialCompact:focus-within {
        background-color: #2C85C7;
        transform: scale(1.05);
    }

    .dxbButton_MaterialCompact.dxbDisabled_MaterialCompact:hover {
        background-color: #DDDDDD;
        transform: scale(1);
    }

.dxeButtonEdit_MaterialCompact {
    border-radius: 5px;
}

.dxeButtonEditButton_MaterialCompact, .dxeCalendarButton_MaterialCompact, .dxeSpinIncButton_MaterialCompact, .dxeSpinDecButton_MaterialCompact, .dxeSpinLargeIncButton_MaterialCompact, .dxeSpinLargeDecButton_MaterialCompact, .dxeColorEditButton_MaterialCompact {
    border-radius: 5px;
    padding: 0px 7px 0px 7px;
}

.dxeDisabled_MaterialCompact {
    color: #bbbbbb !important;
}

.dxeBase_MaterialCompact {
    color: unset;
}

.dxICBFocused_MaterialCompact:not(.dxToggle)::after, .dxICBFocused_MaterialCompact .dxSwitcher::after {
    display: none;
}

.dxeIRBFocused_MaterialCompact::after{
    display: none;
}

.dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvFocusedRow_MaterialCompact, .dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvFocusedRow_MaterialCompact.dxgvDataRowHover_MaterialCompact {
    background-color: #CEE2F4;
    color: #2b2b2b;
    font-weight: bold;
}

.dxpc-headerContent, .dxpc-footerContent {
    text-align: center;
    padding-top: 3px;
}

.dxpcLite_MaterialCompact .dxpc-header, .dxdpLite_MaterialCompact .dxpc-header {
    color: white;
    background-color: #71AEE0;
    padding: 3px 10px 0px 12px;
    font-weight: bolder;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
}

.dxpcLite_MaterialCompact .dxpc-mainDiv, .dxpcLite_MaterialCompact.dxpc-mainDiv, .dxdpLite_MaterialCompact .dxpc-mainDiv, .dxdpLite_MaterialCompact.dxpc-mainDiv {
    border: 0px;
    border-radius: 6px;
}

.dxnbLiteDisabled_Youthful, .dxnbLite_Youthful .dxnbLiteDisabled_Youthful, .dxnbLiteDisabled_Youthful a, .dxnbLiteDisabled_Youthful .dxnb-item, .dxnbLiteDisabled_Youthful .dxnb-large, .dxnbLiteDisabled_Youthful .dxnb-bullet, .dxnbLiteDisabled_Youthful .dxnb-header, .dxnbLiteDisabled_Youthful .dxnb-headerCollapsed {
    color: black;
}

.dxeTrackBar_MaterialCompact, .dxeButtonEdit_MaterialCompact, .dxeTextBox_MaterialCompact, .dxeRadioButtonList_MaterialCompact, .dxeCheckBoxList_MaterialCompact, .dxeMemo_MaterialCompact, .dxeListBox_MaterialCompact, .dxeCalendar_MaterialCompact, .dxeColorTable_MaterialCompact {
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
    border: 1px solid #ababab;
}

.dxrpControlGB_MaterialCompact > tbody > tr.dxrpCR > .dxrpcontent, .dxrpControlGB_MaterialCompact span.dxrpHeader_MaterialCompact {
    background: #e0eaf6;
    border-radius: 5px;
}

.dxrpControl_MaterialCompact, .dxrpControlGB_MaterialCompact {
    background: #e0eaf6;
    border-radius: 5px;
}
.dxgvHeader_MaterialCompact {
    padding: 6px 3px 6px;
    text-align: center;
    background-color: #cad6e5;
    border: 0px;
    border-right: 1px solid #b5b5b5;
}

.dxgvFilterRow_MaterialCompact td.dxgv {
    padding: 3px 3px 3px 3px;
    border-right: 1px solid #b5b5b5;
    border-bottom: 0px;
    border-top: 1px solid #b5b5b5;
}

.dxeTextBox_MaterialCompact td.dxic, .dxeButtonEdit_MaterialCompact td.dxic, .dxeButtonEdit_MaterialCompact[cellspacing="0"] td.dxic {
    padding: 7px 0px 7px 5px;
}

.dxGridView_gvFilterRowButton_MaterialCompact {
    margin-left: 0px;
}

.dxgvDataRow_MaterialCompact .dxICheckBox_MaterialCompact, .dxgvInlineEditRow_MaterialCompact .dxICheckBox_MaterialCompact, .dxgvEditFormDisplayRow_MaterialCompact .dxICheckBox_MaterialCompact, .dxgvDataRow_MaterialCompact .dxeIRadioButton_MaterialCompact, .dxgvInlineEditRow_MaterialCompact .dxeIRadioButton_MaterialCompact, .dxgvEditFormDisplayRow_MaterialCompact .dxeIRadioButton_MaterialCompact {
    margin: 0px 0px 0px 0px;
}

.dxlpLoadingPanel_MaterialCompact, .dxlpLoadingPanelWithContent_MaterialCompact {
    border-radius: 5px;
}

.dxpcLite_MaterialCompact .dxpc-footer, .dxdpLite_MaterialCompact .dxpc-footer {
    color: #e0eaf6;
    border-top: 2px;
    background-color: #e0eaf6;
}

.dxgvControl_MaterialCompact, .dxgvDisabled_MaterialCompact {
    border-radius: 5px;
}

.dxnbLite_MaterialCompact .dxnb-item.dxnb-link, .dxnbLite_MaterialCompact .dxnb-item .dxnb-link, .dxnbLite_MaterialCompact .dxnb-bullet.dxnb-link {
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
}

.dxnbLite_MaterialCompact .dxnb-header, .dxnbLite_MaterialCompact .dxnb-headerCollapsed {
    border-radius: 5px;
    padding: 11px 11px 11px;
    margin: 2px;
    border: 0px;
    border-bottom: none;
}

.dxnbLite_MaterialCompact .dxnb-item.dxnb-last, .dxnbLite_MaterialCompact .dxnb-large.dxnb-last, .dxnbLite_MaterialCompact .dxnb-bullet.dxnb-last {
    background-color: #e0eaf6;
}

.dxnbLite_MaterialCompact {
    background-color: #e0eaf6;
}

.dxgvPopupEditForm_MaterialCompact {
    padding: 0px;
    border-radius: 5px;
}

.dxpcLite_MaterialCompact, .dxdpLite_MaterialCompact {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dxbButton_MaterialCompact div.dxb{
    border: 0px;
}

.dxtcLite_MaterialCompact > .dxtc-stripContainer .dxtc-tab a:hover{
    transform: scale(1.05);
}

.dxgv td:has(:not(:empty)):has([data-value^="0"], [data-value^="1"], [data-value^="2"], [data-value^="3"], [data-value^="4"], [data-value^="5"], [data-value^="6"], [data-value^="7"], [data-value^="8"], [data-value^="9"]) {
    text-align: center;
}

.dxgvEditFormDisplayRow_MaterialCompact td.dxgv, .dxgvDetailCell_MaterialCompact td.dxgv, .dxgvAdaptiveDetailCell_MaterialCompact td.dxgv, .dxgvDataRow_MaterialCompact td.dxgv, .dxgvAdaptiveDetailRow_MaterialCompact td.dxgvAIC {
    border-bottom: 0px !important;
}

.dxgvFilterRow_MaterialCompact td.dxgv {
    background-color: #cad6e5;
}

.dxtvControl_MaterialCompact .dxtv-ndHov {
    background-color: #CEE2F4;
    border-radius: 5px;
}

a.dxbButton_MaterialCompact:hover, a.dxbButton_MaterialCompact:focus-within {
    color: #2C85C7;
    text-decoration: none;
    background-color: transparent;
    transform: scale(1.1);
}

.dxgvLoadingPanel_MaterialCompact{
    border-radius:5px;
}

.dxpcLite_MaterialCompact .dxpc-content, .dxdpLite_MaterialCompact .dxpc-content {
    border-radius: 5px;
}

.dxrpControl_MaterialCompact td.dxrpHeader_MaterialCompact {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

.dxrpControl_MaterialCompact td.dxrpHeader_MaterialCompact {
    color: #484848;
    background-color: #CEE2F4;
    font-size: 1.11em;
    border-bottom: 0px solid #DFDFDF;
    border-radius: 5px;
}

.dxrpControl_MaterialCompact {
    border: 0px;
}

    .dxrpControl_MaterialCompact .dxrpHeader_MaterialCompact .dxrpCollapseButton {
        background-color: white;
    }
.dxrp-CollapseBtnHover {
    background-color: #71AEE0;
}

.dxnbLite_MaterialCompact div.dxnb-headerCollapsed {
    background-color: #CEE2F4;
}
.dxnbLite_MaterialCompact .dxnb-header, .dxnbLite_MaterialCompact .dxnb-headerCollapsed {
    background-color: #CEE2F4;
}

.dxpcLite_MaterialCompact .dxpc-closeBtn{
    padding: 4px;
}

.dxWeb_pcCloseButton_MaterialCompact {
    background-position: -138px -149px;
    background-size: 590px auto;
    width: 20px;
    height: 20px;
}

.dxeButtonEditClearButton_MaterialCompact img {
    display: none !important;
}

.dxgvEditForm_MaterialCompact > td.dxgv {
    background-color: #e0eaf6;
}

.dxmLite_MaterialCompact .dxm-popup .dxm-popOut {
    padding-left: 4px;
    padding-right: 6px;
}

.dxmLite_MaterialCompact .dxm-popup.dxm-shadow {
    border-radius: 5px;
    margin-left: 8px;
}

.dxmLite_MaterialCompact .dxm-popup {
    border: 0px solid #DCDCDC;
}

.dxgvFocusedRow_MaterialCompact .dxWeb_edtCheckBoxChecked_MaterialCompact {
    background-position: -400px -76px;
}

.dxgvFocusedRow_MaterialCompact .dxWeb_edtCheckBoxUnchecked_MaterialCompact {
    background-position: -40px -98px;
}

.dxeListBoxItem_MaterialCompact {
    padding: 2px 6px;
}

.dxeCalendarHeader_MaterialCompact {
    padding: 4px 8px;
}

.dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:first-child, .dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > div.dxAC > div > table > tbody > tr > td:first-child {
    padding: 4px 8px;
}

.dxeCalendarDayHeader_MaterialCompact {
    padding: 4px;
}
.dxeCalendarDay_MaterialCompact {
    padding: 6px 10px;
    border-radius: 10em;
}

.dxeCalendarFooter_MaterialCompact {
    padding: 5px;
    border-top: 0px;
}

v.dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td, .dxeCalendar_MaterialCompact td.dxMonthGrid > table > tbody > tr:last-child > td {
    padding-bottom: 0px;
}
.dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td, .dxeCalendar_MaterialCompact td.dxMonthGrid > table > tbody > tr:last-child > td {
    padding-bottom: 4px;
}
.dxeDateEditClockCell_MaterialCompact {
    padding: 4px;
}

.dxeICC {
    text-align: center;
}
.dxEditors_edtDETSClockFace_MaterialCompact {
    background-position: -110px -110px;
    background-size: 300px auto;
    width: 110px;
    height: 110px;
}
.dxEditors_edtDETSHourHand_MaterialCompact {
    background-position: 0px -0px;
    background-size: 300px auto;
    width: 110px;
    height: 110px;
}

.dxeDateEditTimeEditCell_MaterialCompact {
    padding: 4px;
}

.dxlpControl_MaterialCompact.dxlpLoadingDiv_MaterialCompact {
    border-radius: 5px;
}

.dxpcDropDown_MaterialCompact .dxpc-mainDiv {
    border-radius: 5px;
}

.dxpcDropDown_MaterialCompact, .dxeDropDownWindow_MaterialCompact {
    border-radius: 5px;
}

.dxgvControl_MaterialCompact.dxgvInLookup .dxgvTable_MaterialCompact, .dxgvControl_MaterialCompact.dxgvInLookup .dxgvHSDC, .dxgvControl_MaterialCompact.dxgvInLookup .dxgvCSD, .dxgvControl_MaterialCompact.dxgvInLookup .dxgvPagerBottomPanel_MaterialCompact {
    border-radius: 5px;
}

#report_div {
    width: 2000px !important;
}
.dxgvStatusBar_MaterialCompact tr.dxgv > td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvFocusedRow_MaterialCompact a, .dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvFocusedGroupRow_MaterialCompact a {
    color: #71AEE0;
}

.dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-main.dxmtb {
    padding-top: 10px;
    padding-bottom: 10px;

}

.dxgvGroupPanel_MaterialCompact {
    padding: 10px;
    background-color: #e0eaf6;
    border-radius: 5px;
}

    .dxgvGroupPanel_MaterialCompact .dxgvHeader_MaterialCompact, .dxgvAdaptiveGroupPanel_MaterialCompact .dxgvHeader_MaterialCompact {
        background-color: white;
        font-weight: bold;
        border: 1px solid #dcdcdc;
        padding: 5px 10px;
        border-radius: 5px;
    }

.dxgvFocusedGroupRow_MaterialCompact {
    background-color: #CEE2F4;
    color: white;
    font-weight: bold;
}

.dxFirefox .dxeMemo_MaterialCompact .dxeMemoEditArea_MaterialCompact, .dxeMemo_MaterialCompact .dxeMemoEditArea_MaterialCompact {
    padding: 5px;
    border-radius: 5px;
}

.dxmLite_MaterialCompact .dxm-vertical .dxm-image-t .dxm-content, .dxmLite_MaterialCompact .dxm-vertical .dxm-image-b .dxm-content {
    padding: 8px 10px 8px 10px;
}

.dxeButtonEditButton_MaterialCompact.dxeButtonEditClearButton_MaterialCompact, .dxeButtonEditButton_MaterialCompact.dxeButtonEditClearButton_MaterialCompact:hover {
    display: none;
}

.dxgvTitlePanel_MaterialCompact, .dxgvTable_MaterialCompact caption {
    background-color: #b3c2cf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: black;
}

.dxgvStatusBar_MaterialCompact {
    background-color: #cad6e5;
    margin-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dxgvTable_MaterialCompact {
    border: 0px;
    border-radius:0px;
}

.dxgvControl_MaterialCompact .dxgvCSD {
    border: 0px solid #DFDFDF;
}