@charset "UTF-8";

:root {
    /*blue*/
    --bs-blue: #0850ea;
    --bs-blue-1: #5577c0;
    --bs-blue-2: #6a8fdc;
    --bs-blue-3: #0850ea;
    --bs-light-blue: #c2d0ef;
    --bs-active-blue: #0850ea;
    --bs-blue-rgb: 8, 80, 234;
    --bs-blue-shadow: inset 0 1px 2px rgba(5, 0, 112, 0.72);
    --bs-blue-shadow-1: 0 0 0 0.25rem rgba(80, 101, 205, 0.25);

    /*orange*/
    --bs-orange: #ea8f08;
    --bs-orange-1: #d28f30;
    --bs-orange-2: #f1b45b;
    --bs-orange-3: #f1b45b;
    --bs-light-orange: #e5caa5;
    --bs-active-orange: #efab3d;
    --bs-orange-rgb: 229, 95, 111;
    --bs-orange-shadow: inset 0 1px 2px rgba(192, 115, 0, 0.72);
    --bs-orange-shadow-1: 0 0 0 0.25rem rgba(96, 53, 3, 0.25);

    /*red*/
    --bs-red: #b44210;
    --bs-red-1: #b44210;
    --bs-red-2: #ce754c;
    --bs-red-3: #b44210;
    --bs-light-red: #eec5b1;
    --bs-active-red: #b44210;
    --bs-red-rgb: 180, 66, 16;
    --bs-red-shadow: inset 0 1px 2px rgba(192, 47, 0, 0.72);
    --bs-red-shadow-1: 0 0 0 0.25rem rgba(173, 34, 34, 0.25);

    /*mode-light*/
    --ad-light-mode-bg: #ffffff;
    --ad-light-mode-bg-1: #F2F3F4;
    --ad-light-mode-bg-2: #181c32;
    --ad-light-mode-bg-3: rgb(126, 123, 123);
    --ad-light-mode-color: #020b23;
    --ad-light-mode-color-1: #9d9da1;
    --ad-light-mode-color-2: #ECF0F1;
    --ad-light-mode-color-3: #464343;
    --ad-light-mode-border: 1px solid #ded6d6;
    --ad-light-mode-border-1: #ded6d6;
    ;
    --ad-light-mode-shadow: inset 0 1px 2px rgba(68, 64, 64, 0.52);
    --ad-light-mode-shadow-1: 0 0 50px 0 rgba(82, 63, 105, 0.15);
    --ad-light-mode-shadow-2: 0 0 0 1px #fff;
    --ad-light-mode-text: #101010;
    --ad-light-mode-icon: #939191;
    --ad-light-mode-text-1: #939191;
    --ad-light-table-striped-color: #181c32;
    --ad-light-table-striped-bg: #fafafa;
    --ad-light-color-menu-text: #6e6e72;
    --ad-light-login-shadow: rgba(0, 0, 0, 0.05);
    --ad-bg-light-info: #f8f5ff !important;

    /*datepicker light mode colors*/
    --dp-light-background-color: var(--ad-mode-bg);
    --dp-light-text-color: var(--ad-mode-text);
    --dp-light-hover-color: #f3f3f3;
    --dp-light-hover-text-color: #212121;
    --dp-light-hover-icon-color: #959595;
    --dp-light-primary-color: var(--bs-primary);
    --dp-light-primary-disabled-color: var(--bs-primary-1);
    --dp-light-primary-text-color: var(--ad-mode-bg);
    --dp-light-secondary-color: #c0c4cc;
    --dp-light-border-color: #ddd;
    --dp-light-menu-border-color: #ddd;
    --dp-light-border-color-hover: #aaaeb7;
    --dp-light-disabled-color: #f6f6f6;
    --dp-light-scroll-bar-background: #f3f3f3;
    --dp-light-scroll-bar-color: #959595;
    --dp-light-success-color: var(--bs-primary-3);
    --dp-light-success-color-disabled: #a3d9b1;
    --dp-light-icon-color: #959595;
    --dp-light-danger-color: #ff6f60;
    --dp-light-marker-color: #ff6f60;
    --dp-light-tooltip-color: #fafafa;
    --dp-light-disabled-color-text: #8e8e8e;
    --ad-bg-dark-info: #323F4B;

    /*mode-dark*/
    --ad-dark-mode-bg: #1F2933;
    --ad-dark-mode-bg-1: #323F4B;
    --ad-dark-mode-bg-2: #cbcfde;
    --ad-dark-mode-bg-3: rgba(248, 242, 242, 0.71);
    --ad-dark-mode-color: #eee4e4;
    --ad-dark-mode-color-1: #a3a4a4;
    --ad-dark-mode-color-2: rgba(119, 117, 117, 0.71);
    /* --ad-dark-mode-color-2: #959595; */
    /* --ad-dark-mode-color-2: #676666; */
    --ad-dark-mode-color-3: #dad5d5;
    --ad-dark-mode-border: 1px solid #7b8794;
    --ad-dark-mode-border-1: #a19d9d;
    --ad-dark-mode-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.52);
    --ad-dark-mode-shadow-1: 0 0 2px 0 rgba(204, 197, 213, 0.15);
    --ad-dark-mode-shadow-2: 0 0 0 1px #000;
    --ad-dark-mode-text: #ffffff;
    --ad-dark-mode-icon: #ffffff;
    --ad-dark-mode-text-1: #a8a3a3;
    --ad-dark-table-striped-color: #dddee8;
    --ad-dark-table-striped-bg: #323F4B;
    --ad-dark-color-menu-text: #d6d3d7;
    --ad-dark-login-shadow: #fafafa;

    /*datepicker dark mode colors*/
    --dp-dark-background-color: var(--ad-dark-mode-bg);
    --dp-dark-text-color: var(--ad-mode-text);
    --dp-dark-hover-color: #484848;
    --dp-dark-hover-text-color: #fff;
    --dp-dark-hover-icon-color: #959595;
    --dp-dark-primary-color: var(--bs-primary);
    --dp-dark-primary-disabled-color: var(--bs-primary-1);
    --dp-dark-primary-text-color: var(--ad-mode-bg);
    --dp-dark-secondary-color: #a9a9a9;
    --dp-dark-border-color: #b2acac;
    --dp-dark-menu-border-color: #2d2d2d;
    --dp-dark-border-color-hover: #aaaeb7;
    --dp-dark-disabled-color: #737373;
    --dp-dark-disabled-color-text: #d0d0d0;
    --dp-dark-scroll-bar-background: #212121;
    --dp-dark-scroll-bar-color: #484848;
    --dp-dark-success-color: var(--bs-primary-3);
    --dp-dark-success-color-disabled: #428f59;
    --dp-dark-icon-color: #959595;
    --dp-dark-danger-color: #e53935;
    --dp-dark-marker-color: #e53935;
    --dp-dark-tooltip-color: #3e3e3e;

    --ml-light-background-color: var(--ad-mode-bg);
    --ml-light-pointed-color: var(--ad-mode-bg);
    --ml-light-hover-color: var(--ad-light-table-striped-bg);

    --ml-dark-background-color: var(--ad-dark-mode-bg);
    --ml-dark-pointed-color: var(--ad-dark-mode-bg);
    --ml-dark-hover-color: var(--ad-dark-table-striped-bg);

    /* date range picker configuration */
    --dp-common-transition: all 0.1s ease-in;
    --dp-menu-padding: 6px 8px;
    --dp-animation-duration: 0.1s;
    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
    --dp-transition-timing: ease-out;
    --dp-action-row-transtion: all 0.2s ease-in;
    --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --dp-border-radius: 4px;
    /* --dp-cell-border-radius: 4px; */
    --dp-transition-length: 22px;
    --dp-transition-timing-general: 0.1s;
    --dp-button-height: 35px;
    --dp-month-year-row-height: 35px;
    --dp-month-year-row-button-size: 25px;
    --dp-button-icon-height: 20px;
    --dp-calendar-wrap-padding: 0 5px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 6px 30px 6px 12px;
    --dp-menu-min-width: 260px;
    --dp-action-buttons-padding: 1px 6px;
    --dp-row-maring: 5px 0;
    --dp-calendar-header-cell-padding: 0.5rem;
    --dp-multi-calendars-spacing: 10px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-font-size: 1rem;
    --dp-preview-font-size: 0.8rem;
    --dp-time-font-size: 2rem;
    --dp-action-button-height: 22px
}

[mode="light"] {
    --ad-mode-bg: var(--ad-light-mode-bg);
    --ad-mode-bg-1: var(--ad-light-mode-bg-1);
    --ad-mode-bg-2: var(--ad-light-mode-bg-2);
    --ad-mode-bg-3: var(--ad-light-mode-bg-3);
    --ad-mode-color: var(--ad-light-mode-color);
    --ad-mode-color-1: var(--ad-light-mode-color-1);
    --ad-mode-color-2: var(--ad-light-mode-color-2);
    --ad-mode-color-3: var(--ad-light-mode-color-3);
    --ad-mode-border: var(--ad-light-mode-border);
    --ad-mode-border-1: var(--ad-light-mode-border-1);
    --ad-mode-shadow: var(--ad-light-mode-shadow);
    --ad-mode-shadow-1: var(--ad-light-mode-shadow-1);
    --ad-mode-shadow-2: var(--ad-light-mode-shadow-2);
    --ad-mode-text: var(--ad-light-mode-text);
    --ad-mode-text-1: var(--ad-light-mode-text-1);
    --ad-table-striped-color: var(--ad-light-table-striped-color);
    --ad-table-striped-bg: var(--ad-light-table-striped-bg);
    --ad-mode-color-menu-text: var(--ad-light-color-menu-text);
    --ad-login-shadow: var(--ad-light-login-shadow);
    --ad-mode-icon: var(--ad-light-mode-icon);
    --ad-bg-info: var(--ad-bg-light-info);

    --dp-background-color: var(--dp-light-background-color);
    --dp-text-color: var(--dp-light-text-color);
    --dp-hover-color: var(--dp-light-hover-color);
    --dp-hover-text-color: var(--dp-light-hover-text-color);
    --dp-hover-icon-color: var(--dp-light-hover-icon-color);
    --dp-primary-color: var(--dp-light-primary-color);
    --dp-primary-disabled-color: var(--dp-light-primary-disabled-color);
    --dp-primary-text-color: var(--dp-light-primary-text-color);
    --dp-secondary-color: var(--dp-light-secondary-color);
    --dp-border-color: var(--dp-light-border-color);
    --dp-menu-border-color: var(--dp-light-menu-border-color);
    --dp-border-color-hover: var(--dp-light-border-color-hover);
    --dp-disabled-color: var(--dp-light-disabled-color);
    --dp-scroll-bar-background: var(--dp-light-scroll-bar-background);
    --dp-scroll-bar-color: var(--dp-light-scroll-bar-color);
    --dp-success-color: var(--dp-light-success-color);
    --dp-success-color-disabled: var(--dp-light-success-color-disabled);
    --dp-icon-color: var(--dp-light-icon-color);
    --dp-danger-color: var(--dp-light-danger-color);
    --dp-marker-color: var(--dp-light-marker-color);
    --dp-tooltip-color: var(--dp-light-tooltip-color);
    --dp-disabled-color-text: var(--dp-light-disabled-color-text);

    --ml-background-color: var(--ml-light-background-color);
    --ml-option-is-pointed-color: var(--ml-light-pointed-color);
    --ml-text-color: var(--ml-light-text-color);
    --ml-select-hover-color: var(--ml-light-hover-color);
}

[mode="dark"] {
    --ad-mode-bg: var(--ad-dark-mode-bg);
    --ad-mode-bg-1: var(--ad-dark-mode-bg-1);
    --ad-mode-bg-2: var(--ad-dark-mode-bg-2);
    --ad-mode-bg-3: var(--ad-dark-mode-bg-3);
    --ad-mode-color: var(--ad-dark-mode-color);
    --ad-mode-color-1: var(--ad-dark-mode-color-1);
    --ad-mode-color-2: var(--ad-dark-mode-color-2);
    --ad-mode-color-3: var(--ad-dark-mode-color-3);
    --ad-mode-border: var(--ad-dark-mode-border);
    --ad-mode-border-1: var(--ad-dark-mode-border-1);
    --ad-mode-shadow: var(--ad-dark-mode-shadow);
    --ad-mode-shadow-1: var(--ad-dark-mode-shadow-1);
    --ad-mode-shadow-2: var(--ad-dark-mode-shadow-2);
    --ad-mode-text: var(--ad-dark-mode-text);
    --ad-mode-text-1: var(--ad-dark-mode-text-1);
    --ad-table-striped-color: var(--ad-dark-table-striped-color);
    --ad-table-striped-bg: var(--ad-dark-table-striped-bg);
    --ad-mode-color-menu-text: var(--ad-dark-color-menu-text);
    --ad-login-shadow: var(--ad-dark-login-shadow);
    --ad-mode-icon: var(--ad-dark-mode-icon);
    --ad-bg-info: var(--ad-bg-dark-info);

    --dp-background-color: var(--dp-dark-background-color);
    --dp-text-color: var(--dp-dark-text-color);
    --dp-hover-color: var(--dp-dark-hover-color);
    --dp-hover-text-color: var(--dp-dark-hover-text-color);
    --dp-hover-icon-color: var(--dp-dark-hover-icon-color);
    --dp-primary-color: var(--dp-dark-primary-color);
    --dp-primary-disabled-color: var(--dp-dark-primary-disabled-color);
    --dp-primary-text-color: var(--dp-dark-primary-text-color);
    --dp-secondary-color: var(--dp-dark-secondary-color);
    --dp-border-color: var(--dp-dark-border-color);
    --dp-menu-border-color: var(--dp-dark-menu-border-color);
    --dp-border-color-hover: var(--dp-dark-border-color-hover);
    --dp-disabled-color: var(--dp-dark-disabled-color);
    --dp-scroll-bar-background: var(--dp-dark-scroll-bar-background);
    --dp-scroll-bar-color: var(--dp-dark-scroll-bar-color);
    --dp-success-color: var(--dp-dark-success-color);
    --dp-success-color-disabled: var(--dp-dark-success-color-disabled);
    --dp-icon-color: var(--dp-dark-icon-color);
    --dp-danger-color: var(--dp-dark-danger-color);
    --dp-marker-color: var(--dp-dark-marker-color);
    --dp-tooltip-color: var(--dp-dark-tooltip-color);
    --dp-disabled-color-text: var(--dp-dark-disabled-color-text);

    --ml-background-color: var(--ml-dark-background-color);
    --ml-option-is-pointed-color: var(--ml-dark-pointed-color);
    --ml-text-color: var(--ml-dark-text-color);
    --ml-select-hover-color: var(--ml-dark-hover-color)
}


[color-scheme="blue"] {
    --bs-primary: var(--bs-blue);
    --bs-primary-1: var(--bs-blue-1);
    --bs-primary-2: var(--bs-blue-2);
    --bs-primary-3: var(--bs-blue-3);
    --bs-dark-primary: var(--bs-light-blue);
    --bs-active-primary: var(--bs-active-blue);
    --bs-primary-rgb: var(--bs-blue-rgb);
    --bs-primary-shadow: var(--bs-blue-shadow);
    --bs-primary-shadow-1: var(--bs-blue-shadow-1);
}

[color-scheme="orange"] {
    --bs-primary: var(--bs-orange);
    --bs-primary-1: var(--bs-orange-1);
    --bs-primary-2: var(--bs-orange-2);
    --bs-primary-3: var(--bs-orange-3);
    --bs-dark-primary: var(--bs-light-orange);
    --bs-light-primary: var(--bs-light-orange);
    --bs-active-primary: var(--bs-active-orange);
    --bs-primary-rgb: var(--bs-orange-rgb);
    --bs-primary-shadow: var(--bs-orange-shadow);
    --bs-primary-shadow-1: var(--bs-orange-shadow-1);
}

[color-scheme="red"] {
    --bs-primary: var(--bs-red);
    --bs-primary-1: var(--bs-red-1);
    --bs-primary-2: var(--bs-red-2);
    --bs-primary-3: var(--bs-red-3);
    --bs-dark-primary: var(--bs-light-orange);
    --bs-light-primary: var(--bs-light-red);
    --bs-active-primary: var(--bs-active-red);
    --bs-primary-rgb: var(--bs-red-rgb);
    --bs-primary-shadow: var(--bs-red-shadow);
    --bs-primary-shadow-1: var(--bs-red-shadow-1);
}

.btn-bulk-edit,
.btn-bulk-delete {
    height: 29px !important;
    border: 1px solid var(--ad-mode-border-1) !important;
    margin-left: 0.3em !important;
}

@media (max-width: 768px) {

    .btn-bulk-delete,
    .btn-bulk-edit {
        border: 1px solid var(--ad-mode-border-1) !important;
        margin-left: 0.3em !important;
        height: 27px !important;
    }
}

.btn-bulk-delete .fa-trash-alt {
    color: #fc0101;
}

.btn-bulk-delete i {
    color: #f60303 !important;
}

.btn-bulk-edit:hover i {
    color: var(--ad-mode-bg-2) !important;
}

.btn-bulk-edit:hover .fa-edit {
    color: var(--ad-mode-bg-2) !important;
}

.btn i {
    vertical-align: baseline !important;
}

.btn-bulk-edit.btn.btn-light:active:not(.btn-active),
.btn-bulk-edit.btn.btn-light:focus:not(.btn-active),
.btn-bulk-edit.btn.btn-light:hover:not(.btn-active),
.btn-bulk-delete.btn.btn-light:active:not(.btn-active),
.btn-bulk-delete.btn.btn-light:focus:not(.btn-active),
.btn-bulk-delete.btn.btn-light:hover:not(.btn-active),
.show>.btn.btn-light {
    background-color: var(--ad-mode-color-1) !important;
}

.btn-bulk-delete.btn.btn-light:focus:not(.btn-active),
.btn-bulk-edit.btn.btn-light:hover:not(.btn-active),
.btn-bulk-delete.btn.btn-light:hover:not(.btn-active),
.btn-bulk-edit.btn.btn-light:focus:not(.btn-active) {
    background-color: var(--ad-bg-info) !important;
}

i.fas {
    cursor: pointer;
}