/* General CSS */
.swpm-margin-10{
    margin: 10px;
}
.swpm-margin-top-10{
    margin-top: 10px;
}
.swpm-margin-bottom-10{
    margin-bottom: 10px;
}
.swpm-hidden{
    display: none;
}
.swpm-red-error-text{
    font-weight: bold;
    color: red;
}
.swpm_error {
    font-weight: bold;
    color: red;
}
.swpm-box-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.swpm-yellow-box{
    margin: 10px 0px;
    padding: 10px;
    background-color: #FFFFE0;
    border-color: #E6DB55;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

.swpm-red-box {
    margin: 10px 0px;
    padding: 10px;
    background-color: #FFEBE8;
    border-color: #CC0000;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-orange-box{
    margin: 10px 0px;
    padding: 15px 10px;
    color: #3F2502;
    text-shadow: 1px 1px #FFFFFF;
    background-color: #FFF6D5;
    border-color: #D1B655;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-white-box{
    margin: 10px 0px;
    padding: 15px 10px;
    color: #3c434a;
    background-color: #fff;
    border-color: #c3c4c7;
    border-width: 1px;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-grey-box{
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #DDDDDD;
    border-color: #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-green-box {
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #CCF4D6;
    border-color: #059B53;
    color: #043B14;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Block related */
.swpm-payment-block-ic-wrapper{
    padding: 16px;
}

/* Membership buy buttons */
.swpm-button-wrapper input[type="submit"]{
    width: auto !important;
    height: auto !important;
}
.swpm-button-wrapper input[type="image"]{
    width: auto !important;
    height: auto !important;
}

/* Login form CSS */
.swpm-login-widget-form input,.swpm-login-widget-form checkbox{
    width: auto;
}
.swpm-username-input, .swpm-password-input{
    margin-bottom: 10px;
}
.swpm-login-submit{
    margin-bottom: 10px;
}
.swpm-login-widget-action-msg{
    font-weight: bold;
}
.swpm-logged-label{
    font-weight: bold;
}

/* Password reset form CSS */
.swpm-pw-reset-widget-form table{
    border: none;
}
.swpm-pw-reset-widget-form tr{
    border: none;
}
.swpm-pw-reset-widget-form td{
    border: none;
}
.swpm-reset-pw-error{
    font-weight: bold;
    color: red;
}
.swpm-reset-pw-success-box{
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #CCF4D6;
    border-color: #059B53;
    color: #043B14;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Registration form CSS */
.swpm-registration-widget-form td{
    min-width: 100px;
}
.swpm-registration-widget-form input[type="text"], .swpm-registration-widget-form input[type="password"]{
    width: 95%;
    position: relative;
}
#swpm-accept-terms{
    position: relative;/* needed for the validation message positioning */
}
#swpm-accept-pp{
    position: relative;/* needed for the validation message positioning */
}
.swpm_already_used_registration_complete_link_msg{
    font-weight: bold;
}
.swpm_registration_hidden_to_logged_users_msg{
    font-weight: bold;
}
.swpm_registration_complete_link_invalid_msg{
    font-weight: bold;
}
/* Edit profile form CSS */
.swpm-edit-profile-form input[type="text"], .swpm-edit-profile-form input[type="password"] {
    width: 95%;
    position: relative; /* needed for the validation message positioning */
}
.swpm-edit-profile-form select {
    width: 95%;
}
.swpm-edit-profile-submit-section{
    text-align: center;
}
.swpm-profile-account-delete-section{
    text-align: center;
}
.swpm-profile-account-delete-section a{
    color: red !important;
}
.swpm-profile-update-success{
    font-weight: bold;
    color: green;
}
.swpm-profile-update-error{
    font-weight: bold;
    color: red;
}

/* Misc CSS */
.swpm-restricted{
    font-weight: bold;
    color:red;
}
.swpm-select-box-left{
    margin: 0;
    padding-bottom: 5px;
}

/* Payments menu CSS */
.swpm_status_completed{
	padding: 7px 15px;
	width: auto;
	display: inline-block;
	text-align: center;
	min-width: 80px;
	border-radius: 4px;
	background-color: #b6e4b6;
}

.swpm_status_refunded{
	padding: 7px 15px;
	width: auto;
	display: inline-block;
	text-align: center;
	min-width: 80px;
	border-radius: 4px;
	background-color: #e4d4b6;
}

.swpm_status_general{
	padding: 7px 15px;
	width: auto;
	display: inline-block;
	text-align: center;
	min-width: 80px;
	border-radius: 4px;
	background-color: #dedede;
}

.swpm_status_subscription, .swpm_status_subscription_created{
	padding: 7px 15px;
	width: auto;
	display: inline-block;
	text-align: center;
	min-width: 80px;
	border-radius: 4px;
	background-color: #b6dee4;
}


/* CUSTOM */
.swpm-registration-widget-form table tr, .swpm-registration-widget-form table td {
    background: transparent !important;
}

.swpm-registration-widget-form .line,
.swpm-edit-profile-form .line {
    display: flex;
    flex-direction: column;
    margin: 14px 0;
}

.swpm-registration-widget-form label,
.swpm-edit-profile-form label {
    color: #FFFFFF;
}

.swpm-registration-widget-form table tr td:first-child {
    text-align: left;
    padding: 0 0 0 0;
}

.swpm-registration-widget-form .line input[type=text],
.swpm-registration-widget-form .line input[type=password] {
    background: transparent !important;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 15px;
    width: 100% !important;
}

.swpm-registration-submit-section {
    text-align: center;
}

.swpm-registration-submit-section #submit-register {
    background: #FFFFFF !important;
    color: #f56600 !important;
    font-weight: 700;
    border-radius: 25px;
    text-transform: capitalize;
    padding: 10px 33px;
    font-size: 16px;
}

.swpm-registration-submit-section #submit-register:hover {
    background: #232f3e !important;
    color: #f56600 !important;
}

/* LOGIN, RESET, EDIT PROFILE */
.swpm-login-widget-form  label,
.swpm-edit-profile-form  label,
.swpm-pw-reset-widget-form  label,
.swpm-pw-reset-using-link-widget-form  label {
    color: #FFFFFF;
}

.swpm-login-widget-form input:not([type=submit]),
.swpm-edit-profile-form input:not([type=submit]),
.swpm-pw-reset-widget-form input:not([type=submit]),
.swpm-pw-reset-using-link-widget-form input:not([type=submit]) {
    background: transparent !important;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 15px;
    width: 100% !important;
}

.swpm-login-widget-form input[type=text]:not([disabled]):not([type=submit]),
.swpm-edit-profile-form input[type=text]:not([disabled]):not([type=submit]),
.swpm-pw-reset-widget-form input[type=text]:not([disabled]):not([type=submit]),
.swpm-pw-reset-using-link-widget-form input[type=text]:not([disabled]):not([type=submit]) {
    background: transparent !important;
}

.swpm-registration-widget-form input:not([type=submit]):disabled {
    background: rgba(255, 255, 255, 0.1) !important;
}

.swpm-edit-profile-form input:not([type=submit]):disabled {
    background: rgba(0, 0, 0, 0.1) !important;
}

.swpm-login-widget-form .swpm-login-form-submit,
.swpm-edit-profile-form .swpm-edit-profile-submit,
.swpm-pw-reset-widget-form .swpm-pw-reset-submit,
.swpm-pw-reset-using-link-widget-form .swpm-password-reset-using-link {
    background: #FFFFFF !important;
    color: #f56600 !important;
    font-weight: 700;
    border-radius: 25px;
    text-transform: capitalize;
    padding: 10px 33px;
    margin-top: 20px;
    font-size: 16px;
}

.swpm-login-widget-form .swpm-login-form-submit:hover,
.swpm-edit-profile-form .swpm-edit-profile-submit:hover,
.swpm-pw-reset-widget-form .swpm-pw-reset-submit:hover,
.swpm-pw-reset-using-link-widget-form .swpm-password-reset-using-link:hover {
    background: #232f3e !important;
    color: #f56600 !important;
}

.swpm-edit-profile-form .swpm-edit-profile-submit {
    background: #f56600 !important;
    color: #FFFFFF !important;
    font-weight: 700;
    border-radius: 25px;
    text-transform: capitalize;
    padding: 10px 33px;
    margin-top: 20px;
    font-size: 16px;
}

.swpm-edit-profile-form .swpm-edit-profile-submit:hover {
    background: #232f3e !important;
    color: #f56600 !important;
}

.swpm-login-widget-form .swpm-login-forgot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 600px) {
    .swpm-login-widget-form .swpm-login-forgot {
        flex-direction: column;
    }
}


.swpm-edit-profile-form  label {
    color: #232f3e;
}

.swpm-edit-profile-form input:not([type=submit]) {
    border: 1px solid #232f3e;
    color: #232f3e !important;
}

.swpm-edit-profile-form input::placeholder {
    color: #909090;
    opacity: 1; /* Firefox */
}

.swpm-edit-profile-form input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #909090;
}

.swpm-login-widget-form a, a.swpm-login-form-pw-reset-link {
    color: #FFFFFF !important;
}
