html {
    scrollbar-face-color: #646464;
    scrollbar-base-color: #646464;
    scrollbar-3dlight-color: #646464;
    scrollbar-highlight-color: #646464;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: #646464;
    scrollbar-dark-shadow-color: #646464;
}

::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #000;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #646464;}
::-webkit-resizer { background-color: #666;}

.btn-group-toggle .btn {
    background-color: #383838;
    border: none;
    margin-bottom: 6px;
    margin-right: 6px;
}

.alert-danger {
    background-color: #af0000;
    color: #ffffff;
    border-color: #383838;
}
.alert-success {
    background-color: #009e2c;
    color: #ffffff;
    border-color: #383838;
}

.loginFormContainer{
    min-width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #343434;
    border-radius: 1px;
    padding: 20px;
    background-color: rgba(0,0,0,0.1);
}

@media (max-width: 500px) {
    .loginFormContainer {
        min-width: 85%;
    }
}