/* COLOUR, TYPOGRAPHY AND MIXINS IMPORT */

/* font-family: "Open Sans", sans-serif; */
/* color buttons background #94ABD4   */
/* color buttons background hover #D8E3F5  */

/* CSS Document */

/* ========= RULES ======== */


/* ========= INDEX ======== */
/* 1. General CSS and Reset */




/****************** Reset y capa inicial de CSS ******************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i,800,800i);
html{
    width:100%;
    overflow-x: hidden;
}
body {
    background-color: white;
    color: rgba(0, 0, 0, 0.7);
    font-family: "Open Sans", sans-serif !important;
    font-size: 15px;
    line-height: 1.6em;
    text-align: left;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
/*body a:link, body a:link p, body a:link span, body a:link h1, body a:link h2, body a:link h3, body a:link h4, body a:link h5, body a:link h6, body a:link div, body a:visited, body a:visited p, body a:visited span, body a:visited h1, body a:visited h2, body a:visited h3, body a:visited h4, body a:visited h5, body a:visited h6, body a:visited div {
    font-weight: 800;
}*/
body a:link, body a:link *, body a:visited, body a:visited * {
    color: #424242;
}
body a:hover *, body a:active *, body a:hover, body a:active {
    color: #2e7cbb;
}
body a:link *, body a:visited *, body a:link, body a:visited {
    text-decoration: none !important;
}
a:hover {
    color: #a8bdde;
}
body p {
    margin-bottom: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}
h1, h1.page-header {
    color: #183f69;
    text-transform: none;
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    border: 0;
    margin: 0 0 10px 0;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 26px;
    line-height: 32px;
    margin: 0.5em 0;
}
h5 {
    color: #183f69;
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
}
h6 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0.5em 0;
}
.breadcrumb {
    padding: 8px 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
}
.breadcrumb li {
    font-weight: bold;
    font-family: 'Open Sans', serif;
    color: #777;
}
.breadcrumb li > a {
    color: #777;
    font-weight: normal;
    text-decoration: underline !important;
}
.floatright{
    float:right;
}
/************** CLASSES FOR CUSTOM MODS ************/
/*
.text-darkest {
    color: #777;
}
.bg-darkest {
    background-color: #777;
}
.text-darker {
    color: #006AB3;
}
.bg-darker {
    background-color: #006AB3;
}
.text-contrast {
    color: #FFC06C;
}
.bg-contrast {
    background-color: #FFC06C;
}
.text-canvas {
    color: #E2EEFF;
}
.bg-canvas {
    background-color: #E2EEFF;
}
.text-lighter {
    color: #FFD9A7;
}
.bg-lighter {
    background-color: #FFD9A7;
}
.text-lightest {
    color: white;
}
.bg-lightest {
    background-color: white;
}
.more-margin-top {
    margin-top: 1.2em;
}
.no-margin-top {
    margin-top: 0;
}
.more-padding-top {
    padding-top: 1.2em;
}
.no-padding-top {
    padding-top: 0;
}
.more-margin-right {
    margin-right: 1.2em;
}
.no-margin-right {
    margin-right: 0;
}
.more-padding-right {
    padding-right: 1.2em;
}
.no-padding-right {
    padding-right: 0;
}
.more-margin-bottom {
    margin-bottom: 1.2em;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.more-padding-bottom {
    padding-bottom: 1.2em;
}
.no-padding-bottom {
    padding-bottom: 0;
}
.more-margin-left {
    margin-left: 1.2em;
}
.no-margin-left {
    margin-left: 0;
}
.more-padding-left {
    padding-left: 1.2em;
}
.no-padding-left {
    padding-left: 0;
}
.list-style-none, .list-style-none * {
    list-style: none;
}
.text-bold {
    font-weight: 800;
}
.text-italic {
    font-style: italic;
}*/

.sliderBgOverlay{
    background-color: transparent !important;
    box-shadow: inset 0px 100px 300px 46px rgba(0,0,0,0.2);
    opacity: 1 !important;
    width: 100%;
    height: 100%;
}

/* =================== NAVIGATION AND MENU COMPONENTS ========================== */
.container, .container-fluid {
    margin-top: 0.5em;
}
.extWrapper-horizontal-navigation-area .container{
    width: 90%;
    max-width: 1170px;
    margin: 0 auto 0 auto;
}
.extWrapper-horizontal-navigation-area .container {
    margin: 17px auto 0 auto;
}
.is-sticky .extWrapper-horizontal-navigation-area .container {
    margin: 0px auto 0 auto;
}

/* Top menu */
.navbar {
    background-color: #ffffff;
}
.extWrapper-horizontal-navigation-area {
    box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1);
    min-height: 70px;
}
.is-sticky .extWrapper-horizontal-navigation-area {
    box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1);
    min-height: 82px;
}
#horizontal-navigation-area #main-navigation-menu > ul > li {
    font-size: 16px;

}
.home-page #horizontal-navigation-area #main-navigation-menu > ul > li > a {
    padding: 18px 0px 10px 25px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    transition:all 0.5s ease;
}
@media (max-width: 480px) {
    .home-page #horizontal-navigation-area #main-navigation-menu > ul > li > a {
        padding: 18px 0px 10px 25px;
        text-shadow:none;
        transition: all 0.5s ease;
    }
}



#horizontal-navigation-area #main-navigation-menu > ul > li > a:hover{
    text-shadow:none;
    transition:all 0.5s ease;
}


.is-sticky #horizontal-navigation-area #main-navigation-menu > ul > li > a {
    padding: 18px 0px 10px 25px;
    text-shadow: none;
}
#horizontal-navigation-area #main-navigation-menu > ul > li > a {
    padding: 18px 0px 10px 25px;
}
#horizontal-navigation-area #main-navigation-menu > ul > li a, #horizontal-navigation-area #main-navigation-menu > ul > li > ul > li a {
    font-size: 14px;
    color: #424242;
    font-weight: 550;
}
.home-page #horizontal-navigation-area-sticky-wrapper, #branding-area, .extWrapper-meta, .home-page .navbar, .home-page #horizontal-navigation-area #main-navigation-menu > ul > li a {
    border-radius: 0;
    border-width: 0;
    background-color: transparent;
    color: #fff;
}
.home-page #horizontal-navigation-area #main-navigation-menu > ul > li a .caret {
    background-color: transparent;
    color: #fff;
}
.home-page #horizontal-navigation-area #main-navigation-menu > ul > li > ul > li a {
    color: #424242;
}
.home-page #main-navigation-menu::after {
    background: transparent;
}
.home-page .extWrapper-horizontal-navigation-area {
    box-shadow: none;
}
.home-page .extWrapper-meta > .container {
    margin-top: 0;
}
.home-page .is-sticky .extWrapper-horizontal-navigation-area {
    box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1);
    height: 92px;
}
.home-page .is-sticky li a, .is-sticky li a .caret {
    color: #424242 !important;
}
#horizontal-navigation-area a:hover *, #horizontal-navigation-area a:active *, #horizontal-navigation-area a:hover, #horizontal-navigation-area a:active {
    color: #0069b3 !important;
}
#meta-navigation-area #site-logo {
    display: none;
}
#horizontal-navigation-area #main-navigation-menu > ul > li.extra-navigation a, #horizontal-navigation-area #main-navigation-menu > ul > li.extra-navigation a ul li {
    font-size: 14px;/*padding-left:0;*/
}
.nav.navbar-nav li.extra-navigation {
    margin-top: -30px !important;
    right: 20%;
    position: fixed;
}

.nav.navbar-nav li.extra-navigation {
    right: 0;
    position: absolute;
}
.navbar.sticky{
    top:0 !important;
}

.is-sticky .nav.navbar-nav li.extra-navigation {
    margin-top: -29px !important;
}
/*.home-page .is-sticky .nav.navbar-nav li.extra-navigation {
    margin-top: -26px !important;
}*/
li.extra-navigation.open ul.dropdown-menu {
    /*background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;*/
}
li.extra-navigation.open ul.dropdown-menu li a {
    /*color: #fff !important;*/
    color: #424242 !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: transparent;
}
li.active a, li.active{
    background: transparent;
}
/*
#horizontal-navigation-area #main-navigation-menu > ul > li > ul > li:hover a {
    color: #424242;
}
#horizontal-navigation-area a:link, #horizontal-navigation-area a:link p, #horizontal-navigation-area a:link span, #horizontal-navigation-area a:link h1, #horizontal-navigation-area a:link h2, #horizontal-navigation-area a:link h3, #horizontal-navigation-area a:link h4, #horizontal-navigation-area a:link h5, #horizontal-navigation-area a:link h6, #horizontal-navigation-area a:link div, #horizontal-navigation-area a:visited, #horizontal-navigation-area a:visited p, #horizontal-navigation-area a:visited span, #horizontal-navigation-area a:visited h1, #horizontal-navigation-area a:visited h2, #horizontal-navigation-area a:visited h3, #horizontal-navigation-area a:visited h4, #horizontal-navigation-area a:visited h5, #horizontal-navigation-area a:visited h6, #horizontal-navigation-area a:visited div {
    font-weight: 800;
}*/
/*
#horizontal-navigation-area a:link, #horizontal-navigation-area a:link *, #horizontal-navigation-area a:visited, #horizontal-navigation-area a:visited * {
    color: #424242;
}*/
#horizontal-navigation-area a:hover *, #horizontal-navigation-area a:active *, #horizontal-navigation-area a:hover, #horizontal-navigation-area a:active {
    color: #a8bdde;
    background: transparent;
    text-decoration: none !important;
    text-shadow:none;
}
li.active, li a:focus {
    background-color: transparent;
}
li:focus, a:focus {
    outline: 0;
}
#horizontal-navigation-area ul.sub-menu li.active > a {
    color: #FFC06C;
}
#main-navigation-menu {
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 0;
}
#meta-navigation-area .navbar-right {
    float: right!important;
}
/* Meta Navigation */
#main-navigation-menu > .nav.navbar-nav {
    margin-top: 5px;
    height: 72px;
    position: relative;
}
.home-page #main-navigation-menu > .nav.navbar-nav {
    margin-top: 10px;
    height: 72px;
    position: relative;
}
.is-sticky #main-navigation-menu > .nav.navbar-nav {
    margin-top: 30px;
    height: 72px;
}
.home-page .is-sticky #main-navigation-menu > .nav.navbar-nav {
    margin-top: 20px;
    height: 72px;
}
#meta-navigation-area {
    z-index: 10000;
    margin-bottom: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}
#meta-navigation-area li.link-list {
    margin-right: 1.5em;
}
.nav.navbar-nav {
    float: right;
}
.nav.navbar-nav li:not(#site-logo-menu) {
    margin-top: 28px;
}
.nav.navbar-nav li:not(#site-logo-menu) ul li {
    margin-top: 0px;
}



/* ===================== SUBMENU =====================*/

ul.nav li.dropdown:hover > ul.dropdown-menu {
    padding: 0 10px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
/* ===================== LOGO ========================*/
li#site-logo-menu {
    position: fixed;
    z-index: 1000;
    left: 0;
    margin: -44px 2%;
}
.is-sticky li#site-logo-menu {
    margin: -44px 2%;
}
.home-page li#site-logo-menu {
    margin: -40px 2%;
}
.home-page .is-sticky li#site-logo-menu {
    margin: -35px 2%;
}
#site-logo-menu img {
    width: 230px;
    height: auto;
    margin: 0;
}
@media (max-width: 1440px) {
    li#site-logo-menu, .is-sticky li#site-logo-menu {
        margin: -48px 2%;
    }
}
@media (max-width: 1280px) {
    li#site-logo-menu, .is-sticky li#site-logo-menu {
        margin: -48px 0%;
    }
}
@media (max-width: 1024px) {
    li#site-logo-menu, .is-sticky li#site-logo-menu {
        margin: -48px 0%;
    }
}
/* ======================= SEARCH ===================== */
.search-form-button {
    display:none !important;
    position: fixed;
    right: 25%;
    top: 13px;
    text-align: right;
}
.home-page .search-form-button {
    top: 22px;
}
.is-sticky .search-form-button {
    top: 13px;
}
.home-page .is-sticky .search-form-button {
    top: 16px;
}
.search-form-button .btn.btn-search-form {
    background: transparent;
    color: #424242;
    font-size: 14px;
    font-weight: bold;
}
.search-form-button .btn.btn-search-form:focus {
    outline: none;
    box-shadow: none;
}
.home-page .search-form-button .btn.btn-search-form {
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.is-sticky .search-form-button .btn.btn-search-form {
    background: transparent;
    color: #424242;
}
.search-form-button .btn.btn-search-form .fa-search {
    padding-right: 10px;
}

@media (max-width: 1200px) {
    li .form .search-form {
        width: 90%;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

}
@media (max-width: 1024px) {
    .search-form-button {
        position: fixed;
        right: 28%;
        top: 6px;
        text-align: right;
    }
}
@media (max-width: 768px) {
    .search-form-button {
        display:none;
    }
}
/* ======================= MENU EDF WEBS ============== */
li.vertical-navigation-version {
    z-index: 1000;
    position: fixed;
    right: 35px;
    top: -14px;
    cursor: pointer;
}
@media (max-width: 1400px) {
    li.vertical-navigation-version {
        right: 20px;
    }
}

@media (max-width: 1280px) {
    li.vertical-navigation-version {
        right: 10px;
    }
}

.home-page .is-sticky li.vertical-navigation-version::before {
    content: "\f0c9";
    color: #307fba;
    font: normal normal normal 40px/1 FontAwesome;
}
.home-page li.vertical-navigation-version::before {
    content: "\f0c9";
    color: #ffffff;
    font: normal normal normal 40px/1 FontAwesome;
}
li.vertical-navigation-version::before {
    content: "\f0c9";
    color: #307fba;
    font: normal normal normal 40px/1 FontAwesome;
}
.is-sticky li.vertical-navigation-version::before {
    content: "\f0c9";
    color: #307fba;
    font: normal normal normal 40px/1 FontAwesome;
}
li.vertical-navigation-version-firstChild, li.vertical-navigation-version-secondChild, li.vertical-navigation-version-thirdChild {
    padding: 25px 50px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 80px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: 0px solid #000000;
    margin-bottom: 3px;
}
li.vertical-navigation-version > ul {
    display: none;
    padding: 0px;
    list-style: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 0px solid #000000;
    position: absolute;
    right: -5px;
}
li.vertical-navigation-version-firstChild {
    background-image: url("../img/vertical-menu-images/edf.png");
}
li.vertical-navigation-version-firstChild a {
    display: inline-block;
}
li.vertical-navigation-version-secondChild {
    background-image: url("../img/vertical-menu-images/euroderm.png");
}
li.vertical-navigation-version-secondChild a {
    display: inline-block;
}
li.vertical-navigation-version-thirdChild {
    background-image: url("../img/vertical-menu-images/cyberderm.png");
}
li.vertical-navigation-version-thirdChild a {
    display: inline-block;
}
@media (max-width: 768px) {
    li.vertical-navigation-version > ul {
        right: -170px;
    }
}


/* =================== MOBILE MENU ================================= */
.banner-home-mobile {
    display: none;
}
.banner-home {
    margin-bottom: 40px;
    margin-top: -10px;
    display: inline-block;
    width: 100% !important;
}
#horizontal-navigation-area {
    box-shadow: none !important;
}


/*
@media (min-width: 667px) {
    #main-navigation-menu::after {
        background-color: white;
        content: "";
        height: 50px;
        position: absolute;
        top: 0;
        left: -25vw;
        width: 120vw;
        z-index: -10;
    }
    #main-navigation-menu>.navbar-nav {
        margin: 7.5px 0;
    }
    #horizontal-navigation-area {
        margin-left: -15px;
        margin-right: -15px;
    }
}*/
@media (max-width: 1200px) {
    .extWrapper-horizontal-navigation-area .container {
        max-width: 1100px;
    }
}
@media (max-width: 1024px) {
    .extWrapper-horizontal-navigation-area .container {
        width: 92%;
    }
    #horizontal-navigation-area #main-navigation-menu > ul > li > a {
        padding: 10px 0px 10px 15px;
    }
    li.vertical-navigation-version {
        position: absolute;
        top: -46px;
        right: -31px;
        width: 25px;
        height: 25px;
    }
    .is-sticky li.vertical-navigation-version {
        position: absolute;
        top: -44px;
    }
    .is-sticky li#site-logo-menu, li#site-logo-menu {
        margin: -44px 0%;
    }
}

@media (max-width: 768px) {
    .home-page .is-sticky .extWrapper-horizontal-navigation-area {
        box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1);
        height: 92px;
    }
    .home-page .is-sticky #main-navigation-menu > .nav.navbar-nav {
        margin-top: 30px;
        height: 72px;
    }
    .home-page .is-sticky .navbar {
        height: 92px;
    }
    .extWrapper-horizontal-navigation-area .container {
        width: 99%;
        padding-left: 5px;
        padding-right: 10px;
    }
    #horizontal-navigation-area #main-navigation-menu > ul > li > a,
    .is-sticky #horizontal-navigation-area #main-navigation-menu > ul > li > a {
        padding: 10px 0px 5px 12px;
        font-size:13px;
    }
    li.vertical-navigation-version {
        position: absolute;
        top: -44px;
        left: 0;
    }
    .is-sticky li.vertical-navigation-version {
        position: absolute;
        top: -40px;
    }
    .home-page .is-sticky li#site-logo-menu, .home-page li#site-logo-menu
    .is-sticky li#site-logo-menu, li#site-logo-menu {
        margin: -44px 30% !important;
    }
    .nav.navbar-nav li.extra-navigation {
        margin-top: -30px !important;
        right: 0%;
        position: absolute;
    }
    #site-logo-menu img {
        width: 200px;
        height: auto;
        margin: 6px;
    }
}
@media (max-width: 480px) {
    #site-logo-menu {
        display: none;
    }
    #meta-navigation-area #site-logo {
        position: fixed;
        z-index: 1000;
        margin-top: -8px;
        display: block;
        left: 17%;
    }
    .home-page #meta-navigation-area #site-logo {
        position: fixed;
        z-index: 1000;
        margin-top: 0px;
        display: block;
        left: 58px;
    }
    #meta-navigation-area #site-logo img {
        width: 180px;
        height: auto;
        margin-top: 5px;
    }
    .navbar-toggle {
        background-color: #0168b6;
        border: 0px solid #0168b6;
        position: fixed;
        top: 8px;
        right: 0px;
        margin-right: 18px;
    }
    .banner-home-mobile {
        display: block;
        margin-bottom: 40px;
    }
    .banner-home {
        display: none !important;
    }
    .banner-home-mobile img {
        width: 100%;
        height: auto;
    }
    li.vertical-navigation-version {
        position: fixed;
        z-index: 10000;
        display: block;
        left: 15px;
        top: 10px;
        color: #307fba !important;
        /*border: 1px solid #f00;*/
        width: 40px;
        height: 40px;
    }
    .is-sticky li.vertical-navigation-version {
        left: 15px;
        top: -40px;
    }
    .home-page li.vertical-navigation-version::before {
        color: #307fba !important;
    }
    .home-page #main-navigation-menu > .nav.navbar-nav,  #main-navigation-menu > .nav.navbar-nav,  .home-page .is-sticky #main-navigation-menu > .nav.navbar-nav,  .is-sticky #main-navigation-menu > .nav.navbar-nav {
        margin-top: 50px;
        height: auto;
        padding-left: 15px;
    }
    .home-page #branding-area, .home-page .extWrapper-meta {
        background-color: #fff;
    }
    .home-page #horizontal-navigation-area #main-navigation-menu > ul > li a,  .home-page #horizontal-navigation-area #main-navigation-menu > ul > li a .caret,  .home-page .is-sticky li a, .is-sticky li a .caret {
        color: #424242;
        background-color: #fff;
    }
    .home-page .navbar {
        border-radius: 0;
        border-width: 0;
        background-color: #fff;
    }
    #horizontal-navigation-area {
        min-height: 64px;
        width: 100%;
        height: 64px;
        position: fixed;
        /* margin-top: -36px; */
        margin-bottom: 0;
        padding-bottom: 0;
        box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1)!important;
    }
    /*.content, #breadcrumb,*/
    .navbar ~ .container{
        margin-top:50px;

    }
    .home-page #horizontal-navigation-area {
        margin-top: 0px;
    }
    .is-sticky #horizontal-navigation-area {
        height: 68px;
        margin-top: 0px;
    }
    .navbar-collapse.collapse.in {
        box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1)!important;
    }
    .nav.navbar-nav li:not(#site-logo-menu) {
        margin-top: 2px;
    }
    .nav.navbar-nav li.extra-navigation {
        position: relative;
        margin-top: 0 !important;
        right: 0;
    }
    .is-sticky .nav.navbar-nav li.extra-navigation,  .nav.navbar-nav li.extra-navigation,  .home-page .is-sticky .nav.navbar-nav li.extra-navigation,  .home-page .nav.navbar-nav li.extra-navigation {
        margin-top: 0px !important;
    }



    .navbar-nav .dropdown-menu {
        width: 100%;
    }
    .extWrapper-horizontal-navigation-area {
        box-shadow: none !important;
        min-height: 100px;
        margin-left: -15px;
    }
    .extWrapper-horizontal-navigation-area .container {
        padding-left: 15px;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
        width: 100%;
    }

    .home-page #horizontal-navigation-area a:hover *, #horizontal-navigation-area a:active *,  #horizontal-navigation-area a:hover, #horizontal-navigation-area a:active {
        color: #0069b3 !important;
    }
    #main-navigation-menu, .navbar-collapse, .nav.navbar-nav {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
        background: transparent;
    }
    li.dropdown .nav.navbar-nav {
        padding-top: 0;
    }
    .breadcrumb {
        margin-bottom: 0;
        font-size:13px;
    }
    h1.page-header {
        margin: 0px;
        font-size: 26px;
        line-height: 32px;
    }

    .timeline ol li:nth-child(odd) div::before, .timeline ol li:nth-child(even) div::before {
        height: 25px;
        top: -25px;
        width: 25px;
    }
    .timeline ol li:nth-child(odd) div::before {
        top: 100%;
        border-width: 8px;
        border-color: rgba(148,171,212,1);
    }
    .timeline ol li:nth-child(even) div::before {
        top: 100%;
        border-width: 8px;
        border-color: rgba(148,171,212,1);
    }

    .banner-home-mobile {
        display: none;
    }
    .footer .col-xs-6 {
        width: 100%;
    }
    .footer .social-icons {
        color: #fff;
        float: left;
        text-align: left;
    }
    .footer .link-list {
        margin-top: 25px;
    }
    .partners .row {
        margin-bottom: 0;
    }
    .partners .row .col-xs-12 {
        margin-bottom: 25px;
    }
    .partners .row img {
        margin-bottom: 25px;
    }
    h4 {
        font-size: 23px;
        line-height: 29px;
        margin: 0.5em 0;
    }
}



.limited-width-divclass {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
}
.limited-width {
    padding-top: 0px;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 480px) {
    li.vertical-navigation-version {
        position: absolute;
        top: -54px;
    }
    .textImageComponent.pdf-ico{
        padding-left:25px;
    }
    .limited-width, .limited-width-divclass {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 20px !important;
    }
}
/* ==================== CARD TEASER ============================= */
.cardTeaser-container {
    padding: 15px;

}
.cardTeaser-container-guidelines {
    padding: none;
}

.cardTeaser-wrapper {
    margin-bottom: 30px;
}
.cardTeaser-content {
    margin-top: 30px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.cardTeaser-wrapper {
    background-size: cover !important;
    background-repeat: no-repeat;
    height: 350px !important;
    border-radius: 15px;
    box-shadow: 0 0 8px 5px rgba(0,0,0,0.03);
}
.max-height .cardTeaser-content {
    height: auto !important;
}
.max-height .cardTeaser-wrapper {
    height: auto !important;
}
.cardTeaser-content-text{
    min-height:260px;
}
h2.cardTeaser-content-text-title {
    margin: 0 0 15px;
    font-size: 20px;
    text-transform: none;
    line-height: 26px;
}
h4.cardTeaser-content-text-subtitle {
    font-size: 16px;
    line-height: 22px;
}
.cardTeaser-content-btn {
    max-width: 83%;
    margin-left: 5%;
    padding: 0;
    bottom: 0;
    /*position: absolute;*/
}

.cardTeaser-content-btn a.cardBtn {
    border-radius: 10px;
    max-width: 130px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 20px;
    background-color: #94ABD4;
    display: block;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
    min-width: 150px;
    bottom: 20px;
    text-align: center;
}
.cardTeaser-content-btn a.cardBtn:hover {
    background-color: #D8E3F5;
    color: #333333;
}
.cardTeasaer-news {
    padding: 40px;
}
@media (max-width: 1200px) {
    .cardTeaser-container {
        padding: 10px;
    }
    .cardTeaser-content {
        margin-top: 20px;
        height: 310px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .cardTeaser-content-text	{
        padding-right: 0px;
        padding-left: 0px;
    }
}
@media (max-width: 480px) {
    .cardTeaser-wrapper {
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 300px !important;
    }
    .cardTeaser-content-btn {
        max-width: 90%;
        margin-left: 5%;
        top: 250px;
        position: absolute;
    }
    .cardTeaser-wrapper {
        height: auto !important;
    }

    .cardTeaser-content {
        margin-top: 10px;
        margin-bottom:10px;
    }
    .cardTeaser-content-text {
        padding: 10px 0px;
    }

    .cardTeaser-content-btn a.cardBtn {
        float: right;
        margin-right: 5%;
    }
    .cardTeaser-container {
        padding: 0px;
    }
    .home-page	.cardTeaser-container{
        padding: 15px;
    }
    h4.cardTeaser-content-text-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
    h2.cardTeaser-content-text-title {
        margin: 0 0 15px;
        font-size: 18px;
        text-transform: none;
        line-height: 24px;
    }
}


.form-password-change {
    width: 35%;
}



/* ==================== Board directors ============================ */

.img-directors img{
    border-radius:8px;
    max-width: 120px;
}
@media (max-width: 768px) {
    .board-directors .col-sm-12.col-md-4.col-sm-6 {
        width:50%;
    }
}
@media (max-width: 480px) {
    .board-directors .col-sm-12.col-md-4.col-sm-6 {
        width:100%;
    }
}

/* ==================== News ===================================== */


/* =================== Tables ==================================== */
.dataTables_wrapper{
    padding:20px 10px 20px 10px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    border-top:1px solid #2781c2;
    background-color: #fff;
}
.dataTables_wrapper table {
    border-collapse: collapse !important;
    font-size:13px;
    border:0;
}
div.dataTables_wrapper .dataTables_filter{
    text-align: left !important;
    font-size: 13px;
    margin-left:0;
}

div.dataTables_wrapper div.dataTables_filter label{
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}
div.dataTables_wrapper div.dataTables_filter label input{
    font-size: 14px;
    font-weight: normal;
    min-width: 200px;
}
.dataTables_wrapper .dt-buttons{
    float:right;
}
.dataTables_wrapper table tr:nth-child(odd){
    background-color: #fff;
}
.dataTables_wrapper table tr:nth-child(even){
    background-color: #f9f9f9;
}
.dataTables_wrapper table thead tr,  table thead{
    font-size:13px;
    background-color: #f0f0f0  !important;
    border: 1px solid #dcdcdc !important;
    line-height: 18px;
    font-weight:bold;
    color:#242424 !important;
    height: 42px;
}
.dataTables_wrapper table tr{
    border-bottom: 1px solid #dcdcdc !important;
}
.sorting_asc::after, .sorting::after{
    display:none !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 10px;
}
.dataTables_info{
    font-size:14px;
}
.data-table tr.child td.child ul {
    padding: 15px 0;
    width: 100%;
}
.data-table tr.child td.child ul li {
    padding-left: 80px;
    margin-bottom: 5px;
    text-align: left;
}
.data-table>tbody>tr.child>td.child>ul>li>span.dtr-title {
    min-width: 120px;
    text-align: right;
    padding-right: 20px;
}
.data-table .btn-disable,
.data-table .btn-reject,
.data.table .btn-enable,
.data-table .btn-approve{
    color: #fff;
    float: right;
    border:0;
    border-radius: 0;
    height: 36px;
    min-width: 108px;
    font-size: 13px;
    margin:2px;
    font-weight: bold;
    transition: all 0.3s ease;
}
.data.table .btn-enable,
.data-table .btn-approve{
    background-color: #2e7cbb;
}
.data.table .btn-enable:hover,
.data-table .btn-approve:hover{
    background-color: #6AAFE7;
    transition: all 0.3s ease;
}
.data-table .btn-disable,
.data-table .btn-reject {
    background-color: #F80028;
}

.data-table .btn-disable:hover,
.data-table .btn-reject:hover  {
    background-color:#F493A3;
    transition:all 0.3s ease;
}
.data.table .btn-enable span,
.data-table .btn-approve span,
.data-table .btn-disable span,
.data-table .btn-reject span{
    margin-right:5px;
}
.data-table .btn-info
{
    border-radius: 0;
    height: 36px;
    width: 50px;
    font-size: 13px;
    color: #fff;
    padding-top:8px;
    background: #2e7cbb;
    border-color:#2e7cbb;
    transition: all 0.3s ease;
}
.data-table .btn-info:hover{
    background: #6AAFE7;
    border-color:#6AAFE7;
    transition: all 0.3s ease;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    font-size: 13px;
}

.status-enabled, .status-disabled, .status-pending, .status-none {
    color: #157d17;
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    padding-left: 10px;
}
.status-enabled::before{
    content: '\2713';
    font-weight: bold;
    margin-left: -14px;
    color:#157d17;
    position:absolute;
}
.status-disabled {
    color: #F80028;
}
.status-disabled::before{
    color: #F80028;
    content: 'X';
    font-weight: bold;
    margin-left: -14px;
    position:absolute;
}
.status-pending {
    color: darkorange;
}
.status-pending::before{
    color: #FF8C00;
    content: 'O';
    font-weight: bold;
    margin-left: -14px;
    position:absolute;
}
.status-none {
    color: #307fba;
}
.form-control {
    border: 0;
    border-radius: 0;
    font-size:13px;
    border-bottom: 1px solid #D8E3F5;
    box-shadow: none;
    color: #444;
    transition: all 0.3s ease;
}
.form-control:focus {
    border-bottom: 4px solid #2e7cbb;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.1);
}


/* ============================== STATISTICS COMPONENT ======================== */
.statistics{
    padding: 20px 10px 5px 10px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    border-top: 1px solid #2781c2;
    margin-bottom: 0px !important;
}

.statistics .panel-heading{
    height:35px;
    background-color: #2e7cbb;
    padding:0px;
}
.statistics .panel-heading h4.panel-title{
    margin:0;
    padding-top: 2px;
    text-align: center;
    font-weight: bold;
    color:#fff;
}
.statistics .panel-group .panel-collapse{
    background-color: #f9f9f9;
}

.statistics .panel-group {
    margin-bottom: 0;
}
.statistics .panel-heading:hover{
    color: #fff;
    background-color:#6AAFE7;
}

.statistics .panel-group .panel-title>i {
    color: #ffffff;
    margin-left: 10px;
    /*font-weight: bold;*/
    font-size: 1.1em;
}
.statistics-item-background {
    background-color: transparent;
}
#usersByCountry-statistics {
    background-color: #bfd5ed;
}
.list-group{
    display: grid;
    background: transparent;
    border: 0;
    padding: 10px 15px;
    margin: 5px 0;
}
.list-group-item {
    border:0;
    position: relative;
    display: block;
    padding: 0px 15px;
}
.list-group h4.panel-title, .col-xs-12.col-sm-4.col-md-4 .panel-heading{
    display: grid;
    background-color: #6AAFE7;
    border: 0;
    color: #fff;
    border-bottom: 1px solid #ededed !important;
    padding: 0px;
    margin: 0 0 15px 0;
    height: 34px;
    border-radius: 0;
    text-align: center;
}
.col-xs-12.col-sm-4.col-md-4 .panel-heading{
    margin:14px 15px 0 15px;
}
.list-group h4.panel-title i{
    display:none;
}

.country-scroll{
    height:300px;
    overflow-y: auto;
}
.statistics .list-group{
    font-size:13px;
}
.statistics .list-group-item-title {
    width:35%;
    float:left;
    line-height:20px;
    min-height:30px;
    font-weight: bold;
    margin-bottom:10px;
    border-bottom: 1px solid #ededed !important;
}
.statistics .country-list-user-class{
    width:10%;
    margin:0 2.5%;
    float:left;
    line-height:20px;
    min-height:30px;
    margin-bottom:10px;
    border-bottom: 1px solid #ededed !important;
}
.statistics .list-group-item .row .list-group-item-title{
    width:60%;
    float:left;
    line-height:20px;
    min-height:30px;
    font-weight: bold;
    margin-bottom:10px;
    border-bottom: 1px solid #ededed !important;
}
.statistics .list-group-item .row .col-xs-4{
    width:40%;
    float:left;
    line-height:20px;
    min-height:30px;
    margin-bottom:10px;
    border-bottom: 1px solid #ededed !important;
}
/* ===================== BUTTONS ========================== */
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    margin-top:5px;
    font-weight: 550;
}

button.dt-button, div.dt-button, a.dt-button {
    margin: 0 0 0 15px;
    padding: 5px 20px;
    border: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 550 !important;
    color: #fff !important;
    background: #2e7cbb;
    border-radius: 0px;
    outline: none;
    transition: all 0.3s ease;
}
button.dt-button span, div.dt-button span, a.dt-button span{
    color:#fff;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled){
    background:#6AAFE7;
    padding: 5px 20px;
    border: 0;
    transition: all 0.3s ease;
}
a.cardBtn {
    border-radius: 10px;
    max-width: 130px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 20px;
    background: #94ABD4;
    display: block;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
    min-width: 150px;
    bottom: 20px;
    text-align: center;
}

a.cardBtn:hover {
    background: #D8E3F5;
    color: #333333;
}
.change-password-button, .send-credentials{
    margin-top:15px;
    float:right;
}
.btn-success{
    background-color:#449d44;
    transition:all 0.3s ease;
    border:0;
}
.btn-success:hover{
    background-color:#5cb85c;
    transition:all 0.3s ease;
    border:0;
}
.btn-primary {
    margin-top:15px !important;
    color: #fff;
    background-color: #2e6da4;
    border-color: #2e6da4;
    transition: all 0.3s ease;
    font-weight: 550 !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #6AAFE7;
    border-color: #6AAFE7;
    transition: all 0.3s ease;
}
.delete-function{
    background: #F80028;
    margin: 30px 15px 0;
    padding: 5px 15px;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    width: 160px;
    font-weight: 550 !important;
    color: #fff !important;
    border-radius: 4px;
    outline: none;
    transition: all 0.3s ease;
}
.delete-award{
    transition: all 0.3s ease;
    background: #F80028;
    padding: 5px 12px;
    color: #fff;
    border-radius: 4px;
    outline: none;
    border: 0;
    font-size: 15px;
    margin-top: 29px;
}
.add-award, .add-function, .send-membership-information-form,
.change-password-button, .send-credentials{
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 6px 15px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    font-weight: 550 !important;
    margin-top: 15px;
    min-width: 160px;
    clear: both;
}
.add-function{
    margin-right: 0;
}
.button-wrapper fieldset {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
}

.button-wrapper fieldset input[type="submit"],
.payment-information-payment-component-payment-style-update-form-button input[name="updatePaymentStyle"],
.payment-information-component-send-request-button input[name="sendPaymentRequestButton"],
.payment-information-component-send-request-button input[name="sendPaymentRequestButton"],
.payment-information-component-refresh-attendance .refreshAttendanceEdfMeetingButton,
.btn-edfone{
    display: inline-block;
    padding: 6px 15px;
    margin: 15px auto 0 auto;
    font-size: 14px;
    font-weight: 550;
    text-align: center;
    cursor: pointer;
    background-image: none;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background-color: #2e6da4;
}
.button-wrapper fieldset input[type="submit"]:hover,
.payment-information-payment-component-payment-style-update-form-button input[name="updatePaymentStyle"]:hover,
.payment-information-component-send-request-button input[name="sendPaymentRequestButton"]:hover,
.payment-information-component-refresh-attendance .refreshAttendanceEdfMeetingButton:hover,
.btn-edfone:hover{
    color: #fff;
    background-color: #6AAFE7;
    transition: all 0.3s ease-in-out;
}
.payment-information-payment-component-payment-style-update-form-button,
.payment-information-component-refresh-attendance{
    text-align:center;
}

.payment-information-component-refresh-attendance{
    margin-bottom: 60px;
}
.payment-information-component-refresh-attendance .refreshAttendanceEdfMeetingButton > i{
    margin-right: 5px;
}
/* ==================== FORM-WRAPPER =============================== */
.form-wrapper, .personal-information-component,
.credential-information-properties, .membership-information-component{
    padding:30px;
    background:#f7f9fa;
    font-size:13px;
}
.form-wrapper fieldset h2{
    display:none;
}
.form-group {
    margin-bottom: 0;
}
.form-wrapper label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    font-weight: 700;
}
.form-wrapper label dfn{
    color:#f00 !important;
}

.payment-information-payment-component-payment-style-update-form-button{
    margin-top:15px;
}
.form-control[disabled], .form-control[readonly], .form-control[readonly]:focus, fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
    cursor:not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*===================== PERSONAL INFORMATION ======================= */
.personal-information-component h4,
.credential-information-properties h4,
.membership-information-component h4{
    font-size: 16px;
    line-height: 24px;
    margin: 0 15px 0;
    color: #0c5a95;
}
.credential-information-properties .form-group.col-md-12 label{
    margin-left:-15px;
}
.change-password {
    padding-left: 0px;
    padding-top: 20px;
}
.confirm-change-password {
    padding-right: 0px;
    padding-top: 20px;
}
.set-with-and-margin-icon-component {
    text-align: center;
    margin: auto;
    width: 100%;
    transition:all 0.3s ease;
}
.set-with-and-margin-icon-component:hover {
    opacity: 0.7;
    transition:all 0.3s ease;
}
.set-with-and-margin-icon-component h6 {
    font-size: 15px;
    font-weight: 550;
    text-align: center;
    width: 80%;
    margin-left: 10%;
}
.set-with-and-margin-icon-component img {
    width: 65px;
    margin-left: auto;
    margin-right: auto;
}
.payment-information-component h4 {
    font-size: 16px;
    font-weight: 550;
    color: #307fba;
}
.active-inactive-user {
    font-size: 14px;
    text-align: center;
    margin-left: auto;
    padding: 36px 0;
    margin-right: 0;
}
.active-inactive-user .state.p-success label {
    font-weight: 550;
}
.personal-information-component-properties,
.membership-information-component-properties,
.credential-information-properties,
.payment-information-component-properties {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.payment-information-component-payment-style-bank-transfer-data-label {
    box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.1);
    border-radius: 2px;
}
.payment-information-component .previous-years-title,
.payment-information-component .payment-information-send-payment-notification-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.payment-information-send-payment-notification-years-label{
    padding-bottom: 8px;
}
.payment-information-send-payment-notification-years-error{
    display: none;
}
.payment-information-send-payment-notification-years-error.show-alert{
    color: #F80028;
    background-color: #ffebef;
    padding: 5px 10px;
    font-weight: bold;
    border: 1px solid #F80028;
    display: inline-block;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .personal-info-icons{
        width:100%;
    }
    .personal-info-icons .set-with-and-margin-icon-component{
        width: 25%;
        float: left;
    }
    .personal-info-icons .set-with-and-margin-icon-component:first-child{
        float: left;
        margin-top: -15px;
    }
}
@media (max-width: 480px) {
    .personal-info-icons{
        width:100%;
    }
    .personal-info-icons  .set-with-and-margin-icon-component{
        width: 50% !important;
        min-height: 115px;
        float: left;
    }
    .form-password-change{
        width:90%;
        margin-left:5%;
    }


}
/* Vertical navigation */

/*
.vertical-navigation > ul {
    padding: 0 0 0 5px;
}
.vertical-navigation > ul li {
    list-style: none;
    font-size: 1.2em;
    padding: 0.6em 0;
    text-align: left;
}
.vertical-navigation > ul > li {
    border-color: #E2EEFF;
    border-style: solid;
    border-width: 0 0 2px 0;
}
.vertical-navigation > ul > li .active a {
    color: #a8bdde;
}
.vertical-navigation > ul > li ul li {
    font-size: 1em;
}
.vertical-navigation li.active > a {
    color: #FFC06C;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}*/
/* Pages headers */
.page-header {
    border-bottom: 1px solid #FFD9A7;
}
/* Text image component */
.textImageComponent {
    margin-bottom: 1.2em;
}
.textImageComponent .fa {
    padding: 0 0.3em 0 0.1em;
}
.logo-list a:link img, .logo-list a:visited img {
    opacity: 0.7;
}
.logo-list a:hover img, .logo-list a:active img {
    opacity: 1;
}
.portrait-list h5 {
    font-size: 1.1em;
}
/* Anchor space */
.anchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

/* ESPECIAL ELEMENTS AND BEHAVIOURS */
/*
.simple-images-slider .carousel-inner .item.fixed-height {
    height: 40vh;
}
.simple-images-slider .carousel-caption, .simple-images-slider .carousel-caption h1 {
    color: white;
}
.simple-images-slider .carousel-text {
    font-size: 1.4em;
}
.collapsables h5 {
    margin-top: 1.5em;
}
.app-banner {
    line-height: 1em;
}
.app-banner a:link, .app-banner a:link p, .app-banner a:link span, .app-banner a:link h1, .app-banner a:link h2, .app-banner a:link h3, .app-banner a:link h4, .app-banner a:link h5, .app-banner a:link h6, .app-banner a:link div, .app-banner a:visited, .app-banner a:visited p, .app-banner a:visited span, .app-banner a:visited h1, .app-banner a:visited h2, .app-banner a:visited h3, .app-banner a:visited h4, .app-banner a:visited h5, .app-banner a:visited h6, .app-banner a:visited div {
    font-weight: 800;
}
.app-banner a:link, .app-banner a:link *, .app-banner a:visited, .app-banner a:visited * {
    color: white;
}
.app-banner a:hover *, .app-banner a:active *, .app-banner a:hover, .app-banner a:active {
    color: white;
}
.app-banner a:link *, .app-banner a:visited *, .app-banner a:link, .app-banner a:visited {
    text-decoration: none !important;
}
.app-banner a:link > div, .app-banner a:visited > div {
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: center;
    background-clip: padding-box;
}
.app-banner i {
    font-size: 4em;
}
.app-banner .big {
    margin-top: 15px;
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.app-banner .small {
    font-size: 1em;
}
.app-banner a > div, .app-banner > div {
    padding: 15px;
    height: 100px;
    border-color: white;
    border-style: solid;
    border-width: 3px;
    -webkit-browser-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
.app-banner > div {
    font-weight: 800;
    color: #006AB3;
    background-color: #FFD9A7;
    padding-left: 2em;
}
.app-banner .app-image {
    height: 300px;
    background-image: url(../img/iphoneclosup.jpg);
    background-position: center;
    background-size: cover;
    color: white;
    padding: 0 15px 0 15px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.text-image-banner {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCI+CjxyZWN0IHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iIzIwNTk5ZiI+PC9yZWN0Pgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSkiPgo8cmVjdCB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDZBQjMiPjwvcmVjdD4KPHJlY3QgeT0iLTUwIiB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDZBQjMiPjwvcmVjdD4KPC9nPgo8L3N2Zz4=");
    background-position: right;
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    padding: 10px 30px 20px 30px;
    color: white;
    -webkit-browser-radius: 5px;

    -moz-border-radius: 5px;
    border-radius: 5px;
}
.text-image-banner a:link, .text-image-banner a:link p, .text-image-banner a:link span, .text-image-banner a:link h1, .text-image-banner a:link h2, .text-image-banner a:link h3, .text-image-banner a:link h4, .text-image-banner a:link h5, .text-image-banner a:link h6, .text-image-banner a:link div, .text-image-banner a:visited, .text-image-banner a:visited p, .text-image-banner a:visited span, .text-image-banner a:visited h1, .text-image-banner a:visited h2, .text-image-banner a:visited h3, .text-image-banner a:visited h4, .text-image-banner a:visited h5, .text-image-banner a:visited h6, .text-image-banner a:visited div {
    font-weight: 800;
}
.text-image-banner a:link, .text-image-banner a:link *, .text-image-banner a:visited, .text-image-banner a:visited *, .text-image-banner a:hover *, .text-image-banner a:active *, .text-image-banner a:hover, .text-image-banner a:active {
    color: white;
}
.text-image-banner a:link *, .text-image-banner a:visited *, .text-image-banner a:link, .text-image-banner a:visited {
    text-decoration: none !important;
}
.text-image-banner:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCI+CjxyZWN0IHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iI0ZGRDlBNyI+PC9yZWN0Pgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSkiPgo8cmVjdCB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkMwNkMiPjwvcmVjdD4KPHJlY3QgeT0iLTUwIiB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkMwNkMiPjwvcmVjdD4KPC9nPgo8L3N2Zz4=");
}
.text-image-button {
    text-align: center;
}
.location-block .fa, .location-block p {
    padding: 0 0.2em 0 0.1em;
    display: block;
}
.location-block p {
    margin-top: 14px;
}
.location-block .fa-globe {
    font-size: 600% !important;
}
#google-map {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCI+CjxyZWN0IHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iIzIwNTk5ZiI+PC9yZWN0Pgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSkiPgo8cmVjdCB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDZBQjMiPjwvcmVjdD4KPHJlY3QgeT0iLTUwIiB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDZBQjMiPjwvcmVjdD4KPC9nPgo8L3N2Zz4=");
    width: 100%;
}
#google-map .controls {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    height: 29px;
    margin-left: 17px;
    margin-top: 10px;
    outline: none;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}
#google-map .controls:focus {
    border-color: #4d90fe;
}
.location-map #google-map {
    height: 350px;
    -webkit-browser-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    overflow: hidden !important;
}
.round-borders-frames iframe {
    border: 2px solid transparent;
    -webkit-browser-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden !important;
}
.contact-box > div {
    padding: 0;
}
.contact-box h5 {
    font-size: 1.1em;
    background-color: #a8bdde;
    border-radius: 0;
    margin-top: -20px;
    padding: 0.7em;
    font-weight: normal;
    color: white;
    margin: 0;
    text-align: center;
    text-transform: none;
}
.contact-box ul {
    margin: 0;
    padding: 1em 2em;
    border-color: #FFC06C;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.contact-box ul li {
    list-style: none;
}
.contact form h2 {
    margin-bottom: 25px;
}
.contact form input[type=text], .contact form textarea, .contact form input[type=email] {
    font-size: 1.1em;
    padding: 1.2em;
    color:#424242;
}
.contact form textarea {
    height: 300px;
}
.contact-map .sympomap {
    overflow: hidden;
    -webkit-browser-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
}
.contact-map #google-map {
    border-color: #FFC06C;
    border-style: solid;
    border-width: 1px;
    height: 300px;
    padding: 0;
    overflow: hidden;
    -webkit-browser-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    z-index: 1;
}
.contact .sympoinfo ul {
    -webkit-browser-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.registration-form h2 {
    margin: 1.2em 0 1em 0;
}
.registration-form h4 {
    font-size: 1.1em;
}
.registration-form h5 {
    font-size: 1em;
}
.registration-form input, .registration-form .btn-default {
    margin: 10px auto;
    border: 1px solid #006AB3;
}
.registration-form input:hover, .registration-form input .btn-default, .registration-form input .btn-default:active, .registration-form .btn-default:hover, .registration-form .btn-default .btn-default, .registration-form .btn-default .btn-default:active {
    border: 1px solid #FFC06C;
    background: transparent;
}
.registration-form input::-webkit-input-placeholder, .registration-form .btn-default::-webkit-input-placeholder {
    color: #006AB3;
}
.registration-form input:-moz-placeholder, .registration-form .btn-default:-moz-placeholder {
    color: #006AB3;
}
.registration-form input::-moz-placeholder, .registration-form .btn-default::-moz-placeholder {
    color: #006AB3;
}
.registration-form input:-ms-input-placeholder, .registration-form .btn-default:-ms-input-placeholder {
    color: #006AB3;
}
.registration-form .date input {
    margin: 0 auto;
}
.registration-form .input-group-addon {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCI+CjxyZWN0IHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iIzIwNTk5ZiI+PC9yZWN0Pgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSkiPgo8cmVjdCB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDZBQjMiPjwvcmVjdD4KPHJlY3QgeT0iLTUwIiB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDZBQjMiPjwvcmVjdD4KPC9nPgo8L3N2Zz4=");
    color: white;
    border: 0 solid #FFF;
}
.registration-form .input-group-addon:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCI+CjxyZWN0IHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iI0ZGRDlBNyI+PC9yZWN0Pgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSkiPgo8cmVjdCB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkMwNkMiPjwvcmVjdD4KPHJlY3QgeT0iLTUwIiB3aWR0aD0iOTkiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkMwNkMiPjwvcmVjdD4KPC9nPgo8L3N2Zz4=");
}
.registration-form label {
    font-weight: normal;
}
*/
.contact-form-button {
    text-align: center;
    font-size: 1.2em;
    font-weight: 800;
}
.contact-form-button input, .contact form .contact-form-button input {
    background-clip: padding-box;
    background: #5e82b1;
    padding: 0.7em;
    color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    border: 0;
    float: right;
    font-size: 15px;
    font-weight: normal;
    width: auto;
}
.contact-form-button input:hover, .contact form .contact-form-button input:hover {
    padding: 0.7em;
    color: white;
    background: #a8bdde;
}
/* CHECKBOXES AND RADIOBUTTON STYLING */
input[type=checkbox].css-checkbox, input[type=radio].css-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-radio + label.css-label {
    padding-left: 23px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-radio:checked + label.css-label {
    background-position: 0 -18px;
}
label.css-label {
    background-image: url(../img/csscheckbox_blue.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* SPONSOR LIST */
.sponsor-list .row {
    margin-bottom: 30px;
}
.sponsor-list a > img, .sponsor-detail a > img {
    opacity: 1;
}
.sponsor-list a > img:hover, .sponsor-detail a > img:hover {
    opacity: 0.7;
}
/* SPONSOR LOGOS */
.sponsor-logos {
    margin-bottom: 30px;
}
.sponsor-logo {
    margin-bottom: 40px;
}
.sponsor-logos img {
    max-height: 240px;
}
.home-page .banner-home {
    margin-top: -140px;
    display: inline-block;
}
.home-page .banner-home * {
    border-radius: 0;
}
.registration-form .form-group > .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#paymentMethod {
    text-align-last: center;
}
/************** SLIDER FLUID *****************/
.container-fluid, .container-fluid div.groupInOneColumn {
    padding-left: 0px;
    padding-right: 0px;
}
.container-fluid div.row {
    margin-left: 0px;
    margin-right: 0px;
}
/* HACKS AND FIXES AFTER MAGNOLIA UPDATE */

.slider-copyright {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    left: 0;
    top: 0;
}
.slider-copyright>.carousel-text {
    float: right;
    margin-bottom: 0;
    color: #fff;
    right: 0;
    position: absolute;
    bottom: 0;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 0.8em;
    padding-right: 8px;
}
.no-style ul, .no-style li {
    list-style: none;
}
video {
    width: 100% !important;
    height: auto !important;
}
.paddingLeft30 {
    padding-left: 30px;
    padding-right: 10px;
}
.paddingRight30 {
    padding-left: 10px;
    padding-right: 30px;
}
.center {
    text-align: center;
}
/************ Slider Slick ************/
.slick-prev, .slick-next {
    color: #FFFFFF;
}
.slick-prev:before, .slick-next:before {
    /*color:#FFFFFF;*/
    color: #767474;
}
.slick-dots {
    text-align: center !important;
    position: relative;
    bottom: 0px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 10px;
}
.slick-slider {
    margin-bottom: 20px;
}
.slick-list {
    border-radius: 6px;
}
.slick-list, .stick-active {
    margin-right: 0px !important;
}
.slider-nav img {
    margin-right: auto !important;
    margin-left: auto !important;
    border: solid 1px rgba(118, 116, 116, 0.25);
}
.slider-for img {
    margin-right: auto !important;
    margin-left: auto !important;
    /*max-width: 100%;
    max-height: 20% !important;*/
    max-width: 100%;
    max-height: 600px !important;
    border: solid 1px rgba(118, 116, 116, 0.15);
}
.slider-container .slider-nav div.slick-current img {
    border: solid 5px #aec736;
}
.slick-dots li.slick-active button::before {
    color: #aec736;
    font-size: 8px;
}
.slider-nav-logos {
    height: 150px;
    margin-left: 18px;
    margin-right: 18px !important;
}
.slider-nav-logos img {
    border: 0px;
    max-height: 100px;
}

@media (max-width: 600px) {
    .slider-container .slider-nav {
        display: none;
    }
    .slider-container {
        background-color: transparent;
    }
    .slider-container .slick-prev {
        left: -20px;
    }
    .slider-container .slick-next {
        right: -20px;
    }
    .slider-container .slick-prev:before, .slider-container .slick-next:before {
        color: #767474;
    }
    .slider-container .slider-for img {
        max-width: 100%;
    }
}
.recaptcha-container {
    margin: 40px 0;
}
.recaptcha-container .g-recaptcha > div {
    margin: auto;
}
.recaptcha-container.has-error > .g-recaptcha > div {
    border: 1px solid #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
/************* Time Line *****************/
.home-timeline > .row > .col-xs-12 {
    padding: 0;
}
.timeline {
    font: normal 16px/1.5 "Open Sans", sans-serif;
    background: #fff;
    color: #333;
}
.timeline ol {
    font-size: 0;
    height: auto;
}
.timeline ol li div {
    height: auto !important;
    font-size: 13px;
    color: #fff;
    background-color: rgba(148,171,212,1);
}
.timeline ol li {
    background-color: rgba(148,171,212,1);
}
.timeline ol li:not(:last-child)::after {
    width: 15px;
    height: 15px;
    background-color: rgba(148,171,212,1);
}
.timeline ol li:nth-child(odd) div {
    border-radius: 10px 10px 0 0;
}
.timeline ol li:nth-child(even) div {
    border-radius: 0 0 10px 10px;
}
.timeline ol li:nth-child(even) div::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent rgba(148,171,212,1);
}
.timeline ol li:nth-child(odd) div::before {
    top: 100%;
    border-width: 8px 8px 0 0;
    border-color: rgba(148,171,212,1) transparent transparent transparent;
}
.timeline h2 {
    margin-top: 0px;
}
.timeline .arrow {
    -webkit-filter: hue-rotate(230deg) contrast(0.5);
    filter: hue-rotate(230deg) contrast(0.5);
}
/* COMPONENTS IMPORTS ddd*/
/* ADD IMPORTS FOR EACH NEEDED COMPONENT */
.webcomponent-datelist li {
    list-style: none;
}
.webcomponent-datelist i {
    margin-right: 0.4em;
}
.webcomponent-datelist li:first-child {
    font-size: 1.3em;
    font-weight: 800;
    color: #006AB3;
    margin-top: 0.8em;
    text-align: left;
    padding-left: 0;
}
.webcomponent-datelist li:first-child i {
    color: #FFC06C;
}
.webcomponent-datelist li {
    opacity: 0.7;
    text-align: left;
    margin-bottom: 0.4em;
    font-weight: 800;
    font-size: 1.1em;
    padding-left: 30px;
}
.webcomponent-datelist .description {
    text-align: justify;
    font-weight: normal;
    font-size: 1em;
}
.webcomponent-datelist ul {
    padding-left: 5px;
}
.webcomponent-datelist > h2 {
    margin-bottom: 25px;
    margin-top: 0px;
}
.news-updates-carousel hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(91, 192, 190, 0.2), rgba(91, 192, 190, 0.75), rgba(91, 192, 190, 0.2));
    margin: 0.8em 0 0.4em 0;
}
.news-updates-carousel hr.upperbar {
    display: none;
}
.news-updates-carousel hr.lowerbar {
    display: inherit;
}
.news-updates-carousel .news-header h4 {
    margin-bottom: 0;
    display: inline;
}
.news-updates-carousel .news-header .date {
    margin: 0 5px 1em 0;
    display: inline;
}
.news-updates-carousel .news-image {
    position: relative;
    height: 300px;
    border: solid 15px transparent;
    box-sizing: border-box;
    -webkit-border-radius: 1.2em;
    -moz-border-radius: 1.2em;
    border-radius: 1.2em;
    overflow: hidden;
}
.news-updates-carousel .news-image img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.news-updates-carousel .news-wrapper {
    padding: 0.5em 1.2em 0.5em 0;
}
.news-updates-carousel .news-wrapper-readmore {
    font-size: 1.1em;
    text-align: right;
}
.news-updates-carousel .news-buttons {
    padding: 0.5em;
    font-size: 1.2em;
}
.schedule {
    margin-bottom: 3em;
}
.schedule > .nav-tabs > li.active > a {
    background: none;
    color: rgba(0, 0, 0, 0.7);
}
.schedule > .nav-tabs > li.active > a:hover {
    background: none;
}
.schedule h4 {
    margin: 1em 0;
}
.schedule table {
    min-width: 750px;
}
.schedule-table {
    text-align: left;
}
.schedule-table td {
    padding: 10px;
    box-sizing: border-box;
    border-color: white;
    border-style: solid;
    border-width: 2px;
    background-color: rgba(150, 150, 150, 0.1);
    font-weight: bold;
}
.schedule-table td.cell-color-1 {
    background-color: #FFC06C;
    color: white;
    opacity: 0.9;
}
.schedule-table td.cell-color-1:hover {
    opacity: 1;
}
.schedule-table td.cell-color-2 {
    background-color: #006AB3;
    color: white;
    opacity: 0.9;
}
.schedule-table td.cell-color-2:hover {
    opacity: 1;
}
.schedule-table td.cell-color-3 {
    background-color: cadetblue;
    color: white;
    opacity: 0.9;
}
.schedule-table td.cell-color-3:hover {
    opacity: 1;
}
.schedule-table td.cell-color-4 {
    background-color: darkcyan;
    color: white;
    opacity: 0.9;
}
.schedule-table td.cell-color-4:hover {
    opacity: 1;
}
.schedule-table td.cell-color-5 {
    background-color: darkslateblue;
    color: white;
    opacity: 0.9;
}
.schedule-table td.cell-color-5:hover {
    opacity: 1;
}
.schedule-table tbody {
    margin: auto;
}
.schedule-table tbody tr:first-child td {
    background-color: #006AB3;
    color: white;
}
/*  CONGRESS PROGRAMM */
.schedule-table > .row {
    margin: 1.6em auto 1em auto;
}
.schedule-table > .row::after {
    border-bottom: 1px solid #eee;
    display: block;
    height: 1.6em;
}
.schedule-table > .row:last-child::after {
    border-bottom: 0 solid #eee;
    display: block;
    height: 1.6em;
}
.conf-time {
    color: #999;
    font-weight: 800;
}
.conf-title {
    font-weight: 800;
    margin-bottom: 0;
}
.conf-speakers {
    margin: 0 auto;
    font-style: italic;
}
.conf-room {
    color: #006AB3;
    font-weight: bold;
    text-align: right;
}
/**************** Fran Mas 24-05-2018 ***********************/
/********* reset *****************/
.margintop25 {
    margin-top: 25px;
}
.display-none {
    display: none;
}
.bg-info {
    background-color: #eff0fb;
}

@media (max-width: 480px) {
    .paddingLeft30 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .paddingRight30 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .btn-default {
        margin-left: 15px;
        margin-bottom: 15px;
    }
    .gallery .col-xs-6 {
        margin-bottom: 10px;
    }
}
.blue-filter {
    -webkit-filter: grayscale(0.6) hue-rotate(0deg) brightness(1.1);
    filter: grayscale(0.6) hue-rotate(0deg) brightness(1.1);
    transition: all 0.3s ease;
}
.blue-filter:hover {
    -webkit-filter: grayscale(0) hue-rotate(0deg) brightness(1);
    filter: grayscale(0) hue-rotate(0deg) brightness(1);
    transition: all 0.3s ease;
}
.marginbottom25 {
    margin-bottom: 25px;
}
.btn.btn-default.link {
    border-radius: 10px;
    padding: 7px 15px;
    margin-top: 5px;
    border: 0;
    background-color: #94ABD4;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
}
.btn.btn-default.link:hover {
    background-color: #D8E3F5;
    color: #333333;
    transition:all 0.3s ease;
}
.video-container {
    margin-top: 15px;
}
/* ======================== FOOTER ======================= */
.footer {
    color: #fff;
    background-color: #183f69;
    padding: 30px 20px;
    margin-top: 20px;
}
.footer h6.link-list-title, .footer .groupTitle h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 8px 0;
}
.footer .groupTitle {
    margin-bottom: 10px;
}
.footer ul {
    padding: 0;
    margin: 0;
}
.footer ul li.linkComponent {
    list-style: none;
    width: 90%;
    margin: 0 0 5px 0;
    padding: 0;
}
.footer ul li.linkComponent a {
    font-size: 13px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.footer ul li.linkComponent a:hover {
    color: #b5d0eb;
}
.footer .social-icons {
    color: #fff;
    float: right;
    text-align: right;
}
.footer .social-icons img {
    width: 35px;
    margin-top: -5px;
    margin-left: 10px;
    height: auto;
}
.footer .footer-logo img {
    width: 205px;
    height: auto;
    margin-top: -5px;
    margin-left: -7px;
}
.footer .footer-logo p, .footer .footer-logo p a {
    font-size: 13px;
    color: #fff;
    margin: 0;
    font-weight: normal;
    padding: 0;
    line-height: 16px;
}
.footer-logo p a:hover {
    color: #2e7cbb;
}
.footer .copyright .limited-width {
    border-bottom: 1px solid #dfe9f8;
}
.footer-col-logo {
    width: 28%;
}
.footer .social-icons a p {
    color: #fff !important;
}
.footer .social-icons .social-twitter{
    text-align:left;

}

@media (max-width: 1280px) {
    .footer-col-logo {
        width: 33%;
    }
}

@media (max-width: 991px) {
    .footer-col-logo {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .footer-col-logo {
        width: 85%;
    }
    .footer {
        padding: 0px 20px;
        margin-top: -10px;
    }
    .footer-line{
        height:5px;
        margin:0;
    }


}
/*************** Interior pages  ***************/

/************** About EDF ********************/
.pdf-ico img {
    width: 70px;
    height: auto;
}
/************* Timeline *************************/
.cd-horizontal-timeline .filling-line {
    background-color: #7b9d6f;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #7b9d6f;
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 6em auto;
    }
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}
.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
    font-size: 2.6rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}
.cd-horizontal-timeline .events-content p {
    font-size: 1.4rem;
    color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}

@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 2rem;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 1.8rem;
    }
}
@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
.cd-horizontal-timeline ul, .cd-horizontal-timeline ol {
    list-style-type: none;
}
/**************** Accordion ****************************/
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel.panel-default {
    border-color: #fff #fff #eee #fff;
    margin-bottom: 20px;
    text-align: left;
}
.panel.panel-default .panel-heading {
    color: #333;
    /*background-color: #fff;*/
    border-color: #fff;
}
/*Accordion in other accordion*/
.wrapper-inner-accordion .panel.panel-default .panel-heading a.collapsed:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #a8bdde;
    /* font-weight: bold; */
    transition: all 0.5s ease;
}
.wrapper-inner-accordion .panel.panel-default .panel-heading a:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #a8bdde;
    transition: all 0.5s ease;
}

.wrapper-inner-accordion .panel.panel-default .panel-heading h1 {
    margin-top: -30px;
    color: black;
    font-weight: bold;
    font-size: 15px;
    line-height: 34px;
    text-align: left;
    margin-left: 18px;
}

.wrapper-inner-accordion .panel.panel-default .panel-heading a {
    padding-left: 15px;
}
.wrapper-inner-accordion .panel.panel-default .panel-heading a h1 {
    padding-left: 15px;
}
.wrapper-inner-accordion .panel.panel-default .panel-heading a.collapsed:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 20px;
    /* margin-top: 0px; */
    /* margin-bottom: -15px; */
    color: black;
    font-weight: 500;
    transition: all 0.5s ease;
    float: right;
    margin-top: -26px;
}
.wrapper-inner-accordion .panel.panel-default .panel-heading a:after {
    content: '\f106';
    font-family: 'FontAwesome';
    font-size: 20px;
    /* margin-top: 0px; */
    /* margin-bottom: -15px; */
    color: black;
    font-weight: 500;
    transition: all 0.5s ease;
    float: right;
    margin-top: -26px;
}
.wrapper-inner-accordion .row .groupInOneColumn {
    padding: 5px;
}
.wrapper-inner-accordion .row .groupInOneColumn .accordionContainer .panel-collapse .groupInOneColumn {
    padding-left: 30px;
    padding-top: 15px;
}
.wrapper-outer-accordion .panel-body {
    padding: 0;
}
.wrapper-outer-accordion .panel-default {
    border-color: #fff #fff #dedede #fff;
}
.wrapper-outer-accordion .panel.panel-default {
    margin-bottom: 0px;
}
.wrapper-inner-accordion .panel-default>.panel-heading {
    background-color: #ffff;
    padding: 0;
}
.panel.panel-default .panel-heading a.collapsed:before {
    content: '\f0ab';
    font-family: 'FontAwesome';
    font-size: 36px;
    margin-top: 15px;
    margin-bottom: -15px;
    color: #a8bdde;
    font-weight: bold;
    transition: all 0.5s ease;
}
.panel.panel-default .panel-heading a:before {
    content: '\f0aa';
    font-family: 'FontAwesome';
    font-size: 36px;
    margin-top: 15px;
    margin-bottom: -15px;
    color: #a8bdde;
    font-weight: bold;
    transition: all 0.5s ease;
}
.panel.panel-default .panel-heading h1 {
    margin-top: -30px;
    color: #a8bdde;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    margin-left: 55px;
}
/************* SLIDER  ************************/
.sliderContainer-content {
    position: absolute;
    color: #fff;
    top: 0;
    width: inherit !important;
    padding-right: 30px;
    overflow: hidden;
    transition: all 0.4s ease;
    text-shadow: 0px 2px 3px rgba(3, 3, 3,.5);
    padding-top: 20px;
    padding-bottom: 30px;
}
.sliderContainer-content-text-block {
    border-radius: 10px;
}
h5.sliderContainer-content-overtitle {
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 38px;
    line-height: 45px;
    font-weight: normal;
    margin-left: 10px;
}
h5.sliderContainer-content-title {
    color: #fff;
    margin: 0;
    font-size: 2.3em;
    line-height: 120%;
    font-weight: bold;
    text-transform: none;
}
h4.sliderContainer-content-subtitle {
    color: #fff;
    font-weight: normal;
    line-height: 140%;
    font-size: 1.2em;
}
.sliderContainer .teaserBtn {
    margin-top: 20px;
    padding: 10px 25px;
    font-weight: 600;
}
.mainSlide .sliderContainer-content-text-block {
    text-align: left;
    /* background-color: rgba(148,171,212,0.80); */
    padding: 0px 30px 0px 30px;
    margin-top: 50%;
}
.sliderContainer-content-btn {
    padding: 0;
}
.sliderContainer-content-btn .btn1, .sliderContainer-content-btn .btn2 {
    padding: 0;
    float: none;
}
.mainSlide .sliderContainer-content-btn .btn1 a, .mainSlide .sliderContainer-content-btn .btn2 a {
    text-align: left;
}
.sliderContainer-content-btn .btn1 a {
    display: none;
    background-color: #94ABD4;
    border: 0 solid transparent;
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease;
    text-shadow: none;
}
.sliderContainer-content-btn .btn2 a {
    display: none;
    background-color: #94ABD4;
    color: #fff;
    border-radius: 10px;
    border: 0 solid transparent;
    margin-top: 15px;
    transition: all 0.3s ease;
    text-shadow: none;
}
.sliderContainer-content-btn .btn1 a:hover, .sliderContainer-content-btn .btn2 a:hover {
    background-color: #D8E3F5;
    color: #333333;
}
/*************************  EVENTS  ******************************/
.module-events-date {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.module-events-day {
    height: 40px;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    color: #404040;
}
.module-events-date>* {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #404040;
}
.module-events-information {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 20px;
    color: #FFFFFF;
}
/**************************** TABS ****************************/
.full-tabs {
    padding: 0;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
    font-weight: 500;
}
.tab-content {
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-bottom: 1em;
    background-color: #e1eaf8;
    padding: 20px 0 20px 0;
}
.nav-tabs {
    border-bottom: 0;
}
.nav-tabs>li {
    background-color: #d4ddea;
    font-size: 15px;
}
.nav-tabs>li > a {
    text-align: center;
    border-radius: 0;
    font-size: 16px;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    border-color: #d4ddea;
    background-color: #d4ddea;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #424242;
    cursor: default;
    border: 1px solid #e1eaf8;
    background-color: #e1eaf8;
    border-bottom-color: transparent;
    text-align: center;
}
.full-tab-padding40 {
    padding: 40px;
}
.full-tab-padding60 {
    padding-left: 60px;
    padding-right: 60px;
}
.full-tab-align-center {
    max-width: 1024px;
    width: 80%;
    margin: auto;
}
/**************** Partners **********************/
.partners .row {
    margin-bottom: 25px;
}
.partners .row .last-three {
}

@media (max-width: 991px) {
    .partners .row img {
        margin: 15px;
    }
}

/****************** ipad ****************************/
@media (min-width: 1200px) {
    .sponsor-logos img {
        max-height: 115px;
    }
}

@media (min-width: 992px) {
    .sponsor-logos img {
        max-height: 91px;
    }
}

@media (min-width: 768px) {
    .registration-form .form-group ~ .col-sm-offset-3 {
        margin-left: 25%;
    }
    .sponsor-logos img {
        max-height: 153px;
    }
}
/****************** mobile  ************************/

/* ========================= EVENTS ================================ */
.events-teaser {
    /*background-image: url(/edf-one/dam/jcr:e5762532-ad67-4947-9540-cffdef759161/background-events.jpg);
    background-size: cover;
    background-position: center;*/
    border-radius: 12px;
    padding: 0px 20px;
    max-width: 100%;
    margin: 15px 0;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.08);
    width: auto;
    min-width: 66%;
}
.events-teaser-title {
    color: #2169b5 !important;
    text-transform: none;
    font-size: 28px;
    font-weight: bold;
    border: 0;
    margin-left: 2px;
}
.row.event-teaser {
    margin: 0;
    min-height: 120px;

}
@media (max-width: 1024px) {
    .events-teaser{
        width:100%;
    }
}

.event-data{
    max-width: 120px;
    float: left;
    width: 33%;
    margin: 0 5px 0 5px;
}
.event-site{
    float: left;
    width: 58%;
    margin: -6px 0 0 8px;
}
.event-site .row{
    margin: 0;
    padding: 0;
}
.event-teaser-date {
    height: auto;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.event-teaser-startDate, .event-teaser-endDate{
    font-size:13px;
    font-weight:550;
    color:#666 !important;
}
.event-teaser-hotel{
    font-size:13px;
}
a .event-teaser-date {
    color: #fff !important;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
}
.event-teaser-date-year {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    padding: 5px;
    display: block;
    font-weight: bold !important;
    background-color: rgba(148,171,212,1);
    color: #fff !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.event-teaser-date-day {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #D8E3F5;
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    color: #fff !important;
}
.event-teaser-date-month {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
    background-color: #D8E3F5;
    display: block;
    color: #fff !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.event-teaser-title {
    font-size: 15px;
    line-height: 22px;
    color: rgba(148,171,212,1) !important;
    font-weight: bold !important;
}
.event-teaser-subtitle {
    font-weight: bold !important;
    font-size: 13px;
    color: #2169b5 !important;
}
.event-teaser-read-more {
    border-radius: 10px;
    padding: 5px 6px;
    margin-top: 15px;
    border: 0;
    width: 130px;
    font-size: 13px;
    float: right;
    background-color: #94ABD4;
    color: #fff !important;
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
}
.event-teaser-read-more:hover {
    background-color: #D8E3F5;
    color: #333333 !important;
}
.container-fluid.no-padding {
    margin-top: 0;
}
.news-carousel {
    background-image: url(/edf-one/dam/jcr:e5762532-ad67-4947-9540-cffdef759161/background-events.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    padding: 20px;
    width: 98%;
    margin: 15px 1%;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.08);
}
a, a:hover, a:focus {
    outline: none;
}
a .new-carousel {
    outline: none;
    padding: 20px;
    min-height: 150px;
}
.new-carousel-date {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    padding-bottom: 5px;
    display: block;
    color: rgba(148,171,212,1) !important;
}
.new-carousel-data .new-carousel-data-title {
    font-weight: bold;
    font-size: 13px;
    color: #2169b5;
}
.new-carousel-date-full {
    color: rgba(148,171,212,1) !important;
}
.slick-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #183f69;
    background: transparent;
    font-size: 30px;
    padding-left: 15px;
}
.slick-next:before {
    content: "\f105" !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #183f69;
    font-size: 30px;
    padding-right: 15px;
}
.slick-dots li button:before {
    font-size: 12px;
}
.slick-dots li.slick-active button::before {
    color: #183f69;
    font-size: 12px;
}
.new-carousel-read-more {
    border-radius: 10px;
    padding: 5px 6px;
    border: 0;
    width: 130px;
    font-size: 13px;
    background-color: #94ABD4;
    color: #fff !important;
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
    top: 20px;
    position: relative;
    float: right;
}
.new-carousel-read-more-title {
    color: #fff !important;
}
.slick-dots {
    margin-top: 30px;
}
.news-carousel-title {
    color: #2169b5 !important;
    text-transform: none;
    font-size: 28px;
    font-weight: bold;
    border: 0;
    margin-left: 0px;
}

@media (max-width: 480px) {
    .events-teaser {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 10px;
        margin-left: 0;
    }
    .row.event-teaser {
        margin-bottom: 0px;
        width: 100%;
        height: 120px;
        clear:both;
    }
    .row.event-teaser, .row.event-teaser .row {
        margin-left: 0;
        margin-right: 0;
    }
    .events-teaser-title {
        margin-left: 5px !important;
    }
    .event-teaser-read-more {
        padding: 5px 3px;
        margin-top: 15px;
        width: 100px;
        font-size: 13px;
    }
    .row.event-teaser .col-xs-4 {
        padding-left: 2px;
        padding-right: 2px;
    }
    .row.event-teaser .col-xs-8 {
        padding-left: 5px;
    }
    .news-carousel {
        width: 95%;
        margin-left: 2.5%;
    }
    a .new-carousel {
        outline: none;
        padding: 20px;
        min-height: 180px;
    }
}
li .form {
    position: fixed;
    z-index: 3000;
    width: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
    top: -180px;
    /*top:0;*/
    left: 0;
    background-color: #183f69;
}
li .form .search-form {
    max-width: 1170px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.search-form-select.form-control {
    width: 50%;
    margin-left: 25%;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #D8E3F5;
    font-size: 17px;
    padding-left: 0;
    color: #fff !important;
}

.search-form-select, .btn-search {
    float: left;
}
li .btn.btn-search {
    background: transparent;
    color: transparent;
    /*border:1px solid #f00;*/
    z-index: 1000;
}
.btn.btn-search:focus {
    outline: none;
    box-shadow: none;
}
.search-form:after {
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 26px;
    position: relative;
    top: -28px;
    z-index: -1;
    left: 240px;
    color: #D8E3F5;
    font-weight: normal;
    transition: all 0.5s ease;
}
li .form button {
    position: absolute;
    top: 16px;
    right: 50px;
    background-color: transparent;
    border: 0;
}
li .form button .fa {
    font-size: 25px;
    font-weight: lighter !important;
}
li .form button:focus {
    outline: none;
}





.full-responsive img {
    width: 60%;
    margin:auto;
    height: auto;
}
@media (max-width: 991px) {
    .full-responsive img {
        width: 100%;
        margin:auto;
        height: auto;
    }
}
@media (max-width: 768px) {
    .full-responsive img {
        width: 50%;
        margin:auto;
        height: auto;
    }
}
@media (max-width: 480px) {
    .full-responsive img {
        width: 80%;
        margin:auto;
        height: auto;
    }
}

.input-login {
    margin-top: 15px;
}
.input-login input {
    color: #424242 !important;
}
.btn-login input {
    border-radius: 10px;
    max-width: 130px;
    margin-left: auto;
    margin-top: 25px;
    margin-right: auto;
    padding: 5px 20px;
    background-color: #94ABD4;
    display: block;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
    min-width: 150px;
    bottom: 20px;
    text-align: center;
    border: 0;
}
.btn-login input:hover {
    background-color: #D8E3F5;
    color: #333333;
}
.login-registration-forgotten .registration-page-link, .login-registration-forgotten .forgotten-password-link {
    width: 50%;
    float: left;
}
.login-registration-forgotten .registration-page-link {
    text-align: left;
    padding-left: 15px;
}
.login-registration-forgotten .forgotten-password-link {
    /*text-align:right;*/
    padding-right: 15px;
    padding-left: 15px;
}
.page-header h1 {
    color: #183f69;
    text-transform: none;
    font-size: 25px;
    font-weight: bold;
    border: 0;
    margin-bottom: 10px;
}
.page-header {
    border-bottom: 0px solid #FFD9A7;
}
.no-subscript-class {
    /*background-color : gray;*/
}
.subscript-class {
    /*background-color : lightgreen;*/
}
.expired-subscription-class {
    /*background-color : indianred;*/
}
/******************************USER DETAIL FORM*****************************/
.personal-information, .membership-information, .credential-information, .payment-information {
    border-style: solid;
}
.personal-information-properties, .membership-information-properties, .credential-information-properties, .payment-information-properties {
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
}
.personal-information-label, .membership-information-label, .credential-information-label, .payment-information-label {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 40px;
}

.change-password-button {
    margin-bottom: 20px;
    margin-left: 20px;
}
.edit-send-buttons-user-form {
    margin-top: 30px;
    margin-bottom: 30px;
    left: 42%;
}
.edit-sendAndEmail-button-user-form {
    padding-left: 50px;
}

.row-awards, .row-functions {
    margin-top: 40px;
}
.functions-container,
.awards-container{
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    border-top: 1px solid #2781c2;
    background-color: #fff;
}
.function-container,
.award-container{
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid gainsboro;
}
.functions-title,
.awards-title{
    font-weight: bold;
    text-transform: uppercase;
}
.add-function-container,
.add-award-container{
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
/*.delete-function {
	margin-bottom: 10px;
	-moz-box-shadow: inset 0px 43px 0px -24px #e67a73;
	-webkit-box-shadow: inset 0px 43px 0px -24px #e67a73;
	box-shadow: inset 0px 43px 0px -24px #e67a73;
	background-color: #e4685d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	padding: 5px 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #b23e35;
}
.delete-function:hover {
	background-color: #eb675e;
}
.delete-function:active {
	position: relative;
	top: 1px;
}*/

.payment-information-expiration-date {
    /*padding-left: 50px;*/
    /*padding-top: 20px;*/
}
.payment-information-expiration-date > label{
    float: left;
    display: block;
    width: 100%;
}
/**************************USER PROFILE UPDATE******************************/
.user-profile-payment-form {
}
/**************************WHITEBOOK COMPONENT*****************************/
.whitebook-form-component .form-group{
    margin-bottom: 20px;
}
.whitebook-payment-class-container {
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 20px;
    width: 100%;
    float: left;
    border-top: 1px solid #2781c2;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    background-color: #fff;
}
.whitebook-payment-class-radio-buttons {
    margin-bottom: 20px;
    text-align: center;
    float: left;
    width: 100%;
}
.whitebook-payment-class-radio-buttons > label {
    padding-left: 100px;
}
.whitebook-payment-class-button-payment{
    width: 100%;
    float: left;
}
.whitebook-payment-class-button-payment div.stripe-payment button.stripe-payment-btn {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
}
.whitebook-payment-bank-info{
    margin-top: 20px;
}
.whitebook-payment-bank-info > p{
    margin-bottom: 5px;
}
.whitebook-payment-text-label {
    display: block;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
}
.whitebook-payment-text1 {
    display: block;
    text-align: center;
}
.whitebook-payment-text2 {
    display: block;
    text-align: center;
}
.whitebook-payment-text3 {
    display: block;
    text-align: center;
}
.whitebook-payment-text4 {
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.stripe-payment-btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
    /*display: inline-block;*/
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    color: #fff;
    background-color: #337ab7;
    border: none;
}
.whitebook-payment-class-send-form {
    margin-top: 20px;
}
.whitebook-form {
    margin-top: 20px;
}
.whitebook-payment-class-amount {
    text-align: center;
    display: inline-block;
}
.whitebook-payment-class-amount > .whitebook-payment-class-amount-label{
    display: inline-block;
    font-size: 21px;
    line-height: 50px;
    vertical-align: top;
}
.whitebook-payment-class-amount > .whitebook-payment-class-amount-total{
    display: inline-block;
    line-height: 50px;
    padding-left: 20px;
    vertical-align: top;
}
.whitebook-payment-class-amount > .whitebook-payment-class-amount-total > div{
    display: inline-block;
}
.whitebook-payment-class-amount > .whitebook-payment-class-amount-total > .whitebook-payment-class-amount-total-value{
    font-size: 30px;
}
.whitebook-payment-class-amount > .whitebook-payment-class-amount-total > .whitebook-payment-class-amount-total-currency{
    font-size: 25px;
}
.whitebook-payment-class-amount input {
    font-size: 30px;
    line-height: 40px;
    background-color: white !important;
    text-align: center;
    height:65px !important;
    margin-top: 20px;
    padding-bottom: 15px;
    width: 80%;
    display: inline;
}
.whitebook-form-show-step{
    display: block;
}
.whitebook-form-hide-step{
    display: none;
}
.btn-whitebook-form{
    border-radius: 20px;
    width: 100%;
}
.btn-whitebook-form > i[class$="left"]{
    margin-right: 10px;
}
.btn-whitebook-form > i[class$="right"]{
    margin-left: 10px;
}
.whitebook-resume-data-list{
    border-top: 1px solid #2781c2;
    padding: 40px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    background-color: #fff;
    margin-bottom: 40px;
}
.whitebook-resume-data-list > ul.whitebook-resume-data-personal{
    list-style: none;
    padding-left: 0;
}
.whitebook-resume-data-list > ul.whitebook-resume-data-personal > li{
    display: inline-block;
    padding-bottom: 20px;
}
.whitebook-resume-data-list > ul.whitebook-resume-data-personal > li > strong{
    display: block;
}
.whitebook-resume-data-order{
    margin-top: 20px;
}
.whitebook-resume-data-order .whitebook-resume-data-order-field{
    text-align: center;
    padding: 20px;
    background: #183f69;
    color: #fff;
    border-radius: 30px;
    margin-bottom: 20px;
}
.whitebook-resume-data-order .whitebook-resume-data-order-field > i{
    display: block;
    font-size: 60px;
    color: #fff;
    margin-bottom: 10px;
}
.whitebook-resume-data-order .whitebook-resume-data-order-field > .whitebook-resume-data-order-field-label{
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.whitebook-resume-data-order .whitebook-resume-data-order-field > .whitebook-resume-data-order-field-value{
    display: inline-block;
    font-weight: bold;
    line-height: 26px;
    font-size: 20px;
}
.whitebook-form-data-order{
    border-top: 1px solid #2781c2;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    background-color: #fff;
    padding: 15px 40px 40px 40px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.whitebook-form-data-order-title,
.whitebook-resume-data-list-title{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 40px;
    border-bottom: 1px solid #d8e3f5;
    padding-bottom: 15px;
    text-align: center;
}

.whitebook-resume-data-list-separator{
    border-top: 1px solid #2f6ea4;
    width: 50%;
    margin: 30px auto 40px auto;
}
.whitebook-form-payment-status-paid,
.whitebook-form-payment-status-pending{
    display: inline-block;
    padding: 2px 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.whitebook-form-payment-status-paid{
    color: #157d17;
}
.whitebook-form-payment-status-pending{
    color: #ff8c00;
}
.whitebook-form-payment-status-edit{
    text-align: center;
    color: #fff;
    background: #337ab7;
    border: none;
    width: 100%;
    display: block;
    margin: auto;
    padding: 0 6px;
    transition: all 0.5s ease;
}
.whitebook-form-payment-status-edit:hover{
    opacity: 0.6;
}
/**************************PERSONAL INFORMATION, MEMBERSHIP INFORMATION, PAYMENT INFORMATION COMPONENTS*****************************/
.personal-information-component, .membership-information-component, .credential-information, .payment-information-component {
    /*border-style: solid;*/
}

.personal-information-component-label, .membership-information-component-label, .credential-information-label, .payment-information-component-label {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 40px;
}
.send-personal-information-form, .send-membership-information-form {
    margin: 60px auto 10px !important;
}
.payment-information-payment-type-card {
    text-align: center;
    display: contents;
}
.payment-information-payment-type-card > label {
    display: block;
}


.payment-information-component-payment-style-paymentType {
    padding-left: 0px;
}
.payment-information-component-payment-style-paymentStatus {
    padding-right: 0px;
}
.payment-information-component-payment-style-description {
    padding: 0px;
}
.payment-information-component-payment-style-description textarea {
    resize: none;
}
.payment-information-payment-component-payment-style-update-form-button {
    display: flex;
}

.payment-information-component-payment-style-bank-transfer-data-label1 {
    text-align: center;
    padding-top: 10px;
}
.payment-information-component-payment-style-bank-transfer-data-label2 {
    text-align: center;
}
.payment-information-component-payment-style-bank-transfer-data-label3 {
    text-align: center;
}
.payment-information-component-payment-style-bank-transfer-data-label4 {
    text-align: center;
    padding-bottom: 10px;
}
/********************************JAVASCRIPT REGISTRATION EMAIL/PASSWORD CLASS ************************************/
.email-registration-dont-match-class {
    -webkit-box-shadow: 10px 10px 15px -2px rgba(255,0,0,0.75);
    -moz-box-shadow: 10px 10px 15px -2px rgba(255,0,0,0.75);
    box-shadow: 0px 0px 8px #a94442;
}
.email-registration-dont-match-label-class {
    color: #a94442;
}
.password-registration-dont-match-class {
    -webkit-box-shadow: 10px 10px 15px -2px rgba(255,0,0,0.75);
    -moz-box-shadow: 10px 10px 15px -2px rgba(255,0,0,0.75);
    box-shadow: 0px 0px 8px #a94442;
}
.password-registration-dont-match-label-class {
    color: #a94442;
}



/***************************************USERSOVERVIEW DATATABLES*****************************************/
.admin-users-table tbody tr.child td.child ul {
    text-align: left;
}
/******************************************LINK LIST IN MEMBERS AREA *****************************************/
.edf-members-area-link-list-style{
    background-color: #f5f8ff;
    border-radius: 8px;
    padding: 0px 8px 11px;
}
.edf-members-area-inheritable-component-style > ul > li.linkComponent {
    text-align: center;
}
.edf-members-area-link-list-style h5{
    text-align: left;
    background-color: #D8E3F5;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 20px;
    margin: 15px 0 15px 0;
}
.edf-members-area-link-list-style ul{
    padding:0;
    margin:0;
    list-style: none;
}
.edf-members-area-link-list-style ul li{
    margin-left:8px;
    font-weight: 550;
    transition:all 0.5s ease;
    margin-bottom:10px;
}
.edf-members-area-link-list-style ul li:hover{
    margin-left:20px;
    transition:all 0.5s ease;
}



/**************************************MEETINGS COMPONENT***************************************/
.meeting-component-parent-style {
    padding-bottom: 50px;
}
.meeting-component-style {
}
.meeting-component-calendar-style {
    height: auto;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    padding-right: 0px;
}
a .meeting-component-calendar-style {
    color: #fff !important;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
}
.meeting-component-calendar-year-style {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    padding: 5px;
    display: block;
    font-weight: bold !important;
    background-color: rgba(148,171,212,1);
    color: #fff !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.meeting-component-calendar-day-style {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #D8E3F5;
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    color: #fff !important;
}
.meeting-component-calendar-month-style {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
    background-color: #D8E3F5;
    display: block;
    color: #fff !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}





/**************************************PAGE TEASERS PROMO***************************************/
.page-teasers-promo-download-link {
    margin-top: -25px;
    margin-left: 13px;
    margin-bottom: 20px;
}
.event-teaser-previous-next-arrow-buttons {
    position: relative;
    width: 100%;
    margin: 10px -15px 25px 0px;
}

.page-teasers-promo-download-link a {
    color: #94abd4;
}
.page-teasers-promo-previous-year-page {
    position: relative;
    width:50%;
    float:left;
    text-align: left;
    transition:all 0.3s ease;
}
.page-teasers-promo-next-year-page {
    position: relative;
    width:50%;
    float:right;
    text-align: right;
    transition:all 0.3s ease;
}
.page-teasers-promo-previous-year-page a,
.page-teasers-promo-next-year-page a{
    font-size:13px;
    font-weight: 550;
}
.page-teasers-promo-previous-year-page i,
.page-teasers-promo-next-year-page i{
    background-color: #307fba;
    width: 35px;
    height: 30px;
    border-radius: 8px;
    color: #fff !important;
    font-size: 16px;
}
.page-teasers-promo-previous-year-page i {
    margin-right:15px;
    padding: 6px 0 0 10px;
}
.page-teasers-promo-next-year-page i {
    margin-left:15px;
    padding: 6px 10px 0 0;
}
.page-teasers-promo-next-year-page:hover i,
.page-teasers-promo-previous-year-page:hover i{
    background-color:#6AAFE7;
    transition:all 0.3s ease;
}

.horizontal-navigation-area-sticky-wrapper, .horizontal-navigation-area-sticky-wrapper.is-sticky {
    height: 0px;
}

.payment-status{
    text-align: center;
}
.payment-status.status-enabled{
    background-color: #d7e7da;
}
.payment-status.status-pending{
    background-color: #f8e8d2;
}
a.payment-information-download-btn,
a:link.payment-information-download-btn,
a.payment-information-edit-per-year-btn,
a:link.payment-information-edit-per-year-btn,
.payment-information-send-invoice-btn{
    background-color: #2e7cbb;
    color: #fff;
    text-align: center;
    float: left;
    border: none;
    padding: 8px 8px;
    width: 100%;
}
a.payment-information-download-btn:hover,
a:link.payment-information-download-btn:hover,
a.payment-information-edit-per-year-btn:hover,
a:link.payment-information-edit-per-year-btn:hover,
.payment-information-send-invoice-btn:hover{
    background-color: #6AAFE7;
    transition: all 0.3s ease;
}
a.payment-information-download-btn > i,
a:link.payment-information-download-btn > i,
a.payment-information-edit-per-year-btn > i,
a:link.payment-information-edit-per-year-btn > i,
.payment-information-send-invoice-btn > i{
    color: #fff;
    float: left;
    width: 100%;
}


/**************************************PAGE TEASER CARDS***************************************/
.page-teaser-cards{

}
.page-teaser-card{
    width: 100%;
    height: 400px;
    background-size: cover !important;
    background-repeat: no-repeat;
    border-radius: 15px;
    box-shadow: 0 0 8px 5px rgba(0,0,0,0.03);
}
.page-teaser-content{
    margin-top: 30px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 25px 20px 0 20px;
}
.page-teaser-card-image{

}
.page-teaser-card-title{
    margin: 0 0 15px 10px;
    font-size: 20px;
    text-transform: none;
    line-height: 26px;
    font-weight: bold;
}
.page-teaser-card-subtitle{
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px 10px;
}
.page-teaser-card-date{
    margin: 0 0 15px 10px;
}
.page-teaser-card-description{
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px 10px;
}
.page-teaser-card-button-link{
    position: absolute;
    padding: 0;
    bottom: 0;
    margin: 0 0 20px 100px;
}

.page-teaser-card-button{
    border-radius: 10px;
    max-width: 130px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 20px;
    background-color: #94ABD4;
    display: block;
    color: #fff !important;
    font-weight: 600;
    transition: all 0.3s ease;
    min-width: 150px;
    bottom: 20px;
    text-align: center;
}
.page-teaser-card-button a:hover{
    color: #a8bdde;
}

/**************************************DOWNLOADS LIST***************************************/
.downloads-container .col-xs-12,
.downloads-container .col-sm-12,
.downloads-container .col-md-12{
    margin-bottom: 15px;
}
.download-date{
    max-width: 120px;
    float: left;
    width: 33%;
    margin: 0 5px 0 5px;
    text-align: center;
}
.download-date-year {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    padding: 5px;
    display: block;
    font-weight: bold !important;
    background-color: rgba(148,171,212,1);
    color: #fff !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.download-date-day {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #D8E3F5;
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    color: #fff !important;
}
.download-date-month {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
    background-color: #D8E3F5;
    display: block;
    color: #fff !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.download-title{
    font-size: 15px;
    line-height: 22px;
    color: rgba(148,171,212,1) !important;
    font-weight: bold !important;
}
.download-link{
    margin-left: 15px;
}
.download-link a {
    color: #94abd4;
}

/**************************************DOWNLOADS LINK LIST***************************************/
.downloads-container{
    margin-bottom: 30px;
    padding: 0 22px 0 22px;
}
.downloads-container h5{
    text-align: left;
    background-color: #D8E3F5;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 20px;
    margin: 15px 0 15px 0;
}
.download-link {
    margin-left: 8px;
    font-weight: 550;
    transition: all 0.5s ease;
}


/********************************* ADDED WITH NEED HELP PAGE ****************************************/
.login-need-help-link {
    width: 50%;
    float: right;
    text-align: right;
}

.request-control {
    border: 1px solid #D8E3F5;
    border-radius: 0;
    font-size:13px;
    box-shadow: none;
    color: #444;
    transition: all 0.3s ease;
    width: 100%;
}

.request-control:focus {
    border: 4px solid #2e7cbb;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.1);
}

. buttonHelp {
    padding-bottom: 100px;

}

/****** Recaptcha *******/
.text-xs-center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}




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

.payment-status{
    text-align: center;
}
.payment-status.status-enabled{
    background-color: #d7e7da;
}
.payment-status.status-pending{
    background-color: #f8e8d2;
}
.payment-status.status-none{
    background-color: #d8e3f5;
}
tr.payment-table-current-year > td {
    background: #dee6ec;
    font-weight: bold;
}

.payment-information-component label{
    font-weight: bold;
}
.payment-information-payment-description textarea{
    resize: none;
    height: 150px;
    width: 100%;
}
.subscription-status,
.payment-status-current{
    display: inline-block;
    padding: 2px 8px;
    margin-left: 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.subscription-status.subscription-status-subscript{
    color: #157d17;
    background: #cae0cd;
    border: 1px solid #157d17;
}
.subscription-status.subscription-status-expired{
    color: #ff8c00;
    background: #f8e8d2;
    border: 1px solid #ff8c00;
}
.subscription-status.subscription-status-nosubscript{
    color: #F80028;
    background: #ffebef;
    border: 1px solid #F80028;
}
.payment-status-current.payment-status-paid{
    color: #157d17;
    background: #cae0cd;
    border: 1px solid #157d17;
}
.payment-status-current.payment-status-nofee{
    color: #2e7cbb;
    background: #d8e3f5;
    border: 1px solid #2e7cbb;
}
.payment-status-current.payment-status-pending{
    color: #ff8c00;
    background: #f8e8d2;
    border: 1px solid #ff8c00;
}
.payment-information-attended-meeting .attended-meeting{
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 10px;
    padding: 2px 10px 2px 25px;
}
.payment-information-attended-meeting .attended-meeting-no{
    color: #F80028;
    border: 1px solid #F80028;
    background-color: #ffebef;
}
.payment-information-attended-meeting .attended-meeting-no::before{
    color: #F80028;
    content: '\2716';
}
.payment-information-attended-meeting .attended-meeting-yes{
    color: #157d17;
    border: 1px solid #157d17;
    background-color: #cae0cd;
}
.payment-information-attended-meeting .attended-meeting-yes::before{
    content: '\2713';
    color:#157d17;
}
.payment-information-attended-meeting .attended-meeting-no::before,
.payment-information-attended-meeting .attended-meeting-yes::before{
    font-weight: bold;
    margin-left: -16px;
    position:absolute;
}
.payment-information-component{
    font-size:13px;
}
.payment-information-component > .payment-information-congress-selected{
    text-align: center;
    font-size: 30px;
    background: #2e7cbb;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    color: #fff;
    padding: 15px 20px;
    border: 1px solid #2e7cbb;
}
.payment-information-component > .payment-information-current-congress{
    background: #fff;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
}
.payment-information-component > .payment-information-send-payment-notification > .payment-information-component-properties{
    border-top: 1px solid #2781c2;
    padding: 10px 30px 30px 30px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
    background-color: #fff;
}
.payment-information-component > .payment-information-all-congresses{
    padding: 50px 0;
}
table.dataTable.data-table-user-information-per-congres thead .sorting_desc:after{
    content: "";
}
.cookiealert-container > p{
    margin: 0;
}
.cookiealert-container > button.acceptcookies{
    margin-top: 0 !important;
}
.payment-information-username{
    display: inline-block;
    margin: 0;
    margin-left: 5px;
}
#horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a{
    display: inline-block;
    padding-left: 10px;
}
.home-page #horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a.pur-link-notification > i{
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.home-page div:not(.is-sticky) > #horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a.pur-link-notification:hover > i{
    opacity: 1;
    color: #fff !important;
    text-shadow: 0 0 10px #a94442;
}
#horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a.pur-link-notification > i,
.home-page .is-sticky #horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a.pur-link-notification > i{
    color: #a94442;
    transition: all 0.3s ease-in-out;
}
#horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a.pur-link-notification:hover > i,
.home-page .is-sticky #horizontal-navigation-area #main-navigation-menu > ul.nav > li.pur-links-with-notifications > a.pur-link-notification:hover > i{
    color: #a94442 !important;
    opacity: 0.6;
    /*text-shadow: 0 0 10px #a94442;*/
}
.data-table button[name=btn-change-user-status]{
    height: auto;
    display: block;
    width: 100%;
    padding: 3px;
}

.users-overview-container,
.event-requests-overview-container{
    padding: 0 40px;
}

.new-member-proposal-form{
    background-color: #f7f9fa;
    padding: 30px;
}
.member-proposal-messages{
    margin: 60px 0;
    text-align: center;
}
.member-proposal-messages > h1,
.member-proposal-messages > h2,
.member-proposal-messages > h3,
.member-proposal-messages > h4,
.member-proposal-messages > h5,
.member-proposal-messages > h6{
    margin-bottom: 40px;
}
.member-proposal-messages > p{
    margin-bottom: 100px;
}

.event-request-status{
    padding: 5px 10px;
    display: block;
    width: 100%;
    font-weight: bold;
}
.event-request-status-accepted{
    color: #157d17;
    background: #cae0cd;
    border: 1px solid #157d17;
}
.event-request-status-pending{
    color: #ff8c00;
    background: #f8e8d2;
    border: 1px solid #ff8c00;
}
.event-request-status-denied{
    color: #F80028;
    background: #ffebef;
    border: 1px solid #F80028;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0;
    padding-top: 4px;
    min-height: 35px;
    border-radius: 4px;
    max-width: 100% !important;
    border-radius: 0;
    border-bottom: 1px solid #d8e3f5;
}
/*.select2-selection {
    margin-bottom: 26px;

}*/
@media (max-width:1024px){
    .select2-container--default .select2-selection--single {
        max-width: 100% !important;
    }
}
@media (max-width:768px){
    .select2-container--default .select2-selection--single {
        max-width: 100% !important;
    }
    .form-wrapper, .personal-information-component, .credential-information-properties, .membership-information-component {
        padding: 5px;
        background: #f7f9fa;
        font-size: 13px;
    }
}

.form-control-big-field{
    text-align: center;
    font-size: 30px;
    height: 60px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0;
    font-size: 13px;
    border-bottom: 1px solid #D8E3F5;
    box-shadow: none;
    color: #444;
    transition: all 0.3s ease;
    height: 34px;
    border-radius: 0;
    margin-bottom: 0;
}
.select2-container--default .select2-selection--single:focus {
    border-bottom: 4px solid #2e7cbb;
    transition: all 0.3s ease;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    outline:0;
}


/* COMPONENT OF IMAGE WITH BLOCK AND TEXT*/
.textImageComponent .image-events{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
    display: table;
    border: solid 0px #A09FA1;
    position: relative;
    z-index: -1;
}
.textImageComponent .image-logo{
    position: absolute;
    z-index: 1;
    width: 100%;
    opacity: 0.4;
    height: 450px;
    top: 100px;
    transform: rotate(-15deg);
}
.textImageComponent{
    position: relative;
    margin-bottom: 50px;
}
.textImageComponent .text-block{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: solid 0px #A09FA1;
    border-right: solid 0px #A09FA1;
    border-left: solid 0px #A09FA1;
    background-color: #99b3db;
    color: #ffffff;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: 2;
    /*top: 90%;*/
}
.textImageComponent .block-1{
    text-align: center;
    margin: 10px;
}
.textImageComponent .block-1-with-text{
    float: left;
}
.textImageComponent .block-2{
    float: right;
    margin: 0px;
    padding-right: 10px;
    padding-top: 0px;
    text-align: center;
}
.textImageComponent .block-2 p{
    color: #ffffff !important;
    margin: 0px;
}
.textImageComponent .block-2  p strong{
    color: #ffffff !important;
}
.textImageComponent .title-image{
    font-size: 15px;
    color: #ffffff !important;
    margin-left: 10px;
}
.textImageComponent .title-image-with-subtitle{
    margin-bottom: 2%;
}
.textImageComponent .title-image-without-subtitle{
    margin-top: 15px;
}

.textImageComponent .subtitle-image{
    font-size: 15px;
    color: #ffffff !important;
}

.internet-explorer-alert{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 999;
}
.internet-explorer-alert > .alert{
    width: 100%;
    margin: 0;
    border-top: 2px solid #8a6d3b;
    border-radius: 0;
}
.internet-explorer-alert > .alert,
.internet-explorer-alert > .alert > p{
    display: inline-block;
}
.internet-explorer-alert > .alert > button{
    margin-right: 10px;
}
.internet-explorer-alert > .alert > i{
    margin-right: 10px;
}

.check-if-send-invoice-to-user.bootstrap-dialog .modal-header{
    background-color: #2e7cbb;
}
.check-if-send-invoice-to-user .modal-header .bootstrap-dialog-header{
    text-align: center;
}

/* Select picker of new guide lines page*/
.selectpicker {
    display: none;
}
button.btn.dropdown-toggle.btn-default {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}
button.btn.dropdown-toggle.btn-default:hover {
    background-color: #183f6938;
}
button.btn.dropdown-toggle.btn-default:focus , button.btn.dropdown-toggle.btn-default:focus {
    background-color: #183f6938;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-color: #183f6938;
}
button.btn.dropdown-toggle.btn-default .filter-option {
    width: 100%;
}
button.btn.dropdown-toggle.btn-default .filter-option .filter-option-inner .filter-option-inner-inner {
    font-weight: bold;
    color: #183f69;
}
button.btn.dropdown-toggle.btn-default .filter-option .filter-option-inner .filter-option-inner-inner:before {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}
.dropdown-menu.open {
    width: 100%;
    height: 200px;
    overflow-y: scroll !important;
}

.dropdown-menu.open .bs-searchbox input.form-control {
    width: 90%;
    margin: auto;
}
.dropdown-menu.open .bs-searchbox input.form-control:focus {
    box-shadow: none;
}
.dropdown-menu.open .inner.open ul.dropdown-menu.inner {
    width: 100%;
    top: 40%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dropdown-menu.open .inner.open ul.dropdown-menu.inner li.selected.active a {
    color: #183f69;
    font-weight: bold;
}
.dropdown-menu.open .inner.open ul.dropdown-menu.inner li.no-results {
    margin-left: 22px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #183f69;
}

.document-selected{
    box-shadow: 0px 0px 13px #00000040;
}

.title-h6-as-p .textImageComponent h6{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 1.1em;
    margin-top: 0;
}