@font-face {
    font-family: "Be Vietnam Pro";
    src: url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap) format("truetype");
}

@font-face {
    font-family: "Merriweather Sans";
    src: url(https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap) format("truetype");
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-size: 20px 20px;
    background-image:
        linear-gradient(to right, rgb(231, 231, 231) 1px, transparent 1px),
        linear-gradient(to bottom, rgb(231, 231, 231) 1px, transparent 1px);
    background-color: rgb(251, 251, 255);
}

.font{
    font-family: 'Be Vietnam Pro', Verdana, Tahoma;
}

.thin{
    font-weight: 100;
}

.extralight{
    font-weight: 200;
}

.light{
    font-weight: 300;
}

.regular{
    font-weight: 400;
}

.medium{
    font-weight: 500;
}

.text{
    font-size: 17;
}

.home-text{
    font-size: 17.4;
}

.list{
    font-size: 16;
}

.title{
    font-family: 'Merriweather Sans', Verdana, Tahoma;
    font-weight: 300;
    font-size: 24;
}

.input-field input:focus + label {
    color: #00BCE1 !important;
  }

.row .input-field input:focus {
    border-bottom: 1px solid #00BCE1 !important;
    box-shadow: 0 1px 0 0 #00BCE1 !important
}

.checkbox[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: #00BCE1 !important;
    background-color: #00BCE1 !important;
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #00BCE1 !important;
}

.collapsible-header, .collapsible-body, .collapsible, ul.collapsible>li 
{
  margin: 0!important;;
  padding: 0!important;
  border: 0!important;
  box-shadow: none!important;
  background: #fff;
  text-align: center;
}

#toast-container {
    top: auto !important;
    left: auto !important;
    right: 130px !important;
    bottom: 48px !important;
  }

.tamanho{
    height: 360px;
}

.texto-azul-escuro-1{
    color: #00205B !important;
}

.texto-azul-claro{
    color: #00BCE1 !important;
}

.texto-cinza{
    color: #4b4f54 !important;
}

.azul-escuro-1{
    background-color: #00205B !important;
}

.azul-escuro-2{
    background-color: #1A4E8A !important;
}

.azul-medio-1{
    background-color: #3D87CB !important;
}

.azul-claro{
    background-color: #00BCE1 !important;
}

.cinza{
    background-color: #4b4f54 !important;
}

/*Collapsible abaixo*/

.wrap-collabsible { 
    margin: 1.2rem 0;
} 

.lbl-toggle { 
    display: block; 
    text-transform: uppercase; 
    text-align: center; 
    padding: 1rem;
    background: #00205B; 
    cursor: pointer; 
    border-radius: 7px; 
    transition: all 0.25s ease-out; 
} 

.lbl-toggle::before { 
    content: ' '; 
    display: inline-block; 
    border-top: 5px solid transparent; 
    border-bottom: 5px solid transparent; 
    border-left: 5px solid currentColor; 
    vertical-align: middle; 
    margin-right: .7rem; 
    transform: translateY(-2px); 
    transition: transform .2s ease-out; 
} 

.toggle:checked+.lbl-toggle::before { 
    transform: rotate(90deg) translateX(-3px); 
} 

.collapsible-content { 
    max-height: 0px; 
    overflow: hidden; 
    transition: max-height .37s ease-in-out; 
} 

.toggle:checked + .lbl-toggle + .collapsible-content { 
    max-height: 350px; 
} 

.toggle:checked+.lbl-toggle { 
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0; 
}

.collapsible-content .content-inner { 
    background: #00205B; 
    padding: .5rem 1rem;
}

/*fim do collapsible*/

.list-text{
    color: #cfd8dc;
}

.list-text:hover{
    color: white;
    cursor: pointer;
}

.hide {
    display: none !important;
}

.show:hover + .hide {
    display: block !important;
    margin-top: 30px !important;
}

.dropdown-content {
    min-width: 250px;
}

.subtitle-text{
    font-size: 20;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: relative; 
    opacity: 1; 
}

.card{
    display: block;
}


/*pra fazer sticky footer*/

  header, footer {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }
  
  .wrapper-container {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
  }

  /*alinhar verticalmente*/

  .alinhar-vertical{
    display: flex;
    justify-content: center; /* Align horizontal */
    align-items: center; /* Align vertical */
}

.alinhar-horizontal{
    display: flex !important;
    justify-content: center !important; /* Align horizontal */
}


/*reescrevendo container do materialize*/

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90% !important;
  overflow-y: hidden !important;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 90% !important;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 75% !important;
  }
}


/*para transições dos componentes*/

@keyframes smooth {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}

.show {
    animation: smooth 1s ease;
    display: block !important;
}
.none {
  display: none;
  }

/* sobrescrevendo alguns detalhes dos cards no materialize */

.card-action{
  border-top: none !important;
  background-color: transparent !important;
}

.card-content{
    overflow: auto !important;
}

.submenu-card .card-action{
    height: 15% !important;
}

.submenu-card .card-content{
    max-height: 85% !important;
}

i.icon-size {
    font-size: 1.6rem !important;
  }

i{
    cursor: pointer;
}

[type="checkbox"] + span:not(.lever) {
    position: relative !important;
    display: inline-block !important;
    margin-bottom: auto !important;
}

.span-dinamico{
    height: fit-content !important;
}

/* collapsible secundário */

.sub-lbl-toggle { 
    display: block; 
    text-transform: uppercase; 
    text-align: center; 
    padding: 1rem;
    background: transparent; 
    cursor: pointer; 
    transition: all 0.25s ease-out; 
} 

.sub-lbl-toggle::before {
    content: ' '; 
    display: inline-block; 
    border-top: 5px solid transparent; 
    border-bottom: 5px solid transparent; 
    border-left: 5px solid currentColor; 
    vertical-align: middle; 
    margin-right: .7rem; 
    transform: translateY(-2px); 
    transition: transform .1s ease-out; 
    transition-delay: .1s;
} 

.sub-toggle:checked+.sub-lbl-toggle::before { 
    transform: rotate(90deg) translateX(-3px); 
} 

.sub-collapsible-content { 
    max-height: 0px; 
    overflow: hidden;
} 

.sub-toggle:checked + .sub-lbl-toggle + .sub-collapsible-content {
    max-height: 60000px; 
} 

.sub-toggle:checked+.sub-lbl-toggle { 
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0; 
}

.sub-collapsible-content .sub-content-inner { 
    background: transparent;
}

/*fim do collapsible*/

.texto-desabilitado{
    color: #8e949b;
}

th{
    background: white;
    position: sticky;
    top: -25;
}