@charset "UTF-8";

:root {
  --black: #000;
  --white: #fff;

  --dark: #0d3c44;
  --dark-100: #d9e5e7;
  --dark-150: #5d5d5d;
  --dark-200: #184952;
  --dark-250: #637b7b4d;
  --dark-300: #14444c;

  --dark-400: #0c3d45;
  --dark-500: #0b3239;
  --dark-750: #013741;
  --dark-900: #07262c;
  --dark-icons: #427e89;

  --darker-background: #00323a;
  --darker-100: #00000033;
  --darker-solid: #0b333a;

  --neutral: #fbdcda;
  --neutral-100: #e7eeef;
  --neutral-150: #c4c4c4;
  --neutral-200: #d2dcdd;
  --neutral-250: #cce;
  --neutral-300: #97aeb2;
  --neutral-350: #6ba8b3;
  --neutral-400: #89a0a5;
  --neutral-450: #427d88;
  --neutral-500: #637b7b;
  --neutral-550: #72a3ac;
  --neutral-600: #176e7d;
  --neutral-700: #067384;
  --neutral-900: #226672;

  --primary: #e6a73f;
  --primary-100: #f0ca8c;
  --primary-200: #f7e5c5;
  --primary-300: #f4f5f8;

  --danger: #e95248;
  --danger-100: #fbd2d0;
  --danger-200: #f6bab6;
  --danger-300: #ec5955;
  --danger-400: #ed8078;
  --danger-500: #cd4940;

  --success: #38bc9a;
  --success-100: #c3ebe1;
  --success-200: #88d7c2;
  --success-300: #417b86;
  --success-400: #5a8d96;
  --success-500: #47b89b;

  --secondary: #4899a8;
  --secondary-100: #8eaeb4;
  --secondary-200: #7aa1a8;
  --secondary-300: #77acb6;
  --secondary-400: #d9e5e7;
  --secondary-500: #fff4f5;

  /* TO DECIDE */

  --unique-24: #10353c;
  --unique-23: #0c2b31;
  --unique-1: #09292e;
  --unique-2: #082327;
  --unique-3: #012f37;
  --unique-4: #063037;
  --unique-5: #043444;
  --unique-6: #1b4e63;
  --unique-7: #157c9a;
  --unique-28: #427e8966;
  --unique-8: #225660;
  --unique-9: #1d5863;
  --unique-10: #2e6b75;
  --unique-11: #3c7681;
  --unique-12: #3897a8;
  --unique-13: #47838d;
  --unique-14: #43676d;
  --unique-15: #65a2ad;

  --unique-16: #fdf3e2;
  --unique-17: #f6f7f8;
  --unique-18: #d9d9d9;
  --unique-19: #82d2df;
  --unique-25: #ffe2e0;
  --unique-26: #f4a9a4;
  --unique-27: #ffd8d6;

  --unique-20: #f0c071;
  --unique-21: #b7883f;
  --unique-22: #8a8b57;

  --header: transparent;

  /* VARIABLE NAME PATTERN */
  /* PARENT COMPONENT - CHILD COMPONENTS OR CSS PROPERTIES NAME - STATES(HOVER,ACTIVE...) */

  /* ---- Geral Page ---- */
  --geralPage-background: var(--dark);
  --geralPage-loaderSpinner: var(--white);
  --geralPage-navigationBackground: var(--dark);
  --geralPage-backToMenuText: var(--secondary-200);

  /* ---- Header Card (in page top) ---- */

  --geralPage-headerCardText: var(--white);
  --geralPage-headerCardIcon: var(--neutral-300);
  --clusterApp-sidebarShadowColor: var(--header);

  /* ---- Cards ---- */

  --geralPage-cardHeaderBackground: var(--dark);
  --geralPage-cardHeaderTextIcon: var(--white);
  --geralPage-cardHeaderDrag: var(--white);
  --geralPage-cardHeaderDrag-Hover: var(--white);
  --geralPage-cardHeaderCalendar: var(--white);
  --geralPage-cardHeaderTitle: var(--white);

  --geralPage-cardBackground: var(--unique-9);
  --geralPage-cardDescription: var(--neutral-300);
  --geralPage-cardShadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.17);

  --geralPage-cardSkeletonLoader: linear-gradient(to right, var(--dark-300) 8%, #1f4c55 18%, #024754 33%);

  --resetSettings-modalBg: #184a53;
  --resetSettings-modalHeaderText: var(--white);
  --resetSettings-modalBorder: #ffffff33;
  --resetSettings-modalHeaderIcons: #7aa1a8;
  --resetSettings-contentText: var(--white);
  --resetSettings-resetSettingsBtnBg: var(--success-500);
  --resetSettings-resetSettingsBtnBgHover: var(--success-200);
  --resetSettings-resetSettingsBtn: var(--unique-23);
  --resetSettings-resetSettingsBtnIcon: var(--unique-23);
  --resetSettings-cancelBtnBg: var(--success-300);
  --resetSettings-cancelBtnBgHover: var(--secondary);
  --resetSettings-cancelBtnBorder: var(--success-400);
  --resetSettings-cancelBtn: var(--white);
  --resetSettings-cancelBtnIcon: var(--white);

  --geralPage-cardSnackBarBackground: var(--dark-900);
  --geralPage-cardSnackBarText: var(--white);
  --geralPage-cardSnackBarSaveText: var(--primary);
  --geralPage-cardSnackBarSaveText-Hover: var(--primary-100);
  --geralPage-cardSnackBarDangerText: var(--danger);
  --geralPage-cardSnackBarDangerText-Hover: var(--danger-100);

  /* ---- end of geral page Cards ---- */

  /* ---- Menu Overlay ---- */

  --menuOverlay-backgroundColor: var(--dark);

  /* ---- end of Menu Overlay ---- */

  /* ---- Left Menu ----*/

  --leftMenu-borderRight: var(--dark-200);
  --leftMenu-background: var(--dark);
  --leftMenu-boxShadow: 0px 0px 9px 10px rgba(0, 0, 0, 0.47);

  --leftMenu-arrow: var(--dark-icons);
  --leftMenu-arrowHover: var(--neutral-550);

  --leftMenu-headerBottomBorder: var(--dark-200);

  --leftMenu-bellBackground: var(--unique-28);
  --leftMenu-bellBackground-Active: var(--primary);
  --leftMenu-bellBackground-Hover: var(--unique-13);
  --leftMenu-bellIcon: var(--white);

  --leftMenu-searchBarBackground: var(--darker-solid);
  --leftMenu-searchBarIcon: var(--dark-icons);
  --leftMenu-searchBarPlaceholder: var(--dark-icons);
  --leftMenu-searchBarInput: var(--white);
  --leftMenu-searchBarBorder-Hover: var(--dark-icons);
  --leftMenu-searchBarCloseText: var(--dark-icons);
  --leftMenu-searchBarCloseText-Hover: var(--white);

  --leftMenu-item: var(--neutral-300);
  --leftMenu-item-Active: var(--white);
  --leftMenu-itemBackground-Active: rgba(0, 0, 0, 0.15);
  --leftMenu-itemIcon: var(--dark-icons);
  --leftMenu-itemIcon-Active: var(--primary);
  --leftMenu-itemArrow: var(--dark-icons);

  --leftMenu-subMenu-Active: var(--white);
  --leftMenu-subItem-Hover: var(--white);
  --leftMenu-subItemBorderLeft: var(--dark-icons);
  --leftMenu-subItemBackground-Active: rgba(0, 0, 0, 0.15);
  --leftMenu-subItemText-Active: var(--white);

  --leftMenu-usefulLinks: var(--dark-icons);
  --leftMenu-usefulItem: var(--neutral-300);
  --leftMenu-usefulItem-Hover: var(--white);
  --leftMenu-usefulItem-Active: var(--neutral-300);

  /* favorites tab*/

  --leftMenu-favoriteItemBackground: transparent;
  --leftMenu-favoriteAddButton: #427e89;
  --leftMenu-favoriteAddButton-Hover: #e6a73f;
  --leftMenu-favoriteDragIcon: #427e89;
  --leftMenu-favoriteDragIcon-Hover: #e6a73f;
  --leftMenu-favoriteSubItemIcon-Active: #e6a73f;
  --leftMenu-favoriteEditIcon: #427e89;
  --leftMenu-favoriteEditIcon-Hover: #e6a73f;

  --leftMenu-favoriteEditPopUpBackground: var(--dark);
  --leftMenu-favoriteEditPopUpItemBackground-Hover: rgba(0, 0, 0, 0.15);
  --leftMenu-favoriteEditPopUpItemIcon: var(--dark-icons);
  --leftMenu-favoriteEditPopUpItemText: var(--neutral-300);
  --leftMenu-favoriteEditPopUpItemText-Hover: var(--primary);

  /* end of favorites tab */

  /* Activity page in left menu */
  --leftMenu-backToMainBackground: rgba(0, 0, 0, 0.09);
  --leftMenu-backToMainText: var(--dark-icons);
  --leftMenu-backToMainArrow: var(--dark-icons);

  --leftMenu-activityText: var(--white);
  --leftMenu-activitySubText: var(--neutral-300);
  --leftMenu-activityInfoIcon: var(--neutral-300);
  --leftMenu-activityInfoIcon-Hover: var(--white);

  --leftMenu-activityCardText: var(--white);
  --leftMenu-activityCardDividerBorderColor: var(--dark-200);
  --leftMenu-activityCardSubText: var(--neutral-300);
  --leftMenu-activityCardSubLink: var(--primary);
  --leftMenu-activityCardSubLink-Hover: var(--unique-20);

  /* Photo page in left menu */
  --leftMenu-photoText: var(--white);
  --leftMenu-photoSubText: var(--neutral-300);
  --leftMenu-photoFormatText: var(--neutral-300);
  --leftMenu-photoPreviewBorder: var(--dark-icons);
  --leftMenu-photoPreviewBackground: rgba(0, 0, 0, 0.15);
  --leftMenu-photoContainerBorderBottomBackground: var(--dark-200);

  /* ---- end of Left Menu ---- */

  /* ---- ClusterApp ---- */
  --clusterApp-geralBackground: var(--neutral-100);

  --clusterApp-leftMenuBackground: var(--darker-background);
  --clusterApp-leftMenuHeaderBorder: var(--dark-400);
  --clusterApp-leftMenuItem: var(--neutral-300);
  --clusterApp-leftMenuItem-Active: var(--primary);
  --clusterApp-leftMenuItem-Active-bg: rgba(0, 0, 0, 0.15);
  --clusterApp-leftMenuItem-Hover: var(--white);

  --clusterApp-leftMenuSubItem: rgba(255, 255, 255, 0.5);
  --clusterApp-leftMenuSubItem-Active: var(--white);

  --clusterApp-headerBackground: var(--white);
  --clusterApp-headerBackgroundMobile: var(--dark);
  --clusterApp-headerBurgerMenu: var(--dark-icons);
  --clusterApp-headerTitle: var(--dark);
  --clusterApp-appName: var(--dark-200);
  --clusterApp-sheetTitle: var(--dark);
  --clusterApp-headerUpdate: var(--neutral-400);

  --clusterApp-filterBarBackground: var(--neutral-100);
  --clusterApp-filterBarBorderBottom: var(--neutral-200);
  --clusterApp-filterBarIconFilter: var(--dark-icons);
  --clusterApp-filterBarTextFilter: var(--dark);
  --clusterApp-filterBarCounterFilterBackground: var(--danger);
  --clusterApp-filterBarCounterFilterNumber: var(--white);

  --clusterApp-rightFilterBarHeaderBackground: var(--white);
  --clusterApp-rightFilterBarHeaderTitle: #0d3c44;
  --clusterApp-cardsBackground: var(--white);
  --clusterApp-cardsShadow: 0px 1px 2px rgba(99, 123, 123, 0.1), 0px 4px 6px rgba(99, 123, 123, 0.1);
  --clusterApp-cardsTitle: var(--neutral-350);

  --clusterApp-mobileHeaderTitleColor: var(--white);
  --clusterApp-mobileHeaderIconsColor: var(--white);
  --clusterApp-mobileSheetTitleColor: var(--white);
  --clusterApp-mobileAppTitleColor: var(--white);
  --clusterApp-mobileBurgerMenuColor: var(--white);
  --clusterApp-mobileHeaderBackgroundColor: var(--dark);
  --clusterApp-mobileAppHeaderBackground: var(--darker-background);
  --clusterApp-mobileHeaderSelectionsCounterColor: var(--white);
  /* ---- end of ClusterApp ---- */

  /* Favorites  */
  --favorites-modalBackground: #184a53;

  --favorites-modalHeaderIcons: #7aa1a8;
  --favorites-modalHeaderText: var(--white);
  --favorites-modalHeaderBorderBottom: #ffffff20;

  --favorites-modalDescription: var(--white);
  --favorites-modalInputsText: #aec7cc;
  --favorites-modalInputBackground: #0d2f35;
  --favorites-modalInputBorder: #0d2f35;
  --favorites-modalInputBorder-Hover: #e6a73f;
  --favorites-modalInputText: #e7eeef;
  --favorites-modalInputText-Placeholder: var(--neutral-500);

  --favorites-modalIconSelect: #427e89;
  --favorites-modalIconBoxBackground: #0d2f35;
  --favorites-modalIconSelectRightBorder: #134049;
  --favorites-modalIconSelectTitle: var(--white);
  --favorites-modalIconSelectCustomTitle: var(--white);
  --favorites-modalIconSelectCustomLink: #e6a73f;
  --favorites-modalIconSelectInputBackground: #134049;
  --favorites-modalIconSelectInputText: #134049;
  --favorites-modalIconSelectInputText-Focus: var(--white);
  --favorites-modalIconSelectInputBorder: #134049;
  --favorites-modalIconSelectInputBorder-Focus: #e6a73f;

  --favorites-modalIconBoxSelectableIcon: #d9e5e7;
  --favorites-modalIconBoxSelectableIcon-Active: #10353c;
  --favorites-modalIconBoxSelectableBackground: #417b86;
  --favorites-modalIconBoxSelectableBackground-Hover: #4899a8;
  --favorites-modalIconBoxSelectableBackground-Active: #4899a8;
  --favorites-modalIconBoxSelectableBorder: #5a8d96;
  --favorites-modalIconBoxSelectableBorder-Hover: #5a8d96;
  --favorites-modalIconBoxSelectableBorder-Active: #5a8d96;

  --favorites-modalFooterBorderTop: #ffffff20;

  /* end of Favorites */

  /* ---- Favorite Pin button ---- */

  --favoritePin-backgroundColor: #417b86;
  --favoritePin-hoverBackgroundColor: #4899a8;

  --favoritePin-borderColor: #5a8d96;
  --favoritePin-hoverBorderColor: #8eaeb4;

  --favoritePin-iconColor: #d9e5e7;
  --favoritePin-hoverIconColor: #fff;

  --favoritePin-activeBackgroundColor: #e6a73f;
  --favoritePin-activeBorderColor: #f3c272;
  --favoritePin-activeIconColor: #10353c;

  --favoritePin-activeFocusBackgroundColor: #f1cd93;
  --favoritePin-activeFocusBorderColor: #f1cd93;
  --favoritePin-activeFocusIconColor: #10353c;

  --favoritePin-deletePinBackgroundColor: #ec5955;
  --favoritePin-deletePinHoverBackgroundColor: #f4a9a4;

  --favoritePin-deletePinBorderColor: #ed8078;
  --favoritePin-deletePinHoverBorderColor: #ffd8d6;

  --favoritePin-deletePinIconColor: #ffe2e0;
  --favoritePin-deletePinHoverIconColor: #cd4940;

  --favoritePin-editPinBackgroundColor: #417b86;
  --favoritePin-editPinHoverBackgroundColor: #4899a8;

  --favoritePin-editPinBorderColor: #5a8d96;
  --favoritePin-editPinHoverBorderColor: #8eaeb4;

  --favoritePin-editPinIconColor: #d9e5e7;
  --favoritePin-editPinHoverIconColor: #ffffff;

  --favoritePin-inputBackgroundColor: orange;

  --favoriteLoader-backgroundColor: rgba(0, 0, 0, 0.18);

  /* ---- end of Favorite Pin button ---- */

  /* ---- Loaders ---- */
  --geralPage-loaderStepBackground: var(--dark-750);
  --geralPage-loaderStepNumber: var(--white);
  --geralPage-loaderStepBarBackground: var(--unique-14);
  --geralPage-loaderStepFillBar: var(--primary);

  --geralPage-spinnerLoader: var(--white);
  /* ---- end of Loaders ---- */

  --geralPage-customContent-borderColor-Active: var(--primary);
  --geralPage-customContent-color-Active: var(--white);
  --geralPage-customContent-color: var(--neutral-300);

  /* ---- Tooltip ---- */
  --geralPage-tooltipBackground: var(--white);
  --geralPage-tooltipText: var(--dark-200);

  --favorite-tooltipBackground: var(--white);
  --favorite-tooltipText: var(--dark-200);
  /* end of Tooltip */

  /* Buttons */
  --geralPage-openAppButtonBackground: var(--dark-icons);
  --geralPage-openAppButtonBackground-Hover: var(--unique-12);
  --geralPage-openAppButtonBorder: var(--dark-icons);
  --geralPage-openAppButtonBorder-Hover: var(--dark-icons);
  --geralPage-openAppButtonText: var(--white);
  --geralPage-openAppButtonText-Hover: var(--white);

  --clusterApp-favoriteButtonBackground: var(--white);
  --clusterApp-favoriteButtonBackground-Hover: var(--neutral-100);
  --clusterApp-favoriteButtonBorder: var(--neutral-200);
  --clusterApp-favoriteButtonBorder-Hover: var(--neutral-200);

  --clusterApp-expandedRemoveSelection: var(--dark-icons);
  --clusterApp-expandedNoSelection: var(--neutral-400);
  --clusterApp-expandedAlternativeValue: var(--neutral-100);
  --clusterApp-expandedSelectedValue: var(--success);

  --clusterApp-filterBarActionButtons: var(--dark-icons);
  --clusterApp-filterBarActionButtonsBackground-Hover: var(--dark-100);
  --clusterApp-filterBarActionButtonsBorder-Hover: var(--dark-100);

  --primary-buttonBackground: var(--primary-100);
  --primary-buttonBorder: var(--primary-200);
  --primary-buttonText: var(--dark);
  --primary-iconColor: var(--dark-icons);

  --btn-successBackground: var(--success-500);
  --btn-successBackground-Hover: var(--success-200);
  --btn-successBackground-Active: var(--success);
  --btn-successBorder: var(--success-200);
  --btn-successBorder-Hover: var(--success-200);
  --btn-successBorder-Active: var(--success);
  --btn-successText: var(--unique-23);
  --btn-successText-Hover: var(--unique-23);
  --btn-successText-Active: var(--unique-23);
  --btn-successIcon: var(--unique-23);
  --btn-successIcon-Hover: var(--unique-23);
  --btn-successIcon-Active: var(--unique-23);

  --btn-secondaryBackground: var(--success-300);
  --btn-secondaryBackground-Hover: var(--secondary);
  --btn-secondaryBackground-Active: var(--secondary-300);
  --btn-secondaryBorder: var(--success-400);
  --btn-secondaryBorder-Hover: var(--secondary-100);
  --btn-secondaryBorder-Active: var(--secondary-200);
  --btn-secondaryText: var(--secondary-500);
  --btn-secondaryText-Hover: var(--white);
  --btn-secondaryIcon: var(--secondary-400);
  --btn-secondaryIcon-Hover: var(--white);

  --btn-dangerBackground: var(--danger-300);
  --btn-dangerBackground-Hover: var(--unique-26);
  --btn-dangerBackground-Active: var(--danger);
  --btn-dangerBorder: var(--danger-200);
  --btn-dangerBorder-Hover: var(--unique-27);
  --btn-dangerBorder-Active: var(--danger);
  --btn-dangerText: var(--white);
  --btn-dangerText-Hover: var(--dark);
  --btn-dangerIcon: var(--unique-25);
  --btn-dangerIcon-Hover: var(--danger-500);

  --favorite-addIconButtonBackground: #e6a73f;
  --favorite-addIconButtonBackground-Hover: #f3c272;
  --favorite-addIconButtonBorder: #e6a73f;
  --favorite-addIconButtonBorder-Hover: #e6a73f;
  --favorite-addIconButtonText: #0d3c44;
  --favorite-addIconButtonIcon: #10353c;

  --expand-color: var(--white);
  --expand-backgroundColor: var(--dark-icons);

  /* end of Buttons */

  /* Scrollbar */
  --scrollbar: var(--dark);
  --scrollbar-active: var(--dark-500);
  /* End of scrollbar */
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

* {
  box-sizing: border-box;
}

#container {
  flex: 1;
}

body,
html {
  min-height: 100%;
}

body.noaccess {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  padding: 0 70px;
  text-align: center;
  color: var(--dark);
}

button {
  cursor: pointer;
  font-family: Source Sans Pro;
}

button:disabled {
  pointer-events: none;
}

input,
textarea {
  font-family: Source Sans Pro !important;
}

.geral-page {
  background-repeat: no-repeat;
  background-position: right;
  /* background-color: var(--geralPage-background); */
  background-color: var(--white);
  border-top: 3px solid var(--neutral-900);
  border-top: none;
}

@media (max-width: 1023px) {
  .geral-page {
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    height: 100%;
  }

  .content {
    width: 100%;
  }
}

.content {
  background-color: var(--geralPage-background);
  position: absolute;
  overflow: auto;
  top: 0;
  bottom: 0;
  left: 50px;
  right: 0;
  display: flex;
  transition: 0.5s;
  overflow-x: hidden;
}

.content.isLoading {
  left: 0px;
  margin-top: 0;
}

@media (min-width: 1024px) {
  .menu-opened .content {
    left: 240px;
    transition: 0.5s;
  }

  .content {
    z-index: 102;
  }

  .page-auto-mashup .app-container {
    left: 190px;
  }
  .page-auto-mashup.hideMenu .app-container {
    left: 0;
  }

  .only-mobile {
    display: none;
  }
}

.uk-button-default {
  border: none;
}

.qo-10h {
  height: 10px !important;
}

.qo-15h {
  height: 15px !important;
}

.qo-25h {
  height: 25px !important;
}

.qo-40h {
  height: 37px !important;
  max-height: 37px !important;
}

.qo-50h {
  height: 50px !important;
}

.qo-55h {
  height: 55px !important;
}

.qo-75h {
  height: 75px !important;
}

.qo-90h {
  height: 90px !important;
}

.qo-100h {
  height: 100px !important;
}

.qo-125h {
  height: 125px !important;
}

.qo-150h {
  height: 150px !important;
}

.qo-200h {
  height: 200px !important;
}

.qo-250h {
  height: 250px !important;
}

.qo-300h {
  height: 300px !important;
}

.qo-350h {
  height: 350px !important;
}

.qo-400h {
  height: 400px !important;
}

.qo-450h {
  height: 450px !important;
}

.qo-500h {
  height: 500px !important;
}

.qo-550h {
  height: 550px !important;
}

.qo-600h {
  height: 600px !important;
}

.qo-650h {
  height: 650px !important;
}

.qo-700h {
  height: 700px !important;
}

.qo-750h {
  height: 750px !important;
}

.qo-800h {
  height: 800px !important;
}

.qo-10w {
  min-width: 10px !important;
}

.qo-15w {
  min-width: 15px !important;
}

.qo-25w {
  min-width: 25px !important;
}

.qo-50w {
  min-width: 50px !important;
}

.qo-75w {
  min-width: 75px !important;
}

.qo-90w {
  min-width: 90px !important;
  max-width: 90px !important;
}

.qo-100w {
  min-width: 100px !important;
}

.qo-110w {
  min-width: 110px !important;
  max-width: 110px !important;
}

.qo-125w {
  min-width: 125px !important;
}

.qo-150w {
  min-width: 150px !important;
}

.qo-200w {
  min-width: 200px !important;
}

.qo-250w {
  min-width: 250px !important;
}

.qo-300w {
  min-width: 300px !important;
}

.qo-350w {
  min-width: 350px !important;
}

.qo-400w {
  min-width: 400px !important;
}

.qo-450w {
  min-width: 450px !important;
}

.qo-500w {
  min-width: 500px !important;
}

.qo-550w {
  min-width: 550px !important;
}

.qo-600w {
  min-width: 600px !important;
}

.qo-650w {
  min-width: 650px !important;
}

.qo-700w {
  min-width: 700px !important;
}

.qo-750w {
  min-width: 750px !important;
}

.qo-800w {
  min-width: 800px !important;
}

.app-loader .app-spinner {
  color: var(--geralPage-loaderSpinner);
}

.spinner-logo {
  max-width: 250px;
  margin-bottom: 50px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */

::-webkit-scrollbar-track {
  /* background: var(--dark-750); */
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: var(--scrollbar);
  border-radius: 6px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-active);
}

.uk-tooltip {
  background: var(--geralPage-tooltipBackground);
  color: var(--geralPage-tooltipText);
  border-radius: 5px;
  padding: 8px 6px;
  font-size: 13px;
  font-family: "Source Sans Pro";
}

.app-loader.loading-theme {
  background-color: var(--white) !important;
}

.app-loader {
  background-color: var(--geralPage-loaderStepBackground);
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 99;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.app-loader .spinner {
  -webkit-animation: rotation 1000ms cubic-bezier(0.18, 0.77, 0.81, 0.37) infinite;
  animation: rotation 1000ms cubic-bezier(0.18, 0.77, 0.81, 0.37) infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@-webkit-keyframes turn {
  0% {
    stroke-dashoffset: 180;
  }

  50% {
    stroke-dashoffset: 45;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 180;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@keyframes turn {
  0% {
    stroke-dashoffset: 180;
  }

  50% {
    stroke-dashoffset: 45;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 180;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

.app-loader .spinner {
  stroke: var(--unique-6);
  width: 190px;
  height: 190px;
  margin-top: 60px;
  border-radius: 100%;
  box-shadow: inset 4px 3px 2px 2px var(--unique-5);
}

.app-loader.hidden {
  display: none;
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.activity-bar {
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  background-color: transparent;
  z-index: 4;
  transition: 0.5s;
}

.activity-bar-empty-message {
  color: var(--unique-11); /* unique2 */
  padding-left: 20px;
  margin-top: 10px;
}

.activity-closed {
  right: -270px;
  transition: 0.5s;
}

h1,
h2 {
  color: var(--white);
}

.activity-custom {
  background-color: #00000033;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  position: fixed;
  display: none;
}

.top-activity {
  align-items: center;
  display: flex;
  padding-left: 15px;
  height: 70px;
  position: relative;
  min-height: 70px;
  font-family: "Source Sans Pro" !important;
}

.bell-div.active {
  background-color: var(--leftMenu-bellBackground-Active);
  margin-left: 0px;
}

.top-activity h1 {
  color: var(--leftMenu-activityText);
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans Pro";
  margin-bottom: 0;
}

.top-activity h2 {
  color: var(--leftMenu-activitySubText);
  font-size: 14px;
  font-family: "Source Sans Pro";
}

.top-activity .fa-info-circle {
  color: var(--leftMenu-activityInfoIcon);
  margin-left: 5px;
}

.activity-card {
  display: flex;
  height: 90px;
  min-height: 90px;
  align-items: center;
  margin: 10px 16px;
  font-family: "Source Sans Pro" !important;
  box-shadow: inset 0px 1px 0px var(--leftMenu-activityCardDividerBorderColor);
}

.foto {
  width: 38px;
  min-width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  min-width: 38px;
}

.activity-information-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 10px;
  padding-right: 20px;
}

.activity-information-card h1 {
  font-size: 15px;
  color: var(--leftMenu-activityCardText);
  margin: 0;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 16px;
}

.activity-information-card p {
  margin: 0;
  color: var(--leftMenu-activityCardSubText);
  margin: 0;
  font-size: 14px;
}

.activity-information-card a {
  color: var(--leftMenu-activityCardSubLink);
  word-break: break-all;
  text-decoration: underline;
}

.activity-information-card a:hover {
  color: var(--unique-20);
}

.activity-information-card:not(:has(a)) span:first-of-type {
  color: var(--leftMenu-activityCardSubLink);
}

.activity-information-card span {
  color: var(--leftMenu-activityCardSubText);
  word-break: break-word;
}

.activity-information-card p {
  line-height: 1;
}

.close-activity {
  position: absolute;
  top: 14px;
  right: 10px;
  font-size: 20px;
  height: 30px;
  width: 32px;
  color: var(--neutral-450);
}

.close-activity:hover {
  color: var(--white);
}

.bell-div {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
}

@media (max-width: 1023px) {
  .activity-closed.activity-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  width: 80%;
}

.uk-search .uk-search-icon {
  color: var(--leftMenu-searchBarIcon);
}

.uk-search-input {
  border: none !important;
  color: var(--leftMenu-searchBarInput);
}

.uk-search-input::placeholder {
  color: var(--leftMenu-searchBarPlaceholder);
}

.uk-search-input::placeholder {
  color: var(--leftMenu-searchBarPlaceholder);
}

.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 30px;
}

.search-link {
  color: var(--primary);
  text-decoration: none;
}

.search-link:hover {
  color: var(--unique-20); /* unique2 */
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.navbar-style {
  align-items: center;
  justify-content: space-between;
  height: 66px;
}

nav#navigation {
  background: transparent;
  background-position: -200px;
  /* background-image: url(./../img/bg-mobile.png); */
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
  transition: 0.3s;
  position: absolute;
  z-index: 102;
}

.navbar-custom {
  background-color: var(--darker-100);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  position: fixed;
  display: none;
}

.menu-opened .is-mobile .navbar-custom {
  display: initial;
}

.hamburguer-style {
  border: none;
  color: var(--dark-icons) !important;
  font-size: 27px;
  padding: 13px 13px 13px 16px;
  cursor: initial;
}

.hamburguer-style-desktop {
  padding: 0;
  margin: 13px 13px 13px 16px;
}

.fa-bars {
  cursor: pointer;
}

.navbar-mobile-style .hamburguer-style {
  padding: 0;
}

.logo-top-menu img {
  max-width: 165px !important;
  max-height: 50px;
}

.top-navbar-mobile {
  display: flex;
  padding-bottom: 22px;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-top: 22px;
  border-bottom: 1px solid var(--leftMenu-headerBottomBorder);
  min-height: 70px;
}

.nav-icon {
  padding-right: 25px;
}

.item-menu {
  margin: 14px 0px;
  padding: 0px;
  font-size: 14px;
}

.item-menu a:hover span {
  color: var(--leftMenu-item-Hover);
}

.external-links-menu {
  font-size: 14px;
  margin: 5px 0px;
  margin-left: 10px;
}

.external-links-menu .menu-active {
  color: var(--leftMenu-usefulItem-Active);
}

.external-links-menu a {
  padding: 3px 14px;
  color: var(--leftMenu-usefulItem);
}

.external-links-menu a:hover {
  color: var(--leftMenu-usefulItem-Hover);
}

.menu-closed .item-menu a {
  overflow: hidden;
}

.item-menu a {
  padding: 10px 18px !important;
  color: var(--neutral-300);
  font-size: 15px;
}

.menu-closed .item-menu a .menu-item-text,
.no-group-icon.root.nav-icon a .menu-item-text {
  max-width: 0;
  opacity: 0;
  max-height: 15px;
  transition: none;
}

.item-menu .menu-item-text,
.item-menu a span,
.empty-search,
a.submenu-toggle.sheet,
.subitem.sheets a {
  color: var(--leftMenu-item);
  font-size: 15px;
  max-height: unset;
  max-width: 170px;
  opacity: 1;
  transition: opacity 0.2s linear 0.2s;
  word-break: break-word;
  margin-right: 8px;
}

.empty-search {
  padding: 8px;
  max-width: 100%;
}

.item-menu a.active,
.item-menu a.menu-active .menu-item-text,
.favoriteList:has(.active) .menu-item-text,
.item-menu.active.rootApp .menu-item-text,
.item-menu.menu-active .menu-item-text,
.sheets .subgroup-menu-active .appWrapper .appName,
.sheets .subgroup-menu-active .appName.menu-item-text {
  color: var(--leftMenu-item-Active);
}

.uk-nav-default .uk-nav-sub .has-submenu a:not(.subgroup-menu) {
  padding-left: 17px !important;
}

.uk-nav-default .uk-nav-sub a {
  line-height: 1;
  margin-top: 4px;
  padding-left: 44px !important;
}

.uk-nav-default .uk-nav-sub a.subgroup-menu {
  color: var(--leftMenu-item);
}

.uk-nav-default .uk-nav-sub a.subgroupSheets-menu {
  color: var(--leftMenu-item);
}

.uk-nav-default .uk-nav-sub a.subgroup-menu-active,
.submenu-active.sheet span {
  color: var(--leftMenu-subMenu-Active);
}

.ul.uk-nav-sub {
  padding: 12px 0 5px 15px;
}

.item-menu a .nav-icon {
  color: var(--leftMenu-itemIcon);
  width: 16px;
  font-size: 16px;
}

.align-center {
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  padding: 15px 0;
  left: 0;
  right: 0px;
}

.no-featured-apps.uk-grid.cards-home.custom-font.div-total-apps.custom-font.align-center {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.no-featured-apps {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: calc(50vh - 115px) !important;
}

.no-featured-apps i {
  font-size: 110px;
  color: var(--dark-icons);
}

.no-featured-apps .empty-apps-text {
  color: var(--dark-icons);
  width: 360px;
  margin-top: 30px;
}

.no-content-home {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .no-content-home .empty-apps-text {
    width: 360px !important;
  }
}

.no-content-home .empty-apps-text {
  color: var(--dark-icons);
  width: 300px;
  margin-top: 30px;
  text-align: center;
}

.no-content-home img {
  max-width: 400px !important;
}

.menu-custom {
  margin-bottom: 5px;
  margin-top: 10px;
  height: 5px;
  width: 183px;
  border-top: var(--dark-300) 1px solid;
}

a.light-link {
  color: var(--dark-icons);
  text-decoration: underline !important;
}

a.light-link:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.useful-links {
  color: var(--leftMenu-usefulLinks);
  padding: 3px 14px;
  padding-top: 32px;
  font-family: "Source Sans Pro";
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  font-size: 11px;
  margin: 20px 0;
}

.menu-active,
.item-menu.active.rootApp > a,
.favoriteList:has(.active) a {
  background-color: var(--leftMenu-itemBackground-Active);
}

.item-menu.active.rootApp .nav-icon {
  border-color: var(--primary);
}

.menu-active .nav-icon,
.favoriteList:has(.active) > a .nav-icon {
  color: var(--leftMenu-itemIcon-Active) !important;
}

a.menu-active div.nav-icon,
a.menu-active div.nav-icon {
  border: 1px solid var(--primary) !important;
}

li .menu-active + ul li a {
  color: var(--white);
}

.menu-active ul li a:hover {
  color: var(--white);
}

.menu-active + ul li .sub-menu-active,
.item-menu.active .sub-menu-active {
  padding-left: 20px;
}

.subgroup-menu-active + ul li .sheets.active,
.item-menu.active .sheetGroup.active,
.nav-line.uk-nav .sub-menu-active,
li.favoriteItem:has(.active) {
  background-color: var(--leftMenu-subItemBackground-Active);
}

.menu-active + ul li .sub-menu-active span,
.subitem.sheets.active span,
.item-menu .favoriteItem .active span {
  color: var(--leftMenu-subItemText-Active);
}

.uk-parent ul li a:hover:not(.subitem.sheets.active a),
.uk-nav-default .uk-nav-sub a:hover {
  color: var(--leftMenu-subItem-Hover);
}

.uk-offcanvas-bar .uk-nav-default > li > a {
  color: var(--white);
}

.uk-offcanvas-bar .uk-nav-default > li > a > i,
.footer-menu {
  color: var(--dark-icons);
}

.sidebar-container {
  overflow: auto;
  position: absolute;
  bottom: 0;
  top: 66px;
}

.navbar-mobile-style {
  background-color: var(--leftMenu-background);
  border-right: none;
}

.searchNewHub {
  position: initial;
  width: 100%;
  font-family: "Source Sans Pro" !important;
  transition: 0.5s;
  border: 1px solid var(--leftMenu-searchBarBorder-Hover);
  border-radius: 6px;
}

.search-closed .searchNewHub {
  position: initial;
  margin-right: 5px;
  transition: 0.5s;
  border: 1px solid transparent;
}

.search-box {
  padding: 13px;
  border-radius: 6px;
  background-color: var(--leftMenu-searchBarBackground);
  max-width: 590px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 32px;
  width: 100%;
  position: relative;
}

.search-master {
  position: relative;
  z-index: 15;
}

.search-closed .search-master {
  z-index: 5;
}

.search-closed .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  width: 100%;
}

.search-closed .close-search-options {
  display: none;
}

.close-search-options {
  position: absolute;
  right: 14px;
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--leftMenu-searchBarCloseText);
}

.close-search-options:hover {
  text-decoration: none;
  color: var(--leftMenu-searchBarCloseText-Hover);
}

.show-options span {
  color: var(--white);
  margin-left: 10px;
}

.show-options p {
  color: var(--neutral-300);
  margin-bottom: 5px;
}

.menu {
  position: fixed;
  left: 0;
  width: 300px;
  bottom: 0;
  top: 0;
  z-index: 101;
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.menu-closed {
  left: -320px;
  transition: 0.5s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.div-show-navbar {
  z-index: -1;
  top: 41px;
}

.div-show-navbar.active {
  display: flex;
}

.div-show-bookmark.active {
  display: flex;
}

.uk-nav-default {
  width: 100%;
  /* padding: 5px 10px; */
  overflow: auto;
  /* padding-bottom: 30px; */
}

.back-container {
  cursor: pointer;
  height: 40px;
  background-color: var(--leftMenu-backToMainBackground);
  padding: 10px;
  display: flex;
  align-items: center;
}

.no-bg {
  background-color: unset;
}

.no-group-icon {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  border: 1px solid var(--dark-icons);
  color: var(--dark-icons);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-right: 9px;
  font-size: 13px;
  min-width: 16px;
}

.back-container span {
  margin-left: 5px;
  color: var(--leftMenu-backToMainText) !important;
  font-size: 14px;
}

.user-image-edit {
  opacity: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  padding: 0 20px;
  transition: all 500ms ease;
  pointer-events: none;
}

.user-image-edit span,
.user-image-edit i {
  color: var(--white) !important;
  text-align: center;
}

.user-image-edit span {
  margin-bottom: 7px;
  line-height: 1;
  margin-top: 4px;
}

.user-image-edit i {
  font-size: 20px;
}

.edit-photo {
  display: flex;
  cursor: initial;
  transition: 0.3s;
}

.edit-photo.cropper-photo {
  display: none;
}

.edit-photo .user-image {
  width: 80px;
  height: 80px;
  position: relative;
  margin-right: 10px;
}

.edit-photo .user-image-edit {
  display: flex;
}

.edit-photo .user-image:hover {
  border: 2px solid var(--white);
}

.edit-photo .user-image:hover .user-image-edit {
  opacity: 1;
  pointer-events: all;
}

.edit-photo h1 {
  color: var(--leftMenu-photoText);
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 3px;
}

.edit-photo span {
  font-size: 11px;
  color: var(--leftMenu-photoSubText);
  letter-spacing: 1.5px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.edit-photo a {
  font-weight: 600;
  font-size: 10px;
  color: var(--primary-buttonText);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.primary-button {
  background: var(--primary-buttonBackground);
  border: 1px solid var(--primary-buttonBorder);
  border-radius: 6px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 10px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 1.5px;
  color: var(--primary-buttonText);
}

.primary-button i {
  margin-right: 5px;
  color: var(--primary-iconColor);
  font-size: 16px;
}

.information-box {
  z-index: 6;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.change-photo-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--leftMenu-photoContainerBorderBottomBackground);
}

.change-photo-info-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
}

.close-btn-desktop {
  display: none;
}

.close-btn-mobile {
  display: block;
}

.sidebar-actions-container .expanded-actions {
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: space-between;
}

.sidebar-actions-container .retracted-actions {
  display: none;
}

@media (min-width: 1024px) {
  .menu {
    border-right: 1px solid var(--leftMenu-borderRight);
    width: 240px;
  }

  .menu-closed {
    left: 0px;
    width: 50px;
  }

  .menu-closed .item-menu a {
    padding: 10px 0px !important;
    justify-content: center;
  }

  .menu-closed .item-menu a i,
  .menu-closed .item-menu a .nav-icon {
    padding: 0 !important;
    margin: 0;
    width: max-content;
  }

  .div-show-navbar.active {
    left: 240px;
  }

  .div-show-bookmark.active {
    left: 240px;
  }

  /* .uk-nav-default {
    width: 240px;
  } */

  .search-closed .searchNewHub {
    /* width: 143px; */
    margin-right: 8px;
  }

  .change-photo-container {
    flex-direction: column;
  }

  .change-photo-info-container {
    width: 100%;
    text-align: center;
  }

  #modal-avatar .img-select-container {
    flex-direction: row;
  }

  .close-btn-desktop {
    display: block;
  }

  .close-btn-mobile {
    display: none;
  }

  .desktop-retracted .sidebar-actions-container .retracted-actions {
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: center;
    margin-top: 20px;
  }

  .desktop-retracted .sidebar-actions-container .retracted-actions span {
    color: var(--dark-icons);
    cursor: pointer;
  }

  /* menu retracted desktop  */
  .desktop-retracted .logo-top-menu,
  .desktop-retracted .sidebar-actions-container .expanded-actions,
  .desktop-retracted .useful-links,
  .desktop-retracted .external-links-menu,
  /* .desktop-retracted .item-menu a>span, */
  .desktop-retracted .has-submenu>a::after,
  .desktop-retracted .uk-nav-sub,
  .desktop-retracted .nav-sub-line {
    display: none;
  }

  .desktop-retracted .top-navbar-mobile {
    margin-left: 0px;
    padding-bottom: 10px;
    justify-content: center;
  }

  .desktop-retracted .item-menu {
    width: 49px;
  }

  .desktop-retracted .item-menu a {
    pointer-events: none;
  }

  .menu-closed-mask {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    z-index: 99;
  }

  .desktop-retracted .with-div-icon {
    padding: 10px 0px 10px 5px !important;
    justify-content: center;
  }

  .expand-btn {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .navbar-mobile-style {
    -webkit-box-shadow: var(--leftMenu-boxShadow);
    -moz-box-shadow: var(--leftMenu-boxShadow);
    box-shadow: var(--leftMenu-boxShadow);
  }

  nav#navigation {
    height: 40px;
    width: 100% !important;
    box-shadow: -2px 1px 9px -3px var(--black);
    background-size: cover;
  }

  .menu-closed-mask {
    display: none;
  }
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
  padding: 5px 0px;
}

.bell-div {
  margin: 0 5px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--leftMenu-bellBackground);
  transition: 0.3s;
  min-width: 32px;
  margin-left: 0;
}

.bell-div:hover {
  background-color: var(--leftMenu-bellBackground-Hover);
  transition: 0.3s;
}

.bell-icon {
  color: var(--leftMenu-bellIcon);
}

.user-image {
  /* background-image: url(./../img/thiago.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  cursor: pointer;
}

.touch-and-close-photo-div {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: 7;
}

.touch-and-close-photo-div.active {
  position: fixed;
}

.burguer-active {
  color: transparent !important;
}

.card-loading {
  margin-bottom: 10px;
}

.nav-line {
  margin-left: 0px !important;
  /* border-left: 1px solid var(--leftMenu-subItemBorderLeft); */
}

.x-close {
  position: absolute;
  z-index: 6;
  right: 12px;
  top: 5px;
  cursor: pointer;
  color: var(--unique-4);
}

.x-close:hover {
  color: var(--white);
}

.uk-sticky-fixed {
  z-index: 10;
}

.has-submenu {
  position: relative;
}

.has-submenu > a::after {
  content: "\f107";
  color: var(--leftMenu-itemArrow);
  position: absolute;
  right: 10px;
  top: 12px;
  transition: all 500ms ease;
  font-family: "Font Awesome 5 Pro";
}

.has-submenu.uk-open > a::after {
  transform: rotate(180deg);
}

.has-submenu.uk-open > .menu-active::after,
.item-menu.active.rootApp > a::after,
.favoriteList.uk-open a::after {
  color: var(--primary);
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.error-modal {
  word-break: break-all;
  color: var(--white);
  background-color: var(--unique-10); /* unique2 */
  border-radius: 15px;
}

.x-modal {
  margin-left: 20px !important;
  margin-right: 0px !important;
  margin-top: 5px !important;
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

#modal-avatar .uk-spinner {
  display: flex;
  position: absolute;
  /* bottom: 0; */
  top: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.58);
  border-radius: 10px;
  z-index: 10000;
}

#modal-avatar .avatar-action-container {
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
}

#modal-avatar .img-select-container span {
  margin-left: 10px;
  color: var(--leftMenu-photoFormatText);
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  white-space: nowrap;
}

#modal-avatar .manage-photo-button {
  font-weight: 600;
  font-size: 10px;
  color: var(--dark);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

#modal-avatar .cropArea {
  background: var(--leftMenu-photoPreviewBackground);
  overflow: hidden;
  height: 230px;
  border: 2px dashed var(--leftMenu-photoPreviewBorder);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  position: relative;
}

.cropArea .reactEasyCrop_Image {
  max-width: 100% !important;
}

#modal-avatar .img-cropper-container {
  width: 100%;
  margin-bottom: 20px;
  font-family: "Source Sans Pro";
}

#modal-avatar .cropArea .drag-drop-message {
  position: absolute;
}

#modal-avatar .cropArea.dragover {
  border-color: var(--primary);
}

#modal-avatar .cropArea.dragover .drag-drop-message {
  color: var(--primary);
}

#modal-avatar .img-preview-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#modal-avatar .img-preview-container span {
  color: var(--white);
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

#modal-avatar .img-preview-container img {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

#modal-avatar .img-select-container {
  display: flex;
  flex-direction: column;
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.geral-home {
  position: absolute;
  padding: 15px 0;
  left: 0;
  right: 0px;
  height: 100%;
}

.new-apps,
.data-updates {
  display: flex;
  flex-direction: row;
}

.cards-home-loader {
  display: block;
  min-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.uk-dropdown {
  padding: 10px;
  padding-left: 20px;
}

.order-btn:focus {
  border: 1px solid var(--dark-300);
}

.total-apps {
  width: 115px;
  padding: 10px 7px !important;
  padding-left: 15px !important;
  line-height: 1.3;
  padding-top: 15px !important;
}

.new-apps,
.data-updates {
  flex: 1;
  margin: auto;
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 16px;
}

.custom-time {
  min-width: 95px;
  margin-left: 6px;
}

.data-updates {
  margin: auto;
  margin-left: 10px;
  margin-top: 15px;
}

.custom-activity {
  line-height: 1;
  margin-bottom: 4px;
  flex-direction: row;
}

.adjust-left,
.adjust-right {
  margin-left: 5px;
}

[_echarts_instance_] div:first-of-type {
  width: 100% !important;
}

@media (max-width: 600px) {
  .custom-activity {
    flex-direction: column;
    margin-bottom: 5px;
  }

  .adjust-right {
    margin: 0;
  }
}

.cards-home {
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-shadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.17);
  box-shadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.17);
  border-radius: 10px;
  min-height: 80px;
}

.order-div {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 13px 0px 13px;
  justify-content: flex-end;
}

.filter-dropdown {
  border: none;
  border-radius: 20px;
  color: var(--neutral-450);
  display: flex;
}

.dropdown-custom {
  margin-left: 10px;
}

.order-btn {
  color: var(--neutral-450);
  border-radius: 20px;
  text-transform: none;
  border: 1px solid var(--dark-300);
  background-color: var(--darker-background);
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1px;
  padding: 0 12px;
  width: 140px;
}

.uk-button > a {
  margin-bottom: 5px;
}

.uk-button-default:focus,
.uk-button > a {
  color: var(--neutral-450);
}

.uk-button-default:hover {
  color: var(--white);
  border: 1px solid var(--neutral-450);
  background-color: var(--darker-background);
}

.featured-div {
  color: var(--neutral-300);
  font-size: 13px;
}

.card-home {
  display: flex;
  width: 100%;
  margin: 0;
  -webkit-box-shadow: var(--geralPage-cardShadow);
  -moz-box-shadow: var(--geralPage-cardShadow);
  box-shadow: var(--geralPage-cardShadow);
  padding: 0;
  border-radius: 10px;
}

.mosaic-active .card-home {
  flex-direction: column;
}

.card-color-layer {
  position: absolute;
  background: var(--geralPage-cardHeaderBackground);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
}

.top-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding-bottom: 7px !important;
  background-size: cover;
  min-width: 140px;
  min-height: 145px;
  border-radius: 10px 10px 0px 0px;
  background: var(--geralPage-cardHeaderBackground);
  /* height: 50px; */
}

.mosaic-active .top-card {
  min-height: 80px;
}

.top-card-custom {
  color: var(--geralPage-cardHeaderTitle);
  font-size: 18px;
  line-height: 24px;
  padding: 0 15px;
  padding-top: 5px;
  line-height: 1;
  position: relative;
}

.bottom-card {
  display: flex;
  border-radius: 0px 10px 10px 10px;
  background-color: var(--geralPage-cardBackground);
  min-height: 40px;
  justify-content: space-between;
  overflow-y: hidden;
  overflow-x: auto;
}

.mosaic-active .bottom-card {
  min-height: unset;
}

.left-bottom-card,
.right-bottom-card,
.content-card,
.total-apps {
  display: flex;
  flex-direction: column;
}

.content-card {
  align-items: flex-start;
  line-height: 1.1;
  margin-bottom: 20px;
  width: 100%;
}

.card-objects-wrapper > div:last-of-type {
  margin-bottom: 0;
}

.card-objects-wrapper {
  width: 100%;
  margin-bottom: 10px;
}

.card-object-wrapper {
  width: 100%;
}

.right-bottom-card {
  align-items: flex-end;
  padding-right: 13px;
  padding-top: 14px;
  margin-left: 5px;
  position: relative;
  justify-content: space-between;
  padding-bottom: 15px;
}

.mosaic-active .right-bottom-card {
  padding: 15px;
  display: flex;
  align-items: baseline;
}

.left-bottom-card {
  align-items: flex-start;
  padding-left: 20px;
  margin-top: 14px;
  flex: 1;
  /* max-height: 120px; */
  overflow-y: auto;
}

.mosaic-active .left-bottom-card {
  max-height: unset;
  margin-top: 0;
  overflow: hidden;
}

.card-label {
  color: var(--geralPage-headerCardText);
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.card-label i {
  color: var(--geralPage-headerCardIcon);
  font-size: 14px;
}

.custom-activity .card-label {
  white-space: nowrap;
}

.custom-color-font {
  color: var(--geralPage-cardHeaderTextIcon);
}

.activity-label {
  margin-left: 10px;
}

.number-label {
  font-size: 30px;
  color: var(--white);
  font-weight: 700;
}

.label-custom {
  line-height: 14px;
  min-width: 145px;
}

.open-app-btn {
  align-self: flex-end;
  text-transform: uppercase;
  background-color: var(--geralPage-openAppButtonBackground);
  color: var(--geralPage-openAppButtonText);
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  border: 1px solid var(--geralPage-openAppButtonBorder);
  border-radius: 6px;
  width: 79px;
  height: 32px;
  cursor: pointer;
  transition: 0.3s;
  letter-spacing: 1.5px;
  margin-top: 10px;
  bottom: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mosaic-active .open-app-btn {
  margin-top: 0;
}

a:hover {
  text-decoration: none;
  /* color: var(--darker-background); */
}

.open-app-btn:hover {
  background-color: var(--geralPage-openAppButtonBackground-Hover);
  color: var(--geralPage-openAppButtonText-Hover);
  border: 1px solid var(--geralPage-openAppButtonBorder-Hover);
  transition: 0.3s;
}

.expand {
  width: 100%;
  height: 150px;
}

.mosaic-active .expand {
  height: unset;
}

.uk-grid {
  margin: 0;
}

.uk-grid > * {
  padding: 0;
}

.newhub-dropdown {
  background-color: var(--unique-10); /* unique2 */
  border-radius: 10px;
}

.uk-dropdown {
  min-width: 130px;
}

.uk-dropdown-nav > li > a {
  color: var(--white);
}

.uk-dropdown-nav > li > a:hover {
  color: var(--unique-19);
}

.card-style-1,
.card-style-2,
.card-style-3 {
  border-radius: 10px;
}

.card-style-1 {
  background-color: var(--unique-22);
}

.card-style-2 {
  background-color: var(--unique-21);
}

.card-style-3 {
  background-color: var(--unique-7);
}

.cards-list {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
}

.card-size {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  min-width: 270px;
  margin: 15px;
}

.mosaic-active .card-size {
  margin: 15px 5px;
}

.qvf-cards {
  display: flex;
}

.top-card-custom-desktop {
  font-weight: 700;
}

.top-card-custom-desktop {
  text-align: left;
  word-break: break-all;
}

.info-hover {
  transition: 0.3s;
  cursor: pointer;
}

.info-hover:hover {
  color: var(--leftMenu-activityInfoIcon-Hover);
  transition: 0.3s;
}

.change-grid-buttons-box {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.menu-style-btn {
  background-color: transparent;
  border: none;
  margin: 5px;
  cursor: pointer;
}

.menu-style-btn rect {
  opacity: 0.4;
}

.menu-style-btn.active rect {
  fill: var(--dark-icons);
  opacity: 1;
}

.uk-grid > .uk-grid-margin {
  margin-top: 0;
}

.home-empty-message {
  width: 100%;
  text-align: center;
  color: var(--unique-11); /* unique2 */
  margin-top: 30px;
}

.card-description {
  max-height: 120px;
  color: var(--geralPage-cardDescription);
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  line-height: 14px;
  word-break: break-all;
  text-align: left;
  padding-right: 5px;
  word-break: break-word;
}

.mosaic-active .card-description {
  max-height: unset;
}

.card-info-container .label-custom {
  text-align: right;
}

.mosaic-active .card-info-container {
  position: absolute;
  right: 20px;
}

.card-info-container {
  color: var(--geralPage-cardHeaderCalendar);
  opacity: 0.8;
}

.card-color-layer {
  border-radius: 10px 10px 0px 0px;
}

.top-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media (min-width: 1023px) {
  .card-home {
    flex-direction: initial;
    position: relative;
  }

  .card-description {
    max-height: 120px;
  }

  .card-size {
    margin: 15px;
  }

  .cards-home {
    width: auto !important;
  }

  .card-color-layer,
  .top-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover;
  }

  .bottom-card {
    flex: 1;
    border-radius: 0 10px 10px 0;
    flex-direction: row;
  }

  .mosaic-active .bottom-card {
    border-radius: 0 0 10px 10px;
    flex-direction: column;
  }

  .top-card-custom-desktop {
    /* width: 140px; */
    padding: 0px 20px 8px 20px !important;
    /* max-width: 300px; */
    line-height: 24px;
  }

  .card-name-stream {
    padding: 20px 20px 8px 20px !important;
    text-align: start;
  }
}

.card-name-app {
  color: var(--geralPage-cardHeaderTitle);
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-home .cardDrag {
  opacity: 0;
  transition: all 200ms ease;
  background: transparent;
  border: none;
}

.card-home:hover .cardDrag {
  font-size: 14px;
  color: var(--geralPage-cardHeaderDrag);
  cursor: grab;
  opacity: 1;
  margin-right: 4px;
}

.card-home:hover .cardDrag:active {
  cursor: grabbing;
}

.card-home:hover .cardDrag:hover {
  color: var(--geralPage-cardHeaderDrag-Hover);
}

@media (max-width: 1023px) {
  .card-home .cardDrag {
    font-size: 16px;
    /* color: var(--unique-8); */
    cursor: grab;
    opacity: 1;
    margin-right: 4px;
  }

  .card-home .cardDrag:active {
    cursor: grabbing;
  }

  .card-home .cardDrag:hover {
    /* color: var(--white); */
  }
}

/* .mosaic-active .card-name-app {
  white-space: nowrap;
} */

.card-name-stream {
  align-items: center;
  letter-spacing: 1.5px;
  color: var(--geralPage-cardHeaderTextIcon);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-name-stream i {
  font-size: 14px;
}

.mosaic-active .card-description {
  padding-right: 0;
}

@media (max-width: 1022px) {
  .card-home {
    flex-direction: column;
  }

  .expand {
    height: 170px;
  }

  .bottom-card {
    height: 120px;
    border-radius: 0px 0px 10px 10px;
  }

  .mosaic-active .bottom-card {
    height: unset;
    flex-direction: column;
  }

  .card-description {
    max-height: 100px;
  }

  .mosaic-active .card-description {
    max-height: unset;
  }

  .left-bottom-card {
    margin-top: 10px;
    max-height: 100px;
  }

  .mosaic-active .left-bottom-card {
    margin-top: 0;
  }

  .mosaic-active .left-bottom-card {
    max-height: unset;
  }

  .left-bottom-card {
    padding-left: 9px;
  }

  .mosaic-active .left-bottom-card {
    padding-left: 0;
    padding: 15px;
  }

  .right-bottom-card {
    padding-right: 9px;
  }

  .number-label {
    font-size: 29px;
  }

  .card-color-layer {
    border-radius: 10px 10px 0px 0px;
    /* height: 50px; */
    align-items: center;
  }
}

.uk-dropdown-nav > li > a:focus {
  color: var(--white);
}

@media (max-width: 370px) {
  .cards-home {
    margin: 0 15px !important;
  }
}

@media (max-width: 374px) {
  .number-label {
    font-size: 28px;
  }

  .card-label {
    font-size: 12px;
  }
}

@media (min-width: 1023px) {
  .cards-list {
    display: flex;
    flex-wrap: wrap;
  }

  .geral-home {
    padding: 15px;
  }

  .card-size {
    flex: 1;
    margin: 15px;
  }

  .mosaic-active .card-size {
    min-width: 320px;
  }

  .left-bottom-card {
    padding-left: 15px;
  }

  .mosaic-active .left-bottom-card {
    padding-left: 0;
    padding: 15px;
  }

  .right-bottom-card {
    padding-right: 15px;
  }
}

ul.uk-nav-sub {
  padding-left: 0px;
  margin-left: 0;
}

.nav-sub-line {
  margin-left: 47px !important;
  border-left: 1px solid var(--leftMenu-subItemBorderLeft);
  padding-left: 0px !important;
}

ul.nav-subSheets-line .subgroup {
  padding-left: 17px !important;
}

/* .nav-sub-line.subgroup {
  margin-left: 30px !important;
  border: none !important;
  padding-left: 0px !important;
} */

.sub-line {
  border-left: 1px solid var(--leftMenu-subItemBorderLeft);
}

.nav-subSheets-line {
  margin-left: 17px !important;
  border-left: 1px solid var(--leftMenu-subItemBorderLeft);
  padding-left: 0px !important;
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.newhub-iframe {
  flex: 1;
  width: 100%;
}

.iframe-div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.uk-spinner {
  color: var(--geralPage-spinnerLoader);
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.support {
  padding: 10px 50px;
  width: 100%;
}

.support p {
  color: var(--neutral-300);
  width: 100%;
}

.support .page-title {
  font-weight: bold;
}

.support .email-support,
.support .fone-support,
.support .information-support,
.support .fone-information {
  display: flex;
}

.support .information-support,
.support .fone-information {
  flex-direction: column;
}

.support .fone-information,
.support .email-information {
  color: var(--neutral-300);
  flex: 1;
  margin: auto;
  width: 100%;
}

.support .email-information span {
  margin-right: 5px;
}

.support .email-icon,
.support .fone-icon {
  width: 50px;
  color: var(--white);
  font-size: 40px;
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.uk-spinner {
  color: var(--geralPage-spinnerLoader);
}

.spinner-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.uk-spinner {
  color: var(--geralPage-spinnerLoader);
}

/*------sombras------*/

/*-----estilização navbar-----*/

/*-----editor de foto -----*/

/*----activity----*/

/*------Search------*/

/*------home-------*/

/*---support---*/

/*-----geral------*/

.top-card-r {
  left: -71.625px;
  top: 40px;
}

body,
html {
  min-height: 100%;
}

@media (max-width: 1023px) {
  .geral-page {
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    height: 100%;
    /* background-color: var(--dark); */
  }

  .content,
  content.isLoading {
    width: 100%;
    left: 0;
  }
}

.custom-font {
  font-family: "Source Sans Pro", "Arial" !important;
}

.custom-font .kpi-title.ellips-text.ng-binding {
  font-family: "Source Sans Pro", "Arial" !important;
}

.kpi-value {
  font-weight: 600 !important;
}

* {
  box-sizing: border-box;
}

.spinner-logo {
  max-width: 250px;
  margin-bottom: 50px;
  max-height: 70px;
}

.div-show-navbar {
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--menuOverlay-backgroundColor);
  opacity: 0.7;
  position: fixed;
}

.div-show-bookmark {
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.7;
  position: fixed;
  z-index: 9;
}

.div-show-activity {
  position: fixed;
  display: initial;
  right: 270px;
  left: 0;
  z-index: 999;
  top: 0;
  bottom: 0;
}

@media (min-width: 1024px) {
  .div-show-navbar,
  .div-show-activity {
    display: none !important;
  }
}

.loader-phrase {
  color: var(--white);
}

.preview-angular-phrase.active {
  display: none;
}

.loader-phrase.active {
  display: initial;
  color: var(--unique-14);
}

.loading-bar {
  background-color: var(--geralPage-loaderStepBarBackground);
  display: flex;
  align-items: center;
  min-width: 500px;
  margin: 10px 0;
}

.fill-loading-bar {
  background-color: var(--geralPage-loaderStepFillBar);
  height: 2px;
  transition: 0.4s;
  animation-name: initialLoadingBar;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes initialLoadingBar {
  0% {
    width: 0%;
  }

  50% {
    width: 0%;
  }
}

.loader-step,
.loader-total-steps,
.loader-phrase,
.preview-angular-phrase {
  font-family: "Source Sans Pro";
  font-size: 20px;
}

.loader-step,
.loader-total-steps {
  font-size: 27px;
}

.loader-step {
  color: var(--geralPage-loaderStepNumber);
}

.app-loader {
  transition: 0.8s;
}

.app-loader.loadedTrue {
  background-color: transparent;
}

@media (max-width: 800px) {
  .loading-bar {
    min-width: 300px;
  }
  .page-sheet {
    overflow-x: hidden !important;
    position: relative !important;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: var(--geralPage-cardSkeletonLoader);
  background-size: 800px 104px;
  height: 15px;
  position: relative;
  border-radius: 30px;
}

.search-hide {
  width: 0px !important;
}

.hub-expand nav#navigation {
  height: 0;
  overflow: hidden;
}

.hub-expand .content {
  margin-top: 0px;
}

.expand-btn {
  width: 30px;
  height: 11px;
  position: absolute;
  right: calc(50% - 15px);
  z-index: 110;
  border-radius: 0 0 200px 200px;
  display: flex;
  align-items: center;
  color: var(--expand-color);
  cursor: pointer;
  transition: 0.4s;
}

.expand-btn > svg > path {
  fill: var(--expand-backgroundColor);
}

.expand-icone {
  position: absolute;
  right: calc(50% - 4.5px);
}

.svg-expand-btn {
  position: absolute;
}

.expand-btn-icon {
  transform: rotate(180deg);
  transition: 0.3s;
}

.hub-expand .expand-btn-icon {
  transform: none;
}

@media (max-width: 1023px) {
  nav#navigation {
    background: var(--geralPage-navigationBackground);
  }

  .back-container span {
    color: var(--geralPage-backToText);
  }
  .isMobile .expandButtonLine {
    background-color: var(--expand-backgroundColor);
    height: 3px;
    top: 0;
    width: 100%;
    z-index: 103;
  }
  .hub-expand .expandButtonLine {
    position: absolute;
  }
}

.search-hide form {
  width: 0px;
  border: 0px;
  height: 0px;
  padding: 0px;
  transition: 0.3s;
}

.search-hide form span {
  width: 0px !important;
  transition: 0.3s;
}

.search-hide .uk-search-input {
  display: none;
}

/* ---------- Charts ----------------*/

/* modifies chart colors */

#default-color01 {
  color: #1e87f0;
}

#default-color02 {
  color: #e3062f;
}

#default-color03 {
  color: #e3062f;
}

#default-color04 {
  color: #e3062f;
}

#xAxis-label-color {
  color: pink;
}

#xAxis-line-color {
  color: pink;
}

#yAxis-line-color {
  color: purple;
}

#yAxis-label-color {
  color: purple;
}

#yAxis-split-color {
  color: transparent;
}

@media (min-width: 1060px) {
  /* divided by 3 */
  .bricklayer-column-sizer {
    width: 33.333%;
  }
}

/* @media(min-width: 1200px) {
  .bricklayer-column-sizer {
    width: 25%;
  }
}

@media(min-width: 1360px) {
  .bricklayer-column-sizer {
    width: 33.333%;
  }

} */

@media (min-width: 1565px) {
  .bricklayer-column-sizer {
    /* divide by 4. */
    width: 25%;
  }
}

@media (min-width: 1750px) {
  .bricklayer-column-sizer {
    /* divide by 5. */
    width: 20%;
  }
}

.chart-title {
  font-size: 14px;
  color: var(--unique-15);
  font-family: "Source Sans Pro";
  display: flex;
  font-weight: 400;
  align-items: center;
  margin-bottom: 10px;
}

.tabs-container {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  display: flex;
  padding-left: 10px;
}

.tabs-container .tab-custom-class {
  display: inline;
  margin: 0 5px 0 0;
  color: var(--geralPage-customContent-color);
  font-family: "Source Sans Pro";
  cursor: pointer;
  padding: 10px 5px 6px 5px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.tabs-container .tab-custom-class.active {
  color: var(--geralPage-customContent-color-Active);
  border-bottom: 2px solid var(--geralPage-customContent-borderColor-Active);
}

/* cluster app */

.page-auto-mashup {
  height: 100%;
  width: 100%;
}

.page-auto-mashup h1,
.page-auto-mashup h2,
.page-auto-mashup h3,
.page-auto-mashup h4,
.page-auto-mashup h5,
.page-auto-mashup h6,
.page-auto-mashup span,
.page-auto-mashup input,
.page-auto-mashup textarea,
.page-auto-mashup a,
.page-auto-mashup button,
.page-auto-mashup p {
  font-family: "Source Sans Pro";
}

.page-auto-mashup .submenu-wrapper {
  width: 100%;
}

.page-auto-mashup .submenu-toggle,
.menu .submenu-toggle {
  position: relative;
}

.page-auto-mashup .submenu-toggle:after,
.menu .submenu-toggle:after {
  content: "\f107";
  color: var(--dark-icons);
  position: absolute;
  right: 2px;
  /* top: 13px; */
  transition: all 500ms ease;
  font-family: "Font Awesome 5 Pro";
}

.page-auto-mashup .cl-sidebar-menu__item.uk-open .submenu-toggle:after,
.menu .cl-sidebar-menu__item.uk-open .submenu-toggle:after {
  transform: rotate(180deg);
}

.sel-toolbar-card {
  z-index: 2;
}

.rotated-arrow {
  color: var(--dark-icons);
  font-size: 18px;
  transform: rotate(90deg);
  margin-left: 6px;
  margin-right: 5px;
}

.page-auto-mashup .btn-action {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: var(--clusterApp-filterBarActionButtons);
  background: transparent;
  border: none;
  margin: 0 2px;
  border-radius: 6px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 200ms ease;
}

.page-auto-mashup .btn-action.disabled {
  opacity: 0.3;
  cursor: default;
}

.page-auto-mashup .btn-action:not(.disabled):hover {
  background: var(--clusterApp-filterBarActionButtonsBackground-Hover);
  border: 1px solid var(--clusterApp-filterBarActionButtonsBorder-Hover);
}

.page-auto-mashup .btn-action:not(.disabled):active {
  border: 1px solid var(--dark-icons);
  background: var(--dark-icons);
}

.page-auto-mashup .btn-action:not(.disabled):active i {
  color: var(--white);
}

.page-auto-mashup .app-filter-actions {
  display: flex;
}

.page-auto-mashup .app-main-filters {
  height: 56px;
  background: var(--clusterApp-filterBarBackground);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 4;
  box-shadow: 0px 1px 0px var(--clusterApp-filterBarBorderBottom);
}

.page-auto-mashup .app-main-filters .divider {
  width: 1px;
  box-shadow: inset -1px 0px 0px var(--neutral-200);
  margin: 0 6px;
}

.page-auto-mashup .app-main-filters .open-sidebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px;
  border: none;
  background: transparent;
}

.page-auto-mashup .app-main-filters .open-sidebar i {
  font-size: 16px;
  color: var(--clusterApp-filterBarIconFilter);
}

.page-auto-mashup .app-main-filters .open-sidebar .action-label {
  font-size: 15px;
  font-family: Source Sans Pro;
  font-weight: 600;
  color: var(--clusterApp-filterBarTextFilter);
  margin: 0 6px;
  line-height: 14px;
}

.page-auto-mashup .app-main-filters .open-sidebar .selection-counter {
  min-width: 14px;
  height: 15px;
  background: var(--clusterApp-filterBarCounterFilterBackground);
  border-radius: 8px;
  color: var(--clusterApp-filterBarCounterFilterNumber);
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  padding: 0px 3px;
}

.page-auto-mashup .burger-menu {
  background: transparent;
  border: none;
  color: var(--clusterApp-headerBurgerMenu);
  font-size: 16px;
  width: 20px;
  margin-right: 9px;
}

.page-auto-mashup .app-header .title-container {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.page-auto-mashup .app-header .title-container .headerWrapper {
  overflow: hidden;
}

.page-auto-mashup .sheet-title {
  color: var(--clusterApp-sheetTitle);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-auto-mashup .qvf-title {
  color: var(--clusterApp-headerTitle);
}

.page-auto-mashup .last-update {
  font-family: Source Sans Pro;
  font-size: 12px;
  color: var(--clusterApp-headerUpdate);
  margin-right: 10px;
}

.page-auto-mashup .last-update-time {
  font-weight: bold;
}

.page-auto-mashup .main-filters {
  display: flex;
  align-items: center;
  justify-content: start;
  flex: 1;
}

.main-content {
  display: flex;
  height: 100%;
  flex-direction: row;
  width: 100%;
}

.page {
  margin-top: 0;
}

.page-sheet {
  background: var(--clusterApp-geralBackground);
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  overflow: auto;
  padding-left: 6px;
  padding-right: 6px;
}

.wrapper-page-sheet {
  background: var(--clusterApp-geralBackground);
}

/* CURRENT SELECTIONS STYLE */

.cp-curr-sel > .bright.qv-panel-current-selections {
  background-color: var(--clusterApp-geralBackground);
}

.cp-curr-sel > .bright.qv-panel-current-selections .no-selection {
  color: var(--clusterApp-expandedNoSelection) !important;
}

.cp-curr-sel .bright.qv-panel-current-selections .remove {
  color: var(--clusterApp-expandedRemoveSelection) !important;
}

.cp-curr-sel > .bright.qv-panel-current-selections .wrap {
  background-color: var(--clusterApp-geralBackground);
  border: 1px solid #d2dcdd66;
  border-bottom: none !important;
}

.cp-curr-sel > .qv-panel-current-selections ul {
  padding-left: 16px;
}

.cp-curr-sel
  > .qvt-selections.qv-panel-subtoolbar.qv-panel-current-selections.ng-scope.ng-isolate-scope.bright
  .wrap.borderbox.qv-pager
  .qv-state-count-bar.ng-scope.ng-isolate-scope
  .state.alternative {
  background: var(--clusterApp-expandedAlternativeValue) !important;
}

.cp-curr-sel
  > .qvt-selections.qv-panel-subtoolbar.qv-panel-current-selections.ng-scope.ng-isolate-scope.bright
  .wrap.borderbox.qv-pager
  .qv-state-count-bar.ng-scope.ng-isolate-scope
  .state.selected {
  background: var(--clusterApp-expandedSelectedValue) !important;
}

/* ------------------------------- */

.floating-navigation {
  min-width: 190px;
  max-width: 190px;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all 500ms ease;
  left: 0;
}

.floating-navigation .cluster-app-menu {
  background: var(--clusterApp-leftMenuBackground);
}

.cluster-menu-closed .floating-navigation {
  left: -190px;
}

.cluster-menu-closed.page-auto-mashup .app-container {
  left: 0;
}

.floating-navigation-divider {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background: var(--clusterApp-leftMenuHeaderBorder);
}

.qvf-title-container {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  min-height: 68px;
  padding: 16px;
  flex-shrink: 0;
  gap: 10px;
}

.last-reload-time {
  color: var(--neutral-600);
  padding-left: 10px;
  font-size: 11px;
}

.nh-qlik-object {
  background: var(--clusterApp-cardsBackground);
  box-shadow: var(--clusterApp-cardsShadow);
  border-radius: 10px;
  padding: 10px;
  transition: left 300ms ease, right 300ms ease, top 300ms ease, bottom 300ms ease, width 300ms ease, height 300ms ease,
    position 300ms ease;
  flex-shrink: 0 !important;
  -webkit-flex-shrink: 0 !important;
}

.nh-qlik-object div.single-object #content {
  background: var(--clusterApp-cardsBackground);
}

.nh-qlik-object.expanded {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 0 !important;
  height: 100% !important;
  padding: 20px !important;
  width: 100% !important;
  z-index: 9999;
  margin: 0 !important;
  border-radius: 0 !important;
  padding-top: 10px !important;
}

@media (max-width: 1024px) {
  .nh-qlik-object {
    margin: 5px 0;
  }

  .card-name-stream {
    padding-top: 17px;
  }
}

.app-header {
  height: 73px;
  background: var(--clusterApp-headerBackground);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  position: relative;
}

.filter-button {
  background: transparent;
  border: none;
  font-size: 18px;
  color: var(--neutral-700);
}

.page-auto-mashup .app-container {
  right: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  transition: all 500ms ease;
}

.close-btn {
  font-size: 16px;
  background: transparent;
  color: var(--leftMenu-arrow);
  border: none;
  line-height: 1;
  margin-right: 12px;
  display: flex;
  align-items: center;
}

.back-container:hover .close-btn {
  color: var(--leftMenu-arrowHover);
}

.floating-navigation .qvf-title {
  color: var(--clusterApp-mobileHeaderTitleColor);
  font-size: 18px;
  margin: 0;
  word-break: break-word;
  line-height: 1;
  hyphens: auto;
  -webkit-hyphens: auto; /* prefixo para Safari/iOS antigo */
  -ms-hyphens: auto; /* IE */
  font-weight: bold;
}

.search-wrapper {
  position: relative;
  width: 190px;
  background: var(--neutral-100);
  border: 1px solid var(--neutral-100);
  border-radius: 6px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin: 0 16px;
  transition: all 300ms ease;
}

.search-wrapper:focus-within {
  border: 1px solid var(--primary);
}

.fav-filter-meta {
  display: flex;
  align-items: center;
}

.fav-filter-meta i {
  margin-left: 6px;
  cursor: pointer;
}

.fav-field-list {
  display: flex;
}

.fav-selection-name {
  font-family: Source Sans Pro;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--neutral-300);
}

.fav-field {
  font-family: Source Sans Pro;
  font-weight: normal;
  font-size: 14px;
  color: var(--neutral-300);
  padding-right: 9px;
  margin-right: 5px;
}

.fav-title {
  height: 33px;
  display: flex;
  align-items: center;
  color: var(--neutral-300);
  font-size: 14px;
}

.fav-description {
  min-height: 50px;
  padding: 8px 0px;
  color: var(--neutral-300);
  font-size: 14px;
}

.page-auto-mashup .favorite-filters-btn {
  background: var(--white);
  border: 1px solid var(--neutral-200);
  border-radius: 6px;
  padding: 8px 12px;
  font-family: "Source Sans Pro" !important;
  font-weight: 600;
  color: var(--dark);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 10px;
  min-width: 128px;
}

.page-auto-mashup .cl-btn__modalAction {
  border: none;
  background: transparent;
  margin-right: 16px;
}

.page-auto-mashup .cl-btn__modalAction i {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  text-align: right;
}

.page-auto-mashup .right-actions-wrapper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.search-wrapper.opened {
  width: 380px;
}

.search-wrapper .input-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
}

.search-wrapper i {
  color: var(--dark-icons);
  cursor: pointer;
}

.search-wrapper .suggestion-list {
  display: flex;
  overflow: auto;
  width: 100%;
  background: var(--dark);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.search-wrapper input {
  background: transparent;
  border: none;
  margin-left: 6px;
  font-family: "Source Sans Pro" !important;
  font-size: 14px;
  flex: 1;
}

.search-wrapper .suggestions-wrapper {
  position: absolute;
  top: 30px;
  z-index: 99;
  width: 100%;
  left: 0;
  right: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 1px 1px 10px -3px var(--dark-150);
}

.suggestion-list .suggestion-item {
  padding: 8px 12px;
  white-space: nowrap;
  color: var(--neutral-300);
  background: var(--dark);
  cursor: pointer;
  box-shadow: inset -1px 0px 0px var(--dark-200);
  transition: all 300ms ease;
}

.suggestion-list .suggestion-item:hover {
  background: var(--dark-500);
}

.associations-list .association-item {
  min-height: 54px;
  box-shadow: inset 0px -1px 0px var(--neutral-200);
  padding: 12px;
  cursor: pointer;
  transition: all 500ms ease;
}

.associations-list .association-item:hover {
  background: var(--neutral-100);
}

.associations-list .association-item .association-field {
  font-weight: bold;
  color: var(--neutral-500);
}

.associations-list .association-item .association-value {
  color: var(--neutral-500);
}

.associations-list {
  background: var(--white);
  max-height: 320px;
  overflow: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.fav-filters-wrapper {
  position: absolute;
  z-index: 110;
  right: 0;
  background: var(--white);
  border-radius: 12px;
  box-shadow: 1px 1px 10px -3px var(--black);
  box-sizing: border-box;
  margin-top: 10px;
  width: 440px;
  right: 18px;
  overflow: hidden;
}

.fav-filters-right-actions {
  display: flex;
}

.fav-filters-header {
  box-shadow: 0px 1px 0px var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
}

.fav-filters-wrapper .search-wrapper {
  margin: 0;
  width: 100%;
}

.fav-filters-content {
  padding: 24px;
  position: relative;
  max-height: 500px;
  overflow: auto;
}

.fav-filter-title {
  font-size: 11px;
  color: var(--dark);
  cursor: pointer;
  flex: 1;
  font-family: Source Sans Pro;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
}

.filter-add-wrapper {
  background: var(--dark);
  border-radius: 10px;
  display: flex;
  padding: 16px;
  flex-direction: column;
  height: 392px;
  overflow: auto;
}

.filter-edit-wrapper {
  background: var(--dark);
  border-radius: 10px;
  display: flex;
  padding: 16px;
  flex-direction: column;
  max-height: 400px;
  overflow: auto;
  cursor: initial;
}

.filter-add-wrapper textarea {
  height: 360px;
}

.fav-selection-item {
  display: flex;
  flex-direction: column;
}

.fav-selection-attr-name {
  font-family: Source Sans Pro;
  font-weight: 600;
  font-size: 14px;
  color: var(--neutral-300);
}

.fav-selection-attr-value {
  font-family: Source Sans Pro;
  font-size: 14px;
  color: var(--neutral-300);
}

.fav-selection-name {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--neutral-300);
}

.fav-selection-value {
  font-family: Source Sans Pro;
  font-size: 14px;
  line-height: 20px;
  color: var(--neutral-300);
}

.input__primary {
  background: var(--neutral-100);
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
}

.input-label {
  font-family: Source Sans Pro;
  font-size: 15px;
  margin-bottom: 8px;
}

.input-label__secondary {
  color: var(--white);
  font-weight: 600;
}

.fav-filters-main-list {
  width: 100%;
  margin-left: 0;
}

.fav-filters-item {
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 1px 0px var(--neutral-200), inset 0px 1px 0px var(--neutral-200);
  transition: all 300ms ease;
  flex-direction: column;
}

.fav-filter-data-wrapper {
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
}

.uk-nav-default > li > a.fav-filters-submenu {
  font-size: 15px;
  line-height: 16px;
  color: var(--dark);
  font-family: Source Sans Pro;
  /* font-style: normal; */
  font-weight: 600;
  padding: 16px 0;
}

.fav-filters-title {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: var(--dark);
}

.clusterapp-feedback {
  font-size: 16px;
  color: var(--dark);
  margin-top: 20px;
}

.fav-filters-submenu:before {
  font-family: Font Awesome;
  font-weight: 900;
  font-size: 16px;
  content: "\f0dd";
  color: var(--dark-icons);
  transition: all 500ms ease;
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
}

.fav-filters-item:hover {
  background: var(--neutral-100);
}

.floating-navigation .cl-sidebar-menu__list {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
}

.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  padding: 11px 16px;
}

.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item ul li a {
  color: var(--clusterApp-leftMenuSubItem);
  line-height: 16px;
  padding-left: 12px;
  font-family: "Source Sans Pro";
}

.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item a {
  white-space: nowrap;
  font-family: "Source Sans Pro";
  font-size: 14px;
  padding: 0px;
  color: var(--clusterApp-leftMenuItem);
  white-space: initial;
  display: flex;
  align-items: center;
}

.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item .submenu-active {
  color: var(--clusterApp-leftMenuItem-Active);
}

.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item:not(.uk-parent) a.active {
  color: var(--clusterApp-leftMenuItem-Active);
}

.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item a:hover,
.floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item a:hover:after {
  color: var(--clusterApp-leftMenuItem-Hover);
}

.floating-navigation .cl-sidebar-menu__list .uk-parent.cl-sidebar-menu__item a.active {
  color: var(--clusterApp-leftMenuSubItem-Active);
}

.cl-app-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  overflow: auto;
}

.cl-app-navigation .item {
  height: 50px;
  cursor: pointer;
  padding: 0 10px;
  display: flex;
  align-items: center;
  transition: all 300ms ease;
  background-color: transparent;
}

.cl-app-navigation .item.active {
  background-color: var(--primary);
  color: var(--white);
}

audio,
canvas,
img,
video {
  max-width: none !important;
}

.uk-h2,
h2 {
  margin: auto;
}

.mobile-app-header {
  height: 40px;
  display: none;
  align-items: center;
  padding: 12px 16px;
  background-color: var(--clusterApp-mobileAppHeaderBackground);
}

.page-auto-mashup .nh-qlik-object .actionButtonsWrapper button {
  color: var(--dark-750);
  background: transparent;
  border: none;
  opacity: 0;
  transition: all 500ms ease;
  cursor: pointer;
  z-index: 1;
  font-size: 16px;
  margin-left: 10px;
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: center;
}

@media (max-width: 480px) {
  .page-auto-mashup .nh-qlik-object .actionButtonsWrapper button {
    opacity: 1;
  }
}

.page-auto-mashup .nh-qlik-object:hover .actionButtonsWrapper button {
  opacity: 1;
  z-index: 2;
}

.mobile-header-actions {
  display: none;
  align-items: center;
  justify-content: space-around;
}

.cl-btn {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid var(--clusterApp-favoriteButtonBorder);
  background: var(--clusterApp-favoriteButtonBackground);
  transition: all 300ms ease;
}

.cl-btn:hover {
  background: var(--clusterApp-favoriteButtonBackground-Hover);
  border: 1px solid var(--clusterApp-favoriteButtonBorder-Hover);
}

.cl-btn:active {
  background: var(--dark-icons);
}

.cl-btn:active i,
.cl-btn:active span {
  color: var(--white);
}

.cl-btn span {
  color: var(--dark);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Source Sans Pro;
  font-weight: 600;
}

.cl-btn i {
  color: var(--dark-icons);
  font-size: 16px;
  margin-right: 6px;
}

.cl-btn__outline--dark:hover,
.cl-btn__outline--light:hover,
.cl-btn__outline--dark:active,
.cl-btn__outline--light:active {
  background: transparent;
}

.cl-btn__outline--light {
  background: transparent;
  border: 1px solid var(--neutral-200);
}

.cl-btn__outline--light span,
.cl-btn__outline--light i {
  color: var(--neutral-100);
}

.cl-btn__outline--dark {
  background: transparent;
  border: 1px solid var(--dark);
}

.cl-btn__outline--dark span,
.cl-btn__outline--dark i {
  color: var(--dark);
}

.cl-btn__secondary {
  background: var(--btn-secondaryBackground);
  border-color: var(--btn-secondaryBorder);
}

.cl-btn__secondary i {
  color: var(--btn-secondaryIcon);
}

.cl-btn__secondary span {
  color: var(--btn-secondaryText);
}

.cl-btn__secondary:hover span {
  color: var(--btn-secondaryText-Hover);
}

.cl-btn__secondary:hover i {
  color: var(--btn-secondaryIcon-Hover);
}

.cl-btn__secondary:hover {
  background: var(--btn-secondaryBackground-Hover);
  border: 1px solid var(--btn-secondaryBorder-Hover);
}

.cl-btn__secondary:active {
  background: var(--btn-secondaryBackground-Active);
  border: 1px solid var(--btn-secondaryBorder-Active);
}

.cl-btn__success {
  background: var(--btn-successBackground);
  border: 1px solid var(--btn-successBorder);
}
.cl-btn__success span {
  color: var(--btn-successText);
}

.cl-btn__success i {
  color: var(--btn-successIcon);
}

.cl-btn__success:hover span {
  color: var(--btn-successText-Hover);
}

.cl-btn__success:hover i {
  color: var(--btn-successIcon-Hover);
}

.cl-btn__success:hover {
  background: var(--btn-successBackground-Hover);
  border: 1px solid var(--btn-successBorder-Hover);
  color: var(--unique-24);
}

.cl-btn__success:active {
  background: var(--btn-successBackground-Active);
  border-color: var(--btn-successBorder-Active);
}

.cl-btn__success:active i {
  color: var(--btn-successIcon-Active);
}

.cl-btn__success:active span {
  color: var(--btn-successText-Active);
}

.cl-btn__danger {
  background: var(--btn-dangerBackground);
  border-color: var(--btn-dangerBorder);
}
.cl-btn__danger i {
  color: var(--btn-dangerIcon);
}

.cl-btn__danger span {
  color: var(--btn-dangerText);
}

.cl-btn__danger:hover {
  background: var(--btn-dangerBackground-Hover);
  border: 1px solid var(--btn-dangerBorder-Hover);
}

.cl-btn__danger:hover i {
  color: var(--btn-dangerIcon-Hover);
}

.cl-btn__danger:hover span {
  color: var(--btn-dangerText-Hover);
}

.cl-btn__danger:active {
  background: var(--btn-dangerBackground-Active);
  border: 1px solid var(--btn-dangerBorder-Active);
}

@media (max-width: 1023px) {
  .mobile-header-actions {
    display: flex;
  }

  .page-auto-mashup .right-actions-wrapper {
    display: none;
  }

  .fav-filters-wrapper {
    right: 10px;
    top: 0px;
    bottom: 10px;
    width: unset;
    left: 10px;
    position: fixed;
  }

  .only-desktop {
    display: none;
  }

  .mobile-header-actions .mobile-header-btn {
    color: var(--clusterApp-mobileHeaderIconsColor);
    background: transparent;
    height: 42px;
    border: none;
    /* color: var(--white); */
    font-size: 18px;
    padding: 0 14px;
    position: relative;
  }

  button.mobile-header-btn:last-of-type {
    padding-right: 0;
  }

  .floating-navigation {
    /* background: var(--dark); */
    max-width: 300px;
    width: 300px;
    z-index: 8;
    overflow: auto;
    box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.15), 4px 0px 20px rgba(0, 0, 0, 0.3);
  }

  .cluster-menu-closed .floating-navigation {
    left: -340px;
  }

  .content {
    margin-top: 40px;
  }

  .page-auto-mashup .main-filters,
  .page-auto-mashup .app-filter-actions {
    height: 0;
    overflow: hidden;
  }

  .page-auto-mashup .app-main-filters {
    height: 0;
  }

  .page-auto-mashup .app-header .last-update {
    display: none;
  }

  .page-auto-mashup .app-container {
    left: 0;
  }

  .app-header {
    background-color: var(--clusterApp-headerBackgroundMobile);
    height: 48px;
  }

  .page-auto-mashup .app-name {
    color: var(--clusterApp-mobileAppTitleColor) !important;
    margin-left: 14px;
    font-size: 15px;
  }

  .page-auto-mashup .sheet-title {
    font-size: 18px;
    font-weight: bold;
    color: var(--clusterApp-mobileSheetTitleColor);
    margin-left: 14px;
  }

  .page-auto-mashup .burger-menu {
    color: var(--clusterApp-mobileBurgerMenuColor);
  }

  .mobile-app-header {
    display: flex;
  }

  .subitem.active,
  .floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item.active {
    background-color: var(--clusterApp-leftMenuItem-Active-bg);
  }

  .floating-navigation .cl-sidebar-menu__list {
    padding: 0;
    width: 100%;
    margin: 0;
  }

  .floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item {
    padding-left: 0;
  }

  .floating-navigation .cl-sidebar-menu__list .cl-sidebar-menu__item a {
    padding: unset;
    height: 40px;
    padding-left: 15px;
    font-size: 16px;
  }

  .floating-navigation .qvf-title {
    font-size: 26px;
    letter-spacing: -0.3px;
    font-weight: 600;
  }
}

@media (max-width: 800px) {
  .page-sheet {
    display: flex;
    flex-direction: column;
  }

  .page-auto-mashup .app-header,
  .page-auto-mashup .page-sheet {
    border-radius: 0;
  }

  .nh-qlik-object {
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    height: 350px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.qlik-object-loader.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 99;
}

.qlik-object-loader.lds-ripple div {
  position: absolute;
  border: 4px solid;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.qlik-object-loader.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.qlik-object-loader {
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.spinner > div {
  width: 14px;
  height: 14px;
  border: 2px solid var(--neutral-300);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.qv-object .qv-object-title .qv-object-title-text {
  color: var(--clusterApp-cardsTitle);
  font-size: 18px;
  padding-bottom: 5px;
  font-family: "Source Sans Pro";
  font-weight: 400;
}

.card-home .qv-object .qv-object-title .qv-object-title-text {
  font-size: 14px;
}

.page-auto-mashup .lui-icon,
.page-auto-mashup .lui-icon * {
  font-family: LUI icons !important;
}

.subitem {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}

.subitem.sheets {
  padding: 0;
}

/* nativeFilter and listboxes */
.nativeFilter {
  cursor: pointer;
  max-width: 300px;
}

.nativeFilterContainer {
  background-color: var(--white);
  border: 1px solid var(--dark-250);
  border-radius: 6px;
  box-shadow: 0 2px 4px rgb(99 123 123 / 15%), 0 4px 12px rgb(99 123 123 / 15%);
  cursor: auto;
  height: max-content;
  margin-top: 4px;
  position: absolute;
  transition: all 300ms ease;
  width: 218px;
  z-index: 2;
}

.nativeFilterContainer .qv-object .qv-object-content {
  position: relative;
}

.nativeFilterContainer::after {
  background: var(--white);
  border-right: 1px solid var(--dark-250);
  border-top: 1px solid var(--dark-250);
  content: "";
  height: 9px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -6px;
  vertical-align: middle;
  width: 9px;
  -webkit-transform: rotate(-45deg);
}

.main-filters .nativeFilter .qv-object .qv-object-title {
  align-items: flex-end;
  background-color: var(--white);
  border: 1px solid var(--unique-18);
  border-radius: 6px;
  display: flex;
  height: 34px;
}

.main-filters .nativeFilter .qv-object .qv-object-title .qv-object-title-text {
  color: var(--dark);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 16px;
  margin-left: 9px;
  text-transform: uppercase;
}

.main-filters .qv-object .qv-object-title {
  cursor: pointer;
}

.nativeFilterContainer .qv-object-header {
  display: none;
}

@media (min-width: 1024px) {
  .nativeFilter {
    max-width: 220px;
  }
}

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

.nativeFilter.is-non-interactive .qv-object,
.nativeFilter.is-non-interactive .qv-object-wrapper {
  pointer-events: none;
}

.lui-popover:before,
.lui-popover__arrow--before:before,
.lui-popover__arrow--top:before {
  border-bottom-color: rgba(99, 123, 123, 0.3) !important;
}

.lui-popover.qv-listbox-popover {
  border: 1px solid rgba(99, 123, 123, 0.3);
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(99, 123, 123, 0.149), 0 4px 12px rgba(99, 123, 123, 0.15);
  max-width: 218px;
}

.qv-listbox-popover .lui-search,
.qv-object-wrapper .lui-search {
  background-color: var(--neutral-100);
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-cancel:active,
.qv-listbox-popover .sel-toolbar-list .sel-toolbar-cancel:active:focus,
.qv-listbox-popover .sel-toolbar-list .sel-toolbar-confirm:active,
.qv-listbox-popover .sel-toolbar-list .sel-toolbar-confirm:active:focus,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-cancel:active,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-cancel:active:focus,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-confirm:active,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-confirm:active:focus {
  box-shadow: none;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-list-item,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-list-item {
  padding: 0;
}

.qv-listbox-popover .sel-toolbar-list li,
.qv-object-wrapper .sel-toolbar-list li {
  margin: 0 3px;
  padding: 0;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-cancel,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-cancel {
  background: var(--neutral);
  border: 1px solid var(--danger-200);
  border-radius: 6px;
  box-shadow: none;
  transition: background 0.2s ease;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-cancel .lui-icon,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-cancel .lui-icon {
  color: var(--danger);
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-cancel:disabled,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-cancel:disabled {
  background: var(--neutral);
  opacity: 0.4;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-cancel:hover,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-cancel:hover {
  background-color: var(--danger-200) !important;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-confirm,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-confirm {
  background: var(--success-100);
  border: 1px solid var(--success-200);
  border-radius: 6px;
  box-shadow: none;
  transition: background 0.2s ease;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-confirm .lui-icon,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-confirm .lui-icon {
  color: var(--dark-icons);
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-confirm:hover,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-confirm:hover {
  background-color: var(--success-200) !important;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-confirm:disabled,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-confirm:disabled {
  background: var(--success-100) !important;
  opacity: 0.4;
}

.qv-listbox-popover .sel-toolbar-list .sel-toolbar-btn,
.qv-object-wrapper .sel-toolbar-list .sel-toolbar-btn {
  width: 100%;
}

.qv-listbox-popover .qv-selection-toolbar,
.qv-object-wrapper .qv-selection-toolbar {
  border-radius: 6px 6px 0 0;
}

.qv-listbox-popover .qv-object.qv-object-filterpane,
.qv-object-wrapper .qv-object.qv-object-filterpane {
  border-radius: 6px;
}

.qv-listbox-popover .qv-filterpane.qv-filterpane-scrollable,
.qv-object-wrapper .qv-filterpane.qv-filterpane-scrollable {
  overflow: hidden;
}

.qv-listbox-popover .qv-collapsed-listbox,
.qv-object-wrapper .qv-collapsed-listbox {
  border: 1px solid var(--neutral-200) !important;
  border-radius: 6px;
}

.qv-listbox-popover .qv-collapsed-listbox.interactive:hover,
.qv-listbox-popover .qv-collapsed-listbox:hover,
.qv-object-wrapper .qv-collapsed-listbox.interactive:hover,
.qv-object-wrapper .qv-collapsed-listbox:hover {
  border: 0;
}

.qv-listbox-popover .qv-collapsed-listbox .title-wrapper .title,
.qv-object-wrapper .qv-collapsed-listbox .title-wrapper .title {
  color: var(--neutral-500);
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.qv-listbox-popover .qv-collapsed-listbox .title-wrapper,
.qv-object-wrapper .qv-collapsed-listbox .title-wrapper {
  background: var(--white);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.qv-listbox-popover .qv-state-count-bar,
.qv-object-wrapper .qv-state-count-bar {
  background: var(--neutral-100);
  border: 0;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 var(--neutral-200);
}

.qv-listbox-popover .qv-state-count-bar .state.optional,
.qv-object-wrapper .qv-state-count-bar .state.optional {
  background: var(--neutral-100);
}

.qv-listbox-popover .qv-listbox .selected,
.qv-listbox-popover .qv-listbox .serverLocked,
.qv-listbox-popover .qv-listbox .serverSelected,
.qv-listbox-popover .qv-state-count-bar .state.selected,
.qv-object-wrapper .qv-listbox .selected,
.qv-object-wrapper .qv-listbox .serverLocked,
.qv-object-wrapper .qv-listbox .serverSelected,
.qv-object-wrapper .qv-state-count-bar .state.selected {
  background: var(--success);
}

.qv-listbox-popover .qv-state-count-bar .state.alternative,
.qv-object-wrapper .qv-state-count-bar .state.alternative {
  background: var(--neutral-100) !important;
}

.qv-listbox-popover .qv-object .qv-object-header,
.qv-object-wrapper .qv-object .qv-object-header {
  justify-content: center;
  padding-bottom: 0;
  text-align: center;
}

.qv-listbox li.serverOptional {
  background: var(--white);
}

.selections-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--danger);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  color: var(--clusterApp-mobileHeaderSelectionsCounterColor);
}

.selections-counter-sidebar {
  margin-right: 4px;
  margin-left: 6px;
}

.selections-counter-mobile {
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 11px;
}

.no-favorites-message {
  color: var(--leftMenu-item);
  text-align: center;
  font-family: "Source Sans Pro";
}

/*QVF Modifications*/

.side-filters {
  top: 0 !important;
  bottom: 0 !important;
}
.side-filters .qv-object-title.qvt-visualization-title h1 {
  display: none;
}

.filters-header {
  background: var(--clusterApp-rightFilterBarHeaderBackground);
  z-index: 5;
}

.dYvdai .title-container h2 {
  color: var(--clusterApp-rightFilterBarHeaderTitle);
}

.filter-list {
  overflow: scroll;
}

.filter-list .qv-object-title {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--unique-18);
  border-radius: 6px;
  display: flex;
  height: 34px;
}

.filter-list .qv-object-title .qv-object-title-text::after {
  content: "\f061";
  color: var(--dark-icons);
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  right: 8px;
  position: absolute;
  transition: all 500ms ease;
}

.filter-list .qv-object-title .qv-object-title-text {
  color: var(--dark);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 16px;
  margin-left: 9px;
  padding: 0;
  text-transform: uppercase;
}

.qv-object.qv-object-listbox .qv-object-title {
  align-items: baseline;
  background-color: var(--white);
}

.qv-object.qv-object-listbox .qv-object-title .qv-object-title-text {
  color: var(--dark);
  font-family: "Source Sans Pro";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: initial;
  margin-left: 8px;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}

.nativeFilterWrap .qv-object .qv-object-title .qv-object-title-text {
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.qv-object.qv-object-listbox .qv-object-title .lui-icon--select-alternative,
.qv-object.qv-object-listbox .qv-object-title .qv-object-locked,
.qv-object.qv-object-listbox .qv-object-title .qv-object-search {
  color: var(--dark-icons);
  font-weight: 300;
  font-size: 16px;
}

.side-filters .qv-inner-object + .qv-object-title-text.ng-binding.ng-scope {
  opacity: 0;
}
/*End of QVF Modifications */

.page-sheet .qv-listbox-popover .qv-selection-toolbar,
.page-sheet .qv-object-wrapper .qv-selection-toolbar {
  top: -5px !important;
  z-index: 3 !important;
}
/* to remove index hierarchy on container objects */
.containerQlik .qv-object {
  z-index: unset !important;
}

/* overlay */

.closeNative {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}

/* end of overlay */

/* init react-grid*/
.cards-list .react-grid-layout {
  width: 100%;
}
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  background: var(--primary);
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");
  background-position: bottom right;
  padding: 0 6px 6px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

#content {
  width: 100%;
}

.layoutJSON {
  margin-top: 10px;
  padding: 10px;
}
.columns {
  -moz-columns: 120px;
  -webkit-columns: 120px;
  columns: 120px;
}
.react-grid-item {
  box-sizing: border-box;
}

.react-grid-item.resizing {
  opacity: 0.9;
}
.react-grid-item.static {
  background: var(--neutral-250);
}
.react-grid-item .text {
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 24px;
}
.react-grid-item .minMax {
  font-size: 12px;
}
.react-grid-item .add {
  cursor: pointer;
}
.react-grid-dragHandleExample {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
li b {
  font-size: 19px;
  line-height: 14px;
}
.App {
  font-family: sans-serif;
  text-align: center;
}

/* Alterações do card */
.t1,
.t1 .bottom-card {
  flex-direction: column;
  border-radius: 0 0 10px 10px;
}

.t1 {
  border-radius: 10px;
}

.t1 .left-bottom-card {
  /* max-height: max-content; */
  padding-right: 15px;
}

.t1 .top-card {
  justify-content: flex-start;
  min-height: min-content;
}

.qv-object.qv-object-filterpane .qv-inner-object {
  background-color: transparent !important;
}

.card-loading-home {
  flex: 1;
  min-width: 370px;
  margin: 10px;
  box-shadow: 1px 1px 10px -5px black;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.card-loading-home .card-name-app {
  width: 60%;
}

.card-loading-home .card-info-container .label-custom {
  margin-bottom: 10px;
}

.card-loading-home .top-card {
  display: flex;
  flex-direction: column;
  padding: 10px;
  min-height: 95px;
}

.card-loading-home .bottom-card {
  flex: 1;
  border-radius: 0 0px 10px 10px;
  display: flex;
  align-items: center;
}

.enable-interactive {
  z-index: 3;
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {
  .enable-interactive {
    display: none !important;
  }
}

.enable-interactive.active-scroll {
  color: var(--primary) !important;
}

.enable-interactive span {
  margin-left: 4px;
  font-size: 12px;
}

.disableScroll {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}

.actionButtonsWrapper {
  display: flex;
  top: 0;
  right: 6px;
  top: 6px;
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

@media (min-width: 769px) {
  .disableScroll {
    display: none;
  }
}

@media (max-width: 769px) {
  .actionButtonsWrapper {
    width: 100%;
    border-bottom: solid 1px var(--neutral-100);
    padding-bottom: 5px;
    z-index: 3;
  }
}

@media (min-width: 1024px) {
  .menu-opened .content {
    left: 240px;
    transition: 0.5s;
  }

  .actionButtonsWrapper {
    position: absolute;
    right: 13px;
    top: 10px;
  }

  .nh-qlik-object .qv-object-wrapper .qv-object .qv-object-header {
    box-sizing: content-box;
    padding-right: 70px;
  }
}

.error-qlik {
  height: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--geralPage-cardDescription);
  text-align: center;
}

@media (min-width: 1024px) {
  .floating-navigation {
    box-shadow: -11px 0px 16px 13px var(--clusterApp-sidebarShadowColor);
    z-index: 5;
  }
}
.cluster-menu-closed .floating-navigation {
  box-shadow: none;
}
.app-header,
.qvf-title-container {
  height: 70px;
}
.top-navbar-mobile {
  max-height: 70px;
}
.menu-closed .demo-message {
  display: none;
}

.geral-page > .qlik-daterangepicker.dropdown-menu {
  font-family: "Source Sans Pro", sans-serif;
  z-index: 999 !important;
}

.sheetGroup.active .sub-menu-active span,
.sheetGroup.active .subitem.sheets.active span,
.subitem.sheets.active .sub-menu-active {
  background-color: #0000 !important;
  color: var(--primary) !important;
}

/* sheet menu */

.appWrapper .appName {
  color: var(--leftMenu-item);
  /* margin-left: 7px; */
}

.appWrapper {
  align-items: center;
  display: flex;
}

.has-submenu > a.subgroup-menu-active .appWrapper::after {
  color: var(--dark-icons);
}

.qvfTitleFormat {
  width: 160px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item-menu > .rootMenuItem {
  align-items: center;
  display: flex;
  overflow-wrap: break-word;
}

.menu-closed ul.uk-nav.uk-nav-default {
  overflow-x: hidden;
}

.nh-qlik-object .text-imageQlik b {
  font-weight: 700;
}

.nh-qlik-object .text-imageQlik i {
  font-style: italic;
}

.nh-qlik-object .text-imageQlik u {
  text-decoration: underline;
}

/* modal global error */
.modalErrorBody {
  padding: 20px;
}

.modalErrorBody h2 {
  color: #595959;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}

.modalErrorFooter {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 8px;
  border-top: 1px solid #0003;
}

.modalErrorButton {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  box-sizing: border-box;
  color: #595959;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  height: 28px;
  line-height: 24px;
  min-width: 44px;
  outline: none;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  transition: border-color 0.2s ease-out;
  -webkit-user-select: none;
}

.modalErrorButton:hover {
  border-color: #666;
}

/* end of modal global error */

@supports (display: block) {
  svg {
    max-width: inherit;
  }
}

.page-auto-mashup .app-name {
  color: var(--clusterApp-appName);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
}

/* remove bug at qlik popup */
[qs-angular-overlay] [lui-class-list="classList"].ng-scope.lui-popover:has(.object-error-popup) {
  display: none !important;
}