/* -------------@vue------------ */
[v-cloak] {
  display: none !important;
}

/* ------------@reset---------- */
input:focus,
textarea:focus,
input:hover,
textarea:hover {
  border-color: #56BEB2 !important;
}

button {
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
}

div.primary-button {
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #56BEB2;
  border-radius: 3px;
  color: #56BEB2;
  font-size: 16px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}

div.primary-button:hover {
  color: #FFF;
  background-color: #56BEB2 !important;
  border-color: #56BEB2;
}

span.primary-text {
  color: #56BEB2;
  cursor: pointer;
}

span.primart-text:hover {
  color: #18B799;
}

/* button.primary:focus {
  border-color: #56BEB2;
  background-color: transparent !important;
  color: #56BEB2;
} */

.el-button:focus,
.el-button:hover {
  color: rgb(86, 190, 178);
  background-color: rgb(86, 190, 178, .1);
  border-color: rgb(86, 190, 178, .6);
}

.el-button--primary {
  color: #FFF;
  background-color: #56BEB2;
  border-color: #56BEB2;
}

.el-button--primary:focus,
.el-button--primary:hover {
  color: #FFF;
  background-color: #18B799;
  border-color: #18B799;
}

.container {
  width: 1200px;
  font-size: 14px;
  color: #262626;
}

.container-right {
  float: right;
  width: 1000px;
  min-height: 640px;
  background-color: #fff;
  box-shadow: 0px 0px 19px 0px rgba(217, 217, 217, 0.2);
}

.container-right a {
  color: #56BEB2;
  cursor: pointer;
}

.container-right a:hover {
  color: #18B799;
}

div.primary-button a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

div.primary-button a:hover {
  color: #fff;
}

.el-radio__inner:hover {
  border-color: #56BEB2;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #56BEB2;
  background-color: #fff;
}

.el-radio__inner::after {
  width: 8px;
  height: 8px;
  background-color: #56BEB2;
}

.el-radio__input.is-checked+.el-radio__label,
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #595959;
}

.el-radio {
  margin-right: 24px;
}

.el-table,
.el-table thead,
.el-form-item__label {
  color: #595959;
}

.el-tabs__item {
  color: #262626;
}

.el-tabs__item.is-active,
.el-tabs__item:hover,
.el-tabs__item:focus {
  color: #56BEB2;
}

.el-table thead th,
.el-table thead tr {
  background: #F8FAF9;
}

.el-table tbody td,
.el-table tbody th {
  padding: 8px 0;
}

.el-tabs__item.is-active {
  border-top: 2px solid #56BEB2;
}

.el-pagination {
  text-align: right;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #56BEB2;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #56BEB2;
  color: #fff;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  color: #595959;
  background-color: #fff;
}

.el-pager li,
.el-pager li.active+li {
  border: 1px solid #D9D9D9;
}

.el-loading-spinner .path {
  stroke: #56BEB2;
}

.el-button--text {
  padding: 0;
}

.el-button--text,
.el-button--text:focus {
  color: #56BEB2;
  border-color: transparent !important;
  background-color: transparent !important;
}

.el-button--text:hover {
  color: #18B799;
  border-color: transparent !important;
  background-color: transparent !important;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span,
.el-date-table td.today span,
.el-date-table td.available:hover {
  color: #56BEB2;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #56BEB2;
  color: #fff;
}

.el-select-dropdown__item.selected {
  color: #56BEB2;
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
  color: #56BEB2;
}

.el-dialog {
  margin-top: 25vh !important;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #56BEB2;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #56BEB2;
  border-color: #56BEB2;
}

.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__inner:hover {
  border-color: #56BEB2;
}

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

.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: #56BEB2;
}