:root {
  --primary: #242424;
  --light: #F1F8FF;
  --dark: #242424;
  --yelow: #242424;
}
html,
body {
  height: 100%;
  /* fallback for old browsers */
  background: #6a11cb;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}


body {
    -ms-flex-align: center;
    display: -ms-flexbox;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f4; /* Cor de fundo */
    font-family: Arial, sans-serif;
  }
  
  .full-screen-loader {
    position: fixed;
    top: 0;
    left: 0 ;
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: rgba(255, 255, 255, 0.731); /* Fundo semitransparente */
    z-index: 99999 ;
  }

  .d-flex {
      display: flex !important;
      align-items: center;
      justify-content: center;
  }

  .d-none {
      display: none !important;
  }

  
  .loader {
    width: 200px;
    padding: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #019b23;
    --_m: 
      conic-gradient(#0000 10%, #000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }
  
  @keyframes l3 {
    to {
      transform: rotate(1turn);
    }
  }
  
  .full-screen-loader p {
    margin-top: 16px;
    font-size: 40px;
    color: #323232; /* Cor do texto */
  }
  
  a:hover{
      color: #242424 !important;
  }

  #signap form div input,
  #signap form div select{
      box-shadow: none !important;
  }