@charset "UTF-8";

/* CSS Document */


/*------------------------------------------- ELEMENTOS GENÉRICOS ----------------------------------- */

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 998;
}

#modal {
    position: absolute;
    border-radius: 14px;
    z-index: 999;
    background: #FFF;
}


.button-open-modal {
    border-radius: 5px;
    background: #8f2328;
    color: #FFF;
    width: auto;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    cursor: pointer;
    font-weight: normal;
}

.listy {
    width: auto;
    height: 230px;
}
.spin {
    height: 100px;
    padding-top: 20px;
}

#modal button{
	margin-top:10px;
	float:right;
	background:#8f2328;
	color:#FFF !important;
	font-size:12px;
}

.pie_pop button{
	float:none !important;
}

.scroll{
	overflow-y:scroll;
	overflow-x:hidden;
	
}

.right{
	float:right;
}

/*------------------------------------------- POP UPS ----------------------------------- */

.cabecera_pop {
    padding: 10px 10px 10px 10px;
    border-radius: 10px 10px 0px 0px;
    width: auto;
    height: 30px;
    background: #8f2328;
}

.cabecera_pop h3 {
    margin: 5px 10px 0px 10px;
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
    float: left;
}

.cabecera_pop a {
    border-radius: 100%;
    float: right;
    width: 20px;
    height: 30px;
    background: #8f2328;
    color: #FFF;
    font-weight: bolder;
    font-size: 14px;
    padding-top: 8px;
}
.contenido_pop {
	min-width: 500px;
    height: auto;
    padding: 10px 20px 10px 20px;
}
.contenido_pop span, .contenido_pop select {
	font-size:12px;
}

.contenido_pop ul li span, .contenido_pop ul li select{
	font-size:12px !important;
}

.contenido_pop ul {
    margin-right: 10px;
    width:100%;
}
.contenido_pop ul li {
    font-size: 12px;
    color: #666;
    width: auto;
    text-align: left;
    margin-right: 20px;
}

/**Añadido por Estíbailz para el evolutivo estado**/
#evolutivo_estado{
text-align: center !important; 
}

#content{
 	max-width: 1000px;
}

#content .texto_mensaje{
	margin-left : 0px !important;
    height: 300px;
    width: 99%;
    resize: none;
    
}
.pie_pop {
    width: auto;
    height: auto;
    text-align: right;
    padding: 5px 10px 10px 0px;
}
.pie_pop button {
    margin-top: 5px;
}

.alerts{
	margin-top:10px;
	color:red;
	font-size:14px;
	padding:5px;
}

/* ////////////////////////  SOLO POPUP DE TEST ////////////////////// */

.contenido_pop_test {
    width: auto;
    padding: 10px 10px 10px 10px;
    max-height: 500px;
    overflow-y: scroll;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    line-height: 1.4;
}

.contenido_pop_test .test {
    margin-right: 10px;
}

.contenido_pop_test .test li {
    font-size: 12px;
    color: #666;
    text-align: left !important;
}

.contenido_pop_test .test_uno {
    margin-bottom: 10px;
}

.contenido_pop_test .test_uno li {
    width: 47% !important;
    display: inline-block !important;
    margin-right: 20px;
    vertical-align: top;
    margin-bottom: 30px;
}

.contenido_pop_test .test_uno li ul li {
	display:block !important;
	width: 100% !important;
}

.contenido_pop_test .test_uno li select {
    margin-top: 15px;
}

.contenido_pop_test .test li table tr td img {
    width: auto;
    height: 50px;
    border: 2px solid #fff;
}

.contenido_pop_test .test li table tr td img:hover {
    width: auto;
    height: 200px;
}

.ancho_test{
	max-width: 60%;
}
/* ////////////////////////  SOLO POPUP DE CONDICIONES LEGALES ////////////////////// */

.conditions {
	max-width: 50% !important;
}


/* ////////////////////////  SOLO POPUP DE NUEVO EVENTO Y BROTES Y EVENTO DE TOMA ////////////////////// */

.multimedia{
	margin-bottom:20px;
}

.multimedia div{
	margin-top:10px;
	height:20px;
	
}
.multimedia div span{
	float:left;
}
.multimedia div a{
	float:right;
}

.multimedia img{
	height:50px;
	width:auto;
	display: inline-block;
}


#name-drug{
	font-size:14px !important;
}

/*///////////////////////////////// POP UP MENSAJES ////////////////////////////*/

.diereccion{
	font-size:14px !important;
	color:#5d99d1;
	font-weight:bold;
	padding:5px 0px;
}

#receiversTable tr td{
	height:30px;
}




        
/*////////////////////////  POPUP AVISO //////////////////////*/

#popup_aviso{
    min-width: 20%;
    /*max-width: 60%;*/
}

#popup_aviso .cabecera_pop{
     border-radius: 10px 10px 0px 0px;
    width: auto;
    height: 30px;
    background: #FFF;
    
}

#popup_aviso .cabecera_pop h3{
	color:#8f2328 !important;
	font-weight:bold !important;
}

#popup_aviso .cabecera_pop button {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background: #FFF;
    color: #8f2328 !important;
    border:2px solid #8f2328; 
    font-weight: bolder;
    font-size: 14px;
    float: right;
    margin-right: 5px;
    margin-top:5px;
}

#popup_aviso .contenido_pop{
    margin-top: 20px;
    margin-bottom: 20px;
    padding:10px 30px;
}


#popup_aviso .contenido_pop .img{
	float:left;
    margin-right:20px;
    height:100%;
}

#popup_aviso .contenido_pop .img img{
    width:30px;
    height:auto;
}

#popup_aviso .pie_pop{
    padding-top: 20px;
    
}

/*------------------------------------------- CONDICIONES LEGALES ----------------------------------------*/
 .condiciones {
/*  max-width: 50%; */
	 max-height: 500px;
	 overflow-y: scroll;
	 line-height: normal;
	 border: 1px solid #ccc;
	 padding-left: 10px;
 }
 
 .condiciones p {
	 margin-bottom: 10px;
	 color: #666;
	 font-size: 12px;
 }
 
 .condiciones .titulo {
	 font-weight:bold !important;
	 color: #333;
	 font-size: 16px;
         /* A�adido por Estibaliz solucionando incidencia 5834 */
         float:none !important;
         /*Fin a�adido*/
 }
 
 .condiciones .tituloprinc{
 	font-weight:bold !important;
 	color: #2E74B5 !important;
 	font-size: 20px !important;
 	float:none !important;
 }
 
 .condiciones .check{
	 color:#8f2328;
	 font-size: 14px;
	 font-weight: bold;
	 border-top: 1px solid #ccc;
	 width: 98%;
	 margin-top: 20px;
}

.condiciones input {
	vertical-align: middle;
}

/* A�adido por Estibaliz solucionando incidencia 5834 */
.condiciones h3 {
	float:none !important;
}
/*Fin a�adido*/


/*------------------------------------------- CONDICIONES LEGALES (PROYECTO AUNA) ----------------------------------------*/
.condiciones .auna_texto1 {
	text-align: justify;
	margin-bottom: 10px;
	padding-right: 10px;
}

.condiciones .auna_texto2 {
	text-align: justify;
	margin-bottom: 30px;
	padding-right: 10px;
}

.condiciones .auna_ul {
	list-style-type: square;
	margin-bottom: 30px;
	padding-right: 10px;
}

.condiciones .auna_ul_numero {
	list-style-type: decimal;
	margin-bottom: 30px;
	padding-right: 10px;
}

.condiciones .auna_ul li,
.condiciones .auna_ul_numero li {
	text-align: justify;
	margin-left: 40px;
	margin-bottom: 10px;
	padding-right: 10px;
}

/*------------------------------------------- PAUTAS ESPEC�?FICAS ----------------------------------------*/
.en_linea {
	display: inline-block;
}
#pauta_especifica{
	padding-top: 20px;
}

.h3 {
	margin:10px 0px 10px 10px;
    font-size: 16px !important;
    color: #333 !important;
    text-align: left !important;
    font-weight: normal !important;
}

/*------------------------------------------- CUESTIONARIOS NEONATOS ----------------------------------------*/

.cuestionario{
	width:98%;
	float:none !important;
	/*Aumentamos altura del cuestionario para que quepa insomnio*/
	max-height:525px;
	line-height:1.5;
	margin:20px 0px;
}

.cuestionario .full_col{
	width:99%;
	max-width:none !important;
}

.cuestionario .dos_col{
	width:48%;
	display:inline-block;
	margin:0px 10px 10px 0px;
}

.cuestionario .dos_col span{
	display:block;
}

.cuestionario .tres_col{
	width:31%;
	display:inline-block;
	margin:0px 10px 10px 0px;
}

.cuestionario .titulo_seccion {
	margin: 20px 0px 10px 10px;
    font-size: 15px;
    color: #333;
    text-align: left;
    font-weight: bold;
}

.cuestionario .titulo_informativo {  /* Añadido por Ángel */
	width: 600px;
}

.cuestionario .subtitulo_seccion {
	margin: 10px 0px 10px 20px;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: normal;
}




/*////////////////////////  MODULO HORAS POP UPS //////////////////////*/

#hours .hour li{ 
	color:#FFF !important;
	padding:3px 5px ;
	background:#5d99d1 !important;
	width:auto !important;
	display:inline-block;
	border-radius:5px;
}

#hours .hour li button{
	margin-top:0px !important;
	background:none !important;
	float:none !important;
}

#hours button{
	float:none !important;	
}


/*////////////////////// MULTISELECT POP UPS ////////////////////*/


.chosen-container-multi .chosen-choices,
.chosen-container-active .chosen-choices {
	overflow: hidden;
}
.chosen-container-multi .chosen-choices li.search-choice{
	width: auto !important;
	max-width: 100% !important;
	background-color:transparent !important;
	background-size: 100% 100% !important;

}



/*////////////////// POPUP CON COLUMNAS  ////////////////*/



.full_col{
	width:98%;
	min-width:600px;
	padding:15px 10px;
}

.dos_col{
	width:48%;
	display:inline-block;
}


/*////////////////// POPUP C-ACT  ////////////////*/

.test_act{
	max-width:1000px;
}

.pregunta_slider{
	margin-top:30px !important;
	width:250px;
	height:150px;
	float:left;
	padding:15px;
}

.pregunta_slider .pregunta{
	font-size:14px;
}

.pregunta_slider .ui-slider{
	margin-top:15px !important;
}

.test_act .dos_col img{
	width:200px;
	float:right;
	}
	
	
/*////////////////// Añadido para el texto del slider lolo  ////////////////*/	

.pregunta_slider .pregunta_texto{
	font-weight: bold  !important;
	text-align: center;
	margin-top:10px !important;
}

/*////////////////// Añadido para los formularios de la plantilla h de Asma  ////////////////*/	
.formulario_asma {
	width: 600px !important;
}

.asma_titulo_pequeno {
	width: 95% !important;
}

.asma_tamano_observaciones {
	width: 90% !important;
}

.asma_tamano_input {
	width: 90% !important;
}

.asma_full_col {
	padding: 0px 0px;
}

.asma_cact_spinner1 {
	margin-left: 230px !important;
}

.asma_cact_spinner2 {
	margin-left: 128px !important;
}

.asma_cact_spinner3 {
	margin-left: 180px !important;
}

	
	
/*////////////////// POPUP CRISIS  ////////////////*/
.crisis_popup  {
	max-width: 600px;
	height: 450px;
	overflow-y: scroll;
	min-width: 350px;
}

.crisis_popup .chosen-container { /****Añadido por Ángel ****/
	
	display: block !important;
	margin: 10px 10px 10px 10px;
	width: 305px !important;
	
}


.crisis_popup .tamano_titulo {/****Añadido por Ángel****/
	width: 92%;
}

.crisis_popup .tamano_fecha {/****Añadido por Ángel****/
	width: 92%;
}

.crisis_popup .tamano_pequeno {/****Añadido por Ángel****/
	width: 92%;
}

.crisis_popup .tamano_grande {/****Añadido por Ángel****/
	width: 92%;
}

.crisis_popup .tamano_select {/****Añadido por Ángel****/
	width: 310px;
}

.crisis_popup .crisis_tamano_titulo {/****Añadido por Ángel****/
	
	width: 92%;
	font-size: 14px !important;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	
}


.crisis_popup .crisis_propiedades_select {
	padding-top: 10px;
	width: 400px !important;
}

.crisis_popup .chosen-container-multi .chosen-choices li.search-choice {
	float: none !important;
}

.crisis_popup .select_item { /****Añadido por Ángel****/
	width: 200px !important;
}

.crisis_popup .item {
	margin-top: 20px;
}

.crisis_popup .symptom_label {
	margin-left: 10px;
}

.crisis_popup .label_bronco_info {
	margin-bottom: 20px;
    margin-left: 10px;
    width: 310px !important;
}


/*////////////////// POPUP ALERGIAS  ////////////////*/	

.alergias_popup  {
	min-width: 600px;
	max-height: 500px;
	width: 700px !important;
}

.alergias_popup .titulo_seccion {
	border-top: 1px solid #E0E0E0;
	padding-top: 10px !important;
	margin-right: 10px !important;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: normal;
}

.alergias_popup .tres_col {
	width:33%;
	display:inline-block;
}

.alergias_popup .skin_prick_test {
	width: 150px !important;
}

.alergias_popup .full_col {
	width:98%;
	min-width:600px;
	padding:15px 0px;
}

.alergias_popup .tamano_observaciones {
	width: 90% !important;
}

.alergias_button {
	margin-top: -30px !important;
    margin-left: 110px !important;
}

.alergias_popup .spinner_form {
	padding-left: 20px;
}

.alergias_popup #spinner_form_header {
	padding-top: 15px !important;
	padding-left: 20px;
}

.alergias_popup #spinner_form_header span {
	width: 26% !important;
    display: inline-block;
    margin-left: -8px !important;
}

.alergias_popup .tamano_select {
	width: 140px !important;
}

.alergias_popup .tamano_titulo {
	width: 123px !important;
}

.alergias_popup .spinner_form input {
	margin-top: 5px !important;
}

.alergias_popup li.border_bottom {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 10px !important;
	margin-right: 10px !important;
}

#button-remove-allergy {
	cursor: pointer;
	margin-top: -10px !important;
}

.alergias_popup .tamano_mediano {
	width:80px;
}





/*////////////////////// TOOLTIP ESTADO NUEVO TRATAMIENTO ///////////////////////////*/

.tooltip_estado li{
	width:auto;
	margin:5px 0px;
}

.tooltip_estado li img{
	vertical-align:middle;
	}
	
/*////////////////////// POPUP NUEVO TRATAMIENTO NUEVO DISEÑO ///////////////////////////*/

.new_tratamiento .migas{
	font-size:14px;
	color:#999;
}



.new_tratamiento .migas span{
	font-size:14px !important;
	color:#5d99d1;
	font-weight:bolder;
}

.new_tratamiento .pie_pop .atras{
	float: left !important;
	margin-left: 10px; /*** Añadido por Miguel ***/
}

.pie_pop .atras{ /*** Añadido por Miguel ***/
	float: left !important;
	margin-left: 10px; 
}

.new_tratamiento .pie_pop .siguiente{
	float:right !important;
}

.new_tratamiento .paso_uno, .new_tratamiento .paso_dos, .new_tratamiento .paso_tres, .new_tratamiento .paso_cuatro{
	padding:0px 10px;
}

.new_tratamiento .paso_uno  .titulito, .new_tratamiento .paso_dos .titulito, .new_tratamiento .paso_tres .titulito, .new_tratamiento .paso_cuatro .titulito{
	color:black;
}

.new_tratamiento .paso_uno  span, .new_tratamiento .paso_dos span, .new_tratamiento .paso_tres span, .new_tratamiento .paso_cuatro span{
	color:#999;
	font-size:14px;
}

/*---PASO UNO---*/

.new_tratamiento .paso_uno ul li{
	width:250px !important;
	padding:10px;
	margin-right:0px !important;
	display:inline-block !important; 
	text-align:center;
}

.new_tratamiento .paso_uno ul li .titulo_farmaco, .titulo_farmaco{
	font-size:14px !important;
	color:#5d99d1;
	font-weight:bold;
	margin-bottom:10px !important;
}
.new_tratamiento .paso_uno ul li img, .new_tratamiento .paso_uno ul li button{
	float:none!important;
}

/*---PASO DOS---*/

.new_tratamiento .paso_dos ul li{
	display:inline;
	margin-right:20px;
}

.new_tratamiento .paso_dos ul li input{
	vertical-align:middle !important;
}

.new_tratamiento .paso_dos .info_foto .texto_info ul li{
	display:list-item !important;
}

.new_tratamiento .paso_dos .info-disp{
	max-width: 630px !important;
}

.new_tratamiento .paso_dos .info-disp .text-info, .new_tratamiento .paso_dos .info-disp .img-info{
	width:45% !important;
	padding:10px;
	display:inline-block;
}

.new_tratamiento .paso_dos .info-disp .img-info{
	vertical-align:top;
}

.new_tratamiento .paso_dos .info-disp .img-info .default-img{
	opacity:0.5;
}

/*---PASO TRES---*/

.new_tratamiento .paso_tres .info, .new_tratamiento .paso_cuatro .info{
	width:95%;
	margin:10px 0px;
	border:1px solid #5d99d1;
	border-radius:5px;
	padding:5px;
	
}


.new_tratamiento .paso_tres .info span, .new_tratamiento .paso_cuatro .info span{
	font-size:14px !important;
	color:#5d99d1;
	vertical-align:middle !important;
}

.new_tratamiento .paso_tres .info img, .new_tratamiento .paso_cuatro .info img{
	float:right;
}

.new_tratamiento .paso_tres ul li{
	padding:10px 0px;
}

.new_tratamiento .new_treatment_tomas{
	padding-bottom:10px;
	max-width: 630px !important;
}

.new_tratamiento .new_treatment_tomas button{
	float:none !important;
}

.new_tratamiento .new_treatment_tomas .hour{
	margin-top:10px;
}
.new_tratamiento .new_treatment_tomas .hour span{
	color:#FFF;
	font-size:12px !important;
}

.new_tratamiento .new_treatment_tomas ul li{
	margin-bottom:5px;
	
}

.new_tratamiento .gris_color{
	color:#999 !important;
}



.new_tratamiento #hours .hour li{ 
	color:#FFF !important;
	padding:3px 5px ;
	background:#5d99d1 !important;
	width:auto !important;
	display:inline-block;
	border-radius:5px;
	height:20px !important;
}

.new_tratamiento #hours .hour li button{
	margin-top:0px !important;
	background:none !important;
	float:none !important;
}

.new_tratamiento #hours button{
	float:none !important;	
}

/*////////////////// Añadido para los formularios de la plantilla i de Gregorio  ////////////////*/	
.contenido_efectos_adversos{
	width: 600px !important; /*** Añadido por Miguel ***/
}

.new_tratamiento .paso_cuatro .error{/*** Añadido por Sandra ***/
	font-size: 12px !important;
    color:#F00;
    font-weight: bolder;
}

/*** Añadido por Miguel ***/
.new_tratamiento_authorization{
	padding-bottom:10px;
	max-width: 630px !important;
}

/***********************************************************************************************************************/
/*////////////////// Añadido para los popups de interconsulta - Módulo interconsulta (Ángel Roldán)  ////////////////*/
/***********************************************************************************************************************/

.popup_interconsulta {
	min-width: 200px;
	min-height: 150px;
    max-height: 420px;
    overflow-y: scroll;
    padding: 10px 20px 10px 20px;
}

.popup_interconsulta ul li span, .popup_interconsulta ul li select{
	font-size:12px !important;
}

.popup_interconsulta ul li span{
	display: inline-block;
	width: 70px;
}

.popup_interconsulta ul {
    margin-right: 10px;
    width:100%;
}
.popup_interconsulta ul li {
    font-size: 12px;
    color: #666;
    width: auto;
    text-align: left;
}

.popup_interconsulta .select_physician_step {
	padding:0px 10px;
}

.popup_interconsulta .select_physician_step .title {
	color:black;
}

.popup_interconsulta .select_physician_step span {
	color:#999;
	font-size:14px;
	width: 200px !important;
}

/*--- SELECCIONAR PROFESIONAL ---*/

.popup_interconsulta .select_physician_step ul li {
	width:250px !important;
	padding:10px;
	margin-right:0px !important;
	display:inline-block !important; 
	text-align:center;
}

.popup_interconsulta .select_physician_step ul li .physician_option_description {
	font-size:14px !important;
	color:#5d99d1;
	font-weight:bold;
	margin-bottom:10px !important;
}

.popup_interconsulta .select_physician_step ul li button {
	float:none!important;
}

.jFiler {
	margin-top: 10px;
	font-size: 12px;
	font-family: "Exo 2";
	color: #666;
}

.jFiler-input {
	font-family: "Exo 2" !important;
	font-size: 12px !important;
	color: #666 !important;
}

.jFiler-input-caption span, .jFiler-item-others span {
	width: auto !important;
}


/*//////////////////// SOLO POPUPS ACERCAS DE /////////////////////////////////////*/

.about {
    text-align: center;
    
}

.about img {
  
    margin-bottom: 8%;
}

.about h2 {
    color: #5d99d1;
    margin-bottom: 8%;
}

/*//////////////////// SOLO POPUPS MULTIVALIDACIÓN /////////////////////////////////////*/


.multivalidation-pop {
    border:none !important;
}

.multivalidation-pop button {
    background: #FFF !important;
    margin-top: 0px !important;
}

#validation-table-title {
	margin-top: 10px;
	margin-bottom: 10px;
}

#lbl_events_validate {
	font-size: 14px !important;
	font-weigth: bold;
}

/* Añadido por Miguel */
#content-event-validate {
    overflow-y: scroll;
    height: 400px;
}

/*//////////////////// POPUPS PARA EVOLUTIVOS DIARIO (Añadido por Ángel) /////////////////////////////////////*/
.diary-table {
	overflow-y: scroll;
    max-height: 305px;
}

/*//////////////////// POPUPS PARA REPORTS (Añadido por Ángel) /////////////////////////////////////*/

.reports {
	width: 50px !important;
}

.reports ul {
	margin-top: 10px !important;
}

.reports ul li {
	padding-bottom: 15px !important;
	margin-bottom: 10px;
}

.reports ul li span {
	float: left;
	font-size: 13px !important;
}

.label {
	width: 30%;
}

.content {
	width: 70%;
}

.reports ul li img {
	float: left;
    padding-right: 10px;
}

.reports ul li span#report-info {
	width: 90%;
}

.pregunta_texto_restaurar {
	font-weight: bold  !important;
	margin-top: 15px !important;
	margin-left: 10px;
}

button.enviar-restaurar {
	display: block !important;
	margin: 10px 10px 10px 10px;
	height: 25px;
	background: #8f2328;
	border-radius: 3px;
	border-color: #8f2328;
	color: white;
}

div#restore-password-log {
	display: blok;
	margin: 15px 10px 15px 10px;
}

div#restore-password-log p.error {
	align: left;
	color: red;
}

div#restore-password-log p.success {
	display: block;
}


/*//////////////////// POPUPS PARA ASOCIAR UN CÓDIGO QR A UN TRATAMIENTO  /////////////////////////////////////*/

#qr-code-description {
	color: black;
	font-size: 15px !important;
	font-weight: bold;
}

#qr-code-value {
	width: 70%;
}

#qr-code-button {
	margin-bottom: 3% !important;
}

#qr-code-add-correctly {
	font-weight: bold;
	color: #088A29;
}

#qr-code-groupcode,
#qr-code-expirationdate,
#qr-code-lotnumber,
#qr-code-serialnumber,
#qr-code-spanishcode,
#qr-code-portuguesecode {
	margin-bottom: 3% !important;
	padding-right: 2%;
	padding-left: 2%;
}

#qr-code-groupcode-title,
#qr-code-expirationdate-title,
#qr-code-lotnumber-title,
#qr-code-serialnumber-title,
#qr-code-spanishcode-title,
#qr-code-portuguesecode-title {
	font-weight: bold !important;
	font-size: 16px !important;
}

#qr-code-error {
	margin-top: 2% !important;
	margin-bottom: 2% !important;
}

#qr-code-error-message {
	color: red;
	font-size: 15px !important;
}