html, body {font-family: Calibri, arial; min-width:100%; min-height:100%; margin:0;}
body {background-color: #f5f6f6;}

#header {padding-left: 20px; background-color: #f5f6f6; height: 80px; border-bottom: #719ab7 5px solid;}
#header a.logo {display: inline-block; margin-top: 10px; background-image: url("images/logo.png"); background-repeat: no-repeat; width: 500px; height: 80px;}

#menu {overflow: hidden; background-color: #abcc27; padding-left: 10px;}
#menu .login_input {width: 200px; border-radius: 10px; border: #719ab7 2px solid; padding: 5px 10px 5px 10px;}
#menu .login_button {color: #ffffff; font-weight: bold; background-color: #719ab7; border-radius: 10px; border: #719ab7 2px solid; padding: 5px 10px 5px 10px; cursor: pointer;}

#menu ul {float: left; padding: 0px;}
#menu ul li {float: left; list-style-type: none; padding: 0px;}
#menu ul li a {color: #ffffff; font-weight: bold; text-decoration: none; display: inline-block; margin-right: 30px;}
#menu ul li a:hover {text-decoration: underline;}

#container {padding: 10px;}

h1 {padding: 0px; margin: 0px; font-size: 18pt;}
h2 {padding: 0px; margin: 0px; font-size: 14pt;}
h3 {padding: 0px; margin: 0px; font-size: 12pt;}

.left {float: left; overflow: hidden;}
.right {float: right;}
.cb {clear: both;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}

.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}

.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}

.w-10 {width: 10px;}
.w-20 {width: 20px;}
.w-30 {width: 30px;}
.w-40 {width: 40px;}
.w-50 {width: 50px;}
.w-60 {width: 60px;}
.w-70 {width: 70px;}
.w-80 {width: 80px;}
.w-90 {width: 90px;}
.w-100 {width: 100px;}
.w-110 {width: 110px;}
.w-120 {width: 120px;}
.w-130 {width: 130px;}
.w-140 {width: 140px;}
.w-150 {width: 150px;}
.w-160 {width: 160px;}
.w-170 {width: 170px;}
.w-180 {width: 180px;}
.w-190 {width: 190px;}
.w-200 {width: 200px;}
.w-210 {width: 210px;}
.w-220 {width: 220px;}
.w-230 {width: 230px;}
.w-240 {width: 240px;}
.w-250 {width: 250px;}
.w-260 {width: 260px;}
.w-270 {width: 270px;}
.w-280 {width: 280px;}
.w-290 {width: 290px;}
.w-300 {width: 300px;}
.w-350 {width: 350px;}
.w-400 {width: 400px;}
.w-850 {width: 850px;}

.wp-50 {width: 50%;}

.form_title {display: inline-block; width: 120px; padding-top: 5px;}
.form_input {display: inline-block;}

.form_input .input {width: 150px; border-radius: 10px; border: #719ab7 1px solid; padding: 5px; padding-left: 10px; padding-right: 10px;}
.form_input input[type=checkbox] {display: inline-block; margin-top: 8px;}

.button {text-decoration: none; color: #ffffff; font-weight: bold; background-color: #719ab7; border-radius: 10px; border: #719ab7 2px solid; padding: 5px 10px 5px 10px; padding-left: 10px; padding-right: 10px; cursor: pointer;}
.button:hover {color: #ecf654;}

label {cursor: pointer;}
input[type=checkbox] {cursor: pointer;}

.info {margin-top: 20px; margin-bottom: 20px; font-weight: bold;}

.u {text-decoration: underline;}

table {width: 100%;}
table th {height: 30px; text-align: left;}
table tr.row {background-color: #E0E0E0;}
table tr.row:hover {background-color: #d0eab7; cursor: pointer;}
table tr.row2 {}
table tr.row2:hover {background-color: #e6fece; cursor: pointer;}
table a {color: #000; text-decoration: none;}

.success {display: inline-block; border-radius: 10px; border: #ade377 1px solid; background-color: #e6fcd1; padding: 10px;}

table.nagyker_data {}
table.nagyker_data tr {}
table.nagyker_data tr:hover {background-color: #d0eab7; cursor: pointer;}
table.nagyker_data td {padding: 5px 10px 5px 10px; border-radius: 5px; background-color: #eeeeee;}
table.nagyker_data td:first-child {font-weight: bold; width: 180px; background-color: #dddddd; }

div.history {padding: 10px; border-radius: 10px; border: #abcc27 1px solid; font-weight: normal;}

