.confirmDialog {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  left: 0;
  top: 0;
  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: rgb(0 0 0 / 90%);
  z-index: 10000;
}
.confirmDialog .content {
  background-color: white;
  border-radius: 5px;

  max-height: 90%;
  max-width: 90%;
}
.sendContract,
.rentProperty,
.cancelRentProperty,
.changeOwnerProperty,
.deleteProperty {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  left: 0;
  top: 0;
  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: rgb(0 0 0 / 90%);
  z-index: 10000;
}

.sendContract .content,
.rentProperty .content,
.cancelRentProperty .content,
.changeOwnerProperty .content,
.deleteProperty .content {
  background-color: white;
  border-radius: 5px;

  max-height: 90%;
  max-width: 90%;
}
.mr-6 {
  margin-right: 6rem !important;
}
.mr-7 {
  margin-right: 9rem !important;
}
.ml-6 {
  margin-left: 6rem !important;
}
.ml-7 {
  margin-left: 9rem !important;
}
.ml-8 {
  margin-left: 9rem !important;
}
.ml-9 {
  margin-left: 12rem !important;
}
.personMessage {
  cursor: pointer;
  line-height: 40px;
  transition: all 0.3s;
  border-radius: 5px;
}
.messageFromSender {
  background: rgb(109, 211, 0);
  display: flex;
  align-items: center;
  border-radius: 5px;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.bigProfilePicture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: rgb(0 0 0 / 90%);
  z-index: 1;
}
.bigProfilePicture img {
  max-height: 90%;
  max-width: 90%;
}
.calculatedPriceTitle,
.calculatedPrice {
  cursor: pointer;
}
#showInfoCalculatedPrice,
.calculatedPrice,
.calculatedPriceTitle {
  color: gray;
  font-size: 12px;
}
.profilePictureImage {
  cursor: pointer;
}
.bigProfilePicturefloat {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.userProfileNotifyMobile {
  right: 0;
  width: 10px;
  height: 10px;
  background-color: orange;
  position: absolute;
  border-radius: 5px;
}
.userProfileNotifyNav {
  width: 10px;
  height: 10px;
  background-color: orange;
  position: absolute;
  margin-top: -40px;
  right: 11px;
  border-radius: 5px;
}
.userProfileNotify {
  width: 10px;
  height: 10px;
  background-color: orange;
  position: absolute;
  top: 0;
  border-radius: 5px;
}
.messageToSender {
  background: rgb(89, 171, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 5px;
  color: white;
  text-align: right;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.personMessage:hover {
  background: #59ab0134;
}
.personSelected {
  background: #59ab0180 !important;
}
.personUnseen {
  background: #ab7e0180;
}
.personUnseen:hover {
  background: #c08d0080;
}
.personSelected:hover {
  background: #59ab0180;
}

.bg {
  /* The image used */
  background-image: url("/img/bg.png");

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
}

body,
html {
  height: 100%;
  font-family: "Roboto", sans-serif;
  background-color: rgb(236, 236, 236);
  transition: 0.5s;
}

.loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.card {
  background-color: white;
  font-family: "Poppins", sans-serif;
}

.cardImage {
  width: 100%;
}

.cardLocation svg {
  float: left;
}
.cardLocation i {
  float: left;
}
.cardLocation h6 {
  color: rgb(89, 171, 1);
  font-size: 12px;
}

.card .categories-1 svg {
  margin-top: 2px;
}
.card .categories-2 svg {
  margin-top: 5px;
}
.card button {
  font-size: 12px;
  font-weight: 500;
}
.navbar-nav > li {
  float: left;
  position: relative;
}

#save-p-form label {
  float: left;
}
#save-p-form button {
  height: 50px;
}
#save-p-form input {
  color: rgb(90, 93, 122);
  background-color: white;
  border: 2px solid rgb(89, 171, 1);
  border-radius: 5px;
  height: 50px;
}

.inova-logo-real-main {
  color: #59ab01;
}
.inova-logo-real-alt {
  color: #fff;
}
.inova-logo-inova-main {
  color: white;
}
.inova-logo-inova-alt {
  color: black;
}

#navbarSupportedContent > div > div > #signInButton:hover {
  color: black !important;
}

#navbarSupportedContent > div > div > #registerButton:hover {
  color: black !important;
  background-color: white !important;
}

.bg-transparent #navbarSupportedContent .navbar-nav .active a::after {
  border-bottom: 2px solid #5eb902;
  bottom: 5px;
  content: " ";
  width: 10%;
  min-width: 50px;
  margin: 0 auto;
  left: 0;
  position: absolute;
  right: 0;
}

.bg-inova-green #navbarSupportedContent .navbar-nav .active a::after {
  border-bottom: 2px solid black;
  bottom: 5px;
  content: " ";
  width: 10%;
  min-width: 50px;
  margin: 0 auto;
  left: 0;
  position: absolute;
  right: 0;
}

.subCategoryButton:hover {
  background-color: #5eb902 !important;
}

.bg-success {
  background-color: #5eb902 !important;
}
.logo-main {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  top: 5px;
}
.carousel .container {
  margin-right: auto;
  margin-left: auto;
}
.carousel .container img {
  position: relative;
  top: -3rem;
}
.carousel h2 {
  color: white;
}
.carousel h4 {
  color: white;
  font-size: 15px;
}
.carousel button {
  color: #5eb902;
}
.carousel button:hover {
  color: black;
}
.additionalPersonContract {
  border: 1px solid #dee2e6;
  border-radius: 5px;
}
.px-4_5 {
  padding-right: 2.2rem !important;
  padding-left: 2.2rem !important;
}
.deleteAdditionalPerson {
  float: right;
  color: black;
}
.verifiedMark {
  font-size: 16px;
  line-height: 46px;
  color: #59ab01;
  float: left;
  margin-right: 5px;
}
.registerForm .greenPart h2 {
  color: white;
  font-weight: 600;
}
.nav-line {
  color: grey;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}
.offerMessage {
  height: calc(100% - 50px) !important;
  min-height: 150px !important;
}
a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
}
.nav-line a {
  color: grey;
  text-decoration: none;
  transition: 0.5s;
}
.nav-line a:hover {
  color: black;
}
.registerForm .greenPart h4 {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.registerForm .greenPart button {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.signInFormDesign .greenPart h2 {
  color: white;
  font-weight: 600;
}
.signInFormDesign .greenPart h4 {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.signInFormDesign .greenPart button {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
#signOutButton:hover {
  background-color: white !important;
  color: black !important;
}
.nice-select ul.list {
  z-index: 200;
}
.subscribtionStatus {
  height: 50px;
  border-radius: 5px;
  color: white;
  line-height: 50px;
}
.userNameInNav {
  color: white !important;
  line-height: 40px;
  white-space: nowrap;
}
.userNameInNav:hover {
  color: black !important;
}
.linkUserNameInNav:hover {
  text-decoration: none !important;
  white-space: nowrap;
}
.linkUserNameInNav {
  overflow: hidden;
  display: block;
  max-height: 40px;
}
.registerForm .greenPart button:hover {
  color: black !important;
}
.signInFormDesign .greenPart button:hover {
  color: black !important;
}
.userProfileOptions {
  list-style-type: none;
}
.userProfileOptions li a,
.userProfileCalendar a {
  font-family: "Poppins", sans-serif;
  color: rgb(7, 9, 11);
  font-weight: 100;
  text-decoration: none;
  font-size: 14px;
}

.whitePart .back-to-home a i {
  color: #59ab01 !important;
}
.whitePart .back-to-home a svg {
  color: #59ab01 !important;
}
.whitePart .back-to-home a {
  color: rgb(76, 90, 119) !important;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
}

.greenPart .back-to-home a i {
  color: white !important;
}
.greenPart .back-to-home a svg {
  color: white !important;
}
.greenPart .back-to-home a {
  color: white !important;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
}

.h-97 {
  height: 97% !important;
}

.signInFooter {
  color: rgb(76, 90, 119);
  font-size: 12px;
  font-family: "Poppins", sans-serif;
}

.registerForm .whitePart .signInUserButton {
  color: white !important;
}

.registerForm .whitePart .signInUserButton:hover {
  color: white !important;
  background-color: #62bb03 !important;
}

.signregisterFormInForm .whitePart #signInRKButton {
  color: black !important;
}

#pushNotification {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 10px;
}

.registerForm .whitePart #signInRKButton:hover {
  color: white !important;
  background-color: #62bb03 !important;
}
.signInFormDesign .whitePart .signInUserButton {
  color: white !important;
}

.signInFormDesign .whitePart .signInUserButton:hover {
  color: white !important;
  background-color: #62bb03 !important;
}

.signInFormDesign .whitePart #signInRKButton {
  color: black !important;
}

.signInFormDesign .whitePart #signInRKButton:hover {
  color: white !important;
  background-color: #62bb03 !important;
}

#forgotPasswordLink a {
  color: rgb(170, 170, 170) !important;
  transition: 0.5s;
  text-decoration: none;
  font-size: 12px;
}
#forgotPasswordLink a:hover {
  color: black !important;
}

.registerForm .whitePart h2 {
  color: black;
  font-weight: 600;
}
.registerForm .whitePart h4 {
  color: black;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.addListingUserButton {
  display: block;
  position: relative;
  margin-top: -50px;
  right: 0;
  background-color: #59ab01;
  border-color: #59ab01;
  color: white;
  width: 20%;
  padding: 10px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
}
.addListingUserButtonSmall {
  background-color: #59ab01;
  border-color: #59ab01;
  color: white;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
}
.registerForm .whitePart button {
  color: black;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.signInFormDesign .whitePart h2 {
  color: black;
  font-weight: 600;
}
.signInFormDesign .whitePart h4 {
  color: black;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.signInFormDesign .whitePart button {
  color: black;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.bg-inova-green {
  background-color: #59ab01 !important;
}
footer a {
  color: rgb(76, 90, 119);
}
.mt-n6 {
  margin-top: -4.4rem !important;
}
.pb-6 {
  padding-bottom: 6rem !important;
}
.mb-6 {
  margin-bottom: 6rem !important;
}
.pt-6 {
  padding-top: 6rem !important;
}
.pt-7 {
  padding-top: 12rem !important;
}
.form-control:focus {
  border-color: #5eb902;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #5eb902;
}
.coverText {
  z-index: 2;
  position: relative;
}
.navbar-light .navbar-nav .nav-link {
  transition: 0.3s;
}
.bg-transparent #navbarSupportedContent .navbar-nav .nav-link:hover {
  color: #59ab01 !important;
}
.bg-inova-green #navbarSupportedContent .navbar-nav .nav-link:hover {
  color: black !important;
}
div.form-group > label {
  font-size: 120%;
}
.bg-transparent #navbarSupportedContent #signInButton {
  background-color: #5eb902 !important;
  color: white;
}
.bg-inova-green #navbarSupportedContent #signInButton {
  background-color: white !important;
  color: #5eb902;
}
button:disabled {
  cursor: default !important;
}
button.bg-inova-green {
  color: white !important;
}
.imageInAddProperty .deleteImageInAddProperty {
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  visibility: hidden;
}

.imageInAddProperty:hover .deleteImageInAddProperty {
  visibility: visible;
}

button.bg-inova-green:hover {
  background-color: #61c002 !important;
}
input::placeholder {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  color: rgb(224, 224, 224) !important;
}
body
  > div:nth-child(4)
  > div
  > form
  > div
  > div.form-group.col-lg-3.mainSelect
  > div
  > span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: rgb(224, 224, 224);
}
#messageSender {
  visibility: hidden;
}
.messagesElem {
  max-height: 300px;
  overflow: scroll;
  display: none;
}
#navbarSupportedContent button {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.container {
  z-index: 1;
}
#inputLocation {
  background-image: url(/img/location.png);
  background-position: 10px 15px;
  background-repeat: no-repeat;
  text-indent: 20px;
}
.inputPrice {
  background-image: url(/img/euro.png);
  background-position: 10px 15px;
  background-repeat: no-repeat;
  text-indent: 20px;
}
.inputMessage {
  background-image: url(/img/message.png);
  background-position: 10px 15px;
  background-repeat: no-repeat;
  background-size: 3%;
  padding-left: 40px;
}

input::-webkit-input-placeholder {
  font-family: sans-serif;
}

.input:-ms-input-placeholder {
  font-family: sans-serif;
}

.input:-moz-placeholder {
  font-family: sans-serif;
}

.input::-moz-placeholder {
  font-family: sans-serif;
}
.mainSearch {
  border-width: 2px !important;
  z-index: 3;
}
.mainSearch input {
  border-width: 2px;
}
.swap {
  cursor: pointer;
}
.nice-select {
  float: inherit !important;
  border-width: 2px !important;
  border-color: rgb(206, 212, 218) !important;
  line-height: inherit !important;
}
.nice-select .current {
  position: relative;
  bottom: 10px;
}
.nice-select:after {
  border-color: #5eb902 !important;
  height: 10px !important;
  width: 10px !important;
  margin-top: -6px !important;
}

.mt-18p {
  margin-top: 18%;
}
.mt-30p {
  margin-top: 35%;
}
.mt-20p {
  margin-top: 20%;
}
.mt-40p {
  margin-top: 40%;
}
.mt-60p {
  margin-top: 55%;
}

.mt-6 {
  margin-top: 6rem !important;
}

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

#addPropertyContainer input {
  height: 50px;
}

#itemsAddProperty label {
  line-height: 20px;
}

#addPropertyContainer input[type="checkbox"] {
  height: 20px;
  width: 20px;
  float: left;
  margin-right: 0.5rem;
}

#addPropertyContainer textarea {
  height: 400px;
}

.importantHide {
  display: none !important;
}
.importantBlock {
  display: block !important;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}

.searchButton {
  line-height: 3px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.nice-select .list {
  width: 100%;
}

.clear {
  clear: both;
}

.navbar {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.mainSelect .nice-select {
  background-image: url(/img/house.png);
  background-position: 10px 15px;
  background-repeat: no-repeat;
  text-indent: 20px;
}
.dataTables_filter,
.dataTables_info {
  display: none;
}
.page-item.active .page-link {
  background-color: rgb(89, 171, 1);
  border-color: rgb(89, 171, 1);
}
#userProfileTable td {
  line-height: 32px;
}

.searchButton {
  text-indent: 16px;
}

.searchButton:before {
  content: url(/img/search.png);
  left: 0;
  text-align: center;
  margin: 0 auto;
  width: calc(100% - 30px);
  top: 17px;
  position: absolute;
}

#mainSearchButton {
  margin-top: 36px !important;
  text-indent: 16px;

  line-height: 3px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
#mainSearchButton:before {
  content: url("/img/search.png");
  margin: 0 auto;
  left: 0;
  right: 80px;
  top: 53px;
  position: absolute;
}

.coverTextHeight {
  height: 91%;
}

.bigHeading h2 {
  font-size: 2.5rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.bigHeading h4 {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}
input[type="file"] {
  display: none;
}
@media (max-width: 768px) {
  .profilePaddingX {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .banner {
    /*min-height: 92vh;*/
  }
}
@media (min-height: 500px) {
  .banner-center {
    min-height: 92vh;
    display: flex !important;
  }
}
.select2-selection__rendered {
  line-height: 47px !important;
}
.select2-container .select2-selection--single {
  height: 50px !important;
}
.select2-selection__arrow {
  height: 49px !important;
}

@media (max-width: 768px) {
  .banner {
    min-height: auto;
  }
}

@media (min-width: 768px) {
  .profilePaddingX {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (max-width: 768px) {
  #calendarDiv td {
    padding: 0;
    height: 50px;
    text-align: center;
  }
  #calendarDiv th {
    padding: 0;
    text-align: center;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  #calendarDiv td {
    height: 100px;
    padding: 0;
    text-align: center;
  }
  #calendarDiv th {
    height: 30px;
    text-align: center;
    font-weight: 700;
  }
}

.selectedEventsHeader {
  color: #59ab01;
}

.btn-primary {
  border: none !important;
}

#calendarDiv .today {
  background-color: rgb(230, 230, 230);
}
#calendarDiv .event {
  background-color: rgb(255, 217, 217) !important;
}
#calendarDiv .selected {
  border: 3px solid #59ab01;
}
#calendarDiv .clickable {
  cursor: pointer;
}

#calendarDiv th:nth-of-type(6),
#calendarDiv td:nth-of-type(6) {
  font-weight: bold;
}
#calendarDiv th:nth-of-type(7),
#calendarDiv td:nth-of-type(7) {
  font-weight: bold;
}