/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016.02.07., 11:26:56
    Author     : mokai
*/
@import url("fonts.css");

*{
    /*border:1px dotted #AAAAAA;*/
}
/** ----- BELÉPÉS KEZDETE ----- **/


body{
    font-family: 'SourceSansPro',sans-serif;
    margin:0px;
    overflow: auto;
}

input,textarea,select{
    font-family: 'SourceSansPro', sans-serif;
}

body.noscroll{
    overflow: hidden;
    background: url("../images/trans_belepes_hatter.jpg") center center fixed;
}

.belepes_page_container{
    width:800px;
}

.belepes_page_container h1{
    margin-top:5%;
    margin-bottom:5%;
    color:#FFFFFF;
    font-size:400%;
    font-weight:100;
}

.belepes_page_container div.belepes_input_sor{
    margin-bottom:1.5%;
    margin-top:1.5%;
}

.belepes_page_container div.belepes_input_gomb_sor{
    margin-bottom:1.5%;
    margin-top:1.5%;
    width:82.6%;
}

select.fooldal{
    margin-left:-2px;
    background-color:#1c3456;
    margin-top:10px;
    text-align: center;
    width:300px;
    height:48px;
    padding-left:10px;
    font-size:24px;
    font-weight:300;
    border:0px solid #FFFFFF;
    color:#FFFFFF;
    opacity:0.6;
    transition: all 0.5s;
}

select.fooldal:hover{
    opacity: 0.9;
}

a.hibaoldal_link{
    text-decoration: none;
    color:#FFFFFF;
    background-color:#2d4b76;
    font-weight:300;
    font-size:22px;
    padding:20px;
}

a.hibaoldal_link:hover{
    background-color: #CC0000;
    color:#FFFFFF;
}

.belepes_page_container input.belepes_mezo{
    text-align: center;
    width:80%;
    font-size:280%;
    font-weight:100;
    padding:1.3%;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    border:2px solid #FFFFFF;
    color:#365684;
    opacity:0.6;
    transition: all 0.5s;
}

.belepes_page_container input.belepes_mezo:hover{
    opacity: 0.8;
    border:2px solid #5f7aa1;
}

.belepes_page_container input.belepes_mezo:focus{
    opacity: 1;
    border:2px solid #5f7aa1;
}

.licenseline{
    position:fixed;
    bottom:50px;
    right:50px;
    font-weight: 300;
    font-size:140%;
    padding:1%;
    text-align: center;
    color:#a2bee8;
    border-radius: 20px;
}

.createdbyline{
    position:fixed;
    bottom:50px;
    left:50px;
    font-weight: 300;
    font-size:140%;
    padding:1%;
    text-align: center;
    color:#a2bee8;
    border-radius: 20px;
    border:0px solid #0e41b5;
}

.createdbylineimg{
    z-index: 1000;
    display: block;
    position:fixed;
    bottom:45px;
    left:160px;
    font-weight: 300;
    font-size:140%;
    padding:1%;
    text-align: center;
    color:#a2bee8;
    border-radius: 20px;
    width:40px;
    opacity:0.5;
    box-shadow:  0px 0px 0px #325d9c;
    -moz-box-shadow:  0px 0px 0px #325d9c;
    -webkit-box-shadow: 0px 0px 0px #325d9c;
    transition: all 0.6s;
}

.createdbylineimg:hover{
    opacity:1;
    box-shadow:  0px 0px 10px #325d9c;
    -moz-box-shadow:  0px 0px 10px #325d9c;
    -webkit-box-shadow: 0px 0px 10px #325d9c;
    left:120px;
    bottom:25px;
    width:150px;
    transform: rotate(360deg);
}

input.elf_jel_gomb{
    font-size: 210%;
    padding:5%;
    width:30%;
    border:0px;
    background-color:#FFFFFF;
    color:#365684;
    font-weight:500;
    cursor:pointer;
    transition: all 0.5s;
}

input.elf_jel_gomb:hover{
    -webkit-box-shadow: inset 0px 0px 5px #4b6d9e;
    -moz-box-shadow: inset 0px 0px 5px #4b6d9e;
    box-shadow: inset 0px 0px 5px #4b6d9e;
    /*transform: scale(1.1,1.1);*/
}


input.belepes_gomb{
    font-size: 210%;
    padding:5%;
    width:90%;
    border:0px;
    background-color:#365684;
    color:#FFFFFF;
    font-weight:300;
    cursor:pointer;
    transition: all 0.5s;
}

input.belepes_gomb:hover{
    -webkit-box-shadow: inset 0px 0px 10px #213c62;
    -moz-box-shadow: inset 0px 0px 10px #213c62;
    box-shadow: inset 0px 0px 10px #213c62;
}

.nolicensetext{
    background-color:#FFFFFF;
    font-weight:400;
    font-size:26px;
    color:#FF0000;
    padding:20px;
    margin-top:20px;
    -webkit-box-shadow: inset 0px 0px 25px #4b6d9e;
    -moz-box-shadow: inset 0px 0px 25px #4b6d9e;
    box-shadow: inset 0px 0px 25px #4b6d9e;
}

/** ----- BELÉPÉS VÉGE ----- **/



/** ----- FŐOLDAL KEZDETE ----- **/

.fooldal_page_container{
    margin:0px;
    padding-top:70px;
}

.fooldal_page_container div.fejlecsav{
    z-index:1000;
    position:fixed;
    top:0px;
    left:0px;
    background: url("../images/trans_belepes_hatter.jpg") right center;
    width:100%;
    height:60px;
    -webkit-box-shadow:  1px 1px 5px #1c3456;
    -moz-box-shadow:  1px 1px 5px #1c3456;
    box-shadow:  1px 1px 5px #1c3456;
}


.popupclass{
    top: 150px;
    position:fixed;
    z-index:1000000000;
    width: 400px;
    min-height:100px;
    font-size:26px;
    font-weight:300;
    text-align: center;
    position: fixed;
    left:50%;
    padding:20px;
    margin-left:-220px;
    background-color:#FFFFFF;
    color:#2d4b76;
}

.popupclass_autoheight{
    top: 150px;
    position:fixed;
    z-index:1000000000;
    width: 400px;
    min-height:150px;
    height:auto;
    font-size:26px;
    font-weight:300;
    text-align: center;
    position: fixed;
    left:50%;
    padding:20px;
    margin-left:-220px;
    background-color:#FFFFFF;
    color:#2d4b76;
}

.popupclass_changelog{
    top: 70px;
    position:fixed;
    z-index:1000000000;
    width: 600px;
    height:500px;
    font-size:26px;
    font-weight:300;
    text-align: left;
    position: fixed;
    left:50%;
    padding:20px;
    padding-right:40px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-left:-330px;
    background-color:#FFFFFF;
    color:#2d4b76;
}

.popupclass_warning{
    top: 70px;
    position:fixed;
    z-index:1000000000;
    width: 600px;
    height:500px;
    font-size:26px;
    font-weight:300;
    text-align: left;
    position: fixed;
    left:50%;
    padding:20px;
    padding-right:40px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-left:-330px;
    background-color:#FFFFFF;
    color:#2d4b76;
}

.version_number_and_database_popup_in_right_bottom_corner{
    text-align: right;
    position:fixed;
    background-color:#FFFFFF;
    bottom:0px;
    right:0px;
    width:100%;
    color:#4b6d9e;
    font-size:18px;
    font-weight:300;
}

.version_number_and_database_popup_in_right_bottom_corner div{
    padding:2px 10px;
}


/** ----- FŐOLDAL VÉGE ----- **/

/** ALOLDALAK ÁLTALÁNOS **/

.content_container{
    padding-left:30px;
    padding-right:30px;
    margin-bottom:80px;
}

.content_container:after{
    content: '';
    clear: both;

}

.content_container h1{
    padding:0px;
    font-weight:300;
    font-size:30px;
    color:#666666;
    margin-top:10px;
    margin-bottom:20px;
}


.content_container div.almenusor{
    height:40px;
    padding:10px;
    padding-left:0px;
    border-bottom:2px solid #EFEFEF;
    margin-bottom:10px;
}

.content_container div.almenusor:after{
    content: ""; clear: both; display: block;
}

.content_container div.almenusor a{
    display:block;
    float:left;
    margin-right:20px;
    padding:10px;
    font-weight:300;
    font-size:18px;
    background-color:#da5b3e;
    color:#FFFFFF;
    text-decoration: none;
    transition: all 0.5s;
    cursor:pointer;
}

.content_container div.almenusor a:hover{
    background-color: #df917f;
}

.content_container div.almenusor a:focus{
    background-color: #df917f;
}

.content_container div.almenusor input{
    display:block;
    float:left;
    margin-right:20px;
    padding:10px;
    font-weight:300;
    font-size:18px;
    width:250px;
    background-color:#ffffff;
    color:#da5b3e;
    border:1px solid #888888;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all 0.5s;
}

.content_container div.almenusor input:hover,.content_container div.almenusor input:focus{
    background-color: #eeeeee;
}

.dokumentum_ablak{
    position: fixed;
    top:50px;
    left:50%;
    margin-left:-270px;
    width:500px;
    padding:20px;
    height:70%;
    min-height:400px;
    z-index: 10000;
    background-color: #FFFFFF;
}

.sotethatter_dokkezeles{
    position:fixed;
    background-color:#000000;
    top:0px;
    left:0px;
    width:100%;
    height:1400px;
    z-index:1000;
    opacity:0.8;
}

.dokumentum_ablak div.dokumentum_lista{
    min-height:150px;
    border-bottom:0px solid #000000;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight:300;
    font-size:20px;
}


.egydoksor{
    padding:10px;
    border:1px solid #E0E0E0;
    margin-bottom:5px;
    text-align:center;
}

.egydoksor:hover{
    color:#da5b3e;
}

.egydoksor:after{
    content: '';
    clear: both;
    display: block;
}

.egydoksor a{
    background-color:#da5b3e;
    padding:4px;
    color:#FFFFFF;
    text-decoration: none;
    font-weight: 300;
}

.egydoksor a:hover{
    background-color:#df917f;
}

.egydoksor .torol{
    padding:2px;
}

.egydoksor .torol div.kerdes{
    height:0px;
    position: absolute;
    visibility: hidden;
    margin-left:-160px;
    margin-top:-33px;
    border:0px solid #000;
    width:120px;
    padding:5px;
    padding-top:8px;
    padding-right:85px;
    background-color:#FFFFFF;
}

.egydoksor .torol:hover div.kerdes{
    height:28px;
    visibility:visible ;
}

.ablak_bezar_gomb_container{
    margin-top:10px;
    position: absolute;
    bottom:20px;
    left:0px;
    width:100%;
    border-top:1px solid #EEEEEE;
    padding-top:10px;
}


.ablak_bezar_gomb {
    text-align: center;
    cursor:pointer;
    margin-top:0px;
    width:140px;
    display: block;
    padding: 10px;
    font-weight: 300;
    font-size: 18px;
    background-color: #da5b3e;
    color: #FFFFFF;
    text-decoration: none;
    transition: all 0.5s;
}

.ablak_bezar_gomb:hover{
    background-color: #df917f;
}

input.dokinput{
    height:30px;
    text-align: left;
    margin-top:0px;
    width:135px;
    display: block;
    padding: 5px;
    font-weight: 300;
    font-size: 18px;
    background-color: #FFFFFF;
    color: #666666;
    border:1px solid #AAAAAA;
    text-decoration: none;
    transition: all 0.5s;
}

.uj_dok_class h2{
    margin-top:3px;
    margin-bottom:8px;
    font-size:18px;
    color:#da5b3e;
    font-weight:300;
}

.uj_dok_class{
    background-color:#FFFFFF;
    position:absolute;
    bottom:80px;
    left:20px;
    width:480px;
    padding:10px;
    border:1px solid #E0E0E0;
    margin-bottom:5px;
    text-align:center;
    margin-top:20px;
}

.uj_dok_class:hover{
    color:#da5b3e;
}

.uj_dok_class:after{
    content: '';
    clear: both;
    display: block;
}

.szures_sor{
    border-bottom:2px solid #EFEFEF;
    padding-bottom:10px;
}

.szures_sor:after{
    content: '';
    clear: both;
    display: block;
}

.szures_sor a{
    float:left;
    display:block;
    padding:10px;
    font-size:18px;
    background-color:#738bac;
    color:#FFF;
    font-weight:300;
    margin-right:20px;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 0px 7px #2d4b76;
    -moz-box-shadow: inset 0px 0px 7px #2d4b76;
    box-shadow: inset 0px 0px 7px #2d4b76;
    transition: all 0.5s;
}

.szures_sor a:hover{
    background-color: #9da2c4;
}

.szures_sor a.kivalasztott_szures{
    float:left;
    display:block;
    padding:10px;
    font-size:18px;
    background-color:#9da2c4;
    -webkit-box-shadow: inset 0px 0px 7px #4b6d9e;
    -moz-box-shadow: inset 0px 0px 7px #4b6d9e;
    box-shadow: inset 0px 0px 7px #4b6d9e;
    color:#FFF;
    font-weight:300;
    margin-right:20px;
    text-decoration: none;
    transition: all 0.5s;
}

.szures_sor a.kivalasztott_szures:hover{
    background-color: #738bac;
    -webkit-box-shadow: inset 0px 0px 7px #2d4b76;
    -moz-box-shadow: inset 0px 0px 7px #2d4b76;
    box-shadow: inset 0px 0px 7px #2d4b76;
}

a.fullchangelog{
    text-decoration:none;
    color:#da5b3e;

}

a.fullchangelog:hover{
    color:#df917f;
}


.hibabejelentes{
    font-size:20px;
}


.hibabejelentes div.egysor{
    overflow: hidden;
    margin-bottom:7px;
}

.hibabejelentes div.egysor:after{
    content:"";
    clear: both;
    display:block;
}

.hibabejelentes div.egysor div{
    color:#4b6d9e;
    font-weight: 300;
    float:left;
    width:200px;
    text-align: left;
}

.hibabejelentes div.egysor div.last{
    float:left;
    font-weight:300;
    color:#666666;
    width:700px;
    text-align: left;
}

.hibabejelentes div.egysor textarea{
    width:502px;
    height:120px;
    font-size:16px;
    font-weight:300;
    color:#2d4b76;
    padding:2px;
}

.hibabejelentes div.egysor input{
    width:500px;
    font-size:18px;
    font-weight:300;
    color:#2d4b76;
    padding:2px;
}

.hibabejelentes div.egysor button{
    cursor: pointer;
    font-family: 'SourceSansPro', sans-serif;
    width:200px;
    font-weight:300;
    font-size:18px;
    background-color:#da5b3e;
    color:#FFFFFF;
    border:0px;
    height:40px;
}

.hibabejelentes div.egysor button:hover{
    background-color: #df917f;
}

.popupQuestionWindow{
    background-color:#FFFFFF;
    position: fixed;
    z-index:10002;    
    left:50%;
    margin-left:-180px;
    width:360px;
    top:50%;
    margin-top:-100px;
    height:200px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:20px;
    
    -webkit-box-shadow:  0px 0px 10px #AAAAAA;
    -moz-box-shadow:  0px 0px 10px #AAAAAA;
    box-shadow:  0px 0px 10px #AAAAAA;
    
    text-align:center;
    
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 300;
    color:#325d9c;
    font-size:24px;
    
}

.popupQuestionWindow .okButton{
    cursor:pointer;
    font-size:17px;
    font-weight:300;
    font-family: 'SourceSansPro', sans-serif;
    background-color:#da5b3e;
    color:#FFFFFF;
    width:120px;
    height:40px;
    border:0px;
    margin-right:15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.popupQuestionWindow .okButton:hover{
    background-color: #df917f;
}

.popupQuestionWindow .cancelButton{
    cursor:pointer;
    font-size:17px;
    font-weight:300;
    font-family: 'SourceSansPro', sans-serif;
    background-color:#999999;
    border:0px;
    color:#FFFFFF;
    width:120px;
    height:40px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.popupQuestionWindow .cancelButton:hover{
    background-color:#BBBBBB;
}

a.push{
    text-decoration: none;
    font-family: 'SourceSansPro', sans-serif;
    color:#da5b3e;
    font-weight:300;
    font-size:18px;
    padding:4px;
}    
    
a.push:hover{
    background-color:#da5b3e;
    color:#FFFFFF;    
}

h2.push{
    text-decoration: none;
    font-family: 'SourceSansPro', sans-serif;
    color:#666666;
    font-weight:300;
    font-size:24px;
    margin-top:30px;
    margin-bottom:40px;
}  


.fileok_ablaka_fordrag{
    border:1px solid #BBBBBB;
    height:90px;
    padding:10px;
    max-width:400px;
    cursor:pointer;
    color:#2d4b76;
    font-size:16px;
    font-weight:300;
    margin-bottom:10px;
}

.fileok_ablaka_fordrag:hover{
    border:1px solid #2d4b76;
    background-color:#2d4b76;
    color:#FFFFFF;
}


.fileDand_DragOver_CSS_style{
    border: 1px dashed #2d4b76  !important;
}