/* NEW DASHBOARD -- BEGIN */

.main_dashboard_container{
    background-color:#EEE;
    padding:5px 25px;
    min-height:calc(100vh - 46px);

}

.main_dashboard_controller_section{
    display: flex;
    justify-items: flex-start;
    align-items: center;
    height:80px;
    gap: 40px;
}

.main_dashboard_controller_section a.dashboard_vezerles{
    display: inline-block;
    text-decoration: none;
    color:#0a9ebb;
    font-weight:bold;
    padding:5px 20px;
    position: relative;
}

.main_dashboard_controller_section a.dashboard_vezerles:hover, .main_dashboard_controller_section a.dashboard_vezerles:active, .main_dashboard_controller_section a.dashboard_vezerles.active{
    background-color:#0a9ebb;
    color:#FFF;
    border-radius:5px;
    cursor: pointer;
}

.main_dashboard_controller_section a.dashboardProfil{
    margin-left:auto;
    font-size:30px;
    border-radius: 50%;
    padding:5px 15px;
    border:2px solid #0a9ebb;

}

.main_dashboard_controller_section a.dashboardProfil:hover, .main_dashboard_controller_section a.dashboardProfil:active, .main_dashboard_controller_section a.dashboardProfil.active{
    background-color:#0a9ebb;
    color:#FFF;
    border-radius:50%;
    cursor: pointer;
}

.main_dashboard_controller_section a.dashboard_vezerles.active:after{
    content: " ";
    display:block;
    position: absolute;
    width:100%;
    left:0;
    margin-top:28px;
    /*border-bottom:1px solid #0a9ebb;*/
}

.main_dashboard_content{
    padding-top:10px;
    border-top:1px solid #E0E0E0;
}

.dashboard_person_card_container{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:5px;
}

a.dashBoard_person_card{
    position: relative;
    width:44px;
    height:44px;
    border-radius:50%;
    border:2px solid #0a9ebb;
    background-color:#FFF;
    color:#333;
    text-decoration: none;
    cursor: pointer;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    padding:8px;
}

a.dashBoard_person_card:hover{
    background-color: #0a9ebb;
    color:#FFF;
    cursor:pointer;
}


a.dashBoard_person_card .dbCard_nev_cont{
    position: absolute;
    display:none;
    top:46px;
    left:-10px;
    background-color:#333;
    color:#fff;
    width:auto;
    white-space: nowrap;
    border-radius: 5px;
    padding:3px 5px;
    text-align: center;
    z-index:100;
    font-size:10px;
    opacity: 0.8;
}

a.dashBoard_person_card:hover .dbCard_nev_cont{
    display:block;
}

a.dashboard_usercard_eltuntetes{
    background-color:#DDD;
    color:#BBB;
    border:2px solid #BBB;
}

a.dashboard_usercard_eltuntetes:hover{
    background-color: #b9d2d5;
    color:#BBB;
    border:2px solid #8fabaf;
}



.dashBoard_person_card_inner{
    background-color:#FFF;
    color:#666;
    padding:5px;
    border-radius:5px;
    cursor:pointer;
    border:1px solid transparent;
    font-size:14px;
    font-weight:bold;
}

.dashBoard_person_card_inner:hover{
    background-color: rgba(88, 144, 173, 0.15);
    border:1px solid rgba(72, 122, 147, 0.16);
}

.dashBoard_person_card_inner .kep_container{
    padding:3px;
    width:35px;
    height:35px;
    border-radius:50%;
    background-color:#EEE;
    overflow: hidden;
    display:inline-block;
}

.dashBoard_person_card_inner .kep_container img{
    max-width:80%;
    max-height:30px;
    border-radius:50%;
}

.dashboard_calendar_container{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.dashboard_calendar_oszlop{
    padding:5px;
    width: 20%;
}

.dashboard_calendar_oszlop_inner{
    min-height:300px;
    border-radius:5px;
}

.dashboard_calendar_header{
    text-align:center;
    color:#FFF;
    font-size:18px;
    font-weight:bold;
    border-bottom:1px solid #CCC;
    background-color:#333;
    border-radius:5px;
    letter-spacing: 5px;
}

.dashboard_calendar_header span.datum{
    color: #82bdcb;
    font-size:12px;
    font-weight:normal;
    letter-spacing: normal;
}

.cal_objCard{
    background-color:#FFF;
    border-radius:5px;
    margin-top:3px;
    padding:5px;
    height:58px;
    overflow:hidden;
    font-size:14px;
    position: relative;
}

.cal_objCard b{
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cal_objCard:hover{
    background-color: #fff5cb;
    cursor:pointer;
}

.cal_objCard_typeCont{
    display: block;
    width:40px;
    height:40px;
    border-radius:50%;
    font-weight:bold;
    font-size:16px;
    padding:7px 2px;
    text-align: center;
}

.cal_objCard_typeCont_szabadsag{
    background-color: #a16333;
    color:#FFF;
    border:2px solid #7e4a24;
}

.cal_objCard_typeCont_kikuldetes{
    background-color: rgb(56, 150, 9);
    color:#FFF;
    border:2px solid rgb(44, 121, 7);
}

.cal_objCard_typeCont_naptar{
    background-color: rgb(22, 115, 154);
    color:#FFF;
    border:2px solid rgb(14, 82, 114);
}

.cal_objCard_typeCont_felhat{
    background-color: rgb(194, 53, 53);
    color:#FFF;
    border:2px solid rgb(140, 33, 33);
}

.cal_objCard_typeCont_felutem{
    background-color: rgb(216, 60, 172);
    color:#FFF;
    border:2px solid rgb(154, 22, 117);
}

span.cal_objCard_szabi_helyettes{
    color:#0a9ebb;
    font-size:11px;
}

.cal_objCard_hoverMegjeloles{
    background-color: #fff5cb;
}

.dashboard_card_type_selector{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom:14px;
    gap: 5px;
    flex-wrap: wrap;
}

.dashboard_card_type_selector a{
    display: inline-block !important;
    width:44px;
    height:44px;
    border-radius:50%;
    border:2px solid #EEE;
    background-color:#FFF;
    color:#333;
    text-align: center;
    padding:8px;
    text-decoration: none;
    font-weight:bold;
    cursor:pointer;
}

.dashboard_card_type_selector a:hover{
    opacity:0.8;
}

.dashboard_card_type_selector a.card_selector_button_szabadsag{
    background-color: #a16333;
    color:#FFF;
    border:2px solid #7e4a24;
}

.dashboard_card_type_selector a.card_selector_button_kikuldetes{
    background-color: rgb(56, 150, 9);
    color:#FFF;
    border:2px solid rgb(44, 121, 7);
}

.dashboard_card_type_selector a.card_selector_button_naptar{
    background-color: rgb(22, 115, 154);
    color:#FFF;
    border:2px solid rgb(14, 82, 114);
}

.dashboard_card_type_selector a.card_selector_button_felhat{
    background-color: rgb(194, 53, 53);
    color:#FFF;
    border:2px solid rgb(140, 33, 33);
}

.dashboard_card_type_selector a.card_selector_button_felutem{
    background-color: rgb(216, 60, 172);
    color:#FFF;
    border:2px solid rgb(154, 22, 117);
}

.cardType_eltuntetes{
    display:none;
}

.personCard_eltuntetes{
    display:none;
}

.dashboard_card_type_selector a.dashboard_cardtype_disable{
    background-color:#DDD !important;
    color:#BBB !important;
    border:2px solid #BBB !important;
}

h3.dashboard_alcim{
    padding-top:10px;
    font-weight:bold;
    font-size:22px;
    color:#333;
    margin-bottom:35px;
}

.calendar_card_inner{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:10px;
}

.calendar_card_inner div{
    display: block;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar_card_inner div:first-of-type{
    flex-shrink: 0;
}

.calendar_card_inner div:first-of-type{
    display: block;
    width:48px !important;
}
/* NEW DASHBOARD -- END */


/* MAI NAP NÉZET */

.mai_nap_nezet_container{
    display: flex;
    gap: 80px;
}

.db_mainap_oszlop{
    width:50%;
}

.dashboard_focim{
    margin-bottom:35px;
    margin-top:20px;
    font-size:32px;
    font-weight:bold;
    color:#333;
}

.mai_nap_nezet_doboz{
    border-radius:10px;
    background-color:#FFF;
    color:#333;
    padding:20px;

    margin-bottom:20px;

}

.mai_nap_doboz_idezetek{
    margin-top:15px;
    background-color:#333;
    color:#FFF;
    padding:20px;
    border-top:0px solid #44cae5;
    font-size:16px;
    font-style: italic;
}

.mai_nap_doboz_idezetek span.idezet_cim{
    font-size:18px;
    margin-bottom:10px;
    display: block;
    font-weight:bold;
    font-style: normal;
}

.mai_nap_doboz_idezetek span.idezet_szerzo{
    display: block;
    font-weight:bold;
    font-style: normal;
    font-size:14px;
    color:#44cae5;
    text-align: right;
    margin-top:-2px;
}

.mai_nap_nezet_doboz h4{
    color:#0ba8c7;
    font-weight:bold;
    font-size:18px;
    margin-bottom:25px;
}

.mai_nap_nezet_doboz h4.fontos{
    color:#EE0000;
}

.db_mainap_small_card_container{
    display: flex;
    gap:20px;
    flex-wrap: wrap;
}

.db_mainap_small_card{
    display:inline-block;
    background-color:#EEE;
    border-radius:10px;
    font-size:18px;
    width:calc(33% - 12px);
    position: relative;
}

.db_mainap_small_card:hover{
    cursor: pointer;
    background-color: rgba(255, 245, 203, 0.59);
}

.db_mainap_small_card_default{
    text-align: center;
    padding:5px 3px;
    font-weight: bold;
    font-size:14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.db_mainap_small_card_szabadsag{
    background-color: #a16333;
    color: rgba(255, 255, 255, 0.7);
}

.db_mainap_small_card_kikuldetes{
    background-color: rgb(56, 150, 9);
    color: rgba(255, 255, 255, 0.7);
}

.db_mainap_small_card_feladat_hatarido{
    background-color: rgb(194, 53, 53);
    color: rgba(255, 255, 255, 0.7);
}

.db_mainap_small_card_feladat_utemezes{
    background-color: rgb(17, 163, 208);
    color: rgba(255, 255, 255, 0.7);
}

.db_mainap_small_card_feladat_vegyes{
    background: rgb(194,53,53);
    background: linear-gradient(110deg, rgba(194,53,53,1) 50%, rgba(17,163,208,1) 50%);
    color: rgba(255, 255, 255, 0.7);
}

.db_mainap_small_card_inner{
    padding:10px 20px;
    padding-bottom:20px;
}

.db_mainap_small_card span{
    display:block;
    font-size:14px;
}

.db_mainap_small_card span.elso_sor{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:18px;
    font-weight:bold;
}

.db_mainap_small_card span.masodik_sor{
    font-size:13px;
}

.db_mainap_small_card span.harmadik_sor{
    font-size:13px;
}

.db_mainap_small_card span.rendkivuli_engedely_icon{
    position: absolute;
    bottom:5px;
    right:5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#E00;

}

.db_mainap_kiemeles{
    color:#0ba8c7;
    font-weight: normal;
}

.tovabbi_feladatok_container{
    margin-top:25px;
}

.tovabbi_feladatok_container a{
    text-decoration: none;
    color:#0ba8c7;
    padding:3px;
}

.tovabbi_feladatok_container a:hover{
    text-decoration: none;
    background-color:#0ba8c7;
    color:#FFF;
    border-radius:5px;

}

ul.db_mainap_naptar_lista{
    list-style-type: square;
}

ul.db_mainap_naptar_lista li{
    color:#333;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #EEE;
}

ul.db_mainap_naptar_lista li span.idopont{
    color: rgb(22, 115, 154);
    font-weight:bold;
    font-size:13px;
}

ul.db_mainap_naptar_lista li::marker{
    /*color:#0ba8c7;
    background-color: rgb(22, 115, 154);*/

    color: rgb(22, 115, 154);
}

li.teendok_listaelem{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom:8px !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
}

li.teendok_listaelem:hover{
    cursor: pointer;
    /*background-color: rgba(255, 245, 203, 0.29);*/
}

div.teendok_lista_tipus{
    margin:5px;
    width:30px;
    font-size:14px;
    font-weight:bold;
    text-align: center;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:5px;
}

div.teendok_lista_tipus.teendok_lista_tipus_szabadsag{
    background-color: #a16333;
    color: rgba(255, 255, 255, 0.7);
}

div.teendok_lista_tipus.teendok_lista_tipus_kikuldetes{
    background-color: rgb(56, 150, 9);
    color: rgba(255, 255, 255, 0.7);
}

div.teendok_lista_tipus.teendok_lista_tipus_hataridos_es_utemezett_feladat{
    background: rgb(194,53,53);
    background: linear-gradient(110deg, rgba(194,53,53,1) 50%, rgba(17,163,208,1) 50%);
    color: rgba(255, 255, 255, 0.5);
}

div.teendok_lista_tipus.teendok_lista_tipus_hataridosfeladat{
    background-color: rgb(194, 53, 53);
    /*color: rgb(79, 7, 7);*/
    color: rgba(255, 255, 255, 0.5);
}

div.teendok_lista_tipus.teendok_lista_tipus_utemezettfeladat{
    background-color: rgb(17, 163, 208);
    color: rgba(255, 255, 255, 0.5);
}

div.teendok_lista_tartalom{
    padding:5px;
    padding-left:15px;
    width: calc(100% - 30px);
    font-size:12px;
}

li.teendok_listaelem:hover div.teendok_lista_tartalom{
    cursor: pointer;
    background-color: rgba(255, 245, 203, 0.29);
}

.teendo_nev{
    color: rgb(22, 115, 154);
    font-weight:bold;
    font-size:13px;
}

.teendo_idopont{
    color: #333;
    font-weight:bold;
    font-size:13px;
}



.informacios_sav_kontener{
    margin-top:-10px;
    margin-bottom:25px;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.informacios_sav_kontener_inner{
    background-color:#DDD;
    border-radius:10px;
    padding:15px;
    font-size:12px;
    color:#333;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    width:33%;
}

.informacios_doboz{
    width:100%;
}

.informacios_doboz h5{
    font-size:12px;
    color:#333;
    font-weight:bold;
}

.informacios_doboz_inner{
    background-color:#FFF;
    border-radius:5px;
    padding:7px 15px;
    font-size:13px;
    font-weight:bold;
    display:flex;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
}

.informacios_doboz_inner .stat_tipusnev{
    /*color:#a16333;*/
    color:#888;
    font-weight:normal;
}

.informacios_doboz_inner .stat_tipusnev_kikuld{
    /*color:rgb(56, 150, 9);*/
    color:#888;
    font-weight:normal;
}

.informacios_doboz_inner a{
    text-decoration: none;
    color:#0ba8c7;
    padding:3px;
    border-radius:5px;
    white-space: nowrap;
    display: inline-block;
}

.informacios_doboz_inner a:hover{
    text-decoration: none;
    background-color:#0ba8c7;
    color:#FFF;
}

.egy_sor_infos_sav{
    display:inline-block;
    margin-left:10px;
}

.egy_sor_infos_sav:first-of-type{
    display:inline-block;
    margin-left:0;
}

.uj_ikon_txt{
    display:inline-block;
}

.db_hetiterv_nincs_esemeny{
    display:none;
    margin-top:3px;
    padding:10px 5px;
    text-align: center;
    background-color:#DDD;
    border:2px solid #D0D0D0;
    border-radius:5px;
    font-size:14px;
    font-weight:bold;
}

.db_main_elfogadasra_var_obj{
    position: absolute;
    top:5px;
    right:5px;
    background-color:#E00;

    color:#FFF;
    text-align: center;
    font-size:12px;
    font-weight:bold;
    border-radius:50%;
    width:14px;
    height:14px;
    animation-name: villogas_db_elfogadasra_var;
    animation-iteration-count: infinite;
    animation-duration: 1s;

}

.szabi_ikon{
    font-size:14px;
    display:inline-block;
    margin-right:5px;
}

.szabi_ikon.elfogadott{
    color:#0C0;
}

.szabi_ikon.elfogadasra_var{
    color:#666;
    animation-name: villogas_db_elfogadasra_var !important;
    animation-iteration-count: infinite !important;
    animation-duration: 1s !important;



}

.cimke_doboz_status{
    display:inline-block;
    border-radius:5px;
    padding:2px 5px;
    width:auto;
    font-size:12px;
}

.cimke_doboz_status.elfogadasra_var{
    background-color:#666;
    color:#FFF;
}

.cimke_doboz_status.elfogadott{
    background-color:#0C0;
    color:#FFF;
}

@keyframes villogas_db_elfogadasra_var {
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

/* MAI NAP NÉZET  -  END*/

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

    .db_mainap_small_card{
        width:calc(50% - 10px);
    }
}

@media screen and (max-width: 1370px){
    .uj_ikon_txt{
        display:none;
    }
    .informacios_doboz_inner{

    }
}

@media screen and (max-width: 1200px) {
    .uj_ikon_txt{
        display:inline-block;
    }
    .informacios_sav_kontener{
        gap:5px;
        flex-wrap: wrap;
    }
    .informacios_doboz_inner{

    }

    .informacios_sav_kontener_inner{
        width:49%;
    }

    .main_dashboard_controller_section {
        gap: 20px;
    }

    .db_mainap_small_card_container{

    }
}

@media (max-width: 992px) {
    .uj_ikon_txt{
        display:inline-block;
    }

    .informacios_doboz_inner{
        display:block;
    }

    .informacios_sav_kontener{
        gap:10px;
    }

    .informacios_sav_kontener_inner{
        width:100%;
    }

    .informacios_doboz{
        width:100%;
    }

    .informacios_doboz_inner{
        width:100%;
    }


    .egy_sor_infos_sav{
        display:inline-block;
        margin-left:0;
        margin-bottom:5px;
        text-align: center;
        width:100%;
    }

    .egy_sor_infos_sav:last-of-type{
        width:100%;
    }

    .db_mainap_small_card_container{
        flex-wrap: wrap;
    }

    .db_mainap_small_card{
        width:100%;
    }

    .main_dashboard_controller_section {
        flex-wrap: wrap;
        justify-items: center;
        align-items: center;
        column-gap: 1%;
        row-gap: 5px;
        /*min-height: 80px;*/
        height:auto;
        margin-top:20px;
        margin-bottom:10px;
    }

    .main_dashboard_controller_section a.dashboard_vezerles {
        max-width: 200px;
    }

    .dashboard_person_card_container{
        justify-content: center;
    }

    .dashBoard_person_card{
        width:25%;
        height:56px;
        overflow: hidden;
    }


    .main_dashboard_container{
        height:auto;
        padding: 5px 1rem;
    }

    .dashboard_calendar_container{
        flex-wrap: wrap;
    }

    .dashboard_calendar_oszlop{
        width: 50%;
    }
}

@media (max-width: 578px) {

    .db_hetiterv_nincs_esemeny{
        display:block;
    }

    .dashboard_calendar_oszlop_inner{
        min-height: unset;
    }

    .uj_ikon_txt{
        display:inline-block;
    }
    .mai_nap_nezet_container{
        gap: 0;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .db_mainap_oszlop{
        width:100%;
    }

    .egy_sor_infos_sav{
        width:100%;
    }



    .dashboard_person_card_container{
        margin-bottom:15px;
    }

    .main_dashboard_controller_section{
        justify-content: space-between;
    }

    .main_dashboard_controller_section a.dashboard_vezerles {
        width:49%;
        text-align: center;
    }

    .dashboard_card_type_selector{
        justify-content: center;
    }

    .dashboard_calendar_container{
        flex-wrap: wrap;
    }

    .dashboard_calendar_oszlop{
        width: 100%;
    }

    .main_dashboard_container{
        height:auto;

    }

    .dashBoard_person_card{
        width:56px;
        height:56px;
        overflow: hidden;
    }

    .card_right{
        display:none !important;
    }

    .card_left{
        width:100%;
        border-right:2px solid transparent !important;
    }
}