/*This stylesheet is used by home page and mini-apps*/
@import url('/Assets/css/root.css?v=0006');
@import url('https://fonts.googleapis.com/css2?family=Adamina&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');
:root {
    --font-weight-medium: 500;
}
body {
    font-family: "Poppins", sans-serif;
}

.nav-header {
    background-color: white;
    border-right: solid 1px rgba(0, 0, 0, 0.025);
}
.navbar-brand img {
    margin-top: 4px !important;
    height:28px !important;
}
.navbar-brand-alt img {
    height: 28px !important;
    margin-top:19px !important;
}
a.navbar-brand:hover {
    background-color:transparent !important;
}

.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;
    }

.splash-brand img {
    margin-top:0;
}

.navbar-fixed-top, .navbar-static-top, .navbar-static-side li.nav-header {
    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;
}

:focus, :focus-visible {
    /*Ensure highlight appears on elements when tabbing with keyboard for accessibility*/
    outline: -webkit-focus-ring-color auto 1px !important;
}

/*AUX SYSTEM STYLES*/

.app-search .form-control {
    background-color: #ffffff21 !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 {
        background-color: transparent;
        border-bottom-width: 0;
        background-color: #ffffff45;
        color: white;
    }

.topnav-navbar-dark {
    background-image: linear-gradient( 120deg, #292e50 0%, #3A416F 100%);
}
.topnav-navbar-dark .nav-user {
    background-color: transparent;
    background-image: none;
    border-width: 0
}
.navbar-nav .nav-link.active {
    color: var(--info) !important;
}
.navbar-custom .topbar-right-menu .nav-link {
    color: #fff;
}
.btn.btn-xs {
    font-size: 12px;
    padding: 5px 10px;
}