/* global */
body {
	margin: 0;
	padding: 0;
}

body.step_3 {
	background: #1c1c1c;
}


div.form_funnell div.cl,
div.form_funnell span.cl {
	display: block;
	clear: both;
}

.nowrap {
	white-space:nowrap;	
}
#edit_condition_url,
div.form_funnell .PopWin {
	z-index: 50;
}
div.form_funnell .PopWin {
	position: absolute;
	display: none;
	min-width: 282px;
	min-height: 100px; 
	z-index: 22;
	text-align: center;
	padding: 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 3px solid rgba(146, 154, 143, .5);
	border-radius: 5px;
}
div.form_funnell .PopWin .close {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #ffffff;
	font-size: 150%;
	cursor: pointer;
	padding: 10px;
	background: transparent url(../../../img/icon_close_black.png?time=1) 25px 13px no-repeat;
	width: 50px;
	height: 37px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
div.form_funnell .PopWin .close:hover {
	background-position: 25px -11px;
}

/* / global */
.ss_funnell,
#ss_funnell,
form.stripe_payment,
div.form_funnell {
	max-width: 440px;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#funnell_upsells select,
form.stripe_payment select {
	display: block;
	width: auto;
	margin: auto;
}
#funnell_upsells .property_box,
form.stripe_payment .property_box {
	padding: 5px 0 15px 0;
}
div.form_funnell .property_box select {
	width: auto;
}
div.upsell_next {
	color: #000000;
	margin-top: 1em;
}
div.upsell_next p:first-child  {
	margin-top: 0;
}
div.upsell_next.contenteditable {
	font-size: 130%;
}
div.upsell_next a {
	text-decoration: none;
}
div.form_funnell form {
	display: block;
}
div.form_funnell form#tools_attr_own {
	position: relative;
}
form.form_funnell {
	text-align: center; 
}
div.form_funnell input[type="radio"],
div.form_funnell input[type="checkbox"] {
	display: block;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	 appearance: checkbox;
}
div.form_funnell input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	 appearance: radio;
}

.form_funnell form.form_odberatel {
	text-align: left; 
}
.form_funnell form.form_odberatel input.inp_dic.found {
    background-image: url(../../../img/check.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.edit_item_upsell label,
div.form_funnell label {
	display: block;
}
.edit_item_upsell label {
	font-weight: bold;
}
div.form_funnell label.shipper {
	margin-top: 1em;
}

div.form_funnell div.container.form_odberatel label:not(.funnell_show) {
	display: none;
}
div#form_step2.form_funnell {
	text-align: left;	
	position: relative;
}
.edit_item_upsell label,
div#form_step2.form_funnell label {
	font-weight: normal;
	margin-bottom: 0.1em;
}
.edit_item_upsell label.list {
	font-size: 90%;
}
.edit_item_upsell .ss_clenska_sekce .list.first {
	margin-top: 1em;
}
.edit_item_upsell label.list {
	margin-bottom: 0;
}
.edit_item_upsell :not(td) label,
div#form_step2.form_funnell :not(td) label {
	font-weight: normal;
	padding: 0.1em 0;
}
.edit_item_upsell td label,
div#form_step2.form_funnell td label {
	padding: 0;
}

label.check_labeled,
.edit_item_upsell div.set-items-details {
	text-align: left;
}

div.form_funnell form#tools_attr_gopay div.label_checkbox label.funnell_show,
div.form_funnell.form_step:not(#form_step2) div.label_checkbox label.funnell_show {
	display: block;
	position: relative;
	top: -3px;
}

div.form_step.form_funnell div.arrow-best-offer {
	width: 33px;
	height: 18px;
	background: red;
	background: transparent url(../../../img/arrow-red.gif) no-repeat;
	position: absolute;
	animation: arrow-best-offer 1s infinite;
	animation-direction: alternate-reverse;
}

div.uprav_app div.form_step.form_funnell div.arrow-best-offer {
	top: 7px;
}
@keyframes arrow-best-offer {
	from {left: -27px;}
	to {left: -22px;}
}

div.form_step.form_funnell label.nabidka span {
	display: block;
	font-size: 90%;
}

div.form_funnell table tr.line {
	border: 0;
}
div.form_funnell table { border: 0; }
div.form_funnell table tr.line td,
div.form_funnell table th, table td {
	vertical-align: top;
	padding: 5px 2px;
	border: 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
div.form_funnell table tr.type_variant_checkbox:nth-child(1) {
	margin-top: 30px;
}
div.form_funnell table tr td {
	position: relative;
}
div.form_funnell table tr.line td {
	padding: 1px 2px;
}
div.form_funnell table tr.cont_item td:nth-child(1) input {
	margin-top: 3px;
}
div.form_funnell table tr:nth-child(2) td {
}
div.form_funnell table tr:nth-child(1) th, div.form_funnell table tr:nth-child(2) td {
	padding-top: 0;
	padding-bottom: 0;
}
div.form_funnell table tr:last-child th {
	padding-bottom: 20px;
}

div.form_funnell table tr.souhrn_objednavky th {
	padding-top: 20px;
}
div.form_funnell table tr#souhrn_celkem th:nth-child(2) {
	text-align: right;
}
div.form_funnell table tr#souhrn_celkem th:nth-child(2),
div.form_funnell table tr#souhrn_celkem th:nth-child(3) {
	white-space: nowrap;
}

div.form_funnell #promo_code {
	display: none;
}
div.form_funnell #ss_discount_code {
	position: relative;
}
div#form_step1 div.err,
div.form_funnell #ss_discount_code div.check_result {
	display: none;
	position: absolute; 
	color: #45c63c;
	top: 3px;
	right: 2px;
	padding: 2px 6px;
}
div.form_funnell #ss_discount_code div.check_result {
	background: #ffffff right center no-repeat;
	background-size: 26px 26px;
	padding-right: 35px;
}
div.form_funnell #ss_discount_code.check_ok div.check_result {
	background-image: url(../../../img/check.png);
}
div.form_funnell #ss_discount_code.check_ko div.check_result {
	background-image: url(../../../img/check_ko.png);
}

div#form_step1 div.err,
div.form_funnell #ss_discount_code.check_ko div {
	color: #f1533e;
}
div#form_step1 div.err {
	display: block;
	background: #fff;
}
div#form_step1 input.err {
	border: 2px solid red;
}

div.form_funnell #promo_code td:nth-child(2) {
	text-align: right;
}
div.form_funnell #promo_code td:nth-child(2) p {
	float: right;
	border-radius: 10px;
	color: #fff;
	background: #6fc383;
	padding: 3px 18px;
}
div.form_funnell.form_step td p, div.form_funnell.form_step th p {
	margin: 0;
}
div.form_funnell #souhrn_celkem th del {
	margin-right: 7px;
}

div.form_funnell table tr.image_item td {
	padding: 0;
}
div.form_funnell table tr.image_item td,
div.form_funnell table tr td:nth-child(1)  {
	padding-left: 0;
	padding-right: 0;
}
div.form_funnell table tr.cont_item td:nth-child(2) {
	width: 80%;
}
div.form_funnell table tr td:nth-child(3)  {
	padding-right: 10px;
}
div.form_funnell table th {
/*	padding: 8px 2px; */
}
div.form_funnell table td.price_item span {
	white-space: nowrap;
}
div.form_funnell table td.price_item span.post {
	font-size: 80%;
}
div.form_funnell #part_firemni_udaje,
div.form_funnell div#form_new_project {
	display: none;
}

div.form_funnell #part_firemni_udaje.show {
	display: block;
}
div.form_funnell #show_form_new_project {
	cursor: pointer;
	text-decoration: underline;
}
div.form_funnell button {
	float: none;
	width: auto;
}
div.form_funnell .setBgColor  button, div.form_funnell .setBgColor p {
	font-size: 120%; 
}
div.form_funnell .setBgColor p,
#blocks_sortable div.form_funnell .setBgColor p {
	margin: 1em 0;
	color: #fff;
}
div.form_funnell .form label {
	display: block;
	margin-bottom: 0.5em;
	width: auto;

}
div.form_funnell.form_step .title p:first-child {
	font-size: 120%;
}
div.form_funnell.form_step .title p {
	font-size: 80%;
	width: auto;
}

div.form_funnell.form_step .container {
	width: auto;
	padding: 20px;
	background: #000000;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.edit_popwin_some,
div.form_funnell.form_step {
	color: #ffffff;
}
/*
div.form_funnell :not(.button_step) > p,
div.form_funnell th,
div.form_funnell #souhrn_polozka td,
div.form_funnell label:not(.nabidka) {
	mix-blend-mode: difference;
}
*/
div.form_funnell.dark_text div:not(.button_step) > p,
div.form_funnell.dark_text button:not(.button_step) p,
div.form_funnell.dark_text th,
div.form_funnell.dark_text #souhrn_polozka td,
div.form_funnell.dark_text #souhrn_polozka_2 td,
div.form_funnell.dark_text label:not(.nabidka),
#ss_funnell div.form_funnell.dark_text label:not(.nabidka) a {
	color: #000000;
}

div.form_funnell.form_step .title {
	position: relative;
	float: left;
	width: 50%;
	min-height: 100px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 10px 10px 65px;
	text-align: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
div.form_funnell.form_step .cont_title {
	display: flex;
	align-items: flex-end;
	font-size: 130%;
}
div.form_funnell.form_step .cont_title_merged_1_2 {
	display: block;
}
div#title_step_merged_1_2 {
	padding: 5px 20px;
	font-size: 130%;
	text-align: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#ss_funnell div#title_step_merged_1_2,
#all_cont div#title_step_merged_1_2 {
	font-size: 100%;
}

div.form_funnell.form_step .title {
	background: #000000;
	vertical-align: bottom;
	display:table-cell;
}
div.form_funnell.form_step .title:before {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #555555;
	content: "1.";
	font-size: 120%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
div#form_step1.form_funnell .title.step2,
div#form_step2.form_funnell .title.step1 {
	opacity: 0.2;
}

div#form_step1 div {
	position: relative;
}
div.form_funnell.form_step .title.step2:before {
	content: "2.";
}
div.form_funnell.form_step p {
	margin: 0;
}
div.form_funnell.form_step .title p {
	margin: 0;
}
div.form_funnell #cont_ic_dph {
	display: none;
}

div.form_funnell button.button_step,
div.form_funnell div.button_step {
	font-size: 120%;
	font-weight: bold;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* vyjimky pro inline vlozeni do app 22 */
div#all_cont div.form_funnell.form_step .cont_title {
	font-size: 180%;
}
div#all_cont div.form_funnell div.button_step {
	font-size: 160%;
}
div#all_cont #form_step2 #container2 {
	font-size: 120%; 
}
div#all_cont #form_step2 #container2 .cont_confirm_condition i.fa {
	font-size: 120%; 
}
div#all_cont #form_step2 #container2 #select_payment_method i.fa {
	font-size: 110%; 
}
div#all_cont #form_step2 #container2 .cont_confirm_condition {
	font-size: 90%; 
}
span#url_condition {
	float: right;
}
div#all_cont #form_step2 #container2 tr.set_quantity_item {
	font-size: 90%; 
}
div#all_cont #form_step2 #container2 div.button_step {
	font-size: 120%; 
}
div#all_cont div.form_funnell div.button_upsell {
	font-size: 160%;
}
div#all_cont table#ss_funnell_souhrn {
	font-size: 130%; 
}
div#all_cont div#form_step1 div.err,
div#all_cont div.form_funnell #ss_discount_code div.check_result {
	font-size: 130%;
}
body .select_method_title,
body .stripe-card-element .stripe_payment.card-element {
	position: relative;
	margin: 20px -10px 15px -10px;
	padding: 6px 10px 8px 10px !important;
	width: unset !important;
}
body .select_method_title {
	position: relative;
	color: #ffffff;
}
body .select_method {
	margin-bottom: 10px;
}
body .select_method_title p.info {
	padding: 0 5px;
	margin: 0;
}
div.form_funnell.form_step .container .select_method .chbx {
	padding: 0 0 2px 0;
}
body .select_method .payment_method {
	width: calc(100% - 150px);
}
body .select_method_title .bg_card,
body .stripe-card-element .stripe_payment.card-element .bg_card {
	position: absolute;
	background: rgb(0,0,0,0.3);
	border-radius: 10px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* pouze v administraci */
#uprav_app #select_payment_method .payment_method {
	width: calc(100% - 100px);
}
#zasilkovna_pickup_point {
	display: none;
	width: 100%;
	max-width: 100%;
}
#zasilkovna_addressId {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	padding: 0;
	margin: 0;
}
#zasilkovna_addressId_span {
	display: block;
	margin-top: -5px;
}
body .select_method_title p.info,
body .stripe-card-element .stripe_payment.card-element p.info { 
	font-weight: bold;
	font-size: 14px;
}
body .stripe-card-element .stripe_payment.card-element p.cc_title {
	padding: 0 0 10px 5px;
	display: inline-block;
}
#show_cvc_info { 
	float: right;
	padding: 2px 10px;
	cursor: pointer;
}
#cvc_info { 
	width: calc(100% - 16px);
	max-width: 450px;
	color: #000;
	text-align: left;
	background: #fff url(../../../img/cc_cvc.gif) no-repeat 0 80px; 
	left: 8px;
	font-size: 95%;
	padding: 3%;
	background-size: 40%;
	box-sizing: border-box;
}
#cvc_info .close { 
	top: 0;
	right: 0;
}
#cvc_info .cvc_title { 
	font-weight: bold;
	margin-bottom: 2.5em;
}
#cvc_info .cvc_title,
#cvc_info .cvc_desc { 
	padding-left: 42%;
}
body .select_method_title p.info, body .select_method_title div,
body .stripe-card-element .stripe_payment.card-element p.cc_title, body .stripe-card-element .stripe_payment.card-element div,
body .stripe-card-element .stripe_payment.card-element p.info { 
	position: relative;
	z-index: 2;
}
/* /vyjimky pro inline vlozeni do app 22 */

button.button_upsell {
	float: none;
}

form.form_funnell button.button_upsell,
div.form_funnell button.button_step,
div.form_funnell div.button_upsell_background,
div.form_funnell div.button_step_background {
	text-align: center;
	padding: 16px 5%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	color: #ffffff;
	border-radius: 3px;
	border: 0;
}

div.form_funnell div.button_upsell_background {
	padding: 13px 29px;
}
form.form_funnell button.button_upsell:disabled {
	opacity: 0.5;
}

div.form_funnell button.button_step,
div.form_funnell div.button_upsell_background,
div.form_funnell div.button_step_background {
	width: 100%;
}
div.form_funnell select,
div.form_funnell textarea.text,
div.form_funnell input.text,
div.form_funnell input[type="text"], div.form_funnell input[type="number"],
div.form_funnell input.text {
	width: 100%;
	max-width: 100%;
	padding: 5px 15px;
	border: 1px solid #dddddd; 
	border-radius: 5px;
	margin-bottom: 9px;
	color: #3f3f3f;
	font-size: 14px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
input.text.password {
	width: calc(100% - 15px);
	display: block;
}
div.form_funnell select.set_quantity {
	width: auto;
	padding: 2px 5px;
}

/* nahledy test aplikaci */
/*
#pre_info_demo_app div#link_ssp a,
#cont_test_app button {
	float: none;
	font-size: 115%;
	font-weight: normal;
	padding: 22px 66px 22px 25px;
	background: #4dcb43;
	background-image: url(../img/bg_btn_prizpusobit.png);
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: 0;
	color: #ffffff;
	margin-top: 1em;
	cursor: pointer;
}
*/
div.form_funnell input.text.password {
	width: calc(100% - 20px);
}

div.form_funnell div.button_upsell p,
div.form_funnell button.button_upsell p,
div.form_funnell div.button_step p,
div.form_funnell button.button_step p {
	margin: 0;
}

div.form_funnell div.button_step_background,
div.form_funnell button.button_step {
	margin-bottom: 2px;
	margin-top: 10px;
}
div.form_funnell #container2 table {
	border-collapse:collapse;
	width: 100%;
}
#sortable_checkbox {
	margin-top: 2em;
}

div.form_funnell #container2 table td.cena {
	white-space: nowrap;
}
div.form_funnell #container2 table img {
	max-width: 100%;
	width: 100%;
}

div.form_funnell .check_labeled {
	float: none;
	text-align: left;
}
/* sjednoceni velikosti label.check_labeled pro administraci a frontend */
#main_funnell div.form_funnell #show_firemni_udaje .check_labeled,
.block_elem div.form_funnell #show_firemni_udaje .check_labeled,
#main_funnell div.form_funnell .select_method .check_labeled {
	font-size: 120%;
}
/* sjednoceni velikosti label.check_labeled pro administraci a frontend */
div.form_funnell #show_firemni_udaje .check_labeled {
	font-size: 90%;
}
div.form_funnell .check_labeled {
	font-size: 90%;
}
div.edit_item_upsell label.check_labeled p,
div.form_funnell label.check_labeled p {
	margin-left: 30px;
	text-align: left;
	min-height: 20px;
}

.set_quantity_upsell select {
	text-align: center;
}


.block_elem_content #ss_funnell.ssf_npi_cont {
	font-size: 130%;
}
div.edit_item_upsell input.check_labeled,
div.form_funnell input.check_labeled {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
div.form_funnell .select_method input.check_labeled {
}

/* admin + frontend upsell button */

.form_funnell button.button_upsell {
	max-width: 100%;
}
div.form_funnell div.button_upsell_background {
	max-width: calc(100% - 25px);
	width: auto;
	display: inline-block;
	margin-bottom: 20px;
}
div#blocks_sortable div.form_funnell div.button_upsell_background {
	margin-bottom: 0px;
}
div.form_funnell div.button_upsell_background,
form.form_funnell button.button_upsell,
div.form_funnell button.button_upsell {
	border-radius: 10px;
}

form.form_funnell button.button_upsell,
form.form_funnell div.button_upsell,
div.form_funnell button.button_upsell,
div.form_funnell div.button_upsell {
	display: block;
	margin: 0 auto;
	font-size: 120%;
	font-weight: bold;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align: center;
}

.block_elem div.form_funnell button.button_step,
.block_elem form.form_funnell button.button_upsell,
.block_elem form.form_funnell div.button_upsell,
.block_elem div.form_funnell button.button_upsell,
.block_elem div.form_funnell div.button_upsell {
	font-size: 130%;
	position: relative;
}
.block_elem form.form_funnell button.button_upsell,
.block_elem form.form_funnell div.button_upsell,
.block_elem div.form_funnell button.button_upsell,
.block_elem div.form_funnell div.button_upsell {
	font-size: 160%;
}

.block_elem div.upsell_next a {
	font-size: 130%;
}
form.form_funnell button.button_upsell p,
form.form_funnell div.button_upsell p,
div.form_funnell button.button_upsell p,
div.form_funnell div.button_upsell p {
	margin: 0;
}

table#ss_funnell_souhrn {
	width: 100%;
	text-align: left;
	border: 1px solid rgba(42, 42, 42, .3);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	padding-bottom: 15px;
	color: #000000;
	margin: 0 auto;
}
table#ss_funnell_souhrn .ss_funnell_cena {
	text-align: right;
	padding-left: 20px;
	white-space: nowrap;
}

table#ss_funnell_souhrn .ss_funnell_line {
	text-align: center;
	font-size: 90%;
	padding: 5px 10px;
}
table#ss_funnell_souhrn td {
	padding: 0 10px;
}
table#ss_funnell_souhrn th {
	padding: 15px 10px 5px 10px;
}

.ss_funnell div.cl,
#ss_funnell div.cl {
	clear: both !important;
}
.ss_funnell a,
#ss_funnell a {
	color: #000000;
}
.ss_funnell .label_checkbox a,
#ss_funnell .label_checkbox a {
	color: #ffffff;
	display: block;
}

.ss_funnell a:hover,
#ss_funnell a:hover {
	text-decoration: underline;
}

.stripe_payment .sr-legal-text {
	display: none;
}


#ss_funnell.ssf_npi_cont {
	height: 100%;
	padding: 50px 20px 50px 20px;
	font-size: 100%;
	font-weight: bold;
	color: #303030;
	background: #efefef;
	max-width: none;
	border-radius: 5px;
}
#ss_funnell.ssf_npi_cont a {
	display: block;
	padding: 20px 30px 80px 30px;
	background: #ffffff;
	border-radius: 5px;
	text-decoration: none;
	background: #fff url(../../../img/logo-ssp-blue2018_small.png) no-repeat; 
	background-position: center calc(100% - 20px); 
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #666;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #666;
}

@media only screen and (max-width: 410px) {
	div.form_funnell.form_step .container,
	div#title_step_merged_1_2 {
		padding: 3%;
	}
	div.form_funnell.form_step .title {
		padding: 45px 20px 20px 20px;
	}
	div.form_funnell.form_step .title::before {
		font-size: 130%;
		width: 30px;
		height: 30px;
	}
	div.form_funnell.form_step .title p:first-child {
		font-size: 110%;
	}
	div.form_funnell.form_step .title p {
		font-size: 70%;
	}
}


@media only screen and (max-width: 300px) {
	form.form_funnell button.button_upsell,
	div.form_funnell button.button_step,
	div.form_funnell div.button_upsell_background,
	div.form_funnell div.button_step_background {
		padding: 3%;
	}
}