:root {
  --main-bg-color: #009688;
  --main-bg-color-hov-dark: #018376;
  --main-bg-color-inactive: #01837646;
  --main-important: #e75f14;
  --main-important-inactive: #e75e1456;
  --main-additional: #47a0e0;
  --main-additional-inactive: #47a0e062;
}
.p-grid,
.p-grid > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #000;
}

.menu {
  text-align: center;
  font-size: 0px;
  margin-top: 10px;
}

.menu-item {
  display: inline-block;
  text-align: center;
  border: 1px solid #c1c1c1;
  padding: 10px 0px;
  font-size: 20px !important;
  background: #e8e8e8;
  width: 19%;
  color: #000;
  transition: 0.3s all;
  text-decoration: none;
  border-right: none;
}

.menu-item:hover,
.menu-item.active {
  background: #fff;
}

.calendar-arrow {
  display: block;
  margin: auto;
  width: 100%;
}

.container {
  max-width: 1240px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.border {
  border: 1px solid #c1c1c1;
  border-right: none;
}

.border.last,
.menu-item.last {
  border: 1px solid #c1c1c1;
}

.border.top {
  border-top: none;
}

.text-center {
  text-align: center;
}

.current-month {
  font-size: 28px;
  padding-top: 5px;
}

.day {
  text-align: center;
}

.day .ui-chkbox-box {
  margin-top: 8px;
}

.days-of-month {
  width: 100%;
}

.ui-button-remove-records {
  background-color: #ec2d2d !important;
  text-align: center;
  width: 130px;
  height: 48px;
  margin-left: 97px;
  border-radius: 5px;
  margin-bottom: 3px !important;
  color: #fff;
  border: none;
}

.days-of-month .ui-button-text-only .ui-button-text,
.days-of-month .ui-button,
.day-column {
  padding: 6px 0;
  min-width: 28px;
  max-width: 28px;
  text-align: center;
}

.padding-0 {
  padding: 0 !important;
}

.fa-check {
  margin-left: -4px;
}

.day-column {
  background: #cddeff;
}

.text-left {
  text-align: left !important;
}

#usersForm .ui-widget,
#inhabitantsForm .ui-widget {
  font-size: 15px;
}

.sidebar-menu li a {
  color: #d2d2d2;
  font-size: 16px;
}

.sidebar-menu li a:hover {
  cursor: pointer;
  color: #fff;
}

.vspn-logo {
  height: 110px;
  display: block;
  margin: auto;
  margin: 15vh auto;
}

.login-page,
.register-page {
  background: transparent;
}

.login-box-msg {
  font-size: 18px;
  padding-bottom: 15px;
}

.login-failed {
  color: #e24545;
  text-align: center;
  width: 100%;
  margin-bottom: 20px !important;
  font-size: 18px;
  line-height: 1.2 !important;
}

.forgot-pass-description {
  line-height: 1.4 !important;
  margin-bottom: 20px !important;
}

.envelope-custom {
  font-size: 50px;
  text-align: center;
  display: block;
  position: relative;
  top: -15px;
  color: #00555c;
}

#changePasswordForm .ui-inputfield {
  margin-bottom: 10px;
}

.no-border {
  border: none;
}

#appContainer #appContainer_content {
  padding: 0;
}

.content-selectors {
  margin-left: 10px;
}

#usersForm th,
#inhabitantsForm th {
  background: rgb(193, 193, 193);
}

#userForm .ui-panelgrid-cell {
  text-align: left;
}

.preformatted {
  white-space: pre-wrap;
}

.ui-form3-select {
  display: flex;
  justify-content: end;
}

.ui-inputfield-select {
  width: 50% !important;
  margin-right: 5%;
}

.ui-inputfield-short {
  width: 50% !important;
  text-align: justify;
}

.ui-inputSpinner-conteiner {
  display: flex;
  justify-content: space-between;
}

.ui-inputSpinner-label {
  padding-right: 10px;
}

.ui-inputSpinner .ui-button-text {
  width: 100%;
  height: 100%;
}

.ui-inputSpinner .ui-spinner-button .ui-icon {
  top: 0;
  left: -9px;
}

.ui-inputSpinner .ui-spinner-input {
  padding-right: 30px;
}

.ui-inputSpinner > a {
  background: var(--main-bg-color);
  width: 25px;
}

.ui-inputfield {
  width: 100%;
}

.criteria-form-header {
  position: relative;
}

.criteria-important-check .ui-chkbox-box {
  border-radius: 50%;
  background: white !important;
}

.criteria-important-check .ui-state-active > span {
  background: #3c8dbc;
  display: block !important;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
}

.criteria-important-check .ui-chkbox-box span.ui-chkbox-icon:before {
  content: none !important;
}

.medicamentQuantityPerDayLabel {
  margin-bottom: 5px;
}

.problemsImportantContiener {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
}

.problemsImportantCheckBox {
  align-self: center;
}

.criteriaImportantInformationAndRemoveButtonContainer {
  margin-top: 20px;
  border-bottom: 1px solid #009688;
}

div.medicamentQuantityPerDay span.ui-button-text.ui-c {
  padding: 0.3em 1em;
}
.inhabittantDepartmentSelect .ui-widget-content {
  border: none;
}

.criteria-form-container {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.criteria-form-container .criteria-shade {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.534);
  position: absolute;
  z-index: 777;
  top: 0%;
  left: 0%;
}
.criteria-form-container .criteria-shade.active {
  display: none;
}

.criteria-important-check {
  position: absolute;
  left: -27px;
  bottom: 4px;
}

.criteria-important-check .ui-radio-label {
  margin-top: 10px;
  margin-left: 15%;
  margin-bottom: 0 !important;
  margin-right: 10px;
}

.citeria-spinner-conteiner {
  margin-top: 10px;
  text-align: justify;
}

.citeria-spinner-container {
  display: flex;
  justify-content: space-between;
}

.criteriaComment {
  text-align: justify;
}

.smallSpinner {
  width: 60px;
}

.smallSpinnerPadding {
  padding-left: 10px;
}

.suggestionSpinnerContainer {
  display: flex;
  justify-content: end;
}

.suggestionSpinnerLabel {
  padding-top: 7px;
}

.suggestionSpinnerTextContainer {
  display: flex;
  justify-content: space-between;
}

.ui-PopUp {
  cursor: pointer;
}

.ui-isgp-radio-cursor {
  cursor: pointer;
}

.ui-isgp-radio {
  margin-left: 15%;
  margin-bottom: 10px;
  cursor: pointer;
}

.ui-isgp-radio-alignment tbody tr {
  display: grid;
}

.ui-button-margin {
  margin-top: 2px;
}

.legend {
  border: 1px solid var(--main-bg-color);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  vertical-align: sub;
}

.working-capacity-input {
  text-align: center;
  position: relative;
  margin-top: 3px;
}

.first-col {
  border-right: 1px solid #c7c7c7 !important;
}

.ui-first-col {
  margin-left: 5%;
  width: 30%;
}

.ui-second-col {
  margin-right: 5%;
  margin-bottom: 20px;
  width: 60%;
  display: flex;
  flex-direction: column;
}

.ui-flex-row {
  flex-direction: row;
}

.ui-section-container {
  padding-left: 25%;
  margin: 10px 0 10px 0;
}

.ui-widget-content label {
  line-height: 1.2 !important;
}

body .ui-slider.ui-slider-horizontal {
  margin-top: 20px;
}

.hasDatepicker {
  width: 120px;
}

.row-space-10 {
  margin: 10px 0 !important;
}

.top-4 {
  position: relative;
  top: 4px;
}

.btn-save-center {
  display: block !important;
  margin: auto;
  margin-top: 30px;
  width: 250px;
}

.guardian-expand-button,
.trash-icon {
  font-size: 25px;
  margin-left: 15px;
  color: var(--main-bg-color);
  position: relative;
  top: -2px;
}

.trash-icon {
  color: #e02525;
}

#inhabitantForm .ui-panel-title {
  width: 100% !important;
}

.document-btn {
  background: var(--main-bg-color) !important;
  color: #fff !important;
}

#inhabitantDocumentTable .ui-panelgrid-content.ui-grid,
.doc-forms-row {
  border-bottom: 1px solid #adadad;
  padding: 10px 0;
}

.full-width {
  width: 100%;
}

#assignHealthcareServicesModal .ui-dialog-title {
  width: 100% !important;
}

.cal-services-header {
  width: 30%;
  padding: 17px;
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 2px;
}

.cal-day-header {
  width: 28px;
}

.no-border-radius {
  border-radius: 0 !important;
}

.selected-cal-row {
  border: 1px solid #ecf0f5;
  min-width: 35px;
}

.cal-row {
  border: 1px solid #ecf0f5;
}

.calendar {
  margin-top: 10px;
}

#createDialogForm .ui-messages-info.ui-corner-all {
  display: none !important;
}

#usersForm .ui-datatable-tablewrapper,
#inhabitantsForm .ui-datatable-tablewrapper {
  margin-top: 10px;
}

#usersForm .ui-paginator-bottom,
#inhabitantsForm .ui-paginator-bottom {
  margin-top: 10px;
  border: none;
}

#usersForm .ui-paginator-top,
#inhabitantsForm .ui-paginator-top {
  border: none;
}

.ui-selectcheckboxmenu-header:before {
  display: inline;
  font-weight: normal;
  margin-left: 10px;
  color: #444;
}

.med-cat-btn .ui-button-text {
  display: block !important;
  text-align: left !important;
}

.med-confirm-dialog .ui-dialog-footer {
  text-align: center !important;
}

.left-btn-col {
  width: 125px;
}

.right-btn-col {
  padding: 4px 0 !important;
}

.download-btn {
  color: #fff !important;
  background: #00a65a !important;
}

.pdf-preview-dialog {
  width: 85% !important;
  height: 85% !important;
}

.pdf-preview-media {
  width: 100% !important;
  height: 100% !important;
}

.pdf-preview-dialog .ui-dialog-content {
  height: 95% !important;
  width: 100% !important;
}
.delete-inhabitant-btn {
  background: #dd4b39 !important;
  color: #fff !important;
}

.delete-btn {
  background: #dd4b39 !important;
  color: #fff !important;
}

.download-btn,
.delete-btn {
  padding: 3px !important;
  width: 106px !important;
  border: none !important;
}

.download-btn span:nth-child(2),
.delete-btn span:nth-child(2) {
  padding: 0.3em 1em 0.3em 2.1em;
}

.margin-left-n-7 {
  margin-left: -7px;
}

.imgButtonConteiner {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.uploader-btn {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  height: 32px;
  width: 32px;
}

.upload-btn-container {
  text-align: center;
  margin-top: 1%;
  width: 105px;
}

.uploader-btn.upload-btn-container {
  width: 105px;
}

.uploader-btn > div {
  border: none;
  padding: 0;
}

.uploader-btn > div > span:first-of-type {
  margin: 0;
  border: none;
}

.uploader-btn .ui-fileupload-files {
  width: 338px;
}

.uploader-btn .ui-fileupload-row > div {
  display: block;
}

.uploader-btn .ui-fileupload-content .ui-progressbar {
  width: 320px;
  border: 1px solid #adadad;
}

.uploader-btn .ui-fileupload-cancel {
  background: #dd4b39 !important;
}

.uploader-new-btn .ui-icon-close:before {
  color: #ffffff !important;
}

.doc-btn-container > div {
  border-bottom: none !important;
  padding: 0 !important;
  position: relative;
  top: 12px;
}

.doc-row-index {
  height: 72px;
  position: relative;
}

.doc-row-index > label {
  font-size: 30px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.services-doc-row-index {
  height: 45px !important;
}

.doc-type-container {
  border-right: 1px solid #adadad !important;
  height: 72px;
  position: relative;
  overflow: hidden;
}

.services-doc-type-container {
  height: unset !important;
}

.border-right-none {
  border-right: none !important;
}

.border-bottom-1px-doc {
  border-bottom: 1px solid #adadad !important;
}

.doc-type-container > div,
.doc-type-container > label {
  border: none;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin-right: 20px;
  word-break: break-word;
}

.doc-type-container > table {
  width: 100%;
}

.doc-type-container > table tr {
  border: none !important;
}

.doc-img-col {
  padding: 0 3px !important;
}

.services-inhabitant-doc-img-col {
  padding: 0 3px !important;
  width: 12%;
}

.services-inhabitant-doc-img-col img {
  float: right;
}

.doc-name-col {
  position: absolute;
  top: 50%;
  left: 70px;
  transform: translate(0%, -50%);
  margin-right: 20px;
}

.doc-name-col > div {
  border: none !important;
}

.doc-name-col label {
  word-break: break-word;
}

.ui-progressbar .ui-progressbar-value {
  border: 1px solid #222d32;
  background: #222d32;
}

.ui-progressbar .ui-widget .ui-widget-content .ui-corner-all {
  border: 1px solid #adadad !important;
}

.top-uploader-grid .ui-g {
  align-items: baseline;
  padding: 0 10px;
}

.doc-tab-row {
  border-top: 1px solid #adadad;
  padding: 10px 0;
}

.doc-btn-container .ui-g {
  text-align: center;
}

.doc-top-img {
  width: 45px;
}

div.ui-growl {
  width: 40%;
  left: 30%;
}

.ui-growl-message p {
  font-weight: normal;
  word-break: break-word;
}

.tooltip-for-link {
  padding: 8px 6px;
  width: 100%;
  display: inline-block;
  font-style: normal;
}

.datatable-col-text-center {
  text-align: center;
}

.providedServiceUser {
  display: block;
  position: relative;
  top: -12px;
  font-weight: normal !important;
  border-bottom: 1px solid #3c8dbc !important;
  padding-bottom: 5px;
  color: #3c8dbc;
  margin-bottom: 10px !important;
}

.btn-change-password {
  color: #007d71 !important;
  background-color: #ecf0f5;
  width: 100% !important;
}

.btn-logout {
  color: #fff !important;
  background-color: #dd4b39;
  width: 100% !important;
}

.dd-toggle {
  border-left-style: solid;
  border-left-width: 1px;
  border-color: #ecf0f5;
  min-width: 160px;
  text-align: center;
}

.dd-toggle {
  border-top-width: 1px;
  border-color: #fff !important;
}

.dd-menu {
  width: 100% !important;
}

.lower-center {
  margin-top: 10px;
}

.user-footer {
  background-color: #fff !important;
}

.btn-change-password:hover {
  background-color: #d3d7dd !important;
}

.btn-logout:hover {
  background-color: #a91d1d !important;
}

.redirect-to {
  margin-bottom: 10px;
}

.btn-inhabitants {
  color: #fff !important;
  background-color: #007d71;
  width: 140px;
  text-align: center;
}

.med-record-label {
  margin-bottom: 20px;
}

button.med-selected-quantity {
  opacity: 1 !important;
}

.med-selected-quantity {
  background-color: var(--main-bg-color) !important;
  color: #ffffff !important;
  border-color: var(--main-bg-color) !important;
}

.task-deadline-row .task-deadline-column {
  background-color: #dd4b39;
  color: #fff;
}

.task-deadline-row a {
  color: #07a0c3 !important;
}

.report-column-title {
  font-size: 18px !important;
  margin-bottom: 5px !important;
}

.reports-tab .ui-g-2 {
  margin-right: 10px;
}

.reports-tab .calendar .ui-inputfield {
  width: 100%;
}

.reports-tab .reports-selectOneMenu {
  min-width: 131px !important;
}
.reports-tab .generate-report-btn {
  position: relative;
  top: 30px;
  margin: auto;
  display: block;
  background: #07a0c3;
  color: #fff;
  font-size: 17px;
  box-shadow: none;
  text-transform: uppercase;
}

.with-green-circle {
  position: relative; /* Ensures the pseudo-element is positioned relative to the tab title */
  margin-left: 40px;
  overflow: visible !important;
}
.ipd-button {
  border: 2px solid black !important;
  color: black !important;
  border-radius: 10% !important;
  background: white !important;
}

.with-green-circle:after {
  content: "IPD";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -40px; /* Move the circle 20px beyond the right of the title */
  width: 34px;
  height: 34px;
  /* background-color: #FF5733; */
  /* border: 1px solid var(--main-bg-color); */
  border: 1px solid black;
  color: black;
  border-radius: 10%;
  transform: translateY(-50%); /* Center the circle vertically */
  top: 50%; /* Align vertically to the middle of the title */
  box-shadow: none;
}

.reportSelectMenu {
  display: flex;
  justify-content: end;
}

.inhabittansInDepartments .ui-g-2 {
  margin-right: 30px;
}

@media only screen and (max-width: 930px) {
  .report-column-title {
    font-size: 16px !important;
    margin-bottom: 5px !important;
  }
  .reports-tab .generate-report-btn {
    position: relative;
    top: 22px;
    margin: auto;
    display: block;
    background: #07a0c3;
    color: #fff;
    font-size: 16px;
    box-shadow: none;
    text-transform: uppercase;
  }

  .reports-tab .ui-g-2 {
    margin-right: 15px;
  }
  .inhabittansInDepartments .ui-g-2 {
    margin-right: 30px;
  }
}

.reports-tab .generate-report-btn:hover,
.generate-report-btn:active,
.generate-report-btn:focus {
  background-color: #017792 !important;
  opacity: 0.8;
}

.inhabitants-report-table,
.services-reports-view {
  margin-top: 30px;
  border-top: 2px solid var(--main-bg-color) !important;
  padding-top: 30px;
  border-radius: 0;
}

.ui-isgp-new-btn-coneiner {
  background-color: white;
  display: flex;
  justify-content: end;
  margin-left: 130px;
  padding: 10px 0;
}

.inhabitants-number-label {
  font-size: 20px;
  color: var(--main-bg-color);
  font-weight: bold;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
  border-top: 3px solid var(--main-bg-color);
  background: #fff !important;
}

div.ui-accordion .ui-accordion-header {
  border: none !important;
  background: var(--main-bg-color);
  border-radius: 3px !important;
  color: #fff !important;
}

div.ui-accordion .ui-accordion .ui-accordion-header {
  border-top: 1px solid #fff !important;
}

.inhabitants-table-wrapper {
  max-width: 800px;
}

.inhabitants-table-wrapper .ui-datatable {
  margin-top: 35px;
}

.download {
  margin-left: 20px;
  min-width: 110px;
  text-transform: uppercase;
  float: right;
}

.ui-tab-container {
  position: relative;
}

.ui-tab-container .ui-selectonemenu label {
  top: 0;
}

.ui-tab-container .ui-tab-container {
  padding: 0;
}

.ui-year {
  position: absolute;
  top: 0;
  right: 0;
}

.isgpTabs > ul > li > a {
  padding: 0.5em 3.1em !important;
}

.ui-btn-container {
  display: flex;
  justify-content: end;
  column-gap: 10px;
  margin-bottom: 20px;
}

.ui-btn-second-container {
  margin: 15px 0;
}

.btn-excel {
  background: #1f6f45 !important;
  color: #fff !important;
  border: none;
  padding: 6px;
  border-radius: 3px;
}

.ui-datatable-tablewrapper th {
  text-align: left !important;
  background: #07a0c3 !important;
  color: #fff !important;
}

.inhabitants-table-wrapper .button-wrapper {
  float: right;
}

.inhabitants-table-wrapper .fa.fa-file-excel-o {
  position: relative;
  left: 42px;
  color: #fff;
  font-size: 20px;
  top: 5px;
}

.services-checkboxes {
  margin: 20px 0 0 8px;
}

.button-wrapper-reports {
  display: inline-block;
  position: relative;
}

.button-wrapper-reports .download {
  float: none;
  margin: 20px 0;
}

.button-wrapper-reports .fa.fa-file-excel-o {
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 6px;
  top: 25px;
}

.reports-empty {
  margin-top: 30px;
  border-top: 2px solid var(--main-bg-color) !important;
  padding-top: 30px !important;
  padding-bottom: 15px !important;
  border-radius: 0 !important;
  border: none;
  font-size: 20px !important;
}

.reports-empty .ui-panel-content {
  color: #b92929;
}

.ui-datatable-tablewrapper .ui-datatable-empty-message {
  font-size: 20px !important;
  padding: 30px 10px !important;
  color: #ff5656 !important;
  text-align: center;
}

.wrapper .content-wrapper {
  min-height: calc(100vh - 101px) !important;
}

.ui-state-highlight,
.ui-state-highlight td,
.ui-datepicker .ui-datepicker-header,
.ui-datepicker th,
body .ui-datepicker tbody td.ui-datepicker-today a {
  background: #07a0c3;
}

body .ui-datepicker tbody td.ui-datepicker-today a {
  color: #fff !important;
}

.ui-state-highlight button {
  background: #07a0c3 !important;
  border: #07a0c3 !important;
  color: #f8f8f8 !important;
}

button {
  box-shadow: none !important;
}

.ui-selectonemenu,
.ui-selectonemenu-trigger,
.ui-selectcheckboxmenu,
.ui-selectcheckboxmenu-trigger {
  background: var(--main-bg-color) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}

.ui-selectonemenu label {
  position: relative;
  top: 3px;
}

.display-block {
  display: block;
  background: var(--main-bg-color);
  padding: 9px;
  color: #fff;
  width: 180px;
  cursor: not-allowed;
  opacity: 0.7;
  border-radius: 3px;
}

.selectmenu-label {
  font-size: 18px !important;
  margin-bottom: 5px !important;
}

.mark-multiple {
  padding: 7px 14px;
  border-radius: 3px;
  position: relative;
  top: 7px;
  margin-left: 20px;
}

.heading-tasks {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 15px 0 0;
  padding-bottom: 15px;
  padding-left: 30px;
  color: black;
}

.content-header > h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #777777;
}

#servicesForm\:healthcareAssignmentForm\:inhabitantsSelector {
  background-color: #ffffff !important;
  border: 1px solid var(--main-bg-color) !important;
}

#servicesForm\:healthcareAssignmentForm\:inhabitantsSelector div {
  background-color: #ffffff !important;
}

.fa-chevron-circle-left,
.fa-chevron-circle-right {
  color: var(--main-bg-color);
  height: 25px;
  width: 25px;
  margin-top: -12px !important;
}

.fa-chevron-circle-left:before,
.fa-chevron-circle-right:before {
  font-size: 25px !important;
}

.btn-delete-assignment {
  width: 265px;
  top: 31px !important;
}

.ui-selectcheckboxmenu-label {
  background: transparent !important;
}

body .ui-paginator .ui-paginator-page.ui-state-active {
  background: #07a0c3 !important;
}

body
  .ui-selectcheckboxmenu-header
  .ui-selectcheckboxmenu-filter-container
  span.ui-icon-search {
  position: absolute !important;
}

.edit-btn {
  background: #ffba49 !important;
}

.document-btn,
.edit-btn {
  margin: 0 3px;
}

span.ui-fileupload-choose {
  background-color: var(--main-bg-color) !important;
}

div.ui-fileupload
  .ui-fileupload-buttonbar
  span.ui-fileupload-choose.ui-state-hover,
div.ui-fileupload .ui-fileupload-buttonbar span.ui-fileupload-choose:active,
div.ui-fileupload .ui-fileupload-buttonbar span.ui-fileupload-choose:focus {
  background-color: var(--main-bg-color) !important;
}

#tasksForm .ui-messages div.ui-messages-fatal {
  background-color: #00c0ef;
}

button.ui-button {
  background: #f8f8f8;
  border: none !important;
}

body .ui-panel.ui-widget {
  border: none;
}

.calendar tbody .ui-state-default {
  background: #ecf0f5;
}

.arrowHover {
  background-color: #07a0c3 !important;
}

.arrowHover .fa-chevron-circle-left,
.arrowHover .fa-chevron-circle-right {
  color: #ffffff !important;
}

.ui-tabs .ui-tabs-nav > li.ui-state-default {
  background: #ecf0f5 !important;
}

body div.ui-datatable div.ui-paginator,
body div.ui-treetable div.ui-paginator,
.ui-paginator-first,
.ui-paginator-prev,
.ui-paginator-page,
.ui-paginator-next,
.ui-paginator-last {
  border: none !important;
}

body .ui-datatable table,
body .ui-treetable table {
  width: calc(100% - 1px);
}

#userForm tr,
#userForm td {
  border: none;
}

.btn-orange {
  background: #ffba49 !important;
  margin-right: 5px;
}

body .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #1f7b76;
}

button.ui-button.btn-bordered {
  border: 1px solid #d2d6de !important;
  /* border: 1px solid #3c8dbc; */
}

.select-one-button-times-given div {
  border: 1px solid #d2d6de !important;
  /* border: 1px solid #3c8dbc; */
  margin-right: 2px !important;
  padding: 2px;
}

.select-one-button-times-given .ui-state-active {
  background-color: var(--main-bg-color) !important;
  color: #ffffff !important;
  border-color: var(--main-bg-color) !important;
}

.display-contents {
  display: flex;
  align-content: center;
  align-items: center;
}

.display-flex {
  display: flex;
}

.document-buttons-padding {
  padding-left: 65px !important;
}

.inhabitant-document-btn {
  margin-right: 10px;
  height: 32px;
  margin-top: 1% !important;
}

.height-108 {
  height: 108px;
}

.btn-delete {
  background-color: #dd4b39 !important;
  color: white !important;
}

.btn-blue {
  background-color: #07a0c3 !important;
  color: #fff !important;
}

.btn-results {
  width: 150px;
  margin-right: 15px;
}

.ui-btn-container > .btn-blue .ui-button-text {
  font-weight: 700;
}

.btn-green {
  background-color: #009688 !important;
  color: #fff !important;
}

.inhabitant-dialog .ui-dialog-title,
#emotionalStateRecordDialog .ui-dialog-title {
  margin-right: 0 !important;
  width: 100%;
}

.inhabitant-dialog-new-title .ui-dialog-title {
  width: 90%;
}

.inhabitant-dialog .ui-dialog-title button,
#emotionalStateRecordDialog .ui-dialog-title button,
#assignHealthcareServicesModal .ui-dialog-title button {
  float: right;
  background: var(--main-bg-color);
  border: none;
}

.inhabitant-dialog .ui-dialog-title button span.ui-icon.fa:before,
#emotionalStateRecordDialog .ui-dialog-title button span.ui-icon.fa:before,
#assignHealthcareServicesModal .ui-dialog-title button span.ui-icon.fa:before {
  color: #fff;
}

.content-form3 {
  margin-left: 5%;
  margin-right: 5%;
}

.ui-dialog-title {
  font-weight: 700 !important;
  font-size: 29px !important;
}

.ui-confirmdialog-no {
  float: right;
}

.delete-assigment {
  position: relative;
  top: 34px;
  color: #fff !important;
}

.delete-assigment .ui-button-text {
  padding: 0 0 0 20px !important;
}

.confirmation-dialog {
  min-width: 450px;
}

.btn-inline {
  display: inline-block !important;
  color: red !important;
}

.confirm-dialog {
  width: 350px !important;
}

.ui-confirm-dialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container {
  left: 50% !important;
  transform: translate(-50%, -50%);
  top: 50% !important;
  position: fixed;
}

.confirmation-dialog .ui-confirmdialog-yes span.ui-icon.fa:before,
.confirmation-dialog .ui-confirmdialog-yes .ui-button-text {
  color: #07a0c3 !important;
}

.confirmation-dialog .ui-confirmdialog-no span.ui-icon.fa:before {
  color: #dd4b39 !important;
}

body
  .ui-dialog.ui-widget-content.box-danger.box-solid.confirmation-dialog
  .ui-dialog-titlebar {
  background: white !important;
}

body .ui-dialog.z-index-hide {
  z-index: 1 !important;
}

.confirm-dialog-buttons {
  margin: auto !important;
}

.confirmation-dialog {
  min-width: 500px !important;
}

#userForm .confirmation-dialog {
  display: none !important;
}

#inhabitantForm .confirmation-dialog {
  display: none !important;
}

.confirmation-dialog .ui-panelgrid-cell {
  border-color: #fff !important;
}

.confirmation-dialog .ui-confirm-dialog-message {
  text-align: center;
  display: block;
}

.ui-datatable-odd td {
  border-right-color: #fff !important;
  border-left-color: #fff !important;
}

.ui-datatable-even td {
  border-right-color: #f8f8f8 !important;
  border-left-color: #f8f8f8 !important;
}

.ui-messages > div {
  border: none !important;
}

button.ui-button.medicament-btn {
  border: 1px solid #ecf0f5 !important;
  transition: all 0.2s;
}

.ui-state-highlight button.ui-button.medicament-btn {
  border: 1px solid #07a0c3 !important;
}

button.ui-button.medicament-btn:hover {
  border: 1px solid #ecf0f5 !important;
}

.ui-state-highlight button.ui-button.medicament-btn:hover {
  border: 1px solid #07a0c3 !important;
}

.btn-center {
  margin-left: 50%;
  margin-top: 40px;
  transform: translateX(-50%);
}

.alert {
  border: none;
}

body .ui-datatable tbody > tr.ui-widget-content {
  border-top-color: #f8f8f8;
  border-bottom-color: #f8f8f8;
  border-left: #f8f8f8;
  border-right: #f8f8f8;
}

tfoot tr {
  border-top-color: #f8f8f8 !important;
  border-bottom-color: #f8f8f8 !important;
  border-left: #f8f8f8 !important;
  border-right: #f8f8f8 !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.ui-datatable tfoot td {
  padding: 10px;
  border-style: solid !important;
  border-width: 1px !important;
  border-top-color: #f8f8f8 !important;
  border-bottom-color: #f8f8f8 !important;
  border-left: #f8f8f8 !important;
  border-right: #f8f8f8 !important;
}

.ui-dialog-titlebar-close {
  background: var(--main-bg-color);
  height: 34.38px !important;
  width: 33.59px;
  margin-top: 0 !important;
}

.ui-icon-closethick:before {
  top: -4px !important;
  color: #fff !important;
  left: 7px;
  font-weight: 500;
}

div.ui-accordion .ui-accordion-header.ui-state-active {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

button.ui-button.green-border {
  margin-right: 5px;
  border: 1px solid var(--main-bg-color) !important;
}

.assign-medicaments-modal .ui-dialog-title {
  margin-right: 0px !important;
}

div.ui-accordion .ui-accordion-header span.ui-icon-triangle-1-s:before,
div.ui-accordion .ui-accordion-header span.ui-icon-triangle-1-e:before {
  color: #fff;
}

body .ui-datatable .ui-datatable-header {
  border-color: #fff;
}

.cal-current-day {
  background: #ffba49 !important;
}

.cal-current-day a {
  color: #444 !important;
}

.display-none {
  display: none;
}

.calendar-med button.ui-button.ui-state-hover,
button.ui-button.ui-state-active,
button.ui-button.ui-state-focus {
  color: #07a0c3;
}

#servicesForm button:hover {
  color: #07a0c3;
}

.td-acordion-borders {
  border: 1px solid #ecf0f5;
  border-bottom-color: #ffffff;
  background: #ecf0f5;
}

.green-border-checkbox .ui-state-default {
  border: 1px solid var(--main-bg-color) !important;
}

.green-border-calendar .ui-inputfield {
  border: 1px solid var(--main-bg-color) !important;
}

.green-border-inputText .ui-inputfield,
.ui-widget-content .ui-inputfield {
  border: 1px solid var(--main-bg-color) !important;
}

#compensationDatesPanel tr {
  margin-bottom: 20px; /* Adjust the spacing as needed */
  height: 30px; /* Optional to enforce a gap */
}

#searchField {
  border: 2px solid green !important; /* Green border */
  border-radius: 4px; /* Slightly rounded corners */
  padding: 10px; /* Add padding for better spacing */
  font-size: 16px; /* Larger font */
  width: 350px; /* Make it longer */
  transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth focus effect */
}

#searchField:focus {
  border-color: darkgreen; /* Darker green on focus */
  box-shadow: 0 0 5px rgba(0, 128, 0, 0.5); /* Glow effect on focus */
  outline: none; /* Remove default outline */
}

#filterContainer {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap to the next line */
  gap: 15px; /* Space between each checkbox item */
  padding: 10px; /* Padding around the container */
  border: 2px solid #ccc; /* Light border for the container */
  border-radius: 8px; /* Rounded corners */
  background-color: #f9f9f9; /* Light background */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

#filterContainer div {
  display: flex;
  align-items: center; /* Align checkbox and label vertically */
  gap: 10px; /* Space between checkbox and label */
}

#filterContainer input[type="checkbox"] {
  width: 20px; /* Checkbox size */
  height: 20px; /* Checkbox size */
  cursor: pointer; /* Pointer cursor for interactivity */
  appearance: none; /* Remove default checkbox styling */
  border: 2px solid #ccc; /* Light border */
  border-radius: 4px; /* Rounded corners for custom checkbox */
  background-color: #fff; /* Default background color */
  transition: background-color 0.3s, border-color 0.3s; /* Smooth transition */
  outline: none; /* Remove focus outline */
}

#filterContainer input[type="checkbox"]:checked {
  background-color: green; /* Green background when checked */
  border-color: green; /* Match border color with the background */
}

#filterContainer input[type="checkbox"]:checked::after {
  content: "✔"; /* Add checkmark */
  color: white; /* White color for the checkmark */
  font-size: 14px; /* Adjust font size */
  display: flex;
  align-items: center;
  justify-content: center;
}

#filterContainer label {
  font-size: 14px; /* Clean, readable font size */
  font-weight: 500; /* Slightly bold text */
  color: #333; /* Dark text for contrast */
  cursor: pointer; /* Pointer cursor for interactivity */
  line-height: 20px; /* Match checkbox height for perfect vertical alignment */
  margin: 0;
}

#filterContainer input[type="checkbox"]:checked + label {
  color: green; /* Highlight selected label in green */
  font-weight: bold; /* Make the selected label bold */
}

#filterContainer div:hover {
  background-color: #f0f0f0; /* Highlight the item on hover */
  border-radius: 5px; /* Rounded corners for hover effect */
  transition: background-color 0.3s ease; /* Smooth hover transition */
}

.green-border-selectOne .ui-radiobutton .ui-radiobutton-box.ui-state-default {
  border: 1px solid var(--main-bg-color) !important;
}

.green-border-selectOne,
.ui-selectonemenu-panel {
  min-width: 250px !important;
}

.green-border-chkbox .ui-chkbox-box {
  border: 1px solid var(--main-bg-color) !important;
}

.ui-chkbox .ui-chkbox-box {
  border: 1px solid var(--main-bg-color) !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
  background: #ecf0f5;
  border: 1px solid #ecf0f5;
}

.accordion-list-text-uppercase {
  text-transform: uppercase;
  font-weight: 500 !important;
  background: #ecf0f5;
  border-bottom: 1px solid #ffffff !important;
}

#servicesForm\:serviceSelectors_content
  > div:nth-child(1)
  > div.ui-panelgrid-cell.ui-g-2,
#servicesForm\:serviceSelectors_content
  > div:nth-child(2)
  > div.ui-panelgrid-cell.ui-g-2,
#j_idt62\:j_idt63_content > div:nth-child(1) > div:nth-child(1),
#j_idt62\:j_idt63_content > div:nth-child(1) > div:nth-child(1),
#j_idt62\:j_idt63_content > div:nth-child(2) > div:nth-child(1) {
  margin: auto 0;
}

.services-persons-div {
  height: 150px;
}

.services-persons-image {
  height: 150px;
  object-fit: cover;
  width: 150px;
  border-radius: 100%;
  border: 10px solid;
  object-position: top;
}

.tab-department-selection ul {
  /* margin-left: 130px !important; */
  border-bottom: none !important;
  padding-bottom: 15px !important;
}

.green-border-top {
  border-top: 1px solid var(--main-bg-color);
}

.p-top-30 {
  padding-top: 30px;
}

body
  .ui-tabs.tab-department-selection
  .ui-tabs-nav.ui-widget-header
  li.ui-state-active {
  border-radius: 18px !important;
  border: none !important;
  background-color: var(--main-bg-color) !important;
}

body
  .ui-tabs.tab-department-selection
  .ui-tabs-nav.ui-widget-header
  li.ui-state-active
  a {
  color: white !important;
}

body .ui-tabs.tab-department-selection .ui-tabs-nav.ui-widget-header li {
  border-radius: 18px !important;
  border: none !important;
  background-color: white !important;
}

body .ui-tabs.tab-department-selection .ui-tabs-nav.ui-widget-header li a {
  color: var(--main-bg-color) !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.tab-department-selection ul:before {
  content: "Gyventojai";
  color: #222d32;
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.select-inhabitant {
  cursor: pointer;
}

.collapsable-div {
  position: absolute;
  right: 35px;
  top: 15px;
}

.collapsable-div img,
.collapse-tasks-position img {
  position: absolute;
  cursor: pointer;
}

.repeaterInnerContainer {
  display: inline-block;
  border-radius: 15%;
  margin-bottom: 15px;
  margin-right: 10px;
}

.repeaterInnerContainer > a {
  width: 100%;
}

.archiveBtnConteiner {
  display: block;
  padding-top: 15px;
}

.inhabitantBtnGroup {
  display: flex;

  justify-content: space-between;
  padding-bottom: 30px;
}

.inhabitantBtnGroup button {
  background-color: #009688;
}
.inhabitantBtnGroup button:hover,
.inhabitantBtnGroup button:focus {
  background-color: #1f7b76;
}

.inhabitantBtnGroup button > span {
  color: white;
}

.inhabitantBtnGroup button.ui-button.ui-state-hover {
  background-color: #1f7b76;
}

.inhabitanInnerBtn {
  margin-left: 30px;
}

.importantBtn {
  position: absolute;
  right: -25px;
  top: 50%;
}

.importantBtn > button.ui-button {
  background-color: #e51212;
  padding: 0;
}

.importantBtn > button.ui-button-text-only .ui-button-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.importantRed {
  width: 30px;
  height: 60px;
}

.importantRed > span {
  color: white;
  font-size: 40px;
}

.inhabitantBtnGroupImage {
  display: flex;
  justify-content: space-between;
}

.inhabitantBtnGroupImage > div.ui-chkbox .ui-chkbox-box {
  width: 25px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #777777 !important;
}

.inhabitantBtnGroupImage > div.ui-chkbox div.ui-chkbox-box.ui-state-active {
  background: white;
}

.inhabitantBtnGroupImage
  div.ui-chkbox-box.ui-state-default.ui-state-active
  span.ui-chkbox-icon:before {
  color: #777777;
}

.inhabitantBtnGroupImage > div.ui-chkbox span.ui-icon-check {
  bottom: 1px;
  right: 0;
}

.inhabitantBtnGroupImage > div.ui-chkbox span.ui-chkbox-icon:before {
  font-size: 16px;
}

.inhabitantBtnGroupImage > img {
  cursor: pointer;
}

.groupImg1 {
  padding-left: 10%;
}

.groupImg2 {
  padding-right: 10%;
}

.importantTransferInhabitant {
  font-weight: 600;
  font-size: 30px;
}

.importantTransferMainContainer {
  border: 1px solid #c4c4c4;
  padding: 5px;
}

.importantTransferContainer {
  display: grid;
}

.importantTransferContainer .service-important-info-sub {
  margin-bottom: 20px;
}

.importantTransferContainer table,
.importantTransferContainer form {
  margin-left: 15px;
}

.importantTransferContainer .ui-panelgrid .ui-panelgrid-cell,
.importantTransferContainer .ui-widget-content {
  border: none;
  padding: 0;
}

.importantTransferContainer .service-important-info-label {
  font-weight: 600;
}

.importantTransferText {
  margin: 15px 0 5px 0;
}

.elementCounter {
  color: #777777;
  font-size: 12px;
  font-weight: 500;
}

.importantTransferBtn > span {
  margin-left: 10px;
}

#tasksForm .ui-dialog-titlebar .ui-dialog-title {
  width: auto;
}

.ui-confirm-dialog .ui-dialog-title {
  width: auto;
}

.collapse-div-tasks {
  display: flex;
  width: 100%;
}

#inhabitantFormTop div ul {
  margin-bottom: -12px !important;
  text-align: center;
  padding-top: 40px;
}

.collapse-tasks-position {
  padding-top: 22px;
  position: absolute;
  right: 86px;
}

.daily-records-close-btn .ui-dialog-titlebar-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}

#daily-record-modal_title {
  float: right;
  text-align: end;
  margin-right: 50px !important;
}

.daiy-record-cards {
  width: 120px;
  height: 120px;
}

.exclamation-mark-bold {
  font-size: 20px;
  color: #168bff;
  font-weight: 900;
}

.row-of-daily-records {
  width: 100%;
  white-space: nowrap;
  position: relative;
  display: contents;
}

.top-minus-18 {
  top: -18px;
}

.daily-record-card-title-container,
.daily-record-card-content-container,
.daily-record-card-counter {
  color: var(--main-bg-color);
}

.row-of-daily-records a,
.daily-record-card {
  border: 2px solid var(--main-bg-color) !important;
}

.daily-record-card-title-container {
  border-bottom: 2px solid var(--main-bg-color);
  text-align: left;
  padding-left: 10px;
}

.border-bottom-only {
  border: 0;
  border-bottom: 1px solid var(--main-bg-color);
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.daily-record-card-title {
  border: 0;
  border-bottom: 2px solid var(--main-bg-color);
  white-space: initial;
  background: white;
  padding-right: 50px;
}

.border-bottom-hidden {
  border-bottom: hidden !important;
}

.height-fit-content {
  height: fit-content;
}

.border-0 {
  border: 0;
}

.d-block {
  display: block;
}

.white-bg {
  background-color: white !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

.remove-bg-color {
  background-color: #ecf0f5 !important;
}

.add-daily-record-btn {
  width: 175px;
  left: 117px;
  top: -17px;
}

.mt-10 {
  margin-top: 10px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.p-20 {
  padding: 20px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.border-hidden {
  border: hidden !important;
}

#servicesForm .ui-panelgrid-cell.ui-g-12.ui-md-12 {
  padding: 0 !important;
}

#servicesContainer_content {
  padding: 0 !important;
}

#services-inhabitant-details table {
  border: hidden !important;
}

#services-inhabitant-details table td {
  padding: 0 !important;
}

.selected-date-column {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  height: 50px !important;
}

.daily-record-card-content-container {
  text-align: center;
  padding-top: 18px;
}

.daily-record-card-counter {
  float: right;
  padding-top: 14%;
  border-left: 2px solid var(--main-bg-color);
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  background: white;
  min-width: 40px;
}

.row-of-daily-records a {
  width: 23.1%;
  height: 120px;
  margin: 20px 13px 0 0;
  display: inline-block;
}

.add-daily-record-margin {
  margin-top: 15px !important;
  margin-bottom: 25px !important;
}

.table-selected-date,
.records-for-48h {
  font-size: 24px;
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  height: 50px;
}

.hide-calendar-input input {
  display: none;
}

.align-calendar-icon button {
  position: absolute;
}

.modal-sections-border {
  border-bottom: 1px solid var(--main-bg-color);
  margin-bottom: 20px;
}

.modal-size-and-align-center {
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 850px;
}

.first-div-color-change div:first-child {
  border-color: var(--main-bg-color) !important;
}

.existing-daily-record-card {
  width: 23%;
  margin: 0 10px 15px;
  display: inline-block;
  position: relative;
  border-radius: 3px;
}

.row-of-daily-records a {
  color: var(--main-bg-color) !important;
  text-align: center;
}

.left-calender-arrow {
  display: inline-block !important;
  left: 20px !important;
  top: -21px !important;
  background: none !important;
}

.right-calendar-arrow {
  display: inline-block !important;
  left: 100px !important;
  top: -20px !important;
  background: none !important;
}

.calendar-alignment button {
  position: relative !important;
  display: inline-block !important;
  left: 59px !important;
  top: -8px !important;
}

.position-content table tbody tr {
  position: relative;
  display: inline-block;
}

.dialog-form-green-line div.ui-dialog-titlebar {
  border-bottom: 2px solid #1f7b76 !important;
}

body .ui-calendar button.ui-datepicker-trigger {
  height: auto;
  max-height: 32px;
}

.ui-calendar {
  margin-right: 0;
}

.ui-form-calendar {
  float: right;
}

.ui-form-calendar-form3-conteiner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.ui-form-calendar-form3 > button {
  top: -6px !important;
}

.ui-form-calendar-form3 > input {
  width: 150px;
}

.ui-form3-content {
  padding: 20px 5% 0 5%;
  border-bottom: 1px solid #1f7b76;
}

.ui-form3-lable1 {
  margin-top: 15px;
  padding-bottom: 10px;
}

.ui-form3-inner-conteiner {
  width: 60%;
}

.ui-form3-flex-conteiner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.additional-display-grid {
  padding: 15px 0 0 0;
}

#inhabitantAdditionalForm .ui-spinner {
  width: 60px;
  margin-left: 15%;
}

#inhabitantAdditionalForm .ui-spinner-up {
  background-color: #009688;
  width: 25px;
}

#inhabitantAdditionalForm .ui-spinner-down {
  background-color: #009688;
  width: 25px;
}

#inhabitantAdditionalForm .ui-spinner-input {
  padding-right: 30px;
}

#inhabitantAdditionalForm .ui-button-text {
  width: 100%;
  height: 100%;
}

#inhabitantAdditionalForm .ui-spinner-button .ui-icon {
  top: 0;
  left: -9px;
}

.additional-spinner {
  margin-bottom: 15px;
}

#inhabitantAdditionalForm .button-smile {
  width: 60px;
  height: 45px;
  background-color: white;
}

#inhabitantAdditionalForm .green-smile span {
  color: green;
}

#inhabitantAdditionalForm .yellow-smile span {
  color: yellow;
}

#inhabitantAdditionalForm .red-smile span {
  color: red;
}

#inhabitantAdditionalForm .button-smile span {
  width: 55px;
  height: 40px;
  left: 0;
  margin: 0;
  position: static;
  top: 0;
}

#inhabitantAdditionalForm .button-smile span.ui-icon.fa:before {
  font-size: 40px !important;
}

.ui-form3-textarea1 {
  margin-bottom: 20px;
  text-align: justify;
}

.needImportantCheck > div.ui-chkbox-box {
  border-radius: 50%;
}

#inhabitantAdditionalForm .ui-form3-booleanLabel {
  margin-left: 10px;
  font-weight: 400;
}

.ui-form3-checkmark {
  height: 41px;
}

.ui-form3-button1 span.ui-button-text {
  padding: 0.2em 0em 0.2em 1.5em;
}

.ui-form-calendar button.ui-datepicker-trigger {
  top: -5px !important;
}

.add-new-daily-record {
  font-size: 70px !important;
  background-color: transparent !important;
}

.add-new-daily-record div {
  padding-top: 7px !important;
}

.add-new-daily-record span {
  display: block !important;
}

.services-types-buttons div div {
  border-radius: 18px !important;
  border: none !important;
  background-color: white !important;
  margin-right: 10px !important;
  color: var(--main-bg-color) !important;
  font-size: 18px !important;
}

.clicked-services-type-buttons div .ui-state-active {
  background-color: var(--main-bg-color) !important;
  color: white !important;
}

.buttons-service-assignment-main div div {
  font-size: 15px !important;
}

.social-service-button {
  border-radius: 18px !important;
  background-color: white !important;
  color: var(--main-bg-color) !important;
  margin-bottom: 10px !important;
  margin-right: 8px;
}

.clicked-social-service-button {
  background-color: var(--main-bg-color) !important;
  color: white !important;
}

.hide-table-borders tbody tr {
  border: transparent;
}

.services-inhabitant-docs .inhabitant-document-btn {
  width: 30px !important;
}

.width-30 {
  width: 30px !important;
}

.services-inhabitant-docs .upload-btn-container {
  margin-left: 5px;
  width: 40px;
}

#servicesForm\:inhabitant-info-tabview\:inhabitantDocuments {
  padding: 0;
}

.clicked-inhabitant-image {
  /* box-shadow: 5px 5px 15px #222d32; */
  border-color: #0de155 !important;
}

.clicked-inhabitant-image > div {
  font-weight: 600;
}

.healtCare-service-buttons {
  border-radius: 18px !important;
  border: none !important;
  background-color: white !important;
  color: var(--main-bg-color) !important;
  font-size: 15px !important;
  padding: 10px;
}

.active-HealtCare-service-buttons {
  background-color: var(--main-bg-color) !important;
  color: white !important;
}

.break-all {
  word-break: break-all !important;
}

.ui-accordion .ui-accordion-content {
  font-size: 0;
  position: relative;
  /* background-color: var(--main-bg-color); */
  margin-bottom: 1px;
}

.ui-customselect-one {
  align-self: end;
  margin-right: 0;
  margin-top: 30px;
}
/* 
.ui-btn-container {
  width: 100% !important;
} */

.btn-year {
  width: 80px;
}

div.ui-selectonemenu
  div.ui-selectonemenu-trigger
  span.ui-icon-triangle-1-s:before {
  color: white;
}

.btn-excel {
  background-color: #0c5429;
}

.btn-download {
  background-color: #ecf0f5;
  border: none;
}

.ui-custom-checkbox input:checked ~ .checkmark:after {
  display: none;
}

.ui-custom-checkbox .checkmark:after {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0092c7;
}

div.iscp-tbl {
  background-color: white;
  margin-left: 100px;
  padding-bottom: 20px;
}
.white-background {
  background-color: white !important; /* Sets background to white */
}

.white-background-tab {
  margin-top: 10px;
  background-color: white !important; /* Ensures the tab content has a white background */
  border: 1px solid #ddd; /* Optional: Add a border to visually separate tabs */
  padding: 10px; /* Optional: Add padding for better content spacing */
}

div.iscp-tbl > .ui-panelgrid {
  border-top: 2px solid var(--main-bg-color);
}

.ui-g .iscp-column.iscp-row {
  border-bottom: 1px solid var(--main-bg-color);
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: justify;
}

.ui-g-column {
  padding-left: 0 !important;
}

.ui-accordion .ui-button.new-btn {
  background-color: var(--main-bg-color);
  color: white;
  margin-top: 3px;
  margin-bottom: 2px;
}

.ui-accordion .ui-button.need-btn {
  background-color: var(--main-bg-color);
  color: white;
}

.ui-g .iscp-column:nth-of-type(odd),
.iscp-tbl .title {
  font-weight: 700;
}

.iscp-tbl .iscp-tbl-header {
  display: flex;
  justify-content: space-between;
  line-height: 34px;
  padding-top: 20px;
  background-color: white;
}
.white {
  background-color: white !important;
}

.iscp-tbl .iscp-tbl-header .title {
  font-size: 15px;
  margin-left: 120px;
  width: 70%;
}

.ui-g .iscp-column:nth-of-type(even) {
  border-left: 2px solid var(--main-bg-color);
}

.important-information-funct-btns {
  text-align: right;
}

.funct-btns .ui-button.edit-btn {
  height: 34px;
  width: 34px;
  background-color: #ffba49;
  color: black;
}

.funct-btns .ui-button.edit-btn.green {
  background-color: #1f6f45 !important;
  color: white;
}

.funct-btns .ui-button.edit-btn.blue {
  background-color: #07a0c3 !important;
  color: white;
}

.funct-btns .ui-button.del-btn {
  height: 34px;
  width: 34px;
  background-color: #ec2d2d;
  color: rgb(255, 255, 255);
}

.absoluteCenter {
  position: relative;
}

.absoluteCenter > div {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.addOnGridSecondColumn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0 !important;
}

.addon-grid-flex {
  display: flex;
}

.ui-accordion .ui-accordion-content::before {
  content: "";
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  box-shadow: 3px 2px 5px 2px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 3px 2px 5px 2px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 3px 2px 5px 2px rgba(0, 0, 0, 0.55);
}

.iscp-tbl .criteria-title {
  padding-left: 0;
}

.iscp-tbl .criteria-content {
  padding-left: 0;
  display: flex;
  flex-direction: column;
}

.iscp-tbl .criteria-content .help-need-subtitle {
  font-size: 15px;
  margin-bottom: 10px;
}

.iscp-tbl .criteria-content .help-need-comment {
  margin-left: 20px;
}

.ui-faces-conteiner {
  display: flex;
  align-items: center;
}

.ui-faces-conteiner > span {
  padding-left: 10px;
}

.wellbeingGrid {
  flex-direction: column;
  padding-left: 40px;
}

.wellbeingLabel {
  margin-right: 5px;
}

.suggestionAccordionLabel {
  padding-bottom: 5px;
}

.suggestionCountOutputContainer {
  padding-top: 5px;
}

.suggestionCountContainer {
  margin: 10px 0 15px;
}

.suggestionCountLabel {
  padding-bottom: 5px;
}

.suggestionCount {
  padding-left: 10px;
}

.suggestionComment {
  margin-bottom: 5px;
  padding-left: 25px;
}

.iscp-tbl .review {
  margin-top: 30px;
  margin-left: 10px;
}

.iscp-tbl .review .title {
  font-size: 15px;
}

.iscp-tbl .review > .header > p {
  margin: 0;
}

.iscp-tbl .review > .header {
  display: flex;
  line-height: 34px;
  column-gap: 20px;
  margin-bottom: 10px;
}

.iscp-tbl .review .date {
  font-size: 15px;
  margin-right: 30px;
}

.iscp-tbl .review .rev-table {
  margin-left: 45px;
  border-top: 0;
}

.iscp-tbl .review .ui-g:nth-of-type(4) {
  font-style: oblique 50deg;
  color: rgb(179, 176, 176);
}

.reviewComment {
  margin: 10px 0 20px 80px;
  width: 80%;
  text-align: justify;
}

.innerReviewComment {
  color: grey;
}

.funct-btns button {
  margin-left: 5px;
}

.funct-btns button span {
  margin-left: 2px;
}

.funct-btns button:last-of-type {
  margin-right: 15px;
}

.iscp-tbl .addon-date,
.iscp-tbl .addon-description {
  padding-left: 15px;
  padding-right: 0;
}

.iscp-tbl .addon.ui-panelgrid {
  border-top: 1px solid var(--main-bg-color);
  border-bottom: 1px solid var(--main-bg-color);
}

.iscp-tbl .addon.ui-panelgrid:nth-of-type(2) {
  border-top: 2px solid var(--main-bg-color);
}

.iscp-tbl .needs-reviews-section {
  margin-top: 15px;
}

.iscp-tbl .addon .header,
.iscp-tbl .needs-reviews-section .header {
  margin: 0 0 10px 20px;
  display: flex;
  line-height: 32px;
}
.addon .header .title,
.needs-reviews-section .header .title {
  margin-bottom: 0;
  width: 200px;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
}

.addon .header .funct-btns .ui-button.new-btn,
.needs-reviews-section .header .funct-btns .ui-button.new-btn {
  margin: 0;
}

.iscp-tbl .addon .addon-date {
  border-right: 2px solid var(--main-bg-color);
}

.funct-btns button {
  width: 170px;
}

.ui-isgp-new-btn-coneiner button {
  width: 250px;
  margin: 0 10px;
}

.iscp-tbl .addon .needFillingAddContainer .addon-description {
  display: block;
}

.addon-small-grid {
  width: 100%;
}

.addon-small-btn-container {
  display: flex;
  justify-content: space-between;
  width: 250px;
}

.addon_small_label {
  font-weight: 600;
  align-self: center;
}

.addon-faces-container {
  display: flex;
}

.addon-faces {
  margin-left: 10px;
}

.addon-outputText {
  align-self: center;
  font-weight: 600;
}

.addon-faces-outputText {
  margin-left: 10px;
  align-self: center;
}

.customGrid-1 {
  width: 80%;
}

.customGrid-2 {
  width: 20%;
  min-height: 50px;
}

.addon-outputNumbers {
  align-self: center;
}

.addon-count-btn span.ui-icon.fa:before {
  font-size: 16px;
}

.addon-count-btn span {
  margin-top: -8px;
  margin-left: 2px;
}

.addon-outputText-description {
  margin-left: 10px;
  align-self: center;
  display: flex;
  text-align: justify;
}

.addont-selection-output {
  margin-left: 5%;
  margin-top: 5px;
  color: grey;
}

div.importantFullGrid {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--main-bg-color);
}

.importantLabel {
  margin-bottom: 10px;
  text-align: justify;
}

.importantTextLabel {
  margin-left: 5%;
  text-align: justify;
}

.importantText {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
}

.importantGrid {
  display: flex;
}

.importantPanel {
  width: 100%;
}

.ui-accordion .ui-accordion {
  margin-left: 30px;
}

#main-accordion:sub-accordion:j_idt279 {
  margin-left: 100px;
}

.ui-accordion .ui-accordion-header.accordion-title-main {
  background-color: var(--main-bg-color) !important;
}

.ui-accordion .ui-accordion-header.accordion-title-important {
  background-color: var(--main-important) !important;
}

.ui-accordion .ui-accordion-header.accordion-title-important:hover,
.ui-accordion .ui-accordion-header.accordion-title-important.ui-corner-top {
  background-color: #f0651a !important;
}

.ui-accordion .ui-accordion-header .ui-state-active .accordion-title-important {
  background-color: var(--main-important) !important;
}

.ui-accordion .ui-accordion-header.accordion-title-additional {
  background-color: var(--main-additional) !important;
}
.ui-accordion .ui-accordion-header.accordion-title-additional:hover,
.ui-accordion .ui-accordion-header.accordion-title-additional.ui-corner-top {
  background-color: #4aa6e7 !important;
}

.ui-accordion .ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header.ui-state-active {
  background-color: var(--main-bg-color) !important;
}

.ui-accordion .ui-accordion-header:hover {
  background-color: #01a090 !important;
}

.ui-isgp-radio.faces .ui-radiobutton,
.ui-isgp-radio.faces .ui-radiobutton-box {
  width: 31px;
  height: 31px;
}

.ui-isgp-radio.faces td {
  position: relative;
}

.ui-isgp-radio.faces.green .ui-isgp-radio .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid green;
}
.ui-isgp-radio.faces.blue .ui-isgp-radio .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #ffad05;
}
.ui-isgp-radio.faces.red .ui-isgp-radio .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid red;
}

.ui-isgp-radio.faces .ui-state-default::before,
.ui-isgp-radio.faces .ui-state-default::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: 8px;
  z-index: 20;
  top: 11px;
  background-color: red;
  border-radius: 50%;
}

.ui-isgp-radio.faces
  td:nth-child(1)
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-default {
  border: 1px solid green;
}
.ui-isgp-radio.faces
  td:nth-child(2)
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-default {
  border: 1px solid #ffad05;
}
.ui-isgp-radio.faces
  td:nth-child(3)
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-default {
  border: 1px solid red;
}

.ui-isgp-radio.faces td:nth-child(1) .ui-state-default::before,
.ui-isgp-radio.faces td:nth-child(1) .ui-state-default::after {
  background-color: green;
}
.ui-isgp-radio.faces td:nth-child(2) .ui-state-default::before,
.ui-isgp-radio.faces td:nth-child(2) .ui-state-default::after {
  background-color: #ffad05;
}
.ui-isgp-radio.faces td:nth-child(3) .ui-state-default::before,
.ui-isgp-radio.faces td:nth-child(3) .ui-state-default::after {
  background-color: red;
}

.ui-isgp-radio.faces td:nth-child(1) .ui-state-active::before,
.ui-isgp-radio.faces td:nth-child(1) .ui-state-active::after,
.ui-isgp-radio.faces td:nth-child(2) .ui-state-active::before,
.ui-isgp-radio.faces td:nth-child(2) .ui-state-active::after,
.ui-isgp-radio.faces td:nth-child(3) .ui-state-active::before,
.ui-isgp-radio.faces td:nth-child(3) .ui-state-active::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: 8px;
  z-index: 20;
  top: 11px;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
}

.ui-isgp-radio.faces .ui-state-active::before,
.ui-isgp-radio.faces .ui-state-active::after {
  background-color: rgb(255, 255, 255);
}

.ui-isgp-radio.faces td:nth-child(1) .ui-state-default::after,
.ui-isgp-radio.faces td:nth-child(2) .ui-state-default::after,
.ui-isgp-radio.faces td:nth-child(3) .ui-state-default::after {
  left: 18px;
}

.ui-isgp-radio.faces
  td:nth-child(1)
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon::before,
.ui-isgp-radio.faces td:nth-child(1) label::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 13px;
  left: 3px;
  z-index: 21;
  top: 8px;
  border-bottom: solid 3px white;
  border-radius: 50%;
}
.ui-isgp-radio.faces
  td:nth-child(2)
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon::before,
.ui-isgp-radio.faces td:nth-child(2) label::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 19px;
  left: 7px;
  z-index: 21;
  top: 2px;
  border-bottom: solid 2px white;
  border-radius: 14%;
}

.ui-isgp-radio.faces
  td:nth-child(3)
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon::before,
.ui-isgp-radio.faces td:nth-child(3) label::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 13px;
  z-index: 21;
  top: 30px;
  left: 4px;
  z-index: 20;
  transform: translateY(-100%);
  border-top: solid 3px white;
  border-radius: 50%;
}

.ui-isgp-radio.faces td:nth-child(1) label::before {
  top: 14px;
  left: 7px;
  z-index: 20;
  border-bottom: solid 3px green;
}
.ui-isgp-radio.faces td:nth-child(2) label::before {
  top: 9px;
  left: 10px;
  z-index: 20;
  border-bottom: solid 2px #ffad05;
}
.ui-isgp-radio.faces td:nth-child(3) label::before {
  top: 36px;
  left: 7px;
  z-index: 19;
  transform: translateY(-100%);
  border-top: solid 3px rgb(255, 0, 0);
}

.ui-isgp-radio.faces
  label::before
  .ui-isgp-radio.faces
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon::before {
  border-bottom: solid 3px rgb(255, 255, 255);
}

.ui-isgp-radio.faces
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon {
  width: 25px;
  height: 25px;
  background-color: red !important;
}

.ui-isgp-radio.faces
  td:nth-child(1)
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon {
  background-color: green !important;
}
.ui-isgp-radio.faces
  td:nth-child(2)
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon {
  background-color: #ffad05 !important;
}
.ui-isgp-radio.faces
  td:nth-child(3)
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-active
  span.ui-radiobutton-icon {
  background-color: red !important;
}

.criteria-content {
  position: relative;
}

.criteria-content table {
  position: absolute;
  left: -38px;
  top: -4px;
}

.criteria-content .ui-isgp-radio {
  cursor: default;
}

.ui-popup {
  position: relative;
  display: inline;
}

.ui-popup .ui-radio-label {
  cursor: pointer;
}

.ui-popup .tooltip-container {
  flex-direction: column;
  position: absolute;
  row-gap: 7px;
  display: none;
  padding: 15px;
  border-radius: 5px;
  border-top-left-radius: 0;
  left: -211px;
  transform: translateX(112px);
  bottom: 145%;
  z-index: 1000;
  background-color: white;
  box-shadow: 3px 4px 8px 0px rgb(0 0 0 / 78%);
  -webkit-box-shadow: 3px 4px 8px 0px rgb(0 0 0 / 78%);
  -moz-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.78);
}

.ui-popup:hover .tooltip-container {
  display: flex;
}

.ui-popup .tooltip-pointer {
  cursor: pointer;
  font-weight: bold;
  color: var(--main-bg-color);
  margin-left: 5px;
}

.activity-form > * {
  margin-bottom: 17px;
}

.activity-form > *:first-child {
  margin-bottom: 0;
}

.activity-form > *:last-child {
  margin-bottom: 0;
}

.activity-form .counter-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.activity-form .counter-container .ui-spinner-input {
  width: 50px;
}

.activity-form .ui-button-text {
  padding: 0;
}

.activity-form .counter-label {
  font-weight: normal;
}

.activity-form
  .ui-spinner
  a.ui-spinner-button
  span.ui-icon-triangle-1-n:before {
  top: 1px;
  left: -1px;
  content: "\f067" !important;
}

.activity-form .activity-unit {
  position: relative;
}

.activity-form .ui-button.activity-title-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff00;
}

.activity-form .ui-button.activity-title-button:hover {
  background-color: #ffffff00;
}

.activity-form
  .ui-spinner
  a.ui-spinner-button
  span.ui-icon-triangle-1-s:before {
  top: 0px;
  left: -1px;
  content: "\f068" !important;
}

.activity-form .activity-summary {
  padding-left: 30px;
}

.activity-form .activity-unit {
  display: flex;
  height: 59px;
  align-items: center;
  justify-content: space-between;
}

.activity-form .activity-edit-status-result {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.activity-form .activity-edit-status-result .activities-count {
  margin-right: 20px;
}

.activity-form .activity-unit:last-of-type {
  border-bottom: none;
}

.activity-form .activity-unit.selected {
  background: linear-gradient(
    90deg,
    rgba(8, 122, 14, 0.082) 0%,
    rgba(255, 255, 255, 0) 70%
  );
}

.activity-form .activity-unit .activity-title {
  margin-left: 20px;
}

.activity-form .activity-unit:hover {
  cursor: pointer;
  background: linear-gradient(
    90deg,
    rgba(8, 122, 14, 0.082) 0%,
    rgba(255, 255, 255, 0) 70%
  );
}

.activity-form .selections-container {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.activity-form .ativity-voting {
  display: flex;
  column-gap: 15px;
}

.activity-form .ui-button {
  color: white;
  background-color: var(--main-bg-color);
}

.activity-form .ui-button:hover {
  background-color: var(--main-bg-color-hov-dark);
}

.activity-form .funct-btns {
  display: flex;
}

.activity-form .ativity-voting tr {
  display: flex;
}

.activity-form .ativity-voting .faces {
  margin-top: 10px;
  margin-left: 0;
}
.activity-result {
  margin-left: 15px;
  margin-bottom: 4px;
  margin-right: 25px;
}

.activity-result .results-header {
  display: flex;
  justify-content: space-between;
}

.activity-result .results-header .result-header-status {
  display: flex;
  justify-content: space-between;
  width: 40%;
}

.activity-result .results-header .result-header-title {
  font-weight: normal;
}

.activity-result .results-header {
  line-height: 34px;
}

.activity-result .activity-comment-subtitle {
  font-style: italic;
  font-size: 13px;
  color: #898989;
}

.activity-result .activity-result-comment-section {
  margin-left: 20px;
}

.activity-result .activity-result-comment {
  display: block;
  white-space: pre-wrap;
  width: 77%;
}

.emotional-status {
  display: flex;
  column-gap: 30px;
}

.need-title-select-container {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.journalGrid tr {
  display: flex;
  flex-direction: column;
}

.journalGrid .ui-chkbox-box {
  border-radius: 50%;
}

.journalCheckbox {
  margin-bottom: 10px;
}

.jouranlConttent {
  padding-left: 5%;
  padding-right: 5%;
}

.journalButtonGroup {
  padding: 30px 0px 20px 0;
  display: flex;
  justify-content: end;
}

.journalHeader {
  padding: 0 0 5px 30px;
}

.journalOtherText {
  margin-bottom: 20px;
}

#incidentJournalForm .ui-state-error {
  background-color: rgb(252, 220, 220);
}

.incident-table {
  margin-left: 100px;
  padding: 20px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 46px;
  background-color: white;
}

.incident-table .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: 122px;
  font-weight: 600;
  margin-bottom: 10px;
}

.incident-table .incident-personal-table {
  padding-left: 40px;
  padding-top: 10px;
  border-top: 2px solid var(--main-bg-color);
  margin-bottom: 19px;
}

.incident-table .incident-personal-table .title,
.incident-table .incident-data-table .title {
  margin-left: 25px;
  font-weight: 600;
}

.incident-table .incident-data-table {
  border-top: 2px solid var(--main-bg-color);
}

.incident-table .incident-data-table .ui-g {
  border-bottom: 1px solid var(--main-bg-color);
}

.incident-table .incident-data-table .ui-panelgrid-cell {
  padding: 15px;
}
.incident-table .incident-data-table .ui-panelgrid-cell:first-of-type {
  border-right: 1px solid var(--main-bg-color);
}

.incident-table .incident-data-table .ui-panelgrid-cell .ui-panelgrid-cell {
  border: none;
}

.incident-table .incident-data-table .ui-g .ui-g {
  border: 0;
}

.incident-table .incident-description-content {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}

.incident-table .incident-description-title {
  font-weight: 600;
  text-align: justify;
}

.incident-table .incident-description-data {
  margin-left: 20px;
  color: rgb(92, 92, 92);
  text-align: justify;
}

.incident-places-container {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.incident-palces-inner-conteiner {
  display: flex;
  align-items: baseline;
}

.incident-places-container > * {
  flex: 50%;
}

.incident-places-container label {
  flex: 25%;
}

.incident-places-container input {
  flex: 75%;
}

.incident-form-data {
  padding-left: 32px;
  padding-right: 32px;
}

.incident-form-data input:nth-of-type(2) {
  margin-top: 15px;
}

#incidentForm .inhabitant-dialog {
  max-height: 1700px !important;
}

#incidentForm .inhabitant-dialog .btn-center {
  margin-top: 0;
}

/* #incidentForm  */
.ui-messages-warn {
  display: none;
}

.ui-growl-warn {
  display: none !important;
}

.incidentJournalMessage {
  display: none;
}

#incidentForm .ui-state-error {
  background-color: rgb(252, 220, 220);
}

#incidentForm .incident-time-container {
  justify-content: center;
  display: flex;
  align-items: baseline;
  gap: 36px;
}

#incidentForm
  .calendar-time-icon
  button.ui-datepicker-trigger
  > span.ui-icon-calendar::before {
  content: "\f017" !important;
}

.ui-datepicker .ui-timepicker-div > .ui-widget-header {
  background: var(--main-bg-color) !important;
}

#incidentForm .calendar-time-icon button.ui-datepicker-trigger {
  margin-top: 7px;
}

/* .incident-table span.ui-icon.fa:before {
  color: black;
} */

.ui-accordion .empty-tab.accordion-title-main {
  filter: opacity(83%);
}

.result-header {
  display: flex;
  justify-content: space-between;
}
.result-header .footer-title {
  font-size: 30px;
  letter-spacing: 2px;
  margin-left: 10px;
  font-weight: normal;
  text-transform: uppercase;
}
.result-header .footer-title.list {
  font-size: 15px;
  letter-spacing: 0px;
  text-transform: capitalize;
  width: 600px;
}

#result-container {
  position: relative;
}

#result-container .result-back-button {
  position: absolute;
  top: -10px;
  right: 0;
}

.result-header .inhabitant-select-menu {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.result-header .inhabitant-select-menu > label {
  font-weight: normal;
  color: rgb(94, 94, 94);
  margin-bottom: 5px;
}

#content .result-back-button {
  padding: 0px 19px;
  background-color: var(--main-bg-color);
  color: white;
  margin-left: 100%;
  transform: translateY(-100%);
  margin-bottom: 10px;
}

.result-buttons .result-button {
  padding: 29px 14px;
  background-color: #2f9fde;
  color: white;
  font-weight: 600;
  border-radius: 17px;
  width: 330px;
  height: 160px;
}

.result-buttons .result-button:hover {
  background-color: #42abe7;
}

#result-button-disabled {
  pointer-events: none !important;
  opacity: 1.65 !important;
}

.result-buttons > div {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.result-buttons div + div {
  margin-top: 50px;
}
.result-buttons > div:last-of-type .result-button {
  width: 680px;
}

.result-container {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 55px;
}

#content .result-buttons .result-button span {
  font-weight: bold;
  font-size: 25px;
}

.graphs-section .graphs-title {
  width: 100%;
  border-bottom: 1px solid var(--main-bg-color) !important;
  padding-left: 7px;
  padding-bottom: 15px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 2px;
}

.result-header.graph-picked {
  border-bottom: 2px solid var(--main-bg-color);
  padding-bottom: 10px;
}

.ui-button.collective-result-button {
  background-color: #00968742;
  position: absolute;
  transform: translateY(-100%);
  top: -15px;
  color: #4a4a4a;
  border-radius: 30px;
  padding: 4px 20px;
}
.ui-button.collective-result-button > .ui-button-text {
  font-weight: 600;
}

.ui-button.collective-result-button.is-active:hover {
  background-color: var(--main-bg-color-hov-dark);
}
.ui-button.collective-result-button.is-active {
  color: white;
  background-color: var(--main-bg-color);
}

*:has(> .ui-button.collective-result-button) {
  position: relative;
}

.pleasure-graphs-container {
  display: flex;
  margin-top: 80px;
  padding: 0 30px;
  gap: 30px;
  margin-bottom: 30px;
}

.inhabitant-profile-shadow {
  box-shadow: 5px 5px 15px #222d32;
}

.graphGrid {
  width: 100%;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
  margin-bottom: 40px;
}

.graphGrid > tbody > tr > td {
  height: 60px;
  width: 14.28%;
}

.graphGridMedium > tbody > tr > td {
  height: 60px;
}

.graphGridMedium {
  width: 45%;
  text-align: center;
  margin-left: 15px;
}

.graphGridRowHeader {
  background-color: #1f7b76;
  color: #ffffff;
}

.graphGridRowTitle {
  background-color: rgb(31, 123, 118, 0.7);
  color: #ffffff;
}

.graphGridRowSubTitle {
  background-color: rgb(31, 123, 118, 0.5);
  color: #ffffff;
}

.graphSmallCollumn > td {
  width: 8.33%;
}

.graphMediumCollumn > td {
  width: 33.33%;
}

.graphColumn50W {
  width: 50%;
}

.personalRelationsGraph {
  margin: 20px 0 0 20px;
}

.graphMeduim {
  width: 600px;
}

.collectionContainer {
  display: flex;
  margin: 60px 0 0 20px;
}

.collectionGraphContainers {
  width: 50%;
  padding: 10px 10px 10px 10px;
}

#collectiveNewSkillGrid {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
}

.important-misc-buttons {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

#result-page-title {
  font-size: 29px;
}

.self-support-graphs .ui-datatable .ui-datatable-header {
  background-color: #1f7b76;
  color: white;
  border: none;
  padding: 17px;
  border-right: 1px solid white;
}

.individual-planing table tbody td,
.individual-planing .ui-treetable table,
.individual-planing td,
.individual-planing .ui-datatable table thead th,
.individual-planing .ui-treetable table thead th {
  padding: 15px;
}

.individual-planing td[role="gridcell"] {
  border: #777777 solid 1px !important;
}

.individual-planing th.ui-state-default[role="columnheader"]:first-of-type {
  border-left: solid 1px #1f7b7682 !important;
}
.individual-planing th.ui-state-default[role="columnheader"]:last-of-type {
  border-right: solid 1px #1f7b7682 !important;
}

.individual-planing {
  margin: 10px 15px;
}

.individual-planing * {
  text-align: center !important;
}

.individual-planing th {
  background-color: #1f7b7682 !important;
  text-align: center !important;
  padding: 15px;
}

.dataTableHelpNeed,
.dataTableHelpNeed * {
}

.dataTableHelpNeed {
  display: flex;
  margin: 20px 15px 30px;
}

.dataTableHelpNeed .tableRow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  height: 80px;
  border: 1px solid #777777;
  border-left: none;
  border-bottom: none;
}

.dataTableHelpNeed .tableRow:last-of-type {
  border-bottom: 1px solid #777777;
}

.dataTableHelpNeed .columnTitle {
  border: 1px solid white;
  border-bottom-color: #1f7b76;
  border-left-color: #1f7b76;
  background-color: #1f7b76;
  color: white;
}
.dataTableHelpNeed .rowTitle {
  background-color: #1f7b766e;
  color: white;
}

.dataTableHelpNeed .tableColumn:last-of-type .columnTitle {
  border-right: 1px solid #1f7b76;
}

.involve-isgp-planing-charts {
  display: flex;
  justify-content: space-around;
}

.self-support-radar-chart {
  min-width: 700px;
  height: 700px;
  max-width: 950px;
  border: 1px solid #777777;
  margin-left: 15px;
  margin-bottom: 30px;
}
.healthChart {
  min-width: 700px;
  max-width: 950px;
  height: 700px;
  border: 1px solid #777777;
  margin-left: 15px;
  margin-bottom: 30px;
}

.inhabitant-service-btn {
  width: 32px !important;
}

.inhabitant-document-upload-button {
  display: flex;
}

.inhb-doc-margin {
  margin: 27px;
}

.inhabitant-document-end {
  height: 2px;
  background-color: #e5e5e5;
  margin-top: 20px;
}

.inhabitant-document-tooltip {
  display: none;
  position: absolute;
  width: 200px;
  left: 43px;
  bottom: 39px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 3px 4px 8px 0px rgb(0 0 0 / 78%);
  -webkit-box-shadow: 3px 4px 8px 0px rgb(0 0 0 / 78%);
  -moz-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.78);
}

.inhabitant-document-upload-button:hover .inhabitant-document-tooltip.active {
  display: block;
}

.only-icon-button {
  width: 32px !important;
}

.icon-opacity-low {
  filter: opacity(0.2);
}

div[id^="incidentJournalForm"] > .doc-tab-row {
  padding: 0;
}

.accordion-incident-documents {
  display: flex;
  flex-direction: column;
}

.accordion-incident-btn-row + .accordion-incident-btn-row {
  margin-top: 10px;
}

.accordion-incident-btn-row button + button {
  margin-left: 5px;
}

.accordion-incident-btn-row button:last-of-type {
  margin-right: 20px;
}

.accordion-incident-doc-title {
  font-weight: 600;
}

.accordion-inhab-list-title {
  padding-top: 15px;
}

.service-important-info-output-text {
  margin-bottom: 15px;
}

.need-filling-accordion-first-column {
  display: flex;
  flex-direction: column;
}

.empt {
  overflow: hidden;
  max-height: 30px;
}

@media only screen and (max-width: 1366px) {
  .document-buttons-padding {
    padding-left: 35px !important;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .document-buttons-padding {
    padding-left: 40px !important;
  }
}

@media (max-width: 1440px) {
  .services-inhabitant-doc-img-col {
    width: 17% !important;
  }

  .services-inhabitant-info-tabs li {
    width: 100px;
    white-space: break-spaces !important;
  }

  .services-inhabitant-docs .upload-btn-container,
  .services-inhabitant-info-tabs button {
    margin-top: 0 !important;
  }

  .row-of-daily-records a {
    width: 48% !important;
  }

  .daily-record-card-counter {
    padding-top: 13% !important;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  .services-inhabitant-doc-img-col {
    width: 14% !important;
  }

  .document-buttons-padding {
    padding-left: 50px !important;
  }

  .daily-record-card-counter {
    padding-top: 20% !important;
  }

  .row-of-daily-records a {
    height: 130px !important;
  }

  .add-new-daily-record div {
    padding-top: 10px !important;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
  .services-inhabitant-doc-img-col {
    width: 13% !important;
  }

  .document-buttons-padding {
    padding-left: 70px !important;
  }
}
#repeaterContainer {
  display: flex; /* Enable flexbox layout */
  flex-wrap: wrap; /* Allow items to wrap to the next row */
  gap: 10px; /* Add space between items */
  justify-content: flex-start; /* Align items to the left (default) */
}