@tailwind base;
@tailwind components;
@tailwind utilities;

// @import '../../titania_v2/src/css/styles.css';
// @import '../../titania_v2/src/css/demos/demo1.css';
@import '@dashboard_v2/css/styles.css';
@import '@dashboard_v2/css/core.bundle.css';
@import '@titania_v2/src/vendors/keenicons/duotone/style.css';
@import '@titania_v2/src/vendors/keenicons/filled/style.css';
@import '@titania_v2/src/vendors/keenicons/outline/style.css';
@import '@titania_v2/src/vendors/keenicons/solid/style.css';

// Vue multi select css
@import '@node_modules/vue-multiselect/dist/vue-multiselect.css';

/* Vue Multiselect Custom CSS*/
.multiselect__tags {
    border: 1px solid #363843;
    color: #9a9cae;
    background: #1f212a;
    font-weight: 500;
    font-size: 0.8125rem;
}

.multiselect__tags {
    border-radius: 0px;
}

.multiselect__tag-icon::after {
    color: #fff;
}

.multiselect__placeholder {
    color: #636674;
    padding-left: 5px;
    margin-bottom: 8px;
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    padding: 0 0 0 5px;
    width: calc(100%);
    transition: border 0.1s ease;
    box-sizing: border-box;
    vertical-align: top;
    font-weight: 500;
    font-size: 0.8125rem;
}

.multiselect__input,
.multiselect__single {
    background: #1f212a;
}

.multiselect__content-wrapper {
    background: #1f212a;
    border: 1px solid #e8e8e8;
    border: 0;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 0.475rem;
    padding: 1rem 0;
    font-weight: 500;
    font-size: 0.8125rem;
}

.multiselect,
.multiselect__input,
.multiselect__single {
    font-weight: 500;
    font-size: 0.8125rem;
}

.multiselect--above .multiselect__content-wrapper {
    border-top: 1px solid #1f212a;
}

.multiselect__option {
    color: #92929f;
}

.multiselect__option--highlight {
    background: #1b84ff;
    color: white;
}

.multiselect__option--selected {
    background: #1f212a;
    color: #ff6a6a;
}

.multiselect__option--highlight::after {
    background: #1b84ff;
}

.multiselect__input {
    background: #1f212a;
    color: #9a9cae;
}

.multiselect__option--group.multiselect__option--highlight {
    background: #1f212a;
    color: #9a9cae;
}

.multiselect__option--group.multiselect__option--highlight::after {
    background: #1f212a;
}

.multiselect,
.multiselect__input::placeholder,
.multiselect__option--selected,
.multiselect__option--group {
    background: #1f212a;
    color: #9a9cae;
}

.multiselect__tag {
    display: inline-flex;
    background: #dc2626;
}

.multiselect__spinner {
    background: #1f212a;
}

.multiselect__spinner::before,
.multiselect__spinner::after {
    border-color: #dc2626 transparent transparent;
}

/* Background images */
.profile-hero-bg {
    background-image: url('../../../public/assets/dashboard/media/images/2600x1200/bg-1.png');
}
.dark .profile-hero-bg {
    background-image: url('../../../public/assets/dashboard/media/images/2600x1200/bg-1-dark.png');
}

.upgrade-bg {
    background-image: url('../../../public/assets/dashboard/media/images/2600x1200/bg-14.png');
}
.dark .upgrade-bg {
    background-image: url('../../../public/assets/dashboard/media/images/2600x1200/bg-14-dark.png');
}

/* SWAL */
h2#swal2-title {
    line-height: 1.2;
}