* {
	margin: 0;
	padding: 0;
}

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

html, body {
	min-height: 100%;
}
@media print {
	html, body {
		min-height: inherit;
	}
}


#wrap {
	min-height: 100%;
}

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

HTML>BODY .content {
	overflow: auto;
}

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;
	background: linear-gradient(#6D6E87, #B5B6D0); 
	font-weight: bold;
	color: white;
	height: 25px;
}

#options-container {
	position: absolute;
	right: 10px;
	margin: 0px 3px 1px 0px;
	top: 0px;
}

#options-container>span {
	margin-left: 5px;
}

#languages-menu {
	position: absolute;
	display: none;
	top: 22px;
	right: 15px;
	width: 150px;
	z-index: 101;
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
	color: #8a8a8a;
	text-align: right;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}

.language-selector {
	margin: 3px 3px 3px 5px;
	cursor: pointer;
}

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 {
	
}

.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 .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;
}

@media ( max-width : 1199px) {
	.btn-text {
		width: 230px;
	}
}

.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: 51px;
	width: 51px;
	margin: 5px;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f8f8f8;
	/* 	border: 0px solid #e7e7e7; */
}

HTML>BODY
.btn-image:hover {
	background-size: 90%;
}

HTML>BODY .btn-image:focus {
	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;
	text-align: left;
	width: 100%;
}

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

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("/sota/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: 70%;
}

/* ---------------- Links - Title -------------------*/
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

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

/* ---------------- row - col -------------------*/
div.formRow {
	min-height: 27px;
	padding-top: 2px;
	padding-left: 15px;
}

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 {
	text-align: center;
}

/* ----------- Input Types -------------*/

/*For mozila*/
input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
	margin: 0;
}
/*For Chrome*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

/* ----------- 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;
}

.mid-Color {
	font-size: 12px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	background-color: #818AB7;
	color: white;
}

.btn.mid-Color {
	font-size: 16px;
	margin-top: 10px;
	background-color: #8687A0;
	color: white;
	height: 45px;
}

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 5px;
	margin-top: 2px;
	text-align: right;
	float: right;
}

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

HTML>BODY .textcontrolC {
	height: auto;
	font-size: 13px;
	padding: 1px 5px;
	margin-top: 2px;
	text-align: center;
}
/*textbox color*/
HTML>BODY .textcolor {
	height: 20px;
	width: 50px;
	font-size: 13px;
	padding: 1px 1px;
	text-align: left;
	float: right;
	border-top: 1px solid #D0D2D4;
	border-left: 1px solid #D0D2D4;
	border-right: 1px solid #D0D2D4;
}

/*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


























































:





























 





























1
px





























 





























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.configcheck {
	margin-left: 3px;
	margin-top: 5px;
	margin-right: 3px;
	width: 16px;
}

HTML>BODY input.detailcheck {
	margin-top: 5px;
}

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

HTML>BODY input.panelcheckRanges {
	margin-left: 3px;
	margin-top: 6px;
	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;
}

label.small.onTop {
	font-size: 10px;
	margin-top: 12px;
	margin-bottom: 0px;
	padding: 0px;
}

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;
	background-color: rgba(255, 255, 255, 0.8);
	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 */
.dataTable td {
	overflow: hidden; /* this is what fixes the expansion */
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bwhite {
	background-color: rgba(255, 255, 255, 0.8);
}

.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
table.dataTable tr.selected.even td.bg-warning {
	background-color: cornflowerblue;
}

HTML>BODY
table.dataTable tr.selected.odd td.bg-warning {
	background-color: cornflowerblue;
}

HTML
>
BODY














































table












































.dataTable






















 























}
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;
	padding-right: 20px !important;
	font-size: 10px;
}

.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;
}

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

/* AUTOCOMPLETE */
.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .2em 0 .2em;
	line-height: 1.3;
}

.ui-autocomplete {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute !important;
	z-index: 1200 !important;
	float: left !important;
	min-width: 120px !important;
	padding: 2px 0 !important;
	margin: 2px 0 0 !important;
	font-size: 12px !important;
	text-align: left !important;
	list-style: none !important;
	background-color: #fff !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
	border: 1px solid #ccc !important;
	border: 1px solid rgba(0, 0, 0, .15) !important;
	border-radius: 4px !important;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}

.ui-menu-item {
	padding: 0px 1em 0px .4em !important;
}

.ui-menu-item>a {
	display: block !important;
	padding: 3px 20px !important;
	clear: both !important;
	font-weight: 400 !important;
	line-height: 1.42857143 !important;
	color: #333 !important;
	white-space: nowrap !important;
}

.ui-state-hover:not(.ui-slider-handle), .ui-state-focus:not(.ui-slider-handle), .ui-state-active:not(.ui-slider-handle) {
	color: #262626 !important;
	background-color: #dddddd !important;
	outline: 0 !important;
	border: 0px !important;
	margin: 0px !important;
	text-decoration: none !important;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	background-image: none !important;
}

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

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

HTML>BODY
.css-class-to-highlight {
	background-color: rgba(246, 149, 149, 1);
}

/* table.dataTable tbody tr.selected { */
/* 	background-color: #b0bed9; */
/* } */

/* Sidebar in configuration */
HTML>BODY
.topmenu>a {
	color: #999;
	padding: 5px 15px;
}

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;
}

/*------------------------MOBILE-------------------------------------*/
@media ( max-width : 991px) {
	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("/sota/assets/ctx/587cce44/images/uploadImage.png");
	background-size: 63px 58.5px;
	width: 105px;
	height: 67.5px;
	background-repeat: no-repeat;
	background-image: url("/sota/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("/sota/assets/ctx/587cce44/images/uploadImage.png");
	background-size: 63px 58.5px;
	width: 105px;
	height: 67.5px;
	background-repeat: no-repeat;
	background-image: url("/sota/assets/ctx/587cce44/images/uploadImage.png");
	background-position-x: 21px;
	background-position-y: 5px;
}

HTML>BODY
.uploadAudio .qq-upload-button, HTML>BODY .uploadAudio .qq-upload-button-hover, HTML>BODY .uploadAudio a:hover.qq-upload-button {
	padding: 12px 0 0 0;
	background: none;
	color: #fff;
	display: inline-block;
	background-image: url("/sota/assets/ctx/11c3c65c/images/record_audio.png");
	background-size: 63px 58.5px;
	width: 105px;
	height: 67.5px;
	background-repeat: no-repeat;
	background-image: url("/sota/assets/ctx/11c3c65c/images/record_audio.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
.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
.sm-padding-right {
	padding-right: 5px;
}

HTML>BODY
.sm-padding-left {
	padding-left: 5px;
}

HTML>BODY
.md-padding-right {
	padding-right: 10px;
}

HTML>BODY
.md-padding-left {
	padding-left: 10px;
}

HTML>BODY
.xl-padding-right {
	padding-right: 20px;
}

HTML>BODY
.xl-padding-left {
	padding-left: 20px;
}

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

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

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

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

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

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 .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




























































:






























 






























6
px




























































;
}
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("/sota/assets/ctx/6ce3c78f/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.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;
}

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;
}

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

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

/****************** ECONOMATO ****************/
#markAll {
	width: 52px;
	height: 40px;
	background-image: url("/sota/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("/sota/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.4 !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 {
	position: fixed;
	left: 292px;
	transform: rotate(-90deg);
	top: 350px;
	z-index: 1000;
	padding-top: 2px;
	background-color: #e6e6e6;
	color: #999999;
	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: 300px;
	-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: 0px;
}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 300px;
	width: 300px;
	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: 0px;
}

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

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

#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;
	}
}
/*******wrapper-small menuLeft******/
#wrapper-menuLeft.small.toggled {
	padding-left: 180px;
}

#wrapper-menuLeft.small {
    padding-left: 0px;
}

.small>#page-content-wrapper {
	padding-left: 0px;
}

.small>#sidebar-wrapper {
	left: 180px;
	margin-left: -180px;
	width: 0px;
}
.small>#menu-toggle {
	left: -7px;
	transform: rotate(90deg);
}

#wrapper-menuLeft.small.toggled>#sidebar-wrapper {
	width: 180px;
}

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

@media ( min-width :768px) {
	#wrapper-menuLeft.small {
		padding-left: 180px;
	}
	#wrapper-menuLeft.small.toggled {
		padding-left: 0;
	}
	.small>#sidebar-wrapper {
		width: 180px;
	}
	.small>#menu-toggle {
		left: 172px;
		transform: rotate(-90deg);
	}
	#wrapper-menuLeft.small.toggled #sidebar-wrapper {
		width: 0;
	}
	#wrapper-menuLeft.small.toggled #menu-toggle {
		left: -7px;
	}
	.small>#page-content-wrapper {
		padding: 0px;
		padding-left: 40px;
	}
	#wrapper-menuLeft.small.toggled>#page-content-wrapper {
		margin-right: 0;
	}
}
@media ( max-height :350px) {
	#menu-toggle {
		top: 200px;
	}
}
/*Filter values wrapper*/
#filter-values-wrapper {
	background: #EAEAEA;
	border: solid 1px #C3C7D4;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}

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

.pageloading-mask div {
	height: 100%;
	/* 	background: url("/sota/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;
}

/************Menu engineering **************/
.status {
	width: 18px;
	height: 18px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #a1a1a1;
}

html>body
.table>tbody>tr>td.cell-status {
	padding-left: 25px;
}

.accepted {
	background: #729fcf;
	background-color: #729fcf;
}

.budgeted {
	background: #9abdc8;
	background-color: #9abdc8;
}

.attempted {
	background: #5EDECF;
	background-color: #5EDECF;
}

.completed {
	background: #138a22;
	background-color: #138a22;
}

.failed {
	background: red;
	background-color: red;
}

.panel-lightblue {
	background-color: rgb(248, 248, 248);
	border: solid 1px #C3C7D4;
	box-shadow: 2px 2px 10px #A4A3A9;
}

/****Vis and fullcalendar styles***********/
HTML>BODY
    .vis-timeline {
	border: 1px solid rgba(128, 0, 128, 0.5);
	background: rgba(255, 236, 234, 0.30);
}

.vis-time-axis .vis-text {
	text-align: left;
}

/* .vis-time-axis .vis-grid.vis-saturday, .vis-time-axis .vis-grid.vis-sunday */
/* 	{ */
/* 	background: gray; */
/* } */
HTML>BODY
.vis-item.vis-selected {
	color: black;
}

.vis-item.accepted, .fc-event.accepted {
	color: white;
	background-color: #729fcf;
	border-color: #3465a4;
}

.vis-item.budgeted, .fc-event.budgeted {
	color: white;
	background-color: #9abdc8;
	border-color: #6198AD;
}

.vis-item.attempted, .fc-event.attempted {
	color: white;
	background-color: #5EDECF;
	border-color: #318C8C;
}

.vis-item.completed, .fc-event.completed {
	color: white;
	background-color: #138a22;
	border-color: #225829;
}

.vis-item.failed, .fc-event.failed {
	color: white;
	background-color: red;
	border-color: darkred;
}

.fc-event-container {
	cursor: pointer;
}

.fc-event.selected {
	border-color: #FFC200;
	background-color: #FFF785;
	color: black;
}

.fc-event.selected:hover {
	color: black;
}

HTML>BODY
.fc-unthemed .fc-today {
	background: rgb(243, 225, 223);
}

HTML>BODY
.fc-unthemed .fc-busy {
	background: rgba(173, 7, 7, 0.7);
}

HTML>BODY .fc-unthemed .fc-busy.fc-today {
	background: rgba(173, 7, 7, 0.4);
}

HTML>BODY
.fc-year-monthly-name {
	margin-top: 8px;
}

HTML>BODY
.fc-year-month-separator {
	width: 4px;
}

HTML>BODY
.fc-toolbar {
	margin-bottom: 0.3em;
}

HTML>BODY
.fc-toolbar h2 {
	font-size: 22px;
}

HTML>BODY
.fc-year-view .fc-day-grid .fc-row {
	min-height: 19px;
}

HTML>BODY
.fc-day-grid-event .fc-time {
	display: none;
}

.confAnotation {
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	text-align: right;
	border: none;
	font-weight: bold;
	color: #555;
	line-height: 1;
}
/***********************************************************/
/****************HOTEL************************************/
.hiddenBooleanTables {
	display: none;
	text-align: center;
}

.globalAlert {
	z-index: 30000;
	position: fixed;
	margin-top: 5px;
	right: 0; 
	left: 0;
}

.globalAlert>div>div>.alert {
	padding: 5px;
	padding-right: 27px;
	min-height: 45px;
	margin-bottom: 2px;
}

.globalAlert>div>div>.alert>span {
	font-weight: bold;
}

.nav>li>a.small-link-navbar {
	padding-top: 5px;
	padding-bottom: 5px;
}

@media ( max-width : 991px) {
	.col-18 {
		width: 15%;
	}
}

@media ( max-width : 800px) {
	.col-18 {
		width: 17%;
	}
}

@media ( min-width : 992px) {
	.col-18 {
		width: 5.55555555%;
	}
}


.rowOrange{
	background-color :rgba(239, 161, 64, 0.65) !important;
}
.rowGreenBlue{
	background-color :rgba(63, 169, 157, 0.40) !important;
}
.rowBlue{
	background-color :rgba(139, 169, 226, 0.75) !important;
}
.rowGreen{
	background-color :rgba(74, 222, 106, 0.36) !important;
}
.rowRed{
	background-color :rgba(255, 0, 0, 0.40) !important;
}


@media print{
	td.rowOrange, td.rowGreenBlue, td.rowBlue, td.rowGreen, td.rowRed{
		-webkit-print-color-adjust: exact !important;
	}
	td.rowOrange{
		 background-color :rgba(239, 161, 64, 0.65) !important;
	}
	td.rowGreenBlue{
		background-color :rgba(63, 169, 157, 0.40) !important;
	}
	td.rowBlue{
		background-color :rgba(139, 169, 226, 0.75) !important;
	}
	td.rowGreen{
		background-color :rgba(74, 222, 106, 0.36) !important;
	}
	td.rowRed{
		background-color :rgba(255, 0, 0, 0.40) !important;
	}
}

.weekend {
	background-color: #f9e9c3 !important;
}
.event-color{
    background-color: #dbe5be !important;
}

.event-color.weekend{
    background: repeating-linear-gradient(
            -45deg,
            #f9e9c3,
            #f9e9c3 3px,
            #dbe5be 3px,
            #dbe5be 6px
          ) !important;
}


table.dataTable tbody>tr.selected.weekend, table.dataTable tbody>tr>.selected.weekend,
    table.dataTable tbody>tr.selected>td.weekend, table.dataTable tbody>tr>.selected>td.weekend
    {
    background-color: #08C !important;
    background: #08C !important;
}
table.dataTable tbody>tr.selected.event-color, table.dataTable tbody>tr>.selected.event-color,
    table.dataTable tbody>tr.selected>td.event-color, table.dataTable tbody>tr>.selected>td.event-color
    {
    background-color: #08C !important;
    background: #08C !important;
}

.wrongRate {
	background-color: rgb(247, 176, 176);
}

/* 	to fill the padding of the parent */
.rateInputCell {
	margin-top: -5px;
	padding-top: 2px;
	margin-bottom: -5px;
	padding-bottom: 7px;
	border-right: 1px solid #888;
	padding-right: 2px;
	padding-left: 2px;
}

.checkcontrol.rateCheckBox {
	margin: auto;
	margin-top: 9px;
	margin-bottom: 2px;
}

.panelDescription {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	border-right: 1px solid #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

.oneLineString {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.panelGrey {
	margin-bottom: 10px;
	background-color: rgba(232, 232, 238, 0.9);
}

.minimal-tag {
	font-size: 10px;
}

.separator {
	font-size: 18px;
}

.col-1-input {
	padding-left: 5px;
	padding-right: 5px;
}

.btn-sq-lg {
	width: 150px !important;
	height: 150px !important;
}

.btn-sq-md {
	width: 100px !important;
	height: 100px !important;
	font-size: 10px;
}

.btn-sq-sm {
	width: 50px !important;
	height: 50px !important;
	font-size: 10px;
}

.btn-sq-sm>.glyphicon {
	font-size: 22px;
}

.btn-sq-xs {
	width: 25px !important;
	height: 25px !important;
	padding: 2px;
}

.sepLanguages {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #aaa;
}

.smallCenter {
	margin-left: -30px;
	margin-right: -30px;
	text-align: center;
}

.smallLeft {
	margin-right: -60px;
	text-align: left;
	z-index: -1;
}

.smallRight {
	margin-left: -60px;
	text-align: right;
	z-index: -1;
}

.bordered {
	border: solid 2px #ccc;
	border-radius: 4px;
	padding: 5px 0px;
}

/***************************/
/*********VisualRack********/
/***************************/
.btn-grid-room {
	padding: 0px;
	overflow: hidden;
	height: 28px
}

.btn-grid-room.occ_free {
	background-color: #EEE;
}

.btn-grid-room.occ_free:active {
	background-color: #AAA;
}

.btn-grid-room.occ_reserved {
	background-color: #a4b592;
}

.btn-grid-room.occ_reserved:active {
	background-color: #93a283;
}

.btn-grid-room.occ_occupied {
	background-color: #91aec0;
}

.btn-grid-room.occ_occupied:active {
	background-color: #829cac;
}

.btn-grid-room.occ_blocked {
	background-color: #e2afaf;
}

.btn-grid-room.occ_blocked:active {
	background-color: #cb9d9d;
}

.btn-grid-room.clean:before {
	position: absolute;
	top: 0px;
	font-size: 10px;
	font-family: "Glyphicons Halflings";
	left: 2px;
}

.btn-grid-room.clean.cl_dirty:not(.cl_cleaning):before {
	content: "\e107";
	color: #a94442;
}

.btn-grid-room.clean.cl_clean:before {
	content: "\e064";
	color: #31708f;
}

.btn-grid-room.clean.cl_revised:before {
	content: "\e105";
	color: #3c763d;
}

.btn-grid-room.stay:after {
	position: absolute;
	top: 0px;
	font-size: 10px;
	font-family: "Glyphicons Halflings";
	right: 2px;
}

.btn-grid-room.stay.st_checkInOut:after {
	content: "\e178";
	color: #8a6d3b;
}

.btn-grid-room.stay.st_checkIn:after {
	content: "\e161";
	color: #3c763d;
}

.btn-grid-room.stay.st_checkOut:after {
	content: "\e163";
	color: #a94442;
}

.btn-grid-room.stay.st_continuance:after {
	content: "\e030";
	color: #31708f;
}

.btn-grid-room>.roomNumber {
	position: absolute;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	font-size: 12px;
}

#modalRoomStatus input {
	background-color: #fff;
	cursor: default;
}

#modalRoomStatus .feature {
	text-align: center!impportant;
}

.disabledInput.bg-warning {
	background-color: #fcf8e3 !important;
}

.disabledInput {
	background-color: white !important;
	cursor: default !important;
}

div.bordered {
	border: 1px solid #ccc;
	border-radius: 4px;
}

/***************************/
/*********HideHeader********/
/***************************/
@media print {
	#headernav {
		display: none;
	}
}

/**********Center***********/
.center-block {
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/********Modal header and footer rounded **/
.modal-header {
	border-radius: 6px 6px 0px 0px;
}

.modal-footer {
	border-radius: 0px 0px 6px 6px;
}

/*********Reservations and Stays *****/
.js-toggleRemarks {
	cursor: pointer;
}

.remarksTrimmed {
	float: left;
	max-height: 20px;
	white-space: nowrap;
	overflow: hidden;
}

.remarksTrimmed>p {
	overflow: hidden;
	text-overflow: ellipsis;
}

/**********CKEDITOR TWEAKS*************/
.cke_editable {
	text-align: left;
}

/************* Sortable list for dumping charges between rooms ***********/
HTML>BODY
ul.chargesList {
	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;
	font-size: 13px;
}

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

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

.chargesList 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);
}

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

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

.chargesList .sortable-placeholder {
	border: 2px dashed #d3d7cf !important;
	background-color: #f6fbf4 !important;
	height: 40px;
}
/************* Sortable list for invoices configuration ***********/
.invoicesConf .dropable {
	height: 30px;
	background: #eee;
	border: 1px dashed #999;
	list-style-type: none;
}

.invoicesConf li:hover {
	cursor: pointer;
}

.invoicesConf .source li {
	width: 24%;
	padding: 5px;
}

.invoicesConf .dropable li {
	width: 100%;
	padding: 0px;
	padding-bottom: 8px;
	border: none;
}

/******************************************************/
/************* Download chart button ***********/
.downloadChartButton {
	display: none;
	position: absolute;
	top: 0px;
	left: 30px;
	background-color: black;
	opacity: 0.6;
}

.downloadChartButton span {
	color: dimgray;
}

/******************************************************/

/*************** SCREENSAVER **************************/
#screenSaver, .screenSaver {
 background-size: cover !important;
 background-repeat: no-repeat !important;
 background-color: black;
 z-index: 17000;
 position: fixed;
 top: 0px;
 left:0px;
 right: 0px;
 height: 100vh;
 width: 100vw;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}

#imageScreenSaver, .imageScreenSaver {
 background-size: contain !important;
 background-repeat: no-repeat !important;
 background-position: center !important;
 z-index: 17000;
 position: relative;
 top: 0px;
 right: 0px;
 height: 100%;
 width: 100%;
 animation-name: animatedBackground;
 animation-duration: 10s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 animation-direction: alternate;
}

/*********************************************/
@media (min-width: 992px){
 .filterBlockCompareCalendar {
  top : 20px;
 }
}

/********************************************/
.red-light-indicator {
	float: left;
	margin-left: 15px;
	margin-top: 5px;
	background: red;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

/********************************************/

.datatablesFilter {
	position: absolute;
	left: 3px;
	bottom: 10px;
	top:unset !important;
	opacity: 0.2;
}

.datatablesFilter.isFiltered {
	opacity: 1;
	color: green;
}

.datatablesFilterClickArea {
    width: 17px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.datatablesOrderClickArea {
    width: calc(100% - 17px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 17px;
    z-index: 1;
}

.datatableWithFilters .datatablesFilterHeader:not(.noFilter) {
	padding-left:17px;
	position:relative;
}

:is(.tableFiltersPopover, .multiSelectPopover) {
	max-width: unset;
}

:is(.tableFiltersPopover, .multiSelectPopover) .popover-content {
	max-height: none;
}

.popoverFilterClearAll {
	position:absolute;
	top: 7px;
	left: 15px;
}

:is(.popoverFilterClose, .popoverMultiSelectClose) {
	position:absolute;
	right: 10px;
	top: 10px;
	opacity: 0.2;
	cursor: pointer;
}

:is(.popoverFilterClose, .popoverMultiSelectClose):hover, :is(.popoverFilterClose, .popoverMultiSelectClose):focus {
	opacity: 0.5;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select {
	position:relative;
	top: 24px;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select .select-dropdown ul li.dropdown-option {
	height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select .select-dropdown ul li.optgroup-title {
	display: flex;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select .select-dropdown ul li.optgroup-title b {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select .select-dropdown ul li.dropdown-option > .option-description {
	overflow: hidden;
	text-overflow: ellipsis;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select .select-dropdown ul li.dropdown-option:has(> .option-description) {
	height: 44px;
}

:is(.tableFiltersPopover, .multiSelectPopover) .tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before,
:is(.tableFiltersPopover, .multiSelectPopover) .tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==") !important;
}

HTML>BODY .tail-select .select-dropdown ul li.dropdown-option.hover, HTML>BODY .tail-select .select-dropdown ul li.dropdown-option:hover {
    background-color: #e1e9f2;
}

/******Compare calendars****/
@media (max-width: 767px) {
  .arrow-indicator.secondary {
    display: block !important;
    visibility: hidden;
  }
}