body {
}

.input_charcounter-over {
    color: red;
}

.one_day_remind {
    background-color: #FFFEE5;
}
.three_days_remind {
    background-color: #fff3cd;
}
.one_week_remind {
    background-color: #ffe89e;
}
.two_weeks_remind {
    background-color: #ffdf78;
}
.max_remind {
    background-color: #ffc300;
}

.swiper-container {
    width: 300px;
}

footer {
    text-align: right;
    padding-right: 10px;
    padding-top: 2px; }
    footer a {
        text-decoration: none;
        color: black;
        font-weight: bold;
    }

/* smart phones */
@media screen and (max-device-width: 480px) {
}