.username-disabled {
  cursor: default;
  color: grey;
}

.username-disabled:hover {
  text-decoration: none;
}

.cooperation_offer_hide {
  display: none;
}

.cke_combopanel {
  width: 300px !important;
}

#copy_google_address:hover {
  cursor: pointer;
  text-decoration: none;
}

#copy_google_address {
  margin-left: 10px;
  color: red;
  text-decoration: underline;
}

#edit-mail {
  text-transform: lowercase;
}

.mp-add-element {
  display: inline;
  margin-bottom: 5px;
}
.mp-add-element label {
  display: inline;
}

.mp-add-button {
  display: inline !important;
  margin-bottom: 1em;
}

.webform-element-type-hidden {
  display: none;
}

.js-webform-type-fieldset .alert-success,
.js-form-wrapper .alert-success {
  display: none;
}

.field--name-field-komentars {
  width: 510px;
}

.field--name-field-komentars ul,
.ck-content ul,
.seven-details__wrapper table ul {
  margin: 0.25em 0 0.25em 2em;
  padding: 0;
}

.ck-editor {
  font-size: 15px;
  font-family: Arial, Verdana, sans-serif;
  color: #000;
}

.ck-content p.warning {
  display: flex;
  align-items: center;
  gap: 4px;
  &::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url("/themes/custom/magnetic/img/error.svg");
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding: 0.5rem;
    background-color: #fee2e2;
    border-radius: 9999px;
  }
}

.ck.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: wrap;
}

.ck-file-dialog-button {
  display: none;
}

.ck-powered-by {
  display: none;
}

.ui-menu {
  background: white;
  & .ui-menu-item-wrapper:hover {
    background: #0071b8;
  }
}

#field-status-wrapper {
  display: grid;
  grid-template-columns: 1fr 10fr;
  grid-gap: 1rem;
}

#field-status-wrapper .form-type-select {
  margin: 0;
}

.field-deadline-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.field-deadline-wrapper h4 {
  flex: 1 0 100%;
  margin-bottom: 3px;
}

.field-deadline-wrapper .form-item {
  margin: 0;
}

.field-deadline-wrapper .container-inline {
  margin-right: 1rem;
}

.field-deadline-wrapper .form-type-checkbox {
  position: relative;
}

.field-deadline-wrapper .form-type-checkbox .description {
  display: none;
  user-select: none;
}

.field-deadline-wrapper .form-type-checkbox:hover .description {
  display: block;
  position: absolute;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
  padding: 1rem;
  width: 210%;
  top: 25px;
  left: -32px;
  z-index: 1;
  text-align: left;
  background-color: #1e2021;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
}

.field-deadline-wrapper .form-type-checkbox:hover .description:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1e2021;
  right: 11rem;
  top: -12px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }

  100% {
    opacity: 100%;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

.button:disabled:hover {
  cursor: default;
  color: #5c5c5c;
  border-color: #d4d4d4 !important;
  background: #ededed !important;
  box-shadow: none;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
  font-weight: normal;
}