/*
*	############################################################################
*
*	Página de login
*	---------------------------------------------------------------------
*
*	Version:	0.3 | 20180411
*	Author:		Semilla de Software Libre
*   License: 	none (public domain)
*
*
*	############################################################################
 * ========================================================================
 */
/*------------------------------------------------*/
/*	General Styles
/*------------------------------------------------*/

/*------------------------------------------------*/
/*	Cabecera
/*------------------------------------------------*/


.navbar-header {
  display: flex;
  flex-direction: column;
}

.logos {
  display: flex;
  align-items: center;
}

.logo-gong {
  width: 100px;
  height: 38px;
  background-image:url(/images/login/logo_GONG_N.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.logo-instancia {
  max-height: 120px; 
  height: auto;
  width: auto;
  margin-left: 10px;
}

#pruebademo {
    visibility: hidden;
}
#recover_password {
    position: relative;
    top: 6px;
    left:26px;
    font-size: 13px;
}
#recover_password a {
    color: #999;
}

#version {
    font-size: 12px;
    margin-top: 4px;
}
/*------------------------------------------------*/
/*	Modificaciones Estilos Boobstrap
/*------------------------------------------------*/
.btn-success {
    border-color:transparent;
    background-color:#3daec6;
}
.navbar {
	background:#ffffff;
    border-color:#ffffff;
    margin-bottom:0px;
	padding-bottom:12px;
	border-radius:0px;
}

.navbar-collapse {
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-toggle .icon-bar {
    background-color: #000000;
}
.navbar-form {
    padding-top: 10px;
    -webkit-box-shadow: none;
	box-shadow: none;
}
.auth-block {
    float: right;
}
.col-sm-3 {
	padding:50px 20px 50px 20px;
}
.btn-success:hover,
.btn-success:focus {
     border-color:#FFFFFF;
}
.selectdiv:after {
	content: '\f078';
	font: normal normal normal 15px/1 FontAwesome;
	color: #666666;
	pointer-events: none;
	position: relative;
    right: 9px;
    top:2px;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}
.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */
	display: block;
	background-color: #ffffff;
	background-image: none;
	-ms-word-break: normal;
	word-break: normal;
	padding: 6px 22px 6px 12px;
	margin-right: -20px;
}
/*------------------------------------------------*/
/*	Content
/*------------------------------------------------*/
@media (max-width:1394px) {
.funcionalidades {
	background-position:1180px center;
}
}
.funcionalidades img {
	display:block;
	margin:0px auto 0px auto;
}
.funcionalidades h2 {
    font-size: 25px;
}
.funcionalidades h3 {
	text-align:center;
	font-size:17px;
	padding:0px 10% 10px 10%;
}
.nuevo {
	background-image:url(/images/login/ico_login_nuevo.png);
	background-repeat: no-repeat;
    background-position: right top;
}

/*------------------------------------------------*/
/*	Footer
/*------------------------------------------------*/
footer {
	background:#000000;
	color:#CCCCCC;
	text-align:center;
	padding:10px 0px 10px 0px;
	font-size:11px;
}
footer a {
	color:#CCCCCC;
}
footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
footer ul {
	list-style:none;
	margin:30px 0px 20px -40px;
}
footer li {
	display:inline;
}
/*TABLETA-Esconder Logo ONG*/
/*Vertical - Max-width - 768px*/
@media (max-width : 768px)  {
	.auth-block {
		float:unset;
	}
	.selectdiv::after {
			top: -27px;
			left: 160px;
	}
	.btn {
		width: 100%;
	}
}
/*MÓVIL-Volver a ver Logo ONG*/
/*Vertical - Max-width - 600px*/
@media (max-width : 600px)  {
	.selectdiv::after {
			content: '\f078';
			font: normal normal normal 15px/1 FontAwesome;
			color: #666666;
			pointer-events: none;
			float: right;
			margin:-25px 0px 0px 0px;
	}
	footer ul {
		list-style:none;
		margin:110px 0px 20px -40px;
	}
}
/*------------------------------------------------*/
/*  Mensaje de error estilo copiado de GOR
/*------------------------------------------------*/
#mensajeerror, #mensajeok {
	padding: 8 15 5 20 ;
	width: 350;
	min-height: 20;
	text-align: center;
	margin: 20 auto 0 auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px  #ccc;
	-webkit-box-shadow: 0px 0px 2px  #ccc;
	box-shadow: 0px 0px 2px  #ccc;
}
#mensajeerror{
	background:#FFE3E3 no-repeat scroll 4px 4px; /*url(/images/errorpequeno.gif) no-repeat scroll 4px 4px;*/
	border-color:#DD0000;
	color:#550000;
}
#mensajeok{
	background:#DFFFDF no-repeat scroll 4px 4px;
	color:#005F00;
	border-color:#00DD00;
}
/*CABECERA LOGIN VERSIÓN MÓVIL*/
.mobile-menu{
    display:none;
 }
 /*Sin Javascript. Desplegada*/
@media (max-width: 800px){
  #block-login{
    /*display:none;*/
  }
  #navbar {
    height:70px;
  }
	.navbar {
		padding-bottom: 50px;
	}
	.funcionalidades {
		padding-top: 100px;
	}
  .logo-gong {
    margin-left:9px;
  }
  #version {
    margin-left:9px;    
  }
  .mobile-menu{
    display: block;
    width:92%;
    font-size:12px;
    position:absolute;
    top:80px;
    margin-bottom:200px;
  }
  .selectdiv:after {
	content: '\f078';
	font: normal normal normal 15px/1 FontAwesome;
	color: #666666;
	pointer-events: none;
	position: static;
	margin-right:6px;
  }
}