@charset "UTF-8"; html { min-height: 100%; } body.dialog { background: -webkit-linear-gradient(28deg, #719669 0%,#4e8c41 50%,#58904c 50%,#3e8331 100%); background: -moz-linear-gradient(28deg, #719669 0%,#4e8c41 50%,#58904c 50%,#3e8331 100%); background: linear-gradient(62deg, #719669 0%,#4e8c41 50%,#58904c 50%,#3e8331 100%); background-repeat: no-repeat; color: white; text-align: center; background-color: #3e8331; height: 100%; padding: 60px 2.5%; display: block; } body.dialog #homeLink { position: absolute; bottom: -36px; left: 50%; margin-left: -50px; } body.dialog #homeLink img { width: 110px; opacity: .8; } body.dialog h1 { font-size: 2em; margin-top: .5em; } body.dialog main { display: block; background-color: rgba(255,255,255,.9); margin: 0px auto 30px auto; max-width: 460px; padding: 20px 30px 30px 30px; color: #414540; border: none; border-radius: 3px; box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); position: relative; } body.dialog h2 { font-size: 1.4em; } body.dialog .or { white-space: nowrap; margin: 1em 0; display: table; width: 100%; margin-bottom: 2em; } body.dialog .or:before, body.dialog .or:after { content: ''; display: table-cell; width: 42%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body.dialog .or > span { display: table-cell; width: 16%; font-weight: 300; padding: 0 .5em; position: relative; top: .6em; } body.dialog a { text-decoration: none; } body.dialog a:hover { text-decoration: underline; } body.dialog header.page-header .tabs, body.dialog header.page-header .logininfo { display: none; } body.dialog blockquote { font-weight: 300; margin: 1.75em 0; line-height: 175%; } body.dialog main p { margin: 1em 0; font-weight: 300; text-align: left; } body.dialog main > p:first-child { margin-top: 0; } body.dialog main > h1:first-child { margin-top: .25em; } body.dialog main a { color: #508C44; } body.dialog main .actions:last-child { margin-bottom: 0; } body.dialog main .actions { margin: 1.5em 0 1em 0; } body.dialog main .actions .button, body.dialog main .actions button { width: 100%; margin: .5em 0; } body.dialog form.small .button, body.dialog form.small button { font-size: 1em; } body.dialog main form.small .actions { margin-top: .5em; } body.dialog form.inline { background: none; margin: 0 auto; padding: 0; color: inherit; border: none; border-radius: 0; box-shadow: none; } body.dialog section { background-color: white; background-color: rgba(255,255,255,.85); margin: 1em auto; padding: 20px; color: #666; border: none; border-radius: 3px; line-height: 150%; text-align: left; box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); } body.dialog section button { margin: 1em; } body.dialog ul, body.dialog ol { text-align: left; font-size: .85em; margin: 0; } body.dialog li { margin: 1em 0; } body.dialog .field { text-align: left; margin: .75em 0; position: relative; } body.dialog form > .field:first-child { margin-top: 0; } body.dialog form .invalid { border-color: #B23737; } body.dialog button, body.dialog .button { font-size: 1.2em; line-height: 240%; color: white; } body.dialog main button, body.dialog main .button { color: white; } body.dialog .label, body.dialog label { text-align: left; font-size: .85em; font-weight: 300; margin-bottom: 2px; padding-left: 2px; text-transform: none; position: static; color: #666; } body.dialog label.error { text-transform: none; font-size: .85em; color: #B23737; } body.dialog label.error:before { font-family: 'SSStandard'; content: '⚠ '; line-height: 80%; } /* error msgs */ body.dialog .errors { min-height: 45px; margin: 0 auto 1em auto; padding-left: 4em; text-align: left; position: relative; } body.dialog .errors:before { font-family: 'SSStandard'; content: '⚠'; font-size: 3em; position: absolute; display: block; left: 0; top: -.25em; color: #B23737; } body.dialog .errors p { margin: 0 0 10px 0; font-size: 13px; line-height: 13px; } .errors p.msg { color: #B23737; font-weight: bold; } body.dialog ol, .dialog ul { padding: 0 0 0 1.5em; margin: 1em 0; } body.dialog .loginoptions .button, body.dialog .loginoptions button { margin-bottom: 1em; font-size: .8em; line-height: 38px; padding: 0 .5em; width: 100%; color: white; } body.dialog .loginoptions .facebook { background-color: #4c69ba; background-image: url('/images/icons/sso/fb-icon-12xonx2.png'); background-repeat: no-repeat; background-position: .75em center; background-size: 1.3em;padding-left: 2.5em;padding-right: 1em;min-width: 170px;} body.dialog .loginoptions .clever { background-color: #2D64AB; background-image: url('/images/icons/sso/clever-icon-tuhjw7.png'); background-repeat: no-repeat; background-position: .75em center; background-size: 1.3em;padding-left: 2.5em;padding-right: 1em;min-width: 170px;} body.dialog .loginoptions .classlink {background-color: #2eb4dc;background-image: url('/images/icons/sso/classlink-icon-ay5mtz.png');background-repeat: no-repeat;background-position: .75em center;background-size: 1.6em;padding-left: 2.2em;padding-right: 1em;min-width: 170px;} body.dialog .loginoptions .google { background-color: #4285f4; background-image: url('/images/icons/sso/google-icon-1bbr7vc.png'); background-repeat: no-repeat; background-position: .5em center; background-size: 2.5em; font-weight: normal; padding-left: 2em; } @media only screen and (max-width: 760px) { body.dialog h1 { font-size: 1.75em; } body.dialog h2 { font-size: 1.2em; } } @media only screen and (max-width: 470px) { html .dialog .loginoptions .col { width: 100%; margin:0; } html body.dialog main { padding: 15px 10px; } html body.dialog { padding-top: 8px; } }