@font-face {
  font-family: 'Mojito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/mojito.eot');
  src: url('../fonts/mojito.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mojito.woff') format('woff'),
        url('../fonts/mojito.ttf') format('truetype'),
        url('../fonts/mojito.svg#QuicksandBook') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

/* Firefox no hereda la familia y tamaño de la fuente para algunos controles. */
select, input, textarea
{
   font-family: inherit;
   font-size: inherit;
}

.fixed
{
	position:fixed;
	top:0;
	left:0;
}

.fixed-container
{
	padding-top: 41px !important;
}

html, body
{ 
	margin: 0px; 
	padding: 0px; 
}

body
{
	font: normal 12px 'Open Sans', Arial, sans-serif;
	background-color: #f1f4f5;
}

input[type=button]
{
	-webkit-box-shadow: rgba(173,186, 48, 0.1) 0 1px 0 0;
	-moz-box-shadow: rgba(173,186, 48, 0.1) 0 1px 0 0;
	box-shadow: rgba(173,186, 48, 0.1) 0 1px 0 0;
	background-color: #455a64;
	border: 0px; /* 1px solid #29447E; */
	font-size: 13px;
	padding: 5px 8px;
	color: #fff;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
input[type=button][disabled=disabled]{
	background-color: gray;
}
input[type=button]:hover
{
	background-color: #cddc39 !important;
	color: #455a64 !important;
	cursor: pointer;
}
input[type=button][disabled=disabled]:hover
{
	background-color: gray !important;
	cursor: not-allowed !important;
	color: #fff !important;
}

input[type=file]
{
	background-color: #455a64;
	color: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	/*
	-webkit-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	-moz-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	border: 1px solid #29447E;
	font-size: 13px;
	padding: 3px 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}


a
{
	color: #212121;
}

a:hover
{
	color: #212121;
}

div.mojito-neonsign
{
    position: fixed;
    top: 30px;
    left: 0px;
    z-index: 999;
    left: 100%;
    margin-left: -403px;
    padding-top: 2px;
    width: 400px;
    height: 26px;
    background-color: #ff0000;
    border: 2px solid #000000;
    text-align: center;
}

div.mojito-neonsign label
{
    font: bold 18px 'Open Sans', Arial, sans-serif;
    color: #000000;
}

span.mojito-form
{
	display: block;
	margin-bottom: 10px;
}

img.mojito-form-image
{
	display: inline;
	vertical-align: middle;
}

label.mojito-form-title
{
	font: bold 16px 'Open Sans', Arial, sans-serif;
	display: inline;
	color: #212121;
	vertical-align: middle;
}

label.mojito-input,
label.mojito-inputentity-label,
label.mojito-inputbase-label,
label.mojito-input-label,
label.mojito-inputentity-description-input,
label.mojito-label,
a.mojito-input-label-a
{
	color: #212121;
}

/*
label.mojito-input,
label.mojito-inputentity-label,
label.mojito-inputbase-label,
label.mojito-input-label,
label.mojito-label,
a.mojito-input-label-a
{
	font-weight: bold;
}
*/

a.mojito-input-label-a:hover,
label.mojito-label>a:hover
{
	color: #cddc39 !important;
}

div.mojito-input-checkbox-div,
div.mojito-input-disabled-checkbox-div
{
	width: 13px;
	height: 13px;
	line-height: 13px;
	margin-left: 0px;
	position: relative;
	border: 3px double #cfd8dc;
	font-family: Mojito;
	padding: 1px 0px 0px 1px;
	display: inline-block;
    cursor: default;
    
    *display: inline;
    
    display: inline \0/; /* Hack: solo para IE9 */
    padding-top: 0px \0/; /* Hack: solo para IE9 */
    padding-bottom: 5px \0/; /* Hack: solo para IE9 */
    height: 9px \0/; /* Hack: solo para IE9 */
}

div.mojito-input-checkbox-div
{
	background: #ffffff;
}

div.mojito-input-disabled-checkbox-div
{
	background-color: #e1e4e5;
	color: #333333;
}

span.mojito-label-4-span
{
	margin-top: 10px;
	margin-bottom: 5px;
}

span.mojito-label-4-span label.mojito-label,
label.mojito-section-label
{
	font-weight: bold;
	font-size: 14px;
	color: #212121;
}

span.mojito-label-information-span
{
	background-color: #ddddff;
	font: bold 12px Arial, sans-serif;
	border: 2px solid #0000ff;
	padding: 2px;
}

span.mojito-label-information-span label.mojito-label
{
	color: #0000ff;
}

span.mojito-label-warning-span
{
	background-color: #ffffcc;
	font: bold 12px Arial, sans-serif;
	border: 2px solid #999900;
	padding: 2px;
}

span.mojito-label-warning-span label.mojito-label
{
	color: #777700;
}

span.mojito-label-error-span
{
	background-color: #ffdddd;
	font: bold 12px Arial, sans-serif;
	border: 2px solid #ff0000;
	padding: 2px;
}

span.mojito-label-error-span label.mojito-label
{
	color: #ff0000;
}

label.mojito-input-help
{
	font: normal 11px Arial, sans-serif;
	color: #555555;
}

span.mojito-buttonset input,
input.mojito-button-input
{
	margin-right: 5px;
}

label.mojito-button-label,
label.mojito-button-disabled-label,
label.mojito-button-unauthorized-label,
label.mojito-listcolumn-action-label,
label.mojito-listcolumn-action-disabled-label,
label.mojito-listcolumn-action-unauthorized-label,
label.mojito-input-button-label,
label.mojito-input-button-disabled-label,
label.mojito-input-button-unauthorized-label,
label.mojito-listcolumn-button-label,
label.mojito-columnaction-action-label,
label.mojito-columnaction-action-disabled-label,
label.mojito-columnaction-action-unauthorized-label,
label.mojito-section-button-label,
label.mojito-menu-button-label
{
	font-family: Mojito;
	font-weight: normal;
	vertical-align: text-bottom;
}

label.mojito-button-label,
label.mojito-button-disabled-label,
label.mojito-button-unauthorized-label,
label.mojito-listcolumn-action-label,
label.mojito-listcolumn-action-disabled-label,
label.mojito-listcolumn-action-unauthorized-label,
label.mojito-input-button-disabled-label,
label.mojito-input-button-unauthorized-label,
label.mojito-columnaction-action-label,
label.mojito-columnaction-action-disabled-label,
label.mojito-columnaction-action-unauthorized-label,
label.mojito-section-button-label,
label.mojito-menu-button-label
{
	margin-right: 10px;
}

label.mojito-input-button-label,
label.mojito-listcolumn-button-label
{
	margin-left: 2px;
}

label.mojito-button-label,
label.mojito-button-disabled-label,
label.mojito-button-unauthorized-label
{
	font-size: 20px;
}

label.mojito-listcolumn-action-label,
label.mojito-listcolumn-action-disabled-label,
label.mojito-listcolumn-action-unauthorized-label,
label.mojito-input-button-label,
label.mojito-input-button-disabled-label,
label.mojito-listcolumn-button-label,
label.mojito-columnaction-action-label,
label.mojito-columnaction-action-disabled-label,
label.mojito-columnaction-action-unauthorized-label,
label.mojito-section-button-label
{
	font-size: 16px;
}

label.mojito-button-label,
label.mojito-listcolumn-action-label,
label.mojito-input-button-label,
label.mojito-listcolumn-button-label,
label.mojito-columnaction-action-label,
label.mojito-section-button-label,
label.mojito-menu-button-label
{
	cursor: pointer;
}

label.mojito-button-label,
label.mojito-listcolumn-action-label,
label.mojito-input-button-label,
label.mojito-listcolumn-button-label,
label.mojito-columnaction-action-label,
label.mojito-section-button-label,
label.mojito-menu-button-label
{
	color: #455a64;
}

label.mojito-input-button-label,
label.mojito-input-button-disabled-label,
label.mojito-listcolumn-button-label,
label.mojito-section-button-label
{
	vertical-align: text-bottom;
}

label.mojito-input-button-label,
label.mojito-input-button-disabled-label,
label.mojito-section-button-label
{
	margin-right: 4px; /* para separar cuando hay más de uno en los inputs, no sé si funcione bien en listcolumn y section */
	/* en listcolumn lo tuve que separar porque hace que la lupita aparezca en una segunda línea */
}

label.mojito-listcolumn-button-label
{
	margin-right: 2px; /* para separar cuando hay más de uno en los inputs, no sé si funcione bien en listcolumn y section */
}

div.mojito-section
{
	margin-top: 10px;
	/* margin-bottom: 3px; */
}

table.mojito-layout tr.mojito-section,
table.mojito-layout tr.mojito-section td,
div.mojito-section
{
	background: #cfd8dc !important;
	background-color: #cfd8dc !important;
	border-top: solid 2px #cfd8dc;
	border-left: solid 2px #cfd8dc;
	border-right: solid 2px #cfd8dc;
	border-bottom: solid 2px #cfd8dc;
	padding: 2px;
}

div.mojito-section-div
{
	padding: 3px;
	border-left: solid 2px #cfd8dc;
	border-right: solid 2px #cfd8dc;
	border-bottom: solid 2px #cfd8dc;
}

table.mojito-layout tbody.mojito-section-tbody
{
	padding: 3px;
	border-left: solid 2px #cfd8dc;
	border-right: solid 2px #cfd8dc;
	border-bottom: solid 2px #cfd8dc;
}

label.mojito-button-label:hover,
label.mojito-listcolumn-action-label:hover,
table.mojito-list tr.good-state td label.mojito-listcolumn-action-label:hover,
table.mojito-list tr.bad-state td label.mojito-listcolumn-action-label:hover,
table.mojito-list tr.ignored-state td label.mojito-listcolumn-action-label:hover,
table.mojito-list tr.ending-state td label.mojito-listcolumn-action-label:hover,
table.mojito-list tr.attention-state td label.mojito-listcolumn-action-label:hover,
label.mojito-columnaction-action-label:hover,
table.mojito-querytable tr.good-state td label.mojito-columnaction-action-label:hover,
table.mojito-querytable tr.bad-state td label.mojito-columnaction-action-label:hover,
table.mojito-querytable tr.ignored-state td label.mojito-columnaction-action-label:hover,
table.mojito-querytable tr.ending-state td label.mojito-columnaction-action-label:hover,
table.mojito-querytable tr.attention-state td label.mojito-columnaction-action-label:hover,
label.mojito-input-button-label:hover,
label.mojito-listcolumn-button-label:hover,
label.mojito-section-button-label:hover,
label.mojito-menu-button-label:hover
{
	color: #cddc39 !important;
}

label.mojito-button-disabled-label,
label.mojito-input-button-disabled-label,
label.mojito-listcolumn-action-disabled-label,
label.mojito-columnaction-action-disabled-label,
table.mojito-list tr.good-state td label.mojito-listcolumn-action-disabled-label,
table.mojito-list tr.bad-state td label.mojito-listcolumn-action-disabled-label,
table.mojito-list tr.ignored-state td label.mojito-listcolumn-action-disabled-label,
table.mojito-list tr.ending-state td label.mojito-listcolumn-action-disabled-label,
table.mojito-list tr.attention-state td label.mojito-listcolumn-action-disabled-label,
table.mojito-querytable tr.good-state td label.mojito-columnaction-action-disabled-label,
table.mojito-querytable tr.bad-state td label.mojito-columnaction-action-disabled-label,
table.mojito-querytable tr.ignored-state td label.mojito-columnaction-action-disabled-label,
table.mojito-querytable tr.ending-state td label.mojito-columnaction-action-disabled-label,
table.mojito-querytable tr.attention-state td label.mojito-columnaction-action-disabled-label
{
	color: #b6b6b6 !important;
}

label.mojito-button-unauthorized-label,
label.mojito-input-button-unauthorized-label,
label.mojito-listcolumn-action-unauthorized-label,
table.mojito-list tr.good-state td label.mojito-listcolumn-action-unauthorized-label,
table.mojito-list tr.bad-state td label.mojito-listcolumn-action-unauthorized-label,
table.mojito-list tr.ignored-state td label.mojito-listcolumn-action-unauthorized-label,
table.mojito-list tr.ending-state td label.mojito-listcolumn-action-unauthorized-label,
table.mojito-list tr.highlight-state td label.mojito-listcolumn-action-unauthorized-label,
table.mojito-querytable tr td label.mojito-columnaction-action-unauthorized-label
{
	color: #b6b6b6 !important;
}

table.mojito-table,
table.mojito-list,
table.mojito-querytable,
table.mojito-layout,
table.mojito-form-table
{
	border-collapse: collapse;
	/* border: solid 1px #cfd8dc; */
	/* border-top: solid 1px #cfd8dc; */
	/* border-bottom: solid 1px #cfd8dc; */
}

table.mojito-list tr:last-child
{
	border-bottom: solid 1px #e8ecee;
}

table.mojito-layout tr,
table.mojito-form-table
{
	background-color: #ffffff;
}

table.mojito-table tr.mojito-odd,
table.mojito-list tr.mojito-odd,
table.mojito-querytable tr.mojito-odd
{
	background-color: #ffffff;
}

table.mojito-table tr.mojito-even,
table.mojito-list tr.mojito-even,
table.mojito-querytable tr.mojito-even
{
	background-color: #e8ecee;
}

table.mojito-table tr td,
table.mojito-list tr td,
table.mojito-querytable tr td,
table.mojito-layout tr td,
table.mojito-form-table
{
	font: normal 12px 'Open Sans', Arial, sans-serif;
	padding: 3px;
	/* background-color: #ffffff; */
	/* border-left: solid 2px #ffffff; */
	/* border-right: solid 2px #ffffff; */
}

table.mojito-querytable tr.mojito-querytable-header-tr:first
{
	/* border-top-right-radius: 5px; */
}

table.mojito-table tr.mojito-table-header-tr td,
table.mojito-list tr th,
table.mojito-list tr.mojito-list-total-tr td,
table.mojito-querytable tr.mojito-querytable-header-tr td,
table.mojito-querytable tr.mojito-querytable-total-tr td
{
	font: bold 12px 'Open Sans', Arial, sans-serif;
	text-decoration: none;
	padding: 8px 0px 5px 0px;
	background-color: #cfd8dc;
	border-left: solid 2px #cfd8dc;
	border-right: solid 2px #cfd8dc;
	text-align: center;
}

table.mojito-table tr.mojito-table-header-tr td a,
table.mojito-list tr th a,
table.mojito-querytable tr.mojito-querytable-header-tr td a
{
	text-decoration: none;
}

table.mojito-list tr.mojito-list-total-tr td,
table.mojito-querytable tr.mojito-querytable-total-tr td
{
	padding: 8px 3px 5px 3px;
}

table.mojito-table tr.mojito-table-header-tr td a,
table.mojito-table tr td a, 
table.mojito-list tr th a,
table.mojito-list tr td a, 
table.mojito-querytable tr.mojito-querytable-header-tr td a,
table.mojito-querytable tr td a 
{
	color: #212121;
}

table.mojito-table tr.mojito-table-header-tr td,
table.mojito-table tr td, 
table.mojito-list tr th,
table.mojito-list tr.mojito-list-total-tr td,
table.mojito-list tr td, 
table.mojito-querytable tr.mojito-querytable-header-tr td,
table.mojito-querytable tr td,
table.mojito-querytable tr.mojito-querytable-total-tr td

{
	color: #212121;
}

/*
table.mojito-table tr.mojito-table-data-hover-tr td,
table.mojito-list tr.mojito-list-data-hover-tr td,
table.mojito-querytable tr.mojito-querytable-data-hover-tr td
{
	background-color: #cfd8dc;
}
*/
table.mojito-table tr.mojito-querytable-data-tr:hover,
table.mojito-list tr:hover,
table.mojito-querytable tr.mojito-querytable-data-tr:hover
{
	background-color: #cfd8dc !important;
}

table.mojito-querytable tr.mojito-querytable-data-tr td
/* ,table.mojito-querytable tr.mojito-querytable-data-hover-tr td */
{
	cursor: pointer;
}
table.mojito-querytable tr.mojito-querytable-nolinks-tr td
{
	cursor: default;
}


table.mojito-table tr.attention-state,
table.mojito-table tr.attention-state td,
table.mojito-table tr.attention-state td a,
table.mojito-table tr.attention-state td label,
table.mojito-querytable tr.attention-state,
table.mojito-querytable tr.attention-state>td,
table.mojito-querytable tr.attention-state>td>a,
table.mojito-querytable tr.attention-state>td>label,
table.mojito-list tr.attention-state,
table.mojito-list tr.attention-state td,
table.mojito-list tr.attention-state td a,
table.mojito-list tr.attention-state td label
{
	color: #0000ff !important; /* !!! */
}

table.mojito-table tr.attention-state td input[type=text],
table.mojito-querytable tr.attention-state td input[type=text],
table.mojito-list tr.attention-state td input[type=text],
table.mojito-list tr.attention-state td select
{
	background-color: #eeeeff !important; /* !!! */
}

table.mojito-table tr.alert-state,
table.mojito-table tr.alert-state td,
table.mojito-table tr.alert-state td a,
table.mojito-table tr.alert-state td label,
table.mojito-querytable tr.alert-state,
table.mojito-querytable tr.alert-state>td,
table.mojito-querytable tr.alert-state>td>a,
table.mojito-querytable tr.alert-state>td>label,
table.mojito-list tr.alert-state,
table.mojito-list tr.alert-state td,
table.mojito-list tr.alert-state td a,
table.mojito-list tr.alert-state td label
{
	color: #ef9500 !important; /* !!! */
}

table.mojito-table tr.alert-state td input[type=text],
table.mojito-querytable tr.alert-state td input[type=text],
table.mojito-list tr.alert-state td input[type=text],
table.mojito-list tr.alert-state td select
{
	background-color: #ef9500 !important; /* !!! */
}

table.mojito-table tr.ignored-state,
table.mojito-table tr.ignored-state td,
table.mojito-table tr.ignored-state td a,
table.mojito-table tr.ignored-state td label,
table.mojito-querytable tr.ignored-state,
table.mojito-querytable tr.ignored-state>td,
table.mojito-querytable tr.ignored-state>td>a,
table.mojito-querytable tr.ignored-state>td>label,
table.mojito-list tr.ignored-state,
table.mojito-list tr.ignored-state td,
table.mojito-list tr.ignored-state td a,
table.mojito-list tr.ignored-state td label
{
	color: #888888 !important; /* !!! */
}

table.mojito-table tr.ending-state,
table.mojito-table tr.ending-state td,
table.mojito-table tr.ending-state td a,
table.mojito-table tr.ending-state td label,
table.mojito-querytable tr.ending-state,
table.mojito-querytable tr.ending-state>td,
table.mojito-querytable tr.ending-state>td>a,
table.mojito-querytable tr.ending-state>td>label,
table.mojito-list tr.ending-state,
table.mojito-list tr.ending-state td,
table.mojito-list tr.ending-state td a,
table.mojito-list tr.ending-state td label
{
	color: #9900cc !important; /* !!! */
}

table.mojito-table tr.ignored-state td input[type=text],
table.mojito-querytable tr.ignored-state td input[type=text],
table.mojito-list tr.ignored-state td input[type=text]
{
	background-color: #eeeeee !important; /* !!! */
}

table.mojito-table tr.ending-state td input[type=text],
table.mojito-querytable tr.ending-state td input[type=text],
table.mojito-list tr.ending-state td input[type=text]
{
	background-color: #cccccc !important; /* !!! */
}

table.mojito-table tr.bad-state,
table.mojito-table tr.bad-state td,
table.mojito-table tr.bad-state td a,
table.mojito-table tr.bad-state td label,
table.mojito-querytable tr.bad-state,
table.mojito-querytable tr.bad-state>td,
table.mojito-querytable tr.bad-state>td>a,
table.mojito-querytable tr.bad-state>td>label,
table.mojito-list tr.bad-state,
table.mojito-list tr.bad-state td,
table.mojito-list tr.bad-state td a,
table.mojito-list tr.bad-state td label,
table.mojito-list tr td.bad-state,
table.mojito-list tr td.bad-state a,
table.mojito-list tr td.bad-state label
{
	color: #ff0000 !important; /* !!! */
}

table.mojito-table tr.bad-state td input[type=text],
table.mojito-querytable tr.bad-state td input[type=text],
table.mojito-list tr.bad-state td input[type=text]
{
	background-color: #ffeeee !important; /* !!! */
}

table.mojito-table tr.good-state,
table.mojito-table tr.good-state td,
table.mojito-table tr.good-state td a,
table.mojito-table tr.good-state td label,
table.mojito-querytable tr.good-state,
table.mojito-querytable tr.good-state>td,
table.mojito-querytable tr.good-state>td>a,
table.mojito-querytable tr.good-state>td>label,
table.mojito-list tr.good-state,
table.mojito-list tr.good-state td,
table.mojito-list tr.good-state td a,
table.mojito-list tr.good-state td label,
table.mojito-list tr td.good-state,
table.mojito-list tr td.good-state a,
table.mojito-list tr td.good-state label
{
	color: #009900 !important; /* !!! */
}

table.mojito-table tr.good-state td input[type=text],
table.mojito-querytable tr.good-state td input[type=text],
table.mojito-list tr.good-state td input[type=text],
table.mojito-list tr.good-state td textarea
{
	background-color: #eeffee !important; /* !!! */
}

table.mojito-querytable tr td.alternative-attention-state,
table.mojito-list tr td.alternative-attention-state
{
	font-weight: bold!important;
	color: #0000ff !important; /* !!! */
}

table.mojito-querytable tr td.alternative-good-state,
table.mojito-list tr td.alternative-good-state
{
	font-weight: bold!important;
	color: #009900 !important; /* !!! */
}

table.mojito-querytable tr td.alternative-bad-state,
table.mojito-list tr td.alternative-bad-state
{
	font-weight: bold!important;
	color: #ff0000 !important; /* !!! */
}

table.mojito-querytable tr td.alternative-ignored-state,
table.mojito-list tr td.alternative-ignored-state
{
	font-weight: bold!important;
	color: #888888 !important; /* !!! */
}

table.mojito-querytable tr td.alternative-ending-state,
table.mojito-list tr td.alternative-ending-state
{
	font-weight: bold!important;
	color: #9900cc !important; /* !!! */
}

table.mojito-querytable tr td.alternative-alert-state,
table.mojito-list tr td.alternative-alert-state
{
	font-weight: bold!important;
	color: #ef9500 !important; /* !!! #ffa500 */
}

table.mojito-querytable tr td.alternative-warning-state,
table.mojito-list tr td.alternative-warning-state
{
	font-weight: bold!important;
	color: #bcbc00 !important; /* !!! */
}

input.alternative-attention-state,
textarea.alternative-attention-state,
div.alternative-attention-state,
select.alternative-attention-state
{
	border-bottom: #0000ff 2px solid !important;
    border-right: #0000ff 2px solid !important;
}

input.alternative-bad-state,
textarea.alternative-bad-state,
div.alternative-bad-state,
select.alternative-bad-state
{
	border-bottom: #ff0000 2px solid !important;
    border-right: #ff0000 2px solid !important;
}

input.alternative-good-state,
textarea.alternative-good-state,
div.alternative-good-state,
select.alternative-good-state
{
}

input.alternative-ignored-state,
textarea.alternative-ignored-state,
div.alternative-ignored-state,
select.alternative-ignored-state
{
}

input.alternative-ending-state,
textarea.alternative-ending-state,
div.alternative-ending-state,
select.alternative-ending-state
{
}

input.alternative-alert-state,
textarea.alternative-alert-state,
div.alternative-alert-state,
select.alternative-alert-state
{
}

input.alternative-warning-state,
textarea.alternative-warning-state,
div.alternative-warning-state,
select.alternative-warning-state
{
}

/*
table.mojito-table tr.alternative-good-state,
table.mojito-table tr.alternative-good-state td,
table.mojito-table tr.alternative-good-state td a,
table.mojito-table tr.alternative-good-state td label,
table.mojito-querytable tr.alternative-good-state,
table.mojito-querytable tr.alternative-good-state td,
table.mojito-querytable tr.alternative-good-state td a,
table.mojito-querytable tr.alternative-good-state td label,
table.mojito-list tr.alternative-good-state,
table.mojito-list tr.alternative-good-state td,
table.mojito-list tr.alternative-good-state td a,
table.mojito-list tr.alternative-good-state td label
{
	font-weight: bold!important;
}

table.mojito-table tr.alternative-bad-state,
table.mojito-table tr.alternative-bad-state td,
table.mojito-table tr.alternative-bad-state td a,
table.mojito-table tr.alternative-bad-state td label,
table.mojito-querytable tr.alternative-bad-state,
table.mojito-querytable tr.alternative-bad-state td,
table.mojito-querytable tr.alternative-bad-state td a,
table.mojito-querytable tr.alternative-bad-state td label,
table.mojito-list tr.alternative-bad-state,
table.mojito-list tr.alternative-bad-state td,
table.mojito-list tr.alternative-bad-state td a,
table.mojito-list tr.alternative-bad-state td label
{
	font-style: italic!important;
}
*/

table.mojito-table tr.mojito-table-hidden-tr td,
table.mojito-list tr.mojito-list-hidden-tr td,
table.mojito-querytable tr.mojito-querytable-hidden-tr td
{
	margin: 0px;
	padding: 0px;
	height: 0px;
	background-color: #ffffff; 
}

table.mojito-querytable tr.mojito-querytable-filters-tr td
{
	font: bold 12px Arial, sans-serif;
	padding: 0px;
	background-color: #cfd8dc;
	border-left: solid 2px #cfd8dc;
	border-right: solid 2px #cfd8dc;
	border-bottom: solid 2px #cfd8dc;
}

table.mojito-querytable tr.mojito-querytable-filters-tr td input
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	border: 1px solid #cfd8dc;
}

table.mojito-querytable tr.mojito-querytable-buttons-tr td,
table.mojito-querytable tr.mojito-querytable-buttons-top-tr td,
table.mojito-querytable tr.mojito-querytable-buttons-bottom-tr td,
table.mojito-querytable tr.mojito-querytable-commands-tr td,
table.mojito-list tr.mojito-tr-commands td
{
	font: bold 12px Arial, sans-serif;
	padding: 3px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

table.mojito-querytable tr.mojito-querytable-buttons-tr
{
	background-color: transparent;
	padding: 5px 0px 5px 0px;
}

/* table.mojito-querytable tr.mojito-querytable-buttons-tr td, */
table.mojito-querytable tr.mojito-querytable-buttons-top-tr td,
table.mojito-querytable tr.mojito-querytable-buttons-bottom-tr td,
table.mojito-list tr.mojito-tr-commands td
{
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	padding: 5px 0px 5px 0px;
}

table.mojito-querytable tr.mojito-querytable-buttons-top-tr td
{
	background-color: #81a7ba;
	border-left: solid 2px #81a7ba;
	border-right: solid 2px #81a7ba;
}

/*table.mojito-querytable tr.mojito-querytable-commands-tr td*/
table.mojito-querytable tr.mojito-querytable-buttons-bottom-tr td,
table.mojito-list tr.mojito-tr-commands td
{
	background-color: #81a7ba;
	border-left: solid 2px #81a7ba;
	border-right: solid 2px #81a7ba;
}

table.mojito-querytable tr.mojito-querytable-buttons-tr td input,
table.mojito-querytable tr.mojito-querytable-buttons-top-tr td input,
table.mojito-querytable tr.mojito-querytable-buttons-bottom-tr td input,
table.mojito-querytable tr.mojito-querytable-commands-tr td input,
table.mojito-list tr.mojito-tr-commands td
{
	vertical-align: middle;
}

table.mojito-querytable tr.mojito-querytable-buttons-top-tr td input,
table.mojito-querytable tr.mojito-querytable-buttons-bottom-tr td input
{
	padding: 3px 5px;
	position: relative;
	top: -2px;
}

table.mojito-querytable tr.mojito-querytable-buttons-tr td input
{
	margin-right: 5px;
}

a.mojito-address-link
{
	font: bold 11px Arial, sans-serif;
	color: #0000ff;
}

.mojito-inputbase-disabled-input,
.mojito-inputbase-disabled-textarea,
.mojito-input-disabled-input,
.mojito-input-disabled-textarea
{
	font-family: 'Open Sans';
	background-color: #e1e4e5;
	border: solid 1px #cfd8dc;
	padding-left: 2px;
}

.mojito-inputbase-enabled-input,
.mojito-inputbase-enabled-textarea,
.mojito-input-enabled-input,
.mojito-input-enabled-textarea,
input.mojito-inputentity-description-input,
tr.mojito-list-data-tr input,
/* tr.mojito-list-data-hover-tr input, */
tr.mojito-querytable-filters-tr input
{
	font-family: 'Open Sans';
	padding-left: 2px;
	border: solid 1px #cfd8dc;
	background-color: #ffffff;
	
	/* border-radius: 3px; */
}

select
{
	font-family: 'Open Sans';
	border: solid 1px #cfd8dc;
	background-color: #ffffff;
	
	/* border-radius: 3px; */
}

.mojito-input-nostate-div
{
	background-color: #e1e4e5;
	/* height: 16px; */
	padding-top: 1px;
	padding-left: 1px;
	border: solid 1px #cfd8dc;
}
.mojito-input-nostate-label
{
	display: block;	
	background-color: #e1e4e5;
	/* height: 16px; */
	padding: 1px;
	border: solid 1px #cfd8dc;
	font-size: 13px;
}

.mojito-input-error
{
	background-color: #ffdddd !important;
}

.mojito-messagelist-div{
	/*position: absolute;*/
	position: fixed;
	width: 400px;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -200px;
	padding: 0px;
	z-index: 10;
}
.mojito-messagelist-error-div,
.mojito-messagelist-warning-div,
.mojito-messagelist-info-div
{
	font: bold 12px 'Open Sans', Arial, sans-serif;
	position: relative;
	width: 400px;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -210px;
	/* padding: 5px 10px; */
	padding: 5px 20px 5px 0px;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(22, 43, 53, 0.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0px 0px 8px 5px rgba(22, 43, 53, 0.5);  /* Firefox 3.5 - 3.6 */
	box-shadow:         0px 0px 8px 5px rgba(22, 43, 53, 0.5);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	
}
/*
.mojito-messagelist-error-div,
.mojito-messagelist-warning-div,
.mojito-messagelist-info-div
{
    -webkit-animation-name: dropHeader;
    -webkit-animation-duration: 2s;
}
@-webkit-keyframes dropHeader 
{
    0% { top: 200px; }
    100% { top: 0px; }
}
*/

.mojito-messagelist-error-div
{
	border-top: 3px solid #f44336;
	color: #d32f2f;
	background-color: rgba(255, 221, 221, 0.9);
}

.mojito-messagelist-warning-div
{
	border-top: 3px solid #ff9800;
	color: #f57c00;
	background-color: rgba(255, 224, 178, 0.9);
}

.mojito-messagelist-info-div
{
	border-top: 3px solid #03a9f4;
	color: #0288d1;
	background-color: rgba(136, 222, 251, 0.9);
}

ul.mojito-tablayout-ul
{
	list-style: none;
	margin: 0px 0px -1px 0px;
	padding: 0px;
	line-height: 22px;
}

ul.mojito-tablayout-ul li
{
	display: inline;
	border: solid 1px #212121;
	border-left: 0px;
	padding: 2px 6px;
	/* margin-right: 5px; */
	background-color: #cfd8dc;
	font-size: 13px;
	/*
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	*/
}

ul.mojito-tablayout-ul li:first-child
{
	border-left: solid 1px #212121;
}

ul.mojito-tablayout-ul li.mojito-tablayout-active-li,
ul.mojito-tablayout-ul li.mojito-tab-active-li
{
	background-color: #ffffff;
	border-bottom-color: #ffffff;
}

ul.mojito-tablayout-ul li a
{
	color: #607d8b;
	text-decoration: none;
	font-weight: bold;
}

div.mojito-tablayout-div
{
	border: solid 1px #212121;
	padding: 10px;
	background-color: #ffffff;
	margin-bottom: 5px;
	
	/* border-top-right-radius: 5px; */
	/* border-bottom-left-radius: 5px; */
	/* border-bottom-right-radius: 5px; */
}


/* Comienzo de estilos para la página de login */
body.bodyLogin
{
	background-color: #bebebe;
}

div.outerLogin
{
	margin: 100px auto;
	width: 100%;
	text-align: center;
}

div.innerLogin
{
	margin: 100px auto;
	width: 360px;
	text-align: center;
	background-color: #ededed;
	border: solid 1px #ffffff;
}

div.innerLogin div#header
{
	background-color: #333333;
	font: bold 24px Arial, sans-serif;
	color: #ffffff;
	width: 100%;
	padding: 10px 0px 10px 0px;
	border-bottom: solid 1px #ffffff;
	radius-top-left: 10px;
}

div.innerLogin div#subheader
{
	background-color: #333333;
	font: 20px Arial, sans-serif;
	color: #ffffff;
	width: 100%;
	padding: 5px 0px 5px 0px;
	border-bottom: solid 1px #ffffff;
}

div.innerLogin div#forgotPassword
{
	text-align: right;
}

div.innerLogin a
{
	color: #333333;
}

div.innerLogin a:hover
{
	color: #333333;
}

div.innerLogin form
{
	text-align: left;
	padding-left: 40px;
	padding-top: 28px; 
}

div.innerLogin form label
{
	color: #333333;
	font: bold 14px Arial, sans-serif;
	display: block;
	margin-bottom: 10px;
	width: 280px;
}

div.innerLogin form label.error
{
	width: 260px;
	color: #ff0000;
	background-color: #ffcccc;
	padding: 10px;
	text-align: center;
}

div.innerLogin form input
{
	width: 280px;
	margin-bottom: 20px;
	font: 16px Arial, sans-serif;
	color: #333333;
	padding: 5px;
	border: solid 1px #999999;
}

div.innerLogin form input#loginButton
{
	width: 100px;
	font: bold 14px Arial, sans-serif;
	color: #ffffff;
	background-color: #1dc1cf;
	border: solid 1px #1dc1cf;
	padding: 8px;
	margin-left: 90px;
	margin-top: 20px;
	cursor: pointer;
}

div.innerLogin form div input
{
	width: 100px;
	font: bold 14px Arial, sans-serif;
	color: #ffffff;
	background-color: #1dc1cf;
	border: solid 1px #1dc1cf;
	padding: 8px;
	margin-left: 90px;
	margin-top: 20px;
	cursor: pointer;
}
/* Fin de estilos para la página de login */

#top
{
	height: 65px;
	margin-top: -13px;
	padding: 10px 0px 0px 0px;
	background-color: #455a64;
	color: #cfd8dc;
}

#top div
{
	margin: 5px 10px 5px 10px;
}

div#top>div.top-right
{
	float: right;
	margin-top: 10px;
	margin-right: 0px;
}

#top label.mojito-button-label
{
	color: #cfd8dc;
}


#top a, div.mojito-menu a
{
	color: #cfd8dc;
	font: 12px 'Open Sans', Avenir, Arial, sans-serif;
	text-decoration: none;
}

#top a.lastVisit
{
	font: bold 14px Arial;
	color: #ffffff;
}

#top a:visited
{
	color: #cfd8dc;
}

#top a.lastVisit:visited
{
	font: bold 14px Arial;
	color: #ffffff;
}

#top a:hover, #top a.lastVisit:hover, div.mojito-menu a:hover
{
	color: #cddc39;
}

#top label.applicationName
{
	margin-top: 5px;
	display: block;
}

#top label.applicationName a
{
	font: bold 20px 'Open Sans', Avenir, Arial, sans-serif;
	color: #ffffff;
}

#top div.visits
{
	color: #cfd8dc;
	font-size: 0.9rem;
	width: 100%;
	z-index: 9;
	
	/*
	color: #cfd8dc;
	font: 14px Arial;
	line-height: 30px;
	*/
	
	/* Sobreescribir Bootstrap
	display: block;
	margin-bottom: 0px;
	 */
}

#top div.visits>div
{
	background-color: transparent;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% + -300px);
	overflow: hidden;
	text-overflow: ellipsis;
	height: 17px;
}

#top label.visits div a
{
	margin-left: 8px;
	margin-right: 8px;
}

#top label.mojito-label
{
	color: #cfd8dc;
}

#container
{
	margin-bottom: 50px;
	padding: 10px 15px 15px 40px;
	border-bottom: 10px solid #455a64;
	background-color: #f1f4f5;
}

div.mojito-menu
{
	font-size: 12px;
	font-weight: bold;
	color: #bebebe;
	background-color: #607d8b;
	border: solid 1px #f1f4f5;
	/* height: 28px; */
	/* padding: 5px 1px 1px 15px; */
	padding: 5px 1px 5px 15px;
}

/* div.mojito-menu label.mojito-button-label */
div.mojito-menu label.mojito-menu-button-label
{
	padding: 0px; 
	margin: -1px 20px 0px 0px;
	margin-top: -1px \0/; /* Hack: solo para IE9 */
    margin-top/*\**/: -1\9; /* Hack: solo para IE8 */
	float: left;
	font-size: 18px;
}

div.mojito-menu ul.mojito-menu-first-ul
{
	/* padding: 5px 0px 0px 5px; */
	padding: 2px 0px 0px 5px;
	line-height: 12px;
	
	margin: 0px auto;
}

div.mojito-menu li.mojito-menu-first-li
{
	margin-right: 20px;
	display: inline;
}

div.mojito-menu li.mojito-menu-first-li, div.mojito-menu li.mojito-menu-first-li a
{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

div.mojito-menu ul li a:visited
{
	text-decoration: none;
}

div.mojito-menu ul li a:hover, div.mojito-menu ul li:hover 
{
	color: #cddc39;
}

div.mojito-menu ul.mojito-menu-second-ul
{
	padding-left: 10px;
	background-color: #455a64;
	border: solid 1px #212121;
	border-top-color: #607d8b;
	z-index: 1;
	
	margin-top: 17px;
    margin-top: -72px \0/; /* Hack: solo para IE9 */
    margin-top/*\**/: -36px\9; /* Hack: solo para IE8 */
    margin-left/*\**/: -11px\9; /* Hack: solo para IE8 */
}

div.mojito-menu li.mojito-menu-second-li
{
	display: block;
	margin: 0px;
	padding: 2px 15px 2px 2px;
}

div.mojito-menu li.mojito-menu-second-li a
{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

div.mojito-menu li.mojito-menu-second-li a:visited
{
	text-decoration: none;
}

div.mojito-menu li.mojito-menu-second-li a:hover
{
	text-decoration: underline;
}

div.mojito-menu ul.mojito-menu-third-ul
{
	padding-left: 10px;
	background-color: #455a64;
	border: solid 1px #212121;
	border-top-color: #607d8b;
	z-index: 1;
	
	margin-top: 17px;
    margin-top: -72px \0/; /* Hack: solo para IE9 */
    margin-top/*\**/: -36px\9; /* Hack: solo para IE8 */
    margin-left/*\**/: -11px\9; /* Hack: solo para IE8 */
}

div.mojito-menu li.mojito-menu-third-li
{
	display: block;
	margin: 0px;
	padding: 2px 15px 2px 2px;
}

div.mojito-menu li.mojito-menu-third-li a
{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

div.mojito-menu li.mojito-menu-third-li a:visited
{
	text-decoration: none;
}

div.mojito-menu li.mojito-menu-third-li a:hover
{
	text-decoration: underline;
}

.mojito-inputbase-star-cursor-span {
	cursor: pointer;
}

.mojito-inputbase-star-on-span 
{
	color: gold;	
	font-size: 15px;
	/*letter-spacing: -2;*/	
	cursor: default;
}

.mojito-inputbase-star-off-span
{
	color: grey;	
	font-size: 15px;
	/*letter-spacing: -2;*/	
	cursor: default;		
}

.mojito-inputbase-star-last-span 
{	
	margin-right: 12px;
}

/* Procesando */
div#processingDivMessage
{
	z-index: 1011; 
    position: fixed; 
    padding: 0px; 
    margin: -23px 0px 0px -160px; 
    width: 320px; 
    height: 46px; 
    top: 50%; 
    left: 50%; 
    text-align: center; 
    color: rgb(0, 0, 0); 
    border: 3px solid #607d8b;
    background-color: #f1f4f5;
}
div#processingDiv
{
    z-index: 1000; 
    border: none; 
    margin: 0px; 
    padding: 0px; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
    background-color: rgb(0, 0, 0); 
    -moz-opacity: 0.60;
    opacity:.60;
    filter: alpha(opacity=60);
    position: fixed;
}
div#processingDivMessage label
{
    font: bold 40px Arial;
    color: #607d8b;
}
        
div.mojito-menu2
{
	font-size: 12px;
	font-weight: bold;
	color: #bebebe;
	background-color: #607d8b;
	border-top: solid 1px #cddc39;
	/* padding: 0px 1px 0px 10px; */
	height: 30px;
	width: 100%;
}

div.mojito-menu2 label.mojito-menu-button-label
{
	padding: 0px;
	margin: 5px 10px 0px 10px;
	margin-top: -1px \0/; /* Hack: solo para IE9 */
    margin-top/*\**/: -1\9; /* Hack: solo para IE8 */
	float: left;
	font-size: 18px;
}

div.mojito-menu2 h4
{
	margin-top: 3px;
	margin-bottom: 3px;
	color: #ffffff; /*#ffffff; /* #ffffff; /*#bebebe;*/
	font-weight: bold;
	/* text-decoration: underline; */
	text-transform: uppercase;
}

ul.mojito-menu2-grupo-ul
{
	padding: 0px;
	margin: 0px;
}
ul.mojito-menu2-grupo-ul>li
{
	padding: 0px;
	margin: 0px;
}

div.mojito-menu2 a
{
	text-decoration: none;
}

div.mojito-menu2 ul, div.mojito-menu2 ol
{
	list-style: none;
}

div.mojito-menu2>ul
{
	/* padding: 5px 0px 0px 5px; */
	padding: 0px 0px 0px 5px;
	line-height: 12px;
	
	margin: 0px auto;
}

div.mojito-menu2>ul>li
{
	/*margin-right: 20px;*/
	margin-right: 7px;
	display: inline;
	float: left;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
}

div.mojito-menu2>ul>li,
div.mojito-menu2>ul>li>a
{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

div.mojito-menu2>ul>li>a
{
	text-decoration: underline;
}

div.mojito-menu2>ul>li:hover,
div.mojito-menu2>ul>li>a:hover
{
	color: #cddc39;
}

div.mojito-menu2>ul>li>ul
{
	font: normal 12px Arial;
	display: none;
	position: absolute;
	padding: 0px;
	background-color: #607d8b;
	border: solid 1px #212121;
	border-top-color: #607d8b; /* #455a64 */
	z-index: 1;
	margin-top: 8px;
	margin-left: -6px;
	
	margin-top/*\**/: 20px\9; /* Hack: solo para IE8 */
	margin-left/*\**/: -105px\9; /* Hack: solo para IE8 */
	width/*\**/: 200px\9; /* Hack: solo para IE8 */
}

div.mojito-menu2>ul>li:hover>ul
{
	display: block;
}

/* Dropdown button desde un mojito2:button de tipo font. */
label.mojito-button-label>ul
{
	visibility: hidden;
	font: normal 12px 'Open Sans', Arial, sans-serif;
	color: #ffffff;
	position: absolute;
	z-index: 1000;
	margin-top: -2px;
	background-color: #607d8b;
	border: solid 1px #212121;
	list-style: none;
	padding: 5px;
}

label.mojito-button-label:hover>ul
{
	visibility: visible;
}

label.mojito-button-label>ul>li:hover
{
	color: #cddc39;
	background-color: #455a64;
}

label.mojito-button-label>ul>li.mojito-button-set-selected
{
	font-weight: bold;
}
/* */

div.mojito-menu2>ul>li>ul>li,
div.mojito-menu2>ul>li>ul>li>a,
div.mojito-menu2>ul>li>ul>li>ul>li,
div.mojito-menu2>ul>li>ul>li>ul>li>a
{
	position: relative;
	padding: 1px 10px 1px 5px;
	color: #ffffff;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
div.mojito-menu2>ul>li>ul>li:hover
{
	background-color: #455a64;
}
div.mojito-menu2>ul>li>ul>li>a:hover,
div.mojito-menu2>ul>li>ul>li>ul>li>a:hover
{
	/* text-decoration: underline; */
	color: #cddc39;
}

div.mojito-menu2>ul>li>ul>li>h3{
	color: #ffffff;
	border-bottom:1px solid #ffffff;
}


div.mojito-menu2>ul>li:hover {
	background: #455a64;
	
	/*
	border: 1px solid #212121;
	border-bottom-color: #455a64;
	margin-right: 10px;
	margin-left: -4px; 
	*/
	/* padding: 5px 8px 4px 5px; */
	/* Background color and gradients */
	 
	/* Rounded corners 
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	*/
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #cddc39; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.confFondoMenu { background-color: #607d8b; }
.confFondoVista { background-color: #f1f4f5; }
.confFondoPie { background-color: #455a64; }
.confBackgroundTop { background-color: #455a64; }
.confMainLinksHover { background-color: #cddc39; }
.confInputActive { background-color: #ffffff; }
.confInputInactive { background-color: #e1e4e5; }
.confInputBorder { background-color: #cfd8dc; }
.confFont { background-color: #212121; }
.confFontMainMenu { background-color: #ffffff; }
.confFontSubmenu { background-color: #ffffff; }
.confFontApplication { background-color: #ffffff; }
.confFontTop { background-color: #cfd8dc; }
.confMenuBorder { background-color: #cddc39; }
.confMenuButton { background-color: #455a64; }
.confMenuButtonHover { background-color: #cddc39; }
.confSubmenuBackground { background-color: #607d8b; }
.confFormTitle { background-color: #212121; }
.confLayoutBackground { background-color: #ffffff; }
.confGridTitles { background-color: #cfd8dc; }
.confGridButtonsBarTop { background-color: #81a7ba; }
.confGridButtonsBarBottom { background-color: #81a7ba; }
.confGridRows { background-color: #ffffff; }
.confGridRowsEven { background-color: #e8ecee; }
.confGridHighlight { background-color: #cfd8dc; }
.confTabTitle { background-color: #607d8b; }
.confTab { background-color: #ffffff; }
.confTabInactive { background-color: #cfd8dc; }
.confButton { background-color: #455a64; }
.confButtonHover { background-color: #cddc39; }
.confButtonDisabled { background-color: #b6b6b6; }
.confButtonUnauthorized { background-color: #b6b6b6; }

.mojito-balloon { color: #ffffff; !important; background-color: #607d8b !important; opacity: 1 !important}
/*
    cbebebe
01: #333333
02: #3f687f
03: #000000
04: #555555
05: #999999
06: #ededed
07: #cfcfcf
08: #d3cfba
09: #0000ff
10: #ff0000
11: #009900
12: #dadada
13: #aaaaaa
14: #bb6600
15: #c5c5c5
16: #e5e5e5
17: #bebebe
18: #ffffff
19: #ffcccc
20: #1dc1cf
21: #21dbea
22: #166d62
23: #cccccc
24: #104b4d
25: #e4e4e4
26: #1ec1cf

#000000
a:hover = color de links al pasar por encima el mouse, predeterminado.
table.mojito-querytable tr.mojito-querytable-header-tr td a, table.mojito-querytable tr td a = links de las tablas.
ul.mojito-tablayout-ul li = color de borde de las solapas de los tabs.
ul.mojito-tablayout-ul li a = color del texto de las solapas de los tabs.
div.mojito-tablayout-div = color del borde de las solapas de los tabs.
 = color del borde del submenú desplegable

#0000ff
tr.mojito-table-tr-attentionstate, tr.mojito-table-tr-attentionstate td a = color de la letra en estado 'atención'.
.mojito-messagelist-info-div = color de fuente de lista de información.

#00ff00
tr.mojito-table-tr-goodstate, tr.mojito-table-tr-goodstate td a = color de la letra en estado "bueno".

#104b4d
div.login form = color del borde del formulario del login.
#container = color del borde inferior del contenedor.
 = color de fondo del menú.
 = color de fondo del submenú desplegable.

#166d62
#top = color de la fuente en la parte superior. 
#top a:hover,  = color de fuente de los links del top y del menú al pasar por encima el puntero del mouse.
div.login h1 = color de fuente del título principal del login.

#3f687f
a = color de links, predeterminado.

#464646
div.login input = color de fuente del input del login.
div.login input#loginButton = color de fuente del botón de login.

#555555
label.mojito-input-help = color de los textos de ayuda.
table.mojito-querytable tr.mojito-querytable-buttons-tr = color del borde inferior de la tabla y de la fila de botones (abajo) de la tabla.
table.mojito-querytable tr.mojito-querytable-buttons-top-tr = color del borde inferior de la tabla y de la fila de botones (abajo) de la tabla.
table.mojito-querytable tr.mojito-querytable-buttons-bottom-tr = color del borde inferior de la tabla y de la fila de botones (abajo) de la tabla.
table.mojito-querytable tr.mojito-querytable-commands-tr = color del borde superior de la tabla y de la fila de comandos (arriba) de la tabla.

#828888
#top a,  = color de fuente de los links del top y del menú.
#top a:visited,  = color de fuente de los links visitados del top y del menú.

#99aadd - #166d62
div.login form = color de fondo del formulario del login. 

#aaaaaa
.mojito-inputbase-disabled-input = color de borde de controles desactivados.
.mojito-inputbase-enabled-input = color de borde de controles activados.

#bb6600
.mojito-messagelist-warning-div = color de fuente de lista de advertencia.

#c5c5c5
ul.mojito-tablayout-ul li = color de fondo de las solapas de los tabs.

#cdcdcd
div.login input = color del borde de los inputs del login.
div.login input#loginButton = color del borde del botón de login.

#d3cfba
table.mojito-querytable tr.mojito-querytable-tr-hover td = color de las filas de las tablas cuando pasa el cursor por encima.

#bebebe
body = color de fondo de la aplicación.
div.login label = color del label del login.
#top = color de fondo del top.
 = color de fuente del menú.

#ededed
table, table.mojito-querytable = color de borde (arriba y abajo) de tablas.
table tr td, table.mojito-querytable tr td = borde izquierdo y derecho de los tds.
table.mojito-querytable tr.mojito-querytable-header-tr td = color de fondo, borde izquierda y derecho de los ths.
table.mojito-querytable tr.mojito-querytable-hidden-tr td: color de fondo de la barra que define los anchos en las tablas.
table.mojito-querytable tr.mojito-querytable-filters-tr td: color de fondo, borde izquierda, derecho e inferior en las tablas y en las celdas de filtros.
table.mojito-querytable tr.mojito-querytable-buttons-tr td,table.mojito-querytable tr.mojito-querytable-commands-tr td: color de fondo, borde izquierdo y derecho de las celdas de las filas de botones (abajo) y comandos (arriba).

#dadada
.mojito-input-disabled = color de fondo de controles desactivados.

#dedede
div.login input#loginButton = color de fondo del botón de login.

#e5e5e5
ul.mojito-tablayout-ul li.mojito-tablayout-active-li = color de fondo de la solapa activa del tab.
div.mojito-tablayout-div = color de fondo de la solapa de los tabs.

#e7e5da
table tr td, table.mojito-querytable tr td = color de fondo de los tds.

#ececec
#container = color de fondo del contenedor.

#eeee00
div.login label.error = color del borde del mensaje de error del login.

#ff0000
tr.mojito-table-tr-badstate, tr.mojito-table-tr-badstate td a = color de la letra en estado "malo".
.mojito-messagelist-error-div = color de fuente de lista de errores.
div.login label.error = color de fuente del mensaje de error del login.

#ffffbb
div.login label.error = color de fondo del mensaje de error del login.

#ffffff
 = color de fuente de los links del menú.
 = color de fuente de los links visitados del menú.
 = color de fuente de los links del submenú desplegable.
 = color de fuente de los links visitados del submenú desplegable.
*/
#mojito-modal-div .registro,
.mojito-popup-container .registro,
.mojito-slider-div .registro{
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	box-shadow: none;
}
#mojito-modal-div #mojito-modal-header-div{
	background-color: var(--blue);
	color: #fff;
	padding: 5px 16px;
	text-align: right;
	position: absolute;
	width: 100%;
}
#mojito-modal-title-div{
	float: left;
	padding-top: 5px;
	font-weight: bold;
}
#mojito-modal-close-div{
	font-size: 2.5rem;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
#mojito-modal-eye-div{
	font-size: 2rem;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 7px;
}
#mojito-modal-content-div{
	padding-top: 70px !important;
}