body {
    background-color: #F0F5F9 !important;
}

.l_page {
    padding-bottom: 42px;
}

.l_foot {
    margin-top: -42px;
}

/* Demo note. */
.l_nav_pri {
    position: relative;
}
#header-demo-note {
    display: block;
    position: absolute;
    top: -62px;
    z-index: 99;
    left: 476px;
    width: 220px;
}

#header-demo-note p {
    color: #05b55d;
    transform: rotate(-3deg);
}

#header-demo-note .arrow {
    width: 42px;
    height: 42px;
    /* background: url(../images/right-drawn-arrow.svg) no-repeat 50% 50% transparent; */
    background: url(../images/curved-arrow-green.svg) no-repeat 50% 50% transparent;
    background-size: contain;
    transform: rotate(231deg) scaleX(-1);
    position: absolute;
    top: 32px;
    right: 0;
}
/* End Demo note. */

/* Main nav hover */
/* HEB uses a "selected" class to highlight the main navigation tabs, and
since jquery runs before react creates the elements, it's not in effect. But
better way is to use css-only approach anyways, which is the following. */
.nav_pri > li:hover > a > div {
    background: linear-gradient(180deg,#4d6181 0,#2f3c54 100%);
    display: block;
    border-radius: 0 0 0 0 !important;
    border-color: #2f3c54;
}
.nav_pri > li.first:hover > a > div {
    /*background: linear-gradient(180deg,#4d6181 0,#2f3c54 100%);*/
    /*display: block;*/
    border-radius: 5px 0 0 5px !important;
    /*border-color: #2f3c54;*/
}
.nav_pri > li.last:hover > a > div {
    /*background: linear-gradient(180deg,#4d6181 0,#2f3c54 100%);*/
    /*display: block;*/
    border-radius: 0 5px 0 0 !important;
    /*border-color: #2f3c54;*/
}
/* End Main nav hover */


.ant-checkbox input[type="radio"],
.ant-checkbox input[type="checkbox"] {
    position: absolute;
}


/* region Experiment for full-screen-overlays and modals. */

body.full-screen-iframe {
    /* Prevents body scrolling. */
    overflow: hidden;
}

body.full-screen-iframe {}

.full-screen-iframe-container {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.full-screen-iframe-container iframe {
    height: 100% !important;
    width: 100% !important;;
}

/* endregion Experiment for full-screen-overlays and modals. */