html, body {
    height: 100%;
    width: 100%;
}

.theme-selector-wrapper {
    padding:0;
}

    .theme-selector-wrapper [class*="col-"] {
        padding:0;
    }

    .theme-selector-wrapper .d-flex {
        display: flex;
    }

        .theme-selector-wrapper .d-flex > div {
            float: none;
        }

    .theme-selector-wrapper .col-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .theme-btn {
        padding: 12px !important;
        border-radius: 0 !important;
        border-color: #DCDCDC !important;
        color: rgb(100, 100, 100) !important;
        box-shadow: none !important;
    }

        .theme-btn.btn-go-back {
            background-color: rgb(0, 113, 188) !important;
            border-color: rgb(0, 113, 188) !important;
            color: #fff !important;
        }



            .theme-btn:hover {
                border-top-color: rgb(33, 62, 78) !important;
                border-bottom-color: rgb(33, 62, 78) !important;
                border-left-color: rgb(251, 252, 253) !important;
                border-right-color: rgb(251, 252, 253) !important;
                background-color: rgb(33, 62, 78) !important;
                color: white !important;
            }

    .theme-btn.active {
        border-color: rgb(33, 62, 78) !important;
        background-color: rgb(33, 62, 78) !important;
        color: white !important;
    }

.theme-2 {
    background-color: rgb(100, 100, 100);
}


/* Light theme */

.theme-3 {
    background-color: rgb(238, 238, 242);
}

.theme-3 .theme-btn {
    border-color: rgb(226, 228, 235);
    color: rgb(100, 100, 100);
    background-color: rgb(230, 230, 237);
}

.theme-3 .theme-btn:hover {
    border-left-color: rgb(226, 228, 235) !important;
    border-right-color: rgb(226, 228, 235) !important;
    border-top-color: #4cc2ff !important;
    border-bottom-color: #4cc2ff !important;
    background-color: #4cc2ff !important;
    color: rgba(60, 65, 80, 1) !important;
}

.theme-3 .theme-btn.active {
    border-color: #4cc2ff !important;
    background-color: #4cc2ff !important;
    color: rgba(60, 65, 80, 1) !important;
}

/* Dark theme */
.theme-4 {
    background-color: rgb(44, 46, 54);
}

.theme-4 .theme-btn {
    border-color: rgb(51, 49, 51) !important;
    color: rgb(224, 223, 223) !important;
    background-color: rgba(25, 25, 25, 1);
}

    .theme-4 .theme-btn:hover {
        border-left-color: rgb(51, 49, 51) !important;
        border-right-color: rgb(51, 49, 51) !important;
        border-top-color: rgb(51, 49, 51) !important;
        border-bottom-color: rgb(51, 49, 51) !important;
        background-color: rgb(33, 31, 33) !important;
        color: rgb(224, 223, 223) !important !important;
    }

    .theme-4 .theme-btn.active {
        border-color: rgb(51, 49, 51) !important;
        background-color: rgb(33, 31, 33) !important;
        color: rgb(224, 223, 223) !important !important;
    }


/* California theme */

.theme-5 {
    background-color: rgb(82, 86, 89);
}

    .theme-5 .theme-btn {
        border-color: rgb(50, 54, 57) !important;
        color: rgb(241, 241, 241) !important;
        background-color: rgba(36, 41, 48, 1);
    }

    .theme-5 .theme-btn:hover {
        border-left-color: rgba(36, 41, 48, 1) !important;
        border-right-color: rgba(36, 41, 48, 1) !important;
        border-top-color: rgba(50, 54, 57, 1) !important;
        border-bottom-color: rgba(36, 41, 48, 1) !important;
        background-color: rgba(50, 54, 57, 1) !important;
        color: rgb(224, 223, 223) !important !important;
    }

    .theme-5 .theme-btn.active {
        border-color: rgba(36, 41, 48, 1) !important;
        background-color: rgba(50, 54, 57, 1) !important;
        color: rgb(241, 241, 241) !important !important;
    }


.theme-btn.btn-go-back:hover {
    background-color: rgb(0, 82, 137) !important;
    border-color: rgb(0, 82, 137) !important;
    color:#fff !important;
}