.view-order legend {
    background: #f1f1f1!important;
    padding: 6px 15px;
}

@media only screen and (max-device-width: 1024px){
.view-order .hika_toolbar .btnName {
    padding-left: 15px;
}}

.hika_toolbar_btn.hika_btn_32 a.hikabtn:hover i {
    color: #fff;
}

.view-order.layout-show table.hikashop_order_main_table td:nth-child(1) {
    vertical-align: baseline;
}

/*vieworder dashboard content right*/
.view-order .recent-order {background: #f4f4f4;}
.view-order .recent-order {padding-top: 50px;/* background: #f1f1f1; */font-family: 'Inter';letter-spacing: 0;}
@media (max-width: 992px){
.view-order .recent-order {padding-top: 0px;/* padding-left: 15px; *//* padding-right: 35px; */background: #f4f4f4;padding-bottom: 120px;}}
@media only screen and (min-width: 992px) {
.view-order .recent-order{padding: 80px;}}

/*content*/
.view-order .recent-order legend {font-weight: 700;font-family: 'Inter';border-bottom: 1px solid #b2b2b2;}

/**************************************************************************************************************************************/

/*vieworder invoice content right*/
.view-order div#hikashop_order_main{background: #f4f4f4;}
.view-order div#hikashop_order_main{padding-top: 50px;background: #f1f1f1;font-family: 'Inter';letter-spacing: 0;position: relative;border: 1px solid #cccccc85;}
@media (max-width: 992px){
.view-order div#hikashop_order_main{padding: 15px;padding-top: 65px;background: #f4f4f4;}}
@media only screen and (min-width: 992px) {
.view-order div#hikashop_order_main{padding: 80px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}}

/*invoice toolbar*/
.view-order div#hikashop_order_main .hika_toolbar,
.view-order div#hikashop_order_contact__page .toolbar{
    position: absolute;
    z-index: 9;
    right: 0;
    margin: auto;
    padding-top: 30px;
    padding-right: 100px;
}

@media (max-width: 992px){
.view-order div#hikashop_order_main .hika_toolbar,
.view-order div#hikashop_order_contact__page .toolbar{
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    padding-top: 0px;
    padding-right: 0px;
}
.view-order .hika_toolbar_btn.hika_btn_32 a {
    padding: 15px 37px 15px 20px!important;
}
.view-order.layout-show table.hikashop_order_main_table td {
    padding: 5px 0px 5px 0px;
    display: block;
}}


.view-order .hika_toolbar_btn a.hikabtn {display: inline-flex;text-align: center;padding: 10px 15px;}
.view-order div#hikashop_order_main .hika_toolbar span.hk-icon {
    display: none;
}

.view-order legend {background: #1a1a1a!important;padding: 10px 15px;border-radius: 5px;line-height: 1.5;letter-spacing: 0.5px;font-weight: 500;font-size: 14px;text-transform: capitalize;color: #fff;margin-top: 20px;}
.view-order .hika_toolbar_btn{transform: scale(0.8);transform-origin: right top;display: inline-flex;}
@media only screen and (max-device-width: 1024px){.view-order .hika_toolbar .btnName {padding-left: 15px;}}


/**************************************************************************************************************************************/


/*vieworder contact content right*/
.view-order div#hikashop_order_contact__page{/* background: #f4f4f4; */}
.view-order div#hikashop_order_contact__page{padding-top: 50px;/* background: #f1f1f1; */font-family: 'Inter';letter-spacing: 0;}
.contact-order-toolbar {padding: 30px 80px 50px 0px;}
@media (max-width: 992px){
.view-order div#hikashop_order_contact__page{padding-top: 35px;/* padding-left: 15px; *//* padding-right: 35px; */background: #f4f4f4;padding-bottom: 0px;}
.contact-order-toolbar {padding: 0px 15px 150px 0px;}}
@media only screen and (min-width: 992px) {
.view-order div#hikashop_order_contact__page{padding: 0 80px;padding-top: 80px;}}


/*vieworder pay content right*/
.view-order.layout-pay div#sp-component{/* background: #f4f4f4; */}
.view-order.layout-pay div#sp-component{padding-top: 50px;/* background: #f1f1f1; */font-family: 'Inter';letter-spacing: 0;}
@media (max-width: 992px){
.view-order.layout-pay div#sp-component{padding-top: 0px;padding-bottom:120px;background: #f4f4f4;padding-bottom: 120px;}}
@media only screen and (min-width: 992px) {
.view-order.layout-pay div#sp-component{padding: 0 80px;padding-top: 80px;}}

/*end vieworder*/