@font-face {
  font-family: "opbold";
  src: url("../fonts/OpenSansBold/OpenSansBold.eot?") format("eot"), url("../fonts/OpenSansBold/OpenSansBold.woff2") format("woff2"), url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"), url("../fonts/OpenSansBold/OpenSansBold.svg#opbold") format("svg"); }

@font-face {
  font-family: "opbolditalic";
  src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?") format("eot"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff2") format("woff2"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype"), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.svg#opbolditalic") format("svg"); }

@font-face {
  font-family: "opextbold";
  src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?") format("eot"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff2") format("woff2"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype"), url("../fonts/OpenSansExtraBold/OpenSansExtraBold.svg#opextbold") format("svg"); }

@font-face {
  font-family: "opitalic";
  src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?") format("eot"), url("../fonts/OpenSansItalic/OpenSansItalic.woff2") format("woff2"), url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype"), url("../fonts/OpenSansItalic/OpenSansItalic.svg#opitalic") format("svg"); }

@font-face {
  font-family: "oplight";
  src: url("../fonts/OpenSansLight/OpenSansLight.eot?") format("eot"), url("../fonts/OpenSansLight/OpenSansLight.woff2") format("woff2"), url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype"), url("../fonts/OpenSansLight/OpenSansLight.svg#oplight") format("svg"); }

@font-face {
  font-family: "opregular";
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?") format("eot"), url("../fonts/OpenSansRegular/OpenSansRegular.woff2") format("woff2"), url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype"), url("../fonts/OpenSansRegular/OpenSansRegular.svg#opregular") format("svg"); }

@font-face {
  font-family: "opsemibold";
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?") format("eot"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff2") format("woff2"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.svg#opsemibold") format("svg"); }

@font-face {
  font-family: "pfbaguesansprot";
  src: url("../fonts/pfbaguesansprot/pfbaguesansprot.eot?") format("eot"), url("../fonts/pfbaguesansprot/pfbaguesansprot.woff2") format("woff2"), url("../fonts/pfbaguesansprot/pfbaguesansprot.woff") format("woff"), url("../fonts/pfbaguesansprot/pfbaguesansprot.ttf") format("truetype"), url("../fonts/pfbaguesansprot/pfbaguesansprot.svg#pfbaguesansprot") format("svg"); }

.path-frontpage .js-quickedit-main-content,
.page-node-type-member .js-quickedit-main-content {
  background: #f7f9fc;
  overflow-x: hidden;
  position: relative;
  top: -3px; }

/* ********************************************************** GENERAL STRUCTURE ******************************************************* */
.input-group .select-wrapper:first-child .form-control:first-child {
  line-height: 18px; }

.container {
  width: 100%;
  max-width: 1148px; }

.dialog-off-canvas-main-canvas {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto; }

div[role="main"] {
  position: relative;
  z-index: 0; }
  div[role="main"] > .row {
    padding: 10px 0px 20px;
    margin-right: 0;
    margin-left: 0; }

@media (max-width: 47.9em) {
  div[role="main"] > .row {
    padding: 15px 0px 20px; } }

/* breadcrumb*/
.path-frontpage .breadcrumb {
  display: none; }

.breadcrumb {
  color: #00529c;
  background-color: transparent;
  font-family: "opsemibold";
  width: 100%;
  max-width: 1148px;
  padding: 0;
  position: relative;
  z-index: 10;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0; }
  @media (max-width: 47.9em) {
    .breadcrumb {
      margin-bottom: 0;
      font-size: 12px;
      font-size: 1.2rem; } }
  .breadcrumb li + li {
    display: inline-block;
    color: #444444; }
    .breadcrumb li + li:first:before {
      display: none; }
    .breadcrumb li + li:before {
      padding: 0 2px;
      color: #00529c;
      content: ">"; }
    .breadcrumb li + li.active {
      font-family: "opregular";
      color: #666666; }
    .breadcrumb li + li a {
      color: #00529c; }

.form-actions button {
  margin: 32px 0;
  padding: 13px; }
  .form-actions button:hover {
    padding: 13px; }

.tabs {
  position: relative;
  margin: 10px 0 0;
  z-index: 1; }
  .tabs li.active a {
    background-color: transparent; }
  .tabs li a {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 4px 9px; }

ul.pagination li.active a {
  background: transparent;
  border: transparent;
  color: #ffffff;
  top: -22px;
  z-index: 10; }
  ul.pagination li.active a:before {
    content: "";
    background: #00529c;
    border-radius: 50%;
    color: #ffffff;
    width: 28px;
    height: 28px;
    font-family: "opbold";
    margin: -3px -10px;
    display: block;
    position: relative;
    top: 21px;
    z-index: -1; }
  ul.pagination li.active a:hover {
    background: transparent; }

ul.pagination li a {
  border: 0; }
  ul.pagination li a:hover {
    border-radius: 50%; }

ul.pagination li.pager__item--last a {
  background: url(../images/end_pagination.png) center no-repeat;
  text-indent: -9999999999px;
  position: relative;
  width: 28px;
  height: 28px;
  top: 4px; }
  ul.pagination li.pager__item--last a:hover {
    border-radius: 50%;
    background-color: #eee;
    border-color: #ddd; }

ul.pagination li.pager__item--first a {
  background: url(../images/first_pagination.png) center no-repeat;
  text-indent: -9999999999px;
  position: relative;
  width: 28px;
  height: 28px;
  top: 4px; }
  ul.pagination li.pager__item--first a:hover {
    border-radius: 50%;
    background-color: #eee;
    border-color: #ddd; }

ul.pagination li.pager__item--previous a {
  content: "...";
  position: relative; }

ul.pagination li.pager__item--next a {
  position: relative; }

.view-news .view-filters,
.view-meetings .view-filters,
.view-notifications .view-filters,
.view-projects .view-filters {
  float: left;
  width: 100%; }
  .view-news .view-filters .views-exposed-form,
  .view-meetings .view-filters .views-exposed-form,
  .view-notifications .view-filters .views-exposed-form,
  .view-projects .view-filters .views-exposed-form {
    margin: 10px 0; }
    .view-news .view-filters .views-exposed-form .form--inline,
    .view-meetings .view-filters .views-exposed-form .form--inline,
    .view-notifications .view-filters .views-exposed-form .form--inline,
    .view-projects .view-filters .views-exposed-form .form--inline {
      margin-bottom: 0; }
    .view-news .view-filters .views-exposed-form .form-actions button,
    .view-meetings .view-filters .views-exposed-form .form-actions button,
    .view-notifications .view-filters .views-exposed-form .form-actions button,
    .view-projects .view-filters .views-exposed-form .form-actions button {
      border-color: #00529c;
      background: #00529c;
      color: #ffffff;
      margin: 0 !important;
      padding: 0 13px;
      height: 34px;
      top: 0; }
    @media (max-width: 47.9em) {
      .view-news .view-filters .views-exposed-form .form-item,
      .view-news .view-filters .views-exposed-form .form-actions,
      .view-meetings .view-filters .views-exposed-form .form-item,
      .view-meetings .view-filters .views-exposed-form .form-actions,
      .view-notifications .view-filters .views-exposed-form .form-item,
      .view-notifications .view-filters .views-exposed-form .form-actions,
      .view-projects .view-filters .views-exposed-form .form-item,
      .view-projects .view-filters .views-exposed-form .form-actions {
        width: 100%;
        clear: both;
        margin-bottom: 10px; }
      .view-news .view-filters .views-exposed-form .form--inline .select-wrapper,
      .view-meetings .view-filters .views-exposed-form .form--inline .select-wrapper,
      .view-notifications .view-filters .views-exposed-form .form--inline .select-wrapper,
      .view-projects .view-filters .views-exposed-form .form--inline .select-wrapper {
        width: 100%; }
      .view-news .view-filters .views-exposed-form .form-actions,
      .view-meetings .view-filters .views-exposed-form .form-actions,
      .view-notifications .view-filters .views-exposed-form .form-actions,
      .view-projects .view-filters .views-exposed-form .form-actions {
        text-align: right; }
        .view-news .view-filters .views-exposed-form .form-actions button,
        .view-meetings .view-filters .views-exposed-form .form-actions button,
        .view-notifications .view-filters .views-exposed-form .form-actions button,
        .view-projects .view-filters .views-exposed-form .form-actions button {
          padding: 0 30px; } }

.view-news .view-content,
.view-meetings .view-content,
.view-notifications .view-content,
.view-projects .view-content {
  float: left;
  width: 100%; }
  .view-news .view-content .views-row,
  .view-meetings .view-content .views-row,
  .view-notifications .view-content .views-row,
  .view-projects .view-content .views-row {
    /*float: left;*/
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 10px 0; }
    .view-news .view-content .views-row .views-field-rendered-entity article,
    .view-meetings .view-content .views-row .views-field-rendered-entity article,
    .view-notifications .view-content .views-row .views-field-rendered-entity article,
    .view-projects .view-content .views-row .views-field-rendered-entity article {
      top: 0;
      padding: 20px 0; }
      .view-news .view-content .views-row .views-field-rendered-entity article > h2,
      .view-meetings .view-content .views-row .views-field-rendered-entity article > h2,
      .view-notifications .view-content .views-row .views-field-rendered-entity article > h2,
      .view-projects .view-content .views-row .views-field-rendered-entity article > h2 {
        display: none; }
      .view-news .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12,
      .view-meetings .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12,
      .view-notifications .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12,
      .view-projects .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12 {
        padding: 0;
        width: 20%; }
        @media (max-width: 38em) {
          .view-news .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12,
          .view-meetings .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12,
          .view-notifications .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12,
          .view-projects .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12 {
            width: 100%;
            margin-bottom: 15px; }
            .view-news .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12 img,
            .view-meetings .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12 img,
            .view-notifications .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12 img,
            .view-projects .view-content .views-row .views-field-rendered-entity article .content .col-md-3.col-xs-12 img {
              width: 100%; } }
      .view-news .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12,
      .view-meetings .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12,
      .view-notifications .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12,
      .view-projects .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12 {
        width: 78%; }
        @media (max-width: 38em) {
          .view-news .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12,
          .view-meetings .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12,
          .view-notifications .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12,
          .view-projects .view-content .views-row .views-field-rendered-entity article .content .col-md-9.col-xs-12 {
            width: 100%; } }

.contextual-region.contact .content .field--name-field-display-title h2 {
  color: #00529c;
  margin-bottom: 15px; }

.contextual-region.contact .content .field--type-string {
  width: 100%;
  float: left; }

#user-login-form .btn-success,
#user-login-form .btn-primary,
#user-login-form .btn-default,
#block-openidconnectlogin .btn-success,
#block-openidconnectlogin .btn-primary,
#block-openidconnectlogin .btn-default {
  margin: 10px 0 !important; }

.form-type-number {
  position: relative; }
  .form-type-number input[type="number"]::-webkit-inner-spin-button,
  .form-type-number input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .form-type-number input[type="number"] {
    -moz-appearance: textfield; }
  .form-type-number .form-type-number-nav {
    position: absolute;
    height: calc(100% - 4px);
    top: 2px;
    right: 2px; }
  .form-type-number .form-type-number-button {
    position: relative;
    cursor: pointer;
    background: #ffffff;
    width: 20px;
    text-align: center;
    color: #979797;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .form-type-number .form-type-number-button.form-type-number-up {
      position: absolute;
      height: 50%;
      top: 0; }
    .form-type-number .form-type-number-button.form-type-number-down {
      position: absolute;
      bottom: 0;
      height: 50%; }
