.dashboard-top-bar {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dashboard-top-bar .top-container {
    margin: 1em 0;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-top-bar .top-container .view-btn {
    width: 200px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#ededed;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777777;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}

.dashboard-top-bar .top-container .view-btn:hover {
    background-color:#dfdfdf;
}

.dashboard-top-bar .top-container .view-btn:focus {
    outline: none;
}

.dashboard-top-bar .top-container .active-button {
    background-color:#2D2D89;
    text-shadow: none;
    color: orange;
}

.dashboard-top-bar .top-container .active-button:hover {
    background-color: #5656A0;
}

.dashboard-top-bar .liabs-deps-tabs {
    text-align: center;
    flex-basis: 60%;
}

.dashboard-top-bar .package-label-container {
    flex-basis: 20%;
    font-size: 22px;
}

.dashboard-top-bar .dropdowns-container {
    margin: 1em 0;
    display: flex;
}

.dashboard-top-bar .dropdowns-container * {
    flex-basis: 10%;
    margin-left: 10px;
}

.dashboard-top-bar .package-label {
    margin-left: 20px;
}