.menu_caisier{
    position: fixed;
    background: var(--LightGray);
    width: 24.8%;
    height: calc(95vh - 56px - 36px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.button_info {
    margin-top: 60px;
    width: 160px;
    padding: 10px;
    font-size: 1.7rem;
    cursor: pointer;
    background: var(--DarkBlue);
    border-radius: 15px;
}

.btn-exit-cashier{
    background: var(--DarkBlue);
    color: var(--White);
    padding: 10px 10px;
    text-align: center;   
    cursor: pointer;
    border-radius: 15px;
}

.dropdown_div {
    margin-top: 60px;
    width: 140px;
    padding: 7px;
    font-size: 1.3rem;
    border: 0px;
    background: var(--DarkBlue);
    border-radius: 15px;
}

.refresh{
    margin-top: 40px;
    width: 100px;
    padding: 5px;
    font-size: 1rem;
    border: 0px;
    cursor: pointer;
    background: var(--DarkBlue);
    border-radius: 15px;
}

.text_button, .dropdown-toggle {color: var(--White);}

.dropdown-content {
    width: 240px;
    bottom: calc(100% + 10px);
    left:50%;
    transform:translateX(-50%);
}

.dropdown-content a {
  display: block;
  padding: 10px;
  margin: 5px;
  font-size: 1.2rem;
  text-decoration: none;
  color: var(--Black);
}

.dropdown-content a:hover {background: var(--LightGrey);}