:root {
  --nt-primary: #2C6961;
}

@keyframes rotate_loader {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.ld-rot {
  animation: rotate_loader .5s infinite ease-in-out;
}
.ld-loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid #FFFFFF33;
  border-top-color: #FFFFFF;
  border-radius: 50%;
  animation: rotate_loader .5s infinite ease-in-out;
} 

.ld-loader.primary {
  border: 3px solid #2C696133;
  border-top-color: #2C6961;
}
.ld-loader.x2 {
  width: 40px;
  height: 40px;
  border-width: 6px;
}

.ld-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255);
  opacity: 0.5;
  z-index: 9;
  user-select: none;
  /* pointer-events: none; */
}
.ld-overlay.x2 {
  background-color: rgba(255, 255, 255);
  opacity: 0.6;
}
.ld-overlay.x3 {
  background-color: rgba(255, 255, 255);
  opacity: 0.7;
}
.ld-overlay.x4 {
  background-color: rgba(255, 255, 255);
  opacity: 0.8;
}
.ld-overlay.x5 {
  background-color: rgba(255, 255, 255);
  opacity: 0.95;
}
.ld-overlay.front {
  z-index: 99999 !important;
}

button.disabled {
  opacity: 0.5 !important;
  cursor: default !important;
  pointer-events: none;
}

#global_alert {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 9999;
  border: none;
  border-radius: 0;
  padding: 20px;
  color: #fff;
  text-align: center;
  transition: 0.4s top;
  font-size: 14px;
}
#global_alert.success {
  background: green;
}
#global_alert.error {
  background: crimson;
}
#global_alert.open {
  top: 0;
  transition: 0.3s top;
}
#global_alert.c-toast {
  width: 300px;
  top: 50px !important;
  left: auto;
  right: -305px;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #00000033;
  transition: 0.05s right cubic-bezier(0.175, 0.885, 0.48, 1.275);
}
#global_alert.c-toast.open {
  top: 50px !important;
  right: 25px;
  transition: 0.3s right cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.d-none {
  display: none !important;
}





.notes-block {
  padding: 15px !important;
  max-width: 450px;
}
.nt-header {
  display: flex;
  gap: 10px;
}
.nt-header h2 {
  color: #000000;
  font-size: 16px !important;
  font-weight: 500;
  margin-bottom: 15px;
}
.nt-header svg {
  margin-top: 2px;
}
.nt-body {
  padding: 0px 8px;
}
.nt-body .nt-list>div {
  border-bottom: 1px solid #d6d9dd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.nt-body .nt-list>div p {
  word-wrap: break-word;
  margin: 0;
  margin-bottom: 10px;
  min-height: 14px;
}
.nt-body .nt-list>div ul {
  padding-left: 30px;
  list-style: initial;
}
.nt-body .nt-list>div:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.nt-actions {
  margin-top: 20px;
}
.nt-actions button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--nt-primary);
  border-color: var(--nt-primary);
  padding: 5px 20px 5px 20px;
  border-radius: 20px;
}

.ql-toolbar.ql-snow {
  border-radius: 10px 10px 0 0;
  border-color: #d6d9dd;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-radius: 0 0 10px 10px;
  border-color: #d6d9dd;
}
.ql-container.ql-snow .ql-editor {
  font-size: 14px;
  font-family: Sora;
}

.nt-body .fr-toolbar .fr-command.fr-btn, .nt-body .fr-popup .fr-command.fr-btn, .nt-body .fr-modal .fr-command.fr-btn {
  height: 30px;
}

.nt-body .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .nt-body .fr-popup .fr-command.fr-btn.fr-dropdown:after, .nt-body .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  top: 13px;
}

.nt-body .fr-toolbar .fr-command.fr-btn svg.fr-svg {
  height: 20px !important;
  margin: 2px !important;
}


.nt-body button[data-cmd="moreMisc"] {
  display: none !important;
}
.nt-body button[data-cmd="moreText"] {
  display: none !important;
}
.nt-body button[data-cmd="formatOLSimple"] {
  display: none !important;
}
.nt-body button[data-cmd="formatOL"] {
  display: none !important;
}
.nt-body button[data-cmd="formatOLOptions"] {
  display: none !important;
}
.nt-body button[data-cmd="moreParagraph"] {
  display: none !important;
}
.nt-body .fr-toolbar .fr-btn-grp {
  margin: 0 !important;
} 


.nt-body .nt-add {
  width: fit-content;
  margin-left: auto;
}
.nt-body .fr-logo, .nt-body #fr-logo {
  display: none !important;
}
.nt-body .fr-wrapper>div[style] {
  display: none !important;
}

/* .nt-body .wp-editor-tabs {
  display: none;
} */