/* HEADER LOGO */
.m-card-logo {background-color: #ffffff;margin: 0px auto 0 auto;width: 98%;display: flex;flex-wrap: wrap;justify-content: center;}
.m-topbar {border-top: 24px solid #42c66a; border-radius: 6px 6px 0 0;margin: 0 auto; width: 98%;display: flex;flex-wrap: wrap;justify-content: center;}

/* CHART AREA */
.m-chart {max-width: 100%;padding:10px; border: 8px solid #42c66a;margin: 0}
.m-chart-weather {max-width: 100%;padding:10px; border: 8px solid #42c66a;border-radius: 6px; margin: 0}
.m-chart-pie {max-width: 100%;padding:10px}
.m-card {border: 3px solid  #42c66a;border-radius: 6px}
.m-pie-border {border: 8px solid  #42c66a;border-radius: 6px; margin: 8px 0 0 1%}

th {background-color: #42c66a}
table {border-collapse: collapse;border: 1px solid #42c66a;}

/* REPORT TITLE */
h1 {text-align: center;color: #fff;background-color: #42c66a;font-size: 20px;padding: 12px 0;border-radius: 6px 6px 0 0;margin:0;width: 100%;font-weight: 600}
.m-card-chart h1 {text-align: center;color: #fff;background-color: #42c66a;font-size: 20px;padding: 12px 0;border-radius: 6px 6px 0 0;margin: 0 0 -8px 0;width: 100%;font-weight: 600}
h1.m-pie-title {text-align: center;color: #000;background-color: #fff;font-size: 20px;padding: 12px 0;margin:0;border-bottom: 0;width: 100%;font-weight: 600}
.m-logo {background-color: #42c66a;margin: 0 auto; padding: 4px 0;border-radius: 0 0 6px 6px;width: 98%;text-align: center;}

/* CALENDAR */
.date-picker .dates .month .arrows:hover {
    background-color: #42c66a;
    font-weight: 600;
    /* color: #fff; */
}
.date-picker .dates .month .arrows:active {
    background-color: #42c66a;
    font-weight: 600;
    /* color: #fff; */
}
.date-picker .dates .days .day:hover{
    background-color: rgba(66,198,106,0.6);
    border-radius: 6px;
    font-weight: 600;
    /* color: #fff; */
}
.date-picker .dates .days .day.selected{
    background-color: #42c66a;
    border-radius: 6px;
    font-weight: 600;
    /* color: #fff; */
}

/* ADD BORDER TO NAV*/
.m-border-up { border: 1px solid #42c66a; margin: -20px 2px 0 2px}
.m-border-down { border: 1px solid #42c66a; margin: -12px 2px 0 2px}
.m-border { border: 1px solid #42c66a; margin: 12px 0 8px 0}