/*
*
* 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";
}