@font-face {
    font-family: "Desyrel";
    src: url('../css/fonts/desyrel.ttf');
}

@font-face {
    font-family: "Roboto-Light";
    src: url('../css/fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: "Roboto-Regular";
    src: url('../css/fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: "Roboto-Black";
    src: url('../css/fonts/Roboto-Black.ttf');
}

body {margin:0; padding:0; text-align:center; font-family:'Roboto-Light',sans-serif; font-size:14px; background:#FFF; color:#4A4B54;}
@media screen and (max-width:1150px) {body {background:#FFF none; width:1150px;}}
h1 {margin:30px 0; font-size:30px; font-weight: 600; font-family:'Roboto-Regular'; }
h2 {margin:20px 0; font-size:20px; font-weight:normal; font-family:'Roboto-Regular';}
h1:first-child {margin-top:0;}
h2:first-child {margin-top:0;}
h3:first-child {margin-top:0;}
h4:first-child {margin-top:0;}
a img {border:none;}
a, span.dummy {color:#4A4B54; /*font-weight:bold;*/ font-family:'Roboto-Regular';}
input[type="text"], input[type="password"] {width:150px; border:1px solid #E9EAF0;}
input[type="text"].long, input[type="password"].long {width:300px;}
input.submit, .submit-a {
	padding:0.5em 1em; color:#FFF; font-size:1em; font-weight:normal; text-decoration:none; text-align:center; border:none; display:inline-block;
	background: #F74A68;
}
select {border:1px solid #E9EAF0;}

input.submit.red, .submit-a.red {
	background: red !important;
}

input.submit.wmid, input.submit.wsmall, .submit-a.wmid, .submit-a.wsmall {padding-left:0; padding-right:0;}
input.submit.fullWidth, .submit-a.fullWidth {padding:0.5em 0; display:block; width:100%;}
.bigButton {
	border:none;
	padding:15px 20px; display:inline-block; font-size:20px; font-family:'Roboto-Regular'; color:#FFF; text-decoration:none; cursor:pointer;
	background: #F74A68;
}
.greenGrad {background: #87c600;}

.blueGrad {background: #77787F;}

.darkGreyGrad {background: #4A4B54;}
.darkGreyGrad.user {background: #E9EAF0; color:#4A4B54;}
.greyGrad {color:#4A4B54; background: #E9EAF0;}
.pinkGrad {background:#EB4166; background: -moz-linear-gradient(top, #E76179 0%, #E64E74 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E76179), color-stop(100%,#E64E74)); background: -webkit-linear-gradient(top, #E76179 0%,#E64E74 100%); background: -o-linear-gradient(top, #E76179 0%,#E64E74 100%); background: -ms-linear-gradient(top, #E76179 0%,#E64E74 100%); background: linear-gradient(to bottom, #E76179 0%,#E64E74 100%);}

#page-bg {overflow:hidden;}
#header {/*overflow:hidden;*/}
#headerArea {position:relative;}
#ucp {position:relative; background:#FFF; font-family:'Roboto-Regular';}
#ucp .centerPage {position:relative; padding-bottom: 0px;}
#ucp #logo {margin:1px; float:left;}
#ucp #buttons {float:right; }
#ucp #buttons a.ucp-button {padding:0 10px 0 30px; display:inline-block; font-size: 1em; color:#4A4B54; text-decoration:none; line-height:65px; background:transparent; font-weight:normal;}
#ucp #buttons a.ucp-button:hover span {text-decoration:none;}
#ucp #buttons a.ucp-button img {vertical-align:middle; width: 30px; height: auto;}
/*#ucp #buttons a.ucp-button .ucp-dropdown {width:16px; height:12px; display:inline-block; background-image:url('../img/ucp/ucp-dropdown.png'); background-position:0 0; background-repeat:no-repeat;}*/
#ucp #buttons a.ucp-button.on .ucp-dropdown {background-position:0 -12px;}
#ucp .tooltip {display:none; position:absolute; color: #4A4B54; z-index:2000; background-color:#FAFAFC; border:1px solid #E9EAF0; margin-top:-25px;}
#ucp .tooltip.on {display:block;}
#ucp .tooltip .tip {margin-top:-11px; padding-right:50px;}
#ucp #ucpLabels {color:#4A4B54; text-align:right; right:10px; color: #f74a68 !important; position:absolute; top:60px;}
#ucp #ucpLabels .middler {padding:5px 0; display:inline-block; line-height:1.4em; vertical-align:bottom;}
#ucp #ucpLabels a {color:#4A4B54;}

#msg {display:none; position:absolute; left:0; right:0;  margin-top: -15px; z-index:10;}
#msg # ent {padding:0 20px 0 20px;}
#msg #msgContent {margin-top: 20px;}
#msg #msgContent table {margin:auto; text-align:left;}
#msg #msgContent img {margin:10px; vertical-align:middle;}
#msg #msgHide {margin-left:20px;}
#msgClone {position:absolute; top:0; left:50%; right:auto; position:fixed; z-index:500;}
#msgClone #msgCloneContent {padding:10px; text-align:left;}
#msgClone #msgCloneHide {background-image:url('../img/icons/icon-close.png');}
#msg #msgContent div.iBlock.vcenter { background-color: rgb(255,222,222); padding: 0px 10px; }

#infoPanel-fix {margin-top:-20px;}
#infoPanel {padding:20px 0; background-color:#FAFAFC; position:relative; z-index:1000;  margin-top: 20px; border:1px solid #E9EAF0; color:#323E48;}
#infoPanel > table {width:100%; border-collapse:collapse; border:none;}
#infoPanel > table td {vertical-align:middle;}
#infoPanel .bigButton {margin-left:10px; }
#infoPanel .productPriceLevels {white-space:nowrap; text-align:left;}
#infoPanel .layoutInfoData {white-space:nowrap; text-align:left;}
#infoPanel .layoutInfoHeader {border:none;}

#footer {margin:0; padding:10px 0; background-color:#FFF; position:relative; z-index:1000;}

#cookiesMsg {padding:10px; color:#FFF; z-index:102; position:relative;}


#orderWorkspace {position:relative;}
#orderWorkspace #themeList {margin:0 20px 0 300px; min-height:700px;}

#orderWorkspace #themeList .themeItem {margin:5px; padding:10px; display:inline-block; vertical-align:middle; background-color:#FFF; position:relative;}
#orderWorkspace #themeList .themeItem > img {}
#orderWorkspace #themeList .themeItem .iconBar {position:absolute; display:block; top:5px; right:-10px; bottom:0;}
#orderWorkspace #themeList .themeItem.selected {background:#F2587F; background: -moz-linear-gradient(top, #F2587F 0%, #F2587F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2587F), color-stop(100%,#F2587F)); background: -webkit-linear-gradient(top, #F2587F 0%,#F2587F 100%); background: -o-linear-gradient(top, #F2587F 0%,#578bd8 100%); background: -ms-linear-gradient(top, #F2587F 0%,#F2587F 100%); background: linear-gradient(to bottom, #F2587F 0%,#F2587F 100%);}

#orderWorkspace .hints {background-color:#FFF; width:170px; border-left:none; position:absolute; top:0; left:0; bottom:0; z-index:100;}
#orderWorkspace .hints.floating {position:fixed; top:20px; bottom:20px;}
#orderWorkspace .hints.floating:hover {z-index:102;}
#orderWorkspace .hints-panels {width:auto; position:absolute; top:0; bottom:0; left:0; right:0;}
#orderWorkspace .hints-icons {margin-top:50px; padding:5px 15px 5px 0; position:absolute; left:auto; right:-68px; width:auto; overflow:hidden; z-index:10;}
#orderWorkspace .hints-icons .hint-panel-ico,
#orderWorkspace .hints-icons .hint-panel-fake {margin:10px 0; padding:3px 3px 3px 0; cursor:pointer; width:auto; height:auto; position:relative; background-color:transparent; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);}
#orderWorkspace .hints-icons .hint-panel-ico.active { background-color:#FFF; }
#orderWorkspace .hints-icons .hint-panel-ico img {}
#orderWorkspace .hints-icons .hint-panel-ico.active img { background-color:#DFDFDF;}
#orderWorkspace .hints-icons .hint-panel-ico .fix,
#orderWorkspace .hints-icons .hint-panel-fake .fix {display:block; position:absolute; left:0px; top:-10px; bottom:-10px; width:3px; background-color:#FFF; z-index:5;}
#orderWorkspace .hints-icons .hint-panel-ico.active .fix {background-color:#DFDFDF; top:3px; bottom:3px;}
#orderWorkspace .hints-right {left:auto; right:0; border:3px solid #FFF; border-right:none;}
#orderWorkspace .hints-right .hints-icons {padding:5px 0 5px 15px; left:-68px; right:auto;}
#orderWorkspace .hints-right .hints-icons .hint-panel-ico.active img { }
#orderWorkspace .hints-right .hints-icons .hint-panel-ico,
#orderWorkspace .hints-right .hints-icons .hint-panel-fake {padding:3px 0 3px 3px;}
#orderWorkspace .hints-right .hints-icons .hint-panel-ico .fix,
#orderWorkspace .hints-right .hints-icons .hint-panel-fake .fix {left:auto; right:0;}
#orderWorkspace .hints-right .hints-icons {}

/* themeBrowser je vlastně předělávka hint-right, takže je tam většina stylů stejných. Radši jsem to ale rozdělil, než psát společný pravidla */
#orderWorkspace #themeBrowser {background-color:#FAFAFC; width:170px; position:absolute; z-index:100; top:0; right:0; bottom:0; border:2px solid #E9EAF0; margin-right: 2px;}
#orderWorkspace #themeBrowser.on {width:auto; left:40%; z-index:102;}
#orderWorkspace #themeBrowser.floating {position:fixed; top:20px; bottom:20px;}
#orderWorkspace #themeBrowser.floating:hover {z-index:102;}
#orderWorkspace #themeBrowser #themeBrowserControls {padding:0 0 0 15px; position:absolute; left:-58px; top:0; max-height:750px; height:100%; width:auto; overflow:hidden; z-index:10;}
#orderWorkspace #themeBrowser.floating #themeBrowserControls {max-height:none;}
#orderWorkspace #themeBrowser #themeBrowserControls #btnExpand {margin-top:55px;}
#orderWorkspace #themeBrowser #themeBrowserControls #btnExpand .img {width:40px; height:30px; display:inline-block; border:1px solid #E9EAF0; border-right: none; padding:3px 0 3px 3px; background:transparent url('../img/icons_svg/icon_buttons-arrow-left.svg') center center no-repeat;}
#orderWorkspace #themeBrowser #themeBrowserControls #btnExpand.on .img {background:transparent url('../img/icons_svg/icon_buttons-arrow-right.svg') center center no-repeat;}
#orderWorkspace #themeBrowser #themeBrowserControls a {margin: 5px 0;  color:#4A4B54; display:block; width:auto; height:auto; position:relative;}
#orderWorkspace #themeBrowser #themeBrowserControls a.on {background:#FFF none 0 0 no-repeat;}
#orderWorkspace #themeBrowser #themeBrowserControls a .fix {display:block; position:absolute; background-color:#FAFAFC; z-index:5;}
#orderWorkspace #themeBrowser #themeBrowserControls a.on .fix {background-color:transparent;}
#orderWorkspace #themeBrowser #themeBrowserControls a.categoryBtn span.label {padding:5px 5px; color: #77787F; background-color:#FFFFFF; border:1px solid #E9EAF0; line-height:40px; width:28px; display:inline-block; writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap;}
#orderWorkspace #themeBrowser #themeBrowserControls a.categoryBtn.on span.label {padding:12px 0px; font-family:'Roboto-Regular'; color:#4A4B54; background-color:#FAFAFC; border:2px solid #E9EAF0; width:45px; line-height:45px; border-left: 4px solid #FAFAFC;}
#orderWorkspace #themeBrowser #themeBrowserControls #themeCategories {position:absolute; top:100px; bottom:0; left:0; right:0; overflow:hidden; padding:0 0 0 16px;}
#orderWorkspace #themeBrowser #themeBrowserControls #themeCategories a {font-family: Roboto-Light;}
#orderWorkspace #themeBrowser.enableNavigation #themeBrowserControls #themeCategories {top:130px; left:0px; bottom:50px; background-color:#FFF;}
#orderWorkspace #themeBrowser #themeBrowserControls .nextPage,
#orderWorkspace #themeBrowser #themeBrowserControls .prevPage {display:none;}
#orderWorkspace #themeBrowser.enableNavigation #themeBrowserControls .nextPage,
#orderWorkspace #themeBrowser.enableNavigation #themeBrowserControls .prevPage {display:block; z-index:1;}
#orderWorkspace #themeBrowser.enableNavigation #themeBrowserControls .nextPage {position:absolute; bottom:0; width:20px;}
#orderWorkspace #themeBrowser.enableNavigation #themeBrowserControls .nextPage span.label,
#orderWorkspace #themeBrowser.enableNavigation #themeBrowserControls .prevPage span.label {display:inline-block; height:42px; line-height:42px; font-size:20px; writing-mode:vertical-rl; white-space:nowrap;}
#orderWorkspace #themeBrowser #themeList {margin:0; min-height:auto; position:absolute; top:0; right:0; bottom:0; left:0; overflow:auto;}
#orderWorkspace #themeBrowser #themeList a {margin:5px 0;  display:inline-block; background-color:#FFF;}
#orderWorkspace #themeBrowser #themeList a:hover {}
#orderWorkspace #themeBrowser #themeList a.active {background-color:#f74a68; padding: 5px;}
#orderWorkspace #themeBrowser #themeList a img {max-width:120px; max-height:120px; vertical-align:middle;}
#orderWorkspace #themeBrowser #themeList h2 {padding-top:10px; margin:0; }
#orderWorkspace #themeBrowser.on #themeList {padding:0 20px 20px 20px;}
#orderWorkspace #themeBrowser.on #themeList .themeContainer {display:inline-block; border:1px solid #E9EAF0; padding:0;}
#orderWorkspace #themeBrowser.on #themeList a {margin:5px 2px;}
#orderWorkspace #themeBrowser.on #themeList a img {max-width:none; max-height:120px; vertical-align:middle;}
/* themeBrowser pohlednice */

#orderWorkspace #uploader-container {}

#orderWorkspace #uploader-container-mobile {  }

#orderWorkspace #mobile-uploader-content {height:171px; background:transparent url('../img/uploader/btnn-nahrat_fotky_mobil_zel.png') center center no-repeat;}
#orderWorkspace #mobile-uploader-content.disabled {background-image: url('../img/uploader/btnn-nahrat_fotky_mobil_seda.png');}
#orderWorkspace #mobile-uploader-content .mobileUploaderButton {margin:5px 0 0 0; display:block; height:151px; color:#FFF; text-decoration:none;}
#orderWorkspace #mobile-uploader-content.disabled .mobileUploaderButton { color: #4A4B54;}
#orderWorkspace #mobile-uploader-content .mobileUploaderButton span {display:block; padding-top:90px;}

#orderWorkspace #uploader-container-mobile #uploader-content-c { position:absolute; left:0; bottom: 0; right:0; top:171px; }

#orderWorkspace #uploader-content .uploaderButton {margin:5px 0 -10px 0; display:block; height:170px; color:#FFF; text-decoration:none; background:transparent url('../img/uploader/btnn-nahrat_fotky_cer.svg') center center no-repeat;}
#orderWorkspace #uploader-content .uploaderButton span {display:block; padding-top:100px; font-size: 20px;}


#orderWorkspace #uploader-content .uploaderWorking { position:absolute; left:10px; right:10px; top:255px; height: 45px;}
#orderWorkspace #uploader-content .uploaderManual {position:absolute; left:10px; right:10px; top:300px; height: 60px; font-size:10px;}
#orderWorkspace #uploader-content .uploaderStats {position:absolute; left:10px; right:10px; top:300px; height: 60px; font-size:10px;}
#orderWorkspace #uploader-content .uploaderStats .JSMultiUploadStatsEstimated,
#orderWorkspace #uploader-content .uploaderStats .JSMultiUploadStatsSize {margin:4px 0;}
#orderWorkspace #uploader-content .uploaderQueue {position:absolute; left:10px; right:10px; top:350px; bottom:10px; overflow:auto; overflow:hidden; overflow-y:auto;}

#orderWorkspace #uploader-content .uploaderDropArea {padding-top:245px; position:absolute; left:10px; right:10px; top:245px; bottom:10px; overflow:auto; overflow:hidden; overflow-y:auto;}
#orderWorkspace #uploader-container-mobile #uploader-content .uploaderDropArea {padding-top:195px; top: 200px; }


/* #orderWorkspace #uploader-content .uploaderQueue .uploader-item img {width:100%;} */
#orderWorkspace #uploader-content .uploaderQueue .uploader-item .progress-container {position:relative;}
#orderWorkspace #uploader-content .uploaderQueue .uploader-item .progress {margin:4px 0 10px 0; display:block; width:0%; height:6px; background:transparent url('../img/processing-bar.gif') 0 0 repeat-x;}
#orderWorkspace #uploader-content .uploaderQueue .uploader-item .uploader-icon {min-height:40px; background-position:center center; background-repeat:no-repeat;}
#orderWorkspace #uploader-content .uploaderQueue .uploader-item .previewProgress {margin:5px 0 5px 0; display:block; width:0%; height:6px; background:transparent url('../img/processing-bar-grey.gif') 0 0 repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#orderWorkspace #uploader-content .uploaderQueue .uploader-item .originalProgress {margin:5px 0 10px 0; display:block; width:0%; height:6px; background:transparent url('../img/processing-bar.gif') 0 0 repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#orderWorkspace #uploader-content .uploaderQueue .uploader-item .name {display:none;}


#orderWorkspace .carousel-themes {position:absolute; top:0; right:0; bottom:0; left:0; overflow:auto;}
#orderWorkspace .carousel-themes ul {margin:0; padding:0; list-style-type:none;}
#orderWorkspace .carousel-themes ul li {margin:10px 0; padding:0;}
#orderWorkspace .carousel-themes ul li a {padding:5px; display:inline-block; background-color:#FFF;}
#orderWorkspace .carousel-themes ul li a:hover {}
#orderWorkspace .carousel-themes ul li.active a {background:#4A4949;}
#orderWorkspace .carousel-themes ul li a img {max-width:120px; max-height:120px; vertical-align:middle;}

#orderWorkspace .overlay-themes .hrTab ul {margin:0; padding:0; list-style-type:none; overflow:auto;}
#orderWorkspace .overlay-themes .hrTab ul li {margin:10px 0; padding:0; display:inline-block;}
#orderWorkspace .overlay-themes .hrTab ul li a {padding:5px; display:inline-block; background-color:#FFF;}
#orderWorkspace .overlay-themes .hrTab ul li a:hover {}
#orderWorkspace .overlay-themes .hrTab ul li.active a {background:#4A4949;}
#orderWorkspace .overlay-themes .hrTab ul li a img {max-height:120px; vertical-align:middle;}

#orderWorkspace #productToolbar {background-color:#FAFAFC; position:absolute; top:0; right:195px; left:195px; border:1px solid #E9EAF0;}
#orderWorkspace #productToolbar.extLeft {left:20px;}
#orderWorkspace #productToolbar.extRight {right:20px;}
#orderWorkspace #productToolbarFix {padding-bottom:50px;}
#orderWorkspace #productToolbar .inlineButtons {font-size:0; display:inline-block;}
#orderWorkspace #productToolbar .inlineButtons .inlineButton {display:inline-block; vertical-align:middle; font-size:16px;}
#orderWorkspace #productToolbar .inlineButtons .cssBubble {font-size:16px;}
#orderWorkspace #productToolbar .inlineButtons #cssBubble-iconMisc .inlineButton {display:block;}
#orderWorkspace #productToolbar .dropdowns {font-size:16px; color:#4A4B54;}
#orderWorkspace #productToolbar .dropdowns a {color:#4A4B54;  width: calc(93%);}
#orderWorkspace #productToolbar .dropdowns .master.adjusted {overflow:hidden; text-overflow:ellipsis;}
#orderWorkspace #productToolbar .dropdowns .combo-content {display:inline-block;}
#orderWorkspace #productToolbar .dropdowns .label {display:inline-block; padding:0.55em 0 0.55em 0.4em; border-left:2px solid #FAFAFC; vertical-align:middle;}
#orderWorkspace #productToolbar .copiesTool {padding:8px 5px 0; color:#4a4B54; font-size:16px; display:inline-block;}
#orderWorkspace #productToolbar .copiesTool .itemCount {width:30px; text-align:center; vertical-align:middle;}
#orderWorkspace #productToolbar .copiesTool .btnPlus {width:18px; text-align:center; font-size:20px; line-height:17px; background:#fff; color:#4A4949; font-weight:bold; display:inline-block; vertical-align:middle;}
#orderWorkspace #productToolbar .copiesTool .btnMinus {width:18px; text-align:center; font-size:20px; line-height:17px; background:#fff; color:#4A4949; font-weight:bold; display:inline-block; vertical-align:middle;}

#orderWorkspace #tempItems {padding-left:50px; padding-right:50px; margin:0 180px 0 180px; position:relative;}
#orderWorkspace #tempItems .tempItem {padding:10px; display:inline-block; border:none; position: relative; vertical-align:middle; text-align:center;}
#orderWorkspace #tempItems .tempItem.highlight {
	-webkit-animation-name:highlighted; -webkit-animation-duration: 2s; -webkit-animation-iteration-count:infinite;
	animation-name:highlighted; animation-duration: 2s; animation-iteration-count:infinite;
}
#orderWorkspace.calenderWorkspace #tempItems .tempItem {vertical-align:top;}
#orderWorkspace.standardWorkspace #tempItems .tempItem {vertical-align:top;}
#orderWorkspace #tempItems .tempItem .tempItemImg {display:inline-block; position:relative; overflow:hidden; }
#orderWorkspace #tempItems .tempItem .tempItemImg .icon-button.upload {position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px;}
#orderWorkspace #tempItems .tempItem .tempItemImg:hover .icon-button.upload {background-image:url('../img/icons_svg/icon_buttons_insert_photo_insert_photo_inverted.svg');}
#orderWorkspace #tempItems .tempItem .tempItemImg.borderLess {display:inline-block; position:relative; overflow:hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none;}
#orderWorkspace #tempItems .tempItem .tempItemImg.borderLess .icon-button.upload {position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px;}
#orderWorkspace #tempItems .tempItem .tempItemImg.borderLess:hover .icon-button.upload {background-image:url('../img/icons_svg/icon_buttons_insert_photo_insert_photo_inverted.svg');}

#orderWorkspace #tempItems .tempItem .itemWarning {position:absolute; top:-10px; right:5px; width:40px; height:35px; background-image:url('../img/msg-warning.png'); background-position:center center; background-repeat:no-repeat;}
#orderWorkspace #tempItems .tempItem table.itemTable {border-spacing:0;}
#orderWorkspace #tempItems .tempItem .itemFilters {margin:0 0 20px 20px;}
#orderWorkspace #tempItems .tempItem .itemFiltersTitle {margin:0 0 5px 0;}

#orderWorkspace #tempItems .tempItemLinks {padding-bottom: 15px;}
#orderWorkspace #tempItems .tempItemLinks .greyBubble { margin: 5px 0px 0px; }

#orderWorkspace #tempItems .tempItemLinks .itemInfo {position:relative; float:none;}
#orderWorkspace #tempItems .tempItemLinks .itemInfo .noticeCount {padding:1px 3px; color:#FFF; font-size:10px; line-height: 14px; font-weight:normal; position:absolute; top:0px; right:2px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.7); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.7); box-shadow:0 1px 1px rgba(0,0,0,0.7);
}
#orderWorkspace #tempItems .tempItemLinks .greyBubble {margin-bottom:0;}
#orderWorkspace #tempItems .tempItemLinks .miniform-pieces {display:block; width:50px; height:40px; text-align:center;}
#orderWorkspace #tempItems .tempItemLinks input.itemPieces {margin-top:4px; width:34px; height:20px; text-align:center;}
#orderWorkspace #tempItems .sectionItem {display:inline-block; vertical-align:top;}
#orderWorkspace #tempItems .sectionLabel {margin:0 5px; padding:5px; background-color:#e3e3e3; color:#4A4B54;}
#orderWorkspace #tempItems .addNewItem {padding:10px; display:inline-block;}
#orderWorkspace #tempItems .addNewItem .addNewItemArea {display:inline-block; width:150px; height:200px; border:2px dotted #E3E3E3; margin-top:-70px;}
#orderWorkspace #tempItems .addNewItem .addNewItemArea .icon-button.plus {margin-top:65px;}

#orderWorkspace #tempItems.swipe {white-space:nowrap; overflow:hidden;}
#orderWorkspace #tempItems.swipe #tempItems-subContainer {}
#orderWorkspace #tempItems.swipe .tempItem {white-space:normal;}
#orderWorkspace #tempItems.swipe .itemsSlider {position:relative; left:0; text-align:left;}

#orderWorkspace #tempItems .itemsSlider {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#orderWorkspace #tempItems .itemsSlider .tempItem
{
    margin: 5px;
}

#orderWorkspace #tempItems #swipeTool #swipeToolControls .swipeArr {margin-top:-25px; position:absolute; top:50%;  z-index:10; width:50px; height:50px; background-position:0 0; background-repeat:no-repeat; font-size:0;}
#orderWorkspace #tempItems #swipeTool #swipeToolControls .lArr {left:5px; background-image:url("../img/swipeitems-larr.png");}
#orderWorkspace #tempItems #swipeTool #swipeToolControls .rArr {right:5px; background-image:url("../img/swipeitems-rarr.png");}
#orderWorkspace #tempItems.swipe .swipeGrad {position:absolute; width:70px; top:0; bottom:0; background-repeat:repeat-y; background-position:0 0;}
#orderWorkspace #tempItems.swipe .lGrad {left:0; background-image:url("../img/itemlist-grad-l.png"); z-index:5;}
#orderWorkspace #tempItems.swipe .rGrad {right:0; background-image:url("../img/itemlist-grad-r.png"); z-index:5;}
#orderWorkspace #tempItems.swipe .swiper-button-disabled {display:none;}
#orderWorkspace  #workspace-loader {opacity:0.8; position:absolute; top:0; left:0; right:0; bottom:0; background: #dfdfdf url('/img/loading-greybg.gif') center center no-repeat fixed; z-index:100;}

.tempItem .item-loader {background: #dfdfdf url('/img/loading-greybg.gif') center center no-repeat;}
.tempItem .item-loader img {display: none;}

#orderWorkspace #workspaceSizer {min-height:700px; position:relative;}
#orderWorkspace #previewStrip .strip-content {padding:0;}
#orderWorkspace #previewStrip .bubbleTip {width:100%;}
#orderWorkspace #previewStrip .strip-elm {margin:0 5px; position: relative; width: 40px; height: 40px; display:inline-block; vertical-align:middle;}
#orderWorkspace #externalPreviewWrapper {margin:0 20px;}
#orderWorkspace #externalPreview {position:relative;}
#orderWorkspace #externalPreview iframe {width:100%; height:500px; border:none;}
#orderWorkspace #previewImageCombos .controlBox {margin:0 5px; font-size:14px;}
#orderWorkspace #previewImageCombos .controlBox .copiesTool {margin:5px 5px 0; padding:10px; color:#4A4B54; background-color:#FFF;}

#orderWorkspace .previewBarLeft {width:74.9%; float:left; position:relative;}
#orderWorkspace .previewBarRight {width:25%;  float:right; position:absolute; top:0; right:0; bottom:0;}
#orderWorkspace .previewBarRight .photobookBar { overflow:auto; overflow-x:hidden; overflow-y:auto; position:absolute; top:0; bottom:0; left:0; right:20px; background-color:#DFDFDF; border:3px solid #FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); }
#orderWorkspace #btnNewProductCopy {padding:10px 0 20px; display:inline-block;}

#shoppingCart {padding-right:10px; position:relative;}
#shoppingCart .scHalfBar {float:left; width:49.99%;}
#shoppingCart .scHalfBar h2 {font-size:20px; font-weight:normal;}
#shoppingCart .scHalfBar h2:first-child {margin-top:0;}
#shoppingCart .scHalfBar .basketList {margin:0 0 0 20px; width:auto; background-color:#FAFAFC; border:1px solid #DFE1E9;}
#shoppingCart .scHalfBar .basketList h2 {background-color:#FFF; color:#4A4B54;}
#shoppingCart .scHalfBar .basketList .sizer {padding:0 10px; height:680px; overflow:auto; position:relative;}
#shoppingCart .scHalfBar .basketList .basketMessage {font-size:18px; line-height:30px; position:absolute; left:20%; right:20%; top:40%; color:#6d6d70;}
#shoppingCart .basketItem {margin:10px 0; padding: 10px 15px; float:none; height:auto; width:auto; background-color:#FFF; border:/*1px solid #DFE1E9;*/ none !important; text-align:left; position:relative; cursor:pointer;}
#shoppingCart .basketItem img {display:block; width:110px; height:110px; vertical-align:middle; background-color:#EEE; overflow:hidden;}
#shoppingCart .basketItem .itemUserDataInfo {margin-bottom: 10px; }
#shoppingCart .basketItem .itemUserDataInfo .low-res-warning  {color: rgb(255,0,0); font-size: 12px; }
#shoppingCart .basketItem .itemInfo {margin:0 0 0 120px; float:none; display:block; vertical-align:middle; width:auto;}
#shoppingCart .basketItem .itemActions {padding:0 10px; text-align:justify; margin-top: 10px;}
#shoppingCart .basketItem .itemActions a {display:inline-block; text-align:center; white-space:nowrap; color:#6d6d70;}
#shoppingCart .basketItem .itemActions a.hide { display: none; }
#shoppingCart .basketItem .itemWarning {display:block; position:absolute; top:10px; left:10px; bottom:10px; width:100px; opacity:0.8; background-image:url('../img/msg-warning.png'); background-position:center center; background-repeat:no-repeat;}
#shoppingCart .basketItem .ellipsis {max-width:50%; overflow:hidden; text-overflow:ellipsis;}
#shoppingCart .fakeItem {margin:10px 0; border:5px dashed #FFF;}
#shoppingCart #cloneItem {}
#shoppingCart > .greyBubble {margin:20px 0 20px 20px;}

#pageDelivery {position:relative;}
#pageDelivery .basketColLeft {margin-left:20px; float:left; width:500px;}
#pageDelivery .basketColRight {margin:0 20px 0 540px; float:none; width:auto;}
#pageDelivery h2 {font-size:20px; font-weight:normal; color:#4A4B54;}
#pageDelivery h2:first-child {margin-top:0;}
#pageDelivery h3 {margin-top:0;}
#pageDelivery table {margin:auto;}
#pageDelivery .basketList {margin:20px 0; padding:0; width:auto; background-color:#FAFAFC; border:1px solid #E9EAF0;}
#pageDelivery #addressForms {position:relative;}
#pageDelivery #addressForms h3 {margin:0;}
#pageDelivery #productSuggestions .basketAdd {padding:0;}
#pageDelivery #productSuggestions img {margin:10px; vertical-align:middle;}
#pageDelivery .addressLink {position:absolute; top:0px; right:0px;}
#pageDelivery #shipAddr {position:relative;}
#pageDelivery #invAddr {position:relative; margin-top:10px;}
#pageDelivery table.deliveryListTable {border-collapse:collapse; width:450px;}
#pageDelivery table.deliveryListTable td {background-color:#FFF;}
#pageDelivery table.deliveryListTable tr {background-color:#FFF; border:1px solid #E9EAF0;}
#pageDelivery table.deliveryListTable tr td img {margin:5px; height:20px; vertical-align:middle;}
#pageDelivery table.deliveryListTable tr td:first-child {}
#pageDelivery table.deliveryListTable tr td:last-child {}
#pageDelivery table.deliveryListTable tr.divider td {height:5px; background-color:#FAFAFC;}
#pageDelivery table.deliveryListTable tr.divider {border:none;}

#pageDelivery table.deliveryListTable tr.divider:last-child {height:0;}
#pageDelivery table.deliveryListTable tr td.zasilkovnaTd {padding:10px 10px 10px 0px;}
#pageDelivery table.deliveryListTable tr td.zasilkovna-logo {vertical-align: top;}
#pageDelivery table.deliveryListTable tr td .zasilkovnaItem {margin:2px 0 2px 0px; position:relative;}
#pageDelivery table.deliveryListTable tr td .zasilkovnaItem a.tiny {position: absolute; right:0; top:0; margin-top: -9px;}
#pageDelivery table.deliveryListTable tr.restricted img, #pageDelivery table.deliveryListTable tr.restricted label {opacity:0.5;}
#pageDelivery table.deliveryAddress td.right, #pageDelivery table.invoiceAddress td.right {font-size:10px;}
#zasilkovnaDialog {border-bottom:1px solid bottom;}
#zasilkovnaDialog .sizer {width:800px; max-height:700px; overflow:auto; position: relative;}
#zasilkovnaDialog .sizer .map {}
#zasilkovnaDialog .sizer .zasilkovnaPhotos {float:right;}
#zasilkovnaDialog .sizer .zasilkovnaPhotos img {margin:5px;}
#zasilkovnaDialog .zasilkovna-row:hover {background-color:#444}
#zasilkovnaDialog .zasilkovna-place {cursor:pointer;}
#zasilkovnaTips { margin: 12px 0 5px 0px; }
#pageDelivery table.deliveryListTable tr td img.zasilkovna-img {margin-left: 13px !important;}

#pagePayment {position:relative;}
#pagePayment .basketColLeft {margin-left:20px; float:left; width:500px;}
#pagePayment .basketColRight {margin:0 20px 0 540px; float:none; width:auto;}
#pagePayment .basketList {margin:20px 0; padding:0; width:auto; background-color:#FAFAFC; border:1px solid #E9EAF0;}
#pagePayment h2 {font-size:20px; font-weight:normal;}
#pagePayment h2:first-child {margin-top:0;}
#pagePayment h3:first-child  {margin-top:0;}
#pagePayment table#paymentListTable {border-collapse:collapse; width:450px;}
#pagePayment table#paymentListTable tr td {background-color:#FFF;}
#pagePayment table#paymentListTable tr td img {margin:5px; height:20px; vertical-align:middle;}
#pagePayment table#paymentListTable tr td:first-child {}
#pagePayment table#paymentListTable tr td:last-child {}
#pagePayment table#paymentListTable tr.divider td {background-color:transparent; font-size:0; height:2px; border: none;}
#pagePayment table#paymentListTable tr.divider:last-child {height:0;}

#pageSummary table.summary {width:840px; margin: 0 auto;  text-align: left; border-collapse:separate; border-spacing:10px;}
#pageSummary table.summary td.whiteBubble {margin:none; padding:10px; background-color:#FFF; vertical-align:top;}
#pageSummary h1, #pageSummary h2 {margin:20px 0; font-size:20px; font-weight:normal;}
#pageSummary h1:first-child {margin-top:0;}

#addressListContent {max-height:700px; overflow:auto;}
#addressListContent table.addresses {border-collapse:collapse; border-spacing:none;}
#addressListContent table.addresses tr td {background-color:#FAFAFC; color:#4A4B54;}
#addressListContent table.addresses tr td:first-child {}
#addressListContent table.addresses tr td:last-child {}
#addressListContent table.addresses tr.spacer {visibility:hidden; font-size:0; line-height:0; height:10px;}

#userProfile {position:relative;}
/* #userProfile .sizer {min-height:400px;} */
#userProfile .hrTab > .sizer {min-height:400px;}
#userProfile .hrTab {margin:0 20px 0 300px; max-height:700px; overflow:auto; display:none;}
#userProfile .hrTab.on {display:block;}
#userProfile #profileTab form > table {width:100%; text-align:left;}
#userProfile #profileTab table table {margin:auto;}
#userProfile #profileTab table th {text-align:center;}
#userProfile #addressTab #addressList {padding-bottom:40px;}
#userProfile #addressTab #addressList .address {margin:5px; padding:5px; border:1px solid #E9EAF0; display:inline-block; white-space:nowrap; background-color:#FFF;}
#userProfile #addressTab #addressList .address .addressLinks {font-size:0;}
#userProfile #addressTab .links {position:absolute; left:0; right:0; bottom:20px;}

#userRegister .formItem label {text-align:right;}
#userRegister #password_strength {width:150px; display:inline-block; vertical-align:middle;}
#userRegister table {margin:auto;}
#regCodeInfoBubble_dummy {display:none;}
#regCodeInfoBubble {display:none;}

#userOrders h1, #userOrders h2 {margin:20px 0; font-size:20px; font-weight:normal;}
#userOrders h1:first-child {margin-top:0;}

#regLogin {width:100%;}
#regLogin td.block {background-color:#FAFAFC; border:1px solid #E9EAF0; position:relative; }
#regLogin td.spacer {width:20px;}
#regLogin table {margin:auto;}
#regLogin #password_strength {width:auto;}
#regLogin .submit-a.tiny {font-size:10px;}

#gallery {position:relative;}
#gallery #gallerySizer {min-height:700px; position:relative;}
#gallery #gallerySizer #newUploader {position:absolute; top:0; right:0; bottom:0; left:0;}
#gallery #galleryUploader {background-color:#DFDFDF; width:170px; border:3px solid #FFF; border-left:none; position:absolute; top:0; left:0; bottom:0; z-index:100; }
#gallery #galleryUploader .uploaderButton {margin:5px 0 0 0; display:block; height:171px; color:#FFF; text-decoration:none; background:transparent url('../img/uploader/btn-upload-bright.png') center center no-repeat;}
#gallery #galleryUploader .uploaderButton span {display:block; padding-top:90px;}
#gallery #galleryUploader .uploaderQueue {position:absolute; left:10px; right:10px; top:155px; bottom:10px; overflow:auto; overflow:hidden; overflow-y:auto;}
#gallery #galleryUploader .uploaderDropArea {padding-top:200px; position:absolute; left:10px; right:10px; top:155px; bottom:10px; overflow:auto; overflow:hidden; overflow-y:auto;}
#gallery #galleryUploader .uploaderQueue .queueItem {line-height:0;}
#gallery #galleryUploader .uploaderQueue .queueItem img {width:100%;}
#gallery #galleryUploader .uploaderQueue .queueItem .progress {margin:4px 0 10px 0; display:block; width:0%; height:6px; background:transparent url('../img/processing-bar.gif') 0 0 repeat-x;}

#gallery .galleryToolbar {background-color:#4A4949; position:relative; margin:0 20px 20px 195px; }
#gallery .galleryToolbar.off {display:none; opacity:0; top:-20px;}
#gallery .galleryToolbar .inlineButtons {font-size:0; display:inline-block;}
#gallery .galleryToolbar .inlineButtons .inlineButton {display:inline-block; vertical-align:middle; font-size:16px;}
#gallery .galleryToolbar .inlineButtons .cssBubble {font-size:16px;}
#gallery .galleryToolbar.greenGrad {}
#gallery .galleryBlock.fullWidth .galleryToolbar {margin:20px 0 20px 0;}

#gallery .galleryBlock {margin-right:20px; margin-left:195px;}
#gallery .galleryBlock.fullWidth {margin:0 20px;}
#gallery .galleryBlock > h2 {margin:20px 0 0 0;}

#gallery #albums {}
#gallery #albums ul {padding:0; margin:0;}
#gallery #albums .album {margin:5px; padding:10px 10px 20px 10px; vertical-align:middle; cursor:pointer; display:inline-block; background-color:#FFF; position:relative;}
#gallery #albums .album img {height:100px;}
#gallery #albums .album .label {font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; bottom:2px; left:5px; right:5px; font-weight:normal; color:#4A4B54;}
#gallery #albums .fakeAlbum {display:inline-block; width:99px; height:105px;}
#gallery #albums .fakeAlbum span {margin-top:20px;}

#gallery #documents {}
#gallery #documents ul {padding:0; margin:0;}
#gallery #documents ul li.selected {background-color: #494849; color: #fff;}
#gallery #documents .document {margin:5px; padding:10px 10px 20px 10px; cursor:pointer; display:inline-block; background-color:#FFF; position:relative;}
#gallery #documents .document .sizer {max-width:300px; overflow:hidden; background-image:url('../img/transparency-pattern.gif');}
#gallery #documents .document img {height:100px;}
#gallery #documents .document .label {font-size:12px; white-space:nowrap; position:absolute; bottom:2px; left:5px; right:5px; overflow:hidden; background-color:rgba(255,255,255,0.8);}
#gallery #documents .document .label .pageCount {font-size:10px;}
#gallery #documents .document.selected .label {background-color:rgba(73, 72, 73, 0.8);}
#gallery #documents .document .icon-button.i {position:absolute; top:-9px; right:-12px; width:35px; height:35px; background-size:35px auto;}
#gallery #selectionMenu {margin:20px 0 0 0; }
#gallery #selectionMenu {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.7); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.7);}

.galleryMoveDialog {width:900px;}
.galleryMoveDialog ul, li {margin:0; padding:0; list-style-type:none;}
.galleryMoveDialog h4 {padding:10px; font-size:16px; font-weight:bold; border-bottom:1px solid #FFF;}
.galleryMoveDialog .album {margin:5px; padding:10px 10px 20px 10px; vertical-align:middle; cursor:pointer; display:inline-block; background-color:#FFF; position:relative;}
.galleryMoveDialog img {height:100px;}
.galleryMoveDialog .album .label {font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; white-space:nowrap; position:absolute; bottom:2px; left:5px; right:5px; font-weight:normal; color:#4A4B54;}

.galleryInfoDialog {width:900px;}
.galleryInfoDialog table {margin:auto; text-align:left;}
.galleryInfoDialog #documentPages {font-size:0;}
.galleryInfoDialog #documentPages .iBlock {margin:5px; font-size:14px;}
.galleryInfoDialog #documentPages .iBlock .label {padding:5px;}
.galleryInfoDialog #documentPages img {background-image:url('../img/transparency-pattern.gif');}

.galleryDeleteDialog {width:600px;}

#errorPage h1 {margin-top:0;}

.navbar { margin:0px 0; line-height:50px;}
.navbar a,
.navbar span.dummy {padding:0 0 0 45px; /*color:#4A4B54;*/ color: rgb(200,200,200); font-size:14px; display:inline-block; text-decoration:none; font-weight:bold;}
.navbar .navbarIcon-theme {background:transparent url('../img/icons/icon-theme.png') 2px center no-repeat;}
.navbar .navbarIcon-upload {background:transparent url('../img/icons/icon-upload.png') 2px center no-repeat;}
.navbar .navbarIcon-settings {background:transparent url('../img/icons_svg/icon_buttons_settings.svg') 2px center no-repeat; /*width:30px; height:30px;*/ color: white;}
.navbar .navbarIcon-cart {background:transparent url('../img/icons/icon-cart.png') 2px center no-repeat;}
.navbar .navbarIcon-preview {background:transparent url('../img/icons/icon-preview.png') 2px center no-repeat;}
.navbar .navbarIcon-brush {background:transparent url('../img/icons/icon-brush.png') 2px center no-repeat;}
.navbar .navbarIcon-delivery {background:transparent url('../img/icons/icon-delivery.png') 2px center no-repeat;}
.navbar .navbarIcon-price {background:transparent url('../img/icons/icon-price.png') 2px center no-repeat;}
.navbar .navbarIcon-invoice {background:transparent url('../img/icons/icon-invoice.png') 2px center no-repeat;}
.navbar .navbarIcon-gallery {background:transparent url('../img/icons/icon-gallery.png') 2px center no-repeat;}
.navbar .navbarIcon-folder {background:transparent url('../img/icons/icon-folder.png') 2px center no-repeat;}
.navbar .bullet {display:inline-block; width:16px; height:16px; vertical-align:middle; font-size:0; background:transparent url('../img/navbar-bullet.png') center center no-repeat;}
.navbar a.off, .navbar span.off {opacity:0.5;}
.navbar a:hover {opacity:1;}

.hrTabSidebar {position:absolute; left:0; top:0; width:303px; z-index:50; overflow:hidden;}
.hrTabSidebar h2, .hrTabSidebar h2 h1 {font-size:20px; font-weight:normal;}
.hrTabSidebar ul {list-style-type:none; padding:0; margin:0;}
.hrTabSidebar ul li {margin:10px 0px 10px 20px;  position:relative; background-color:transparent; }
.hrTabSidebar ul li a {padding:0 0 0 20px; font-size:18px; line-height:40px; text-align:left; font-weight:normal; color:#323E48; text-decoration:none; display:block;}
.hrTabSidebar ul li.on {margin-right:0; background-color:#FAFAFC;}
.hrTabSidebar ul li.on a {background-color:#FAFAFC; border:1px solid #E9EAF0; border-right: none; margin-right:3px;}
.hrTabSidebar ul li.off .fix {display:block; position:absolute; z-index:5;}
.hrTab {display:none; background-color:#aaa; border:1px solid #E9EAF0; position:relative;}
.hrTab.on {display:block; background-color:#FAFAFC;}
#themes-large .hrTab {position:absolute; bottom:20px; left:300px; right:20px; top:20px; overflow:auto;}
#themes-large .hrTab.plain {left:20px; border:none; }
#themes-large .hrTabSidebar {padding-top:20px;}
#themes-large .hrTabSidebar ul li.off {background-color:#FFF;}

.fullBar { margin:20px; background-color:#DFDFDF; border:3px solid #FFF; position:relative;}
.fullBar > .sizer {min-height:400px;}

table.orderList {border-collapse:collapse; border-spacing:0; width:100%;}
table.orderList tr th {line-height:30px;}
table.orderList th {border:none;}
table.orderList tr {background-color:#FFF; border:1px solid #E9EAF0;}
table.orderList td {border:none;}
table.orderList tr td:first-child {}
table.orderList tr td:last-child {}
table.orderList tr.spacer {visibility:hidden; font-size:0; line-height:0; height:10px; border:none;}
table.orderList .sizer {display:inline-block; width:0px; height:50px; vertical-align:middle;}

/* BUBLINY A SELECTY */
.css-select {margin:0 0.5em 0 0; position:relative; text-align:left; line-height:1.5em; font-size:1em; display:inline-block; float:none; vertical-align:middle; white-space:nowrap;}
.css-select.on {z-index:900;}
.css-select a.master {padding:0 20px 0 0; line-height:1.5em; color:#FFF; display:inline-block; vertical-align:middle; text-decoration:none;}
.css-select a.master {background:transparent url('../img/icons_svg/icon_buttons_arrow-down.svg') right center no-repeat;}
.css-select.on a.master {}
.css-select.on a.master {padding:0 20px 0 0; background:transparent url('../img/icons_svg/icon_buttons_arrow-up.svg') right center no-repeat;}

.css-select .listContainer {background-color:transparent; display:none; position:absolute; top:1.65em; left:0;}
.css-select.on .listContainer {display:block;}
.css-select .listContainer span,
.css-select .listContainer a {color:#FFF; font-weight:bold;}
.css-select .listContainer .spacer {padding:0; height:18px; background:transparent url('../img/dropdown-tip.png') center bottom no-repeat;}
.css-select .listContainer .list {padding:0.5em; background-color:#FAFAFC; border:1px solid #DFE1E9; }
.css-select .listContainer .list span,
.css-select .listContainer .list a {padding:0 1em 0 1.5em; display:block; color:#FFF; background:transparent none; text-decoration:none;}
.css-select .listContainer .list span.active,
.css-select .listContainer .list a.active {background:url('../img/dropdown-tick.png') 5px center no-repeat; background-color:#4A4B54;}
.css-select .listContainer.static {position:static;}

.cssBubble {padding:2px; position:absolute; display:none; background-color:#FAFAFC; color:#4A4B54; border:1px solid #DFE1E9;}
.cssBubble.on {display:block; z-index:1500;}
.cssBubble.leftBubble > .bubbleTip {width:50px;}
.cssBubble h3 {margin:0; padding:0; background-color:#414143; font-size:20px; line-height:24px;}

.greyBubble {background-color:transparent; margin:20px 0; color:#4A4B54; position:relative;}
.greyBubble:last-child {margin-bottom:0;}

.darkGreyBubble {background-color:#515153; margin:20px 0; color:#FFF; position:relative;}
.darkGreyBubble > .bubbleTip {width:100px; position:absolute; top:-18px; height:18px; background:transparent url('../img/tip-darkgrey.png') center bottom no-repeat;}
.darkGreyBubble > .bubbleTip.bottom {top:auto; bottom:-18px; background:transparent url('../img/tip-darkgrey-bottom.png') center top no-repeat;}
.darkGreyBubble:last-child {margin-bottom:0;}

.whiteBubble {background-color:#FFF; margin:20px 0; color:#4A4B54; position:relative;}
.whiteBubble > .bubbleTip {width:100px; position:absolute; top:-18px; height:18px; background:transparent url('../img/tip-white.png') center bottom no-repeat;}
.whiteBubble > .bubbleTip.bottom {width:100px; position:absolute; bottom:-18px; height:18px; background:transparent url('../img/tip-white-bottom.png') center bottom no-repeat;}
.whiteBubble > .bubbleTip.left {height:auto; width:18px; top:0; bottom:0; left:-18px; background:transparent url('../img/tip-white-left.png') right center no-repeat;}
.whiteBubble:last-child {margin-bottom:0;}

.bubbleTip.wauto {width:auto;}
.bubbleTip.w100 {width:100%;}

/* SETTINGSACCORDEON - princip HTML selectů v tabulkovém akordeonu */
.accordeonSettings {font-size:14px; min-width:300px; white-space:nowrap; border-spacing:2px; text-align:left;}
.accordeonSettings a {display:block; font-size:14px; color:#4A4B54; text-decoration:none;}
.accordeonSettings .master {}
.accordeonSettings .master td {padding:5px;}
.accordeonSettings .master td.right {width:150px;}
.accordeonSettings .master a {padding:0 20px 0 0; background:transparent url('../img/icons_svg/icon_buttons_arrow-down.svg') right center no-repeat;}
.accordeonSettings .master.on a {background:transparent url('../img/icons_svg/icon_buttons_arrow-up.svg') right center no-repeat;}
.accordeonSettings .slave .list {height:0px; overflow:hidden;}
.accordeonSettings .slave .list a {margin:1px 0;padding:2px 20px;}
.accordeonSettings .slave .list a:hover {background:none;}
.accordeonSettings .slave .list a.active {background:url('../img/dropdown-tick.png') 5px center no-repeat;}
.accordeonSettings .spacer {height:1px;	font-size:0px; line-height:0px;}
.accordeonSettings .master.fake {cursor:default;}
.accordeonSettings .master.fake a {background:none; cursor:default; }

.accordeonsLight .accordeonSettings a {color:#333;}
.accordeonsLight .accordeonSettings .master {background-color:#FFF;}
.accordeonsLight .accordeonSettings .master a {background:transparent url('../img/icons_svg/icon_buttons_arrow-down.svg') right center no-repeat;}
.accordeonsLight .accordeonSettings .master.on a {background:transparent url('../img/icons_svg/icon_buttons_arrow-up.svg') right center no-repeat;}
.accordeonsLight .accordeonSettings .slave .list a:hover {background:url('../img/light-dropdown-selected-bg.png') left top repeat;}
.accordeonsLight .accordeonSettings .slave .list a.active {background:url('../img/light-dropdown-tick.png') 5px center no-repeat, url('../img/light-dropdown-selected-bg.png') left top repeat;}

.accordeonsLightGrey .accordeonSettings a {color:#333;}
.accordeonsLightGrey .accordeonSettings .master {background-color:#DFDFDF;}
.accordeonsLightGrey .accordeonSettings .master a {background:transparent url('../img/icons_svg/icon_buttons_arrow-down.svg') right center no-repeat;}
.accordeonsLightGrey .accordeonSettings .master.on a {background:transparent url('../img/icons_svg/icon_buttons_arrow-up.svg') right center no-repeat;}
.accordeonsLightGrey .accordeonSettings .slave .list a:hover {background:url('../img/light-dropdown-selected-bg.png') left top repeat;}
.accordeonsLightGrey .accordeonSettings .slave .list a.active {background:url('../img/light-dropdown-tick.png') 5px center no-repeat, url('../img/light-dropdown-selected-bg.png') left top repeat;}

.simpleCombo .label { padding:10px 20px; background-color:#FFF; color:#4A4949; font-weight:bold;}
.simpleCombo a {margin:1px 0; padding:2px 20px; color:#333; display:block; font-size:14px; text-decoration:none; font-weight:normal;}
.simpleCombo a:hover {background:url('../img/light-dropdown-selected-bg.png') left top repeat;}
.simpleCombo a.active {background:url('../img/light-dropdown-tick.png') 5px center no-repeat, url('../img/light-dropdown-selected-bg.png') left top repeat;}

.imageCombo {margin:0 5px; vertical-align: top;}
.imageCombo a {font-family: 'Roboto-Light'; margin:5px; padding:5px; opacity:0.3; color:#4A4B54; background-color:#FFF; display:block; text-align:left; font-size:16px; line-height:18px; text-decoration:none; font-weight:normal;}
.imageCombo a.active {opacity:1; font-family: 'Roboto-Regular';}
.imageCombo a:hover {opacity:1;}
.imageCombo a img {height:50px; vertical-align:middle;}
.propertiesTable {border-spacing:0;}
.propertiesTable td {margin:0; padding:0; }

/* Tabulka s cenama */
.productPriceLevels table {border-collapse:collapse;}
.productPriceLevels table td {padding:2px 5px;}
.productPriceLevels td.special {background-color:#FFF; color: #ff0000;}
.productPriceLevels td.special:first-child {}
.productPriceLevels td.special:last-child {}
.productPriceLevels td.special.bottomRow {color:#FF0000;}

/* ovládání nastavování kopií sekce */
.copiesTool {}
.copiesTool .itemCount {width:30px; text-align:center; vertical-align:middle;}
.copiesTool .btnPlus,
.copiesTool .btnMinus {width:18px; text-align:center; font-size:20px; line-height:17px; color:#4A4B54; font-weight:normal; display:inline-block; vertical-align:middle;;
}
/* .copiesTool .btnMinus {width:18px; text-align:center; font-size:20px; line-height:17px; color:#FFF; background-color:#494849; font-weight:normal; display:inline-block; vertical-align:middle; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;} */

/* packageNavigation - Přepínání mezi produkty v preview fotoknih */
.inlineFix {font-size:0;}
.packageNavigation .item {margin:5px; font-size:14px; display:inline-block; font-weight:normal; opacity:0.5;}
.packageNavigation .item .itemImg {}
.packageNavigation .item .itemImg:hover {opacity:0.8; color: white; background-color: #dfe1e9;}

/*.packageNavigation .item .itemImg {border:10px solid #dfe1e9;}
.packageNavigation .item .itemImg:hover {border:10px solid #4a4b54;}*/


.packageNavigation .item img {max-height:100px;}
.packageNavigation .item:hover {opacity:1;}
.packageNavigation .item.active {opacity:1;}
.packageNavigation .item .itemLabel {color:#4A4949; text-decoration:none; font-size:16px;}
.packageNavigation .greyBubble {margin:0 5px; font-size:14px;}

/* speciální pravidla pro konkrétní layouty / témata - až toho bude moc, tak to rozdělíme do samostatnýho CSS? */
.borderImg30x30 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg30x30-.png'); background-size:cover;}
.borderImg20x30 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg20x30-.png'); background-size:cover;}
.borderImg30x40 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg30x40-.png'); background-size:cover;}
.borderImg45x45 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg45x45-.png'); background-size:cover;}
.borderImg40x60 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg40x60-.png'); background-size:cover;}
.borderImg60x60 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg60x60-.png'); background-size:cover;}
.borderImg60x90 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg60x90-.png'); background-size:cover;}
.borderImg20x20 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg20x20-.png'); background-size:cover;}
.borderImg50x70 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImg50x70-.png'); background-size:cover;}


.borderImgP30x40 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImgP30x40.png'); background-size:cover;}
.borderImgP40x60 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImgP40x60.png'); background-size:cover;}
.borderImgP50x70 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImgP50x70.png'); background-size:cover;}
.borderImgP45x45 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImgP45x45.png'); background-size:cover;}
.borderImgP60x60 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/borderImgP60x60.png'); background-size:cover;}


.ikea-r21x30.nyttja {margin:30px; overflow:visible !important;}
.ikea-r21x30.nyttja .itemsCss {position:absolute; top:-29px; right:-29px; bottom:-29px; left:-29px; background-image:url('../img/itemsCss/preview/ikea-r21x30-nyttja.png'); background-size:cover;}
.ikea-r30x40.nyttja {margin:40px; overflow:visible !important;}
.ikea-r30x40.nyttja .itemsCss {position:absolute; top:-35px; right:-37px; bottom:-36px; left:-38px; background-image:url('../img/itemsCss/preview/ikea-r30x40-nyttja.png'); background-size:cover;}
.ikea-r40x50.nyttja {margin:40px; overflow:visible !important;}
.ikea-r40x50.nyttja .itemsCss {position:absolute; top:-33px; right:-36px; bottom:-36px; left:-36px; background-image:url('../img/itemsCss/preview/ikea-r40x50-nyttja.png'); background-size:cover;}

.tempItem[data-id-package="70"] .tempItemImg {overflow:visible !important;}
.tempItem[data-id-theme="4862"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_ctverec.png'); background-size:cover;}
.tempItem[data-id-theme="4863"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_ctverec_oble.png'); background-size:cover;}
.tempItem[data-id-theme="4857"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_kolecko.png'); background-size:cover;}
.tempItem[data-id-theme="4864"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_vicko15.png'); background-size:cover;}
.tempItem[data-id-theme="4865"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_vicko17.png'); background-size:cover;}
.tempItem[data-id-theme="4866"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_hvezda7.png'); background-size:cover;}
.tempItem[data-id-theme="4867"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_hvezda8.png'); background-size:cover;}
.tempItem[data-id-theme="4868"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_kytka9.png'); background-size:cover;}
.tempItem[data-id-theme="4869"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_kytka12.png'); background-size:cover;}
.tempItem[data-id-theme="4870"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/bile_masky_shop_tvary_magnetky_srdce.png'); background-size:cover;}

.tempItem[data-id-package="68"] .tempItemImg {overflow:visible !important;}
.tempItem[data-id-theme="4873"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_10x13_L_ostre.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4874"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_10x13_P_ostre.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4875"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_10x13_L_oble.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4876"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_10x13_P_oble.png'); background-size: 100% 100%;}

.tempItem[data-id-package="61"] .tempItemImg {overflow:visible !important;}
.tempItem[data-id-theme="4858"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_A_L_ostre.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4859"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_A_P_ostre.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4860"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_A_L_oble.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4861"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_A_P_oble.png'); background-size: 100% 100%;}

.tempItem[data-id-package="123"] .tempItemImg {overflow:visible !important;}

.tempItem[data-id-theme="4873"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_10x13_L_ostre.png'); background-size: 100% 100%;}
.tempItem[data-id-theme="4875"] .tempItemImg .itemsCss {position:absolute; top:0; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/maska_shop_magnetky_10x13_L_oble.png'); background-size: 100% 100%;}

.tempItem[data-id-package="279"] .tempItemImg {overflow:visible !important; display:inline-block; position:relative; overflow:hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none;}
.tempItem[data-id-package="279"] .tempItemImg .itemsCss {position:absolute; top:-1.2%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/ram_nozicky_shop_600x755.png'); background-size:cover;}


.photoalbum-a4l {overflow:visible !important;}
.album-L .photoalbum-a4l .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-1%; background-image:url('../img/itemsCss/preview/photoalbum-a4l-left.png'); background-size:cover;}
.album-R .photoalbum-a4l .itemsCss {position:absolute; top:0; right:-1%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-a4l-right.png'); background-size:cover;}
.photoalbum-a5l {overflow:visible !important;}
.album-L .photoalbum-a5l .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-1.5%; background-image:url('../img/itemsCss/preview/photoalbum-a5l-left.png'); background-size:cover;}
.album-R .photoalbum-a5l .itemsCss {position:absolute; top:0; right:-1.5%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-a5l-right.png'); background-size:cover;}
.photoalbum-a6l {overflow:visible !important;}
.album-L .photoalbum-a6l .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-2.5%; background-image:url('../img/itemsCss/preview/photoalbum-a6l-left.png'); background-size:cover;}
.album-R .photoalbum-a6l .itemsCss {position:absolute; top:0; right:-2.5%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-a6l-right.png'); background-size:cover;}
.photoalbum-a4p {overflow:visible !important;}
.album-L .photoalbum-a4p .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-2%; background-image:url('../img/itemsCss/preview/photoalbum-a4p-left.png'); background-size:cover;}
.album-R .photoalbum-a4p .itemsCss {position:absolute; top:0; right:-2%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-a4p-right.png'); background-size:cover;}
.photoalbum-a5p {overflow:visible !important;}
.album-L .photoalbum-a5p .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-2%; background-image:url('../img/itemsCss/preview/photoalbum-a5p-left.png'); background-size:cover;}
.album-R .photoalbum-a5p .itemsCss {position:absolute; top:0; right:-2%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-a5p-right.png'); background-size:cover;}
.photoalbum-sq {overflow:visible !important;}
.album-L .photoalbum-sq .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-2%; background-image:url('../img/itemsCss/preview/photoalbum-sq-left.png'); background-size:cover;}
.album-R .photoalbum-sq .itemsCss {position:absolute; top:0; right:-2%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-sq-right.png'); background-size:cover;}
.photoalbum-20x18 {overflow:visible !important;}
.album-L .photoalbum-20x18 .itemsCss {position:absolute; top:0; right:0; bottom:0; left:-2%; background-image:url('../img/itemsCss/preview/photoalbum-20x18-left.png'); background-size:cover;}
.album-R .photoalbum-20x18 .itemsCss {position:absolute; top:0; right:-2%; bottom:0; left:0; background-image:url('../img/itemsCss/preview/photoalbum-20x18-right.png'); background-size:cover;}

.calendar-a3, .calendar-a4, .calendar-a5, .calendar-kak, .calendar-kak2, .calendar-kas1, .calendar-kas2, .calendar-kas3, .calendar-kas6, .calendar-kal1, .calendar-kr30x30, .calendar-karp, .calendar-kal2 {margin-top:20px; overflow:visible !important;}
.calendar-a3.theme-p .itemsCss {position:absolute; top:-2.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-a3-theme-p.png'); background-size:cover;}
.calendar-a3.theme-l .itemsCss {position:absolute; top:-3.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-a3-theme-l.png'); background-size:cover;}
.calendar-a4.theme-p .itemsCss {position:absolute; top:-4.2%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-a4-theme-p.png'); background-size:cover;}
.calendar-a4.theme-l .itemsCss {position:absolute; top:-4.9%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-a4-theme-l.png'); background-size:cover;}
.calendar-a5.theme-p .itemsCss {position:absolute; top:-2.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-a5-theme-p.png'); background-size:cover;}
.calendar-a5.theme-l .itemsCss {position:absolute; top:-4%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-a5-theme-l.png'); background-size:cover;}
.calendar-kak .itemsCss {position:absolute; top:-2.6%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kak-.png'); background-size:cover;}
.calendar-kak2 .itemsCss {position:absolute; top:-3.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kak2-.png'); background-size:cover;}
.calendar-kas1 .itemsCss {position:absolute; top:-2.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kas1-.png'); background-size:cover;}
.calendar-kas2 .itemsCss {position:absolute; top:-2.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kas2-.png'); background-size:cover;}
.calendar-kas6 .itemsCss {position:absolute; top:-2.5%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kas2-.png'); background-size:cover;}
.calendar-kas3 .itemsCss {position:absolute; top:-2.8%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kas3-.png'); background-size:cover;}
.calendar-kal1 .itemsCss {position:absolute; top:-4%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kas2-.png'); background-size:cover;}
.calendar-kal2 .itemsCss {position:absolute; top:-2.6%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kal2-.png'); background-size:cover;}
.calendar-kr30x30 .itemsCss {position:absolute; top:-2%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-kr30x30-.png'); background-size:cover;}
.calendar-karp .itemsCss {position:absolute; top:-1.6%; right:0; bottom:0; left:0; background-image:url('../img/itemsCss/preview/calendar-karp-.png'); background-size:cover;}
.kr30new_pera_up {position:absolute; top:0%; right:0; bottom:0; left:0%; background-image:url('../img/itemsCss/preview/strana_pera_archove__vrchni.png'); background-size: 100% 100%;}
.kr30new_pera_bot {position:absolute; top:0%; right:0; bottom:0; left:0%; background-image:url('../img/itemsCss/preview/strana_pera_archove__spodni.png'); background-size: 100% 100%;}

.icon {display:inline-block; width:40px; height:40px; text-decoration:none; background-color:transparent; background-position:center center; background-repeat:no-repeat; vertical-align:middle; margin-right:10px;}
.icon.labeled {background-position:left center; width:auto; padding:0 10px 0 40px; line-height:40px; color:#FFF;}
.icon.delete 			{background-image:url('../img/icons_svg/icon_buttons_delete.svg');}
.icon.close 			{background-image:url('../img/icons_svg/icon_buttons_close.svg');}
.icon.crop	 			{background-image:url('../img/icons_svg/icon_buttons_crop.svg');}
.icon.eye		 		{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon.i	 				{background-image:url('../img/icons_svg/icon_buttons_i.svg');}
.icon.price	 			{background-image:url('../img/icons_svg/icon_buttons_price.svg');}
#version_cz .icon.price	 		{background-image:url('../img/icons_svg/icon_buttons_price.svg');}
#version_de .icon.price	 		{background-image:url('../img/icons_svg/icon_buttons_price.de.svg');}
#version_cz.owner_3 .icon.price	{background-image:url('../img/icons_svg/icon_buttons_price.de.svg');}
.icon.settings		 	{background-image:url('../img/icons_svg/icon_buttons_settings.svg');}
.icon.upload		 	{background-image:url('../img/icons_svg/icon_buttons_gallery.svg');}
.icon.rotate-cw			{background-image:url('../img/icons_svg/icon_buttons_rotate-cw.svg');}
.icon.rotate-ccw		{background-image:url('../img/icons_svg/icon_buttons_rotate-ccw.svg');}
.icon.brush				{background-image:url('../img/icons_svg/icon_buttons_brush.svg');}
.icon.palette			{background-image:url('../img/icons_svg/icon_buttons_palette.svg');}
.icon.preview			{background-image:url('../img/icons_svg/icon_buttons_preview.svg');}
.icon.gallery			{background-image:url('../img/icons_svg/icon_buttons_gallery.svg');}
.icon.folder			{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon.folder-add		{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon.goBack			{background-image:url('../img/icons_svg/icon_buttons_arrow_left.svg');}
.icon.move				{background-image:url('../img/icons_svg/icon_buttons_move.svg');}
.icon.cancel			{background-image:url('../img/icons_svg/icon_buttons_cancel.svg');}
.icon.edit				{background-image:url('../img/icons_svg/icon_buttons_pencil.svg');}
.icon.select-all		{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon.select-none		{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon.exclamation		{display: none; background-image:url('../img/icons_svg/icon_buttons_exclamation-red.svg');}
.icon.exclamation-red		{background-image:url('../img/icons_svg/icon_buttons_exclamation-red.svg');}
.icon.sort			{background-image:url('../img/icons_svg/icon_buttons_sort.svg');}
.icon.arrowright		{background-image:url('../img/icons_svg/icon_buttons_arrow-right.svg');}
.icon.arrowleft			{background-image:url('../img/icons_svg/icon_buttons_arrow-left.svg');}

/* IKONY */
.icon-button {margin:0 2px; display:inline-block; width:40px; height:40px; text-decoration:none; background-color:transparent; background-position:center center; background-repeat:no-repeat; vertical-align:middle;}
.icon-button.labeled {color:#4A4B54; text-decoration:none; text-align:center; width:auto; padding:55px 0 0 0; width:auto;}
.icon-button.labeled.white {color:#77787F;}
.icon-button.labeled.horizontally {text-decoration:none; text-align:left; width:auto; padding:0 0 0 50px; background-position:left center; line-height:50px;}
.icon-button.i	 					{background-image:url('../img/icons_svg/icon_buttons_i.svg');}
.icon-button.plus 					{background-image:url('../img/icons_svg/icon_buttons_plus.svg'); height:auto!important;}
.icon-button.minus 					{background-image:url('../img/icons_svg/icon_buttons_minus.svg');}
.icon-button.edit					{background-image:url('../img/icons_svg/icon_buttons_pencil.svg');}
.icon-button.copy					{background-image:url('../img/icons_svg/icon_buttons_copy.svg');}
.icon-button.delete	 				{background-image:url('../img/icons_svg/icon_buttons_delete.svg');}
.icon-button.close	 				{background-image:url('../img/icons_svg/icon_buttons_close.svg');}
.icon-button.brush	 				{background-image:url('../img/icons_svg/icon_buttons_brush.svg');}
.icon-button.shoppingCart		 	{background-image:url('../img/icons_svg/icon_buttons_shoppingcart.svg');}
.icon-button.shoppingCart.off	 	{background-image:url('../img/icons_svg/icon_buttons_shoppingcart-on.svg');}
.icon-button.shoppingCart.on	 	{background-image:url('../img/icons_svg/icon_buttons_shoppingcart-off.svg');}
.icon-button.repeat	 				{background-image:url('../img/icons_svg/icon_buttons_repeat.svg');}
.icon-button.default-ship			{background-image:url('../img/icons_svg/icon_buttons_delivery.svg');}
.icon-button.default-bill			{background-image:url('../img/icons_svg/icon_buttons_invoice.svg');}
.icon-button.calender				{background-image:url('../img/icons_svg/icon_buttons_calender.svg');}
.icon-button.upload					{background-image:url('../img/icons_svg/icon_buttons_insert_photo_insert_photo.svg'); width:60px; height:60px;}
.icon-button.camera					{background-image:url('../img/icons_svg/icon_buttons_camera.svg');}
.icon-button.rotate-cw				{background-image:url('../img/icons_svg/icon_buttons_rotate-cw.svg');}
.icon-button.rotate-ccw				{background-image:url('../img/icons_svg/icon_buttons_rotate-ccw.svg');}
.icon-button.arrow-left				{background-image:url('../img/icons_svg/icon_buttons_arrow-left.svg');}
.icon-button.arrow-right			{background-image:url('../img/icons_svg/icon_buttons_arrow-right.svg');}
.icon-button.v3d					{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon-button.v2d					{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon-button.settings				{background-image:url('../img/icons_svg/icon_buttons_settings.svg');}
.icon-button.invoice				{background-image:url('../img/icons_svg/icon_buttons_invoice.svg');}
.icon-button.invoice.on				{background-image:url('../img/icons_svg/icon_buttons_invoice-on.svg');}
.icon-button.delivery				{background-image:url('../img/icons_svg/icon_buttons_delivery.svg');}
.icon-button.delivery.on			{background-image:url('../img/icons_svg/icon_buttons_delivery-on.svg');}
.icon-button.download				{background-image:url('../img/icons_svg/icon_buttons_download.svg');}
.icon-button.cancel					{background-image:url('../img/icons_svg/icon_buttons_cancel.svg');}
.icon-button.move					{background-image:url('../img/icons_svg/icon_buttons_move.svg');}
.icon-button.folder-add				{background-image:url('../img/icons_svg/icon_buttons_nemame.svg');}
.icon-button.arrows  				{background-image:url('../img/icons_svg/icon_buttons_arrows-new.svg');}
.icon-button.arrow-up				{background-image:url('../img/icons_svg/icon_buttons_arrow-up.svg');}
.icon-button.arrow-down			    {background-image:url('../img/icons_svg/icon_buttons_arrow-down.svg');}

.icon-button.arrows-move 			{background-image:url('../img/icons_svg/icon_buttons_arrows-new.svg');}
.icon-button.arrow-move-up			{background-image:url('../img/icons_svg/icon_buttons_arrow-move-up-new.svg');}
.icon-button.arrow-move-down	    {background-image:url('../img/icons_svg/icon_buttons_arrow-move-down-new.svg');}
.icon-button.arrow-move-left		{background-image:url('../img/icons_svg/icon_buttons_arrow-move-left-new.svg');}
.icon-button.arrow-move-right		{background-image:url('../img/icons_svg/icon_buttons_arrow-move-right-new.svg');}
.icon-button.pfc	               	{background-image:url('../img/icons_svg/icon_buttons_pfc.svg');}

.formItem label {text-align:right; width:150px;}
.formItem .ares-ico, .formItem .ares-process, .formItem .ares-dic-valid, .formItem .ares-dic-notvalid {display:block; display:none; padding-left:150px; font-size:10px;}

.centerPage {width:1150px; margin:auto;}
.mapIMG {position:absolute;}
.olive {background-color:#D8E8C3;}
.whiteBG {background-color:#FFF;}

.cleaner {clear:both;}
.content, .content5 {padding:5px;}
.content10 {padding:10px;}
.content20 {padding:20px;}
.tiny {font-size:0.7em;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}
.justifier {display:inline-block; width:100%; height:0; position:relative;}
.center {text-align:center;}
.vcenter {vertical-align:middle;}
.centerMe {margin:auto;}
.vtop {vertical-align:top;}
.vcenter {vertical-align:center;}
.fl {float:left;}
.fr {float:right;}
/* .ofHidden {overflow:hidden;} */
.uHover {text-decoration:none;}
.uHover:hover {text-decoration:underline;}
.iBlock {display:inline-block;}
.offsetParent {position:relative;}
.nowrap {white-space:nowrap;}
.wmid, input.wmid {width:150px;}
.wsmall, input.wsmall {width:64px;}
.w100 {width:100%;}
.rad5 {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.rad10 {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.help-inline {font-size:10px; color:#FF0000;}
.inlineFix {font-size:0; margin-bottom: 30px;}
.hideMe {display:none;}

.akce-text {color:#F25880 !important;}

.suggestion-blok-color {color: #4A4B54; padding: 2px;}

.ares-dic-valid,
.ares-dic-notvalid {display: none;}

#dialogWelcome {min-width:500px;}
#dialogWelcome
#dialogWelcome #loginForm, #dialogWelcome #registerForm {
/*    background-color: #dfdfdf;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
    margin: 20px 0;
    padding: 10px;*/
}

#dialogRelatedProducts {width:1100px;}
#dialogRelatedProducts > .offsetParent {max-height:600px; overflow:auto;}
#dialogRelatedProducts .tableRelatedProducts {border-collapse:collapse;}
#dialogRelatedProducts .tableRelatedProducts th {padding:10px;}
#dialogRelatedProducts .tableRelatedProducts td {padding:10px;}
#dialogRelatedProducts .tableRelatedProducts tr:nth-child(even) {background-color: white;}
/*#dialogRelatedProducts .tableRelatedProducts tr:nth-child(even) {background: rgba(0, 0, 0, 0) url("../img/dropdown-selected-bg.png") repeat scroll left top;}*/

#dialogProductValidation {padding:20px; max-width:1000px; max-height:700px; overflow:auto;}
#dialogProductValidation > table {border-collapse:collapse; background: rgba(0, 0, 0, 0) url("../img/dropdown-selected-bg.png") repeat scroll left top; }

#dialogLeavingPhotobookPreview {padding:20px; max-width:1000px; max-height:700px; overflow:auto;}
#dialogLeavingPhotobookPreview > table {border-collapse:collapse; background: rgba(0, 0, 0, 0) url("../img/dropdown-selected-bg.png") repeat scroll left top;}

#dialogDeliveryRestricted {max-width:800px;}
#dialogDeliveryRestricted ul li {list-style-type:disc; color:#FFF;}

@keyframes highlighted {
    0% {background-color: #FFF;}
    50% {background-color: #F389A0;}
    100% {background-color: #FFF;}
}

.matches-confirm {cursor: pointer;}
.lowres-confirm {cursor: pointer;}

#dangerousProduct-container {display: none;}

.repay-methods-table { width: 100%; border-collapse: collapse; }
.repay-methods-table td { margin: 2px 10px; }
.repay-methods-table tr td:last-child { text-align: left; }
.repay-methods-table tr td { border-bottom: 1px solid #999999; }
.repay-methods-table tr:last-child td { border-bottom: none; }

#addPhotoalbumPage span { background: rgba(0, 0, 0, 0) url("../img/ico/ico_add_page.png") no-repeat scroll left top / 28px auto; font-size: 1.2em; margin: 10px; padding-left: 40px; }

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

#mobileUploadDialog
{
	padding: 5px 10px;
}

#mobileUploadDialog .bigger
{
	font-size: 120%;
}

#mobileUploadDialog .mobile-upload-inner
{
	padding: 20px 5px 10px;
}

.d-table {  display: table; }

.d-tr { display: table-row; }

.d-td { display: table-cell; }

.d-trg { display: table-row-group; }

.d-block { display: block; }

.noselect { /* vypne označování textu na prvcích */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.minimal-width
{
	width: 0px;
	white-space: nowrap;
}

abbr {
    cursor: help;
}

.infoPanelTop
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px 20px;
}

.no-select {margin:50px 0 0 0 !important;}
.ArtinChatbotEWButton {height: 125px !important;}

.simplePositionContainer
{
	position: relative;
}

.icon-button.no-margin
{
	margin:0 !important;
}

.simplePositionWindow
{
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
        padding:2px;
        background-color:#FAFAFC;
        color:#4A4B54; border:1px solid #DFE1E9;
	z-index: 9999;
}

.icon.editorSizeIcon200
{
	background-image: url('../img/icons_svg/icon_buttons_zoom.svg');
}

.icon.editorSizeIcon300
{
	background-image: url('../img/icons_svg/icon_buttons_zoom.svg');
}


.icon.editorSizeIcon400
{
	background-image: url('../img/icons_svg/icon_buttons_zoom.svg');
}

.icon.editorSizeIcon600
{
	background-image: url('../img/icons_svg/icon_buttons_zoom.svg');
}

.editorSizeElm.icon
{
	display: none;
}

.editorSizeElm.icon.active
{
	display: inline-block;
}

.combo-content .combo-singular
{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 0.5em;
}

#pfcWindow
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: 3px solid #6c6d6f; /*#969696;*/
	background: #e8e8e8;
	padding: 5px 5px 0px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	z-index: 9999;
	background-color: #dfdfdf;
}

#pfcMainLoader
{
	width: 600px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
}

#pfcImagesTwentyTwenty
{
	margin: 10px auto 20px;
}

#pfcPreviews
{
	display: flex;
	align-items: center;
	justify-content: center;
}

#pfcPreviews .pfcPreview
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0px 5px;
}

#pfcPreviews .pfcPreview .pfcPreviewImage
{
	display: flex;
	align-items: center;
	justify-content: center;

	border: 3px solid gray;
	width: 200px;
	height: auto;
}

#pfcPreviews .pfcPreview.active,
#pfcPreviews .pfcPreview:hover
{
	font-weight: bold;
	color: #f74a68;
}

#pfcPreviews .pfcPreview.active .pfcPreviewImage,
#pfcPreviews .pfcPreview:hover .pfcPreviewImage
{
	border-color: #f74a68;
}

#pfcWindowFooter
{
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 20px 0px;
}

.new-button
{
	border: none;
	color: white;
	padding: 5px 10px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.new-button:hover
{
	filter: brightness(125%);
}

.new-button.cancel-button
{
	background-color: rgb(128,128,128);
}

.new-button.ok-button
{
	background-color: #f74a68;
}

#pfc-overlay
{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 9998;
}

#pfcWindowCancel
{
	   z-index: 999999;
	   position: absolute;
	   right: -20px;
	   top: -20px;
	   font-size: 35px;
	   width: 55px;
	   height: 55px;
	   color: white;
	   background-color: rgb(128,128,128);
	   border-radius: 50%;
	   display: flex;
	   align-items: center;
	   justify-content: center;
}

.spinner-container {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Přidáno pro vertikální uspořádání */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* lehký bílý overlay */
    z-index: 1000; /* ujistěte se, že je nad ostatními elementy */
    text-align: center; /* Center the text horizontally */
    color: #333; /* Text color */
    font-size: 16px; /* Text size */
    padding: 20px; /* Padding to avoid touching the edges */
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #09f;
    animation: spin 1s linear infinite;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.pre-footer-borderer {
	max-width: 1140px !important;
	border-top: 1px solid #dfe1e9;
	margin: 0 auto;
}

table.spaced td
{
    padding-top: 5px;
    padding-bottom: 5px;

}

.extra-top-margin
{
    margin-top: 30px;
}