body {
 min-width: 1250px; /* 950 */
 margin: 0 auto 15px auto;
 padding: 0;
 text-align: left;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 12px; 
 color: #000;
 background: #EFEFEF;
 background-image: url(../images/color1/bg.gif);
 background-repeat: repeat-y;
 background-position: center;  
}

:focus {
 -moz-outline-style: none;
}

* {
 margin:0;
 padding:0;
}

.marginBottom {
 margin-bottom: 15px !important;
}

.hidden {
 display: none;
}

.wip {
 height: 40px;
 padding-top: 140px;
 background: url(../images/munka.png) no-repeat center top; 
 text-align: center;
 font-size: 16px;
}

span.notImportant {
 color: #999 !important;
}

td.centeredTD {
 text-align: center;
}



/* Alapvető elemek */

.background_toto {
 background: url(../images/gayparade.jpg) no-repeat center top; 
}

.background_toto #listTable {
 opacity: 0.8 !important;
}

.background_toto #listTable:hover {
 opacity: 1 !important;
}

p {
 margin-bottom: 15px;
}

ul, li {
 list-style-image: none;
 list-style-type: none;
}

.clear {
 clear: both;
 font-size: 1px;
}

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0;
	line-height:0;
}

a {
 text-decoration: none;
}

hr {
 margin: 15px 0 15px 0;
}

h1 {
 font-size: 18px;
 font-weight: bold;
 padding: 0 0 10px 0;
 margin: 0 0 15px 0;
}

h2 {
 margin: 0 0 15px 0;
 padding: 5px 10px 5px 10px;
 font-size: 16px;
 font-weight: bold;
}

h2 span {
 font-weight: normal;
}

h3 {
 margin-bottom: 15px;
 font-size: 15px;
 font-weight: bold;
}

span.tableLabel { 
 position: relative;
 top: 3px;
 padding: 1px 4px 2px 4px;
 font-size: 12px;
 font-weight: bold;
}

span.status {
 font-weight: bold;
 margin: 0 0 15px 0;
}

span.tooltip {
 cursor: help;
 background-image: url(../images/h.gif); 
 background-repeat: repeat-x;
 background-position: 0 bottom;   
}

.warning {
 font-weight: bold;
} 

.orange {
 color: #fa8 !important;
}

span.delayedItem {
 margin-left: 15px;
 font-weight: bold;
 font-size: 18px;
}

td.centeredNumeric {
 width: 120px;
 text-align: center;
}

span.private {
 padding: 10px 0 10px 20px;
 background: url(../images/private.png) no-repeat 0 9px; 
 cursor: help; 
}

a.formattedHrefButton {
 padding: 3px;
 background: #fff;
 border: 1px solid #aaa;
 margin-right: 5px;
 margin-bottom: 5px;
 cursor: pointer;
}


/* Debug*/

.debug {
 padding: 3px;
 font-family: courier, courier new, sans-serif;
 color: #33ff00;
 background: #000;
}

.debug span {
 color: #ffff33;
}



/* Dobozok */

.successBox {
 padding: 3px 4px 3px 4px;
 background-color: #fff;
 border: 2px dashed #0a0;  
 color: #777;
 text-align: center;
 font-weight: bold;
 font-size: 16px;
}



/* Űrlapok és mezők */

form {
 margin: 0;
 padding: 0;
}

input, select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
}

input {
 width: 125px;
 height: 12px; 
}

select {
 width: 250px;
 height: 18px; 
}

fieldset {
 width: 96%;
 margin: 5px 0 15px 0;
 padding: 5px 10px 10px 10px;
}

legend {
 margin: 0;
 padding: 0 3px;
}

.epicOrderButton {
 height: 18px;
}

.checkButton {
 margin: 0 15px 0 15px;
 padding: 2px;
 background: #fff;
 border: 1px solid #f00;
 color: #f00;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px; 
 cursor: pointer;
}



/* Tartalmi elemek */

#mainHeader {
 width: 1210px; /* 910 */
 height: 60px;
 margin: 0 auto 0 auto;
 padding: 3px 20px 0 20px;
 background-repeat: repeat-x;
 background-position: 0 0;
}

#mainHeader div.statusBox {
 width: 160px; /* 250 */
 height: 27px;
 padding: 10px 0 0 0;
 float: left;
}

#mainHeader div.statusBox img {
 height: 5px;
 border: 0;
}

#mainHeader div.loginBox {
 width: 340px;
 height: 27px;
 padding: 10px 0 0 0; 
 margin: 0 0 0 0px;
 float: left;
 text-align: right;
}

#mainHeader div.loginBox a.logoff {
 margin: 0 0 0 20px;
}

#mainHeader div.loginBox li {
 margin: 0 30px 0 0;
 float: left;
}

#mainHeader div.loginBox input {
 margin: 0 10px 0 10px;
 width: 80px;
}

#mainHeader div.loginBox input.button {
 margin: 0 0 0 5px;
 width: 50px;
 height: 15px;
}

#mainBody {
 width: 1220px; /* 920 */
 margin: 0 auto 0 auto;
 padding: 0 15px 0 15px;
}



/* Üzletválasztó */

#mainHeader div.storeSelector {
 width: 320px;
 padding-top: 8px;
 float: left;
}

#mainHeader div.storeSelector select {
 width: 110px;
 margin: 0 10px 0 10px;
}

#mainHeader div.storeSelector input.button {
 position: relative;
 top: 2px;
 width: 55px;
 margin: 0 0 0 5px;
 height: 17px;
 cursor: pointer;
}



/* Menü és tartalmi keret */

#sidePanel {
 width: 130px;
 margin: 0 10px 0 0;
 padding: 5px 10px 5px 10px;
 float: left;
}

#sidePanel p {
 text-align: center;
 margin: 0;
}

#mainContent {
 position: relative;
 width: 1055px; /* 755 */
 padding-top: 44px;
 float: left; 
}

#mainContent h2 {
 position: absolute;
 left: 0;
 top: 0;
 width: 1033px; /* 733 */
}

div.clear {
 clear: both;
 font-size: 1px;
 text-indent: -9000px;
}



/* Alapvető definíciók */

p.licence {
 font-size: 13px;
 font-weight: bold;
}

p.subTitle {
 font-size: 13px;
 font-weight: bold;
}

ul.dotted, img.banner {
 margin-bottom: 15px;
}

ul.dotted li {
 padding: 0 0 0 8px;
}

img.banner {
 width: 65px;
 height: 20px;
 border: 0;
}

.ok {
 font-weight: bold;
}

.error {
 font-weight: bold;
}

.noted {
 font-weight: bold;
}



/* Dinamikus tartalom */

#listTable, #treeTable {
 width: 1055px; /* 755 */
 padding: 0;
 border-bottom: 0 !important;
 border-right: 0 !important; 
}

#listTable img, #treeTable img  {
 border: 0;
}

#listTable td, #treeTable td, #listTable th {
 margin: 0;
 padding: 2px 3px 2px 3px;
}

#listTable td.status, #treeTable td.status {
 padding: 10px 5px 10px 5px;
 border-right: 0;
}

#listTable td.views, #treeTable td.views {
 padding: 0 5px 0 5px;
}

#listTable td.views img, #treeTable td.views img {
 position: relative;
 top: 1px;
 margin-left: 6px;
}

#listTable td.views span, #treeTable td.views span {
 position: relative;
 top: -3px;
}

#listTable td.status a, #treeTable td.status a {
 margin: 0 10px 0 0;
 padding: 2px 4px 2px 4px;
}

#listTable td.status .disabledButton {
 margin: 0 10px 0 0;
 padding: 2px 4px 2px 4px;
 background: #fff;
 border: 1px solid #ccc;
 color: #ccc;
 cursor: not-allowed !important;
}

#listTable td.edit {
 width: 18px;
 text-align: center;
}

#listTable td.check {
 width: 18px;
 text-align: center;
}

#listTable td.check input {
 width: 16px;
}

#listTable td.id {
 width: 34px;
}

#listTable td.delete {
 width: 16px;
 text-align: center; 
}

#listTable td.code {
 width: 40px;
 text-align: center;
}

#listTable td.check {
 width: 40px;
 text-align: center;
}

#listTable td.lang {
 width: 80px;
 text-align: center;
}

#listTable td.work {
 width: 100px;
}

#listTable td.texts {
 width: 82px;
 text-align: center; 
}

#listTable td.connections {
 width: 110px;
 text-align: center; 
}

#listTable td.productPcs {
 width: 80px;
 text-align: center; 
}

#listTable td.pictures {
 width: 80px;
 text-align: center; 
}

#listTable td.timeStamp {
 width: 125px;
 text-align: right; 
}

#listTable td.active, #listTable td.leader {
 width: 40px;
 text-align: center; 
}

#listTable td.ip {
 width: 90px;
}

#listTable td.job {
 width: 250px;
}

#listTable td.event {
 width: 350px;
}

#listTable td.module {
 width: 70px;
}

#listTable td.category {
 width: 150px;
}

#listTable td.pictures img {
 width: 19px;
 height: 19px;
 margin: 0 2px 0 2px;
}

#listTable td span.note {
 font-style: italic;
}

#listTable td.date {
 width: 160px;
}

#listTable td.user {
 width: 100px;
}

#listTable td.seq {
 width: 45px;
 text-align: center; 
}

#listTable td.seq img {
 float: left;
 margin: 0 0 0 2px;
}

#listTable td.price {
 width: 60px;
}

#listTable td.stock {
 width: 60px;
}

#listTable td.checkboxs {
 width: 20px;
 text-align: center;
}

#listTable td.checkboxs input {
 width: 20px;
 margin: 0 !important;
}

#listTable td.dateOrder {
 width: 120px;
}

#listTable td.orderStatus {
 width: 75px;
}

#listTable td.orderStatus img {
 margin-right: 5px;
}

#listTable td.letter {
 text-align: center;
}

#listTable td.alerts {
 width: 18px;
 text-align: center;
}

#listTable td.alerts img {

}

#listTable tr.fade td, #listTable tr.fade td a {
 color: #aaa !important;
}

#listTable tr.fulfiled td, #listTable tr.fulfiled td a {
 background: #c6e0cc !important;
}

#listTable td.payInfo {
 width: 30px;
 text-align: center;
}

#listTable td.delInfo {
 width: 30px;
 text-align: center;
}

#listTable .listInfo {
 padding-right: 10px;
 text-align: right;
 font-style: italic;
 color: #777;
}

#listTable .listInfo img {
 position: relative;
 top: 2px;
 margin-left: 10px;
}

#listTable .profit {
 width: 55px;
 text-align: right;
}

#listTable .points {
 width: 55px;
 text-align: right;
}


#listTable .orderItems {
 width: 75px;
}

#listTable span.lowIndex {
 font-size: 9px;
}

#listTable tr.trSeparator td {
 font-size: 16px;
 padding-top: 15px;
}

#listTable td.pointInfo {
 cursor: help;
}

#listTable tr.priceWarning {
 background: #ffe39e url(../images/stripes-yellow.png) repeat 0 0;
}

#listTable td.movementAmount {
 width: 130px;
 text-align: center;
}

#listTable td.movemenetPrice {
 width: 100px;
 text-align: right;
}

#listTable td.movemenetDate {
 text-align: right;
}

.tooltipBox {
 padding: 5px;
 background-color: #eee;
 border: 1px solid #fff;
}

#listTable th {
 font-weight: normal;
}


/* Fastruktúra */

#treeTable td.status {
 width: 842px; /* 542 */
}

.treeList {
 padding: 10px 7px 10px 7px;
 border-top: 0 !important;
}

.treeList ul.main li {
 padding: 0 0 0 14px;
 font-weight: bold;
}

.treeList ul.sub li{
 padding: 0 0 0 12px;
 font-weight: normal;
}



/* Szövegdoboz */

#listTable .pictureIcons, .pictureList .pictureIcons {
 width: 100px;
 text-align: center; 
}

#listTable .pictureIcons img, .pictureList .pictureIcons img {
 margin-right: 2px;
 margin-bottom: 1px;
}

#listTable .textIcons, .pictureList .textIcons {
 width: 100px;
}

#listTable .textIcons .code, .pictureList .textIcons .code {
 width: 20px;
 float: left; 
 text-align: center; 
}

#listTable .textIcons .icons, .pictureList .textIcons .icons {
 width: 95px;
 padding-left: 5px;
 float: left; 
 text-align: left;
}

#listTable .textIcons .icons img, .pictureList .textIcons .icons img {
 margin-right: 2px;
}



/* Szűkítő doboz*/

.limiter {
 position: relative;
 margin-bottom: 15px;
 padding: 10px 7px 10px 7px;
}

.limiter label.space {
 margin-left: 20px;
}

.limiter input.text {
 width: 100px;
}

.limiter input.submit {
 position: relative;
 top: 2px;
 width: 50px;
 height: 15px;
}

.limiter input.checkbox {
 width: 20px;
 margin-right: 10px;
}

.limiter .inputs {
 width: 910px; /* 610 */
 margin-right: 15px;
 float: left;
}

.limiter .submits {
 width: 110px;
 float: left;
}

.limiter hr {
 height: 1px;
 margin: 10px 0 10px 0;
}

.limiter select {
 width: 200px;
 background: #fff;
}

/* Egyedi hátterek */

.limiter-gabee {
 background: url(../images/fun/bg-gabee-orders-filter.jpg) no-repeat 0 0;  
}

.limiter-melis {
 background: url(../images/fun/bg-melis-orders-filter.jpg) no-repeat 270px 0;  
}




/* Űrlap-fülek */

#formTabs {
 margin: 0;
 padding: 10px 10px 2px 5px;
}

#formTabs a {
 margin: 0 3px 0 0;
 padding: 2px 4px 2px 4px;
}

#formTabs span.inactive {
 margin: 0 3px 0 0;
 padding: 2px 4px 2px 4px;
}



/* Űrlapok */

.dualPanel #contentPanel {
 width: 695px;
 padding-right: 15px;
 float: left;
}

.dualPanel #infoPanel {
 width: 300px;
 padding: 10px;
 float: left;
 line-height: 1.5em;
 background: #fff5d4;
 border: 1px dashed #e5d9b3;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow:    3px 3px 2px 2px #ccc;
 -webkit-box-shadow: 3px 3px 2px 2px #ccc;
 box-shadow:         3px 3px 2px 2px #ccc;
}

#formPanel {
 padding: 10px 10px 5px 10px;
}

#formPanel .help {
 margin: 10px 0 10px 0;
 padding: 10px 10px 10px 10px; 
}

#formPanel form.event {
 margin: 0 0 10px 0;
 padding: 0 0 15px 0;
 background-repeat: repeat-x;
 background-position: 0 bottom;  
}

#formPanel label {
 margin: 10px 0 2px 0;
 display: block;
 position: relative;
}

#formPanel input {
 width: 200px;
 height: 14px;
 margin: 0;
 padding: 1px 2px 1px 2px;
 background-repeat: repeat-x;
 background-position: 0 0; 
}

#formPanel select {
 width: 206px;
}

#formPanel textarea {
 width: 545px;
 height: 100px;
 margin: 0;
 padding: 1px 2px 1px 2px;
}

#formPanel .button {
 width: 67px;
 height: 17px; 
 margin: 10px 0 0 0;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

#formPanel .buttonHigh {
 width: 67px;
 height: 17px; 
 margin: 10px 0 0 20px;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

#formPanel .file {
 width: 190px;
 height: 17px;
 margin: 10px 0 15px 0;
 padding: 0;
}

.limiter .file {
 width: 190px;
 height: 17px;
 margin: 10px 0 15px 0;
 padding: 0;
}

#formPanel .checkbox {
 width: 17px;
 height: 17px;
 margin: 0 0 15px 0;
 padding: 0;
 background-image: none;
 border: 0;
}

#formPanel .listCheckbox {
 width: 17px;
 height: 17px;
 margin: 0 0 0 13px;
 padding: 0;
 background-image: none;
 border: 0;
}

#formPanel .saCheckbox, #formPanel .saCheckbox1, #formPanel .saCheckbox2, #formPanel .saCheckbox3, #formPanel .saCheckbox4 {
 width: 17px;
 height: 17px;
 margin: 0;
 padding: 0;
 background-image: none;
 border: 0;
}

#formPanel .micro {
 width: 20px;
}

#formPanel .mini {
 width: 60px;
}

#formPanel .small {
 width: 90px;
}

#formPanel .extralarge {
 width: 400px;
}

#formPanel .large {
 width: 250px;
}

#formPanel .largeText {
 height: 250px;
}

#formPanel p.status {
 font-weight: bold;
 margin: 0 0 15px 0;
}

#formPanel p.id {
 margin: 0 0 15px 0;
}

#formPanel img.thumbnail {
 display: block;
 margin: 10px 0 10px 0;
}

#formPanel div.separated {
 background-repeat: repeat-x;
 background-position: 0 bottom;  
}

#formPanel hr {
 margin: 0 0 15px 0;
 padding: 0;
}

#formPanel div.hr {
 height: 7px;
 margin: 14px 0 0 0;
 padding: 0;
 background-repeat: repeat-x;
 background-position: 0 6px;  
}

#formPanel div.hr_center {
 height: 7px;
 margin: 14px 0 15px 0;
 padding: 0;
 background-repeat: repeat-x;
 background-position: 0 6px;  
}

#formPanel div.hr_top {
 height: 7px;
 margin: 5px 0 5px 0;
 padding: 0;
 background-repeat: repeat-x;
 background-position: 0 0px;  
}

#formPanel p.noInput {
 margin: 15px 0 15px 0;
}

#formPanel div.listData p {
 margin: 0 0 2px 0;
}

#formPanel div.listData p.typeText {
 margin: 0 0 15px 0;
 font-weight: bold;
 text-decoration: underline;
}

#formPanel #listTable {
 width: 734px;
}

#formPanel a.buttonMiddle {
 padding: 1px 2px 1px 2px; 
 font-size: 10px; 
 cursor: pointer;
}

#formPanel .dicTexts input {
 width: 450px;
 margin-bottom: 3px;
}

#formPanel .dicTexts textarea {
 width: 450px;
 height: 50px;
 margin-bottom: 3px;
}

#formPanel .deleteLinks a {
 display: block;
 width: 40px;
 height: 16px; 
 margin: 10px 10px 0 0;
 padding: 0 2px 0px 2px; 
 background-image: none;
 cursor: pointer;
 float: left;
 font-size: 11px;
 text-align: center;
}

#formPanel .inputBlocks {
 margin-bottom: 15px;
}

#formPanel .inpBlock1, #formPanel .inpBlock2, #formPanel .inpBlock3, #formPanel .inpBlock4 {
 width: 150px;
 margin-right: 15px;
 float: left;
}

#formPanel .inpBlock1-wide, #formPanel .inpBlock2-wide, #formPanel .inpBlock3-wide, #formPanel .inpBlock4-wide {
 width: 250px;
 margin-right: 15px;
 float: left;
}



/* Árak*/

.patronboltPrices {
 margin-bottom: 15px;
 padding: 15px;
 background: #dae6eb;
 border: 1px solid #87a5b3;
}

.patronboltPrices .discountBlock {
 background: #c7d8df;
} 

.onoffshopPrices {
 margin-bottom: 15px;
 padding: 15px;
 background: #e3eee4;
 border: 1px solid #87b38d;
}

.onoffshopPrices .discountBlock {
 background: #c2d8c5;
} 



/* Feltöltő doboz */

#formPanel .uploadBox {
 width: 600px;
 margin-bottom: 10px;
 padding: 6px 10px 6px 10px;
}

#formPanel .inputs {
 width: 210px;
 float: left;
}

#formPanel .infos {
 width: 372px;
 float: left;
}



/* Címkék */

#labels p.boxTitle {
 text-decoration: underline;
 margin: 0 0 15px 0;
}

#labels div.left {
 width: 250px;
 margin: 0 9px 0 0;
 padding: 6px 10px 6px 10px;
 float: left;
}

#labels div.right {
 width: 250px;
 padding: 6px 10px 6px 10px;
 float: left; 
}

#labels li.note {
 font-style: italic;
}



/* Szövegválasztó */

table.textSelector td {
 padding: 3px 5px 3px 5px;
}

table.textSelector td span {
 position: relative;
 top: -7px;
}

table.textSelector td img {
 border: 0;
}



/* Képszerkesztő doboz */

.pictureItem .picture {
 width: 120px;
 margin-right: 10px;
 float: left;
}

.pictureItem .picture img {
 margin-top: 2px;
 padding: 4px;
}

.pictureItem .picture p {
 padding-right: 10px;
 text-align: center;
}

.pictureItem .picture p a {
 padding-left: 14px;
 background-image: url(../images/delete_mini.gif); 
 background-repeat: no-repeat;
 background-position: 0 2px;   
}

.pictureItem .text {
 width: 400px;
 float: left; 
} 



/* Képlista */

.pictureList {
 width: 1034px; /* 734 */
 margin: 0;
 padding: 0;
 border-bottom: 0 !important;
 border-right: 0 !important; 
}

.pictureList img {
 border: 0;
}

.pictureList td {
 margin: 0;
 padding: 2px 3px 2px 3px;
}

.pictureList td.edit {
 width: 18px;
 text-align: center;
}

.pictureList td.id {
 width: 34px;
}

.pictureList td.delete {
 width: 16px;
 text-align: center; 
}

.pictureList td.check {
 width: 40px;
 text-align: center;
}

.pictureList td.active {
 width: 40px;
 text-align: center; 
}

.pictureList td.date {
 width: 150px;
}

.pictureList td.picture {
 width: 70px;
}

.pictureList td.picture img {
 margin-top: 2px;
 padding: 4px;
}

.pictureList td.texts {
 width: 82px;
 text-align: center; 
}

.pictureList td.seq {
 width: 45px;
 text-align: center; 
}

.pictureList td.seq img {
 float: left;
 margin: 0 0 0 2px;
}

.pictureList td.checkboxs {
 width: 20px;
 text-align: center; 
}

.pictureList td.checkboxs input {
 margin: 0 !important;
}

.pictureList td.conType {
 width: 200px;
}

.pictureList td.conType select {
 width: 200px !important;
}




/* Csoportos eseménykezelő */

.groupEvents {
 margin: 0 0 0 36px;
 padding: 7px 0 0 30px; 
 background-image: url(../images/arrow_ltr.gif); 
 background-repeat: no-repeat;
 background-position: 0 7px;  
}

.groupEvents .selectorBlock {
 width: 50%;
 padding-top: 7px;
 float: left;
}

.groupEvents .eventBlock {
 width: 49%;
 text-align: right;
 float: left;
}

.groupEvents .eventBlock button {
 position: relative;
 top: 4px;
 margin-left: 5px;
 background-color: transparent;
 cursor: pointer;
 border: 0;
}

.groupEvents .eventBlock img {
 border: 0;
}

.groupEvents .categoryBlock {
 padding-top: 10px;
 clear: both;
 text-align: right;
}

.groupEvents .categoryBlock label {
 width: 300px;
 margin: 3px 10px 0 0 !important;
 display: block;
 text-align: right;
 float: right;
 color: #000 !important;
}

.groupEvents .categoryBlock select {
 width: 200px;
 margin: 1px 10px 0 0;
 float: right;
}

.groupEvents .eventBlock input {
 width: 19px !important;
 height: 19px !important;
 margin-left: 10px !important;
 background-repeat: no-repeat !important;
 background-position: 0 0 !important;
 background-color: transparent !important;
 border: 0 !important;
}

.groupEvents input.act {
 background-image: url(../images/active.gif) !important; 
}

.groupEvents input.deact {
 background-image: url(../images/inactive.gif) !important; 
}

.groupEvents input.del {
 background-image: url(../images/delete.gif) !important; 
}

.groupEvents input.move {
 width: 74px !important;
 height: 17px !important;
 margin: 2px 0 0 0 !important;
 float: right;
 font-size: 11px;
 border: 1px solid #8B8A8A;
}



/* Megrendelések */

.orderSheet {
 padding: 10px 10px 0 10px;
}

.orderProducts {
 width: 306px;
 padding: 4px 5px 10px 5px;
}

.pr_pcs {
 width: 50px;
 text-align: center;
}

.pr_rate {
 width: 70px;
 text-align: center;
}

tr.fromPrevious td {
 border-bottom: 1px dashed #aaa !important;
}

tr.isPrevious td {
 background: #ccc url(../images/previous.png) no-repeat center top; 
}

tr.expressOrder {
 background: #ffcf5d url(../images/express-light.gif) repeat 0 0; 
}

tr.expressOrder:hover {
 background: #ffcf5d;   
}

tr.onoffshopOrder {
 background: #c1cfef url(../images/onoffshop.gif) repeat 0 0; 
}

tr.onoffshopExpressOrder {
 background: #c1cfef url(../images/onoffshop-express.gif) repeat 0 0; 
}

tr.onoffshopOrder:hover, tr.onoffshopExpressOrder:hover {
 background: #c1cfef;   
}

tr.commentedOrder {
 background: #ffcf5d url(../images/commented-light.gif) repeat 0 0; 
}

tr.marketplaceOrder {
 background: #ffcb4a url(../images/commented-light.gif) repeat 0 0; 
}




/* Sprinter export */

.csvExport {
 width: 100px !important;
 height: 18px;
 background: #fff;
 cursor: pointer;
}



/* Számla lap */

ul.invoice {
 margin-bottom: 10px;
}

ul.invoice li {
 margin-bottom: 5px;
}



/* Bevételezés */

.stockWizard {
 margin-bottom: 15px;
}

.stockWizard input {
 padding: 2px;
 font-size: 12px;
}

.stockWizard select {
 height: 20px;
 padding: 0 0 0 2px;
 font-size: 12px;
}

.stockWizard .swTd1 {
 
}

.stockWizard .swTd2 {
 width: 50px;
 text-align: center;
}

.stockWizard .swTd3 {
 width: 120px;
}

.stockWizard .swTd4 {
 width: 140px;
}

.stockWizard .swTd5 {
 width: 70px;
 text-align: center;
}

.stockWizard .swTd6 {
 width: 120px;
 text-align: center;
}

.stockWizard .swTd7 {
 width: 80px;
 text-align: center;
}

.stockWizard .swTdBarcode {
 width: 30px;
 text-align: center;
}

.stockWizard .swTdBarcode input {
 width: 30px;
}

.stockWizard .swTd3 select {
 width: 110px;
}

.stockWizard .swTd4 input {
 width: 60px;
 text-align: right;
}

.stockWizard .swTd5 input {
 width: 30px;
 text-align: center;
}

.currentBarcode {
 font-size: 11px;
}

.barcodeLimiter_block1 {
 width: 400px;
 margin-right: 30px;
 float: left;
}

.barcodeLimiter_block2 {
 width: 600px;
 float: left;
}

.barcodeLimiter_block5 {
 width: 500px;
 margin-right: 30px;
 float: left;
}

.barcodeLimiter_block6 {
 width: 500px;
 float: left;
}

.dealerImportSubmit {
 width: 80px;
 height: 18px;
 margin-left: 15px;
 padding: 1px 2px 1px 2px;
 margin-right: 15px;
 background: #fff;
 border: 1px solid #f00;
 color: #f00;
 cursor: pointer;
}

.epicClearButton {
 width: 80px;
 height: 16px;
 margin-left: 50px;
 padding: 2px;
 margin-right: 15px;
 background: #fff;
 border: 1px solid #f00;
 font-size: 10px;
 color: #f00;
 cursor: pointer;
}

.barcodeLimiter_block3 {
 width: 515px;
 border-top: 1px dotted #bbb;
 float: left;
}

.barcodeLimiter_block4 {
 width: 515px;
 border-top: 1px dotted #bbb;
 float: left; 
}



/* Bevételezési probléma doboz */

.swTdProblem {
 width: 100px;
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0; 
}

.swTdProblem textarea {
 width: 100px;
 height: 16px;
 border: 1px solid #bbb;
 background: #eee;
}



/* Product searches */

.searchedItem {
 margin-bottom: 5px;
 background: #eee;
 border-bottom: 1px solid #fff;
}

.searchedItem .siInp {
 width: 60px;
 padding: 5px;
 float: left;
}

.searchedItem .siImg {
 width: 70px;
 padding: 5px;
 float: left;
}

.searchedItem .siTxt {
 width: 700px;
 padding: 5px;
 line-height: 1.6em;
 float: left;
}

.searchedItem .siInp .sSubmit {
 width: 60px;
 height: 60px;
 cursor: pointer;
 font-size: 0;
 text-indent: -9000px;
 background: url(../images/select-off.gif) no-repeat 0 0;  
}

.searchedItem .siInp .sSubmit:hover {
 width: 60px;
 height: 60px;
 background: url(../images/select-on.gif) no-repeat 0 0;  
}

.searchedItem .siInfo {
 width: 250px;
 margin-right: 5px;
 padding: 5px;
 line-height: 1.6em;
 float: left;
}

.searchedItem .siOrder {
 width: 690px;
 padding: 5px;
 float: left;
}

.searchedItem .siOrder input.text, .searchedItem .siOrder select {
 margin-right: 15px;
 background: #fff; 
}

.searchedItem .siOrder select {
 width: 100px;
}


.searchedItem .siOrder .sSubmit {
 width: 130px;
 height: 20px;
 cursor: pointer;
 background: #fcda84;  
}

.searchedItem .siOrder .sSubmit:hover {
 border: 1px solid #888;
 background: #ffbf1e;
 color: #fff;
}



/* Barcode editor */

.noBCbutton {
 display: block;
 width: 150px;
 padding: 2px;
 margin-right: 15px;
 background: #fff;
 border: 1px solid #aaa;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px; 
 float: left;
}

.pIDform .pPcs {
 width: 40px !important;
 margin-bottom: 3px;
}

.pIDform .pPrice {
 width: 40px !important;
 margin-bottom: 3px; 
}

.pIDform .pSubmit {
 width: 60px;
 height: 20px;
 cursor: pointer;
 font-size: 0;
 text-indent: -9000px;
 background: url(../images/select-off.gif) no-repeat 0 bottom;  
}

.pIDform .pSubmit:hover {
 width: 60px;
 height: 20px;
 background: url(../images/select-on.gif) no-repeat 0 bottom;  
}



/* Pesti címek listája */

.deliverySheetExport {
 width: 180px !important;
 height: 18px;
 background: #fff;
 cursor: pointer;
}

.deliverySheet {
 margin-bottom: 15px;
 padding: 10px 10px 0 10px;
}



/* Főoldali elemek */

.infoBox {
 width: 150px;
 margin-bottom: 15px;
 padding: 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;  
}

.reminderBox {
 margin-bottom: 15px;
 padding: 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;  
}

.reminderBox #listTable {
 width: 1035px;
}



/* Árak */

.discountBlock {
 margin-top: 15px;
}

.priceBlock1 {
 width: 200px;
 float: left;
}

.priceBlock2 {
 width: 230px;
 float: left;
}

.priceBlockSeparator {
 width: 75px;
 padding-top: 18px;
 color: #888;
 font-size: 18px;
 font-weight: bold;
 float: left;
}

.priceBlock3 {
 width: 300px;
 float: left;
}

.priceBlock2 input, .priceBlock3 input {
 width: 100px !important;
}

.priceBlock4 {
 width: 170px;
 float: left;
}



/* Price margins */

.percentTable {
 margin-bottom: 15px;
}

.percentTable td {
 vertical-align: top;
}

.percentTable td.percents {
 text-align: right;
}

.percentTable input {
 width: 30px;
 height: 20px;
 padding: 0 2px 0 2px;
 font-size: 14px;
 text-align: center;
}

.catLevel0 {
 font-size: 14px;
 font-weight: bold;
}

.catLevel1 {

}


/* Egyéb dobozok */

.groupBox {
 margin-bottom: 15px;
 padding: 10px;
 border: 1px dashed #999;
 background: #ddd;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow:    3px 3px 2px 2px #ccc;
 -webkit-box-shadow: 3px 3px 2px 2px #ccc;
 box-shadow:         3px 3px 2px 2px #ccc;
}

.productInfo {
 position: absolute;
 right: 10px;
 top: 80px;
 width: 300px;
 padding: 5px;
 text-align: left; 
}

.orderInfo {

}

.orderInfo h4 {
 margin-bottom: 10px;
 font-weight: normal;
 font-size: 16px;
}

.orderInfo span {
 padding-top: 3px; padding-bottom: 3px; 
}

.orderInfo span.default {
 color: #555;
 font-weight: bold;
}

.orderInfo span.deleted {
 color: #f00;
 padding-left: 25px; 
 font-weight: bold;
 background: url(../images/inactive.gif) no-repeat left 0; 
}

.orderInfo span.unser_deliver {
 color: #09abfe;
 padding-left: 28px;
 font-weight: bold;
 background: url(../images/status-kiszallitas-on.png) no-repeat left -2px; 
}

.orderInfo span.unser_packaging {
 color: #09abfe;
 padding-left: 28px; 
 font-weight: bold;
 background: url(../images/status-csomagolas-on.png) no-repeat left 0;
}

.orderInfo span.fulfiled {
 color: #0a0;
 padding-left: 25px; 
 font-weight: bold;
 background: url(../images/status-teljesitve-on.png) no-repeat left 0; 
}





/* Corwell rendelés */

.finishedOrderInfo {
 margin-bottom: 15px;
 padding: 10px;
 border: 1px dashed #999;
 background: #ddd;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow:    3px 3px 2px 2px #ccc;
 -webkit-box-shadow: 3px 3px 2px 2px #ccc;
 box-shadow:         3px 3px 2px 2px #ccc;
}

.finishedOrderInfo h3 {
 color: #070;
}



/* Kedvezmény varázsló */

#discountWizard {
 margin-bottom: 10px;
 padding: 10px 10px 5px 10px;
 background: #eee;
 border: 1px solid #fff;
}

#discountWizard .snowWhite {
 margin: 15px auto 15px auto;
 text-align: center;
}

#discountWizard .snowWhite img {
 padding: 4px;
 border: 1px solid #fff;
 background: #bbb;
}

#discountWizard span.step {
 display: block;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: normal;
}

#discountWizard .buttons {
 margin-bottom: 10px;
}

#discountWizard .wizardButton {
 margin-right: 10px;
 padding: 2px 3px 2px 3px;
 background: #fff;
 border: 1px solid #888;
 color: #000;
}

#discountWizard .discountedItems {
 padding: 10px;
 background: #ddd;
 border: 1px solid #fff;
}

#discountWizard .boxTitle {
 display: block;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: normal;
}

#discountWizard table {
 width: 100%;
 border-collapse: collapse;
}

#discountWizard table td {
 padding: 3px;
 border-bottom: 1px solid #aaa;
}

#discountWizard table tr.trHead td {
 font-weight: bold;
}

#discountWizard table .td1 {
 text-align: right;
}

#discountWizard table .td2 {
 width: 100px;
 text-align: center;
}

#discountWizard table .td3 {
 width: 100px;
 text-align: center;
}

#discountWizard table .td4 {

}

#discountWizard table .td5 {
 width: 100px;
}



/* Egyszerűsített űrlap */

.simpleForm label {
 margin: 10px 0 2px 0;
 display: block;
 position: relative;
}

.simpleForm input {
 width: 200px;
 height: 14px;
 margin: 0;
 padding: 1px 2px 1px 2px;
 background: #fff;
 border: 1px solid #888;
}

.simpleForm select {
 width: 206px;
 background: #fff;
 border: 1px solid #888; 
}

.simpleForm textarea {
 width: 545px;
 height: 100px;
 margin: 0;
 padding: 1px 2px 1px 2px;
}

.simpleForm input.submit {
 height: 18px; 
 margin: 10px 0 0 0;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

.simpleForm .button {
 width: 67px;
 height: 17px; 
 margin: 10px 0 0 0;
 padding: 0 2px 2px 2px; 
 background-image: none;
 cursor: pointer;
}

.simpleForm input.id {
 width: 50px;
}

.simpleForm input.percent {
 width: 20px;
}

.simpleForm input.price {
 width: 60px;
}

.simpleForm .td1 {
 width: 300px;
 text-align: left !important;
}



/* Garancia */

.searchedOrder {
 margin-bottom: 10px;
 padding: 10px;
 border: 1px solid #fff;
 background: #eee;
}

.searchedOrder .orderInfo {
 margin-bottom: 10px;
}

.searchedOrder .product {
 margin-bottom: 2px;
 padding: 3px 3px 6px 3px;
 background: #ddd;
 border-bottom: 1px solid #555;
} 

.searchedOrder .product a {
 position: relative;
 top: 4px;
} 



/* Pénztár */

span.boxTitle {
 display: block;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: normal;
}

.cashInfo, .cashForm {
 margin-bottom: 15px;
 padding: 10px 7px 10px 7px;
 background-color: #eee;
 border: 1px solid #fff; 
}

.cashInfo p {
 margin-bottom: 0 !important;
}

.cashInfo a {
 margin: 0 10px 0 0;
 padding: 2px 4px 2px 4px;
 border: 1px solid #ddd;
 background-color: #fff; 
}

.denomination {
 margin-bottom: 5px;
}

.denomination label {
 width: 50px;
 margin: 0 5px 0 0 !important;
 text-align: right;
 float: left;
}

.denomination input {
 width: 50px !important;
 margin-right: 5px !important;
 float: left;
}

.cashInfo .importantValue {
 font-size: 16px;
}

.cashForm {

}

td.cashType {
 width: 150px;
}

td.cashAmount {
 width: 60px;
 text-align: right;
} 

td.cashUser {
 width: 100px;
} 

.cashNote {

}

td.cashInvoice {
 width: 80px;
}

td.buttons {
 width: 110px;
}

td.buttons input {
 height: 16px;
 background: #fff;
 cursor: pointer;
}

td.buttons input:hover {
 height: 16px;
 background: #eee;
 color: #000; 
 cursor: pointer;
}

tr.odd td {
 background: #e7e7e7;
}

tr.even td {

}

td.transferAmount {
 width: 70px;
 text-align: right;
}



/* Nagykerlista */

input.pcsInput {
 width: 20px;
 padding: 2px;
 font-size: 12px;
 background: #fff;
}

select.dealerSelect {
 width: 100px;
 height: 20px;
 padding: 0 2px 0 2px;
 font-size: 12px;
 background: #fff;
}

input.priceInput {
 width: 44px;
 padding: 2px;
 font-size: 12px;
 background: #fff;
}

input.pcsSubmit {
 width: 70px;
 height: 20px;
 margin-left: 5px;
 padding: 2px;
 background: #fff;
 cursor: pointer;
}

a.aSubmit {
 padding: 2px;
 background: #fff;
 border: 1px solid #ccc;
 cursor: pointer;
}



/* Utalások kezelése */

tr.staticLine img {
 cursor: pointer;
}

tr.staticLine td {
 border-bottom: 0 !important;
}

tr.hiddenLine td {
 padding: 0 !important;
}

.hiddenLine div.lineContent {
 display: none;
 margin: 0;
 padding: 10px;
 border-top: 1px solid #fff;
}

.forcedOpen div.lineContent {
 margin: 0;
 padding: 10px;
 border-top: 1px solid #fff;
}

.hiddenLine div.lineContent span.totalGross,
.forcedOpen div.lineContent span.totalGross {
 font-size: 16px;
 font-weight: bold;
}

.hiddenLine div.lineContent label,
.forcedOpen div.lineContent label {
 display: block;
}

.hiddenLine div.lineContent input.checkbox,
.forcedOpen div.lineContent input.checkbox {
 width: 20px;
 margin: 10px 0 10px 0;
 padding: 10px;
 -ms-transform: scale(1.3); /* IE */
 -moz-transform: scale(1.3); /* FF */
 -webkit-transform: scale(1.3); /* Safari and Chrome */
 -o-transform: scale(1.3); /* Opera */
 cursor: pointer;
}

.hiddenLine div.lineContent input.text, .hiddenLine div.lineContent textarea,
.forcedOpen div.lineContent input.text, .forcedOpen div.lineContent textarea {
 margin-bottom: 5px;
 padding: 3px;
 font-size: 14px;
 background: #fff;
 border: 1px solid #aaa;
}

.hiddenLine div.lineContent input.text,
.forcedOpen div.lineContent input.text {
 width: 200px;
 height: 16px;
}

.hiddenLine div.lineContent textarea,
.forcedOpen div.lineContent textarea {
 width: 400px;
 height: 55px;
}

.hiddenLine div.lineContent input.button,
.forcedOpen div.lineContent input.button {
 height: 20px;
 padding: 3px;
 background: #fff; 
 cursor: pointer;
}

.hiddenLine div.lineContent span.tip,
.forcedOpen div.lineContent span.tip {
 color: #888;
 font-style: italic;
}



/* Színkódok */

.colorInfo {
 margin-bottom: 15px;
}

.colorSymbol {
 width: 10px;
 height: 10px;
 margin-right: 5px;
 float: left;
}

.colorSymbol div {
 background: #fff; 
}

.colorSymbol-1 {
 border: 1px solid #8fcf9e;
 background: #c6e0cc;
}

.colorSymbol-2 {
 border: 1px solid #d69696;
 background: #e0c6c6;
}

.colorSymbol-3 {
 border: 1px solid #c9cd5f;
 background: #e3e5a8;
}

.colorSymbol-4 {
 border: 1px solid #663300;
 background: #ff9900;
}

.colorSymbol-5 {
 border: 1px solid #336699;
 background: #99ccff;
}

.colorSymbol-6 {
 border: 1px solid #800078;
 background: #d600c9;
}

#listTable .cColor1 td {
 background: #c6e0cc;
}

#listTable .cColor2 td {
 background: #e0c6c6;
}

#listTable .cColor3 td {
 background: #e3e5a8;
}

#listTable .cColor4 td {
 background: #ff9900;
}

#listTable .cColor5 td {
 background: #99ccff;
}

#listTable .cColor6 td {
 background: #d600c9;
 color: #fff;
}

#listTable .cColor6 td a {
 color: #fff;
}

#listTable .cColor6 td a:hover {
 color: #eee;
}



/* Garancia */

.guaranteeItems {
 margin-bottom: 15px;
}

.guaranteeItems table {
 width: 1030px; 
 margin-bottom: 15px;
 border-collapse: collapse;
 background: #ccc;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff; 
}

.guaranteeItems table tr td {
 padding: 4px !important;
}

form.guaranteeStatuses input select.status {

}

form.guaranteeStatuses input.price1 {
 width: 50px;
 height: 16px;
}

form.guaranteeStatuses input.price2 {
 width: 50px;
 height: 16px;
}

form.guaranteeStatuses input.submit {
 width: 50px;
 height: 18px;
 cursor: pointer;
}

form.guaranteeStatuses label {
 margin-top: 5px;
 font-size: 11px;
 display: block;
}

form.guaranteeStatuses textarea {
 width: 248px;
 margin: 0 0 5px 0;
 border: 1px solid #bbb;
 background: #eee;
}

form.guaranteeStatuses div.clearfix {
 width: 320px;
 padding-top: 5px;
}

tr.finishedLine td {
 background: #c6e0cc;
}

tr.warningLine td {
 background: #e0c6c6;
}

.crediting td {
 background: #eaf8d4;
}

td.returnStatuses {
 width: 270px;
}

.returnStatuses select {
 width: 200px;
}

form.returnStatuses input.submit {
 width: 50px;
 height: 18px;
 cursor: pointer;
}

form.returnStatuses div.clearfix {
 width: 270px;
 padding-top: 5px;
}



/* Haszon */

.profitDetails {
 margin-bottom: 15px;
}

.profitDetails table {
 width: 1030px; 
 margin-bottom: 15px;
 border-collapse: collapse;
 background: #ccc;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff; 
}

.profitDetails table tr td {
 padding: 4px !important;
}

.profitDetails .profitDetailedInfo table td {
 background: #eaeaea;
}



/* Rögzített szállítási díjak infója */

.delPriceInfo {
 font-weight: bold;
 color: #0a0;
 cursor: help;
}

.freightCodeText {
 font-size: 9px;
 color: #777;
}



/* Figyelmeztetések */

.notifyBox {
 padding: 3px 4px 3px 4px;
 background-color: #fff;
 border: 3px dashed #ffd200;  
 color: #9c8101;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

.notifyBox span {
 color: #000;
}



/* Törlések */

.deleteForm {
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0; 
}

.problemForm {
 padding: 10px;
 border: 5px solid #e55;
 border-radius: 10px;
 background: url(../images/stripes.png) repeat 0 0; 
}


/* Nagykerlista problémák */

.upperTDs td {
 vertical-align: top;
}

.dl_problemBox {
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0; 
}

.dl_problemBox label {
 font-weight: bold;
}

.dl_problemForm {
 padding: 5px 0 2px 0;
}

.dl_problemForm label {
 display: block;
 float: left;
}

.dl_problemForm label.lab1 {
 width: 65px;
}

.dl_problemForm label.lab2 {
 width: 80px;
}

.dl_problemForm label.lab3 {
 width: 70px;
}

.dl_problemForm label.lab4 {
 width: 40px;
}

.dl_problemForm label.lab5 {
 width: 120px;
}

.dl_problemForm .checkbox {
 float: left;
 width: 20px !important;
 margin-right: 10px;
 cursor: pointer;
}

.dl_problemForm select {
 float: left;
 width: 90px;
 margin-right: 10px; 
 background: #fff;
}

.dl_problemForm input.dateInput {
 float: left;
 width: 80px;
 height: 16px;
 background: #fff; 
}

.dl_problemForm textarea.reason {
 float: left;
 width: 320px;
 height: 80px;
}

.dl_problemForm .newReminderSubmit {
 height: 20px;
 margin-top: 5px;
 background: #fff;
 cursor: pointer;
}



/* Ajax lenyíló kimenő számlainfó tételei */

table.ajaxBillItems {
 width: 1040px !important;
 border-collapse: collapse !important;
}

table.ajaxBillItems tr.trHead td {

}

table.ajaxBillItems td {
 padding: 4px !important;
 background: #fff;
 border-bottom: 1px solid #aaa !important;
}



/* Levelek */

.logBox {
 padding: 5px;
 font-family: courier, courier new, sans-serif;
 color: #33ff00;
 background: #000;
 border: 1px solid #fff;
}

.logBox span {
 color: #ffff33;
}

table.mailLister {
 border-collapse: collapse;
}

table.mailLister tr.mailListerHeader td {
 background: #eee !important;
}

table.mailLister td {
 padding: 3px !important;
}

.mailSubject {
 width: 350px;
}

tr.readed td.mailSubject a {
 font-weight: normal;
}

tr.unreaded td.mailSubject a {
 font-weight: bold;
}

.mailFrom {

}

.mailTo {

}

.mailDate {

}

#mail {

}

#mail .mailHeader {
 margin-bottom: 10px;
 background: #fff;
 border: 1px solid #aaa;
 padding: 10px;
}

#mail .mailBody {
 background: #fff;
 border: 1px solid #aaa;
 padding: 0;
}

#mail .mailBody iframe {
 width: 1035px;
 height: 500px; 
 margin: 0;
 padding: 0;
 border: 0;
 padding: 10px;
}



/* Árréskezelő */

.openclose {

}

tr.trOpened td {
 background: #e7e7e7;
}

tr.trClosed td {

}

a.openclose {
 display: block;
 width: 20px;
 height: 20px;
}

.aClosed {
 background: url(../images/icon-plus.png) no-repeat 0 0;
}
 
.aOpened {
 background: url(../images/icon-minus.png) no-repeat 0 0;
}

input.priceMargin {
 width: 30px;
 margin-right: 5px;
 padding: 2px;
 font-size: 11px;
 float: left;
}

input.submitPM {
 width: 50px;
 height: 20px;
 margin-right: 5px; 
 padding: 2px;
 font-size: 11px;
 cursor: pointer;
 float: left; 
}

.tableContainer {
 width: 1030px;
 padding: 10px;
 background: #d4d4d4;
 border: 1px solid #ccc;
} 

span.changedPercent {
 display: block;
 width: 120px;
 padding: 2px 0 2px 23px;
 background: url(../images/icon-ok.png) no-repeat 0 0;
 color: #060; 
 font-weight: bold;
 float: left;
}

span.percentVary {
 display: block;
 width: 120px;
 padding: 2px 0 2px 23px;
 background: url(../images/icon-warning.png) no-repeat 0 0;
 color: #ff9c00; 
 font-weight: bold;
 float: left;
}



/* Árnapló */

span.nograde {
 padding: 0;
 color: #555; 
 font-weight: bold;
}

span.upgrade {
 padding: 0 0 0 20px;
 background: url(../images/arrow-upgrade.png) no-repeat 0 0;
 color: #079e00; 
 font-weight: bold;
}

span.downgrade {
 padding: 0 0 0 20px;
 background: url(../images/arrow-downgrade.png) no-repeat 0 0;
 color: #9e0000; 
 font-weight: bold;
}



/* PDF generálás */

.pdfButton {
 width: 200px;
 height: 37px !important;
 padding: 0 0 0 25px !important;
 font-size: 11px !important;
 background: #fff url(../images/pdf-25.png) no-repeat 4px 4px !important; 
 cursor: pointer;
}

.pdfButtonEmail {
 width: 200px;
 height: 37px !important;
 padding: 0 0 0 25px !important;
 font-size: 11px !important;
 background: #fff url(../images/pdf-25-email.png) no-repeat 4px 4px !important; 
 cursor: pointer;
}

.pdfLabelButton {
 display: block;
 width: 220px;
 height: 26px !important;
 padding: 12px 0 0 50px !important;
 font-size: 11px !important;
 background: #fff url(../images/pdf-25.png) no-repeat 4px 4px !important; 
 cursor: pointer;
 border: 1px solid #888;
 color: #000;
}

.pdfLabelButton:hover {
 color: #000;
}

.invoice-text {
 width: 70px;
 padding-top: 5px;
 float: left;
}

.invoice-icon {
 width: 30px;
 float: left;
}

.pdfButton-icon {
 width: 25px;
 height: 25px;
 padding: 0;
 font-size: 11px !important;
 background: url(../images/pdf-25.png) no-repeat 0 0; 
 cursor: pointer;
 border: 0;
}

.pdfButton-icon-href {
 display: block;
 height: 30px;
 padding: 0 20px 0 5px;
 background: url(../images/pdf-25.png) no-repeat 0 0; 
 cursor: pointer;
 border: 0;
}



/* CSV generálás */

.csvButton {
 width: 30px;
 height: 30px !important;
 padding: 0 !important;
 font-size: 11px !important;
 background: url(../images/csv-25.png) no-repeat 4px 4px !important;
 border: 0; 
 cursor: pointer;
}



/* Szuperadmin */

#superadminPage {
 min-height: 330px;
 background: #eee url(../images/god.png) no-repeat right top;
 border: 1px solid #fff;
}

#superadminPage label.blocked {
 margin-bottom: 10px;
 display: block;
}

#superadminPage input {
 background: #fff;
}

#superadminPage input.text {
 height: 18px;
 padding: 0 3px 0 3px;
 font-size: 11px;
}

#superadminPage input.submit {
 height: 22px;
 padding: 0 3px 3px 3px;
 font-size: 11px;
 cursor: pointer;
 background: url(../images/input-gradient-bg.gif) no-repeat -70px 0;  
}

#superadminPage input.submit:hover {
 position: relative;
 top: 1px;
 left: 1px;
 background: url(../images/input-gradient-bg.gif) no-repeat -60px 0;  
}

#superadminPage input.todoSubmit {
 border: 1px solid #f00;
 color: #f00;
}

#superadminPage a.clearButton {
 display: block;
 width: 110px;
 margin-left: 10px;
 height: 16px;
 padding: 2px 3px 2px 3px;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 text-align: center;
 cursor: pointer;
 background: url(../images/input-gradient-bg.gif) no-repeat -70px 0;   
 border: 1px solid #f00;
 color: #f00;
 float: left;
}

#superadminPage a.clearButton:hover {
 position: relative;
 top: 1px;
 left: 1px;
 background: url(../images/input-gradient-bg.gif) no-repeat -60px 0;  
}

#superadminPage select.select {
 width: 180px;
 height: 22px;
 padding: 0 3px 3px 3px;
 font-size: 11px;
 cursor: pointer;
 background: url(../images/input-gradient-bg.gif) no-repeat 0 0;  
}

.superadminWindow {
 width: 1035px;
 padding: 10px;
}



/* Szuperadmin saját keresője */

#superadminPage input {
 margin: 0 5px 5px 0;
}

#superadminPage span.formTip {
 color: #aaa;
 font-style: italic;
}

#superadminPage table.searchResults {
 width: 1035px;
 margin-top: 15px;
 border: 1px solid #aaa;
 border-collapse: collapse;
}

#superadminPage table.searchResults tr.resultsHeader td {
 background: #d5d5d5;
 font-weight: bold;
}

#superadminPage table.searchResults td {
 padding: 3px;
 background: #e2e2e2;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #ccc; 
}

#superadminPage table.searchResults td.id {
 width: 70px;
}

#superadminPage table.searchResults td.name {
 width: 170px;
}

#superadminPage table.searchResults td.date {
 width: 170px;
 text-align: right;
}

#superadminPage table.searchResults td.status {
 width: 100px;
 text-align: center;
}

#superadminPage table.searchResults td.price {
 width: 80px;
 text-align: right;
}

#superadminPage table.searchResults td.event {

}

#superadminPage table.searchResults td.event input.text, #superadminPage table.searchResults td.event select.select {
 margin-right: 10px;
}

#superadminPage table.searchResults td.event input.text {
 position: relative;
 top: 1px;
 height: 20px;
}

#superadminPage table.searchResults td.event input.submit {
 width: 60px;
}

#superadminPage table.searchResults tr.trModified td {
 background: #d6ffc4;
}



/* irodaszer kapcsoló */

a.irodaszer, a.nemirodaszer {
 font-weight: bold;
 font-size: 11px;
}

a.irodaszer {
 color: #c600ff !important;
}

a.irodaszer:hover {
 color: #b66bcc !important;
}

a.nemirodaszer {
 color: #b3b3b3 !important;
}

a.nemirodaszer:hover {
 color: #b66bcc !important;
}



/* rendelési lista - számla leküldése */

a.caSend {
 font-weight: bold;
 background: #fff;
 border: 1px solid #a00;
}

a.caRevisionNeeded {
 font-weight: bold;
 background: #f00;
 color: #fff;
 border: 1px solid #a00;
}

a.caRevisionNeeded:hover {
 color: #fee;
}



/* Problem handler */

span.showProblemHandler {
 font-weight: bold;
 background: #fff;
 border: 1px solid #a00;
 line-height: 2em;
 color: #600;
 cursor: pointer;
}

span.showProblemHandler:hover {
 color: #655;
}

.problemHandlerBlock {
 width: 140px;
 height: 70px;
 margin-top: 3px;
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0;
 display: none;  
}

.problemHandlerBlock select {
 width: 140px;
 margin: 5px 0 5px 0;
}

.problemHandlerBlock span.promlemProductSubmit {
 font-weight: bold;
 background: #fff;
 border: 1px solid #a00;
 line-height: 2em;
 color: #600;
 cursor: pointer;
}

.problemHandlerBlock span.promlemProductSubmit:hover {
 color: #655;
}

span.problemSolution {
 color: #050;
 font-weight: bold;
}

p.alreadyNoted {
 color: #050;
 font-size: 9px;
}

.dealerlistNotifications {
 padding: 3px 4px 3px 4px;
 background-color: #fff;
 border: 3px dashed #f00; /* ffd200 */  
}



/* kimenő utalás indítása */

.payBlock {
 margin-bottom: 15px;
 padding: 10px 7px 10px 7px;
}

.payBlock label.space {
 margin-left: 20px;
}

.payBlock input.text {
 width: 100px;
}

.payBlock input.amountText {
 width: 92px;
 font-size: 18px;
 height: 24px;
 text-align: right;
 letter-spacing: 1px;
}

.payBlock input.noteText {
 width: 300px;
}


.payBlock input.submit {
 position: relative;
 top: 2px;
 width: 120px;
 height: 18px;
 cursor: pointer;
 border: 1px solid #f00;
 color: #f00;
}

.payBlock input.checkbox {
 width: 20px;
 margin-right: 10px;
}

.payBlock .inputs {
 width: 880px; 
 margin-right: 15px;
 float: left;
}

.payBlock .submits {
 width: 140px;
 float: right;
}

.payBlock hr {
 height: 1px;
 margin: 10px 0 10px 0;
}

.payBlock select {
 width: 200px;
 background: #fff;
}

span.invoices {
 padding: 3px;
 background: #fff;
 border: 1px solid #cc99ff;
 color: #663399 !important;
}



/* Emlékeztetők */

.newReminder {
 width: 420px;
 margin-bottom: 15px;
 padding: 10px;
 border: 1px solid #cdcdcd;
 background: url(../images/stripes.png) repeat 0 0; 
}

.newReminder h4 {
 margin-bottom: 15px;
 font-size: 16px;
 color: #ff5a00;
 text-shadow: white 0.1em 0.1em 0.2em;
}

.newReminder .reminderBlock1 {
 width: 220px;
 float: left;
}

.newReminder .reminderBlock2 {
 width: 100px;
 float: left;
}

.newReminder .reminderBlock2 input {
 width: 30px !important;
}




/* Nyomtatási kitételek */

.printableTitle {
 display: none;
}



/* Probléma história */

table.problemHistory {
 width: 1040px !important;
 border-collapse: collapse !important;
}

table.problemHistory tr.trHead td {
 background: #f4f4f4;
}

table.problemHistory td {
 padding: 4px !important;
 background: #fff;
 border-bottom: 1px solid #aaa !important;
}




/* Sor kiemelése */

.coloredTDs {
 /* background: #ffe39e url(../images/stripes-yellow.png) repeat 0 0; */
 background: #ffe39e;
}

.infoedTDs {
 cursor: help;
}



/* Árkezelő */

td.price_field {

}

td.price_field input {
 width: 45px;
 height: 14px;
 padding: 2px;
 font-size: 11px;
 background: #fff;
}


/* Kikapcsolt gomb */

span.inactiveHrefButton {
 padding: 2px;
 background: #fff !important;
 border: 1px solid #ddd !important;
 color: #bbb;
 cursor: not-allowed;
}



/* Kisatírozás */

td.greyed {
 background: #ddd url(../images/stripe_greyed.png) repeat 0 0;
}



/* PDF export a szűrőpanelen */

.createCollectorPDF {
 position: absolute;
 width: 160px;
 height: 70px;
 left: 890px;
 top: 40px;
 text-align: center;
}

.createCollectorPDF .submit {
 width: 60px !important;
 height: 60px !important;
 text-indent: -9000px;
 font-size: 1px;
 cursor: pointer;
 background: url(../images/csomagpdf.jpg) no-repeat 0 0;
 border: 0;
 float: left;
}

.createCollectorPDF .submit:hover {
 border-left: 1px solid #aaa;
 border-top: 1px solid #aaa;
 background-position: 1px 1px;
}

.createCollectorPDF .gtfo {
 margin-left: 5px;
 background: url(../images/csomagpdf-gtfo.jpg) no-repeat 0 0;
}



/* Jogosultság kezelés */

td.authAll {
 font-style: italic;
 color: #888;
}

td.authAllCol {
 padding-bottom: 15px !important;
 background: url(../images/arrow-down.png) no-repeat center 20px; 
}



/* Admin készletnapló oldal */

.stockCorrection {
 width: 550px;
 margin-right: 15px;
 float: left;
}

.stockMinimums {
 width: 420px;
 float: left;
}



/* Nagykerlistás ikonkezelések */

.dealerIcons {
 padding: 2px 0 10px 25px;
 background-repeat: no-repeat; 
 background-position: 0 3px; 
 font-size: 10px;
 border-bottom: 1px dotted #555;
}

.dealerIcons input {
 width: 70px !important;
}



/* CMS tooltip */

.cmsTooltip {
 width: 300px;
 padding: 5px 100px 5px 5px;
 background: #fff url(../images/okoska.png) no-repeat right top; 
 border: 2px solid #49affd;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow:    3px 3px 2px 2px #ccc;
 -webkit-box-shadow: 3px 3px 2px 2px #ccc;
 box-shadow:         3px 3px 2px 2px #ccc; 
}


/* Színkódok */

tr.colorCode_green td {
 background: #c6e0cc;
}

tr.colorCode_red td {
 background: #e0c6c6;
}



/* Tranzit editor */

.transitEditor {
 border: 1px solid #fff;
 background: #eee;
}

.transitStatus {
 margin-bottom: 15px;
}

.stepNavigator {
 height: 35px;
 margin-top: 2px;
 text-align: center;
}

.stepNavigator .step {
 padding: 5px;
 border: 1px solid #ccc;
 background: #fff;
 -moz-box-shadow:    3px 3px 2px 2px #ccc;
 -webkit-box-shadow: 3px 3px 2px 2px #ccc;
 box-shadow:         3px 3px 2px 2px #ccc;  
}

.activeStep {
 background: #ddc3e0 !important;
 border: 1px solid #96569e !important;
 color: #320d37 !important;
}

.stepNavigator .stepSeparator {
 padding: 10px 15px 10px 15px;
 background:  url(../images/step-arrow-light.png) no-repeat center 8px; 
}

.stepAdvice {
 padding: 10px;
 background: #fff;
 border: 1px solid #ccc;
 background: #fff url(../images/okoska-mini.png) no-repeat right 10px top; 
 border: 1px solid #ccc; 
}

.mainTranzitButtons {

}

.mainTranzitButton {
 width: 343px;
 height: 130px;
 float: left;
 background: #eee;
 border: 1px solid #fff;
 text-align: center;
}

.mainTranzitButton1, .mainTranzitButton2 {
 margin-right: 10px;
}

.mainTranzitButton a {
 display: block;
 width: 100%;
 height: 76px;
 margin: 0 auto 0 auto;
 padding-top: 55px;
 font-size: 16px;
 font-weight: bold;
}

.mainTranzitButton a:hover {
 background: #fff;
}

.mainTranzitButton1 span {
 display: block;
 width: 100%;
 height: 76px;
 margin: 0 auto 0 auto;
 padding-top: 55px;
 font-size: 16px;
 font-weight: bold;
 color: #ccc;
 cursor: not-allowed;
}

.mainTranzitButton3 {
 width: 343x;
}

.mainTranzitButton2 span {
 display: block;
 margin-top: 15px;
 font-size: 16px;
 font-weight: bold;
}

.mainTranzitButton2 .tidInput {
 padding: 15px 0 15px 0;
}

.mainTranzitButton2 input.text {
 width: 150px;
 height: 20px;
 padding: 3px;
 background: #fff;
 font-size: 18px;
 text-align: center;
}

.mainTranzitButton2 input.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #ddc3e0;
 opacity: 1;
}
.mainTranzitButton2 input.text::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #ddc3e0;
 opacity: 1;
}


.mainTranzitButton2:hover input.text {
 box-shadow: 0 0 5px 5px #ddc3e0;  
 border: 1px solid #835189;
}

.mainTranzitButton2 input.button {
 width: 140px;
 height: 20px;
 background: #fff;
 font-size: 12px;
 cursor: pointer;
}

.mainTranzitButton2 input.button:hover {
 background: #f4f4f4;
}

.transitEditor_block1 {
 width: 620px;
 padding-right: 30px;
 float: left;
 border-right: 2px dotted #aaa;
}

.transitEditor_block2 {
 width: 375px;
 text-align: right;
 float: left;
}

.transitEditor_block2 .checkbox {
 margin: 0 0 5px 0 !important;
}

.transitEditor_block2 .itemImporter {
 width: 250px !important;
 height: 18px !important;
 cursor: pointer;
}

.deleteRequest {
 padding: 10px;
 text-align: left !important;
}

.notifyBox .deleteLinks {
 margin: 10px auto 0 auto;
 text-align: center;
}

.notifyBox .deleteLinks a {
 width: 140px;
 margin: 0 20px 0 0;
 float: left;
 background: #f4f4f4;
 border: 1px solid #aaa; 
}

.notifyBox .deleteLinks a.high {
 background: #fee;
 border: 1px solid #f00;
}

.csvImport {
 padding-top: 15px;
 border-top: 1px dashed #ccc;
}

.csvSubmit {
 width: 240px !important;
 height: 18px !important;
 background: #fff !important;
 cursor: pointer;
}



/* Accounts */

.accounts {
 width: 100% !important;
}

.accounts .iCont {
 text-align: right;
}

.accounts input {
 margin-bottom: 5px !important;
}

.accounts td {
 padding: 5px !important;
 vertical-align: top;
}

.accounts td.name {

}

.accounts td.website {
 width: 140px !important;
}

.accounts td.user {
 width: 220px !important;
}

.accounts td.contact {
 width: 140px !important;
}

.accounts td.address {
 width: 250px !important;
}

.accounts input.website {
 width: 130px !important;
}

.accounts input.user {
 width: 140px !important;
}

.accounts input.contact {
 width: 80px !important;
}

.accounts input.address {
 width: 190px !important;
}

.accounts textarea {
 width: 190px !important;
 height: 30px !important;
}



/* Problems */

ul.orderProblemList {
 margin-bottom: 15px;
}

ul.orderProblemList li {
 width: 500px;
 margin-bottom: 5px;
 padding: 5px 5px 5px 23px;
 background: #fff url(../images/icon-warning.png) no-repeat 0 3px;
 border: 1px solid #d09c3c;
 border-radius: 5px;
 box-shadow: 2px 2px 2px #aaa;
 color: #a00; 
 font-weight: bold;
 font-size: 14px;
}

.couponTicket {
 padding: 0 2px 0 2px;
 background: #fff;
 border: 1px solid #d09c3c;
 border-radius: 3px;
 cursor: help;
 color: #a00; 
 font-weight: bold;
 font-size: 11px;
}



/* Dispatcher */

.dispatch_productSource {
 padding-left: 20px;
 border-bottom: 1px dashed #ccc;
}

.dispatcher {
 
}

.dispatchable_orders {
 width: 560px;
 margin-right: 16px;
 float: left;
}

.order_details {
 width: 457px;
 padding: 10px;
 background: #fff;
 border: 1px solid #ccc;
 float: left; 
}

.barcode_input {
 width: 457px;
 height: 30px;
 margin-bottom: 15px;
 padding: 10px;
 background: #fff9f7;
 border: 1px solid #ccc;
 font-size: 16px;
 float: left; 
}

.dispatchable_orders table {
 width: 560px;
 background: #fff;
 border: 1px solid #ccc;
 border-collapse: collapse;
}

.dispatchable_orders table td {
 padding: 4px;
}

.dispatchable_orders table tr.item {
 cursor: pointer;
}

.dispatchable_orders table tr.item td {
 border-top: 1px solid #eee;
}

.dispatchable_orders table tr.item:hover td {
 background: #f4f4f4;
}

.selectedForDispatch td {
 background: #eaebdc !important;
}

.order_details {

}

.order_details p {
 margin: 0;
 padding: 7px 0 7px 25px;
}

.order_details p span.barcode {
 color: #777;
 font-size: 10px;
}

.order_details p.riported {
 background-color: #fff9f7;
}

.order_details p.unchecked {
 color: #cf4612;
 background-image: url(../images/icon-wrong.png); 
 background-position: 0 10px;
 background-repeat: no-repeat; 
}

.order_details p.checked {
 color: #537a17;
 background-image: url(../images/icon-ok.png);
 background-position: 0 10px; 
 background-repeat: no-repeat;
}



#selectedOrder {
 display: block;
 width: 457px;
 margin-bottom: 15px;
 padding: 10px;
 background: #fff;
 border: 1px solid #ccc;
 font-size: 16px;
 float: left; 
}

.dispatchable_orders td.checkboxs input {
 width: 20px;
}

.dispatchable_orders .groupEvents {
 margin: 0 0 0 10px;
}

.dispatchable_orders .deliverySheetExport {
 width: 330px !important;
 height: 25px;
 padding: 5px;
}

.dispatchStatus {

}

.nostockRiport {
 display: block;
 margin-top: 5px; 
 padding: 1px 4px 1px 4px;
 background: #888;
 border: 1px solid #555;
 border-radius: 4px;
 cursor: pointer;
 color: #fff;
 font-size: 10px;
 font-weight: bold; 
 float: right;
}

.nostockRiport:hover {
 border: 1px solid #a00;
 background: #700; 
}

.nostockRiported {
 display: block;
 padding: 1px 4px 1px 4px;
 background: #700;
 border: 1px solid #a00;
 border-radius: 4px;
 color: #fff;
 font-size: 10px;
 font-weight: bold; 
 float: right;
}

.dispatchItemCheck {
 display: block;
 margin-top: 5px;
 padding: 1px 4px 1px 4px;
 background: #888;
 border: 1px solid #13480a;
 border-radius: 4px;
 cursor: pointer;
 color: #fff;
 font-size: 10px;
 font-weight: bold; 
 float: left;
}

.dispatchItemCheck:hover {
 border: 1px solid #13480a;
 background: #117600; 
}

.dispatchItemChecked {
 display: block;
 padding: 1px 4px 1px 4px;
 background: #117600;
 border: 1px solid #117600;
 border-radius: 4px;
 color: #fff;
 font-size: 10px;
 font-weight: bold; 
 float: left;
}


span.dispatch_original {
 padding: 1px 3px 1px 3px;
 background: #ffd200;
 color: #000;
}

span.pesti_cim {
 padding: 1px 3px 1px 3px;
 background: #ffd200;
 color: #000;
}

span.warning_span {
 padding: 1px 3px 1px 3px;
 background: #ffd200;
 color: #000;
}

.dispatchName {
 font-size: 16px;
 margin-bottom: 10px;
 padding: 8px 0 8px 0;
}

.dispatchMenu {
 margin-bottom: 10px;
 padding: 8px; 
 background: #eee;
 border: 1px solid #ddd;
}

.barcode_hint {
 color: #aaa;
 margin: 10px 0 10px 25px;
}

.dipatch_serial_block {
 margin-left: 25px;
 padding: 10px;
 border: 1px dashed #777;
 background: #fff5d4;
}

.dipatch_serial_block span {
 font-size: 9px;
 color: #aaa;
}

.dipatch_serial_block div {

}

.dipatch_serial_block input.barcode {
 background: #fff;
}

.dipatch_serial_block input.factory {
 width: 270px;
 background: #fff;
}




/* Structure editor */

.structureEditor {
  
}

.structureEditor .leftWindow, .structureEditor .rightWindow {
 float: left;
 width: 500px; 
 padding: 10px;
 background: #fff;
 border: 1px solid #ccc;
 line-height: 18px;
}

.structureEditor .leftWindow {
 margin-right: 10px;
}

.structureEditor .rightWindow {

}

.structureEditor ul.main-level {

}

.structureEditor ul.main-level li {

}

.structureEditor ul.sub-level {
 margin-left: 5px;
}

.structureEditor ul.sub-level li {
 padding-left: 10px;
 background: url(../images/path.gif) no-repeat 0 5px; 
}

.structureEditor span.products {
 padding-left: 5px;
 color: #777;
 font-size: 9px;
}

.structureEditor .not-assigned a {
 color: #444;
}

.structureEditor .assigned a {
 color: #0a0;
}

.structureNavi {
 margin-bottom: 10px;
 padding: 10px;
 border: 1px solid #ccc;
 line-height: 18px;
 background: #fff;  
}

.arrowedNavi {
 background: #fff url(../images/big-arrow.png) no-repeat 300px 11px;  
}

.structureNavi .fromBlock {
 width: 510px;
 margin-right: 10px;
 float: left; 
}

.structureNavi div.toBlock {
 width: 510px;
 float: left; 
}

.structureNavi {
 font-size: 16px;
}

.structureNavi label {
 margin-right: 10px;
}

.structureNavi input.text {
 margin-right: 20px;
 font-size: 16px;
 height: 20px;
}

.structureNavi input.submit {
 height: 22px;
 margin-left: 60px;
 cursor: pointer;
 float: right;
}

.structureNavi .catName {
 font-size: 11px;
}



/* Label selector */

table.labelEditor tr:hover td {
 background: #fff5d4 !important;
}

td.td-labelselector {
 line-height: 1.4em;
}

td.td-labelselector a.off {
 padding: 0 3px 0 3px;
 border: 1px solid #ccc;
 background: #fff;
 color: #aaa;
}

td.td-labelselector a.on {
 padding: 0 3px 0 3px;
 border: 1px solid #0f0;
 background: #0a0;
 color: #fff;
}



/* Inventory */

.inventory .inventory_td1 {

}

.inventory .inventory_td2 {
 width: 200px;
 text-align: center;
}

.inventory .inventory_td3 {
 width: 200px;
 text-align: center;
}

.inventory .inventory_td3 input {
 width: 40px;
 height: auto;
 padding: 4px;
 font-size: 16px;
 text-align: center;
}

.inventory .inventory_td4 {
 width: 100px;
 text-align: center;
}

.inventory .inventory_td5 {
 width: 70px;
 text-align: center;
 background: #fff;
 border-bottom: 1px solid #eee !important;
}

.inventory .inventory_td5 img {

}

.inventory_log {
 width: 100%;
 border-collapse: collapse;
 background: #f4f4f4;
 border: 1px solid #fff;
}

.inventory_log td {
 padding: 5px;
 vertical-align: top;
}

.inventory_user {
 font-size: 14px;
}

.inventory_day {
 width: 100px;
}

.inventory_log tr.tr_day td {
 border-bottom: 3px solid #a09f90;
}

.inventory_log .inventory_items table {
 border-collapse: collapse;
 font-size: 11px;
}

.inventory_log .inventory_items td {
 margin: 0 0 2px 0;
 padding: 0 0 2px 0;
 border-bottom: 0 !important;
}

.inventory_log .inventory_items td.quantity {
 width: 30px;
}

.inventory_log .odd {
 background: #eee;
}

.inventory_log .even {
 background: #ddd;
}

.inventory_log .light_colored, .inventory_log .light_colored td {
 background: #f0efe8;
}

.inventory_log .dark_colored, .inventory_log .dark_colored td {
 background: #e9e8d9;
}

.inventory_log .issue td, .inventory_log .issue td a {
 background: #a00;
 color: #fff;
}

.inventory_log .issue td a:hover {
 background: #c00;
 color: #fff;
}

.inventory_append input.quantity {
 width: 40px;
 height: 18px;
 margin-right: 5px;
 padding: 5px;
 font-size: 14px;
 background: #fff;
 text-align: center;
}

.inventory_append input.submit {
 position: relative;
 top: -2px;
 width: 250px;
 height: 30px;
 margin-left: 20px;
 padding: 5px;
 font-size: 11px;
 background: #fff;
 cursor: pointer;
}

.inventory_append input.submit:hover {
 background: #f4f4f4;
}



/* Messenger history */

.messageHistory_left {
 width: 50%;
 margin-right: 2%;
 float: left;
}

.messageHistory_right {
 width: 48%;
 float: left;
}

.messengerHistory {
 width: 100%;
 border-collapse: collapse;
 border: 1px solid #fff;
 background: #ddd;
}

.messengerHistory tHead td {
 padding: 2px 4px 2px 4px;
 border: 1px solid #fff;
 background: #eee;
}

.messengerHistory tBody td {
 padding: 2px 4px 2px 4px;
 border: 1px solid #fff;
}

.messengerHistory tBody td a {
 color: #000;
 display: block;
}  

.messengerHistory tBody tr:hover td {
 background: #e4e4e4;
}

.messengerHistory tBody tr:hover td, .messengerHistory tBody tr:hover td a {
 color: #a95b5f !important;
}

.messengerHistory td.mPartner {
 width: 70px;
}

.messengerHistory td.mText {

}

.messengerHistory td.mDate {
 width: 150px;
 text-align: right;
}

.messengerHistory td.mReaded {
 width: 50px;
 text-align: center;
}

.historyChat {
 background: #fee;
}

.historyChat input.messageText {
 width: 98%;
 height: 20px;
 padding: 2px 4px 2px 4px;
 background: #fff;
 font-size: 11px;
}

.historyContent {
 width: 100%;
 height: 600px;
 margin-top: 15px;
 overflow-y: scroll;
 border: 1px solid #aaa;
}

.historyMessage_item {
 padding: 2px 4px 2px 4px;
}

.historyMessage_item p {
 margin-bottom: 10px;
}

.historyContent .myMessage {
 background: #fff;
}

.historyContent .partnersMessage {
 background: #fff;
}

.historyContent span.sender {
 width: 50%;
 float: left;
 font-weight: bold;
 color: #33517d;
}

.historyContent span.date {
 width: 50%;
 float: left;
 font-size: 11px;
 color: #aaa;
 text-align: right;
}

.historyContent span.message {
 display: block;
}

.loadMore {
 display: block;
 padding: 10px;
 text-align: center;
 cursor: pointer;
 background: #c8d4e5;
 color: #000;
}

.loadMore:hover {
 background: #32425b;
 color: #fff;
}

td.flagStatus {
 width: 10px;
}



/* Ratings */

.ratings {
 margin-bottom: 15px;
 color: #939393;
 text-transform: uppercase;
}

.ratings .stars {
 width: 70px;
 height: 13px;
 margin-right: 5px;
 background: url(../images/stars-empty.gif) no-repeat 0 0;
 float: left;
}

.ratings .actual {
 height: 13px;
 background: url(../images/stars-full.gif) no-repeat 0 0;
}



/* Product identifier */

.productIdentifier {
 width: 1010px;
 height: 300px;
 margin-bottom: 5px;
 padding: 10px;
 background: #fff;
 border: 1px solid #aaa;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}

.productIdentifier .noProduct {
 line-height: 2em;
 font-size: 50px;
 color: #888;
}

.identified_product {

}

.identified_product .ip_picture {
 width: 300px;
 float: left;
}

.identified_product .ip_info {
 width: 700px;
 float: left;
 text-align: left;
}

.identified_product .ip_name {
 font-size: 40px;
}

.identified_product .ip_structure {
 font-size: 20px;
}

.identified_product .ip_stock {
 font-size: 40px;
}

.identified_product .ip_price {
 font-size: 40px;
}





.identified_factory_number {

}

.identified_factory_number .ip_info {
 width: 100%;
 text-align: left;
}

.identified_factory_number .ip_name {
 font-size: 40px;
}

.identified_factory_number .ip_structure {
 font-size: 20px;
}

.identified_factory_number .ip_stock {
 font-size: 40px;
}

.identified_factory_number .ip_price {
 font-size: 40px;
}




/* Daily cash */

.dailyCash {
 margin-bottom: 15px;
 font-size: 10px;
}

.dailyCash .store2, .dailyCash .store3, .dailyCash .store4 {
 width: 100px;
}

.dailyCash th, .dailyCash tr.head td {
 text-align: center;
}

.dailyCash .day {
 color: #aaa;
}

.dailyCash td.tooltip {
 cursor: help;
 text-decoration: underline;
 text-decoration-style: dotted;
 text-decoration-color: #558abb;
}

.weekday td {
 background: #fafafa !important;
}

.saturday td {
  background: repeating-linear-gradient(
    45deg,
    #f8f8f8,
    #f8f8f8 10px,
    #f1f1f1 10px,
    #f1f1f1 20px
  );
}

.sunday td {
  background: repeating-linear-gradient(
    45deg,
    #f8f8f8,
    #f8f8f8 10px,
    #f1f1f1 10px,
    #f1f1f1 20px
  );
}

.important_entry {
 padding: 1px 2px 1px 2px;
 background: #ffd200;
}



/* GLS connect */

.print_gls {
 padding: 1px 2px 1px 2px;
 background: #fff;
 border: 1px solid #a00;
 font-weight: bold;
 line-height: 2em;
}



/* Order status */

form.orderStatus .text {
 width: 90px;
 height: 14px; 
 padding: 5px;
 margin-top: 5px;
 margin-bottom: 10px;
 font-size: 11px;
}

form.orderStatus .submit {
 width: 66px;
 height: 21px;
 border: 1px solid #a00;
 background: #fff;
 color: #530105;
 font-weight: bold;
 font-size: 13px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 cursor: pointer;
}

form.orderStatus .submit:hover {
 color: #614345 !important;
}



/* Stock log */

.stockNavi {
 margin-bottom: 15px;
}

.stockNavi a {
 margin-right: 15px;
 padding: 3px 5px 3px 5px;
 border: 1px solid #aaa;
 background: #fff;
 font-weight: bold;
}

.stockNavi a:hover {
 background: #f4f4f4;
}

.stockNavi a.selected {
 background: #730105;
 border: 1px solid #730105;
 color: #fff;
} 



/* Dismiss selectors */

.dismissSelects {
 padding: 5px 0 0 50px;
 background: url(../images/arrow_ltr.gif) no-repeat 20px 0;
 cursor: pointer;
}

.dismissSelects span {
 padding: 3px;
 background: #fff;
 border: 1px solid #aaa;
}



/* Invoice editor */

.invoiceEditor {
 margin-bottom: 15px;
}

#invoiceForm {
 display: none;
}

.invoiceEditorSpawner {
 line-height: 3em;
}

.invoiceEditorSpawner span {
 padding: 6px;
 cursor: pointer;
 background: #fff;
 border: 1px solid #aaa;
}

.invoiceEditorSpawner span:hover {
 background: #eee;
 border: 1px solid #999;
}

#invoiceForm_details {
 display: none;
}



/* Dealer editor */

.dealerEditor {
 width: 1030px;
 margin-bottom: 30px;
 padding: 0;
 border-collapse: collapse;
}

.dealerEditor td {
 padding: 10px 5px 10px 5px;
}

.dealerEditor_header {
 border-bottom: 1px solid #bbb;
 background: #ddd;
}

.dealerEditor_item {
 border-bottom: 1px solid #ccc;
 background: #f4f4f4;
}

.dealerEditor td.de_td3 {
 width: 100px;
 text-align: right;
}

.dealerEditor td.de_td4 {
 width: 80px;
 text-align: center;
}

.dealerEditor td.de_td5 {
 width: 100px;
 text-align: center;
}



/* Price configurator */

.priceConfigurator {

}

.priceConfigurator .range {
 width: 120px !important;
}

.priceConfigurator .range input.range_percent {
 width: 15px !important;
}

.priceConfigurator .range input.range_price {
 width: 45px !important;
}

.priceConfigurator td.brands {
width: 120px !important;
}

.priceConfigurator td.brands select {
 width: 110px !important;
}

.priceConfigurator td.structure select {
 width: 230px !important;
}

.priceConfigurator .fieldError {
 background: #f00;
 color: #fff;
}



/* Cart */

.cartSearchResult .siInp {
 width: 450px !important;
}

.cartSearchResult .siImg {
 width: 100px !important;
}

.cartSearchResult .siTxt {
 width: 450px !important;
 font-size: 14px;
}

.cartSearchResult {
 width: 100% !important;
}

.cartSearchResult input.text {
 height: 20px;
 padding: 2px 5px 2px 5px;
 font-size: 14px; 
}

.cartSearchResult input.pPrice {
 width: 150px !important;
}

.cartSearchResult .cartItemSubmit {
 width: 150px;
 height: 30px !important;
 padding: 2px 5px 2px 5px;
 font-size: 14px; 
 cursor: pointer;
 background: #777;
 border-radius: 5px;
 border: 1px solid #ccc;
 color: #fff;
}

.cartSearchResult .cartItemSubmit:hover {
 background: #555;
}

.cart_page table.cart_items {
 border-collapse: collapse;
 width: 900px;
 margin-bottom: 20px;
}

.cart_page table.cart_items input {
 width: auto !important;
}

.cart_page table.cart_items thead td, .checkout_page table.cart_items thead td {
 border-bottom: 1px solid #eee; 
 font-weight: bold;
}

.cart_page table.cart_items thead td.picture {
 border-bottom: 0;
}

.cart_page table.cart_items td {
 padding: 10px;
}

.cart_page table.cart_items tr.odd td, .checkout_page table.cart_items tr.odd td {
 background: #f4f4f4;
}

.cart_page table.cart_items tr.even td, .checkout_page table.cart_items tr.even td {
 background: #fdfdfd;
}

.cart_page table.cart_items td.picture {
 width: 60px;
 text-align: center; 
}

.cart_page table.cart_items td.name {

}

.cart_page table.cart_items td.stock {
 width: 100px;
}

.cart_page table.cart_items td.item_price {
 width: 100px;
 text-align: right; 
}

.cart_page table.cart_items td.discount_net_price, 
.cart_page table.cart_items td.discount_total_price,
.cart_page table.cart_items td.discount_percent {
 width: 100px;
 text-align: center;
}

.cart_page table.cart_items td.discount_net_price .cartItemDiscountPrice, 
.cart_page table.cart_items td.discount_total_price .cartItemDiscountPrice,
.cart_page table.cart_items td.discount_percent .cartItemDiscountPercent {
 width: 40px !important;
 padding: 3px;
 text-align: center;
 border: 1px solid #4499ff;
}

.cart_page table.cart_items td.quantity {
 width: 100px;
 text-align: center;
}

.cart_page table.cart_items td.quantity input.cart_item_quantity {
 width: 30px !important;
 padding: 3px;
 text-align: center;
}

.cart_page table.cart_items td.item_total {
 width: 100px;
 text-align: right; 
}

.cart_page table.cart_items td.remove {
 width: 30px;
 text-align: right;
}

.cart_page table.cart_items td.remove span {
 padding: 8px;
 background: url(../images/icon-delete.png) no-repeat 0 8px;
 cursor: pointer;
}


/* bf23 */

.bf23_mainBar {
 background: #000; 
 color: #fff; 
 font-size: 30px; 
 font-weight: bold; 
 margin-bottom: 15px;
}

.bf23_mainHref {
 padding: 20px !important; 
 background: #000 !important;
 color: #fff !important;
 font-size: 30px !important;
 font-weight: bold !important;
 display: block !important;
}



/* warranty */

.warranty_card_item {
 margin-bottom: 15px;
 background: #fff5d4;
 border: 1px solid #aaa;
 padding: 10px;
 font-size: 13px;
}

.warranty_card_item_name {
 font-size: 16px;
}

.warranty_card_item_print {
 display: block;
 width: 220px;
 height: 26px !important;
 padding: 12px 0 0 50px !important;
 font-size: 13px !important;
 background: #fff url(../images/pdf-25.png) no-repeat 4px 4px !important; 
 cursor: pointer;
 border: 1px solid #888;
 color: #000;
}



/* Matematikai modellek kezelése */

.product-info-artnum {
 font-size: 16px;
}

table.attributeEditor {
 border-collapse: collapse;
 border: 0;
 font-size: 14px;
}

table.attributeEditor th {
 border: 0;
 padding: 5px;
}

table.attributeEditor td {
 border: 0;
 padding: 5px;
}

table.attributeEditor th:nth-child(1),
table.attributeEditor td:nth-child(1) {
 width: 150px;
 text-align: right;
}
table.attributeEditor th:nth-child(2),
table.attributeEditor td:nth-child(2) {
 width: 220px;
}
table.attributeEditor th:nth-child(3),
table.attributeEditor td:nth-child(3) {
 width: 80px;
 text-align: center; 
}
table.attributeEditor th:nth-child(4),
table.attributeEditor td:nth-child(4) {
 width: 80px;
 text-align: center;
}
table.attributeEditor th:nth-child(5),
table.attributeEditor td:nth-child(5) {
 width: 80px;
 text-align: center;
}

table.attributeEditor td input {
 height: 22px !important;
 background: #fff;
 padding: 5px;
 font-size: 14px;
}

table.attributeEditor td select {
 width: 100px !important;
 height: 26px !important;
 background: #fff;
 padding: 5px;
 font-size: 14px;
}


.autocomplete-list {
    border: 1px solid #ccc;
    background: white;
    position: absolute;
    list-style: none;
    padding: 5px;
    margin: 0;
    width: 200px;
}

.autocomplete-item {
    padding: 5px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background: #f0f0f0;
}

.addAttributeBtn, 
.addFileBtn {
 padding: 4px 10px 4px 10px;
 background: #fff;
 border: 1px solid #888;
 cursor: pointer;
}

.attributeFile {
 width: 300px !important;
 height: 20px;
 padding: 4px 10px 4px 10px;
 cursor: pointer;
}

.saveBtn {
  padding: 10px 20px;
  background: #43A047;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 0;
  margin-bottom: 15px;
  transition: 0.3s;
}

.saveBtn:hover {
    background: #66BB6A;
}

.clearAttributesBtn {
  padding: 10px 20px;
  background: #E53935;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 0;
  margin-bottom: 15px;
  transition: 0.3s;
}

.clearAttributesBtn:hover {
    background: #EF5350;
}



/* Fájlkezelő gomb csinosítása */

.file-upload-wrapper {
 position: absolute;
 right: 10px;
 top: 60px;
 width: 300px;
 margin-top: 20px;
 padding: 10px;
 border-radius: 0px;
 text-align: center;
 background: #fff;
 border: 1px solid #aaa;
 transition: 0.3s;
}

.file-upload-wrapper:hover .custom-file-label {
 background: #ddd;
}

.file-upload-wrapper .custom-file-label {
 transition: 0.3s;
 display: inline-block;
 padding: 10px 15px;
 color: #fff;
 cursor: pointer; 
}

.file-upload-wrapper .custom-file-label:hover {
 background: #ddd;
 cursor: pointer;
}

.file-upload-wrapper .attributeFile {
    display: none;
}

.file-upload-wrapper .addFileBtn {
    padding: 10px 20px;
    background: #2196F3;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 15px;
    transition: 0.3s;
}

.file-upload-wrapper .addFileBtn:hover {
    background: #1976D2;
}

.file-upload-wrapper .import-message {
    margin-top: 15px;
    font-weight: bold;
    color: #333;
    font-size: 1.1em;
    min-height: 24px;
}

.bigPager {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bigPager .index {
 padding-top: 10px;
 font-size: 20px !important;
}

.bigPager .nextProduct {
 margin-right: 15px;
}

.bigPager .previousProduct,
.bigPager .nextProduct {
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #fff;
  color: #444;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 15px;
  transition: 0.3s;
}

.bigPager .previousProduct:hover,
.bigPager .nextProduct:hover  {
  background: #ddd;
  border: 1px solid #fff;
}

.product-name-editor {
 display: flex;
 align-items: center;
 gap: 10px;
}

.product-name-editor input {
 width: 500px !important;
 height: 22px !important;
 margin-bottom: 15px !important;
 background: #fff;
 padding: 5px;
 font-size: 14px;
}

.success-icon {
 position: relative;
 top: -10px;
 color: green;
 font-size: 1.5em;
 display: none;
}

.informations-panel {
 position: absolute;
 top: 270px;
 right: 30px;
 width: 300px;
 height: 400px;
}

.informations-panel .custom-textarea {
 width: 295px !important;
 height: 300px !important;
 padding: 10px !important;
 resize: vertical;
 border: 1px solid #eee;
 padding: 10px;
 font-size: 13px;
}

.informations-panel .save-button {
    margin-top: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #43A047;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
}

.informations-panel .save-button:hover {
    background-color: #66BB6A;
}

.custom-scrollbox {
  width: 300px;
  height: 400px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  scrollbar-width: thin;
  scrollbar-color: #4CAF50 #f0f0f0;
}


/* Webkit alapú böngészők (Chrome, Edge, Safari) */
.custom-scrollbox::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbox::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 5px;
}

.custom-scrollbox::-webkit-scrollbar-thumb {
    background: #4CAF50;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.custom-scrollbox::-webkit-scrollbar-thumb:hover {
    background: #388E3C;
}


.dynamic-attribute-editor {
 min-height: 570px;
}

.multi-value-container {
 background: #ddd;
 border-radius: 5px;
}

.multi-value-input {
 width: 140px !important;
}

.multi-value-add-button {
    margin: 2px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    cursor: pointer;
}

.multi-value-button {
    margin: 2px;
    padding: 5px 10px;
    border: 1px solid #333;
    background-color: #b3d9ff;
    cursor: pointer;
}
.multi-value-button:hover {
    background-color: #99c2ff;
    color: white;
    border-color: #333;
}

.suggestion-box {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    display: none;
    width: 100%;
    z-index: 1000;
}

.suggestion-item {
    padding: 5px;
    cursor: pointer;
}

.suggestion-item:hover {
    background: #e0f7ff; /* Halványkék háttér hover esetén */
}



/* Menu editor */

.dd-item > .dd-list {
    margin-left: 30px;
}

.dd-flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 0;
    gap: 10px;
}

.dd-handle {
    background: #f8f9fa;
    border: 1px solid #ccc;
    user-select: none;
    flex: 1;
}

.cat-actions {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cat-actions span {
    cursor: pointer;
        opacity: 0.7;
}

.cat-actions span:hover {
    opacity: 1;
}

#edit-category-form select {
 height: 25px;
 padding: 5px;
 font-size: 12px;
}

#edit-category-form #edit-name,
#edit-category-form #edit-slug {
 height: 25px;
 padding: 5px;
 font-size: 12px;
}

#edit-category-form .edit-is-group-check {
 text-align: left !important;
}

#edit-category-form input {
 width: 15px;
 height: 15px;
}

#edit-category-form button {
 padding-left: 10px;
 padding-right: 10px;
 height: 25px;
 cursor: pointer;
}

#add-category-form {
 margin: 15px 0 15px 0;
 padding: 20px;
 background: #fff;
 border: 1px solid #ccc;
}

#add-category-form input.text {
 height: 15px;
 margin-right: 15px;
 padding: 5px;
 font-size: 12px;
}

#add-category-form select {
 height: 25px;
 padding: 5px;
 font-size: 12px;
}

#add-category-form input.checkbox {
 width: 15px;
 height: 15px;
 margin-right: 15px;
 padding: 5px;
 font-size: 12px;
}

#add-category-form button {
 padding-left: 10px;
 padding-right: 10px;
 margin-left: 20px;
 height: 25px;
 cursor: pointer;
}

#save-order,
#generate-menu-html {
 padding-left: 10px;
 padding-right: 10px;
 height: 25px;
 cursor: pointer;
}

.dd-handle i {
 color: #aaa;
 font-weight: normal;
 font-size: 11px;
}



/* CRON editor */

.cron-editor {
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-top: 20px;
}

.cron-editor h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #2c3e50;
}

.cron-editor form {
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 6px;
  max-width: 800px;
}

.cron-editor label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #333;
}

.cron-editor input[type="text"],
.cron-editor select {
  padding: 5px 8px;
  margin-top: 4px;
  font-size: 14px;
  border: 1px solid #bbb;
  border-radius: 4px;
}

.cron-editor select {
 height: 30px;
}

.cron-editor input[type="checkbox"] {
  margin-right: 6px;
}

.cron-editor button {
  background: #3498db;
  color: white;
  border: none;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 10px;
}

.cron-editor button:hover {
  background: #2980b9;
}

.cron-editor .status-ok {
  color: #27ae60;
  font-weight: bold;
}

.cron-editor .status-error {
  color: #c0392b;
  font-weight: bold;
}

.cron-editor .status-running {
  color: #e67e22;
  font-weight: bold;
}

.cron-editor table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.cron-editor th,
.cron-editor td {
  border: 1px solid #ddd;
  padding: 8px;
}

.cron-editor th {
  background-color: #f0f0f0;
  text-align: left;
}

.cron-calendar {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 4px;
  font-family: sans-serif;
  max-width: 1200px;
  margin-bottom: 40px;
}
.cron-calendar .header {
  font-weight: bold;
  text-align: center;
  grid-column: span 12;
  margin-bottom: 10px;
}
.cron-calendar .time-slot {
  padding: 3px;
  text-align: center;
  font-size: 11px;
  border-radius: 3px;
  background-color: #e0e0e0;
  cursor: help;
}
.cron-calendar .now {
  background-image: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.1),
    rgba(0,0,0,0.1) 5px,
    transparent 5px,
    transparent 10px
  );
  border: 1px solid #555;
}
.cron-calendar .free   { background-color: #c8e6c9; } 
.cron-calendar .medium { background-color: #fff9c4; }  
.cron-calendar .busy   { background-color: #ffcdd2; }  




.autosync-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.autosync-panel {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.autosync-panel h3 { margin: 0 0 10px; font-size: 15px; color: #333; font-weight: 600; }

.autosync-toolbar { display:flex; margin-bottom:8px; }
.autosync-toolbar input[type=search]{
  flex:1; padding:6px 10px; height: 30px; border:1px solid #bbb; border-radius:6px; font-size:14px;
}

.autosync-right select {
  height: 36px;              /* egységes magasság */
  line-height: 36px;
  padding: 0 8px;            /* belső margó */
  border-radius: 6px;
  border: 1px solid #bbb;
  font-size: 13px;
}

.autosync-list {
  border:1px solid #ddd; border-radius:6px; background:#fafafa;
  max-height:360px; overflow-y:auto; position:relative; z-index:2;
}
.autosync-list .autosync-item {
  padding:8px 10px; border-bottom:1px solid #eee; cursor:pointer; font-size:13px; pointer-events:auto;
}
.autosync-list .autosync-item:hover { background:#f0f6ff; }
.autosync-list .autosync-item.autosync-active { background:#d6ebff; }
.autosync-muted { font-size:12px; color:#777; }

.autosync-right { display:flex; gap:12px; align-items:center; }
.autosync-right select, .autosync-right input[type=text]{
  padding:6px 8px; border:1px solid #bbb; border-radius:6px; font-size:13px;
}

.autosync-btn {
  padding:7px 14px; border:1px solid #0a7; background:#0c8; color:#fff;
  font-size:13px; border-radius:6px; cursor:pointer;
}
.autosync-btn:disabled { opacity:.5; cursor:not-allowed; }
.autosync-btn:hover:not(:disabled) { background:#0c8; }

.autosync-table { width:100%; border-collapse:collapse; font-size:13px; }
.autosync-table th {
  text-align:left; background:#f4f4f4; border-bottom:2px solid #ccc; padding:8px; font-weight:600;
}
.autosync-table td { border-bottom:1px solid #eee; padding:6px 8px; }
.autosync-table tr:hover td { background:#f9f9f9; }



/* Új, szellősebb űrlapok */

.spacey select {
 height: auto !important;
 padding: 10px !important;
 background: #fff !important;
 font-size: 14px !important;
}

.spacey input[type="text"] {
 padding: 10px !important;
 background: #fff !important;
 font-size: 14px !important;
}

.spacey textarea {
 padding: 10px !important;
 font-size: 14px !important;
}

.spacey input[type="submit"],
.spacey input[type="button"] {
 width: auto !important;
 height: auto !important;
 padding: 5px 10px 5px 10px !important;
 background: #fff !important;
 font-size: 14px !important;
 cursor: pointer !important;
}

.spacey input[type="submit"]:hover,
.spacey input[type="button"]:hover {
 background: #f4f4f4 !important;
}



/* Audit trail */

.prio {
 text-align: center;
}

#trailPanel {
 position: relative;
 padding: 10px 10px 5px 10px;
}


#trailPanel {
 background-color: #eee; 
 border: 1px solid #fff;
}

#trailPanel .help {
 background-color: #e4e4e4; 
 border: 1px solid #fff;
 color: #777;
}

#trailPanel label {
 color: #444;
}

#trailPanel input {
 background-image: url(../images/color1/input.gif);
 border: 1px solid #8B8A8A; 
}

#trailPanel select, #trailPanel textarea  {
 background-color: #fff;
 border: 1px solid #8B8A8A; 
}

#trailPanel .button, #trailPanel .file, .limiter .file {
 background-color: #fff;  
}

.trail_history {
 width: 100% !important;
}

.devreq_subscribe {
 position: absolute;
 right: 15px;
 top: 15px;
 width: 300px;
 text-align: right;
}

.devreq_info_panel {
  border-radius: 6px;
  padding: 12px 14px;
  background: #fafafa; 
}

.devreq_info_panel table td {
    vertical-align: top;
}

.devreq-new      { background:#e3f0fb; }
.devreq-progress { background:#e7d6b3; }
.devreq-test     { background:#f3e8ff; }
.devreq-wait     { background:#f3e7df; }
.devreq-done     { background:#e3f3e6; }
.devreq-reject   { background:#f0f0f0; opacity:0.7; }

.devreq-badge {
  padding:2px 6px;
  border-radius:12px;
  font-size:11px;
  font-weight:bold;
  margin-left:0px;
    display: inline-block;
    white-space: nowrap;
}

.devreq_news {
  margin-bottom: 15px;
  height: 72px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 13px;
  line-height: 24px;
  background: #eee;
  border: 1px solid #fff;
  padding: 6px 10px;
}

.devreq_news_inner {
    display: block;
}

.devreq_news_item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.devreq_pending_list {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 24px;
  background: #eee;
  border: 1px solid #fff;
  padding: 6px 10px;
}

.devreq_pending_item {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.devreq_pending_item a {
    font-weight: 600;
    text-decoration: none;
}

.devreq_pending_empty {
    color: #888;
    font-style: italic;
}

.devreq_pending_need_action {
    color: #000;
}



/* Állapot háttér finoman */

.badge-status-1 { background:#2196f3; color:#fff; } .statusRow_1 td:first-child { border-left: 4px solid #2196f3; }
.badge-status-2 { background:#ff9800; color:#fff; } .statusRow_2 td:first-child { border-left: 4px solid #ff9800; }
.badge-status-3 { background:#9c27b0; color:#fff; } .statusRow_3 td:first-child { border-left: 4px solid #9c27b0; }
.badge-status-4 { background:#795548; color:#fff; } .statusRow_4 td:first-child { border-left: 4px solid #795548; }
.badge-status-5 { background:#4caf50; color:#fff; } .statusRow_5 td:first-child { border-left: 4px solid #4caf50; }
.badge-status-6 { background:#9e9e9e; color:#fff; } .statusRow_6 td:first-child { border-left: 4px solid #9e9e9e; }



/* Hover ne törje szét */
.staticLine:hover td {
    background-color: #fff !important;
}


/* Eltűnő státuszüzenet */

.flash {
  position: fixed;
  top: 120px;
  right: 60px;
  padding: 12px 18px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.flash-ok {
  background: #e8f7ee;
  color: #1e7e45;
  border-left: 4px solid #28a745;
}

.flash-hide {
  opacity: 0;
  transform: translateY(-10px);
}



/* Cron manager */

/* --- Naptár --- */
.cron-calendar{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:2px;                 /* a “sűrűbb” verzió jobb */
  font-family:sans-serif;
  font-size:11px;
  max-width:1000px;        /* a kisebb is oké, ha ezt szereted */
  margin-bottom:40px;
}
.cron-calendar .header{
  grid-column:span 12;
  font-weight:bold;
  text-align:center;
  margin-bottom:6px;
  font-size:14px;
}
.cron-calendar .time-slot{
  text-align:center;
  padding:4px;
  border-radius:3px;
  border:1px solid #ccc;
  line-height:1.2;
  cursor:help;
}
.cron-calendar .time-slot.free{ background:#e8f5e9; }
.cron-calendar .time-slot.medium{ background:#fff9c4; }
.cron-calendar .time-slot.busy{ background:#ffcdd2; }
.cron-calendar .time-slot.now{
  border:2px solid #000;
  font-weight:bold;
  background-image:repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.1),
    rgba(0,0,0,0.1) 5px,
    transparent 5px,
    transparent 10px
  );
}

/* --- Cron manager UI --- */
.cronStatusBox{
  margin:20px 0;
  padding:10px;
  border:1px solid #ccc;
  background:#f8f8f8;
  border-radius:8px;
}

table.cron-editor{
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
}
table.cron-editor th,
table.cron-editor td{
  border:1px solid #ddd;
  padding:8px 10px;
  font-size:13px;
}
table.cron-editor th{
  background:#f3f3f3;
  text-align:left;
}
table.cron-editor td.actions a{
  display:inline-block;
  padding:2px 6px;
  text-decoration:none;
}
table.cron-editor td.actions a:hover{
  background:#eee;
  border-radius:4px;
}

/* --- Új cron form --- */
.cronBox{
  border:1px solid #ddd;
  background:#fff;
  padding:16px;
  border-radius:8px;
  margin:16px 0;
}
.cronRow{
  display:flex;
  gap:12px;
  align-items:center;
  margin:10px 0;
}
.cronRow label{ width:170px; font-weight:600; }
.cronRow input{
  flex:1;
  padding:8px 10px;
  border:1px solid #ccc;
  border-radius:6px;
}
.cronHelp{
  color:#666;
  font-size:12px;
  margin-left:180px;
  line-height:1.4;
}
.cronActions{ margin-left:180px; margin-top:10px; }
.cronActions button{
  padding:8px 14px;
  border:1px solid #333;
  background:#333;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
}
.cronActions button:hover{ opacity:0.9; }

/* --- Run-now toast --- */
.cronToast{
  display:none;
  margin:10px 0 0 0;
  padding:10px 12px;
  border:1px solid #e2d7a8;
  background:#fff9d9;
  border-radius:8px;
  font-size:13px;
  color:#333;
}
.cronToast.show{ display:block; }