@charset "utf-8";

/** Login **/

body.asim .asim-pg-login { min-height: 600px; }
body.asim .asim-pg-login textarea:focus,
body.asim .asim-pg-login input:focus { outline: none; }
body.asim .asim-pg-login .asim-background-slides { position: absolute; width: 100%; min-width: 800px; height: 100%; min-height: 600px; z-index: 1; background: transparent; }
body.asim .asim-pg-login .asim-background-slides .asim-background-slide { position: absolute; width: 100%; height: 100%; z-index: 2; background: transparent url(../pics/_blank.gif) no-repeat center center; background-size: cover; }
body.asim .asim-pg-login .asim-background-slides .asim-background-slide.asim-slide-alpha { background-image: url(../pics/bg__login_clouds1.jpg); }
body.asim .asim-pg-login .asim-background-slides .asim-background-slide.asim-slide-beta { background-image: url(../pics/bg__login_clouds2.jpg); }
body.asim .asim-pg-login .asim-background-slides .asim-background-slide.asim-slide-blank { background: white; }

body.asim .asim-pg-login .asim-sphere-container { position: absolute; width: 100%; min-width: 800px; height: 100%; min-height: 600px; z-index: 3; background: transparent; }
body.asim .asim-pg-login .asim-sphere { position: relative; width: 399px; height: 406px; margin: auto; background: transparent url(../pics/bg__login_sphere.png) no-repeat left top; background-size: 399px 406px; }
body.asim .asim-pg-login .asim-sphere .asim-enterprise-logo-container { position: absolute; left: 0px; top: 40px; width: 100%; height: 140px; background: rgba(255, 0, 0, 0.0); }
body.asim .asim-pg-login .asim-sphere .asim-enterprise-logo { display: block; margin: auto; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field { position: absolute; left: 91px; top: 0px; width: 219px; height: 26px; background: transparent url(../pics/bg__login_text_field.png) no-repeat left center; background-size: 219px 26px; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field input { width: 180px; font: normal 14px "Aller", sans-serif; padding: 5px 6px 4px 6px; background: transparent; border: 0px; color: #AAA; display: block; margin: auto; text-align: center; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field input.asim-auto-labeled { color: #CCC; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field input.asim-auto-labeled.asim-focused { color: #777; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field.asim-username { top: 184px; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field.asim-password { top: 220px; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field.asim-second-password { top: 208px; }
body.asim .asim-pg-login .asim-sphere .asim-invisible-input-field.asim-email { top: 220px; }
body.asim .asim-pg-login .asim-sphere .asim-instructions-for-second-password { position: absolute; left: 91px; top: 182px; width: 219px; height: 26px; font-size: 13px; text-align: center; color: #AAA; }
body.asim .asim-pg-login .asim-sphere .asim-instructions-for-resetting-password { position: absolute; left: 91px; top: 184px; width: 219px; height: 26px; font-size: 10px; text-align: center; color: #AAA; }
body.asim .asim-pg-login .asim-sphere .asim-instructions-for-second-factor { position: absolute; left: 91px; top: 54px; width: 219px; height: auto; font-size: 13px; text-align: center; color: #888; }
body.asim .asim-pg-login .asim-sphere .asim-instructions-for-second-factor .asim-above-qr-code { position: relative; top: 1px; font-size: 15px; }
body.asim .asim-pg-login .asim-sphere .asim-instructions-for-second-factor .asim-below-qr-code { position: relative; top: -4px; font-size: 11px; }
body.asim .asim-pg-login .asim-sphere .asim-button-and-results { position: absolute; left: 0px; top: 247px; width: 100%; height: auto; }
body.asim .asim-pg-login .asim-sphere .asim-button { width: 122px; height: 36px; background: transparent url(../pics/btn__login_sphere_lighted.png) no-repeat left top; background-size: 122px 36px; color: #FFF; cursor: pointer; margin: auto; }
body.asim .asim-pg-login .asim-sphere .asim-button .asim-button-label { position: relative; top: -2px; margin: auto; }
body.asim .asim-pg-login .asim-sphere .asim-results .asim-message { width: 280px; min-height: 4px; max-height: 24px; padding: 4px 0px 6px 0px; font-size: 11px; color: #AAA; overflow: hidden; margin: auto; }
body.asim .asim-pg-login .asim-sphere .asim-results .asim-message .asim-activity { position: relative; top: 4px; }
body.asim .asim-pg-login .asim-sphere .asim-basic-ajax-activity { width: 280px; padding: 3px 0px 6px 0px; font-size: 11px; color: #AAA; margin: auto; text-align: center; }
body.asim .asim-pg-login .asim-sphere .asim-basic-ajax-activity img { position: relative; top: 4px; }
body.asim .asim-pg-login .asim-sphere .asim-forgot-password,
body.asim .asim-pg-login .asim-sphere .asim-return-to-login { font-size: 8px; text-align: center; padding: 1px 0px 0px 0px; }
body.asim .asim-pg-login .asim-sphere .asim-forgot-password a,
body.asim .asim-pg-login .asim-sphere .asim-return-to-login a { color: #CCC; }
body.asim .asim-pg-login .asim-sphere .asim-forgot-password a:hover,
body.asim .asim-pg-login .asim-sphere .asim-return-to-login a:hover { color: #AAA; text-decoration: none; }

body.asim .asim-footer { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50px; z-index: 4; min-width: 800px; font-size: 11px; color: rgba(0, 0, 0, 0.4); }
body.asim .asim-footer a { color: rgba(0, 0, 0, 0.4); }
body.asim .asim-footer-tab { position: absolute; bottom: 0px; width: auto; height: 30px; background: rgba(255, 255, 255, 0.1); box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); padding: 0px 15px 0px 15px; }
body.asim .asim-footer-tab.asim-tab-left { left: 40px; }
body.asim .asim-footer-tab.asim-tab-right { right: 40px; }