body {
    padding:5px;
    
}
.x-body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji !important";
    font-size: 13px;
}
body.x-masked .x-mask {
    z-index: 20000; /* Fix para floating panels */
}
p {
    margin-bottom:15px;
}
h1 {
    font-size:18px;
    margin-bottom:20px;
}
h2 {
    font-size:14px;
    color:#333;
    font-weight:bold;
    margin:10px 0;
}
.example-info{
    width:150px;
    border:1px solid #c3daf9;
    border-top:1px solid #DCEAFB;
    border-left:1px solid #DCEAFB;
    background:#ecf5fe url( info-bg.gif ) repeat-x;
    font-size:10px;
    padding:8px;
}
pre.code{
    background: #F8F8F8;
    border: 1px solid #e8e8e8;
    padding:10px;
    margin:10px;
    margin-left:0px;
    border-left:5px solid #e8e8e8;
    font-size: 12px !important;
    line-height:14px !important;
}

.msg .x-box-mc {
    font-size:14px;
}

.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}

.feature-list {
    margin-bottom: 15px;
}
.feature-list li {
    list-style: disc;
    margin-left: 17px;
    margin-bottom: 4px;
}
.x-icon-nuevo{
 	background-image:url('../images/add.gif')!important;
	background-repeat: no-repeat;
}
.x-icon-eliminar{
 	background-image:url('../images/delete.gif')!important;
	background-repeat: no-repeat;
}
.x-icon-administradores{
  background-image:url('../images/user_gray.png')!important;
  background-repeat: no-repeat;
}
.x-icon-cancel{
  background-image:url('../images/16x16/cancel.gif') !important;
  background-repeat: no-repeat;
}
.x-icon-reload{
  background-image:url('../images/reload.gif')!important;
  background-repeat: no-repeat;
}
.x-icon-incidencia{
  background-image:url('../images/incidencia.gif')!important;
  background-repeat: no-repeat;
}
.x-icon-form{
 	background-image:url('../images/form.png')!important;
	background-repeat: no-repeat;
}

.x-icon-chart{
 	background-image:url('../images/chart.gif')!important;
	background-repeat: no-repeat;
}

.x-icon-map{
 	background-image:url('../images/map.png')!important;
	background-repeat: no-repeat;
}

.x-icon-info{
 	background-image:url('../images/info-icon.png')!important;
	background-repeat: no-repeat;
}
.x-icon-avisos{
 	background-image:url('../images/warning.gif')!important;
	background-repeat: no-repeat;
}

.x-icon-exclamacion{
 	background-image:url('../images/exclamation.png')!important;
	background-repeat: no-repeat;
}

.x-icon-exportar{
 	background-image:url('../images/exportar.png')!important;
	background-repeat: no-repeat;
}

.x-icon-importar{
 	background-image:url('../images/importar.png')!important;
	background-repeat: no-repeat;
}
.x-icon-incidencias{
  background-image:url('../images/incidencias.png')!important;
  background-repeat: no-repeat;
}
.x-icon-clientes{
  background-image:url('../images/clientes.jpg')!important;
  background-repeat: no-repeat;
}
.x-icon-ventas{
  background-image:url('../images/ventas.jpg')!important;
  background-repeat: no-repeat;
}
.x-icon-ingles{
  background-image:url('../images/english.jpg')!important;
  background-repeat: no-repeat;
}
.x-icon-catalan{
  background-image:url('../images/catalan.jpg')!important;
  background-repeat: no-repeat;
}
.x-icon-castellano{
  background-image:url('../images/spanish.jpg')!important;
  background-repeat: no-repeat;
}
.x-icon-periodo{
  background-image:url('../images/period.png')!important;
  background-repeat: no-repeat;
}

.panelLogin {
  background: none repeat scroll 0 0 #FFF !important;
  border-color: #ea7500 !important;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 2px 3px 6px #999999;
  margin: auto;
  padding: 25px !important;
  width: 25%;
  height: 100%;
  top: 30%;
  min-width: 450px;
}

.botonEntrar {
	padding: 12px !important;
}

.x-icon-save {
  background-image:url('../images/save.png') !important;
  background-repeat: no-repeat;
}
.x-icon-password {
  background-image:url('../images/lock.png') !important;
  background-repeat: no-repeat;
}

.texto_servicio{
  color: #B90000;
  font-size: 18px;
  padding-top: 18px !important;
}
.price_service{
  font-size: 30px;
  color: #B90000;
  padding-top: 50px;
}
.texto_tipo_servicio{
  color: #BE2701;
  font-size: 18px;
  padding-top: 18px !important; 
}
.texto_descripcion_servicio{
    color: #333333;
    font-size: 17px;
    padding-top: 18px !important;
}
.texto_precio_servicio{
  color: #B90000; 
  font-size: 20px;
  padding-top: 18px !important; 
}

.panelCentro{
  text-align: center;
}
.labelFieldLogin{
  color: #925416;
  font-size: 16px;
  word-wrap: break-word;
}

#app-center {
	padding: 10px;
	background: #eae1d5 !important;
}

#app-center-body {
	border: 1px solid #ea7500 !important;
	border-radius: 8px !important;
	padding : 8px;
}

#app-center-login .x-panel-body-default {
	background: transparent !important;
}

.add-grid-btn {
	background-image: url(../images/16x16/drop-add.gif) !important;
}
.close-grid-btn {
	background-image: url(../images/16x16/close.png) !important;
}
.filtrar-grid-btn {
	background-image: url(../images/16x16/lupa.png) !important;
}
.clear-filter-grid-btn  {
	background-image: url(../images/16x16/drop-no.png) !important;
}
.new-document-grid-btn  {
	background-image: url(../images/16x16/new_document.png) !important;
}

.bell_header_btn {
	background-image: url("../images/header/w_bell.png") !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
    border: none !important;
    background-position: center !important;
    background-size: contain !important;
}
.message_header_btn {
	background-image: url("../images/header/w_message.png") !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
    border: none !important;
    background-position: center !important;
    background-size: contain !important;
}

.x-toolbar-separator {
	border-width: 0 0 0 1px !important;
}

.lbl-text-align-center {
	text-align: center;	
}

.ipad-grid td.wrap-text div {
	white-space: normal;
	line-height: 20px;
    height: 80px;
}

.ipad-grid .x-grid-cell-inner {
	font-size: 20px;
}

.bold-me {
    font-weight: bold;
}

.hidden-me {
	visibility: hidden;
}

.image_pointer:hover {
	cursor: pointer;
}

/* ============ CAJA ============ */

.caja {
	background: transparent;
	box-shadow: 2px 2px 4px #A9A9A9;
	white-space: normal !important;
	line-height: normal !important;          
}

.caja .body-caja {
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}

.caja .x-panel-header-default {
	background-color: transparent !important;
}

.caja .x-panel-header,
.caja .x-panel-header-text,
.caja .x-panel-header-text-container-default {
	color: #8c8c8c !important;
	font-size: 14px;
	border: none;
	text-align: center;
}

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

.custom-cell-cajetin,
.x-window-body-default .custom-cell-cajetin,
.custom-cell-cajetin .x-panel-body-default {
	color: blue;
}

.custom-cell-cajetin-azul-marino,
.x-window-body-default .custom-cell-cajetin-azul-marino,
.custom-cell-cajetin-azul-marino .x-panel-body-default {
	font-weight: bold;
	color: white;
	background-color: #0099ff;
}

.custom-cell-cajetin-azul-verdoso,
.x-window-body-default .custom-cell-cajetin-azul-verdoso,
.custom-cell-cajetin-azul-verdoso .x-panel-body-default {
	font-weight: bold;
	color: white;
	background-color: #99d6ff;
}

.custom-cell-cajetin-azul-aguoso,
.x-window-body-default .custom-cell-cajetin-azul-aguoso,
.custom-cell-cajetin-azul-aguoso .x-panel-body-default {
	font-weight: bold;
	color: white;
	background-color: #b3e0ff;
}


/* ============ CAJA ============ */