/* =========================================================
   HOME PAGE CSS
   ========================================================= */
/* ---------------------------------------------------------
   Login / Slider
   --------------------------------------------------------- */
.home-login {
    margin-left: 0;
}


/* ---------------------------------------------------------
   General
   --------------------------------------------------------- */

.feature-link {
    color: #be1b47;
    font-weight: bold;
}

.home-space {
    margin-top: 10px;
}


/* ---------------------------------------------------------
   Statistics
   --------------------------------------------------------- */

.statistics-container {
    display: flex;
}

.statistics-title {
    font-size: 24px;
}

.dashboard-report-height {
    min-height: 50px;
}

.dashboard-report-width {
    width: 80% !important;
}

.dashboard-icon {
    color: #fff;
    font-size: 18px;
}

.dashboard-icon-large {
    color: #fff;
    font-size: 2em;
}

.dashboard-title-small {
    font-size: 17px;
}

.dashboard-title-transfer {
    font-size: 16px;
}


/* ---------------------------------------------------------
   Dashboard icon / image sizes
   --------------------------------------------------------- */

.dashboard-box .icon {
    width: 30px !important;
    height: 30px !important;
}

.dashboard-box img {
    width: 25px !important;
}

.dashboard_name {
    padding-left: 0 !important;
}


/* ---------------------------------------------------------
   Financial Year separator
   --------------------------------------------------------- */

#divFY {
    border-right: 1px solid #be1b47;
    border-bottom: none;
}


/* ---------------------------------------------------------
   Monetary Relief tooltip
   --------------------------------------------------------- */

#displayAmount {
    display: none;
    background-color: #e7f6eb;
    color: #2a2525;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    margin-top: 25px;
    margin-right: 5px;
}

.displaywordamount:hover #displayAmount {
    display: block;
}


/* ---------------------------------------------------------
   Monetary Relief Till Date tooltip
   --------------------------------------------------------- */

#displayAmountTillDAte {
    display: none;
    background-color: #e7f6eb;
    color: #2a2525;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    margin-top: 25px;
    margin-right: 5px;
}

.displaywordamount:hover #displayAmountTillDAte {
    display: block;
}


/* ---------------------------------------------------------
   Button
   --------------------------------------------------------- */

.buttonPad {
    padding: 0;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media screen and (max-device-width: 640px), screen and (max-width: 640px) {

    #divFY {
        border-right: none;
        border-bottom: 1px solid #be1b47;
    }

    #divAllSt {
        margin-top: 10px;
    }
}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

a {
    font-weight: bold;
}