/* Custom CSS for Order Form Template - Consistent Dark Theme */




/* General Styling for Backgrounds and Text */
#order-standard_cart {
    background-color: #11141b !important;
    /* Dark grey background */
    color: #dedddd !important;
    /* Light grey text color */
}

/* Product Info Section */
#order-standard_cart .product-info {
    background-color: #11141b !important;
    /* Dark grey background */
    color: #dedddd !important;
    /* Light grey text */
    border: 1px solid #1f242f !important;
    /* Darker grey border */
    padding: 15px;
    /* Padding for spacing */
    border-radius: .25rem;
    /* Rounded corners for a softer look */
}

/* Ensure Specificity for Product Info Text Elements */
#order-standard_cart .product-info .product-title,
#order-standard_cart .product-info .product-description,
#order-standard_cart .product-info .product-price,
#order-standard_cart .product-info .product-options,
#order-standard_cart .product-info .product-configurable-options,
#order-standard_cart .product-info a,
#order-standard_cart .product-info .product-icon {
    color: inherit !important;
    /* Inherit light grey text color from parent */
    font-size: 23px;
}

/* Product Title */
#order-standard_cart .product-info .product-title {
    color: #ffffff !important;
    /* White text for product titles */
    font-weight: bold;
    /* Make product titles bold */
    margin-bottom: 10px;
    /* Space below the title */
}

/* Product Price */
#order-standard_cart .product-info .product-price {
    color: #078bde !important;
    /* Blue text for product prices */
    font-size: 1.1em;
    /* Slightly larger font size for prices */
    font-weight: bold;
    /* Make the price stand out */
}

/* Add to Cart Button */
#order-standard_cart .product-info .add-to-cart-btn {
    background-color: #078bde !important;
    /* Blue button background */
    color: #ffffff !important;
    /* White text for buttons */
    border: 1px solid #056ba4 !important;
    /* Slightly darker blue border */
    padding: 10px 20px;
    /* Padding for button */
    border-radius: .25rem;
    /* Rounded corners for button */
    transition: all .3s ease;
    /* Smooth transition for hover effect */
}

#order-standard_cart .product-info .add-to-cart-btn:hover {
    background-color: #056ba4 !important;
    /* Darker blue on hover */
    border-color: #056ba4 !important;
    color: #ffffff !important;
    /* White text on hover */
}

/* Summary Container */
#order-standard_cart .summary-container {
    background-color: #1f242f !important;
    /* Darker grey background */
    color: #dedddd !important;
    /* Light grey text */
    border: 1px solid #1f242f !important;
    /* Darker grey border */
    padding: 15px;
    /* Padding for spacing */
    border-radius: .25rem;
    /* Rounded corners for a softer look */
}

/* Corrected Link Styling in Summary to Ensure Button Text is White */
#order-standard_cart .summary-container a {
    color: #1d638f !important;
    /* Blue for general links */
    text-decoration: none;
    /* Remove underline */
}

/* Specific Styling for Buttons in Summary */
#order-standard_cart .summary-container .btn-primary,
#order-standard_cart .summary-container .btn-default,
#order-standard_cart .summary-container .checkout-btn {
    color: #ffffff !important;
    /* White text for buttons */
    background-color: #078bde !important;
    /* Blue button background */
    border-color: #078bde !important;
    border-radius: .25rem;
    /* Rounded corners for buttons */
    transition: all .3s ease;
    /* Smooth transition for hover effect */
}

#order-standard_cart .summary-container .btn-primary:hover,
#order-standard_cart .summary-container .btn-default:hover,
#order-standard_cart .summary-container .checkout-btn:hover {
    background-color: #056ba4 !important;
    /* Slightly darker blue on hover */
    border-color: #056ba4 !important;
    color: #ffffff !important;
    /* Ensure white text on hover */
}

/* Ensure Specificity for Summary Container Text Elements */
#order-standard_cart .summary-container .summary-header,
#order-standard_cart .summary-container .summary-content,
#order-standard_cart .summary-container .summary-item,
#order-standard_cart .summary-container .summary-total,
#order-standard_cart .summary-container a {
    color: inherit !important;
    /* Inherit light grey text color from parent */
}

/* Summary Header */
#order-standard_cart .summary-container .summary-header {
    background-color: #1f242f !important;
    /* Darker grey background for header */
    color: #ffffff !important;
    /* White text for header */
    font-weight: bold;
    /* Make header text bold */
    padding: 10px;
    /* Padding for header */
    border-bottom: 1px solid #1f242f !important;
    /* Border at the bottom of header */
    border-radius: .25rem .25rem 0 0;
    /* Rounded corners for the top */
}

/* Summary Items */
#order-standard_cart .summary-container .summary-item {
    background-color: #1f242f !important;
    /* Darker grey background for items */
    color: #dedddd !important;
    /* Light grey text for items */
    border-bottom: 1px solid #1f242f !important;
    /* Border at the bottom of items */
    padding: 10px;
    /* Padding for items */
}

/* Summary Total */
#order-standard_cart .summary-container .summary-total {
    background-color: #1f242f !important;
    /* Darker grey background for total */
    color: #ffffff !important;
    /* White text for total */
    font-size: 1.2em;
    /* Slightly larger font size for emphasis */
    font-weight: bold;
    /* Bold text for total */
    padding: 10px;
    /* Padding for total */
    border-top: 1px solid #1f242f !important;
    /* Border at the top of total */
}

/* Cart Item Section */
#order-standard_cart .view-cart-items .item {
    background-color: #11141b !important;
    /* Dark grey background */
    color: #dedddd !important;
    /* Light grey text */
    border: 1px solid #1f242f !important;
    /* Darker grey border */
    padding: 15px;
    /* Padding for spacing */
    border-radius: .25rem;
    /* Rounded corners for a softer look */
    margin-bottom: 10px;
    /* Space between items */
}

/* Cart Item Title */
#order-standard_cart .view-cart-items .item .item-title {
    color: #ffffff !important;
    /* White text for item titles */
    font-weight: bold;
    /* Make item titles bold */
    margin-bottom: 5px;
    /* Space below the title */
}

/* Cart Item Description */
#order-standard_cart .view-cart-items .item .item-description {
    color: #dedddd !important;
    /* Light grey text for descriptions */
    margin-bottom: 10px;
    /* Space below the description */
}

/* Cart Item Price */
#order-standard_cart .view-cart-items .item .item-price {
    color: #078bde !important;
    /* Blue text for item prices */
    font-weight: bold;
    /* Bold font for prices */
}

/* Cart Item Quantity */
#order-standard_cart .view-cart-items .item .item-quantity {
    background-color: #141820 !important;
    /* Medium grey background for quantity */
    color: #dedddd !important;
    /* Light grey text for quantity */
    border: 1px solid #1f242f !important;
    /* Darker grey border */
    padding: 5px;
    /* Padding for quantity field */
    border-radius: .25rem;
    /* Rounded corners for quantity field */
}

/* Remove Item Button */
#order-standard_cart .view-cart-items .item .remove-item-btn {
    background-color: #078bde !important;
    /* Blue button background */
    color: #ffffff !important;
    /* White text for remove button */
    border: 1px solid #056ba4 !important;
    /* Slightly darker blue border */
    padding: 5px 10px;
    /* Padding for button */
    border-radius: .25rem;
    /* Rounded corners for button */
    transition: all .3s ease;
    /* Smooth transition for hover effect */
}

#order-standard_cart .view-cart-items .item .remove-item-btn:hover {
    background-color: #056ba4 !important;
    /* Darker blue on hover */
    border-color: #056ba4 !important;
    color: #ffffff !important;
    /* White text on hover */
}

/* Link Styling in Cart Item */
#order-standard_cart .view-cart-items .item a {
    color: #ffffff !important;
    /* White text for links */
    text-decoration: none;
    /* Remove underline */
}

#order-standard_cart .view-cart-items .item a:hover {
    color: #ffffff !important;
    /* White text on hover */
    text-decoration: underline;
    /* Underline on hover for emphasis */
}

/* Tab Content in View Cart Tabs */
#order-standard_cart .view-cart-tabs .tab-content {
    background-color: #141820 !important;
    /* Medium grey background for tab content */
    color: #dedddd !important;
    /* Light grey text */
    padding: 15px !important;
    /* Maintain padding */
    border-radius: .25rem;
    /* Rounded corners for a softer look */
}

/* Product Section */
#order-standard_cart .products .product {
    background-color: #11141b !important;
    /* Dark grey background */
    color: #dedddd !important;
    /* Light grey text */
    border: 1px solid #1f242f !important;
    /* Darker grey border */
    padding: 15px;
    /* Padding for spacing */
    border-radius: .25rem;
    /* Rounded corners for a softer look */
    margin-bottom: 10px;
    /* Space between products */
}

/* Product Header */
#order-standard_cart .products .product header {
    background-color: #141820 !important;
    /* Medium grey background for product header */
    color: #ffffff !important;
    /* White text for product header */
    font-weight: bold;
    /* Make product header bold */
    padding: 10px;
    /* Padding for header */
    border-bottom: 1px solid #1f242f !important;
    /* Border at the bottom of header */
    border-radius: .25rem .25rem 0 0;
    /* Rounded corners for the top of header */
}

/* Product Header Span */
#order-standard_cart .products .product header span {
    color: #ffffff !important;
    /* White text for span in product header */
}

/* Product Title in Products Section */
#order-standard_cart .products .product .product-title {
    color: #ffffff !important;
    /* White text for product titles */
    font-weight: bold;
    /* Make product titles bold */
    margin-bottom: 5px;
    /* Space below the title */
}

/* Product Description in Products Section */
#order-standard_cart .products .product .product-description {
    color: #dedddd !important;
    /* Light grey text for descriptions */
    margin-bottom: 10px;
    /* Space below the description */
}

/* Product Price in Products Section */
#order-standard_cart .products .product .product-price {
    color: #078bde !important;
    /* Blue text for product prices */
    font-weight: bold;
    /* Bold font for prices */
}

/* Product Actions in Products Section */
#order-standard_cart .products .product .product-actions {
    background-color: #141820 !important;
    /* Medium grey background for actions */
    color: #dedddd !important;
    /* Light grey text for actions */
    border: 1px solid #1f242f !important;
    /* Darker grey border */
    padding: 5px;
    /* Padding for actions */
    border-radius: .25rem;
    /* Rounded corners for actions */
}

/* Hide Continue Shopping Button */
#order-standard_cart .summary-container .continueShopping {
    display: none !important;
    /* Hides the button */
}

/* Ensure White Text for Specific Elements */
#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
.service-renewals .div-renewal-period-label {
    color: #ffffff !important;
    /* White text color */
}

#order-standard_cart .order-summary {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #252c3b !important;
    /* Darker blue-grey background */
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
.service-renewals .div-renewal-period-label {
    margin-right: 10px;
    font-weight: 300;
    font-size: 18px;
    /* Changed font size to 18px */
    color: #666;
}


/* Adjust the styling of billing cycle options */
.billing-cycle-option {
    background-color: #1f242f;
    /* Dark grey background */
    border: 1px solid #252c3b;
    /* Border with specified color */
    padding: 10px 15px;
    /* Slightly smaller padding */
    border-radius: 4px;
    /* Rounded corners */
    margin-bottom: 10px;
    /* Space between the options */
    text-align: left;
    /* Align text to the left */
    transition: background-color 0.3s ease, border-color 0.3s ease;
    /* Smooth transition on hover */
}

/* On hover, slightly change the background and border color */
.billing-cycle-option:hover {
    background-color: #252c3b;
    border-color: #1f242f;
}

/* Highlight the selected option */
.billing-cycle-option.selected {
    background-color: #252c3b;
    /* Slightly lighter grey for selected option */
    border-color: #078bde;
    /* Blue border for selected option */
}

/* Style for the billing cycle price */
.billing-cycle-price {
    font-weight: bold;
    /* Bold the price */
    font-size: 1.1em;
    /* Slightly increase the font size */
    color: #ffffff;
    /* White text for the price */
    display: block;
    /* Display on its own line */
}

/* Style for the billing cycle title (e.g., Monthly, Annually) */
.billing-cycle-title {
    font-size: 0.9em;
    /* Slightly smaller font for the cycle type */
    color: #dedddd;
    /* Light grey text for the cycle type */
    margin-top: 5px;
    /* Space above the title */
    display: block;
    /* Display on its own line */
}

/* Style for the discount or savings */
.billing-cycle-difference {
    font-size: 1em;
    /* Increase font size for the savings */
    color: #00df4d;
    /* Bright green color for the savings */
    margin-top: 5px;
    /* Space above the savings */
    display: block;
    /* Display on its own line */
}

/* Style for the panel price in addon panels */
#order-standard_cart .panel-addon .panel-price {
    background-color: #1f242f;
    /* Dark grey background */
    color: #ffffff;
    /* White text for contrast */
    border-top: 1px solid #252c3b;
    /* Darker border to separate from the rest of the panel */
    padding: 10px;
    /* Padding for spacing */
    font-weight: bold;
    /* Bold the price for emphasis */
    text-align: center;
    /* Align text to the left */
    font-size: 18px;
}

#order-standard_cart .panel-addon .panel-body label {
    font-size: 18px;

}

#order-standard_cart .panel-addon {
    font-size: 12.5px;
}

#order-standard_cart .summary-container {
    font-size: 14px;

}

/* Override styles for the cart-sidebar */
#order-standard_cart .cart-sidebar {
    background-color: #11141b !important;
    /* Set your desired background color */
    color: #dedddd !important;
    /* Set your desired text color */
    padding: 15px !important;
    /* Remove any padding that might be causing issues */
    border: none !important;
    /* Remove any border if not needed */
    overflow: visible !important;
    /* Ensure overflow doesn't hide content */
    position: relative !important;
    /* Adjust positioning if necessary */
}

#order-standard_cart .cc-input-container {
    padding: 15px 15px 10px 15px;
    background-color: #141820;
    border: 1px solid #1f242f;
    border-radius: 4px;
    color: #dedddd
}

#card-element {
    background-color: white; /* White background for the container */
    padding: 10px; /* Add some padding around the input */
    border-radius: 4px; /* Optional: Rounded corners */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Optional: Shadow for depth */
    border: 1px solid #ccc; /* Optional: Border color */
}

/* Added CSS Kinetic Orderform*/
#order-standard_cart .account-select-container div.account.active {
    background: #141820;
}

#order-standard_cart .account-select-container div.account {  
    background: #141820;
    border: 1px solid #1f242f;
}

#order-standard_cart .account-select-container {
    border-right: 1px solid #1f242f;
}

#order-standard_cart .apply-credit-container {
    background-color: #141820;
}

#order-standard_cart .sub-heading {
    border-top: 1px solid #1f242f;
}

.border-bottom {
    border-bottom: 1px solid #1f242f !important;
}

.primary-bg-color {
    background-color: #141820;
}

.paypal_ppcpv-payment-form .selected {
    background-color: #3d4860;
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields {
  background-color: #141820;
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul {
    border: 1px solid #1f242f;
}