/* ========== custom s ========== */

/*table-calendar s*/

.table-calendar {
    background: #fff;
    overflow: hidden;
    margin-bottom: 0;
}

.table-calendar > thead > tr > td,
.table-calendar > thead > tr > th {
    color: #784e34;
    border-bottom: none !important;
    background: #ffe3e3;
}

.table-calendar > tbody > tr > td,
.table-calendar > tbody > tr > th,
.table-calendar > tfoot > tr > td,
.table-calendar > tfoot > tr > th,
.table-calendar > thead > tr > td,
.table-calendar > thead > tr > th {
    position: relative;
    text-align: center;
    border-top: none;
}

.table-calendar tr > td span,
.table-calendar tr > th span {
    position: relative;
    color: #784e34;
    display: block;
    border-radius: 20px;
}

/*heart s*/

.calendar-left tbody > tr:nth-of-type(1) > td:nth-of-type(7) span,
.calendar-left tbody > tr:nth-of-type(2) > td:nth-of-type(1) span,
.calendar-left tbody > tr:nth-of-type(2) > td:nth-of-type(2) span,
.calendar-left tbody > tr:nth-of-type(2) > td:nth-of-type(7) span,
.calendar-left tbody > tr:nth-of-type(3) > td:nth-of-type(1) span,
.calendar-left tbody > tr:nth-of-type(3) > td:nth-of-type(7) span,
.calendar-left tbody > tr:nth-of-type(4) > td:nth-of-type(1) span,
.calendar-left tbody > tr:nth-of-type(4) > td:nth-of-type(7) span,
.calendar-left tbody > tr:nth-of-type(5) > td:nth-of-type(1) span,
.calendar-left tbody > tr:nth-of-type(5) > td:nth-of-type(7) span,
.calendar-left tbody > tr:nth-of-type(6) > td:nth-of-type(1) span {
    position: relative;
    color: #ff2635;
    background: #ddd;
}

.calendar-left tbody > tr:nth-of-type(1) > td:nth-of-type(4) span,
 {
    position: relative;
    background: #ddd;
}

.calendar-left tbody > tr:nth-of-type(2) > td:nth-of-type(4) span,
.calendar-left tbody > tr:nth-of-type(3) > td:nth-of-type(3) span,
.calendar-left tbody > tr:nth-of-type(4) > td:nth-of-type(5) span,
.calendar-left tbody > tr:nth-of-type(5) > td:nth-of-type(2) span,
.calendar-right tbody > tr:nth-of-type(1) > td:nth-of-type(4) span,
.calendar-right tbody > tr:nth-of-type(2) > td:nth-of-type(2) span,
.calendar-right tbody > tr:nth-of-type(4) > td:nth-of-type(3) span,
.calendar-right tbody > tr:nth-of-type(3) > td:nth-of-type(6) span {
    position: relative;
    color: #fff;
    z-index: 1;
}

.calendar-left tbody > tr:nth-of-type(2) > td:nth-of-type(4) span:after,
.calendar-left tbody > tr:nth-of-type(3) > td:nth-of-type(3) span:after,
.calendar-left tbody > tr:nth-of-type(4) > td:nth-of-type(5) span:after,
.calendar-left tbody > tr:nth-of-type(5) > td:nth-of-type(2) span:after,
.calendar-right tbody > tr:nth-of-type(1) > td:nth-of-type(4) span:after,
.calendar-right tbody > tr:nth-of-type(2) > td:nth-of-type(2) span:after,
.calendar-right tbody > tr:nth-of-type(4) > td:nth-of-type(3) span:after,
.calendar-right tbody > tr:nth-of-type(3) > td:nth-of-type(6) span:after,
.calendar-right tbody > tr:nth-of-type(4) > td:nth-of-type(4) span:after,   
.calendar-right tbody > tr:nth-of-type(5) > td:nth-of-type(6) span:after {
    content: "\f004";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    color: #f485a1;
    font: normal normal normal 28px/1 FontAwesome;
    z-index: -1;
}

.calendar-right tbody > tr:nth-of-type(1) > td:nth-of-type(7) span,
.calendar-right tbody > tr:nth-of-type(2) > td:nth-of-type(1) span,
.calendar-right tbody > tr:nth-of-type(2) > td:nth-of-type(7) span,
.calendar-right tbody > tr:nth-of-type(3) > td:nth-of-type(1) span,
.calendar-right tbody > tr:nth-of-type(3) > td:nth-of-type(7) span,
.calendar-right tbody > tr:nth-of-type(4) > td:nth-of-type(1) span,
.calendar-right tbody > tr:nth-of-type(4) > td:nth-of-type(7) span,
.calendar-right tbody > tr:nth-of-type(5) > td:nth-of-type(1) span,
.calendar-right tbody > tr:nth-of-type(5) > td:nth-of-type(6) span,
.calendar-right tbody > tr:nth-of-type(6) > td:nth-of-type(1) span {
    position: relative;
    background: #ddd;
}

/*table-calendar e*/

/* ========== custom e ========== */

/* ========== responsive s ========== */

/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default*/

@media (min-width: 576px) {
    /*Small devices (landscape phones, 576px and up)*/
}

@media (min-width: 768px) {
    /*Medium devices (tablets, 768px and up)*/
}

@media (min-width: 992px) {
    /*Large devices (desktops, 992px and up)*/
}

@media (min-width: 1200px) {
    /*Extra large devices (large desktops, 1200px and up)*/
}

/* ========== responsive e ========== */