div.header-module
{
        position: relative;
        border-width: 0px !important;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-radius: 0px 0px 5px 5px;
        align-items: center;
        background-color: rgb(245, 249, 251) !important;

        & nav#account-section
        {
                --build-version: 2;
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                align-items: center !important;
                -webkit-box-pack: end !important;
                -ms-flex-pack: end !important;
                justify-content: flex-end !important;
                color: var(--icon-color) !important;
                color: gray !important;
                -webkit-box-flex: 1 !important;
                -ms-flex: 1 0 !important;
                flex: 1 0 !important;
                white-space: nowrap !important;
                padding-right: 16px;

                >*+*
                {
                        margin-left: 16px;
                }

                & div.account
                {
                        display: flex !important;

                        > div
                        {
                                display: flex ;
                                align-items: center;
                        }

                        > div:last-child
                        {
                                @media (max-width: 640px)
                                {
                                        display: none;
                                }
                        }
                }

                & img
                {
                        max-height: 24px;
                        margin-right: 4px;
                        border-radius: 12px;
                }

                >i
                {
                        >span
                        {
                                font-weight: normal;
                                color: blue;
                                display: none;
                        }
                }

                @media (max-width: 640px)
                {
                        margin-right: 8px;
                }

        }
}

div.header-module>div:first-child
{
        display: flex;
        align-items: center;
        height: 50px;
}

div.header-module>div:first-child>img
{
        height: 40px;
        margin-left: 10px;
}

div.header-module [class*="-icon-fws-"]:after
{
        font-size: 23px;
        cursor: pointer;
        color: mediumslateblue;
}

div.header-module>div:last-child
{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        height: inherit;
        align-items: center;
}

div.header-module>div:last-child *
{
        font-size: 15px;
}/**
 * @author developer@hastaport.com 24 Eyl 2017 17:19
 * @copyright  Copyright (C) 2017 hastaport.com

    The Css code in this page is free software: you can
    redistribute it and/or modify it under the terms of the GNU
    General Public License (GNU GPL) as published by the Free Software
    Foundation, either version 3 of the License, or (at your option)
    any later version.  The code is distributed WITHOUT ANY WARRANTY;
    without even the implied warranty of MERCHANTABILITY or FITNESS
    FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.

    As additional permission under GNU GPL version 3 section 7, you
    may distribute non-source (e.g., minimized or compacted) forms of
    that code without the copy of the GNU GPL normally required by
    section 4, provided you include this license notice and a URL
    through which recipients can access the Corresponding Source.
    (http://www.gnu.org/philosophy/javascript-trap.html)
 */