.neumorphic {
  border-radius: 20px;
  background: rgba(224,224,224,0.65);
  box-shadow: 5px 10px 15px #bebebe, -14px -14px 35px #ffffff;
}

.confirmation-btn {
  background: var(--bs-green);
  color: #e0e0e0;
  font-family: 'Alata', sans-serif;
  font-size: 15px;
  width: 170px;
}

.cancel-btn {
  background: var(--bs-danger);
  color: #e0e0e0;
  font-family: 'Alata', sans-serif;
  font-size: 15px;
  width: 170px;
}

.menu-btn {
  background: var(--bs-blue);
  color: #e0e0e0;
  font-family: 'Alata', sans-serif;
  font-size: 15px;
  width: 170px;
  height: 70px;
}

.footer-btn {
  background: var(--bs-gray-900);
  color: #e0e0e0;
  height: 20px;
  width: 115px;
  text-align: left;
  margin: 0px;
  padding-top: 3px;
  font-size: 10px;
  font-family: 'Alata', sans-serif;
}

.symbols-background {
  background-color: #3e4095!important;
}

#symbols::-webkit-scrollbar {
  background-color: var(--bs-success);
  height: 10px;
}

#symbols::-webkit-scrollbar-thumb {
  background-color: var(--bs-blue);
  width: 10px;
  height: 10px;
}

@media (max-width: 960px) {
  #teste {
    height: auto!important;
    background: white!important;
    padding-top: 0px!important;
  }
}

@media (max-width: 960px) {
  video {
    display: none;
  }
}

.main-div {
  height: calc(100vh - 250px);
}

.data-cell {
  background-color: var(--bs-blue)!important;
  color: #ffffff;
  text-align: center;
}

.p-log {
  margin-bottom: 3px;
  color: var(--bs-body-bg);
  font-family: Alata, sans-serif;
}

.con-log {
  margin-top: 3px;
  margin-bottom: 3px;
  background: #3e4095;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.data-cell-barcarena {
  background: var(--bs-green)!important;
  color: var(--bs-light)!important;
  text-align: center;
  width: 50px;
}

.data-cell-murucupi {
  background: var(--bs-yellow)!important;
  color: var(--bs-light)!important;
  text-align: center;
  width: 50px;
}

.data-cell-conde {
  background: var(--bs-danger)!important;
  color: var(--bs-light)!important;
  text-align: center;
  width: 50px;
}

.data-cell-estradas {
  background: var(--bs-gray-600)!important;
  color: var(--bs-light)!important;
  text-align: center;
  width: 50px;
}

.data-cell-ilhas {
  background: var(--bs-orange)!important;
  color: var(--bs-light)!important;
  text-align: center;
  width: 50px;
}

.p-pg-number {
  /*font-size: 13px;*/
}