._DateLabel {
    background-color: #FFF;
    padding: 8px 5px;
    width: 100%;
    margin: 5px 0;
    border: 1px solid #BBB;
    position: relative;
    z-index: 3000;
}

._DatePanel {
    border: 1.5px solid #08F;
    box-shadow: 8px 8px RGBA(100,100,100,0.2);
    padding: 15px;
    font-size: 18px;
    position: relative;
    z-index: 3000;
}

._FastPanel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 5px 0 12px;
    border-bottom: 1px solid #CCC;
}

._FastChoose {
    background-color: #3ac573;
    color: #FFF;
    padding: 3px 10px;
    font-size: 16px;
    border-radius: 13px;
}

    ._FastChoose:hover {
        background-color: #4d75fc;
    }

._dateSelecterYear {
    padding-top: 5px;
    color: #4DF;
    cursor: pointer;
}

    ._dateSelecterYear:hover {
        color: #000;
    }

._dateSelecterMonth {
    color: #08F;
    cursor: pointer;
}

    ._dateSelecterMonth:hover {
        color: #000;
    }

._DatePosition {
    color: #08F;
    margin-top: -28px;
    font-size: 24px;
}

._weekPanel {
    display: flex;
    cursor: default;
}

._week {
    margin-bottom: 8px;
    color: #08F;
    padding: 5px 0 3px;
    text-align: center;
    width: 14.285%;
}

    ._week[weekend] {
        margin-bottom: 8px;
        color: #F22;
        padding: 5px 0 3px;
        text-align: center;
        width: 14.285%;
    }

._DateDataPanel {
    border: 1px solid RGBA(100,100,100,0.1);
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

._day {
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    cursor: pointer;
}

    ._day:hover {
        background-color: #4d75fc;
        color: #FFF;
        border-radius: 50%;
    }

._day_Select_One {
    border-radius: 50%;
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    background-color: #2d32fa;
    color: #FFF;
    cursor: pointer;
}

    ._day_Select_One:hover {
        background-color: #4d75fc;
        color: #FFF;
    }

._day_Select_Start {
    border-radius: 50% 0 0 50%;
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    background-color: #33bac6;
    color: #FFF;
    cursor: pointer;
}

    ._day_Select_Start:hover {
        background-color: #4d75fc;
        color: #FFF;
    }

._day_Select_End {
    border-radius: 0 50% 50% 0;
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    background-color: #33bac6;
    color: #FFF;
    cursor: pointer;
}

    ._day_Select_End:hover {
        background-color: #4d75fc;
        color: #FFF;
    }

._day_Select_Self {
    background-color: #00afc3;
    border-radius: 50%;
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    color: #FFF;
    cursor: pointer;
}

    ._day_Select_Self:hover {
        background-color: #4d75fc;
        color: #FFF;
    }

._day_Middle {
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    background-color: #aaeeef;
    color: #AAA;
    cursor: pointer;
}

    ._day_Middle:hover {
        background-color: #4d75fc;
        color: #FFF;
    }

._day_Disable {
    color: #BBB;
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    cursor: help;
}

    ._day_Disable[start] {
        border-radius: 50% 0 0 50%;
        padding: 8px 0;
        text-align: center;
        width: 14.285%;
        background-color: #33bac6;
        cursor: help;
        color: #FFF;
    }

    ._day_Disable[end] {
        border-radius: 0 50% 50% 0;
        padding: 8px 0;
        text-align: center;
        width: 14.285%;
        background-color: #33bac6;
        cursor: help;
        color: #FFF;
    }

    ._day_Disable[self] {
        background-color: #00afc3;
        border-radius: 50%;
        padding: 8px 0;
        text-align: center;
        width: 14.285%;
        cursor: help;
        color: #FFF;
    }

    ._day_Disable[one] {
        background-color: #2d32fa;
        border-radius: 50%;
        padding: 8px 0;
        text-align: center;
        width: 14.285%;
        cursor: help;
        color: #FFF;
    }

    ._day_Disable[selected="selected"] {
        background-color: #e5fcf7;
        color: #AAA;
        padding: 8px 0;
        text-align: center;
        width: 14.285%;
        cursor: help;
    }

._day_Disable_Select {
    color: #BBB;
    padding: 8px 0;
    text-align: center;
    width: 14.285%;
    cursor: help;
}