:root {
  --main-color: red;
  --main-hover-color: blue;  
  --text-color: #fff;  
}


.dashboard .title, .sections-visits .title, .section-head { border-color: var(--main-color); }

.tab-pane table th,
.tab-pane .thead .tcol { color: #fff; background: var(--main-color); }

.nav > ul > li:before,
.spinner > div,
.tabs ul li a,
.tabs ul.nav-tabs li a { background: var(--main-color); }
.tabs ul li a:hover,
.tabs ul.nav-tabs li a:hover,
.tabs ul li.active a,
.tabs ul.nav-tabs li.active a { background: var(--main-hover-color); }

.ui-widget-header { background: var(--main-color); }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #20829a; color: #fff; border-color: var(--main-color); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: var(--main-color); color: var(--text-color); }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: var(--main-hover-color); border-color: var(--main-color); color: var(--text-color); }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: var(--main-hover-color); color: var(--text-color); }

.logout .dd a:hover { background: var(--main-color); }
.info-box ul li a,
.lang-nav li a:hover { color: var(--main-color); }

.section-authorize form h6 a,
.nav li a:hover,
.rateit i,
.noevents-label a,
.popup-wrapper h2 { color: var(--main-color); }

.menu-trigger:after, .menu-trigger:before, .menu-trigger span,
.section-authorize h4 { background: var(--main-color); }

#shcedule-popup .form-actions input,
.section-authorize .form-actions a, .section-authorize .form-actions input { background: var(--main-color); }
#shcedule-popup .form-actions input:hover,
.section-authorize .form-actions a:hover, .section-authorize .form-actions input:hover { background: var(--main-hover-color); }

.csharp-holder:hover,
.section-authorize .form-actions .csharp-holder:hover { color: var(--main-color); }

.nav > ul > li > a:hover,
.nav ul li ul li a:hover,
.nav > ul > li:hover > a,
.popup-wrapper .popup .button,
.popup-wrapper .form-actions .button { color: var(--text-color); background: var(--main-color); }
.popup-wrapper .popup .button:hover,
.popup-wrapper .form-actions .button:hover { background: var(--main-hover-color); }

.promocode button,
.calendar-filter .col .button { color: var(--text-color); background: var(--main-color); }
.promocode button:hover,
.calendar-filter .col .button:hover { background: var(--main-hover-color);  }

.steps-body h3,
.order-payment h4,
.form-group-checkbox a,
.step .membersip-card label.radio-label,
.step .membersip-card .more-info .info-action .form-field i { color: var(--main-color); }
.steps-head,
/*.footer-actions a,*/
.membership-actions a,
.paymentmethods-actions a,
.step .membersip-card input.radio-input:checked + label + .more-info,
.step .membersip-card input.radio-input:checked + label,
.step .membersip-card:hover { background: var(--main-color); }
.schedule-wrapper .filter-section .date-col i,
.schedule-wrapper .filter-section .dd-head i,
.schedule-wrapper .filter-section .dd .dd-body .dd-field label,
.step .membersip-card label:hover,
.schedule-body .schedule-list .item:hover { color: var(--text-color); }

.steps-head .step.active,
/*.footer-actions a:hover,*/
.membership-actions a:hover,
.paymentmethods-actions a:hover { background: var(--main-hover-color); }

.steps-body .step-actions .btn.next,
.steps-body .step-actions button.next { background: var(--main-color); color: var(--text-color); }
.steps-body .step-actions .btn.next:hover,
.steps-body .step-actions button.next:hover { background: var(--main-hover-color); }

.radio-button input:checked + label:after { background: var(--main-color); }
.radio-button label:before,
.membership-tab-link label { border-color: var(--main-color); }

.section-authorize .head-row h4,
.paymentmethod-item .item-actions a { background: var(--main-color); }
.section-authorize .head-row h4:hover,
.section-authorize .head-row h4.active,
.paymentmethod-item .item-actions a:hover { background: var(--main-hover-color); }

.loader { color: var(--main-color); }

.tab-paging button:hover, .tab-paging button.active { background: var(--main-color); }

.onepage-wrapper .form-tabs .form-tab label,
.payment-method .sections .section.active { border: 1px solid var(--main-color); }
.onepage-wrapper .form-tabs .form-tab label,
.paymentmethod-item h2,
.terms a { color: var(--main-color); }

.switch-field a,
.schedule-wrapper .radio-field label,
.schedule-wrapper .filter-section .dd-head,
.schedule-wrapper .filter-section .button,
.schedule-wrapper .filter-section .date-col input { background: var(--main-color); color: var(--text-color); }

.section-head h2 strong,
.schedule-body .schedule-list .item-day div { color: var(--main-color); }
.onepage-wrapper .form-tabs .form-tab label:hover, 
.onepage-wrapper .form-tabs .form-tab input:checked + label,
.schedule-body .schedule-list .item:hover { background: var(--main-color) }

.switch-field a.active,
.schedule-wrapper .radio-field label:hover,
.schedule-wrapper .filter-section .dd-body,
.schedule-wrapper .filter-section .dd-head:hover, 
.schedule-wrapper .filter-section .dd.show .dd-head,
.schedule-wrapper .radio-field input:checked + label,
.schedule-wrapper .filter-section .button:hover,
.schedule-wrapper .filter-section .date-col input:focus { background: var(--main-hover-color); }

.payment-method .sections .section-title label:before { border: 1px solid var(--main-color); }
.payment-method .sections .section-title:hover label:before,
.payment-method .sections .section-title input:checked + label:before { background: var(--main-color); }
.payment-method .sections .section:hover,
.payment-method .sections .section.active { border-color: var(--main-color); }

.schedule-wrapper .filter-section .date-col input::-webkit-input-placeholder { color: var(--text-color); }
.schedule-wrapper .filter-section .date-col input::-moz-placeholder { color: var(--text-color); }
.schedule-wrapper .filter-section .date-col input:-ms-input-placeholder { color: var(--text-color); }
.schedule-wrapper .filter-section .date-col input:-moz-placeholder { color: var(--text-color); }

.top-bar span:before { background: var(--main-color); }
.top-bar a:hover { color: var(--main-color); }

.membership-tab-link input:hover,
.membership-tab-link input:checked + label { background: var(--main-hover-color); color: var(--text-color); }

@media (max-width: 767px) {
	.nav ul li ul li a:hover { color: var(--main-color); background: transparent; }
}