@media screen and (min-width: 1440px){
    .screen-width{
        max-width: 1423px;
        width: 1423px;
        margin: 0 auto;
    }
    .GR .screen-width{
      max-width: 100%;
        width: 100%;
    }



    .main-container-2rows{
        max-width: 777px;
        width: 777px;
    }

    .header-img-container{
        max-width: 1423px;
        width: 1423px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px){


}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .promo-vragen-opleiding{
        font-weight: bold;
        font-size: 26px;
    }
    .vragen-txt {
        width: 131px;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 33px;
        margin-left: 40px;
        padding-top: 40px;
    }
}


@media screen and (min-width: 1200px) {
    .promo-vragen-opleiding{
        font-weight: bold;
        font-size: 26px;
        border-right: 1px solid rgba(42,52,95,0.2);
    }

    .vragen-txt {
        width: 235px;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 33px;
        margin-left: 40px;
        padding-top: 40px;
    }

}


@media screen and (min-width: 992px){



    .wt-button.wt-table-btn {
        width: 80px;
        height: 20px;
        font-size: 10px;
        line-height: 20px;
        position: relative!important;
    }

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

    .trigger-nav,#nav-replace{
        display: none;
    }

    .vragen-txt.normal {
        width: 215px;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 33px;
        margin-left: 40px;
        padding-top: 40px;
    }

    .contact-afdeling {
        margin-top: 5px;
        opacity: 0.5;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 18px;
    }

    .contact-tel {
        margin-top: 15px;
        color: #F29174!important;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 21px;
        -webkit-text-decoration: underline #F29174;
        text-decoration: underline #F29174;
    }

    .contact-img {
        margin-right: 40px;
        margin-top: 40px;
    }

    .page-227 .contact-img {
        margin-right: 40px;
        margin-top: 25px;
    }

    .contact-comp {
        padding-top: 40px;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 21px;
    }

    .page-2029 .contact-comp {
        padding-top: 30px;
    }

    .page-2029 .vragen-txt.normal {
        padding-top: 30px;
    }

    .contact-comp {
        max-width: 165px;
    }


    .vac-tekst-container {
        max-width: 1240px;
        padding: 0;
    }


    .vragen-block {
        background-color: rgba(73, 174, 195, 0.1);
        margin-bottom: 50px;
    }

    .vragen-block {
        margin-top: 60px;
        height: 170px;
        max-width: 790px;
    }

    #contactblockjd .vragen-block {
        min-height: 170px;
        height: auto;
    }

    .vragen-kosten {
        margin-top: 60px;
        height: 160px;
    }


    .vragen-block .vertical-line {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 70px;
        width: 1px;
        border: 1px solid #2C556A;
        opacity: 0.3;
        margin-top: 45px;
        margin-right: 77px;
    }



    .promo-vragen-opleiding-container{
        background: rgba(44,85,106,0.1);
        bottom: 0;
        padding: 40px
    }


    .promo-vragen-opleiding-container .trainer-name {
        font-size: 18px;
    }

    .promo-vragen-opleiding-container .trainer-function {
        color: rgba(44,85,106,0.5)
    }


    .tab-nav-arrow-container{
        padding-right: 15px;
        padding-left: 72px;
        margin-bottom: 31px;
    }

    .container-vacitem{
        padding: 0;
        max-width: 1240px;
    }

    .main-container {
        padding-left: 20px;
        padding-right: 20px;
    }


    .mb-lg-40{
        margin-bottom: 40px;
    }
}



/*-md*/
@media screen and (min-width: 768px){

}

@media screen and (max-width: 768px){

}
/*-md end*/

/*-sm*/
@media (min-width: 576px) {

}

@media (max-width: 576px) {

    .centered-sm{
        margin: 0px auto;
    }
}
/*-sm end*/


.backgroundfill{
    background:#355468;
    height: 60px;
    z-index: -1;
}

.GR .backgroundfill {
    background: #515253;
}

.GR .nav-wrapper ul li {
    display: inline-block;
    padding: 0 20px;
    width: inherit;
    max-height: 60px;
    text-align: left;
    background: #515253;
    color: #fff;
}

.GR .nav-wrapper ul li:hover {
    background: #1f2121;
}

.GR .nav-wrapper-right ul .nav-sub a:hover {
     color: #fff;
     background-color: transparent;
     text-decoration: none;
}

.GR .nav-wrapper-right ul a:hover {
     background-color: transparent;
}

.GR .guestmenu{
    display: none;
}



.GR .breadcrumb-Links{
    z-index: 2;
    padding: 20px 0;
}
.GR .breadcrumb-Links span{
    font-size: 15px;
}

.GR .breadcrumb-Links-row{
    margin: 0;
}

.GR #header_nav{
    background: #515253;
    padding: 0;
}

.grnavbar{
    min-height: 60px!important;
    display: grid;
    grid-template-columns: minmax(150px, 25%) 1fr;
    padding-top: 14px;
}

.GR .desktop-nav {
    margin-top: 0px;
}

.GR .sub-wrapper {
    padding: 0px;
}

.GR .breadcrumb-Links-subitems-row .subitem{
    font-size: 15px;
}

.GR #mainlogo {
    float: left;
    padding-top: 12px;
    padding-left: 17px;
    width: 200px;
    height: 60px;
    /* background: url(/images/griffioen_800.png?width=200px) no-repeat center; */
    z-index: 101;
}



@media screen and (max-width: 992px){

    .GR .nav-menu-btn,
    .GR .profilelogo{
        margin-top: 30px;
        top: 0;
    }
    .GR .nav-menu-btn{
        margin-right: 30px;
    }
    .GR .header-padding{
        padding-bottom: 0!important;
    }

    .GR .nav-wrapper-right {
        width: 100%;
    }

    .GR #header_nav{
        height: 80px;
    }

}


@media screen and (max-width: 1344px){

    .GR .nav-wrapper-right {
        width: 100%;
    }
    .GR .sub-wrapper {
        font-size: 13px;
    }
 .GR .sticky-nav-top {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 100;
     background-color: rgb(233 238 240);
     transition: all 0.5s;
 }
    .GR #header_nav{
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        transition: all 0.5s;
    }

    .GR .logo-wrapper{
        background: transparent;
        border: none;
    }

}
@media screen and (min-width: 1344px){



}


.nounderline {
    text-decoration: none;
}
.nounderline:hover {
    text-decoration: none;
}
.underline {
    text-decoration: underline;
}
body{
    font-family: "Maven Pro", sans-serif!important;
}



body.BIDH-theme,
body.BIDHBV-theme{
    font-family: 'Montserrat'!important;
}

p{
    word-break: normal;
}

.border-right{
    border-color: #215872;
}
.boldtext {
    color: #215872;
    font-weight: bold;
}

.BIDH-theme .boldtext {
    color: #215872;
    font-weight: bold!important;
    font-family: montserrat,sans-serif;
}

.lighttext{
    color: #215872;
    opacity: 0.6;
}

.supercenter{
    display: grid;
    place-content: center;
    place-items: center;
}

.maincontainer .regulartext{
    color: #122E3C;
}
.maincontainer.GR .regulartext{
    color: white;
}
.maincontainer.GR .filter-line span,
.maincontainer.GR .filter-header{
    color: #515253;
}
.secondtext{
    color: #F29174;
}

.loader {
    border: 5px solid #48ACC0;
    border-radius: 50%;
    border-top: 5px solid #F29174;
    width: 30px;
    height: 30px;
    position: fixed;
    top: 50%;
    right: 50%;
    margin: 20px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: 1000;
}


@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.pr-30{
    padding-right: 30px;
}

.pl-30{
    padding-left: 30px;
}

.pt-30{
    padding-top: 30px;
}

.pb-30{
    padding-bottom: 30px;
}

.pr-40{
    padding-right: 40px;
}

.pl-40{
    padding-left: 40px;
}

.pt-40{
    padding-top: 40px;
}

.pb-40{
    padding-bottom: 40px;
}

.pr-120{
    padding-right: 120px;
}

.pl-120{
    padding-left: 120px;
}

.pt-120{
    padding-top: 120px;
}

.pb-120{
    padding-bottom: 120px;
}

.mr-40{
    margin-right: 40px;
}

.ml-40{
    margin-left: 40px;
}

.mt-40{
    margin-top: 40px;
}

.mb-40{
    margin-bottom: 40px;
}

.hidden {
    display:none!important;
}
.button_action--edit.bidhButton.button_action{
    left: 9px;
}

.button_action--edit{
    padding: 5px 10px;
    border-radius: 30px;
    background-color: #007dc3;
    color: white!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px dashed black;
}

.button_action--edit-small{
    padding: 2px 5px;
    border-radius: 30px;
    font-size: 11px;
    background-color: #007dc3;
    color: white!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px dashed black;
    transition: all 0.3s;
}

.button_action--edit-small:hover{
    background-color: #059ff5;
}

.button_action--edit.old{
    background-color: #355468;
}
.button_action--edit:hover{
    background-color: #427388;
    color: white;
}
.button_action--edit:focus{
    outline: unset;
    outline: unset;
}

.maindeck-title{
    font-size: 40px;
    font-family: "Maven Pro Regular", sans-serif;
}
.maindeck-text{
    font-size: 18px;
    font-family: "Maven Pro Regular", sans-serif;
}

@media screen and (max-width: 992px){

    #contact-jumpcontainer{
        top: -53px!important
    }

    .GR #mainlogo{
        padding: 0;
        margin-top: -34px;
    }

    .page-281 .wt-button ,
    .home-spacing .product-text-container .wt-button ,
    .page-281 .wt-button-lite2 ,
    .promohtmlblock .wt-button ,
    .contactpromo .wt-button ,
    .partnerpromohtml .wt-button ,
    .page-282 .wt-button {
        width: 259px;
    }


    .contactpromo .wt-button {
      font-size: 14px;
    }
    .contactpromo .wt-button i {
      margin-left: 15px;
    }

    .page-188 * {
        font-size: 17px!important;
    }

    .page-100#nav-replace{
        height: 124px!important;
    }

    .stickyactive-30{
        padding-left: 30px;
        padding-right: 30px;
    }

    .sticky-nav-bottom .modal {
        top: 109px;
    }

    .modal-backdrop {
        z-index: 99;
    }

    .infobar.sticky-nav-top {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        background-color: rgb(233 238 240);
        transition: all 0.5s;
    }

    .sticky-nav-bottom {
        position: fixed;
        top: 54px;
        width: 100%;
        z-index: 100;
        background: white;
        transition: all 0.5s;
        height: 55px;
    }

    .account-dropdown-line,
    .breadcrumb-Links-subitems-row{
        display: none;
    }

    .mb-lg-80{
        margin-bottom: 80px;
    }

    .w-lg-100{
        width: 100%!important;
    }



    .promo-vragen-opleiding-container {
        background: rgba(44, 85, 106, 0.1);
        padding-top: 30px;
        padding-bottom: 46px;
        padding-right: 85px;
    }
    .promo-vragen-opleiding {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 31px;
    }

    .promo-vragen-opleiding .vertical-line {
        box-sizing: border-box;
        height: 1px;
        width: 100%;
        background:  #2C556A;
        opacity: 0.3;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .promo-vragen-opleiding-container .trainer-name {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
    }
    .promo-vragen-opleiding-container .trainer-function {
        color: rgba(44,85,106,0.8);
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        padding-bottom: 20px;
    }

    .vragen-block {
        background-color: rgba(73, 174, 195, 0.1);
        margin-bottom: 50px;
    }

    .vragen-opleiding-container{
        padding: 0;
    }


    .nogrid-mob{
        grid: none!important;
        display: block!important;
    }

    .mob-nopadding{
        padding: 0;
    }
    .mob-nopadding-left{
        padding-left: 0;
    }
    .mob-nopadding-right{
        padding-right: 0;
    }

    .tab-nav-arrow-container{
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 31px;
    }

    .maindeck-title{
        font-size: 28px;
        font-family: "Maven Pro Regular", sans-serif;
    }
    .maindeck-text{
        font-size: 1em;
        font-family: "Maven Pro Regular", sans-serif;
    }
}

.wt-button{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    width: 280px;
    border-radius: 22.5px;
    background-color: #F29174;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    font-family: maven pro,sans-serif;
}
.BIDH-theme .wt-button{
    font-family: montserrat,sans-serif;
}
.wt-button-small {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 18px;
    width: 91px;
    border-radius: 22.5px;
    background-color: #F29174;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    font-family: maven pro,sans-serif;
}
.wt-button-small:hover {
    transition: all 0.3s;
    background: #2294d2!important;
}

.invoices .wt-button {
    width: 200px;
    height: 100px;
    margin-right: 10px;
}

.sim-click{
    cursor: pointer;
}

.wt-button-lite {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #F29174;
    color: #F29174;
    font-weight: bold;
    height: 47px;
    min-width: 135px;
    width: 280px;
    text-align: center;
    line-height: 45px;
    border-radius: 22.5px;
}

.dex-debug{
    color: red;
    margin-left: 25px;
}

.toggle-ss {
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 54px;
    height: 23px;
    padding-top: 4px;
    background-color: #ccc;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    overflow: hidden;
}

.toggle-ss.rounded {
    border-radius: 34px!important;
}

.toggle-ss {
    background-color: #aaa;
}

input[value='1'] + .toggle-ss, input[value=true] + .toggle-ss {
    background-color: #2196F3;
}

.toggle-ss.rounded:before {
    border-radius: 50%;
}

.toggle-ss:before {
    content: "";
    margin-top: 4px;
    position: relative;
    display: block;
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
}
input[value='1'] + .toggle-ss:before, input[value=true] + .toggle-ss:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

/*choice button*/

.choice-button.selected{
    background-color:#F29174!important;
}

/*end*/

/*tab nav*/
    .tab-nav-arrow{
        font-size: 23px;
        letter-spacing: 2px;
        padding-top: 3px;
        font-weight: bold;
        color: #F29174;
    }

    .tab-nav-arrow-container{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

    }
/**/

.nolinkcolor:hover{
    color: white;
}

.editborder{
    border:solid 1px #007dc3;
    min-height: 125px;
}

.wt-button.disabled{
    background-color: grey!important;
}

.is_ie .no-padinginline_ie,
.is_edge .no-padinginline_ie {
    margin-left: -39px;
}

.wt-button-lite:hover{
    color: #F29174;
}

.wt-button:hover{
    color: white;
}

.breadcrumb-Links-subitems-row{
    padding-right: 15px;
    margin-top: -9px;
}

.breadcrumb-Links-subitems-row .subitem{
    margin-left: 40px;
    padding: 5px;
    margin-bottom: 8px;
    margin-top: 3px;
}
.account-dropdown-line{
    box-sizing: border-box;
    background: rgba(44, 85, 106, 0.2);
    height: 1px;
    margin-top: -10px;
}

.GR .account-dropdown-line{
    box-sizing: border-box;
    background: white;
    height: 1px;
    margin-top: -10px;
}


.fa-chevron-up.nav-icon,
.fa-chevron-down.nav-icon{
    color: #215872;
    position: relative;
    top: 1px;
    font-size: 1em;
    margin-left: 9px;
}

.GR .fa-chevron-up.nav-icon,
.GR .fa-chevron-down.nav-icon{
    color: white;
}

.dashbutton .dex-caption{
    color: white!important;
    font-size: 12px!important;
}

.dashbutton i{
    padding-right: 10px;
}


.dashbutton {
    width: 152px;
    height: 63px;
    min-width: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-right: 2px solid #2C556A;
    border-bottom: 2px solid #2C556A;
    text-align: center;
    float: left;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: border-color 0.2s ease-in-out;
    -o-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}



.mb-80{
    margin-bottom: 80px;
}

.mb-140 {
    margin-bottom: 140px;
}

.bulletitemlink:hover{
    color: unset;
}

a{
    color: #F29174;
}

.POF-theme a{
    color: white;
}

.POF-theme .ui-menu-item a{
    color: black;
}

a:hover{
    color: #F29174;
}

.POF-theme a:hover{
    color: white;
}

.GR a:hover{
    color: inherit;
    text-decoration: none;
    filter: brightness(120%);
    transition: all 0.3s;
}
.GR a.nofilter,
.GR .large-image a:hover{
    filter: none;
}
.GR a.button_action.disable,
.GR a.button_action:hover {
    color: white;
    background: #515253;
    transition: all 0.3s;
}

.js-ico {
    padding-left: 20px;
}

.wt-button-lite2{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    width: 280px;
    border-radius: 22.5px;
    background-color: white;
    color:  #F29174!important;
    border:  2px solid  #F29174;
    line-height: 41px;
    text-align: center;
}


p:empty {
    display: none;
}

.fancy-bg{
    display: none;
}

#fancybox-outer .fa.fa-times,
#fancybox-outer .fa.fa-trash{
    margin-top: 13px!important;
    position: absolute;
    left: 16px;
}

.disabled{
    pointer-events: none;
}

tr.subheaders {
    font-size: 12px;

}

tr.subitems {
    font-size: 10px;
}

.verlopen{
    background: rgba(255, 0, 0, 0.2);
}

.buttons-row td{
    position: relative;
    overflow: visible;
}
.buttons-row .replace{
  height: 160px;
}

.maincontainer .keuzebutton {
    height: 30px;
    border-radius: 7px;
    background: #3a6178;
    min-width: 270px;
    transition: background 0.3s;
}

.keuzebutton:hover {
    background: #296e9a;
}

q{
    font-family: 'Font Awesome 5 Brands';
}

.fadeIn {
    animation: popIn .8s;
}

.fadeInSlow {
    animation: popIn 2s;
}

@keyframes popIn {
    from {opacity: 0;}
    to { opacity: 1;}
}

.fadeOut {
    animation: popOut .5s;
}

.fadeOutSlow {
    animation: popOut 1s;
}


@keyframes popOut {
    from {opacity: 1;}
    to { opacity: 0;}
}

.jcbackground{
    background: #880a3e;
}

.unpublished *{
    color: grey;
}
.noclick *{
    pointer-events: none;
}

.inv-border{
    border-bottom: 1px solid black;
}

/* The Modal (background) */
#myModalPhotoPopUp.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
#myModalPhotoPopUp .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#myModalPhotoPopUp #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
#myModalPhotoPopUp .modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
#myModalPhotoPopUp .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

#myModalPhotoPopUp .close:hover,
#myModalPhotoPopUp .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    #myModalPhotoPopUp .modal-content {
        width: 100%;
        margin-top: 41%;

    }
    #myModalPhotoPopUp .close {
        top: 135px;
    }
}

.AC #btnSearch,
.AC .submit_invis,
.AC .btn,
.AC .ribbonbutton.wt-button,
.AC .orangeimgbutton,
.AC .orangeimgbutton,
.AC .wt-button{
    background: #E53F86;
}
.AC .carousel-next-promo,
.AC .carousel-control-next-team,
.AC .carousel-control-prev-team,
.AC .social-ft-logo{
    background: #E53F86!important;
    color: white!important;
}

.AC a,
.AC span.required,
.AC .error-message,
.AC .secondtext,
.AC .uitlegwt,
.AC .b2b-form-title,
.AC .carouseltitel,
.AC .subtitle.blue,
.AC .bekijk-icon,
.AC .page-item,
.AC .subtitle,
.AC .ribbon-arrow,
.AC a:hover{
    color: #E53F86;
}

.AC .page-link-vac.active {
    background-color: #E53F86;
}
.POF-theme .page-link-vac.active{
    background-color: transparent;
}
.POF-theme .page-link-vac.active.POFO {
    font-family: "montserrat"!Important;
    font-weight: 800!important;
    transform: translateY(0) scale(1.4);
}
.POF-theme .page-link-vac:hover {
    font-family: "montserrat"!Important;
    font-weight: 800!important;
    transform: translateY(0) scale(1.4);
}
.POF-theme .page-link-vac {
    color: #8d98ae;
    transition: 0.2s;
    /*margin: 0 -3px;*/
}

.AC .page-link-vac.next,
.AC .page-link-vac:hover ,
.AC .page-link-vac.prev{
    background-color: rgba(229, 63, 134, 0.2)
}

.AC .filterstate{
    background-color: rgba(229, 63, 134, 0.21)
}

.AC .filterstatetxt{
    color: #E53F86
}

.AC .pagination .previous-ico,
.AC .pagination .next-ico {
    color: #E53F86;
}


.AC .promo-site,
.AC .contact-tel,
.AC .fas.fa-check{
    color: #E53F86!important;
}

.AC .wt-button-lite2 ,
.AC .wt-button-lite {
    border: 2px solid #E53F86;
    color: #E53F86!important;
}

.AC .carousel-indicators.ts .active:before {
    color: #E53F86;
}


html{
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}


/*searchbar styling*/



@media screen and (min-width: 1341px){
    .searchbar {
        height: 45px;
        width: 563px;
        margin-right: 5px;
        padding: 0;
        margin-top: 13px;
    }

    .search-btn {
        height: 45px;
        width: 193px;
        padding: 0;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .search-btn {
        max-height: 45px;
    }

}


@media screen and (max-width: 1341px) and (min-width: 992px){

    .searchbar {
        height: 45px;
        width: 273px;
        margin-right: 5px;
        padding: 0;
        margin-top: 13px;
    }

    .search-btn {
        height: 45px;
        width: 193px;
        padding: 0;
        margin-top: 13px;
        margin-bottom: 13px;
    }


}
@media screen and (max-width: 992px){

    .searchbar {
        height: 45px;
        width: 193px;
        margin-right: 5px;
        padding: 0;
        margin-top: 13px;
    }

    .search-btn {
        height: 45px;
        width: 95px;
        padding: 0;
        margin-top: 13px;
        margin-bottom: 13px;
    }

}



.searchbar input {
    border: none;
}


/*end searchbar styling*/



/*arcordion css*/


.accordion {
    width: 100%;
    max-width: 360px;
    /* margin: 30px auto 20px; */
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 15px;
    font-size: 14px;
    font-weight: 700;
    width: 210px;
    border: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 40px;
}

.accordion .open .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 15px;
    font-size: 14px;
    font-weight: 700;
    width: 210px;
    border: none;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0px;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link { color: #b63b4d; }

.accordion li.open i { color: #b63b4d; }

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
    display: none;
    font-size: 14px;
    height: 370px;
    padding: 15px;
}

.submenu a:hover {
    background: #b63b4d;
    color: #FFF;
}

.accordioncontainer{
    position: fixed;
    bottom: 16px;
    left:16px;
    width: 100%
}

.accordioncontainer.open{
    bottom: 0px;
}

.accordioncontainer select{
   margin: 0;
}

.accordioncontainer div[name="box_B-1"] {
    width: 50%;
    float: left;
    margin-bottom: 0!important;
}
.accordioncontainer select[name="B-1"] {
    width: 100%;
    border: 1px grey solid;
    border-top-left-radius: 11px;
    border-bottom: none;
}

.p-select-container{
    width: 100%;
    border: 1px grey solid;
    border-top-right-radius: 11px;
    padding: 13px;
    border-left: none;
}

.accordioncontainer textarea:focus, .accordioncontainer input:focus{
    outline: none;
}

.accordioncontainer input[name="BD-1_dis"]{
    width: 161px;
    border: 1px solid grey;
    border-right: none;
}

.b-datepicker{

}

.maincontainer .page-762{
    color: lawngreen;
    background: black;
}

.page-762.maincontainer .footer-copyright,
.page-762.maincontainer .footer{
    background: black!important;
    color: black!important;
}

.dexterminalcontainer{
    min-height: 100vh;
}

.GR h2{
    color: #444;
    font: 600 20px "Open Sans", "Myriad Pro", "Segoe UI", "Helvetica", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

.vacCrawlInfo{
    min-height: 45vw;
}


.GR .top-bar-wrapper {
    margin-top: 0px;
    padding-top: 0px;
}

/*arcordion css*/

.popup-background{
    position: fixed;
    background: rgb(0 0 0 / 48%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 110;
}
.popup-container{
    position: fixed;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 50%);
    background: #f5f5f5;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    width: 700px;
    min-height: 320px;
    margin-left: -350px;
    margin-top: -165px;
    padding: 30px;
    z-index: 1000;
}
.popup-container.logcontainer{
    width: 1100px;
    height: 600px;
    margin-top: -305px;
    margin-left: -550px;
}
.popup-container.mergevacancyscreen{
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    overflow: auto;
}

.popup-container.mergevacancyscreen .popup-close {
    font-size: 50px;
    right: 40px;
}

.popup-container.addtalent {
    margin-top: -470px;
    overflow: auto;
    width: 970px;
    margin-left: -531px;
    max-height: 927px;
}

.popup-container.spotlight {
    margin-top: -350px;
    overflow: auto;
    width: 970px;
    margin-left: -531px;
    max-height: 1000px;
}

.page-342 .popup-container.addtalent,  .page-617 .popup-container.addtalent{
    margin-top: -310px;
    margin-left: -501px;
}
.popup-container.todotoday {
    margin-top: -310px;
    margin-left: -501px;
    overflow: auto;
    width: 1400px;
    margin-left: -700px;
    max-height: 700px;
}

.popup-container.popupBidh {
    margin-top: -375px;
}

.popup-container.popupBidh.contract {
    margin-top: -478px;
}


.popup-container.showcommentpic {
    width: 90%;
    height: 90%;
    right: 0;
    top: 5%;
    left: 5%;
    margin-left: 0;
    margin-top: 0;

}


.popup-container.showcommentpic .popup-content{
    text-align: center;
}


.popup-container .popup-close{
    color: red;
    font-size: 31px;
    padding-top: 11px;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 0px;
}
.popup-container .keuzebutton{
    cursor: pointer;
}

.popup-container .popup-content{
    height: 100%;
    overflow: auto;
    position: relative;
    max-height: 540px;
}

.HVO .popup-container .popup-content{
    min-height: 220px;
}
.popup-container .wt-button{
    cursor: pointer;
}

.dx-navcontainer .account-dropdown-line {
    box-sizing: border-box;
    background: rgba(44, 85, 106, 0.2);
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.upload-input{
    width: 100%;
    height: 100%;
}

.breadcrumb-Links:hover .homemenu-dropdown-content{
    display: block;
}

.breadcrumb-Links:hover .fas.fa-chevron-down{
    display: none!important;
}
.breadcrumb-Links:hover .fas.fa-chevron-up{
    display: inherit!important;
}

.homemenu-dropdown-content {
    margin-top: 2px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 100%;
}
.menu-119.homemenu-dropdown-content {
    margin-top: 2px;
    min-width: 250px;
    transition: 0.3s;
}





.homemenu-dropdown-content a {
    color: #215872;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition: all 0.3s;
}


.homemenu-dropdown-content a:hover {
    background-color:rgba(200, 148, 44, 0.6);
}

.menu-119.homemenu-dropdown-content a:hover {

    background-color: #48ACC0;
    color: white;
    transition: 0.3s;
}




.water{
    width: 220px;
    height: 220px;
    background-color: skyblue;
    border-radius: 50%;
    position: fixed;
    box-shadow: inset 0 0 30px 0 rgb(0 0 0 / 50%), 0 4px 10px 0 rgb(0 0 0 / 50%);
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -110px;/* Negative half of height. */
    margin-left: -110px; /* Negative half of width. */
    z-index: 10000;
}

.HVO .water{
    background-color: #b10035!important;
}

.watertext{
    top: 39%;
    left: 50%;
    margin-top: 0;
    margin-left: -41.5px;
    z-index: 1;
    font-size: 28px;
    position: absolute;
}
.watertext.success{
    margin-left: -51.5px;
}

.watertext:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

.water:before, .water:after{
    content:'';
    position: absolute;
    width:220px;
    height: 220px;
    top: -90px;
    background-color: #fff;
    transition: all 1s;
}

.water.full:before, .water.full:after{
    top:-240px;
}

.water:before{
    border-radius: 45%;
    background:rgba(255,255,255,.7);
    animation:wave 5s linear infinite;
}
.water:after{
    border-radius: 35%;
    background:rgba(255,255,255,.3);
    animation:wave 5s linear infinite;
}
@keyframes wave {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.options-dots.visible{
    display: block!important;
}

.options-dots{
    color: black;
    transition: all 0.3s;
    display: none;
    font-size: 23px;
    position: absolute;
    right: 14px;
    top: -6px;
}


.dotsdropdown {
    display: inline-block;

}

.options-dots .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    margin-top: -7px;
    font-size: 14px;
}

.options-dots .dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background: rgba(55, 23, 23, 0.03);
}


.popup-content .doc_example{
    height: 534px;
}

.nograyscale{
    opacity: 1!important;
    filter: grayscale(0) !important;
}

.page-338 .screen-width,
.page-340 .screen-width{
    max-width: unset;
    width: unset;
}


.popup-container .wt-button {
    border-radius: 0;
    width: 40%;
    bottom: 0;
    position: absolute;
}
.popup-container .wt-button.save {
    position: relative;
}

 .popup-container .text {
     text-align: center;
     top: 50px;
     position: relative;
     font-size: 24px;
}

 .popup-container .popup-content {
     min-height: 220px;
}

 .popup-container.plaatsingstatus .popup-content {
     min-height: 420px;
}

 .popup-container.plaatsingstatus .wt-button {
     margin-bottom: 11px;
}

.popup-container.plaatsingstatus{
    width: 1010px;
    margin-left: -510px;
    margin-top: -314px;
    height: 650px;
    overflow: auto;
}

 .notpublished{
     filter: grayscale(1);
 }


 .color_nl{
     background: #1E4785;
 }

 .color_en{
     background: #C8102E;
 }

 .color_uk{
     background: #ffd700;
 }

 .color_ru{
     background:  #b94d4d;
 }

 .color_ar{
     background: #54b94d;
 }

@media (max-width: 992px) {
    .p-lg-0 {
        padding: 0 !important;
    }
    .BIDHBV.page-404 .header-info ,
    .BIDH.page-404 .header-info ,
    .POF.page-404 .header-info {
        height: auto;
        background: #001B4B;
    }
    .POF.page-404 .error-txt ,
    .POF.page-404 .error-title,
    .BIDHBV.page-404 .error-txt ,
    .BIDHBV.page-404 .error-title,
    .BIDH.page-404 .error-txt ,
    .BIDH.page-404 .error-title {
         color: #F1FDEC;
        margin-top: 0;
     }

    .POF.page-404 .wt-navbar ,
    .POF.page-404 .wt-navbar ,
    .BIDHBV.page-404 .wt-navbar ,
    .BIDH.page-404 .wt-navbar {
        background: #001B4B;
        height: 110px;
     }
    .POF.page-404 .vac-overlap ,
    .POF.page-404 .vac-overlap ,
    .BIDHBV.page-404 .vac-overlap ,
    .BIDH.page-404 .vac-overlap {
        display: none;
     }
    .POF.page-404 .header-info ,
    .POF.page-404 .header-info ,
    .BIDHBV.page-404 .header-info ,
    .BIDH.page-404 .header-info {
        margin-top: 0px;
    }

    .BIDHBV.page-404 img.site-logo.bidh-logo ,
    .BIDH.page-404 img.site-logo.bidh-logo {
        left: 50%;
        margin-left: -65px;
    }
}




.candidateimgwrapper img{
    position: relative;
    height: auto;
    margin-top: 68px;
    margin-left: -7px;
}
.candidateimgwrapper.partnersimgwrapper img{
    max-height: 100px;
    margin-top: 0px;
}
.candidateimgwrapper img.contact{
    margin-top: 85px;
}




/*.candidateimgwrapper.item-1 .candidateCircle{*/
/*    background-image: url("/images/bulletred.png?width=230");*/
/*}*/


/*.candidateimgwrapper.item-2 .candidateCircle{*/
/*    background-image: url("/images/bulletgreen.png?width=379");*/
/*}*/


/*.candidateimgwrapper.item-3 .candidateCircle{*/
/*    background-image: url("/images/bulletpurple.png?width=379");*/
/*}*/
/*.candidateimgwrapper .candidateCircle{*/
/*    background-size: 100%;*/
/*}*/


.circle-text{
    margin: auto 0;
    max-width: 540px;
}
.circle-text h1{
    font-size: 50px;
}

@media screen and (min-width: 770px){
    .bidhcirclepicture-container{
        display: grid;
        grid-template-columns: minmax(322px, 37%) 1fr;
        margin-bottom: 70px;
    }
}

    .candidateimgwrapper {
        margin-top: 90px;
        width: 230px;
        height: 230px;
        position: relative;
        border-radius: 50%;
        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
        margin-left: 2%;
    }
.partnersimgwrapper.candidateimgwrapper {
    margin-top: 50px;
    width: 100%;
    height: auto;
    padding: 50px 0;
    position: relative;
    border-radius: 50%;
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    margin-left: 2%;
}

.partnersimgwrapper.candidateimgwrapper .candidateinnerimgwrapper{
    display: contents;
}

    .candidatesView.type2 .candidateimgwrapper {
        width: 230px;
        height: 230px;
    }

    .candidateimgwrapper.hover:hover {
        transform: scale(1.05);
    }
.candidateimgwrapper.partnersimgwrapper.hover:hover {
    transform: scale(1);
}

    .candidatesView .candidateimgwrapper.hover:hover{
        transform: scale(0.60);
    }

    .candidatesView .candidateimgwrapper.hover:hover{
        transform: scale(0.60);
    }

    .candidateinnerimgwrapper{
        /* clip-path: path("M 390,400 C 387,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z"); */
        clip-path: path("M230,0 V 230 c0,63.513 -51.486,115 -115,115s -115-51.487 -115-115 V 0 z");
        /* background-color: yellow; */
        position: relative;
        transform-origin: 50%;
        margin-top: -143px;
        height: 400px;
    }

    .bidhcirclepicture-container.type-2 .candidateinnerimgwrapper{
        margin-top: 0px;
    }

    .bidhcirclepicture-container.type-2 .candidateimgwrapper{
        margin-left: 0%;
    }

    .candidateCircle{
        border-radius: 50%;
        cursor: pointer;
        height: 230px;
        pointer-events: none;
        position: absolute;
        width: 230px;
        margin-top: 111px;
        border: 50px solid #2db7b0;
    }
    .candidatePicture{
        pointer-events: none;
        position: relative;
        transform-origin: 50% bottom;
        transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .bidhcirclepicture-container .candidatePicture{
        top: 0px;
    }


    .candidateimgwrapper.hover:hover .candidatePicture {
        transform: translateY(0) scale(1.06);
    }




.st0{fill:#F9DF41;}
.st1{fill:#1F2644;}

.jcarousel {
    /* ...other styles left out... */
    margin-left: -5%;
    width: 105% !important
}

.sliderfotowrapper{
    width: 1240px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 50px;
}

.sliderfotowrapper .comp-gall-img{
 height: auto;
}

.carousel-inner-video iframe{
    width: 100%;
}

.ui-corner-all:hover,
.ui-corner-all{
    color: black;
}

.spotlight-button{
    background-color: white;
    transition: 0.2s;
}

.spotlight-button:hover{
    background-color: #f291742b;
}

.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
    display: none;
}
.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4CAF50;
}
.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
    content: "";
    height: 100px;
    position: absolute;
    background: #f5f5f5;
    transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #4CAF50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #f5f5f5;
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}
@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.editblockpopup{
    width: 1400px;
    margin-left: -706px;
    margin-top: -415px;
}

.popup-container.editblockpopup .popup-content {
    max-height: 770px;
}

/* Customize the cookies banner's appearance */
#cookie-window {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100vh;
    width: 100vw;
    background-color: rgba(11, 11, 11, 0.46);
    animation: fadeIn 0.5s ease-in-out;
}

#cookie-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 200px;
    width: 100%;
    max-width: 500px;
    margin-right: 2px;
    padding: 15px;
    border-radius: 5px;
    color: rgb(75,28,1);
    font-size: 18px;
    text-align: justify;
    background-color: rgb(246, 242, 242);
    z-index: 2;
    animation: fadeIn 0.5s ease-in-out;
}

.cookies-header {
    color: rgb(75,28,1);
}

.cookie-img {
    flex-basis: 20%;
}

.consent-header {
    flex-basis: 80%;
    padding: 10px;
}

#accept-cookies {
    background-color: #4E1C03;
    color: rgb(246, 242, 242);
}
#decline-cookies {
    background-color: rgb(220,141,44);
    color: rgb(246, 242, 242);
}

/* Customize the buttons' appearance */
#cookie-banner button {
    border-radius: 5px;
    border: none;
    font-size: 15px;
    padding: 5px 15px;
}

#cookie-banner .consent-btns {
    justify-self: end;
}

.hide-banner {
    animation: fadeOut 0.5s ease-in-out;
 }

.cookie-icon {
    display: none;
}

.cookie-en-text {
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.cookie-banner-mode {
    overflow: hidden;
    z-index: 1;
}




/*Hamburger menu start*/


#languageChange{
    text-transform: uppercase;
    background-color: transparent;
    color: white;
    border: none;
}

.menuList{
    position: relative;
    list-style-type: none;
    float: left;
    font-weight: bold;
}

.languageDropdown{
    left: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 15px;
    z-index: 1;
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px;
    font-size: 20px;
}
.languageDropdown a{
    text-decoration: none;
    color: white;
}
.active-language,
.languageOptions{
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.4s;
}
.active-language:hover,
.languageOptions:hover{
    background-color: #073b8d;
    color: white!important;
}
.active-language{
    border-radius: 5px 0 0 0;
}

.languageList:hover .dropdownIcon{
    -ms-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
}
.dropdownIcon{
    transition: all 0.25s;
}

.menulogo{
    height: 55px;
    padding: 10px;
}

.languageList:hover .languageDropdown{
    opacity: 1;
    top: 44px;
    visibility: visible;
    background-color: white;
}
.languageWidth{
    width: 80px;
    font-size: 20px;
}

.menu-dropdown{
    padding: 10px;
}
#menu-sticky{
    position: fixed;
    right: 35px;
    top: 40px;
}

.menu_overlay {
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    color: #001B4B;
    background: white;
    z-index: 0;
    transform: translateX(110%);
    transition: transform 0.5s ease;
    left: 0;
    top: 0;
}


.list-main-row.eventsearch {
    max-width: 950px;
    margin: auto;
}



@media screen and (min-height: 550px){
    .menu_overlay ul {
        justify-content: center;
    }
}

@media screen and (max-height: 400px){
    .menu_overlay ul {
        padding-top: 120px;
    }
}



.menu_overlay a {
    color: #001B4B;
    text-decoration: none;
}

.menu_overlay a:hover {
    color: #001B4B;
    text-decoration: none;
}


#menuBtn {
    display: none;
}

.hamburgermenu #menu-close,
.hamburgermenu .menu-container{
    cursor:pointer;
}

.hamburgermenu #menu-open.open{
    color: #001B4B!important;
}


.hamburgermenu #menu-close{
    color: #001B4B;
    font-size: 53px;
    display: none;
    padding-right: 15px;
    transition: all 0.4s;
}


.hamburgermenu #menu-open{
    margin-right: 10px;
    transition: all 0.4s;
}

.hamburgermenu .menulogo{
    transition: all 0.4s;
}


#menu-sticky {
    position: fixed;
    right: 20px;
    top: 31px;
}

.menu_overlay li.active h3{
    color: #085aa1;
}


@media screen and (max-width: 768px) {
    /*Tablet styling*/

    .hamburgermenu .languageList,
    .hamburgermenu #menu-open {
        display: none;
        opacity: 0;
        transition: all 0.4s;
    }

}

.hamburger-navbar.wt-navbar{
    height: 0px;
    z-index: 10;
}

.hamburger-subitem{
    padding-left: 25px;
    width: 70%;
    width: fit-content;
}

/*Hamburger menu end*/


.z-3 {
    z-index: 3!important;
}

.pages-generator-popup {
    background-color: #faf8ec;
}

.adminmenu .collapse .adminbuttons:hover{
    background: #2ac8e8!important;
}





.no-edit-mode .adminmenu  {
    display: none!important;
}

.no-edit-mode a:has(> .button_action) {
    display: none!important;
}

.no-edit-mode .button_action.button_action--edit {
    display: none!important;
}

.no-edit-mode .button_action, .no-edit-mode .button_action--edit {
    display: none!important;
}