body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #FFFFFF; } .block { width: 440px; height: 160px; background-color: #FFFFFF; position:fixed; margin-bottom: 2px; border: 2px solid #B3B3B3; box-shadow: 3px 3px 2px -1px rgba(34, 60, 80, 0.4); z-index: 1; } .LinksPrivacy { position:fixed; margin-bottom: 2px; flex-direction: column; justify-content: center; align-items: center; top: calc(100vh - 50px); left: 15px; z-index: 3; } .caption { color: rgba(75, 75, 75); font-size: 20px; font-family: "Almarai", "Arial", "Verdana", Helvetica; padding: 12px 12px; overflow:hidden; max-height: 30px; display: inline-block; } .btn { width: 85px; height: 25px; border: 1px solid #B3B3B3; outline: none; background-color: #FFFFFF; color: rgba(75, 75, 75); font-family: "Almarai", "Arial", "Verdana", Helvetica; font-size: 13px; cursor: pointer; border-radius: 2px; transition: background-color 0.3s; box-shadow: 0px -7px 9px -6px rgba(133, 133, 133, 0.22) inset; display: block; margin-left: 12px; } .togglePassword { width: 20px; height: 23px; border: 1px solid #B3B3B3; outline: none; background-color: #FFFFFF; color: rgba(75, 75, 75); font-family: "Almarai", "Arial", "Verdana", Helvetica; font-size: 13px; cursor: pointer; border-radius: 2px; transition: background-color 0.3s; box-shadow: 0px -7px 9px -6px rgba(133, 133, 133, 0.22) inset; display: block; top: 83px; left: 408px; position: absolute; } .btn:disabled { cursor: not-allowed; opacity: 0.5; } .buttons { margin: 15px 126px auto; display: flex; justify-content: left; align-items: center; } .bold{ font-weight: bold; } .btn:hover { background-color: #fbfbfb; border: 1px solid #8f8f8f; } .form-group { margin-bottom: 9px; display: block; padding-left: 46px; } .form-group2 { margin-top: 5px; display: block; padding-left: 12px; } label { display: inline; margin-bottom: 6px; color: rgba(100, 100, 100); font-family: "Almarai", "Arial", "Verdana", Helvetica; font-size: 13px; } input { width: 290px; padding: 3px; border: 1px solid #A5A2A5; border-radius: 4px; font-size: 13px; box-sizing: border-box; color: rgba(75, 75, 75); } .inputSms { width: 100px; } .PasswSpace{ margin-left: 39px; } #blockDop { width: 560px; height: 160px; background-color: #FFFFFF; margin-bottom: 2px; border: 2px solid #B3B3B3; box-shadow: 3px 3px 2px -1px rgba(34, 60, 80, 0.4); z-index: 2; position:fixed; margin-top: 100px; margin-left: 180px; display: none; } .link-button { background: none !important; border: none; padding: 0 !important; font: inherit; color: #797979; text-decoration: underline; cursor: pointer; display: inline; margin-left: 5px; } .link-button:hover { color: #797979; text-decoration: none; } .link-button:active { color:#797979; } .link-button:disabled { cursor: not-allowed; opacity: 0.5; } input:focus { outline: none; border:1px solid #B3B3B3; } input:focus:hover { outline: none; border:1px solid #B3B3B3; } .buttonsF2{ margin-top: 20px; display: flex; justify-content: left; align-items: center; } #appCodeLabel{ padding-left: 12px; padding-top: 10px; color: rgba(100, 100, 100); font-family: "Almarai", "Arial", "Verdana", Helvetica; font-size: 13px; } #SMSRepeat{ margin-left: 10px; } #launchButton2{ width: 100px; } #launchButton2tc{ width: 160px; } #openp{ width: 12px; height: 12px; left: -2px; position: relative; top: 4px; visibility: visible; } #closedp{ width: 12px; height: 12px; left: -2px; position: relative; top: -11px; visibility: hidden; } @-moz-document url-prefix() { #closedp{ width: 12px; height: 12px; left: -1px; position: relative; top: -12px; visibility: hidden; } } @-moz-document url-prefix() { #openp{ width: 12px; height: 12px; left: -1px; position: relative; top: 4px; visibility: visible; } } @-moz-document url-prefix() { .togglePassword{ height: 24px; } } input::-ms-reveal, input::-ms-clear { display: none; }