/**
 * Creacion 17 de Septiembre del 2015
 * @author Fernando Reyna
 */

.x-panel-body .x-panel-body-default .x-panel-body-default .x-scroll-container
{
  overflow: auto !important;
}

.dashboard_icon_selector
{
  border-radius: 50%;
  background: #00B4E3;
  width: 79px;
  height: 79px;
  margin: auto;
}

.dashboard_menu_selector
{
  border-radius: 50%;
  /*background: #00B4E3;*/
  width: 110px;
  height: 110px;
  margin: auto;
}

.dashboard_menu_icon
{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main_dashboard
{
  width: 100%;
  height: 100%;
  /*background-image: url(../img/linea_azul.png);*/
  background-repeat: repeat-x;
  position: fixed;
  overflow-x: auto;
}

.line_top
{
  width: 100%;
  height: 4px;
  background-color: #00B5E6;
}

.menu
{
  backface-visibility:hidden;
  left:0;
  list-style:none;
  margin:0;
  min-height:30px;
  padding:0;
  position:absolute;
  text-align:center;
  top:150px;
  width:100%;
  z-index:100002;
}
.menu ul
{
  padding:0;
  margin:0;
  list-style-type: none;
}
.menu ul li
{
  display:inline-block;
  position:relative;
  width: 170px;
  text-align: center;
  cursor: pointer;
}

.menu ul li ul
{
  visibility:hidden;
  position:absolute;
  top:0;
  left:0;
  height:0;
  overflow:hidden;
  z-index: 100000;
}

.menu ul li:hover a,
.menu ul li a:hover
{
  color:#00B4E3;
  text-decoration:none;
  border:0;
}

.menu ul li:hover ul,
.menu ul li a:hover ul
{
  visibility:visible;
  width:170px;
  height:auto;
  position:absolute;
  top:149px;
  left:-1px;
  background:#fff;
  border: 1px solid #8FDEFF;
  overflow:visible;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a
{
  display:block;
  background:transparent;
  text-decoration:none;
  color:#00B4E3;
  font-size: 13px;
  font-weight: bold;
  font-family: arial;
  height:auto;
  line-height:1.5em;
  width:150px;
  text-align: center;
  padding: 1px;
  margin: 5px 10px;/*MENU_TOP*/
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop
{
  display:block;
  color:#000;
  height:auto;
  line-height:1.5em;
  width:150px;
  text-align: center;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul
{
  visibility:hidden;
  position:absolute;
  top:0;
  left:0;
  height:0;
  overflow:hidden;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover
{
  color:#FFFFFF;
  background-color: #00B4E3;
  text-decoration:none;
  margin: 5px 10px;/*MENU_TOP*/
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul
{
  visibility:visible;
  position:absolute;
  top:-1px;
  color:#9A9A9A;
  left:169px;
  height:auto;
  border:1px solid #B3B3B3;
  font-size: 15px;
  font-weight: bold;
  font-family: arial;
  text-align: center;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left
{
  left:-166px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a
{
  display:block;
  color:#9A9A9A;
  height:auto;
  line-height:1.5em;
  width:150px;
  margin: 5px 10px;
}

* html .menu ul li a:hover ul li a:hover ul li a
{
  margin: 5px 10px;
}

.menu ul li:hover ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover ul li a:hover
{
  color:#FFFFFF;
  text-decoration:none;
  background-color: #9A9A9A;
  margin: 5px 10px;
}

.opcion_menu
{
  width:  170px;
}

.opcion_menu p
{
  color:  #00B4E3;
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
}

header
{
  backface-visibility:hidden;
  height:200px;
  left:0;
  position:absolute;
  text-align:center;
  top: 10px;
  width: 100%;
  z-index:100002;
}

.hr_blue
{
  width: 130px;
  border: 0;
  color: #AEE7FF;
  background-color: #AEE7FF;
  height: 1px;
  margin: 0 auto;
  padding: 0;
}

.hr_gray
{
  width: 150px;
  border: 0;
  color: #B3B3B3;
  background-color: #B3B3B3;
  height: 1px;
  margin: 0 auto;
  padding: 0;
}

.x-form-text-default
{
  background-color: #fff;
  color: #8F8F8F;
  font: 20px arial,verdana,sans-serif;
  min-height: 22px;
  padding: 4px 6px 3px;
}

.menu_lateral
{
  backface-visibility:hidden;
  left:0;
  list-style:none;
  margin:0;
  min-height:30px;
  padding:0;
  position:absolute;
  text-align:center;
  top:0px;
  width:45;
  z-index:100002;
  background-color:#00B4E3;
  height: 100%;
}

.menu_lateral ul
{
  padding:0;
  margin:0;
  list-style-type: none;
}

.menu_lateral ul li
{
  position:relative;
  width: 45px;
  cursor: pointer;
}

.menu_lateral ul li ul
{
  visibility:hidden;
  position:absolute;
  /*top:0;
  left:0;
  height:0;
  overflow:hidden;*/
}

.menu_lateral ul li.icono_klay:hover div,
.menu_lateral ul li.icono_klay a:hover
{
  background-color: #FFFFFF;
  text-decoration:none;
  border:0;
  cursor: auto;
}

.menu_lateral ul li:hover div,
.menu_lateral ul li a:hover
{
  background-color: #0088A6;
  text-decoration:none;
  border:0;
}

.menu_lateral ul li:hover ul,
.menu_lateral ul li a:hover ul
{
  visibility:visible;
  width:130px;
  height:auto;
  position:absolute;
  top:0px;
  left:45px;
  background:#0088A6;
  border:1px solid #0088A6;
  overflow:visible;
}

.menu_lateral ul li:hover ul li a,
.menu_lateral ul li a:hover ul li a
{
  display:block;
  background:transparent;
  text-decoration:none;
  color:#FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: arial;
  height:auto;
  line-height:1.5em;
  width:128px;
  text-align: left;
  padding: 4px;
}

.menu_lateral ul li:hover ul li a.drop,
.menu_lateral ul li a:hover ul li a.drop
{
  display:block;
  color:#000;
  height:auto;
  line-height:1.5em;
  width:130px;
  text-align: center;
}

.menu_lateral ul li:hover ul li ul,
.menu_lateral ul li a:hover ul li a ul
{
  visibility:hidden;
  position:absolute;
  top:0;
  left:0;
  height:0;
  overflow:visible;
}

.menu_lateral ul li:hover ul li a:hover,
.menu_lateral ul li a:hover ul li a:hover
{
  color:#FFFFFF;
  background-color: #0094AE;
  text-decoration:none;
}

.menu_lateral ul li:hover ul li:hover ul,
.menu_lateral ul li a:hover ul li a:hover ul
{
  visibility:visible;
  position:absolute;
  top:-1px;
  color:#FFFFFF;
  left:128px;
  height:auto;
  border:1px solid #0095B1;
  background-color: #0095B1;
  font-size: 13px;
  font-weight: bold;
  font-family: arial;
  text-align: center;
}

.menu_lateral ul li:hover ul li:hover ul.left,
.menu_lateral ul li a:hover ul li a:hover ul.left
{
  left:-129px;
}

.menu_lateral ul li:hover ul li:hover ul li a,
.menu_lateral ul li a:hover ul li a:hover ul li a
{
  display:block;
  height:auto;
  line-height:1.5em;
  width:130px;
}

* html .menu_lateral ul li a:hover ul li a:hover ul li a
{
}

.menu_lateral ul li:hover ul li:hover ul li:hover a,
.menu_lateral ul li a:hover ul li a:hover ul li a:hover
{
  color:#FFFFFF;
  text-decoration:none;
  background-color: #00A0B8;
}

.menu_lateral_sesion
{
  backface-visibility: hidden;
  background-color: #00B4E3;
  bottom: 0px;
  cursor: pointer;
  padding: 10px 0px;
  position: absolute;
  text-align: center;
  width: 45px;
  z-index: 100002;
}

.menu_lateral_sesion:hover
{
  backface-visibility: hidden;
  background-color: #0088A6;
  bottom: 0px;
  cursor: pointer;
  padding: 10px 0px;
  position: absolute;
  text-align: center;
  width: 45px;
  z-index: 100002;
}

.menu_lateral_intercambio
{
  backface-visibility: hidden;
  background-color: #00B4E3;
  bottom: 57px;
  cursor: pointer;
  padding: 10px 0px;
  position: absolute;
  text-align: center;
  width: 45px;
  z-index: 100002;
}

.menu_lateral_intercambio:hover
{
  backface-visibility: hidden;
  background-color: #0088A6;
  bottom: 57px;
  cursor: pointer;
  padding: 10px 0px;
  position: absolute;
  text-align: center;
  width: 45px;
  z-index: 100002;
}

.opcion_menu_lateral
{
  width:  45px;
  padding: 10px 0;
}

.opcion_menu_lateral p
{
  color:  #00B4E3;
  font-size: 15px;
  font-family: arial;
}

.hr_white
{
  background-color: #ffffff;
  border: 0 none;
  color: #ffffff;
  height: 1px;
  width: 30px;
  margin: 0 auto;
  padding: 0;
}

.hr_light_blue
{
  background-color: #57C7EA;
  border: 0 none;
  color: #57C7EA;
  height: 1px;
  width: 30px;
  margin: 0 auto;
  padding: 0;
}

div.x-box-target > a.x-tab-default-top:first-child
{
  margin-left: 2px !important;
}

.x-tab-default-top, .x-tab-default-bottom
{
  height: 35px;
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(-15deg);
  background-color: #FFFFFF;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  padding: 0 15px;
}

ul.x-tab-strip li.right-tab
{
  float: right;
}

.x-tab-bar-default
{
  background-color: #FFFFFF;
}

.x-tab-default
{
  border-color: #00B4E3;
  cursor: pointer;
  display: inline-block !important;
}

.x-tab-default-bottom .x-tab-inner-default, .x-tab-default-top .x-tab-inner-default
{
  color: #00B4E3;
  font: bold 13px/16px helvetica,arial,verdana,sans-serif;
  max-width: 100%;
}

.x-tab-default-top .x-tab-inner-default,
.x-tab-default .x-tab-close-btn
{
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -o-transform: skew(15deg);
  transform: skew(15deg);
}

.x-box-scroller-tab-bar-default
{
  opacity: 1;
}

.x-tab.x-tab-active.x-tab-default,
.x-tab-over.x-tab-default,
.x-box-scroller-tab-bar-default
{
  background-color: #00b4e3;
  border-color: #00b4e3;
}

.x-tab-bar-top > .x-tab-bar-strip-default, .x-tab-bar-bottom > .x-tab-bar-strip-default
{
  border-width: 0;
  height: 1px;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.x-tab.x-tab-over.x-tab-default .x-tab-inner-default
{
  color: #FFFFFF;
}

.x-tab-bar-strip-default
{
  border-style:solid;
  border-color:#00B4E3;
  background-color:#00B4E3
}

.x-tab-bar-top > .x-tab-bar-body-default
{
  padding-bottom: 0px;
}

.x-tab-bar-bottom > .x-tab-bar-body-default
{
  padding-top: 0px;
}

.x-tab-default .x-tab-close-btn
{
  background: rgba(0, 0, 0, 0) url(../img/close_tab_black.png) repeat scroll 0 0;
  height: 12px;
  right: 12px;
  top: 10px;
  width: 12px;
}

.x-panel-body-default
{
  border-color: #FFFFFF;
}

.x-tab.x-tab-active.x-tab-default .x-tab-close-btn,
.x-tab.x-tab-over.x-tab-default .x-tab-close-btn
{
  background: rgba(0, 0, 0, 0) url(../img/close_tab_white.png) repeat scroll 0 0;
}

.zindex_list
{
  z-index: 100005 !important;
}

.icon_agregar_tabla
{
  background-image: url(../img/icons/agregar_tabla.png) !important;
  width: 57px !important;
  height: 50px;
}

.icon_agregar_plantilla
{
  background-image: url(../img/icons/agregar_plantilla.png) !important;
  width: 250px !important;
  height: 50px;
}

.icon_eliminar_tabla
{
  background-image: url(../img/icons/eliminar_tabla.png) !important;
  width: 57px !important;
  height: 50px;
}

.icon_documentacion
{
  background-image: url(../img/icons/documentacion.png) !important;
  background-size: 57px 50px;
  width: 57px !important;
  height: 50px;
}

.icon_sincronizar
{
  background-image: url(../img/icons/sincronizacion.png) !important;
  width: 102px !important;
  height: 50px;
}

.icon_depurar
{
  background-image: url(../img/icons/depuracion.png) !important;
  width: 83px !important;
  height: 50px;
}

.icon_importar
{
  background-image: url(../img/icons/importar.png) !important;
  width: 57px !important;
  height: 50px;
}

.image_button
{
  background-color: #F5F5F5;
  background-image: none;
  border: none;
  padding: 0px;
  border-radius: 0;
}

.image_button_plantillas
{
  background-color: #F5F5F5;
  background-image: none;
  border: none;
  padding: 0px;
  border-radius: 0;
}

.image_button_plantillas:hover
{
  background-color: #F5F5F5;
  background-image: none;
  border: none;
  padding: 0px;
  border-radius: 0;
}

.x-panel-header-title-default > .x-title-text-default::after
{
  color: transparent;
  content: "";
  font-family: ext-watermark;
  font-size: 26.25px;
  position: absolute;
  right: 0;
  top: 0;
}

.panel_title
{
  text-align: left;
  font-weight: bold;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  color: #FFFFFF;
  background-color: #303030;
  line-height: 30px;
}

.panel_title_wizard
{
  text-align: left;
  font-weight: bold;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  color: #303030;
  background-color: #F2F6F7;
  line-height: 30px;
  border-right:1px solid #7D7D7D;
}

.border
{
  border: 1px solid #7D7D7D;
  padding: 0px;
  margin: 0px;
}

.border_grid
{
  border-top: 1px solid #7D7D7D;
  border-bottom: 1px solid #7D7D7D;
}
.panel_background
{
  background-color: #F5F5F5;
}

.toolbar_grid_tablas
{
  background-color:#FFFFFF;
  background-image:none;
  padding:0 0 0 8px;
}

.pagging_toolbar
{
  background-color: #F5F5F5;
  background-image: none;
  padding: 0px 0px 0px 8px;
  border: none;
}

.x-grid-view
{
  border-top: 1px solid #7D7D7D;
}

.icon_agregar_campo
{
  background-image: url(../img/icons/agregar_campo.png) !important;
  width: 112px !important;
  height: 25px;
  border-radius: 0px;
}

.icon_eliminar_campo
{
  background-image: url(../img/icons/eliminar_campo.png) !important;
  width: 112px !important;
  height: 25px;
}

.icon_anexos, .icon_anexos:hover
{
  background-image: url(../img/icons/btn_anexos.png) !important;
  width: auto !important;
  cursor: pointer;
  height: 48px;
}

.icon_anexos_colapsar, .icon_anexos_colapsar:hover
{
  background-image: url(../img/icons/ico_right_arrow.png) !important;
  width: auto !important;
  cursor: pointer;
  height: 24px;
}

.icon_anexos_fill, .icon_anexos_fill:hover
{
  background-image: url(../img/icons/btn_anexos_fill.png) !important;
  width: auto !important;
  cursor: pointer;
  height: 48px;
  background-size: 48px;
}

.icon_comentarios, .icon_comentarios:hover
{
  background-image: url(../img/icons/btn_comentarios.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_comentarios_fill, .icon_comentarios_fill:hover
{
  background-image: url(../img/icons/btn_comentarios_fill.png) !important;
  width: auto !important;
  cursor: pointer;
  height: 48px;
  background-size: 48px;
}

.icon_pay, .icon_pay:hover
{
  background-image: url(../img/icons/ico_pay.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_pay_fill, .icon_pay_fill:hover
{
  background-image: url(../img/icons/ico_pay.png) !important;
  width: auto !important;
  cursor: pointer;
  height: 48px;
  background-size: 48px;
}

.icon_nuevo, .icon_nuevo:hover
{
  background-image: url(../img/icons/btn_add_comment.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_actualizar, .icon_actualizar:hover
{
  background-image: url(../img/icons/btn_actualizar.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_imprimir, .icon_imprimir:hover
{
  background-image: url(../img/icons/btn_imprimir.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}


.icon_proyecto, .icon_proyecto:hover
{
  background-image: url(../img/icons/btn_proyecto.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_relacionar, .icon_relacionar:hover
{
  background-image: url(../img/icons/btn_relation_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_configurar, .icon_configurar:hover
{
  background-image: url(../img/icons/configuracion_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_clonar, .icon_clonar:hover
{
  background-image: url(../img/icons/btn_copy_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_clonar_23x24
{
  background-image: url(../img/icons/btn_copy_48.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.icon_cancelar, .icon_cancelar:hover
{
  background-image: url(../img/icons/btn_cancel.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_pausar, .icon_pausar:hover
{
  background-image: url(../img/icons/btn_pausar.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_reanudar, .icon_reanudar:hover
{
  background-image: url(../img/icons/btn_reanudar.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_cerrar, .icon_cerrar:hover
{
  background-image: url(../img/icons/btn_cerrar.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_abrir, .icon_abrir:hover
{
  background-image: url(../img/icons/btn_open.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_word, .icon_word:hover
{
  background-image: url(../img/icons/btn_word_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.btn_excel_48, .btn_excel_48:hover
{
  background-image: url(../img/icons/btn_excel_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_pdf, .icon_pdf:hover
{
  background-image: url(../img/icons/btn_pdf_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_xml, .icon_xml:hover
{
  background-image: url(../img/icons/btn_xml_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_facturar, .icon_facturar:hover
{
  background-image: url(../img/icons/btn_facturar_48.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_enviiar_documento, .icon_enviiar_documento:hover
{
  background-image: url(../img/icons/enviar_doc.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_enviar_documento, .icon_enviar_documento:hover
{
  background-image: url(../img/icons/enviar_doc.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_upload_attachment, .icon_upload_attachment:hover
{
  background-image: url(../img/icons/btn_upload.png) !important;
  cursor: pointer;
  width: 48px !important;
  height: 48px;
}

.icon_descargar, .icon_descargar:hover
{
  background-image: url(../img/icons/btn_download_64.png) !important;
  cursor: pointer;
  width: 64px !important;
  height: 64px;
}

.icon_word_attach, .icon_word_attach:hover
{
  background-image: url(../img/icons/word_64x64.png) !important;
  cursor: pointer;
  width: 64px !important;
  height: 64px;
}

.icon_pdf_attach, .icon_word_attach:hover
{
  background-image: url(../img/icons/pdf_64x64.png) !important;
  cursor: pointer;
  width: 64px !important;
  height: 64px;
}

.icon_delete_attachment, .icon_delete_attachment:hover
{
  background-image: url(../img/icons/btn_delete.png) !important;
  cursor: pointer;
  width: 48px !important;
  height: 48px;
}

.icon_add_comment, .icon_add_comment:hover
{
  background-image: url(../img/icons/btn_add_comment.png) !important;
  cursor: pointer;
  vertical-align: middle;
  align-content: center;
  width: 48px !important;
  height: 48px !important;
}

.icon_editar, .icon_editar:hover
{
  background-image: url(../img/icons/btn_editar.png) !important;
  cursor: pointer;
  width: auto !important;
  height: 48px;
}

.icon_editar_small, .icon_editar_small:hover
{
  background-image: url(../img/icons/btn_editar_smallest.png) !important;
  cursor: pointer;
  bottom: 5px;
  left: 2px;
  width: 24px;
  position: relative;
  height: 24px;
}

.icon_flujo, .icon_flujo:hover
{
  background-image: url(../img/icons/btn_avanzar_flujo.png) !important;
  cursor: pointer;
  width: auto;
  height: 48px;
}

.grid_icon_connect_on, .grid_icon_connect_on:hover
{
  background-image: url(../img/icons/grid_connect_on.png) !important;
  cursor: pointer;
  background-repeat: no-repeat;
  width: 23px !important;
  height: 24px;
}

.icon_connect_on, .icon_connect_on:hover
{
  background-image: url(../img/icons/connect_on.png) !important;
  cursor: pointer;
  background-repeat: no-repeat;
  width: 36px !important;
  height: 36px;
}

.icon_connect_off, .icon_connect_off:hover
{
  background-image: url(../img/icons/connect_off.png) !important;
  cursor: pointer;
  width: 36px !important;
  height: 36px;
}

.icon_document
{
  background-image: url(../img/icons/icon_document.png) !important;
  width: 36px !important;
  height: 36px;
}

.icon_flowing
{
  background-image: url(../img/icons/icon_flowing.png) !important;
  width: 36px !important;
  height: 36px;
}

.icon_checklist
{
  background-image: url(../img/icons/icon_checklist.png) !important;
  width: 36px !important;
  height: 36px;
}


.ico_modificar_23x24
{
  background-image: url(../img/icons/editar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_descripcion_23x24
{
  background-image: url(../img/icons/btn_descripcion.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_vertical_fill_23x24
{
  background-image: url(../img/icons/vertical_fill.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_configurar_17x17
{
  background-image: url(../img/icons/ico_configuracion.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: auto;
  width: auto;
}

.ico_clonar_23x24
{
  background-image: url(../img/icons/copiar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_permiso_23x24
{
  background-image: url(../img/icons/locked_24.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_documentacion_23x24
{
  background-image: url(../img/icons/documentacion.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_codigo_23x24
{
  background-image: url(../img/icons/codigo.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_eliminar_23x24
{
  background-image: url(../img/icons/eliminar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_agregar_relacion
{
  background: url('../img/icons/relation.png') no-repeat !important;
  background-position: top center;
  background-repeat: no-repeat;
  height: 23px;
  width: 24px !important;
  cursor: pointer;
}

.ico_costos_23x24
{
  background-image: url(../img/icons/btn_costos.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_seleccion_23x24
{
  background-image: url(../img/icons/btn_seleccion.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.ico_agrupar_23x24
{
  background-image: url(../img/icons/btn_agrupar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}
.WIZARD
{
  background-image: url(../img/icons/wizard.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

#button_eliminar_campo
{
  left: 112px;
}

.icon_guardar_campos
{
  background-image: url(../img/icons/btn_guardar.png) !important;
  width: 159px !important;
  height: 36px;
}

.icon_siguiente
{
  background-image: url(../img/icons/btn_siguiente.png) !important;
  width: 159px !important;
  height: 36px;
}

.icon_anterior
{
  background-image: url(../img/icons/btn_anterior.png) !important;
  width: 159px !important;
  height: 36px;
}

.icon_generar
{
  background-image: url(../img/icons/btn_generar.png) !important;
  width: 112px !important;
  height: 25px;
}

.icon_aceptar
{
  background-image: url(../img/icons/btn_aceptar.png) !important;
  width: 112px !important;
  height: 25px;
}

.icon_cancelar_agregar_campos
{
  background-image: url(../img/icons/btn_cancelar.png) !important;
  width: 159px !important;
  height: 36px;
}

.icon_marcar_todos
{
  background-image: url(../img/icons/marcar_todos.png) !important;
  width: 169px !important;
  height: 26px;
}

.icon_desmarcar_todos
{
  background-image: url(../img/icons/desmarcar_todos.png) !important;
  width: 169px !important;
  height: 26px;
}

.toolbar_campos
{
  background-color: #fff;
  background-image: none;
  border-color: #c2c2c2;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
}

.toolbar_campos.x-toolbar-default .x-toolbar-item
{
  margin: 0;
}

.bbar_campos
{
  background-color: #fff;
  background-image: none;
  border-color: #c2c2c2;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
}

.bbar_campos_button
{
  left: auto !important;
  right: 0px !important;
  position: relative !important;
  float: right;
}

.bbar_campos_button .x-btn-inner
{
  cursor: pointer;
  color: #FFFFFF;
  font-size: 16px;
}

.bbar_campos_button_left
{
  float: left;
}

.bbar_campos_button_left .x-btn-inner
{
  cursor: pointer;
  color: #FFFFFF;
  font-size: 16px;
}

.bbar_campos_button_small_text
{
  left: auto !important;
  right: 0px !important;
  position: relative !important;
  float: right;
}

.bbar_campos_button_small_text .x-btn-inner
{
  cursor: pointer;
  color: #FFFFFF;
  font-size: 15px;
}

.bbar_campos.x-toolbar-default .x-toolbar-item
{
  margin: 0;
}

.x-panel-body-default
{
  border: none;
}

.x-grid-cell.x-grid-td.x-grid-cell-modificar
{
  background-image: url(../img/icons/editar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-detalle
{
  background-image: url(../img/icons/lupa.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.x-grid-cell.x-grid-td.x-grid-cell-duplicar
{
  background-image: url(../img/icons/copiar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-codigo
{
  background-image: url(../img/icons/first.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-ayuda
{
  background-image: url(../img/icons/first.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-eliminar
{
  background-image: url(../img/icons/eliminar.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-wizard
{
  background-image: url(../img/icons/first.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-drag_n_drop
{
  background-image: url(../img/icons/drag_n_drop.png);
  background-position: center center !important;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-flecha_arriba
{
  background-image: url(../img/icons/ico_flecha_arriba_24.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.x-grid-cell.x-grid-td.x-grid-cell-flecha_abajo
{
  background-image: url(../img/icons/ico_flecha_abajo_24.png) !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.combobox_instancia
{
  background:url(../img/icons/trigger_combo.png) 0px 50% no-repeat #FFFFFF;
  width:22px;
}

.combobox_instancia.x-form-trigger-over
{
  background:url(../img/icons/trigger_combo.png) 0px 50% no-repeat #FFFFFF;
  width:22px;
}

.x-form-text-default
{
  font-size:17px;
  line-height: 20px !important;
}

.combo_tipodato
{
  background:url(../img/icons/trigger_combo.png) 0px 50% no-repeat #FFFFFF;
  width:22px;
}

.combo_tipodato.x-form-trigger-over.x-form-trigger-focus
{
  background:url(../img/icons/trigger_combo.png) 0px 50% no-repeat #FFFFFF;
  width:22px;
}

.combo_tipodato.x-form-trigger-focus
{
  background:url(../img/icons/trigger_combo.png) 0px 50% no-repeat #FFFFFF;
  width:22px;
}


.x-form-trigger-default.x-form-trigger-focus
{
  background-position: 0px center;
}

.x-form-trigger-default.x-form-trigger-over.x-form-trigger-focus
{
  background-position: 0px center;
}

.x-form-checkbox-default
{
  display: inline-block;
}

.icon_excel
{
  background-image: url(../img/icons/ico_excel.png) !important;
}

.icon_sincronizar_tablas
{
  background-image: url(../img/icons/btn_sincronizar.png) !important;
  width: 182px !important;
  height: 36px;
}

.icon_depurar_tablas
{
  background-image: url(../img/icons/btn_depurar.png) !important;
  width: 159px !important;
  height: 36px;
}

.x-fieldset-header-default > .x-fieldset-header-text
{
  color: #00b4e3;
  font: bold 15px/19px helvetica,arial,verdana,sans-serif;
  padding: 1px 0;
}

#INSTANCIAS .delete_instancia
{
  display:none;
}

#INSTANCIAS:hover
{
  background-color:#FFFFFF;
}

#INSTANCIAS:hover .delete_instancia
{
  display: block;
}

#PLANTILLAS .delete_plantilla
{
  display:none;
}


#PLANTILLAS:hover
{
  background-color:#0075B3;
  color:#FFFFFF !important;
}

#PLANTILLAS:hover .delete_plantilla
{
  display: block;
}

/*
 * Panel
 */

.x-title panel-base-header
{
  background-color: red;
}
.panel-base-header
{
  background-color: red;
}

.x-window-default
{
  background-color: #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  padding: 0;
  border-color: #737573;
}

.x-window-header-default-top
{
  background-color: #737573;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px;
  padding: 1px;
}

.x-window-header-default
{
  background-color: #737573;
  border-color: #737573;
  font-size: 13px;
}

.x-window-header-title-default > .x-title-text-default::after
{
  content: none !important;
}

.x-btn-focus.x-btn-default-small
{
  background-color: #00b4e3;
  background-image: -moz-linear-gradient(center top , #00b4e3, #00b4e3 50%, #00b4e3 51%, #00b4e3);
  box-shadow: 0 1px 0 0 #d7e9f6 inset, 0 -1px 0 0 #d7e9f6 inset, -1px 0 0 0 #d7e9f6 inset, 1px 0 0 0 #d7e9f6 inset;
}

.x-btn-default-small
{
  background-color: #00b4e3;
  background-image: -moz-linear-gradient(center top , #00b4e3, #00b4e3 50%, #00b4e3 51%, #00b4e3);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  padding: 3px;
}

.x-btn-default-small
{
  border-color: #00b4e3;
}

.x-window-header-default .x-tool-img
{
  background-color: #737573;
}

.x-btn-over.x-btn-default-small
{
  background-color: #0075B3;
  background-image: -moz-linear-gradient(center top , #0075B3, #0075B3 50%, #0075B3 51%, #0075B3);
  box-shadow: 0 1px 0 0 #d7e9f6 inset, 0 -1px 0 0 #d7e9f6 inset, -1px 0 0 0 #d7e9f6 inset, 1px 0 0 0 #d7e9f6 inset;
}

body.x-border-layout-ct, div.x-border-layout-ct
{
  background-color: #ffffff;
}

.x-toolbar-footer
{
  background-color: transparent;
}

.x-btn-default-medium
{
  background-color: white !important;
  background-image: -moz-linear-gradient(center top , #ffffff, #ffffff 50%, #ffffff 51%, #ffffff);
  border-radius: 0px;
  border-color: #E8E8E9;
  color: #737573;
}

.x-btn.x-btn-pressed.x-btn-default-medium
{
  color: #FFFFFF !important;
  background-color: #00B4E3 !important;
  background-image: none;
  border-color: #00B4E3;
}

.x-btn-over.x-btn-default-medium
{
  background-color: #00B4E3 !important;
  background-image: none;
  border-color: #00B4E3;
  color: #ffffff !important;
}

.x-btn-over.x-btn-default-medium .x-btn-inner-default-medium
{
  color: #FFFFFF;
}

.x-btn.x-btn-pressed.x-btn-default-medium .x-btn-inner-default-medium
{
  color: #FFFFFF;
}

.x-btn-inner-default-medium
{
  color: #3F403F;
}

.x-column-header
{
  background-color: #FFFFFF;
}

.x-grid-header-ct
{
  background-color: #FFFFFF;
}

.x-panel-header-default
{
  background-color: rgb(88, 85, 85);
  border: 1px solid rgb(88, 85, 85);
  background-image: none;
}

.task_button
{
  background-color: #F5F5F5;
  background-image: none;
  border: none;
  padding: 0px;
  border-radius: 0;
}

.icon_agregar_evento
{
  background-image: url(../img/icons/agregar_evento.png) !important;
  width: 158px !important;
  height: 28px;
  border-radius: 0px;
}

.icon_agregar_detalle
{
  background-image: url(../img/icons/detalle.png) !important;
  width: 60px !important;
  height: 55px;
  border-radius: 0px;
}

.icon_generar_piezas
{
  background-image: url(../img/icons/generar.png) !important;
  width: 75px !important;
  height: 55px;
  border-radius: 0px;
}

.icon_agregar_etapa
{
  background-image: url(../img/icons/etapa.png) !important;
  width: 75px !important;
  height: 55px;
  border-radius: 0px;
}

.icon_agregar_transicion
{
  background-image: url(../img/icons/transicion.png) !important;
  width: 75px !important;
  height: 55px;
  border-radius: 0px;
}

.x-tab-focus.x-tab-default
{
  background-color: #FFFFFF;
  border-color: #00B4E3;
}

/*Clase para un grid con encabezados blancos*/
.cls_grids {
    margin-bottom: 15px;
}

.cls_grids .x-grid-cell-row-checker, .cls_grids .x-column-header-checkbox
{
  width: 29px !important;
}

.cls_grids .x-column-header-default-focus.x-grid-hd-checker-on .x-column-header-text,
.cls_grids .x-column-header-default.x-grid-hd-checker-on .x-column-header-text,
.cls_grids .x-grid-item-selected .x-grid-row-checker, .cls_grids .x-grid-checkcolumn-checked {
    background: url("../img/icons/checkbox_checked_coding.png") no-repeat scroll center center;
    border: 0;
    height: 18px;
    width: 18px;
}
.cls_grids .x-column-header-checkbox .x-column-header-text,
.cls_grids .x-grid-checkcolumn, .cls_grids .x-grid-row-checker {
    background: url("../img/icons/cuadrito_check_coding.png") no-repeat scroll center center;
    border: 0;
    height: 18px;
    width: 18px;
}

.cls_grids .x-grid-header-ct
{
  border: 0 none;
}


.cls_grids_group .x-grid-group-hd
{
  background-color: #F0EFEF;
  height: 25px;
  padding: 4px !important;
}

.cls_grids_group .x-column-header-checkbox
{
  background-color: #F6F5F5;
}

.cls_grids_group .x-column-header-default-focus.x-grid-hd-checker-on .x-column-header-text,
.cls_grids_group .x-column-header-default.x-grid-hd-checker-on .x-column-header-text,
.cls_grids_group .x-grid-item-selected .x-grid-row-checker, .cls_grids_group .x-grid-checkcolumn-checked {
    background: url("../img/icons/checkbox_checked_coding.png") no-repeat scroll center center;
    border: 0;
    height: 18px;
    width: 18px;
}
.cls_grids_group .x-column-header-checkbox .x-column-header-text,
.cls_grids_group .x-grid-checkcolumn, .cls_grids_group .x-grid-row-checker {
    background: url("../img/icons/cuadrito_check_coding.png") no-repeat scroll center center;
    border: 0;
    height: 18px;
    width: 18px;
}

/**
 * Modificado 08 de Agosto del 2016
 * @author Flor Zárate
 *  - Se agregaron los estilos para el wizards de documentos en klay_coding
 */

/* Estilos generales */
.encabezado_paneles
{
  background-color: #333333;
  color: #f5f5f5;
  font-weight: bold;
  height: 30px;
  margin: 0 !important;
  padding: 5px 0 0 10px;
  position: fixed;
  text-align: left;
  top: 35px;
  width: 95.5%;
  z-index: 10;
}

.toolbar_main .x-toolbar-footer
{
  border-top: 1px solid #5F5F5F;
}

.toolbar_main .x-toolbar-footer, .toolbar_main .x-toolbar-default
{
  background-color: #F5F5F5;
}

a[id^='move-next'], a[id^='move-next'].x-btn-over, a[id^='move-next'].x-btn-focus, a[id^='move-next'].x-btn-pressed
{
  background: rgba(0, 0, 0, 0) url("../img/icons/siguiente_coding.png") no-repeat scroll 129px center !important;
}

a[id^='move-prev'], a[id^='move-prev'].x-btn-over, a[id^='move-prev'].x-btn-focus, a[id^='move-prev'].x-btn-pressed
{
  background: rgba(0, 0, 0, 0) url("../img/icons/anterior_coding.png") no-repeat scroll 11px center !important;
}

a[id^='btn-cancel'], a[id^='btn-cancel'].x-btn-over, a[id^='btn-cancel'].x-btn-focus, a[id^='btn-cancel'].x-btn-pressed
{
  background: rgba(0, 0, 0, 0) url("../img/icons/eliminar_coding.png") no-repeat scroll 129px center !important;
}

a[id^='btn-guardar'], a[id^='btn-guardar'].x-btn-over, a[id^='btn-guardar'].x-btn-focus, a[id^='btn-guardar'].x-btn-pressed
{
  background: rgba(0, 0, 0, 0) url("../img/icons/guardar_coding.png") no-repeat scroll 129px center !important;
}

a[id^='move-prev'], a[id^='move-next'], a[id^='save-doc'], a[id^='go-home'], a[id^='btn-cancel'],
a[id^='btn-guardar']
{
  background-color: #00B4E3 !important;
  border: 0 none;
  height: 36px;
  width: 165px;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

a[id^='save_draft']
{
  background: #00617c url("../img/icons/guardar_coding.png") no-repeat scroll 210px center;
  border: 0 none;
  height: 36px !important;
  width: 240px !important;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
}

a[id^='save_draft'] .x-btn-button-center
{
  justify-content: inherit;
  text-align: left;
}

a[id^='save_draft'].x-btn-over.x-btn-default-small, a[id^='save_draft'].x-btn-focus.x-btn-default-small
{
  box-shadow: transparent;
  border: 0 none;
  background: #0186AA url("../img/icons/guardar_coding.png") no-repeat scroll 210px center;
}

a[id^='save_draft'].x-btn-pressed.x-btn-default-small
{
  box-shadow: transparent;
  border: 0 none;
  background: #00617c url("../img/icons/guardar_coding.png") no-repeat scroll 210px center;
}

a[id^='save_draft'] .x-btn-inner-default-small, a[id^='move-prev'] .x-btn-inner-default-small,
a[id^='move-next'] .x-btn-inner-default-small, a[id^='save-doc'] .x-btn-inner-default-small,
a[id^='go-home'] .x-btn-inner-default-small, a[id^='btn-cancel'] .x-btn-inner-default-small,
a[id^='btn-guardar'] .x-btn-inner-default-small
{
  font-size: 17px;
}

a[id^='move-prev'].x-btn-over, a[id^='move-next'].x-btn-over, a[id^='save-doc'].x-btn-over,
 a[id^='go-home'].x-btn-over, a[id^='btn-cancel'].x-btn-over, a[id^='btn-guardar'].x-btn-over,
 a[id^='move-next'].x-btn-pressed, a[id^='move-prev'].x-btn-pressed, a[id^='save-doc'].x-btn-pressed,
 a[id^='go-home'].x-btn-pressed, a[id^='btn-cancel'].x-btn-pressed, a[id^='btn-guardar'].x-btn-pressed,
 a[id^='move-next'].x-btn-focus.x-btn-over.x-btn-pressed,
 a[id^='move-prev'].x-btn-focus.x-btn-over.x-btn-pressed,
 a[id^='btn-cancel'].x-btn-focus.x-btn-over.x-btn-pressed,
 a[id^='btn-guardar'].x-btn-focus.x-btn-over.x-btn-pressed,
 a[id^='save-doc'].x-btn-focus.x-btn-over.x-btn-pressed,
 a[id^='go-home'].x-btn-focus.x-btn-over.x-btn-pressed
{
  box-shadow: transparent;
  background-image: none;
  background-color: #0589AA !important;
  border: 0 none;
}

a[id^='move-next'].x-btn-focus,
a[id^='move-prev'].x-btn-focus,
a[id^='btn-cancel'].x-btn-focus,
a[id^='btn-guardar'].x-btn-focus,
a[id^='save-doc'].x-btn-focus,
a[id^='go-home'].x-btn-focus
{
  box-shadow: transparent;
  background-image: none;
  background-color: #00B4E3 !important;
  border:0 none;
}

a[id^='move-prev'] .x-btn-inner-default-small
{
  padding-left: 22px;
}

a[id^='move-next'] .x-btn-inner-default-small,
a[id^='btn-cancel'] .x-btn-inner-default-small,
a[id^='btn-guardar'] .x-btn-inner-default-small
{
  padding-right: 22px;
}

.atributos_generales > .x-panel-body-default
{
  background-color: #F5F5F5 !important;
}

.icono_warning
{
  background: url('../img/icons/icono_warning_coding.png') no-repeat left top;
  width: 52px;
  height: 52px;
}

.cls_warning_alert .x-container-default, .cls_warning_alert .x-container-default .x-box-inner
{
  overflow: visible;
  text-align: center;
  vertical-align: middle;
}

.cls_warning_alert .x-container-default .x-box-inner
{
  margin-top: 10px;
}

.cls_warning_alert .x-window-text
{
  font-family: "Trebuchet MS";
  font-size: 18px;
  white-space: normal;
  line-height: 1.3em;
}

.cls_warning_alert .x-btn.x-btn-menu-active.x-btn-default-small, .cls_warning_alert .x-btn.x-btn-pressed.x-btn-default-small
{
  background-color: #0589AA;
  background-image: none;
  border-color: #0589AA;
}
.cls_warning_alert .x-btn-focus.x-btn-default-small, .cls_warning_alert .x-btn-default-small
{
  background-color: #00b4e3;
  background-image: none;
  box-shadow: none;
  height: 28px;
}

.cls_warning_alert .x-window-header-default
{
  background-color: #333333;
  border-color: #333333;
}

.cls_warning_alert .x-btn-inner-default-small
{
  font-size: 15px;
}

/* Estilos del panel Selección documento */
/* Toolbar campo de busqueda */
.campo_buscar
{
  top: -1px !important;
}

.campo_buscar .x-form-field, .campo_buscar .x-field-form-focus
{
  background: #FFF url("../img/icons/icono_buscar_coding.png") no-repeat left center;
  padding-left: 30px !important;
}

.campo_buscar .x-form-text-default
{
  padding: 1px 4px 3px;
}

.campo_buscar  input, .campo_buscar .x-form-item-body-default{
  max-height: 24px !important;
  font-size: 16px;
  padding:
  color: #000;
}

/* panel lateral descripcion del documento */
.documento_descripcion_encabezados
{
  background-color: #F5F5F5;
}

.documento_descripcion_encabezados h4
{
  color: #343434;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 8px;
  margin-top: 0;
  padding: 5px 15px;
}

.documento_descripcion_encabezados .span_detalle
{
  margin-left: 39px !important;
  font-weight: bold;
  font-size: 12px;
  color: #5B5B5B;
}

.documento_descripcion_encabezados .p_nuevo
{
  font-size: 15px;
  color: #5b5b5b;
  font-weight: bold;
  text-align: center;
  margin-top: 17px;
  width: 290px;
  margin-left: auto;
  margin-right: auto;
}

.documento_descripcion_encabezados div span:not(.span_detalle),
.descripcion_contenido
{
  color: #5B5B5B;
  margin: 0 0 15px 20px;
  font-weight: bold;
  font-size: 12px;
}

.documento_descripcion_encabezados > div
{
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 5px;
}

.documento_descripcion_encabezados > div:last-child
{
  margin-bottom: 50px;
}

.encabezado_documento
{
  color: #212121;
  letter-spacing: .5px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  text-align: left;
  width: 100%;
  margin: 15px 0 0 0;
}

/* paneles de documentos */
.panel_documento
{
  /*width: 100% !important;*/
  margin-left:auto;
  margin-right: auto;
  background-color: #f5f5f5;
}

.panel_documento .x-box-inner
{
  height: 22px !important;
}
.panel_documento .x-panel-header-title
{
  top: 2px !important;
  /*width: 100% !important;*/
}

.panel_documento .x-panel-header
{
  background-color: #00617c !important;
  background-image: none;
  border: 0 none;
  margin-top: 5px;
}

.x-panel-header-default .x-tool-img
{
  background-color: transparent;
}

.panel_documento .x-title-text
{
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.panel_seleccion_documento .x-panel-body-default
{
  background-color: #f5f5f5;
}

.panel_seleccion_documento .x-toolbar-docked-top
{
  background-color: #333333;
  color: #ffffff;
  font-size: 11px;
  height: 45px;
  margin: 0;
  padding: 0;
  width: 100%;
}

div[id^='images-view'] .x-panel-body, div[id^='images-view-borrador'] .x-panel-body,
div[id^='flujo_view'] .x-panel-body, div[id^='flujo_view_borrador'] .x-panel-body
{
  background: #F5F5F5 none repeat scroll 0 0;
  font: 11px Arial,Helvetica,sans-serif;
}

div[id^='images-view'] .thumbgeneral, div[id^='images-view'] .thumbblanco,
div[id^='images-view-borrador'] .thumbgeneral, div[id^='images-view-borrador'] .thumbblanco,
div[id^='flujo_view'] .thumbgeneral, div[id^='flujo_view'] .thumbblanco,
div[id^='flujo_view_borrador'] .thumbgeneral, div[id^='flujo_view_borrador'] .thumbblanco
{
  border: 1px dotted #616161;
  height: 100px;
  overflow: hidden;
  padding: 3px 3px 0;
  text-align: center;
  width: 120px;
}

div[id^='images-view'] [id^='thumb_0'],
div[id^='flujo_view'] [id^='thumb_0']
{
  width: 100% !important;
  float:left;
  margin: 8px 36px 8px 8px;
  padding: 7px;
}

div[id^='images-view'] [id^='0'],
div[id^='flujo_view'] [id^='0']
{
  cursor: pointer;
}

div[id^='images-view'] .thumb-wrap:not([id^='thumb_0']), div[id^='images-view-borrador'] .thumb-wrap-borrador,
div[id^='flujo_view'] .thumb-wrap:not([id^='thumb_0']), div[id^='flujo_view_borrador'] .thumb-wrap-borrador
{
  float: left;
  margin: 8px 36px 8px 8px;
  padding: 7px;
  cursor: pointer;
}

div[id^='images-view'] .thumb-wrap span, div[id^='images-view-borrador'] .thumb-wrap-borrador span,
div[id^='flujo_view'] .thumb-wrap span, div[id^='flujo_view_borrador'] .thumb-wrap-borrador span
{
  color: #616161;
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-top: -14px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

div[id^='images-view'] .thumb-wrap[id^='thumb_0'] span,
div[id^='flujo_view'] .thumb-wrap[id^='thumb_0'] span
{
  font-size: 14px;
  text-align: left;
  font-weight: bolder;
}

div[id^='images-view'] .thumbblanco,
div[id^='flujo_view'] .thumbblanco
{
  position: relative;
  background: #ffffff url('../img/icons/agregar_detalle_coding.png') no-repeat center center;
}

div[id^='images-view'] .thumbblanco span,
div[id^='flujo_view'] .thumbblanco span
{
  display: none;
}

div[id^='images-view-borrador'] .thumbgeneral, div[id^='images-view'] .thumbgeneral,
div[id^='flujo_view_borrador'] .thumbgeneral, div[id^='flujo_view'] .thumbgeneral
{
  position: relative;
  background-color:#ffffff;
}

div[id^='parametros-view'] .x-item-over, .param-over, #plantillas-dataview .x-item-over-plantilla
{
  background: #E6E6E6 repeat-x left top;
}

div[id^='images-view'] .x-item-over:not([id^='thumb_0']) [class="thumbgeneral"],
div[id^='images-view-borrador'] .x-item-over-borrador [class="thumbgeneral"],
div[id^='images-view'] .x-item-over [id^='0'], .x-item-over-menu,
div[id^='flujo_view'] .x-item-over:not([id^='thumb_0']) [class="thumbgeneral"],
div[id^='flujo_view_borrador'] .x-item-over-borrador [class="thumbgeneral"],
div[id^='flujo_view'] .x-item-over [id^='0'], .x-item-over-menu
{
  background-color: #E2EFF9;
}

div[id^='images-view'] .x-item-over [id^='0'], div[id^='images-view'] .x-item-selected[id^='thumb_0'] [id^='0'],
div[id^='flujo_view'] .x-item-over [id^='0'], div[id^='flujo_view'] .x-item-selected[id^='thumb_0'] [id^='0']
{
  background-color: #E2EFF9;
  background-image: none;
}

div[id^='images-view'] .x-item-over [id^='0'] span, div[id^='images-view'] .x-item-selected[id^='thumb_0'] [id^='0'] span,
div[id^='flujo_view'] .x-item-over [id^='0'] span, div[id^='flujo_view'] .x-item-selected[id^='thumb_0'] [id^='0'] span
{
  display: block;
  text-align: center;
}

div[id^='images-view'] .x-item-selected:not([id^='thumb_0']),
div[id^='images-view-borrador'] .x-item-selected,
div[id^='flujo_view'] .x-item-selected:not([id^='thumb_0']),
div[id^='flujo_view_borrador'] .x-item-selected,
div[id^='parametros-view'] .x-item-selected, .param-selected
{
  border-color: 2px solid #616161;
  padding: 7px;
}

div[id^='images-view'] .x-view-item-focused[id^='thumb_0'],
div[id^='images-view'] .x-view-item-focused:not([id^='thumb_0']),
div[id^='images-view-borrador'] .x-view-item-focused,
div[id^='flujo_view'] .x-view-item-focused[id^='thumb_0'],
div[id^='flujo_view'] .x-view-item-focused:not([id^='thumb_0']),
div[id^='flujo_view_borrador'] .x-view-item-focused
{
  outline: none !important;
}

div[id^='images-view'] .x-view-item-focused:not([id^='thumb_0']) [class="thumbgeneral"],
div[id^='images-view-borrador'] .x-view-item-focused [class="thumbblanco"],
div[id^='images-view'] .x-view-item-focused[id^='thumb_0'] [id^='0'],
div[id^='flujo_view'] .x-view-item-focused:not([id^='thumb_0']) [class="thumbgeneral"],
div[id^='flujo_view_borrador'] .x-view-item-focused [class="thumbblanco"],
div[id^='flujo_view'] .x-view-item-focused[id^='thumb_0'] [id^='0']
{
  border: 2px solid #616161;
}

div[id^='images-view-borrador'] .x-editable, div[id^='images-view'] .x-editable, #plantillas-dataview .x-editable,
div[id^='flujo_view_borrador'] .x-editable, div[id^='flujo_view'] .x-editable, #plantillas-dataview .x-editable
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.panel_descripcion
{
  background-color: #f5f5f5;
  left: auto;
  position: fixed;
  right: 1.2% !important;
  top: 64px !important;
  width: 20%;
  border-left: 1px solid #00617c;
  height: 85% !important;
}

.panel_descripcion .x-panel-body
{
  overflow-y: auto;
  height: 100% !important;
  overflow-x: hidden;
}

/**
* Estilos del panel Atributos Generales
*/

.panel_atributos_generales
{
  background-color: #fff !important;
  /*border: 1px solid #e5e4e5;*/
  height: 100% !important;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  /*top: 15%;*/
  width: 100%;
}

.panel_atributos_generales > .x-panel-body-default
{
  top: 7% !important;
}

.input_atributos_generales
{
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.input_atributos_generales .x-form-item-label
{
  width: 35% !important;
  color: #8E8E8E;
  font-size: 23px;
  font-weight: bold;
}

.input_atributos_generales .x-form-text-default, .panel_atributos_generales .x-component-default
{
  color: #000;
  font-size: 18px;
}

.input_atributos_generales .x-form-spinner-up-default, .input_atributos_generales .x-form-spinner-up-default.x-form-spinner-over
{
    background-position: 1px 2px;
}

.input_atributos_generales .x-form-spinner-down-default, .input_atributos_generales .x-form-spinner-down-default.x-form-spinner-over
{
    background-position: 1px 13px;
}

.input_atributos_generales .x-form-spinner-default
{
    background-color:#FFF;
    background-image: url("../img/icons/spinner_coing.png");
    height: 11px;
    width: 18px;
}

.panel_atributos_generales .x-component-default
{
  font-size: 14px;
  top: 6px;
}

.input_atributos_generales .x-form-empty-field-default
{
  color: #CCC;
}

.input_atributos_generales .x-form-item-label span
{
  width: 100% !important;
}

.input_atributos_generales .x-form-field
{
  border-color: #5A5A5A !important;
}

.input_atributos_generales input.x-form-invalid-field
{
  border-color: #E68989 !important;
}

.input_atributos_generales input.x-field-form-focus
{
  border-color: #428BCA !important;
}

/**
 * Estilos del panel Encabezado
*/

/* Toolbar botones*/
.btn_agregar.x-btn-default-toolbar-small, .btn_eliminar.x-btn-default-toolbar-small
{
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px;
}

.btn_agregar .x-btn-button-center, .btn_eliminar .x-btn-button-center
{
  justify-content: inherit;
  text-align: left;
  margin-left: 10px;
}

.btn_agregar.x-btn-over, .btn_agregar:hover
{
  background-color: #827b7b !important;
  box-shadow: transparent;
}

.btn_eliminar.x-btn-over, .btn_eliminar:hover
{
  background-color: #d86565 !important;
  box-shadow: transparent;
}

.btn_agregar.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.btn_agregar.x-btn-menu-active.x-btn-default-toolbar-small,
.btn_agregar.x-btn-default-toolbar-small,
.btn_agregar.x-btn-over.x-btn-default-toolbar-small
{
  background: #827b7b url('../img/icons/agregar_coding.png') no-repeat  128px 2.4px;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(102,102,102,1);
  -moz-box-shadow: 0px 0px 0px 2px rgba(102,102,102,1);
  box-shadow: 0px 0px 0px 2px rgba(102,102,102,1);
}

.btn_agregar.x-btn-pressed.x-btn-default-toolbar-small,
.btn_agregar.x-btn-pressed.x-btn-default-toolbar-small
{
  background-color: #666666 !important;
}

.btn_eliminar.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.btn_eliminar.x-btn-menu-active.x-btn-default-toolbar-small,
.btn_eliminar.x-btn-default-toolbar-small,
.btn_eliminar.x-btn-over.x-btn-default-toolbar-small
{
  background: #d86565  url('../img/icons/eliminar_coding.png') no-repeat 128px 2.4px;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(242,78,78,1);
  -moz-box-shadow: 0px 0px 0px 2px rgba(242,78,78,1);
  box-shadow: 0px 0px 0px 2px rgba(242,78,78,1);
}


.btn_eliminar.x-btn.x-btn-pressed.x-btn-default-toolbar-small,
.btn_eliminar.x-btn-pressed.x-btn-default-toolbar-small
{
  background-color: #F24E4E !important;
}

.btn_agregar.x-btn-default-toolbar-small .x-btn-inner, .btn_eliminar.x-btn-default-toolbar-small .x-btn-inner
{
  color: #FFF;
  font-size: 17px;
}

.btn_agregar.x-btn-default-toolbar-small
{
  background: #666666 url('../img/icons/agregar_coding.png') no-repeat 128px 2.4px;
  border: 0 none;
  border-radius: 0;
  height: 30px !important;
  left: 0 !important;
  top: 0 !important;
  width: 160px !important;
}

.btn_eliminar.x-btn-default-toolbar-small
{
  background: #F24E4E url('../img/icons/eliminar_coding.png') no-repeat 128px 2.4px;
  border: 0 none;
  border-radius: 0;
  height: 30px !important;
  left: 160px !important;
  top: 0!important;
  width: 160px !important;
}

.cls_panel_grid .x-toolbar-default
{
  padding: 0 !important;
}

/* Toolbar campo de busqueda */
.encabezado_grid_busqueda_label, .encabezado_grid_busqueda_label .x-form-item-label-inner
{
  margin-left: 3%;
  margin-top: 5px;
  color: #000000;
  font-size: 18px;
  width: 70px !important;
}

.encabezado_grid_busqueda .x-form-text-field-body-default
{
    width: 80%;
}

.encabezado_grid_busqueda.x-field-focus, .encabezado_grid_busqueda .x-field-form-focus,
.encabezado_grid_busqueda .x-form-trigger-wrap-focus, .encabezado_grid_busqueda .x-form-text-wrap-focus
{
  border-color: #FCFCFC !important;
}

.encabezado_grid_busqueda, .encabezado_grid_busqueda .x-form-trigger-wrap,
.encabezado_grid_busqueda .x-form-text-wrap, .encabezado_grid_busqueda .x-form-field
{
  border-color: #dddddf;
  left: auto !important;
  right: 144px !important;
  top: 0 !important;
}

/* Grid */
/* grid encabezados */
.cls_panel_grid .x-panel-body
{
  top: 63px !important;
}

.cls_panel_grid .x-column-header.x-column-header-focus .x-column-header-inner::after
{
  border: 0;
}

.cls_panel_grid .x-column-header-over, .cls_panel_grid .x-column-header-open
{
  background-color: #8C8C8C;
}

.cls_panel_grid .x-grid-header-ct
{
  top: 30px !important;
}

.cls_panel_grid .x-grid-header-ct, .cls_panel_grid .x-column-header
{
  background-color: #333333;
  color: #F7F7F8;
}

.panel_detalles .cls_panel_grid .x-grid-header-ct
{
  top: 71px !important;
}

/* grid celdas y filas */
.cls_panel_grid .x-grid-item-focused:not(:last-child) .x-grid-cell-inner::before
{
  border: 0 !important;
  background-color: transparent;
}

.cls_panel_grid:not([id^='pan_det_grid_']) .x-grid-item:last-child/*,  .cls_panel_grid:not([id^='pan_det_grid_']) .x-grid-item-over:last-child*/
{
  border-bottom: 1px solid #C6C6C6;
  border-collapse: collapse;
}

.cls_panel_grid .x-grid-item-alt, .cls_panel_grid .x-grid-item
{
  background-color: #F5F5F5;
  border-bottom: #C6C6C6;
}

.cls_panel_grid .x-grid-item-focused:last-child .x-grid-cell-inner::before
{
  background-color: transparent;
  border: 0 !important;
}

.cls_panel_grid .x-grid-item.x-grid-item-over
{
  border-bottom: medium none #c6c6c6;
  background-color: #BABABA;
}

.cls_panel_grid .x-grid-item.x-grid-item-selected
{
  background-color: #e5e5e5;
  border-bottom: 0 none;
  border-top: 0.1px solid #fff;
}

.cls_panel_grid .x-grid-td
{
  vertical-align: middle !important;
}

/* grid checkcolumn */
.cls_panel_grid .x-grid-checkcolumn,
.cls_panel_grid .x-grid-row-checker
{
  background: url("../img/icons/cuadrito_check_coding.png") no-repeat scroll center center;
  border: 0;
  height: 18px;
  width: 18px;
}

.cls_panel_grid .x-grid-item-selected .x-grid-row-checker,
.cls_panel_grid .x-grid-checkcolumn-checked
{
  background: url("../img/icons/checkbox_checked_coding.png") no-repeat scroll center center;
  border: 0;
  height: 18px;
  width: 18px;
}

.cls_panel_grid .x-column-header-default-focus.x-grid-hd-checker-on .x-column-header-text,
.cls_panel_grid .x-column-header-default.x-grid-hd-checker-on .x-column-header-text
{
  background: url("../img/icons/checkbox_blanco_checked_coding.png") no-repeat scroll center center;
  border: 0;
  height: 18px;
  width: 18px;
}

.cls_panel_grid .x-column-header-checkbox .x-column-header-text
{
  background: url("../img/icons/checkbox_blanco_coding.png") no-repeat scroll center center;
  border: 0;
  height: 18px;
  width: 18px;
}

/* grid numbercolumn */
.cls_panel_grid .x-grid-cell-inner-row-numberer
{
  background-color: transparent;
}

/* grid column_editable*/
.cls_panel_grid .column_editable_combo .x-form-item, .cls_panel_grid .column_editable_combo .x-form-text-default
{
  width: 100% !important;
  height: 26px;
  min-height: 26px;
}

.cls_panel_grid .x-grid-cell-editor input, .cls_panel_grid .column_editable_combo .x-form-text-default
{
  color: black;
  font-size: 13px;
  height: 26px !important;
  width: 100%;
  background-color: #FFF;
}

/* grid input */
.cls_panel_grid .column_editable .x-grid-cell-inner
{
  border: 1px solid #b4b4b4;
  background-color: #FFF;
  margin: 5px auto;
  padding: 5px 10px 4px;
  width: 90%;
}

.column_editable .x-form-text-default {
    background-color: #fff;
    color: #464646;
    font: 20px arial,verdana,sans-serif;
    min-height: 26px;
    padding: 4px 10px 3px;
}

.cls_panel_grid .column_editable_combo .x-grid-cell-inner
{
  border: 1px solid #b4b4b4;
  background-color: #FFF;
  margin: 5px 5%;
  height: 26px;
  padding: 0 !important;
}

/* grid combobox */
.cls_panel_grid .column_editable_combo .x-form-trigger-wrap-default
{
  border: 0 !important;
}

.column_editable_combo .x-form-trigger-default
{
  background: #FFF  url('../img/icons/combobox_flecha_coding.png') no-repeat -1px center;

}

.cls_panel_grid .x-form-trigger-wrap-default.x-form-trigger-wrap-focus:not([id^="combo"])
{
  background: #fff none repeat scroll 0 0;
  border-color: #b4b4b4;
  height: 26px;
  margin-left: 5% !important;
  margin-right: 5% !important;
  width: 90%;
}

/* grid column drag_drop*/
.column_drag_drop, .column_drag_drop .x-unselectable .x-grid-item-focused
{
  background: url("../img/icons/drag_drop_coding.png") no-repeat 0.5px center !important;
  cursor: pointer;
}

/* grid column config*/
.column_config
{
  background: url("../img/icons/ico_configuracion.png") no-repeat 0.5px center !important;
  cursor: pointer;
}

/**
 * Estilos del panel Detalles
*/
.panel_detalles .x-panel-body-default
{
  background-color: #F5F5F5 !important;
}

.panel_closable .x-panel-header-title-default
{
  color: #6A6A6A;
  font-size: 18px;
  width: 100% !important;
  margin: 0 auto !important;
  height: 22px;
  left: 0 !important;
}
.panel_closable .x-panel-header-default-horizontal .x-tool-after-title
{
  margin: 0 0 0 6px !important;
  left: auto !important;
  right: 0 !important;
}

.panel_closable .x-panel-body-default
{
  background-color: #ffffff !important;
}

.cls_panel_grid .x-toolbar
{
  border: 0;
  background-color: #FFF !important;
  height: 30px !important;
  z-index: 0 !important;
}

.cls_panel_grid .x-toolbar-default .x-box-inner
{
  height: 31px !important;
}

.panel_detalles .panel_closable .x-grid-body
{
  top: 104px !important;
}

.panel_detalles .panel_closable
{
  margin-bottom: 20px;
}

.cls_detalles_contenido_boton_agregar
{
  left: 2.5% !important;
  background: url('../img/icons/agregar_detalle_coding.png') no-repeat center center !important;
  width: 39px!important;
  height: 38px;
  float: left;
}

.agregar_detalle, .agregar_detalle.x-btn-over
{
  background-image: none;
  border: 0;
}

.agregar_detalle
{
  background-color: transparent;
}

.toolbar_campo_buscar
{
  right: 2% !important;
  left: auto !important;
  width: 370px;
}

.toolbar_campo_buscar .x-form-item-label-default
{
  width: 70px !important;
  font-size: 17px;
}

.panel_closable
{
  background-color: #fff;
  border: 1px solid #e4e4e5;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

.panel_historial .panel_closable, .param-source .panel_closable
{
  border: 0 none;
}

.param-source .panel_closable .x-panel-header-default-horizontal .x-tool-after-title,
.panel_historial .panel_closable .x-panel-header-default-horizontal .x-tool-after-title
{
  left: 0 !important;
  right: auto !important;
}

.param-source .panel_closable
{
  min-height: 12px !important;
  height: 50px !important;
  margin-bottom: 0 !important;
}

.param-source .panel_closable > .x-panel-body
{
  min-height: 12px !important;
}

.panel_historial .panel_closable .x-panel-header-default, .param-source .panel_closable .x-panel-header-default
{
  padding: 0;
  top: 15% !important;
  width: 10% !important;
  position: relative !important;
  display: inline-flex !important;
  height: 70%;
}

.panel_historial .panel_closable .x-panel-body, .param-source .panel_closable .x-panel-body
{
  top: 0 !important;
  position: relative;
  display: inline-flex;
  width: 80% !important;
  margin-left: 5%;
}

.panel_closable .x-panel-header-default
{
  background-color: #FFF !important;
  border: 0;
}

.panel_closable .x-panel-body
{
  overflow: visible;
  width: 100% !important;
}

.panel_closable .x-tool-img
{
  background: url('../img/icons/cerrar_coding.png') no-repeat center center !important;
  border: 0;
}

.panel_detalles_form
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.panel_detalles_form label
{
  font-size: 16px;
  font-weight: bold;
  color: #949494;
  width: 80px;
}

.panel_detalles_form input
{
  border: 1px solid #d9d9d9;
  color: #464646;
  width: 290px;
}

.panel_detalles_form input.x-field-form-focus
{
  border: 1px solid #428BCA;
  width: 290px;
}

.panel_detalles_form input.x-form-invalid-field
{
  border: 1px solid #E68989;
  width: 290px;
}

.panel_detalles_form .x-form-item-body, .panel_detalles_form .x-form-trigger-wrap,
.panel_detalles_form .x-form-text-wrap
{
  width: 290px;
  border: 0;
}

/**
 * Estilos del panel Configuracion del formulario
*/
.configurar_captura .x-grid-item
{
  height: 64px;
}

.configurar_captura .column_editable_textarea .x-form-trigger-wrap,
.configurar_captura .column_editable_textarea .x-grid-cell-inner
{
  height: 61px !important;
}

.configurar_captura .column_editable_textarea .x-form-text-default
{
  font-size: 12px;
}

/**
 * Estilos del panel Eventos
*/
.panel_eventos .x-panel-body-default
{
  background-color: #f5f5f5;
}

.panel_eventos .panel_closable
{
  min-height: 450px;
  margin-bottom: 20px;
}

.panel_eventos .panel_closable > .x-panel-body
{
  min-height: 408px !important;
}

div[id^='parametros-view']
{
  width: 300px;
  margin: 0 auto;
  z-index: 9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div[id^='parametros-view'] .thumb-wrap-param, .thumb-wrap-param
{
  border: 2px solid #6885B9;
  text-align: center;
  width: 65%;
  margin: 0auto;
  letter-spacing: 1px;
  font-weight: bold;
  color: #3A7DBA;
  height: 35px;
}

div[id^='parametros-view'] .thumb-wrap-param:not(:first-child){
  margin: 10px auto;
}

div[id^='parametros-view'] .thumb-wrap-param:first-child{
  margin: 0 auto 10px auto;
}

 div[id^='parametros-view'] .thumb-param
{
  margin-top: 5px;
}

div[id^="pan_eve_form"]
{
  overflow: visible;
  width: 75% !important;
}

div[id^="pan_eve_form"] .x-autocontainer-outerCt
{
    width: 99% !important;
}

.panel_eventos_combo_eventos
{
  width: 50%;
  height: 41px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.panel_eventos_combo_eventos span, .panel_eventos_combo span
{
  color: #5B5B5B;
  font-size: 17px;
  font-weight: bold;
}

.panel_eventos_combo_eventos .x-form-trigger-default, .panel_eventos_combo .x-form-trigger-default
{
  background: transparent url("../img/icons/trigger_combo.png") no-repeat -1px center !important;
  width: 22px;
}

.panel_eventos_combo
{
  width: 22%;
  height: 33px;
  margin: 0 1.5%;
  display: inline-table;
}

.panel_eventos_parametros
{
  background-color: #ddd7d7;
  margin: 0 2.5% 0 2.5%;
  width: 95%;
  top: 130px !important;
  min-height: 170px !important;
  overflow: visible;
  position: absolute;
}

.panel_eventos_parametros .x-panel-header-title-default
{
  background-color: #ddd7d7;
  color: #9C9C9C !important;
  font-size: 18px;
  text-align: center;
  height: 22px !important;
}

.panel_eventos_parametros .x-mask
{
  height: 265px;
  z-index: 9;
}

.panel_eventos_parametros .x-panel-body
{
  background-color: #ddd7d7 !important;
  overflow: visible;
  top: 35px !important;
  min-height: 230px !important;
  height: 100% !important;
}

.panel_eventos_parametros .x-panel-header-default-horizontal
{
  padding: 0;
}

.parametro_drop
{
  border: 1px solid #DFDFE0;
  width: 30%;
  height: 83px !important;
  float: left;
  background-color: #FFF;
  margin: 5px 1.5% 0;
  text-align: center;
}

.parametro_drop.parametro_drop_hover
{
  background-color: #c0c0c0;
}

.eventos_combo_parametros
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent url('../img/icons/dropdown_coding.png') no-repeat 95% center !important;
  border: 2px solid #7F9AC6;
  color: #2B73B5;
  cursor: pointer;
  display: block;
  font-size:12px;
  font-weight: bold;
  height: 28px;
  margin: 0 auto;
  padding: 4px;
  text-align: center;
  width: 90%;
}

.eventos_combo_parametros option:first-child,
.panel_historial .panel_closable .x-panel-header-title,
.param-source .panel_closable .x-panel-header-title
{
  display: none;
}

.eventos_combo_parametros option
{
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  color: #5B5B5B;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
}

.eventos_combo_parametros:focus
{
  background: transparent url('../img/icons/dropup_coding.png') no-repeat 95% center !important;
}

div[id^="textarea_php_"] .x-form-item-body
{
  min-height: 400px;
  height: 400px !important;
  max-height: 400px;
}

div[id^="textarea_php_"] .x-form-trigger-wrap-default.x-form-trigger-wrap-focus,
div[id^="textarea_php_"] .x-form-trigger-wrap-default
{
  border-color: transparent;
}

div[id^="formula_php_"] .x-window-header-default
{
  border-color: #333333;
  background-color: #333333;
}

div[id^="formula_php_"] .x-window-body-default
{
  border: 0 none;
  border-bottom: 1px solid #767676;
}

div[id^="formula_php_"] .x-tool-img
{
  background: transparent url('../img/icons/eliminar_blanco_coding.png') no-repeat center center;
}

.btn_guardar_php, .btn_cancelar_php
{
  background-color: #00B4E3;
  color: #FFFFFF;
}

.btn_guardar_php .x-btn-inner-default-small, .btn_cancelar_php .x-btn-inner-default-small
{
  font-size: 16px;
}

/**
 * Estilos panel Historial
*/
.panel_historial .x-panel-body
{
  background-color: #f5f5f5;
}

.subtitulo_historial
{
  background-color: #f5f5f5;
  color: #848484;
  font-size: 17px;
  font-weight: bold;
  height: 40px;
  letter-spacing: 2px;
  margin: 30px 0 0;
  padding-left: 10%;
  padding-top: 20px;
  position: fixed;
  top: 35px;
  width: 95.5%;
  z-index: 11;
}

.panel_historial_elementos
{
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f5f5f5;
}

.panel_historial_elementos:first-child
{
  margin-top: 20px;
}

.panel_historial_elementos_titulo
{
  background-color: #333333;
  font-size: 17px;
  color: #FFF;
  padding: 10px;
  width: 90%;
}

.panel_historial_elementos div
{
  border: 2px solid #7a95c1;
  margin: 0 auto 10px 8%;
  text-align: center;
  width: 65%;
}

.panel_historial_elementos p
{
  font-weight: bold;
  color: #5d93c5;
  font-size: 15px;
  margin: 4px;
  padding: 2px;
}

.panel_historial_elementos_contenido_hover
{
  background-color:#2B73B5;
}

.panel_historial_elementos_contenido_hover p
{
  color: #ffffff;
}

.boton_vaciar
{
  background: transparent url("../img/icons/papelera.png") no-repeat scroll center center !important;
  border: 0 none;
  height: 40px;
  left: auto !important;
  right: 4.5% !important;
  width: 35px;
}

.toolbar_encabezado
{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 center !important;
   border: 0 none;
   height: 40px;
   left: auto !important;
   padding: 0;
   right: 18px !important;
   text-align: right;
   top: 55px !important;
}

.panel_historial_encabezados_cls
{
  border: 1px solid#E4E4E5;
  background-color: #FFF;
  height: 80% !important;
  max-height: 80% !important;
  margin-right: 40px;
  margin-top: 16px;
}

.panel_historial_encabezados_cls .x-panel-body
{
  height: 70% !important;
  background-color: #ffffff;
}

.panel_historial_encabezados_cls .x-autocontainer-outerCt, .panel_historial_encabezados_cls .x-autocontainer-innerCt
{
  height: 100% !important;
  background-color: #ffffff;
}

.panel_historial_encabezados_cls .x-panel-header, .panel_historial .panel_closable .x-box-target,,
.param-source .panel_closable .x-box-target,
.panel_historial_encabezados_cls .x-panel-header-title-default
{
  width: 100% !important;
  left: 0;
}

#panel_historial_filtros_id-body
{
  min-height: 360px;
}

.panel_historial_encabezados_cls .x-box-inner
{
  height: 42px !important;
}

.panel_historial_encabezados_cls .x-panel-header-title-default
{
  color: #A8A8A8 !important;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
  top: 0;
  margin: 10px;
}

.panel_historial_encabezados_cls .x-box-target, .panel_historial_encabezados_cls .x-panel-header-title-default
{
  height:100%;
}

.panel_historial_encabezados_cls .x-panel-header-title-default
{
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.panel_historial_encabezados_cls .x-panel-header
{
  background-color: #FFF;
  border: 0;
}

.historial_encabezados_droppable_cls
{
  height: 100%;
  background-color: #fff;
}

.historial_combo_encabezado
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #2b73b5 url("../img/icons/dropdown_blanco_coding.png") no-repeat scroll 95% center !important;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  height: 35px;
  margin: 4px 4px 4px 10% !important;
  padding: 2px !important;
  width: 70%;
  z-index: 9 !important;
}

.historial_combo_encabezado:focus
{
  background-color: #5D93C5 !important;
}

.historial_combo_encabezado > option
{
  display: none;
}

.btn_eliminar_combo
{
  color: red;
  font-weight: bold;
  width: 20px;
  height: 20px;
  border: 0 none !important;
  background: transparent url('../img/icons/btn_eliminar_coding.png') no-repeat center center;
}

.historial_combo_encabezado_selected
{
  border-color: #0393A5 !important;
}

.historial_combo_encabezado_over
{
  background-color: #F2F2F2 !important;
}

.historial_grupo_combobox, .historial_grupo2_combobox
{
  font-size: 14px;
  font-style: italic;
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
  color: #000;
  padding-top: 6px;
  padding-bottom: 6px;
}
.historial_grupo2_combobox
{
  font-size: 13px;
  padding-left: 10%;
}

.historial_grupo2_combobox option
{
  padding-left: 15%;
}

.historial_grupo_combobox option, .historial_grupo2_combobox option
{
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  color: #4a4a4a;
  font-size: 12px;
  padding-bottom: 6px;
  padding-top: 6px;
}

.historial_grupo2_combobox option:last-child, .historial_grupo_combobox option:last-child
{
  border-bottom: 0 none !important;
}

.panel_historial_grid .x-column-header-checkbox
{
  background-color: #F6F5F5;
}

/**
 * Estilos del Panel Plantillas
 */
div[id^="plantillas-dataview"] .x-panel-body
{
  background: white none repeat scroll 0 0;
  font: 11px Arial,Helvetica,sans-serif;
}

div[id^="plantillas-dataview"] .thumb
{
  width: 100%;
  min-height: 180px;
  margin-left: 0;
}

div[id^="plantillas-dataview"] .thumb img
{
  float: left;
  height: 150px;
  width: 30%;
}

div[id^="plantillas-dataview"] .thumb figcaption
{
  width: 70%;
  overflow: hidden;
  padding-left: 20px;
  padding-top: 10px;
}

div[id^="plantillas-dataview"] .thumb-wrap-plantillas
{
  margin: 4px 2% 4px 2%;
  padding: 5px;
  width: 45%;
  float: left;
  cursor: pointer;
}

div[id^="plantillas-dataview"] .x-item-over-plantilla
{
  background: #efefef repeat-x scroll left top;
  border: 1px solid #dddddd;
  padding: 4px;
}

div[id^="plantillas-dataview"] .x-item-selected, div[id^="menus"] .x-item-selected {
  background: #eff5fb no-repeat scroll right bottom;
}

div[id^="plantillas-dataview"] .x-item-selected .thumb {
  background: transparent none repeat scroll 0 0;
}

.search-item {
  color: #555;
  display: block;
  overflow: hidden;
  padding: 5px 10px;
  text-decoration: none;
  white-space: normal;
  border-color: #fff #fff #eee;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  font: 11px tahoma,arial,helvetica,sans-serif;
  padding: 3px 10px;
}

.search-item h3 {
  color: #222;
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-family: inherit;
}

.search-item h3 span {
  color: #222;
  clear: none;
  display: block;
  float: right;
  font-weight: normal;
  margin: 0 0 5px 5px;
  width: 100px;
}

/* PANEL SELECCION INSTANCIA */
.x-panel.x-border-item.x-box-item.x-panel-default.panel_seleccion_instancia_plantilla,
.x-panel.x-border-item.x-box-item.x-panel-default.panel_seleccion_instancia_documento
{
  height: 65% !important;
  top: 30px !important;
}

.panel_seleccion_instancia_plantilla .x-panel-body,
.panel_seleccion_instancia_documento .x-panel-body,
.panel_seleccion_instancia_plantilla .x-autocontainer-outerCt,
.panel_seleccion_instancia_documento .x-autocontainer-outerCt,
.panel_seleccion_instancia_plantilla .x-autocontainer-innerCt,
.panel_seleccion_instancia_documento .x-autocontainer-innerCt
{
  height: 100% !important;
  top: 0 !important;
}

.x-panel.x-border-item.x-box-item.x-panel-default.panel_seleccion_instancia_inferior
{
  height: 32% !important;
  left: 0 !important;
  margin: 1% 12.5% 0 !important;
  top: 66% !important;
  width: 74% !important;
}

.panel_seleccion_instancia .x-panel-header-default
{
  background-color: #f5f5f5;
  border: 0 none;
  width: 100% !important;
}
.panel_seleccion_instancia .x-title-text
{
  color: #333333;
  font-family: helvetica;
  font-size: 21px;
}

.panel_seleccion_instancia_inferior > .x-panel-body-default
{
  height: 80% !important;
  padding-left: 11%;
  padding-top: 18px;
  width: 100% !important;
}

.informacion_centrada
{
  background-color: #ffffff;
  height: 286px;
  margin: 6% auto 0 16%;
  padding-top: 15%;
  text-align: center;
  width: 80%;
}

.panel_izquierda
{
  float: left;
  width: 30%;
}

.panel_derecha
{
  float: right;
  position: relative;
  right: 15%;
  width: 30%;
}

.panel_eventos_combo_perfiles
{
  margin-left: 34%;
  width: 35%;
}
/* panel Menus*/
.thumb-wrap-menu
{
  float: left;
  height: 150px;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: center;
  width: 20%;
}

.thumbmenu
{
  height: 115px;
  margin: 0 auto;
  width: 115px;
}

.thumbmenu > img
{
  height: 115px;
  width: 115px;
}

.thumb-wrap-menu .x-editable
{
  color: #00617c;
  font-family: arial;
  font-size: 16px;
}

.nuevo_menu
{
  background: transparent url('../img/menu/menu_nuevo.png') no-repeat scroll center center;
  border-radius: 200px;
}

.panel_descripcion .panel_background + .x-panel-default
{
  height: 92% !important;
}

.panel_menu .panel_descripcion .x-autocontainer-outerCt
{
  height: 100%;
}

.panel_menu_botones
{
  background-color: #F5F5F5;
  top: 93% !important;
  bottom: 0 !important;
}

.toolbar_menu .x-box-inner, .toolbar_menu .x-box-target, .toolbar_menu .x-box-item
{
  width: 100% !important;
}

.fileinput .x-form-file-wrap
{
  height: 28px;
}

.fileinput .x-btn-button-default-small
{
  min-height: 20px;
}

/***** ESTILOS DEL DOCUMENTO CREADO POR EL WIZARD *****/
/*clase para combobox (margen de la tabla)*/

.tabs_grid_campo_combobox
{
  background: url('../img/icons/trigger_combo.png') no-repeat right center !important;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 2px solid #333;
}

.back_tool
{
  background-color: #FFFFFF;
  padding: 0;
}

.invalid
{
  background-image: url("../img/icons/invalid_line.png");
  background-repeat: repeat-x;
  background-position: bottom;
}


/*clase para combobox (complemento)*/
.tabla .trigger_combobox
{
    background: url('../img/icons/trigger_combo.png') no-repeat right center !important;
}

/*clase para combobox (input)*/
.tabs_grid_campo .x-form-trigger-wrap .x-form-text-default
{
  width: 95%;
  height: 90% !important;
  font-size: 14px !important;
  background-color: transparent;
  border: 0;
  margin-left: 10px;
}

/*historial*/
.x-column-header.x-column-header-focus .x-column-header-inner::after
{
  border: 0;
}

.x-grid-item-focused .x-grid-cell-inner::before
{
  border: 0 !important;
  background-color:#A8C7ED;
}

.x-action-col-icon
{
  width: 24px;
  height: 23px;
}

.panel_historial
{
  top: 0px !important;
}

.panel_historial_grid .x-grid-view
{
  border:0;
}

.panel_historial_grid .pagging_toolbar
{
  position:fixed !important;
  top: 96% !important;
  bottom:0px !important;
  z-index:10 !important;
  left: 45px !important;
  width: 100%;
}

.panel_historial_grid_totales
{
  text-align: right;
  color: #ffffff;
  font: bold 18px Arial;
  padding: 10px;
}

.panel_historial_toolbar
{
  /*top: 21px !important;*/
  margin-bottom: 5px;
}

.panel_historial_toolbar .x-toolbar-item
{
  background-image: none !important;
  background-color: #FFF;
  border: 0;
}

.panel_historial_toolbar .x-btn-focus.x-btn-default-toolbar-small, .panel_historial_toolbar .x-btn-over.x-btn-default-toolbar-small
{
  border: 0 !important;
  box-shadow: none;
  background-color: #F6F5F5;
}

.panel_historial_boton_agregar
{
  background-image: url('../img/icons/agregar_detalle_coding.png') !important;
  background-repeat: no-repeat;
  width: 39px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
}

.panel_historial_boton_agregar.x-btn-inner
{

  color: #5A5C5B !important;
}

td[class^='boton_grid_column_'] .x-grid-cell-inner-action-col
{
  padding: 2px !important;
}

.boton_grid_column_update_attr .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_reload_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_update_attr
{
  background-image:  url('../img/icons/ico_reload_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
}

.boton_grid_column_consultar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/lupa.png') !important;
  background-size: 20px;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_consultar
{
    background-image:  url('../img/icons/lupa.png') !important;
    background-size: 20px;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
}

.boton_grid_column_totales .x-grid-cell-inner::before
{
  background-color: #ABFCCA !important;
  border: 0 !important;
}

.boton_grid_column_totales
{
  background-color: #ABFCCA !important;
}

.boton_grid_column_editar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/editar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_editar
{
    background-image:  url('../img/icons/editar.png') !important;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.boton_grid_column_flecha_arriba .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_flecha_arriba_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat; 
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_flecha_arriba
{
    background-image:  url('../img/icons/ico_flecha_arriba_24.png') !important;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.boton_grid_column_flecha_abajo .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_flecha_abajo_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_flecha_abajo
{
    background-image:  url('../img/icons/ico_flecha_abajo_24.png') !important;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.boton_grid_column_timbrar
{
    background-image:  url('../img/icons/timbrar.png') !important;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.boton_grid_column_clonar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/copiar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_clonar
{
  background-image:  url('../img/icons/copiar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.boton_grid_column_relacionar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/relation_black.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_relacionar
{
  background-image:  url('../img/icons/relation_black.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.boton_grid_column_formato_cotizacion
{
  background-image:  url('../img/icons/view.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}


.boton_grid_column_formato .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/view.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_formato
{
  background-image:  url('../img/icons/view.png')  !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.boton_grid_column_enviar_correo .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/email.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_enviar_correo
{
  background-image:  url('../img/icons/email.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.boton_grid_column_retroceder .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/regresar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat !important;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_retroceder
{
  background-image:  url('../img/icons/regresar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.boton_grid_column_cancelar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/cancel.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat !important;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_cancelar
{
  background-image:  url('../img/icons/cancel.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat !important;
  cursor: pointer;
}
.boton_grid_column_porcentaje .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_discount_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat !important;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_porcentaje
{
  background-image:  url('../img/icons/ico_discount_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat !important;
  cursor: pointer;
}

.boton_grid_column_eliminar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/eliminar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.text_etiquetas .x-autocontainer-innerCt
{
  text-align: center;
}

.text_etiquetas .x-window-header-default
{
  background-color: #535555;
  border-color: #535555;
}

.boton_grid_column_eliminar
{
  background:  url('../img/icons/eliminar.png') no-repeat center center !important;
}

.boton_grid_column_photos .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_photo_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_photos
{
    background:  url('../img/icons/ico_photo_24.png') no-repeat center center !important;
}

.boton_grid_column_servicios .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_services_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_servicios
{
    background:  url('../img/icons/ico_services_24.png') no-repeat center center !important;
}

.boton_grid_column_imprimir .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/impresora_azul.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_imprimir
{
    background:  url('../img/icons/impresora_azul.png') no-repeat center center !important;
}

.boton_grid_column_restar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_remove_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_restar
{
    background:  url('../img/icons/ico_remove_24.png') no-repeat center center !important;
}

.boton_grid_column_deshacer .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/ico_deshacer_24.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
  background-color:#A8C7ED;
}

.boton_grid_column_deshacer
{
    background:  url('../img/icons/ico_deshacer_24.png') no-repeat center center !important;
}

.boton_grid_column_cerrar, .boton_grid_column_cerrar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/close.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
}

.boton_grid_column_impresion, .boton_grid_column_impresion .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/impresora_azul.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
}

.boton_grid_column_pausar, .boton_grid_column_pausar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/pausa.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
}

.boton_grid_column_reanudar, .boton_grid_column_reanudar .x-grid-cell-inner::before
{
  background-image:  url('../img/icons/reanudar.png') !important;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0 !important;
}

.grid_row_historial_pendiente .x-grid-cell
{
  background-color:  #eb707c;
}

.grid_row_historial_sin_relacion .x-grid-cell
{
  background-color: none;
}
.grid_row_formato_visto .x-grid-cell
{
  background-color: #fcf64e;
}
/*historial*/

/*SOLICITUD*/
.boton_cancel
{
  background: url('../img/icons/cancelar.png') no-repeat !important;
}

.boton_guardar
{
  background: url('../img/icons/guardar.png') no-repeat !important;
}

.boton_buscar
{
  background: url('../img/icons/bt_lupa16x16.png') no-repeat !important;
}

.boton_guardar + .x-btn-inner, .boton_cancel + .x-btn-inner
{
  color:#FFF !important;
  text-align: left !important;
}

.boton_productos_agregar
{
  background: url('../img/icons/add.png') no-repeat !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  width: 20px !important;
}

.boton_productos_volver
{
  background: url('../img/icons/volver.png') no-repeat !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  width: 24px !important;
}

.boton_productos_relacion
{
  background: url('../img/icons/relation.png') no-repeat !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.boton_carta_recepcion
{
  background: url('../img/icons/recepcion.png') no-repeat !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  width: 24px !important;
}

.boton_productos_eliminar
{
  background: url('../img/icons/delete.png') no-repeat !important;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 23px;
  width: 24px !important;
}

.boton_ver_documento
{
  background: url('../img/icons/lupita_circulo.png') no-repeat !important;
}


.panel_encabezado1
{
  left:45px; 
  right:17px; 
  top:35px; 
  z-index:10 !important;
  padding-top: 10px !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.panel_encabezado1 .x-tab-wrap
{
  border-spacing: 3px;
}

.panel_encabezado1 .x-panel-header-default
{
    background-color: #585555;
    border: 0 !important;
    letter-spacing: 1px;
}

.panel_encabezado1 .x-panel-header-title-vertical-default .x-title-text-default
{
  letter-spacing: 2px;
}

.panel_general .x-panel-header
{
  height:38px;
}

.panel_fijo_informaciong
{
  top:30px;
}

.panel_productos
{
  margin-bottom: 36px !important;
}
/*SOLICITUD*/

/*KARDEX DETALLE*/
.filtro_form .combo_kardex .x-tagfield-input
{
  width: 0;
}

.filtro_form .x-panel-header
{
  background-color: #333333;
}

.panel_kardex .x-panel-body-default
{
  border: 2px solid #585555;
  /*background-color: whitesmoke;*/
}

.panel_kardex .x-panel-header-default
{
  background-color: #585555 !important;
  border: medium none #585555 !important;
}

.panel_kardex_grid .x-panel-body-default
{
  border-right: 2px ;
  border-left: 2px ;
  border-bottom: 2px ;
}

.panel_kardex_grid .x-panel-header-default
{
  background-color: #585555;
  border: 1px solid #585555;
}

.panel_kardex_grid .x-column-header-over
{
  background-color: #EFF6FB;
  color: black;
}

.panel_kardex_grid .x-grid-view
{
  border:0;
}

.panel_kardex_grid .pagging_toolbar
{
  position:fixed !important;
  top: 95% !important;
  bottom:0px !important;
  z-index:10 !important;
  left: 45px !important;
  width: 100%;
}
/*KARDEX DETALLE*/

/*AUDITORIA*/
.panel_collapsible .x-panel-header-default
{
  border-radius: 8px 8px 0px 0px;
  background-color: #6dcce6 !important;
  border: #6dcce6 !important;
}

.panel_collapsible .x-panel-header-default .x-header .x-region-collapsed-placeholder .x-region-collapsed-right-placeholder .collapsed
{
  border-radius: 8px 8px 0px 0px;
  background-color: #6dcce6 !important;
  border: 1px solid #6dcce6 !important;
}

.panel_collapsible .x-tab .x-unselectable .x-tab-active .x-box-item .x-tab-default .x-top .x-tab-top .x-tab-default-top
{
  padding: 14px;
}

.tab_panel_auditoria .x-tab-default-top .x-tab-inner-default
{
  color: #585555;
  transform: none;
}

.tab_panel_auditoria .x-tab-default-top .x-tab-focus
{
  -webkit-box-shadow: 0;
  box-shadow: #585555 0 0 0 0 inset, #585555 0 0 0 0 inset, #585555 0 0 0 0 inset, #585555 0 0 0 0 inset !important;
}

.tab_panel_auditoria .x-tab-default
{
  border-color: #585555 !important;
}

.tab_panel_auditoria .x-tab-bar-body
{
  background-color: #585555;
  border-color: #585555;
}

.tab_panel_auditoria .x-tab-bar-strip-default
{
  background-color: #585555;
  border-color: #585555;
}
.tab_panel_auditoria .x-tab.x-tab-active.x-tab-default .x-tab-inner-default
{
  color: #585555;

}
.tab_panel_auditoria .x-tab.x-tab-active.x-tab-default
{
  background-color: #D6D3D3;
  border-color: #D6D3D3;
}

.tab_panel_auditoria .x-tab-over.x-tab-default
{
  background-color: #D6D3D3;
  border-color: #D6D3D3;
}

.tab_panel_auditoria .x-tab-over.x-tab-default .x-tab-inner-default
{
  color: #585555;
}
.tab_panel_auditoria .x-tab-default-top
{
  background-color: #585555;
  padding: 5px;
  margin-right: 3px;
  -webkit-transform: none;
}

.tab_panel_auditoria .x-tab-default-top .x-tab-inner-default
{
  color: #FFFFFF;
}
.tab_auditoria .x-tab-inner .x-tab-inner-default
{
  border-radius: 8px 8px 0px 0px;
}

.barra_progreso_p1
{
  background-attachment: fixed;
  background-position: center;
  background: url('../img/icons/barrap1.png') no-repeat !important;
}

.barra_progreso_p2
{
  background-attachment: fixed;
  background-position: center;
  background: url('../img/icons/barrap2.png') no-repeat !important;
}

.barra_progreso_p3
{
  background-attachment: fixed;
  background-position: center;
  background: url('../img/icons/barrap3.png') no-repeat !important;
}
/*AUDITORIA*/

/*RASTREADOR DE SERIE*/
.panel_R .x-panel-body-default
{
  border-top: 1px solid #6dcce6;
}

.panel_header_busc
{
  border: 1px solid #6dcce6;
}

.gridPanel .x-panel-body-default
{
  border: 1px solid #585555;
  height: auto;
  background-color: whitesmoke;
}

.gridPanel .x-panel-header-default
{
  background-color: #585555;
  border: none;
}

.gridTitle .x-panel-header-default
{
  background-color: #6dcce6;
  border: none;
  padding: 15px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
}

.gridTitle .x-panel-body-default
{
  background-color: #F4F4F4;
}

.rastreador_columns
{
  background-color: #FFFFFF;
  color: black;
  font-size: 15px;
}

.rastreador_rowsNum .x-grid-cell
{
  border: 1px solid #6dcce6;
  padding:10px 10px 10px 0;
}

.rastreador_rows td
{
  border: solid #6dcce6 1px;
  padding:10px 10px 9px 0;
}

.color_record .x-grid-cell
{
  color:  #900;
}

/*ICONS*/
.icon_grid_edit
{
  background: url('../img/icons/add_user.png') no-repeat center center!important;
  height: 20px;
  background-image: none;
}

.icon_bbar_rastreo
{
  background: url('../img/icons/excel.png') no-repeat center center!important;
  height: 20px;
  background-image: none;
}

.icon_button_search
{
  background: url('../img/icons/bt_lupa.PNG') no-repeat center center!important;
  height: 36px;
  width:36px;
  background-image: none;
}

/*CORREO*/
.head_documento_ajuste_entrada
{
  background-color: #fcf7ed;
  height: 100px;
}

.contenido_documento_ajuste_entrada
{
  background-color: #fefdfb;
  height: 800px;
  padding: 10px;
}

/*ESTILO BOTONES */
.boton-text .x-btn-inner-default-small
{
  font-size: 12pt;
  cursor: pointer !important;
}

.column_editable_combo_wms .x-form-trigger-default
{
  background: #FFF  url('../img/icons/combobox_flecha_coding.png') no-repeat -1px center;
}

.hovergrid
{
  background-color: yellow;
}

/*DATE PICKER */
.x-datepicker.x-layer
{
  position:fixed !important;
}

.no_bordes
{
  border: 0 none;
  background-color: #F5F5F5;
}

.icono_agregar
{
  background: transparent url('../img/icons/agregar_flowing.png') no-repeat center center / contain !important;
}

.icono_eliminar
{
  background: transparent url('../img/icons/eliminar_flowing.png') no-repeat center center / contain !important;
}

.icono_editar
{
  background: transparent url('../img/icons/editar.png') no-repeat center center / contain !important
}

.menu_contextmenu .x-menu-header, .menu_contextmenu .x-menu-body
{
  font-size: 15px;
  padding: 5px;
}

.menu_contextmenu .x-menu-header
{
  background-color: #428BCA !important;
  color: #ffffff !important;
}

/* WIZARD BALANCES Y RELATING*/
.balances_panel_campos_extra .x-splitter
{
    font-size: 1px;
    background-color: #333333;
}

.bbar_botones
{
  background-color: #fff;
  background-image: none;
  border-color: #c2c2c2;
  border-style: solid;
  border-width: 0px;
  padding: none !important;
}

.bbar_botones .x-toolbar-default .x-toolbar-item
{
  margin: 0 !important;
  right: 100px !important;
}

.bbar_botones .x-toolbar-default
{
  padding: none;
}

.bbar_botones .x-toolbar-item
{
  margin: 0 0 0 0 !important;
}
.botonStep
{
  background-color: #00B4E3;
}

.input_atributos_generales .x-form-text-default.x-form-textarea
{
  line-height: 16px !important;
  letter-spacing: 1px;
  font-size: 13px;
}

/*
 * Genéricos
 */

.cell_padding_number
{
  padding-right: 20px;
}

.cell_link
{
  color: #0000FF;
  cursor: pointer;
  text-decoration: underline;
}

.cell_link_simple
{
  color: #0000FF;
  cursor: pointer;
}

/*VISTA GENERAL*/
.vista_general_panel_principal .x-toolbar-default-docked-top
{
  padding: 0 !important;
  margin: 0 !important;
}

.vista_general_header_toolbar
{
  left:45px; right:17px; top:35px; z-index:10 !important;
  padding-top: 7px !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}

.vista_general_header_toolbar label
{
  background-color: white;
  background-image: none;
  border: none;
  color: #00B4E3;
  font-size: 20px;
  font-family: helvetica;
  font-weight: bold;
}

.vista_general_header_toolbar .x-tab-wrap
{
  border-spacing: 3px;
}

.vista_general_header_toolbar .x-toolbar-default
{
  margin: 0 0 0 0 !important;
  background-color: #EFF6FB;
}

.vista_general_header_toolbar .x-panel-header-default
{
    background-color: #585555;
    border: 0 !important;
    letter-spacing: 1px;
}

.vista_general_panel_body_encabezado .x-form-display-field-default
{
  word-break: break-word;
}

.vista_general_header_toolbar .x-panel-header-title-vertical-default .x-title-text-default
{
  letter-spacing: 2px;
}

.vista_general_panel_body_encabezado .x-toolbar-default
{
  background-color: #FFFFFF;
  border: none;
  margin-left: 10px;
}

.vista_general_panel_body_encabezado .x-panel-body-default
{
  background-color: #FFFFFF;
  border: none;
}

.vista_general_panel_body_encabezado .x-panel-header-docked-top
{
  background-color: rgb(88, 85, 85);
  color: white;
  font-family: helvetica;
  font-size: 20px;
}

.vista_general_estado_documento
{
  color: red !important;
}

.vista_general_panel_derecha .x-panel-header-default
{
  background-color: white;
  color: #363636;
  text-align: center;
  border: none;
}

.vista_general_panel_derecha
{
  background-color: white;
  color: #363636;
  text-align: center;
  border: none;
}

.vista_general_panel_derecha_anexos, 
{
  border: dashed;
  background-color: #EBEBEB;
  border-width: 1px;
  color: #908D8D;
  text-align: center;
  font-family: helvetica;
  font-weight: bold;
  font-size: 16px;
}

.vista_general_panel_derecha_anexos .file .emptyText
{
  color: #908D8D;
  text-align: center;
  font-family: helvetica;
  font-weight: bold;
  font-size: 16px;
}

.vista_general_panel_derecha_anexos, .vista_general_panel_derecha_anexos .x-toolbar-default
{
  background-color: #EBEBEB;
}

.vista_general_panel_derecha_anexos .x-panel-header-default
{
  background-color: #EBEBEB;
  color: #363636;
}

.vista_general_panel_derecha_anexos_dragdrop
{
  background-color: #EBEBEB;
  color: #908D8D;
  text-align: center;
  font-family: helvetica;
  font-weight: bold;
  font-size: 16px;
}

.vista_general_panel_derecha_anexos_dragdrop
{
  min-height: 30px;
  height: auto;
  width: 100%;
}

.vista_general_panel_derecha_anexos_dragdrop_over
{
  border: 3px dashed blue;
  background-color: #7FFFD4;
}

.vista_general_panel_derecha_anexos_dragdrop .x-panel-body-default, .vista_general_panel_derecha_anexos_dragdrop .x-toolbar-default, .vista_general_panel_derecha_anexos .x-panel-body-default
{
  background-color: #EBEBEB;
}

.vista_general_comentario_nuevo_toolbar
{
  border: none;
}

.vista_general_panel_derecha .x-panel-header-title-default
{
  color: black;
  font-size: 16px;
}

.vista_general_panel_derecha .x-form-display-field-default
{
  word-break: break-word;
}

.vista_general_grid_row_even .x-grid-cell
{
  background-color: #eafaff;
}

.vista_general_grid_row_odd .x-grid-cell
{
  background-color: white;
}

.vista_general_grid_row_gris .x-grid-cell
{
  background-color: #f2f2f2;
}


/*VISTA GENERAL FLUJOS*/
.vista_general_flujos_encabezado_flujo, .vista_general_flujos_encabezado_flujo .x-panel-body-default, .vista_general_flujos_encabezado_flujo .x-autocontainer-innerCt
{
  background-color: #CAE3F9;
}

.vista_general_flujos_panel_botones,
{
  background-color: blue;
  color: black;
  font-family: Arial;
}

.vista_general_panel_body_acciones .x-panel-body-default
{
  background-color: #DFF7DF !important;
}

.vista_general_flujos_flujo_panel_botones
{
  background-color: #DFF7DF;
  height: 94px;
}

.vista_general_flujos_flujo_panel_boton
{
  border: 1px solid #02adb5;
  background-color: #ABEFEF;
  border-radius: 5px;
}

.vista_general_flujos_flujo_panel_boton .x-btn-inner-default-toolbar-small
{
  color: black;
  font-size: 16px;
  font-family: Arial;
}

.vista_general_flujos_panel_contenedor .x-toolbar-default
{
  background-color: #F5F5F5;
  border: 0px !important;
}

.vista_general_flujos_panel_contenedor_header
{
  border-bottom: 1px solid #908D8D !important;
}

.vista_general_flujos_panel_contenedor
{
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 20px 3px rgba(0, 0, 0, 0.12), 0 3px 11px -2px rgba(0, 0, 0, 0.2);
}

.vista_general_flujos_panel_contenedor .x-panel-header-default
{
  border-style: none !important;
  margin: 0px 0px 0px 0px !important;
}

.vista_general_flujos_panel_principal .x-docked-top
{
  border-bottom: 1px solid black;
}

.vista_general_flujos_panel_principal .x-panel-header-default
{
  background-color: #F5F5F5;
  border-style: none;
  border-bottom: 1px solid black;
  color: black;
  margin: 10px 15px 10px 15px;
}

.vista_general_flujos_panel_principal_color
{
  background-color: #CAE3F9;
}

.vista_general_flujos_panel_principal .x-panel-body-default, .vista_general_flujos_panel_contenedor .x-autocontainer-innerCt
{
  background-color: #F5F5F5;
}

.vista_general_flujos_panel_principal .x-panel-header-title-default > .x-title-text-default
{
  color:black;
  font-family: Arial;
}

.vista_general_flujos_panel_principal
{
  background-color: #F5F5F5;
}

.vista_general_flujos_botones
{
  background-color: blue;
  color: #383636;
  font-family: Arial;
}

.vista_general_file_upload_field .x-form-trigger-default:hover
{
  cursor: default;
}

/*ANEXOS DEL FLUJO EN LA CAPTURA*/
.emptyTextAnexo
{
  font-size: 23px;
  color: #c9c9c9;
  font-family: helvetica;
  text-align: center;
  padding: 53px;
  line-height: 30px;
}

.overClsAnexo
{
  border: 5px dashed #00B4E3;
  box-sizing: border-box;
  cursor: move !important;
}

.notOverClsAnexo
{
  border: 5px dashed #FF4B4A;
  box-sizing: border-box;
  cursor: no-drop !important;
}

.anexo
{
  box-sizing: border-box;
  border: 1px solid #585555;
  display: inline-block;
}

.anexo .x-panel-header .x-title-text, .anexo .x-panel-header, .anexo .x-toolbar-default, .anexo .x-panel-body-default
{
  background-color: #EBEBEB !important;
  border: 0 none !important;
  color: #585555 !important;
}

.anexo_upload_button
{
  background: transparent url('../img/icons/btn_upload.png') no-repeat center center / cover !important;
  cursor: pointer !important;
  width: 27px !important;
  height: 23px !important;
  border: 0 none !important;
}

.anexo_flujos_captura_label
{
  background-color: #EBEBEB;
  color: #908D8D;
  text-align: center;
  font-family: helvetica;
  font-weight: bold;
  font-size: 16px;
}

.display_link, .display_link .x-form-display-field
{
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}
/*TOOLBAR PERSONALIZACIONES TOMCAT*/
.toolbar_grid_panel_detalles
{
  background-color: rgb(88, 85, 85);
  font-weight: bold;
  color: white;
}

.toolbar_grid_panel_detalles .x-btn-inner-default-toolbar-small
{
  color: white;
}

.toolbar_detalles_menus span
{
  color: rgb(88, 85, 85) !important;
}

.ventana_modificar_campos .x-toolbar-footer
{
  margin: 0;
  padding: 0;
}

/*COMBO CON IMAGENES*/
.combo_images_min-row-height .x-boundlist-item
{
  min-height: 48px;
}

.combo_image_input
{
  max-width: 360px;
}

.combo_image_input .x-form-trigger-default
{

}

/*Iconos_acciones_tarjeta*/
.tarjeta_acciones_generar_proyecto
{
  background-image:  url('../img/icons/icon_proyecto.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}


.tarjeta_acciones_enviar_formato
{
  background-image:  url('../img/icons/email.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tarjeta_acciones_editar
{
  background-image:  url('../img/icons/editar.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tarjeta_acciones_relacionar
{
  background-image:  url('../img/icons/relation_black.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tarjeta_acciones_ver_formato
{
  background-image:  url('../img/icons/view.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tarjeta_acciones_clonar
{
  background-image:  url('../img/icons/copiar.png') !important;
  width: 22px !important;
  height: 20px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tarjeta_acciones_accion
{
  background-image:  url('../img/icons/accion_default.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tarjeta_acciones_descargar_xml
{
  background-image:  url('../img/icons/btn_xml_24.png') !important;
  width: 24px !important;
  height: 23px !important;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*Styles Incomme*/
@media (max-width: 480px) 
{

  /*LOGIN VIEW*/  
  .login{
    width: 100% !important;
  }
  .box_login{
    width: 100% !important;
  }

  .img_login{
    width: 100% !important;
  }

  .img_login img{
    width: 100%;
    padding: 0 5%;
  }

  .box_login{
    width: 100%;
  }

  .li_center div{
    width: 100% !important;
    padding: 0 1% !important;
  } 

  .li_center input{
    width: 100% !important;
  }
}

.x-grid-inner-locked
{
  border-right-color: #585555;
}

.x-panel-body {
  /*overflow: auto !important;*/
}