.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,
.style input:not(.el-select__input):focus:not(.el-input__inner):focus,
.style input:not(.el-select__input):hover:not(.el-input__inner):hover {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.style .ant-select-selector {
  min-height: 44px !important;
  height: 100%;
  box-shadow: none !important;
}

.ant-select-dropdown .ant-select-item-option-selected {
  background-color: #f0f2f2 !important;
}

.ant-input-number {
  border: none !important;
  width: 100% !important;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #333333 !important;
}

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

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #333333 !important;
}

.ant-input-affix-wrapper {
  padding: 0 !important;
  padding-right: 10px !important;
  border-radius: 8px !important;
}

.style input:not(.el-select__input):not(.el-input__inner),
.style textarea:not(.handsontableInput) {
  background-color: #ffffff;
  width: 100%;
  height: 44px;
  margin: 0;
  font-weight: bold !important;
  font-size: 16px;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 9px 14px;
  box-sizing: border-box;
  border-radius: 6px;
}

.style.center input:not(.el-select__input):not(.el-input__inner),
.style.center textarea:not(.handsontableInput) {
  text-align: center;
}

.style.right input:not(.el-select__input):not(.el-input__inner),
.style.right textarea:not(.handsontableInput) {
  text-align: right;
}

.border textarea:not(.handsontableInput),
.border input:not(.el-input__inner):not(.el-select__input) {
  border: 1px solid #d9d9d9 !important;
}

.border input.el-input__inner,
.border input.el-input__inner:focus,
.border input.el-input__inner:hover {
  border: none !important;
}

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

.style.search .ant-input-affix-wrapper {
  border-radius: 20px !important;
}

.style.search .ant-input-prefix {
  margin-left: 15px !important;
}

.style.field input:not(.el-input__inner):not(.el-select__input) {
  height: 44px;
}

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

.style textarea:not(.handsontableInput) {
  overflow-y: scroll !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;
}

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

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

.style.answer2 input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #333333 !important;
  border-radius: 0 !important;
  padding-bottom: 0 !important;
}

.style.answer2 .ant-input:hover,
.style.answer2 input:focus,
.style.answer2 input:hover {
  border-bottom: 2px solid #5d5fef !important;
}

.style.answer2.ok2 input,
.style.answer2.ok2 .ant-input:hover,
.style.answer2.ok2 input:focus,
.style.answer2.ok2 input:hover {
  border-bottom: 2px solid #5d5fef !important;
}

.style.answer2.fail2 input,
.style.answer2.fail2 .ant-input:hover,
.style.answer2.fail2 input:focus,
.style.answer2.fail2 input:hover {
  border-bottom: 2px dashed #ff0000 !important;
}

.style.answer.fail input,
.style.answer.fail .ant-input:hover,
.style.answer.fail input:focus,
.style.answer.fail input:hover {
  border: 2px dashed #ff0000 !important;
}

.style.answer.ok input,
.style.answer.ok .ant-input:hover,
.style.answer.ok input:focus,
.style.answer.ok input:hover {
  border: 2px solid blue !important;
}

.style .ant-input:hover,
.style input:not(.el-select__input):focus:not(.el-input__inner):focus,
.style input:not(.el-select__input):hover:not(.el-input__inner):hover {
  border: none;
  outline: none;
  box-shadow: none !important;
}

.style .ant-input-affix-wrapper:focus,
.style .ant-input-affix-wrapper-focused {
  outline: none;
  box-shadow: none !important;
}

.style textarea:focus:not(.handsontableInput),
.style textarea:hover:not(.handsontableInput) {
  border: 1px solid #333333 !important;
  outline: none;
  box-shadow: none !important;
}

.style.border input:focus(.el-input__inner),
.style.border input:hover(.el-input__inner) {
  border: 1px solid #333333 !important;
  outline: none;
  box-shadow: none !important;
}

.style .ant-input-number:hover {
  outline: none;
  border: none !important;
}
.el-button.is-plain {
  background-color: #333333 !important;
  color: white !important;
  border-radius: 5px !important;
}

.ant-input-number.ant-input-number-focused {
  box-shadow: none !important;
  outline: none;
}

.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__wrapper {
  min-height: 44px !important;
}
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px #333333 inset !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-checkbox-indeterminate .ant-checkbox-inner:after {
  background-color: #333333 !important;
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #ffffff !important;
}

.ant-checkbox-disabled .ant-checkbox-inner {
  background: #d8d1d1 !important;
}

.ant-checkbox-disabled .ant-checkbox-inner {
  background: #bdbdbd !important;
  border-color: #bdbdbd !important;
}

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

.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;
}

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

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

.height-css .remove-thumb ::-webkit-scrollbar {
  height: 0 !important;
  width: 0 !important;
  display: none;
}

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

.height-white-css ::-webkit-scrollbar-thumb {
  background-color: #ffffff !important;
  border: 5px solid #ffffff !important;
  border-radius: 10px;
}

.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);
}

.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: 3000 !important;
}

.el-message__content {
  font-size: 16px;
  line-height: 1.2 !important;
  font-weight: 700;
  width: 100%;
}

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

.el-message--error .el-message__closeBtn {
  color: #f56c6c !important;
}
.el-message--success .el-message__closeBtn {
  color: #ffffff !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;
}

.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: #ffffff !important;
}

.ant-tabs-tab-btn {
  color: #c4c4c4 !important;
  font-weight: 400;
  font-size: 20px;
}

.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff !important;
  font-weight: 600 !important;
}

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

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

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

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

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

.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;
}

.el-select-dropdown__item.is-selected {
  color: #333333 !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;
}

.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 {
  border: 1px solid #333333;
  border-radius: 50%;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #333333 !important;
  background: #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;
}

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

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

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

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

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

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

.lock .el-drawer__body {
  overflow: hidden !important;
}

.info .el-drawer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.fit.wrap .el-drawer__header {
  margin-bottom: 0 !important;
}

@media (max-width: 800px) {
  .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: #faf9f6;
  color: #222;
}

.blue .el-drawer__body {
  background-color: #007cf3 !important;
  color: white !important;
}

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

.el-badge:not(.classic) .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;
}

.ant-spin-dot-item {
  background-color: #333333 !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;
}

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

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

.el-menu {
  border-right: none !important;
  background-color: #333333 !important;
  font-weight: 500;
}

.el-menu-item:not(.is-disabled):not(.is-active):hover,
.el-sub-menu__title:hover {
  background-color: #49494a !important;
  color: white !important;
  border-radius: 5px;
}

.el-menu-item.is-active {
  color: #333333 !important;
  /*background-color: #fae100 !important;*/
  background-color: #d5d5d5 !important;
}
.el-sub-menu__title,
.el-menu-item {
  color: white !important;
}

.el-menu-item,
.el-sub-menu__title {
  border-radius: 5px;
  color: white;
}

.el-menu-item {
  margin-bottom: 2px;
}

.ant-collapse-header-text {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.ant-select-selection-search {
  width: 100% !important;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px #333333 inset !important;
}

.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text,
.el-month-table td.end-date .el-date-table-cell__text,
.el-month-table td.start-date .el-date-table-cell__text {
  background-color: #333333 !important;
}

.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px #333333 !important;
}

.el-input__wrapper {
  box-shadow: 0 0 0 1px #dddfe6 !important;
}

.el-input-tag.is-focused {
  box-shadow: none !important;
}

.el-input-tag.el-input-tag__wrapper {
  padding: 10px !important;
  box-shadow: none !important;
}

.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  background-color: #333333 !important;
}

.el-month-table td.today .el-date-table-cell__text {
  color: #333333;
}

.el-month-table td.today.end-date .el-date-table-cell__text,
.el-month-table td.today.start-date .el-date-table-cell__text {
  color: white !important;
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  background-color: #333333 !important;
  color: white !important;
}

.el-time-panel__btn.confirm {
  color: #333333 !important;
}

.el-drawer__close-btn:focus i,
.el-drawer__close-btn:hover i {
  color: #333333 !important;
}

.el-card {
  border-radius: 10px !important;
}

.el-card__body {
  padding: 0 !important;
}

.fit .el-card__header {
  height: 50px !important;
}

.el-select-dropdown__wrap {
  max-width: calc(100vw - 250px);
}

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

.htDropdownMenu,
.htContextMenu {
  z-index: 3010 !important;
}
.htDimmed {
  color: #0027bc !important;
  background-color: #f4f2f2 !important;
}

.invisible .el-dialog {
  background-color: #ffffff00 !important;
  box-shadow: none !important;
}

.date-input input {
  background-color: #ffffff;
  border-radius: 8px !important;
  border: none !important;
  color: #333333 !important;
  width: 100%;
  height: 44px;
  margin: 0;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-weight: 600;
  font-size: 16px;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-align: center;
}

.date-input input:focus {
  background-color: #b5b5b5;
}

.vc-bordered {
  width: 100% !important;
  border: none !important;
  background: #faf9f6 !important;
}

.ant-tag {
  font-size: 18px !important;
  padding: 5px 15px !important;
}

.ant-popover{
    max-width:70vw;
}

.ant-popover-title{
    font-weight: 700 !important;
    font-size: 18px !important;
}