body{background-image:url('/warehouse/content/pics/pic_86_a.jpg'); background-size:cover;overflow:hidden;}
.formWrapper {max-width: 620px;height: 570px;}
p { font-size: 90%; color: rgba(116, 124, 131, 0.8); line-height: 0.94; }
.loginImg { max-width: 165px; margin: 8px auto 10px; }
input[type="submit"].generalBtn { margin: 0 auto 40px; float: none; font-family: 'RaananSuperLight'; }
@media (max-width:991px){
    body{background-image:url('/warehouse/content/pics/pic_86_b.jpg');}
}
#HeaderTopImg,#SiteFooter{display:none}

#SiteHeader nav.navbar {background: transparent;}
#SiteContainer {height:  100vh;    background-size: cover;}
#SiteContainer:after {content: "";width: 100%;height:  100%;position:  absolute;top: 0;pointer-events:  none;}
#siteheader-navigation-container #logo-icon {display:  none;}
#SiteGridContainer {height: 100%;margin:  0;top:0px;}
.formWrapper { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 620px; background: #fff; border-radius: 14px; box-shadow: -7.1px 7.1px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -7.1px 7.1px 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: -7.1px 7.1px 20px 0 rgba(0, 0, 0, 0.2); overflow: hidden; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.loginTitle img {max-width: 245px;}
section.mainSection {text-align:  center;padding: 35px 50px;}
.loginTitle h1 { background: #9d2190; text-align: center; font-size: 40px; padding-top: 1px; margin-top: 0; color: #fff; height: 57px; line-height: 57px; margin-bottom: 0; }
.buttonWrapper {margin-top: 5px;}
#wait-button{display:none;position:  relative;}
#wait-button > i {position:  absolute;right: calc(50% - 90px);color: #fff;top: 10px;}
#accessbutton-wait {background: #b0b0b0;pointer-events:  none;color: #fff;}
#SiteHeaderContainer{position:absolute;    width: 100%;}
#SiteGridBeforeImg{padding-bottom:100vh}
#PageBreadCrumps{display:none}

.form-subMenu h2 {font-size: 25px;}
.form-subMenu h3 { font-size: 125%; margin-top: 25px; margin-bottom: 0px; line-height: 1; }
.form-subMenu p {font-size: 115%;line-height: 23px;margin:0 0 25px 0;color:  inherit; line-height: 1.4; }


.userWrapper,
.passwordWrapper{position:relative;}
.passwordWrapper:before {content:  "";position: absolute;width: 17px;right: 25px;top: 25px;background-size: cover;background-image: url(../../../000Frames/site/images/password.png) !Important;height: 23px;}

.userWrapper:before{background-image: url(/he/000Frames/site/images/user-icon.svg) !Important}


input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #747c83 !important;position:relative; top:-2px}
input::-moz-placeholder { /* Firefox 19+ */color: #747c83 !important;position:relative; top:-2px}
input:-ms-input-placeholder { /* IE 10+ */color: #747c83 !important;position:relative; top:-2px}
input:-moz-placeholder { /* Firefox 18- */ color: #747c83 !important;position:relative; top:-2px}

input[type="text"], input[type="password"] {background-repeat: no-repeat !IMPORTANT;background-position: 98% !Important;padding-right: 40px;background-size: 17px 19px !important;border-radius: 5px;border: 0px;margin-top: 12px;height: 50px;color: #fff;font-size:24px;padding-top:14px;box-shadow:  none;-moz-box-shadow:  none;-webkit-box-shadow:  none;background-color:#f4f4f4;color: #747c83;}
input[type="text"]:focus, input[type="password"]:focus{/* border:1px solid #fceea3; */border-color: #fceea3;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fceea3;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fceea3;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fceea3;}

.checkboxWrapper label { color: #747c83; font-size: 100%; display: inline-block; letter-spacing: -0.5px; position: relative; padding-right: 25px; cursor: pointer; font-weight: normal; }
.checkboxWrapper label .ticker { position: absolute; top: -2px; right: 0; }
input#savepass {display: inline;width: auto;}
.checkboxWrapper { text-align: center; padding: 5px 15px 10px; }
input[type="button"] {width: 250px;background: #e74a2f;border: 0px;height: 50px;font-size: 130%;border-radius: 25px;color: #fff;font-size:  30px;}
input[type="button"]:hover, input[type="button"]:focus {}
input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="text"]:-webkit-autofill:active,
input[type="password"]:-webkit-autofill, input[type="password"]:-webkit-autofill:hover, input[type="password"]:-webkit-autofill:focus, input[type="password"]:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 5000s ease-in-out 0s;-o-transition: background-color 5000s ease-in-out 0s;-moz-transition:background-color 5000s ease-in-out 0s;background-image:inherit;-webkit-text-fill-color: #747c83;}
input[type="password"]{font-family:inherit;}
input#savepass {position:  absolute;opacity: 0.01;cursor: pointer;top: 3px;width: 18px;z-index: 1;}
input[type="checkbox"] + .ticker:after { content: ""; position: absolute; color: #000; box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.15); border: solid 1px #dadbdc; background-color: #ffffff; width: 18px; height: 18px; border-radius: 2px; margin-top: 6px; font-family: 'FontAwesome'; padding-right: 1px; font-size: 12px; }
input[type="checkbox"]:checked + .ticker:after { background-image: url(../../../000Frames/site/images/checked.png); background-size: 70%; background-repeat: no-repeat; background-position: center; }
input[type="checkbox"] { display: none; }
#error {color: red;position: absolute;top: -20px;left: 7px;font-weight: bold;}
.form-fields{margin: 0 -5px;}
.BottmLogo {width: 180px;position:  fixed;bottom: 30px;left: 50%;transform:  translateX(-50%);-webkit-transform:translateX(-50%)}
section.mainSection { padding: 35px 20px; }
.popup-modal-login-patient-content-login-continer { max-width: 530px; margin: 0 auto; }

@media(min-width: 1024px) and (max-height: 760px) {
    .BottmLogo { width: 130px; bottom: 20px; }
    .formWrapper { top: 48%; }
}

@media(max-width:1024px) and (min-width:992px){
    .buttonWrapper{margin-top: 0;}
    .formWrapper{height:500px}
    .loginImg {max-width: 180px;}
    .BottmLogo {bottom: 10px;width: 90px;}
}
@media(max-width:991px) and (min-width:768px){  
    .formWrapper {margin-top: -100px;}
    .BottmLogo {position: static;margin:  0 auto;transform:  none;margin-top: 80vh;    }
}

@media (max-width:767px){
    .loginTitle h1{font-size: 147%;height:auto;line-height:1;padding: 6px 0;}
    .loginTitle img{max-width:225px}
    section.mainSection {padding: 10px;}
    #SiteGrid{max-width:95%; }
    #SiteGridContainer {padding:0px;   }
    input[type="text"], input[type="password"]{font-size:19px; height:40px;}
    .checkboxWrapper label{font-size:17px;}
    .userWrapper:before, .passwordWrapper:before{right:13px;top:22px;}
    .form-subMenu h2 {font-size: 20px;}
    .form-subMenu p {font-size: 21px;line-height: 1;margin-bottom:7px;}
    .loginImg img{width: 125px;margin-top:  10px;}
    input[type="button"]{font-size: 25px;    width: 160px;    height: 40px;}
    .buttonWrapper{margin-top: 10px;}
    #wait-button > i {right: calc(50% - 70px);top: 8px;font-size: 170%;}
    #GridContent{position:  absolute;top: 0;left: 0;height: 100vh;width: 100%;    background-image: url(/warehouse/content/pics/pic_86_b.jpg);    background-size: cover;}
    .formWrapper{width:90%;height:auto;position:  relative;transform:  none;top: 20px;left: 0;margin: 0;margin:  0 auto;}
    .BottmLogo{width: 90px;position: relative;bottom: 70px;clear: both;transform:  none;margin: 60px auto;left:  0;bottom:  0;top: 0;}
    input[type="submit"].generalBtn{margin-bottom: 20px;font-size: 100%;width: 80%;line-height: 40px;height: 40px;}
    #error{font-size:70%;}
}