/* import css files */
@import url('bootstrap.min.css');
@import url('_normalize.css');
@import url('_typography.css');
@import url('_elements.css');


/* ==========================================================================
	Login page
========================================================================== */

.section-auth {
    background: #1428a0;
    min-height:100vh;
    margin-top: -25px;
    margin-bottom: -25px;
    padding-top: 50px;
}

.auth-content {
    background: #ffffff;
    border:2px solid #5f5f5f;
    overflow: hidden;
    padding:0 40px 20px;
    margin: 60px 0 60px;
}

.auth-content h1 {
    margin-bottom: 20px;
}

.auth-content h3 {
    margin: 30px 0 20px;
    text-align: left;
    display: block;
}

.auth-content form {
    margin-top:30px;
    overflow: hidden;
}

.form-actions .btn-txt {
    margin-top: 10px;
}

.servicelinks {
    float: left;
    margin: 0 0 0 150px;
}

.register-content {
    width: 100%;
    margin-top: 26px;
    padding-top: 10px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid#000000;
}

.register-content h2 {
    margin-top: 17px;
    margin-bottom: 10px;
}



/* ==========================================================================
	Profile page
========================================================================== */
.profile-content p:nth-child(1) {
    margin-top:0;
    padding-top:0;
}

.profile-content form {
    margin-top:30px;
    overflow: hidden;
    padding-bottom: 20px;
}

.profile-content .btn-txt {
    margin-top: 10px;
}

.profile-content h3 {
    display: block;
    text-align: left;
    margin:30px 0 20px;
}



/* ==========================================================================
	Order & Account overview
========================================================================== */
.order-list,
.account-list {
    margin:0;
    padding:0;
    list-style: none;
    overflow:hidden;
}

.order-list li,
.account-list li {
    text-align: left;
    font-size: 0.80em;
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
    padding: 2px 0;
}

.order-list li.header,
.account-list li.header{
    font-size: 0.90em;
}

.order-list li span.date,
.account-list li span.date {
    width: 72px;
    display: inline-block;
}

.order-list li span.ordernr,
.account-list li span.ordernr {
    width: 68px;
    display: inline-block;
}

.account-list li span.status,
.order-list li span.status {
    width: 72px;
    display: inline-block;
}

.account-list li span.product,
.order-list li span.product {
    display: block;
}

.account-list li .btn-default,
.order-list li .btn-default {
    float:right;
    margin-bottom: 4px;
    width: 125px;
}

/* ==========================================================================
	Order & Account detail
========================================================================== */

.account-details .row:nth-child(1),
.order-details .row:nth-child(1) {
    margin-bottom: 10px;
    padding: 2px 0;
    border-bottom: 1px solid #000000;
}

.account-details .row,
.order-details .row{
    text-align: left;
    position: relative;
}
.account-details .row:nth-child(2) .col-4,
.order-details .row:nth-child(2) .col-4{
    min-height: 220px;

}

.account-details .row:nth-child(2) .col-4:nth-child(1),
.order-details .row:nth-child(2) .col-4:nth-child(1){
    border-right: 1px solid #000000;
}

.shoppingcart-details .block h3,
.account-details h3,
.order-details h3{
    display: block;
}

.shoppingcart-details .block span,
.account-details span,
.order-details span{
    display: block;
    font-size: 0.80em;
}

.shoppingcart-details .block,
.account-details .block,
.order-details .block {
    display: block;
    margin:10px 0 20px 0;
}

.shoppingcart-details .block {
    text-align: left;
}

.shoppingcart-details .block h3,
.account-details .block h3,
.order-details .block h3 {
    margin-bottom:6px;
}

.shoppingcart-details select[name="new_product"] {
    margin: 0px;
}

.account-details .block-btn,
.order-details .block-btn {
    position: absolute;
    width: 100%;
    bottom: -85px;
    right:0;
}

.account-details .block-btn .btn-txt,
.order-details .block-btn .btn-txt {
    float:right;
    clear:none;
    margin: 8px 10px 0 0;
}

.account-details .block-btn .btn-default,
.order-details .block-btn .btn-default {
    float:right;
    margin-left:20px;
}

/* ==========================================================================
	Product overview
========================================================================== */
.product-list {
    margin:0;
    padding:0;
    list-style: none;
    overflow: hidden;
}
.product-list > li {
    width: 304px;
    float:left;
    margin:16px 0;
    position: relative;
}

.product-list > li:after {
    content:'';
    height:1px;
    width: 272px;
    background: #000000;
    position: absolute;
    left: 16px;
    top: -16px;
}

.product-list > li:nth-child(3n+2):after {
    content:'';
    height:1px;
    width: 272px;
    background: #000000;
    position: absolute;
    left: 32px;
    bottom: -16px;
}

.product-list > li:nth-child(-n+3):after {
    display: none;
}

.product-list > li:nth-child(3n+2) {
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    width: 336px;
}

.product-list .product {
    width: 272px;
    margin:0 auto;
}

.product-list .product .product-image {
    width:272px;
    height:260px;
    text-align: center;
}

.product-list .product .product-image img {
    max-width:272px;
    max-height:260px;
    margin:0 auto
}

.product-list .product h3{
    display: block;
}

.product-list .product ul {
    margin:12px 0 32px;
    min-height:114px;
}

.product-list .product ul li {
    text-align: left;
}

.product-list .product .btn-default {
    margin-bottom:16px;
}


/* ==========================================================================
	shopping cart
========================================================================== */

#update_client {
    padding: 0;
    margin: 15px 0px 30px 0px;
}

#update_client select[name="receiver"] {
    margin: 15px 0px 20px 0px;
}

.shoppingcart-details {
    /*margin-bottom: 75px;*/
}

.shoppingcart-details .shopping-list{
    padding: 0;
    margin: 0 0 16px 0;
    list-style: none;
}

.shopping-list li {
    border-bottom:1px solid #000000;
    padding:8px 0;
}

.shopping-list li:first-child {
    padding:0 0 8px;
}

.shopping-list .product {
    margin: 0;
    overflow: hidden;
}

.shopping-list .product .product-image {
    width:136px;
    height:130px;
    text-align: center;
    float: left;
}

.shopping-list .product .product-image img {
    max-width:136px;
    max-height:130px;
    margin:0 auto
}

.shopping-list .product h3{
    display: block;
    float: left;
    margin: 56px 0 0 32px;
    width: 320px;
    text-align: left;
}

.shopping-list .quantity {
    float:right;
    width: 290px;
    margin-top: 48px;
}

.shopping-list .quantity label {
    width: 75px;
}

.shopping-list .quantity select {
    width: 90px;
}

.shopping-list .quantity .form-group {
    float:left;
    width: 180px;
}

.shopping-list .quantity .btn-txt {
    float: right;
    clear: none;
    margin: 10px 16px 0 0;
}