/* simple cart */
.eshop_cart_small_cover { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.eshop_cart_small { font-size: 1.4em; position: relative; text-align: right; background: url('../img/cart.png') center right no-repeat; padding: 10px 40px 10px 0px; }
.eshop_cart_small img { height: 35px; margin-bottom: 5px; float: left; }
.eshop_cart_small a { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;  text-decoration: none; }

@media only screen and (max-width: 768px) {
	.eshop_cart_small img { height: 25px; margin-bottom: 0px; }
}

/* eshop smart message */
.eshop_cart_info_message_cover {  position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); max-width: 700px; width: calc(100% - 60px); box-shadow: 0px 0px 20px #333;  }
.eshop_cart_info_message { margin: 0 auto; background: #fff; padding: 0px;  }
.eshop_cart_info_message h3 { padding: 30px; font-size: 2em; border-bottom: solid 1px #ccc; background: #009c80; color: #fff; }
.eshop_cart_info_message_box { padding: 30px; font-size: 1.6em; }
.eshop_cart_info_heading { padding: 0px 0px 15px 0px; }
.eshop_cart_info_line { border-top: solid 1px #ccc; }
.eshop_cart_info_line span, .eshop_cart_info_line strong { display: block; padding: 15px 0px 15px 0px;  }
.eshop_cart_info_line strong { float: left;}
.eshop_cart_info_line span { float: right;}

.eshop_cart_info_buttons { padding: 30px 25px 30px 25px; border-top: solid 1px #ccc; }
.cart_button { padding: 0px 5px 0px 5px; width: 50%; float: left; box-sizing: border-box; }
.eshop_cart_info_buttons a { display: block; width: 100%; text-align: center;  font-size: 1.6em; padding: 15px; box-sizing: border-box; text-decoration: none; }
.eshop_button_countine_shopping { border: solid 2px #ccc;  }
.eshop_button_to_cart { background: #009c80; color: #fff;  border: solid 2px #009c80; font-weight: 700; }

@media only screen and (max-width: 768px) {
	.eshop_button_countine_shopping { margin-bottom: 10px; }
	.cart_button { width: 100%; }
}

/* item list add to cart */
.item_list_aditional_description form { padding-top: 15px; }
.item_list_aditional_description .eshop_input_qty,
.item_list_aditional_description .eshop_input_add{ float: left; width: 50%; box-sizing: border-box; }
.item_list_aditional_description .eshop_input_qty { padding-right: 15px; }

.eshop_form_input {
	display: none;
	width: 100%;
	background: #009c80;
	padding: 14px;
	text-align: center;
	border: solid 1px #009c80;
	color: #fff;
	font-size: 1.6em;
	box-sizing: border-box;
}

.item_list_aditional_description .eshop_input_qty input { background: #fff; color: #222; }
.eshop_input_add input:hover { cursor: pointer;}

/* item detail add to cart */
.item_detail_price_cover { margin-bottom: 30px; }
.item_detail_price_cover form { width: 50%; float: left;  }

@media only screen and (max-width: 960px) {
	.item_detail_price_cover form { width: 100%; }
}

.eshop_form_input {
	display: block;
	width: 100%;
	background: #009c80;
	padding: 14px;
	text-align: center;
	border: solid 1px #009c80;
	color: #fff;
	font-size: 1.6em;
	box-sizing: border-box;
}

.item_detail_price_cover .eshop_input_qty input { background: #fff; color: #222; margin-bottom: 5px;}

/* ORDER TRIPPER */
.eshop_tripper_cover { padding: 0px 30px 0px 30px; margin-bottom: 60px; font-size: 1.6em; }
.eshop_tripper_item { width: 25%; float: left; }
.eshop_tripper_item a, .eshop_tripper_item span { display: block; padding: 15px 30px 15px 30px; }
.eshop_tripper_item a {  color: #fff; text-decoration: none;  }

.trp_active { font-weight: 700; }

@media only screen and (min-width: 960px) {
	.eshop_tripper_item a { background: url('../img/bg-tripper.gif') right center no-repeat #009c80; }
	.eshop_tripper_item a.trp_final { background: #009c80; }
}

@media only screen and (max-width: 960px) {
	.eshop_tripper_item { width: 100%; }
	.eshop_tripper_item a  { background: #009c80; margin-bottom: 5px; }
	.eshop_tripper_item span { border-bottom: solid 1px #ccc;}
}

/* KOSIK */
.item_cart_heading { margin-bottom: 30px; }

.cart_cover { padding: 0px 30px 30px 30px; }
.cart_line { background: #fff; padding: 15px 0px 15px 0px; margin-bottom: 2px; }
.cart_foto { float: left; padding-left: 15px;}
.cart_foto  img { height: 80px; }
.cart_cell { float: left; }

.cart_cell h3 { font-size: 1.6em; padding: 15px;}

.voucher_line { padding: 30px 15px 30px 15px; font-size: 1.6em; background: #d6fdd7; color: Green; }
.voucher_line_small  { padding: 15px; font-size: 1.6em; background: #d6fdd7; color: Green; }

@media only screen and (max-width: 960px) { .cart_cell h3 { padding-top: 0px; } }

.cart_block_left { width: 60%; float: left; }
.cart_block_right { float: right; width: 40%; }
.cart_block_right .cart_cell { width: 33.333%; font-size: 1.6em; }
.cart_cell input, .cart_cell span { display: block; box-sizing: border-box; width: 100%; }
.cart_cell input { padding: 14px; border: solid 1px #ccc; }
.cart_cell span {  padding: 15px; }

@media only screen and (max-width: 960px) { .cart_block_left, .cart_block_right { width: 100%; } }

.cart_celkem_line { padding: 30px 15px 30px 15px; font-size: 2.8em; background: #fff; margin-bottom: 30px; }
.cart_celkem_line .cart_celkem_label { float: left; }
.cart_celkem_line span { display: block; float: right; }

@media only screen and (max-width: 960px) { .cart_celkem_line { font-size: 2em; } }

.cart_countinue_line a { display: block; font-size: 1.6em; font-weight: 700; padding: 15px 30px 15px 30px; float: right; background: #009c80; color: #fff; }

/* KOSIK SMALL */
.cart_small { padding: 0px 30px 0px 30px; }
.cart_small_line { padding: 15px; background: #fff; margin-bottom: 2px;  }
.cart_small_cell { float: left; font-size: 1.4em; }
.cart_small_cell h4 {  padding-right: 10px; }

.csc_label { width: 40%; }
.csc_nr { width: 20%; }
.csc_nr_st { text-align: center; }

@media only screen and (max-width: 1400px) {
	.csc_label { width: 100%; padding-bottom: 5px; margin-bottom: 5px; }
	.csc_nr { width: 33.333%; }
	.csc_nr_st { text-align: left; }
}

.cart_small_line_total { padding: 15px; color: #fff; background: #009c80; margin-bottom: 2px;  font-size: 1.4em;   }
.cart_small_line_total span { display: block; }
.csl_total_lbl { float: left;}
.csl_total_val { float: right;}

/* DOPRAVA */
.radio_shp_cover { padding: 0px 30px 30px 30px; }
.radio_shp_line { font-size: 1.6em;  background: #fff; margin-bottom: 2px; }

.radio_shp_line input[type=radio] { display: none; }
.radio_shp_line input[type=radio] + label { padding: 15px 15px 15px 45px; cursor: pointer; display: block; width: 100%; box-sizing: border-box; background: url(../img/bg-radio.png) 15px center no-repeat; }
.radio_shp_line input[type=radio] + label:hover { cursor: pointer; }
.radio_shp_line input[type=radio]:checked + label { background: url(../img/bg-radio-s.png) 15px center no-repeat #d3ffde; }

/* OBJEDNAVKA */
.contact_form_block { margin-bottom: 30px; }
.contact_form_line { padding: 15px; background: #fff; margin-bottom: 2px; }
.contact_form_line label, .contact_form_line input, .contact_form_line textarea { display: block; box-sizing: border-box; float: left; font-size: 1.6em; }
.contact_form_line label { width: 30%; padding: 10px 0px 10px 0px; }
.contact_form_line input { width: 70%; padding: 9px; border: solid 1px #ccc; color: #303846;  }
.contact_form_line input:focus { border-color: #009c80; }
.contact_form_line textarea { width: 100%; height: 120px; padding: 9px; border: solid 1px #ccc; color: #303846;  }

@media only screen and (max-width: 1400px) {
	.contact_form_line label { width: 100%; padding: 0px 0px 5px 0px; }
	.contact_form_line input { width: 100%; padding: 9px; border: solid 1px #ccc; }
}

/* SUBMIT BIG FORM */
.eshop_form_submit_line { padding: 30px 30px 0px 30px; }
.eshop_form_submit_line a { display: block; font-size: 1.6em; font-weight: 700; padding: 15px 30px 15px 30px; float: left; background: #ccc; color: #222; }
.eshop_form_submit_line input { display: block; font-size: 1.6em; font-weight: 700; padding: 15px 30px 15px 30px; float: right; background: #009c80; color: #fff; }
.eshop_form_submit_line input:hover { cursor: pointer; }

.contact_form_checkbox { font-size: 1.6em; background: #fff;  margin-bottom: 2px; }

/* REKAPITULACE */
.rekapitulace_block { background: #fff; margin-bottom: 30px; position: relative; }
.rekapitulace_edit { display: block; padding: 15px; position: absolute; top: 0px; right: 0px; font-size: 1.8em; }
.rekapitulace_block h2 { padding: 15px 15px 0px 15px; font-size: 1.8em; margin-bottom: 0px; }
.rekapitulace_block p { padding: 15px; }
.rekapitulace_line { padding: 15px; width: 50%; float: left; box-sizing: border-box; }
.rekapitulace_line span, .rekapitulace_line strong { display: block; }
.rekapitulace_line strong { font-size: 1.4em; }
.rekapitulace_line span { font-size: 1.6em; }

@media only screen and (max-width: 1400px) {
	.rekapitulace_line { width: 100%; }
}

input[type=checkbox] { display: none; }
input[type=checkbox] + label { padding: 15px 15px 15px 45px; cursor: pointer; display: block; width: 100%; box-sizing: border-box; background: url(../img/bg-checkbox.png) 15px center no-repeat; }
input[type=checkbox] + label:hover { cursor: pointer; }
input[type=checkbox]:checked + label { background: url(../img/bg-checkbox-ch.png) 15px center no-repeat; }

.eshop_size_chart_line {  margin-bottom: 10px; padding-top: 10px; width: 50%; float: left; border-top: solid 1px #ccc; }

input[type=radio] { display: none; }
input[type=radio] + label { padding: 5px 15px 5px 30px; cursor: pointer; display: block; width: 100%; box-sizing: border-box; background: url(../img/bg-radio.png) 0px center no-repeat; font-size: 14px; }
input[type=radio] + label:hover { cursor: pointer; }
input[type=radio]:checked + label { background: url(../img/bg-radio-s.png) 0px center no-repeat; }

.order_final_sentence { padding: 30px 30px 0px 30px;  font-size: 1.6em; }
.order_final_sentence div {color: Green; background: #d2f8d7; padding: 30px;  text-align: right; }

/* ALERTS */
.esho_order_alert { padding: 0px 30px 0px 30px; font-size: 1.6em; }
.esho_order_alert_green { padding: 30px 15px 30px 15px; color: Green; background: #d2f8d7; }
.esho_order_alert_red { padding: 30px 15px 30px 15px; color: #c00; font-weight: 700; background: #ffdddd; }