/******************************************************************************/
/******************************************************************************/
/** REGLAS DE ESTILO DEL LOGIN **/
/******************************************************************************/
/******************************************************************************/
*{
	font-family: GeoSansLight;
}

html, body{
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 500px;

}

#imagen-fondo{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: cover;
}

#imagen-fondo:after
{
	content:'';
	background:#000;
	opacity:0.5;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

body > .container-fluid{
	height: 100%;
	display: flex;
	align-items: center;
	width: 500px;
    max-width: 100%;
}

.panel-default{
    width: 100%;
    /*margin-bottom: 6em;*/
    color: #4c4c4c;
    border-radius: 0px;
	border: none;
	background-color: rgba(255,255,255,0.8);
}

.panel-default>.panel-heading {
    /*display: none;*/
	border:0px;
	background:none;
	text-align: center;
}

.panel-default>.panel-heading img
{
	margin:0 auto;
	margin-top:1.5rem;
}

.panel-default .panel-body{
    padding: 0;
}

.panel-default .form-group{
    padding: 1.5rem 2.5rem;
    padding-bottom: 0;
    margin: 0;
}


.panel-default .form-group > a{
	/* Enlace recuperar contraseña */
	font-size: 1.1rem;
	/*float: right;*/
}

.panel-default .form-control{
	/* Inputs del Login */
	border-radius: 0px;
	border: solid thin #ccc;/*e5e5e5*/
	font-size: 1.2rem;
	color: #4c4c4c;
	box-shadow:none;
	padding: .75rem .75rem;
	height:54px;

}


.panel-default .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 /* color: #4c4c4c;*/
}
.panel-default .form-control::-moz-placeholder { /* Firefox 19+ */
  /*color: #4c4c4c;*/
}
.panel-default .form-control:-ms-input-placeholder { /* IE 10+ */
  /*color: #4c4c4c;*/
}
.panel-default .form-control:-moz-placeholder { /* Firefox 18- */
  /*color: #4c4c4c;*/
}

.panel-default .form-control:focus {
    border-color: #999;
    outline: 0;
    /*-webkit-box-shadow: inset 0 0 2px #ccc;
    box-shadow: inset 0 0 5px #ccc;*/
}

.panel-default .panel-body .btn-primary{
	/* Boton Acceder */
	margin-top: 1.5rem;
    border-radius: 0px;
    border:none;
    padding: 0;
}

.panel-default .panel-body .btn-primary:hover
{
	opacity:0.8;
}

.panel-default .panel-body .btn-primary:hover,.panel-default .panel-body .btn-primary:focus,.panel-default .panel-body .btn-primary:active
{
	outline:none;
	box-shadow:none !important;
}

.panel-default .panel-body .btn-primary span{
	display: block;
	padding: 1rem;
    transition: all 0.25s;
}

.panel-default .panel-body .btn-primary:hover span{
   /* background-color: #ffffff38;
    box-shadow: inset 0px 0px 1px black*/
}

.input-group-text
{
	width:54px;
	border-color:#ccc;
	border-radius:0px;
}

.input-group-text i
{
	margin:0 auto;
}

/******************************************************************************/
/******************************************************************************/
/** RECUPERAR CONTRASEÑA **/
/******************************************************************************/
/******************************************************************************/

.estiloDialogo{
	margin-left: auto;
	margin-right: auto;
	left: 0 !important;
	right: 0 !important;
	padding: 0 !important;
	border-radius: 0px !important;
	border: none !important;
    background: #ffffffd9 !important;
}

.estiloDialogo .ui-dialog-titlebar{
	background: #e5e5e5d9 !important; 
	border-radius: 0px !important;
	border: none !important;
	color: #4c4c4c !important;
}

.estiloDialogo .ui-dialog-titlebar button{
	background: #cacacad9 !important;
	border-radius: 0px !important;
	border: none !important;
	color: #4c4c4c !important;
}

.estiloDialogo .ui-dialog-titlebar .ui-button-text{
	padding: 0 !important;
}

.estiloDialogo #error{
	min-height: 0 !important;
	padding: 1.75rem;
}

/******************************************************************************/
/******************************************************************************/
/** RESPONSIVE **/
/******************************************************************************/
/******************************************************************************/

@media (max-width: 768px) {
	/* --- Login ---*/
	body > .container-fluid{
		min-width: 0;
		width: 85%;
	}
	
	/* --- Recuperar Contraseña ---*/
	body > .container-fluid, .estiloDialogo{
		min-width: 0;
		width: 85%;
	}
}