.account h1{text-align: center;margin-top: 40px;}
.account button{width: 100%}
.account-menu{float: left;width: 100%;max-width: 250px;margin-top: 50px;}
.account-menu ul{margin-left: 0px}
.account-menu ul li{list-style: none;margin-bottom: 15px}
.account-menu ul li a {color: #000000;text-decoration: none;}
.account-menu ul li a:hover, .account-menu ul li.active a{text-decoration: underline}
.account .back{margin-top: 50px;display: inline-block}
.steps{border: 1px solid #ebebeb;background-color: #fbfbfb;margin-top:20px;}
.step-title p{color: #ffffff;}
.step1 .step-title{background: url("../images/sys08.png") #353544 no-repeat left top;padding: 11px 11px 11px 85px;}
.step2 .step-title{background: url("../images/sys05.png") #353544 no-repeat left top;padding: 11px 11px 11px 85px;}
.step3 .step-title{background: url("../images/sys06.png") #353544 no-repeat left top;padding: 11px 11px 11px 85px;}
.step-content{padding: 15px;min-height: 205px}
.step-content p{line-height:26px;}
.account .order-items{width: 100%;margin-top: 20px}
.account .order-items thead tr th{padding:25px 15px;text-align: left;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.account .order-items thead tr th:first-child{border-left: 1px solid #ebebeb;padding-left: 30px}
.account .order-items thead tr th:last-child{border-right: 1px solid #ebebeb;padding-right: 30px}
.account .order-items thead tr th+th p{text-align: center}
.account .order-items thead tr th+th+th p{text-align: right}
.account .order-items tbody tr td{padding:25px 15px;text-align: left;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.account .order-items tbody tr td:first-child{border-left: 1px solid #ebebeb;padding-left: 30px}
.account .order-items tbody tr td:last-child{border-right: 1px solid #ebebeb;padding-right: 30px}
.account .order-items tbody tr td .prod-ref, .account .order-items tbody tr td .prod-color, .account .order-items tbody tr td .prod-size{color: #999999;font-size: 15px}
.account .order-items tbody tr td .prod-qty{text-align: center}
.account .order-items tbody tr td .prod-price{text-align: right}
.account .order-items tfoot tr td{padding:25px 15px;text-align: left;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;background-color: #fbfbfb;}
.account .order-items tfoot tr td:first-child{border-left: 1px solid #ebebeb;padding-left: 30px}
.account .order-items tfoot tr td:last-child{border-right: 1px solid #ebebeb;padding-right: 30px;text-align: right}
.account .order-items tfoot tr td p{margin-bottom: 10px}
.account .order-items tfoot tr td p.grand-total{color: #333;font-size: 19px;font-weight: 600;}
.print-order{margin-top:30px;width: 100%;max-width: 400px;}
.show-mobile{display: none}
.account .orders{width: 100%;margin-top: 30px}
.account .orders a{font-size: 15px;}
.account .orders tr th{padding:20px 10px;text-align: left;border-top: 1px solid #333333;border-bottom: 1px solid #333333;font-weight: 300;color: #333333;font-size: 16px}
.account .orders tr th:first-child{border-left: 1px solid #333333;}
.account .orders tr th:last-child{border-right: 1px solid #333333;}
.account .orders tr td{padding:20px 10px;text-align: left;border-top: 1px solid #333333;border-bottom: 1px solid #333333;}
.account .orders tr td:first-child{border-left: 1px solid #333333;}
.account .orders tr td:last-child{border-right: 1px solid #333333;}
.account .in-return{margin-top: 40px}

@media screen and (max-width:962px) {
    .steps{margin-top: 20px}
    .print-order{display: none;}
}

@media screen and (max-width: 767px) {
    .account-menu{float: none;max-width: 100%;padding: 0 15px}
    .account-menu ul li:last-child{margin-bottom: 30px}
    .step-title p{color: #ffffff;font-size: 19px}
    .step1 .step-title{padding: 11px 11px 11px 70px;}
    .step2 .step-title{padding: 11px 11px 11px 70px;}
    .step3 .step-title{padding: 11px 11px 11px 70px;}
    .account .order-items thead{display: none;}
    .account .order-items tbody tr td{display: block;width: 100%;border-top: 1px solid transparent;border-bottom: 1px solid transparent;text-align: center;padding:0px;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
    .account .order-items tbody tr td .prod-price{text-align: center}
    .account .order-items tbody tr td:first-child{border-top: 1px solid #ebebeb;padding-left: 0px;padding-top: 20px}
    .account .order-items tbody tr td:last-child{padding-right: 0px;}
    .account .order-items tbody tr:last-child td:last-child{border-bottom: 1px solid #ebebeb;padding-bottom: 10px}
    .account .order-items tfoot tr td:first-child{display: none;}
    .account .order-items tfoot tr td{display: block;width: 100%;}
    .account .order-items tfoot tr td{display: block;width: 100%;border-top: 0px solid transparent;border-left: 1px solid #ebebeb;}
    .account .order-items tfoot tr td:last-child{padding-right: 0px;text-align: center}
    .show-mobile{display: inline-block}
    .account .orders thead{display: none;}
    .account .orders tr td{display: block;width: 100%;padding:4px 0px;text-align: center;border-top: 0px solid #333333;border-bottom: 0px solid #333333;}
    .account .orders tr td:first-child{border-left: 0px solid #333333;padding-top: 20px}
    .account .orders tr td:last-child{border-right: 0px solid #333333;border-bottom: 1px solid #333333;padding-bottom: 20px}
    .account .orders tr:first-child td:first-child{border-top: 0px solid #333333;}
    .account .orders tr:first-child:before{content: " Infomação de Encomendas ";background-color:#d7d7d7;display: block;padding:20px;text-align: center;font-size: 18px}
    .account .alert{text-align: center;margin-top: 20px;}
}
@media print {
    .containerHeader{height: 90px}
    .menu{display: none}
    .nav-top{display: none}
    .container-fluid{padding-top: 10px}
    .step1{width: 100%;border: 1px solid transparent;}
    .step1 .step-title{padding: 11px 11px 11px 11px;}
    .step2{width: 310px;float: left;margin-bottom: 15px;margin-right:10px; }
    .step2 .step-title{padding: 11px 11px 11px 11px;}
    .step3{width: 310px;float: left;margin-bottom: 15px;}
    .step3 .step-title{padding: 11px 11px 11px 11px;}
    #footerBottom .clearfix{display: none}
    .print-order{display: none}
    .logo-invert{width: 213px;height: 68px;display: list-item;list-style-image: url("../../skin/frontend/images/logoss_invert.png");list-style-position: inside;}
    .logo{display: none;}
    .account-menu{display: none;}
    .account .back{display: none}
}