/*
  Proxia DvForms Stylesheets
  Copyright (C) 2015 Divisa iT
  Author: Raúl Polanco Montiel <rpolanco@divisait.com>
 */

.form-switch {
	clear: both;
}

.form-switch .nav-tabs {
	margin: 0;
}

.form-switch .tab-content {
	padding: 15px;
	border: 1px solid #ddd;
	border-top: none;
	margin-bottom: 15px;
}

.form-switch:before,
.form-switch:after,
.form-switch .tab-content:before,
.form-switch .tab-content:after,
.form-switch .tab-pane:before,
.form-switch .tab-pane:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.form-container {
	float: none;
	clear: both;
}

.form-container:before,
.form-container:after {
	content: " ";
	display: table;
}

.form-container:after {
	clear: both;
}

.form-switch > .tab-content,
.form-panel-group > .panel-body,
.form-panel-repeat > .panel-body {
	padding-bottom: 0;
}

.form-container .form-uploadtextual .form-group:last-child {
	margin-bottom: 0;
}

.input-type-boolean .input-group-addon,
.form-upload .input-group-addon,
.form-range .input-group-addon,
.form-select-compact .input-group-addon,
.form-select1-compact .input-group-addon,
.form-select-full .input-group-addon,
.form-select1-full .input-group-addon {
	border: none;
	background: none;
	vertical-align: top;
	line-height: 1.42857143;
}

.horizontal,
.form-output,
.form-htmlcode,
.form-textarea,
.form-recaptcha {
	clear: both;
}

.form-htmlcode {
	margin-bottom: 8.5px;
}

.horizontal,
.form-textarea,
.form-recaptcha {
	width: auto;
	float: none;
}

.form-textarea textarea.readonly + .mceEditor table.mceLayout {
	pointer-events: none;
	opacity: .5;
}

.form-alert {
	margin: 0;
	line-height: 1.2;
	font-size: 13px;
	position: absolute;
	z-index: 1000;
	margin-top: 5px;
	display: block;
}

.form-alert-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	background-color: #ee0000;
	border-radius: 0;
	display: block;
}

.form-alert-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	top: 0;
	left: 8px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #ee0000;
	display: block;
}

.form-mandatory {
	color: #ee0000;
	font-size: 10px;
}

.form-hidden {
	display: none !important;
}

.form-error .help-block,
.form-error .control-label,
.form-error .radio,
.form-error .checkbox,
.form-error .radio-inline,
.form-error .checkbox-inline,
.form-error.radio label,
.form-error.checkbox label,
.form-error.radio-inline label,
.form-error.checkbox-inline label {
  color: #ee0000;
}
.form-error .mceEditor table.mceLayout,
.form-error .mceEditor table.mceLayout tr.mceFirst td,
.form-error .mceEditor table.mceLayout tr.mceLast td,
.form-error .form-control {
  border-color: #ee0000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-error .form-control:focus {
  border-color: #FF6B6B;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFA4A4;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFA4A4;
}
.form-error .input-group-addon {
  color: #ee0000;
  border-color: #ee0000;
  background-color: #FFE8E8;
}
.form-error.form-select-full .input-group,
.form-error.form-select-compact .input-group,
.form-error.form-select1-full .input-group,
.form-error.form-select1-compact .input-group {
  background-color: #FFE8E8;
}
.form-error .form-control-feedback {
  color: #ee0000;
}

/* Repeaters */
.form-panel-group,
.form-panel-repeat,
.form-panel-instance {
	clear: both;
}

.form-panel-repeat .panel-heading {
	position: relative;
	min-height: 45px;
}

.form-panel-repeat .panel-heading .btn-group {
	position: absolute;
	top: 5px;
	right: 10px;
}

.form-panel-instance {
	position: relative;
	padding-top: 47px;
	border-top: 1px solid #ddd;
	background: #fff;
	cursor: move;
}

.form-panel-instance:hover {
	background: #f6f6f6;
}

.form-panel-instance:first-child {
	border-top: none;
}

.form-panel-instance > .btn-group {
	position: absolute;
	top: 10px;
	right: 10px;
}

.form-container .radio-inline+.radio-inline,
.form-container .checkbox-inline+.checkbox-inline {
	margin-left: 0;
}

.form-container .radio,
.form-container .radio-inline,
.form-container .checkbox,
.form-container .checkbox-inline {
	margin-right: 15px;
}

.form-select-full .input-group,
.form-select-compact .input-group,
.form-select1-full .input-group,
.form-select1-compact .input-group {
  padding-bottom: 5px;
}


.form-container .btn-trigger,
.form-container .btn-submit,
.form-container .btn-signedsubmit {
	margin-right: 5px;
	margin-bottom: 15px;
}

.form-container > .btn-trigger,
.form-container > .btn-submit,
.form-container > .btn-signedsubmit {
	float: right;
	margin-right: 0;
	margin-left: 5px;
}

/* Bootstrap multiselect plugin */
span.multiselect-native-select{
	position:relative;
}

span.multiselect-native-select select{
	border:0 !important;
	clip:rect(0 0 0 0) !important;
	height:1px !important;
	margin:-1px -1px -1px -3px !important;
	overflow:hidden !important;
	padding:0 !important;
	position:absolute !important;
	width:1px !important;
	left:50%;
	top:30px;
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.input-group .form-control.multiselect{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.multiselect.form-control {
	position: relative;
	padding-right: 15px;
	padding-left: 13px;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

.multiselect.form-control .caret {
	position: absolute;
	top: 12px;
	right: 5px;
}

.multiselect-container {
	left: auto;
}

.multiselect-container label.checkbox,
.multiselect-container label.radio{
	padding: 5px 20px 5px 40px;
	vertical-align: middle;
}

.multiselect-container li a label.checkbox input[type=checkbox],
.multiselect-container li a label.radio input[type=radio]{
	margin-left: -20px;
	margin-right: 5px;
	vertical-align: middle;
}

.multiselect-container{
	list-style-type: none;
	margin: 0;
	position: absolute;
}

.multiselect-container .input-group{
	margin: 5px;
}

.multiselect-container>li,
.multiselect-container>li>a {
	padding: 0;
}

.multiselect-container>li>a.multiselect-all label{
	font-weight: 700;
}

.multiselect-container>li>a>label{
	cursor: pointer;
	font-weight: 400;
	height: 100%;
	margin: 0;
	padding: 3px 20px 3px 40px;
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox{
	margin: 0;
}

.multiselect-container>li>a>label>input[type=checkbox]{
	margin: 0;
	/* display: inline; */
	position: relative;
}

.multiselect-container>li.multiselect-group label{
	font-weight: 700;
	height: 100%;
	margin: 0;
	padding: 3px 20px;
}

.multiselect-container>li.multiselect-group-clickable label{
	cursor:pointer;
}

/* Bootstrap slider */
.form-range .slider-selection {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
}

/* Wait dialog */
.xforms-wait-open {
	position: relative;
}

.xforms-wait-dialog,
.xforms-wait-overlay {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	color: white;
}

.xforms-wait-dialog {
	z-index: 2049;
}

.xforms-wait-overlay {
	z-index: 2050;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}

.xforms-wait-icon,
.xforms-wait-text {
	position: fixed;
	z-index: 2051;
	text-align: center;
	display: block;
	width: 100%;
}

.xforms-wait-icon {
	margin-top: 200px;
}

.xforms-wait-text {
	margin-top: 280px;
}

/* Estilo genérico para el componente de iframes */
.form-recaptcha-iframe {
	width: 100%;
	height: 300px;
	clear: both;
	border: none;
}

/* Bootstrap range plugin */
.form-range .control-field {
	text-align: center;
}

.form-range .slider.slider-horizontal {
	width: 95%;
}

/* Bootstrap slider */
.form-range .slider-selection {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
}

/* Estilo genérico para el componente de iframes */
.form-recaptcha-iframe {
	width: 100%;
	height: 300px;
	clear: both;
	border: none;
}

/* Bootstrap range plugin */
.form-range .control-field {
	text-align: center;
}

.form-range .slider.slider-horizontal {
	width: 95%;
}

/* Bootstrap fileinput */
.form-upload .input-group {
	width: 100%;
}

.form-upload .file-preview-frame {
	box-shadow: 0 0 3px 0 #ccc;
	box-sizing: content-box;
	padding: 0;
	height: auto;
	display: block;
}

.form-upload .file-preview-frame:not(.file-preview-error):hover {
	box-shadow: 0 0 3px 0 #999;
}

.file-preview-frame,
.file-preview-image,
.file-preview-other {
	width: 160px !important;
	height: auto !important;
}
.krajee-default.file-preview-frame .kv-file-content {
	width: auto !important;
}

.form-upload .file-thumbnail-footer input {
	border-radius: 0;
	width: 100%;
}

.form-upload .file-error-message pre {
	white-space: normal;
}

.form-upload .file-thumbnail-footer > div {
	margin: 0;
	padding: 5px;
}

.form-upload .file-drop-zone {
	margin: 0;
}

.form-upload .file-drop-zone-title {
	font-size: 20px;
	padding: 40px 10px;
}

.form-upload .file-highlighted {
	border: 1px dashed #000 !important;
}

.form-upload .form-control-static {
	color: #555;
	text-align: left;
	word-wrap: break-word;
	height: auto;
}

.form-upload .file-preview-text {
	word-wrap: break-word;
	padding: 10px;
	background-color: #f5f5f5;
	border: none;
	font-size: 40px;
	line-height: 40px;
	color: #ccc;
}

.form-upload .file-preview-text + .file-thumbnail-footer {
	max-width: 160px;
}

.form-upload .upload-tip {
	margin: 8px 0 0;
	color: #767676;
	font-size: 13px;
	line-height: 1.2;
}

.form-iframe-upload {
	display: none;
}

/* jquery.ui.search */
.form-container .ui-widget-content {
	color: #7C7C7C !important;
	border: 1px solid #ccc !important;
	background: #fff !important;
}

.form-container .ui-widget-content .ui-state-focus {
	color: #131313 !important;
}

.form-container .ui-front {
	z-index: 1001;
}

.form-container .ui-autocomplete-loading {
	background-image: url(../javaScript/bootstrap-fileinput/img/loading-sm.gif);
	background-position: right 10px center;
	background-repeat: no-repeat;
}

/* Lightbox con los datos de firma */
#xformsMessageDialog .dataHeader {
	margin: 10px;
	padding: 10px;
	border: 2px solid #86004a;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

#xformsMessageDialog .contentName {
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #444;
}

#xformsMessageDialog .dataToSign {
	margin: 0 27px 0 10px;
	border-bottom: 1px solid #444;
}

#xformsMessageDialog .dataContainer {
	max-height: 400px;
	overflow: auto;
	padding: 0 10px;
}

#xformsMessageDialog .table {
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

#xformsMessageDialog .dataContainer > .table {
	border: none;
}

#xformsMessageDialog .table > tbody > tr > .table-switch-wrapper,
#xformsMessageDialog .table > tbody > tr > .table-group-wrapper {
	padding: 10px 10px 0 10px;
}

#xformsMessageDialog .dataContainer > .table > tbody > tr > .table-switch-wrapper,
#xformsMessageDialog .dataContainer > .table > tbody > tr > .table-group-wrapper {
	padding: 0;
	border: 0;
	background: #fff;
}

#xformsMessageDialog .cell-control-label {
	width: 50%;
	border-right: 1px solid #ddd;
}

#xformsMessageDialog .cell-control-value {
	width: 50%;
}

#xformsMessageDialog ul {
	list-style-type: disc;
	margin-bottom: 0;
}

#xformsMessageDialog .oddLabel,
#xformsMessageDialog .evenLabel {
	width: 60%;
	padding: 2px 4px;
	background-color: #dddddd;
	font-weight: bold;
}

#xformsMessageDialog .oddValue,
#xformsMessageDialog .evenValue {
	width: 40%;
	padding: 2px 4px;
	font-weight: bold;
}

#xformsMessageDialog .oddValue {
	background-color: #e8e8e8;
}

#xformsMessageDialog .evenValue {
	background-color: #ffffff;
}

#xformsMessageDialog .label {
	padding: 2px 4px;
	background-color: #ffffff;
	font-weight: bold;
}

#xformsMessageDialog .group {
	padding: 2px 4px;
	color: #444;
	background-color: #f0f0f0;
	font-weight: bold;
}

/* Estilos compatibilidad con scripts antiguos */
.dvforms-success:after,
.dvforms-error:after,
.dvforms-warning:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dvforms-success .xforms-value,
.dvforms-error .xforms-value,
.dvforms-warning .xforms-value{
	width: auto;
	display: block;
}

.dvforms-success,
.dvforms-error,
.dvforms-warning{
	clear: both;
	height: 1%;
	background-position:15px 15px;
	background-repeat:no-repeat;
	padding:22px 30px 22px 60px;
	margin: 0 0 15px;
	width: auto;
	min-height: 66px;
	border: 1px solid  transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
}

.dvforms-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	background-image:url("../imagenes/dvFormsWeb/warning.png");
}

.dvforms-error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	background-image:url("../imagenes/dvFormsWeb/error.png");
}

.dvforms-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	background-image:url("../imagenes/dvFormsWeb/success.png");
}

.dvforms-error span.icons,
.dvforms-success span.icons,
.dvforms-warning span.icons{
	display: none;
}

.dvforms-error > .alert,
.dvforms-success > .alert,
.dvforms-warning > .alert{
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
}

@media (min-width: 992px) {

	/* Maquetación de campos a dos (compact) y tres (minimal) columnas */
	.form-panel-compact .form-group,
	.form-panel-minimal .form-group {
		position: relative;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		float: left;
	}
	.form-panel-compact .form-group:after,
	.form-panel-minimal .form-group:after {
		content: "";
		display: table;
		clear: both;
	}
	.form-panel-compact .form-group {
		width: 50%;
	}
	.form-panel-minimal .form-group {	
		width: 33.33333333%;
	}
	.form-panel-compact .form-group.form-uploadtextual .form-group		{
		width: 100%;
	}
	.form-panel-minimal .horizontal .control-label,
	.form-panel-minimal .form-textarea .control-label,
	.form-panel-minimal .form-recaptcha .control-label {
		width: 11.11111111%;
	}
	.form-panel-minimal .horizontal .control-field,
	.form-panel-minimal .form-textarea .control-field,
	.form-panel-minimal .form-recaptcha .control-field {
		width: 88.88888888%;
	}
	.form-panel-compact .horizontal .control-label,
	.form-panel-compact .form-textarea .control-label,
	.form-panel-compact .form-recaptcha .control-label {
		width: 16.66666667%;
	}
	.form-panel-compact .horizontal .control-field,
	.form-panel-compact .form-textarea .control-field,
	.form-panel-compact .form-recaptcha .control-field {
		width: 83.33333333%;
	}
	.form-panel-compact .form-group:before,
	.form-panel-minimal .form-group:before,
	.form-panel-compact .form-group:after,
	.form-panel-minimal .form-group:after {
		display: inline;
		content: "";
	}
	/*
	.form-panel-compact .form-panel-compact-break + .form-group,
	.form-panel-minimal .form-panel-minimal-break + .form-group {
		clear: both;
	}
	*/

	.form-panel-compact .control-field,
	.form-panel-minimal .control-field {
		padding-right: 0;
	}

	/* Los textarea siempre ocupan una línea entera */
	.form-panel-compact .horizontal,
	.form-panel-minimal .horizontal,
	.form-panel-compact .form-textarea,
	.form-panel-minimal .form-textarea,
	.form-panel-compact .form-recaptcha,
	.form-panel-minimal .form-recaptcha {
		width: auto;
		float: none;
	}
	.form-panel-compact .horizontal:before,
	.form-panel-minimal .horizontal:before,
	.form-panel-compact .horizontal:after,
	.form-panel-minimal .horizontal:after,
	.form-panel-compact .form-textarea:before,
	.form-panel-minimal .form-textarea:before,
	.form-panel-compact .form-textarea:after,
	.form-panel-minimal .form-textarea:after,
	.form-panel-compact .form-recaptcha:before,
	.form-panel-minimal .form-recaptcha:before,
	.form-panel-compact .form-recaptcha:after,
	.form-panel-minimal .form-recaptcha:after {
		display: block;
		content: " ";
	}
}

/* Clases de apoyo */
.form-clear {
	clear: both;
}

.label-text-left .control-label {
	text-align: left !important;
}

.label-text-center .control-label {
	text-align: center !important;
}

.label-text-right .control-label {
	text-align: right !important;
}

.form-group-full:before,
.form-group-full:after {
	content: " ";
	display: table;
}

.form-group-full:after {
	clear: both;
}

.form-horizontal .form-group-full {
	clear: both;
	width: auto;
	float: none;
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
}

.form-panel-compact .form-group-full,
.form-panel-minimal .form-group-full {
	margin-left: 0;
	margin-right: 0;
}

.form-control-full .control-label {
	display: block;
	text-align: left;
}

.form-control-full .control-label,
.form-control-full .control-field {
	clear: both;
	width: auto;
	float: none;
}

.form-panel-compact.form-control-full .panel-body,
.form-panel-minimal.form-control-full .panel-body {
	padding-left: 0;
}

.label-hidden .control-label {
	display: none;
}

.form-boolean-full,
.form-boolean-full .form-alert {
	position: relative;
}

.form-boolean-full .control-label {
	float: none !important;
	text-align: left;
	padding-left: 35px;
	padding-top: 3px;
	width: auto !important;
}

.form-boolean-full .control-field {
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 0;
	width: auto !important;
}

.form-boolean-full .checkbox {
	margin-right: 0;
}

.form-panel-simple {
	margin-bottom: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}

.form-panel-simple .form-panel-simple {
	padding-left: 15px;
}

.form-panel-simple > .panel-body {
	padding: 0;
}

.form-panel-simple > .panel-heading {
	color: #333;
	background: transparent;
	border: none;
	border-bottom: 1px solid #999;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}

.form-panel-simple > .panel-body > .btn-trigger,
.form-panel-simple > .panel-body > .btn-submit,
.form-panel-simple > .panel-body > .btn-signedsubmit {
	float: right;
	margin-right: 0;
	margin-left: 5px;
}

.form-select-full.form-select-col-1 .checkbox-inline,
.form-select1-full.form-select-col-1 .radio-inline {
	width: auto;
	float: none;
	margin-right: 0;
	padding-right: 15px;
	display: block;
}

.form-select-full.form-select-col-2 .checkbox-inline,
.form-select1-full.form-select-col-2 .radio-inline {
	width: 50%;
	float: left;
	margin-right: 0;
	padding-right: 15px;
}

.form-select-full.form-select-col-3 .checkbox-inline,
.form-select1-full.form-select-col-3 .radio-inline {
	width: 33.33333333%;
	float: left;
	margin-right: 0;
	padding-right: 15px;
}


.form-select-full.form-select-col-4 .checkbox-inline,
.form-select1-full.form-select-col-4 .radio-inline {
	width: 25%;
	float: left;
	margin-right: 0;
	padding-right: 15px;
}

@media (min-width: 992px) {

	/* Clases de apoyo para configurar el número de columnas bootstrap de los controles (por defecto 4-8) */
	.form-group-2-10 .control-label {
		width: 16.66666667%;
	}
	.form-group-2-10 .control-field {
		width: 83.33333333%;
	}

	.form-group-3-9 .control-label {
		width: 25%;
	}
	.form-group-3-9 .control-field {
		width: 75%;
	}

	.form-group-5-7 .control-label {
		width: 41.66666667%;
	}
	.form-group-5-7 .control-field {
		width: 58.33333333%;
	}

	.form-group-6-6 .control-label,
	.form-group-6-6 .control-field {
		width: 50%;
	}

	.form-group-8-4 .control-label {
		width: 66.66666667%;
	}
	.form-group-8-4 .control-field {
		width: 33.33333333%;
	}

	.form-group-9-3 .control-label {
		width: 66.66666667%;
	}
	.form-group-9-3 .control-field {
		width: 33.33333333%;
	}

	.form-group-10-2 .control-label {
		width: 83.33333333%;
	}
	.form-group-10-2 .control-field {
		width: 16.66666667%;
	}
	

	/* Clases de apoyo para especificar el tamaño personalizado de un control */
    .form-group.form-group-1 {
        width: 8.33333333%;
    }

	.form-group.form-group-2 {
        width: 16.66666667%;
    }
	
    .form-group.form-group-3 {
        width: 25%;
    }	
	
    .form-group.form-group-4 {
        width: 33.33333333%;
    }
	
    .form-group.form-group-5 {
        width: 41.66666667%;
    }

    .form-group.form-group-6 {
        width: 50%;
    }

    .form-group.form-group-7 {
        width: 58.33333333%;
    }	

    .form-group.form-group-8 {
        width: 66.66666667%;
    }	
	
    .form-group.form-group-9 {
        width: 75%;
    }	
	
    .form-group.form-group-10 {
        width: 83.33333333%;
    }	
	
    .form-group.form-group-11 {
        width: 91.66666667%;
    }
	
	.form-group.form-group-12 {
        width: 100%;
    }	
	
}