@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
body
{
  font-family: 'Roboto', sans-serif;
  background:url('img/back.jpg');
  margin:0px;
  padding:0px;
}
#loginform
{
  width:350px;
  padding:10px;
  border:1px solid silver;
  position:relative;
  margin:0px auto;
  background-color:white;
  box-shadow:0px 0px 5px silver;
}
#regform
{
  width:360px;
  padding:10px;
  border:1px solid silver;
  position:relative;
  margin:0px auto;
  background-color:white;
  box-shadow:0px 0px 5px silver;
}
.form-500
{
  width:500px;
  padding:10px;
  border:1px solid silver;
  position:relative;
  margin:0px auto;
  background-color:white;
  box-shadow:0px 0px 5px silver;
}
.form-800
{
  width:800px;
  padding:10px;
  border:1px solid silver;
  position:relative;
  margin:0px auto;
  background-color:white;
  box-shadow:0px 0px 5px silver;
}
.warninguzenet
{
  color:#f4aa42;
  border:2px solid #f4aa42;
  border-radius:2px;
  padding:3px;
  text-align:center;
  font-weight:bold;
  background-color:#ffe57f;
  margin-bottom:10px;
}
.hibauzenet
{
  color:#a22a2a;
  border:2px solid #a22a2a;
  border-radius:2px;
  padding:3px;
  text-align:center;
  font-weight:bold;
  background-color:#ffb4b4;
  margin-bottom:10px;
}
.sikeresuzenet
{
  color:#679a3a;
  border:2px solid #679a3a;
  border-radius:2px;
  padding:3px;
  text-align:center;
  font-weight:bold;
  background-color:#daffb9;
  margin-bottom:10px;
}
.form_label
{
  display:inline-block;
  width:120px;
}
.input_text
{
  width:230px;
  margin-bottom:5px;
}
.width_65
{
 width:65px;
}
.width_160
{
  width:160px;
}
.width_63
{
  width:63px;
}
.input_checkbox
{
  height:20px;
  width:20px;
  float:left;
  margin-top:-5px;
}
.input_checkbox2
{
  height:20px;
  width:20px;
}
.left-margin-40
{
 margin-left:40px;
}
.button
{
  border:none;
  background-color:#ffd060;
  padding:5px;
  text-transform:uppercase;
  box-shadow:0px 0px 2px black;
  cursor:pointer;
  transition:all 0.5s;
  margin:0px 5px;
}
.button:hover
{
  background-color:#ffe3a1;
}
.text-center
{
  text-align:center;
}
.text-center-small
{
  text-align:center;
  font-size:small;
}
.red
{
  color:red;
}
.warning-text
{
  background-color:#ffef65;
  border:2px solid black;
  padding:10px;
  margin:10px;
  font-weight:bold;
}
#loader
{
  width:56px;
  height:21px;
  background:url("img/loader_ui.gif");
  display:none;
  position:relative;
  margin:0px auto;
}
#tilt
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100vh;
  z-index:10000;
  background-color:transparent;
}
#menusor
{
  background-color:#e7e7e7;
  height:30px;
  border-bottom:1px solid silver;
}
.menu
{
  display:inline-block;
  padding:5px 20px;
  text-transform:uppercase;
  transition:all 0.3s;
}
.menu:hover
{
  color:#980000;
}
.menu a
{
  text-decoration:none;
  color:black;
  transition:all 0.3s;
}
.menu:hover a
{
  color:#980000;
}
.dropdownmenu
{
  display:none;
  position:absolute;
  background-color:#e7e7e7;
  padding:5px;
  margin-top:5px;
  border:1px solid silver;
  border-top:none; 
  color:black;
}
.menu:hover .dropdownmenu
{
  display:block;
  color:black;
}
.menu:hover .dropdownmenu a
{
  color:black;
}
.dropdownmenu:hover a
{
  color:#980000;
}
.almenu
{
 padding:5px 0px;
}
#logout
{
  float:right;
}
#main
{
  padding:35px 20px;
}
.cimsor
{
  background: rgba(100,100,100,0.3);
  padding: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-bottom:30px;
}
table
{
  margin:20px 0px;
  border:1px solid silver;
}
td
{
  border:1px solid silver;
  padding:10px;
}
td img
{
  margin:0px 3px;
}
table .cimsor
{
  background: rgba(200,200,200,0.3);
}
table .sub
{
  background: rgba(150,200,200,0.3);
}
table .small
{
  font-size:small;
}
.form-area
{
  padding:20px;
  border:1px solid silver;
  border-radius:5px;
  width:370px;
}
.label_block
{
  display:block;
}
#main a
{
  color:black;
  font-weight:bold;
}
.silver-back
{
  background-color:silver;
  padding:5px;
}
.xsmall
{
  font-size:x-small;
}
.small
{
  font-size:small;
}
#logout-text
{
  float:right;
  margin-top:6px;
}
.del
{
  cursor:pointer;
}
.inactive
{
 color:gray;
 font-weight:bold;
}
.status-inactive
{
 font-weight:bold;
 color:#a22a2a;
 border:1px solid #a22a2a;
 background-color:#ffb4b4;
}
.status-active
{
  color:#679a3a;
  border:1px solid #679a3a;
  font-weight:bold;
  background-color:#daffb9;
}
.list-box
{
  margin:5px;
  width:360px;
  border:1px solid gray;
  padding:8px;
  display:inline-block;
  text-align:center;
  box-shadow:1px 1px 2px gray;
  height:260px;
  overflow:hidden;
}
.list-box-name
{
  font-weight:bold;
}
.list-box-elerhetoseg
{
  font-size:small;
}
.list-box-buttons
{
  border:1px solid silver;
  padding:5px;
  margin-top:10px;
}
.list-box-buttons img
{
  margin:0px 8px;
}
.list-box-jogosultsag
{
  border:1px solid silver;
  padding:3px;
  display:none;
}
.list-box-jogosultsag-button
{
  display:inline-block;
  font-size:x-small;
  color:white;
  cursor:pointer;
  padding:0px 2px 2px 2px;
  border-radius:0px 0px 5px 5px;
  background-color:silver;
}
.list-box-jog
{
  font-size:xx-small;
  padding:2px 5px;
  display:inline-block;
  text-align:center;
  border-right:1px solid silver;
  border-bottom:2px solid silver;
}
.list-box-jog img
{
  width:10px;
  height:10px;
  
}
.nofloat-checkbox
{
  height:20px;
  width:20px;
}
.lapozosav
{
  text-align:center;
}
.lapozo
{
  display:inline-block;
  padding:2px 5px;
  margin:5px;
  background:#e7e7e7;
}
.aktivlapozo
{
  display:inline-block;
  padding:2px 5px;
  margin:5px;
  background:silver;
}
.locked
{
  color:#aa0011;
}
.clear
{
  clear:both;
}
.search-box
{
  float:right;
}
.search-bar
{
  height:25px;
  border:1px solid silver;
  width:120px;
}
.search-select
{
  width:50px;
}
.search-button
{
  width:24px;
  height:23px;
  background:url('img/magnifier.png');
  background-color:#ffd060;
  border: none;
  box-shadow:0px 0px 2px black;
}
.left
{
 text-align:left;
}
#save_button, #egyeni_vallalkozas, #tarsas_vallalkozas, #szamfejtes
{
  display:none;
}
#szerzodes_attekinto
{
  height:500px;
  overflow-y:scroll;
}
.discard
{
  background-color:#c62e1d;
  color:white;
}
.discard:hover
{
  background-color:#d83a29;
}
.szurke
{
 background: rgba(100,100,100,0.3);
}
#ktghely
{
 width:150px;
 height:50px;
}
#szuro
{
  background: rgba(100,100,100,0.3);
  margin:20px;
  padding:20px;
}
.float-300
{
 float:left;
 width:300px;
}
.status_elfogadva
{
 background:rgba(65, 215, 242, 0.1);
}
.status_elvetve
{
 background: rgba(244, 95, 65, 0.1);
}
.status_teljesitesi_kesz, .status_szamlara_var
{
 background:rgba(241, 183, 64, 0.1);
}
.status_szamfejtve
{
 background:rgba(173, 240, 63, 0.1);
}
.status_utalhato
{
 background:rgba(98, 239, 62, 0.1);
}