table#order-items-table th {
    width: 60%;
}
table#order-items-table td {
    width: 40%;
    text-align: right
}
table#order-items-table #order-total {
    color: #277aff!important;
    font-size: larger;
    font-weight: bold
}
.card {
    max-width: unset!important;
}
.card-header {
    font-size: 17px;
    font-weight: bold;
}
b.field-name {
    text-transform: capitalize;
    font-size: smaller;
}
.media, .recipient-type, .notification-status {
    text-transform: capitalize;
}

/** Timeline Trx Tracking **/
.rb-container {
    width: 50%;
    display: block;
    position: relative;
}
  
.rb-container ul.rb {
    margin: 2.5em 0 0;
    padding: 0;
    display: block;
}
  
.rb-container ul.rb li {
    list-style: none;
    margin: auto;
    min-height: 50px;
    border-left: 1px dashed #000;
    padding: 0 0 50px 30px;
    position: relative;
}
  
.rb-container ul.rb li:last-child {
    border-left: 0;
}
  
.rb-container ul.rb li::before {
    position: absolute;
    left: -10px;
    top: 0;
    content: " ";
    border: 10px solid rgba(0, 0, 0, 1);
    border-radius: 500%;
    background: #277aff;
    height: 20px;
    width: 20px;
    transition: all 500ms ease-in-out;
}
  
.rb-container ul.rb li:hover::before {
    border-width: 0;
}
  
ul.rb li .timestamp {
    color: #277aff;
    position: relative;
    font-size: smaller;
}
input, select, .form-control, .form-select {
    height: 40px;
}
#order_status {
    width: 200px;
}
.access-link-wrapper {
    display: flex!important;
}
.access-link-wrapper > input {
    flex: 0 0 calc(100% - 100px)!important;
}
.access-link-wrapper > button {
    flex: 0 0 100px!important;
}
.top-40 {
    top: 40px!important;
}