/* * * Copyright © 2014 API Healthcare Corporation. All rights reserved. * * * core-login.less - Edit CSS pertaining to core-login.css and core-login.min.css in this file * core-login.css, core-login.min.css - These files must be checked out in order for WebEssentials to update them. DO NOT EDIT the .css files! */ @font-face { font-family: "ge-icons"; src: url('./Fonts/ge-icons.eot'); src: url('./Fonts/ge-icons.eot?#iefix') format('eot'), url('./Fonts/ge-icons.woff') format('woff'), url('./Fonts/ge-icons.ttf') format('truetype') } html, body, button, input, select, textarea, h1 { font-family: 'GE Inspira Sans', 'ge-inspira-sans', "GE Inspira", "ge-inspira", "Helvetica Neue", Helvetica, Arial, sans-serif; } .redirect-message-container { background-color: #FFF; color: #003A62; font-size: 14px; margin: 0.5%; position: absolute; height: 98%; width: 99%; } .redirect-message { margin: 20px; } .redirect-message img { float: left; margin-top: 2px; margin-right: 10px; margin-bottom: 2px; vertical-align: middle; width: 15px; height: 15px; } .redirect-message .redirect-message-box { float: left; } .redirect-message .redirect-message-title { color: #3e87e8; font-size: 16px; padding-bottom: 4px; } .redirect-message .redirect-message-content { font-size: 12px; color: #003a62; text-decoration: none; } .redirect-message a { color: #00AEEF; text-decoration: none; } *.sign-in-background { background-color: #E8EDF0; display: block; position: absolute; top: 0px; min-height: 100%; min-width: 100%; width: auto; } .sign-in-container { background-color: #ffffff; color: #003a62; font-size: 14px; width: 795px; margin: auto; margin-top: 36px; position: relative; padding-top: 75px; padding-bottom: 75px; } .sign-in-container h1 { color: #003a62; font-size: 26px; font-weight: normal; } .sign-in-container label { display: block; font-size: 1.125em; font-weight: normal; margin-top: 20px; } .sign-in-container input { text-indent: 5px; *margin-left: -5px; } .sign-in-container input::-ms-clear, .sign-in-container input::-ms-reveal { display: none; } .sign-in-container input, .sign-in-container select { font-size: 1em; height: 25px; line-height: 25px; width: 100%; background: #e6e7e8; border: 0px; } .sign-in-container select option[selected] { background: #e6e7e8; line-height: 25px; height: 25px; } .sign-in-container .button { background-color: #003a62; border: none; color: #ffffff; display: inline-block; padding: 7px 14px; text-decoration: none; } .sign-in-container .button:hover, .sign-in-container .button:hover { background-color: #0078c1; } .sign-in-container .first, .sign-in-container .second { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sign-in-container .first { padding: 0px 31px 0px 45px; max-width: 385px; } .sign-in-container .first .app-name { display: block; } .sign-in-container .first .app-name h1 { width: 400px; float: left; } .sign-in-container .first .app-description { width: 361px; font-size: 1.063em; display: block; margin: 39px, 0px, 46px, 0px; } .sign-in-container .first .app-description .disable-click-action { /*pointer-events to disable link when iOS recognizes version # as a date and changes the # to a link*/ pointer-events: none; } .sign-in-container .first .app-description .disable-click-action a { /*disable styles when iOS changes # to a link*/ text-decoration: none; color: inherit; } .sign-in-container .first .app-description p { margin-top: 10px; } .sign-in-container .first .copyright { font-size: 1em; position: absolute; width: 300px; margin-top: -19px; display: block; } .sign-in-container .second { padding: 0px 45px 0px 31px; position: relative; float: right; width: 340px; *width: 250px; } .sign-in-container .second .login-content { width: 250px; } .sign-in-container .second .sign-out-greeting { width: 80%; } .sign-in-container .second .sign-in-message, .sign-in-container .second .sign-out-message { padding: 15px 0 10px 0; font-size: 1.063em; } .sign-in-container .second .sign-in-button-wrapper { padding-top: 25px; } .sign-in-container .second .separator { width: 1px; background: #808080; left: 0px; top: 5px; bottom: 0px; position: absolute; } .sign-in-container .field-wrapper { position: relative; width: 250px; } .sign-in-container .field-wrapper .button { width: 100%; margin-top: 10px; margin-bottom: 10px; text-align: center; padding-left: 0px; padding-right: 0px; } .sign-in-container #UserName, .sign-in-container #Password { background-repeat: no-repeat; background-position: center right; } .sign-in-container #Password { background-image: url('../Images/Login-PasswordIcon_16x.png'); } .sign-in-container #UserName { background-image: url('../Images/Login-UserNameIcon_16x.png'); } .sign-in-container input.field-validation-error, .sign-in-container input.field-validation-error:focus { border-color: #be1e2d; border-style: solid; border-width: 2px 2px 2px 15px; color: #be1e2d; text-indent: 10px; padding-right: 30px; } .sign-in-container input.field-validation-error { color: #be1e2d; display: block; float: none; max-width: 100%; padding: 0 0 0 10px; } .sign-in-container input.input-validation-error { border: 1px solid #be1e2d; } .sign-in-container .validation-summary-errors ul { padding: 0; margin: 0px; } .sign-in-container .validation-summary-errors ul li { background-image: url(../Images/Error_20x.png); background-position: 0px 8px; background-repeat: no-repeat; color: #be1e2d; display: inline-block; /* IE 7 & Below*/ *display: inline; font-weight: normal; min-height: 20px; max-width: 300px; padding: 8px 0 0 30px; text-wrap: normal; -ms-zoom: 1; zoom: 1; } .no-cssgradients *.sign-in-background { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078c1', endColorstr='#003a62',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ zoom: 1; } .no-cssgradients.no-borderradius .sign-in-container { width: 850px; } .sign-in-container { /* @group Multi Select2 */ /* @group Active */ } .sign-in-container input[type="checkbox"] { width: auto; height: auto; padding-right: 5px; background: transparent; } .sign-in-container .user-name, .sign-in-container .password { background-repeat: no-repeat; background-position: center right; } .sign-in-container .password { background-image: url('../Images/Login-PasswordIcon_16x.png'); } .sign-in-container .user-name { background-image: url('../Images/Login-UserNameIcon_16x.png'); } .sign-in-container .select { *cursor: pointer; background-color: green; } .sign-in-container .mss-select2-container, .sign-in-container .login-select2-container { width: 100% !important; margin-top: 5px; *margin-top: 6px; /*hack for IE7*/ *cursor: pointer; } .sign-in-container .login-select2-container .select2-choice, .sign-in-container .login-select2-container .select2-choice .select2-arrow { background-image: none; background-color: #E6E7E8; border: none; border-radius: 0; filter: none; } .sign-in-container .login-select2-drop { background: #E6E7E8; color: #000; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .sign-in-container .login-select2-drop *.select2-result-label { font-family: 'Source Sans Pro', sans-serif; font-size: .9em; } .sign-in-container .mss-select2-container.select2-container .select2-choice { border: 2px solid #0079C1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 5px -1px #0d0d0d inset; -webkit-box-shadow: 1px 1px 5px -1px #0d0d0d inset; box-shadow: 1px 1px 5px -1px #0d0d0d inset; height: 39px; line-height: 39px; margin: 0px; padding-left: 5px; } .sign-in-container .mss-select2-container.select2-container .select2-choice .select2-arrow { background: transparent; border: none; top: 15%; top: 0px \0/; /*hack for IE8, IE9*/ *top: 0px; /*hack for IE7*/ } .sign-in-container .mss-select2-container.select2-container .select2-choice .select2-arrow b { margin-top: 5px \0/; /*hack for IE8, IE9*/ *margin-top: 5px; /*hack for IE7*/ } .sign-in-container .select2-container-multi .select2-choices { background: #F7F7F7; background-color: #F7F7F7; border: 2px solid #0079C1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 5px -1px #0d0d0d inset; -webkit-box-shadow: 1px 1px 5px -1px #0d0d0d inset; box-shadow: 1px 1px 5px -1px #0d0d0d inset; padding-left: 5px; } .sign-in-container .select2-container-multi .select2-choices .select2-search-field input { height: 25px; line-height: 25px; text-indent: 5px; } .sign-in-container .select2-container-multi .select2-choices .select2-search-field input:focus { border: none !important; box-shadow: none !important; outline: none !important; } .sign-in-container .select2-container-multi .select2-choices .select2-search-choice { height: 25px; line-height: 25px; padding: 3px 18px 3px 5px; } .sign-in-container .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close { top: 30%; right: 3px; left: auto; } .sign-in-container .select2-choices.input-validation-error { border-color: #BE1E2D; border-style: solid; border-width: 2px 2px 2px 15px; color: #BE1E2D; display: block; float: none; max-width: 100%; padding: 0 0 0 10px; } .sign-in-container .select2-search { padding: 5px 0px; } .sign-in-container .select2-search input { padding: 0px; text-indent: 0px; width: 97%; margin: 5px; } .sign-in-container .mss-select2-container.select2-container-active .select2-single { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 2px solid #0079C1; } .sign-in-container .login-select2-container.select2-container-active .select2-single { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .sign-in-container .login-select2-container.select2-container-active .select2-choice { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .sign-in-container .mss-select2-container.select2-container-active.select2-with-drop .select2 { border: 2px solid #0079C1; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .sign-in-container .mss-select2-container.select2-container-active.select2-with-drop .select2 div { background: transparent; border-left: none; } .sign-in-container .mss-select2-container.select2-container-active.select2-with-drop .select2 div b { background-position: -18px 2px; } .sign-in-container .mss-select2-container.select2-container-active .select2-choices { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb; } .sign-in-container .mss-select2-container.select2-container-active .select2-choices .search-field input { color: #111 !important; } .sign-in-container .login-select2-drop .select2-results li { font-size: 14px; } .sign-in-container .login-select2-container.select2-container .select2-choice .select2-arrow b { background: url(select2-mods.png) no-repeat -2px 1px; } .sign-in-container .login-select2-container .select2-offscreen { cursor: pointer; } .sign-in-container .first .app-logo-wrapper { height: 64px; } .sign-in-container .first .app-logo { float: left; } .sign-in-container .first .app-environment-classification { float: left; position: relative; top: 44px; font-size: 16px; color: #00AEEF; } .sign-in-container .second .app-environment-classification img { float: left; margin-right: 10px; vertical-align: middle; width: 20px; height: 20px; } .sign-in-container .second .app-environment-classification { font-size: 16px; color: #00AEEF; } .sign-in-container .validation-summary-errors ul li.info { background-image: url(../Images/Info_20x.png); color: #00AEEF; font-weight: normal; font-size: 14px; } .sign-in-container .custom-image-wrapper { display: inline-block; *display: inline; } .sign-in-container .custom-image-wrapper img { display: block; margin-top: 25px; bottom: 30px; left: 25px; position: absolute; max-height: 100px; } .login-padding { padding-bottom: 50px; } .sign-in-container .app-logo-wrapper img { max-height: 62px; max-width: 261px; padding-top: 10px; padding-left: 45px; } .icon-ge:before { font-family: "ge-icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; font-size: 24px; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; } .icon-ge-x_error:before { content: "\E00F"; }