@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

body {
    background-color: #E6E6E8;
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
}


.card {
    border-radius: 10px;
    border: 0px;
}


.card-header {
    bsackground-color: transparent;
    border-bottom: 0px;
    font-weight: 600;
    font-size: 1.0em;
    letter-spacing: 1px;
    color: #50A3B9;
    text-transform: uppercase;
}


.list-group-header {
    padding-bottom: 4px;
    padding-top: 0px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9em;
    letter-spacing: 1px;
    color: #50A3B9;
    text-transform: uppercase;
}

.topbar .time {
    text-transform: capitalize
}


.salesmen-header {
    padding-bottom: 4px;
    padding-top: 0px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9em;
    letter-spacing: 1px;
    color: #50A3B9;
    text-transform: uppercase;
}

.bg-middlegray {
    background-image: linear-gradient(45deg, #f2f2f2 25%, #ffffff 25%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 75%, #ffffff 75%, #ffffff 100%);
    background-size: 16.97px 16.97px;
}

.bg-redstripes {
    background-image: linear-gradient(45deg, #fff0f0 25%, #ffffff 25%, #ffffff 50%, #fff0f0 50%, #fff0f0 75%, #ffffff 75%, #ffffff 100%);
    background-size: 16.97px 16.97px;
}

.bg-bluestripes {
    background-image: linear-gradient(45deg, #ffffff 25%, #ebf7ff 25%, #ebf7ff 50%, #ffffff 50%, #ffffff 75%, #ebf7ff 75%, #ebf7ff 100%);
    background-size: 16.97px 16.97px;
}