html, body
{
background-color: #f2f2f2 !important;
background-image: none;
}
.loginTitle
{
color: #181e25;
margin-top: 10px;
}
div.client-color, input.client-color
{
background-color: #394756 !important;
}
.btn.client-color,
.btn.client-color:hover,
.btn.client-color:active,
.btn.client-color:visited,
.btn.client-color:focus
{
border-color: #394756 !important;
background-color: #394756 !important;
color: #FFFFFF !important;
}
.loginContent a, .loginContent a:active, .loginContent a:visited, .loginContent a:hover, .loginContent span.link, .loginContent span.link:hover
{
color: #394756 !important;
}
.btn.btn-inverse, .btn.btn-inverse:link, .btn-inverse, .btn.btn-default
{
background-color: white !important;
border-color: transparent !important;
}
.btn.btn-inverse:hover, .btn.btn-inverse:link:hover, .btn-inverse:hover, .btn.btn-default:hover,
.btn.btn-inverse:active, .btn.btn-inverse:link:active, .btn-inverse:active, .btn.btn-default:active
{
background-color: white !important;
border-color: #394756 !important;
}
.btn.client-color:hover, .btn.client-color:focus,
.btn.btn-default:hover, .btn.btn-default:focus,
.btn.btn-inverse:hover, .btn-inverse:hover,
.btn.btn-inverse:focus, .btn-inverse:focus
{
box-shadow: 0 2px 3px 0 rgba(45, 54, 67, 0.8);
}
.loginContent
{
background-color: transparent !important;
border-top-style: solid;
border-top-color: #dae0e7;
border-top-width: 0px;
border-bottom-style: solid;
border-bottom-color: #F2F2F2;
border-bottom-width: 1px;
}
.loginForm
{
background-color: transparent;
}
.form-field-focus, textarea:focus, input[type="text"]:not(.unstyled-input):focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: #2c374a;
}
.betaLoginWrapper,
.registrationWrapper
{
border-color: #F2F2F2;
border-width: 1px;
border-radius: 6px;
}
.supportLinks
{
display: block;
}
.supportLinks,
.supportLinks a,
.supportLinks a:link,
.supportLinks a:visited,
.supportLinks a:hover
{
color: #ffffff !important;
}
.supportLinks a,
.supportLinks a:link,
.supportLinks a:visited,
.supportLinks a:hover
{
text-decoration: underline;
}
#versionInfo
{
clear: both;
width: 100%;
text-align: center;
margin-top: 10px;
}
#versionInfo,
#versionInfo .layoutHome a, #versionInfo .layoutHome span,
#versionInfo .layoutSimple a, #versionInfo .layoutSimple span
{
font-size: 12px;
}
#versionInfo,
#versionInfo .layoutHome a,
#legalLinks a, #legalLinks a:link, #legalLinks a:visited, #legalLinks a:hover,
#versionInfo .layoutHome span
{
color: #636466;
}
/* background stretched image */
.loginContent
{
background-image: url("//s3.amazonaws.com/media.widencdn.net/logos/azamara/25c822b6-66a6-4d5a-bcc8-2d0c74d46003/hero-image/Portovenere_Aerial_JLP_0061%401x.jpg") !important;
background-repeat: no-repeat;
background-attachment: initial;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center;
-ms-background-position: center center;
}
.loginContent.padding-lg
{
padding: 150px 0 15%;
}
.loginContent.padding-sm
{
padding: 10px 0 0;
}
/* shift registration form up on the page */
.loginContent.register
{
padding: 65px 0;
}
/* hide page and new user headers */
.loginHeader,
.loginTitle,
.registerNewUserLabel
{
display: none;
}
/* make support links white and stand out a little */
.supportLinks, .supportLinks a, .supportLinks a:link,
.supportLinks a:visited, .supportLinks a:hover
{
font-size: 13px;
text-shadow: 1px 1px 2px #636466;
}
/* display login image and retina display image */
.contentAreaExtras
{
background-image: url("");
background-repeat: no-repeat;
width: 460px;
height: 119px;
margin: 116px auto auto;
}
/* TODO: Display retina logo if it exists */
/* setup spacing and transparency of login form wrapper */
.betaLoginWrapper
{
box-shadow: none;
padding: 25px 0px 40px 30px; /* fix for spacing when valdiation shows */
width: 390px;
min-height: 238px;
}
/* Right and left padding must leave room for the "x" displayed to the right of an errored form field. Also, a form border width of 9px. */
#change .betaLoginWrapper
{
padding: 25px 15px 40px;
}
.dev-login,
.forgot-password-instructions
{
padding-right: 25px; /* same as left side padding for betaloginwrapper */
}
.dev-login
{
margin-bottom: 0px !important;
margin-top: -4px;
}
/* make text bigger for visibility on transparent bg */
label, .mimicLabel
{
font-size: 14px !important;
margin-bottom: 5px;
}
.overlay label, .overlay-body label
{
font-size: 14px !important;
}
.rememberMeCheckbox label,
.forgotPasswordLink
{
font-size: 13px !important;
}
.forgotPasswordLink
{
clear: both;
margin: 10px 0px 0px !important;
}
.forgotPasswordLink a
{
text-decoration: none;
}
/* login button */
#loginSubmit, input.client-color
{
position: relative;
z-index: 10;
}
#loginSubmit, div.cancel-link, input.client-color,
.bootbox .btn, div.cancel-link span
{
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-khtml-border-radius: 4px !important;
border-radius: 4px !important;
}
div.cancel-link
{
height: 27px !important;
}
div.cancel-link a,
div.cancel-link span
{
padding-top: 8px !important;
font-size: 16px !important;
}
/* register button */
div.registerNewUser.btn.cancel-link
{
background: none !important;
border: 0 none !important;
}
div.btn.registerNewUser a,
div.btn.registerNewUser a:link,
div.btn.regiserNewUser a:visited,
div.btn.registerNewUser a:hover
{
font-size: 16px !important;
color: #394756 !important;
}
div.btn.registerNewUser a:hover
{
text-decoration: underline;
background: none !important;
}
.loginForm
{
background: url() no-repeat;
background-position: 50% 15px;
padding-top: 20px;;
}
/* remove border above support text */
.loginForm div.newLogin,
.loginForm div.supportLinks
{
border-top: none;
}
.loginForm div.newLogin
{
width: inherit;
margin: 0;
padding: 15px 0 3px 206px;
position: absolute;
bottom: 146px;
}
.loginForm div.newLogin.new-login-idp
{
bottom: 101px;
}
#idpLargeLinkAboveLogin
{
width: 363px;
padding: 0 1.5em 20px;
}
#idpLargeLinkAboveLogin a
{
font-size: 16px;
}
#idpLargeLinkAboveLogin .idpCustomBtn
{
border-radius: 4px;
}
.betaLoginWrapper,
.registrationWrapper
{
background: #FFFFFF;
background-color: rgba(255,255,255, 0.85);
background: none\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbffffff', endColorstr='#bbffffff');
}
.login-form-field-wrapper-idp-margin
{
margin-bottom: 32px;
}
.idp-internal-user
{
float: none;
margin-top: 51px;
}
.idp-internal-user #idpLargeLink
{
float: left !important;
}