.buy-now-form button, .invoice-amend-form button, .main-contact-form input[type="submit"] {
    background-color: #216dc5;
    border: 2px solid #216dc5;
    color: #ffffff;
    width: 100%;
    border-radius: 4px;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 700;
    transition: all .3s ease;
    padding: 11px 26px;
}
.buy-now-form button:hover, .invoice-amend-form button:hover, .main-contact-form input[type="submit"]:hover {
    background-color: #ffffff;
    color: #216dc5;
}
.invoice-amend-form button { display: block; margin:0 auto; margin-bottom: 20px; width: 200px; }
.no-sidebar { width: 100% !important; }

.auto-icon-cart-plus:before { content: "\f217"; }
.price-suffix { font-size: 0.5em; color: #9e6a43;}
.stock-id, .stock-id-small { display: block !important; width: 100%; font-size: 16px; color: #666666; margin: 0; padding: 0; }
.stock-id-small { font-size: 12px; }
.um {
    opacity: 1 !important;
}

/* order form styles */
.buy-now-form, #invoice-sent { max-width: 500px ; margin: auto; margin-bottom: 20px; }
/* Spinner */
.process-container { display: none; margin: auto 5px; text-align: center; width: 100% !important; }
#invoice-sent { display: none; text-align: center; font-size: 22px; }
.process-spinner {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  margin: auto;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
.frm-service-entry label {
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* user profile */
.article__content h2.entry-title { display: none; }
.um-profile-body.transactions, .um-profile-body.transfers, .um-profile-body { max-width: 100% !important; }

/* invoices table */
.client-invoices { border-collapse: collapse; border: 1px solid #cccccc; width: 100%; }
.client-invoices th, .client-invoices td {
  border: none; border-bottom: 1px solid #cccccc; padding: 5px; text-align: left;
}
.client-invoices th {
  background-color: #cccccc; font-weight: bold;
}
.client-invoices .right {
  text-align: right;
}
.client-details p span { font-weight: bold; }

.listing-total-cost { font-size: 22px; padding: 5px 0; border-top: 1px solid #cccccc; margin-bottom: 10px; } 
#listing-total { font-weight: bold; }
.country-info { color: red; font-style: italic; font-size: 11px; }
/* form table */
.form-table { border-collapse: collapse; border: none; }
.form-table th, .form-table td {
  border: none; padding: 5px; text-align: left;
}
.form-table th {
  font-weight: bold;
}
.form-table .title {
  border-bottom: 1px solid #cccccc; padding-top: 10px; font-size: 18px;
}
.form-table .right {
  text-align: right;
}
.paoc-popup-modal-cnt { padding: 50px; }
.paoc-popup-modal-cnt ol { list-style-position: inside; }
.oc-custom-button {
    width: 300px;
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
    font-weight: bold;
    font-size: 115%;
    text-align: center;
    background: #3366cc;
    color: #fff;
    border: 2px solid #3366cc;
    border-radius: 10px;
    display: block;
    margin-bottom:50px;
}
.oc-custom-button:hover {
    color: #3366cc;
    background: #ffffff;
    border: 2px solid #3366cc;
}
.user-profile-menus { padding: 15px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; }
.upload-label { padding: 3px 20px; border: 1px solid #ccc; font-weight: bold;  }
.search-query-text { width: 100%; height: 100%; padding: 10px 20px !important; background: white; color: #000000; font-family: "Open Sans", sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.5; }
.refined.search-query-text  { width: 50%; height: 100%; }

/* progress bar */
#progress-bar {
    width: 100%;
    background: #cccccc;
    border-radius: 10px;
    position: relative;
}

#progress-bar-percentage {
    background: #3063A5;
    padding: 5px 0px;
    color: #FFF;
    text-align: center;
    border-radius: 10px;
    height: 20px;
}

#progress-bar-percentage span {
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    font-weight: bold;
}

/* Shipping schedule table */
.shipping-schedule { border-collapse: collapse; }
.shipping-schedule tr:nth-of-type(even) { background: #eee; }
.shipping-schedule th { 
    background: orange; 
    color: white; 
    font-weight: bold; 
    }
.shipping-schedule td, .shipping-schedule th { 
    padding: 10px; 
    border: 1px solid #ccc; 
}