@font-face {
   font-family: myFont;
   src: url(../fontes/trip-sans.otf);
}

@font-face {
   font-family: myFont2, Arial, sans-serif;
   src: url(../fontes/roboto_black.ttf);
}

@font-face {
  font-family: myFont3;
  src: url(../fontes/Poppins-Regular.ttf);
}

body {
  /*font-family: myFont, Arial, sans-serif;*/
  /*font-family: myFont2, Arial, sans-serif;*/
  font-family: myFont3, Arial, sans-serif;
}

.navbar {
  box-shadow: unset !important;
  background-color: transparent !important;
}

.btn {
  box-shadow: unset !important;
  text-transform: unset !important;
}

.btn-entrar {
  text-transform: unset !important;
  /*font-weight: 600 !important;*/
  font-size: 16px !important;
  /*box-shadow: unset !important;*/
}

.btn-dark:hover {
  box-shadow: unset !important;
}

.form-control {
  line-height: 32px !important;
}

.badge {
  font-size: 12px !important;
  font-weight: initial !important;
}

.progress-circular {
  height: 60px;
  width: 60px;
}

.progress-label {
  font-size: 24px;
}

.progress-circular-pessoal {
  height: 30px;
  width: 30px;
}

.progress-label-pessoal {
  font-size: 12px;
}

.progress-circular-escola {
  height: 40px;
  width: 40px;
}

.progress-label-escola {
  font-size: 14px;
}

.progress-circular-global {
  height: 60px;
  width: 60px;
}

.progress-label-global {
  font-size: 24px;
}

.progress-circular-avaliacao {
  margin: auto !important;
  height: 30px;
  width: 30px;
}

.progress-label-avaliacao {
  font-size: 12px;
}


.img-wrapper {
  position: relative;
}

.img-wrapper:before {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 10px; /* or right */
  z-index: 1000; /* make sure it sits above your image */
  /*content: "";*/ /* you can have a font here for your icons */
  /*background-image: url();*/ /* or you could use a background image */
}

.favorito {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 10;
}

/*
.favorito:hover {
  color: red;
}
  */

.favorito-ativo {
  color: red;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 10;
}

/*
.favorito-ativo:hover {
  color: white !important;
}
*/

.card-footer {
  border-top: none;
}

/*
.form-select, .dropdown-menu option a:hover {
    color: rrgb(10, 185, 7)!important;
    background: #ff015a !important;
}
*/