@import url(normalize.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

html {
    color: #222;
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

a, body, html, table {
    font: normal normal 12px Verdana, sans-serif;
}

body {
    background-color: #ffc;
    margin: 0;
    padding: 0 0 5px 0;
}

body.admin-color-blue {background-color: #A6BCCC;}
body.admin-color-blue #order-data .section {background-color: #A6BCCC; border-bottom: 1px solid white;}
body.admin-color-blue th {background-color: #839AAB;}
body.admin-color-blue td {color: #000000;}
body.admin-color-blue .formArea {background-color: #D0D2D4; border: 1px solid white;}
body.admin-color-blue a input {border: none;}

body.admin-color-green {background-color: #bcddbf;}
body.admin-color-green #order-data .section {background-color: #bcddbf; border-bottom: 1px solid white;}
body.admin-color-green th {background-color: #839AAB;}
body.admin-color-green td {color: #000000;}
body.admin-color-green .formArea {background-color: #D0D2D4; border: 1px solid white;}
body.admin-color-green a input {border: none;}

body.development {
    background-color: #98FB98;
}

header {}

section {
    margin-top: 0.5em;
    padding: 2px;
}

.pageHeading,
.pageHeading a {
    font-size: 2em;
    font-weight: bold;
    margin-top: 0px;
}

h1 a i {
    font-size: 32px !important;
    margin-left: 10px;
}


section h1 {
    margin-top: -5px;
}

form {
    display: inline-block;
    margin: 0;
}

checkbox, input, radio, select, textarea, file, button {
    font-size: 11px;
}

select,
input {
    border: 1px solid #fc0;
}

body.admin-color-blue select, body.admin-color-blue input { border-color: #26318A; }
body.admin-color-green select, body.admin-color-green input { border-color: #26318A; }

.container {
    padding: 0px 20px;
}

select {
    padding: 1px;
}

select.filter {
    display: inline-block;
    margin-left: 50px;
}

input {
    padding: 2px;
}

input[type=checkbox] {
    vertical-align: middle;
}

input::-webkit-input-placeholder {
    color: 222;
    opacity: 0.6;
}

input::-moz-placeholder {
    color: 222;
    opacity: 0.6;
}

a {
    color: #059;
    text-decoration: none;
}

a:hover {
    color: #05f;
    text-decoration: underline;
}



a.splitPageLink:link{
color:#0000ff;
text-decoration:none;
}
a.splitPageLink:visited{
color:#0000ff;
text-decoration:none;
}
a.splitPageLink:hover{
background-color:#ffff33;
color:#0000ff;
text-decoration:underline;
}
a.splitPageLink:active{
color:#0000ff;
text-decoration:none;
}

/**
 * font awesome felülbírálás
 */
.fa { font-size: 14px; }
.fa-lg {
    font-size: 20px;
}

/**
 * alap classok
 */
.on  { opacity: 1; }
.off { opacity: 0.2; }
.shadow { text-shadow: 0px 0px 1px #AAA; }

.hidden  { display: none;    }

.not-visible { visibility: hidden; }
.visibile { visibility: visible; }

.top    { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }

.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }

.uc { text-transform: uppercase; }

.red  { color: red}
.blue { color: blue}
.green { color: #13af25}
.yellow { color: darkorange}
.grey { color: grey}

.float-right {
    float: right;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.clearfix:after,
.cf:after {
    clear:both;
}

.odd{ background-color: white; }
.even{ background-color: whitesmoke; }


/**
 * különböző listák action "gombjai"
 */

.action {
    white-space: nowrap;
    text-align: center;
}

    .action a {
        border-radius: 3px;
        color: #fff !important;
        display: inline-block;
        font-family: Verdana;
        font-size: 11px;
        font-weight: bold;
        padding: 1px 0;
        text-align: center;
        width: 20px;
        text-transform: uppercase;
    }

    .action a + a{
        margin-left: 4px;
    }

    .action a:hover {
        color: #fff !important;
        text-decoration: none;
    }

    .action .cat          { background: #088; }
    .action .copy         { background: #008; }
    .action .del          { background: #d00; }
    .action .delete       { background: #d00; }
    .action .edit         { background: #080; }
    .action .move         { background: #808; }
    .action .badges       { background: #ffae00; }
    .action .order        { background: #808; }
    .action .plusminus    { background: #00d; }
    .action .spec         { background: #c60; }
    .action .pause        { background: #666; }
    .action .start        { background: #666; }
    .action .edit:hover   { background: #0c0; }
    .action .delete:hover { background: #d40; }
    .action .move:hover   { background: #848; }
    .action .badges:hover   { background: #ffd98e; }
    .action .disabled     { opacity: 0.5; pointer-events: none;}
/**
 * táblázatok adatai
 */

th,
.dataTableHeadingContent {
    background-color: #ffcc00;
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
}

tr.check-all{
    background-color: #efefef;
}
tr.check-all td{
    padding: 3px 0;
}

/* -------------------------------------------------------------------------------------------- */

.menuBoxHeadingLink, .menuBoxHeadingLink:hover {
    color: #00f;

    font-weight:bold;
}

.paging {
    list-style-type: none;
    margin: 1rem 0 8px 0;
    padding: 0;
    text-align: center;
}

    .paging li {
        color: #222;
        display: inline-block;
        font-size: 11px;
        text-align: center;
    }

    .paging-total {
        float: left;
    }

    .paging a,
    .paging strong {
        padding: 4px 8px;

    }

    .paging strong {
        border: 1px solid #fc0;
        background: transparent;
        font-weight: bold;
    }

    .paging a {
        background: #ffe88d;
    }

    .paging a.pull {
        margin-right: 16px;
    }
    .paging a.push {
        margin-left: 16px;
    }

    .paging a:hover {
        background: #fc0;
        text-decoration: none;
    }

/* -------------------------------------------------------------------------------------------- */

#searchbar {
    overflow: auto;
    padding: 5px;
}

#searchbar select {
    padding: 1px;
}

#searchbar input {
    border: 1px solid #ffea00;
    padding: 2px;
}

#product-search {
    float: left;
    min-width: 180px;
    text-align: left;
}

#product-by-keyword {
    width: 96px;
}

#product-by-id {
    width: 50px;
}

#order-search {
    float: right;
    min-width: 320px;
    text-align: right;
}

#order-by-keyword {
    width: 106px;
}

#order-by-id {
    width: 60px;
}

#search-context {
    border: 1px solid #ffea00;
    display: inline-block;
    margin: 0;
    padding: 1px;
}

#search-order button {
    display: inline-block;
    margin: 0;
}

#date-and-dispatch {
    margin: 0 350px;
    text-align: center;
}

#dispatch-workday {
    text-align: center;
    width: 70px;
}

#dispatch-turning {
    width: 40px;
}

#dispatch-turning-ws {
    width: 40px;
}

#dispatch-submit{
    display: none;
    position: absolute;
}

/* -------------------------------------------------------------------------------------------- */


span.dataTableHeadingContentWhois{
color:#ff6600;
font-weight:bold;
}
span.normalprice, span.old {
text-decoration:line-through;
}
span.productPriceDiscount,.inputRequirement{
color:#ff0000;
}
span.productSpecialPrice,span.productSalePrice,.stockWarning,span.coming,span.now{
color:#ff0000;
}
span.productSpecialPriceSale{
color:#ff0000;
text-decoration:line-through;
}

.SortOrderHeader
{
    color:#ff6600;
    font-weight:bold;
}

.SortOrderHeaderLink
{
    color:#0000ff;
    font-weight:bold;
}

td.alert,span.alert{
color:#ff0000;
font-weight:bold;
}
td.attributeBoxContent{
background-color:#dcdbd1;
color:#333333;
}
td.ot-subtotal-Amount,td.ot-cod-fee-Amount,td.ot-group-pricing-Amount,td.ot-gv-Amount,td.ot-loworderfee-Amount,td.ot-shipping-Amount,td.ot-subtotal-Amount,td.ot-tax-Amount,td.ot-coupon-Amount{
}
td.ot-subtotal-Text,td.ot-cod-fee-Text,td.ot-total-Text,td.ot-group-pricing-Text,td.ot-gv-Text,td.ot-loworderfee-Text,td.ot-shipping-Text,td.ot-subtotal-Text,td.ot-tax-Text,td.ot-coupon-Text{
font-weight:bold;
}
td.ot-total-Amount{
border-top:1px solid #9a9a9a;
font-weight:bold;
}

.columnLeft{
background-color:#FFE88D;
border-color:#999999;
border-style:solid;
border-width:1px;
padding:2px;
}

.dataTableContent{
color:#333333;
}

.dataTableContentBot{
color:#333333;
}

.dataTableContentWhois{
color:#333333;
}



.dataTableHeadingContentWhois{
color:#333333;
font-weight:bold;
}

.dataTableHeadingContentWhois a:link,.dataTableHeadingContentWhois a:visited{
color:#0000ff;
font-weight:bold;
}

.dataTableHeadingContentWhois a:hover{
color:#ffffff;
font-weight:bold;
}

.dataTableHeadingRow
{
    background-color:#ffcc00;
}

.dataTableHeadingRowWhois{
background-color:#ffcc00;
}

.inactive, .dataTableRow.inactive
{
	background-color:#FAA;
}

.dataTableRow       { background-color: #FFE88D; }
.dataTableRow:hover { background-color: #FFF1BB; cursor: pointer; }

.dataTableRowBot{
background-color:#facbfa;
}
.dataTableRowOver{
background-color:#FFF1BB;
cursor:pointer;
/* cursor:hand; */
}
.dataTableRowOverBot{
background-color:#ffffff;
}
.dataTableRowOverWhois{
background-color:#ffffff;
}
#dataTableRowSelected{
background-color:#FFDD56;
}
.dataTableRowSelectedBot{
background-color:#ff93ff;
}
.dataTableRowSelectedWhois{
background-color:#dee4e8;
}
.dataTableRowSpacer,td.dataTableRowSpacer,TR.dataTableRowSpacer{
background-color:#ffcc00;
color:#ff6600;
font-size:11px;
font-weight:bold;
line-height:1.0;
}
.dataTableRowWhois{
background-color:#FFE88D;
}
.errorText{
color:#ff0000;
}
.fieldRequired{
color:#ff0000;
}
.formArea{
background-color:#ffe88d; /* #f1f9fe; */
border: 1px solid #ffcc00; /* :#7b9ebd; */
}

.formAreaTitle{
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:12px;
font-weight:bold;
}
.headerBar{
background-color:#ffcc00;
}
.headerBarContent{
color: #009;
padding: 2px 5px;
}

.headerBarContent h1
{
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.infoBoxContent{
background-color:#FFDD56;
color:#333333;
}
.infoBoxHeading { background-color: #fc0; color: #333; }

.main{
}
.mainNagy{
font-size:24px;
}

.mainKozepes{
font-size:16px;
}

.menuBoxContent{
color:#616060;
}
.menuBoxHeading{
background-color:#ffffff;
color:#616060;
}

.messageBox {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.giga {
    font-size: 2em;
}

.emag {
    background: #328dff;
    color: #fff;
}

.messageStackError,
.messageStackWarning,
.messageStackCaution,
.messageStackSuccess {
    margin: 0;
    padding: 0.5em 1em;
    font-weight: bold;
    list-style-type: none;
}

.messageStackError {
    background-color: #f00;
    color: #fff;
}

.messageStackError img
{
    float: left;
}

.messageStackError em
{
    color: #ff0;
    font-style: normal;
}

.messageStackWarning,
.messageStackCaution
{
    background-color:#ff0;
    color: #000;
}

.messageStackSuccess
{
    background-color: #d4ffbd;
    color: #000;
}


.oldPrice{
text-decoration:line-through;
}


.SaleMakerDisabled{
background-color:#f0f1f1;
}
.SaleMakerOver{
background-color:#ffffff;
cursor:pointer;
/* cursor:hand; */
}
.SaleMakerSelected{
background-color:#dee4e8;
cursor:pointer;
/* cursor:hand; */
}
.smallText{
font-size:9px;
}
.specialPrice{
color:#ff6600;
}

input.status { padding: 0 6px; }

div#panel_shadow
{
    position: absolute;
    top: 0px; left: 0px;
    width: 100%; height: 100%;
    background-color: #ffc;
    opacity: .7; /* standard css opacity --> much betta than akkupunkcha */
}

#categories input, #categories select
{
    padding: 2px;
}

.cinfo { background: #ffe88d; }

/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */

.cpBorder, #orders .cpBorder
{
    border: 1px solid #fc0;
    width: 160px;
    background-color: #ffc;
}

.cpBorder table td, #orders .cpBorder table td
{
    padding: 2px;
}

.cpNav, #orders .cpNav
{
    width: 160px;
}

.cpYearNavigation, .cpMonthNavigation, .cpMonthNavigation2
{
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color:#000;
    font-weight:bold;
}

.cpMonthNavigation2
{
    width: 140px;
}

.cpCurrentDate, #orders .cpCurrentDate
{
    font-weight: bold;
    text-align: right;
}

td.cpDayColumnHeader, #orders td.cpDayColumnHeader
{
    border-bottom: 1px solid #fc0;
    text-align: right;
}

.cpOtherMonthDate, #orders .cpOtherMonthDate
{
    color: #ccc;
    text-align: right;
}

.cpCurrentMonthDate, #orders .cpCurrentMonthDate
{
    text-align: right;
}

/* Default style sheet for jQuery date picker v3.7.0. */
#datepick-div, .datepick-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	color: #000;
	width: 15em;
}
#datepick-div {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.datepick-inline {
	float: left;
	display: block;
	border: 0;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.datepick-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
/*	filter: alpha(opacity=50); */
}
button.datepick-trigger {
	width: 25px;
	padding: 0px;
}
img.datepick-trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepick-prompt {
	float: left;
	padding: 2px;
}
* html .datepick-prompt { /* IE6 */
	width: 15em;
}
.datepick-control, .datepick-links, .datepick-header, .datepick {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepick-control {
	background: #400;
	padding: 2px 0px;
}
.datepick-links {
	background: #000;
	padding: 2px 0px;
}
.datepick-control, .datepick-links {
	font-weight: bold;
	font-size: 80%;
}
.datepick-links label {
	padding: 2px 5px;
	color: #888;
}
.datepick-clear, .datepick-prev {
	float: left;
	width: 34%;
}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {
	float: right;
	text-align: right;
}
.datepick-current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepick-close, .datepick-next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {
	float: left;
	text-align: left;
}
.datepick-header {
	background: #333;
	text-align: center;
	font-weight: bold;
	min-height: 1.5em;
}
.datepick-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepick-header span {
	position: relative;
	top: 3px;
}
.datepick {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepick a {
	display: block;
	width: 100%;
}
.datepick-title-row {
	background: #777;
}
.datepick-title-row th {
	text-align: center;
	font-weight: normal;
}
.datepick-days-row {
	background: #eee;
	color: #666;
}
.datepick-week-col {
	background: #777;
	color: #fff;
}
.datepick-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.datepick-other-month {
	background: #fff;
}
.datepick-week-end-cell {
	background: #ddd;
}
.datepick-title-row .datepick-week-end-cell {
	background: #777;
}
.datepick-week-over {
	background: #ddd;
}
.datepick-unselectable {
	color: #888;
}
.datepick-today {
	background: #fcc;
}
.datepick-current-day {
	background: #777;
	color: #fff;
}
.datepick-days-cell-over {
	background: #fff;
	color: #000;
	border: 1px solid #777;
}
.datepick-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#datepick-div a, .datepick-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.datepick-inline .datepick-links a {
	padding: 0 5px !important;
}
.datepick-control a, .datepick-links a {
	padding: 2px 5px !important;
	color: #eee;
}
.datepick-title-row a {
	color: #eee;
}
.datepick-control a:hover {
	background: #fdd;
	color: #333;
}
.datepick-links a:hover, .datepick-title-row a:hover {
	background: #ddd;
	color: #333;
}
.datepick-multi .datepick {
	border: 1px solid #777;
}
.datepick-one-month {
	float: left;
	width: 15em;
}
.datepick-new-row {
	clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
/*    filter: mask(); /*must have*/
    top: -1px; /*must have*/
    left: -1px; /*must have*/
    width: 187px; /*must have*/
    height: 187px; /*must have*/
}

#preview
{
	position: absolute;
	border: 2px solid #fc0;
	background: #333;
	padding: 0;
	display: none;
	color: #fff;
}

#panel_delete, #panel_waste { width: 700px; background: #fff; border: 5px solid #fc0; -moz-border-radius: 5px; display: none;}
#fDeleteProduct p { text-align: center; }

#panel_add { width: 700px; background: #fff; border: 5px solid #fc0; -moz-border-radius: 5px; }
#panel_add ul { margin: 1em auto; padding: 0.5em; width: 650px; height: 20em; overflow: auto; list-style-type: none; border: 1px solid #ccc; }
#panel_add ul li { margin: 0; padding: 2px; border-top: 1px solid #ccc; }
#panel_add ul li:first-child { border: 0 none; }
#panel_add ul li:hover { background: #eee; color: #000; cursor: pointer; }
#panel_add ul li.selected { background: #fc0; color: #000; }
#panel_add ul li.selected:hover { background: #fc0; color: #000; }
#panel_add p { text-align: center; }
#panel_add ol { margin: 1em auto; padding: 0; width: 660px; list-style-type: none; }
#panel_add li { margin-bottom: 0.5em; }
#panel_add .text { display: inline-block; width: 10em; }
#panel_add input, textarea { padding: 2px; border: 1px solid #fc0; }


#panel_add span.pid { display: inline-block; width: 40px; text-align: right; padding-right: 1em; }
#panel_add span.name { display: inline-block; width: 500px; }
#panel_add span.prc { display: inline-block; width: 100px; text-align: right;}

#zclip-ZeroClipboardMovie_1 { margin: 0; padding: 0; }
#zclip-ZeroClipboardMovie_1 embed { margin: 0; padding: 0; vertical-align: top;}


.ffox_button { display: block; float: right; text-align: center; padding: 1px; border: 1px solid #707070; -moz-border-radius: 3px; background-color: #fff; }
.ffox_button a { display: block; padding: 1px; background-color: #f0f0f0; font-family: Microsoft Sans Serif; color: #000; background: -moz-linear-gradient(top, #f2f2f2, #cfcfcf); }
.ffox_button a:hover { text-decoration: none; background: -moz-linear-gradient(top, #eaf6fd, #bee6fd); }


#dataTable
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 1px;
}

#catprod td      { border: 1px solid #ffd; padding: 2px 4px; }
#catprod .id     { text-align: right; width: 50px; }
#catprod .price  { text-align: right; width: 150px; }
#catprod .qty    { text-align: right; width: 50px; }
#catprod .sort   { text-align: right; width: 50px; }
#catprod .status { width: 60px; }
#catprod .action { text-align: right; width: 150px; }

#catprod .field { display: inline-block; width: 3em; }


#dialog {display: none;}

.list-table {
    border: 1px solid #fc0;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}

body.admin-color-blue .list-table { border-color: #26318A; }
body.admin-color-green .list-table { border-color: #26318A; }

.list-table tr {
    background-color: #ffe88d;
}

.list-table tr.dark {
    background-color: #e7d074;
    font-weight: bold;
}


body.admin-color-blue tr { background-color: #D0D2D4; }
body.admin-color-green tr { background-color: #D0D2D4; }

.list-table tr:hover {
    background-color: #fff1bb;
    color: #000;
    cursor: pointer;
}

body.admin-color-blue tr:hover { background-color: #B3C1D0; }
body.admin-color-green tr:hover { background-color: #B3C1D0; }

.list-table td {
    padding: 2px 4px;
    vertical-align: middle;
}

.list-table .normal.trouble {
    background-color: #ff8d8d;
}

.list-table .normal.attn {
    background-color: #bdbdff;
}

.list-table .normal.express {
    background-color: #ffa80b;
}

.list-table .trouble.express {
    background-color: #fd5a5a;
}

.list-table .attn.express {
    background-color: #33a5f7;
}

.list-table .selected {
    background-color: #ffdd56;
}

.list-table .selected.trouble {
    background-color: #ff5555;
    color: #fff;
}

.list-table .selected.attn {
    background-color: #5558ff;
    color: #fff;
}

.list-table .selected.express {
    background-color: #5558ff;
    color: #fff;
}

.list-table .no-data {
    text-align: center;
}

.list-table .sort-arrow {
    color: black;
}

.list-table .sort-arrow-selected {
    color: red;
}

.content {padding-bottom: 20px;}
.t33 {float: left; padding-right: 50px;}
.t33 table {border-collapse: collapse;}
.t33 table tr td{padding-right: 20px;}

/* RENDER */

.render #toolbar {
    margin-bottom: 8px;
}

.render #toolbar form {
    background: #ffe88d;
    border: 1px solid #fc0;
    display: inline-block;
    margin: 0;
    padding: 4px;
    max-width: 100vw;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    align-items: center;
}

.render #toolbar select {
    display: inline-block;
}

.render #toolbar select:first-child {
    margin-left: 0;
}
.render #new-button {
    float: right;
}

.render #toolbar input[type="submit"], .render #toolbar button {
    border: 1px solid rgb(59, 59, 59);
    padding: 2px 10px !important;
}

.render #list-item-edit {
    background: #ffe88d;
    border: 1px solid #fc0;
    display: block;
    margin: 1em auto;
    overflow: auto;
    width: 1002px;
}

.render .form-block {
    float: left;
    margin: 0;
    padding: 1em;
    width: 500px;
}

.render .field-block {
    margin-bottom: 1.5em;
}

.render .field-block:first-of-type {
    border: 0 none;
    padding-top: 0;
}

.render .field-block p {
    margin: 0 0 0.5em 0;
    border-bottom: 1px solid #fc0;
}

.render .field-block div {
    margin-bottom: 4px;
}

.render .field-block label {
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
    width: 8em;
}

.render .field-block span {
    font-size: 10px;
}

#xlsx-export-form {
    float: right;
}

.actions {
    padding: 2px 20px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.actions .spacer{
    flex-grow: 1;
}

.actions .separator {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    height: 12px;
}

.actions form, .actions button, .actions input {
    margin: 0 !important;    
}

.actions input, .actions button, .actions select {
    border: 1px solid rgb(59, 59, 59);
    padding: 2px 10px !important;
}

/********************* Kampányok ************************/
.checkbox-grid li {
    display: block;
    float: left;
    width: 100%;
    white-space: nowrap;
}
.complex-promo .tabs-block {
}
.complex-promo .tabs {
    padding: 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #fc0;    
}
.complex-promo .tabs li {
    list-style:none;
    display:inline;
}
.complex-promo .tabs a {
    padding:5px 10px;
    display:inline-block;
    background:rgb(165, 165, 165);
    color:#fff;
    text-decoration:none;
}
.complex-promo .tabs a.active {
    background:#fff;
    color:#000;
}
.clearfix-10 {
    clear: both;
    height: 10px;
    width: 100%;
}
.complex-promo .field-block label {
    width: 16em;
}

.complex-promo select{
    max-width: 100%;
}

.complex-promo input[type="number"] {
    width: 60px;
    text-align: right;
}
.complex-promo #promotion-product {
    width: 120px;
    -moz-appearance: textfield;   
}
.complex-promo #promotion-product::-webkit-outer-spin-button,
.complex-promo #promotion-product::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.complex-promo #promotion_template_text{
    width: calc(100% - 40px);
    margin-left: 20px;
}
.complex-promo #promotion-template-text-info{
    padding: 10px;
    border: 1px solid #fc0;
    margin: 10px;
    background-color: #fff;
}
.complex-promo .promotion-product-conditions-container label{
    width: 10em;
}
.complex-promo .promotion-product-conditions-container label + span{
    display: inline-block;
    width: 160px;
}
.complex-promo input:invalid{
    border: 1px solid rgba(255,3,0,0.7);
}
.complex-promo #coupon-details-container{
    margin-left: 12px;
}

#dateAndDispatch  { margin: 0 50px; text-align: center; }
#dateAndDispatch label { width: 70px; }
#dispatchWorkday  { width: 60px; }
#dispatchTurning  { width: 30px; }

#dispatch-turning {
    width: 40px;
}

#dispatch-turning-ws {
    width: 40px;
}

#tabs-prices input { margin: 0 5px; padding: 3px; font-size: 1em; }
#tabs-base input { margin: 0 5px; padding: 3px; }
#tabs .title {font-size: 1.2em; font-weight: 800;}

.list-table-left {
    width: auto;
}
.ice-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(128, 128, 128, 0.4);
    display: none;
}

#ice-modal{
    border: 1px solid #fc0;
    padding: 10px;
    background: #ffc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    max-height: 90vh;
    overflow: auto;
}
.ice_notification {
    background: red;
    font-weight: 900;
    padding: 3px 10px;
}
.big-red-button {
    font-size: x-large;
    background-color: red;
    color: white;
    border-radius: 5px;
    padding: 5px 10px 5px 25px;
    border: 1px solid #ccc;
}
#product_price_no_limit, #promotion_quantity_no_limit, #total_price_no_limit {
    width: 16px;
}

.add-admin-btn {
    float: right;
}

.message-box {
    font-size: 16px;
    padding-top: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.loader {
    margin: 5px;
    border: 5px solid #fc0;
    border-top: 5px solid #444;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    display: inline-block;
}

.loading_indicator{
    display: none;
}
.loading_indicator .feather-loader{
    animation: spin 3s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Folyamat jelző */
.progress {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
    height: 60px;
    margin:10px;
}
#progress {
    background-image: url(../../images/wait.gif);
}
#progress-done {
    background-image: url(../../images/done.png);
}

/* lost_collect_list */
.sw-hour-select {
    font-size: 16px;
    font-weight: bold;
}

.sw-bad-worker {
    color: red;
    font-weight: bold;
}

.sw-problematic {
    padding-top: 4px;
    padding-bottom: 4px;
}

.specials-container{
    margin: 0 10px;
}

.specials-container #top{
    display: flex;
    align-items: baseline;
}

.specials-container #top button{
    margin-left: 20px;
}

.specials-container #remove-selected-rows{
    float: right;
}

.specials-container tr.selected-to-remove{
    background-color: #ff6600;
}

.ps-picking {
    color: black;
}

.ps-picked {
    color: #0094ff;
}

.ps-checked {
    color: #080;
}

/* Kampányelemekhez hozzáadható css-ek */
.class-selectors {
    float: right;
    cursor: pointer;
}

.class-selectors a {
    text-decoration: none;
}

.class-selectors div {
    display: inline-block;
    padding: 9px !important;
}

.class-selectors .selected {
    border: 2px solid black;
}

.header-text-banner {
    position: relative;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    margin-bottom: 14px;
    padding: 10px;
    background-color: #dd4b39;
}

.header-text-banner a {
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: 19px;
    text-align: center;
}

.header-text-banner.bg-primary { background-color: #0099ff; }
.header-text-banner.bg-secondary { background-color: #ec1eaf; }
.header-text-banner.bg-green { background-color: #86c440; }
.header-text-banner.bg-yellow { background-color: #ffe154; }
.header-text-banner.bg-yellow a { color: #414143; }

.header-text-banner-jb {margin-bottom:3px; padding: 10px; background-color: #e5007e; font-weight: bold;}
.header-text-banner-jb {position:relative; transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;}
.header-text-banner-jb:hover{opacity:0.8;}
.header-text-banner-jb a{display:block; color:#fff; font-size:17px; line-height:19px; text-align: center;}
.header-text-banner-jb a:hover{text-decoration: none;}

.header-text-banner.red {background-color: #FF0000;}
.header-text-banner.blue {background-color: #0000FF;}
.header-text-banner.green {background-color: #00FF00;}
.header-text-banner.purple {background-color: #FF00FF;}

#snackbar {
    min-width: 250px;
    margin-left: -125px;

    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 30px;
    margin-top: 30px;
}

#snackbar.default {
    background-color: rgba(0,0,0,0.7);
}

#snackbar.success {
    background-color: rgba(0,80,0,0.7);
}

#snackbar.error {
    background-color: rgba(255,3,0,0.7);
}

#snackbar.show {
    animation-name: fadein;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
}

#snackbar.hide {
    animation-name: fadeout;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

/* TURO */
.header-text-banner.orange-4 {background-color: #f48238;}
.header-text-banner.blue-4 {background-color: #1377a8;}
.header-text-banner.green-4 {background-color: #7cc45c;}
.header-text-banner.blackfriday, .header-text-banner.blackfriday a {background-color: #000000; color: #ff0000 !important;}

.select2-selection--multiple .select2-selection__rendered li{
    line-height: 1.5em;
}