/* Please avoid this file, it's only for html */
/* Header */
.mgt-header-wrap,
.property-header-wrap {
    .header { padding: 0; }
    .logo {
        img { width: 78px; }
        strong {
            font-family: $rockwell;
            font-size: 24px;
            color: #78BE20;
            display: inline-block;
            padding: 0 0 0 5px;
            font-weight: normal;
        }
        span {
            display: inline-block;
            float: none;
            font-size: 24px;
            font-family: "Candara", Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
            font-weight: normal;
            margin:0 0 0 20px;
        }
    }
    .message-alert {
        position: relative;
        @media (max-width: 767px) {
            a { display: inline-block; float: left; }
        }
        small {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #ff0000;
            color: $c-white;
            font-size: 11px;
            font-family: $base-font;
            height: 15px;
            padding: 0 5px;
            line-height: 15px;
            @include border-radius(3px);
            @media (max-width: 767px) { 
                top: 1px; right: 0; position: relative; display: inline-block; float: left;
            }
        }
    }
    .header-info ul { @include flex-center(center, center); flex-direction: row; }
}
.mgt-header-wrap { 
    @include linear-gradient(#001737, #94b0da);
    .logo span { color: $c-white; }
    .header-info ul li { color: $c-white; display: inline-block; }
    .header-info li:before { background: $c-white; }
}
.property-header-wrap {
    background: $c-white; 
    .logo span { color: $c-blue5; }
    .header-info ul li { color: $c-blue5; display: inline-block; }
    .header-info li:before { background: $c-blue5; }
}
/* Nav */
.nav-wrap {
    .Searchable-select {
        background-color: #000;
        background: url(../images/chi-search.svg) no-repeat center center;
        background-size: 30px auto;
    }
}

/* help button for html view */
.help-integration, 
.help-integration:hover {
    width: 35px;
    height: 26px;
    padding-right: 0;
    display: block;
    margin: 0 0 4px 0;
    padding: 0 4px 0 0;
    position: relative;
    background: #fff url(../images/chi-help.svg) no-repeat center center !important;
    background-size: 30px 28px !important;
    cursor: pointer;
}
/* end */

.bg-gray .wrapper { background : #f2f2f2 !important; } /* only for html view */