@import "../fonts/Nunito/nunito.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

*{
    font-family: "Nunito",sans-serif;
}

body.signout{
    background-position: center center;
    background-repeat: no-repeat;
    background-blend-mode: darken;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
}

body.signout_summer{
    background-image: url("../img/bg/background_dope-masters_balaton.jpg");
    background-color: rgba(35, 36, 42, 0.22);
}

body.signout_default{
    background-image: url("../img/bg/gray_szikla.jpg");
    background-color: rgba(35, 36, 42, 0.82);
}

body.signout_autumn{
    background-image: url("../img/bg/efal_autumn.jpg");
    background-color: rgba(35, 36, 42, 0.22);
}

body.signout_winter{
    background-image: url("../img/bg/efal_winter.jpg");
    background-color: rgba(35, 36, 42, 0.22);
}

body.signout_christmas{
    background-image: url("../img/bg/efal_christmas.jpg");
    background-color: rgba(35, 36, 42, 0.22);
}

body.signout_spring{
    background-image: url("../img/bg/efal_spring.jpg");
    background-color: rgba(35, 36, 42, 0.22);
}

body.signin{
    background-color:#FFF;
}

.box *{
    font-family: 'Poppins', sans-serif;
}

.box{
    position: relative;
    width: 380px;
    height: 90vh;
    /*background: rgba(28, 28, 28, 1);*/
    background: transparent;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.76);
}


.box::before{
    /*content: '';
    z-index: 1;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 380px;
    height: 90vh;
    transform-origin: bottom right;
    background: linear-gradient(0deg,transparent, rgba(69, 243, 255, 0.7), rgba(69, 243, 255, 0.7));
    animation: animate 8s linear infinite;*/
}

/*.box::after{
    content: '';
    z-index: 1;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 380px;
    height: 90vh;
    transform-origin: bottom right;
    background: linear-gradient(0deg,transparent, rgba(69, 243, 255, 0.4), rgba(69, 243, 255, 0.4));
    animation: animate 8s linear infinite;
    animation-delay: -3s;
}*/

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

/*
.box_inner_OLD{
    position: absolute;
    inset: 2px;
    background: rgba(40, 41, 45, 0.6);
    padding: 50px 40px;
    border-radius: 8px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}
*/

.box_inner{
    position: absolute;
    inset: 2px;
    background: rgba(40, 41, 45, 0.8);
    padding: 50px 40px;
    border-radius: 8px;
    z-index: 2;
    display: flex;
    flex-direction: column;

}


.box_inner h2{
    color: #0dcaf0;
    font-size:1.2em;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: 1px 1px 4px #000;
    margin-bottom:40px !important;
}

.inputBox{
    position: relative;
    width: 100%;
    margin-top: 35px;
}

.inputBox input{
    position: relative;
    width: 100%;
    padding: 20px 10px 10px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: none;
    color: #23242a;
    font-size: 1em;
    letter-spacing: 0.05em;
    transition: 0.5s;
    z-index: 10;
}


.inputBox input:-webkit-autofill,
.inputBox input:-webkit-autofill:hover,
.inputBox input:-webkit-autofill:focus,
.inputBox input:-webkit-autofill:active{
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
    transition: color 9999s ease-out, background-color 9999s ease-out;
    transition-delay: 9999s;
}

.inputBox span{
    position: absolute;
    left: 0;
    padding: 20px 0px 10px;
    pointer-events: none;
    font-size: 1em;
    color: #8f8f8f;
    letter-spacing: 0.05em;
    transition: 0.5s;
}

.inputBox input:-webkit-autofill ~ span,
.inputBox input:valid ~ span,
.inputBox input:focus ~ span{
    color: #0dcaf0;
    transform: translateX(0px) translateY(-34px);
    font-size: 0.75em;
}

.inputBox i{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0dcaf0;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.5s;
    pointer-events: none;
    z-index: 9;
}

.inputBox input:-webkit-autofill ~ i,
.inputBox input:valid ~ i,
.inputBox input:focus ~ i{
    height: 44px;
}

.box_inner label{
    color: #0dcaf0 !important;
    font-size: 0.75em !important;
    padding-bottom:5px !important;
    margin-top:20px;
}

.box_inner select{
    background: transparent;
    border:none;
    border-bottom: 2px solid #0dcaf0 !important;
    color: #fff;
    outline: none;
    border-radius:0px;
}

.box_inner select:active,
.box_inner select:focus{
    background: transparent;
    border-bottom: 2px solid #0dcaf0 !important;
    color: #0dcaf0;
    outline: none;
    border-radius:4px;
}

.links{
    display: flex;
    justify-content: space-between;
}

.links a{
    margin: 10px 0;
    font-size: 0.75em;
    color: #8f8f8f;
    text-decoration: beige;
}

.links a:hover,
.links a:nth-child(2){
    color: #45f3ff;
}


button:active{
    opacity: 0.8;
}


.main_version_info{
    position: fixed;
    bottom:10px;
    left:10px;
    width:400px;
    text-align:left;
    font-size:12px;

    z-index:1361;
}

body.signout_summer .main_version_info{
    color:rgba(255,255,255,1);
    font-weight:bold;
    text-shadow: 1px 1px 4px #000;
}

body.signout_winter .main_version_info{
    color:rgba(255,255,255,0.3);
}

.main_picture_info{
    text-decoration:none;
    position: fixed;
    bottom:10px;
    right:10px;
    font-size:10px;
    color:rgba(255,255,255,0.6);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
    z-index:1361;
}

.belepes_oldal_programnev{
    text-align: center;
}

.belepes_oldal_programnev img{
    height:25px;
}


/*.belepes_doboz{
    left:50%;
    margin-left:-200px;
    margin-top:0px;
    width:100%;
    max-width:400px;
    height:100%;
    padding:20px;
    box-sizing: border-box;
    position: fixed;
    top:0;
    background-color:rgba(0,0,0,0.6);
    border-right:2px solid rgba(150,150,150,0.5);
    border-left:2px solid rgba(150,150,150,0.5);
    color: rgb(0, 170, 212);
    backdrop-filter: blur(4px);
    border-radius:0px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.belepes_doboz a{
    text-decoration: none;
    color:#0ba8c7;
}

.belepes_doboz a:hover{
    background-color:#0ba8c7;
    color:#FFF;
    padding:5px;
    border-radius:5px;
}*/

.ideaimp_logo{
    position: fixed;
    display: block;
    width:80px;
    height:80px;
    top:30px;
    right:30px;
    z-index:5;
}

.ideaimp_logo img{
    width:100%;
    height:auto;
    border-radius:50%;
    box-shadow: 0px 0px 10px #39679d;
}

.ownbreadcrumb{
    font-size:14px;
    color:#333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index:100;
    padding-top:6px;
    overflow-y: hidden;
}

.ownbreadcrumb a{
    color:#0dcaf0;
    text-decoration: none;
    padding:5px;
}

.ownbreadcrumb span{
    padding:5px;
}

.ownbreadcrumb-elvalaszto{
    padding-left:5px;
    padding-right:5px;
}

.main-container{
    width:100%;
    box-sizing: border-box;
    padding-left:60px;
    padding-top:45px;
}

.main_content_header{
    background-color:rgb(14, 19, 24);
    border-bottom:2px solid #AAA;
    padding:10px 20px;
    padding-bottom:0px;
    color:#CCC;
    position: relative;
}

.fixed_main_content_header{
    position: fixed;
    top:35px;
    left:60px;
    width:calc(100% - 60px);
    height:auto;
    backdrop-filter: blur(2px);
    background-color: rgba(14, 19, 24, 0.83);
    z-index:101;
    transition: background-color 0.5s;
    margin-top:10px;
    padding-top:0px;
    padding-bottom:0px;
}


.fixed_main_content_header:hover{
    /*background-color: rgba(238, 238, 238, 0.95);*/
    background-color: rgba(14, 19, 24, 0.8);
}


.fixed_main_content_header .main_page_title{
    display: none;

}

.fixed_main_content_header .new-button_tarolo{
    text-align: center;
}

.fixed_main_content_header .new-button_tarolo button{
    height:32px !important;
    width:40px !important;
    min-width:40px;
    max-width:40px;
    margin-right:10px !important;
    font-size:16px;
}

.fixed_main_content_header .vezerlo_button_hint{
    display:none;
}

.fixed_main_content_header .szures_ablak_bezarasa_gomb{

    top:-57px;

}

.main_content_header .main_page_title{
    font-size:20px;
    color:#bbb;
    font-weight:bold;
}

.new-muveleti_gombsor{
    margin: 0 0;
    margin-top:10px;
    margin-bottom:10px;
    padding:5px 10px;
    width:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-x: auto;
    background-color:rgb(33,37,41);
    border-radius:10px;
}

.new-muveleti_gombsor::-webkit-scrollbar {
    width: 3px;
    height:3px;
}

/* Track */
.new-muveleti_gombsor::-webkit-scrollbar-track {
    background-color:rgb(33,37,41);
}

/* Handle */
.new-muveleti_gombsor::-webkit-scrollbar-thumb {
    background-color: rgb(52, 59, 65);
}

/* Handle on hover */
.new-muveleti_gombsor::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.new-muveleti_gombsor:after{
    clear:both;
    content: '';
    display: block;
}

.new-muveleti_gombsor button{
    text-align: center;
    padding:3px !important;
    margin-right:10px;
    height:48px !important;
    min-width:80px;
    max-width:120px;
    width:auto;
    font-size:18px;
    background-color:#0dcaf0 ;
    color:#FFF;
    border:1px solid #0ba8c7;
    border-radius:3px;

}

.vezerlo_button_hint{
    display:block;
    font-size:10px;
    color:#FFF;
}


.new-muveleti_gombsor button:hover{
    /*box-shadow: 0px 0px 2px #DDD;*/
    background-color: #0ba8c7;
}

.new-button_tarolo{
    white-space: nowrap;
    width:auto;
}

.new-szuroablak{
    position: relative;
    margin-top:5px;
    visibility: hidden;
    display: none;
    padding:5px;
    border-top:0px solid #DDD;
    padding-bottom:15px;
}

.new-szuroablak label{
    color:#999;
}

.new-szuroablak input:not(.searchInputField), .new-szuroablak select, .new-szuroablak button.LTdropdownerbutton {
    background-color:rgb(33,37,41) !important;
    border:2px solid rgb(40, 44, 49);
    color: #8d9fa2 !important;
    font-size:14px;
}

.new-szuroablak label {
    color:#0ba4c2;
    font-size:12px;
    font-weight:bold;
}

.new-szuroablak input:not(.searchInputField)::placeholder, .new-szuroablak select::placeholder, .new-szuroablak button.LTdropdownerbutton::placeholder {
    color: rgba(141, 159, 162, 0.22) !important;
}


.new-szuro-inner-container{

}

.szures_ablak_bezarasa_gomb{
    position: absolute;
    top:-68px;
    right:0px;
    background-color:#E00;
    color:#FFF;
    width:50px;
    height:43px;
    border:1px solid #a50f0f;
    border-radius:5px;
    box-shadow: 0px 0px 4px #666;
    opacity:0.5;

}

.szures_ablak_bezarasa_gomb:hover{
    opacity: 1;
    box-shadow: 0px 0px 2px #888;
}

.new-muveleti_gombsor_select{
    margin-top:15px;
    height:43px;
    margin-right:60px;
    border-radius:5px;
}

.main_content_container{
    padding:5px 25px;
}

.main-tartalomlista-lablec{
    text-align:center;
    padding:20px 10px;
    margin-top:35px;
    margin-bottom:25px;
    min-height:60px;
    color: #333;
    font-size:13px;
    border:0px solid #DDD;
    border-radius: 10px;

}

.btn-objectlist-add{
    padding:2px 10px !important;
    font-size:16px !important;
    background-color: rgba(17, 66, 75, 0.22) !important;
    color:#FFF !important;
}

.btn-objectlist-add:hover{
    background-color: #0dcaf0 !important;
}

.btn-own-primary{
    background-color:#0dcaf0 !important;
    color:#FFF !important;
}

.btn-own-primary:hover{
    background-color: #0ba4c2 !important;
    color:#FFF !important;
}

.btn-own-secondary{
    background-color: #94b1b6 !important;
    color:#FFF !important;
}

.btn-own-secondary:hover{
    background-color: #748d92 !important;
    color:#FFF !important;
}

.btn-alert{
    background-color: #E00 !important;
    color:#FFF !important;
    border:1px solid #E00 !important;
}

.btn-alert:hover{
    background-color: #ba0505 !important;
}

.btn-own-back{
    color: #FFF !important;
    background-color: rgba(238, 144, 25, 0.9) !important;
    border-color: rgba(194, 118, 21, 0.9) !important;
}

.btn-own-back:hover{
    background-color: rgba(212, 124, 12, 1) !important;
}

.btn-own-success{
    color: #FFF !important;
    background-color: #00BB00 !important;
    border-color: #009200 !important;
}

.btn-own-success:hover{
    background-color: #009200 !important;
}

.btn-own-danger{
    color: #FFF !important;
    background-color: #DD0000 !important;
    border-color: #ba0000 !important;
}

.btn-own-danger:hover{
    background-color: #ba0000 !important;
}

.btn-own-violet{
    background-color: #8b45e0 !important;
    color:#FFF;
    border-color: #7035c4 !important;
}

.btn-own-violet:hover{
    opacity:0.8;
}

.btn-own-disabled{
    background-color: #BBB !important;
    color:#FFF;
    border-color: #AAA !important;
    cursor: pointer !important;
}


.btn-own-windowclose{
    position: absolute;
    top:0px;
    right:0px;
    width:30px;
    height:30px;
    background-color:#E00;
    color:#FFF;
    padding:2px 5px;
    font-weight:bold;
    text-align: center;
    border:0px;
}

.btn-own-windowclose-radius{
    position: absolute;
    top:0px;
    right:0px;
    width:30px;
    height:30px;
    background-color:#E00;
    color:#FFF;
    padding:2px 5px;
    font-weight:bold;
    text-align: center;
    border:0px;
    border-top-right-radius: 10px;
}

.tartalom_oszlop{
    border-right:1px solid #EEE;
}

.tartalom_oszlop:last-of-type{
    border-right:1px solid rgba(238, 238, 238, 0);
}

.keptarolo-container img{
    width:100%;
    max-width:400px;
    margin:0 auto;
}
.keptarolo-container{
    text-align: center;
}

.inner_container h1{
    color:#333;
    font-size:30px;

}

.inner_container h3{
    color:#0a9ebb;
    font-size:24px;
    font-weight:bold;
    margin-top:35px;
    margin-bottom:20px;
}

.inner_container h3:first-of-type{
    color:#0a9ebb;
    font-size:24px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:20px;
}

.inner_container h3 .megjegyzes{
    font-size:12px;
}

.inner_container h4{
    color:#000;
    font-size:18px;
    font-weight:bold;
    margin-top:25px;
    margin-bottom:20px;
}

.inner_container h4.default{
    color:#555;
}

.megjegyzes{
    color:#999;
    font-style: italic;
}

.megjegyzes_14px{
    color:#999;
    font-style: italic;
    font-size:12px;
}

.megjegyzes_12px{
    color:#999;
    font-style: italic;
    font-size:12px;
}

.megjegyzes_barna{
    color: rgba(184, 144, 97, 0.77);
}

.new-adatsor{
    margin-bottom:7px;
}

.new-adatsor div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new-adatsor div:first-of-type{
    color: rgba(184, 144, 97, 0.77);
    font-size:12px;
}

.new-adatsor div a{
    color:#333;
    cursor: pointer;
    text-decoration: none;
}

.new-adatsor div a:hover{
    color:#0dcaf0;
}

.new-adatsor div .kisebb_betu{
    font-size:15px;
}

.new-adatdoboz{
    position: relative;
    font-weight:bold;
    padding:25px;
    text-align:center;
}

.new-adatdoboz-szurke{
    background-color:#EEE;
    color:#222;
}

.new-adatdoboz-barna{
    background-color:#e6d8cf;
    color:#75472b;
}

.new-adatdoboz-cian{
    background-color:#bee0e4;
    color:#158693;
}

.btn-own-container{
    display:flex;
    justify-content: space-between;
    align-items: center;
    overflow: visible;
}


.btn-ikonbtn{
    font-size:16px;
    color:#888;
    display:inline-block;
    border:1px solid #CCC;
    padding:5px 10px;
    border-radius: 3px;
    margin-left:5px;
    margin-right:5px;
    width:35px;
    height:35px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-ikonbtn:hover{
    background-color:#0a9ebb;
    color:#FFF;
}

.btn-own-cyan{
    background-color: #0dcaf0 !important;
    color:#FFF !important;
    border:1px solid #0ba8c7 !important;
}

.btn-own-cyan:hover{
    background-color: #0a9ebb !important;
    color:#FFF;
}

.btn-own-orange{
    color: #FFF !important;
    background-color: rgba(238, 144, 25, 0.9) !important;
    border-color: rgba(194, 118, 21, 0.9) !important;
}

.btn-own-orange:hover{
    background-color: rgba(212, 124, 12, 1) !important;
}

.form-group{
    margin-bottom:10px;
}

.form-group label{
    font-size:14px;
    color:#333;
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

input.disabled, select.disabled, textarea.disabled{
    background-color:#CCC;
    color:#999;
    cursor:not-allowed;
}

.new-dolgozok-szabadsagsor div p{
    font-size:12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* SZABADSÁGOK NAPTAR NEZET */


.bg-yellow{
    background-color: #e2c00a !important;
    border-color: #ba9d08 !important;
    color:#FFF !important;
}

.form-control::placeholder{
    color:#CCC !important;
    font-weight: 300;
    font-size:0.85em;
}

.form-control-lg{
    font-size:1.1rem !important;
}

.bg-light{
    border:1px solid #E0E0E0;
    border-radius:10px;
}

.btn-primary{
    background-color:#0dcaf0;
    color:#FFF;
}

.btn-primary:hover{
    background-color:#0ba8c7;
    color:#FFF;
}

.piroskeret{
    border:2px solid #E00 !important;
}

.flex-inner{
    height:100%;
}

hr{
    background-color:#C6C6C6 !important;
}

.color-own-orange{
    color:rgba(238, 144, 25, 1) !important;
}

.color-own-primary{
    color:#0dcaf0;
}

.jogdolglista_container{
    top:0px;
    left:0px;
    position:fixed;
    width:100%;
    height:100%;
    opacity:0;
    visibility: hidden;
    z-index:1016;
}

.sotet_hatter_jogdolglistahoz{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1016;
    background-color:rgba(0,0,0,0.8);
}

.jogdolglista{
    position: fixed;
    left:50%;
    top:50%;
    margin-left:-200px;
    width:400px;
    margin-top:-250px;
    height:500px;
    background-color:#FFF;
    z-index: 1017;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:20px;
    overflow-y: auto;
}


/* width */
.jogdolglista::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.jogdolglista::-webkit-scrollbar-track {
    background: #eeeeee;
}

/* Handle */
.jogdolglista::-webkit-scrollbar-thumb {
    background: #aaaaaa;
}

/* Handle on hover */
.jogdolglista::-webkit-scrollbar-thumb:hover {
    background: #CCC;
}

.jogdolglista h1{
    margin-top:15px !important;
    font-size:20px !important;
    font-weight:bold !important;
}

.jogdolglista .bezargomb{
    position:absolute;
    right:0px;
    top:0px;
    width:40px;
    height:40px;
    background-color:#E00;
    color:#FFF;
    padding:10px;
    font-weight:bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}

.jogdolglista table tr td{
    height:48px;
}

.se-wrapper *{
    font-family: "Nunito", sans-serif !important;
    font-size:16px !important;
}



a.hotkey_hide{
    visibility: hidden;
    position: absolute;
    top:0px;
    left:90px;
}

.jelszo_modositas_ablak{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:105;
}

.jelszo_modositas_ablak .jelszo_modositas_ablak_inner{
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-200px;
    width:400px;
    height:450px;
    background-color:#FFF;
    padding:25px;
    z-index:106;
    border-radius:5px;
}

.jelszo_modositas_ablak .jelszo_modositas_ablak_inner h1{
    color:#0ba8c7;
    text-align: center;
    margin-top:0px;
    margin-bottom:20px;
    padding-top:5px;
    font-size:24px;
    font-weight:bold;
}

.newErtesitesAblak{
    cursor:pointer;
    text-align: left;
    position:fixed;
    bottom:20px;
    right:20px;
    height:auto;
    min-height:50px;
    width:100%;
    max-width:300px;
    padding:15px;
    border-radius:8px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    z-index:1001;
}

.newSikeresAblak{
    background-color: #dffadf;
    color: #508250;
}

.newHibaAblak{
    background-color: #fadfdf;
    color: #843131;
}

.newDefaultAblak{
    background-color: #faefdf;
    color: #9e640c;
}

.newErtesitesAblak h1{
    font-size:18px;
    font-weight:bold;
}

.newErtesitesAblak p{
    font-size:14px;
    font-weight:normal;
    margin-bottom:0px;
}

ul.teruletlista{
    list-style-type: none;
    padding:0px;
}

ul.teruletlista li{
    padding:10px;
    border-radius: 5px;
}

ul.teruletlista li:hover{
    background-color:#EEE;
}

.teruletvalaszto_gomb{
    width:auto;
    background-color:#FFF;
    border:1px solid #DDD;
    padding:4px 15px;
    text-align: center;
    font-size:13px;
    color:#0a9ebb;
    font-weight:bold;
    border-radius: 5px;
    margin-top:2px;
}

.teruletvalaszto_gomb:hover{

}

.terulet_valasztas_container{
    display:none;
    opacity: 0;
    position: fixed;
    width:100%;
    max-width:400px;
    box-sizing: border-box;
    background-color:#FFF;
    padding:20px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
    height:auto;
    min-height:50px;
    max-height:400px;
    border:1px solid #CCC;
    z-index:113;
}

.own-position-top-right{
    position: absolute;
    top:5px;
    right:5px;
}

.own-hr-primary{
    background-color:#0a9ebb !important;
    height:5px !important;
}

.form-check-input:checked {
    background-color: #0a9ebb !important;
    border-color: #0a9ebb !important;
}

.cur-pointer{
    cursor:pointer;
}

a.new-link{
    color:#0a9ebb;
    text-decoration: none;
    padding:3px;
    border-radius: 5px;
}

a.new-link:hover{
    background-color:#0a9ebb;
    color:#FFF;
    text-decoration: none;
}

.privat_adatok_bekerese_container{
    position: fixed;
    top:0;
    left:0;
    z-index:1300;
}

.privat_adatok_bekerese_ablak{
    position: fixed;
    top:20px;
    left:50%;
    margin-left:-200px;
    margin-top:0px;
    background-color:#FFFFFF;
    border-radius: 10px;
    padding:20px;
    box-sizing: border-box;
    width:100%;
    max-width:400px;
    min-height:200px;
    z-index:1318;
}

.ownbtn_utlrakeskeny{
    width:30px !important;
    padding-left:0px !important;
    padding-right:0px !important;
}


.new-dontes-doboz{
    padding:15px;
    box-sizing: border-box;
    width:100%;
    margin: 0px;
    border-radius:10px;
}

.rendszeruzenet_ablak{
    top:10px;
    left:5%;
    width:22%;
    max-width:290px;
    height:auto;
    max-height:500px;
    position: fixed;
    background-color:rgba(255,2552,255,0.8);
    color:#0a9ebb;
    padding:20px;
    margin-top:45px;
    border-radius: 5px;
}

.rendszeruzenet_cim{
    font-weight:bold;
    font-size:12px;
    color:#333;
    margin-bottom:10px;
}

.rendszeruzenet_szoveg{
    font-size:12px;
    color:#333;
}

.teszt_db_jeloles{
    position: fixed;
    bottom:0px;
    left:0;
    width:100%;
    height:30px;
    padding:6px;
    padding-top:10px;
    background-color: rgba(238, 0, 0, 0.8);
    color:#FFF;
    z-index:10001;
    font-size:11px;
    font-weight:bold;
    overflow: hidden;
    border:1px solid #FFF;
    border-radius: 5px;
    text-align:center;
    z-index:10000;

}

.teszt_db_jeloles:hover{
    opacity:0.15;

}

.resetprogram_container{
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:20px;
    box-sizing: border-box;
}

/* Minden olyan link, amely akiót von maga után, gondolok itt tel: , mail: , google map-re irányítás stb. */
.own_contact_link{
    color:#333;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
    padding:1px 10px;
    border-radius:20px;
    margin-left:-10px;
    margin-top:-1px;
    margin-bottom:-1px;
    transition: background-color 0.5s, color 0.5s;
}

.own_contact_link:hover{
    background-color:#0ba4c2;
    color:#FFF !important;
}

.own_contact_link:hover::before{
    content:"\2022";
    display: block;
    position: absolute;
    margin-left:-30px;
    color:#0ba4c2;
    font-weight:bold;
}

.own_contact_tel{

}
.own_contact_tel:hover::before{
    content:"\260E" !important;
}

.own_contact_email{

}
.own_contact_email:hover::before{
    content:"\2709" !important;
}

.own_contact_map{

}
.own_contact_map:hover::before{
    content:"\2708" !important;
}

.own_contact_route{
    color:#0a9ebb;
    padding:5px 10px !important;
}
.own_contact_route:hover{
    background-color:#E00;
}
.own_contact_route:hover::before{
    color:#E00;
    content:"\260D" !important;
}

.own_contact_user{

}
.own_contact_user:hover::before{
    content:"\2756" !important;
}

/** ÚJ DEFAULT DOBOZOK FORMÁZÁSA **/

.main_default_doboz{
    padding:20px;
    margin:30px 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #888;
    background-color:#FFF;
    border-radius:10px;
}

.univerzalis_jobb_felso_sarok_bezargomb{
    position: absolute;
    right:0px;
    top:0px;
    width:35px;
    height:35px;
    color:#FFF;
    background-color: #E00;
    font-size:18px;
    font-weight:bold;
    text-align: center;
    padding:5px 0px;
    border-top-right-radius: 5px;
}

.univerzalis_jobb_felso_sarok_bezargomb:hover{
    background-color: #be0101;
    color:#FFF;
    cursor:pointer;
}

.csak_mobilon_lathato{
    display:none !important;
}



@media screen and (max-width: 1400px){
    .main-container{
        padding-left:50px;
    }

    .fixed_main_content_header{
        left:50px;
        width:calc(100% - 50px);
    }
}


/******  LARGE NÉZET *********/

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

    .main-container{
        padding-left:50px;
    }

    .new-adatsor div .kisebb_betu{
        font-size:12px;
    }

    .belepes_doboz{
        margin-top:0px;
        width:100%;
        max-width:400px;
        height:100%;
        padding:20px;
        box-sizing: border-box;
        position: fixed;
        top:0;
        left:0;
        margin-left:0;
        background-color:rgba(0,0,0,0.6);
        border-right:2px solid rgba(150,150,150,0.5);
        color: rgb(0, 170, 212);
        backdrop-filter: blur(8px);
        /*box-shadow: 0px 0px 10px #111;*/
        border-radius:0px;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    }

    .main_version_info{
        position: fixed;
        bottom:10px;
        left:10px;
        margin-left:0px;
        width:auto;
        text-align:left;
        font-size:12px;
        color:rgba(255,255,255,0.3);
        z-index:1361;
    }
}

.negyszaznegy_container{
    position:fixed;
    width:100%;
    height:100%;
    background: url("../img/ales-nesetril-unsplash.jpg") no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

.negyszaznegy_container p{
    color:#FFF;
    width:100%;
    text-align: center;
    font-size:40px;
    font-weight:bold;
    position: fixed;
    bottom:20px;
    padding:30px;
    box-sizing: border-box;
    background-color:rgba(0,0,0,0.5);
    backdrop-filter: blur(1px);

}

table.main_default_table{

}

table.main_default_table tr{

}

table.main_default_table tr td{
    width:33%;
    padding:5px 10px;
    vertical-align: top;
}

.fejlec_quickmenu_container{
    display:flex;
    align-items: flex-start;
    justify-content: flex-end;
}

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

.fejlec_quickmenu_container button:first-of-type{
    margin-left:20px;
}

/* PROFIL ICON IN TITLE BAR */

.profil_fejlec_nev{
    text-decoration:none;
    display:block;
    padding:4px 10px;
    font-size:13px;
    color:#0a9ebb;
    font-weight:bold;
    line-height: 13px;
    cursor:pointer;
}

.profil_fejlec_nev:hover{
    color:#0a9ebb;
    background-color:#FFF;
    border-radius:5px;
}

.profil_fejlec_nev span{
    font-size:10px;
    color:#888;
    font-weight: normal;
}

.profil_icon{
    text-decoration:none;
    display:block;
    padding:3px 10px;
    font-size:13px;
    color:#0a9ebb;
    font-weight:bold;
    line-height: 13px;
    cursor:pointer;
    height:36px;
    border-radius:5px;
    width:auto;
    /*border:3px solid rgb(149, 194, 202);*/
    text-align: center;
    /*background-color:rgb(10, 158, 187);
    transition: width 0.25s, height 0.25s, border-radius 0.25s, background-color 0.25s, box-shadow 0.25s;
    */
    overflow:hidden;
    z-index:1000;
}

.profil_icon a{
    text-decoration:none;
    display:block;
    padding:1px 10px;
    font-size:13px;
    color:#0a9ebb;
    font-weight:bold;
    line-height: 13px;
    cursor:pointer;
    width:100%;
}

.profil_icon:hover{
    display:block;
    overflow: visible;
    backdrop-filter: blur(2px);
    background-color: rgba(255, 255, 255, 0.91) !important;
    color:rgb(10, 158, 187);
}

.profil_icon:hover a:hover{
    color:#0a9ebb;
    background-color:#FFF;
    border-radius:5px;
    width:100%;
}

.profil_icon_inner{
    position: absolute;
    top:0px;
    right:0px;
    height:160px;
    width:350px;
    opacity:1;
    display:none;
    border-radius:5px;
    text-align:center;
    background-color: rgba(255, 255, 255, 1);
    padding:20px;

    box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
}

.profil_icon_inner2 hr{
    margin-top:-5px !important;
}

.profil_icon_inner_picture{
    height:60px;
    width:60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:50%;
    border:2px solid #333;
}

.profil_icon_inner2 p{
    padding:3px 0;
}

.profil_icon_inner2 p.name{
    padding:0;
    padding-bottom:2px;
    margin-bottom:0px;
    color:#333;
    font-weight:bold;
    font-size:18px;
    line-height: 18px;
}

.profil_icon_inner2 p.name span{
    font-size:12px;
    color:#0ba8c7;
}

.profil_gombok{
    padding:2px 10px;
}

.profil_gombok button span{

}

.profil_gombok button:hover span{
    display:inline-block;
}


.profil_icon:hover > .profil_icon_inner{
    /* display:block; */
}

.profil_icon_inner button.signout_button{
    position: absolute;
    bottom:5px;
    right:5px;
}

.profil_icon .fejlecProfilKep{
    display:block;
    width:36px;
    height:auto;
    border-radius:25%;
}

.profil_icon:hover .fejlecProfilKep{
    display:none;
    width:auto;
    height:55px;
    border-radius:25%;
}



.fejlecQuickmenuButton{
    position: relative;
    display:block;
    cursor:pointer;
    padding:5px;
    color:#0a9ebb;
    text-align:center;
    width:37px;
    border-radius:50%;
    margin-right:10px;
    border:1px solid #0a9ebb;
}

.fejlecQuickmenuButton:last-of-type{
    margin-right:0px;
}

.fejlecQuickmenuButton:hover{
    background-color:#0a9ebb;
    color:#FFF;
}

.fejlecQuickmenuButton.gray{
    color:#999;
    border:1px solid #999;
}

.fejlecQuickmenuButton.gray:hover{
    background-color:#999;
    color:#FFF;
}

.fejlecQuickmenuButton.red{
    color:#e00;
    border:1px solid #e00;
}

.fejlecQuickmenuButton.red:hover{
    background-color:#e00;
    color:#FFF;
}



.fejlec_mobil_menugomb{
    width:auto;
    background-color:#FFF;
    border:1px solid #DDD;
    padding:4px 15px;
    text-align: center;
    font-size:13px;
    color:#0a9ebb;
    font-weight:bold;
    border-radius: 10px;
    margin-top:2px;
    margin-left:10px;
}

.fejlec_mobil_menugomb:hover{

}

.suti_doboz{
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:1363;
    min-height:80px;
    margin-bottom:-500px;
    background-color:rgba(255,255,255,0.8);
    color:#333;
    font-size:16px;
    font-weight:300;
    padding:20px;
    text-align:center;
    box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.79);
    opacity: 0;
    animation-name: suti_doboz_show;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
}

@keyframes suti_doboz_show{
    0%{
        margin-bottom: -500px;
        opacity: 0;
    }
    100%{
        margin-bottom: 0px;
        opacity: 1;
    }
}

.suti_doboz_megertettem{
    display:inline-block;
    margin-top:5px;
    cursor: pointer;
    background-color:#FFDF48;
    color:#333;
    border-radius: 5px;
    padding:5px 10px;
    text-decoration: none;
    font-weight:bold;
}

.suti_doboz_megertettem:hover{
    background-color:#333;
    color:#FFDF48;
}

.belyegkep_nevhez{
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    background-size: cover;
    background-position: center center;
    margin-right:2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(10, 158, 187, 0.2);
}



/******  MÉDIUM NÉZET *********/

@media (max-width: 992px) {

    .csak_mobilon_lathato{
        display:inline-block !important;
    }

    .teszt_db_jeloles{
        right:50%;
        margin-right:-25px;
    }




    .newErtesitesAblak{
        bottom:100px;
    }



    .form-group{
        margin-top:5px;
    }

    .mobilon_nem_lathato{
        display:none !important;
    }

    .main-container{
        padding:10px 0px;
        padding-top:35px;
        margin-bottom:60px;
    }

    .main_content_container{
        padding:5px 5px;
    }

    .ideaimp_logo{
        display:none;
    }

    .belepes_doboz{
        width:100%;
        padding:20px;
        box-sizing: border-box;
        position: fixed;
    }


    .szures_ablak_bezarasa_gomb{
        position: absolute;
        top:-105px;
        right:-15px;
        background-color:#E00;
        color:#FFF;
        width:25px;
        height:33px;
        border:1px solid #a50f0f;
        border-radius:5px;
        box-shadow: 0px 0px 4px #666;
        opacity:0.5;
    }

    .new-muveleti_gombsor button{
        text-align: center;
        padding:3px !important;
        margin-right:5px;
        height:35px !important;
        width:48px;
        min-width:48px;
        max-width:48px;
        font-size:18px;
        background-color:#0dcaf0 ;
        color:#FFF;
        border:1px solid #0ba8c7;
        border-radius:3px;
        /*box-shadow: 0px 0px 4px #BBB;*/
    }

    .new-muveleti_gombsor_select{

        font-size:14px !important;
        height:37px;
        margin-right:0px;
    }

    .fixed_main_content_header{
        position: fixed;
        top:36px;
        left:0px;
        width:100%;
        height:auto;
        padding-bottom:0px !important;
        padding-top:0px !important;
    }

    .main_content_header{
        margin-top:10px !important;

    }

    .fixed_main_content_header .main_page_title{
        display:none;
    }




    .new-adatsor div .kisebb_betu{
        font-size:10px;
    }

}




@media screen and (max-width:992px) {
    /*  Gombfeliratok a vezérlőben tűnjenek el */
    .vezerlo_button_hint{
        display:none;
    }

    table.main_default_table {
        display: block;
        width:100% !important;
        table-layout: auto;
    }

    table.main_default_table tr {
        display: block;
    }

    table.main_default_table tr td {
        display: block;
        width: 100% !important;
    }

    .rendszeruzenet_ablak{
        position: relative;
        top:unset;
        left:unset;
        width:unset;
        height:unset;
        max-height:500px;
        background-color:rgba(255,2552,255,0.7);
        color:#0a9ebb;
        padding:20px;
        margin-top:45px;
        border-radius: 5px;
    }

    .teruletvalaszto_container{
        padding-left:0px;
    }

    .terulet_valasztas_container{
        display:none;
        opacity: 0;
        position: fixed;
        left:1%;
        width:98%;
        border-radius: 10px;
    }


}

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

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

    .box{
        width: 98%;
        height: 92vh;
    }


    .main_picture_info{
        display:none;
    }

    .szabadsag_alapertelmezett{
        width:55px;
        height:45px;
        font-size:22px !important;
    }

    .szabadsag_lapoz{
        width:55px;
        height:45px;
        font-size:22px !important;
    }

    .szabadsag_lapoz:first-of-type{
        float:left;
        margin-left:10px;
    }

    .szabadsag_lapoz:last-of-type{
        float:right;
        margin-right:10px;
    }

    .szabadsag_vezerlosav{
        text-align:center;
    }

    .newErtesitesAblak{
        right:0px;
        width:100%;
        max-width:100%;
        opacity:0.95;
    }

    .new-adatsor div .kisebb_betu{
        font-size:12px;
    }


    .teruletvalaszto_container{
        /*
        position: fixed !important;
        display: block !important;
        top:0px;
        left:0px;
        height:46px;
        box-sizing: border-box;
        width:100% !important;
        padding:0px !important;
        text-align: center !important;
        margin:0px !important;*/

    }

    /*.old-teruletvalaszto_gomb{
        width:98%;
        max-width:98%;
        background-color:#FFF;
        border:1px solid #DDD;
        padding:0px 15px;
        text-align: center;
        font-size:12px;
        color:#0a9ebb;
        font-weight:bold;
        border-radius: 10px;
        margin-top:0px;
        box-sizing: border-box;
    }*/

}