.ellipsis-nowrap-scroll-no {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: auto;
}

.ellipsis-nowrap-scroll-no::-webkit-scrollbar {
    display: none
}

.pr-style {
    ul>li {
        list-style: none;
        margin-bottom: 10px;
    }
}

.marginRight {
    margin-left: 50px;
}

.diagonal {
    position: relative;
    margin: 50px 0 0 100px;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
}

.diagonal::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.65);
    transform-origin: bottom center;
    transform: rotateZ(-45deg) scale(1.414);
    animation: slash 5s infinite ease;
}

.ad-window {
    &>div {
        display: inline-block;

        &:last-child>.check-box {
            margin-right: 0;
        }

        &:last-child>.check-row {
            margin-left: 0;
        }
    }

    .check-box {
        display: inline-block;
        width: 100px;
        text-align: center;
        position: relative;
        color: #fff;
        font-size: 16px;

        &>.prep-win-desc {
            height: 32px;
            line-height: 32px;
        }

        &>.presc-num {
            height: 36px;
            line-height: 36px;
            background: #fff;
            border: 1px solid #69C0FF;
        }

        &>span {
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
        }
    }

    .check-row {
        // margin: 8px 0 0 -20px;
        text-align: center;
    }

    .ant-checkbox-inner {
        width: 40px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        background-color: transparent !important;
        border: 0 !important;
        outline: none;
    }

    .ant-checkbox-inner::after {
        left: 36%;
        width: 13px;
        height: 21px;
        border: 2px solid #40A9FF !important;
        border-left: 0 !important;
        border-top: 0 !important;
    }

    .ant-checkbox.ant-checkbox-checked {
        position: absolute;
        right: 0;
        top: 42px;
    }

    .ant-checkbox-wrapper {
        width: 100%;
        height: 100%;
    }

    .ant-checkbox {
        position: absolute;
        right: 0;
        top: 46px;
    }

    .ant-checkbox-checked::after {
        border: 0;
    }
}

// 排行榜圆圈
.circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 16px;
    margin-right: 8px;
}

// .prescription-bar::-webkit-scrollbar {display:none}
// 滚动条样式
.prescription-bar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    background-color: #F5F5F5;
}

.prescription-bar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 6px #f1f1f1;
    border-radius: 4px;
    background-color: #F5F5F5;
    cursor: move;
}

// .prescription-bar::-webkit-scrollbar-thumb:hover {
//     cursor: move;
//     border-radius: 4px;
// 	box-shadow: inset 0 0 6px rgba(0,0,0,.2);
// 	background-color: rgb(168, 164, 164);
// }
.prescription-bar::-webkit-scrollbar-thumb {
    // 滚动条所在的位置
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2);
}

.prescription {
    .ant-card-body {
        padding: 0 !important;
    }
}

// card左侧绿色竖杠
.card-title-left-icon {
    position: relative;
    padding-left: 10px;

    &>div:nth-child(1) {
        width: 3px;
        height: 15px;
        background: #007AFF;
        position: absolute;
        left: 0;
        top: 4px;
    }
}

.card-title-left-img {
    display: flex;
    align-items: center;

    img {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
}

// card背景颜色
.card-title-bg {
    .ant-card-head {
        background: linear-gradient(0deg, rgba(237, 237, 237, 1), rgba(255, 255, 255, 1));
    }
}

.card-body-padding {
    .ant-card-body {
        padding: 0 12px;
    }
}

.scroll-none::-webkit-scrollbar {
    display: none
}

// card头部背景
.catd-head-bg-img {
    .ant-card-head {
        width: 100%;
        text-align: center;
        padding: 0;
        background: url('../images/card-bg.png');
        border-bottom: 0;
        height: 37.9px;
    }
}

.table-scroll-height .ant-table-body {
    height: 800px !important;
}

// 公共处方笺样式
.prescription-list {
    &>div .show-last-span {
        display: none !important;
    }

    &>div:last-child .show-last-span {
        display: inline-block !important;
    }
}

.alignRight {
    text-align: right;
}

// 模态框最顶端线条
.modal-header-line {
    .ant-modal-header {
        position: relative;
    }

    .modal-title-top {
        position: absolute;
        top: 0;
        left: 0;
        height: 6px;
        width: 100%;
        background: #F6A724;
        border-radius: 3px 3px 0 0;
    }
}

// 模态框内容区域padding
.modal-body-padding .ant-modal-body {
    padding: 0;
}

.reject-prescription {
    .ant-modal-body {
        padding: 12px 20px;
    }

    .ant-card-head {
        padding: 0;
        background: #F7F7F7;
    }
}

.reject-steps {
    .ant-steps-item-title {
        padding-right: 0 !important;
    }

    .ant-steps-item {
        margin-right: -3px !important;
    }

    .ant-steps {
        display: block;
    }

    // 当前的状态颜色
    .ant-steps-item-process>.ant-steps-item-content>.ant-steps-item-title {
        color: #1890ff
    }

    .ant-steps-item-process>.ant-steps-item-content>.ant-steps-item-description {
        color: #1890ff
    }

    // 未选中的状体
    .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
        color: #000;
        opacity: .7;
    }

    .ant-steps-item-finish>.ant-steps-item-content>.ant-steps-item-title {
        color: #000;
        opacity: .7;
    }

    .ant-steps-item-finish>.ant-steps-item-content>.ant-steps-item-description {
        color: #000;
        opacity: .7;
    }

    .ant-steps-item-finish>.ant-steps-item-content>.ant-steps-item-title::after {
        background: #e8e8e8;
    }
}

.corresponding-drugs {
    .ant-tree li .ant-tree-node-content-wrapper {
        height: auto;
    }

    .ant-tree li span.ant-tree-switcher,
    .ant-tree li span.ant-tree-iconEle {
        width: 0;
    }
}

.tree-three>li li {
    line-height: 50px;
}

.disabled-yes {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.disabled-none {
    cursor: pointer;

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

// antd-input框右侧padding值为0
.input-padding-right {
    .ant-input-affix-wrapper .ant-input:not(:last-child) {
        padding-right: 0;
    }
}

// 自动配药
.automatic-dispensing {
    .ant-list-split .ant-list-item:last-child {
        border-bottom: 1px solid #e8e8e8;
    }

    .ant-list-item {
        padding: 4px 0
    }

    .ant-card-small>.ant-card-body {
        padding: 0;
    }

    .form-dispensing-window .ant-form-item-label {
        display: block;
        height: 36px;
        text-align: left;
        background: #F5F4F4;
        line-height: 36px;
        padding-left: 20px;
    }
}

// 确认配药
.confirm-dispensing {
    .ant-list-split .ant-list-item:last-child {
        border-bottom: 1px solid #e8e8e8;
    }

    .ant-steps-label-vertical .ant-steps-item-content {
        width: 138px;

        .ant-steps-item-title {
            font-size: 14px
        }
    }

    .ant-steps-item-process>.ant-steps-item-tail::after {
        background-color: #007AFF;
    }

    .ant-steps-item-process .ant-steps-item-icon {
        background: #007AFF;
    }
}

// 发药 - 处方审核 - 退药 - 晶体条码规则维护
.dispensing, .prescription-checking, .drug-repercussion, .barcode-rule-maintenance {
    .dispensing-list {
        .ant-table-body {
            height: 1000px;
        }
    }

    .draw-triangle {
        position: relative;

        .arrow {
            position: absolute;
            display: block;
            border-style: solid;
            border-width: 10px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: -9px;
            border-top-color: #fafafa;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fafafa;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
            left: 40%;
        }

        .ant-table-wrapper::before,
        .ant-table-wrapper::after {
            width: 30px;
            position: absolute;
            background: #fafafa;
            height: 1px;
            left: 39%;
            top: 0px;
        }
    }

    .d-operation-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;

        .dor-switch-win {
            // float: right;
            padding-left: 12px;
            margin-left: 26px;
            height: 76px;
            width: 160px;
            border-left: 1px solid #E5E5E5;
            display: flex;
            flex-direction: column;
            color: #333;
            font-size: 14px;
            justify-content: center;
            align-items: center;
        }

        .ant-select .ant-select-selection {
            border-radius: 0 4px 4px 0;
        }
    }

    .d-form-label {
        margin-top: 8px;
        display: inline-block;
        border: 1px solid #d9d9d9;
        border-right: 0;
        width: 90px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 4px 0 0 4px;
    }

    .d-start-date.ant-calendar-picker .ant-input {
        border-radius: 0;
        border-right: 0;
    }

    .d-end-date.ant-calendar-picker .ant-input {
        border-radius: 0 4px 4px 0;
        border-left: 0;
    }

    .d-form-label.form-label-date {
        border-radius: 0;
        border-left: 0;
        width: 16px;
    }

    .prescription-btn {
        height: 60px;
        line-height: 60px;
        text-align: center;
    }
}

.li-window>div:nth-of-type(5n) .check-box {
    margin-right: 0px
}

// 将input框的样式更改
.input-botder-bottom {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    outline: none;
    padding: 0px;
    text-align: center;
}

.input-botder-bottom.ant-input:focus,
.ant-select-selection:focus {
    box-shadow: none;
}

.input-botder-bottom.ant-input:focus {
    box-shadow: none;
}

.clearBackground {
    .ant-table-tbody>tr.ant-table-row-selected td {
        background: none;
    }
}

// 门诊发药综合查询
.didpensing-comprehensiv-inquiry {
    .card-footer .ant-card-body {
        padding: 0
    }

    .th-style {
        .ant-table-thead>tr>th .ant-table-header-column {
            width: 100%;
            height: 45px;
            line-height: 45px;
        }
    }
}

//门诊配药
.outpatentNew {
    .ant-table-tbody>tr.ant-table-row-selected td {
        background: none;
    }
}

//开单医生
.RpDoctor {
    height: 29px;
    line-height: 36px;
    margin-left: 20px;
    font-size: 18px;
}