/*
	CUIDADO con los !important. Genera problemas en los editores de texto con formato html
*/

html
{
	height: 100%;
}

html, body, div, span, p, a, :not(span) > strong, b, :not(span) > u, :not(span) > i, center,
form, label,table,tbody, tfoot, thead, tr, th, td, input
{
	/* No añadir !important */
	font-family: 'Roboto',Helvetica,Arial,'Sans Serif';
}

.imagen1
{
	position: absolute;
	/* left:50%;
	margin-left: -108px; */
	z-index: 1;
	background-color: White;
	background-image: url('../Imagenes/main/logo-mn.svg');
	background-repeat: no-repeat;
	background-size: 35px;
	width: 35px;
	height: 21px;
	margin-top: 15px !important;
	margin-left: 15px !important;
}
.contenedorLogo
{
	width: 50px !important;
}
body  
{
	margin: 0;
	background-color: #FFFFFF;
	/* background-image:url('../Imagenes/main/fondo.png'); */
	background-repeat: repeat-x;
	font-size: 13px !important;
	height: 100%;
}
.imagen2
{
	z-index: 2;
	width: 100%;
	height: 50px;
	background-color: White;
}

.divMenuDesplegable
{
	float: left;
	width: 100%;
	height: 38px;
	min-width: 975px;
}
.imgCabecera,.divFill,.cabecerafixed
{
	width: 100%;
	min-width: 375px;
}

.divFill {
	height: 65px;
}

.divCuerpo {
	float: left;
	width: 100%;
	height: 100%;
	min-width: 375px;
}

.divPie
{
	clear: both;
	width: 99%;
	height: 1%;
	min-width: 975px;
	margin: 0.5%;
}

p
{
	padding: 0;
	margin: 0;
}

.divEncabezado
{
	float: left;
	width: 100%;
	height: 55px;
	min-height: 55px;
	min-width: 975px;
	margin-bottom: 5px;
}

.divBarraLateral
{
	float: left;
	width: 14%;
	margin-right: 5px;
}

.divBarraLateral p 
{
		float: left;
		width: 100%;
		margin-top: 10%;
		margin-bottom: 10%;
	}

.divContenido 
{
	float: left;
	width: 85%;
	height: 100%;
}
.divContenidoCol
{
	float: left;
	width: 85%;
}
.divImgInicio
{
	width: 100% !important;
	/* width:90% !important;
	margin-left:5% !important;
	margin-right:5% !important;  */
	margin: 0 auto;
}
.divGridView100
{
	width: 100%;
}
.divGridViewNew
{
	margin-left: 25px;
}
.divGridView
{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.divGridViewCorto
{
	width: 80%;
	margin-left: 5%;
	margin-right: 15%;
}
.divGridViewLargo
{
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5%;
	margin-left: 5%;
}
.divCabeceraGrid
{
	display: none;
	/*width:950px; 
	margin: 0 auto;
	margin-top: 30px;*/
}
.divBotonesGridLargo
{
}
.botonGridGrande
{
	float: left;
	margin-left: 8px;
	width: 100px;
}
.noMargin { margin:0 !important; }
.divSeccionEdicion 
{
	margin: 10px auto;
	width: 100%;
}

.tablaCampos
{
	float: left;
}

.lblCampos
{
	font-weight: bold;
	font-family: Tahoma;
	font-size: 9pt;
}



.txtCampos
{
	width: 550px;
	height: 18px;
	border: 1px solid #A0A0A0;
	font-family: Tahoma;
	font-size: 9pt;
}

.textareaCampos
{
	width: 100%;
	height: 500px;
	border: 1px solid #A0A0A0;
	font-family: Tahoma;
	font-size: 9pt;
}

.divAlineadoDerecha 
{
	float: right;
	margin-right: 5px;
}


div.navbar
{font-size: 8pt;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
	width: 100%;
	height: 38px;
	background-color: Gray;
	background-image: url('../Imagenes/Menu/menu-normal.jpg');
text-align:center;}

table.menu
{font-size: 8pt;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
width:115px;}

.menuNormal
{
	padding: 0px;
	color: black;
	font-weight: bold;
	height: 38px;
	width: 115px;
	float: left;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
.menuNormal:hover
{
		color: White;
		background-image: url('../Imagenes/Menu/menu-hover.jpg');
	}
.menuNormal div
{

	}
.bloqueMenu1
{
	display: none;
	border: none;
	position: absolute;
	z-index: 99;
	margin-left: 0px;
	margin-left: -62px;
	width: 160px;
	background-color: Black;
}
.menuNormal:hover > div
{
	display: block;
}
.menuItemNormal
{text-decoration: none;
	color: White;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 9pt;
	font-family: Tahoma;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	position: relative;
}
.menuItemNormal:hover
{
		background-image: url('../Imagenes/Menu/submenu.gif');
	}
.menuItemNormal div
{
		display: none;
		border: none;
		position: absolute;
		margin-left: 150px;
		margin-top: -20px;
		width: 120px;
		background-color: Black;
	}
.menuItemNormal:hover > div
{
		display: block;
	}
p.textoMenu
{
	font-size: 9pt;
	font-family: Tahoma;
	line-height: 38px;
}
p.textoMenu2
{
	font-size: 9pt;
	font-family: Tahoma;
	line-height: 20px;
}
div.separator
{
	float: left;
	height: 36px;
	width: 1px;
	background-color: #8F8F8F;
}
table.gridview
{
	width: 100%;
	font-family: Tahoma;
	font-size: 10pt;
	border-style: none;
}
table.gridview th
{
		background-color: #DCDCDC;
		border-color: #9F9F9F;
		border-style: solid;
		border-width: 1px;
		text-align: left;
		font-weight: normal;
	}

table.gridview th a
{
			color: Black;
			display: block;
			padding: 5px;
			cursor: pointer;
		}

table.gridview td
{
		padding: 5px;
		font-size: 8pt;
		border-color: #CFCFCF;
		border-style: solid;
		border-width: 1px;
	}

tr.gridviewPager td
{
	padding: 2px;
	text-decoration: none;
}

table.gridview a
{
	text-decoration: none;
}

tr.gridviewPager span
{
	font-weight: bold;
}

 .botonVerde
{
	background-color: #666666;
	border: 0;
	color: White;
	cursor: pointer;
	width: 90px;
	height: 36px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	-webkit-appearance: none !important;
}
.botonVerde:hover
{
		background-color: #91D23C;
	}
.botonNegro4:hover,.botonNegro5:hover
{
	background-color: Gray;
	color: White;
	border-color: #666666;
}
.botonBlancoPestana
{
	height: 25px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	border-bottom-style: none;
}
.botonNegro3,.botonNegro3Lineas
{
	display: block;
	background-color: #666666;
	width: 79px;
	height: 50px;
	border: 0;
	padding-top: 20px;
	padding-left: 5px;
	border-right: solid 6px White;
	color: White;
	cursor: pointer;
	text-align: left;
	margin-bottom: 6px;
	-webkit-appearance: none !important;
}
.botonNegro3Lineas
{
	white-space: normal;
	padding-top: 5px !important;
}
.botonNegro3Left
{
	float: left;
	display: block;
	background-color: #666666;
	width: 79px;
	height: 50px;
	border: 0;
	padding-top: 20px;
	padding-left: 5px;
	border-right: solid 6px White;
	color: White;
	cursor: pointer;
	text-align: left;
	margin-bottom: 6px;
	-webkit-appearance: none !important;
	white-space: normal;
	padding-top: 5px !important;
}

.dxbButton, .botonNegro4, .botonNegro5, #botonRejilla {
	color: #666666;
	text-align: left;
	border: 0;
	cursor: pointer;
	text-align: center;
	min-width: 50px;
	-webkit-appearance: none !important;
}
.botonNegro5
{
	font-size: smaller;
}
.botonNegro4
{
	padding: 6px 4px 6px 4px;
}
.botonNegro5
{
	padding: 1px 4px 1px 4px;
}

.divCargando
{
	position: absolute;
	z-index: 2;
	left: 48%;
	top: 45%;
	font-family: Tahoma;
	font-size: 10pt;
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
	width: 110px;
	height: 33px;
	padding-top: 7px;
	padding-left: 5px;
	background-color: White;
}

.divCargando2
{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: gray;
	opacity: 0.01;
	filter: alpha(opacity=1);
	
}

.imgCargando
{
	background-image: url('../Imagenes/loading.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 10px;
}

.rectanguloGris
{
	border-style: solid;
	border-color: #E6E6E6;
	border-width: 2px;
	width: 99.5%;
	height: 99.5%;
	text-align: center;
}

div.imgAscendente
{
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background-image: url('../Imagenes/Iconos/Ascendente.gif');
	background-repeat: no-repeat;
	float: left;
}

div.imgDescendente
{
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background-image: url('../Imagenes/Iconos/Descendente.gif');
	background-repeat: no-repeat;
	float: left;
}

div.imgMasMenos
{
	margin-top: 3px;
	width: 16px;
	height: 16px;
	text-align: center;
	float: left;
	margin-left: 1%;
	cursor: pointer;
	border: solid 1px blue;
	color: Blue;
}
.bordeBot
{
	position: absolute;
	bottom: 1px;
	left: 0;
	height: 4px;
	width: 100%;
}
.verde{background-color:#1DAAB1; border-radius:0.5em; }
.bverde {border-color:#31CEDA; }
.azul{background-color:#31CEDA; }
.bazul {border-color:#31CEDA; }
.fucsia{background-color:#E95AAE;}
.bfucsia { border-color:#E95AAE;}
.naranja{background-color:#FE9A4D;}
.bnaranja{border-color:#FE9A4D;}
.gris{background-color:#666666;}
.bgris{border-color:#666666;}
.titulo1 { margin-left: 3%; font-size: 20px; color: #999999 !important; margin-bottom: 5px; height:24px; overflow:hidden;}
.titulo2 { width:97%; font-size: 16px; color: #999999 !important; margin-bottom: 5px; margin-left:3%; }
.titulo22 { width:97%; font-size: 20px !important; color: #999999 !important; margin-bottom: 5px !important; margin-left:3%; }
.titulo3 { font-size: 20px; color: #666666; margin-bottom: 5px; height:24px; overflow:hidden;}
.right { float:right; }
.left { float:left; }
.lnkMenuMovil { display:block; float:left;  background-repeat:no-repeat; background-image:url('../Imagenes/Menu/versionmovil.png'); width: 50px; height:28px; margin-left: 5px; }

.divFicha
{
	width: 100%;
	margin: 60px auto;
}

.divEncabezado2 {
	width: 100%;
	height: 85px;
	min-height: 55px;
	margin-bottom: 30px;
	background-color: White;
	border-top-style: solid;
	border-top-width: 4px;
}

.divBarraLateral2 {
	float: right;
	width: 85px;
	margin-right: 0px;
}

.divContenido2 {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.dxmSubMenuItemWithImageWithPopOutImage, .dxmSubMenuItemWithImage {
	padding-top: 0;
	padding-bottom: 0;
	height: 32px;
	background-color: White;
	color: #666666;
	text-align: left;
}

.dxmSubMenuItemHoverWithImageWithPopOutImage, .dxmSubMenuItemHoverWithImage {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #666666;
	color: white;
	border: 0;
	text-align: left;
}

.dxmSubMenu {
	padding: 0;
}

.dxmSubMenuItemSpacing, .dxmSubMenuSeparator {
	height: 0;
	display: none;
}

.dxmSubMenuItemSelected, .dxmSubMenuItemSelectedWithImage {
	background-color: White;
	color: #888888;
	border: 0;
}

.dxgvDataRow, .dxgvFocusedRow, .dxgvSelectedRow {
	height: 30px;
}

.btnAltas, .btnBajas, .btnModificar, .btnVer, .btnJuzgado, .btnBanco, .btnRepetir, .btnCobrar, .btnAdjuntos, .btnArchivar, .btnImportar, .btnImportarPlant, .btnAltasMN, .btnEditarTitulo, .btnPrecio, .btnModificarRelacion, .btnAltasBloque, .btnCopiar, .btnRecalcularPerfil, .btnConfigurar, .btnModificarImagen, .btnPrincipal {
	width: 43px;
	height: 43px;
	border: 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: White;
}
.btnAltas{background-image:url('../Imagenes/Iconos/rejilla_altas.png');}
.btnAltasBloque{background-image:url('../Imagenes/Iconos/rejilla_altas_bloque.png');}
.btnCopiar{background-image:url('../Imagenes/Iconos/rejilla_copiar.png');}
.btnBajas{background-image:url('../Imagenes/Iconos/rejilla_bajas.png');}
.btnModificar{background-image:url('../Imagenes/Iconos/rejilla_editar.png');}
.btnVer{background-image:url('../Imagenes/Iconos/rejilla_ver.png');}
.btnJuzgado{background-image:url('../Imagenes/Iconos/rejilla_juzgados.png');}
.btnBanco{background-image:url('../Imagenes/Iconos/rejilla_banco.png');}
.btnCobrar{background-image:url('../Imagenes/Iconos/rejilla_cobrar.png');}
.btnRepetir{background-image:url('../Imagenes/Iconos/rejilla_repetir.png');}
.btnAdjuntos{background-image:url('../Imagenes/Iconos/rejilla_adjuntos.png');}
.btnArchivar{background-image:url('../Imagenes/Iconos/rejilla_archivar.png');}
.btnImportar{background-image:url('../Imagenes/Iconos/rejilla_importar.png');}
.btnAltasMN{background-image:url('../Imagenes/Iconos/rejilla_altas_mn.png');}
.btnModificarImagen{background-image:url('../Imagenes/Iconos/camara.png'); background-color: transparent;}
.btnEditarTitulo{background-image:url('../Imagenes/Iconos/rejilla_editar-titulo.png');}
.btnGenerar{background-image:url('../Imagenes/Iconos/boton-generar.png');}
.btnPrecio{background-image:url('../Imagenes/Iconos/rejilla-precios.png');}
.btnModificarRelacion{background-image:url('../Imagenes/Iconos/rejilla_editar_relacion.png');}
.btnRecalcularPerfil {background-image:url('../Imagenes/Iconos/refrescar-perfil.png');}
.btnConfigurar{background-image:url('../Imagenes/Iconos/config-perfil.png');}
.btnPrincipal{background-image:url('../Imagenes/Iconos/favoritos.png');}
/* Se aplica a DIVs con fondo blanco y una linea negra arriba */
div.Contenedor1
{
	background-color: white;
	border-top: 1px solid #21CAD8;
	padding: 30px 20px;
	color: #666666;
}

/* Modificación de Contenedor1 para cuando hay un menú a la izquierda en la agenda */
div.ContenedorAgenda2
{
	background-color: white;
	border-top: 3px solid #E95AAE;
	padding: 30px 20px;
	color: Black;
}

/* Modificación de Contenedor1 para el correo */
div.ContenedorCorreo1
{
	background-color: white;
	border-top: 3px solid #FE9A4D;
	padding: 30px 20px;
	color: Black;
	min-width: 700px;
}

/* Modificación de Contenedor1 para el correo, sin raya naranja */
div.ContenedorCorreo2
{
	background-color: white;
	padding: 30px 20px;
	color: Black;
}

/* Se aplica a las lineas de los DIVs de la clase Contenedor1 */
div.Contenedor1 .Linea, div.ContenedorAgenda2 .Linea, div.ContenedorCorreo1 .Linea
{
	margin-bottom: 20px;
}

div.Contenedor1 .Linea10, div.ContenedorAgenda2 .Linea10, div.ContenedorCorreo1 .Linea10
{
	margin-bottom: 10px;
}

/* Se aplica a las lineas de los DIVs de la clase Contenedor1 
   que sirvan de título para la linea posterior
*/
div.Contenedor1 .LineaTitulo, div.ContenedorAgenda2 .LineaTitulo, div.ContenedorCorreo1 .LineaTitulo
{
	margin-bottom: 5px;
	margin-left: 3px;
}

/* Se aplica cuando la el título de la linea y el contenido
   van en la misma linea */
div.Contenedor1 .LineaContenido, div.ContenedorAgenda2 .LineaContenido, div.ContenedorCorreo1 .LineaContenido
{
	display: inline-block;
	width: 85%;
}

/* Se aplica cuando la el título de la linea y el contenido 
   van en la misma linea
*/
div.Contenedor1 .LineaTitulo2, div.ContenedorAgenda2 .LineaTitulo2, div.ContenedorCorreo1 .LineaTitulo2
{
	width: 14%;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
	color: Black;
	text-align: right;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

div.Contenedor1 .TextBox, div.ContenedorAgenda2 .TextBox, div.ContenedorCorreo1 .TextBox
{
	width: 100%;
	height: 25px;
	border: 1px solid black;
	font-family: Tahoma;
	font-size: 9pt;
}

div.Contenedor1 .ComboBox, div.ContenedorAgenda2 .ComboBox, div.ContenedorCorreo1 .ComboBox
{
	width: 100%;
	height: 29px;
	border: 1px solid black;
	font-family: Tahoma;
	font-size: 9pt;
}

/* Modificación de la clase botonGrid sin el margen a la izquierda 
   Se aplica a los DIVs de cada uno de los botones de la clase divBotonesGrid
*/
.divBotonesGrid .divBotonGrid2, .divBotonesGrid2 .divBotonGrid2
{
	float: left;
	margin-right: 5px;
}
.lupa { width: 15px; height: 15px; margin-right:5px; margin-top: 5px; border:0; display:block; float:left; }
.filtro { padding: 2px 0 2px 0; border: solid 1px #999999; display:block; float:left; margin:0; }
.mas { width: 27px; height: 25px; border:0; display:block; float:left; cursor:pointer;}
	.mas:hover { /*Ocultamos la imagen del src con el padding*/
		width: 0px;
		background: url('../Imagenes/main/field-btn-hover.png');
		padding-left: 27px;
	}

.btnsRejilla{width:43px; float:left; margin-left:10px;}
.miniRejilla{width:764px; float:left;}
.miniRejilla2{width:730px; float:left;}



/* Lo mismo que divBotonesGrid pero sin ancho y con alto fijo */
.divBotonesGrid2
{
	/* margin: 15px auto; */
	height: 50px;
	margin-left: 1%;
	margin-right: 1%;
}

/*Subir/bajar horas/fechas*/
.aFecha
{
	font-size: x-large;
	float: left;
	margin-left: 10px;
	display: block;
	background-color: #BBBBBB;
color:White; width:35px; 
	height: 21px;
	text-decoration: none;
	text-align: center;
	line-height: 21px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btnsRejilla .btnsRejilla3, .btnRejilla
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

/* Para usar con textareaCampos */
.anchoFijo
{
	width: 813px;
}

/* Para usar con divBarraLateral2 */
.withTopMargin
{
	margin-top: 45px;
}
.withoutTopMargin
{
	margin-top: -35px;
}
.miniRejilla3
{
	width: 743px;
	display: inline-block;
}
.miniRejilla4
{
	width: 600px;
	display: inline-block;
}
.miniRejilla5
{
	width: 600px;
	float: left;
}
.miniRejilla6
{
	width: 558px;
	float: left;
}
.btnsRejilla3
{
	width: 43px;
	float: right;
	margin-left: 10px;
}

.btnsRejilla4
{
	width: 85px;
	float: right;
	margin-left: 10px;
}
.btn3Puntos{float:left;margin-left:10px;width:30px; height:20px; background:#666666; color:White;font-weight:bold;text-align:center;cursor:pointer;}
.btn3Puntos:hover{background-color:#999999;}

.divBarraLateral3
{
	float: left;
	width: 150px;
	margin-right: 5px;
}

.divContenido3 
{
	float: left;
	width: 500px;
	height:100%
}



/******************* LIGHTBOX CSS *************************/

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1299900;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity: 0.85;
	display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1400000;
	text-align: center;
	line-height: 0;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight: normal;
}
	/* line 24, ../sass/lightbox.sass */
	#lightbox img {
		width: auto;
		height: auto;
	}
	/* line 27, ../sass/lightbox.sass */
	#lightbox a img {
		border: none;
	}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
	/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
	.lb-outerContainer:after {
		content: "";
		display: table;
		clear: both;
	}

/* line 39, ../sass/lightbox.sass */
.lb-container {
	padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
	left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
	outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
	width: 49%;
	height: 100%;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	/* Trick IE into showing hover */
	display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
	left: 0;
	float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
	right: 0;
	float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
	background: url('../Imagenes/lightbox/prev.png') left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
	background: url('../Imagenes/lightbox/next.png') right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
	/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
	.lb-dataContainer:after {
		content: "";
		display: table;
		clear: both;
	}

/* line 95, ../sass/lightbox.sass */
.lb-data {
	padding: 0 10px;
	color: #bbbbbb;
}
	/* line 98, ../sass/lightbox.sass */
	.lb-data .lb-details {
		width: 85%;
		float: left;
		text-align: left;
		line-height: 1.1em;
	}
	/* line 103, ../sass/lightbox.sass */
	.lb-data .lb-caption {
		font-size: 13px;
		font-weight: bold;
		line-height: 1em;
	}
	/* line 107, ../sass/lightbox.sass */
	.lb-data .lb-number {
		display: block;
		clear: left;
		padding-bottom: 1em;
		font-size: 11px;
	}
	/* line 112, ../sass/lightbox.sass */
	.lb-data .lb-close {
		width: 35px;
		float: right;
		padding-bottom: 0.7em;
		outline: none;
	}
		/* line 117, ../sass/lightbox.sass */
		.lb-data .lb-close:hover {
			cursor: pointer;
		}


/********************* FIN LIGHTBOX CSS **********************/


.botonArriba
{
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #aaa;
	border-right-color: #aaa;
	border-top-color: #ddd;
	border-left-color: #ddd;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	cursor: pointer;
	text-align: center;
	width: 155px;
	height: 38px;
}

.botonAbajo
{
	background-color: #91D23C;
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #ddd;
	border-right-color: #ddd;
	border-top-color: #aaa;
	border-left-color: #aaa;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	cursor: pointer;
	text-align: center;
	width: 155px;
	height: 38px;
}

.botonArribaFecha
{
	background-color: #C0C0C0;

	cursor: pointer;
	text-align: center;
	width: 79px;
	height: 60px;
}


.botonAbajoFecha
{
	background-color: #31CEDA;

	cursor: pointer;
	text-align: center;
	width: 79px;
	height: 60px;
}


/******** NUEVOS ESTILOS ***********/

.sombracabecera
{
	background-image: url('../Imagenes/main/sombra-cabecera.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 6px;
}
.botonera
{
	height: 54px;
	background-color: White;
}
.botones {
	padding-left: 40px;
}
.cabecerafixed
{
	z-index: 11999;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	left: 0;
}
.navContainer {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
}
@media (max-height:450px)
{
.cabecerafixed { position:absolute; }
.navContainer { position:absolute; }
.gn-menu-main { position: absolute !important; }
	}
.botoneradummy
{
	width: 100%;
	height: 53px;
}
.divPagGrid
{
	height: 25px;
}
.btnAntGrid,.btnSigGrid,.btnAntGridDis,.btnSigGridDis
{
	display: inline-block;
	border: solid 1px #CCCCCC;
	background-color: #F3F3F3;
	width: 50px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	text-align: center;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-position: center;
}
.btnAntGrid
{
	margin-left: 15px;
	background-image: url('../Imagenes/main/left.png');
}
.btnSigGrid
{
	border-left: 0;
	background-image: url('../Imagenes/main/right.png');
}
.btnAntGrid:hover
{
	background-image: url('../Imagenes/main/left-hover.png');
}
.btnSigGrid:hover
{
	background-image: url('../Imagenes/main/right-hover.png');
}
.btnAntGridDis
{
	margin-left: 15px;
	background-image: url('../Imagenes/main/left-desactivado.png');
	cursor: default;
}
.btnSigGridDis
{
	border-left: 0;
	background-image: url('../Imagenes/main/right-desactivado.png');
	cursor: default;
}
.lblPagGrid
{
	color: #666666;
	margin-left: 10px;
	line-height: 24px;
	float: left;
}
.divBotonesGrid
{
	width: auto;
	margin: 0px auto;
	padding: 0px 0;
	margin-right: 25px;
	margin-left: 25px;
}

.divBotonesGridCorto
{
}
.botonGrid
{
	float: left;
	margin-left: 5px;
}
.roundL,.botonNegro,.botonNegro2,.btnOpciones
{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.roundR,.botonNegro,.botonNegro2,.btnOpciones
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.botonNegro,.botonNegro2,.btnOpciones
{
	display: block;
	background-color: #F3F3F3;
	border: solid 1px #CCCCCC;
	cursor: pointer;
	color: #666666;
	-webkit-appearance: none !important;
	height: 31px;
	text-align: center;
}
.botonNegro,.botonNegro2,.btnOpciones
{
	min-width: 85px;
	*width: 85px; /*IE7*/
}
a.botonNegro
{
	text-decoration: none;
	line-height: 29px;
	height: 29px;
}
.botonNegro2  
{
	display: inline-block;
	background-color: White;
	color: #666666;
}
.btnOpciones
{
	text-align: left;
	padding-left: 5px;
	background-image: url('../Imagenes/main/opciones2.png');
	background-repeat: no-repeat;
	background-position: 67px 13px;
}
.btnOpciones:hover
{
		background-image: url('../Imagenes/main/Opciones-hover2.png');
	}
	.botonNegro:hover, .botonNegro2:hover,
.btnAntGrid:hover,.btnSigGrid:hover,.btnOpciones:hover
{
		background-color: #666666;
		color: White;
	}
select.botonNegro{-webkit-appearance: menulist !important; text-align:left; line-height:31px; }
select.botonNegro:hover{ background-color: #F3F3F3;	color: #666666; }
.botonNegroReserva
{
	display: block;
	background-color: Black;
	cursor: pointer;
	color: White;
	-webkit-appearance: none !important;
	height: 31px;
	text-align: center;
	font-size: 13px;
	min-width: 85px;
	*width: 85px; /*IE7*/
	border: 0px;
}
a.botonNegroReserva
{
	text-decoration: none;
	line-height: 29px;
	height: 29px;
}
.divBuscar
{
	float: right;
	margin-right: 50px;
}
.divBuscar2
{
	float: left;
	margin-top: 7px;
	margin-left: 25px;
	position: absolute;
}
.buscar  
{
	width: 175px !important;
	height: 25px;
	border: 0;
	display: block;
	float: left;
	background-image: url('../Imagenes/main/fondo-field2.png');
	background-repeat: no-repeat;
	outline: 0;
	padding: 0;
	padding-left: 26px;
	background-color: Transparent;
}
.imgInicio,.imgPaginaActual,.separadorInicio,.menuUsuario
{
	display: block;
	float: left;
	width: 50px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	color: #666666;
}
.menuUsuario
{
	line-height: 50px;
	height: 50px;
	width: auto;
	padding-right: 15px;
	z-index: 1;
	outline: none;
	margin-left: 5px;
}
.menuUsuario:focus
{
		/* clicking on label should toggle the menu */
		pointer-events: none;
	}
.menuUsuario:focus .subMenuUsuario
{
			display: block;
			/* don't let pointer-events affect descendant elements */
			pointer-events: auto;
		}
.menuUsuario:hover .subMenuUsuario
{
		*display: block; /* IE7 no funciona :focus */
	}
.subMenuUsuario {
    margin-left: 151px;
	background-color: White;
	display: none;
    width: 200px;
	z-index: 100000;
	position: absolute;
	top: 100%;
    right: 30px;
	border: solid 1px #CCCCCC;
}
.subMenuUsuario:hover
{
		display: block;
	}
.subMenuUsuarioItem
{
	width: 200px;
	float: right;
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    text-align: right;
	padding-right: 15px;
	color: #666666;
    text-decoration: none;
}
.subMenuUsuarioItemHover:hover
{
	display: block !important;
	background-color: #666666;
	color: White;
}
.submenuUsuarioSeparador {
    float: right;
    width: 100%;
	border-top: solid 1px #CCCCCC;
}
.subMenuTriangulo
{
	position: absolute;
	top: -11px;
    right: 19px;
    width: 20px;
    height: 11px;
    background-image: url('../Imagenes/main/triangulo.png');
	background-repeat: no-repeat;
}
.separadorInicio
{
	width: 30px;
	background-image: url('../Imagenes/main/flecha-right.png');
	background-repeat: no-repeat;
	background-position: center;
}
.imgPaginaActual
{
	text-align: left;
	color: #31CEDA;
	width: auto;
	overflow: hidden;
}

.prueba
{
	background-color: Yellow;
}
.dxeButtonEdit
{
	width: 100%;
	height: 30px !important;
	border: none;
	border: 1px solid #CCCCCC !important;
	border-radius: 0.5em;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: none;
	background-color: White;
}
.dxeButtonEdit:focus
{
		text-decoration: none;
		width: 100%;
		height: 30px !important;
		border-radius: 0.5em;
		border: 1px solid #31CEDA;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
		-moz-box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
		box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
.dxeTextBox
{
	width: 100%;
	height: 30px !important;
	border: none;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC !important;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.txtCampos
{
	width: 100%;
	height: 30px !important;
	border: none;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC !important;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.dxeFocused
{
	text-decoration: none;
	width: 100%;
	height: 30px !important;
	border-radius: 0.5em;
	border: 1px solid #31CEDA !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
	box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.fieldFecha{float:left;}
.fieldFecha2{float:left; width:100%; height:20px !important; padding-top:5px; padding-bottom:5px; margin-top:5px;}
.fieldFecha95{float:left; width:95%; display:block; height:20px !important; padding-top:5px; padding-bottom:5px;}
.fieldFechaAuto{float:left; width:auto; display:block; padding-top:5px; padding-bottom:5px;}
.fieldFechaAutoBorder{float:left; width:auto; display:block; padding-top:5px; padding-bottom:5px; border:1px solid #CCCCCC !important; border-radius:0.5em; margin-bottom:10px; padding-left:10px;}
.fieldFechaAutoBorder30{float:left; width:auto; display:block; height:30px !important; padding-top:5px; padding-bottom:5px; border:1px solid #CCCCCC !important; border-radius:0.5em; margin-bottom:10px; padding-left:10px;}

.dxeBase
{
	font-family: 'Roboto',Helvetica,Arial,'Sans Serif';
	margin-top: 10px;
	color: #777777;
	line-height: 21px;
}
.dxeListBox
{
	width: 100%;
	height: 100px !important;
	border: none;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
}
.dxeListBoxItem
{
	color: #A0A0A0;
	background-color: #FFFFFF;
}
.dxeListBoxItemSelected
{
	color: White;
	background-color: #10B9C7;
}
.dxeListBoxItemHover
{
	color: White;
	background-color: #32DBE9;
}
.dxeListBox div.dxlbd
{
	min-height: 100px !important;
}
.btn3Puntos:hover{background-color:#DDDDDD;}
.btn3Puntos {
	float: left;
	margin-left: 10px;
	width: 30px;
	height: 30px;
	background: #EEEEEE;
	color: #999999;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC;
}
.dxeCalendar {
	border: 1px solid #31CEDA;
	background-color: White;
	color: Black;
	font-weight: normal;
	cursor: default;
}
.dxeCalendarFooter {
	background-color: #ededed;
	padding: 8px 0px;
	border-top: 1px solid #31CEDA;
}
.dxeCalendarHeader {
	font: 12px Tahoma;
	background-color: #dcdcdc;
	border-top: 1px solid #31CEDA;
	border-right: 0 solid #31CEDA;
	border-bottom: 1px solid #31CEDA;
	border-left: 0 solid #31CEDA;
	padding: 4px 7px;
}
.dxeErrorCell
{
	position: absolute;
}
.btnsRejilla
{
	float: right !important;
	margin: 0px !important;
	width: 100% !important;
	text-align: right !important;
	border-bottom-color: #31CEDA !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
}
.dxgvControl
{
	text-align: left !important;
	border-width: 0px !important;
	width: 100% !important;
	border-collapse: collapse !important;
	border-collapse: separate !important;
	background-color: #FFF;
}
.dxgvControl a { text-decoration:none !important; color:#31CEDA !important; }

.dxgvDataRow
{
	padding: 20px;
	text-align: left !important;
	font-size: 14px !important;
	font-family: 'Roboto' !important;
	border-top: 1px;
	border-bottom: 1px;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}
	.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv,
.dxgvSelectedRow td.dxgv,.dxgvFocusedRow td.dxgv
{
		padding: 20px !important;
		padding-left: 25px !important;
		padding-right: 5px !important;
		font-size: 14px !important;
		text-align: left !important;
		border-bottom-color: #CCC !important;
		border-bottom-style: solid !important;
		border-bottom-width: 1px !important;
		border-left-width: 0px !important;
		border-right-width: 0px !important;
		border-top-width: 0px !important;
	}
.dxgvHeader td, .dxgvHeader
{
	font-size: 14px !important;
	font-weight: bold;
	font-weight: 700;
	text-align: left !important;
	background-color: #FFF !important;
	font-weight: bold !important;
	vertical-align: top !important;
	text-align: left !important;
	padding: 10px !important;
	/* padding-left: 12px !important; */
	padding-right: 5px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}
.dxgvHeader
{
	border-bottom-color: #333 !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
}
.dxgvFilterRow
{
	background-color: #FFF !important;
}
.dxgvFilterCell
{
	padding-bottom: 4px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}
.dxgvDataRowAlt
{
	background-color: #FFFFFF !important;
}

.dxgvFocusedRow, .dxgvSelectedRow {
    background-color: #EEE !important;
    color: #777 !important;
}
td.dxgv, .dxgvFocusedRow td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow a, .dxgvSelectedRow a
{
	color: #777 !important;
}
.dxeButtonEditButton {
	border-radius: 0.5em !important;
	border: none !important;
	background-image: none !important;
	background-color: White !important;
}
.miniRejilla { width: 100% !important; }

		.campoGrande
		{
	float: left;
	width: 63%;
	height: 55px;
	margin-left: 3%;
	margin-top: 10px;
}
		.campoPeque
		{
	float: left;
	width: 30%;
	height: 55px;
	margin-left: 3%;
	margin-top: 10px;
}
		.campoPequeFL
		{
	float: left;
	width: 30%;
	height: 100px;
	margin-left: 2%;
	margin-right: 1%;
	margin-top: 10px;
}
		.campoPequeF
		{
	float: left;
	width: 33%;
	height: 55px;
	margin-left: 3%;
	margin-top: 10px;
}
		.campoGrande2
		{
	float: left;
	width: 63%;
	height: 55px;
	margin-left: 3%;
	margin-top: 10px;
}
		.campoPeque2
		{
	float: left;
	width: 30%;
	height: 55px;
	margin-left: 3%;
	margin-top: 10px;
}
		.campoMedio
		{
	float: left;
	width: 30%;
	height: 55px;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0;
	margin-bottom: 15px;
}
		.campoMedioDerecha
		{
	float: left;
	width: 40%;
	height: 55px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0;
	margin-bottom: 15px;
}
		.campoMedio50
		{
	float: left;
	width: 45%;
	height: 55px;
	margin-left: 5%;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 15px;
}
@media (max-width: 800px) {
		.campoGrande
		{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
		.campoPeque
		{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
		.campoPequeFL
		{
		float: left;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
		.campoPequeF
		{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
		.campoMedio50
		{
		float: left;
		width: 100%;
		margin: 0;
	}
}
@media (max-width: 660px) {
		.campoMedio
		{
		float: left;
		width: 90%;
	}
}
@media (max-width: 501px) {
		.campoGrande2
		{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
		.campoPeque2
		{
		float: left;
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
		.campoMedioDerecha
		{
		float: left;
		width: 90%;
	}
}

.botonesfiltrarcliente{background-color:White;border-width:1px;border-style:solid;height:30px;border-right-color:#999999;border-right-style:Solid;border-right-width:1px;cursor:pointer;text-align:Left;vertical-align:Middle;}

.dxtcTabWithTabPositionLeft
{
	border-right-width: 1px !important;
}
td.dxtcTabWithTabPositionLeft
{
	border-right-width: 1px !important;
}
td.dxtcActiveTabWithTabPositionLeft
{
	border-right-width: 1px !important;
}
#contenido
        {
	margin: 20px auto;
	width: 100%;
}
td.dxtcPageContent
{
	padding: 0 !important;
}
td.dxtcPageContentWithTabPositionLeft 
{
	padding: 0 !important;
	padding-left: 60px !important;
}
/* --INICIO-- Paginas/Abogados/EditarAbogado.aspx */
.tituloNuevo{float:left;font-size:20px;margin:0px;margin-top:10px;color:#999999;}
.dxtcContent{ display:none; }
.dxtcTab,.dxtcActiveTab{ padding-top:0; padding-bottom:0px; }
        .vTable
        {
	font-weight: bold;
	margin-top: 12px;
}
        .vTablaPanel
        {
	margin: 0px auto;
	/*width: 817px;*/
}
        .btnPestanha
        {
	float: left;
	background-color: #FFFFFF;
	color: #999999;
	border-color: #999999;
	margin: 0px;
	margin-bottom: 1px;
	border-width: 1px;
	border-style: solid;
	font-size: 13px;
	padding: 0px 12px;
	cursor: pointer;
	width: 110px;
	height: 40px;
	text-align: Left;
	vertical-align: Middle;
}
        .btnPestanha:hover
        {
		color: #21CAD8;
		border-color: #21CAD8;
	}
        .btnPestanhaSelect
        {
	background-color: #21CAD8;
	color: White;
	cursor: pointer;
	border-width: 1px;
}
        .btnPestanhaSelect:hover
        {
		color: #FFFFFF;
		border-color: #999999;
	}
        .divPestanhas
        {
	/* border-bottom: 4px Solid #21CAD8; */
	min-height: 30px;
	float: left;
	width: 106px;
	height: 39px;
}
        .Panel
        {
	background-color: White;
	min-height: 200px;
	padding: 15px;
	margin-left: 110px;
	margin-right: 90px;
}
.dxtcRightAlignCell{height:0;}

/* --FIN-- Paginas/Abogados/EditarAbogado.aspx */

/* --INICIO-- Paginas/Bancos/ListaBancosBic.aspx */
        #contenido600
        {
	margin: 20px auto;
	width: 600px;
}
/* --FIN-- Paginas/Bancos/ListaBancosBic.aspx */

/* --INICIO-- Paginas/Centros/ListaCentros.aspx */
        #contenido480min
        {
	margin: 20px auto;
	min-width: 480px;
}
/* --FIN-- Paginas/Centros/ListaCentros.aspx */

/* --INICIO-- Paginas/Historial/EditarActuacion.aspx y EditarPredefinida.aspx */
    	.dxeHD { display: none; } 
    	.blanco { color:White; }
    	.lgris { color:#3B3B3B; }
    	.AjusteTime 
    	{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
	margin-top: -3px;
	padding-left: 10px;
}
    	.NewDisplay 
    	{
	display: initial !important;
}
    	.marginTopNone
    	{
	margin-top: 0px;
}
    	.floatLeft { float:left; }
    	.marginTop5 { margin-top:5px; }
        .dxgvFooter td.dxgv
        {
	border-top: solid 4px #666666;
	padding: 0;
	background-color: White;
}
/* --FIN-- Paginas/Historial/EditarActuacion.aspx y EditarPredefinida.aspx */
.dxh0 { outline:0px;}
.dxeEditArea { font:13px  Tahoma; height:20px !important;}
.dxtcControl { font:13px  Tahoma; padding-right:25px;}
.margin3 { margin-left:3%; }

/* -- NUEVOS CONTROLES -- */
.labelNew
{
	font-family: Roboto;
	font-size: 12px;
	color: #93BBC5;
}
.labelNewCheck
{
	font-family: Roboto !important;
	font-size: 13px;
	color: #666666;
	margin-left: 10px;
}
.TextBoxNew
{
	font-family: Roboto !important;
	font-size: 14px;
	color: #666666;
	width: 100%;
	height: 20px !important;
	border: none;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC !important;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
:focus
{
	outline: none;
}
.TextBoxNew:focus
{
	text-decoration: none;
	border: 1px solid #31CEDA !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
	box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
}
input[type="checkbox"]
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer;
}
.botonAzul
{
	display: block;
	width: 235px;
	background-color: #32CEDA;
	border: solid 1px #31CEDA;
	border-radius: 0.5em;
	cursor: pointer;
	font-family: Roboto !important;
	font-size: 13px;
	color: #FFFFFF;
	-webkit-appearance: none !important;
	height: 40px;
	text-align: center;
	min-width: 85px;
	*width: 85px; /*IE7*/
}
.registro
{
	font-family: Roboto !important;
	font-size: 11px !important;
	margin-top: -10px;
	text-align: right;
	width: 230px;
}
.mail
{
	font-family: Roboto !important;
	font-size: 12px !important;
	color: #31CEDA !important;
	font-weight: 500 !important;
}
.fondoLogin
{
	background-image: url('../Imagenes/main/fondo.jpg');
}
@media (min-width: 1281px) {
    .fondoLogin
    {
		background-image: url('../Imagenes/main/fondo2.jpg');
	}
}
@media (min-width: 1921px) {
    .fondoLogin
    {
		background-image: url('../Imagenes/main/fondo3.jpg');
	}
}
.tituloNombre
{
	font-family: Roboto, Helvetica !important;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	color: #777777 !important;
	float: left;
	margin-top: -10px;
}
.tituloTel
{
	font-family: Roboto, Helvetica !important;
	font-weight: 700;
	font-size: 18px;
	text-align: right;
	color: #777777 !important;
	float: right;
	margin-top: -30px;
}
.tituloMail
{
	font-family: Roboto, Helvetica !important;
	font-weight: 400;
	font-size: 13px;
	text-align: right;
	color: #31CEDA !important;
	float: right;
	margin-top: -10px;
}
.tituloNombre2
{
	font-family: Roboto, Helvetica !important;
	font-weight: 700;
	font-size: 18px;
	text-align: right;
	color: #777777 !important;
	float: right;
	margin-top: -10px;
}
.tituloTel2
{
	font-family: Roboto, Helvetica !important;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	color: #777777 !important;
	float: left;
	margin-top: -30px;
}
.dxgvFilterRow > .dxgv { padding-top:15px !important; padding-left:20px !important; border-bottom:1px solid #333 !important; }
.campogris { color:#888888; }
td.dxgv.alineadoDerecha { text-align:right !important; }
.dxgvFocusedRow td.dxgv { color:#777 !important; }
.btnSigGridDis, .btnSigGrid { margin-left:-4px !important; }
.btn3Puntos { max-width:30px !important; }
#ctl00_cph_UpdatePanel1 > div { position:fixed !important; }
#ctl00_cph_popMenuOpciones { position:fixed !important; }

/* Estilos nuevos para campos con botón de 3 puntos */

.btn3PuntosNew {
	float: right;
	width: 30px;
	height: 30px;
	background: #EEEEEE;
	color: #999999;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-radius: 0.5em;
	border: 1px solid #CCCCCC;
	max-width: 30px !important;
	position: relative;
	z-index: 9999;
}
.btn3PuntosNew:hover 
{
		background-color: #E0E0E0;
	}
.campo3PuntosNew 
{
	float: left;
	width: 92%;
	height: 30px;
}
.campo3PuntosPeque, .campo3PuntosMedio 
{
	float: left;
	width: 83%;
	height: 30px;
}
@media (max-width: 800px) 
{
	.campo3PuntosPeque { width:92%; }
	.campo3PuntosMedio { width:85%; }
	}
@media (max-width: 450px) 
{
	.campo3PuntosNew { width:90%; }
	.campo3PuntosPeque { width:90%; }
	}
@media (min-width: 1440px) 
{
	.campo3PuntosNew  { width:95%; }
	.campo3PuntosPeque { width:90%; }
	.campo3PuntosMedio { width:92%; }
}


/* Final estilos nuevos para campos con botón de 3 puntos */


/* Menú Lateral (navbar) */

    .gn-menu { border-bottom:none; }
    .gn-menu li { background-color: #555 !important; border-left:5px solid transparent; border-bottom:1px solid #666; }
    .gn-menu li:hover { background-color: #666 !important; border-left:5px solid transparent; }
    .gn-submenu { }
    .gn-submenu li { background-color: #777 !important; margin-left:-5px; border-left:5px solid transparent; }
    .gn-submenu li:hover { background-color: #888 !important; border-left:5px solid transparent; }
    .gn-menu-wrapper { background-color: #777 !important; }
    .gn-menu-main a { color:#FFF !important; font-size:13px; }
    .gn-icon-vacio { padding-left:60px; }
    .collapse { display: none; }
    .navbarLogo { background-image:url("../Imagenes/Menu/New/logo-blanco.png"); background-size:60px 50px; height:50px; background-color:#555; margin-left:-1px; }
    .gn-open-part2 { background-color:#555 !important; }
@media (max-width: 539px) {
      #nav_lateral { display: none; }
	}
    .btnAnclar { /*cursor:alias; cursor:col-resize;*/ color:#FFF; font-size:30px; line-height:0px; padding-left:56px; height:45px; float:right; padding-top:12px; width:150px; }
    .btnInicio { color:#FFF; line-height:0px; padding:12px 0px 5px 18px; height:45px; }
    .navEnlace1 { width:250px; float:left; background-color:transparent; }
    .navEnlace2 { /*cursor:crosshair !important; cursor:row-resize !important;*/ padding-top:15px; }
    .fa-plus { width:45px !important; padding-top:45px; background-image:url("../Imagenes/Menu/New/abajo.png"); background-size:30px 30px; background-repeat:no-repeat; }
    .fa-minus { width:45px !important; padding-top:45px; background-image:url("../Imagenes/Menu/New/arriba.png"); background-size:30px 30px; background-repeat:no-repeat; }
    .fa-vacio { width:45px !important; padding-top:45px; background-image:none; background-size:30px 30px; background-repeat:no-repeat; }

/* Final Menú Lateral (navbar) */

/* Nuevo estilo de botones de opciones de Grids*/
.btnOpcPestanha
{
	width: auto !important;
	float: right;
	font-size: 13px !important;
}

.btnOpcPestanha .dxbButton,.btnOpcPestanha .dxbButton.dxbButtonHover
{
		background-color: transparent !important;
		border: none;
		color: #333333 !important;
		background: none !important;
		-webkit-appearance: none !important;
	}

	.btnOpcPestanha .dxb {
		font-size: 13px;
		color: #666666;
		margin-bottom: 10px !important;
	}

.btnOpcPestanhaTab {
	background-color: transparent !important;
	margin-top: -25px;
	position: relative;
	right: 15px;
	top: 50px;
	z-index: 99;
	float: right;
	font-size: 13px;
	margin-bottom: 10px !important;
}

	.btnOpcPestanhaTab .dxbbutton {
		background-color: transparent !important;
		background: none !important;
	}
	.btnOpcPestanhaTab:hover .dxbbutton{
		background-color: transparent !important;
		border: none;
		color: #333333 !important;
		background: none !important;
	}

.lnkCorreo {
	color: #FE9A4D;
	text-decoration: underline;
}

#ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_TC {
	border-bottom: none !important;
}
	#ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_SVA > table.dxtcActiveRow > tbody > tr > td:not([id^='ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_AT']),
	#ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_TC > table > tbody > tr > td.dxtcScrollButtonIndent,
	#ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_TC > table > tbody > tr > td.dxtcScrollButtonCell,
	#ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_TC > table > tbody > tr > td.dxtcScrollButtonSeparator {
    	border-bottom: 1px solid #DDDDDD !important; line-height: 40px; background-color: white !important; }
#ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos {
	padding-right: 0px !important;
}

td[id^='ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_T'] span {
	color: #999999 !important;
	font-size: 13px !important;
	font-weight: bold !important;
	width: 100%;
	text-align: Left;
	vertical-align: Middle;
}
/*td[id^='ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_'] .dxtcActiveRow td {
    border-bottom: none !important;
}*/
td[id^='ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_AT']
{
	border-bottom: 2px solid #31CEDA !important;
	padding-top: 2px !important;
	box-sizing: border-box !important;
	background-color: white !important;

}
	td[id^='ctl00_cph_pgInfo_panelTipoDocumento_tabTipoDocumentos_AT'] span {
		color: #31CEDA !important;
	}

/* Buscadores documentación de pestañas de clientes-expedientes*/
.divBusquedaDocs .buscarDocumento,.filtrar-mas
{
	float: right;
}

.divBusquedaDocs .filtrar-mas
{
	font-size: 20px;
	width: 24px;
	height: 25px;
	border-width: 1px 1px 1px 0px;
	border-color: #999999;
	border-style: solid;
	background-color: #999999;
	padding-right: 1px;
	padding-top: 1px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.divBusquedaDocs .filtrar-mas i
{
		color: white;
}

.filtrar-mas { cursor:pointer; }

.divBusquedaDocs .buscarDocumento {
	width: 201px;
	height: 25px;
	border: 1px solid #999999;
	display: block;
	background-image: url('../Imagenes/main/lupa.png');
	background-repeat: no-repeat;
	background-position-x: 5px;
	outline: 0;
	padding: 0;
	padding-left: 30px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
/* Fin buscadores documentación*/

/* Iconos de los botones encima de los grid */
.botonRejilla {
	background:none !important;
	color: #666666;
	border: 0;
	cursor: pointer;
	text-align: center;
	min-width: 50px;
	-webkit-appearance: none !important;
}

	.botonRejilla:hover {
		color:#000000;
	}

.btnIconoHTML {
    height: 24px;
	vertical-align: sub;
	float: right;
	padding-top: 4px;
}
.btnIcono {
	height: 24px;
	vertical-align: sub;
	float: right;
	padding-left: 5px;
}
.btnIconoHTML {
	padding-top:4px;
}
.btnIcono [class^="icon-"] {
	font-size:1em;
}

.btnIconoRejilla {
	display:inline-block;
	height:30px !important;
}

.iconoRejillaHTML{
	font-size:1.8em;
	float:left;
}

.iconoRejilla {
	font-size:1.8em;
	margin-right:5px;
	display: inline-block;
}

.textoIconoRejillaHTML {
	float:right;
	font-size: 13px !important;
	margin-top:5px;
}
.textoIconoRejilla {
	float:right;
	font-size: 13px !important;
	margin-top:4px;
}
.textoIconoRejillaOpciones {
	margin-top:0px;
}

.errorPrevisualizar
{
	display: block;
    margin-top: 25%;
    font-size: 20px;
	color: #666666;
}

.errorPrevisualizar
{
	display: block;
    margin-top: 25%;
    font-size: 20px;
	color: #666666;
}

.campoMN{
	height: 29px;
    padding-left: 10px;
	border-radius: 0.5em;
    border: 1px solid #CCC;
}

.campoMN:focus {
	box-shadow: 0px 0px 0px 0px rgba(33,202,216,1);
}

.dxeMemo, .dxeMemoEditArea {
	border-radius: 0.5em;
	padding-right: 0px;
}
.dxeReadOnly, table.dxeReadOnly > tbody > tr > td > input {
	background-color: #EEEEEE !important;
}
.dxeButtonEditButton {
	background-color: transparent !important;
}

/*Avisos*/
.avisoWarning {
		margin-left:25px;
		margin-right:25px;
		color: #856404;
		background-color: #fff3cd;
		padding: .75rem 1.25rem;
		border: 1px solid transparent;
		border-color: #ffeeba;
		border-radius: .25rem;
	}
.avisoDanger {
		margin-left:25px;
		margin-right:25px;
		color: #721c24;
        background-color: #f8d7da;
		padding: .75rem 1.25rem;
		border: 1px solid transparent;
		border-color: #f5c6cb;
		border-radius: .25rem;
	}
.avisoSucces {
		margin-left:25px;
		margin-right:25px;
		color: #155724;
        background-color: #d4edda;
		padding: .75rem 1.25rem;
		border: 1px solid transparent;
		border-color: #c3e6cb;
		border-radius: .25rem;
	}
.avisoPrimary {
		margin-left:25px;
		margin-right:25px;
		color: #004085;
		background-color: #cce5ff;
		padding: .75rem 1.25rem;
		border: 1px solid transparent;
		border-color: #b8daff;
		border-radius: .25rem;
	}

/* Colores de fondo de actuaciones según etiquetas */
.porDefecto {
	background-color: #eeeeee;
}
.importante {
	background-color: #fdbebe;
}
.senalamiento {
	background-color: #bbdefd;
}
.vencimiento {
	background-color: #c2f4a2;
}
.vacaciones {
	background-color: #f2e2c8;
}
.debeAsistirA {
	background-color: #f2ca98;
}
.viajeRequerido {
	background-color: #c8f5ff;
}
.preparacionDeNecesidades {
	background-color: #ced99d;
}
.cumpleanos {
	background-color: #dfcee7;
}
.aniversario {
	background-color: #91ebdf;
}
.llamadaTelefonica {
	background-color: #fed87e;
}

.btn-modal-correo
{
	border-radius: 5px;
	width: 70px;
	background-color: buttonface;
	border: 0;
    cursor: pointer;
    text-align: center;
    min-width: 50px;
    -webkit-appearance: none !important;
	box-sizing: border-box;
	padding: 1px;
}

.btn-modal-correo span
{
	font-size: 12px !important;
	padding: 6px 4px 6px 4px;
	margin-top: -10px !important;
}

.btn-modal-correo:hover span
{
	color: white !important;
}

.btn-modal-correo:hover
{
	background-color: rgb(254, 154, 77);
}

/*Indicadores de listados de fichas y expedientes*/
		div.indicadores-listado
		{
			float: right;
			width: 40%;
			padding-right: 12px;
		}

		div.indicador-listado
		{
			width: 20%;
			padding: 5px;
			float: right;
		}

		.indicador-listado .dato-indicador
		{
			margin-top: 5px !important;
			text-align: right !important;
			font-family: Roboto, Helvetica !important;
			font-weight: 700;
			font-size: 18px;
			color: #777777 !important;
		}

		.titulo-indicador
		{
			font: 13px Tahoma;
			height: 20px !important;
			color: #666666;
			display: block;
			text-align: right !important;
		}
/*FIN Indicadores de listados de fichas y expedientes*/

.dxWeb_edtCheckBoxChecked, .dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxGrayed, .dxWeb_edtCheckBoxCheckedDisabled, .dxWeb_edtCheckBoxUncheckedDisabled, .dxWeb_edtCheckBoxGrayedDisabled {
	display: inline-block !important;
    height: 21px !important;
    width: 21px !important;
	background-position: 1px !important;
}
.dxWeb_edtCheckBoxChecked {
    background-image: url('../Imagenes/Iconos/imgChecked.png') !important;
}
.dxWeb_edtCheckBoxUnchecked {
    background-image: url('../Imagenes/Iconos/imgUnChecked.png') !important;
}
.dxWeb_edtCheckBoxCheckedDisabled {
	background-image: url('../Imagenes/Iconos/imgCheckedDisabled.png') !important;
}
.dxWeb_edtCheckBoxUncheckedDisabled {
    background-image: url('../Imagenes/Iconos/imgUnCheckedDisabled.png') !important;
}
.dxWeb_edtCheckBoxGrayed {
    background-image: url('../Imagenes/Iconos/imgCheckBoxGrayed.png') !important;
}
.dxWeb_edtCheckBoxGrayedDisabled {
    background-image: url('../Imagenes/Iconos/imgCheckBoxGrayedDisabled.png') !important;
}
.dxICBFocused {
	background-color: #31CEDA !important;
	border-radius: 5px;
}

/*Estilos según ventana (Colores de tema de cada ventana)*/

/*correo*/
input.t-correo:focus,select.t-correo:focus,.campoFecha.t-correo.dxeFocused,.t-correo .dxeCalendarHeader,.t-correo .dxeCalendar,
.t-correo .dxeCalendarFooter,.t-correo .dxICBFocused
{
	border-color: #ff6a00 !important;
	box-shadow: 0px 0px 0px 0px #ff6a00;
}

.combo_firmas.dxeFocused.t-correo
{
	border-color: #FE9A4D !important;
	box-shadow: 0px 0px 2px 0px #FE9A4D;
}

.t-correo .dxICBFocused
{
	background-color: #ff6a00 !important;
}

.gridDocumentacion.t-correo .dxgvTable
{
	border-top: 1px solid #ff6a00;
}



/*clientes*/
input.t-clientes:focus,select.t-clientes:focus,.campoFecha.t-clientes.dxeFocused,.t-clientes .dxeCalendarHeader,.t-clientes .dxeCalendar,.t-clientes .dxeCalendarFooter,.t-clientes .dxICBFocused
{
	border-color: #81C815 !important;
	box-shadow: 0px 0px 0px 0px #ff6a00;
}

.t-clientes .dxICBFocused
{
	background-color: #81C815 !important;
}

.gridDocumentacion.t-clientes .dxgvTable
{
	border-top: 1px solid #81C815;
}

/*FIN Estilos según ventana*/

/*DEVEXPRESS 18*/

/*ASPxTabControl*/

/*Texto pestaña comun*/
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab > a,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-tab > a,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-tab
{
	font-size: 13px;
	font-family: 'Roboto',Helvetica,Arial,'Sans Serif';
	font-weight: bold;
			
}

/*Cuerpo pestaña comun*/
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-tab
{
	width: auto !important;
	background-color: transparent;
	border: none;
	height: 40px;
}

/*Texto pestaña no seleccionada*/
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-tab > a,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-tab
{
	color:#999999;
}

/*Texto pestaña seleccionada*/
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab > a,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-tab a:hover
{
	color: #31CEDA;
}

.tab-control.t-clientes.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab > a,
.tab-control.t-clientes.dxtcLite > .dxtc-stripContainer li.dxtc-tab a:hover
{
	color: #81C815;
}

/*Cuerpo pestaña seleccionada*/
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab
{
	height: 36px;
	border-bottom: 4px solid #31CEDA;
	padding-bottom: -4px;
}

.tab-control.t-clientes.dxtcLite > .dxtc-stripContainer li.dxtc-activeTab 
{
	border-bottom: 4px solid #81C815 !important;
}

/*Contenedor pestañas*/
.tab-control > ul.dxtc-stripContainer.dxtc-wrapper,
.tab-control > ul.dxtc-stripContainer.dxtc-row
{
	margin-bottom: 1px;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
}



/*Contenedor datos de pestaña*/
.tab-control > div.dxtc-content
{
	padding: 0px !important;
	border: none !important;
}

/*Correcciones espaciadores e indentadores del componente*/
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-spacer,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-sbWrapper,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-sbSpacer,
.tab-control.dxtcLite > .dxtc-stripContainer li.dxtc-sbIndent
{
	background-color: transparent;
	border: none;
}

.tab-control > ul.dxtc-stripContainer li.dxtc-rightIndent,
.tab-control > ul.dxtc-stripContainer li.dxtc-leftIndent
{
	border-bottom: none;
}

/*Menu de navegación superior*/
.mn-menu li::first-letter
{
	font-size: 20px;
	float: left;
}

.mn-menu ul li.dxm-item .dxm-popOut
{
	padding-top: 3px !important;
}

.mn-menu-elemento 
{
	border-radius: 0.5em;
	background-color: #e95aae;
}

.mn-menu-elemento span
{
	float: left;
	width: 70%;
	text-align: center;
	margin-left: 15%;
	margin-top: 5px;
	min-height: 40px;
}

.mn-menu-elemento i
{
	font-size: 36px;
	float: left;
	width: 100%;
	text-align: center;
}

/* Nuevos estilos por actualización de DevExpress */
    /* Botones Cabecera e Iconos */
    .icon-opciones:before { margin-left:-5px; }
    .icon-salir:before { font-size:18px; margin-top:-3px; }
    .dxm-item { padding:3px 5px; }
    .dxm-item:hover { border-color:transparent; border-style:solid; }
    .dxm-popOut { display:none !important; }
    .dxbButton { background:none; }
    .dxWeb_mHorizontalPopOut { display:none !important; }
    [class^="icon-"], [class*=" icon-"] { line-height:1 !important; }
    [class^="dxbButton"] [class^="icon-"]:before, [class^="dxbButton"] [class*=" icon-"]:before { float:left; font-size:22px; padding-right:5px; margin-top:-10px !important; }
    .btnsRejilla [class^="dxbButton"] [class^="icon-"]:before, [class^="dxbButton"] [class*=" icon-"]:before { margin-left:5px; padding-right:0px; margin-top:-3px !important; }
    .divBotonesGridDD-sub [class^="dxbButton"] [class^="icon-"]:before, [class^="dxbButton"] [class*=" icon-"]:before { margin-top:-3px !important; }
    .botones-grid-dd-buscar [class^="dxbButton"] [class^="icon-"]:before, [class^="dxbButton"] [class*=" icon-"]:before { margin-top:-3px !important; }
    .dxbButton div.dxbf { border:1px solid transparent; }
    /* Pestaña Documentación */
    [id^="ctl00_cph_popOpciones"] { overflow:unset !important; }
    [id^="ctl00_cph_popOpciones"] .dxm-popupMain { top:10px !important; width:175px !important; }
    [id^="ctl00_cph_popOpciones"] .dxm-popupMain .dxm-hovered { width:135px; padding-right:5px; }
    #ctl00_cph_popOpciones { overflow:unset !important; }
    #ctl00_cph_popOpciones .dxm-popupMain { top:10px !important; width:215px !important; }
    #ctl00_cph_popOpciones .dxm-popupMain .dxm-hovered { width:175px; padding-right:5px; }
    #ctl00_cph_popMenuOpciones { overflow:unset !important; }
    #ctl00_cph_popMenuOpciones .dxm-popupMain { top:10px !important; width:165px !important; }
    #ctl00_cph_popMenuOpciones .dxm-popupMain .dxm-hovered { width:125px; padding-right:5px; }
    [id*="popMenuNuevoDoc"] .dxm-popupMain .dxm-hovered { width:103px !important; }
    [id*="popMenuOpcionesDoc"] .dxm-popupMain .dxm-hovered { width:95px !important; }
    #ctl00_cph_pgInfo_DocumentacionAdjunta_popMenuOpcionesDoc { overflow:unset !important; }
    #ctl00_cph_pgInfo_DocumentacionAdjunta_popMenuOpcionesDoc .dxm-popupMain { top:10px !important; width:295px !important; }
    #ctl00_cph_pgInfo_DocumentacionAdjunta_popMenuOpcionesDoc .dxm-popupMain .dxm-hovered { width:255px !important; padding-right:5px; }
    /* PopUp Descargar Aplicación para Documentación */
        .dxichTextCellSys {
            padding-top: 5px;
        }
        .botonAzulDocs {
            background-color: #31CEDA !important;
            color: #FFF;
            border-radius: 5px;
        }
        .botonAzulDocs:hover {
            background-color: #229ba5 !important;
        }
        .botonAzulDocs .dxbButton, a.botonAzulDocs {
            height: 33px;
            padding: 6px !important;
            color: #FFF;
        }
        #ctl00_cph_pgInfo_DocumentacionAdjunta_popEditarDoc_popEdicion_chkOpcDocs,
        #ctl00_cph_ListaAdjuntos_popEditarDoc_popEdicion_chkOpcDocs {
            margin-top: 0 !important;
        }
    /* PopUp Personalizar Cabecera Clientes y Expedientes */
    #ctl00_cph_popEditarCabeceraExpediente_popCabecera_lbAvailable_CapC, #ctl00_cph_popEditarCabeceraExpediente_popCabecera_lbChoosen_CapC { display:none; }
    #ctl00_cph_popEditarCabeceraExpediente_popCabecera_PWC-1 .dxeListBox div.dxlbd { max-width:185px; }
    [id^="ctl00_cph_popEditarCabeceraExpediente_popCabecera_PWC"] [class^="icon-siguiente"]:before, [id^="ctl00_cph_popEditarCabeceraExpediente_popCabecera_PWC"] [class*=" icon-siguiente"]:before { padding-right:0px; margin-top:0px !important; }
    [id^="ctl00_cph_popEditarCabeceraExpediente_popCabecera_PWC"] [class^="icon-atras2"]:before, [id^="ctl00_cph_popEditarCabeceraExpediente_popCabecera_PWC"] [class*=" icon-atras2"]:before { padding-right:0px; margin-top:0px !important; }
    .dxbButton.btnOpcPestanha:hover .dxb, .dxbButton.btnOpcPestanhaLADD:hover .dxb { color:#000 !important; }
    
    #ctl00_cph_ASPxPageDatosGenerales_ListaAdjuntos_popMenuOpcionesDoc { top:220px !important; left:unset !important; right:25px; }
    #ctl00_cph_ASPxPageDatosGenerales_ListaAdjuntos_popMenuNuevoDoc { top:220px !important; left:unset !important; right:480px; }
    i.icon-desplegar.iconoDesplegar { display:none; }
    
    .combo-seleccion { height:25px !important; border-color:#807c7c !important; border-radius:30px; }
    .combo-seleccion td.dxic { padding:0; }

	/* INICIO Cita Online */

	.container-datos { width:650px; margin: 20px auto;}

	.container-datos.md
	{
		width: 90%;
		max-width: 550px;
	}

	.section-calendar
	{
		min-width: 260px;
		max-width: 240px;
		margin: 10px;
		float: left;
	}

	.section-calendar.wide
	{
		width: 80%;
		max-width: 100%;
		float: none;
		margin: 0px auto;
	}

	.divider-calendar
	{
		width:50px; 
		float: left;
	}

	@media (max-width: 640px) 
	{
		.section-calendar{
			width: 100%;
			max-width: 500px;
			float: none;
			margin: auto;
		}
		.divider-calendar
		{
			display: none;
		}
    }

	.contenedor-main
	{
		background-color: white;
		border-top: 1px solid #21CAD8;
		padding: 30px 20px;
		color: #666666;
	}

	.container-pasos
	{
		width: 100%;
	}

	.div-pasos
	{
		color: #666666;
		font-size: 12px;
		text-align: center;
	}

	.div-pasos-dot.disabled
	{
		background-color: #666666;
		color: black;
	}

	.div-pasos-dot
	{
		border-radius: 10px;
		font-size: 14px;
		color: white;
		width: 20px;
		height:20px;
		line-height: 20px;
		padding: 0px 5px;
		background-color: cyan;
		text-align: center;
		display: inline;
	}

	.fila-cita
	{
		width: 100%;
		color: #666;
	}

	.fila-cita .div-hora, 
	.fila-cita .div-info
	{
		float: left;
	}

	.fila-cita .div-hora
	{
		width: 40%;
		font-size: 12px;
		font-weight: normal;
	}

	.fila-cita .div-info
	{
		width: 60%;
	}

	.fila-cita .div-info.wide
	{
		width: 100%;
	}

	.fila-cita .div-info h2
	{
		font-family: 'Roboto',Helvetica,Arial,'Sans Serif';
		font-size: 13px;
		font-weight: bold;
	}

	.fila-cita .div-info h3
	{
		font-family: 'Roboto',Helvetica,Arial,'Sans Serif';
		font-size: 10px;
		font-weight: normal;
	}


	.grid-cita
	{
		margin-top: 20px;
	}
	/* FIN Cita Online */

	/* La botonera superior quedaba desencajada por culpa de los separadores */
	.dxmLite .dxm-horizontal .dxm-spacing {
		height: 31px !important;
	}

	.hidden {
		display: none !important;
	}