.viewsHolder{padding-top: 20px;}
.viewsHolder .viewsTabs{
    padding: 10px 30px 0;
    border-bottom: 1px solid #ddd;
    height: 39px;
}
.viewsHolder .viewsTabs .viewTab{
    padding: 10px;
    border: 1px solid transparent;
    cursor: pointer;
}
.viewsHolder .viewsTabs .viewTab:not(.active){
    background-color:#dddddd54;
}
.viewsHolder .viewsTabs .viewTab.active{
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

.viewsHolder .view{}
.viewsHolder .view:not(.shown){
    display:none;
}

@media screen and (max-width: 1024px){
    .viewsHolder .viewsTabs {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 0.5rem;
        height: auto;
        padding: 0 0 0.5rem;
    }
    .viewsHolder .viewsTabs .viewTab{
        border: 1px solid #ddd;
        border-bottom: 1px solid #ddd !important;
    }
}