.modal .template_prev_cycle:hover {
    background-image: url('../../../img/downIcon/prev_up_select.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #ccc;
}
.modal .template_prev_cycle {
    padding:0 5px;
    cursor:pointer;
    background-image: url('../../../img/downIcon/prev_up.png');
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    width: 21px;
    height: 13px;
}
.modal .template_next_cycle
{
    padding:0 5px;
    cursor:pointer;
    background-image: url('../../../img/downIcon/next_down.png') ;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 21px;
    height: 13px;
}
.modal .template_next_cycle:hover{
    background-image: url('../../../img/downIcon/next_down_select.png') ;
    background-color: #ccc;
}

.visit_template_modal_exclude{
    display: inline-block;
    width:177px;
    margin: 0 5px -6px 5px ;
    height:24px;
    line-height: 24px;
    border: 1px solid #d5d5d5;
    padding: 0 3px;
    position: relative;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    cursor: pointer;
}
.template-modal-calendar .calendar-td{
    width: 25px;
    height:25px;
    padding:0!important;
    text-align: center;
    vertical-align: middle;
    color: #212121;
    background: #fff;
    cursor: pointer;
}
.template-modal-calendar .calendar-td.active{
    background: #F95259!important;
    color: #fff;
}