login.omnicomgroup.com
Open in
urlscan Pro
35.170.167.171
Public Scan
Submitted URL: http://login.omnicomgroup.com/
Effective URL: https://login.omnicomgroup.com/
Submission: On February 28 via api from US — Scanned from DE
Effective URL: https://login.omnicomgroup.com/
Submission: On February 28 via api from US — Scanned from DE
Form analysis
1 forms found in the DOMPOST ./
<form method="post" action="./" id="ctl01" class="primary-auth-form o-form o-form-edit-mode">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="JiAWtLOzqucglXS9r6pYPjcX2dsM6RvI1BQO4MllTwF4s6cni80IZqngIEQK5eIlrpTY2Kl0hhbTE4bPI11FaLAYyN/qTon2prdyqsLsIeMQ3Fm5NZduk2DNia2+woFoLmSD7HPQWD6suZcOLnc4y5aGfSrnoEDSzxnW+CYRTgB3FrAwZ8n7+ezKdwe/I8uBW/iXtAv8HxjkAggRv7AK0A==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['ctl01'];
if (!theForm) {
theForm = document.ctl01;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/bundles/MsAjaxJs?v=c42ygB2U07n37m_Sfa8ZbLGVu4Rr2gsBo7MvUEnJeZ81" type="text/javascript"></script>
<script src="Scripts/jquery-1.12.1.min.js" type="text/javascript"></script>
<script src="Scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="Scripts/respond.min.js" type="text/javascript"></script>
<script src="/bundles/WebFormsJs?v=AAyiAYwMfvmwjNSBfIMrBAqfU5exDukMVhrRuZ-PDU01" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="dYyE6dreMF3Aqpe1bS/jxniExpWTc51uqvsgSFfjSQVPR8W1CQs96caEJM/pE8eK0KCnDWcboDS75yUcsAEqtBHutGIm/yrzVcirq+mni2zDSNoPsG6Ji+lxgyILLA3a">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ctl11', 'ctl01', [], [], [], 90, 'ctl00');
//]]>
</script>
<div class="container body-content">
<script src="Scripts/jquery.qtip.js"></script>
<script>
$(document).ready(function() {
$('#tooltip').qtip({
content: {
text: 'Enter Your Email Address',
title: 'Email'
},
position: {
my: 'bottom left',
at: 'top right'
},
style: {
classes: 'qtip-new okta-sign-in-tooltip qtip-shadow qtip-fixed qtip-custom'
}
});
});
function validateEmail() {
if ($(".input87").val().length === 0) {
$(".input87").qtip({
content: {
//text: 'Please enter a email address'
}
});
return false;
}
return true;
}
</script>
<style>
#okta-sign-in.main-container {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
color: #777;
}
#okta-sign-in h2,
#okta-sign-in h3 {
font-weight: 600;
color: #5e5e5e;
}
#okta-sign-in .okta-sign-in-header {
color: #5e5e5e;
}
#okta-sign-in .okta-form-subtitle,
#okta-sign-in .okta-form-label {
color: #777;
}
#okta-sign-in .link {
color: #777;
}
#okta-sign-in .link:link,
#okta-sign-in .link:visited,
#okta-sign-in .link:hover,
#okta-sign-in .link:active {
color: #777;
}
#okta-sign-in .inline-link {
color: #0074b3;
}
#okta-sign-in .inline-link:link,
#okta-sign-in .inline-link:visited,
#okta-sign-in .inline-link:hover,
#okta-sign-in .inline-link:active {
color: #0074b3;
}
#okta-sign-in input[type="submit"],
#okta-sign-in input[type="button"] {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
}
#okta-sign-in.main-container {
background-color: #fff;
border-color: #ddd #ddd #d8d8d8;
-moz-box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
#okta-sign-in.main-container {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
#okta-sign-in.main-container {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
#okta-sign-in.main-container {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
#okta-sign-in.main-container {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
#okta-sign-in.main-container {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
#okta-sign-in.main-container {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
#okta-sign-in.main-container .bg-helper {
color: #fff;
}
#okta-sign-in .okta-sign-in-header {
border-bottom-color: #ddd;
}
#okta-sign-in .okta-sign-in-beacon-border {
border-color: #a7a7a7;
}
#okta-sign-in .okta-form-divider {
border-bottom-color: #e8e8e8;
}
#okta-sign-in .factor-icon,
#okta-sign-in .qrcode-image {
border-color: #ccc;
}
#okta-sign-in .mfa-okta-verify-30,
#okta-sign-in .enroll-factor-row .mfa-okta-verify {
background-image: url("../img/icons/mfa/oktaVerify_38x38.361a79c8abcbc2b218857393c8c58838.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-okta-verify-30,
#okta-sign-in .enroll-factor-row .mfa-okta-verify {
background-image: url("../img/icons/mfa/oktaVerify_ico@2x.5af3847607f12897af0bd103ef8afd61.png");
}
}
#okta-sign-in .mfa-okta-verify {
background-image: url("../img/icons/mfa/oktaVerify_70x70.d97886053bf5ec41d3c498f60eee5b0f.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-okta-verify {
background-image: url("../img/icons/mfa/oktaVerify@2x.698a00da2d9ddb703c181a9309ea69d4.png");
}
}
#okta-sign-in .mfa-google-auth-30,
#okta-sign-in .enroll-factor-row .mfa-google-auth {
background-image: url("../img/icons/mfa/googleAuth_38x38.750e8cb4f65b1d8f3a844baa0ac99454.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-google-auth-30,
#okta-sign-in .enroll-factor-row .mfa-google-auth {
background-image: url("../img/icons/mfa/googleAuth_ico@2x.7758b7f36bae534643f54ad1148bb484.png");
}
}
#okta-sign-in .mfa-google-auth {
background-image: url("../img/icons/mfa/googleAuth_70x70.61922dbce81f2eda6b4126777b197577.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-google-auth {
background-image: url("../img/icons/mfa/googleAuth@2x.2a0019440e7aebbf26268f5c0e907870.png");
}
}
#okta-sign-in .mfa-symantec-30,
#okta-sign-in .enroll-factor-row .mfa-symantec {
background-image: url("../img/icons/mfa/symantec_38x38.a2f9e8eecbe5bea6ba73c3a9eb87d65e.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-symantec-30,
#okta-sign-in .enroll-factor-row .mfa-symantec {
background-image: url("../img/icons/mfa/symantec_ico@2x.0a0bc7472711ea6f94bf95aff6782fde.png");
}
}
#okta-sign-in .mfa-symantec {
background-image: url("../img/icons/mfa/symantec_70x70.d1b08926ae67f4a37a238117c3b144db.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-symantec {
background-image: url("../img/icons/mfa/symantec@2x.5af64e1bf8f2e3fe86925637e10ab8c3.png");
}
}
#okta-sign-in .mfa-rsa-30,
#okta-sign-in .enroll-factor-row .mfa-rsa {
background-image: url("../img/icons/mfa/rsa_38x38.44b8b7f07f63b71ca53c6164d07d933d.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-rsa-30,
#okta-sign-in .enroll-factor-row .mfa-rsa {
background-image: url("../img/icons/mfa/rsa_ico@2x.9b1190c9338d1067184ebb61e6294f4a.png");
}
}
#okta-sign-in .mfa-rsa {
background-image: url("../img/icons/mfa/rsa_70x70.e01fbd6241936eeb9cdf15c72cde49e9.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-rsa {
background-image: url("../img/icons/mfa/rsa@2x.ab4ed8f0f5f54c800468156e9c02756d.png");
}
}
#okta-sign-in .mfa-onprem-30,
#okta-sign-in .enroll-factor-row .mfa-onprem {
background-image: url("../img/icons/mfa/onprem_38x38.bbf6c2b92d54ba38cc0af166c8310677.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-onprem-30,
#okta-sign-in .enroll-factor-row .mfa-onprem {
background-image: url("../img/icons/mfa/onprem_ico@2x.5689196f5a992b29b44140c0abe64eb3.png");
}
}
#okta-sign-in .mfa-onprem {
background-image: url("../img/icons/mfa/onprem_70x70.5e05526b84decb735a4c46c552eeb73b.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-onprem {
background-image: url("../img/icons/mfa/onprem@2x.3772b6499d560b33f2fc568c8b7f8712.png");
}
}
#okta-sign-in .mfa-duo-30,
#okta-sign-in .enroll-factor-row .mfa-duo {
background-image: url("../img/icons/mfa/duo_38x38.9944c099fa2327e9e4da2b33c9516593.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-duo-30,
#okta-sign-in .enroll-factor-row .mfa-duo {
background-image: url("../img/icons/mfa/duo_ico@2x.f66edb7ed4dba7c20c81e00026944f7b.png");
}
}
#okta-sign-in .mfa-duo {
background-image: url("../img/icons/mfa/duo_70x70.e2baf65d97a5d6f2c083e14d4717ccf4.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-duo {
background-image: url("../img/icons/mfa/duo@2x.5894712bcc4064bb4686902feed7633d.png");
}
}
#okta-sign-in .mfa-yubikey-30,
#okta-sign-in .enroll-factor-row .mfa-yubikey {
background-image: url("../img/icons/mfa/yubico_38x38.8306b1b970d5827880bf608262395984.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-yubikey-30,
#okta-sign-in .enroll-factor-row .mfa-yubikey {
background-image: url("../img/icons/mfa/yubico_ico@2x.89a03a00a16121182f80e7fec2548f1e.png");
}
}
#okta-sign-in .mfa-yubikey {
background-image: url("../img/icons/mfa/yubico_70x70.7f1bfceac388df5ddb85b4cc34219266.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-yubikey {
background-image: url("../img/icons/mfa/yubico@2x.9eaa61aa1dcd83d343ab523d26282ebe.png");
}
}
#okta-sign-in .mfa-sms-30,
#okta-sign-in .enroll-factor-row .mfa-okta-sms {
background-image: url("../img/icons/mfa/sms_38x38.4661fd6ccaded3a68b1803ac32b26592.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-sms-30,
#okta-sign-in .enroll-factor-row .mfa-okta-sms {
background-image: url("../img/icons/mfa/sms_ico@2x.22ff7b1f3885317f73f81e0e534966aa.png");
}
}
#okta-sign-in .mfa-okta-sms {
background-image: url("../img/icons/mfa/sms_70x70.30e2a05096c1192ff1f96cf11acfdf17.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-okta-sms {
background-image: url("../img/icons/mfa/sms@2x.817c868f2c9b3a2eb00b7d82fdc16d5e.png");
}
}
#okta-sign-in .mfa-call-30,
#okta-sign-in .enroll-factor-row .mfa-okta-call {
background-image: url("../img/icons/mfa/voicecall_38x38.98ee4e6eac4e482dc8b2db9eadafb031.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-call-30,
#okta-sign-in .enroll-factor-row .mfa-okta-call {
background-image: url("../img/icons/mfa/voicecall_ico@2x.6cced0f5506d1c0a2ee3b9388e64753f.png");
}
}
#okta-sign-in .mfa-okta-call {
background-image: url("../img/icons/mfa/voicecall_70x70.b651a1f230ee1aea148c87773d533faf.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-okta-call {
background-image: url("../img/icons/mfa/voicecall@2x.58dd772b2707df0cc986796f249ae80c.png");
}
}
#okta-sign-in .mfa-question-30,
#okta-sign-in .enroll-factor-row .mfa-okta-security-question {
background-image: url("../img/icons/mfa/question_38x38.8453db9ea592a3015add7fb268491a3b.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-question-30,
#okta-sign-in .enroll-factor-row .mfa-okta-security-question {
background-image: url("../img/icons/mfa/question_ico@2x.590b7aaad2bf081c089b428d6f935a01.png");
}
}
#okta-sign-in .mfa-okta-security-question {
background-image: url("../img/icons/mfa/question_70x70.20e797e19a83c6e699d811561b53eb51.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-okta-security-question {
background-image: url("../img/icons/mfa/question@2x.fd5ef0a6f7b10a088706560c130d103e.png");
}
}
#okta-sign-in .mfa-windows-hello-30,
#okta-sign-in .enroll-factor-row .mfa-windows-hello {
background-image: url("../img/icons/mfa/windowsHello_38x38.21687d819ff1deb56ac6c8ea30bff6e5.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-windows-hello-30,
#okta-sign-in .enroll-factor-row .mfa-windows-hello {
background-image: url("../img/icons/mfa/windowsHello_ico@2x.1d4b9d126f31537fbcce742c1941fedf.png");
}
}
#okta-sign-in .mfa-windows-hello {
background-image: url("../img/icons/mfa/windowsHello_70x70.17f797e4b0af646c979faf08931ef909.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-windows-hello {
background-image: url("../img/icons/mfa/windowsHello@2x.964775eb8eb9d6dafa64242dcf7685a8.png");
}
}
#okta-sign-in .mfa-u2f-30,
#okta-sign-in .enroll-factor-row .mfa-u2f {
background-image: url("../img/icons/mfa/u2f_38x38.ddb01326984e01d7fa8c07f20f844f6d.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-u2f-30,
#okta-sign-in .enroll-factor-row .mfa-u2f {
background-image: url("../img/icons/mfa/u2f_ico@2x.2c816ef6fb7dc6a45144119bae854d17.png");
}
}
#okta-sign-in .mfa-u2f {
background-image: url("../img/icons/mfa/u2f_70x70.d5897ef1a6e745da2959495574ff3929.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#okta-sign-in .mfa-u2f {
background-image: url("../img/icons/mfa/u2f@2x.f319c2cfac87ba8f0e47ad4d219cd402.png");
}
}
#okta-sign-in .button {
color: #5e5e5e;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBFBFB', endColorstr='#FFF8F8F8');
background: -o-linear-gradient(top, #fbfbfb 0%, #f8f8f8 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%, #f8f8f8 100%);
background: #fbfbfb;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), #fbfbfb;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #f8f8f8)), #fbfbfb;
background: -moz-linear-gradient(#fbfbfb, #f8f8f8), #fbfbfb;
background: -webkit-linear-gradient(#fbfbfb, #f8f8f8), #fbfbfb;
background: linear-gradient(#fbfbfb, #f8f8f8), #fbfbfb;
border-color: #c3c3c3;
border-bottom-color: #bbb;
-moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}
#okta-sign-in .button:hover,
#okta-sign-in .button:focus,
#okta-sign-in .button:active,
#okta-sign-in .button:focus {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFCFCFC');
background: -o-linear-gradient(top, #fff 0%, #fcfcfc 100%);
background: -ms-linear-gradient(top, #fff 0%, #fcfcfc 100%);
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc));
background-image: -moz-linear-gradient(#ffffff, #fcfcfc);
background-image: -webkit-linear-gradient(#ffffff, #fcfcfc);
background-image: linear-gradient(#ffffff, #fcfcfc);
border-color: #b2b2b2;
border-bottom-color: #aeaeae;
text-decoration: none;
cursor: pointer;
}
#okta-sign-in .button:hover,
#okta-sign-in .button:focus,
#okta-sign-in .button:active,
#okta-sign-in .button:focus {
box-shadow: none;
}
#okta-sign-in .button-dark {
color: #fff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF929292', endColorstr='#FF8A8A8A');
background: -o-linear-gradient(top, #929292 0%, #8a8a8a 100%);
background: -ms-linear-gradient(top, #929292 0%, #8a8a8a 100%);
background: #929292;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhOGE4YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), #929292;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #929292), color-stop(100%, #8a8a8a)), #929292;
background: -moz-linear-gradient(#929292, #8a8a8a), #929292;
background: -webkit-linear-gradient(#929292, #8a8a8a), #929292;
background: linear-gradient(#929292, #8a8a8a), #929292;
border-color: #6c6c6c;
border-bottom-color: #676767;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}
#okta-sign-in .button-dark:hover,
#okta-sign-in .button-dark:focus,
#okta-sign-in .button-dark:active,
#okta-sign-in .button-dark:focus {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF9A9A9A', endColorstr='#FF929292');
background: -o-linear-gradient(top, #9a9a9a 0%, #929292 100%);
background: -ms-linear-gradient(top, #9a9a9a 0%, #929292 100%);
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhOWE5YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #929292));
background-image: -moz-linear-gradient(#9a9a9a, #929292);
background-image: -webkit-linear-gradient(#9a9a9a, #929292);
background-image: linear-gradient(#9a9a9a, #929292);
border-color: #606060;
border-bottom-color: #5e5e5e;
text-decoration: none;
cursor: pointer;
}
#okta-sign-in .button-dark:hover,
#okta-sign-in .button-dark:focus,
#okta-sign-in .button-dark:active,
#okta-sign-in .button-dark:focus {
box-shadow: none;
}
#okta-sign-in .button-primary {
color: #fff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF007DC1', endColorstr='#FF0073B2');
background: -o-linear-gradient(top, #007dc1 0%, #0073b2 100%);
background: -ms-linear-gradient(top, #007dc1 0%, #0073b2 100%);
background: #007dc1;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2RjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzNiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), #007dc1;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007dc1), color-stop(100%, #0073b2)), #007dc1;
background: -moz-linear-gradient(#007dc1, #0073b2), #007dc1;
background: -webkit-linear-gradient(#007dc1, #0073b2), #007dc1;
background: linear-gradient(#007dc1, #0073b2), #007dc1;
border-color: #004b75;
border-bottom-color: #00456a;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}
#okta-sign-in .button-primary:hover,
#okta-sign-in .button-primary:focus,
#okta-sign-in .button-primary:active,
#okta-sign-in .button-primary:focus {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0087D0', endColorstr='#FF007DC1');
background: -o-linear-gradient(top, #0087d0 0%, #007dc1 100%);
background: -ms-linear-gradient(top, #0087d0 0%, #007dc1 100%);
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODdkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2RjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0087d0), color-stop(100%, #007dc1));
background-image: -moz-linear-gradient(#0087d0, #007dc1);
background-image: -webkit-linear-gradient(#0087d0, #007dc1);
background-image: linear-gradient(#0087d0, #007dc1);
border-color: #003d5e;
border-bottom-color: #003a59;
text-decoration: none;
cursor: pointer;
}
#okta-sign-in .button-primary:hover,
#okta-sign-in .button-primary:focus,
#okta-sign-in .button-primary:active,
#okta-sign-in .button-primary:focus {
box-shadow: none;
}
#okta-sign-in .button-success {
color: #fff;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4CBF9C', endColorstr='#FF42B995');
background: -o-linear-gradient(top, #4cbf9c 0%, #42b995 100%);
background: -ms-linear-gradient(top, #4cbf9c 0%, #42b995 100%);
background: #4cbf9c;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYmY5YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyYjk5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), #4cbf9c;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4cbf9c), color-stop(100%, #42b995)), #4cbf9c;
background: -moz-linear-gradient(#4cbf9c, #42b995), #4cbf9c;
background: -webkit-linear-gradient(#4cbf9c, #42b995), #4cbf9c;
background: linear-gradient(#4cbf9c, #42b995), #4cbf9c;
border-color: #328c71;
border-bottom-color: #2f856b;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
}
#okta-sign-in .button-success:hover,
#okta-sign-in .button-success:focus,
#okta-sign-in .button-success:active,
#okta-sign-in .button-success:focus {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF57C3A2', endColorstr='#FF4CBF9C');
background: -o-linear-gradient(top, #57c3a2 0%, #4cbf9c 100%);
background: -ms-linear-gradient(top, #57c3a2 0%, #4cbf9c 100%);
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3YzNhMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjYmY5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #57c3a2), color-stop(100%, #4cbf9c));
background-image: -moz-linear-gradient(#57c3a2, #4cbf9c);
background-image: -webkit-linear-gradient(#57c3a2, #4cbf9c);
background-image: linear-gradient(#57c3a2, #4cbf9c);
border-color: #2c7b63;
border-bottom-color: #2b7861;
text-decoration: none;
cursor: pointer;
}
#okta-sign-in .button-success:hover,
#okta-sign-in .button-success:focus,
#okta-sign-in .button-success:active,
#okta-sign-in .button-success:focus {
box-shadow: none;
}
#okta-sign-in .button.link-button-disabled {
color: #aaa;
}
#okta-sign-in .button.link-button-disabled:hover,
#okta-sign-in .button.link-button-disabled:focus,
#okta-sign-in .button.link-button-disabled:active,
#okta-sign-in .button.link-button-disabled:focus {
cursor: default;
background-image: none;
}
#okta-sign-in .button.button-primary.link-button-disabled {
color: #fff;
background-color: #63b1d7;
border-color: #63b1d7;
background-image: none;
box-shadow: none;
}
#okta-sign-in .button.button-primary.link-button-disabled:hover,
#okta-sign-in .button.button-primary.link-button-disabled:focus,
#okta-sign-in .button.button-primary.link-button-disabled:active,
#okta-sign-in .button.button-primary.link-button-disabled:focus {
cursor: default;
background-image: none;
}
#okta-sign-in .icon-button {
color: #5e5e5e;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
background: -o-linear-gradient(top, #fff 0%, #fff 100%);
background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
background: #fff;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)), #fff;
background: -moz-linear-gradient(#ffffff, #ffffff), #fff;
background: -webkit-linear-gradient(#ffffff, #ffffff), #fff;
background: linear-gradient(#ffffff, #ffffff), #fff;
border-color: #c4c4c4;
border-bottom-color: #bdbdbd;
}
#okta-sign-in .icon-button:hover,
#okta-sign-in .icon-button:focus,
#okta-sign-in .icon-button:active,
#okta-sign-in .icon-button:focus {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
background: -o-linear-gradient(top, #fff 0%, #fff 100%);
background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background-image: -moz-linear-gradient(#ffffff, #ffffff);
background-image: -webkit-linear-gradient(#ffffff, #ffffff);
background-image: linear-gradient(#ffffff, #ffffff);
border-color: #b3b3b3;
border-bottom-color: #afafaf;
text-decoration: none;
cursor: pointer;
}
#okta-sign-in .okta-dropdown-list {
border-color: #888;
}
#okta-sign-in .factors-dropdown-wrap .okta-dropdown-list {
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.2);
}
#okta-sign-in .okta-dropdown-option.dropdown-list-title:hover {
background: transparent;
}
#okta-sign-in .okta-dropdown-option a {
color: #5e5e5e;
}
#okta-sign-in .enroll-required-factor-list .enroll-factor-row-min .enroll-factor-description h3 {
color: #a7a7a7;
}
#okta-sign-in .okta-form-input-field {
background-color: #fff;
border-color: #bbb;
}
#okta-sign-in .okta-form-input-field:hover {
border-color: #888;
}
#okta-sign-in .okta-form-input-field input {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
color: #5e5e5e;
border: 1px solid #bbb;
border-radius: 3px;
width: 100%;
box-sizing: border-box;
}
#okta-sign-in .okta-form-input-field input::-webkit-input-placeholder {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
color: #aaa;
}
#okta-sign-in .okta-form-input-field input::-moz-placeholder {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
color: #aaa;
}
#okta-sign-in .okta-form-input-field input:-ms-input-placeholder {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
color: #aaa;
}
#okta-sign-in .okta-form-input-field input[disabled] {
color: #777;
}
#okta-sign-in .okta-form-input-field input[type="password"] {
font-family: Verdana, sans-serif;
}
#okta-sign-in .okta-form-input-field placeholder {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
color: #aaa;
}
#okta-sign-in .input-icon:before,
#okta-sign-in .input-tooltip:before {
color: #a7a7a7;
}
#okta-sign-in .chzn-single {
background-color: #fff;
border-color: #bbb;
}
#okta-sign-in .chzn-single span {
color: #777;
}
#okta-sign-in .chzn-single:hover {
border-color: #888;
}
#okta-sign-in .chzn-with-drop .chzn-single,
#okta-sign-in .chzn-with-drop .chzn-drop {
background-color: #fff;
border-color: #888;
}
.okta-sign-in-tooltip.qtip-custom {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
}
.okta-sign-in-security-image-tooltip.qtip-custom {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
}
#okta-sign-in .unsupported-message {
padding: 21px 55px 37px 55px;
text-align: center;
}
#okta-sign-in .unsupported-message p {
padding-bottom: 20px;
}
#okta-sign-in .unsupported-message a.button {
display: block;
}
@media only screen and (max-width: 600px) {
.login-bg-image {
background-image: none !important;
background-color: #fff !important;
filter: unset !important;
}
#okta-sign-in.main-container {
border: 0;
box-shadow: none;
}
#okta-sign-in.auth-container {
width: auto;
min-width: auto;
margin-right: 0;
margin-left: 0;
}
#okta-sign-in .auth-content {
width: 316px;
min-width: 300px;
margin: 0px auto;
}
}
.qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
direction: ltr;
box-shadow: none;
padding: 0;
}
.qtip-content {
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word;
}
.qtip-content a,
.qtip-content a:link,
.qtip-content a:visited,
.qtip-content a:active {
color: #f3f3f3;
text-decoration: underline;
}
.qtip-content a:hover {
color: #fff;
}
.qtip-titlebar {
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold;
}
.qtip-titlebar+.qtip-content {
border-top-width: 0 !important;
}
.qtip-close {
position: absolute;
right: -9px;
top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.qtip-titlebar .qtip-close {
right: 4px;
top: 50%;
margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
top: 16px;
}
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
display: block;
text-indent: -1000em;
direction: ltr;
}
.qtip-icon,
.qtip-icon .ui-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.qtip-icon .ui-icon {
width: 18px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma, sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}
.qtip-new.qtip-default {
border-width: 1px;
border-style: solid;
border-color: #F1D031;
background-color: #FFFFA3;
color: #555;
}
.qtip-new.qtip-default .qtip-titlebar {
background-color: #FFEF93;
}
.qtip-new.qtip-default .qtip-icon {
border-color: #CCC;
background: #F1F1F1;
color: #777;
}
.qtip-new.qtip-default .qtip-titlebar .qtip-close {
border-color: #AAA;
color: #111;
}
/*! Light tooltip style */
.qtip-new.qtip-light {
background-color: white;
border-color: #E2E2E2;
color: #454545;
}
.qtip-new.qtip-light .qtip-titlebar {
background-color: #f1f1f1;
}
/*! Custom qtip styles, based on dark theme */
.qtip-new.qtip-custom {
background-color: #4d4d4d;
border-color: #303030;
color: #f3f3f3;
padding: 5px 8px 8px;
}
.qtip-new.qtip-custom.qtip-pos-bl {
border-radius: 4px 4px 4px 0;
}
.qtip-new.qtip-custom.qtip-pos-br {
border-radius: 4px 4px 0 4px;
}
.qtip-new.qtip-custom .qtip-content {
color: #f3f3f3;
}
.qtip-new.qtip-custom .qtip-titlebar {
background-color: #404040;
}
.qtip-new.qtip-custom .qtip-icon {
border-color: #444;
}
.qtip-new.qtip-custom .qtip-titlebar .ui-state-hover {
border-color: #303030;
}
.qtip-new.qtip-custom .qtip-content ul {
list-style: disc;
}
.qtip-new.qtip-custom .qtip-content ul>li {
color: #69882A;
font-size: 20px;
}
.qtip-new.qtip-custom .qtip-content ul>li span {
color: #f3f3f3;
font-size: 12px;
vertical-align: middle;
}
/*! Dark tooltip style */
.qtip-new.qtip-dark {
background-color: #505050;
border-color: #303030;
color: #f3f3f3;
}
.qtip-new.qtip-dark .qtip-titlebar {
background-color: #404040;
}
.qtip-new.qtip-dark .qtip-icon {
border-color: #444;
}
.qtip-new.qtip-dark .qtip-titlebar .ui-state-hover {
border-color: #303030;
}
/*! Cream tooltip style */
.qtip-new.qtip-cream {
background-color: #FBF7AA;
border-color: #F9E98E;
color: #A27D35;
}
.qtip-new.qtip-cream .qtip-titlebar {
background-color: #F0DE7D;
}
.qtip-new.qtip-cream .qtip-close .qtip-icon {
background-position: -82px 0;
}
/*! Red tooltip style */
.qtip-new.qtip-red {
background-color: #F78B83;
border-color: #D95252;
color: #912323;
}
.qtip-new.qtip-red .qtip-titlebar {
background-color: #F06D65;
}
.qtip-new.qtip-red .qtip-close .qtip-icon {
background-position: -102px 0;
}
.qtip-new.qtip-red .qtip-icon {
border-color: #D95252;
}
.qtip-new.qtip-red .qtip-titlebar .ui-state-hover {
border-color: #D95252;
}
/*! Green tooltip style */
.qtip-new.qtip-green {
background-color: #CAED9E;
border-color: #90D93F;
color: #3F6219;
}
.qtip-new.qtip-green .qtip-titlebar {
background-color: #B0DE78;
}
.qtip-green .qtip-close .qtip-icon {
background-position: -42px 0;
}
/*! Blue tooltip style */
.qtip-new.qtip-blue {
background-color: #E5F6FE;
border-color: #ADD9ED;
color: #5E99BD;
}
.qtip-new.qtip-blue .qtip-titlebar {
background-color: #D0E9F5;
}
.qtip-new.qtip-blue .qtip-close .qtip-icon {
background-position: -2px 0;
}
.qtip-shadow {
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.qtip-rounded .qtip-titlebar {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.qtip-youtube {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
color: white;
border-width: 0;
background: #4A4A4A;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, #000));
background-image: -webkit-linear-gradient(top, #4A4A4A 0, #000 100%);
background-image: -moz-linear-gradient(top, #4A4A4A 0, #000 100%);
background-image: -ms-linear-gradient(top, #4A4A4A 0, #000 100%);
background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%);
}
.qtip-youtube .qtip-titlebar {
background-color: #4A4A4A;
background-color: transparent;
}
.qtip-youtube .qtip-content {
padding: .75em;
font: 12px arial, sans-serif;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}
.qtip-youtube .qtip-icon {
border-color: #222;
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
border-color: #303030;
}
.qtip-jtools {
background: #232323;
background: rgba(0, 0, 0, 0.7);
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
background-image: -moz-linear-gradient(top, #717171, #232323);
background-image: -webkit-linear-gradient(top, #717171, #232323);
background-image: -ms-linear-gradient(top, #717171, #232323);
background-image: -o-linear-gradient(top, #717171, #232323);
border: 2px solid #ddd;
border: 2px solid #f1f1f1;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333;
}
.qtip-jtools .qtip-titlebar {
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.qtip-jtools .qtip-content {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
background: transparent;
color: white;
border: 0 dashed transparent;
}
.qtip-jtools .qtip-icon {
border-color: #555;
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
border-color: #333;
}
.qtip-new.qtip-cluetip {
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
background-color: #D9D9C2;
color: #111;
border: 0 dashed transparent;
}
.qtip-cluetip .qtip-titlebar {
background-color: #87876A;
color: white;
border: 0 dashed transparent;
}
.qtip-cluetip .qtip-icon {
border-color: #808064;
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
border-color: #696952;
color: #696952;
}
.qtip-new.qtip-tipsy {
background: black;
background: rgba(0, 0, 0, 0.87);
color: white;
border: 0 solid transparent;
font-size: 11px;
font-weight: bold;
line-height: 16px;
text-shadow: 0 1px black;
}
.qtip-tipsy .qtip-titlebar {
padding: 6px 35px 0 10px;
background-color: transparent;
}
.qtip-tipsy .qtip-content {
padding: 6px 10px;
}
.qtip-tipsy .qtip-icon {
border-color: #222;
text-shadow: none;
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
border-color: #303030;
}
.qtip-new.qtip-tipped {
border: 3px solid #959FA9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #F9F9F9;
color: #454545;
font-weight: normal;
}
.qtip-new.qtip-tipped .qtip-titlebar {
border-bottom-width: 0;
color: white;
background: #3A79B8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}
.qtip-new.qtip-tipped .qtip-icon {
border: 2px solid #285589;
background: #285589;
}
.qtip-new.qtip-tipped .qtip-icon .ui-icon {
background-color: #FBFBFB;
color: #555;
}
.qtip-new.qtip-bootstrap {
font-size: 14px;
line-height: 20px;
color: #5e5e5e;
padding: 1px;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.qtip-new.qtip-bootstrap .qtip-titlebar {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.qtip-new.qtip-bootstrap .qtip-titlebar .qtip-close {
right: 11px;
top: 45%;
border-style: none;
}
.qtip-new.qtip-bootstrap .qtip-content {
padding: 9px 14px;
}
.qtip-new.qtip-bootstrap .qtip-icon {
background: transparent;
}
.qtip-new.qtip-bootstrap .qtip-icon .ui-icon {
width: auto;
height: auto;
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.qtip-new.qtip-bootstrap .qtip-icon .ui-icon:hover {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
filter: none;
-ms-filter: none;
}
.qtip .qtip-tip {
margin: 0 auto;
overflow: hidden;
z-index: 10;
}
x:-o-prefocus,
.qtip .qtip-tip {
visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
position: absolute;
color: #123456;
background: transparent;
border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
top: 0;
left: 0;
}
.qtip .qtip-tip .qtip-vml {
behavior: url(#default#VML);
display: inline-block;
visibility: visible;
}
#qtip-overlay {
position: fixed;
left: -10000em;
top: -10000em;
}
#qtip-overlay.blurs {
cursor: pointer;
}
#qtip-overlay div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.qtipmodal-ie6fix {
position: absolute !important;
}
.dropdown {
background: #fff;
border-radius: 4px;
}
.dropdown .options {
position: relative;
}
.dropdown .option-selected {
display: block;
cursor: pointer;
padding: 5px;
position: relative;
}
.dropdown .option-selected:hover {
cursor: pointer;
}
.dropdown .option-selected span.more-options {
display: block;
position: absolute;
right: 0;
top: 4px;
height: 30px;
width: 30px;
}
.dropdown .option-selected:hover span.more-options {
display: block;
}
.dropdown .options {
display: none;
}
.dropdown .options-wrap {
padding: 0;
list-style: none;
position: absolute;
left: 0;
top: 2px;
z-index: 4;
background: #fff;
border-width: 1px;
border-style: solid;
border-color: #bbb;
width: 417px;
box-shadow: 0 2px 0 rgba(160, 160, 160, 0.2);
}
.dropdown .options li.option {
padding: 5px;
display: block;
border-bottom: 1px solid #eaeaea;
background: #fff;
position: relative;
}
.dropdown .options li.option:last-child {
border-bottom: none;
}
.dropdown .options li.error {
padding: 10px 5px 10px 25px;
background: url("../img/icons/16x16/error-01.fa55d715ffe62d95fb0eded26d323a55.png") 5px 8px no-repeat !important;
background-color: #fff2f2 !important;
}
.dropdown .options li.error:hover {
background-color: #fce5e6 !important;
cursor: pointer;
}
.dropdown .options li.option:hover {
background: #f9f9f9;
cursor: pointer;
}
.dropdown.more-actions .option-selected {
float: none !important;
position: relative;
padding: 0 22px 0 8px !important;
overflow: hidden;
color: #333;
white-space: nowrap;
}
.page-links .dropdown.more-actions .option-selected {
margin: 0 !important;
}
.dropdown.more-actions .option-selected span.icon-dm {
position: absolute;
height: 6px;
width: 9px;
margin: 0;
top: 12px;
right: 6px;
}
.dropdown.more-actions .button-primary.option-selected span.icon-dm {
background: url("../img/ui/indicators/drop-menu-s-white.e2c22b2ab41fb959ab8c32a81ac5a398.png") no-repeat scroll 0 0 transparent;
}
.dropdown.more-actions .options-wrap {
border-style: solid;
width: 200px;
left: -100px;
margin: 0;
}
#add-idp-dropdown.more-actions .options-wrap {
left: 0;
}
#idp-container .btnCol .dropdown.more-actions .options-wrap {
left: -95px;
}
.dropdown.more-actions .options {
position: absolute;
z-index: 5;
}
.dropdown.more-actions .options .option {
padding: 0;
}
.dropdown.more-actions .option a {
color: #5e5e5e;
font-size: 13px;
padding: 10px 5px 10px 30px;
display: block;
line-height: 16px;
}
.dropdown.more-actions .option a:hover {
text-decoration: none;
}
.dropdown.more-actions .option a .icon {
height: 16px;
width: 16px;
position: absolute;
top: 9px;
left: 8px;
}
.dropdown-edit {
background: transparent;
}
.dropdown-edit .option-selected {
width: 300px;
margin: 0;
border-radius: 4px 0 0 4px;
border-right: none;
}
#customize-user-account-dropdown .option-selected.dropdown-disabled,
#customize-user-account-dropdown .option-selected.dropdown-disabled:hover {
background: transparent !important;
box-shadow: none;
cursor: default;
opacity: 0.5;
border-color: #BBBBBB #BBBBBB #B1B1B1;
}
.dropdown-edit .option-selected.dropdown-disabled .dropdown-selected-text {
color: #888;
}
.dropdown-edit .option-selected.dropdown-disabled .icon-dm {
opacity: 0.4;
filter: Alpha(Opacity=40);
}
.dropdown-edit .option-selected.dropdown-disabled span:hover {
cursor: default;
}
.dropdown-edit .option-selected.dropdown-disabled:hover,
.dropdown-edit .option-selected.dropdown-disabled:active {
background: url("../img/ui/button/okta-buttons-sprite-001.36eadf174a4679a1a0f4672544e0e762.png") repeat-x scroll 0 0 #EAEAEA !important;
}
.dropdown.dropdown-edit .options-wrap {
left: 0;
width: 330px;
}
.dropdown.dropdown-edit .option .option-link {
padding: 6px 8px;
}
.dropdown-edit-button {
width: 55px;
margin: 0 !important;
border-radius: 0 4px 4px 0;
border-left-color: #bbb !important;
}
.option-subtitle {
color: #a7a7a7;
font-weight: normal;
}
p.option-subtitle {
margin-top: 3px;
}
#more-actions-dropdown.more-actions .options-wrap {
left: -142px;
}
#people-more-actions-dropdown.more-actions .options-wrap {
left: 10px;
}
#import-people-dropdown.more-actions .options-wrap {
left: -150px;
width: 280px;
}
#add-directory-dropdown.more-actions .options-wrap {
left: 0;
width: 240px;
}
#download-agent-dropdown.more-actions .options-wrap {
left: 0;
}
.chzn-container {
position: relative;
display: block;
vertical-align: middle;
float: left;
zoom: 1;
*display: inline;
}
.chzn-container .chzn-drop {
background: #fff;
border: 1px solid #888;
border-top: 0;
position: absolute;
top: 100%;
left: -9999px;
-webkit-box-shadow: 0 1px 2px rgba(175, 175, 175, 0.15);
-moz-box-shadow: 0 1px 2px rgba(175, 175, 175, 0.15);
box-shadow: 0 1px 2px rgba(175, 175, 175, 0.15);
z-index: 1010;
width: 100%;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box;
}
.chzn-container.chzn-with-drop .chzn-drop {
left: 0;
}
.chzn-container-single .chzn-single {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 28px;
line-height: 28px;
padding: 0 0 0 8px;
text-decoration: none;
}
.chzn-container-single .chzn-single:hover {
border: 1px solid #888;
}
.chzn-container-single .chzn-default {
color: #999;
}
.chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #333333;
text-shadow: 0 1px 0 #ffffff;
}
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 6px;
width: 12px;
height: 12px;
font-size: 1px;
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") -42px 1px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
position: absolute;
right: 0;
top: 3px;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 0px 2px;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
position: relative;
margin: 0;
white-space: nowrap;
z-index: 1010;
}
.chzn-container-single .chzn-search input {
background: #fff url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 100% -20px;
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 100% -20px, -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 100% -20px, -moz-linear-gradient(top, #eee 1%, #fff 15%);
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 100% -20px, -o-linear-gradient(top, #eee 1%, #fff 15%);
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-size: 1em;
width: 100%;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
}
.chzn-container-single .chzn-drop {
margin-top: -1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.chzn-container-single-nosearch .chzn-search {
position: absolute;
left: -9999px;
}
.chzn-container-multi .chzn-choices {
background-color: #fff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -o-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
border: 1px solid #aaa;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
width: 100%;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
box-sizing: border-box;
}
.chzn-container-multi .chzn-choices li {
float: left;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
font-size: 100%;
height: 15px;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
border: 1px solid #aaaaaa;
line-height: 13px;
padding: 3px 20px 3px 5px;
margin: 3px 0 3px 5px;
position: relative;
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
border: 1px solid #cccccc;
padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 12px;
font-size: 1px;
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") -42px 1px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chzn-container .chzn-results {
margin: 3px 0 4px 0;
max-height: 240px;
padding: 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
margin: 0;
padding: 0;
}
.chzn-container .chzn-results li {
display: none;
line-height: 16px;
padding: 7px 8px;
margin: 0;
list-style: none;
border-style: solid;
border-width: 0 0 1px;
border-color: #fff;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
background: #f9f9f9;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .no-results {
background: #fff;
display: list-item;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}
.chzn-container .chzn-results-scroll {
background: white;
margin: 0 4px;
position: absolute;
text-align: center;
width: 321px;
z-index: 1;
}
.chzn-container .chzn-results-scroll span {
display: inline-block;
height: 17px;
text-indent: -5000px;
width: 9px;
}
.chzn-container .chzn-results-scroll-down {
bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -22px -3px;
}
.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #888;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
background: #fff;
-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;
}
.chzn-container-active .chzn-single {
-webkit-box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
-moz-box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
border: 1px solid #888;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
background: transparent;
border-left: none;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -18px 2px;
}
.chzn-container-active .chzn-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;
}
.chzn-container-active .chzn-choices .search-field input {
color: #111 !important;
}
.chzn-disabled {
cursor: default;
opacity: 0.5 !important;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
.chzn-rtl {
text-align: right;
}
.chzn-rtl .chzn-single {
padding: 0 8px 0 0;
overflow: visible;
}
.chzn-rtl .chzn-single span {
margin-left: 26px;
margin-right: 0;
direction: rtl;
}
.chzn-rtl .chzn-single div {
left: 3px;
right: auto;
}
.chzn-rtl .chzn-single abbr {
left: 26px;
right: auto;
}
.chzn-rtl .chzn-choices .search-field input {
direction: rtl;
}
.chzn-rtl .chzn-choices li {
float: right;
}
.chzn-rtl .chzn-choices .search-choice {
padding: 3px 5px 3px 19px;
margin: 3px 5px 3px 0;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
left: 4px;
right: auto;
}
.chzn-rtl .chzn-search {
left: 9999px;
}
.chzn-rtl.chzn-with-drop .chzn-search {
left: 0px;
}
.chzn-rtl .chzn-drop {
left: 9999px;
}
.chzn-rtl.chzn-container-single .chzn-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results .group-option {
padding-left: 0;
padding-right: 15px;
}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
border-right: none;
}
.chzn-rtl .chzn-search input {
background: #fff url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -30px -20px;
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -30px -20px, -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -30px -20px, -moz-linear-gradient(top, #eee 1%, #fff 15%);
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -30px -20px, -o-linear-gradient(top, #eee 1%, #fff 15%);
background: url("../img/ui/forms/chosen-sprite.25b9acb1b504c95c6b95c33986b7317e.png") no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
background-position: -12px 2px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.chzn-rtl .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-container-single .chzn-search input,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span {
background-image: url("../img/ui/forms/chosen-sprite@2x.cb0d09c93b99c5cab6848147fdb3d7e4.png") !important;
background-repeat: no-repeat !important;
background-size: 52px 37px !important;
}
}
html,
,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=hidden] {
display: none !important;
}
input[type=checkbox],
input[type=radio] {
border: 0 !important;
margin: 0;
padding: 0;
}
[class^='-16'],
[class*='-16'] {
vertical-align: top;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[class^='-16']:before,
[class*='-16']:before,
[class^='-16']:after,
[class*='-16']:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: block;
font-family: 'okticon';
font-size: 16px;
font-smoothing: antialiased;
font-style: normal !important;
font-weight: 300 !important;
position: absolute;
speak: none;
text-indent: 0;
white-space: normal;
}
[class^='-13']:before,
[class*='-13']:before,
[class^='-13']:after,
[class*='-13']:after,
[class^='-14']:before,
[class*='-14']:before,
[class^='-14']:after,
[class*='-14']:after {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 14px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
[class^='-24'],
[class*='-24'] {
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[class^='-24']:before,
[class*='-24']:before,
[class^='-24']:after,
[class*='-24']:after {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 24px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
[class^='-48'],
[class*='-48'] {
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[class^='-48']:before,
[class*='-48']:before,
[class^='-48']:after,
[class*='-48']:after {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 48px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
[class^='-32'],
[class*='-32'] {
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[class^='-32']:before,
[class*='-32']:before,
[class^='-32']:after,
[class*='-32']:after {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 32px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.dismiss-icon {
display: block;
position: relative;
white-space: normal;
text-indent: 0;
font-size: 16px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.admin-banner .dismiss-icon:before {
content: '\e04f';
color: #fff;
}
.dismiss-icon:before {
content: '\e04f';
color: #a7a7a7;
}
.dismiss-icon:hover:before {
content: '\e04f';
color: #5e5e5e;
}
#hide-getting-started.dismiss-icon {
float: none;
margin: 0;
position: absolute;
right: 5px;
top: 5px;
}
#hide-getting-started.dismiss-icon:hover {
text-decoration: none;
}
#getting-started-shortcut .dismiss-icon {
content: '\e04f';
color: #b0d244;
}
#getting-started-shortcut .dismiss-icon:hover {
content: '\e04f';
color: #a7a7a7;
}
#hide-getting-started-shortcut {
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-decoration: none;
position: absolute;
right: 15px;
text-align: center;
font-size: 16px;
}
#hide-getting-started-shortcut:before {
content: '\e04f';
color: #b0d244;
}
#hide-getting-started-shortcut:hover:before {
content: '\e04f';
text-decoration: none;
color: #cfeb76;
}
.oktamainlogo:before {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
vertical-align: top;
top: -7px;
font-size: 66px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
content: '\e06e';
color: #fff;
}
.oktaicon:before {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
vertical-align: top;
top: -10px;
font-size: 80px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
content: '\e06c';
color: #007dc1;
}
.oktaicon:after {
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
vertical-align: top;
top: -10px;
font-size: 80px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
content: '\e06d';
color: #000000;
}
.person-add-16:before {
color: #5e5e5e;
content: '\e00d';
}
.person-add-16:after {
color: #007dc1;
content: '\e001';
}
.app-add-16:before {
color: #5e5e5e;
content: '\e043';
}
.app-add-16:after {
color: #007dc1;
content: '\e001';
}
.app-add-16-gray:before {
color: #5e5e5e;
content: '\e043';
}
.app-add-16-gray:after {
color: #5e5e5e;
content: '\e001';
}
.app-refresh-16:before {
color: #5e5e5e;
content: '\e047';
}
.app-refresh-16:after {
color: #007dc1;
content: '\e008';
}
.app-remove-16:before {
color: #5e5e5e;
content: '\e044';
}
.app-remove-16:after {
color: #e34843;
content: '\e009';
}
.person-import-16:before {
color: #5e5e5e;
content: '\e010';
}
.person-import-16:after {
color: #5e5e5e;
content: '\e005';
}
.person-import-16-green:before {
color: #5e5e5e;
content: '\e010';
}
.person-import-16-green:after {
color: #4cbf9c;
content: '\e005';
}
.admin-add-16:before {
color: #5e5e5e;
content: '\e012';
}
.admin-add-16:after {
color: #007dc1;
content: '\e001';
}
.logo-upload-16:before {
content: '\e016';
color: #5e5e5e;
}
.logo-upload-16:after {
content: '\e00b';
color: #007dc1;
}
.person-activate-16:before {
content: '\e00f';
color: #5e5e5e;
}
.person-activate-16:after {
content: '\e000';
color: #007dc1;
}
.person-suspend-16:before {
content: '\e093';
color: #5e5e5e;
}
.person-suspend-16:after {
content: '\e091';
color: #007dc1;
}
.person-unsuspend-16:before {
content: '\e095';
color: #5e5e5e;
}
.person-unsuspend-16:after {
content: '\e092';
color: #007dc1;
}
.app-assign-16:before {
content: '\e046';
color: #5e5e5e;
}
.app-assign-16:after {
content: '\e002';
color: #007dc1;
}
.app-unassign-16:before {
content: '\e045';
color: #5e5e5e;
}
.app-unassign-16:after {
content: '\e00a';
color: #007dc1;
}
.person-deactivate-16:before {
content: '\e00e';
color: #5e5e5e;
}
.person-deactivate-16:after {
content: '\e009';
color: #007dc1;
}
.arrow-left-16:before {
content: '\e02c';
color: #007dc1;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow-left-16-gray:before {
content: '\e02c';
color: #5e5e5e;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow-right-16:before {
content: '\e02c';
color: #007dc1;
}
.arrow-down-16:before {
content: '\e02c';
color: #007dc1;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.arrow-up-16:before {
content: '\e02c';
color: #007dc1;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.form-help-16:before {
content: '\e054';
color: #a7a7a7;
}
.password-reset-16:before {
content: '\e034';
color: #5e5e5e;
}
.password-reset-16:after {
content: '\e035';
color: #007dc1;
}
.support-16:before {
content: '\e015';
color: #5e5e5e;
}
.status-16:before {
content: '\e05b';
color: #5e5e5e;
}
.help-16:before {
content: '\e054';
color: #666;
}
.help-14:before {
content: '\e054';
color: #f1d10d;
font-size: 14px;
}
.help-13:before {
content: '\e054';
color: #a7a7a7;
font-size: 14px;
}
.feedback-16:before {
content: '\e02f';
color: #5e5e5e;
}
.suggest-feature-16:before {
content: '\e062';
color: #5e5e5e;
}
.light-bulb-16:before {
content: '\e062';
color: #fff;
}
.report-bug-16:before {
content: '\e05c';
color: #5e5e5e;
}
.person-16-blue:before {
content: '\e00c';
color: #007dc1;
}
.confirm-16:before {
content: '\e030';
color: #5e5e5e;
}
.confirm-16-small:before {
content: '\e031';
color: #5e5e5e;
}
.confirm-16-small-disabled:before {
content: '\e031';
color: #a7a7a7;
}
.confirm-16-disabled:before {
content: '\e030';
color: #a7a7a7;
}
.confirm-16-blue:before {
content: '\e030';
color: #007dc1;
}
.confirm-16-green:before {
content: '\e030';
color: #4cbf9c;
}
.visibility-16:before {
content: '\e022';
color: #5e5e5e;
}
.person-16-gray:before {
content: '\e00c';
color: #5e5e5e;
}
.cancel-16:before {
content: '\e02b';
color: #5e5e5e;
}
.cancel-16-small:before {
content: '\e02b';
color: #5e5e5e;
}
.cancel-16-disabled:before {
content: '\e02b';
color: #a7a7a7;
}
.cancel-16-small-disabled:before {
content: '\e02b';
color: #a7a7a7;
}
.cancel-16-blue:before {
content: '\e02b';
color: #007dc1;
}
.cancel-16-light-gray:before {
content: '\e02b';
color: #a7a7a7;
}
.cancel-16-small-red:before {
content: '\e02b';
color: #e34843;
}
.checkbox-16:before {
content: '\e032';
color: #5e5e5e;
}
.checkbox-16:before {
content: '\e033';
color: #007dc1;
}
.message-16:before {
content: '\e02f';
color: #5e5e5e;
}
.activate-on-green-16:before {
content: '\e02d';
color: #4cbf9c;
}
.deactivate-16:before {
content: '\e02d';
color: #5e5e5e;
}
.deactivate-off-red-16:before {
content: '\e02d';
color: #e34843;
}
.delete-16:before {
content: '\e04e';
color: #e34843;
}
.delete-16-gray:before {
content: '\e04e';
color: #5e5e5e;
}
.app-16-blue:before {
content: '\e042';
color: #007dc1;
}
.edit-16:before {
content: '\e040';
color: #5e5e5e;
}
.edit-16-disabled:before {
content: '\e040';
color: #a7a7a7;
}
.edit-16-blue:before {
content: '\e040';
color: #007dc1;
}
.edit-16-white:before {
content: '\e040';
color: #fff;
}
.credentials-16:before {
content: '\e03c';
color: #5e5e5e;
}
.launch-16:before {
content: '\e06f';
color: #5e5e5e;
}
.app-16-gray:before {
content: '\e042';
color: #5e5e5e;
}
.prev-16:before {
content: '\e020';
color: #5e5e5e;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.prev-13:before {
content: '\e01f';
color: #5e5e5e;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.next-16:before {
content: '\e020';
color: #5e5e5e;
}
.next-13:before {
content: '\e01f';
color: #5e5e5e;
font-size: 16px;
}
.org-settings-16:before {
content: '\e025';
color: #5e5e5e;
}
.org-settings-16:after {
content: '\e026';
color: #5e5e5e;
}
.settings-white-16:before {
content: '\e025';
color: #fff;
}
.settings-white-16:after {
content: '\e026';
color: #fff;
}
.remove-16:before {
content: '\e052';
color: #5e5e5e;
}
.remove-16-color:before {
content: '\e052';
color: #e34843;
}
.remove-16-disabled:before {
content: '\e052';
color: #a7a7a7;
}
.remove-16-red:before {
content: '\e052';
color: #e34843;
}
.clear-input-16:before {
content: '\e02b';
color: #5e5e5e;
}
.reports-16:before {
content: '\e048';
color: #5e5e5e;
}
.reports-16:after {
content: '\e049';
color: #007dc1;
}
.add-16:before {
content: '\e050';
color: #5e5e5e;
}
.add-16-color:before {
content: '\e050';
color: #4cbf9c;
}
.add-16-disabled:before {
content: '\e050';
color: #a7a7a7;
}
.add-16-white:before {
content: '\e050';
color: #fff;
}
.add-16-thin:before {
content: '\e03a';
color: #007dc1;
}
.expand-l-16-gray:before {
content: '\e056';
color: #5e5e5e;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.expand-r-16-gray:before {
content: '\e056';
color: #5e5e5e;
}
.collapse-16-gray:before {
content: '\e056';
color: #5e5e5e;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon-ios-16:before {
content: '\e088';
color: #5e5e5e;
}
.icon-android-16:before {
content: '\e085';
color: #92bf43;
}
.icon-windows-16:before {
content: '\e08f';
color: #00abef;
}
.icon-osx-16:before {
content: '\e08e';
color: #5e5e5e;
}
.expand-l-gray .icon:before {
content: '\e056';
color: #a7a7a7;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 16px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.expand-r-gray .icon:before {
content: '\e056';
color: #a7a7a7;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 16px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.collapse-gray .icon:before {
content: '\e056';
color: #a7a7a7;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 16px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.collapse-16-up-gray:before {
content: '\e056';
color: #5e5e5e;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.expand-l-16-blue:before {
content: '\e056';
color: #007dc1;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.expand-r-16-blue:before {
content: '\e056';
color: #007dc1;
}
.collapse-16-blue:before {
content: '\e056';
color: #007dc1;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.info-16:before {
content: '\e053';
color: #fff;
}
.info-16-white:before {
content: '\e053';
color: #fff;
}
.info-16-gray:before {
content: '\e053';
color: #5e5e5e;
}
.warning-16:before {
content: '\e058';
color: #fff;
}
.warning-16-yellow:before {
content: '\e058';
color: #f1d10d;
}
.error-16:before {
content: '\e055';
color: #fff;
}
.error-16-small:before {
content: '\e055';
color: #e34843;
}
.error-16-red:before {
content: '\e055';
color: #e34843;
}
.success-16:before {
content: '\e051';
color: #fff;
}
.success-16-green:before {
content: '\e051';
color: #4cbf9c;
}
.directory-add-16:before {
content: '\e027';
color: #5e5e5e;
}
.directory-add-16:after {
content: '\e001';
color: #007dc1;
}
.directory-remove-16:before {
content: '\e029';
color: #5e5e5e;
}
.directory-remove-16:after {
content: '\e009';
color: #007dc1;
}
.directory-16:before {
content: '\e028';
color: #5e5e5e;
}
.directory-16-light-gray:before {
content: '\e028';
color: #a7a7a7;
}
.token-add-16:before {
content: '\e03b';
color: #5e5e5e;
}
.token-add-16:after {
content: '\e001';
color: #007dc1;
}
.user-provisioning-16:before {
content: '\e011';
color: #a7a7a7;
}
.user-provisioning-16:after {
content: '\e007';
color: #a7a7a7;
}
.user-provisioning-16-green:before,
.user-provisioning-16.active:before {
content: '\e011';
color: #5e5e5e;
}
.user-provisioning-16-green:after,
.user-provisioning-16.active:after {
content: '\e007';
color: #4cbf9c;
}
.user-deprovisioning-16:before {
content: '\e013';
color: #5e5e5e;
}
.user-deprovisioning-16:after {
content: '\e003';
color: #007dc1;
}
.import-users-16:before {
content: '\e010';
color: #a7a7a7;
}
.import-users-16:after {
content: '\e005';
color: #a7a7a7;
}
.import-users-16-green:before,
.import-users-16-green.active:before {
content: '\e010';
color: #5e5e5e;
}
.import-users-16-green:after,
.import-users-16-green.active:after {
content: '\e005';
color: #4cbf9c;
}
.password-sync-16:before {
content: '\e034';
color: #a7a7a7;
}
.password-sync-16:after {
content: '\e035';
color: #a7a7a7;
}
.password-sync-16-green:before,
.password-sync-16-green.active:before {
content: '\e034';
color: #5e5e5e;
}
.password-sync-16-green:after,
.password-sync-16-green.active:after {
content: '\e035';
color: #4cbf9c;
}
.user-deactivation-16:before {
content: '\e00f';
color: #a7a7a7;
}
.user-deactivation-16:after {
content: '\e000';
color: #a7a7a7;
}
.user-deactivation-16-green:before,
.user-deactivation-16-green.active:before {
content: '\e00f';
color: #5e5e5e;
}
.user-deactivation-16-green:after,
.user-deactivation-16-green.active:after {
content: '\e000';
color: #4cbf9c;
}
.swa-16:before {
content: '\e03d';
color: #a7a7a7;
}
.swa-16:after {
content: '\e002';
color: #a7a7a7;
}
.swa-16-green:before,
.swa-16-green.active:before {
content: '\e03d';
color: #5e5e5e;
}
.swa-16-green:after,
.swa-16-green.active:after {
content: '\e002';
color: #4cbf9c;
}
.advanced-sso-16:before {
content: '\e017';
color: #a7a7a7;
}
.advanced-sso-16:after {
content: '\e018';
color: #a7a7a7;
}
.advanced-sso-16-green:before,
.advanced-sso-16-green.active:before {
content: '\e017';
color: #4cbf9c;
}
.advanced-sso-16-green:after,
.advanced-sso-16-green.active:after {
content: '\e018';
color: #5e5e5e;
}
.advanced-sso-16-blue:before {
content: '\e017';
color: #007dc1;
}
.advanced-sso-16-blue:after {
content: '\e018';
color: #5e5e5e;
}
.bookmark-16:before {
content: '\e02a';
color: #a7a7a7;
}
.bookmark-16-green:before,
.bookmark-16-green.active:before {
content: '\e02a';
color: #4cbf9c;
}
.run-16:before {
content: '\e04b';
color: #007dc1;
}
.run-16-gray:before {
content: '\e04b';
color: #5e5e5e;
}
.run-16-white:before {
content: '\e04b';
color: #fff;
}
.download-16:before {
content: '\e03f';
color: #007dc1;
}
.group-16:before {
content: '\e019';
color: #5e5e5e;
}
.group-add-16:before {
content: '\e01a';
color: #5e5e5e;
}
.group-add-16:after {
content: '\e001';
color: #007dc1;
}
.group-remove-16:before {
content: '\e01d';
color: #5e5e5e;
}
.group-remove-16:after {
content: '\e00a';
color: #007dc1;
}
.group-member-add-16:before {
content: '\e00d';
color: #5e5e5e;
}
.group-member-add-16:after {
content: '\e001';
color: #007dc1;
}
.group-member-remove-16:before {
content: '\e00e';
color: #5e5e5e;
}
.group-member-remove-16:after {
content: '\e009';
color: #007dc1;
}
.config-16:before {
content: '\e024';
color: #5e5e5e;
}
.group-override-16:before {
content: '\e01e';
color: #5e5e5e;
}
.group-override-16:after {
content: '\e006';
color: #007dc1;
}
.search-add-16:before {
content: '\e050';
color: #a7a7a7;
}
.search-green-add-16:before {
content: '\e050';
color: #4cbf9c;
}
.magnifying-glass-16:before {
content: '\e041';
color: #a7a7a7;
}
.location-16:before {
content: '\e039';
color: #5e5e5e;
}
.time-16:before {
content: '\e057';
color: #5e5e5e;
}
.time-alt-16:before {
content: '\e082';
color: #a7a7a7;
}
.calendar-16:before {
content: '\e083';
color: #a7a7a7;
}
.people-16:before {
content: '\e019';
color: #5e5e5e;
}
.conversation-16:before {
content: '\e023';
color: #5e5e5e;
}
.conversation-16-white:before {
content: '\e023';
color: #fff;
}
.megaphone-16:before {
content: '\e065';
color: #5e5e5e;
}
.active-sync-16:before {
content: '\e01c';
color: #5e5e5e;
}
.active-sync-16:after {
content: '\e007';
color: #4cbf9c;
}
.active-sync-16-reverse:before {
content: '\e01c';
color: #fff;
}
.active-sync-16-reverse:after {
content: '\e007';
color: #4cbf9c;
}
.inactive-sync-16:before {
content: '\e01c';
color: #a7a7a7;
}
.inactive-sync-16:after {
content: '\e007';
color: #a7a7a7;
}
.error-sync-16:before {
content: '\e01c';
color: #5e5e5e;
}
.error-sync-16:after {
content: '\e007';
color: #e34843;
}
.tasks-16-pending:before {
content: '\e032';
color: #5e5e5e;
}
.tasks-16-pending:after {
content: '\e033';
color: #f1d10d;
}
.password-reset-16-red:before {
content: '\e034';
color: #5e5e5e;
}
.password-reset-16-red:after {
content: '\e035';
color: #e34843;
}
.person-activate-16-yellow:before {
content: '\e00f';
color: #5e5e5e;
}
.person-activate-16-yellow:after {
content: '\e000';
color: #f1d10d;
}
.person-import-16-yellow:before {
content: '\e010';
color: #5e5e5e;
}
.person-import-16-yellow:after {
content: '\e005';
color: #f1d10d;
}
.apps-16-red:before {
content: '\e042';
color: #e34843;
}
.code-brackets-16:before {
content: '\e038';
color: #5e5e5e;
}
.refresh-16:before {
content: '\e03e';
color: #5e5e5e;
}
.refresh-16-blue:before {
content: '\e03e';
color: #007dc1;
}
.refresh-16-white:before {
content: '\e03e';
color: #fff;
}
.back-16:before {
content: '\e02c';
color: #fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-16:before {
content: '\e04a';
color: #5e5e5e;
}
.filter-16-reverse:before {
content: '\e04a';
color: #fff;
}
.clone-16:before {
content: '\e036';
color: #5e5e5e;
}
.clone-16:after {
content: '\e037';
color: #007dc1;
}
.duo-push-16:before {
content: '\e051';
color: #5e5e5e;
}
.okta-push-16:before {
content: '\e051';
color: #5e5e5e;
}
.duo-sms-16:before {
content: '\e02e';
color: #5e5e5e;
}
.duo-call-16:before {
content: '\e021';
color: #5e5e5e;
}
.factory-reset-16:before {
content: '\e04c';
color: #5e5e5e;
}
.no-16:before {
content: '\e04d';
color: #5e5e5e;
}
.expression-16:before {
content: '\e068';
color: #007dc1;
}
.omm-enrolling-16:before {
content: '\e05a';
color: #4cbf9c;
}
.remote-lock-16:before {
content: '\e05d';
color: #5e5e5e;
}
.asterisk-16:before {
content: '\e071';
color: #007dc1;
font-size: 12px;
}
.asterisk-16-white:before {
content: '\e071';
color: #fff;
}
.configure-16:before {
content: '\e076';
color: #5e5e5e;
}
.instructions-16:before {
content: '\e064';
color: #fff;
}
.tombstone-16:before {
content: '\e084';
color: #5e5e5e;
}
.send-16:before {
content: '\e094';
color: #5e5e5e;
}
.add:before {
content: '\e050';
color: #4cbf9c;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 16px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.success-icon:before {
content: '\e051';
color: #4cbf9c;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-size: 16px;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.person-add-24:before {
content: '\e00d';
color: #5e5e5e;
}
.person-add-24:after {
content: '\e001';
color: #007dc1;
}
.app-add-24:before {
content: '\e043';
color: #5e5e5e;
}
.app-add-24:after {
content: '\e001';
color: #007dc1;
}
.app-add-24-gray:before {
content: '\e043';
color: #5e5e5e;
}
.app-add-24-gray:after {
content: '\e001';
color: #5e5e5e;
}
.app-refresh-24:before {
content: '\e047';
color: #5e5e5e;
}
.app-refresh-24:after {
content: '\e008';
color: #007dc1;
}
.person-import-24:before {
content: '\e010';
color: #5e5e5e;
}
.person-import-24:after {
content: '\e005';
color: #007dc1;
}
.person-import-24-yellow:before {
content: '\e010';
color: #5e5e5e;
}
.person-import-24-yellow:after {
content: '\e005';
color: #f1d10d;
}
.admin-add-24:before {
content: '\e012';
color: #5e5e5e;
}
.admin-add-24:after {
content: '\e001';
color: #007dc1;
}
.logo-upload-24:before {
content: '\e016';
color: #5e5e5e;
}
.logo-upload-24:after {
content: '\e00b';
color: #007dc1;
}
.person-activate-24:before {
content: '\e00f';
color: #5e5e5e;
}
.person-activate-24:after {
content: '\e000';
color: #007dc1;
}
.person-activate-24-yellow:before {
content: '\e00f';
color: #5e5e5e;
}
.person-activate-24-yellow:after {
content: '\e000';
color: #f1d10d;
}
.person-edit-24:before {
content: '\e066';
color: #5e5e5e;
}
.person-edit-24:after {
content: '\e004';
color: #007dc1;
}
.app-assign-24:before {
content: '\e046';
color: #5e5e5e;
}
.app-assign-24:after {
content: '\e002';
color: #007dc1;
}
.apps-24:before {
content: '\e042';
color: #5e5e5e;
}
.apps-24-green:before {
content: '\e042';
color: #4cbf9c;
}
.apps-24-red:before {
content: '\e042';
color: #e34843;
}
.app-unassign-24:before {
content: '\e045';
color: #5e5e5e;
}
.app-unassign-24:after {
content: '\e00a';
color: #007dc1;
}
.app-unassign-24-yellow:before {
content: '\e045';
color: #5e5e5e;
}
.app-unassign-24-yellow:after {
content: '\e00a';
color: #f1d10d;
}
.person-deactivate-24:before {
content: '\e00e';
color: #5e5e5e;
}
.person-deactivate-24:after {
content: '\e009';
color: #007dc1;
}
.password-reset-24:before {
content: '\e034';
color: #5e5e5e;
}
.password-reset-24:after {
content: '\e035';
color: #007dc1;
}
.password-reset-24-red:before {
content: '\e034';
color: #5e5e5e;
}
.password-reset-24-red:after {
content: '\e035';
color: #e34843;
}
.feedback-24:before {
content: '\e02f';
color: #5e5e5e;
}
.person-24:before {
content: '\e00c';
color: #5e5e5e;
}
.person-24-green:before {
content: '\e00c';
color: #4cbf9c;
}
.person-24-red:before {
content: '\e00c';
color: #e34843;
}
.people-24:before {
content: '\e019';
color: #5e5e5e;
}
.instructions-24:before {
content: '\e064';
color: #fff;
}
.plugin-required-24:before {
content: '\e063';
color: #5e5e5e;
}
.info-24:before {
content: '\e053';
color: #fff;
}
.warning-24:before {
content: '\e058';
color: #fff;
}
.warning-24-yellow:before {
content: '\e058';
color: #f1d10d;
}
.error-24:before {
content: '\e055';
color: #fff;
}
.success-24:before {
content: '\e051';
color: #fff;
}
.directory-add-24:before {
content: '\e027';
color: #5e5e5e;
}
.directory-add-24:after {
content: '\e001';
color: #007dc1;
}
.directory-remove-24:before {
content: '\e029';
color: #5e5e5e;
}
.directory-remove-24:after {
content: '\e009';
color: #007dc1;
}
.directory-24:before {
content: '\e028';
color: #5e5e5e;
}
.directory-24-green:before {
content: '\e028';
color: #4cbf9c;
}
.directory-24-red:before {
content: '\e028';
color: #e34843;
}
.preview-24:before {
content: '\e022';
color: #e34843;
}
.token-add-24:before {
content: '\e03b';
color: #5e5e5e;
}
.token-add-24:after {
content: '\e002';
color: #007dc1;
}
.group-24:before {
content: '\e019';
color: #5e5e5e;
}
.group-add-24:before {
content: '\e01a';
color: #5e5e5e;
}
.group-add-24:after {
content: '\e001';
color: #007dc1;
}
.settings-24:before {
content: '\e025';
color: #5e5e5e;
}
.settings-24:after {
content: '\e026';
color: #5e5e5e;
}
.reports-24:before {
content: '\e048';
color: #5e5e5e;
}
.reports-24:after {
content: '\e049';
color: #007dc1;
}
.security-24:before {
content: '\e05d';
color: #5e5e5e;
}
.dashboard-24:before {
content: '\e05e';
color: #5e5e5e;
}
.dashboard-24:after {
content: '\e05f';
color: #007dc1;
}
.tasks-notepad-24:before {
content: '\e060';
color: #5e5e5e;
}
.tasks-notepad-24:after {
content: '\e061';
color: #007dc1;
}
.profile-sync-24:before {
content: '\e067';
color: #5e5e5e;
}
.profile-sync-24:after {
content: '\e004';
color: #007dc1;
}
.light-bulb-24:before {
content: '\e062';
color: #fff;
}
.warning-important-24:before {
content: '\e058';
color: #fff;
}
.download-24:before {
content: '\e03f';
color: #5e5e5e;
}
.icon-devices-24:before {
content: '\e069';
color: #5e5e5e;
}
.icon-laptop-32:before {
content: '\e08d';
color: #5e5e5e;
}
.icon-iphone-32:before {
content: '\e08c';
color: #5e5e5e;
}
.icon-ipad-32:before {
content: '\e08b';
color: #5e5e5e;
}
.icon-ipod-touch-32:before {
content: '\e08c';
color: #5e5e5e;
}
.icon-unknown-32:before {
content: '\e08c';
color: #5e5e5e;
}
.icon-android-phone-32:before {
content: '\e086';
color: #5e5e5e;
}
.icon-android-tab-32:before {
content: '\e087';
color: #5e5e5e;
}
.teach-48:before {
content: '\e074';
color: #fff;
}
#universal-directory-profiles .data-list-empty-img {
background-image: none;
top: 0;
left: 0;
position: relative;
margin-left: 0;
}
#universal-directory-profiles .data-list-empty-img:before {
content: '\e067';
color: #a7a7a7;
font-size: 100px;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
margin-left: 345px;
top: -95px;
}
#universal-directory-profiles .data-list-empty-img:after {
content: '\e004';
color: #a7a7a7;
font-size: 100px;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
margin-left: 345px;
top: -98px;
}
[class^='-light']:before,
[class*='-light']:before,
[class^='-light']:after,
[class*='-light']:after {
font-size: 14px;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.green-light:before {
content: '\e072';
color: #4cbf9c;
}
.yellow-light:before {
content: '\e072';
color: #f1d10d;
}
.red-light:before {
content: '\e072';
color: #e34843;
}
.gray-light:before {
content: '\e072';
color: #a7a7a7;
font-size: 14px;
display: block;
position: absolute;
white-space: normal;
text-indent: 0;
font-family: 'okticon';
font-weight: 300 !important;
font-style: normal !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
.legend-light:before {
color: #f9f9f9;
content: '\e072';
}
.legend-light:after {
color: #5e5e5e;
content: '\e073';
}
.link-button.button-error .icon.info-16-gray:before {
color: #fff;
}
.link-button.button-primary .icon.active-sync-16:before {
color: #fff;
}
.link-button.button-primary .icon.active-sync-16:after {
color: #fff;
}
.single-click-edit-controls .icon.cancel-16-small:before {
font-size: 12px;
left: 2px;
}
.search-box .clear-input-16:before {
font-size: 12px;
}
.facebook-square-16:before {
color: #3b5998;
content: '\e077';
}
.facebook-16:before {
color: #3b5998;
content: '\e078';
}
.google-square-16:before {
color: #dd4b39;
content: '\e079';
}
.google-16:before {
color: #dd4b39;
content: '\e07f';
}
.twitter-square-16:before {
color: #5e5e5e;
content: '\e07c';
}
.twitter-16:before {
color: #5e5e5e;
content: '\e07b';
}
.linkedin-square-16:before {
color: #5e5e5e;
content: '\e07e';
}
.linkedin-16:before {
color: #5e5e5e;
content: '\e07d';
}
.openid-16:before {
color: #5e5e5e;
content: '\e07a';
}
.float-r {
float: right !important;
}
.clearfix {
display: block;
}
.clearfix:before,
.clearfix:after {
display: block;
height: 0;
clear: both;
content: '.';
visibility: hidden;
}
.hide {
display: none;
}
.o-form-fieldset:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.o-form-fieldset {
height: auto;
word-wrap: break-word;
display: inline-block;
margin-bottom: 15px;
}
.o-form-fieldset:last-child {
margin-bottom: 0;
}
* html .o-form-fieldset {
height: 1%;
}
.o-form-fieldset {
display: block;
}
.o-form-label,
.o-form-input {
float: left;
}
.o-form-label {
width: 38%;
font-weight: bold;
padding: 7px 10px 7px 0;
line-height: 16px;
color: #5e5e5e;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.o-form-label a.icon-16 {
display: inline;
margin-left: 6px;
top: -1px;
}
.o-form-input {
width: 62%;
}
.o-form-input .o-form-input-group+.o-form-input-group,
.o-form-input .o-form-input-group+.link-button {
margin-top: 15px;
}
.o-form-input .array-inputs-button {
clear: both;
}
.o-form-input .o-form-input-group-controls {
width: 100%;
}
.o-form .input-fix {
height: 30px;
}
.o-form .input-fix input[type="text"],
.o-form .input-fix input[type="textbox"],
.o-form .input-fix input[type="number"],
.o-form .input-fix input[type="password"] {
height: 100%;
width: 100%;
margin: 0;
padding: 6px 8px;
line-height: 16px;
border: none;
background: transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.o-form .input-fix input[type="number"] {
border: none;
}
.o-form .input-fix,
.o-form .textarea-fix {
border-radius: 3px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.o-form .textarea-fix textarea {
height: auto;
width: 100%;
margin: 0;
padding: 6px 8px;
line-height: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 30px;
max-width: 100% !important;
}
.o-form select {
width: 62%;
margin-top: 6px;
}
.o-form-wide select {
width: 100%;
}
.o-form-label-attached .o-form-label {
background-color: #e2e2e2;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border: 1px solid #c8c8c8;
border-right-width: 0;
font-weight: normal;
padding: 6px 10px;
width: auto;
}
.o-form-label-attached .input-fix,
.o-form-label-attached .textarea-fix,
.o-form-label-attached .input[type="text"],
.o-form-label-attached .chzn-single {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.o-form-label-attached .link-button.option-selected {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
}
.data-list-toolbar .o-form-label-attached .o-form-label {
background: transparent;
}
.o-form-input-group {
position: relative;
display: table;
border-collapse: separate;
}
.o-form-input-group .o-form-control,
.o-form-input-group .link-button,
.o-form-input-group .o-form-label-inline {
display: table-cell;
float: none;
border-radius: 0;
white-space: nowrap;
}
.o-form-input-group .o-form-control input[type=number],
.o-form-input-group .link-button input[type=number],
.o-form-input-group .o-form-label-inline input[type=number] {
padding-bottom: 0;
}
.o-form-input-group :first-child {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.o-form-input-group :last-child {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-left-width: 0;
border-right-width: 1px;
}
.o-form-input-group .link-button:first-child,
.o-form-input-group .o-form-label-inline:first-child {
border-right-width: 0;
}
.o-form-input-group .o-form-control:last-child {
border-left-width: 1px;
}
.o-form-input-group .o-form-control+.o-form-control {
margin: 0;
}
.o-form-input-group .link-button {
box-shadow: none;
padding: 0 16px;
}
.o-form-input-group .link-button-icon.icon-only {
padding: 0 8px;
}
.o-form-input-group .link-button-icon span.icon {
top: 5px;
}
.o-form-input-group .o-form-control .chzn-single {
box-shadow: none;
}
.o-form-input-group select:first-child+.o-form-control.chzn-container .chzn-single {
border-bottom-right-radius: 0;
border-right-width: 0;
border-top-right-radius: 0;
}
.o-form-input-group .o-form-control:last-child .chzn-single {
border-bottom-left-radius: 0;
border-left-width: 0;
border-top-left-radius: 0;
}
.o-form-input-group .o-form-control.chzn-container-active.chzn-with-drop:last-child .chzn-single {
border-left-width: 1px;
margin-left: -1px;
}
.o-form-input-group .o-form-control.chzn-container-active.chzn-with-drop:last-child .chzn-drop {
border-left-width: 1px;
border-top-right-radius: 0;
left: -1px;
width: 101%;
}
.o-form-input-group select:first-child+.o-form-control.chzn-container-active.chzn-with-drop .chzn-single {
border-right-width: 1px;
margin-right: -1px;
}
.o-form-input-group select:first-child+.o-form-control.chzn-container-active.chzn-with-drop .chzn-drop {
border-left-width: 1px;
right: -1px;
width: 101%;
}
.o-form-label-inline {
padding: 6px 10px;
color: #999;
background-color: #f2f2f2;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border: 1px solid #c8c8c8;
border-right-width: 0;
font-weight: normal;
}
.o-form-input-group.o-form-input-group-2 .o-form-control {
width: 50%;
}
.o-form-input-group.o-form-input-group-2 .o-form-label-inline {
border-left-width: 0;
}
.o-form-control+.o-form-control {
margin-top: 20px;
}
.o-form-multi-input .o-form-control,
.o-form-multi-input-2 .o-form-control,
.o-form-multi-input-3 .o-form-control,
.o-form-multi-input-4 .o-form-control {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.o-form-multi-input-2 .o-form-control,
.o-form-multi-input-3 .o-form-control,
.o-form-multi-input-4 .o-form-control {
margin-top: 0;
}
.o-form-multi-input-2 .o-form-control,
.o-form-multi-input-2 .o-form-input-group {
width: 49%;
}
.o-form-multi-input-2 .o-form-input-group,
.o-form-multi-input-3 .o-form-input-group,
.o-form-multi-input-4 .o-form-input-group {
float: left;
}
.o-form-multi-input-3 .o-form-control,
.o-form-multi-input-3 .o-form-input-group {
width: 32%;
}
.o-form-multi-input-2 .o-form-control+.o-form-control,
.o-form-multi-input-3 .o-form-control+.o-form-control {
margin-left: 2%;
}
.o-form-multi-input-2 .o-form-input-group,
.o-form-multi-input-3 .o-form-input-group {
margin-top: 0 !important;
}
.o-form-multi-input-2 .o-form-control+.o-form-control,
.o-form-multi-input-3 .o-form-control+.o-form-control,
.o-form-multi-input-2 .chzn-done+.o-form-control,
.o-form-multi-input-3 .chzn-done+.o-form-control {
margin-left: 2%;
}
.o-form-multi-input-group-2 .o-form-control:not(:first-child),
.o-form-multi-input-group-3 .o-form-control:not(:first-child),
.o-form-multi-input-group-2 .o-form-input-group:not(:first-child),
.o-form-multi-input-group-3 .o-form-input-group:not(:first-child) {
margin-left: 2%;
}
.o-form-select {
width: 100%;
display: inline-block;
float: left;
}
.o-form-multi-input-2 .o-form-select .chzn-container,
.o-form-multi-input-3 .o-form-select .chzn-container {
width: 100% !important;
}
.o-form-multi-input-2 .chzn-container {
width: 49% !important;
}
.o-form-multi-input-3 .chzn-container {
width: 32% !important;
}
.o-form-wide .chzn-container {
width: 100% !important;
}
.text-select .input-fix {
width: 84%;
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.chzn-container-single.text-select .chzn-single {
width: 16%;
height: 30px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-color: #bbb #bbb #b1b1b1 #bbb;
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.text-select.chzn-with-drop input[type=text] {
border-color: #888;
border-bottom-left-radius: 0;
box-shadow: 0 -1px 0 0 #aaa inset;
}
.custom-checkbox,
.custom-radio {
position: relative;
clear: both;
}
.custom-checkbox input,
.custom-radio input {
opacity: 0;
filter: Alpha(Opacity=0);
position: absolute;
left: 0;
top: 7px;
margin: 0;
}
.custom-checkbox label,
.custom-radio label {
display: block;
position: relative;
line-height: 16px;
margin: 0;
padding: 7px 10px 7px 24px;
cursor: pointer;
}
.custom-checkbox label {
background: url("../img/ui/forms/checkbox-01.7e72002067c9047c205fdb3521176196.png") no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.custom-checkbox label {
background: url("../img/ui/forms/checkbox-01@2x.d5554fe41aed23e1e49f249f2f6bcfaa.png") no-repeat;
background-size: 50px 1055px;
}
}
.custom-radio label {
background: url("../img/ui/forms/radiobutton-01.c837a09b25ad85d682483da65dd6420e.png") no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.custom-radio label {
background: url("../img/ui/forms/radiobutton-01@2x.dc47af40165cadf418a95b6a06964b2e.png") no-repeat;
background-size: 50px 820px;
}
}
.custom-checkbox+.o-form-explain,
.custom-radio+.o-form-explain,
.custom-checkbox+input+.o-form-explain,
.custom-radio+input+.o-form-explain {
padding-top: 0;
}
.o-form-input kbd {
box-shadow: 0 1px 1px rgba(150, 150, 150, 0.16) inset;
background: #fff;
padding: 10px;
display: block;
border-radius: 3px;
border: 1px solid #cacaca;
}
.o-form-button-bar,
.o-form-toolbar,
.o-form-toolbar.ui-tabs {
background: #f2f2f2;
padding: 16px;
box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
border-width: 1px;
border-style: solid;
border-color: #dadada #dddddd;
margin-top: -1px;
border-radius: 0 0 3px 3px;
text-align: right;
}
.o-form-button-bar .button+.button,
.o-form-toolbar .button+.button,
.o-form-toolbar.ui-tabs .button+.button {
margin-left: 10px;
}
.o-form-button-bar-no-border {
border-width: 1px 0 0;
}
.o-form-toolbar.ui-tabs {
margin: 0;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav {
border-bottom: 0;
border-top: 0;
padding: 0;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li a {
margin: 0;
padding: 0 14px;
border-width: 1px 0 1px 1px;
border-color: #d1d1d1;
border-style: solid;
color: #5e5e5e;
background: #fbfbfb;
display: block;
float: none;
font-size: 12px;
font-weight: normal;
line-height: 28px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li+li {
margin-left: 0;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li:first-child a {
border-radius: 3px 0 0 3px;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li:last-child>a {
border-right-width: 1px;
border-radius: 0 3px 3px 0;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active a {
border-right-width: 1px;
padding-right: 19px;
color: #fff;
border-color: #1b90c5;
background-color: #46b3e9;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active:last-child>a {
border-right-color: #1b90c5;
}
.o-form-toolbar.ui-tabs .o-form-pillbar.ui-tabs-nav li.ui-state-active+li>a {
border-left-width: 0;
padding-left: 21px;
}
.o-form-pillbar.ui-tabs-nav>.ui-corner-top {
background: transparent;
border-top: none;
}
.o-form-pillbar.ui-tabs-nav li+li {
margin-left: 0;
}
.o-form-title-bar {
padding: 0 20px;
line-height: 44px;
font-size: 17px;
font-weight: normal;
background: #f2f2f2;
color: #5e5e5e;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid #ddd;
border-bottom-width: 0;
margin: 0;
position: relative;
}
.o-form-toggle {
position: absolute;
right: 8px;
top: 8px;
}
.o-form-toggle a {
display: block;
font-size: 13px;
height: 26px;
line-height: 26px;
padding: 0;
width: 60px;
}
.data-list .o-form-title-bar {
padding: 0;
margin: 0 0 15px;
color: #5e5e5e;
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
}
.data-list .o-form-toggle {
right: 0;
}
.o-form-head {
color: #46b090;
line-height: 30px;
margin: 0 0 15px;
padding: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 200;
}
.o-form-subhead {
color: #a7a7a7;
font-size: 15px;
font-weight: 200;
line-height: 30px;
margin: 0 0 15px;
padding: 0;
}
.o-form-fieldset+.o-form-head,
.o-form-explain+.o-form-head,
.o-form-separator {
border-top: 1px solid #e3e3e3;
margin-top: 30px;
padding-top: 30px;
}
.o-form-explain+.o-form-fieldset {
margin-top: 20px;
}
.o-form-explain {
color: #a7a7a7;
font-weight: normal;
}
.o-form-explain+.o-form-explain {
margin-top: 0;
}
.o-form-input .o-form-explain {
clear: both;
line-height: 18px;
padding: 8px 0 6px;
}
.o-form-explain.o-form-input-error {
color: #d93934;
padding-left: 18px;
position: relative;
display: none;
}
.o-form-has-errors .o-form-explain.o-form-input-error {
display: block;
}
.o-form-input-error .icon-16 {
left: -2px;
position: absolute !important;
top: 7px;
}
.o-form-tooltip.icon-only {
margin-left: 4px;
vertical-align: top;
}
.o-form-theme {
padding: 30px;
background: #f9f9f9;
box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
border: 1px solid #ddd;
border-bottom-color: #d2d2d2;
border-radius: 4px;
}
.o-form-theme-no-border {
border: none;
border-radius: 0;
}
.o-form-title-bar+.o-form-theme {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.o-form-has-title-bar {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.o-form-has-button-bar {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.simplemodal-wrap .o-form-wrap {
padding: 30px;
}
.simplemodal-wrap .o-form-button-bar,
.simplemodal-container .o-form-button-bar {
border-radius: 0;
margin-top: 0;
border-left-width: 0;
border-right-width: 0;
}
.simplemodal-wrap .o-form-toolbar,
.simplemodal-container .o-form-toolbar {
border-radius: 0;
border-width: 0 1px 1px;
}
.simplemodal-wrap .o-form-content,
.simplemodal-container .o-form-content {
overflow: auto;
}
.simplemodal-wrap .o-form-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.simplemodal-wrap .o-form-content.o-form-theme,
.simplemodal-container .o-form-theme {
border-width: 0 1px 0 1px;
border-color: #ddd;
border-radius: 0;
padding: 30px;
}
.o-form-3-4 .o-form-label {
width: 25%;
}
.o-form-3-4 .o-form-input {
width: 75%;
}
.o-form .o-form-focus {
border: 1px solid #888;
box-shadow: 0 1px 1px #fff;
}
.o-form-read-mode .o-form-input,
.o-form-read-mode.o-form-input {
padding: 7px 10px 7px 0;
line-height: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
.o-form-read-mode .custom-checkbox:first-child,
.o-form-read-mode .custom-radio:first-child,
.o-form-read-mode.custom-checkbox:first-child,
.o-form-read-mode.custom-radio:first-child {
margin-top: -8px;
}
.o-form-edit-mode .o-form-content {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.custom-checkbox label,
.custom-radio label {
background-position: -16px -13px;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
background-position: -16px -113px;
}
.custom-checkbox label.checked,
.custom-radio label.checked {
background-position: -16px -213px;
}
.custom-checkbox label.checked.hover,
.custom-checkbox label.checked.focus {
background-position: -16px -313px;
}
.o-form-label-top .o-form-label,
.o-form-label-top .o-form-input {
width: 100%;
}
.o-form-read-mode .o-form-label-top .o-form-input,
.o-form-label-top .o-form-read-mode.o-form-input {
padding-left: 0;
padding-right: 0;
}
.o-form-read-mode .custom-checkbox label,
.o-form-read-mode.custom-checkbox label {
background-position: -16px -413px !important;
}
.o-form-read-mode .custom-radio label,
.o-form-read-mode.custom-radio label {
background-position: -16px -313px !important;
}
.o-form-read-mode .custom-checkbox label.hover,
.o-form-read-mode .custom-checkbox label.focus,
.o-form-read-mode.custom-checkbox label.hover,
.o-form-read-mode.custom-checkbox label.focus {
background-position: -16px -513px !important;
cursor: text !important;
}
.o-form-read-mode .custom-radio label.hover,
.o-form-read-mode .custom-radio label.focus,
.o-form-read-mode.custom-radio label.hover,
.o-form-read-mode.custom-radio label.focus {
background-position: -16px -413px !important;
cursor: text;
}
.o-form-read-mode .custom-checkbox label.checked,
.o-form-read-mode.custom-checkbox label.checked {
background-position: -16px -613px !important;
}
.o-form-read-mode .custom-radio label.checked,
.o-form-read-mode.custom-radio label.checked {
background-position: -16px -513px !important;
}
.o-form-read-mode .custom-checkbox label.checked.hover,
.o-form-read-mode .custom-checkbox label.checked.focus,
.o-form-read-mode.custom-checkbox label.checked.hover,
.o-form-read-mode.custom-checkbox label.checked.focus {
background-position: -16px -713px;
cursor: text;
}
.o-form-read-mode .group-picker-wrap .as-selections {
border-width: 0;
box-shadow: none;
background: transparent;
}
.two_col_left .o-form-title-bar,
.two_col_right .o-form-title-bar {
font-size: 17px;
padding-left: 20px;
padding-right: 12px;
}
.two_col_left .o-form-read-mode .o-form-content,
.two_col_right .o-form-read-mode .o-form-content {
padding: 30px 31px;
}
.two_col_left .o-form-read-mode .o-form-theme,
.two_col_right .o-form-read-mode .o-form-theme {
background: none;
border-width: 0;
box-shadow: none;
}
.two_col_left .o-form-read-mode .o-form-explain,
.two_col_right .o-form-read-mode .o-form-explain {
background: #f9f9f9;
padding: 15px;
margin: -30px -31px 20px;
border: 1px solid #ddd;
}
.two_col_left .o-form-edit-mode .o-form-explain,
.two_col_right .o-form-edit-mode .o-form-explain {
padding: 15px;
margin: -30px -30px 20px;
border: 0;
border-bottom: 1px solid #ddd;
}
.o-form-disabled,
.o-form-saving .o-form-input>*:not(.o-form-disabled) {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
pointer-events: none;
display: block;
}
.o-form-saving .o-form-content {
overflow: hidden;
}
.o-form-saving .o-form-content * {
cursor: default !important;
}
.o-form-disabled.custom-checkbox label,
.o-form-disabled .custom-checkbox label {
background-position: -16px -13px;
}
.o-form-disabled.custom-radio label,
.o-form-disabled .custom-radio label {
background-position: -16px -13px;
}
.o-form-disabled .custom-checkbox label.checked,
.o-form-disabled.custom-checkbox label.checked,
.o-form-disabled.custom-checkbox label.checked.hover,
.o-form-disabled.custom-radio label.checked,
.o-form-disabled.custom-radio label.checked.hover {
background-position: -16px -213px;
}
.o-form-disabled.custom-radio label.checked,
.o-form-disabled .custom-radio label.checked {
background-position: -16px -713px;
}
.o-form-has-errors.input-fix,
.o-form-has-errors.textarea-fix,
.o-form-has-errors.chzn-container-single .chzn-single,
.o-form-has-errors.link-button {
border-color: #d93934;
}
.o-form-has-errors .o-form-control.o-form-focus,
.o-form-has-errors .link-button:hover {
border-color: #888;
}
.o-form-has-errors .custom-radio label {
background-position: -16px -613px;
}
.o-form-has-errors .custom-checkbox label {
background-position: -16px -813px;
}
.o-form-has-errors .custom-checkbox label.hover,
.o-form-has-errors .custom-checkbox label.focus,
.o-form-has-errors .custom-radio label.hover,
.o-form-has-errors .custom-radio label.focus {
background-position: -16px -113px;
}
.o-form-has-errors .custom-checkbox label.checked {
background-position: -16px -913px;
}
.o-form-has-errors .custom-radio label.checked {
background-position: -16px -713px;
}
.o-form-has-errors .o-form-input-group .o-form-control .chzn-single {
border-color: #bbbbbb #bbbbbb #b1b1b1;
}
.o-form-has-errors .o-form-input-group .chzn-container-active.chzn-with-drop .chzn-single {
border-color: #888;
}
.o-form-has-errors .chzn-container-active .chzn-single {
-webkit-box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
-moz-box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
box-shadow: 0 1px 2px rgba(175, 175, 175, 0.3);
border: 1px solid #888;
}
.o-form-has-errors .infobox-error {
display: block !important;
margin-bottom: 15px;
}
.o-form .infobox-error+form .o-form-focus {
border-color: #888 !important;
}
.data-list-inline-form .o-form-head {
color: #444444;
font-size: 16px;
margin: 0;
}
.data-list-inline-form .o-form-button-bar {
border-width: 1px 0 0;
margin: 5px -30px -20px;
}
.o-form-content>.o-form-explain {
margin-bottom: 20px;
}
.infobox {
word-break: break-word;
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
position: relative;
min-height: 18px;
padding: 12px 18px 12px 48px !important;
}
.infobox:before {
width: 36px;
}
.infobox.infobox-no-icon {
padding-left: 24px !important;
}
.infobox.infobox-no-icon :before {
display: none;
}
.infobox>.icon {
position: absolute;
top: 13px;
left: 9px;
}
.infobox ul {
margin-right: 0;
margin-left: 27px;
}
.infobox+.infobox,
.infobox+h2 {
margin-top: 18px;
}
.infobox .two_col_left {
width: 80%;
}
.infobox .two_col_right {
width: 19%;
margin-left: 1%;
padding-left: 0;
}
.infobox .two_col_right .button-primary {
width: 100% !important;
float: right;
box-sizing: border-box;
}
.infobox[style='display: none;']+.infobox,
.infobox[style='display:none;']+.infobox {
margin-top: 0;
}
.infobox h2,
.infobox h3,
.infobox h2 *,
.infobox h3 * {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
line-height: 18px;
}
.infobox h2 span,
.infobox h3 span {
color: #5e5e5e;
}
.infobox h2+*,
.infobox h3+*,
.infobox p+*,
.infobox ul+*,
.infobox ol+*,
.infobox li+* {
margin-top: 9px;
}
.infobox,
.infobox-md {
border: 1px solid #ddd;
border-radius: 3px;
background-color: #fbfbfb;
}
.infobox:before,
.infobox-md:before,
.infobox-compact:before {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
content: '';
}
.infobox-md {
min-height: 18px;
padding: 24px 24px 24px 70px !important;
}
.infobox-md h2,
.infobox-md h3 {
font-size: 15px;
}
.infobox-md h2 *,
.infobox-md h3 * {
margin: 0;
line-height: 18px;
}
.infobox-md:before {
width: 48px;
}
.infobox-md>.icon {
top: 20px;
left: 11px;
}
.infobox-md+.button-bar.button-bar-attached {
width: auto;
padding-left: 60px;
float: none;
}
.infobox-md+.button-bar.button-bar-attached.button-bar-l-height {
line-height: 32px;
}
.infobox-compact {
min-height: 16px;
padding: 9px 9px 9px 40px !important;
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #ddd;
background-color: #fbfbfb;
}
.infobox-compact p,
.infobox-compact li {
line-height: 16px;
}
.infobox-compact h2+*,
.infobox-compact h3+*,
.infobox-compact p+*,
.infobox-compact ul+*,
.infobox-compact ol+*,
.infobox-compact li+* {
margin-top: 5px;
}
.infobox-compact:before {
width: 30px;
}
.infobox-compact+p {
margin-top: 9px;
}
.infobox-compact>.icon {
top: 9px;
left: 6px;
}
.infobox-xl {
min-height: 18px;
padding: 26px 36px 26px 108px !important;
}
.infobox-xl:before {
width: 84px;
}
.infobox-xl>.icon {
top: 22px;
left: 18px;
}
.infobox-xl p,
.infobox-xl ul {
width: 75%;
margin-top: 20px;
}
.infobox-xl p,
.infobox-xl li {
font-size: 14px;
line-height: 20px;
}
.infobox-xl h2,
.infobox-xl h3 {
font-size: 18px;
}
.infobox-xl h2 *,
.infobox-xl h3 * {
margin: 0;
line-height: 18px;
}
.infobox-teach h2,
.infobox-teach h3 {
color: #835ab1;
font-weight: 200;
}
.infobox-teach.infobox-dismiss .button-teach {
margin-top: 20px;
float: right;
}
.infobox-dismiss {
padding-right: 30px;
}
.infobox-dismiss-link {
display: block;
position: absolute;
top: 10px;
right: 8px;
color: #5e5e5e;
line-height: 14px;
cursor: pointer;
}
.infobox-dismiss-link:hover {
text-decoration: none;
}
.help-wrap .infobox.infobox-dismiss .infobox-dismiss-link {
top: 0;
right: 0;
}
.infobox-dismiss-hide {
display: none !important;
}
.infobox-confirm {
position: absolute !important;
top: 20px;
left: 50%;
width: 240px;
margin-left: -154px;
box-shadow: 0 2px 0 rgba(160, 160, 160, 0.1);
z-index: 10;
}
.infobox-confirm-fixed {
position: fixed !important;
top: 106px;
}
.infobox-confirm-fixed .infobox-dismiss-link {
top: 14px;
right: 14px;
}
.infobox:before {
background-color: #007dc1;
}
.infobox.infobox-subtle.infobox-success:before,
.help-wrap .infobox.infobox-success:before,
.infobox-success:before {
background-color: #4cbf9c;
}
.infobox.infobox-subtle.infobox-warning:before,
.help-wrap .infobox.infobox-warning:before,
.infobox-warning:before {
background-color: #f1d10d;
}
.infobox.infobox-subtle.infobox-error:before,
.help-wrap .infobox.infobox-error:before,
.infobox-error:before {
background-color: #e34843;
}
.infobox.infobox-subtle.infobox-tip:before,
.infobox.infobox-subtle.infobox-teach:before,
.help-wrap .infobox.infobox-tip:before,
.help-wrap .infobox.infobox-teach:before,
.infobox-tip:before,
.infobox-teach:before {
background-color: #835ab1;
}
.infobox-warning .icon.processing-16 {
width: 16px;
height: 16px;
background: url("../img/ui/indicators/ajax-loader-processing-16.995b6ac81af8ed76a8ade6aba2f6d4d1.gif") no-repeat 0 0 transparent;
}
.infobox-warning .icon.processing-24 {
width: 24px;
height: 24px;
background: url("../img/ui/indicators/ajax-loader-processing-24.2564f2a8efed77df6c170335ff3001ef.gif") no-repeat 0 0 transparent;
}
.infobox-error .icon.processing-16 {
width: 16px;
height: 16px;
background: url("../img/icons/16x16/error-01.fa55d715ffe62d95fb0eded26d323a55.png") no-repeat 0 0 transparent;
}
.infobox+.button-bar,
.infobox+.button-bar-small {
border-top: 0;
}
.infobox-no-border+.button-bar,
.infobox-no-border+.button-bar-small {
border-top: 1px solid #dadada;
}
.infobox-no-border {
border: none !important;
}
.infobox-text {
padding: 0;
}
.infobox-header {
font-weight: bold;
}
.infobox-divider {
border-bottom: 1px dotted #ddd;
}
.edit-form .infobox,
.read-only-form .infobox,
.ajax-form-editor .infobox,
.form-content-wrap .infobox,
.o-form .infobox,
.m-form .infobox,
.v-form .infobox {
background-color: #fff;
}
.infobox.infobox-subtle,
.help-wrap .infobox {
padding: 0 0 0 18px !important;
border: 0;
background: transparent;
}
.infobox.infobox-subtle:before,
.help-wrap .infobox:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 6px;
border-radius: 0;
background-color: #007dc1;
content: '';
}
.infobox.infobox-subtle .icon,
.help-wrap .infobox .icon {
display: none;
}
@font-face {
font-family: 'proxima-nova';
src: url("../font/proximanova-reg-webfont.bbf687f16e24b379d790bb79c753c97f.eot");
src: url("../font/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-reg-webfont.d99a7377dabb55772ca9f986b0a04b57.woff2") format("woff2"), url("../font/proximanova-reg-webfont.4bcd85b755307175b40b8e565d4c0bea.woff") format("woff"), url("../font/proximanova-reg-webfont.3f9506f782763bd73b01a87ff6d9a047.ttf") format("truetype"), url("../font/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'proxima-nova';
src: url("../font/proximanova-regit-webfont.afc535fd18877771e66d2c60b997cdbc.eot");
src: url("../font/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-regit-webfont.276f63a293951fee51acf85d3b715930.woff2") format("woff2"), url("../font/proximanova-regit-webfont.c2e63a08475764e32209629dbd1e9cfc.woff") format("woff"), url("../font/proximanova-regit-webfont.62b418581dc7e9a15233d7b1a649e992.ttf") format("truetype"), url("../font/proximanova-regit-webfont.svg#proxima_novaregular_italic") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'proxima-nova';
src: url("../font/proximanova-sbold-webfont.7758ef028cdaa9445d53e46af6c001d5.eot");
src: url("../font/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-sbold-webfont.27429b092c0595aa8803b611bd7508f3.woff2") format("woff2"), url("../font/proximanova-sbold-webfont.52a14e27c692ecc32620aada5ac9b0af.woff") format("woff"), url("../font/proximanova-sbold-webfont.721474dff6d47e71f4394bb5030507a9.ttf") format("truetype"), url("../font/proximanova-sbold-webfont.svg#proxima_nova_ltsemibold") format("svg");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'proxima-nova';
src: url("../font/proximanova-light-webfont.9e014a9b7f58cf6f2fbfe2dfa28f34e2.eot");
src: url("../font/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-light-webfont.3bf194f33d52c87ea38f13e04fd41950.woff2") format("woff2"), url("../font/proximanova-light-webfont.322ffd0cef0cbf426ee2f9b920023271.woff") format("woff"), url("../font/proximanova-light-webfont.713d090fde527d088e57e5de2ad8e278.ttf") format("truetype"), url("../font/proximanova-light-webfont.svg#proxima_nova_ltlight") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'proxima-nova';
src: url("../font/proximanova-lightitalic-webfont.438c52da48ae023332dd0a8c92bb8b2e.eot");
src: url("../font/proximanova-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../font/proximanova-lightitalic-webfont.117ad3cba5f55545494f95eef82c8b18.woff2") format("woff2"), url("../font/proximanova-lightitalic-webfont.bfbd47863ce2ed66eaacc92475b3ced8.woff") format("woff"), url("../font/proximanova-lightitalic-webfont.bc77bfa10ad88695de34ad20dcc8ffef.ttf") format("truetype"), url("../font/proximanova-lightitalic-webfont.svg#proxima_novalight_italic") format("svg");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'anonymous-pro';
src: url("../font/Anonymous_Pro-webfont.b815c84b301c9dbf1a347cee64c1e43d.eot");
src: url("../font/Anonymous_Pro-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Anonymous_Pro-webfont.8b84e16a3073c61e904e282144f296a4.woff2") format("woff2"), url("../font/Anonymous_Pro-webfont.b2ee14d764193006c59763ef3d3fc11e.woff") format("woff"), url("../font/Anonymous_Pro-webfont.44407d56fd266d31c58a56aea435fd5d.ttf") format("truetype"), url("../font/Anonymous_Pro-webfont.svg#anonymous_proregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'kalamlight';
src: url("../font/Kalam-Light-webfont.f9617c292ada8978991b4ffe645d6f09.eot");
src: url("../font/Kalam-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Kalam-Light-webfont.64a26a90141a7b79e4f95e0c3c967c32.woff2") format("woff2"), url("../font/Kalam-Light-webfont.452c58035afe8714c2af06daa2a09907.woff") format("woff"), url("../font/Kalam-Light-webfont.82ac92708f8998dc1113cd24610fb3b9.ttf") format("truetype"), url("../font/Kalam-Light-webfont.svg#kalamlight") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'okticon';
src: url("../font/okticon.f9c012bf876d76e3ca19a03646a6b450.eot");
src: url("../font/okticon.eot?#iefix") format("embedded-opentype"), url("../font/okticon.b07d286fda59f29c9b14971da3a28f7f.woff") format("woff"), url("../font/okticon.dc6e3b1ee45b972dc81e275e6ad93eca.ttf") format("truetype"), url("../font/okticon.svg#okticon") format("svg");
font-weight: normal;
font-style: normal;
}
.wf-loading {
visibility: hidden;
}
.wf-loading .ajax-include-feedback-content {
visibility: hidden !important;
}
.wf-active {
visibility: visible;
}
html {
height: 100%;
}
body {
font-family: "proxima nova", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.4;
background-color: #f9f9f9;
min-width: 100%;
min-height: 100%;
color: #777;
position: relative;
}
a {
color: #777;
}
a:link,
a:visited,
a:active {
text-decoration: none;
color: #777;
}
a:hover,
a:focus {
text-decoration: underline;
color: #777;
}
h1 {
color: #5e5e5e;
}
h2,
h3 {
font-size: 14px;
line-height: 1.5;
font-weight: 600;
}
h3 {
margin-bottom: 2px;
}
.text-align-c {
text-align: center;
}
.login-bg-image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -5;
}
.auth-container {
border-radius: 3px;
border-style: solid;
border-width: 1px;
height: auto;
margin: 100px auto 0;
width: 400px;
min-width: 300px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-device-width: 480px) {
.auth-container {
margin-top: 0;
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.auth-container {
width: 100%;
}
}
@media only screen and (max-height: 750px) {
.auth-container {
margin-top: 0;
}
}
.auth-account {
line-height: 18px;
padding: 6px 0;
}
.auth-content {
padding: 60px 42px 20px;
-moz-transition: padding-top 0.4s;
-webkit-transition: padding-top 0.4s;
transition: padding-top 0.4s;
}
@media only screen and (max-device-width: 480px) {
.auth-content {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 350px) {
.auth-content {
padding-left: 20px;
padding-right: 20px;
}
}
.auth-content .auth-content-inner {
position: relative;
}
.auth-content .help-links li {
margin-top: 15px;
}
.no-beacon .auth-content {
padding-top: 20px;
}
.auth-idp {
background-color: #f9f9f9;
border-radius: 0 0 3px 3px;
padding: 20px 30px;
border-top: 1px solid #ddd;
}
.auth-idp-label {
text-transform: uppercase;
font-size: 14px;
font-weight: 200;
line-height: 30px;
color: #888;
float: left;
margin-right: 155px;
}
.auth-divider {
background-color: #a7a7a7;
height: 1px;
margin-bottom: 25px;
text-align: center;
}
.auth-divider .auth-divider-text {
background-color: #fff;
position: relative;
top: -0.5em;
padding: 0 15px;
}
.animation-container-overflow {
overflow: hidden;
}
.transition-from-right {
position: absolute;
width: 316px;
top: 0;
left: 200px;
opacity: 0;
}
.transition-from-left {
position: absolute;
width: 316px;
top: 0;
left: -200px;
opacity: 0;
}
.o-form-head {
font-size: 15px;
line-height: 1.5;
margin-top: 10px;
text-align: center;
text-transform: none;
}
.o-form-head+.o-form-explain {
margin-bottom: 20px;
text-align: center;
}
.o-form-button-bar {
background: transparent;
border: none;
padding: 0 0 25px;
border-radius: 0;
box-shadow: none;
}
.o-form-button-bar .button {
display: block;
width: 100%;
height: 50px;
}
.o-form-button-bar .button-success {
position: absolute;
text-align: center;
}
.o-form-theme {
background: transparent;
box-shadow: none;
/*padding: 0 0 14px;*/
border-radius: 0;
border: none;
}
.o-form .o-form-fieldset:last-child {
margin-bottom: 15px;
}
.o-form .o-form-fieldset.margin-btm-0 {
margin-bottom: 0;
}
.o-form .o-form-label,
.o-form label,
.o-form input,
.o-form textarea {
font-size: 14px;
}
.o-form .o-form-label {
font-weight: normal;
}
.o-form .o-form-label-inline+.input-fix input[type="text"] {
line-height: 27px;
}
.o-form .input-fix,
.o-form .textarea-fix {
height: 40px;
border: 1px solid #bbb;
display: inline-block;
float: left;
}
.o-form .input-fix input[disabled],
.o-form .input-fix input[readonly],
.o-form .textarea-fix input[disabled],
.o-form .textarea-fix input[readonly] {
background: #f4f4f4;
color: #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0 inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0 inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0 inset;
}
.o-form .input-fix input,
.o-form .textarea-fix input {
padding: 8px;
line-height: 22px;
font-size: 14px;
border: none;
background: none;
box-shadow: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form .input-fix input,
.o-form .textarea-fix input {
font-size: 15px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form .input-fix input,
.o-form .textarea-fix input {
font-size: 15px;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form .input-fix input,
.o-form .textarea-fix input {
font-size: 15px;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
.o-form .input-fix input,
.o-form .textarea-fix input {
font-size: 15px;
}
}
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
.o-form .input-fix input,
.o-form .textarea-fix input {
font-size: 15px;
}
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.o-form .input-fix input,
.o-form .textarea-fix input {
font-size: 15px;
}
}
.o-form .input-fix input::-webkit-input-placeholder,
.o-form .textarea-fix input::-webkit-input-placeholder {
font-size: 14px;
letter-spacing: 0;
}
.o-form .input-fix input::-moz-placeholder,
.o-form .textarea-fix input::-moz-placeholder {
font-size: 14px;
}
.o-form .input-fix input:-ms-input-placeholder,
.o-form .textarea-fix input:-ms-input-placeholder {
font-size: 14px;
line-height: 27px;
}
.o-form .input-fix input:-webkit-autofill,
.o-form .textarea-fix input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset;
border-radius: 3px;
}
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 14px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 15px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 15px;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 15px;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 15px;
}
}
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 15px;
}
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.o-form .input-fix input[type="password"],
.o-form .textarea-fix input[type="password"] {
font-size: 15px;
}
}
.o-form .input-fix .placeholder,
.o-form .textarea-fix .placeholder {
color: #aaa;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form select,
.o-form select:focus,
.o-form .chzn-container-single .chzn-search input {
font-size: 15px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form select,
.o-form select:focus,
.o-form .chzn-container-single .chzn-search input {
font-size: 15px;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.o-form select,
.o-form select:focus,
.o-form .chzn-container-single .chzn-search input {
font-size: 15px;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
.o-form select,
.o-form select:focus,
.o-form .chzn-container-single .chzn-search input {
font-size: 15px;
}
}
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
.o-form select,
.o-form select:focus,
.o-form .chzn-container-single .chzn-search input {
font-size: 15px;
}
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.o-form select,
.o-form select:focus,
.o-form .chzn-container-single .chzn-search input {
font-size: 15px;
}
}
.o-form .custom-checkbox label {
font-size: 13px;
}
.o-form .o-form-input input[name="passCode"],
.o-form .o-form-input input[name="nextPassCode"] {
font-family: "Anonymous Pro", "Andale Mono", "Courier New", "Courier", serif;
font-size: 17px;
letter-spacing: 1px;
}
.o-form .o-form-input .o-form-control {
position: relative;
}
.o-form .o-form-input .input-tooltip,
.o-form .o-form-input .input-icon {
width: 16px;
height: 16px;
position: absolute;
top: 50%;
margin-top: -11px;
}
.o-form .o-form-input .input-tooltip+input,
.o-form .o-form-input .input-icon+input {
padding-right: 30px;
}
.o-form .o-form-input .input-tooltip+input+input,
.o-form .o-form-input .input-icon+input+input {
padding-right: 30px;
}
.o-form .o-form-input .input-icon {
left: 10px;
opacity: 0.25;
}
.o-form .o-form-input .input-icon+input {
padding-left: 30px;
}
.o-form .o-form-input .input-icon+input+input {
padding-left: 30px;
}
.o-form .o-form-input .input-tooltip {
right: 10px;
opacity: 0.5;
}
.o-form .o-form-input .password-toggle .button {
right: 5px;
position: absolute;
top: 50%;
margin-top: -13px;
line-height: 24px;
height: 26px;
padding: 0 5px;
font-size: 11px;
}
.o-form .o-form-input .password-toggle .button-hide {
display: none;
}
.o-form .o-form-input .password-toggle-on .button-show {
display: none;
}
.o-form .o-form-input .password-toggle-on .button-hide {
display: block;
}
.o-form-input-group .o-form-control {
display: table-cell;
float: none;
white-space: nowrap;
}
.form-divider {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 25px;
padding-top: 5px;
clear: both;
}
.chzn-container-single .chzn-single {
border: 1px solid #bbb;
border-radius: 3px;
height: 38px;
line-height: 38px;
}
.chzn-container-single .chzn-single div b {
background-position: 0 6px;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
background-position: -17px 7px;
}
.infobox.icon-16>.icon {
position: absolute;
}
.infobox.icon-16 {
margin-bottom: 15px;
}
.qtip {
font-size: 14px;
}
.qtip-new.qtip-custom .qtip-titlebar {
background-color: transparent;
border: 0;
font-weight: normal;
}
.security-image-qtip.qtip-custom {
font-size: 13px;
line-height: 1.4;
padding: 8px 8px 5px;
}
.security-image-qtip.qtip-custom canvas {
margin-top: 2px;
}
.security-image-qtip.qtip-custom .qtip-icon {
background: transparent url("../img/icons/login/tooltip_close.03de1f1c705b7c21292c763921b47431.png") no-repeat center;
border: none;
color: transparent;
right: 2px;
top: 4px;
text-decoration: none;
}
.security-image-qtip.qtip-custom .qtip-icon:hover {
opacity: 0.5;
}
.mfa-verify-totp-inline .inline-input {
width: 212px;
float: left;
}
@media only screen and (max-device-width: 480px) {
.mfa-verify-totp-inline .inline-input {
width: 180px;
}
}
@media only screen and (max-width: 400px) {
.mfa-verify-totp-inline .inline-input {
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.mfa-verify-totp-inline .inline-totp-verify {
width: 100%;
margin-bottom: 15px;
}
}
.mfa-verify-totp-inline a.button {
float: right;
padding-left: 25px;
padding-right: 25px;
}
.mfa-verify-totp-inline a.link-button {
display: block;
text-align: center;
}
.mfa-verify-sms-call .link-button {
float: left;
}
.mfa-verify-sms-call .auth-passcode .o-form-input {
width: 190px;
float: right;
}
@media only screen and (max-device-width: 480px) {
.mfa-verify-sms-call .auth-passcode .o-form-input {
width: 170px;
}
}
@media only screen and (max-width: 400px) {
.mfa-verify-sms-call .auth-passcode .o-form-input {
width: 100%;
}
}
.duo-form iframe {
height: 400px;
width: 100%;
}
.forgot-password-sms-enabled .sms-hint {
font-size: 13px;
padding-bottom: 10px;
position: relative;
top: -5px;
}
.forgot-password-sms-enabled .o-form-button-bar {
overflow: hidden;
*zoom: 1;
}
.forgot-password-sms-enabled .o-form-button-bar .button {
width: 48%;
float: right;
}
@media only screen and (max-width: 350px) {
.forgot-password-sms-enabled .o-form-button-bar .button {
width: 100%;
float: none;
margin-left: 0;
}
}
.forgot-password-sms-enabled .o-form-button-bar .sms-button {
float: left;
}
@media only screen and (max-width: 350px) {
.forgot-password-sms-enabled .o-form-button-bar .sms-button {
float: none;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 400px) {
.recovery-challenge .enroll-sms-phone-send {
width: 100%;
margin-bottom: 15px;
}
}
.recovery-challenge .o-form-input {
width: 178px;
}
@media only screen and (max-device-width: 480px) {
.recovery-challenge .o-form-input {
width: 150px;
}
}
@media only screen and (max-width: 400px) {
.recovery-challenge .o-form-input {
width: 100%;
}
}
.recovery-challenge .o-form-button-bar {
padding-bottom: 15px;
}
.recovery-challenge a.button {
float: right;
}
.recovery-challenge .send-email-link {
display: inline-block;
font-size: 13px;
padding-bottom: 25px;
text-align: center;
width: 100%;
}
.button,
.button.link-button {
display: inline-block;
height: 40px;
line-height: 36px;
padding: 0 15px;
border: 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.button-wide,
.social-auth-button.link-button,
.button-wide.button-primary,
.button-primary.social-auth-button.link-button {
width: 100%;
height: 50px;
line-height: 48px;
text-align: center;
}
.icon-button {
display: block;
width: 22px;
height: 22px;
text-align: center;
border: 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.icon-button .icon {
display: inline-block;
position: relative;
top: 4px;
opacity: 0.25;
}
.icon-button:hover .icon {
opacity: 0.5;
}
.sms-request-button,
.call-request-button {
text-align: center;
width: 120px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media only screen and (max-width: 400px) {
.sms-request-button,
.call-request-button {
width: 100%;
margin-bottom: 15px;
}
}
.social-auth-button.link-button {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 14px;
line-height: 50px;
margin-top: 15px;
padding-left: 90px;
text-align: left;
}
.social-auth-button.link-button:last-of-type {
margin-bottom: 25px;
}
.social-auth-button.link-button:active,
.social-auth-button.link-button:focus,
.social-auth-button.link-button:hover,
.social-auth-button.link-button:visited {
text-decoration: none;
}
.social-auth-facebook-button {
background: url("../img/icons/login/facebook_logo.8c6e99634f7363070ca801e42433eb60.png") no-repeat 10px, linear-gradient(90deg, #304879 50px, #406094 50px);
background: #406094;
background: url("../img/icons/login/facebook_logo.8c6e99634f7363070ca801e42433eb60.png") no-repeat 10px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzA0ODc5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA2MDk0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #406094;
background: url("../img/icons/login/facebook_logo.8c6e99634f7363070ca801e42433eb60.png") no-repeat 10px, -moz-linear-gradient(0deg, #304879 50px, #406094 50px), #406094;
background: url("../img/icons/login/facebook_logo.8c6e99634f7363070ca801e42433eb60.png") no-repeat 10px, -webkit-linear-gradient(0deg, #304879 50px, #406094 50px), #406094;
background: url("../img/icons/login/facebook_logo.8c6e99634f7363070ca801e42433eb60.png") no-repeat 10px, linear-gradient(90deg, #304879 50px, #406094 50px), #406094;
border: 1px solid #375685;
}
.social-auth-facebook-button:active,
.social-auth-facebook-button:focus,
.social-auth-facebook-button:hover {
background: url("../img/icons/login/facebook_logo.8c6e99634f7363070ca801e42433eb60.png") no-repeat 10px, linear-gradient(90deg, #344f84 50px, #45679f 50px);
}
.social-auth-google-button {
background: url("../img/icons/login/google_logo.8d5fdf436d6d9fa36cd2873975d995cc.png") no-repeat 10px, linear-gradient(90deg, #d43722 50px, #de4937 50px);
background: #de4937;
background: url("../img/icons/login/google_logo.8d5fdf436d6d9fa36cd2873975d995cc.png") no-repeat 10px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDQzNzIyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGU0OTM3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #de4937;
background: url("../img/icons/login/google_logo.8d5fdf436d6d9fa36cd2873975d995cc.png") no-repeat 10px, -moz-linear-gradient(0deg, #d43722 50px, #de4937 50px), #de4937;
background: url("../img/icons/login/google_logo.8d5fdf436d6d9fa36cd2873975d995cc.png") no-repeat 10px, -webkit-linear-gradient(0deg, #d43722 50px, #de4937 50px), #de4937;
background: url("../img/icons/login/google_logo.8d5fdf436d6d9fa36cd2873975d995cc.png") no-repeat 10px, linear-gradient(90deg, #d43722 50px, #de4937 50px), #de4937;
border: 1px solid #b63c33;
}
.social-auth-google-button:active,
.social-auth-google-button:focus,
.social-auth-google-button:hover {
background: url("../img/icons/login/google_logo.8d5fdf436d6d9fa36cd2873975d995cc.png") no-repeat 10px, linear-gradient(90deg, #dd3e29 50px, #e05544 50px);
}
.social-auth-linkedin-button {
background: url("../img/icons/login/linkedin_logo.8537617bfb720aacf6a7f5eee39a3ee1.png") no-repeat 10px, linear-gradient(90deg, #04659a 50px, #0077b5 50px);
background: #0077b5;
background: url("../img/icons/login/linkedin_logo.8537617bfb720aacf6a7f5eee39a3ee1.png") no-repeat 10px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDQ2NTlhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA3N2I1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #0077b5;
background: url("../img/icons/login/linkedin_logo.8537617bfb720aacf6a7f5eee39a3ee1.png") no-repeat 10px, -moz-linear-gradient(0deg, #04659a 50px, #0077b5 50px), #0077b5;
background: url("../img/icons/login/linkedin_logo.8537617bfb720aacf6a7f5eee39a3ee1.png") no-repeat 10px, -webkit-linear-gradient(0deg, #04659a 50px, #0077b5 50px), #0077b5;
background: url("../img/icons/login/linkedin_logo.8537617bfb720aacf6a7f5eee39a3ee1.png") no-repeat 10px, linear-gradient(90deg, #04659a 50px, #0077b5 50px), #0077b5;
border: 1px solid #0f608f;
}
.social-auth-linkedin-button:active,
.social-auth-linkedin-button:focus,
.social-auth-linkedin-button:hover {
background: url("../img/icons/login/linkedin_logo.8537617bfb720aacf6a7f5eee39a3ee1.png") no-repeat 10px, linear-gradient(90deg, #046fa9 50px, #0081c4 50px);
}
.auth-header {
padding: 30px 90px 75px;
position: relative;
border-bottom: 1px solid #ddd;
z-index: 10;
-moz-transition: padding-bottom 0.4s;
-webkit-transition: padding-bottom 0.4s;
transition: padding-bottom 0.4s;
}
.no-beacon .auth-header {
padding-bottom: 30px;
}
.auth-org-logo {
display: block;
margin: 0 auto;
max-width: 200px;
max-height: 40px;
}
.beacon-container {
position: absolute;
bottom: -42px;
right: 0;
left: 0;
margin: auto;
width: 85px;
height: 85px;
transform: scale(0, 0);
}
.beacon-container.beacon-small {
height: 20px;
width: 20px;
bottom: -10px;
}
.beacon-container.beacon-small .beacon-blank {
width: 50px;
left: -20px;
}
.beacon-blank {
background-image: none;
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.radial-progress-bar {
position: absolute;
clip: rect(0, 96px, 96px, 48px);
bottom: -5px;
left: -5px;
right: -5px;
top: -5px;
}
.radial-progress-bar .circle {
z-index: 10;
width: 91px;
height: 91px;
border: 2px solid #a7a7a7;
border-radius: 50%;
position: absolute;
clip: rect(0, 48px, 96px, 0);
transform: rotate(0deg);
transform-origin: center;
}
.auth-beacon {
position: absolute;
border-radius: 50%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-clip: content-box;
color: #fff;
-moz-box-shadow: 0 0 0 15px;
-webkit-box-shadow: 0 0 0 15px;
box-shadow: 0 0 0 15px;
}
.undefined-user {
background-image: url("../img/security/default.04eeeba5b3538c4524d8e6828ba2c405.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.undefined-user {
background-image: url("../img/security/default@2x.ce86307f9d783efd37af35b190bb3642.png");
}
}
.new-user {
background-image: url("../img/security/unknown-device.11e8ebbae8b1016671155b10d6f0a803.png");
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.new-user {
background-image: url("../img/security/unknown-device@2x.2c67cc8b770105c89c9c7ffb0787e814.png");
}
}
.auth-beacon-border {
position: absolute;
border: 2px solid #a7a7a7;
border-radius: 50%;
bottom: -5px;
left: -5px;
right: -5px;
top: -5px;
}
.beacon-loading:after {
content: '';
display: block;
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border-radius: 50%;
border: 2px solid transparent;
border-top-color: #007dc1;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.auth-beacon-factor {
background-size: 100% auto;
cursor: pointer;
}
.factors-dropdown-wrap {
position: absolute;
top: 50%;
right: -32px;
margin-top: -11px;
}
.factors-dropdown-wrap .dropdown.more-actions .bg-helper {
color: #fff;
-moz-box-shadow: 10px 0 0 0;
-webkit-box-shadow: 10px 0 0 0;
box-shadow: 10px 0 0 0;
}
.factors-dropdown-wrap .dropdown.more-actions .link-button {
height: 22px;
padding: 0 !important;
}
.factors-dropdown-wrap .dropdown.more-actions span.icon-dm {
top: 9px;
background: url("../img/ui/indicators/drop-menu-s.96a85ba0b5183039afb435bb6df9e47f.png") no-repeat scroll 0 0 transparent;
}
.factors-dropdown-wrap .dropdown.more-actions .options-wrap {
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
background-clip: padding-box;
overflow: auto;
max-height: 306px;
width: 320px;
left: -212px;
top: 38px;
border-radius: 3px;
}
@media only screen and (max-width: 325px) {
.factors-dropdown-wrap .dropdown.more-actions .options-wrap {
width: 280px;
left: -192px;
}
}
.factors-dropdown-wrap .dropdown.more-actions .options-wrap:after {
display: none;
}
.factors-dropdown-wrap .dropdown.more-actions .option a {
line-height: 30px;
padding-left: 50px;
}
.factors-dropdown-wrap .dropdown.more-actions .option a .icon {
width: 30px;
height: 30px;
}
.factors-dropdown-wrap .dropdown.more-actions .dropdown-list-title {
text-align: center;
}
.factors-dropdown-wrap .dropdown.more-actions .dropdown-list-title:hover {
background: transparent;
}
.factors-dropdown-wrap .dropdown.more-actions .dropdown-list-title a {
padding-left: 5px;
cursor: default;
}
.factors-dropdown-wrap .dropdown.more-actions .suboption.option {
border-bottom: none;
padding-left: 50px;
}
.factors-dropdown-wrap .dropdown.more-actions .suboption.option a {
padding-left: 36px;
}
.factors-dropdown-wrap .dropdown.more-actions .suboption.option+.suboption.option a {
border-top: 1px solid #eaeaea;
}
.factors-dropdown-wrap .dropdown.more-actions .suboption.option+.option:not(.suboption) {
border-top: 1px solid #eaeaea;
}
.mfa-okta-verify-30,
.mfa-google-auth-30,
.mfa-sms-30,
.mfa-call-30,
.mfa-symantec-30,
.mfa-rsa-30,
.mfa-onprem-30,
.mfa-duo-30,
.mfa-yubikey-30,
.mfa-windows-hello-30,
.mfa-u2f-30,
.mfa-question-30 {
height: 30px;
width: 30px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.auth-footer {
font-size: 13px;
}
.auth-footer .goto {
float: right;
}
.auth-footer .dot-separator {
font-weight: bold;
}
.enroll-factor-list {
margin-bottom: 30px;
}
.enroll-factor-list .list-subtitle {
float: right;
}
.enroll-factor-list .list-title {
padding-bottom: 20px;
}
.enroll-required-factor-list .enroll-factor-button {
display: none;
}
.enroll-required-factor-list .enroll-factor-row-min {
margin-bottom: 30px;
}
.enroll-required-factor-list .enroll-factor-row-min .enroll-factor-icon {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
}
.enroll-factor-row {
margin-bottom: 30px;
}
.enroll-factor-row .enroll-factor-description {
overflow: hidden;
}
.enroll-factor-row .enroll-factor-button {
padding-top: 10px;
}
@media only screen and (max-device-width: 480px) {
.enroll-factor-row .enroll-factor-button {
width: 100%;
margin-top: 10px;
}
}
.enroll-factor-row .enroll-factor-button .button {
margin-top: 0;
height: 30px;
line-height: 28px;
padding: 0 10px;
}
@media only screen and (max-device-width: 480px) {
.enroll-factor-row .enroll-factor-button .button {
width: 100%;
text-align: center;
}
}
.enroll-factor-row .enroll-factor-icon-container {
float: left;
margin-right: 20px;
}
.enroll-factor-row .enroll-factor-icon {
width: 38px;
height: 38px;
border: 1px solid #ccc;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 38px 38px;
}
.enroll-factor-row .success-16-green {
float: right;
width: 20px;
height: 20px;
line-height: 24px;
}
.enroll-factor-row .success-16-green:before {
font-size: 20px;
}
.enroll-factor-row-min {
margin-bottom: 10px;
}
.enroll-factor-row-min h3 {
padding-top: 10px;
}
.enroll-factor-row-min p {
display: none;
}
.enroll-yubikey .yubikey-demo {
background: url("../img/icons/mfa/yubikeyDemo.f10c9db1d9eb441f0bdaffce5bb672a1.png") no-repeat center center;
background-size: contain;
width: 100%;
min-height: 102px;
margin-bottom: 20px;
}
.enroll-sms .enroll-sms-phone {
width: 196px;
float: left;
}
@media only screen and (max-device-width: 480px) {
.enroll-sms .enroll-sms-phone {
width: 165px;
}
}
@media only screen and (max-width: 400px) {
.enroll-sms .enroll-sms-phone {
width: 100%;
margin-bottom: 15px;
}
}
.enroll-sms .sms-request-button {
float: right;
width: 111px;
margin-top: 0;
padding: 0;
}
@media only screen and (max-width: 400px) {
.enroll-sms .sms-request-button {
width: 100%;
margin-bottom: 15px;
}
}
.enroll-call .enroll-call-phone {
width: 196px;
float: left;
}
@media only screen and (max-device-width: 480px) {
.enroll-call .enroll-call-phone {
width: 165px;
}
}
@media only screen and (max-width: 400px) {
.enroll-call .enroll-call-phone {
width: 100%;
margin-bottom: 15px;
}
}
.enroll-call .enroll-call-extension {
float: right;
width: 111px;
margin-top: 0;
padding: 0;
}
@media only screen and (max-width: 400px) {
.enroll-call .enroll-call-extension {
width: 100%;
margin-bottom: 15px;
}
}
.enroll-call .call-request-button {
width: 100%;
text-align: center;
}
.enroll-u2f .u2f-instructions ol {
list-style: decimal;
margin-left: 15px;
}
.enroll-u2f .u2f-instructions ol li {
margin-bottom: 15px;
}
.device-type-input .o-form-input>span {
display: table;
width: 100%;
}
.device-type-input .custom-radio {
display: table-cell;
}
.device-type-input label,
.device-type-input label.checked,
.device-type-input label.hover,
.device-type-input label.focus {
height: 60px;
width: 60px;
margin: 0 auto;
padding: 0;
background-position: 50% 50%;
}
.device-type-input [value="APPLE"]+label {
background-image: url("../img/icons/mfa/iOS_60x60.36c4fad2e2929cfed4915137dbac684d.png");
}
.device-type-input [value="ANDROID"]+label {
background-image: url("../img/icons/mfa/android_60x60.11749bf33f7403d2e94e6274318d4dd4.png");
}
.device-type-input [value="WINDOWS"]+label {
background-image: url("../img/icons/mfa/windows_60x60.8b72c380b341bccc5dba9099948cc7ae.png");
}
.device-type-input [value="BLACKBERRY"]+label {
background-image: url("../img/icons/mfa/blackberry_60x60.ebc4700cfd83a4010ba57b1efd74448f.png");
}
.device-type-input [value="APPLE"]+label.checked,
.device-type-input [value="APPLE"]+label.hover {
background-image: url("../img/icons/mfa/iOSActive_60x60.7e55f20d98471fd7dd64c4ba4ceef2a1.png");
}
.device-type-input [value="ANDROID"]+label.checked,
.device-type-input [value="ANDROID"]+label.hover {
background-image: url("../img/icons/mfa/androidActive_60x60.7dc070b7a3dbbc324afeb7a3786f3020.png");
}
.device-type-input [value="WINDOWS"]+label.checked,
.device-type-input [value="WINDOWS"]+label.hover {
background-image: url("../img/icons/mfa/windowsActive_60x60.70fcad8a8d7aa7b91aa6461f2ddfb22c.png");
}
.device-type-input [value="BLACKBERRY"]+label.checked,
.device-type-input [value="BLACKBERRY"]+label.hover {
background-image: url("../img/icons/mfa/blackberryActive_60x60.39f8b4a17614467c407bd614df60bf8a.png");
}
.app-logo {
display: inline-block;
width: 38px;
height: 38px;
background-repeat: no-repeat;
border-radius: 10px;
margin-right: 15px;
float: left;
}
.okta-verify-38 {
background-image: url("../img/icons/mfa/oktaVerify_38x38.361a79c8abcbc2b218857393c8c58838.png");
}
.google-auth-38 {
background-image: url("../img/icons/mfa/googleAuth_38x38.750e8cb4f65b1d8f3a844baa0ac99454.png");
}
.app-download-instructions {
margin-bottom: 15px;
}
.app-download-instructions .instructions-title {
text-align: center;
margin-bottom: 15px;
}
.barcode-scan .o-form-content {
margin-bottom: 15px;
}
.scan-instructions .scan-instructions-details-wrapper {
width: 100%;
margin-right: -150px;
float: left;
}
.scan-instructions .scan-instructions-details {
padding-right: 150px;
}
.scan-instructions .scan-instructions-qrcode-wrapper {
float: right;
text-align: center;
}
.scan-instructions .qrcode-image {
width: 140px;
height: 140px;
border: 1px solid #ccc;
border-radius: 3px;
}
.scan-instructions .qrcode-wrap {
position: relative;
}
.scan-instructions .qrcode-success {
background: url("../img/ui/indicators/checkmark.96bd732333e722c910c6c4b33ed47fcf.png") no-repeat center;
}
.scan-instructions .qrcode-error {
background: url("../img/ui/indicators/scanerror.05a99a831ef71dccc73d2a7b842e57b8.png") no-repeat center;
}
.scan-instructions .qrcode-success,
.scan-instructions .qrcode-error {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
filter: alpha(opacity=0);
opacity: 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
background-color: transparent;
background-color: rgba(255, 255, 255, 0.6);
}
.scan-instructions .refresh-qrcode {
display: none;
}
.scan-instructions.qrcode-expired .qrcode-error {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
filter: alpha(opacity=1);
opacity: 1;
}
.scan-instructions.qrcode-expired .manual-setup {
display: none;
}
.scan-instructions.qrcode-expired .refresh-qrcode {
display: inline-block;
}
.scan-instructions.qrcode-success .qrcode-success {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
filter: alpha(opacity=1);
opacity: 1;
}
.scan-instructions.qrcode-success .manual-setup {
display: none;
}
.scan-instructions.qrcode-success .refresh-qrcode {
display: none;
}
.enroll-manual-push .button-next {
margin: 15px 0 11px;
}
[name="sharedSecret"] {
text-align: center;
cursor: text;
}
.enroll-activation-link-sent p {
text-align: center;
}
.enroll-activation-link-sent .auth-footer {
margin-top: 15px;
}
.verify-u2f-form .o-form-fieldset-container p,
.enroll-u2f-form .o-form-fieldset-container p {
margin-bottom: 15px;
text-align: center;
}
.verify-u2f-form .okta-waiting-spinner,
.enroll-u2f-form .okta-waiting-spinner {
margin-top: 20px;
margin-bottom: 20px;
}
.verify-u2f-form .u2f-devices-images,
.enroll-u2f-form .u2f-devices-images {
display: inline-block;
}
.verify-u2f-form .u2f-devices-images .u2f-usb,
.enroll-u2f-form .u2f-devices-images .u2f-usb {
background: url("../img/icons/mfa/u2f_usb.591cc98f43cbb68c10ddf345cb2d164e.png") no-repeat center;
height: 109px;
width: 148px;
margin-right: 15px;
float: left;
}
.verify-u2f-form .u2f-devices-images .u2f-bluetooth,
.enroll-u2f-form .u2f-devices-images .u2f-bluetooth {
background: url("../img/icons/mfa/u2f_bluetooth.70fec4210efa62c0bec72284df5c6040.png") no-repeat center;
height: 109px;
width: 148px;
float: left;
}
.okta-waiting-spinner {
background: url("../img/ui/indicators/sign-on-widget-spinner.eea28db2b98f4df40b5608a54d0b9131.gif") no-repeat center;
height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.device-type-input .custom-radio label {
background-size: auto;
}
}
.applogin-banner {
position: relative;
margin-bottom: 10px;
min-width: 300px;
}
.applogin-banner .applogin-background {
background-color: #fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -5;
-moz-box-shadow: 0 0 2px 1px rgba(175, 175, 175, 0.3);
-webkit-box-shadow: 0 0 2px 1px rgba(175, 175, 175, 0.3);
box-shadow: 0 0 2px 1px rgba(175, 175, 175, 0.3);
}
.applogin-banner .applogin-container {
width: 400px;
min-width: 300px;
margin: 0 auto;
padding: 20px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
@media only screen and (max-width: 400px) {
.applogin-banner .applogin-container {
width: 100%;
}
}
@media only screen and (max-height: 750px) {
.applogin-banner .applogin-container {
padding: 10px 0;
}
}
.applogin-banner .applogin-container h1 {
font-size: 24px;
font-weight: lighter;
line-height: 26px;
}
.applogin-banner .applogin-app-logo {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.applogin-banner .applogin-app-logo img {
max-height: 26px;
}
.auth .content {
min-height: 100%;
min-width: 300px;
display: inline-block;
width: 100%;
}
.auth .content:after {
content: '';
display: block;
height: 70px;
}
.auth .footer {
background-color: #fff;
min-width: 300px;
position: absolute;
font-size: 12px;
left: 0;
right: 0;
bottom: 0;
height: 34px;
overflow: hidden;
}
.auth .footer .footer-container {
padding: 9px 80px;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 560px) {
.auth .footer .footer-container {
width: 400px;
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 400px) {
.auth .footer .footer-container {
width: 100%;
}
}
.auth .footer .copyright {
float: left;
}
.auth .footer .privacy-policy {
float: right;
}
.lt-ie8 .beacon-container {
left: 50%;
margin-left: -42px;
}
.lt-ie9 .input-fix input[name="phoneNumber"] {
border: 1px solid #bbb;
}
.lt-ie9 .auth {
max-height: 500px;
overflow: auto;
}
.lt-ie9 .footer {
position: fixed;
bottom: 0;
}
.lt-ie9 .auth-beacon-border {
bottom: -2px;
left: -2px;
right: -2px;
top: -2px;
}
.lt-ie9 #copyright a {
text-decoration: none;
}
.lt-ie9 #copyright a:hover {
cursor: pointer;
color: #f00;
}
.lt-ie9 .beacon-blank {
display: none;
}
</style>
<div id="okta-login-container">
<div id="okta-sign-in" class="auth-container main-container no-beacon">
<div class="okta-sign-in-header auth-header">
<img src="./Content/Images/OMCCOMG.png" class="auth-org-logo">
<div data-type="beacon-container" class="beacon-container"></div>
</div>
<div class="auth-content">
<div class="auth-content-inner">
<div class="primary-auth">
<div data-se="o-form-content" class="o-form-content o-form-theme clearfix">
<h2 data-se="o-form-head" class="okta-form-title o-form-head">Enter Email Address</h2>
<div class="o-form-error-container" data-se="o-form-error-container"></div>
<div class="o-form-fieldset-container" data-se="o-form-fieldset-container">
<div data-se="o-form-fieldset" class="o-form-fieldset o-form-label-top">
<div data-se="o-form-input-container" class="o-form-input">
<span data-se="o-form-input-username" class="o-form-input-name-username o-form-control okta-form-input-field input-fix">
<span id="tooltip" class="input-tooltip icon form-help-16" data-hasqtip="0"></span>
<span class="icon input-icon person-16-gray"></span>
<input name="ctl00$MainContent$input87" type="email" id="MainContent_input87" placeholder="Email Address" class="input87" autocomplete="off">
</span>
</div>
</div>
</div>
</div>
<div class="o-form-button-bar">
<input type="submit" name="ctl00$MainContent$ctl00" value="Next" onclick="return validateEmail();" class="button button-primary">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
Text Content
ENTER EMAIL ADDRESS