@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); */
}
.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:#FFFFFF;background:#fff;border: 0;border-radius:3px 3px 0 0;opacity:1;position:absolute;top:-22px;right:0px;-webkit-box-shadow: none;box-shadow:none;opacity:1;z-index:9;}
#jtl .btn-close.jt-cs::before{ content:"";}
#jtl .modal.fade.show{opacity:1;top:10%;}
#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;}
#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;}
#jtl .modal-dialog {width:max-content;max-width: 80vw;margin: 30px auto;}
#jtl .modal-backdrop.show{ z-index:1;opacity:0.7}
#jtl .modal-dialog .modal-content {position: relative;background-color: #ffffff;background-clip: padding-box;border: 0;border-radius:3px 0 3px 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:20px;}
#jtl .btn-close svg{ vertical-align:top}
#jtl .jtl-buttonsubmit{ margin:15px 0}
#jtl .jtl-field{margin-bottom:7px}
#jtl .jtl-buttonsubmit button.btn,#jtl button.btn{line-height:1;}
#jtl .jtl-content-login .input-group input,#jtl .modal-content .mod-login .input-group input{line-height: 1;border-radius: 0;padding: 5px 10px;}
#jtl .btn-secondary.input-password-toggle{ margin-right:0}
#jtl button.modal-toggle,#jtl button.login-toggle,#jtl button.register-toggle{ padding:6px 15px; margin:0px 10px;box-shadow:none;border: 0;border-radius: 3px;transition: all 0.3s linear 0s;}
#jtl button.modal-toggle:hover,#jtl button.login-toggle:hover,#jtl button.register-toggle:hover{transition: all 0.3s linear 0s;}

#jtl .input-group > .form-control, .input-group > .form-select,#jtl  .input-group > .custom-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
#jtl .input-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 .input-group-text,#jtl .btn-secondary.input-password-toggle {
	display: flex;
	align-items: center;
	padding:6px 12px;
	font-size:15px;
	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;
}