@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
:root{
    --font-orbiton: 'Orbitron', sans-serif;
    --font-ubuntu: 'Ubuntu', sans-serif;
}

html, body{
    height: 100%;
    width: 100%;
}

* {
    font-family: var(--font-ubuntu);
    letter-spacing: 1px;
}
body:not(.printable-receipt){
    background-color:#cfd9df;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
body.login-page{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
div.page-title, div.page-title * {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: #5e5e5e;
    font-family: var(--font-orbiton);
}

.flashdata {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-left: 8px solid var(--bs-gray-400);
}

.flashdata.flashdata-success{
    border-left-color: var(--bs-success);
}
.flashdata.flashdata-danger{
    border-left-color: var(--bs-danger);
}

.flashdata .flashdata-close {
    text-decoration: none;
    color: #777;
}

.flashdata .flashdata-close:hover{
    color: #4f4f4f;
}
#order-item-tbl * {
    font-size: .8rem;
}

body.printable-receipt * {
    font-size: 11px ;
}

body.printable-receipt h3{
    font-size: 14px ;
}
body.printable-receipt h4{
    font-size: 12px ;
}

hr.dashed {
    border: 2px dashed #000;
    opacity: .75;
}