@charset "utf-8";


/* BASE */

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin: 5px 0 0 0;
   padding: 0px;
   height: 100%;
   /* overflow-x: hidden; */
   color: #252525;
   background-color: #fff;
}

fieldset {
   padding: 10px;
   background-color: #ffffff;
   border: 1px solid #dadada;
}

a {
   text-decoration: underline;
}

img,
a img {
   text-decoration: none;
   border: 0;
}

.lefted {
   text-align: left !important;
}

.centerz {
   text-align: center !important;
}

.righted {
   text-align: right !important;
}

a.exit {
   float: right;
   margin-right: 10px;
   color: #fff !important;
   background-color: #BE4C4C;
   padding: 0px 10px;
   border-radius: 3px;
   font-size: 12px;
   text-decoration: none;
}

a.exit:hover {
   background-color: #B91616;
}

b, strong {
   font-weight: bold;
}

.no {
   color: red;
}

.yes {
   color: green;
}

.err,
.error_msg_box {
   text-align: center;
   font-size: 12px;
   color: red;
   padding: 10px;
   font-weight: bold;
}

.error_msg_box {
   text-align: left;
   padding-left: 200px;
}

h1 {
   font-size: 14px;
   padding-top: 10px;
   padding-bottom: 8px;
}

#main {
   clear: both;
   padding: 0 20px 0 20px;
}

/* GMAPS */
#map {
   width: 100%;
   min-height: 500px;
}
#gmap,.gmap{
   min-height: 500px;
}
#gmap.gmap-full,.gmap.gmap-full{
   height: 100%;
}
#map-marker i{
   display: block;
   font-size: 70px;
   color: #363636;
}

.marked-row {
   background-color: #F2F4FF !important;
}



/* NAV STATUS SZINEK */
.mb-ok, mb-err, mb-wt,
.veg {
   font-weight: bold;
}

.mb-ok {
   color: green;
}

.mb-err {
   color: red;
}

.mb-wt {
   color: orange;;
}



/* HEADER */

.header {
   margin-top: 5px;
   padding: 5px 15px;
   line-height: 40px;
   font-size: 16px;
   color: #bec700;
}

header img {
   float: left;
   margin-right: 10px;
}



/* INPUT */

input[type="text"],
input[type="password"],
select,
textarea {
   padding: 2px;
   font-size: 13px;
   background: #ebebeb;
   border:1px #ccc solid;
   width: 240px;
}

textarea {
   height: 100px !important;
   width: 350px !important;
   font-family: inherit;
   font-size: 12px;
}

input[type="submit"],
input[type="button"],
button,
.button {
   background: #1d5b28;
   border: 1px #000 solid;
   padding: 5px;
   color: #fff !important;
   font-size: 13px;
   text-decoration: none;
   font-weight: normal !important;
   cursor: pointer;
}

input[type="submit"].submit-not-paid {
   background-color: #a40000;
}

.user-filter-table {
   border: 1px #000000 solid;
}

form table.user-filter-table input,
form table.user-filter-table select {
   width: auto;
   margin-right: 10px;
}

form table.user-filter-table {
   width: 100% !important;
}

form table.user-filter-table td:first-child {
   white-space: unset;
}

form img {
   max-width: 400px;
}

td.first-td:hover {
   cursor:pointer;
   background-color: #76951E;
}

td.i-td {
   cursor: pointer;
}

td.i-td:hover {
   background-color: #76951E;
}

tr.waste {
   color: red;
}

.multiple-input {
   width: 350px !important;
   max-height: 148px;
   overflow-y: auto;
   overflow-x: hidden;
}

tr.odd2 {
   background-color: #ebebeb;
}

.attached-products {
   height: 400px;
   overflow-y: auto;
}


   /* FORM */

form table {
   width: 600px;
}

form table td {
   padding: 2px;
}

form table td:first-child {
   white-space: nowrap;
   width: auto;
}

form table td:last-child {
   width: 80%;
}

form table.excel td:last-child {
   width: unset;
}

form table.instead-form td:last-child {
   width: 65%;
}

form table td.no-width:last-child,
form table td.no-width {
   width: 12px;
}

form table th.no-width {
   padding-left: 8px;
}

form table.no-width {
   width: unset;
}

form table.max-width,
table.max-width {
   width: 100%;
}

form table.max-width td:last-child,
table.max-width td:last-child {
   width: unset;
}

form .not-input {
   border: 0;
   color: #000;
   text-align: right;
   background: none;
   width: 100px;
}

form th .not-input {
   font-weight: bold;
}

/* MENU */

.menusor {
   background: #bec700;
   overflow: hidden;
   border-bottom: 2px #fff solid;
}

.menu0{
   margin:0 auto;
   overflow:hidden;
}

.menu{
   float:left;
   border:none;
   border:0;
   padding:0;
   font-weight:bold;
}
.menu ul{
   list-style:none;
   margin:0;
   padding:0;
}
.menu li{
   float:left;
   padding:0px;
}
.menu li a{
   color:#fff;
   display:block;
   font-weight:bold;
   line-height:25px;
   margin:0px;
   text-align:center;
   text-decoration:none;
   padding:0 9px 0 14px;
   border-right:1px #fff solid;
}
.menu li a:hover, .menu ul li:hover a{
   color:#fff;
   background:#333;
   text-decoration:none;
}

.menu li ul{
   background:#333;
   display:none;
   height:auto;
   padding:0;
   margin:0;
   border:0;
   position:absolute;
   z-index:200;
}
.menu li:hover ul{
   display:block;

}
.menu li li {
   display:block;
   float:none;
   margin:0;
   padding:0;
   border-top:1px #fff solid;
   /*	background:#333;*/
}
.menu li:hover li a{
   color:#fff;
}
.menu li ul a{

   display:block;
   line-height:25px;
   font-eright:bold;
   margin:0;
   padding:0 10px;
   text-align:left;
   border:0;
   overflow:hidden;
}

.menu li ul a:hover, .menu li ul li:hover a{
   border:0;
   color:#bec700;
   text-decoration:none;
}

#kiaz {
   color: #fff;
   float: right;
   font-size: 12px;
   line-height: 25px;
   padding: 0 10px 0 0;
}


.address-table {
   width: 400px;
   padding-top: 8px;
}

.address-table td {
   padding: 0px !important;
   border: 0px !important;
}

.address-table td:nth-child(n) {
   text-align: left;
   max-width: 35%;
}



/* PAGER */

.pager {
   text-align: center;
   margin-bottom: 30px;
}

div.pager span.plain {
   text-align: center;
   margin: 2px 3px;
   padding: 4px 10px;
   border: 1px solid #bebebe;
   color: #363636;
   font-weight: bold;
   background-color: #fff;
}

div.pager a {
   height: 15px;
   padding: 4px 10px;
   margin: 2px 3px;
   border: 1px solid #BCBCBC;
   text-decoration: none;
   color: #404040;
   font-weight: bold;
   background-color: #fff;
}

div.pager a:hover,
div span.plain.selected {
   border: 1px solid #5F4C3F;
   background-color: #76951E;
   color: #5F4C3F;
   font-weight: bold;
}




/* ATVETT */

.msg_head {
   font-size: 12px;
   display: block;
   background-color: #ebebeb;
   padding: 5px;
   font-weight:bold;
}

.s0 {
   display:none;
}

#rendszer {
   float:left;
   font-size:12px;
   padding:15px 0 0 120px;
   color:#aece2b;
}

.clr {
   clear:both;
}

h2 {
   font-size: 12px;
   display: block;
   background-color: #ebebeb;
   padding: 5px;
}

DIV.checkListBox {
   background-color: #FFFFFF;
   border: 1px solid #999999;
   height: 81px;
   overflow-y: auto;
   list-style: square;
}

.text, .text2, .text3, .text4, .text5
{
   background: #ebebeb;
   border:1px #ccc solid;
}

.tbl tr:hover {
   background-color: #D1EADD !important;
   cursor: pointer;
}

.tbl tr:nth-child(odd) {
   background-color: #F6F6F6;
}

.fa-check {
   color: green;
}

.fa-minus {
   color: red;
}

.neminput {
   border:0;
   color:#000;
   text-align:right;
   background:none;
}

.text5 {
   width:100px;
}

.text4 {
   width:400px;
}

.text3 {
   width:200px;
}

.button_red {
   background: red;
   padding:5px;
   color:#fff;
}

.button_green {
   background: green;
   padding:5px;
   color:#fff;
}

.w400 {
   width:400px;
}

.w300 {
   width:200px;
}

.wrovid {
   width: 60px;
}

.wkozepes {
   width: 120px;
}

.whosszu {
   width: 300px;
}

.sor_vilagos td {
   background-color: #ffffff;
}

.sor_sotet td {
   background-color: #ebebeb;
}

.excel {
   border-bottom:1px #000 solid;
   border-right:1px #000 solid;
   empty-cells:show;
   empty-cells:inherit;
}

/*
.excel tr.highlight,
.excel tr:hover {
   background-color: #76951e !important;
   cursor: pointer;
}
*/

.tr-red {
   background-color: #fdc8c8;
}

.tr-green {
   background-color: #c8f9bf;
}


.excel td {
   border-top:1px #000 solid;
   border-left:1px #000 solid;
   padding:5px;
}

.excel td table, .excel td table td {
   text-align:center;
}

.excel_fej th {
   text-align:center;
   background-color:#ccc;
   color:#000;
   font-weight:bold;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   height:25px;
   padding: 0 6px;
}

td.ok {
   background-color: #76951E;
}

.table-wrapper {
   overflow-x: scroll;
}

.vertical {
   border-bottom:1px solid #000;
   border-right:1px solid #000;
   border-left:0;
   border-top:0;
   background:#666;
   color:#fff;
   writing-mode: tb-rl;
   filter: fliph flipv;
   padding: 5px;
}

.content-note {
   font-size: 11px;
   color: #646464;
}

.normal {
   padding: 5px;
}

.jobb_border {
   border-right: 1px #000000 solid;
}

.also_border {
   border-bottom: 1px #000000 solid;
}

a:link, a:visited, a:active {color: #000; font-weight:bold;}
a:hover {color: #a6ad0b;font-weight:bold;}

.zold {
   color: #76951e;
}

.piros {
   color: #952f1e;
}

.cimke {
   text-align: right;
   height: 20px;
   background:#ebebeb;
}

.adat {
   color: #004001;
   font-weight: bold;
}

.datum {
   display: block;
   background:#cccccc;
   padding-bottom: 2px;
   text-align: center;
   vertical-align: super;
   font-size: 10px;
}

/* Calendar Popup */

.dynCalendar_header {
   font-size: 9px;
   font-weight: bold;
}
.dynCalendar_dayname {
   background-color: #c0c0c0;
   border: 1px solid #c0c0c0;
   font-size: 9px;
   color: #FFFFFF;
   text-align: center;
   width: 21px;
}

.dynCalendar_day {
   background-color: #eeeeee;
   color: #000000;
   font-size: 9px;
}

.dynCalendar_today {
   background-color: #ffffff;
   border: 1px solid #c0c0c0;
   font-size: 9px;
}

.dynCalendar {
   background-color: #c0c0c0;
   border: 2px outset white;
   visibility: hidden;
   position: absolute;
   top: 1px;
   left: 1px;
}
.dynCalendar select {
   font-size: 10px;
}

.textalert {
   border: 1px red solid;
}

.fieldalert {
   color: red;
}

.b_l {
   border-left:1px solid #000;
}

.b_t {
   border-top:1px solid #000;
}

.b_r {
   border-right:1px solid #000;
}

.b_b {
   border-bottom:1px solid #000;
}

.adatlap {
   width:600px;
}

.adatlap td {
   width:80%;
}

.adatlap td.bal {
   white-space:nowrap;
   width:auto;
}

.adatlap .text {
   width:100%;
}

.tabok a {
   padding:7px;
   background:#aece2b;
   color:#000;
   text-decoration:none;
   font-weight:normal;
   margin-right:5px;
   border:1px #000 solid;
}

.tabok a.kivalasztott {
   background:#ccc;
   color:#000;
   text-decoration:none;
   font-weight:normal;
   margin-right:5px;
   border:1px #000 solid;
}

.alert, .alert li {
   color:red;
}

.sub-menu {
   float: right;
   margin-top: -35px;
}