@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
.margin {
  height: 30px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
  outline: none;
}

html {
  scroll-behavior: smooth;
}

body,
textarea,
button,
input,
select,
textarea,
p,
a,
li::marker,
ul,
ol {
  width: 100%;
  border: none;
  color: #222222;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

ul,
ol {
  padding-left: clamp(20px, 5%, 25px);
}

a {
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 20px;
  background-color: #F7F6F5;
}

.wrap-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 1048px;
  padding: 0px 5px;
}

.wrap-main-body {
  margin-top: 20px;
}

.wrap-body {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1048px;
  padding: 0px 5px;
  gap: 20px;
}
.wrap-body-candidate-view {
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrap-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 260px;
  gap: 20px;
}

.wrap-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 768px;
  gap: 20px;
}

.slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  background-color: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.025);
}

@media only screen and (max-width: 1048px) {
  .wrap-body {
    flex-direction: column;
    width: 100%;
  }
  .wrap-side {
    width: 100%;
    max-width: 100%;
  }
  .wrap-center {
    width: 100%;
    max-width: 100%;
  }
}
.margin {
  height: 30px;
}

.wrap-navigation {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 100px;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
  max-width: 1038px;
}

.navigation {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 100px;
  max-width: 1048px;
  gap: 20px;
  top: 0px;
  padding: 20px 30px;
  background-color: #FFFFFF;
  border-radius: 0px 0px 16px 16px;
  z-index: 2;
  box-shadow: 0px -0.1px 0.3px rgba(0, 0, 0, 0.07), 0px 0.2px 0.7px rgba(0, 0, 0, 0.035), 0px 0.9px 1.2px rgba(0, 0, 0, 0.024), 0px 2.1px 1.9px rgba(0, 0, 0, 0.017), 0px 6px 4px rgba(0, 0, 0, 0.01);
}
.navigation-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.navigation-buttons-settings {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.navigation-buttons-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.navigation-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}

.nav-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1.5px solid #3D3D3D;
  z-index: 1;
}
.nav-button-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  min-height: 60px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.nav-button-wrap:hover {
  background-color: #FBE2D6;
}
.nav-button-call {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: transparent;
  cursor: pointer;
  z-index: 2;
}
.nav-button-counter {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 100%;
  background-color: #1490EB;
  top: -10px;
  right: -10px;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #FFFFFF;
  cursor: default;
}
.nav-button-settings {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/settings-black.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.nav-button-notification {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/bell.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.nav-user-profile {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  padding: 5px 20px 5px 5px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  gap: 10px;
}
.nav-user-profile-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.nav-user-profile-wrap:hover {
  background-color: #FBE2D6;
}
.nav-user-profile-avatar {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-image: url("/app/media/images/male-avatar.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.nav-user-profile-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  height: 30px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 14px;
  font-weight: 600;
  color: #222222;
}
.nav-user-profile-call {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  cursor: pointer;
  z-index: 2;
}

.nav-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}

.nav-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: 15px;
  width: -moz-fit-content;
  width: fit-content;
  height: 15px;
  padding: 0 10px;
  border-radius: 100px;
  z-index: 1;
}
.nav-option-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: 30px;
  width: -moz-fit-content;
  width: fit-content;
  height: 30px;
  border-radius: 100px;
}
.nav-option-wrap:hover {
  background-color: #EEEEEE;
}
.nav-option-call {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-color: transparent;
  cursor: pointer;
  z-index: 2;
}
.nav-option-content {
  font-size: 14px;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.nav-option-counter {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 100%;
  background-color: #1490EB;
  top: -15px;
  right: -5px;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  color: #FFFFFF;
  cursor: default;
}

.nav-hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/hamburger-icons.svg");
  background-position: center 0%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.nav-hamburger-wrap {
  position: relative;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.nav-hamburger-wrap:hover {
  background-color: #EEEEEE;
}
.nav-hamburger-call {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.navigation-slide-test {
  height: 3000px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 16px;
  width: 100%;
}

@media only screen and (max-width: 1047px) {
  .navigation {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
  }
  .navigation-buttons {
    width: 100%;
  }
  .navigation-options {
    display: none;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
  }
  .nav-options {
    flex-direction: column;
    gap: 15px;
  }
  .nav-hamburger-wrap {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .nav-button {
    min-width: 40px;
    min-height: 40px;
    width: 30px;
    height: 30px;
  }
  .nav-button-wrap {
    min-width: 40px;
    min-height: 40px;
    width: 30px;
    height: 30px;
  }
  .nav-button-counter {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
  .nav-button-settings {
    width: 15px;
    height: 15px;
  }
  .nav-button-notification {
    width: 15px;
    height: 15px;
  }
  .nav-user-profile {
    height: 50px;
  }
  .nav-hamburger-wrap {
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 465px) {
  .navigation {
    padding: 20px;
  }
  .nav-user-profile-name {
    display: none;
  }
}
.margin {
  height: 30px;
}

.buttons-slide {
  padding: 30px;
}

.buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.buttons-sb {
  width: 100%;
  justify-content: space-between;
}
.buttons-coll {
  align-items: flex-start;
  flex-direction: column;
}
.buttons-center {
  align-items: center;
  justify-content: center;
}
.buttons-start {
  width: 100%;
  justify-content: flex-start;
}
.buttons-end {
  width: 100%;
  justify-content: flex-end;
}
.buttons a {
  width: -moz-fit-content;
  width: fit-content;
}

.buttons-control-unit {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px;
  border-radius: 100px;
  background-color: #FEF8F5;
  gap: 2px;
}
.buttons-control-unit-separator {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 1px;
  height: 10px;
  background-color: #EEEEEE;
}

.button {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  border-radius: 100px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: -moz-fit-content;
  min-width: fit-content;
  cursor: pointer;
  white-space: nowrap;
}
.button-action {
  position: absolute;
  width: 100%;
  height: 100%;
}
.button-default-blue {
  height: 70px;
  width: 100%;
  background-color: #1490EB;
  border-radius: 15px;
  color: #FFFFFF;
  line-height: 1;
  font-size: 16px;
}
.button-default-blue:hover {
  background-color: #339FEE;
}
.button-default-white {
  height: 70px;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 15px;
  color: #707070;
  line-height: 1;
  font-size: 14px;
}
.button-default-white:hover {
  color: #222222;
  background-color: #EEEEEE;
}
.button-default-black {
  height: 70px;
  width: 100%;
  background-color: #000000;
  border-radius: 15px;
  color: #FFFFFF;
  line-height: 1;
  font-size: 16px;
}
.button-default-black:hover {
  background-color: #222222;
}

.button-minimal {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding: 13px 25px;
  border-radius: 100px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: -moz-fit-content;
  min-width: fit-content;
  cursor: pointer;
  white-space: nowrap;
}
.button-minimal-blue {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #1490EB;
  color: #FFFFFF;
  line-height: 1;
  font-size: 14px;
}
.button-minimal-blue:hover {
  background-color: #339FEE;
}
.button-minimal-white {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #FFFFFF;
  color: #222222;
  line-height: 1;
  font-size: 14px;
}
.button-minimal-white:hover {
  background-color: #FAFAFA;
}
.button-minimal-grey {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F7F6F5;
  color: #222222;
  line-height: 1;
  font-size: 14px;
}
.button-minimal-grey:hover {
  background-color: #EEEEEE;
}

.buttonwithicon {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 5px 20px;
  border-radius: 100px;
  overflow: hidden;
  gap: 10px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.buttonwithicon-grey {
  background-color: #F7F6F5;
  color: #222222;
}
.buttonwithicon-grey:hover {
  background-color: #EEEEEE;
}
.buttonwithicon-blue {
  background-color: #1490EB;
  color: #FFFFFF;
}
.buttonwithicon-blue:hover {
  background-color: #339FEE;
}
.buttonwithicon-icon {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 100%;
}
.buttonwithicon-icon-share {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/share.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.buttonwithicon-icon-skills {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/trophy-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.buttonwithicon-icon-addskill {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/plus.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.buttonwithicon-icon-send {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/send.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.buttonwithicon-icon-close-dark {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  background-image: url("/app/media/icons/cross-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.buttonwithicon-action {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.round-button {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  background-color: #FFFFFF;
}
.round-button:hover {
  background-color: #FAFAFA;
}
.round-button-action {
  position: absolute;
  width: 100%;
  height: 100%;
}
.round-button-edit {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/pencil.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.round-button-add {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/plus.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.round-button-close {
  width: 12px;
  height: 12px;
  background-image: url("/app/media/icons/cross.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.round-button-delete {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/trash.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.round-button-select {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/angle-small-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.separator {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 200px;
}
.separator-content {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  color: #BBBBBB;
  z-index: 1;
}
.separator::after, .separator::before {
  content: "";
  background-color: #EEEEEE;
  height: 1px;
  left: 0px;
  width: 100%;
}

.minimal-mini-button {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.minimal-mini-button-edit {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/pencil.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.minimal-mini-button-remove {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/trash-light.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.minimal-mini-button-info {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/info-blue.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.minimal-mini-button-action {
  position: absolute;
  width: 100%;
  height: 100%;
}

.minimal-mini-button-bold {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.minimal-mini-button-bold-edit {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/pencil-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.minimal-mini-button-bold-reschedule {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/shuffle-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.minimal-mini-button-bold-postpone {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/clock-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.minimal-mini-button-bold-check {
  width: 100%;
  height: 100%;
  background-image: url("/app/media/icons/check-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.minimal-mini-button-bold-action {
  position: absolute;
  width: 100%;
  height: 100%;
}

.buttons-control-unit {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.buttons-control-unit a {
  width: 100%;
}

.button-single-control {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 100px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-color: #FEF8F5;
}
.button-single-control:hover {
  background-color: #FBE2D6;
}
.button-single-control:hover .button-single-control-info {
  display: flex;
}
.button-single-control-selected {
  background-color: #FBE2D6;
}
.button-single-control-action {
  position: absolute;
  width: 100%;
  height: 100%;
}
.button-single-control-info {
  position: absolute;
  display: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 10px;
  padding: 8px 15px;
  bottom: 45px;
  background-color: #F7F6F5;
  color: #222222;
  border-radius: 100px;
  z-index: 1;
}
.button-single-control-info::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 7px solid #F7F6F5;
}
.button-single-control-note {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/comment.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-people {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/users.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-jobs {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/briefcase.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-world {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/world.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-google {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/google.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-linkedin {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/linkedin-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-email {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/email-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-phone {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/phone-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-cv {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/address-book-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.button-single-control-matches {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/layers-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.button-single-control-first {
  padding: 10px 15px;
  border-radius: 100px 30px 30px 100px;
}

.button-single-control-middle {
  padding: 10px 15px;
  border-radius: 5px;
}

.button-single-control-last {
  padding: 10px 15px;
  border-radius: 30px 100px 100px 30px;
}

.border-icon-button {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 10px;
  border: 1px solid #F7F6F5;
  overflow: hidden;
  cursor: pointer;
  background-color: #FFFFFF;
}
.border-icon-button-action {
  position: absolute;
  width: 100%;
  height: 100%;
}
.border-icon-button-phone {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/phone.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-button-email {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/email.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-button-linkedin {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/linkedin.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.icons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.icon {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  overflow: hidden;
}
.icon-action {
  position: absolute;
  width: 100%;
  height: 100%;
}
.icon-linkedin {
  width: 25px;
  height: 25px;
  background-image: url("/app/media/icons/linkedin.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-github {
  width: 25px;
  height: 25px;
  background-image: url("/app/media/icons/github.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-dropdown {
  width: 25px;
  height: 25px;
  background-image: url("/app/media/icons/angle-small-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-up {
  width: 25px;
  height: 25px;
  background-image: url("/app/media/icons/angle-small-up.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.round-icon {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  background-color: #F0E2DB;
}
.round-icon-action {
  position: absolute;
  width: 100%;
  height: 100%;
}
.round-icon-info {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/bulb.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.border-icon {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 10px;
  border: 1px solid #F7F6F5;
  overflow: hidden;
  background-color: #FFFFFF;
}
.border-icon-company {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/building-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-country {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/map-marker-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-workingexperience {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/settings-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-availability {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/clock-three.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-location {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/marker-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-rate {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/coins-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-collaborationtype {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/document-signed-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-education {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/graduation-cap-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-achievements {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/badge-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-languages {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/language.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-linkedin {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/linkedin.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-github {
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/github.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.border-icon-mini {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #F7F6F5;
  overflow: hidden;
  background-color: #FFFFFF;
}
.border-icon-mini-company {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/building-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-country {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/map-marker-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-workingexperience {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/settings-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-availability {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/clock-three.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-location {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/marker-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-rate {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/coins-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-collaborationtype {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/document-signed-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-education {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/graduation-cap-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-achievements {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/badge-empty.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-languages {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/language.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-linkedin {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/linkedin.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.border-icon-mini-github {
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/github.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.separator-mini-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #707070;
}

.separator-major-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-image: url("/app/media/icons/angle-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.margin {
  height: 30px;
}

.inputs-slide-crem {
  background-color: #FEF8F5;
  padding: 30px;
}

.inputs-slide {
  padding: 30px;
}

.input {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 70px;
  padding: 20px 30px;
  border-radius: 15px;
}
.input::-moz-placeholder {
  color: #707070;
}
.input::placeholder {
  color: #707070;
}
.input-password {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.input-password-input {
  padding-right: 90px;
}
.input-password-icon {
  position: absolute;
  width: 70px;
  height: 100%;
  right: 0px;
  border-radius: 0px 15px 15px 0px;
  background-image: url("/app/media/icons/eye.svg");
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}
.input-password-icon-crossed {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  border-radius: 100%;
  background-image: url("/app/media/icons/eye-crossed.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.input-withlabel {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 20px 30px;
  gap: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
}
.input-withlabel .input-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  color: #1490EB;
  transition: font-size 0.5s ease;
}
.input-withlabel .input-zoom {
  font-size: 16px;
}
.input-withlabel input {
  font-size: 14px;
  background-color: transparent;
}

.input-bold {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
}

.textarea {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 2px;
}
.textarea .ql-toolbar {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  border: none !important;
  gap: 10px !important;
}
.textarea .ql-container {
  border: none !important;
  border-radius: 10px !important;
}
.textarea .ql-editor {
  width: 100% !important;
}
.textarea .ql-editor ul,
.textarea .ql-editor ol {
  padding-left: 0px !important;
}
.textarea-label {
  font-size: 12px;
  color: #1490EB;
}
.textarea-body {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.default-input {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  background-color: #FEF8F5;
}
.default-input input {
  background-color: transparent;
  padding: 15px 20px;
}

.default-input-withlabel {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  padding: 15px 20px;
  gap: 10px;
  background-color: #FEF8F5;
}
.default-input-withlabel-label {
  font-size: 12px;
  color: #707070;
}
.default-input-withlabel-inputs {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.default-input-withlabel-inputs input {
  background-color: transparent;
}
.default-input-withlabel-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.default-select-withlabel {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  padding: 15px 20px;
  gap: 10px;
  background-color: #FEF8F5;
}
.default-select-withlabel-wrap {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.default-select-withlabel-label {
  font-size: 12px;
  color: #707070;
}
.default-select-withlabel-inputs {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.default-select-withlabel-inputs::after {
  position: absolute;
  content: "";
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  right: 0px;
  background-image: url("/app/media/icons/angle-small-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.default-select-withlabel-inputs select {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-right: 20px;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 1;
}
.default-select-withlabel-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.check-input {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  padding: 15px 20px;
  gap: 5px;
  background-color: #FEF8F5;
}
.check-input-label {
  font-size: 14px;
  color: #222222;
}
.check-input-button {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 50px;
  height: 30px;
  border-radius: 100px;
  padding: 5px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.check-input-button .check-input-button-indicator {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #BBBBBB;
}
.check-input-button-active {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 50px;
  height: 30px;
  border-radius: 100px;
  padding: 5px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.check-input-button-active .check-input-button-indicator {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #1490EB;
}
.check-input-action {
  position: absolute;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.icon-input {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 5px;
}
.icon-input-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 7px;
}
.icon-input-header-label {
  font-size: 12px;
  color: #1490EB;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.icon-input-body {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-size: 14px;
  color: #222222;
}
.icon-input-body input {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  background-color: transparent;
}

.icon-input-withlabel {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 5px;
}
.icon-input-withlabel-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 7px;
}
.icon-input-withlabel-header-label {
  font-size: 12px;
  color: #1490EB;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.icon-input-withlabel-body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.skillset-inputs {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 10px;
  gap: 30px;
}

.skillset-input {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.skillset-input-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 100px;
  background-color: #FAFAFA;
  font-size: 14px;
  color: #222222;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.skillset-input-select {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  top: -5px;
  right: 5px;
  border-radius: 100%;
  background-color: #BBBBBB;
}
.skillset-input-select::after {
  content: "";
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/check.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.skillset-input-select-active {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  top: -5px;
  right: 5px;
  border-radius: 100%;
  background-color: #1490EB;
}
.skillset-input-select-active::after {
  content: "";
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/check.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.skillset-input-action {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 100px;
}

.addskill {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 20px;
  border-radius: 15px;
  gap: 20px;
  background-color: #FFFFFF;
}
.addskill-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.addskill-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}
.addskill-name {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 150px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  background-color: transparent;
}
.addskill-evaluation {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.addskill .select-options {
  font-size: 20px;
}

.fromto-input {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.fromto-input-from {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  border-radius: 15px;
  padding: 20px;
  width: 80%;
  min-height: 100px;
  gap: 10px;
}
.fromto-input-from-label {
  font-size: 14px;
  color: #3D3D3D;
}
.fromto-input-from-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.fromto-input-from-container select {
  font-size: 16px;
  color: #222222;
  border-radius: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  background-color: transparent;
}
.fromto-input-to {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  border-radius: 15px;
  padding: 20px;
  width: 80%;
  min-height: 100px;
  gap: 10px;
}
.fromto-input-to-label {
  font-size: 14px;
  color: #3D3D3D;
  width: -moz-fit-content;
  width: fit-content;
}
.fromto-input-to-present {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.fromto-input-to-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.fromto-input-to-container select {
  font-size: 16px;
  color: #222222;
  border-radius: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  background-color: transparent;
}

.fromto-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 42px;
  height: 26px;
  overflow: hidden;
  padding: 0px 3px 0px 3px;
  background-color: #bebebe;
  border-radius: 50px;
}
.fromto-checkbox-active {
  background-color: #1490EB;
  justify-content: flex-end;
}
.fromto-checkbox-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
}
.fromto-checkbox-action {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.fromto-checkbox-label-left {
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
  color: #3D3D3D;
  margin-right: 20px;
}
.fromto-checkbox-label-right {
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
  color: #3D3D3D;
  margin-left: 20px;
}

.select-profile {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 250px;
  padding: 10px;
  background-color: #FEF8F5;
  border-radius: 15px;
  gap: 15px;
}
.select-profile-input {
  background-color: transparent;
  display: none;
  width: 0px;
  height: 0px;
}
.select-profile-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  right: 10px;
}
.select-profile-selected {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  width: 100%;
  gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.select-profile-infowrap {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.select-profile-all {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  border-radius: 0 0 15px 15px;
  padding: 10px;
  gap: 5px;
  background-color: #FEF8F5;
  z-index: 1; /* Place it above other elements */
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.19);
}
.select-profile-elem {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 10px;
  width: 100%;
  gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.select-profile-elem:hover {
  background-color: #F5F1E7;
}
.select-profile-avatar {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #F0E2DB;
  background-color: #EEEEEE;
}
.select-profile-image {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.select-profile-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.select-profile-info {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 3px;
}
.select-profile-title {
  width: 100%;
  max-width: 150px;
  font-size: 14px;
  color: #222222;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-profile-subtitle {
  width: 100%;
  max-width: 150px;
  font-size: 12px;
  color: #707070;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-profile-action {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.select {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.select-options {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent !important;
  z-index: 1;
  padding-right: 30px;
  cursor: pointer;
}
.select-icon {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  right: 0px;
  z-index: 0;
}
.select-icon-dropdown {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/angle-small-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.select-icon-book {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/angle-small-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.select-icon-star {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/star.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.select-icon-rocket {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/rocket-lunch.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.editInputs {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 10px;
}

.editInput {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px 15px;
  border-radius: 15px;
  gap: 20px;
  background-color: #FAFAFA;
}
.editInput-body {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 10px;
}
.editInput-button {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.editInput-input {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.editInput-input input {
  background-color: transparent;
}
.editInput-select, .editInput-selected {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: #FFFFFF;
  border-radius: 100%;
}
.editInput-select:hover, .editInput-selected:hover {
  border: 2px solid #EEEEEE;
}
.editInput-select-icon, .editInput-selected-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  background-image: url("/app/media/icons/check-dark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.editInput-select-action, .editInput-selected-action {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.editInput-selected {
  background-color: #1490EB;
}
.editInput-selected-icon {
  background-image: url("/app/media/icons/check.svg");
}

.select-dropdown {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 250px;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
  gap: 5px;
}
.select-dropdown-label {
  font-size: 12px;
  color: #1490EB;
  padding-left: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-dropdown-input {
  width: 0;
  height: 0;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  background: none;
}
.select-dropdown-selected {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px 0px 10px;
  width: 100%;
  gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.select-dropdown-selected-wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.select-dropdown-selected-action {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.select-dropdown-all {
  position: absolute;
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  top: 100%;
  left: 0px;
  height: 150px;
  overflow-y: scroll;
  padding: 10px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.19);
  z-index: 1;
}
.select-dropdown-item {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}
.select-dropdown-selected-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  right: 10px;
}
.select-dropdown-selected-icon.rotate {
  transform: rotate(180deg); /* Rotate the icon */
}
.select-dropdown-all-item {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 45px;
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  font-size: 14px;
  color: #222222;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-dropdown-all-item:hover {
  background-color: #FAFAFA;
}
.select-dropdown .custom-date-input {
  display: none;
}

.margin {
  height: 30px;
}

.elems-slide-crem {
  background-color: #FEF8F5;
  padding: 30px;
}

.elems-slide {
  padding: 30px;
}

.tab-error {
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px;
  border-radius: 15px;
  width: 100%;
  gap: 10px;
  background-color: #FFFFFF;
}
.tab-error-label {
  font-size: 12px;
  color: #1490EB;
}
.tab-error-body {
  font-size: 14px;
  color: #222222;
}

.tab-info {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px;
  border-radius: 15px;
  width: 100%;
  gap: 10px;
  background-color: #FEF8F5;
}
.tab-info-icon {
  position: absolute;
  top: -10px;
  left: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
.tab-info-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.tab-info-label {
  font-size: 12px;
  color: #1490EB;
}
.tab-info-body {
  font-size: 14px;
  color: #222222;
}

.outputs {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.output {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 5px;
}
.output-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 7px;
}
.output-header-label {
  font-size: 12px;
  color: #1490EB;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.output-body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  color: #222222;
}
.output-body-value {
  font-size: 14px;
  color: #222222;
}
.output-body-subvalue {
  font-size: 12px;
  color: #707070;
}

.output-reverse {
  flex-flow: row;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse .output-header {
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse .output-body {
  width: -moz-fit-content;
  width: fit-content;
}

.output-reverse {
  flex-flow: row;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse .output-header {
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse .output-body {
  width: -moz-fit-content;
  width: fit-content;
}

.output-reverse-mini {
  flex-flow: row;
  align-items: center;
  gap: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse-mini .output-header {
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse-mini .output-body {
  width: -moz-fit-content;
  width: fit-content;
}
.output-reverse-mini .output-body-value {
  font-size: 12px;
}

.output-withbutton {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 5px;
}
.output-withbutton-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 7px;
}
.output-withbutton-header-label {
  font-size: 12px;
  color: #1490EB;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.output-withbutton-body {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  font-size: 14px;
  color: #222222;
  background-color: #FAFAFA;
  padding: 15px;
  border-radius: 15px;
}
.output-withbutton-body-wrap {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.output-withbutton-body-value {
  font-size: 14px;
  color: #222222;
}
.output-withbutton-body-subvalue {
  font-size: 12px;
  color: #707070;
}

.social {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.social-body {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
}
.social .icons {
  flex-flow: row;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.skills {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 5px;
}

.skill {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.skill-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 100px;
  background-color: #FAFAFA;
  font-size: 14px;
  color: #222222;
}
.skill-evaluation {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.skill-evaluation-value {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  line-height: 1;
}
.skill-evaluation-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/star.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.skill-edit {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 8px 20px 8px 15px;
  border-radius: 100px;
  background-color: #FFFFFF;
}
.skill-edit-info {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.skill-edit-name {
  font-size: 14px;
  font-weight: 500;
}
.skill-edit-evaluation {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.skill-edit-evaluation-value {
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  line-height: 1;
}
.skill-edit-evaluation-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/star.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.skill-fused {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 100px;
  background-color: #FAFAFA;
  gap: 10px;
}
.skill-fused-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #222222;
}
.skill-fused-evaluation {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.skill-fused-evaluation-value {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  line-height: 1;
}
.skill-fused-evaluation-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/star.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.skill-show {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 20px;
  border-radius: 16px;
  background-color: #FAFAFA;
  gap: 10px;
}
.skill-show-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #222222;
}
.skill-show-evaluation {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.skill-show-evaluation-value {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  line-height: 1;
}
.skill-show-evaluation-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/star.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.skill-fused-mini {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 12px;
  border-radius: 100px;
  background-color: #FAFAFA;
  gap: 10px;
}
.skill-fused-mini-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #222222;
}
.skill-fused-mini-evaluation {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.skill-fused-mini-evaluation-value {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #222222;
  font-weight: 500;
  line-height: 1;
}
.skill-fused-mini-evaluation-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/star.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.experiences {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.experience {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 30px;
  gap: 20px;
}
.experience-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.experience-header .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.experience-title {
  font-size: 16px;
  font-weight: 500;
}
.experience-terms {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.experience-terms .outputs {
  flex-flow: row wrap;
  gap: 20px 40px;
  justify-content: flex-start;
}
.experience-terms .outputs .output {
  width: -moz-fit-content;
  width: fit-content;
}
.experience-description {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.experience-description-label {
  font-size: 12px;
  color: #707070;
}
.experience-description-body {
  font-size: 14px;
  color: #222222;
}
.experience-separator {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1px;
  background-color: #FAFAFA;
}

.profile-header {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.profile-header-avatar {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #FBE2D6;
  background-color: #FFFFFF;
}
.profile-header-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-header-info {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 3px;
}
.profile-header-title {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.profile-header-name {
  font-size: 16px;
  font-weight: 500;
}
.profile-header-buttons {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.profile-header-info-extra {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.profile-header-info-elem-normal {
  font-size: 12px;
  color: #707070;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.profile-header-info-elem-highlight {
  font-size: 12px;
  color: #1490EB;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.double-profile-header {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.double-profile-header-avatar-wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 85px;
  height: 85px;
}
.double-profile-header-avatar-main {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #FBE2D6;
}
.double-profile-header-avatar-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.double-profile-header-avatar-second {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  bottom: 0px;
  right: 0px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #FBE2D6;
}
.double-profile-header-avatar-second img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.double-profile-header-info {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 3px;
}
.double-profile-header-title {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.double-profile-header-name {
  font-size: 16px;
  font-weight: 500;
}
.double-profile-header-buttons {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.double-profile-header-info-extra {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.double-profile-header-info-elem-big {
  font-size: 14px;
  color: #222222;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.double-profile-header-info-elem-normal {
  font-size: 12px;
  color: #707070;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.double-profile-header-info-elem-highlight {
  font-size: 12px;
  color: #1490EB;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.small-double-profile-header {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.small-double-profile-header-avatar-wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 45px;
  height: 45px;
}
.small-double-profile-header-avatar-main {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #FBE2D6;
}
.small-double-profile-header-avatar-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.small-double-profile-header-avatar-second {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  bottom: 0px;
  right: 0px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #FBE2D6;
}
.small-double-profile-header-avatar-second img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.small-double-profile-header-info {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 3px;
}
.small-double-profile-header-title {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.small-double-profile-header-name {
  font-size: 16px;
  font-weight: 500;
}
.small-double-profile-header-buttons {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.small-double-profile-header-info-extra {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.small-double-profile-header-info-elem-big {
  font-size: 14px;
  color: #222222;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.small-double-profile-header-info-elem-normal {
  font-size: 12px;
  color: #707070;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.small-double-profile-header-info-elem-highlight {
  font-size: 12px;
  color: #1490EB;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.big-profile-header {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.big-profile-header-avatar {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #FBE2D6;
}
.big-profile-header-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.big-profile-header-info {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 230px;
}
.big-profile-header-title {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.big-profile-header-name {
  font-size: 16px;
  font-weight: 500;
}
.big-profile-header-buttons {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.big-profile-header-info-extra {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.big-profile-header-info-elem-normal {
  font-size: 12px;
  color: #707070;
  line-height: 1.3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.big-profile-header-info-elem-highlight {
  font-size: 12px;
  color: #1490EB;
  line-height: 1.3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.message-fromto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 20px;
  border-radius: 15px;
  background-color: #FAFAFA;
  gap: 10px;
}
.message-fromto-title {
  font-size: 14px;
}
.message-fromto-hightlight {
  font-size: 12px;
  color: #1490EB;
}
.message-fromto-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
}
.message-fromto-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.message-fromto-sender, .message-fromto-receiver {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.message-fromto-avatar {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #FBE2D6;
}
.message-fromto-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.message-fromto-separator {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  background-image: url("/app/media/icons/angle-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.message-fromto-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 5px;
}
.message-fromto-output {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.message-fromto-output-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.message-fromto-output-time-hour {
  font-size: 12px;
  color: #222222;
}
.message-fromto-output-time-info {
  font-size: 12px;
  color: #222222;
}
.message-fromto-output-time-date {
  font-size: 12px;
  color: #222222;
}

.display {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 30px;
  gap: 15px;
  background-color: #FAFAFA;
  border-radius: 15px;
}
.display-elem {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 5px;
  cursor: pointer;
}
.display-elem-count {
  font-size: 20px;
  color: #222222;
  line-height: 1;
}
.display-elem-label {
  font-size: 12px;
  color: #707070;
  line-height: 1;
}
.display-elem-action {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.display-separator {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 2px;
  height: 2px;
  background-color: #3D3D3D;
}

.note {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.note-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  padding: 20px;
  border-radius: 15px;
  background-color: #FAFAFA;
}
.note-new-header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.note-new-profile-select {
  background-color: #FFFFFF;
}
.note-new-input {
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px;
}
.note-new-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 15px;
  gap: 10px;
}
.note-new-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.note-last {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-height: 600px;
  overflow-y: scroll;
  gap: 10px;
  padding: 20px;
  border-radius: 15px;
  background-color: #FAFAFA;
}
.note-last .message-fromto {
  background-color: #FFFFFF;
}
.note-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}

.widget {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 30px;
}
.widget-slide {
  padding: 30px;
}
.widget-slide-header-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.widget-slide-header-buttons-close {
  display: none;
}
.widget-slide-header-buttons-open {
  display: flex;
}

.addnew-contact {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.addnew-contact-avatars {
  display: none;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  gap: 30px 20px;
}
.addnew-contact-avatar, .addnew-contact-avatar-selected {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  gap: 10px;
  cursor: pointer;
}
.addnew-contact-avatar:hover, .addnew-contact-avatar-selected:hover {
  border: 2px solid #1490EB;
}
.addnew-contact-avatar img, .addnew-contact-avatar-selected img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.addnew-contact-avatar-selected {
  border: 2px solid #1490EB;
}
.addnew-contact-avatar-action {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.addnew-contact-select-profile {
  width: 100%;
}

.title {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 8px;
}
.title-header {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
}
.title-body {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
}
.title-body-separator {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #BBBBBB;
}
.title-name {
  font-size: 20px;
  line-height: 1;
}
.title-subtitle {
  font-size: 12px;
  line-height: 1;
}
.title-subtitle-highlighted {
  font-size: 12px;
  color: #1490EB;
  line-height: 1;
}

.matches {
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.matches-wrap {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.matches-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}

.match,
.match-contrast {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.match-header,
.match-contrast-header {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.match-buttons,
.match-contrast-buttons {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}
.match-edit,
.match-contrast-edit {
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.match-edit-inputs,
.match-contrast-edit-inputs {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.match-edit-input,
.match-contrast-edit-input {
  background-color: #FFFFFF;
}

.match-contrast {
  background-color: #FAFAFA;
  padding: 30px;
  border-radius: 15px;
}

.addnew-match {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  padding: 20px;
  border-radius: 15px;
}
.addnew-match-header {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.addnew-match-header-open {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
}
.addnew-match-header-close {
  display: none;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
}
.addnew-match-inputs {
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.addnew-match-buttons {
  display: none;
  flex-flow: row;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}

.searchbar {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.searchbar input {
  background-color: transparent !important;
  width: 100%;
  padding: 12px 20px;
}
.searchbar-body {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.searchbar-button {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 50px;
}
.searchbar-button-icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-image: url("/app/media/icons/search.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.searchbar-button-action {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

@media only screen and (max-width: 1048px) {
  .outputs {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px 50px;
  }
  .output {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (max-width: 550px) {
  .experience {
    padding: 20px;
  }
}
@media only screen and (max-width: 450px) {
  .experience {
    padding: 0px;
  }
}
.login {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
}
.login-info, .login-app {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  gap: 20px;
}
.login-info-error, .login-app-error {
  width: 100%;
  max-width: 320px;
}
.login-app {
  justify-content: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  overflow: scroll;
  padding: 20px;
}
.login-engine {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 320px;
}
.login-engine-inputs, .login-engine-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.login-engine-inputs-newpassword {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  align-self: end;
  padding-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  color: #707070;
}
.login-engine-inputs-newpassword:hover {
  color: #222222;
}
.login-info {
  background-color: #FBE2D6;
}

.newaccount-engine {
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 320px;
}
.newaccount-engine-inputs, .newaccount-engine-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.recoverpassword-engine {
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 320px;
}
.recoverpassword-engine-inputs, .recoverpassword-engine-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.resetpassword-engine {
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 320px;
}
.resetpassword-engine-inputs, .resetpassword-engine-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.validation-engine {
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 320px;
}
.validation-engine-inputs, .validation-engine-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .login {
    flex-flow: column-reverse;
  }
  .login-info, .login-app {
    width: 100%;
  }
}
.user-slide {
  position: relative;
  padding-bottom: 30px;
}
.user-slide .buttons {
  justify-content: space-between;
  padding: 0 30px;
}
.user-profile {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.user-profile-avatar {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  bottom: 0px;
  width: 100%;
  height: 20px;
}
.user-profile-avatar-image {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  bottom: 0px;
  border-radius: 100%;
  background-color: #EEEEEE;
}
.user-profile-body {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
  padding: 0px 30px;
}
.user-profile-buttons {
  position: absolute;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  top: 20px;
  padding: 0 20px;
  z-index: 1;
}
.user-profile-cover {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 140px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.user-profile-cover .buttons {
  justify-content: flex-end;
  padding: 20px;
}
.user-profile-header {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
}
.user-profile-info {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.user-profile-name {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.user-profile-terms {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
.user-profile-title {
  font-size: 14px;
  text-align: center;
}
.user-profile-opentowork {
  font-size: 12px;
  color: #1490EB;
}
.user-profile-highlights {
  font-size: 12px;
  color: #1490EB;
}

.user-slide-edit {
  display: none;
}
.user-slide-edit .user-profile {
  gap: 20px;
  padding-bottom: 30px;
}
.user-slide-edit .user-profile-cover .buttons {
  justify-content: space-between;
}
.user-slide-edit .user-profile-avatar-edit {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
}
.user-slide-edit .user-profile-inputs {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0px 20px;
  gap: 5px;
}

.collaboration-terms {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
.collaboration-terms-slide {
  padding: 30px;
}
.collaboration-terms-slide-hero {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.collaboration-terms-slide-hero .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.collaboration-terms-slide-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.collaboration-terms-inputs {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.collaboration-terms-slide-edit {
  display: none;
  padding: 30px 20px;
}

.essentials {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
.essentials-slide {
  padding: 30px;
}
.essentials-slide-hero {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.essentials-slide-hero .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.essentials-slide-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.essentials-slide .outputs {
  gap: 20px;
}
.essentials-slide-inputs {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.essentials-slide-edit {
  display: none;
  padding: 30px 20px;
}

.essentials-slide-inputs-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.essentials-output-body {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.essentials-output-body-addnew {
  display: none;
}
.essentials-output-body-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.avatar {
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  min-height: 120px;
  width: 120px;
  height: 120px;
  bottom: 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  z-index: 1;
}
.avatar::after {
  position: absolute;
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #EEEEEE;
  bottom: 0px;
  z-index: 0;
}
.avatar-edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0px;
  right: 10px;
  z-index: 2;
}
.avatar-edit-upload-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: #FFFFFF;
  cursor: pointer;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.avatar-edit-upload-label::after {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/pencil.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.avatar-edit-upload-label:hover {
  background-color: #FAFAFA;
}
.avatar-edit #id-edit-user-avatar-image {
  display: none;
}

.cover {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cover-image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.cover-edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
  left: 20px;
  z-index: 2;
}
.cover-edit-upload-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: #FFFFFF;
  cursor: pointer;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.cover-edit-upload-label::after {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("/app/media/icons/pencil.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.cover-edit-upload-label:hover {
  background-color: #FAFAFA;
}
.cover-edit #id-edit-user-cover-image {
  display: none;
}

#id-edit-user-location-city-input {
  display: none;
}

.skillset {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
.skillset-slide {
  padding: 30px;
}
.skillset-slide-hero {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.skillset-slide-hero .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.skillset-slide-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.skillset-slide-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}
.skillset-slide-buttons .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.skillset-slide-tabinfo {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.skillset-slide-tabinfo-wrapper {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding: 30px;
}
.skillset-slide-tabinfo-body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.skillset-slide-tabinfo-image {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0px;
}
.skillset-slide-tabinfo-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.skillset-slide-tabinfo-title {
  font-size: 20px;
  font-weight: 500;
}
.skillset-slide-tabinfo p {
  display: inline-block;
}
.skillset-slide-tabinfo img {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.skillset-slide-edit {
  display: none;
  padding: 30px;
}

.p-skillset {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}

@media only screen and (min-width: 670px) and (max-width: 1048px) {
  .user-profile {
    align-items: flex-start;
  }
  .user-profile-body {
    flex-flow: row;
    align-items: flex-start;
  }
  .user-profile-cover {
    height: 220px;
  }
  .user-profile-header {
    align-items: flex-start;
    width: 100%;
  }
  .user-profile-avatar {
    width: 300px;
  }
  .user-profile-info {
    width: 300px;
  }
  .user-profile-terms {
    gap: 50px;
  }
}
@media only screen and (min-width: 670px) and (max-width: 768px) {
  .user-profile-terms {
    gap: 20px;
  }
}
.experience-terms-inputs {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.experience-description-body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.experience-description-body h1, .experience-description-body h2, .experience-description-body h3, .experience-description-body h4 {
  font-size: 14px;
}

.experiences-slide-edit {
  display: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}

.p-experiences {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}

.experiences {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
.experiences-slide {
  padding: 30px;
}
.experiences-slide-hero {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.experiences-slide-hero .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.experiences-slide-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.experiences-slide-buttons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}
.experiences-slide-buttons .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.experiences-slide-tabinfo {
  display: none;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding: 30px;
}
.experiences-slide-tabinfo-body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.experiences-slide-tabinfo-image {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0px;
}
.experiences-slide-tabinfo-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.experiences-slide-tabinfo-title {
  font-size: 20px;
  font-weight: 500;
}
.experiences-slide-tabinfo p {
  display: inline-block;
}
.experiences-slide-tabinfo img {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.cs-experiences-first .experiences-slide-tabinfo {
  display: flex;
}
.cs-experiences-first .experiences-slide {
  display: none;
}

.skills-slide {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 30px;
  padding: 30px;
}
.skills-slide-hero {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 30px;
}
.skills-slide-hero-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.skills-slide-hero .buttons {
  width: -moz-fit-content;
  width: fit-content;
}
.skills-slide-body {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 10px 20px;
}
.skills-slide-buttons {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
}
.skills-slide-addnew {
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.skills-slide-addnew .addskill {
  background-color: #FAFAFA;
}
.skills-slide-close-button {
  display: none;
}
.skills-slide-tabinfo {
  display: none;
  flex-flow: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  padding: 30px;
}
.skills-slide-tabinfo-body {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.skills-slide-tabinfo-image {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0px;
}
.skills-slide-tabinfo-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.skills-slide-tabinfo-title {
  font-size: 20px;
  font-weight: 500;
}
.skills-slide-tabinfo p {
  display: inline-block;
}
.skills-slide-tabinfo img {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.p-skills {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}

.cs-skills-first .skills-slide-tabinfo {
  display: flex;
}
.cs-skills-first .skills-slide {
  display: none;
}

.p-teams {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}

.teams {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow-y: scroll;
  gap: 20px;
  padding: 30px;
}
.teams-hero {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.teams-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.teams-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.teams-label-title {
  font-size: 12px;
  color: #1490EB;
}
.teams-body {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow-y: scroll;
  gap: 5px;
}
.teams-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}
.teams-addteam {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
}
.teams-addteam-input {
  background-color: #FAFAFA;
}

.teams-profile {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
  background-color: #F7F6F5;
  padding: 15px 20px;
  border-radius: 15px;
}
.teams-profile-action {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  cursor: pointer;
}

.selectedTeam {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  padding: 30px;
}

.selectedTeam-members {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  padding: 20px;
}
.selectedTeam-members-list {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 5px;
}

.newTeams {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  padding: 30px 30px 0 30px;
}
.newTeams-body {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.newTeams-title {
  font-size: 20px;
  font-weight: 500;
}
.newTeams-image {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.newTeams-image img {
  position: relative;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.newTeams-image::after {
  content: " ";
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  bottom: 0;
}
.newTeams-addteam {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 350px;
  padding-bottom: 30px;
  gap: 10px;
  background-image: url("/app/media/images/teams.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
.newTeams-input {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.newTeams-input input {
  min-width: 180px;
  width: 100%;
  padding: 8px 0px;
  background-color: transparent;
}
.newTeams-company {
  display: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
  padding: 20px 30px;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.025);
}
.newTeams-company .avatar {
  position: relative;
}
.newTeams-company #newTeams-avatar-image {
  display: none;
}
.newTeams-join {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
  padding: 20px 30px;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.025);
}

.newTeams-check-input {
  align-self: end;
  background-color: #FAFAFA;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 7px 7px 20px;
  border-radius: 100px;
  gap: 20px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.025);
}
.newTeams-check-input .check-input-label {
  font-size: 12px;
  color: #222222;
}

.leads {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 30px;
  gap: 20px;
}
.lead-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.lead-header-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
}
.lead-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.lead-lastnote {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.lead-note {
  display: none;
}

.leadsContacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.leadsContact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 30px;
  gap: 20px;
}
.leadsContact-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.leadsContact-header-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
}
.leadsContact-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.leadsContact-lastnote {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.leadsContact-note {
  display: none;
}

.contactInfoEdit {
  display: none;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.contactInfoEdit-buttons {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}
.contactInfoEdit-label {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  font-size: 12px;
  color: #1490EB;
  padding-left: 20px;
}

#a-addnew-contact-select {
  display: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.addnew-leadContact {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
  padding: 30px;
}
.addnew-leadContact-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}

.company-user-slide {
  padding-bottom: 30px;
}

.company-job-terms-slide {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.company-job-skills-slide {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
}
.company-job-skills-slide-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.company-job-skills-slide-header-label {
  font-size: 12px;
  color: #1490EB;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-width: fit-content;
}

.company-profile-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 5px;
}

.company-contacts-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.company-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 30px;
  gap: 30px;
}
.company-contact-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 30px;
}
.company-contact-header-profile {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
}
.company-contact-header-buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 30px;
}
.company-contact-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.company-contact-last-note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.company-note-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  background-color: #FFFFFF;
  padding: 30px;
  border-radius: 15px;
  gap: 30px;
}

.company-note-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}

.company-jobs-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}

.company-job-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 30px;
  gap: 30px;
}
.company-job-slide-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
.company-job-slide-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.company-job-slide-note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.company-job-slide-header > .profile-header-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.company-job-slide-header > .profile-header-info .profile-header-name {
  font-size: 20px;
}

.company-job-slide-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.jobs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 30px;
  gap: 20px;
}

.job {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 30px;
}
.job-header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  gap: 30px;
}
.job-header-info-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 30px;
}
.job-header-info-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 30px;
}
.job-header-info-candidates {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.job-lastnote {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.job-note {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.job-note-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  padding: 20px;
  border-radius: 15px;
  background-color: #FAFAFA;
}
.job-note-new-header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.job-note-new-profile-select {
  background-color: #FFFFFF;
}
.job-note-new-input {
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px;
}
.job-note-new-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 15px;
  gap: 10px;
}
.job-note-new-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.job-note-last {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

.addnew-job {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.addnew-job-select-companies {
  display: none;
  width: 100%;
}
.addnew-job-select-companies .select-profile {
  width: 100%;
}
.addnew-job-select-profile {
  display: none;
  width: 100%;
}
.addnew-job-select-profile .select-profile {
  width: 100%;
}
.addnew-job-textarea {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  border-radius: 15px;
  padding: 15px 20px;
  background-color: #FEF8F5;
}
.addnew-job-textarea-label {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  font-size: 12px;
  color: #222222;
}
.addnew-job-terms {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.addnew-job-skills {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
  background-color: #FEF8F5;
  padding: 15px 20px;
  border-radius: 15px;
}
.addnew-job-skills-label {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  font-size: 12px;
}
.addnew-job-skills-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px 20px;
}

.candidates {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}

.candidate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 30px;
  border-radius: 30px;
}
.candidate-header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  gap: 30px 70px;
}
.candidate-header-info-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  gap: 15px;
}
.candidate-header-info-controls {
  justify-content: flex-start;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.candidate-skills-terms {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
}
.candidate-terms {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.candidate-terms-label {
  font-size: 12px;
  color: #1490EB;
}
.candidate-terms-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px 20px;
}
.candidate-skills {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
.candidate-skills-label {
  font-size: 12px;
  color: #1490EB;
}
.candidate-skills-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px 10px;
}
.candidate-profile-header-info-extra {
  flex-flow: column;
  align-items: flex-start;
}
.candidate-lastnote {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.candidate-note {
  display: none;
}
.candidate-addnew-match {
  background-color: rgba(252, 252, 252, 0.2784313725);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.045);
}

.addnew-candidate {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
  padding: 30px;
}
.addnew-candidate-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}/*# sourceMappingURL=style.css.map */