/** Paneles dolgok **/
ul.sm-panel-lapok-menu{
    list-style-type: none;
    background-color: transparent;
    margin:0px;
    padding:0px;
}

ul.sm-panel-lapok-menu li{
    background-color:#EEE;
    padding:3px 8px;
    margin-right:5px;
    display: block;
    float:left;
    cursor:pointer;
    border: 1px solid #DDD;
    /*border-bottom:2px solid #EEE*/;
    border-top:1.5px solid #DDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#AAA;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x:hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size:0.9rem;
}

ul.sm-panel-lapok-menu:after{
    clear: both;
    display: block;
    content: "";
}

ul.sm-panel-lapok-menu li:hover{
    background-color: #F4F4F4;
}


ul.sm-panel-lapok-menu li.active{
    color:#fff;
    background-color:#0dcaf0;
    border-left:1px solid #0a9ebb;
    border-right:1px solid #0a9ebb;
    border-top:1px solid #0a9ebb;
    border-bottom:1.5px solid #0dcaf0;
}

.sm-panel-lapok-tarolo{
    width:100%;
    height:auto;
    /*border-top:1px solid #DDD;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sm-panel-lap{
    display:none;
    background-color:#FFF;
    padding:5px;
    border:1px solid #DDD;
    border-top:0px;
}

.sm-panel-lap-active{
    display:block;
    box-shadow: 0px 0px 3px #CCC;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
/** Paneles dolgok - VÉGE **/
@media (max-width: 1200px) {
    ul.sm-panel-lapok-menu li{
        margin-left:0px;
        margin-right:0px;
        max-width: calc(25%) !important;
        box-sizing: border-box !important;
    }
    ul.sm-panel-lapok-menu li:last-of-type{
    }
}


@media (max-width: 992px) {
    ul.sm-panel-lapok-menu li{
        margin-left:0px;
        margin-right:0px;
        width: calc(33%) !important;
        box-sizing: border-box !important;
    }
    ul.sm-panel-lapok-menu li:last-of-type{
    }

    .sm-panel-lap-active{
        border-top-right-radius: 0px;
    }

}

@media (max-width: 576px) {
    ul.sm-panel-lapok-menu li{
        margin-left:0px;
        margin-right:0px;
        width: calc(50%) !important;
        font-size:12px;
        padding:5px 5px;
        box-sizing: border-box !important;
    }
    ul.sm-panel-lapok-menu li:last-of-type{
    }
}