/* custom style */
    .mb-login-popup,
    .mb-forgetpassword-popup{
        min-width: 275px;
        max-width: 275px;
    }
    .mb-login-popup-title{
        background: none !important;
        margin-bottom: 10px;
        text-align: center;
    }
    .mb-login-popup-title > strong{
        font-size: 24px;
        font-weight: 300;
    }
    .mb-login-popup-title-success{
        display: none;
    }
    .fieldset.login{
        margin: 0;
    }
    .action.forgot,
    .action.mb-create-account:not(#ajaxlogin_btn_to_login),
    .action.back{
        color: #5a5a5a;
        text-decoration: underline;
    }
    .action.forgot:hover,
    .action.mb-create-account:hover,
    .action.back:hover{
        text-decoration: none;
    }
    .actions.secondary{
        text-align: center;
    }
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .actions{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        margin: 12px 0 0 0;
    }
    
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .actions .action.primary{
        padding: 0 50px !important;
    }
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .actions .secondary{
        text-align: center;
    }
    .mb-actions-toolbar{
        display: flex;
        flex-flow: row wrap;
        margin: 0 -10px;
    }
    .mb-actions-toolbar > div{
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 10px;
    }

/* register popup */
    .mb-ajaxlogin-register{
        margin-top: 15px;
        width: 770px;
    }

/* extension style */
    .mb-ajaxsuite-popup-wrapper .mb-ajaxlogin-message-error {
        text-align: center;
    }

    .mb-ajaxsuite-popup-wrapper .mb-ajaxlogin-message-error .mb-message-error{
        color: red;
        font-weight: bold;
    }

    .mb-ajaxsuite-popup-wrapper .mb-ajaxlogin-message-success {
        text-align: center;
    }

    .mb-ajaxsuite-popup-wrapper .mb-ajaxlogin-message-success .mb-message-successs{
        color: #546fff;
        font-weight: bold;
    }

    /******** SOCIAL LOGIN *********/
        #social-login .social-login-btn {
            height: 33px;
            border: none;
        }
        #facebook-login-btn {
            background: url("../images/facebook.png") no-repeat;
            background-size: contain;
            background-color: #3a5ba0;
        }
        #ggplus-login-btn {
            background: url("../images/ggplus.png") no-repeat;
            background-size: contain;
            background-color: #e02f2f;
        }
        #twitter-login-btn {
            background: url("../images/twitter.png") no-repeat;
            background-size: contain;
            background-color: #00abf1;
        }

        #social-login .social-login-btn span {
            margin-left: 20px;
            color: #ffffff;
        }
    
@media screen and (max-width: 768px){
    .mb-ajaxlogin-register{
        width: 100%;
    }
    .mb-login-popup,
    .mb-forgetpassword-popup{
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .actions,
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .primary,
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .actions > div{
        flex-basis: 100%;
        max-width: 100%;
    }
    .mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border .actions .action.primary{
        width: 100%;
    }
}