/*
ver:0144
*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

@font-face {
    font-family: 'Carmelit';
    src: url('carmelitbold.eot');
    src: url('carmelitbold.eot?#iefix') format('embedded-opentype'),
         url('carmelitbold.woff') format('woff'),
         url('carmelitbold.ttf') format('truetype'),
         url('carmelitbold.svg#carmelit_boldbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {     transition: background-color 5000s ease-in-out 0s; }

/* ------------------ */

table { border-collapse: collapse; }
input,select,textarea { box-sizing: border-box; outline: 0; }
input[type="radio"] { vertical-align: -4px; }
html { height: 100%; }
body { min-height: 100%; }
body { margin: 0px; font-family: arial,Helvetica; font-size: 16px;  }
html,body { height: 100%; }

body:not(:has(.MainLoginLayoutFrame)) { background: url(lobby-back-22.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; }



.ltr { direction: ltr; }
.rtl { direction: rtl; }

.OuterLoginLayout { display: flex; justify-content: center; align-items: flex-start; height: 100vh; padding-top: 140px; box-sizing: border-box; }
.MainLoginLayout { padding-bottom: 20px; max-width: 1920px; margin: 0px auto; box-sizing: border-box; gap: 0px; display: flex; justify-content: center; align-items: flex-start; }
.MainLoginLayoutBody { width: 560px; padding-top: 40px; padding-bottom: 160px; }
.MainLoginLayoutSep { width: 54px; height: 520px;  }
body.rtl .MainLoginLayoutSep { border-right: 1px solid #E8E8E8; }
body.ltr .MainLoginLayoutSep { border-left: 1px solid #E8E8E8; }
.MainLoginLayoutFrame { display: block; }
.MainLoginLayoutFrame img { width: 660px; height: 660px; object-fit: scale-down; }
.MainLoginIframe { display: block; width: 660px; height: 660px; border: none; }

#InforuHeader { background: transparent; border: none; }
#InforuHeader .sh-logo { display: none; }
#InforuHeader .sh-langs { color: #9198A7; }
#InforuHeader .sh-arrow { opacity: 0.4; }

body:not(:has(.MainLoginLayoutFrame)) #InforuHeader .sh-langs { color: #222325; }
body:not(:has(.MainLoginLayoutFrame)) #InforuHeader .sh-arrow { opacity: 1; }

#InforuFooter { position: fixed; bottom: 0px; margin: 0px; padding: 5px 20px 5px 20px; }
body.rtl #InforuFooter { left: 0px; }
body.ltr #InforuFooter { right: 0px; }
#InforuFooter .sh-items { border: none; font-size: 13px; color: #697286; }
#InforuFooter .sh-items a { text-decoration: none; color: #222325; }
#InforuFooter .sh-items a:hover { color: #0D40C9; }

body:not(:has(.MainLoginLayoutFrame)) #InforuFooter { left: 0px; right: 0px; }
body:not(:has(.MainLoginLayoutFrame)) #InforuFooter .sh-items { color: #222325; }


@media all and (max-width: 1280px) {
	.MainLoginLayoutBody { width: auto; max-width: 560px; }
	.MainLoginLayoutFrame { display: none; }
	.MainLoginLayoutSep { display: none; }
	}


#Login22 { width: 340px; margin: 0px auto; box-sizing: border-box;  }
body.modelite #Login22 { width: 300px; max-width: 100%; }
#InforuHeader .lite-header-logo { display: none; }

#Login22 .logo { text-align: center; padding-bottom: 10px; }
#Login22 .logo img { max-width: 100%; }
#Login22 .image-sent { display: block; height: 50px; margin-bottom: 10px; background: url(image-sent2.png) center center no-repeat; }
#Login22 .image-progress { display: block; height: 60px; margin-bottom: 10px; background: url(image-progress.png) center center no-repeat; }
#Login22 .caption { text-align: center; font: normal normal normal 24px/29px Carmelit,Lato; color: #222325; padding-bottom: 30px; }
#Login22 .caption-error { text-align: center; font: normal normal normal 24px/29px Carmelit,Lato; color: #DC2F3F; padding-bottom: 30px; }
#Login22 .caption2 { text-align: center; font: normal normal normal 46px/55px Carmelit,Lato; color: #222325; padding-bottom: 0px; }
#Login22 .subcaption2 { text-align: center; font: normal normal normal 20px Carmelit,Lato; color: #222325; padding-bottom: 20px; }
#Login22 .caption3 { text-align: center; font: normal normal normal 28px/34px Carmelit,Lato; color: #222325; padding-bottom: 10px; }
#Login22 .text { text-align: center; font: normal normal normal 15px/19px Assistant; color: #707070; padding-bottom: 30px; }
#Login22 .text2 { text-align: center; font: normal normal normal 15px/19px Assistant; color: #222325; padding-bottom: 30px; }
#Login22 .input { position: relative; margin-bottom: 32px; }
#Login22 .input input[type=text] { padding: 0px 15px 0px 15px; box-sizing: border-box; width: 100%; height: 48px; border-radius: 3px; font: normal normal normal 15px/19px Assistant; color: #222325; }
#Login22 .input input[type=number] { appearance: none; -moz-appearance: textfield; padding: 0px 15px 0px 15px; box-sizing: border-box; width: 100%; height: 48px; border-radius: 3px; font: normal normal normal 15px/19px Assistant; color: #222325; }
#Login22 .input input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#Login22 .input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#Login22 .input input[type=number] {  }
#Login22 .input input[type=password] { padding: 0px 15px 0px 15px; box-sizing: border-box; width: 100%; height: 48px; border-radius: 3px; font: normal normal normal 15px/19px Assistant; color: #222325; }
body.rtl #Login22 .input input[data-type=password] { padding-left: 48px; }
body.ltr #Login22 .input input[data-type=password] { padding-right: 48px; }
#Login22 .input select { color: #707070; padding: 0px 15px 0px 15px; box-sizing: border-box; width: 100%; height: 48px; border-radius: 3px; font: normal normal normal 15px/19px Assistant;  }
#Login22 .input[data-value=true] select { color: #222325;  }
#Login22 .input[data-state=focus] select { color: #222325;  }
#Login22 .input textarea { padding: 5px 15px 5px 15px; box-sizing: border-box; width: 100%; height: 82px; border-radius: 3px; font: normal normal normal 15px/19px Assistant; color: #222325; }
#Login22 .input-otp input[type=number] { height: 74px; text-align: center; direction: ltr;  }
#Login22 .input-otp[data-value="true"] input[type=number] { font: normal normal normal 40px/52px Assistant; color: #222325; }
#Login22 .input .states { border: 2px solid #CBDDEB; }
#Login22 .input .label { display: none; z-index:2; /*background: white;*/ position: absolute; top: -9px; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; height: 20px; line-height: 20px; box-sizing: border-box; font: normal normal normal 12px/15px Assistant; color: #707070;  }
#Login22 .input[data-value=true] .label { display: inline-block; }

#Login22 .input .borderfix { display: none; }
#Login22 .input[data-value=true] .borderfix { z-index:1; display: block; content: " "; font-size: 0px; width: 100%; height: 2px; background: white; margin: 0px 10px 0px 10px; position: absolute; top: 0px; }

#Login22 .input .cbtext { font: normal normal normal 15px/19px Assistant; color: #222325; position: relative; top: -3px; }
#Login22 .input .note { font: normal normal normal 15px/19px Assistant; color: #707070; padding-top: 5px; }
#Login22 .input .error { font: normal normal normal 13px/17px Assistant; color: #DC2F3F; padding: 3px 17px 0px 17px; }
#Login22 .input[data-state=error] .label { color: #DC2F3F; }
#Login22 .input[data-state=error] .states { border: 2px solid #DC2F3F ; }
#Login22 .input[data-state=focus] .label { color: #4C78EC; }
#Login22 .input[data-state=focus] .states { border: 2px solid #4C78EC  ; }
#Login22 .input[data-state=hover] .label { color: #4C78EC; }
#Login22 .input[data-state=hover] .states { border: 2px solid #4C78EC80  ; }
#Login22 .row-button  { position: relative; text-align: center; padding-bottom: 10px; }
#Login22 .row-button .input-button { transition: all 0.25s; box-sizing: border-box; width: 100%; padding: 0px 10px 0px 10px; cursor: pointer; min-width: 140px; text-decoration: none; height: 40px; box-sizing: border-box; display: block; background: #F09403; border-radius: 5px; border: none; font: normal normal normal 18px/23px Assistant; color: #222325; line-height: 40px; }
#Login22 .row-button .input-button-long { min-width: 100%; }
#Login22 .row-button .input-button:hover { background: #FFB300; }
#Login22 .row-button .input-button:active { background: #E4751B; }
#Login22.loadersubmit .row-button .input-button { position: relative; min-width: 0px; padding: 0px; width: 40px; border-radius: 50%; cursor: wait; font-size: 0px; margin: 0px auto; }
#Login22.loadersubmit .row-button::after { cursor: wait; z-index: 9999; content: ""; position: absolute; top: 4px; left: 50%; margin-left: -15px; width: 26px; height: 26px; border: 3px solid rgba(255, 255, 255, 0.3); border-top: 3px solid white; border-radius: 50%; opacity: 1; transition: opacity 0.3s; animation: loadersubmitspin 0.8s linear infinite; }
@keyframes loadersubmitspin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
	}
		

#Login22 .row-links { display: flex; justify-content: center; align-items: center; gap: 10px; text-align: center; padding-bottom: 5px;  }
#Login22 .row-links .sep { background: #707070; width:1px; height: 10px; display: block;  }
#Login22 .row-links .link {S cursor: pointer; font-size: 14px; font-family: Assistant; color: #707070; text-decoration: none; }
#Login22 .row-links .link:hover { color: #4C78EC; }
#Login22 .row-links .link::after { content: "\a"; white-space: pre; }
#Login22 .AzureLogin { }
#Login22 .AzureLogin .divider { margin-top: 30px; margin-bottom: 10px; gap: 15px; display: flex; align-items: center; text-align: center; color: #3D424A; font-size: 13px; font-family: Assistant; }
#Login22 .AzureLogin .divider::before { content: ""; flex: 1; height: 1px; background: #BEC3CD; }
#Login22 .AzureLogin .divider::after { 	content: ""; flex: 1; height: 1px; background: #BEC3CD; }
#Login22 .AzureLogin .button { direction: ltr; height: 46px; line-height: 46px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; background: white; border: 1px solid #B5C1E3; border-radius: 6px; width: 100%; text-decoration: none; box-sizing: border-box; }
#Login22 .AzureLogin .button:hover { background: #D4E0FF; border-color: transparent; }
#Login22 .AzureLogin .button:active { background: #BACCFB; border-color: transparent; }
#Login22 .AzureLogin .button .btnico { width: 16px; height: 16px; background: url(AzureLogin.svg) center center no-repeat; }
#Login22 .AzureLogin .button .btntxt { font-family: Assistant; font-size: 16px; font-weight: 400; color: #3D424A; }
#Login22 .AzureLogin .remarks { padding-top: 7px; text-align: center; font-family: Assistant; font-size: 12px; font-weight: 400; color: #707070; }

#Login22 .password-eye { position: absolute; top: 0px; display: block; width: 48px; height: 48px; background: url(eye.visible.normal.png) center center no-repeat; cursor: pointer; }
#Login22 .password-eye:hover { background: url(eye.visible.hover.png) center center no-repeat; }
body.rtl #Login22 .password-eye { left: 0px; }
body.ltr #Login22 .password-eye { right: 0px; }
#Login22 [data-password="visible"] .password-eye { background: url(eye.hidden.normal.png) center center no-repeat; }
#Login22 [data-password="visible"] .password-eye:hover { background: url(eye.hidden.hover.png) center center no-repeat; }
#Login22 .input-checkbox  { cursor: default; color: #414141; font-family: carmelit,Lato; font-size: 13px; display: block; text-align: center; padding-top: 5px; padding-bottom: 20px; } 
#Login22 .input-checkbox.checked  > .box span { display: block; }
#Login22 .input-checkbox:hover > .box { border: 1px solid #426fe4; }
#Login22 .input-checkbox  > .box { top: 2px; position: relative; vertical-align: top; display: inline-block; width: 12px; height: 12px; border: 1px solid #a7b4c7; border-radius: 2px; background: #ffffff;  } 
#Login22 .input-checkbox  > .box span { display: none; position: absolute; left: 1px; top: 1px; width: 9px; height: 10px; background: url(ok.png); }
#Login22 .input-checkbox  > .boxtext { color: #656C6C; font: normal normal normal 13px/17px Assistant; vertical-align: top; display: inline-block; text-indent: 5px;  } 
#Login22 .ContainerCAPTCHA  > div { margin: 0px auto;  } 

#Login22 .copy-to-clipboard { position: absolute; top: 0px; display: block; width: 48px; height: 48px; background: url(images/clipboard-active.png) center center no-repeat; cursor: pointer; }
#Login22 .copy-to-clipboard:hover { background: url(images/clipboard-hover.png) center center no-repeat; }
body.rtl #Login22 .copy-to-clipboard { left: 0px; }
body.ltr #Login22 .copy-to-clipboard { right: 0px; }

#Login22 .remark { padding: 0px 0px 20px 0px; text-align: center; }
#Login22 .remark .icon { display: inline-block; vertical-align: top; width: 38px; height: 38px; background: url(bulb.png) center center no-repeat; }
#Login22 .remark .text1 { padding-top: 2px; max-width: 280px; display: inline-block; vertical-align: top; text-align: initial; font-size: 13px; color: #707070; }
#Login22 .remark .text1 a { font-size: 14px; color: #1D1D1E; text-decoration: none; font-size: 13px;  }
#Login22 .remark .text1 a:hover { color: #1b47bc; }

#Login22 .validate   { display: none; padding: 10px 15px 0px 15px; }
#Login22 .input[data-state=focus][data-validate]   { margin-bottom: 12px; }
#Login22 .input[data-state=error][data-validate]   { margin-bottom: 12px; }
#Login22 .input[data-state=focus] .validate   { display: block; }
#Login22 .input[data-state=error] .validate   { display: block; }
#Login22 .validate .item  { font: normal normal normal 13px/17px Assistant; color: #707070; line-height: 24px;  }
#Login22 .validate .item.true { color: #0B740E; }
#Login22 .validate .item.false { color: #DC2F3F; }
#Login22 .validate .item .ico { text-align: center; width: 15px; display: inline-block; vertical-align: middle; position: relative; top: -1px; }
#Login22 .validate .item .ico-true { font-size: 0px; background: url(icon-true.png) center center no-repeat; width: 15px; display: inline-block; vertical-align: middle; position: relative; top: 0px; }
#Login22 .validate .item .ico-false { font-size: 0px; background: url(icon-false.png) center center no-repeat; width: 15px; display: inline-block; vertical-align: middle; position: relative; top: 0px; }
#Login22 .validate .item .txt { text-indent: 3px; font-size: 14px; display: inline-block; vertical-align: middle; }

#Login22 .complete-succeed { margin: 0px auto 20px auto; display: block; width: 104px; height: 104px; background: url(succeed.png) center center no-repeat; }	
#Login22 .complete-caption { font: normal normal normal 24px/29px Carmelit,Lato; color: #222325; text-align: center; }	
#Login22 .complete-text { font: normal normal normal 13px/17px Assistant; color: #707070; text-align: center; }