/* 医废收录统计 */
#medicalWasteEmploy .top-frame {
    display: flex;
}

#medicalWasteEmploy .top-frame .top-li-frame {
    width: calc(33.33% - 12px);
    height: 150px;
    border-radius: 5px;
    padding: 25px;
    position: relative;
}

#medicalWasteEmploy .top-frame .top-li-frame1 {
    margin-right: 18px;
    background: #FDCE47;
}

#medicalWasteEmploy .top-frame .top-li-frame2 {
    margin-right: 18px;
    background: #709EFC;
}

#medicalWasteEmploy .top-frame .top-li-frame3 {
    background: #7DD0F1;
}

#medicalWasteEmploy .top-frame .top-li-frame .top-li-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

#medicalWasteEmploy .top-frame .top-li-frame .top-li-num {
    font-size: 30px;
    color: #fff;
}

#medicalWasteEmploy .column2-frame {
    display: flex;
    height: 315px;
    margin-top: 18px;
}

#medicalWasteEmploy .column2-frame .medical-waste-type-pie {
    width: 38%;
    height: 100%;
    margin-right: 18px;
    background: #fff;
    border-radius: 5px;
}

#medicalWasteEmploy .column2-frame .medical-waste-type-pie .medical-waste-type-pie-title {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}

#medicalWasteEmploy .column2-frame .medical-waste-trend-frame {
    width: calc(62% - 18px);
    height: 100%;
    background: #fff;
    border-radius: 5px;
}

#medicalWasteEmploy .column2-frame .medical-waste-trend-frame .medical-waste-trend-frame-title {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}

#medicalWasteEmploy .column2-frame .real-time-collection-frame {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
}

#medicalWasteEmploy .column2-frame .real-time-collection-frame .real-time-collection-frame-title {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    overflow: auto;
}

#medicalWasteEmploy .column2-frame .medical-waste-rank-frame {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
}

#medicalWasteEmploy .column2-frame .medical-waste-rank-frame .medical-waste-rank-frame-title {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}

#medicalWasteEmploy .column2-frame .medical-waste-rank-frame .time-group {
    padding: 10px;
    display: flex;
}

#medicalWasteEmploy .column2-frame .medical-waste-rank-frame .form-control {
    width: 200px;
    margin-right: 10px;
}

#medicalWasteEmploy .medical-waste-rank-frame .medical-waste-rank-frame-time {
    width: 200px;
    height: 33px;
    margin-right: 15px;
}

#medicalWasteEmploy .medical-waste-rank-frame .medical-waste-rank-frame-time .el-input__inner {
    width: 100%;
}

/* 医废收集记录 */
#medicalAccessManage .top-data-frame {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

#medicalAccessManage .top-data-frame .top-data-frame-weight {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    text-align: right;
    margin-top: 30px;
    margin-right: 26px;
    margin-bottom: 8px;
}

#medicalAccessManage .top-data-frame .top-data-frame-name {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    margin-right: 26px;
}

#medicalAccessManage .top-data-frame .top-data-frame-img {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#medicalAccessManage .top-data-frame .top-data-frame-item {
    position: relative;
    width: 100%;
    height: 130px;
    border-radius: 6px;
    background: linear-gradient(113deg, #FFCC99 0%, #FF8D19 100%);
}

#medicalAccessManage .top-data-frame .margin-right10 {
    margin-right: 10px;
}

#medicalAccessManage .top-data-frame .orange-bg {
    background: linear-gradient(113deg, #FFCC99 0%, #FF8D19 100%);
}

#medicalAccessManage .top-data-frame .green-bg {
    background: linear-gradient(113deg, #8BEBA5 0%, #00C234 100%);
}

#medicalAccessManage .top-data-frame .blue-bg {
    background: linear-gradient(113deg, #A6D3FB 0%, #2B95F2 100%);
}

#medicalAccessManage .top-data-frame .purple-bg {
    background: linear-gradient(113deg, #C9AAFB 0%, #772BF2 100%);
}

#medicalAccessManage .top-data-frame .pink-bg {
    background: linear-gradient(113deg, #FBAAD9 0%, #F22B9F 100%);
}

#medicalAccessManage .Warehousing-style {
    background: #FCF6EC;
    border: 1px solid #F2D09D;
    color: #E6A23C;
    padding: 0 10px;
    line-height: 28px;
    border-radius: 4px;
}

#medicalAccessManage .outbound-style {
    background: #ECF5FF;
    border: 1px solid #9FCEFF;
    color: #409EFF;
    padding: 0 10px;
    line-height: 28px;
    border-radius: 4px;
}

/* 医废收集明细记录 */
#medicalAccessDetailsManage .top-data-frame {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

#medicalAccessDetailsManage .top-data-frame .title-icon {
    height: 24px;
    width: 24px;
    margin-right: 6px;
}

#medicalAccessDetailsManage .top-data-frame .title-text {
    font-size: 18px;
    font-weight: 500;
    color: #131414;
    margin-right: 20px;
}

#medicalAccessDetailsManage .base-info-frame {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-title {
    font-size: 18px;
    font-weight: 500;
    color: #131414;
    line-height: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 10px;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table {
    display: flex;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table .base-info-item-table-item {
    width: 33.33%;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table .base-info-item-table-item .base-info-item-table-item-title {
    width: 100px;
    height: 48px;
    line-height: 48px;
    background: #F5F7FA;
    text-align: center;
    font-size: 14px;
    color: #606266;
    font-weight: bold;
    border: 1px solid #E8EAEF;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table .base-info-item-table-item .base-info-item-table-item-content {
    width: calc(100% - 100px);
    height: 48px;
    line-height: 48px;
    background: #FFFFFF;
    font-size: 14px;
    color: #606266;
    padding: 0 16px;
    border: 1px solid #E8EAEF;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table .base-info-item-table-item .base-info-item-table-item-title2 {
    width: 100px;
    height: 96px;
    line-height: 96px;
    background: #F5F7FA;
    text-align: center;
    font-size: 14px;
    color: #606266;
    font-weight: bold;
    border: 1px solid #E8EAEF;
    white-space: normal;
    word-wrap: break-word;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table .base-info-item-table-item .base-info-item-table-item-img {
    width: 200px;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table .base-info-item-table-item .base-info-item-table-item-content2 {
    width: calc(100% - 100px);
    height: 96px;
    line-height: 96px;
    background: #FFFFFF;
    font-size: 14px;
    color: #606266;
    padding: 0 16px;
    border: 1px solid #E8EAEF;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table2 {
    overflow: auto;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table2 .base-info-item-table2-li {
    float: left;
    width: 33.33%;
    height: 96px;
    font-size: 14px;
    color: #606266;
    overflow: hidden;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table2 .base-info-item-table2-li .base-info-item-table2-li-text {
    float: left;
    width: 100px;
    height: 96px;
    /* line-height: 96px; */
    font-weight: bold;
    border: 1px solid #E8EAEF;
    padding: 0 10px;
    background: #F5F7FA;
    display: flex;
    align-items: center;
    text-align: center;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table2 .base-info-item-table2-li .base-info-item-table2-li-content {
    float: left;
    width: calc(100% - 100px);
    height: 96px;
}

#medicalAccessDetailsManage .base-info-frame .base-info-item .base-info-item-table2 .base-info-item-table2-li .base-info-item-table2-li-content .base-info-item-table2-li-content-li {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #E8EAEF;
    padding: 0 16px;
}

/* 医废报表 */
#medicalWasteReport .main-frame {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
}

#medicalWasteReport .main-frame .tab-list {
    display: flex;
    margin-bottom: 15px;
}

#medicalWasteReport .main-frame .tab-list .tab-li {
    width: 80px;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    padding-bottom: 5px;
    cursor: pointer;
}

#medicalWasteReport .main-frame .tab-list .tab-li-active {
    color: #63B1FF;
    border-bottom: 3px solid #63B1FF;
}

#medicalWasteReport .main-frame .search-condition .search-condition-content {
    overflow: auto;
}

#medicalWasteReport .main-frame .search-condition .search-condition-content .form-group {
    float: left;
}

#medicalWasteReport .main-frame .search-condition .search-condition-content .btn-group-li {
    float: left;
    margin-left: 10px;
}

#medicalWasteReport .main-frame .medical-waste-report-table-frame .table>thead>tr>th {
    border: 1px solid #ebeef5;
    vertical-align: middle
}

#medicalWasteReport .main-frame .statistics-frame {
    overflow: auto;
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame {
    float: left;
    width: calc(33.33% - 40px);
    margin: 5px 20px 20px;
    height: 140px;
    display: flex;
    align-items: center;
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame1 {
    background: linear-gradient(180deg, #FFD352 0%, #F6BD16 100%);
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame2 {
    background: linear-gradient(180deg, #83ACFF 0%, #5B8FF9 100%);
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame3 {
    background: linear-gradient(180deg, #95DDFA 0%, #6DC8EC 100%);
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame .statistics-li-img {
    height: 80px;
    margin-left: 15px;
    margin-right: 3%;
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame .statistics-li-content {
    /* margin-right: 70px; */
    width: calc(50% - 47.5px);
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame .statistics-li-content2 {
    /* margin-right: 70px; */
    width: calc(47% - 47.5px);
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame .statistics-li-content .statistics-li-content-label {
    color: #fff;
    font-size: 18px;
    margin-bottom: 12px;
}

#medicalWasteReport .main-frame .statistics-frame .statistics-li-frame .statistics-li-content .statistics-li-content-value {
    color: #fff;
    font-size: 30px;
}

/* 医废收集明细列表页面 */
#medicalWasteDetails #medicalWasteDetailsListModel .modal-dialog {
    position: fixed;
    top: 0;
    right: 0;
}

#medicalWasteDetails #medicalWasteDetailsListModel .modal-dialog .modal-body {
    overflow: auto;
    padding-bottom: 56px;
    height: calc(100% - 70px);
}

#medicalWasteDetails #medicalWasteDetailsListModel .modal-dialog .modal-content-bottom {
    background: #fff;
}

#medicalAccessDetailsModel .el-input__inner,
#medicalAccessEditDetailsModel .el-input__inner {
    width: 220px;
}


/* 出入库页面  */
#editMedicalAccessManage .el-input--suffix .el-input__inner,
#medicalAccessEditModel .el-input--suffix .el-input__inner {
    width: 100%;
    height: 37.99px;
    padding: 0 12px;
}

/* #medicalCollectAssemble .column2-frame{
    display: flex;
    height: 315px;
    margin-top: 18px;
}
#medicalCollectAssemble .column2-frame .medical-waste-trend-frame{
    width: 100%;
    height: 100%; 
    background: #fff;
    border-radius: 5px;
}
#medicalCollectAssemble .column2-frame .medical-waste-trend-frame .medical-waste-trend-frame-title{
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}
.medicalCollectAssemble .el-range-separator{
    width: 20px;
} */
.trend-frame .column2-frame {
    display: flex;
    height: 315px;
    margin-top: 18px;
}

.trend-frame .column2-frame .medical-waste-trend-frame {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
}

.trend-frame .column2-frame .medical-waste-trend-frame .medical-waste-trend-frame-title {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}

.trend-frame .el-range-separator {
    width: 20px;
}



.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    z-index: 10000 !important;
    width: 100%;
}

.dropdown-toggle-select .bootstrap-select .dropdown-toggle .filter-option {
    overflow: visible;
}

.dropdown-toggle-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    padding-left: 10px;
    background: rgb(255, 255, 255);
    height: 38px;
    line-height: 38px;
    border: 1px solid rgb(206, 212, 218);
    border-radius: 0.25rem;
    /* width: 220px; */
}

.dropdown-toggle-select .bootstrap-select>.dropdown-toggle {
    background-color: transparent;
    /* width: 220px; */
    color: #495957;
    /* border: 1px solid #ced4da; */
    height: 29px;
    font-size: 16px;
    padding-left: 0px;
    padding-top: 0px;
    padding: 0;
}

.dropdown-toggle-select .dropdown-toggle::after {
    position: absolute;
    border-top: 0.3em solid #000000 !important;
    right: 12px;
    top: 21px;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle-select .dropdown-toggle::before {
    position: absolute;
    display: inline-block;
    margin-left: 0.305em;
    vertical-align: 0.305em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    right: 12px;
    border-bottom: 0.3em solid #000000 !important;
    top: 14px;
}

.listPage .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    z-index: 1000 !important;
}

.listPage .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    z-index: 1000 !important;
}