body{
    font-family: 'Poppins', sans-serif !important;
}

.loginBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: fit-content;
    background: rgba(0,0,0,0.1);
    padding: 2vh;
    border-radius: 1vh;
    border: 0.1vh solid rgba(255,255,255,0.1)
}

.messageBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 4vh;
}

.h-100 {
    min-height: 100vh !important;
}

.customMenu{
    font-weight: 300;
    font-size: 1.6vh;
    color: rgba(255,255,255,0.75) !important;
}

.customMenu:hover{
    filter: brightness(1.2);
    color: rgba(255,255,255,1) !important;
}

.customMenu i{
    font-size: 2vh;
    border: 0.1vh solid rgba(255,255,255,0.1);
    border-radius: 0.5vh;
    padding: 1vh 2vh;
    color: rgba(255,255,255,1) !important;
}
.createVoucherBox{
    background: rgba(0,0,0,0.15);
    padding: 1vh;
    border-radius: 1vh;
    border: 0.1vh solid rgba(255,255,255,0.15)
}
.readerVisual{
    background: rgba(0,0,0,0.15) !important;
    padding: 1vh !important;
    border-radius: 1vh !important;
    border: 0.1vh solid rgba(255,255,255,0.15) !important;
}

.readerVisual button{
    background: rgba(0,0,0,0.15) !important;
    padding: 1vh 2vh !important;
    border-radius: 0.5vh !important;
    border: 0.1vh solid rgba(255,255,255,0.2) !important;
    font-size: 2vh;
}

.html5-qrcode-element{
    background: rgba(0,0,0,0.15) !important;
    padding: 0.5vh 1vh !important;
    border-radius: 0.5vh !important;
    border: 0.1vh solid rgba(255,255,255,0.2) !important;
    font-size: 2vh;
    margin-top: 0.25vh;
    margin-bottom: 0.25vh;
    display: flex;
    justify-self: center;
}

#reader__dashboard_section_csr span{
    margin: 0 !important;
}

.table-selected {
    border-color: rgba(84, 121, 215, 0.9);
    color: rgba(84, 121, 215, 0.9);
}

.white-space{
    white-space: pre-wrap;
}

.greenText{
    color: rgb(0, 255, 0) !important;    
}
.redText{
    color: rgb(255, 0, 0) !important;
}
.blueText{
    color: rgb(0, 102, 255) !important;    
}
.whiteText{
    color: rgb(255, 255, 255) !important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 2vh;
  right: 2vw;
  display: none;
}