html, body {
  height: 100%;
  margin: 0px;
}

body {
  padding: 0;
  margin: 0;
  font-family: 'Montserrat' !important;
  font-size: 13px;
}


#body-login{
    background-image: url('/static/images/fondo_login.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0; 
    /*-webkit-filter: invert(100%);*/
    /*filter: invert(100%);*/
}

.center{
    text-align: center;
}

.center-box{
	margin: auto;
}
.container-login{
    position: absolute!important;
    right: 0;
    top: 0;
    min-height: 100%!important;
    /*background: rgba(255,255,255,0.6);*/
    /*background: rgba(255,255,255,0.9);*/
    background: rgba(255,255,255,1);
    padding-top: 3em;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 3em;

}
.container-login input, .container-login .input-group-btn button{
	height: 50px;
  font-size: 16px;
  border-radius: 50px;
  background-color: #808080;
  color: white;
  border: none;
}
.container-login  input::placeholder {
  color: white;
}
.container-login a{
  	font-size: 16px;
}
.container-login  header{
	margin-bottom: 25px;
}
.container-login  header .create-acount, .container-login  header small{
	font-size: 14px;
}
.container-login header small{
	color: #6E6E6E;
}
.container-login  header h1{   /* H1  */
	font-size: 16px;
	margin: 30px 0 20px 0;
}

.input-group-addon a:hover{
	color: #59A3ED;
}
.fa-2x{
    font-size: 1.5em !important;
	
}
.container-icono-eye i {
	background: transparent !important;
  /*color: #428bca;*/
  color: #ffffff;
	/*border: none !important;*/

}
.container-icono-eye:visited {
  outline: none;
}
.container-icono-eye:focused {
  outline: none;
}
.container-icono-eye:hover {
  outline: none;
}
.container-icono-eye:active {
  outline: none;
}

.container-login  label{
	font-size: 14px;
}
.container-login input[type=password], .container-login input[type=text]{
	padding-right: 40px;
  padding-left: 40px;
}
.container-login .foother-login{
	margin-top: 16px;
	color: #6E6E6E;
}
.container-login .foother-login a{
	font-size: 12px;
	display: block;
}

/* slide loguin*/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.hero {
    position: absolute;
    top: 70%;
    left: 50%;
    /*z-index: 3;*/
    color: #fff;
    text-align: center;
    /*text-transform: uppercase;*/
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h2 {
    font-size: 35px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

.overlay {
    position: fixed;
    /*z-index: 2;*/
    background-color: #184283;
    opacity: .6;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 980px){
    .hero { width: 80%; }    
}
@media screen and (max-width: 980px){
    .hero h2 { font-size: 35px; }    
}