/* color: #5a52f9 !important;
   color: #e76d27 !important;
   color: #00c5d9 !important;
   color: #f13733 !important;
   color: #014185 !important;
   color: #ffb302 !important;
   color: #f51e85 !important;
   color: #a704bd !important;
   color: #22b573 !important; */
/* lighter ripple effect */
.w3-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.4);
    /* Dark gray ripple for contrast on white */
    opacity: 0;
    border-radius: 100%;
    transform: scale(1);
    transform-origin: center;
    transition: none;
}

.footmenu .w3-button:hover {
    background-color: #fff !important;
}

select,
input {
    background-color: #fff;
}

.db-body {
    /* background-color: #F2F5F8 !important; */
    background-color: #e8eaed !important;
}

.dt-paging button {
    background-color: #fff;
    border: solid 2px #04aa6d;
    color: #04aa6d;
}

.theme-text {
    color: #666;
}

.user-id {
    color: #333 !important;
}

.w3-text-amber {
    color: #ff5722 !important;
}

.active-mask {
    border-color: #04aa6d !important
}

.dt-paging button:hover {
    color: #fff;
    background-color: #04aa6d;
}

.dt-paging .current {
    color: #fff;
    background-color: #04aa6d;
}

.input-spin {
    border: solid 3px #ccc;
    border-left-color: #fff;
}

.w3-sidebar .w3-button:hover {
    color: #333 !important;
    background-color: #f9f9f9 !important;
}

.w3-sidebar .w3-green {
    background-color: #04aa6d !important;
}

.w3-sidebar .w3-green:hover {
    color: #fff !important;
    background-color: #04aa6d !important;
}

.profile label,
.clients label {
    color: #555 !important;
}

.clients input,
.clients select,
.clients textarea {
    outline-color: #04aa6d;
    border: solid 2px #ddd;
}

.clients input::placeholder,
.clients textarea::placeholder {
    color: #bbb;
}

.box-label {
    border: solid 2px #04aa6d;
    background-color: #04aa6d;
    color: #fff;
}

.more {
    color: #04aa6d;
}

.light_dark tr {
    border-color: #e6e6e6 !important;
}

.light_dark tbody td {
    color: #666;
}

.light_dark tbody tr:hover {
    background-color: #f9f9f9;
}

.light_dark td:first-child {
    border-right: solid 1px #e6e6e6 !important;
}

/* .user_id span {
    color: #000 !important;
} */

.wallet p {
    color: #666 !important;
}

input[type=file]::file-selector-button {
    background-color: #04aa6d;
}

.chat-header {
    border-bottom: solid 1px #e8eaed
}

.chat-footer {
    border-top: solid 1px #e8eaed
}

.chat-header,
.chat-body {
    color: #333;
}

.drop-down {
    background-color: #fff;
}

.drop-down p {
    border-top: solid 1px #e8eaed;
}

.drop-down p:hover {
    background-color: #e8eaed;
}

.doc-mask {
    background-color: rgba(255, 255, 255, 0.75);
}