:root {--secondary-light-color:color-mix(in srgb, var(--customsecurelr-primary) 60%, white 100%);--secondary-color:color-mix(in srgb, var(--customsecurelr-primary) 80%, black 20%);--primary-color:var(--customsecurelr-primary);--white:#fff;--black:#000;--dark_grey:#adadad;--light_grey:#ddd;--grey:#f6f6f6e8;--red:#f00;--green:#155724;--light_green:#218838;--open-family: 'Open Sans', sans-serif;--trans:all .5s ease-in-out;}
.customsecurelr--inner::-webkit-scrollbar {width: 5px;border-radius:50px;}
.customsecurelr--inner::-webkit-scrollbar-track {background: #f1f1f1;border-radius:50px;}
.customsecurelr--inner::-webkit-scrollbar-thumb {background: #888;border-radius:50px;}
body{background:var(--white)!important;overflow-x:hidden;width:100%;}
.customsecurelr-register-form select {padding-right: 25px !important;}
.customsecurelr-form,.customsecurelr-tabs,.customsecurelr-form form input::placeholder,.customsecurelr-tab,.customsecurelr-form button,.customsecurelr-logged-in-message p,.customsecurelr-error-message,.customsecurelr-success-message,.register-success-message,.register-error-message {font-family:var(--open-family) !important;}
.my-plugin-active .inside-article {padding:0px !important;background:transparent !important;}
.d-none,.my-plugin-active .inside-article .entry-header,.customsecurelr-login-form i,.customsecurelr-form,.user_icon {display:none;}
.my-plugin-active .site-main,.my-plugin-active .entry-content,.customsecurelr-register-form .customsecurelr-form-group, .customsecurelr-register-form p,.popup_error_message .customsecurelr-error-message {margin:0px !important;}
.my-plugin-active .site {padding:100px 15px;}
.customsecurelr-form-container,.reset_form {max-width:480px;margin:auto;border-radius:10px;background:var(--white);box-shadow:0px 0px 10px var(--light_grey);border-top:2px solid var(--secondary-color);overflow:hidden;}
.reset_form,.customsecurelr-form-container .customsecurelr--inner{padding: 30px;}
.customsecurelr-form-container .customsecurelr--inner {overflow: auto;max-height: 538px;min-height:370px;}
.customsecurelr-register-form form.more-than-five-p p {width:48%;}
.customsecurelr-register-form form.more-than-five-p {display: flex;flex-wrap: wrap;gap: 10px;}
.password-update-success-message{gap: 10px;max-width:480px;margin:0 auto;box-shadow:0px 0px 10px var(--light_grey);display:flex;flex-direction:column;padding: 60px 50px !important;font-size:16px;line-height: 20px;font-weight: 700;color: var(--black);background: linear-gradient(180deg, var(--secondary-light-color) -10%, transparent 50%) !important;}
.password-update-success-message a {text-decoration:none;}
.reset_form {max-width:380px !important;}
.reset_form h3 {margin-bottom:15px !important;}
.reset_form .customsecurelr-form form button {padding:13px 10px !important;font-size:15px !important;}
.reset_form form input {padding: 11px 15px !important;}
.customsecurelr-tabs {display:flex;justify-content:center;margin-bottom:15px;}
.customsecurelr-tab {background:transparent !important;}
.theme-btn, .customsecurelr-tab,.customsecurelr-form form button {color:var(--primary-color) !important;border:1px solid var(--primary-color) !important;padding:12px 45px !important;cursor:pointer;margin:0px;border-radius:0px;font-size:18px !important;text-transform:capitalize;font-weight:500 !important;transition:var(--trans);width:100%;}
.theme-btn, .customsecurelr-form form button,.customsecurelr-form form input,.customsecurelr-register-form select,.reset_form form button,.reset_form form input{border-radius:6px !important;}
.reset_form form button{width:100%;}
.customsecurelr-tab:first-child {border-right:none !important;}
.customsecurelr-tab:hover,.customsecurelr-form form button:hover,.reset_form form button:hover{background:var(--secondary-color) !important;color:var(--white) !important;}
.customsecurelr-tab.active{background:var(--primary-color) !important;color:var(--white) !important;}
.customsecurelr-form form button,.reset_form form button {margin:20px 0px!important;background:var(--primary-color) !important;color:var(--white) !important;padding:9px 45px !important;}
.theme-btn:hover {background: var(--primary-color);color: var(--white) !important;}
.theme-btn, .customsecurelr-form form button {margin:15px 0px 0px !important;}
.customsecurelr-register-form p,.customsecurelr-login-form p{margin-bottom:0px !important;}
.customsecurelr-form form input:focus-visible,.customsecurelr-login-form form input:focus,.customsecurelr-register-form form input:focus,.reset_form form input {outline:none !important;border:1px solid var(--primary-color) !important;} 
.customsecurelr-form form input,.customsecurelr-register-form select,.reset_form form input{background:var(--white) !important;margin:5px 0px 10px;padding: 8px 12px !important;border:1px solid var(--dark_grey) !important;font-size:15px;width:100%;}
.customsecurelr-form form label {font-weight:600 !important;color:var(--primary-color) !important;font-size:14px !important;}
.customsecurelr-form form input::placeholder,.customsecurelr-form form label {text-transform:capitalize;}
.customsecurelr-form form input::placeholder,.customsecurelr-register-form select {font-size:15px;color:var(--dark_grey) !important;font-weight:500;}
.reset_form form button{transition: var(--trans);margin: 10px 0px 0px !important;}
.register_hidden .customsecurelr-tab span {color: var(--primary-color) !important;font-size: 24px !important;font-weight: 700 !important;width: max-content;display: block;margin: 0 auto;border-bottom: 2px solid var(--primary-color) !important;}
.register_hidden .customsecurelr-tab i {font-size: 30px;background: var(--secondary-light-color);border-radius: 50px;width: 67px;height: 67px;display: flex;align-items: center;justify-content: center;color: var(--customsecurelr-primary);margin: 0 auto;}
.register_hidden .customsecurelr-tab {background: transparent !important;border: 0 !important;text-align: center;padding: 0 !important;}
.register_hidden button[name="customsecurelr_login_submit"] {padding:8px 25px !important;}
.customsecurelr-login-form i {position:absolute;left:10px;top: 21px;color:var(--dark_grey);font-size: 12px;display:block !important;}
.customsecurelr-login-form p {position:relative;}
.customsecurelr-login-form form input {padding: 8px 28px !important;}
.register_hidden {max-width:440px !important;border-top:none !important;position:relative;}
.forgot-password-link,.back-to-login {font-size:16px;color:var(--black);text-align:center;display:block;margin-top:20px;text-decoration:none;}
.customsecurelr-form.active {display:block;}
.customsecurelr-form button:hover {background:var(--secondary-color);}
.customsecurelr-message {margin:10px 0 0;}
.back-to-login i {font-size:13px;margin-right:3px;}
.back-to-login, .customsecurelr-login-form p, .reset_form i {display:flex;justify-content:center;align-items:center;}
.customsecurelr-form input[type="number"]::-webkit-outer-spin-button,.customsecurelr-form input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;}
.register_hidden .user_icon {position:absolute;top:0%;left:50%;transform:translate(-50%, -50%);background:var(--primary-color);width:60px;height:60px;border-radius:50%;display:flex !important;justify-content:center;align-items:center;}
.register_hidden  .user_icon i {color:var(--white);font-size:22px;position:unset;}
/*** reset password message start ***/
.customsecurelr-form form .set_btn {margin:5px 0px 0px !important;}
.customsecurelr-forgot-password-form h3,.reset_form h3{font-size:20px!important;color:var(--primary-color);font-weight:600;text-align:center;margin-bottom:10px;}
.customsecurelr-forgot-password-form p {text-align:center;font-size:15px;color:var(--black);line-height:21px;}
.customsecurelr-tab i {font-size:22px;}
/* Popup css start */
.customsecurelr-popup {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000000a6;justify-content:center;align-items:center;z-index:9999;}
.customsecurelr-popup .customsecurelr-form-container {box-shadow: unset !important;}
.customsecurelr-popup-content {background:transparent;padding:20px;border-radius:8px;position:relative !important;width:440px;margin:0 auto;}
.customsecurelr-popup .customsecurelr-logged-in-message {padding:60px 50px !important;min-height:unset;max-height:unset;}
.customsecurelr-popup .customsecurelr-logged-in-message i {font-size:45px;margin-bottom:15px;}
/*** create password css start ***/
.reset_form i {width: 90px;height: 90px;margin: 20px auto;background: var(--secondary-light-color);color: var(--primary-color);border-radius: 100%;font-size: 35px;}
.reset_form P {font-size: 15px;line-height: 20px;text-align: center;margin: 0px 0px 15px !important;}
.forgot-response {margin:10px 0px 0px;}
/* Close Button */
.customsecurelr-close {position:absolute;top:16px;right:35px;font-size:25px;cursor:pointer;color:var(--primary-color);z-index:99;}
.customsecurelr-settings-box {background: var(--white);border: 1px solid var(--light_grey);padding: 20px;margin-top: 10px;border-radius: 5px;box-shadow: 0px 2px 5px #0000000d;max-width: 700px;}
.customsecurelr-settings-box h4 {margin:0 0 15px;font-size:18px;font-weight:600;}
.customsecurelr-settings-box .form-group {margin-bottom:20px;}
.customsecurelr-settings-box p {margin:10px 0;}
.customsecurelr-settings-box label {font-weight:500;display:block;margin-bottom:5px;align-items:center;cursor:pointer;}
.customsecurelr-settings-box input[type="text"] {width:100%;padding:10px;border:1px solid var(--light_grey);border-radius:4px;font-size:14px;}
.customsecurelr-settings-box a {color:var(--secondary-color);text-decoration:none;font-weight:600;}
.customsecurelr-settings-box a:hover {text-decoration: underline;}
.customsecurelr-settings-box .checkbox-group {display:flex;align-items:center;gap:10px;}
.customsecurelr-settings-box .button-primary {padding:10px 15px;font-size:14px;}
.customsecurelr-error-message,.customsecurelr-success-message,.register-success-message,.register-error-message{margin-top:14px;text-align:center;font-size:14px;line-height:18px;}
.customsecurelr-error-message,.register-error-message{color:var(--red);}
.customsecurelr-success-message,.register-success-message {color:var(--green);}
.customsecurelr-logged-in-message,.password-update-success-message{background:var(--white);padding:80px 15px;border-top:2px solid var(--secondary-color);border-radius:8px;font-size:17px;text-align:center;}
.customsecurelr-logged-in-message p{margin-bottom:0px !important;}
.customsecurelr-logged-in-message i,.password-update-success-message i {font-size:50px;margin-bottom:15px;color:var(--secondary-color);}
.customsecurelr-popup .customsecurelr-form-container .customsecurelr--inner {overflow: auto;max-height: 538px;min-height: 370px;}
input[type="radio"], input[type="checkbox"] {margin-right:8px;width: auto !important;position:relative;top:1px;accent-color: var(--primary-color);}
.d-flex {display: flex;flex-wrap: wrap;gap: 5px;margin: 5px 0;}
.customsecurelr-form .field-wrap label {color: var(--dark_grey) !important;font-weight:300 !important;font-size: 13px !important;cursor: pointer;}
@media screen and (min-width:576px) and (max-width:991px) {
	.customsecurelr-form form button {font-size:17px !important;}
	.customsecurelr-form-container,.reset_form,.customsecurelr-popup-content {max-width:430px;}
	.customsecurelr-form-container .customsecurelr--inner, .reset_form, .customsecurelr-popup-content{padding:35px;} 
	.register_hidden {max-width:390px !important;padding:25px;}
	.customsecurelr-logged-in-message i,.password-update-success-message i {margin-bottom:15px;}
	.customsecurelr-close {font-size:22px;top:35px;right:45px;}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.my-plugin-active .site {padding:70px 0px;}
	.customsecurelr-logged-in-message {padding:90px 15px !important;}
	.customsecurelr-logged-in-message i,.password-update-success-message i {font-size:47px;}
	.register_hidden .user_icon {width:50px;height:50px;}
	.register_hidden .user_icon i {font-size:18px;}	
	.customsecurelr-tab i {font-size:18px;}
	.customsecurelr-tab {padding:11px 45px !important;}
} 
@media screen and (min-width:576px) and (max-width:767px) {
	.my-plugin-active .site{padding:50px 0px;}
	.customsecurelr-form form button {padding:9px 30px !important;}
	.customsecurelr-form-container .customsecurelr--inner {max-height:492px;}
} 
@media screen and (max-width:767px) {
	.customsecurelr--inner .customsecurelr-login-form form input {padding:5px 25px !important;}
	.customsecurelr-tab i {font-size:15px;}
	.customsecurelr-form form input, .customsecurelr-register-form select, .reset_form form input {padding:5px 8px !important;}
	.customsecurelr-form form label{font-size:13px;}
	.customsecurelr-login-form i {left:10px;top:19px;font-size:10px;}
	.customsecurelr-tab {padding: 10px 25px !important;}
	.customsecurelr-popup .customsecurelr-logged-in-message i {font-size:40px;margin-bottom:10px;}
	.reset_form {max-width:330px !important;padding:35px 15px;}
	.reset_form h3 {margin-bottom:15px !important;}
	.reset_form form input {margin-bottom:0px;}
	.register_hidden .user_icon {width:45px;height:45px;}
	.register_hidden .user_icon i {font-size:16px;}
	.register_hidden .customsecurelr-tab {font-size:20px !important;margin-top:10px;}
	.reset_form i {width: 75px;height: 75px;font-size: 25px;}
	.customsecurelr-forgot-password-form h3,.reset_form h3 {font-size:18px !important;margin-bottom:7px !important;}
	.customsecurelr-forgot-password-form p {font-size:14px;line-height:19px;margin-bottom:15px;}
	.customsecurelr-logged-in-message {padding:60px 15px !important;font-size:17px;}
	.forgot-password-link, .back-to-login {font-size:14px;}
	.customsecurelr-logged-in-message i,.password-update-success-message i {font-size:40px;margin-bottom:15px;}
}
@media screen and (max-width:575px) {
	.my-plugin-active .site {padding:40px 15px;}
	.customsecurelr-form form button {font-size:15px !important;padding:9px 25px !important;}
	.customsecurelr-tab, .customsecurelr-form form button {padding:11px 25px !important;}
	.customsecurelr-form-container,.reset_form,.customsecurelr-popup-content{max-width:400px;width:100%;}
	.customsecurelr-form-container .customsecurelr--inner,.reset_form,.customsecurelr-popup-content {padding:25px 15px;}
	.register_hidden {max-width:390px !important;padding:15px !important;}	
	.customsecurelr-close {font-size:20px;top:22px;right:25px;}
	.customsecurelr-popup .customsecurelr-logged-in-message {padding:35px 35px !important;}
	.password-update-success-message {padding:40px 15px !important;font-size:14px !important;line-height:20px;}
}
@media screen and (max-width:991px) {
	.customsecurelr-form form input::placeholder, .customsecurelr-register-form select {font-size:12px;}
	.customsecurelr-form-container .customsecurelr--inner {min-height: 290px;}
	.register_hidden .customsecurelr--inner{padding:0px;}
	.customsecurelr-popup .customsecurelr-form-container .customsecurelr--inner {min-height:270px;}
}