/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

//datatables
.kbunWL, .ddeqMG {
    .cFDtZf, .efrTRK {
        color: $table-color;
    }
    :is(.kdYplh, .dUdLgu) {
        background-color: var(--#{$prefix}secondary-bg);
        border-bottom-color: var(--#{$prefix}border-color);
    }
    .dUdLgu {
        color: $table-color;
        &:not(:last-of-type) {
            border-bottom-color: var(--#{$prefix}border-color);
        }
    }
}
.card-body {
    .fjmwMg {
        color: $table-color;
        background-color: var(--#{$prefix}secondary-bg);
        border-top-color: var(--#{$prefix}border-color);
        .flbsZw{
            color: $table-color;
            fill: $table-color;
            &:disabled{
                color: var(--#{$prefix}tertiary-color);
                fill: var(--#{$prefix}tertiary-color);
            }
        }
    }
}
//react select
.css-b62m3t-container{
    .css-13cymwt-control {
        background-color: var(--#{$prefix}secondary-bg);
        color: var(--#{$prefix}body-color);
        border-color: var(--#{$prefix}border-color);
        &:hover, &:focus {
            border-color: var(--#{$prefix}primary);
        }
        .css-1p3m7a8-multiValue {
            color: var(--#{$prefix}white);
            background-color: var(--#{$prefix}primary);
            .css-wsp0cs-MultiValueGeneric{
                color: var(--#{$prefix}white);
            }
            .css-1u9des2-indicatorSeparator{
                border-color: var(--#{$prefix}border-color);
            }
        }
    }
    :is(.css-qbdosj-Input, .css-1dimb5e-singleValue) {
        color: var(--#{$prefix}body-color);
    }
    .css-t3ipsp-control{
        background-color: var(--#{$prefix}secondary-bg);
        color: var(--#{$prefix}body-color);
        border-color: var(--#{$prefix}border-color);
        .css-1p3m7a8-multiValue {
            color: var(--#{$prefix}white);
            background-color: var(--#{$prefix}primary);
            .css-wsp0cs-MultiValueGeneric{
                color: var(--#{$prefix}white);
            }
            .css-1u9des2-indicatorSeparator{
                border-color: var(--#{$prefix}border-color);
            }
        }
    }
    .css-1nmdiq5-menu{
        background-color: var(--#{$prefix}secondary-bg);
        color: var(--#{$prefix}body-color);
        border-color: var(--#{$prefix}border-color);
        .css-d7l1ni-option {
            color: $white;
            background-color: var(--#{$prefix}primary);
            &:hover, &:active, &:focus {
                background-color: var(--#{$prefix}primary);
            }
        }
    }
}

button, .btn {
    &.btn-link {
        color: var(--#{$prefix}primary);
        &:hover, &:focus {
            color: transparent;
            color: black;
        }
    }
    &.btn-primary {
        background-color: #cce673;
        border-color: #cce673;
        &:hover, &:focus {
            background-color: transparent;
            border-color: #cce673;
            color: black;
        }
    }
    &.btn-secondary {
        background-color: #cce673;
        border-color: #cce673;
        &:hover, &:focus {
            background-color: transparent;
            border-color: #cce673;
            color: black;
        }
    }
}