section.content {
  min-height: calc(100vh - 0px);
}

section.content {
  padding: 0rem;
}

.s-DataGrid {
  background-color: var(--s-card-bg);
  box-shadow: var(--s-card-shadow);
  border: 1px solid var(--s-card-border);
  border-radius: 4px;
  padding: 2rem;
  border-radius: 20px;
}

.s-ComplaintGrid {
  .s-QuickSearchInput

{
  width: 15em;
  height: 3.2em;
  font-weight: 500;
  border-width: 2px;
}
}

.s-ComplaintGrid .s-QuickSearchInput {
  width: 15em;
  height: 3.2em;
  font-weight: 500;
  border-width: 2px;
}

.s-ComplaintDialog {
  .caption

{
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
}

.field {
  flex-wrap: wrap;
}
}

.s-ComplaintDialog .caption {
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
}

.s-ComplaintDialog .field {
  flex-wrap: wrap;
}

.s-ComplaintDialog-edit {
  .caption

{
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
  font-weight: 600;
}

.field {
  flex-wrap: wrap;
}

.readonly {
  background-color: #fff;
}

.select2-container-disabled .select2-choice {
  background-color: #fff;
  color: #000;
}

.select2-choice {
  border: none;
}

.select2-container-disabled .select2-arrow {
  opacity: 0;
}

.s-ImageUploadEditor, .s-MultipleImageUploadEditor {
  border: none;
}
}

.s-ComplaintDialog-edit .caption {
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
}

.s-ComplaintDialog-edit .field {
  flex-wrap: wrap;
}

.s-ComplaintDialog-edit .readonly {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.s-ComplaintDialog-edit .select2-container-disabled .select2-choice {
  background-color: #fff;
  color: #000;
}

.s-ComplaintDialog-edit .select2-choice {
  border: none;
  padding: 0px;
}

.s-ComplaintDialog-edit .select2-container-disabled .select2-arrow {
  opacity: 0;
}

.s-ComplaintDialog-edit .s-ImageUploadEditor .s-MultipleImageUploadEditor {
  border: none;
}

.s-ComplaintDialog-edit input {
  border: none;
}

  .s-ComplaintDialog-edit input:focus {
    outline: 0;
    box-shadow: none;
  }

.s-ComplaintDialog-edit select {
  border: none;
}

.s-ComplaintDialog-edit textarea {
  border: none;
}

.card-container .card {
  height: 18em;
}

.customer-card {
  width: 100%;
  table-layout: fixed;
  cursor: pointer;
}

  .customer-card a {
    text-decoration: none;
  }

  .customer-card td {
    padding: 2px;
  }

    .customer-card td.img {
      width: 120px;
      vertical-align: top;
    }

      .customer-card td.img img {
        width: 100px;
      }

.s-chat-message-own, .s-chat-message-other {
  display: flex;
  flex-shrink: 0;
}

.s-chat-message-own {
  flex-direction: row-reverse;
  margin-left: auto;
}

  .s-chat-message-own .s-chat-message-body {
    background: rgba(188, 171, 105, .6) !important;
  }

  .s-chat-message-own .s-chat-tenant {
    background: rgba(255, 114, 23, .6) !important;
  }

  .s-chat-message-own .s-chat-user {
    background: rgba(188, 171, 105, .6) !important;
  }

  .s-chat-message-own .s-chat-visitor {
    background: rgba(176, 162, 197, .7) !important;
  }

.s-chat-message-other .s-chat-tenant {
  background: #1c4287 !important;
  min-width: 120px;
}

.s-chat-message-other .s-chat-user {
  background: #f1f1f1 !important;
  min-width: 120px;
}

.s-chat-message-other .s-chat-visitor {
  background: #d9e9f0 !important;
  min-width: 120px;
}

.s-chat-message-other .s-chat-system {
  background: rgba(176, 60, 97, .7) !important;
  min-width: 120px;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.s-chat-message-other {
  margin-right: auto;
}

  .s-chat-message-other .s-chat-message-body {
    background: rgba(176, 162, 197, .7) !important;
  }

.chat-rtl {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}

.chat-ltr {
  direction: ltr;
  text-align: left;
  unicode-bidi: embed;
}

.s-chat-button {
  padding-top: 5px;
  display: block;
}

.s-chat-toolbar {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(28, 66, 135, .15);
}

.chat-reply-button.icon-tool-button {
  background-color: #1c4287;
  border: 1px solid #1c4287;
  box-shadow: 0 1px 2px rgba(28, 66, 135, .35);
}

.chat-reply-button.icon-tool-button:hover {
  background-color: #15366e;
  border-color: #15366e;
  box-shadow: 0 2px 4px rgba(28, 66, 135, .45);
}

.chat-reply-button.icon-tool-button .button-inner {
  color: #fff;
  font-weight: 600;
}

.chat-reply-button.icon-tool-button .button-inner i {
  color: #fff;
  font-size: 1.05em;
}

.arabic-rtl {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}

.buttons-inner {
  border: none;
}

.tool-button {
  border-radius: 5px;
}

  .tool-button:last-child {
    border-radius: 5px;
  }

  .tool-button:first-child {
    border-radius: 5px;
  }

.complaintcard-number {
  font-weight: 600;
}

.nav-link {
  font-size: 14px;
}

.sysmsgseparator {
  display: flex;
  align-items: center;
  text-align: center;
}

  .sysmsgseparator::before,
  .sysmsgseparator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
  }

  .sysmsgseparator:not(:empty)::before {
    margin-right: .25em;
  }

  .sysmsgseparator:not(:empty)::after {
    margin-left: .25em;
  }

.alert-escalate {
  color: #1c4287;
  border-color: #e1e1e1;
  background-color: #f1f1f1;
  font-weight: 600;
}

.alert-close {
  color: #1c4287;
  border-color: #e1e1e1;
  background-color: #f1f1f1;
  font-weight: 600;
}

.btn {
  border-radius: .5rem;
}

  .btn.btn-action {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-success);
    background-color: #1c4287;
  }

.bg-judgment {
  background-color: #121445 !important;
}

.bg-judgment .text-white,
.bg-judgment .text-white * {
  color: #fff !important;
}

.symbol.symbol-iru > img {
  width: 120px;
  height: 100px;
}

.job-employer-logo {
  height: 150px;
  width: 250px;
}

.card-active {
  border: 3px solid #1b1b7f;
}

.wizard-horz ul.property-tabs li.active .badge {
  color: white;
}

/*Job Application dialog*/

.s-JobApplicationDialog {
  .caption

{
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
}

.field {
  flex-wrap: wrap;
}
}

.s-JobApplicationDialog .caption {
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
}

.s-JobApplicationDialog .field {
  flex-wrap: wrap;
}

.s-JobApplicationDialog-edit {
  .caption

{
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
  font-weight: 600;
}

.field {
  flex-wrap: wrap;
}

.readonly {
  background-color: #fff;
}

.select2-container-disabled .select2-choice {
  background-color: #fff;
  color: #000;
}

.select2-choice {
  border: none;
}

.select2-container-disabled .select2-arrow {
  opacity: 0;
}

.s-ImageUploadEditor, .s-MultipleImageUploadEditor {
  border: none;
}
}

.s-JobApplicationDialog-edit .caption {
  width: 150px;
  margin-bottom: 2px;
  text-align: start;
  flex-basis: 100%;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
}

.s-JobApplicationDialog-edit .field {
  flex-wrap: wrap;
}

.s-JobApplicationDialog-edit .readonly {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.s-JobApplicationDialog-edit .select2-container-disabled .select2-choice {
  background-color: #fff;
  color: #000;
}

.s-JobApplicationDialog-edit .select2-choice {
  border: none;
  padding: 0px;
}

.s-JobApplicationDialog-edit .select2-container-disabled .select2-arrow {
  opacity: 0;
}

.s-JobApplicationDialog-edit .s-ImageUploadEditor .s-MultipleImageUploadEditor {
  border: none;
}

.s-JobApplicationDialog-edit input {
  border: none;
}

  .s-JobApplicationDialog-edit input:focus {
    outline: 0;
    box-shadow: none;
  }

.s-JobApplicationDialog-edit select {
  border: none;
}

.s-JobApplicationDialog-edit textarea {
  border: none;
}

#s2id_EServices_EServices_JobGrid0_QuickFilter_TenantId {
  min-width: 25em;
}
