/* CSS Document */


@font-face {
  font-family: trofix;
  src: url("../../../fonts/trofix.woff");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {

  font-family: ff-dax-web-pro, sans-serif;

}

/* promenne */
:root {
  --nav-back-active: #e8e8e8;
  --nav-back-hover: #ccc;
  --admin-mode: #8500ff;
}

.adminmode {
  color: var(--admin-mode);
  border-color: var(--admin-mode);
  background-color: black;
  background-image: none;
}

.adminmode-box {
  background-color: var(--admin-mode);
  color: white;
  border-color: black;
  padding: 0.5em 0.5em;
  border-radius: 4px;
}

.adminmode-only {}

.adminmode-only .alert {
  border-color: var(--admin-mode) !important;
  border-width: 3px;
}

.adminmode.on {
  background: var(--admin-mode);
  border-color: white;
  color: white;
}

.nowrap {
  white-space: nowrap;
}

body {
  /*   background-image: url("images/bg_textures/Texture0203.jpg");*/
  background-color: white;
  min-height: 100vh;
}

body>#page>* {
  flex: 0 0;
}

body>#page {
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

body>#page>.page {
  flex-grow: 1;
}


h1 {
  border-bottom: 4px solid #8B0000;
  font-size: 22pt !important;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 5px;
  text-transform: uppercase;
}

.under {
  text-decoration: underline;
}

a {
  color: #444;
}

input {
  vertical-align: middle;
}

#product-catalogue {
  /*max-width: 1300px;*/
  margin: 0 auto;
}

.product-title h1 {
  font-size: 14pt !important;
  text-align: left;
}

.simplecart .product-title h1 {
  font-size: 9pt !important;
  overflow: hidden;
  padding: 3px 8px 0;
  white-space: nowrap;
}

#cart-recap .btn {
  margin: 0.5rem;
}

footer.mainfooter {
  border-top: 1px solid #555;
}


.footmenu {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  max-width: 1000px;
  margin: 0 auto;
}

footer#mainfooter {
  /*width: 100vw;*/
  margin: 20px 0 30px 0;
  padding: 20px;
  background: #eee;
  max-width: initial;
  position: relative;
  top: 30px;
  border-top: 1px solid #ddd;
}

.footer-botom-notice {
  /* background: black; */
  color: silver;
  padding: 8px;
  margin: 30px 0 0 0;
}

.footmenu-box {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  text-align: left;
  font-size: 13px;
}

.footmenu-box a {
  text-decoration: underline;
}

.footmenu-box .fa {
  float: none;
}

.footmenu h2 {
  margin: 0 0 9px 0 !important;
  padding: 0;
  font-size: 14pt;
  ;
  border: none;
}


.footmenu .navbar-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 0;
}

.footmenu li a {
  margin: 0;
  padding: 4px 0 0 0;
  font-size: 14px;
  height: auto;
  text-decoration: none;
}

/* barvy stavu jsou i v raz_admin.css*/
.st-,
.st-publish,
.st-oxn {
  background: #E6FFE6 !important
}

.st-oxv {
  background: #BDDBFF !important
}

.st-oxz {
  background: #F99290 !important;
}

.st-oxo {
  background: #B195FF !important;
}

.st-oxp {
  background: #FFC791 !important;
}

.st-oxs {
  background: rgb(255, 255, 0) !important;
}

.st-oxx {
  background: #888 !important;
}

.st-oxf {
  background: #43FF51 !important;
}


.well.red {
  border: red 2px solid;
  color: white;
  background: darkred;
}

.well.green {
  border: #66BB6A 2px solid;
  color: white;
  background: #388E3C;
}

.well.alert {
  border: 4px solid #d87700;
  background: orange;
  color: black;
  margin: 40px auto 60px;
  max-width: 900px;
}

.well .bigicon {
  font-size: 400%;
  font-weight: bold;
  float: left;
  text-align: -webkit-auto;
  margin: 20px 30px 10px 10px;
}

.simplecart>h2 {
  border: medium none;
  margin: -8px -8px 10px !important;
  padding: 0;
}

.simplecart>h2>span {
  font-weight: normal;

}

/*
h2 {
  color: white;
  font-size: 12pt;
  font-weight: bold;
  padding: 2px 13px;
}
*/

h2 {
  border-radius: 0;
  border-bottom: 2px dotted
    /*silver*/
  ;
  /*color: black;*/
  font-size: 18pt;
  font-weight: bold;
  margin: 60px 0 23px 0;
  /*margin: 60px auto 23px auto;*/
  padding: 4px 50px 2px;
  text-align: center;
}

h2.category {
  margin: 0px !important;
  border-bottom-style: none;
  padding: 10px;
  text-align: center;
}



a.category {
  border: 4px solid white;
  display: block;
  border-radius: 10px;

}


a.category:hover,
.laychoose.active {
  border: 4px solid black;
}

a.category img {
  float: none;
  position: relative;
  display: block;
  border-radius: 5px 5px 0 0;


}

p,
div {
  line-height: 16pt;
}

li h3 {
  /*color: #FF0000;*/
  display: inline-block;
  font-weight: bold;
  margin: 10px 0 0 !important;
  padding: 0 13px;
}

#firstpage h3 {
  color: #000000;
  font-weight: bold;
  margin: 20px 50px;
  padding: 3px 25px;

}


.newsdate {
  color: red;
  padding: 0 10px 0 0px;
}

body .site {
  /* max-width: 1098px; */
  /* position: relative; */
  padding: 0;
  margin: 0;
  overflow: clip;
  /* pokud je neco jineho, nefunguje position:sticky pro #user-bar */
}


.topear {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 13px;
  font-weight: bold;
  background: white;
  /* padding: 2px 10px 0; */
  border-radius: 5px 5px 0 0;
  box-shadow: 0px -1px 3px rgba(100, 100, 100, 0.5);
  z-index: -1;
  overflow: hidden;
  cursor: pointer;
  height: 24px;
}

.eet {
  float: right;
  font-size: 13px;
  font-weight: bold;
  color: black;
  background: white;
  text-decoration: none;
  padding: 2px 10px 0;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px -1px 3px rgba(100, 100, 100, 0.5);
  z-index: -1;
  overflow: hidden;
  cursor: pointer;
}


.eet:hover {
  color: white;

}

.eetbox {
  color: black;
  padding: 10px;
  margin: 30px 0 10px;
}


.entry-content {
  /*    width: clamp(350px,100%,1200px);*/
  margin: 0 auto;
}

.entry-content a {
  text-decoration: underline;
}

.entry-content a.btn {
  text-decoration: auto;
}


#recap-map-table,
div.p,
.entry-content>p,
.entry-content>ul,
.flexslider,
#box-R {
  max-width: 1200px;
  margin: 0 auto;
}

.entry-content,
.entry-summary,
.mu_register {
  line-height: 1.714285714;
  /*        margin: 50px auto;
    width: max-content;
    max-width: 85vw;
  */
}

.boxcontent {
  width: max-content;
  max-width: 90vw;
  margin: 50px auto;
}


.entry-content h1,
.comment-content h1 {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 30px 50px 20px 50px;
  padding: 0px 50px;
  text-align: center;
}

.entry-content h2,
.comment-content h2 {
  font-size: 18pt;
  margin: 50px 50px 15px 50px;
  text-align: center;
  border: 0;
}

.entry-content h3,
.comment-content h3 {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.entry-content h4,
.comment-content h4 {
  font-size: 14px;
  font-size: 110%;
  line-height: 1.846153846;
  font-weight: bold;
  margin: 0 20px 0 0;
  border-bottom: 1px dotted #00000088;
}

.entry-content p,
div.p,
.entry-content ul.nav,
#registerform .inv-recaptcha-holder {
  margin: 0 auto;
  padding: 10px 25px;
  line-height: 150%;
  text-align: justify;
  /*width: auto;
	max-width: 1200px;*/


}

.entry-content ul {
  margin: 0 auto;
  padding: 10px 25px;
  line-height: 150%;
  text-align: left;
  /*width: 90vw;
    max-width: 1200px;*/
}

.entry-content ul ul {
  border: none;
  margin: 0 0 0 -30px;
}

.entry-content ul ul li:before {
  color: black;
  content: "\f105";
}

ul.nav,
ul.pagination {
  background: none;
  border-left: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: stretch;
}

.pagination li:before {
  display: none;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  background-color: #555;
  border-color: #555;
  color: white;
  z-index: auto;
}

.pagination>li>a,
.pagination>li>span {
  color: #555;
  border-radius: 0;
}

.nav-tabs>li>a {
  text-decoration: auto;
}

.footmenu .navbar-nav>li>a {
  display: block;
  padding: 5px;
  position: relative;
}

.footmenu .navbar-nav>li>a:hover {
  color: black;
  border-radius: 4px;
}

.navbar-nav>li>a {
  display: block;
  padding: 15px 12px;
  position: relative;
}


div.p form {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 7px;
  padding: 18px;
  text-align: center;
  width: auto;
}

div.branch {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #DADADA;
  border-radius: 4px;
  padding: 1.3em;
  margin: 8px 22px;
  text-align: left;
  width: auto;
  display: flex;
  align-items: center;
  gap: 1em;
}

#box-recap div.branch {
  /* padding-left: 18px; */
}

.branch .fa {
  color: red;
  float: none;
  /* margin: 0 12px 0 20px; */
  vertical-align: bottom;
}


.branch-text {
  flex-grow: 1;
}

.branch div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.branch-phone {
  min-width: 130px;
  display: flex;
  align-items: center;
}

.branch-email {
  min-width: 200px;
  flex-direction: column;
  gap: 1em;
  align-items: flex-start !important;
}

.branch-email>div {
  display: flex;
  align-items: center;
}

.entry-content li,
ul.nav li,
ul.pagination li {
  list-style: none;
  margin-left: 30px;
}

.entry-content li:before {
  content: "\f0da";
  font-family: FontAwesome;
  font-size: 120%;
  color: red;
  /* or whatever color you prefer */
  margin: 0 8px 0 0;
}


.flexslider p,
.flexslider ul {
  background: none;
  margin: 0 auto;
  padding: 0;
  border: none;
}

.flexslider li:before,
ul.nav li:before,
ul.pagination li:before {
  content: "";
}

.flexslider li,
ul.nav li,
ul.pagination li {
  margin: 0;
}


.site-header {
  padding: 0;
  position: relative;

}


#raz-login,
#raz-logout {
  margin: 50px auto;
  background: #F8F8F8;
  padding: 30px 50px;
  text-align: center;
  /*width: max-content;
		max-width: 100vw;*/
  max-width: 900px;
  width: fit-content;
}

#raz-login input,
#raz-login select {
  width: 300px;
  /*max-width: 100%;*/
}

#raz-login h2 {
  border: 0;
  margin: 50px 50px 15px 50px;
}

#raz-login .well {
  width: auto;
  max-width: auto;
}

#raz-login p,
#raz-logout p {
  text-align: center;
}

.site-header a {
  position: relative;
}

#header-logo .helper {
  /*display: inline-block;
    height: 100%;
    vertical-align: middle;
    line-height: 50px;
    */

  /*display: table-cell;*/
  vertical-align: middle;
  text-align: center;

  /*  position: relative;
top: 50%;
transform: translateY(-50%);
line-height: 100%;*/
}

img.header-image {
  margin: 20px auto;
}

#header-logo table {

  border: none;
  height: 100%;
  width: 100%;
}

#header-logo td {
  line-height: 40px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  border: none;
}

#header-logo {
  height: 74.7%;
  left: 59.5%;
  position: absolute;
  top: 13.7%;
  width: 35.2%;
  text-align: center;
  font-size: 28pt;
  font-weight: bold;
  color: black;
  display: block;
  /* vertical-align: middle; */
}

#header-logo img {
  display: inline-block;
  margin: auto;
  max-height: 100%;
  vertical-align: middle;
}



.basic-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  /*border-bottom: 2px solid transparent;*/
  /* padding: 25px; */
  padding: 2vw;
}




.master-page .basic-header {
  /*background:linear-gradient(0deg, #de281e 0%,#9f3124 100% );*/
  background: linear-gradient(0deg, #dd3333 0%, #9f3124 100%);
}


.header-mainlogo {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1 1;
  max-width: 25%;
  max-height: 150px;
}

.header-mainlogo img {
  max-height: 100%;
  text-align: left;
  margin: 0;
}

.header-logo-box {
  position: relative;
  left: auto;
  right: auto;
  margin: 0 auto;
  max-width: 50%;
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.header-logo-subtext {
  margin: 30px 0 -30px;
  font-size: 170%;
  border-top: 1px solid #ddd;
  padding: 20px 50px 0;
}

.header-logo-subtext {
  margin: 30px 0 -30px;
  font-size: 150%;
  border-top: 1px solid #ddd;
  padding: 20px 50px 20px;
  line-height: 130%;
  text-align: center;
}

.header-logo img {
  max-height: 100px;
}

.header-logo-text {
  font-size: 300%;
  font-weight: bold;
  line-height: normal;
  margin: 0.3em 0 0 0;
}

.master-page .header-logo {
  display: flex;
  color: white;
  font-size: 200%;
  line-height: 150px !important;
  align-items: flex-end;
  margin: 0;
}

.master-page .header-mainlogo {
  justify-content: flex-end;
}

.master-page .header-logo img {
  margin: 0 30px;
}


.master-page .header-logo div {
  line-height: 107%;
  padding: 0 21px;
}

.header-contact {
  max-width: 25%;
  min-width: 190px;
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
  /* padding: 0 0px 0 40px; */
}

.header-contact-inner {
  min-width: 190px;
}


.new-menu .menu-prod {
  background: var(--nav-back-active);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  padding: 1em;
  box-shadow: 0 6px 9px #00000035;
  /*height: auto !important;*/
  order: 9;
  width: 100%;
  z-index: 0 !important;
  position: relative;
  /*visibility: hidden;*/
}


.new-menu .menu-prod h2 {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 130% !important;
  /*border: navajowhite;*/
  font-weight: normal;
  color: inherit;
  text-align: left;
}

.new-menu .menu-prod a {
  color: #666;
  text-decoration: none;
  padding: 0.5em 0.5em 0.3em 0.5em;
  display: inherit;
}

.new-menu .menu-prod a:hover {
  color: black;
}


.new-menu .menu-prod div {
  padding: 1em;
}

.new-menu .menu-prod ul {
  padding: 0 0 0 0px;
}


.new-menu {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  flex-wrap: wrap;
}

.new-menu>* {
  z-index: 1;
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 42px;
}


.new-menu .nav-switcher {
  height: 100%;
}

.new-menu .nav-switcher li {
  float: left;
  display: block;
  position: relative;
  transition-duration: 0.5s;
  height: 100%;
}

.new-menu .nav-switcher ul {
  display: none;
  position: absolute;
  background: #EEE;
}

.new-menu .nav-switcher ul a {
  padding: 7px 0;
}

/* active language */
.new-menu .nav-switcher>li>a {
  height: 100%;
  padding: 0 0.25em;
  /*width:auto;*/
}

.new-menu .nav-switcher a img {
  width: 30px;
}

.new-menu #currency-switcher a img {
  padding: 6px;
}


.new-menu .menu-title {
  flex-grow: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 0;
  height: 59px;
}

.menu-title-spacer {
  flex-grow: 1;
}

.new-menu .menu-title h1 {
  border: none;
  text-align: center;
  font-weight: normal;
  font-size: 180% !important;
  margin: 0;
}

.new-menu .menu-title h1 i {
  float: none;
  margin: 0 20px;
  color: black;
}

.navbar-default {
  margin: 0;
}

.menu-title-spacer {
  flex-grow: 1;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
  padding-top: 60px;
}



.menu-product {
  padding: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-cart {
  display: flex;
  align-items: center;
  flex-grow: 0;
  padding: 0 15px;
  vertical-align: middle;
}

.new-menu a {
  display: flex;
  color: black;
  text-decoration: none;
}

.new-menu>.menu-search:hover,
.new-menu>.menu-search.active:hover,
.new-menu>.menu-product.active:hover,
.new-menu a:hover,
.new-menu a.active:hover,
.footmenu .navbar-nav>li>a:hover {
  background-color: var(--nav-back-hover);
  opacity: 1;
  /*border-radius: 4px;*/
}

.new-menu>*.active,
.new-menu a.active {
  background-color: var(--nav-back-active);
}

.new-menu a:hover {
  border-radius: 4px;
}

.menu-cart i {
  font-size: 150%;
}

.menu-product .fa {
  margin: 0 0 0 10px;
  transition: 0.3s all ease;
}

.menu-product:hover {
  opacity: 0.8;
}

.menu-product.active {
  /*background: var(--nav-back-active);*/
  border-radius: 0;
}

.menu-product.active i.fa {
  transform: rotate(180deg);
}


.menu-search i {
  font-size: 200%;
  /*width: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  margin: 0;
  cursor: pointer;
}

input.menu-searchbox {
  margin: 0 40px 0 10px;
}


.menu-search {
  display: flex;
  justify-content: center;
  align-items: center;
}



.menu-user,
.menu-user-content {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

a.btn.btn-lg {
  flex-wrap: wrap;
  max-width: 91vw;
  white-space: normal;
  margin: 0.5em;
}

.btn-menu.adminmode {
  background: none;
  color: var(--admin-mode);
}

.btn-menu.adminmode.on {
  background-color: var(--admin-mode);
  color: white;
}

.menu-searchbox {
  transition: 0.3s all ease;
  overflow: hidden;
}

.menu-searchbox input {
  width: calc(100% - 20px);
  height: 2em;
  padding: 0.5em;
  color: black;
  font-size: 1.2em;
}


.btn-menu {
  font-size: 1.3em;
  font-weight: normal;
  min-width: 44px;
  padding: 0.2em;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-menu iconify-icon {
  font-size: 2.2em;
}

.btn-menu:hover,
.btn-menu.adminmode:hover {
  background: #e8e8e8;
}

.btn-menu.adminmode:hover {
  /* color: unset; */
  color: var(--admin-mode);
}

.btn-menu i.fa {
  margin: 0;
}

.menu-logged-user {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-logged-user .fa {
  font-size: 120%;
}

/* PRODUKTY ESHOP */


.box {
  border-radius: 4px;
  padding: 10px;
  max-width: 90vw;
  margin: 50px auto;
  width: max-content;
}

.box.okbox:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  color: darkgreen;
  font-size: 1000%;
  /* text-align: center; */
  margin: 20px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: auto;
  position: relative;
  line-height: initial;
}

.box.boxwait:before {
  content: "\f017";
  font-family: 'FontAwesome';
  color: grey;
  font-size: 1000%;
  /* text-align: center; */
  margin: 20px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: auto;
  position: relative;
  line-height: initial;
}

.box.boxcancel:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  color: red;
  font-size: 1000%;
  /* text-align: center; */
  margin: 20px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: auto;
  position: relative;
  line-height: initial;
}

.raz-draft {
  display: flex;
  width: 200px;
  margin: 10px;
}

.raz-draft .thumbnailx {
  background: transparent;
}


i.fa.big {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  font-size: 500%;
  opacity: 0.1;
  padding: 100px;
}

.simplecart {
  border: 3px solid transparent;
  background: none repeat scroll 0 0 #F8F8F8;
  /* border: 1px solid #EFEFEF; */
  border-radius: 0;
  margin: 0 0 18px;
  padding: 15px;
  border-left: none;
  border-right: none;
  background: #ddd;
  border-bottom: none;
}

.minicartitem {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
  margin: 0;
  padding: 2px;
}

.product,
.cartitem {
  border: 0px solid silver;
  margin: 25px 10px;
  padding: 2px;
  background-color: white;
  z-index: 100;
}


.product p {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  margin: 0;
  padding: 0 4px;
}

.product a {
  text-decoration: auto;
}

.product a:hover {
  text-decoration: none;
}


.cartitem {
  height: auto;
  max-width: 350px;
}


.cartitembtns {
  background: none repeat scroll 0 0 #C0C0C0;
  border-radius: 0 0 6px 6px;
  padding: 15px 0 10px;
}

.cartitemprice {
  background: none repeat scroll 0 0 #C0C0C0;
  font-weight: bold;
  padding: 5px;
  border-radius: 6px 6px 0 0;
}


.cartitemprice>input {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}


#origpreview {
  max-width: 200px;
}


.page-title {
  /* border: 1px solid grey; */
  font-size: 44px !important;
  font-weight: bold;
  /* letter-spacing: 0.2em; */
  text-align: center;
  line-height: 1em;
  margin: 0 0 0.6em;
  padding: 10px 25px 3px;
  /* text-shadow: -1px -1px 1px grey; */
  /* border-bottom: grey 8px solid; */

}

.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
  text-transform: none;

}

.product-title h1 {
  font-size: 12pt;
  font-weight: bold;
  line-height: 17pt;
  padding: 5px 10px 0;
  z-index: 1000;
  position: relative;

  min-height: 14px ! important;
  margin: 0;
  margin-bottom: 8px;
  border-bottom-width: 1px;
}

.product-title h1 a {
  font-size: 12pt;
  font-weight: bold;
  color: white;
}

.product-title h1 a:hover {

  text-decoration: none;
}

.product-content {
  float: left;
  height: 206px;
  margin-top: 26px;
  position: absolute;
  top: 0;
  width: 230px;
}

.product-excerpt {
  border-top: 1px dotted silver;
  margin: 3px;
  padding: 10px;
  width: 98%;
}

.product-info {
  min-width: 311px;
  /* width: 99%; */
  /*margin: 0 80px 0 0;*/
  margin-bottom: 1em;
  padding: 1em;
}

.product .product-info {
  margin: 0;
}

.product .product-info-col {
  width: 45%;
  margin: 10px 0 0 0;
  padding: 0 12px;
}

.product .product-info-col.widecol {
  width: 100%;
  /* margin-top: 10px; */
}

.product .product-info2 {
  display: flex;
}

.product-info-col.left div {
  text-align: right;
}

.product-info-col.right div {
  text-align: left;
}

.product-info-col.left .product-color,
.product-info-col.left .product-pad {
  justify-content: flex-end;
  background: none;
}

.product-price {


  font-size: 12pt;
  font-weight: bold;
  overflow: hidden;
  padding: 1px 0 !important;
  text-align: center;
}

.product-price2 {
  color: grey;

  font-size: 12pt;
  font-weight: bold;
  overflow: hidden;
  padding: 6px 0 !important;
  text-align: center;
  text-decoration: line-through;
}

.striketh {
  color: silver;
  font-size: 80%;
  line-height: 9px;
  text-decoration: line-through;
}

.product-info2 {
  padding: 2px 0px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.product-info2>div {
  margin: 0 13px;
}

.product-size {
  font-size: 10pt;
  line-height: 10pt;
  text-align: center;
}

.product-info-box {

  padding: 5px;
  margin-bottom: 2px;
}

div.product-cart {
  border: none;
  height: 33px;
  padding: 1px;
  width: 100px;
  background: url(images/edit_tocart.png) no-repeat 50% 50%;
  background-color: transparent;
}

.btn-tocart {
  padding: 0;
}

div.stampcolor {
  float: left;
}

a.button {
  display: block;
}


button i {
  margin-right: 8px;
}

.productimage {
  /* margin: 0px 10px 10px 10px; */
  align-content: center;
}

.producttext {
  color: black;
}



article.product:hover .productimage img,
.smaller-stamp:hover .productimage img,
.alt-stamp:hover .productimage img {
  transform: scale(1.1) translate(0px, -9px);
}

.smaller-stamp:hover .productimage img {
  transform: scale(1.05) translate(0, 0);
}

.layout-templates .productimage {
  max-width: 100px;
  max-height: 100px;
  min-width: 50px;
}

.productimage img {
  transition: 0.3s all ease;
  margin: 0 auto;
}


article.product a.btn {
  width: max-content !important;
}


.smaller-stamp a {
  display: flex;
  opacity: 0.7;
  /* margin: 10px 10px 0; */
  justify-content: center;
  align-items: stretch;
  flex-direction: row;
  text-align: center;
  text-decoration: none;
}


.smaller-stamp a:hover .smaller-stamp-btn>* {
  color: white;
  text-decoration: none;
}

.smaller-stamp a .smaller-stamp-btn>* {
  color: black;
  text-decoration: none;
}


.smaller-stamp a:hover .smaller-stamp-btn {
  text-decoration: none !important;
}

.smaller-stamp a .smaller-stamp-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-decoration: none !important;
  background-color: transparent;
  color: black;
  padding: 1em;
  /* margin: 0 0 0 -20px; */
  /* height: 82px; */
  transition: all ease 0.5s;
  white-space: nowrap;
}

.smaller-stamp:hover *,
.alt-stamp:hover * {
  text-decoration: none;
}

.smaller-stamp *,
.alt-stamp a:focus,
.smaller-stamp a:focus {
  color: black;
}


.smaller-stamp {
  order: 1;
  margin: 10px 0px;
  max-width: 46vw;
  align-items: center;
}

div#stamp-templates {
  /*max-width: 100vw;*/
  margin: 0 -5px;
  padding: 9px;

}

#stamp-templates .alert,
#box-s-image .alert,
#tab-s-color .alert {
  border: 0;
}

div#stamp-templates-content {
  text-align: center;
  position: relative;
}

div.layout-info {
  order: 2;

}

.alt-stamp {
  display: flex;
  opacity: 0.5;
  margin-left: 20px;
}


.alt-stamps a {
  text-decoration: auto;
}

.alt-stamps a:hover {
  text-decoration: none;
}

.alt-stamp .productimage img.img-responsive {
  max-height: 100px;
}

.alt-stamp h3,
#firstpage .alt-stamp h3,
.smaller-stamp h3,
#firstpage .smaller-stamp h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: black;
  font-weight: bold;
}

.alt-stamp * {
  text-align: left;
}


.alt-stamp .productimage {
  margin-right: 18px;
}

.alt-stamps {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-left: 80px;
}


.current-stamp {
  /* width: 50%; */
  text-align: left;
  display: flex;
  justify-content: center;
  margin: 4em auto 1em auto;
  max-width: 1200px;
}

#box-main .current-stamp {
  margin: 1em auto 1em auto;
}

.current-stamp .product-info2 div {
  text-align: left;
  margin: 0;
  padding: 0;
}

.current-stamp .product-info2 {
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: left;
}

.current-stamp .productimage {
  /*display: inline-flex;*/
  height: max-content;
  margin: 1em 40px 0 0;
  min-width: 200px;
  min-height: 200px;
}

.alt-stamp .productimage {
  margin: 0 20px 0 0;
  min-width: 50px;
  min-height: 75px;

}


.product-info-text {
  max-width: 430px;
  text-align: left;
}


.current-stamp-info {
  display: flex;
  flex-wrap: wrap;
}

.current-stamp-info>.row {
  width: 100%;
}

.smaller-stamp:nth-child(2) {
  order: 3;
}

.current-stamp-info {
  justify-content: center;
  align-items: start;
}

.current-stamp-info>div {
  text-align: center;
}

.smaller-stamp a:hover,
.alt-stamp:hover {
  opacity: 1;
}

.current-stamp h2 {
  margin: 0 0 20px 0 !important;
  padding: 0;
  line-height: 1;
  border: 0;
  text-align: left;
}

.productimage .img-responsive {
  max-height: 200px;
  max-width: 100%;
  height: auto;
  display: block;
}

.smaller-stamp .productimage .img-responsive {
  max-height: 100px;
  max-width: 100px;
  padding: 0.5em;
}

.product-info2 .button {
  padding: 0;

}


.stamp-arrow-left,
.stamp-arrow-right {
  width: 3em;
  align-self: stretch;
  background-color: #dd3333;
}

.stamp-arrow-left {
  clip-path: polygon(101% -1%, 0% 50%, 101% 100%);
  /*
  height: 0px;
  width: 0px;
  border-width: 40px;
  border-style: solid;
  border-color: transparent;
  border-right: solid black 30px;
  display: flex;
  margin: 0 20px 0 -50px;
  */

}

.stamp-arrow-right {
  clip-path: polygon(-1% -1%, 100% 50%, -1% 100%);
  /*
  height: 0px;
  width: 0px;
  border-width: 40px;
  border-style: solid;
  border-color: transparent;
  border-left: solid black 30px;
  display: flex;
  margin: 0 -50px 0 20px;
  */
}

/******   DESIGNER    ********************/


.colorvar .productimage {
  margin: 0 auto;
  max-height: 100%;
}

#box-main h1 {
  margin: 0 -6px 7px;
  padding: 5px 12px 1px;
  text-transform: none;
}

#box-colors {

  float: left;
  position: relative;
}

#box-R {
  margin: 20px auto;
  width: fit-content;
  padding: 0 25px;
  /*float: left;*/
  /*max-width: 692px;
  height: 104px;     */

}

#box-R p {
  padding: 10px 0;
  text-align: center;
}

#box-P,
#box-s-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.entry-content table,
.comment-content table {
  margin: auto;
  width: 91%;
}


p table td,
p table th,
ul table td,
ul table th,
td,
th {
  border-top: 1px solid #DDDDDD;
  padding: 6px 10px 6px 20px;
  background: white;
}

p table th,
ul table th,
th {
  text-align: right;
  padding-right: 30px;
  border-right: 1px dashed #DDDDDD;
}

table.orderrecap {
  border-collapse: collapse;
  font-size: 100%;
  padding: 5px;
  border: none;
  width: auto;
  min-width: 70%;
}

table.orderrecap td {
  border-left: none;
  border-right: none;
  padding: 5px;
}

table.orderrecap td.price {
  text-align: right;
}

table.orderrecap tr.item_row td {
  font-weight: bold;
}

table.orderrecap tr#total_row td {

  font-size: 110%;
  font-weight: bold;
}

table.orderrecap tr.item_row :last-child td {
  border-bottom-width: 4px;

}


#box-recap {
  background-color: #F4F4F4;
  /*float: right;
  min-height: 202px;
  margin: 5px 8px 0 0;*/
  padding: 2em 0;
  /*width: 355px;*/
  position: relative;
  /*border: none;*/
  /*border-radius: clamp(5px, 1vw, 10px);*/
}

#box-params {
  /*float: left;
/*height: 91px;
margin: 5px 0;*/
  padding: 8px 5px;
  /*width: 167px;*/
  text-align: center;
}

#box-params label {

  margin: 10px;
  padding: 16px 25px;
  text-align: left;
}

#box-layout {
  margin: 0 5px 5px;
  /*width: 1085px;*/
  clear: both;

}

#box-layout .container-fluid {
  padding: 0.5%;

}

/*
#box-drafts {

  width: 100%;
  min-height: 200px;
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.2);
  margin: 25px 0;

}
*/

#tool-r-text .select2-selection {
  width: 100px;
}


.tool-common,
.tool-precise {
  background-color: #303030;
  border-bottom: 4px solid #FF0000;
}

.tool-common:after {
  clear: both;
}


#box-tool {
  background: none repeat scroll 0 0 #000000;
  border-bottom: 9px solid #FF0000;
  border-radius: 0 0 20px 20px;
  color: #FFFFFF;
  margin: 0;
  padding: 10px 10px 30px;
}


#box-tools {
  background-color: #000000;
  border-radius: 20px 20px 0 0;
  border-top: 9px solid #FF0000;
  clear: both;
  margin: 15px 0 0;
  padding: 34px 10px 10px;
  position: relative;
  text-align: center;
}

#box-tools .tooltip-inner {
  border: 2px solid #FF0000;

}

#box-tools .tooltip-arrow {
  border-top-color: red;
}

#box-tools .tooltip {
  top: 20px;
}



#actcolor {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: 30px;
  margin: 0 5px;
  border-radius: 5px;
  border: 1px solid black;
}

#select-color:focus {
  color: white;
}

#select-color span {
  padding: 12px;
}


#box-canvas {
  background-image: url("images/bg_textures/Texture0213.jpg");

  /*height: 490px;
--left: 76px;
margin: 5px 0px;*/
  position: relative;
  /*--top: 227px;
width: 763px;
display: inline-block;*/
  padding: 23px 20px 30px;
  overflow: auto;

  border: 5px silver solid;
}


.canvas-container {
  margin: 0 auto;
}

.page-main {
  clear: both;

}

/* ???
.

{
color: white;
font-weight: bold;
height: 104px;
width: 40px;
float: left;
background: #a0a0a0 url(images/des-title-colorvar-cz.png) no-repeat 50% 50%;
}
*/

.colorvar {
  border: 2px solid #FFFFFF;
  display: inline-block;
  height: 100px;
  margin: 0 2px;
  text-align: center;
  width: 100px;
  background-color: white;

}

.colorvar:hover {
  border: 2px silver solid;
}


.colorvar-nohover:hover {
  border: white 2px solid;
}




.colorvar-sel,
.colorvar-sel:hover {
  border: 2px black solid;
}

.padcolor-title {
  color: white;
  font-weight: bold;
  height: 107px;
  width: 40px;
  float: left;
  background: #a0a0a0 url(images/des-title-padcolor-cz.png) no-repeat 50% 50%;
}

.padcolor {
  display: inline-block;
  border: 2px solid silver;
  margin: 5px;
  /* width: 50px; */
  /* height: 50px; */
  /* text-align: center; */
  border-radius: 10%;
  overflow: hidden;
  padding: 0;
}

.padcolorin {
  /* border-radius: 11px; */
  /* overflow: hidden; */
  /* border: 1px solid silver; */
  /* margin: 0; */
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.padIco_MCI .padcolorin {
  padding: 2px;
}

.padcolor div div {
  width: 100%;
  height: 100%;
}

.padcolor.padIco_2CL div div {
  padding: 30%;
}

.padcolor div {
  width: 50px;
  height: 50px;

}

.padcolor div.iswhite {
  border: 1px silver dotted;
  width: 48px;
  height: 48px;
}



.padcolor:hover {
  box-shadow: 0px 0px 6px 6px white;
}

.padcolor-sel {
  box-shadow: 0px 0px 3px 3px red;
}


.padcolor-nohover:hover {
  border: 2px solid #FAFAFA !important;
  background-color: #FAFAFA;
}



div.product-pad div.padcolor,
table.products div.padcolor {
  float: left;
  width: 11px;
  height: 11px;
  border: none;
  margin: 0px 1px 0px 0px;

  outline: 1px solid #ddd;

}

table.products {
  background: silver;
  width: 100%;
}

table.products tr {
  border-bottom: 1px solid white;
}

table.products td {
  padding: 3px 10px;
  border-right: 1px solid #AAA;

}

table.stampcolor {
  height: 15px;
  width: 12px;
  margin: 0 1px 0 0;

  border: 0px silver solid;
}

table.stampcolor td {
  width: 10px;
  text-align: center;
  border: none;
  padding: 0px;
}

table.stampcolor td div {
  outline: 1px solid #ddd;
}

table.stampcolor td div {
  margin: 0 auto;
}



div.ico_mci_compact {
  width: 11px;
  height: 11px;
  background: url(images/ico_mci_compact.png) repeat 50% 50%;
}



#box-pal,
#box-pad {
  text-align: center;

}

#box-pal {
  display: none;
}

#box-pal-items,
#box-pad-item {
  margin-bottom: 10px;
  padding: 8px 0 0;
  text-align: center;
}

.pal-item {
  background: url("images/des-pal-plus.png") no-repeat scroll 50% 50% white;

}

.xpal-item {
  border: 2px solid #FFFFFF;
  border-radius: 52px;
  display: inline-block;
  height: 30px;
  width: 5%;
}

.xpad-item {
  float: left;
  height: 46px;
  --margin: 1px;
  border: 1px #a0a0a0 solid;
  width: auto;
}

.xpad-item-inner {
  border: 1px solid #A0A0A0;
  height: 25px;
  margin: 9px auto;
  position: relative;
  width: 200px;
}

.xpal-item:hover {
  border-color: red;
}


.palitem-sel,
.palitem-sel:hover {
  border: 2px dotted #FFFFFF;
  border-radius: 0;
}

.padcolor div.mciicoitem {
  /* float: left; */
  width: 10px;
  height: 10px;
  /* margin: 0.5px; */
}

.padcolor div.mciicoitem.iswhite {
  border: 1px silver dotted;
  width: 3px;
  height: 3px;
}

.padcolor div.mcifreeico {
  float: left;
  font-size: 20px;
  font-weight: bold;
}



.pal-title {
  color: white;
  font-weight: bold;
  height: 50px;
  width: 40px;
  float: left;

  background: #a0a0a0 url(images/des-title-pal-cz.png) no-repeat 50% 50%;
}



.tool-title {
  background-color: #000000;
  border-left: 5px solid #FF0000;
  border-top: 1px solid #FF0000;
  color: #FF0000;
  font-weight: 700;
  padding: 2px 10px;
}








#box-tool input[type="text"] {
  border: 1px solid grey;
  color: black;
  font-size: 10pt;
  font-weight: bold;
  border: none;
  margin: 0 4px 1px;
  padding: 0px 1px;
  position: relative;
  right: 0;
  text-align: center ! important;
  line-height: 9pt;

}



#box-tools button {
  color: white;
  font-family: ff-dax-web-pro;
  font-size: 11pt;
  font-weight: bold;
  height: 50px;
  margin: 3px;
  position: relative;
  width: 50px;
  text-align: center;
  padding: 5px;
  font-size: 19pt;
  line-height: 19pt;

}



#box-tools #zoom button {
  border: 1px solid #808080;
  height: 22px;
  padding: 1px;
  text-align: center;
  width: 29px;
  font-size: 10pt;
  line-height: 10pt;
}


#box-tools button img {
  width: 80%;
}

#box-tool label {
  display: inline-block;
  font-size: 9pt;
  line-height: 12px;
  margin-bottom: 0;
  margin-right: 6px;
  padding-bottom: 5px;
  padding-top: 7px;
  text-align: right;

}


.box-s-section.text-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 11px;
  margin: 0 auto;
  /*background: #ddd;*/
}

.box-s-section.text-toolbar>* {
  display: flex;
  flex-wrap: nowrap;
  /*white-space: nowrap;*/
  align-items: center;
  margin-left: auto;
}

.box-s-section.text-toolbar>*:first-child {
  margin: 0;
}

#box-tool fieldset,
.box-s-section fieldset {
  border: 1px dotted #FF0000;
  line-height: 13px;
  margin: 2px 4px 10px;
  padding: 30px;
}

.box-s-section fieldset {
  float: left;
  min-height: 125px;
  position: relative;
}

#box-tool fieldset label.lab {
  width: 100%;
}

#box-tool fieldset legend,
.box-s-section fieldset legend {
  font-size: 12pt;
  font-weight: bold;
  margin: 2px 16px;
  padding: 0 21px;
  position: absolute;
  /* right: 2px; */
  color: red;
  width: auto;
  line-height: 6px;
  border: none;
  top: -5px;
  background: #eee;
}

div#box-s-other {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: max-content;
}

div#box-s-other>div {
  display: flex;
}

button.sline-arc {
  height: 30px;
  width: 30px;
  padding: 0px;
  border: 0;
  border-radius: 50%;
}

button.sline-arc.active {
  background: red;
}

button.sline-arc:hover {
  background-color: #999;
}


#box-tool input[type="radio"] {
  margin: 0 3px;
}

#box-tool label.postfix {
  margin-left: 5px;
  text-align: left;
  width: 26px;
}

#box-tool fieldset.refpoint {
  border: 1px solid grey;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;

}

#talign {
  margin-top: 10px;
}

#zoom {
  background: none repeat scroll 0 0 #111111;
  border: 1px solid #808080;
  display: inline-block;
  height: 50px;
  margin: 3px;
  text-align: center;
  vertical-align: middle;

}

#zoom-value {
  color: white;
  font-weight: bold;
}

.ui-spinner {
  position: relative;
  border: 0px solid white;
}

.ui-spinner-buttons {
  position: absolute
}

.ui-spinner-button {
  overflow: hidden
}

#font-dialog {
  display: none;
  background: none repeat scroll 0 0 gray;
  border: 2px solid red;
  height: 496px;
  margin: -5px;
  overflow: auto;
  position: absolute;
  width: 769px;
  z-index: 801;

}

.closebtn {
  background: black;
  border: 2px solid red;
  color: white;
  font-weight: bold;

  margin: 3px;
  width: 16px;
  margin: 3px;
  padding: 0 4px 7px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: 3px;
  top: 3px;

  height: 16px;
}


/*Styles for fuzz overlay & message box*/
#fuzz {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background: url('images/fuzz.png');
  display: none;
  text-align: center;
}

#modalalert {
  background: none repeat scroll 0 0 white;
  border: 6px solid red;
  border-radius: 20px;
  box-shadow: 10px 10px 10px rgba(100, 100, 100, 0.75);
  font-size: 20pt;
  line-height: 25pt;
  font-weight: bold;
  margin: 0 30%;
  padding: 30px 10px;
  position: fixed;
  text-align: center;
  top: 100px;
  vertical-align: middle;
  width: 40%;
}

#modalalert span {
  display: none;
}


.ajax-preloader-red {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
  background-color: grey;
  z-index: 99;

  background-color: transparent;
  background-color: rgba(256, 256, 256, 0.8);
  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#45ffffff, endColorstr=#45ffffff);
  /* IE6 IE9 */
  zoom: 1;


  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('images/ajax-preloader-red.gif');
}

div#code {

  float: left;
  margin-top: 30px;
  padding: 10px;
  position: relative;
  width: 1076px;
  display: none;

}


div#box-s-setup {
  position: relative;
  padding: 0;
}

div#box-s-lines {
  margin: 0 auto;
  max-width: 1200px;
  padding: 11px;
}

div#box-s-preview {
  border: 1px dotted red;
  /*height: auto !important;*/
  margin: 0px auto 20px;
  position: relative;
  width: 300px;
  background: white;
  box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.3);
  max-width: 100vw;
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#box-s-preview-text {
  opacity: 0.4;
}


.shape-C,
.shape-E {
  border-radius: 50%;
  overflow: hidden;
}

#box-s-msg {
  /*max-width: 90vw;*/
  margin: 0 auto;
  /*order: 2;*/
}

#box-s-msg .alert {
  margin-bottom: 0.2em;
}


/* #region ALERTs: INFO / WARNING/ ERROR ... */

.alert {
  display: flex;
  align-items: center;
  text-align: left;
}

.alert.alert-danger {
  background-color: #ef2e2e;
  color: #fff;
  border-color: #fff;
}

.alert.alert-warning {
  background-color: #ffde00;
  color: #333;
  border-color: #333;
}

.alert.alert-info {
  background-color: #00d2ff;
  color: #333;
  border-color: #333;
}

.alert.alert-secondary {
  background-color: #eeeeee;
  color: #333;
  border-color: #333;
}

.alert.alert-success {
  background-color: #8ac72a;
  color: #333;
  border-color: #333;
}

#order-body .alert {
  margin: 2em 0;
}

.alert h4 {
  margin: 0 0 1em 0;
  border-bottom: 1px dotted #00000088;
}

/* #endregion ALERTs: INFO / WARNING/ ERROR ... */



.bigger-stamp {
  order: 3;
}

.bigger-stamp a {
  text-decoration: auto;
}

.btn-group {
  display: inline-block;
}


input[type="checkbox"] {
  margin-right: 10px;
}


[data-toggle="buttons"] .btn>input[type="radio"],
[data-toggle="buttons"] .btn>input[type="checkbox"] {
  display: none;
}

.thumbnailx {
  background: none repeat scroll 0 0 #C0C0C0;
  border: medium none;
  color: black;
  font-size: 8pt;
  margin: 0 12px 5px 0;
  position: relative;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.productimage .thumbnailx {
  background: none;
}

.thumbnailx2 {
  background: #eee;
}


.thumbnailx img {
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  margin: 0 auto;

  max-width: 90%;



}

#stamp-templates .thumbnailx img {
  max-width: 100%;
}

.thumbnail-img {
  background: url("images/ui-bg_diagonals-small_20_141414_40x40.png") repeat scroll 50% 50% gray;
  border: 1px solid black;
  display: table;
  height: 100px;
  padding: 10px;
  width: 100px;
}


.drafts-box {
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  align-items: flex-end;
}

.pagination_bar {
  display: flex;
  justify-content: center;
}

.template-draft {
  max-width: 250px;
}


.thumbnail-draft {
  /*display: table;
margin: 0 auto;
position: relative;*/
  display: block;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}

.template-clickable {
  cursor: pointer;
  transition: 0.5s ease;
  position: relative;
}

.template-clickable:hover {
  /*    transform: scale(1.05);*/
  z-index: 1000;
  position: relative;
}


.thumbnail-img2 {
  /*
  display: table-cell;
  height: 100px;
  min-width: 150px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100px;
  padding: 5px ;
  */
  display: block;
  max-width: 100%;
  padding: 5px;
  position: relative;
  text-align: center;

}

.thumbnail-text {

  color: black;
  font-size: 8pt;
  left: 0;
  margin-top: 5px;

  line-height: 12pt;
  padding: 3px 0;
  white-space: nowrap;
  overflow: hidden;

}


.thumbnail-text .delinfo {
  color: #0C93D5;


}

.price {
  color: black;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}


.thumbnail-text .price {
  color: #F78F1E;
  font-weight: bold;
}




.thumbnail-title {
  font-weight: bold;
  color: black;
  /* color: red; */
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
  font-size: 1.2em;
}


.template-download .btn,
.template-upload .btn {
  margin-left: 3px;
  padding: 1px 4px;
}

.thumbnail-tools {
  background-color: #4F4F4F;
  color: #FFFFFF;
  font-size: 9pt;
  /* margin: 5px auto 0; */
  padding: 8px;
  position: relative;
  width: auto;
  z-index: 1000;

}

.thumbnail-tool {

  background: url("images/ui-bg_diagonals-medium_20_0078a3_40x40.png") repeat scroll 50% 50% #1D4052;
  float: left;
  height: 16px;
  margin: 2px 0 2px 2px;
  padding: 2px 9px;

}

.thumbnail-tool:hover {

  background: url("images/ui-bg_diagonals-medium_30_f78f1e_40x40.png") repeat scroll 50% 50% #f78f1e;
  color: black;

}


.thumbnail-info {
  bottom: 6px;
  left: 5px;
  background-color: #0C93D5;
  font-size: 9pt;
  z-index: 1000;
}


.thumbnailx a {
  color: #000000;
}

.thumbnailx a i {
  margin: 2px;
}

.thumberror {
  border: 2px red solid;
}

div.error {
  border-radius: 10px;
  color: red;
  font-size: 18px;
  margin: 14px auto;
  padding: 10px;
  text-align: center;
  width: 90%;
  border: 3px solid red;
  border-left: 10px solid red;
  border-right: 10px solid red;
}


.item-note {
  border: 1px solid red;
  color: red;
  margin: 1px 1px 18px;
  width: 100%;
  padding: 11px;
  text-align: left;
  font-weight: bold;
}

/*********************************************************/


.row-fluid {
  position: relative;
}

.container-fluid {
  padding-left: 1%;
  padding-right: 1%;
}

.product-filter {
  /* min-height: 50px;
    padding: 0px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  /*flex-grow: 1;*/
  /* border: 1px solid #eee; */
  border-bottom: 1px solid #eee;
  /* margin: 1em;*/
  margin-top: 10px;
}


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

.filter-box {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  padding: 0.5em;
}

.product-filter .filter-box:nth-child(1) {
  margin-right: auto;
}

.filter-label {
  padding: 0 5px;
}

.product-filter select,
.product-filter input {
  height: 30px;
  border-color: #ddd;
  border-radius: 3px;
  padding: 5px;
  text-align: center;
  font-size: 15px;
  color: #555;
}

.widget-area {
  float: none;
  width: 100%;
}


.row-fluid {
  clear: both;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  margin-bottom: 0;
}


.btn-search {
  margin-left: -1px;
  vertical-align: top;
  border-radius: 0px 5px 6px 0px;
  padding: 1px 12px;
  min-height: 28px;
}


select {
  width: auto;
}

optgroup {
  color: red;
}

option {
  color: #000000;
}


.ui-spinner .ui-icon {
  margin-top: -9px;
}

.ui-spinner a.ui-spinner-button {
  margin: 1px;
  padding: 0px;
}

.ui-spinner input {
  margin: 0;
}


.ui-spinner {
  border: none;
  overflow: visible;
}


.ui-button {
  padding: 2px;
}

.ui-dialog {
  border: 3px solid #FF0000;
  box-shadow: 11px 15px 19px rgba(0, 0, 0, 0.3);

}

#box-s-setup .ui-buttonset .ui-button {
  margin-right: -1px;
}

.box-s-section {
  margin: 20px auto;
  text-align: center;
}

div#simple-sel-img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  /* grid-template-columns: repeat(4, 1fr); */
  gap: 30px;
  margin: 10px 10px 20px;
  /* width: max-content; */
}

div#simple-sel-img>div:not(:first-child) {
  border: 1px dotted silver;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}


div#simple-sel-img>div:not(:first-child):hover {
  border: 1px solid silver;
}


div#simple-sel-img>div:not(:first-child).active {
  border: 1px solid red;
}


div#simple-sel-img>div:nth-child(2):before {
  content: "1";
  position: absolute;
  left: 0px;
  top: 0px;
  background: silver;
  color: white;
  width: 16px;
  height: 16px;
  border-radius: 10px 0;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#simple-sel-img>div:nth-child(3):before {
  content: "2";
  position: absolute;
  left: 0px;
  top: 0px;
  background: silver;
  color: white;
  width: 16px;
  height: 16px;
  border-radius: 10px 0;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#simple-sel-img>div:nth-child(4):before {
  content: "3";
  position: absolute;
  left: 0px;
  top: 0px;
  background: silver;
  color: white;
  width: 16px;
  height: 16px;
  border-radius: 10px 0;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.box-style {
  /*box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  border: 1px solid #e9e9e9;*/
  margin: 0px 0px 20px;
  position: relative;
  text-align: center;

}

.box-style h2 {

  background-color: #EFEFEF;
  border-bottom: 1px solid #e9e9e9;
  font-size: 120%;
  font-weight: bold;
  margin-top: 0;


}


h2.box-title {
  background-color: #A0A0A0;
  color: white;

  line-height: 20px;
  padding: 6px;
  margin-bottom: 0;

}



.box-style h3 {

  border-top: 6px solid #E9E9E9;
  font-size: 110%;
  font-weight: bold;
  margin: 7px 0 0px;
  padding: 6px 10px 0;
}


h3.box-title {
  color: #A0A0A0;
  line-height: 20px;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid black;
}

.ui-tabs .ui-tabs-nav li a {
  font-size: 120%;
  background: none;

}

ul.nav.nav-tabs li a:focus {
  /* background: none; */
  outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-hover a,
.ui-tabs .ui-tabs-nav li a:hover {
  color: white;
  background: none;
}


ul.nav.nav-tabs li.tabs-title.disabled a,
ul.nav.nav-tabs li.tabs-title.disabled a:hover,
ul.nav.nav-tabs li.tabs-title.disabled a:active {
  border: none;
  cursor: text;
  background: none;
  color: black;
  font-weight: normal;
}

.ui-tabs .ui-tabs-nav li.ui-state-active,
.ui-tabs .ui-tabs-nav li.ui-state-hover {
  background-color: #BC2319;
  background-image: -moz-linear-gradient(center top, #DC291E, #BC2319);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover,
.ui-tabs .ui-tabs-nav li:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}


#box-s-preview-info {
  margin-top: 10px;
  position: relative;
  text-align: center;
  font-size: 80%;
}

#box-s-common {
  margin-bottom: 10px;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;

}

.btn .tick {

  padding: 7px 10px 5px 20px !important;
  background: url("images/tick_f.png") no-repeat scroll 5px 50%;
}

.btn.active .tick {
  padding: 7px 10px 5px 20px !important;
  background: url("images/tick_t2.png") no-repeat scroll 5px 50%;
  text-shadow: none;

}


label.ui-button-text-icon-primary>span.ui-button-text {
  display: none;
}

label.glyph-btn {
  height: 24px;
  width: 30px;
}

label.glyph-btn2 {
  height: 24px;
  width: 40px;
}

label.glyph-btn>span,
label.glyph-btn2>span {
  padding: 0px !important;
  margin: 0px !important;
  background: none;
  font-size: 19px;
  position: relative;
  top: 2px !important;
  left: -4px !important;
  /*width: 20px;
 height: 20px;*/
}

.glyph-btn>span {
  margin-left: 8px !important;
}

label.glyph-btn2>span.ui-icon,
label.ui-button-text-icon-primary.ui-state-active>span.ui-icon {
  padding-left: 20px !important;
}

.page-header {
  border: none;
  margin: 0;

}


.row.fullcart {
  padding: 10px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


article.product,
article.cartitem {

  margin-bottom: 20px;
}


.well {
  min-height: 20px;
  padding: 20px 49px;
  /*margin-bottom: 20px;*/
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  /*width: max-content;*/
  width: fit-content;
  margin: 0 auto;
  /*max-width: 90vw;*/
}

#order-body .well {
  width: auto;
  text-align: center;
  margin: 1em auto;
  padding: 10px 20px;
}

article.product h1 {
  border: 0;
  /* border-bottom: 1px dotted black; */
  /* border-radius: 0; */
  text-align: center;
  font-size: 16px !important;
  text-transform: unset;
  margin: 0 auto;
  max-width: 250px;
  /* height: auto; */
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
  white-space: normal;
  padding: 10px;
}

.product-pad,
.product-color {
  background: #eee;
  padding: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-wrap: nowrap; */
  flex-wrap: wrap;
}

article.product {
  min-width: 300px;
  max-width: max-content;
  border: 0;
}

div#mcontainer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

#mcontainer article.product {
  /*position: relative;*/
  /*margin: 20px 20px;*/
  margin: 0;
  padding: 1em 0.5em 0.5em 0.5em;
  top: auto !important;
  left: auto !important;
  width: auto !important;
}

.ajax_loader_def {
  background: url('images/ajax-loader-3.gif') no-repeat center center transparent;
  width: 100%;
  height: 100%;
}

.ajax_loader_100px {
  background: url('images/ajax-loader-3.gif') no-repeat transparent;
  width: 100%;
  height: 100%;
  background-position: center 100px;
}

.ajax_loader_br {
  background: url('images/ajax-loader-3.gif') no-repeat transparent;
  width: 100%;
  height: 100%;
  background-position: 90% 90%;
}

.ajax_loader_bar {
  background: url('images/ajax-loader-bar.png') no-repeat transparent;
  width: 100%;
  height: 100%;
  background-position: center 90%;
}


.clearer {
  clear: both;
}




.tab-content.tab-main {
  border-top: 1px solid;


}

ul.nav.nav-tabs {
  background: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-bottom-width: 0px;
  margin-top: 30px;
  padding-bottom: 0;
}

ul.nav.nav-tabs li a {
  background: white;
  color: #000;
  border: 1px solid #000;
  border-bottom: none;
  text-shadow: none;
  font-weight: bold;
  /*cursor: pointer*/
}


ul.nav.nav-tabs li.active a {
  border: 1px solid black;
  top: 1px;
  padding-bottom: 14px;
  border-bottom: 0;
  background: white;
  border-top-width: 4px;
}

.tab-pane ul.nav.nav-tabs li.active a {
  background-color: #eee;
}


ul.nav.nav-tabs li a:hover,
ul.nav.nav-tabs li a:active {
  background: #eee;
}


.entry-content .nav-tabs li:before {
  display: none;
}

.template-upload div.btn {
  margin: 0 2px;
  padding: 0 3px;
}

.template-upload div.progress {
  margin: 0 3px;
  padding: 0 0px;
  width: 112px;
}

.template-upload div.bar {
  margin: 0px;
  padding: 0px;
}

.template-upload+.template-download {
  border: 1px solid red;
  clear: both;
}



.custom_files {
  background: none repeat scroll 0 0 #aaa;
  border: 0;
  min-height: 150px;
  padding: 20px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: left;
}

div#tab-simple {
  max-width: 1200px;
  margin: 0 auto;
}

div#tab-simple ul.nav.nav-tabs {
  margin-top: 0;
}

div#stamp-templates {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #efefef;
  /*width: 100%;
    width: max-content;*/
  margin: 0 auto;
  padding: 10px 20px;
}


.template-draft:hover .template-info-btn {
  opacity: 0.9;
}

.template-draft.active .template-off {
  visibility: visible;
}

.template-draft .template-on {
  visibility: visible;
}

.template-draft.active .template-on {
  visibility: hidden;
}


.template-info-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.adm .template-info-btn {
  display: none;
}

.template-info-btn div {
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
}


div#stamp-templates .template-draft {
  margin: 8px 5px;
}

.template-draft.active .thumbnailx {
  box-shadow: 0 0 2px 3px #ff0000;
}

.template-draft .thumbnailx {
  margin: 0 !important;
  padding: 0 !important;
}


.template-draft .thumbnail-img2 {
  padding: 0;
  box-shadow: 4px 2px 7px #00000088;
}


#tab-web {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 2px solid #000000;
}

#tab-upload {

  border: 2px solid #000000;
}

.layout-info {
  border: 0;
  color: gray;
  padding: 4px;
  text-align: center;
  display: flex;
  flex-direction: column;
  /*max-width: calc(100vw - 432px);*/
  flex-grow: 1;
}


.layout-templates {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.layout-bigsmall-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  /* max-width: 1090px;
  margin: 0 auto; */
  clear: both;
}

.layout-bigsmall-box .alert {
  order: 2;
  min-width: 200px;
  max-width: 500px;
  margin: 0;
}

#simple-layout-type>div {
  text-align: center;
  width: max-content;
}

#simple-layout-type h3 {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}


.simple-sel-img-var {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.simple-sel-img-thumb {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#simple-layout-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /*    width: 230px;*/
}

#simple-layout-type label {
  width: 100px;
}

div#simple-sel-img-cont {
  width: min-content;
}

div#simple-sel-img-1 {
  display: flex;
  flex-wrap: wrap;
  /* max-width: min-content; */
  justify-content: center;
  /* align-items: start; */
}

.simplezoom.btn-black i {
  display: none;
}




.simplezoom i {
  margin-right: 10px;
}

#box-s-preview>img {
  width: 100%;
}

#price-recap table {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0 auto;
  /*
  width: 99%;*/
  min-width: 350px;
  width: auto;
  max-width: fit-content;
}

#price-recap td {
  background-color: white;
  color: black;
  margin: 2px;
  padding: 5px 9px 0;
  border: 1px solid lightgray;
  border-radius: 4px;
}

#price-recap td.price {
  font-weight: bold;

  text-align: right;
}

#price-recap tr.total td {
  font-weight: bold;
  font-size: 120%;
  border: 1px solid #dd3333;
  /*background-color: #eeeeee;*/

}

.tool-none {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  margin-top: 17px;
}


#box-recap .header {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
}

div#price-recap {
  padding: 0 10px;
  margin-bottom: 0.3em;
}


/*

 .colorvar-title  { display: block; }
 .colorvar-title2 { display: none; }

 .padcolor-title  { display: block; }
 .padcolor-title2 { display: none; }
    */


.imprintrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.imprintimagebox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 15px;
}


.imprint {
  padding: 17px;
  z-index: 100;
}

.imprintimage {
  /* -webkit-filter: drop-shadow(5px 5px 5px #222); */
  /* filter:         drop-shadow(5px 5px 5px #222); */
  box-shadow: 0 0 7px #00000038;
}



/*media all*/
.imprint .imprintimagebox {
  margin: 0px 39px 5px 0;
  display: inline-block;
  vertical-align: top;
}

/*media all*/
.imprint .imprinttext {
  font-size: 7pt;
  background: white;
  text-align: center;
  color: red;
  padding: 3px;
}




.gridbg {
  background-image: url('images/bg-grid2.png');
  background-attachment: fixed;
  border-top: 1px dotted red;
  border-left: 1px solid red;

  position: absolute;

  height: 500px;
  width: 100%;
  top: 0;

}

.gridbg2 {
  background-image: url('images/bg-grid2.png');
  background-attachment: fixed;
  border-top: none;
  border-left: 1px solid red;

  position: absolute;

  height: 500px;
  width: 100%;
  top: 0;

}



/*****  PICTOUPLOADER  *****/


#filelist,
#filelist-drop,
.filelist,
.filelist-drop {
  /* margin: 0 10px; */
  /* padding: 10px; */
  text-align: center;
}

#filelist-drop,
.filelist-drop {
  /* background: #dadada none repeat scroll 0 0; */
  border: 3px dashed black;
  font-size: 20px;
  /* font-weight: bold; */
  /* line-height: 176px; */
  /* margin-bottom: 20px; */
  /* min-height: 200px; */
  padding: 1em;
  color: black;
  text-align: center;
  border-radius: 0.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
}

.miniuploader {
  display: none;
}

.miniuploader #filelist-drop,
.miniuploader .filelist-drop {

  background: rgba(255, 255, 255, 0.9);
  border: 4px dashed black;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  margin: 0px;
  padding: 10px;
  border-radius: 29px;
}


#filelist-drop.dragover,
.filelist-drop.dragover {

  border-color: #f78f1e;
  color: #f78f1e;

}

#pictouploader,
.pictouploader {
  padding: 20px 0;
  text-align: center;
}


.amelem .miniuploader {
  margin: 0;
  padding: 0;
  height: auto;
  overflow: visible;
}

.amelem .miniuploader #filelist-drop,
.amelem .miniuploader .filelist-drop {
  font-size: 10px;
  line-height: initial;
  border-radius: 7px;
  border-width: 2px;
  height: auto;
  overflow: visible;
  display: inline-block;
  min-height: 20px;

  padding: 2px 50px 2px 4px;
  text-align: left;
}

.amelem .miniuploader #filelist-drop br,
.amelem .miniuploader .filelist-drop br {
  display: none;
}

.amelem .miniuploader #filelist-drop .btn,
.amelem .miniuploader .filelist-drop .btn {
  display: inline-block;
  line-height: initial;
  font-size: 12px;
  height: auto;
  white-space: nowrap;
  padding: 2px 6px;
  vertical-align: baseline;
  margin: 0;
}

.amelem #uplfile {
  bottom: 5px;
  right: 6px;
}



.imgplace .filelist-drop {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
  border-color: #7521c4;
  color: #7521c4;
  LINE-HEIGHT: 30PX;

}


.picto-pageimg #filelist-drop {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  border-color: #7521c4;
  border-radius: 10%;
  border-style: solid;
  border-width: 9px;
  bottom: 0;
  line-height: 27px;
  margin: 0;
  padding: 60px 0;
  position: absolute !important;
  top: 0;
}

.picto-pageimg .btn {
  margin: 10px 0 0 0;
}

#uplfile {
  background-color: #7521c4;
  border-radius: 15%;
  bottom: 20px;
  color: #cfcfcf;
  cursor: pointer;
  font-size: 25px;
  height: 40px;
  opacity: 0.5;
  position: absolute;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 100000;
}

#uplfile:hover {
  color: white;
  opacity: 1;
}


#crpcanv>img {
  margin: 0 auto;
  max-height: 500px;
  max-width: 100%;
  position: relative;
}


.picto-pageimg #pictouploader,
.imgplace .pictouploader {
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute !important;
  right: 0;
  top: 0;
  display: none;
}


/*** PLUPLOAD 2.1.8  ***/

.progress {
  margin: 5px 16px;
  overflow: hidden !important;
  position: relative;
}

.progress {
  background: #333 none repeat scroll 0 0;
  border: 1px solid #444;
  height: 40px;
}

.progress-bar {
  border-radius: 4px;
  height: 40px;
}

.progress>button {
  font-size: 19px;
  height: 40px;
  position: absolute;
  right: 0;
}

.pllabel {
  color: white;
  height: 40px;
  left: 10px;
  line-height: 36px;
  position: absolute;
  text-shadow: 1px 1px 2px black;
}

.pllabel>b {
  color: white;
  font-weight: bold;
}

.progress i {
  color: white;
  margin-right: 15px;
  vertical-align: middle;
  font-size: 150%;
}


#plconsole {
  background: #a00;
  padding: 10px;
  margin: 5px 0;
  border: 3px solid black;
  display: none;
  width: 100%;
  height: auto;
}







.picker-title h2 {

  border-radius: 0;
  border-top: 3px solid #FF0000;
  border-bottom: none;
  margin: 0 !important;
  padding: 5px 1px 7px;
  text-align: center;
  font-size: 12pt !important;
}

.active .picker-title h2 {
  background-color: red;
  color: #ffffff;
  padding-bottom: 16px;
}


#product-picker img,
.product-picker-subrow img {
  border: 3px white solid;
  border-bottom: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}


#product-picker a:hover>img,
#product-picker .active img,
.product-picker-subrow a:hover>img,
.product-picker-subrow .active img {
  border: 3px solid #FF0000;
  border-bottom: none;
}



#product-picker a:hover,
.product-picker-subrow a:hover {

  text-decoration: none;
}



.product-picker-subrow {
  border-radius: 15px;
  border-top: 2px solid #000000;
}

.product-picker-subrow img {
  margin-top: 40px;
}




div#product-picker,
.product-picker-subrow {
  display: flex;
  padding: 10px 30px 0px;
}

.product-picker-tab {
  border: 1px solid;
  margin: 0;
  padding: 0;
  min-height: auto;
  border-radius: 10px 10px 0 0;
  margin: 0 2px;
  border-bottom: none;
  background: white;
  position: relative;
}

.product-picker-tab img {
  display: none;
}

.product-picker-tab h2 {
  margin: 0 !important;
  padding: 20px;
  border: none;
}

.product-picker-tab.active {
  top: 2px;
  padding-top: 0px;
  margin-top: -5px;
  border-width: 2px;
  /* color: red; */
}

.product-picker-tab.active h2 {
  color: red;
}








.row-fluid,
article {
  position: relative;
}


/*
@media screen and (max-width: 960px) {

 .colorvar-title  { display: none; }
 .colorvar-title2 { display: block; }

 .padcolor-title  { display: none; }
 .padcolor-title2 { display: block; }


}                 */

@media screen and (max-width: 480px) {


  body {
    font-size: 0.9rem;
  }


  .gridbg {
    left: 0px;
    height: 500px;
    width: 100%;
  }

  .colorvar {
    height: 70px;
    width: auto;

  }

  .colorvar .productimage {
    height: 70px;
  }

  .padcolor div.iswhite {
    width: 28px;
    height: 28px;
  }

  .padcolor div.mciicoitem {
    width: 4px;
    height: 4px;
    margin: 1px;
  }

  .padcolor div.mcifreeico {
    font-size: 19px;
    width: 30px;
    height: 12px;
    line-height: 14px;
    padding: 0;
  }

  .padcolor div.mcifreeico img {
    width: 12px;
    height: 12px;
    margin-left: 4px;
  }


}


.savedbox {
  position: relative;
}

#savedbox {
  padding: 10px 20px;
}

.cartimage,
.cartdraft,
.cartinfo {
  /*display: inline-block;*/
  max-width: 100%;
  /*height: 200px;*/


}

.cartimage {
  padding: 0;
}

.cartimage img {
  box-shadow: none;
  padding: 0.5rem;
}

.cartinfo {
  text-align: center;
}

.cartinfo table {
  font-size: 12px !important;

}

.cartinfo h3 {
  font-size: 112%;
  margin: 0;
}

.fa {
  float: left;
  font-size: 120%;
  margin-right: 10px;
}

#box-tools i.fa {
  margin: 0;
  float: none;
}

/**** MASONRY ***********/

.item {
  width: 25%;
}

.item.w2 {
  width: 50%;
}

.btn-ico i {
  margin: 0;
}


.tab-content>.active {
  display: block;
}

.tab-pane {
  padding: 10px;
}


#tab-simple .tab-pane {
  background: #eee;
  border: 1px solid black;
  border-radius: clamp(5px, 1vw, 10px);
  width: auto;
  margin: 0 auto 1em auto;
  /*max-width: 1200px;*/
}

.font-chip {
  border: 1px solid #C0C0C0;
  border-radius: 3px;
  display: block;
  float: left;
  font-size: 150%;
  overflow: hidden;
  padding: 5px;
  position: relative;
  width: 24.5%;
  margin: 0.25%;
  white-space: nowrap;
  height: 40px;
  text-align: left;
}

.font-chip img.img-responsive {
  display: block;
  max-height: 100%;
  max-width: 100%;
}

.btn-heart {
  font-size: 18px;
  margin: 0;
  padding: 7px;
  position: absolute;
  right: -2px;
  top: -1px;
}

.btn-heart.active {
  color: #FF0000;
}

.btn-heart.active i:before {
  margin: 0px;
  content: "";
}

.btn-heart i {
  margin: 0px;
}


.pagination {
  margin: 0 10px;
  vertical-align: middle;

}

ul.pagination li {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

ul.pagination input {
  width: 60px;
  height: 100%;
  font-weight: bold;
}



.glyph {
  display: inline-flex;
  height: 55px;
  margin: 1px;
  position: relative;
  width: 55px;
  align-items: center;
  justify-content: center;
}

.glyph2 {

  cursor: pointer;
  font-size: 33pt;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
}


.glyph2:hover {
  background: #BC2319;
  color: white;
  /*  left: -10px;
  top: -10px;
  width: 53px;
  height: 53px;
  z-index: 100;
  font-size: 20pt;
  border-radius: 5px;*/
}


.glyph i {
  display: block;
  line-height: 20pt;
  margin: 0 auto;
  position: relative;

}

#glyph-lib-dlg {
  line-height: 0;
}


#glyph-preview {
  background: none repeat scroll 0 0 white;
}


.progress {
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  display: block;
  margin: 0px;
  margin-right: 10px;
  margin-top: 3px;
  overflow: hidden;
}

.progress.perror {
  background: red;
}

.progress .sr-only {

  position: relative;
}

.uploadfilename {
  background: silver;
  color: black;
  font-weight: bold;
  padding: 3px 10px;
  margin: 1px 1px 1px 10px;
  text-align: right;
}

.library-box h3 {
  /* background: none repeat scroll 0 0 black; */
  color: white;
  font-size: 140%;
  font-weight: bold;
  padding: 2px 10px;
  margin: 0;
}

.library-box {
  background: none repeat scroll 0 0 #808080;
  border: 2px solid #000000;
  margin: 0 5px 10px;
  padding: 10px;

}


#box-I button span,
.box-I button span {
  font-weight: bold;
}

#box-I button i,
.box-I button i {
  float: none;
  font-size: 260%;
  margin: 0 10px 0 0px;
  vertical-align: middle;
}

#itemlist {
  overflow-y: auto;
  overflow-x: hidden;
}



#itemlist>div {
  background-color: #aaaaaa;
  background-image: -moz-linear-gradient(center top, #cccccc, #aaaaaa);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 2px 10px;
  cursor: pointer;
}

.input-mini {
  width: 50px;
}


.sline-font,
.sline-fontstyle {
  height: 26px;
  width: 85px;
  vertical-align: middle;
}

.sline {
  /*margin-bottom: 12px;
    justify-content: stretch;*/
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 6px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #DFDFDF;
}

.sline:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

.sline-section {
  display: flex;
  /*justify-content: stretch;*/
  flex-grow: 0;
  align-items: center;
  margin: 2px 0 2px auto;
}

.sline-section:first-child {
  flex-grow: 1;

}

.sline-section input {
  flex-grow: 1;
}

.sline label {
  font-weight: normal;
  margin: 0 8px;
  /* flex-grow: 1; */
}

.sline .select2 {
  flex-grow: 1;
}

.select2-dropdown.select2font-dd {
  width: max-content !important;
  min-width: 150px;
}

.select2-dropdown.select2font-dd span.select2font {


  background-size: contain;
  margin: 0;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  position: relative;
  top: 0;
  transform: unset;
}

.select2-dropdown.select2font .select2-results__option {
  padding: 2px 10px;
}


.select2-container .select2font {
  background-size: auto 14px;
  height: 14px;
  display: block;
  background-position: left center;
  top: 50%;
  position: absolute;
  left: 4px;
  width: calc(100% - 8px);
  transform: translateY(-50%);
  overflow: hidden;
  background-repeat: no-repeat;
}

.sline-text::placeholder {
  color: #ddd;
}


.sline-glyph {
  color: #CCCCCC;
  height: 24px;
  padding: 0 3px;
  vertical-align: middle;
  font-family: FontAwesome;
}

.sline-glyph.set {
  color: black;
}

.sline-glyph i {
  margin: 0;

}

.xform div {
  display: inline-block
}

.f {
  text-align: right;
}

.fstar {

  float: none;
  font-size: 50%;
  vertical-align: super;
}

h3.order {
  background: none repeat scroll 0 0 #949494;
  border-bottom: 3px solid #FF0000;
  border-radius: 15px 21px 0 0;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}

h3.order i {
  float: none;
  margin-right: 11px;
}

.orderheader {
  background: #ddd;
  border-bottom: 1px solid #aaa;
  /* color: white; */
  font-weight: bold;
  padding: 7px;
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.orderpaymenrow {
  padding: 0.5em;
  margin: 0.5em 0;
  display: flex;
  align-items: center;
}

form.form-horizontal {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 20px;
}


.order-choose-box,
.order-choose-box .chboxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*align-items: start;*/
}

.order-choose-box>div {
  width: 100%;
  order: 2;
}

.order-choose-box>label,
.chboxes>label {
  /*width: auto !important;*/
  /*flex-grow: 0;*/
  /*width: min-content;*/
  text-align: left;
}

.paymentbox .btn-group-vertical>div {
  order: 2;
  width: 100%;
  max-width: 800px;
}

.paymentbox .btn-group-vertical {
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
}

.paymentbox .btn div {
  white-space: normal;
}

.paymentbox .btn-tick {
  order: 1;
  width: auto;
}

.btn-tick:hover,
.btn-tick:active {
  background: none;
  text-shadow: none;
  color: black;
  opacity: 0.8;
  box-shadow: none;
}

.btn-tick.active:hover,
.btn-tick.active:active {
  background: none;
  text-shadow: none;

  opacity: 0.8;
}


.btn-tick {
  background: none;
  color: black;

  white-space: normal;
  border: none;

}

.btn-tick.active {
  background: none;
  border: none;
  box-shadow: none;
}

.btn-tick.tick {
  display: none;
}

.btn-tick:before {
  content: "\f096";
  font-family: Fontawesome;
  font-size: 190%;
  margin-right: 10px;
}

.btn-tick.active:before {
  content: "\f046";
  font-family: Fontawesome;
  margin-right: 6px;
}

.order-choose-box .btn-tick {
  order: 1;
}

.delivery-info {
  order: 2;
}


.delivery-info,
.payment-info,
.gdpr-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: flex-start;
  margin-top: 10px;
  padding: 12px;
  min-height: 105px;
  background: none repeat scroll 0 0 #EFEFEF;
  white-space: normal;
  border-radius: 4px;
  text-align: justify;
}

.delivery-info>div,
.payment-info>div {
  margin: 10px;
  flex-basis: 65%;
  flex-grow: 1;
  align-self: center;
}

.delivery-info>div.description {
  width: fit-content;
  flex-basis: 150px;
  text-align: left;
}

.delivery-info>img,
.payment-info>img {
  margin: 10px;
  /* max-height: 100px; */
  max-height: 7em;
  max-width: calc(100% - 20px);
}


.delivery-info ul {
  max-height: 400px;
  overflow: auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.delivery-info ul li {
  background-color: #fff;
  display: block;
  margin: 0.2em;
  padding: 1em;
  min-width: 180px;
  /*width: clamp(190px, 250px, calc(50% - 0.4em));*/
  flex-basis: calc(33% - 0.4em);
  flex-grow: 1;
  border: 1px solid #D5D5D5;
}

.delivery-info ul li:before {
  content: none;
}

.delivery-info ul li label {
  padding: 0;
  width: 100%;
  justify-content: normal;
}

.delivery-info ul li>div {
  max-width: 250px;
  margin: 0.5em 0 0 0;
}

.delivery-info ul li .ot span {
  font-weight: bold;
}

.delivery-info ul li .ot div {
  white-space: pre-line;
}

.delivery-label,
.payment-label {
  /* background: #f3f3f3;*/
  flex-basis: calc(50% - 2px);
  margin-top: 4px;
  padding: 0.5em 1em;
  border-radius: 4px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.delivery-label:hover,
.delivery-label.active,
.delivery-label.active:hover,
.payment-label:hover,
.payment-label.active,
.payment-label.active:hover {
  background: #f3f3f3;
}

.delivery-label>div,
.payment-label>div {
  flex-grow: 1;
  flex-basis: 40%;
  padding: 0.5em 1em 0.5em 0.5em;
}

.delivery-label img,
.payment-label img {
  max-height: 4em;
  max-width: 40%;
  margin: 0.5em;
}

.payment-label .pdisc {
  white-space: nowrap;
}

.inner-box {
  /*margin: 0px 20px 0px 0;*/
  display: flex;
  flex-wrap: wrap;
}

.delivery-info .inner-box {
  flex-basis: 100%;
  display: block;
}

.inner-box>div {
  /*flex-basis: 50%;*/
  flex-grow: 1;
}

.inner-box .prices {
  margin-bottom: 1em;
}

.inner-box .prices span {
  min-width: 130px;
  display: inline-block;
}

.inner-box .methods {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
}

.inner-box .methods>div {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.inner-box .methods img {
  margin: 0.5em 1em 0.5em 0;
  max-height: 4em;
}

#gdpr-info-1 {
  display: block;
}


#gdpr-info-1 input {
  max-width: 50%;
}

.gdpr-info>div {
  margin: 10px 5px;
  text-align: justify;
}


.gdpr-info .form-group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gdpr-info label.flab {
  width: 50%;
  text-align: right;
  padding-right: 20px;
}


.gdpr-info .row.formgroup,
.gdpr-info p {
  border: none;
  background: none;
}


#curcanwidget {
  padding: 0 13px;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}


.final-chb label {
  text-align: left;
}

.final-chb {
  display: flex;
  flex-direction: column;
  align-items: start;
  /*width: max-content;*/
  margin: 0 auto;
}

.final-chb hr {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px dotted #fff;
  width: 100%;
  height: 0;
}


.emptyimprint {
  background: white;
  border: silver 2px solid;
  position: relative;

}

.round11 {
  border-radius: 200px;
}

.emptyimprint div {
  margin: auto;
  position: relative;
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
  color: silver;
}

.cimg .filename {
  max-width: 120px;
  overflow: hidden;
  white-space: normal;
  font-size: 80%;
}

.custom_files .cimg {
  /* position: relative;
  display: flex; */
  padding: 5px;
  /* height: 100%; */
  /* align-self: center; */
  position: relative;
  /* nechat - at se zobrazi delete na hover spravne */
  /* width: ; */
  /* align-items: center; */
  /* justify-content: center; */
  cursor: pointer;
  /* margin: 10px; */
  /* flex-direction: column; */
  /* color: white; */
}

.custom_files .cimg:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.custom_files .cimg img {
  display: flex;
  border: 2px solid #fff;
  margin: 0 auto;
  align-items: center;
  position: relative;
  justify-content: center;
  border: 0;
  /* TODO - zkusit: height: 10vw; */
  max-height: 100px;
  max-width: 100px;
}

.custom_files .cimg:hover img {
  border: 1px dotted #888;
}



.custom_files button {
  bottom: 10px;
  position: absolute;
  right: 10px;
  z-index: 1000;
  display: none;
}

.custom_files .cimg:hover button {
  display: block;
}

.custom_files button i {
  margin: 0;
}


div#map-canvas-container {
  margin: 10px auto;
  max-width: 1200px;
  padding: 0 25px;
}

#map-canvas {
  display: block;
  height: 500px;
  position: relative;
  overflow: hidden;
}

#map-canvas img {
  max-width: none;
}

.map-comp-title {
  font-weight: bold;
  color: red;
}




/*************** FLEXSLIDER  ******************/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides>li {
  display: none;
  backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
#flexslider li {
  margin-bottom: -7px
}

;

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
  display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 60px auto 0px auto;
  padding: 0 25px;
  background: #fff;
  /*max-width:1060px;*/
  position: relative;
}

.slides {
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  zoom: 1;
  /*max-width: 1060px*/
  ;
  overflow: hidden;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px
}


/* Direction Nav */
/* .flex-direction-nav {
   *height: 0;
} */

.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -30px 0 0;
  display: block;
  background: url(../../../img/slider/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  text-align: center;
  max-width: 963px;
  margin-top: 5px
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  /* *display: inline; */
}

.flex-control-paging li a {
  display: block;
  width: 20px;
  height: 0;
  padding-top: 20px;
  background-image: url(../../../img/slider/pagination.png);
  background-position: 0 0;


  cursor: pointer;
  text-indent: -9999px;
}

.flex-control-paging li a.flex-active {
  background-position: 0 -20px;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 810px) {
  .layout-bigsmall-box .alert iconify-icon {
    display: none;
  }
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}



.bigquestion {
  text-align: center;
  font-size: 200%;
}

.user-name {
  /* margin: 0 20px 0 0; */
  padding: 0 0.2em;
}

#user-bar {
  color: #000;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 9000;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
}

.navbar-default {
  margin: 0;
  border: none;
}


.raz_err_msg {
  background: none repeat scroll 0 0 #FFEFEF;
  border: 1px solid #FF0000;
  color: #FF0000;
  margin: 10px 20px;
  padding: 5px;
  text-align: center;
}

.hilite {
  font-weight: bold;
  color: red;
}

.tip {
  background-color: #FFFFEE;
  border: 2px solid #FFEE00;
  border-radius: 4px;
  font-size: 90%;
  font-style: oblique;
  margin: 10px 5px;
  padding: 10px;
}

.quickcontact .fa {
  color: #FF0000;
  float: none;
  font-size: 150%;
  margin-left: -14px;
  margin-right: 22px;
  vertical-align: middle;
}

.quickcontact {
  border: 3px solid #FF0000;
  border-radius: 6px;
  display: inline-block;
  font-size: 150%;
  font-weight: bold;
  margin-top: 40px;
  padding: 10px 35px;
}


#topprod article {
  display: inline-block;
}

div#topprod {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}


#topprod h3 {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid black;
  font-size: 200%;

}


.flags_box {
  background: white;
  border-radius: 3px;
  display: flex;
  align-items: center;
  /*display: inline-flex;
  margin: 0 10px 0 0;
  padding: 3px 2px 0; */
  width: auto;
  min-width: 68px;
  gap: 0.5em;
}

.flags_box img {
  box-shadow: 0px 0px 4px #828282;
}

.lang-switcher img {
  outline: 1px solid #ddd;
}

.lang-switcher {
  order: 6;
  display: flex;
  /* width: 100%; */
  /* height: 100%; */
  justify-content: space-evenly;
  align-items: center;
  padding: 0 10px 0 7px;
  flex-direction: column;
}

.oldsystem {
  background: black;
  color: red;
  padding: 10px 7px;
  display: inline-block;
  font-weight: bold;
  width: 100%;
}


.ordernote {
  background-color: red;
  border-radius: 4px;
  color: white;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
  font-size: medium;
}



.ordercontent {
  display: flex;
  justify-content: center;
  align-items: start;
}

.orderhistoryrow {
  /* width: max-content; */
  margin: 30px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
}

.orderheader div {
  margin: 0 30px;
  padding: 0.2em 0.5em;
}





/********* AM ***********/

.btn.adm {
  background: var(--admin-mode);
}

div.adm {
  border: 8px solid var(--admin-mode) !important;
}

.cimg.adm {
  width: 200px;
  max-height: 100px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px;
  position: relative;
}

.cimg.adm img {
  height: auto;
  max-width: 100%;
  max-height: 60px;
}

.simple-adm-images {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
div.tab-pane.adm:before {
  content: "admin mode";
  position: absolute;
  top: -2px;
  background: white;
  color: var(--admin-mode);
  padding: 0 10px;
  height: 15px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}
*/

div.sline-adm-num {
  display: inline-flex;
  background: white;
  color: white;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: 1px solid var(--admin-mode);
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border-radius: 5px;
}

div.sline-adm-num.active {
  background: var(--admin-mode);
  color: white;
  border: 1px solid;
}

/* kontaktni informace */
.contact_page {
  max-width: fit-content;
}

.contact_page h2 {
  border: 0;
}

.contact_page p {
  padding: 10px 55px;
}

.contact_page ul,
.contact_page p {
  max-width: 580px;
}

.contact_page a {
  text-decoration: underline;
}

.contact_page table {
  /*max-width:500px;*/
  width: auto;
  margin: 0 auto;
  border: 0;
}

.contact_page table td,
.contact_page table th {
  border: 0;
  /* white-space: pre-line; */
}

.contact_page table th {
  white-space: nowrap;
  font-size: 96%;
  width: 50%;
}

/* } */

/* ******** MEDIA *********************/

@media screen and (max-width: 1366px) {


  .header-logo-subtext br {
    DISPLAY: inline;
    content: " ";
  }

  .header-logo-subtext br:before {
    content: " ";
  }

}


@media screen and (max-width: 1200px) {

  .header-logo-subtext {
    font-size: 120%;
  }

  .current-stamp {
    flex-wrap: wrap;
    justify-content: center;
  }

  .menu-title-spacer {
    order: 5;
  }

  .new-menu .menu-title {
    order: 10;
    /*width: 100%;*/
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #ddd;
    height: auto;
    position: relative;
  }


  .menu-cart {
    order: 2;
  }

  div#curcanwidget {
    order: 3;
  }


  .menu-search {
    order: 1;
  }

  .menu-search.active {
    width: 100%;
    background: #e8e8e8;
  }


  .menu-product {
    order: 2;
    padding: 12px;
  }

  .menu-user {
    order: 5;
  }

  .sline-section input {
    flex-grow: 1;
  }

  .sline label {
    font-weight: normal;
    margin: 0 8px;
    /* flex-grow: 1; */
  }

  .sline .select2 {
    flex-grow: 1;
  }

  #filelist-drop,
  .filelist-drop {
    line-height: initial;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

}

@media screen and (max-width: 960px) {

  .master-page .wwwheader .header-logo img {
    max-width: 260px;
  }

  .master-page .wwwheader .header-mainlogo {
    min-width: auto;
    max-height: 80px;
    /* justify-content: center; */
    margin: 0 2vw;
  }

  .master-page .wwwheader .header-mainlogo a {
    display: flex;
    justify-content: flex-end;
    /* margin: 0 1em; */
  }

}


@media screen and (max-width: 768px) {


  .master-page .wwwheader .header-mainlogo {
    /* order: 1; */
  }

  .master-page .wwwheader .header-logo {
    /* order: 3; */
    /* max-width: 90vw; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* max-height: 62px; */
    margin: 0 2vw;
  }

  .master-page .wwwheader .header-logo img {
    margin: 0;
    /* max-width: 90vw; */
    order: 2;
  }

  .master-page .wwwheader .header-logo div {
    /*
    margin: 20px 10px 11px;
    text-align: center;
    */
    display: none;
  }

  li#li-title {
    width: 100vw;
    max-width: 100vw;
  }

  ul.nav.nav-tabs li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 95%;
  }

  .footmenu {
    flex-wrap: wrap;
  }

  .footmenu-box {
    min-width: 29vw;
    margin-bottom: 30px;
    padding: 0 10px;
  }

  .smaller-stamp a {
    /* opacity: 0.8; */
    /* margin: 10px 5px 0; */
    /* justify-content: center; */
    font-size: 80%;
  }

  .filter-spacer {
    display: none;
  }

  .menu-user {
    order: 5;
  }

  h2 {
    /*font-size: 130% !important;*/
    margin: 36px 0 10px 0;
    padding: 0;
  }

  .entry-content,
  .entry-summary,
  .mu_register {
    padding: 0px;
  }

  .sline-glyph {
    margin: 0 !important;
  }


  .layout-info {
    max-width: 100vw;
    flex-grow: 1;

  }

  ul.nav.nav-tabs {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .nav-tabs>li {
    max-width: 50%;
  }

  .nav-tabs li {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
  }

  .nav-tabs li a {
    width: 100%;
    height: 100%;
  }

  ul.nav.nav-tabs {
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    max-width: 97vw;
  }

  .nobranch {
    padding: 30px 10px;
  }

  div.branch {
    margin: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
  }

  .branch div.branch-text {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
  }

  .branch>* {
    width: 43%;
    max-width: 43%;
  }

  .branch .fa {
    margin-left: 0;
  }


  .box-s-section.text-toolbar {
    /*flex-wrap: wrap;*/
    margin-top: 10px;
  }

  .current-stamp .productimage {
    margin: 0;
  }

  .alt-stamps {
    margin: 0;
    flex-wrap: wrap;
  }

  .alt-stamp {
    margin: 10px 0;
  }

  .header-logo-subtext {
    order: 10;
    font-size: 120%;
    line-height: 120%;
    padding: 20px 20px;
    margin: 10px 0 -10px;
  }

  .header-mainlogo {
    order: 1;
  }

  .header-logo-box {
    order: 3;
    max-width: 99vw;
  }

  .basic-header {
    padding: 2vw;
    flex-wrap: wrap;
    /* flex-direction: initial; */
    /* justify-content: center; */
    /* align-items: center; */
  }

  .header-mainlogo {
    max-width: 50%;
    min-width: 40%;
    order: 2;
    flex: 1 1;
  }

  .header-logo {
    max-width: 90vw;
    order: 1;
    margin: 18px auto 8px;
    padding: 0;
  }

  .header-contact {
    max-width: 50%;
    min-width: 40%;
    /* padding: 0; */
    /* margin: 0; */
    order: 2;
    flex: 1 0;
    /* font-size: 80%; */
  }

  .header-contact-inner {
    line-height: 150%;
  }

  /*
  div#price-recap {
      max-width: 96vw;
      min-width: auto;
  }

  #price-recap table {
      margin: 0;
      width: 100%;
  }
  */




  textarea#stamp-note {
    width: 100% !important;
  }

  #topprod h3 {
    font-size: 161%;
  }

  .entry-content ul {
    padding: 2px 20px;
    margin: 0;
  }

  .delivery-info ul {
    padding: 0;
  }

  #map-canvas {
    margin: 0;
  }

  .entry-content h1,
  .comment-content h1 {
    font-size: 160% !important;
    width: 100vw;
    margin: 0;
  }

  .product-title h1 {
    width: 100%;
    /* margin-bottom: 9px; */
  }


  .row.fullcart {
    padding: 4px;
  }

  header.product-title {
    max-width: 100%;
  }


  .cartinfo {
    padding: 0;
  }

  .cartinfo table {
    width: 100%;
  }


  .new-menu .menu-title h1 {
    font-size: 170% !important;
    padding: 0;
    margin: 0;
  }

  .layout-templates {
    flex-wrap: wrap;
  }

  .layout-info {

    order: 5;
    padding: 4px;
  }

  .tab-pane {
    padding: 0;
  }

  .template-draft {
    max-width: 40vw;
  }

  div#stamp-templates .template-draft {
    max-width: 44vw;
    margin: 4px;
  }

  div#stamp-templates-content {
    text-align: center;
    position: relative;
    margin-top: 10px;
  }

  .gridbg {
    border: 1px dotted red;
    border-top: none !important;
    height: 100%;
    width: 99%;
  }

  .gridbg2 {
    border: none;
    border-top: none !important;
    height: 100%;
    width: 95%;
  }

  .imprintrow {
    margin-bottom: 30px;
    margin-top: -23px;
  }

}

@media screen and (max-width: 670px) {

  .smaller-stamp .productimage {
    display: none;
  }

}



@media screen and (max-width: 360px) {

  ul.nav.nav-tabs li a {
    font-size: 90%;
    padding: 9px 7px;
  }

}

@media screen and (max-width: 325px) {

  .new-menu .menu-prod div {
    font-size: 81%;
  }


}