.rvs-border-box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

h3.wpvs-admin-section-title {
    padding: 10px;
    background: #f0f8ff;
    color: #0073aa;
}

.wpvs-nothing-found {
    text-align: center;
    padding: 50px 20px;
    font-size: 18px;
}

table.rvs_memberships {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 1em auto;
}

table.rvs_memberships th, table.rvs_memberships td {
    padding: 10px 5px;
    text-align: center;
}

table.rvs_memberships td.wpvs-table-left-text {
    text-align: left;
}


table.rvs_memberships th {
    background: #eee;
}

table.rvs_memberships td {
    background: #fafafa;
}

.rvs-hidden-title {
    display: none;
}

.rvs-discount {
    display: block;
    font-size: 13px;
}

.rvs-membership-editor {
    overflow: hidden;
}

.rvs_checkbox_div {
    margin-top: 15px;
}

/* Payments */

.wpvs-admin-payments-nav {
    width: 300px;
    text-align: center;
    margin: 1em auto;
    overflow: hidden;
}

label.issue-refund, label.rvs-sync-membership{
    color: #0073aa;
    text-decoration: underline;
}

.rvs_note {
    color: #c0392b;
    display: block;
}

.rvs-checkbox-help {
    cursor: pointer;
}

.rvs-navigation {
    margin: 15px 0 0;
    overflow: hidden;
}
.rvs-nav-buttons {
    width: 50%;
}

.rvs-next-button {
    float: right;
}

.rvs-previous-button {
    float: left;
    display: none;
}


.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffgateway {
    width: 110px;
}
.onoffswitch-checkbox {
    display: none !important;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    padding-left: 10px;
}

.onoffswitch-mode:before {
    content: "LIVE";
    background-color: #6DC234; color: #FFFFFF;
}

.onoffswitch-gateway:before {
    content: "STRIPE";
    background-color: #32325d; color: #FFFFFF;
}

.onoffswitch-inner:after {
    padding-right: 10px;
    text-align: right;
}

.onoffswitch-mode:after {
    content: "TEST";
    background-color: #FFB452; color: #FFFFFF;
}

.onoffswitch-gateway:after {
    content: "PAYPAL";
    background-color: #009cde; color: #FFFFFF;
}

.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.switch-gateway {
    right: 75px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
.imageContain {
    margin: 0 0 10px;
}

.rvs-list {
    list-style: disc;
    margin-left: 10px;
}

#wpvs_custom_currency, #wpvs_currency_position_setting {
    margin-bottom: 10px;
}

/* ==== NEW MEMBERSHIP ====*/

.rvs-field-section {
    overflow: hidden;
    padding: 10px 0;
}

.rvs-edit-form label.rvs-field-description {
    font-size: 14px;
}

/* MEMBERSHIPS PAGE */

#rvs-memberships-list {
    padding: 10px 0;
}

.rvs-membership-tab {
    margin: 10px auto;
    border: 1px solid #eee;
    overflow: hidden;
}

.rvs-membership-header {
    padding: 10px;
    background: aliceblue;
    overflow: hidden;
}

.rvs-membership-header label, .rvs-membership-header a {
    display: block;
    width: 100%;
    font-size: 20px;
    margin: 10px 0;
    color: #0073aa
}

.rvs-membership-header a.rvs-edit {
    text-align: right;
    text-decoration: none;
    float: right;
    width: auto;
}

.rvs-membership-header label, .rvs-membership-header a .dashicons {
    vertical-align: bottom;
}

.rvs-membership-gateway {
    padding: 20px;
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #eee;
    clear: both;
}

.rvs-membership-gateway:last-of-type {
    border-bottom: none;
}

.rvs-membership-gateway p {
    font-size: 14px;
}

.rvs-membership-gateway.rvs-gateway-active {
    border-left: 4px solid #27ae60;
}

.rvs-membership-gateway.rvs-gateway-active .dashicons-yes {
    color: #27ae60;
}

.rvs-membership-gateway.rvs-gateway-inactive {
    border-left: 4px solid #d35400;
}

.rvs-membership-gateway .rvs-gateway-missing, .rvs-active-plan {
    font-size: 14px;
    font-style: italic;
}

.rvs-active-plan {
    color: #27ae60;
}

.rvs-perma-help {
    cursor: pointer;
}

.rvs-button.rvs-create-stripe-plan, .rvs-button.rvs-create-paypal-plan {
    background: #27ae60;
}

.rvs-hidden-text {
    display: none;
}

.rvs-gateway-title {
    display: block;
    float: left;
    width: 50%;
    padding: 10px 0;
}

.rvs-right-buttons {
    width: 50%;
    float: right;
    text-align: right;
}

.rvs-right-buttons .dashicons {
    vertical-align: sub;
}

label.wpvs-label-button {
    color: #0073aa;
    text-decoration: underline;
    font-size: 13px;
    display: block;
    margin: 5px auto 0;
}

/* ==== MEMBERS ==== */

#rvs-other-memberships {
    display: none;
}

#wpvs-search-user-input {
    margin: 0;
    padding: 5px;
    min-width: 250px;
    border: 1px solid #eee;
    box-shadow: none;
    outline: none;
}

.rvs-add-membership {
    display: inline-block;
    background: #fff;
    border:1px solid #eee;
    padding: 10px;
    font-size: 18px;
}

.rvs-add-membership:hover {
    background: #0073aa;
    color: #fff;
}

.rvs-button.remove-active-paypal-plan, .rvs-button.remove-active-stripe-plan {
    background: #c0392b;
}

.wpvs-edit-member-icon {
    text-decoration: none;
    margin: 0 10px;
}

.wpvs-remove-member, .wpvs-error-text {
    color: #c0392b;
}

/* ==== NEW MEMBERSHIP ==== */

#trial_period_days, #price_of_trial, #trial-amount-container {
    display: none;
}

.rvs-show-trial-days {
    display: inline !important;
}

.rvs-admin-select {

}

/* ===== EMAILS ===== */

.rvs-hidden-email, .rvs-edit-form label.duration-months, .duration-months {
    display: none;
}

.rvs-create-button {
    margin: 15px 0 0;
}

/* ==== WEBHOOKS ==== */

.wpvs-admin-webhook-overview {
    margin: 0 auto 25px;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #eeeeee;
    padding: 20px;
}

.wpvs-admin-webhook-overview .rvs-button {
    margin-top: 15px;
}

#rvs-paypal-webhooks {
    margin: 15px auto;
}

.rvs-active-webhook {
    display: inline-block;
    padding: 5px 0 0;
    position: relative;
}

.rvs-active-webhook .dashicons {
    font-size: 25px;
    width: 25px;
    height: 25px;
}

.rvs-active-webhook .dashicons-yes {
    font-size: 40px;
    color: #27ae60;
    width: 40px;
    height: 40px;
}

.rvs-active-webhook .dashicons-info, .dashicons.rvs-error {
    color: #d35400;
}

/* ==== UPDATES ==== */

.wpvs-update-needed {
    font-size: 18px;
}

.wpvs-database-update {
    border-left: 4px solid #ffba00;
    padding: 20px;
    background: #fff;
}

.wpvs-database-update h4 {
    margin: 0 0 1em;
}

.wpvs-updating-icon, .wpvs-update-errors {
    display: none;
    clear: both;
}

.wpvs-update-errors {
    margin: 20px 0;
}

/* ==== COLUMNS ==== */

.wpvs-membership-checklist {
    display: block;
    clear: both;
}

.wpvs-label-section {
    margin-top: 10px !important;
}

.wpvs-blue-text {
    color: #0073aa;
    display: block;
}

.wpvs-blue-text:hover {
    text-decoration: underline;
}

/* ==== SPLIT SECTIONS ==== */

.wpvs-admin-split-labels {
    display: flex;
    border-bottom: 1px solid #eeeeee;
}

.wpvs-admin-split-label {
    display: block;
    padding: 10px 15px;
    text-align: center;
    border-right: 1px solid #eeeeee;
}

.wpvs-admin-split-label:hover, .wpvs-admin-split-label.active {
    background: #f0f8ff;
}

.wpvs-admin-split {
    display: none;
}

.wpvs-admin-split.active {
    display: block;
}

.wpvs-admin-inline-button {
    overflow: hidden;
}

label.wpvs-admin-inline-button {
    display: inline-block;
    padding: 10px;
    color: #0073aa;
}

label.wpvs-admin-inline-button:hover {
    background:#0073aa;
    color: #ffffff;
}

/* ==== ANIMATIONS ====*/

.wpvs-update-spin {
    animation: wpvsspin;
    -webkit-animation: wpvsspin;
    -moz-animation: wpvsspin;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes wpvsspin {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes wpvsspin {
    from {
        -moz-transform: rotate(0);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes wpvsspin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

label#wpvs-send-test-email {
    color: #0073aa;
    display: inline-block;
    margin: 10px 0;
}

.wpvs-admin-notice {
    display: none;
}

/* ==== OVERRIDE WP VIDEOS ==== */

.rvs-edit-form .rvs-side-section input[type="number"] {
    width: 100px;
}

.wpvs-filter-options {
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
}

label.wpvs-filter-label {
    font-size: 16px;
    padding: 10px 0;
}

label.wpvs-filter-label .dashicons {
    padding: 10px 0;
    vertical-align: sub;
}

.wpvs-filter-setting {
    padding: 10px;
}

#wpvs-deletion-options {
    overflow: hidden;
    display: none;
}

.wpvs-deletion-option {
    padding: 10px 20px 0;
}

@media screen and (max-width: 680px) {
    /* Memberships */

.rvs_memberships {
    width: 100%;
    margin: 1em auto;
}

.rvs_memberships th {
    display:none;
}

.rvs_memberships td, .rvs-membership-editor, .rvs-hidden-title {
    display:block;
}

.rvs-hidden-title {
    display:inline;
    font-weight: bold;
}

.rvs-membership-editor {
    margin: 0 auto 15px;
}
}

@media screen and (min-width: 960px) {

.rvs-membership-header label, .rvs-membership-header a {
    display: block;
    width: 25%;
    float: left;
    font-size: 20px;
}

.rvs-side-section {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.wpvs-filter-setting {
    display: inline-block;
    margin-left: 10px;
}

}