body {
   background-image: url("login_bg.png");
}

* {
    margin:0;
    box-sizing: border-box;
    padding:0;
}

.fejlec {
    height: 60px;
    /*background-color: #dedede;*/
    background-color: #bfccb6;
    box-shadow: 2px 2px #888;
}

.titlesav {
    max-width: 1100px;
    margin: 0 auto;
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
    margin-bottom:0;
    margin-top:0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}

.slider  {
    position:relative;
    top:0;
    overflow: hidden;
    height: 240px;
    width: 700px;
}
.slider img {
    position:absolute;
}

.temp {
    float: clear;
}
.kepek {
    padding-top: 20px;
    /*width: 1200px;*/
    max-width: 1100px;
    margin: 0 auto;
    /*background-color: white;*/
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /*justify-content: center;*/
    align-items: center;
}

.bejelentkezes input.gomb {
    background-color: #282936; /*rgba(9, 30, 66);*/
    border-radius: 20px;
    height: 32px;
    color: white;
    margin-top:0;
}

#button {
  position: relative;
  overflow: hidden;
  cursor: pointer;
    height: 40px;
}

#button input {
  position: relative;
 /*transition: all .35s ease-Out;*/
  box-shadow: 0 3px #ab3c3c;
    top:2px;
}


#button:hover input {
    top:4px;
    box-shadow: 0 2px #ab3c3c;
}

.kep {
    padding: 0px 20px 60px 10px;
    height: 240px;
}

.bejelentkezes {
    position: absolute;
    top: 0;
    /*width: 220px;
    left: calc(100% - 220px);*/
    left: calc(100% - 480px);
    margin: 5px 10px 5px 0;
}

.bejelentkezes input {
    margin-top: 5px;
    margin-left: 15px;
    width: 130px;
    color: #595da4; 
    font-size: 1.4em;
}

::placeholder {
    font-style: italic;
}

.bejelentkezes input[type="submit"] {
    width: 110px;
    
}

.verzio {
    font-size: 0.6em;
    color: gray;
    text-align: right;
    margin-top:2px;
    font-style: italic;
}

.fb-like {
    display:none;
    margin: 0;
    padding: 0;
}

tr {
    text-align: center;
}

td.like {
    text-align: right;
}

.valtakozo {
    position: relative;
    top: 0;
    left:0;
    overflow: hidden;
    height: 240px;
    width: 700px;
}
.valtakozo {
    animation:round 21s infinite;
    opacity:0;
}

@keyframes round{   
  0%{
    opacity:0;
  }
  10%{
    opacity:1;
  }
  30%{
    opacity:1;
  }    
  40%{
    opacity:0;
  }
} 

.valtakozo:nth-child(1) {
    animation-delay: 14s;
}
.valtakozo:nth-child(2) {
    animation-delay: 7s;
}
.valtakozo:nth-child(3) {
    animation-delay: 0s;
}
.elerhetoseg{
text-align: right;
padding: 20px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 40px;
}

.ui-dialog.ui-widget-content {
    background-color: white;
}
.ui-dialog h2 {
    margin:1em;
    font-size: 16px;
    text-align: center;
}
.dpanel form {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
}
.dpanel form span {
    margin-right:0.5em;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
.dpanel i {
    width: 300px;
    display:block;
}
.dpanel .ui-inputfield {
    width: 300px;
    margin-top: 0;
    margin-bottom: 10px;
}
.dpanel .szep {
    height: 20px;
    width:100%;
}
.dpanel .gs {
    margin-top:2em;
    width: 100%;
    text-align: center;
}

.dpanel .ui-fieldset-content, .dpanel fieldset {
    background-color: #fdfdfd;
    width: 100%;
}
.dpanel .ui-fieldset-content {
    /*width: 100%;*/
    display: flex;
    flex-wrap: wrap;
}
.dpanel .ui-fieldset-content span {
    width: 285px;
}
.dpanel .ui-fieldset-content span.ui-chkbox-icon {
    width: 16px;
}
.dpanel .ui-fieldset-content .ui-inputfield {
    width: 280px;
}
.dpanel fieldset legend, .dpanel .ui-fieldset-legend.ui-state-default {
    background-color: darksalmon;
}
.dpanel fieldset legend {
    /*margin: 0 auto;*/
}
.ui-state-default.tovabb {
    background-color: darksalmon;
}
.regpanel {
    max-width:940px;
    margin:0 auto;
    background-color:#fafafa;
}
.ui-inputfield.hibas {
    background-color: #ccc;
    color: white;
}
.ui-inputfield.hibas.ui-state-focus {
    color:#333;
}
.ui-state-active .ui-icon {
  background-image: url("#{resource['primefaces-klik:images/ui-icons_3d3d3d_256x240.png']}");
}