@font-face {
  font-family: "principal";
  src: url("../font/Poppins/Poppins-Regular.ttf");



}

@font-face {
  font-family: 'principal';
  src: url('../font/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'principal';
  src: url('../font/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'principal';
  src: url('../font/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'principal';
  src: url('../font/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 500;
}


body{
  font-family: "Raleway", sans-serif !important;
}
.color-grey{
  color:#737578;
}
.color-black{
  color:black;
}
.btn-transparente{
  border-radius:7px;
  background-color: white;
  border:2px solid #f8f8f8;
  color:#737578;
}


.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  */
}

.btn-etapa.active{
  width:35px; height:35px; border-radius:5px;background:#8000D0;color:white
}
.btn-etapa{
  border:1px solid #737578;
  width:35px; height:35px; border-radius:5px;background:white;color:#737578
}
.btn-inicial{
  border-radius:7px;
  background-color: white;
  border:2px solid #f8f8f8;
  color:#737578;
}
/* .btn-inicial:hover{
  border-radius:7px;
  background-color: #F6E9FF;
  border:2px solid #8000D0;
  color:#8000D0;
} */
.btn-inicial.active{
  border-radius:7px;
  background-color: #F6E9FF;
  border:2px solid #8000D0;
  color:#8000D0;
}
.btn-inicial:focus{

  box-shadow:none;
}

.btn-submit{
  border:1px solid rgba(4,212,188,1);
  background-color: rgba(4,212,188,1);
  color:white 
}
.btn-submit:hover{
  border:1px solid rgba(4,212,188,1);
  background-color: rgba(4,212,188,1);
  color:white 
}
.btn-submit.disabled{
  border:1px solid #dfdfdf;
  background-color: #dfdfdf;
  color:#737578 !important
}

.btn-submit:focus{
box-shadow: none;
}
.aligncenter {
    display:flex;
       flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content:center; 
      -webkit-align-items: center;
  }

  .pointer{
    cursor:pointer;
  }

  .btn-padrao {
    background-color: #5fc8c0 !important;
    border: 1px solid #A0D0CC !important;
    color:white !important;
  }
  .btn-padrao:hover {
    background-color: #5fc8c0 !important;   
    border: 1px solid #5fc8c0 !important;
  }

  

  #img_principal{
    background-image: url('../img/fundo_biblioteca.png');   background-size: cover;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: center center; 
  }



.btnvoltar {
    background-color: #172b4d;
    color:white;
}.btnvoltar:hover{
  color:white;
}

.btnaccept {
    background-color: red;
    color:white;
}.btnaccept:hover{
    color:white;
}

.iptForm{
    border:none;
    border-bottom: 1px solid #c3c3c3;
}

.iptForm:hover{
    border-bottom: 1px solid black;
}


.pointer {
    cursor:pointer;
}

@media (max-width: 768px) {
  #contVocepaga {
    margin-top: 11.5px !important; }
   }

@media (max-width: 540px) {
  #contVocepaga {
    margin-top: 17px !important; }
   }

.textMenu{
    color:rgb(82, 79, 79);
}

.labelResumoResult {
  font-size:13px;
color:black; 
font-weight:bold;
}

.labelResumo {
  font-size:13px;
color:black; 
font-weight:500;
}

.labelResumoResultTotal {
  font-size:14px;
color:black; 
font-weight:bold;
}

.labelResumoTotal {
  font-size:18px;
color:black; 
font-weight:500;
}



.linkPainel.active{
  background-color:#e03e3e !important;
}


.btnPedidos{
color: rgba(65, 61, 61, 0.9);  
}.btnPedidos:hover{
color:#c64f4f;
}



.select-form{
  border:1px solid #ced4da;
  background:white;
}


.btn-light{
  color: #737578 !important;
  background-color: white;
  border: 1px solid #ced4da;
}
.btn-light:hover{
  color: #737578 !important;
  background-color: white;
  border: 1px solid #ced4da;
}
.btn-light:focus{
  color: #737578 !important;
  background-color: white;
  border: 1px solid #ced4da;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    
    50% {
        transform: scale(1.1);
    }
    
    100% {
        transform: scale(1);
    }
}
#imagem-element{
    animation: pulse 1.5s infinite !important;
}