/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.20.2.1684266121
Updated: 2023-05-16 19:42:01

*/

.quantity {
    display: none !important;
}

.product-quantity {
    display: none !important;
}

.option-color{
	width: auto !important;
}

.swal2-container {
  z-index: 10000000 !important;
}

:root {
    --text-primary-color: #121212;
    --text-secondary-color: #7C7C7C;
    --bg-primary-color: #121212;
    --bg-secondary-color: #DADADA;
    --bg-table-header: #EAEEEF;
    --bg-table-row: #F5F7F8;
    /* --button-color: #818386;
	--h1-color: #FCFDFD; */
}

body {
    color: var(--text-primary-color)
}

* {
    margin: 0;
    box-sizing: border-box;
    font-family: Lato, Helvetica, sans-serif;
}

.onx-m-0 {
    margin: 0;
}

.onx-mt-3 {
    margin-top: 30px;
}

h1 {
    font-size: 42px;
    margin: 26px 0;
}

h2 {
    font-size: 32px;
    margin: 21px 0;
    font-weight: 500;
}

.onx-custom-style section h2{
	text-transform: capitalize;
}

h3 {
    font-size: 22px;
    margin: 16px 0;
    font-weight: 400;
}

.onx-custom-style input,
#main-content select {
    height: 54px;
    border-radius: 8px;
    border: 1px solid #7C7C7C;
    border-width: 1px;
    padding: 10px 30px;
    font-size: 18px;
}

.onx-custom-style button {
    cursor: pointer;
    height: 54px;
    border-radius: 8px;
    border: 1px solid #7C7C7C;
    border-width: 1px;
    font-size: 18px;
}

.onx-custom-style select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
}

.onx-custom-style section {
    margin-bottom: 100px;
}

.onx-custom-style section.mb-0 {
    margin-bottom: 0px;
}

.onx-custom-style .onx-container, .onx-title {
    max-width: 1400px;
    margin: auto;
	padding-bottom: 100px;
}

.onx-title h1{
	margin-bottom: 13px;
}

.onx-custom-style .onx-section-container {
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    grid-auto-rows: minmax(100px, auto);
}

@media (max-width:900px) {
    .onx-custom-style .onx-section-container {
        grid-template-columns: 1fr;
    }
}

.onx_order_information {
    justify-content: space-between;
    display: grid;
    /*grid-template-columns: repeat(5, 1fr);*/
	grid-template-columns: 15% 15% 15% 1fr 15%;
    grid-gap: 30px;
}

.onx_order_information > div {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #d2d2d2;
}
.onx_order_information > div:last-child {
    border: none;
}

.onx_order_information > div > span {
    font-size: 18px
}


@media (max-width:968px) {
 .onx_order_information {		
    grid-template-columns: repeat(3, 1fr);
 }
 .onx_order_information > div:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width:458px) {
.onx_order_information {
    grid-template-columns: 1fr;
    grid-gap: 10px;
}
.onx_order_information > div:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 1;
	}
}



/* onx-status */
.onx-progress-container {
	overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
    margin-bottom: 40px;
}

.onx-progress {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    height: 170px;
    margin-top: 24px;
    margin-bottom: 12px;
    min-width: 1400px;
}

.onx-progress .onx-line-bar {
    position: absolute;
    height: 5px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    max-width: calc(100% - 110px);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 10%;
}

.onx-line-bar .onx-line {
    background: #EAEEEF;
    width: 100%;
    display: block;
    height: 5px;
    border-radius: 8px;
}


.onx-progress .onx-step {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.onx-step .onx-icon {
    width: 17px;
    height: 17px;
    display: block;
    background: #eaeeef;
    border-radius: 50px;
    position: relative;
    margin: 6px;
}

.onx-step .onx-name {
    margin-top: 10px;
    /* top: 40px; */
    text-align: center;
    /* position: absolute; */
    word-break: break-word;
    font-size: 14px;
}

.onx-progress .onx-step:last-child, 
.onx-line-bar .onx-line:last-child {
    display: none;
}


/* onx-progress-checked */
.onx-line.onx-line-checked {
    background: #51AA74;
}

.onx-step.onx-step-checked .onx-icon {
    background: #51AA74;
    width: 30px;
    height: 30px;
    top: 0;
    margin: 0px;
}

.onx-step.onx-step-checked .onx-icon::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 6px;
    top: -3px;
    width: 9px;
    height: 18px;
    border-width: 0 3px 3px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
    color: white;
}


/* onx-progress-checked */

hr.onx-divider {
    background: #D2D2D2;
    border: none;
    height: 3px;
    margin-top: 16px;
    margin-bottom: 16px;
}

hr.onx-divider.my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.onx-setStatus {
    display: flex;
    gap: 20px;
    margin-top: 0px;
    margin-bottom: 100px;
}

@media (max-width:678px) {
    .onx-setStatus {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}


.onx-col-2 {
    justify-content: space-between;
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 16px;
    grid-auto-rows: minmax(100px, auto);
}

@media (max-width:678px) {
    .onx-col-2 {
        grid-template-columns: 1fr;
    }
}


/* form */

.onx-select {
    width: 30%;
    background: white;
}

@media (max-width:678px) {
    .onx-select {
        width: 100%;
        background: white;
    }
}

.onx-button {
    height: 54px;
    width: 190px;
    color: white;
    background: #121212;
    border-radius: 8px;
    font-size: 18px;
    border: none;
}

.onx-button-outline {
    height: 54px;
    width: 190px;
    background: white;
    color: #121212;
    border-radius: 8px;
    font-size: 18px;
    border: 1px solid #121212;
    margin-right: 15px;
}


.onx-button:hover {
    background: rgba(0, 0, 0, 0.8);
}

.onx-button:focus {
    background: black;
}

.onx-input-search {
    margin-bottom: 30px;
    max-width: 700px;
	position: relative;
}

.onx-input-search input {
    width: 100%;	
}

.onx-input-search img {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 22px;
}


.onx-form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}


.onx-form-group label {
    font-size: 18px;
    color: #7C7C7C;
    margin-bottom: 5px;
}

.onx-center-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.onx-bg-light-grey {
    background-color: var(--bg-secondary-color);
}

/* section cover */



.onx-box-upload {
    border: 1px dashed #7C7C7C;
    text-align: center;
    height: 200px;
    display: flex;
    flex-direction: row;
    /* justify-content: space-around; */
    align-items: center;
    gap: 20px;
    position: relative;
    padding: 25px;
}

.onx-box-upload-drag {
    border: 1px dashed #1976D2;
    background-color: rgba(25, 118, 210, 0.1);
}

.onx-box-upload input {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
	left:0;

}

.onx-box-image {
    background-color: rgb(25 118 210 / 10%);
    width: 150px;
    height: 150px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
	overflow: hidden;
}

.onx-box-info {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    position: relative;
}

.onx-box-info p {
    color: black;
    font-size: 18px;
    text-align: left;	
    max-width: 25vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.onx-box-info a {
    color: #1976D2;
    text-decoration: underline;
}


@media (max-width:1100px) { 
.onx-box-info p {
    max-width: 20vw;
}
}


@media (max-width:899px) { 
.onx-box-info p {
    max-width: 65vw;
}
}

@media (max-width:678px) {
	.onx-box-upload{
		flex-direction: column;
		padding: 10px;
		height: auto;
		max-height: 400px;
	}
	.onx-box-upload .onx-box-image{
		width: 100%;
		height: 200px;
		display: flex;
	}
	
	.onx-box-upload .onx-box-image img{
		width: auto;
	}
	.onx-box-upload .onx-box-info{
	align-items: center;
	}
	.onx-box-upload .onx-box-info p{
		padding: 0;
	}
}

.onx-td-title-project {
    margin-bottom: 5px;
    width: 100%;
    display: block;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(40vw - 100px);
}



.onx-td-project-detail {
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    grid-auto-rows: 15px;
    margin-top: 5px;
}

@media only screen and (max-width: 1410px) {
	 .onx-title {
        padding-left: 16px;
        padding-right: 16px;
    }
    .onx-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.onx-circle-btn {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: white;
    border: none;
}

.onx-circle-btn img {
    width: 18px;
    height: 18px;
}

@media (max-width:400px) {
    .onx-circle-btn {
        width: 30px;
        height: 30px;
    }

    .onx-circle-btn img {
        width: 14px;
        height: 14px;
    }
}


/* table */

table,
table td {
    border: none !important;
}

.onx-table {
    max-width: 100%;
    margin: 0 auto;
	overflow: auto;
}

.onx-table table {
    width: 100%;
    table-layout: auto;
    margin-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0 16px;
}

.onx-table td,
.onx-table th {
    padding: 10px 30px;
    font-size: 18px;
    text-align: left;
    height: 70px;
	white-space: nowrap;
	position: relative;
}
.onx-table td.onx-track-ellipsis-file{
	text-overflow: ellipsis;
    max-width: 33vw;
    overflow: hidden;
}

.onx-table td.onx-break-word{
	white-space: break-spaces;
    min-width: 33vw;
}

.onx-table th{
    font-weight: normal;
}


.onx-table tbody tr td:last-child {
    text-align: right;
}

.onx-table .header{
    background: var(--bg-table-header);
    color: #121212;
    font-weight: 700;
}

.onx-table tbody td{
    background-color: var(--bg-table-row);
    /* border-top: 16px solid white; */
}

@media screen and (max-width: 720px) {
    .table_ul {
        padding: 0px;
    }

    .table_ul li {
        font-size: 10px;
        line-height: 16px;
        padding: 3px 0;
    }

    .onx-table {
        max-width: 100%;
    }

    .onx-table td,
    .onx-table th {
        border-top: none;
        padding: 10px;
    }

    .onx-table td {
        font-size: 14px;
    }

    .onx-table th {
        font-size: 14px;
    }
	
	.onx-table td,
	.onx-table th {
    	padding: 12px !important;
		padding-top: 24px !important;
	}
	
	
}

.onx-table-pagination {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
}

.onx-table-pagination > div {
    margin-right: 10px;
}

.onx-table-pagination .et-pb-icon {
    color: rgba(0, 0, 0, 0.54);
	font-size: 26px;
}




@media (max-width:678px) {

    .onx-td-status-green {
        display: inline-block;
        min-width: 0;
    }

    .onx-td-status-yellow {
        display: inline-block;
        min-width: 0;
    }
}

.project-details {
    display: flex;
    justify-content: space-between;
}



.onx-actionbar {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* modal */
body:not(.et-fb) .onx-popup-wrapper {
    position: fixed;
    z-index: 990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
    opacity: 0;
    visibility: hidden;
}

body:not(.et-fb) .onx-popup-wrapper.popup-is-visible {
    opacity: 1;
    visibility: visible;
}

/* Allow the content inside the popup wrapper to scroll */
.onx-popup-inside {
    height: 100%;
    overflow-y: scroll;
}

/* Prevent Body from Scrolling when Popup is visible */
body.onx-noscroll {
    overflow: hidden;
}

/* Center Align Popup Content inside the Section */
.onx-popup-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onx-popup-content .et_pb_row {
    margin-top: 0;
    margin-bottom: 0;
}

/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
    body:not(.et-fb).admin-bar .onx-popup-wrapper {
        top: 46px;
    }
}

@media (min-width:783px) {
    body:not(.et-fb).admin-bar .onx-popup-wrapper {
        top: 32px;
    }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
    z-index: 99999;
}

/* Add a hand cursor to the close trigger element */
.onx-popup-close {
    cursor: pointer;
    position: absolute;
    right: 10px !important;
    top: 10px !important;
    background: white;
    z-index: 1;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0;
    align-items: center;
}

.onx-popup-close {
    font-size: 34px !important;
}

section.onx-popup-content {
    margin: 0;
}

.onx-popup-content {
    background: rgba(0, 0, 0, 0.7);
    min-height: 100vh;
}

.onx-popup-body {
    max-width: 600px;
    width: 80%;
    background-color: white;
    margin: auto;
    min-height: 400px;
    padding: 32px;
    border-radius: 8px;
    position: relative;
}


@media (max-width:678px) {
    .onx-popup-body {
        padding: 16px;
        width: 90%;
    }
}



.onx-popup-save {
    margin-top: 30px
}

/* Add Row animation when popup is triggered */
.onx-popup-wrapper.popup-is-visible .onx-popup-content>.et_pb_row:not(.onx-popup-close) {
    animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both;
    animation-delay: .5s;
}

@keyframes scale-in {
    0% {
        transform: scale(0.3);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.onx-td-status-green {
    border-radius: 8px;
    padding: 5px 10px;
    min-width: 130px;
    background-color: #CEF6DE;
    display: inline-block;
}

.onx-td-status-yellow {
    border-radius: 8px;
    padding: 5px 10px;
    min-width: 130px;
    display: inline-block;
    background-color: #FFEEC2;
}


.onx-show-sm {
    display: none;
}

@media (max-width:1024px) {
    .onx-td-title-project {
        font-weight: bold;
		margin-bottom: 0;
		max-width: calc(70vw - 110px);
    }
	   .onx-hide-sm {
        display: none;
    }

    .onx-show-sm {
        display: block;
    }
	
	.onx-td-status-green {
    	display: inline-block;
		font-size: 12px;
    	padding: 0 10px;
    	line-height: 2;
	}
	
}

@media (max-width:720px) {
	
	.onx-td-col-2{
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		white-space: nowrap;
	}
	
	
	.onx-td-status-green{
		position: absolute;
		top: 0;
		left: 0;
	}
}

.onx-td-link {
    white-space: nowrap;
    color: var(--text-primary-color);
}

.onx-center {
    text-align: center !important;
}

.onx-right {
    text-align: right !important;
}

tr td:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

tr td:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

a.onx-circle-btn {
    cursor: pointer;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.onx-box-download {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    position: relative;
}

.onx-box-download .onx-box-image {
    width: 100%;
    padding: 0px;
    overflow: hidden;
    height: 200px;
    display: flex;
	max-width: 400px;
    border-radius: 8px;
}

.onx-box-download .onx-box-image img{
    max-width: 100%;
    height: auto;
}

.onx-box-download .onx-box-info {
	height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 16px;
    justify-content: space-between;
    width: 100%;
}


.onx-box-download .onx-box-info .onx-box-info-name{
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    background: #F5F7F8;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    height: 52px;
    border: 1px solid #7C7C7C;	
}

.onx-box-download .onx-box-info .onx-button-outline{
	background-image: url(./image/download.svg);
    filter: invert(1);
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    width: 70px;
}

.onx-box-download .onx-box-info p{
	margin: 0;
	padding:0;
}

.modalAlert {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .modalAlert-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    overflow: auto;
    max-width: 600px;
  }

  .modalAlert-message {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
  }
  
  .modalAlert-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .modalAlert-close:hover,
  .modalAlert-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  
 
  .modalAlert-okButton {
    background-color: black;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    float: right;
    border-radius: 4px;
  }
  
  .modalAlert-okButton:hover {
    background-color: #333;
  }

h1.onx-mp-0{
	margin:0;
	padding: 0;
}

ul.breadcrumb {
      list-style: none;
    padding: 0;
    margin-bottom: 30px;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.modalConfirm-buttons {
    text-align: right; /* Alinear botones a la derecha */
  }

  .modalConfirm-button {
    background-color: #000; /* Fondo negro */
    color: #fff; /* Texto blanco */
    border: none;
    padding: 10px 20px;
    margin-left: 10px;
    cursor: pointer;
  }

  .modalConfirm-button:hover {
    background-color: #333; /* Cambiar color de fondo en el hover */
  }

#doc_title{
	color:red !important;
	
}


/**** onx modal orders ****/
.onx-tabs-orders {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  gap: 32px;
  /*overflow: scroll;*/
  height: 90px;
  position: relative;
}

.onx-hr {
  width: 100%;
  position: absolute;
  bottom: 17px;
  height: 1px;
  border-bottom: 1px solid #d2d2d2;
}

.onx-tab-btn {
  border: none !important;
  background: none !important;
  border-radius: 0 !important;
  font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
  font-size: 20px !important;
  color: #7c7c7c;
}

.onx-tab-btn.onx-tab-active {
  color: black;
  border-bottom: 3px solid #121212;
}


.onx-tab-content {
  transition: 3s all ease-out;
  animation: opac 0.8s;
  max-height: calc(100vh - 500px);
  min-height: 500px;
  overflow: auto;
  padding-right: 32px;
  /* padding-top: 16px; */
}

.onx-tab-content h3 {
  margin-top: 0;
}

.onx-shipping-info {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 32px;
  grid-row-gap: 4px;
    margin: 0;
}

.onx-shipping-info .dt {
  grid-column-start: 1;
}

.onx-shipping-info dd {
  grid-column-start: 2;
}



@keyframes opac {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

/* onx-order-configuration payments */
.onx-orders .onx-order-payments {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px !important;
  border: 1px solid #d2d2d2 !important;
}

.onx-orders .onx-order-payments table {
  width: 100% !important;
	margin: 0;
}

.onx-orders .onx-order-payments table thead th {
  text-align: left !important;
  padding: 0;
}

.onx-orders .onx-order-payments table tbody td {
  padding: 0;
}

.onx-orders table tbody tr.onx-order-desc td {
    padding: 12px 0 !important;
}

.onx-orders table tbody tr.onx-order-head td{
	border-top: 1px solid #d2d2d2 !important;
}

.onx-orders table tbody tr.onx-order-head td{
	border-top: 1px solid #d2d2d2 !important;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
}
.onx-orders table tbody tr.onx-order-body td{
	border-bottom: 1px solid #d2d2d2 !important;
	padding-bottom: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

.onx-orders table tbody tr.onx-order-body,
.onx-orders table tbody tr.onx-order-head{
	border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

/* onx-order-desc */
.onx-ordersonx-order-desc{
  padding: 16px;
}
/* onx-order-configuration */
.onx-orders .onx-order-configuration {
  /* padding-top: 16px; */
}

.onx-orders .onx-order-configuration .order-configuration {
  padding-left: 16px;
}

.onx-orders .onx-order-configuration .order-configuration > div {
  margin: 4px 0;
}

/* onx-order-total */
.onx-orders .onx-order-total {
  padding-top: 16px;
  border-top: 1px solid #eded;
  margin-top: 16px;
  width: 100%;

}

.onx-orders .onx-order-total table {
  float: right;
  width: auto;
}

.onx-orders .onx-order-total table tbody tr td {
  padding: 0px;
}


.onx-orders .onx-order-total table tbody tr td:first-child {
	font-weight: bold;
  text-align: right;
  padding-right: 16px;
}

.onx-orders .onx-order-total table tbody tr td:last-child {
  padding-right: 16px;
}



@media (max-width:678px) {
  .onx-tab-content{
    padding-right: 16px;
  }
}

@media (max-width:425px) {
  .onx-tab-content{
    padding-right: 0px;
  }
}