/*
 * CSS general de la aplicacion
 */

.separador-vertical-medio {
	margin-top: 20px;
	margin-bottom: 15px;
}

.separador-vertical-5 {
	margin-top: 5px;
}

.form-label-title {
	font-weight: bold;
}

.topicList label {
	position:relative;
	cursor:pointer;
}

.topicList label [type="checkbox"] {
	display:none;
}

#topicList [type="checkbox"] + span {
	display:inline-block;
	padding:1em;
	background:gainsboro;
	border-radius: 10px;
}

.btn-primary, .btn-primary:hover, .btn-primary:active,.btn-primary:focus {
	background-color: #658d1b;
	border-color: #658d1b;
}

.field-mandatory {
	color: #D86600 !important;
}

.modal-footer {
	margin-top: 35px;
}
            
select:required:invalid {
	border-color: rgb(185, 74, 72) !important;
}

select:required:invalid + p {
	display: list-item !important;
}

#loader {
    text-align:center;
    overflow: auto;
}

@media (min-width: 320px) {
	.title-reserva {
		margin-top: 15%;
	}
}

@media (min-width: 1024px) {
	.title-reserva {
		margin-top: 7%;
	}
}