body {
    background-color: #282A36;
    color: #f2f2f2;
}

:focus {
    outline: 0!important;
}
.container {
    max-width: 600px;
}

.navbar {
    background-color: #21222C;
}

.form-control {
    color: #dcdcdc;
    background-color: #191a21;
    border: 1px solid #111213;
}

.btn-default {
    color: #fcfcfc;
    background-color: #191a21;
    border-color: #111213;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus {
    color: #fff;
    background-color: #282a32;
    border-color: #1e1e1e;
}

.form-control:focus {
    border-color: #545556;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(74 74 74 / 60%), 0 0 8px rgb(74 74 74 / 60%);
    box-shadow: inset 0 1px 1px rgb(74 74 74 / 60%), 0 0 8px rgb(74 74 74 / 60%);
}

.navbar>.container {
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar>.container>span {
    font-size: 16pt;
}

span.header {
    margin-left: 15px;
}

#report {
    overflow-wrap: break-word;
    overflow: auto;
    padding: 15px;
    min-width: 100%;
    min-height: 200px;
    margin-top: 30px;
    background-color: #191A21;
    border-radius: 5px;
}

#report td, #report table, #report tr {
    overflow-wrap: break-word;
} 

#report td {
    padding: 5px;
    vertical-align: top;
} 

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

* {
    scrollbar-color: #fff6 #191919;
    scrollbar-width: thin;
}

::-webkit-scrollbar-track {
    background: #191919;
}
  

::-webkit-scrollbar-thumb {
    background: #fff6;
}
  

::-webkit-scrollbar-thumb:hover {
    background: #fff3;
}

.mb-0 {
    margin-bottom: 0;
}

.modal-content {
    background-color: #202124;
}

.title {
    font-size: 14pt;
}

.modal-header {
    padding-bottom: 0;
    border-bottom: 0;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #373c46;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #141415;
    text-align: center;
}

.close {
    color: #c0bebe;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

.close:focus, .close:hover {
    color: #fff;
    opacity: 1;
}

.table-popup {
    padding: 5px;
    background-color: rgba(0,0,0,0.2);
    margin-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
}

.table-popup:hover {
    background-color: rgba(0,0,0,0.5);
}

.footer {
    text-align: center;
    margin-top: 20px;
    padding: 15px;
    border-top: 1px solid #191A21;
    color: #c0bebe;
}

.footer a {
    color: aliceblue;
}