﻿.simulators-main-container .simulator-nav {
    float: left;
}

.simulators-main-container .simulator-nav ul {
    float: right;
    list-style-type: none;
    text-transform: uppercase;
    line-height: 15px;
}

.simulators-main-container .simulator-nav li {
    float: left;
    padding: 0 10px 0 0;
}

/*navR*/
.simulators-main-container .navR {
    float: none;
    position: absolute;
    left: auto;
    right: -60px;
    top: 0;
}

.simulators-main-container .navR ul {
    width: 60px;
    padding: 0;
    float: none;
}

.simulators-main-container .navR.navBottom {
    top: 290px;
    height: auto;
}

.simulators-main-container .navR.navBottom li a {
    font-size: 0;
}

.simulators-main-container .navR li {
    padding: 10px 0 0 0;
    float: left;
}

.simulators-main-container a.menu-tab.disabled {
    pointer-events: none;
}

.simulators-main-container a.menu-tab.hidden {
    display: none;
}

.simulators-main-container .navR ul li a {
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    padding: 0;
    color: #ffffff;
    background: #4d5a65;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.simulators-main-container .navR ul li:first-child a {
    width: 60px;
}

.simulators-main-container .navR li a.simulator-label-asset-management {
    background-image: url('../../../Areas/Simulators/Images/icon_infos.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-asset-management:hover,
.simulators-main-container .navR li a.simulator-label-asset-management.active {
    background-image: url('../../../Areas/Simulators/Images/icon_infos_chosen.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-history {
    background-image: url('../../../Areas/Simulators/Images/icon_historic.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-history:hover,
.simulators-main-container .navR li a.simulator-label-history.active {
    background-image: url('../../../Areas/Simulators/Images/icon_historic_chosen.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-alloc {
    background-image: url('../../../Areas/Simulators/Images/icon_allocation_chosen.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-alloc:hover,
.simulators-main-container .navR li a.simulator-label-alloc.active {
    background-image: url('../../../Areas/Simulators/Images/icon_allocation.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-future {
    background-image: url('../../../Areas/Simulators/Images/icon_growth.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-future:hover,
.simulators-main-container .navR li a.simulator-label-future.active {
    background-image: url('../../../Areas/Simulators/Images/icon_growth_chosen.jpg');
    background-size: 100%; 
}

.simulators-main-container .navR li a.simulator-label-target {
    background-image: url('../../../Areas/Simulators/Images/icon_target.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-target:hover,
.simulators-main-container .navR li a.simulator-label-target.active {
    background-image: url('../../../Areas/Simulators/Images/icon_target_chosen.jpg');
    background-size: 100%; 
}

.simulators-main-container .navR li a.simulator-label-target-annotations {
    background-image: url('../../../Areas/Simulators/Images/icon_target.jpg');
    background-size: 100%;
}

.simulators-main-container .navR li a.simulator-label-target-annotations:hover,
.simulators-main-container .navR li a.simulator-label-target-annotations.active {
    background-image: url('../../../Areas/Simulators/Images/icon_target_chosen.jpg');
    background-size: 100%; 
}

@media (max-width: 768px) {
    .simulator-widget-container:not(.regular-view) .simulators-main-container .navR {
        margin-top: -100px;
        right: 26px;
    }
    .simulator-widget-container:not(.regular-view) .simulators-main-container .navR ul {
        width: initial;
    }
    .simulator-widget-container:not(.regular-view) .simulators-main-container .navR li {
        margin-right: 0;
    }
}

/*nav end*/