:root {
    --admin: #4f639c;
    --chocolat: #da6837;
    --orange: #ad8113;
    --coral: #ff7f50;
    --coral-dark: #ff7f50;
    --violet: #98278a;
    --gold: #ffd700;
    --olive: #808000;
}

.bg-violet {
    background-color: #b342a5 !important;
}

.bg-chocolat {
    background-color: #da6837 !important;
}

.bg-orange {
    background-color: #dea71b !important;
}

.bg-admin {
    background-color: #4f639c !important;
}

.border-dash {
    border: .3rem solid #ffffff !important;
}

.card-badge {
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: rgba(255, 255, 255, .8);
    overflow: hidden;
    padding: 0 5px;
    border: 1px solid #da6837;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #666;
    font-size: 0.9rem;
}

.table-responsive {
    overflow-x: hidden;
}

.item-disabled:hover {
    cursor: not-allowed;
}

.item-disabled:hover .dgct-icon {
    transform: scale(1) !important;
}

/* modified by mr. cheikh ahmed*/

.content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.content-wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    border-radius: 100%;
    left: 6px;
    box-shadow: 0 0 2px #444;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 1.6rem !important;
    transform: translatey(-50%);
    background-color: #31b131 !important;
}

.dataTables_filter {
    display: flex !important;
    justify-content: flex-end !important;
}

.is-invalid {
    background-image: none !important;
}

.dcs-invalid-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #ff4961;
}

.dcs-is-invalid {
    border-color: #ff4961 !important;
}

.btn-light {
    color: #181818 !important;
    background-color: #f6f7f8 !important;
    border-color: #babfc7 !important;
}

/*    js-tree   */
.jstree-anchor {
    white-space: normal !important;
    height: auto !important;
    padding-right: 24px !important;
    width: 100% !important;
}

.dcs-invalid-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #ff4961;
}

.dcs-is-invalid {
    border-color: #ff4961 !important;
}

.select2 .select2-container {
    border: 1px solid red !important;
    border-radius: 5px !important;
}