.width-per-100 {
  width:100%;
}

.width-per-99 {
  width:99%;
}

.height-40 {
  height: 40px;
}

.flex-one {
  flex:1;
  width: 0px !important;
}

.display-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.op-flex-center {
  display:flex;
  align-items:center;
}

.op-flex-baseline {
  display:flex;
  align-items:baseline;
}

.op-flex-space-between {
  display:flex;
  justify-content:space-between;
}

.display-inline-block {
  display: inline-block;
}

.pos-relative {
  position: relative;
}

.vertical-top {
  vertical-align: top;
}

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

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

/* 文字颜色 */
.text-red {
  color: #ff0000 !important;
}

.text-blue {
  color: #00ccff !important;
}

.text-aqua-blue {
  color: #21BDBB !important;
}

.text-orange {
  color: #ff6633 !important;
}

.text-green {
  color: #70c656 !important;
}

.text-dark-green {
  color: #339900 !important;
}

.text-gray {
  color: #cccccc !important;
}

.text-purple {
  color: #EB557B !important;
}

.op-bg-tool {
  background: rgb(245,247,250);
}

.sub-no-visible * {
  visibility: hidden;
}

.float-left {
  float: left;
}

.mouse-pointer {
  cursor: pointer;
}

#app {
  font-size: 14px;
}
#app .el-divider--horizontal {
 margin: 0;
 height: 0px;
}
#app .el-input.is-disabled .el-input__inner {
  cursor: default;
}
#app .el-input.is-disabled .el-input__icon {
  cursor: default;
}
#app .el-textarea.is-disabled .el-textarea__inner {
  cursor: default;
}

.top-divider-css .el-divider--horizontal {
  margin: 5px 0px 5px 0px !important;
  height: 1px !important;
}

.params-search {
  display: flex;
  flex-direction: column;
}
.params-search .css-div {
  margin-top: 2px;
  display: flex;
  flex-flow: row wrap;
}

/* 搜索输入框 */
.params-search .css-div .block {
  margin-left: 10px;
  display: flex;
  margin-bottom: 10px;
}
.params-search .css-div .block .block-title {
  width: 80px;
  line-height: 36px;
}
.params-search .css-div .block .block-input {
  width: 120px;
}
.params-search .css-div .block .block-input-middle {
  width: 150px;
}
.params-search .css-div .block .block-input-large {
  width: 180px;
}
.params-search .css-div .block .block-select-large {
  width: 180px;
}
.params-search .css-div .block .block-select-huge {
  width: 220px;
}
.params-search .css-div .block .block-select {
  width: 120px;
}
.params-search .css-div .block .block-date-picker-sm {
  width: 200px;
}
.params-search .css-div .block .block-date-picker {
  width: 240px;
}
.params-search .css-div .block .block-date-picker-large {
  width: 250px;
}

/* 搜索单选框 */
.params-search .css-div .css-checkbox {
  margin-left: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* 按钮 */
.el-button:hover {
  opacity: 0.8;
}
.btn-search {
  background: #00ccff !important;
  border-color: #00ccff !important;
  color: #ffffff !important;
}
.btn-add {
  background: #70c656 !important;
  border-color: #70c656 !important;
  color: #ffffff !important;
}
.btn-edit {
  background: #ff6633 !important;
  border-color: #ff6633 !important;
  color: #ffffff !important;
}
.btn-delete {
  background: #cccccc !important;
  border-color: #cccccc !important;
  color: #ffffff !important;
}
.btn-print {
  background: #21BDBB !important;
  border-color: #21BDBB !important;
  color: #ffffff !important;
}
.btn-import {
  background: #EB557B !important;
  border-color: #EB557B !important;
  color: #ffffff !important;
}

.btn-export {
  background: #339900 !important;
  border-color: #339900 !important;
  color: #ffffff !important;
}
.btn-charge {
  background: #ff6633 !important;
  border-color: #ff6633 !important;
  color: #ffffff !important;
}

.btn-operation {
  background: #339900 !important;
  border-color: #339900 !important;
  color: #ffffff !important;
}

.btn-tool {
  background-color: rgb(245, 247, 250) !important;
  border-color: rgb(245, 247, 250) !important;
  color: #303133 !important;
}

.btn-tool:hover {
  background-color: #909399 !important;
  border-color: #909399 !important;
  color: #fff !important;
  opacity: 1;
}

.el-button--primary.is-disabled {
  color: #C0C4CC !important;
}

.el-button-group .btn-tool {
  border-left-color: #ffffff !important;
  border-right-color: #ffffff !important;
}

/* 搜索按钮 */
.params-search .css-div .csss-btn {
  margin-bottom: 10px;
}
.params-search .css-div .csss-btn .btn-search {
  margin-left: 50px;
  width: 80px;
  padding: 10px;
}
.params-search .css-div .csss-btn .btn-add {
  margin-left: 15px;
  width: 80px;
  padding: 10px;
}
.params-search .css-div .csss-btn .btn-edit {
  margin-left: 15px;
  width: 80px;
  padding: 10px;
}
.params-search .css-div .csss-btn .btn-delete {
  margin-left: 15px;
  width: 80px;
  padding: 10px;
}
.params-search .css-div .csss-btn .btn-print {
  margin-left: 15px;
  width: 80px;
  /* height: 32px; */
  padding: 10px;
}

.el-table th, .el-table tr {
  background-color: unset;
}
.list-table {
  width: 99.8%;
}

/* table列表行 */
.list-table .row-header {
  /* background: #eef1f6;
  color: #606266; */
  background-color: #e7f4ff;
  color: #5b6d7b;
}
.list-table .row-customer {
  font-weight: 400;
  font-size: 14px;
  color: #606266;
}
.list-table .row-cell-color {
  font-weight: 400;
  font-size: 14px;
  background: rgb(245,247,250);
  color: #606266;
}

/* table列表操作图标 */
.list-table .icon-rotate {
  padding-right: 20px;
  transform: rotate(90deg);
  font-size: 16px;
  color: #00ccff;
  cursor:pointer;
}
.list-table .icon-edit {
  padding-right: 10px;
  color: #ff6633;
  font-size: 16px;
  cursor:pointer;
}
.list-table .icon-refresh {
  padding-right: 10px;
  color: #00ccff;
  font-size: 16px;
  cursor:pointer;
}
.list-table .icon-print {
  padding-right: 10px;
  color: #21BDBB;
  font-size: 16px;
  cursor:pointer;
}
.list-table .icon-operation {
  color: #339900;
  font-size: 16px;
  cursor:pointer;
}
.list-table .icon-delete {
  font-size: 16px;
  color: #cccccc;
  cursor:pointer;
}

.icon-purple {
  color: #EB557B !important;
  font-size: 16px;
  cursor: pointer;
}

/* table列表分页 */
.list-table-page {
  margin-top: 5px;
}

/* popover弹框尺寸 */
.popper-css-80 {
  width: 80%;
}
.popper-css-70 {
  width: 70%;
}
.popper-css-50 {
  width: 50%;
}
.popper-css-30 {
  width: 30%;
}
.popover-top-input {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 25%;
}

/* popover弹出框-编辑式table */
.popover-top-btn {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
}
.popover-top-btn .btn-add {
  margin-left: 10px;
  width: 80px;
}
.popover-top-btn .btn-delete {
  margin-left: 10px;
  width: 80px;
}
.popover-top-btn .btn-edit {
  margin-left: 10px;
  width: 160px;
}

/* popover弹出框-表单1列的 */
.table-popover-list {
  width: 100%;
}
.popover-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.popover-btn .btn-add {
  margin-left: 10px;
  width: 80px;
}
.popover-btn .btn-delete {
  margin-left: 10px;
  width: 80px;
}
.popover-btn .btn-edit {
  margin-left: 10px;
  width: 160px;
}

/* popover弹出框-表单3列的 */
.table-popover-list-three {
  width: 100%;
}
.popover-btn-three {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.popover-btn-three .btn-add {
  margin-left: 10px;
  width: 80px;
}
.popover-btn-three .btn-add-big {
  width: 100px;
}
.popover-btn-three .btn-delete {
  margin-left: 10px;
  width: 80px;
}
.popover-btn-three .btn-edit {
  margin-left: 10px;
  width: 160px;
}
.popover-outtext-three {
  width: 100%;
  display: flex;
  align-items: center;
}
.popover-outtext-other {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
}

/* 表单CSS-通用 */
.form-width-100 {
  width: 100% !important;
}

.form-mini-wh .el-form-item {
  margin: unset;
}

/* 表单CSS-1列 */
.form-css .form-input-one {
  width: 100%;
}
.form-css .form-date-picker-one {
  width: 100%;
}
.form-css .form-textarea-one {
  width: 100%;
}
.form-css .form-checkbox-one {
  display: flex;
  align-items: center;
  height: 40px;
}

/* 表单CSS-2列 */
.form-css .form-input-two {
  width: 100%;
}
.form-css .form-date-picker-two {
  width: 100%;
}
.form-css .form-input-long-two {
  width: 100%;
}
.form-css .form-textarea-two {
  width: 100%;
}
.form-css .form-checkbox-two {
  display: flex;
  align-items: center;
  height: 40px;
}

/* 表单CSS-2列 输入框旁+按钮 */
.form-css .form-input-btn-two {
  width: 100%;
}
.form-css .form-col-css-two {
  padding-left: 10px;
  display: flex;
  justify-content: flex-end;
}
.form-css .form-col-css-two .input-btn-two {
  background-color: #00ccff;
  border: #00ccff;
  font-size: 13px;
  height: 36px;
  width: 100%;
}
.form-css .form-col-css-two .input-btn-two-grey {
  background-color: #cccccc;
  border: #cccccc;
  font-size: 13px;
  height: 36px;
  width: 100%;
}

/* 表单CSS-3列 */
.form-css .form-input-three {
  width: 100%;
}
.form-css .form-date-picker-three {
  width: 100%;
}
.form-css .form-input-long-three {
  width: 100%;
}
.form-css .form-textarea-three {
  width: 100%;
}
.form-css .form-checkbox-three {
  display: flex;
  align-items: center;
  height: 40px;
}

.margin-top-0 {
  margin-top: 0px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-left-10 {
  margin-left:30px;
}

.margin-left-30 {
  margin-left:30px;
}

.pad-2 {
  padding:2px;
}

.pad-right-2 {
  padding-right: 2px;
}

.pad-left-40 {
  padding-left: 40px;
}

.pad-right-40 {
  padding-right: 40px;
}

.pad-top-0 {
  padding-top: 0px;
}

.width-200 {
  width: 200px !important;
}

.width-100 {
  width: 100px !important;
}

.width-50 {
  width: 50px;
}

.width-45 {
  width: 45px;
}

.width-40 {
  width: 40px;
}

.width-30 {
  width: 30px;
}

.width-10 {
  width: 10px;
}

.op-vertical-line {
  width:1px;
  background-color:#E4E7ED;
  display: inline-block;
}

.border-line {
  border: 1px solid #E4E7ED;
}

.border-top-line {
  border-top: 1px solid #E4E7ED;
}

.border-bottom-line {
  border-bottom: 1px solid #E4E7ED;
}

.border-left-line {
  border-left: 1px solid #E4E7ED;
}

.border-right-line {
  border-right: 1px solid #E4E7ED;
}

.border-left-white {
  border-left-color: #ffffff !important;
}

.border-right-white {
  border-right-color: #ffffff !important;
}

.el-table .op-row-state-save {
  background-color: #f0f9eb;
}


.op-table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-right:1px solid #E4E7ED;
  border-bottom:1px solid #E4E7ED;
}

.op-table th {
  color: #909399;
  font-weight:700;
}

.op-table td {
  color: #606266;
  white-space:nowrap;
}

.op-table th,.op-table td {
  border-left:1px solid #E4E7ED;
  border-top:1px solid #E4E7ED;
  text-align: center;
}

.op-table td .el-input {
  margin:3px 0px;
  width: 99%;
}

.is-fixed-bottom {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: white;
  z-index: 9999;
}

/* 表单页面下的保存、取消用 */
.bottom-btn-css {
  display: flex;
  justify-content: center;
  padding: 15px 0;
}

.height-for-fixed-bottom {
  padding-bottom: 100px;
}

/* -------------------打印start-------------------- */
.print-container{
  font-size: 12px;
}
.print-container .el-footer{
  padding: unset;
}

.print-layout{
  font-size: 12px;
}
.print-top-title{
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
.print-top-right{
  display: flex;
  justify-content: flex-end;
}

.el-row-item{
  display: flex;
  height: 22px;
  line-height: 22px;
}
.row-weight{
  font-weight: 800;
}
.row-height-small{
  height: 18px;
}
.el-row-label-two{
  width: 40px;
}
.el-row-label-three{
  width: 50px;
}
.el-row-label-four{
  width: 70px;
}
.el-row-label-five{
  width: 85px;
}
.el-row-label-seven{
  width: 150px;
}
.row-height{
  height: 30px;
  line-height: 30px;
}
.el-row-label-align{
  text-align: justify;
  text-align-last: justify;
}

.patient-record-item{
  display: flex;
  height: 22px;
  line-height: 22px;
  padding-bottom: 5px;
}
.patient-record-label{
  font-weight: 900;
  width: 35px;
}
.patient-record-label-big{
  font-weight: 900;
  width: 50px;
}
.patient-record-label-large{
  font-weight: 900;
  width: 70px;
}

.el-row-div{
  width: 100%;
  left: 10px;
}
.el-row-div-row{
  display: flex;
  flex-wrap: wrap;
}

.foot-addr-other{
  width: 100%;
}
.foot-div{
  display: flex;
}
.div-line{
  padding: 5px 0;
}
.div-to-line{
  border-bottom: #DCDFE6 solid 1px;
}
.line-width{
  width: 80%;
}
.div-height{
  height: 20px;
  text-align: center;
}

.rp-css{
  font-size: 18px;
  font-weight: 1200;
}

.money-css{
  padding-left: 30px;
}
.print-foot{
  display: flex;
  justify-content: flex-end;
}

.vfor-div{
  display: flex;
  justify-content: space-between;
}
.vfor-btn-div{
  display: flex;
}

.breadcrumb-css{
  margin-top: 15px;
  margin-bottom: 5px;
}

.breadcrumb-css-two{
  margin-top: 20px;
  margin-bottom: 5px;
}

.print-layout .header-css {
  background: rgb(245,247,250);
  color: #606266;
  border-top: #EBEEF5 solid 1px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: unset;
}

.print-layout .row-css {
  border-bottom: unset;
}

@page {
  margin-bottom: 0mm;
  margin-top: 0mm;
}

/* 打印父级设置模态框 -- 挂号打印 */
.print-dialog .el-dialog__body{
  padding: 0 20px;
}
.print-btn-text{
  color: #21BDBB !important;
  cursor: pointer;
}

/* -------------------打印end-------------------- */

/* -------------------定时刷新(refresh-other)start-------------- */
.top-check-input{
  display: flex;
  flex-wrap: wrap;
  height: 28px;
}
.top-check-input .el-checkbox {
  margin: 0 5px 0 0;
}
.top-check-text {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.top-text-input{
  line-height: 28px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.top-text-input .el-input__inner{
  padding: 0 5px;
}
.top-text-input .top-input{
  margin-left: 5px;
  width: 50px;
}
.top-text-input .el-input-group__append, .el-input-group__prepend {
  padding: 0 5px;
}
/* -------------------定时刷新(refresh-other)end--------------- */

/* 收款页面类似表单标题初始化+自动刷新 */
.info-css .el-form-item {
  margin: unset;
}
.info-css .el-form-item__label {
  padding: unset;
  line-height: 36px;
}
.info-css .info-date-picker .el-input--suffix .el-input__inner {
  padding-right: 0px;
}

/* 其他css */
.info-css .top-input{
  width: 120px;
}
.info-css .top-input-large{
  width: 180px;
}
.info-css .top-input-small{
  width: 80px;
}
.info-css .top-input-middle{
  width: 130px;
}

.info-css .block-input{
  width: 100%;
}

.info-css .btn-div{
  display: flex;
  justify-content: flex-end;
}

.info-css .btn-div-layout{
  display: flex;
  justify-content: flex-end;
}

/* ----------自动刷新start--------------- */
.info-css .shedule-area {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
}

.info-css .shedule-area>.el-input{
  margin-right: 10px;
}

.info-css .shedule-area .el-input__inner,.el-input-group__append {
  padding: 0 5px;
}

.info-css .t-refresh {
  padding-left: 40px;
}

.info-css .t-refresh .el-checkbox__label {
  line-height: 28px;
}

.info-css .t-refresh-form-input .el-form-item__label {
  line-height: 28px;
}
/* ----------自动刷新end--------------- */

/* ---------- 多选框与单选框，勾选禁用时去掉红色图标 start ---------- */
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: default;
}
.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #C0C4CC;
  cursor: default;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: default;
  border-color: #C0C4CC;
}

.el-radio__input.is-disabled .el-radio__inner {
  cursor: default;
}
.el-radio__input.is-disabled+span.el-radio__label {
  color: #C0C4CC;
  cursor: default;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: default;
  background-color: #F5F7FA;
}
/* ---------- 多选框与单选框，勾选禁用时去掉红色图标 end ---------- */

.el-tooltip {
  cursor: pointer;
}

.el-input__inner {
  padding-right: 0px;
}

.margin-top10 {
  margin: 10px 0 0 0;
}

/* 全局禁用灰色中字体不用灰色，背景浅色对比强一些 */
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #222222;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #222222;
}
.el-input.is-disabled .el-input__inner {
  color: #222222;
}
.el-radio__input.is-disabled+span.el-radio__label {
  color: #222222;
  cursor: default;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #222222;
}
.el-range-editor.is-disabled input {
  color: #222222;
  cursor: default;
}
.el-textarea.is-disabled .el-textarea__inner {
  color: #222222;
  cursor: default;
}

/* 全局文字黑色 */
body {
  color: #222222;
}
.el-form-item__label {
  color: #222222;
}
.el-input__inner {
  color: #222222;
}
.el-input-group__append, .el-input-group__prepend {
  color: #222222;
}
.el-date-editor .el-range-input {
  color: #222222;
}
.el-radio {
  color: #222222;
}
.el-checkbox {
  color: #222222;
}
.el-card {
  color: #222222;
}
.el-tabs__item {
  color: #222222;
}
.el-table .cell {
  color: #222222;
}
.el-collapse-item__header {
  color: #222222;
}
/*覆盖自定义文字颜色*/
.show-title {
  color: #222222 !important;
}
.cus-text-color {
  color: #222222 !important;
}
.op-table td {
  color: #222222 !important;
}
.op-table th {
  color: #222222 !important;
}
.text-color{
  color: #222222 !important;
}