/*login*/

.view-login #sp-main-body {
    padding: 100px 0;
    background-image: url(/images/1_MSIA/login-bg.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
}

.com-users .reg-login-form-wrap {
    background: rgb(255 255 255 / 80%);
    border-radius: 20px;
}

.com-users .reg-login-form-wrap .reg-login-title h3 {
    text-align: center;
    margin-bottom: 35px;
    text-transform: capitalize;
    font-size: 32px;
}

.com-users .reg-login-form-wrap .login .form-group p {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 14px;
    color: #4e4e4e;
}

.com-users .reg-login-form-wrap .login .form-group p label {
    font-weight: 600;
}

.com-users .reg-login-form-wrap .login .form-group .group-control {
    line-height: 1;
}

.com-users .reg-login-form-wrap .form-validate input {
    height: 45px;
    background: transparent;
    border-color: #bfbfbf;
}

.com-users .reg-login-form-wrap .form-validate input::placeholder {
    color: #6c6c6c;
    letter-spacing: 0.2px;
}

.com-users .reg-login-form-wrap .login {
    line-height: unset;
    display: block;
    letter-spacing: 0.2px;
}

.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block {
    display: block;
    width: 100%;
    text-transform: capitalize;
}

.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block i {
    display: none;
}

/*end of login*/


/*registration*/

body.member-register-form #sp-main-body {
    padding: 50px 0;
}

body.member-register-form .bfQuickMode fieldset { padding: 0; }

body.member-register-form .bfQuickMode fieldset .bfbs3-row {
    margin: 0;
}

body.member-register-form .bfQuickMode fieldset .bfbs3-row label {
    font-weight: 500;
    font-size: 15px;
}

body.member-register-form .bfQuickMode {
    letter-spacing: 0.3px;
}

body.member-register-form .bfQuickMode .bfbs3-checkbox-inline.bfbs3-inline {
    margin: 0 15px 0 0 !important;
}

body.member-register-form .bfQuickMode button#bfSubmitButton {
    transition: color 400ms, background-color 400ms, border-color 400ms;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #272f6c;
}

body.member-register-form .bfQuickMode button#bfSubmitButton:hover,
body.member-register-form .bfQuickMode button#bfSubmitButton:focus {
    background: #191f47;
}

/*end of registration*/


/*dashboard*/

.member-profile {
    text-align: center;
    letter-spacing: 0.2px;
}

.member-profile .card-img-top {
    width: 200px;
    margin: auto;
}

.member-profile .member-title h5 {
    display: inline-block;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #272f6c;
    padding: 0 5px;
}

.member-profile .member-title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    color: #000;
}

.membership {
    display: inline-block;
    width: 400px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

@media (max-width: 991px) {
    .membership { width: 100%; }
}

.member-profile .member-status .activated-status {
    margin: 0;
    display: inline-block;
    background: #009e0f;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}

.member-profile .member-status .expired-status {
    margin: 0;
    display: inline-block;
    background: #cd1212;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}

.member-profile .member-status .pending-activation-status {
    margin: 0;
    display: inline-block;
    background: #2484bd;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}

.member-profile .member-status .bronze-status {
    margin: 0;
    display: inline-block;
    background: #CD7F32;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}

.member-profile .member-status .silver-status {
    margin: 0;
    display: inline-block;
    background: #a5a5a5;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}


.member-profile .member-status .gold-status {
    margin: 0;
    display: inline-block;
    background: #d4af37;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}

.member-profile .member-status .platinum-status {
    margin: 0;
    display: inline-block;
    background: #97a1af;
    color: #fff;
    padding: 0 12px;
    border-radius: 50px;
}

.member-profile .member-status a { color: #fff; }

.member-profile .member-status {
    font-size: 14px;
    color: #8d8d8d;
    text-transform: capitalize;
    margin: 10px 0;
}

.member-profile .member-message .member-expiry {
    display: inline-block;
    font-weight: 600;
    color: #000;
}

.member-profile .member-message {
    font-size: 14px;
    color: #8d8d8d;
}


.member-action .sppb-addon-feature:hover {
    transform: translateY(-10px);
}

.member-action .sppb-addon-feature:hover a {
    color: #fff !important;
}


@media (max-width: 767px) {
  .member-action .sppb-addon-feature { margin: 5px; padding: 15px 10px 10px !important; }
  .member-action .sppb-addon-feature .sppb-addon-title { font-size: 14px !important; margin-top: 0; }
}


/*end of dashboard*/



/*edit user profile*/

body.com-users.view-profile #sp-main-body {
    padding: 50px 0;
}

.profile-edit .well {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    letter-spacing: 0.2px;
}

.profile-edit legend {
    text-align: center;
    position: relative;
}

.profile-edit legend:before {
    content: "";
    position: absolute;
    background: #262f6c;
    width: 80px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
}

.profile-edit .form-horizontal .controls {
    margin: 0;
}

.profile-edit .form-horizontal .control-label {
    float: none;
    text-align: left;
    width: 100%;
    line-height: 1;
    padding: 5px 0;
    font-size: 14px;
}

.profile-edit .form-horizontal .controls input {
    width: 100%;
    border: 1px solid #bfbfbf;
    height: 45px;
}

.profile-edit .form-horizontal .controls a.btn {
    background: #cf1d1d;
    color: #fff;
}

.profile-edit .form-horizontal .controls a.btn:hover,
.profile-edit .form-horizontal .controls a.btn:focus {
    background: #b90303;
}

/*end of edit user profile*/



/*member profile*/

body.com-member.view-info #sp-main-body {
    padding: 50px 0;
}

body.com-member.view-info .item_fields>.row>div {
    padding: 0;
    display: unset;
}

body.com-member.view-info .item_fields>.row {
    padding-bottom: 15px;
   /* border-bottom: 1px solid #eee;*/
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    body.com-member.view-info .item_fields>.row {margin-left: 0;margin-right: 0;}
}

.edit-btn {
    background: #009e0f;
    float: right;
}

.edit-btn:hover, .edit-btn:focus {
    background: #088114;
}





body.com-member.view-infoform #sp-main-body {
    padding: 50px 0;
}

.info-edit.front-end-edit {
    letter-spacing: 0.2px;
}

.info-edit.front-end-edit .personal-info h5,
.info-edit.front-end-edit .company-info h5 { font-weight: 600; color: #262f6c; }

.info-edit.front-end-edit hr { display: none; }

.info-edit.front-end-edit h1 {
    text-align: center;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: 400;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.info-edit.front-end-edit h1:before {
    content: "";
    position: absolute;
    background: #262f6c;
    width: 80px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
}

.info-edit.front-end-edit .company-info {
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.info-edit.front-end-edit .form-horizontal img {
    max-width: 150px;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
}

.edit-gallery>div {
    padding: 5px;
}

.edit-gallery {
    padding: 0 10px;
}

.info-edit.front-end-edit .form-horizontal .controls {
    margin: 0;
}

.info-edit.front-end-edit .form-horizontal .checkbox-div label {
    margin-right: 20px;
}

.info-edit.front-end-edit .form-horizontal .checkbox-div input { margin-top: -3px; margin-right: 5px; }

.info-edit.front-end-edit .form-horizontal .checkbox-div {
    margin-bottom: 10px;
}

.info-edit.front-end-edit .form-horizontal .control-label {
    float: none;
    text-align: left;
    width: 100%;
    line-height: 1;
    padding: 5px 0;
    font-size: 14px;
}

.info-edit.front-end-edit .personal-info a,
.info-edit.front-end-edit .company-info a { display: block; margin-top: -15px; margin-bottom: 15px; font-size: 14px; }

.info-edit.front-end-edit .form-horizontal .controls input {
    width: 100%;
    border: 1px solid #bfbfbf;
    height: 45px;
}

.info-edit.front-end-edit .form-horizontal .controls input[type="file"] {
    height: unset;
    padding: 10px;
    border-radius: 4px;
}

.info-edit.front-end-edit .form-horizontal .controls textarea {
    width: 100%;
    height: 120px;
    line-height: 1.5;
}

.info-edit.front-end-edit .form-horizontal .controls select {
    width: 100%;
    height: 45px;
}

.info-edit.front-end-edit .form-horizontal .controls a.btn {
    background: #cf1d1d;
    color: #fff;
}

.info-edit.front-end-edit .form-horizontal .controls a.btn:hover,
.info-edit.front-end-edit .form-horizontal .controls a.btn:focus {
    background: #b90303;
}

.edit-gallery-photo {
    width: 100%;
    height: 150px;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.edit-gallery-photo img {
    max-width: 100% !important;
    margin: 0 !important;
    object-fit: contain;
    height: 100%;
}



/*end of member profile*/



/*payment*/

body.com-record.view-paymentform #sp-main-body {
    padding: 50px 0;
}

.payment-edit {
    letter-spacing: 0.2px;
}

.payment-edit br { display: none; }

.payment-edit h3 {
    text-align: center;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: 400;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.payment-edit h3:before {
    content: "";
    position: absolute;
    background: #262f6c;
    width: 80px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
}

.payment-edit .form-horizontal .controls {
    margin: 0;
}

.payment-edit .form-horizontal .control-label {
    float: none;
    text-align: left;
    width: 100%;
    line-height: 1;
    padding: 5px 0;
    font-size: 14px;
}

.payment-edit .form-horizontal .controls input {
    width: 100%;
    border: 1px solid #bfbfbf;
    height: 45px;
}

.payment-edit .form-horizontal .controls select {
    width: 100%;
    border: 1px solid #bfbfbf;
    height: 45px;
}

.payment-edit .form-horizontal .controls input[type="file"] {
    padding: 7px;
    border-radius: 4px;
}

.payment-edit .form-horizontal #logo-file img {
    max-width: 150px;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
}

.payment-edit .form-horizontal .controls textarea {
    width: 100%;
    border: 1px solid #bfbfbf;
    height: 120px;
}

.payment-edit .form-horizontal figure { padding-bottom: 15px; }

.payment-edit .form-horizontal .controls button {
    transition: color 400ms, background-color 400ms, border-color 400ms;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #272f6c;
}

.payment-edit .form-horizontal .controls button:hover,
.payment-edit .form-horizontal .controls button:focus {
    background: #191f47;
}

.payment-edit .form-horizontal .controls a {
    transition: color 400ms, background-color 400ms, border-color 400ms;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    display: inline-block;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #cf1d1d;
}

.payment-edit .form-horizontal .controls a:hover,
.payment-edit .form-horizontal .controls a:focus {
    background: #b90303;
}



body.com-record.view-payments #sp-main-body { padding: 50px 0; }

body.com-record.view-payments button {
    transition: color 400ms, background-color 400ms, border-color 400ms;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    background: #272f6c;
}

body.com-record.view-payments button a { color: #fff; }

body.com-record.view-payments button:hover,
body.com-record.view-payments button:focus {
    background: #191f47;
}

/*end of payment*/



/*payment breezing form*/

body.view-form #sp-main-body {
    padding: 80px 0;
}

@media (max-width: 767px) {
    body.view-form #sp-main-body { padding: 50px 0; }
}

body.view-form .bfQuickMode .form-group-actions {
    min-height: unset;
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
}

body.view-form .bfQuickMode .bfCancelButton {
    background: #cf1d1d;
    color: #fff;
}

body.view-form .bfQuickMode .bfCancelButton:hover,
body.view-form .bfQuickMode .bfCancelButton:focus {
    background: #b90303;
    outline: none;
}

.bfPage a {
    transition: color 400ms, background-color 400ms, border-color 400ms;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background-color: #272f6c;
    display: inline-block;
    margin-top: 10px;
}

.bfPage a:hover, .bfPage a:focus {
    background-color: #191f47;
}

/*end of payment breezing form*/