.el-form--inline .el-form-item {
  display: inline-flex;
  margin-right: 15px;
  vertical-align: middle;
}

.layui-btn-primary:hover {
  color: #fff;
}
:root {
    --el-color-primary: #50cbbf;
}
.layui-btn {
  border-radius: 5px;
}
::-webkit-scrollbar {
   width: 8px !important;
}

/* 滑块样式 */
::-webkit-scrollbar-thumb {
   background-color: #888 !important;

   border-radius: 8px !important;
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
   background-color: #f2f2f2 !important;
   border-radius: 8px !important;
}
.el-dialog__header {
   background-color: #F4F6F6 !important;
   border-bottom: 1px solid #cdcdcd !important;
}
.el-dialog__footer {
   padding: 10px 20px ;
   background-color: #F4F6F6 !important;
   border-top: 1px solid #cdcdcd !important;

}

.el-message-box__btns {
   display: flex !important;
   flex-direction: row-reverse !important;
}

.el-message-box__btns .el-button {
   margin-left: 10px;
}

.el-dialog__header {
   background-color: #F4F6F6 !important;
   border-bottom: 1px solid #f2f2f2;
}

.el-select .el-input__inner:focus,
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
   border-color: #16baaa;
}

.layui-layer-btn .layui-layer-btn0,
.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: #16baaa;
   border-color: #16baaa;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
   color: #16baaa;
}

.el-checkbox__inner:hover {
   border-color: #16baaa;
}

.el-input__inner:focus {
   border-color: #16baaa;
   outline: 0;

}

.el-radio__input.is-checked+.el-radio__label,
.el-select-dropdown__item.selected {
   color: #16baaa;
}

.el-button--primary:focus,
.el-button--primary {
   color: #FFF;
   background-color: #16baaa;
   border-color: #16baaa;
}


.el-button--primary:hover {
   background-color: #5dcfc4;
   border-color: #5dcfc4;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
   background-color: #16baaa !important;
}

.el-date-table td span {
   border-radius: 0 !important;
}

.el-date-table td.today span {
   color: #16baaa !important;
   font-weight: 700 !important;
}

.el-date-table td.available:hover {
   color: #16baaa !important;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
   border-color: #16baaa;
}

.el-pager li.active {
   color: #16baaa;
}

.el-button--text {
   color: #16baaa;
}

.el-button--text:hover {
   color: #16baaa;
}

.el-button--text:focus {
   color: #16baaa;
}

.el-popconfirm__action {
   display: flex;
   flex-direction: row-reverse;
}
.el-popconfirm__action .el-button {
   margin-left: 10px;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #c0f4ef !important;
    color: #16baaa !important;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #16baaa;
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #16baaa;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #16baaa;
}

.el-drawer__header {
    box-sizing: border-box;
    padding: 10px 20px;
    font-size: 18px;
    border-bottom: 1px solid #f2f2f2;
    color: #333;
    margin-bottom: 0;
}
.el-loading-spinner i {
   color: #50d5c8;
}

.el-loading-spinner .el-loading-text {
   color: #16baaa;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
   border-color: #16baaa;
}

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
   color: #FFF;
   background-color: #64dfd3;
   border-color: #64dfd3;
}


.el-table {
   font-size: 12px !important;
}

.el-table .el-table__cell {
   padding: 5px 0 !important;
}