@font-face {
  font-family: 'iconslogin';
  src: url('../font/iconslogin.eot?1280231');
  src: url('../font/iconslogin.eot?1280231#iefix') format('embedded-opentype'),
       url('../font/iconslogin.woff2?1280231') format('woff2'),
       url('../font/iconslogin.woff?1280231') format('woff'),
       url('../font/iconslogin.ttf?1280231') format('truetype'),
       url('../font/iconslogin.svg?1280231#iconslogin') format('svg');
  font-weight: normal;
  font-style: normal;
}

.jtl [class^="icon-"]:before,.jtl [class*=" icon-"]:before {
  font-family: "iconslogin";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;


  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
 font-size: 120%;

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
@keyframes jtFadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes jtFadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}

.icon-eye-icon.icon-eye-slash::before { content: '\e800'; } /* '' */
.icon-user-icon::before { content: '\e803'; } /* '' */
.icon-eye-icon::before { content: '\e804'; } /* '' */
.icon-arrow-icon::before { content: '\e805'; } /* '' */


div.jtl-content-register .jtl-buttonsubmit{ margin:15px 0}
.jtl .btn-close  {box-sizing: content-box;width:22px;height:22px;padding:2px 2px;color:#333333;background:transparent;border: 0;border-radius:50%;opacity:1;position:absolute;top:6px;right:6px;-webkit-box-shadow: none;box-shadow:none;opacity:1;z-index:9;}
.jtl .btn-close:hover{background:rgba(0,0,0,.06);}
.jtl .btn-close.jt-cs::before{ content:"";}
.jtl .modal.fade.show{opacity:1;}

.jtl .modal-dialog {margin: 30px auto;}

#jtl input {box-shadow: none; border:1px solid #ced4da;line-height: 1;border-radius: 0;color:#666;padding: 0.3rem 0.5rem;}
#member-registration input {padding: 0.3rem 0.5rem;width: 100%;}
#jtl input.form-check-input{ padding:0;}
#jtl input:autofill {background-image:unset;}
/**style1*/
.jtl .modal.fade .modal-dialog {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform:  scale(0.7);transform: scale(0.7);-webkit-transition: -webkit-transform 0.1s ease-out;-moz-transition: -moz-transform 0.1s ease-out;-o-transition: -o-transform 0.1s ease-out;transition: transform 0.1s ease-out;opacity:0;}
.jtl .modal.fade.show .modal-dialog {-webkit-transform:  scale(1);-ms-transform: scale(1);-o-transform:  scale(1);	transform: scale(1);-webkit-transition: -webkit-transform 0.1s ease-out;-moz-transition: -moz-transform 0.1s ease-out;-o-transition: -o-transform 0.1s ease-out;transition: transform 0.1s ease-out;opacity:1;}

/**style2*/
.jtl.style2 .modal.fade .modal-dialog  {-webkit-transform: translateY(-50px);transform: translateY(-50px);transition: -webkit-transform .3s ease-out;transition: transform .3s ease-outtransition: transform .3s ease-out,-webkit-transform .3s ease-out;opacity:0;}
.jtl.style2 .modal.fade.show .modal-dialog  {-webkit-transform: none;transform: none;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;opacity:1;}
.jtl.style2 .modal.fade.show{opacity:1;margin: 1.75rem auto;}
/** style3**/
.jtl.style3 .modal.fade.show .modal-dialog{-webkit-animation: jtFadeInUp .4s ease-out 0s both;	animation: jtFadeInUp .4s ease-out 0s both;transition:none;}

 
.jtl .modal-backdrop.show{ z-index:1;opacity:0.7}
.jtl .modal-dialog .modal-content {position: relative;background-clip: padding-box;border: 0;border-radius:3px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);outline: 0;padding:35px 40px 30px 40px;height: max-content;}
.jtl .btn-close svg{ vertical-align:top}
#jtl .jtl-buttonsubmit{ margin:15px 0}
#jtl .jtl-content-login .form-group input,.jtl .modal-content .mod-login .form-group input{}
#jtl .btn-secondary.input-password-toggle{ margin-right:0;padding:0.3rem 0.5rem!important}
/* Login/Register trigger buttons. Background, text colour, hover background,
   border colour, border size, border radius and padding now come from the
   module's backend options (rendered inline per module instance).
   Only the non-configurable basics remain here. */
#jtl button.modal-toggle,#jtl button.login-toggle,#jtl button.register-toggle{ margin:0px 10px;box-shadow:none;cursor:pointer;transition: all 0.25s ease-in-out 0s;}
#jtl button.modal-toggle:hover,#jtl button.login-toggle:hover,#jtl button.register-toggle:hover,
#jtl button.modal-toggle:focus-visible,#jtl button.login-toggle:focus-visible,#jtl button.register-toggle:focus-visible{
	box-shadow: 0 2px 8px rgba(20,23,28,.35);
	transition: all 0.25s ease-in-out 0s;
}
#jtl button.modal-toggle:active,#jtl button.login-toggle:active,#jtl button.register-toggle:active{
	box-shadow: 0 2px 6px rgba(20,23,28,.18);
	filter: brightness(0.9);
}

#jtl .form-group > .form-control, .form-group > .form-select,#jtl  .form-group > .custom-select {position: relative;flex: 1 1 auto;width: 1%;min-width: 0;
}
#jtl .form-group {border-top-right-radius: 0;border-bottom-right-radius: 0;position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;
}
#jtl .form-control {max-width: 100%;background-color: white;
}
#jtl .form-group-text,#jtl .btn-secondary.input-password-toggle {display: flex;align-items: center;font-size:1rem;font-weight: 400;line-height:1;color: #22262a;text-align: center;white-space: nowrap;background-color: #eaedf0;border: 1px solid #ced4da;border-radius: 0.25rem;margin-left: -1px;border-top-left-radius: 0;border-bottom-left-radius: 0;
}
#jtl .visually-hidden, .sr-only,#jtl  .visually-hidden-focusable:not(:focus):not(:focus-within) {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;
}
.btn-blockjt {display: block;width: 100%;padding: .5rem 1rem;font-size: 1.25rem;line-height:1.5;border-radius: .3rem;color: #fff;background-color: #1a73e8;border-color: #1a73e8;}
.btn-blockjt:hover {background-color: #0069d9;border-color: #0062cc;}
#jtl a {color: #1a73e8; text-decoration:none}
#jtl .username-password{text-align:center}
#jtl .username-password a{margin:0 5px}
#jtl .registerlink {
	border-top: 1px solid #e1e3e8;
	background: #ecf0f7;
	color: #495057;
	font-weight: 500;
	border-radius: 0 0 4px 4px;
	text-align: center;
	min-height: 60px;
	display: grid;
	place-items: center;
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: 0;
}
#member-registration .btn-blockjt {margin-top:30px;}
#jtl .input-group > .custom-select,#jtl .input-group > .form-control,#jtl .input-group > .form-floating,#jtl .input-group > .form-select {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	width: 1%;
}
#jtl .input-group {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}
#jtl .input-group-text {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color:#eaedf0;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	color: #22262a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	padding:  0.3rem 0.5rem;
	text-align: center;
	white-space: nowrap;
	z-index:1;
}
#jtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left:-1px;
}
#jtl .btn-secondary.input-password-toggle .icon-eye-icon{ margin-right:0;}
ul.mod-login__options.list-unstyled{ margin-bottom:0}
#jtl .form-group {margin-bottom: 1rem !important; }
#jtl .username-password.form-group{ line-height:1.2}
/* Fix: keep modal above its backdrop and interactive (modals are moved to <body>) */
.jtl .modal{z-index:1060;}
.modal-backdrop.show{opacity:0.5;}

/* ============================================================
   Logged-in account menu (Show User Menu) — styled dropdown
   ============================================================ */
.mod-login-logout .login-greeting{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}

.jtl-user-menu{display:inline-block;position:relative;}
.jtl-user-menu__list{list-style:none;margin:0;padding:0;}

/* Toggle: avatar + name + caret */
.jtl-user-menu--dropdown .jtl-user-menu__toggle{
	display:inline-flex;align-items:center;gap:10px;
	background:transparent;border:0;box-shadow:none;cursor:pointer;
	padding:4px 6px;line-height:1.2;color:#2f3337;font-size:1.05rem;font-weight:500;
}
.jtl-user-menu--dropdown .jtl-user-menu__toggle::after{display:none;} /* kill Bootstrap caret */
.jtl-user-menu__avatar{
	display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
	position:relative;overflow:hidden;
	width:var(--jtl-avatar-size,38px);
	height:var(--jtl-avatar-size,38px);
	border-radius:50%;
	background:var(--jtl-accent,#a541d8); /* solid fallback */
	color:#fff;font-weight:600;text-transform:uppercase;
	font-size:calc(var(--jtl-avatar-size,38px) * 0.42);
	line-height:1;
	/* Wavy-circle (scalloped) shape via SVG mask; border-radius:50% is the round fallback */
	-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2250.00%22%20r%3D%2236.00%22%2F%3E%3Ccircle%20cx%3D%2290.00%22%20cy%3D%2250.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2284.64%22%20cy%3D%2270.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2270.00%22%20cy%3D%2284.64%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2290.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2230.00%22%20cy%3D%2284.64%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2215.36%22%20cy%3D%2270.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2210.00%22%20cy%3D%2250.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2215.36%22%20cy%3D%2230.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2230.00%22%20cy%3D%2215.36%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2210.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2270.00%22%20cy%3D%2215.36%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2284.64%22%20cy%3D%2230.00%22%20r%3D%2210.00%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
	mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2250.00%22%20r%3D%2236.00%22%2F%3E%3Ccircle%20cx%3D%2290.00%22%20cy%3D%2250.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2284.64%22%20cy%3D%2270.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2270.00%22%20cy%3D%2284.64%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2290.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2230.00%22%20cy%3D%2284.64%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2215.36%22%20cy%3D%2270.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2210.00%22%20cy%3D%2250.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2215.36%22%20cy%3D%2230.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2230.00%22%20cy%3D%2215.36%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2210.00%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2270.00%22%20cy%3D%2215.36%22%20r%3D%2210.00%22%2F%3E%3Ccircle%20cx%3D%2284.64%22%20cy%3D%2230.00%22%20r%3D%2210.00%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
}
.jtl-user-menu__avatar--gradient .jtl-user-menu__avatar-bg{
	position:absolute;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	border-radius:0;
	background:conic-gradient(
		from 0deg,
		var(--jtl-accent,#a541d8),
		var(--jtl-accent-light,#d6aaed),
		var(--jtl-accent,#a541d8),
		var(--jtl-accent-dark,#5b2477),
		var(--jtl-accent,#a541d8)
	);
	-webkit-animation:jtlAvatarSpin 4s linear infinite;
	animation:jtlAvatarSpin 4s linear infinite;
	transform-origin:50% 50%;
	will-change:transform;
	pointer-events:none;
}
.jtl-user-menu__avatar--gradient .jtl-user-menu__avatar-txt{
	position:relative;
	line-height:1;
}
@-webkit-keyframes jtlAvatarSpin{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
@keyframes jtlAvatarSpin{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

/* ---- Pulse: gentle heartbeat scale ---- */
.jtl-user-menu__avatar--pulse{-webkit-animation:jtlAvatarPulse 1.8s ease-in-out infinite;animation:jtlAvatarPulse 1.8s ease-in-out infinite;transform-origin:50% 50%;will-change:transform;}
@-webkit-keyframes jtlAvatarPulse{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.12)}}
@keyframes jtlAvatarPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

/* ---- Bounce: small vertical hop ---- */
.jtl-user-menu__avatar--bounce{-webkit-animation:jtlAvatarBounce 1.6s ease-in-out infinite;animation:jtlAvatarBounce 1.6s ease-in-out infinite;will-change:transform;}
@-webkit-keyframes jtlAvatarBounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-6px)}60%{-webkit-transform:translateY(-3px)}}
@keyframes jtlAvatarBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}

/* ---- Shine: diagonal light sweep across a static gradient ---- */
.jtl-user-menu__avatar--shine .jtl-user-menu__avatar-bg{
	position:absolute;inset:0;border-radius:inherit;
	background:linear-gradient(135deg,var(--jtl-accent-dark,#5b2477),var(--jtl-accent,#a541d8) 45%,var(--jtl-accent-light,#d6aaed));
	pointer-events:none;
}
.jtl-user-menu__avatar--shine .jtl-user-menu__avatar-bg::after{
	content:"";position:absolute;top:-60%;left:-150%;width:60%;height:220%;
	background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 100%);
	-webkit-transform:rotate(8deg);transform:rotate(8deg);
	-webkit-animation:jtlAvatarShine 2.6s ease-in-out infinite;animation:jtlAvatarShine 2.6s ease-in-out infinite;
}
.jtl-user-menu__avatar--shine .jtl-user-menu__avatar-txt{position:relative;line-height:1;}
@-webkit-keyframes jtlAvatarShine{0%{left:-150%}60%,100%{left:150%}}
@keyframes jtlAvatarShine{0%{left:-150%}60%,100%{left:150%}}

/* Respect reduced-motion for every animated avatar style */
@media (prefers-reduced-motion: reduce){
	.jtl-user-menu__avatar--gradient .jtl-user-menu__avatar-bg,
	.jtl-user-menu__avatar--pulse,
	.jtl-user-menu__avatar--bounce,
	.jtl-user-menu__avatar--shine .jtl-user-menu__avatar-bg::after{-webkit-animation:none;animation:none;}
}
.jtl-user-menu__name{color:#2f3337;white-space:nowrap;}
.jtl-user-menu__caret{
	width:0;height:0;margin-left:3px;
	border-left:7px solid transparent;border-right:7px solid transparent;
	border-top:9px solid #6b7177;transition:transform .15s ease;
}
.jtl-user-menu--dropdown .jtl-user-menu__toggle[aria-expanded="true"] .jtl-user-menu__caret{transform:rotate(180deg);}

/* Dropdown card */
.jtl-user-menu--dropdown .dropdown-menu{
	min-width:350px;padding:14px 6px;margin-top:12px;
	background:var(--jtl-menu-bg,#fff);border:1px solid #5669a9;border-radius:10px;
	box-shadow:0 12px 34px rgba(20,23,28,.16);
}

/* Rows */
.jtl-user-menu__link{
	display:flex;align-items:center;gap:16px;width:100%;
	padding:11px 14px;border:0;background:transparent;cursor:pointer;
	color:#3b4046;font-size:1.05rem;line-height:1.2;text-align:left;text-decoration:none;border-radius:8px;
}
.jtl-user-menu__link:hover,.jtl-user-menu__link:focus{background:#f3f4f7;color:#111;text-decoration:none;}
.jtl-user-menu__icon{flex:0 0 24px;width:24px;height:24px;display:inline-grid;place-items:center;color:#4a5058;font-size:20px;}
.jtl-user-menu__icon img{max-width:24px;max-height:24px;object-fit:contain;}
.jtl-user-menu__icon svg{width:20px;height:20px;}
.jtl-user-menu__icon--bullet::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--jtl-accent,#a541d8);display:inline-block;}
.jtl-user-menu__label{flex:1 1 auto;}
.jtl-user-menu__sep{height:1px;margin:6px 8px;background:#eceef1;}
.jtl-user-menu__heading span{display:block;padding:8px 14px;font-weight:600;color:#8a9099;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;}

/* Inline list variant */
.jtl-user-menu--list .jtl-user-menu__list{display:flex;flex-wrap:wrap;gap:4px 10px;}
.jtl-user-menu--list .jtl-user-menu__link{padding:4px 8px;}
.jtl-user-menu--list .jtl-user-menu__icon{flex-basis:20px;width:20px;height:20px;font-size:18px;}

/* ============================================================
   Modal form spacing (rules reach the modal even after it is
   relocated to <body> inside the .jtl wrapper)
   ============================================================ */
.jtl .userdata .form-group{margin-bottom:16px;}
.jtl .mod-login__username,.jtl .mod-login__password{margin-bottom:14px;}
.jtl .mod-login__remember{margin:6px 0 14px;}
.jtl .mod-login__submit{margin-top:6px;margin-bottom:10px;}
.jtl .mod-login__options{margin-top:14px;}
.jtl .mod-login__options li{margin-bottom:8px;}
.jtl .userdata .input-group{margin-bottom:2px;}
.jtl .mod-login__userdata,.jtl .mod-register__userdata{padding:4px 2px;}

/* ============================================================
   RTL (Arabic) support for the logged-in user menu.
   The page already renders the menu right-to-left, so we must NOT
   re-reverse the flex rows (that pushed the bullets back to the left).
   We only reaffirm direction:rtl on the menu content so the bullet
   sits on the right of each item and the avatar on the right of the toggle.
   ============================================================ */
.jtl-user-menu--rtl .jtl-user-menu__list,
[dir="rtl"] .jtl-user-menu__list,
.jtl-user-menu__list:dir(rtl){direction:rtl;}
.jtl-user-menu--rtl .jtl-user-menu__toggle,
[dir="rtl"] .jtl-user-menu__toggle,
.jtl-user-menu__toggle:dir(rtl){direction:rtl;}
/* Base link forces text-align:left; override it so labels hug the right (next to the bullets) */
.jtl-user-menu--rtl .jtl-user-menu__link,
[dir="rtl"] .jtl-user-menu__link,
.jtl-user-menu__link:dir(rtl){text-align:right;}
.jtl-user-menu--rtl .jtl-user-menu__label,
[dir="rtl"] .jtl-user-menu__label,
.jtl-user-menu__label:dir(rtl){text-align:right;}
/* ============================================================
   Login/Register button animation (backend: Button Animation)
   Scoped under #jtl so it overrides the base button rules.
   ============================================================ */
#jtl button.jtl-btn-anim{position:relative;}

/* Shine — light streak sweeping across (clipped to the button) */
#jtl button.jtl-btn-anim--shine{overflow:hidden;}
#jtl button.jtl-btn-anim--shine::after{
	content:"";position:absolute;top:-60%;left:-150%;width:55%;height:220%;
	background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);
	-webkit-transform:rotate(12deg);transform:rotate(12deg);pointer-events:none;
	-webkit-animation:jtlBtnShine 2.8s ease-in-out infinite;animation:jtlBtnShine 2.8s ease-in-out infinite;
}
@-webkit-keyframes jtlBtnShine{0%{left:-150%}55%,100%{left:150%}}
@keyframes jtlBtnShine{0%{left:-150%}55%,100%{left:150%}}

@media (prefers-reduced-motion: reduce){
	#jtl button.jtl-btn-anim--shine::after{-webkit-animation:none;animation:none;}
}
/* ============================================================
   Login form "lower part" restyle (login-1 look).
   Scoped to .jtl .mod-login so the Login Title, Pre-text and the
   registration form are left untouched. !important is used where
   needed to beat the base "#jtl input" (id-specificity) rules.
   ============================================================ */
.jtl .mod-login .mod-login__userdata{padding:0;}
.jtl .mod-login .form-group{margin-bottom:18px !important;}

/* Plain rounded inputs — hide the icon prefix and the eye toggle */
.jtl .mod-login .input-group{display:block;position:relative;}
.jtl .mod-login .input-group-text,
.jtl .mod-login .input-password-toggle{display:none !important;}
.jtl .mod-login .form-control{
	width:100% !important;
	max-width:100% !important;
	min-height:52px !important;
	height:auto !important;
	padding:12px 16px !important;
	font-size:1rem !important;
	line-height:1.4 !important;
	color:#3a3f45 !important;
	background:#fff !important;
	border:1px solid #d7dbe0 !important;
	border-radius:8px !important;
	box-shadow:none !important;
}
.jtl .mod-login .form-control::placeholder{color:#9aa0a6;opacity:1;}
.jtl .mod-login .form-control:focus{
	border-color:#2b2be8 !important;
	box-shadow:0 0 0 3px rgba(43,43,232,.15) !important;
	outline:0;
}

/* "Stay Logged in" checkbox row */
.jtl .mod-login .mod-login__remember .form-check{padding:0;}
.jtl .mod-login .mod-login__remember .form-check-label{
	display:flex;align-items:center;gap:10px;margin:0;
	font-weight:600;color:#3a3f45;cursor:pointer;
}
.jtl .mod-login .mod-login__remember .form-check-input{
	width:18px !important;height:18px !important;margin:0 !important;
	flex:0 0 18px;cursor:pointer;
}

/* Full-width "Continue"/Login button, login-1 blue */
.jtl .mod-login .btn-blockjt{
	width:100%;display:block;
	padding:14px 18px;
	font-size:1.1rem;font-weight:700;line-height:1.3;
	color:#fff;
	background:#2b2be8;background-color:#2b2be8;
	border:0;border-radius:8px;
	transition:background-color .2s ease;
}
.jtl .mod-login .btn-blockjt:hover,
.jtl .mod-login .btn-blockjt:focus{background-color:#1f1fc9;color:#fff;}

/* Forgot links — centered, grey text with blue links */
.jtl .mod-login .mod-login__options{margin-top:8px;padding:0;}
.jtl .mod-login .username-password{
	text-align:center;color:#5b6068;font-size:.98rem;line-height:1.6;
}
.jtl .mod-login .username-password a{color:#2b2be8;font-weight:600;text-decoration:none;}
.jtl .mod-login .username-password a:hover{text-decoration:underline;}

/* Register footer band */
.jtl .mod-login .registerlink{
	border-top:1px solid #e6e8ec;
	background:#f4f5f7;
	color:#495057;
	text-align:center;
	padding:18px 16px;
	min-height:0;
}
.jtl .mod-login .registerlink a{color:#2b2be8;font-weight:600;text-decoration:none;}
.jtl .mod-login .registerlink a:hover{text-decoration:underline;}

/* ============================================================
   Arabic / RTL fixes
   ============================================================ */
/* Register footer band: no residual list padding, symmetric edges in RTL */
[dir="rtl"] .jtl .mod-login .mod-login__options,
.jtl .mod-login .mod-login__options:dir(rtl){margin:0;padding:0;}
[dir="rtl"] .jtl .mod-login .registerlink,
.jtl .mod-login .registerlink:dir(rtl){margin-left:-20px;margin-right:-20px;}

/* Use the site's inherited (normal) weight on the whole Arabic side,
   so the Arabic font is not synthetically bolded (faux-bold). */
[dir="rtl"] .jtl,
[dir="rtl"] .jtl *,
.jtl:dir(rtl),
.jtl:dir(rtl) *{font-weight:inherit !important;}