/* ASK CENTRAL BUTTON */
#kapa-widget-container .mantine-Text-root {
  color: #0D0D0D !important;
}

#kapa-widget-container .mantine-Button-root {
  background-color: #edeef8 !important;
  border: 1px solid #6d7ac5;
}

#kapa-widget-container .mantine-Text-root {
  text-shadow: unset !important;
}

#kapa-widget-container .mantine-Button-root:hover {
  background-color: #B6BCE2 !important;
}

#kapa-widget-container .mantine-Button-root:focus {
  background-color: #DBDEF0 !important;
  border: 1px solid #000000 !important;
}

#kapa-widget-container .mantine-Button-root:hover:focus {
  background-color: #B6BCE2 !important;
  border: 1px solid #000000;
}

#kapa-widget-container .mantine-Button-root:disabled {
  background-color: #2C366D !important;
}

#kapa-widget-container .mantine-Button-root .mantine-Text-root {
  font-size: 14px !important;
}

/* MODAL */
.mantine-Modal-root .mantine-Modal-content {
  flex: 0 0 850px;
}

.mantine-Modal-root h3, h4, h5 {
  color: #0d0d0d !important;
}

.mantine-Modal-root .mantine-Title-root {
  font-size: 22px;
}

.mantine-Modal-root .mantine-Group-root > .mantine-Text-root {
  padding: 5px 15px;
  color: #0d0d0d !important;
}

.mantine-Modal-root .mantine-Modal-body .mantine-Group-root .mantine-Button-label {
  color: #0d0d0d !important;
}

.mantine-Modal-root .mantine-Modal-body .mantine-Group-root .mantine-UnstyledButton-root {
  color: #0d0d0d !important;
  border: 1px solid #0d0d0d;
}

.mantine-Modal-root .mantine-Modal-body .mantine-Text-root {
  color:  #0d0d0d !important;
}

.mantine-Modal-root .mantine-Stack-root :nth-child(2) {
  background-color: rgb(237, 238, 248) !important;
  height: 25px !important;
}

.mantine-Modal-root .mantine-Stack-root :nth-child(2) div {
  background: linear-gradient(90deg, transparent, rgb(255, 255, 255), rgb(51, 194, 255), rgb(255, 255, 255), transparent) !important;
}

.mantine-Modal-root .mantine-InputWrapper-root .mantine-ActionIcon-root {
  background-color: #0459C8 !important;
}
.mantine-Modal-root .mantine-InputWrapper-root .mantine-Textarea-input {
  border-color: #999999 !important;
}

.mantine-Modal-root .mantine-InputWrapper-root .mantine-Textarea-input::placeholder {
  color: #808080;
}

/* Modal QUESTIONS*/
.mantine-Modal-root .mantine-Grid-root .mantine-Grid-col .mantine-Button-root {
  background: transparent !important;
  border-color: #808080 !important;
  height: 100% !important;
}

.mantine-Modal-root .mantine-Grid-root .mantine-Grid-col .mantine-Button-label {
  color: #0D0D0D !important;
  font-size: 16px !important;
  line-height: 24px;
  white-space: break-spaces !important;
  text-align: center;
}

@media (min-width: 48em) {
  .mantine-Modal-root .mantine-Grid-root .mantine-Grid-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    -webkit-box-flex: 0 !important;
  }
}

/* Modal FEEDBACK*/
.mantine-Popover-dropdown form .mantine-Button-root {
  background-color: #0459C8 !important;
}
