﻿.k-form-hint,
.k-form-error {
  font-size: 0.875rem;
}

.form-wrapper.organization-request {
  display: flex;
  flex-direction: column-reverse;
  height: 76vh;
  justify-content: space-between;
}

.green-color {
  color: #008000;
}

.k-button-flat::after {
  box-shadow: none;
}
/*
.k-form-field .item-title,
.k-form-field .item-subtitle{
  padding: 0;
  margin-bottom: 5px;
  font-family: "MontserratSemiBold", sans-serif;
  border: none;
  color: #404040;
}

.k-form-field .item-title {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.k-form-field .item-subtitle {
  font-size: 0.925rem;
  line-height: 0.925rem;
}

.k-form-field .item-title.item-title-small {
  font-size: 0.925rem;
}*/

/*.k-form-md .k-form-buttons {
  margin-top: 40px;
}*/

.photo-form,
.photo-form .k-form {
  height: 100%;
}

.photo-form .k-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.perms {
  display: flex;
  align-items: center;
  gap: 10px;
}

.perms:not(:last-child) {
  margin-bottom: 5px;
}

.buttons-group {
  display: flex;
  gap: 15px;
}

.surveys-form .k-window-titlebar {
  padding: 30px 30px 15px;
}

.k-form-buttons.k-actions-start:has(.survey-buttons) {
  width: 100%;
}

.surv-item,
.bulk-surv-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dbdbdb;
}

.bulk-surv-item {
  margin-bottom: 16px;
}

.surv-item li.k-radio-list-item {
  gap: 10px;
}

.surv-item .k-radio:checked,
.surv-item .k-radio.k-checked {
  border-color: #64ad29;
  color: var(--kendo-color-on-primary, #ffffff);
  background-color: #64ad29;
}

.surv-item .k-radio:checked:focus,
.surv-item .k-radio.k-checked.k-focus {
  box-shadow: 0px 0px 2px 0px rgba(187, 207, 38, 0.2);
}

.surv-item .k-ripple-container .k-radio::after {
  background: var(--kendo-color-primary, #64ad29);
  opacity: .25
}

.quote-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/../images/buttons/quote-icon.svg);
}

.surv-titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.surv-title {
  font-size: 22px;
}

.input-adornment {
  display: flex;
  align-items: stretch;
}

/*.input-adornment .input-prefix {
  text-wrap: nowrap;
  padding-left: 12px;
  cursor: not-allowed;
  vertical-align: middle;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  padding-right: 12px;
  border-right: 1px solid #d9d9d9;
}*/

.organization-create-window {
  min-height: 80% !important;
}

.organization-create {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(50% - 20px), 1fr));
  gap: 20px;
  align-content: space-evenly;
  padding-right: 4px;
  padding-bottom: 4px;
}

.organization-create.organization-create-0 {
  height: 80%;
}

.org-rel {
  position: relative;
  top: -8.2px;
}

.organization-create.organization-create-1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
}

.organization-create.organization-create-3 {
  gap: 13.5px 20px;
}

.organization-create .k-upload .k-upload-files {
  max-height: unset;
}

.organization-create.organization-create-3 {
  gap: 13.5px 20px;
}

.organization-create.k-form-md .k-form-field {
  margin-top: 0;
}

.organization-create.k-form-md .k-form-buttons {
  display: none;
}

.organization-create .k-textarea textarea {
  max-height: 80px;
}

.streched-col {
  grid-column: 1 / 3;
}

.organization-request .k-wizard .k-wizard-buttons {
  margin-bottom: 16px;
}

span#organization {
  width: 700px;
  white-space: normal;
}

span#organization_selectId {
  width: 700px;
  white-space: normal;
}

.item-tooltip {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 5px;
}

.tooltip-target {
  align-self: start;
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/../images/buttons/question-icon.svg);
}

.k-form-field:has(.item-tooltip) .item-title {
  margin-bottom: 0px;
}

@media (max-width: 1900px) {
  .organization-create .k-textarea textarea {
    min-height: 84px;
    height: 248px;
    max-height: 248px;
  }

  .streched-col.description,
  .streched-col.contacts {
    grid-column: auto;
  }
}

@media (max-width: 1280px) {
  .organization-create .k-upload .k-dropzone .k-dropzone-hint,
  .organization-create .k-upload .k-upload-dropzone .k-dropzone-hint {
    display: none;
  }
}

/* Buttons */
/*.k-form-buttons .button,
.k-form-buttons .k-button {
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  font-family: "MontserratSemiBold", sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
  border: 1px solid #64ad29;
  border-radius: 0;
  background-color: transparent;
  color: #404040;
  cursor: pointer;
}

.k-form-buttons .button:focus,
.k-form-buttons .k-button:focus {
  box-shadow: none;
}

.k-form-buttons .button:hover,
.k-form-buttons .k-button:hover {
  border-color: #64ad29;
  background-color: transparent;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.k-form-buttons .button:active,
.k-form-buttons .k-button:active {
  border-color: #64ad29;
  background-color: #f5f5f5;
}

.k-form-buttons .button.save-button,
.k-form-buttons .k-button.save-button {
  background-color: #64ad29;
  color: #ffffff;
}

.k-form-buttons .button.save-button:active,
.k-form-buttons .k-button.save-button:active {
  background-color: #518b22;
}*/
/* /Buttons/ */

@media (max-width: 1024px) {
  .organization-create-window {
    min-height: auto !important;
  }
  
  .form-wrapper.organization-request {
    display: block;
  }

  .input-adornment .input-prefix {
    border-right: none;
    border-bottom: none;
  }

  .k-upload .k-dropzone .k-dropzone-hint,
  .k-upload .k-upload-dropzone .k-dropzone-hint {
    display: none;
  }

  .k-upload-button-wrap,
  .k-upload .k-upload-button {
    width: 100%;
  }

  .k-chip-md {
    height: fit-content;
  }

  .k-text-truncate, .k-text-ellipsis {
    white-space: normal;
    word-wrap: break-word;
  }

  span#organization,
  span#organization_selectId {
    width: 100%;
  }

  .k-form-md .k-form-buttons:has(.content-buttons) {
    margin-right: 0;
  }

  .k-actions-horizontal {
    border-radius: 0 0 10px 10px;
  }

  .k-form-md .k-form-buttons {
    margin-top: 20px;
    margin-right: 0;
    width: 100%;
  }

  .organization-create.k-form-md .k-form-buttons {
    margin-top: 20px;
  }

/*  .k-form-buttons .button,
  .k-form-buttons .k-button {
    width: 100%;
  }*/

  .k-form-buttons .button:nth-last-child(n + 3),
  .k-form-buttons .k-button:nth-last-child(n + 3) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.employee-perms {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
}

.answer-option {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 15px;
}

.answer-option.quote-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.answer-option-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text-your-answer {
  color: #A3A3A3;
  font-size: 14px;
}

.initiative-answer-text,
.initiative-comment-text,
.initiative-content {
  padding: 6px;
  display: flex;
  gap: 6px;
  border: 1px solid #d9d9d9;
}

.initiative-content {
  flex-direction: column;
  overflow-wrap: anywhere;
}

.user-not-answered-yet {
  background: #f5f5f5;
  color: #a3a3a3;
}

.k-disabled:has(.initiative-item-subtitle),
.k-disabled:has(.initiative-item-title) {
  color: #404040;
  opacity: unset;
  filter: none;
}

.initiative-item-subtitle {
  margin-bottom: 5px;
}

.initiative-answer-option {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.initiative-divider {
  height: 1px;
  width: 100%;
  background: #64ad29;
}

@media (max-width: 550px) {
  .text-your-answer {
    font-size: 12px;
  }
}

.add-icon {
  background-image: url(/../images/buttons/add-icon.svg);
  display: block;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px;
}

.delete-option,
.add-option {
  text-align: center;
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  color: black;
  gap: 10px;
}

.delete-option {
  border: 1px solid black;
}

.add-option {
  border: 1px solid #64ad29;
  width: fit-content;
}

.delete-option:hover,
.add-option:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.k-wizard-content {
  height: 110px;
}
