:root {--customsecurelr-primary: #0073aa;--secondary-light-color:color-mix(in srgb, var(--customsecurelr-primary) 60%, white 100%);--secondary-color:color-mix(in srgb, var(--customsecurelr-primary) 100%, transparent 0%);--primary-color:var(--customsecurelr-primary);--white:#fff;--black:#000;--dark_grey:#5b646c;--light_grey:#f8f9fa;--grey:#b5bfc9;--green:#28a745;--light_green:#218838;--bg_grey:#f0f2f4;--danger:#d63638;--light_danger:#c82333;--open-family: 'Open Sans', sans-serif;--trans:all .5s ease-in-out;}
body{background:var(--light_grey) !important;overflow-x:hidden;font-family:var(--open-family) !important;}
.wrap {margin:0px;}
.wrap h2:first-child {padding:16px 15px;background:var(--white);border:1px solid var(--grey);margin-left:-20px;font-size:21px;color:var(--primary-color);}
/* Tabs Styling */
.tabs-wrap .nav-tab-wrapper {padding: 20px 0px 0px 20px !important;margin-left: -20px !important;display: flex;flex-direction: column;width: 15%;min-width: 180px;border-bottom: 0 !important;gap: 15px;}
.tabs-wrap .nav-tab {color: var(--dark_grey);border: 1px solid var(--grey) !important;padding: 7px 15px;transition: var(--trans);font-size: 15px;font-weight: 500;border-radius: 8px;margin: 0;background: var(--white);}
.tabs-wrap .tabcontent {padding: 20px 20px 5.5rem 0px;width: 85%;background: #f0f2f4;}
.tabs-wrap {display: flex;gap: 20px;background: #f0f2f4;}
.install_div h4 {margin-bottom: -10px;}
.install_div h2 {margin: 0px !important;border: none !important;padding: 0px !important;background: transparent !important;}
.tabcontent h3, .mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0 !important;}
.nav-tab-wrapper,.nav-tab {background:var(--bg_grey);}
.nav-tab-active,.nav-tab:focus,.nav-tab{border-bottom:none !important;}
.nav-tab-wrapper, .wrap h2.nav-tab-wrapper, h1.nav-tab-wrapper {border-bottom:1px solid #c3c4c7 !important;}
.nav-tab-active,.nav-tab:focus {background:var(--secondary-color) !important;color:var(--white) !important;border:1px solid var(--secondary-color);}
#customsecurelr_custom_fields_table tr:nth-child(even) {background:var(--light_grey) !important;}
.nav-tab:focus,input:focus,select:focus{box-shadow:none !important;outline:none !important;}
form input:focus,form select:focus{border:1px solid var(--secondary-color) !important;}
ol li span {text-decoration:underline;}
#recaptcha-settings .form-group a,ol li span{color:var(--primary-color) !important;}
.install_div code {color: var(--secondary-color);font-weight: 600;}
/* General page */
.install_div, .tab-box {background:var(--white);padding:20px;border-left:4px solid var(--secondary-color) !important;border-radius:6px;margin-bottom:20px;border:1px solid var(--grey);}
.tab-box {border-left:1px solid var(--grey) !important;}
.form-table td p.description,.form-table td select,.form-table td input {font-size:12px;}
.main_table td select,.main_table td input {padding:5px 8px !important;}
.install_div ol li {font-size:14px;line-height:1.6;color:var(--dark_grey) !important;}
/* Form Styling */
.form-table th {width: 200px;text-align: left;font-weight: bold;}
.form-table td {padding: 10px 0;}
.form-table input[type="radio"], .form-table input[type="checkbox"] {transform: scale(1.1);margin-right: 8px;}
/* Custom Registration Fields Table */
#customsecurelr_custom_fields_table {width: 100%;border-collapse: collapse;margin-top: 15px;}
.table_wrapper table th {background: var(--secondary-color);color: var(--white);padding: 9px 11px;text-align: left;border-right: 1px solid #ffffff21;font-size: 11px;width:32%;}
.table_wrapper table th:last-child,.table_wrapper table th:nth-child(4) {width:7%;}
#customsecurelr_custom_fields_table th {background:var(--secondary-color);color:var(--white);padding:9px 11px;text-align:left;border-right:1px solid #ffffff21;font-size:11px;}
#customsecurelr_custom_fields_table td {border: 1px solid #ddd;padding: 8px;}
#customsecurelr_custom_fields_table select {padding-right: 25px !important;}
#customsecurelr_custom_fields_table input, #customsecurelr_custom_fields_table select {width:100%;font-size:11px;color:var(--dark_grey);}
#customsecurelr_custom_fields_table input[type="checkbox"] {width: 16px;height: 16px;margin: auto;display: block;}
/* Align Checkbox to Center */
#customsecurelr_custom_fields_table td:nth-child(4) {text-align: center;vertical-align: middle;}
/* Buttons */
#customsecurelr_add_field {background:var(--green);font-size:11px;margin-top:10px;padding:8px 6px !important;}
.customsecurelr_remove_field {background:var(--danger);font-size:10px;font-weight:600;}
.customsecurelr_remove_field, #customsecurelr_add_field {color:var(--white);border:none;padding:7px 5px;cursor:pointer;border-radius:4px;}
#customsecurelr_add_field:hover {background:var(--light_green);}
.customsecurelr_remove_field:hover {background:var(--light_danger);}
/* Save Button */
.divider-line {margin:15px 0;}
.button-primary {background:var(--secondary-color) !important;font-size: 11px !important;cursor: pointer;color: var(--white);border: none;padding:4px 15px !important;border-radius:6px !important;transition:var(--trans);}
.button-primary:hover{background:var(--primary-color) !important;}

#customsecurelr_save_changes {background-color: var(--secondary-color) !important;color: var(--white) !important;font-size: 16px;font-weight: bold;padding: 10px 20px;border-radius: 5px;border: 2px solid var(--primary-color);transition:var(--trans);}
#customsecurelr_save_changes:hover {background-color: var(--primary-color) !important;border-color: #003355;}

/* Security (Captcha) page */
.customsecurelr-info-text {font-size: 11px;color: var(--grey);line-height: 13px;}
#recaptcha-settings .form-group p a {text-decoration: none;background: var(--secondary-color);color: var(--white) !important;padding: 3px 5px;border-radius: 3px;text-transform: capitalize;margin-left:3px;}
.key_text {margin: 5px 0px;font-style: italic;color: var(--primary-color);}
/* Section Headings */
/* Form Group */
.form-group {display: flex;align-items: center;gap: 15px;margin-bottom: 10px;}
/* Labels */
.form-group label {display: block;margin-bottom: 5px;flex: 0 0 250px;font-weight: 500;}
/* Inputs */
.form-group input[type="text"] {width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}
/* Checkbox Group */
.checkbox-group {display: flex;align-items: center;gap: 10px;}
.checkbox-group input {transform: scale(1.2);}
/* Actions/Redirections tab */
/* General Styles */
.tab-title,.wrap h3 {margin-bottom: 20px;font-weight: 600;font-size: 18px;color:var(--secondary-color);}
.customsecurelr-settings-box h4 {font-size:18px;margin-bottom:20px;color:var(--black);font-weight:500;}
.form-table {margin-top:0px;}
input[type=checkbox], input[type=radio] {height:1rem;width:1rem;min-width:1rem;box-shadow:unset !important;}
.form-table th {text-align:left;font-weight:600;padding:10px;width:260px;color:var(--dark_grey);}
.form-table td {padding:10px;margin-bottom:0px;}
.wrap form h4 {color:var(--black);font-size:16px;border-bottom:1px solid #e2e2e2;padding-bottom:10px;}
#nav-menu-meta {background:transparent;padding:0px;border:none !important;}
.menu-settings input[type=checkbox]:checked::before {margin:-5px -6px;}
input[type=checkbox]:checked::before {height:15px;width:15px;} 
#customsecurelr_custom_fields_table input[type=checkbox]:checked::before, input[type=checkbox]:checked::before {margin:0px -1px;}
.form-table td select, .form-table td input {max-width:26rem !important;}
/* Select Box Styling */
/* captcha css Styling start*/
.customsecurelr-disabled-input {background-color:#f4f4f4;border:1px solid #ccc;color:#666;cursor:not-allowed;padding:8px 12px;border-radius:5px;width:100%;}
#recaptcha-settings input {width:35%;font-size:12px;}
input#customsecurelr_recaptcha_secret_key {min-height:34px !important;border:1px solid #ccc;}
/* Input Field Styling */
.updated.notice .notice-dismiss {padding:0px;right:10px;top:5px;}
input[type="text"], select {width:100%;padding:2px 7px !important;border:1px solid #ccc !important;border-radius:4px;max-width:unset !important;min-height:30px !important;}
/* Custom URL Fields */
tr[id$="_custom_url_row"] {background:var(--light_grey);}
tr[id$="_custom_url_row"] input {border-left: 3px solid #007cba;}
/* Submit Button */
.submit-button {background: #007cba;color: white;padding: 10px 20px;border: none;cursor: pointer;border-radius: 4px;font-size: 16px;}
.submit-button:hover {background: #005a8e;}
/* Message Box */
/*** success css start ***/
.wrap div.updated {margin: 15px 20px 15px 0 !important;position: absolute !important;top: 0;left: -2px;width: calc(100% - 70px);}
.updated.notice {border-left: 4px solid var(--green);padding: 3px 10px;color: var(--black);font-weight:500;}
.updated.notice p {font-size: 13px;margin:0px !important;}
.notice-dismiss:before{color: var(--green) !important;font:normal 20px/20px dashicons;font-size: 18px;}
.notice.is-dismissible {animation: noticeFadeOut 0.5s ease forwards;animation-delay: 2s;}
@keyframes noticeFadeOut {from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(-10px);pointer-events: none;}}

/* Responsive Design */
@media screen and (max-width:767px){
	.form-table th {padding-bottom: 5px;}
	.form-table td, .form-table th {display: block;}
	.install_div,.tab-box{padding:10px;}
	.form-table th, select, input[type="text"], .tabs-wrap > * {width: 100% !important;}
	.wrap h3, .customsecurelr-settings-box h4 {margin:0 0 10px 0px !important;}
	.form-table td select, .form-table td input {max-width:100% !important;}
	.form-group {flex-wrap:wrap;}
	.install_div h2 {padding:10px 15px 0px !important;}
	#customsecurelr_custom_fields_table {width:700px;}
	.tabs-wrap {flex-direction: column;padding: 10px;margin-left: -10px;}
	.tabs-wrap .nav-tab-wrapper, .tabs-wrap .tabcontent {padding: 10px 0 !important;margin: 0 auto !important;}
	.table_wrapper {overflow-x:scroll;}
	.wrap form h4 {font-size:15px;padding-bottom:7px;margin:10px 0px;}	
}
@media screen and (max-width:1199px) and (min-width:768px){
	.install_div,.tab-box{padding:20px;}
	.tabcontent {padding:16px 15px 3.5rem 0px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	#recaptcha-settings input {width:max-content;}
}
@media screen and (min-width:576px) and (max-width:991px){
	.wrap form h4 {font-size:15px;padding-bottom:7px;margin:10px 0px;}
}
@media screen and (max-width:991px){
	#recaptcha-settings input {width:180px;}
	#customsecurelr_custom_fields_table td {padding:5px;}
	.button-primary {min-height:33px !important;}
	.wp-core-ui select {background-size:13px 14px !important;}
	.wrap h3, .customsecurelr-settings-box h4 {font-size:15px;}
	.wrap h2:first-child {font-size:17px;}
}
@media screen and (max-width:782px){
	.form-table th {width:100%;}
}