/*Styles applied to the error-message when everything is OK.*/
.med-form input.ng-pristine + .error-message,
.med-form input.ng-valid + .error-message,
.med-form input.ng-valid-parse + .error-message,

.med-form textarea.ng-pristine + .error-message,
.med-form textarea.ng-valid + .error-message,
.med-form textarea.ng-valid-parse + .error-message,

.med-form select.ng-pristine + .error-message,
.med-form select.ng-valid + .error-message,
.med-form select.ng-valid-parse + .error-message {
	display: none;
}

/*Styles applied to the error-message when the field has a invalid value.*/
.med-form.ng-submitted input.ng-invalid + .error-message,
.med-form input.ng-invalid.ng-dirty + .error-message,
.med-form input.ng-invalid.ng-touched + .error-message,

.med-form.ng-submitted select.ng-invalid + .error-message,
.med-form select.ng-invalid.ng-dirty + .error-message,
.med-form select.ng-invalid.ng-touched + .error-message,

.med-form.ng-submitted textarea.ng-invalid + .error-message,
.med-form textarea.ng-invalid.ng-dirty + .error-message,
.med-form textarea.ng-invalid.ng-touched + .error-message {
	display: block;
	color: #a94442;
}

/*Styles applied to the field when it has a invalid value.*/
.med-form.ng-submitted select.ng-invalid,
.med-form select.ng-invalid.ng-dirty,
.med-form select.ng-invalid.ng-touched,

.med-form.ng-submitted input.ng-invalid,
.med-form input.ng-invalid.ng-dirty,
.med-form input.ng-invalid.ng-touched,

.med-form.ng-submitted textarea.ng-invalid,
.med-form textarea.ng-invalid.ng-dirty,
.med-form textarea.ng-invalid.ng-touched {
	border: 1px solid #a94442;
}


/*Styles used for third party controls that can't be styled with angular.js classes*/

/*Style applied only to image dropzone*/

.med-form .third-party-field.ng-valid ~ .error-message {
	display: none;
}

.med-form textarea.third-party-field.ng-invalid ~ .error-message {
	display: none;
}

/*MED image dropzone*/

.med-form .has-error #med-image-dropzone {
	border-color: #a94442;
}


.med-form.ng-submitted textarea.third-party-field.ng-invalid ~ .error-message {
	display: block;
	color: #a94442;
}

.med-form.ng-submitted textarea.ng-invalid + #cke_descripcionFormaDeUso {
	border-color: #a94442;
}

.offline-resource-check input[type="checkbox"] {
    vertical-align: middle;
}

.offline-resources {
	background: #F4F4F4;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-radius: 0 0 3px 3px;
}

.offline-resources .description {
	font-size: 13px;
}

.offline-resources label.title {
	color: gray;
	font-size: 15px;
	margin-top: 10px;
}

.offline-resources label.subtitle {
	color: gray;
	font-size: 13px;
	margin-top: 5px;
}

.med-form hr {
	border-top: 1px solid #ddd;
}

.inteligencia-label span {
    vertical-align: middle;
}

.inteligencia-label strong {
    vertical-align: -webkit-baseline-middle;
}

.ui-slider {
    margin: 20px 0;
}

.emoticon {
    vertical-align: middle;
}

.emoticon ~ input,
.emoticon ~ label {
    vertical-align: super;
}

.text-danger {
    color: #D88139 !important;
    font-size: 13px;
}