body {
  margin-top: 54px;
  margin-bottom: 54px;
  color: #606060;
  background-color: #f0f0f0;
  font-family: 'Calibri', 'Arial', sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #ff4f4f;
}

a:active {
  color: #ff4f4f;
}

.limit-width {
  max-width: 500px;
}

.limit-height {
  height: 50px;
  max-height: 50px;
}

.link-preto {
  color: #212529;
  text-decoration: none;
}

.link-icone {
  font-size: 10px;
}

.form-login-container {
  height: 100vh;
  margin-top: -90px;  
  color: #fff;
}

.form-login {
  max-width: 390px; 
  padding: 15px; 
  margin: auto; 
}

.form-login > .form-floating > .form-label {
  color: #000;
}

.ativo {
  color: #198754;
}

.box {
  border: 1px solid #b5b5b5;
  background-color: #d5d5d5;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 10px;
}

.box a {
  /*color: #646464;*/
}

.box a:hover {
  /*color: #f30b00;
  text-decoration: none;*/
}

.box > .badge-danger {
  color: #fff;
}

.box > .badge-danger:hover {
  color: #000;
}

.box > .btn-secondary {
  color: #fff;
}
.btn-close-whited {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
}

/**************/
/* edit-clear */
/**************/
.form-group.position-relative input {
  padding-right: 32px;
}

.form-clear {
  align-items: center;
  background: #cecece;
  border-radius: 50%;
  bottom: 8px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
  z-index: 10;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
  font-size: 16px;
  font-weight: 500;
}

/*************/
/* flickity  */
/*************/
.carousel-cell {
  width: 100%; /* full width */
  height: 280px; /* height of carousel */
  margin-right: 10px;
  border-radius: 10px;
}

.flickity-button {
  background: transparent;
}

.flickity-button:hover {
  background: transparent;
}

.flickity-prev-next-button {
  width: 45px;
  height: 45px;
  border-radius: 55px;
}

.flickity-button-icon {
  fill: white;
}

/* position dots in carousel */
.flickity-page-dots {
  bottom: 5px;
}

/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid white;
}

/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: white;
}


/*************/
/* bootstrap */
/*************/
.nav-tabs {
  border-bottom: 1px solid #4ea17b;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #00000000 #00000000 #4ea17b;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #F0F0F0;
  border-color: #4ea17b #4ea17b #F0F0F0;
}

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