/* =========== settings css ============== */
.settings-card-1 .profile-info .profile-image {
    max-width: 75px;
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

.settings-card-1 .profile-info .profile-image img {
    width: 100%;
    border-radius: 50%;
}

.settings-card-1 .profile-info .profile-image .update-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #efefef;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}

.settings-card-1 .profile-info .profile-image .update-image:hover {
    opacity: 0.9;
}

.settings-card-1 .profile-info .profile-image .update-image input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 99;
}

.settings-card-1 .profile-info .profile-image .update-image label {
    cursor: pointer;
    z-index: 99;
}

label {
    font-size: 14px !important;
}

.sidebarParentActive a svg {
    color: #00A3FF !important;
}

.sidebarParentActive a span {
    color: #00A3FF !important;
}

.sidebarChildActive {
    color: #00A3FF !important;
}

.bg-primary {
    background-color: #00df82 !important;
}


/* ====================== Custom CSS ================  */
/* .form-select {
    background-color: #2a3038 !important;
    border-radius: 2px !important;
    border: none !important;
    color: #F2F3F5 !important;
} */




/* .table-hover>tbody>tr:hover td {
    color: #F2F3F5 !important;
}

table.dataTable thead th,
table.dataTable thead td {
    color: #F2F3F5 !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    color: #A9AFBB !important;

}

.table-hover>tbody>tr {
    background-color: transparent !important;
    color: #A9AFBB !important;

}

.table-title,
.modal-title {
    color: #35E07B;
}

.table {
    color: #F2F3F5 !important;
}

.card,
.form-control,
.form-select {
    background-color: #27282D !important;
    color: #F2F3F5 !important;
}

.form-select {
    border: 1px #BBC1C9 solid !important;
}


.text-white {
    color: #F2F3F5 !important;
}


.bg-green {
    background-color: #35E07B !important;
}

.text-muted {
    color: #A9AFBB !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: #59595A;
} */


.dataTables_wrapper .dataTables_processing {
    background: transparent !important;
    border: none !important;
}

.dropify-wrapper .dropify-preview {
    background-color: #0C1924 !important;
}

.note-frame {
    color: #fff;
}


.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #A9AFBB !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none !important;
    background-color: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5em 0px !important;
}

.form-select {
    background-color: #0C1924 !important;
    color: #F2F3F5 !important;
}

/* Multile select */
.choices__inner {
    background-color: transparent !important;
    border: 1px solid var(--bs-input-border-color) !important;
}

.choices__input {
    background-color: transparent !important;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    background-color: #0C1924 !important;
}

.vertical-menu.sidebar-dark {
    background: #00002B !important;
}