﻿.simulator-module {
    margin-top: 80px;
    width: 100%;
}

.simulator-widget-container:not(.regular-view) .simulators-main-container {
    max-width: calc(100% - 25px);
}

.simulators-main-container .navR {
    right: auto;
    top: -60px;
}

    .simulators-main-container .navR ul {
        display: flex;
        width: auto;
    }

        .simulators-main-container .navR ul li {
            padding: 0;
        }

            .simulators-main-container .navR ul li:first-child {
                margin-left: 20px;
            }

            .simulators-main-container .navR ul li a {
                margin-right: 10px;
            }

                /* overwrites style in navigation.css */
                .simulators-main-container .navR ul li:first-child a {
                    width: 35px;
                    height: 35px;
                    margin-left: 0;
                }

    .simulators-main-container .navR li a.simulator-label-history:hover, .simulators-main-container .navR li a.simulator-label-history.active,
    .simulators-main-container .navR li a.simulator-label-future:hover, .simulators-main-container .navR li a.simulator-label-future.active,
    .simulators-main-container .navR li a.simulator-label-alloc:hover, .simulators-main-container .navR li a.simulator-label-alloc.active,
    .simulators-main-container .navR li a.simulator-label-target:hover, .simulators-main-container .navR li a.simulator-label-target.active,
    .simulators-main-container .navR li a.simulator-label-target-annotations:hover, .simulators-main-container .navR li a.simulator-label-target-annotations.active {
        box-sizing: border-box;
        border: 1px solid grey;
    }

    .simulators-main-container .navR ul li a {
        width: 35px;
        height: 35px;
    }

/* acrevis */
.simulators-main-container.acrevis .navigation-menu {
    position: absolute;
    width: 100%;
    top: -60px;
    left: 0;
}

    .simulators-main-container.acrevis .navigation-menu .navR {
        position: relative;
        margin: auto;
        top: auto;
        right: auto;
        display: table;
    }

        .simulators-main-container.acrevis .navigation-menu .navR ul li:first-child {
            margin-left: 0px;
        }

            .simulators-main-container.acrevis .navigation-menu .navR ul li:first-child a {
                margin-left: 0;
            }

@media screen and (max-width: 768px) {
    .simulator-widget-container:not(.regular-view) .simulators-main-container .navR {
        left: 0px;
        margin-top: 0px;
    }

    .simulators-main-container .navR ul li {
        margin-left: 0;
    }

        .simulators-main-container .navR ul li:first-child {
            margin-left: 30px;
        }

            /* overwrites style in navigation.css */
            .simulators-main-container .navR ul li:first-child a {
                width: 35px;
                height: 35px;
            }

        .simulators-main-container .navR ul li a {
            width: 35px;
            height: 35px;
        }
}
