/*************************

Base styling

************************/
:root {
  --site-primary-color: #1fa29c;
  --white: #ffffff;
  --dark-gray: #4d4d4d;
  --golden-olive: #d0cb17;
  --gray: #f2f2f2;
}

body,
body * {
  box-sizing: border-box;
}

body {
  margin: 0;
}

body:not(.load-completed) .dialog-off-canvas-main-canvas {
  opacity: 0 !important;
}

.disable-scroll {
  overflow: hidden !important;
}

p {
  font-size: 16px;
}

a,
a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
}

a:hover,
a:focus {
  color: var(--site-primary-color);
}

button,
button:focus,
button:hover {
  box-shadow: none;
  outline: 0;
}

.table-responsive {
  border: none !important;
}

body.navbar-is-fixed-top {
  margin: 0;
  padding-top: var(--header-height);
}

body.admin-logged-in {
  padding-top: 149px !important;
}

.disable-click,
.disable-field {
  pointer-events: none;
  opacity: 0.5;
}

.hide-block,
.sol-option.disable-field {
  display: none !important;
}

.click-point {
  cursor: pointer;
}

.no-clicks,
.click-point-none {
  pointer-events: none;
}

.page-loader-section,
.pageLoader {
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}

.page-loader-section {
  background: transparent;
  z-index: 10002;
}

.load-completed .page-loader-section {
  display: none;
}

.loader-style-2.page-loader-section {
  display: flex;
  background-color: var(--white);
}

.loader-style-3.page-loader-section {
  display: flex;
  background-color: rgba(255, 255, 255, 0.4);
}

.validation-message {
  font-size: 13px;
  margin-top: 5px;
  display: block;
  width: 100%;
  color: #f01f1f;
}

.mandatory-fields>.control-label {
  position: relative;
  padding-right: 8px;
}

.mandatory-fields>.control-label:after {
  content: "*";
  position: absolute;
  right: 0;
  top: -3px;
  color: #f01f1f;
  font-size: 16px;
}

.form-required:after {
  margin-left: 4px;
  margin-top: -12px;
}

/* bold */
.semi-bold-text {
  font-weight: 600 !important;
}

.medium-bold-text {
  font-weight: 500 !important;
}

/************bg colors********/

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

.bg-grey-color {
  background-color: #f2f2f2 !important;
}

.bg-green {
  background: #4fbaad;
}

.bg-light-green {
  background: rgba(79, 186, 173, 0.25);
}

.bg-red {
  background: #f78d8d;
}

.bg-light-red {
  background: rgba(247, 141, 141, 0.25);
}

.bg-grey {
  background: #dfe5e5;
}

.bg-light-grey {
  background: #f4f4f4;
}

.bg-light-blue {
  background: #1a90c0;
}

.bg-transparent-blue {
  background: rgba(24, 144, 192, 0.1);
}

.bg-Blumine {
  background: #21568c;
}

.bg-transparent-Blumine {
  background: rgba(33, 86, 140, 0.1);
}

/********* text color ************/

.color-white {
  color: #ffffff;
}

/**********icons*********/

.custom-icon {
  display: block;
  font-size: 0;
  cursor: pointer;
  background: none no-repeat center center transparent;
}

.enlarge-field>.custom-icon {
  width: 14px;
  height: 14px;
  background-image: url(/themes/custom/gff/components/common/css/../img/expand.png);
}

.download-field>.custom-icon {
  width: 27px;
  height: 27px;
  background-image: url(/themes/custom/gff/components/common/css/../img/download.png);
}

.download-field>.custom-icon:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/download_hover.png);
}

.share-field>.custom-icon {
  width: 23px;
  height: 24px;
  background-image: url(/themes/custom/gff/components/common/css/../img/share.png);
}

.share-field>.custom-icon:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/share_hover.png);
}

.sortitem-label {
  padding-right: 30px;
  background: url(/themes/custom/gff/components/common/css/../img/sorting/sort_by_disabled.png) no-repeat right center transparent;
}

.ascending .sortitem-label {
  background-image: url(/themes/custom/gff/components/common/css/../img/sorting/sort_by_up_enabled.png);
}

.descending .sortitem-label {
  background-image: url(/themes/custom/gff/components/common/css/../img/sorting/sort_by_down_enabled.png);
}

.close-legend-icon {
  width: 10px;
  height: 10px;
  background: url(/themes/custom/gff/components/common/css/../img/close_legends.png) no-repeat center center transparent;
}

.icons-before:before {
  content: "";
  width: 13px;
  height: 16px;
  display: block;
}

.chart-icon:before {
  background: url(/themes/custom/gff/components/common/css/../img/chart_inactive.png) no-repeat center center transparent;
}

.chart-icon:hover:before,
.is-active>.chart-icon:before {
  background-image: url(/themes/custom/gff/components/common/css/../img/chart_active.png);
}

.table-icon:before {
  background: url(/themes/custom/gff/components/common/css/../img/table_inactive.png) no-repeat center center transparent;
}

.table-icon:hover:before,
.is-active>.table-icon:before {
  background-image: url(/themes/custom/gff/components/common/css/../img/table_active.png);
}

.map-icon:before {
  background: url(/themes/custom/gff/components/common/css/../img/tab-icons/map.png) no-repeat center center transparent;
}

.map-icon:hover:before,
.is-active>.map-icon:before {
  background-image: url(/themes/custom/gff/components/common/css/../img/tab-icons/map_selected.png);
}

.chart-stacked>.custom-icon {
  background: url(/themes/custom/gff/components/common/css/../img/chart/Small-Chart.png) no-repeat center center transparent;
  width: 11px;
  height: 9px;
}

.unstacked-icon {
  background-image: url(/themes/custom/gff/components/common/css/../img/chart/BAR_CHART_GREY.png);
  width: 9px;
  height: 11px;
}

.stacking-option.is-active>.unstacked-icon,
.unstacked-icon.is-active,
.unstacked-icon:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/chart/BAR_CHART_GREEN.png);
}

.stacked-icon {
  background-image: url(/themes/custom/gff/components/common/css/../img/chart/STACK_CHART_GREY.png);
  width: 9px;
  height: 11px;
}

.stacking-option.is-active>.stacked-icon,
.stacked-icon.is-active,
.stacked-icon:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/chart/STACK_CHART_GREEN.png);
}

.image-download-btn.custom-icon {
  width: 27px;
  height: 21px;
  background-image: url(/themes/custom/gff/components/common/css/../img/image.png);
}

.image-download-btn.custom-icon:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/image_hover.png)
}

.visualisation-info-field {
  background-image: url(/themes/custom/gff/components/common/css/../img/info-box/info.png);
  width: 19px;
  height: 19px;
}

.info-popup-field.is-active>.visualisation-info-field,
.visualisation-info-field:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/info-box/info_hover.png);
}

.sup-info-icon {
  font-size: 0 !important;
  width: 12px !important;
  height: 12px !important;
  background: url(/themes/custom/gff/components/common/css/../img/sup/info.png) no-repeat center center transparent !important;
  display: inline-block;
  background-size: 11px;
  position: relative;
  top: 0;
  margin-left: 3px;
  background-size: 12px !important;
}

.tooltip-sup-wrapper.event-click:has(.show-on-hover) .sup-info-icon,
.tooltip-sup-wrapper:hover .sup-info-icon,
.sup-info-icon:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/sup/sup-info-hover.png) !important;
}

.tooltip-sup-wrapper:has(.sup-info-icon) {
  vertical-align: top;
}

/*******custom-icon-with-label*******/

.custom-icon-with-label {
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
  display: flex;
  align-items: center;
}

.custom-icon-with-label.is-active,
.custom-icon-with-label:hover {
  color: #206196;
}

.custom-icon-with-label:after {
  content: "";
  width: 40px;
  height: 40px;
  background: none no-repeat center center transparent;
  display: block;
  margin-left: 12px;
}

.comment-button:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/comment/comment.png);
}

.comment-button.is-active:after,
.comment-button:hover:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/comment/comment-active.png);
}

/************comments*********/

.comments-button-block {
  position: absolute;
  right: calc(-1 * var(--px) + 20px);
  top: -80px;
  z-index: 2;
}

/* hide first - comment button from Analytic Collaborations  */
.content-layout--grid:has(.visulisation-widgets)>.normal-content-module>.comments-button-block {
  display: none;
}

.user-logged-in .content-layout--list .comments-button-block {
  top: -15px;
  right: 0;
}

.user-logged-in .content-layout--list .sub-chaper:first-child .comments-button-block {
  margin-top: 50px;
}

.user-logged-in .content-layout--list .sub-chaper .comments-button-block {
  top: 0;
  right: 0;
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.section-with-bg-image .comments-button-block {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}

.have-comment-option .content-title {
  padding-right: 125px !important;
}

.comment-button {
  color: var(--section-clr3, var(--clr-gray-dark));
}

.section-with-bg-image .comment-button {
  --section-clr3: var(--clr-white);
}

.comment-button.is-active,
.comment-button:hover {
  color: var(--clr-primary);
}

.odd-even-style:nth-child(even) .comment-button.is-active {
  color: var(--clr-white);
}

/********icon with text*********/

.custom-icon.with-icon-text {
  font-weight: 400;
  display: flex !important;
  width: auto;
  background-position: right center;
  align-items: center;
  padding-right: 37px;
  font-size: 12px;
  color: #4d4d4d;
  text-transform: uppercase;
  background: none !important;
  position: relative;
}

.custom-icon.with-icon-text:hover {
  color: #1fa29c;
}

.custom-icon.with-icon-text:after {
  content: "";
  width: 27px;
  height: 27px;
  background: none no-repeat center center transparent;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -13.5px;
}

.download-field>.custom-icon.with-icon-text:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/download.png);
}

.download-field>.custom-icon.with-icon-text:hover:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/download_hover.png);
}

.reset-icon.custom-icon:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/reset_filter.png);
}

.reset-icon.custom-icon:hover:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/reset_filter_hover.png);
}

/* small icons */

.custom-icons-small.with-icon-text {
  padding-right: 28px;
  font-size: 11px;
  line-height: 11px;
  padding-top: 2px;
}

.custom-icons-small.with-icon-text:after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.download-field>.custom-icons-small.with-icon-text:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/small-icons/download.png);
}

.download-field>.custom-icons-small.with-icon-text:hover:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/small-icons/download_hover.png);
}

.reset-icon.custom-icons-small:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/small-icons/reset_filter.png);
}

.reset-icon.custom-icons-small:hover:after {
  background-image: url(/themes/custom/gff/components/common/css/../img/small-icons/reset_filter_hover.png);
}

/**********tooltip*********/

.with-tooltip {
  position: relative;
}

.with-tooltip:before {
  content: attr(data-title);
  display: block;
  font-size: 12px;
  color: #4d4d4d;
  text-transform: uppercase;
  font-weight: 400;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  padding: 5.5px 15px;
  margin-right: 15px;
  border-radius: 4px;
  box-shadow: 0 0 28px 0px rgba(0, 0, 0, 0.2);
  z-index: 0;
  border: 1px solid #b3b3b3;
  display: none;
  pointer-events: none;
}

.with-tooltip:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -15.5px;
  width: 17px;
  height: 31px;
  background: url(/themes/custom/gff/components/common/css/../img/tooltip_arrow.png) no-repeat center center transparent;
  margin-right: 0px;
  z-index: 1;
  display: none;
  pointer-events: none;
}

.with-tooltip:hover:after,
.with-tooltip:hover:before {
  display: block;
}

.sm-tooltip.with-tooltip:before {
  width: 150px;
}

/**********share*************/

.social-share.share-link a {
  width: 23px;
  height: 23px;
  display: block;
  background: url(/themes/custom/gff/components/common/css/../img/social_media_sprite.png) no-repeat 0 0 transparent;
}

.social-share.mail a {
  background-position: 0 0;
}

.social-share.mail a:hover {
  background-position: 0 -27px;
}

.social-share.twitter a {
  background-position: -26px 0;
}

.social-share.twitter a:hover {
  background-position: -26px -27px;
}

.social-share.fb a {
  background-position: -52px 0;
}

.social-share.fb a:hover {
  background-position: -52px -27px;
}

.arrow-navigation {
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
  background: none no-repeat center center transparent;
}

.arrow-navigation.prev-arrow {
  background-image: url(/themes/custom/gff/components/common/css/../img/left_carousel.png);
}

.arrow-navigation.prev-arrow:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/left_carousel_hover.png);
}

.arrow-navigation.next-arrow {
  background-image: url(/themes/custom/gff/components/common/css/../img/right_carousel.png);
}

.arrow-navigation.next-arrow:hover {
  background-image: url(/themes/custom/gff/components/common/css/../img/right_carousel_hover.png);
}

/**********page back*********/

.page-back-block {
  max-width: 930px;
  margin: 0 auto;
  padding: 20px 15px 0 15px;
}

/********iframe-wrapper********/

.iframe-wrapper {
  width: 100%;
}

.iframe-wrapper iframe {
  width: 100%;
  height: 320px;
  border: none;
}

/*********mcustom scrollbar**********/

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 30px !important;
}

/* field-input-readonly-syle */

.field-input-readonly-syle {
  pointer-events: none;
  opacity: 1 !important;
}

.field-input-readonly-syle .select2-container--default .select2-selection--single {
  border: none !important;
}

.field-input-readonly-syle .select2-selection__arrow {
  display: none !important;
}

/* padding */
.top-padding-30 {
  padding-top: 30px !important;
}

/*************************

Responsive

***********************/

@media only screen and (max-width: 767px) {
  .table-responsive {
    margin-bottom: 0;
  }

  body.navbar-is-fixed-top {
    padding-top: 50px;
  }

  body.page-with-secondary-navigation {
    padding-top: 94px;
  }

  p {
    font-size: 14px;
    line-height: 24px;
  }
}