.ns-logo {
    margin: 7px 3px 7px 3px;
    padding: 14px 6px 14px 6px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #FFC70F;
    border-radius: 10px; /* Add round corners */
}

.hide {
    display: none !important;
}

/* Dont really like this solution. 
    But it is the only way to make the tabs in the detail panel fill the entire width of the panel.
*/
.detail-panel-active-tab {
    background: #E3F2FD !important;
}

/* Dont move the panel header when switching tabs */
.detail-panel-fill-header .mud-tabs-tabbar-wrapper {
    transform:translateX(0px) !important;
}

/* Sets a fixed with for de panel header */
.detail-panel-fill-header .mud-tab {
    flex-grow: 1 !important;
    width: 410px !important;
}

/* Hides the scroll buttons */
.detail-panel-fill-header .mud-tabs-scroll-button{
    display: none;
}

.mud-tab {
    text-transform: none !important;
}