/*External stylesheet used by mini-apps*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
:root {
    --body-font-family: "Roboto", sans-serif;
    --body-font-size: 14px;
    --body-background-color: #f3f3f4;
    --heading-font-family: "Roboto", sans-serif;
    --alt-font-family: "Open Sans", lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
    --font-weight-light: 400;
    --font-weight-medium: 600;
    --font-weight-heavy: 700;
    --text-dark: #3E393F;
    --text-light: #ffffff;
    --default: #888888;
    --primary-a: #508ae4;
    --primary-a-dark: #3c7de1;
    --primary: #508ae4; /*#1ab394;*/
    --primary-dark: #078ad9;
    --primary-light: rgba(14, 154, 239, 0.06);
    --success: #1ab394;
    --success-dark: #128f76;
    --success-light: #dcf4ef;
    --info: #23c6c8;
    --info-dark: #159b9d;
    --warning: #f8ac59;
    --warning-dark: #d68f41;
    --warning-light: #fef1e3;
    --danger: #ed5565;
    --danger-light: #f8e0e3;
    --muted: #8888A4;
    --ibox-radius: 4px;
    --shadow: 1px 0.1rem 0.5rem 0 rgba(48, 45, 59, 0.05);
    --shadow-sm: 0 1px 8px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-xs: 0 1px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
    --background-dark: #3e393f;
    --background-light: #fafbfe;
    --background-white: rgba(255, 255, 255, 1);
    --navbar-top-background-image: linear-gradient(120deg, #3c7de1 0%, #3c7de1 100%);
    --navbar-top-color: var(--muted);
    --navbar-left-background-color: #fff;
    --navbar-left-a-color: var(--muted);
    --navbar-left-shadow: none; /*1px 2px 3px rgba(0, 0, 0, 0.05);*/
}
body {
    font-family: var(--body-font-family);
    background-color: var(--body-background-color);
    color: var(--text-dark);
}
.footer {
    background-color: #fff;
}
.page-header {
    background-image: url(https://aim-ahead.net/assets/img/bg.png);
}

    .page-header .text-logo {
        font-weight: var(--font-weight-medium) !important;
        font-size: 28px;
    }

.navbar-brand img {
    margin-left: 0px;
    width: 100%;
    margin-top: 8px;
    max-height:19px;
}

.splash-brand img {
    margin-top: 0;
}

.navbar-fixed-top, .navbar-static-top {
    background-image: var(--navbar-top-background-image);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bg-gradient-info {
    background-image: linear-gradient(230deg, #2152ff 0%, #21d4fd 100%);
}

a:not(.btn):not(.fc-event):not(:hover), .top-navigation.nav > li > a {
    color: var(--primary-a);
}

a:hover {
    color: var(--primary-a-dark);
    text-decoration: underline;
}

.nav.navbar-right > li > a:not(.btn) {
    color: var(--navbar-top-color);
}

.text-info {
    color: var(--info) !important;
}

.alert-info, .label-info {
    background-color: var(--info) !important;
}

.gray-bg {
    background-color: #fafbfe;
}

/*AUX SYSTEM STYLES*/

.app-search .form-control {
    background-color: var(--body-background-color) !important;
    color: white;
    border-bottom-width: 0;
    padding: 10px;
    width: 240px !important;
    margin-bottom: 0;
    border-radius: 6px !important;
    font-weight: var(--font-weight-medium);
}

    .app-search .form-control:focus {
        border-bottom-width: 0;
        color: white;
    }

.topnav-navbar-dark {
    background-image: var(--navbar-top-background-image);
}

    .topnav-navbar-dark .topnav-logo img {
        max-height: 19px;
    }

    .topnav-navbar-dark .nav-user {
        background-color: transparent;
        background-image: none;
        border-width: 0
    }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: var(--primary) !important;
}

.navbar-nav .nav-link.active {
    color: var(--info) !important;
}

.navbar-custom .topbar-right-menu .nav-link, .topnav .navbar-nav .nav-link {
    color: #fff !important;
}

.btn.btn-xs {
    font-size: 12px;
    padding: 5px 10px;
}

.btn-rounded {
    border-radius: var(--ibox-radius);
}

.shadow-sm {
    box-shadow: var(--shadow-sm) !important;
}

.card {
    box-shadow: var(--shadow-sm) !important;
    border-radius: var( --ibox-radius) !important;
}

.navbar-custom {
    box-shadow: none !important;
}

.topnav {
    background-color: var(--navbar-left-background-color);
}

.bg-light, .table-striped tbody tr:nth-of-type(odd), .btn-light {
    background-color: rgba(103, 106, 108, 0.03) !important;
}

    .topnav .navbar-nav .nav-link {
        color: var(--primary) !important;
        font-weight: var(--font-weight-medium) !important;
    }
.topnav.border-top {
    border-top-width: 0px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.page-item.active .page-link {
    color: white !important;
}
.btn-primary.btn-fill {
    background-color: var(--primary);
    border-color: var(--primary);
}
.text-muted {
    color: var(--muted) !important;
}
@media (min-width: 1367px) {
    body[data-layout="topnav"] .container-fluid, body[data-layout="topnav"] .container-sm, body[data-layout="topnav"] .container-md, body[data-layout="topnav"] .container-lg, body[data-layout="topnav"] .container-xl {
        max-width: 95%;
    }
}
.topnav-navbar-dark .app-search .form-control {
    color: var(--muted);
}