:root {
    /*  Viewport height (100vh) -
        Application Menu (79px) -
        Navigation Pane (61px) -
        Grid Padding (16px) -
        Container Padding (16px) */
    --SFC_Page_Height: calc(100vh - 79px - 61px - 16px - 16px);
    --SFC_BackgroundColor: rgb(248, 249, 250);
}
body.wait *, body.wait {
    cursor: progress !important;
}
/*------------------------------------------------------------------------------------------------*/
/*                                      COMMON HTML */
/*------------------------------------------------------------------------------------------------*/
h1 {
    font-family: "Nunito", sans-serif;
    font-weight: normal;
}

body {
    /*    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;*/
    background: var(--SFC_BackgroundColor) !important;
    background-color: var(--SFC_BackgroundColor) !important;
}

/*------------------------------------------------------------------------------------------------*/
/*                                      ICON SIZES */
/*------------------------------------------------------------------------------------------------*/
.k-icon-32 {
    font-size: 32px; /* Sets icon size to 32px */
}
.k-icon-48 {
    font-size: 48px; /* Sets icon size to 48px */
}
.k-icon-64 {
    font-size: 64px; /* Sets icon size to 64px */
}

/*------------------------------------------------------------------------------------------------*/
/*                                      GRID SIZING */
/*------------------------------------------------------------------------------------------------*/
.k-grid {
    height: var(--SFC_Page_Height);
}

/*------------------------------------------------------------------------------------------------*/
/*                                      SFC Content */
/*------------------------------------------------------------------------------------------------*/
.sfc-content {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;    
    flex-grow: 2;
    padding: 25px;
}

@media (max-width: 767.98px) {
    .sfc-content {
        padding: 15px 0px;
    }
}

/*------------------------------------------------------------------------------------------------*/
/*                                      SFC BOX */
/*------------------------------------------------------------------------------------------------*/
.sfc-box {
    padding: 18px 23px;
    font-family: "Nunito", sans-serif;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 170px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.sfc-box-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.sfc-box-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: auto;
}

.sfc-box-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.sfc-box-number {
    font-size: 33px;
    line-height: 33px;
    font-weight: 600;
    letter-spacing: .04em;
}

.sfc-box-change {
    margin-top: 5px;
    font-family: "Open Sans", sans-serif;
}

.sfc-box-percentage {
    opacity: 1;
}

.sfc-box-timeframe {
    opacity: .5;
}

/* BOX COLORS */
.sfc-box-primary {
    color: #fff;
    background: #3F84FC;
}
.sfc-box-secondary {
    color: #fff;
    background: #727F94;
}
.sfc-box-success {
    color: #fff;
    background: #1DAB47;
}
.sfc-box-info {
    color: #fff;
    background: #8A3FFC;
}
.sfc-box-warning {
    color: #212529;
    background: #FCAE3F;
}
.sfc-box-danger {
    color: #fff;
    background: #FC413F;
}
.sfc-box-light {
    color: #212529;
    background: #f8f9fa;
}
.sfc-box-dark {
    color: #fff;
    background: #1E232D;
}

/* BOX TITLES*/
.sfc-box-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .04em;
}
.sfc-box-sub-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .04em;
}

/*------------------------------------------------------------------------------------------------*/
/*                                      SFC CARD */
/*------------------------------------------------------------------------------------------------*/
.sfc-card {
    border: 1px solid #D3D3D3;
    background: #fff;
    margin-bottom: 30px;
}

    .sfc-card .card-header {
        min-height: 57px;
        background-color: #F0F1F7;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 32px;
    }

    .sfc-card .card-body {
        padding: 24px 32px;
    }

@media (max-width: 767.98px) {
    .sfc-card .card-body {
        padding: 12px 18px;
    }
}

.sfc-card-icon {
    margin-right: 20px;
}

.sfc-card-title {
    font-weight: bold;
}

.sfc-card-menu {
    margin-left: auto;
}

.sfc-card-menu-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: -15px;
}

    .sfc-card-menu-link::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid rgba(81, 81, 81, 0.8);
    }

.text-white .sfc-card-menu-link::after {
    border-top-color: #fff;
}

.sfc-card-body-chart {
    position: relative;
    max-width: 99%;
}

@media (max-width: 767.98px) {
    .sfc-card-body-chart {
        padding: 12px 5px;
    }
}

.sfc-rotate-vertical {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
}
.sfc-rotate-back {
    transform: rotate(180deg);
    writing-mode: horizontal-tb;
}