.bg-d1 {
    background-color: rgb(45, 45, 45) !important;
}

.bg-d2 {
    background-color: rgb(27 27 27) !important;
}

.mr-025 {
    margin: 0.5rem 0;
}

input {
    background-color: rgb(45, 45, 45) !important;
    color: rgb(37, 255, 67) !important;
}

select {
    background-color: rgb(45, 45, 45) !important;
    color: rgb(37, 255, 67) !important;
}

select > option {
    background-color: rgb(45, 45, 45) !important;
    color: rgb(37, 255, 67) !important;
}

label{
    background-color: rgb(45, 45, 45) !important;
    color: rgb(255, 255, 255) !important;
}

.menu-bttn {
    width: 100%;
    text-align: left;
    padding-left: 0.25rem;;
    padding-bottom: 0.25rem;
}

.d-table1 {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: rgb(128, 128, 128);
}

.hr-color1 {
    color: rgb(255, 255, 255) !important;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
}

.cur1 {
    cursor: pointer;
}

.display-none {
    display: none;
}

.mod-bttn-1 {
    opacity: 1;
    filter: brightness(0) invert(1);
}

.acc-bttn::after {
    opacity: 1;
    filter: brightness(0) invert(1);
}

.dataTables_wrapper {
    color: rgb(255, 255, 255) !important;
}

.dataTables_length > label > select {
    background-color: rgb(45, 45, 45) !important;
    color: rgb(255, 255, 255) !important;
}

.dataTables_filter > label > input {
    color: rgb(255, 255, 255) !important;
}

.preloader-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 99vw;
    height: 100vh;
    background-color: rgb(0, 0, 0, 0.6);
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}