.bg-1 {
    background-color: #fff !important;
}

.bg-2 {
    background-color: #e7e6e6 !important;
}

.bg-3 {
    background-color: #0563c1 !important;
}

.bg-4 {
    background-color: #4472c4 !important;
}

.bg-5 {
    background-color: #5b9bd5 !important;
}

.bg-6 {
    background-color: #954f72 !important;
}

.bg-7 {
    background-color: #44546a !important;
}

.bg-8 {
    background-color: #a5a5a5 !important;
}

.bg-9 {
    background-color: #ed7d31 !important;
}

.bg-10 {
    background-color: #70ad47 !important;
}

.bg-11 {
    background-color: #ffc000 !important;
}

.bg-12 {
    background-color: #000000 !important;
}

.ig-0 {
    color: #70ad47 !important;
}

.ig-1 {
    color: #0563c1 !important;
}

.ig-2 {
    color: #ed7d31 !important;
}

.ig-3 {
    color: #5b9bd5 !important;
}

.ig-4 {
    color: #ffc000 !important;
}

.ig-5 {
    color: #954f72 !important;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #3dea03;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0.6rem;
}

.main-sidebar {
    background-color: #fff;
}

.main-header {
    background-color: #fff !important;
}

.brand-text {
    font-weight: 500;
    color: black;
}

.form-control-sidebar {
    background-color: #dadada !important;
    border-color: #dadada !important;
}

.btn-sidebar {
    background-color: #dadada !important;
    border-color: #dadada !important;
}

.nav-link > .nav-icon {
    color: #6c757d !important;
}

.nav .active > a {
    color: #097bec !important;
}
.nav-item > a {
    color: #212529 !important;
}

.nav .active {
    /* background-color: #dee3ea !important; */
    /* border-radius: 5rem !important; */

    > p {
        color: white !important;
    }

    > .nav-icon {
        color: #fff !important;
    }
}

.nav-pills .nav-link {
    border-radius: 5rem;
}

.nav-header {
    color: #44546a !important;
}

/* Tables button */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropbtn {
    background-color: white;
    color: black;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 16px;
    border: 1px solid blue;
    border-radius: 5px;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.menu-open > ul > li > a.active {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.menu-open > ul > li > a:hover {
    color: #3a84b6 !important;
    margin-left: 0.2rem !important;
}

.menu-open > ul > li > a:not(.active) {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    font-size: 0.9rem !important;
    margin-left: 0.5rem;
    > .nav-icon {
        color: blue !important;
    }
}