.btn-rainbow1 {
    color: #fff;
    background-color: #ff9999;
    border-color: #007bff;
}

    .btn-rainbow1:hover {
        color: #fff;
        background-color: #ff9999;
        border-color: #0062cc;
    }

    .btn-rainbow1:focus, .btn-rainbow1.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow1.disabled, .btn-rainbow1:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow1:not(:disabled):not(.disabled):active, .btn-rainbow1:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow1.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow1:not(:disabled):not(.disabled):active:focus, .btn-rainbow1:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow1.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }



.btn-rainbow2 {
    color: #fff;
    background-color: #ffc899;
    border-color: #007bff;
}

    .btn-rainbow2:hover {
        color: #fff;
        background-color: #ffc899;
        border-color: #0062cc;
    }

    .btn-rainbow2:focus, .btn-rainbow2.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow2.disabled, .btn-rainbow2:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow2:not(:disabled):not(.disabled):active, .btn-rainbow2:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow2.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow2:not(:disabled):not(.disabled):active:focus, .btn-rainbow2:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow2.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow3 {
    color: #fff;
    background-color: #fff799;
    border-color: #007bff;
}

    .btn-rainbow3:hover {
        color: #fff;
        background-color: #fff799;
        border-color: #0062cc;
    }

    .btn-rainbow3:focus, .btn-rainbow3.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow3.disabled, .btn-rainbow3:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow3:not(:disabled):not(.disabled):active, .btn-rainbow3:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow3.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow3:not(:disabled):not(.disabled):active:focus, .btn-rainbow3:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow3.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow4 {
    color: #fff;
    background-color: #d8ff99;
    border-color: #007bff;
}

    .btn-rainbow4:hover {
        color: #fff;
        background-color: #d8ff99;
        border-color: #0062cc;
    }

    .btn-rainbow4:focus, .btn-rainbow4.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow4.disabled, .btn-rainbow4:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow4:not(:disabled):not(.disabled):active, .btn-rainbow4:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow4.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow4:not(:disabled):not(.disabled):active:focus, .btn-rainbow4:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow4.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow5 {
    color: #fff;
    background-color: #a9ff99;
    border-color: #007bff;
}

    .btn-rainbow5:hover {
        color: #fff;
        background-color: #a9ff99;
        border-color: #0062cc;
    }

    .btn-rainbow5:focus, .btn-rainbow5.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow5.disabled, .btn-rainbow5:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow5:not(:disabled):not(.disabled):active, .btn-rainbow5:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow5.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow5:not(:disabled):not(.disabled):active:focus, .btn-rainbow5:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow5.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow6 {
    color: #fff;
    background-color: #99ffb8;
    border-color: #007bff;
}

    .btn-rainbow6:hover {
        color: #fff;
        background-color: #99ffb8;
        border-color: #0062cc;
    }

    .btn-rainbow6:focus, .btn-rainbow6.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow6.disabled, .btn-rainbow6:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow6:not(:disabled):not(.disabled):active, .btn-rainbow6:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow6.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow6:not(:disabled):not(.disabled):active:focus, .btn-rainbow6:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow6.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow7 {
    color: #fff;
    background-color: #99ffe7;
    border-color: #007bff;
}

    .btn-rainbow7:hover {
        color: #fff;
        background-color: #99ffe7;
        border-color: #0062cc;
    }

    .btn-rainbow7:focus, .btn-rainbow7.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow7.disabled, .btn-rainbow7:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow7:not(:disabled):not(.disabled):active, .btn-rainbow7:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow7.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow7:not(:disabled):not(.disabled):active:focus, .btn-rainbow7:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow7.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow8 {
    color: #fff;
    background-color: #99e7ff;
    border-color: #007bff;
}

    .btn-rainbow8:hover {
        color: #fff;
        background-color: #99e7ff;
        border-color: #0062cc;
    }

    .btn-rainbow8:focus, .btn-rainbow8.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow8.disabled, .btn-rainbow8:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow8:not(:disabled):not(.disabled):active, .btn-rainbow8:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow8.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow8:not(:disabled):not(.disabled):active:focus, .btn-rainbow8:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow8.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow9 {
    color: #fff;
    background-color: #a999ff;
    border-color: #007bff;
}

    .btn-rainbow9:hover {
        color: #fff;
        background-color: #a999ff;
        border-color: #0062cc;
    }

    .btn-rainbow9:focus, .btn-rainbow9.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow9.disabled, .btn-rainbow9:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow9:not(:disabled):not(.disabled):active, .btn-rainbow9:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow9.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow9:not(:disabled):not(.disabled):active:focus, .btn-rainbow9:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow9.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow10 {
    color: #fff;
    background-color: #d899ff;
    border-color: #007bff;
}

    .btn-rainbow10:hover {
        color: #fff;
        background-color: #d899ff;
        border-color: #0062cc;
    }

    .btn-rainbow10:focus, .btn-rainbow10.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow10.disabled, .btn-rainbow10:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow10:not(:disabled):not(.disabled):active, .btn-rainbow10:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow10.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow10:not(:disabled):not(.disabled):active:focus, .btn-rainbow10:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow10.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow11 {
    color: #fff;
    background-color: #ff99f7;
    border-color: #007bff;
}

    .btn-rainbow11:hover {
        color: #fff;
        background-color: #ff99f7;
        border-color: #0062cc;
    }

    .btn-rainbow11:focus, .btn-rainbow11.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow11.disabled, .btn-rainbow11:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow11:not(:disabled):not(.disabled):active, .btn-rainbow11:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow11.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow11:not(:disabled):not(.disabled):active:focus, .btn-rainbow11:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow11.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-rainbow12 {
    color: #fff;
    background-color: #ff99c8;
    border-color: #007bff;
}

    .btn-rainbow12:hover {
        color: #fff;
        background-color: #ff99c8;
        border-color: #0062cc;
    }

    .btn-rainbow12:focus, .btn-rainbow12.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-rainbow12.disabled, .btn-rainbow12:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-rainbow12:not(:disabled):not(.disabled):active, .btn-rainbow12:not(:disabled):not(.disabled).active,
    .show > .btn-rainbow12.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-rainbow12:not(:disabled):not(.disabled):active:focus, .btn-rainbow12:not(:disabled):not(.disabled).active:focus,
        .show > .btn-rainbow12.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }