@font-face {
    font-family: Graphik;
    src: url('/Content/assets/fonts/Graphik-Regular.woff2') format('woff2'), url('~/Content/assets/fonts/Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Graphik;
    src: url('/Content/assets/fonts/Graphik-SemiBold.woff2') format('woff2'), url('~/Content/assets/fonts/Graphik-SemiBold.woff') format('woff');
    font-weight: bold;
}

body {
    background: var(--body-color);
    font-family: Graphik, sans-serif;
    /*background-image: url(/Content/assets/images/ghero.jpg);*/
}

.card {
    /* background: var(--sidebar-color);*/
    background: var(--card-bg-transparent-color);
}

.card-alt {
    background: var(--sidebar-color);
}

.title-text {
    color: var(--text-color);
    font-size: 18px;
    font-weight: bold;
}

.tableHeader {
    background: var(--sidebar-color);
    color: var(--text-color);
}

.table-hover > tbody > tr:hover {
    color: var(--text-color);
}


/*.nav-link.link-active .nav-text {
    color: white;
}

.nav-link.link-active .bx {
    color: white;
}

.nav-link.link-active .icon {
    color: white;
}*/

/* Custom Table Start */

tbody, td, tfoot, th, thead, tr {
    vertical-align: middle;
    padding: 12px !important;
}

label, .card-title {
    color: var(--text-color);
}

h3 {
    color: var(--text-color);
    font-size: 24px;
    margin-bottom: 10px;
}

.mt-negative-28 {
    margin-top: -28px;
}

input[type=checkbox] {
    transform: scale(1.5);
}

.swal-modal {
    background-color: var(--sidebar-color);
}

.swal-title, .swal-text {
    color: var(--text-color);
}

.select2-container--bootstrap {
    margin-top: 10px !important;
}

    .select2-container--bootstrap .select2-selection {
        background-color: transparent !important;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    margin-top: 2px !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: var(--text-color) !important;
    padding: 0;
}

.select2-container--bootstrap .select2-selection--single {
    height: 40px !important;
}

.select2-selection__rendered {
    color: var(--text-color) !important;
}


.select2-search {
    background-color: var(--body-color) !important;
    color: var(--text-color) !important;
}

.select2-results {
    background-color: transparent !important;
    color: var(--text-color) !important;
    font-size: 14px;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    color: #fff;
}

.select2-results__option {
    background: var(--body-color)
}

.select2-search input {
    background-color: var(--body-color) !important;
    color: var(--text-color) !important;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

.xs-icon {
    height: 20px !important;
    width: 20px !important;
}

#myCheckbox {
    /* Regular background when unchecked */
    background-color: red;
}

    #myCheckbox:checked {
        /* Background when checkbox is checked */
        background-color: blue; /* Change this to your desired color */
    }