Results of the CSS crunched for www.gtp.com.my

Let's see what we've done for www.gtp.com.my

CSSCruncher.com has crunched this CSS to
13.70 %Less Size! Nice!

Crunched CSS code:

.lrm-user-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(52,54,66,0.9);z-index:999999;overflow-y:auto;cursor:pointer;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s,visibility 0.3s;-moz-transition:opacity 0.3s,visibility 0.3s;transition:opacity 0.3s,visibility 0.3s}
.lrm-user-modal.is-visible{visibility:visible !important;opacity:1}
.lrm-user-modal.is-visible .lrm-user-modal-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
ul.lrm-switcher{list-style:none !important;list-style-type:none !important;padding:0 !important;margin:0 !important}
.lrm-user-modal-container{position:relative;width:98%;max-width:540px;background:#FFF;margin:3em auto 4em;cursor:auto;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s}
@media only screen and (min-width:600px){.lrm-user-modal-container{width:90%}}
@media only screen and (min-width:600px){.lrm-user-modal-container .lrm-user-modal-container{margin:4em auto}}
.lrm-user-modal-container .lrm-switcher:after{content:"";display:table;clear:both}
.lrm-user-modal-container ul.lrm-switcher li{text-align:center;margin:0 !important;padding:0 !important;list-style-type:none !important}
.lrm-user-modal-container .lrm-switcher.-is-not-login-only li{width:50%;float:left}
.lrm-user-modal-container .lrm-switcher a{display:block !important;width:100%;height:50px;line-height:50px;text-decoration:none !important;box-shadow:none !important;border:none !important}
@media only screen and (min-width:600px){.lrm-user-modal-container .lrm-switcher a{height:70px;line-height:70px}}
.lrm-switch-to-link:before{line-height:1;content:"";display:inline-block;overflow:hidden;vertical-align:text-bottom;margin-right:3px}
.lrm-switch-to--login:before{width:22px;height:24px;background:url(img/login.png) no-repeat center center;background-size:100%}
.lrm-switch-to--register:before{width:22px;height:24px;background:url(img/user.png) no-repeat center center;background-size:100%}
.lrm-form{padding:.5em 1.4em .1em !important;margin:0}
@media only screen and (min-width:600px){.lrm-form .lrm-form{padding:.5em 2em .1em 2em !important}}
.lrm-form .fieldset{position:relative;margin:1.4em 0;padding:0 !important;clear:both}
@media only screen and (min-width:600px){.lrm-form .fieldset .lrm-form .fieldset{margin:2em 0 !important}}
.lrm-form label{font-size:14px}
.lrm-form label.image-replace,.lrm-form .lrm-image-replace{display:inline-block;position:absolute;left:15px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:20px;width:20px;overflow:hidden;text-indent:-300px;white-space:nowrap;color:transparent;text-shadow:none;background-repeat:no-repeat;background-position:50% 0;padding:0 !important}
[dir="rtl"] .lrm-form label.image-replace,[lang="ar"] .lrm-form label.image-replace,[dir="rtl"] .lrm-form .lrm-image-replace,[lang="ar"] .lrm-form .lrm-image-replace{right:15px;left:auto}
.lrm-form label.lrm-username{background-image:url("img/cd-icon-username.svg")}
.lrm-form label.lrm-email{background-image:url("img/cd-icon-email.svg")}
.lrm-form label.lrm-password{background-image:url("img/cd-icon-password.svg")}
.lrm-form input{margin:0;padding:0;font-size:16px;font-weight:300;height:auto !important}
.lrm-form input.full-width,.lrm-form button.full-width{width:100% !important;box-sizing:border-box}
.lrm-form input.has-padding,.lrm-form button.has-padding{padding:12px 20px 12px 50px}
[dir="rtl"] .lrm-form input.has-padding,[lang="ar"] .lrm-form input.has-padding,[dir="rtl"] .lrm-form button.has-padding,[lang="ar"] .lrm-form button.has-padding{padding:12px 50px 12px 20px}
@media only screen and (min-width:600px){.lrm-form input.has-padding input.has-padding,.lrm-form input.has-padding button.has-padding,.lrm-form button.has-padding input.has-padding,.lrm-form button.has-padding button.has-padding{padding:16px 20px 16px 50px !important}
.lrm-form input.has-padding button[type=submit],.lrm-form input.has-padding input[type=submit],.lrm-form input.has-padding #buddypress input[type=submit],.lrm-form button.has-padding button[type=submit],.lrm-form button.has-padding input[type=submit],.lrm-form button.has-padding #buddypress input[type=submit]{padding:16px 0 !important}}
.lrm-form input.has-border{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.lrm-form input.has-border:focus{outline:none}
.lrm-form input[type=password]{padding-right:65px}
.lrm-form a.button,.lrm-form button,.lrm-form button[type=submit],.lrm-form #buddypress input[type=submit],.lrm-form input[type=submit]{cursor:pointer;background:#2f889a;color:#FFF;font-weight:bold;border:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;height:auto;border-radius:5px}
.lrm-form a.button,.lrm-form button{font-size:16px;padding:8px 5px}
.lrm-form button[type=submit],.lrm-form #buddypress input[type=submit],.lrm-form input[type=submit]{font-size:20px;padding:16px 5px}
.no-touch .lrm-form input[type=submit]:hover,.no-touch .lrm-form input[type=submit]:focus,.no-touch .lrm-form button[type=submit]:hover,.no-touch .lrm-form button[type=submit]:focus{background:#3599ae;outline:none}
.lrm-form .hide-password{display:inline-block;position:absolute;left:15px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:20px;width:20px;overflow:hidden;text-indent:-300px;white-space:nowrap;color:transparent;text-shadow:none;background-repeat:no-repeat;background-position:50% 0;left:unset;background-image:url("img/iconmonstr-eye-4.svg");border-left:1px solid black;font-size:14px;font-size:0.875rem;cursor:pointer;background-position:center;padding:20px 21px;background-size:24px;right:5px}
[dir="rtl"] .lrm-form .hide-password,[lang="ar"] .lrm-form .hide-password{right:15px;left:auto}
.lrm-form .hide-password.hide-password--on{background-image:url("img/iconmonstr-eye-8.svg?v3")}
[dir="rtl"] .lrm-form .hide-password,[lang="ar"] .lrm-form .hide-password{left:0;right:unset;border-right:1px solid black;border-left:none}
.lrm-form .lrm-error-message{display:inline-block;position:absolute;left:-5px;bottom:-35px;background:rgba(215,102,102,0.9);padding:.8em;z-index:2;color:#FFF;font-size:13px;font-size:0.8125rem;border-radius:0.25em;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:opacity 0.2s 0,visibility 0 0.2s;-moz-transition:opacity 0.2s 0,visibility 0 0.2s;transition:opacity 0.2s 0,visibility 0 0.2s}
.lrm-form .lrm-error-message::after{content:'';position:absolute;left:22px;bottom:100%;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(215,102,102,0.9)}
.lrm-form .lrm-error-message.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.2s 0,visibility 0 0;-moz-transition:opacity 0.2s 0,visibility 0 0;transition:opacity 0.2s 0,visibility 0 0}
.lrm-form-message{padding:0.35em 0 .3em .7em;font-size:14px;font-size:16px;line-height:1.4;text-align:left;margin:5px 0 0;border-left:4px solid #6d6d6d}
@media only screen and (min-width:600px){.lrm-form-message .lrm-form-message{padding:.6em 0 .5em 1em}}
.lrm-form-message:empty{display:none}
.lrm-form-message.lrm-is-error{border-left-color:#dc3232}
[dir="rtl"] .lrm-form-message.lrm-is-error,[lang="ar"] .lrm-form-message.lrm-is-error{border-left-color:transparent;border-right-color:#dc3232}
[dir="rtl"] .lrm-form-message,[lang="ar"] .lrm-form-message{border-right:4px solid #6d6d6d;border-left:none;padding:0.35em .3em 0 .7em}
p.lrm-form-bottom-message{position:absolute;width:100%;left:0;bottom:-32px;text-align:center;font-size:14px;margin:0 !important}
.lrm-user-modal p.lrm-form-bottom-message a{color:#FFF;text-decoration:underline}
.lrm-close-form{display:block;position:absolute;width:40px;height:40px;right:0;top:-40px;background:url("img/cd-icon-close.svg") no-repeat center center;text-indent:100%;white-space:nowrap;overflow:hidden}
.lrm-inline .lrm-close-form{display:none !important}
.lrm-signin-section,.lrm-signup-section,.lrm-reset-password-section{display:none}
.lrm-signin-section.is-selected,.lrm-signup-section.is-selected,.lrm-reset-password-section.is-selected{display:block}
.lrm-inline p.lrm-form-bottom-message a{color:inherit}
.lrm-button-loader{text-align:center;width:60px;height:22px;x-display:none;overflow:hidden;color:#ffffff;display:inline-block;line-height:1;vertical-align:middle}
.lrm-button-loader svg{width:100%;height:100%}
html.html-has-lrm{overflow:auto !important}
.lrm-position-relative{position:relative}
.clearfix:after{display:table;content:"";clear:both}
.lrm-col-half-width{position:relative;padding:0 !important}
.lrm-col-first{margin-bottom:1.4em}
@media only screen and (min-width:600px){.lrm-col-half-width{width:49%;float:left;clear:none;margin:0}
.lrm-col-last{float:right}}
.lrm-integrations label{font-weight:bold}
.lrm-form .lrm-integrations input[type="text"],.lrm-form .lrm-integrations input[type="tel"],.lrm-form .lrm-integrations input[type="email"],.lrm-form .lrm-integrations input[type="number"],.lrm-form .lrm-integrations input[type="url"],.lrm-form .lrm-integrations input[type="date"],.lrm-form .lrm-integrations textarea,.lrm-form .lrm-integrations select{border:1px solid #d2d8d8;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;width:100% !important;box-sizing:border-box;padding:12px 20px;font-size:16px}
.lrm-form .lrm-integrations input[type="text"]:focus,.lrm-form .lrm-integrations input[type="tel"]:focus,.lrm-form .lrm-integrations input[type="number"]:focus,.lrm-form .lrm-integrations input[type="email"]:focus,.lrm-form .lrm-integrations input[type="url"]:focus,.lrm-form .lrm-integrations input[type="date"]:focus,.lrm-form .lrm-integrations textarea:focus .lrm-form .lrm-integrations select:focus{border-color:#343642;box-shadow:0 0 5px rgba(52,54,66,0.1);outline:none}
.lrm-form .acf-field{text-align:left}
.lrm-form .acf-input-prepend,.lrm-form .acf-input-append{padding:13px 7px}
.lrm-form input.has-error{border:1px solid #d76666}
.lrm-integrations{text-align:center}
.lrm-integrations,.lrm-integrations label,.lrm-integrations p{font-size:16px}
.lrm-integrations br{display:none;text-align:center}
.lrm-pass-strength-result{background-color:#eee;border:1px solid #ddd;color:#23282d;margin:1px 5px 5px 1px;padding:3px 5px;text-align:center;width:25em;opacity:0;display:inline-block;width:100%}
.lrm-pass-strength-result.short{background-color:#f1adad;border-color:#e35b5b;opacity:1}
.lrm-pass-strength-result.bad{background-color:#fbc5a9;border-color:#f78b53;opacity:1}
.lrm-pass-strength-result.good{background-color:#ffe399;border-color:#ffc733;opacity:1}
.lrm-pass-strength-result.strong{background-color:#c1e1b9;border-color:#83c373;opacity:1}
.lrm-integrations .cptch_input{padding:6px 8px;font-size:16px !important}
.wp-social-login-provider-list img{display:inline-block}
#jetpack-sso-wrap{margin-top:10px}
a.jetpack-sso{display:block;width:100%;text-align:center;text-decoration:none}
.jetpack-sso-or{margin-bottom:16px;position:relative;text-align:center}
.jetpack-sso-or:before{background:#E5E5E5;content:'';height:1px;position:absolute;left:0;top:50%;width:100%}
.jetpack-sso-or span{background:#fff;color:#777;position:relative;padding:0 8px;text-transform:uppercase}
.jetpack-sso.button{height:36px;line-height:34px;float:none;margin-bottom:16px;position:relative;width:100%}
.jetpack-sso.button > span{position:relative;padding-left:30px}
.jetpack-sso.button .genericon-wordpress{position:absolute;left:0;top:-3px;font-size:24px}
@media screen and (max-width:782px){.jetpack-sso.button{line-height:22px}}
.lrm-signup-section .um-button.um-alt{display:none}
.lrm-signup-section .um-col-alt .um-right.um-half{display:none}
.lrm-signup-section .um-col-alt .um-half{width:100%}
.um-register.um{max-width:unset !important}
.lrm-signup-section .um-col-alt{padding-bottom:.9em}
.lrm-signup-section #um-submit-btn{width:100%}
@media (min-height:33.875em){.um .picker--opened .picker__frame{top:50%}}
.lrm-grecaptcha > div{margin:auto}
.lrm-nice-checkbox{position:absolute;z-index:-1;opacity:0}
.lrm-nice-checkbox__label{position:relative;padding-left:27px;font-size:14px;vertical-align:middle;margin:13px 0 3px;display:block;font-weight:400;line-height:20px}
body.rtl .lrm-nice-checkbox__label{padding-right:27px;padding-left:0}
.lrm-nice-checkbox__indicator{position:absolute;top:0;left:0;width:20px;height:20px;background:#e6e6e6}
body.rtl .lrm-nice-checkbox__indicator{left:unset;right:0}
.lrm-nice-checkbox__label .lrm-nice-checkbox__indicator{background:transparent;border:2px solid #e8e8eb;border-radius:3px}
.lrm-nice-checkbox__label input:checked ~ .lrm-nice-checkbox__indicator{background:#0b76ef;border-color:#0b76ef}
.lrm-nice-checkbox__label:hover input:not([disabled]):checked ~ .lrm-nice-checkbox__indicator,.lrm-nice-checkbox__label input:checked:focus ~ .lrm-nice-checkbox__indicator{background:#0b76ef}
.lrm-nice-checkbox__label input:disabled ~ .lrm-nice-checkbox__indicator{pointer-events:none;opacity:.6;background:#e6e6e6}
.lrm-nice-checkbox__indicator:after{position:absolute;display:none;content:''}
.lrm-nice-checkbox__label input:checked ~ .lrm-nice-checkbox__indicator:after{display:block}
.lrm-nice-checkbox__label .lrm-nice-checkbox__indicator:after{top:0px;left:5px;width:5px;height:11px;transform:rotate(40deg);border:solid #fff;border-width:0 2px 2px 0}

» Show original CSS code

« Hide original CSS code

/*! ====================================
    Public styles for LRM
    Compiled from SCSS
====================================*/
/* modal.scss */
.lrm-user-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 54, 66, 0.9); z-index: 999999; overflow-y: auto; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; -moz-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

.lrm-user-modal.is-visible { visibility: visible !important; opacity: 1; }

.lrm-user-modal.is-visible .lrm-user-modal-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

ul.lrm-switcher { list-style: none !important; list-style-type: none !important; padding: 0 !important; margin: 0 !important; }

.lrm-user-modal-container { position: relative; width: 98%; max-width: 540px; background: #FFF; margin: 3em auto 4em; cursor: auto; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }

@media only screen and (min-width: 600px) { .lrm-user-modal-container { width: 90%; } }

@media only screen and (min-width: 600px) { .lrm-user-modal-container .lrm-user-modal-container { margin: 4em auto; } }

.lrm-user-modal-container .lrm-switcher:after { content: ""; display: table; clear: both; }

.lrm-user-modal-container ul.lrm-switcher li { text-align: center; margin: 0 !important; padding: 0 !important; list-style-type: none !important; }

.lrm-user-modal-container .lrm-switcher.-is-not-login-only li { width: 50%; float: left; }

.lrm-user-modal-container .lrm-switcher a { display: block !important; width: 100%; height: 50px; line-height: 50px; text-decoration: none !important; box-shadow: none !important; border: none !important; }

@media only screen and (min-width: 600px) { .lrm-user-modal-container .lrm-switcher a { height: 70px; line-height: 70px; } }

.lrm-switch-to-link:before { line-height: 1; content: ""; display: inline-block; overflow: hidden; vertical-align: text-bottom; margin-right: 3px; }

.lrm-switch-to--login:before { width: 22px; height: 24px; background: url(img/login.png) no-repeat center center; background-size: 100%; }

.lrm-switch-to--register:before { width: 22px; height: 24px; background: url(img/user.png) no-repeat center center; background-size: 100%; }

/* form.scss */
.lrm-form { padding: .5em 1.4em .1em !important; margin: 0; }

@media only screen and (min-width: 600px) { .lrm-form .lrm-form { padding: .5em 2em .1em 2em !important; } }

.lrm-form .fieldset { position: relative; margin: 1.4em 0; padding: 0 !important; clear: both; }

@media only screen and (min-width: 600px) { .lrm-form .fieldset .lrm-form .fieldset { margin: 2em 0 !important; } }

.lrm-form label { font-size: 14px; }

.lrm-form label.image-replace, .lrm-form .lrm-image-replace { /* replace text with an icon */ display: inline-block; position: absolute; left: 15px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; overflow: hidden; text-indent: -300px; white-space: nowrap; color: transparent; text-shadow: none; background-repeat: no-repeat; background-position: 50% 0; padding: 0 !important; }

[dir="rtl"] .lrm-form label.image-replace, [lang="ar"] .lrm-form label.image-replace, [dir="rtl"] .lrm-form .lrm-image-replace, [lang="ar"] .lrm-form .lrm-image-replace { right: 15px; left: auto; }

.lrm-form label.lrm-username { background-image: url("img/cd-icon-username.svg"); }

.lrm-form label.lrm-email { background-image: url("img/cd-icon-email.svg"); }

.lrm-form label.lrm-password { background-image: url("img/cd-icon-password.svg"); }

.lrm-form input { margin: 0; padding: 0; font-size: 16px; font-weight: 300; height: auto !important; }

.lrm-form input.full-width, .lrm-form button.full-width { width: 100% !important; box-sizing: border-box; }

.lrm-form input.has-padding, .lrm-form button.has-padding { padding: 12px 20px 12px 50px; }

[dir="rtl"] .lrm-form input.has-padding, [lang="ar"] .lrm-form input.has-padding, [dir="rtl"] .lrm-form button.has-padding, [lang="ar"] .lrm-form button.has-padding { padding: 12px 50px 12px 20px; }

@media only screen and (min-width: 600px) { .lrm-form input.has-padding input.has-padding, .lrm-form input.has-padding button.has-padding, .lrm-form button.has-padding input.has-padding, .lrm-form button.has-padding button.has-padding { padding: 16px 20px 16px 50px !important; }
  .lrm-form input.has-padding button[type=submit], .lrm-form input.has-padding input[type=submit], .lrm-form input.has-padding #buddypress input[type=submit], .lrm-form button.has-padding button[type=submit], .lrm-form button.has-padding input[type=submit], .lrm-form button.has-padding #buddypress input[type=submit] { padding: 16px 0 !important; } }

.lrm-form input.has-border { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

.lrm-form input.has-border:focus { outline: none; }

.lrm-form input[type=password] { /* space left for the HIDE button */ padding-right: 65px; }

.lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] { cursor: pointer; background: #2f889a; color: #FFF; font-weight: bold; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; height: auto; border-radius: 5px; }

.lrm-form a.button, .lrm-form button { font-size: 16px; padding: 8px 5px; }

.lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] { font-size: 20px; padding: 16px 5px; }

.no-touch .lrm-form input[type=submit]:hover, .no-touch .lrm-form input[type=submit]:focus, .no-touch .lrm-form button[type=submit]:hover, .no-touch .lrm-form button[type=submit]:focus { background: #3599ae; outline: none; }

.lrm-form .hide-password { /* replace text with an icon */ display: inline-block; position: absolute; left: 15px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; overflow: hidden; text-indent: -300px; white-space: nowrap; color: transparent; text-shadow: none; background-repeat: no-repeat; background-position: 50% 0; left: unset; background-image: url("img/iconmonstr-eye-4.svg"); border-left: 1px solid black; font-size: 14px; font-size: 0.875rem; cursor: pointer; background-position: center; padding: 20px 21px; background-size: 24px; right: 5px; }

[dir="rtl"] .lrm-form .hide-password, [lang="ar"] .lrm-form .hide-password { right: 15px; left: auto; }

.lrm-form .hide-password.hide-password--on { background-image: url("img/iconmonstr-eye-8.svg?v3"); }

[dir="rtl"] .lrm-form .hide-password, [lang="ar"] .lrm-form .hide-password { left: 0; right: unset; border-right: 1px solid black; border-left: none; }

.lrm-form .lrm-error-message { display: inline-block; position: absolute; left: -5px; bottom: -35px; background: rgba(215, 102, 102, 0.9); padding: .8em; z-index: 2; color: #FFF; font-size: 13px; font-size: 0.8125rem; border-radius: 0.25em; /* prevent click and touch events */ pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s 0, visibility 0 0.2s; -moz-transition: opacity 0.2s 0, visibility 0 0.2s; transition: opacity 0.2s 0, visibility 0 0.2s; }

.lrm-form .lrm-error-message::after { /* triangle */ content: ''; position: absolute; left: 22px; bottom: 100%; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(215, 102, 102, 0.9); }

.lrm-form .lrm-error-message.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.2s 0, visibility 0 0; -moz-transition: opacity 0.2s 0, visibility 0 0; transition: opacity 0.2s 0, visibility 0 0; }

.lrm-form-message { padding: 0.35em 0 .3em .7em; font-size: 14px; font-size: 16px; line-height: 1.4; text-align: left; margin: 5px 0 0; border-left: 4px solid #6d6d6d; }

@media only screen and (min-width: 600px) { .lrm-form-message .lrm-form-message { padding: .6em 0 .5em 1em; } }

.lrm-form-message:empty { display: none; }

.lrm-form-message.lrm-is-error { border-left-color: #dc3232; }

[dir="rtl"] .lrm-form-message.lrm-is-error, [lang="ar"] .lrm-form-message.lrm-is-error { border-left-color: transparent; border-right-color: #dc3232; }

[dir="rtl"] .lrm-form-message, [lang="ar"] .lrm-form-message { border-right: 4px solid #6d6d6d; border-left: none; padding: 0.35em .3em 0 .7em; }

p.lrm-form-bottom-message { position: absolute; width: 100%; left: 0; bottom: -32px; text-align: center; font-size: 14px; margin: 0 !important; }

.lrm-user-modal p.lrm-form-bottom-message a { color: #FFF; text-decoration: underline; }

.lrm-close-form { /* form X button on top right */ display: block; position: absolute; width: 40px; height: 40px; right: 0; top: -40px; background: url("img/cd-icon-close.svg") no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*@media only screen and (min-width: 1170px) {*/
/*.lrm-close-form {*/
/*display: none;*/
/*}*/
/*}*/
.lrm-inline .lrm-close-form { display: none !important; }

.lrm-signin-section, .lrm-signup-section, .lrm-reset-password-section { display: none; }

.lrm-signin-section.is-selected, .lrm-signup-section.is-selected, .lrm-reset-password-section.is-selected { display: block; }

/*
=== INLINE ===
*/
.lrm-inline p.lrm-form-bottom-message a { color: inherit; }

/* loader.scss */
/* Loader animation */
.lrm-button-loader { text-align: center; width: 60px; height: 22px; x-display: none; overflow: hidden; color: #ffffff; display: inline-block; line-height: 1; vertical-align: middle; }

.lrm-button-loader svg { width: 100%; height: 100%; }

/* helpers.scss */
html.html-has-lrm { overflow: auto !important; }

.lrm-position-relative { position: relative; }

.clearfix:after { display: table; content: ""; clear: both; }

.lrm-col-half-width { position: relative; padding: 0 !important; }

.lrm-col-first { margin-bottom: 1.4em; }

@media only screen and (min-width: 600px) { .lrm-col-half-width { width: 49%; float: left; clear: none; margin: 0; }
  .lrm-col-last { float: right; } }

/* integrations.scss */
.lrm-integrations label { font-weight: bold; }

.lrm-form .lrm-integrations input[type="text"], .lrm-form .lrm-integrations input[type="tel"], .lrm-form .lrm-integrations input[type="email"], .lrm-form .lrm-integrations input[type="number"], .lrm-form .lrm-integrations input[type="url"], .lrm-form .lrm-integrations input[type="date"], .lrm-form .lrm-integrations textarea, .lrm-form .lrm-integrations select { border: 1px solid #d2d8d8; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100% !important; box-sizing: border-box; padding: 12px 20px; font-size: 16px; }

.lrm-form .lrm-integrations input[type="text"]:focus, .lrm-form .lrm-integrations input[type="tel"]:focus, .lrm-form .lrm-integrations input[type="number"]:focus, .lrm-form .lrm-integrations input[type="email"]:focus, .lrm-form .lrm-integrations input[type="url"]:focus, .lrm-form .lrm-integrations input[type="date"]:focus, .lrm-form .lrm-integrations textarea:focus .lrm-form .lrm-integrations select:focus { border-color: #343642; box-shadow: 0 0 5px rgba(52, 54, 66, 0.1); outline: none; }

.lrm-form .acf-field { text-align: left; }

.lrm-form .acf-input-prepend, .lrm-form .acf-input-append { padding: 13px 7px; }

.lrm-form input.has-error { border: 1px solid #d76666; }

.lrm-integrations { text-align: center; }

.lrm-integrations, .lrm-integrations label, .lrm-integrations p { font-size: 16px; }

.lrm-integrations br { display: none; text-align: center; }

/*
==== lrm-pass-strength-result ====
@since 1.1
*/
.lrm-pass-strength-result { background-color: #eee; border: 1px solid #ddd; color: #23282d; margin: 1px 5px 5px 1px; padding: 3px 5px; text-align: center; width: 25em; opacity: 0; display: inline-block; width: 100%; }

.lrm-pass-strength-result.short { background-color: #f1adad; border-color: #e35b5b; opacity: 1; }

.lrm-pass-strength-result.bad { background-color: #fbc5a9; border-color: #f78b53; opacity: 1; }

.lrm-pass-strength-result.good { background-color: #ffe399; border-color: #ffc733; opacity: 1; }

.lrm-pass-strength-result.strong { background-color: #c1e1b9; border-color: #83c373; opacity: 1; }

/* Catcha PLUGIN */
.lrm-integrations .cptch_input { padding: 6px 8px; font-size: 16px !important; }

.wp-social-login-provider-list img { display: inline-block; }

/**
    Jetpack
*/
#jetpack-sso-wrap { margin-top: 10px; }

a.jetpack-sso { display: block; width: 100%; text-align: center; text-decoration: none; }

.jetpack-sso-or { margin-bottom: 16px; position: relative; text-align: center; }

.jetpack-sso-or:before { background: #E5E5E5; content: ''; height: 1px; position: absolute; left: 0; top: 50%; width: 100%; }

.jetpack-sso-or span { background: #fff; color: #777; position: relative; padding: 0 8px; text-transform: uppercase; }

.jetpack-sso.button { height: 36px; line-height: 34px; float: none; margin-bottom: 16px; position: relative; width: 100%; }

.jetpack-sso.button > span { position: relative; padding-left: 30px; }

.jetpack-sso.button .genericon-wordpress { position: absolute; left: 0; top: -3px; font-size: 24px; }

@media screen and (max-width: 782px) { .jetpack-sso.button { line-height: 22px; } }

/* UltimateMember Registration form customization */
.lrm-signup-section .um-button.um-alt { display: none; }

.lrm-signup-section .um-col-alt .um-right.um-half { display: none; }

.lrm-signup-section .um-col-alt .um-half { width: 100%; }

.um-register.um { max-width: unset !important; }

.lrm-signup-section .um-col-alt { padding-bottom: .9em; }

.lrm-signup-section #um-submit-btn { width: 100%; }

@media (min-height: 33.875em) { .um .picker--opened .picker__frame { top: 50%; } }

.lrm-grecaptcha > div { margin: auto; }

.lrm-nice-checkbox { position: absolute; z-index: -1; opacity: 0; /* Hover and focus states */ /* Checked state */ /* Hover state whilst checked */ /* Disabled state */ /* Check mark */ /* Show check mark */ /* Checkbox tick */ }

.lrm-nice-checkbox__label { position: relative; padding-left: 27px; font-size: 14px; vertical-align: middle; margin: 13px 0 3px; display: block; font-weight: 400; line-height: 20px; }

body.rtl .lrm-nice-checkbox__label { padding-right: 27px; padding-left: 0; }

.lrm-nice-checkbox__indicator { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: #e6e6e6; }

body.rtl .lrm-nice-checkbox__indicator { left: unset; right: 0; }

.lrm-nice-checkbox__label .lrm-nice-checkbox__indicator { background: transparent; border: 2px solid #e8e8eb; border-radius: 3px; }

.lrm-nice-checkbox__label input:checked ~ .lrm-nice-checkbox__indicator { background: #0b76ef; border-color: #0b76ef; }

.lrm-nice-checkbox__label:hover input:not([disabled]):checked ~ .lrm-nice-checkbox__indicator, .lrm-nice-checkbox__label input:checked:focus ~ .lrm-nice-checkbox__indicator { background: #0b76ef; }

.lrm-nice-checkbox__label input:disabled ~ .lrm-nice-checkbox__indicator { pointer-events: none; opacity: .6; background: #e6e6e6; }

.lrm-nice-checkbox__indicator:after { position: absolute; display: none; content: ''; }

.lrm-nice-checkbox__label input:checked ~ .lrm-nice-checkbox__indicator:after { display: block; }

.lrm-nice-checkbox__label .lrm-nice-checkbox__indicator:after { top: 0px; left: 5px; width: 5px; height: 11px; transform: rotate(40deg); border: solid #fff; border-width: 0 2px 2px 0; }

/*# sourceMappingURL=lrm-core-compiled.css.map */

Some information about this website:

URL: https://www.gtp.com.my/
CSS URL: https://www.gtp.com.my/wp-content/plugins/ajax-login-and-registration-modal-popup/assets/lrm-core-compiled.css
Title: GTP Motorsports – Automotive Repair & Mechanic Shop