.ertesitesek_kis_felugro{
    text-align: center;
    position: fixed;
    bottom:15px;
    right:15px;
    display: inline-block;
    padding:10px;
    font-size:14px;
    color:#000;
    background-color: rgba(236, 194, 57, 0.7);
    /*background-color:rgba(0,0,0,0.7);*/
    border-radius: 10px;
    opacity: 0;
    margin-bottom:-200px;
    cursor:pointer;
}

.ertesitesek_kis_felugro:hover{
    background-color: rgba(236, 194, 57, 1);
}

/** Értesítés panellel kapcsolatos dolgok */

.notification_panel h4{
    color: #e6f4f6;
    font-size:16px;
    font-weight:bold;
    margin-bottom:20px;
}

.notification_panel{
    background-color:rgba(0,0,0,0.8);
    backdrop-filter: blur(3px);
    color: #077a90;
    box-sizing: border-box;
    padding:25px;
    padding-top:20px;
    position: fixed;
    z-index:101;
    top:46px;
    left:60px;
    height:calc(100% - 46px);
    opacity: 0;
    width:0px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0px 1px 5px #333;
    max-width:100% !important;
}

.notification_panel::-webkit-scrollbar {
    width: 5px;
}

.notification_panel::-webkit-scrollbar-track {
    background: transparent;
}

.notification_panel::-webkit-scrollbar-thumb {
    background: rgba(105, 105, 105, 0.75);
}

.notification_panel::-webkit-scrollbar-thumb:hover {
    background: rgba(155, 155, 155, 0.75);
}

.notification_panel_content .egy_ertesites{
    position: relative;
    background-color: rgb(37, 63, 69);
    padding:10px;
    border-radius: 10px;
    margin-bottom:20px;
    cursor: pointer;
    border:1px solid rgb(44, 74, 81);
    color:#ccc;
}

.notification_panel_content .egy_ertesites h3{
    color: #DDD;
    font-size:15px;
    font-weight:bold;
}

.noti_egy_bejegyzes_tartalom{
    text-align: justify;
    font-size:12px;
    color:#DDD;
    padding-left:15px;
}

.notification_panel_content .egy_ertesites .egy_ertesites_uzenet_tipus{
    color: #5ecde3;
    font-size:13px;
    font-weight:bold;
}

.notification_panel_content .egy_ertesites p{
    font-size:12px;
    color:#CCC;
    text-align: justify;
}

.notification_panel_content .egy_ertesites .remove_egy_bejegyzes{
    position: absolute;
    top:0px;
    right:0px;
    background-color: rgba(221, 221, 221, 0.38);
    color:#333;
    padding:5px;
    text-align: center;
    display: inline-block;
    border-top-right-radius: 5px;
    font-size:12px;
}

.notification_panel_content .egy_ertesites .remove_egy_bejegyzes:hover{
    background-color: rgba(221, 221, 221, 1);
    cursor: pointer;
}

.notification_panel_content .egy_ertesites .egy_ertesites_kep{
    margin:10px;
}

.notification_panel_content .egy_ertesites .egy_ertesites_kep img{
    border-radius:10px;
}

.notification_panel_close{
    display:inline-block;
    position: fixed;
    top:5px;
    right:5px;
    padding:5px 10px;
    background-color:#E00;
    color:#FFF;
    border-radius:5px;
    cursor:pointer;
}

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


.ertesitesek_container_panel_kinyitas{
    animation-name: ertesites_container_panel_nyitas;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-direction: normal;
}

@keyframes ertesites_container_panel_nyitas {
    0%{
        opacity: 0;
        width:0px;
    }
    100%{
        width:350px;
        opacity: 1;
    }
}

.ertesitesek_container_panel_bezaras{
    animation-name: ertesites_container_panel_zaras;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-direction: normal;
}

@keyframes ertesites_container_panel_zaras {
    0%{
        width:350px;
        opacity: 1;
    }
    100%{
        width:0px;
        opacity: 0;
    }
}




@media screen and (max-width:992px){
    .notification_panel{
        top:46px;
        left:0px;
        height:calc(100% - 46px);
    }

    @keyframes ertesites_container_panel_nyitas {
        0%{
            opacity: 0;
            width:0px;
        }
        100%{
            width:100%;
            opacity: 1;
        }
    }

    @keyframes ertesites_container_panel_zaras {
        0%{
            width:100%;
            opacity: 1;
        }
        100%{
            width:0px;
            opacity: 0;
        }
    }
}