body{
    background-color: #edf4f8;
    color: #08569b;
}
.verzio{
    color: white;
    bottom: 0;
    /*position: absolute;*/
    padding: 18px;
}
.verzio a{
    color: white !important;
    text-decoration: none !important;
}
.loader_div{
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #000000ad;
    top: 0px;
}
.loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.loader div {
    animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.loader div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}
.loader div:nth-child(1) {
    animation-delay: -0.036s;
}
.loader div:nth-child(1):after {
    top: 63px;
    left: 63px;
}
.loader div:nth-child(2) {
    animation-delay: -0.072s;
}
.loader div:nth-child(2):after {
    top: 68px;
    left: 56px;
}
.loader div:nth-child(3) {
    animation-delay: -0.108s;
}
.loader div:nth-child(3):after {
    top: 71px;
    left: 48px;
}
.loader div:nth-child(4) {
    animation-delay: -0.144s;
}
.loader div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.loader div:nth-child(5) {
    animation-delay: -0.18s;
}
.loader div:nth-child(5):after {
    top: 71px;
    left: 32px;
}
.loader div:nth-child(6) {
    animation-delay: -0.216s;
}
.loader div:nth-child(6):after {
    top: 68px;
    left: 24px;
}
.loader div:nth-child(7) {
    animation-delay: -0.252s;
}
.loader div:nth-child(7):after {
    top: 63px;
    left: 17px;
}
.loader div:nth-child(8) {
    animation-delay: -0.288s;
}
.loader div:nth-child(8):after {
    top: 56px;
    left: 12px;
}
@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.zold_class{
    background-color: #a0f0a3;
}
.svg-filter{
    width: 20px;
    color: white;
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(1deg) brightness(100%) contrast(100%);
}
.login_form{
    background-color: #ffffff;
    max-width: 360px;
    border: 1px solid #a5d2ff;
    border-radius: 20px;
    color: #08569b;
}
.login_form .row{
    margin-left: 0px;
    margin-right: 0px;
}
.login_form a{
    color: #08569b;
}
.login_form #logo{
    background-color: #0b72ce;
    border-radius: 10px 10px 0px 0px;
    height: 100px;
}
.login_form #login{
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 0px;
}
.login_form form input{
    background-color: #ecf4f8;
}
.login_form form .login-button{
    background-color: #09569b;
    color: white;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.login_form form .login_newpassword{
    padding-bottom: 30px;
}
.side_menu{
    z-index: 100;
    overflow: auto;
    background-color: #0b72ce;
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*text-align: center;*/
    text-align: left;
}
.menu{
    background-color: #0b72ce;
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
}
.menu_close{
    background-color: #56b5fc;
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 20px;
    top: 25px;
    color: white;
    right: -13px;
}
.menu_open{
    display: none;
    background-color: #56b5fc;
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 20px;
    top: 25px;
    color: white;
    right: -13px;
}
.menu .menu_item{
    height: 50px;
    /*padding-top: 10px;*/
}
.menu .menu_item a{
    color: white;
    text-decoration: none;
}
.menu_item{
    height: 50px;
    /*padding-top: 10px;*/
}
.menu_item a{
    color: white;
    text-decoration: none;
}
.menu_top{
    background-color: #ffffff;
    padding-left: 250px;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 100px;
    border-bottom: 1px solid #57b5fc;
}
.menu_top .username{
    text-align: end;
}

.main{
    position: relative;
    /*padding-top: 100px;*/
    padding-left: 300px;
    color: #095699;
    display: block;
}
.main a{
    color: #095699;
    text-decoration: none;
}
.main .main_title{
    height: 100px;
    padding-top: 35px;
    font-weight: bold;
    font-size: x-large;
}
.main .search{
    background-color: #ffffff;
    margin-bottom: 10px;
    border: 1px solid #57b5fc;
    border-radius: 10px;
    width: fit-content;
    /*padding-left: 30px;
    padding-right: 30px;*/
    box-shadow: 0px 0px 10px 0px #82828240;
}
.main .search td{
    height: 80px;
}
.main .search input{
    background-color: #ecf4f8;
    border: none;
    border-radius: 10px;
    height: 35px;
    width: 100%;
}
.main .search button{
    background-color: #09569b;
    color: #ffffff;
    border:none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
}
.main .search .td1_search{
    text-align: center;
    font-weight: bold;
    width: 100px;
    border-right: 1px solid #57b5fc;
}
.main .search .td2_search{
    padding-right: 5px;
    font-weight: bold;
    /*width: 100px;*/
    width: 50px;
    padding-left: 5px;
}
.main .search .td3_search{
    /*width: 555px;*/
}
.main .search .td4_search{
    width: 175px;
}
.main .list{
    max-width: fit-content;
    background-color: #ffffff;
    border: 1px solid #57b5fc;
    border-radius: 10px;
    width: fit-content;
    box-shadow: 0px 0px 10px 0px #82828240;
}
.main .list table{
    border-collapse: collapse;
}
.main .list .tr_list{
    border-top: 1px solid #57b5fc;
}
.main .list tr td{
    height: 80px;
}
.main .list tr td .edit_button{
    font-weight: bold;
    display: block;
    border :1px solid #08569b;
    border-radius: 10px;
    width: 150px;
    height: 30px;
}
.main .list tr td .delete_button{
    font-weight: bold;
    display: block;
    border :1px solid #e67272;
    color: #e67272;
    border-radius: 10px;
    width: 150px;
    height: 30px;
}
.main .list .new_button{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
}
.main .list .td1{
    text-align: center;
    width: 100px;
}
.main .list .td2{
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
.main .list .td3{
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
.main .list .td4{
    text-align: left;
    width: 175px;
}
.main .list .td5{
    text-align: left;
    width: 175px;
}
.main .list .td1_head{
    font-weight: bold;
    text-align: center;
    width: 100px;
    padding-left: 15px;
    padding-right: 15px;
}
.main .list .td2_head{
    font-weight: bold;
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
.main .list .td3_head{
    font-weight: bold;
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
/* log */
.main .log_list{
    /*max-height: 600px;*/
    background-color: #ffffff;
    border: 1px solid #57b5fc;
    border-radius: 10px;
    width: fit-content;
    /*width: auto;*/
    /*width: 1500px;*/
    overflow-x: scroll;
    box-shadow: 0px 0px 10px 0px #82828240;
   /*transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); 
    -webkit-transform:rotateX(180deg); */
}
.main .log_list table {
    border-collapse: collapse;
    /*transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); 
    -webkit-transform:rotateX(180deg); */
}
.main .log_list .tr_list{
    border-top: 1px solid #57b5fc;
}
.main .log_list tr td{
    height: 80px;
}
/*
.main .log_list .td1_log{
    text-align: center;
    width: 240px;
    padding-left: 15px;
}
.main .log_list .td2_log{
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
.main .log_list .td3_log{
    text-align: center;
    width: 240px;
    padding-left: 15px;
}
.main .log_list .td4_log{
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
.main .log_list .td5_log{
    text-align: left;
    width: 240px;
    padding-left: 15px;
}
.main .log_list .td6_log{
    text-align: left;
    width: 240px;
    padding-left: 15px;
}*/
.main .log_list .td1_log{
    text-align: left;
    min-width: 50px;
    padding-left: 15px;
}
.main .log_list .td2_log{
    text-align: left;
    min-width: 240px;
    padding-left: 15px;
}
.main .log_list .td3_log{
    text-align: left;
    min-width: 240px;
    padding-left: 15px;
}
.main .log_list .td4_log{
    text-align: left;
    min-width: 240px;
    padding-left: 15px;
}
.main .log_list .td5_log{
    text-align: left;
    min-width: 240px;
    padding-left: 15px;
}
.main .log_list .td6_log{
    text-align: left;
    min-width: 240px;
    padding-left: 15px;
    width: 100%;
}
.main .log_list .td7_log{
    text-align: left;
    min-width: 240px;
    padding-left: 15px;
    display: none;
}

.main .pages{
    display: flex;
    position: relative;
    align-items: center;
    height: 60px;
    padding-top: 40px;
}
.main .pages .previous_page_button{
    margin: 0;
    position: relative;
    height: 30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 20px;
}
.main .pages .next_page_button{
    margin: 0;
    position: relative;
    height: 30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 20px;
}
.main .pages .current_page_number a{
    vertical-align: middle;
}
.main .pages .current_page_number{
    border: 1px solid #08569b;
    border-radius: 25px;
    background-color: #ffffff;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 5px;
    box-shadow: 0px 0px 10px 0px #82828240;
}
.main .pages .other_page_number{
    border-radius: 25px;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 5px;
    box-shadow: 0px 0px 10px 0px #82828240;
}

.main .uj_munkavallalo_menu{
    background-color: #ffffff;
    margin-bottom: 10px;
    border: 1px solid #57b5fc;
    border-radius: 10px;
    width: fit-content;
    box-shadow: 0px 0px 10px 0px #82828240;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
}

.main .uj_munkavallalo_menu .selected-tab{
    cursor: pointer;
    display: list-item;
    list-style: none;
    border: 1px solid #57b5fc;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.main .uj_munkavallalo_menu .tab{
    cursor: pointer;
    display: list-item;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.uj_munkavallalo .uj_munkavallalo_tab{
    display:none;
    background-color: #ffffff;
    border: 1px solid #57b5fc;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #82828240;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.uj_munkavallalo .uj_munkavallalo_tab input{
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}
.uj_munkavallalo .uj_munkavallalo_tab input[type="date"]{
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}

.uj_munkavallalo .uj_munkavallalo_tab textarea{
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}

.uj_munkavallalo .uj_munkavallalo_tab select{
    /*background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;*/
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}

.uj_munkavallalo .uj_munkavallalo_tab label{
    padding-top: 10px;
}

.uj_munkavallalo .uj_munkavallalo_buttons{
    padding-top: 20px;
}

.uj_munkavallalo button{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
}

.uj_munkavallalo .megse_button{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #08569b;
    border: 1px solid #08569b;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
}

.main .ceges_list{
    background-color: #ffffff;
    border: 1px solid #57b5fc;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #82828240;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.main .ceges_list label{
    padding-top: 10px;
}

.main .ceges_list input{
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}

.main .ceges_list textarea{
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}

.main .ceges_buttons button{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
}

.main .ceges_buttons .megse_button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #08569b;
    border: 1px solid #08569b;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
}

.main .ceges_list .logo_label {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    padding-top: 0px;
}
.main .ceges_list #file-chosen{
    margin-left: 0.3rem;
    font-family: sans-serif;
}
.main .ceges_list #upload_button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
}
.main .ceges_list #upload_button a{
    color: #ffffff;
}

/* naptar */
.ui-datepicker-calendar{
    background-color: #edf4f8;
    color: #08569b;
}
.ui-datepicker-title{
    color: #08569b;
}
.ui-widget-header{
    background: #edf4f8;
    color: #08569b;
    border: none;
}
/*.ui-widget-header .ui-icon {
    background-image: url(/images/ui-icons_222222_256x240.png);
}*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border: 1px solid #08569b;
    background: #ffffff url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: #08569b !important;
    background: #56b5fc !important;
    color: white !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    border: #08569b !important;
    background: #08569b !important;
    color: white !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border: #edf4f8;
    background: white;
    color: #08569b;
}

    /*footer*/
/*
    #newtime_footer{
        background-color: #0d6efd;
        width: 100%;
    }
    #newtime_logo{
        background-color: #0d6efd;
        padding-bottom: 20px;
    }
*/
    /*login*/
/*
    .container .login_form{
        padding: 20px;
        border: 1px solid #ced4da;
        border-radius: 20px;
    }
    .table td {
        min-width: 200px;
    }
    .nav-link {
        color: #495057;
    }
*/

    /*header*/
/*    #header_fake{
        background-color: #ced4da;
        width: 100%;
    }
    #header_menu{
        padding-top: 72px;
        width: 100%;
    }
    #main_content{
        padding-top:100px;
    }
*/


/*naptar*/
table{
    border-collapse: inherit;
    border-spacing: 0;
}
.tr_naptar{
    background-color: white;
}
.tr_osztalyok{
    background-color: white;
    border-bottom: 1px solid #a5d1ff;
    padding-bottom: 10px;
}
.tr_napok{
    background-color: white;
    /*border-bottom: 1px solid #a5d1ff;*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.tr_napok td{
    border:none;
    background-color: white;
}
.tr_napok2{
    background-color: white;
    /*border-top: 1px solid #a5d1ff;*/
    padding-bottom: 10px;
    font-weight: bold;
}
.tr_napok2 td{
    border:none;
    background-color: white;
}
.tbody_munkavallalo td{
    padding-left: 20px;
}
.tbody_munkavallalo{
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    margin-top: 10px;
    margin-bottom: 10px;
}
.td_telephely{
    min-width: 150px;
    border: 1px solid black; 
    text-align:start;
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left: 20px;
    box-shadow: 0px 1px 10px 1px #0000001c;
}
/*.tr_napok td{
    padding-left: 30px;
}*/
/*tr_munkavallalo td{
    padding-left: 30px;
}*/
.tr_munkavallalo{
    border-top: 1px solid #a5d1ff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tr_munkavallalo2{
    border-top: 1px solid #a5d1ff;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*teszt*/
.naptar_container{
    margin-right: auto;
    margin-left: auto;
    /*border-radius: 20px;*/
    /*border: 1px solid #D6222A;*/
}
.row_naptar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.col_naptar{
    /*border: 1px solid #D6222A;*/
    border: 1px solid #a5d1ff !important;
    flex: 1 0 0%;
    max-width: 125px;
    min-width: 100px;
    /*padding: 3px;*/
    /*min-height: 100px;*/
    background-color: white;
    /*font-size: 12px;*/
}
.col_naptar_nyomtatas{
    border: 1px solid #a5d1ff !important;
    flex: 1 0 0%;
    max-width: 125px;
    min-width: auto;
    background-color: white;
    font-size: 12px;
}
.het_napjai{
    background-color: #0b72ce;
    min-height: 40px !important;
    height: 40px !important;
    color: white;
    text-align: center;
}
.naptar_datum {
    text-align: center;
    /*text-align: center;*/
    /*padding: 3px;*/
    color: #095699;
    border-bottom: 1px solid #e2effd;
}
.naptar_munkavallalo_datum {
    /*text-align: left;*/
    text-align: center;
    /*padding: 3px;*/
    color: #095699;
    min-height: 26px;
    border-bottom: 1px solid #e2effd;
}
.beosztas_szerkesztes_d01 {
    text-align: center;
    color: #095699;
    min-height: 50px;
    border-bottom: 1px solid #e2effd;
}
.beosztas_szerkesztes_d02 {
    text-align: center;
    color: #095699;
    min-height: 50px;
    border-bottom: 1px solid #e2effd;
}
.naptar_munkavallalo_datum_nyomtatas {
    text-align: center;
    color: #095699;
    min-height: 26px;
    border-bottom: 1px solid #e2effd;
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
}
.szabadsag_naptar_nezet{
    background-color: #a0f0a3;
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
}
.szabadsag_igenyles_naptarnezet{
    background-color: #57b5fc !important;
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
}
/*teszt*/




.szabadsag_igenyles{
    background-color: #57b5fc !important;
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.szabadsag{
    background-color: #a0f0a3;
    border-radius: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#munkavallalo_select{
    background: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    color: #08569b;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
}
#datepicker{
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    color: #08569b;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
}
#datepicker2{
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    color: #08569b;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
}
.naptar_submit{
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
}
.naptar_form{
    margin-bottom: 10px;
}

.munkarend_sablon{
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    padding: 20px;
}
.munkarend_sablon #nev{
    background-color: #ecf4f8;
    border: none;
}
.munkarend_sablon #keszitette{
    background-color: white;
    border: 1px solid #4996ee;
    color: #08569b;
}
.munkarend_sablon #leiras{
    background-color: #ecf4f8;
    border: none;
}
.munkarend_sablon input[type=checkbox]{
    /*background-color: white;*/
    border: 1px solid #4996ee;
}
.munkarend_sablon input[type=time]{
    background-color: white;
    border: 1px solid #4996ee;
}

.new_data{
    background-color: white;
    padding: 20px;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
}
.new_data #munkavallalo_id{
    background-color: #ecf4f8;
    border: none;
}
.new_data #megjegyzes{
    background-color: #ecf4f8;
    border: none;
}
.new_data input[type=checkbox]{
    /*background-color: white;*/
    border: 1px solid #4996ee;
}
.new_data input[type=time]{
    background-color: white;
    border: 1px solid #4996ee;
}
.new_data input[type=date]{
    background-color: white;
    border: 1px solid #4996ee;
}

.szabadsagigenyles{
    margin-bottom: 15px;
    background-color: white;
    padding: 20px;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
}
.szabadsagigenyles #munkavallalo_nev{
    background-color: #ecf4f8;
    border: none;
    color: #08569b;
}
.szabadsagigenyles #megjegyzes{
    background-color: #ecf4f8;
    border: none;
    color: #08569b;
}
.szabadsagigenyles input[type=date]{
    background-color: white;
    border: 1px solid #4996ee;
    color: #08569b;
}

.szabadsagelbiralas{
    margin-bottom: 15px;
    background-color: white;
    padding: 20px;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
}
.szabadsagelbiralas #munkavallalo_nev{
    background-color: #ecf4f8;
    border: none;
    color: #08569b;
}
.szabadsagelbiralas .elbiralas{
    margin-top: 20px;
    background-color: white;
    border: 1px solid #4996ee;
    border-radius: .25rem;
    width: 100%;
    color: #08569b;
}
.szabadsagelbiralas #megjegyzes{
    background-color: #ecf4f8;
    border: none;
    color: #08569b;
}
.szabadsagelbiralas input[type=date]{
    background-color: white;
    border: 1px solid #4996ee;
    color: #08569b;
}

/*uj_cimke_letrehozasa*/

.cimke_letrehozas{
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    padding: 20px;
}
.cimke_letrehozas select {
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}
.cimke_letrehozas input[type=checkbox] {
    /*background-color: white;*/
    border: 1px solid #4996ee;
}

.uj_telephely{
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    padding: 20px;
}
.uj_telephely input {
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}
.uj_telephely textarea {
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}

.osztaly{
    background-color: white;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    padding: 20px;
}
.osztaly input {
    background-color: #ecf4f8;
    border: none;
    border-radius: 5px;
    width: 100%;
    color: #08569b;
}
/* off */

.button_megse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #08569b;
    border: 1px solid #08569b;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.button_mentes{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.button_mentes_mod{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.button_mentes2{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.button_torles{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    /*display: block;*/
    border: 1px solid #e67272;
    color: #e67272 !important;
    border-radius: 10px;
    width: 150px;
    text-decoration: none;
    cursor: pointer;
    height: 35px;
}
.button_szerkesztes{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    /*display: block;*/
    border: 1px solid #08569b;
    border-radius: 10px;
    width: 150px;
    height: 35px;
    color: #095699;
    text-decoration: none;
    cursor: pointer;
}
.button_kereses{
    background-color: #09569b;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    text-decoration: none;
    cursor: pointer;
}
.button_uj{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #57b5fc;
    color: #ffffff !important; 
    border: none;
    border-radius: 10px;
    width: 155px;
    height: 35px;
    text-decoration: none;
    cursor: pointer;
}

/*havi beosztashoz*/
#ui-datepicker-div.noCalendar .ui-datepicker-calendar, #ui-datepicker-div.noCalendar .ui-datepicker-header a {
    display: none;
}
#ui-datepicker-div.noCalendar .ui-datepicker-header .ui-datepicker-title{
    width: 100%; margin: 0;
}

.szabadsagok_gyors{
    cursor: pointer;
}
.gyors_szerkesztes{
    cursor: pointer;
}
.gyors_szerkesztes_span{
    z-index: 50;
    display: block;
    position: absolute;
    background: #edf4f8;
    min-width: 185px;
    /*height: 200px;*/
    height: auto;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    text-align: center;
    text-align: -webkit-center;
    box-shadow: 0px 1px 10px 1px #0000001c;
}
.tap_naptar_nezet{
    z-index: 50;
    display: block;
    position: absolute;
    background: #edf4f8;
    min-width: 185px;
    /*height: 200px;*/
    height: auto;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    text-align: center;
    text-align: -webkit-center;
    box-shadow: 0px 1px 10px 1px #0000001c;
}
.button_x {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #08569b;
    border: 1px solid #08569b;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    margin-inline-start: auto;
}

.kilepes{
    color: red;
    text-decoration: none;
}
.kilepes:hover{
    color: red;
    text-decoration: none;
}
.belepve_mint{
    color: #08569b;
    text-decoration: none;
}
.belepve_mint:hover{
    color: #08569b;
    text-decoration: none;
}

#notifications_span{
    z-index: 50;
    display: block;
    position: absolute;
    background: #edf4f8;
    min-width: 185px;
    height: 200px;
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    text-align: center;
    text-align: -webkit-center;
}
#notifications_content{
    overflow: auto;
}
#notifications_content a{
    color: #08569b;
    text-decoration: none;
}
#notifications {
    color: red;
    cursor: pointer;
}
#beosztas_szerkesztes_utan{
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    display: block;
    margin-bottom: 10px;
}
#marker_id{
    border: 1px solid #a5d1ff;
    border-radius: 10px;
    display: block;
    margin-bottom: 10px;
}

/*    */

.collapsible {
    background-color: #0b72ce;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}
.active, .collapsible:hover {
    border-left: 7px solid #56b5fc;
    background-color: #00437e;
}
.verzio:hover {
    border-left: 7px solid #56b5fc;
    background-color: #00437e;
}
.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #0d62ad;
}
li{
    list-style-type: none;
}
.b-shadow{
    box-shadow: 0px 0px 10px 0px #82828240;
}
.m-left0{
    margin-left: 0 !important;
    max-width: 1000px;
}

.td_sticky{
    position: sticky;
    left: 250px;
    background-color: white;
    border-right: 1px solid #a5d1ff!important;
}

.td_sticky_woborder{
    position: sticky;
    left: 250px;
    background-color: white;
    border-right: 0px solid #a5d1ff!important;
}

@media(max-width: 1200px){
    .td_sticky_woborder{
        position: sticky;
        /*position: relative;*/
        left: 0px;
        background-color: white;
        border-right: 0px solid #a5d1ff!important;
    }
    .td_sticky{
        position: sticky;
        /*position: relative;*/
        left: 0px;
        background-color: white;
        border-right: 1px solid #a5d1ff!important;
    }
    
    .td_hidden_mobil{
        display: none;
    }
    .main .uj_munkavallalo_menu {
        background-color: #ffffff;
        margin-bottom: 10px;
        border: 1px solid #57b5fc;
        border-radius: 10px;
        width: fit-content;
        box-shadow: 0px 0px 10px 0px #82828240;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main .uj_munkavallalo_menu .tab {
        cursor: pointer;
        display: list-item;
        list-style: none;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: bold;
        width: 100%;
    }
    /*teszt*/
    .naptar_container{
        margin-right: auto;
        margin-left: auto;
        /*border-radius: 20px;*/
        /*border: 1px solid #D6222A;*/
    }
    .row_naptar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }
    .col_naptar{
        /*border: 1px solid #D6222A;*/
        border: 1px solid #a5d1ff !important;
        flex: 1 0 0%;
        max-width: 125px;
        min-width: auto;
        /*padding: 3px;*/
        /*min-height: 100px;*/
        background-color: white;
        /*font-size: 12px;*/
        font-size: 13px;
    }
    .het_napjai{
        background-color: #0b72ce;
        min-height: 40px !important;
        height: 40px !important;
        color: white;
        text-align: center;
    }
    .naptar_datum {
        text-align: center;
        /*text-align: center;*/
        /*padding: 3px;*/
        color: #095699;
    }
    .naptar_munkavallalo_datum {
        /*text-align: left;*/
        text-align: center;
        /*padding: 3px;*/
        color: #095699;
        min-height: 26px;
        border-bottom: 1px solid #e2effd;
    }
    .beosztas_szerkesztes_d01 {
        text-align: center;
        color: #095699;
        /*min-height: 50px;*/
        min-height: 118px;
        border-bottom: 1px solid #e2effd;
    }
    .beosztas_szerkesztes_d02 {
        text-align: center;
        color: #095699;
        /*min-height: 50px;*/
        min-height: 118px;
        border-bottom: 1px solid #e2effd;
    }
    .szabadsag_naptar_nezet{
        background-color: #a0f0a3;
        border-radius: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .szabadsag_igenyles_naptarnezet{
        background-color: #57b5fc !important;
        border-radius: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*teszt*/

    .desktop_hidden{
        display:none !important;
    }
    .menu_top{
        display: none;
    }
    .side_menu{
        z-index: 100;
        width: 100%;
        height: auto;
    }
    .side_menu .menu_items{
        display: none;
        height: 100vh;
    }
    .main{
        padding-top: 100px
    }
    .mobil_menu_login .belepve_mint{
        color: white;
    }
    .mobil_menu_login{
        text-align: center;
        color: white;
        display: block !important;
    }
    .main{
        padding-left:0px;
        margin: 15px;
    }
    .mobile_menu_x {
        display: inline-block !important;
        cursor: pointer;
        text-align: -webkit-right !important;
        text-align: right;
        padding: 1rem;
    }
    .bar1, .bar3 {
        width: 35px;
        height: 5px;
        background-color: white;
        margin: 6px 0;
        transition: 0.4s;
    }
    .bar2{
        width: 30px;
        height: 5px;
        background-color: white;
        margin: 6px 0;
        transition: 0.4s;
    }
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }
    .change .bar2 {
        opacity: 0;
    }
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    .logo{
        display: inline-block;
    }
    .top_top{
        display: flex;
        justify-content: space-between;
    }
    .beosztas_select{
        width:100%;
    }
    .beosztas_form{
        text-align: center;
        /*background: white;*/
    }
    .gombok{
        text-align: -webkit-center;
    }
    .button_megse{
        width: 100px;
    }
    .main .list{
        width: auto;
    }
    .list{
        overflow:auto;
    }
    #desktop_munkavallalo_search{
        display: none;
    }
    #mobil_munkavallalo_search{
        display: block !important;
        text-align: center;
    }
    .main .search{
        text-align: center;
    }
    .m_sz{
        display: table-cell;
        padding-left:15px;
        text-align: center;
    }
    .d_sz{
        display: none !important;
    }
    .main .list{
        width: auto;
        max-width: none;
    }
    .main .search{
        width: 100%;
    }
    .list table{
        width: 100%;
    }
    .verzio{
        text-align: left;
        color: white;
        bottom: 0;
        position: relative;
        padding: 18px;
    }
}
@media(min-width: 1201px){
    .mobile_hidden{
        display:none !important;
    }
    .m_sz{
        display:none !important;
    }
    .d_sz{
        display: table-cell;
    }
}

.td_id{
    text-align: center;
}
#mobil_munkavallalo_search{
    display: none;
}
.mobile_menu_x{
    display: none;
}

.tr_munkavallalo:hover{
    background-color: rgb(200, 233, 255);
}

.tr_munkavallalo:hover > .td_sticky{
    background-color: rgb(200, 233, 255);
}


.list table td{
    border-bottom: 1px solid #57b5fc;
}

@media(max-width: 638px){
    .naptar_munkavallalo_datum {
        /* text-align: left; */
        text-align: center;
        /* padding: 3px; */
        color: #095699;
        /*min-height: 60px;*/
        min-height: 26px;
        border-bottom: 1px solid #e2effd;
        max-width: 39px;
        margin-left: auto;
        margin-right: auto;
    }
    .beosztas_szerkesztes_d01 {
        text-align: center;
        color: #095699;
        min-height: 118px;
        border-bottom: 1px solid #e2effd;
        max-width: 39px;
        margin-left: auto;
        margin-right: auto;
    }
    .beosztas_szerkesztes_d02 {
        text-align: center;
        color: #095699;
        /*min-height: 50px;*/
        min-height: 118px;
        border-bottom: 1px solid #e2effd;
        max-width: 39px;
        margin-left: auto;
        margin-right: auto;
    }
}