/* Common */
.hidden {
    display: none;
}
#oms-app .btn-success,
#oms-app .bg-success,
#oms-app .btn-success:disabled:hover,
#oms-app .bg-success:disabled:hover {
    background-color: #1abc9c !important;
}
#oms-app .btn-success:hover,
#oms-app .bg-success:hover {
    background-color: #18a085 !important;
}
#oms-app .btn-outline-success {
    border-color: #1abc9c;
    color: #1abc9c;
}
#oms-app .btn-outline-success:hover {
    background-color: #1abc9c;
    color: #fff;
}
#oms-app .fa {
    width: 20px;
    text-align: center;
}
#oms-app .btn-fa {
    cursor: pointer;
}
#oms-app .toast {
    width: 100%;
    top: 20px;
    color: #fff;
    background-color: #333;
}

/* 导航栏 */
#oms-app .router-link-active {
    color: #333;
}

/* 数据分析页 */
.chart {
    height: 300px;
    padding: 10px 10px 0;
    background-color: #f8f8f8;
}

/* 订阅项 */
#oms-app .subscription-detail input,
#oms-app .subscription-detail textarea,
#oms-app .subscription-detail select,
#oms-app .subscription-detail .editable-text,
#oms-app .subscription-detail .input-value {
    color: #1abc9c;
}
#oms-app .subscription-detail input[disabled],
#oms-app .subscription-detail textarea[disabled],
#oms-app .subscription-detail select[disabled] {
    color: #999;
}
.subscription-detail .sub-picture {
    width: auto;
    height: 300px;
    background-color: #ddd;
}
.subscription-detail .sub-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.subscription-detail .sub-version {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
}
.subscription-detail .sub-title {
    position: absolute;
    bottom: 0;
    left: 1.25rem;
}
.subscription-detail .change-sub-pic {
    position: absolute;
    right: 1.25rem;
    bottom: 1rem;
}
.subscription-detail .btn.active {
    background-color: #333 !important;
    color: #fff !important;
}
.subscription-detail .dropdown-menu input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.subscription-detail .sub-input .input-key {
    top: 10px;
    right: 55px;
    z-index: 100;
}
.subscription-detail .sub-input-control .dropdown-toggle::after {
    display: none;
}
.subscription-detail .sub-input-control .dropdown-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .375rem .5rem;
}
.subscription-detail .sub-input-control.sub-input-mixed {
    white-space: nowrap;
}
.subscription-detail .sub-input-control.sub-input-mixed .editable-text {
    user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only;
    outline: none;
    display: inline-block;
    min-width: 10px;
}
.subscription-detail .sub-input-control.sub-input-mixed .dropdown-toggle {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
}
.subscription-detail .sub-input-control .badge {
    vertical-align: text-bottom;
}
.subscription-detail .sub-input-control .dropdown-menu {
    /*min-width: 100%;*/
}
.subscription-detail .sub-input-control .dropdown-menu.menu-month,
.subscription-detail .sub-input-control .dropdown-menu.menu-day {
    min-width: 320px;
}
.subscription-detail .sub-input-control .dropdown-menu .item-cell {
    /*width: 80px;*/
    padding: .25rem;
    text-align: center;
}

.subscription-detail .sub-trigger .card {
    border-radius: 0 .25em .25rem .25rem;
}
.subscription-detail .sub-trigger-nav label:first-child {
    border-radius: .25rem 0 0 0;
}
.subscription-detail .sub-trigger-nav label:last-child {
    border-radius: 0 .25rem 0 0;
}
.subscription-detail .sub-trigger-nav label+label {
    border-left: 1px solid #333;
}

/* datepicker 日历样式 */
.datepicker {
    font-size: 14px !important;
    color: #333 !important;
    padding: 10px !important;
}
.datepicker table {
    border-collapse: inherit !important;
}
.datepicker td {
    border-radius: 2px !important;
}
.datepicker .active {
    font-weight: bold !important;
    color: #fff !important;
    background-color: #1abc9c !important;
    text-shadow: none !important;
}
.datepicker td.today {
    font-weight: bold !important;
    color: #f60 !important;
    background-color: #f8f8f8 !important;
}

/* Drag-and-Drop Sorting */
.ghost {
    opacity: .3;
}
.list-group-item i{
    cursor: move;
    color: #ccc;
}
.list-group-item:active{
    background-color: #fff;
}