body {
    background-color: #f9fbfd;
    color: #222121;
    font-family: Tahoma Regular;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}
.sidebar .nav-link {
    background: transparent;
    color: #ffffff;
    display: block;
    padding: 0.75rem 1rem;
    text-decoration: none;
}
.sidebar .nav-link .nav-icon {
    color: #ffffff;
    display: inline-block;
    font-size: 1rem;
    margin: 0 0.5rem 0 0;
    text-align: center;
    width: 1.25rem;
}
.sidebar .nav-link:hover {
    background: #8fc7e7;
    color: #fff;
}
.sidebar .nav-link.active {
    background: #dc3545;
    color: #fff;
}
.sidebar .nav-link.active .nav-icon {
    color: #fff;
}
.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #0000ff;
    border-color: #7c69ef;
    color: #fff;
}
a {
    background-color: transparent;
    color: #0000ff;
    text-decoration: none;
}
.btn-link {
    color: #0000ff;
    font-weight: 400;
    text-decoration: none;
}
.btn-success {
    background-color: #0000FF;
    border-color: #0000FF;
    color: #fff;
}

.btn-success:hover {
    background-color: #1c83be;
    border-color: #1c83be;
    color: #fff;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background-color: #8fc7e7;
    border-color: #8fc7e7;
    color: #fff;
}
.myside{
    background-color: #1cbe29;
    border-color: #1c83be;
    color: #fff;
}
.bg-secondary {
    background-color: #ffffff!important;
}
.sidebar .nav {
    flex-direction: column;
    min-height: 100%;
    padding: 0;
    width: 200px;
    background-color: #1111d9;
}
legend {
    color: inherit;
    display: block;
    font-size: 0.88rem;
    font-weight: bold;
    padding-left: 50px;
    line-height: inherit;
    margin-bottom: 0.5rem;
    max-width: 100%;
    margin-left: 16px;
    padding: 0;
    white-space: normal;
    width: 100%;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-left: 16px;
}
.bg-primary {
    background-color: #1111d9!important;
}
.page-item.active .page-link {
    background-color: #1111d9;
    border-color: #1111d9;
    color: #fff;
    z-index: 1;
}
element.style {
    opacity: 1;
    max-width: 150px;
    max-height: 50px;
    width: auto;
    display: block;
}
/* filter color. */
.navbar-nav .nav-link {
    color: #dc3545;
    font-size: 14px;
    }
    .navbar-filters .navbar-nav>.active>a, .navbar-filters .navbar-nav>.active>a:focus, .navbar-filters .navbar-nav>.active>a:hover, .navbar-filters .navbar-nav>.open>a, .navbar-filters .navbar-nav>.open>a:focus, .navbar-filters .navbar-nav>.open>a:hover, .navbar-filters li>a:active {
    background-color: #e4e7ea;
    border-radius: 3px;
    COLOR : #dc3545;
    }