.cardview_card_container{
    height:100%;
    position: relative;
    transition: background-color 0.5s, transform 0.5s;
}

.cardview_card_container:hover{
    cursor: pointer;
    background-color: rgba(13, 202, 240, 0.04) !important;
    transform: scale(1.05,1.05);
}

.cardview_card_container_footer{
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    text-align: left;
    padding:10px;
    font-size:13px;
    color:#0a9ebb;
}

.ownsmalltext{
    font-size:11px;
    color:#888;
}

.hirdetmeny_felugro_ablak_container{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1100;
}

.hirdetmeny_felugro_ablak_container .sotet_hatter_felugrohoz{
    background-color: rgba(0,0,0,0.9) !important;
    opacity: 1 !important;
}

.hirdetmeny_felugro_ablak{
    position: fixed;
    top:50px;
    left:100px;
    width: calc(100% - 200px);
    height:calc(100% - 100px);
    background-color:#FFF;
    border-radius: 10px;
    z-index:1101;
}

.hirdetmeny_felugro_ablak h1{
    font-size:1.6rem;
    font-weight: bold;
    padding:10px 10px;
    padding-top:0px;
    color:#0a9ebb;
    text-align: left !important;
}

.hirdetmeny_felugro_ablak h3{
    font-size:1.2rem;
    font-weight: bold;
    padding:10px 10px;
    padding-top:0px;
    color:#333;
    text-align: left !important;
}

.hirdetmeny_felugro_ablak_inner{
    height:100%;
    box-sizing: border-box;
    padding:2rem;

}

span.hirdetmeny_szoveg{
    display:block;
    padding:10px;
}

.hirdetmeny_felugro_ablak_inner .row, .hirdetmeny_felugro_ablak_inner .row div.hirdoszlop{
    height:100%;
    box-sizing: border-box;
}

.hirdetmeny_felugro_ablak_inner .row div.hirdoszlop:first-of-type{
    border-right:1px solid #DDD;
}

.hirdetmeny_felugro_ablak_inner .row div.hirdoszlop ul{
    list-style-type: none;
    margin:0px;
    padding:0px;
}

.hirdetmeny_felugro_ablak_inner .row div.hirdoszlop ul li a{
    display:block;
    padding:15px 20px;
    border-bottom:1px solid #DDD;
    color:#0a9ebb;
    text-decoration: none;
}

.hirdetmeny_felugro_ablak_inner .row div.hirdoszlop ul li a span{
    color:#222;
    font-size:12px;
    font-weight:500;
}

.hirdetmeny_felugro_ablak_inner .row div ul li a:hover{
    color:#FFF;
    background-color: rgba(10, 158, 187, 0.4);
    cursor: pointer;

}

.hirdetmeny_felugro_ablak_inner .row div ul li a.active{

    color:#FFF;
    background-color:#0a9ebb;
}

.hirdetmeny_felugro_ablak_inner_ablak_cim{
    margin-top:-20px;
    font-size:12px;
    color:#333;
    font-weight:bold;
    margin-bottom:10px;
}

.hirdetmeny_tenyleges_tartalom_container{
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    border:0px !important;
    text-align: justify;
}

.hirdetmeny_tenyleges_tartalom_container::-webkit-scrollbar {
    width: 4px;
}
.hirdetmeny_tenyleges_tartalom_container::-webkit-scrollbar-track {
    background: #fff;
}
.hirdetmeny_tenyleges_tartalom_container::-webkit-scrollbar-thumb {
    background: #CCC;
}
.hirdetmeny_tenyleges_tartalom_container::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.melleklet_tartalom_container{

}

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

.melleklet_tartalom{
    display: block;
    cursor:pointer;
    float:left;
    padding:20px 10px;
    height:100px;
    width:25%;
    border:1px solid #EEE;
    text-align: center;
    text-decoration: none;
    color:#333;
    overflow:hidden;
}

.melleklet_tartalom i{
    font-size:30px;
    color:#333;
}

.melleklet_tartalom:hover{
    color:#0a9ebb;
    background-color:#EEE;
    cursor: pointer;
}

.melleklet_tartalom:hover i{
    color:#0a9ebb;
}

ul.alairasok_listaja{
    list-style-type: none;
    margin:0px;
    padding:0px;
}

ul.alairasok_listaja li{
    padding:10px;
    margin-bottom:5px;
    border-bottom:1px solid #EEE;

}

ul.alairasok_listaja li:hover{
    background-color: #e3faff;
}

.hirdetmeny_reszletek_mezonev{
    color:#0a9ebb;
    font-size:12px;
    text-align: left;
}

.hirdetmeny_reszletek_mezoertek{
    text-align: left;
}

.hirdfelugro_closebutton{
    position: absolute;
    right:0px;
    top:0px;
    width:40px;
    height:40px;
    background-color:#E00 !important;
    border:0px;
    border-top-right-radius: 10px;
    color:#FFF;
    text-align: center;
    font-weight:bold;
}


@media screen and (max-width: 1200px){
    .melleklet_tartalom{
        width:33%;
    }
}

@media screen and (max-width: 992px){
    .melleklet_tartalom{
        width:50%;
    }

    .hirdetmeny_felugro_ablak{
        position: fixed;
        top:0px;
        left:0px;
        width: 100%;
        height:100%;
        background-color:#FFF;
        border-radius: 10px;
        z-index:1101;
    }

    .hirdetmeny_felugro_ablak_inner{
        height:100%;
        box-sizing: border-box;
        padding:2rem 1rem;
        overflow-y: auto;
    }

    .hirdetmeny_felugro_ablak_inner::-webkit-scrollbar {
        width: 4px;
    }
    .hirdetmeny_felugro_ablak_inner::-webkit-scrollbar-track {
        background: #fff;
    }
    .hirdetmeny_felugro_ablak_inner::-webkit-scrollbar-thumb {
        background: #CCC;
    }
    .hirdetmeny_felugro_ablak_inner::-webkit-scrollbar-thumb:hover {
        background: #888;
    }

    .hirdetmeny_tenyleges_tartalom_container{
        height:auto;
        overflow-y: auto;
        overflow-x: hidden;
        border:0px !important;
        text-align: justify;
    }


    .hirdetmeny_felugro_ablak_inner .row, .hirdetmeny_felugro_ablak_inner .row div{
        height:auto;
        box-sizing: border-box;
    }

    .hirdetmeny_felugro_ablak_inner .row, .hirdetmeny_felugro_ablak_inner .row div:first-of-type{
        border-right:0px;
    }

    .hirdetmeny_felugro_ablak_inner .row, .hirdetmeny_felugro_ablak_inner .row div:last-of-type{
        margin-top:15px;
    }

    .hirdetmeny_felugro_ablak_inner .row, .hirdetmeny_felugro_ablak_inner .row div h1{
        padding-left:0px;
    }

    .hirdetmeny_felugro_ablak_inner .row div ul li a.active{

    }
    .hirdetmeny_felugro_ablak_inner .row div ul li a span{
        display:none;
    }

}

@media screen and (max-width: 576px){
    .melleklet_tartalom{
        width:100%;
    }

    .hirdetmeny_reszletek_mezonev{
        text-align: center;
    }

    .hirdetmeny_reszletek_mezoertek{
        text-align: center;
        margin-bottom:15px;
    }
}