@font-face {
  font-family: "open-sans";
  src: url("../font/OpenSans-VariableFont_wdth,wght.ttf");
  
}

.modal-fullscreen {
  width: 100vw !important;
  max-width: none;
  height: 100%;
  margin: 0;
}

body {
  font-family: "Work Sans", sans-serif !important;
  line-height: 20px;
}

/* tirar efeitos links */
a:visited {
  color: inherit;
}

/* mouse over */
a:hover {
  color: inherit;
}

/* link selecionado */
a:active {
  color: inherit;
}
/* tirar efeitos links */
.trash:hover{
 color:crimson;
}


.pointer{
    cursor:pointer;
}

.bold{ 
  font-weight:bold;
}
.color_principal{
  color:#333333
}

.color-primaria{
  color:#FE0000;
}

.color_secundaria{
  background: linear-gradient(180deg, #FE0000 0%, #d10000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.btn-outline-principal{
  color:#FE0000;
  border:1px solid #FE0000;
  background: white;
/* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05); */
border-radius: 5px;
}
.btn-outline-principal:hover{
  color:white;
  border:1px solid #FE0000;
  background: linear-gradient(180deg, #FE0000 0%, #d10000 100%);
  opacity: 0.9;
  /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05); */
  border-radius: 5px;
}

.btn_principal{
  color:white !important;
  border:1px solid #FE0000 !important;
  background: #FE0000 !important;
/* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05); */
border-radius: 5px;
}
.btn_principal:hover{
  color:white;
  border:1px solid #d10000 !important;
  background:  #d10000 !important;
  opacity: 0.9;
  /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05); */
  border-radius: 5px;
}
.btn_principal:active{
  border:1px solid #d10000;
  color:white;
  background: #d10000;
  /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05); */
  border-radius: 5px;
}

.padding-left-0{
  padding-left: 0 !important;
}
.padding-right-0{
  padding-right: 0 !important;
}
.bg-menu{
  background-color:#313348;
}
.color-head{
  color:#313348;
}
.icone_menu{
  font-size:1.2em !important;
}

.btn-estoque{
  background: rgba(241, 241, 241, 0.8);
border-radius: 35px;

width: max-content;
padding: 12px;
}
#sidebarToggle::after{
  content:''!important;
}

.nav-link-menu.active{
  background-color: #FE0000;
}

.card-dash{
  height:7em !important;
  border:1px solid black !important;
}
.color-black{
  color:black;
}
label{
  color:black;
  /* font-weight: bold; */
}
.text-dash{
  color:black;
  font-size:12px;
  line-height: 16.34px;
  font-weight: 400;
}

.icone_dash{
  color:#FE0000;
}

.text-primario{
  color:#333333;
  font-size:18px;
  font-weight:400;
line-height: 24.51px;

}
.icone_cadastro{
  color:#FE0000;
  font-size:2.4em;
}
.card_cadastro{
  border:1px solid #DFDFDF; height:186px;
  margin:1em;
  border-radius:5px;
  transition: background-color 0.3s, transform 0.3s, border-radius 0.3s;
}
.card_cadastro:hover{
background:white;
background-color: #cce6f1;
transform: scale(1.1);
border-radius: 20px;

}

.centralizado{
  justify-content:start;
  align-items: center !important;
display:flex;
  -webkit-align-items: center !important;	 
}
.aligncenter {

    width:100%;
      display: flex !important;
    flex-wrap: wrap  !important;
    justify-content: center !important;
    align-items: center !important;
    display: -webkit-flex !important;
    -webkit-flex-wrap: wrap !important;
    -webkit-justify-content:center !important; 
    -webkit-align-items: center !important;	  
  }

  .margin-0{
    margin:0;
  }
.alignend {

    width:100%;
      display: flex !important;
    flex-wrap: wrap  !important;
    justify-content: end !important;
    align-items: center !important;
    display: -webkit-flex !important;
    -webkit-flex-wrap: wrap !important;
    -webkit-justify-content:end !important; 
    -webkit-align-items: center !important;	  
    /* -webkit-align-items: end !important;	 esse alinha verticalmente  */
  }


  .form-check-input-cadastro:checked {
    background-color: #979797;
    border-color: #979797;
}

.form-check-input-cadastro:focus {
  /* border-color: #86b7fe; */
  outline: 0;
  box-shadow: none;
}

.circle_bk{
  width:40px; height:40px; border-radius:20px;background:#F6F6F6;color:black;
  margin:0.5em;

}

.circle_bk.active{
  
  width:40px; height:40px; border-radius:20px;background:#FE0000;color:white;
  margin:0.5em;
}

.form-check-input:checked {
  background-color: #FE0000;
  border-color: #FE0000;
}


@media (max-width: 768px) {
  #sidebarToggle {
    display:none;
  }

  .texto-menu{
    display:none !important;
  }
   }





   /* Aplique em todos os campos comuns de digitação */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
  text-transform: uppercase !important;
}

/* (Opcional) também o placeholder */
input::placeholder,
textarea::placeholder {
  text-transform: none !important; /* ou 'uppercase' se quiser o placeholder em maiúsculas */
}