/* var */
  
  :root {
      --main-bg-color: #611e59;
      --inscrever-bg-color: #5c0158;
      --entrar-bg-color: #471C6E;
      --active-color: #AD47A1;
      --agenda-bg-color: #FA4DE5;
      --agenda-icon-color: #80043b
  }
  /* html */
  
  html,
  body {}
  /* Necessary for full page carousel*/
  
  html,
  body,
  .view {
      height: 100%;
  }
  
  body {
      background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%);
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: MAIN TOP BAR ::::::::::::::::::::::::::::::::::::::::::::*/
  
  .navbar {
      z-index: 1;
      background-color: var(--main-bg-color);
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: LOGO CLIENTE ::::::::::::::::::::::::::::::::::::::::::::*/
  
  #logo_cliente {
      position: absolute;
      z-index: 2;
      margin-top: -8px;
      margin-left: -12px;
      clip-path: inset(0px 20px 0px 0px);
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: AGENDA BTN + MODAL ::::::::::::::::::::::::::::::::::::::::::::*/
  
  #lista_pdf .fa-close {
      font-size: 2rem;
  }
  
  #lista_pdf .fa-calendar {
      margin-top: 5px;
  }
  
  #lista_pdf .modal-header {
      background-color: var(--agenda-bg-color);
  }
  
  #lista_pdf a .fa-download {
      position: absolute;
      right: 20px;
      font-size: 1.7rem;
  }
  
  .list-group-item-action {
      color: var(--agenda-icon-color);
  }
  
  #agenda_btn {
      width: 100%;
      height: 40px; 
      font-size: 1.2rem;
      line-height: 15px !important;
      background-color: var(--agenda-bg-color);
      margin-left: 0px;
  }
  
  #agenda_btn i {
      font-size: 1.2rem;
      margin-right: -17px;
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: CAROUSEL ::::::::::::::::::::::::::::::::::::::::::::*/
  
  #carousel-images-plataforma ol {
      margin-bottom: -35px;
      margin-left: 0px;
      width: 100%;
  }
  
  .carousel-indicators {
      background-color: var(--main-bg-color);
  }
  
  #carousel-images-plataforma ol li {
      background-color: white;
      -ms-transform: scale(1.4);
      /* IE 9 */
      -webkit-transform: scale(1.4);
      /* Safari */
      transform: scale(1.4);
      margin: 0.2rem 0.4rem;
  }
  
  #carousel-images-plataforma ol li.active {
      background-color: var(--active-color);
      border: 1px solid #ffffff;
      -ms-transform: scale(2);
      /* IE 9 */
      -webkit-transform: scale(2);
      /* Safari */
      transform: scale(2);
  }
  
  .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_imgFixas .card{
    border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
#login_imgFixas .modal-footer{
    border-top: 0px solid #eceeef;
}
#login_imgFixas .modal-footer a{
    font-weight: 500;
    color: var( --agenda-bg-color);
}
  
  .md-form {
      margin-bottom: 10px;
      margin-left: -10px;
  }
  
  #login_btn {
      font-size: 1.2em;
      width: 100%;
      height: 45px;
      line-height: 13px;
      background-color: var(--entrar-bg-color);
  }
  
  #inscrever_btn {
      height: 40px;
      background-color: var(--inscrever-bg-color);
      line-height: 10px;
      margin-left: 0px;
      font-size: 1.4rem;
  }
  
  #login_btn i,
  #inscrever_btn i {
      font-size: 1.1em;
      float: right;
  }
  
  #login_btn i {
      line-height: 0.5em;
      margin-top: 0px;
  }
  
  #inscrever_btn i {
      line-height: 0.8em;
  }
  
  .md-form input[type=text]:focus,
  .md-form input[type=password]:focus {
      border-bottom: 2px solid var(--active-color);
  }
  
  .md-form i.active {
      color: var(--entrar-bg-color) !important;
  }
  
  .md-form i {
      font-size: 1.7rem !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: 15px !important;
      width: 100%;
  }
  
  #login_imgFixas .modal-footer {
      padding: 10px;
  }
  
  #login_imgFixas .card-block {
      padding: 1rem 1rem 0rem 1rem;
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: FOOTER ::::::::::::::::::::::::::::::::::::::::::::*/
  
  #footer {
      position: fixed;
      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);
      
      border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
  }
  /*:::::::::::::::::::::::::::::::::::::::::::: 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;
      }
  }