@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,700");
@keyframes bell-vibrate {
  0% {
    transform: rotate(0); }
  4% {
    transform: rotate(8deg); }
  8% {
    transform: rotate(-8deg); }
  12% {
    transform: rotate(8deg); }
  16% {
    transform: rotate(-8deg); }
  20% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

/* ANIMATION FOR NIUP WHAT */
@keyframes blinking {
  0% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); }
  50% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.1); }
  100% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1); } }

:root {
  /* COLORS */
  --primary_light: #94d4e4;
  --primary: #28aaca;
  --primary_dark: #1a758c;
  --white: #ffffff;
  --secondary_light: #787878;
  --secondary: #4a4a4a;
  --secondary_dark: #252525;
  --grey_light: #ececec;
  --grey_medium: #aaa;
  --grey: #d1d1d1;
  --grey_dark: #a4a4a4;
  --background: #f6f6f6;
  --black: #000000;
  --success: #67c567;
  --success_dark: #529e52;
  --alert_success: #a3dca3;
  --alert_warning: #f6d27f;
  --warning: #e2a416;
  --warning_dark: #bd8400d2;
  --alert_normal: #7eccdf;
  --error: #cc0000;
  --alert_delete: #920101;
  --alert_danger: #e06666;
  --graph_seasile: #70abac;
  --graph_purple: #9966ff;
  --graph_buider: #e30425;
  --graph_thebox: #01395e;
  --graph_niup: #787878; }

/*---------------------------*/
/*         VARIABLE          */
/*---------------------------*/
/*SIZES ICONS*/
.svg-xxxlarge {
  width: 100px;
  height: 100px; }

.svg-xxlarge {
  width: 60px;
  height: 60px; }

.svg-medium {
  width: 30px;
  height: 30px; }

.svg-average {
  width: 25px;
  height: 25px; }

.svg-small {
  width: 20px;
  height: 20px; }

.svg-xsmall {
  width: 15px;
  height: 15px; }

.svg-xxsmall {
  width: 12px;
  height: 12px; }

.svg-xxsmall {
  width: 10px;
  height: 10px; }

/*COLORS ICONS*/
.svg-primary_light path {
  fill: #94d4e4;
  transition: all 0.4s ease-in-out; }

.svg-hover-primary_light:hover path {
  fill: #94d4e4; }

.svg-primary path {
  fill: #28aaca;
  transition: all 0.4s ease-in-out; }

.svg-hover-primary:hover path {
  fill: #28aaca; }

.svg-primary_dark path {
  fill: #1a758c;
  transition: all 0.4s ease-in-out; }

.svg-hover-primary_dark:hover path {
  fill: #1a758c; }

.svg-white path {
  fill: #ffffff;
  transition: all 0.4s ease-in-out; }

.svg-hover-white:hover path {
  fill: #ffffff; }

.svg-secondary_light path {
  fill: #787878;
  transition: all 0.4s ease-in-out; }

.svg-hover-secondary_light:hover path {
  fill: #787878; }

.svg-secondary path {
  fill: #4a4a4a;
  transition: all 0.4s ease-in-out; }

.svg-hover-secondary:hover path {
  fill: #4a4a4a; }

.svg-secondary_dark path {
  fill: #252525;
  transition: all 0.4s ease-in-out; }

.svg-hover-secondary_dark:hover path {
  fill: #252525; }

.svg-grey_light path {
  fill: #ececec;
  transition: all 0.4s ease-in-out; }

.svg-hover-grey_light:hover path {
  fill: #ececec; }

.svg-grey_medium path {
  fill: #aaa;
  transition: all 0.4s ease-in-out; }

.svg-hover-grey_medium:hover path {
  fill: #aaa; }

.svg-grey path {
  fill: #d1d1d1;
  transition: all 0.4s ease-in-out; }

.svg-hover-grey:hover path {
  fill: #d1d1d1; }

.svg-grey_dark path {
  fill: #a4a4a4;
  transition: all 0.4s ease-in-out; }

.svg-hover-grey_dark:hover path {
  fill: #a4a4a4; }

.svg-background path {
  fill: #f6f6f6;
  transition: all 0.4s ease-in-out; }

.svg-hover-background:hover path {
  fill: #f6f6f6; }

.svg-black path {
  fill: #000000;
  transition: all 0.4s ease-in-out; }

.svg-hover-black:hover path {
  fill: #000000; }

.svg-success path {
  fill: #67c567;
  transition: all 0.4s ease-in-out; }

.svg-hover-success:hover path {
  fill: #67c567; }

.svg-success_dark path {
  fill: #529e52;
  transition: all 0.4s ease-in-out; }

.svg-hover-success_dark:hover path {
  fill: #529e52; }

.svg-alert_success path {
  fill: #a3dca3;
  transition: all 0.4s ease-in-out; }

.svg-hover-alert_success:hover path {
  fill: #a3dca3; }

.svg-alert_warning path {
  fill: #f6d27f;
  transition: all 0.4s ease-in-out; }

.svg-hover-alert_warning:hover path {
  fill: #f6d27f; }

.svg-warning path {
  fill: #e2a416;
  transition: all 0.4s ease-in-out; }

.svg-hover-warning:hover path {
  fill: #e2a416; }

.svg-warning_dark path {
  fill: #bd8400d2;
  transition: all 0.4s ease-in-out; }

.svg-hover-warning_dark:hover path {
  fill: #bd8400d2; }

.svg-alert_normal path {
  fill: #7eccdf;
  transition: all 0.4s ease-in-out; }

.svg-hover-alert_normal:hover path {
  fill: #7eccdf; }

.svg-error path {
  fill: #cc0000;
  transition: all 0.4s ease-in-out; }

.svg-hover-error:hover path {
  fill: #cc0000; }

.svg-alert_delete path {
  fill: #920101;
  transition: all 0.4s ease-in-out; }

.svg-hover-alert_delete:hover path {
  fill: #920101; }

.svg-alert_danger path {
  fill: #e06666;
  transition: all 0.4s ease-in-out; }

.svg-hover-alert_danger:hover path {
  fill: #e06666; }

/* OPACITY ICONS */
.svg-hover-normal:hover svg {
  opacity: 1;
  transition: all 0.4s ease-in-out; }

.svg-opacity-normal {
  opacity: 1;
  transition: all 0.4s ease-in-out; }

.svg-hover-light:hover svg {
  opacity: 0.5;
  transition: all 0.4s ease-in-out; }

.svg-opacity-light {
  opacity: 0.5;
  transition: all 0.4s ease-in-out; }

.svg-hover-lighter:hover svg {
  opacity: 0.2;
  transition: all 0.4s ease-in-out; }

.svg-opacity-lighter {
  opacity: 0.2;
  transition: all 0.4s ease-in-out; }

.upload-img-link:hover svg {
  opacity: 1 !important; }

/*DROPZONE TEMP CLASSES DONT DELETE THIS, THIS IS TEMPORARY AND WILL BE MOVED SOMEWHERE ELSE*/
.dz-success-mark {
  display: none; }

.dz-error-mark {
  display: none; }

.dz-message {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .dz-message span {
    display: flex;
    flex-direction: column;
    align-items: center; }

.dz-remove {
  color: var(--grey_dark) !important; }

.dz-details {
  display: none; }

.dz-preview {
  display: none; }

.dz-default {
  position: relative; }

.hide {
  display: none !important; }

.layout-flex {
  flex: 0 0 55.4%;
  max-width: 60%; }

/* individualentity view - me to him */
.layout-flex-metohim {
  flex: 0 0 95.4%;
  max-width: 100%; }

.margin-top-50 {
  margin-top: 50px !important; }

.margin-bottom-50 {
  margin-bottom: 50px !important; }

.margin-left-50 {
  margin-left: 2.5vw !important; }

.margin-right-50 {
  margin-right: 2.5vw !important; }

.padding-left-60 {
  padding-left: 60px !important; }

.sub-title {
  font-size: 18px;
  color: var(--secondary_dark);
  font-weight: 600; }

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

.opacity-1 {
  opacity: 1 !important; }

.switch-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 270px;
  height: 40px; }
  .switch-select input {
    display: none; }
  .switch-select .slider-switch {
    position: relative;
    cursor: pointer;
    height: 30px;
    width: 200px;
    align-items: center;
    display: flex;
    border: 1px solid var(--grey_medium);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    user-select: none;
    background-color: var(--white); }
  .switch-select .slider-switch:before {
    position: absolute;
    content: '';
    height: 34px;
    width: 100px;
    left: 0;
    bottom: -3px;
    background-color: var(--secondary_dark);
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .switch-select input:focus + .slider-switch {
    box-shadow: 0 0 1px var(--secondary_dark); }
  .switch-select input:checked + .slider-switch:before {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    background-color: var(--secondary_dark); }
  .switch-select .switch-no {
    position: absolute;
    font-size: 12px;
    left: 22px;
    color: var(--white); }
  .switch-select .switch-yes {
    position: absolute;
    font-size: 12px;
    right: 15px;
    color: var(--secondary_dark); }
  .switch-select input:checked + .slider-switch > .switch-yes {
    color: var(--white); }
  .switch-select input:checked + .slider-switch > .switch-no {
    color: var(--secondary_dark); }

#background-image {
  opacity: 0.35;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -5;
  position: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; }

.go-back {
  height: 40px;
  border: 2px solid var(--primary);
  background: var(--white);
  border-radius: 20px;
  color: var(--primary);
  font-weight: 600;
  font-size: 12px;
  transition: all 0.2s ease-in-out; }
  .go-back:hover {
    background: var(--primary);
    color: var(--white); }

.go-back-full-width {
  width: unset;
  padding: 0 15px; }

.background-img {
  display: none;
  background: rgba(0, 0, 0, 0.5); }
  .background-img .img-real-size {
    position: relative;
    background: var(--white); }
    .background-img .img-real-size .close-button {
      position: absolute;
      width: 30px;
      top: 15px;
      right: 15px;
      padding: 8px;
      cursor: pointer;
      filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(105%) contrast(102%);
      background: rgba(177, 98, 98, 0.5); }
      .background-img .img-real-size .close-button:hover {
        background: #b16262; }
    .background-img .img-real-size .img-back {
      max-width: 80vw;
      max-height: 80vh; }
  .background-img.active {
    display: flex;
    position: fixed;
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0; }

.edit-logo {
  cursor: pointer; }

.upload-close-button-editor {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  font-size: 13px;
  font-weight: 600;
  line-height: 3.18;
  text-transform: uppercase;
  color: var(--secondary_dark);
  padding: 0 20px;
  height: 40px; }
  .upload-close-button-editor img {
    filter: invert(25%) sepia(6%) saturate(20%) hue-rotate(326deg) brightness(33%) contrast(80%);
    margin-right: 10px; }
  .upload-close-button-editor.border {
    border: solid 1px var(--secondary_light); }

.profile-box-save {
  display: flex;
  align-items: center; }
  .profile-box-save .button-save {
    margin: 30px auto;
    padding: 0 20px;
    max-width: 500px; }
    .profile-box-save .button-save img {
      width: 20px; }

.profile-box-save-fixed {
  padding: 25px 50px !important; }
  .profile-box-save-fixed #edit-company {
    width: 165px; }

/*CONFIRM BUTTON*/
.button-save,
.button-cancel {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 3.18; }
  .button-save img,
  .button-cancel img {
    margin-right: 10px;
    width: 20px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(105%) contrast(102%); }
  .button-save.send-request img,
  .button-cancel.send-request img {
    filter: none; }

#edit-profile img {
  width: 20px; }

.button-save {
  width: auto;
  height: 40px;
  display: inline-flex;
  background-color: var(--success);
  color: var(--white);
  margin-right: 15px;
  z-index: 2;
  transition: all 0.2s ease-in-out; }
  .button-save:hover {
    color: var(--white); }
  .button-save.disabled {
    background-color: var(--grey_light) !important;
    pointer-events: none; }
    .button-save.disabled span {
      color: var(--grey_dark) !important; }
    .button-save.disabled svg path {
      fill: var(--grey_dark); }
  .button-save span {
    color: var(--white); }

.delete-company-not-valid .text-button {
  display: block !important;
  width: 100% !important; }

#remove-connections.disabled {
  background-color: var(--background) !important;
  border: 2px solid var(--grey_dark) !important;
  color: var(--secondary_light) !important;
  pointer-events: none; }
  #remove-connections.disabled svg path {
    fill: var(--grey_dark); }

#save-classification {
  width: 120px; }

.button-cancel {
  color: var(--secondary);
  border: solid 2px var(--secondary_light);
  padding: 0 20px;
  height: 40px; }
  .button-cancel svg {
    width: 13px; }

.plus-icon {
  height: 20px;
  width: 2px;
  background: var(--grey);
  border-radius: 2px; }
  .plus-icon::before {
    position: absolute;
    content: '';
    border-radius: 2px;
    width: 20px;
    height: 2px;
    background: var(--grey);
    top: 26%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*---------------------------*/
/*         OVERLAYS          */
/*---------------------------*/
.full-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  pointer-events: none;
  z-index: 999;
  transition: all 0.2s ease-in-out; }
  .full-overlay.active {
    opacity: 1;
    visibility: visible; }

/*---------------------------*/
/*      REMOVE GUTTERS       */
/*---------------------------*/
.remove-gutters {
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important; }

/*---------------------------*/
/*         UPPERCASE         */
/*---------------------------*/
.uppercase {
  text-transform: uppercase; }

/*---------------------------*/
/*       SPACING DIV         */
/*---------------------------*/
.spacing {
  height: 20px; }

/*---------------------------*/
/*           FONTS           */
/*---------------------------*/
.f-title {
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  color: var(--secondary_light); }

.f-menu {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 12px;
  text-align: left;
  color: var(--secondary_dark); }

.f-title-sections {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.67;
  color: var(--secondary); }

.f-subtitle-sections {
  font-size: 12px;
  font-weight: 600;
  color: var(--grey); }

.f-faqs-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: left; }

.f-faqs-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: left; }

/*---------------------------*/
/*         BUTTONS           */
/*---------------------------*/
.btn-global {
  min-height: 50px;
  line-height: 2.92;
  letter-spacing: normal;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.btn-cards {
  display: block;
  margin: 30px auto; }

.btn-authentication {
  width: 274px !important; }
  .btn-authentication.hide {
    display: none; }

.btn-outline-green {
  color: var(--success);
  border: solid 2px var(--success);
  background: none; }
  .btn-outline-green img {
    margin-right: 10px;
    filter: invert(78%) sepia(7%) saturate(3174%) hue-rotate(68deg) brightness(93%) contrast(75%); }
  .btn-outline-green .btn-text {
    color: var(--success); }
  .btn-outline-green:hover {
    background: var(--success);
    color: var(--white); }
    .btn-outline-green:hover .btn-text {
      color: var(--white); }

.btn-people {
  width: 206px; }

.btn-companies {
  width: 212px; }

.btn-permissions {
  width: 216px; }

.btn-full {
  background: var(--primary);
  color: var(--white);
  border: none; }
  .btn-full:hover {
    background: var(--primary_light); }
  .btn-full:visited, .btn-full:active {
    background: var(--primary_dark); }
  .btn-full:focus {
    outline: none;
    border: solid 2px var(--primary_dark);
    background-color: var(--primary); }
  .btn-full:disabled {
    pointer-events: none;
    background: var(--grey_light);
    color: var(--grey_dark); }
  .btn-full .btn-icon {
    width: 20px;
    margin-top: -6px;
    margin-right: 10px;
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(228deg) brightness(108%) contrast(101%); }

.btn-outline {
  border: solid 2px var(--primary);
  background: none;
  color: var(--primary); }
  .btn-outline .btn-icon {
    margin-right: 10px;
    width: 25px;
    filter: invert(62%) sepia(26%) saturate(1222%) hue-rotate(145deg) brightness(87%) contrast(87%); }
  .btn-outline:hover {
    color: var(--white);
    background: var(--primary);
    border-color: var(--primary); }
    .btn-outline:hover .btn-icon {
      filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(200%) contrast(96%) !important; }
    .btn-outline:hover .btn-text {
      color: var(--white); }
  .btn-outline:active, .btn-outline:visited, .btn-outline:focus {
    outline: none;
    border-width: 3px;
    border-color: var(--primary-light) !important; }
  .btn-outline:disabled {
    pointer-events: none;
    border-color: var(--grey_light) !important;
    color: var(--grey_dark); }
    .btn-outline:disabled span {
      color: var(--grey_dark); }
    .btn-outline:disabled img {
      filter: invert(84%) sepia(4%) saturate(12%) hue-rotate(349deg) brightness(77%) contrast(92%); }

.btn-text {
  color: var(--primary);
  background: none;
  border: none; }
  .btn-text:hover {
    color: var(--primary_light); }
  .btn-text:active, .btn-text:visited {
    color: var(--primary_dark); }
  .btn-text:focus {
    text-decoration: underline;
    color: var(--primary_dark);
    outline: none; }

/*---------------------------*/
/*           FIELDS          */
/*---------------------------*/
.input-label {
  position: absolute;
  display: none;
  padding: 0 10px;
  top: -11px;
  background: var(--white);
  margin-left: 10px;
  font-weight: 600;
  color: var(--primary);
  height: 13px;
  font-size: 12px; }
  .input-label img {
    width: 25px;
    padding-right: 4px;
    filter: invert(48%) sepia(90%) saturate(400%) hue-rotate(145deg) brightness(101%) contrast(87%); }
  .input-label.input-label img {
    width: 20px; }

.input-aggregator {
  position: relative;
  margin: 26px;
  transition: all 0.2s ease-in-out;
  /*INPUT ERROR*/ }
  .input-aggregator.error {
    margin-bottom: 40px;
    /*ERROR MESSAGE*/ }
    .input-aggregator.error input {
      border: 1px solid var(--error); }
    .input-aggregator.error .input-error-message {
      opacity: 1;
      visibility: visible; }
    .input-aggregator.error .input-label {
      color: var(--error); }
    .input-aggregator.error:hover input {
      border: 1px solid var(--primary); }
    .input-aggregator.error:hover .input-label {
      color: var(--primary); }
      .input-aggregator.error:hover .input-label .top-input-image {
        width: 20px;
        filter: invert(57%) sepia(48%) saturate(675%) hue-rotate(145deg) brightness(92%) contrast(89%) !important; }
  .input-aggregator textarea {
    padding-top: 12px;
    resize: none;
    height: 100px;
    max-width: 100%; }
  .input-aggregator .show-password,
  .input-aggregator .hide-password {
    position: absolute;
    right: 15px;
    top: 19px;
    cursor: pointer;
    transition: ease-in-out 0.2s all; }
    .input-aggregator .show-password path,
    .input-aggregator .hide-password path {
      fill: var(--secondary_light); }
    .input-aggregator .show-password:hover path,
    .input-aggregator .hide-password:hover path {
      fill: var(--primary); }
  .input-aggregator .show-password {
    opacity: 0.6; }
  .input-aggregator .hide-password {
    top: 17px; }
  .input-aggregator .email-exists {
    font-size: 14px;
    color: var(--error);
    margin-top: 0px;
    margin-left: 3px;
    pointer-events: none;
    height: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    .input-aggregator .email-exists img {
      width: 18px; }
    .input-aggregator .email-exists.active {
      margin-top: 15px;
      opacity: 1;
      pointer-events: auto; }

.email-modal + .input-label .top-input-image {
  width: 18px; }

.recover-account {
  cursor: pointer; }

.input-error-message {
  height: 2px;
  opacity: 0;
  visibility: hidden;
  display: flex;
  color: var(--error);
  font-size: 12px;
  margin-top: 12px;
  align-items: center;
  transition: all 0.2s ease-in-out;
  font-weight: 600; }
  .input-error-message .account-already-exists {
    margin-top: 11px; }

#email-sign-up {
  margin-bottom: 0; }
  #email-sign-up + .input-label img {
    width: 20px !important; }

.input-text {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: solid 1px var(--grey);
  border-radius: 0;
  -webkit-appearance: none; }
  .input-text::placeholder {
    color: var(--secondary_light); }
  .input-text.input-error {
    border: solid 1px var(--error); }
    .input-text.input-error + .input-label {
      display: block;
      color: var(--error); }
      .input-text.input-error + .input-label img {
        filter: invert(24%) sepia(85%) saturate(6903%) hue-rotate(355deg) brightness(76%) contrast(118%) !important; }
      .input-text.input-error + .input-label svg path {
        fill: var(--error) !important; }
      .input-text.input-error + .input-label + .input-error-message {
        display: flex; }
  .input-text#first-name-sign-up, .input-text#email-recover {
    background: url(/template/assets/img/user-grey.svg) no-repeat left 12px center/13px !important; }
    .input-text#first-name-sign-up.hide-background, .input-text#email-recover.hide-background {
      background: none !important; }
  .input-text:hover {
    border-color: var(--primary); }
    .input-text:hover::placeholder {
      color: var(--primary); }
    .input-text:hover ~ .placeholder-img {
      filter: invert(54%) sepia(48%) saturate(699%) hue-rotate(145deg) brightness(96%) contrast(87%); }
    .input-text:hover#email-sign-up, .input-text:hover.email-modal {
      background: url(/template/assets/img/Email@-blue.svg) no-repeat left 12px center/13px !important; }
    .input-text:hover#first-name-sign-up, .input-text:hover#email-recover {
      background: url(/template/assets/img/user-blue.svg) no-repeat left 12px center/13px !important; }
      .input-text:hover#first-name-sign-up.hide-background, .input-text:hover#email-recover.hide-background {
        background-size: 0px !important; }
      .input-text:hover#first-name-sign-up.error, .input-text:hover#email-recover.error {
        background-size: 0px !important; }
    .input-text:hover#password-sign-up, .input-text:hover#password-login, .input-text:hover.input-text-confirm {
      background: url(/template/assets/img/lock-blue.svg) no-repeat left 12px center !important;
      background-size: 10px !important; }
      .input-text:hover#password-sign-up.hide-background, .input-text:hover#password-login.hide-background, .input-text:hover.input-text-confirm.hide-background {
        background-size: 0px !important; }
    .input-text:hover + .input-label {
      color: var(--primary); }
      .input-text:hover + .input-label svg path {
        fill: var(--primary); }
      .input-text:hover + .input-label img {
        filter: invert(48%) sepia(90%) saturate(400%) hue-rotate(145deg) brightness(101%) contrast(87%) !important; }
  .input-text:focus {
    border-color: var(--primary);
    outline: none;
    text-indent: -9999; }
    .input-text:focus + .input-label {
      display: block;
      /* hide placeholder image */ }
      .input-text:focus + .input-label svg path {
        fill: var(--primary); }
      .input-text:focus + .input-label + .placeholder-img {
        display: none; }
  .input-text:visited {
    border-color: var(--grey); }
    .input-text:visited::placeholder {
      color: var(--secondary); }
    .input-text:visited + .input-label {
      color: var(--grey) !important; }
  .input-text:disabled {
    pointer-events: none;
    border-color: var(--grey);
    background-color: var(--background); }
    .input-text:disabled::placeholder {
      color: var(--secondary_light); }
  .input-text.input-text-signin, .input-text.input-text-confirm {
    background: url(/template/assets/img/lock-grey.svg) no-repeat left 12px center;
    background-size: 10px !important; }
  .input-text.input-password-recover::placeholder, .input-text.input-password-recover-confirm::placeholder, .input-text.input-form-contact-name::placeholder, .input-text.input-form-contact-email::placeholder {
    padding-left: 12px !important; }
  .input-text.input-email-signin:hover {
    background: url(/template/assets/img/lock-blue.svg) no-repeat left 12px center !important;
    background-size: 10px !important; }
  .input-text.input-name-contact:hover {
    background: url(/template/assets/img/user-blue.svg) no-repeat left 12px center !important;
    background-size: 13px !important; }

/* Change the white to any color*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--white) inset !important; }

/*---------------------------*/
/*          RADIO SLIDER     */
/*---------------------------*/
.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--grey_dark);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 35px; }
    .switch .slider:before {
      position: absolute;
      content: '';
      height: 12px;
      width: 12px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
  .switch input:not([class*='disabled']):checked + .slider {
    background-color: var(--primary); }
  .switch input:not([class*='disabled']):focus + .slider {
    box-shadow: 0 0 1px var(--grey); }
  .switch input:not([class*='disabled']):checked + .slider:before {
    transform: translateX(16px); }
  .switch.active input:checked + .slider {
    background-color: var(--primary) !important; }
  .switch.active input:focus + .slider {
    box-shadow: 0 0 1px var(--primary) !important; }
  .switch.active input:checked + .slider:before {
    transform: translateX(16px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }
  .slider.round:before {
    border-radius: 50%; }

/*---------------------------*/
/*          CONTROLS         */
/*---------------------------*/
.label-check,
.label-radio {
  cursor: pointer;
  padding-left: 10px; }

.input-check {
  width: 25px;
  height: 25px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: solid 1px var(--grey_dark);
  cursor: pointer;
  background: var(--white); }
  .input-check:hover {
    border-color: var(--primary); }
  .input-check:focus {
    outline: none; }
  .input-check.mobile:hover {
    border-color: var(--grey_dark); }
  .input-check:checked:after {
    content: '';
    display: block;
    width: 8px;
    height: 15px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin: 2px 7px; }
  .input-check:disabled {
    pointer-events: none;
    border-color: var(--grey); }
    .input-check:disabled + .label-check {
      color: var(--grey);
      pointer-events: none; }

.input-radio {
  width: 25px;
  height: 25px;
  appearance: none;
  -webkit-appearance: none;
  border: solid 1px var(--grey_dark);
  border-radius: 20px;
  cursor: pointer;
  background: var(--white); }
  .input-radio:hover {
    border-color: var(--primary); }
  .input-radio:checked:after {
    content: ' ';
    display: block;
    margin: 7px auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--primary); }
  .input-radio:active, .input-radio:visited {
    background: var(--primary); }
    .input-radio:active:after, .input-radio:visited:after {
      content: ' ';
      display: block;
      margin: 7px auto;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--white); }
  .input-radio:disabled {
    border-color: var(--grey);
    pointer-events: none; }
    .input-radio:disabled + .label-radio {
      color: var(--grey);
      pointer-events: none; }

/*---------------------------*/
/*         Select Box        */
/*---------------------------*/
.select-box-span {
  display: none; }

.select-box {
  width: 300px;
  height: 50px;
  border: solid 1px var(--grey);
  padding: 0 20px;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none; }

.sign-in-box-body-sign-up .select2-selection--single {
  padding: 0 20px 0 28px; }

.select2-container .select2-selection--single {
  height: 50px !important;
  border-radius: 0;
  border: solid 1px var(--grey); }

.select2-container .select2-search__field {
  padding: 10px 20px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  width: 30px; }

.select2-container--default .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected] {
  border-left: 2px solid var(--primary);
  background-color: var(--background);
  color: var(--secondary_dark); }

.select2-selection {
  padding: 0 10px; }

.select2-dropdown {
  border-radius: 0;
  top: -1px;
  border-color: var(--grey); }

.select-box-div {
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease-in-out; }
  .select-box-div.active .label-select-box {
    display: block; }
  .select-box-div.active .select2-selection__placeholder {
    color: var(--secondary_light); }
  .select-box-div:hover .label-select-box {
    color: var(--primary); }
  .select-box-div:hover .select2-selection__placeholder {
    color: var(--primary); }
  .select-box-div .input-label.active {
    display: block; }
  .select-box-div.error {
    margin-bottom: 22px !important; }
    .select-box-div.error .select2-container {
      border: 1px solid var(--error); }
    .select-box-div.error .label-select-box {
      color: var(--error); }
    .select-box-div.error .input-error-message {
      opacity: 1;
      visibility: visible; }
  .select-box-div .select2-selection:focus .label-select-box {
    display: block; }
  .select-box-div .label-select-box {
    display: none;
    font-size: 16px;
    font-weight: 600;
    color: var(--grey_dark);
    font-size: 12px;
    position: absolute;
    margin: -12px 10px;
    padding: 0 10px;
    background-color: #fff;
    z-index: 1; }

.select2-container--focus + .label-select-box,
.select2-container--below + .label-select-box {
  display: block; }

.select-box-tab,
.select-tab-connect-people,
.select-tab-connect,
.select-tab-notify {
  padding: 0 !important; }

.select2-selection__arrow {
  width: 50px !important; }

.select2-container,
.selection,
.select2-selection,
.select2-selection__rendered,
.select2-selection__arrow {
  outline: none !important; }

.select2-selection {
  outline: var(--primary); }

/*---------------------------*/
/*           Rating          */
/*---------------------------*/
.rating-aggregator {
  float: left;
  direction: rtl;
  pointer-events: none; }
  .rating-aggregator .rating-dot {
    display: none; }
  .rating-aggregator label {
    float: right;
    width: 10px;
    height: 10px;
    background-color: var(--grey);
    border-radius: 10px;
    cursor: pointer; }
  .rating-aggregator .rating-label {
    margin-left: 5px;
    float: left; }

.rating-0 .rating-label-1,
.rating-0 .rating-label-2,
.rating-0 .rating-label-3,
.rating-0 .rating-label-4,
.rating-0 .rating-label-5 {
  background: var(--white);
  opacity: 0.5; }

.rating-1 .rating-label-1 {
  background: var(--white); }

.rating-1 .rating-label-2,
.rating-1 .rating-label-3,
.rating-1 .rating-label-4,
.rating-1 .rating-label-5 {
  background: var(--white);
  opacity: 0.5; }

.rating-2 .rating-label-1,
.rating-2 .rating-label-2 {
  background: var(--white); }

.rating-2 .rating-label-3,
.rating-2 .rating-label-4,
.rating-2 .rating-label-5 {
  background: var(--white);
  opacity: 0.5; }

.rating-3 .rating-label-1,
.rating-3 .rating-label-2,
.rating-3 .rating-label-3 {
  background: var(--white); }

.rating-3 .rating-label-4,
.rating-3 .rating-label-5 {
  background: var(--white);
  opacity: 0.5; }

.rating-4 .rating-label-1,
.rating-4 .rating-label-2,
.rating-4 .rating-label-3,
.rating-4 .rating-label-4 {
  background: var(--white); }

.rating-4 .rating-label-5 {
  background: var(--white);
  opacity: 0.5; }

.rating-5 .rating-label-1,
.rating-5 .rating-label-2,
.rating-5 .rating-label-3,
.rating-5 .rating-label-4,
.rating-5 .rating-label-5 {
  background: var(--white); }

/*---------------------------*/
/*          SIDE BAR         */
/*---------------------------*/
.text-menu-hidden-sm {
  opacity: 0; }

.title {
  padding-left: 30px; }
  .title a:hover {
    text-decoration: underline; }
  .title img {
    height: 10px; }

.title-remove-img-height img {
  height: unset; }

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.box-sidebar {
  height: 100vh; }

#wrapper.toggled {
  padding-left: 220px; }

.name-logo-nav {
  height: 30px !important; }

.icon-logo-nav {
  height: 30px; }

.home-menu {
  display: flex; }

#sidebar-wrapper {
  transition: all 0.5s ease-in-out;
  transition-delay: 0.15s;
  position: fixed;
  top: 0;
  width: 320px;
  height: 100%;
  background: var(--white);
  border-right: 1px solid var(--grey);
  left: 0;
  z-index: 2; }
  #sidebar-wrapper .name-menu-first,
  #sidebar-wrapper .name-menu {
    padding-left: 10px; }
  #sidebar-wrapper .text-menu-li {
    border-top: 1px solid var(--grey_light); }
  #sidebar-wrapper.close-menu-wrapper {
    transition: all 0.4s ease-in-out;
    transition-delay: 0.15s;
    left: -245px; }
    #sidebar-wrapper.close-menu-wrapper .name-footer {
      font-size: 12px;
      text-align: center;
      padding: 0 12px;
      height: 30px; }
    #sidebar-wrapper.close-menu-wrapper .sidebar-logo {
      padding: 10px 28px;
      top: 8px; }
      #sidebar-wrapper.close-menu-wrapper .sidebar-logo:before {
        margin: 0 4px; }
  #sidebar-wrapper .sidebar-logo {
    position: absolute;
    top: 20px;
    padding: 10px 15px 10px 45px;
    width: 100%; }
    #sidebar-wrapper .sidebar-logo .hamburguer-icon {
      content: '';
      background: url("/assets/img/hamburguer-open.svg") no-repeat;
      background-size: contain;
      width: 20px;
      height: 20px;
      display: inline-block;
      top: 7px;
      margin-right: 10px;
      position: relative; }
    #sidebar-wrapper .sidebar-logo .name-logo-nav {
      padding-left: 10px; }
  #sidebar-wrapper .sidebar-logo a:hover {
    text-decoration: none; }
  #sidebar-wrapper .sidebar-logo .logo-aggregator {
    position: relative;
    display: inline-block;
    width: auto; }
  #sidebar-wrapper .sidebar-logo.close-logo .hamburguer-icon {
    background: url("/assets/img/hamburguer.svg") no-repeat;
    margin: 0;
    float: right; }
  #sidebar-wrapper .sidebar-logo.close-logo .logo-aggregator {
    display: block;
    transition-delay: 0.15s; }
  #sidebar-wrapper .sidebar-logo.close-logo .name-logo-nav {
    visibility: hidden;
    padding-left: 0;
    transition: all 0.2s ease-in-out;
    transition-delay: 0.2s; }
  #sidebar-wrapper .sidebar-logo.close-logo .icon-logo-nav {
    margin-top: 5px; }
  #sidebar-wrapper .sidebar-logo.close-logo a .hamburguer-icon {
    position: relative; }
  #sidebar-wrapper .sidebar-logo.close-logo a .icon-logo-nav {
    height: 50px;
    float: right;
    padding-top: 20px;
    position: relative;
    top: 20px;
    left: 23px; }

.permission-tab-js-first-accord.hidden,
.give-permission-tab-js.hidden {
  display: none; }

.dropdown-menu {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: var(--white);
  box-shadow: none; }

.sidebar-nav {
  position: absolute;
  top: 85px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none; }
  .sidebar-nav .menu-aggregator-first {
    padding-top: 10px; }
  .sidebar-nav li {
    position: relative;
    line-height: 25px;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px; }
    .sidebar-nav li a,
    .sidebar-nav li .link-view-company,
    .sidebar-nav li .link-connect-company {
      display: block;
      color: var(--secondary_dark);
      text-decoration: none;
      padding: 10px 15px 10px 45px;
      cursor: pointer; }
    .sidebar-nav li .icon-menu {
      filter: invert(95%) sepia(0%) saturate(79%) hue-rotate(233deg) brightness(90%) contrast(91%); }
    .sidebar-nav li .link-menu:hover, .sidebar-nav li .link-menu:active, .sidebar-nav li .link-menu:focus, .sidebar-nav li .link-menu:visited {
      background: var(--background);
      border-right: 3px solid var(--primary); }
  .sidebar-nav.close-menu {
    top: 105px; }
    .sidebar-nav.close-menu img {
      float: right;
      transition: all 0.2s ease-in-out;
      transition-delay: 0.2s; }
    .sidebar-nav.close-menu .name-menu-first,
    .sidebar-nav.close-menu .name-menu {
      transition: all 0.2s ease-in-out;
      transition-delay: 0.2s; }
    .sidebar-nav.close-menu .link-menu-first,
    .sidebar-nav.close-menu .link-menu {
      padding: 10px 29px; }
      .sidebar-nav.close-menu .link-menu-first .user-icon-menu,
      .sidebar-nav.close-menu .link-menu .user-icon-menu {
        width: 20px; }
    .sidebar-nav.close-menu .link-view-company,
    .sidebar-nav.close-menu .link-create-mypeolpe {
      padding: 10px 28px; }
    .sidebar-nav.close-menu #legal-ul .menu-aggregator a {
      padding: 10px 32px; }

.name-footer {
  font-size: 12px;
  bottom: 20px;
  position: fixed;
  list-style: none;
  padding-left: 30px;
  width: 319px;
  z-index: 999;
  line-height: 2.6;
  background: var(--white);
  bottom: 0;
  height: 30px; }
  .name-footer a {
    color: var(--secondary_dark); }
    .name-footer a:hover, .name-footer a:active, .name-footer a:focus, .name-footer a:visited {
      text-decoration: none;
      font-weight: 600;
      color: var(--secondary_dark); }

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 20px;
  line-height: 44px; }

/*---------------------------------*/
/*          NAV BAR MOBILE         */
/*---------------------------------*/
nav.hamburgerMenuAggregator {
  display: none;
  flex: 1 1 0%;
  margin-left: 20px;
  align-items: center; }
  nav.hamburgerMenuAggregator #hamburgerMenu {
    display: flex;
    flex-direction: column;
    -webkit-user-select: none;
    user-select: none; }
    nav.hamburgerMenuAggregator #hamburgerMenu input {
      display: block;
      width: 80px;
      height: 100%;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0;
      /* hide this */
      z-index: 2;
      /* and place it over the hamburger */
      -webkit-touch-callout: none; }
      nav.hamburgerMenuAggregator #hamburgerMenu input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: var(--primary); }
      nav.hamburgerMenuAggregator #hamburgerMenu input:checked ~ span:nth-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2); }
      nav.hamburgerMenuAggregator #hamburgerMenu input:checked ~ span:nth-child(4) {
        transform: rotate(-45deg) translate(0, -1px); }
    nav.hamburgerMenuAggregator #hamburgerMenu span {
      display: block;
      width: 25px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: var(--primary);
      border-radius: 3px;
      z-index: 1;
      transform-origin: -4px 2px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
      nav.hamburgerMenuAggregator #hamburgerMenu span:nth-child(4) {
        transform-origin: 0% 100%; }
  nav.hamburgerMenuAggregator img.icon-hamburguer-menu {
    margin-left: 18px;
    height: 54px;
    width: 90px; }

/*---------------------------*/
/*       TOP BAR             */
/*---------------------------*/
.top-bar {
  position: fixed;
  width: calc(100% - 61px);
  height: 60px;
  display: flex;
  right: 0;
  top: 0;
  justify-content: space-between;
  align-items: center;
  line-height: 2.5;
  color: var(--grey_dark);
  font-size: 14px;
  background-color: var(--white);
  border-bottom: 1px solid var(--grey);
  z-index: 500;
  transition: all 0.15s ease-in-out;
  /*SEARCH INPUT*/ }
  .top-bar .notifications {
    height: 60px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    width: 168px; }
    .top-bar .notifications::before {
      position: absolute;
      content: '';
      top: 0;
      width: 100%;
      height: 0;
      background: var(--primary);
      transition: all 0.15s ease-in-out; }
    .top-bar .notifications.notification-user:hover img {
      filter: none; }
    .top-bar .notifications:hover {
      border-right: none;
      border-left: none; }
      .top-bar .notifications:hover img {
        filter: invert(52%) sepia(72%) saturate(472%) hue-rotate(145deg) brightness(96%) contrast(89%); }
      .top-bar .notifications:hover::before {
        height: 3px; }
    .top-bar .notifications.notifications-bell.active, .top-bar .notifications.notifications-bell:active {
      background: var(--white);
      border-right: none;
      border-left: none;
      border-bottom: 1px solid var(--grey); }
      .top-bar .notifications.notifications-bell.active::before, .top-bar .notifications.notifications-bell:active::before {
        height: 0; }
      .top-bar .notifications.notifications-bell.active:hover, .top-bar .notifications.notifications-bell:active:hover {
        border-right: none;
        border-left: none; }
        .top-bar .notifications.notifications-bell.active:hover::before, .top-bar .notifications.notifications-bell:active:hover::before {
          height: 3px; }
    .top-bar .notifications.active, .top-bar .notifications:active {
      background: var(--background) !important;
      border-right: 1px solid var(--grey) !important;
      border-left: 1px solid var(--grey) !important;
      border-bottom: none !important; }
      .top-bar .notifications.active::before, .top-bar .notifications:active::before {
        height: 3px !important; }
  .top-bar .notification-user {
    min-width: unset;
    max-width: unset;
    transition: all 0.2s ease-in-out;
    justify-content: flex-start;
    display: flex;
    width: 187px; }
  .top-bar #user-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 60px;
    margin-left: 30%;
    margin-right: 30%;
    padding: 0 20px;
    overflow: hidden; }
  .top-bar .top-bar-user-icon {
    min-width: 35px;
    width: 35px;
    height: 35px;
    border: 1.2px solid var(--secondary_dark);
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .top-bar .top-bar-user-icon img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .top-bar .top-bar-user-name {
    font-size: 12px;
    line-height: 14px;
    color: var(--secondary_dark);
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 15px;
    max-height: 42px;
    overflow: hidden; }
    .top-bar .top-bar-user-name span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 15ch;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .top-bar img {
    width: 25px;
    height: 25px; }
  .top-bar .breadcrumbs {
    display: flex;
    align-items: center;
    flex: 1 1 50%;
    margin-left: 25px;
    font-size: 12px; }
    .top-bar .breadcrumbs .breadcrumbs-home {
      transition: all 0.2s ease-in-out; }
      .top-bar .breadcrumbs .breadcrumbs-home img {
        width: 15px;
        height: 15px; }
      .top-bar .breadcrumbs .breadcrumbs-home:hover {
        filter: invert(52%) sepia(72%) saturate(472%) hue-rotate(145deg) brightness(96%) contrast(89%); }
    .top-bar .breadcrumbs .breadcrumbs-seperator {
      padding: 0px 10px 0px 14px; }
      .top-bar .breadcrumbs .breadcrumbs-seperator img {
        width: 10px;
        height: 10px; }
    .top-bar .breadcrumbs .breadcrumbs-link {
      color: var(--secondary_light);
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 20ch;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      transition: all 0.2s ease-in-out; }
      .top-bar .breadcrumbs .breadcrumbs-link.active, .top-bar .breadcrumbs .breadcrumbs-link:hover {
        color: var(--primary);
        text-decoration: underline; }

.search {
  margin-right: 15px;
  position: relative;
  /*IMG*/
  /*INPUT*/ }
  .search .search-icon {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 20px;
    height: 20px; }
  .search .clear-icon {
    display: none;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 10px;
    height: 10px;
    cursor: pointer; }
    .search .clear-icon.active {
      display: block; }
  .search input {
    background: var(--background);
    color: var(--secondary_dark);
    height: 40px;
    border: none;
    padding-left: 50px;
    font-size: 12px;
    width: 300px;
    border-bottom: 2px solid var(--background);
    transition: all 0.2s ease-in-out; }
    .search input:active, .search input:focus {
      outline: none;
      border-bottom: 2px solid var(--primary); }
    .search input:hover {
      color: var(--secondary_dark) !important; }
      .search input:hover::placeholder {
        color: var(--secondary_dark) !important; }

.user-icon-top {
  margin: 0 !important; }

.options-bar {
  margin-top: 10px;
  width: 100%;
  height: 1px;
  background: var(--grey); }

.connection-tab-js {
  width: 100%; }

/*---------------------------*/
/*         POP UP            */
/*---------------------------*/
.modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 9998;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--secondary);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  /*UPLLOAD IMAGE CONTAINER*/ }
  .modal.authentication {
    z-index: 99989; }
  .modal .image-preview-container {
    justify-content: center; }
  .modal .connection-request {
    margin-bottom: 20px; }
  .modal .remove-connection.disabled {
    background: var(--white);
    border-color: var(--grey);
    color: var(--grey_dark); }
    .modal .remove-connection.disabled svg path {
      fill: var(--grey_dark); }
  .modal .text-remove-connection {
    display: none; }
    .modal .text-remove-connection.text-mutual-connected.active {
      display: block; }
    .modal .text-remove-connection.text-connected-to-you.active {
      display: block; }
  .modal.delete .modal-container {
    width: 738px; }
  .modal.delete-group .user-info, .modal.delete .user-info, .modal.edit-options .user-info, .modal.remove-connection-modal .user-info {
    display: flex; }
  .modal.delete-group .modal-container, .modal.delete .modal-container, .modal.edit-options .modal-container, .modal.remove-connection-modal .modal-container {
    width: 750px;
    padding-bottom: 70px; }
  .modal.delete-group .profile-save-changes, .modal.delete .profile-save-changes, .modal.edit-options .profile-save-changes, .modal.remove-connection-modal .profile-save-changes {
    padding-left: 21px !important; }
  .modal.edit-options .modal-container {
    width: 500px; }
  .modal .button.disabled {
    background: var(--white);
    border-color: var(--grey);
    color: var(--grey_dark); }
    .modal .button.disabled span {
      color: var(--grey_dark); }
    .modal .button.disabled img {
      filter: invert(79%) sepia(9%) saturate(0%) hue-rotate(181deg) brightness(81%) contrast(93%); }
  .modal .upload-close-button {
    cursor: pointer; }
  .modal .modal-container {
    width: 650px;
    height: auto;
    background: var(--white);
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px var(--grey);
    padding: 25px 40px;
    position: relative;
    padding-bottom: 7%;
    transform: scale(0.95);
    padding-bottom: 0 !important;
    transition: all 0.2s ease-in-out; }
    .modal .modal-container .permission-info h5 {
      margin-bottom: 0px;
      color: var(--white); }
    .modal .modal-container .profile-save-changes.hide {
      display: flex !important; }
    .modal .modal-container .profile-header-modal,
    .modal .modal-container .carrousel-header {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .modal .modal-container .profile-header-modal img,
      .modal .modal-container .carrousel-header img {
        cursor: pointer;
        width: 13px;
        height: 13px;
        filter: invert(0%) sepia(100%) saturate(25%) hue-rotate(245deg) brightness(88%) contrast(102%); }
      .modal .modal-container .profile-header-modal .upload-close-button,
      .modal .modal-container .carrousel-header .upload-close-button {
        transform: translateY(10px); }
    .modal .modal-container h5 {
      font-size: 14px;
      line-height: 1.71;
      color: var(--secondary_light);
      margin-bottom: 20px; }
    .modal .modal-container .input-aggregator,
    .modal .modal-container button {
      margin: 0px; }
    .modal .modal-container button {
      margin-left: 25px; }
    .modal .modal-container .modal-inner-content h4 {
      text-align: center; }
    .modal .modal-container .modal-inner-content.hidden {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: none; }
    .modal .modal-container .profile-save-changes {
      position: relative !important;
      margin-left: -20px;
      width: calc(100% + 40px); }
  .modal.edit-options .modal-container .aggregator-image-upload {
    width: 200px;
    height: auto;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center; }
    .modal.edit-options .modal-container .aggregator-image-upload[data-js='image-preview'] {
      display: block; }
    .modal.edit-options .modal-container .aggregator-image-upload img {
      width: 100%; }
    .modal.edit-options .modal-container .aggregator-image-upload .upload-img {
      cursor: pointer;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      bottom: 0;
      height: 30%;
      width: 100%;
      background: rgba(218, 218, 218, 0.6); }
      .modal.edit-options .modal-container .aggregator-image-upload .upload-img .text-upload {
        font-weight: 600;
        padding-left: 10px; }
      .modal.edit-options .modal-container .aggregator-image-upload .upload-img:hover {
        background: #dadada; }
    .modal.edit-options .modal-container .aggregator-image-upload .edit-options-image {
      width: 200px;
      height: 200px;
      position: relative;
      border: 1px solid var(--grey);
      border-radius: 50%; }
      .modal.edit-options .modal-container .aggregator-image-upload .edit-options-image::before {
        content: 'Upload';
        background: url("/template/assets/img/Out.svg");
        width: 100%;
        height: 50%; }
    .modal.edit-options .modal-container .aggregator-image-upload.image-upload-background {
      width: 100%;
      height: 100%;
      border-radius: 0%;
      width: 900px;
      height: 150px;
      margin-bottom: 21px; }
      .modal.edit-options .modal-container .aggregator-image-upload.image-upload-background .background-img-dash {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center; }

.selected-groups {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  overflow-y: auto;
  max-height: 180px; }
  .selected-groups .group-to-delete {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 70px;
    border: 1px solid var(--grey);
    margin-bottom: 10px;
    margin-right: 10px;
    width: 200px; }
    .selected-groups .group-to-delete h6 {
      font-size: 12px; }
    .selected-groups .group-to-delete:last-child {
      margin-bottom: 20px; }

#upload-image-preview {
  margin-bottom: 20px; }

.selected-people-aggregator {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto; }

.permissions-access-values .selected-permission-aggregator {
  overflow-y: scroll;
  max-height: 98px; }

.aggregate-title-remove {
  padding-top: 0 !important; }

.user-card {
  background: var(--white);
  width: 100%;
  height: 135px;
  border: 1px solid var(--grey);
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer; }
  .user-card.create {
    background: transparent;
    border: 1px dashed var(--secondary_dark); }
    .user-card.create .user-card-address-info {
      display: inline-flex !important; }
  .user-card.delete {
    height: 150px;
    pointer-events: none; }
    .user-card.delete:hover {
      pointer-events: none; }
      .user-card.delete:hover:before {
        height: 0; }
    .user-card.delete .align-name-rating {
      font-size: 12px; }
    .user-card.delete .align-name-rating {
      height: 100%; }
      .user-card.delete .align-name-rating .user-card-username {
        align-self: center;
        margin-bottom: 50px;
        position: relative;
        font-size: unset; }
        .user-card.delete .align-name-rating .user-card-username .user-username {
          font-size: 18px;
          font-weight: 600;
          color: var(--secondary_light);
          margin: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-right: 10px;
          max-width: 15ch;
          -webkit-box-orient: vertical; }
          .user-card.delete .align-name-rating .user-card-username .user-username.active {
            -webkit-line-clamp: 1; }
    .user-card.delete .box-authentication {
      z-index: 0;
      bottom: 20px; }
      .user-card.delete .box-authentication .rating-aggregator {
        left: 78px; }
    .user-card.delete .div-profile-pic {
      z-index: 1;
      border: solid 2px var(--secondary);
      border-radius: 50%;
      background: var(--white); }
      .user-card.delete .div-profile-pic > img {
        width: 110px !important;
        height: 110px !important; }
  .user-card.mobile:hover:before {
    height: 0px; }
  .user-card:hover:before {
    height: 4px; }
  .user-card:before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 0;
    background: var(--primary);
    transition: all 0.2s ease-in-out; }
  .user-card .user-info {
    display: flex;
    width: 100%; }
    .user-card .user-info .align-name-rating {
      width: 50%;
      z-index: 0;
      margin-left: 12px; }
    .user-card .user-info.create {
      align-items: center; }
  .user-card .user-card-username-aggregator {
    display: flex;
    align-items: center; }
    .user-card .user-card-username-aggregator img {
      width: 15px;
      height: 15px; }
    .user-card .user-card-username-aggregator .user-card-username {
      width: auto;
      margin-right: 4px;
      margin-top: 2px;
      font-size: 18px;
      color: var(--secondary_dark);
      margin-bottom: 0;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 11ch;
      display: -webkit-inline-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      max-width: 15ch !important; }
  .user-card .user-card-username {
    margin-top: 2px;
    font-size: 18px;
    color: var(--secondary_dark);
    margin-bottom: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75ch;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; }
  .user-card .user-username .card-king-icon {
    margin-left: 5px; }
  .user-card .user-card-address-info {
    font-size: 12px;
    color: var(--secondary_light);
    position: relative;
    display: inline;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75ch;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .user-card .user-card-image-aggregator {
    z-index: 1;
    border-radius: 50%;
    border: 2px solid var(--secondary_dark);
    background: var(--white);
    margin-left: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100px;
    height: 100px; }
    .user-card .user-card-image-aggregator.permission-card-img {
      background: var(--secondary);
      color: var(--white);
      font-size: 35px; }
    .user-card .user-card-image-aggregator.icon {
      border: none;
      border-radius: inherit;
      width: 56px;
      height: 56px; }
      .user-card .user-card-image-aggregator.icon img {
        width: 56px;
        filter: invert(68%) sepia(1%) saturate(0%) hue-rotate(214deg) brightness(97%) contrast(89%); }
    .user-card .user-card-image-aggregator img {
      width: 100px;
      height: 100px;
      min-width: 100px; }
    .user-card .user-card-image-aggregator.create img {
      width: 26px !important;
      min-width: 26px !important; }
  .user-card .box-authentication {
    position: absolute;
    right: 0;
    bottom: 19px;
    width: 79%;
    height: 30px;
    z-index: -99;
    align-items: initial !important; }
    .user-card .box-authentication .rating-aggregator {
      position: absolute;
      padding: 0px;
      left: 24% !important; }
      .user-card .box-authentication .rating-aggregator label {
        width: 10px;
        height: 10px; }
    .user-card .box-authentication .validation-required-text {
      font-size: 12px;
      line-height: 11px; }
    .user-card .box-authentication.success {
      background: var(--success); }
    .user-card .box-authentication.warning {
      background: var(--warning); }
    .user-card .box-authentication.error {
      background: var(--error); }
    .user-card .box-authentication.grey {
      background: var(--grey_dark); }

.profile-info .user-card-king {
  top: 8%;
  right: 0;
  width: 29px;
  height: 29px; }

.image-card-side {
  position: relative; }

.user-card-king {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 5px;
  width: 24px;
  height: 24px;
  background: var(--primary_dark);
  border-radius: 50%;
  z-index: 100; }
  .user-card-king.admin {
    background: var(--warning); }
    .user-card-king.admin img {
      width: 13px !important; }
  .user-card-king img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px !important;
    height: 15px !important;
    filter: invert(100%) sepia(0%) saturate(7479%) hue-rotate(223deg) brightness(109%) contrast(100%); }

.remove-connection-modal-text {
  font-size: 14px;
  color: var(--secondary_light); }

.list-entities-to-remove-connection-aggregator-parent h3 {
  font-size: 14px;
  color: var(--secondary_dark);
  font-weight: 600; }

.list-entities-to-remove-connection-aggregator-parent .list-entities-to-remove-connection-aggregator {
  height: 180px;
  overflow: auto;
  overflow-x: hidden; }
  .list-entities-to-remove-connection-aggregator-parent .list-entities-to-remove-connection-aggregator .list-entities-to-remove-connection .user-img-remove-connection {
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--secondary_dark);
    background: var(--white);
    margin-left: 15px; }
    .list-entities-to-remove-connection-aggregator-parent .list-entities-to-remove-connection-aggregator .list-entities-to-remove-connection .user-img-remove-connection img {
      width: 40px;
      height: 40px; }
  .list-entities-to-remove-connection-aggregator-parent .list-entities-to-remove-connection-aggregator .list-entities-to-remove-connection .remove-connection-text-aggregator .remove-connection-from-text {
    font-size: 12px;
    color: var(--secondary_light);
    margin-left: 10px;
    display: block; }
  .list-entities-to-remove-connection-aggregator-parent .list-entities-to-remove-connection-aggregator .list-entities-to-remove-connection .remove-connection-text-aggregator .remove-connection-from {
    font-size: 12px;
    color: var(--secondary_dark);
    font-weight: 600;
    margin-left: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    max-width: 15ch;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.user-info-share {
  justify-content: center;
  display: flex;
  width: 100%;
  border: 1px dashed var(--grey);
  margin-top: 20px;
  height: 264px; }

.aggregator-groups {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .aggregator-groups .share-groups {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 50px;
    border: solid 1px var(--grey);
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 20px; }
    .aggregator-groups .share-groups:first-child {
      margin-right: 20px; }
    .aggregator-groups .share-groups::before {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 0;
      background: var(--primary);
      transition: height 0.2s ease-in-out; }
    .aggregator-groups .share-groups:hover::before {
      height: 3px; }
  .aggregator-groups .share-text {
    color: var(--secondary_dark);
    font-weight: 600;
    font-size: 12px;
    padding-left: 10px; }

.aggregator-groups-alt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .aggregator-groups-alt .share-groups {
    display: flex;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    max-width: 70%;
    min-height: 50px;
    border: solid 1px var(--grey);
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .aggregator-groups-alt .share-groups img {
      height: 14px; }
    .aggregator-groups-alt .share-groups::before {
      content: '';
      position: absolute;
      height: 0;
      width: 100%;
      background: var(--primary);
      bottom: 0;
      transition: height 0.3s ease-in-out; }
    .aggregator-groups-alt .share-groups:hover::before {
      height: 3px; }
  .aggregator-groups-alt .share-text {
    color: var(--secondary_dark);
    font-weight: 600;
    font-size: 12px;
    padding-left: 10px; }

.card-permission-share {
  display: flex;
  padding: 20px;
  width: 90%;
  border: solid 1px var(--grey);
  display: flex;
  max-height: 100px;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
  cursor: pointer; }
  .card-permission-share:hover {
    background: var(--primary_light); }
  .card-permission-share .user-menu-img {
    width: 100%; }

.aggregator-permissions {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .aggregator-permissions .div-permission-share {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100px;
    width: 30%;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--grey);
    cursor: pointer; }
    .aggregator-permissions .div-permission-share.checked .check-permission {
      background: var(--primary); }
      .aggregator-permissions .div-permission-share.checked .check-permission .check {
        display: inline-block; }
    .aggregator-permissions .div-permission-share .check-permission {
      width: 24px;
      height: 24px;
      margin-bottom: 10px;
      border-radius: 50%;
      border: solid 1px var(--grey); }
      .aggregator-permissions .div-permission-share .check-permission .check {
        display: none;
        transform: rotate(45deg);
        height: 13px;
        width: 7px;
        border-bottom: 3px solid var(--white);
        border-right: 3px solid var(--white);
        margin-left: 7px; }
    .aggregator-permissions .div-permission-share .title-permission-share {
      font-weight: 600;
      color: var(--secondary); }
    .aggregator-permissions .div-permission-share:hover {
      background: var(--primary_light); }
      .aggregator-permissions .div-permission-share:hover .check-permission {
        border-color: var(--grey_dark);
        background: var(--primary); }
      .aggregator-permissions .div-permission-share:hover .check {
        display: inline-block; }

/*---------------------------*/
/*  FILTER FLOATING ACTION  */
/*---------------------------*/
.filter-floating-action {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  display: none;
  /*FLOATING ACTION BUTTON*/
  /*FLOATING ACTION MODAL*/ }
  .filter-floating-action img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(103%) contrast(103%); }
  .filter-floating-action .floating-action-button {
    position: fixed;
    bottom: 50px;
    right: 0px;
    width: 50px;
    height: 50px;
    border-radius: 30px 0px 0px 30px;
    background: var(--primary);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 999;
    transition: all 0.25s ease-in-out;
    transition-delay: 0s; }
    .filter-floating-action .floating-action-button:hover {
      width: 55px; }
    .filter-floating-action .floating-action-button.active {
      right: 383px;
      transition-delay: 0.12s; }
  .filter-floating-action .floating-action-modal {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease-in-out;
    transition-delay: 0.31s;
    /*FLOATING ACTION WHITE CONTAINER*/
    /*WHEN MODAL IS OPEN*/ }
    .filter-floating-action .floating-action-modal .floating-action-container {
      padding: 50px;
      position: absolute;
      bottom: 50px;
      right: -400px;
      width: 400px;
      height: 75%;
      background: var(--white);
      transition: all 0.25s ease-in-out;
      transition-delay: 0s; }
      .filter-floating-action .floating-action-modal .floating-action-container .select-box-div {
        width: 100%;
        padding: 0px;
        margin-bottom: 15px; }
        .filter-floating-action .floating-action-modal .floating-action-container .select-box-div .select2-container {
          width: 100% !important; }
      .filter-floating-action .floating-action-modal .floating-action-container .input-aggregator {
        width: 100%; }
        .filter-floating-action .floating-action-modal .floating-action-container .input-aggregator input {
          width: 100%; }
    .filter-floating-action .floating-action-modal.active {
      opacity: 1;
      visibility: visible;
      transition-delay: 0s; }
      .filter-floating-action .floating-action-modal.active .floating-action-container {
        transition-delay: 0.12s;
        right: 0px; }

/*---------------------------*/
/*        TABLE LAYOUT       */
/*---------------------------*/
.table-row-xxs {
  flex-basis: 10% !important; }

.table-row-xs {
  flex-basis: 15% !important; }

.table-row-s {
  flex-basis: 20% !important; }

.table-row-m {
  flex-basis: 25% !important; }

.table-row-l {
  flex-basis: 30% !important; }

.no-connections-shown {
  display: flex;
  padding: 0 15px;
  color: var(--secondary);
  grid-column-start: 1;
  grid-column-end: -1; }
  .no-connections-shown.no-connections-shown-filter {
    flex-direction: column;
    margin: 0 20px; }
  .no-connections-shown img {
    width: 50%;
    max-width: 250px;
    margin: 0 20px; }
  .no-connections-shown .text-noconnection-aggregator {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    font-weight: 500; }
    .no-connections-shown .text-noconnection-aggregator .no-connectionstext {
      color: var(--secondary_light); }
      .no-connections-shown .text-noconnection-aggregator .no-connectionstext.last {
        margin-top: 20px; }
  .no-connections-shown a {
    color: var(--secondary);
    text-decoration: underline; }
    .no-connections-shown a:hover {
      color: var(--secondary);
      font-weight: 600;
      text-decoration: underline; }
  .no-connections-shown .no-connectionstitle {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px; }
  .no-connections-shown .no-connectionstext {
    font-size: 14px; }

/*---------------------------*/
/*          TOOLTIPS         */
/*---------------------------*/
.div-icon-menu-first .tooltip-inner {
  background-color: var(--primary); }

.tooltip-inner {
  background-color: var(--secondary);
  border-radius: 20px;
  font-size: 12px; }

.tooltip.bs-tooltip-right .arrow {
  padding-right: 8px; }

.tooltip.bs-tooltip-left {
  padding-left: 8px; }

.tooltip.bs-tooltip-bottom {
  padding-bottom: 8px; }

.tooltip.bs-tooltip-top {
  padding-top: 8px; }

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: var(--secondary); }

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: var(--secondary); }

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--secondary); }

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: var(--secondary); }

.tooltip.bs-tooltip-right.blue-arrow .arrow:before {
  border-right-color: var(--primary); }

.tooltip.bs-tooltip-left.blue-arrow .arrow:before {
  border-left-color: var(--primary); }

.tooltip.bs-tooltip-bottom.blue-arrow .arrow:before {
  border-bottom-color: var(--primary); }

.tooltip.bs-tooltip-top.blue-arrow .arrow:before {
  border-top-color: var(--primary); }

/*---------------------------*/
/*     NOTIFICATION MODAL    */
/*---------------------------*/
.aggregator-title-notify {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .aggregator-title-notify .title-tabs-notify {
    font-size: 10px;
    font-weight: 600; }

.notification-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: -32;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--secondary);
  transition: all 0.3s ease-in-out;
  /*NOTIFICATION WHITE PANEL*/ }
  .notification-modal .button-save {
    width: unset;
    padding: 0 20px; }
  .notification-modal .notification-modal-panel {
    position: relative;
    max-width: 500px;
    width: 100%;
    height: auto;
    background: var(--white);
    /*CONFIRM TEXT*/
    /*CLOSE PANEL*/ }
    .notification-modal .notification-modal-panel .confirm-text {
      padding: 30px;
      width: 80%; }
      .notification-modal .notification-modal-panel .confirm-text .confirm-text-tooltip {
        display: flex;
        margin-bottom: 15px; }
      .notification-modal .notification-modal-panel .confirm-text h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.67;
        margin-bottom: 0px; }
      .notification-modal .notification-modal-panel .confirm-text span {
        font-size: 14px;
        line-height: 1.71;
        color: var(--secondary);
        margin-top: 20px; }
    .notification-modal .notification-modal-panel .notification-modal-button {
      padding: 10px 30px;
      text-transform: capitalize;
      display: flex;
      border-top: 1px solid var(--grey); }
    .notification-modal .notification-modal-panel .close-notification-modal {
      position: absolute;
      top: 30px;
      right: 30px;
      width: 13px;
      height: 13px;
      cursor: pointer;
      filter: invert(0%) sepia(100%) saturate(25%) hue-rotate(245deg) brightness(88%) contrast(102%); }
  .notification-modal.active {
    opacity: 1;
    z-index: 99999; }

/*NOTIFICATIONS GENERAL*/
.background-forbidden-icon {
  background: var(--error); }
  .background-forbidden-icon.forbidden-icon-error {
    width: 12px;
    height: 12px;
    margin-right: 8px; }
    .background-forbidden-icon.forbidden-icon-error .icon-dash {
      width: 6px; }

.background-check-icon,
.background-icon,
.background-forbidden-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .background-check-icon .icon-dash,
  .background-icon .icon-dash,
  .background-forbidden-icon .icon-dash {
    width: 10px;
    height: 2px;
    background: var(--white); }
  .background-check-icon .image-icon,
  .background-icon .image-icon,
  .background-forbidden-icon .image-icon {
    width: 20px; }

.success-message {
  background: var(--alert_success); }

.error-message {
  background: var(--alert_danger); }

.warning-message {
  background: var(--alert_warning); }

.info-message {
  background: var(--alert_normal); }

.aggregator-messages {
  position: fixed;
  right: 20px;
  top: 12vh;
  z-index: 9999;
  width: 300px;
  opacity: 1;
  transition: all 0.2s ease-in-out; }
  .aggregator-messages .text-message {
    width: 244px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    padding: 6px 20px; }
  .aggregator-messages .message {
    display: flex;
    align-items: start;
    justify-content: center;
    opacity: 0;
    max-height: 0;
    transition: all 0.2s ease-in-out; }
    .aggregator-messages .message .background-check-icon {
      background: var(--success);
      width: 20px;
      height: 20px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .aggregator-messages .message .background-check-icon img {
        width: 11px;
        filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(254deg) brightness(119%) contrast(103%); }
    .aggregator-messages .message .background-icon {
      margin-top: 9px; }
    .aggregator-messages .message .close-message {
      width: 10px;
      margin-top: 10px; }
    .aggregator-messages .message.active {
      opacity: 1;
      max-height: 200px;
      margin-bottom: 25px; }

#edit-email-warning {
  opacity: 0;
  height: 0;
  margin: 0px;
  transition: all 0.2s ease-in-out; }
  #edit-email-warning.active {
    opacity: 1;
    height: 50px;
    margin-bottom: 20px; }

/*NOTIFICATION INDIVIDUAL*/
.input-aggregator-warning,
.error-message {
  display: flex;
  align-items: center; }
  .input-aggregator-warning .text-warning,
  .input-aggregator-warning .text-error,
  .error-message .text-warning,
  .error-message .text-error {
    font-size: 12px;
    font-weight: 600;
    padding-left: 15px; }

.success-message-server {
  background: var(--alert_success);
  display: flex;
  align-items: start;
  justify-content: center; }
  .success-message-server .text-success-message-server {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    width: 85%; }
  .success-message-server .background-check-icon {
    background: var(--success); }
    .success-message-server .background-check-icon img {
      width: 16px;
      filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(105%) contrast(102%); }

.warning-message-server {
  background: var(--alert_warning);
  display: flex;
  align-items: start;
  justify-content: center; }
  .warning-message-server .text-warning-message-server {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    width: 85%;
    overflow-wrap: break-word; }

.close-icon {
  width: 10px;
  margin-top: 5px;
  cursor: pointer; }

.message-alert {
  width: 100%;
  opacity: 0;
  margin-bottom: 0;
  max-height: 0;
  padding: 0px 20px;
  transition: all 0.2s ease-in-out; }
  .message-alert.active {
    opacity: 1;
    margin-bottom: 20px;
    padding: 15px;
    max-height: 255px;
    padding-bottom: 20px; }
    .message-alert.active .text-alert {
      opacity: 1;
      visibility: visible;
      min-height: 15px;
      height: auto; }
  .message-alert .text-alert-title {
    margin-top: 15px !important; }
    .message-alert .text-alert-title:first-child {
      margin-top: 0 !important; }

.error-message-server {
  width: 100%;
  background: var(--alert_danger);
  display: flex;
  align-items: flex-start;
  justify-content: center; }
  .error-message-server .text-error-message-server {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    width: 85%; }
  .error-message-server img {
    cursor: pointer; }

.profile-save-changes {
  position: relative;
  left: 61px; }
  .profile-save-changes.active .modal-error-message {
    transition-delay: 0.2s;
    opacity: 1; }
  .profile-save-changes.active .modal-option-buttons {
    transition-delay: 0s;
    transform: translate(285px); }

.modal-error-message {
  position: absolute;
  display: flex;
  align-items: center;
  opacity: 0;
  width: 281px;
  height: 0;
  margin-top: 18px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s; }
  .modal-error-message .background-forbidden-icon {
    margin-right: 15px; }
  .modal-error-message .text-error-message {
    font-weight: bold;
    font-size: 13px;
    display: flex;
    flex-direction: column; }
    .modal-error-message .text-error-message .text-error {
      color: var(--error); }

.modal-option-buttons {
  display: flex;
  z-index: 3;
  transition: all 0.35s ease-in-out;
  transition-delay: 0.22s; }

/*---------------------------*/
/*     NOTIFICATION PANEL    */
/*---------------------------*/
.padding-notification {
  height: 100%;
  position: sticky;
  position: -webkit-sticky;
  padding: 10px;
  padding-top: 0;
  max-width: 500px; }

.sticky-top {
  height: 100%;
  z-index: 20;
  position: relative;
  top: 0; }

.padding-notification-sessions .notification-panel {
  max-height: 720px; }

.padding-notification-profile .notification-panel {
  max-height: 690px; }

.notification-panel {
  background: var(--white);
  border: 1px solid var(--grey);
  height: calc(100vh - 200px);
  max-height: 750px;
  max-width: 460px;
  width: 460px;
  padding: 20px 20px 80px 20px;
  color: var(--secondary_dark);
  text-decoration: none;
  position: relative;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 110px;
  transition: all 0.3s ease-in-out; }
  .notification-panel .notifications-panel-header {
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out; }
    .notification-panel .notifications-panel-header .notifications {
      min-width: unset;
      max-width: unset;
      margin-right: 15px;
      height: unset; }
    .notification-panel .notifications-panel-header .notifications-panel-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 0;
      flex: 1 1 40%; }
    .notification-panel .notifications-panel-header .notifications-mark-as-read {
      font-size: 12px;
      text-decoration: underline;
      margin-right: 24px;
      cursor: pointer; }
    .notification-panel .notifications-panel-header .notifications-pane-configure {
      width: 25px;
      height: 25px; }
  .notification-panel .notifications-panel-body {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -24px;
    margin-right: -20px;
    transition: all 0.2s ease-in-out; }
    .notification-panel .notifications-panel-body .notifications-panel-recent {
      margin-top: 28px;
      margin-bottom: 12px;
      font-size: 12px;
      color: var(--secondary_light); }
    .notification-panel .notifications-panel-body .notifications-card {
      margin-top: 25px;
      padding: 0px 25px;
      transition: all 0.3s ease-in-out; }
      .notification-panel .notifications-panel-body .notifications-card .notifications-card-user {
        position: relative;
        display: flex;
        margin-bottom: 1px;
        margin-left: -21px;
        margin-right: -21px;
        padding: 16px 25px;
        transition: all 0.2s ease-in-out; }
        .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-user-image {
          margin-right: 12px; }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-user-image img {
            width: 40px;
            height: 40px;
            border: 2px solid var(--secondary_dark);
            border-radius: 50%; }
        .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info {
          font-size: 14px;
          display: flex;
          flex-direction: column; }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info {
            display: flex; }
            .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notification-card-name {
              font-size: 14px;
              color: var(--secondary_dark);
              font-weight: 600;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 28ch;
              display: -webkit-box;
              -webkit-box-orient: vertical; }
            .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 70px;
              height: 14px;
              border-radius: 8px;
              margin-left: 6px;
              transform: translateY(3px); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication span {
                font-size: 12px;
                color: var(--secondary_light); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication fieldset {
                margin: 0;
                padding: 0; }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication input,
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication label {
                width: 8px;
                height: 8px;
                margin: 0;
                padding: 0;
                margin-right: 4px; }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication input:last-child,
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication label:last-child {
                  margin: 0; }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication.success {
                background: var(--success); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication.warning {
                background: var(--warning); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication.error {
                background: var(--error); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication.disable {
                background: none;
                width: unset; }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notifications-user-info .notifcaition-user-authentication.disable fieldset {
                  display: none; }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notification-card-description {
            font-size: 14px;
            color: var(--secondary_light); }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notification-status {
            color: var(--secondary_light);
            font-size: 12px;
            margin-top: 5px;
            display: flex;
            transition: all 0.3s ease-in-out; }
            .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notification-status .notification-status-icon-state {
              background: var(--primary);
              border-radius: 50%;
              width: 18px;
              height: 18px;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 5px; }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notification-status .notification-status-icon-state img {
                width: 70%;
                height: 70%;
                filter: invert(84%) sepia(100%) saturate(0%) hue-rotate(337deg) brightness(108%) contrast(101%); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notification-status .notification-status-icon-state.success {
                background: var(--success); }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notification-card-info .notification-card-description-more {
            cursor: pointer;
            text-decoration: underline;
            font-size: 12px; }
        .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options {
          margin-top: 9px; }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons {
            height: 40px; }
            .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button {
              width: 111px;
              height: 40px;
              font-size: 12px; }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.accept {
                background: var(--primary);
                color: var(--white);
                transition: all 0.3s ease-in-out; }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.accept img {
                  width: 16px;
                  height: 16px;
                  margin-right: 6px;
                  transform: translateY(-1px);
                  filter: invert(100%) sepia(94%) saturate(15%) hue-rotate(60deg) brightness(120%) contrast(100%); }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.accept.success {
                  width: 133px;
                  background: var(--success); }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.accept:hover {
                  background: var(--primary_light); }
              .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject {
                background: transparent;
                border: 2px solid var(--secondary_light);
                transform: translateY(1px);
                transition: all 0.3s ease-in-out; }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject img {
                  margin-right: 6px;
                  transform: translateY(-1px);
                  filter: invert(5%) sepia(23%) saturate(18%) hue-rotate(314deg) brightness(94%) contrast(79%);
                  transition: all 0.3s ease-in-out; }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject button {
                  width: 14px;
                  height: 14px; }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject.success {
                  width: 133px;
                  background: var(--secondary_light);
                  color: white; }
                  .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject.success img {
                    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%); }
                .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject:hover {
                  background: var(--secondary_light);
                  color: var(--white); }
                  .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons .notification-button.reject:hover img {
                    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%); }
            .notification-panel .notifications-panel-body .notifications-card .notifications-card-user .notifications-options .notification-buttons.disable {
              height: 0;
              opacity: 0;
              pointer-events: none; }
        .notification-panel .notifications-panel-body .notifications-card .notifications-card-user.new {
          background: rgba(148, 212, 228, 0.25); }
          .notification-panel .notifications-panel-body .notifications-card .notifications-card-user.new::before {
            position: absolute;
            content: '';
            width: 8px;
            height: 8px;
            background: var(--primary);
            top: 8px;
            left: 8px;
            border-radius: 50%; }
  .notification-panel .no-notifications {
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .notification-panel .no-notifications h6 {
      margin-top: 20px;
      font-size: 14px;
      color: var(--secondary_light); }
    .notification-panel .no-notifications img {
      width: 25%;
      max-width: 160px; }
  .notification-panel .notifications-panel-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    border-top: 1px solid var(--grey);
    background: var(--white); }
    .notification-panel .notifications-panel-footer a {
      color: var(--primary);
      font-size: 14px;
      font-weight: 500; }
  .notification-panel.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .notification-panel .notification-amount.active {
    left: 90%; }

.drop-down-image img {
  width: 22px;
  border: 1px solid var(--secondary_dark);
  border-radius: 50%; }

#edit-email-warning {
  opacity: 0;
  height: 0;
  margin: 0px;
  transition: all 0.2s ease-in-out; }
  #edit-email-warning.active {
    opacity: 1;
    height: 50px;
    margin-bottom: 20px; }

/*--------------------------------*/
/*     GLOBAL BELL AND USER ICON */
/*-------------------------------*/
/*NOTIFICATIONS TABELS*/
.notification-box-company-request,
.notification-box-people-request {
  display: none; }
  .notification-box-company-request.active,
  .notification-box-people-request.active {
    display: block; }

.notify-info {
  position: relative;
  display: flex;
  align-items: self-start;
  flex-direction: column;
  padding: 8%;
  width: 386px; }
  .notify-info img {
    width: 60px; }
  .notify-info .text-notify {
    padding: 2px 0;
    font-size: 14px;
    color: var(--grey_dark); }
    .notify-info .text-notify.text-notify-bold {
      font-weight: 600;
      padding-top: 15px; }

/*NOTIFICATIONS*/
.notifications {
  /*NOTIFICATION BELL*/
  /*SHOWS THE NUMBER OF NOTIFICATIONS*/
  /*BELL SHAKE*/ }
  .notifications .notifi-img {
    margin-top: auto;
    margin-bottom: auto; }
  .notifications .notification-img {
    margin-top: auto;
    margin-bottom: auto;
    height: 32px; }
  .notifications .notification-amount {
    opacity: 0;
    position: absolute;
    top: 35%;
    right: 22%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 12px;
    transition: all 0.2s ease-in-out; }
    .notifications .notification-amount.active {
      opacity: 1; }
  .notifications:hover .notification-img {
    animation: 2.5s bell-vibrate ease-in-out infinite; }

/*USER ICON*/
.user-icon {
  /*SHOWS NOTIFICATIONS NEXT TO THE USER ICON*/ }
  .user-icon .user-icon-border {
    position: absolute;
    top: 46%;
    left: 49.5%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    border: 1.5px solid var(--secondary_dark);
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
  .user-icon img {
    height: 100%; }
  .user-icon .user-icon-notification {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 25%;
    width: 25px;
    height: 25px;
    background: var(--white);
    border-radius: 50%;
    z-index: 2;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid var(--secondary_dark); }
    .user-icon .user-icon-notification img {
      width: 60%;
      height: 60%; }
    .user-icon .user-icon-notification.active {
      opacity: 1; }

/*NOTIFICATIONS AND USER ICON SHARED STYLES*/
.notifications,
.user-icon {
  position: relative;
  display: flex;
  height: 70px;
  justify-content: center;
  min-width: 108px;
  max-width: 108px;
  transition: all 0.1s ease-in-out; }

.user-icon {
  cursor: pointer; }

/*---------------------------*/
/*       USER SIDE MENU      */
/*---------------------------*/
.copy {
  position: relative;
  margin: 20px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  font-weight: 400;
  color: var(--secondary_light);
  font-size: 12px; }

.user-menu-modal {
  position: fixed;
  opacity: 0;
  z-index: 9999;
  height: 100%;
  min-height: 100vh;
  color: var(--secondary_dark);
  overflow: hidden;
  opacity: 1;
  left: 0;
  top: -110px;
  visibility: hidden;
  /*WHITE PART OF MENU*/ }
  .user-menu-modal .user-menu {
    z-index: 9999;
    position: fixed;
    display: flex;
    flex-direction: column;
    right: -270px;
    top: 0;
    width: 270px;
    height: 100%;
    background: var(--white);
    border-left: 1px solid var(--grey);
    overflow-y: auto;
    transition: all 0.25s ease-in-out;
    /*USER INFO*/
    /*RATTING*/
    /*USER OPTIONS*/ }
    .user-menu-modal .user-menu .option-img {
      width: 20px;
      height: 15px; }
    .user-menu-modal .user-menu .user-info {
      padding: 52px;
      display: flex;
      /*USER-IMG*/
      /*USER NAME*/ }
      .user-menu-modal .user-menu .user-info .user-menu-img {
        position: relative;
        width: 65px;
        height: 65px;
        margin-right: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*USER MENU IMG BORDER*/ }
        .user-menu-modal .user-menu .user-info .user-menu-img .user-menu-img-border {
          overflow: hidden;
          left: -5px;
          top: -9px;
          position: absolute;
          width: 75px;
          height: 75px;
          border-radius: 50%;
          border: 2px solid var(--secondary_dark);
          background: var(--white); }
          .user-menu-modal .user-menu .user-info .user-menu-img .user-menu-img-border img {
            width: 100%; }
          .user-menu-modal .user-menu .user-info .user-menu-img .user-menu-img-border.no-border {
            border: none; }
        .user-menu-modal .user-menu .user-info .user-menu-img .no-user-img {
          width: 90%; }
        .user-menu-modal .user-menu .user-info .user-menu-img .user-img {
          width: 100%;
          height: 100%; }
      .user-menu-modal .user-menu .user-info .user-name {
        font-size: 18px;
        line-height: 1.67;
        color: var(--secondary); }
        .user-menu-modal .user-menu .user-info .user-name span {
          display: block; }
    .user-menu-modal .user-menu .rating-aggregator {
      padding: 0px 52px 0px 52px; }
    .user-menu-modal .user-menu .user-options .user-menu-name {
      font-size: 18px;
      color: var(--secondary_dark);
      font-weight: 600;
      margin-left: 25px;
      margin-bottom: 10px; }
    .user-menu-modal .user-menu .user-options .option {
      position: relative;
      padding: 0px 25px 0px 25px;
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
      display: flex;
      cursor: pointer;
      /*BLUE BORDER ON THE RIGHT ON HOVER*/ }
      .user-menu-modal .user-menu .user-options .option .option-title {
        font-size: 12px;
        line-height: 1.71;
        margin-left: 20px;
        transform: translateY(4.5px);
        color: var(--secondary_light);
        transition: all 0.2s ease-in-out; }
      .user-menu-modal .user-menu .user-options .option img {
        filter: invert(27%) sepia(0%) saturate(1%) hue-rotate(246deg) brightness(93%) contrast(84%);
        width: 20px;
        height: 15px;
        transition: all 0.2s ease-in-out; }
      .user-menu-modal .user-menu .user-options .option::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 0px;
        background: var(--primary);
        transition: all 0.2s ease-in-out; }
      .user-menu-modal .user-menu .user-options .option:hover::before {
        width: 3px; }
      .user-menu-modal .user-menu .user-options .option:hover img {
        filter: invert(54%) sepia(56%) saturate(601%) hue-rotate(145deg) brightness(96%) contrast(87%); }
      .user-menu-modal .user-menu .user-options .option:hover .option-title {
        color: var(--secondary_dark); }
    .user-menu-modal .user-menu .user-options .user-option-disabled {
      cursor: default !important;
      opacity: 0.4; }
      .user-menu-modal .user-menu .user-options .user-option-disabled:hover::before {
        width: 0; }
      .user-menu-modal .user-menu .user-options .user-option-disabled .option-title {
        color: var(--secondary_light); }
        .user-menu-modal .user-menu .user-options .user-option-disabled .option-title:hover {
          color: var(--secondary_light) !important; }
  .user-menu-modal .user-menu-info {
    position: relative;
    margin-bottom: 65px; }
    .user-menu-modal .user-menu-info .user-menu-background {
      height: 100px;
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .user-menu-modal .user-menu-info .user-menu-authentication {
      position: absolute;
      right: 0;
      width: 70%;
      height: 30px;
      cursor: pointer; }
      .user-menu-modal .user-menu-info .user-menu-authentication .rating-aggregator {
        position: absolute;
        padding: 0px;
        left: 50px;
        top: 31.5%; }
        .user-menu-modal .user-menu-info .user-menu-authentication .rating-aggregator label {
          width: 10px;
          height: 10px; }
      .user-menu-modal .user-menu-info .user-menu-authentication.success {
        background: var(--success); }
      .user-menu-modal .user-menu-info .user-menu-authentication.warning {
        background: var(--warning); }
      .user-menu-modal .user-menu-info .user-menu-authentication.error {
        background: var(--error); }
    .user-menu-modal .user-menu-info .user-info {
      padding: 0px;
      left: 30px;
      position: absolute;
      bottom: -25px; }
      .user-menu-modal .user-menu-info .user-info .user-menu-img-border {
        width: 100px !important;
        height: 100px !important;
        background: var(--white); }
  .user-menu-modal.active {
    opacity: 1;
    visibility: visible;
    overflow: initial; }
    .user-menu-modal.active .user-menu {
      right: 0px; }
  .user-menu-modal .user-menu-close {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 270px);
    height: 100vh;
    background: transparent;
    z-index: 9999; }

.copy-clipboard {
  transition: all 0.2s ease-in-out; }
  .copy-clipboard:hover path {
    fill: var(--secondary); }

/*---------------------------*/
/*         PROFILE BOXES     */
/*---------------------------*/
.aggregator-tabs-permissions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 50px; }
  .aggregator-tabs-permissions.active {
    margin: 25px 50px 10px; }
  .aggregator-tabs-permissions .tab-permissions {
    position: relative;
    color: var(--white);
    height: 75px;
    flex: 50% 1 1;
    opacity: 1;
    cursor: pointer; }
    .aggregator-tabs-permissions .tab-permissions:before {
      bottom: -27px;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(74, 74, 74, 0);
      border-top-color: var(--secondary);
      border-width: 0;
      margin-left: -10px;
      z-index: 1; }
    .aggregator-tabs-permissions .tab-permissions .aggregate-text-tabs {
      position: relative;
      padding: 0 20px;
      height: 75px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      overflow: hidden; }
      .aggregator-tabs-permissions .tab-permissions .aggregate-text-tabs h6 {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 2px; }
      .aggregator-tabs-permissions .tab-permissions .aggregate-text-tabs span {
        font-size: 12px; }
    .aggregator-tabs-permissions .tab-permissions .svg-permissions-tab {
      transform: rotate(190deg); }
    .aggregator-tabs-permissions .tab-permissions svg {
      position: absolute;
      right: -23px;
      bottom: -13px;
      height: 100px;
      width: auto;
      opacity: 0.3; }
    .aggregator-tabs-permissions .tab-permissions.permissions-groups {
      background: var(--secondary);
      margin-right: 5px; }
      .aggregator-tabs-permissions .tab-permissions.permissions-groups img {
        transform: rotate(192deg);
        right: -33px;
        bottom: -15px; }
    .aggregator-tabs-permissions .tab-permissions.give-permissions {
      background: var(--primary_dark);
      margin-left: 5px; }
      .aggregator-tabs-permissions .tab-permissions.give-permissions:before {
        border-color: rgba(74, 74, 74, 0);
        border-top-color: var(--primary_dark); }
    .aggregator-tabs-permissions .tab-permissions.active {
      opacity: 1; }
      .aggregator-tabs-permissions .tab-permissions.active::before {
        border-width: 14px; }
    .aggregator-tabs-permissions .tab-permissions.disabled {
      opacity: 0.3; }

.title-container {
  font-size: 14px;
  color: var(--secondary_dark);
  cursor: default; }
  .title-container.container-my-representative {
    width: 65%;
    cursor: default; }
  .title-container p {
    font-size: 14px;
    color: var(--secondary_light);
    line-height: 2; }

#create-permission-group {
  border: dashed 1.4px var(--grey_dark); }
  #create-permission-group .grid-small-img {
    width: 30px; }
  #create-permission-group img {
    width: 24px; }
  #create-permission-group .title-add-card {
    size: 12px;
    font-weight: 600;
    color: var(--secondary_light); }
  #create-permission-group span {
    font-size: 11px;
    font-weight: 500;
    color: var(--secondary_light); }

.selected-permission {
  display: flex;
  font-size: 12px;
  align-items: center;
  font-weight: 600;
  padding: 5px 7px;
  border-radius: 30px;
  height: 40px;
  background: var(--grey_light);
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 10px; }
  .selected-permission .name-permission {
    padding: 0 10px; }
  .selected-permission.newpermission img.newpermission {
    margin-left: 10px;
    height: 14px;
    width: 14px; }
  .selected-permission.newpermission:hover .name-content {
    color: var(--secondary_dark); }
  .selected-permission .selected-permission-img {
    width: 24px;
    height: 24px;
    border: solid 2px var(--secondary_dark);
    display: flex;
    color: var(--white);
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    background: var(--secondary);
    transition: all 0.2s ease-in-out; }
    .selected-permission .selected-permission-img img.qr-img {
      width: 12px; }
  .selected-permission .name-content {
    opacity: 1;
    width: initial;
    height: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .selected-permission:hover .selected-permission-img:before, .selected-permission:hover .selected-permission-img:after {
    position: absolute;
    content: ' ';
    height: 10px;
    width: 2px;
    background-color: var(--white); }
  .selected-permission:hover .selected-permission-img:before {
    transform: rotate(45deg); }
  .selected-permission:hover .selected-permission-img:after {
    transform: rotate(-45deg); }
  .selected-permission:hover .selected-permission-img span {
    display: none; }
  .selected-permission:hover .name-content {
    color: var(--error); }
  .selected-permission:hover .selected-permission-img {
    background: var(--error); }

.permission-list {
  margin-top: 10px; }
  .permission-list h5,
  .permission-list span {
    font-size: 12px !important; }

.permission-info {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 35px;
  font-size: 12px;
  font-weight: 500; }
  .permission-info.disabled {
    background: var(--grey_dark);
    padding: 9px 9px; }
    .permission-info.disabled img {
      opacity: 0;
      width: 0;
      height: 0;
      margin-left: 0;
      padding: 0; }
    .permission-info.disabled span {
      opacity: 0;
      width: 0;
      height: 0; }
  .permission-info.enabled {
    background: var(--primary_dark);
    padding: 9px 15px; }
    .permission-info.enabled img {
      opacity: 1;
      width: initial;
      height: initial;
      padding-left: 15px; }
    .permission-info.enabled span {
      opacity: 1;
      width: initial;
      display: flex;
      align-items: center;
      margin-left: 12px;
      padding-left: 12px;
      height: 100%;
      border-left: 1px solid var(--white);
      font-size: 12px;
      font-weight: 500;
      transition: all 0.2s ease-in-out; }
  .permission-info.hidden {
    display: none !important; }

.permission-tab-js-second-accord .grid-cards,
.permission-tab-js-first-accord .grid-cards {
  margin: 0 !important; }
  .permission-tab-js-second-accord .grid-cards .grid-card-small-container,
  .permission-tab-js-first-accord .grid-cards .grid-card-small-container {
    margin: 0 !important; }

.permission-tab-js-second-accord .people-selection .row,
.permission-tab-js-first-accord .people-selection .row {
  margin: 0; }
  .permission-tab-js-second-accord .people-selection .row .switch-select,
  .permission-tab-js-first-accord .people-selection .row .switch-select {
    margin-left: 0 !important; }
  .permission-tab-js-second-accord .people-selection .row .collectiveentity-connections-filter-aggregator,
  .permission-tab-js-first-accord .people-selection .row .collectiveentity-connections-filter-aggregator {
    margin-left: 0;
    margin-right: 0; }

.permission-tab-js-second-accord .profile-header,
.permission-tab-js-first-accord .profile-header {
  padding-top: 15px !important; }

.permission-tab-js-second-accord .edit-profile-content,
.permission-tab-js-first-accord .edit-profile-content {
  transition: all 0.2s ease-in-out; }
  .permission-tab-js-second-accord .edit-profile-content.disabled,
  .permission-tab-js-first-accord .edit-profile-content.disabled {
    opacity: 0;
    width: 0;
    height: 0; }

.aggregate-all-filters {
  min-width: 100%;
  max-width: 100%; }

.grid-letter {
  background: var(--secondary);
  display: flex; }
  .grid-letter .first-letter-name {
    color: var(--white);
    font-size: 30px;
    font-weight: initial; }
  .grid-letter h6 {
    size: 12px;
    font-weight: 600;
    color: var(--secondary); }
  .grid-letter span {
    font-size: 11px;
    font-weight: 500;
    color: var(--secondary_light); }

.text-no-people-add {
  font-size: 12px; }
  .text-no-people-add .add-now-people {
    font-weight: 600; }

.text-add-people-permission {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute; }
  .text-add-people-permission.active {
    position: relative;
    display: flex;
    margin-top: 5px !important;
    opacity: 1;
    height: initial;
    width: initial; }

.create-permission {
  margin-bottom: 0 !important; }

.title-permission-edit {
  margin: 0 !important;
  padding-right: 5px;
  font-size: 14px;
  color: var(--secondary);
  font-weight: 600; }

.aggregate-permission-info {
  margin-top: 20px;
  justify-content: space-between;
  display: flex; }

.search-permission-selection {
  flex: 1;
  font-size: 14px; }

.aggregate-selector {
  display: flex;
  width: 185px; }
  .aggregate-selector div {
    position: relative;
    align-items: center;
    display: flex;
    border: 1px solid var(--grey);
    height: 50px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 12px; }
    .aggregate-selector div:before {
      position: absolute;
      content: '';
      background: var(--primary);
      height: 0;
      width: 100%;
      bottom: 0;
      left: 0; }
    .aggregate-selector div.active::before, .aggregate-selector div:hover::before {
      height: 3px; }

.filters-classifications p {
  font-size: 12px;
  color: var(--secondary_light);
  margin-top: -7px !important; }

.aggregator-offline-people {
  padding-top: 0 !important;
  padding-bottom: 30px; }
  .aggregator-offline-people .aggregator-plus-less {
    background: var(--background);
    color: var(--secondary_light); }
  .aggregator-offline-people .less-icon,
  .aggregator-offline-people .add-offline-days {
    pointer-events: none; }

.people-permission {
  margin-top: 30px;
  width: 100%;
  min-height: 200px;
  max-width: 410px;
  background: var(--background);
  border: 1px dashed var(--grey_dark); }
  .people-permission .text-people-permission h6 {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary);
    margin: 10px 10px 0; }
  .people-permission .text-people-permission span {
    font-size: 12px;
    margin: 0 10px; }
    .people-permission .text-people-permission span u {
      font-weight: 600;
      cursor: pointer; }

.people-inpermission-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
  opacity: 0; }
  .people-inpermission-group.active {
    opacity: 1; }

.img-people-list {
  width: 35px;
  height: 35px;
  border: 2px solid var(--secondary_dark);
  border-radius: 50%;
  overflow: hidden;
  margin: 2px 6px 14px 2px; }
  .img-people-list img {
    width: 100%; }

.view-all-people {
  height: 35px;
  min-width: 35px;
  border: 2px solid var(--secondary_dark);
  border-radius: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary_dark);
  color: var(--white);
  font-weight: 600;
  margin: 2px; }
  .view-all-people span {
    padding: 5px; }
  .view-all-people img {
    height: 18px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(72deg) brightness(108%) contrast(101%); }

.test-permission-btn {
  height: 40px;
  padding: 0 20px;
  min-height: unset;
  margin-right: 10px; }
  .test-permission-btn img {
    margin-right: 5px;
    filter: invert(52%) sepia(51%) saturate(638%) hue-rotate(145deg) brightness(99%) contrast(90%);
    width: 20px; }
  .test-permission-btn:hover img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(162deg) brightness(108%) contrast(101%); }

.mobile-tabs-aggregator {
  width: 100%; }

.profile {
  color: var(--secondary_dark);
  padding-bottom: 50px;
  /*TITLE*/
  /*DASHBOARD BOXES (MY COMPANY AND MY PEOPLE) */
  /*--------------

    PERMISSIONS

  ---------------*/ }
  .profile .title {
    /*HEADING*/ }
    .profile .title a {
      font-size: 12px;
      line-height: 1.17;
      color: var(--secondary_dark);
      margin-right: 5px;
      /*ARROW POINTING RIGHT*/ }
      .profile .title a img {
        margin-left: 5px;
        margin-bottom: 2px;
        width: 8px;
        height: 8px; }
    .profile .title h1 {
      margin-top: 0px;
      padding-top: 0px;
      font-size: 26px;
      font-weight: 500;
      line-height: 1.33;
      color: var(--secondary); }
  .profile .profile-boxes {
    position: relative;
    color: var(--secondary_dark);
    display: flex;
    /*PROFILE BOXES TABS*/
    /*INDIVIDUAL PROFILE BOX*/ }
    .profile .profile-boxes .profile-box-tabs {
      width: 100%;
      display: flex;
      border-bottom: solid 1px var(--grey);
      /*INVIDIDUAL TAB*/ }
      .profile .profile-boxes .profile-box-tabs #my-companies-general img {
        height: 25px; }
      .profile .profile-boxes .profile-box-tabs .company-icon {
        padding-left: 4px; }
      .profile .profile-boxes .profile-box-tabs .profile-box-tab {
        position: relative;
        padding: 17px 20px;
        min-width: 20%;
        display: inline-flex;
        justify-content: center;
        display: flex;
        align-items: center;
        cursor: pointer;
        /*THIS IS FOR THE ANIMATION BACKGROUND*/
        /*THIS IS FOR THE BORDER BOTTOM IN THE TABS*/
        /*HAVE THE BACKGROUND OF THE FIRST TAB COME IN FROM THE LEFT*/ }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab img {
          width: 25px; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab h3 {
          font-size: 14px;
          margin-bottom: 0;
          font-weight: 400;
          position: relative; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab::before {
          position: absolute;
          content: '';
          right: 0;
          bottom: 0;
          height: 100%;
          width: 0%;
          background: var(--white);
          z-index: -1;
          transition: all 0.3s ease-in-out; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab.active {
          margin-bottom: -1px;
          border-bottom: 1px solid var(--white);
          border-top: solid 1px var(--grey);
          border-right: solid 1px var(--grey);
          border-left: solid 1px var(--grey);
          background: var(--white); }
          .profile .profile-boxes .profile-box-tabs .profile-box-tab.active h3 {
            font-weight: 600; }
          .profile .profile-boxes .profile-box-tabs .profile-box-tab.active svg {
            margin-right: 5px; }
            .profile .profile-boxes .profile-box-tabs .profile-box-tab.active svg path {
              fill: var(--primary); }
          .profile .profile-boxes .profile-box-tabs .profile-box-tab.active::after {
            background: transparent; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab:first-child::before {
          left: 0; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab:first-child.active::after {
          height: 0%; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab:nth-child(2).active::after {
          right: 100%; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab.active::before {
          width: 100%;
          border: solid 1px var(--grey);
          border-bottom: none; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab.remove::before {
          width: 0%;
          border: solid 0px var(--grey); }
      .profile .profile-boxes .profile-box-tabs .profile-box-tab-error {
        color: white;
        background: var(--error);
        width: 0;
        height: 0;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.8rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none; }
        .profile .profile-boxes .profile-box-tabs .profile-box-tab-error.active {
          margin-left: 15px;
          opacity: 1;
          width: 20px;
          height: 20px;
          visibility: visible; }
    .profile .profile-boxes .people-box {
      margin-bottom: 20px; }
    .profile .profile-boxes .header-box {
      box-shadow: 0 0 2px 1px var(--grey);
      border: none !important; }
    .profile .profile-boxes .profile-box,
    .profile .profile-boxes .carrousel-box {
      padding: 0px;
      flex-direction: column;
      background: var(--white);
      border: 1px solid var(--grey);
      margin-bottom: 20px;
      transition: all 0.3s ease-in-out;
      /*THIS IS THE SUBTITLE FOR THE OTHER INFORMATIONS PANEL*/
      /*PROFILE HEADER*/
      /*THIS IS FOR THE PROFILE HEADERS THAT DON'T HAVE TOGGLE*/
      /*THIS IS FOR THE BLUE UNDERLINE*/
      /*EDIT PROFILE CONTENT*/
      /*REMOVE BORDER BOTTOM AND TOP OF PROFILE BOX*/ }
      .profile .profile-boxes .profile-box.half-border,
      .profile .profile-boxes .carrousel-box.half-border {
        border-top: 0px; }
        .profile .profile-boxes .profile-box.half-border::before,
        .profile .profile-boxes .carrousel-box.half-border::before {
          content: '';
          position: absolute;
          width: 50%;
          height: 1px;
          right: 0;
          background: var(--grey); }
      .profile .profile-boxes .profile-box.company-permissions,
      .profile .profile-boxes .carrousel-box.company-permissions {
        display: none; }
      .profile .profile-boxes .profile-box.my-company-connections,
      .profile .profile-boxes .carrousel-box.my-company-connections {
        display: none; }
      .profile .profile-boxes .profile-box .profile-sub-title-other,
      .profile .profile-boxes .carrousel-box .profile-sub-title-other {
        position: relative;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        margin-bottom: 25px;
        /*LINE NEXT TO THE TITLE*/ }
        .profile .profile-boxes .profile-box .profile-sub-title-other:before,
        .profile .profile-boxes .carrousel-box .profile-sub-title-other:before {
          position: absolute;
          content: '';
          left: 120px;
          top: 50%;
          background: var(--grey);
          width: calc(100% - 120px);
          height: 1px; }
      .profile .profile-boxes .profile-box .profile-header-classifications.container-my-representative,
      .profile .profile-boxes .carrousel-box .profile-header-classifications.container-my-representative {
        width: 70%;
        cursor: default; }
      .profile .profile-boxes .profile-box .profile-header-classifications.active,
      .profile .profile-boxes .carrousel-box .profile-header-classifications.active {
        transition: none; }
        .profile .profile-boxes .profile-box .profile-header-classifications.active .edit-profile-content,
        .profile .profile-boxes .carrousel-box .profile-header-classifications.active .edit-profile-content {
          transition: none; }
      .profile .profile-boxes .profile-box .profile-header-width,
      .profile .profile-boxes .carrousel-box .profile-header-width {
        width: 30% !important; }
      .profile .profile-boxes .profile-box .profile-header,
      .profile .profile-boxes .profile-box .carrousel-header,
      .profile .profile-boxes .profile-box .profile-header-non-click,
      .profile .profile-boxes .profile-box .profile-header-classifications,
      .profile .profile-boxes .carrousel-box .profile-header,
      .profile .profile-boxes .carrousel-box .carrousel-header,
      .profile .profile-boxes .carrousel-box .profile-header-non-click,
      .profile .profile-boxes .carrousel-box .profile-header-classifications {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 0px;
        padding: 25px 50px 0px;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        /*PROFILE TITLE*/
        /*PROFILE LEFT ARROW*/
        /*PROFILE CIRCLE ERROR*/ }
        .profile .profile-boxes .profile-box .profile-header h2,
        .profile .profile-boxes .profile-box .carrousel-header h2,
        .profile .profile-boxes .profile-box .profile-header-non-click h2,
        .profile .profile-boxes .profile-box .profile-header-classifications h2,
        .profile .profile-boxes .carrousel-box .profile-header h2,
        .profile .profile-boxes .carrousel-box .carrousel-header h2,
        .profile .profile-boxes .carrousel-box .profile-header-non-click h2,
        .profile .profile-boxes .carrousel-box .profile-header-classifications h2 {
          line-height: 1.67;
          font-weight: 600;
          font-size: 14px;
          margin-bottom: 0px;
          color: var(--secondary_dark); }
        .profile .profile-boxes .profile-box .profile-header .profile-arrow,
        .profile .profile-boxes .profile-box .profile-header .arrow,
        .profile .profile-boxes .profile-box .carrousel-header .profile-arrow,
        .profile .profile-boxes .profile-box .carrousel-header .arrow,
        .profile .profile-boxes .profile-box .profile-header-non-click .profile-arrow,
        .profile .profile-boxes .profile-box .profile-header-non-click .arrow,
        .profile .profile-boxes .profile-box .profile-header-classifications .profile-arrow,
        .profile .profile-boxes .profile-box .profile-header-classifications .arrow,
        .profile .profile-boxes .carrousel-box .profile-header .profile-arrow,
        .profile .profile-boxes .carrousel-box .profile-header .arrow,
        .profile .profile-boxes .carrousel-box .carrousel-header .profile-arrow,
        .profile .profile-boxes .carrousel-box .carrousel-header .arrow,
        .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-arrow,
        .profile .profile-boxes .carrousel-box .profile-header-non-click .arrow,
        .profile .profile-boxes .carrousel-box .profile-header-classifications .profile-arrow,
        .profile .profile-boxes .carrousel-box .profile-header-classifications .arrow {
          position: absolute;
          transform: rotate(90deg);
          left: 20px;
          top: 30px;
          transition: all 0.05s ease-in-out; }
        .profile .profile-boxes .profile-box .profile-header .profile-error,
        .profile .profile-boxes .profile-box .carrousel-header .profile-error,
        .profile .profile-boxes .profile-box .profile-header-non-click .profile-error,
        .profile .profile-boxes .profile-box .profile-header-classifications .profile-error,
        .profile .profile-boxes .carrousel-box .profile-header .profile-error,
        .profile .profile-boxes .carrousel-box .carrousel-header .profile-error,
        .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-error,
        .profile .profile-boxes .carrousel-box .profile-header-classifications .profile-error {
          opacity: 0;
          visibility: hidden;
          margin-left: auto;
          width: 20px;
          height: 20px;
          background-color: var(--error);
          border-radius: 50%;
          color: var(--white);
          display: flex;
          justify-content: center;
          align-items: center;
          line-height: 1.17;
          font-size: 11px;
          transition: all 0.2s ease-in-out; }
        .profile .profile-boxes .profile-box .profile-header .title-container.disabled,
        .profile .profile-boxes .profile-box .carrousel-header .title-container.disabled,
        .profile .profile-boxes .profile-box .profile-header-non-click .title-container.disabled,
        .profile .profile-boxes .profile-box .profile-header-classifications .title-container.disabled,
        .profile .profile-boxes .carrousel-box .profile-header .title-container.disabled,
        .profile .profile-boxes .carrousel-box .carrousel-header .title-container.disabled,
        .profile .profile-boxes .carrousel-box .profile-header-non-click .title-container.disabled,
        .profile .profile-boxes .carrousel-box .profile-header-classifications .title-container.disabled {
          display: none;
          margin: 0; }
        .profile .profile-boxes .profile-box .profile-header.active .profile-arrow,
        .profile .profile-boxes .profile-box .profile-header.active .arrow,
        .profile .profile-boxes .profile-box .carrousel-header.active .profile-arrow,
        .profile .profile-boxes .profile-box .carrousel-header.active .arrow,
        .profile .profile-boxes .profile-box .profile-header-non-click.active .profile-arrow,
        .profile .profile-boxes .profile-box .profile-header-non-click.active .arrow,
        .profile .profile-boxes .profile-box .profile-header-classifications.active .profile-arrow,
        .profile .profile-boxes .profile-box .profile-header-classifications.active .arrow,
        .profile .profile-boxes .carrousel-box .profile-header.active .profile-arrow,
        .profile .profile-boxes .carrousel-box .profile-header.active .arrow,
        .profile .profile-boxes .carrousel-box .carrousel-header.active .profile-arrow,
        .profile .profile-boxes .carrousel-box .carrousel-header.active .arrow,
        .profile .profile-boxes .carrousel-box .profile-header-non-click.active .profile-arrow,
        .profile .profile-boxes .carrousel-box .profile-header-non-click.active .arrow,
        .profile .profile-boxes .carrousel-box .profile-header-classifications.active .profile-arrow,
        .profile .profile-boxes .carrousel-box .profile-header-classifications.active .arrow {
          transform: rotate(-90deg); }
        .profile .profile-boxes .profile-box .profile-header.active + .edit-profile-content,
        .profile .profile-boxes .profile-box .carrousel-header.active + .edit-profile-content,
        .profile .profile-boxes .profile-box .profile-header-non-click.active + .edit-profile-content,
        .profile .profile-boxes .profile-box .profile-header-classifications.active + .edit-profile-content,
        .profile .profile-boxes .carrousel-box .profile-header.active + .edit-profile-content,
        .profile .profile-boxes .carrousel-box .carrousel-header.active + .edit-profile-content,
        .profile .profile-boxes .carrousel-box .profile-header-non-click.active + .edit-profile-content,
        .profile .profile-boxes .carrousel-box .profile-header-classifications.active + .edit-profile-content {
          max-height: 2050px;
          margin-bottom: 25px; }
        .profile .profile-boxes .profile-box .profile-header.active + .edit-profile-content-height,
        .profile .profile-boxes .profile-box .carrousel-header.active + .edit-profile-content-height,
        .profile .profile-boxes .profile-box .profile-header-non-click.active + .edit-profile-content-height,
        .profile .profile-boxes .profile-box .profile-header-classifications.active + .edit-profile-content-height,
        .profile .profile-boxes .carrousel-box .profile-header.active + .edit-profile-content-height,
        .profile .profile-boxes .carrousel-box .carrousel-header.active + .edit-profile-content-height,
        .profile .profile-boxes .carrousel-box .profile-header-non-click.active + .edit-profile-content-height,
        .profile .profile-boxes .carrousel-box .profile-header-classifications.active + .edit-profile-content-height {
          max-height: 9999px !important; }
      .profile .profile-boxes .profile-box .profile-header-company,
      .profile .profile-boxes .carrousel-box .profile-header-company {
        cursor: default !important; }
      .profile .profile-boxes .profile-box .profile-header-non-click-notify,
      .profile .profile-boxes .carrousel-box .profile-header-non-click-notify {
        border: none !important; }
      .profile .profile-boxes .profile-box .profile-header-non-click,
      .profile .profile-boxes .carrousel-box .profile-header-non-click {
        cursor: default;
        padding: 0px;
        /*HEADER DESKTROP*/
        /*HEADER MOBILE CHECKBOX*/ }
        .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-desktop,
        .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-desktop {
          display: flex;
          position: relative;
          border-bottom: 1px solid var(--grey_light); }
          .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-desktop h2,
          .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-desktop h2 {
            font-size: 18px;
            width: 100%;
            height: 100%;
            display: block;
            position: inherit;
            color: var(--grey_dark);
            font-weight: normal; }
            .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-desktop h2:hover,
            .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-desktop h2:hover {
              color: var(--primary);
              font-weight: 600; }
              .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-desktop h2:hover:before,
              .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-desktop h2:hover:before {
                opacity: 1;
                visibility: visible; }
          .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-desktop .amount-requests,
          .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-desktop .amount-requests {
            position: absolute;
            left: 36px;
            top: 17px;
            padding: 0px 10px;
            height: 16px;
            border-radius: 8px;
            background: var(--grey_dark);
            color: var(--white);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px; }
            .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-desktop .amount-requests.active,
            .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-desktop .amount-requests.active {
              background: var(--warning); }
        .profile .profile-boxes .profile-box .profile-header-non-click .profile-header-mobile,
        .profile .profile-boxes .carrousel-box .profile-header-non-click .profile-header-mobile {
          display: none;
          border: none; }
      .profile .profile-boxes .profile-box .profile-header-desktop.active .profile-header-underline,
      .profile .profile-boxes .carrousel-box .profile-header-desktop.active .profile-header-underline {
        color: var(--secondary_dark) !important;
        font-weight: 600 !important; }
        .profile .profile-boxes .profile-box .profile-header-desktop.active .profile-header-underline:before,
        .profile .profile-boxes .carrousel-box .profile-header-desktop.active .profile-header-underline:before {
          opacity: 1;
          visibility: visible; }
      .profile .profile-boxes .profile-box .profile-header-underline,
      .profile .profile-boxes .carrousel-box .profile-header-underline {
        position: relative; }
        .profile .profile-boxes .profile-box .profile-header-underline:before,
        .profile .profile-boxes .carrousel-box .profile-header-underline:before {
          opacity: 0;
          visibility: hidden; }
        .profile .profile-boxes .profile-box .profile-header-underline.active,
        .profile .profile-boxes .carrousel-box .profile-header-underline.active {
          color: var(--primary) !important;
          font-weight: 600 !important; }
          .profile .profile-boxes .profile-box .profile-header-underline.active:before,
          .profile .profile-boxes .carrousel-box .profile-header-underline.active:before {
            opacity: 1;
            visibility: visible; }
      .profile .profile-boxes .profile-box .edit-profile-content,
      .profile .profile-boxes .carrousel-box .edit-profile-content {
        max-height: 0px;
        overflow: hidden;
        margin: 0 50px;
        margin: 0px 50px 25px;
        transition: all 0.5s ease-in-out;
        /*LEFT SIDE*/
        /*THIS IS THE RATTING WRAPPER SO IT'S CENTERED*/
        /*RIGHT SIDE*/
        /*PROFILE*/
        /*PROFILE BOX COMPANY INFO SUCH AS NAME COUNTRY AND LANGUAGE .*/
        /*THIS IS FOR THE GENEERAL INFO WITH THE COMAPNY LOGO*/ }
        .profile .profile-boxes .profile-box .edit-profile-content.disabled,
        .profile .profile-boxes .carrousel-box .edit-profile-content.disabled {
          margin-bottom: 0; }
        .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number,
        .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number {
          align-items: center;
          width: 224px;
          height: 50px;
          background-color: var(--background);
          border: 2px dashed var(--grey);
          padding: 0px 10px;
          display: flex; }
          .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .aggragate-relation,
          .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .aggragate-relation {
            width: 30%;
            align-items: center;
            display: flex;
            justify-content: flex-start; }
          .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy,
          .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy {
            justify-content: flex-end;
            display: flex;
            align-items: center;
            width: 100%; }
            .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy .aggragate-relation,
            .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy .aggragate-relation {
              display: flex;
              width: 100%;
              justify-content: flex-end;
              align-self: center;
              position: relative; }
            .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy .aggregator-tooltip,
            .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy .aggregator-tooltip {
              position: relative;
              opacity: 0;
              width: 0;
              font-size: 12px;
              font-weight: 600;
              background: var(--secondary);
              color: var(--white); }
              .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy .aggregator-tooltip .my-connection-text,
              .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy .aggregator-tooltip .my-connection-text {
                width: 130px; }
              .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy .aggregator-tooltip::after,
              .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy .aggregator-tooltip::after {
                top: 10px;
                left: 0;
                border: solid transparent;
                content: ' ';
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(74, 74, 74, 0);
                border-right-color: var(--secondary);
                border-width: 10px;
                margin-left: -15px; }
            .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy .relation-img,
            .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy .relation-img {
              position: relative;
              display: flex;
              justify-self: self-end;
              align-self: center;
              cursor: pointer;
              width: 25px; }
              .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niupnumbercopy .relation-img:hover + .aggregator-tooltip,
              .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niupnumbercopy .relation-img:hover + .aggregator-tooltip {
                opacity: 1;
                padding: 10px;
                border-radius: 27px;
                position: absolute;
                width: auto;
                left: 62px;
                top: -4px;
                background: var(--secondary);
                align-items: center;
                display: flex; }
          .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niup-number-aggregator,
          .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niup-number-aggregator {
            width: 70%; }
            .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niup-number-aggregator .nuip-number-text,
            .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niup-number-aggregator .nuip-number-text {
              font-size: 13px;
              display: block; }
            .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niup-number-aggregator .nuip-number,
            .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niup-number-aggregator .nuip-number {
              font-size: 13px;
              display: block;
              font-weight: 600;
              color: var(--secondary_dark); }
              .profile .profile-boxes .profile-box .edit-profile-content .show-niup-number .niup-number-aggregator .nuip-number a,
              .profile .profile-boxes .carrousel-box .edit-profile-content .show-niup-number .niup-number-aggregator .nuip-number a {
                color: var(--secondary_dark) !important; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-right-text .title,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-right-text .title {
          padding: 0;
          font-size: 14px;
          font-weight: 600;
          display: block; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-right-text .text,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-right-text .text {
          padding: 0;
          font-size: 13px;
          display: block;
          color: var(--secondary_light);
          width: 250px; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-right-text .link,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-right-text .link {
          padding: 0;
          font-size: 13px;
          display: block;
          text-decoration: underline;
          cursor: pointer;
          color: var(--secondary_light);
          width: 250px; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img {
          display: flex;
          align-items: center;
          flex-direction: column;
          flex: 1 1 0%;
          max-width: 260px;
          min-width: 260px; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-img-aggregator,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-img-aggregator {
            overflow: hidden; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-img-aggregator.instant-contact,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-img-aggregator.instant-contact {
              height: 124px; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-img-aggregator.address,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-img-aggregator.address {
              height: 114px; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-img-aggregator .profile-img-cropped.address,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-img-aggregator .profile-img-cropped.address {
              margin-top: -20px; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-img-aggregator .profile-img-cropped.documents,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-img-aggregator .profile-img-cropped.documents {
              transform: scale(1.2); }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-img-aggregator .profile-img-cropped.instant-contact,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-img-aggregator .profile-img-cropped.instant-contact {
              margin-top: -20px; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-main-img .profile-box-company-name,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-main-img .profile-box-company-name {
            padding-top: 20px; }
        .profile .profile-boxes .profile-box .edit-profile-content .input-aggregator-name,
        .profile .profile-boxes .carrousel-box .edit-profile-content .input-aggregator-name {
          display: flex; }
          .profile .profile-boxes .profile-box .edit-profile-content .input-aggregator-name :first-child,
          .profile .profile-boxes .carrousel-box .edit-profile-content .input-aggregator-name :first-child {
            padding-right: 10px;
            flex: 0 0 51%; }
        .profile .profile-boxes .profile-box .edit-profile-content hr.line,
        .profile .profile-boxes .carrousel-box .edit-profile-content hr.line {
          margin-top: 30px; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail {
          margin-left: 20px;
          width: 65%; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .rating-aggregator,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .rating-aggregator {
            margin-bottom: 0 !important; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .profile-box-company-name h3,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .profile-box-company-name h3 {
            padding-left: 3px;
            font-size: 16px;
            font-weight: 600;
            padding: 0; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .profile-box-company-name h3 img,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .profile-box-company-name h3 img {
              margin-top: -5px; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .profile-box-company-name .information-right-and-left,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .profile-box-company-name .information-right-and-left {
            display: flex;
            flex-wrap: wrap; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .profile-box-company-name .information-right-and-left .item,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .profile-box-company-name .information-right-and-left .item {
              flex: 0 0 50%; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .profile-box-company-name span.information,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .profile-box-company-name span.information {
            font-size: 14px;
            color: var(--secondary_dark);
            display: block;
            margin-top: 10px; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-info-detail .profile-box-company-name span.information-type,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-info-detail .profile-box-company-name span.information-type {
            font-size: 12px;
            color: var(--secondary_light);
            display: block; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-company-name,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-company-name {
          padding: 0 10px; }
        .profile .profile-boxes .profile-box .edit-profile-content .row,
        .profile .profile-boxes .carrousel-box .edit-profile-content .row {
          width: 100%; }
          .profile .profile-boxes .profile-box .edit-profile-content .row .profile-info-main-img img,
          .profile .profile-boxes .carrousel-box .edit-profile-content .row .profile-info-main-img img {
            width: 200px; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-rating,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-rating {
          display: flex;
          justify-content: center;
          width: 100%;
          margin: 20px 0px; }
        .profile .profile-boxes .profile-box .edit-profile-content .btn-authentication,
        .profile .profile-boxes .carrousel-box .edit-profile-content .btn-authentication {
          margin-top: 0; }
        .profile .profile-boxes .profile-box .edit-profile-content .input-aggregator,
        .profile .profile-boxes .carrousel-box .edit-profile-content .input-aggregator {
          margin-right: 0px;
          margin-top: 0px;
          height: 45px; }
          .profile .profile-boxes .profile-box .edit-profile-content .input-aggregator.input-entity-alias,
          .profile .profile-boxes .carrousel-box .edit-profile-content .input-aggregator.input-entity-alias {
            margin-top: 12px; }
        .profile .profile-boxes .profile-box .edit-profile-content .select-box-div,
        .profile .profile-boxes .carrousel-box .edit-profile-content .select-box-div {
          padding-bottom: 5px; }
        .profile .profile-boxes .profile-box .edit-profile-content .select2-container,
        .profile .profile-boxes .carrousel-box .edit-profile-content .select2-container {
          width: 100% !important; }
        .profile .profile-boxes .profile-box .edit-profile-content .select-box-div,
        .profile .profile-boxes .carrousel-box .edit-profile-content .select-box-div {
          padding-right: 0px;
          margin-bottom: 20px; }
        .profile .profile-boxes .profile-box .edit-profile-content #request-new-password,
        .profile .profile-boxes .carrousel-box .edit-profile-content #request-new-password {
          margin: 20px 0px 0px 20px; }
          .profile .profile-boxes .profile-box .edit-profile-content #request-new-password a,
          .profile .profile-boxes .carrousel-box .edit-profile-content #request-new-password a {
            font-size: 14px;
            line-height: 1.71;
            color: var(--secondary);
            border-bottom: 1px solid var(--secondary);
            margin-right: 3px; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-comapany-logo,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-comapany-logo {
          margin-bottom: 40px; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-company-info,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-company-info {
          width: 50%;
          margin-bottom: 30px; }
          .profile .profile-boxes .profile-box .edit-profile-content .profile-box-company-info h3,
          .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-company-info h3 {
            font-size: 14px;
            line-height: 1.71;
            color: var(--secondary);
            margin: 0px; }
            .profile .profile-boxes .profile-box .edit-profile-content .profile-box-company-info h3:first-child,
            .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-company-info h3:first-child {
              font-weight: 600; }
        .profile .profile-boxes .profile-box .edit-profile-content .profile-box-company-name .rating-aggregator,
        .profile .profile-boxes .carrousel-box .edit-profile-content .profile-box-company-name .rating-aggregator {
          float: unset;
          margin-left: 0px;
          padding: 0px;
          margin-bottom: 55px; }
        .profile .profile-boxes .profile-box .edit-profile-content .general-data-ratting,
        .profile .profile-boxes .carrousel-box .edit-profile-content .general-data-ratting {
          display: flex;
          flex-direction: column;
          align-items: center; }
      .profile .profile-boxes .profile-box.profile-box-no-border,
      .profile .profile-boxes .carrousel-box.profile-box-no-border {
        border-top: none;
        border-bottom: none; }
      .profile .profile-boxes .profile-box.error .profile-header .profile-error,
      .profile .profile-boxes .profile-box.error .carrousel-header .profile-error,
      .profile .profile-boxes .carrousel-box.error .profile-header .profile-error,
      .profile .profile-boxes .carrousel-box.error .carrousel-header .profile-error {
        opacity: 1;
        visibility: visible; }
    .profile .profile-boxes .financial-data {
      border: 1px solid var(--grey);
      padding: 25px 25px; }
    .profile .profile-boxes .financial-data-permissions {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .profile .profile-boxes .financial-data-permissions h1 {
        font-size: 100px;
        font-weight: 500;
        line-height: 0.4;
        text-align: center;
        color: var(--secondary_dark);
        margin-bottom: 30px;
        margin-top: 18px; }
      .profile .profile-boxes .financial-data-permissions p {
        font-size: 12px;
        font-weight: normal;
        line-height: 1.17;
        text-align: center;
        color: var(--secondary_dark); }
      .profile .profile-boxes .financial-data-permissions img {
        filter: none; }
  .profile .dashboard-boxes {
    /*PROFILE HEADER THAT HAS NO DROP DOWN*/ }
    .profile .dashboard-boxes .profile-header-non-click {
      display: flex;
      justify-content: space-between;
      /*THIS IS FOR THE RIGHT SIDE*/ }
      .profile .dashboard-boxes .profile-header-non-click h2 {
        width: 60%; }
      .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company {
        border-bottom: solid 1px var(--grey_light);
        width: 35% !important; }
      .profile .dashboard-boxes .profile-header-non-click .button-connect {
        width: 90%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        background: var(--primary);
        color: var(--white); }
        .profile .dashboard-boxes .profile-header-non-click .button-connect img {
          margin: 0 !important;
          filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(305deg) brightness(162%) contrast(102%); }
        .profile .dashboard-boxes .profile-header-non-click .button-connect h4 {
          margin-right: 0 !important;
          margin-left: 10px; }
        .profile .dashboard-boxes .profile-header-non-click .button-connect:hover {
          background: var(--primary_light); }
      .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company,
      .profile .dashboard-boxes .profile-header-non-click .dahsboard-filter {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 5px;
        position: relative;
        cursor: pointer;
        border-left: 1px solid var(--grey_light);
        height: 80px; }
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company h4,
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-filter h4 {
          font-size: 14px;
          font-weight: 600;
          line-height: 1.71;
          margin-top: 10px;
          margin-right: 10px; }
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company img,
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-filter img {
          margin: 15px;
          margin-left: 0; }
  .profile #permisions-tab {
    position: relative; }
    .profile #permisions-tab .permissions-list {
      overflow-y: auto;
      max-height: 500px; }
    .profile #permisions-tab .search-permissions,
    .profile #permisions-tab .search-permissions-people {
      opacity: 0;
      visibility: hidden;
      height: 0px;
      padding: 0px;
      margin: 0px;
      transition: all 0.11s ease-in-out; }
      .profile #permisions-tab .search-permissions.active,
      .profile #permisions-tab .search-permissions-people.active {
        opacity: 1;
        visibility: visible;
        height: 50px;
        margin-bottom: 20px; }
    .profile #permisions-tab .img-edit {
      position: absolute;
      top: 1px;
      right: 0;
      height: 40px;
      width: 40px;
      background: var(--grey_dark);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.2s ease-in-out; }
      .profile #permisions-tab .img-edit img {
        filter: invert(95%) sepia(39%) saturate(19%) hue-rotate(330deg) brightness(104%) contrast(104%); }
      .profile #permisions-tab .img-edit:hover {
        background: var(--primary); }
    .profile #permisions-tab .permissions-open-options {
      cursor: pointer; }
    .profile #permisions-tab .title-edit {
      align-items: center;
      height: 40px; }
    .profile #permisions-tab .permissions-edit-options {
      position: absolute;
      right: 0;
      top: 45px;
      background: white;
      border: 1px solid var(--grey);
      padding: 20px;
      z-index: 1;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: all 0.15s ease-in-out; }
      .profile #permisions-tab .permissions-edit-options .permissions-edit-item {
        font-size: 14px;
        margin-bottom: 20px;
        cursor: pointer; }
        .profile #permisions-tab .permissions-edit-options .permissions-edit-item:last-child {
          margin-bottom: 0px; }
        .profile #permisions-tab .permissions-edit-options .permissions-edit-item:hover {
          text-decoration: underline; }
      .profile #permisions-tab .permissions-edit-options.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
  .profile .permissions-options,
  .profile .permissions-people {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.15s ease-in-out; }
    .profile .permissions-options.active,
    .profile .permissions-people.active {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
  .profile .permissions-people {
    width: 100%; }
  .profile .permissions-item {
    margin-bottom: 20px; }
    .profile .permissions-item .permissions-item-text {
      font-size: 14px;
      line-height: 1.71;
      color: var(--secondary);
      margin: 0px;
      font-weight: 600;
      transition: all 0.15s ease-in-out; }
    .profile .permissions-item .permissions-item-option {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      cursor: pointer;
      filter: invert(73%) sepia(6%) saturate(3409%) hue-rotate(71deg) brightness(94%) contrast(86%);
      transition: all 0.15s ease-in-out; }
      .profile .permissions-item .permissions-item-option.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
    .profile .permissions-item.disabled {
      opacity: 0.5; }
    .profile .permissions-item.can-edit {
      cursor: pointer; }

.classifications-bottom.active {
  cursor: default !important; }

.classifications-bottom-section {
  margin-bottom: 0 !important; }

.classifications-type {
  padding: 0px; }
  .classifications-type .select-box-div {
    width: 40%; }

.subtitle-classification-view {
  font-size: 14px;
  color: var(--secondary_dark);
  line-height: 2;
  margin: 10px 0; }

.classifications-filter {
  display: flex; }
  .classifications-filter .classifications-btn {
    cursor: pointer;
    width: 160px;
    height: 50px;
    border: solid 1px var(--grey);
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out; }
    .classifications-filter .classifications-btn:hover {
      background: var(--primary);
      color: var(--white); }

/*FILTER OPTIONS*/
.filter-options {
  display: flex;
  width: 100%;
  max-height: 0px;
  padding: 0 45px;
  transition: all 0.6s ease-in-out;
  overflow: hidden; }
  .filter-options .row {
    width: 100%; }
  .filter-options .aggregate-filter-selected {
    display: flex;
    width: 100%;
    flex-direction: column-reverse; }
  .filter-options .select-box-div,
  .filter-options .input-aggregator,
  .filter-options .clear-all-filters,
  .filter-options .input-aggregator {
    opacity: 0;
    transition: all 0.2s ease-in-out; }
  .filter-options .input-aggregator {
    width: 100%;
    margin: 0px; }
    .filter-options .input-aggregator input {
      width: 100%; }
  .filter-options.active {
    max-height: 600px;
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: visible;
    padding: 25px;
    background-color: var(--white); }
    .filter-options.active .input-aggregator,
    .filter-options.active .select-box-div,
    .filter-options.active .selected-filter,
    .filter-options.active .clear-all-filters {
      opacity: 1;
      transition-delay: 0.2s; }

.delete-filter {
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 0.3;
  float: right; }
  .delete-filter:hover {
    opacity: 1; }
  .delete-filter::before, .delete-filter::after {
    position: absolute;
    content: ' ';
    left: 15px;
    top: 4px;
    height: 15px;
    width: 2px;
    background-color: var(--white); }
  .delete-filter::before {
    transform: rotate(45deg); }
  .delete-filter::after {
    transform: rotate(-45deg); }

.classification-list {
  position: relative;
  margin-top: 6px; }

/*SELECTED FILTER*/
.selected-filter {
  position: relative;
  cursor: pointer;
  width: auto;
  margin-top: 6px;
  margin-right: 6px;
  border-radius: 35px;
  height: 35px;
  background: var(--primary_dark);
  display: none;
  padding: 9px 25px;
  color: var(--white);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  align-items: center; }
  .selected-filter.hover:hover {
    background: var(--primary_dark); }
  .selected-filter h5 {
    margin-bottom: 0px;
    float: left;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
  .selected-filter img {
    padding: 15px 0 15px 15px;
    filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(228deg) brightness(205%) contrast(100%); }
  .selected-filter.active {
    opacity: 1;
    display: inline-flex; }
  .selected-filter.unselected {
    background-image: linear-gradient(to left, var(--grey), var(--grey)); }
  .selected-filter .classification-info {
    position: absolute;
    background: #4a4a4a;
    color: var(--white);
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    height: 0;
    top: 0;
    padding: 0;
    left: 50%;
    transform: translate(-50%, 42%);
    opacity: 0;
    width: 130%;
    z-index: 99;
    transition: all 0.3s ease-in-out; }
    .selected-filter .classification-info .classification-info-content {
      display: none;
      padding: 10px; }
    .selected-filter .classification-info:after {
      bottom: -19px;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(74, 74, 74, 0);
      border-top-color: #4a4a4a;
      border-width: 10px;
      margin-left: -10px;
      visibility: hidden; }
    .selected-filter .classification-info.active {
      opacity: 1; }
  .selected-filter:hover .classification-info {
    top: -90px;
    opacity: 1;
    width: 130%;
    height: initial; }
    .selected-filter:hover .classification-info::after {
      visibility: visible; }
    .selected-filter:hover .classification-info .classification-info-content {
      display: flex; }
  .selected-filter.dark-blue {
    background: var(--primary_dark);
    margin-top: 6px; }
  .selected-filter.light-blue {
    background: var(--primary);
    margin-top: 6px; }
  .selected-filter:first-child .classification-info {
    transform: translate(-50%, 41%); }
  .selected-filter.filter-not-applied {
    background: var(--grey_dark);
    display: none; }

.filter-options .selected-filter.filter-not-applied {
  display: inline-flex; }

.select-box-container {
  flex-wrap: wrap; }
  .select-box-container .select-check:last-child {
    margin-right: 0 !important; }

.search-filter {
  display: flex;
  padding: 0;
  padding-top: 10px !important; }

#send-filters-connections {
  margin-left: 10px;
  width: 170px;
  font-size: 14px;
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.filters-mobile {
  height: 63%;
  overflow-y: auto; }

.filters {
  flex-wrap: wrap;
  margin-top: 6px; }

/*CLEAR ALL FILTERS*/
.clear-all-filters {
  display: flex;
  justify-content: flex-end;
  align-self: flex-end; }
  .clear-all-filters a {
    color: var(--grey_dark);
    text-transform: uppercase;
    text-transform: uppercase;
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
    .clear-all-filters a:hover {
      color: var(--grey_dark); }
    .clear-all-filters a.active {
      opacity: 1;
      pointer-events: auto;
      height: auto;
      margin-top: 10px; }
      .clear-all-filters a.active + .clear-all-filters {
        margin-top: 10px; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* ************** */
/* ************** */
.info-top-share-code {
  pointer-events: none; }

.code-for-info-insert-code {
  width: 200px; }
  .code-for-info-insert-code .sub-title {
    font-size: 14px; }
  .code-for-info-insert-code .input-aggregator {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 0; }

.list-all-cards {
  display: flex; }
  .list-all-cards .no-user-img {
    width: 65px !important; }

.list-card {
  height: 110px; }
  .list-card .user-card-image-aggregator {
    width: 64px;
    min-width: 64px;
    height: 64px; }
    .list-card .user-card-image-aggregator img {
      width: 64px;
      min-width: 64px;
      height: 64px; }
  .list-card .card-info {
    font-size: 10px;
    color: var(--secondary_light);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75ch;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.code-for-info-user-card {
  background: var(--grey_light);
  padding: 15px; }
  .code-for-info-user-card .card-info {
    display: flex;
    align-items: center; }
  .code-for-info-user-card .sub-title {
    font-size: 14px; }
  .code-for-info-user-card img {
    width: 30px;
    height: 30px;
    border: 2px solid var(--secondary_dark);
    border-radius: 50%; }
  .code-for-info-user-card .title-container {
    margin-left: 8px; }
    .code-for-info-user-card .title-container p:first-child {
      font-size: 12px;
      color: var(--secondary_dark); }
    .code-for-info-user-card .title-container p:last-child {
      font-size: 10px; }

input::-ms-clear,
input::-ms-reveal {
  display: none; }

.content-container {
  opacity: 1;
  pointer-events: none;
  padding: 0 40px;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.2s ease-in-out; }
  .content-container .sub-title {
    font-size: 18px;
    font-weight: 600; }
  .content-container .sub-title-md {
    font-size: 14px;
    font-weight: 600; }
  .content-container .sub-title-sm {
    font-size: 12px;
    font-weight: 600; }
  .content-container .title-container-other p {
    font-size: 14px;
    color: var(--secondary_dark);
    margin-top: 2px;
    line-height: 1.8; }
  .content-container .content-container-to-hide {
    display: block; }
    .content-container .content-container-to-hide.active {
      display: none; }
  .content-container .content-container-to-show {
    display: none; }
    .content-container .content-container-to-show.active {
      display: block; }
  .content-container.active {
    visibility: visible;
    pointer-events: auto;
    padding: 35px 40px;
    max-height: 770px;
    border-bottom: 1px solid var(--grey); }
  .content-container .button-save {
    margin-top: 8px; }
    .content-container .button-save img {
      margin-right: 5px; }
  .content-container .qrcode-wrapper {
    border: 2px dashed var(--grey_light);
    padding: 15px;
    margin-right: 25px;
    height: 180px; }

.select-type-of-entity-aggregator {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; }
  .select-type-of-entity-aggregator .card-type {
    display: flex;
    flex: 1 1 50%;
    width: 200px;
    height: 108px;
    background: var(--white);
    border: 1px solid var(--grey);
    opacity: 1;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-direction: column; }
    .select-type-of-entity-aggregator .card-type img {
      width: 32px;
      height: 32px; }
    .select-type-of-entity-aggregator .card-type.people img, .select-type-of-entity-aggregator .card-type.companies img {
      filter: invert(71%) sepia(0%) saturate(0%) hue-rotate(322deg) brightness(94%) contrast(87%); }
    .select-type-of-entity-aggregator .card-type.myprofile img {
      border-radius: 50%;
      border: 2px solid var(--secondary_dark); }
    .select-type-of-entity-aggregator .card-type:first-child {
      margin-left: 0; }

.card-type-entity-selected .grid-card-small-container {
  grid-gap: 10px; }
  .card-type-entity-selected .grid-card-small-container .grid-card-small::before {
    height: 3px; }
  .card-type-entity-selected .grid-card-small-container .grid-card-small-items {
    color: var(--secondary_dark); }
  .card-type-entity-selected .grid-card-small-container .grid-small-img {
    height: 32px;
    width: 32px;
    max-width: 32px;
    min-width: 32px; }
    .card-type-entity-selected .grid-card-small-container .grid-small-img img {
      height: 32px;
      width: 32px; }
    .card-type-entity-selected .grid-card-small-container .grid-small-img .with-filter-img {
      filter: invert(71%) sepia(0%) saturate(0%) hue-rotate(322deg) brightness(94%) contrast(87%);
      border-radius: 0; }
    .card-type-entity-selected .grid-card-small-container .grid-small-img .grid-small-img-border {
      height: 32px;
      width: 32px; }

.container-content-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--grey_light); }
  .container-content-image.qr-img-bg {
    background: var(--white); }
  .container-content-image img {
    width: 50px !important;
    opacity: 0.5; }
    .container-content-image img.qr-img {
      opacity: 1;
      width: 82px !important; }

/*GRID CARDS FOR MY COMPANIES, PEOPLE ETC*/
.grid-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px; }

.grid-cards {
  padding: 0px;
  /*INDIVIDUAL CARD*/ }
  .grid-cards .col-sm-3 {
    padding-right: unset !important; }
  .grid-cards .grid-card {
    background: var(--white);
    border: solid 1px var(--grey);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.17;
    cursor: pointer;
    margin-bottom: 30px;
    transition: all 0.2s ease-in-out;
    /*GRID COMPANY IMG*/ }
    .grid-cards .grid-card .grid-img {
      width: 75px;
      height: 75px;
      margin-top: 25px;
      position: relative;
      /*GRID IMG BORDER*/ }
      .grid-cards .grid-card .grid-img img {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 50%; }
      .grid-cards .grid-card .grid-img .grid-img-border {
        position: absolute;
        content: '';
        top: 49%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 75px;
        height: 75px;
        border-radius: 50%;
        border: 1px solid var(--black); }
    .grid-cards .grid-card h3 {
      margin: 15px 0px;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.75;
      color: var(--secondary_light);
      cursor: default; }
    .grid-cards .grid-card .delete-card {
      cursor: pointer;
      position: absolute;
      top: 0px;
      right: 14px;
      padding: 13px;
      filter: invert(0%) sepia(96%) saturate(16%) hue-rotate(294deg) brightness(94%) contrast(104%); }
    .grid-cards .grid-card:hover {
      background: var(--primary_light); }
      .grid-cards .grid-card:hover .aggregator-numbers-permissons {
        opacity: 0.5; }
      .grid-cards .grid-card:hover h3 {
        color: var(--white); }
      .grid-cards .grid-card:hover .grid-img img {
        filter: opacity(70%); }
  .grid-cards .grid-add {
    border: 1px dashed var(--grey_dark);
    color: var(--secondary_light);
    background-color: var(--background) !important; }
    .grid-cards .grid-add img {
      margin-bottom: 10px; }
  .grid-cards .manage-permissions-list img {
    filter: invert(46%) sepia(0%) saturate(0%) hue-rotate(280deg) brightness(101%) contrast(95%); }

.classifications-editor {
  left: 0%;
  width: 50%;
  padding: 20px;
  background: var(--white);
  position: absolute;
  z-index: 9995;
  display: block;
  border: 1px solid var(--grey_dark);
  border-top: 3px solid var(--primary);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity ease-in-out 0.2s, visibility ease-in-out 0.2s; }
  .classifications-editor.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .classifications-editor .classifications-editor-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    filter: invert(0%) sepia(100%) saturate(25%) hue-rotate(245deg) brightness(88%) contrast(102%); }
  .classifications-editor .classifications-editor-footer .remove-connection {
    width: 285px; }

/*---------------------------*/
/*  SMALL GRID CARDS FOR MY COMPANIES */
/*---------------------------*/
.grid-give-permission h6 {
  -webkit-line-clamp: 2 !important; }

.grid-card-small-items {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.grid-small-img,
.grid-small-img-permissions {
  position: relative;
  margin-right: 12px; }
  .grid-small-img img,
  .grid-small-img-permissions img {
    overflow: hidden;
    margin: auto;
    display: block;
    width: 100%; }
  .grid-small-img .grid-small-img-border,
  .grid-small-img .grid-small-img-border-permissions,
  .grid-small-img-permissions .grid-small-img-border,
  .grid-small-img-permissions .grid-small-img-border-permissions {
    position: absolute;
    overflow: hidden;
    content: '';
    top: 0;
    /* left: 0; */
    /* transform: translate(-50%, -50%); */
    border-radius: 50%;
    border: 1px solid var(--black); }

.grid-small-img {
  max-width: 55px;
  min-width: 55px;
  width: 55px;
  height: 55px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  display: flex; }

.grid-small-img-border {
  width: 55px;
  height: 55px; }

.grid-small-img-permissions {
  width: 40px;
  height: 40px; }

.grid-small-img-border-permissions {
  width: 45px;
  height: 45px; }

.grid-card-small-container {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

.grid-card-small-container-permissions {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

.grid-card-small-container,
.grid-card-small-container-permissions {
  width: 100%;
  display: grid;
  grid-gap: 20px; }
  .grid-card-small-container .grid-card-small,
  .grid-card-small-container .grid-card-small-permissions label,
  .grid-card-small-container-permissions .grid-card-small,
  .grid-card-small-container-permissions .grid-card-small-permissions label {
    position: relative;
    padding: 20px;
    background: var(--white);
    border: solid 1px var(--grey);
    display: flex;
    align-items: center;
    height: 80px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.17;
    transition: all 0.2s ease-in-out;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.75;
    color: var(--secondary_light);
    cursor: pointer; }
    .grid-card-small-container .grid-card-small:hover:before,
    .grid-card-small-container .grid-card-small-permissions label:hover:before,
    .grid-card-small-container-permissions .grid-card-small:hover:before,
    .grid-card-small-container-permissions .grid-card-small-permissions label:hover:before {
      height: 3px; }
    .grid-card-small-container .grid-card-small .checkbox label:after,
    .grid-card-small-container .grid-card-small-permissions label .checkbox label:after,
    .grid-card-small-container-permissions .grid-card-small .checkbox label:after,
    .grid-card-small-container-permissions .grid-card-small-permissions label .checkbox label:after {
      opacity: 0;
      visibility: hidden; }
    .grid-card-small-container .grid-card-small .grid-card-small-items,
    .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items,
    .grid-card-small-container-permissions .grid-card-small .grid-card-small-items,
    .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items {
      display: flex;
      flex-direction: column;
      line-height: 15px; }
      .grid-card-small-container .grid-card-small .grid-card-small-items h6,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items h6,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-items h6,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items h6 {
        font-size: 12px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 10ch;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .grid-card-small-container .grid-card-small .grid-card-small-items span,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items span,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-items span,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items span {
        font-size: 11px;
        font-weight: 500;
        color: var(--secondary_light);
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 75ch;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
    .grid-card-small-container .grid-card-small .grid-card-small-items,
    .grid-card-small-container .grid-card-small .grid-card-small-items-permissions,
    .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items,
    .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items-permissions,
    .grid-card-small-container-permissions .grid-card-small .grid-card-small-items,
    .grid-card-small-container-permissions .grid-card-small .grid-card-small-items-permissions,
    .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items,
    .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items-permissions {
      flex: 1 1 60%; }
      .grid-card-small-container .grid-card-small .grid-card-small-items h5,
      .grid-card-small-container .grid-card-small .grid-card-small-items-permissions h5,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items h5,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items-permissions h5,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-items h5,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-items-permissions h5,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items h5,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items-permissions h5 {
        margin-bottom: 0px; }
      .grid-card-small-container .grid-card-small .grid-card-small-items .rating-aggregator,
      .grid-card-small-container .grid-card-small .grid-card-small-items-permissions .rating-aggregator,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items .rating-aggregator,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items-permissions .rating-aggregator,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-items .rating-aggregator,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-items-permissions .rating-aggregator,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items .rating-aggregator,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items-permissions .rating-aggregator {
        padding-left: 0px; }
    .grid-card-small-container .grid-card-small .grid-card-small-items-permissions fieldset label,
    .grid-card-small-container .grid-card-small-permissions label .grid-card-small-items-permissions fieldset label,
    .grid-card-small-container-permissions .grid-card-small .grid-card-small-items-permissions fieldset label,
    .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-items-permissions fieldset label {
      width: 10px;
      height: 10px; }
    .grid-card-small-container .grid-card-small .grid-card-small-icons,
    .grid-card-small-container .grid-card-small-permissions label .grid-card-small-icons,
    .grid-card-small-container-permissions .grid-card-small .grid-card-small-icons,
    .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-icons {
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100%;
      display: flex;
      justify-content: space-between; }
      .grid-card-small-container .grid-card-small .grid-card-small-icons a,
      .grid-card-small-container .grid-card-small-permissions label .grid-card-small-icons a,
      .grid-card-small-container-permissions .grid-card-small .grid-card-small-icons a,
      .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-icons a {
        position: absolute;
        bottom: 0;
        right: 0; }
        .grid-card-small-container .grid-card-small .grid-card-small-icons a .grid-card-small-eye,
        .grid-card-small-container .grid-card-small-permissions label .grid-card-small-icons a .grid-card-small-eye,
        .grid-card-small-container-permissions .grid-card-small .grid-card-small-icons a .grid-card-small-eye,
        .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-icons a .grid-card-small-eye {
          transition: all 0.3s ease-in-out;
          filter: invert(70%) sepia(0%) saturate(0%) hue-rotate(346deg) brightness(97%) contrast(92%); }
        .grid-card-small-container .grid-card-small .grid-card-small-icons a:hover .grid-card-small-eye,
        .grid-card-small-container .grid-card-small-permissions label .grid-card-small-icons a:hover .grid-card-small-eye,
        .grid-card-small-container-permissions .grid-card-small .grid-card-small-icons a:hover .grid-card-small-eye,
        .grid-card-small-container-permissions .grid-card-small-permissions label .grid-card-small-icons a:hover .grid-card-small-eye {
          filter: invert(54%) sepia(90%) saturate(381%) hue-rotate(145deg) brightness(89%) contrast(92%); }
    .grid-card-small-container .grid-card-small.disable,
    .grid-card-small-container .grid-card-small-permissions label.disable,
    .grid-card-small-container-permissions .grid-card-small.disable,
    .grid-card-small-container-permissions .grid-card-small-permissions label.disable {
      opacity: 0.5; }
    .grid-card-small-container .grid-card-small::before,
    .grid-card-small-container .grid-card-small-permissions label::before,
    .grid-card-small-container-permissions .grid-card-small::before,
    .grid-card-small-container-permissions .grid-card-small-permissions label::before {
      content: '';
      width: 100%;
      height: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      background: var(--primary);
      transition: height 0.2s ease-in-out; }
    .grid-card-small-container .grid-card-small.active,
    .grid-card-small-container .grid-card-small-permissions label.active,
    .grid-card-small-container-permissions .grid-card-small.active,
    .grid-card-small-container-permissions .grid-card-small-permissions label.active {
      border-color: var(--grey_dark);
      opacity: 1; }
      .grid-card-small-container .grid-card-small.active .checkbox label:before,
      .grid-card-small-container .grid-card-small-permissions label.active .checkbox label:before,
      .grid-card-small-container-permissions .grid-card-small.active .checkbox label:before,
      .grid-card-small-container-permissions .grid-card-small-permissions label.active .checkbox label:before {
        opacity: 1;
        visibility: visible; }
      .grid-card-small-container .grid-card-small.active .checkbox label:after,
      .grid-card-small-container .grid-card-small-permissions label.active .checkbox label:after,
      .grid-card-small-container-permissions .grid-card-small.active .checkbox label:after,
      .grid-card-small-container-permissions .grid-card-small-permissions label.active .checkbox label:after {
        opacity: 1;
        visibility: visible; }
      .grid-card-small-container .grid-card-small.active::before,
      .grid-card-small-container .grid-card-small-permissions label.active::before,
      .grid-card-small-container-permissions .grid-card-small.active::before,
      .grid-card-small-container-permissions .grid-card-small-permissions label.active::before {
        height: 3px; }
    .grid-card-small-container .grid-card-small .rating-label-1,
    .grid-card-small-container .grid-card-small-permissions label .rating-label-1,
    .grid-card-small-container-permissions .grid-card-small .rating-label-1,
    .grid-card-small-container-permissions .grid-card-small-permissions label .rating-label-1 {
      margin-left: 0px; }

.grid-card-small-check-box {
  position: absolute;
  top: -20px;
  right: 26px;
  /*Outer box of the fake checkbox*/
  /*Checkmark of the fake checkbox*/
  /*Hide the checkmark by default*/
  /*Unhide on the checked state*/
  /*Adding focus styles on the outer-box of the fake checkbox*/ }
  .grid-card-small-check-box input[type='checkbox'] {
    opacity: 0; }
  .grid-card-small-check-box label {
    cursor: pointer;
    position: relative;
    display: inline-block; }
  .grid-card-small-check-box label::before,
  .grid-card-small-check-box label::after {
    position: absolute;
    content: '';
    /*Needed for the line-height to take effect*/
    display: inline-block; }
  .grid-card-small-check-box label::before {
    height: 27px;
    width: 27px;
    border: solid 1px var(--grey);
    left: 0px;
    /* (24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
    *  to vertically center it.
    */
    top: 3px; }
  .grid-card-small-check-box label::after {
    height: 9px;
    width: 13px;
    border-left: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    transform: rotate(-45deg);
    left: 6.5px;
    top: 9px; }
  .grid-card-small-check-box input[type='checkbox'] + label::after {
    content: none; }
  .grid-card-small-check-box input[type='checkbox']:checked + label::after {
    content: ''; }
  .grid-card-small-check-box input[type='checkbox']:checked + label::before {
    border: solid 1px var(--secondary); }

.subtitle-permission-edit {
  font-size: 14px;
  color: var(--secondary_dark); }

.show-more-people-parent {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.2s ease-in-out; }
  .show-more-people-parent .show-more-people {
    width: 131px;
    height: 40px;
    background: var(--primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.5;
    color: var(--white);
    text-transform: capitalize;
    display: flex;
    justify-content: center; }
    .show-more-people-parent .show-more-people span {
      margin-left: 0px; }
  .show-more-people-parent.active {
    opacity: 1;
    visibility: visible;
    margin: 25px 0px;
    pointer-events: auto; }

.selected-people {
  margin-left: 0 !important;
  padding-left: 50px !important;
  margin-bottom: 35px; }
  .selected-people h6 {
    font-size: 14px;
    color: var(--secondary_dark);
    font-weight: 600; }
  .selected-people.collapse-select {
    margin-top: 6px; }
    .selected-people.collapse-select h6,
    .selected-people.collapse-select .list-of-selected-people {
      margin-left: 10px; }
  .selected-people .list-of-selected-people {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap; }
    .selected-people .list-of-selected-people .selected-person {
      margin-right: 5px;
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 50%;
      transition: all 0.2s ease-in-out;
      position: relative; }
      .selected-people .list-of-selected-people .selected-person .name-user {
        position: absolute;
        font-size: 12px;
        opacity: 0;
        height: 0;
        width: 0;
        bottom: 38px;
        align-items: center;
        justify-content: center;
        display: flex;
        background: #4a4a4a;
        color: white;
        border-radius: 6px;
        padding: 5px; }
        .selected-people .list-of-selected-people .selected-person .name-user:after {
          bottom: -19px;
          left: 50%;
          border: solid transparent;
          content: ' ';
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(74, 74, 74, 0);
          border-top-color: #4a4a4a;
          border-width: 10px;
          margin-left: -10px; }
      .selected-people .list-of-selected-people .selected-person img {
        border-radius: 50%;
        border: 2px solid var(--black);
        width: 30px;
        height: 30px; }
      .selected-people .list-of-selected-people .selected-person:hover {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--error); }
        .selected-people .list-of-selected-people .selected-person:hover .name-user {
          opacity: 1;
          height: inherit;
          min-width: 100px; }
        .selected-people .list-of-selected-people .selected-person:hover:before {
          content: '';
          position: absolute;
          background: url(/template/assets/img/plus.svg) center no-repeat;
          background-size: 15px;
          width: 18px;
          height: 18px;
          transform: rotate(45deg);
          filter: invert(100%) sepia(0%) saturate(7471%) hue-rotate(18deg) brightness(120%) contrast(111%); }
        .selected-people .list-of-selected-people .selected-person:hover img {
          opacity: 0; }
  .selected-people .add-more-people {
    justify-content: center;
    height: 30px;
    border-radius: 25px;
    border: 2px solid var(--primary);
    padding: 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: 10px; }
    .selected-people .add-more-people.next-step {
      height: 40px; }
    .selected-people .add-more-people:hover {
      border-color: var(--primary_dark); }
      .selected-people .add-more-people:hover img {
        filter: invert(33%) sepia(98%) saturate(405%) hue-rotate(145deg) brightness(93%); }
      .selected-people .add-more-people:hover span {
        color: var(--primary_dark); }
    .selected-people .add-more-people span {
      font-size: 12px;
      color: var(--primary);
      font-weight: 600; }
    .selected-people .add-more-people img {
      width: 16px;
      filter: invert(64%) sepia(40%) saturate(815%) hue-rotate(147deg) brightness(83%); }

.people-selection .collectiveentity-connections-filter-aggregator {
  margin-right: 0; }

.total-selected-people {
  height: 30px;
  border-radius: 15px;
  border: solid 2px var(--secondary_dark);
  background-color: var(--secondary_dark);
  color: white;
  display: flex;
  align-items: center;
  padding: 15px;
  cursor: pointer; }
  .total-selected-people img {
    filter: invert(100%) sepia(1%) saturate(27%) hue-rotate(82deg) brightness(105%) contrast(100%); }
  .total-selected-people h5 {
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 3px; }

/*---------------------------*/
/*         SESSIONS          */
/*---------------------------*/
.empty-sessions {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 32px;
  height: 460px; }
  .empty-sessions__text {
    color: var(--secondary_light);
    font-size: 16px;
    max-width: 26rem; }
  .empty-sessions__image {
    width: 40%; }

.table-row {
  padding-top: 20px; }

/*------------------------------------*/
/*         PENDING REQUESTS          */
/*-----------------------------------*/
.pending-requests-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 20px;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  transition: all 0.2s ease-in-out; }
  .pending-requests-container .card {
    padding: 22px;
    min-height: 200px;
    position: relative;
    border-radius: 0;
    transition: all 0.2s ease-in-out; }
    .pending-requests-container .card .top {
      display: flex; }
      .pending-requests-container .card .top .user-image img {
        width: 50px;
        height: 50px;
        border: 2px solid var(--secondary_dark);
        border-radius: 50%; }
      .pending-requests-container .card .top .top-info {
        display: flex;
        flex-direction: column;
        margin-left: 12px; }
        .pending-requests-container .card .top .top-info .top-info-status {
          display: flex;
          align-items: center; }
          .pending-requests-container .card .top .top-info .top-info-status .status-icon-state {
            background: var(--primary);
            border-radius: 50%;
            width: 18px;
            height: 18px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 5px; }
            .pending-requests-container .card .top .top-info .top-info-status .status-icon-state img {
              width: 70%;
              height: 70%;
              filter: invert(84%) sepia(100%) saturate(0%) hue-rotate(337deg); }
          .pending-requests-container .card .top .top-info .top-info-status .time {
            color: var(--secondary_light);
            font-size: 10px; }
      .pending-requests-container .card .top .name {
        margin-top: 3px;
        font-size: 14px;
        font-weight: 600;
        color: var(--secondary_dark);
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 75ch;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
    .pending-requests-container .card .middle {
      display: flex; }
      .pending-requests-container .card .middle .related-comapny {
        position: relative;
        flex: 1 1 35px;
        margin-top: 16px;
        display: flex;
        justify-content: center;
        opacity: 0; }
        .pending-requests-container .card .middle .related-comapny img {
          width: 26px;
          height: 26px;
          border: 1px solid var(--secondary_dark);
          border-radius: 50%;
          transform: translateX(-3px); }
        .pending-requests-container .card .middle .related-comapny::before {
          position: absolute;
          content: '';
          top: -9px;
          left: 43%;
          transform: translate(-20%, -50%);
          height: 18px;
          width: 2px;
          background: var(--secondary_dark); }
        .pending-requests-container .card .middle .related-comapny.active {
          opacity: 1; }
      .pending-requests-container .card .middle .description {
        flex: 1 1 79%;
        transform: translateX(8px);
        padding-bottom: 55px; }
      .pending-requests-container .card .middle .user-authentication {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 14px;
        border-radius: 8px;
        margin-bottom: 8px;
        transform: translateY(3px); }
        .pending-requests-container .card .middle .user-authentication span {
          font-size: 12px;
          color: var(--secondary_light); }
        .pending-requests-container .card .middle .user-authentication fieldset {
          margin: 0;
          padding: 0; }
        .pending-requests-container .card .middle .user-authentication input,
        .pending-requests-container .card .middle .user-authentication label {
          width: 8px;
          height: 8px;
          margin: 0;
          padding: 0;
          margin-right: 4px; }
          .pending-requests-container .card .middle .user-authentication input:last-child,
          .pending-requests-container .card .middle .user-authentication label:last-child {
            margin: 0; }
        .pending-requests-container .card .middle .user-authentication.success {
          background: var(--success); }
        .pending-requests-container .card .middle .user-authentication.warning {
          background: var(--warning); }
        .pending-requests-container .card .middle .user-authentication.error {
          background: var(--error); }
        .pending-requests-container .card .middle .user-authentication.disable {
          background: none;
          width: unset; }
          .pending-requests-container .card .middle .user-authentication.disable fieldset {
            display: none; }
      .pending-requests-container .card .middle .message {
        margin-top: 4px;
        font-size: 12px;
        color: var(--secondary_light);
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 75ch;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
    .pending-requests-container .card .notification-buttons {
      position: absolute;
      height: 40px;
      display: flex;
      justify-content: space-between;
      bottom: 20px;
      left: 0;
      flex: 50% 1 1;
      width: 100%; }
      .pending-requests-container .card .notification-buttons .notification-button {
        width: 50% !important;
        height: 40px;
        font-size: 12px;
        margin-right: 8px; }
        .pending-requests-container .card .notification-buttons .notification-button.accept {
          background: var(--primary);
          color: var(--white);
          margin-left: 20px;
          transition: all 0.3s ease-in-out; }
          .pending-requests-container .card .notification-buttons .notification-button.accept img {
            width: 16px;
            height: 16px;
            margin-right: 6px;
            transform: translateY(-1px);
            filter: invert(100%) sepia(94%) saturate(15%) hue-rotate(60deg) brightness(120%) contrast(100%); }
          .pending-requests-container .card .notification-buttons .notification-button.accept.success {
            width: 133px;
            background: var(--success); }
          .pending-requests-container .card .notification-buttons .notification-button.accept:hover {
            background: var(--primary_light); }
        .pending-requests-container .card .notification-buttons .notification-button.reject {
          margin-right: 20px;
          background: transparent;
          border: 2px solid var(--secondary_light);
          transition: all 0.3s ease-in-out; }
          .pending-requests-container .card .notification-buttons .notification-button.reject img {
            margin-right: 6px;
            transform: translateY(-1px);
            filter: invert(5%) sepia(23%) saturate(18%) hue-rotate(314deg) brightness(94%) contrast(79%);
            transition: all 0.3s ease-in-out; }
          .pending-requests-container .card .notification-buttons .notification-button.reject button {
            width: 14px;
            height: 14px; }
          .pending-requests-container .card .notification-buttons .notification-button.reject.success {
            width: 133px;
            background: var(--error);
            border: 2px solid var(--error);
            color: white; }
            .pending-requests-container .card .notification-buttons .notification-button.reject.success img {
              filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%); }
            .pending-requests-container .card .notification-buttons .notification-button.reject.success:hover {
              background: var(--error); }
          .pending-requests-container .card .notification-buttons .notification-button.reject:hover {
            background: var(--secondary_light);
            color: var(--white); }
            .pending-requests-container .card .notification-buttons .notification-button.reject:hover img {
              filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%); }
    .pending-requests-container .card .new-notification {
      position: absolute;
      top: 22px;
      left: 8px;
      width: 8px;
      height: 8px;
      background: var(--primary);
      border-radius: 50%;
      opacity: 0; }
    .pending-requests-container .card.new {
      background: rgba(148, 212, 228, 0.25); }
      .pending-requests-container .card.new .new-notification {
        opacity: 1; }

/*---------------------------*/
/*        COMPANIES          */
/*---------------------------*/
.cards-my-connections {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.modal.transfer .input-text, .modal.delete .input-text, .modal.remove-connection-modal .input-text {
  width: 100%; }

.modal.transfer .delete-company,
.modal.transfer #delete-group-confirm, .modal.delete .delete-company,
.modal.delete #delete-group-confirm, .modal.remove-connection-modal .delete-company,
.modal.remove-connection-modal #delete-group-confirm {
  color: var(--white);
  background: var(--error);
  font-size: 13px;
  line-height: 3.3;
  height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer; }
  .modal.transfer .delete-company img,
  .modal.transfer #delete-group-confirm img, .modal.delete .delete-company img,
  .modal.delete #delete-group-confirm img, .modal.remove-connection-modal .delete-company img,
  .modal.remove-connection-modal #delete-group-confirm img {
    width: 13px;
    height: 13px;
    margin-right: 5px; }
  .modal.transfer .delete-company.disabled,
  .modal.transfer #delete-group-confirm.disabled, .modal.delete .delete-company.disabled,
  .modal.delete #delete-group-confirm.disabled, .modal.remove-connection-modal .delete-company.disabled,
  .modal.remove-connection-modal #delete-group-confirm.disabled {
    background: var(--white);
    border-color: var(--grey);
    color: var(--grey_dark); }
    .modal.transfer .delete-company.disabled svg path,
    .modal.transfer #delete-group-confirm.disabled svg path, .modal.delete .delete-company.disabled svg path,
    .modal.delete #delete-group-confirm.disabled svg path, .modal.remove-connection-modal .delete-company.disabled svg path,
    .modal.remove-connection-modal #delete-group-confirm.disabled svg path {
      fill: var(--grey_dark); }

.modal.transfer .button-transfer, .modal.delete .button-transfer, .modal.remove-connection-modal .button-transfer {
  height: 40px;
  padding: 0 20px;
  margin-right: 20px; }
  .modal.transfer .button-transfer span, .modal.delete .button-transfer span, .modal.remove-connection-modal .button-transfer span {
    font-size: 13px;
    line-height: 3.3; }

.modal.transfer .modal-transfer, .modal.delete .modal-transfer, .modal.remove-connection-modal .modal-transfer {
  margin: 0 20px;
  display: inline;
  position: relative; }
  .modal.transfer .modal-transfer img, .modal.delete .modal-transfer img, .modal.remove-connection-modal .modal-transfer img {
    width: 100px;
    height: 100px;
    object-position: center; }

.modal.transfer .align-name-rating, .modal.delete .align-name-rating, .modal.remove-connection-modal .align-name-rating {
  display: inline-flex; }
  .modal.transfer .align-name-rating .user-name, .modal.delete .align-name-rating .user-name, .modal.remove-connection-modal .align-name-rating .user-name {
    display: block;
    font-size: 14px;
    padding-left: 15px; }
  .modal.transfer .align-name-rating .div-rating-align, .modal.delete .align-name-rating .div-rating-align, .modal.remove-connection-modal .align-name-rating .div-rating-align {
    display: inline-block; }

.dashboard-username {
  margin: 0 20px 20px 40px;
  color: var(--secondary);
  font-size: 30px; }

.dashboard-name-trim {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30ch;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.transfere-companyowner {
  margin: 20px;
  margin-left: 0;
  border-color: var(--secondary_dark); }
  .transfere-companyowner .btn-text {
    text-decoration: none;
    color: var(--secondary_dark); }
  .transfere-companyowner:hover {
    background: var(--secondary_dark);
    border-color: var(--secondary_dark); }
  .transfere-companyowner:active, .transfere-companyowner:focus {
    border-color: var(--secondary_dark) !important; }

.modal.transfer.active {
  visibility: visible;
  opacity: 1; }

.my-company-connections .col-md-6 {
  padding-top: 0 !important; }

.general-data .col-md-6 {
  padding-top: 20px; }

.companies-boxes {
  margin: 0;
  padding: 0 15px; }

.company-info .profile-boxes {
  margin: 0; }

.dashboard-boxes {
  margin: 0; }

.profile-boxes-mycompany .profile-box-parent {
  padding: 0;
  margin-top: 0 !important; }
  .profile-boxes-mycompany .profile-box-parent .profile-box {
    margin-bottom: 0;
    border-top: none; }

/*---------------------------------*/
/*               LIST              */
/*---------------------------------*/
.top-img-list,
.default-img {
  height: 160px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.box-connection-people {
  max-width: 178px;
  margin-right: 20px !important; }

.title-top {
  font-size: 25px;
  color: var(--white);
  font-weight: 500;
  padding: 10px 20px;
  opacity: 0.6; }
  .title-top.title-top-edit-company {
    margin-right: 15%; }

/*---------------------------------*/
/*           HELP CENTER           */
/*---------------------------------*/
.p-faqs {
  font-size: 14px;
  padding-top: 25px; }

.my-permissons-faqs.active::before,
.my-companies-faqs.active::before,
.my-profile-faqs.active::before,
.my-people-faqs.active::before {
  height: 4px; }

/*---------------------------------*/
/*             SIGN IN             */
/*---------------------------------*/
/*---------------------------*/
/*     TOP BAR SIGN IN       */
/*---------------------------*/
.top-bar-sign-in {
  position: fixed;
  width: 100%;
  height: 75px;
  display: flex;
  top: 0;
  left: 0;
  justify-content: space-between;
  align-items: center;
  color: var(--secondary_light);
  font-size: 14px;
  opacity: 0.75;
  background-color: #cacaca;
  z-index: 998;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  transition: all 0.55s ease-in-out;
  /*  TOP BAR MORE INFORMATION  */ }
  .top-bar-sign-in.top-bar-recover {
    background-color: var(--white) !important;
    color: var(--grey) !important; }
    .top-bar-sign-in.top-bar-recover .top-bar-icon-aggregator img {
      filter: none !important; }
    .top-bar-sign-in.top-bar-recover .top-bar-icon-aggregator p {
      color: var(--grey) !important; }
  .top-bar-sign-in.active {
    background: var(--background);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px); }
    .top-bar-sign-in.active img {
      filter: none !important; }
    .top-bar-sign-in.active span,
    .top-bar-sign-in.active a {
      color: var(--secondary) !important; }
    .top-bar-sign-in.active p {
      color: var(--grey); }
  .top-bar-sign-in .top-bar-icon-aggregator {
    margin-left: 20px;
    display: flex;
    /*  NIUP ICON  */
    /*  NIUP.ME ICON  */
    /*  THEBOX ICON  */ }
    .top-bar-sign-in .top-bar-icon-aggregator .Icon {
      width: 27px;
      height: 30px; }
    .top-bar-sign-in .top-bar-icon-aggregator .Icon-niupme {
      width: 154.1px;
      height: 34.9px;
      filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(150%) contrast(100%); }
    .top-bar-sign-in .top-bar-icon-aggregator .Icon-thebox {
      width: 200.6px;
      height: 32px; }
    .top-bar-sign-in .top-bar-icon-aggregator p {
      transform: translateY(2px);
      display: inline-block;
      margin-top: 5px;
      margin-left: 8px;
      color: var(--secondary);
      font-weight: 600; }
  .top-bar-sign-in .about-niup-aggregator {
    position: absolute;
    right: 20px;
    opacity: 1;
    visibility: visible; }
    .top-bar-sign-in .about-niup-aggregator a {
      text-decoration: underline;
      color: var(--secondary_light); }
    .top-bar-sign-in .about-niup-aggregator.active {
      opacity: 0;
      visibility: hidden; }

#background-sign-in {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #999;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  /* Sign-in box */
  /* NIUP WHAT */ }
  #background-sign-in .sign-in-box {
    width: 480px;
    margin-right: 10%;
    height: auto;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.22);
    background-color: var(--white);
    /* Sign-in box header */
    /* Sign-in box body */
    /* SIGN-IN BOX CREATE ACCOUNT */ }
    #background-sign-in .sign-in-box .sign-in-box-header {
      padding-left: 40px;
      padding-right: 35px;
      position: relative;
      width: 100%;
      height: 60px;
      padding-top: 25px;
      display: flex;
      justify-content: space-between;
      /* Sign-in box header title */ }
      #background-sign-in .sign-in-box .sign-in-box-header h5 {
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: var(--secondary_dark);
        /* Sign-in box header underline */ }
        #background-sign-in .sign-in-box .sign-in-box-header h5::after {
          border-bottom: 3px solid var(--primary);
          bottom: -9px;
          content: '';
          position: absolute;
          width: 25px;
          left: 0; }
      #background-sign-in .sign-in-box .sign-in-box-header img {
        right: 34px;
        top: 26px;
        position: absolute;
        width: 110.4px;
        height: 25px;
        filter: invert(97%) sepia(0%) saturate(481%) hue-rotate(177deg) brightness(89%) contrast(87%); }
    #background-sign-in .sign-in-box .sign-in-box-body {
      position: relative;
      width: 100%;
      padding-bottom: 20px;
      padding-left: 40px;
      padding-right: 35px; }
    #background-sign-in .sign-in-box .create-account-aggregator {
      background-color: var(--grey_light);
      padding: 20px 0 20px 0;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      /* SIGN-IN BOX CREATE ACCOUNT TEXT */
      /* SIGN-IN BOX CREATE ACCOUNT BUTTON */ }
      #background-sign-in .sign-in-box .create-account-aggregator h4.sign-up-text {
        color: var(--secondary);
        font-size: 18px;
        font-weight: 600;
        text-align: center; }
      #background-sign-in .sign-in-box .create-account-aggregator .btn-sign-up {
        padding: 0 20px;
        height: 40px;
        margin-top: 20px; }
  #background-sign-in #niup-what {
    display: none;
    bottom: 40px;
    position: absolute;
    background-color: white;
    width: 220px;
    left: -220px;
    height: 200px;
    transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -webkit-transition: left 0.4s ease-in-out;
    /* Niup What toogle */
    /* Niup What content */
    /* Niup What toogle on hover */ }
    #background-sign-in #niup-what #niup-what-toogle {
      position: absolute;
      height: 83px;
      width: 117px;
      border-top-right-radius: 36%;
      border-bottom-right-radius: 36%;
      left: 220px;
      padding: 10px;
      background-color: white;
      animation: blinking 2s infinite;
      animation-delay: 0.5s;
      /* Niup What toogle text */
      /* Niup What toogle image */ }
      #background-sign-in #niup-what #niup-what-toogle p {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 600;
        color: var(--secondary_dark); }
      #background-sign-in #niup-what #niup-what-toogle img {
        display: block;
        margin-left: 37%;
        margin-right: 50%; }
    #background-sign-in #niup-what .niup-what-content {
      padding: 20px;
      /* Niup What content text */ }
      #background-sign-in #niup-what .niup-what-content p {
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        color: var(--secondary); }
    #background-sign-in #niup-what:hover {
      left: 0px;
      /* Niup What toogle on hover disable animation */ }
      #background-sign-in #niup-what:hover #niup-what-toogle {
        animation: 0s; }

/*---------------------------*/
/*         DASHBORD          */
/*---------------------------*/
/*---------------------------*/
/*           CARDS           */
/*---------------------------*/
.container-all {
  width: 100%;
  left: 60px;
  position: relative; }

.aggregator-container {
  display: flex;
  flex-basis: 1;
  width: 100%;
  position: relative;
  margin-top: 60px; }
  .aggregator-container .container-content,
  .aggregator-container .sessions-box {
    width: 98.5%; }
  .aggregator-container .container-entity {
    width: 98%; }
  .aggregator-container .container-startpage {
    width: 99%; }
  .aggregator-container .user-modal {
    width: 25%;
    position: absolute !important; }
  .aggregator-container .container-content-metohim {
    width: 57.1%;
    max-width: 100%; }

.container-content {
  max-width: 2000px; }

.col-size {
  min-width: 453px; }

.spinner-border {
  width: 1.5rem !important;
  height: 1.5rem !important;
  color: var(--grey_dark); }

.background-spinner {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  background: rgba(255, 255, 255, 0.4);
  align-items: center;
  justify-content: center; }

.button,
.button-save,
.btn-global {
  position: relative; }
  .button.disabled,
  .button-save.disabled,
  .btn-global.disabled {
    pointer-events: none; }

.loader-page {
  position: fixed;
  height: 0;
  width: 0;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 9999; }
  .loader-page .loader {
    border: none !important;
    animation: none !important;
    position: relative; }
    .loader-page .loader img {
      height: 162px;
      width: 164px;
      top: 4px;
      left: 3px;
      animation: spin 2s linear infinite; }
  .loader-page .loading-background {
    width: 100%;
    position: fixed;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom: 17vh;
    align-items: center;
    background: rgba(255, 255, 255, 0.5); }
    .loader-page .loading-background .loading-aggregator {
      padding: 0; }
  .loader-page.active {
    height: 100%;
    width: 100%;
    z-index: 99999;
    opacity: 1; }

.percent-round-animate {
  display: flex;
  justify-content: center;
  padding-left: 55px; }
  .percent-round-animate #loader {
    position: absolute;
    display: flex;
    justify-content: center;
    z-index: 0; }
    .percent-round-animate #loader #circularLoader {
      display: block;
      z-index: 3; }
    .percent-round-animate #loader .pie-grey {
      height: 166px;
      width: 166px;
      position: absolute;
      border: 17px solid grey;
      border-radius: 50%;
      top: 17px;
      background: rgba(0, 0, 0, 0.38); }
    .percent-round-animate #loader .overlay-profile {
      display: flex;
      justify-content: center;
      position: absolute;
      top: 20px;
      text-align: center;
      width: 150px;
      height: 150px;
      border-radius: 50%; }
      .percent-round-animate #loader .overlay-profile .overlay-profile-text {
        top: 60%;
        position: relative;
        height: 20px; }
        .percent-round-animate #loader .overlay-profile .overlay-profile-text.text-percent-profile {
          font-size: 10px;
          font-weight: 600;
          color: var(--white); }

.cards-adjustments {
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 30px; }

.row-dashboard {
  margin-top: 75px; }
  .row-dashboard .notification-panel {
    height: calc(100vh - 180px); }

.percent-profile-aggregator {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .percent-profile-aggregator .number-text-percent-profile {
    font-size: 18px;
    font-weight: 600;
    color: var(--white); }

.div-profile-pic {
  margin: 20px auto; }
  .div-profile-pic .img-profile-pic {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center right;
    border: solid 2px var(--secondary_dark); }

.row-card {
  display: flex;
  justify-content: center; }

.col-card {
  border: solid 1px var(--grey);
  min-height: 379.78px;
  max-width: 600px;
  background: var(--white);
  margin-top: 20px; }
  .col-card .title-content-permissions {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    color: var(--grey);
    margin-left: 66px; }
  .col-card .permissions-content {
    padding-top: 45px; }
    .col-card .permissions-content .div-permissions-aggregator {
      display: flex;
      justify-content: space-between;
      margin: 20px 66px;
      padding-bottom: 20px; }
      .col-card .permissions-content .div-permissions-aggregator .a-permissions {
        width: 30%;
        height: 90px;
        text-align: center;
        border: solid 1px var(--grey_light);
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .col-card .permissions-content .div-permissions-aggregator .a-permissions:hover, .col-card .permissions-content .div-permissions-aggregator .a-permissions:active, .col-card .permissions-content .div-permissions-aggregator .a-permissions:focus {
          border-bottom: solid 3px var(--primary); }
        .col-card .permissions-content .div-permissions-aggregator .a-permissions .span-title-permissions {
          font-size: 12px;
          font-weight: 600;
          color: var(--secondary_dark); }
        .col-card .permissions-content .div-permissions-aggregator .a-permissions .span-number-permission {
          color: var(--grey_dark);
          font-size: 12px; }
  .col-card .companies-number {
    width: 150px;
    height: 220px;
    line-height: 2;
    margin: 0 auto;
    font-size: 110px;
    text-align: center;
    color: var(--secondary_dark); }
  .col-card .companies-empty {
    display: none; }
  .col-card .my-people-filled {
    display: none; }
  .col-card .text-my-people {
    text-align: center;
    font-size: 12px;
    color: var(--secondary_dark);
    padding-top: 20px; }
    .col-card .text-my-people .p-text-people {
      margin-bottom: 0; }
  .col-card .a-lince-sad-pic {
    position: relative;
    display: flex;
    padding-left: 45px; }
    .col-card .a-lince-sad-pic .div-lince-sad-pic {
      height: 150px;
      width: 80px;
      margin: auto;
      display: flex;
      margin: auto; }
      .col-card .a-lince-sad-pic .div-lince-sad-pic .img-lince-sad-pic {
        width: 80px; }
  .col-card .title-card {
    margin-top: 20px; }
    .col-card .title-card .img-user-card-icon {
      width: 22px; }
    .col-card .title-card .img-companies-card-icon {
      width: 12px; }
    .col-card .title-card .img-permissions-card-icon {
      width: 32px; }
    .col-card .title-card .icon-card {
      margin-right: 20px;
      margin-left: 10px; }
    .col-card .title-card .div-actions-position {
      display: flex;
      flex-direction: column;
      float: right;
      /*FIXED FOOTER BOTTOM*/ }
      .col-card .title-card .div-actions-position .div-rating {
        display: flex;
        justify-content: center; }
      .col-card .title-card .div-actions-position .margin-cards {
        margin-top: 10px; }
      .col-card .title-card .div-actions-position .profile-save-changes {
        position: fixed;
        width: 100%;
        display: flex;
        border-top: 1px solid var(--grey);
        background: var(--background);
        bottom: 0;
        left: 61px;
        padding: 10px; }
        .col-card .title-card .div-actions-position .profile-save-changes .button-save,
        .col-card .title-card .div-actions-position .profile-save-changes .button-cancel,
        .col-card .title-card .div-actions-position .profile-save-changes .upload-close-button-editor {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 13px;
          font-weight: 600;
          line-height: 3.18;
          cursor: pointer; }
          .col-card .title-card .div-actions-position .profile-save-changes .button-save img,
          .col-card .title-card .div-actions-position .profile-save-changes .button-cancel img,
          .col-card .title-card .div-actions-position .profile-save-changes .upload-close-button-editor img {
            margin-right: 6px; }
        .col-card .title-card .div-actions-position .profile-save-changes .button-save {
          padding: 0 20px;
          height: 40px;
          background-color: var(--success);
          color: var(--white);
          margin-right: 10px; }
        .col-card .title-card .div-actions-position .profile-save-changes .button-cancel,
        .col-card .title-card .div-actions-position .profile-save-changes .upload-close-button-editor {
          padding: 0 20px;
          height: 40px;
          border: solid 1px var(--secondary_light);
          color: var(--secondary_dark); }

.people {
  display: flex;
  flex-wrap: wrap;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto; }

.text-no-people {
  font-size: 12px;
  color: var(--secondary_light);
  margin-top: 5px;
  margin-bottom: 20px; }

.remove-connection,
.delete-company,
#delete-group-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  cursor: pointer;
  height: 40px;
  padding: 0 20px;
  border: solid 2px var(--error);
  font-size: 12px;
  font-weight: 600;
  line-height: 2.92;
  text-align: center;
  color: var(--error);
  transition: all 0.2s ease-in-out; }
  .remove-connection img,
  .delete-company img,
  #delete-group-confirm img {
    margin-right: 5px;
    filter: invert(9%) sepia(82%) saturate(7489%) hue-rotate(9deg) brightness(75%) contrast(115%);
    width: 20px; }
  .remove-connection.clicked,
  .delete-company.clicked,
  #delete-group-confirm.clicked {
    background: var(--error);
    color: var(--white); }
    .remove-connection.clicked img,
    .delete-company.clicked img,
    #delete-group-confirm.clicked img {
      filter: invert(100%) sepia(16%) saturate(2%) hue-rotate(93deg) brightness(113%) contrast(100%); }
  .remove-connection:hover,
  .delete-company:hover,
  #delete-group-confirm:hover {
    background: var(--error);
    color: var(--white); }
    .remove-connection:hover svg path,
    .delete-company:hover svg path,
    #delete-group-confirm:hover svg path {
      fill: var(--white); }

.delete-company img,
#delete-group-confirm img {
  width: 12px;
  filter: invert(9%) sepia(82%) saturate(7489%) hue-rotate(9deg) brightness(90%) contrast(115%); }

#delete-group.disabled {
  border: solid 2px var(--grey_dark);
  color: var(--grey_dark); }
  #delete-group.disabled svg path {
    fill: var(--grey_dark); }

#delete-company,
#delete-group-confirm {
  display: flex;
  justify-content: center;
  align-items: center; }

.title-line {
  display: flex;
  flex: 0 150 100%;
  align-self: flex-end; }

.a-notify-card {
  border: none !important;
  margin-right: 8px;
  margin-left: 5px;
  display: flex;
  justify-content: center;
  height: 35px;
  cursor: pointer; }
  .a-notify-card:hover .img-notification-bell-card {
    animation: 2s bell-vibrate ease-in-out infinite; }
  .a-notify-card .img-notification-bell-card {
    width: 25px;
    filter: invert(62%) sepia(26%) saturate(1222%) hue-rotate(145deg) brightness(87%) contrast(87%); }
  .a-notify-card .notify-number {
    position: absolute;
    z-index: 1;
    margin: 8px 0px;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 12px; }

.a-action-cards {
  float: right;
  width: 35px;
  height: 35px;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  border: solid 1px var(--grey);
  cursor: pointer; }
  .a-action-cards:hover, .a-action-cards:active, .a-action-cards:focus, .a-action-cards:visited {
    background: var(--primary); }
    .a-action-cards:hover .img-action-cards, .a-action-cards:active .img-action-cards, .a-action-cards:focus .img-action-cards, .a-action-cards:visited .img-action-cards {
      filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(200%) contrast(96%); }
  .a-action-cards .img-action-cards {
    width: 15px;
    filter: invert(89%) sepia(45%) saturate(0%) hue-rotate(132deg) brightness(86%) contrast(95%); }

/*Terms & Conditions*/
.terms-aggregator,
.checkbox-div {
  margin-left: 1px;
  font-size: 12px;
  color: var(--secondary);
  margin-top: -16px;
  transition: all 0.2s ease-in-out; }
  .terms-aggregator span,
  .checkbox-div span {
    padding-left: 5px;
    vertical-align: middle;
    margin-top: -15px;
    display: inline-block; }
  .terms-aggregator a,
  .checkbox-div a {
    color: var(--secondary);
    text-decoration: underline; }
  .terms-aggregator .terms-ref,
  .checkbox-div .terms-ref {
    text-decoration: none !important; }
    .terms-aggregator .terms-ref:hover,
    .checkbox-div .terms-ref:hover {
      color: var(--secondary_light);
      text-decoration: underline !important; }
  .terms-aggregator.error,
  .checkbox-div.error {
    /*ERROR MESSAGE*/ }
    .terms-aggregator.error input,
    .checkbox-div.error input {
      border: 1px solid var(--error); }
    .terms-aggregator.error .input-error-message,
    .checkbox-div.error .input-error-message {
      opacity: 1;
      visibility: visible; }
    .terms-aggregator.error .input-label,
    .checkbox-div.error .input-label {
      color: var(--error); }
    .terms-aggregator.error:hover input,
    .checkbox-div.error:hover input {
      border: 1px solid var(--primary); }
    .terms-aggregator.error:hover .input-label,
    .checkbox-div.error:hover .input-label {
      color: var(--primary); }
      .terms-aggregator.error:hover .input-label .top-input-image,
      .checkbox-div.error:hover .input-label .top-input-image {
        width: 25px;
        fill: var(--primary); }

.no-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative; }
  .no-image img {
    width: 80px;
    margin-bottom: 15px;
    filter: invert(120%) sepia(4%) saturate(739%) hue-rotate(205deg) brightness(4%) contrast(128%);
    opacity: 0.1; }
  .no-image .no-image-text {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .no-image .no-image-text h6 {
      font-size: 14px;
      margin: 0px; }

.pass-wrapper {
  background: var(--error);
  color: var(--white);
  padding: 10px 15px;
  width: 100%;
  font-size: 13px; }
  .pass-wrapper .pass-dots {
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
    .pass-wrapper .pass-dots .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: white;
      opacity: 0.5;
      margin-right: 3px;
      transition: all 0.2s ease-in-out; }
      .pass-wrapper .pass-dots .dot.active {
        opacity: 1; }
    .pass-wrapper .pass-dots .pass-state {
      font-weight: bold;
      margin-left: 5px; }
    .pass-wrapper .pass-dots.one .dot:nth-child(1) {
      opacity: 1; }
    .pass-wrapper .pass-dots.two .dot:nth-child(1), .pass-wrapper .pass-dots.two .dot:nth-child(2) {
      opacity: 1; }
    .pass-wrapper .pass-dots.three .dot:nth-child(1), .pass-wrapper .pass-dots.three .dot:nth-child(2), .pass-wrapper .pass-dots.three .dot:nth-child(3) {
      opacity: 1; }
    .pass-wrapper .pass-dots.four .dot:nth-child(1), .pass-wrapper .pass-dots.four .dot:nth-child(2), .pass-wrapper .pass-dots.four .dot:nth-child(3), .pass-wrapper .pass-dots.four .dot:nth-child(4) {
      opacity: 1; }
    .pass-wrapper .pass-dots.five .dot:nth-child(1), .pass-wrapper .pass-dots.five .dot:nth-child(2), .pass-wrapper .pass-dots.five .dot:nth-child(3), .pass-wrapper .pass-dots.five .dot:nth-child(4), .pass-wrapper .pass-dots.five .dot:nth-child(5) {
      opacity: 1; }
  .pass-wrapper.weak {
    background: var(--error); }
  .pass-wrapper.medium {
    background: var(--warning); }
  .pass-wrapper.strong {
    background: var(--success); }

/*---------------------------*/
/*       MEDIA QUERIES       */
/*---------------------------*/
@media (max-width: 1500px) {
  .profile-info-main-img {
    max-width: 100% !important;
    min-width: 100% !important; }
  .profile-info-detail {
    width: 100% !important; }
  /*---------------------------*/
  /*        COMPANIES          */
  /*---------------------------*/
  .user-modal {
    width: 30% !important;
    position: absolute; }
  .sessions-box {
    width: 70% !important; }
  .padding-notification-sessions {
    display: none; }
  .padding-notification-companies {
    display: none; }
  /*NOTIFICATION MOBILE*/
  .mobile-notifications-class-bg .padding-notification {
    padding-top: 95px; }
    .mobile-notifications-class-bg .padding-notification .notification-panel {
      margin: auto; }
      .mobile-notifications-class-bg .padding-notification .notification-panel .notification-header {
        background-color: var(--grey); }
  .mobile-notifications-class-bg .notification.active .notification-content .notification-drop-down {
    max-height: 130px; }
  .mobile-notifications-class-bg .notification .notification-buttons {
    flex-direction: column; }
    .mobile-notifications-class-bg .notification .notification-buttons .notification-button {
      width: 100% !important;
      margin-bottom: 15px; }
  .mobile-notifications-class-bg.active {
    position: fixed;
    width: 100vw;
    display: block !important;
    z-index: 5;
    height: 100vh;
    transition: all 0.3s ease-in-out;
    overflow: auto; }
    .mobile-notifications-class-bg.active .notification-panel {
      opacity: 1;
      visibility: visible; }
    .mobile-notifications-class-bg.active .padding-notification {
      width: 100%;
      padding-top: 95px;
      background-color: rgba(0, 0, 0, 0.49); } }

@media (max-width: 1430px) {
  .grid-card-small-items {
    flex: 1 1 50% !important; } }

@media (max-width: 1280px) {
  /*PROFILE BOXES*/
  .profile {
    /*DAHSBOARD BOXES*/ }
    .profile .dashboard-boxes {
      /*HEADER*/ }
      .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company h4 {
        display: none; } }

@media (max-width: 1197px) {
  .padding-notification-desk {
    display: none; }
  /*NOTIFICATION MOBILE*/
  .mobile-notifications-class .padding-notification {
    padding-top: 95px; }
    .mobile-notifications-class .padding-notification .notification-panel {
      margin: auto; }
      .mobile-notifications-class .padding-notification .notification-panel .notification-header {
        background-color: var(--grey); }
  .mobile-notifications-class .notification.active .notification-content .notification-drop-down {
    max-height: 130px; }
  .mobile-notifications-class .notification .notification-buttons {
    flex-direction: column; }
    .mobile-notifications-class .notification .notification-buttons .notification-button {
      width: 100% !important;
      margin-bottom: 15px; }
  .mobile-notifications-class.active {
    position: fixed;
    width: 100vw;
    display: block;
    z-index: 5;
    height: 100vh;
    transition: all 0.3s ease-in-out;
    overflow: auto; }
    .mobile-notifications-class.active .padding-notification {
      width: 100%;
      padding-top: 95px;
      background-color: rgba(0, 0, 0, 0.49); } }

@media (min-width: 1500px) and (max-width: 1614px) {
  .notification-button {
    width: 90px !important; }
  .user-icon {
    margin: 0 20px; } }

@media (max-width: 1500px) {
  .mobile-notifications .padding-notification {
    padding: 0;
    pointer-events: none; }
    .mobile-notifications .padding-notification .notification-panel {
      max-width: 500px;
      margin: auto;
      width: calc(100vw - 128px); }
      .mobile-notifications .padding-notification .notification-panel .notification-header {
        background-color: var(--grey); }
  .mobile-notifications .notification.active .notification-content .notification-drop-down {
    max-height: 130px; }
  .mobile-notifications .notification .notification-buttons {
    flex-direction: column; }
    .mobile-notifications .notification .notification-buttons .notification-button {
      width: 100% !important;
      margin-bottom: 15px; }
  .mobile-notifications.active {
    position: fixed;
    width: 100vw;
    display: block;
    z-index: 2;
    height: 100vh;
    transition: all 0.3s ease-in-out;
    overflow: auto;
    transition-duration: 0.1s; }
    .mobile-notifications.active .adjust-size {
      padding-left: 60px; }
    .mobile-notifications.active .padding-notification {
      width: calc(100vw - 55px);
      padding-top: 30px;
      background-color: rgba(0, 0, 0, 0.49);
      transition-delay: 0.2s;
      transition-delay: 0.2s;
      transition: all 0.2s;
      pointer-events: auto;
      max-width: 100%; }
      .mobile-notifications.active .padding-notification .notification-panel {
        visibility: visible;
        opacity: 1; } }

@media (max-width: 1000px) {
  .padding-notification {
    position: fixed;
    max-width: none; } }

@media (min-width: 1197px) {
  .mobile-notifications-class {
    display: none; } }

@media (max-width: 970px) {
  /*DISPLAY THE FLOATING ACTION BUTTON AND ALL ITS BRETHREN*/
  .filter-floating-action {
    display: block; } }

@media (max-width: 992px) {
  /*MODAL CONTAINER*/
  .modal .modal-container button {
    margin: 18px 0px 18px 0px; }
  /*PROFILE*/
  .profile .profile-boxes .profile-box {
    /*THIS FOR THE CLASSIFICATION TYPES SELECT BOX IN MY COMPANY*/ }
    .profile .profile-boxes .profile-box .classifications-type .select-box-div {
      width: 100%; }
  /*CLASSIFICATION INPUT*/
  .my-classifications-input {
    padding: 0px; } }

.collectiveentity-connections-filter-aggregator {
  position: relative;
  margin-bottom: 25px;
  margin-right: 16px;
  margin-left: 16px;
  margin-top: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%; }
  .collectiveentity-connections-filter-aggregator .dahsboard-filter {
    position: absolute;
    top: -47px;
    right: 0;
    width: 20%;
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    padding: 0 10px;
    cursor: pointer;
    border: solid 1px var(--grey);
    height: 50px;
    transition: all 0.3s ease-in-out; }
    .collectiveentity-connections-filter-aggregator .dahsboard-filter:before {
      content: '';
      position: absolute;
      background: var(--white);
      height: 0;
      left: -1px;
      bottom: -14px;
      min-width: 150px;
      width: calc(100% + 2px);
      border-left: solid 1px var(--grey);
      border-right: solid 1px var(--grey);
      transition-delay: 0.2s; }
    .collectiveentity-connections-filter-aggregator .dahsboard-filter h4 {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.71;
      margin: 0;
      width: 65%; }
    .collectiveentity-connections-filter-aggregator .dahsboard-filter img {
      display: none;
      margin: 15px;
      margin-left: 0;
      transform: rotate(90deg); }
    .collectiveentity-connections-filter-aggregator .dahsboard-filter.active {
      border-bottom: none; }
      .collectiveentity-connections-filter-aggregator .dahsboard-filter.active:before {
        height: 17px; }
      .collectiveentity-connections-filter-aggregator .dahsboard-filter.active img {
        transform: rotate(-90deg); }
    .collectiveentity-connections-filter-aggregator .dahsboard-filter img {
      transform: rotate(90deg); }
  .collectiveentity-connections-filter-aggregator .filter-options {
    pointer-events: none; }
    .collectiveentity-connections-filter-aggregator .filter-options .select-connections-filter {
      margin-right: 6px; }
      .collectiveentity-connections-filter-aggregator .filter-options .select-connections-filter:last-child {
        margin-right: 0; }
    .collectiveentity-connections-filter-aggregator .filter-options .select-box-filter-connections {
      padding-left: 0;
      padding-bottom: 10px;
      margin-right: 0;
      flex: 1 1 22%;
      margin-right: 6px; }
      .collectiveentity-connections-filter-aggregator .filter-options .select-box-filter-connections.remove-margin-right {
        margin-right: 0; }
      .collectiveentity-connections-filter-aggregator .filter-options .select-box-filter-connections .select-box-div {
        padding-right: 0; }
        .collectiveentity-connections-filter-aggregator .filter-options .select-box-filter-connections .select-box-div .select2-container {
          width: 100% !important; }
        .collectiveentity-connections-filter-aggregator .filter-options .select-box-filter-connections .select-box-div select {
          width: 100%; }
    .collectiveentity-connections-filter-aggregator .filter-options .select-connections-offline {
      margin-right: 10px; }
    .collectiveentity-connections-filter-aggregator .filter-options .select-check.select-check-connections-filter {
      flex: 1 1 23%;
      font-size: 14px;
      margin-bottom: 10px;
      margin-right: 10px;
      height: 50px; }
      .collectiveentity-connections-filter-aggregator .filter-options .select-check.select-check-connections-filter .check-aggregator label {
        width: 80%; }
    .collectiveentity-connections-filter-aggregator .filter-options .aggregator-hidden {
      width: calc(100% + 2px) !important;
      left: -1px;
      top: 48px;
      border-top: none !important;
      border-bottom: solid 1px var(--grey); }
      .collectiveentity-connections-filter-aggregator .filter-options .aggregator-hidden.fixed-height {
        height: 86px; }
    .collectiveentity-connections-filter-aggregator .filter-options .clear-all-filters {
      padding-right: 0; }
      .collectiveentity-connections-filter-aggregator .filter-options .clear-all-filters a {
        font-size: 12px;
        text-decoration: underline; }
    .collectiveentity-connections-filter-aggregator .filter-options .select-check {
      opacity: 0;
      transition: all 0.2s ease-in-out; }
      .collectiveentity-connections-filter-aggregator .filter-options .select-check:last-child {
        margin-right: none; }
    .collectiveentity-connections-filter-aggregator .filter-options.active {
      pointer-events: inherit;
      border: solid 1px var(--grey);
      margin-top: 16px; }
      .collectiveentity-connections-filter-aggregator .filter-options.active .select-check,
      .collectiveentity-connections-filter-aggregator .filter-options.active #send-filters-connections {
        transition-delay: 0.2s;
        opacity: 1; }

.cards-filter-aggregator {
  margin-bottom: 25px;
  padding-right: 5px;
  display: none; }
  .cards-filter-aggregator.active {
    display: flex; }
  .cards-filter-aggregator .card-filter {
    display: none;
    flex: 1 1 15%;
    align-items: center;
    max-height: 150px;
    height: 75px;
    background: var(--white);
    padding: 19px;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    color: var(--white);
    cursor: pointer; }
    .cards-filter-aggregator .card-filter.disabled {
      opacity: 0.3;
      cursor: default; }
    .cards-filter-aggregator .card-filter.active {
      display: flex; }
    .cards-filter-aggregator .card-filter:last-child {
      margin-right: 0; }
    .cards-filter-aggregator .card-filter .card-filter-number {
      flex: 1 1 50%;
      text-align: left;
      display: inline-block;
      font-size: 30px;
      font-weight: 500; }
    .cards-filter-aggregator .card-filter .card-filter-text {
      flex: 1 1 50%;
      font-size: 14px;
      font-weight: 600;
      text-align: right;
      display: inline-block; }
    .cards-filter-aggregator .card-filter.unclassified {
      background-color: var(--primary); }
    .cards-filter-aggregator .card-filter.owner {
      background-color: var(--primary_dark); }
    .cards-filter-aggregator .card-filter.admin {
      background-color: var(--warning); }
    .cards-filter-aggregator .card-filter.user {
      background-color: var(--secondary); }
    .cards-filter-aggregator .card-filter svg {
      position: absolute;
      opacity: 0.3;
      right: -23px;
      opacity: 0.4; }
      .cards-filter-aggregator .card-filter svg.rotate {
        transform: rotate(22deg); }

@media (max-width: 900px) {
  .sessions-boxes .dahsboard-filter {
    width: 100% !important; }
  /*FOR SOME REASON I HAD TO DO THE SELECTOR LIKE THIS*/
  /*DISPLAY THE HEADER SELECT BOX FOR MOBILE*/
  .profile .profile-boxes .profile-box .profile-header-non-click .select-box-div {
    display: block; }
  /*PROFILE BOXES*/
  .profile {
    /*DAHSBOARD BOXES*/ }
    .profile .dashboard-boxes {
      /*HEADER*/ }
      .profile .dashboard-boxes .profile-header-non-click {
        display: flex;
        flex-wrap: wrap;
        /*PROFILE HEADER MOBILE SELECT BOX*/ }
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-filter {
          width: 50%;
          justify-content: right;
          padding-left: 20px;
          border-top: solid 1px var(--grey_light); }
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company {
          width: 50% !important; }
        .profile .dashboard-boxes .profile-header-non-click .profile-header-mobile {
          padding-bottom: 10px;
          width: 100%;
          display: block; }
          .profile .dashboard-boxes .profile-header-non-click .profile-header-mobile .select2-container {
            width: 100% !important; }
            .profile .dashboard-boxes .profile-header-non-click .profile-header-mobile .select2-container .select2-selection--single {
              border: none; }
        .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company {
          width: 30%;
          border: none;
          border-top: 1px solid var(--grey_light); }
          .profile .dashboard-boxes .profile-header-non-click .dahsboard-connect-company h4 {
            display: block; } }

@media (max-width: 767px) {
  .share-text {
    display: none; }
  .aggregator-groups-alt .share-groups {
    height: 60px;
    width: 60px;
    max-width: unset; } }

@media (max-width: 768px) {
  .no-connections-shown {
    flex-direction: column; }
    .no-connections-shown img {
      margin-left: auto;
      margin-right: auto; }
    .no-connections-shown .text-noconnection-aggregator h4 {
      display: flex;
      justify-content: center; }
    .no-connections-shown .text-noconnection-aggregator span {
      display: flex;
      justify-content: center; }
  .sign-in-box {
    height: auto !important; }
  .top-bar-icon-aggregator-logon {
    flex-direction: column; }
  .login-create .aggregate-links {
    flex-direction: column; }
  .sign-in-box-body-login h1 {
    padding-top: 0 !important; }
  #delete-company {
    line-height: initial; }
  .profile-box-parent-companies > .row {
    margin: 0; }
  .profile .profile-boxes {
    width: 100%; }
  .general-data > .row {
    margin: auto; }
  .companies-boxes {
    padding-left: 0 !important; }
  .company-permissions button {
    width: 86vw; }
  .financial-data-permissions {
    margin-top: 20px; }
  .profile-boxes-mycompany .profile-box-parent {
    padding: 0 20px !important; }
  .profile-box-parent-companyinfo .profile-box-parent {
    padding: 0; }
  .profile-box-parent-companies {
    padding: 0 20px; }
  .companies-boxes {
    margin: 0; }
    .companies-boxes .profile-box-parent {
      padding: 0 !important; }
  .title {
    padding: 0 20px; }
  .profile-box-parent {
    padding-left: 20px !important; }
  .date-filter {
    padding-top: 40px; }
  #sidebar-wrapper {
    max-width: 95vw; }
  #notifications-bell {
    min-width: 50px; }
  .profile .profile-boxes .profile-box .edit-profile-content {
    margin: 0px 10px 25px; }
  .profile .background-styles,
  .profile .background-visibility {
    flex-direction: column; }
    .profile .background-styles .checkbox-div,
    .profile .background-visibility .checkbox-div {
      margin-bottom: 10px; }
  .top-bar-mobile-background {
    background: #fff;
    height: 70px;
    position: fixed;
    display: block;
    width: 100%;
    z-index: 1; }
  .row-dashboard {
    margin-top: 0; }
  .navbar {
    z-index: 6 !important; }
    .navbar .text-menu-hidden-sm {
      opacity: 1; }
  /*NOTIFICATION MOBILE*/
  .padding-notification-desk {
    display: none; }
  .mobile-notifications.active .padding-notification {
    padding: 0;
    padding-top: 30px; }
    .mobile-notifications.active .padding-notification .notification-panel {
      margin-left: 6%; }
  #user-icon {
    display: none; }
  .menu-aggregator-first:after {
    content: '';
    float: right;
    background: url("/assets/img/arrow-menu-open.svg") no-repeat;
    background-size: contain;
    height: 8px;
    width: 15px;
    position: absolute;
    right: 15px;
    top: 20px; }
  .menu-aggregator-first.collapsed:after {
    background: url("/assets/img/arrow-menu-close.svg") !important; }
  .close-mobile {
    left: -320px !important; }
    .close-mobile .hamburguer-icon {
      left: 75px; }
  .open-mobile {
    overflow: auto; }
  /*TOP MOBILE*/
  .top-bar {
    width: calc(100vw - 80px); }
  /*CARDS MOBILE*/
  .cards-adjustments {
    padding-left: 0;
    padding-right: 0; }
    .cards-adjustments .row-dashboard .col-12 {
      padding: 0 5px; }
      .cards-adjustments .row-dashboard .col-12 .div-permissions-aggregator {
        flex-direction: column; }
        .cards-adjustments .row-dashboard .col-12 .div-permissions-aggregator .a-permissions {
          width: 100%;
          flex-direction: initial;
          line-height: 4.5;
          height: 60px;
          margin-top: 20px; }
  /*---Sessions---*/
  .col-sessions {
    padding: 0 20px 20px; }
  /*----------------------------*/
  /*          PEOPLE            */
  /*----------------------------*/
  .profile-info-main-img {
    margin-bottom: 20px; }
  .lang-col {
    padding-top: 0 !important; } }

@media (min-width: 768px) {
  #sidebar-wrapper.close-menu-wrapper .sidebar-logo {
    padding: 10px 25px; }
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible; }
  .menu-aggregator-first {
    pointer-events: none; }
  .mobile-notifications-dash {
    display: none; } }

@media (max-height: 630px) {
  .modal {
    height: 100%; }
    .modal .modal-container {
      overflow-y: scroll;
      height: 100% !important;
      padding-bottom: 100px; } }

@media (max-width: 580px) {
  .profile-box-parent-companyinfo {
    padding: 0 !important; }
  /*MODAL*/
  .modal .modal-container {
    width: 100%; }
    .modal .modal-container button {
      width: 100%; }
  .modal .input-aggregator .input-text {
    width: 100%; }
  .modal .input-aggregator .input-error-message {
    display: none; }
  #classifications-select-all,
  #classifications-unselect-all {
    width: 100%; }
  .profile-save-changes {
    display: flex;
    right: 0; }
    .profile-save-changes #remove-connection {
      margin-right: 0px;
      width: 45px;
      padding-left: 8px;
      order: 3; }
      .profile-save-changes #remove-connection span {
        display: none; }
  .remove-connection span {
    width: 60%; } }

@media (max-width: 460px) {
  /*DISPLAY THE FLOATING ACTION BUTTON AND ALL ITS BRETHREN*/
  .filter-floating-action .floating-action-button.active {
    width: 15vw;
    right: 80.8vw; }
  .filter-floating-action .floating-action-modal .floating-action-container {
    width: 85vw; }
  .remove-connection img,
  .button-save img {
    margin: 0; }
  .text-button {
    display: none; }
  .profile-header h2 {
    font-size: 14px !important; }
  .profile-sub-title-other {
    padding-top: 20px; }
    .profile-sub-title-other::before {
      top: 74% !important; }
  input {
    font-size: 90% !important; }
  body {
    font-size: 0.9rem; } }

@media (max-width: 380px) {
  .profile .profile-boxes .profile-box-tabs .profile-box-tab.active {
    margin: 0;
    margin-bottom: -1px;
    padding: 10px; } }

@media (max-width: 350px) {
  .top-bar {
    width: calc(100% - 37px); }
  .btn-authentication {
    height: auto; }
    .btn-authentication .btn-icon {
      display: block;
      margin: 5px auto; } }

.select-people-first {
  padding: 10px 15px;
  position: absolute;
  font-size: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -24%);
  background: white;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .select-people-first.active {
    opacity: 1; }
  .select-people-first.select-people-warning {
    left: 56%; }
  .select-people-first.select-people-represent {
    left: 40%; }

.companies-boxes {
  padding-left: 0; }
  .companies-boxes .profile-box-parent-companies {
    padding-left: 0px;
    padding-right: 0;
    margin-right: 50px; }
    .companies-boxes .profile-box-parent-companies .row {
      margin-left: 50px; }

.select2-results__option:first-child {
  display: none; }

.cursor-default {
  cursor: default !important; }

.company-view-mb,
.mg-b {
  margin-bottom: 2.5rem !important; }

.individual-header {
  cursor: default !important; }

.remove-profile-btn {
  background-color: var(--white);
  color: var(--error);
  font-size: 13px;
  line-height: 3.3;
  height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
  border: 1px solid var(--error) !important; }
  .remove-profile-btn.svg-trash, .remove-profile-btn .svg-white {
    width: 20px !important;
    height: 20px !important; }
    .remove-profile-btn.svg-trash path, .remove-profile-btn .svg-white path {
      fill: var(--error) !important; }
  .remove-profile-btn:hover {
    background-color: var(--error);
    color: var(--white);
    font-size: 13px;
    line-height: 3.3;
    height: 40px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer; }
    .remove-profile-btn:hover.svg-trash, .remove-profile-btn:hover .svg-white {
      width: 20px !important;
      height: 20px !important; }
      .remove-profile-btn:hover.svg-trash path, .remove-profile-btn:hover .svg-white path {
        fill: var(--white) !important; }

.list-connections-connected-to-me-people .aggregate-classification {
  opacity: 0; }

.bootstrap-tagsinput .input-error-message {
  display: none; }

.label-info {
  background: var(--primary_dark);
  padding: 0 10px;
  height: 30px;
  position: relative;
  display: inline-flex;
  margin-top: 5px;
  border-radius: 24px;
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  z-index: 99; }
  .label-info span {
    width: 20px;
    position: relative;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    background: url("/template/assets/img/cross-white.svg") no-repeat center; }
  .label-info.showErrorRed {
    background: var(--error); }
  .label-info:hover {
    background: var(--alert_delete);
    cursor: pointer; }

/*---------------------------*/
/*        HELP CENTER        */
/*---------------------------*/
.faqs-permissions,
.faqs-global,
.faqs-profile,
.faqs-people,
.faqs-company {
  display: none; }
  .faqs-permissions.active,
  .faqs-global.active,
  .faqs-profile.active,
  .faqs-people.active,
  .faqs-company.active {
    display: block; }

.filter-options-help {
  padding-top: 10px !important; }

.subcategories-filters:hover {
  border: solid 1px var(--grey) !important; }

.contact-me-col {
  cursor: pointer; }
  .contact-me-col::before {
    content: '';
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: var(--primary);
    transition: height 0.2s ease-in-out; }
  .contact-me-col:hover::before, .contact-me-col.active::before {
    height: 4px; }

.subcategories-container,
.contact-me-col {
  background-color: white;
  min-height: 300px;
  border: solid 1px var(--grey);
  position: relative; }
  .subcategories-container .profile-header,
  .contact-me-col .profile-header {
    padding: 20px 20px 10px; }
  .subcategories-container .aggregator-contacts,
  .contact-me-col .aggregator-contacts {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .subcategories-container .btn-contact,
  .contact-me-col .btn-contact {
    margin-top: 20px;
    padding: 0 40px;
    margin-left: 30px;
    margin-right: 30px; }

.contact-me-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%; }

.helpcenter-contact {
  height: 100px;
  width: 100px;
  background: var(--primary);
  border-radius: 50%;
  position: fixed;
  right: 15px;
  bottom: 26px;
  z-index: 99;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .helpcenter-contact.active {
    display: none; }
  .helpcenter-contact img {
    width: 40%;
    height: 40%; }
  .helpcenter-contact .helpcenter-contact-text {
    color: var(--white);
    font-size: 10px;
    font-weight: 600;
    text-align: center; }

.title-faqs {
  font-size: 18px !important; }

.my-profile-faqs-title {
  font-size: 12px;
  font-weight: 600;
  text-align: center; }

.subcategories-faqs {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(130px, 0fr)); }
  .subcategories-faqs .subcategory-faqs {
    display: flex;
    width: 141px !important;
    height: 119px;
    justify-content: center;
    align-items: center; }
    .subcategories-faqs .subcategory-faqs.active {
      background-color: var(--white); }
      .subcategories-faqs .subcategory-faqs.active .aggregator-text-faqs svg path {
        fill: var(--primary); }
      .subcategories-faqs .subcategory-faqs.active .aggregator-text-faqs .my-profile-faqs-title {
        font-weight: 600 !important; }
    .subcategories-faqs .subcategory-faqs .aggregator-text-faqs img {
      width: 40px;
      height: 40px; }
    .subcategories-faqs .subcategory-faqs .aggregator-text-faqs .my-profile-faqs-title {
      padding-top: 15px;
      font-size: 14px;
      font-weight: 400; }

#email-sign-up,
.email-modal {
  background: url(/template/assets/img/Email@-grey.svg) no-repeat left 12px center;
  background-size: 13px !important; }

.email-modal {
  padding-left: 30px; }

.subcategory-faqs {
  position: relative;
  border: solid 2px var(--grey_light);
  cursor: pointer; }
  .subcategory-faqs.mobile:hover::before, .subcategory-faqs.mobile:focus::before {
    height: 0px; }
  .subcategory-faqs.mobile.active::before {
    height: 4px; }
  .subcategory-faqs::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    background: var(--primary);
    transition: height 0.2s ease-in-out; }
  .subcategory-faqs:hover::before, .subcategory-faqs:focus::before, .subcategory-faqs:active::before {
    height: 4px; }

.aggregator-text-faqs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 90px; }
  .aggregator-text-faqs img {
    padding-bottom: 10px;
    height: 36px; }

.g-recaptcha.input-error {
  border: 1px solid var(--error);
  width: 304px;
  height: 78px; }

.input-message {
  margin-top: 15px !important; }

.sessions-boxes .profile-save-changes {
  display: none; }
  .sessions-boxes .profile-save-changes.active {
    display: block; }

.contact {
  background: var(--white);
  padding: 25px 50px;
  border: solid 1px var(--grey);
  margin-bottom: 20px;
  display: none; }
  .contact.active {
    display: block; }
  .contact .input-aggregator {
    margin: 20px 26px 30px 0px !important; }
  .contact .select-box-div {
    margin: 20px 26px;
    margin-left: 0px;
    padding: 0; }
    .contact .select-box-div .select2 {
      width: 100% !important; }
  .contact textarea {
    padding: 10px 10px 10px 20px; }
    .contact textarea.hide-background {
      background-size: 0 !important; }
      .contact textarea.hide-background:hover {
        background-size: 0 !important; }
        .contact textarea.hide-background:hover + .input-label {
          color: var(--primary) !important; }
      .contact textarea.hide-background:focus + .input-label, .contact textarea.hide-background:active + .input-label {
        display: flex;
        color: var(--primary) !important; }
    .contact textarea:focus {
      border-color: var(--primary);
      outline: none;
      padding-left: 20px;
      background-size: 0 !important; }
  .contact #subject,
  .contact #message {
    width: 100%;
    border: 1px solid var(--grey); }
    .contact #subject:focus, .contact #subject:active,
    .contact #message:focus,
    .contact #message:active {
      border-color: var(--primary); }
    .contact #subject:hover,
    .contact #message:hover {
      border-color: var(--primary); }
      .contact #subject:hover::placeholder,
      .contact #message:hover::placeholder {
        color: var(--primary); }
    .contact #subject .input-label.active,
    .contact #message .input-label.active {
      display: block; }
    .contact #subject.active + .input-label,
    .contact #message.active + .input-label {
      display: block;
      color: var(--grey_dark); }
    .contact #subject.input-error,
    .contact #message.input-error {
      border-color: var(--error); }
      .contact #subject.input-error:hover,
      .contact #message.input-error:hover {
        background-size: 0 !important; }
      .contact #subject.input-error + .input-label,
      .contact #message.input-error + .input-label {
        display: flex;
        color: var(--error); }

.aggregate-info-contact {
  display: flex;
  margin-bottom: 40px; }
  .aggregate-info-contact.aggregate-phone {
    margin-top: 20px; }
  .aggregate-info-contact .title-text-info {
    font-size: 14px;
    font-weight: 600; }
  .aggregate-info-contact .text-info {
    font-size: 14px;
    color: var(--secondary_light) !important; }
  .aggregate-info-contact .img-info {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .aggregate-info-contact .aggregate-text-info {
    display: flex;
    flex-direction: column; }

/*---------------------------*/
/*        ABOUT PAGE         */
/*---------------------------*/
.aggregate-links {
  display: flex; }

.login-create {
  margin: 0;
  opacity: 0;
  transition: all 0.55s ease-in-out; }
  .login-create .top-bar-links {
    text-decoration: underline;
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
    width: 0; }
    .login-create .top-bar-links:hover {
      text-decoration: underline; }
  .login-create.active {
    margin-right: 20px;
    opacity: 1; }
    .login-create.active .top-bar-links {
      opacity: 1;
      visibility: visible;
      margin: 0 10px;
      width: auto; }
      .login-create.active .top-bar-links:hover {
        text-decoration: underline; }

.col-img-connected {
  justify-content: center !important; }

.fourth-row {
  padding-bottom: 80px !important; }

.first-row {
  padding-top: 10vh !important; }

.first-row,
.third-row,
.second-row,
.fourth-row {
  padding: 40px;
  max-width: 100%;
  min-height: 60vh;
  margin: 0; }

.first-row .col-text,
.third-row .col-text {
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.first-row .col-img,
.third-row .col-img {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .first-row .col-img img,
  .third-row .col-img img {
    width: 100%;
    max-width: 500px; }

.second-row .col-text,
.fourth-row .col-text {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.second-row .col-img,
.fourth-row .col-img {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .second-row .col-img img,
  .fourth-row .col-img img {
    width: 100%;
    max-width: 600px; }

.second-row .aggregate-all-info,
.fourth-row .aggregate-all-info {
  justify-content: flex-end; }

.col-text-authentication .icon-title img {
  width: 30px; }

.col-text-safety .icon-title img,
.col-text-connected .icon-title img {
  width: 24px; }

.col-text-connected .icon-title img,
.col-text-access .icon-title img {
  filter: invert(95%) sepia(1%) saturate(7424%) hue-rotate(291deg) brightness(138%) contrast(104%); }

.col-text-access .icon-title img {
  width: 20px; }

@keyframes icon-title {
  from {
    width: 65px;
    height: 65px; }
  to {
    width: 75px;
    height: 75px; } }

@-webkit-keyframes icon-title {
  from {
    width: 65px;
    height: 65px; }
  to {
    width: 75px;
    height: 75px; } }

.aggregate-all-info {
  display: flex; }
  .aggregate-all-info .icon-title {
    background: var(--primary);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .aggregate-all-info .icon-title::before {
      position: absolute;
      content: '';
      width: 75px;
      height: 75px;
      background: rgba(40, 170, 202, 0.1);
      z-index: -1;
      animation: icon-title 0.8s ease-in-out infinite alternate; }
  .aggregate-all-info .aggregate-info {
    width: 60%;
    padding-left: 20px; }
  .aggregate-all-info .aggregator-text-about {
    padding-top: 20px; }
    .aggregate-all-info .aggregator-text-about p {
      color: var(--grey_dark);
      font-size: 20px;
      line-height: 2; }
  .aggregate-all-info .text-title-aggregator .text-bold {
    font-size: 30px;
    font-weight: 600 !important;
    color: var(--secondary_dark); }
  .aggregate-all-info .text-title-aggregator .text-gray {
    font-size: 30px;
    font-weight: 300 !important;
    color: var(--grey_dark);
    position: relative;
    display: inline; }
    .aggregate-all-info .text-title-aggregator .text-gray::before {
      content: '';
      position: absolute;
      height: 1.2px;
      background: var(--grey_dark);
      width: 30%;
      bottom: -10px; }

.aggregator-footer {
  display: flex; }
  .aggregator-footer img {
    height: clamp(50%, 14vw, 100%);
    object-fit: cover; }

.aggregate-login {
  display: flex;
  position: relative;
  height: auto;
  min-height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: flex-end; }

.aggregator-about-page {
  background: var(--background);
  padding-top: 4vh; }

.row-footer {
  background: var(--grey_light);
  justify-content: center;
  max-width: 100%;
  margin: 0; }
  .row-footer .aggegator-text-privacy {
    padding: 0 30px; }
  .row-footer .title-footer {
    font-weight: 500;
    color: var(--secondary_dark);
    font-size: 25px; }
  .row-footer .text-footer {
    color: var(--secondary_light);
    line-height: 1.67;
    font-size: 16px;
    margin-bottom: 0; }
  .row-footer .aggregator-all-footer {
    display: flex;
    padding: 4vh 5vw;
    max-width: 1300px; }
    .row-footer .aggregator-all-footer .aggregator-footer,
    .row-footer .aggregator-all-footer .aggegator-text-terms {
      padding: 30px; }
      .row-footer .aggregator-all-footer .aggregator-footer a,
      .row-footer .aggregator-all-footer .aggegator-text-terms a {
        color: var(--primary); }
  .row-footer .read-more {
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer; }

/*---------------------------*/
/*          SIGN IN          */
/*---------------------------*/
.t-legal-articles {
  text-decoration: underline; }

.input-text-signin {
  width: 100% !important; }
  .input-text-signin.input-name-contact {
    background: url(/template/assets/img/user-grey.svg) no-repeat left 12px center !important;
    background-size: 13px !important; }
  .input-text-signin.input-email-contact {
    background: url(/template/assets/img/Email@-grey.svg) no-repeat left 12px center !important;
    background-size: 13px !important; }
    .input-text-signin.input-email-contact:hover {
      background: url(/template/assets/img/Email@-blue.svg) no-repeat left 12px center !important;
      background-size: 13px !important; }

.input-text-signin.hide-background,
.email-modal.hide-background {
  background-size: 0 !important; }
  .input-text-signin.hide-background:hover,
  .email-modal.hide-background:hover {
    background-size: 0 !important; }

.input-text-signin:focus,
.email-modal:focus {
  background-size: 0 !important; }

.loading-aggregator {
  padding-top: 60px;
  display: flex;
  justify-content: center; }
  .loading-aggregator .loader {
    border: 16px solid transparent;
    border-top: 16px solid var(--primary_dark);
    border-radius: 50%;
    width: 170px;
    height: 170px;
    animation: spin 2s linear infinite; }
  .loading-aggregator svg {
    transform: translateY(-15px);
    position: absolute;
    width: 200px;
    height: 200px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .loading-aggregator img {
    position: absolute;
    height: 86px;
    transform: translateY(40px); }

/* Sign-in autentication */
#background-sign-in.background-sign-in-autentication {
  background: url("../img/background_niupme.svg");
  background-repeat: no-repeat;
  background-size: cover;
  /*Icons inputs*/
  /*SIGN IN NAME*/
  /* Sign-in box */ }
  #background-sign-in.background-sign-in-autentication #email-login,
  #background-sign-in.background-sign-in-autentication #password-login,
  #background-sign-in.background-sign-in-autentication #email-recover {
    padding-left: 30px; }
  #background-sign-in.background-sign-in-autentication #last-name-sign-up {
    padding-left: 20px !important;
    background: none !important; }
  #background-sign-in.background-sign-in-autentication #password-sign-up,
  #background-sign-in.background-sign-in-autentication #password-login {
    background: url(/template/assets/img/lock-grey.svg) no-repeat left 12px center/10px; }
  #background-sign-in.background-sign-in-autentication .input-aggregator-name {
    display: flex;
    align-items: center;
    margin-top: 35px; }
    #background-sign-in.background-sign-in-autentication .input-aggregator-name .input-aggregator {
      margin-bottom: 0; }
  #background-sign-in.background-sign-in-autentication .sign-in-box {
    margin-top: 100px;
    margin-bottom: 50px;
    position: relative;
    /* Sign-in box body */ }
    #background-sign-in.background-sign-in-autentication .sign-in-box .sponsored-niup {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -1; }
    #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body {
      /* Sign-in box body login */
      /* Sign-in box body loading */
      /* Sign-in box body forgot password */
      /* Sign-in box body forgot password send link */
      /* Sign-in box body wrong password */
      /* Sign-in box body access denied */
      /* Sign-in box body sign-up */
      /* Sign-in box body recovery password */ }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .select2-selection__placeholder {
        color: var(--secondary_light); }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .select-box-div-singin {
        padding: 0; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .select-box-div-singin:hover .select2-selection--single {
          background: url(/template/assets/img/location.svg) no-repeat left 12px center/10px !important; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .select-box-div-singin:hover .select2-selection__placeholder,
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .select-box-div-singin:hover .select2-selection__arrow {
          color: var(--primary); }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .alert-danger {
        display: none;
        position: absolute;
        z-index: 99;
        transform: translateY(-84px);
        background-color: #e06666;
        color: var(--white);
        font-size: 12px;
        font-weight: 600; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .alert-danger .alert-content {
          display: flex;
          align-items: center; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .alert-danger .alert-content .alert-icon-aggregator {
            padding-right: 10px; }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .alert-danger .alert-content .alert-icon-aggregator img {
              width: 20px;
              height: 20px;
              filter: invert(13%) sepia(61%) saturate(6900%) hue-rotate(359deg) brightness(85%) contrast(117%); }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login {
        /* Sign-in box body text */
        /* Sign-in box inputs */
        /* Login button and forgot password */ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login h1 {
          width: 100%;
          padding-top: 20px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .alert-danger {
          transform: translateY(-84px); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .input-aggregator {
          margin-top: 20px; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator {
          padding-top: 40px;
          padding-bottom: 150px; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .btn-login {
            width: 150px;
            height: 50px;
            display: inline-flex;
            align-items: center;
            justify-content: center; }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .btn-login .svg {
              width: 20px;
              height: 20px;
              margin-right: 16px; }
              #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .btn-login .svg path {
                fill: var(--white); }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .btn-login:disabled .svg path {
              fill: var(--grey_dark); }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .forgot-password {
            padding-left: 30px;
            font-size: 12px;
            color: var(--secondary_light); }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .forgot-password:hover {
              text-decoration: underline !important; }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-loading {
        display: none;
        /* Sign-in box body text */ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-loading h1 {
          width: 100%;
          padding-top: 40px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-loading h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password {
        display: none;
        /* Back to sign in */
        /* Sign-in box body text */
        /* Recover button */ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password .back-login {
          font-size: 14px;
          line-height: 2.5;
          color: var(--grey_dark);
          display: block;
          padding-top: 30px;
          text-decoration: none;
          width: 35%; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password .back-login img {
            transform: rotate(180deg);
            padding-left: 15px;
            filter: invert(69%) sepia(9%) saturate(20%) hue-rotate(359deg) brightness(94%) contrast(89%); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password h1 {
          width: 100%;
          padding-top: 30px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password .recover-aggregator {
          display: flex;
          width: 80%;
          padding-bottom: 150px; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password .recover-aggregator #btn-recover {
            width: 150px;
            height: 50px; }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password .recover-aggregator #btn-recover:disabled img {
              filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(91deg) brightness(102%) contrast(90%); }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password .recover-aggregator #btn-recover img {
              filter: invert(97%) sepia(97%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%);
              padding-right: 10px;
              width: 30px; }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password-send-link {
        display: none;
        /* Sign-in box body text */
        /*Resend Link button*/ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password-send-link h1 {
          width: 100%;
          padding-top: 40px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password-send-link h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password-send-link .send-email-img-aggregator {
          padding-top: 50px; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password-send-link .btn-resend-link {
          margin-top: 40px; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-forgot-password-send-link .btn-resend-link img {
            padding-left: 5px;
            width: 20px;
            height: 15px; }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password {
        display: none;
        /* Back to sign in */
        /* Sign-in box body text */
        /* Input aggregator */
        /* Darts image */
        /* retry button aggregator */ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .back-login {
          font-size: 14px;
          line-height: 2.5;
          color: var(--grey_dark);
          display: block;
          padding-top: 30px;
          text-decoration: none; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .back-login img {
            transform: rotate(180deg);
            padding-left: 15px;
            filter: invert(69%) sepia(9%) saturate(20%) hue-rotate(359deg) brightness(94%) contrast(89%); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password h1 {
          width: 100%;
          padding-top: 30px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .input-aggregator {
          margin-top: 40px;
          width: 80%; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .darts-img {
          position: absolute;
          right: 35px;
          width: 201.6px;
          height: 173.6px;
          transform: translateY(25px); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .retry-aggregator {
          padding-top: 151px;
          /* retry button */ }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .retry-aggregator .btn-retry {
            width: 150px;
            height: 50px;
            /* retry button image */ }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-wrong-password .retry-aggregator .btn-retry img {
              padding-left: 5px;
              transform: translateY(2px);
              width: 20px;
              height: 15px; }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied {
        display: none;
        /* Back to sign in */
        /* Sign-in box body text */
        /* Avatar blocked aggregator */ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied .back-login {
          font-size: 14px;
          line-height: 2.5;
          color: var(--grey_dark);
          display: block;
          padding-top: 30px;
          text-decoration: none; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied .back-login img {
            transform: rotate(180deg);
            padding-left: 15px;
            filter: invert(69%) sepia(9%) saturate(20%) hue-rotate(359deg) brightness(94%) contrast(89%); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied h1 {
          width: 100%;
          padding-top: 30px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied .avatar-blocked-aggregator {
          display: flex;
          justify-content: center;
          margin-top: 40px;
          /* denied image */
          /* avatar image */ }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied .avatar-blocked-aggregator .blocked-img {
            position: absolute;
            width: 120px;
            height: 120px; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied .avatar-blocked-aggregator .avatar-blocked-img {
            width: 120px;
            height: 120px; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-access-denied .input-aggregator {
          margin-top: 20px; }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up {
        display: none;
        /* Back to sign in */
        /* Sign-in box body text */
        /* Sign-in box inputs */
        /*Create account button aggregator*/ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .alert-danger {
          transform: translateY(-92px); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .back-login {
          font-size: 14px;
          line-height: 2.5;
          color: var(--grey_dark);
          display: block;
          padding-top: 30px;
          text-decoration: none;
          width: 35%; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .back-login img {
            transform: rotate(180deg);
            padding-left: 15px;
            filter: invert(69%) sepia(9%) saturate(20%) hue-rotate(359deg) brightness(94%) contrast(89%); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up h1 {
          width: 100%;
          font-size: 30px;
          color: var(--secondary_dark);
          margin-top: 22px;
          margin-bottom: 4px; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up h3 {
          margin-top: 5px;
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark);
          height: 38px; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator.first-input .alert-danger {
          transform: translateY(-95px); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator {
          margin-top: 20px;
          /*Input Label image*/
          /*Input placeholder image*/ }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator input {
            padding-left: 36px; }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator input.hide-background {
              background-size: 0 !important; }
              #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator input.hide-background:hover {
                background-size: 0 !important; }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator input:focus {
              border-color: var(--primary);
              outline: none;
              padding-left: 20px;
              background-size: 0 !important; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator .top-input-image {
            filter: invert(57%) sepia(48%) saturate(675%) hue-rotate(145deg) brightness(92%) contrast(89%);
            width: 25px;
            padding-right: 4px; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .input-aggregator .placeholder-img {
            position: absolute;
            transform: translateY(-32px);
            padding-left: 14px;
            filter: invert(42%) sepia(9%) saturate(0%) hue-rotate(147deg) brightness(109%) contrast(98%); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .btn-create-accoun-aggregator {
          display: flex;
          margin-top: 20px;
          /*Create account button*/ }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .btn-create-accoun-aggregator .btn-create-account {
            padding: 0 20px; }
            #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-sign-up .btn-create-accoun-aggregator .btn-create-account:disabled img {
              filter: invert(71%) sepia(7%) saturate(0%) hue-rotate(181deg) brightness(92%) contrast(88%); }
      #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery {
        display: none;
        /* Sign-in box body text */
        /* Sign-in box inputs */
        /* Login button and forgot password */ }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery h1 {
          width: 100%;
          padding-top: 40px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery .input-aggregator.first-input {
          margin-top: 40px; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery .input-aggregator {
          margin-top: 20px;
          width: 80%; }
        #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery .btn-account-recovery {
          margin-top: 40px;
          padding-bottom: 150px;
          width: 150px;
          height: 50px; }
          #background-sign-in.background-sign-in-autentication .sign-in-box .sign-in-box-body .sign-in-box-body-account-recovery .btn-account-recovery img {
            filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(91deg) brightness(102%) contrast(90%);
            padding-right: 10px; }

/* Sign-in through app */
#background-sign-in.background-sign-in-through-app {
  background-image: url(../img/sign-in_background1.png); }
  #background-sign-in.background-sign-in-through-app .sign-in-box {
    /* SIGN-IN BOX LOGOUT */ }
    #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body {
      position: relative;
      /* Sign-in box body login */
      /* Sign-in box body logged */ }
      #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login {
        /* Sign-in box body text */
        /* Sign-in box inputs */
        /* Login button and forgot password */ }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login h1 {
          width: 100%;
          padding-top: 20px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .input-aggregator.first-input {
          margin-top: 40px; }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .input-aggregator {
          margin-top: 20px;
          width: 80%; }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator {
          padding-top: 30px; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .btn-login {
            width: 150px;
            height: 50px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .btn-login img {
              filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(91deg) brightness(102%) contrast(90%);
              padding-right: 10px;
              height: 25px; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .login-aggregator .forgot-password {
            padding-left: 30px;
            font-size: 12px;
            color: var(--secondary_light); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .div-a {
          width: 200px;
          height: 0; }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode.show-qrcode-active {
          top: 210px; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode.show-qrcode-active .content {
            margin-top: 20px;
            height: 260px;
            opacity: 1; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode.show-qrcode-active:hover {
            background-color: var(--white); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode {
          background-color: var(--white);
          position: absolute;
          right: 0px;
          left: 0px;
          margin-top: 30px;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-left: 40px;
          border-top: 1px solid var(--grey_light);
          border-bottom: 1px solid var(--grey_light);
          top: 495px;
          transition: all 1s ease-in; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode:hover {
            background-color: var(--grey_light); }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .header {
            display: flex;
            cursor: pointer; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .header .qr-icon {
              padding-right: 10px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .header h4 {
              height: 18px;
              font-size: 14px;
              font-weight: 600;
              line-height: 1.71;
              color: var(--secondary); }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .header img {
              margin-left: 6px;
              transform: translateY(-2px); }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .content {
            width: 100%;
            position: relative;
            background-color: var(--white);
            top: 0;
            height: 0px;
            opacity: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-right: 40px;
            overflow: hidden;
            transition: all 1s ease-in; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .content .qr-code-aggregator {
              display: inline-block;
              padding-top: 10px;
              padding-bottom: 10px;
              padding-left: 30px;
              padding-right: 30px;
              margin-top: 40px;
              border: solid 2px var(--secondary_dark); }
              #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-login .show-qrcode .content .qr-code-aggregator img {
                height: 122px;
                width: 122px; }
      #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged {
        display: none;
        /* Sign-in box body logged text */
        /*user-select info*/
        /*Nav tabs - Myself - People - Company*/
        /*tabs content*/ }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged h1 {
          width: 100%;
          padding-top: 20px;
          font-size: 30px;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged h3 {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: var(--secondary_dark); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .user-info-aggregator {
          display: flex;
          align-items: center; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .user-info-aggregator .img-avatar-aggregator {
            width: 30%; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .user-info-aggregator .img-avatar-aggregator img {
              width: 105px;
              height: 105px;
              border-radius: 50%;
              border: solid 2px var(--secondary_dark); }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .user-info-aggregator .user-info-aggregator-text {
            width: 70%; }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .nav-tabs {
          display: flex;
          justify-content: center;
          padding-top: 20px;
          border: none; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .nav-tabs .nav-link {
            width: 120px;
            height: 90px;
            border: solid 1px var(--grey_light);
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            margin-left: 5px;
            margin-right: 5px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .nav-tabs .nav-link h4 {
              padding-top: 5px;
              font-size: 12px;
              font-weight: 600;
              color: var(--secondary_dark); }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .nav-tabs .nav-link img {
              filter: invert(54%) sepia(2%) saturate(0%) hue-rotate(170deg) brightness(85%) contrast(82%); }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .nav-tabs .nav-link.active {
              border-bottom: 3px solid var(--primary); }
        #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content {
          /*MY SELF*/
          /*PEOPLE*/
          /*COMPANY*/
          /*HOME*/ }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #myself .content-myself {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 220px; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #people .content-people {
            display: flex;
            justify-content: center;
            height: 220px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #people .content-people .select-box-div#share-info-people {
              transform: translateY(20px);
              position: absolute; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #people .content-people .select-box-div#info-type-people {
              position: absolute;
              transform: translateY(85px); }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #people .content-people #btn-show-info-people {
              transform: translateY(150px); }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #company .content-company {
            display: flex;
            align-items: center;
            flex-direction: column; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #company .content-company .select-box-div#share-info-company {
              margin-top: 25px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #company .content-company .select-box-div#info-type-company {
              display: none;
              margin-top: 15px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #company .content-company #btn-show-info-company {
              display: none;
              margin-top: 10px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #company .content-company #btn-company-continue {
              margin-top: 40px; }
          #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #tab-home .content-home {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 220px; }
            #background-sign-in.background-sign-in-through-app .sign-in-box .sign-in-box-body .sign-in-box-body-logged .tab-content #tab-home .content-home #btn-home-continue {
              margin-top: 40px; }
    #background-sign-in.background-sign-in-through-app .sign-in-box .logout-aggregator {
      padding-top: 0;
      position: absolute;
      bottom: 50px;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: var(--background);
      padding-top: 20px;
      display: none;
      /* SIGN-IN BOX CREATE ACCOUNT TEXT */ }
      #background-sign-in.background-sign-in-through-app .sign-in-box .logout-aggregator h4 {
        color: var(--secondary);
        font-size: 18px;
        font-weight: 600;
        text-align: center; }
      #background-sign-in.background-sign-in-through-app .sign-in-box .logout-aggregator #btn-logout img.btn-icon {
        filter: invert(52%) sepia(71%) saturate(460%) hue-rotate(145deg) brightness(95%) contrast(93%); }
      #background-sign-in.background-sign-in-through-app .sign-in-box .logout-aggregator #btn-logout:hover img.btn-icon {
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(139deg) brightness(104%) contrast(101%); }

/*-------------------------------*/
/*         NOTIFICATIONS        */
/*_____________________________*/
.corporate .notification-img {
  height: 25px; }

.table-body-notifications-people,
.table-body-notifications-company {
  display: none; }
  .table-body-notifications-people.active,
  .table-body-notifications-company.active {
    display: block; }

.arrow-table-notify {
  transform: rotate(90deg);
  position: absolute;
  cursor: pointer;
  left: 20px; }

.table-body-notifications .icon-accept {
  filter: invert(69%) sepia(51%) saturate(409%) hue-rotate(71deg) brightness(175%) contrast(88%);
  width: 20px; }

.table-body-notifications .icon-reject {
  width: 20px; }

.table-body-notifications .notification-icons.rejected .icon-reject {
  display: block !important; }

.table-body-notifications .notification-icons.rejected .icon-accept,
.table-body-notifications .notification-icons.rejected .icon-pending {
  display: none !important; }

.table-body-notifications .notification-icons.checked .icon-accept {
  display: block !important; }

.table-body-notifications .notification-icons.checked .icon-reject,
.table-body-notifications .notification-icons.checked .icon-pending {
  display: none !important; }

.table-body-notifications .row {
  padding: 10px !important; }
  .table-body-notifications .row.active {
    border-left: 4px solid var(--primary); }
  .table-body-notifications .row.checked, .table-body-notifications .row.rejected, .table-body-notifications .row.pending-reminder {
    pointer-events: none; }
    .table-body-notifications .row.checked .arrow-table-notify, .table-body-notifications .row.rejected .arrow-table-notify, .table-body-notifications .row.pending-reminder .arrow-table-notify {
      display: none; }
  .table-body-notifications .row .pending,
  .table-body-notifications .row .accept,
  .table-body-notifications .row .reject {
    display: none; }
  .table-body-notifications .row .notification-button.accept {
    background-color: var(--white);
    color: var(--success);
    border: solid 2px var(--success);
    margin-right: 13px;
    width: auto;
    height: 35px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease-in-out; }
    .table-body-notifications .row .notification-button.accept img {
      width: 20px;
      filter: invert(67%) sepia(14%) saturate(1473%) hue-rotate(71deg) brightness(200%) contrast(91%);
      padding-right: 10px; }
    .table-body-notifications .row .notification-button.accept:hover {
      background: var(--success);
      color: var(--white); }
      .table-body-notifications .row .notification-button.accept:hover img {
        filter: none; }
  .table-body-notifications .row .notification-button.reject {
    color: var(--error);
    border: solid 2px var(--error);
    background-color: var(--white);
    margin-right: 13px;
    width: auto;
    height: 35px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease-in-out; }
    .table-body-notifications .row .notification-button.reject img {
      padding-right: 10px; }
    .table-body-notifications .row .notification-button.reject:hover {
      color: var(--white);
      background: var(--error); }
      .table-body-notifications .row .notification-button.reject:hover img {
        filter: invert(100%) sepia(0%) saturate(7448%) hue-rotate(163deg) brightness(200%) contrast(98%); }
  .table-body-notifications .row .icon-pending {
    filter: invert(89%) sepia(29%) saturate(4063%) hue-rotate(328deg) brightness(120%) contrast(90%); }
  .table-body-notifications .row .col-pending .icon-pending,
  .table-body-notifications .row .col-pending-regist .icon-pending {
    display: block; }
  .table-body-notifications .row .col-pending .icon-accept,
  .table-body-notifications .row .col-pending .icon-reject,
  .table-body-notifications .row .col-pending-regist .icon-accept,
  .table-body-notifications .row .col-pending-regist .icon-reject {
    display: none; }
  .table-body-notifications .row .notification-buttons {
    display: none; }
  .table-body-notifications .row.active .notification-buttons {
    display: block; }
  .table-body-notifications .row.active .notification-icons {
    display: none; }
  .table-body-notifications .row.active .column {
    height: auto; }
  .table-body-notifications .row.active .table-body-notification {
    opacity: 1;
    height: auto; }
  .table-body-notifications .row.active .arrow-table-notify {
    transform: rotate(-90deg); }
  .table-body-notifications .row.active .accept,
  .table-body-notifications .row.active .reject {
    display: inline; }
  .table-body-notifications .row.active .col-pending .pending,
  .table-body-notifications .row.active .col-pending .icon-pending {
    display: block; }
  .table-body-notifications .row.active .col-pending .accept,
  .table-body-notifications .row.active .col-pending .reject,
  .table-body-notifications .row.active .col-pending .icon-accept,
  .table-body-notifications .row.active .col-pending .icon-reject {
    display: none; }
  .table-body-notifications .row .col-pending .pending,
  .table-body-notifications .row .col-pending .icon-pending {
    display: block; }
  .table-body-notifications .row .col-pending .accept,
  .table-body-notifications .row .col-pending .reject,
  .table-body-notifications .row .col-pending .icon-accept,
  .table-body-notifications .row .col-pending .icon-reject {
    display: none; }
  .table-body-notifications .row .pending {
    display: none;
    width: 161px;
    height: 35px;
    background: var(--white);
    color: var(--warning);
    border: solid 2px var(--warning);
    margin: auto;
    font-weight: 600; }
    .table-body-notifications .row .pending img {
      margin-right: 10px;
      width: 15px;
      height: 15px;
      filter: invert(89%) sepia(29%) saturate(4063%) hue-rotate(328deg) brightness(120%) contrast(90%); }
    .table-body-notifications .row .pending:hover, .table-body-notifications .row .pending.active, .table-body-notifications .row .pending:focus {
      background: var(--warning);
      color: var(--white); }
      .table-body-notifications .row .pending:hover img, .table-body-notifications .row .pending.active img, .table-body-notifications .row .pending:focus img {
        filter: invert(93%) sepia(94%) saturate(29%) hue-rotate(125deg) brightness(107%) contrast(100%); }

.table-body-notifications .table-body-title {
  font-size: 12px;
  color: var(--secondary_dark); }

.table-body-notifications .table-body-notification {
  color: var(--grey_dark);
  opacity: 0;
  height: 0;
  padding: 0 !important; }

.number-notify {
  font-size: 30px;
  font-weight: 500; }

.notify-aggregator {
  height: 174px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border: 1px solid var(--grey);
  cursor: pointer; }
  .notify-aggregator .received-img {
    filter: invert(27%) sepia(0%) saturate(1%) hue-rotate(162deg) brightness(58%) contrast(84%); }
  .notify-aggregator .send-img {
    filter: invert(27%) sepia(0%) saturate(1%) hue-rotate(162deg) brightness(93%) contrast(84%); }
  .notify-aggregator .icons-notify {
    width: 18px; }
  .notify-aggregator:hover, .notify-aggregator:active, .notify-aggregator:focus {
    border-bottom: 3px solid var(--primary); }

.tab-content-notify {
  min-height: 323px; }

.received-aggregator {
  margin: 70px 0px 70px 50px; }

.send-aggregator {
  margin: 70px 50px 70px 0px; }

.tabs-notifications .tabs-container {
  margin-top: 20px !important; }

.nav-pills-notifications a {
  display: flex !important;
  justify-content: center;
  align-items: center; }

.nav-pills-notifications li {
  width: 50% !important; }

.nav-pills-notifications .notification-amount {
  position: absolute;
  margin-left: 15px;
  color: var(--white);
  background: var(--primary);
  font-size: 12px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -12px; }

.nav-pills-notifications .notification-img {
  height: 30px; }

/*-------------------------------*/
/*         MY PERMISSONS        */
/*_____________________________*/
.permissions-people {
  max-height: 100% !important; }

.dahsboard-filter-permissons {
  width: 100% !important;
  justify-content: space-between !important; }
  .dahsboard-filter-permissons .aggragator-filter-permisson {
    display: flex;
    margin-left: 30px; }
  .dahsboard-filter-permissons .switch {
    margin-right: 30px; }

#name-permission {
  width: 100%; }

.aggregator-numbers-permissons {
  color: var(--secondary_dark);
  font-size: 12px;
  position: absolute;
  width: 65%;
  bottom: 25%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .aggregator-numbers-permissons .number-people-permissons {
    background: var(--grey_light);
    padding: 3px 10px;
    border-radius: 15px; }
    .aggregator-numbers-permissons .number-people-permissons .number-people-permisson {
      margin-left: 5px; }
    .aggregator-numbers-permissons .number-people-permissons img {
      width: 25px;
      filter: invert(54%) sepia(35%) saturate(796%) hue-rotate(145deg) brightness(97%) contrast(103%); }

.input-text-search {
  width: 100%; }

.col-search {
  padding-top: 20px; }

.check-div-permission {
  font-size: 12px;
  align-items: center;
  padding: 20px 20px 20px 0 !important;
  margin-left: 12px;
  margin-bottom: 30px;
  border: 1px solid var(--grey); }
  .check-div-permission .label-radio,
  .check-div-permission .label-check {
    display: flex;
    align-items: center;
    padding-left: 0 !important; }
  .check-div-permission .div-profile-pic {
    width: 50px;
    height: 50px;
    margin: auto 10px; }
    .check-div-permission .div-profile-pic .img-porf-permissions {
      width: 50px;
      height: 50px;
      object-position: center !important; }
  .check-div-permission .input-radio,
  .check-div-permission .input-check {
    left: -13px;
    position: relative; }
  .check-div-permission .input-check {
    background: var(--white); }

.permission-information {
  padding-top: 20px; }
  .permission-information .permission-info-input {
    padding-top: 0; }
  .permission-information .input-text {
    width: 100% !important; }

.title-permissions {
  display: flex; }
  .title-permissions .permission-selected {
    padding-left: 10px; }

.applied-to-permission {
  border-bottom: 1px solid var(--grey) !important; }

.list-people-permissions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px; }

/*-------------------------------*/
/*            DIV CONTROLS      */
/*_____________________________*/
.checkbox-div,
.select-box-div {
  padding: 0 20px;
  display: flex; }

/*---------------------------*/
/*     VIEW PROFILE BOXES    */
/*---------------------------*/
.profile-box-view {
  border-bottom: 1px solid var(--grey) !important; }

/*-------------------------------*/
/*            MY PEOPLE         */
/*_____________________________*/
.cards-connected {
  display: none; }

.aggregator-profile {
  display: flex; }
  .aggregator-profile .aggregator-name {
    display: inline;
    margin: auto 20px; }
    .aggregator-profile .aggregator-name h3 {
      display: inline;
      font-size: 16px; }
    .aggregator-profile .aggregator-name .align-rating {
      margin-left: -17px; }

.profile-boxes-peopleGeneral .input-label {
  display: block; }

.profile-box-company-name .button-save {
  width: 103px;
  height: 40px;
  background-color: var(--success);
  color: var(--white);
  margin-right: 15px;
  cursor: pointer;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 3.18;
  text-transform: uppercase; }

.request-connection-img {
  margin: 20px;
  margin-left: 50px;
  display: inline; }
  .request-connection-img img {
    width: 100px !important;
    height: 100px !important; }

/*-------------------------------*/
/*         PEOPLE PROFILE       */
/*_____________________________*/
.link-request {
  color: var(--secondary);
  text-decoration: underline; }
  .link-request:hover {
    color: var(--primary);
    text-decoration: underline; }

.font-h5 {
  font-size: 14px;
  line-height: 1.71;
  color: var(--secondary);
  margin-top: 15px;
  margin-bottom: 30px; }

.content-not-connected .col-md-6 {
  padding-top: 20px; }

/*-------------------------------*/
/*         MY PEOPLE INFO       */
/*_____________________________*/
.aggregator-check-message .checkbox-div {
  padding-left: 0;
  margin-bottom: 10px; }

.aggregator-check-message .input-aggregator {
  margin-top: 25px !important; }

.remove-connection-modal .request-connection-img {
  margin-top: 0; }

.create-permisson-group .btn-outline {
  height: 40px;
  padding: 0 20px;
  margin-right: 20px; }

.people-permission-modal .checkbox-div {
  margin-bottom: 15px; }

.permissons-notconnected {
  border-bottom: solid 1px var(--grey) !important; }

.modal.success {
  padding-bottom: 50px; }
  .modal.success .modal-inner-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .modal.success .profile-header {
    right: 30px;
    display: block !important;
    top: 20px;
    position: absolute; }
    .modal.success .profile-header img {
      float: right; }

.my-people-connections-not-connected {
  border-top: none !important; }

.link-card {
  color: var(--grey_dark);
  text-decoration: underline;
  transition: all 0.15s ease-in-out; }
  .link-card:hover {
    color: white;
    text-decoration: underline; }

.grid-add img {
  width: 25px; }

.people-permissions .delete-card {
  top: 20px !important; }

.people-permissions .grid-cards {
  margin-top: 20px; }

.people-permissions .grid-add {
  text-align: center; }
  .people-permissions .grid-add img {
    width: 25px; }

.people-permissions .grid-card {
  height: 100px; }
  .people-permissions .grid-card:hover .link-card {
    color: var(--white); }

.grid-card.selected {
  background: var(--primary_light); }
  .grid-card.selected h3 {
    color: var(--white); }

.selected-filter-notclickable {
  pointer-events: none; }

.profile-boxes-peopleGeneral {
  width: 100%; }
  .profile-boxes-peopleGeneral .profile-box:first-child {
    border-top: none; }

.text-span {
  font-weight: 600;
  margin-top: 20px;
  display: block; }

.profile-box-parent-companyinfo .checkbox-div {
  padding-left: 0; }
  .profile-box-parent-companyinfo .checkbox-div .label-radio {
    line-height: 2.3; }

.my-people-info-pic {
  margin: 0 10px;
  position: relative;
  display: inline; }
  .my-people-info-pic img {
    width: 50px !important;
    height: 50px !important;
    object-position: center !important; }

.people-permissions,
.my-people-connections {
  display: none; }

.profile-box-people-pic {
  max-height: 100px; }

.box-info {
  height: 50px;
  width: 100%;
  color: var(--white);
  font-weight: 600;
  margin-right: 16px;
  align-items: center;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.2s ease-in-out; }
  .box-info:hover {
    opacity: 0.7; }
  .box-info.box-authentication {
    margin-right: unset !important; }
    .box-info.box-authentication.box-authentication-wait-validation {
      padding-left: 50px; }
  .box-info.box-validate {
    cursor: default !important; }
    .box-info.box-validate:hover {
      opacity: 1 !important; }
  .box-info .pd-right {
    padding-right: 6px; }
  .box-info .box-text {
    font-size: 12px;
    max-width: 95px;
    text-align: right;
    display: flex;
    padding-right: 10px; }
  .box-info .box-code-text {
    text-overflow: ellipsis;
    max-width: 9ch;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .box-info .box-img-back {
    height: 62px;
    position: absolute;
    bottom: 0;
    right: -28px;
    opacity: 0.2; }
    .box-info .box-img-back.boxconnection-img-back {
      height: 73px;
      bottom: -11px;
      right: -25px; }
    .box-info .box-img-back.box-code-img-back {
      bottom: -6px;
      right: -12px;
      width: 50px; }
    .box-info .box-img-back.box-pending-requests {
      right: -19px;
      top: -6px;
      width: 60px; }
    .box-info .box-img-back.box-info-request-img-back {
      bottom: -5px;
      right: -61px;
      height: 60px;
      width: 153px; }
    .box-info .box-img-back.boxconnection-img-back {
      bottom: -11px;
      right: -25px;
      width: 70px; }
  .box-info .box-img {
    margin-left: 13px;
    height: 25px;
    width: 25px; }
    .box-info .box-img.box-connection-img {
      width: 35px;
      margin-left: 10px; }
    .box-info .box-img.box-code-img {
      width: 20px; }
  .box-info.box-info-request {
    background-color: var(--primary_dark); }
    .box-info.box-info-request .request-number,
    .box-info.box-info-request .session-number {
      font-size: 30px;
      font-weight: 500;
      margin-left: 13px; }
  .box-info.pending-requests {
    background: var(--warning); }
    .box-info.pending-requests .request-number {
      font-size: 30px;
      font-weight: 500;
      margin-left: 13px; }
  .box-info.box-requests {
    background-color: var(--warning);
    max-width: 178px; }
    .box-info.box-requests .number-requests {
      font-size: 30px;
      font-weight: 500;
      margin-left: 10px; }
  .box-info.box-code {
    background-color: var(--primary); }
  .box-info.box-connection {
    background-color: var(--secondary); }
  .box-info.box-authentication {
    flex-direction: column;
    align-items: flex-end;
    padding: 10px; }
    .box-info.box-authentication:hover .request-authentication {
      position: relative; }
      .box-info.box-authentication:hover .request-authentication .resquest-text {
        opacity: 1;
        visibility: visible;
        align-items: center;
        width: 70%;
        margin-left: 10px; }
      .box-info.box-authentication:hover .request-authentication + .hover-authentication {
        position: absolute;
        display: flex;
        opacity: 1;
        padding-left: 10px;
        left: 0;
        align-items: center;
        width: 76%; }
    .box-info.box-authentication.box-authentication-my-company {
      position: relative;
      flex-direction: initial;
      align-items: center;
      padding: 0;
      pointer-events: all;
      min-height: 50px !important;
      justify-content: flex-end; }
    .box-info.box-authentication fieldset {
      padding: 0 !important; }
    .box-info.box-authentication .box-text {
      max-width: none;
      width: 100%;
      display: contents;
      margin-top: 5px;
      display: block;
      padding: 0; }
  .box-info.background-red {
    background: var(--error); }
    .box-info.background-red .aggregate-request,
    .box-info.background-red .hover-authentication {
      background: var(--alert_delete); }
  .box-info.background-yellow {
    background: var(--warning); }
    .box-info.background-yellow .aggregate-request,
    .box-info.background-yellow .hover-authentication {
      background: var(--warning_dark); }
  .box-info.background-green {
    background: var(--success); }
    .box-info.background-green .aggregate-request,
    .box-info.background-green .hover-authentication {
      background: var(--success_dark); }

.box-full {
  cursor: default !important; }
  .box-full:hover {
    opacity: 0.9; }

/*-------------------------------*/
/*            DASHBOARD         */
/*_____________________________*/
.profile-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px 0 40px;
  background: white;
  border: solid 1px var(--grey); }
  .profile-info.profile-info-profile {
    margin: 0;
    margin-bottom: 50px;
    margin-top: 50px;
    width: 100%;
    border: none !important;
    box-shadow: 0 0 2px 1px var(--grey); }
    .profile-info.profile-info-profile .name-card-top {
      display: flex; }
      .profile-info.profile-info-profile .name-card-top h3 {
        font-size: 30px;
        margin: 0;
        line-height: 42px;
        color: var(--secondary_dark);
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 35ch;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-right: 0 !important; }
      .profile-info.profile-info-profile .name-card-top .aggragate-relation {
        display: flex; }
      .profile-info.profile-info-profile .name-card-top .aggregator-tooltip {
        position: relative;
        opacity: 0;
        width: 0;
        font-size: 12px;
        font-weight: 600;
        margin-left: 50px;
        background: var(--secondary);
        color: var(--white); }
        .profile-info.profile-info-profile .name-card-top .aggregator-tooltip::after {
          top: 10px;
          left: 0;
          border: solid transparent;
          content: ' ';
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(74, 74, 74, 0);
          border-right-color: var(--secondary);
          border-width: 10px;
          margin-left: -15px; }
      .profile-info.profile-info-profile .name-card-top .relation-img {
        margin-left: 10px;
        width: 25px;
        cursor: pointer; }
        .profile-info.profile-info-profile .name-card-top .relation-img:hover + .aggregator-tooltip {
          opacity: 1;
          padding: 10px;
          border-radius: 27px;
          position: absolute;
          width: auto;
          background: var(--secondary);
          align-items: center;
          display: flex; }
    .profile-info.profile-info-profile .box-authentication {
      max-width: 178px;
      width: 178px; }
      .profile-info.profile-info-profile .box-authentication.grey {
        align-items: center;
        background: var(--grey_dark); }
        .profile-info.profile-info-profile .box-authentication.grey .validation-required-text {
          font-size: 14px;
          line-height: 32px; }
    .profile-info.profile-info-profile .aggregator-first {
      justify-content: flex-start;
      display: flex;
      flex-direction: column; }
      .profile-info.profile-info-profile .aggregator-first .aggregate-lang-and-country {
        font-size: 12px;
        color: var(--grey_dark);
        line-height: 5px; }
    .profile-info.profile-info-profile .aggregator-second {
      justify-content: flex-end; }
  .profile-info .aggregator-second,
  .profile-info .aggregator-first {
    display: flex;
    flex: 50%;
    margin-right: 10px; }
  .profile-info .profile-info-bottom {
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between; }
    .profile-info .profile-info-bottom .aggregate-cards {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 83%;
      height: auto;
      position: relative;
      padding-right: 15px; }
      .profile-info .profile-info-bottom .aggregate-cards .aggregator-second {
        margin-right: 18px; }
    .profile-info .profile-info-bottom .user-info {
      position: relative;
      top: -72px;
      left: 20px;
      width: 168px; }
      .profile-info .profile-info-bottom .user-info:hover .upload-profile-img {
        opacity: 1; }
      .profile-info .profile-info-bottom .user-info .upload-profile-img {
        height: 50%;
        bottom: 0;
        position: absolute;
        width: 100%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        border-radius: 0 0 60px 60px;
        transition: all 0.3s ease-in-out; }
        .profile-info .profile-info-bottom .user-info .upload-profile-img .upload-img {
          height: 30px; }
        .profile-info .profile-info-bottom .user-info .upload-profile-img .text-upload-img {
          font-size: 12px;
          font-weight: 600;
          color: var(--white); }
        .profile-info .profile-info-bottom .user-info .upload-profile-img.mobile {
          opacity: 1 !important; }
      .profile-info .profile-info-bottom .user-info .user-menu-img {
        height: 137px;
        width: 137px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .profile-info .profile-info-bottom .user-info .user-menu-img .user-menu-img-border {
          overflow: hidden;
          position: absolute;
          width: 137px;
          height: 137px;
          border-radius: 50%;
          border: 2px solid var(--secondary_dark);
          background: var(--white); }
        .profile-info .profile-info-bottom .user-info .user-menu-img img {
          width: 100%; }
    .profile-info .profile-info-bottom .option {
      display: flex;
      align-items: center;
      color: var(--secondary);
      padding: 10px 0;
      cursor: pointer; }
      .profile-info .profile-info-bottom .option:hover img {
        filter: invert(50%) sepia(87%) saturate(409%) hue-rotate(145deg) brightness(98%) contrast(87%); }
      .profile-info .profile-info-bottom .option:hover h4::before {
        width: 100%; }
      .profile-info .profile-info-bottom .option img {
        padding-right: 15px;
        transition: all 0.3s ease-in-out; }
      .profile-info .profile-info-bottom .option h4 {
        font-size: 14px;
        margin-bottom: 0;
        position: relative; }
        .profile-info .profile-info-bottom .option h4::before {
          content: '';
          height: 2px;
          width: 0;
          left: 0;
          margin-top: 20px;
          background: var(--primary);
          position: absolute;
          transition: width 0.3s ease-in-out; }
  .profile-info .profile-info-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    width: 100%;
    overflow: hidden; }
    .profile-info .profile-info-top .background-img-dash {
      height: 100%;
      width: 100%;
      background-size: cover !important; }
      .profile-info .profile-info-top .background-img-dash.background-img-sessions {
        background-position: left !important; }
    .profile-info .profile-info-top .upload-img-link {
      position: absolute;
      display: flex;
      align-items: center;
      right: 10px;
      top: 10px;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      background: rgba(0, 0, 0, 0.2); }
      .profile-info .profile-info-top .upload-img-link img {
        width: 30px;
        padding: 2px;
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(187deg) brightness(103%) contrast(102%);
        opacity: 0.6; }
      .profile-info .profile-info-top .upload-img-link:hover {
        background: rgba(0, 0, 0, 0.4);
        padding-right: 6px; }
        .profile-info .profile-info-top .upload-img-link:hover img {
          opacity: 1; }
        .profile-info .profile-info-top .upload-img-link:hover .text-upload-img {
          opacity: 1;
          visibility: visible;
          width: initial; }
      .profile-info .profile-info-top .upload-img-link .text-upload-img {
        font-size: 12px;
        font-weight: 600;
        opacity: 0;
        visibility: hidden;
        width: 0; }

.not-active {
  background: var(--white);
  border: 1px solid var(--grey);
  margin-left: 42px !important;
  height: 280px; }
  .not-active div {
    display: flex;
    align-items: center; }
    .not-active div.not-active-img {
      justify-content: center; }
    .not-active div.not-active-text {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
      .not-active div.not-active-text h5 {
        font-size: 18px;
        color: var(--secondary_dark); }
      .not-active div.not-active-text p {
        line-height: 1.8;
        margin-bottom: 0;
        font-size: 14px;
        color: var(--secondary_light); }

.show-info {
  align-items: center;
  min-width: 224px;
  height: 50px;
  background-color: var(--background);
  border: 2px solid var(--grey);
  padding: 0px 10px;
  display: flex;
  margin: 20px 0; }
  .show-info .show-info-aggregator {
    flex-direction: column;
    align-items: flex-start; }
  .show-info .show-info-title {
    font-size: 13px;
    display: block; }
  .show-info .show-info-text {
    font-size: 13px;
    display: block;
    font-weight: 600; }

/*AUTHENTICATION*/
.aggregate-request {
  cursor: pointer;
  height: 100%;
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out; }
  .aggregate-request:hover .resquest-text {
    opacity: 1;
    visibility: visible;
    align-items: center;
    width: 70%;
    margin-left: 10px; }
  .aggregate-request:hover + .hover-authentication {
    position: absolute;
    display: flex;
    opacity: 1;
    padding-left: 10px;
    left: 0;
    align-items: center;
    width: 76%; }

.hover-authentication {
  opacity: 0;
  width: 0;
  height: 50px; }

.request-icon {
  width: 20px;
  cursor: pointer; }

.aggregate-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 20px;
  pointer-events: none; }

.resquest-text {
  font-size: 12px;
  font-weight: 600;
  text-align: left; }

.edit-mail-button,
.cancel-edit-mail-button {
  position: absolute;
  right: 15px;
  height: 65%;
  margin: 8px 0;
  align-items: center;
  display: flex;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  width: 0;
  overflow: hidden; }
  .edit-mail-button svg,
  .cancel-edit-mail-button svg {
    width: 15px; }
  .edit-mail-button .text-edit-mail-hover,
  .edit-mail-button .text-cancel-edit-mail-hover,
  .cancel-edit-mail-button .text-edit-mail-hover,
  .cancel-edit-mail-button .text-cancel-edit-mail-hover {
    opacity: 0;
    width: 0;
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    transition: width 0.5s ease-in-out; }
  .edit-mail-button.active,
  .cancel-edit-mail-button.active {
    opacity: 1;
    width: auto; }
  .edit-mail-button:hover,
  .cancel-edit-mail-button:hover {
    background: var(--secondary_light); }
  .edit-mail-button:active, .edit-mail-button:focus, .edit-mail-button:visited,
  .cancel-edit-mail-button:active,
  .cancel-edit-mail-button:focus,
  .cancel-edit-mail-button:visited {
    background: var(--primary); }
  .edit-mail-button:hover, .edit-mail-button:active, .edit-mail-button:focus,
  .cancel-edit-mail-button:hover,
  .cancel-edit-mail-button:active,
  .cancel-edit-mail-button:focus {
    padding: 10px; }
    .edit-mail-button:hover .text-edit-mail-hover, .edit-mail-button:active .text-edit-mail-hover, .edit-mail-button:focus .text-edit-mail-hover,
    .cancel-edit-mail-button:hover .text-edit-mail-hover,
    .cancel-edit-mail-button:active .text-edit-mail-hover,
    .cancel-edit-mail-button:focus .text-edit-mail-hover {
      opacity: 1;
      width: 30px; }
    .edit-mail-button:hover .text-cancel-edit-mail-hover, .edit-mail-button:active .text-cancel-edit-mail-hover, .edit-mail-button:focus .text-cancel-edit-mail-hover,
    .cancel-edit-mail-button:hover .text-cancel-edit-mail-hover,
    .cancel-edit-mail-button:active .text-cancel-edit-mail-hover,
    .cancel-edit-mail-button:focus .text-cancel-edit-mail-hover {
      opacity: 1;
      width: 50px; }
    .edit-mail-button:hover .edit-mail-icon path, .edit-mail-button:active .edit-mail-icon path, .edit-mail-button:focus .edit-mail-icon path,
    .cancel-edit-mail-button:hover .edit-mail-icon path,
    .cancel-edit-mail-button:active .edit-mail-icon path,
    .cancel-edit-mail-button:focus .edit-mail-icon path {
      fill: var(--white); }

#edit-email-button {
  background: var(--success);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  margin: 0;
  height: 0;
  min-height: unset;
  transition: all 0.5s ease-in-out; }
  #edit-email-button img {
    width: 25px;
    filter: invert(96%) sepia(96%) saturate(14%) hue-rotate(228deg) brightness(102%) contrast(100%); }
  #edit-email-button.active {
    opacity: 1;
    height: 50px;
    margin-bottom: 26px;
    margin-top: -15px; }
  #edit-email-button .text-change-mail {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer; }
  #edit-email-button .accept-mail {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding-left: 15px;
    color: var(--white); }
  #edit-email-button:hover {
    opacity: 0.8; }
  #edit-email-button.accept-mail {
    cursor: pointer;
    background: var(--success);
    border: none; }
    #edit-email-button.accept-mail .text-change-mail {
      display: none; }
    #edit-email-button.accept-mail .accept-mail-div {
      display: flex; }
    #edit-email-button.accept-mail .accept-final-mail-div {
      display: none; }
  #edit-email-button.accept-final-mail {
    background: var(--success);
    border: none; }
    #edit-email-button.accept-final-mail .accept-final-mail-div {
      display: flex; }
      #edit-email-button.accept-final-mail .accept-final-mail-div img {
        width: 25px; }
    #edit-email-button.accept-final-mail .accept-mail-div {
      display: none; }
    #edit-email-button.accept-final-mail .text-change-mail {
      display: none; }

.general-data-ratting .rating-aggregator {
  padding-top: 0;
  padding-bottom: 20px; }

.input-label-classify {
  display: block;
  color: var(--grey_dark); }
  .input-label-classify img {
    filter: invert(42%) sepia(9%) saturate(0%) hue-rotate(147deg) brightness(109%) contrast(98%) !important; }
  .input-label-classify + .placeholder-img {
    display: none; }

.edit-image-upload {
  min-height: 150px; }

#company-background-overview {
  min-height: 150px; }

.owner-div {
  position: absolute;
  top: 0;
  right: -12px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  background: var(--primary_dark);
  border-radius: 50%; }
  .owner-div.delete {
    right: 0; }
  .owner-div.admin {
    background: var(--warning); }
    .owner-div.admin img {
      filter: invert(100%) sepia(100%) saturate(16%) hue-rotate(226deg) brightness(103%) contrast(106%);
      width: 15px !important; }
  .owner-div .card-king-icon {
    width: 17px !important; }

.div-dash {
  margin: 0 0 0 50px; }
  .div-dash .div-title-cards {
    padding: 30px 0;
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    justify-content: space-between; }
    .div-dash .div-title-cards.div-title-people::before {
      left: 188px; }
    .div-dash .div-title-cards .title-cards-aggregator {
      display: flex;
      width: 100%;
      position: relative; }
    .div-dash .div-title-cards .separator-tabs {
      display: flex;
      flex: 0 0 100%;
      position: absolute;
      right: 0; }
      .div-dash .div-title-cards .separator-tabs .connect-tab {
        padding-left: 20px;
        font-size: 14px;
        color: var(--secondary_dark);
        cursor: pointer;
        position: relative; }
        .div-dash .div-title-cards .separator-tabs .connect-tab.active {
          font-weight: 600; }
          .div-dash .div-title-cards .separator-tabs .connect-tab.active:before {
            position: absolute;
            content: '';
            background: var(--primary);
            height: 3px;
            width: 30px;
            bottom: -5px; }
    .div-dash .div-title-cards .title-cards {
      color: var(--secondary);
      font-weight: 500;
      position: relative;
      overflow: hidden;
      margin-right: 5px; }
  .div-dash .grid-dash {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-gap: 20px; }
    .div-dash .grid-dash.not-connected-grid {
      display: flex; }
      .div-dash .grid-dash.not-connected-grid a {
        min-width: 140px; }
    .div-dash .grid-dash:last-child {
      margin-right: 0; }
    .div-dash .grid-dash a {
      margin-bottom: 20px; }
    .div-dash .grid-dash .not-connect-companies {
      display: flex; }
    .div-dash .grid-dash .not-connect-cards {
      flex: 1 60%;
      align-items: center;
      max-height: 150px;
      background: var(--white);
      padding: 30px;
      border: solid 1px var(--grey);
      position: relative;
      overflow: hidden; }
      .div-dash .grid-dash .not-connect-cards.not-connect-people {
        margin-left: 0; }
      .div-dash .grid-dash .not-connect-cards .img-opacity {
        position: absolute;
        height: 150px;
        width: 150px;
        right: -57px;
        bottom: 0;
        opacity: 0.3; }
      .div-dash .grid-dash .not-connect-cards .not-connect-cards-text {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        color: var(--secondary_light);
        font-size: 16px; }
    .div-dash .grid-dash .grid-card {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 140px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.17;
      cursor: pointer;
      color: var(--secondary_light);
      transition: all 0.4s ease-in-out; }
      .div-dash .grid-dash .grid-card.grid-multi-comp {
        background: var(--white);
        border: solid 1px var(--grey);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .div-dash .grid-dash .grid-card.grid-multi-comp .total-num {
          font-weight: 500;
          color: var(--secondary);
          font-size: 50px; }
        .div-dash .grid-dash .grid-card.grid-multi-comp .plus-img {
          width: 25px;
          margin-bottom: 8px;
          margin-left: -9px; }
        .div-dash .grid-dash .grid-card.grid-multi-comp .multi-text {
          font-size: 14px;
          padding-top: 12px; }
        .div-dash .grid-dash .grid-card.grid-multi-comp:hover {
          background: var(--primary_light); }
        .div-dash .grid-dash .grid-card.grid-multi-comp .view-more-div {
          color: var(--grey_medium);
          font-weight: 500;
          font-size: 12px;
          padding-top: 6px !important; }
          .div-dash .grid-dash .grid-card.grid-multi-comp .view-more-div .view-more {
            text-decoration: underline; }
      .div-dash .grid-dash .grid-card.grid-basic {
        border: solid 1px var(--grey);
        background: var(--white); }
        .div-dash .grid-dash .grid-card.grid-basic:hover {
          background: var(--primary_light); }
        .div-dash .grid-dash .grid-card.grid-basic h3 {
          font-size: 12px;
          font-weight: 600;
          max-width: 81%;
          margin: 0 10px;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 13ch;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        .div-dash .grid-dash .grid-card.grid-basic .grid-img {
          width: 60px;
          height: 60px;
          margin: 15px 0;
          position: relative;
          background: var(--white);
          border-radius: 50%; }
          .div-dash .grid-dash .grid-card.grid-basic .grid-img img {
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: 50%; }
          .div-dash .grid-dash .grid-card.grid-basic .grid-img .grid-img-border {
            position: absolute;
            content: '';
            top: 49%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 1px solid var(--black); }
      .div-dash .grid-dash .grid-card.grid-add {
        border: 1px dashed var(--grey_dark);
        background: var(--background); }
        .div-dash .grid-dash .grid-card.grid-add span {
          width: 50%;
          text-align: center; }
      .div-dash .grid-dash .grid-card.create-company:hover {
        background: var(--primary_light); }

#my-connections[name='codeforinfo'] {
  display: none; }

.connected-to-me-content {
  display: none; }
  .connected-to-me-content.active {
    display: block; }
    .connected-to-me-content.active.not-connect-cards {
      display: flex; }

.connect-with-me-content {
  display: none; }
  .connect-with-me-content.active {
    display: block; }
    .connect-with-me-content.active.not-connect-cards {
      display: flex; }

/*-------------------------------*/
/*     DASHBOARD-COMPANY        */
/*_____________________________*/
.profile-header-non-click {
  display: flex; }
  .profile-header-non-click .aggregate-tabs {
    flex: 60%;
    display: flex;
    position: relative; }
  .profile-header-non-click .aggregate-buttons {
    flex: 40%;
    display: flex;
    justify-content: flex-end; }
  .profile-header-non-click h2 {
    padding: 25px 0 25px 20px;
    cursor: pointer; }
    .profile-header-non-click h2::before {
      position: absolute;
      content: '';
      bottom: -2px;
      width: 20px;
      height: 3px;
      background: var(--primary); }

/*-------------------------------*/
/*            PROFILE            */
/*_____________________________*/
.center-edit-profile {
  padding-right: 20px;
  padding-left: 10px; }

.input-aggregator {
  margin-left: 0px; }

.select-box-div {
  padding-left: 0px; }

.select2-selection:hover {
  border: 0.5px solid var(--primary); }

/*THIS IS FOR THE DRAG CONTENT*/
.drag-content {
  cursor: pointer;
  width: 100%;
  border: dashed 1px var(--grey);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  /*IMAGE*/
  /*TEXT*/ }
  .drag-content .drag-content-add {
    width: 50px;
    height: 50px;
    border: 1px solid var(--grey);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px; }
  .drag-content p {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--grey);
    margin: 0px; }

.new-image-upload {
  display: flex;
  align-items: center;
  justify-content: center; }

/*UPLOAD IMAGE OVERLAY*/
.modal .modal-container {
  height: auto;
  /*DELETE BUTTON*/
  /*RADIO BUTTON*/
  /*FOOTER*/ }
  .modal .modal-container .profile-header {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .modal .modal-container .profile-header svg {
      cursor: pointer;
      width: 13px;
      height: 13px; }
  .modal .modal-container #upload-image-preview {
    position: relative;
    height: 422px;
    border-radius: 0; }
    .modal .modal-container #upload-image-preview .crop-overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      background: rgba(255, 255, 255, 0.5);
      z-index: 2; }
    .modal .modal-container #upload-image-preview .preview-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat; }
  .modal .modal-container .delete-button {
    float: right;
    font-weight: bold;
    cursor: pointer;
    width: 116px;
    height: 40px;
    background-color: var(--error);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 11px; }
    .modal .modal-container .delete-button img {
      margin-right: 10px;
      filter: invert(100%) sepia(4%) saturate(395%) hue-rotate(173deg) brightness(119%) contrast(100%);
      width: 15px;
      height: 15px; }
  .modal .modal-container .upload-image-radio {
    margin-top: 20px;
    display: flex; }
    .modal .modal-container .upload-image-radio .checkbox-div {
      display: flex;
      align-items: center;
      padding-left: 0px;
      font-size: 12px; }
  .modal .modal-container .profile-save-changes {
    position: absolute;
    left: 0;
    background: var(--white);
    padding-left: 21px; }

.modal.active {
  opacity: 1;
  visibility: visible; }
  .modal.active .upload-image-container {
    transform: scale(1); }

.profile {
  /*PROFILE BOXES*/
  /*COMPANY LOGO*/
  /*COMPANY BACKGROUND*/
  /*COMPANY LOGO AND COMPANY BACKGROUND SHARED STYLES*/ }
  .profile .profile-boxes {
    transition: all 0.3s ease-in-out; }
    .profile .profile-boxes .profile-box-parent {
      /*UPLOAD BACKGROUND OPTIONS*/ }
      .profile .profile-boxes .profile-box-parent > .row {
        margin: 0; }
      .profile .profile-boxes .profile-box-parent .background-options {
        width: 65%;
        margin-top: 30px;
        justify-content: space-between;
        /*CHECKBOX*/
        /*UPGRADE ACCOUNT*/ }
        .profile .profile-boxes .profile-box-parent .background-options .checkbox-div {
          padding: 0px; }
        .profile .profile-boxes .profile-box-parent .background-options input {
          width: 25px !important; }
        .profile .profile-boxes .profile-box-parent .background-options .profile-upgrade-account {
          position: relative; }
          .profile .profile-boxes .profile-box-parent .background-options .profile-upgrade-account .upgrade-button {
            margin-left: 35px;
            padding: 3px 12px 12px 12px;
            font-size: 10px;
            font-weight: 600;
            line-height: 1.4;
            color: var(--white);
            background: var(--primary); }
  .profile #company-logo #company-logo-overview {
    max-width: 300px;
    max-height: 300px;
    height: 100%;
    width: 100%; }
  .profile #company-background {
    width: 100%;
    border-radius: 0; }
    .profile #company-background #company-background-overview {
      max-width: 790px;
      max-height: 444px;
      width: 100%;
      height: 100%; }
  .profile #company-logo #company-background-overview,
  .profile #company-logo #company-logo-overview,
  .profile #company-background #company-background-overview,
  .profile #company-background #company-logo-overview {
    display: none; }
  .profile #company-logo.active,
  .profile #company-background.active {
    background: rgba(0, 0, 0, 0.01);
    padding: 10px; }
    .profile #company-logo.active .dz-default,
    .profile #company-background.active .dz-default {
      display: none; }
    .profile #company-logo.active #company-logo-overview,
    .profile #company-logo.active #company-background-overview,
    .profile #company-background.active #company-logo-overview,
    .profile #company-background.active #company-background-overview {
      display: block; }
  .profile .background-visibility {
    margin-top: 20px; }
  .profile .background-styles,
  .profile .background-visibility {
    display: flex;
    justify-content: space-between; }

/*FIXED FOOTER BOTTOM*/
.profile-save-changes {
  position: fixed;
  width: 100%;
  display: flex;
  border-top: 1px solid var(--grey);
  background: var(--background);
  bottom: 0;
  padding: 10px;
  z-index: 99; }
  .profile-save-changes .button-save,
  .profile-save-changes .button-cancel {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    line-height: 3.18; }
    .profile-save-changes .button-save img,
    .profile-save-changes .button-cancel img {
      margin-right: 6px; }
  .profile-save-changes .button-save {
    width: 103px;
    height: 40px;
    background-color: var(--success);
    color: var(--white);
    margin-right: 15px; }
  .profile-save-changes .button-cancel {
    padding: 0 20px;
    height: 40px;
    border: solid 2px var(--secondary_light);
    color: var(--secondary); }
    .profile-save-changes .button-cancel img {
      filter: invert(25%) sepia(6%) saturate(20%) hue-rotate(326deg) brightness(33%) contrast(80%); }

/*---------------------------*/
/*          SESSIONS         */
/*---------------------------*/
.col-sessions {
  padding-left: 15px;
  padding-bottom: 25px; }

.aggregator-filter-title {
  display: flex;
  padding-left: 30px; }

.sessions-filter {
  width: 100% !important;
  justify-content: space-between !important; }
  .sessions-filter .switch {
    margin-right: 30px; }

.filter-img {
  display: none; }

#table table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

#table table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

#table table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0.35em; }

#table table th,
#table table td {
  padding: 0.625em;
  text-align: center; }

#table table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

@media screen and (max-width: 600px) {
  #table table {
    border: 0; }
  #table table caption {
    font-size: 1.3em; }
  #table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  #table table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  #table table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right; }
  #table table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  #table table td:last-child {
    border-bottom: 0; } }

.table-pagination .big {
  min-width: 56px; }

.table-pagination input {
  height: 40px;
  width: 100%;
  display: block;
  min-width: 56px;
  outline-color: var(--primary); }

.table-pagination ul {
  display: flex;
  padding: 0;
  margin-top: 20px; }
  .table-pagination ul li {
    list-style-type: none;
    width: 40px;
    height: 40px;
    border: solid 1px var(--grey);
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center; }
    .table-pagination ul li.disabled span {
      color: var(--secondary_light); }
    .table-pagination ul li.active {
      background-color: #28aaca; }
      .table-pagination ul li.active span {
        color: var(--white); }
    .table-pagination ul li a.page-link {
      padding: 10px;
      margin-left: 0;
      color: var(--secondary_light);
      background-color: transparent;
      border: none; }
    .table-pagination ul li:nth-child(1) {
      width: 50px;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px; }
    .table-pagination ul li:last-child {
      width: 50px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px; }

.table-sessions {
  border-bottom: solid 1px var(--grey); }
  .table-sessions .table-header .column {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    color: var(--secondary);
    height: 54px; }
  .table-sessions .table-body .mobile-header {
    display: none;
    border-right: solid 1px var(--grey);
    background-color: var(--white); }
  .table-sessions .table-body .column {
    font-size: 12px;
    line-height: 1.17;
    color: var(--secondary_dark);
    height: 50px; }
  .table-sessions .table-body .table-body-item {
    display: flex;
    align-items: center; }
    .table-sessions .table-body .table-body-item .table-item-img {
      padding-right: 10px; }
      .table-sessions .table-body .table-body-item .table-item-img img {
        height: 30px;
        width: 30px;
        border: 1px solid var(--black);
        border-radius: 50%; }
    .table-sessions .table-body .table-body-item .table-item-text {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      overflow-wrap: break-word; }
      .table-sessions .table-body .table-body-item .table-item-text .table-item-item {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 180px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
        .table-sessions .table-body .table-body-item .table-item-text .table-item-item.table-item-first {
          color: var(--secondary);
          font-weight: 500; }
        .table-sessions .table-body .table-body-item .table-item-text .table-item-item.table-item-secound {
          color: var(--secondary_light); }
  .table-sessions .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border: solid 1px var(--grey);
    background-color: var(--white); }
  .table-sessions .row-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border: solid 1px var(--grey);
    border-bottom: none;
    background-color: var(--white); }
  .table-sessions .column {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 4px;
    display: flex;
    justify-content: center; }

#body-error-page,
#body-mail-change {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px; }
  #body-error-page div.error-aggregator,
  #body-error-page .message-aggregator,
  #body-mail-change div.error-aggregator,
  #body-mail-change .message-aggregator {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    #body-error-page div.error-aggregator h3,
    #body-error-page .message-aggregator h3,
    #body-mail-change div.error-aggregator h3,
    #body-mail-change .message-aggregator h3 {
      font-size: 2rem;
      font-weight: 600;
      line-height: 0.8;
      color: var(--secondary_dark);
      margin-top: 40px;
      text-align: center; }
    #body-error-page div.error-aggregator .return-button,
    #body-error-page .message-aggregator .return-button,
    #body-mail-change div.error-aggregator .return-button,
    #body-mail-change .message-aggregator .return-button {
      margin-top: 50px;
      display: inline-block;
      width: 193px;
      height: 50px; }
    #body-error-page div.error-aggregator p.error-text,
    #body-error-page div.error-aggregator p.message-text,
    #body-error-page .message-aggregator p.error-text,
    #body-error-page .message-aggregator p.message-text,
    #body-mail-change div.error-aggregator p.error-text,
    #body-mail-change div.error-aggregator p.message-text,
    #body-mail-change .message-aggregator p.error-text,
    #body-mail-change .message-aggregator p.message-text {
      width: 424px;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.94;
      text-align: center;
      color: var(--secondary);
      margin-top: 20px; }
    #body-error-page div.error-aggregator img,
    #body-error-page .message-aggregator img,
    #body-mail-change div.error-aggregator img,
    #body-mail-change .message-aggregator img {
      width: 90%;
      height: auto;
      max-width: 970px;
      max-height: 430px; }

.filter-options.filter-options-sessions .row .col-sm-3 {
  padding-right: 0; }
  .filter-options.filter-options-sessions .row .col-sm-3 .select-box-div {
    padding-right: 0;
    padding-bottom: 15px; }

.filter-options.filter-options-sessions .row .col-sm-6 {
  padding-right: 0; }

#accordion {
  background: var(--white); }
  #accordion #heading0 {
    border-top: 1px solid var(--grey); }
  #accordion .panel {
    border-bottom: 1px solid var(--grey); }
    #accordion .panel .panel-title {
      margin: 0;
      font-size: 16px; }
      #accordion .panel .panel-title a {
        color: var(--secondary_dark);
        height: 100%;
        width: 100%;
        display: block;
        line-height: 2.5;
        padding-left: 20px; }

.pie-shart-col .pie-container {
  background-color: white;
  min-height: 400px;
  border: solid 1px var(--grey); }

.pie-shart-col .profile-header {
  padding: 20px 30px 20px; }

.chart-resize {
  position: relative;
  display: block;
  width: 300px;
  margin: auto; }

.date-filter .panel-default {
  background: var(--grey_light); }
  .date-filter .panel-default:first-child {
    background-color: var(--white); }

.date-filter .tab-content {
  border: solid 1px var(--grey);
  border-top: solid 1px transparent; }

.date-filter .tabs-container .top-people-aggregator,
.date-filter .panel-body .top-people-aggregator {
  display: flex;
  justify-content: center;
  padding-bottom: 25px; }
  .date-filter .tabs-container .top-people-aggregator .people-box,
  .date-filter .panel-body .top-people-aggregator .people-box {
    height: 90px;
    width: 90px;
    display: flex;
    border: solid 1px var(--grey_light);
    position: relative;
    margin: 0 10px; }
    .date-filter .tabs-container .top-people-aggregator .people-box:first-child,
    .date-filter .panel-body .top-people-aggregator .people-box:first-child {
      margin-left: 0; }
    .date-filter .tabs-container .top-people-aggregator .people-box:last-child,
    .date-filter .panel-body .top-people-aggregator .people-box:last-child {
      margin-right: 0; }
    .date-filter .tabs-container .top-people-aggregator .people-box:after,
    .date-filter .panel-body .top-people-aggregator .people-box:after {
      left: 0;
      bottom: 0;
      transition-delay: 0.6s; }
    .date-filter .tabs-container .top-people-aggregator .people-box:before,
    .date-filter .panel-body .top-people-aggregator .people-box:before {
      right: 0;
      top: 0;
      transition-delay: 0.2s; }
    .date-filter .tabs-container .top-people-aggregator .people-box:before, .date-filter .tabs-container .top-people-aggregator .people-box:after,
    .date-filter .panel-body .top-people-aggregator .people-box:before,
    .date-filter .panel-body .top-people-aggregator .people-box:after {
      content: '';
      width: 0;
      height: 2px;
      position: absolute;
      transition: all 0.2s linear;
      background: var(--primary); }
    .date-filter .tabs-container .top-people-aggregator .people-box:hover:after,
    .date-filter .panel-body .top-people-aggregator .people-box:hover:after {
      transition-delay: 0s; }
    .date-filter .tabs-container .top-people-aggregator .people-box:hover:before,
    .date-filter .panel-body .top-people-aggregator .people-box:hover:before {
      transition-delay: 0.4s; }
    .date-filter .tabs-container .top-people-aggregator .people-box:hover:before, .date-filter .tabs-container .top-people-aggregator .people-box:hover:after,
    .date-filter .panel-body .top-people-aggregator .people-box:hover:before,
    .date-filter .panel-body .top-people-aggregator .people-box:hover:after {
      width: 100%; }
    .date-filter .tabs-container .top-people-aggregator .people-box:hover .div-pic:after,
    .date-filter .panel-body .top-people-aggregator .people-box:hover .div-pic:after {
      transition-delay: 0.2s; }
    .date-filter .tabs-container .top-people-aggregator .people-box:hover .div-pic:before,
    .date-filter .panel-body .top-people-aggregator .people-box:hover .div-pic:before {
      transition-delay: 0.6s; }
    .date-filter .tabs-container .top-people-aggregator .people-box:hover .div-pic:before, .date-filter .tabs-container .top-people-aggregator .people-box:hover .div-pic:after,
    .date-filter .panel-body .top-people-aggregator .people-box:hover .div-pic:before,
    .date-filter .panel-body .top-people-aggregator .people-box:hover .div-pic:after {
      height: 100%; }
    .date-filter .tabs-container .top-people-aggregator .people-box .div-pic,
    .date-filter .panel-body .top-people-aggregator .people-box .div-pic {
      width: 56px;
      height: 56px;
      margin: auto; }
      .date-filter .tabs-container .top-people-aggregator .people-box .div-pic:before, .date-filter .tabs-container .top-people-aggregator .people-box .div-pic:after,
      .date-filter .panel-body .top-people-aggregator .people-box .div-pic:before,
      .date-filter .panel-body .top-people-aggregator .people-box .div-pic:after {
        content: '';
        width: 2px;
        height: 0;
        position: absolute;
        transition: all 0.2s linear;
        background: var(--primary); }
      .date-filter .tabs-container .top-people-aggregator .people-box .div-pic:after,
      .date-filter .panel-body .top-people-aggregator .people-box .div-pic:after {
        transition-delay: 0.4s;
        right: 0;
        bottom: 0; }
      .date-filter .tabs-container .top-people-aggregator .people-box .div-pic:before,
      .date-filter .panel-body .top-people-aggregator .people-box .div-pic:before {
        transition-delay: 0s;
        left: 0;
        top: 0; }
      .date-filter .tabs-container .top-people-aggregator .people-box .div-pic .img-profile-pic,
      .date-filter .panel-body .top-people-aggregator .people-box .div-pic .img-profile-pic {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center right;
        border: solid 2px var(--secondary_dark); }

.date-filter .tabs-container .tab-content,
.date-filter .panel-body .tab-content {
  background-color: var(--white); }

.date-filter .tabs-container .info-session,
.date-filter .panel-body .info-session {
  display: flex;
  flex-direction: column;
  text-align: center; }
  .date-filter .tabs-container .info-session .session-number,
  .date-filter .panel-body .info-session .session-number {
    font-size: 100px;
    font-weight: 500;
    color: var(--secondary_dark); }
  .date-filter .tabs-container .info-session .session-text,
  .date-filter .panel-body .info-session .session-text {
    font-weight: 500;
    color: var(--secondary); }

.date-filter .tabs-container .align-text,
.date-filter .panel-body .align-text {
  display: flex;
  flex-direction: column; }

.date-filter .tabs-container .text-top-people,
.date-filter .panel-body .text-top-people {
  font-weight: 600;
  color: var(--grey);
  font-size: 12px;
  padding-left: 30px; }

.date-filter ul {
  justify-content: space-between; }
  .date-filter ul li {
    height: 75px;
    width: 25%;
    line-height: 4.5;
    text-align: center;
    background: rgba(255, 255, 255, 0.57); }
    .date-filter ul li:hover a {
      color: var(--primary);
      font-weight: 600; }
    .date-filter ul li a {
      height: 100%;
      display: block;
      border-bottom: 1px solid var(--grey);
      color: var(--secondary_dark); }
      .date-filter ul li a.active {
        background: var(--white);
        font-weight: 600;
        border: solid 1px var(--grey);
        border-bottom: none; }

/*---------------------------*/
/*       CHANGE PASSWORD     */
/*---------------------------*/
.img-account-denied {
  width: 65%; }

.center {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }
  .center .aggregator-all {
    min-height: 600px;
    background: var(--white);
    max-width: 900px;
    width: 100%;
    margin: auto;
    display: flex; }
    .center .aggregator-all .side-blue {
      width: 35%;
      display: flex;
      background: #145565;
      background: linear-gradient(0deg, #145565 0%, #28aaca 100%); }
      .center .aggregator-all .side-blue .aggregator-content {
        display: flex;
        flex-direction: column;
        color: var(--white);
        align-items: center;
        justify-content: center;
        width: 100%; }
        .center .aggregator-all .side-blue .aggregator-content .image-recover {
          padding-bottom: 40px; }
        .center .aggregator-all .side-blue .aggregator-content .aggregator-text {
          text-align: center;
          align-items: center;
          display: flex;
          flex-direction: column; }
          .center .aggregator-all .side-blue .aggregator-content .aggregator-text .text-recover {
            width: 70%;
            font-size: 16px; }
    .center .aggregator-all .side-white {
      width: 65%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--secondary); }
      .center .aggregator-all .side-white #btn-send-recover-password {
        width: 50%; }
      .center .aggregator-all .side-white #btn-back-niup {
        height: 50px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        margin-top: 40px;
        background: var(--primary); }

/*---------------------------*/
/*      MY CONNECTIONS       */
/*---------------------------*/
.title-connection-edit {
  font-size: 14px; }

.aggregate-title {
  display: flex;
  align-items: center;
  padding-top: 30px; }
  .aggregate-title h6 {
    margin: 0 10px; }
  .aggregate-title .switch {
    margin: 0; }

.aggregator-buttons-classify {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  grid-gap: 10px;
  padding-top: 20px;
  margin-right: 1vw; }
  .aggregator-buttons-classify .buttons-classify {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 75px;
    border: 1px solid var(--grey);
    cursor: pointer; }
    .aggregator-buttons-classify .buttons-classify img {
      filter: invert(49%) sepia(0%) saturate(2%) hue-rotate(287deg) brightness(95%) contrast(86%); }
    .aggregator-buttons-classify .buttons-classify::before {
      width: 100%;
      height: 0;
      background: var(--primary);
      position: absolute;
      bottom: 0;
      content: '';
      transition: height 0.2s ease-in-out; }
    .aggregator-buttons-classify .buttons-classify:hover::before, .aggregator-buttons-classify .buttons-classify:active::before, .aggregator-buttons-classify .buttons-classify.active::before {
      height: 3px; }
    .aggregator-buttons-classify .buttons-classify.button-user img {
      width: 17px; }
    .aggregator-buttons-classify .buttons-classify .text-button-classify {
      padding-top: 10px;
      font-size: 12px;
      font-weight: 600; }

.aggregator-offline-classify {
  display: flex;
  padding-top: 20px;
  align-items: center; }

.select-box-div {
  margin-bottom: 0 !important; }

.aggregator-plus-less {
  height: 50px;
  display: flex;
  align-items: center;
  border: 1px solid var(--grey);
  margin-right: 10px; }
  .aggregator-plus-less img {
    margin-right: 10px;
    cursor: pointer;
    width: 20px; }
  .aggregator-plus-less .less-icon {
    padding: 14px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .aggregator-plus-less .less-icon::before {
      content: '';
      height: 2px;
      width: 11px;
      background: var(--secondary_dark);
      right: 10px;
      cursor: pointer;
      position: absolute; }
  .aggregator-plus-less .number-offline-days {
    width: 50px;
    text-align: center; }

.aggregate-classification {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap; }
  .aggregate-classification .select-all,
  .aggregate-classification .unselect {
    position: relative;
    padding: 0 15px;
    height: 40px;
    border: 1px solid var(--grey);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer; }
    .aggregate-classification .select-all.select-all,
    .aggregate-classification .unselect.select-all {
      border-right: none; }
    .aggregate-classification .select-all.unselect,
    .aggregate-classification .unselect.unselect {
      margin-right: 20px; }
    .aggregate-classification .select-all::before,
    .aggregate-classification .unselect::before {
      content: '';
      position: absolute;
      background: var(--primary);
      height: 0;
      width: 100%;
      bottom: 0; }
    .aggregate-classification .select-all:hover::before, .aggregate-classification .select-all.active::before,
    .aggregate-classification .unselect:hover::before,
    .aggregate-classification .unselect.active::before {
      height: 3px; }

.check-scroll {
  margin-top: 10px;
  height: 114px;
  overflow-y: auto; }
  .check-scroll.select-check-type {
    height: 112px !important; }

.check-aggregator {
  display: flex;
  align-items: center;
  padding: 6px 0; }
  .check-aggregator label {
    padding-left: 10px;
    width: 100%;
    cursor: pointer; }

.search-classificarion input {
  height: 40px;
  background: url(/template/assets/img/search.svg) no-repeat left 8px center/15px;
  padding-left: 40px; }

.aggregator-hidden {
  position: absolute;
  bottom: 48px;
  border: 1px solid var(--grey);
  background: var(--white);
  padding-bottom: 0 !important;
  border-bottom: none;
  padding: 15px;
  left: -1px;
  width: 100.3%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  transition: all 0.2s ease-in-out; }
  .aggregator-hidden.select-check-classification {
    width: 101.2% !important; }
  .aggregator-hidden.active {
    height: 190px;
    opacity: 1;
    visibility: visible;
    z-index: 9; }
  .aggregator-hidden.open-down {
    top: 50px;
    border: 1px solid var(--grey);
    border-top: none;
    border-bottom: 1px solid var(--grey) !important; }
    .aggregator-hidden.open-down.select-see.active {
      height: 200px; }
    .aggregator-hidden.open-down.active {
      height: 310px;
      z-index: 999; }
    .aggregator-hidden.open-down .check-scroll {
      height: 235px;
      overflow-x: hidden; }

.aggregate-placeholder {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .aggregate-placeholder.active img {
    transform: rotate(270deg); }
  .aggregate-placeholder img {
    padding: 0 20px;
    transform: rotate(90deg); }

.select-check {
  position: relative;
  width: 74%;
  display: flex;
  align-items: center;
  border: solid 1px var(--grey);
  cursor: pointer; }
  .select-check .placeholder-select {
    padding: 0 20px; }

.select-check-connections-type .check-scroll {
  margin-top: 0 !important; }

.select-check-connections-type .aggregator-hidden {
  height: 125px !important; }

/*---------------------------*/
/*           SEARCH          */
/*---------------------------*/
.title-list-details h1 {
  font-size: 18px !important; }

.no-results-shown {
  font-size: 16px;
  font-weight: 500;
  color: var(--secondary); }

.tabs-titles-aggregator {
  border-bottom: 1px solid var(--grey);
  width: 100%;
  margin-bottom: 20px; }

.list-tabs h2 {
  font-size: 14px;
  color: var(--grey_dark);
  font-weight: 600;
  width: 100% !important;
  padding: 0 30px;
  padding-left: 0; }

.list-tabs .number-results {
  font-size: 10px;
  background: var(--grey_dark);
  border-radius: 25px;
  color: var(--white);
  display: inline-flex;
  padding: 2px 6px;
  margin-bottom: 5px; }

.list-tabs .profile-header-underline h2 {
  width: 100% !important; }

.list-tabs .profile-header-underline::before {
  height: 0; }

.list-tabs.hide {
  display: none; }

.list-tabs.active h2 {
  color: var(--secondary_dark); }

.list-tabs.active .profile-header-underline::before {
  height: 3px;
  width: 25px;
  background: var(--primary_dark); }

.list-tabs.active .number-results {
  background: var(--primary); }

.text-col {
  display: flex; }

.img-col img {
  max-width: 360px;
  width: 100%; }

.tab-list-all,
.tab-list-people,
.tab-list-companies,
.tab-list-permissions,
.tab-list-requests {
  opacity: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden; }
  .tab-list-all.active,
  .tab-list-people.active,
  .tab-list-companies.active,
  .tab-list-permissions.active,
  .tab-list-requests.active {
    opacity: 1;
    height: 100%;
    visibility: visible; }
    .tab-list-all.active .row,
    .tab-list-people.active .row,
    .tab-list-companies.active .row,
    .tab-list-permissions.active .row,
    .tab-list-requests.active .row {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-gap: 20px;
      margin: 0; }
      .tab-list-all.active .row.no-results,
      .tab-list-people.active .row.no-results,
      .tab-list-companies.active .row.no-results,
      .tab-list-permissions.active .row.no-results,
      .tab-list-requests.active .row.no-results {
        display: block; }
    .tab-list-all.active .user-card .user-card-username,
    .tab-list-people.active .user-card .user-card-username,
    .tab-list-companies.active .user-card .user-card-username,
    .tab-list-permissions.active .user-card .user-card-username,
    .tab-list-requests.active .user-card .user-card-username {
      max-width: 22ch !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 1 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important; }
  .tab-list-all .list-card a,
  .tab-list-all .list-card .association-request-event,
  .tab-list-all .list-card .authentication-request-event,
  .tab-list-people .list-card a,
  .tab-list-people .list-card .association-request-event,
  .tab-list-people .list-card .authentication-request-event,
  .tab-list-companies .list-card a,
  .tab-list-companies .list-card .association-request-event,
  .tab-list-companies .list-card .authentication-request-event,
  .tab-list-permissions .list-card a,
  .tab-list-permissions .list-card .association-request-event,
  .tab-list-permissions .list-card .authentication-request-event,
  .tab-list-requests .list-card a,
  .tab-list-requests .list-card .association-request-event,
  .tab-list-requests .list-card .authentication-request-event {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }

.no-results {
  margin-top: 20px; }

.no-results-back-btn {
  display: inline-flex;
  padding: 0 15px;
  min-height: 40px;
  margin-top: 20px; }

.aggregate-not-found-text {
  align-self: center; }
  .aggregate-not-found-text h3 {
    font-size: 18px;
    color: var(--secondary_dark); }
  .aggregate-not-found-text p {
    font-size: 12px;
    margin-bottom: 5px;
    color: var(--secondary); }

/*---------------------------*/
/*        MEDIA QUERY        */
/*---------------------------*/
@media all and (max-width: 1060px) {
  .aggregator-buttons-classify {
    margin-right: 2vw; }
  .text-bold,
  .text-gray {
    font-size: 30px !important; }
  .aggregator-text-about p {
    font-size: 16px !important; }
  .aggregate-login {
    display: flex;
    justify-content: center; }
  #background-sign-in {
    justify-content: center;
    /* Top Bar */
    /* Sign-in Box */ }
    #background-sign-in .top-bar-sign-in .about-niup-aggregator {
      display: none; }
    #background-sign-in .sign-in-box {
      right: auto;
      left: auto;
      margin-bottom: 20px; }
      #background-sign-in .sign-in-box .more-information span {
        display: block; } }

.text-alert {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.2s ease-in-out; }
  .text-alert .text-alert-span {
    font-size: 12px;
    font-weight: 600;
    color: var(--warning); }
  .text-alert.active {
    opacity: 1;
    visibility: visible;
    height: 25px;
    margin-top: 15px; }

@media screen and (max-width: 950px) {
  .profile-info-profile .aggregate-cards .aggregator-first {
    justify-content: flex-start; } }

@media screen and (max-width: 880px) {
  .profile-info {
    flex-direction: column;
    align-items: start; }
    .profile-info .profile-info-right {
      margin-top: 20px; }
  .notification-buttons {
    width: 100%; }
  .table-sessions .table-header {
    display: none; }
  .table-sessions .table-body .row {
    flex-direction: column;
    margin-bottom: 20px !important;
    border-bottom: solid 1px var(--grey) !important; }
  .table-sessions .table-body .column {
    flex-direction: row; }
    .table-sessions .table-body .column .mobile-header {
      display: block; }
    .table-sessions .table-body .column .arrow-table-notify {
      right: 36px !important;
      left: auto; }
    .table-sessions .table-body .column .table-body-notification {
      width: 100% !important;
      padding-left: 0 !important; }
    .table-sessions .table-body .column .notification-button {
      width: 100%;
      margin-bottom: 10px; }
    .table-sessions .table-body .column .mobile-header,
    .table-sessions .table-body .column .table-body-item {
      padding: 15px;
      width: 50%; }
  .table-sessions .column {
    flex: 100%;
    padding: 0px; } }

@media (min-width: 1700px) {
  .text-top-people {
    padding-left: 60px !important; } }

/*THESE CLASSES ARE ONLY WORKING IN THE LAYOUTS AND NOT IN THE MODULES I HAVE TO FURTHER INVETIGATE WHY SO*/
/*-----------------------------------------------*/
/* .profile-save-changes-mobile-hide {
  display: none; } */

@media (max-width: 1270px) {
  .box-info.box-authentication {
    min-height: unset !important;
    max-height: unset !important; } }

@media (max-width: 800px) {
  .aggregator-first {
    margin-left: 10px; }
  .aggregate-cards {
    justify-content: center !important;
    margin-top: 85px; }
  .profile-info-bottom {
    height: auto !important; }
  .profile-info-profile .aggregate-cards {
    align-items: center !important;
    left: 0;
    max-width: 100%;
    padding: 0 !important; }
    .profile-info-profile .aggregate-cards .aggregator-first {
      justify-content: center;
      align-items: center;
      margin: 0 !important; }
    .profile-info-profile .aggregate-cards .aggregator-first {
      margin-top: 10px;
      margin-bottom: 20px;
      height: auto;
      overflow: initial;
      position: relative;
      display: inline-block; }
      .profile-info-profile .aggregate-cards .aggregator-first .name-card-top {
        text-align: center; }
    .profile-info-profile .aggregate-cards .aggregator-second {
      width: 100%;
      padding: 0 15px; }
      .profile-info-profile .aggregate-cards .aggregator-second .box-authentication {
        flex-direction: row-reverse;
        height: 30px;
        margin: 0;
        max-height: 35px !important;
        max-width: none;
        align-items: center; }
  .profile-info .user-info {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%); }
  .aggregate-cards {
    width: 100% !important; }
  .aggregator-footer {
    flex-direction: column; }
    .aggregator-footer img {
      margin: 0 auto 20px; }
  .text-bold,
  .text-gray {
    font-size: 22px !important; }
  .aggregate-info {
    width: 90% !important; }
  .first-row .col-img,
  .third-row .col-img,
  .second-row .col-img,
  .fourth-row .col-img {
    justify-content: center; }
  .first-row,
  .third-row {
    flex-direction: column-reverse; }
  .aggregator-all-footer {
    flex-direction: column; }
  .center .aggregator-all {
    flex-direction: column;
    margin-top: 75px !important; }
    .center .aggregator-all .side-blue {
      width: 100%;
      align-items: center;
      justify-content: center;
      padding: 20px 0; }
      .center .aggregator-all .side-blue .aggregator-content {
        flex-direction: initial !important;
        padding: 0 20px; }
        .center .aggregator-all .side-blue .aggregator-content .text-recover {
          font-size: 12px; }
    .center .aggregator-all .side-white {
      width: 100%;
      padding: 40px 0; }
  .classifications-editor {
    left: 0 !important;
    width: 100%;
    margin-top: -6px; }
  .classifications-filter input {
    width: 70vw; }
  .classifications-editor-content .button-save {
    padding: 0 20px; }
  .companies-boxes {
    padding: 0; }
  .received-aggregator {
    margin: 70px 0px 70px 30px; }
  .send-aggregator {
    margin: 70px 30px 70px 0px; }
  .not-connected-grid {
    flex-direction: column; }
    .not-connected-grid .not-connect-companies {
      margin-left: 0 !important; }
  .profile-info,
  .div-dash {
    margin: 0;
    margin-right: 10px; }
  .div-title-cards {
    flex-direction: column; }
  .connect-tab.connect-with-me {
    padding-left: 0 !important; }
  .connect-tab.active::before {
    bottom: -3px !important; }
  .div-title-cards::before {
    bottom: 65px !important; }
  .subcategories-col {
    padding-right: 0;
    margin-bottom: 1.5rem; }
  .profile-box-parent {
    padding: 0 !important; } }

@media (max-width: 580px) {
  /*FOOTER MOBILE VERSION*/

  /* RESPONSIVO MOBILE FIX -- START*/
  .modal-cookies-option-buttons{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .modal-cookies-option-buttons .button-accept-cookies{
    margin-right:0 !important;
    text-align: center;
  }
  .modal-cookies-option-buttons .button-knowmore-cookies{
    text-align: center;
  }

.modal .modal-container-cookies{
  overflow: scroll;
  height: 100%;
}
/* RESPONSIVO MOBILE FIX -- END*/

  .profile-save-changes-mobile-hide {
    display: flex; }
  /* .profile-save-changes-mobile {
    display: none; } */
  /*DASHBOARD*/
  .profile-info-right {
    flex-direction: column;
    width: 100%; }
    .profile-info-right .box-info {
      flex-direction: initial !important;
      width: 100% !important;
      height: 70px !important;
      margin: 10px 0 !important; }
      .profile-info-right .box-info .request-number {
        padding: 0 10px; }
      .profile-info-right .box-info .box-img {
        margin: 0 10px !important; }
  .edit-image-upload img {
    width: 100%;
    height: 100%; } }

/*-----------------------------------------------*/
@media all and (max-width: 550px) {
  /* Sign-in box body */
  #background-sign-in .sign-in-box {
    width: 350px;
    height: 792px; }
    #background-sign-in .sign-in-box .sign-in-box-body {
      /* Login button and forgot password */ }
      #background-sign-in .sign-in-box .sign-in-box-body .input-aggregator {
        width: 100%; }
      #background-sign-in .sign-in-box .sign-in-box-body .login-aggregator {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 20px; }
        #background-sign-in .sign-in-box .sign-in-box-body .login-aggregator .forgot-password {
          margin-top: 25px;
          padding-left: 0px !important; } }

@media (max-width: 450px) {
  #accordion .text-top-people {
    margin: 10px 20px 10px;
    padding-left: 15px !important; }
  #accordion .top-people-aggregator {
    padding: 0 20px 20px 20px; }
  #accordion .people-box {
    max-height: 80px;
    max-width: 80px; } }

.wrapper,
.row-offcanvas {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  position: fixed;
  top: 0;
  overflow: visible;
  z-index: 3; }

.wrapper {
  border-right: solid 1px var(--grey);
  z-index: 999; }
  .wrapper .search {
    display: none; }

.wrapper:before,
.wrapper:after,
.column:before,
.column:after {
  content: '';
  display: table; }

.wrapper:after,
.column:after {
  clear: both; }

#sidebar {
  background-color: var(--white);
  min-width: 60px;
  display: flex;
  padding: 0;
  overflow: visible; }

#sidebar .collapse.in {
  display: inline !important;
  min-width: 200px;
  padding-left: 20px; }

.div-icon-menu-first {
  min-width: 30px !important;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .div-icon-menu-first img {
    width: 24px; }

.sidebar {
  list-style: none;
  padding: 0;
  height: 100vh; }
  .sidebar .home-menu {
    padding: 0 15px; }
    .sidebar .home-menu a {
      display: flex;
      align-items: center;
      height: 70px; }
  .sidebar .menu-list {
    padding: 0 14px 0 15px;
    position: relative;
    cursor: pointer; }
    .sidebar .menu-list a {
      display: flex;
      align-items: center;
      height: 70px; }
    .sidebar .menu-list.menu-list-logo:active {
      background: var(--white);
      border-top: solid 1px var(--grey);
      border-bottom: solid 1px var(--grey); }
      .sidebar .menu-list.menu-list-logo:active:before {
        width: 0; }
      .sidebar .menu-list.menu-list-logo:active::after {
        opacity: 0; }
    .sidebar .menu-list:active, .sidebar .menu-list.active {
      background: var(--background);
      border-top: solid 1px var(--grey);
      border-bottom: solid 1px var(--grey); }
      .sidebar .menu-list:active:before, .sidebar .menu-list.active:before {
        width: 4px; }
      .sidebar .menu-list:active::after, .sidebar .menu-list.active::after {
        opacity: 1; }
    .sidebar .menu-list:hover .hover-name {
      opacity: 1;
      visibility: visible;
      width: initial; }
      .sidebar .menu-list:hover .hover-name.hover-share-code, .sidebar .menu-list:hover .hover-name.hover-people {
        min-width: 92px; }
    .sidebar .menu-list .hover-name {
      position: absolute;
      background-color: var(--primary);
      left: 67px;
      font-size: 12px;
      height: 30px;
      font-weight: 600;
      display: flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 15px;
      opacity: 0;
      visibility: hidden;
      width: 0; }
      .sidebar .menu-list .hover-name:after {
        bottom: 5px;
        left: 0;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(74, 74, 74, 0);
        border-right-color: var(--primary);
        border-width: 10px;
        margin-left: -15px; }
    .sidebar .menu-list::after {
      content: '';
      position: absolute;
      left: 4px;
      top: 0;
      width: 57px;
      height: 70px;
      z-index: -1;
      background: var(--background);
      border-top: solid 1px var(--grey);
      border-bottom: solid 1px var(--grey);
      opacity: 0; }
    .sidebar .menu-list::before {
      content: '';
      background: var(--primary);
      width: 0px;
      height: 70px;
      left: 0;
      position: absolute;
      transition: 0.3s width ease-in-out; }

.row-offcanvas-left {
  background-color: var(--white);
  min-width: 60px; }

.row-offcanvas.active + .footer-menu {
  padding-left: 0px; }

.row-offcanvas.active + .footer-menu {
  padding-left: 5px; }

.initially-hidden-block {
  display: none; }

.footer-menu {
  position: absolute;
  bottom: 20px;
  padding-left: 20px;
  font-size: 12px;
  color: var(--secondary);
  text-align: center; }

/*
* off canvas sidebar
* --------------------------------------------------
*/
@media screen and (min-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
  .row-offcanvas-left.active {
    left: 3%; }
  .row-offcanvas-left.active .sidebar-offcanvas {
    left: -3%;
    position: absolute;
    top: 0;
    width: 3%;
    text-align: center; } }

.container-global {
  display: flex;
  background: var(--background); }

.p-faqs > ul {
  padding-top: 13px; }

.faq-list {
  position: relative;
  top: 25px; }

.faq-answer-list {
  padding-bottom: 36px; }

.p-faqs > .span-color-blue {
  color: var(--primary); }

.order-icons {
  display: none;
  width: 100px;
  height: 50px;
  justify-content: space-around; }
  .order-icons .order-icon-az,
  .order-icons .order-icon-za {
    border: 1px solid var(--grey);
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px;
    height: 100%; }
    .order-icons .order-icon-az .check-aggregator.sort-alph,
    .order-icons .order-icon-za .check-aggregator.sort-alph {
      cursor: pointer; }
    .order-icons .order-icon-az .check-aggregator .svg path,
    .order-icons .order-icon-za .check-aggregator .svg path {
      fill: var(--secondary_light); }
    .order-icons .order-icon-az:hover, .order-icons .order-icon-az.checked,
    .order-icons .order-icon-za:hover,
    .order-icons .order-icon-za.checked {
      border-bottom: 3px solid var(--primary); }
      .order-icons .order-icon-az:hover .check-aggregator .svg path, .order-icons .order-icon-az.checked .check-aggregator .svg path,
      .order-icons .order-icon-za:hover .check-aggregator .svg path,
      .order-icons .order-icon-za.checked .check-aggregator .svg path {
        fill: var(--black); }
  .order-icons .order-icon-za {
    border-left: none; }

.company-title {
  pointer-events: none; }

/* select box - create account [country]  | create company [language] [country] | edit profile [language] [country] */
#select2-entity-country-id-results,
#select2-company-language-results,
#select2-EntityCountryId-results {
  min-height: 40px !important; }
  #select2-entity-country-id-results li:first-child,
  #select2-company-language-results li:first-child,
  #select2-EntityCountryId-results li:first-child {
    display: block !important; }

/* select box - create company [district] [county] | edit profile [district] [county] */
#select2-EntityStateId-results,
#select2-EntityCityId-results {
  min-height: 40px; }
  #select2-EntityStateId-results li:first-child,
  #select2-EntityCityId-results li:first-child {
    display: block !important; }

/* LEGACY*/
.top-bar-links-legal {
  text-decoration: underline;
  font-weight: 600;
  visibility: visible; }

.login-create-legal {
  margin-right: 6px; }

.login-account {
  padding-right: 5px; }

.container-legacy {
  display: flex;
  justify-content: center;
  gap: 70px; }

.top-bar-legacy {
  position: initial !important;
  width: 100%;
  height: 75px;
  display: flex;
  top: 0;
  left: 0;
  justify-content: space-between;
  align-items: center;
  color: var(--secondary_light);
  font-size: 14px;
  opacity: 0.75;
  background-color: none !important;
  z-index: 998;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  transition: all 0.55s ease-in-out; }

.container-legal {
  left: 0 !important; }

.legal-articles {
  margin-bottom: 0 !important; }

.legal-articles-tabs {
  width: 100%;
  max-height: 90px;
  height: 100%;
  border: 1px solid var(--grey);
  margin-bottom: 54px; }

.top-img-legal {
  justify-content: right !important;
  align-items: right !important; }
  .top-img-legal.title-legal {
    text-transform: uppercase !important; }

.title-legal {
  text-transform: uppercase;
  padding-top: 100px;
  opacity: 0.5 !important; }

.span-website {
  color: var(--primary);
  text-decoration: underline; }

.legal-articles-tabs h2 {
  width: 100% !important; }

.terms-and-conditions-title,
.privacy-policy-title {
  color: var(secondary_dark);
  font-size: 18px;
  text-align: left; }

.privacy-policy-tab,
.cookies-policy-tab {
  display: none; }

.profile-header-non-click {
  display: flex; }
  .profile-header-non-click .aggregate-tabs-legalarticles {
    flex: 60%;
    display: flex;
    position: relative; }
  .profile-header-non-click .aggregate-buttons {
    flex: 40%;
    display: flex;
    justify-content: flex-end; }
  .profile-header-non-click .legal-tabs h2 {
    color: var(--grey);
    padding: 25px 0 25px 20px;
    cursor: pointer;
    font-weight: normal; }
    .profile-header-non-click .legal-tabs h2::before {
      position: absolute;
      content: '';
      bottom: -2px;
      width: 20px;
      height: 0;
      background: var(--primary); }
  .profile-header-non-click .legal-tabs.active h2 {
    color: var(--secondary-dark);
    font-weight: 600; }
    .profile-header-non-click .legal-tabs.active h2::before {
      height: 3px; }

.address {
  padding-left: 4rem;
  padding-top: 10px; }

.contact-legacy {
  max-width: 450px;
  width: 100%;
  height: 100%;
  max-height: 390px;
  border: 1px solid var(--grey);
  padding: 40px 54px 48px 40px; }
  .contact-legacy .logo-info {
    display: flex; }
    .contact-legacy .logo-info .img-lince {
      max-width: 71px;
      width: 100%;
      max-height: 83px;
      height: 100%; }
    .contact-legacy .logo-info .logo-text {
      margin-left: 20px; }
      .contact-legacy .logo-info .logo-text h2 {
        color: var(--secondary);
        font-size: 18px; }
      .contact-legacy .logo-info .logo-text span {
        color: var(--secondary_light);
        font-size: 14px;
        text-align: left;
        max-width: 182px;
        width: 100%; }
  .contact-legacy .legacy-address {
    margin-top: 42px; }
    .contact-legacy .legacy-address h2 {
      color: var(--secondary_dark);
      font-size: 14px;
      font-weight: 600;
      text-align: left; }
    .contact-legacy .legacy-address span {
      color: var(--secondary_light);
      font-size: 14px;
      text-align: left; }
    .contact-legacy .legacy-address .address-contact {
      margin-top: 24px;
      display: flex; }
      .contact-legacy .legacy-address .address-contact .pin {
        display: flex; }
        .contact-legacy .legacy-address .address-contact .pin .pin-location {
          max-width: 50px;
          width: 100%;
          max-height: 50px;
          height: 50px; }
        .contact-legacy .legacy-address .address-contact .pin .pin-text {
          margin-left: 8px;
          display: block; }
          .contact-legacy .legacy-address .address-contact .pin .pin-text span {
            font-size: 11px; }
      .contact-legacy .legacy-address .address-contact .phone {
        margin-left: 22px;
        display: flex; }
        .contact-legacy .legacy-address .address-contact .phone .phone-location {
          max-width: 50px;
          width: 100%;
          max-height: 50px;
          height: 100%; }
        .contact-legacy .legacy-address .address-contact .phone .phone-text {
          margin-left: 8px; }
          .contact-legacy .legacy-address .address-contact .phone .phone-text span {
            font-size: 12px; }
    .contact-legacy .legacy-address .legacy-form-contact {
      margin-top: 45px; }
  .contact-legacy .legacy-message {
    width: 100%;
    border: solid 1px var(--grey);
    padding-left: 12px; }
    .contact-legacy .legacy-message:focus, .contact-legacy .legacy-message:hover {
      border: solid 1px var(--primary); }

.legacy-text {
  font-size: 14px; }

.btn-legacy-form {
  padding: 0 8px 0 8px; }

/* COOKIES POP UP */
.modal .modal-container-cookies {
  width: 741px !important;
  padding: 48px !important;
  padding-bottom: 48px !important;
  border-radius: 8px; }

.cookies-popup-logos {
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px; }
  .cookies-popup-logos .cookies-niup-logos {
    display: flex;
    width: 30%; }
    .cookies-popup-logos .cookies-niup-logos .cookie-finger-icon {
      width: 100%;
      max-width: 36px;
      height: 100%;
      max-height: 40px; }
    .cookies-popup-logos .cookies-niup-logos .cookie-niupme-logo {
      width: 100%;
      max-width: 126px;
      height: 100%;
      max-height: 35px;
      margin-left: 17px; }
  .cookies-popup-logos .cookies-logo-by {
    display: grid; }
    .cookies-popup-logos .cookies-logo-by .span-by {
      font-size: 12px;
      font-style: italic;
      text-align: right;
      color: #787878; }

.cookies-popup-text-div {
  padding-bottom: 32px; }
  .cookies-popup-text-div .cookies-popup-title {
    font-size: 18px;
    color: var(--secondary_dark);
    font-weight: 600; }
  .cookies-popup-text-div .cookies-popup-text {
    font-size: 14px;
    color: #787878; }
  .cookies-popup-text-div .cookies-hightlight {
    font-size: 14px;
    font-weight: 600;
    color: #181818; }

.a-website {
  color: var(--primary);
  text-decoration: underline;
  font-size: 14px; }
  .a-website:hover {
    color: var(--primary);
    text-decoration: underline; }

.modal-cookies-option-buttons {
  display: flex; }
  .modal-cookies-option-buttons .button-accept-cookies {
    color: white;
    background-color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    padding: 10px 20px;
    margin-right: 8px;
    cursor: pointer; }
  .modal-cookies-option-buttons .button-knowmore-cookies {
    color: #484848;
    background-color: rgba(120, 120, 120, 0.3);
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer; }
  .modal-cookies-option-buttons .button-label-cookies {
    padding: 10px 20px; }

@media (max-width: 800px) {
  .container-all {
    left: 20px; }
  div.aggregator-container .container-content {
    width: calc(100% - 40px) !important; }
  div.aggregator-container div.layout-flex {
    padding-right: 0 !important;
    margin-right: 0 !important; }
  .layout-flex.margin-right-50 {
    padding-right: 3.8vw !important; } }

@media (max-width: 1550px) {
  .layout-flex {
    flex: inherit;
    max-width: inherit;
    padding-right: 36px !important; } }

@media (max-width: 1550px) {
  .margin-left-50 {
    margin-left: 3.8vw !important; } }

@media (max-width: 800px) {
  .margin-left-50 {
    margin-left: 0 !important; } }

@media (max-width: 1550px) {
  .margin-top-50 {
    margin-top: 3.8vw !important; } }

@media (max-width: 800px) {
  .margin-right-50 {
    margin-right: 3.8vw !important; } }

.top-bar #notifications-bell.mobile:hover::before,
.top-bar .notifications-bell.mobile:hover::before {
  height: 0; }

.top-bar #notifications-bell.mobile:hover svg path,
.top-bar .notifications-bell.mobile:hover svg path {
  fill: var(--svg-average); }

@media (max-width: 1550px) {
  .container-content {
    width: calc(100% - 60px) !important; } }

@media (max-width: 1550px) {
  .container-content > .row {
    flex-direction: column-reverse; } }

@media (max-width: 1550px) {
  .container-content .center-edit-profile > .row {
    flex-direction: column-reverse; } }

@media (max-width: 1550px) {
  .container-content .title {
    margin-top: 0 !important; } }

@media (max-width: 1550px) {
  .container-content .header-box {
    margin-top: 3.8vw; } }

@media (max-width: 1550px) {
  .container-content .profile-info .profile-info-profile {
    margin-top: 3.8vw !important; } }

@media (max-width: 800px) {
  .notification-card-name {
    max-width: 20ch !important; } }

@media (max-width: 576px) {
  .notification-card-name {
    max-width: 15ch !important; } }

@media (max-width: 479px) {
  .notification-card-name {
    max-width: 11ch !important; } }

@media (max-width: 479px) {
  .notification-button {
    width: 57px !important;
    height: 40px !important;
    margin-right: 10px; }
    .notification-button span {
      display: none; }
    .notification-button.accept .svg {
      margin-bottom: 0 !important; }
    .notification-button.reject {
      transform: translateY(0); } }

@media (max-width: 479px) {
  .notifications-card-user {
    padding-bottom: 25px !important; } }

@media (max-width: 1550px) {
  .sticky-top {
    max-width: 100%;
    width: calc(100% - 6.1vw);
    top: -20;
    padding-left: 0;
    padding-right: 3.8vw;
    margin-left: 3.8vw !important;
    padding-top: 0vw;
    position: relative;
    top: -100vh;
    padding-right: 0;
    transition: all 0.7s ease-in-out; }
    .sticky-top.active {
      top: 0;
      padding-top: 3.8vw; }
      .sticky-top.active .notification-panel {
        padding: 20px 20px 80px 20px;
        max-height: 750px; } }

@media (max-width: 800px) {
  .sticky-top {
    max-width: 100%;
    width: 100%;
    margin-left: 0 !important; } }

@media (max-width: 1550px) {
  .sticky-top .notification-panel {
    max-width: 100%;
    width: 100%;
    padding: 0 25px 0 25px;
    max-height: 0;
    position: initial;
    transition: all 0.7s ease-in-out; } }

@media (max-width: 800px) {
  .sticky-top .notification-panel {
    max-width: 100%; } }

@media (max-width: 800px) {
  .sign-in-box {
    margin-right: initial !important; } }

@media (max-width: 800px) {
  .container-all {
    transition: all 0.4s ease-in-out; } }

.sidebar .menu-list::after {
  z-index: 1;
  right: -2px;
  left: unset;
  border-top: unset;
  border-bottom: unset;
  width: 6px; }

@media (max-width: 800px) {
  .wrapper {
    position: fixed;
    left: -300px;
    border: none;
    overflow: hidden;
    transition: all 0.4s ease-in-out; }
    .wrapper.active {
      left: 0;
      overflow: initial;
      opacity: 1;
      display: block; }
    .wrapper .close-navbar {
      display: none; }
    .wrapper .close-navbar {
      position: fixed;
      top: 60px;
      left: 230px;
      width: 100vw;
      height: 100%;
      background: transparent; }
    .wrapper .sidebar {
      width: 100%; }
      .wrapper .sidebar .menu-list a {
        justify-content: space-between; }
    .wrapper #sidebar {
      max-width: initial;
      min-width: initial;
      flex: 1; }
    .wrapper .row-offcanvas {
      width: 230px;
      border-right: 1.5px solid var(--grey); }
    .wrapper .nav-bar-hamburger {
      width: 4px;
      height: 20px;
      position: absolute;
      top: 30px;
      right: 37px; }
    .wrapper .navbar-mobile-text {
      text-align: right;
      font-size: 12px;
      font-weight: 600;
      color: var(--secondary);
      text-transform: capitalize;
      display: block !important;
      margin-right: 24px; }
    .wrapper .menu-list {
      display: flex !important;
      justify-content: flex-end;
      padding-right: 34px; }
    .wrapper .menu-list-logo {
      display: none !important; }
    .wrapper .search {
      margin: 67px 18px 8px 16px;
      display: block; }
      .wrapper .search input {
        width: 100% !important; } }

@media (max-width: 800px) {
  .img-col img {
    max-width: 250px !important;
    width: 100%; } }

@media (max-width: 1550px) {
  .img-col {
    display: flex;
    justify-content: center; } }

@media (max-width: 1550px) {
  .dashboard-username {
    display: none !important; } }

@media (max-width: 800px) {
  .dashboard-name-trim {
    -webkit-line-clamp: 2 !important;
    text-align: center;
    max-width: 100%;
    margin: 0 20px; } }

@media (max-width: 1550px) {
  .dashboard.profile-info {
    margin-top: 3.8vw !important; } }

@media (max-width: 1550px) {
  .dashboard.profile-info .dashboard-username-mobile {
    margin-bottom: 0;
    margin-left: 169px !important;
    margin-top: 16px !important;
    display: block !important; } }

@media (max-width: 800px) {
  .dashboard.profile-info .dashboard-username-mobile {
    margin-top: 61px !important;
    margin-left: 0 !important;
    text-align: center; } }

@media (max-width: 1550px) {
  .dashboard.profile-info .profile-info-bottom {
    flex-direction: column;
    height: 100% !important; }
    .dashboard.profile-info .profile-info-bottom .user-info {
      position: absolute;
      left: 2.5%;
      top: -86px; }
    .dashboard.profile-info .profile-info-bottom .aggregate-cards {
      width: 100%;
      padding: 20px;
      align-items: start; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .aggregator-first,
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .aggregator-second {
        width: 100%;
        flex: unset;
        flex-direction: row; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .aggregator-second {
        margin-right: 0; } }
    @media (max-width: 1550px) and (max-width: 1100px) {
      .dashboard.profile-info .profile-info-bottom .aggregate-cards {
        padding-right: 0; } }

@media (max-width: 1100px) {
  .dashboard.profile-info .profile-info-bottom .aggregate-cards {
    padding: 20px;
    flex-wrap: wrap; }
    .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info {
      flex: 1 1 25%; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info:first-child {
        margin-bottom: 16px; }
    .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info-request {
      margin-right: 0; } }

@media (max-width: 800px) {
  .dashboard.profile-info .profile-info-bottom .aggregate-cards {
    margin-top: 0;
    padding-right: 16px !important;
    display: grid;
    grid-gap: 16px;
    grid-template-areas: 'pending pending request request'
 'code connection authentication authentication';
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr min-content; }
    .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info {
      width: unset;
      margin: 0; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info:first-child {
        margin-bottom: 0; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.pending-requests {
        grid-area: pending; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.box-info-request {
        grid-area: request; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.box-code {
        grid-area: code; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.box-connection {
        grid-area: connection; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.box-authentication {
        grid-area: authentication; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info .box-connection-text,
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info .box-code-text {
        display: none; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.box-connection, .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info.box-code {
        display: flex;
        justify-content: center;
        align-items: center; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info .box-img.box-connection-img, .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info .box-img.box-code-img {
        margin-left: 0;
        height: 50px; }
      .dashboard.profile-info .profile-info-bottom .aggregate-cards .box-info .box-code-img-back {
        display: none; } }

@media (max-width: 1550px) {
  .dashboard.profile-info .box-info.box-code, .dashboard.profile-info .box-info.pending-requests {
    margin-right: 16px; } }

.people-dash {
  margin-bottom: 20px; }

@media (max-width: 1100px) {
  .div-dash {
    margin-left: 3.8vw !important; } }

@media (max-width: 800px) {
  .div-dash {
    margin-left: unset !important;
    margin-right: 0; } }

@media (max-width: 1100px) {
  .div-dash .div-title-cards {
    padding-bottom: 10px; }
    .div-dash .div-title-cards .separator-tabs {
      position: unset;
      margin-top: 0;
      margin-bottom: 37px;
      display: flex;
      justify-content: flex-end;
      padding-right: 152px; } }
    @media (max-width: 1100px) and (max-width: 800px) {
      .div-dash .div-title-cards .separator-tabs {
        justify-content: initial;
        margin-top: 28px;
        padding-right: 0; } }

@media (max-width: 1550px) {
  .div-dash .grid-dash .not-connect-people {
    margin-bottom: 20px; } }

@media (max-width: 1100px) {
  .div-dash .grid-dash {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
    .div-dash .grid-dash a {
      margin-bottom: 0; }
      .div-dash .grid-dash a .grid-add {
        padding-left: 24px; }
      .div-dash .grid-dash a .grid-add-no-connections {
        height: 100% !important; }
      .div-dash .grid-dash a .grid-card {
        justify-content: flex-start;
        flex-direction: unset;
        height: 80px; }
        .div-dash .grid-dash a .grid-card.grid-basic {
          padding-left: 24px; }
          .div-dash .grid-dash a .grid-card.grid-basic .grid-img {
            margin-right: 5px;
            width: 50px;
            height: 50px; }
            .div-dash .grid-dash a .grid-card.grid-basic .grid-img .grid-img-border {
              width: 50px;
              height: 50px; }
        .div-dash .grid-dash a .grid-card.grid-multi-comp {
          flex-direction: unset;
          justify-content: space-around; }
          .div-dash .grid-dash a .grid-card.grid-multi-comp .d-flex {
            align-items: flex-end !important; }
            .div-dash .grid-dash a .grid-card.grid-multi-comp .d-flex .multi-text {
              padding-top: 3px; } }

@media (max-width: 800px) {
  .div-dash .grid-dash {
    grid-template-columns: repeat(auto-fill, minmax(154px, 1fr)); }
    .div-dash .grid-dash .owner-div {
      right: -7px;
      width: 20px;
      height: 20px; }
      .div-dash .grid-dash .owner-div svg {
        width: 14px !important;
        height: 14px; }
    .div-dash .grid-dash .num-multi-comp {
      height: 76%; }
    .div-dash .grid-dash a {
      margin-bottom: 0; }
      .div-dash .grid-dash a .grid-add {
        padding-left: initial;
        justify-content: center;
        padding-top: 0; }
      .div-dash .grid-dash a .grid-card {
        flex-direction: column;
        padding-top: 16px;
        height: 122px !important; }
        .div-dash .grid-dash a .grid-card:hover {
          background: none !important; }
        .div-dash .grid-dash a .grid-card.grid-basic {
          padding-left: initial; }
          .div-dash .grid-dash a .grid-card.grid-basic .grid-img {
            margin: 0;
            margin-bottom: 11px;
            width: 50px;
            height: 50px; }
            .div-dash .grid-dash a .grid-card.grid-basic .grid-img .grid-img-border {
              width: 50px;
              height: 50px; }
        .div-dash .grid-dash a .grid-card.grid-multi-comp {
          flex-direction: column;
          justify-content: space-around;
          padding-bottom: 24px;
          padding-top: 16px; }
          .div-dash .grid-dash a .grid-card.grid-multi-comp .d-flex {
            align-items: center !important; }
            .div-dash .grid-dash a .grid-card.grid-multi-comp .d-flex .multi-text {
              padding-top: 3px; }
          .div-dash .grid-dash a .grid-card.grid-multi-comp .view-more-div {
            padding-top: 2px !important; } }

@media (max-width: 397px) {
  .div-dash .grid-dash {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } }

@media (max-width: 397px) {
  .name-card-top {
    align-items: center;
    flex-direction: column; }
    .name-card-top .relation-img {
      margin-left: 0 !important; } }

@media (max-width: 800px) {
  .name-card-top {
    margin: 20px; }
    .name-card-top h3 {
      margin-left: 0; } }

@media (max-width: 800px) {
  #remove-connection-from-company {
    margin-right: 0; } }

@media (max-width: 800px) {
  .show-niup-number-col {
    display: none; } }

@media (max-width: 1550px) {
  .cards-my-connections {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }

@media (max-width: 1550px) {
  .collectiveentity-list {
    margin-right: 19px; } }

@media (max-width: 1550px) {
  .user-card {
    height: 120px; }
    .user-card .user-card-image-aggregator {
      width: 72px;
      height: 72px;
      min-width: 72px !important; }
      .user-card .user-card-image-aggregator img {
        width: 100%;
        height: 100%;
        min-width: 100% !important; }
    .user-card .user-card-king {
      right: 0; }
    .user-card .user-card-username {
      font-size: 14px; }
    .user-card .user-card-address-info {
      font-size: 10px; }
    .user-card .align-name-rating {
      width: 60% !important; }
    .user-card .box-authentication {
      height: 20px;
      margin-bottom: 6px;
      width: 82%; }
      .user-card .box-authentication .validation-required-text {
        line-height: 0; }
      .user-card .box-authentication .rating-aggregator {
        top: 5px; } }

@media (max-width: 800px) {
  .user-card {
    height: 166px; }
    .user-card .box-authentication-wait-validation {
      width: auto !important;
      margin-right: 10px !important;
      margin-left: 10px; }
      .user-card .box-authentication-wait-validation span {
        font-size: 10px !important;
        line-height: 10px !important; }
    .user-card .user-info {
      flex-direction: column;
      align-items: center; }
      .user-card .user-info .user-card-username-aggregator {
        flex-direction: column; }
      .user-card .user-info .user-card-username,
      .user-card .user-info .user-card-address-info {
        padding: 0 10px;
        max-width: 100%;
        white-space: unset; }
    .user-card .image-card-side {
      margin-top: 0; }
    .user-card .image-card-side {
      justify-content: center;
      display: flex; }
    .user-card .user-card-image-aggregator {
      width: 52px;
      height: 52px;
      min-width: 52px !important; }
      .user-card .user-card-image-aggregator img {
        width: 100%;
        height: 100%;
        min-width: 100% !important; }
    .user-card .align-name-rating {
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center;
      margin: 0 !important;
      margin-top: 8px !important;
      width: 100% !important; }
    .user-card .box-authentication {
      position: relative;
      bottom: inherit;
      width: 80px;
      height: 14px;
      display: flex;
      justify-content: center;
      border-radius: 54px;
      align-items: center !important;
      margin-top: 6px;
      margin-right: 0; }
      .user-card .box-authentication .rating-aggregator {
        left: inherit !important;
        top: inherit; }
        .user-card .box-authentication .rating-aggregator label {
          height: 8px;
          width: 8px; }
        .user-card .box-authentication .rating-aggregator .rating-label-1 {
          margin: 0; }
    .user-card .user-card-image-aggregator {
      margin-left: inherit; }
    .user-card .user-card-king {
      right: -5px; } }

@media (max-width: 800px) {
  .search-filter {
    flex-direction: column;
    margin-top: -5px;
    align-items: center; }
    .search-filter button {
      margin-top: 20px; } }

@media (max-width: 800px) {
  .select-box-container .select-check {
    margin-right: 0 !important; } }

.container-global-pending-requests .profile .profile-boxes .header-box {
  margin-top: 0 !important; }

@media (max-width: 800px) {
  .container-global-pending-requests .top-img-people .title-top-people {
    width: min-content;
    line-height: normal; } }

@media (max-width: 800px) {
  .no-connections-shown img {
    width: 100% !important; }
  .no-connections-shown .text-noconnection-aggregator {
    margin-top: 20px;
    width: 100% !important; } }

@media (max-width: 800px) {
  .filter-options {
    padding-bottom: 20px !important; } }

@media (max-width: 800px) {
  .check-aggregator:hover .input-check-classify::after,
  .input-check:checked:after {
    width: 15px;
    height: 25px;
    margin: 3px 11px;
    border-width: 0 3px 3px 0; } }

@media (max-width: 800px) {
  .check-scroll {
    height: 140px !important; } }

@media (max-width: 800px) {
  .input-check {
    width: 45px;
    height: 40px; } }

@media (max-width: 800px) {
  .select-box-container .select-check {
    margin-right: 0 !important;
    flex: 1 1 100% !important;
    margin-bottom: 20px !important; } }

@media (max-width: 800px) {
  .aggregator-hidden {
    height: 225px !important; }
    .aggregator-hidden .open-down.active {
      height: 143px !important; }
    .aggregator-hidden.fixed-height {
      height: 110px !important; } }

@media (max-width: 800px) {
  .select-check-connections-type .aggregator-hidden {
    height: 164px !important; }
  .select-check-connections-type .check-scroll {
    height: 156px !important; } }

@media (max-width: 1550px) {
  .profile-header-non-click .aggregate-tabs {
    flex: 50%; } }

@media (max-width: 800px) {
  .profile-header-non-click {
    flex-direction: column; }
    .profile-header-non-click .box-info {
      flex: 1 1 auto;
      max-width: none; }
    .profile-header-non-click .aggregate-tabs {
      width: 100%; }
    .profile-header-non-click .aggregate-buttons {
      width: calc(100% - 30px);
      align-items: center;
      justify-content: center;
      margin: 15px 0; }
      .profile-header-non-click .aggregate-buttons .box-requests,
      .profile-header-non-click .aggregate-buttons .box-connection {
        width: 50%; }
    .profile-header-non-click #open-send-request {
      margin-right: 0 !important; } }

@media (max-width: 800px) {
  .companies-list .aggregate-tabs {
    display: none; } }

@media (max-width: 800px) {
  .profile-info-detail {
    margin-top: 0 !important;
    margin-left: 0 !important; } }

@media (max-width: 800px) {
  .profile-box-view .edit-profile-content {
    margin: 0px 20px 25px !important; } }

@media (max-width: 800px) {
  .profile-info .aggregate-cards {
    flex-direction: column; }
  .profile-info .aggregator-first {
    flex-direction: column-reverse;
    margin-bottom: 10px; }
    .profile-info .aggregator-first .aggregate-lang-and-country {
      line-height: 10px; }
  .profile-info .aggregator-second {
    margin-bottom: 20px;
    display: flex;
    margin-right: 0 !important;
    justify-content: center !important; }
    .profile-info .aggregator-second .box-text {
      display: none; }
    .profile-info .aggregator-second .box-authentication {
      width: auto;
      border-radius: 50px; }
  .profile-info .user-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-right: 0; } }

@media (max-width: 800px) {
  .profile-info.profile-info-profile .name-card-top h3 {
    max-width: 10ch; } }

@media (max-width: 800px) {
  .not-active {
    height: auto !important;
    padding: 25px 10px; }
    .not-active .not-active-img {
      padding-bottom: 30px; } }

@media (max-width: 800px) {
  .dahsboard-filter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: unset !important;
    width: 50px !important; }
    .dahsboard-filter:before {
      min-width: unset !important; }
    .dahsboard-filter h4 {
      display: none; }
    .dahsboard-filter .switch {
      display: none; }
    .dahsboard-filter .filter-img {
      display: block; } }

@media (max-width: 397px) {
  .dahsboard-filter {
    position: relative !important;
    top: 0 !important;
    padding: 10px !important; }
    .dahsboard-filter.active::before {
      height: 14px !important;
      border-left: none !important; } }

@media (max-width: 397px) {
  .aggregate-all-filters .padding-left-60.pt-5 {
    margin-top: 0 !important;
    padding-top: 0 !important; } }

@media (max-width: 397px) {
  .collectiveentity-connections-filter-aggregator {
    display: flex;
    align-items: flex-end;
    flex-direction: column; } }

@media (max-width: 397px) {
  .collectiveentity-connections-filter-aggregator .filter-options.active {
    margin-top: 0 !important; } }

@media (max-width: 397px) {
  .aggregate-classification {
    height: 100%; } }

@media (max-width: 397px) {
  .aggregate-classification .select {
    margin-bottom: 12px;
    padding: 0 10px; } }

@media (max-width: 397px) {
  .switch-select {
    align-items: unset; } }

@media (max-width: 800px) {
  .aggregate-lang-and-country {
    text-align: center !important;
    height: 100 !important; } }

@media (max-width: 800px) {
  .people-selection .row {
    flex-direction: unset !important; } }

@media only screen and (max-width: 800px) and (min-width: 768px) {
  .edit-profile-content {
    margin: 0px 40px 25px !important; } }

@media (max-width: 800px) {
  .edit-profile-content .show-niup-number {
    width: 100% !important; }
  .edit-profile-content .row {
    flex-direction: column-reverse; }
    .edit-profile-content .row .col-md-6 {
      padding: 10px;
      padding-left: 10px !important;
      margin-top: 1rem !important;
      margin-bottom: 1rem !important; }
      .edit-profile-content .row .col-md-6 .input-aggregator {
        min-height: 60px; }
      .edit-profile-content .row .col-md-6 .select-box-div {
        padding-bottom: 15px !important; } }

@media (max-width: 800px) {
  .box-authentication-my-company {
    border-radius: 0 !important;
    width: 178px !important;
    flex-direction: initial !important;
    margin-top: 10px !important; }
    .box-authentication-my-company .box-text {
      display: block !important; } }

@media (max-width: 800px) {
  .profile-info-profile .name-card-top h3 {
    -webkit-line-clamp: 2 !important;
    margin: 0 15px !important; }
    .profile-info-profile .name-card-top h3.name-card-top-view {
      margin: 0 !important; }
  .profile-info-profile .default-img {
    background-position: 83% !important; } }

@media (max-width: 800px) {
  .background-img-dash.default-img {
    align-items: flex-start;
    justify-content: flex-start; }
    .background-img-dash.default-img .title-top-edit-company {
      font-size: 18px; } }

@media (max-width: 800px) {
  .profile-box-parent-companies .row {
    margin-left: 0 !important; } }

@media (max-width: 800px) {
  .edit-profile-content .input-aggregator-name {
    flex-flow: column; }
    .edit-profile-content .input-aggregator-name .input-aggregator {
      padding-right: 0 !important; } }

@media (max-width: 479px) {
  #create-permission-group {
    flex-direction: column;
    height: auto; } }

@media (max-width: 800px) {
  #profile-permissions .aggregator-tabs-permissions {
    margin: 25px 20px; }
  #profile-permissions .profile-header {
    padding: 25px 20px; } }

@media (max-width: 800px) {
  .profile-header-classifications {
    padding: 25px 20px 0px !important; }
    .profile-header-classifications h2 {
      margin-left: 20px; } }

@media (max-width: 800px) {
  .dv-properties {
    margin-top: 0 !important; } }

@media (max-width: 800px) {
  .create-permission .people-selection {
    margin: 0 20px 25px !important; }
  .create-permission .people-permission {
    margin-top: 0;
    max-width: unset; }
  .create-permission .col-12.pl-0 {
    padding-left: 15px !important; }
  .create-permission .text-people-permission h6 {
    font-size: 12px !important; } }

@media (max-width: 800px) {
  .people-selection {
    padding: 0 10px; } }

@media (max-width: 800px) {
  .give-permission-tab-js .classifications-bottom-section .edit-profile-content {
    padding: 0px 10px 25px !important; } }

@media (max-width: 800px) {
  .aggregate-permission-info {
    flex-wrap: wrap; }
    .aggregate-permission-info .aggregate-selector {
      margin-bottom: 20px; }
    .aggregate-permission-info .search-permission-selection {
      min-width: 250px; } }

@media (max-width: 800px) {
  .create-permission .edit-profile-content .row {
    flex-direction: column !important; } }

@media (max-width: 800px) {
  .aggregate-text-tabs h6 {
    font-size: 12px !important; }
  .aggregate-text-tabs span {
    font-size: 10px !important;
    display: none; } }

@media (max-width: 800px) {
  .title-container p {
    font-size: 12px !important; } }

@media (max-width: 800px) {
  .profile-box-parent-companyinfo .row {
    width: 100%; } }

@media (max-width: 800px) {
  .connected-to-company .general-data {
    padding-left: 10px !important;
    padding-right: 10px !important; } }

@media (max-width: 800px) {
  .aggregate-classification .select-check {
    width: 100%;
    margin-top: 20px; }
    .aggregate-classification .select-check .placeholder-select {
      padding: 10px !important; } }

@media (max-width: 800px) {
  .collapse-select h6 {
    margin-left: 15px !important; }
    .collapse-select h6 .list-of-selected-people {
      margin-left: 0 !important; } }

@media (max-width: 800px) {
  .cards-filter-aggregator {
    flex-direction: unset !important; } }

@media (max-width: 800px) {
  .card-filter {
    flex-direction: column;
    height: auto !important;
    padding: 5px !important; }
    .card-filter svg {
      opacity: 0.2 !important;
      width: 75px !important;
      height: 75px !important; }
    .card-filter .card-filter-text {
      font-size: 12px !important;
      font-weight: 500 !important; } }

@media (max-width: 479px) {
  .grid-card-small-container {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
    .grid-card-small-container .connected-to-me {
      height: auto;
      flex-direction: column; }
    .grid-card-small-container .grid-small-img {
      margin-right: 0;
      margin-bottom: 10px; }
    .grid-card-small-container .grid-card-small-items {
      align-items: center;
      flex: 1 1 auto !important; }
      .grid-card-small-container .grid-card-small-items h6,
      .grid-card-small-container .grid-card-small-items span {
        text-align: center; } }

@media (max-width: 800px) {
  .selected-people {
    padding-left: 20px !important; } }

/*--------------------------------*/
/*         TOP BAR MOBILE         */
/*--------------------------------*/
.top-bar .hambuger-logo {
  position: relative;
  left: 0;
  transition: all 0.4s ease-in-out; }

@media (max-width: 1550px) {
  .top-bar .breadcrumbs {
    opacity: 0;
    flex: 1 60 10%;
    width: 10px; } }

@media (max-width: 800px) {
  .top-bar {
    width: 100%; }
    .top-bar .breadcrumbs {
      display: none; }
    .top-bar #notifications-bell,
    .top-bar .notifications-bell {
      position: relative;
      width: 84px !important;
      left: 0;
      transition: all 0.4s ease-in-out; }
    .top-bar .notification-user {
      position: relative;
      width: 84px !important;
      left: 0;
      transition: all 0.4s ease-in-out; }
      .top-bar .notification-user #user-icon {
        padding: 0;
        justify-content: center; }
        .top-bar .notification-user #user-icon h5.top-bar-user-name {
          display: none; } }

@media (max-width: 800px) {
  .search {
    display: none; }
  nav.hamburgerMenuAggregator {
    display: flex; }
  .help-center-button {
    display: none; } }

/*--------------------------------*/
/*     COMPANIES E PEOPLE GRIG    */
/*--------------------------------*/
@media (max-width: 800px) {
  .cards-my-connections {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }

@media (max-width: 576px) {
  .cards-my-connections {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } }

/*--------------------------------*/
/*            SESSIONS            */
/*--------------------------------*/
@media (max-width: 576px) {
  .table-sessions .column .mobile-header {
    width: 40% !important;
    padding: 20px 0 !important; }
  .table-sessions .column .table-body-item {
    padding-left: 15px !important; } }

@media (max-width: 1550px) {
  .container-global-sessions .profile-info-profile {
    margin-top: 3.8vw !important; } }

@media (max-width: 800px) {
  .profile-save-changes {
    left: 0;
    display: flex;
    justify-content: center; }
    .profile-save-changes .text-button {
      display: none; }
    .profile-save-changes .button-cancel svg {
      margin-right: 0 !important; }
    .profile-save-changes .button-save {
      width: auto;
      padding: 0 20px; } }

@media (max-width: 800px) {
  .card-type-entity-selected .grid-card-small-container {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
  .qrcode-div-parent {
    display: flex !important;
    flex-direction: column; }
    .qrcode-div-parent .qrcode-wrapper {
      margin-right: 0;
      width: 185px; }
    .qrcode-div-parent .code-for-info-insert-code {
      display: flex;
      flex-direction: column;
      padding: 15px 0; }
      .qrcode-div-parent .code-for-info-insert-code #next-step {
        margin-right: 0; }
  .select-type-of-entity-aggregator {
    display: flex;
    justify-content: space-between; }
    .select-type-of-entity-aggregator .card-type {
      flex: 0 0 30%; }
  .profile-info-profile .profile-info-bottom {
    height: auto !important; }
    .profile-info-profile .profile-info-bottom .aggregate-cards.ml-3 {
      margin-left: 0 !important;
      padding: 15px 0 !important; } }

@media (max-width: 1550px) {
  .container-global-codeshare .profile-info-profile {
    margin-top: 3.8vw !important; } }

@media (max-width: 576px) {
  .content-container.active {
    padding: 35px 18px; }
  .select-type-of-entity-aggregator {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
    grid-gap: 20px; }
    .select-type-of-entity-aggregator .card-type {
      width: 100%;
      height: 92px; }
      .select-type-of-entity-aggregator .card-type .sub-title-sm {
        font-size: 11px; }
      .select-type-of-entity-aggregator .card-type img {
        height: 25px;
        width: 25px; } }

@media (max-width: 397px) {
  .content-container.active {
    padding: 35px 18px; }
  .connection-to-selection-filters {
    position: relative;
    max-width: 100%; }
    .connection-to-selection-filters .collectiveentity-connections-filter-aggregator {
      min-width: 100%; }
    .connection-to-selection-filters > .row {
      margin-right: 0;
      margin-left: 0; }
  .filter-options.active {
    padding: 25px 16px; }
  .filter-options .select-check.select-check-connections-filter {
    flex: 0 0 100% !important; }
  .filter-options .search-filter .input-aggregator {
    width: 100% !important;
    margin-left: 0 !important; }
  .select-type-of-entity-aggregator {
    display: flex;
    flex-direction: column; }
    .select-type-of-entity-aggregator .card-type {
      width: 100%;
      margin-top: 15px;
      padding: 6px;
      display: flex;
      flex-direction: row;
      justify-content: end;
      padding-left: 13px; }
      .select-type-of-entity-aggregator .card-type .sub-title-sm {
        font-size: 11px; }
      .select-type-of-entity-aggregator .card-type img {
        height: 25px;
        width: 25px; }
      .select-type-of-entity-aggregator .card-type .card-type-text {
        margin-left: 12px;
        margin-bottom: 15px; } }

@media (max-width: 800px) {
  .mobile-tabs-aggregator {
    overflow: hidden;
    width: calc(100vw - 40px);
    height: 50px;
    margin-bottom: 20px; }
    .mobile-tabs-aggregator .profile-header-non-click h2 {
      padding: 20px 0 25px 3px !important; }
    .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs,
    .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs {
      width: auto;
      overflow-y: hidden; }
      .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop,
      .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab,
      .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop,
      .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab {
        width: auto;
        min-width: unset !important;
        padding-left: 0 !important;
        position: relative; }
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop h2,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop h3,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab h2,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab h3,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop h2,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop h3,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab h2,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab h3 {
          width: auto;
          font-size: 20px;
          position: relative;
          display: inline-flex;
          white-space: nowrap;
          font-size: 14px;
          font-weight: 600;
          color: var(--grey_dark);
          padding-left: 0; }
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop h3::before,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab h3::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop h3::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab h3::before {
            content: none;
            bottom: 19px; }
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop svg path,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab svg path,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop svg path,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab svg path {
          fill: var(--grey_dark); }
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop .amount-requests,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab .amount-requests,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop .amount-requests,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab .amount-requests {
          position: absolute;
          left: 2px;
          top: 10px;
          padding: 0px 10px;
          height: 16px;
          border-radius: 8px;
          background: var(--grey_dark);
          color: var(--white);
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 12px; }
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop .amount-requests.active,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab .amount-requests.active,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop .amount-requests.active,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab .amount-requests.active {
            background: var(--warning); }
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop.active h2,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop.active h3,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab.active h2,
        .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab.active h3,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop.active h2,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop.active h3,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab.active h2,
        .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab.active h3 {
          color: var(--secondary_dark);
          font-weight: 600; }
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop.active h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-header-desktop.active h3::before,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab.active h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .aggregate-tabs .profile-box-tab.active h3::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop.active h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-header-desktop.active h3::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab.active h2::before,
          .mobile-tabs-aggregator .profile-header-non-click .profile-box-tabs .profile-box-tab.active h3::before {
            content: ''; }
    .mobile-tabs-aggregator .profile-header-non-click.outside-card {
      width: 100%;
      overflow-y: hidden; } }

@media (max-width: 800px) {
  .profile-box-tab svg {
    width: 20px;
    height: 20px; }
  .profile-box-tab.active {
    background: none !important;
    border-color: transparent !important; }
    .profile-box-tab.active h3::after {
      position: absolute;
      content: '';
      bottom: -10px;
      width: 20px;
      left: -21px;
      height: 3px;
      background: var(--primary); } }

@media (max-width: 800px) {
  .my-company-general,
  .my-profile-general,
  .company-permissions,
  .connection-tab-js {
    border-top: solid 1px var(--grey); } }

#delete-image:hover::before,
#edit-image:hover::before {
  height: 0 !important; }

@media (max-width: 800px) {
  .modal .user-card .user-card-username {
    display: flex !important;
    flex-direction: column; }
  .modal .user-card .user-username {
    max-width: 12ch !important;
    display: -webkit-inline-box !important; }
  .modal .user-card .user-card-address-info {
    max-width: 16ch !important;
    display: -webkit-inline-box !important; } }

.modal .modal-container {
  padding: 20px;
  margin: 20px; }
  @media (max-width: 800px) {
    .modal .modal-container .profile-save-changes {
      justify-content: initial; }
      .modal .modal-container .profile-save-changes .delete-current-background .button-label {
        display: block; } }
  @media (max-width: 576px) {
    .modal .modal-container .profile-save-changes {
      justify-content: center; } }

@media (max-width: 1550px) {
  .modal .box-authentication {
    width: 79%;
    height: 30px; }
    .modal .box-authentication .rating-aggregator {
      top: initial; } }

@media (max-width: 800px) {
  .modal .box-authentication {
    position: absolute;
    border-radius: 0;
    width: 79%; } }

@media (max-width: 576px) {
  .modal .change-order {
    order: 1; } }

@media (max-width: 800px) {
  .modal .card-info {
    width: 60%;
    flex: unset;
    max-width: unset;
    order: 1; } }

@media (max-width: 576px) {
  .modal .card-info {
    width: 100%; } }

@media (max-width: 800px) {
  .modal .card-error {
    flex: unset;
    width: 100%;
    max-width: 100%;
    order: 0; } }

@media (max-width: 1100px) {
  .modal .message-error {
    width: 43% !important; } }

.modal .user-card .align-name-rating {
  align-items: initial;
  display: initial;
  flex-direction: initial;
  text-align: initial;
  margin: initial;
  margin-top: initial;
  margin-top: initial;
  width: initial;
  height: initial; }

@media (max-width: 800px) {
  .modal .selected-groups .group-to-delete {
    width: 47%; } }

@media (max-width: 479px) {
  .modal .selected-groups .group-to-delete {
    width: 100%; } }

@media (max-width: 800px) {
  .modal .error-message-server {
    padding-bottom: 10px !important; } }

@media (max-width: 800px) {
  .modal .text-alert .font-weight-bold {
    margin-top: 4px !important; } }

@media (max-width: 800px) {
  .modal .connection-request {
    width: 100%; } }

@media (max-width: 800px) {
  .modal.remove-connection-modal .row.mt-3 {
    margin-top: -20px !important; } }

@media (max-width: 800px) {
  .modal.edit-options .modal-container {
    width: 400px !important; } }

@media (max-width: 800px) {
  .modal .image-preview-container {
    padding-right: 0;
    display: flex; } }

@media (max-width: 576px) {
  .notification-modal .notification-modal-panel {
    max-width: 350px;
    margin: 20px; } }

@media (max-width: 576px) {
  .notification-modal .notification-modal-button {
    display: flex;
    justify-content: center; } }

@media (max-width: 800px) {
  .multiple-tabs-mobile {
    height: 50px;
    overflow: hidden; }
    .multiple-tabs-mobile .aggregate-tabs {
      overflow: auto hidden;
      min-height: 100px; }
      .multiple-tabs-mobile .aggregate-tabs .profile-header-desktop {
        flex: none;
        height: 50px;
        position: relative; }
        .multiple-tabs-mobile .aggregate-tabs .profile-header-desktop h2::before {
          bottom: 0; } }

@media (max-width: 1550px) {
  .container-global-search .container-content .title-list-details {
    margin-top: 3.8vw !important; } }

@media (max-width: 800px) {
  .tab-list-all.active .row,
  .tab-list-people.active .row,
  .tab-list-companies.active .row,
  .tab-list-permissions.active .row,
  .tab-list-requests.active .row {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; } }

.information-right-and-left .item {
  flex: 0 0 100% !important; }

@media (max-width: 800px) {
  .my-permissons-faqs:hover::before,
  .my-profile-faqs:hover::before,
  .my-people-faqs:hover::before,
  .my-companies-faqs:hover::before {
    height: 0 !important; } }

.container-global-helpcenter .profile-box-helpcenter .top-img-list {
  background-position: right !important; }

@media (max-width: 1550px) {
  .container-global-helpcenter .contact {
    padding: 25px 25px !important; }
    .container-global-helpcenter .contact .input-aggregator,
    .container-global-helpcenter .contact .select-box-div {
      margin: 20px 0 !important; } }

@media (max-width: 576px) {
  .container-global-helpcenter .row.subcategories-faqs {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-gap: 14px; }
    .container-global-helpcenter .row.subcategories-faqs .subcategory-faqs {
      width: 100% !important;
      height: 60px; }
      .container-global-helpcenter .row.subcategories-faqs .subcategory-faqs .aggregator-text-faqs {
        display: flex;
        flex-direction: row;
        width: 85%;
        justify-content: right; }
        .container-global-helpcenter .row.subcategories-faqs .subcategory-faqs .aggregator-text-faqs svg {
          width: 20px;
          height: 20px; }
        .container-global-helpcenter .row.subcategories-faqs .subcategory-faqs .aggregator-text-faqs .my-profile-faqs-title {
          padding-top: 0;
          margin-left: 15px; } }

.container-global-helpcenter .profile-save-changes {
  padding-left: 2.5vw !important; }

.container-global-helpcenter .profile-box-helpcenter .top-img-list {
  justify-content: center;
  align-items: center; }
  .container-global-helpcenter .profile-box-helpcenter .top-img-list span {
    opacity: 1;
    font-size: 30px; }

.container-global-helpcenter .faqs-questions .profile-header {
  padding: 20px 50px 0px !important; }
  .container-global-helpcenter .faqs-questions .profile-header .profile-arrow {
    top: 23px !important; }
  .container-global-helpcenter .faqs-questions .profile-header .f-faqs-title {
    font-size: 14px !important; }

.container-global-helpcenter .faqs-questions .edit-profile-content {
  margin: 0px 50px 16px !important; }

@media (max-width: 1550px) {
  .container-global-helpcenter .profile-box-helpcenter .top-img-list span {
    font-size: 25px; }
  .container-global-helpcenter .helpcenter-contact {
    height: 80px;
    width: 80px; }
    .container-global-helpcenter .helpcenter-contact .helpcenter-contact-text {
      font-size: 8px; }
  .container-global-helpcenter .subcategories-faqs {
    grid-template-columns: repeat(auto-fill, minmax(120px, 0fr));
    grid-gap: 14px; }
    .container-global-helpcenter .subcategories-faqs .subcategory-faqs {
      width: 124px !important;
      height: 102px; }
      .container-global-helpcenter .subcategories-faqs .subcategory-faqs .aggregator-text-faqs .my-profile-faqs-title {
        padding-top: 15px;
        font-size: 12px;
        font-weight: 400; } }

@media (max-width: 800px) {
  html {
    overflow-x: hidden !important; } }

@media (max-width: 800px) {
  .top-bar-icon-aggregator p {
    display: none !important; } }

@media (max-width: 800px) {
  .sign-in-box-body-login h1,
  .sign-in-box-body-sign-up h1 {
    font-size: 20px !important; }
  .sign-in-box-body-login h3,
  .sign-in-box-body-sign-up h3 {
    font-size: 14px !important; } }

@media (max-width: 800px) {
  .login-aggregator {
    padding-top: 0 !important; } }

@media (max-width: 800px) {
  .login-create {
    margin-right: 20px !important; } }

@media (max-width: 800px) {
  .Icon {
    width: 22px !important; } }

@media (max-width: 800px) {
  .Icon-niupme {
    width: 100px !important;
    margin-left: 5px; } }

@media (max-width: 800px) {
  .top-bar-icon-aggregator-logon {
    margin-left: 20px !important; } }

@media (max-width: 800px) {
  .col-text {
    justify-content: center !important;
    max-width: 100%; } }

@media (max-width: 800px) {
  .aggregator-text-about {
    width: 65vw; } }

@media (max-width: 800px) {
  .text-footer {
    font-size: 14px !important; } }

@media (max-width: 800px) {
  .title-footer {
    font-size: 20px !important; } }

@media (max-width: 800px) {
  .col-img-authentication,
  .col-img-safety,
  .col-img-connected,
  .col-img-access {
    max-width: 100%;
    flex: 0 0 100%; }
    .col-img-authentication img,
    .col-img-safety img,
    .col-img-connected img,
    .col-img-access img {
      transition: none !important;
      opacity: 1 !important;
      transform: initial !important; } }

@media (max-width: 1550px) {
  .aggregate-login {
    display: block !important; } }

@media (max-width: 1550px) {
  .sign-in-box {
    margin: 15vh auto 5vh auto !important; }
    .sign-in-box .input-aggregator-name {
      display: block !important; } }

@media (max-width: 800px) {
  .first-row,
  .third-row,
  .second-row,
  .fourth-row {
    min-height: unset; } }

@media (max-width: 800px) {
  .button-cancel {
    display: none !important; } }

@media (max-width: 800px) {
  .button-save,
  #delete-group-confirm,
  .remove-connection,
  .delete-company {
    width: fit-content; }
    .button-save span,
    #delete-group-confirm span,
    .remove-connection span,
    .delete-company span {
      display: block !important;
      margin-left: 0 !important;
      width: 100%;
      text-align: center; }
    .button-save svg,
    #delete-group-confirm svg,
    .remove-connection svg,
    .delete-company svg {
      display: none !important; } }

@media (max-width: 1550px) {
  .croppie-container .cr-slider-wrap {
    margin: 0 auto !important; } }

@media (max-width: 1550px) {
  .cr-slider {
    padding-top: 20px !important;
    padding-bottom: 20px !important; } }

@media (max-width: 1550px) {
  input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: var(--grey);
    margin-top: -10px;
    cursor: pointer; }
  input[type='range']::-moz-range-thumb {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: var(--grey);
    cursor: pointer; }
  input[type='range']::-ms-thumb {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: var(--grey);
    cursor: pointer; }
  input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 5.5px;
    cursor: pointer; }
  input[type='range']::-moz-range-track {
    width: 100%;
    height: 5.5px;
    cursor: pointer; }
  input[type='range']::-ms-track {
    width: 100%;
    height: 5.5px;
    cursor: pointer; } }

*,
*:after,
*:before {
  font-family: 'Montserrat', sans-serif; }

/*---------------------------*/
/*       MOBILE DEVICES      */
/*---------------------------*/
@-ms-viewport {
  width: device-width; }

body {
  color: var(--primary);
  font-family: 'Montserrat',
 sans-serif;
  background-color: var(--background);
  overflow-y: auto; }
  body.no-overflow {
    overflow-x: hidden; }

html {
  overflow-x: hidden; }

label {
  margin-bottom: 0px; }

a {
  text-decoration: none;
  color: var(--white); }
  a:hover {
    color: var(--white);
    text-decoration: none; }

button {
  cursor: pointer;
  border: none; }
  button:focus {
    outline: none; }

input:required {
  box-shadow: none; }