/* Layout & Spacing */
.vertical-spacer {
    height: 150px;
}

/* Headings */
.orders-title {
    font-size: 1.4em;
    margin-top: 20px;
    text-align: left;
}

.order-options-title {
    text-align: center;
}

/* Orders Section Container */
.orders-section {
    background-color: #f7f9fc;
    border: 1px solid #e5e9f2;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

/* Table Styles */
.table {
    margin-bottom: 0;
    background: transparent;
}

.table th {
    background: #fff;
    color: #2f353e;
    font-weight: 600;
    border-bottom: 2px solid #e5e9f2;
    padding: 15px;
}

.table td {
    padding: 15px;
    border-bottom: 1px solid #e5e9f2;
    vertical-align: middle;
}

/* Status Badge */
.badge {
    background-color: #e5e9f2;
    color: #2f353e;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
}

/* Action Buttons */
.btn--theme {
    padding: 8px 16px;
    font-size: 14px;
    margin: 5px 0;
}

/* Helper Classes */
.left-text {
    text-align: left;
}
/* Header Override *//* Layout Spacing */



}    background-color: transparent !important;

#header.navbar-dark {.vertical-spacer {
    height: 150px;
}

/* Section Headers */
.orders-title {
    font-size: 1.4em;
    margin-top: 20px;
    text-align: left;
}

.order-options-title {
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}

/* Orders Section */
.orders-section {
    background-color: #f7f9fc;
    border: 1px solid #e5e9f2;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

/* Table Styling */
.table {
    margin-bottom: 0;
}

.table th {
    border-top: none;
    font-weight: 600;
    background: #fff;
    color: #2f353e;
    border-bottom: 2px solid #e5e9f2;
    padding: 15px;
}

.table td {
    padding: 15px;
    border-bottom: 1px solid #e5e9f2;
    vertical-align: middle;
}

/* Card Elements */
.orders-card {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}

/* Buttons */
.viewdetailbtn {
    color: #fff;
    background-color: #5d2fd9;
    border-color: #5d2fd9;
    padding: 8px 16px;
    font-size: 14px;
    margin: 5px 0;
}

.viewdetailbtn:hover {
    background-color: transparent;
    border-color: #5d2fd9;
    color: #5d2fd9;
}

/* Helper Classes */
.left-text {
    text-align: left;
}

.privacy_clause {
    font-size: 0.8em;
    color: #666;
    margin: 20px auto 0;
    text-align: center;
    width: 100%;
}
.vertical-spacer {.vertical-spacer {.viewdetailbtn {.vertical-spacer{



}    /* No background color */    height: 150px;

}    height: 150px;  /* Increased from 100px */













}    color: #5d2fd9;    border-color: #5d2fd9;    background-color: transparent;.viewdetailbtn:hover {}    margin-bottom: 5px;    margin-top: 5px;    font-size: 14px;    padding: 8px 16px;    border-color: #5d2fd9;    background-color: #5d2fd9;    color: #fff;    height:100px;
   
}
.orders-title{
    text-align:left;
    font-size: 1.4em;
    margin-top: 20px;
}

.order-options-title{
  text-align:center;
    font-size: 20px;
    margin-top: 20px;
   
}
.left-text{
    text-align:left;
}

.orders-card{
    background: #f9f9f9;
    
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}

.privacy_clause{

    font-size: 0.8em;
    color: #666;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    margin-left:auto;
    margin-right:auto
}

.orders-section {
    background-color: #f7f9fc;
    border: 1px solid #e5e9f2;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

.orders-section .table {
    background: transparent;
}

.orders-section .table thead th {
    background: #fff;
    color: #2f353e;
    font-weight: 600;
    border-bottom: 2px solid #e5e9f2;
    padding: 15px;
}

.orders-section .table td {
    padding: 15px;
    border-bottom: 1px solid #e5e9f2;
    vertical-align: middle;
}

.orders-section .btn-outline-primary {
    border-color: #5d2fd9;
    color: #5d2fd9;
}

.orders-section .btn-outline-primary:hover {
    background-color: #5d2fd9;
    color: #fff;
}

.orders-section .badge {
    background-color: #e5e9f2;
    color: #2f353e;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
}

.table {
    margin-bottom: 0;
}

.table th {
    border-top: none;
    font-weight: 600;
}

.badge {
    padding: 6px 12px;
    font-weight: 500;
}