.naptarContainer{
    padding:25px;
    font-family: "Exo 2", serif;
}

.naptarHeader{
    width:100%;
    height:70px;
    background-color:#EEE;
    color:#333;
    padding:15px 20px;
    border-radius:5px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.naptarInformacio{
    font-size:24px;
    font-weight:bold;
}

.naptarVezerles{

}

.naptarVezerles button{
    margin-right:10px;
}

.naptarNapokContainer{
    width:100%;
}

.naptarNapokContainer table{
    margin-top:5px;
    width:100%;
    border:0;
}

.naptarNapokContainer table tr th{
    text-align:center;
    height:40px;
}

.naptarNapokContainer table tr th, .naptarNapokContainer table tr td{
    width:13.5%;
    position: relative;
}

.naptarNapokContainer table tr th.hetSzam{
    width:5%;
}


.naptarNapokContainer table tr td.hetSzam{
    width:5%;
    height:85px;
    overflow: hidden;
}

.hetSzamInner{
    cursor:pointer;
    width:98%;
    height:98%;
    margin:1%;
    padding-top:17px;
    color: rgba(51, 51, 51, 0.53);
    background-color:#EEE;
    border-radius:5px;
    border:1px solid #DFDFDF;
    font-size:11px;
    font-weight:bold;

}



.naptarNapokContainer table tr th .cellaInner{
    width:98%;
    height:98%;
    margin:1%;
    padding-top:5px;
    background-color:#EEE;
    border-radius:5px;
    border:1px solid #DFDFDF;
}

.naptarNapokContainer table tr{
    max-height:80px !important;
    overflow: hidden;
}

.naptarNapokContainer table tr td{
    text-align:center;
    height:80px;
    overflow: hidden;
}

.naptarNapokContainer table tr td .cellaInner{
    width:98%;
    height:98%;
    margin:1%;
    padding-top:5px;
    background-color:#FFF;
    border-radius:5px;
    border:1px solid #DFDFDF;
    position:relative;
}

.naptarNapokContainer table tr td .cellaInnerUres{
    width:98%;
    height:98%;
    margin:1%;
    padding-top:5px;
    background-color:transparent;
    border-radius:5px;

}

.cellaInner .napTxt{
    position: absolute;
    top:5px;
    left:5px;
    font-size:14px;
    font-weight:bold;
    color: rgba(136, 136, 136, 0.8);
}

.cellaInner p.megjegyzes{
    margin-left:20%;
    padding-top:4px;
    font-size:10px;
    font-weight:bold;
    width:75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.naptarNapokContainer table tr td .cellaInner:hover{
    cursor:pointer;
    background-color: rgba(250, 241, 203, 0.7);
}

.naptarNapokContainer table tr td .cellaInner.klikkeltNap{
    background-color: rgba(250, 203, 16, 0.9) !important;
}

.naptarNapokContainer table tr td .cellaInner.vanSajatSzabi{
    background-color: rgba(250, 203, 16, 0.9) !important;
}

.naptarNapokContainer table tr td .cellaInner.vanMasSzabi{
    background-color: rgba(186, 197, 237, 0.35);
}

.popUpInner{
    background-color:#EEE;
    padding:10px;
    display:flex;
    justify-content: space-between;
    align-items: start;
}

.popUpInner .pupupHeadDate{
    font-size:22px;
    color:#333;
    font-weight:bold;
}

.popupCenterInner{
    padding:20px;
}

p.szabadsagSajat{
    color: rgba(113, 92, 5, 0.9);
    font-weight:bold;
    text-align:center;
    font-size:16px;
    margin-top:10px;
    padding:0;
}

span.szabadsagokSzama{
    font-size:12px;
    background-color: #5684cc;
    font-weight:bold;
    color:#FFF;
    padding:3px 5px;
    border-radius:5px;
}

ul.masSzabadsagok{
    list-style-type: none;

}


ul.masSzabadsagok li{
    margin-bottom:10px;
    display:flex;
    line-height:20px;
    border-radius:5px;
    background-color:#F3F3F3;
    padding:10px 25px;

}

.naptar_osszegzo_sor{
    margin-top:20px;
    background-color:#E3E3E3;
    color:#333;
    padding:20px 25px;
    border-radius:5px;
}

@media screen and (max-width: 768px){
    .naptarNapokContainer table{
        width: 100%;
    }

    .naptarNapokContainer table tr th, .naptarNapokContainer table tr td{
        width:16%;
        max-width:16% !important;
    }

    .naptarNapokContainer table tr th.hetSzam{
        width:4% !important;
        min-width:35px !important;
    }


    .naptarNapokContainer table tr td.hetSzam{
        width:4% !important;
        min-width:35px !important;
    }

    .hetSzamInner{
        padding-top:30px;
    }

    .naptarContainer{
        padding:2px;
    }

    .naptarInformacio{
        font-size:14px;
    }

    .naptarVezerles button{
        margin-right:2px;
        font-size:14px;
    }

    ul.masSzabadsagok{
        margin-left:0px;
        padding-left:0px;
    }

    p.szabadsagSajat{
        margin-top:0px !important;
        font-size:16px !important;
    }

    .naptar_osszegzo_sor{
        padding:5px 10px;
        font-size:12px;
    }

    .cellaInner p.megjegyzes{
        padding-right:20%;
        padding-top:10px;
        font-size:8px;
        font-weight:bold;
        width:98% !important;
        white-space: wrap;
        overflow: hidden;
        text-overflow: unset;
        writing-mode: vertical-rl;
        max-height:55px;
        text-align: center;
        box-sizing: border-box;
    }
}