.tt-time-date-picker{
    .daterangepicker{
        border:0 none;
        &:before,&:after{
            border-width:0 !important;
        }
    }
    .daterangepicker.open
    ,.daterangepicker.single{
        position: static;
        top:0;
        @include clearfix();
        
    }
    .daterangepicker.single{
        .ranges{
            width:auto;
            text-align:center;
        }
    }

    .daterangepicker.open .ranges, .daterangepicker.open .calendar {
      float: left;
      margin: 4px;
    }
    .daterangepicker{
        font-size:12px;
    }
    .daterangepicker .calendar th
    , .daterangepicker .calendar td{
        font-family:'Arial';
        border-radius:0;
        line-height: 18px;
        min-width:18px;
    }
    .daterangepicker select.yearselect{
        width: 50%;
    }
    .daterangepicker select.monthselect{width:50%}
    .daterangepicker input
    , .daterangepicker button
    , .daterangepicker select
    , .daterangepicker textarea 
    ,.daterangepicker .calendar th
    ,.daterangepicker .calendar td{
        font-family:Arial,"SimSun";
        font-size:12px;
    }
    .daterangepicker .table-condensed thead th{
        min-width:15px;
    }
    .daterangepicker .prev,.daterangepicker .next{
        width:15px;
    }
    .daterangepicker .table-condensed tbody td,
    ,.daterangepicker .table-condensed tbody th{
        width: 22px;
        height:22px;
        border: 1px solid #E5E5E5;
    }
    .daterangepicker td.off{color:#e5e5e5}
    .daterangepicker td.start-date{
        background-color:#5792DC;
        border-radius:0;
    }
    .daterangepicker td.start-date.end-date,
    .daterangepicker td.end-date,
    .daterangepicker td.end-date:hover{
        background-color:#E2AD44;
        border-radius:0;
        border-color:#E2AD44;
    }
    .daterangepicker .table-condensed tbody td,
     .daterangepicker .table-condensed tbody th{
        width:22px;
        height:22px;
     }
    .daterangepicker td.in-range{background-color:#D9F2FF}
    .daterangepicker .calendar-date{padding:2px}
    .daterangepicker.opensleft .ranges
    , .daterangepicker.opensleft .calendar{
        margin:2px;
    }
    .daterangepicker .ranges .input-mini{
        width:114px;
        text-align: center;
    }
    .daterangepicker .ranges .range_inputs > div:nth-child(2){
        padding-left: 0;
    }
    .daterangepicker td.start-date.end-date{
        border-radius:0;
    }

}
.tt-time-date-picker{
    @include feedSetFont();
    @include box-shadow();
    background-color: #fff;
    width: 560px;
    border:1px solid #c5c5c5;
    position: absolute;
    z-index: 1030;
    .tab-bar{
        padding-left: 22px;
        padding-top: 15px;
        @include clearfix;
        height: 40px;
        background-color:#eee;
        color: #8a8a8a;
        .item-tab{
          float:left;
          padding: 0 20px;
          line-height: 40px;
          cursor: pointer;
        }
        .active{
            background: white;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: #333;
        }
    }
    .cont-box{
        position: relative;
        .daterangepicker.open{
            display: block;
        }
    }
    .date-long{
        @include clearfix();
    }
    .date-long-left{
        float: left;
    }
    .date-long-right{
        float: left;
    }
    .date-check{
        padding:20px 0 0 20px;
    }
    .buttons{
        background-color: #eeeeee;
        text-align:right;
        height: 36px;
        padding: 10px 10px 0 10px;
        .reset-cycle{
            float: left;
        }
    }
    .cancel-long{
        float: left;
    }
    ._cycle_tt_dialog{
        h2{
            display: none;
        }
        position: relative;
        border: none;
        box-shadow: none;
        width: auto;
    }
    .cycle_task_container{
        @include clearfix();
        padding: 20px 0 20px 42px;
        font-size: 12px;
        line-height: 26px;
    }
    .cycle_type_list{
        float:left;
        width: 125px;
        border-right:1px dotted #cccccc;
        span{
            vertical-align: middle;
        }
    }
    .cycle_type_date{
       float: left;
       padding-left: 30px;
    }
    .cycle_time{
        padding-top:15px;
        span{
            float: left;
            margin-right: 10px;
        }
    }
    .date-time-colon{
        float: left;
        padding:0 5px;
    }
    .day_time_nst{
        float:left;
        border:1px solid #CCC;
        position: relative;
        label{
            display:block;
            padding-left:10px;
            width:50px;
            height:26px;
            line-height:24px;
            font-size:12px;
        }
        ul{
            height:180px;
            overflow-y:auto;
            overflow-x:hidden;
            position:absolute;
            font-size:12px;
            line-height: 16px;
            min-width:60px;
            border:1px solid #ccc;
            background:#fff;
            z-index:99;
            left:-1px;
            display: none;
        }
        li a{
            display: block;
            padding: 4px 0 4px 16px;
            height: 16px;
            color: #666;
            text-decoration: none;
            &:hover{
                background-color:#EDEEF0;
            }
        }
        li.cur_nst a{
            background-position:3px -285px;
            background-image: url(#{$baseImgUrl}/ico_ptask.gif);
            background-repeat:no-repeat;
        }
        &.first-col{
            margin-right: 10px;
        }
    }

    .triday_nst{
        position:absolute;
        right: 0;
        top:0;
        display:block;
        width:20px;
        height:26px;
        background:#fff url(#{$baseImgUrl}/ico_ptask.gif) -8px -113px no-repeat;
        &:hover{
            background-position: -8px -550px;
        }
    }
    
}
.tt-time-date-picker-on{
    width: 185px;
}