body,
select,
input,
button,
textarea {
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}

a:active, a:active * { outline: 0px !important; -moz-outline-style: 0px !important; border-bottom:1px dotted;}
a:focus, a:focus * { outline: 0px !important; -moz-outline-style: 0px !important; border-bottom:1px dotted;}
ul.ui-tabs-nav a.ui-tabs-anchor:focus{ border-bottom:0; }
a:selected, a:selected * { outline: 0px !important; -moz-outline-style: 0px !important; border-bottom:1px dotted;}
button:active, button:active * { outline: 0px !important; -moz-outline-style: 0px !important; border-bottom:1px dotted;}
button:focus, button:focus * { outline: 0px !important; -moz-outline-style: 0px !important; border-bottom:1px dotted;}
button:selected, button:selected * { outline: 0px !important; -moz-outline-style: 0px !important; border-bottom:1px dotted;}
button::-moz-focus-inner { border:0 }
a, button { cursor: pointer; }

#loading {
	background: url(../img/blockui/busy.gif) no-repeat;
	background-position: 30px;
	font-size: 20px;
 	color: #1d5987;
}

.label {
	display: block;
	text-align: right;
	padding-right: 5px;
	color: rgb(0, 51, 102);
	margin-top: 2px;
}

.leftCheckboxLabel {
	display: inline;
	text-align: left;
	color: rgb(0, 51, 102);
	margin-top: 2px;
}

.leftCheckbox {
	margin-top: 4px;
	margin-left: 90%;
}

.span{
	float: left;
	margin-top: 2px;
	text-align: left;
}

.searchFilter {
	padding: .2em;
}
.field, 
.searchFilter > table tr td > select, 
.searchFilter > table tr td > input[type="text"],
.searchFilter > table tr th > select {
	color: rgb(0, 51, 102);
	background: rgb(252, 253, 253) url("jquery/ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x 50% 100%;
	border: 1px rgb(166, 201, 226) solid;
	margin-top: 2px;
	text-align: left;
	width: 230px;
	float: left;
	/* rounded borders */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
	height: 20px;
}

.searchFilter > table tr th > select {
	width: 120px !important; 
}
	
.searchFilter > table tr td > input[type="text"] {
    width: 230px !important;
    height: 18px !important;
}

.fm-button-icon-left {
    margin-left: .1em;
}

.add-rule.ui-add,
.delete-rule.ui-del {
    width: 20px;
    height: 20px;
    margin-top: 1.5px;
}

.field.double {
	width: 460px;
}

.field.half {
	width: 120px;
}

.field.small {
	width: 60px;
}

.code {
	text-transform: uppercase;
}

.number, .decimal2, .decimal3 {
	text-align: right;
}

.field.ui-state-disabled {
	background: lightgrey none;
	opacity: 1;
	filter: none;
	background-color: #EBEBEB;
}

input[type='radio'].field {
	border: 0px;
	width: 15px;
	margin-top: 1px;
}

.field + label {
	display: block;
	color: rgb(0, 51, 102);
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

.date, .time{
	width: 120px;
}

.textarea {
	overflow: auto;
	resize: none;
}

.field.double.desFieldLinkedFind{
	width: 440px;
}

.error {
	display: none;
}

.errorField {
	border-color: rgb(255,0,0);
/* 	/* Border Shadow */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	-khtml-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
}

.errorFieldCheckbox {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	-khtml-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0000;
	outline: 1px solid #FF0000;
}

.mandatory {
	text-decoration: underline;
}

.notAllowed button {
	cursor: default;
}

.notAllowed span{
	opacity: 0.35;
	filter: Alpha(Opacity=35);
}

.deleted td {
	text-decoration: line-through;
}

.deleted td.jwfgridControl {
	text-decoration: none;
}

.hideTabs {
	visibility: hidden;
}

#dialogArea {
	background-color: #f2f5fc !important;
	width: 100%;
	height: calc(100% - 30px);
	display: none;
}

.hidden {
	display: none;
}

.fieldset {
	border: 1px solid #A6C9E2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 5px #666;
	margin: 20px 15px 5px 10px;
	padding: 20px 0px 10px 0px;
	letter-spacing: 0em;
}

.fieldset legend {
	background: none repeat scroll 0 0 #DCE9F7;
	border: 1px solid #A6C9E2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: blue;
	padding: 2px;
	width: 50%;
}

.fieldset legend label {
	text-align: center;
}

.fieldset>legend {
	float: left;
	margin-left: 25%;
	margin-top: -35px;
}

.fieldset>legend+* {
	clear: both;
}

.checkboxGroup {
	padding: 0; /*10px 0px 10px 0px;*/
	margin: 5px; /*10px 10px 10px 10px;*/
	box-sizing: border-box;
	border: 1px solid #0099CC;
	width:100%;
	/* rounded borders */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.bold {
	font-weight: bold;
}

.footrow,.ui-state-highlight.custom-highlight {
	background: #9bc2e1;
	border: 1px solid #7b9db8;
}

.white {
	color: #FFFFFF !important;
}

div span.spanBig {
	float: left;
	font-size: 25px;
	left: 0;
	letter-spacing: 1px;
	margin-left: -45px;
	position: absolute;
	top: 0;
}

/* jQuery UI */
.ui-datepicker-trigger {
	height: 16px!important;
	width: 16px!important;
	border: none!important;
	background: url(../img/16x16/calendar.png) no-repeat !important;
	margin-top: 1px!important;
	margin-left: 2px!important;
}

.ui-datetimepicker-trigger {
	background: url(../img/16x16/clock.png) no-repeat !important;
}

.ui-widget{
	font-size: 1em;
}

/* Corner radius */
.ui-corner-all {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
}

/* jQGrid */
.ui-jqgrid .ui-pg-table{
	border-collapse: separate;	
}

.ui-jqgrid .ui-jqgrid-btable {
	margin-top: -1px;
}

.ui-jqgrid-hdiv{
	overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-titlebar{
	font-size: 11px;
}

/* uix-multiselect */
.uix-multiselect .ui-state-default, .uix-multiselect .header-text {
	font-size: small;
	font-weight: normal;
}

/* jqTabs */
.ui-tabs {
	padding: 0px;
	border: none;
}

.ui-tabs-nav {
	font-size: 11px;
	background: none;
}

.ui-tabs .ui-tabs-nav LI A {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.ui-tabs .ui-tabs-panel {
	overflow: visible;
	height: calc(100% - 35px); /*deberia ser -35px, pero algunas vistas tiene 5px extras... en lugar de corregirlas se ha decidido cambiar esta propiedad*/
	/*display: flex; JDMC: los tabs no deberian ser flexibles */
	justify-content: center;
	flex-direction: column;
	padding: 0px;
}

/* jqDialog */
.ui-dialog-titlebar {
	height: 16px;
}

.ui-dialog-titlebar .ui-dialog-title {
	height: 16px;
	font-size: 11px;
}

.ui-dialog-buttonpane {
	height: 28px;
	margin-top: 0px !important;
}

.ui-dialog-buttonset {
	height: 20px;
}

.ui-dialog-buttonset .ui-button {
	font-size: 11px;
	margin-top: 0.3em;
}

.ui-dialog .ui-dialog-content {
	overflow: visible;
}

/* Mensajes de error del formulario */
.message-form-error {
	border: 1px #0099CC solid;
	background-color: #ffffff;
	/* rounded borders */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 3px;
}

/* Mensajes de error, de info y de conf*/
.message {
	background-color: white;
	border-radius: 5px;
}

.message-info{
	border: 2px solid #5c9ccc;
}

.message-conf{
	border: 2px solid #ffc257;
	width: 360px;
    max-width: 350px;
}

.message-error{
	border: 2px solid #c24b53;
}

.message-info .qtip-titlebar{
	background: url("jquery/ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5c9ccc;
}

.message-conf .qtip-titlebar{
	background: url("../img/ui-bg_gloss-wave_c4_ffc257_500x100.png") repeat-x scroll 50% 50% #ffc257;
}

.message-error .qtip-titlebar{
	background: url("../img/ui-bg_gloss-wave_c4_ff5858_500x100.png") repeat-x scroll 50% 50% #ff5858;
}

.message .qtip-titlebar {
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.message .qtip-content {
	font-size: 12px;
	padding: 10px;
}

.message .qtip-content p {
	color: rgb(0, 51, 102);
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.message .qtip-content button {
	background: #dfeffc;
    border: 1px solid #c5dbec;
    border-radius: 5px;
    color: #2e6e9e;
    font-weight: bold;
    margin-left: 15px;
    padding: 2px 15px;
    position: relative;
    float: left;
    width: 90px;
}

.separator {
	margin: 5px;
	margin-bottom: 10px;
	border-width:0px;
	box-shadow: gray 0 1px 4px;
	border-radius: 10px;
	background: white;
	padding:5px 0px;
}

.oculto {
	width: 4px;
	height: 0px;
	border: 0px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}