﻿@charset "UTF-8";
@font-face {
  font-family: "segoe-ui_light";
  src: url("Fonts/segoe-ui_light.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_light.ttf") format("truetype"), url("Fonts/segoe-ui_light.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semilight";
  src: url("Fonts/segoe-ui_semilight.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semilight.ttf") format("truetype"), url("Fonts/segoe-ui_semilight.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_normal";
  src: url("Fonts/segoe-ui_normal.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_normal.ttf") format("truetype"), url("Fonts/segoe-ui_normal.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semibold";
  src: url("Fonts/segoe-ui_semibold.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semibold.ttf") format("truetype"), url("Fonts/segoe-ui_semibold.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_light";
  src: url("Fonts/segoe-ui_light.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_light.ttf") format("truetype"), url("Fonts/segoe-ui_light.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semilight";
  src: url("Fonts/segoe-ui_semilight.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semilight.ttf") format("truetype"), url("Fonts/segoe-ui_semilight.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_normal";
  src: url("Fonts/segoe-ui_normal.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_normal.ttf") format("truetype"), url("Fonts/segoe-ui_normal.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semibold";
  src: url("Fonts/segoe-ui_semibold.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semibold.ttf") format("truetype"), url("Fonts/segoe-ui_semibold.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_light";
  src: url("Fonts/segoe-ui_light.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_light.ttf") format("truetype"), url("Fonts/segoe-ui_light.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semilight";
  src: url("Fonts/segoe-ui_semilight.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semilight.ttf") format("truetype"), url("Fonts/segoe-ui_semilight.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_normal";
  src: url("Fonts/segoe-ui_normal.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_normal.ttf") format("truetype"), url("Fonts/segoe-ui_normal.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semibold";
  src: url("Fonts/segoe-ui_semibold.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semibold.ttf") format("truetype"), url("Fonts/segoe-ui_semibold.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_light";
  src: url("Fonts/segoe-ui_light.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_light.ttf") format("truetype"), url("Fonts/segoe-ui_light.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semilight";
  src: url("Fonts/segoe-ui_semilight.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semilight.ttf") format("truetype"), url("Fonts/segoe-ui_semilight.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_normal";
  src: url("Fonts/segoe-ui_normal.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_normal.ttf") format("truetype"), url("Fonts/segoe-ui_normal.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "segoe-ui_semibold";
  src: url("Fonts/segoe-ui_semibold.eot?#iefix") format("embedded-opentype"), url("Fonts/segoe-ui_semibold.ttf") format("truetype"), url("Fonts/segoe-ui_semibold.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*Page Specifix styles*/
body {
  font-family: "segoe-ui_normal";
  font-size: 13px;
  cursor: default;
  background-color: white;
}
body > .iQualify.PathIndicator {
  top: 72px;
  left: 24px;
}
body > .WebControls3.Ribbon {
  top: 72px;
  left: 24px;
  right: 24px;
}
body.hasSidebar .pageContent {
  left: 298px;
}
body.hasSidebar > .iQualify.PathIndicator {
  left: 298px;
}
body.hasSidebar > .WebControls3.Ribbon {
  left: 298px;
}
body.hasFilterPanel .pageContent {
  left: 324px;
}
body.hasFilterPanel > .iQualify.PathIndicator {
  left: 324px;
}
body.hasFilterPanel > .WebControls3.Ribbon {
  left: 324px;
}
body.hasPathindicator .pageContent {
  top: 120px;
}
body.hasPathindicator.hasRibbon .pageContent {
  top: 180px;
}
body.hasPathindicator.hasRibbon > .WebControls3.Ribbon {
  top: 120px;
}
body.hasRibbon .pageContent {
  top: 132px;
}

:focus {
  outline: 0;
}

::selection { /* WebKit/Blink Browsers */
  background-color: #2196f3;
  color: #fff;
}

::-moz-selection { /* Gecko Browsers */
  background-color: #2196f3;
  color: #fff;
}

input.WatermarkHidden, select.WatermarkHidden, textarea.WatermarkHidden {
  background-image: none !important;
}

input[type=text], input[type=password], input[type=number], input[type=email], input:not([type]) {
  height: 32px;
}
input[type=text].Pointer, input[type=password].Pointer, input[type=number].Pointer, input[type=email].Pointer, input:not([type]).Pointer {
  cursor: pointer;
}
input[type=text].Small, input[type=password].Small, input[type=number].Small, input[type=email].Small, input:not([type]).Small {
  vertical-align: top;
  width: 75px;
}
input[type=text].Middle, input[type=password].Middle, input[type=number].Middle, input[type=email].Middle, input:not([type]).Middle {
  width: 450px;
}
input[type=text].Large, input[type=password].Large, input[type=number].Large, input[type=email].Large, input:not([type]).Large {
  width: 650px;
}
input[type=text].Mini, input[type=password].Mini, input[type=number].Mini, input[type=email].Mini, input:not([type]).Mini {
  vertical-align: top;
  width: 45px;
}

input[type=text], input[type=password], input[type=number], input[type=email], input:not([type]), textarea {
  font-family: "segoe-ui_normal";
  border: 1px solid #b8b8b8;
  padding: 0 8px;
  cursor: text;
  color: #555;
  background-color: white;
  box-sizing: border-box;
  width: 250px;
  -webkit-transition: border-color 0.25s ease-out,  color 0.25s ease-out;
  -moz-transition: border-color 0.25s ease-out,  color 0.25s ease-out;
  -ms-transition: border-color 0.25s ease-out,  color 0.25s ease-out;
  -o-transition: border-color 0.25s ease-out,  color 0.25s ease-out;
  transition: border-color 0.25s ease-out,  color 0.25s ease-out;
}
input[type=text]:hover, input[type=password]:hover, input[type=number]:hover, input[type=email]:hover, input:not([type]):hover, textarea:hover {
  -webkit-transition: border-color 0s ease-out,  color 0s ease-out;
  -moz-transition: border-color 0s ease-out,  color 0s ease-out;
  -ms-transition: border-color 0s ease-out,  color 0s ease-out;
  -o-transition: border-color 0s ease-out,  color 0s ease-out;
  transition: border-color 0s ease-out,  color 0s ease-out;
}
input[type=text]::-ms-clear, input[type=password]::-ms-clear, input[type=number]::-ms-clear, input[type=email]::-ms-clear, input:not([type])::-ms-clear, textarea::-ms-clear {
  display: none;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input:not([type]):focus, textarea:focus {
  border-color: #186caf;
  color: #186caf;
  outline: none;
}
input[type=text]:hover:not(:disabled):not(.Disabled), input[type=password]:hover:not(:disabled):not(.Disabled), input[type=number]:hover:not(:disabled):not(.Disabled), input[type=email]:hover:not(:disabled):not(.Disabled), input:not([type]):hover:not(:disabled):not(.Disabled), textarea:hover:not(:disabled):not(.Disabled) {
  border-color: #2196f3;
  color: #186caf;
}
input[type=text]::-ms-clear, input[type=password]::-ms-clear, input[type=number]::-ms-clear, input[type=email]::-ms-clear, input:not([type])::-ms-clear, textarea::-ms-clear {
  display: none;
}
input[type=text]:disabled, input[type=text].Disabled, input[type=password]:disabled, input[type=password].Disabled, input[type=number]:disabled, input[type=number].Disabled, input[type=email]:disabled, input[type=email].Disabled, input:not([type]):disabled, input:not([type]).Disabled, textarea:disabled, textarea.Disabled {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  background-color: #f8f8f8;
  cursor: default;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

textarea {
  max-width: 650px;
  width: 100%;
  padding: 8px;
  resize: none;
  overflow: auto;
}
textarea.withMedia {
  width: 436px;
  height: 152px;
  position: absolute;
}

select {
  border: 1px solid #b8b8b8;
  padding-left: 4px;
  height: 32px;
  font-family: "segoe-ui_normal";
}

input[type=button], button {
  margin: 0;
  background-color: #2196f3;
  border: none;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
  height: 2em;
  min-width: 10em;
  padding: 0 0.5em;
  font-size: 15px;
  -webkit-transition: background-color 0.25s ease-out,  color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out,  color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out,  color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out,  color 0.25s ease-out;
  transition: background-color 0.25s ease-out,  color 0.25s ease-out;
}
input[type=button]:hover, button:hover {
  -webkit-transition: background-color 0s ease-out,  color 0s ease-out;
  -moz-transition: background-color 0s ease-out,  color 0s ease-out;
  -ms-transition: background-color 0s ease-out,  color 0s ease-out;
  -o-transition: background-color 0s ease-out,  color 0s ease-out;
  transition: background-color 0s ease-out,  color 0s ease-out;
}
input[type=button]:focus, button:focus {
  border-color: #186caf;
  outline: none;
}
input[type=button]:hover, button:hover {
  background-color: #186caf;
}
input[type=button]:active, button:active {
  background-color: #0c3555;
}
input[type=button]:disabled, input[type=button].Disabled, button:disabled, button.Disabled {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  background-color: #b8b8b8;
  cursor: default;
}
input[type=button][id*=Cancel], button[id*=Cancel] {
  background-color: white;
  color: #777;
}
input[type=button][id*=Cancel]:hover, button[id*=Cancel]:hover {
  color: #2196f3;
}
input[type=button][id*=Cancel]:active, button[id*=Cancel]:active {
  color: #0c3555;
}
input[type=button][id*=Cancel]:disabled, input[type=button][id*=Cancel].Disabled, button[id*=Cancel]:disabled, button[id*=Cancel].Disabled {
  color: #f0f0f0;
}

label {
  display: inline-block;
  color: #186caf;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
label.HasInputField {
  line-height: 32px;
}
label:hover {
  color: #0c3555;
}
label > input[type=radio], label > input[type=checkbox] {
  vertical-align: -2px;
  margin-right: 0;
  cursor: pointer;
}
label > input[type=radio] {
  margin-bottom: 0.5em;
}
label .WebControls3.DropDown {
  vertical-align: bottom;
}

a {
  color: #186caf;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #0c3555;
}

html, body {
  height: 100%;
  margin: 0;
}

.topbar {
  z-index: 1000;
  color: white;
  position: fixed;
  font-size: 0;
  top: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  height: 48px;
  background-color: #186caf;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.topbar > span.menuButton {
  display: inline-block;
  height: 48px;
  width: 48px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  line-height: 48px;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.topbar > span.menuButton:hover {
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.topbar > span.menuButton i {
  cursor: pointer;
  font-size: 24px;
  vertical-align: middle;
}
.topbar > span.menuButton:hover {
  background-color: #2196f3;
}
.topbar > span.menuButton.open {
  background-color: #edf7fe;
  color: #2196f3;
}
.topbar > a.title {
  line-height: 48px;
  font-size: 20px;
  font-family: segoe-ui_semilight;
  color: white;
  margin-left: 12px;
}
.topbar > a.title::before {
  content: "iQualify ";
  color: #90cbf9;
}
.topbar > div.rightPanel {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
}
.topbar > div.rightPanel > .link {
  display: inline-block;
  line-height: 48px;
  font-size: 14px;
  cursor: pointer;
  color: white;
  padding: 0 24px;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.topbar > div.rightPanel > .link:hover {
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.topbar > div.rightPanel > .link:hover {
  background-color: #2196f3;
}
.topbar > div.rightPanel > .link.open {
  background-color: #edf7fe;
  color: #2196f3;
}
.topbar > div.rightPanel > #ctrOrganisation {
  float: left;
  padding: 8px;
}
.topbar > div.rightPanel > #ctrOrganisation:before {
  content: "\e335";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 24px;
  vertical-align: top;
  line-height: 32px;
  margin-right: 6px;
}
.topbar > div.rightPanel > #ctrOrganisation .WebControls3.DropDown.organisation-selector {
  border-color: transparent;
  background-color: transparent;
  width: 400px;
}

.filterPanel {
  position: absolute;
  top: 48px;
  width: 300px;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.sideBar {
  position: absolute;
  top: 72px;
  width: 250px;
  left: 24px;
  bottom: 12px;
  overflow: hidden;
  overflow-y: auto;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.sideBar::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.sideBar::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.sideBar::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.sideBar::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.sideBar::-webkit-scrollbar-corner {
  background-color: transparent;
}
.sideBar div, .sideBar a {
  margin-right: 5px;
  padding: 12px;
  line-height: 24px;
  border-right: 1px solid #b8b8b8;
}
.sideBar div {
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
}
.sideBar div:not(:first-of-type) {
  padding-top: 48px;
}
.sideBar a {
  position: relative;
  font-size: 15px;
  display: block;
  color: #555;
  padding-left: 16px;
  box-sizing: border-box;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.sideBar a:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.sideBar a:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 3px;
  background-color: #2196f3;
}
.sideBar a:hover, .sideBar a.Selected {
  color: #2196f3;
}
.sideBar a:hover::before, .sideBar a.Selected::before {
  display: block;
}
.sideBar a.Selected {
  background-color: #edf7fe;
  cursor: default;
}

.pageContent {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 12px;
  top: 60px;
  overflow: auto;
}

.PageTitle {
  color: #2196f3;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-family: segoe-ui_semilight;
}

.DetailsColumn {
  width: 50%;
  box-sizing: border-box;
  vertical-align: top;
  float: left;
}
.DetailsColumn:first-child {
  padding-right: 12px;
}
.DetailsColumn:last-child {
  padding-left: 12px;
}

@media only screen and (max-width: 1015px) {
  /* For mobile phones: */
  .DetailsColumn {
    width: 100%;
  }
  .DetailsColumn:first-child {
    padding-right: 0;
  }
  .DetailsColumn:last-child {
    padding-left: 0;
  }
  .DetailsColumn:not(:first-child) {
    margin-top: 24px;
  }
}
table.FullPage {
  position: absolute;
  height: 100%;
  width: 100%;
}
table.Details {
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
}
table.Details.DynamicWidth {
  width: auto;
}
table.Details.DynamicWidth > tbody > tr > td {
  width: auto;
}
table.Details.FixedWidth > tbody > tr > td:nth-child(2) {
  width: 650px;
}
table.Details.FixedWidth.SingleColumn > tbody > tr > td:first-child {
  width: 650px;
  color: #555;
}
table.Details.FixedSmallWidth > tbody > tr > td:nth-child(2) {
  width: 250px;
}
table.Details.FixedSmallWidth > tbody > tr > td[colspan] {
  width: 400px;
}
table.Details.Margin {
  margin-top: 24px;
}
table.Details > tbody > tr > td {
  position: relative;
  color: #555;
  width: 100%;
}
table.Details > tbody > tr > td > label:not(.iQualify.LinkButton) {
  margin: 0px 12px 9px 0;
}
table.Details > tbody > tr > td > label:not(.iQualify.LinkButton):first-child {
  margin-top: 9px;
}
table.Details > tbody > tr > td:first-child {
  color: #777;
}
table.Details > tbody > tr > td:first-child:not([colspan]) {
  width: auto;
  vertical-align: top;
  min-width: 150px;
  padding: 9px 6px 6px 0;
}
table.Details > tbody > tr > td:first-child.TextArea {
  padding: 0px 6px 6px 0;
}
table.Details > tbody > tr > td:last-child:empty:after {
  content: "-";
}
table.Details > tbody > tr > td > div.TextContainer:empty:after {
  content: "-";
}
table.Details > tbody > tr > td.disabled {
  color: #b8b8b8;
}
table.Details > tbody > tr > th, table.Details > tbody > tr.Header td {
  text-align: left;
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
  font-family: segoe-ui_normal;
  font-weight: normal;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}
table.Details > tbody > tr > th:not(:first-child), table.Details > tbody > tr.Header:not(:first-child) td {
  padding-top: 24px;
}
table.Details > tbody > tr.Seperator td {
  height: 1px;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
}
table td.FullHeight {
  height: 100%;
  position: relative;
  vertical-align: top;
  padding: 0;
}
table td.FullHeight > .WebControls3.ListView {
  position: relative;
  height: 100%;
}

.iQualify.SideMenu {
  position: fixed;
  top: 48px;
  bottom: 0;
  left: -320px;
  width: 320px;
  background-color: #edf7fe;
  z-index: 100;
}
.iQualify.SideMenu.open {
  z-index: 101;
  -webkit-box-shadow: -5px 0px 30px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: -5px 0px 30px rgba(12, 53, 85, 0.3);
  box-shadow: -5px 0px 30px rgba(12, 53, 85, 0.3);
}
.iQualify.SideMenu .title {
  font-family: segoe-ui_semilight;
  color: #2196f3;
  font-size: 18px;
  text-transform: uppercase;
  text-indent: 15.84px;
  line-height: 48px;
  border-bottom: 1px solid #90cbf9;
}
.iQualify.SideMenu .settings {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
  height: 48px;
  line-height: 48px;
  padding-left: 52px;
  padding-right: 24px;
  color: #90cbf9;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.SideMenu .settings:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.SideMenu .settings:before {
  font-size: 24px;
  position: absolute;
  top: 12px;
  left: 24px;
  content: "\e8b8";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .settings:hover {
  color: #2196f3;
}
.iQualify.SideMenu .items {
  position: absolute;
  top: 49px;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.iQualify.SideMenu .items::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.SideMenu .items::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.SideMenu .items::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.SideMenu .items::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.SideMenu .items::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.SideMenu .items > div {
  width: 320px;
  box-sizing: border-box;
}
.iQualify.SideMenu .items > .group {
  display: block;
  font-family: segoe-ui_semibold;
  color: #2196f3;
  font-size: 15px;
  text-transform: uppercase;
  text-indent: 15.84px;
  line-height: 48px;
  border-bottom: 1px solid #c5e4fc;
}
.iQualify.SideMenu .items > .group:not(:first-child) {
  margin-top: 24px;
}
.iQualify.SideMenu .items > .item {
  display: block;
  position: relative;
  font-size: 15px;
  display: block;
  color: #555;
  line-height: 49px;
  padding-left: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.iQualify.SideMenu .items > .item .switch {
  position: relative;
  float: right;
  width: 72px;
  height: 48px;
  width: 0px;
  -webkit-transition: width 0.15s ease-out;
  -moz-transition: width 0.15s ease-out;
  -ms-transition: width 0.15s ease-out;
  -o-transition: width 0.15s ease-out;
  transition: width 0.15s ease-out;
}
.iQualify.SideMenu .items > .item .switch:before {
  font-size: 13px;
  position: absolute;
  top: 18px;
  left: 24px;
  -webkit-transition: color 0.1s ease-out;
  -moz-transition: color 0.1s ease-out;
  -ms-transition: color 0.1s ease-out;
  -o-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}
.iQualify.SideMenu .items > .item .switch:hover:before {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.SideMenu .items > .item[data-hidden=false] .switch:before {
  content: "\e834";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #90cbf9;
}
.iQualify.SideMenu .items > .item[data-hidden=false] .switch:hover:before {
  color: #2196f3;
}
.iQualify.SideMenu .items > .item[data-hidden=true] .switch:before {
  content: "\e836";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #b8b8b8;
}
.iQualify.SideMenu .items > .item[data-hidden=true] .switch:hover:before {
  color: #777;
}
.iQualify.SideMenu .items > .item:after {
  display: block;
  position: absolute;
  top: 12px;
  left: 32px;
  color: #777;
  font-size: 24px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.SideMenu .items > .item:before {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #c5e4fc;
  content: "";
}
.iQualify.SideMenu .items > .item:hover {
  background-color: white;
  color: #2196f3;
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.SideMenu .items > .item:hover:after {
  color: #2196f3;
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.SideMenu .items > .item[data-id=Dashboard]:after {
  content: "\e922";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=UsersAndGroups]:after {
  content: "\e7fb";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=ApplicationSettings]:after {
  content: "\e429";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Label]:after {
  content: "\e54e";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Reports]:after {
  content: "\e24d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=DataExport]:after {
  content: "\e905";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=LicenseDashboard]:after {
  content: "\e9a6";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Unit]:after {
  content: "\e335";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Permissions]:after {
  content: "\e897";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Catalog]:after {
  content: "\e54b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Media]:after {
  content: "\e410";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Quiz]:after {
  content: "\e14f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Training]:after {
  content: "\e80c";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Question]:after {
  content: "\e887";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=QuestionPool]:after {
  content: "\e156";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Subscription]:after {
  content: "\e80b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=SharedContent]:after {
  content: "\e80d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=SubscriptionPage]:after {
  content: "\e890";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=LearnPeriod]:after {
  content: "\e24f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Result]:after {
  content: "\e01d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .item[data-id=Extra]:after {
  content: "\e5c3";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SideMenu .items > .link {
  display: block;
  border-bottom: 1px solid #c5e4fc;
  line-height: 32px;
  padding: 0 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  color: #555;
  font-size: 14px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.SideMenu .items > .link:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.SideMenu .items > .link:hover {
  color: #2196f3;
}
.iQualify.SideMenu .items.showSwitches > .item .switch {
  width: 72px;
}
.iQualify.SideMenu .items > .expand {
  height: 24px;
  text-align: center;
  color: #777;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.SideMenu .items > .expand:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.SideMenu .items > .expand:before {
  content: "\e5cf";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  vertical-align: top;
}
.iQualify.SideMenu .items > .expand:hover {
  color: #2196f3;
}
.iQualify.SideMenu .items > .link {
  /*RECENTLINKS*/
}

.iQualify.SideMenuOverlay {
  display: none;
  background-color: rgba(12, 53, 85, 0.3);
  position: fixed;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  opacity: 0;
  display: none;
}

.FeedbackArea {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 820px;
  height: 200px;
}

[class^=icon-], [class*=" icon-"] {
  font-size: 24px;
}
[class^=icon-].icon-down, [class*=" icon-"].icon-down {
  font-size: 18px;
}

.UserIcon {
  color: #186caf;
  font-size: 16px;
}
.UserIcon:before {
  content: "\e7fd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.UserIcon.ISync {
  color: #2ca129;
}
.UserIcon.Disabled {
  color: #b8b8b8;
}

.AddIcon {
  color: #2ca129;
  font-size: 16px;
}
.AddIcon:before {
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.UserGroupIcon {
  color: #186caf;
  font-size: 16px;
}
.UserGroupIcon:before {
  content: "\e7fb";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.UserGroupIcon.ISync {
  color: #2ca129;
}

.WarningIcon {
  color: #ff7800;
  font-size: 16px;
}
.WarningIcon:before {
  content: "\e001";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.HelpIcon {
  color: #2ca129;
  font-size: 16px;
}
.HelpIcon:before {
  content: "\e88f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.ListIcon {
  display: inline-block !important;
}
.ListIcon.Score {
  font-size: 16px;
}
.ListIcon.Score:before {
  content: "\e902";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.ListIcon.Score.Incorrect {
  color: #d60000;
}
.ListIcon.Score.PartiallyCorrect {
  color: #ff7800;
}
.ListIcon.Score.Unconfirmed {
  color: #b8b8b8;
}
.ListIcon.Score.Correct {
  color: #2ca129;
}
.ListIcon.Feedback {
  font-size: 16px;
  margin-right: 1px;
}
.ListIcon.Feedback.HasFeedback:before {
  content: "\e88f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.ListIcon.Feedback.No {
  width: 16px;
}

.IconArrowRight {
  color: #186caf;
  font-size: 16px;
}
.IconArrowRight:before {
  content: "\e409";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.IconHelp {
  color: #2196f3;
  font-size: 16px;
}
.IconHelp:before {
  content: "\e8fd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.IconHelp:hover {
  cursor: pointer;
}

.IconArrowLeft {
  color: #186caf;
  font-size: 16px;
}
.IconArrowLeft:before {
  content: "\e408";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.IconWarning {
  color: #ff7800;
  font-size: 16px;
}
.IconWarning:before {
  content: "\e002";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.IconWarning.Info {
  cursor: help;
  margin-left: 6px;
}

.IncludeIcon {
  width: 16px;
}

.ExcludeIcon {
  color: #ff7800;
  font-size: 16px;
}
.ExcludeIcon:before {
  content: "\e888";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

span.AnswerSeperator:before {
  content: "\e5c4";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

[cachescrollposition=true] {
  visibility: hidden;
}

.WebControls3.Dialog .Content.Large {
  width: 936px;
  height: 555px;
}

#divSubmitFrameContainer {
  display: none;
}

.QuestionPreview.DialogCoverDiv {
  background-color: rgba(12, 53, 85, 0.3);
  opacity: 1 !important;
  z-index: 1001;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}

.MediaWrapper {
  position: absolute !important;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
}

.ClosePreview {
  position: absolute;
  height: 24px;
  width: 24px;
  font-size: 24px;
  top: 0;
  right: 0;
  padding: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  cursor: pointer;
}
.ClosePreview:hover {
  color: #2196f3;
}
.ClosePreview:before {
  display: block;
  content: "\e888";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.Overflow {
  max-height: 250px;
  overflow-y: auto;
}

.Disabled {
  cursor: default;
  color: #777;
}
.Disabled:hover {
  color: #777;
}
.Disabled input {
  cursor: default !important;
}

.TemplateSelector {
  display: flex;
  align-items: center;
}
.TemplateSelector label {
  margin: 4px;
}

.WebControls3.EditTemplate {
  position: relative;
}
.WebControls3.EditTemplate > .Top-Decoration {
  display: none !important;
}
.WebControls3.EditTemplate .ErrorList {
  color: #d60000;
}
.WebControls3.EditTemplate > .Buttons {
  padding: 12px;
  text-align: right;
  font-size: 0;
}
.WebControls3.EditTemplate > .Buttons > hr {
  display: none;
}
.WebControls3.EditTemplate > .Contents {
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  padding: 12px 24px;
  position: relative;
  z-index: 1;
}
.WebControls3.EditTemplate.GreyBackground > .Contents {
  background-color: #f0f0f0;
}
.WebControls3.EditTemplate.FullPage {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
}
.WebControls3.EditTemplate.FullPage > .Buttons {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  height: 54px;
}
.WebControls3.EditTemplate.FullPage > .Contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 54px;
  overflow: auto;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.WebControls3.EditTemplate.FullPage > .Contents::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.WebControls3.EditTemplate.FullPage > .Contents::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.WebControls3.EditTemplate.FullPage > .Contents::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.WebControls3.EditTemplate.FullPage > .Contents::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.WebControls3.EditTemplate.FullPage > .Contents::-webkit-scrollbar-corner {
  background-color: transparent;
}

.WebControls3.Dialog > .Content .WebControls3.EditTemplate {
  padding: 0 !important;
}
.WebControls3.Dialog > .Content .WebControls3.EditTemplate > .Contents {
  padding: 12px;
}

.WebControls3.Dialog.Fullscreen > .Content .WebControls3.EditTemplate.FullPage {
  top: 0;
}
.WebControls3.Dialog.Fullscreen > .Content .WebControls3.EditTemplate.FullPage > .Contents {
  padding: 12px 0;
}

/*Autocomplete dropdown*/
.WebControls3.DropDown {
  border: 1px solid #b8b8b8;
  background-color: white;
  height: 32px;
  box-sizing: border-box;
  display: inline-block;
  width: 250px;
  line-height: normal;
  -webkit-transition: color 0.25s ease-out,  background-color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out,  background-color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out,  background-color 0.25s ease-out;
  -o-transition: color 0.25s ease-out,  background-color 0.25s ease-out;
  transition: color 0.25s ease-out,  background-color 0.25s ease-out;
}
.WebControls3.DropDown:hover {
  -webkit-transition: color 0s ease-out,  background-color 0s ease-out;
  -moz-transition: color 0s ease-out,  background-color 0s ease-out;
  -ms-transition: color 0s ease-out,  background-color 0s ease-out;
  -o-transition: color 0s ease-out,  background-color 0s ease-out;
  transition: color 0s ease-out,  background-color 0s ease-out;
}
.WebControls3.DropDown.Small {
  width: 110px;
}
.WebControls3.DropDown.Medium {
  width: 350px;
}
.WebControls3.DropDown.Large {
  width: 650px;
}
.WebControls3.DropDown .ArrowImage {
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  height: 30px;
  width: 31px;
  background-color: white;
  box-sizing: border-box;
  color: #555;
}
.WebControls3.DropDown .ArrowImage:before {
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 24px;
  content: "\e5cf";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.DropDown .ArrowImage:hover {
  color: #fff !important;
  background-color: #2196f3 !important;
}
.WebControls3.DropDown:hover {
  border-color: #2196f3;
}
.WebControls3.DropDown:hover .ArrowImage {
  color: #2196f3;
}
.WebControls3.DropDown .TextInput {
  cursor: pointer;
  border: 1px none #b8b8b8 !important;
  vertical-align: middle;
  height: 30px !important;
  line-height: 30px;
  background-image: none;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: 14px;
  text-overflow: ellipsis;
}
.WebControls3.DropDown .Watermark {
  color: #b8b8b8;
}
.WebControls3.DropDown.AutoComplete .TextInput {
  cursor: default;
}
.WebControls3.DropDown.AutoComplete .Watermark {
  color: #b8b8b8;
  cursor: text;
}
.WebControls3.DropDown.MarginBottom {
  margin-bottom: 8px;
}

body.Mobile .WebControls3.DropDownList .ItemContainer {
  max-height: 150px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.WebControls3.DropDownList {
  background-color: white;
  padding: 0;
  padding-left: 0 !important;
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  margin-top: -1px;
  /* Selected item in dropdown. At the moment no altered style */
}
.WebControls3.DropDownList .Item {
  cursor: pointer;
  line-height: 28px;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding: 0 8px;
  font-size: 14px;
  color: #555;
}
.WebControls3.DropDownList .Item img {
  margin-right: 3px;
}
.WebControls3.DropDownList .TreeIcon {
  width: 16px;
  height: 9px;
  padding: 1px;
  -moz-background-clip: content-box;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 0);
  display: inline-block;
  vertical-align: middle;
  background-position: 1px 1px;
  background-repeat: no-repeat;
}
.WebControls3.DropDownList .TreeIcon.Collapsed {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94KFAoaEaYhUGkAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAMNJREFUKM+lkKEKwlAARc+GSY0iRqNg8BfG+wHDA6PwvsLorCI2iyBiVFA0mATnLxgMpi2K2HTWZ9DBY24w2Ek3XC7cYwmpPL4oIDiu58SxAcaDnlOrVnzAFVL9lRBSeVpr/XyFerHcaiGVL6RyzLIdhXKpSLfTZjpy661mwzNXbTJQiMIrfLPZH1isdsHvxCk6UQA4X64MJzNu98cAcOMPrSwKMmFllgk4QKrMuII+kC7ToA7kkGmQLNMgUWZUOuWW+QE4gVJHuIfm6wAAAABJRU5ErkJggg==");
}
.WebControls3.DropDownList .TreeIcon.Expanded {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94KDwkzB5PtFBQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAPxJREFUKM+1kLFKw1AYhb/GPoJCQZCITjp1cdFB7yAdA/cJ7hPIHV26lw6dujZ5gZBM4iCZglCF1s1JDE6FRLmOna5LUppKRATPdPjP4cD/tYRULuDSrKwNeAfu3ujspPstTR/mvGRvug0EefF+dXlx6nZ2tleFRV4Q3dxlQACAkMrT/YFdl+4PrJDKq00LqaJ0OrPWWptOZ1ZIFVWZs9bTw/HELPKC4XhiAF0FW5V5fX4yu4fHy/vHee/DfF4noX/b+K+Q6py/qPVrmMDoh5J2SlhZ0woQOEno197dXElC3zgASejHQLxRiMt7HSZgSt8Mc/+ouwR6wD/B/AIFz253gA+ObgAAAABJRU5ErkJggg==");
}
.WebControls3.DropDownList .Item.Disabled {
  cursor: default;
  color: #b8b8b8;
  text-decoration: none;
}
.WebControls3.DropDownList .Item.Separator hr {
  margin-top: 7px; /* this is set, because the default HR margin is set to 0px in this CSS */
}
.WebControls3.DropDownList .Selected {
  background-color: #186caf;
  color: white;
}
.WebControls3.DropDownList .HighLighted {
  background-color: #2196f3;
  color: white;
}

.WebControls3.DropDownToolTip {
  padding: 6px;
  max-width: 500px;
  background-color: white;
  border: 1px solid #b8b8b8;
}

/*Wizard*/
.wizardStepContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 24px;
  overflow: auto;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.wizardStepContent::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.wizardStepContent::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.wizardStepContent::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.wizardStepContent::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.wizardStepContent::-webkit-scrollbar-corner {
  background-color: transparent;
}

.pageContent > .WebControls3.Wizard {
  top: 40px;
  border-top: 1px solid #b8b8b8;
}

.WebControls3.Wizard .Header {
  height: 120px;
}
.WebControls3.Wizard .StepContainer {
  height: 120px;
}
.WebControls3.Wizard .StepContainer .Step .StepNumber {
  position: relative;
  top: 20px;
  height: 48px;
  width: 48px;
  background-color: #fff;
  border: 3px solid #c5e4fc;
  box-sizing: border-box;
  border-radius: 50%;
  color: #90cbf9;
  font-size: 20px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: transform 0.1s ease-out,  box-shadow 0.1s ease-out;
  -moz-transition: transform 0.1s ease-out,  box-shadow 0.1s ease-out;
  -ms-transition: transform 0.1s ease-out,  box-shadow 0.1s ease-out;
  -o-transition: transform 0.1s ease-out,  box-shadow 0.1s ease-out;
  transition: transform 0.1s ease-out,  box-shadow 0.1s ease-out;
}
.WebControls3.Wizard .StepContainer .Step .StepNumber:hover {
  transform: scale(1.2);
}
.WebControls3.Wizard .StepContainer .Step .StepTitle {
  font-size: 15px;
  color: #b8b8b8;
  height: auto;
  line-height: normal;
  margin-top: 32px;
}
.WebControls3.Wizard .StepContainer .Step .StepLine {
  background-color: #c5e4fc;
  height: 6px;
  top: 41px;
}
.WebControls3.Wizard .StepContainer .Step .StepLine.Left.First {
  display: none;
}
.WebControls3.Wizard .StepContainer .Step .StepLine .AnimateTube {
  background-color: #2196f3;
}
.WebControls3.Wizard .StepContainer .Step.Visited:not(.TentativeReset) .StepLine.Left {
  background-color: #2196f3;
}
.WebControls3.Wizard .StepContainer .Step.Visited:not(.TentativeReset):not(.LastVisited) .StepLine.Right {
  background-color: #2196f3;
}
.WebControls3.Wizard .StepContainer .Step.Visited:not(.TentativeReset) .StepNumber {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #fff;
}
.WebControls3.Wizard .StepContainer .Step.Visited:not(.TentativeReset):not(.Current):not(.LastVisited):not(.TentativeReset) .StepNumber::before {
  content: "\e5ca";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 24px;
  line-height: 34px;
}
.WebControls3.Wizard .StepContainer .Step.Current .StepNumber {
  background-color: #fff !important;
  border-color: #2196f3 !important;
  color: #2196f3 !important;
  transform: scale(1.2);
}
.WebControls3.Wizard .StepContainer .Step.Current .StepTitle {
  color: #2196f3;
}
.WebControls3.Wizard .StepContainer .Step.LastVisited .StepNumber {
  box-shadow: 6px 0 0 0 #fff;
}
.WebControls3.Wizard .StepArea {
  top: 120px;
  bottom: 48px;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}
.WebControls3.Wizard .Footer .ButtonContainer {
  padding: 10px;
  text-align: right;
  font-size: 0;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  height: 48px;
}

/*************************************************************/
/* WebControls3.DatePicker stylesheet				         */
/*************************************************************/
.WebControls3.DatePicker {
  margin: 0;
  cursor: default;
  font-weight: normal;
  white-space: nowrap;
}
.WebControls3.DatePicker .Image {
  display: inline-block;
  cursor: pointer;
  margin-left: 6px;
}
.WebControls3.DatePicker .Image.Calendar:before {
  font-size: 20px;
  vertical-align: -3px;
  content: "\e24f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.DatePicker .Day {
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.DatePicker .Day:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.DatePicker .Day:not(.Empty):hover {
  color: #2196f3;
}
.WebControls3.DatePicker .Day.NoSelect {
  background-color: #f8f8f8;
  text-decoration: line-through;
}
.WebControls3.DatePicker .Day.Selected {
  background-color: #2196f3 !important;
  color: #fff !important;
  font-size: 11px;
}
.WebControls3.DatePicker .Day.Today {
  background-color: #edf7fe;
}
.WebControls3.DatePicker .Input {
  border: 1px solid rgba(202, 202, 202, 1) /* color-code: #02, opacity: 1 */;
  cursor: text;
  width: 101px;
  vertical-align: middle;
}
.WebControls3.DatePicker .Input.Watermark {
  color: #b8b8b8;
}
.WebControls3.DatePicker .Month {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #b8b8b8;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.WebControls3.DatePicker .Month:hover {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.WebControls3.DatePicker .Month:hover {
  color: #2196f3;
}
.WebControls3.DatePicker .Month.Selected {
  background-color: #2196f3;
  color: #fff;
  font-size: 11px;
}
.WebControls3.DatePicker .TodayLabel {
  border-top: 1px solid #b8b8b8 !important;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  padding-left: 24px;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.DatePicker .TodayLabel:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.DatePicker .TodayLabel:hover {
  color: #2196f3;
}
.WebControls3.DatePicker .WeekDay {
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  width: 14%;
  color: #2196f3;
  text-transform: uppercase;
}
.WebControls3.DatePicker .Year {
  border-top: 1px solid #b8b8b8 !important;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
}
.WebControls3.DatePicker img {
  cursor: pointer;
  vertical-align: middle;
}
.WebControls3.DatePicker .Disabled img {
  opacity: 0.6;
  cursor: default;
}

.CalendarContainer {
  background-color: #fff;
  width: 400px;
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  margin-top: -1px;
}

/* TABCONTROL */
.WebControls3.TabControl > .Header {
  height: 42px;
}

.WebControls3.TabControl.Header {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  position: relative;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.WebControls3.TabControl.Header > table span.BottomBorder:first-child {
  display: none !important;
}
.WebControls3.TabControl.Header .Scrollable {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.WebControls3.TabControl.Header .TabButton {
  display: inline-block;
  cursor: pointer;
}
.WebControls3.TabControl.Header .TabButton.Disabled {
  cursor: default;
}
.WebControls3.TabControl.Header .TabButton.Disabled .Content {
  color: #b8b8b8;
}
.WebControls3.TabControl.Header .TabButton.Disabled .Content.Inactive {
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.TabControl.Header .TabButton.Disabled .Content.Inactive:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.TabControl.Header .TabButton.Disabled .Content.Inactive:hover {
  color: #b8b8b8;
}
.WebControls3.TabControl.Header .TabButton .Content {
  display: inline-block;
  background-position: left top;
  background-repeat: repeat-x;
  white-space: nowrap;
  text-align: center;
  position: relative;
  color: #777;
  padding-left: 16px;
  padding-right: 16px;
  text-transform: uppercase;
  font-size: 14px;
}
.WebControls3.TabControl.Header .TabButton .Content span.Thumbs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.WebControls3.TabControl.Header .TabButton .Content span.Thumbs .Icon {
  font-size: 20px;
  padding-right: 4px;
}
.WebControls3.TabControl.Header .TabButton .Content span.Thumbs .Up {
  color: #2ca129;
}
.WebControls3.TabControl.Header .TabButton .Content span.Thumbs .Down {
  color: #d60000;
  padding-left: 8px;
}
.WebControls3.TabControl.Header .TabButton .Content span.label {
  display: inline-block;
  line-height: 21px;
  height: 22px;
  color: #fff;
  padding: 0 7px;
  margin-left: 6px;
  border-radius: 11px;
  font-size: 14px;
}
.WebControls3.TabControl.Header .TabButton .Content span.label.Lock {
  background-color: transparent !important;
  color: #777 !important;
  font-size: 14px;
  position: relative;
  top: -2px;
  right: 5px;
}
.WebControls3.TabControl.Header .TabButton .Content span.label.Lock:before {
  content: "\e899";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.TabControl.Header .TabButton .Content span.label.default {
  background-color: #2196f3;
}
.WebControls3.TabControl.Header .TabButton .Content span.label.red {
  background-color: #d60000;
}
.WebControls3.TabControl.Header .TabButton .Content span.label.yellow {
  background-color: #ffc600;
}
.WebControls3.TabControl.Header .TabButton .Content span.label.green {
  background-color: #2ca129;
}
.WebControls3.TabControl.Header .TabButton .Content > span {
  margin-top: -3px;
}
.WebControls3.TabControl.Header .TabButton .Content.Inactive {
  border-top: 3px solid transparent;
  border-bottom: 1px solid #b8b8b8;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.TabControl.Header .TabButton .Content.Inactive:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.TabControl.Header .TabButton .Content.Inactive:hover {
  color: #2196f3;
}
.WebControls3.TabControl.Header .TabButton .Content.Active {
  cursor: default;
  border-top: 3px solid #2196f3;
  border-bottom: 1px solid transparent;
  color: #2196f3;
}
.WebControls3.TabControl.Header .TabButton .Content.Active:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #b8b8b8;
  width: 1px;
  height: 42px;
}
.WebControls3.TabControl.Header .TabButton .Content.Active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #b8b8b8;
  width: 1px;
  height: 42px;
}
.WebControls3.TabControl.Header .Spacer {
  display: none;
}
.WebControls3.TabControl.Header .BottomBorder {
  border-bottom: 1px solid #b8b8b8;
}

.WebControls3.TabControl.Tab {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.WebControls3.TabControl.Tab .TabWrapper {
  overflow: auto;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.WebControls3.TabControl.Tab .TabWrapper::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.WebControls3.TabControl.Tab .TabWrapper::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.WebControls3.TabControl.Tab .TabWrapper::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.WebControls3.TabControl.Tab .TabWrapper::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.WebControls3.TabControl.Tab .TabWrapper::-webkit-scrollbar-corner {
  background-color: transparent;
}
.WebControls3.TabControl.Tab .TabWrapper.hasRibbon {
  top: 72px;
}
.WebControls3.TabControl.Tab .TabWrapper.hasCustomButtons {
  top: 37px;
}

.WebControls3.TabControl.BusyDiv {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
}
.WebControls3.TabControl.BusyDiv .TransparentImage {
  display: none;
}
.WebControls3.TabControl.BusyDiv .BusyImage {
  position: absolute;
  left: 50%;
  top: 50%;
}

.WebControls3.ListView {
  -moz-user-select: -moz-none;
  user-select: none;
  outline: none;
}
.WebControls3.ListView.Statistics .Item td:not(.SpanRowText) > div {
  max-height: 150px;
}
.WebControls3.ListView.PopupContainer {
  z-index: 1300;
}
.WebControls3.ListView .AutoLoadLoadingDiv {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
}
.WebControls3.ListView .AutoLoadLoadingDiv:before, .WebControls3.ListView .AutoLoadLoadingDiv:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
.WebControls3.ListView .AutoLoadLoadingDiv:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
.WebControls3.ListView .AutoLoadLoadingDiv:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.WebControls3.ListView .BusyDiv .BusyImage {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
}
.WebControls3.ListView .BusyDiv .BusyImage:before, .WebControls3.ListView .BusyDiv .BusyImage:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
.WebControls3.ListView .BusyDiv .BusyImage:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
.WebControls3.ListView .BusyDiv .BusyImage:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.WebControls3.ListView .Header {
  color: #186caf;
  text-transform: uppercase;
  font-family: segoe-ui_semibold;
  font-size: 14px;
  cursor: pointer;
  height: 37px;
}
.WebControls3.ListView .Header:not(.NoSort):hover {
  color: #0c3555;
}
.WebControls3.ListView .Header span.Lock:before {
  content: "\e899";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.ListView .HeaderContainer.NoSorting .Header {
  cursor: default;
}
.WebControls3.ListView .Header.NoSort {
  cursor: default;
}
.WebControls3.ListView .Header.Dragging {
  background-color: rgba(255, 255, 255, 0.55) /* color-code: #01, opacity: 0.55 */;
}
.WebControls3.ListView .DragHeader {
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  background-color: rgba(255, 255, 255, 0.55) /* color-code: #01, opacity: 0.55 */;
  padding: 2px;
  max-width: 400px;
}
.WebControls3.ListView .ItemArea table {
  outline: 0;
}
.WebControls3.ListView .HeaderContainer {
  border-bottom: 1px solid #b8b8b8;
}
.WebControls3.ListView .HeaderContainer td:first-child {
  padding-left: 6px;
}
.WebControls3.ListView .HeaderContainer .Header .ButtonDiv {
  overflow: visible;
}
.WebControls3.ListView .HeaderContainer .Header div {
  padding: 0 4px 0 4px;
  height: 29px;
  max-height: 2.1em;
  overflow: hidden;
}
.WebControls3.ListView .HeaderContainer .Header .HeaderText {
  line-height: 29px;
}
.WebControls3.ListView .HeaderContainer .CheckboxContainer {
  top: -1px;
  margin-right: 4px !important;
}
.WebControls3.ListView .HeaderContainer .Separator > div {
  box-sizing: border-box;
  height: 28px !important;
  width: 4px !important;
  position: relative;
  background-image: none !important;
}
.WebControls3.ListView .HeaderContainer .Separator > div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  border-right: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.WebControls3.ListView .HeaderContainer .Separator > div:hover:after {
  border-right: 1px solid #0c3555 !important;
}
.WebControls3.ListView .HeaderContainer .Separator.IsLast.Covered > div {
  height: 37px !important;
}
.WebControls3.ListView .MessageContainer {
  font-family: segoe-ui_semibold;
  font-size: 14px;
  color: #2196f3;
  text-transform: uppercase;
  padding: 4px;
}
.WebControls3.ListView .Item {
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  position: relative;
  font-size: 13px;
}
.WebControls3.ListView .Item.Disabled {
  color: #b8b8b8;
}
.WebControls3.ListView .Item img.ListValueIcon {
  vertical-align: -1px;
  margin-right: 2px;
}
.WebControls3.ListView .Item td:not(.SpanRowText) > div {
  max-height: 65px;
  overflow-y: hidden;
  padding: 4px;
  line-height: 21px;
}
.WebControls3.ListView .Item td > div.IconContainerDiv {
  padding-top: 7px;
}
.WebControls3.ListView .Item td > div.IconContainerDiv .CssIcon {
  display: block;
}
.WebControls3.ListView .Item td > div.IconContainerDiv .CssIcon:before {
  display: block;
}
.WebControls3.ListView .Item td > div.IconContainerDiv img {
  display: block;
  margin-top: 3px;
}
.WebControls3.ListView .Item td.SeparatorCell > div {
  padding: 0;
  width: 4px !important;
}
.WebControls3.ListView .Item td.Cell {
  vertical-align: top;
}
.WebControls3.ListView .Item td.Cell span {
  font-family: "segoe-ui_semibold";
  color: #2196f3;
  font-size: 15px;
}
.WebControls3.ListView .Item td.Cell .Thumb {
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.WebControls3.ListView .Item td.Cell .Thumb.Up {
  color: #2ca129;
}
.WebControls3.ListView .Item td.Cell .Thumb.Down {
  color: #d60000;
}
.WebControls3.ListView .Item img.Icon {
  margin-top: 3px;
}
.WebControls3.ListView .ItemArea.SingleSelect .Item:not(.DisableHover),
.WebControls3.ListView .ItemArea.MultiSelect .Item:not(.DisableHover) {
  cursor: pointer;
}
.WebControls3.ListView:not(.Scroll) .ItemArea.SingleSelect .Item:not(.DisableHover):hover td,
.WebControls3.ListView:not(.Scroll) .ItemArea.MultiSelect .Item:not(.DisableHover):hover td {
  background-color: #2196f3 !important;
  color: #fff !important;
}
.WebControls3.ListView:not(.Scroll) .ItemArea.SingleSelect .Item:not(.DisableHover):hover td span,
.WebControls3.ListView:not(.Scroll) .ItemArea.MultiSelect .Item:not(.DisableHover):hover td span {
  color: #fff !important;
}
.WebControls3.ListView:not(.Scroll) .ItemArea.SingleSelect .Item:not(.DisableHover):hover td .CssIcon,
.WebControls3.ListView:not(.Scroll) .ItemArea.MultiSelect .Item:not(.DisableHover):hover td .CssIcon {
  color: #fff;
}
.WebControls3.ListView.Scroll .Item.LastSelected td, .WebControls3.ListView.Scroll .Item.LastSelected tbody {
  background-color: #2196f3 !important;
  color: white !important;
}
.WebControls3.ListView .ItemArea {
  outline: 0;
  bottom: 48px !important;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.WebControls3.ListView .ItemArea::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.WebControls3.ListView .ItemArea::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.WebControls3.ListView .ItemArea::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.WebControls3.ListView .ItemArea::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.WebControls3.ListView .ItemArea::-webkit-scrollbar-corner {
  background-color: transparent;
}
.WebControls3.ListView .Item > tr:first-child > td {
  height: 30px;
  box-sizing: border-box;
}
.WebControls3.ListView .Item > tr > td:first-child {
  padding-left: 6px;
}
.WebControls3.ListView td.CheckboxContainer {
  padding-top: 0px;
  cursor: default;
  padding-right: 4px;
}
.WebControls3.ListView .Item.Selected td, .WebControls3.ListView .Item.Selected tbody {
  background-color: #c5e4fc;
}
.WebControls3.ListView .ItemSeperator {
  background-color: #f0f0f0;
}
.WebControls3.ListView .Footer {
  border-top: 1px solid #b8b8b8;
  height: 48px !important;
  overflow: hidden;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}
.WebControls3.ListView .Footer .Dial {
  position: relative;
  margin: 0 3px;
  margin-top: 8px;
  padding: 0;
  height: 32px;
  width: 32px;
  line-height: 30px;
  cursor: pointer;
  font-size: 15px;
  color: #186caf;
  vertical-align: top;
}
.WebControls3.ListView .Footer .Dial:hover {
  color: #0c3555;
}
.WebControls3.ListView .Footer .Dial.Selected {
  color: #0c3555;
}
.WebControls3.ListView .Footer .Dial.Selected:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 32px;
  content: "\e901";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.ListView .Footer .Dial:not(.Selected):first-child, .WebControls3.ListView .Footer .Dial:not(.Selected):last-child {
  font-size: 0;
}
.WebControls3.ListView .Footer .Dial:not(.Selected):first-child:after, .WebControls3.ListView .Footer .Dial:not(.Selected):last-child:after {
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 24px;
}
.WebControls3.ListView .Footer .Dial:not(.Selected):first-child:after {
  content: "\e5c4";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.ListView .Footer .Dial:not(.Selected):last-child:after {
  content: "\e5c5";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.ListView .Footer .PagingTextContainer {
  padding-left: 12px;
}
.WebControls3.ListView .Footer .PagingTextContainer table {
  border-spacing: 0;
}
.WebControls3.ListView .Footer .PagingTextContainer table td {
  padding: 0 2px;
}
.WebControls3.ListView .Footer.NonPaging {
  line-height: 35px;
  padding-left: 4px;
}
.WebControls3.ListView .SpanRowText {
  font-style: italic;
  font-size: 8pt;
}
.WebControls3.ListView .SelectionBar {
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  border-bottom: 1px solid rgba(150, 160, 170, 0.7) /* color-code: #03, opacity: 0.7 */;
  padding: 6px;
}
.WebControls3.ListView .FilterPopup {
  background-color: #fff;
  width: 500px !important;
  border: none !important;
  z-index: 99;
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.6);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.6);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.6);
  margin-top: -12px;
  max-height: 340px !important;
}
.WebControls3.ListView .FilterPopup .ListProgressDiv {
  background-image: url("data:image/gif;base64,R0lGODlhFAAUAOMIAAAAAB8fHz09PVxcXHp6epmZmbi4uNbW1v///////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgAIACwAAAAAFAAUAAAEYxDIiY69yOg96cUb1wHVd2ShMZLmmapj+aHhKoMpou983wfAoE9XKBqDwqHxiAwMEcti06mMTp/RwrW6fHp3grAYMSibEYS0Wjw2n9VrtoDsHqDhBPm8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEYzDI+YC97+g96cUb1wXVB2ThMZLmmapj+aHhKoPpo+983wvAoE9nKBqDwqHxiBQMH8ti06mMTp9Rw7W6fHp3g7D4QSibH4W0Wjw2n9Vr9oDsJqDhBfm8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEY1DI+YK9D+g96cUb1wnVF2QhMJLmmapj+aHhKoPpo+983w/AoE93KBqDwqHxiBwMH8ti06mMTp/Rw7W6fHp3hLD4USibH4a0Wjw2n9VrNoHsLqDhBvm8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEY3DI+YS9L+g96cUb1w3VJ2RhMJLmmapj+aHhKoPpo+983xPAoE8HKBqDwqHxiCQMH8ti06mMTp9RwLW6fHp3hbD4YSibH4e0Wjw2n9VrdoHsNqDhB/m8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEY5DI+Ya9T+g96cUb1xHVN2ShMJLmmapj+aHhKoPpo+983xfAoE8XKBqDwqHxiCwMH8ti06mMTp/RwLW6fHp3hrD4cSibH4C0Wjw2n9VrtoHsPqDhAPm8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEY7DI+Yi9b+g96cUb1xXVR2ThMJLmmapj+aHhKoPpo+983xvAoE8nKBqDwqHxiDQMH8ti06mMTp9RwbW6fHp3h7D4ASibH4G0Wjw2n9Vr9oHsBqDhAfm8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEY9DI+Yq9j+g96cUb1xnVV2QhMZLmmapj+aHhKoPpo+983x/AoE83KBqDwqHxiDwMH8ti06mMTp/RwbW6fHp3gLD4ESibH4K0Wjw2n9VrNoDsDqDhAvm8bsfn5XRud3B6gW94EQAh+QQBCgAPACwAAAAAFAAUAAAEY/DI+Yy9r+g96cUb1x3VZ2RhMZLmmapj+aHhKoPpo+983wPAoE9HKBqDwqHxiAQMH8ti06mMTp9RwrW6fHp3gbD4ISibH4O0Wjw2n9VrdoDsFqDhA/m8bsfn5XRud3B6gW94EQA7") !important;
}
.WebControls3.ListView .FilterPopup .PopupHeader {
  box-sizing: border-box;
  height: 30px !important;
  padding-top: 12px;
  font-family: segoe-ui_semibold;
  text-transform: uppercase;
  color: #2196f3;
  font-size: 14px;
  margin-bottom: 12px;
}
.WebControls3.ListView .FilterPopup .PopupHeader img {
  margin: 2px;
  margin-bottom: 0;
}
.WebControls3.ListView .FilterPopup .PopupHeader .Filter.CSSIcon {
  padding: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94KFAwOIN3c+7QAAAEJSURBVCjPxZE/S8NAGIeftF2kS7+AiA6CgoNf4T6BcHQtPShdq51c2sWhm3XOklDHkK+QzxBwKDgoxbWQLOlx07k0pYacfxDxhYPjfs/vhePxhFTXJ0eH83b7ANcUheZl9XbTAjrDXpeLs1Mn/LR85vbuvtMAUn8RUWx0/daNxl9EACkAQqr+YDy16yy32pjdWWe5HYynVkjV/7ChWnCC+4XRZGa1MXY0mbnBvYLVxlghla1mDX4wv4f9xwgg/LItpMqEVPO6zPsz3a1S97DXdcKlbq+UAQSffEUlcRA2AV6XaXp8frkCrlwgQLN8cRR2IIBXp7u8J3Hg/aPu7YTfgXPgIYkDVQ3eAfCJkn9ga3lHAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 11px;
  width: 11px;
  display: inline-block;
  margin-left: 14px;
  margin-right: 8px;
}
.WebControls3.ListView .FilterPopup .ListSearch {
  padding-right: 23px !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94KFggaEQ+sTIwAAADKSURBVCjPnZFBDYNQEETfbyqAOsBBqYPioA0CQAAHUIAFDggAAQQc0DqohEpAQi8DWSgJTSf5l53dP7OzDqFqWg9IgLNKT6BP42hkBaeBABgAb8W/gXsaRy9bPEhhGsiBk14O+ECnnhlHWfKAPI2j0nClmgvgBtSzktmh5hvTJ/7CHn/goJQAsg0+M4Esdurlu6ia1tpMVEc9m5F3a+8GLyCcbuYsUzVtYgbfUhiAwN7M7S1t7hgAI3DZTU+WQln0gMT9GrMUr8DjAxqBO2E668IFAAAAAElFTkSuQmCC");
  background-position: right 5px center;
  background-repeat: no-repeat;
  width: 100%;
}
.WebControls3.ListView .FilterPopup .FilterContainer {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  margin-top: -5px;
}
.WebControls3.ListView .FilterPopup .FilterContainer.ListFilter input[type=text],
.WebControls3.ListView .FilterPopup .FilterContainer.TextFilter input[type=text] {
  width: 100%;
}
.WebControls3.ListView .FilterPopup .FilterContainer.TextFilter input[type=text] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.WebControls3.ListView .FilterPopup .FilterContainer.NumericFilter td {
  border-bottom: 10px solid transparent;
}
.WebControls3.ListView .FilterPopup div.ListContainer {
  border: 1px solid #b8b8b8;
  overflow: auto;
  max-height: 200px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 8px;
  background-color: white;
}
.WebControls3.ListView .FilterPopup div.ListSelectedHiddenOptions {
  border: 1px solid red;
  overflow: auto;
  min-height: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 8px;
  display: none;
}
.WebControls3.ListView .FilterPopup .ButtonContainer {
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 12px;
}
.WebControls3.ListView .FilterPopup .ButtonContainer .Button {
  font-size: 12px;
}
.WebControls3.ListView .FilterPopup .ButtonContainer .Button.Left {
  float: left;
  margin-left: 0;
}
.WebControls3.ListView .FilterPopup .FilterOptionDiv {
  cursor: pointer;
  line-height: normal;
}
.WebControls3.ListView .FilterPopup .FilterOptionDiv .FilterOptionImage {
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 2px;
}
.WebControls3.ListView .FilterPopup .FilterOptionDiv > input[type=radio],
.WebControls3.ListView .FilterPopup .FilterOptionDiv > input[type=checkbox] {
  margin: -2px 2px 0 0 !important;
  height: 13px;
  padding: 0;
  vertical-align: middle !important;
  position: relative;
}
.WebControls3.ListView .FilterPopup .FilterOptionDiv label {
  vertical-align: top;
}
.WebControls3.ListView .FilterPopup .FilterOptionDiv:last-child {
  margin-bottom: 0;
}
.WebControls3.ListView .FilterPopup .CloseButton.CSSIcon {
  display: none;
}
.WebControls3.ListView div.FilterPopup.Dragging {
  cursor: move;
}
.WebControls3.ListView div.FilterPopup .ButtonContainer .Button,
.WebControls3.ListView div.SetColumnsPopup .Button {
  margin-left: 8px;
}
.WebControls3.ListView .Error,
.WebControls3.ListView .DatePickerError input[type=text] {
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}
.WebControls3.ListView .Footer.Slider {
  padding-left: 14px;
}
.WebControls3.ListView .Footer.Slider .Height-Fixer {
  height: 48px;
  display: inline-block;
  vertical-align: 0;
}
.WebControls3.ListView .Footer.Slider .FooterText {
  vertical-align: 12px;
}
.WebControls3.ListView .Footer.Slider .Button {
  width: 13px;
  height: 13px;
  text-align: center;
  cursor: pointer;
  vertical-align: 4px;
}
.WebControls3.ListView .Footer.Slider .Button.ListviewPrevious {
  margin-left: 15px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  border: 1px solid rgb(67, 82, 96);
}
.WebControls3.ListView .Footer.Slider .Button.ListviewNext {
  margin-top: 4px !important;
  margin-right: 10px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  border: 1px solid rgb(67, 82, 96);
}
.WebControls3.ListView .Footer.Slider .SliderContainer {
  height: 11px;
  top: 15px !important;
}
.WebControls3.ListView .Footer.Slider .SliderContainer .SliderMark {
  font-size: 11px;
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #2196f3;
  cursor: pointer;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}
.WebControls3.ListView .SliderTooltip {
  font-size: 13px;
  background-color: #edf7fe;
  border-left: 3px solid #2196f3 !important;
  overflow: hidden;
  padding: 12px;
  bottom: 48px;
  max-width: 420px;
  z-index: 11;
  -webkit-box-shadow: 0 0 3px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 3px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 3px rgba(12, 53, 85, 0.3);
}
.WebControls3.ListView .Toolbar {
  top: 5px !important;
}
.WebControls3.ListView .Toolbar .FilterButton.CSSIcon :not(.Active) {
  display: none;
}
.WebControls3.ListView .Toolbar .FilterButton.CSSIcon.Active {
  background-color: rgba(255, 255, 255, 0.75);
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #d60000;
}
.WebControls3.ListView .Toolbar .FilterButton.CSSIcon.Active:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: block;
}
.WebControls3.ListView .Toolbar .FilterButton.CSSIcon.Active:hover {
  color: #2196f3;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv {
  top: 0 !important;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon {
  height: 11px;
  width: 11px;
  position: relative;
  background: none;
  padding: 9px;
  margin-right: 5px;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon:before {
  content: "";
  position: absolute;
  padding: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94KFAwOIN3c+7QAAAEJSURBVCjPxZE/S8NAGIeftF2kS7+AiA6CgoNf4T6BcHQtPShdq51c2sWhm3XOklDHkK+QzxBwKDgoxbWQLOlx07k0pYacfxDxhYPjfs/vhePxhFTXJ0eH83b7ANcUheZl9XbTAjrDXpeLs1Mn/LR85vbuvtMAUn8RUWx0/daNxl9EACkAQqr+YDy16yy32pjdWWe5HYynVkjV/7ChWnCC+4XRZGa1MXY0mbnBvYLVxlghla1mDX4wv4f9xwgg/LItpMqEVPO6zPsz3a1S97DXdcKlbq+UAQSffEUlcRA2AV6XaXp8frkCrlwgQLN8cRR2IIBXp7u8J3Hg/aPu7YTfgXPgIYkDVQ3eAfCJkn9ga3lHAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 11px;
  width: 11px;
  visibility: visible;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon:hover:before {
  background-position: 0 -11px;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon:hover {
  visibility: visible;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon.Active {
  visibility: visible;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon.Active:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94KFggZHrQ+At4AAADLSURBVBjTY3QKSihQ+Pa1n+vvHwZc4BszC8MDLu5CFgYGBoH4R3cZtD59xKn4Gh8/Q6OGngATAwPDhYVyygxfmVmwKvzKzMKwUE6ZgYGB4QLz/esXbgjqmT28KCAUYPX2NQPb/38oCps09RgecHEn7lu3YAUzAwMDw/3rFy6ga0BTuICBgYGBGWYKTMNtXr4AhzcvGdo1dBhu8/DCFWIFTkEJ/1/LKP93Ckr4jy7HxEACoFzxQjklBgYGhgXEKP6wTUJ6wr51CxLRJQCDFkz9W9fg0gAAAABJRU5ErkJggg==");
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv div.FilterButton.CSSIcon.Active:hover:before {
  background-position: 0 0;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv .SortImage.CSSIcon {
  width: 7px;
  height: 10px;
  padding: 0;
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv .SortImage.CSSIcon[data-sort-direction="0"] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAGFJREFUeNq0iUENgDAAxLopQAISwAJzsBnYlIAT3nsgAQ0gASfHZ4SFBH40uVyaIolrg49T7ZaCC2kCxvIAGEm4kDpg46Zfl3k3g49NCW0VD6C3QH4EimcjiTcsH/wUzwEA86cmbw/eTsUAAAAASUVORK5CYII=");
}
.WebControls3.ListView .HeaderContainer div.ButtonDiv .SortImage.CSSIcon[data-sort-direction="1"] {
  background-image: url("data:image/png;base64,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");
}

.WebControls3.ListView.Scroll .Item.LastSelected td, .WebControls3.ListView.Scroll .Item.LastSelected tbody {
  background-color: #2196f3 !important;
  color: white !important;
}

.WebControls3.ListView.NoScroll > .ItemArea {
  height: 100%;
}

.WebControls3.ListView div.ListViewMessage {
  position: absolute;
  top: 10px;
  background-color: #f1f1f1;
  color: #555;
  padding: 3px;
  width: 300px;
}
.WebControls3.ListView div.ListViewMessage > div {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGtJREFUKM+dksENwDAIAw/vyJLJkPRVKaWFRPXT4QKybGOMAHB340BzzgBQNk4gAK2bOnh9c3dTPvMLztDj1Ar+ggAsIsrfV+XwtBuoPPFT6oLoPHXpdWlrl14Fq4M62O6unvT1tfG05OvMBdLXVRHCkS4dAAAAAElFTkSuQmCC") no-repeat;
  float: right;
  margin: 0 -3px 0 3px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  line-height: 1px;
}
.WebControls3.ListView div.ListViewMessage span {
  float: left;
  clear: left;
  margin-left: 11px;
  margin-right: 11px;
}
.WebControls3.ListView div.ListViewMessage span.Line1 {
  margin-top: 11px;
  width: 87%;
}
.WebControls3.ListView div.ListViewMessage span.Line2 {
  margin-bottom: 11px;
}

.WebControls3.ListView.HideFooter .ItemArea {
  bottom: 0 !important;
}

.WebControls3.ListView.NoItemMaxHeight .Item td:not(.SpanRowText) > div {
  max-height: none;
}

.WebControls3.ButtonGroup {
  margin: 6px 0;
  width: 100%;
}
.WebControls3.ButtonGroup .ButtonGroup-Button {
  border: none !important;
  border-bottom: 1px solid #b8b8b8 !important;
  padding: 12px 16px;
  text-align: center;
  margin-bottom: 12px;
  font-size: 13px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.ButtonGroup .ButtonGroup-Button:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.ButtonGroup .ButtonGroup-Button:hover {
  color: #2196f3;
  border-bottom: 3px solid #2196f3 !important;
  padding-bottom: 10px;
}
.WebControls3.ButtonGroup .ButtonGroup-Button.Selected {
  color: #2196f3;
  background-color: #edf7fe;
  border-bottom: 3px solid #2196f3 !important;
  padding-bottom: 10px;
}

/* ListViewSelector */
.WebControls3.ListviewSelector {
  width: 400px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  outline: 0;
}
.WebControls3.ListviewSelector .Listview {
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  border: 1px solid rgba(202, 202, 202, 1) /* color-code: #02, opacity: 1 */;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100px;
  box-sizing: border-box;
  width: 400px;
}
.WebControls3.ListviewSelector .Item {
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  height: 25px;
}
.WebControls3.ListviewSelector .Item td {
  padding: 3px;
  vertical-align: middle;
}
.WebControls3.ListviewSelector .Item .Image {
  vertical-align: middle;
  width: 16px;
}
.WebControls3.ListviewSelector .CursorHelp {
  cursor: help;
}
.WebControls3.ListviewSelector .Highlighted {
  background-color: rgba(90, 120, 200, 0.3) /* color-code: #05, opacity: 0.3 */;
  cursor: pointer;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}
.WebControls3.ListviewSelector .Selected {
  background-color: rgba(90, 120, 200, 0.8) /* color-code: #05, opacity: 0.8 */;
  cursor: pointer;
  color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.ListviewSelector .Buttons {
  vertical-align: top;
  padding-left: 6px;
  white-space: nowrap;
}
.WebControls3.ListviewSelector .Buttons input[type=button] {
  cursor: pointer;
  height: 36px;
  width: 36px;
  overflow: visible;
  font-weight: normal;
}
.WebControls3.ListviewSelector .Buttons input[type=button][disabled] {
  cursor: default !important;
  background-position-y: -36px;
}
.WebControls3.ListviewSelector .Buttons input[type=button].AddButton,
.WebControls3.ListviewSelector .Buttons input[type=button].RemoveButton,
.WebControls3.ListviewSelector .Buttons input[type=button].EditButton {
  width: 25px;
  height: 25px;
  background-color: transparent !important;
  margin-top: 0;
  min-width: 0;
}
.WebControls3.ListviewSelector .Buttons input[type=button].AddButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGVSURBVGhD7ZZraoUwFIRd0l2CrfR38XYBuhR34lL8ca9Iq+BSXEKaiVGiTOgjieBj4IM4OZ6BeAhGl46h5COLk3suKHJPl7lrDkrzMkmzYkSugwUZTZnnrH0H4exf0rwyeb3nvS0Ie+t69NBldqmGnOHtPbvpsghreKuaGV1mlyqUU6Uf/yw1kScO4nj+RltNHdPUlAWZnrMOHIQbG1OlCHl7M3wGXbp0aUd6NG1cN51gYE+XuWsOqtuybtpCodaBgsymzHPWvoPU2dddtaDpeluQ2lvXyx66zC79MuFreD4/578grOHx2u7nv6CxsP33f904lScOYvj+RltNHdPUlAWZnrOOGzTe2Bvc3gyvQZdOIiHEJlAzBNQMATVDQE1CLLEJe+ydBdQkTEGlpNBgDQUJMpsyzwo1CfsOwtlXK3oJxIKwt65HD7MnDbJpkNwkUx3W8Gwye1qDMFVs7zfgXWjhLx400PGCmLx/o82mjjE1ZUGmZ4WahOMG4ewxVQBrKEgQk9cgZ6gZAmqGgJohoKZ/RPQNpM7r99gOOgQAAAAASUVORK5CYII=");
}
.WebControls3.ListviewSelector .Buttons input[type=button].EditButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALISURBVGhD7ZbhjaMwEIW3hJSSDi6X6H7vJlcAlJAS0kFKoISUwI8Ni25BooSUkBK4eWaGYBgwJOZ+nHjSk+PBfp9tEYu3Rf+vtocg3B3CO7lES/0PfuRPFHwWwG4fnExLfcB5yOva7cOIITcAEP7rPVh7hTUgxtt9cNwewgKtN5hAELz7HWzqUIbhOcOw05KnjdeP92BlgmgyhV3QRx2hjXokMFmQmTxWLUjE5VrtRVDLRxcWPMQtF0RkjWOI7NqpsRCRHNckCESTzBHgP8KlXj0NgQzEAUKoQH7uw3gyBKpBBuZ8CZxH2yuGnLUwbxCoCglO7VCvEAhBOHe+MOUChauXhGo89DU1gjv2ekMvWrRo0XO6pnmYpN/3JM1L0ya5/y/Va5qda0CanQQIOA95XUmSRQj9TLIbAAi/Xv+svcIEIv76yo/UFmi9wRqQ4jPNNhIqMDwHrNppPv1LNY6LlQkyK/2+oI96tYOqzoswMFmQmTxWTQgCuFyrvQjZJWo8xC0XRGSNY4js2qmxEJEc1yQI9DiCzPml+jQE4omDILNrgSR5PBkCPUAIGX4JxhxtrxDA10wnzBsEMiF0bO1QrxCoCspjwB4XKCxXTObnS/UR3LXXG3rRonlVluU/sVqcw2pxDqvFOawWRzok38kQ2g+yNs5YLY7wmQwBcOIWAlwb/xQoIkM3MgAIX/NvSIV1Cg4LRHQkF9wOwqyOwwJB8IYsoQLDc8CwU8iab3V6vCIjCLqQ0UcdoVIHRGCyICvH6ihuQhAw9ByLkF2iZo21Oi27IOLmOAi/Zde1rU7DYyFiOS4VAncKbDkC/Ee05007IbBaJIuGQAgVSEzuhcBqkdyUdnRTj3YQhGtGC5sMgdUiGcKxtUOfgsBqkQzh3AGTCxSSlwQ1bV6v1SJ5SL039JDV4hxWi3NYLc5htTiH1eIcVov+Xb79BZkW8/Jx9VzXAAAAAElFTkSuQmCC");
}
.WebControls3.ListviewSelector .Buttons input[type=button].RemoveButton {
  margin-left: -3px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3wMCCSk51oeabQAAArFJREFUWMPtVr1uE0EQ/tZ+gXsCJBokKl+NVkocg0Rn7IrO65KOlDyF8wZrlzRYriFxIq1oc65QKvAT4DIFyaTI2lnuZ3f2sCIEN9I1+93NN/PNzy3Q2N9uIvRCb6A0CaQ3N9S9WMw2sTiLqDdQGgIKAAjI8s5CuGutIAlhSqCxANJ2WywP+qOEg7Mycp2czqdjADgajpSA0ARkgpD58LLMChkd9EeJlWPz65aOt+dnn2a7yPMkW/yWcC6AtN26l9O1dv5gfbW6fvq8sxYQb0VLvH7yrPNxfbW6BoDv31aZxX6czqfv8ioIgTcgTM/msw/sZghJEZI6qus4ZBwSb9dxdH/VH6Vl9Ywm6g2UbgkcWt1P8vjnxSwj0BhA4mttr3RcSbgSi1iSqpWztzlyAyjbAqF6FoguFrNNme6cleSrJ2uOQiunDK81R7hfzwUnITzKjoYj1RuqSV28scYa+xdvqsYYDSAF0JVSbmJxFpF1sl35Wd5ZCGf9yh0nUwBjG/XSGJNwcFZGrhMp5dieKQDaRp4F8EJmhYy+LL/COtkA2P1hpZRu5L+ROPi5g7MyqozOYh0p5XFIBVYzhKSIIeF0XZCMQxK8QIZ0N8akZfWMJrLRHtpoT0oCyWyDJL7WDtWIJQlXYhFLUrVy9jZHuQAKWyBUzwLRy+4LlOnOXEmV9eTOURa7kurOESrq5cWjzBijjDGTunhjjRXbm4gehaj1WBn9n0QawKVdsnXweyMi36PpwS6JKInEdw+HRBORKnEWwllErpPtmesshCccosR+8LPkA+VIpUu+XVrsPTcjX3SKiCZMFVg1Upwic0hCRFyyIAmHyKs7EaWeekYRcaJV+5yjP5a4Don2dOPe5ii0cvYyRzErqfYc1VlJteaoykkIj5qjqpXDxUFEzeWkIXqwO+K+Rbwa0yDCAAAAAElFTkSuQmCC");
}

/* .WebControls3.ContextMenu */
/* z-index of 160 (159 is used for iframe hack in contextmenu), becuase it needs to be on top a dialog (which uses 150)*/
.WebControls3.ContextMenu.MenuiFrame {
  z-index: 159;
  border: none;
}

.WebControls3.ContextMenu {
  border: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  z-index: 160;
  overflow: hidden;
}
.WebControls3.ContextMenu .ItemContainer {
  overflow-y: hidden;
  position: relative;
}
.WebControls3.ContextMenu .Item {
  cursor: pointer;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  font-size: 13px;
  line-height: 31px;
  height: 29px;
  background-repeat: no-repeat;
  background-position: top 2px left 2px;
  padding-right: 6px;
}
.WebControls3.ContextMenu .Item.Hyperlink, .WebControls3.ContextMenu .Item.Hyperlink:hover {
  text-decoration: none !important;
}
.WebControls3.ContextMenu .Item img {
  vertical-align: middle;
  margin-top: 3px;
  margin-right: 6px;
  margin-bottom: 6px;
  width: 29px;
  height: 1px;
}
.WebControls3.ContextMenu .Item div {
  margin-right: 3px;
  margin-left: 3px;
  height: 20px;
  width: 29px;
  display: inline-block;
}
.WebControls3.ContextMenu .Item:hover {
  background-color: rgba(90, 120, 200, 0.2) /* color-code: #05, opacity: 0.2 */;
}
.WebControls3.ContextMenu .ContextMenuScroll {
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.ContextMenu .Item.SectionHeader,
.WebControls3.ContextMenu .Item.SubItems {
  font-weight: bold;
}
.WebControls3.ContextMenu .Item.SubItems {
  padding-right: 20px;
}
.WebControls3.ContextMenu .Item.SectionHeader:hover,
.WebControls3.ContextMenu .Item.Disabled:hover {
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.ContextMenu .Item.Disabled, .WebControls3.ContextMenu .Item.Disabled:hover {
  color: rgba(25, 70, 92, 0.25) /* color-code: #04, opacity: 0.25 */;
  position: relative;
  cursor: default;
}
.WebControls3.ContextMenu .Item.Disabled:before, .WebControls3.ContextMenu .Item.Disabled:hover:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.5) /* color-code: #01, opacity: 0.5 */;
}
.WebControls3.ContextMenu .Item.Separator {
  height: 1px;
  background-color: rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
}
.WebControls3.ContextMenu .Item.NoIcon {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Matrix */
.WebControls3.Matrix {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.WebControls3.Matrix .GroupTitle {
  background-color: #edf7fe;
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
}
.WebControls3.Matrix .GroupValue {
  background-color: #edf7fe !important;
}
.WebControls3.Matrix .ColumnHeaderContainer {
  left: 200px;
  top: 0;
  height: 200px;
  right: 0;
}
.WebControls3.Matrix .RowHeaderContainer {
  left: 0;
  top: 200px;
  bottom: 17px;
  width: 200px;
  border-top: 1px solid #b8b8b8;
}
.WebControls3.Matrix .RowArea {
  left: 200px;
  top: 200px;
  right: 0;
  bottom: 0;
  border-left: 1px solid #b8b8b8;
  border-top: 1px solid #b8b8b8;
}
.WebControls3.Matrix .Header {
  width: 275.107404085px;
  height: 51px;
  border-top: 1px solid #b8b8b8;
  padding-left: 6px;
  padding-right: 30px;
  cursor: pointer;
  padding-top: 3px;
  margin-bottom: 0;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.WebControls3.Matrix .Header img {
  margin-right: 5px;
}
.WebControls3.Matrix .Header.Selected,
.WebControls3.Matrix .RowTitle.Selected,
.WebControls3.Matrix .RowTitle.Alt.Selected,
.WebControls3.Matrix .ValueContainer.Selected,
.WebControls3.Matrix .ValueRow.Alt .ValueContainer.Selected,
.WebControls3.Matrix .RowTitle.Selected:nth-child(2n+1),
.WebControls3.Matrix .ValueRow:nth-child(2n+1) .ValueContainer.Selected {
  background-color: #c5e4fc !important;
}
.WebControls3.Matrix .RowTitle {
  border-bottom: 1px solid #b8b8b8;
  min-height: 30px;
  cursor: pointer;
  padding: 6px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
}
.WebControls3.Matrix .RowTitle .RowTitleIcon {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: -3px;
}
.WebControls3.Matrix .RowTitle .RowTitleIconClass {
  margin-left: 2px;
  margin-right: 2px;
}
.WebControls3.Matrix .RowTitle.Indented {
  padding-left: 20px;
}
.WebControls3.Matrix .ValueContainer {
  width: 55px;
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  min-height: 30px;
  cursor: pointer;
  background-color: transparent;
}
.WebControls3.Matrix .ValueRow.Alt .ValueContainer {
  background-color: rgb(232, 238, 242);
}
.WebControls3.Matrix .ValueContainer img {
  margin: 1px;
}
.WebControls3.Matrix .Toolbar {
  cursor: default;
}
.WebControls3.Matrix .RowToolbar {
  left: 0;
  height: 28px;
  top: 172px;
  width: 170px;
  border-right: 1px solid white;
}
.WebControls3.Matrix .RowToolbar[crossSection="0"] {
  width: 200px;
}
.WebControls3.Matrix .RowToolbar img {
  margin: 1px;
}
.WebControls3.Matrix .HeaderToolbarDivider {
  left: 200px;
  width: 1px;
  height: 200px;
  background-color: red;
}
.WebControls3.Matrix .Button {
  cursor: pointer;
}
.WebControls3.Matrix .Button.Disabled {
  opacity: 0.5;
  cursor: default;
}
.WebControls3.Matrix .InlineAddInput {
  width: 140px;
}
.WebControls3.Matrix .Checkbox {
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  margin-top: 8px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  cursor: pointer;
}
.WebControls3.Matrix .Checkbox[disabled] {
  cursor: default;
}
.WebControls3.Matrix .TooltipIcon {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  cursor: help;
}

.NoneDisplay {
  display: none;
}

.ToolbarButton {
  font-size: 24px;
  display: inline-block !important;
  height: 24px !important;
  width: 24px !important;
  cursor: pointer !important;
  color: #186caf;
}
.ToolbarButton:before {
  vertical-align: top;
}
.ToolbarButton.Add:before {
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.ToolbarButton.Delete:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.ToolbarButton:hover {
  color: #0c3555;
}
.ToolbarButton:hover.Delete {
  color: #d60000;
}
.ToolbarButton.Disabled {
  color: #b8b8b8 !important;
  cursor: default !important;
}

.MatrixButton {
  display: inline-block !important;
  height: 26px !important;
  width: 26px !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  cursor: pointer !important;
}
.MatrixButton.Matrix_Edit_OK {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMUBjshwzE9lgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAACbElEQVRYw+2WsY6jMBCGf9b3JHRcBdIJ5XRl3iDi+rwJ8BJb0wfxBki7xeqi6KTQJJQ8icUWayLH8RibRKsUHgkpMOP5ZsZjZwAvXoQEcwbrzXbWSdtUy0EUoG0qo44SZgNpmwpD32Houytd21QIozgH8AYAYRS/D32nBf2wKQuVwXqzzQEUAP4C2InP5WxG680WYRTLn/Iwit/E73dl7QXSNlUdRvEJwGsYxRj6TrXFi2FP5GgL8a7T1eJbLdnqSzcDqZXSQIWI9Zmw0YJeiK4xRavqVEg5C5IyK8TCTAqibpsqEEfCCXJphqHv1CaYNvMVwKltqjNRYi1E1+JMVlKwMIpPYRSfKUjbVKW81giyyQzAWQdRD7HVzWAB+0lBqGxc77pcal3txpvuum+7vb148eLlmSdVAPj499+o//P7130gHWByatI5gWRHJgf7w3H6+yg45yVlOzupmjJgjF1NqowxWE1BajaMsXx/OI4iahKySpPLOKazJUGaaAvxTkEgw6xLJzvinNeMMbk0kHVS9vaTqjryTtFyzm8mVfHtBsI5L11Bu/3hmE3NsEqTepUmwSpNAlcICRILbmBq98mQVZqUpu4lm0GF3QOxOrBqY1CQyX7xgeWcl6LbdqL7QEEectdJmYHa+EV33aNvby9evHh59kl1HEezkyC4D6QDTE5NOicZx/HyzNjl45fkc7ZGkA4sPRMkm2BLs7mKloKINe4wKloKIq3LRpf6KRAoMFUH1cYFJJdEdWSEODWEpv5kR+pKu3iPbCC6Tl3SddkcZBGIgj0coolehpGQRSADjDrAz3F7e/Hy/fIJbhUoKrxhfGUAAAAASUVORK5CYII=");
}
.MatrixButton.Matrix_Edit_Cancel {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMUBjUYAreYEAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAB7UlEQVRYw+1WO7LCMAxcM9yGloah5AaM6bmJnZvQh+EGlAwNbc7j18hv9IzkOJ8XKLxlLHm9kr0RUFFBMCVBh+PZAfDKsr/fLs0kooTAA+jut8uV1iyADV8vIRRJDsdzILLJsSaTHPgpSUGrlSyqv98u4p6rTMkgkKhlYrGumIg25M1v2bdcL7x2adaZ0ndMDSQSpvREl6TTNtMUId6uTE94zzZKTj9RVELJGolX1JcTxVPyRiskXMlG22zd09RGUNmyGAA4lVyG4neUuAG4S5S8o9yt8wD84Xj+LR1tfM1Ylf+41y3m3hUVFRXfPqk+nq+s1+1322mTakLgAXT73fZKa2/uXUIokjyer0Bkk2NNJjnwU5KCVitZVL/fbcsn1XgygUQtE4udb1LN9EL9na/6JlVSA4nk8XxZ6o3lOYOI4u3K9ORtUhVy+oniKSlZI/GK+nGTag8JVzLPpJqUa55JNX1HiRuAu0TJO/q8M8ztdYu5d0VFRcW3I4Tggg43N4ELIVi2ZtP1qSRuzlgp+U8iKVBLFslGqRFIsicfrEpQE0rKM1gVbWiFkqXlslLsICKpbArJm/pRimJJFBJXqqhoUjXGNJwknVSNMb2T6qCmClc8VT78LWX64lKXGP2OFnWGxbxuUfeuqPgX/ADzLAENzJu0fwAAAABJRU5ErkJggg==");
}

.WebControls3.Matrix.NoAlternatingRows .RowTitle.Alt.Selected,
.WebControls3.Matrix.NoAlternatingRows .ValueContainer.Selected,
.WebControls3.Matrix.NoAlternatingRows .ValueRow.Alt .ValueContainer.Selected,
.WebControls3.Matrix.NoAlternatingRows .RowTitle.Selected:nth-child(2n+1),
.WebControls3.Matrix.NoAlternatingRows .ValueRow:nth-child(2n+1) .ValueContainer.Selected {
  background-color: rgb(212, 221, 48);
}
.WebControls3.Matrix.NoAlternatingRows .ValueRow.Alt .ValueContainer,
.WebControls3.Matrix.NoAlternatingRows .ValueRow:nth-child(2n+1) .ValueContainer,
.WebControls3.Matrix.NoAlternatingRows .RowTitle:nth-child(2n+1),
.WebControls3.Matrix.NoAlternatingRows .RowTitle.Alt {
  background-color: transparent;
}

.WebControls3.Matrix.NoHorizontalBorders .RowTitle,
.WebControls3.Matrix.NoHorizontalBorders .ValueContainer {
  border-bottom-width: 0;
}

.WebControls3.Matrix.Checkboxes .RowTitle {
  min-height: 15px;
}
.WebControls3.Matrix.Checkboxes .ValueContainer {
  cursor: default;
  min-height: 15px;
}

.WebControls3.Matrix.NoScrolling .RowHeaderContainer {
  margin-top: 200px;
}

.WebControls3.Matrix input[type=checkbox]:disabled {
  opacity: 0.5;
}

.WebControls3.Matrix .ValueContainer .Checkbox[data-readonly="1"][data-checked="1"] {
  background-image: none !important;
  margin-top: 2px !important;
  width: auto !important;
  height: auto !important;
  cursor: default !important;
}
.WebControls3.Matrix .ValueContainer .Checkbox[data-readonly="1"][data-checked="1"]:before {
  vertical-align: top;
  font-size: 24px;
  content: "\e5ca";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ListEditor (Webcontrols3) */
.WebControls3.ListEditor {
  width: 700px;
  height: 450px;
  border: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  padding-bottom: 2px;
  position: relative;
  font-size: 0;
}
.WebControls3.ListEditor.EditMode:after {
  content: "";
  height: 2px;
  background-color: rgba(202, 202, 202, 1) /* color-code: #02, opacity: 1 */;
  border-top: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.WebControls3.ListEditor .HeaderContainer {
  background-color: rgba(90, 120, 200, 0.2) /* color-code: #05, opacity: 0.2 */;
}
.WebControls3.ListEditor .Header {
  word-break: break-all;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  font-weight: 500;
  cursor: pointer;
  height: 23px;
  font-size: 14px;
  padding-left: 8px;
  background-repeat: no-repeat;
  background-position: right 5px center;
}
.WebControls3.ListEditor .Header .Image.RemoveColumn {
  height: 12px;
  width: 12px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMDCBwKchg0nwAAATpJREFUKM+dUj1Lw1AUPS9DG8Vi1aKDoOBP0J/wlmAFyxuCHSwPKVlqcFIolILgoLhJN5cOjtJFqDrEQX9AwQoF0baEfpjEtoo8rYKNSwNd44GzHM65nMu9BAAo45MAzgGEAawZhbw11OcAXADoAVCNQv6dUMbnCSHFHW3zNzIdRvYoNzUYDBQAkCTpcn9v++212yMnp2eS67qroIzXr2/uSkIIVwjhPlXr5Whcc6JxzX58rt17+pVxW6KMVwllfGs2MnOcO8x8yMHAIgB8fvVrANzxMXkJAPrfP6aePpiwnM4uhl2VWCLVaTRbFW+ix0arXYklUl3KuIJRUMaXFTVpCyFGQxVFTTqU8RXPJ+E/8FPJ99ISgCzfiJmeuW05D1xPh7ieDjVf7DIAyMHAQkJdNwFkfB+O+H2NP46K5R/a7WXlAAAAAElFTkSuQmCC");
  border: none;
}
.WebControls3.ListEditor .Header > div {
  max-height: 16px;
  overflow: hidden;
}
.WebControls3.ListEditor .ScrollDiv {
  overflow-x: auto !important;
}
.WebControls3.ListEditor .HierarchySeperator {
  height: 25px !important;
  width: 2px !important;
  float: left;
  padding-right: 24px !important;
  border-left: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
}
.WebControls3.ListEditor .Separator div {
  box-sizing: border-box;
  height: 15px !important;
  width: 2px !important;
  padding-left: 2px !important;
  border-left: 1px solid rgba(202, 202, 202, 0.5) /* color-code: #02, opacity: 0.5 */;
  border-right: 1px solid rgba(255, 255, 255, 0.5) /* color-code: #01, opacity: 0.5 */;
  cursor: e-resize;
}
.WebControls3.ListEditor .Item.Selected {
  background-color: rgba(90, 120, 200, 0.8) /* color-code: #05, opacity: 0.8 */;
  color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.ListEditor .Item > td {
  line-height: 25px;
  height: 25px;
}
.WebControls3.ListEditor .Item.Editing > td {
  line-height: normal;
}
.WebControls3.ListEditor .Cell {
  padding-left: 24px;
  /*border-bottom: 1px solid $dark-border-color;
  border-right: 1px solid $dark-border-color;*/
  overflow: hidden;
}
.WebControls3.ListEditor .Cell .Selected {
  color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.ListEditor .Item.EditMode:not(.Selected) {
  cursor: pointer;
}
.WebControls3.ListEditor .Item.EditMode:not(.Selected) .Cell {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.WebControls3.ListEditor .Item.EditMode:hover {
  background-color: rgba(90, 120, 200, 0.3) /* color-code: #05, opacity: 0.3 */;
}
.WebControls3.ListEditor .Item.Editing, .WebControls3.ListEditor .Ite.Editing.Selected.EditMode {
  background-color: rgba(90, 120, 200, 0.8) /* color-code: #05, opacity: 0.8 */ !important;
}
.WebControls3.ListEditor td.Error {
  background-color: #fbe6e6;
}
.WebControls3.ListEditor .Image {
  cursor: pointer;
}
.WebControls3.ListEditor .Toolbar .Disabled {
  cursor: default;
}
.WebControls3.ListEditor .Cell .CustomButton {
  background-position: -1px -51px !important;
  width: 25px;
  height: 25px;
  margin-left: 2px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-top: 2px;
}
.WebControls3.ListEditor .Cell .CustomButton:hover {
  background-color: rgba(90, 120, 200, 1) /* color-code: #05, opacity: 1 */;
}
.WebControls3.ListEditor .Cell input {
  vertical-align: 9px;
  margin-top: 5px;
}
.WebControls3.ListEditor .Cell span {
  display: inline-block;
  top: 0 !important;
  line-height: normal !important;
}
.WebControls3.ListEditor .Toolbar {
  background-color: rgba(202, 202, 202, 1) /* color-code: #02, opacity: 1 */;
  border-bottom: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  cursor: default;
  height: 28px !important;
}
.WebControls3.ListEditor .Toolbar .CustomButton {
  height: 26px !important;
  width: 26px !important;
}
.WebControls3.ListEditor .Toolbar .Separator {
  display: inline-block;
  width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3) /* color-code: #01, opacity: 0.3 */;
  border-left: 1px solid rgba(0, 0, 0, 0.2) /* color-code: #10, opacity: 0.2 */;
  height: 24px !important;
  vertical-align: middle;
  float: left;
  margin-left: 2px;
  margin-top: 1px;
}
.WebControls3.ListEditor .SizingLine {
  position: absolute;
  border-left: 2px dashed rgba(202, 202, 202, 1) /* color-code: #02, opacity: 1 */;
  bottom: 35px;
  width: 0;
}
.WebControls3.ListEditor input {
  width: 100%;
}
.WebControls3.ListEditor textarea {
  width: 100%;
}
.WebControls3.ListEditor div.Toolbar div.Image { /* button with icon style */
  background-position: 0 0 !important;
}
.WebControls3.ListEditor div.Toolbar div.Image.Selected {
  background-color: rgba(0, 0, 0, 0.2) /* color-code: #10, opacity: 0.2 */;
}
.WebControls3.ListEditor div.Toolbar div.Image:hover {
  background-color: rgba(0, 0, 0, 0.2) /* color-code: #10, opacity: 0.2 */;
}
.WebControls3.ListEditor div.Toolbar div.Image.Disabled { /* button with icon Disabled style */
  background-position: 0 0 !important;
  opacity: 0.4;
  cursor: default;
}
.WebControls3.ListEditor div.Toolbar div.Image.Disabled:hover {
  background-color: transparent;
}

/* DoubleListBox (Webcontrols3) */
.WebControls3.DoubleListBox {
  -moz-user-select: none;
}
.WebControls3.DoubleListBox div[id*=DummyScroll] {
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.WebControls3.DoubleListBox div[id*=DummyScroll]::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.WebControls3.DoubleListBox div[id*=DummyScroll]::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.WebControls3.DoubleListBox div[id*=DummyScroll]::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.WebControls3.DoubleListBox div[id*=DummyScroll]::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.WebControls3.DoubleListBox div[id*=DummyScroll]::-webkit-scrollbar-corner {
  background-color: transparent;
}
.WebControls3.DoubleListBox div.ListBox {
  border: 1px solid #b8b8b8;
}
.WebControls3.DoubleListBox td.ButtonContainer {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}
.WebControls3.DoubleListBox td.ButtonContainer .Button {
  min-width: inherit;
}
.WebControls3.DoubleListBox input.Button {
  width: 25px;
  height: 25px;
  background-color: Transparent !important;
  border-width: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.WebControls3.DoubleListBox input.Disabled {
  background-position: 0 -26px;
  cursor: default;
  background-color: Transparent !important;
}
.WebControls3.DoubleListBox input.MoveUpButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3wMCDBkUStUyAAAAAx1JREFUWMPtmFFO4lAUhv9z2iE+dgeyhJpozAQSaYzPSFwAZQcuQVfgEqAbGOTZODdGCDGatDuY7kAeDdB75oHiIG2hIE4mk/5JH9p76Xfu7aX9coEiReLQJp3P6k1bG6QECKNInIeeN9o5aA4BYAGAAMEmMN4YIugIEBBgm0ztvIXyphAQWlEkjgABCOenDbf96alLjISkRSBoAbQWyzTIB1CGoHPf7bS2GtFJvWlFBrXnkPtup/Xzh/fe/tDzRhxJA8AIBHfdyDgLYhikCLBXVXvX8wKOxMkD41UQAQKweKcXzdpJvWml9C1rE5aIXMcPIhOWAJmMSwLs+AHaEFIQUibTTaKvQT6EFNFCG8E9qzftRN8EWeNWsyyul30QXA2UUwq1AIQQ8RYvjoFwLeiu5wUAgvn56UWzBiE3a+61IFRd72onf9hd5P8DmbkrIthOw1U6XidOw90taDpFaBoYAbCYUEuZkhGKFClS5OtNtd9/sskgBXA4fjMcxznYvakuQObuEGwC440hWjrxF9j+tjfZnakmIEyt8ZvhAAgIfD4YPH/eVJMjoRYYgAbGY8MyS1OfmcrQ0qlUjrYzVaV8iwyjPYdUKketSuXwvd1xDkYkugHoEZjcdSPjLEhpL1IA7FXVVqvHgUTi5IHxSggQaIb3OHyuKeUnTHU49MtisEXC1/H3PhOWAJX2ppcxBABsBikGqVJpmjBVjYnPICWEmwW5cPv9p/WmKpG+JYMX77YPJhegFFNlS2sJmfHBVCeT0npTrVaPP5jq4/C5xoCbPfcUVr4fFqb6D5gqWNuDwYuCnp0OBi+7BZkwQ43JCGALnDRVYV2YapEN5UREijdDAdoKZAN4BeDH2zP5IyJ5D1tEXuVPfBGx8v5+G0g7hoiIdHcJWoYgHom/dO1ToDQIFmC/8sJWNeapelUhuUCbTE0u2DqILyK1+EhbYeW47XJhNbbzgq4kPWk3eM3oay/3TXOG26XzfcwEMntPFR9NFSl7qnmWdy2uUqW0ZV1PHMVL9S+Y6uzNrb4SFGK2b2oBSVNFzj3VQk4K0Ht+A2VrLUSC52KUAAAAAElFTkSuQmCC");
  margin: 5px;
}
.WebControls3.DoubleListBox input.MoveDownButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3wMCDBMif4BPEwAAAy1JREFUWMPtmFFq20AQhv9ZycaPOoKOIEFCCXaplxygzQns3CA5Qa7QG9g+QHH8HIIcaAg0D9EN6htEj8GRZvog2ZFkWdaSkkLRgDDWjvdbzf47/hHQRhtZUJOk07PxHIRve4ajOBH/bjFb1c1hNwEx4CgALFjm7yuCB8CxbbgAakHK5PGD+VQD0Iqgg/lUsyBs+lv1UXv0/4F2xPDl68ixFS5K2nTr1UKj07PRcLt6xvXNYhbWgrqAy0RXVTKuKMcqW8g4f1JYCYCiUHZKd7OYhRBMN99F5BIkOk7EL+fGnI6BREs2sQBhzPjeaI9u59PzDYyIrlSMqOpA3i1m0e2P2RJMIwI8AcIkEX23mEVGneH0bDxJy4JIJaITC6EIQREgEBAIEExAGNdBGrWgHGwVJ+LbFr1NlEE2CykLwEjeuTK6lkVBnIhjCmncVPONVYCQBKEJpHFTzRR2blnkEuAhbaaNIUZPtDnMlkUBAa4JpI022mjjHS3o58OvOUHtcaocKXT8kxP//U6VWDlQALjoVKHYA5QTI/67TrXfP9IANBR0v3+kwap1qv/AqQbBk9PtxQWnyiyuqhGoYozuHx63TlUSvh4MPtU71U5n7QJWwakqlcp4FyErgABF44JKLXXYqQ4Gn0KwbJ0qCS4ZohU6O051vbYvGaIZonMTh+sXu5lT7fePzzcwIb6ihKOqA6m1H30+OV4qxgiAl0IsrbVv5lTv7x8naVk4kkQ0LCskzpbH6eaAKcvZD2nUgjYwZlnFa9vv9l6jbSFYCgspC8BI3psyKkVut5cE65eOYwox8nW5xhqCJTSBGDnV15fOebeXuAA8KPJMIMZONT3MSQCwawJpo42i6kSk/YdtQUagefqap/J6Bg68/TJoqk72uSzd97Kxg07VNqyALvdZAMNWDB/rVLPNvSjdO6SqUWmvrssGsgrkAmj0TjWntHHFWPHfV0Sqrom8xYWIDEXErchzsrGhiDxl+U/Z/ULuPlAe9iwiXk1ePrcScgjUFHYQ0gSUn+h3xUSNn7oJaN+qTUrbGAQRmedgRhBTkJNTlhHEFJSHGUFEpDUnLegt/gBYP/+0xAK0JgAAAABJRU5ErkJggg==");
  margin: 5px;
  margin-top: 0px;
}
.WebControls3.DoubleListBox input.MoveLeftButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJ1SURBVGhD7ZbtbeJAEIYpgRJSQjq4XND9DnAF2CVQQjqgBErxj8OxciC5FEpw5t2dzS3jWZtB3ugU+ZUeaXfY9QP7ASzmfL88b4v1alO8cjdPSFKutmUHfr0Uj1yeNrHE8bt44pemy/Om2LHgwkwvWm3KQ5BguX5uygp9JyeZhKfZIiWoBVES60HRJEg4dX14PLV56HhSkqG4pbOI4o23HGG7CEvjRR2ONJdHYxYh8Z25VXaXCOGJ/s7QnnF5Qf29q6WwihDsEU2+kn3eo23Zoi3B0rvJ1kgZHuba9Il5yHS5kgVyiJCeLJcIiWU/XooHLucJCZYQcnfOnDn/c+r6vK6bk/2nwJJjcy7r5tyB4/E9z7dDLAF/mtP0X6r/JH8vngyiuj4dggTLRXtUof/2dt5BJuFptkiJr3lRGuNB0SRIOHU9PscbRCnJULBsJhHW3ipBzCK/NJhAd4VOG5dHYxYhVxfzRtldIsRP9HcGe8ZlehOnfXgTOkYR4u6NkEXHu3XtPvf9U5Uy9zBq4xPzkOlyJWOyiBApyyZCYlnTtHn/qVZVu4SQu3O+U7qu+xLUYg7UYg7UYg7U4ghr4lXURlGLA5REyCOhjVFRiwliCfJEaONU1KLCjkAuDDK56EAgEGC5Ktfzcsgk2jNGRVKCWhCloh6UXiFCk4Bw6iRhPNrxcxy9ApOSDIFlQ24WxRtvOcJmEZYmBEdaG6NhFoH4ztwqu0sEMBHLh2DPQn2PwkDMIoA9krJwvFsCbQmWXj5nVASkDA9D8Im18SpqUSGWhWQRASnLJgKx7IHQxqioxRGWBITaa0nUYg7UYg7UYg7U4vR0iw/k26WWg0izuQAAAABJRU5ErkJggg==");
  margin: 5px;
  margin-top: 0px;
}
.WebControls3.DoubleListBox input.MoveRightButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABOCAYAAAA+VQYvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJ/SURBVGhD7ZbRjaMwEIa3hC0hJaSDy110zytyBUAJKSGdpISUwMOGRRciUUJKoATWPztGYzPBmGRWpxO/9ClhYPwFbKy8LPn/8vstXW+T9PDjLX2lkk4g2e6y9tcuq1VlVqQu43dkP/E46XR8zC9dbf+kmwFJduzuiH/fZc1sGZppEBkj6q57VGabfyZZ7oPB+dw8JEMjBqXDYGbLYkUIl1EpnFgRHiVfiVQOJ0bkS6LeLTSN0GD54zrMhzm+dfUkO0VJEDThjnz6Qc3yJsnXa2Dmh1qfk35nSNK9mgThe52aBHFEWhKkF2lKEKyqWXvakiVLvj/n8991UVaHPK/1/jwikBTltTXUqjIm0pXxO7KfeJx0Oj5lWa/ey2rjUxTVEQL+vSgvzWwZmukXi0DUXfeozDYXxTUfUh353Dwk6xrNoHQYzGxZrAjhMiqFEyvCozQ9/UqkcjgxIl8S9W5R0x0uDZY/rsN8vBfVDfVzeTlFv8Bo+lphLnZQLG9IupUJuZkfan1O7M7w8XHdq0kQb6/TkSCOSEuC9CJNCYJVNWtPW/Lvp23bb0EsaiAWNRCLGojFAGvDwfDKakHEYgBIkNowWSYWA1gRMlkmFgPwO7KfeJzStT1ikVgZNgJHA8K/N4ZRmVgk0DwWiHDdJJlYJBA05wIYnM9NUDYoMBAMKp2TGJU5Bx5IjAhwmXPOOfBAYkR4lHwlOuedAw9kqsiXDN4t58BjLHg0WP64DvNxMyAng/gCDwoMNOGOfOygWN6QQIpgfqRxOsRiALsz7A2TJEAsBuB7HRKUALEYgIsmSYBYDGBFkyVALAbAqrq7p91DLGogFjUQixqIxefTvnwCEsGTEfJatOwAAAAASUVORK5CYII=");
  margin: 5px;
}
.WebControls3.DoubleListBox div.Selected {
  background-color: #2196f3;
}
.WebControls3.DoubleListBox div.Selected td {
  color: white;
}
.WebControls3.DoubleListBox div.Unselectable {
  cursor: default;
}
.WebControls3.DoubleListBox .Item.Unselectable td {
  color: rgba(25, 70, 92, 0.25) /* color-code: #04, opacity: 0.25 */;
}
.WebControls3.DoubleListBox .Item.Unselectable td div {
  height: auto;
  line-height: normal;
}
.WebControls3.DoubleListBox .Item {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}
.WebControls3.DoubleListBox .Item td {
  padding: 2px;
}
.WebControls3.DoubleListBox .Item td div {
  height: 25px;
  line-height: 25px;
}
.WebControls3.DoubleListBox .Item .OrderContainer {
  border-right: 1px solid black;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  font-weight: bold;
  text-align: center;
  padding: 0;
  width: 20px;
  height: 20px;
}
.WebControls3.DoubleListBox .Group div {
  font-weight: bold;
  font-style: italic;
}
.WebControls3.DoubleListBox .ListBoxTitle {
  line-height: 30px;
  margin-bottom: 0;
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
  font-family: segoe-ui_normal;
}
.WebControls3.DoubleListBox .SearchBox {
  margin-bottom: 6px;
}
.WebControls3.DoubleListBox .HeaderOrderContainer {
  border-right: 1px Transparent solid;
  border-bottom: none;
}
.WebControls3.DoubleListBox .DropDown {
  width: 200px;
}
.WebControls3.DoubleListBox .HeaderContainer {
  height: 0;
  overflow: hidden;
}
.WebControls3.DoubleListBox .NoHorizontalMove td {
  font-weight: bold;
}
.WebControls3.DoubleListBox .NoMove td {
  color: rgba(25, 70, 92, 0.25) /* color-code: #04, opacity: 0.25 */;
}

/* SIDEBAR */
.WebControls3.Sidebar {
  font-family: "maven", trebuchet, "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  top: 108px;
  bottom: 16px;
  left: 0;
  width: 27px;
  min-width: 27px;
  z-index: 21;
}
.WebControls3.Sidebar.PanelMode {
  top: 0;
  bottom: 0;
  left: 0;
}
.WebControls3.Sidebar.PanelMode .Opened .Arrow[data-pinned="0"]:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIKCjEzTttULAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQY05XRMQ4BURSF4TO1RKtRqqhVLMASbNIGJtag0qpGJ0GC+lNpxHtm/vo/JzfnJl9gjBb71MAEB1yxqokznNBhXhOXuOCIaclrsEmyS9Il2Sa5F9xXg2eSUf7zGNQ86OZfa5yx6BP47HzDuk+g+ME31cl8ISsTtU8AAAAASUVORK5CYII=");
}
.WebControls3.Sidebar.RightToLeft {
  left: auto;
  right: 0;
}
.WebControls3.Sidebar.RightToLeft .Closed .Arrow:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIKCjEzTttULAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQY05XRMQ4BURSF4TO1RKtRqqhVLMASbNIGJtag0qpGJ0GC+lNpxHtm/vo/JzfnJl9gjBb71MAEB1yxqokznNBhXhOXuOCIaclrsEmyS9Il2Sa5F9xXg2eSUf7zGNQ86OZfa5yx6BP47HzDuk+g+ME31cl8ISsTtU8AAAAASUVORK5CYII=");
}
.WebControls3.Sidebar.RightToLeft .Opened .SidebarTitle {
  margin-left: 26px;
  margin-right: 0;
}
.WebControls3.Sidebar.RightToLeft .Opened .Arrow {
  left: 0;
  border-left: none;
  border-right: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  right: auto;
}
.WebControls3.Sidebar.RightToLeft .Opened .Arrow[data-pinned="1"]:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIEDDkvdlGJ6gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAcklEQVQY05XRoQoCURSE4dksikUs2kyaTe5b+JL7DIvPYLKatAkKgvmzC+u9++f5D4eZ5Aec0GOWEmjxwhnLGmGHO67Y1AgrXPDAPkkaLJJMBpx5ki7JOsmxwTvJNGU+oy6P+nkouMWt2AYOeFb1/G/BL1xudoka6ShlAAAAAElFTkSuQmCC");
}
.WebControls3.Sidebar.RightToLeft.PanelMode .Opened .Arrow[data-pinned="0"]:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIEDDkvdlGJ6gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAcklEQVQY05XRoQoCURSE4dksikUs2kyaTe5b+JL7DIvPYLKatAkKgvmzC+u9++f5D4eZ5Aec0GOWEmjxwhnLGmGHO67Y1AgrXPDAPkkaLJJMBpx5ki7JOsmxwTvJNGU+oy6P+nkouMWt2AYOeFb1/G/BL1xudoka6ShlAAAAAElFTkSuQmCC");
}
.WebControls3.Sidebar .Gradient-Bar ~ .Closed {
  top: 5px;
  border-top: none;
}
.WebControls3.Sidebar .Closed {
  position: absolute;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  border: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  top: 0;
  bottom: 0;
  left: 0;
  width: 27px;
  z-index: 21;
  overflow: hidden;
}
.WebControls3.Sidebar .Closed:before {
  content: "";
  background-color: rgba(136, 119, 177, 0.4) /* color-code: #08, opacity: 0.4 */;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.WebControls3.Sidebar .Closed .Arrow {
  position: absolute;
  top: 0;
  border-bottom: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  left: 0;
  background-color: rgba(0, 0, 0, 1) /* color-code: #10, opacity: 1 */;
  width: 25px;
  height: 26px;
  box-sizing: border-box;
}
.WebControls3.Sidebar .Closed .Arrow:before {
  background-color: rgba(136, 119, 177, 0.8) /* color-code: #08, opacity: 0.8 */;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIEDDkvdlGJ6gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAcklEQVQY05XRoQoCURSE4dksikUs2kyaTe5b+JL7DIvPYLKatAkKgvmzC+u9++f5D4eZ5Aec0GOWEmjxwhnLGmGHO67Y1AgrXPDAPkkaLJJMBpx5ki7JOsmxwTvJNGU+oy6P+nkouMWt2AYOeFb1/G/BL1xudoka6ShlAAAAAElFTkSuQmCC");
  background-position: center center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  content: "";
  display: block;
}
.WebControls3.Sidebar .Closed .SidebarTitle {
  position: absolute;
  font-size: 18px;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
  font-weight: 500;
  line-height: 25px;
  -moz-transform-origin: 0px 100%;
  -webkit-transform-origin: 0px 100%;
  -ms-transform-origin: 0px 100%;
  -o-transform-origin: 0px 100%;
  transform-origin: 0px 100%;
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */
  transform: rotate(90deg);
  top: 14px;
  left: 0;
  white-space: nowrap;
}
.WebControls3.Sidebar .Gradient-Bar ~ .Opened {
  top: 5px;
  border-top: none;
}
.WebControls3.Sidebar .Opened {
  z-index: 22;
  position: absolute;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  border: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 270px;
  opacity: 0;
  display: none;
  overflow: hidden;
}
.WebControls3.Sidebar .Opened .SidebarTitle {
  font-size: 18px;
  color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
  font-weight: 500;
  line-height: 25px;
  white-space: nowrap;
  background-color: rgba(136, 119, 177, 1) /* color-code: #08, opacity: 1 */;
  padding-left: 14px;
  border-bottom: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  height: 25px;
  margin-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.WebControls3.Sidebar .Opened .Arrow {
  position: absolute;
  top: 0;
  border-bottom: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  border-left: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  right: 0;
  background-color: rgba(0, 0, 0, 1) /* color-code: #10, opacity: 1 */;
  width: 26px;
  height: 26px;
  box-sizing: border-box;
}
.WebControls3.Sidebar .Opened .Arrow:before {
  background-color: rgba(136, 119, 177, 0.8) /* color-code: #08, opacity: 0.8 */;
  display: block;
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
.WebControls3.Sidebar .Opened .Arrow[data-pinned="0"]:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIKCioX2+57ZwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABvElEQVQoz3WRT0iTcRzGn9/7zr2jppiKuWZzDEGXJVMk0FP0gnXIfz9M9ORv4EHrJKLXmogQ5Nnw0isiHqIXCkIh3pUx0ffgdIKTpXMqg2LvfEssFQ97vSi8yvwcny8f+PI8BCZEym4A+AggH0CzIksassCZhEIA3/xdbXce1lY7AYzgGrhzoZQQMt/f2y3k5doRT+zdAnAoUsZnk3iRsnKO476/Gnx5nNJ0PKqvs7c3Ndq0tO5M7CU7PF5fMLGxemCWiEhZcqCP/Y3+jFv8XfSmTbCWXhzXY1vh4bfj7uOTk0EAdgDvFFk65T1e374aXuvZ3N49tQmCXlVRfvtCKi4qcLQ8fZxeXI48u+ssadDS+hOP1zfNKbI0mclkXAAqpz58zkTWYyvmV36ltD/+ztZkzX1vCoAVACFXKndZLBZ1YiygFxXk34vG4hEDBhdSw/yXr/M7AJ4rsnR0qZ3ExuqBu6J6IRhSXwjWnE1HSTH/aVaxKT+WygC0KrL0+9JOJqKH//5b3S4n/35Gzgup4TkAowCCImUPAIBk20GkbIgQ8sYwjIAiS6/Psz4AAQBN140OkTJHlqxDpGznDEc/m7WJkpBvAAAAAElFTkSuQmCC");
}
.WebControls3.Sidebar .Opened .Arrow[data-pinned="1"]:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIKCjEzTttULAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQY05XRMQ4BURSF4TO1RKtRqqhVLMASbNIGJtag0qpGJ0GC+lNpxHtm/vo/JzfnJl9gjBb71MAEB1yxqokznNBhXhOXuOCIaclrsEmyS9Il2Sa5F9xXg2eSUf7zGNQ86OZfa5yx6BP47HzDuk+g+ME31cl8ISsTtU8AAAAASUVORK5CYII=");
}
.WebControls3.Sidebar .Opened .SidebarContent {
  position: absolute;
  top: 26px;
  left: 0;
  width: 270px;
  bottom: 0;
  background-color: rgba(136, 119, 177, 0.2) /* color-code: #08, opacity: 0.2 */;
  overflow: auto;
}
.WebControls3.Sidebar .Opened .SidebarContent div.SidebarButton {
  position: relative;
}
.WebControls3.Sidebar .Opened .SidebarContent div.SidebarButton a {
  display: block;
  height: 37px;
  box-sizing: border-box;
  line-height: 37px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid rgba(150, 160, 170, 1) /* color-code: #03, opacity: 1 */;
  position: relative;
  z-index: 11;
  text-decoration: none;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}
.WebControls3.Sidebar .Opened .SidebarContent div.SidebarButton.Selected {
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.Sidebar .Opened .SidebarContent div.SidebarButton.Selected a {
  background-color: rgba(136, 119, 177, 0.6) /* color-code: #08, opacity: 0.6 */ !important;
}
.WebControls3.Sidebar .Opened .SidebarContent div.SidebarButton:hover {
  background-color: rgba(255, 255, 255, 1) /* color-code: #01, opacity: 1 */;
}
.WebControls3.Sidebar .Opened .SidebarContent div.SidebarButton:hover a {
  background-color: rgba(136, 119, 177, 0.3) /* color-code: #08, opacity: 0.3 */;
  color: rgba(25, 70, 92, 1) /* color-code: #04, opacity: 1 */;
}

/* WebControls3.Dialog */
div.WebControls3.DialogCoverDiv {
  background-color: rgba(12, 53, 85, 0.3);
  opacity: 1 !important;
  z-index: 1001;
}
div.WebControls3.DialogCoverDiv.PopupOnly {
  background-color: rgba(12, 53, 85, 0.3) !important;
}

div.WebControls3.Dialog {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  z-index: 102;
  -webkit-box-shadow: 0 0 30px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 30px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 30px rgba(12, 53, 85, 0.3);
  min-height: 96px;
  min-width: 96px;
}
div.WebControls3.Dialog.Fullscreen {
  top: 24px !important;
  bottom: 24px !important;
  left: 24px !important;
  right: 24px !important;
}
div.WebControls3.Dialog.Fullscreen > .Content {
  position: absolute;
  top: 51px;
  right: 0;
  bottom: 0;
  left: 0;
}
div.WebControls3.Dialog.Loading > .Header {
  display: none;
}
div.WebControls3.Dialog > .Header {
  position: relative;
  white-space: nowrap;
  font-size: 20px;
  color: #2196f3;
  font-family: "segoe-ui_semilight";
  margin: 12px 24px;
}
div.WebControls3.Dialog > .Header .Title {
  margin: 0 !important;
}
div.WebControls3.Dialog > .Header .CloseButton {
  display: none;
}
div.WebControls3.Dialog > .Header div.Toolbar {
  display: inline-block;
  float: right;
}
div.WebControls3.Dialog > .Header div.Toolbar .Copy {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
div.WebControls3.Dialog > .Header div.Toolbar .Copy:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.85 !important;
  content: "\e14d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
div.WebControls3.Dialog > .Header div.Toolbar .Copy:hover {
  color: #0c3555;
}
div.WebControls3.Dialog > .Header div.Toolbar .Copy.disabled {
  cursor: default;
  color: #b8b8b8;
}
div.WebControls3.Dialog.Popup > .Header, div.WebControls3.Dialog > .FakeShadow2 > .FakeShadow3 > .FakeShadow4 > .Header {
  background-color: transparent !important;
  border-bottom: none !important;
  background-image: none !important;
  color: inherit;
}
div.WebControls3.Dialog > .Content {
  overflow-y: auto;
  margin: 0 24px;
  position: relative;
}
div.WebControls3.Dialog > .Content.Small {
  width: 500px;
  height: 400px;
  max-width: calc(100vw - 40px);
}
div.WebControls3.Dialog > .Content.Medium {
  width: 800px;
  height: 600px;
  max-width: calc(100vw - 40px);
}
div.WebControls3.Dialog > .Content.Large {
  width: 1000px;
  height: 800px;
  max-width: calc(100vw - 40px);
}
div.WebControls3.Dialog .LoadingIndicator {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
}
div.WebControls3.Dialog .LoadingIndicator:before, div.WebControls3.Dialog .LoadingIndicator:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
div.WebControls3.Dialog .LoadingIndicator:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
div.WebControls3.Dialog .LoadingIndicator:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
div.WebControls3.Dialog.PugDialog .Header {
  display: none;
}
div.WebControls3.Dialog.PugDialog .Content {
  margin: 0;
  top: 0;
  font-size: 0;
}
div.WebControls3.Dialog.PugDialog .Content .InfolandUpdatePanel {
  height: 100%;
}

iframe.WebControls3.Dialog.MenuiFrame {
  z-index: 1;
}

/* Ribbon */
.WebControls3.RibbonDropDownOffset {
  position: absolute;
  width: 0;
  height: 0;
  left: 17px;
  top: -10px;
}
.WebControls3.RibbonDropDown {
  background-color: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-transform: translate(-16px, 16px);
  -ms-transform: translate(-16px, 16px);
  -o-transform: translate(-16px, 16px);
  -webkit-transform: translate(-16px, 16px);
  transform: translate(-16px, 16px);
}
.WebControls3.RibbonDropDown .Button.ListItem > a {
  padding: 6px 12px;
  color: #777;
}
.WebControls3.RibbonDropDown .Button.ListItem > a:hover {
  color: white;
  background-color: #2196f3;
}
.WebControls3.Ribbon {
  padding-top: 6px;
  position: absolute !important;
  height: 36px;
  top: 12px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.WebControls3.Ribbon .Top-Decoration, .WebControls3.Ribbon .RibbonExtraContent {
  display: none;
}
.WebControls3.Ribbon .Button {
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  color: #186caf;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.Ribbon .Button:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.Ribbon .Button > a {
  padding-left: 42px;
  padding-right: 24px;
  color: inherit;
  font-size: 15px;
}
.WebControls3.Ribbon .Button:hover:not(.Disabled) {
  color: #0c3555;
}
.WebControls3.Ribbon .Button.Disabled {
  cursor: default;
  opacity: 0.3;
}
.WebControls3.Ribbon .Button.Disabled a {
  cursor: default;
}
.WebControls3.Ribbon .Button.List > a:after {
  content: "\e5cf";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button .IconBackground, .WebControls3.Ribbon .Button .IconForeground {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
}
.WebControls3.Ribbon .Button .IconBackground:before, .WebControls3.Ribbon .Button .IconForeground:before {
  display: block;
  position: absolute;
}
.WebControls3.Ribbon .Button .IconBackground {
  font-size: 36px;
}
.WebControls3.Ribbon .Button .IconBackground:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button .IconForeground {
  font-size: 24px;
}
.WebControls3.Ribbon .Button .IconForeground:before {
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.WebControls3.Ribbon .Button.Add .IconForeground:before {
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Edit .IconForeground:before {
  content: "\e254";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Delete .IconForeground:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Move .IconForeground:before {
  content: "\e31b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Preview .IconForeground:before {
  content: "\e8f4";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Password .IconForeground:before {
  font-size: 20px;
  content: "\e0da";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Import .IconForeground:before {
  content: "\e2c6";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Publish .IconForeground:before {
  content: "\e80b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Feedback .IconForeground:before {
  zoom: 0.85;
  content: "\e0c9";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Copy .IconForeground:before {
  zoom: 0.85;
  content: "\e14d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Mail .IconForeground:before {
  zoom: 0.85;
  content: "\e0e1";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Permissions .IconForeground:before {
  zoom: 0.85;
  content: "\e897";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Label .IconForeground:before {
  zoom: 0.85;
  content: "\e54e";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.MoveUp .IconForeground:before {
  content: "\e5dc";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.MoveDown .IconForeground:before {
  content: "\e5db";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Update .IconForeground:before {
  content: "\e5d5";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Exam .IconForeground:before {
  content: "\e14f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Info .IconForeground:before {
  content: "\e88f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Shuffle .IconForeground:before {
  content: "\e900";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Download .IconForeground:before {
  content: "\e884";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Scheme .IconForeground:before {
  content: "\e335";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Resend .IconForeground:before {
  content: "\e627";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Activate .IconForeground:before {
  content: "\e898";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Deactivate .IconForeground:before {
  content: "\e899";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Select .IconForeground:before {
  content: "\e975";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Priority .IconForeground:before {
  content: "\e645";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Check .IconForeground:before {
  content: "\e5ca";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.WebControls3.Ribbon .Button.Back .IconForeground:before {
  content: "\e5c4";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.WebControls3.Dialog .WebControls3.Ribbon {
  position: relative !important;
  top: auto;
  left: auto;
  right: auto;
  margin-left: 0;
  height: 85px;
}

/* FileUpload */
div.WebControls3.FileUpload.Edit {
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  border: none;
}
div.WebControls3.FileUpload.Edit:not(.HasFiles) {
  max-width: 500px;
  padding: 24px;
  border: 1px dashed #2196f3;
  background-color: #edf7fe;
}
div.WebControls3.FileUpload.Edit div.SelectFileUI {
  font-size: 15px;
  text-align: center;
}
div.WebControls3.FileUpload.Edit a.FileLink input {
  cursor: inherit; /* fix bug #48031*/
}
div.WebControls3.FileUpload.Edit div.ProgressBar {
  padding: 0;
  margin-top: 6px;
  position: relative !important;
}
div.WebControls3.FileUpload.Edit div.ProgressBar div.Message {
  text-align: center;
  margin-top: 6px;
  padding: 0 3px;
  box-sizing: border-box;
}
div.WebControls3.FileUpload.Edit div.ProgressBar div.BarOuter {
  position: relative;
  border: 1px solid #2196f3;
  padding: 1px;
  box-sizing: border-box;
}
div.WebControls3.FileUpload.Edit div.ProgressBar .ProgressText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: red;
  text-align: center;
  z-index: 3;
  padding: 3px;
}
div.WebControls3.FileUpload.Edit div.ProgressBar div.BarInner {
  background-color: #2196f3;
  min-height: 6px;
}
div.WebControls3.FileUpload.Edit.AcceptDrag {
  background-color: #c5e4fc;
  border-color: #186caf !important;
  color: #186caf;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File {
  padding: 8px;
  background-color: #edf7fe;
  border-left: 3px solid #2196f3;
  line-height: 24px;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.FileInfo {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding-right: 24px;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.FileInfo span.Name {
  display: inline;
  font-size: 14px;
  color: #555;
  white-space: normal;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.FileInfo span.Name:before {
  content: "\e24d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #2196f3;
  font-size: 24px;
  padding-right: 4px;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.FileInfo span.Size {
  display: inline;
  color: #b8b8b8;
  font-size: 11px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: 2px;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.FileInfo span.Size:before {
  content: "(";
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.FileInfo span.Size:after {
  content: ")";
}
div.WebControls3.FileUpload.Edit div.UploadList div.File span.Message:before {
  content: " - ";
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.CustomButton {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  color: #d60000;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.CustomButton:before {
  font-size: 24px;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.CustomButton.Delete:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File div.CustomButton.Delete:hover {
  color: #a30000;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File.Error, div.WebControls3.FileUpload.Edit div.UploadList div.File.Rejected {
  border-left-color: #d60000;
  background-color: #fdf0f0;
}
div.WebControls3.FileUpload.Edit div.UploadList div.File.Error div.FileInfo span.Name:before, div.WebControls3.FileUpload.Edit div.UploadList div.File.Rejected div.FileInfo span.Name:before {
  color: #d60000;
}

div.WebControls3.FileUpload.SingleFile div.File .Message {
  display: none;
}

div.WebControls3.FileUpload.SingleFile.HasFiles div.SelectFileUI {
  display: none;
}

/* iQualify styling */
.cke_top,
.cke_bottom {
  background-image: none !important;
  background-color: #f8f8f8 !important;
  border-color: #b8b8b8 !important;
  box-shadow: none !important;
  padding: 0px !important;
}

.cke_bottom {
  overflow: visible !important;
  border-top: none !important;
}

.cke_toolgroup {
  margin: 0 !important;
  border: none !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.cke_chrome {
  border-color: #b8b8b8 !important;
  box-shadow: none !important;
}

a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active {
  background-color: #c5e4fc !important;
  border: none !important;
  background-image: none !important;
}

a.cke_button {
  padding: 6px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cke_resizer {
  margin: 0 !important;
  margin-top: -14px !important;
  border-right-color: #b8b8b8 !important;
  box-shadow: none !important;
  border-top-width: 14px !important;
  border-right-width: 14px !important;
}

.WebControls3.FilteredSearchListBox > table {
  width: 100%;
}
.WebControls3.FilteredSearchListBox > table .SearchBox {
  width: 100%;
}
.WebControls3.FilteredSearchListBox .ItemContainer {
  margin-top: 6px;
  border: 1px solid #b8b8b8;
  border-right: none;
}
.WebControls3.FilteredSearchListBox .ItemContainer .Item {
  color: #777;
  height: 24px;
}
.WebControls3.FilteredSearchListBox .ItemContainer .Item table {
  height: 100%;
}
.WebControls3.FilteredSearchListBox .ItemContainer .Item table td {
  padding-left: 6px;
}
.WebControls3.FilteredSearchListBox .ItemContainer .Item.Selected {
  background-color: #2196f3;
  color: white;
}
.WebControls3.FilteredSearchListBox .Scroller {
  border: 1px solid #b8b8b8;
  border-left: none;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.WebControls3.FilteredSearchListBox .Scroller::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.WebControls3.FilteredSearchListBox .Scroller::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.WebControls3.FilteredSearchListBox .Scroller::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.WebControls3.FilteredSearchListBox .Scroller::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.WebControls3.FilteredSearchListBox .Scroller::-webkit-scrollbar-corner {
  background-color: transparent;
}
.WebControls3.FilteredSearchListBox div.CssSortImage {
  display: inline-block;
}

.WebControls3.FlatTree {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.WebControls3.FlatTree::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.WebControls3.FlatTree::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.WebControls3.FlatTree::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.WebControls3.FlatTree::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.WebControls3.FlatTree::-webkit-scrollbar-corner {
  background-color: transparent;
}
.WebControls3.FlatTree .Node {
  margin-right: 5px;
  padding: 12px;
  padding-left: 16px !important;
  line-height: 24px;
  border-right: 1px solid #b8b8b8;
  position: relative;
  font-size: 15px;
  display: block;
  color: #555;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.WebControls3.FlatTree .Node:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.WebControls3.FlatTree .Node:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 3px;
  background-color: #2196f3;
}
.WebControls3.FlatTree .Node:hover, .WebControls3.FlatTree .Node.Selected {
  color: #2196f3;
}
.WebControls3.FlatTree .Node:hover::before, .WebControls3.FlatTree .Node.Selected::before {
  display: block;
}
.WebControls3.FlatTree .Node.Selected {
  background-color: #edf7fe;
  cursor: default;
}

/**** Infoland Update Panel ****/
.InfolandUpdatePanel .InfolandUpdatePanelBusyDiv {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
}
.InfolandUpdatePanel .InfolandUpdatePanelBusyDiv:before, .InfolandUpdatePanel .InfolandUpdatePanelBusyDiv:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
.InfolandUpdatePanel .InfolandUpdatePanelBusyDiv:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
.InfolandUpdatePanel .InfolandUpdatePanelBusyDiv:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

.Validation_UnFilledRequired:-ms-input-placeholder {
  color: #d60000 !important;
}

.Validation_UnFilledRequired:-moz-placeholder {
  color: #d60000 !important;
}

.Validation_UnFilledRequired::-moz-placeholder {
  color: #d60000 !important;
}

.Validation_UnFilledRequired::-webkit-input-placeholder {
  color: #d60000 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b8b8b8;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #b8b8b8;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #b8b8b8;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b8b8b8;
}

.ValidationWatermark.Validation_UnFilledRequired,
.iProva.CKEditor.Validation_UnFilledRequired .Placeholder,
.WebControls3.DropDownFilterList > .Validation_UnFilledRequired.SelectedValue[data-is-placeholder="1"] {
  color: #d60000;
}

.WebControls3.DropDown.Validation_UnFilledRequired .TextInput.Watermark {
  color: #d60000 !important;
}
.WebControls3.DropDown.Validation_UnFilledRequired .TextInput:-ms-input-placeholder {
  color: #d60000 !important;
}
.WebControls3.DropDown.Validation_UnFilledRequired .TextInput:-moz-placeholder {
  color: #d60000 !important;
}
.WebControls3.DropDown.Validation_UnFilledRequired .TextInput::-moz-placeholder {
  color: #d60000 !important;
}
.WebControls3.DropDown.Validation_UnFilledRequired .TextInput::-webkit-input-placeholder {
  color: #d60000 !important;
}
.WebControls3.DropDown.Validation_UnFilledRequired.Validation_NoLabel {
  border-color: #d60000;
}
.WebControls3.DropDown.Validation_UnFilledRequired.Validation_NoLabel .TextInput {
  background-color: #fbe6e6 !important;
}

.WebControls3.ListView.Validation_UnFilledRequired tr {
  background-color: #fbe6e6;
}

.UserLookupField > .TextContainer.Validation_UnFilledRequired {
  color: #d60000 !important;
}

.WebControls3.FilteredSearchListBox.Validation_UnFilledRequired {
  background-color: transparent !important;
  border: none !important;
}
.WebControls3.FilteredSearchListBox.Validation_UnFilledRequired .ItemContainer, .WebControls3.FilteredSearchListBox.Validation_UnFilledRequired .Scroller {
  background-color: #fbe6e6 !important;
  border-color: #d60000;
}

.Hyperlink-Lookup-Field.Validation_UnFilledRequired {
  background-color: #fbe6e6;
}

.FunctionLookupField.Validation_UnFilledRequired > .TextContainer {
  color: #d60000 !important;
}

.iDataObjectLookupField.Validation_UnFilledRequired > .TextContainer {
  color: #d60000 !important;
}

.Validation_UnFilledRequiredLabel,
.Validation_InvalidLabel {
  color: #d60000 !important;
}

.Validation_InlineRequired {
  border: 1px solid #d60000 !important;
}

.Validation_UnFilledRequired.Validation_Inline:not(.Validation_Hidden),
.Validation_Invalid.Validation_Inline:not(.Validation_Hidden),
.Validation_UnFilledRequired.Validation_NoLabel:not(.Validation_Hidden),
.Validation_Invalid.Validation_NoLabel:not(.Validation_Hidden) {
  background-color: #fbe6e6 !important;
  background-image: none;
  border: 1px solid #d60000;
}

input[type=checkbox].Validation_UnFilledRequired.Validation_Inline,
input[type=radio].Validation_UnFilledRequired.Validation_Inline {
  background-color: transparent !important;
  border-width: 0 !important;
}

input[type=text].Validation_UnFilledRequired {
  border-color: #d60000 !important;
}

.Validation_ErrorMessage {
  color: #d60000;
}

.Validation_ErrorMessage.OnlyError {
  display: inline;
  padding-left: 0;
}
.Validation_ErrorMessage.OnlyError li {
  display: inline;
}

.ValidationMessage {
  border-left: 3px solid #2196f3;
  position: fixed;
  background-color: #edf7fe;
  color: #555;
  padding: 12px;
  z-index: 1300;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
}
.ValidationMessage .ValidationMessageContents {
  float: left;
}
.ValidationMessage .ValidationMessageContents div:not(:first-child) {
  margin-top: 5px;
  padding-top: 5px;
}
.ValidationMessage .CloseValidationMessage {
  display: none;
  margin-left: 10px;
  float: right;
  width: 16px;
  height: 15px;
  background-image: url(../Images/cross_white.png);
  cursor: pointer;
}

.LabelRequired {
  color: #b8b8b8;
}

.Validation_UnFilledRequiredLabel .LabelRequired {
  color: #d60000;
}

.ValidationWatermark,
.WebControls3.DropDownFilterList > .SelectedValue[data-is-placeholder="1"] {
  color: #b8b8b8;
}

.iProva.CKEditor .Placeholder {
  cursor: text;
  padding-left: 6px;
  padding-top: 6px;
  color: #b8b8b8;
}

.WebControls3.FileUpload.Edit.Validation_NoLabel.Validation_UnFilledRequired:Not(.HasFiles) {
  /*
      (with :Not(.HasFiles) because when the control
      has files the files itselfs are styled as invalid
  */
  background-color: #fbe6e6;
  border-color: #d60000;
}

.WebControls3.DoubleListBox .ItemContainer.Validation_UnFilledRequired {
  background-color: transparent !important;
}
.WebControls3.DoubleListBox .ItemContainer.Validation_UnFilledRequired .Item {
  background-color: #fbe6e6;
}

.WebControls3.ListEditor.Validation_UnFilledRequired .ScrollDiv {
  background-color: #fbe6e6;
}

.iProva.CKEditor.Validation_UnFilledRequired.Validation_NoLabel {
  border: none !important;
}
.iProva.CKEditor.Validation_UnFilledRequired.Validation_NoLabel > .cke_chrome {
  border-color: #d60000 !important;
}

select.ValidationWatermark {
  background-position: 24px 2px !important;
}

.WebControls3.DatePicker .Validation_Invalid {
  color: #d60000;
}

.iQualify.Searchable.List {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.iQualify.Searchable.List .Search {
  margin-top: 12px;
  position: relative;
  width: 100%;
}
.iQualify.Searchable.List .Search input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 40px;
  background-color: transparent;
  font-size: 16px;
  height: 40px;
}
.iQualify.Searchable.List .Search:before {
  content: "\e8b6";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 40px;
  padding-left: 8px;
  font-size: 24px;
  color: #186caf;
}
.iQualify.Searchable.List .List {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
}

.iQualify.QuestionPoolLabelScore {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer {
  overflow: auto;
  height: 100%; /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.iQualify.QuestionPoolLabelScore .ScrollContainer::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item {
  padding-right: 6px;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item:not(:first-child) {
  margin-top: 24px;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item .TextContainer {
  color: #777;
  width: 100%;
  display: inline-block;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item .TextContainer .Title {
  display: inline-block;
  width: 226px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item .TextContainer .Score {
  display: inline-block;
  float: right;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item .Indicator {
  margin-top: 2px;
  display: block;
  width: 100%;
  background-color: #c5e4fc;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.iQualify.QuestionPoolLabelScore .ScrollContainer .Item .Indicator .Score {
  width: 0%;
  height: 10px;
  background-color: #2196f3;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid white;
  -webkit-transition: width 1s ease-out;
  -moz-transition: width 1s ease-out;
  -ms-transition: width 1s ease-out;
  -o-transition: width 1s ease-out;
  transition: width 1s ease-out;
}

.iQualify.Message {
  border-left: 3px solid #2196f3;
  padding: 12px 24px;
  line-height: 24px;
  color: #555;
  background-color: #edf7fe;
  font-size: 15px;
  position: relative;
  text-justify: initial !important;
}
.iQualify.Message.Info, .iQualify.Message.Warning, .iQualify.Message.Error {
  padding-left: 45px;
}
.iQualify.Message.Info:before, .iQualify.Message.Warning:before, .iQualify.Message.Error:before {
  position: absolute;
  left: 12px;
  font-size: 24px;
  color: #2196f3;
}
.iQualify.Message .List {
  max-height: 150px;
  overflow: auto;
  display: block !important;
}
.iQualify.Message.Info:before {
  content: "\e88f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Message.Warning:before {
  content: "\e002";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Message.Error:before {
  content: "\e001";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Message.SmallInfo {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
}
.iQualify.Message.SmallInfo:before {
  color: #2196f3;
  font-size: 16px;
  content: "\e88f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Message.Green {
  border-left-color: #2ca129;
  background-color: #f2f9f2;
}
.iQualify.Message.Green:before, .iQualify.Message.Green span {
  color: #2ca129;
}
.iQualify.Message.Orange {
  border-left-color: #ff7800;
  background-color: #fff7f0;
}
.iQualify.Message.Orange:before, .iQualify.Message.Orange span {
  color: #ff7800;
}
.iQualify.Message.Red {
  border-left-color: #d60000;
  background-color: #fdf0f0;
}
.iQualify.Message.Red:before, .iQualify.Message.Red span {
  color: #d60000;
}
.iQualify.Message span {
  font-family: "segoe-ui_semibold";
  color: #2196f3;
}

.iQualify.Highlight {
  -webkit-transition: background-color 0.3s ease-out,  transform 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out,  transform 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out,  transform 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out,  transform 0.3s ease-out;
  transition: background-color 0.3s ease-out,  transform 0.3s ease-out;
  transform: scale(1);
}
.iQualify.Highlight.On {
  background-color: #0c3555 !important;
  transform: scale(1.2);
  -webkit-transition: background-color 0s ease-out,  transform 0s ease-out;
  -moz-transition: background-color 0s ease-out,  transform 0s ease-out;
  -ms-transition: background-color 0s ease-out,  transform 0s ease-out;
  -o-transition: background-color 0s ease-out,  transform 0s ease-out;
  transition: background-color 0s ease-out,  transform 0s ease-out;
}

.iQualify.DrillDown.ScoreDistribution {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 450px;
}

.iQualify.UserSelectBox + input {
  cursor: pointer;
}
.iQualify.UserSelectBox + input + span {
  display: inline-block;
  vertical-align: -7px;
  position: relative;
  margin-left: 6px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  cursor: pointer;
  color: #b8b8b8;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.iQualify.UserSelectBox + input + span:before {
  position: absolute;
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.UserSelectBox + input + span:hover {
  color: #d60000;
}
.iQualify.UserSelectBox + input + span.disabled {
  opacity: 0;
}

.DontIndent .iQualify.FilterTree.display {
  left: -16px;
}

.iQualify.FilterTree {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.FilterTree .node {
  position: relative;
  height: 25px;
  color: #555;
}
.iQualify.FilterTree .expander {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 0;
  cursor: pointer;
  line-height: 1em;
  -webkit-transition: transform 0.1s ease-out;
  -moz-transition: transform 0.1s ease-out;
  -ms-transition: transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}
.iQualify.FilterTree .expander:before {
  content: "\e409";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
}
.iQualify.FilterTree .expanded .expander {
  transform: rotate(90deg) translateX(-50%);
}
.iQualify.FilterTree .container {
  padding-left: 22px;
}
.iQualify.FilterTree.filter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.iQualify.FilterTree.filter .container {
  padding-left: 12px;
}
.iQualify.FilterTree.filter .list {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 12px;
  right: 0;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 6px;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.iQualify.FilterTree.filter .list::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.FilterTree.filter .list::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.FilterTree.filter .list::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.FilterTree.filter .list::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.FilterTree.filter .list::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.FilterTree.filter .filter {
  padding: 4px 0;
  padding-left: 15px;
  font-family: segoe-ui_semibold;
  color: #b8b8b8;
  font-size: 16px;
  position: relative;
  text-transform: uppercase;
  margin-top: 12px;
  cursor: pointer;
  line-height: 1em;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.FilterTree.filter .filter:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.FilterTree.filter .filter.expanded, .iQualify.FilterTree.filter .filter.hasSelected {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filter .clear {
  float: right;
  color: #d60000;
  padding-right: 2px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.FilterTree.filter .filter .clear:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.FilterTree.filter .filter .clear:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filter .clear:before {
  font-size: 20px;
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filter:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent {
  padding-left: 3px;
  padding-bottom: 12px;
}
.iQualify.FilterTree.filter .filterContent.clearall {
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
  text-align: end;
}
.iQualify.FilterTree.filter .filterContent.clearall:not(:has(~ .filter.hasSelected)) {
  opacity: 0;
}
.iQualify.FilterTree.filter .filterContent.clearall:not(:has(~ .filter.hasSelected)) a {
  cursor: default;
}
.iQualify.FilterTree.filter .filterContent.small {
  padding-bottom: 0;
  height: 25px;
}
.iQualify.FilterTree.filter .filterContent.small + .filter {
  margin-top: 0;
}
.iQualify.FilterTree.filter .filterContent:first-of-type {
  border-bottom: 1px solid #f0f0f0;
}
.iQualify.FilterTree.filter .filterContent .node > .selector {
  display: block;
  position: absolute;
  top: 6px;
  left: 16px;
  color: #777;
  cursor: pointer;
}
.iQualify.FilterTree.filter .filterContent .node > .selector:before {
  display: block;
  font-size: 13px;
  content: "\e836";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filterContent .node > .title {
  line-height: 23px;
  height: 25px;
  display: block;
  font-size: 13px;
  padding-left: 34px;
  padding-right: 12px;
  margin: 0;
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.FilterTree.filter .filterContent .node > .title:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.FilterTree.filter .filterContent .node > .count {
  font-size: 12px;
  border-radius: 10.5px;
  line-height: 21px;
  padding: 0 7px;
  display: block;
  float: right;
  overflow: hidden;
  margin: 2px 3px 2px -6px;
}
.iQualify.FilterTree.filter .filterContent .node.partSelected > .selector::before {
  content: "\e909";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filterContent .node.selected > .selector::before {
  content: "\e834";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filterContent .node.selected.noChildren:hover > .selector, .iQualify.FilterTree.filter .filterContent .node.selected .selector:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .node.selected > .count {
  color: white !important;
  background-color: #2196f3 !important;
}
.iQualify.FilterTree.filter .filterContent .node:hover.hasChildren > .expander {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .node:hover.noChildren > .selector, .iQualify.FilterTree.filter .filterContent .node:hover > .selector:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .node:hover > .title {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .node:hover > .count {
  color: #2196f3;
  background-color: #edf7fe;
}
.iQualify.FilterTree.filter .filterContent .node.disabled > .expander {
  color: #b8b8b8;
}
.iQualify.FilterTree.filter .filterContent .node.disabled > .selector {
  color: #b8b8b8;
  cursor: default;
}
.iQualify.FilterTree.filter .filterContent .node.disabled > .title {
  color: #b8b8b8;
}
.iQualify.FilterTree.filter .filterContent .clearall {
  line-height: 25px;
}
.iQualify.FilterTree.filter .filterContent .search {
  margin-top: 12px;
  height: 25px;
  position: relative;
}
.iQualify.FilterTree.filter .filterContent .search .inputWrapper {
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  right: 20px;
}
.iQualify.FilterTree.filter .filterContent .search .inputWrapper input, .iQualify.FilterTree.filter .filterContent .search .inputWrapper .watermark {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background-color: transparent;
  text-indent: 3px;
  padding: 0;
  margin: 0;
  font-size: 15px;
  width: 100%;
  height: 100%;
  line-height: 25px;
  color: #555;
}
.iQualify.FilterTree.filter .filterContent .search .inputWrapper .watermark {
  color: #777;
}
.iQualify.FilterTree.filter .filterContent .search .searchButton {
  cursor: pointer;
  color: #777;
  display: block;
  position: absolute;
  bottom: 0;
}
.iQualify.FilterTree.filter .filterContent .search .searchButton:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .search .searchButton:before {
  font-size: 24px;
  content: "\e8b6";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filterContent .search .search .clearButton {
  cursor: pointer;
  color: #d60000;
  display: block;
  position: absolute;
  right: 2px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.iQualify.FilterTree.filter .filterContent .search .search .clearButton:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .search .search .clearButton:before {
  font-size: 20px;
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filterContent .footer {
  margin-top: 6px;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.FilterTree.filter .filterContent .footer:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.FilterTree.filter .filterContent .footer:hover {
  color: #2196f3;
}
.iQualify.FilterTree.filter .filterContent .footer span::before {
  font-size: 16px;
}
.iQualify.FilterTree.filter .filterContent .footer.showAll span:before {
  content: "\e5cf";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.filter .filterContent .footer.hideAll span:before {
  content: "\e5ce";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.edit {
  height: 100%;
  position: relative;
}
.iQualify.FilterTree.edit .list {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #b8b8b8;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.iQualify.FilterTree.edit .list::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.FilterTree.edit .list::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.FilterTree.edit .list::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.FilterTree.edit .list::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.FilterTree.edit .list::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.FilterTree.edit .list .filterContent {
  padding: 6px;
}
.iQualify.FilterTree.edit .list .node .title {
  margin-left: 16px;
  display: inline-block;
  height: 24px;
  line-height: 23px;
  vertical-align: top;
  padding-right: 3px;
}
.iQualify.FilterTree.edit .list .node .button {
  margin-top: 1px;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  text-align: center;
  color: #b8b8b8;
  opacity: 0;
  cursor: pointer;
  transform: translateX(-20%);
  border-radius: 50%;
  -webkit-transition: opacity 0.05s ease-out,  transform 0.05s ease-out;
  -moz-transition: opacity 0.05s ease-out,  transform 0.05s ease-out;
  -ms-transition: opacity 0.05s ease-out,  transform 0.05s ease-out;
  -o-transition: opacity 0.05s ease-out,  transform 0.05s ease-out;
  transition: opacity 0.05s ease-out,  transform 0.05s ease-out;
}
.iQualify.FilterTree.edit .list .node .button:before {
  font-size: 24px;
}
.iQualify.FilterTree.edit .list .node .button:hover {
  opacity: 1 !important;
}
.iQualify.FilterTree.edit .list .node .button.add:before {
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.edit .list .node .button.add:hover {
  color: #2ca129;
}
.iQualify.FilterTree.edit .list .node .button.edit:before {
  content: "\e254";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.edit .list .node .button.edit:hover {
  color: #ff7800;
}
.iQualify.FilterTree.edit .list .node .button.delete:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.edit .list .node .button.delete:hover {
  color: #d60000;
}
.iQualify.FilterTree.edit .list .node:hover .button {
  transform: translateX(0%);
  opacity: 1;
}
.iQualify.FilterTree.edit .list .node:hover.hasChildren {
  color: #2196f3;
}
.iQualify.FilterTree.edit .list .node.hasChildren .title {
  cursor: pointer;
}
.iQualify.FilterTree.edit .list .node.hasChildren .button.delete {
  display: none;
}
.iQualify.FilterTree.edit .header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
}
.iQualify.FilterTree.edit .addRootNode {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
  margin: 6px 0;
}
.iQualify.FilterTree.edit .addRootNode:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.edit .addRootNode:hover {
  color: #0c3555;
}
.iQualify.FilterTree.edit .addRootNode.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.FilterTree.edit .addRootNode:hover {
  color: #0c3555;
}
.iQualify.FilterTree.display {
  position: relative;
  margin-top: 5px;
}
.iQualify.FilterTree.display .node > .title {
  margin-left: 16px;
  display: inline-block;
  height: 24px;
  line-height: 23px;
  vertical-align: top;
  padding-right: 3px;
}
.iQualify.FilterTree.display .node.hasChildren {
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.FilterTree.display .node.hasChildren > .title {
  cursor: pointer;
}
.iQualify.FilterTree.display .node.hasChildren:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.FilterTree.display .node.hasChildren:hover {
  color: #2196f3;
}
.iQualify.FilterTree.display:empty:after {
  content: "-";
  margin-left: 16px;
}
.iQualify.FilterTree.select {
  position: relative;
}
.iQualify.FilterTree.select .list {
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #b8b8b8;
  max-height: 350px;
  width: 650px;
  box-sizing: border-box;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.iQualify.FilterTree.select .list::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.FilterTree.select .list::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.FilterTree.select .list::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.FilterTree.select .list::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.FilterTree.select .list::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.FilterTree.select .list .filterContent {
  padding: 6px 12px;
}
.iQualify.FilterTree.select .list .node > .selector {
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  color: #777;
  cursor: pointer;
}
.iQualify.FilterTree.select .list .node > .selector:before {
  display: block;
  font-size: 13px;
  content: "\e836";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.select .list .node > .title {
  padding-left: 18px;
  line-height: 23px;
  height: 25px;
  display: block;
  font-size: 13px;
  padding-right: 12px;
  margin: 0;
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.FilterTree.select .list .node > .title:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.FilterTree.select .list .node.selected > .selector::before {
  content: "\e834";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.FilterTree.select .list .node.selected.noChildren:hover > .selector, .iQualify.FilterTree.select .list .node.selected .selector:hover {
  color: #2196f3;
}
.iQualify.FilterTree.select .list .node:hover.hasChildren > .expander {
  color: #2196f3;
}
.iQualify.FilterTree.select .list .node:hover.noChildren > .selector, .iQualify.FilterTree.select .list .node:hover > .selector:hover {
  color: #2196f3;
}
.iQualify.FilterTree.select .list .node:hover > .title {
  color: #2196f3;
}
.iQualify.FilterTree.Validation_UnFilledRequired > .list {
  border-color: #d60000;
}

.iQualify.Tips.Container {
  background-color: rgba(12, 53, 85, 0.3);
  opacity: 1;
  z-index: 1001;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.iQualify.Tips.ItemContainer {
  font-family: segoe-ui_semilight;
  position: absolute;
  width: 500px;
  background-color: #fff;
  left: calc(50% - 250px);
  z-index: 1002;
  -webkit-box-shadow: -5px 0px 30px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: -5px 0px 30px rgba(12, 53, 85, 0.3);
  box-shadow: -5px 0px 30px rgba(12, 53, 85, 0.3);
}
.iQualify.Tips.ItemContainer .Header {
  position: relative;
  white-space: nowrap;
  font-size: 20px;
  color: #2196f3;
  font-family: "segoe-ui_semilight";
  margin: 12px 24px;
}
.iQualify.Tips.ItemContainer .Header .Title {
  margin: 0 !important;
}
.iQualify.Tips.ItemContainer .Header .Close {
  position: absolute;
  width: 50px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  color: #2196f3;
  text-align: right;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.Tips.ItemContainer .Header .Close:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.Tips.ItemContainer .Header .Close:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Tips.ItemContainer .Header .Close:hover {
  color: #0c3555;
}
.iQualify.Tips.ItemContainer .Content {
  left: 24px;
  right: 24px;
  bottom: 50px;
  top: 50px;
  padding: 24px;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}
.iQualify.Tips.ItemContainer .Content img {
  -webkit-box-shadow: 0px 0px 10px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(12, 53, 85, 0.3);
  box-shadow: 0px 0px 10px rgba(12, 53, 85, 0.3);
}
.iQualify.Tips.ItemContainer .Footer {
  height: 50px;
  display: inline-block;
  width: 500px;
}
.iQualify.Tips.ItemContainer .Footer .Indicator {
  height: 50px;
  text-align: center;
  display: inline-block;
  width: 400px;
}
.iQualify.Tips.ItemContainer .Footer .Indicator .Page {
  display: inline-block;
  border: 1px solid #b8b8b8;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  vertical-align: top;
  cursor: pointer;
  background-color: #b8b8b8;
}
.iQualify.Tips.ItemContainer .Footer .Indicator .Page:not(.Selected) {
  margin-top: 2px;
}
.iQualify.Tips.ItemContainer .Footer .Indicator .Page.Selected {
  height: 10px;
  width: 10px;
  border: 1px solid #2196f3;
  background-color: #2196f3;
  color: #fff;
}
.iQualify.Tips.ItemContainer .Footer .Indicator .Page:not(:first-child) {
  margin-left: 24px;
}
.iQualify.Tips.ItemContainer .Footer .Button {
  color: #2196f3;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  height: 50px;
  width: 50px;
  font-size: 30px;
  text-align: center;
  display: inline-block;
}
.iQualify.Tips.ItemContainer .Footer .Button:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.Tips.ItemContainer .Footer .Button.Disabled {
  visibility: hidden;
}
.iQualify.Tips.ItemContainer .Footer .Button.Left:before {
  content: "\e408";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Tips.ItemContainer .Footer .Button.Right {
  right: 6px;
  float: right;
}
.iQualify.Tips.ItemContainer .Footer .Button.Right:before {
  content: "\e409";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Tips.ItemContainer .Footer .Button:not(.Disabled):hover {
  color: #0c3555;
  cursor: pointer;
}

.iQualify.Reports .report {
  display: inline-block;
  background-color: #fff;
  vertical-align: top;
  margin: 12px;
  width: 340px;
  height: 132px;
  border-left: 3px solid #2196f3;
  box-shadow: 3px 0 5px rgba(12, 53, 85, 0.3);
  padding: 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.iQualify.Reports .report:hover {
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.iQualify.Reports .report:hover {
  background-color: #edf7fe;
}
.iQualify.Reports .report.selected {
  background-color: #186caf;
  border-left-color: #186caf;
  color: #c5e4fc;
}
.iQualify.Reports .report.selected .title {
  color: #fff;
}
.iQualify.Reports .illustration {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}
.iQualify.Reports .illustration img {
  max-height: 100px;
  max-width: 100px;
}
.iQualify.Reports .title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2196f3;
  margin-bottom: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iQualify.BusyIndicator {
  background-color: rgba(255, 255, 255, 0.75);
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  opacity: 0;
  transform: scale(0);
  -webkit-transition: opacity 0.3s ease-out 0s, transform 0s ease-out 0.3s;
  -moz-transition: opacity 0.3s ease-out 0s, transform 0s ease-out 0.3s;
  -ms-transition: opacity 0.3s ease-out 0s, transform 0s ease-out 0.3s;
  -o-transition: opacity 0.3s ease-out 0s, transform 0s ease-out 0.3s;
  transition: opacity 0.3s ease-out 0s, transform 0s ease-out 0.3s;
}
.iQualify.BusyIndicator.Visible {
  opacity: 1;
  transform: scale(1);
  -webkit-transition: opacity 0.3s ease-out 0.2s, transform 0s ease-out 0s;
  -moz-transition: opacity 0.3s ease-out 0.2s, transform 0s ease-out 0s;
  -ms-transition: opacity 0.3s ease-out 0.2s, transform 0s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0.2s, transform 0s ease-out 0s;
  transition: opacity 0.3s ease-out 0.2s, transform 0s ease-out 0s;
}
.iQualify.BusyIndicator.Visible > div {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: transform 0.3s ease-out 0.2s;
  -moz-transition: transform 0.3s ease-out 0.2s;
  -ms-transition: transform 0.3s ease-out 0.2s;
  -o-transition: transform 0.3s ease-out 0.2s;
  transition: transform 0.3s ease-out 0.2s;
}
.iQualify.BusyIndicator > div {
  top: 50%;
  left: 50%;
  position: absolute;
  vertical-align: -33px;
  padding-top: 72px;
  white-space: nowrap;
  color: #2196f3;
  font-size: 18px;
  font-family: segoe-ui_semilight;
  transform: translate(-50%, -50%) scale(1.25);
  -webkit-transition: transform 0.3s ease-out 0s;
  -moz-transition: transform 0.3s ease-out 0s;
  -ms-transition: transform 0.3s ease-out 0s;
  -o-transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
}
.iQualify.BusyIndicator > div > span {
  background-color: rgba(255, 255, 255, 0.87);
  padding-left: 5px;
  padding-right: 5px;
}
.iQualify.BusyIndicator > div > div.Progress {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
}
.iQualify.BusyIndicator > div > div.Progress:before, .iQualify.BusyIndicator > div > div.Progress:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
.iQualify.BusyIndicator > div > div.Progress:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
.iQualify.BusyIndicator > div > div.Progress:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.iQualify.BusyIndicator > div > div.ProgressBar {
  min-width: 200px;
  width: 100%;
  border: 1px solid #2196f3;
  background-color: rgb(255, 255, 255);
  height: 8px;
  display: none;
}
.iQualify.BusyIndicator > div > div.ProgressBar > div.InnerProgress {
  width: 0;
  margin-top: 1px;
  height: 6px;
  background-color: #2196f3;
}

.iQualify.Indicator {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.iQualify.Indicator:before, .iQualify.Indicator:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
.iQualify.Indicator:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
.iQualify.Indicator:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

.iQualify.GradingScale .table {
  display: table;
  width: 200px;
  float: left;
  margin-right: 15px;
  border-spacing: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.iQualify.GradingScale .table .row {
  display: table-row;
}
.iQualify.GradingScale .table .row.selected .cell input[type=text] {
  border-color: #2196f3;
  color: #186caf;
  background-color: #edf7fe;
}
.iQualify.GradingScale .table .row.invalid .cell input[type=text] {
  border-color: #d60000;
  color: #a30000;
  background-color: #fdf0f0;
}
.iQualify.GradingScale .table .row .cell {
  display: table-cell;
  text-align: center;
  padding: 12px;
  padding-bottom: 13px;
  white-space: nowrap;
  border-bottom: 1px solid #bbb;
}
.iQualify.GradingScale .table .row .cell.header {
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px;
}
.iQualify.GradingScale .table .row .cell input[type=text] {
  width: 40px;
  text-align: center;
  margin: 0px 2px;
  box-sizing: unset !important;
}
.iQualify.GradingScale .table + canvas {
  margin-top: 26px;
}
.iQualify.GradingScale canvas {
  float: left;
  cursor: default;
}
.iQualify.GradingScale canvas.hover {
  cursor: pointer;
}

.iQualify.LinkButton.Add.Small {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: inherit;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.LinkButton.Add.Small:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.75 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.LinkButton.Add.Small:hover {
  color: #0c3555;
}
.iQualify.LinkButton.Add.Small.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.LinkButton.Delete.Small {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: inherit;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.LinkButton.Delete.Small:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.75 !important;
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.LinkButton.Delete.Small:hover {
  color: #0c3555;
}
.iQualify.LinkButton.Delete.Small.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.LinkButton.Copy {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.LinkButton.Copy:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e14d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.LinkButton.Copy:hover {
  color: #0c3555;
}
.iQualify.LinkButton.Copy.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.LinkButton.Save {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: inherit;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.LinkButton.Save:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.75 !important;
  content: "\e962";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.LinkButton.Save:hover {
  color: #0c3555;
}
.iQualify.LinkButton.Save.disabled {
  cursor: default;
  color: #b8b8b8;
}

div.iQualify.QuestionListContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 320px;
}
div.iQualify.QuestionListContainer.Small {
  width: 200px;
}

table.iQualify.QuestionListContainer {
  width: 320px;
  height: 100%;
  table-layout: fixed;
}
table.iQualify.QuestionListContainer .iQualify.Message {
  margin-top: 3px;
}

.iQualify.QuestionPreviewContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 344px;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
  overflow: auto;
}
.iQualify.QuestionPreviewContainer::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.QuestionPreviewContainer::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.QuestionPreviewContainer::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.QuestionPreviewContainer::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.QuestionPreviewContainer::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.QuestionPreviewContainer.Small {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 224px;
}

.iQualify.Tags {
  font-size: 0;
}
.iQualify.Tags ul {
  list-style: none;
  padding: 0;
}
.iQualify.Tags li {
  height: 24px;
  display: block;
  float: left;
  margin: 0 6px 6px 0;
  position: relative;
  color: #fff;
}
.iQualify.Tags li > span {
  display: block;
  float: left;
  padding: 0 8px;
  white-space: nowrap;
  font-size: 13px;
  background-color: #186caf;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
}
.iQualify.Tags li > div {
  display: block;
  float: left;
  background-color: #186caf;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}
.iQualify.Tags li > div:after {
  content: "";
  float: right;
  position: absolute;
  top: 8px;
  right: -4px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #186caf;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  -webkit-transition: border-left-color 0.1s ease-out;
  -moz-transition: border-left-color 0.1s ease-out;
  -ms-transition: border-left-color 0.1s ease-out;
  -o-transition: border-left-color 0.1s ease-out;
  transition: border-left-color 0.1s ease-out;
}
.iQualify.Tags.EditMode li:not(.Add) > div {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.iQualify.Tags.EditMode li:not(.Add) > div:before {
  display: block;
  font-size: 24px;
  transform: scale(0.66);
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Tags.EditMode li.Add {
  cursor: text;
  opacity: 0.66;
  box-sizing: border-box;
  width: 120px;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.iQualify.Tags.EditMode li.Add:hover {
  opacity: 1;
  -webkit-transition: opacity 0s ease-out;
  -moz-transition: opacity 0s ease-out;
  -ms-transition: opacity 0s ease-out;
  -o-transition: opacity 0s ease-out;
  transition: opacity 0s ease-out;
}
.iQualify.Tags.EditMode li.Add:hover span {
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  background-color: #2196f3;
}
.iQualify.Tags.EditMode li.Add > span {
  width: 120px;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -ms-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}
.iQualify.Tags.EditMode li.Add > input {
  border: none;
  background-color: #186caf;
  height: 24px;
  line-height: 24px;
  padding-bottom: 2px;
  width: 120px;
  padding: 0 8px;
  cursor: text;
  color: #fff;
  box-sizing: border-box;
  font-size: 13px;
  display: none;
}
.iQualify.Tags.EditMode li.Add.Focus {
  opacity: 1;
}
.iQualify.Tags.EditMode li.Add.Focus > span {
  visibility: hidden;
}
.iQualify.Tags.EditMode li.Add.Focus > input {
  display: block;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
  background-color: #2196f3;
}
.iQualify.Tags.EditMode li.Add:hover > div, .iQualify.Tags.EditMode li.Add.Focus > div, .iQualify.Tags.EditMode li > div:hover {
  background-color: #2196f3;
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.iQualify.Tags.EditMode li.Add:hover > div:after, .iQualify.Tags.EditMode li.Add.Focus > div:after, .iQualify.Tags.EditMode li > div:hover:after {
  border-left-color: #2196f3;
  -webkit-transition: border-left-color 0s ease-out;
  -moz-transition: border-left-color 0s ease-out;
  -ms-transition: border-left-color 0s ease-out;
  -o-transition: border-left-color 0s ease-out;
  transition: border-left-color 0s ease-out;
}

.iQualify.MediaSearch {
  position: absolute;
  top: 12px;
  right: 0;
  bottom: 12px;
  left: 0;
}
.iQualify.MediaSearch .Header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}
.iQualify.MediaSearch .Header .Search {
  position: relative;
  width: calc(100% - 200px);
  float: left;
}
.iQualify.MediaSearch .Header .Search input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 40px;
  background-color: transparent;
  font-size: 16px;
  height: 40px;
}
.iQualify.MediaSearch .Header .Search:before {
  content: "\e8b6";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 40px;
  padding-left: 8px;
  font-size: 24px;
  color: #186caf;
}
.iQualify.MediaSearch .Header .Search .Clear {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  cursor: pointer;
  color: #d60000;
  display: none;
}
.iQualify.MediaSearch .Header .Search .Clear:before {
  font-size: 24px;
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.MediaSearch .Header .Search .Clear:hover {
  color: #a30000;
}
.iQualify.MediaSearch .Header .AddMedia {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
  line-height: 40px;
  margin-left: 12px;
}
.iQualify.MediaSearch .Header .AddMedia:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.MediaSearch .Header .AddMedia:hover {
  color: #0c3555;
}
.iQualify.MediaSearch .Header .AddMedia.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.MediaSearch .Grid {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: justify !important;
  text-justify: distribute-all-lines;
  font-size: 0 !important;
}
.iQualify.MediaSearch .Grid::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.MediaSearch .Grid::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.MediaSearch .Grid::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.MediaSearch .Grid::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.MediaSearch .Grid::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.MediaSearch .Grid .Details {
  position: absolute;
  top: 0;
  left: 6px;
  right: 6px;
  margin-top: 6px;
  background-color: #0c3555;
  display: none;
  overflow: hidden;
}
.iQualify.MediaSearch .Grid .Details .Left {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 24px;
  left: 48px;
  width: calc(50% - 60px);
  height: 312px;
}
.iQualify.MediaSearch .Grid .Details .Left img {
  background-color: #fff;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.iQualify.MediaSearch .Grid .Details .Left video {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.iQualify.MediaSearch .Grid .Details .Right {
  position: absolute;
  top: auto;
  right: 48px;
  bottom: 72px;
  left: auto;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
  overflow-y: auto;
  width: calc(50% - 60px);
  height: 264px;
  font-size: 14px;
  text-align: left;
}
.iQualify.MediaSearch .Grid .Details .Right::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.MediaSearch .Grid .Details .Right::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.MediaSearch .Grid .Details .Right::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.MediaSearch .Grid .Details .Right::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.MediaSearch .Grid .Details .Right::-webkit-scrollbar-corner {
  background-color: transparent;
}
.iQualify.MediaSearch .Grid .Details .Right .Title {
  font-size: 20px;
  font-family: segoe-ui_semilight;
  color: #fff;
  margin-bottom: 6px;
  line-height: 32px;
}
.iQualify.MediaSearch .Grid .Details .Right .Title.Edit {
  cursor: pointer;
}
.iQualify.MediaSearch .Grid .Details .Right .Title.Edit:hover:after {
  transform: translateX(0);
  opacity: 1;
}
.iQualify.MediaSearch .Grid .Details .Right .Title.Edit:after {
  content: "\e254";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  display: inline-block;
  margin-left: 3px;
  font-size: 24px;
  vertical-align: 1px;
  transform: translateX(-6px);
  opacity: 0;
}
.iQualify.MediaSearch .Grid .Details .Right .Title.Input {
  display: none;
  width: 100%;
  padding: 0;
  border: none;
  height: auto;
  background: transparent;
}
.iQualify.MediaSearch .Grid .Details .Right .Properties {
  margin-bottom: 12px;
}
.iQualify.MediaSearch .Grid .Details .Right .Properties span {
  font-size: 14px;
  color: #fff;
  margin-bottom: 6px;
  white-space: nowrap;
}
.iQualify.MediaSearch .Grid .Details .Right .Properties span:nth-child(2n+1) {
  opacity: 0.6;
}
.iQualify.MediaSearch .Grid .Details .Right .Properties span:nth-child(2n+1):after {
  content: ": ";
}
.iQualify.MediaSearch .Grid .Details .Right .Properties span:nth-child(2n+2) {
  color: #fff;
}
.iQualify.MediaSearch .Grid .Details .Right .Properties span:nth-child(2n+2):not(:last-child) {
  margin-right: 12px;
}
.iQualify.MediaSearch .Grid .Details .Right .Properties span:nth-child(2n+2):after {
  content: " ";
  white-space: normal;
}
.iQualify.MediaSearch .Grid .Details .Buttons {
  position: absolute;
  bottom: 24px;
  right: 48px;
}
.iQualify.MediaSearch .Grid .Details .Buttons input {
  display: none;
}
.iQualify.MediaSearch .Grid .Details .Next, .iQualify.MediaSearch .Grid .Details .Previous, .iQualify.MediaSearch .Grid .Details .Close {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #fff;
  cursor: pointer;
}
.iQualify.MediaSearch .Grid .Details .Next:before, .iQualify.MediaSearch .Grid .Details .Previous:before, .iQualify.MediaSearch .Grid .Details .Close:before {
  vertical-align: top;
}
.iQualify.MediaSearch .Grid .Details .Next:hover, .iQualify.MediaSearch .Grid .Details .Previous:hover, .iQualify.MediaSearch .Grid .Details .Close:hover {
  opacity: 0.6;
}
.iQualify.MediaSearch .Grid .Details .Next {
  position: absolute;
  top: auto;
  right: 12px;
  bottom: 168px;
  left: auto;
}
.iQualify.MediaSearch .Grid .Details .Next:before {
  content: "\e409";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.MediaSearch .Grid .Details .Previous {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 168px;
  left: 12px;
}
.iQualify.MediaSearch .Grid .Details .Previous:before {
  content: "\e408";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.MediaSearch .Grid .Details .Close {
  position: absolute;
  top: auto;
  right: 12px;
  bottom: 324px;
  left: auto;
}
.iQualify.MediaSearch .Grid .Details .Close:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.MediaSearch .Grid .Items .Cell {
  position: relative;
  display: inline-block;
}
.iQualify.MediaSearch .Grid .Items .Cell:after {
  content: "";
  display: block;
  border-bottom: 12px solid #0c3555;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 12px);
  transform: translateY(50%) scale(0);
  -webkit-transition: transform 0.1s ease-out;
  -moz-transition: transform 0.1s ease-out;
  -ms-transition: transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}
.iQualify.MediaSearch .Grid .Items .Cell.Selected:after {
  transform: translateY(0) scale(1);
}
.iQualify.MediaSearch .Grid .Items .Cell .Thumbnail {
  margin: 6px;
  cursor: pointer;
  box-shadow: 0 2px 7px -1px rgba(12, 53, 85, 0.3);
  background-color: #2196f3;
}
.iQualify.MediaSearch .Grid .Items .Cell .Thumbnail:hover img {
  opacity: 0.8;
}
.iQualify.MediaSearch .Grid .Items .Cell .Thumbnail:hover:after {
  transform: scale(0.5) translate(-100%, -100%) !important;
  opacity: 0 !important;
}
.iQualify.MediaSearch .Grid .Items .Cell .Thumbnail img {
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  max-height: 150px;
}
.iQualify.MediaSearch .Grid .Items .Cell .Thumbnail.Video:after {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  content: "\e038";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  display: block;
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: white;
  text-shadow: 0px 0px 8px #0c3555;
  opacity: 0.66;
}
.iQualify.MediaSearch .Grid .NotFoundMessage {
  display: none;
}
.iQualify.MediaSearch .Grid:not(.Loading) .Items:empty + .NotFoundMessage {
  display: block;
}
.iQualify.MediaSearch .Grid .LoadingIndicator {
  height: 48px;
  position: relative;
  display: none;
  background: none;
}
.iQualify.MediaSearch .Grid .LoadingIndicator div {
  margin: 2px auto !important;
  display: block;
  position: absolute !important;
  top: calc(50% - 10px) !important;
  left: calc(50% - 2px) !important;
  background-image: none !important;
  animation: bounce 1s ease 0.1s infinite;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
}
.iQualify.MediaSearch .Grid .LoadingIndicator div:before, .iQualify.MediaSearch .Grid .LoadingIndicator div:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px !important;
  height: 20px !important;
  background-color: #2196f3;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-10px) translateZ(0);
}
.iQualify.MediaSearch .Grid .LoadingIndicator div:before {
  left: -6px;
  animation: bounce 1s ease 0s infinite;
}
.iQualify.MediaSearch .Grid .LoadingIndicator div:after {
  left: 6px;
  animation: bounce 1s ease 0.2s infinite;
}
@keyframes bounce {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  40% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  80% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.iQualify.MediaSearch .Grid.Loading .LoadingIndicator {
  display: block;
}

.iQualify.SwitchPanel.Container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.iQualify.SwitchPanel.Container.Dashboard {
  top: 24px;
}
.iQualify.SwitchPanel.Container.Dashboard:not(:first-child) {
  top: 72px;
}
.iQualify.SwitchPanel.SwitchPanelSelector {
  position: absolute;
  z-index: 9999;
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  background-color: #fff;
}
.iQualify.SwitchPanel.SwitchPanelSelector .Item {
  padding: 6px 12px;
  color: #777;
  font-size: 12px;
  cursor: pointer;
  border-left: 3px solid transparent;
  text-transform: uppercase;
}
.iQualify.SwitchPanel.SwitchPanelSelector .Item.Selected {
  background-color: #edf7fe;
  border-left: 3px solid #2196f3;
  color: #2196f3;
}
.iQualify.SwitchPanel.SwitchPanelSelector .Item:hover {
  color: white;
  background-color: #2196f3;
}
.iQualify.SwitchPanel.Panel {
  position: absolute;
  padding-left: 24px;
  padding-right: 24px;
}
.iQualify.SwitchPanel.Panel.Top {
  top: 0;
  bottom: 50%;
}
.iQualify.SwitchPanel.Panel.Top:not(.Full) {
  margin-bottom: 24px;
}
.iQualify.SwitchPanel.Panel.Top.LearnPeriod {
  height: 298px;
  bottom: auto;
}
.iQualify.SwitchPanel.Panel.Bottom {
  bottom: 24px;
  top: 50%;
}
.iQualify.SwitchPanel.Panel.Bottom.LearnPeriod {
  top: 298px;
}
.iQualify.SwitchPanel.Panel.Left {
  left: 0;
  width: 350px;
}
.iQualify.SwitchPanel.Panel.Left.Hide {
  display: none;
}
.iQualify.SwitchPanel.Panel.Left.Full {
  bottom: 24px;
}
.iQualify.SwitchPanel.Panel.Right {
  left: 398px;
  right: 0;
}
.iQualify.SwitchPanel.Panel.Right.Full {
  left: 0;
}
.iQualify.SwitchPanel.Panel.Right.Large {
  bottom: 24px;
}
.iQualify.SwitchPanel.Panel .Content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: 32px;
  overflow: hidden;
  left: 24px;
  right: 24px;
}
.iQualify.SwitchPanel.Panel .Content .PanelContent {
  width: 100%;
  height: 100%;
}
.iQualify.SwitchPanel.Panel .Header .Title {
  text-align: left;
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
  font-family: segoe-ui_normal;
  font-weight: normal;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}
.iQualify.SwitchPanel.Panel .Header .Title[onclick] {
  cursor: pointer;
}

.iQualify.ProgressIndicator.Container {
  float: right;
  display: inline-block;
  width: 150px;
}
.iQualify.ProgressIndicator.Container .Bar {
  display: inline-block;
  height: 8px;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.iQualify.ProgressIndicator.Container .Bar:last-child {
  border-right: 1px solid #fff;
}
.iQualify.ProgressIndicator.Container .Bar.Done {
  background-color: #2ca129;
}
.iQualify.ProgressIndicator.Container .Bar.InProgress {
  background-color: #ff7800;
}
.iQualify.ProgressIndicator.Container .Bar.NotStarted {
  background-color: #d60000;
}

.iQualify.Statistics.List {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.iQualify.Statistics.List.LearnPeriod .Link {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.Statistics.List.LearnPeriod .Link:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e24f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Statistics.List.LearnPeriod .Link:hover {
  color: #0c3555;
}
.iQualify.Statistics.List.LearnPeriod .Link.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.Statistics.List.SharedContent .Dougnut {
  display: none;
}
.iQualify.Statistics.List.SharedContent .Title {
  padding-right: 12px;
}
.iQualify.Statistics.List.SharedContent .Link {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.Statistics.List.SharedContent .Link:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e80d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Statistics.List.SharedContent .Link:hover {
  color: #0c3555;
}
.iQualify.Statistics.List.SharedContent .Link.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.Statistics.List .ItemContainer {
  padding-left: 6px;
  padding-right: 6px;
  cursor: pointer;
  height: 104px;
  margin-bottom: 6px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  color: #555;
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -ms-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
}
.iQualify.Statistics.List .ItemContainer:hover {
  -webkit-transition: transform 0s ease-out;
  -moz-transition: transform 0s ease-out;
  -ms-transition: transform 0s ease-out;
  -o-transition: transform 0s ease-out;
  transition: transform 0s ease-out;
}
.iQualify.Statistics.List .ItemContainer .Texts {
  position: absolute;
  transform: translate(0, 26.6666666667px);
  padding-left: 12px;
}
.iQualify.Statistics.List .ItemContainer .Texts span {
  display: inline-block;
  vertical-align: middle;
}
.iQualify.Statistics.List .ItemContainer .Texts .Title {
  font-family: segoe-ui_semilight;
  font-size: 14px;
  padding-right: 104px;
}
.iQualify.Statistics.List .ItemContainer .Texts .Date {
  font-size: 12px;
  color: #b8b8b8;
}
.iQualify.Statistics.List .ItemContainer .Dougnut {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 80px;
  height: 80px;
}
.iQualify.Statistics.List .ItemContainer:hover {
  transform: scale(1.05);
}
.iQualify.Statistics.List .ItemContainer .ProgressIndicator.Container {
  margin-top: -8px;
  display: block;
  width: 100%;
}
.iQualify.Statistics.List .ItemContainer .Name {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.iQualify.Statistics.List .Link {
  padding-left: 6px;
  display: inline-block;
  margin-top: 12px;
}

.iQualify.QuickNavigate {
  position: absolute;
  top: 69px;
  right: 24px;
}
.iQualify.QuickNavigate.Drilldown {
  z-index: 6;
  top: 0;
}
.iQualify.QuickNavigate .Button {
  display: block;
  height: 36px;
  width: 36px;
  float: left;
  margin-right: 8px;
  color: #186caf;
  position: relative;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.iQualify.QuickNavigate .Button:hover {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.iQualify.QuickNavigate .Button:before {
  content: "\e901";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 36px;
}
.iQualify.QuickNavigate .Button:after {
  position: absolute;
  top: 6px;
  right: auto;
  bottom: auto;
  left: 6px;
  display: block;
  font-size: 24px;
}
.iQualify.QuickNavigate .Button.Previous:after {
  content: "\e5c4";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.QuickNavigate .Button.Next:after {
  content: "\e5c5";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.QuickNavigate .Button[href]:hover {
  color: #0c3555;
}
.iQualify.QuickNavigate .Button:not([href]) {
  cursor: default;
  opacity: 0.3;
}

.iQualify.UserMenu {
  display: none;
  z-index: 101;
  position: absolute;
  right: 0;
  box-shadow: 0 0 15px -5px rgba(12, 53, 85, 0.6);
}
.iQualify.UserMenu .items {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.iQualify.UserMenu .items > div {
  font-size: 14px;
  display: block;
  color: #555;
  line-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #edf7fe;
  border-top: 1px solid #c5e4fc;
  white-space: nowrap;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.UserMenu .items > div:last-child {
  border-bottom: 1px solid #c5e4fc;
}
.iQualify.UserMenu .items > div:hover {
  background-color: white;
  color: #2196f3;
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.UserMenu .items > div:hover:before {
  color: #2196f3;
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.UserMenu .items > div:before {
  text-indent: 0;
  display: inline-block;
  color: #777;
  font-size: 24px;
  padding-right: 6px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.UserMenu .items > div.Language:before {
  content: "\e80b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.UserMenu .items > div.Logoff:before {
  content: "\e8ac";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.UserMenu .items > div.Password:before {
  content: "\e0da";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.iQualify.FormFooter {
  float: left;
  font-size: 13px;
  margin-right: 12px;
}

.iQualify.PathIndicator {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 24px;
  color: #2196f3;
}
.iQualify.PathIndicator > a {
  font-family: segoe-ui_semilight;
  font-size: 15px;
  color: #777;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.iQualify.PathIndicator > a:hover {
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  transition: color 0s ease-out;
}
.iQualify.PathIndicator > a:last-child {
  font-size: 20px;
  color: #2196f3;
}
.iQualify.PathIndicator > a:hover {
  color: #2196f3;
}
.iQualify.PathIndicator > span {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 20px;
}
.iQualify.PathIndicator > span:before {
  content: "\e409";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.TimePicker {
  position: relative;
  top: 2px;
}

.TimePickerInput {
  width: 60px !important;
}

.TimeSet {
  display: inline-block;
}
.TimeSet.hover .button {
  display: inline-block;
}
.TimeSet .button {
  display: none;
  overflow: hidden;
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin-left: 1px;
  margin-bottom: -4px;
  background-image: url("../Images/Icons/Buttons.png");
}
.TimeSet .button.edit {
  background-position: -15px 0px;
}
.TimeSet .button.edit.hover {
  background-position: -15px -15px;
}
.TimeSet .button.delete {
  background-position: -30px 0px;
}
.TimeSet .button.delete.hover {
  background-position: -30px -15px;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -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);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

/*       jQuery UI Styles          */
.ui-widget-content {
  border: none;
  background-color: #edf7fe;
}

.ui-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  outline: none;
}

.ui-menu-item {
  padding: 4px 8px;
}

.ui-front {
  z-index: 1000;
}

.ui-state-focus {
  background-color: #2196f3;
  color: #fff;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  max-height: 250px;
  overflow-y: auto;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.ui-autocomplete::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.ui-autocomplete::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ui-autocomplete::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.ui-autocomplete::-webkit-scrollbar-corner {
  background-color: transparent;
}

.ui-front {
  z-index: 2000;
}

.ui-helper-hidden-accessible {
  display: none;
}

.QuestionVersion {
  display: table;
}
.QuestionVersion > .Question {
  vertical-align: top;
  display: table-cell;
  width: 100%;
}
.QuestionVersion > .Question.Notes {
  padding-right: 12px;
}
.QuestionVersion > .Question.Notes .note {
  display: inline-block;
  padding: 12px;
  margin-bottom: 12px;
  width: 225px;
  background-color: #fff9c5;
  box-shadow: 0 3px 3px -1px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 3px 3px -1px rgba(12, 53, 85, 0.3);
  -webkit-box-shadow: 0 3px 3px -1px rgba(12, 53, 85, 0.3);
  -webkit-transition: color 0.2s ease-out,  background-color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out,  background-color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out,  background-color 0.2s ease-out;
  -o-transition: color 0.2s ease-out,  background-color 0.2s ease-out;
  transition: color 0.2s ease-out,  background-color 0.2s ease-out;
}
.QuestionVersion > .Question.Notes .note.first {
  background-color: #fff9c5;
}
.QuestionVersion > .Question.Notes .note.second {
  background-color: #ffdede;
}
.QuestionVersion > .Question.Notes .note.third {
  background-color: #deffe3;
}
.QuestionVersion > .Question.Notes .note.fourth {
  background-color: #e1deff;
}
.QuestionVersion > .Question.Notes .note.new {
  cursor: pointer;
  color: rgba(85, 85, 85, 0.66);
}
.QuestionVersion > .Question.Notes .note.new:hover, .QuestionVersion > .Question.Notes .note.new.focus {
  color: #000;
  background-color: #fff492;
  -webkit-transition: color 0s ease-out,  background-color 0s ease-out;
  -moz-transition: color 0s ease-out,  background-color 0s ease-out;
  -ms-transition: color 0s ease-out,  background-color 0s ease-out;
  -o-transition: color 0s ease-out,  background-color 0s ease-out;
  transition: color 0s ease-out,  background-color 0s ease-out;
}
.QuestionVersion > .Question.Notes .note.new p {
  margin: 0;
}
.QuestionVersion > .Question.Notes .note .name {
  display: inline;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 175px;
  color: rgba(85, 85, 85, 0.66);
}
.QuestionVersion > .Question.Notes .note .date {
  float: right;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
  text-align: right;
  color: rgba(85, 85, 85, 0.66);
}
.QuestionVersion > .Question.Notes .note .delete {
  display: inline;
  float: right;
  overflow: hidden;
  cursor: pointer;
}
.QuestionVersion > .Question.Notes .note .delete:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 18px;
  color: #d60000;
}
.QuestionVersion > .Question.Notes .note .color {
  box-sizing: border-box;
  float: left;
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 8px;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.QuestionVersion > .Question.Notes .note .color:hover {
  -webkit-transition: background-color 0s ease-out;
  -moz-transition: background-color 0s ease-out;
  -ms-transition: background-color 0s ease-out;
  -o-transition: background-color 0s ease-out;
  transition: background-color 0s ease-out;
}
.QuestionVersion > .Question.Notes .note .color.selected {
  border: solid 1px rgba(0, 0, 0, 0.5);
}
.QuestionVersion > .Question.Notes .note .color.first {
  background-color: #fff9c5;
}
.QuestionVersion > .Question.Notes .note .color.first:hover, .QuestionVersion > .Question.Notes .note .color.first.selected {
  background-color: #fff179;
}
.QuestionVersion > .Question.Notes .note .color.second {
  background-color: #ffdede;
}
.QuestionVersion > .Question.Notes .note .color.second:hover, .QuestionVersion > .Question.Notes .note .color.second.selected {
  background-color: #ff9292;
}
.QuestionVersion > .Question.Notes .note .color.third {
  background-color: #deffe3;
}
.QuestionVersion > .Question.Notes .note .color.third:hover, .QuestionVersion > .Question.Notes .note .color.third.selected {
  background-color: #92ffa2;
}
.QuestionVersion > .Question.Notes .note .color.fourth {
  background-color: #e1deff;
}
.QuestionVersion > .Question.Notes .note .color.fourth:hover, .QuestionVersion > .Question.Notes .note .color.fourth.selected {
  background-color: #9b92ff;
}
.QuestionVersion > .Question.Notes .note .message {
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  width: 100%;
  white-space: pre-wrap;
  color: #000;
}
.QuestionVersion > .Question.Notes .note .message p {
  margin: 0;
}

.AnswerTypeSelection.Invisible {
  display: none;
}

.iQualify.Media {
  width: 202px;
  height: 152px;
  border: 1px solid #b8b8b8;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.Media.NextToElement {
  display: inline-block;
  margin-left: 448px;
}
.iQualify.Media svg {
  width: 100%;
  height: 100%;
}
.iQualify.Media svg polygon {
  opacity: 0.5;
  fill: #d60000;
  cursor: pointer;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
.iQualify.Media svg polygon:hover {
  -webkit-transition: opacity 0s ease-out;
  -moz-transition: opacity 0s ease-out;
  -ms-transition: opacity 0s ease-out;
  -o-transition: opacity 0s ease-out;
  transition: opacity 0s ease-out;
}
.iQualify.Media svg polygon.correct {
  fill: #2ca129;
}
.iQualify.Media svg polygon:hover {
  opacity: 1;
}
.iQualify.Media .Thumbnail {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  font-size: 0;
}
.iQualify.Media .Buttons {
  position: absolute;
  top: -31px;
  right: 0;
  bottom: auto;
  left: 0;
  -webkit-transition: top 0.1s ease-out;
  -moz-transition: top 0.1s ease-out;
  -ms-transition: top 0.1s ease-out;
  -o-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
  height: 30px;
  background-color: rgba(248, 248, 248, 0.8);
  border-bottom: 1px solid #b8b8b8;
}
.iQualify.Media .Buttons div {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 22px;
  vertical-align: top;
  text-align: center;
  color: #777;
  cursor: pointer;
  font-size: 24px;
}
.iQualify.Media .Buttons div.add {
  display: none;
}
.iQualify.Media .Buttons div.add:before {
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media .Buttons div.add:hover {
  color: #2ca129;
}
.iQualify.Media .Buttons div.edit:before {
  content: "\e254";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media .Buttons div.edit:hover {
  color: #ff7800;
}
.iQualify.Media .Buttons div.zoom {
  display: none;
}
.iQualify.Media .Buttons div.zoom:before {
  content: "\e8b6";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media .Buttons div.zoom:hover {
  color: #2196f3;
}
.iQualify.Media .Buttons div.play {
  display: none;
}
.iQualify.Media .Buttons div.play:before {
  content: "\e038";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media .Buttons div.play:hover {
  color: #2196f3;
}
.iQualify.Media .Buttons div.clear:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media .Buttons div.clear:hover {
  color: #d60000;
}
.iQualify.Media .AllowZoom {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -31px;
  left: 0;
  -webkit-transition: bottom 0.1s ease-out;
  -moz-transition: bottom 0.1s ease-out;
  -ms-transition: bottom 0.1s ease-out;
  -o-transition: bottom 0.1s ease-out;
  transition: bottom 0.1s ease-out;
  height: 30px;
  background-color: rgba(248, 248, 248, 0.8);
  border-top: 1px solid #b8b8b8;
  color: #186caf;
  cursor: pointer;
  font-size: 13px;
  line-height: 28px;
  display: none;
}
.iQualify.Media .AllowZoom:before {
  vertical-align: 1px;
  margin-left: 8px;
  margin-right: 4px;
  background-color: #f8f8f8;
}
.iQualify.Media .AllowZoom:hover {
  color: #0c3555;
}
.iQualify.Media[media-type="1"] .Buttons div.play {
  display: inline-block;
}
.iQualify.Media[media-type="0"][media-allowzoom] .AllowZoom {
  display: inline-block;
}
.iQualify.Media[media-allowzoom=true] .Buttons div.zoom {
  display: inline-block;
}
.iQualify.Media[media-allowzoom=true] .AllowZoom:before {
  content: "\e834";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media[media-allowzoom=false] .AllowZoom:before {
  content: "\e836";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Media:not([media-id]) .Placeholder, .iQualify.Media [media-id=""] .Placeholder {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 120px;
  width: 100%;
  text-align: center;
  color: #f0f0f0;
}
.iQualify.Media:not([media-id]) .Placeholder:before, .iQualify.Media [media-id=""] .Placeholder:before {
  content: "\e410";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: block;
}
.iQualify.Media:not([media-id]) .Buttons, .iQualify.Media [media-id=""] .Buttons {
  top: 0;
}
.iQualify.Media:not([media-id]) .Buttons div.add, .iQualify.Media [media-id=""] .Buttons div.add {
  display: inline-block;
}
.iQualify.Media:not([media-id]) .Buttons div.edit, .iQualify.Media:not([media-id]) .Buttons div.clear, .iQualify.Media:not([media-id]) .Buttons div.zoom, .iQualify.Media [media-id=""] .Buttons div.edit, .iQualify.Media [media-id=""] .Buttons div.clear, .iQualify.Media [media-id=""] .Buttons div.zoom {
  display: none;
}
.iQualify.Media:not([media-id]) .AllowZoom, .iQualify.Media [media-id=""] .AllowZoom {
  display: none;
}
.iQualify.Media:hover .Buttons {
  top: 0;
}
.iQualify.Media:hover .AllowZoom {
  bottom: 0;
}
.iQualify.Media.ImageMap {
  width: 652px;
  height: 490px;
}
.iQualify.Media.ImageMap .Placeholder {
  font-size: 458px;
}

.iQualify.AnswerContainer {
  overflow: auto;
}
.iQualify.AnswerContainer.MultipleChoice ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.iQualify.AnswerContainer.MultipleChoice li {
  margin: 6px 0;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer {
  background-color: #fdf0f0;
  position: relative;
  border-left: 3px solid #d60000;
  padding: 12px 0;
  font-size: 0;
  box-sizing: border-box;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer.correct {
  border-color: #2ca129;
  background-color: #f2f9f2;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer.correct div.checkbox {
  background-color: #2ca129;
  border: none;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer.correct div.checkbox:before {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 16px;
  color: #fff;
  content: "\e5ca";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer.correct div.checkbox:hover {
  background-color: #2196f3;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .checkbox {
  background-color: #fff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #d60000;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .checkbox:hover {
  border-color: #2196f3;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button:before {
  color: #b8b8b8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button:hover::before {
  color: #2196f3;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.sort {
  right: -30px;
  cursor: move;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.sort:before {
  content: "\e25d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.addfeedback {
  right: -60px;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.addfeedback:before {
  content: "\e03b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.remove {
  right: -90px;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.remove:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.MultipleChoice li div.answer .button.remove:hover:before {
  color: #d60000;
}
.iQualify.AnswerContainer.MultipleChoice li:hover div.button {
  opacity: 1 !important;
}
.iQualify.AnswerContainer.MultipleChoice textarea {
  font-size: 14px;
  margin-left: 60px;
  height: auto;
  padding: 8px;
  overflow: hidden !important;
}
.iQualify.AnswerContainer.MultipleChoice textarea.text {
  display: none;
}
.iQualify.AnswerContainer.MultipleChoice textarea.feedback {
  margin-top: 6px;
  -webkit-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
}
.iQualify.AnswerContainer.MultipleChoice textarea.feedback:hover {
  -webkit-transition: background-color 0s ease-out,  border-color 0s ease-out;
  -moz-transition: background-color 0s ease-out,  border-color 0s ease-out;
  -ms-transition: background-color 0s ease-out,  border-color 0s ease-out;
  -o-transition: background-color 0s ease-out,  border-color 0s ease-out;
  transition: background-color 0s ease-out,  border-color 0s ease-out;
}
.iQualify.AnswerContainer.MultipleChoice textarea.feedback:not(:focus) {
  background-color: transparent;
  border-color: transparent;
}
.iQualify.AnswerContainer.MultipleChoice .iQualify.Media {
  display: none;
}
.iQualify.AnswerContainer.MultipleChoice.AnswerTypeText li div.answer {
  width: 652px;
}
.iQualify.AnswerContainer.MultipleChoice.AnswerTypeText textarea {
  width: 577px;
}
.iQualify.AnswerContainer.MultipleChoice.AnswerTypeText textarea.text {
  display: block;
}
.iQualify.AnswerContainer.MultipleChoice.AnswerTypeMedia li div.answer {
  width: 277px;
}
.iQualify.AnswerContainer.MultipleChoice.AnswerTypeMedia .iQualify.Media {
  display: block;
  margin-left: 60px;
}
.iQualify.AnswerContainer.MultipleChoice.AnswerTypeMedia textarea.feedback {
  width: 200px;
}
.iQualify.AnswerContainer.MultipleChoice a.addAnswer {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.AnswerContainer.MultipleChoice a.addAnswer:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.MultipleChoice a.addAnswer:hover {
  color: #0c3555;
}
.iQualify.AnswerContainer.MultipleChoice a.addAnswer.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.AnswerContainer.DragAndDrop .IconArrowLeft {
  display: inline-block;
  font-size: 30px;
  line-height: 18px;
  margin-left: 12px;
  margin-right: 12px;
}
.iQualify.AnswerContainer.DragAndDrop .IconArrowLeft.Media {
  line-height: 152px;
}
.iQualify.AnswerContainer.DragAndDrop ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.iQualify.AnswerContainer.DragAndDrop li {
  margin: 6px 0;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer {
  background-color: #edf7fe;
  position: relative;
  border-left: 3px solid #2196f3;
  padding: 12px 0;
  font-size: 0;
  box-sizing: border-box;
  display: inline-block;
  max-width: 652px;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer textarea {
  width: auto;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .source {
  position: relative;
  padding-left: 6px;
  margin-left: 12px;
  display: inline-block;
  vertical-align: top;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .drag {
  position: relative;
  display: inline-block;
  padding-right: 6px;
  vertical-align: top;
  margin-right: 12px;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .AnswerTypeText textarea {
  display: inline-block;
  width: 278px;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .AnswerTypeText .iQualify.Media {
  display: none;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .AnswerTypeMedia {
  text-align: center;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .AnswerTypeMedia textarea {
  display: none;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .AnswerTypeMedia .iQualify.Media {
  text-align: left;
  display: inline-block;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button:before {
  color: #b8b8b8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button:hover::before {
  color: #2196f3;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button.sort {
  right: -30px;
  cursor: move;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button.sort:before {
  content: "\e25d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button.remove {
  right: -60px;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button.remove:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.DragAndDrop li div.answer .button.remove:hover:before {
  color: #d60000;
}
.iQualify.AnswerContainer.DragAndDrop li:hover div.button {
  opacity: 1 !important;
}
.iQualify.AnswerContainer.DragAndDrop .iQualify.Media {
  display: none;
}
.iQualify.AnswerContainer.DragAndDrop a.addAnswer {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.AnswerContainer.DragAndDrop a.addAnswer:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.DragAndDrop a.addAnswer:hover {
  color: #0c3555;
}
.iQualify.AnswerContainer.DragAndDrop a.addAnswer.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.AnswerContainer.ImageMap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.iQualify.AnswerContainer.ImageMap li {
  margin: 6px 0;
}
.iQualify.AnswerContainer.ImageMap li div.answer {
  background-color: #fdf0f0;
  position: relative;
  border-left: 3px solid #d60000;
  padding: 12px 0;
  font-size: 0;
  box-sizing: border-box;
  width: 277px;
}
.iQualify.AnswerContainer.ImageMap li div.answer.correct {
  border-color: #2ca129;
  background-color: #f2f9f2;
}
.iQualify.AnswerContainer.ImageMap li div.answer.correct div.checkbox {
  background-color: #2ca129;
  border: none;
}
.iQualify.AnswerContainer.ImageMap li div.answer.correct div.checkbox:before {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 16px;
  color: #fff;
  content: "\e5ca";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.ImageMap li div.answer.correct div.checkbox:hover {
  background-color: #2196f3;
}
.iQualify.AnswerContainer.ImageMap li div.answer .checkbox {
  background-color: #fff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #d60000;
}
.iQualify.AnswerContainer.ImageMap li div.answer .checkbox:hover {
  border-color: #2196f3;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button:before {
  color: #b8b8b8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button:hover::before {
  color: #2196f3;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.sort {
  right: -30px;
  cursor: move;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.sort:before {
  content: "\e25d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.addfeedback {
  right: -60px;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.addfeedback:before {
  content: "\e03b";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.remove {
  right: -90px;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.remove:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.ImageMap li div.answer .button.remove:hover:before {
  color: #d60000;
}
.iQualify.AnswerContainer.ImageMap li:hover div.button {
  opacity: 1 !important;
}
.iQualify.AnswerContainer.ImageMap .iQualify.Media.Area {
  margin-left: 60px;
}
.iQualify.AnswerContainer.ImageMap textarea {
  width: 200px;
  font-size: 14px;
  margin-left: 60px;
  height: auto;
  padding: 8px;
  overflow: hidden !important;
}
.iQualify.AnswerContainer.ImageMap textarea.text {
  display: none;
}
.iQualify.AnswerContainer.ImageMap textarea.feedback {
  margin-top: 6px;
  -webkit-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
  transition: background-color 0.25s ease-out,  border-color 0.25s ease-out;
}
.iQualify.AnswerContainer.ImageMap textarea.feedback:hover {
  -webkit-transition: background-color 0s ease-out,  border-color 0s ease-out;
  -moz-transition: background-color 0s ease-out,  border-color 0s ease-out;
  -ms-transition: background-color 0s ease-out,  border-color 0s ease-out;
  -o-transition: background-color 0s ease-out,  border-color 0s ease-out;
  transition: background-color 0s ease-out,  border-color 0s ease-out;
}
.iQualify.AnswerContainer.ImageMap textarea.feedback:not(:focus) {
  background-color: transparent;
  border-color: transparent;
}
.iQualify.AnswerContainer.ImageMap a.AddArea {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.AnswerContainer.ImageMap a.AddArea:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.ImageMap a.AddArea:hover {
  color: #0c3555;
}
.iQualify.AnswerContainer.ImageMap a.AddArea.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.AnswerContainer.FillInBlanks a.addAnswer {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.AnswerContainer.FillInBlanks a.addAnswer:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerContainer.FillInBlanks a.addAnswer:hover {
  color: #0c3555;
}
.iQualify.AnswerContainer.FillInBlanks a.addAnswer.disabled {
  cursor: default;
  color: #b8b8b8;
}

.iQualify.AnswerList {
  width: 560px;
}
.iQualify.AnswerList .addAnswer {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.AnswerList .addAnswer:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerList .addAnswer:hover {
  color: #0c3555;
}
.iQualify.AnswerList .addAnswer.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.AnswerList .answerOrder {
  float: right;
  margin-right: 60px;
  line-height: 24px;
}
.iQualify.AnswerList ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.iQualify.AnswerList li {
  margin: 6px 0;
}
.iQualify.AnswerList li div.answer {
  background-color: #fdf0f0;
  position: relative;
  border-left: 3px solid #d60000;
  padding: 12px 0;
  font-size: 0;
  box-sizing: border-box;
  width: 500px;
}
.iQualify.AnswerList li div.answer.correct {
  border-color: #2ca129;
  background-color: #f2f9f2;
}
.iQualify.AnswerList li div.answer.correct div.radio {
  background-color: #2ca129;
  border: none;
}
.iQualify.AnswerList li div.answer.correct div.radio:before {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 16px;
  color: #fff;
  content: "\e5ca";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerList li div.answer.correct div.radio:hover {
  background-color: #2196f3;
}
.iQualify.AnswerList li div.answer input {
  font-size: 14px;
  margin-left: 60px;
  width: 428px;
}
.iQualify.AnswerList li div.answer .radio {
  background-color: #fff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #d60000;
  border-radius: 50%;
}
.iQualify.AnswerList li div.answer .radio:hover {
  border-color: #2196f3;
}
.iQualify.AnswerList li div.answer .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.iQualify.AnswerList li div.answer .button:before {
  color: #b8b8b8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.iQualify.AnswerList li div.answer .button:hover::before {
  color: #2196f3;
}
.iQualify.AnswerList li div.answer .button.sort {
  right: -30px;
  cursor: move;
}
.iQualify.AnswerList li div.answer .button.sort:before {
  content: "\e25d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerList li div.answer .button.remove {
  right: -60px;
}
.iQualify.AnswerList li div.answer .button.remove:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.AnswerList li div.answer .button.remove:hover:before {
  color: #d60000;
}
.iQualify.AnswerList li:hover div.button {
  opacity: 1 !important;
}

.QuestionEditorMedia {
  position: relative;
}
.QuestionEditorMedia .iQualify.Media {
  position: absolute;
  left: 451px;
  top: 1px;
}

.iQualify.SCT.ScenarioSelector tr:first-child td {
  border-top: 1px solid #b8b8b8;
  padding-top: 6px;
  vertical-align: middle;
}
.iQualify.SCT.AddAnswer {
  border-top: 1px solid #b8b8b8;
}
.iQualify.SCT.AddAnswer .link {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.SCT.AddAnswer .link:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SCT.AddAnswer .link:hover {
  color: #0c3555;
}
.iQualify.SCT.AddAnswer .link.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.SCT.DeleteButton {
  margin-left: 6px;
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.SCT.DeleteButton:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.SCT.DeleteButton:hover {
  color: #0c3555;
}
.iQualify.SCT.DeleteButton.disabled {
  cursor: default;
  color: #b8b8b8;
}

label[for=ctrChangeLabelsDirectly] {
  line-height: 30px;
  margin-right: 0;
}

.trUserRemarks {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 848px);
  max-width: 600px;
  box-sizing: border-box;
  user-select: text;
  overflow: hidden;
}
.trUserRemarks td {
  padding-top: 0 !important;
  width: 600px !important;
}
.trUserRemarks .RemarkItem {
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
  padding-top: 20px;
  max-width: 100%;
}
.trUserRemarks .RemarkItem:before {
  content: attr(data-who);
  position: absolute;
  top: 0;
  left: 0;
  color: #2196f3;
  max-width: calc(100% - 80px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.trUserRemarks .RemarkItem:after {
  content: attr(data-when);
  position: absolute;
  top: 0;
  right: 0;
  color: #2196f3;
  max-width: calc(80px + 100% - 80px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.trUserRemarks .RemarkItem:not(:last-child) {
  padding-bottom: 13px;
  border-bottom: 1px solid #b8b8b8;
}

.QuestionRemarksTitle {
  position: absolute;
  right: 24px;
  text-transform: uppercase;
  width: calc(100% - 912px);
  max-width: 597px;
  top: 142px;
  box-sizing: border-box;
  color: #2196f3;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.iQualify.LabelOverview.Labels {
  position: absolute;
  top: 72px;
  width: 250px;
  left: 24px;
  bottom: 12px;
  overflow: hidden;
  overflow-y: auto;
  /* IE */
  scrollbar-arrow-color: #90cbf9;
  scrollbar-track-color: #edf7fe;
  scrollbar-shadow-color: #c5e4fc;
  scrollbar-base-color: #c5e4fc;
  /* Webkit */
}
.iQualify.LabelOverview.Labels::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}
.iQualify.LabelOverview.Labels::-webkit-scrollbar-button {
  width: 0;
  height: 2px;
}
.iQualify.LabelOverview.Labels::-webkit-scrollbar-thumb {
  background-color: #c5e4fc;
  border-radius: 6.5px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.iQualify.LabelOverview.Labels::-webkit-scrollbar-track {
  background-color: #edf7fe;
  border-radius: 6.5px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.iQualify.LabelOverview.Labels::-webkit-scrollbar-corner {
  background-color: transparent;
}

.iQualify.QuestionPreview.Toolbar {
  text-align: left;
  color: #2196f3;
  font-size: 14px;
  font-family: segoe-ui_normal;
  font-weight: normal;
  padding-left: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.iQualify.QuestionPreview.Toolbar:not(:first-child) {
  margin-top: 24px;
  border-top: 1px solid #b8b8b8;
}
.iQualify.QuestionPreview.Toolbar.fixed {
  position: fixed;
  z-index: 9000;
}
.iQualify.QuestionPreview.Toolbar.fixed.absolute {
  position: absolute;
}
.iQualify.QuestionPreview.Toolbar div {
  display: inline-block;
  margin-right: 12px;
}
.iQualify.QuestionPreview.Toolbar div.Button {
  float: right;
  font-size: 14px !important;
}
.iQualify.QuestionPreview.Toolbar div.Copy {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.QuestionPreview.Toolbar div.Copy:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.8 !important;
  content: "\e14d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.QuestionPreview.Toolbar div.Copy:hover {
  color: #0c3555;
}
.iQualify.QuestionPreview.Toolbar div.Copy.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.QuestionPreview.Toolbar div.Comment {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.QuestionPreview.Toolbar div.Comment:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.8 !important;
  content: "\e0c9";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.QuestionPreview.Toolbar div.Comment:hover {
  color: #0c3555;
}
.iQualify.QuestionPreview.Toolbar div.Comment.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.QuestionPreview.Toolbar div.Preview {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
.iQualify.QuestionPreview.Toolbar div.Preview:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 0.8 !important;
  content: "\e8f4";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.QuestionPreview.Toolbar div.Preview:hover {
  color: #0c3555;
}
.iQualify.QuestionPreview.Toolbar div.Preview.disabled {
  cursor: default;
  color: #b8b8b8;
}

.QuestionPreview {
  font-size: 15px;
  color: #555;
  padding-right: 24px;
  position: relative;
}
.QuestionPreview .feedback {
  margin-left: 10px;
  color: black;
  font-size: 16px;
  position: absolute;
}
.QuestionPreview .feedback:before {
  content: "\e88f";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.QuestionPreview:not(:first-child) {
  margin-top: 24px;
}
.QuestionPreview:not(.Toolbar) {
  margin-left: 24px;
}
.QuestionPreview:not(:last-child) {
  margin-bottom: 24px;
}
.QuestionPreview .Context {
  width: 100%;
  margin-bottom: 1.33em;
  color: #777;
}
.QuestionPreview .ImagePreview {
  max-height: 150px;
  max-width: 200px;
  position: relative;
  z-index: 10;
  float: right;
  margin-left: 30px;
  margin-bottom: 15px;
  font-size: 0;
  overflow: hidden;
}
.QuestionPreview .ImagePreview.FeedbackImage {
  float: none;
  display: flex;
  margin-left: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
.QuestionPreview .ImagePreview.FeedbackImage .Preview {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  margin-left: -28px;
}
.QuestionPreview .ImagePreview.Clickable {
  cursor: pointer;
}
.QuestionPreview .ImagePreview.Video {
  cursor: pointer;
}
.QuestionPreview .ImagePreview.Video:hover:after {
  transform: scale(0.5) translate(-100%, -100%) !important;
  opacity: 0 !important;
}
.QuestionPreview .ImagePreview.Video:after {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  content: "\e038";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  transition: opacity 0.1s ease-out,  transform 0.1s ease-out;
  display: block;
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: white;
  text-shadow: 0px 0px 8px #0c3555;
  opacity: 0.66;
}
.QuestionPreview .ImagePreview .Preview {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfpJREFUeNpi/P//fwMDHQETA53BqIWjFg4jC+fNmydnZmYWIiEhkSUpKZnp6urqtXPnThFSLWQkJuN3d3erNTc3+37+/JmHnZ391+/fv1n//fvHKC8v/3TlypWrzc3NP1LNh5s2bRKvrq4O+fPnD0ttbe3akydPTjl8+PCkuLi4PQ8fPpQODQ0Ne/ToEQexFrIQUtDX12cG8tGUKVOWpaWlPYCJW1lZHQWGDsPixYtdZs6cqdra2nqZKj68du2avJyc3FNky2CgqqrqAiMjIwPQx4pUC9Jfv36xcnJy/sImJygo+BtI/f/x4wcr1SxUUlJ6dvfuXblDhw4JostNnTpVFRisjMBE84BqFkZGRp4HJhjmpKSkAGRLQdkEaKEziC0lJfWVqtkiLCzMfvXq1Q5sbGy/FRUVnwCDmeX+/fuyMHlubu5vXV1da7Kysu4TMou5oaHBgZAiYNJ/CIyvJ48fP+Z6+fKlECiLWFpaXpWRkXkJzBqSoFR84MABNaCaZ6amph8o9iEy+PLlCzMTE9N/Li6ufyC+l5eX+/bt2y1AbKDYt0mTJq1KTk5+SDUL0QGwxGHw9vZ237FjhwU0Pl8+ffp0Bs0Kb6BvGYA+3Onp6XkCGMe/FBQUXlBU0hAL5s6du3/p0qX37O3tX1E1Dkcr4FEL6W4hQIABAJvg3GQGGpQOAAAAAElFTkSuQmCC");
  cursor: pointer;
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 28px;
  width: 28px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.QuestionPreview .QuestionBase {
  color: #000;
  margin-bottom: 1.33em;
}
.QuestionPreview .QuestionBase.ImageMap {
  position: relative;
}
.QuestionPreview .QuestionBase.ImageMap .marker {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("data:image/png;base64,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");
  width: 45px;
  height: 40px;
}
.QuestionPreview .QuestionBase.ImageMap .marker.correct {
  background-position: 0 80px;
}
.QuestionPreview .QuestionBase.ImageMap .marker.incorrect {
  background-position: 0 40px;
}
.QuestionPreview .QuestionBase.ImageMap .feedback {
  left: -27px;
  top: -2px;
}
.QuestionPreview .QuestionBase.FillInBlanks.Corrected {
  line-height: 40px;
}
.QuestionPreview .QuestionBase .AnswerGroupContainer {
  display: inline-block;
  vertical-align: top;
}
.QuestionPreview .QuestionBase .AnswerGroupContainer .FBAnswer {
  display: block;
  margin-top: 0px;
}
.QuestionPreview .QuestionBase .AnswerGroupContainer .FBAnswer:not(:first-child) {
  margin-top: 1px;
}
.QuestionPreview .QuestionBase .FBAnswer {
  display: inline-block;
  padding: 0px 34px 0px 12px;
  line-height: 40px;
  height: 40px;
  color: #fff;
  margin-left: 2px;
  margin-right: 2px;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 5px;
}
.QuestionPreview .QuestionBase .FBAnswer .dropdownIcon {
  position: absolute;
  right: 12px;
  top: 12px;
  height: 16px;
  width: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAYAAAAYX/pXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RTNBREREOUU1MUJERTIxMUJBQzhGNzNERDc5RDFEMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M2NUMyOTMzQjgzMTFFNUE0RjdBNjc0OTc0OTcxQzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M2NUMyOTIzQjgzMTFFNUE0RjdBNjc0OTc0OTcxQzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjMwODdEMDZCM0JFNTExQUIwRDk0Q0EyMEIxMkM0RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFM0FEREQ5RTUxQkRFMjExQkFDOEY3M0RENzlEMUQxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuMhakQAAAE+SURBVHja3FVRDoMgDMVpdgkTE2+wS3CPmfjPkdgtPM+SXWNxZaOLYgtFzD72kpeg9D2ktFjN86xKcFKFONTgDGwFmtbHfuByADwDJ+Ad2Pl3FDsfM3mNWooRLqAnxL2fQ7xN3ISZtwhNQjHCuMkaaInJhxf2fhzCaWpcIWbCijEHKRNWHBpITFZiyiBmshFzBpQJKXZsmGp7AsfF8+jfbVD9Vzf+1MACjRs0O8XXvV+wEgMuKnJ5hLREZaoisdSAFS8NTDghEaOBYQKSYmymyyKrV2Z8Aw7kuTCrJVemkmhzxdQp2BwxdaEMzJjFoReKztDp8BRMxr4xTwaTqDMyH56Uzqm6ZDfGTMTdSAWKujFVkdFulJqQv7fcO/HJdeNhWyhKomX2XEuO0QoSxhbSIaVc1ExInfGX+sa+BBgAFECq4GW1YqAAAAAASUVORK5CYII=");
}
.QuestionPreview .QuestionBase .FBAnswer.Correct {
  background-color: #2ca129;
}
.QuestionPreview .QuestionBase .FBAnswer.Correct .dropdownIcon {
  background-position: 0 -16px;
}
.QuestionPreview .QuestionBase .FBAnswer.Incorrect {
  background-color: #d60000;
}
.QuestionPreview .QuestionBase .FBAnswer.Incorrect .dropdownIcon {
  background-position: 0 -32px;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption {
  margin-bottom: 1.33em;
  margin-left: 53px;
  position: relative;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption .content span {
  top: -1px;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  left: -30px;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.mediaAnswer:not(:last-child) {
  margin-right: 24px;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.mediaAnswer .content {
  border: 2px solid #186caf;
  display: inline-block;
  line-height: 150px;
  vertical-align: middle;
  height: 150px;
  width: 150px;
  margin-right: 24px;
  margin-top: 5px;
  white-space: nowrap;
  text-align: center;
  margin: 1em 0;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.mediaAnswer .content img {
  position: absolute;
  top: 5px;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  max-height: 150px;
  max-width: 150px;
  vertical-align: middle;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.textAnswer {
  display: block;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.correct .content span {
  background-position: -69px 0;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.selected.correct .content span {
  background-position: -69px -23px;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.selected.incorrect .content span {
  background-position: -115px -23px;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.incorrect .content span {
  background-position: -115px 0;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.radio .content span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAuCAYAAAD3CoGcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lJREFUeNrsm09IFVEUxq/TI8KFtEhKIhACFy2sHmi4sEXk27QpKghfCK6yECS3tYmIWlmBi4RCCHJTizZBPVtlaCgY1EIQFCNokysLq411bn4PLsPMm3Hm3sVcvgMfzt/fPPBw7z0z32k6evu1iokWUZ+oV1QWdYhaRd9Fy6JF0YxoWrQRBfg2/cQZu1o+6Iz99vgbZ+zPS0vO2Ev3lDN2U0yiDOj/haiikqMmeiZ6mjJRrLBjEsUKOyZRrLBjEsUKOyZRrLBLof1DouuiEVEgWhGNI+OWkYGtyEidmcP4AadFx0T3RV9jfgTZBWbvOnDqsgm+JbqqRxrRhOgshqQvop+iv/ir9z+IHov2ibpEPaK9+CH/h68fqx+dsTvbWpyxV9tWnLGvra87Y6+/V87YgZGBOvsGRb9F3aIh0WbCULWJ67px3yA44SC74OzAmMdGsH1StKB2Fgu4T4EzEJojyS44O8CKuIrtiQxg8wET4FTBJdsTtq56zsvGCyx2OlMMUY2iWfRJdFh0AVWPEzaqHidsVD1O2Kh6nLBR9ThhB6itFVbEecD1eW4c271k+8MuoTRSWOHaiDqnHHGM7IKyS6ijFWprG1HndEQcI7ug7BJeuii8gLERdU5rxDGyC8oOYh6UJ8zEI9sTdhAzdOUJcyoj2xN2ELMYyhPm4phsT9g6UWawM4zaOU80g6PAJdsTtk4U7UGo4cXKWE74GDg1cMn2hK0TRX8d1B6ELdEVtf31MEt04f4t8DbI9odd/yiojSoPsf0uwwO6cJ8CxzS+kO0B27QZaKPKpGiPaF70KMU814zr5nHfJDjhILvgbNO4tGGsmk8gsy4hmXaL/oh+ifZjNXwOsD4MUQ9Ed5XhijKMS9bZhnHJOtswLllnG8Yl62zDuGSdTc8sPbOp2KWYG/SFL1VO5zbZ/rADxWCkCE49nHoyTT1sTSCb7RqK7Rps1yDbLZvtGmSnYrNdg+xU7AD1dQWLndGIm9pFN0SzGJJmsd8ece0oOBVwyfaEXVKNLf4acEfUbxzrgY7gIWuheW4cK+Ze4zjZBWcHqnG7RjUENqMf58NhuqzI9oQdqMbtGmcS5rKo86Zvk2xP2EntGkney6jzadsHyC4QO6ldI6njLOp82vYBsgvETmrXeJUAjzqftn2A7AKxk9o19AeiqRjwFM7HDWGLZPvDTmrXWEPZdFM0p7adUXPYD5dTSu2sfYDsArG1zUC/zXuOFyv6bdyQyh7ac6nd2/pz9UXYDJywYTNwwobNwAkbNgMnbNgMnLDZrkF2KjbbNchOxWa7Btmp2GzXYLsG2zWysumZZbsG2RnZ/wQYAG8QnH/QidlrAAAAAElFTkSuQmCC");
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.checkbox .content span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAuCAYAAAD3CoGcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPBJREFUeNrs27ENwjAYBeEYsQVDIFiHcWhYgj1AsAVFNmCN0FBFyNiEP5Kj7xq6S3N6SVCctsdLF8Xzdg5zH/abMPd9dw1zP/o+zN2fwtTd+v07BLgT93Lcqw6oWJRxlVMYvhTP3aDboqAIoUAoEAqEAqFAKBAKIBQIBUKBUCAUCAVCAYSCQsYfLg2B1+Ju2G1RULUoKfAa3AtwWxRULYqjCdxZt0XBT289jiZwf3RbFHiYRdytp2TS/jFz3I25LQrceiAUCAVCgVAgFEAoEAqEgrnJ/YXvCy9uiwKhYIZbj6MJ3BYF0xfFAyB3lpcAAwBlxjRMbQNCKwAAAABJRU5ErkJggg==");
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.correct {
  color: #2ca129;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.correct .mark {
  background-position: -16px 0;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption.incorrect {
  color: #d60000;
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption .mark {
  top: 3px;
  display: inline-block;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -53px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQdJREFUeNqsVMsNwjAMdVGW4dYlugLnROKejgJ3pJQLQ9A9uk0lUuSgYMWxKbFktUlsP/+7BT40RJ5BR1+yp/sR9tIBvz7yM3JQ6ASU9dCADhjNBc9WcCKgDKDOsBM3pAAMpnLKDKevq4AD6sw7wS0tgUODwGSiBO7+BY/Um+zgSAYscag1+NuOIUI1J5qD5yWgTkyF++3u3BKcc6BGK3PvmekRe8colKA2HXEJ+WyM83dV4xqFxyCMaM80q6pxu6UOnmp+qxmMWeCyJjauEcBXYToc866emrSKS9GtwnRYsorpu2pk0yoesZEkpTzSsbCKHfMPUgmukRflbt8MPyqyPy2qlwADAJHRUUizmxb/AAAAAElFTkSuQmCC");
}
.QuestionPreview .QuestionBase.MultipleChoice .answerOption .feedback {
  left: -80px;
  top: -2px;
}
.QuestionPreview .QuestionBase.DragAndDrop.answerContainer {
  position: relative;
}
.QuestionPreview .QuestionBase.DragAndDrop table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
.QuestionPreview .QuestionBase.DragAndDrop td.mark {
  width: 35px;
}
.QuestionPreview .QuestionBase.DragAndDrop td.mark div.mark {
  display: block;
  height: 16px;
  width: 16px;
  background-position: -16px 0;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQdJREFUeNqsVMsNwjAMdVGW4dYlugLnROKejgJ3pJQLQ9A9uk0lUuSgYMWxKbFktUlsP/+7BT40RJ5BR1+yp/sR9tIBvz7yM3JQ6ASU9dCADhjNBc9WcCKgDKDOsBM3pAAMpnLKDKevq4AD6sw7wS0tgUODwGSiBO7+BY/Um+zgSAYscag1+NuOIUI1J5qD5yWgTkyF++3u3BKcc6BGK3PvmekRe8colKA2HXEJ+WyM83dV4xqFxyCMaM80q6pxu6UOnmp+qxmMWeCyJjauEcBXYToc866emrSKS9GtwnRYsorpu2pk0yoesZEkpTzSsbCKHfMPUgmukRflbt8MPyqyPy2qlwADAJHRUUizmxb/AAAAAElFTkSuQmCC");
}
.QuestionPreview .QuestionBase.DragAndDrop tr.incorrect td.mark div.mark {
  background-position: 0 0;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element {
  position: relative;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element.drag div.link {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 16px;
  height: 32px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAADACAYAAAANzeNOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6ODFEQkJFODZGRkIyRTIxMUIwQkZFNzBDODgzM0QxRkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk1MDA1QTgzQjg2MTFFNTlGNTFBODZFOEZERTJEREYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk1MDA1QTczQjg2MTFFNTlGNTFBODZFOEZERTJEREYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzBBN0NCNTg2M0JFNTExOTc3QkUzQTY1MUVGRDQ0MCIg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");
  background-position: right -32px;
  background-repeat: no-repeat;
  background-position: 0 -64px;
  left: -16px;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element div.content.text {
  position: relative;
  line-height: 1.16em;
  padding: 15px 30px;
  cursor: inherit;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element .content.image {
  position: absolute;
  cursor: inherit;
  font-size: 0;
  margin: auto;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element.static {
  background-color: #f0f0f0;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element.drag.correct {
  color: #fff;
  background-color: #2ca129;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element.drag.incorrect {
  color: #fff;
  background-color: #d60000;
}
.QuestionPreview .QuestionBase.DragAndDrop div.element.drag.incorrect div.link {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAADACAYAAAANzeNOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6ODFEQkJFODZGRkIyRTIxMUIwQkZFNzBDODgzM0QxRkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk1MDA1QTgzQjg2MTFFNTlGNTFBODZFOEZERTJEREYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk1MDA1QTczQjg2MTFFNTlGNTFBODZFOEZERTJEREYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzBBN0NCNTg2M0JFNTExOTc3QkUzQTY1MUVGRDQ0MCIg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");
  background-position: right -32px;
  background-repeat: no-repeat;
  background-position: 0 -96px;
}
.QuestionPreview .QuestionBase.OpenInput .inputContainer {
  white-space: nowrap;
  margin-bottom: 1.33em;
}
.QuestionPreview .QuestionBase.OpenInput .input {
  border: 1px solid #2f83b8;
  padding: 2px;
  display: inline-block;
  position: relative;
}
.QuestionPreview .QuestionBase.OpenInput .input span {
  height: 30px;
  font-family: "segoe-ui_light";
  font-size: 20px;
  line-height: 30px;
  vertical-align: top;
  margin: 1px;
}
.QuestionPreview .QuestionBase.OpenInput .input .seperator {
  display: inline-block;
}
.QuestionPreview .QuestionBase.OpenInput .input .digit {
  background-color: #f0f0f0;
  padding: 2px;
  display: inline-block;
}
.QuestionPreview .QuestionBase.OpenInput .input .digit.integer {
  width: 190px;
  text-align: right;
  letter-spacing: 10px;
  padding-right: 0;
}
.QuestionPreview .QuestionBase.OpenInput .input .digit.decimal {
  width: 0.75em;
  text-align: center;
}
.QuestionPreview .QuestionBase.OpenInput .input.correct {
  background-color: #2ca129;
  border-color: #2ca129;
  color: #fff;
}
.QuestionPreview .QuestionBase.OpenInput .input.correct * {
  background-color: #2ca129;
  border-color: #2ca129;
  color: #fff;
}
.QuestionPreview .QuestionBase.OpenInput .input.correct .icon {
  background-position: left -16px;
  display: block;
}
.QuestionPreview .QuestionBase.OpenInput .input.incorrect {
  background-color: #d60000;
  border-color: #d60000;
  color: #fff;
}
.QuestionPreview .QuestionBase.OpenInput .input.incorrect * {
  background-color: #d60000;
  border-color: #d60000;
  color: #fff;
}
.QuestionPreview .QuestionBase.OpenInput .input.incorrect .icon {
  background-position: left -32px;
  display: block;
}
.QuestionPreview .QuestionBase.OpenInput .input .icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAYAAAAYX/pXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RTNBREREOUU1MUJERTIxMUJBQzhGNzNERDc5RDFEMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M2NUMyOTMzQjgzMTFFNUE0RjdBNjc0OTc0OTcxQzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M2NUMyOTIzQjgzMTFFNUE0RjdBNjc0OTc0OTcxQzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjMwODdEMDZCM0JFNTExQUIwRDk0Q0EyMEIxMkM0RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFM0FEREQ5RTUxQkRFMjExQkFDOEY3M0RENzlEMUQxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuMhakQAAAE+SURBVHja3FVRDoMgDMVpdgkTE2+wS3CPmfjPkdgtPM+SXWNxZaOLYgtFzD72kpeg9D2ktFjN86xKcFKFONTgDGwFmtbHfuByADwDJ+Ad2Pl3FDsfM3mNWooRLqAnxL2fQ7xN3ISZtwhNQjHCuMkaaInJhxf2fhzCaWpcIWbCijEHKRNWHBpITFZiyiBmshFzBpQJKXZsmGp7AsfF8+jfbVD9Vzf+1MACjRs0O8XXvV+wEgMuKnJ5hLREZaoisdSAFS8NTDghEaOBYQKSYmymyyKrV2Z8Aw7kuTCrJVemkmhzxdQp2BwxdaEMzJjFoReKztDp8BRMxr4xTwaTqDMyH56Uzqm6ZDfGTMTdSAWKujFVkdFulJqQv7fcO/HJdeNhWyhKomX2XEuO0QoSxhbSIaVc1ExInfGX+sa+BBgAFECq4GW1YqAAAAAASUVORK5CYII=");
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  left: 13px;
  display: none;
}
.QuestionPreview .QuestionBase.OpenInput .suffix {
  font-size: 20px;
  vertical-align: top;
  margin: 0 5px;
  color: #777;
  font-family: "segoe-ui_light";
  line-height: 41px;
}
.QuestionPreview .QuestionBase.SCT {
  /* SCT QUESTION */
  /* textarea width fix to wrap in a div with also 100% */
}
.QuestionPreview .QuestionBase.SCT div.scenarioSelector {
  margin-bottom: 1em;
}
.QuestionPreview .QuestionBase.SCT div.scenarioSelector span.item {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  text-indent: -0.5px;
  margin: 0 5px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAACACAYAAAC7gW9qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACFRJREFUeNrsXHuIVUUY//a6kZlXDMoXpS79YWphSUVkD7XAjOwpPaBibTNMa2srtSfSw8q0rLU0e6iEUEIFYpSiglmboKFG5eYf2ZalmUFbu2XmY/u+Pb+j49lzz+uemQGdD37cO+fOmd/cOXPmzMz3nV/FkKeXUwo7hXE2o4rRm9ETx3cxdjJ+YGxm7E5a4I6Vb1vlr0yY72LGHYwLGGfE5P2OsY6xiLGW8jFt/HENMITxMONmpA+i0K1y8Ri/4XgPRh/GAMZFqOQ4xnuM5xlfZfzj2vmjGqCGMZNxEuN3xmzGKsYGRluJcyoY5zEuZ9Sh4lcwpjDeTPnnjfB36jXy1uCxzozpjBmMExhyk45lyGDxS4KKS57PGO+g8hcyxjC6MD5n7Fczt2zbZJW/EFLAU2ixVsadjPEYZNLaLpxbg7KmoOw4M8pfCOl2k3HCdWj9tjIGLzl3AcpqRdk1Md3eKL/aAENxn4nV4n7Ly1ahTALH0JA8VvgLyuDxLKPIeIOxkPK3hSi7CK6KwOBlhd9vgBGMUXi0TCV9NhUco8BJtvn9BhivdI9mjRVoVrr5eOW4NX5pgL6MSxl/MJaRfluGigjnabb5pQEGYV79JWZYum0ruIRzsG1+aYCB+OEbMmdf43OgbX6ZCvdH4keDFWjCZ5XynLfCLw3QDYm/DFagBZ9F5ZgV/gId41aptHw3g7xF5Uq02eSvVO69fgYr0C9wL1rjlwZoROJMgxU4C5+NyjEr/AU8fnZiI2GAAfIB4NoJbqv80gDbsc3UHRsHum0MuNaC2yq//xR4C591+FGXdQeHymmV32+A1YwV5G0sztBYgRngWAFOss1fUHZOHsWuyV2Mag3k1Si7FVxtgZ0bK/zqRGgj4wF8r2eMzJF8JMokcGwMyWOFPzgTlK3jWZgoLCXPGVFRJvk4lFVE2VHb48b5w6bCT5C3H9+VvE1J2UbqkYG4B85dgLJmouw4M8of5heQffOVeE5eQt6+ejUa6z8cL2W+Y+I2xmLyXFp/Mu4jz0Ozv8OqpKNfwCh/lGdIWm89ea6pm1DAAUYDYwsqorqmemNzY5g0LI4vwXmbM1xBI/wVCb3Dw3E/SuvGOSe3ouLS9dbEFZzQO6yNP6l3eA3gu6dPp3D39DaG9OndlK9p46/MWKGDCtR0G5mx3PjTxAfcQ57ruU9crybPOTmX8o0P0MIftyMk/vmPUdCNCcgJeWTQ+hTnDinjj2vnj2oA8cx+wRhdxh+Qc9dhCprWjPCHNYD451/FjKlLDt1XfPzzUWbnBPmN8oeNAS8yJmoYuCZhojIpJp9R/kJIt9NB7ttEcER1e6P8wfiAOQYeYXOodHyAcX41PqA+4T1arnUGVzA+wAq/Gh8wjMzZMOoYH2CF32+AWjJvtSW+G+WXp4DvnzdtfnxAhU3+Siwhu1uogHAOVr5b4ZcGGEj2zCZ3O78aH2DDqgyuIEP51fgAG1a03ANcfIAaH2DDWizfAkfEB9iwJssd4Ij4ABvWaLkBGqUBxD/fbOFZ3EyHQ+Os8avxAaYtGB9ghb+gLBFN25wS343yq/EBDQbJG6hjfIAVfjU+QFZHew2Q7wVXMD7ACn8wPsDEsrSWSscHGOcPzgTFITlPI/k8cJQy4/xhU2GJoJirgXwuHY4AiTKj/GEN8C95W8cTGHtyIN6Dsiah7Dgzyh+1GBJnggQnLC+DfDnKmJ/hXCP8catBCSwQ95JsIL5PnuMxznYg7wicu7mMP6Cd38UHZKzQMRkf4PQDyOkHOP0Apx+Qwpx+ADn9gEPm9APoGNIPOB5dNywWyIR+QCp+HfoBT2LSIlFZzwV+M6EfkIo/b/2AGwJr7paQPDr1A1Lz56kfIC8jyk7rcUgvofAXoHTpB2TiT6ofcCLj1Ijf/bc7eiP9LXmxvQdK5E+rH6CNXxqgPxKlfIQ9sb5uoPCABmnxekxBCV25GtPXUtaEzyrb/NIAcfoBj2M+LffqYty3qk2gI19zm4wuFmWqfoBV/iTxAZ8olRuKq9EL6cuw2vKf6fXoinmaVv4CxesHSMj57Yy/kT4fE4pzQOgHNMsC5LGEvKp+gFX+AiXTD1iK56a/khoDwkFI/4z1d2vCCqj6AVb50+gHvIuNh5eVkVlMXE13M75P+cgiSqcfoIU/rX7AK1hWqjaN8VEK8nL0A3Lnz6IfMFu5Ch+SF9+fxsrVD8iVP4t+gNyHD5H3NmYdhbyNGWF56Afkyp9VP+AARuCfUrZ+XvoBufE7/QAlg9MPIKcf0G5OP4CcfkC7Of0AxYaT0w9w8QGqOf2AqF5NTj/A6Qf45vQDyOkHHDKnH0BOP6DdnH4AHeX6AbJLK2Eor0Xk0akfkIpfh37ANMzDZeLySEQ+XfoBqfjz1g/4gPGSko56N1iHfkBq/jz1A8TlfC9jH9IyG4sKd8lbPyATf1L9APHLidu5lI++Ffedv1kxGBOPTjHlJtUP0MavxgeUMllqjsXAEfaq6z7cTxuQlujMRYyTE/yxKtv8anxAKXuGvDBV2YOX/bPtgd9fB6Fvsvd2bsIrW7TNnyQ+YLRSyY24Gr8ivRpbVm3KyFqT83NbK78aH1DKriQv8Nj3xq7H6moTCP9R1uzTU/65Ftv8anxAlF2D1Zm/eFoGwi1Iy+AkkZhdU1agyTZ/Gv2AW8jbhb1fGZnFJDJzHvbp0loa/QAt/H58QNLoTNlffyFwTCIzr8pA7usHWOXPoh9Qp1yF6xkPZhzcsuoH5MpfqSwRr054opwzC8/wayn7znJQP8AKf1b9gE4YgftmJC9XPyA3fqcfoPzg9API6Qe0m9MPIKcf0G5OP4CcfsAhW0NHaXzA/wIMAFPjWWAG7KcaAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  color: #2f83b8;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer td {
  padding: 6px 0px 6px 10px;
  vertical-align: top;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer td.header {
  background-color: #f0f0f0;
  color: #222;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer td:first-child {
  width: 37%;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer:not(:first-child) {
  margin-top: 24px;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer .SCTScenario td {
  white-space: pre-wrap;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer .SCTScenario td {
  white-space: pre-wrap;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer td.note.content textarea, .QuestionPreview .QuestionBase.SCT div.answerContainer td.note.content div {
  display: block;
  width: 100%;
  height: 164px;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer td.answerOptions {
  padding-top: 0px;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer td.answerOptions div {
  margin: 15px 15px 15px 0px;
  padding-left: 30px;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption {
  color: #2f83b8;
  cursor: pointer;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.hover, .QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.selected {
  color: #153e55;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.disabled {
  color: #888;
  cursor: default;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption span.radio {
  float: left;
  background-image: url(../../Images/RadioIconSprite.png);
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  margin-top: -1px;
  margin-left: -30px;
  cursor: pointer;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.hover span.radio {
  background-position: -23px 0px;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.selected span.radio {
  background-position: -23px -23px;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.disabled span.radio {
  background-position: -46px 0px;
  cursor: default;
}
.QuestionPreview .QuestionBase.SCT div.answerContainer span.answerOption.disabled.selected span.radio {
  background-position: -46px -23px;
}
.QuestionPreview .Feedback {
  clear: both;
  position: relative;
  line-height: 1.33em;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  background-color: #f8f8f8;
  margin-bottom: 24px;
}
.QuestionPreview .Feedback .Header {
  font-size: 25px;
  margin-bottom: 24px;
  display: block;
  color: #186caf;
}
.QuestionPreview .Feedback .Source:not(:first-child) {
  margin-top: 24px;
}
.QuestionPreview .Feedback .Source:not(:first-child) .SourceHeader {
  color: #186caf;
}
.QuestionPreview .UserSpecificInformation {
  font-size: 13px;
}
.QuestionPreview .UserSpecificInformation .Header {
  text-align: left;
  color: #2196f3;
  font-size: 14px;
  text-transform: uppercase;
  font-family: segoe-ui_normal;
  font-weight: normal;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
}
.QuestionPreview .UserSpecificInformation .AllFeedback {
  max-width: 800px;
}
.QuestionPreview .UserSpecificInformation .UserAvatar {
  margin-top: 15px;
  vertical-align: top;
  width: 45px;
  height: 45px;
  border: 1px solid #b8b8b8;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  display: inline-block;
}
.QuestionPreview .UserSpecificInformation .UserAvatar:before {
  font-size: 30px;
  color: #186caf;
  content: "\e7fd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.QuestionPreview .UserSpecificInformation .UserAvatar.iSync:before {
  color: #2ca129;
}
.QuestionPreview .UserSpecificInformation .User {
  color: #186caf;
  text-transform: uppercase;
}
.QuestionPreview .UserSpecificInformation .Comment {
  display: inline-block;
  position: relative;
  padding: 12px;
  width: 500px;
  border: #b8b8b8 solid 1px;
  border-right: 3px solid #2196f3;
  margin-left: 24px;
}
.QuestionPreview .UserSpecificInformation .Comment .Date {
  text-align: right;
  font-size: 12px;
  margin-top: 6px;
}
.QuestionPreview .UserSpecificInformation .Comment:not(:first-child) {
  margin-top: 12px;
}
.QuestionPreview .UserSpecificInformation .Comment:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 15px 6px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -6px;
  left: -15px;
  top: 25%;
}
.QuestionPreview .UserSpecificInformation .Comment:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 15px 6px 0;
  border-color: transparent #b8b8b8;
  display: block;
  width: 0;
  z-index: 0;
  margin-top: -6px;
  left: -16px;
  top: 25%;
}
.QuestionPreview .UserSpecificInformation .HandledFeedbackContainer {
  float: right;
  width: 100%;
  margin-top: -6px;
}
.QuestionPreview .UserSpecificInformation .HandledFeedbackContainer .UserAvatar {
  float: right;
}
.QuestionPreview .UserSpecificInformation .FeedbackContainer {
  float: left;
  width: 100%;
}
.QuestionPreview .UserSpecificInformation .HandledComment {
  display: inline-block;
  position: relative;
  padding: 12px;
  width: 500px;
  border: #b8b8b8 solid 1px;
  border-left: 3px solid #2196f3;
  margin-right: 24px;
  float: right;
}
.QuestionPreview .UserSpecificInformation .HandledComment .Date {
  text-align: right;
  font-size: 12px;
  margin-top: 6px;
}
.QuestionPreview .UserSpecificInformation .HandledComment:not(:first-child) {
  margin-top: 12px;
}
.QuestionPreview .UserSpecificInformation .HandledComment:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 0 6px 15px;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -6px;
  right: -15px;
  top: 25%;
}
.QuestionPreview .UserSpecificInformation .HandledComment:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 0 6px 15px;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  margin-top: -6px;
  right: -16px;
  top: 25%;
}

div.QuestionPreview.DialogCoverDiv {
  margin-top: 0;
  margin-left: 0;
  background-color: rgba(12, 53, 85, 0.3);
  opacity: 1 !important;
  z-index: 3001;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.MediaWrapper {
  position: absolute !important;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  -moz-box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
  box-shadow: 0 0 5px rgba(12, 53, 85, 0.3);
}

.ClosePreview {
  position: absolute;
  height: 24px;
  width: 24px;
  font-size: 24px;
  top: 0;
  right: 0;
  padding: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  cursor: pointer;
}
.ClosePreview:hover {
  color: #2196f3;
}
.ClosePreview:before {
  display: block;
  content: "\e888";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.iQualify.Matrix .QuestionPool, .iQualify.Matrix .QuestionPoolLabel, .iQualify.Matrix .Total {
  position: relative;
  width: 700px;
  box-sizing: border-box;
  padding: 12px 0;
  padding-left: 24px;
  padding-right: 62px;
  position: relative;
}
.iQualify.Matrix .QuestionPool {
  border-left: 3px solid #2196f3;
  font-size: 15px;
  color: #2196f3;
  background-color: #edf7fe;
  text-transform: uppercase;
}
.iQualify.Matrix .QuestionPool:not(:first-child) {
  margin-top: 16px;
}
.iQualify.Matrix .QuestionPoolLabel {
  border-left: 3px solid #f0f0f0;
  border-bottom: 1px dotted #f0f0f0;
  border-right: 1px dotted #f0f0f0;
}
.iQualify.Matrix .Total {
  margin-top: 16px;
  font-size: 15px;
  color: #fff;
  background-color: #2196f3;
  text-transform: uppercase;
}
.iQualify.Matrix .QuestionPool .Value, .iQualify.Matrix .QuestionPoolLabel .Value, .iQualify.Matrix .Total .Value {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  text-align: center;
  transform: translateY(-50%);
}
.iQualify.Matrix .QuestionPool .Available, .iQualify.Matrix .QuestionPoolLabel .Available, .iQualify.Matrix .Total .Available {
  position: absolute;
  width: 50px;
  top: 50%;
  right: 62px;
  text-align: center;
  transform: translateY(-50%);
}
.iQualify.Matrix .QuestionPool .Remove, .iQualify.Matrix .QuestionPoolLabel .Remove, .iQualify.Matrix .Total .Remove {
  position: absolute;
  color: #b8b8b8;
  width: 24px;
  height: 24px;
  right: -32px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out,  color 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out,  color 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out,  color 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out,  color 0.25s ease-out;
  transition: opacity 0.25s ease-out,  color 0.25s ease-out;
}
.iQualify.Matrix .QuestionPool .Remove:hover, .iQualify.Matrix .QuestionPoolLabel .Remove:hover, .iQualify.Matrix .Total .Remove:hover {
  -webkit-transition: opacity 0s ease-out,  color 0s ease-out;
  -moz-transition: opacity 0s ease-out,  color 0s ease-out;
  -ms-transition: opacity 0s ease-out,  color 0s ease-out;
  -o-transition: opacity 0s ease-out,  color 0s ease-out;
  transition: opacity 0s ease-out,  color 0s ease-out;
}
.iQualify.Matrix .QuestionPool .Remove:before, .iQualify.Matrix .QuestionPoolLabel .Remove:before, .iQualify.Matrix .Total .Remove:before {
  content: "\e5cd";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 24px;
  cursor: pointer;
}
.iQualify.Matrix .QuestionPool .Remove:hover, .iQualify.Matrix .QuestionPoolLabel .Remove:hover, .iQualify.Matrix .Total .Remove:hover {
  color: #d60000;
}
.iQualify.Matrix .QuestionPool input, .iQualify.Matrix .QuestionPoolLabel input, .iQualify.Matrix .Total input {
  position: absolute;
  width: 50px;
  top: 50%;
  right: 12px;
  text-align: center;
  transform: translateY(-50%);
  text-align: center;
}
.iQualify.Matrix .QuestionPool input.Disabled, .iQualify.Matrix .QuestionPoolLabel input.Disabled, .iQualify.Matrix .Total input.Disabled {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}
.iQualify.Matrix > div:hover .Remove {
  opacity: 1;
}
.iQualify.Matrix .Add {
  margin-top: 16px;
}
.iQualify.Matrix .Add .WebControls3.DropDown {
  width: 400px;
}
.iQualify.Matrix .Add .AddButton {
  color: #186caf;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding-right: 3px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
  vertical-align: top;
  line-height: 32px;
}
.iQualify.Matrix .Add .AddButton:before {
  font-size: 24px;
  margin-right: 4px;
  zoom: 1 !important;
  content: "\e145";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.iQualify.Matrix .Add .AddButton:hover {
  color: #0c3555;
}
.iQualify.Matrix .Add .AddButton.disabled {
  cursor: default;
  color: #b8b8b8;
}
.iQualify.Matrix.Edit .QuestionPool {
  margin-top: 16px;
}
.iQualify.Matrix.Edit .QuestionPool, .iQualify.Matrix.Edit .QuestionPoolLabel, .iQualify.Matrix.Edit .Total {
  padding-right: 112px;
}

/*div.MatrixEdit > div {
    width: 600px;
    margin-top: 10px;
}

div.MatrixEdit > div > div {
    position: relative;
}

div.MatrixEdit > div > div.QuestionPool {
    padding: 10px;
    background-color: #e8eef2;
    height: 16px;
    font-weight: Bold;
}


div.MatrixEdit > div > div.QuestionPoolLabel {
    padding: 10px;
    padding-left: 20px;
    border-bottom: solid 1px #e8eef2;
    border-left: solid 1px #e8eef2;
    border-right: solid 1px #e8eef2;
    color: #2a2a2a;
}

div.MatrixEdit > div > div > input {
    width: 50px;
    position: absolute;
    right: 40px;
    top: 7px;
    text-align: center;
}

div.MatrixEdit > div > div > input.Disabled {
    background-color: transparent;
    border-color: transparent;
    cursor: default;
}

div.MatrixEdit > div > div > div.Available {
    position: absolute;
    top: 11px;
    right: 110px;
    font-weight: normal;
    color: #808080;
}

div.MatrixEdit > div > div > div.Remove {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url('../Images/Icons/16x16_Delete_NoSquare.gif');
}


div.MatrixEdit > div.Total > div {
    color: #fff;
    background-color: #8aa8cb;
    padding: 10px;
    height: 16px;
    font-weight: Bold;
}

div.MatrixEdit > div.Total > div > input {
    color: #fff;
    font-weight: bold;
}*/
