* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "Ailerons";
	src: url("/pos/assets/ctx/736ed095/css/Ailerons.ttf") format("truetype");
}

html,
body {
	min-height: 100%;
}

#wrap {
	min-height: 100%;
}

#main {
	width: 100%;
	padding-bottom: 0px;
	text-align: center;
}

HTML>BODY .finder {
	border: none;
	border-bottom: 2px #A79F9F solid;
	font-size: 22px;
	background-color: inherit;
	box-shadow: none;
}

HTML>BODY .finder:focus {
	box-shadow: none;
	border-color: inherit;
}

.btn-qualif {
	height: 50px;
}

.container-full {
	margin: 0 auto;
	width: 100%;
}

#headernav {
	padding: 2px 15px;
	margin-bottom: 7px;
	background: linear-gradient(#6D6E87, #B5B6D0); //
	width: 103%;
	font-weight: bold;
	color: white;
	height: 25px;
}

HTML>BODY .breadcrumb {
	background-color: transparent;
	height: 25px;
	margin-bottom: -4px;
	padding: 2px 15px;
	line-height: 1.17;
}

HTML>BODY .editableLabel {
	padding-left: 0;
}

HTML>BODY .breadcrumb>.active {
	color: #E4E7FA;
}

HTML>BODY .breadcrumb>li>a {
	color: white;
}

div.menuwindow {
	margin-top: -10px;
}

#footer {
	font-size: 15px;
	margin-top: -30px;
	text-align: center/* altura en px del footer con valor negativo */
	height: 30px;
	/* Altura del Footer en px*/
	clear: both;
	background-color: #F8F8FF;
	padding-left: 20px;
	position: absolute;
	bottom: 0;
}

HTML>BODY .navbar-nav>li>.dropdown-menu {}


/* Green check. */

.glyphicon-ok {
	color: #8EC626;
}


/* Red X. */

.glyphicon-remove {
	color: #AD211B;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

HTML>BODY a.dropdown-toggle {
	max-height: 20px;
}

HTML>BODY .dropdown-menu .divider {
	margin: 0px;
}


/* --------------------- Menu horizontal (desplegable)---------------------------*/

HTML>BODY .navbar {
	min-height: 20px;
	font-size: 12px;
	width: 100%;
}

HTML>BODY .navbar-default {
	min-height: 20px;
}

HTML>BODY .navbar-nav {
	min-height: 20px;
}

HTML>BODY .navbar-nav>li>.dropdown-menu {}

HTML>BODY .navbar-nav>li>a {
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

HTML>BODY .navbar-nav>li>.dropdown-menu>li>a {
	max-height: 19px;
	font-size: 12px;
	padding: 3px;
	margin: 3px;
	line-height: 11px;
}

HTML>BODY .dropdown-menu .divider {
	margin: 0px;
}

HTML>BODY .dropdown-menu>li>a:hover {
	background-color: #CACACA;
}

HTML>BODY li.dropdown {
	min-height: 20px;
	margin-right: -1px;
}

HTML>BODY a.dropdown-toggle {
	max-height: 20px;
}


/*Submenu*/

.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
	font-size: 12.5px;
}

.dropdown-menu .sub-menu>li>a {
	max-height: 19px;
	padding: 3px;
	margin: 3px;
	line-height: 11px;
}

.right-caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 10px;
	vertical-align: middle;
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
}

.menu>.col-md-5>.btn-group>.btn {
	margin-top: 10px;
	padding: 0px 0px;
	display: table-cell;
	/*Propiedad obligatoria*/
	height: 30px;
	line-height: 0;
}

HTML>BODY .btn-menu {
	width: 270px;
	height: 30px;
	line-height: 0;
}

.btn-text {
	width: 270px;
}

.btn-option {
	width: 30px;
}


/* -------------------- SIDEBAR ------------------- */

.sidebar {
	padding: 15px 10px 10px 10px;
	width: 150px;
	border: 1px solid #e7e7e7;
	background-color: #f8f8f8
}

HTML>BODY .input-group-sm>.form-control {
	margin: 5px;
	height: 20px;
}

HTML>BODY .input-group-sm>.input-group-btn>.btn {
	margin: 5px;
	height: 20px;
}

.expertbutton {
	margin-top: -12px;
}

HTML>BODY .btn-image {
	height: 50px;
	width: 65px;
	margin-top: 13px;
	background-color: #f8f8f8;
	border: 0px solid #e7e7e7;
}

HTML>BODY .btn-image-bg {
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

HTML>BODY .btn-image:focus,
.btn-image:active:focus,
.btn-image.active:focus {
	background: none;
	border: none;
	outline: none !important;
}

.zoom {
	margin-top: -7px;
}

.expert>.input-group {
	margin-top: -4px;
	margin-bottom: -4px;
}

.zoom:hover {
	cursor: pointer;
	transform: scale(1.10);
	-ms-transform: scale(1.10);
	/* IE 9 */
	-moz-transform: scale(1.10);
	/* Firefox */
	-webkit-transform: scale(1.10);
	/* Safari and Chrome */
	-o-transform: scale(1.10);
	/* Opera */
}


/*FAVORITES*/

.panel-favorites {
	text-align: left;
}

HTML>BODY .option-heading,
HTML>BODY .option-heading-link {
	padding: 5px 7px;
	font-weight: bold;
}

HTML>BODY .suboption-item,
HTML>BODY .suboption-item-link {
	padding: 0px;
	padding-left: 15px;
	margin-bottom: 2px;
	font-size: 14px;
}

HTML>BODY .list-group-item:last-child {
	margin-bottom: 3px;
	width: 300px;
}

HTML>BODY .last-child-normal.list-group-item:last-child {
	width: inherit;
}

HTML>BODY .suboptions-group {
	margin-bottom: 0px;
	padding: 5px;
}


/*CLOCK AND DATE*/

@font-face {
	font-family: 'digi';
	src: url("/pos/assets/ctx/7633548f/fonts/DS-DIGII.ttf");
}

div.bodyclock {
	font-family: 'digi';
	font-size: 60%;
	width: 60%;
	margin: auto;
	margin-bottom: 4px;
	margin-top: 4px;
}

div.clock {
	background: white;
	font-size: 23px;
	color: #707070;
	/* Centering everything */
	border: 2.5px solid rgba(16, 18, 85, .5);
	border-radius: 5px;
	background-image: linear-gradient(#f0f0f0, white);
}

div.date {
	font-size: 21px;
	font-family: 'digi';
	color: #707070;
	border: 2.5px solid rgba(16, 18, 85, .5);
	border-radius: 5px;
	background-image: linear-gradient(#f0f0f0, white);
	margin: auto;
	margin-bottom: 4px;
	margin-top: 5px;
	width: 75%;
}


/* ---------------- Links - Title -------------------*/

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

@font-face {
	font-family: 'trench';
	src: url("/pos/assets/ctx/z649934c/fonts/trench.otf");
}

h1.info {
	font-size: 50px;
	font-family: 'trench';
	font-weight: bold;
}


/* ---------------- row - col -------------------*/

div.row30 {
	padding-top: 30px;
}

div.row60 {
	padding-top: 60px;
}

div.row90 {
	padding-top: 90px;
}

div.row120 {
	padding-top: 120px;
}

div.row150 {
	padding-top: 150px;
}

div.row180 {
	padding-top: 180px;
}

div.row210 {
	padding-top: 120px;
}

div.row240 {
	padding-top: 120px;
}

div.row10 {
	padding-top: 10px;
}

div.row5 {
	padding-top: 5px;
}

div.col-md-05 {
	width: 4%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

div.col-md-5px {
	width: 5px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
}

div.col-md-2px {
	width: 2px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
}

div.col-md-200px {
	width: 200px;
	float: left;
	height: 30px;
	padding-top: 0px;
}

div.col-md-02 {
	width: 2%;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

div.col-md-01 {
	width: 1%;
	position: relative;
	min-height: 1px;
	padding-right: 4px;
	padding-left: 4px;
	float: left;
}

div.language {
	margin-top: 20px;
}

div.logo {
	padding-left: 30px;
	text-align: left;
}


/* ----------- Configuration ------------ */


/*Para indicar la opcion seleccionada de los nav-tabs*/

HTML>BODY .nav>li.active>.top-tab-text {
	width: 220px;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	margin-top: 0px;
	padding: 5px;
	background-color: #818AB7;
}

HTML>BODY .nav-tabs>li.active>a.sub-tab-text {
	font-style: normal;
	border-bottom: 0;
	font-weight: bold;
	color: black;
	background: #FFFFFF;
}


/*top-tab y sub-tab*/

HTML>BODY .nav>li>.top-tab-text {
	width: 220px;
	height: 26px;
	padding: 5px;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #D0D2D4;
	margin-top: 2px;
}

.top-tab {
	width: 220px;
	height: 30px;
	padding-left: 7px;
	margin-right: 2px;
}

.sub-tab {
	width: 147px;
	height: 25px;
	margin-right: 2px;
	margin-top: 2px;
}

.tab-subcontent {
	height: 620px;
}

HTML>BODY .nav-tabs>li>a.sub-tab-text {
	width: 147px;
	height: 25px;
	font-style: italic;
	font-size: 12px;
	padding: 5px;
	margin-left: 2.5px;
	border: 1px solid #D0D2D4;
	color: grey;
	background: #F8F8F8;
}

HTML>BODY .nav-tabs>li>a.top-tab-text {
	border-top: 1px solid #D0D2D4;
	border-left: 1px solid #D0D2D4;
	border-right: 1px solid #D0D2D4;
}


/*Textos*/

h6.text {
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h5.text {
	font-size: 12px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h4.text {
	font-size: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h5.textRowBorder {
	font-size: 14px;
	text-align: center;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.textRowBorder {
	font-size: 12px;
	text-align: left;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0px 7px;
	margin-bottom: 5px;
	border-bottom: 1px solid #d0d0d0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #818AB7;
	color: white;
}

HTML>BODY .input-group-addon {
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	text-align: right;
	border: none;
	width: auto;
	background-color: transparent;
}

HTML>BODY .input-group-addon.normal {
	padding: 4px 4px 0px 4px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #eee;
}

HTML>BODY .checkcontrol {
	height: auto;
	margin: 5.8px -2px 0px;
	width: 15px;
}

HTML>BODY .bottoncontrol {
	height: 17px;
	padding: 0px 0px 0px;
}

HTML>BODY .textcontrolR {
	height: auto;
	font-size: 13px;
	padding: 1px 7px;
	margin-top: 2px;
	text-align: right;
	float: right;
}

HTML>BODY .textcontrolL {
	height: auto;
	font-size: 13px;
	padding: 1px 7px;
	margin-top: 2px;
	text-align: left;
	float: right;
}


/*textbox color*/

HTML>BODY .textcolor {
	height: 20px;
	width: 50px;
	padding: 1px 1px;
	text-align: left;
}


/*Button color*/

HTML>BODY .input-group-addon:not (:first-child):not (:last-child),
HTML>BODY .input-group-btn:not (:first-child):not (:last-child),
HTML>BODY .input-group .form-control:not (:first-child):not (:last-child) {
	border-top: 1px solid #D0D2D4;
	border-left: 1 px solid #D0D2D4;
	border-right: 1 px solid #D0D2D4;
	height: 24 px;
}

HTML>BODY .pick-a-color-markup .input-group-btn .color-dropdown {
	padding: 1px 1px;
	height: 24px;
	border-top: 1px solid #D0D2D4;
	border-left: 1px solid #D0D2D4;
	border-right: 1px solid #D0D2D4;
	margin-top: 2px;
}

HTML>BODY .pick-a-color-markup .color-preview {
	height: 10px;
	width: 10px;
	border-top: 1px solid #D0D2D4;
	border-left: 1px solid #D0D2D4;
	border-right: 1px solid #D0D2D4;
}

HTML>BODY .pick-a-color-markup .color-preview.current-color {
	margin-bottom: 0px;
}

HTML>BODY .jumbotron {
	padding: 2px 2px;
	background-color: #ccc;
}

HTML>BODY .jumbotron-bottom-10 {
	margin-bottom: 10px;
}

HTML>BODY input.panelcheck {
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 3px;
	width: 16px;
}

input.panelchecksep {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
}

label.scheme {
	font-weight: bold;
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 3px;
	width: 16px;
	text-align: center;
}

label.schemesep {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	font-weight: bold;
}

input.radiomap {
	margin-right: 10px;
}

div.radiogroup {
	margin-left: 10px;
	/*	border: 1px solid #eee;
	background-color: #F8F8FF;
	border-radius:5px; */
}

form.formchecks {
	margin-right: 20px;
	margin-left: 20px;
}

div.map {
	border: 1px solid #eee;
	background-color: #F8F8FF;
	border-radius: 5px;
}

.rowBorder {
	border: 1px solid #d0d0d0;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

HTML>BODY .label-general {
	margin-bottom: 3px;
}


/*DATATABLES */

.even {
	background-color: #f8f8f9;
}

.deleted {
	background-color: rgb(244, 167, 167);
}

HTML>BODY .table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: inherit;
}

HTML>BODY .table>tbody>tr.selected.deleted {
	background-color: rgb(215, 134, 255);
}

HTML>BODY table.dataTable tr.DTTT_selected.even td.sorting_1 {
	background-color: inherit;
}

HTML>BODY table.dataTable tr.DTTT_selected.odd td.sorting_1 {
	background-color: inherit;
}

HTML>BODY .bottom {
	margin-top: 13px;
}

HTML>BODY ul.ColVis_collection {
	width: 420px;
}

HTML>BODY ul.ColVis_collection li {
	width: 200px;
	float: left;
}

HTML>BODY .table>thead>tr>th {
	padding: 5px 10px;
	font-size: 10px;
}

tr.cpHighlight {
	background-color: #a3daa3 !important;
}

.col100 {
	width: 100px;
}

.col300 {
	width: 300px;
}

.col500 {
	width: 500px;
}

.dataTables_filter {
	float: left;
	padding-top: 5px;
}

.top {
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

HTML>BODY .modal-dialog-center {
	width: 400px;
	height: 50px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -25px;
	margin-left: -200px;
	padding: 20px;
}

HTML>BODY .modal-footer-center {
	text-align: center;
	padding: 19px 20px;
	margin-bottom: 0px;
}

.table-head {
	background-color: #f8f8f8;
}

HTML>BODY .table>tbody>tr>td.numericColumn {
	padding-right: 10px;
	text-align: right;
}

.table>tbody>tr>td.alphaColumn {
	padding-left: 10px;
	text-align: left;
}

HTML>BODY .table>tbody>tr>td {
	padding: 1px;
}

HTML>BODY .formMaster {
	margin-bottom: 4px;
	padding-top: 0px;
}

HTML>BODY .inputLarge {}

HTML>BODY .labelMaster {
	font-size: 12px;
	padding-top: 3px;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

HTML>BODY .labelMasterInfo {
	font-size: 12px;
	padding-top: 3px;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}


/* Error messages. */

HTML>BODY DIV.t-error {
	border: none;
}

BODY div.t-error div.t-banner {
	background-color: inherit;
	color: red;
}

BODY div.t-error ul {
	border: none;
	background-color: inherit;
	font-weight: bold;
	list-style: none;
}

BODY div.t-error li {
	border: none;
	text-align: center;
	font-weight: normal;
}


/* Forms. */

form.loginform {
	background-color: #F8F8FF;
	border: 1px solid #888;
	border-radius: 3px;
	text-align: center;
	padding: 10px 50px 10px 50px;
}

div.form-group {
	padding-top: 1.5em;
}

div.form-group label {
	font-weight: bold;
}

div.button {
	clear: both;
	text-align: center;
}

input,
select,
textarea {
	background-color: #f4f4f4;
}


/* Error messages. */

.tjq-error-popup {
	font-size: 10px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: block;
}

HTML>BODY DIV.t-error {
	border: none;
}

BODY div.t-error div.t-banner {
	background-color: inherit;
	color: red;
}

BODY div.t-error ul {
	border: none;
	background-color: inherit;
	font-weight: bold;
	font-size: 50px;
	list-style: none;
}

BODY div.t-error li {
	border: none;
	text-align: center;
	font-weight: normal;
}

HTML>BODY .alert-numeric {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-numeric3 {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-numeric4 {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-alphabetic {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-numeric8 {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-alphanumeric2 {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-float {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-numeric1_3 {
	position: absolut0e;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-porcent {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-monExt {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-date {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-hex {
	position: absolute;
	width: 898px;
	padding: 8px;
}

HTML>BODY .alert-dirIp {
	position: absolute;
	width: 898px;
	padding: 8px;
}

.tophead {
	color: #ffffff;
	background: #B5B6D0;
	font-weight: bold;
}


/* AUTOCOMPLETE */

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	/* 	padding-right: 30px; */
	position: fixed;
}

HTML>BODY .ui-menu .ui-menu-item {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
}

HTML>BODY .ui-menu .ui-state-focus,
.ui-menu .ui-widget-content .ui-state-focus {
	color: #ffffff;
	text-decoration: none;
	border: 0;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
}

.ui-autocomplete.ui-front {
	z-index: 1051;
}

.popover-content {
	max-height: 300px;
	overflow-y: auto;
}

.clientrow:hover {
	background-color: #9792B5;
	color: white;
}


/* Sidebar in configuration */

HTML>BODY .topmenu>a {
	color: #999;
}

HTML>BODY .topmenu.active>a {
	color: #2028be;
	font-weight: bold;
}

HTML>BODY .submenu>a {
	color: #999;
}

HTML>BODY .submenu.active>a {
	color: #2028be;
	font-weight: bold;
}


/* HTML>BODY */


/* .submenu.active{ */


/* 	background-color: #d2d3e7; */


/* } */


/* HTML>BODY */


/* .submenu:hover{ */


/* 	background-color: #d2d3e7; */


/* } */


/* HTML>BODY */


/* .submenu.active:hover{ */


/* 	background-color: #d2d3e7; */


/* } */


/*------------------------DATEPICKER-------------------------------------*/


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar td.closedDay { */


/* 	background-color: red; */


/* } */


/* HTML>BODY */


/* .ui-datepicker { */


/* 	background: #fff; */


/* 	border: 1px solid #66AFE9; */


/* 	border-radius: 4px; */


/* 	box-shadow: 0 0 8px rgba(102, 175, 233, .6); */


/* 	display: none; */


/* 	margin-top: 4px; */


/* 	padding: 10px; */


/* 	width: 240px; */


/* } */


/* HTML>BODY */


/* .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year */


/* 	{ */


/* 	background-color: #fff; */


/* 	background-image: none; */


/* 	border: 1px solid #ccc; */


/* 	border-radius: 4px; */


/* } */


/* HTML>BODY */


/* .ui-datepicker a, .ui-datepicker a:hover { */


/* 	text-decoration: none; */


/* } */


/* HTML>BODY */


/* .ui-datepicker a:hover, .ui-datepicker td:hover a { */


/* 	color: #2A6496; */


/* 	-webkit-transition: color 0.1s ease-in-out; */


/* 	-moz-transition: color 0.1s ease-in-out; */


/* 	-o-transition: color 0.1s ease-in-out; */


/* 	transition: color 0.1s ease-in-out; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-header { */


/* 	margin-bottom: 4px; */


/* 	text-align: center; */


/* 	background: transparent; */


/* 	border: 0; */


/* 	color: black; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-title { */


/* 	font-weight: 700; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { */


/* 	cursor: default; */


/* 	color: black; */


/* 	font-family: 'Glyphicons Halflings'; */


/* 	-webkit-font-smoothing: antialiased; */


/* 	font-style: normal; */


/* 	font-weight: normal; */


/* 	height: 20px; */


/* 	line-height: 1; */


/* 	margin-top: 2px; */


/* 	width: 30px; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { */


/* 	cursor: default; */


/* 	color: black; */


/* 	font-family: 'Glyphicons Halflings'; */


/* 	-webkit-font-smoothing: antialiased; */


/* 	font-style: normal; */


/* 	font-weight: normal; */


/* 	height: 20px; */


/* 	line-height: 1; */


/* 	margin-top: 2px; */


/* 	width: 30px; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-state-hover { */


/* 	border: 0; */


/* 	background: transparent; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-prev { */


/* 	float: left; */


/* 	text-align: left; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-next { */


/* 	float: right; */


/* 	text-align: right; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-icon { */


/* 	display: none; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar { */


/* 	table-layout: fixed; */


/* 	width: 100%; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td */


/* 	{ */


/* 	text-align: center; */


/* 	padding: 4px 5px; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar td { */


/* 	border-radius: 4px; */


/* 	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s */


/* 		ease-in-out; */


/* 	-moz-transition: background-color 0.1s ease-in-out, color 0.1s */


/* 		ease-in-out; */


/* 	-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; */


/* 	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-group { */


/* 	/* 	border-right: 1px solid rgb(221, 221, 221); */

* /
/* 	padding-right: 25px; */


/* 	padding-left: 25px; */


/* 	border-right: 1px solid rgb(221, 221, 221); */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-group-last { */


/* 	border-right: none */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-state-default { */


/* 	border: 0; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar td:hover { */


/* 	/* 	background-color: #eee; */

* /
/* 	cursor: pointer; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar td a { */


/* 	text-decoration: none; */


/* 	border: 0; */


/* 	background: none; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-current-day { */


/* 	background-color: #4289cc; */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-current-day a { */


/* 	color: #fff */


/* } */


/* HTML>BODY */


/* .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover */


/* 	{ */


/* 	background-color: #fff; */


/* 	cursor: default; */


/* } */


/* DatePicker Container */

HTML>BODY .ui-datepicker {
	width: 100%;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

HTML>BODY .ui-datepicker a {
	text-decoration: none;
}


/* DatePicker Table */

HTML>BODY .ui-datepicker table {
	width: 100%;
}

HTML>BODY .ui-datepicker-header {
	background: #5A5B7A;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}

HTML>BODY .ui-datepicker-title {
	text-align: center;
}

HTML>BODY .ui-datepicker-prev,
.ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	/* 	background-image: url("/pos/assets/ctx/ad81d82b/css/images/arrow.png"); */
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

HTML>BODY .ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}

HTML>BODY .ui-datepicker-next {
	float: right;
	background-position: center 0px;
}

HTML>BODY .ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
	background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
	border-bottom: 1px solid #bbb;
}

HTML>BODY .ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}

HTML>BODY .ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
	background: #ededed;
	background: -moz-linear-gradient(top, #fff 0%, #e1ddf6 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E4E7FA 100%);
	background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
	background: linear-gradient(top, #FFFFFF 0%, #E4E7FA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}

HTML>BODY .ui-datepicker tbody td:last-child {
	border-right: 0px;
}

HTML>BODY .ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

HTML>BODY .ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

HTML>BODY .ui-datepicker td span,
.ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 45px;
	line-height: 40px;
}

HTML>BODY .ui-datepicker-calendar .ui-state-default {
	background: none;
	border: none;
	color: inherit;
}

HTML>BODY .ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

HTML>BODY .ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}

HTML>BODY .ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

HTML>BODY HTML>BODY .ui-datepicker-calendar td:first-child .ui-state-active {
	width: 100%;
	margin-left: 0;
}

HTML>BODY .ui-datepicker-calendar td:last-child .ui-state-active {
	width: 100%;
	margin-right: 0;
}

HTML>BODY .ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 48px;
	margin-bottom: 0;
}

HTML>BODY .ui-datepicker tbody td.css-class-to-highlight {
	background: rgb(191, 8, 8);
	color: white;
	text-shadow: none;
}

.ui-datepicker tbody td.css-class-to-highlight>.ui-state-hover {
	background: rgb(119, 14, 12);
	color: white;
	text-shadow: none;
}

.ui-datepicker tbody td.css-class-to-highlight>.ui-state-active {
	background: rgb(119, 14, 14);
	color: white;
	text-shadow: none;
}

HTML>BODY .ui-datepicker tbody td.css-class-to-highlight-confirmed {
	background: rgb(229, 165, 10);
	color: white;
	text-shadow: none;
}

.ui-datepicker tbody td.css-class-to-highlight-confirmed>.ui-state-hover {
	background: rgb(229, 141, 10);
	color: white;
	text-shadow: none;
}

.ui-datepicker tbody td.css-class-to-highlight-confirmed>.ui-state-active {
	background: rgb(229, 141, 10);
	color: white;
	text-shadow: none;
}

HTML>BODY .ui-datepicker .ui-datepicker-current-day {
	background: #808080;
}

HTML>BODY .ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}

HTML>BODY .modal-header .close {
	font-size: 50px;
	margin-top: -10px;
}


/*------------------------MOBILE-------------------------------------*/

@media ( max-width: 991px) {
	HTML>BODY #headernav {
		height: 40px;
	}
	HTML>BODY .breadcrumb {
		font-size: 14px;
	}
	div.logo {
		text-align: center;
		margin-left: 10px;
	}
	#table_filter label input {
		width: 8em;
	}
	.btn-text {
		width: 85%;
	}
	.btn-option {
		width: 12%;
	}
}


/***************************PHOTOUPLOAD--------------------------------*/

HTML>BODY .qq-upload-list {
	display: none;
}

HTML>BODY .qq-upload-button {
	padding: 12px 0 0 0;
	background: none;
	color: #fff;
	display: inline-block;
	background-image: url("/pos/assets/ctx/587cce44/images/uploadImage.png");
	background-size: 63px 58.5px;
	width: 105px;
	height: 67.5px;
	background-repeat: no-repeat;
	background-image: url("/pos/assets/ctx/587cce44/images/uploadImage.png");
	background-position-x: 21px;
	background-position-y: 5px;
}

HTML>BODY .qq-upload-button input {
	padding: 50px !important;
}

HTML>BODY .qq-upload-button-hover,
HTML>BODY a:hover.qq-upload-button {
	padding: 12px 0 0 0;
	background: none;
	color: #fff;
	display: inline-block;
	background-image: url("/pos/assets/ctx/587cce44/images/uploadImage.png");
	background-size: 63px 58.5px;
	width: 105px;
	height: 67.5px;
	background-repeat: no-repeat;
	background-image: url("/pos/assets/ctx/587cce44/images/uploadImage.png");
	background-position-x: 21px;
	background-position-y: 5px;
}

HTML>BODY .qq-upload-button-hover input,
HTML>BODY a:hover.qq-upload-button input {
	padding: 50px !important;
}


/* HTML>BODY
.ui-autocomplete {
	position:fixed;
	z-index: 5000;
}  */


/************* LISTAS DE CAMAREROS EN FICHAJE DE CAMAREROS ***********/

HTML>BODY ul.waiterList {
	min-height: 400px;
	margin: 0px 25px 10px 0px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	list-style-position: inside;
}

ul.enabledWaiters {
	border-color: #add38d;
}

ul.disabledWaiters {
	border-color: #f8e0b1;
}

.waiterList li {
	margin: 5px;
	padding: 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.disabledWaiters li {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
}

.enabledWaiters li {
	background-color: #ebf5e6;
	border: 1px solid #d6e9c6;
	color: #468847;
}

.sortable-dragging {
	border-color: #ccc !important;
	background-color: #fafafa !important;
	color: #bbb !important;
}

.sortable-placeholder {
	height: 40px;
}

.waiterList .sortable-placeholder {
	border: 2px dashed #add38d !important;
	background-color: #f6fbf4 !important;
}

HTML>BODY .table.table-summary>thead>tr>th {
	padding: 2px 0px;
	font-size: 11px;
}

HTML>BODY .sessionInfo {
	line-height: 1.6;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}

HTML>BODY .no-padding-right {
	padding-right: 0;
}

HTML>BODY .no-padding-left {
	padding-left: 0;
}

HTML>BODY .table>tbody>tr>td.cell-left {
	text-align: left;
	padding-left: 10px;
}

HTML>BODY .table>tbody>tr>td.cell-right {
	text-align: right;
	padding-right: 10px;
}

HTML>BODY .table>tfoot>tr>th.cell-left {
	text-align: left;
	padding-left: 10px;
}

HTML>BODY .table>tfoot>tr>th.cell-right {
	text-align: right;
	padding-right: 10px;
}

HTML>BODY .checkbox.checkbox-nomargin {
	min-height: 0px;
	margin-top: -3px;
}

HTML>BODY .table>tbody>tr>td.invisible {
	visibility: hidden;
}

HTML>BODY .slider-filter.ui-slider-horizontal {
	height: 0.6em;
}

HTML>BODY .slider-filter.ui-slider .ui-slider-handle {
	width: 1.0em;
	height: 1.0em;
}

HTML>BODY .slider-filter>.ui-widget-header {
	background: none;
	background-color: rgb(134, 135, 160);
}

HTML>BODY .slider-filter.slider-form {
	margin-top: 5px;
	margin-bottom: 10px;
}

HTML>BODY .table-no-breakLines>tbody>tr>td {
	white-space: nowrap;
	overflow: hidden;
}


/***********MAP DESIGNER*****************/

@-webkit-keyframes arrowAnimation {
	0% {
		background-position-x: 2px;
	}
	50% {
		background-position-x: 6px;
	}
	100% {
		background-position-x: 2 px;
	}
}

@ -webkit-keyframes objectAnimation {
	0% {
		-webkit-transform: scale(1.2);
	}
	50% {
		-webkit-transform: scale (1 .28);
	}
	100% {
		-webkit-transform: scale (1 .2);
	}
}

@ -moz-keyframes arrowAnimation {
	0% {
		background-position-x: 2px;
	}
	50% {
		background-position-x: 6 px;
	}
	100% {
		background-position-x: 2 px;
	}
}

@ -moz-keyframes objectAnimation {
	0% {
		-moz-transform: scale(1.2);
	}
	50% {
		-moz-transform: scale (1 .28);
	}
	100% {
		-moz-transform: scale (1 .2);
	}
}

@ -webkit-keyframes potAnimation {
	0% {}
	50% {
		-webkit-transform: translateY (-5 px);
	}
	100% {
		-webkit-transform: translateY (0 px);
	}
}

HTML>BODY .cell {
	display: inline-block;
	background-color: white;
	border-color: #4d4d4d;
	box-shadow: inset 0px 0px 35px -13px rgba(0, 0, 0, 0.75);
	border: 0.5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	width: 35px;
	height: 35px;
	position: relative;
	outline: 0;
}

HTML>BODY .arrow {
	background-image: url("/pos/assets/ctx/ad81d82b/css/images/arrow.png");
	background-size: 30px 30px;
	background-position-x: 5px;
	background-position-y: 0px;
	z-index: 10;
}


/*  HTML>BODY .animatedArrow{
 	-moz-animation-name: arrowAnimation;
-moz-animation-duration: 0.7s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
	-webkit-animation-name: arrowAnimation;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
} */


/* HTML>BODY .animatedObject { */


/* 	-moz-animation-name: objectAnimation; */


/* 	-moz-animation-duration: 0.7s; */


/* 	-moz-animation-iteration-count: infinite; */


/* 	-moz-animation-timing-function: linear; */


/* 	-webkit-animation-name: objectAnimation; */


/* 	-webkit-animation-duration: 0.7s; */


/* 	-webkit-animation-iteration-count: infinite; */


/* 	-webkit-animation-timing-function: linear; */


/* } */

HTML>BODY .animatedPot {
	-webkit-animation-name: potAnimation;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

HTML>BODY .cell.tableMatrix {
	background-color: #702d12;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nNCc+Cgk8ZGVmcyBpZD0nZGVmczQnPgoJCTxmaWx0ZXIgeT0nMCcgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSdzUkdCJyBpZD0ndCc+CgkJCTxmZVR1cmJ1bGVuY2UgdHlwZT0nZnJhY3RhbE5vaXNlJyBiYXNlRnJlcXVlbmN5PScuOCAwJyByZXN1bHQ9J291dDEnIG51bU9jdGF2ZXM9JzEnLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIGluPSdvdXQxJyByZXN1bHQ9J291dDInIHZhbHVlcz0nMCcvPgoJCQk8ZmVDb21wb3NpdGUgb3BlcmF0b3I9J2FyaXRobWV0aWMnIGsxPScwJyBrMj0nMC4zMScgazM9JzAnIGs0PScwJyBpbj0nb3V0MicgaW4yPSdvdXQxJy8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuNScgeD0nNSUnIHk9Jy01JScgd2lkdGg9JzEwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nNiUnIHk9Jy01JScgd2lkdGg9JzEwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nNyUnIHk9Jy01JScgd2lkdGg9JzE0JScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nOSUnIHk9Jy01JScgd2lkdGg9JzIwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nMTElJyB5PSctNSUnIHdpZHRoPScxMCUnIGhlaWdodD0nMTEwJScvPgoJPHJlY3QgZmlsbD0nIzRkMjIwOCcgZmlsbC1vcGFjaXR5PScwLjQnIHg9JzU1JScgeT0nLTUlJyB3aWR0aD0nNDAlJyBoZWlnaHQ9JzExMCUnLz4KCTxyZWN0IGZpbGw9JyM0ZDIyMDgnIGZpbGwtb3BhY2l0eT0nMC4xNScgeD0nNjIlJyB5PSctNSUnIHdpZHRoPSczNSUnIGhlaWdodD0nMTEwJScvPgoJPHJlY3QgZmlsbD0nIzRkMjIwOCcgZmlsbC1vcGFjaXR5PScwLjM1MDAwMDAwMDAwMDAwMDAzJyB4PSczOCUnIHk9Jy01JScgd2lkdGg9JzIwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMTUnIHg9Jzg1JScgeT0nLTUlJyB3aWR0aD0nNDAlJyBoZWlnaHQ9JzExMCUnLz4KCTxyZWN0IGZpbGw9JyM0ZDIyMDgnIGZpbGwtb3BhY2l0eT0nMC4yNScgeD0nNTIlJyB5PSctNSUnIHdpZHRoPSc0MCUnIGhlaWdodD0nMTEwJScvPgoJPHJlY3Qgc3R5bGU9J2ZpbHRlcjp1cmwoI3QpJyB4PSctMSUnIHk9Jy0xJScgd2lkdGg9JzEwMiUnIGhlaWdodD0nMTAwJScvPgo8L3N2Zz4=");
	box-shadow: none;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	border-radius: 4px;
	z-index: 25;
}

HTML>BODY .cell.tableMatrixCirc {
	background-color: rgba(255, 255, 255, 0.1);
	z-index: 25;
}

.tableMatrixCircAbsolute {
	background-color: #702d12;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2MDAnIGhlaWdodD0nNCc+Cgk8ZGVmcyBpZD0nZGVmczQnPgoJCTxmaWx0ZXIgeT0nMCcgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSdzUkdCJyBpZD0ndCc+CgkJCTxmZVR1cmJ1bGVuY2UgdHlwZT0nZnJhY3RhbE5vaXNlJyBiYXNlRnJlcXVlbmN5PScuOCAwJyByZXN1bHQ9J291dDEnIG51bU9jdGF2ZXM9JzEnLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIGluPSdvdXQxJyByZXN1bHQ9J291dDInIHZhbHVlcz0nMCcvPgoJCQk8ZmVDb21wb3NpdGUgb3BlcmF0b3I9J2FyaXRobWV0aWMnIGsxPScwJyBrMj0nMC4zMScgazM9JzAnIGs0PScwJyBpbj0nb3V0MicgaW4yPSdvdXQxJy8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuNScgeD0nNSUnIHk9Jy01JScgd2lkdGg9JzEwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nNiUnIHk9Jy01JScgd2lkdGg9JzEwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nNyUnIHk9Jy01JScgd2lkdGg9JzE0JScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nOSUnIHk9Jy01JScgd2lkdGg9JzIwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMicgeD0nMTElJyB5PSctNSUnIHdpZHRoPScxMCUnIGhlaWdodD0nMTEwJScvPgoJPHJlY3QgZmlsbD0nIzRkMjIwOCcgZmlsbC1vcGFjaXR5PScwLjQnIHg9JzU1JScgeT0nLTUlJyB3aWR0aD0nNDAlJyBoZWlnaHQ9JzExMCUnLz4KCTxyZWN0IGZpbGw9JyM0ZDIyMDgnIGZpbGwtb3BhY2l0eT0nMC4xNScgeD0nNjIlJyB5PSctNSUnIHdpZHRoPSczNSUnIGhlaWdodD0nMTEwJScvPgoJPHJlY3QgZmlsbD0nIzRkMjIwOCcgZmlsbC1vcGFjaXR5PScwLjM1MDAwMDAwMDAwMDAwMDAzJyB4PSczOCUnIHk9Jy01JScgd2lkdGg9JzIwJScgaGVpZ2h0PScxMTAlJy8+Cgk8cmVjdCBmaWxsPScjNGQyMjA4JyBmaWxsLW9wYWNpdHk9JzAuMTUnIHg9Jzg1JScgeT0nLTUlJyB3aWR0aD0nNDAlJyBoZWlnaHQ9JzExMCUnLz4KCTxyZWN0IGZpbGw9JyM0ZDIyMDgnIGZpbGwtb3BhY2l0eT0nMC4yNScgeD0nNTIlJyB5PSctNSUnIHdpZHRoPSc0MCUnIGhlaWdodD0nMTEwJScvPgoJPHJlY3Qgc3R5bGU9J2ZpbHRlcjp1cmwoI3QpJyB4PSctMSUnIHk9Jy0xJScgd2lkdGg9JzEwMiUnIGhlaWdodD0nMTAwJScvPgo8L3N2Zz4=");
	box-shadow: none;
	border-radius: 50%;
	z-index: -1;
	position: absolute;
}

.tableMatrixCircAbsolute.tableMap {
	z-index: 24 !important;
}

HTML>BODY .cell.barMatrix {
	background-color: #130C4C;
	border-color: #130C4C;
	box-shadow: none;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	border-radius: 4px;
	z-index: 25;
}

span.tableNumber {
	border-radius: 50%;
	position: absolute;
	top: -6px;
	right: -6px;
	z-index: 20;
	background-color: #1E7B38;
	color: white;
	font-weight: bold;
	border: 3px solid;
	border-color: #72351D;
}

.tableMatrixCirc>span.tableNumber,
.tableMatrixCirc>span.btn-table-grid {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

HTML>BODY .cell.horizonLineMatrix {
	background-color: rgba(107, 139, 109, 1);
	border-color: #000000;
	background-clip: content-box;
	z-index: 25;
}

HTML>BODY .cell.verticLineMatrix {
	background-color: rgba(107, 139, 109, 1);
	border-color: #000000;
	background-clip: content-box;
	z-index: 25;
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

HTML>BODY .arrowLeft {
	background-repeat: no-repeat;
	cursor: pointer;
}

HTML>BODY .arrowRight {
	background-repeat: no-repeat;
	-ms-transform: rotate(180deg);
	/* IE 9 */
	-moz-transform: rotate(180deg);
	/* Chrome, Safari, Opera */
	-webkit-transform: rotate(180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(180deg);
	cursor: pointer;
}

HTML>BODY .arrowTop {
	background-repeat: no-repeat;
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-moz-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	-webkit-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(90deg);
	cursor: pointer;
}

HTML>BODY .arrowBottom {
	background-repeat: no-repeat;
	-ms-transform: rotate(-90deg);
	/* IE 9 */
	-moz-transform: rotate(-90deg);
	/* Chrome, Safari, Opera */
	-webkit-transform: rotate(-90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	cursor: pointer;
}

HTML>BODY .draggable {
	cursor: move;
}

HTML>BODY .cell.dropable.over {
	border: 1px dashed #000;
	background-color: #ffffff;
}


/************* FAQ ***********/

.zoomfaq {
	margin: 10px;
}

.zoomfaq:hover {
	border-radius: 5px 5px 5px 5px;
	border-top: 2px solid #818AB7;
	border-left: 2px solid #818AB7;
	border-right: 2px solid #818AB7;
	border-bottom: 2px solid #818AB7;
	cursor: pointer;
	transform: scale(2);
	-ms-transform: scale(2);
	/* IE 9 */
	-moz-transform: scale(2);
	/* Firefox */
	-webkit-transform: scale(2);
	/* Safari and Chrome */
	-o-transform: scale(2);
	/* Opera */
}

.faqimg {
	margin: 2em;
	border-radius: 5px 5px 5px 5px;
	border-top: 2px solid #818AB7;
	border-left: 2px solid #818AB7;
	border-right: 2px solid #818AB7;
	border-bottom: 2px solid #818AB7;
}

figcaption {
	font-style: italic;
	margin-top: -1em;
	margin-bottom: 2em;
	clear: both;
}

.panel-body {
	font-size: 12px;
}

.faqul {
	margin: 2em;
	list-style-type: none;
	list-style-position: inside;
	display: table;
}


/****************** ECONOMATO ****************/

#markAll {
	width: 52px;
	height: 40px;
	background-image: url("/pos/assets/ctx/e748b7c6/css/images/accept.png");
	background-repeat: no-repeat;
	background-size: 32px;
	background-position-x: 10px;
	background-position-y: 4px;
}

#clearAll {
	width: 52px;
	height: 40px;
	background-image: url("/pos/assets/ctx/d8f42338/images/delete.png");
	background-repeat: no-repeat;
	background-size: 32px;
	background-position-x: 10px;
	background-position-y: 4px;
}

html>body .modal-grey {
	background-color: rgba(124, 124, 125, 0.06);
}

html>body .modal-border {
	border: 4px outset #818AB7;
	box-shadow: 18px 18px 12px 0px rgba(0, 0, 0, 0.82);
}

html>body .table-white {
	background-color: white;
}

.modal-backdrop {
	opacity: 0.75 !important;
}

td.starRed {
	color: #a94442;
	font-size: 13px;
}


/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/* Toggle Styles */

#menu-toggle {
	transform: rotate(90deg);
	position: fixed;
	left: -7px;
	top: 350px;
	z-index: 1000;
	padding-top: 2px;
	background-color: #e6e6e6;
	border: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

#wrapper-menuLeft {
	padding-left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#wrapper-menuLeft.toggled {
	padding-left: 300px;
}

#filter-values-wrapper {
	background: #EAEAEA;
	border: solid 1px #C3C7D4;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 300px;
	width: 0;
	height: 94%;
	margin-left: -300px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #EAEAEA;
	;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: solid 1px #C3C7D4;
	border-radius: 10px;
	box-shadow: 2px 2px 41px #A4A3A9;
}

#wrapper-menuLeft.toggled #sidebar-wrapper {
	width: 300px;
}

#wrapper-menuLeft.toggled #menu-toggle {
	left: 292px;
	transform: rotate(90deg);
}

#page-content-wrapper {
	width: 100%;
	position: absolute;
	padding: 0px;
}

#wrapper-menuLeft.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -300px;
}

@media ( min-width :768px) {
	#wrapper-menuLeft {
		padding-left: 300px;
	}
	#wrapper-menuLeft.toggled {
		padding-left: 0;
	}
	#sidebar-wrapper {
		width: 300px;
	}
	#menu-toggle {
		left: 292px;
		transform: rotate(-90deg);
	}
	#wrapper-menuLeft.toggled #sidebar-wrapper {
		width: 0;
	}
	#wrapper-menuLeft.toggled #menu-toggle {
		left: -7px;
	}
	#page-content-wrapper {
		padding: 0px;
		padding-left: 40px;
		position: relative;
	}
	#wrapper-menuLeft.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}

.pageloading-mask {
	opacity: 0.80 !important;
	-webkit-animation-name: none;
	top: -50px;
}

.pageloading-mask div {
	height: 100%;
	/* 	background: url("/pos/assets/ctx/acd93cf9/images/loading-image.gif") no-repeat center center; */
	background: none;
	background-size: 100px 100px;
}

.nav-tabs-centered>li {
	float: none;
	display: inline-block;
	*display: inline;
	/* ie7 fix */
	zoom: 1;
	/* hasLayout ie7 trigger */
}

.nav-tabs-centered {
	text-align: center;
}


/* ---------------SUPERMARKET / BAR --------------------- */

.iti-flag {
	background-image: url("/pos/assets/ctx/d68e5a22/img/flags.png");
}

#topbar {
	padding: 2px 15px;
	background: linear-gradient(#6D6E87, #B5B6D0);
	width: 100%;
	font-weight: bold;
	color: white;
	height: 50px;
}

.infoBar {
	height: 170px;
	width: 100%;
	background: #EFEDFF;
	font-size: 50px;
	font-weight: bold;
	/* 	font-family: fontAwesome; */
	color: #31708F;
}

.supermarket-btns>.btn {
	font-size: 40px;
	padding: 15px;
}

.bar-btns>.special-btns>.btn,
.bar-btns>.number-btns>.btn {
	font-size: 17px;
	padding: 15px;
	margin: 1px;
	width: 27%;
	font-weight: bold;
	border-radius: 10px;
}

.enterbar {
	margin-top: 0px ! important;
	height: 250px;
	font-size: 40px;
	margin-left: -40%;
}

.openDrawerButton {
	margin-top: 2px;
	height: auto;
	font-size: 25px;
	padding: 0;
	margin-left: -40%;
}

.enterBlind {
	font-size: 35px;
}

.function-btns {
	float: left;
}

.function-btns>.btn {
	font-size: 350%;
	width: 12.5%;
	max-height: 84px
}

.btn-img-icon {
	position: absolute;
	right: 1px;
	font-size: 70%;
	top: 9px;
}

.btn-item-changeMenu {
	min-height: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.btn-itemGroup, .btn-itemSuperGroup {
	white-space: normal;
	width: 100px;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: bold;
}

.btn-item {
	white-space: normal;
	width: 95px;
	height: 70px;
	font-size: 12px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-qualifierGroup {
	white-space: normal;
	width: 100px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: bold;
}

.btn-qualifier,
.btn-kitchenMessage {
	white-space: normal;
	font-size: 16px;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-weight: bold;
}

.infoWaiter {
	font-size: 21px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.info {
	padding: 5px;
	font-weight: bold;
	margin-bottom: 0;
}

.modal-header {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.info span {
	font-size: 25px;
}

.item-btns {
	height: 375px;
	overflow: auto;
	padding: 0;
	margin-bottom: 10px;
}

.itemGroups {
	white-space: nowrap;
	overflow-x: auto;
}

.itemGroups::-webkit-scrollbar {
	width: 0 !important;
	height: 0;
}

.item-btns::-webkit-scrollbar {
	width: 0 !important;
	height: 0;
}

::-webkit-scrollbar {
	width: 25px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.barcode::-webkit-input-placeholder::before {
	font-family: fontAwesome;
	content: '\f02a ';
	padding-right: 40px;
}

HTML>BODY input.barcode {
	font-size: 35px;
	height: 60px;
	text-align: center;
}

.units::-webkit-input-placeholder::before {
	font-family: fontAwesome;
	content: '\f057 ';
	padding-right: 40px;
}

HTML>BODY input.units {
	font-size: 25px;
	height: 40px;
	text-align: center;
}

.unitsDiv {
	font-size: 20px;
	line-height: 60px;
	height: 60px;
	padding: 0;
}

.infoDescription {
	text-align: left;
	padding-left: 45px;
	padding-right: 0px;
}

.infoPrice {
	padding: 0;
	font-size: 30px;
	padding-top: 15px
}

.total {
	font-size: 65px;
	text-align: right;
}

.infoError {
	height: 170px;
}

.infoClient {
	font-size: 70px;
	padding: 30px;
}

.infoCharge {
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}

.discountDescription {
	font-weight: bold;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

HTML>BODY .btn-order-tck {
	border-radius: 50%;
	font-size: 17px;
	position: absolute;
	margin-left: -15px;
	margin-top: -8px;
	height: 30px;
	width: 35px;
	padding: 2px 2px;
	font-weight: bold;
}

HTML>BODY th.supermarket,
th.bar {
	background-color: #31708F;
	color: white;
}

.key {
	height: 50px;
	font-size: 20px;
	margin: 3px;
	border: none;
	width: 9%;
}

HTML>BODY .btn-room {
	height: 60px;
	width: 90px;
}

HTML>BODY @media ( min-width: 992px) {
	.keyQualifier {
		width: 8.1%;
	}
}

@media ( min-width: 1200px) {
	.keyQualifier {
		width: 9%;
	}
}

input#given,
input#tipGiven {
	font-size: 35px;
	height: 60px;
	text-align: right;
}

input.phonecode {
	font-size: 50px;
	height: 80px;
	text-align: right;
}

input.priceBig.blindsAmount {
	height: 50px;
	font-size: 25px;
	margin-bottom: 5px;
	text-align: right;
}

label.labelPrice {
	line-height: 50px;
}

#given::-webkit-input-placeholder::before {
	font-family: fontAwesome;
	content: '\f153 ';
	padding-right: 40px;
}

HTML>BODY .retailTable>tbody>tr>td {
	padding: 7px;
}

.totalRow {
	text-align: right;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	margin-bottom: 5px;
	font-size: 15px;
}

HTML>BODY .ticketTable>tbody>tr>td {
	padding: 7px;
}

.tables {
	height: 580px;
	overflow: auto;
	margin-top: 10px;
}

.ticketLines {
	height: 520px;
	overflow: auto;
	margin-top: 10px;
}

.freeElementRow {
	width: inherit;
	background-color: #FFEFD2;
}

.newTicketLines,
.newTicketLinesDivide {
	height: 450px;
	overflow: auto;
	margin-top: 10px;
}

.ticketLines>button.btn,
.newTicketLines>button.btn,
.newTicketLinesDivide>button.btn {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 12px;
}

HTML>BODY .btn-delete-method {
	padding: 0px 10px;
	font-size: 27px;
	float: right;
	margin-top: -12px;
	margin-right: -16px;
}

HTML>BODY .totalSep {
	font-size: 40px;
	padding: 0px;
}

.btn-employee {
	margin: 10px;
	width: 15%;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 991px){
	.btn-employee {
		margin: 0px;
		width: 25%;
	}
}

.qualifiersTab {
	margin-top: 10px;
	height: 250px;
	overflow: auto;
}

#modalQualifiers>.modal-dialog {
	width: 90%;
}

#modalKitchenMessages>.modal-dialog {
	width: 80%;
}

#modalSeparate>.modal-dialog {
	width: 95%;
}

#modalTables>.modal-dialog {
	width: 100%;
}

#modalFunctionsTables>.modal-dialog {
	width: 95%;
}

.paymentMethods,
.paymentMethodsSep {
	max-height: 450px;
	overflow: auto;
}

.btn-reSendKitchen,
.btn-editMenu,
.btn-gift,
.btn-openChangePrice {
	padding: 0;
	font-size: 21px;
}

@media ( max-width: 991px) {
	::-webkit-scrollbar {
		width: 0;
	}
	::-webkit-scrollbar-track {
		-webkit-box-shadow: none;
	}
	::-webkit-scrollbar-thumb {
		-webkit-box-shadow: none;
	}
	.item-btns {
		height: 280px;
		overflow: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	HTML>BODY .col-xs-12,
	.col-xs-11,
	.col-xs-10,
	.col-xs-9,
	.col-xs-8,
	.col-xs-7,
	.col-xs-6,
	.col-xs-5,
	.col-xs-4,
	.col-xs-3,
	.col-xs-2,
	.col-xs-1 {
		padding-left: 5px;
		padding-right: 5px;
	}
	HTML>BODY .row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.enterbar {
		height: auto;
		font-size: 40px;
		margin-left: auto;
	}
	.keyNumber,
	.diners-btn,
	.keyPrice,
	.addDiner,
	.subDiner,
	.keyPriceUnits {
		height: 55px;
		font-size: 20px;
		margin: 1px;
		border: none;
		width: 30%;
	}
	input.tableNumber,
	input.price,
	input.prepaidCard,
	input.client,
	input.card {
		font-size: 34px;
		height: 48px;
		text-align: right;
		width: 60%;
		margin: auto;
	}
	.bar-btns>.special-btns>.btn {
		font-size: 26px;
		padding: 8px 4px;
		margin: 1px;
		width: 19.2%;
	}
	h1 {
		font-size: 20px;
	}
	.given,
	.tipGiven {
		height: 60px;
		font-size: 32px;
	}
	HTML>BODY .btn-table-list {
		margin: 5px;
		width: 25%;
	}
	.qualifiers {
		overflow: auto;
		white-space: nowrap;
	}
	.qualifiersTab {
		margin-top: 10px;
		height: 150px;
		overflow: auto;
	}
	#modalQualifiers>.modal-dialog {
		width: auto;
	}
	#modalSeparate>.modal-dialog {
		width: auto;
	}
	#modalKitchenMessages>.modal-dialog {
		width: auto;
	}
	#modalTables>.modal-dialog {
		width: auto;
	}
	.method,
	.methodSep,
	.discount,
	.dateButton,
	.dateButtonContinue,
	.btn-big {
		font-size: 20px;
		font-weight: bold;
		margin: 5px;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.item-title-qualifier {
		font-size: 13px;
		margin: 0;
	}
	.info-item-mobile {
		position: absolute;
		margin-top: -80%;
		margin-left: -410%;
		width: 500%;
		padding: 6px;
		font-weight: bold;
	}
	.info-item-mobile>.arrow-mobile {
		background: #DFF0D8;
		bottom: -11px;
		left: 50%;
		margin-left: -11px;
		border-top-color: #999;
		border-top-color: rgba(0, 0, 0, .25);
		border-bottom-width: 0;
		border-width: 11px;
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}
	HTML>BODY .table>tbody>tr>td.bar {
		padding: 10px 4px;
		width: inherit;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 10px;
	}
}

@media ( min-width: 768px) {
	.bar-btns>.special-btns>.btn {
		font-size: 30px;
		padding: 14px 4px;
		margin: 2px;
		width: 19.2%;
	}
	HTML>BODY .table>tbody>tr>td.bar {
		padding: 10px 4px;
		width: inherit;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 14px;
	}
	.keyNumber,
	.diners-btn,
	.keyPrice,
	.addDiner,
	.subDiner,
	.keyPriceUnits {
		height: 100px;
		font-size: 25px;
		margin: 3px;
		border: none;
		width: 30%;
	}
	input.tableNumber,
	input.price,
	input.prepaidCard,
	input.client,
	input.card {
		font-size: 50px;
		height: 76px;
		text-align: right;
		width: 70%;
		margin: auto;
	}
	.given,
	.tipGiven {
		height: 90px;
		font-size: 41px;
	}
	h1 {
		font-size: 30px;
	}
	.method,
	.methodSep,
	.discount,
	.dateButton,
	.dateButtonContinue,
	.btn-big {
		font-size: 25px;
		font-weight: bold;
		margin: 5px;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media ( min-width: 992px) {
	HTML>BODY .table>tbody>tr>td.bar {
		padding: 10px 4px;
		width: inherit;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 11px;
	}
	.keyNumber,
	.diners-btn,
	.keyPrice,
	.addDiner,
	.subDiner,
	.keyPriceUnits {
		height: 65px;
		font-size: 20px;
		margin: 3px;
		border: none;
		width: 30%;
	}
	.bar-btns>.special-btns>.btn,
	.bar-btns>.number-btns>.btn {
		font-size: 17px;
		padding: 15px;
		margin: 1px;
		width: 27%;
	}
	.given,
	.tipGiven {
		height: 80px;
		font-size: 40px;
	}
	input.tableNumber,
	input.price,
	input.prepaidCard,
	input.client,
	input.card {
		font-size: 35px;
		height: 60px;
		text-align: right;
		width: 100%
	}
	.method,
	.methodSep,
	.discount,
	.dateButton,
	.dateButtonContinue,
	.btn-big {
		font-size: 25px;
		font-weight: bold;
		margin: 5px;
	}
}

.btn-table-list {
	margin: 5px;
	width: 10%;
	padding: 0;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-table-grid {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: -6px;
	right: 6px;
	z-index: 20;
	border: 3px solid;
	border-color: #72351D !important;
	height: 35px;
	width: 35px;
}

.circleButtonOuter {
	display: table;
	position: absolute;
	border-radius: 50%;
}

.circleButtonInner {
	display: table-cell;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

#buttonBox {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 12vw;
	min-width: 24vh;
	z-index: 35;
}

.buttonBoxRow {
	margin: 0px;
}

.buttonBoxRow>.btn-arrow {
	min-height: 8vh;
	height: 4vw;
	padding: 0px;
}

#matrixContent,
#gridContent,
#gridContentTablesWithRoom {
	height: 60vh;
	width: 75vw;
	overflow: -moz-scrollbars-none;
	margin: auto;
}

#matrixContent {
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	position: relative;
}

#gridContent,
#gridContentTablesWithRoom {
	overflow-y: hidden;
	padding-top: 10px;
	position: relative;
	display: block;
}

.icon-stack-3x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: right;
}

@media print {
	#headernav {
		display: none;
	}
}

.backgroundDahsBoardStatus {
	padding: 10px 0 0 0;
	background-color: #F2DDDD;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.dashBoardStatusBorder {
	background-color: #f5f5f5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 8px 8px 1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 5px 8px 8px 1px rgba(0, 0, 0, 0.75);
	box-shadow: 5px 8px 8px 1px rgba(0, 0, 0, 0.75);
}

.textdashBoardStatusBorder {
	margin: 0 15px 10px 15px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.textDataDashBoardStatus {
	color: blue;
	font-size: 25px;
}

.dashBoardStatusInfo {
	border-right: 1px solid #ccc;
}

.centerVerticalText {
	display: flex;
	align-items: center;
}

.centerHorizontalText{
	text-align: center
}

.paddingPaymentMethod {
	padding: 0 10% 0 10%;
}

HTML>BODY .controlTextR {
	height: auto;
	text-align: right;
	float: right;
}

HTML>BODY .controlTextL {
	height: auto;
	text-align: left;
	float: right;
}

HTML>BODY .hiddenItem {
	display: none;
}

.alignR-padding {
	padding-top: 5px; 
	text-align: right;
}

.padding-0-margin-0 {
	padding: 0;
	margin: 0;
}

optgroup[label=""] {
	font-size: 1px !important;
}

optgroup[label=""] > option {
    font-size: 14px;
}

/* ===== MODERN LAYOUT COMPATIBILITY STYLES ===== */
HTML>BODY #headernav .btn {
  padding: 0px 1px;
}

HTML>BODY #headernav .user-info {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}

HTML>BODY #headernav .user-name {
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 0;
  vertical-align: middle;
}

HTML>BODY #headernav .lang-flag {
  margin-left: 15px;
}

HTML>BODY .header img#logoImage {
  max-height: 150px;
}

HTML>BODY .header h1.info {
  font-family: 'Ailerons', sans-serif;
  letter-spacing: 4px;
}

HTML>BODY .language-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
}

HTML>BODY .language-select {
  min-width: 120px;
}