.toastui-editor-defaultUI .toastui-editor-close-button {
  border: none !important;
  background-color: #ffffff !important;
  color: #333333 !important;
  border-radius: 5px !important;
}

.toastui-editor-popup-color {
  border-radius: 10px !important;
}

.toastui-editor-defaultUI .toastui-editor-close-button:hover {
  background-color: #ebebeb !important;
}

.toastui-editor-popup-add-image .toastui-editor-file-name {
  height: 31px !important;
}

.toastui-editor-defaultUI .toastui-editor-ok-button,
.toastui-editor-popup-color button {
  background-color: #262626 !important;
  border: 1px solid #262626 !important;
  color: #f5f5f5 !important;
  border-radius: 5px !important;
}

.vs-notification__content__header h4 {
  color: #f5f5f5 !important;
}

.style .ant-input:focus,
.style .ant-input-number:focus,
.style .ant-input-number:hover,
.style .ant-input:hover {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.style .ant-select:hover,
.style .ant-select:focus,
.style .ant-select-selection:focus,
.style .ant-select-selection:hover,
.style .ant-select-open .ant-select-selection {
  border-color: #333333 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.toastui-editor-popup-body input[type="text"]:focus {
  outline: 1px solid #333333 !important;
}

.ant-input-number {
  width: 100% !important;
}

.no-handle .ant-input-number-handler-wrap {
  display: none !important;
}

.style input {
  background-color: white;
  width: 100%;
  height: 100%;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 9px 14px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}

.style.dark input {
  background-color: #f1f1f1;
}

.style .el-select .el-input__inner {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}

.style .auto input {
  min-height: 44px;
  height: 100%;
}

.style textarea {
  overflow-y: scroll !important;
  padding-right: 50px;
}

.tui-colorpicker-palette-preview {
  margin-left: 10px !important;
}

.toastui-editor-popup-body input[type="text"].tui-colorpicker-palette-hex {
  padding: 15px 5px !important;
}

.toastui-editor-popup-body input[type="text"]:not(.tui-colorpicker-palette-hex) {
  background-color: white;
  width: 100%;
  height: 44px !important;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 9px 14px !important;
  box-sizing: border-box !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 4px !important;
}

.style .a-select input {
  background-color: white;
  width: 100%;
  height: 100%;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
  border: none;
}

.style .a-select .ant-select-selection__placeholder {
  margin-left: 11px;
}

.style .a-select input:focus {
  border: none !important;
}

.style2 .ant-select-selection {
  padding-bottom: 8px;
  padding-top: 6px;
}

.style .invalid input,
.style .invalid .ant-input:hover,
.style .invalid input:focus,
.style .invalid input:hover {
  border: 1px solid #f24b17 !important;
}

.style .ant-input:hover,
.style input:focus,
.style input:hover,
.style textarea:focus,
.style textarea:hover {
  border: 1px solid #333333;
  outline: none;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}

.style .el-select .el-input__inner:hover,
.style .el-select .el-input.is-focus .el-input__inner,
.style .el-select:hover .el-input__inner {
  border: 1px solid #333333;
  outline: none;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}

.style .ant-input-number:hover {
  outline: none;
  border: none !important;
}

.ant-calendar-picker-input.ant-input:hover {
  border: 1px solid #333333 !important;
}

.ant-slider-track {
  background-color: #333333 !important;
}

.ant-slider-handle {
  border: solid 2px #333333 !important;
}

.ant-checkbox-checked::after {
  border: 1px solid #333333 !important;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #333333 !important;
}

.ant-checkbox-checked .ant-checkbox-inner {
  background: #333333 !important;
}

.ant-checkbox-checked .ant-checkbox-inner {
  border-color: #333333 !important;
}

.ant-switch-checked {
  background-color: #333333 !important;
}

.stylex .ant-radio-inner::after {
  background-color: #3e5bf1;
}
.stylex .ant-radio-checked .ant-radio-inner {
  border-color: #3e5bf1;
}

.vs-notification-parent--bottom-center {
  left: 52% !important;
  -webkit-transform: translate(-52%) !important;
  transform: translate(-52%) !important;
}

.stylex .ant-select-search__field__wrap .ant-select-search__field {
  border: none !important;
}

.stylex2 .ant-select-selection {
  border-top: 1px solid #f7f9fa !important;
  border-left: 1px solid #f7f9fa !important;
  border-right: 1px solid #f7f9fa !important;
  border-bottom: 1px solid #eaeaea !important;
  background-color: #f7f9fa !important;
  border-radius: 0;
}

.stylex2 .ant-select-focused .ant-select-selection,
.stylex2 .ant-select-selection:focus,
.stylex2 .ant-select-selection:active,
.stylex2 .ant-select:hover,
.stylex2 .ant-select-selection:hover {
  border-top: 1px solid #f7f9fa !important;
  border-left: 1px solid #f7f9fa !important;
  border-right: 1px solid #f7f9fa !important;
  background-color: #f7f9fa !important;
  border-bottom: 0.5px solid #333333 !important;
  box-shadow: none !important;
}

.ant-modal-content {
  border-radius: 10px !important;
}

.ant-btn-primary {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  margin-top: -12px !important;
}

.user-table tbody tr {
  cursor: pointer;
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  padding-bottom: 10px !important;
}

.ant-table-thead
  > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td,
.ant-table-tbody
  > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #f0f2f2 !important;
}

.ant-table-thead {
  background-color: #f4f6f8;
}

.ant-table-thead > tr > th {
  color: #637381 !important;
}
.ant-table {
  color: #212b36 !important;
}

.height-css ::-webkit-scrollbar {
  height: 0 !important;
  width: 10px !important;
  background-color: #e8e8e9 !important;
  display: block;
}

.height-css ::-webkit-scrollbar-thumb,
.width-css ::-webkit-scrollbar-thumb {
  background-color: #2f3242 !important;
  border: 5px solid #2f3242 !important;
  border-radius: 10px;
}

.width-css ::-webkit-scrollbar {
  height: 10px !important;
  width: 0 !important;
  background-color: #e8e8e9 !important;
  display: block;
}

.adjust-css .ant-table-body {
  margin-top: 10px;
}

.both-css ::-webkit-scrollbar {
  height: 10px !important;
  width: 10px !important;
  background-color: #e8e8e9 !important;
  display: block;
}

.both-css ::-webkit-scrollbar-thumb {
  background-color: #2f3242 !important;
  border: 5px solid #2f3242 !important;
  border-radius: 10px;
}

.both-css {
  position: relative;
  width: 100%;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.both-css.hide {
  width: calc(100vw - 80px);
}

/*.ant-drawer-body {*/
/*  padding-left: 15px !important;*/
/*  padding-right: 15px !important;*/
/*}*/

.fit .ant-drawer-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

.ant-pagination-item-active {
  border-color: #333333 !important;
}

.ant-pagination-item-active a {
  color: #333333 !important;
}

.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  border: 1px solid #a6a6a6 !important;
}

.el-message {
  border: 1px solid transparent;
  border-radius: 10px !important;
  font-size: 30px;
  box-shadow:
    rgba(54, 79, 199, 0.08) 0px 8px 36px,
    rgba(0, 0, 0, 0.1) 0px 12px 48px;
  z-index: 2102 !important;
}

.el-message__content {
  font-size: 16px;
}

.el-message--success {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

.el-message--error .el-message__closeBtn.el-icon-close {
  color: #f56c6c !important;
}

.el-message__icon.el-icon-success {
  color: lawngreen !important;
}

.el-message--success .el-message__content {
  color: white !important;
}

.ant-badge-count,
.ant-badge-dot {
  box-shadow: 0 0 0 1px #f5222d !important;
}

.vc-arrows-container {
  justify-content: flex-start !important;
}

.ant-tabs-tab {
  color: #637381;
  font-weight: 600;
}

.ant-tabs-bar {
  border-bottom: none !important;
}

.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #000000 !important;
}

.ant-tabs-nav .ant-tabs-tab {
  font-weight: bold;
}

.ant-tabs-ink-bar {
  background-color: #000000 !important;
}

::placeholder {
  color: #c3c3c3;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #c3c3c3;
}

.el-select__wrapper.is-focused,
.el-select__wrapper:hover {
  border: 1px solid #333333;
  box-shadow: none !important;
}

.el-select__wrapper {
  border: 1px solid #e7e7e7;
  box-shadow: none !important;
  height: 40px;
}

.dark .el-select__wrapper {
  background-color: #f1f1f1;
}

.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus,
.el-select:hover .el-input__inner {
  border-color: #333333 !important;
}

.el-select-dropdown__item {
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: auto !important;
}

.el-dropdown-menu__item {
  color: #606266 !important;
  width: 180px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ant-dropdown-menu-item:hover,
.el-dropdown-menu__item:hover {
  background-color: #e7e7e5 !important;
}
.el-dropdown {
  width: 100%;
}

.big .el-radio.is-bordered {
  height: 44px !important;
  padding-top: 15px !important;
}

.el-radio.is-bordered.is-checked {
  border-color: #333333 !important;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #333333 !important;
}

.el-radio__inner:hover {
  border-color: #333333 !important;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #333333 !important;
  background: #333333 !important;
}

.cdx-checklist__item--checked .cdx-checklist__item-checkbox-check {
  background: #333333 !important;
  border-color: #333333 !important;
}

.cdx-checklist__item-checkbox-check:before {
  background-color: #333333 !important;
}

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #333333 !important;
}

.ant-upload.ant-upload-drag {
  padding-top: 20px;
  padding-bottom: 20px;
}

.info .el-dialog__header,
.full .el-dialog__header {
  display: none;
}

.info .el-dialog.el-dialog--center {
  border-radius: 10px;
}

.full .el-dialog {
  border-radius: 10px;
}

.fit .el-dialog__body {
  padding: 0 !important;
}

@media (max-width: 900px) {
  .el-message {
    width: calc(100vw - 30px) !important;
    min-width: calc(100vw - 30px) !important;
    top: 7% !important;
  }
}

.text-center .ant-tag {
  margin: 0 auto;
}

.ant-select-selection--multiple {
  min-height: 44px !important;
  padding: 6px 14px 9px 1px;
  cursor: text;
  zoom: 1;
}

.ant-select-selection__choice__content {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
  font-size: 12px;
}

.style .a-select .ant-select-selection__choice__remove {
  background-color: #c0c4cc;
  border-radius: 50%;
  font-size: 10px !important;
  padding: 2px 2px 1px;
  line-height: 0 !important;
  color: #92949a;
  margin-top: 4px;
}

/*.style .a-select .ant-select-search__field{*/
/*  width:100% !important;*/
/*}*/

.ant-select-dropdown {
  z-index: 2100 !important;
}

.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item-selected
  .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple
  .ant-select-dropdown-menu-item-selected:hover
  .ant-select-selected-icon {
  color: #333333 !important;
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e8eaec !important;
}

.el-drawer__body {
  background-color: white;
}

.el-dialog__body {
  padding: 15px !important;
}

.el-badge__content,
.el-progress.is-exception .el-progress-bar__inner {
  background-color: #333333 !important;
}

.sub-drop.ant-dropdown-content {
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 20px;
  width: 300px;
  height: 100%;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

.ant-tag:not(.round) {
  border-radius: 16px !important;
  font-weight: 800;
}

.ant-tag.round {
  border-radius: 4px !important;
  font-weight: 800;
}

.el-select-dropdown__item.selected {
  color: #333333 !important;
  font-weight: 700;
}

.codex-editor__redactor {
  padding-top: 5px;
  padding-bottom: 30px !important;
}

.ant-spin-dot-item {
  background-color: #333333 !important;
}

.ce-popover__items {
  overflow-y: hidden !important;
}

.el-input.is-disabled .el-input__inner {
  background-color: #faf9f9 !important;
  border-color: #d7d7d7 !important;
  color: #333333 !important;
  opacity: 1 !important;
}

.ant-input[disabled] {
  color: #333333 !important;
  background-color: #faf9f9 !important;
}

.ant-input-number.ant-input-number-focused,
.ant-input-number:hover {
  box-shadow: none !important;
  outline: none;
  border-color: #333333 !important;
}

.ant-input-number {
  border: 1px solid #e7e7e7;
  height: 40px !important;
  background-color: #f1f1f1;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 4px 14px 9px;
  box-sizing: border-box;
  border-radius: 4px;
}

input[disabled="disabled"] {
  color: #333333 !important;
  cursor: not-allowed;
  background-color: #faf9f9 !important;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.fit .main {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}