.naptar_havi_kartya{
    height:auto;
    margin-bottom:30px;
}

.naptar_havi_kartya h3{
    border-bottom:1px solid #EEE;
}

.naptar_havi_kartya h3.kisebb{
    border-bottom:1px solid #EEE;
    font-size:1.2rem;
    color:#333;
}

.naptar_havi_kartya h4{
    text-align: right;
    font-weight:bold;
    margin:0px;
    margin-top:7px;
    padding-right:15px;
    font-size:16px;
    border-bottom:0px;
}

.szabadsag_vezerlosav{
    text-align:left;
}

.naptar_havi_kartya div.napok{
    width:12%;
    width:calc(100% / 7);
    float:left;
    color:#666;
    box-sizing: border-box;
    padding:3px 3px;
    font-family: "Source Code Pro", monospace;
}

.naptar_havi_kartya div.napok .napok_innercontainer{
    text-align: center;
    height:50px;
    border:1px solid #CCC;
    padding:2px;
    overflow: hidden;
    border-radius:5px;
}

.naptar_havi_kartya div.napok .napok_innercontainer p{
    text-align: center;
    color:inherit;
}

.naptar_havi_kartya div.halvany_napok .napok_innercontainer{
    opacity:0;
}

.naptar_havi_kartya div.napok_fejlec .napok_innercontainer{
    border:0px !important;
    border-bottom:2px solid #CCC !important;
    padding-top:6px !important;
    font-weight:bold;
    box-sizing: border-box;
    background-color:#EEE;
    height:40px !important;
}

.naptar_havi_kartya div.napok_hetvege .napok_innercontainer{
    background-color:#c1acac;
    color:#b43636;
    border-bottom:0px !important;
    opacity:0.8;
    padding:2px;
}



/* SZÍNEK */

.ujszabadsag_valaszthatoNap{
    background-color:#FFF;
}

.ujszabadsag_valaszthatoNap:hover{
    background-color: #f1d417 !important;
    cursor:pointer;
}

.ujszabadsag_valasztottnap{
    background-color: rgba(250,203,31,0.4) !important;
    opacity:1 !important;
}

.ujszabadsag_valasztottnap:hover{
    background-color: rgba(240,0,0,0.9) !important;
    color:#FFF !important;
    opacity:1 !important;
}

.ujszabadsag_valasztottnap:hover p.szabadsag_nap_feliratsav{
    color:#FFF !important;
    content: "X";
}





/******  LEGKISEBB NÉZET *********/

@media screen and (max-width:578px) {

    .naptar_havi_kartya div.napok{
        padding:1px 1px;
    }

    .naptar_havi_kartya h4{
        background-color:#888;
        color:#FFF;
        padding-right:0px;
        padding:5px;
        text-align: center;
        font-weight:bold;
        margin:10px;
        font-size:16px;
        border-bottom:0px;
    }

}