@import 'utilities/variables';
@import 'utilities/rtl';
@import 'themes/default';
@import 'themes/dark';

a,
a:focus,
input,
input:focus,
button,
button:focus,
select,
select:focus,
textarea,
textarea:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}

input::-webkit-search-cancel-button {
    display: none;
}

.font-serif {
    font-family: $font-family-serif;
}

.font-sans {
    font-family: $font-family-sans-serif;
}

.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.page-header {
    background-color: transparent;
}

.hover-light:hover {
    opacity: 0.6;
}

.fill-light-red {
    fill: $red-500;
}

.fill-dark-red {
    fill: $red;
}

.fill-light-gray {
    fill: $gray-500;
}

.fill-dark-gray {
    fill: $gray-700;
}

@import 'utilities/vue';
@import 'utilities/nprogress';
@import 'utilities/multiselect';
@import 'utilities/switch';
@import 'utilities/filepond';

@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';

@import '~bootstrap';