html,
body {
	width: 100%;
	text-align: center;
	margin: 0px;
}

body,
td,
th {
	font: normal 11px roboto, arial, arial ce;
}


div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root{
	--vue-orange: #FB8C00;
	--vue-blue: #4dd0e1;
	--vue-lightgrey:#e7e7e7;
	--vue-darkgrey:#757575; /* grey-darken-1 */
	--vue-purple:#a05f7d;   /* purple-darken-3 */
	--vue-green:#afd24c;
	--content-width: 640px;
}

.invisible {
	display: none;
}

a,
a:visited {
	text-decoration: none;
	color: var(--vue-orange, orange);
}

a:hover {
	color: var(--vue-darkgrey, #757575);
	text-decoration: underline;
}

img {
	border: none;
}

p {
	line-height: 17px;
	margin-bottom: 11px;
	margin-top: 11px;
}

table {
	border-collapse: collapse;
}

th {
	font-weight: bold;
	color: white;
	background-color: var(--vue-orange, orange);
	border-left: solid 1px white;
	text-align: center;
}

.first_th{
	border-left: solid 1px var(--vue-orange, orange);
}

td {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: vue(--vue-darkgrey, #757575);
	border: solid 1px var(--vue-orange, orange);
}

tr {
	height: 30px;
}

.ar,
.ar input {
	text-align: right;
}

tr.odd td {
	background-color: #f2f2f2;
}

#content {
	width: 100%;
	margin-left: 1px;
	margin-right: 1px;
}

#pre_main {
	width: 100%;
}

#main {
	/* width: 875px; */
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	text-align: left;
}

#header {
	width: 100%;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

#footer {
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 12px;
}

#footer_right {
	float: right;
}

#footer_left {
	margin-left: 20px;
}

#footer_left div,
#footer_left img {
	float: left;
}

#footer_left div,
#footer_right div {
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 15px;
}

#footer_left div {
	margin-top: 20px;
}

#footer_right a {
	color: #5d5d5d;
	border-right: solid 1px #5d5d5d;
	padding-left: 5px;
	padding-right: 5px;
}

#footer_right a.last {
	border: none;
}

.orange_line {
	margin: 0px;
	width: 100%;
	height: 6px;
	background-color: var(--vue-orange, orange);
}

h1 {
	width:100%;
	 
	padding-top:5px;
	padding-bottom:5px;
	font-size: 18px;
	color: var(--vue-darkgrey, #757575);
}

h2 {
	
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
	color: var(--vue-darkgrey, #757575);
	font-size: 16px;
}

.product_name {
	color: var(--vue-orange, orange);
}

.product {
	margin-bottom: 45px;
}



#main_right {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	min-height: 85%;
	min-width: 45%;
}

.content_bottom {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

/* Menu positioning wrapper - needed for absolute positioning context */
#menu_right {
	position: absolute;
	right: 50%;
	margin-right: calc(-1 * var(--content-width) / 2);
	margin-top: 1vh;
}

/* Vue app container needs full width */
#order-list {
	width: 100%;
	max-width: 100%;
}

li {
	padding-bottom: 5px;
}

ul {
	padding-left: 15px;
	margin-left: 0px;
	margin-top: 10px;
}

.clear {
	clear: both;
}



.lnk:hover {
	color: #153A80;
}

.lnk {
	cursor: pointer;
	color: #FFB900;
}



.top {
	float: left;
	margin: 0px;
}

#logo {
	padding-top: 35px;
}

#logo img {
	margin-left: 40px;
}



.right {
	float: right;
	padding: 10px;
	padding-right: 20px;
}


.article_item a {
	float: left;
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #ffb900;
	margin-bottom: 8px;
	margin-top: 10px;
	margin-left: 0px;
}

.article_item .date {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 13px;
}

.article_item div.new {
	float: left;
	margin-right: 10px;
}

.article_item img {
	float: left;
}

.article_item p {
	margin-bottom: 0px;
}

.article_item {
	border-bottom: solid 2px var(--vue-orange, orange);
	margin-top: 10px;
	width:100%;
	padding-bottom: 20px;
}

.article_item.last {
	border: none;
}

form a {
	color: var(--vue-orange,orange) !important;
}

.article_item a:hover {
	color: #153A80;
}


#menu_right a:hover {
	text-decoration: underline;
}

#menu_right a,
#menu_right a:visited {
	color: #153A80;
}

#menu_right li {
	list-style-type: none;
}

#menu_right li.parent {
	margin-left: -10px;
	margin-bottom: 5px;
}

#menu_right ul {
	padding-bottom: 0px;
}

#menu_right ul.second {
	margin-left: 10px;
	margin-top: 0px;
}

#menu_right h1{
	color: var(--vue-blue, blue);
	font-size:26px;
	padding-right:5px;
}

.thin {
	height: 2px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.center_box {
	margin-left: 100px;
}

.telbox {
	width: 220px;
	float: left;
}

#register_form input,
#register_form select {
	width: 250px;
	border: solid 1px black;
	background-color: white;
	font-size: 13px;
	padding: 1px 2px;
}

#register_form select {
	-webkit-appearance: listbox;
	appearance:listbox;
}


#register_form td.first {
	width: 150px;
}

.err {
	color: red;
}

.errorlist {
	margin: 5px;
	color: red;
	list-style-type: none;
}

.forms label {
	width: 120px;
	display: inline-block;
}

.forms input,
.forms select,
.forms textarea {
	width: 250px;
	background-color: white;
	
	border: solid 1px black;
	font-size: 13px;
	padding: 1px 2px;
	margin-top:3px;
}

.forms .small input,
.forms .small select,
.forms .small textarea {
	width: 200px;
	background-color: white;
	border: solid 1px black;
	font-size: 13px;
	padding: 1px 2px;
}

/* Address Grid Layout - wraps up to 5 addresses per row */
.address-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.addressbox{
	flex: 0 0 auto;
	width: 120px;
	height: 150px;
	border: 1px solid var(--vue-orange, orange);
	border-radius: 5px;
}

.addressbox_header{
	display:flex;
	align-items:center;
	justify-content: start;
	padding: 5px; 
	color: white; 
	height: 30px;
	width: 100%; 
	background-color: var(--vue-orange, orange);
}

.addressbox_header span{
	margin-left:3px;
}

.addressbox_content{
	color: var(--vue-darkgrey, #757575);
	overflow-wrap:break-word;
	padding: 5px;
}

.addressbox-remove {
	padding: 10px;
	bottom: 0;
}

.submitbox {
	width: 500px;
	text-align: right;
}

.nav {
	padding: 3px;
	margin-top: 10px;
	width: 99%;
}

.nav span {
	float: left;
	width: 50%;
}

.nav .lft {
	text-align: right;
}

h2 span {
	font-size: 10px;
	color: #6c6767;
	font-weight: normal;
}

.profile_preview {
	margin-left:10px;
	width: 95%;
	margin-bottom:10px;
}

.profile_preview td {
	width: 50%;
}

.profile_preview input {
	background-color: #FEFEF7;
	border: none;
}

.profile_preview label {
	margin-top: 10px;
}


.content_left,
.content_right {
	float: left;
	width: 250px;
}

.popup {
	position: absolute;
	z-index: 50;
	border: solid 3px #CCCCCC;
	border-collapse: collapse;
	width: 400px;
	background-color: white;
	padding: 5px;
}

#sg_banner_left {
	background: #FFFFFF url(../img/sg_banner_left_bg.gif);
	width: 247px;
	height: 269px;
	float: left;
}

#sg_banner_right {
	background: #FFFFFF url(../img/sg_banner_right_bg.gif);
	width: 350px;
	height: 269px;
	float: left;
}

.box {
	margin-bottom: 25px;
	padding: 15px;
}

.box input {
	border: none;
	height: 20px;
}

.txt {
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.small_menu {
	color:var(--vue-darkgrey, #757575);
	display:flex;
	justify-content:end;
	padding:0px;
	margin:0px;
}

.product_article{
	width:100%;
	border:solid 1px var(--vue-orange, orange);
	padding:5px;
}

h3 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


.tb_footer td,
.nb td {
	border: none;
}

#sg_banner_right .promotions {
	margin-top: 100px;
	padding-right: 10px;
}

.valid {
	color: red;
	display: block;
	clear: both;
}

.promotions h5 {
	font-size: 20px;
	color: #999999;
	display: inline;
	font-weight: normal;
}

.promotions ul li span {
	font-size: 20px;
	color: #fe9a20;
	font-weight: bold;
}

.promotions h4 {
	font-size: 25px;
	color: #fe9a20;
	display: inline;
}

.promotions ul {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 3px;
}

.promotions li {
	padding: 0px;
	height: 132px;
}

.promotions li p {
	margin: 8px;
}

.promotions .buttons {
	text-align: right;
	width: 320px;
}

.promobut {
	margin: 3px;
}
.content_div, .inner_content{
	width: var(--content-width);
	margin-left: auto;
	margin-right: auto;
}

.inner_content {
	/* background: #FFFFFF url(../img/inner_content_bg.jpg); */
	background-color:var(--vue-lightgrey, #f2f2f2);
}


.basket_head{
	width: var(--content-width);
	background-color:white;
	background-image:none;
}
#id_comment{
	margin-left:150px;
}

#basket_preview_table{
	display:table;
	table-layout:fixed;
	border-collapse: collapse;
	width:100%;
	padding-left:2px;
	padding-right:2px;
}

.basket_table_header{
	display:table-header-group;
	background-color:var(--vue-orange, red);
	color:white;
	font-weight:bold;
	height:30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.basket_th_name,.basket_th_netto, .basket_th_brutto, .basket_th_czas, .basket_th_usun{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

.basket_th_name{
	border-top-left-radius: 5px;
	width:63%;
}

.basket_th_netto, .basket_th_brutto, .basket_th_czas, .basket_th_usun{
	border-left:solid 1px white;
	
}

.basket_th_netto, .basket_th_brutto{
	width:12%;
}

.basket_th_czas{
	width:8%;
}
.basket_th_usun{
	border-top-right-radius: 5px;
	width:5%;
}

.basket_item{
	display:table-row;
	border-top:solid 1px var(--vue-orange, orange);
	border-left:solid 1px var(--vue-orange, orange);
	border-right:solid 1px var(--vue-orange, orange);
}

.basket_last_item{
	border-bottom:solid 1px var(--vue-orange, orange);
}


.basket_item_name{
	display:table-cell;
	padding:3px;
	vertical-align: top;
}

.item_value, .item_gross_value, .item_delivery, .item_remove{
	display:table-cell;
	border-left:solid 1px var(--vue-orange, orange);
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align: top;
}

.item_value, .item_gross_value{
	padding-right:3px;
	
}

.item_delivery{
	text-align:center;
}

.item_remove{
	text-align:center;
}

.basket_summary_description,  .basket_total_summary_description{
	display:inline-block;
	width:60%;
	text-align:right;
	padding-top:5px;
}

.basket_summary_netto, .basket_summary_gross{
	display:inline-block;
	width:12%;
	text-align:right;
	padding-top:5px;
}

.basket_total_summary_description{
	font-weight: bold;
}
.basket_summary_gross{
	font-weight: bold;
	text-align:left;
	width:25%;
	padding-left:10px;
}

.basket_summary_bubble{
	display:inline-block;
	width:10%;
	text-align:left;
	padding-left:10px;
}

.basket_summary_delivery{
	display:inline-block;
	padding-top:3px;
	width:70%;
	text-align:right;
}

.order_detail_right, .order_detail_left,.order_status_left, .order_status_right{
	display:inline-block;
	width:49%;
	padding-top:5px;
	padding-bottom:0px;
}

.order_detail_right, .order_status_right{
	padding-right:10px;
	text-align:right;
}

.order_status_left, .order_status_right{
	padding-top:10px;
	font-size:16px;
}

.order_status_left, .order_detail_left{
	padding-left:10px;
}

.order_detail_text{
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
}



.inner_content .content {
	padding: 7px;
	padding-top: 30px;
	padding-bottom: 50px;
	display: inline-block;
}



.inner_content .foot {
	text-align: center;
	padding: 20px;
	background: url(../img/inner_content_foot_bg.gif) repeat-x;
	margin: 4px;
	border-bottom: 1px solid #A0E4FC;
}

.basket_buttons_div {
	text-align: center;
	padding-top: 10px;
	overflow: auto;
	background: url(../img/inner_content_foot_bg.gif) repeat-x;
	margin: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.inner_content .foot img {
	margin-left: 10px;
}

.inner_content .foot_menu {
	display: none;
	background: #FFFFFF;
}

#basket .head {
	background: #FFFFFF url(../img/h_basket.gif);
	height: 47px;
}

form ul {
	list-style-type: none;
	margin-bottom: 11px;
}

form ul li {
	padding-bottom: 5px;
}

.alert {
	padding: 10px;
	background-color: #f44336;
	color: white;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
}

#calculator_head{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:end;
	margin:0px;
	padding:0px;
	font-size:19px;
	padding-left:10px;
	background-color:white;
	color: var(--vue-blue,blue);
}

#calculatormenu {
	max-width:65%;
	
}

#calculatormenu img {
	border: none;
	border-style: none;
	cursor: pointer;
}

#calculatormenu ul {
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	margin-right:-3px;
	padding: 0;
}

#calculatormenu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
	width: auto;
}

#calculator_box{
	padding-left: 10px;
	padding-right: 10px;
	padding-top:20px;
	padding-bottom:10px;
	margin-left:1px;margin-right:1px;

}
.blue_lines{
	border-left:solid 1px var(--vue-blue, blue);
	border-right:solid 1px var(--vue-blue, blue);
}

.purple_lines{
	border-left:solid 1px var(--vue-purple, purple);
	border-right:solid 1px var(--vue-purple, purple);
}
.green_lines{
	border-left:solid 1px var(--vue-green, green);
	border-right:solid 1px var(--vue-green, green);
}
#calculator .fieldset {
	background: url(../img/inner_content_foot_bg.gif) repeat-x;
	margin-top: 10px;
	padding-top: 10px;
	width:100%;
}

#calculator .noframe {
	background: none;
	margin-top: 0px;
	padding-top: 0px;
}

#calculator h3 {
	color: var(--vue-orange, orange);
	font-size: 12px;
	margin-top: 0px;
	padding-left:20px;
	text-transform : uppercase;
}

.postpress_list, #format_div, #calculator p {
	margin-bottom:0px;
	margin-top:5px;
	padding-left:40px;
	color: var(--vue-darkgrey, #757575);
	text-align:left;
	font-size: 11px;
}


.postpress_list label, #format_div label{
	display: inline-block;
	width:90px;
}

#calculator .width_field, #calculator .height_field {
	display:inline-block;
	padding-top: 3px;
	max-width:45%;
}

#calculator input:read-only {
	background-color:var(--vue-lightgrey, #f2f2f2);
	cursor:default;
}

#calculator input, #calculator select {
	width: 100px;
	margin: 0px;
	border: solid 1px	var(--vue-darkgrey, #757575);
	background-color: white;
	font: 13.33px Arial;
	padding: 1px 2px;
}

#calculator select{
	width: 150px;
	-webkit-appearance: listbox;
	appearance:listbox;
}

#calculator input[id$="-DELETE"]{
	display:none;
}

#calculator label[for$="-DELETE"]{
	display:none;
}


#calculator input[type="checkbox"]{
	width:15px;
	margin:3px;
}



.formats a {
	font-size: 12px;
	font-weight: bold;
	color: #868686 !important;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(../img/bg_format.gif) no-repeat;
}

#id_formats{
	display:inline-block;
	padding-top:15px;
	text-align:center;	
	padding-left:90px;
}


#calculator p label{
	display: inline-block;
	width:120px;
}

#calculator h4{
	text-transform: uppercase;
	font-size:11px;
	color: var(--vue-darkgrey, #757575);
	font-weight:bold;
	padding:0px 0px 0px 30px;
	margin-bottom:0px;
	margin-top:5px;
}

#save_calculation{
	padding:0px 0px 0px 40px;
	transition: height .25s ease;
	overflow: hidden;
}

#save_calculation:not(.active) {
	display: none;
}

label[for="rename"]{
	display:inline-block;
	width:120px;
}

#order_calculation{
	text-align:center;
}

.prepare_template{
	text-align:center;
	margin-left:35px;
}


#calc_sum_info {
	background-color: white;
	border: var(--vue-darkgrey, #757575) solid 1px;
	width: 100%;
	min-height: 250px;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	display:flex;
	align-items:start;
	justify-content:space-between;
}

#calc_sum_info table {
	display:inline-block;
	margin-bottom: 0px;
	max-width:55%;
}
#calc_sum_info table tr {
	height:20px;
}

#calc_sum_info table td {
	text-align: left;
	font-weight: bold;
	color: var(--vue-darkgrey, #757575);
	border: 0px;
}

.error_div{
	height:auto;
}

.spec_content, #calc_sum_info table td .spec_content {
	font-weight: normal !important;
}

.cost_header {
	font-weight: bold;
	text-align: center !important;
	vertical-align: middle !important;
}

.cost_subheader {
	vertical-align: middle !important;
	text-align: center;
}


.sub_cost {
	color: grey;
}

.cost_sum {
	padding-top: 10px !important;
	border-top: solid 1px #153A80 !important;
}

.material_name {
	font-style: italic;
}

.doublecell {
	vertical-align: top;
	padding-top: 5px !important;
}

.price {
	font-weight: bold;
}

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

.money {
	text-align: right !important;
}

.press_div {
	transition: height .25s ease;
	overflow: hidden;
}

.press_div:not(.active) {
	display: none;
}


.calculator_footer{
	background-color: white;
}

#calculator .bubble_img,
#basket .bubble_img {
	margin-left: 15px;
}

.bubble_frame {
	z-index: 100;
}

#calculator .bubble_frame,
#basket .bubble_frame {
	display: none;
	position: absolute;
	width: 80%;
}

#calculator .bubble_info,
#basket .bubble_info {
	float: right;
	background-color: white;
	border: 3px solid #cccccc;
	padding: 5px;
}


#article_text strong {
	padding-left: -0px;
	color: inherit;
}

#article_text p {
	padding-left: -0px;
}

.printer_type {
	margin-left: 5px;
	color: rgb(21, 58, 128);
	font-weight: bold;
}

/* - - - - - - - - - - - - - - change_invoice.html - - - - - - - - - - - - - - - - - */
.invoice_change td {
	border: none;
	width: 100%;
}

td .bubble_img,
#basket .bubble_img {
	margin-left: 15px;
}

td .bubble_frame,
#basket .bubble_frame {
	display: none;
	position: absolute;
	width: 548px;
}

td .bubble_info,
#basket .bubble_info {
	float: right;
	background-color: white;
	border: 3px solid #cccccc;
	padding: 5px;
}

/* - - - - - - - - - - - - - - FACEBOOK PANEL - - - - - - - - - - - - - - - - - */

#panel_facebook {
	padding: 2px;
	width: 200px;
	background: white;

	position: fixed;
	margin-top: -56px;
	left: -205px;
	top: 20%;
	z-index: 99;

}

.slide_button_facebook {
	background: url(/site_media/img/facebook_barwa.png);
	display: block;
	height: 48px;
	text-indent: -9999px;
	width: 48px;

	position: absolute;
	right: -48px;
	top: 0px;
}

.zamknij {
	background-position: -48px 0px;
}

a.slide_button_facebook:focus {
	outline: none; /* usuwanie niebieskiej obwódki w FF */
}

.fb_iframe_widget>span {
	width: 200px !important;
}

.fb-like-box iframe {
	width: 200px !important;
}

.photo {
	width: 597px;
	height: 269px;
}

/*Slider baner*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.limit-error {
	padding-left: 10px;
	font-size: 13px;
	padding-bottom: 20px;
	padding-right: 10px;
}


button {
	transition-duration: 0.2s;
	border: none;
	font-size: 0.75rem;
	padding:0 12px;
	
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	align-items:center;
	border-radius: 4px;
	cursor: pointer;
	margin: 10px;
	color:white;
	letter-spacing: 0.08928em;
	box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}

button:hover {
	box-shadow:0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12))
}

 button.btn-accept,
 button.btn-confirm,
 button.btn-cancel,
 button.btn-disabled,
 button.btn-green {
	font-size:0.75rem;
	color:white;
	height:28px;
	text-transform: uppercase;
	font-weight:400;
}

button.btn-accept {
	background-color: var(--vue-blue, blue);
}


button.btn-confirm {
	background-color: var(--vue-orange, orange);
	

}

button.btn-cancel {
	background-color: #BBB;
}

.btn-green {
	background-color: rgb(153, 205, 50);
}


button.btn-disabled {
	background-color: #D3D3D3;
	box-shadow: none;
	cursor: default;
}

a.btn {
	transition-duration: 0.2s;
	border: none;
	font-size: 13px;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 10px;
	cursor: pointer;
	margin: 10px;
}

a.btn:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.accept {
	background-color: var(--vue-blue, blue);
	color: white !important;
}



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

	.order_detail_right, .order_detail_left, .order_status_left, .order_status_right{
		display:block;
		text-align:left;
		width:100%;
	}

	.order_detail_right, .order_status_right{
		padding-left:10px;
		padding-top:5px;
	}

	.content_div, .inner_content {
		width: 100vw;
	}

	.basket_head{
		width: 100vw;
	}

	.content_left, .content_right {
		float: none;
	}

	#id_comment{
		margin-left:0;
	}

	#basket_preview_table{
		display:block;
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}

	.basket_table_header{
		display:block;
		width:100%;
	}

	.basket_th_name{
		display:flex;
		justify-content:center;
		align-items:center;
		height:100%;
		width:100%;
	}
	.basket_item{
		display:block;
		width:100%;
	}

	.basket_item_name{
		display:block;
		width:100%;
	}

	.item_value, .item_gross_value, .item_delivery,.item_remove{
		border-left:none;
		vertical-align:middle;
	}
	.item_value{
		width:70%;
	}

	.item_gross_value{
		width:20%;		
	}

	.item_delivery{
		width:10%;
		padding-left:3px;

	}

	.item_remove{
		width:7%;
		padding:3px;
	}

	.basket_th_netto{
		display:none;
	}
	.basket_th_brutto{
		display:none;
	}
	.basket_th_czas{
		display:none;
	}
	.basket_th_usun{
		display:none;
	}
	.basket_summary_description,  .basket_total_summary_description{
		width:50%;
	}

	.basket_summary_gross{
		width: 25%;
		text-align:right;
	}

	#id_formats{
		padding-left:120px;
	}

	#calculator .width_field, #calculator .height_field {
		display:block;
		max-width:100%;
	}
	#format_div label{
		width:120px;
	}
}
/* ============================================
   Utility Classes for Inline Style Replacement
   ============================================ */

/* Layout Utilities */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none !important; }
.clear-both { clear: both; }

/* Display Utilities */
.d-flex { display: flex; }
.d-inline-block { display: inline-block; }
.d-block { display: block; }
.d-none { display: none !important; }
.d-inline { display: inline; }

/* Flex Utilities */
.flex-center { justify-content: center; }
.flex-between { justify-content: space-between; }
.flex-end { justify-content: end; }
.align-items-center { align-items: center; }

/* Spacing Utilities - Padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: 5px; }
.p-2 { padding: 10px; }
.p-3 { padding: 20px; }
.p-4 { padding: 30px; }
.p-5 { padding: 50px; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 10px; }
.pl-2 { padding-left: 20px; }
.pl-3 { padding-left: 30px; }
.pl-4 { padding-left: 35px; }
.pl-5 { padding-left: 40px; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 10px; }
.pr-2 { padding-right: 20px; }
.pr-3 { padding-right: 50px; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-98 { padding-top: 98px; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 10px; }
.pb-2 { padding-bottom: 20px; }

/* Spacing Utilities - Margin */
.m-0 { margin: 0 !important; }
.m-1 { margin: 5px; }
.m-2 { margin: 10px; }
.m-3 { margin: 20px; }

.ml-1 { margin-left: 1px; }
.ml-2 { margin-left: 10px; }

.mr-1 { margin-right: 1px; }
.mr-2 { margin-right: 2px; }
.mr-3 { margin-right: 10px; }

.mx-auto { margin-left: auto; margin-right: auto; }

.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 13px; }
.mt-3 { margin-top: 25px; }
.mt-1vh { margin-top: 1vh; }

.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 20px; }
.mb-3px { margin-bottom: 3px; }
.mb-10 { margin-bottom: 10px; }

.m-5 { margin: 5px; }

/* Width Utilities */
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.w-25 { width: 25%; }
.w-auto { width: auto; }
.w-175 { width: 175px; }
.w-190 { width: 190px; }
.w-100px { width: 100px; }
.w-250 { width: 250px; }

/* Height Utilities */
.h-100 { height: 100%; }
.h-100vh { height: 100vh; }
.min-h-100 { min-height: 100%; }
.min-h-85 { min-height: 85%; }

/* Width Utilities - Continued */
.min-w-45 { min-width: 45%; }

/* Position Utilities */
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.right-0 { right: 0; }

/* Color Utilities */
.text-red { color: red !important; }
.text-white { color: white; }
.text-black { color: black; }
.bg-white { background-color: white !important; }
.bg-transparent { background-color: transparent; }

/* Text Utilities */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.vertical-middle { vertical-align: middle; }
.font-bold { font-weight: bold; }
.font-size-12 { font-size: 12px; }
.font-size-13 { font-size: 13px; }

/* Form Specific Classes */
.form-required {
	color: #ff0000;
}

.form-table {
	border-collapse: collapse;
}

.form-table tr td {
	border: none;
	padding: 5px;
	vertical-align: top;
}

.form-table td.form-label {
	text-align: right;
	padding-right: 10px;
	min-width: 140px;
}

.form-help-text {
	font: normal 11px arial, arial ce;
	width: 205px;
	margin: 0;
	white-space: pre-wrap;
}

.form-section-header {
	padding-left: 60px;
	font-weight: bold;
}

.form-field-indent {
	padding-left: 140px;
}

.form-field-indent-xl {
	padding-left: 160px;
}

.form-checkbox-small {
	width: 15px;
}

/* Register Form Specific */
#register_form input[type="radio"] {
	width: 20px;
	border: solid 1px red;
}

/* Base Template Specific Classes */
.base-html {
	height: 100%;
}

.base-body {
	min-height: 100%;
}

.user-menu {
	margin: 0;
	padding: 0;
}

.pre-main-wrapper {
	background-color: white;
	height: 100vh;
}

.main-wrapper {
	background-color: white;
	background-image: none;
	height: 100%;
}

.content-wrapper {
	height: 100%;
	padding-top: 98px;
}

.main-right-wrapper {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	min-height: 85%;
	min-width: 45%;
}

.content-bottom-wrapper {
	position: relative;
}

.menu-right-wrapper {
	position: absolute;
	right: 0;
	margin-top: 1vh;
}

/* Basket Specific Classes */
.basket-wrapper {
	padding: 5px;
	padding-bottom: 0;
}

.basket-content {
	padding-left: 35px;
	width: 100%;
}

.basket-error-text {
	color: red;
}

.basket-delivery-section {
	padding-left: 30px;
	padding-top: 30px;
}

.basket-section-clear {
	clear: both;
	padding-left: 30px;
}

.basket-heading {
	float: left;
	width: 250px;
	margin-top: 25px;
}

.basket-error-box {
	clear: both;
	color: red;
	margin: 20px;
}

.basket-express-section {
	clear: both;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 30px;
}

.basket-bubble-icon {
	margin-left: 1px;
}

.basket-bubble-img {
	vertical-align: middle;
}

.basket-bubble-wrapper {
	z-index: 1;
}

.basket-bubble-float {
	float: left;
}

.basket-address-block {
	padding-left: 30px;
}

.basket-comment-section {
	clear: both;
	margin-bottom: 20px;
	padding-left: 30px;
}

.basket-comment-heading {
	margin-top: 13px;
	margin-bottom: 8px;
}

.basket-buttons {
	padding: 20px;
	padding-right: 50px;
}

.basket-button-float {
	float: right;
}

.basket-footer-img {
	margin-left: 1px;
}

.basket-img-width-27 {
	width: 27.3%;
}

.basket-img-width-37 {
	width: 37%;
}

.basket-img-width-35 {
	width: 35.5%;
}

/* Calculator Specific Classes */
.calc-form-full {
	width: 100%;
}

.calc-center {
	text-align: center;
}

.calc-header-bg {
	background-color: white;
}

.calc-header-img {
	width: 100%;
}

.calc-footer-info {
	padding-top: 10px;
}

.calc-footer-img {
	width: 100%;
}

.calc-tab-width-25 {
	width: 25.33%;
}

.calc-tab-width-37 {
	width: 37.66%;
}

.calc-tab-width-36 {
	width: 36.99%;
}