::v-deep .el-button--default {
  color: #fff;
  border: 1px solid #1558a4;
  background: #052362;

  &:hover {
    border: 1px solid #106fdc;
  }
}
::v-deep .el-button {
  color: #fff;
  border: 1px solid #1558a4;
  --el-button-bg-color: #052362;

  &:hover {
    border: 1px solid #106fdc;
  }
}
::v-deep .el-button:focus,
::v-deep .el-button:hover {
  background-color: #052362;
}
:v-deep .el-card {
  border: 1px solid #146bbe;
  background: #00143d;
  padding: 10px 0;
}

::v-deep .el-form-item__label {
  color: #fff;
}

::v-deep .el-input__inner {
  background-color: #062a48;
  border: 1px solid #114260;
  color: #fff;

  &:hover {
    border: 1px solid #0065d8;
  }

  &:focus {
    border: 1px solid #1c84fa;
    box-shadow: 0px 0px 8px #0a6bfc;
  }
}
.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: #808596;
  border-color: var(--el-button-disabled-border-color);
}
::v-deep .el-input-group__append {
  // background: #001238;
  // border: 1px solid #03438b;
  background-color: #062a48;
  border: 1px solid #114260;
  color: #fff;
}

::v-deep .el-select:hover:not(.el-select--disabled) .el-input__inner {
  border: 1px solid #0065d8;
}

::v-deep .el-table {
  background-color: rgba($color: #000000, $alpha: 0);
  --el-table-border-color: #0a467e;
  --el-table-row-hover-bg-color: #212e3e;
}

::v-deep .el-table th.el-table__cell {
  background: rgba(6,42,72,.8);
  color: rgb(99, 251, 255);
}

::v-deep .el-table tr {
  // background-color: rgba($color: #000000, $alpha: 0);
}

::v-deep .el-table td.el-table__cell {
  color: #b9beca;
  background: rgba(6,42,72,.8);
  border-top: 1px solid #1f4164;
}

::v-deep .el-pagination button:disabled {
  background-color: transparent;
  color: #84a2be;
}

::v-deep .el-pagination button {
  background-color: transparent;
  color: rgb(255, 255, 255);
}

::v-deep .el-pager li {
  background: transparent;
  color: #8fceff;
}

::v-deep .el-pager li.active {
  background: transparent;
  color: #ffa861;
  border-radius: 50%;
}

::v-deep .el-tree {
  background: transparent;
  color: #24b6dd;
}

::v-deep .el-checkbox {
  color: #fff;
}

// ::v-deep .el-tree-node__content {
//     background: none;
// }

::v-deep .is-focusable {
  background:transparent !important;
}

::v-deep .el-tree-node__label {
  background: #1f4164 !important;
}

::v-deep .el-tree-node__content:hover {
  color: #61f9ff;
  background: transparent;
}

.el-button--default {
  color: #fff;
  border: 1px solid #1558a4;
  background: #052362;

  &:hover {
    border: 1px solid #07376d;
  }
}
::v-deep .el-button--primary {
  background: #1983e5;
  border: 1px solid #1983e5;
  &:hover {
    background: #0084ff;
    border: 1px solid #0084ff;
  }
}
::v-deep .el-dialog__title {
  color: #fff;
}
// ::v-deep .el-dialog__header,
// ::v-deep .el-dialog__body,
// ::v-deep .el-dialog__footer,
// ::v-deep .el-card__body,
// ::v-deep .el-table {
//   // background: #02163b;
//   background: #02163b;
// }
::v-deep .user-main-wrap {
  border: 1px solid #07376d;
}

::v-deep .el-textarea__inner {
  // background: #001238;
  // border: 1px solid #03438b;
  background-color: #062a48;
  border: 1px solid #114260;
  color: #fff;

  &:hover {
    border: 1px solid #0065d8;
  }

  &:focus {
    border: 1px solid #1c84fa;
    box-shadow: 0px 0px 8px #0a6bfc;
  }
}
::v-deep .el-input .el-input__count .el-input__count-inner {
  background: transparent;
  color: #fff;
}
::v-deep .el-textarea .el-input__count {
  background: transparent;
  color: #fff;
}
::v-deep .el-select__popper.el-popper {
  background: #16284c;
  border: #16284c;
}
::v-deep .el-range-input {
  background: transparent;
  color: #fff;
}
::v-deep .el-range-separator {
  color: #fff;
}
::v-deep .el-button--danger {
  background: #f56c6c;
  border: 1px solid #f56c6c;
}
::v-deep .el-tree {
  --el-tree-node-hover-bg-color: #083960;
}
::v-deep .el-tree-node__label {
  background: transparent !important;
}
::v-deep .el-card {
  border: 1px solid #07539a;
  color: #fff;
}
::v-deep .el-collapse {
  background: transparent;
  color: #fff;
  --el-collapse-header-bg-color: transparent;
  --el-collapse-header-text-color: #fff;
  --el-collapse-content-bg-color: transparent;
  --el-collapse-content-text-color: #fff;
  --el-collapse-border-color: #0d3f6e;
}
::v-deep .el-tabs__item {
  color: rgb(206, 208, 220);
}
::v-deep .el-tabs__nav-wrap::after {
  background: #0d3f6e;
}
::v-deep .el-upload--picture-card {
  background-color: #112b63;
  border: 1px dashed #4579b5;
}
::v-deep .el-upload-list--picture-card .el-upload-list__item {
  background-color: #10295b;
  border: 1px solid #19538a;
  color: #ced0dc;
}
.toastui-editor-defaultUI {
  position: relative;
  border: 1px solid #dadde6;
  height: 100%;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial",
    "나눔바른고딕", "Nanum Barun Gothic", "맑은고딕", "Malgun Gothic",
    sans-serif;
  border-radius: 4px;
  background: #fff;
  color: #303133;
}
::v-deep .el-select__popper.el-popper[role="tooltip"] {
  background: #03163c;
}
::v-deep .el-dialog__body {
  padding: 10px 20px;
}
::v-deep .el-pagination__total,
::v-deep .el-pagination__jump {
  color: #bdc7da;
}
::v-deep .el-radio {
  color: rgb(206, 208, 220);
}
::v-deep .el-input-number__decrease,
::v-deep .el-input-number__increase {
  background: #03163c;
}

::v-deep .el-tag {
  background: transparent;
  border: 1px solid #19538a;
  margin: 0 0.2rem;
}
::v-deep .el-select .el-select__tags .el-tag--info {
  background: transparent;
  border: 1px solid #19538a;
  color: #0065d8;
}

// ::v-deep .el-overlay .el-overlay-dialog .el-dialog{
//   border: 1px solid red;
// }
::v-deep .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .tabBox {
  height: 450px;
}
::v-deep .el-date-editor .el-range-separator {
  color: #fcfcfc;
}
::v-deep .el-date-editor .el-range-input {
  color: #ffffff;
}
::v-deep .el-input.is-disabled .el-input__inner {
  background-color: #062a48;
  border: 1px solid #114260;
  // background-color: #001238;
  // border-color: #03438b;
}
::v-deep .el-input-number__decrease {
  border-right: 1px solid #23466d;
}
::v-deep .el-input-number__increase {
  border-left: 1px solid #23466d;
}
.el-input-number.is-disabled ::v-deep .el-input-number__decrease,
.el-input-number.is-disabled ::v-deep .el-input-number__increase {
  border-color: #23466d;
}

::v-deep .el-select {
  width: 100%;
}