.jarvis-header {
    background: var(--primary-color);
    /*color: #FFFFFF; --var(--secondary-color);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    padding: 13px;
    border-bottom: 1px solid #ccc;
    line-height: 39px;
    display: flex;
}

    .jarvis-header a img {
        max-height: 45px;
	    max-width: 230px;
    }

    .jarvis-header .greeting {
        font-size: 26px;
        margin-left: 20px;
        white-space: nowrap;
    }

    .jarvis-header .left {
        display: flex;
        align-items: center;
    }

    .jarvis-header .right {
        flex: 1;
        display: flex;
    }

    .jarvis-header .iso {
        display: block;
    }

    .jarvis-header > .top-menu.merchant-menu {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .jarvis-header .top-menu.merchant-menu a {
        display: flex;
        align-items: center;
    }

        .jarvis-header .top-menu.merchant-menu a span {
            white-space: nowrap;
        }

            .jarvis-header .top-menu.merchant-menu a span img {
                height: 30px;
                width: 30px;
            }

    .jarvis-header .top-menu a.current .text {
        margin-right: 8px;
    }

    .jarvis-header .merchant-menu a {
        color: var(--menu-header-text-color);
    }

        .jarvis-header .merchant-menu a:hover {
            color: var(--menu-header-text-hover-color);
            background-color: transparent;
        }

@media(min-width:1024px) {
    .jarvis-header {
        font-size: 16px;
    }

        .jarvis-header .greeting {
            display: block;
            color: var(--secondary-color);
        }

        .jarvis-header .top-menu {
            outline-style: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            line-height: 26px;
            margin-left: 4px;
            padding: 0 2px;
            text-align: right;
            position: relative;
        }

            .jarvis-header .top-menu * {
                outline-style: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -webkit-tap-highlight-color: transparent
            }

            .jarvis-header .top-menu a.current .text {
                position: relative;
                font-size: 16px;
            }

            .jarvis-header .top-menu a.current .icon {
                margin-left: 2px
            }

                .jarvis-header .top-menu a.current .icon img {
                    height: 39px;
                    vertical-align: middle;
                    width: auto
                }

            .jarvis-header .top-menu a.current:hover {
                opacity: .8;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
            }

            .jarvis-header .top-menu ul.menu {
                background: #ffffff;
                box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .15);
                color: var(--primary-color);
                display: none;
                right: 0;
                min-width: 320px;
                list-style: none;
                position: absolute;
                top: 100%;
                z-index: 9999
            }

                .jarvis-header .top-menu ul.menu li a {
                    border-top: 1px solid #eee;
                    display: block;
                    padding: 6.5px 10px;
                    text-align: center
                }

                    .jarvis-header .top-menu ul.menu li a:hover {
                        background: transparent;
                        color: var(--menu-header-text-hover-color);
                    }

            .jarvis-header .top-menu.open a.current {
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
            }
}
.btn-system-logout {
    color: var(--primary-color) !important
}
    .btn-system-logout:hover {
        background: transparent;
        color: var(--menu-header-text-hover-color);
    }
.btn-return-main-office {
    color: var(--primary-color) !important
}
.btn-return-main-office:hover {
        background: transparent;
        color: var(--menu-header-text-hover-color);
    }

@media (min-width: 1200px) {
    .jarvis-header {
        height: 78px;
    }

        .jarvis-header .top-menu a.current > .text {
            font-size: 16px;
        }

        .jarvis-header .top-menu a.current .icon img {
            height: 26px;
        }
}


/* #####################################
   ######## MOBILE SECTION  ############
    ####################################
*/

@media only screen and (max-width: 1200px) and (min-width: 400px) {
    #container {
        height: 100%;
    }

    #sidebar {
        width: 250px;
        overflow: visible;
        float: left;
        position: fixed;
        left: 0;
        top: 52px;
        background: #f9f9f9;
        z-index: 700;
        margin-left: 0;
        margin-top: 0;
    }

    .sidebar-fixed {
        margin: 0;
        top: 52px;
    }

    .crumbs {
        margin-top: 52px;
    }

        .crumbs .breadcrumb {
            display: block;
        }

        .crumbs .crumb-buttons {
            display: none
        }

    .jarvis-header .top-menu a.current .text {
        font-size: 12px;
    }

    .jarvis-header .top-menu #div-container {
        margin-top: -8px;
    }

    .greeting {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .navbar-nav {
        margin: 0;
    }

    .nav > li {
        position: relative;
        display: inline-block !important;
    }
}

.principal-menu {
    flex: 1;
}


#more {
    display: none;
    float: right;
}

#more-nav {
    padding: 16px;
    width: fit-content;
    float: right;
    background: white;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

ul#more-nav li {
    list-style-type: none;
}