@import url(bootstrap-4.min.css);
@import url(font-awesome-5.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; padding:0 15px; box-sizing:border-box;}
#info-window * {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 {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 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;}

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 0; font-size:90%;}
#info-window #rules li {margin-left:15px;}

/* 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; font-weight:600; 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";}