@import url(font-awesome.min.css);

body {background:#fff; color:#333; font:13px 'Helvetica Neue',Helvetica,Arial,sans-serif; margin:0; width:100%; line-height:1.4;}
img {border:none;}
a {color:#1a6bb2; cursor:pointer; text-decoration:none;}
a:hover,a:focus {text-decoration:underline;}
#info-window {width:90%; max-width:480px; margin:100px auto 0;}
#info-window * {-moz-box-sizing:border-box; box-sizing:border-box;}
#info-window div.top-bar {position:absolute; top:0; left:0; width:100%; background-color:#333; height:40px;}
#info-window div.top-bar a {float:left; margin:10px 0 0 10px; color:#fff; font:110%/1em 'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration:none;}
#info-window h1 {border-bottom:1px solid #1a6bb2; color:#333; font-size:26px; margin:0 0 30px; padding:0 0 10px; font-weight:normal; line-height:1.1;}
#info-window .inner-login-box legend {font-size:14px; font-weight:bold; border:0; margin:0 0 5px 0; padding:0; color:#333;}
#info-window h2,
#info-window .inner-login-box.form-horizontal > legend {display:none; font-size:20px; font-weight:normal; margin:0 0 15px 0; padding:0; border:0; color:#333;}
#info-window h3 {font-size:18px; font-weight:normal; margin:0 0 15px 0; padding:0; border:0; color:#333;}
#info-window .error-window h1 {background:none;}
#info-window .error-window h1:before {content:"\f071"; font-family:FontAwesome; padding-right:10px;}
h1.software {background:none; border-bottom:1px solid #1a6bb2; color:#333; font-size:26px; margin:0 0 30px; padding:0 0 10px; font-weight:300;}
h1.software:before {content:"\f0c7"; font-family:FontAwesome; padding-right:10px;}
#info-window h2 {}
#info-window ul {color:#333; list-style-type:disc; margin:0 0 15px 0; padding-left:15px;}
#info-window p {margin:0 0 15px 0; padding:0;}
#info-window fieldset {border:0; padding:0;}
#info-window .login-window {float:left; width:100%;}
#info-window .content {float:left; width:100%; padding:0; text-align:left; border:0; border-radius:0;}
#info-window .inner-login-box {margin:0; width:100%;}
#info-window .login-input,
#info-window .login-button {margin:0 0 15px 0; float:left; clear:left; width:100%; position:relative;}
#info-window .login-input label {color:#333; display:block; font-size:100%; font-weight:bold; text-align:left; padding:0 0 5px 0; width:100%;}
#info-window .login-input input[type="text"],
#info-window .login-input input[type="password"] {display:block; width:100%; text-align:left; height:34px; padding:6px 12px; font-size:100%; line-height:1.428571429; color:#333; vertical-align: middle; background-color:#fff; background-image:none; border:1px solid #bbb; border-radius:2px;}
#info-window .login-input input:hover,
#info-window .login-input input:focus {border-color:#428bca; outline:0; box-shadow:none;}
#info-window .login-input div.col-lg-10 {width:100%; padding:0;}
#info-window .login-input ul {list-style-type:none; margin:0 0 0 20px; padding:0;}
#info-window .login-input .radio input {float:left; margin-left:-20px;}
#info-window .login-input .radio label {font-weight:normal; display:inline;}
#info-window .login-input a {}
#info-window .login-input .toggle-pwd-mask {}
#info-window .login-input .input-group-btn {}
#info-window .login-input .input-group-btn .btn {margin-left:-1px; border-radius:0 2px 2px 0; font-size:90%; height:34px; line-height:34px; padding:0 12px; margin-right:0;}
#info-window .login-button {margin:0 0 15px 0; float:left; clear:left;}
#info-window .remember-me {float:left; clear:left; width:100%; margin:0;}
#info-window .remember-me span {margin:0 0 15px 0; padding:0; float:left; clear:left; width:100%;}
#info-window .remember-me input {float:left; margin:4px 5px 0 0;}
#info-window .remember-me label {float:left; padding:0;}
#info-window a.ellogo {display:block; margin:0 auto; padding-top:15px; width:81px; clear:left;}
#info-window a.ellogo img {}
#info-window div.login-error {color:red; display:block; font-size:110%; margin-bottom:15px;}
#info-window .CaptchaContainer {margin:0 0 15px 0; float:left; clear:left; width:100%;}
#info-window .login-button p {display:inline-block; margin:0; padding:5px 0 0 5px; font-size:100%;}
#info-window .alert-danger {background-color:#F2DEDE; border-color:#EBCCD1; color:#B94A48; border:1px solid rgba(0, 0, 0, 0); border-radius:4px; margin-bottom:10px; padding:10px;}

#info-window .btn, #info-window .btn:link, #info-window .btn:active,
#info-window .btn-primary, #info-window .btn-primary:link, #info-window .btn-primary:active {cursor:pointer; font-size:14px; font-weight:normal; line-height:1.42857; margin:0 10px 0 0; padding:6px 12px; text-align:center; vertical-align:middle; white-space:nowrap; border-radius:2px; width:auto; height:auto; text-shadow: none; background:#317ab9; border:1px solid #317ab9; color:#fff;}
#info-window .btn:hover, #info-window .btn:focus,
#info-window .btn-primary:hover, #info-window .btn-primary:focus {background:#428bca; border-color:#428bca; cursor:pointer; text-decoration:none; color:#fff;}

#info-window .btn-default, #info-window .btn-default:link, #info-window .btn:active {background:#eee; border-color:#bbb; color:#333;}
#info-window .btn-default:hover, #info-window .btn-default:focus {background:#ccc; border-color:#bbb; color:#333;}

div[id$="PanelChangeLogin"] {float:left; clear:left; width:100%; margin-bottom:15px;}
div[id$="PanelChangePassword"] {float:left; clear:left; width:100%;}

#info-window #rules {margin:0 0 15px 140px; font-size:90%;}
#info-window #rules li {margin-left:15px;}

.blue-button input[disabled="disabled"] {background-color:#aaB0EC; border:0; color:#FFF; font-size:110%; font-weight:700; padding:5px 18px;}

/* social login buttons */
#additional-logins {float:left; clear:both; width:100%; margin:30px 0 0 0; padding:0; border-left:0;}
#additional-logins p.or-text {text-align:center; font-size:160%; color:#888; width:50%; margin:0 auto 30px auto; position:relative; text-transform:uppercase;}
#additional-logins p.or-text span {background:#fff; display:inline-block; padding:0 10px;}
#additional-logins p.or-text:after {content:""; border-bottom:1px solid #888; position:absolute; top:50%; right:0; bottom:0; left:0; height:1px; z-index:-1;}
.oauth-social-logins, .saml-login-box {float:left; clear:both; width:100%; margin:0; padding:0;}
.oauth-social-logins a, .saml-login-box a {float:left; width:100%; height:30px; margin-bottom:5px; padding:0 10px 0 40px; color:#fff !important; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; background-color:#333; border-radius:2px; font-size:100%; position:relative; opacity:0.9; line-height:30px; transition:all 0.2s ease-in-out;}
.oauth-social-logins a:hover, .oauth-social-logins a:focus, .saml-login-box a:hover, .saml-login-box a:focus {opacity:1; text-decoration:none !important; border-bottom:0 !important;}
.oauth-social-logins a:before, .saml-login-box a:before {content:"\f090"; border-right:1px solid #fff; font-family:FontAwesome; font-size:16px; height:30px; left:0; padding-top:7px; position:absolute; text-align:center; top:0; width:30px; line-height:1;}
.oauth-social-logins a.social-fb, .oauth-social-logins a.social-facebook {background-color:#3b5998;}
.oauth-social-logins a.social-fb:before, .oauth-social-logins a.social-facebook:before {content:"\f09a";}
.oauth-social-logins a.social-gmail, .oauth-social-logins a.social-google, .oauth-social-logins a.social-google-plus, .oauth-social-logins a.social-gplus {background-color:#444444;}
.oauth-social-logins a.social-gmail:before, .oauth-social-logins a.social-google:before, .oauth-social-logins a.social-google-plus:before, .oauth-social-logins a.social-gplus:before {content:"\f0d5";}
.oauth-social-logins a.social-linkedin {background-color:#0076A8;}
.oauth-social-logins a.social-linkedin:before {content:"\f0e1";}
.oauth-social-logins a.social-openid {background-color:#f78c40;}
.oauth-social-logins a.social-openid:before {content:"\f090";}
.oauth-social-logins a.social-twitter {background-color:#3a92c8;}
.oauth-social-logins a.social-twitter:before {content:"\f099";}
.oauth-social-logins a.social-windows-live, .oauth-social-logins a.social-windows, .oauth-social-logins a.social-live, .oauth-social-logins a.social-microsoft {background-color:#1570a6;}
.oauth-social-logins a.social-windows-live:before, .oauth-social-logins a.social-windows:before, .oauth-social-logins a.social-live:before, .oauth-social-logins a.social-microsoft:before {content:"\f17a";}
.oauth-social-logins a.social-yahoo {background-color:#ad0126;}
.oauth-social-logins a.social-yahoo:before {content:"\f090";}
.oauth-social-logins a.social-weibo {background-color:#EC1E2D;}
.oauth-social-logins a.social-weibo:before {content:"\f18a";}
.saml-login-box a {background-color:#34383C;}
.saml-login-box a:before {content:"\f090";}

@media only screen and (min-width: 480px) and (max-width: 599px) {
  #info-window .main-login {width:100%; padding:15px;}
  #additional-logins {width:100%; padding:15px; clear:both;}
}