.menusav_container{
    position: fixed;
    top:0px;
    width:60px;
    height:100%;
    box-sizing: border-box;
    background:url("../img/bg.png");
    box-shadow: 0px 0px 2px #888;
    z-index:103;
}

.efal_logo{
    text-align: center !important;
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #666;
    height:45px !important;
}

.menusav_bal{
    left:0px;
}

.menusav_jobb{
    right:0px;
}

.menusav_container ul{
    position: fixed;
    top:0;
    margin: auto 0;
    padding:0px;
    margin-top:15px;
    list-style-type: none;
    height:350px;
    width:60px;
}

.menusav_container ul li{
    width:100%;
    height:60px;
    display: block;
    text-align: center;
}

.menusav_container ul li button{
    text-align: center;
    color:#105866;
    text-decoration: none;
    font-weight:700;
}

.menusav_container ul li button.default{
    font-size:18px;

    width:70%;
    height:70%;
    border-radius:50%;
    background: transparent;
    /*border:3px solid #176676;*/
    border:0px solid #165b6a;
    color:#0dcaf0;
    cursor:pointer;
    transition: box-shadow 0.5s;

    opacity:0.85;
}

.menusav_container ul li button.default:hover{
    /*box-shadow: 0px 0px 8px rgba(13, 202, 240, 0.84);*/

    background-color: #363b42;
    opacity:1;

}

.menusav_container ul li button.home{

    width:70%;
    height:70%;
    border-radius:5px;
    /*border:3px solid #176676;*/
    border:3px solid #165b6a;
    background-color:#0dcaf0;
    background: linear-gradient(139deg, rgba(255,255,255,1) 0%, rgba(13,202,240,1) 100%);
    box-shadow: 0px 0px 15px rgba(13, 202, 240, 0.84);
    cursor:pointer;
    transition: box-shadow 0.5s;
    text-shadow: 0px 0px 3px rgba(255,255,255,0.8);
}

.menusav_container ul li button.home:hover{
    box-shadow: 0px 0px 7px rgba(13, 202, 240, 0.54);

}

.menusav_container ul li button.home:hover button{
    text-shadow: 0px 0px 0px rgba(255,255,255,0.8);
}

/* FEJLÉC */

.main_fejlec{
    position: fixed;
    top:0px;
    right:0px;
    width:100%;
    padding:5px 20px;
    padding-left:90px;
    box-sizing: border-box;
    background: rgba(214, 217, 226, 0.7);
    border-bottom:2px solid #97a2a5;
    backdrop-filter: blur(2px);
    z-index:102;
    height:46px;

    /*background: linear-gradient(90deg, rgba(255,255,255,1) 6%, rgba(39,59,87,1) 58%);*/

}

.main_fejlec:hover{
    background: rgba(214, 217, 226, 0.9);

}

.menu_maxmin{
    display: block;
    position: fixed;
    top:10px;
    left:0px;
    height:70px !important;
    width:70px !important;
}

.menu_maxmin button{
    color:rgba(255,255,255,0.8) !important;
    text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

.menusav_container ul li.menu_maxmin button:hover{
    box-shadow: 0px 0px 4px rgba(255, 255, 255,0.4);

}

.profilvaltas_kilepes_gomb{
    position:fixed;
    bottom:10px;
    left:10px;
    width:70%;
    max-width:42px;
    height:42px;
    background-color: rgba(238, 0, 0, 0.32);
    color:#FFF;
    font-size:26px;
    text-align: center;
    padding:5px;
    border-radius:5px;
}

.profilvaltas_kilepes_gomb:hover{
    background-color: rgba(238, 0, 0, 1);
    color:#FFF;
}

.menusav_container ul li.lista_red{
    color:#E00 !important;
}

.menusav_container ul li.lista_red button{
    text-shadow: 0px 0px 10px #E00;
    background-color:#E00 !important;
    color:#FFF;
    opacity: 0.6;
    transition: opacity 1s, box-shadow 1s;
}

.menusav_container ul li.lista_red button:hover{
    box-shadow: 0px 0px 10px #E00;
    opacity: 1;
}

.menusav_container ul li.lista_yellow{
    color: #000 !important;
}

.menusav_container ul li.lista_yellow button{
    text-shadow: 0px 0px 10px #ecc239;
    background-color:#ecc239 !important;
    color: #000 !important;
    position: relative;
    opacity: 0.6;
    transition: opacity 1s, box-shadow 1s;
}

.menusav_container ul li.lista_yellow button span{
    position: absolute;
    top:0px;
    right:0px;
    background-color: #000;
    margin-top:-3px;
    margin-right:-3px;
    color:#FFF;
    padding:2px 5px;
    border-radius:5px;
    display:inline-block;
    font-size:10px;
}

.menusav_container ul li.lista_yellow button:hover{
    box-shadow: 0px 0px 10px #ecc239;
    background-color:#ecc239 !important;
    color: #000 !important;
    opacity: 1;
}

.menusav_container ul li .sidemenu_hint-title{
    position:absolute;
    top:0;
    left:65px;
    height:42px;
    width:0;
    opacity: 0;
    background-color:rgba(0,0,0,0.75);
    color:#FFF;
    box-sizing: border-box;
    padding:9px 15px;
    border:2px solid #333;
    border-radius:5px;
    overflow:hidden;
    white-space: nowrap;
    transition: width 0.3s ease-out, opacity 0.3s ease-out;
    backdrop-filter: blur(2px);
}

.menusav_container ul li:hover .sidemenu_hint-title{
    width:auto;
    opacity: 1;
}

.menusav_container ul li:hover .sidemenu_hint-title:hover{
    display: none;
}

@media screen and (max-width: 1400px){
    .profilvaltas_kilepes_gomb{
        width:70%;
        max-width:36px;
        height:36px;
        font-size:20px;
    }

    .menusav_container{
        width:50px;
        box-shadow: 0px 0px 2px #888;
    }

    .menusav_container ul li .sidemenu_hint-title{
        left:55px;
        height:36px;
        font-size:14px;
        padding:6px 15px;
    }

    .efal_logo{
        margin-bottom:15px;
        padding-bottom:15px;
        height:25px !important;
    }

    .menusav_container ul{
        margin-top:5px;
        list-style-type: none;
        height:250px;
        width:50px;
    }

    .menusav_container ul li{
        height:40px;
        margin-bottom:8px;
    }

    .menusav_container ul li.lista_home{
        height:40px;
        font-size: 14px;
    }

    .menusav_container ul li button.default{
        height:90%;
        font-size:16px;
        /*text-shadow: 0px 0px 5px #0dcaf0;*/
    }

    .menusav_container ul li button.home{
        box-shadow: 0px 0px 5px rgba(13, 202, 240, 0.84);
    }



}






@media screen and (max-width: 992px) {
    .menusav_container{
        display:none !important;
        position: fixed;
        top:unset;
        bottom:0px;
        width:0px;
        height:0px;
        border-top-right-radius: 15px;
    }

    .menusav_bal{
        left:unset;
    }

    .menusav_jobb{
        right:unset;
    }

    .menusav_container ul{
        top:unset;
        padding:0px;
        margin-top:0px;
        list-style-type: none;
        margin: 0 auto;
        width:50px;
        height:60px;
    }

    .menusav_container ul li{
        width:33%;
        height:60px;
        display: none;
        float:left;
        text-align: center !important;
        line-height:normal;
        box-sizing: border-box;
        padding:10px 5px;
    }

    .menusav_container ul li:hover,.menusav_container ul li:focus{
        opacity: 1 !important;
    }

    .menusav_container ul:after{
        display: block;
        clear: both;
        content: "";
    }

    .menusav_container ul li.lista_home{
        position: fixed;
        display:block;
        right:0px;
        bottom:0px;
        height:75px;
        width:75px;
        background:url("../img/bg.png");
        border-top-left-radius: 15px;
        text-align: center !important;
        opacity:0.6;
        margin-right:-10px !important;
        margin-bottom:-10px !important;
        transition: margin-right 0.5s, margin-bottom 0.5s;
    }

    .menusav_container ul li.lista_home:hover{
        margin-right:0px  !important;
        margin-bottom:0px !important;
    }

    .menusav_container ul li.lista_kilepes{
        position: fixed;
        display:none;
        left:0px;
        bottom:0px;
        height:75px;
        width:75px;
        margin-left:-10px;
        margin-bottom:-10px;
        transition: margin-left 0.5s, margin-bottom 0.5s;
        background:url("../img/bg.png");
        border-top-right-radius: 15px;
        opacity:0.6;
    }

    .menusav_container ul li.lista_kilepes:hover{
        margin-left:0px;
        margin-bottom:0px;
    }

    .menusav_container ul li.lista_kilepes button{
        display: inline-block !important;
    }

    .menusav_container ul li button{
        text-align: center;
        text-shadow: 0px 0px 10px #0dcaf0;
        text-decoration: none;
        width:55px !important;
        height:55px !important;
        box-sizing: border-box !important;
    }

    .menusav_container ul li button.home{
        display: inline-block !important;
        width:55px;
        height:55px;

    }

    .main_fejlec{
        padding-left:0px;
    }

    .profilvaltas_kilepes_gomb{
        position: fixed;
        left:50%;
        bottom:0;
        margin-left:-25px;
        width:50px;
        height:45px;
    }

}