/**--按钮样式--**/
@mixin eo-button ($bgColor, $color, $bgHoverColor:$bgColor, $hoverColor:$color) {
    background-color: $bgColor;
    color: $color;

    &:hover {
        background-color: $bgHoverColor;
        color: $hoverColor;

    }
}

.btn-sm {
    @include eo-line(35px);
    width: 40px;
    min-width: 100%;

    * {
        color: inherit;
    }

    &:hover,
    &:focus,
    &:active {}
}



.btn-sm:disabled {
    opacity: 0.5;
    cursor: not-allowed;

    * {
        cursor: not-allowed;
    }

    &:hover {
        background-color: #f5f5f5;
    }
}

.uib-datepicker {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background-color: #fff;
    display: inline-block;
    vertical-align: text-top;
    margin: 20px;

    table {
        tr:nth-child(2) {
            color: #333;
        }
    }

    .text-center {
        text-align: center;
    }

    .td-selected {
        @include eo-button(#4FC3F7, $buttonQSColor, #29B6F6, $buttonQSColor);

        &:active {
            background-color: #29B6F6;
        }
    }

    .td-duration-selected {
        background-color: #1890ff;

        &:active {
            background-color: #137cdd;
        }
    }
}

.datapicker_time_directive {
    position: absolute;
    background-color: #fff;
    margin: 10px 0 0 10px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.12);
    border: 1px solid #d9d9d9;
    z-index: 2;
    .time_desc {
        color: #333;
    }

    .datapicker_footer {
        padding: 15px 20px;
        border-top: 1px solid #e5e5e5;
        display: flex;
        flex-direction: row;
        background-color: #f9f9f9;
        border-radius: 0 0 4px 4px;
    }
}

.uib-datepicker-popup.dropdown-menu {
    display: block;
    float: none;
    margin: 0 auto;
    background-color: #fff;
}

.uib-datepicker .uib-title {
    width: 100%;
}

.uib-button-bar {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.datepicker-btn-group,
.btn-group-vertical {
    position: relative;
    z-index: 9999;
    display: inline-block;
    vertical-align: middle;
}

.uib-day button,
.uib-month button,
.uib-year button {
    min-width: 100%;
}

.uib-day-disabled {
    opacity: 0.5;

    &:hover {
        background-color: #f5f5f5;
    }
}

.uib-position-measure {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.uib-position-scrollbar-measure {
    position: absolute !important;
    top: -9999px !important;
    width: 50px !important;
    height: 50px !important;
    overflow: scroll !important;
}

.uib-position-body-scrollbar-measure {
    overflow: scroll !important;
}

.uib-datepicker-current,
.uib-clear,
.uib-close {
    min-width: 100px;
}