.custom-pop-up {
    position: fixed;
    z-index: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow-y: auto;
}

.custom-pop-up--open, .custom-pop-up._open {
    z-index: 999;
    opacity: 1;
    visibility: visible;
}

.custom-pop-up__cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}


.custom-pop-up__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    /*padding: 32px 10px;*/
}

.custom-pop-up__content {
    z-index: auto;
}
.custom-pop-up__content {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
}

.custom-pop-up__close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffff no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M8.64341 6.99901L13.6552 1.99813C13.8747 1.77862 13.998 1.48091 13.998 1.17048C13.998 0.860046 13.8747 0.562331 13.6552 0.342824C13.4358 0.123318 13.1381 0 12.8277 0C12.5173 0 12.2196 0.123318 12.0002 0.342824L7 5.35536L1.99983 0.342824C1.78036 0.123318 1.48268 -2.31288e-09 1.1723 0C0.861913 2.31288e-09 0.56424 0.123318 0.344765 0.342824C0.125289 0.562331 0.00198911 0.860046 0.00198911 1.17048C0.00198911 1.48091 0.125289 1.77862 0.344765 1.99813L5.35659 6.99901L0.344765 11.9999C0.235521 12.1083 0.148811 12.2372 0.0896384 12.3792C0.0304655 12.5213 0 12.6736 0 12.8275C0 12.9814 0.0304655 13.1338 0.0896384 13.2758C0.148811 13.4179 0.235521 13.5468 0.344765 13.6552C0.453117 13.7644 0.582027 13.8512 0.724059 13.9103C0.866091 13.9695 1.01843 14 1.1723 14C1.32616 14 1.47851 13.9695 1.62054 13.9103C1.76257 13.8512 1.89148 13.7644 1.99983 13.6552L7 8.64265L12.0002 13.6552C12.1085 13.7644 12.2374 13.8512 12.3795 13.9103C12.5215 13.9695 12.6738 14 12.8277 14C12.9816 14 13.1339 13.9695 13.2759 13.9103C13.418 13.8512 13.5469 13.7644 13.6552 13.6552C13.7645 13.5468 13.8512 13.4179 13.9104 13.2758C13.9695 13.1338 14 12.9814 14 12.8275C14 12.6736 13.9695 12.5213 13.9104 12.3792C13.8512 12.2372 13.7645 12.1083 13.6552 11.9999L8.64341 6.99901Z' fill='%23B5B5B5'/%3E%3C/svg%3E");
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.custom-pop-up__close:hover {
  background-color: #f0f0f0;
}


.custom-pop-up__title {
    padding: 16px 54px 16px 20px;
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #0b5483;
}

.custom-pop-up__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 4px 20px 20px;
}

.custom-pop-up__inner input[type=checkbox]{
    margin: 0 4px 0 0;
}

.warning-popup__text input[type=checkbox]{
    margin: 0 4px 0 0;
}

.warning-popup {
  color: #383838;
}

.warning-popup__content {
  width: 374px;
  max-width: 100%;
  border-radius: 8px;
  background: #fff;
}

.warning-popup__title {
  margin-top: -2px;
  color: #0b5483;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
}

.warning-popup__text {
  margin: 0 0 25px;
}

.warning-popup__text strong
{
  font-weight: bold;
}

.warning-popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.warning-popup__cancel-btn,
.warning-popup__ok-btn {
  width: calc(50% - 5px);
}

.dark-theme .custom-pop-up__content,
.dark-theme .custom-pop-up__close {
  background-color: #2a2c30;
}

.dark-theme .custom-pop-up__title {
  color: #e9e9e9;
}

.blue-btn,
.cancel-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
    cursor: pointer;
}

.blue-btn {
  background: #80acc9;
  color: #fff;
}

.blue-btn--active {
  background: #518eb7;
}

.blue-btn:hover {
  -webkit-box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
          box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
}

.blue-btn:active {
  background: #479cd3;
}

.blue-btn:disabled {
  pointer-events: none;
}

.blue-btn:disabled,
.blue-btn--not-selected,
.moderation-pop-up__spoller:not(._active) {
  color: #808080;
  background: #e7e7e7;
}

.dark-theme .blue-btn{
    color: #202225;
}

.cancel-btn {
  background: #ebebeb;
  color: #383838;
}

.cancel-btn--active {
  background: #e0dfdf;
}

.cancel-btn:active {
  background: #e0dfdf;
}

.cancel-btn:disabled {
  background: rgb(128, 128, 128);
  pointer-events: none;
}

.warning-popup__text input[type=text]{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
    padding: 5px;
    background-color: inherit;
}

.warning-popup__text #premium_amdin_user {
    height: 30px;
}

.warning-popup__text #premium_amdin_user_find {
    height: 30px;
    background-color: #f5f5f5;
}

.warning-popup__text #premium_amdin_user_find:hover {
    background-color: #e5e5e5;
}

.warning-popup__text #premium_amdin_user_find:active {
    border: 1px solid #8f8f8f;
}

.warning-popup__text input[type=number]{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
    background-color: inherit;
}

.warning-popup__text select{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
    background-color: inherit;
}

.warning-popup__text input[type=button]{
    background-color: #FFFFFF;
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
}

.warning-popup__text textarea{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px;
    background-color: inherit;
}

.warning-popup__text textarea[disabled]{
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
}

.dark-theme .cancel-btn{
    color: #dcdcdc;
    background: #383838;
}

.dark-theme .warning-popup__text input[type=text] {
    margin-top: 5px;
    background: inherit;
    color: #dcdcdc;
    border-color: #a8a8a8;
}

.dark-theme .warning-popup__text select {
    margin-top: 5px;
    background: inherit;
    color: #dcdcdc;
    border-color: #a8a8a8;
}

.dark-theme .warning-popup__text select option {
    background: #2a2c30;
    color: #dcdcdc;
    border-color: #a8a8a8;
}

.dark-theme .warning-popup__text input[type=button] {
    margin-top: 5px;
    background: inherit;
    color: #dcdcdc;
    border-color: #a8a8a8;
}


.dark-theme .warning-popup__text input[type=checkbox]{
    background-color: #383838;
}

.dark-theme .warning-popup__text textarea{
    background-color: inherit;
    border: 1px solid #6b6b6b;
    border-radius: 4px;
    margin-top: 5px;
    color: #FFFFFF;
}

.dark-theme .warning-popup__text textarea[disabled]{
    background-color: #3f3f3f;
}

.system-messages {
  position: fixed;
  z-index: 10000;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: #383838;
  line-height: 20px;
}

.system-messages * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.system-messages__item {
  cursor: pointer;
  z-index: 5;
  width: 360px;
  max-width: calc(100% - 30px);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.system-messages__item--info .system-messages__item-inner {
  border-color: #1b5e88;
}

.system-messages__item--success .system-messages__item-inner {
  border-color: #69913b;
}

.system-messages__item--attention .system-messages__item-inner {
  border-color: #fdae02;
}

.system-messages__item--error .system-messages__item-inner {
  border-color: #c3342c;
}

.system-messages__item--visible {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 10px 0 40px;
}

.system-messages__item-inner {
  background: #fff;
  padding: 20px 20px 20px 25px;
  border-left: 6px solid;
  border-radius: 6px;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}

.system-messages__title {
  font-weight: 700;
}

.system-messages__link {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.dark-theme .wrapper,
.dark-theme .system-messages__item-inner {
  background: #202225;
}

.dark-theme .system-messages__text,
.dark-theme .system-messages__title {
  color: #e9e9e9;
}

@media (min-width: 390px) {
  .system-messages__item {
    max-width: none;
  }
}

@media (min-width: 767.98px) {
  .system-messages {
    right: 40px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: auto;
  }

}