/**
 * Fix position for filters on news listing.
 */
.article-filter .views-exposed-form .desktop-filter-nav .form-item {
  display: inline-block;
}

/**
 * Hide ajax loader.
 */
.pager-load-more .ajax-progress.ajax-progress-throbber {
  display: none !important;
}

/**
 * Styles for login forms, slice absent.
 */
.page-user form, .page-user div.profile, .page-user-password form#user-pass {
  margin-top: 140px;
  padding-top: 85px;
  margin-bottom:50px;
}
.page-user .external-auth-form {
  margin: 0;
  padding: 0;
}
.messages.error {
  position:absolute;
  width:100%;
}
.page-user form > div,
.external-auth-form > div {
  width: 450px;
  margin: 0 auto;
  max-width: 100%;
}
.page-user form .form-item label,
.external-auth-form .form-item label {
  color: #00345c;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 2px;
}
.page-user form .form-item .form-text,
.external-auth-form .form-item .form-text {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d0d1d1;
  height: 32px;
  padding: 3px 10px;
  max-width: 100%;
}
.page-user .content form .form-actions .form-submit,
.external-auth-form .form-actions .form-submit {
  background: #00345c none repeat scroll 0 0;
  color: #fff;
  font-weight: 400;
  border: 1px solid #00345c;
  padding: 9px 24px;
  text-align: center;
  transition: all 0.2s ease-in 0s;
  margin-top:20px;
}
.page-user  form .form-actions .form-submit:hover,
.external-auth-form .form-actions .form-submit:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #00345c;
}

.external-auth-form .form-actions {
  text-align: center;
}

.external-auth-form .form-actions .form-submit {
  margin-right: 24px;
}

.external-auth-form .form-message {
  margin-top: 34px;
}

.header-top .external-pass-reset {
  display: none !important;
}

.external-pass-reset-form {
  max-width: 450px;
  margin: 0 auto;
}

.external-pass-reset-form .form-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.external-pass-reset-form input:not(.form-submit),
.external-pass-reset-form .form-type-password,
.external-pass-reset-form .password-suggestions.description {
  width: 100%;
}

.external-pass-reset-form .form-item-mail {
  margin-bottom: 10px;
}

.external-pass-reset-form .password-strength,
.external-pass-reset-form .password-confirm {
  margin-bottom: 10px;
  margin-top: 0;
}

/**
 * Hide some elements.
 */
.prepared-document-blocks {
  display: none;
}

.jcd-addtocalendar var {
  display: none;
}

/**
 * Fixes for #166495.
 */
.fancybox-wrap .field-name-body {
  overflow:hidden;
}
.fancybox-wrap .document-popup.focus-variant .social-buttons-block {
  margin-top: 50px;
  clear:both;
  margin-bottom:0;
}

/**
 * Fixes for #169657.
 */
.article-landing .image-open-popup {
  cursor:pointer;
  display:block;
  height:100%;
}
.article-landing .image-open-popup.no-img {
  width: 100%;
  height: 100%;
  position: absolute;
}

/**
 * Fixes for #165255.
 */
.stock-info.table-header {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 15px;
}

/**
 * Styles for charts, generated by ChartJS.
 * Charts not presented on slice, instead it uses image of chart.
 */
.chart canvas {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin: 0 auto;
}

canvas.chart-pie {
  max-width: 314px;
  width: 240px;
  height: 240px;
}

.section-for-you canvas.chart-pie {
  max-width: 240px;
  width: 240px;
  height: 240px;
}

.home-showcase__wrapper .chart-desc {
  max-height: 100%;
  height: 100%;
  padding: 8px 0;
}

.home-showcase__wrapper .asset-chart .chart {
  display: block;
}

.home-showcase .post-block .asset-chart .desc {
  margin-top: 10px;
}

.home-showcase .post-block .asset-chart .desc .chart-legend {
  margin-bottom: 8px;
}

.home-showcase__wrapper .chart-desc .chart {
  max-height: calc(100% - 100px) !important;
  height: calc(100% - 100px) !important;
  margin: 0;
}

.home-showcase__wrapper .chart-desc .chart.no-title {
  max-height: calc(100% - 80px) !important;
  height: calc(100% - 80px) !important;
  margin: 0;
}

.home-showcase__wrapper .chart-desc .chart.no-legend {
  max-height: calc(100% - 60px) !important;
  height: calc(100% - 60px) !important;
  margin: 0;
}

.home-showcase__wrapper .chart-desc .chart.no-legend.no-footnote,
.home-showcase__wrapper .chart-desc .chart.no-legend.no-footnote.no-title {
  max-height: calc(100% - 40px) !important;
  height: calc(100% - 40px) !important;
  margin: 0;
}

.home-showcase__wrapper .asset.pie .chart-desc .chart {
  max-height: calc(100% - 120px) !important;
  height: calc(100% - 120px) !important;
  margin: 0;
}

.home-showcase__wrapper .asset.pie .chart-desc .chart.no-title {
  max-height: calc(100% - 100px) !important;
  height: calc(100% - 100px) !important;
  margin: 0;
}

.home-showcase__wrapper .asset.pie .chart-desc .chart.no-legend {
  max-height: calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
  margin: 0;
}

.home-showcase__wrapper .asset.pie .chart-desc .chart.no-legend.no-footnote {
  max-height: calc(100% - 20px) !important;
  height: calc(100% - 20px);
  margin: 0;
}

@media (max-width: 850px) and (min-width: 769px), (max-width: 767px) {
  .home-showcase__wrapper .chart-desc .chart,
  .home-showcase__wrapper .chart-desc .chart.no-legend,
  .home-showcase__wrapper .chart-desc .chart.no-title,
  .home-showcase__wrapper .asset.pie .chart-desc .chart,
  .home-showcase__wrapper .chart-desc .chart.no-legend.no-footnote {
    max-height: calc(100% - 160px) !important;
    height: calc(100% - 160px) !important;
    margin: 0;
  }

  .home-showcase__wrapper .asset.pie .chart-desc .chart.no-legend {
    max-height: calc(100% - 80px) !important;
    height: calc(100% - 80px) !important;
    margin: 0;
  }

  .home-showcase__wrapper .asset.pie .chart-desc .chart.no-legend.no-footnote {
    max-height: calc(100% - 40px) !important;
    height: calc(100% - 40px);
    margin: 0;
  }

  .home-showcase .post-block .asset-chart .chart-desc {
    padding: 8px 0;
  }
}

.asset-chart .chart-desc div.chart-legend ul li {
  padding-left: 0 !important; }
.asset-chart .chart-desc div.chart-legend ul li:after {
  display: none; }

canvas.chart-pie-full {
  max-width: 100%;
  width: 480px;
  height: auto !important;
}

canvas.chart-line,
canvas.chart-line-full {
  max-width: 100%;
  width: 1046px;
  height: auto !important;
}

canvas.chart-line.no-legend,
canvas.chart-line-full.no-legend {
  max-height: 510px;
}

.asset-chart .chart-desc .chart.mobile {
  display: none !important;
}

@media (max-width: 767px) {
  .asset-chart .chart-desc .chart.mobile {
    display: block !important;;
  }
  .asset-chart .chart-desc .chart.desktop {
    display: none !important;;
  }
}

/**
 * Hide extra elements.
 */
.jcd-exposed-hidden .views-exposed-widget > * {
  display: none;
}

.jcd-exposed-hidden .views-exposed-widget > .ajax-progress {
  display: none;
}

.our-presence-section .jcd-exposed-hidden .views-exposed-widget > .ajax-progress {
  display: none;
}

/**
 * Styles for video in gallery popup.
 */
.popup-gallery .img-block .img-block-inner {
  margin-bottom: 16px;
}

.popup-gallery .video-block .ttl.video-ttl {
  width: 848px;
}
@media (max-width: 1024px) {
  .popup-gallery .video-block .ttl.video-ttl {
    width: 600px;
  }
}
@media (max-width: 767px) {
  .popup-gallery .video-block .ttl.video-ttl {
    width: 100%;
  }
}

/**
 * Hide ajax loader on listing.
 */
[id^="views-exposed-form-listing-document"] .ajax-progress-throbber {
  display: none;
}

/**
 * Hide default icon for AddThis widget, #177762.
 */
body.node-type-vacancy .action-block-wrapp .at-icon-wrapper {
  display: none;
}

/**
 * Theme mailchimp subscribe checkbox, #194462.
 */
.contact-form .form-item-submitted-mailchimp-subscribe {
  margin: 0 0 26px;
  padding: 0 82px;
}
@media (max-width: 1024px) {
  .contact-form .form-item-submitted-mailchimp-subscribe {
    padding: 0;
  }
}

/**
 * Social buttons for CT Campaign, #237407.
 */
.campaing-page .social-buttons-block {
  float: right;
  margin: 0;
}

/**
 * Styles for recaptcha on webform, absent on slices.
 */
@media screen and (max-width: 320px) {
  .webform-client-form .g-recaptcha {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

/**
 * Fixes for #283688.
 */
.webform-client-form .messages.file-upload-js-error,
.webform-client-form .file-upload-js-error .messages {
  position: relative;
}

.webform-client-form .file-upload-js-error {
  padding: 0 82px;
}

@media screen and (max-width: 1024px) {
  .webform-client-form .file-upload-js-error {
    padding: 0;
  }
}

/**
 * Theming for Batch page to index data in FO theme.
 * See #261022.
 */
.page-batch .wrapper  {
  margin-top: 250px;
}

.page-batch .wrapper .batch-processed {
  margin: 10px;
  min-height: 600px;
}

.page-batch .wrapper .batch-processed .progress .filled {
  background-color: #1a8bd0;
}

body.page-batch {
  background-color: #f6f4f1;
}

/**
 * Theming for Campaign simulator form elements.
 * See #261333.
 */
.element-hidden,
#jcdecaux-campaign-simulator-upload-form .form-type-managed-file span.file,
#jcdecaux-campaign-simulator-upload-form .form-item-select-sample,
#jcdecaux-campaign-simulator-upload-form .form-item-locations {
  display: none;
}

.page-node-simulator-upload .ajax-custom-loading-block:not(.loading-finished),
.chose-poster-type.ajax-progress-hidden .form-item-user-file label,
.chose-poster-type.ajax-progress-hidden .form-item-user-file input {
  display: none !important;
}
.page-node-simulator-upload .ajax-custom-loading-block.loading-finished {
  display: block !important;
  opacity: 1 !important;
}

/**
 * Styles for custom svg icons, see #271168.
 */
.mobile-menu .social-widget .svg-custom, footer .social-widget .svg-custom  {
  display: block;
  width: 16px;
  height: 16px;
}

/**
 * Theming for error messages on Campaign simulator.
 * This element absent on slice.
 * Ticket #261341.
 */
.simulator-error-message {
  z-index: 100;
  position: absolute;
  top: -35px;
  width: 100%;
  color: #d0021b;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}

/**
 * Functionality to show video by hover for #256790.
 */
.post-block.campaigns-block.post-with-video:hover .ico-block img {
  z-index: -1;
}

.post-block.campaigns-block a {
  z-index: 5;
}

.post-block.campaigns-block.post-with-video .bg-video video {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  min-height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  position: absolute;
}
.post-block.campaigns-block.post-with-video .bg-video {
  display: none;
  position: absolute;
  min-height: 100%;
  max-height: 100%;
  top: 0;
  background: black;
  min-width: 200%;
  left: -50%;
}
.post-block.campaigns-block.post-with-video:hover .bg-video {
  display: block;
}

/**
 * Fixes for #285883.
 */
.grecaptcha-badge {
  box-shadow: none !important;
  width: 100% !important;
}

.grecaptcha-badge iframe {
  width: 100% !important;
  height: 76px;
}

/**
 * Caption appears by js and can't be disabled.
 * See #279491.
 */
.custom-asset-wrap .asset-image.jg-entry .caption {
  display: none !important;
}

/**
 * Fix for #285377.
 */
.key-list .asset-key-figure-item .svg-download {
  display: inline-block;
}

/**
 * Fixes for #276640.
 */
.section-for-you .asset-block-section > br {
  line-height: 24px;
}

.section-for-you .asset-block-section .asset-quote blockquote{
  padding-bottom: 0;
}

/**
 * Added document description by #293112.
 * This code adds margin between title and description.
 * On slice this element absent.
 */
.release-info-block .post .desc h3 {
  margin: 0 0 6px;
}

/**
 * Fix for #291542.
 */
.slide-to-date .article-filter.sticky-block {
  min-height: 54px;
}

/**
 * Custom svg icons in footer menu (absent on slice), see #13551.
 */
.main-footer .footer-icon {
  margin-right: 5px;
}

.main-footer .footer-icon .svg-custom {
  display: inline;
  width: 16px;
  height: 16px;
}

/**
 * Done for #313051.
 */
.article-text table.table-no-borders td {
  border: none;
}

.article-text table.table-left-align {
  text-align: start;
  table-layout: initial;
}

/**
 * Catalogue item CTA #322556.
 */
.catalogue-item-popup .action-block-wrapp.unusual .btn-bar li p {
  padding: 0 20px;
}
.catalogue-item-popup .action-block-wrapp.unusual .btn-bar li a {
  min-width: 202px;
}
.catalogue-item-popup .action-block-wrapp.unusual .btn-bar li {
  width: 30%;
}

.asset-gallery-block .img-group .jcd-pre-load-height {
  min-height: 342px;
}

/**
 * Fix width calculation for tables with defined width (#392351)
 */
.forDesktop .jspContainer .jspPane {
  left: 0;
  width: 100%;
}
