﻿#header h1, #admin-header h1, h1.logo {
  display: block;
  margin: auto;
  height: 37px;
  background: url(../../Images/toplogo.png) no-repeat top left;
}

#assessmentContent h1, #content h1 {
    font-style: normal;
    color: #5695ca;
    font-weight: lighter;
}

#assessmentContent h2, #content h2 {
    font-style: normal;
    font-weight: normal;
    color: #000000;
 }

.UserStatisticsHistory h3, .UserStatisticsHistory h2 {
  color: #557bc6;
  padding: 0;
  margin: 0;
}

.formInputTableNoBorderOrShade th, .formInputTable th {
  font-weight: normal;
  text-align: left !important;
  vertical-align: middle;
  padding: 7px 2px 2px 0;
}

.gridViewPaging .previousDisabled:hover, .gridViewPaging .previousDisabled {
  margin-right: 5px;
  color: grey;
  text-decoration: none;
}

body {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-size: 9pt;
  height: 100%;
}

p {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

table {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

tr {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

th {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

td {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

input {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #333 !important;
  font-size: 100%;
}

select {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #333 !important;
}

textarea {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

h1 {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 22pt;
  color: #5695ca;
  font-weight: lighter;
  padding-top: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
}
h2 {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 13pt;
  color: #5695ca !important;
}

h3 {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 100%;
}

ul {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  list-style-image: url(../../Images/bullet.gif);
}
ul.validator {
  list-style: none;
  float: right;
  text-align: right;
  margin: 5px 15px 3px 0;
  color: #aaa;
  display: contents;
}

li {
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
  margin-top: 3px;
  margin-bottom: 3px;
}

html {
  height: 100%;
}

optgroup {
  font-size: 9pt;
  color: #333 !important;
}

a {
  color: #1851c6;
}
a:visited {
  color: #1851c6;
}
a:visited:hover {
  color: #1851c6;
}
a:hover {
  color: #1851c6;
}

.button {
  width: auto;
  overflow: visible;
  padding-left: 5px;
  padding-right: 5px;
}

#wrap {
  position: relative;
  min-height: 100%;
  background-color: Transparent;
}

#mm-0 {
  height: 100% !important;
}

#header, #admin-header {
  background: #1f3d7a url(../../Images/toprightimage.jpg) repeat-y top right;
  height: 37px;
}
#header .currentUser, #admin-header .currentUser {
  float: right;
  color: #ccc;
  padding: 5px 45px 0 5px;
}
#header .selectLanguageDropdown, #admin-header .selectLanguageDropdown {
  float: right;
  margin: 5px 5px 0 0;
  color: #111;
}

#logoInMenu {
  width: 175px;
  margin: 0 auto;
}

#contentStrip {
  background: transparent repeat-x top left;
  margin: 0;
  padding-bottom: 5px;
  min-height: 1.7em;
}

#contentContainer {
  clear: both;
  margin: 0;
}

#content {
  padding: 0 10px 66px 20px;
}
#content h3 {
  color: #5695ca;
}

#assessmentContent {
  padding: 0 10px 10px;
}
#assessmentContent h1 {
  padding-bottom: 5px;
  margin-left: 60px;
}
#assessmentContent h3 {
  color: #5695ca;
}

#footer {
  font-size: 75%;
  text-align: left;
  color: #ccc;
  vertical-align: middle;
  background: url(../../Images/footer_background.png);
  bottom: 0;
  position: absolute;
  width: 100%;
}
#footer p {
  margin: 0;
  padding: 5px 90px 5px 0;
  text-align: center;
}

.validationSummary {
  margin-bottom: 5px;
}

.linkList {
  list-style-type: none;
  margin: 5px;
}

.fadedTopAndUnderlineBox {
  padding: 10px;
  margin-bottom: 10px;
}
.fadedTopAndUnderlineBox h2 {
  color: #557bc6 !important;
  margin: 0 0 15px 0;
}
.fadedTopAndUnderlineBox h1 {
  color: #557bc6;
  margin: 0 0 15px 0;
}

.ReportIndex {
  margin-bottom: 25px;
  float: left;
}
.ReportIndex .fadedTopAndUnderlineBox {
  float: left;
  margin: 0;
  padding-bottom: 0;
}
.ReportIndex .leftColumn {
  width: 47%;
  float: left;
  margin-bottom: 25px;
  margin-top: 0;
}
.ReportIndex .rightColumn {
  width: 47%;
  float: right;
  margin-bottom: 25px;
  margin-top: 0;
}

.userRiskSummary h2 {
  color: #557bc6 !important;
  margin: 0;
}
.userRiskSummary h3 {
  color: #557bc6 !important;
  margin: 15px 0 0;
}

.UserStatisticsHistory table {
  border: 1px;
  width: 90%;
}
.UserStatisticsHistory th {
  text-align: left;
  padding-top: 10px;
  font-style: normal;
  font-weight: normal;
}
.UserStatisticsHistory tr {
  height: 0;
}
.UserStatisticsHistory td {
  padding-bottom: 3px;
}

.formInputTable {
  margin: 10px 0 5px;
  background: none;
  border: #fff 1px solid;
}
.formInputTable .inlineValidator {
  text-align: right;
  width: 3px;
}
.formInputTable td {
  padding: 6px 5px 0 0;
  vertical-align: middle;
}
.formInputTable td.formLabel {
  padding: 7px 10px 2px 3px;
  vertical-align: middle;
}
.formInputTable .bold {
  font-weight: normal;
  color: #707070;
}
.formInputTable .reversealignment {
  float: right;
}
.formInputTable .topAligned {
  vertical-align: top;
}
.formInputTable .middleAligned {
  vertical-align: middle;
}
.formInputTable #actions {
  text-align: left;
  padding: 20px 0;
}
.formInputTable #actions a {
  margin-left: 0;
}
.formInputTable .actions {
  text-align: left;
  padding: 20px 0;
}
.formInputTable tfoot {
  height: 7px;
}
.formInputTable .leftText {
  text-align: left;
}
.formInputTable .checkboxes {
  text-indent: -1.7em;
  padding-left: 2em;
}
.formInputTable .datePicker td {
  padding: 0;
}

.fieldSetWrapper {
  margin: 10px 5px;
  border: #95c5e7 0 solid;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 15px 15px 15px 0;
}

.nonResizable {
  resize: none;
}

.formInputTableNoBorderOrShade {
  margin: 10px 0 5px 5px;
  border-collapse: collapse;
}
.formInputTableNoBorderOrShade .inlineValidator {
  text-align: right;
  width: 3px;
}
.formInputTableNoBorderOrShade td {
  padding: 6px 5px 0 0;
  vertical-align: middle;
}
.formInputTableNoBorderOrShade td.formLabel {
  padding: 7px 10px 2px 3px;
  vertical-align: middle;
}

.actions {
  text-align: left;
  padding: 20px 0;
}

.passwordSetterHeaderWidth {
  min-width: 100px;
}

.sameWidth {
  width: 400px;
}

.orgWidth {
  width: 500px;
}

.fullWidth {
  width: 100%;
}

.fullWidth99 {
  width: 99%;
}

.halfWidth {
  min-width: 50%;
}

.margined {
  margin: 10px;
}

.smallerText {
  font-size: smaller;
  vertical-align: top;
}

.organisationNameText {
  width: 200px;
}

.organisationDescriptionText {
  width: 420px;
}

.organisationLabel {
  width: 60px;
  vertical-align: top !important;
}

.organisationOptionControl {
  margin-left: 13px;
}

.organisationCriteriaPanel {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #a9a9a9;
  min-height: 50px;
  padding: 2px;
}

.organisationEmailDomainGridView {
  width: 100%;
  border: 1px solid #ddd;
}
.organisationEmailDomainGridView td {
  padding: 3px 0;
  white-space: nowrap;
  border: solid 1px #fff !important;
}

.organisationEmailDomainGridViewRow {
  background-color: #fff;
}
.organisationEmailDomainGridViewRow:hover {
  background-color: #d9ecf8;
}

.organisationLicensingTable .dateTextBox {
  width: 5.2em !important;
}
.organisationLicensingTable .numberTextBox {
  width: 2.5em;
  text-align: right;
  padding-right: 2px;
}

.flatForm {
  margin: 0;
  padding: 0.2em 1.5em;
  display: inline-block;
  border-bottom: #a9a9a9 1px solid;
  padding-left: 0;
  zoom: 1;
  *display: inline;
}
.flatForm .datePickerSelectDate {
  margin-bottom: 0;
}
.flatForm .flatFormLabel {
  display: inline-block;
  vertical-align: top;
}
.flatForm img {
  vertical-align: baseline;
}
.flatForm .w7 {
  width: 7em;
}
.flatForm .w10 {
  width: 10em;
}
.flatForm .w13 {
  width: 13em;
}
.flatForm .w20 {
  width: 20em;
}
.flatForm .w42 {
  width: 42em;
}
.flatForm .max450 {
  max-width: 450px;
}
.flatForm .max450 div {
  max-width: 450px;
}
.flatForm fieldset {
  margin: 5px 0;
  border: none;
}
.flatForm fieldset legend {
  font-size: 1.5em;
  border-bottom: none !important;
  margin-bottom: 7px;
}
.flatForm fieldset div {
  margin: 1em 3em;
  clear: both;
}
.flatForm fieldset div.noIndent {
  margin: 1em 0;
}
.flatForm p {
  margin: 1em 3em;
  clear: both;
}
.flatForm p.noIndent {
  margin: 1em 0;
}
.flatForm p.buttonDescription {
  margin: 1em 22px;
}
.flatForm label {
  display: inline-block;
  max-width: 450px;
}
.flatForm .spacedList input[type=radio] {
  margin-top: 10px;
  margin-left: -2px;
  margin-right: -2px;
}
.flatForm .spacedList label {
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 5px;
}
.flatForm .max660 label {
  display: inline-block;
  vertical-align: top;
  max-width: 660px;
}
.flatForm .ajax__calendar div {
  margin: 0;
  clear: none;
}
.flatForm .multiLineLabel input[type=checkbox] {
  vertical-align: top;
  margin-top: 3px;
}
.flatForm table th {
  font-weight: normal;
}

.normalWhiteSpace {
  white-space: normal !important;
}

#homePageRecentChanges {
  float: left;
  width: 40%;
}

#recentChanges dt {
  color: #000000;
}
#recentChanges dd {
  color: #557bc6;
}

#helpMenu {
  float: left;
  width: 20%;
  background: #f9fcfe url(../../Images/form_fade.png) repeat-y top left;
  border: #95c5e7 1px solid;
  padding: 3px;
  margin-bottom: 30px;
}
#helpMenu h1 {
  margin: 0 0 5px 0;
}
#helpMenu ul {
  margin: 0 0 0 35px;
}
#helpMenu h2 {
  color: #5695ca !important;
  margin: 5px 0 5px 5px;
}
#helpMenu .subMenu div {
  margin: 0;
  padding: 0;
}
#helpMenu .subMenu h3 {
  color: #557bc6 !important;
  margin: 0 0 0 20px;
}
#helpMenu .subMenu ul {
  margin: 0 0 0 55px;
}

#helpContent {
  float: right;
  width: 75%;
}
#helpContent dl dt {
  font-weight: bold;
}
#helpContent dl dd {
  margin-bottom: 5px;
}

.clear {
  clear: both;
}

.editGroupSaveButton {
  margin: 5px;
  width: 100%;
}

.customGroupTable {
  border-collapse: collapse;
}
.customGroupTable th {
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  padding: 7px 2px 2px 5px;
}
.customGroupTable td {
  text-align: center;
}
.customGroupTable td.number {
  text-align: center;
  width: 150px;
}
.customGroupTable td.action {
  padding-right: 5px;
}
.customGroupTable tr {
  background-color: #f5f5f5;
  padding-left: 5px;
}
.customGroupTable tr.alt {
  background-color: #e6e6e6;
}

.EmailPreviewMainRegion {
  padding: 10px;
  height: 100%;
}
.EmailPreviewMainRegion iframe {
  height: 90%;
  width: 100%;
  border: none 0;
  padding: 0;
  margin: 0;
}

.navigationLinkButtonBack {
  padding: 4px 0 7px 26px;
  background-image: url(../../Images/navigateLinkButtonBack.png);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}

.navigationLinkButtonForwards {
  padding: 3px 26px 7px 0;
  background-image: url(../../Images/navigateLinkButtonForwards.png);
  background-position: top right;
  background-repeat: no-repeat;
  display: inline-block;
}

.navigationLinkButtonGoto {
  padding: 0 22px 2px 0;
  background-image: url(../../Images/goto.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.navigationLinkButtonUserList {
  padding: 2px 0 2px 22px;
  background-image: url(../../Images/users-s.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
}

.navigationLinkButtonUserNote {
  padding: 2px 0 2px 22px;
  background-image: url(../../Images/usernotes.gif);
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
}

.navigationLinkButtonSendMessage {
  padding: 2px 0 2px 22px;
  background-image: url(../../Images/sendMessage.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
}

.navigationLinkButtonTable {
  padding: 2px 0 2px 22px;
  background-image: url(../../Images/table.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
}

.navigationLinkButtonChart {
  padding: 2px 0 2px 22px;
  background-image: url(../../Images/chart.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
}

.navigationLinkButtonSettings {
  padding: 2px 0 2px 22px;
  background-image: url(../../Images/settings.gif);
  background-position: top left;
  background-repeat: no-repeat;
  display: inline-block;
}

.helpTable {
  border-collapse: collapse;
  margin-bottom: 10px;
}
.helpTable td {
  vertical-align: top;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  padding: 2px 5px;
}
.helpTable a {
  color: #000000;
}

#SiteMap {
  float: left;
  margin: 0 0 0 5px;
}

.arrayOfOneOfNQuestionsTable {
  width: 100%;
}

.arrayOfOneOfNQuestionsNumberColumn {
  width: 1px;
  text-align: left;
}

.arrayOfOneOfNQuestionsQuestionColumn {
  text-align: left;
  padding: 5px;
}

.arrayOfOneOfNQuestionsRadioColumn {
  width: 50px;
  text-align: center;
}

.arrayOfOneOfNQuestionsRadioColumnHeader {
  text-align: center;
}

.arrayOfOneOfNQuestionsOddRow {
  background-color: #eaf1f6;
}

.arrayOfOneOfNQuestionsEvenRow {
  background-color: #fff;
}

.masterBetaPosition {
  position: absolute;
  left: 160px;
  top: 18px;
}

.loginBetaPosition {
  position: absolute;
  left: 160px;
  top: 208px;
}

#betaHeader {
  color: White;
  font-size: 10px;
  font-weight: bold;
  visibility: visible;
}

.metaTag {
  font-size: 105%;
  color: #ff0000;
}

.gridViewPaging {
  padding: 5px;
}
.gridViewPaging .next {
  margin-left: 5px;
}
.gridViewPaging .nextDisabled {
  margin-left: 5px;
  color: grey;
  text-decoration: none;
}
.gridViewPaging .previous {
  margin-right: 5px;
}
.gridViewPaging .summary {
  margin-right: 10px;
}
.gridViewPaging .summaryInput {
  display: inline;
  margin-top: 10px;
  width: 3em;
  margin-right: 10px;
}
.gridViewPaging .summaryAction {
  margin-left: 10px;
}
.gridViewPaging .index {
  margin: 0 2px;
  padding: 3px;
}
.gridViewPaging .current {
  font-weight: bold;
  text-decoration: none !important;
}

.NotificationBar {
  z-index: 999;
  top: 0;
}

.NotificationBarDiv {
  background-color: #fbf0a1;
  height: 30px;
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.63);
  -moz-box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.63);
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.63);
}

.NotificationBarLabel {
  display: block;
  float: left;
  line-height: 25px;
  padding-left: 8px;
}

.NotificationBarButtonDiv {
  text-align: right;
  float: right;
  padding: 3px;
}

.NotificationBarButton {
  width: 65px;
}

#TaskRunningDiv.NotificationBarDiv {
  height: auto;
  background-color: #f89406;
}
#TaskRunningDiv .NotificationBarLabel {
  float: none;
}

.progressIndicator {
  text-align: center;
  font-weight: bold;
  margin: 20% auto 20% auto;
  padding: 10px;
  width: 250px;
  background: #f9fcfe url(../../Images/form_fade.png) repeat-y top left;
  border: #95c5e7 1px solid;
  vertical-align: middle;
}
.progressIndicator img {
  margin-right: 10px;
}

.EmptyMessageSpan {
  display: inline;
  position: absolute;
  top: 7px;
  left: 17px;
  white-space: nowrap;
  color: #aaa;
}

.WrapperSpan {
  position: relative;
  font-size: 12pt;
}

#PasswordMatchMeterBox {
  position: relative;
}
#PasswordMatchMeterBox .imagePasswordsMatch {
  position: absolute;
  bottom: 9px;
  right: 11px;
  float: right;
}

#PasswordStrengthBox {
  position: relative;
}
#PasswordStrengthBox .left.strength-label {
  position: absolute;
  top: 48px;
  left: 3px;
  color: #fff;
  float: left;
  margin: 0;
}
#PasswordStrengthBox .left.strength-icon {
  position: absolute;
  top: 12px;
  left: 320px;
  z-index: 999;
}

#passwordstrength .left {
  float: right;
  margin-bottom: 5px;
}
#passwordstrength .right {
  float: right;
  font-weight: bold;
  margin-bottom: 5px;
}

#passwordprogressbar {
  margin-top: 5px;
  margin-left: 1px;
  height: 15px;
  width: 99.5%;
  background-color: #eee;
}
#passwordprogressbar.ui-progressbar {
  border-radius: 0;
  border-width: 0;
}
#passwordprogressbar .ui-progressbar-value {
  border-radius: 0;
  border-width: 0;
  margin-top: 0;
  height: 15px;
}
#passwordprogressbar span {
  margin-top: 0;
}

.change-password-panel {
  width: 350px;
}
.change-password-panel input {
  margin: 5px;
}
.change-password-panel input[type=password] {
  width: 330px;
  margin: 5px;
}
.change-password-panel #passwordprogressbar {
  margin: 7px;
  width: 327px;
}
.change-password-panel .validator li {
  font-size: 90%;
}
.change-password-panel #PasswordMatchMeterBox .imagePasswordsMatch {
  right: 12px;
  bottom: 10px;
}
.change-password-panel #PasswordStrengthBox .left.strength-icon {
  top: 8px;
  left: 310px;
}
.change-password-panel #PasswordStrengthBox .left.strength-icon img {
  width: 16px;
  height: 16px;
}

div.topRow {
  width: 110%;
  clear: both;
}
div.leftCol {
  float: left;
}
div.rightCol {
  clear: right;
}

.statBox {
  margin-top: 20px;
  margin-bottom: 20px;
}

.flatFormBottomButtonArea {
  margin: 0.7em 0.7em;
}

#NoClientScriptMessage {
  background-color: #bd362f;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}

#toast-container.toast-top-center {
  top: 80px;
  z-index: 0;
}
#toast-container.toast-top-center > div {
  width: 50%;
  max-width: 700px;
  border-radius: 0;
  box-shadow: 0 0 5px 5px #ddd;
}
#toast-container.toast-top-center > div:hover {
  box-shadow: 0 0 5px 5px #999;
}
#toast-container .toast-message {
  margin-left: 10px;
}
#toast-container .toast-message a {
  text-decoration: underline;
}
#toast-container .toast-message a:hover {
  text-decoration: underline;
}
#toast-container .toast-title {
  margin-left: 10px;
}
#toast-container > .toast-error {
  background-image: url(../../Images/toastr_error.png) !important;
  background-color: #bd362f;
  animation: shake 500ms linear;
}
#toast-container > .toast-warning {
  background-image: url(../../Images/toastr_warning.png) !important;
  background-color: #f89406;
}
#toast-container > .toast-info {
  background-image: url(../../Images/toastr_info.png) !important;
  background-color: #0076be;
}
#toast-container > .toast-success {
  background-image: url(../../Images/toastr_success.png) !important;
  background-color: #51a351;
}

@media screen and (max-width: 550px) {
  #toast-container.toast-top-center > div {
    width: 90%;
  }
}
@keyframes shake {
  8% {
    transform: translateX(-10px);
  }
  41% {
    transform: translateX(-10px);
  }
  25% {
    transform: translateX(10px);
  }
  58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
.arrow-panel {
  float: left;
  padding: 145px 10px;
}

.select-panel {
  float: left;
  width: 300px;
  padding-bottom: 20px;
}
.select-panel select {
  width: 100%;
}
.select-panel select.users-target-select option:first-child {
  color: #bbb;
}
.select-panel .org-select {
  margin-bottom: 7px;
}
.select-panel input {
  float: left;
  margin-top: 1px;
}
.select-panel .users-select {
  height: 300px;
  overflow-x: auto;
}

.move-icon {
  height: 22px;
  width: 22px;
  border: 0;
  cursor: pointer;
}

.move-icon-disabled {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grey;
  cursor: not-allowed;
}

.move-left-icon {
  background: url(../../images/MoveLeft.png) no-repeat 0 0;
}

.move-right-icon {
  background: url(../../images/MoveRight.png) no-repeat 0 0;
}

@media (max-width: 768px) {
  .arrow-panel {
    padding: 10px 0 10px 94px;
    width: 300px;
  }

  .select-panel {
    float: none;
  }

  p {
    float: left;
    padding: 5px;
  }

  .move-left-icon {
    background: url(../../images/MoveUp.png) no-repeat 0 0;
  }

  .move-right-icon {
    background: url(../../images/MoveDown.png) no-repeat 0 0;
  }

  input.large-margin-bottom {
    margin-bottom: 45px;
  }
}
.hidden {
  display: none;
}

.WrapperMessagePanel {
  margin-top: 30px;
  margin-bottom: 40px;
}

.hideBulkUserImport {
  display: none;
}

.hideArchived {
  display: none;
}

.showRegistered {
  display: none;
}

.showSuspended {
  display: none;
}

.hamburger-inner {
  height: 5px;
}

.overallRiskLevel_High {
  font-weight: 500;
  color: #000000;
}

@media (min-width: 1025px) {
  #hamburger {
    display: none;
  }
}
@media (max-width: 1024px) {
  #mainmenu {
    display: none;
  }
}
.button-paragraph {
  margin-top: 15px;
}

.user-search {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0 8px 0 5px !important;
}

.user-search-icon {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  color: grey !important;
  left: auto !important;
  font-size: 13px !important;
}

.fa-file-word-o {
  color: #2b5797;
}

.fa-file-excel-o {
  color: #1f7143;
}

.fa-file-pdf-o {
  color: #c30000;
}

.fa-file-powerpoint-o {
  color: #c30000;
}

.fa-file-video-o {
  color: #c30000;
}

.fa-file-audio-o {
  color: #1465a6;
}

.fa-file-image-o {
  color: #1465a6;
}

.fa-trash-o {
  cursor: pointer;
}

#helpCloseWindowPanel a {
  color: #ccc;
}
#helpCloseWindowPanel a:visited {
  color: #ccc;
}
#helpCloseWindowPanel a:visited:hover {
  color: #ccc;
}
#helpCloseWindowPanel a:hover {
  color: #ccc;
}

#alignBottom h2 {
  vertical-align: text-bottom;
}

.organisationEmailDomainGridViewAltRow:hover {
  background-color: #d9ecf8;
}

dl.OptionList dt {
  padding-bottom: 5px;
  font-weight: bold;
  width: 50%;
  position: relative;
}
dl.OptionList dd {
  margin-bottom: 15px;
  margin-left: 2em;
}

#scheduleAssessmentCreate .dateTextBox {
  width: 165px !important;
}

.validator li {
  padding-right: 23px;
  font-size: 70%;
  line-height: 20px;
}
.validator li.error-img {
  background: #fff url(../../Images/error_icon.png) center right no-repeat;
}
.validator li.ok-img {
  background: #fff url(../../Images/ok_icon.png) center right no-repeat;
}

#ConfirmationTable fieldset legend {
  font-size: 1em;
  border-bottom: none !important;
}

#taskMenuBody table {
  border-spacing: 2px;
  border-collapse: separate;
}

.margin-left {
  margin-left: 10px;
}

div#purgeUI p {
  padding-top: 7px;
}

td.w14 {
  min-width: 14em;
}

td.w90 {
  max-width: 90%;
}

td.vAlignTop {
  vertical-align: top;
}

p.lowLine-height {
  line-height: 5px;
}

#DataPurgeUserCountDiv {
  padding-top: 6px;
  max-height: 20em;
  max-width: 500px;
  overflow-y: scroll;
  overflow-x: auto;
}

@media print {
  #DataPurgeUserCountDiv {
    height: 100%;
    max-height: 100%;
  }
}
