/************************************************************
 ********** general table style
 ************************************************************/
.table-order-shipping {}
.table-order-shipping .tr {
    display: flex;
}
.table-order-shipping .td {
    align-items: center;
    border: 1px solid #d5d5d5;
    color: #555555;
    display: flex;
    flex: 1 0 0;
    margin-right: -1px;
    margin-top: -1px;
    padding: 4px;
}
.table-order-shipping .td-thead {
    background-color: #f9f9f9;
}
.table-order-shipping .td-select {
    flex-basis: calc(6% + 1px);
}
.table-order-shipping .td-carrier {
    flex-basis: calc(49% + 1px);
}
.table-order-shipping .td-order-price {
    flex-basis: calc(15% + 1px);
}
.table-order-shipping .td-shipping-price {
    flex-basis: calc(15% + 1px);
}
.table-order-shipping .td-total-price {
    flex-basis: calc(15% + 1px);
}
.table-order-shipping .tfoot .td-tfoot {
    flex-basis: calc(15%);
}
.table-order-shipping .tfoot .td-tfoot:first-child {
    flex-basis: calc(70% + 1px);
}
/************************************************************
 ********** shipping items
 ************************************************************/
.table-order-shipping .item-select-carrier {
    height: 14px;
}
.table-order-shipping .item-select-carrier .form-check {
    display: inline-block;
    margin: 0;
    min-height: inherit;
    height: 14px;
    padding: 0;
}
.table-order-shipping .item-select-carrier .form-check .form-check-input {
    margin: 0;
}
.table-order-shipping .item-carrier-cont {
    display: flex;
    gap: 10px;
}
.table-order-shipping .item-carrier-logo {
    max-width: 60px;
}
.table-order-shipping .img-carrier-logo {
    border-radius: 6px;
}
.table-order-shipping .item-carrier-name {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
}
.table-order-shipping .item-carrier-name .carrier-text {
    color: #555555;
}
.table-order-shipping .item-carrier-name .carrier-desc {
    color: #777777;
    font-size: 0.75rem;
}
.table-order-shipping .item-price-cont {
    color: #555555;
    display: flex;
    gap: 6px;
}
.table-order-shipping .item-price-cont .item-price-value {}
.table-order-shipping .item-price-cont .item-price-unit {}
.table-order-shipping .item-order-price-label {
    display: none;
}
.table-order-shipping .item-shipping-price-label {
    display: none;
}
.table-order-shipping .item-total-price-label {
    display: none;
}