/* ================================================
Google Web Fonts
================================================ */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600;900&display=swap');

/* === Icons === */
/* Font Awesome */
@import url('../font-awesome/css/font-awesome.min.css');

/* Bootstrap Main Css File */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css');

/* Animations css */
@import url('animations.css');
/* ================================================
Main Css
================================================ */

@import url('main.css');
@import url('spinner.css');
@import url('ui-bootstrap.css');
@import url('tables.css');
@import url('responsive.css');
@import url('mobile.css');
@import url('forms.css');

/* ================================================
Plugin Css
================================================ */
@import url('csspin/css/csspin-skeleton.css');
@import url('../node_modules/angular-block-ui/angular-block-ui.min.css');
@import url('..node_modules/ui-notification/angular-ui-notification.css');

:root {
    --color-primary-rgb: #0087c2;
    --color-secondary-rgb: #025292;
    --color-secondary-rgb-hover: #025292;
    --color-secondary-rgb-text-hover: #0f0918;
    --color-secondary-rgb-focus: #025292;

    --color-primary-btn: #025292;

    --color-secondary-shadow: 0 14px 26px -12px rgba(40, 136, 80, 0.42), 0 4px 23px 0px rgba(71, 148, 64, 0.12), 0 8px 10px -5px rgba(54, 182, 107, 0.2);
    --card-bg-gradient: linear-gradient(45deg, rgb(107 175 149) 0%, rgb(154 211 189) 53%, rgb(154 211 189) 100%);


    --bs-btn-active-bg: #025292 !important;
}