/* INICIO GRILLAS */
.DIVgrillaOuter {
  width: 98%;
  height: 89vh; /* 80%; */
  display: flex;
  flex-direction: column;
  margin: auto;
  box-sizing: border-box;
}
.DIVgrillaHeader {
  background-color: #2b4052;
  color: white;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px 0;
}

/* ---  ---  ---  ---  ---  ---  ---  ---  ---  --- */
.DIVgrillaHeader {
  position: relative;
  z-index: 1;
  box-shadow: 0px 3px 4px black;
  display: grid;
  grid-template: "a b c" auto / 1fr 2fr 1fr;
}
.DIVgrillaHeader .botonera {
  text-align: left;
  padding: 0 5px;
  box-sizing: border-box;
}
.DIVgrillaHeader .botonera BUTTON {
  cursor: pointer;
  border: 1px solid #f4f3f3;
  background-color: #f4f3f3;
  color: #00395a;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 4px;
  transition: 0.4s;
  font-weight: bold;
}
.DIVgrillaHeader .botonera BUTTON:hover {
  background-color: white;
  color: black;
}
.DIVgrillaHeader .botoneraDerecha {
  justify-content: end;
  display: inline-flex;
}
/* ---  ---  ---  ---  ---  ---  ---  ---  ---  --- */

.DIVgrillaFooter {
  border-top: 1px solid silver;
  display: flex;
  font-size: .9em;
  font-weight: bold;
  padding: 3px 0;
}
.DIVgrilla {
  width: 100% !important;
  flex-grow: 1;
  margin: auto;
}

.DIVgrilla .gridRowHover {
  background-color: #F4F4F4;
}

.DIVgrilla TR.odd_material {
  background-color: #FFFFFF;
}

.DIVgrilla TR.ev_material {
  background-color: #FDFDFD;
}

div.gridbox_material.gridbox table.hdr td div.hdrcell {
  text-align: center;
}

div.gridbox_material.gridbox {
  flex-grow: 1;
  border: none !important;
}

div.gridbox_material.gridbox .xhdr,
div.gridbox_material.gridbox TABLE.hdr {
  background-color: gainsboro !important;
}

div.gridbox_material.gridbox table.hdr tr,
div.gridbox_material.gridbox table.hdr tr td {
  background-color: transparent;
  color: black;
  border: none;
  border-left: 1px dotted white;
  font-weight: bold;
  font-size: 14px;
}

div.gridbox_material .TDaccion {
  display: inline-flex;
  text-align: center;
}

div.gridbox_material .TDaccion A {
  padding: 0 2px;
}

div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
    border-top: none;
}
.DIVgrillaMsj {
  flex-grow: 1;
  padding-left: 3px;
}
.DIVgrillaFooter .DIVgrillaIconoReload {
 background-image: url('/include/dhtmlxGrid/imgs/table_refresh.png');
}
.DIVgrillaFooter .DIVgrillaIconoPrint {
 background-image: url('/include/dhtmlxGrid/imgs/printer.png');
}
.DIVgrillaFooter .DIVgrillaIconoCSV {
 background-image: url('/include/dhtmlxGrid/imgs/page_white_excel.png');
}
.DIVgrillaFooter .DIVgrillaIcono {
 width: 30px;
 background-position: center center;
 background-repeat: no-repeat;
 cursor: pointer;
 transition: .5s;
}
.DIVgrillaFooter .DIVgrillaIcono:hover {
  background-color: #E6F4F4;
}
.DIVgrillaFooter .DIVgrillaIconoFiltros {
  width: unset;
  _border-right: 1px solid silver;
  _border-left: 1px solid silver;
  padding: 0 5px;
}
div.gridbox .filter input {
  border: none;
}
.DIVgrillaFooter .DIVgrillaMsj.InsAct {
  font-size: .8em;
  font-weight: normal;
}
div.gridbox .filter div.dhxcombo_material {
    height: 20px;
}
div.gridbox .filter div.dhxcombo_material div.dhxcombo_select_button {
  top: 2px;
  height: 20px;
}
div.gridbox .filter .dhxcombo_input {
  height: 22px;
}
/* FIN GRILLAS */

div.gridbox_material.gridbox table.obj tr td,
.dhx_grid_adjust {
  font-family: unset;
}

div.gridbox div.ftr td {
  background-color: whitesmoke;
  text-align: center;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon {
  background-color: #CEC9C9;
  cursor: pointer;
  box-shadow: 0px 3px 4px 0px black;
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
  border-right-color: transparent;
}

.gridbox_material.gridbox .dhx_sub_row {
  background-color: #f3f3f3;
  border-top: 1px dotted white;
  border-left: 1px dotted white;
  _padding: 5px 0 0 5px;
}

.objbox_loading {
    background: linear-gradient(0deg, #FFFFFF, #c6c3c2, #FFFFFF); /* dfdbd2 */
    animation: objbox_loading_Animation 2s ease infinite;
    background-size: 200% 200%;
}
@keyframes objbox_loading_Animation {
    0%{background-position:60% 0%}
    50%{background-position:41% 100%}
    100%{background-position:60% 0%}
}

.hdr TD:hover {
  background: #CCCCCC !important;
  transition: .4s;
}

.dhtmlx_validation_error{
    background: linear-gradient(0deg, tomato, yellow, white); /* dfdbd2 */
    animation: objbox_loading_Animation .4s ease 4;
    background-size: 1200% 200%;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  background-image: url(/include/dhtmlxGrid/imgs/dhxgrid_material/ar_left_dis.gif);
}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  background-image: url(/include/dhtmlxGrid/imgs/dhxgrid_material/ar_left.gif);
}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  background-image: url(/include/dhtmlxGrid/imgs/dhxgrid_material/ar_right_dis.gif);
}
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  background-image: url(/include/dhtmlxGrid/imgs/dhxgrid_material/ar_right.gif);
}

 .editableCell {
  cursor: pointer;
  _border-top: 1px dashed darkred !important;
  border-bottom: 1px dashed darkred !important;
}