@charset "utf-8";

/* orderlist */
.box.orderlist {padding:0; margin:0;}
.box.orderlist .box {display:none;}
.box.orderlist p {color:#00B5C4;}
.orderlist {position:relative;}
.orderlist hr {background: #D2D2D2;}
.orderlist .table {margin: 0; line-height: 45px; padding: 0; table-layout: inherit; border-bottom:1px solid #ededed;}
.orderlist .table .table-cell {border: none; padding: 5px 15px; -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;}
.orderlist .table .table-body .table-row {cursor:pointer; position:relative;}
.orderlist .info-short .table .table-body .table-row {cursor:pointer;}
.orderlist .table .table-cell.cell-ordernumber {width:12%;}
.orderlist .table .table-cell.cell-article {width:auto;}
.orderlist .table .table-cell.cell-orderdate {width:15%;}
.orderlist .table .table-cell.cell-status {width:20%; padding:5px 0;}
.orderlist .table .table-cell.cell-deliverynumber {width: 25%;}
.orderlist .table .table-body .cell-ordernumber,
.orderlist .table .table-body .cell-article,
.productlist .cell-title {color:#00B5C4; font-weight:bold;}
.orderlist .table .status-icon {border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; width: 12px; height: 12px; float: right; margin-top: 16px; margin-right: 15px; display: inline-block; vertical-align: middle; border:2px solid #ffffff;}
.orderlist .table .status-icon.status-open {background:#B973FF;}
.orderlist .table .status-icon.status-inwork {background:#FFBF00;}
.orderlist .table .status-icon.status-canceled {background:#D93600;}
.orderlist .table .status-icon.status-finished {background:#8FB506;}
.orderlist .table .status-icon.status-waitingpayment {background: #993333;}
.orderlist .opened .table .table-cell.image .number {background:#00B3C7 !important; color:#ffffff !important;}

.orderlist .folder-icon {top:0;	right:15px; height:45px; width:20px; position:absolute; background:url("../img/bg_button_blue_right.png") transparent right center no-repeat; cursor:pointer;}
.orderlist.opened .table {border-color:#ffffff;}
.orderlist.opened > .table .table-cell {background:#00B5C6; color: #ffffff !important;}
.orderlist.opened .folder-icon {background:url("../img/bg_button_blue_down.png") transparent right center no-repeat;}

.orderlist .productlist {margin-bottom: 50px;}
.orderlist .productlist .table.info-short {cursor: pointer;}
.orderlist .productlist .table {border-bottom: 1px solid #dddddd;}
.orderlist .productlist .product:first-child {border-top: 1px solid #dddddd;}
.orderlist .productlist .table .table-cell {height: 40px; padding: 10px 0; line-height: 20px; vertical-align: middle;}
.orderlist .productlist .image img {max-width: 95%; max-height: 95%; display: inline-block; vertical-align: middle;}
.orderlist .productlist .title {}
.orderlist .productlist .status {width: 40%; vertical-align: middle; background: url("../img/bg_button_blue_right.png") transparent right center no-repeat;}
.orderlist .productlist .product .info-detail {display: none; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 20px;}
.orderlist .productlist .product.opened .info-short {display: none;}
.orderlist .productlist .product.opened .info-detail {display: block;}
.orderlist .productlist .product.opened .table-cell.status {display:none;}
.orderlist .productlist .product .info-detail .table {line-height: 150%; margin-bottom: 20px; padding: 0 0 10px;}
.orderlist .productlist .product .info-detail .table-cell {vertical-align: top; height: auto; padding: 0;}
.orderlist .productlist .product ul.orderdetails {margin-right: 20px !important; margin-left: 0 !important;}
.orderlist .productlist .product .info-detail .table.price {border: none;}
.orderlist .productlist h5 {margin: 0;}
.orderlist .productlist .table {}
.orderlist .actionlist {background: #ededed; padding: 10px 15px;}
.orderlist .actionlist .action {float: left; width: 180px; margin-right: 10px;}

.contactlist {width:280px;}
.contactlist label,
.contactlist span {float:left;}
.contactlist label {width:60px;}
.contactlist span {width:220px;}

.favoritelist {}
.favoritelist .favorite {border-bottom: 1px solid #eeeeee;}
.favorite > .table {table-layout: inherit; margin: 0;}
.favorite > .table .image {width: 120px;}
.favorite > .table .product-image {width: 100px;}
.favorite > .table .image img {max-width: 100%;}
.favorite > .table .table-cell {border: none; padding: 12px 0;}
.favorite > .table .cell-article {font-weight: 600;}
.favorite > .table .cell-article a {font-weight: normal;}
.favorite > .table .cell-delete a {padding-left: 30px;}
.favorite > .table .cell-delete a:hover {text-decoration: underline;}
.favorite > .table .cell-link {text-align: right; width: 18%;}
.favorite > .table .cell-delete {width: 18%;}
.favorite > .table .cell-date {width: 18%;}
.favorite .favorite-detail {font-size: 12px; padding: 15px 15px 15px 100px; display: none;}
.favorite.opened > .table {background: #00B5C6; color: #ffffff;}
.favorite.opened > .table .table-cell .icon-action-delete {background-image: url("../img/icon_action_delete_white.png"); color: #ffffff;}
.favorite.opened > .table .table-cell.image .product-image {margin-left: 10px;}
.favorite.opened > .table .table-cell.cell-link .link-next {background-image: url("../img/bg_button_link_white_right.png"); color: #ffffff; margin-right: 15px;}
.favorite.opened > .table .table-cell.cell-article .link-next {background: url("../img/arrow_white_down.png") no-repeat center center transparent;width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 20px; overflow: hidden; padding-left: 20px; width: 0;}
.favorite > .table .table-cell.cell-article .icon-arrow-down {display: none;}

.table.addresslist {table-layout: inherit; border-top: 1px solid #eeeeee;}
.table.addresslist .table-cell {border-bottom: 1px solid #eeeeee; padding: 15px 0;}
.table.addresslist .table-cell.cell-name {font-weight: bold; font-size: 12px; width: 155px;}
.table.addresslist .table-cell.cell-address {color: #777777; width: 20%; font-size: 12px;}
.table.addresslist .table-cell.cell-contact {color: #777777; font-size: 12px;}
.table.addresslist .table-cell.cell-contact .contactlist {width: 250px;}
.table.addresslist .table-cell.cell-contact .contactlist span {width: 185px;}
.table.addresslist .table-cell.cell-delete {width: 130px;}
.table.addresslist .table-cell.cell-link {text-align: right; width: 155px;}
.table.addresslist .table-cell.cell-link a {color: #333333;}
.table.addresslist .table-cell .street {margin-bottom: 5px; display: inline-block;}
.table.addresslist .table-cell .email {margin-top: 5px; display: inline-block;}

/* bestellungshinweis */
.nl-order-notice {line-height: 1; width:70%; margin:0; margin-top:6px; font-weight:bold; background:none !important; color:#f49021 !important; padding:10px; text-align:center;}
.opened .nl-order-notice {color:#ffffff !important; background:#f49021 !important;}
#account-history-info .nl-order-notice {color:#ffffff !important; padding:0 0 5px !important; width:100%;}
.ui-tooltip {padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; background:#333 !important; color:#ffffff !important; border:none !important; font-size:14px !important; text-align:center !important; border-width: 2px;}
.ui-widget {font-family: Verdana,Arial,sans-serif; font-size: 1.1em;}
.ui-widget-content {border: 1px solid #aaaaaa; background: #ffffff; color: #222222;}

/* account history info */
#account-history-info table {width:100%;}
#account-history-info .column {margin:0 10px;}
#account-history-info .column .box {padding:5px;}
#account-history-info .column.xt-grid-4-full .box p {line-height:1.4em;}
#account-history-info .product-name {font-weight:bold; padding:0 0 10px 0;}
#account-history-info .product-description {padding: 10px 0 0 0;}
#account-history-info .sub-total {line-height:50px; font-weight:bold;}
#account-history-info .total {font-weight:bold; line-height:40px; font-size:16px;}
#account-history-info thead th {min-width:120px;}
#account-history-info tbody tr:last-child td {padding-bottom:25px;}
#account-history-info tfoot tr td:nth-child(2) {border-top:1px solid #cdcdcd;}

.myaccount .button-link.float-right {margin:10px 0 0;}
.myaccount .box.orderlist > .box {padding:18px 0;}

/* adress book */
#content .account-menu li {float:right; margin-left:5px;}

/* recent orders */
.box.recentorders {padding:0;}