




@import '../../scss/theme/config';
@import '../../scss/sprite-sheets/component.scss';
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.collapse.in {
    height: auto;
}




.cd-datetimepicker-widget {
    list-style: none;
}

.cd-datetimepicker-widget.dropdown-menu {
    position: absolute;
    margin: 2px 0;
    padding: 20px;
    box-shadow: 1px 2px 20px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    z-index: 99;
    min-width: 255px;
    border-radius: 2px;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'SimSun', 'Hiragino Sans GB', Arial, sans-serif;
}

@media (min-width: 768px) {
    .cd-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .cd-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .cd-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.cd-datetimepicker-widget.dropdown-menu:before,
.cd-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.cd-datetimepicker-widget.dropdown-menu.bottom:before {
    
}

.cd-datetimepicker-widget.dropdown-menu.bottom:after {
    
}

.cd-datetimepicker-widget.dropdown-menu.top:before {
    
}

.cd-datetimepicker-widget.dropdown-menu.top:after {
    
}

.cd-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.cd-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.cd-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.cd-datetimepicker-widget a[data-action] {
    display: block;
    position: relative;
}

.cd-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.cd-datetimepicker-widget .timepicker-picker {
    background-color: #f8f8f8;
}

.cd-datetimepicker-widget .timepicker-hour,
.cd-datetimepicker-widget .timepicker-minute,
.cd-datetimepicker-widget .timepicker-second {
    width: 43px;
    font-size: 24px;
    margin: 0;
}

.cd-datetimepicker-widget .timepicker-hour:hover,
.cd-datetimepicker-widget .timepicker-minute:hover,
.cd-datetimepicker-widget .timepicker-second:hover {
    background-color: #fff;
}

.cd-datetimepicker-widget button[data-action] {
    padding: 6px;
    width: 43px;
    height: 43px;
    background-color: #fff;
    color: #666;
    font-size: 15px;
    border: 1px solid #999;
    border-radius: 2px;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'SimSun', 'Hiragino Sans GB', Arial, sans-serif;
}

.cd-datetimepicker-widget button[data-action]:hover {
    color: #f44336;
    border-color: #f44336;
}

.cd-datetimepicker-widget .btn[data-action="incrementHours"] span::after,
.cd-datetimepicker-widget .btn[data-action="incrementMinutes"] span::after,
.cd-datetimepicker-widget .btn[data-action="incrementSeconds"] span::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 6px;
    left: 17px;
    top: 18px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: url(//img13.360buyimg.com/cms/jfs/t3415/155/1640209113/3280/a179bd03/582e9ef8N2283e80c.png) -27px -29px no-repeat;
}

.cd-datetimepicker-widget .btn[data-action="decrementHours"] span::after,
.cd-datetimepicker-widget .btn[data-action="decrementMinutes"] span::after,
.cd-datetimepicker-widget .btn[data-action="decrementSeconds"] span::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 6px;
    left: 17px;
    top: 18px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: url(//img13.360buyimg.com/cms/jfs/t3415/155/1640209113/3280/a179bd03/582e9ef8N2283e80c.png) -42px -29px no-repeat;
}

.cd-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.cd-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.cd-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.cd-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.cd-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.cd-datetimepicker-widget .picker-switch {
    text-align: center;
}

.cd-datetimepicker-widget .picker-switch a[data-action] {
    line-height: 30px;
    height: 30px;
    width: 100%;
    border: 1px solid $colorBtnGhostBorder;
    border-radius: 2px;
    text-align: center;
}

.cd-datetimepicker-widget .picker-switch a[data-action]:hover {
    border-color: #f44336;
}

.cd-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.cd-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.cd-datetimepicker-widget .picker-switch td span {
    display: inline-block;
    position: relative;
    color: #333;
    height: 23px;
    line-height: 25px;
    padding-left: 22px;
    width: auto;
}

.cd-datetimepicker-widget .picker-switch td .glyphicon-time:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(//img13.360buyimg.com/cms/jfs/t3415/155/1640209113/3280/a179bd03/582e9ef8N2283e80c.png) -46px -5px no-repeat;
}

.cd-datetimepicker-widget .picker-switch td .glyphicon-calendar:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    background: url(//img13.360buyimg.com/cms/jfs/t3415/155/1640209113/3280/a179bd03/582e9ef8N2283e80c.png) -3px -4px no-repeat;
}

.cd-datetimepicker-widget .picker-switch td span:hover {
    background: transparent;
    color: #f44336;
}

.cd-datetimepicker-widget .picker-switch td .glyphicon-time:hover:before {
    background-position: -67px -5px;
}

.cd-datetimepicker-widget .picker-switch td .glyphicon-calendar:hover:before {
    background-position: -24px -4px;
}

.cd-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.cd-datetimepicker-widget table td,
.cd-datetimepicker-widget table th {
    text-align: center;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'SimSun', 'Hiragino Sans GB', Arial, sans-serif;
    font-size: 12px;
}

.cd-datetimepicker-widget table th {
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.cd-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.cd-datetimepicker-widget table th.disabled,
.cd-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.cd-datetimepicker-widget table th.prev::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 12px;
    padding: 0;
    overflow: hidden;
    border: 0;
    @extend .cd-component;
    @extend .cd-component-arrow_left;
    // background: url(//img13.360buyimg.com/cms/jfs/t3415/155/1640209113/3280/a179bd03/582e9ef8N2283e80c.png) 0 -28px no-repeat;
}

.cd-datetimepicker-widget table th.next::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 12px;
    padding: 0;
    overflow: hidden;
    border: 0;
    @extend .cd-component;
    @extend .cd-component-arrow_right;
    // background: url(//img13.360buyimg.com/cms/jfs/t3415/155/1640209113/3280/a179bd03/582e9ef8N2283e80c.png) -16px -28px no-repeat;
}

.cd-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
    position: relative;
}

.cd-datetimepicker-widget table th.prev:hover::after {
    background-position: -57px -28px;
}

.cd-datetimepicker-widget table th.next:hover::after {
    background-position: -71px -28px;
}

.cd-datetimepicker-widget table td {
    height: 32px;
    line-height: 32px;
    width: 32px;
    color: #4f4b9f;
}

.cd-datetimepicker-widget table td.cw {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    color: #666;
    background-color: #f8f8f8;
}

.cd-datetimepicker-widget table td.day {
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.cd-datetimepicker-widget table td.day:hover,
.cd-datetimepicker-widget table td.hour:hover,
.cd-datetimepicker-widget table td.minute:hover,
.cd-datetimepicker-widget table td.second:hover {
    background: #fff6ef;
    cursor: pointer;
}

.cd-datetimepicker-widget table td.old,
.cd-datetimepicker-widget table td.new {
    color: #c9c9c9;
}

.cd-datetimepicker-widget table td.today {
    position: relative;
}

.cd-datetimepicker-widget table td.active,
.cd-datetimepicker-widget table td.active:hover {
    background-color: #ff5252;
    color: #fff;
}

.cd-datetimepicker-widget table td.disabled,
.cd-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.cd-datetimepicker-widget table td span {
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    position: relative;
}

.cd-datetimepicker-widget table td span:hover {
    background: #fff6ef;
}

.cd-datetimepicker-widget table td span.active {
    background-color: #ff5252;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.cd-datetimepicker-widget table td span.old {
    color: #777777;
}

.cd-datetimepicker-widget table td span.disabled,
.cd-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.cd-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.cd-datetimepicker-widget.wider {
    width: 21em;
}

.cd-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}