:root {   
    /* Typography */
    --textXJumbo : 24px;
    --textJumbo : 20px;
    --textXLG : 18px;
    --textLG : 16px;
    --textXMD : 14px;
    --textMD : 13px;
    --textSM : 12px;
    --textXSM : 11px;

    /* Rounded */
    --roundedCircle : 100%;
    --roundedJumbo : 30px;
    --roundedXLG : 24px;
    --roundedLG : 18px;
    --roundedMD : 14px;
    --roundedSM : 12px;
    --roundedMini : 6px;

    /* Spacing */
    --spaceJumbo : 35px;
    --spaceXLG : 24px;
    --spaceLG : 20px;
    --spaceXMD : 16px;
    --spaceMD : 12px;
    --spaceSM : 10px;
    --spaceXSM : 8px;
    --spaceXXSM : 6px;
    --spaceMini : 4px;

    /* Table column min width */
    --tcolMinXSM : 60px;
    --tcolMinSM : 120px;
    --tcolMinMD : 140px;
    --tcolMinLG : 180px;
    --tcolMinJumbo : 240px;
    --tcolMinHuge : 360px;

    /* Color Pallete */
    --successColor: #46dca2;
    --secondarySuccessColor: #2cc389;  
    --dangerColor: #f55d86;
    --secondaryDangerColor: #d94b6e;   
    --warningColor: #FFC352;
    --secondaryWarningColor: #e0a840;  
    --infoColor: #00b8ff;
    --secondaryInfoColor: #0095cc;    
    --blueColor: #2d94ff;
    --secondaryBlueColor: #1f6fd1;
    --shadowColor : #f2f2f2;
    --darkColor: #232323;
    --whiteColor: #f6fbff;
}

/* Body */
body.light {
    --secondaryColor : #232323;
    --firstColor : #f6fbff;
    --greyColor : #656565;
}
body.dark {
    --secondaryColor : #f6fbff;
    --firstColor : #232323;
    --greyColor : #aaaaaa;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--firstColor);
    color: var(--secondaryColor);
    min-height: 75vh;
    font-family: 'Poppins';
}
.content {
    flex: 1;
    padding: var(--spaceLG);
}

/* Bootstrap Style Guide */
.bg-primary {
    background: var(--blueColor) !important;
}
.bg-info {
    background: var(--infoColor) !important;
}
.bg-success {
    background: var(--successColor) !important;
}
.bg-warning {
    background: var(--warningColor) !important;
}
.bg-danger {
    background: var(--dangerColor) !important;
}
.bordered {
    border: 2px solid var(--greyColor) !important;
}
.rounded-3 {
    border-radius: var(--roundedLG) !important;
}

/* Image */
img:not(.gm-style img) {
    border-radius: var(--roundedLG);
}

.btn-page, .carousel-indicators button, .fc-daygrid-event, .fc-timegrid-event {
    cursor: pointer;
}

.btn, .container, .sidebar .nav-link, .hover-grow, .plate-number, .chip, .bordered, .chip-mini, .container-fluid, .navbar-brand,
.fc-daygrid-event, .fc-timegrid-event, .fc-daygrid-event, .fc-timegrid-event, .fc-popover.fc-more-popover, .sidebar,
.sidebar .nav-link span, .sidebar .nav-link i, .sidebar .nav-link, .sidebar .group-menu, .indicator-box {
    -webkit-transition: all 0.4s !important;
    -o-transition: all 0.4s !important;
    transition: all 0.4s !important;
}