/* main.css */

/* Import Variables */
@import 'base/variables.css';

/* Import Base Styles */
@import 'base/typography.css';

/* Import Component Styles */
@import 'components/buttons.css';
@import 'components/loader.css';
@import 'components/cards.css';
@import 'components/form.css';
@import 'components/error.css';

@import 'components/table.css';
@import 'components/full-calender.css';
@import 'components/ng-breadcrumb.css';
@import 'components/errorAndSuccess.css';
@import 'components/invoice.css';

/* Import Layout Styles */
@import 'layout/top-bar.css';
@import 'layout/side-bar.css';
@import 'layout/main-content.css';
@import 'pages/auth.css';
@import 'pages/non-auth.css';
@import 'pages/calendar.css';
@import 'pages/profile.css';
@import 'responsive/mobile.css';
@import 'responsive/auth.css';

@import 'base/reset.css';

/* Add Global Styles Here */
body {
    font-family: var(--font-family-primary) !important;
    font-size: var(--font-size-base) !important;
    color: var(--text-color-dark);
    background-color: var(--background-color);
    margin: 0;
    padding: 0;
}

table tr td a {
    color: var(--text-color) !important;
    text-decoration: none !important;
}

::-webkit-scrollbar {
    width: 5px !important;
    height: 2px !important;
    display: none;
}

::-webkit-scrollbar-track {
    background-color: #eeeeee !important;
}

::-webkit-scrollbar-thumb {
    background-color: #ddd !important;
}