.fa_naplo label {
    color: #818181;
    margin: 0;
}

.fa_naplo.keret {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0 !important;
}

.fa_naplo.keret > li {
    background-color: #fff;
}

.fa_naplo.keret > li.kedvenc {
    background-color: #FFF7E8;
    border-color: #FFEBC2;
}

.fa_naplo.keret > li.closed {
    background-color: #FFF3F5;
    border-color: #F5E4E4;
}

.naploelem {
    display: flex;
    align-items: center;
    background-color: transparent;   
}

.naplosor {
    border-bottom-color: #EDEDED !important;
}

.closed label.alias {
    color: #A81400;
}

.naploelem .alias {
    margin-right: .5em;
    color: #2A67BA;
    font-weight: bold;
}

.naploelem span.large-icon {
    transition: all, .2s;
    width: 2.8em;
    min-height: 60px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 0;
}
.naploelem .naplo-icon {
    min-height: 36px !important;
}

li .naploelem span.large-icon.akta-icon:hover {
    background-color: #EDEDED;
}

li .naploelem span.large-icon.akta-icon:active {
    background-color: #EDEDED;
}


li.closed .naploelem span.large-icon.akta-icon:hover {
    background-color: #F5E4E4;
}

li.closed .naploelem span.large-icon.akta-icon:active {
    background-color: #F5E4E4;
}

li.kedvenc .naploelem span.large-icon.akta-icon:hover {
    background-color: #FFEBC2;
}

li.kedvenc .naploelem span.large-icon.akta-icon:active {
    background-color: #FFEBC2;
}

.naploelem > * {
    margin-right: 1em;
}

.main-column {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: flex-start;
    width: 79%;
    position: relative;
}

.main-naplo-column {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.cim {
    margin-right: .3em;
}

.main-column .second-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.iktatoszam {
    width: 16ch;
}

.right-column {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-column {
    margin-right: 0;
}

.naplosor {
    background-color: white;
}

.closed .naplosor {
    background-color: #FFF2F5;
}

.main-naplo-column .alias {
    margin-right: .5em;
}

ul.keret > li {
    transition: border-left .3s;
    border: 1px solid #EDEDED;
    border-bottom: none;
}

ul.keret > li.kedvenc {
    border: 1px solid #F4E8CF;
}
ul.keret > li.closed {
    border: 1px solid #F5E4E4;
}

li.kedvenc + li, li.closed + li.closed {
    border-top: none !important;
}

li.separator {
    display: none;
    height: .4em;
    background-color: #F8F8F9;
}

li.separator.closed {
    background-color: #F5E4E4;
}

.keret li.separator:last-child {
    height: 0;
    display: none;
}

.alias-row {
    display: flex;
}

.main-naplo-column .label-important {
    margin-right: .5em;
}

.closed .label-important {
    height: 1.5em;
}

.label-transparent {
    background-color: transparent;
}

div.naplosor.nemsajat label {
    color: rgba(90, 90, 90, .75);
}

.keret li:first-child {
    border-top: none;
}

.icon-box {
    display: flex;
    align-items: center;
    width: auto;
    margin-right: 1em;
}

.icon-box .kedvenc svg {
    fill-opacity: 1;
}

.icon-box .kedvenc, .icon-box .alias-edit {
    opacity: .45;
}

.icon-box .kedvenc:hover, .icon-box .alias-edit:hover {
    opacity: 1;
}

.icon-box span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.8em;
    width: 1.8em;
    border-radius: .2em;
}

ul.keret > li.opened {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-left: 2px solid #F7B32B;
    margin-bottom: 1em;
    transition: margin-bottom .3s;
}

ul.keret li.kedvenc:first-child {
    border-top: 1px solid #F4E8CF !important;
}

span.kedvenc-important > svg {
    fill: #F7B32B !important;
}

li.kedvenc div.naplosor {
    border-bottom: 1px solid #F4E8CF;
}

ul.keret > li div.naplosor {
    border-top: 1px solid #EDEDED;
    min-height: 2.1em;
}

#enaploAktaFa > ul.fa_naplo li ul:first-child {
    border-top: 1px solid #EDEDED;
}
#enaploAktaFa ul.fa_naplo li ul li ul:first-child {
    border-top: none !important;
}

.fa_naplo li div.naploelem {
    min-height: 60px;
    padding: 0;
}

.naploelem .sajat-label {
    margin-left: .5em;
    color: #fff;
    background-color: #2A67BA;
    font-size: 11px;
    text-align: center;
    border-radius: 2px;
    padding: .1em .35em;
    height: 1.25em;
    line-height: 1.25em;
    margin-top: .25em;
    min-width: 6.5em;
}
.naploelem .zart-label {
    background-color: #A81300;
}
.aktataska-icon {
    margin-top: .35em;
    margin-left: .35em;
    opacity: 0.5;
}

.cim {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 60%;
}

.fa_naplo .legutobb-label {
    margin-left: .5em;
    color: #fff;
    background-color: #F7B32B;
    font-size: 11px;
    text-align: center;
    border-radius: 2px;
    padding: .1em .35em;
    height: 1.25em;
    line-height: 1.25em;
    margin-top: .25em;
    min-width: 9.5em;
    display: none;
}

.stop-icon {
    display: none;
    opacity: .5;
}

#enaploAktaFa .opened .akta {
    background-color: #F8F8F9;
}

@media (max-width: 1200px) {
    .main-column {
        width: 74%;
    }
}


@media (max-width: 979px) and (min-width: 768px) {
    .main-column {
        width: 68%;
    }
}


@media (max-width: 767px) {
    .main-column {
        width: 55%;
    }
}

@media (max-width: 550px) {
    .fa_naplo li div.naploelem {
        position: relative;
        display: block;
    }
    .main-column {
        width: calc(100% - 56px);
        display: block;
        margin-bottom: 5px;
        float: right;
    }
    .right-column {
        width: 100%;
        margin-bottom: 5px;
    }
    div.akta > span.large-icon {
        display: block;
        float: left;
        margin-bottom: 5px;
        line-height: 4em;
        text-align: center;
    }
    .naploelem span.large-icon {
        display: block;
        float: left;
        margin-bottom: 5px;
    }
    .iktatoszam {
        margin-left: 43px;
    }
}