html,
body {
    height: 100%;
}

html {
    overflow-x: hidden;
}

masthead {
    margin: 20px 0;
}

footer.navbar {
    margin: 20px 0 0 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (min-width: 768px) {
    footer.navbar ul.navbar-nav li a {
        padding-left: 0;
        padding-right: 23px;
    }
}

@font-face {
    font-family: 'MuseoSans-300';
    src: url(../fonts/MuseoSans-300.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}

.h-description {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 25px;
}

.table {
    display: table;
}

    .table > * {
        display: table-cell;
        vertical-align: middle;
    }

    .table.align-top > * {
        vertical-align: top;
    }

.bold {
    font-weight: bold;
}

.radio {
    display: block;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0;
}

    .radio input[type=radio] {
        position: absolute !important;
        left: -9999px;
    }

        .radio input[type=radio]:checked + .radio-text::before {
            background-color: #009ffc;
            border-color: #009ffc;
        }

        .radio input[type=radio]:checked + .radio-text::after {
            content: '';
            position: absolute;
            display: block;
            height: 7px;
            width: 6px;
            background: url(../images/icon-radio-selected.png) no-repeat;
            top: 5px;
            left: 5px;
        }

    .radio .radio-text {
        position: relative;
        padding-left: 16px;
    }

        .radio .radio-text::before {
            width: 16px;
            height: 16px;
            border: 1px solid #9d9d9d;
            border-radius: 8px;
            box-sizing: border-box;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
        }

    .radio.disabled input[type=radio]:checked + .radio-text::before {
        background-color: #4dbcfd;
        border-color: #4dbcfd;
    }

    .radio.disabled input[type=radio]:checked + .radio-text::after {
        color: #808080;
    }

    .radio.disabled .radio-text:before {
        border-color: #bababa;
    }

.text-line {
    display: block;
}

.link {
    cursor: pointer;
}

.ng-hide {
    display: none;
}

.highlight {
    background: transparent;
    background-color: #ffffc9;
}

a:focus.disabled,
a:hover.disabled {
    color: #999;
}

.form_buttons .main-btn {
    min-width: 200px;
}

@media (min-width: 768px) {
    .form_buttons .main-btn {
        width: auto;
    }
}

input::-moz-placeholder {
    color: #999;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

html {
    overflow-x: hidden;
}

.page-wrapper {
    min-height: 100%;
    position: relative;
}

.tabs-wrapper {
    margin-bottom: 20px;
}

.menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

i {
    font-style: normal;
}

hr {
    border-color: #aaaaaa;
}

.main-tabs {
    display: none;
}

@media (min-width: 768px) {
    .main-tabs {
        display: block;
    }
}

.main-tabs .tab {
    font-size: 14px;
    color: #007db8;
    line-height: 1.429;
    text-align: center;
    cursor: pointer;
    border: 1px solid #cccccc;
    vertical-align: middle;
    padding: 12px 11px;
    white-space: normal;
}

@media (min-width: 768px) and (max-width: 992px) {
    .main-tabs .tab.tab-fr,
    .main-tabs .tab.tab-fy,
    .main-tabs .tab.tab-da,
    .main-tabs .tab.tab-pl,
    .main-tabs .tab.tab-pt,
    .main-tabs .tab.tab-ru,
    .main-tabs .tab.tab-uk,
    .main-tabs .tab.tab-de,
    .main-tabs .tab.tab-nn,
    .main-tabs .tab.tab-sv,
    .main-tabs .tab.tab-el {
        font-size: 12px;
    }

    .main-tabs .tab.tab-da {
        padding: 12px 6px;
    }

    .main-tabs .tab.tab-pl,
    .main-tabs .tab.tab-de,
    .main-tabs .tab.tab-fr,
    .main-tabs .tab.tab-nn,
    .main-tabs .tab.tab-sv {
        padding: 12px 8px;
    }

    .main-tabs .tab.tab-ja,
    .main-tabs .tab.tab-ko,
    .main-tabs .tab.tab-zh {
        min-width: 78px;
    }
}

@media (min-width: 992px) {
    .main-tabs .tab {
        padding: 12px 16px;
    }

        .main-tabs .tab.tab-da,
        .main-tabs .tab.tab-pl {
            font-size: 13px;
        }

        .main-tabs .tab.tab-ja,
        .main-tabs .tab.tab-ko,
        .main-tabs .tab.tab-zh {
            min-width: 100px;
        }
}

@media (min-width: 1199px) {
    .main-tabs .tab {
        padding: 12px 19px;
    }
}

.main-tabs .tab:not(:first-child) {
    border-left: none;
}

.main-tabs .tab:not(.active) {
    background-image: -moz-linear-gradient(90deg, #efefef 0%, #f7f7f7 40%, #ffffff 100%);
    background-image: -webkit-linear-gradient(90deg, #efefef 0%, #f7f7f7 40%, #ffffff 100%);
    background-image: -ms-linear-gradient(90deg, #efefef 0%, #f7f7f7 40%, #ffffff 100%);
}

.main-tabs .tab.active {
    position: relative;
    border-bottom-color: transparent;
}

    .main-tabs .tab.active::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #117eb6;
        content: '';
    }

.main-tabs .line {
    /*width: 100%;*/
    /*border-bottom: 1px solid #cccccc;*/
}

.main-menu {
    border-bottom: 1px solid #aaaaaa;
}

@media (min-width: 768px) {
    .main-menu {
        border-bottom: none;
    }
}

.main-menu .menu-item {
    /*font-size: 16px;*/
    /*color: #007db8;*/
    border-top: 1px solid #aaaaaa;
}

.main-menu .main-menu-item {
    cursor: pointer;
}

@media (min-width: 768px) {
    .main-menu .main-menu-item {
        display: none;
    }
}

.main-menu .main-menu-item a.collapsed::before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    vertical-align: -2px;
}

.main-menu .main-menu-item a::before {
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    content: "\e114";
    color: #007db8;
    position: relative;
    vertical-align: -2px;
    padding-right: 2px;
}

.main-menu .main-menu-content {
    padding-bottom: 0;
    padding-top: 0;
}

@media (max-width: 767px) {
    .main-menu .main-menu-content {
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .main-menu .main-menu-content {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .main-menu .main-menu-content > .container {
        padding-top: 20px;
        padding-bottom: 40px;
    }
}

.main-menu .main-menu-content.ng-hide-remove {
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
    /* remember to add this */
    display: block !important;
    opacity: 1;
}

@media (max-width: 767px) {
    .main-menu .main-menu-content.ng-hide-remove {
        height: 0;
        /*-webkit-transition-property: height, visibility;
				transition-property: height, visibility;
				-webkit-transition-duration: .35s;
				transition-duration: .35s;
				-webkit-transition-timing-function: ease;
				transition-timing-function: ease;*/
        -webkit-transition: 0.5s ease height;
        transition: 0.5s ease height;
    }
}

.main-menu .main-menu-content.ng-hide {
    opacity: 0;
}

@media (max-width: 767px) {
    .main-menu .main-menu-content.ng-hide {
        height: 0 !important;
        display: block !important;
    }
}

.main-menu .main-menu-content .sign-in-box {
    display: none;
}

@media (min-width: 768px) {
    .main-menu .main-menu-content .sign-in-box {
        display: block;
    }
}

@media (min-width: 768px) {
    .main-menu .main-menu-content .sign-in-box .btn-ru {
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media (min-width: 768px) {
    .tab-left-part {
        width: 70%;
        padding-right: 20px;
    }
}

.business-interests {
    border-bottom: 1px solid #aaaaaa;
}

    .business-interests .menu-content {
        padding-left: 16px;
    }

    .business-interests .link {
        display: inline-block;
        margin-bottom: 10px;
    }

    .business-interests .checkbox-text {
        position: relative;
        padding-left: 30px;
    }

    .business-interests .menu-item-title {
        cursor: pointer;
        padding-left: 5px;
    }

@media (min-width: 768px) {
    .business-interests .icon-ui-triangleright,
    .business-interests .icon-ui-triangledown {
        font-family: 'Glyphicons Halflings';
    }

        .business-interests .icon-ui-triangleright:before {
            content: "\e080";
        }

        .business-interests .icon-ui-triangledown:before {
            content: "\e114";
        }
}

.three-state-checkbox {
    width: 17px;
    height: 17px;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px;
    margin-right: 3px;
    cursor: pointer;
    position: relative;
}

    .three-state-checkbox.checked::before {
        content: '\e611';
        position: absolute;
        display: block;
        line-height: 1;
        font-family: icon-small;
        font-size: 11px;
        color: #000000;
        font-weight: bold;
        top: 2px;
        left: 2px;
    }

    .three-state-checkbox.indeterminate::before {
        width: 11px;
        height: 11px;
        content: '';
        position: absolute;
        font-size: 15px;
        line-height: 0.8;
        background-color: #000000;
        top: 2px;
        left: 2px;
    }

.email {
    font-size: 17px;
    font-family: 'MuseoSans-300';
    padding-bottom: 16px;
    line-height: 1.176;
}

.menu-item-description {
    font-size: 14px;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 20px;
    line-height: 1.429;
}

.section-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.412;
    margin-top: 20px;
}

.section-description {
    font-size: 14px;
    line-height: 1.429;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkbox {
    font-size: 14px;
    color: #737373;
    line-height: 1.429;
}

    .checkbox label {
        cursor: pointer;
        padding-left: 4px;
    }

    .checkbox input[type=checkbox] {
        display: none;
    }

        .checkbox input[type=checkbox]:checked + .checkbox-text::before {
            background-color: #ffffff;
            border-color: #a5a5a5;
        }

        .checkbox input[type=checkbox]:checked + .checkbox-text::after {
            content: '\e611';
            position: absolute;
            display: block;
            line-height: 1;
            font-family: icon-small;
            font-size: 11px;
            color: #000000;
            top: 2px;
            left: 3px;
        }

    .checkbox .checkbox-text {
        position: relative;
        padding-left: 30px;
    }

        .checkbox .checkbox-text::before {
            width: 17px;
            height: 17px;
            border: 1px solid #a5a5a5;
            border-radius: 3px;
            content: '';
            position: absolute;
            left: 0;
            top: -1px;
        }

.channel-preferences-box .checkbox {
    margin-bottom: 5px;
}

.checkbox.no-expandable input[type=checkbox]:checked + .checkbox-text::before {
    background-color: #ffffff;
    border-color: #a5a5a5;
}

.checkbox.no-expandable input[type=checkbox]:checked + .checkbox-text::after {
    color: #000000;
    font-weight: bold;
}

.form-buttons {
    margin-top: 30px;
    margin-bottom: 35px;
}

    .form-buttons .btn:first-child {
        margin-right: 10px;
    }

.box-description {
    font-size: 14px;
    color: #444444;
    line-height: 1.429;
    margin: 23px 0;
}

.bordered-box {
    border: 1px solid #cccccc;
    padding: 0 15px;
}

.no-expandable {
    line-height: normal;
    margin-bottom: 0;
    padding-left: 16px;
}

.popover-content .icon-error {
    float: left;
}

.popover-text {
    display: block;
    line-height: 16px;
    font-size: 12px;
    margin-left: 23px;
}

.modal .modal-img {
    display: block;
    margin: 0 auto;
}

.collapsed .show-collapsed {
    display: inline-block;
    padding: 0;
}

.hide-expanded {
    display: inline-block;
    padding: 0;
}

.show-collapsed {
    padding: 0;
}

.popover {
    border-radius: 4px;
    padding: 10px;
    width: auto;
    right: auto !important;
}

    .popover .popover-content {
        padding: 0;
    }

    .popover i {
        position: absolute;
        top: 11px;
    }

    .popover .message {
        display: block;
        padding-left: 22px;
    }

.save-changes + .popover {
    width: 270px;
}

:not(form).ng-dirty.ng-invalid + .popover {
    background-color: #ffffff;
}

    :not(form).ng-dirty.ng-invalid + .popover.top .arrow:after {
        border-top-color: #ffffff;
    }

.box {
    color: #444444;
    padding: 20px;
}

    .box.box-primary {
        background-color: #eeeeee;
    }

    .box.box-default {
        border: 1px solid #cccccc;
    }

    .box .box-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
    }

    .box .box-content {
        font-size: 14px;
        line-height: 1.429;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .box .box-content-small {
        font-size: 12px;
        padding-top: 20px;
    }

    .box dd {
        padding-bottom: 5px;
    }

.contact-info-box .box-content {
    padding: 0 20px;
}

.contact-info-box .box-content-small {
    font-size: 12px;
    padding-top: 20px;
}

.contact-info-box dd {
    padding-bottom: 5px;
}

.anonymous-page .channel-preferences-box .section-title {
    margin-bottom: 10px;
}

.anonymous-page .email-box {
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 30px;
}

    .anonymous-page .email-box input {
        width: 325px;
        height: 32px;
    }

.alert-collapsible.alert-error .close {
    display: block;
}

.alert-collapsible.alert-warning .close {
    display: block;
}

@media screen and (max-width: 767px) {
    .icon-error {
        width: 16px;
        height: 16px;
        background-image: url('../images/icon-error-small.png');
    }

    .sign-in-box {
        margin: 30px 10px 0;
    }

        .sign-in-box .box-description {
            margin: 15px 0 0;
        }

        .sign-in-box .btn.btn-primary {
            display: block;
        }

    .unsubscibe-box {
        margin: 20px 10px;
    }

        .unsubscibe-box .btn.btn-primary {
            width: 100%;
        }

    .modal .modal-img {
        width: 100%;
    }

    .popover .arrow {
        display: block;
    }

    .box-description {
        margin: 0;
    }

    .anonymous-page .email-box input {
        width: 100%;
    }

    .anonymous-page .email-box .btn {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    masthead > .navbar {
        margin-left: 0;
    }
}

.wrapper #msgText {
    margin-top: 60px;
    margin-bottom: 40px;
}

.text-blue {
    color: #007db8;
}

.alert-session {
    margin-top: 30px;
    margin-bottom: 0;
}

.word-wrap-normal {
    word-wrap: normal;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.loading {
    position: absolute;
    top: 40%;
    left: 45%;
    cursor: wait;
    display: inline-block;
    text-align: left;
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding: 20px;
    color: #444444;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #cccccc;
    background-image: url("../../Custom/images/loading-animation-square.gif");
}

.block-ui-message {
    position: absolute;
    top: 40%;
    left: 45%;
    cursor: wait;
    display: inline-block;
    text-align: left;
    background-color: #eeeeee;
    background-image: url(../../Custom/images/loading-animation-square.gif);
    background-repeat: no-repeat;
    background-position: center left 10px;
    padding: 20px 5px 20px 37px;
    /*background-color: #fff;*/
    /*color: #f5f5f5;*/
    color: #444444;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #cccccc;
}

.email-comm-channel {
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.other-comm-channel {
    padding-left: 45px;
    padding-top: 5px;
    padding-bottom: 10px;
}