@charset "utf-8";

.progressbar {height: 34px; overflow: hidden; margin-top: 30px; font-weight: bold; font-size: 12px; position: relative; margin-bottom: 20px;}
.progressbar .progress {float: right; height: 34px; line-height: 34px; width: 21.5%; color: #777; background: url("../img/bg_progressbar_white.png") right center transparent; margin-left: -13px; text-align: center; display: table-cell;}
.progressbar .progress-first {margin-left: 0; padding-left: 20px; text-align: left; width: 18%; position: absolute; top: 0; left: 0; float: none;}
.progressbar .progress-last {margin-right: -15px; width: 22.5%;}
.progressbar .progress .number {background: #dddddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 15px; height: 15px; display: inline-block; line-height: 15px; font-size: 12px; color: #ffffff; text-align: center; margin-right: 12px;}
.progressbar .progress .title {}
.progressbar .progress.progress-current {color: #ffffff; background: url("../img/bg_progressbar_blue.png") right center transparent;}
.progressbar .progress.progress-reached {color: #ffffff; background: url("../img/bg_progressbar_orange.png") right center transparent;}
.progressbar .progress.progress-reached .number {background: #ffffff; color: #FFAE00;}
.progressbar .progress.progress-current .number {background: #ffffff; color: #00B3C6;}

.form.radio {line-height: 33px; font-weight: normal; height: inherit;}
.form.radio.checked {color: #FFAE00;	font-weight: bold; background: url("../img/bg_button_yellow_success.png") left center transparent no-repeat;}

.checkout .table {table-layout: inherit;}
.checkout .table.paymethod {margin: 40px 0;}
.checkout .paymethod .table-cell {padding: 5px 0 !important;}
.checkout .table .cell-pricebox {width: 250px;}
.checkout .table .table-cell.image .product-image {width: 215px !important; height: 150px !important; margin-right: 10px !important; line-height: 150px;}

.pricebox {background: #ededed;	padding: 18px; font-size: 12px;}
.pricebox .price-gross-total {color: #00B5C4; font-size: 15px; font-weight: 600;}

.terms_and_conditions {position: relative;}
.terms_and_conditions .checkbox {position: absolute; top: -5px;}
.terms_and_conditions a.link {width: 215px;}

.addresslist.cols2 .address {width: 500px !important;}

.form-code input {margin: 0 0 8px 0 !important; height: 35px; line-height: 35px;}
.form-code input[type="submit"] {border: none;}
.form-code input[type="text"] {background: #ffffff; font-weight: 600; width: 363px; height: 33px !important; line-height: 35px; padding-top: 0 !important; padding-bottom: 0 !important; float: none;}
.button-big-upload {width: 263px; padding: 40px 75px 40px 106px; line-height: 30px; float: right; background: url("../img/button_big_upload.png") no-repeat #00B3C7 left top; margin-left: 15%; margin-bottom: 100px; color: #ffffff; font-size: 20px;}
.button-upload {height: 29px; line-height: 16px; padding: 12px 30px 15px 0; width: 214px; text-align:center; background: url("../img/button_upload.png") no-repeat #FFAE00 left top; color: #ffffff; font-size: 14px; font-weight: 600; display: inline-block;}
.button-upload.finished {height: 29px; width: 214px; padding: 14px 30px 13px 0px; line-height: 14px;}
.button-upload .icon.icon-upload {display: block; float: left; width: 23px; height: 100%; margin: 0 10px; background: url("../img/icon_download.png") no-repeat transparent center center;}
.button-upload.finished .icon.icon-upload {background: url("../img/icon_success.png") no-repeat transparent center center;}

.uploadlist {border-bottom: 1px solid #dddddd;}
.uploadlist .table.info {background:none; padding: 0; margin: 0; border-top: 1px solid #dddddd; table-layout: inherit;}
.uploadlist .table.info ul.orderdetails.nocolumns {margin:0;}
.uploadlist .table.info li {line-height: 150%; padding: 0; background: none; font-size:11px;}
.uploadlist .table .table-cell {padding: 10px 0; text-align: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.uploadlist .table .cell-orderdetails {font-size: 12px;}
.uploadlist .table .cell-link {text-align: right; vertical-align:top !important; width: 250px;}
.uploadlist .upload input[type="file"] {visibility: hidden;}
.checkout .orderdetails {width: 230px;}
.uploadlist .orderdetails {margin-right: 20px; margin-left:0; width: 230px; color: #333333;}
.uploadlist .upload.opened .table.info {background: #00B3C7; border-bottom: none;}
.uploadlist .upload .upload-config {display:none; padding:10px 0 30px 0;}
.uploadlist .upload.opened .table.info .table-cell * {color:#ffffff;}
.uploadlist .upload.opened .table .table-cell.image {padding-left: 10px;}
.uploadlist .upload.opened .table .table-cell.cell-link {padding-right: 10px;}
.uploadlist .upload.opened .button-upload {background: url("../img/button_upload_down.png") no-repeat transparent left top;}


/* Plugin nl_xposeprint_fileupload editor options */
.editor-options input[type="text"] {width:96%; border: 1px solid #dddddd; height: 25px; line-height: 25px; padding:0 5px; margin: 5px 0 10px 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.editor-options input[type="submit"] {width:96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.uploadlist .upload .table.info .table-cell .datacheck-info {color: #000000; text-align:left;}
.uploadlist .upload .table.info .table-cell .datacheck-info span {font-weight:normal;}
.uploadlist .upload.opened .table.info .table-cell .datacheck-info {background:none; color:#ffffff;}
.uploadlist .nl-upload-popup {position:fixed; left: 50%; top: 50%;}

/* error message checkout */
#content .inside .row .column.xt-grid-16-full ul.error {margin: 10px 0 20px 0;}

#checkout .box .inside {height:80px;}
#checkout .column,
#checkout-shipping .column,
#checkout-payment .column,
#checkout-confirmation .column {margin:0 10px;}
#checkout .xt-grid-4-full,
#checkout-shipping .xt-grid-4-full,
#checkout-payment .xt-grid-4-full,
#checkout-confirmation .xt-grid-4-full {width:230px;}
#checkout-shipping .xt-grid-4-full h3,
#checkout-payment .xt-grid-4-full h3,
#checkout-confirmation .xt-grid-4-full h3 {padding:5px;}
#checkout-shipping .xt-grid-12-full,
#checkout-payment .xt-grid-12-full,
#checkout-confirmation .xt-grid-12-full {width:730px;}
#checkout .box.active .inside {color:#666; border:none; background:#ffe086;}
#checkout .box.done .inside {border:none; background: #d9efa7;}
#checkout-shipping .box select, 
#checkout-payment .box select,
#checkout-confirmation .box select {width:200px; margin:5px 0 5px 0;}
#checkout-shipping .box-grey, 
#checkout-payment .box-grey,
#checkout-confirmation .box-grey {background:#f6f6f6;}
#checkout-shipping .box-grey .box, 
#checkout-payment .box-grey .box,
#checkout-confirmation .box-grey .box{}
#checkout-shipping .shipping-name,
#checkout-payment .payment-name {min-height:45px; line-height:45px;}
#checkout-shipping .shipping-desc,
#checkout-payment .payment-desc {clear: both;}
#checkout-payment {min-height:330px; position:relative;}
#checkout-payment .box textarea {border: 1px solid #dddddd; height:100px;}
#checkout-payment .payment-name.form.radio .info-text.grey {position:absolute; top:290px; left:50px; width:auto; display:none; background-position:15px 50%; line-height:1.4em; width:940px; height:auto;}
#checkout-payment .payment-name.form.radio.checked .info-text.grey {display:block;}
#checkout-payment .box textarea {width:665px; margin:10px 0 0 0;}
#checkout-confirmation {position:relative;}
#checkout-confirmation .address img {width:50px; height:auto; margin-right:10px;}
#checkout-confirmation .table .table-cell.image {width:215px;}
#checkout-confirmation .table .table-cell.image,
#checkout-confirmation .table .table-cell.config {padding:0;}
#checkout-confirmation .table .cell-pricebox { background: #ededed; font-size: 12px; padding: 58px 18px 18px;}
#checkout-confirmation .table:first-child {margin:0 0 0 auto;}
#checkout-confirmation .table-header {}
#checkout-confirmation .cell-pricebox-total {background: #ededed; font-size: 12px; padding: 18px; float:right; display:block; width:250px;}
#checkout-confirmation .cell-pricebox-total .price-gross-total {color: #00b5c4; font-size: 15px; font-weight: 600;}
#checkout-confirmation .terms_and_conditions .checkbox {position:relative; margin-top:-22px;}
#checkout-confirmation .link {line-height:22px;}
#checkout-confirmation .buttons_absolute {position:absolute; bottom:-50px; width:100%; left:0;}
#checkout-confirmation .product-name {font-weight:bold; padding:0 0 10px 0;}
#checkout-confirmation .price-old {display:block; text-decoration:line-through; color:#f25d44; font-weight: 400; font-size:12px;}
#checkout-confirmation .product-description {padding:10px 0 0 0;}
#checkout-confirmation .sub-total {line-height:50px; font-weight:bold;}
#checkout-confirmation .total {font-weight:bold; line-height:40px; font-size:16px;}
#checkout-confirmation thead th {min-width:120px;}
#checkout-confirmation tbody tr:last-child td {padding-bottom:25px;}
#checkout-confirmation tfoot tr td:nth-child(2) {border-top:1px solid #cdcdcd;}
#checkout-confirmation ul.orderdetails li {width: auto;}
#checkout-confirmation ul.orderdetails li.title {width:auto;}

/* responsive */
@media screen and (max-width: 1200px) {
	.addresslist .address {width:200px !important; margin-left:25px;}
	.addresslist.cols2 .address {width:425px !important;}
	.form-code input[type="text"] {width:283px !important;}
	.form-upload .upload-progress {width:81%;}
}