OwnchatBot/ownchatbot/static/style.css

html {
    box-sizing: border-box;
    font-size: 62.5%
}

body {
    width: 900px;
    background-color: black;
    color: white;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.6;
    margin: 0 auto; 
    text-align: center; 
}

table {
    border-collapse: collapse;
    width: 97%; 
    margin: 10px;
}

tr {
    border-bottom: 1px solid gray;
}

img {
    height: 50px;
    width: auto;
    padding-right: 16px;
}

.container{
    margin: 0 auto;
    max-width: 100.0rem;
    padding: 0 2.0rem;
    position: relative;
    width: 100%
}

.panel {
    /* margin: 10px; */
    background-color: #002e63;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: #2a52be;
}

.tab {
    overflow: hidden;
    background-color: #2a52be;
}
    
.tab button {
    background-color: inherit;
    color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    border-radius: 18px;
}
   
    
.tab button:hover {
    background-color: #1d2951;
    color: white;
}
    
.tab button.active {
    background-color: #003399;
    color: white;
}
    
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
    background-color: #002e63;
    text-align: left;
}
    
.queuecontent {
    display: block;
    padding: 6px 12px;
    border-top: none;
    background-color: #002e63;
    text-align: left;
}

.button {
    border-radius: 25px;
    border: none;
    background-color: inherit;
    color: white;
    padding: 4px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    box-shadow: 0 5px #999;
}

.button2 {
    background-color: #002e63;
    color: inherit;
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button2:active {
    background-color: #008CBA;
    box-shadow: 0 5px #666;
    transform: translateY(2px);
}

a:link {
    color: white;
}

a:visited {
    color: white;
}

.bar-container {
        padding:0.01em;
    }

.bar-blue {
    color:#fff!important;
    background-color:#2196F3!important
}
    
.bar-light-grey {
    color:#000!important;
    background-color:#f1f1f1!important
}

.bar-tiny {
    font-size:10px!important
}
    
.bar-round {
    border-radius:16px
}

.milestone-marker {
    position: absolute;
    top: -1px;
    z-index: 1;
}