#logo {
	background-image: url(../libs/images/logo.gif);
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .1;
	background-size: 500px;
}

::-webkit-input-placeholder {
	opacity: .5;
}

*,
.x-btn-inner,
.x-form-item {
	-font-family: verdana !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 13px !important;
}

.x-grid-cell-inner {
	padding: 14px 7px !important;
}

.x-panel-body-default {
	background: #dfe8f6;
}

.x-grid-body {
	background: white !important;
}

.x-form-field:not(.x-form-checkbox):not(.x-form-textarea):not(.x-form-radio) {
	padding: 14px 7px;
}

.x-form-textarea {
	padding: 5px;
}

.x-btn {
	padding: 6px;
}

.x-form-trigger {
	height: 30px !important;
	width: 30px !important;
	background-image: url(../libs/images/arr-down.png);
	background-repeat: no-repeat;
	background-position: center !important;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	background-color: rgb(240, 240, 240);
}

.x-boundlist-item {
	padding: 6px;
}

.x-column-header-inner {
	padding: 10px 5px !important;
}

.x-grid-cell-inner .x-action-col-icon {
	margin: 12px 5px 0 5px;
}

.x-tab-inner {
	padding: 5px;
}

.x-tab-bar-body-default-horizontal {
	height: 33px;
}

.x-datepicker {
	width: 246px;
}

.x-datepicker-column-header-inner {
	padding: 5px;
}

.x-datepicker-date {
	padding: 5px;
}

.x-monthpicker-months,
.x-monthpicker-years {
	width: 122px;
	padding: 5px;
}

.x-monthpicker-yearnav-button-ct {
	width: 55px;
}

.x-monthpicker-months .x-monthpicker-item {
	width: 55px;
}

.x-monthpicker-years .x-monthpicker-item {
	width: 55px;
}

.x-monthpicker-item {
	margin: 0;
}

.x-monthpicker-item-inner {
	padding: 5px;
	margin: 0;
}

.slide-not-sel {
	opacity: .5;
}

.x-tab-inner {
	font-weight: normal !important;
}

.x-window-header-text-container {
	padding: 5px;
}

.x-menu-item:not(.x-menu-item-separator) {
	padding: 7px !important;
}

.x-menu-item-icon {
	top: 12px;
	left: 6px;
}

.x-grid-view {
	background-color: white !important;
}

.x-grid-cell-editor .x-form-text {
	padding: 20px 5px !important;
}

.x-tab-default .x-tab-icon-el {
	height: 24px;
}

.x-action-col-icon {
	opacity: .5;
}

.x-action-col-icon:hover {
	opacity: 1;
}

.mlu-header-add div {
	cursor: pointer;
	background: url('../libs/images/add.ico') no-repeat 11px;
	opacity: .5;
	background-position: center;
}

.mlu-header-add div:hover {
	opacity: 1;
}

.mlu-header-refresh div {
	cursor: pointer;
	background: url('../libs/images/refresh.ico') no-repeat 11px;
	opacity: .5;
}

.mlu-header-refresh div:hover {
	opacity: 1;
}

.x-toolbar>div>div>.x-btn-default-small {
	padding: 10px !important;
}

.grd-coti-moneda .x-grid-cell-inner {
	padding: 8px 7px !important;
}

.grd-coti-moneda .x-grid-cell-editor .x-form-text {
	padding: 14px 7px !important;
}

#clie-datos-tab-fisc {
	position: relative;
	margin-top: -2px;
}

#clie-datos-tab-fisc span {
	margin-left: 22px;
}

#clie-datos-tab-fisc img {
	position: absolute;
	top: 0;
	left: -5px;
	border: 1px solid cadetblue;
	padding: 1px 2px;
	border-radius: 2px;
	z-index: 100;
}

#clie-datos-tab-fisc img:hover {
	background: lightsteelblue;
}

.x-panel-header-default {
	padding: 8px;
}

.mlu-permisos-ver-green .mlu-permisos-check,
.mlu-permisos-editar-green .mlu-permisos-check {
	background: green;
}

.mlu-permisos-ver-red .mlu-permisos-check,
.mlu-permisos-editar-red .mlu-permisos-check,
.mlu-row-red {
	background: red;
}

#agendaFrm .x-mask {
	opacity: 0 !important;
}

.blink {
	background: yellow;
}

.mlu-trat-lbl {
	text-align: right;
	font-weight: bold;
}

.mlu-trat-val {
	white-space: wrap;
}

.mlu-grid-no-padding .x-grid-view .x-grid-row .x-grid-cell {
	padding: 1px !important;
}

.mlu-pointer {
	cursor: pointer;
}

.mlu-gris .x-grid-cell {
	background-color: rgb(230, 230, 230) !important;
}

@keyframes blinker {
	100% {
		opacity: 0.0;
	}
}

.grd-row-italic td div {
	text-decoration: underline;
}

.grd-row-back-green td {
	background-color: #D8F6CE !important;
}

.grd-row-back-bold td {
	font-weight: bold !important;
}

#pedidosFrm .x-mask {
	background: none !important;
}

.x-grid-row:hover .mlu-gray {
	opacity: .5;
}

.mlu-gray {
	opacity: .1;
}

.mlu-gray:hover {
	opacity: 1 !important;
}

.mlu-col-yellow {
	background: #F7F8E0 !important;
}

.mlu-row-conj-edit .mlu-col-conj-cant {
	background: #F2F5A9 !important;
}

.mlu-grid-pointer .x-grid-row td,
.pointer {
	cursor: pointer;
}

.grd-row-tachado td {
	text-decoration: line-through;
}

.tachado {
	text-decoration: line-through;
}

.grd-row-bold td div {
	font-weight: bold;
}

.grd-row-bold-rojo td,
.rojo {
	color: red;
}

.grd-row-rojo td,
.rojo {
	color: red;
}

.editFE .ordenesFE {
	color: red;
}

.grd-row-azul td,
.azul {
	color: blue;
}

.grd-ordenes-deta-row-cambios td {
	background: #F2F5A9 !important;
}

.wrap .x-grid-cell {
	vertical-align: top;
	white-space: normal !important;
}

.wrap .x-grid-cell-inner {
	white-space: pre-line !important;
}

.x-column-header-text {
	white-space: normal !important;
}

#plantillasMailGrd .x-grid-cell {
	vertical-align: top !important;
}

#plantillasMailGrd .x-grid-cell-inner {
	white-space: normal !important;
}

.grd-row-red td,
.grd-col-red {
	background: #F5A9A9 !important;
}

.grd-row-yellow td,
.grd-col-yellow {
	background: #F2F5A9 !important;
}

.grd-row-green td,
.grd-col-green {
	background: #A9F5A9 !important;
}

.mlu-ordenes-cumplida {
	opacity: .5;
	cursor: pointer;
	margin-left: 15px;
}

.mlu-ordenes-cumplida:hover {
	opacity: 1;
}

.x-grid-checkcolumn {
	background-image: url(../libs/images/uncheck.png);
	width: 16px;
	height: 16px;
	margin-top: 8px;
	cursor: pointer;
}

.x-grid-checkcolumn-checked {
	background-image: url(../libs/images/check.png);
	background-position: 0;
}

.cotizador-head td {
	font-weight: bold !important;
	background: rgb(245, 245, 245) !important;
	border-top: 2px solid gray !important;
	border-bottom: 1px solid silver !important;
}

.i-trigger-busc {
	background-image: url(../libs/images/buscar.ico);
}

.i-trigger-cross {
	background-image: url(../libs/images/cross.ico);
}

.i-trigger-dislike {
	background-image: url(../libs/images/dislike.ico);
}

.i-trigger-edit {
	background-image: url(../libs/images/edit.ico);
}

.i-trigger-refresh {
	background-image: url(../libs/images/refresh.ico);
}

#grd-plan-curso .x-grid-cell:not(.x-action-col-cell) .x-grid-cell-inner {
	white-space: pre-line !important;
	font-size:12px !important;
	padding:5px 10px !important;
}

.td-silver {
	background:silver !important;
}

.td-gray {
	background:gray !important;
}

.td-black {
	background:black !important;
}

.td-red {
	background:red !important;
}

.td-maroon {
	background:maroon !important;
}

.td-yellow {
	background:yellow !important;
}

.td-olive {
	background:olive !important;
}

.td-lime {
	background:lime !important;
}

.td-green {
	background:green !important;
}

.td-aqua {
	background:aqua !important;
}

.td-teal {
	background:teal !important;
}

.td-blue {
	background:blue !important;
}

.td-navy {
	background:navy !important;
}

.td-fuchsia {
	background:fuchsia !important;
}

.td-purple {
	background:purple !important;
}

#pfec-pnl {
	height:100%;
	width:100%;
	overflow: auto;
	position: relative;
}

#pfec-pnl table {
	table-layout: fixed;
	border-collapse: separate;	
	border-spacing: 0;
}

#pfec-pnl th, 
#pfec-pnl td {
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#pfec-pnl th>div, 
#pfec-pnl td>div {
	padding: 10px;
	font-size:10px !important;
}

#pfec-pnl tr>th {
	background: silver;
	border-top:1px solid #d0d0d0;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
}

#pfec-pnl thead tr th {
	position: sticky;
	z-index: 1;
	top: 0;
}

#pfec-pnl thead tr th:first-child {
	left: 0;
	z-index: 3;
}

#pfec-pnl thead tr th:nth-child(2) {
	left: 73px;
	z-index: 3;
}

#pfec-pnl thead tr th:nth-child(3) {
	left: 126px;
	z-index: 3;
}

#pfec-pnl tbody tr td:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
	background-color: white;
}

#pfec-pnl tbody tr td:nth-child(2) {
	position: sticky;
	left: 73px;
	z-index: 2;
	background-color: white;
}

#pfec-pnl tbody tr td:nth-child(3) {
	position: sticky;
	left: 126px;
	z-index: 2;
	background-color: white;
}

/*
#pfec-pnl thead {
	z-index: 2;
}

#pfec-pnl tr>th {
 		z-index: 1;
}

#pfec-pnl thead tr>th:nth-child(1), 
#pfec-pnl thead tr>th:nth-child(2) {
	z-index: 3;
}
*/
#sarel-pnl {
	margin:0;
	padding:0;
}

#sarel-pnl table {
	border-collapse: separate;
	border-spacing: 0px;
}

:root {
  --bg-head: rgb(240,240,240);
}

#sarel-pnl thead {
	position:sticky;
	top:0;
	font-weight: bold;
	background-color: var(--bg-head);
	z-index: 100;
}

/*
#sarel-pnl td:first-child {
	position:sticky;
	left:0;
	background-color: var(--bg-head) !important;
	z-index: 90;
	white-space: nowrap;
	width:200px;
}

#sarel-pnl tr td:nth-child(2) {
	position:sticky;
	left:200px;
	background-color: var(--bg-head) !important;
	z-index: 90;
	white-space: nowrap;
	border-right:2px solid silver;
}
*/

#sarel-pnl thead tr:last-child td {
	border-bottom: 2px solid silver;
}

#sarel-pnl tbody .bb td {
	border-bottom: 2px solid silver;
}

#sarel-pnl table td:not(:first-child) {
	text-align: center;
}

#sarel-pnl table td {
	position: relative;
	border-right:1px solid rgb(210,210,210);
	border-bottom:1px solid rgb(210,210,210);
	padding:10px;
}

.cell-vert {
	writing-mode: sideways-lr;
	text-align: left !important
}

.sarel-busc {
	background:black !important;
	color:white;
}

.sar-bg-sabado {
	background-color:#ffeb3b;
}

.sar-bg-pedido {
	background-color:#bbdefb;
}

.sar-bg-compra {
	background-color:#90caf9;
}

.sar-bg-egre {
	background-color:#e0f2f1;
}

.sar-bg-ingre {
	background-color:#b2dfdb;
}

.sar-bg-re-ingre {	
	background-color:#80cbc4;
}

.sar-bg-ajuste-stk {
	background-color:#ffe0b2;
}

.sar-bg-ajuste-sarel {
	background-color:#e57373;
}