/*>>============================== Project VARs ==============================<<*/

:root {
    /* General */
    --base-font-family: "Open Sans", Verdana,Geneva,Tahoma,sans-serif;
    --base-font-size: 15px;
    --base-line-height: 1.6;
    --font-weight-bold: 600;
    --font-weight-normal: 400;
    --text-color-primary: #333;
    --background-color-primary: #fefefe;

    --color-primary: #232f66;
    --text-color-secondary: #fefefe;

    --link-color-primary: #000;
    --link-color-hover: #000;
    --link-text-decortation: underline;
    --link-text-decortation-focus: none;
    --link-text-decortation-hover: none;

    --h1-color: #000;
    --h1-font-size: 1.3rem;
    --h1-margin-top: 0;
    --h1-margin-bottom: 1.9rem;
    --h1-padding-top: 0;
    --h1-padding-bottom: 0;
    --h1-class-margin-top: 0;
    --h1-class-margin-bottom: 0;

    --h2-color: #000;
    --h2-font-size: 1.1rem;
    --h2-margin-top: 0;
    --h2-margin-bottom: 1rem;
    --h2-padding-top: 0;
    --h2-padding-bottom: 0;
    --h2-border-bottom-size: 0;
    --h2-border-bottom-color: 0;
    --h2-line-height: initial;
    --h2-display: table; /* // # TODO before table but switched to inline-table because of toggle-arrow, https://stackoverflow.com/questions/19352072/what-is-the-difference-between-inline-block-and-inline-table */

    --h3-color: #000;
    --h3-font-size: 1rem;
    --h3-margin-top: 0;
    --h3-margin-bottom: .625rem;
    --h3-padding-top: 0;
    --h3-padding-bottom: 0;

    --h4-color: #000;
    --h4-font-size: 1rem;
    --h4-margin-top: 0;
    --h4-margin-bottom: 5px;
    --h4-padding-top: 0;
    --h4-padding-bottom: 0;

    --h5-color: #000;
    --h5-font-size: 1rem;
    --h5-margin-top: 0;
    --h5-margin-bottom: 0;
    --h5-padding-top: 0;
    --h5-padding-bottom: 0;

    --h6-color: #000;
    --h6-font-size: 1rem;
    --h6-margin-top: 0;
    --h6-margin-bottom: 0;
    --h6-padding-top: 0;
    --h6-padding-bottom: 0;

    --all-headlines-line-height: 1.4;
    --all-headlines-font-weight: 400;

    --mandatory-marker-color: red;
    /* Navigation */
    --navigation-background-color: f000;
    --navigation-nav-link-negative-border-bottom-size: 0 none; /* Keep it equal with --navigation-border-bottom-size */
    --navigation-border-bottom-size: 0 none; /* Keep it equal with --navigation-nav-link-negative-border-bottom-size */
    --navigation-border-bottom-color: #969FAE;
    --nav-link-color: rgba(50, 50, 50, .9);
    --nav-link-color-active: rgba(50, 50, 50, .9);
    --nav-link-color-focus: rgba(50, 50, 50, .9);
    --nav-link-color-hover: rgba(0, 114, 188, 1);
    --nav-link-color-hover-md: rgba(0, 114, 188, 1);
    --nav-link-color-aria-expanded-true-color: rgba(0, 114, 188, 1);
    --nav-link-color-aria-expanded-true-background-color: #ffffff;
    --nav-link-font-size: 15px;
    --nav-link-line-height: 1.6;
    --nav-link-background-color: #fff;
    --nav-link-background-color-active: #f7f7f7;
    --nav-link-background-color-focus: #fff;
    --nav-link-background-color-hover: #fff;
    --nav-link-background-color-hover-md: #fff;
    --nav-link-text-transform: uppercase;
    --nav-link-border-bottom-color: #ffde00;
    --nav-link-border-bottom-color-active: rgba(50, 50, 50, .9);
    --nav-link-border-bottom-color-hover: #0072bc;

    --nav-dropdown-menu-background-color: #fff;
    --nav-dropdown-menu-background-color-md: #fff;
    --nav-dropdown-menu-border-top-color: rgba(0, 114, 188, 1);
    --nav-dropdown-menu-border-bottom-color: rgba(50, 50, 50, .9);
    --nav-dropdown-menu-link-color: #333;

    --nav-dropdown-header-font-size: 1rem;
    --nav-dropdown-header-color: rgba(0, 114, 188, 1);
    --nav-dropdown-header-font-weight: 400;

    --nav-dropdown-item-color: rgba(50, 50, 50, .9);
    --nav-dropdown-item-color-hover: #0072bc;
    --nav-dropdown-item-border-bottom: 1px solid #eee;
    --nav-dropdown-item-aria-expanded-true-color: rgba(0, 114, 188, 1);
    --nav-dropdown-item-background-color-active: #f7f7f7;
    --nav-dropdown-item-background-color-focus: #fff;
    --nav-dropdown-item-background-color-hover: rgba(0, 114, 188, .1);

    /* Breadcrumbs */
    --breadcrumbs-background-color: rgba(50, 50, 50, .025);
    --breadcrumbs-font-size: .9rem;
    --breadcrumbs-breadcrumb-item-color: #6c757d;
    --breadcrumbs-content-container-background-color: transparent;
    /* Tables */
    --table-border-color: #c3c3c3;
    --table-th-background-color: #ebebeb;
    /* Basics */
    --text-shaded-color: #7f7f7f;

    /* Boxes */
    --message-box-border-left-color: rgba(0, 114, 188, 1);
    --co-content-box-color: #232960;
    --co-content-box-background-color: #ebebeb;

    /* Buttons */
    --button-color: #fff;
    --button-color-primary: #C0110A ;

    --button-primary-background-color: #C0110A ;
    --button-primary-background-color-active: #C0110A ;
    --button-primary-background-color-focus: #C0110A ;
    --button-primary-background-color-hover: #810b07;
    --button-primary-border-color: #C0110A ;
    --button-primary-border-color-active: #C0110A ;
    --button-primary-border-color-focus: #C0110A ;
    --button-primary-border-color-hover: #C0110A ;
    --button-primary-shadow: #C0110A ;
    /* Layout - Header logo */
    --header-banner-logo-container-height: 60px;
    --header-banner-logo-height: 43px;
    --header-banner-logo-width: auto;/*376px;*/
    --header-banner-logo-height-xs-lower-340: 43px;
    --header-banner-logo-width-xs-lower-340: auto;/*190px;*/
    --header-banner-logo-height-xs-lower-420: 43px;
    --header-banner-logo-width-xs-lower-420: auto;/*240px;*/
    --header-banner-logo-height-xs: 43px;
    --header-banner-logo-width-xs: auto;/*290px;*/
    --header-banner-logo-height-lg: 43px;
    --header-banner-logo-width-lg: auto;/*320px;*/

    --header-banner-background-image: none;
    --header-banner-background-image-xxl: none;
    --header-banner-background-image-xl: none;
    --header-banner-background-image-lg: none;
    --header-banner-background-image-md: none;
    --header-banner-background-image-sm: none;

    --header-banner-background-image-background-size: cover;
    --header-banner-background-image-background-position-x: center; /*-9rem 4rem;*/
    --header-banner-background-image-background-position-y: bottom; /*-9rem 4rem;*/
    --header-banner-background-image-background-repeat: no-repeat;
    --header-banner-background-image-display: block;
    --header-banner-background-image-padding: 0;
    --header-banner-container-height: 0; /*320px;*/
    --header-banner-container-height-sm: 0;
    --header-banner-divimage-width: 100%;
    --header-banner-divimage-height: 0;/*500px;*/ /* 340-350px for other templates */

    --header-banner-h1-color: #fff;
    --header-banner-h1-font-size: 3.25rem;
    --header-banner-h1-font-size-xs: 1.75rem;
    --header-banner-h1-font-size-line-height: 1.1;
    --header-banner-h1-font-size-sm: 2.5rem;
    --header-banner-h1-font-size-lg: 3rem;
    --header-banner-h1-font-weight: 200;
    --header-banner-h1-text-align: left;
    --header-banner-h1-margin-top: 0;

    --headers-content-container-min-height: 0; /*306px*/
    --headers-content-container-padding-top: 135px;
    --headers-content-container-padding-top-sm: 100px;
    --headers-content-container-padding-bottom: 0; /*25px*/
    --headers-content-container-inner-box-bottom: 10px; /*25px;*/ /* Required for headline */

    /* Layout - Location and time */
    --header-location-and-time-color: #232f66;
    --header-location-and-time-display: inline-block;
    --header-location-and-time-font-weight: normal;
    --header-location-and-time-font-size: 36px;
    --header-location-and-time-mobile-color: #232f66;
    --header-location-and-time-mobile-font-weight: bold;
    --header-location-and-time-mobile-font-size: 3rem;
    --header-location-and-time-mobile-color-sm: #232f66;
    --header-location-and-time-mobile-font-weight-sm: bold;
    --header-location-and-time-mobile-font-size-sm: 1rem;
    --header-location-and-time-mobile-bottom-sm: -38px;
    --header-location-and-time-mobile-right-sm: 0;
    /* Layout - Main */
    --main-background-color: #fefefe;
    --main-margin-top: 0;
    --main-margin-right: 0;
    --main-margin-bottom: 2rem;
    --main-margin-left: 0;
    --main-min-height: 20rem;
    /* Layout - Main - page content container wrapper */
    --page-content-container-wrapper-background-color: #fff;
    --page-content-container-wrapper-padding-top: 1rem;
    --page-content-container-wrapper-padding-bottom: 0;
    /* Layout - Main - page content container */
    --page-content-container-background-color: #fff;
    /* Layout - Footer */
    --footer-content-container-background-color: transparent;
    --footer-content-container-padding-top: 0;
    --footer-content-container-padding-bottom: 0;
    --links-content-container-background-color: transparent;
    --links-content-container-padding-top: 1rem;
    --links-content-container-padding-bottom: 0;
    --footer-background-color: none;
    --footer-padding-top: 4rem;
    --footer-padding-bottom: 3rem;
    --footer-padding-xaxis: 0;

    --footer-heading-backgound-color: #fff;
    --footer-heading-margin-bottom: 1rem;
    --footer-heading-paddin-bottom: 0.25rem;
    --footer-heading-h2-color: #fff;
    --footer-heading-h2-font-size: 1.2rem;

    --footer-logo-container-margin-top: -0.5rem;
    --footer-logo-container-margin-top-md: -3rem;
    --footer-logo-container-margin-top-sm: 0;
    --footer-co-meetings-logo-img-width: 250px;

    --footer-link-color: #2c2c2c;

    --footer-links-background-color: #d8d8d8;
    --footer-links-padding-xaxis: 0;
    --footer-links-padding-yaxis: 1.5rem;
    --footer-links-color: #2c2c2c;
    --footer-links-font-size: 0.9rem;
    --footer-links-li-border-top: 1px solid #333;
    --footer-links-small-color: #888;
    /* Social Media */
    --social-icons-a-color: #fff;
    --social-icons-a-text-decoration: none;
    --social-icons-color: #fff;
    --social-icons-font-size: 1.8rem;
    --social-icons-height: 2.5rem;
    --social-icons-padding: .35rem 0; /* // # TODO unused */
    --social-icons-width: 2.5rem;
    --social-icons-border-radius: .25rem;
    --social-icons-twitter-background-color: #4099ff;
    --social-icons-facebook-background-color: #3b5998;
    --social-icons-youtube-background-color: #e52d27;
    --social-icons-linkedin-background-color: #0077b5;

    --share-button-icon-color: rgba(50, 50, 50, .9);
    --share-button-icon-font-size: 2.5rem;
}

/*>>============================== General ==============================<<*/

*
{
    border-radius: 0
}
body, html
{
    --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: var(--base-font-family, --font-family);
    font-size: 15px;
    font-size: var(--base-font-size, 15px);
    background-color: #fff;
    background-color: var(--background-color-primary, #fff);
    line-height: 1.6;
    line-height: var(--base-line-height, 1.6);
    font-weight: 400;
    font-weight: var(--font-weight-normal, 400);
}
body, html, label, li, p
{
    color: rgba(50, 50, 50, .9);
    color: var(--text-color-primary, rgba(50, 50, 50, .9));
}
/*start Mantis#24938*/
a
{
    color: rgba(0, 114, 188, 1);
    color: var(--link-color-primary, rgba(0, 114, 188, 1));
    text-decoration: none;
    text-decoration: var(--link-text-decortation, none);
    outline: 0;
}
a:focus
{
    text-decoration: none;
    text-decoration: var(--link-text-decortation-focus, none);
}
a:hover
{
    color: #005389;
    color: var(--link-color-hover, #005389);
    text-decoration: underline;
    text-decoration: var(--link-text-decortation-hover, underline);
    cursor: pointer;
}
a.text-colour-non-hovered,
.text-colour-non-hovered
{
    color: rgba(50, 50, 50, .9);
    color: var(--text-color-primary, rgba(50, 50, 50, .9));
}
a.text-colour-non-hovered:hover,
.text-colour-non-hovered:hover
{
    color: rgba(0, 114, 188, 1);
    color: var(--link-color-primary, rgba(0, 114, 188, 1));
    text-decoration: underline;
    cursor: pointer;
}
a.text-colour-non-hovered.text-colour-hovered,
.text-colour-non-hovered.text-colour-hovered
{
    color: rgba(50, 50, 50, .9);
    color: var(--text-color-primary, rgba(50, 50, 50, .9));
}

a.text-colour-non-hovered.text-colour-hovered:hover,
.text-colour-non-hovered.text-colour-hovered:hover
{
    color: rgba(50, 50, 50, .9);
    color: var(--text-color-primary, rgba(50, 50, 50, .9));
    text-decoration: underline;
    cursor: pointer;
}
/*end Mantis#24938*/


.hover-cursor-pointer:hover {
    cursor: pointer;
}
.hover-cursor-help:hover {
    cursor: help;
}
.hover-cursor-not-allowed:hover {
    cursor: not-allowed;
}
.hover-cursor-zoom-in:hover {
    cursor: zoom-in;
}
.hover-cursor- zoom-out:hover {
    cursor: zoom-out;
}

.hover-underline:hover {
    text-decoration: underline;
}

ul
{
    list-style-type: square
}
@media (max-width: 576px) {
    ul {
        padding-left: 2rem;
    }
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    line-height: 1.4;
    line-height: var(--all-headlines-line-height, 1.4);
    font-weight: 400;
    font-weight: var(--all-headlines-font-weight, 400);
}
.h1, h1
{
    color: rgba(50, 50, 50, 0.9);
    color: var(--h1-color, rgba(50, 50, 50, 0.9));
    font-size: 2.5rem;
    font-size: var(--h1-font-size, 2.5rem);
    margin-top: 0;
    margin-top: var(--h1-margin-top, 0);
    margin-bottom: 0.5rem;
    margin-bottom: var(--h1-margin-bottom, 0.5rem);
    padding-top: 0;
    padding-top: var(--h1-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--h1-padding-bottom, 0);
}
.h1 {
    margin-top: 2rem;
    margin-top: var(--h1-class-margin-top, 2rem);
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-bottom: var(--h1-class-margin-bottom, 0.5rem);
    margin-left: 0;
}
.h2, h2
{
    color: rgba(50, 50, 50, 0.9);
    color: var(--h2-color, rgba(50, 50, 50, 0.9));
    font-size: 1.8rem;
    font-size: var(--h2-font-size, 1.8rem);
    margin-top: 2rem;
    margin-top: var(--h2-margin-top, 2rem);
    margin-right: 0;
    margin-bottom: 0.75rem;
    margin-bottom: var(--h2-margin-bottom, 0.75rem);
    margin-left: 0;
    padding-top: 0;
    padding-top: var(--h2-padding-top, 0);
    padding-bottom: .25rem;
    padding-bottom: var(--h2-padding-bottom, .25rem);
    border-bottom: .1rem solid #0072bc;
    border-bottom: var(--h2-border-bottom-size, .1rem) solid var(--h2-border-bottom-color, #0072bc);
    display: inline-table;
    display: var(--h2-display, inline-table);
}
.h3, h3
{
    color: rgba(50, 50, 50, 0.9);
    color: var(--h3-color, rgba(50, 50, 50, 0.9));
    font-size: 1.4rem;
    font-size: var(--h3-font-size, 1.4rem);
    margin-top: 0;
    margin-top: var(--h3-margin-top, 0);
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-bottom: var(--h3-margin-bottom, 0.5rem);
    margin-left: 0;
    padding-top: 0;
    padding-top: var(--h3-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--h3-padding-bottom, 0);
}
.h4, h4
{
    color: rgba(50, 50, 50, 0.9);
    color: var(--h4-color, rgba(50, 50, 50, 0.9));
    font-size: 1.2rem;
    font-size: var(--h4-font-size, 1.2rem);
    margin-top: 0;
    margin-top: var(--h4-margin-top, 0);
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-bottom: var(--h4-margin-bottom, 0.5rem);
    margin-left: 0;
    padding-top: 0;
    padding-top: var(--h4-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--h4-padding-bottom, 0);
}
.h5, h5
{
    color: rgba(50, 50, 50, 0.9);
    color: var(--h5-color, rgba(50, 50, 50, 0.9));
    font-size: 1.1rem;
    font-size: var(--h5-font-size, 1.1rem);
    margin-top: 0;
    margin-top: var(--h5-margin-top, 0);
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-bottom: var(--h5-margin-bottom, 0.5rem);
    margin-left: 0;
    padding-top: 0;
    padding-top: var(--h5-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--h5-padding-bottom, 0);
}
.h6, h6
{
    color: rgba(50, 50, 50, 0.9);
    color: var(--h6-color, rgba(50, 50, 50, 0.9));
    font-size: 1rem;
    font-size: var(--h6-font-size, 1rem);
    margin-top: 0;
    margin-top: var(--h6-margin-top, 0);
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-bottom: var(--h6-margin-bottom, 0.5rem);
    margin-left: 0;
    padding-top: 0;
    padding-top: var(--h6-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--h6-padding-bottom, 0);
}

@media (max-width: 576px) {
    .h2, h2 {
        font-size: 1.5rem
    }
    .h3, h3 {
        font-size: 1.3rem
    }
}

@media (min-width: 992px) {
    .h3-lg {
        font-size: 1.4rem
    }
}

.strong, strong, b {
    font-weight: 600;
    font-weight: var(--font-weight-bold, 600);
}
.mark, mark
{
    display: inline-block;
    font-weight: 400;
    color: #fff;
    color: var(--button-color, #fff);
    background-color: #0072bc;
    background-color: var(--button-primary-background-color, #0072bc);
    border-color: #0072bc;
    border-color: var(--button-primary-border-color, #0072bc);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

fieldset
{
    padding: 1.5rem;
    border: .2rem solid #f7f7f7;
    margin: 1rem 0 2rem;
    border-radius: .25rem
}
fieldset label
{
    margin-bottom: 0
}
@media (max-width: 768px)
{
    fieldset
    {
        border: 0;
        padding: 0;
        background-color: #fff
    }
}

/* ===================================== */
/*  CO adjustments */
/* ===================================== */
.co_trd_paymentForm-headline
{
    padding-bottom: .25rem;
    border-bottom: .1rem solid #0072bc;
    display: table;
    margin: 2rem 0 0.75rem 0;
}

/*>>============================== Buttons ==============================<<*/

.btn-primary {
    color: #fff;
    color: var(--button-color, #fff);
    background-color: rgba(0, 114, 188, 1);
    background-color: var(--button-primary-background-color, rgba(0, 114, 188, 1));
    border-color: rgba(0, 114, 188, 1);
    border-color: var(--button-primary-border-color, rgba(0, 114, 188, 1));
}

.btn-primary:hover {
    color: #fff;
    color: var(--button-color, #fff);
    background-color: #005b96;
    background-color: var(--button-primary-background-color-hover, #005b96);
    border-color: #005389;
    border-color: var(--button-primary-border-color-hover, #005389);
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 114, 188, .5);
    box-shadow: 0 0 0 .2rem var(--button-primary-shadow, rgba(0, 114, 188, .5));
    color: #fff;
    color: var(--button-color, #fff);
    background-color: #005b96;
    background-color: var(--button-primary-background-color-focus, #005b96);
    border-color: #005389;
    border-color: var(--button-primary-border-color-focus, #005389);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    color: var(--button-color, #fff);
    background-color: rgba(0, 114, 188, 1);
    background-color: var(--button-primary-background-color, rgba(0, 114, 188, 1));
    border-color: rgba(0, 114, 188, 1);
    border-color: var(--button-primary-border-color, rgba(0, 114, 188, 1));
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    color: var(--button-color, #fff);
    background-color: #005389;
    background-color: var(--button-primary-background-color-active, #005389);
    border-color: #004b7c;
    border-color: var(--button-primary-border-color-active, #004b7c);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 114, 188, .5);
    box-shadow: 0 0 0 .2rem var(--button-primary-shadow, rgba(0, 114, 188, .5));
}

.btn-outline-primary {
    color: rgba(0, 114, 188, 1);
    color: var(--button-color-primary, rgba(0, 114, 188, 1));
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 114, 188, 1);
    border-color: var(--button-primary-border-color, rgba(0, 114, 188, 1));
}

.btn-outline-primary:hover {
    color: #fff;
    color: var(--button-color, #fff);
    background-color: rgba(0, 114, 188, 1);
    background-color: var(--button-primary-background-color, rgba(0, 114, 188, 1));
    border-color: rgba(0, 114, 188, 1);
    border-color: var(--button-primary-border-color, rgba(0, 114, 188, 1));
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 114, 188, .5);
    box-shadow: 0 0 0 .2rem var(--button-primary-shadow, rgba(0, 114, 188, .5));
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: rgba(0, 114, 188, 1);
    color: var(--button-color-primary, rgba(0, 114, 188, 1));
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    color: var(--button-color, #fff);
    background-color: rgba(0, 114, 188, 1);
    background-color: var(--button-primary-background-color, rgba(0, 114, 188, 1));
    border-color: rgba(0, 114, 188, 1);
    border-color: var(--button-primary-border-color, rgba(0, 114, 188, 1));
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 114, 188, .5);
    box-shadow: 0 0 0 .2rem var(--button-primary-shadow, rgba(0, 114, 188, .5));
}

/*>>============================== Layout ==============================<<*/

/* Auth very top */
@media (max-width: 992px) {
    .topbar {
        margin-bottom: 20px;
    }
}

.topbar {
    z-index: 12;
    position: absolute;
    font-size: .8rem;
    top: 2.5rem;
    right: 15px;
    margin: 0;
    padding: 0;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.topbar li {
    list-style: none;
    padding: 0 .25rem;
}

.topbar .co_administrator_menu_userinfo a:not(.btn) {
    color: rgba(50, 50, 50, .9);
}

/* Location time */
.layout__m-location-and-time-mobile {
    color: rgba(0, 114, 188, 1);
    color:var(--header-location-and-time-mobile-color, rgba(0, 114, 188, 1));
    font-weight: bold;
    font-weight: var(--header-location-and-time-mobile-font-weight, bold);
    font-size: 1.25rem;
    font-size: var(--header-location-and-time-mobile-font-size, 1.25rem);
    position: absolute;
    right: 0;
    min-width: 400px;
    bottom: -40px;
}

.layout__m-location-and-time-mobile-sm {
    color: rgba(0, 114, 188, 1);
    color: var(--header-location-and-time-mobile-color-sm, rgba(0, 114, 188, 1));
    font-weight: bold;
    font-weight: var(--header-location-and-time-mobile-font-weight-sm, bold);
    font-size: 1rem;
    font-size: var(--header-location-and-time-mobile-font-size-sm, 1rem);
}

@media all and (max-width: 429px) {
    .layout__m-location-and-time-mobile {
        display: none !important;
    }
}

@media all and (min-width: 430px) {
    .layout__m-location-and-time-mobile-sm {
        display: none !important;
    }
}

@media all and (min-width: 430px) and (max-width: 767px) {
    .layout__m-location-and-time-mobile {
        font-size: 1rem;
        font-size: var(--header-location-and-time-mobile-font-size-sm, 1rem);
        min-width: 400px;
        bottom: -38px;
        bottom: var(--header-location-and-time-mobile-bottom-sm, -38px);
        right: 0;
        right: var(--header-location-and-time-mobile-right-sm, 0);
    }
}

@media all and (min-width: 471px) and (max-width: 500px) {
    .layout__m-location-and-time-mobile {
        font-size: 1rem;
        min-width: 400px; /*300px; for smaller location*/
        bottom: -25px;
        right: 0;
    }
}

@media all and (min-width: 430px) and (max-width: 470px) {
    .layout__m-location-and-time-mobile {
        font-size: 1rem;
        min-width: 400px;
        bottom: -26px;
        right: 0;
    }
}

/* Header */
.header-small
{
    display: block;
    margin: .5rem .125rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 200;
    text-shadow: 2px 2px 2px #000;
    text-align: left;
}
.layout__moodboard-logo-year-container {
    position: relative;
}

.layout__moodboard-logo {
    height: 114px;
    height: var(--header-banner-logo-container-height, 114px);
}

.layout__moodboard-logo * {
    height: 120px !important;
    height: var(--header-banner-logo-height, 120px)!important;
    width: 376px !important;
    width: var(--header-banner-logo-width, 376px)!important;
}

@media (min-width: 992px) and (max-width: 1199px){
    .layout__moodboard-logo * {
        height: 120px !important;
        height: var(--header-banner-logo-height-lg, 120px)!important;
        width: 320px !important;
        width: var(--header-banner-logo-width-lg, 320px)!important;
    }
}


.layout__moodboard-logo-link:hover,
.layout__footer_egu_jobs--link:hover {
    text-decoration: none;
}

@media (max-width: 576px) {
    .layout__moodboard-logo {
        height: auto;
    }
}

@media (max-width: 500px) {
    .layout__moodboard-logo * {
        height: 77px !important;
        height: var(--header-banner-logo-height-xs, 77px)!important;
        width: 290px !important;
        width: var(--header-banner-logo-width-xs, 290px)!important;
    }

    #navigation nav.container>div.row {
        padding-top: 15px !important;
    }
}

@media (max-width: 420px) {
    .layout__moodboard-logo {
        height: auto;
    }

    .layout__moodboard-logo * {
        height: 64px !important;
        height: var(--header-banner-logo-height-xs-lower-420, 64px)!important;
        width: 240px !important;
        width: var(--header-banner-logo-width-xs-lower-420, 240px)!important;
    }
}

@media (max-width: 340px) {
    .layout__moodboard-logo * {
        height: 51px !important;
        height: var(--header-banner-logo-height-xs-lower-340, 51px)!important;
        width: 190px !important;
        width: var(--header-banner-logo-width-xs-lower-340, 190px)!important;
    }
}

.layout__m-location-and-time {
    color: rgba(0, 114, 188, 1);
    color: var(--header-location-and-time-color, rgba(0, 114, 188, 1));
    display: inline-block;
    display: var(--header-location-and-time-display, inline-block);
    font-weight: bold;
    font-weight: var(--header-location-and-time-font-weight, bold);
    font-size: 29px;
    font-size: var(--header-location-and-time-font-size, 29px);
}

/* old .layout__background_image */
.layout__moodboard-banner {
    /* background-image: url(https://egu23.eu/template_egu23_graphic_banner_1903x340.png);*/ /* 1903x340 PNG */
    /* background-image: url(https://egu23.eu/template_egu23_graphic_banner_1920x800.jpg);*/ /* 1920x800 JPG */
    /*background-image: url(https://egu23.eu/template_egu21_image_moodboard_flags_1903x340.png);*/
    background-image: none;
    background-image: var(--header-banner-background-image, none);
    transform: translate3d(0px, -149.011px, 0px);

    background-size: cover;
    background-size: var(--header-banner-background-image-background-size, cover);
    /*background-position: center center;*/
    background-position-x: center;
    background-position-x: var(--header-banner-background-image-background-position-x, center);
    background-position-y: center;
    background-position-y: var(--header-banner-background-image-background-position-y, center);
    background-repeat: no-repeat;
    background-repeat: var(--header-banner-background-image-background-repeat, no-repeat);
    display: block;
    display: var(--header-banner-background-image-display, block);
    padding: 0;
    padding: var(--header-banner-background-image-padding, 0);
}
/*
.layout__moodboard-banner:after {
    content: '';
    height: 81px;
    background: rgba(80, 104, 138, .85);
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: -27px;
    left: 0;
}
*/

/*
@media screen and (max-width: 992px) {
    .layout__moodboard-banner {
        background-image: url(https://egu23.eu/template_egu23_graphic_banner_996x340.png);
    }
}

@media screen and (max-width: 768px) {
    .layout__moodboard-banner {
        background-image: url(https://egu23.eu/template_egu23_graphic_banner_768x340.png);
    }
}

@media screen and (max-width: 576px) {
    .layout__moodboard-banner {
        background-image: url(https://egu23.eu/template_egu23_graphic_banner_576x340.png);
    }
}
*/

@media screen and (max-width: 1600px){
    .layout__moodboard-banner {
        background-image: var(--header-banner-background-image-xxl);
    }
}

@media screen and (max-width: 1300px){
    .layout__moodboard-banner {
        background-image: var(--header-banner-background-image-xl);
    }
}

@media screen and (max-width: 991px){
    .layout__moodboard-banner {
        background-image: var(--header-banner-background-image-lg);
    }
}

@media screen and (max-width: 767px){
    .layout__moodboard-banner {
        background-image: var(--header-banner-background-image-md);
    }
}

@media screen and (max-width: 567px){
    .layout__moodboard-banner {
        background-image: var(--header-banner-background-image-sm);
    }
}

/* Banner */
#banner.banner
{
    height: 320px;
    height: var(--header-banner-container-height, 320px);
}
.banner .divimage
{
    width: 100%;
    width: var(--header-banner-divimage-width, 100%);
    height: 140px;
    height: var(--header-banner-divimage-height, 140px);
    background-position-y: 75px;
}

#headers-content-container
{
    padding-top: 100px;
    padding-top: var(--headers-content-container-padding-top, 100px);
    padding-bottom: 0;
    padding-bottom: var(--headers-content-container-padding-bottom, 0);
    min-height: 140px;
    min-height: var(--headers-content-container-min-height, 140px);
}
#headers-content-container .cmsbox
{
    position: absolute;
    bottom: 10px;
    bottom: var(--headers-content-container-inner-box-bottom, 10px);
}
#headers-content-container .header-get-function {
    margin-bottom: 0.225rem;
}
.banner .container
{
    z-index: 2;
}

.banner h1
{
    color: #fff;
    color: var(--header-banner-h1-color, #fff);
    font-size: 3.25rem;
    font-size: var(--header-banner-h1-font-size, 3.25rem);
    font-weight: 200;
    font-weight: var(--header-banner-h1-font-weight, 200);
    text-shadow: 2px 2px 2px #000;
    text-align: left;
    text-align: var(--header-banner-h1-text-align, left);
    margin-top: 0;
    margin-top: var(--header-banner-h1-margin-top, 0);
}
@media (max-width: 992px) {
    .banner h1
    {
        font-size: 3rem;
        font-size: var(--header-banner-h1-font-size-lg, 3rem);
    }
}

@media (max-width: 768px) {
    .banner h1
    {
        font-size: 2.5rem;
        font-size: var(--header-banner-h1-font-size-sm, 2.5rem);
    }
}

@media (max-width: 576px) {
    .banner h1
    {
        font-size: 1.75rem;
        font-size: var(--header-banner-h1-font-size-xs, 1.75rem);
        line-height: 1.1;
        line-height: var(--header-banner-h1-font-size-line-height, 1.1);
    }
}
/* Main */
main
{
    background-color: #fff;
    background-color: var(--main-background-color, #fff);
    margin: 2rem 0 4rem 0;
    margin: var(--main-margin-top, 2rem) var(--main-margin-right, 0) var(--main-margin-bottom, 4rem) var(--main-margin-left, 0);
    min-height: 20rem;
    min-height: var(--main-min-height, 20rem);
}
.layout__page-content-wrapper
{
    background-color: #fff;
    background-color: var(--page-content-container-wrapper-background-color, #fff);
    padding-top: 0;
    padding-top: var(--page-content-container-wrapper-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--page-content-container-wrapper-padding-bottom, 0);
}
.layout__content
{
    background-color: #fff;
    background-color: var(--page-content-container-background-color, #fff);
}

/* Footer */
.layout__footer_social_icons {
    display: inline-block;
    margin-right: 5%;
}

.layout__footer_tag_tweets {
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
}

.layout__footer_co_meetings_logo,
.layout__footer_logo_container {
    margin-top: -0.5rem;
    margin-top: var(--footer-logo-container-margin-top, -0.5rem);
}

@media all and (max-width: 991px) {
    .layout__footer_co_meetings_logo,
    .layout__footer_logo_container {
        margin-top: -3rem;
        margin-top: var(--footer-logo-container-margin-top-md, -3rem);
    }
}

@media all and (max-width: 767px) {
    #banner.banner
    {
        height: 100px;
        height: var(--header-banner-container-height-sm, 100px);
    }
    #headers-content-container
    {
        padding-top: 100px;
        padding-top: var(--headers-content-container-padding-top-sm, 100px);
    }
    .layout__footer_co_meetings_logo,
    .layout__footer_logo_container {
        margin-top: 0;
        margin-top: var(--footer-logo-container-margin-top-sm, 0);
    }
}

.layout__footer_co_meetings_logo img {
    width: 250px !important;
    width: var(--footer-co-meetings-logo-img-width, 250px) !important;
    height: auto !important;
    display: inline-block;
}

.layout__footer_vienna_meeting_fund img
{
    width: auto!important;
    height: 60px!important;
    display: inline-block;
}

.layout__footer_egu_jobs--horizontal * {
    width: auto !important;
    height: 60px !important;
}

.layout__footer_egu_jobs--vertical * {
    width: auto !important;
    height: 60px !important;
}



footer .links li {
    color: #aaa;
    color: var(--footer-links-color, #aaa);
    font-size: .9rem;
    font-size: var(--footer-links-font-size, .9rem);
}

.footer {
    background-color: rgba(0, 0, 0, .9);
    background-color: var(--footer-background-color, rgba(0, 0, 0, .9));
    padding: 4rem 0 3rem;
    padding: var(--footer-padding-top, 4rem) var(--footer-padding-xaxis, 0) var(--footer-padding-bottom, 3rem);
}
.footer-heading {
    margin-bottom: 1rem;
    margin-bottom: var(--footer-heading-margin-bottom, 1rem);
    padding-bottom: .25rem;
    padding-bottom: var(--footer-heading-paddin-bottom, 0.25rem);
    position: relative;
    text-align: left;
}

.footer-heading::after {
    background-color: #fff;
    background-color: var(--footer-heading-backgound-color, #fff);
    bottom: 0;
    content: ' ';
    height: 1px;
    left: 0;
    position: absolute;
    width: 3rem;
}

.footer-heading h2, .footer-heading .h2_footer {
    color: #fff;
    color: var(--footer-heading-h2-color, #fff);
    font-size: 1.2rem;
    font-size: var(--footer-heading-h2-font-size, 1.2rem);
    text-transform: uppercase;
}
.layout__footer_content_container
{
    background-color: transparent;
    background-color: var(--footer-content-container-background-color, transparent);
    padding-top: 0;
    padding-top: var(--footer-content-container-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--footer-content-container-padding-bottom, 0);
    color: white;
}
.layout__links_content_container
{
    background-color: transparent;
    background-color: var(--links-content-container-background-color, transparent);
    padding-top: 0;
    padding-top: var(--links-content-container-padding-top, 0);
    padding-bottom: 0;
    padding-bottom: var(--links-content-container-padding-bottom, 0);
}
.list-inline.copyright {
    padding-top: 0.2rem;
}
.list-footer-links
{
    margin-bottom: 0
}

.list-footer-links li {
    border-top: 1px solid #333;
    border-top: var(--footer-links-li-border-top);
    padding: 10px 0;
}

.list-footer-links li:first-child {
    border-top: medium none;
    padding-top: 0
}

.list-footer-links small {
    display: block;
    color: #888;
    color: var(--footer-links-small-color, #888);
}

footer .socialicons li:not(:last-child) {
    margin-right: .5rem
}

.list-inline-item:not(:last-child) {
    margin-right: .75rem
}

/* Social media */
.socialicons a:hover i {
    background: #005389 0 0;
    color: #fff;
    color: var(--social-icons-a-color, #fff);
    text-decoration: none;
    text-decoration: var(--social-icons-a-text-decoration, none);
}

.socialicons i {
    color: #fff;
    color: var(--social-icons-color, #fff);
    font-size: 1.8rem;
    font-size: var(--social-icons-font-size, 1.8rem);
    height: 2.5rem;
    height: var(--social-icons-height, 2.5rem);
    padding: .35rem 0;
    width: 2.5rem;
    width: var(--social-icons-width, 2.5rem);
    border-radius: .25rem;
    border-radius: var(--social-icons-border-radius, .25rem);
}

.socialicons .fa-twitter {
    background-color: #4099ff;
    background-color: var(--social-icons-twitter-background-color, #4099ff);
}

.socialicons .fa-facebook {
    background-color: #3b5998;
    background-color: var(--social-icons-facebook-background-color, #3b5998);
}

.socialicons .fa-youtube {
    background-color: #e52d27;
    background-color: var(--social-icons-youtube-background-color, #e52d27);
}

.socialicons .fa-linkedin {
    background-color: #0077b5;
    background-color: var(--social-icons-linkedin-background-color, #0077b5);
}

.socialicons .fa-instagram {
    background: #f09433 -o-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: #f09433 linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.share-buttons i {
    color: rgba(50, 50, 50, .9);
    color: var(--share-button-icon-color, rgba(50, 50, 50, .9));
    font-size: 2.5rem;
    font-size: var(--share-button-icon-font-size, 2.5rem);
}

/*>>============================== Navigation ==============================<<*/

#navbar_menu .nav-link:hover
{
    color: rgba(0, 114, 188, 1);
    color: var(--nav-link-color-hover, rgba(0, 114, 188, 1));
    background-color: #fff;
    background-color: var(--nav-link-background-color-hover, #fff);
}
.color-primary {
    color: rgba(0, 114, 188, 1);
    color: var(--color-primary, rgba(0, 114, 188, 1));
}
.background-color-primary {
    background-color: #fff;
    background-color: var(--background-color-primary, #fff);
}

.dropdown-menu {
    background-color: #ffffff;
    background-color: var(--nav-dropdown-menu-background-color, #ffffff);
    border-top-color: rgba(0, 114, 188, 1);
    border-top-color: var(--nav-dropdown-menu-border-top-color, rgba(0, 114, 188, 1));
    border-bottom-color: rgba(50, 50, 50, .9);
    border-bottom-color: var(--nav-dropdown-menu-border-bottom-color, rgba(50, 50, 50, .9));
    border-style: solid;
    border-width: 2px 0;
    border-radius: 0;
    margin: 0 0; /* -2px 0; */
    padding: .5rem 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-size: inherit !important;
}

.dropdown-header {
    text-transform: uppercase;
    font-size: 1rem;
    font-size: var(--nav-dropdown-header-font-size, 1rem);
    color: rgba(0, 114, 188, 1);
    color: var(--nav-dropdown-header-color, rgba(0, 114, 188, 1));
    font-weight: 400;
    font-weight: var(--nav-dropdown-header-font-weight, 400);
}

.dropdown-item {
    padding: 0;
    color: rgba(50, 50, 50, .9);
    color: var(--nav-dropdown-item-color, rgba(50, 50, 50, .9));
    background: 0 0;
}

.dropdown-item.focus, .dropdown-item:focus {
    background-color: #fff;
    background-color: var(--nav-dropdown-item-background-color-focus, #fff);
}

.dropdown-item.active, .dropdown-item:active {
    color: rgba(50, 50, 50, .9);
    color: var(--nav-dropdown-item-color, rgba(50, 50, 50, .9));
    background-color: #f7f7f7;
    background-color: var(--nav-dropdown-item-background-color-active, #f7f7f7);
}

.dropdown-item[aria-expanded=false]::after {
    -webkit-transform: rotate(-90deg) translate(0, 0);
    -ms-transform: rotate(-90deg) translate(0, 0);
    transform: rotate(-90deg) translate(0, 0);
    text-align: right;
}

.dropdown-item[aria-expanded=true] {
    color: rgba(0, 114, 188, 1);
    color: var(--nav-dropdown-item-aria-expanded-true-color, rgba(0, 114, 188, 1));
}

.dropdown-item[aria-expanded=true]::after {
    -webkit-transform: rotate(0) translate(0, 25%);
    -ms-transform: rotate(0) translate(0, 25%);
    transform: rotate(0) translate(0, 25%);
    text-align: right;
}

@media (min-width: 992px) {
    .dropdown-item.hover, .dropdown-item:hover {
        color: #0072bc;
        color: var(--nav-dropdown-item-color-hover, #0072bc);
        background-color: rgba(0, 114, 188, .1);
        background-color: var(--nav-dropdown-item-background-color-hover, rgba(0, 114, 188, .1));
    }
}

@media (max-width: 992px) {
    .dropdown-menu {
        border: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 0 1rem
    }

    .dropdown-item {
        padding-left: .5rem;
        padding-right: 0;
        border-bottom: 1px solid #eee;
        border-bottom: var(--nav-dropdown-item-border-bottom);
    }

    .dropdown-item.focus, .dropdown-item.hover, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
        color: rgba(50, 50, 50, .9);
        color: var(--nav-dropdown-item-color, rgba(50, 50, 50, .9));
        background-color: #fff;
        background-color: var(--nav-dropdown-item-background-color-focus, #fff);
    }

    .dropdown-item.active {
        color: rgba(50, 50, 50, .9);
        color: var(--nav-dropdown-item-color, rgba(50, 50, 50, .9));
        background-color: #f7f7f7;
        background-color: var(--nav-dropdown-item-background-color-active, #f7f7f7);
    }

    .dropdown-header {
        padding-left: .25rem;
        padding-right: 0
    }

    .dropdown-divider {
        display: none
    }
}

@media (max-width: 576px) {
    .dropdown-item {
        white-space: normal
    }
}

#navigation {
    background-color: #fff;
    background-color: var(--navigation-background-color, #fff);
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAADklEQVR42mP4f4+BAYgBEO4Du2VdUa8AAAAASUVORK5CYII=);*/
    /*background-repeat: repeat-x;*/
    /*background-position: bottom;*/
    border-bottom: 2px solid #ffde00;
    border-bottom: var(--navigation-border-bottom-size, 2px) solid var(--navigation-border-bottom-color, #ffde00);
}

@media (min-width: 992px) {
    #navbar_menu {
        position: absolute;
        bottom: 0;
        right: .5rem;
        left: 1rem
    }
    #navbar_menu .navbar-nav {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #navbar_menu .nav-link {
        text-transform: uppercase;
        text-transform: var(--nav-link-text-transform, uppercase);
        z-index: 10;
        border-bottom: 2px solid #ffde00;
        border-bottom: 2px solid var(--nav-link-border-bottom-color, #ffde00);
        position: relative;
        bottom: var(--navigation-nav-link-negative-border-bottom-size, -2px);
    }
    #navbar_menu .nav-link.active {
        border-bottom-color: rgba(50, 50, 50, .9);
        border-bottom-color: var(--nav-link-border-bottom-color-active, rgba(50, 50, 50, .9));
        background-color: #f7f7f7;
        background-color: var(--nav-link-background-color-active, #f7f7f7);
    }
    /* can be removed ? Dont found // # TODO */
    /*#navbar_menu .nav-link.nav-link-home {*/
    /*    background-color: #eee;*/
    /*    background-color: var(--nav-link-background-color, #eee);*/
    /*}*/
    #navbar_menu .nav-link[aria-expanded=true] {
        color: rgba(0, 114, 188, 1);
        color: var(--nav-link-color-aria-expanded-true-color, rgba(0, 114, 188, 1));
        background-color: #ffffff;
        background-color: var(--nav-link-color-aria-expanded-true-background-color, #ffffff);
    }
    #navbar_menu .nav-link:hover {
        border-bottom-color: #0072bc;
        border-bottom-color: var(--nav-link-border-bottom-color-hover, #0072bc);
    }
}

@media (max-width: 991px) {
    .dropdown-menu {
        background-color: #ffffff;
        background-color: var(--nav-dropdown-menu-background-color-md, #ffffff);
    }

    #navbar_menu {
        margin: 1rem 0;
    }

    #navbar_menu .nav-link {
        padding-left: .5rem;
        border-bottom: 1px solid #eee
    }

    #navbar_menu .nav-link.active,
    #navbar_menu .nav-link:active
    {
        color: rgba(50, 50, 50, .9);
        color: var(--nav-link-color-active, rgba(50, 50, 50, .9));
        background-color: #f7f7f7;
        background-color: var(--nav-link-background-color-active, #f7f7f7);
    }
    #navbar_menu .nav-link.focus,
    #navbar_menu .nav-link:focus
    {
        color: rgba(50, 50, 50, .9);
        color: var(--nav-link-color-focus, rgba(50, 50, 50, .9));
        background-color: #fff;
        background-color: var(--nav-link-background-color-focus, #fff);
    }
    #navbar_menu .nav-link.hover,
    #navbar_menu .nav-link:hover
    {
        color: rgba(50, 50, 50, .9);
        color: var(--nav-link-color-hover-md, rgba(50, 50, 50, .9));
        background-color: #fff;
        background-color: var(--nav-link-background-color-hover-md, #fff);
    }

    #navbar_menu .nav-link[aria-expanded=false]::after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    #navbar_menu .nav-link[aria-expanded=true]::after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.navigation-extended-toggle-button {
    display: none;
}

.dropdown-menu div > a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    color: var(--nav-dropdown-menu-link-color, #333);
    white-space: nowrap;
    padding: .4rem 1.5rem;
}

@media (min-width: 992px) {
    #navbar_menu {
        right: .9rem !important;
    }

    .megamenu .dropdown-menu div[class*="col-"]:first-child {
        border-left: 0;
    }

    .dropdown-item a:focus,
    .dropdown-item a:hover {
        text-decoration: none;
    }

    .dropdown-menu div[class*="col-"] {
        padding: .5rem 0;
        border-left: 1px solid #eee;
    }
}

#navbar_menu .nav-link
{
    background-color: #fff;
    background-color: var(--nav-link-background-color, #fff);
    color: rgba(50, 50, 50, .9);
    color: var(--text-color-primary, rgba(50, 50, 50, .9));
    font-size: 15px;
    font-size: var(--nav-link-font-size, 15px);
    line-height: 1.6;
    line-height: var(--nav-link-line-height, 1.6);
}
#navbar_menu .nav-link.active {
    border-bottom-color: rgba(50, 50, 50, .9);
    border-bottom-color: var(--nav-link-border-bottom-color-active, rgba(50, 50, 50, .9));
    background-color: #f7f7f7;
    background-color: var(--nav-link-background-color-active, #f7f7f7);
}
.dropdown {
    position: static !important;
}
.navbar-nav .dropdown-menu {
    left: auto !important;
}
.dropdown .dropdown-menu .container .row {
    min-width: 590px !important;
}
@media (max-width: 991px) {
    .dropdown-menu div > a {
        padding: .4rem 1.5rem 0.4rem 0;
        line-height: 1.6;
    }
}
@media (min-width: 991px) {
    div[class*="col-"] .dropdown-header:first-child {
        padding: 0.25rem 1.5rem 0.5rem 1.5rem !important;
        margin-top: 0 !important;
    }
}
.dropdown-header {
    margin-top: 1rem;
}
.nav-item .fa-lg
{
    line-height: 1.6rem;
}
#navigation .navbar {
    padding-top: 0.255rem;
}
.navbar-collapse.show ul li:last-of-type a {
    padding-right: 0;
}

.navbar-toggler[aria-expanded="true"] {
    border-color: rgb(229, 151, 0);
}

.navbar-toggler[aria-expanded="false"] {
    outline: none;
}

.nav-item:last-of-type .dropdown-menu div[class*="col-"] {
    margin-right: 1.5rem;
}


/* Breadcrumbs */
.breadcrumbs {
    background-color: rgba(50, 50, 50, .025);
    background-color: var(--breadcrumbs-background-color, rgba(50, 50, 50, .025));
    font-size: .9rem;
    font-size: var(--breadcrumbs-font-size, .9rem);
}
.breadcrumb {
    background: 0 0;
    padding-left: 0;
    margin: 0
}
.breadcrumb li.breadcrumb-item
{
    color: #6c757d;
    color: var(--breadcrumbs-breadcrumb-item-color, #6c757d);
}
.breadcrumb li:last-child a {
    color: rgba(50, 50, 50, .9);
    cursor: text;
    text-decoration: none;
}
#breadcrumbs .co-search {
    line-height: 1.3;
}
.layout__breadcrumbs_content_container
{
    background-color: transparent;
    background-color: var(--breadcrumbs-content-container-background-color, transparent);
}

/* submenu */
.submenu {
    position: relative
}

@media (min-width: 992px) {
    .submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -9px
    }

    .submenu .dropdown-menu.dropdown-menu-right {
        left: auto;
        right: 100%
    }
}
/* megamenu */
.megamenu .dropdown-item {
    white-space: normal
}

.megamenu .submenu .dropdown-item {
    white-space: nowrap
}

@media (min-width: 992px) {
    .megamenu .dropdown-menu {
        position: absolute;
        left: 0;
        right: 0;
        padding: 0;
        margin: -2px 0
    }

    .megamenu .dropdown-menu .col-lg-3 {
        padding: .5rem 0;
        border-left: 1px solid #eee
    }

    .megamenu .dropdown-menu .col-lg-3:first-child {
        border-left: 0
    }
}

@media (max-width: 992px) {
    .megamenu .dropdown-menu .col-lg-3 {
        padding: 0;
        margin-top: 1rem
    }
}

/*>>============================== CO Auth ==============================<<*/

#co-l-office-wrapper .co_administrator_menu_userinfo,
#co-l-office-wrapper .co_administrator_menu_userinfo a
{
    /*	background-color: #fff; */
    color: #00275B; /*#000;*/
    font-size: .9em;
}
#co-l-office-wrapper .co_administrator_menu_userinfo a
{
    text-decoration: none;
    background-image: url(https://contentmanager.copernicus.org/3931/784/ssl);
    background-repeat: no-repeat;
    background-position: 0 4px;
    margin: 0;
    padding: 0;
    padding-left: 12px;
    margin-left: 6px;
    height: auto;
    line-height: 1.5em;
}
#co-l-office-wrapper .co_administrator_menu_userinfo a:hover
{
    text-decoration: underline;
}

#co-l-office-wrapper .co_administrator_menu_userinfo
{
    margin:0 0 0 5px;
}
#co-l-office-wrapper .co_administrator_menu_userinfo
{
    -webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 3px; /* Firefox 1-3.6 */
    border-radius:3px;
    margin: 0;
    padding-bottom: 2px;
    width: 175px;
    font-size: 11px;
    display: block;
    background-color: #F5F5F5;
    border: 1px solid rgba(106, 106, 106, 0.15);
}
.co_administrator_menu_userinfo p
{
    margin-bottom: .4em;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    font-weight:bold;
}
.co_administrator_menu_userinfo #co_administrator_menu_userinfo_logout
{
    background-image: url(https://contentmanager.copernicus.org/2226/784/ssl) !important;
    font-weight: bold;
    color: #7D250B;
}

#co_auth_check_authiframecontainer .co_administrator_menu_userinfo {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    width: auto;
}
#navigation #co_auth_check_authiframecontainer .co_administrator_menu_userinfo-userid{
    margin-left: 0;
}

#co_auth_check_authiframecontainer .co_administrator_menu_userinfo a,
#co_auth_check_authiframecontainer .co_administrator_menu_userinfo #co_administrator_menu_userinfo_logout {
    background-image: none !important;
}

#co_auth_check_authiframecontainer .co_administrator_menu_userinfo p,
#co_auth_check_authiframecontainer .co_administrator_menu_userinfo #co_administrator_menu_userinfo_logout {
    margin: 0;
    padding: 0;
}

fieldset.contentbox #co_adm_dataPolicyAgree {
    margin-top: 7px;
    margin-right: 5px;
}

.co_administrator_menu_userinfo * {
    display: inline;
}

.co_administrator_menu_userinfo br,
#co_administrator_menu_userinfo_copernicus-office {
    display: none;
}

.co_administrator_menu_userinfo-userid::after {
    content: ' |';
}

/*>>============================== CO Basics ==============================<<*/

/* Wrapper */
.table-wrapper
{
    overflow-x: auto;
    word-break: keep-all;
}
.wrapper
{
    background: #fff;
}

/* Images */
img.right
{
    float: right;
    margin-left: 1rem
}
img.left
{
    float: left;
    margin-right: .5rem
}
img.center
{
    display: block;
    margin: 0 auto
}
.img-responsive img {
    max-width: 100%!important;
    height: auto!important;
}
.img-max-width-px-150
{
    max-width: 150px;
}
.img-max-width-px-200
{
    max-width: 200px;
}
.img-max-width-px-300
{
    max-width: 300px;
}
.img-max-width-px-400
{
    max-width: 400px;
}

/* Colors */
.text-shaded {
    color: #7f7f7f;
    color: var(--text-shaded-color, #7f7f7f); /* 50% #000 */
}

/* Networker */
.custom-switch .custom-control-label::before
{
    top: 0.35rem;
}
.custom-switch .custom-control-label::after
{
    top: calc(0.35rem + 2px);
}

/* Toggle */
.toggle-arrow {
    font-size: 0.6rem;
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .155em;
    border-top: .6em solid transparent;
    border-left: .6em solid;
    border-bottom: .6em solid transparent;
}
.toggle-link:hover {
    text-decoration: none;
    cursor: pointer;
}
.h3.toggle-link .toggle-arrow {
    font-size: 0.85rem;
}
.toggle-arrow.h2-font-size {
    font-size: .96em;
    top: 1px;
}

/* Show-hide */
.mt--3 .h2.show-hide,
.mt--3 .h3.show-hide,
.mt--3 h2.show-hide,
.mt--3 h3.show-hide
{
    display: inline-block;
}
.show-hide:hover
{
    cursor: pointer;
}

/* Mandatory marker */
.co_mandatory_asterisk
{
    color: red;
    color: var(--mandatory-marker-color, red);
    font-weight: normal!important;
}
.co_mandatory_asterisk::after
{
    content: '*';
}

/* Anchor jump with top offset for sticky bread crumb container */
.anchor-jump-with-offset
{
    display: block; /* Required to make jump possible, must be visible */
    position: relative;
    top: -50px; /* Offset -120px, for sticky bread crumb container 50px */
    visibility: hidden;
}

/*>>============================== Boxes ==============================<<*/

.co-content-box,
.co-notification,
.co-success,
.co-error,
.co-notification-v2
{
    border-left: 2px solid rgba(0, 114, 188, 1);
    border-left: 2px solid var(--message-box-border-left-color, rgba(0, 114, 188, 1));
    padding: 1rem;
    margin-bottom: 1rem;
}
.co-content-box
{
    color: #232960;
    color: var(--co-content-box-color, #232960);
    background-color: #ebebeb;
    background-color: var(--co-content-box-background-color, #ebebeb);
}
.co-notification
{
    background-color: rgba(255, 222, 0, .1);
}
.co-success
{
    background-color: #d4edda;
}
.co-error
{
    background-color: #f8d7da;
}

.co-success > p:last-child,
.co-success > ul:last-child,
.co-success > div:last-child,
.co-error > p:last-child,
.co-error > ul:last-child,
.co-error > div:last-child,
.co-content-box > p:last-child,
.co-content-box > ul:last-child,
.co-content-box > div:last-child,
.co-notification > p:last-child,
.co-notification > ul:last-child,
.co-notification > div:last-child {
    margin-bottom: 0!important;
}


/* Notification v2 */
.co-notification-v2
{
    background-color: rgba(0, 114, 188, .1);
    padding: 20px;
    margin-bottom: 30px;
}
.co-notification p:last-child,
.co-notification ul:last-child,
.co-notification ol:last-child,
.co-notification-v2 p:last-child
{
    margin-bottom: 0;
}

/*>>============================== CO tables ==============================<<*/

/* Table styles */
.table--grid,
.table--default,
.table--opening-hours {
    border: 1px solid #c3c3c3;
    border: 1px solid var(--table-border-color, #c3c3c3);
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.table--grid th,
.table--grid td,
.table--plain th,
.table--plain td,
.table--default th,
.table--opening-hours th,
.table--default td,
.table--opening-hours td {
    vertical-align: top;
}

.table--grid th,
.table--grid td,
.table--default th,
.table--opening-hours th,
.table--default td,
.table--opening-hours td {
    padding: 5px !important;
    border: 1px solid #c3c3c3;
    border: 1px solid var(--table-border-color, #c3c3c3);
}

.table--grid th,
.table--default th,
.table--opening-hours th {
    background-color: #ebebeb;
    background-color: var(--table-th-background-color, #ebebeb);
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #c3c3c3;
    border-bottom: 1px solid var(--table-border-color, #c3c3c3);
}

.table--opening-hours-wrapper {
    display: block;
    max-width: 400px;
}

.table--opening-hours {
    width: 100%;
}

.table--opening-hours-day {
    min-width: 160px;
}

.table--opening-hours-time {
    width: 120px;
}

.table--grid th:not(:first-child),
.table--default th:not(:first-child),
.table--opening-hours th:last-child {
    text-align: center;
}

.table--opening-hours td:last-child {
    text-align: center;
}

.table--grid,
.table--plain {
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .table--grid,
    .table--plain {
        width: auto;
    }
}

@media (max-width: 576px) {
    .table--grid,
    .table--default,
    .table--opening-hours {
        border: none;
    }
}

table.co-table-layout-fixed
{
    table-layout: fixed;
}

/*>>============================== Framework overwrites ==============================<<*/

/* Font-awesome normally changes line-height back to 1. This a problem when you have a button with pure text next to a button with just an FA icon insight */
.btn .fa,
.btn .fab,
.btn .fad,
.btn .fal,
.btn .far,
.btn .fas {
    line-height:1.5
}

/* New 2023 Bootstrap .table */
.table thead th,
.table th
{
    background-color: #ebebeb;
    background-color: var(--table-th-background-color, #ebebeb);
}
.table-bordered,
.table-bordered th,
.table-bordered td
{
    border-color: #c3c3c3;
    border-color: var(--table-border-color, #c3c3c3);
}


/* M#34871 */
/*
OLD
.co_mto_ajaxPublicUserDetails,
.co_mto_SO1APCSelection,
.co_mto_listOfAbstractsContact-container,
.ui-widget,
#listOfAbstracts {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
}
#listOfAbstracts {
    width: 100% !important;
}*/

/* New reset table sorter */
.ui-widget
{
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: var(--base-font-family, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif);
    font-size: 1rem;
}

/*>>============================== Payment ==============================<<*/

#trd_payment_selection fieldset {
    border: 0;
    padding: 0;
}

#trd_payment_selection input[type="radio"] {
    vertical-align: baseline !important;
}

/*>>============================== Page specific ==============================<<*/


/* Countdown on Home */
.large-button
{
    border: 1px solid #c3c3c3;
    border: 1px solid var(--table-border-color, #c3c3c3);
    border-radius: 25px;
    padding: 1rem 0 2rem 0;
    font-size: 4rem;
}
.smaller
{
    font-size: 2rem;
}
@media (max-width: 1199px) and (min-width: 992px)
{
    .large-button
    {
        font-size: 3.25rem;
    }
}
@media (max-width: 991px) and (min-width: 768px)
{
    .large-button
    {
        font-size: 2.45rem;
    }
}
@media (max-width: 767px)
{
    .large-button
    {
        font-size: 1.75rem;
    }
    .smaller
    {
        font-size: 1.25rem;
    }
}
.large-button-wrapper:hover
{
    cursor: pointer;
}
.days-remaining
{
    font-size: 20rem;
    line-height: 1;
}
.countdown
{
    border: 1px solid #c3c3c3;
    border: 1px solid var(--table-border-color, #c3c3c3);
    border-radius: 25px;
    padding: 1rem 0 2rem 0;
}
.days-countdown
{
    margin-top: 2.5rem;
    font-size: 5.5rem;
    line-height: 1;
}
.countdown-text
{
    font-size: 3rem;
}
.countdown-button .btn
{
    font-size: 3rem;
    line-height: 1.37;
    border-radius: 1rem;
}
.countdown .col-md-4
{
    margin-left: 2rem;
}
.countdown .col-md
{
    margin-left: 4rem;
}

@media (max-width: 1199px) {
    .days-remaining {
        font-size: 17rem;
    }
    .days-countdown {
        font-size: 4.75rem;
    }
    .countdown-text {
        font-size: 2.5rem;
    }
    .countdown-button .btn {
        font-size: 2.5rem;
    }
    .countdown .col-md-4 {
        margin-left: 2rem;
    }
    .countdown .col-md {
        margin-left: 2rem;
    }
}
@media (max-width: 991px) {
    .days-remaining {
        font-size: 13rem;
    }
    .days-countdown {
        font-size: 3.25rem;
    }
    .countdown-text {
        font-size: 1.5rem;
        line-height: 2;
    }
    .countdown-button .btn {
        font-size: 1.5rem;
    }
    .countdown .col-md-4 {
        margin-left: 2rem;
    }
    .countdown .col-md {
        margin-left: 4rem;
    }
}
@media (max-width: 767px) {
    .countdown .col-md-4 {
        margin-left: 0;
    }
    .countdown .col-md {
        margin-left: 0;
    }
}

@media (max-width: 355px) {
    .countdown {
        border-radius: 25px;
    }
    .countdown .col-md {
        padding: 0;
    }
    .countdown-button .btn {
        padding: 0.2rem;
        border-radius: 0.5rem;
    }
}

/*>>============================== Various Misc ==============================<<*/

.form-control:not(.is-invalid):not(.is-valid):focus {
    border-color: #a8a9ad;
    -webkit-box-shadow: 0 0 0 3px rgba(168, 169, 173, .25);
    box-shadow: 0 0 0 3px rgba(168, 169, 173, .25)
}
.delimiter
{
    color: #777
}

.paperlist-avatar {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1em;
    text-align: center;
    background: #f5f5f5;
    color: #6a6a6a;
}
.paperlist-avatar img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
}

/*>>============================== Project specific ==============================<<*/

.btn-outline-main {
    color: rgba(50, 50, 50, .9);
    background-color: transparent;
    background-image: none;
    border-color: rgba(50, 50, 50, .9)
}

.btn-outline-main:hover {
    color: #fff;
    background-color: rgba(50, 50, 50, .9);
    border-color: rgba(50, 50, 50, .9)
}

.btn-outline-main.focus, .btn-outline-main:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(50, 50, 50, .5);
    box-shadow: 0 0 0 .2rem rgba(50, 50, 50, .5)
}

.btn-outline-main.disabled, .btn-outline-main:disabled {
    color: rgba(50, 50, 50, .9);
    background-color: transparent
}

.btn-outline-main:not(:disabled):not(.disabled).active, .btn-outline-main:not(:disabled):not(.disabled):active, .show > .btn-outline-main.dropdown-toggle {
    color: #fff;
    background-color: rgba(50, 50, 50, .9);
    border-color: rgba(50, 50, 50, .9)
}

.btn-outline-main:not(:disabled):not(.disabled).active:focus, .btn-outline-main:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-main.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(50, 50, 50, .5);
    box-shadow: 0 0 0 .2rem rgba(50, 50, 50, .5)
}

.layout__links_content_container
{
    border-top: 1px solid #cbcbcb;
}


/* Leonardo2025 template */
.layout__m-location-and-time
{
    line-height: 1.2;
}
.layout__m-location-and-time a
{
    text-decoration: none;
}
.layout__m-date
{
    font-size: 18px;
}
h2
{
    font-weight: bold;
}

/*@media all and (min-width: 430px) and (max-width: 767px) {*/
@media all and (max-width: 767px) {
    .layout__m-location-and-time a,
    .layout__m-location-and-time
    {
        font-size: 21px!important;
    }
    .layout__m-date
    {
        font-size: 14px;
    }
}
.layout__main-footer
{
    box-shadow: 0 5px 30px 0 rgba(50,50,50,.1) inset;
    -webkit-box-shadow: 0 5px 30px 0 rgba(50,50,50,.1) inset;
    -moz-box-shadow: 0 5px 30px 0 rgba(50,50,50,.1) inset;
    margin-top: 0;
    padding: 2.5rem 1rem;
    line-height: 1.5;
    font-size: 0.8rem;
}
.layout__main-footer a
{
    color: #1d196f;
}
.layout__main-footer a:hover
{
    text-decoration: underline;
}
#navigation .navbar
{
    padding-top: 3.5rem;
}
nav
{
    width: 100%;
    margin-top: -20px;
    padding: 0 20px;
    position: absolute;
}
.top-bar
{
    padding: 0;
}
.top-bar .button
{
    background-color: #3C3C3C;
}
.top-bar, .top-bar ul
{}
/*.top-bar::after
{
    content: " ";
    background-color: #cbcbcb;
    display: block;
    height: .0625rem;
    position: absolute;
    top: 0;
    left: -14.75rem;
    right: -14.75rem;
}*/
nav ul li a, .dropdown.menu > li > a
{
    padding: 15px 15px 10px 15px !important;
    color: #aaa;
    font-weight: 700;
    /*text-transform: uppercase;*/
    /*margin: 0 10px;*/
    margin: 0;
}
.is-dropdown-submenu a
{
    margin: 0;
}
#main-menu
{
    width: 100%;
    z-index: 1;
    height: 40px;
    /*border-bottom: 1px solid #cbcbcb;*/
}
#main-menu.top-bar li
{
    min-width: 6rem;
    transform: skew(5deg) rotate(1deg) ;
    -webkit-transform: skew(5deg) rotate(1deg);
    -moz-transform: skew(5deg) rotate(1deg);
    -o-transform: skew(5deg) rotate(1deg);
    -ms-transform: skew(5deg) rotate(1deg);
}
#main-menu.top-bar a
{
    background-color: #C0110A;
    color: #ffffff!important;
    -ms-box-shadow: inset -15px 0 10px -5px rgba(26,25,25,.5);
    -o-box-shadow: inset -15px 0 10px -5px rgba(26,25,25,.5);
    -webkit-box-shadow: inset -15px 0 10px -5px rgba(26,25,25,.5);
    box-shadow: inset -15px 0 10px -5px rgba(26,25,25,.5);
    display: inline-block;
    width: 17rem;

  /*  p {
        transform: skew(-5deg) rotate(-1deg);
        -webkit-transform: skew(-5deg) rotate(-1deg);
        -moz-transform: skew(-5deg) rotate(-1deg);
        -o-transform: skew(-5deg) rotate(-1deg);
        -ms-transform: skew(-5deg) rotate(-1deg);
    }*/
}
#main-menu.top-bar a:hover
{
    background-color: #810b07;
}
.layout__moodboard-logo
{
    height: var(--header-banner-logo-container-height, 114px)!important; /* Fix the height */
}
.layout__page-content-wrapper
{
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    min-height: 200px;
}

#footer .layout__co_meetings_logo img
{
    height: 50px;
}
.layout__co_meetings_logo img
{
    height: 50px!important;
    width: auto!important;
}
.layout__co_meetings_logo svg
{
    height: 50px!important;
    width: 100%!important;
}
li
{
    margin-bottom: 0.25rem;
}
.co_administrator_menu_userinfo-name a,
footer .links a,
#main-menu.top-bar a,
a.btn
{
    text-decoration: none;
}