#SubNewCalender {
}

    #SubNewCalender .tieuDeItem-HiepHoi {
        border-bottom: 1px solid #d9d9d9;
        border-left: 3px solid #f01d29;
        border-right: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        box-sizing: border-box;
        float: left;
        height: 34px;
        padding-left: 8px;
        width: 100%;
    }

        #SubNewCalender .tieuDeItem-HiepHoi:after {
            background: url(next.png) no-repeat left center;
            content: "";
            display: block;
            float: right;
            height: 32px;
            margin-right: 10px;
            width: 36px;
        }

        #SubNewCalender .tieuDeItem-HiepHoi a {
            color: #f01d29;
            display: inline-block;
            float: left;
            font: normal 16px/34px RB;
            text-transform: uppercase;
        }

    #SubNewCalender a {
        text-decoration: none
    }

.calender {
    background: #fff;
    clear: both;
    color: #333;
}

    .calender table {
        border-collapse: collapse;
        color: #333;
        font: 400 13px RR;
        width: 100%;
    }

        .calender table tr td i {
            cursor: pointer;
            font-style: normal;
            font-weight: 400;
        }

        .calender table tr:first-child td, .calender table tr:first-child th {
            background: #c9c9c9;
            border: none;
            color: #494949;
            cursor: pointer;
        }

        .calender table tr td, .calender table tr th {
            border: 1px solid #bbb;
            box-sizing: border-box
        }

        .calender table tr td {
            background: url(bg-lich.png);
            cursor: default;
            height: 46px;
            padding: 1px;
            text-align: center;
            width: 43px;
        }

        .calender table tr th {
            background-color: #fff;
            cursor: default;
            height: 23px;
            text-align: center;
            width: 30px;
            font-family: RB;
        }

        .calender table tr td:hover {
            background: #e01621;
            color: #fff;
            cursor: pointer;
        }

td.selectedDate {
    background: url(bg-lich-active.png) !important;
    color: #fff;
}

td:hover td.selectedDate {
    background: url(bg-lich.png)
}

.calenderHead {
    background-color: #ffdec5;
    box-sizing: border-box;
    color: #f14e00;
    font: 16px/42px RB;
    height: 42px;
    text-align: center;
    width: 100%;
}

    .calenderHead label {
        color: #f14e00;
        font: Bold 16px/26px Arial;
        position: relative;
        top: 1px
    }

.lControl, .rControl {
    cursor: pointer !important;
    height: 42px;
    position: relative;
    top: 0;
    width: 35px;
}

.lControl {
    background: url(left-lich.png) center center no-repeat;
    float: left;
    left: 72px;
}

.rControl {
    background: url(right-lich.png) center center no-repeat;
    float: right;
    right: 72px;
}

#SubNewCalender .disable {
    background: url(disable.png);
    color: #999999;
    font: 12px/46px RR;
    text-align: center;
}

#SubNewCalender .content-box {
    clear: both;
    width: 100%;
}

    #SubNewCalender .content-box .fbootom {
        background: linear-gradient(to right, #cc0f1a, #f01d29);
        box-sizing: border-box;
        height: 84px;
        padding: 15px 10px;
        width: 100%;
    }

        #SubNewCalender .content-box .fbootom .left {
            background: url(ngan.png) no-repeat right center;
            float: left;
            margin-right: 5px;
            width: 100px;
        }

            #SubNewCalender .content-box .fbootom .left .day {
                color: #fff;
                font: bold 26px Arial;
                text-align: center
            }

            #SubNewCalender .content-box .fbootom .left .month {
                color: #fff;
                font: 12px RB;
                text-align: center
            }

        #SubNewCalender .content-box .fbootom .right {
            color: #fff;
            font: 13px/20px RR;
            max-height: 60px;
            overflow: hidden;
            text-align: left;
        }

.calender table tr:first-child {
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    box-sizing: border-box
}