@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext);

* {
    margin: 0;
    padding: 0;
}
body {
    font-family: "Noto Sans", "Segoe UI", "Verdana", "Arial", sans-serif;
    font-size: 13px;
    background: #fff;
}
textarea, input, select {
    border: 2px solid #DCE4EC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: none;
    color: #34495E;
    font-family: "Noto Sans", "Segoe UI", "Verdana", "Arial", sans-serif;
    font-size: 13px;
    padding: 6px;
    text-indent: 1px;
    transition: 0.25s;
}
select {
  width: 300px;
}
option {
    font-family: "Noto Sans", "Segoe UI", "Verdana", "Arial", sans-serif;
    font-size: 13px;
    vertical-align: middle;
    transition: 0.15s;
}

textarea {
    resize: vertical;
}
input[type='submit'], input[type='reset'] 
{
    display: inline-block;
    background: #34495E;
    border: medium none;
    box-shadow: none;
    color: white;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    padding: 10px 20px;
    border-radius: 6px;
    text-align: center;
    width: 220px;
}
input[type='reset'] 
{
  background-color: #E74C3C;
}
input[type='reset']:hover
{
  background-color: #Ec7063;
  transition: all 0.25s ease 0s;
}
input[type='submit']:hover, input[type='submit']:focus {
    background-color: #4E6D8D;
    color: white;
    transition: all 0.25s ease 0s;
}
input[type="number"],
input[type="float"] {
    width: 250px;
}
.hataridok input[type="number"] {
    width: 75px;
}
input[type="file"].next {
    display: block;
}
input[disabled] {
    background-color: #F4F6F6;
    border-color: #aaa;
    color: #aaa;
    cursor: default;
}
textarea:focus, input:focus {
    border-color: #1abc9c;
}
h2, h3 {
    margin-top: 20px;
}
h2 small a {
  color: #16A085;
  font-size: 80%;
  margin-left: 10px;
}
#container {
    margin: 10px 10px;
}
#mainmenu {
    list-style: none;
    background: #34495e;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#mainmenu li {
    display: inline-block;
    color: white;
    font-size: 16px;
    padding: 0px;
}
#mainmenu li a {
    display: inline-block;
    text-decoration: none;
    color: white;
    transition: 0.25s;
    padding: 14px 15px 17px;
}
#mainmenu li.selected a {
    color: #1abc9c;
}
#mainmenu li:hover a {
    color: #1abc9c;
}
#mainmenu > li:last-child { /* logoff */
    float: right;
}
#submenu {
    list-style: none;
    margin-bottom: 3px;
    background: #2c3e50;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
#submenu li {
    display: inline;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 0 5px 0 0;
}
#submenu li a {
    display: inline-block;
    text-decoration: none;
    color: white;
    transition: 0.25s;
    padding: 5px;
}
#submenu li.selected a {
    color: #1abc9c;
}
#submenu li:hover a {
    color: #1abc9c;
}
#content {
    padding: 10px;
    background: #ECF0F5;
    border-radius: 5px;
    margin-top: 10px;
}

table.grid {
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 10px;
}
table.grid thead tr {
}
table.grid thead th {
    padding: 5px 10px;
    background: #7f8c8d;
    color: white;
    text-align: left;
}
table.grid tbody {
}
table.grid tbody td {
    padding: 5px 10px;
    background: white;
    transition: 0.2s;
}
table.grid tbody tr:hover td {
    background: #f1c40f;
}
table.grid th:first-child {
    border-top-left-radius: 5px;
}
table.grid th:last-child {
    border-top-right-radius: 5px;
}
table.grid tr:last-child *:first-child {
    border-bottom-left-radius: 5px;
}
table.grid tr:last-child *:last-child {
    border-bottom-right-radius: 5px;
}
table.grid td.center {
  text-align: center;
}
table.grid tfoot td {
  padding: 5px 10px;
  background: #bdc3c7;
  color: #2c3e50;
  font-style: italic;
}
table.grid tfoot td span.fauxlink {
  cursor: pointer;
  display: inline-block;
  margin: 0px 10px;
  font-weight: bold;
}
table.grid tfoot td span.fauxlink[disabled] {
  color: #7f8c8d;
  cursor: auto;
}
table.grid td.currency {
/*
  text-align: right;
  width: 200px;
*/  
}
.bmform .formrow {
  display: table-row;
}
.bmform .formrowtype_hidden {
  display: none;
}
.bmform textarea {
  margin-bottom: 10px;
  margin-right: 10px;
}

.bmform .formrow.errorhighlight input {
  border-color: #E74C3C;
  box-shadow: none;
  color: #E74C3C;
}
.bmform .formrow .formlabel {
  padding: 9px;
  display: table-cell;
  text-align: right;
  vertical-align: top;
  width: 220px;
  height: 30px;
}
#form_submit {
  margin: 10px;
  margin-left: 200px;
  margin-bottom: 30px;
  clear: both;
}

.bmform .formrow input[type="text"], 
.bmform .formrow input[type="email"] 
{
  display: table-cell;
  width: 300px;
  margin-bottom: 10px;
}
.bmform .formrow input[type="text"].dateinput,
input.dateinput {
  width: 100px;
}

.bmform .formrow textarea {
  display: table-cell;
  width: 400px;
  height: 100px;
}
.bmform .formrow .radiooptions {
  margin: 10px;
}

.bmform .formrow .radiorow {
/*  display: inline;*/
  margin-bottom: 10px;
}

.formrowtype_file input {
    margin: 10px 5px;
}

.calendar {
    background: #34495e;
    border: 2px solid #2c3e50;
    border-radius: 10px;
    font-size: 13px;
    margin-left: -7px;
    margin-top: 41px;
    text-align: center;
    box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.25);
}
.calendar td {
    color: white;
    padding: 5px;
    transition: 0.1s;
    border-radius: 5px;
}
.calendar th {
    color: #1abc9c;
}
.calendar td.otherDay {
    color: #2c3e50;
}
.calendar td.weekend {
    font-weight: bold;
}
.calendar td.selected {
    background: #2c3e50;
}
.calendar tbody td:hover, .calendar .button:hover {
    background: #16a085;
    cursor: pointer;
}

#datasheets {
    display: table;
}
#datasheets .datarow {
    padding: 5px;
    font-size: 14px;
}
#datasheets .datarow > label {
    display: inline-block;
    width: 220px;
    font-size: 13px;
    margin-right: 10px;
}
.na {
    color: #aaa;
}

body.login {
    background: #1abc9c;
}

#loginform {
    background: #ecf0f1;
    border-radius: 5px;
    margin: 30px auto;
    padding: 20px;
    width: 220px;
}
#loginform label {
    display: block;
    margin-bottom: 10px;    
}
#loginform input.field {
    display: block;
    width: 200px;
    margin-bottom: 20px;
    border-color: white;
    font-size: 14px;
}
#loginform input.field:focus {
    border-color: #1abc9c;
}
#loginform input.field.error {
    border-color: #E74C3C;
    color: #E74C3C;
}

#loginform input[type='submit']
{
    background: #1abc9c;
    cursor: pointer;
}
#loginform input[type='submit']:hover
{
    background: #2fe2bf;
}

div.error {
    background-color: #E74C3C;
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}
div.success {
    background-color: #2ECC71;
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

table.grid thead th.sortcol {
  cursor: pointer;
}
table.grid thead th.sortasc {
  background: url("asc.png") center right no-repeat #95a5a6;
}
table.grid thead th.sortdesc {
  background: url("desc.png") center right no-repeat #95a5a6;
}

.rowlink {
    color: #1abc9c;
    display: block;
    float: right;
    font-size: 10px;
    text-align: right;
    text-decoration: none;
    margin-left: 10px;
    margin-top: 4px;
}

.togglebuttons {
    background: #cdd3d7;
    border: medium none;
    font-family: "Noto Sans", "Segoe UI", "Verdana", "Arial", sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    margin: 5px;
    padding: 0px 10px;
    border-radius: 5px;
    color: #ecf0f1;
}
.togglebuttons.tick.pushed {
    background: #2c3e50;
    color: #1abc9c;
}
.togglebuttons.cross.pushed {
    background: #2c3e50;
    color: #e74c3c;
}

.grid td span.success {
    color: #1abc9c;
    font-weight: bold;
}
.grid td span.error {
    color: #e74c3c;
    font-weight: bold;
}
.staticfield {
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin: 5px;
}
.autocompleteSearch {
  width: 300px;
}

.autocompleteList {
  background: #34495e;
  position: absolute;
  list-style:none;
  z-index: 20;
  margin-top: 20px;
  border-radius: 5px;
}
.autocompleteList li {
  padding: 5px 10px;
  margin: 0px;
  overflow: hidden;
  white-space: pre;
  color: white;
  transition: 0.1s;
}
.autocompleteList li.selected {
  font-weight: bold;
  background: #2c3e50;
}
.autocompleteList li:hover {
  background: #16a085;
  cursor: pointer;
}

.autocompleteDropbutton {
    background: white;
    border: 2px solid #DCE4EC;
    border-radius: 6px;
    box-shadow: none;
    color: #34495E;
    font-family: "Noto Sans","Segoe UI","Verdana",sans-serif;
    font-size: 13px;
    margin-left: 5px;
    vertical-align: middle;
    padding: 7px;
    text-indent: 1px;
    transition: 0.25s;
}

.addSearchTerm {
    color: #6CB0B5;
    display: block;
}


.hataridok input, .hataridok select {
    padding: 3px;
}

.hataridok tr.disabled {
    color: #D5DBDB;
}
.hataridok tr.disabled input, .hataridok tr.disabled select {
    background-color: #F4F6F6;
    border-color: #D5DBDB;
    color: #D5DBDB;
    cursor: default;
}

tr.hataridoNap0 td { background: #e74c3c !important; }
tr.hataridoNap1 td { background: #e67e22 !important; }
tr.hataridoNap2 td { background: #f1c40f !important; }

.groupedtext input {
  display: inline;
}

#dataRowAttachments label {
  vertical-align: top;
}
#csatoltFajlok {
    display: inline-block;
}
#csatoltFajlok > li {
  margin: 10px;
  max-width: 190px;
}
#csatoltFajlok li a.thumb {
  position: relative;
  display: block;
}
#csatoltFajlok li a.thumb img {
  display: block;
  max-width: 200px;
}
#csatoltFajlok li a.thumb span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
  bottom: 0;
  color: #FFFFFF;
  width: 100%;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  text-decoration: none;
  z-index: 10;
  white-space: nowrap;
  font-size: 12px;
  transition: 0.25s ease all;
}
#csatoltFajlok li a.thumb:hover span {
  background: black;
}
#csatoltFajlok li a.delete {
  background: #c0392b;
  color: white;
  padding: 5px;
  text-decoration: none;
  transition: 0.25s ease all;
  margin-top: 5px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 10px;
}
#csatoltFajlok li a.delete:hover {
  background: #e74c3c;
}

#exportLinks  {
  float: right;
}
#exportLinks li {
  display: inline-block; 
} 
#exportLinks li a {
  display: inline-block; 
  background-repeat: no-repeat;
  color: #1ABC9C;
  font-size: 13px;
  padding-left: 20px;
  margin: 5px;
}
#exportLinks li a.print {
  background-image: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIHSURBVHjajFNBaxNBFP6SLNq0WGNSsS0ohFiiFUx6UNFCLsmph4jgqdKL0KgI/QMe7MVDEAQF8VDoMVtKoejB0OToRTQRDxpcmrC2SXSppG7ajV2yScadWTam6Sb4wdth3vve997M7LMRQmBi40uVZL5J+CD+Rjeuek/h0W2/rdtv6xS4+fQ9Wb4/BYfdhmbrn/+XUsfqJxnFbQlLD64cErF3K9Lk/K4douxgltsBfKedmLk8hrPnRvFkTSB9BaxQ3lXhdTVx78bIkeNxVgkDnKGrNlpwHnNA2FH1XRPXvM4jXMbMZDIkHo+TXkKDzgFmJmKxGEmn04xvF0WRZLNZhMNh9OqGdtGJ2TtzSCaTrDCXSqUQCoXgdrsR2H+JZ/G3Pe8irVtAt4sXHurfW0gkEuBkWcb5iQlGiEaj8Pv9fS9UEAS4PR5MT1/Hm9fr4Gq1WjuYzxfg0YOVSsUymcYoJxAMsr2iKMYr5Dc3maNalaGqKpTagaXA0JCKra3vbX65XAZHVUqlEnPQ41BodbXvMUx+oVAwOtA0jTlcLhd4nm8TqTg1WskEvSOT3/6R9vb2MTx8ghEnJy9hdGzcsrL08wcWFx8jEomgWCwaw8TzKySX+wpJkkCm5vHibhB/6i0WbDSM9UBrsvXMyeNYWP6Md8/n4PP52Ksdmsb5Vx/J/8xG50T+FWAAPKDZ6z1/DUMAAAAASUVORK5CYII=');
}
#exportLinks li a.export {
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPemADZqu3uj4nmi4Xqj4/f6/XSd3PH2/Ojw+vf6/nuk4mWNyXeg3tvn9zpuvTZru3qj4jRntDdsu+Hs+TJhp3qj4Xih4Huj4dnl97vQ77rQ7r3Q7Nvm9+7z+3We3r7R7NHf9vL2/Pb6/UBrrbjO74SjzmWMyER0v9vn+Njl9jZqtzlsvOrx++Xt+jJjrF6Jyevx+36o5/f7/snc9Iqn0sfZ9G2Sy+nx+unw+nSe3TJhqqnC546r1WqTz2iQzXCVzYCq6WmQynGZ2N3o+HyayKS+5NHg97HF4mWNyn6o6OLs+Zq13TJhqVWCxpWw2r7S8GqSzfP4/czd9bzO58LV8jJiqjhsunKb2Xef3nybydDf9kJ0wDNjrXaf3vj6/u3y+zVot/P3/TRmsjtuvUN1wHqk40N0vTZqujVotYWl1kJzvcXY8nqi4G2W046r2GySyzFgqDxpq+/0/HOb2nii4Heg35+64dHg9nKc2zJiqzhru3mYxzVotnOb2TRms9/p+H2m5k99w3af3Xuk47PK7aa94e70+/b6/meOya3G642r2YGezHCZ1nqi4jhsu+rw+vD1/DNkrzJhqOPt+Xqi4Tptu2aNyXSc2t/p+TNlsGGGvH2n5zNkrq3F6u70/MPV77bM7jRlsfb5/WSMyMLcv4jAYvj7/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAKYALAAAAAAQABAAAAj/AAklcjGmQQQHAACoEEPJhAIpptDYKVIqRqhHjryEIvDCj4cnRph8+GEohCgOK0CUMpDkRAYNZbRkQWLAgCgbhQiEOiBkAwVPKRpEgXHgQKUbULrEucTgwhwdeyLI0CRBgqROBMCwaIpiAREIDmj8EaXgkJsaQEqIWmupTh8AagQNIJMggAUBdLjguFNACSgAUwYMCBAggYAKCzoUkMOnCSQATh48oGC3wpVABawEWbRjixkMjEqJHk2azQw8eUYIQECqtevWoXiQyNHo0yQEo3Lrzh2qh6JIVQatYf3adagjWCYAQsSJtPNSQ/SIaOMjzZczEMJg2tSCypI3E+BkAgoIADs=');
}

.oszlop
{
  float:left;
  margin-left: 42px;
}
#oszlopBal { max-width: 700px; }
#oszlopJobb { max-width: 510px; }
#oszlopJobb .datarow > label { width: 150px; }	
.cegadatok {
    background: none repeat scroll 0 0 #D6DBDF;
    border-radius: 10px;
    padding: 10px;
}
.cegadatok input {
  border-color: #7f8c9a;
}
.cegadatok input:focus {
  border-color: #1abc9c;
  transition: all 0.25s ease 0s;
}

.bmform h2 {
  margin-bottom: 10px;
  color: #34495e;
}

#datasheets h2, #datasheet_comment h2 {
  font-size: 16px;
}
#datasheet_comment h2 {
  margin-bottom: 5px;
}
#datasheet_comment {
    margin-top: 30px;
    margin-left: 42px;
}
#datasheet_comment span
{
    display: inline-block;
    text-align: right;
    width: 150px;
    vertical-align: top;
    font-size: 13px;
    margin-right: 10px;
}
#datasheet_comment textarea, #datasheets textarea
{
  padding: 5px;
  width: 400px;
  height: 100px;
}

#datasheets .cegadatok h2.cegadat {
  display: none;
}
#datasheets .cegadatok #fld_cegnev > label {
  display: none;
}
#datasheets .cegadatok #fld_cegnev > span {
  font-weight: bold;
  font-size: 20px;
  width: 100%;
  display: block;
  margin-top: 10px;
}
#datasheets .radiooptions {
  margin: 10px;
  display: inline-block;
}

#datasheets .radiorow {
/*  display: inline;*/
  margin-bottom: 10px;
}
#datasheets .cegadatok #fld_cegnev > span input {
  width: 80%;
}
#fld_cegSzekhely > *, #fld_iratorzesHely > *
{
  display: table-cell !important;
}
#fld_cegSzekhely > span, #fld_iratorzesHely > span
{
  padding-left: 13px;
}
#fld_cegSzekhely > span > span, #fld_iratorzesHely > span > span
{
  display: block;
}
.bmform .oszlop label.formlabel {
  text-align: left;
}

#beerkDatum span {
  display: inline-block;
  width: 235px;
}


#felszDij {
    font-size: 16px;
    margin-top: 5px;
    padding-left: 15px;
    display: inline;
    font-style: italic;
}
#felszDijForm {
    margin-top: 5px;
}

#felszDij span {
    font-weight: bold;
}

#felszDijForm > input[type="submit"] {
    display: inline;
    padding: 3px;
    width: 100px;
}