@import url('fonts.css');

body.underdesct{
    margin:0px;
    background: #254d11 url("../img/hatter.png") no-repeat center center;
}

*{
    font-family: 'Raleway', sans-serif;
}
body{
    font-family: 'Raleway';
    margin:0px;
    background: #e9f3e7;
    background-attachment: fixed;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #BBB;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #BBB;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #BBB;
}
:-moz-placeholder { /* Firefox 18- */
  color: #BBB;
}

.belepes{
    width:500px;
    margin: 0 auto;
    height:100%;
    border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:30px;
    background-color:#FFFFFF;
    -webkit-box-shadow:  0px 0px 10px #a9c2a2;
    -moz-box-shadow:  0px 0px 10px #a9c2a2;
    box-shadow:  0px 0px 10px #a9c2a2;
}

.belepes h1{
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight:400;
    font-size:30px;
    color:#53644b;
    margin-bottom:50px;
}

.belepes div{
    margin-bottom:10px;
    
}

.belepes div label{
    display:block;
    font-size:16px;
    font-weight:300;
    color:#AAAAAA;
}

.belepes div input{
    width:100%;
    display:block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:10px;
    font-size:20px;
    font-weight:300;
    color:#666666;
}

.belepes div button{
    margin-top:25px;
    width:50%;
    display:block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:10px;  
    font-weight:300;
    font-size:20px;
    color:#666666;
    cursor:pointer;
}

.hiba{
    background-color:#FF0000;
    color:#FFFFFF;
    width:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:15px;
    font-weight:300;
    font-size:18px;
    margin-top:15px;
    margin-bottom:15px;
}

.sikeres{
    background-color:#00AA00;
    color:#FFFFFF;
    width:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:15px;
    font-weight:300;
    font-size:18px;
    margin-top:15px;
    margin-bottom:15px;
}

.container{
    position: relative;
    width:700px;
    margin: 0 auto;
    min-height:100%;
    border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:30px;
    padding-top:60px;
    background-color:#FFFFFF;
    -webkit-box-shadow:  0px 0px 10px #a9c2a2;
    -moz-box-shadow:  0px 0px 10px #a9c2a2;
    box-shadow:  0px 0px 10px #a9c2a2;
}

.container .menusav{
    z-index:10;
    padding:10px;
    color:#FFFFFF;
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height:50px;
    background-color:#2a5416;    
}

.container .menusav:after{
    content:"";
    display:block;
    clear:both;
}

.container .menusav div.bal{
    float:left;
    width:200px;
    font-size:20px;
    font-weight:300;
}

.container .menusav div.jobb{
    text-align: right;
    float:left;
    width:478px;
    font-size:20px;
    font-weight:300;
}

.container .menusav div.jobb:after{
    content:"";
    display:block;
    clear:both;
}

.container .menusav a{
    padding:5px;
    display:block;
    color:#dae8d7;
    float:right;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    font-weight:300;
    text-decoration: none;
    
}

.container .menusav a:hover{
    background-color:#dae8d7;
    color:#2a5416;      
}

.container h1{
    margin-top:30px;    
    color:#a9c2a2;
    font-weight:300;
    font-size:30px;
}

.container .ujgomb{
    margin-top:-60px;
    text-align: right;
    margin-bottom:30px;
}

.container .ujgomb button{
    width:120px;
    padding:10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size:16px;
}

.container .bejegyzesek{
    margin-top:20px;
}

.egybejegyzes{
    margin-bottom:15px;
    border-bottom:1px solid #AAAAAA;
}

.egybejegyzes .cimsor{
    background-color:#679bc8;
    color:#FFFFFF;
    padding:10px;
    font-size:20px;
    font-weight:300;
    
}

.egybejegyzes .infobar{    
    color:#AAAAAA;
    padding:10px;
    font-size:14px;
    font-weight:300;    
    border-bottom:1px solid #EEEEEE;
}

.egybejegyzes .infobar:after{    
    content:"";
    display:block;
    clear:both;  
}

.egybejegyzes .infobar div{    
    float:left;
    padding-left:20px;
    border-right:1px solid #EEEEEE;
    padding-right:20px;
}

.egybejegyzes .infobar div:first-of-type{        
    padding-left:0px;
}

.egybejegyzes .infobar div:last-of-type{      
    border-right:0px solid #AAAAAA;
    padding-right:0px;
}

.egybejegyzes .content{
    color:#333333;
    font-size:16px;
    line-height:24px;
    padding:10px;
    font-weight:300;
}

.uj_bejegyzes_container{
    visibility: hidden;
    opacity:0;
    height:0px;
    padding:0px;
}

.uj_bejegyzes_container_lathato{
    visibility: visible;
    height:auto;
    padding:20px;
}

div.adat_egysor{
    margin-bottom:10px;
    
}

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

div.adat_egysor label{
    display:block;
    font-size:16px;
    font-weight:300;
    color:#AAAAAA;
}

div.adat_egysor input{
    width:100%;
    display:block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:10px;
    font-size:20px;
    font-weight:300;
    color:#666666;
}

div.adat_egysor textarea{
    width:100%;
    display:block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:10px;
    height:300px;
    font-size:20px;
    font-weight:300;
    color:#666666;
}

div.adat_egysor button{
    margin-top:25px;
    width:250px;
    display:block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:10px;  
    font-weight:300;
    font-size:20px;
    color:#666666;
    cursor:pointer;
}

.fileok_ablaka_fordrag{
    margin-top:10px;
    width:100%;
    padding:20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 80px;
    border:1px solid #AAAAAA;
    color:#3369b3;
    overflow:hidden;
}

.fileDand_DragOver_CSS_style{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 2px;
    border-style: dashed;
    border-color: #EE0000;
}

.mellekletek{
    margin-top:30px;
    background-color:#F7F7F7;
    padding:10px;
    color:#AAAAAA;
}

.mellekletek p{
    color:#999999;
    font-size:14px;
}

.mellekletek:after{
    clear:both;
    content:"";
    display:block;
}

.mellekletek a.egyelem{
    color:#777777;
    display:block;
    float:left;
    margin:10px;
    margin-bottom:0px;
    width:100px;
    font-weight:300;
    font-size:12px;
    text-decoration: none;
    text-align: center;    
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
}

.mellekletek a.egyelem:hover{
    
}

.mellekletek a.egyelem img{
    max-width:76px;
    max-height:45px;
    margin-bottom:5px;
}

.torles_doboz{
    position: absolute;
    right:35px;
}

.torles_doboz a.torles{
    text-decoration: none;
    color:#FF0000;
    
}


.container .felhasznalok{
    margin-top:20px;
}

.egyfelhasznalo{
    margin-bottom:15px;
    border-bottom:1px solid #AAAAAA;
}

.egyfelhasznalo:hover{
    background-color:#F5F5F5;
    cursor:pointer;
}

.egyfelhasznalo .cimsor{
    background-color:#679bc8;
    color:#FFFFFF;
    padding:10px;
    font-size:20px;
    font-weight:300;
    
}

.egyfelhasznalo .infobar{    
    color:#666666;
    padding:10px;
    font-size:14px;
    font-weight:300;    
    
}

.egyfelhasznalo .infobar:after{    
    content:"";
    display:block;
    clear:both;  
}

.egyfelhasznalo .infobar div{    
    float:left;
    padding-left:20px;
    border-right:1px solid #EEEEEE;
    padding-right:20px;
}

.egyfelhasznalo .infobar div:first-of-type{        
    padding-left:0px;
}

.egyfelhasznalo .infobar div:last-of-type{      
    border-right:0px solid #AAAAAA;
    padding-right:0px;
}

.egyfelhasznalo .content{
    color:#333333;
    font-size:16px;
    line-height:24px;
    padding:10px;
    font-weight:300;
}