/*----BUTTONS----*/
.btn {
    padding: 0.125rem 1.75rem;
    font-size: 1.25rem;
}

/*Normal*/
.btn-primary {
    color: #5e5e87;
    background-color: transparent;
    border-color: #5e5e87;
}

/*Hover*/
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: transparent;
    border-color: #5e5e87;
}

.btn-primary:hover {
    color: white;
    background-color: transparent;
    border-color: #5e5e87;
}

.btn:hover {
    color: white;
    text-decoration: none;
}

/*Active*/
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: white;
    background-color: transparent;
    border-color: #5e5e87;

}

.btn-primary:active, .btn-primary.active {
    background: #5e5e87;
}

/*Focus*/
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: transparent;
    border-color: #5e5e87;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0);
}

/*Active and Focused*/
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(94, 94, 135);
}

a,a:hover {
    color: #5e5e87;
}

body {
    background-color: #35344b;
    color: white;
    font-family: Consolas,monaco,monospace;
}

#skbo-chan {
    background-color: #313045;
}

html,body,#main-row,#main-container {
    height: 100%;
}

#main-col-left{
    background-color: #313045;
}

/*Remove left sidebar when under 767px*/
@media only screen and (max-width: 767px) {
    #main-col-left {
        display: none;
    }
    #main-col-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #logo-png {
        max-height: 200px;
    }
}

.text-faded:hover {
    color: rgba(255, 255, 255, 0.5);
}

.text-faded {
    color: rgba(255, 255, 255, 0.16);
}

.a-unstyled,.a-unstyled:hover,.a-unstyled:focus {
    text-decoration: inherit;
    color: inherit;
}

.animate__animated.animate__delay-1hs {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}