.logo {
	background: url(static/vending.cache.1/icon128.png) no-repeat center center;
	height: 128px;
	width: 128px;
	display: table;
	margin: 20px auto 20px auto;
}

img {
	vertical-align: middle;
}

.image-fit {
	object-fit: contain;
}

iframe {
	border: none;
}
/*
.iframe-metabase {
	border: none;
}

.iframe-metabase .EmbedFrame {
	background-color: #d5e2f2 !important;
}

.EmbedFrame-footer .css-ylnthh {
	display: none !important;
}
*/
/* QUITAR LOGO DE METABASE */
/* .iframe-metabase .EmbedFrame-footer { */
/* 	display: none !important; */
/* 	font-size: 0px; */
/* } */

/* .EmbedFrame-footer { */
/* 	display: none !important; */
/* 	font-size: 0px !important; */
/* } */

.unify-app {
	background-color: #d5e2f2;
}

.ext-el-mask {
	background-color: #cccccc59 !important;
}

.background-none {
	background-image: none !important;
}

.bigField input {
	font-weight: bold;
}

.bigFieldRed input {
	font-weight: bold;
	color: red;
}

.bigFieldGreen input {
	font-weight: bold;
	color: green;
}

/* Solo para ListView. Para Grid es x-grid3-row */
.nice {
	font-size: 13px;
}

.nice p {
	padding: 5px 0px 0px 0px;
}

.st {
	color: #1d3b71;
	font-weight: bold;
}

.low {
	font-size: 12px;
	color: #848484;
}

.ultraLow {
	font-size: 10px;
	color: #848484;
}

.littleLow {
	font-size: 9px;
	color: #848484;
}

.microLow {
	font-size: 8px;
	color: #848484;
}

.tiny {
	font-size: 12px;
}

.miniTiny {
	font-size: 11px;
}

.ultraTiny {
	font-size: 10px;
}

.little {
	font-size: 9px;
}

.micro {
	font-size: 8px;
}

.big {
	font-size: 22px !important;
}

.warning {
	color: red !important;
}

.left {
	float: left;
}

.left img {
	margin-left: 3px;
	margin-right: 2px;
	vertical-align: middle;
}

p.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%
}

.center {
	margin-right: 30%;
	text-align: left;
	float: right;
}

.center_left {
	margin-left: 4%;
	text-align: right;
	float: left;
}

.center_right {
	margin-right: 4%;
	text-align: right;
	float: right;
}

.right {
	float: right;
	text-align: right;
}

.right img {
	margin-left: 2px;
	margin-right: 3px;
	vertical-align: middle;
}

.width-adjust {
	width: auto !important;
}

.rotate {
	transform: rotate(180deg);
	writing-mode: tb-rl;
}

.margin-bottom-adjust {
	margin-bottom: 2px !important;
}

#container {
	overflow: hidden;
	zoom: 1; /* IE fix */
}

.cell {
	width: 100px;
	float: left;
	padding: 1px 2px 1px 2px;
	margin: 2px 4px 0 0;
	border-style: dotted;
	border-width: 1px;
	text-align: center;
	background-color: #F3F5EF;
}

.miniCell {
	width: 100;
	float: left;
	padding: 0 2px 0 2px;
	margin: 0 4px 0 0;
	border-style: groove;
	border-width: 1px;
	text-align: center;
	background-color: #F3F5EF;
}

.miniRound, .miniRoundBlue, .miniRoundBlueDark, .miniRoundRed {
	width: 100;
	padding: 0 3px 0 3px;
	margin: 0 4px 0 0;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	background-color: #F3F5EF;
	font-size: 10px;
}

.miniRoundBlue {
	/*     color: #0000ff; */
	color: #0033ff;
}

.miniRoundBlueDark {
	color: #00008b;
}

.miniRoundRed {
	color: #f00;
}

.active {
	background-color: #f0f4f9;
	border-radius: 8px;
	padding: 3px;
	display: table;
	padding: 4px 6px;
}

.Document {
	width: auto !important;
}

.document-serial input {
	background: #d5e2f2;
	border: 0px;
	font-weight: bold;
	border-radius: 6px;
}

.documentFlat .x-grid3-hd-row .x-grid3-hd {
	border-left-color: #ffffff;
	border-right-color: #ffffff;
}

.documentFlat .x-grid3-header {
	background-color: #ffffff;
	background-image: none !important;
}

.documentExtra {
	background-color: #CAD6E5;
	border-width: 0 !important;
}

.x-grid3-row-table {
	width: 100% !important;
}

.x-grid-empty {
	width: 92% !important;
}

/* .Document { */
/* 	width: 99% !important; */
/* } */

.OtherLines {
	width: 96%;
}

.groupHeader .x-grid-group-hd {
	background: #efefef;
}

.docsGroup .x-grid-group-hd {
	background: #D7E1EF;
}

.docsGroup .x-grid-group-hd .x-grid-group-div {
	background-image: none;
	padding-left: 10px;
}

.linesGroup .x-grid-group-hd .x-grid-group-div {
	background-image: none;
	padding-left: 10px;
}

.todayContactsGroup {
	/*     background: #e6f7d4; */
	background: #f4f9ee;
}

.todayContactsGroup .x-grid3 {
	/*     background: #e6f7d4; */
	background: #f4f9ee;
}

.x-panel-body {
	background-color: #d5e2f2;
}

.x-accordion-hd {
	border-top: 1px none !important;
	color: #587ab0 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	height: 30px !important;
	text-align: center !important;
	vertical-align: middle !important;
	
/* 	border-top: 1px solid !important; */
/* 	border-color: #99bbe8; */
}

.x-border-layout-ct {
	background-color: transparent;
}

.x-vsplitbar {
	background: url('images/splitter.gif') center center no-repeat;
}

.x-panel-fbar {
	display: block;
	padding: 2px;
	position: relative;
	left: 0;
	top: 0;
	zoom: 1;
	/* overflow:hidden; */
}

.header-clean .x-panel-header {
	background-image: none !important;
	border: 0px !important;
}

.Rotate90 {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-moz-transform: rotate(90deg); /* Firefox */
	-o-transform: rotate(90deg); /* Opera */
/* 	filter: progidXImageTransform.Microsoft.BasicImage(rotation=1); IE9 */
}

/* Fix para los "seleccione noseque en paneles a pelo */
.x-box-item {
	font: 12px tahoma, arial, helvetica, sans-serif;
}

.x-box-item-white .x-panel-body {
	font: 13px tahoma, arial, helvetica, sans-serif;
	background-color: #ffffff !important;
	padding: 4px;
}

/* Listview de weports/wolumns */
.box.wolumnBox {
	height: auto;
	width: 150px;
}

.x-tree3-node-text {
	vertical-align: sub;
}

.x-progress-wrap {
	border-radius: 6px !important;
}

.meter-level {
	width:100%;
	height: 28px;
}

.meter-value {
  	display: block;
  	position: relative;
  	top: -22px;
  	left: 33px;
}

.Zombie .x-grid3-cell-inner {
	border-left: 10px solid black;
	border-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;
	box-sizing: content-box;
}

/* ChargeView --------------------------------------------------------------------- */
.flexFilter {
	table-layout: fixed;
	padding: 0px;
}

/* .flexFilter .x-toolbar { */
/*     padding: 0px !important; */
/* } */
.filterCell {
	width: 100px;
}

/* Estados de Report -------------------------------------------------------------- */
.Report.s3 {
	background-color: #C6EACD;
}

.reportCell {
	width: 280px;
	/*     height: 80px; */
	height: auto;
	float: left;
	padding: 5px;
	margin: 2px;
	border-width: 1px;
	font-size: 12px;
	font-family: Arial;
	overflow: hidden;
	background: #f4f4f4;
	min-height: 110px;
}

.reportCell p.low {
	display: none;
}

.reportCell.notice {
	background-color: #ffe8c4;
	border-color: #ffe8c4 #f1dab6 #f1dab6;
}

.reportCell-alt.notice {
	background-color: #fbe4c0;
}

.reportCell-over.notice {
	border-color: #e4cea9;
	background-color: #f2dcb7;
	/*     background-image: url(images/row-over-s0.gif); */
}

.reportCell.ok {
	background-color: #e0fbdd;
	border-color: #e0fbdd #d2edd0 #d2edd0;
}

.reportCell-alt.ok {
	background-color: #dcf7da;
}

.reportCell-over.ok {
	border-color: #c6e1c3;
	background-color: #d4efd1;
	/*     background-image: url(images/row-over-s3.gif); */
}

.reportCell.error {
	background-color: #FFFFDD;
}

.reportCell .st {
	color: #1d3b71;
	font-weight: bold;
}

.reportCell.s3 {
	background-color: #C6EACD;
}

.reportCell p {
	padding: 5px 0px 0px 0px;
	clear: both;
}

.reportCell.notified {
	border-color: #ffffc4 #f1f1b6 #f1f1b6;
	background-color: #ffffc4;
}

/* Planes de carga ------------------------------------------------------------------------- */
.x-view-item.ChargePlan .week {
	padding: 0 4px;
}

.x-view-item.ChargePlan .week.active {
	background-color: #CAD6E5;
	border-radius: 4px;
}

.x-view-item.ChargePlan .week span {
	display: inline-block;
	width: 15px;
	padding: 3px;
	text-align: center;
	font-weight: normal;
	color: #aaa;
}

.x-view-item.ChargePlan .week span.st {
	font-weight: bold;
	color: black;
	text-shadow: 0 0 10px rgb(10, 131, 255);
}

.x-view-item.ChargePlan .week span.activeDay {
	background: #d5e2f2;
	border: 1px solid;
	border-radius: 4px;
	padding: 2px;
}

#chargePlans .x-grid3-cell {
	vertical-align: middle;
}

.x-livegrid-scroller div {
	width: 8px !important;
}

.formImg {
	width: 32px !important;
}

.formImgBig {
	width: 100px !important;
}

/* Para las tablas de cargas sugeridas en visi */
.routeTables table, .routeTables th, .routeTables td {
/* 	font: 12px tahoma, arial, helvetica, sans-serif; */
	border: 0px solid grey;
	border-collapse: collapse;
	border-spacing: 0px !important;
	/* 	text-align: center !important; */
}

.routeTables {
	font: 12px tahoma, arial, helvetica, sans-serif;
	background-color: #ffffff;
	border-radius: 4px;
}

.routeTables tr:hover {
	background-color: #dfe8f6;
}

.metabaseTables {
	display: inline-block;
	border-radius: 4px;
	padding: 8px;
	background-color: #ffffff;
}

.metabaseTables:hover {
	background-color: #62a0ea;
}

/* Grupos de botones sin marco */
.no-border .x-btn-group-ml, .no-border .x-btn-group-mr, .no-border .x-btn-group-tl, .no-border .x-btn-group-bl,
	.no-border .x-btn-group-tr, .no-border .x-btn-group-br, .no-border .x-btn-group-tc, .no-border .x-btn-group-bc {
	background-image: none !important;
}

/**********************************************************************************************************************/
.document-preview {
	background: whitesmoke;
}

/* Preview de Documents */
.document-container {
	padding: 4px !important;
}

.document-container>li {
	padding: 0px !important;
}

.document {
	background: #ffffff !important;
	font-size: 13px;
	font-family: arial !important;
}

.document-header {
	color: #4e4e4e !important;
	padding: 0px 0px 4px 6px;
}

.document-header-title {
	display: flex;
}

.document-lines-header {
	background-color: #4e4e4e;
	float: inherit;
	overflow: hidden;
	padding: 4px;
	font-weight: bold;
	color: #ffffff !important;
}

.document-lines {
	background: #ffffff !important;
	font-size: 12px;
	color: #4e4e4e;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	overflow: hidden;
}

.document-line {
	border-bottom: 1px solid #cccccc;
	overflow: auto;
	padding: 10px;
}

.document-footer {
	background-color: #d3d7cf;
	color: #4e4e4e !important;
	padding: 0 4px 4px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	overflow: hidden;
}

.document-total {
	background-color: #4e4e4e;
	float: inherit;
	overflow: hidden;
	padding: 4px;
	font-weight: bold;
	color: #ffffff !important;
}

/* CKEDITOR --------------------------------------------------------------------- */
/* traido de customs.css porque no habia manera que lo pillara solo*/
.ckeditor {
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 13px;
	color: #333;
	/* 	background-color: #fff; */
}

.ckeditor .cke_button__form, .ckeditor .cke_button__checkbox, .ckeditor .cke_button__radio, .ckeditor .cke_button__textfield,
	.ckeditor .cke_button__textarea, .ckeditor .cke_button__select, .ckeditor .cke_button__button, .ckeditor .cke_button__hiddenfield,
	.ckeditor .cke_button__flash, .ckeditor .cke_button__formbuilder, .cke_combo__powrdropdown, .ckeditor .cke_button__glossary
	{
	visibility: hidden;
	display: none !important;
}

/* Para las tablas de audit */
.auditTables {
	background: #e8e8e9;
	border-radius: 6px;
	
	width: 96%; 
	border-spacing: 0px; 
	border-collapse: collapse; 
	margin: 4px 0 0 10px; 
	text-align: left;
}

.auditTables table, .auditTables th, .auditTables td {
	border: 0px solid grey;
	border-collapse: collapse;
	border-spacing: 0px !important;
	text-align: center !important;
	
	border-bottom: 1px solid #000000;
    padding: 4px;
}