.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 .chzn-done+.o-form-control,
.o-form-multi-input-2 .o-form-control+.o-form-control,
.o-form-multi-input-3 .chzn-done+.o-form-control,
.o-form-multi-input-3 .o-form-control+.o-form-control,
.o-form-multi-input-group-2 .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-control: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;
  cursor: pointer;
  box-sizing: border-box;
}

.text-select.chzn-with-drop input[type=text] {
  border-color: #888;
  border-bottom-left-radius: 0;
  box-shadow: inset 0 -1px 0 0 #aaa;
}

.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.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.png) no-repeat;
    background-size: 50px 1155px;
  }
}

.custom-radio label {
  background: url(../img/ui/forms/radiobutton-01.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.png) no-repeat;
    background-size: 50px 820px;
  }
}

.custom-checkbox+.o-form-explain,
.custom-checkbox+input+.o-form-explain,
.custom-radio+.o-form-explain,
.custom-radio+input+.o-form-explain {
  padding-top: 0;
}

.o-form-input kbd {
  box-shadow: inset 0 1px 1px hsla(0,0%,59%,.16);
  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 hsla(0,0%,69%,.16);
  border-width: 1px;
  border-style: solid;
  border-color: #dadada #ddd;
  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: 400;
  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: 0 0;
  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: 400;
  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: 0 0;
}

.data-list .o-form-toggle {
  right: 0;
}

.o-form-head {
  color: #46b090;
  text-transform: uppercase;
}

.o-form-head,
.o-form-subhead {
  line-height: 30px;
  margin: 0 0 15px;
  padding: 0;
  font-weight: 200;
}

.o-form-subhead {
  color: #a7a7a7;
  font-size: 15px;
}

.o-form-explain+.o-form-head,
.o-form-fieldset+.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: 400;
}

.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 hsla(0,0%,69%,.16);
  border: 1px solid #ddd;
  border-bottom-color: #d2d2d2;
  border-radius: 4px;
}

.o-form-theme-no-border {
  border: none;
  border-radius: 0;
}

.o-form-has-title-bar,
.o-form-title-bar+.o-form-theme {
  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-container .o-form-button-bar,
.simplemodal-wrap .o-form-button-bar {
  border-radius: 0;
  margin-top: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.simplemodal-container .o-form-toolbar,
.simplemodal-wrap .o-form-toolbar {
  border-radius: 0;
  border-width: 0 1px 1px;
}

.simplemodal-container .o-form-content,
.simplemodal-wrap .o-form-content {
  overflow: auto;
}

.simplemodal-wrap .o-form-content {
  box-sizing: border-box;
}

.simplemodal-container .o-form-theme,
.simplemodal-wrap .o-form-content.o-form-theme {
  border-width: 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;
  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.focus,
.custom-checkbox label.hover,
.custom-radio label.focus,
.custom-radio label.hover {
  background-position: -16px -113px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
  background-position: -16px -213px;
}

.custom-checkbox label.checked.focus,
.custom-checkbox label.checked.hover {
  background-position: -16px -313px;
}

.o-form-label-top .o-form-input,
.o-form-label-top .o-form-label {
  width: 100%;
}

.o-form-label-top .o-form-read-mode.o-form-input,
.o-form-read-mode .o-form-label-top .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.focus,
.o-form-read-mode .custom-checkbox label.hover,
.o-form-read-mode.custom-checkbox label.focus,
.o-form-read-mode.custom-checkbox label.hover {
  background-position: -16px -513px!important;
  cursor: text!important;
}

.o-form-read-mode .custom-radio label.focus,
.o-form-read-mode .custom-radio label.hover,
.o-form-read-mode.custom-radio label.focus,
.o-form-read-mode.custom-radio label.hover {
  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.focus,
.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 {
  background-position: -16px -713px;
  cursor: text;
}

.o-form-read-mode .group-picker-wrap .as-selections {
  border-width: 0;
  box-shadow: none;
  background: 0 0;
}

.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: 0 0;
  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) {
  opacity: .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-radio label,
.o-form-disabled.custom-checkbox 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.chzn-container-single .chzn-single,
.o-form-has-errors.input-fix,
.o-form-has-errors.link-button,
.o-form-has-errors.textarea-fix {
  border-color: #d93934;
}

.o-form-has-errors .link-button:hover,
.o-form-has-errors .o-form-control.o-form-focus {
  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.focus,
.o-form-has-errors .custom-checkbox label.hover,
.o-form-has-errors .custom-radio label.focus,
.o-form-has-errors .custom-radio label.hover {
  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: #bbb #bbb #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 hsla(0,0%,69%,.3);
  -moz-box-shadow: 0 1px 2px hsla(0,0%,69%,.3);
  box-shadow: 0 1px 2px hsla(0,0%,69%,.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: #444;
  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;
  -webkit-hyphens: auto;
  -ms-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 h2 *,
.infobox h3,
.infobox h3 * {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.infobox h2 span,
.infobox h3 span {
  color: #5e5e5e;
}

.infobox h2+*,
.infobox h3+*,
.infobox li+*,
.infobox ol+*,
.infobox p+*,
.infobox ul+* {
  margin-top: 9px;
}

.infobox,
.infobox-md {
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fbfbfb;
}

.infobox-compact:before,
.infobox-md:before,
.infobox: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-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
}

.infobox-compact li,
.infobox-compact p {
  line-height: 16px;
}

.infobox-compact h2+*,
.infobox-compact h3+*,
.infobox-compact li+*,
.infobox-compact ol+*,
.infobox-compact p+*,
.infobox-compact ul+* {
  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 li,
.infobox-xl p {
  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 hsla(0,0%,63%,.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;
}

.help-wrap .infobox.infobox-success:before,
.infobox-success:before,
.infobox.infobox-subtle.infobox-success:before {
  background-color: #4cbf9c;
}

.help-wrap .infobox.infobox-warning:before,
.infobox-warning:before,
.infobox.infobox-subtle.infobox-warning:before {
  background-color: #f1d10d;
}

.help-wrap .infobox.infobox-error:before,
.infobox-error:before,
.infobox.infobox-subtle.infobox-error:before {
  background-color: #e34843;
}

.help-wrap .infobox.infobox-teach:before,
.help-wrap .infobox.infobox-tip:before,
.infobox-teach:before,
.infobox-tip:before,
.infobox.infobox-subtle.infobox-teach:before,
.infobox.infobox-subtle.infobox-tip:before {
  background-color: #835ab1;
}

.infobox-warning .icon.processing-16 {
  width: 16px;
  height: 16px;
  background: url(../img/ui/indicators/ajax-loader-processing-16.gif) no-repeat 0 0 transparent;
}

.infobox-warning .icon.processing-24 {
  width: 24px;
  height: 24px;
  background: url(../img/ui/indicators/ajax-loader-processing-24.gif) no-repeat 0 0 transparent;
}

.infobox-error .icon.processing-16 {
  width: 16px;
  height: 16px;
  background: url(../img/icons/16x16/error-01.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: 700;
}

.infobox-divider {
  border-bottom: 1px dotted #ddd;
}

.ajax-form-editor .infobox,
.edit-form .infobox,
.form-content-wrap .infobox,
.m-form .infobox,
.o-form .infobox,
.read-only-form .infobox,
.v-form .infobox {
  background-color: #fff;
}

.help-wrap .infobox,
.infobox.infobox-subtle {
  padding: 0 0 0 18px!important;
  border: 0;
  background: 0 0;
}

.help-wrap .infobox:before,
.infobox.infobox-subtle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  border-radius: 0;
  background-color: #007dc1;
  content: "";
}

.help-wrap .infobox .icon,
.infobox.infobox-subtle .icon {
  display: none;
}

.wf-loading {
  visibility: hidden;
}

.wf-loading .ajax-include-feedback-content {
  visibility: hidden!important;
}

.wf-active {
  visibility: visible;
}

.text-align-c {
  text-align: center;
}

.login-bg-image {
  background-repeat: no-repeat;
  background-position: 50%;
  -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 8px;
  width: 400px;
  min-width: 300px;
  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 .4s;
  -webkit-transition: padding-top .4s;
  transition: padding-top .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;
  }
}

.can-remove-beacon .auth-content {
  padding-top: 40px;
}

@media only screen and (max-height:550px) {
  .can-remove-beacon .auth-content {
    padding-top: 0;
  }
}

.auth-content .auth-content-inner {
  position: relative;
}

.auth-content .help-links li {
  margin-top: 15px;
}

.enroll-choices {
  padding-top: 20px;
}

@media only screen and (max-height:550px) {
  .can-remove-beacon .enroll-choices {
    padding-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: -.5em;
  padding: 0 15px;
}

.animation-container-overflow {
  overflow: hidden;
}

.transition-from-right {
  left: 200px;
}

.transition-from-left,
.transition-from-right {
  position: absolute;
  width: 316px;
  top: 0;
  opacity: 0;
}

.transition-from-left {
  left: -200px;
}

.o-form-head {
  font-size: 14px;
  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: 0 0;
  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: 0 0;
  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 input,
.o-form label,
.o-form textarea {
  font-size: 13px;
}

.o-form .o-form-label {
  font-weight: 400;
}

.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;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.o-form .input-fix input,
.o-form .textarea-fix input {
  padding: 8px;
  line-height: 22px;
  font-size: 13px;
  border: none;
  background: 0 0;
  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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

.o-form .input-fix input::-webkit-input-placeholder,
.o-form .textarea-fix input::-webkit-input-placeholder {
  font-size: 13px;
  letter-spacing: 0;
}

.o-form .input-fix input::-moz-placeholder,
.o-form .textarea-fix input::-moz-placeholder {
  font-size: 13px;
}

.o-form .input-fix input:-ms-input-placeholder,
.o-form .textarea-fix input:-ms-input-placeholder {
  font-size: 13px;
  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: 13px;
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

@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: 14px;
  }
}

.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 .chzn-container-single .chzn-search input,
  .o-form select,
  .o-form select:focus {
    font-size: 14px;
  }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
  .o-form .chzn-container-single .chzn-search input,
  .o-form select,
  .o-form select:focus {
    font-size: 14px;
  }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
  .o-form .chzn-container-single .chzn-search input,
  .o-form select,
  .o-form select:focus {
    font-size: 14px;
  }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
  .o-form .chzn-container-single .chzn-search input,
  .o-form select,
  .o-form select:focus {
    font-size: 14px;
  }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) {
  .o-form .chzn-container-single .chzn-search input,
  .o-form select,
  .o-form select:focus {
    font-size: 14px;
  }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
  .o-form .chzn-container-single .chzn-search input,
  .o-form select,
  .o-form select:focus {
    font-size: 14px;
  }
}

.o-form .custom-checkbox label {
  font-size: 12px;
}

.o-form .o-form-input input[name=nextPassCode],
.o-form .o-form-input input[name=passCode] {
  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-icon,
.o-form .o-form-input .input-tooltip {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
}

.o-form .o-form-input .input-icon+input,
.o-form .o-form-input .input-icon+input+input,
.o-form .o-form-input .input-tooltip+input,
.o-form .o-form-input .input-tooltip+input+input {
  padding-right: 30px;
}

.o-form .o-form-input .input-icon {
  left: 10px;
  opacity: .25;
}

.o-form .o-form-input .input-icon+input,
.o-form .o-form-input .input-icon+input+input {
  padding-left: 30px;
}

.o-form .o-form-input .input-tooltip {
  right: 10px;
  opacity: .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,
.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;
}

.custom-checkbox label {
  background-image: url(/img/ui/forms/checkbox-sign-in-widget.png);
}

.custom-checkbox label.focus {
  background-position: -16px -1013px;
}

.custom-checkbox label.focus:before {
  background-position: -16px -1020px;
}

@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-image: url(/img/ui/forms/checkbox-sign-in-widget@2x.png);
    background-size: 50px 1155px;
  }
}

.infobox.icon-16>.icon {
  position: absolute;
}

.contact-support .infobox,
.infobox.icon-16 {
  margin-bottom: 15px;
}

.qtip {
  font-size: 13px;
}

.qtip-custom .qtip-titlebar {
  background-color: transparent;
  border: 0;
  font-weight: 400;
}

.qtip-title {
  word-break: break-all;
}

.security-image-qtip.qtip-custom {
  font-size: 12px;
  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.png) no-repeat 50%;
  border: none;
  color: transparent;
  right: 2px;
  top: 4px;
  text-decoration: none;
}

.security-image-qtip.qtip-custom .qtip-icon:hover {
  opacity: .5;
}

/*! Custom qtip styles, based on dark theme */

.qtip-custom {
  background-color: #4d4d4d;
  border-color: #303030;
  color: #f3f3f3;
  padding: 5px 8px 8px;
}

.qtip-custom.qtip-pos-bl {
  border-radius: 4px 4px 4px 0;
}

.qtip-custom.qtip-pos-br {
  border-radius: 4px 4px 0;
}

.qtip-custom .qtip-content {
  color: #f3f3f3;
}

.qtip-custom .qtip-titlebar {
  background-color: #404040;
}

.qtip-custom .qtip-icon {
  border-color: #444;
}

.qtip-custom .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-custom .qtip-content ul {
  list-style: disc;
}

.qtip-custom .qtip-content ul>li {
  color: #69882a;
  font-size: 20px;
}

.qtip-custom .qtip-content ul>li span {
  color: #f3f3f3;
  font-size: 12px;
  vertical-align: middle;
}

.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-passcode .link-button {
  float: left;
}

.mfa-verify-passcode .auth-passcode .o-form-input {
  width: 180px;
  float: right;
}

@media only screen and (max-device-width:480px) {
  .mfa-verify-passcode .auth-passcode .o-form-input {
    width: 170px;
  }
}

@media only screen and (max-width:400px) {
  .mfa-verify-passcode .auth-passcode .o-form-input {
    width: 100%;
  }
}

.duo-form iframe {
  height: 400px;
  width: 100%;
}

.forgot-password-call-enabled .mobile-recovery-hint,
.forgot-password-call-enabled .sms-hint,
.forgot-password-sms-enabled .mobile-recovery-hint,
.forgot-password-sms-enabled .sms-hint {
  font-size: 12px;
  padding-bottom: 10px;
  position: relative;
  top: -5px;
}

.forgot-password-call-enabled .o-form-button-bar,
.forgot-password-sms-enabled .o-form-button-bar {
  overflow: hidden;
}

.forgot-password-call-enabled .o-form-button-bar .button,
.forgot-password-sms-enabled .o-form-button-bar .button {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: 15px;
}

.forgot-password-call-enabled .o-form-button-bar .button+.button-primary,
.forgot-password-sms-enabled .o-form-button-bar .button+.button-primary {
  margin-left: 0;
}

@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: 12px;
  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;
  border-radius: 3px;
  font-size: 13px;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.button-primary.default-custom-button.link-button,
.button-primary.social-auth-button.link-button,
.button-wide,
.button-wide.button-primary,
.default-custom-button.link-button,
.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;
  border-radius: 3px;
}

.icon-button .icon {
  display: inline-block;
  position: relative;
  top: 4px;
  opacity: .25;
}

.icon-button:hover .icon {
  opacity: .5;
}

.call-request-button,
.email-request-button,
.sms-request-button {
  text-align: center;
  width: 130px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (max-width:400px) {
  .call-request-button,
  .email-request-button,
  .sms-request-button {
    width: 100%;
    margin-bottom: 15px;
  }
}

.social-auth-button.link-button {
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 13px;
  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;
}

.default-custom-button.link-button {
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 50px;
  margin-top: 15px;
  text-align: center;
}

.default-custom-button.link-button:last-of-type {
  margin-bottom: 25px;
}

.default-custom-button.link-button:active,
.default-custom-button.link-button:focus,
.default-custom-button.link-button:hover,
.default-custom-button.link-button:visited {
  text-decoration: none;
}

.social-auth-facebook-button {
  background-color: #406094;
  background: url(../img/icons/login/facebook_logo.png) no-repeat 10px,-webkit-linear-gradient(left,#304879 50px,#406094 0);
  background: url(../img/icons/login/facebook_logo.png) no-repeat 10px,linear-gradient(90deg,#304879 50px,#406094 0);
  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.png) no-repeat 10px,-webkit-linear-gradient(left,#344f84 50px,#45679f 0);
  background: url(../img/icons/login/facebook_logo.png) no-repeat 10px,linear-gradient(90deg,#344f84 50px,#45679f 0);
}

.social-auth-google-button {
  background-color: #de4937;
  background: url(../img/icons/login/google_logo.png) no-repeat 10px,-webkit-linear-gradient(left,#d43722 50px,#de4937 0);
  background: url(../img/icons/login/google_logo.png) no-repeat 10px,linear-gradient(90deg,#d43722 50px,#de4937 0);
  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.png) no-repeat 10px,-webkit-linear-gradient(left,#dd3e29 50px,#e05544 0);
  background: url(../img/icons/login/google_logo.png) no-repeat 10px,linear-gradient(90deg,#dd3e29 50px,#e05544 0);
}

.social-auth-linkedin-button {
  background-color: #0077b5;
  background: url(../img/icons/login/linkedin_logo.png) no-repeat 10px,-webkit-linear-gradient(left,#04659a 50px,#0077b5 0);
  background: url(../img/icons/login/linkedin_logo.png) no-repeat 10px,linear-gradient(90deg,#04659a 50px,#0077b5 0);
  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.png) no-repeat 10px,-webkit-linear-gradient(left,#046fa9 50px,#0081c4 0);
  background: url(../img/icons/login/linkedin_logo.png) no-repeat 10px,linear-gradient(90deg,#046fa9 50px,#0081c4 0);
}

.social-auth-microsoft-button {
  background-color: #00a1f1;
  background: url(../img/icons/login/microsoft_logo.png) no-repeat 10px,-webkit-linear-gradient(left,#4294de 50px,#00a1f1 0);
  background: url(../img/icons/login/microsoft_logo.png) no-repeat 10px,linear-gradient(90deg,#4294de 50px,#00a1f1 0);
  border: 1px solid #447199;
}

.social-auth-microsoft-button:active,
.social-auth-microsoft-button:focus,
.social-auth-microsoft-button:hover {
  background: url(../img/icons/login/microsoft_logo.png) no-repeat 10px,-webkit-linear-gradient(left,#4f9be0 50px,#01abff 0);
  background: url(../img/icons/login/microsoft_logo.png) no-repeat 10px,linear-gradient(90deg,#4f9be0 50px,#01abff 0);
}

.default-custom-button {
  background-color: #ff5f73;
  border: 1px solid #d6001a;
}

.default-custom-button:active,
.default-custom-button:focus,
.default-custom-button:hover {
  background-color: #ff6e80;
}

.auth-header {
  padding: 30px 90px 75px;
  position: relative;
  border-bottom: 1px solid #ddd;
  z-index: 10;
  -moz-transition: padding-bottom .4s;
  -webkit-transition: padding-bottom .4s;
  transition: padding-bottom .4s;
}

@media only screen and (max-height:550px) {
  .can-remove-beacon .auth-header {
    padding: 30px 90px 25px;
  }
}

.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;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.beacon-container.beacon-small {
  height: 20px;
  width: 20px;
  bottom: -10px;
}

.beacon-container.beacon-small .beacon-blank {
  width: 50px;
  left: -20px;
}

@media only screen and (max-height:550px) {
  .can-remove-beacon .beacon-container {
    display: none;
  }
}

.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);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: center;
  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: 50%;
  background-size: cover;
  background-clip: content-box;
  color: #fff;
  box-shadow: 0 0 0 15px;
}

.undefined-user {
  background-image: url(../img/security/default.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  .undefined-user {
    background-image: url(../img/security/default@2x.png);
  }
}

.new-user {
  background-image: url(../img/security/unknown-device.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  .new-user {
    background-image: url(../img/security/unknown-device@2x.png);
  }
}

.auth-beacon-border {
  border: 2px solid #a7a7a7;
  border-radius: 50%;
}

.auth-beacon-border,
.beacon-loading:after {
  position: absolute;
  bottom: -5px;
  left: -5px;
  right: -5px;
  top: -5px;
}

.beacon-loading:after {
  content: "";
  display: block;
  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(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.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;
  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.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,.2);
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  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: 0 0;
}

.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+.option:not(.suboption),
.factors-dropdown-wrap .dropdown.more-actions .suboption.option+.suboption.option a {
  border-top: 1px solid #eaeaea;
}

.mfa-call-30,
.mfa-duo-30,
.mfa-email-30,
.mfa-google-auth-30,
.mfa-okta-verify-30,
.mfa-onprem-30,
.mfa-question-30,
.mfa-rsa-30,
.mfa-sms-30,
.mfa-symantec-30,
.mfa-u2f-30,
.mfa-windows-hello-30,
.mfa-yubikey-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: 12px;
}

.auth-footer .goto {
  float: right;
}

.auth-footer .dot-separator {
  font-weight: 700;
}

.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-row-min {
  margin-bottom: 30px;
}

.enroll-required-factor-list .enroll-factor-row-min .enroll-factor-icon {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .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-gray,
.enroll-factor-row .success-16-green {
  float: right;
  width: 20px;
  height: 20px;
  line-height: 24px;
}

.enroll-factor-row .success-16-gray:before,
.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.png) no-repeat 50%;
  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;
}

.enroll-windows-hello .o-form-fieldset-container>.okta-form-subtitle,
.verify-windows-hello .o-form-fieldset-container>.okta-form-subtitle {
  margin-top: 15px;
  margin-bottom: 20px;
}

.enroll-windows-hello .okta-infobox-error b,
.verify-windows-hello .okta-infobox-error b {
  font-weight: 700;
}

.enroll-windows-hello .okta-waiting-spinner,
.verify-windows-hello .okta-waiting-spinner {
  margin-top: 20px;
  margin-bottom: 20px;
}

.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.focus,
.device-type-input label.hover {
  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.png);
}

.device-type-input [value=ANDROID]+label {
  background-image: url(../img/icons/mfa/android_60x60.png);
}

.device-type-input [value=WINDOWS]+label {
  background-image: url(../img/icons/mfa/windows_60x60.png);
}

.device-type-input [value=BLACKBERRY]+label {
  background-image: url(../img/icons/mfa/blackberry_60x60.png);
}

.device-type-input [value=APPLE]+label.checked,
.device-type-input [value=APPLE]+label.hover {
  background-image: url(../img/icons/mfa/iOSActive_60x60.png);
}

.device-type-input [value=ANDROID]+label.checked,
.device-type-input [value=ANDROID]+label.hover {
  background-image: url(../img/icons/mfa/androidActive_60x60.png);
}

.device-type-input [value=WINDOWS]+label.checked,
.device-type-input [value=WINDOWS]+label.hover {
  background-image: url(../img/icons/mfa/windowsActive_60x60.png);
}

.device-type-input [value=BLACKBERRY]+label.checked,
.device-type-input [value=BLACKBERRY]+label.hover {
  background-image: url(../img/icons/mfa/blackberryActive_60x60.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.png);
}

.google-auth-38 {
  background-image: url(../img/icons/mfa/googleAuth_38x38.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.png) no-repeat 50%;
}

.scan-instructions .qrcode-error {
  background: url(../img/ui/indicators/scanerror.png) no-repeat 50%;
}

.scan-instructions .qrcode-error,
.scan-instructions .qrcode-success {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  background-color: transparent;
  background-color: hsla(0,0%,100%,.6);
}

.scan-instructions .refresh-qrcode {
  display: none;
}

.scan-instructions.qrcode-expired .qrcode-error {
  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 {
  opacity: 1;
}

.scan-instructions.qrcode-success .manual-setup,
.scan-instructions.qrcode-success .refresh-qrcode {
  display: none;
}

.enroll-manual-push .button-next {
  margin: 15px 0 11px;
}

[name=sharedSecret] {
  text-align: center;
  cursor: text;
  opacity: 1;
}

.enroll-activation-link-sent p {
  text-align: center;
}

.enroll-activation-link-sent .auth-footer {
  margin-top: 15px;
}

.enroll-u2f-form .o-form-fieldset-container p,
.verify-u2f-form .o-form-fieldset-container p {
  margin-bottom: 15px;
  text-align: center;
}

.enroll-u2f-form .o-form-content>.o-form-error-container,
.verify-u2f-form .o-form-content>.o-form-error-container {
  margin-bottom: 20px;
}

.enroll-u2f-form .okta-waiting-spinner,
.verify-u2f-form .okta-waiting-spinner {
  margin-top: 20px;
  margin-bottom: 20px;
}

.enroll-u2f-form .u2f-devices-images,
.verify-u2f-form .u2f-devices-images {
  display: inline-block;
}

.enroll-u2f-form .u2f-devices-images .u2f-usb,
.verify-u2f-form .u2f-devices-images .u2f-usb {
  background: url(../img/icons/mfa/u2f_usb.png) no-repeat 50%;
  height: 109px;
  width: 148px;
  margin-right: 15px;
  float: left;
}

.enroll-u2f-form .u2f-devices-images .u2f-bluetooth,
.verify-u2f-form .u2f-devices-images .u2f-bluetooth {
  background: url(../img/icons/mfa/u2f_bluetooth.png) no-repeat 50%;
  height: 109px;
  width: 148px;
  float: left;
}

.okta-waiting-spinner {
  background: url(../img/ui/indicators/sign-on-widget-spinner.gif) no-repeat 50%;
  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;
  opacity: .9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 2px 1px hsla(0,0%,69%,.3);
}

.applogin-banner .applogin-container {
  position: relative;
  width: 400px;
  min-width: 300px;
  margin: 0 auto;
  padding: 20px 0;
  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;
  }
}

@media only screen and (max-height:660px) {
  .applogin-banner .applogin-container {
    padding: 5px 0;
  }
}

.applogin-banner .applogin-container h1 {
  font-size: 24px;
  font-weight: lighter;
  line-height: 26px;
}

@media only screen and (max-height:660px) {
  .applogin-banner .applogin-container p {
    display: none;
  }
}

.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: 30px;
}

.auth .footer {
  background-color: #fff;
  min-width: 300px;
  position: absolute;
  font-size: 11px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34px;
  overflow: hidden;
}

.auth .footer .footer-container {
  padding: 9px 80px;
  margin: 0 auto;
  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;
}

.accessibility-text {
  display: block;
  height: 0;
  overflow: hidden;
}

.registration-container {
  margin-top: 30px;
}

.registration-container .content {
  padding: 30px 42px;
  -moz-transition: padding-top .4s;
  -webkit-transition: padding-top .4s;
  transition: padding-top .4s;
  border-top: 1px solid #ddd;
  margin-top: 5px;
}

.registration-container .registration-link {
  margin-left: 10px;
  color: #007dc1;
}

.registration .password-complexity p {
  padding-left: 18px;
  position: relative;
}

.registration .password-complexity p span {
  position: absolute;
  left: -2px;
  top: -2px;
  display: none;
}

.registration .password-complexity .password-complexity-unsatisfied {
  color: #777;
}

.registration .password-complexity .password-complexity-satisfied {
  color: #a7a7a7;
  text-decoration: line-through;
}

.registration .password-complexity .password-complexity-error {
  color: #e34843;
}

.registration .password-complexity .password-complexity-error span.error-16-small {
  display: block;
}

.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: red;
}

.lt-ie9 .beacon-blank {
  display: none;
}

a {
  text-decoration: none;
  outline: 0;
}

.okta-modal {
  display: none;
  position: absolute;
  z-index: 1;
  padding-top: 100px;
  left: 80px;
  right: 0;
  top: -8px;
  height: 100%;
  background-color: #000;
  background-color: transparent;
  width: 1170px;
  z-index: 1000;
  margin-left: auto;
  margin-right: auto;
}

.okta-modal-content {
  position: absolute;
  background-color: transparent;
  margin: auto;
  right: 5%;
  margin-top: 88px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 700;
  display: none;
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

a:focus {
  outline: 0;
  text-decoration: none;
}

.okta-sign-in-header {
  display: none;
}

.auth-container {
  width: 300px;
  position: relative;
  margin: 0;
}

.auth-content {
  padding: 15px 21px 0 35px!important;
}

.clearfix:before {
  display: none;
}

.okta-form-title {
  font-weight: 500!important;
  font-size: 20px;
  color: #005398!important;
  letter-spacing: 0;
  line-height: 31px;
  margin-left: -14px;
}

.custom-checkbox,
.input-tooltip {
  display: none;
}

.error-16-red:before,
.error-16-small:before,
.person-16-gray:before,
.remote-lock-16:before {
  display: none;
}

.o-form .o-form-input .input-tooltip {
  display: none;
}

.o-form .o-form-input .input-icon+input,
.o-form .o-form-input .o-form-input-name-password .input-icon+input,
.o-form .o-form-input .o-form-input-name-username .input-icon+input {
  padding-left: 10px;
  font-weight: 300;
  font-size: 12px;
  height: 32px;
  outline: 0;
  color: #000!important;
}

.o-form-input-name-username:before {
  content: attr(data-content);
  display: block;
  margin-top: -30px;
  font-size: 12px!important;
  font-weight: 500!important;
  color: #000;
  line-height: 30px;
}

.o-form-input-name-password:before {
  content: attr(data-content);
  display: block;
  margin-top: -30px;
  font-size: 12px!important;
  font-weight: 500!important;
  color: #000;
  line-height: 30px;
}

.o-form .input-fix {
  height: 34px;
  border: 2px solid #ececec;
  border-radius: 6px;
}

#okta-sign-in .okta-form-input-field {
  border-color: #ececec!important;
}

.okta-change-password,
.okta-signin-submit {
  background: #9b9b9b!important;
  border-radius: 11px!important;
  width: 130px!important;
  height: 34px!important;
  margin: 0 auto;
  border-color: transparent!important;
  border-bottom-color: transparent!important;
  line-height: 1!important;
  font-weight: 300!important;
  cursor: not-allowed!important;
  text-transform: uppercase;
}

#okta-sign-in .okta-form-label {
  color: #000!important;
}

.o-form label {
  font-size: 12px!important;
  font-weight: 500!important;
}

.auth-container:after,
.auth-container:before {
  bottom: 100%;
  right: 6%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.auth-container:after {
  border-color: rgba(255,255,255,0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-right: 3px;
}

.auth-container:before {
  border-color: rgba(227,227,227,0);
  border-bottom-color: #e2e2e2;
  border-width: 13px;
  margin-right: 0;
}

.infobox:before {
  background-color: transparent!important;
  display: none;
}

.infobox {
  padding: 0!important;
  text-align: center;
  border: none;
  font-weight: 300!important;
  font-size: 12px;
  color: #d0021b;
  min-height: 0!important;
}

.o-form-input-name-password {
  margin-top: 20px;
}

.o-form .o-form-fieldset.margin-btm-0 {
  display: none;
}

.o-form-button-bar {
  padding: 0 0 5px!important;
}

.okta-forgot {
  font-weight: 500!important;
  font-size: 14px;
  color: #2f1d6e!important;
  letter-spacing: 0;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
  border-bottom: 2px solid #ececec;
}

.okta-client-sponser {
  font-weight: 500!important;
  font-size: 14px;
  color: #2f1d6e!important;
  letter-spacing: 0;
  text-align: center;
  padding: 18px;
}

.o-form-explain.o-form-input-error {
  padding-left: 3px!important;
}

input-icon .o-form-head {
  margin-top: 0!important;
}

.o-form-input .o-form-explain {
  padding: 0!important;
  margin: 0!important;
  font-size: 12px;
}

.o-form-has-errors .infobox-error {
  margin-bottom: 0!important;
}

.infobox>.icon {
  display: none;
}

.o-form-fieldset-container {
  margin-top: 35px;
}

.o-form-error-container {
  margin-top: 20px;
}

.okta-form-infobox-error>p {
  margin: 0;
  font-family: Ubuntu;
  font-size: 12px;
  color: #d0021b;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  width: 219px;
  margin: 0 auto;
}

.mag-oktareg-feed {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.okta-pwd-img {
  vertical-align: middle;
}

.okta-pwd-tick {
  height: 12px;
  margin-right: 5px;
}

.mag-oktareg-listStyle {
  margin-left: 18%;
}

.mag-oktareg-listStyle p {
  margin: 0;
  display: list-item;
  font-size: 1.2rem;
}

.okta-form-divider,
.okta-form-subtitle {
  display: none;
}

.o-form-input-name-oldPassword:before {
  content: attr(data-content);
  display: block;
  margin-top: -30px;
  font-size: 12px!important;
  font-weight: 500!important;
  color: #000;
  line-height: 30px;
}

.o-form-input-name-newPassword:before {
  content: attr(data-content);
  display: block;
  margin-top: -30px;
  font-size: 12px!important;
  font-weight: 500!important;
  color: #000;
  line-height: 30px;
}

.o-form-input-name-confirmPassword:before {
  content: attr(data-content);
  display: block;
  margin-top: -30px;
  font-size: 12px!important;
  font-weight: 500!important;
  color: #000;
  line-height: 30px;
}

.password-expired .o-form-fieldset {
  margin-bottom: 35px;
}

.okta-loginbtn-arrowup {
  background-image: url(../../../../../common/lib/okta/img/icons/CevronDown.png);
  background-size: 14px 8px;
  background-repeat: no-repeat;
  height: 8px;
  width: 14px;
  display: inline-block;
  margin-left: 5px;
}

.okta-loginbtn-arrowdown {
  background-image: url(../../../../../common/lib/okta/img/icons/CevronUp.png);
  background-size: 14px 8px;
  background-repeat: no-repeat;
  height: 8px;
  width: 14px;
  display: inline-block;
  margin-left: 5px;
}

.okta-modalie-content {
  right: 16.4%!important;
}

.okta-enable-submit {
  background: #0077c8!important;
  cursor: pointer!important;
}

.okta-pwdexp-headTitle {
  text-align: center;
  font-weight: 500!important;
  color: #005398;
  font-size: 14px;
}

.okta-pwdexp-subHeadTitle {
  font-family: Ubuntu;
  font-size: 12px;
  color: #000;
  font-weight: 300!important;
  text-align: center;
  margin-top: 10px;
}

.okta-pwdexp-subHeadTitle:before {
  content: '*';
  display: inline-block;
  color: #d0021b;
  padding: 0 2px;
  font-weight: 700;
}

.password-expired .o-form-button-bar {
  margin-bottom: 25px;
}

#pwdValidation .mag-reg-feed,
#pwdValidation .mag-reg-feed-second {
  margin-top: 10px;
  color: #000;
  height: 30px;
  font-size: 12px;
}

#pwdValidation .mag-reg-feed img,
#pwdValidation .mag-reg-feed-second img {
  height: 12px;
  width: auto;
  margin-right: 5px;
}

#pwdValidation .mag-reg-listStyle {
  clear: left;
  margin-left: 17%;
  padding-top: 10px;
  color: #000;
}

#pwdValidation .mag-reg-listStyle p {
  display: list-item;
  margin: 5px 0;
  color: #000;
  font-size: 12px;
}

#pwdValidation .mag-reg-feed .img-con {
  display: inline-block;
  float: left;
  width: 8%;
}

#pwdValidation .mag-reg-feed .img-Txt-con {
  display: inline-block;
  float: left;
  width: 92%;
}

#pwdValidation .mag-reg-feed .img-Txt-con:last-child {
  margin-bottom: 10px;
}

#pwdValidation .mag-reg-feed-second {
  margin-top: 10px;
}

#pwdValidation {
  margin-top: 40px;
}

#pwdValidation .meg-oktapwd-txt {
  font-weight: 500!important;
  font-size: 12px;
  color: #000;
  margin-top: 15px;
}

#pwdValidation .okta-pwd-validationtxt {
  font-weight: 500!important;
  font-size: 12px;
  color: #000;
  line-height: 18px;
}

#oktaLoginPageWid #okta-sign-in.main-container {
  border: none!important;
  box-shadow: none!important;
  margin: 0 auto;
}

#oktaLoginPageWid .auth-container:before,
.okta-login-pagewid .auth-container:after {
  border: none!important;
}

#oktaLoginPageWid .okta-form-title {
  display: none;
}

#oktaLoginPageWid .mag-oktaportallog-container .mag-oktaportallog-formArea {
  margin-top: 15px;
}

#oktaLoginPageWid .o-form-input-name-username:before {
  text-align: left;
  margin-left: -45px;
  margin-top: 0;
}

#oktaLoginPageWid .o-form-input-name-username.spanish:before {
  text-align: left;
  margin-left: -120px;
  margin-top: 0;
}

#oktaLoginPageWid .o-form-input-name-password:before {
  text-align: left;
  margin-left: -68px;
  margin-top: 0;
}

#oktaLoginPageWid .o-form-input-name-password.spanish:before {
  text-align: left;
  margin-left: -82px;
  margin-top: 0;
}

#oktaLoginPageWid .o-form .o-form-input .o-form-input-name-password .input-icon+input,
#oktaLoginPageWid .o-form .o-form-input .o-form-input-name-username .input-icon+input {
  position: absolute;
  margin-top: -31px;
}

.okta-page-container .okta-page-title {
  font-weight: 500!important;
  font-size: 20px;
  color: #005398;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
  margin-top: 50px;
}

.okta-page-container .okta-page-forgot-container {
  font-weight: 500!important;
  font-size: 14px;
  color: #2f1d6e;
  letter-spacing: 0;
  text-align: center;
  margin-top: 10px;
}

.okta-page-container .okta-page-assitant-container {
  font-family: Ubuntu;
  font-weight: 300!important;
  font-size: 12px;
  color: #000;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  margin: 0 auto;
  width: 24%;
  padding-top: 15px;
}

.okta-page-container .okta-page-register-container {
  text-align: center;
  margin-top: 30px;
}

.okta-page-container .okta-page-register-container a {
  background: #fff;
  border: 1px solid #0077c8;
  border-radius: 10px;
  margin: 0 auto;
  padding: 6px 33px;
  text-align: center;
  font-weight: 500!important;
  font-size: 14px;
  color: #2f1d6e;
  text-decoration: none;
}

.okta-page-container .okta-page-copyRight-container {
  margin-top: 75px;
  margin-bottom: 10px;
  font-family: Ubuntu;
  font-weight: 300!important;
  font-size: 12px;
  text-align: center;
}

.okta-page-container .mag-okta-footline p {
  display: inline-block;
  margin: 0;
  border-left: 1px solid #000;
  color: #2f1d6e;
  padding: 0 3px 0 5px;
  line-height: 1;
  font-size: 12px;
  font-family: Ubuntu;
  font-weight: 300!important;
}

.okta-page-container .mag-okta-footline {
  text-align: center;
}

.okta-page-container .mag-okta-footline p:last-child {
  border-right: 1px solid #000;
  padding-right: 5px;
}

#oktaLoginPageWid .okta-form-infobox-error>p {
  width: 100%;
}

#oktaLoginPageWid .auth-container {
  width: 100%;
}

#oktaLoginPageWid .o-form-fieldset-container {
  width: 250px;
  margin: 0 auto;
  padding-top: 20px;
}

.password-expired .input-icon:before {
  content: '*';
  display: block;
  color: #d0021b!important;
  font-weight: 500!important;
}

.password-expired .o-form .o-form-input .input-icon {
  opacity: 1!important;
  left: -16px;
}

#oktaLoginPageWid .password-expired .o-form-input-name-oldPassword:before {
  margin-top: 0;
  text-align: left;
  margin-left: -120px;
}

#oktaLoginPageWid .password-expired .o-form-input-name-oldPassword.spanish:before {
  margin-top: 0;
  text-align: left;
  margin-left: -130px;
}

#oktaLoginPageWid .password-expired .o-form .input-fix input[type=password] {
  position: absolute;
  margin-top: -31px;
}

#oktaLoginPageWid .password-expired .o-form-input-name-newPassword:before {
  margin-top: 0;
  text-align: left;
  margin-left: -102px;
}

#oktaLoginPageWid .password-expired .o-form-input-name-newPassword.spanish:before {
  margin-top: 0;
  text-align: left;
  margin-left: -130px;
}

#oktaLoginPageWid .password-expired .o-form-input-name-confirmPassword:before {
  margin-top: 0;
  text-align: left;
  margin-left: -150px;
}

#oktaLoginPageWid .password-expired .o-form-input-name-confirmPassword.spanish:before {
  margin-top: 0;
  text-align: left;
  margin-left: -188px;
}

@media (min-width:767px) and (max-width:1023px) {
  .okta-page-container .okta-page-assitant-container {
    width: 38%;
  }
}

@media (max-width:767px) {
  .okta-page-container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .okta-page-container .okta-page-title {
    margin: 0 auto;
    width: 80%;
  }

  .okta-page-container .o-form-fieldset-container {
    margin-top: 20px;
  }

  .okta-page-container .okta-page-assitant-container {
    width: 75%;
  }

  .okta-page-container .okta-page-register-container a {
    width: 100%;
    display: block;
    padding: 6px 0;
  }

  #oktaLoginPageWid .o-form-fieldset-container {
    width: 100%;
  }

  #oktaLoginPageWid .okta-form-infobox-error>p {
    width: 219px;
  }

  #oktaLoginPageWid .o-form-input-name-password:before,
  #oktaLoginPageWid .o-form-input-name-username:before {
    text-align: left;
    margin-top: -30px;
    margin-left: 0;
  }

  #oktaLoginPageWid .o-form .o-form-input .o-form-input-name-password .input-icon+input,
  #oktaLoginPageWid .o-form .o-form-input .o-form-input-name-username .input-icon+input {
    margin-left: 0;
    margin-top: 0;
  }

  .okta-page-container .okta-page-title {
    margin-top: 30px;
  }

  #oktaLoginPageWid .password-expired .o-form-input-name-confirmPassword:before,
  #oktaLoginPageWid .password-expired .o-form-input-name-newPassword:before,
  #oktaLoginPageWid .password-expired .o-form-input-name-oldPassword:before {
    text-align: left;
    margin-top: -30px;
    margin-left: 0;
  }

  #oktaLoginPageWid .password-expired .o-form .input-fix input[type=password] {
    margin-top: 0;
  }

  #oktaLoginContent .okta-page-title {
    width: 100%;
  }

  #oktaLoginPageWid .o-form-input-name-password.spanish:before,
  #oktaLoginPageWid .o-form-input-name-username.spanish:before,
  #oktaLoginPageWid .password-expired .o-form-input-name-confirmPassword.spanish:before,
  #oktaLoginPageWid .password-expired .o-form-input-name-newPassword.spanish:before,
  #oktaLoginPageWid .password-expired .o-form-input-name-oldPassword.spanish:before {
    text-align: left;
    margin-top: -30px;
    margin-left: 0;
  }
}

#okta-sign-in .okta-widget-loader {
  position: absolute!important;
  display: none!important;
  opacity: .5;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

#okta-sign-in .pageSpinner {
  display: none!important;
}

#okta-pwd-exp-page-title {
  display: none;
}

.btn-disabled {
  cursor: no-drop!important;
  display: none;
}

.okta-form-input-error {
  display: none!important;
}

.okta-pwd-mismatch {
  color: #d0021b;
}

#okta-sign-in.main-container {
  color: #777;
}

#okta-sign-in h2,
#okta-sign-in h3 {
  font-weight: 700;
  color: #5e5e5e;
}

#okta-sign-in .okta-sign-in-header {
  color: #5e5e5e;
}

#okta-sign-in .okta-form-label,
#okta-sign-in .okta-form-subtitle {
  color: #777;
}

#okta-sign-in .link {
  color: #777;
}

#okta-sign-in .link:active,
#okta-sign-in .link:hover,
#okta-sign-in .link:link,
#okta-sign-in .link:visited {
  color: #777;
}

#okta-sign-in .inline-link {
  color: #0074b3;
}

#okta-sign-in .inline-link:active,
#okta-sign-in .inline-link:hover,
#okta-sign-in .inline-link:link,
#okta-sign-in .inline-link:visited {
  color: #0074b3;
}

#okta-sign-in.main-container {
  background-color: #fff;
  border-color: #ddd #ddd #d8d8d8;
  box-shadow: 0 2px 0 rgba(175,175,175,.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;
    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;
    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;
    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;
    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;
    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;
    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 .enroll-factor-row .mfa-okta-verify,
#okta-sign-in .mfa-okta-verify-30 {
  background-image: url(../img/icons/mfa/oktaVerify_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-okta-verify,
  #okta-sign-in .mfa-okta-verify-30 {
    background-image: url(../img/icons/mfa/oktaVerify_ico@2x.png);
  }
}

#okta-sign-in .mfa-okta-verify {
  background-image: url(../img/icons/mfa/oktaVerify_70x70.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.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-google-auth,
#okta-sign-in .mfa-google-auth-30 {
  background-image: url(../img/icons/mfa/googleAuth_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-google-auth,
  #okta-sign-in .mfa-google-auth-30 {
    background-image: url(../img/icons/mfa/googleAuth_ico@2x.png);
  }
}

#okta-sign-in .mfa-google-auth {
  background-image: url(../img/icons/mfa/googleAuth_70x70.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.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-symantec,
#okta-sign-in .mfa-symantec-30 {
  background-image: url(../img/icons/mfa/symantec_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-symantec,
  #okta-sign-in .mfa-symantec-30 {
    background-image: url(../img/icons/mfa/symantec_ico@2x.png);
  }
}

#okta-sign-in .mfa-symantec {
  background-image: url(../img/icons/mfa/symantec_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-symantec {
    background-image: url(../img/icons/mfa/symantec@2x.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-rsa,
#okta-sign-in .mfa-rsa-30 {
  background-image: url(../img/icons/mfa/rsa_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-rsa,
  #okta-sign-in .mfa-rsa-30 {
    background-image: url(../img/icons/mfa/rsa_ico@2x.png);
  }
}

#okta-sign-in .mfa-rsa {
  background-image: url(../img/icons/mfa/rsa_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-rsa {
    background-image: url(../img/icons/mfa/rsa@2x.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-onprem,
#okta-sign-in .mfa-onprem-30 {
  background-image: url(../img/icons/mfa/onprem_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-onprem,
  #okta-sign-in .mfa-onprem-30 {
    background-image: url(../img/icons/mfa/onprem_ico@2x.png);
  }
}

#okta-sign-in .mfa-onprem {
  background-image: url(../img/icons/mfa/onprem_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-onprem {
    background-image: url(../img/icons/mfa/onprem@2x.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-duo,
#okta-sign-in .mfa-duo-30 {
  background-image: url(../img/icons/mfa/duo_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-duo,
  #okta-sign-in .mfa-duo-30 {
    background-image: url(../img/icons/mfa/duo_ico@2x.png);
  }
}

#okta-sign-in .mfa-duo {
  background-image: url(../img/icons/mfa/duo_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-duo {
    background-image: url(../img/icons/mfa/duo@2x.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-yubikey,
#okta-sign-in .mfa-yubikey-30 {
  background-image: url(../img/icons/mfa/yubico_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-yubikey,
  #okta-sign-in .mfa-yubikey-30 {
    background-image: url(../img/icons/mfa/yubico_ico@2x.png);
  }
}

#okta-sign-in .mfa-yubikey {
  background-image: url(../img/icons/mfa/yubico_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-yubikey {
    background-image: url(../img/icons/mfa/yubico@2x.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-okta-sms,
#okta-sign-in .mfa-sms-30 {
  background-image: url(../img/icons/mfa/sms_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-okta-sms,
  #okta-sign-in .mfa-sms-30 {
    background-image: url(../img/icons/mfa/sms_ico@2x.png);
  }
}

#okta-sign-in .mfa-okta-sms {
  background-image: url(../img/icons/mfa/sms_70x70.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.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-okta-call,
#okta-sign-in .mfa-call-30 {
  background-image: url(../img/icons/mfa/voicecall_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-okta-call,
  #okta-sign-in .mfa-call-30 {
    background-image: url(../img/icons/mfa/voicecall_ico@2x.png);
  }
}

#okta-sign-in .mfa-okta-call {
  background-image: url(../img/icons/mfa/voicecall_70x70.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.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-okta-email,
#okta-sign-in .mfa-email-30 {
  background-image: url(../img/icons/mfa/email_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-okta-email,
  #okta-sign-in .mfa-email-30 {
    background-image: url(../img/icons/mfa/email_ico@2x.png);
  }
}

#okta-sign-in .mfa-okta-email {
  background-image: url(../img/icons/mfa/email_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-okta-email {
    background-image: url(../img/icons/mfa/email@2x.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-okta-security-question,
#okta-sign-in .mfa-question-30 {
  background-image: url(../img/icons/mfa/question_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-okta-security-question,
  #okta-sign-in .mfa-question-30 {
    background-image: url(../img/icons/mfa/question_ico@2x.png);
  }
}

#okta-sign-in .mfa-okta-security-question {
  background-image: url(../img/icons/mfa/question_70x70.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.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-windows-hello,
#okta-sign-in .mfa-windows-hello-30 {
  background-image: url(../img/icons/mfa/windowsHello_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-windows-hello,
  #okta-sign-in .mfa-windows-hello-30 {
    background-image: url(../img/icons/mfa/windowsHello_ico@2x.png);
  }
}

#okta-sign-in .mfa-windows-hello {
  background-image: url(../img/icons/mfa/windowsHello_70x70.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.png);
  }
}

#okta-sign-in .enroll-factor-row .mfa-u2f,
#okta-sign-in .mfa-u2f-30 {
  background-image: url(../img/icons/mfa/u2f_38x38.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .enroll-factor-row .mfa-u2f,
  #okta-sign-in .mfa-u2f-30 {
    background-image: url(../img/icons/mfa/u2f_ico@2x.png);
  }
}

#okta-sign-in .mfa-u2f {
  background-image: url(../img/icons/mfa/u2f_70x70.png);
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  #okta-sign-in .mfa-u2f {
    background-image: url(../img/icons/mfa/u2f@2x.png);
  }
}

#okta-sign-in .button {
  color: #5e5e5e;
  background-color: #fbfbfb;
  background: -o-linear-gradient(top,#fbfbfb 0,#f8f8f8 100%);
  background: -ms-linear-gradient(top,#fbfbfb 0,#f8f8f8 100%);
  background: -webkit-linear-gradient(#fbfbfb,#f8f8f8);
  background: linear-gradient(#fbfbfb,#f8f8f8);
  border-color: #c3c3c3;
  border-bottom-color: #bbb;
  box-shadow: rgba(0,0,0,.05) 0 1px 0,rgba(255,255,255,.1) 0 1px 0 0 inset;
}

#okta-sign-in .button:active,
#okta-sign-in .button:focus,
#okta-sign-in .button:hover {
  background-color: #fff;
  background: -o-linear-gradient(top,#fff 0,#fcfcfc 100%);
  background: -ms-linear-gradient(top,#fff 0,#fcfcfc 100%);
  background-image: -webkit-linear-gradient(white,#fcfcfc);
  background-image: linear-gradient(white,#fcfcfc);
  border-color: #b2b2b2;
  border-bottom-color: #afaeae;
  text-decoration: none;
  cursor: pointer;
}

#okta-sign-in .button:active,
#okta-sign-in .button:focus,
#okta-sign-in .button:hover {
  box-shadow: none;
}

#okta-sign-in .button:focus {
  border-color: #0074b3;
}

#okta-sign-in .button-dark {
  color: #fff;
  background-color: #929292;
  background: -o-linear-gradient(top,#929292 0,#8a8a8a 100%);
  background: -ms-linear-gradient(top,#929292 0,#8a8a8a 100%);
  background: -webkit-linear-gradient(#929292,#8a8a8a);
  background: linear-gradient(#929292,#8a8a8a);
  border-color: #6c6c6c;
  border-bottom-color: #676767;
  box-shadow: rgba(0,0,0,.15) 0 1px 0,rgba(255,255,255,.1) 0 1px 0 0 inset;
}

#okta-sign-in .button-dark:active,
#okta-sign-in .button-dark:focus,
#okta-sign-in .button-dark:hover {
  background-color: #9a9a9a;
  background: -o-linear-gradient(top,#9a9a9a 0,#929292 100%);
  background: -ms-linear-gradient(top,#9a9a9a 0,#929292 100%);
  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:active,
#okta-sign-in .button-dark:focus,
#okta-sign-in .button-dark:hover {
  box-shadow: none;
}

#okta-sign-in .button-primary {
  color: #fff;
  background-color: #007dc1;
  background: -o-linear-gradient(top,#007dc1 0,#0073b2 100%);
  background: -ms-linear-gradient(top,#007dc1 0,#0073b2 100%);
  background: -webkit-linear-gradient(#007dc1,#0073b2);
  background: linear-gradient(#007dc1,#0073b2);
  border-color: #004b75;
  border-bottom-color: #00456a;
  box-shadow: rgba(0,0,0,.15) 0 1px 0,rgba(255,255,255,.1) 0 1px 0 0 inset;
}

#okta-sign-in .button-primary:active,
#okta-sign-in .button-primary:focus,
#okta-sign-in .button-primary:hover {
  background-color: #0087d0;
  background: -o-linear-gradient(top,#0087d0 0,#007dc1 100%);
  background: -ms-linear-gradient(top,#0087d0 0,#007dc1 100%);
  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:active,
#okta-sign-in .button-primary:focus,
#okta-sign-in .button-primary:hover {
  box-shadow: none;
}

#okta-sign-in .button-success {
  color: #fff;
  background-color: #4cbf9c;
  background: -o-linear-gradient(top,#4cbf9c 0,#42b995 100%);
  background: -ms-linear-gradient(top,#4cbf9c 0,#42b995 100%);
  background: -webkit-linear-gradient(#4cbf9c,#42b995);
  background: linear-gradient(#4cbf9c,#42b995);
  border-color: #328c71;
  border-bottom-color: #2f856b;
  box-shadow: rgba(0,0,0,.15) 0 1px 0,rgba(255,255,255,.1) 0 1px 0 0 inset;
}

#okta-sign-in .button-success:active,
#okta-sign-in .button-success:focus,
#okta-sign-in .button-success:hover {
  background-color: #57c3a2;
  background: -o-linear-gradient(top,#57c3a2 0,#4cbf9c 100%);
  background: -ms-linear-gradient(top,#57c3a2 0,#4cbf9c 100%);
  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:active,
#okta-sign-in .button-success:focus,
#okta-sign-in .button-success:hover {
  box-shadow: none;
}

#okta-sign-in .button.link-button-disabled {
  color: #aaa;
}

#okta-sign-in .button.link-button-disabled:active,
#okta-sign-in .button.link-button-disabled:focus,
#okta-sign-in .button.link-button-disabled:hover {
  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:active,
#okta-sign-in .button.button-primary.link-button-disabled:focus,
#okta-sign-in .button.button-primary.link-button-disabled:hover {
  cursor: default;
  background-image: none;
}

#okta-sign-in .icon-button {
  color: #5e5e5e;
  background-color: #fff;
  background: -o-linear-gradient(top,#fff 0,#fff 100%);
  background: -ms-linear-gradient(top,#fff 0,#fff 100%);
  background: -webkit-linear-gradient(#fff,#fff);
  background: linear-gradient(#fff,#fff);
  border-color: #c4c4c4;
  border-bottom-color: #bdbdbd;
}

#okta-sign-in .icon-button:active,
#okta-sign-in .icon-button:focus,
#okta-sign-in .icon-button:hover {
  background-color: #fff;
  background: -o-linear-gradient(top,#fff 0,#fff 100%);
  background: -ms-linear-gradient(top,#fff 0,#fff 100%);
  background-image: -webkit-linear-gradient(white,#fff);
  background-image: linear-gradient(white,#fff);
  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,.2);
}

#okta-sign-in .okta-dropdown-option.dropdown-list-title:hover {
  background: 0 0;
}

#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.focused-input {
  border-color: #0074b3;
}

#okta-sign-in .okta-form-input-field input {
  color: #5e5e5e;
}

#okta-sign-in .okta-form-input-field input::-webkit-input-placeholder {
  color: #aaa;
}

#okta-sign-in .okta-form-input-field input::-moz-placeholder {
  color: #aaa;
}

#okta-sign-in .okta-form-input-field input:-ms-input-placeholder {
  color: #aaa;
}

#okta-sign-in .okta-form-input-field input[disabled] {
  color: #777;
  -webkit-text-fill-color: #777;
}

#okta-sign-in .okta-form-input-field placeholder {
  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-drop,
#okta-sign-in .chzn-with-drop .chzn-single {
  background-color: #fff;
  border-color: #888;
}