/*!
 * Estilos para archivos del directorio "Páginas"
 */
 
 /*=============================
	Header Profesionales
 ===============================*/

.header-profesional{
	padding-top:60px;
	background-color: #fbfbfb;
	line-height:1.2;
	text-align:center;
}

.header-profesional h1{
	font-size:47px;
	font-weight:600;
}

.header-profesional h2{
	font-size:30px;
	margin-top:30px;
}

#img_subcategoria_html{
	text-align:center;
}

#img_subcategoria_html img{
	border:0;
}

 /*=============================
	Card de Preguntas
 ===============================*/


.card.border-info{
	margin-top:-50px;
}

.card-header{
	padding:15px;
	margin-top:10px;
	text-align:center;
}

.card-body,
.card-body label{
	color:#646464;
	font-weight:600;
}

.card-body .list-unstyled li input,
.card-body input{
	height:45px !important;
	width:100% !important;
}

.card-body .list-unstyled li input,
.card-body textarea,
.card-body input{
	margin-bottom:10px !important;
	background-color: #EAFAF7 !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem !important;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}

	/* Estilo que estaba al inicio de la página "Index.html" y aplica al formulario de preguntas y respuestas */
.resposta {
	display: block;
	width: 100%;
	margin-bottom:10px;
	height: calc(2.0625rem + 18px);
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #555;
	background-color: #EAFAF7;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}



 /*=============================
	Estilos del teléfono
 ===============================*/

        
 body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

 main {
    flex: 1 0 auto;
}

 body {
    background: #fff;
}

.input-field input[type=date]:focus + label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label {
	color: #e91e63;
}

.input-field input[type=date]:focus,
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
	border-bottom: 2px solid #e91e63;
	box-shadow: none;
}

#error-msg,.error-msg{
	color: red;
	font-weight: bold;
	padding-top: 10px;
}

#valid-msg{
	color: green ;
	font-weight: bold;
	padding-top: 10px;
}


.intl-tel-input {
	width: 100% !important;
}
                
#top-menu-nav {
	background-color: white;
	box-shadow: none;
}


 /*=============================
	Estilos de los comentarios
 ===============================*/


.card.border-secondary {
	margin:20px 35px;
}

.card-comments {
	padding:20px 10px;
	text-align:left;
}

.italica{
	font-style:italic;
	font-size:14px;
}



 /*=============================
	Estilos PROVISORIOS en area "usuario prestador" (pie del form)
 ===============================*/

.usuario-prestador{
	padding:40px !important;
}