.mtkpoploginform { width: 320px !important; padding: 0 !important; z-index: 9999 !important; }
    .mtkpoploginform .ui-dialog-titlebar { border: none; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; background: #006cb7 !important; color: #fff !important; }
        .mtkpoploginform .ui-dialog-titlebar > span { color: #fff; font-weight: 400; font-size: inherit; font-family: 'Roboto', sans sarif; }
    .mtkpoploginform img { max-width: 100%; }
    .mtkpoploginform .message-error .validation-summary-errors { font-size: 1.2em; line-height: 1.2em; }

.ui-dialog-titlebar button { position: absolute; top: 0; right: 0; width: 42px; height: 42px; border: none; overflow: hidden; background: url('../images/close-w.png') center no-repeat; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; right: 0 !important; width: 42px !important; height: 42px !important; margin: 0 !important; border: none !important; border-radius: 0; background: url('../images/close-w.png') center no-repeat !important; padding: 0 !important; }

.mtk-popuplogin { padding: 0 !important; }
    .mtk-popuplogin .page-title h1 { line-height: normal; }
    .mtk-popuplogin .atlas-blue-button { width: 300px; max-width: 100%; }
    .mtk-popuplogin .forgot-password-button { text-decoration: underline !important; margin: 10px 0; }
    .mtk-popuplogin .inputs { margin: 5px 0; }
    .mtk-popuplogin hr { margin: 5px auto; }
    .mtk-popuplogin select, .mtk-popuplogin input[type="text"], .mtk-popuplogin input[type="tel"], .mtk-popuplogin input[type="email"], .mtk-popuplogin input[type="password"] { display: block; width: 300px !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; padding: 0 8px; font-size: 14px; margin: 1px auto; }
    .mtk-popuplogin input::placeholder { color: #006cb7; }
    .mtk-popuplogin .input-validation-error { background-color: #fff0f0 !important; border-left: 6px solid #f00 !important; }
    .mtk-popuplogin .mtk-required { border-right: 3px solid #f00 !important; }

@media all and (min-width: 769px) {
    .mtkpoploginform { width: 500px !important; }
}

#mtkpopuplogin .login-page { text-align: left; }
    #mtkpopuplogin .login-page .page-title { margin-bottom: 10px; text-align: center; }
    #mtkpopuplogin .login-page .page-body { color: #555; padding: 5px; }
    #mtkpopuplogin .login-page .title { color: #444; font-size: 20px; margin: 0 0 15px; text-align: center; }
        #mtkpopuplogin .login-page .title h1 { line-height: 1.1em; }
    #mtkpopuplogin .login-page .customer-blocks:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
    #mtkpopuplogin .login-page .new-wrapper { border: 1px solid #eee; float: left; margin-bottom: 15px; min-height: 235px; padding: 10px; width: 100%; }
    #mtkpopuplogin .login-page .returning-wrapper { border: 1px solid #eee; /*float: right;*/ margin-bottom: 5px; min-height: 235px; padding: 5px; width: 100%; }
        #mtkpopuplogin .login-page .returning-wrapper .form-fields { padding: 10px 0; }
        #mtkpopuplogin .login-page .returning-wrapper .inputs { margin: 0 0 5px; }
#mtkpopuplogin img { max-width: 100%; }

@media all and (min-width: 769px) {
}

#mtkpopuplogin .login-page .new-wrapper .text { line-height: 20px; }
#mtkpopuplogin .login-page .new-wrapper .buttons { clear: both; text-align: center; margin: 30px 30px 5px; }
#mtkpopuplogin .login-page .checkout-as-guest-or-register-block ul { padding-left: 30px; }
#mtkpopuplogin .login-page .returning-wrapper .inputs { margin: 0 0 5px; }
#mtkpopuplogin .login-page .returning-wrapper .message-error { padding: 0; }
#mtkpopuplogin .login-page .returning-wrapper .buttons { clear: both; text-align: center; margin: 5px 30px; }
/*#mtkpopuplogin .login-page .returning-wrapper label { display: inline-block; font-weight: 700; margin-right: 10px; vertical-align: middle; white-space: nowrap; width: 90px; text-align: right; }*/
/*#mtkpopuplogin .login-page .email, #mtkpopuplogin .login-page .username, #mtkpopuplogin .login-page .password { width: 300px; max-width: 100%; height: 30px; min-height: auto; display: block; background-color: #fff; font-size: 14px; padding: 0 8px; }*/
/*#mtkpopuplogin .login-page .password { border-top: none; }*/
#mtkpopuplogin .login-page .returning-customer .reversed label { font-weight: 400; width: auto; }
#mtkpopuplogin .login-page .forgot-password, #mtkpopuplogin .login-page .register-account { display: block; font-weight: 700; }
#mtkpopuplogin .login-page .field-validation-error { display: block; }


/* registration page */
#mtkpopupregistration .registration-page { text-align: left; }
    #mtkpopupregistration .registration-page .form-fields { background-color: #f9f9f9; border-top: 1px solid #e6e6e6; padding: 30px 15px; position: relative; }
    #mtkpopupregistration .registration-page .page-title, #mtkpopupregistration .registration-page .title { text-align: center; }
    #mtkpopupregistration .registration-page .page-body { background-color: inherit; color: #555; margin: 0; padding: 0; }
/*#mtkpopupregistration .inputs input[type="text"], #mtkpopupregistration .inputs input[type="email"], #mtkpopupregistration .inputs input[type="tel"], #mtkpopupregistration .inputs input[type="number"], #mtkpopupregistration .inputs input[type="password"], #mtkpopupregistration .inputs select, #mtkpopupregistration .inputs textarea { background-color: #fff; max-width: 100%; width: 300px; font-size: 14px; }*/

@media all and (min-width: 1000px) {
    #mtkpopupregistration .registration-page .inputs label { width: 110px; }
}

#mtkpopupregistration .registration-page ul.option-list { display: inline-block; }
    #mtkpopupregistration .registration-page ul.option-list li { display: inline-block; list-style: none outside none; }
        #mtkpopupregistration .registration-page ul.option-list li label { margin-left: 0; width: auto; }
#mtkpopupregistration .registration-page .vat-note { display: block; }
#mtkpopupregistration .registration-page .accept-privacy-policy { clear: both; float: left; margin-bottom: 5px; margin-top: 5px; }
    #mtkpopupregistration .registration-page .accept-privacy-policy .read { text-decoration: underline; }
        #mtkpopupregistration .registration-page .accept-privacy-policy .read:hover { cursor: pointer; }
#mtkpopupregistration .registration-page .buttons { clear: both; margin-bottom: 5px; margin-top: 5px; text-align: center; }
#mtkpopupregistration .registration-page .message-error { margin-bottom: 20px; }
#mtkpopupregistration .registration-page textarea { border: 1px solid #e3e3e3; height: 100px; vertical-align: top; width: 500px; }

/*registration result page*/
#mtkpopupregistrationresult .registration-result-page { }
    #mtkpopupregistrationresult .registration-result-page .page-title { }
    #mtkpopupregistrationresult .registration-result-page .page-body { background-color: inherit; color: #555; margin: 0; padding: 0; }
    #mtkpopupregistrationresult .registration-result-page .buttons { clear: both; margin-bottom: 5px; margin-top: 15px; width: 100%; }

/*password recovery page*/
#mtkpopupforgotpassword .password-recovery-page { text-align: left; }
    #mtkpopupforgotpassword .password-recovery-page .page-title { }
        #mtkpopupforgotpassword .password-recovery-page .page-title h1 { text-align: center; }
    #mtkpopupforgotpassword .password-recovery-page .page-body { background-color: inherit; color: #555; margin: 0; padding: 0; }
    #mtkpopupforgotpassword .password-recovery-page .email { width: 250px; font-size: 14px; }
    #mtkpopupforgotpassword .password-recovery-page .result { color: red; font-family: Verdana,Arial,sans-serif; font-size: 10px; font-weight: 700; }
    #mtkpopupforgotpassword .password-recovery-page .buttons { clear: both; margin-bottom: 5px; margin-top: 5px; text-align: center; }

/*password recovery result page*/
#mtkpopupforgotpasswordresult .password-recovery-result-page { }
    #mtkpopupforgotpasswordresult .password-recovery-result-page .page-title { }
    #mtkpopupforgotpasswordresult .password-recovery-result-page .page-body { background-color: inherit; color: #555; margin: 0; padding: 0; }
    #mtkpopupforgotpasswordresult .password-recovery-result-page .buttons { clear: both; margin-bottom: 5px; margin-top: 15px; width: 100%; }