/*@import url("/App_Themes/admin/css/reset.css");
@import url("/App_Themes/admin/css/style.css");
@import url("/App_Themes/admin/css/invalid.css");*/
.dxtlCommandCell img
{
	cursor:pointer;
	
	}

#main-content
{
	padding-top:55px;
	min-height:450px;}
body
{
	min-height:700px;
	}
	
	/* AspxGridView */

#main-content .dxgvControl table td,
#main-content .dxgvControl table th,
#main-content .dxtlControl
 {	}   

  #main-content .dxgvControl table td.dxgv ,  #main-content .dxgvControl .dxgvGroupPanel 
    {

		border-top:none;
		border-bottom:none;
		}
    /*---------------*/
    
	/*  CHeader de AspxGridView */
    
.dxgvControl .header table,.dxtlControl .header table
{
    line-height: 1.3em;
	font-size:10pt;
    color: #fff !important;	
	}
.dxgvControl .header,.header th
{ 
			border-top:none;
		border-bottom:none;
	border-bottom: 1px solid #ddd;
	background:#e30090;
 color: #fff !important;
	}
th.dxtlHeader
{
	padding: 4px 5px;
	border-top:none;
	border-bottom:none;
	border-bottom: 1px solid #ddd;
	background:#e30090;
	color: #fff !important;	
	line-height: 1.3em;
	font-size:10pt;
	}
#main-content .forms tbody tr
{
	background:none;
	}
	#main-content .forms tbody
	{
		border:0;
		}
.dxgvTable
{	border: 1px solid #ccc;}	

	/*---------------*/
    
#main-content .dxgvDataRow .dxgv,
#main-content .dxgvSelectedRow .dxgv,
#main-content .dxtlNode .dxtl,
#main-content  .dxtlAltNode td.dxtl,
#main-content .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, 
#main-content .dxtlEditFormDisplayNode td.dxtl, 
#main-content .dxtlCommandCell      
{
	color:Black;
	/*padding:0px;
	padding-bottom: 11px;
    padding-left: 8px;*/
    
	line-height: 1.3em;

    padding:8px 0px 8px 5px;
	
}     
	
	  
.errorlabel
{
	clear:both;
	float:left;
	background: #ffcece url('/App_Themes/admin/images/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	background-color: transparent;
	margin: 5px 0px 5px 5px;
	font-size:10pt;
	}
		/*  + de AspxTreeList*/
.dxtlIndentWithButton img	
{
	padding-top:0px;
	}
	/*---------------*/
    	/*  Calendars */	
#main-content .dxeTextBox,#main-content .forms .Calendar > table td
{
	background: #fff url('../../images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	padding: 0px;
	font-size: 13px;
	color: #333;
	
	}


.dxeButtonEdit .dxeEditArea
{
	   height: 17px;
    padding: 5px;
	width:93%;

	}
.dxgvTable .dxeButtonEdit .dxeEditArea,
.dxgvTable  td.dxic,
.dxgvTable .dxeTextBox .dxeEditArea,
.dxtlControl  td.dxic,
.dxtlControl .dxeButtonEdit .dxeEditArea
{
	height:19px;
	padding:0px;
	margin:0px;
	width:98%;

	}
.dxgv .dxic { padding:3px;}

#main-content table.dxeButtonEdit
{	
	font-size: 13px;
	color: #333;
border: 1px solid  #D5D5D5;
	}
.dxeButtonEditButton
{
	border:none;
	border-left: 1px solid #d5d5d5;
	
	color: #333;
	padding:0px 2px;
	
	}

#main-content .forms  dl.Calendar tr,
#main-content  .forms dl.Calendar td,
#main-content  .forms dl.Calendar th {
                background:transparent;
                padding:0px;
 }
                

                
#main-content  .forms dl.Calendar td,
#main-content  .forms dl.Calendar th 
{
    padding: 3px;width:14px;
	line-height:normal;
	
                }  
                /* Colocar lo de dentro del control de Fechas */
#main-content  .forms dl.Calendar td.dxic
{
	 padding: 6px 0px 5px 0px;}         
           	       
	 /*-------------------------------------*/

#main-content  .forms dl.Calendar .dxeButtonEdit
{              
    font-size: 13px;
	background: #fff url('../../images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
	width:99%;
    }  
#main-content  .forms dl.Calendar .dxbebt td.dx
{
	padding-left: 3px;
	padding-right: 3px;
	width: 14px;
} 

	/*---------------*/
	
	
	/*-------form dl 50%--------*/
	
#main-content  .forms dl.percent50L
{
	clear:both;
	width:47.5%;float:left;
	}

#main-content  .forms dl.percent50R
{
	width:47.5%;float:left;
	margin-left:29px;
	}


#main-content  .forms dl.percent33
{
	width:32%;float:left;margin-right:10px;
	}
	
#main-content  .forms dl.percent75L
{
	width:72%;float:left;
	}
	
#main-content  .forms dl.percent75R
{
	width:72%;float:right;
	}

#main-content  .forms dl.percent25R
{
	width:22%;float:left;
	margin-left:36px;
	}
#main-content  .forms dl.percent25
{
	width:22%;
	float:left;
	margin-left:18px;
	}
#main-content  .forms dl.percent25L
{
	width:22%;
	float:left;
	margin-left:0;
	}
		
	/*------------BOotones devExpress ---------------*/
	
#main-content .button .dxbButton,
.dxbButton #main-content table.forms .button .dxbButton
{
	background:url('../../images/bg-button-green.gif') top left repeat-x !important;
	padding:0px; 
	color: #fff !important;   
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px !important;
	border:none;
	}
	
#main-content .button .dxb,
#main-content table.forms .button .dxbButton .dxb
{
	padding:0px;
			}
#main-content table.forms .button .dxbButton .dxb span,
#main-content .button .dxb span
{
	color:#fff;
	padding:3px;
	}
#main-content .forms .button td,
#main-content .forms .button tr,
#main-content .button td,
#main-content .button tr
{
	background-color:Transparent;
	padding:0px;
		margin:0px;
	}				
			
/*------------CheckBox ------------------*/

.checks label
{
	clear:both;
	
	display:inline-table;
	}			
.checks input
{
	/*float:left;*/
	display:inline-table;
	}
	
	
	

		
/*-------------dt ----------------*/

dt
{
	padding:10px 0px 3px 0px;
	}		
	
	
	
/*----------Botones Grabar cancelar de los GirdDevexpress, para que queden como los botones */

.dxgvCommandColumn img
{
	cursor:pointer;
	}
.dxgvCommandColumn
{
	background-color:Transparent;
	}


.dxgvCommandColumn .button
{
	/*background:url('../images/bg-button-green.gif') top left repeat-x !important;*/
	padding:0px; 
	color: #fff !important;   
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px !important;
	border:none;
	margin:1px;
	}
.dxtlCommandCell .button
{
	float:left;
	margin:2px;   
	}	
	
.dxgvCommandColumn .button a, .dxtlCommandCell  .button a
{	
	color:#fff;
	background-color:Transparent;
}               
.dxgvCommandColumn .button a:hover,.dxtlCommandCell .button a:hover
 {
    text-decoration: underline;
    }
                
.dxgvCommandColumn .button a:active,.dxtlCommandCell .button a:active
 {
                padding: 5px 7px 4px 7px !important;
                }
      

#main-content .dxgvControl table td.dxgvEditFormTable
{  
	border-top: 1px solid #ccc;
	   padding: 4px 4px 4px 10px;
		}      
 




/*************** Pagination ***************/

#main-content .pagination span,#main-content .pagination .dxpSummary 
{
	margin: 0 5px 0 0;
	padding: 3px 6px;
	color: #57a000; 
	text-decoration: none; 
	}

#main-content .pagination .dxpCurrentPageNumber
{
    margin:2px;
	}
				
#main-content .pagination .dxpDisabled 
{
	text-decoration: none;
    }
    
#main-content .pagination .dxpButton  
{	
	color: #777;text-decoration: none; 
	}



/*----------progress ----*/
div.blockMsg {
  border: 1px solid #ddd;
  height: 150px;
  width: 270px;
   z-index: 10001; 
}
div.blockMsg div#progress
{
	background-color: #fff;
	background-image: url("images/loading.gif");
	background-position: center left;
	background-repeat: no-repeat;
	height:35px;
	font-size:14px;
	font-weight:bold;
	margin:50px 30px;
	width: 270px;
	}
div.blockMsg div#progress div
{
	padding:12px 20px;
}


/*-----------botonera ------------*/

.botonera
{
	margin-top:10px;
	}


.title_idioma
{
	width:100%;
			
	}	
 
.title_idioma a
{
	float:left;
	padding:15px 30px 5px 10px;
margin-bottom:15px;
	font-weight:bold;
	border-bottom:solid 2px #2669BB;
	width:96%;
	color:#2669BB;
	font-size:small;

	}
.title_idioma img 
{
		padding:0px 10px 0px 0px;
	}		
	
		/*---cute editor --*/
#main-content table.cutte td,
#main-content table.cutte th
{
	padding:3px 2px 1px 3px;
	}
	
	
	
/********************************************************************************************************************
    ESTILOS PARA LOS VALIDADORES DE LA PÁGINA DEL LOGIN.
********************************************************************************************************************/
.valgrupo { line-height: 1.5em; margin-left: 30%; }


/********************************************************************************************************************
    ESTILOS PARA LOS BOTONES DEL ADJUNTAR IMAGEN A LOS IDIOMAS.
********************************************************************************************************************/
.btnpopup { float:left; margin-right: 10px; }


/********************************************************************************************************************
    ESTILOS PARA LA ETIQUETA DE AVISO DEL CONTACTO QUE VIENE DESDE LA WEB (contacto.aspx).Y tb. estilos para contactos.aspx
********************************************************************************************************************/
dl.info { margin:15px 0 25px; }
dl.info dt { width:3%; float:left; padding:0; }
dl.info dd { width:100%; font-size: 15px; line-height: 15pt; }
/*.divinfo  
{*/
    /*background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f; 
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d; 
    background-color: #f8daed;
    border-color: #d60c8c;
    color: #d60c8c;*/
    /*background-color: #d60c8c;    
    color: #fff;*/
    
    /*float: right;
    padding: 15px;
    width: 93%;
    border-radius: 13px;
    font-size: 15px;
    line-height: 15pt;
}*/

#main-content .pagination span, #main-content .pagination .dxpSummary { color:Black; }
.dxm-popupMain ul.dx li { background:none !important;  padding: 0 0 0 5px !important; } 
/*.dxp-comboBox { padding:0; background-color:Red; }
.dxp-dropDownButton { float:right; }*/

/********************************************* TALLERES *************************************************/
.dxeButtonEdit td.dxic, .dxeButtonEdit td.dxeButtonEditButton { padding:0px !important; }

/*.dxeCalendar td { padding:5px !important; }*/
.dxpc-shadow {
    box-shadow: 0px !important;
}

.btnmove { width:25px; height:25px; float: left; } 




/**********************************************************************************************************
                            ESTILOS PARA LAS ENCUESTAS
**********************************************************************************************************/
.encuestas .title { float: left; font-size: 120%; font-weight: bold; margin: 10px auto;
                    text-align: center; text-transform: uppercase; width:100%; } 
                    
.encuestas .forms { padding:0 5px; }
.encuestas .encuestaheadertext { font-size: 120%; margin: 10px 0; text-align: left; font-weight:bold; 
                                 text-decoration: underline; text-transform: uppercase; }
                                 
.encuestas .txtobs, .encuestas .txtotros { margin: 10px 0; width: 75% !important;}
.encuestas .forms select { width:75%; }
.encuestas .forms .encuestaradio { width: 25%; }
.encuestas .forms .encuestaradio td label { float: left; margin-right: 5%; margin-top: 3%;}
/*.encuestas .forms .encuestaradio td input {  }*/
.encuestas .chklist, .encuestas .jsselectedcheck { margin: 10px 0; width: 100% !important; }
.encuestas .chklist input, .encuestas .jsselectedcheck input { float:left; }
.encuestas .chklist label, .encuestas .jsselectedcheck label { float:left; width:75%; padding: 3px 0 0 3px !important; }

div.info { float:left; background-color: #d1dfef; border-radius: 5px; width:100%; font-size: 100%; line-height: 1.3em; }
div.info .imginfo { float:left; margin: 17px auto; padding: 0 10px; background-color:#d1dfef; }
div.info .spaninfo {  float: left; padding: 7px; width: 94%; }


/*

	FOrmularios inline

*/
.grid-textbox{
	border:solid 1px #333;
	font-size:9pt;
	margin-left:5px;
	width:80%;
}
	.grid-textbox.nombre, .grid-textbox.nif, .grid-textbox.telefono {
		width: 38%;
	}
	.grid-textbox.hospital {
		width: 79%;
		border-radius:3px;
		border-color:#999;
		float:left;
		margin:2px 0px;
		padding:5px;
		font-size:10pt;
	}
	/*	.grid-textbox.email, .grid-textbox.nombre {
		width: 90%;
	}
*/
	.grid-error {
		font-size: 8pt;
	}
i.fa{min-width:12px;}