/* html */
  
  html,
  body {
     
  }
  /* Necessary for full page carousel*/
  
  html,
  body,
  .view {
      height: 100%;
  }
body{
    
        background-image: linear-gradient(180deg, #0093d0 0%, #0093d0 100%);
    background-image: linear-gradient(to top, #0093d0 0%, #0093d0 100%);
    background-image: linear-gradient(to right, #0093d0 0%, #00c9ff 100%);
    background-image: linear-gradient(60deg, #00c9ff 0%, #00c9ff 100%);
    
}

/*:::::::::::::::::::::::::::::::::::::::::::: MAIN TOP BAR ::::::::::::::::::::::::::::::::::::::::::::*/

.navbar{
  z-index: 1;
    
}

  /*:::::::::::::::::::::::::::::::::::::::::::: LOGO CLIENTE ::::::::::::::::::::::::::::::::::::::::::::*/
#logo_cliente{
    position: absolute;
    z-index: 2;
    margin-top: -8px;
    margin-left: -12px;
    clip-path: inset(0px 20px 0px 0px);
}


  /*:::::::::::::::::::::::::::::::::::::::::::: CAROUSEL ::::::::::::::::::::::::::::::::::::::::::::*/
#carousel-images-plataforma ol {
    
    margin-bottom: -35px;
    margin-left: 0px;
    width: 100%;
}
#carousel-images-plataforma ol li{
    
    background-color: #b1d3ea;
   
}


#carousel-images-plataforma ol li.active{
    
    background-color: #0093d0;
     border: 1px solid #ffffff;
    
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5);
}
  .carousel,
  .carousel-item,
  .active {
      height: 100%;
  }
  
  .carousel-inner {
      height: 100%;
  }
  
  .carousel-item {
      background-repeat: no-repeat;
      background-size: cover;
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: LOGIN ::::::::::::::::::::::::::::::::::::::::::::*/
#login_imgFixas{
    
    margin-top: 35px; 
}
 /* #login_container {
      position: absolute;
      bottom: 80px;
      z-index: 100;
  }*/
#login_btn{
    font-size: 1.3em;
    height: 40px;
    width: 100%;
    line-height: 0.9em;
}
#login_btn i, #inscrever_btn i{
    padding-left:20px; 
    font-size:1.5em;
    float: right;

}
#login_btn i {
   
    line-height: 0.5em;

}


#inscrever_btn i {
   
    line-height: 0.8em;

}
  .md-form input[type=text]:focus,
  .md-form input[type=password]:focus {
      border-bottom: 2px solid #aeea00;
      
    
  }
.md-form i.active{
    color: #5a5a5a !important;
}
  label.active {
      top: 60px;
  }
  
  .md-form input {
      
      /*color: #aeea00 !important;*/
      font-size: 1em;
      height: 20px;
  }
#inscrever_btn_container{
    
    padding-bottom: 5px;
    margin-top: -15px; 
    margin-bottom: 20px;
    border-bottom: 1px solid #c7c5c5;    

}
#inscrever_btn {
    font-size: 1.1em;
    padding: 10px 20px 10px 20px !important;
    width: 100%;
    
}
  /*:::::::::::::::::::::::::::::::::::::::::::: FOOTER ::::::::::::::::::::::::::::::::::::::::::::*/

  #footer {
    
      margin-top: -20px;
      bottom: 0;

      /*
      -webkit-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.75);
         -moz-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.75);
              box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.75);
      */
  }
  
   #footer img {
    
  }
  
  /*:::::::::::::::::::::::::::::::::::::::::::: MEDIA QUERIES CAROUSEL ::::::::::::::::::::::::::::::::::::::::::::*/
  
  @media (min-width: 776px) {
      .carousel .view ul li {
          display: inline;
      }
      .carousel .view .full-bg-img ul li .flex-item {
          margin-bottom: 1.5rem;
      }
  }