@import url("fonts/fonts.css");
body {
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4em;
  margin: 0;
  background-color: #222222;
  color: #ffffff; }

a, a img, *:focus {
  outline: none; }

::selection {
  background-color: #82bafc; }

img, video {
  border: 0; }

input, textarea, select, button, .RadUpload .ruStyled input.ruFileInput, .RadUpload input.ruFakeInput, select, #lineManager_Combo .rcbInputCell.rcbInputCellLeft, .courseListPreview {
  border: 1px solid #cccccc; }

input::-ms-clear {
  display: none; }

input[type="submit"], input[type="search"], input[type="text"], input[type="password"], textarea, select, .RadUpload .ruStyled input.ruFileInput, .RadUpload input.ruFakeInput {
  -webkit-appearance: none; }

input[type="text"], input[type="password"], textarea, select, option, .RadUpload .ruStyled input.ruFileInput, .RadUpload input.ruFakeInput, .courseListPreview {
  padding: 0.3em 0.4em; }

input, textarea, select, button, select, .RadUpload .ruStyled input.ruFileInput, .RadUpload input.ruFakeInput, .RadComboBox_Default input.rcbInput {
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4em;
  box-sizing: border-box; }

input[type="submit"], input[type="button"], button, div.RadUploadSubmit, div.RadUpload_Simple input.ruButton, .btnDownload {
  background-color: #222222;
  color: #ffffff;
  font-size: 15.68px;
  border: none;
  padding: 0.25em 0.9em 0.35em 0.9em;
  border-radius: 3px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 300; }

.btnDownload {
  text-decoration: none;
  padding: 0.3em 0.9em 0.4em 0.9em; }

#msgSuccessBulkDelete, #msgFailedBulkDelete, #msgMissingBulkDelete {
  padding: 1em 0 1em 1em;
  color: #ffffff; }

#msgSuccessBulkDelete {
  background-color: #1F8200; }

#msgFailedBulkDelete, #msgMissingBulkDelete {
  background-color: #BE0000; }

[class*="rad"] input, div.RadUploadSubmit, div.RadUpload_Simple input.ruButton {
  font-family: "Helvetica Neue";
  font-weight: 300; }

[class*="rad"] input, div.RadUploadSubmit, div.RadUpload_Simple input.ruButton {
  font-family: "Helvetica Neue";
  font-weight: 300; }

input[type="image"] {
  display: none; }

table {
  line-height: 1.4em !important; }

table.noPaddingNoMargin, table.fieldNoPadding, table.tableInFormField, table.targetDateBoxes {
  width: auto; }

.targetDateBoxes label {
  white-space: normal; }

div#completePeriodCustomisation > table {
  width: auto; }
  div#completePeriodCustomisation > table input {
    width: auto; }
  div#completePeriodCustomisation > table i {
    white-space: normal;
    opacity: 0.6; }

.tableModuleDep table.tableInFormField td:first-child {
  white-space: normal;
  width: 14%;
  white-space: nowrap; }

table.windowEnd {
  display: none; }

div.RadUpload_Simple .ruRemove {
  background-image: none !important; }

.disabled {
  opacity: 0.2; }

.minibutton {
  font-size: 80%;
  padding: 0.2em 0.5em; }

/*Any inner content that belongs to a section needs to be indented*/
.indent {
  margin-left: 2em; }

.form_hint {
  font-style: italic;
  opacity: 0.6; }

#topmenu {
  width: auto;
  float: right;
  padding: 1em 0em 1.25em 0em; }
  #topmenu > tbody > tr:first-of-type {
    display: none; }
  #topmenu td.left, #topmenu td.right {
    display: none; }
  #topmenu td.middle {
    font-size: 1.9em;
    font-weight: 100;
    padding: 0.2em 0.7em;
    border-left: solid 1px #999; }
  #topmenu td.first-top-tab td.middle {
    border-left: solid 0px #000; }
  #topmenu div {
    cursor: pointer; }
  #topmenu div.topButtonOn {
    color: #82bafc; }

table {
  width: 100%; }

#contentFrame {
  overflow: auto;
  border: solid 0px #dddddd;
  position: absolute;
  top: 71px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%; }

tr#menuRow {
  background-color: #222; }

#bottomTd {
  padding: 0px 0px; }

table.pageAreaTable {
  /*padding: 0 0.7em;*/ }
  table.pageAreaTable.topTable {
    min-height: 700px;
    border-left: solid 20px #222;
    border-right: solid 20px #222;
    background-color: #fff; }
  table.pageAreaTable td {
    background-image: none !important; }
  table.pageAreaTable tr[bgcolor="#EDEBDC"],
  table.pageAreaTable tr[bgcolor="#E1E0D2"] {
    background-color: #ffffff;
    color: #222222;
    font-weight: 400; }
  table.pageAreaTable > tbody table#navMenu {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    width: auto;
    height: 2.5em; }
    table.pageAreaTable > tbody table#navMenu td {
      background-color: #4a4a4a;
      border-radius: 6px 6px 0px 0px;
      border-right: solid 1px #222; }
    table.pageAreaTable > tbody table#navMenu td.nav-options-end {
      background-color: #222; }
    table.pageAreaTable > tbody table#navMenu td[class] {
      padding: 0.4em 0.8em 0.3em 0.8em;
      cursor: pointer; }
      table.pageAreaTable > tbody table#navMenu td[class].selected {
        background-color: #82bafc !important;
        color: #222222; }
  table.pageAreaTable > tbody tr#menuRow + tr {
    background-color: #82bafc;
    color: #222222; }
    table.pageAreaTable > tbody tr#menuRow + tr .menuOptionTable {
      width: auto; }
    table.pageAreaTable > tbody tr#menuRow + tr div {
      padding: 0.4em 0.6em;
      margin: 0.6em 0.4em;
      font-weight: 400;
      font-size: 0.9em;
      text-transform: uppercase;
      cursor: pointer; }
      table.pageAreaTable > tbody tr#menuRow + tr div.subMenuOptionOn {
        background-color: #ffffff;
        border-radius: 0.5em;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

tr#menuRow + tr.windowBarRow + tr.sectionbar > td {
  border-top: 10px solid #82bafc; }

div.tableEnd {
  display: block;
  height: 10px; }

table.tableTable {
  width: 100%;
  padding: 0 1em; }

table.resultstable {
  border-collapse: collapse; }
  table.resultstable a {
    text-decoration: none;
    color: #222222; }
  table.resultstable td {
    padding: 0.6em 0.6em; }
  table.resultstable tr.tableResultsPager td {
    padding: 0.35em 0; }
  table.resultstable tr.tableResultsPager span {
    padding: 0 0.25em;
    font-weight: 700;
    background-color: #ebebeb;
    margin-right: 1px; }
  table.resultstable tr.tableResultsPager a {
    padding: 0 0.25em;
    color: #008EE1;
    background-color: #ebebeb;
    margin-right: 1px; }
    table.resultstable tr.tableResultsPager a:hover {
      text-decoration: underline; }
  table.resultstable tr.tableResultsTitle {
    font-weight: 700;
    background-color: #757575;
    color: #ffffff; }
    table.resultstable tr.tableResultsTitle a {
      color: #ffffff; }
  table.resultstable tr {
    background-color: rgba(0, 0, 0, 0.005);
    /*rgba(137,187,255, 0.15)*/ }
  table.resultstable tr.tableResultsAlternating {
    background-color: rgba(0, 0, 0, 0.065);
    /*rgba(137,187,255, 0.15)*/ }

#optionalApprovalFiles {
  margin-bottom: 2em; }
  #optionalApprovalFiles #txtOptionalApprovalFiles {
    margin: 0.75em 0; }

table.formtable {
  padding: 1em 1em 1em 1em; }
  table.formtable table.wrap td {
    white-space: normal !important; }
  table.formtable > tr:not(.formField) {
    display: none; }
  table.formtable td {
    padding: 0.25em 1em 0.25em 0;
    white-space: nowrap; }
    table.formtable td.wrap {
      white-space: normal !important; }
  table.formtable td.fieldM {
    width: 100%;
    text-align: left !important; }
    table.formtable td.fieldM > i {
      white-space: normal;
      opacity: 0.6; }
  table.formtable td.fieldL, table.formtable td.fieldLTop {
    font-weight: 700;
    padding-left: 7.5em;
    vertical-align: top;
    min-width: 10em; }
    table.formtable td.fieldL div, table.formtable td.fieldLTop div {
      white-space: normal;
      opacity: 0.6;
      font-weight: 400;
      font-style: italic; }
  table.formtable td.fieldLTop {
    white-space: normal; }
    table.formtable td.fieldLTop div {
      font-style: italic;
      font-weight: 400;
      margin-top: 0.5em; }
    table.formtable td.fieldLTop textarea {
      white-space: pre-wrap; }
  table.formtable input[type="text"], table.formtable select, table.formtable textarea {
    width: 100%; }

td.fieldRBottom {
  vertical-align: bottom; }

table.contentTable {
  padding: 0 1em 1em 1em; }
  table.contentTable > tr:not(.formField) {
    display: none; }
  table.contentTable td {
    padding: 0.25em 1em 0.5em 0;
    white-space: nowrap; }
  table.contentTable input[type="text"], table.contentTable select, table.contentTable textarea {
    width: 100%; }
  table.contentTable td.fieldM {
    width: 100%;
    text-align: left !important; }
    table.contentTable td.fieldM > i {
      white-space: normal;
      opacity: 0.6; }
  table.contentTable td.fieldL, table.contentTable td.fieldLTop {
    font-weight: 700;
    padding-left: 6em;
    vertical-align: top; }
    table.contentTable td.fieldL div, table.contentTable td.fieldLTop div {
      white-space: normal;
      opacity: 0.6;
      font-weight: 400;
      font-style: italic; }
  table.contentTable td.fieldLTop {
    white-space: normal; }
    table.contentTable td.fieldLTop div {
      font-style: italic;
      font-weight: 400;
      margin-top: 0.5em; }
  table.contentTable .tableModuleDep, table.contentTable .tableResourceDep {
    background-color: #82bafc;
    border-collapse: collapse; }
    table.contentTable .tableModuleDep tr[class*="DepTitle"], table.contentTable .tableResourceDep tr[class*="DepTitle"] {
      font-weight: 700;
      font-size: 1.2em;
      background-color: #757575;
      color: #ffffff; }
      table.contentTable .tableModuleDep tr[class*="DepTitle"] > td, table.contentTable .tableResourceDep tr[class*="DepTitle"] > td {
        padding: 0.25em 0.5em;
        white-space: nowrap;
        width: 100%;
        text-align: left !important; }
        table.contentTable .tableModuleDep tr[class*="DepTitle"] > td:first-of-type, table.contentTable .tableResourceDep tr[class*="DepTitle"] > td:first-of-type {
          padding-left: 1em; }
      table.contentTable .tableModuleDep tr[class*="DepTitle"] ~ tr > td, table.contentTable .tableResourceDep tr[class*="DepTitle"] ~ tr > td {
        white-space: nowrap;
        width: 100%;
        text-align: left !important;
        padding: 0.5em 0.5em 0.75em 0.5em;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        table.contentTable .tableModuleDep tr[class*="DepTitle"] ~ tr > td[align="center"], table.contentTable .tableResourceDep tr[class*="DepTitle"] ~ tr > td[align="center"] {
          text-align: center !important; }
        table.contentTable .tableModuleDep tr[class*="DepTitle"] ~ tr > td:first-of-type, table.contentTable .tableResourceDep tr[class*="DepTitle"] ~ tr > td:first-of-type {
          padding-left: 1em; }
          table.contentTable .tableModuleDep tr[class*="DepTitle"] ~ tr > td:first-of-type p:first-of-type, table.contentTable .tableResourceDep tr[class*="DepTitle"] ~ tr > td:first-of-type p:first-of-type {
            margin: 0;
            font-weight: 700;
            font-size: 1.2em;
            padding: 0.35em 0 0.5em 0; }
    table.contentTable .tableModuleDep td.spanContext, table.contentTable .tableResourceDep td.spanContext {
      line-height: 0.5em; }
      table.contentTable .tableModuleDep td.spanContext div, table.contentTable .tableResourceDep td.spanContext div {
        cursor: help; }
    table.contentTable .tableModuleDep table td, table.contentTable .tableResourceDep table td {
      padding: 0; }
      table.contentTable .tableModuleDep table td a.translationLink, table.contentTable .tableResourceDep table td a.translationLink {
        vertical-align: top;
        padding-top: 5px;
        display: inline-block; }
    table.contentTable .tableModuleDep input[name*="Percent"], table.contentTable .tableResourceDep input[name*="Percent"] {
      width: 3.2em !important;
      margin-right: 0.15em; }
    table.contentTable .tableModuleDep .displaytitletable, table.contentTable .tableResourceDep .displaytitletable {
      width: 100%;
      margin-bottom: 0.25em; }
      table.contentTable .tableModuleDep .displaytitletable td + td, table.contentTable .tableResourceDep .displaytitletable td + td {
        width: 100%;
        padding-top: 1em; }
        table.contentTable .tableModuleDep .displaytitletable td + td input, table.contentTable .tableModuleDep .displaytitletable td + td textarea, table.contentTable .tableResourceDep .displaytitletable td + td input, table.contentTable .tableResourceDep .displaytitletable td + td textarea {
          width: calc(100% - 4em);
          margin-left: 0.25em; }
    table.contentTable .tableModuleDep .displayPromotion, table.contentTable .tableResourceDep .displayPromotion {
      float: left;
      font-size: 14px;
      font-weight: 400;
      max-width: 28em;
      width: 28em; }
  table.contentTable .tableResourceDep {
    background-color: #c9dfea; }
  table.contentTable .tableResourceDep span[id*="resourceTitle"] {
    font-weight: 700;
    font-size: 1.1em; }

table.dropDownDep {
  background-color: #efefef;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 1em 1em 0.5em 1em; }
  table.dropDownDep > tbody > tr:first-of-type > td:first-of-type {
    font-size: 1.2em; }
  table.dropDownDep > tbody > tr + tr > td {
    font-style: italic;
    opacity: 0.6; }
  table.dropDownDep > tbody > tr > td + td {
    width: 100%; }
  table.dropDownDep select {
    margin-top: 0.5em; }

#TwitterRadio, #discussionRadio, #AskQuestionRadio {
  width: auto; }

fieldset {
  border: none;
  padding: 1em 1em 1.25em 1em;
  background-color: lemonchiffon; }
  fieldset td {
    padding: 0 !important; }
  fieldset input {
    margin-right: 0.4em; }
  fieldset ol {
    padding-left: 1.5em; }

div#syncUserRecordsPanel td:first-child {
  width: 5em; }

table#SortingMode {
  width: auto; }

a[id*="rpCategories"]:after {
  display: inline-block;
  font-family: 'kcicons';
  color: #999999;
  cursor: pointer;
  font-size: 1.5em; }
a[id*="rpCategories"]:first-of-type:after {
  content: '\2227'; }
a[id*="rpCategories"]:last-of-type:after {
  content: '\2228';
  margin-right: 0.75em; }

table.formtable input[type="text"][id*="rpCategories"].translatable {
  width: calc(100% - 2em); }
  table.formtable input[type="text"][id*="rpCategories"].translatable + a.translationLink {
    padding-top: 5px;
    display: inline-block; }

.searchtable {
  padding: 0 1em 1em 1em; }
  .searchtable tr:not(.formField) {
    display: none; }
  .searchtable td {
    padding: 0.25em 1em 0.25em 0;
    white-space: nowrap; }
  .searchtable td.fieldM {
    width: 50%; }
  .searchtable td.userStatus label {
    margin-right: 1em; }
  .searchtable input:not([type='radio']), .searchtable select {
    width: 100%; }
  .searchtable input[type='checkbox'] {
    width: auto; }

.filterbar, .filterbar.open + tr {
  background-color: #ebebeb !important; }

td[background*="middle"] > p:first-child,
td[style*="middle"] > p:first-child {
  display: none; }

.formTitle {
  font-size: 1.4em;
  font-weight: 700;
  padding: 0.5em; }

.sectionbar {
  background-color: #ebebeb;
  color: #222222;
  cursor: pointer; }
  .sectionbar > td {
    border-top: 2px solid #ffffff;
    position: relative; }
  .sectionbar > td:last-of-type:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"> <path d="M5.6 7.9l7 11 7.1-11H5.6z"/></svg>');
    font-family: 'analyticsicons';
    font-size: 1.4em;
    opacity: 0.8;
    text-align: center;
    display: block;
    position: absolute;
    right: 0.5em;
    top: 0.6em;
    height: 1em;
    width: 1em; }
  .sectionbar.closed > td:last-of-type:after {
    transform: rotate(90deg); }

.sectionbar.not-collapsable > td:last-of-type:after {
  display: none; }

.windowBarRow + .sectionbar > td {
  border-top: 0; }

.dualListBox {
  height: 100%; }
  .dualListBox tr, .dualListBox td {
    height: 100% !important; }
  .dualListBox td {
    padding: 0 !important; }
  .dualListBox option {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .dualListBox select {
    height: 20em !important; }

.dualListBoxTitle {
  font-weight: 700; }
  .dualListBoxTitle span {
    display: block;
    padding-bottom: 0.3em; }

.dualListBoxMiddle td {
  padding: 0.25em 0.5em !important; }
.dualListBoxMiddle a {
  display: block;
  font-family: analyticsicons;
  background-color: #ebebeb;
  color: #222222;
  font-size: 125%;
  padding: 0.3em 0.4em;
  margin: 0 0.3em;
  border-radius: 3px;
  text-decoration: none; }
  .dualListBoxMiddle a img {
    display: none; }
.dualListBoxMiddle tr:nth-of-type(1) a:after {
  content: '}'; }
.dualListBoxMiddle tr:nth-of-type(2) a:after {
  content: ')'; }
.dualListBoxMiddle tr:nth-of-type(3) a:after {
  content: '('; }
.dualListBoxMiddle tr:nth-of-type(4) a:after {
  content: '{'; }

#lastUpdatedLabel {
  font-style: italic;
  opacity: 0.6; }

table.passwordtable td {
  vertical-align: top; }
  table.passwordtable td:first-of-type {
    width: 100%; }
  table.passwordtable td #password {
    width: 100%; }
    table.passwordtable td #password + p {
      margin: 0.25em 0;
      opacity: 0.6; }

.groupAssignmentDiv, .dualListBoxAvailable, .groupAssignmentFooter1 {
  background-color: #ebebeb !important; }

div.groupAssignmentDiv {
  height: 290px;
  overflow-y: scroll;
  overflow-x: hidden; }

#updateButtons {
  margin-bottom: 311px !important;
  margin-top: 190px; }

.update_optional_approvals {
  margin-top: 190px; }

.groupAssignmentTable {
  background-color: #ffffff; }
  .groupAssignmentTable tr {
    background-color: #ffffff !important; }
    .groupAssignmentTable tr td {
      padding: 0.25em 0.5em !important;
      border-top-color: whitesmoke; }
    .groupAssignmentTable tr[style="background-color:#CCCCCC;"] + tr[style="background-color:#E0E0E0;"] td, .groupAssignmentTable tr[style="background-color:#E0E0E0;"] + tr[style="background-color:#CCCCCC;"] td {
      border-top-width: 0.35em;
      border-top-style: solid;
      padding-top: 0.6em !important;
      border-top: 1px solid #d5d5d5;
      position: relative; }
      .groupAssignmentTable tr[style="background-color:#CCCCCC;"] + tr[style="background-color:#E0E0E0;"] td:before, .groupAssignmentTable tr[style="background-color:#E0E0E0;"] + tr[style="background-color:#CCCCCC;"] td:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.2); }
  .groupAssignmentTable tr:last-of-type {
    display: none; }
  .groupAssignmentTable tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.04) !important; }
    .groupAssignmentTable tr:nth-child(odd) td {
      border-top-color: #ffffff; }

.groupAssignmentSummary {
  background-color: transparent !important; }

.groupAssignmentHeader td, .groupAssignmentSummaryHeader {
  background-color: #757575;
  color: #ffffff;
  font-weight: 700;
  padding: 0.25em 1em 0.25em 0 !important;
  position: sticky;
  top: 0;
  z-index: 2; }

tr[id*="trMList"] > td:first-child,
tr[id*="trOList"] > td:first-child {
  padding: 0 !important;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999; }
tr[id*="trMList"] > td:last-child,
tr[id*="trOList"] > td:last-child {
  padding: 0 !important;
  background-color: #ebebeb; }
  tr[id*="trMList"] > td:last-child td,
  tr[id*="trOList"] > td:last-child td {
    padding: 0.25em 1em !important; }

div#users_SearchPanel, div#users2_SearchPanel {
  margin-bottom: 0.5em; }

/*height: 141px;*/
input#btnUpdateIndividualAssignments, input#btnUpdateIndividualExceptions {
  margin-top: 120px; }

.notice {
  font-style: italic;
  opacity: 0.6; }

.dateWarning {
  display: block; }

#lineManager_Combo {
  width: 100% !important;
  position: relative; }
  #lineManager_Combo .rcbInputCell.rcbInputCellLeft {
    border: 1px solid #cccccc;
    color: initial;
    padding: 0; }
  #lineManager_Combo input.rcbInput {
    padding: 0.3em 0.4em; }
  #lineManager_Combo td.rcbArrowCell.rcbArrowCellRight a {
    display: none !important; }
  #lineManager_Combo td.rcbArrowCell.rcbArrowCellRight:before {
    content: 'S';
    font-family: 'kcicons';
    font-size: 14px;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    top: 6px; }

table.formErrorTable, .formError {
  background-color: #f7d8e0;
  border: 1px solid #ec688a; }

.formErrorPrompt {
  text-align: left;
  font-weight: 700;
  padding-top: 0.8em;
  padding-left: 3.1em;
  background-image: url("../../code/graphics/admin/generic/buttons/error_mark.png");
  background-repeat: no-repeat;
  background-position: 1em 0.8em; }

table.formErrorTable > tbody > tr > td > p {
  display: none; }

.formErrorSummary {
  padding-left: 3.1em; }

table.formErrorTable img {
  margin-left: 1em; }

.formErrorTable > tbody > tr:first-of-type > td > table > tbody > tr > td:first-child {
  width: 2em; }

@keyframes toaster {
  0% {
    transform: translateX(100%); }
  10% {
    transform: translateX(0%); }
  90% {
    transform: translateX(0%); }
  100% {
    transform: translateX(100%); } }
td.feedbackMessage span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff4a2;
  z-index: 100;
  color: #333333;
  padding: 0.4em 1.9em 0.4em 0.75em;
  font-size: 1.2em;
  animation: toaster 5s ease 0s 1 forwards; }
  td.feedbackMessage span:empty {
    display: none; }

.RadUpload input.ruFakeInput {
  height: auto; }

.RadUpload input.ruButton {
  height: auto;
  width: auto; }

.RadUpload_Simple input[type="button"] {
  font: initial;
  border-width: 0 !important;
  cursor: pointer !important; }

.RadUpload .ruFileWrap {
  display: initial !important; }

a.translationLink {
  font-family: 'kcicons';
  text-decoration: none;
  color: #222222;
  margin-left: 0.25em;
  vertical-align: top;
  font-size: 19px; }

.fieldM .mce-tinymce {
  display: inline-block;
  width: 100%; }

.mandatoryStar {
  color: #de1e46; }

/* OLD INLINE STUFF */
.assignmentsPanel {
  display: none;
  z-index: 10000;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease; }
  .assignmentsPanel > iframe {
    width: 95%;
    left: 2.5%;
    position: fixed;
    top: 5%;
    height: 90%;
    background-color: white;
    display: none;
    transition: right 0.5s ease-in-out; }
  .assignmentsPanel > iframe.open {
    display: block; }
  .assignmentsPanel.show {
    background-color: rgba(0, 0, 0, 0.75); }

.courseImageSelector > iframe {
  border: none;
  background-color: transparent;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%; }

#adminModal, .sideBarSlider {
  display: none;
  z-index: 10000;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease; }
  #adminModal > iframe, .sideBarSlider > iframe {
    width: 50%;
    position: fixed;
    right: -50%;
    top: 0;
    height: 100%;
    background-color: white;
    transition: right 0.5s ease-in-out; }
    #adminModal > iframe.width60, .sideBarSlider > iframe.width60 {
      width: 60%; }
  #adminModal.show, .sideBarSlider.show {
    background-color: rgba(0, 0, 0, 0.3); }
  #adminModal > iframe.open, .sideBarSlider > iframe.open {
    right: 0;
    border: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

.calendarFrame {
  display: none;
  position: absolute;
  width: 240px;
  height: 190px;
  top: 0px;
  left: 0px;
  z-index: 300;
  overflow: hidden;
  border-width: 0px; }

.contextMenu {
  display: none;
  z-index: 1001;
  position: absolute;
  width: 8.5em;
  border: 0;
  background-color: #82bafc;
  color: #222222;
  font-size: 0.95em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .contextMenu hr.menuSep {
    display: none; }
  .contextMenu div {
    padding: 0.4em 0.5em;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .contextMenu div:first-of-type {
      border: 0; }
    .contextMenu div:after {
      float: right;
      font-family: 'kcicons'; }
    .contextMenu div#menuTop:after {
      content: '\22BC'; }
    .contextMenu div#menuUp:after {
      content: '\2227'; }
    .contextMenu div#menuDown:after {
      content: '\2228'; }
    .contextMenu div#menuBottom:after {
      content: '\22BB'; }

#moduleContextMenu_f,
#resourceContextMenu_f,
#forumContextMenu_f {
  position: absolute;
  display: none;
  z-index: 1000; }

table#completePeriodReminders td {
  display: block; }

.valigntop {
  vertical-align: top;
  padding-top: 0.5em; }

body.newBrowserWindow {
  background: #fff; }
  body.newBrowserWindow h1 {
    color: #fff;
    background: #222222;
    display: block;
    padding: .8em .5em;
    margin: 0; }
  body.newBrowserWindow div.main {
    color: #222222;
    padding: 1em; }
  body.newBrowserWindow img {
    display: block; }
  body.newBrowserWindow ul.listRepeater {
    padding: 0; }
    body.newBrowserWindow ul.listRepeater li {
      padding: .5em .5em;
      list-style: none; }
      body.newBrowserWindow ul.listRepeater li:nth-child(odd) {
        background: #F5F5F5; }

body.csv_import .agifClass {
  height: 12px;
  width: 120px;
  border: solid 1px #CCCCCC; }
body.csv_import .animWrapClass {
  padding-top: 10px;
  filter: progid:DXImageTransform.Microsoft.Fade(duration='.1',overlap='1', center='0'); }
body.csv_import div.closeWindow {
  float: right; }
body.csv_import div.main > div {
  margin-bottom: 1em; }
body.csv_import h3 {
  margin-top: 1.5em;
  margin-bottom: 0em; }

body.system_setup .addHeight {
  min-height: 20em; }

.groupAssignmentHeader a {
  color: inherit; }

body.data_migrator table.batchManagement #lblcurrentBatch {
  margin-top: 1em;
  font-size: 1.2em;
  font-weight: bold; }
body.data_migrator table.batchManagement td {
  vertical-align: top; }
body.data_migrator table.batchManagement > tbody > tr > td > div {
  margin-bottom: 1em; }
body.data_migrator table.batchManagement .statusPanel {
  display: table;
  line-height: 140%;
  font-size: 120%;
  color: #fff;
  padding: 5px;
  width: 165px;
  height: 140px;
  text-align: center;
  background: #333; }
  body.data_migrator table.batchManagement .statusPanel > div {
    display: table-cell;
    vertical-align: middle; }
    body.data_migrator table.batchManagement .statusPanel > div img {
      margin: 0px auto;
      display: block;
      margin-top: 0.6em; }
body.data_migrator #CurrentBatchPanel table,
body.data_migrator #UploadFormPanel table.InfoPanel {
  width: auto; }
body.data_migrator #CurrentBatchPanel table td,
body.data_migrator #UploadFormPanel table.InfoPanel td {
  padding-right: 3em; }
body.data_migrator #CurrentBatchPanel td table.batchInfo tr:first-child > td:first-child {
  width: 30%; }
body.data_migrator #CurrentBatchPanel > table > tbody > tr > td:first-child,
body.data_migrator #UploadFormPanel > table > tbody > tr > td:first-child {
  width: 1%;
  padding-right: 2em; }
body.data_migrator #UploadFormPanel table.InfoPanel td {
  padding-bottom: 0.5em; }
body.data_migrator #CurrentBatchPanel input[type=submit] {
  margin-right: 0.7em; }

.show.block {
  display: block !important; }

.show.inline {
  display: inline !important; }

.hide {
  display: none !important; }

table.pageAreaTable > tbody tr#menuRow + tr div:empty {
  display: none; }

.practicalUserResponse {
    /*#practicalQuestion_sideBarSlider{
         display:none;

     }*/ }
  .practicalUserResponse button#practicalUserResponse_questions_btn {
    font-size: 87%; }

div#localAdminGroupPanel .localAdminGroupList {
  display: block; }

.optionalHeader {
  display: block;
  margin-top: 1em; }

.optionalCheck {
  display: inline-block;
  margin: 0 1em; }

.long {
  width: 50% !important; }

.short {
  width: 34.5% !important; }

label.filter {
  font-family: 'Breeicons';
  margin: 0 0.25em; }
  label.filter:before {
    content: '\E86A'; }

.assignmentsInfo {
  /*margin: 0.75em 0em 1em 0em;*/
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  .assignmentsInfo li {
    white-space: pre-wrap; }

#see_names_mandatory, #see_names_optional {
  display: inline-block; }

.warning {
  padding: 1em;
  background-color: #82bafc;
  font-weight: 600;
  max-width: max-content;
  margin-top: 0.75em; }

.assignments_label {
  margin: 0.75em 0em 1em 0em; }

.adminListingArea span {
  display: inline-block;
  min-width: 350px;
  margin: 0.25em 0; }
  .adminListingArea span.wider {
    min-width: 600px; }

.radComboBox {
  border: 1px solid #ccc;
  margin: 1em 0;
  min-height: 25px; }

.border {
  border-bottom: 1px solid #ccc;
  margin: 1em 0; }

.practicalDocumentUpload {
  /*Dont show practical document madatory by default - only gets shown when relevant document upload allowed for option is checked*/
  /*span generated by asp.net around radio button*/ }
  .practicalDocumentUpload .fieldM > div {
    margin-top: 6px;
    display: none; }
  .practicalDocumentUpload .fieldM > div span {
    vertical-align: top; }
  .practicalDocumentUpload .fieldM > div label {
    line-height: 20px; }
  .practicalDocumentUpload .fieldM span.bothExtraInfo {
    display: none; }

#EffectiveDatePanel {
  margin-top: 2em; }

@media only screen and (max-width: 1250px) {
  table.pageAreaTable > tbody table#navMenu {
    font-size: 1.1em; } }
@media only screen and (max-width: 1150px) {
  #topmenu td.middle {
    font-size: 1.5em; }

  table.pageAreaTable > tbody table#navMenu {
    font-size: 1em; } }
.groupAssignmentSummaryDiv {
  max-height: 300px;
  overflow-y: auto; }

#newOptionalAssignmentsJustification {
  display: flex;
  flex-direction: column;
  max-width: 850px;
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1em 1.5em; }

.success:before {
  content: '\2022';
  font-family: 'Breeicons';
  color: #1F8200;
  display: inline-block;
  margin: 0 0.5em; }

#teamList.attendees {
  border-spacing: 0;
  margin-bottom: 2em;
  font-size: 90%; }
  #teamList.attendees td:first-of-type {
    width: 50%; }
  #teamList.attendees tbody tr:nth-child(odd) {
    background-color: #f6f6f6; }
  #teamList.attendees thead tr th a.selectall {
    padding: 0.3em; }
  #teamList.attendees thead tr th span {
    cursor: pointer;
    float: right; }
  #teamList.attendees td {
    padding: 0.8em 0em 0.8em 1em;
    cursor: pointer; }

#radNewLineManager_DropDown > div {
  top: 0 !important; }

.closeModal {
  float: right;
  font-family: 'breeicons';
  cursor: pointer; }

#radNewLineManager {
  width: calc(100% - 10em) !important; }
  #radNewLineManager input {
    font-size: 1.5em; }

.radUserComboArea {
  display: flex;
  align-items: center; }
  .radUserComboArea .radUserCombo {
    white-space: normal;
    flex: 1;
    margin: 0 1em 0 0; }

.blockarea {
  border: 1px solid #ccc;
  padding: 0.5em; }
  .blockarea > div:first-child {
    margin-bottom: 0.6em; }

.removeIcon {
  font-family: 'breeicons';
  background-color: #bbb;
  border-radius: 1em;
  color: #fff;
  text-decoration: none;
  position: relative;
  display: inline-block;
  margin: 0 0 0 0.3em;
  padding: 0.1em 0.45em;
  font-size: 0.8em;
  transform: scale(0.75); }

.tooltip {
  display: inline-block; }

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #222;
  color: #fff;
  padding: 0.3em 0.6em;
  position: absolute;
  z-index: 1000;
  border-radius: 0.25em;
  margin-top: -2em; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

.courseImgArea {
  display: flex;
  align-items: flex-end; }
  .courseImgArea div#courseImg {
    width: 100%;
    height: 8.125em;
    background-size: cover;
    background-position: center center; }
  .courseImgArea > * {
    margin-right: 0.6em; }

.totalCount {
  display: block;
  margin-top: 0.75em;
  margin-bottom: 0.25em; }

#activeUserBreakRadio, #progressBreakRadio, #gCourseActiveRadio, #activeUserRadio {
  width: auto; }

div#progressBreakChartPanel, div#userSummaryChartPanel {
  background-color: #f0f0f0;
  background-image: url("../../code/graphics/admin/progress/piebg1.png?v=14");
  background-repeat: repeat-x;
  background-position: top left;
  text-align: left;
  border: solid 1px #ddd;
  border-radius: 2px; }

div#progressBreakChartPanel.chartPanelTall {
  background-image: url("../../code/graphics/admin/progress/piebg2.png?v=14"); }

div#userSummaryChartPanel.chartPanelUser {
  background-image: url("../../code/graphics/admin/progress/piebg3.png?v=14"); }

.spreadsheetVersion {
  vertical-align: top;
  text-decoration: none;
  color: #1e874b;
  display: block;
  margin-top: 1em; }
  .spreadsheetVersion IMG {
    float: left;
    margin-right: 0.65em; }
  .spreadsheetVersion SPAN {
    margin-left: 40px;
    margin-right: 2em;
    line-height: 115%;
    display: block;
    white-space: nowrap;
    font-size: 110%;
    vertical-align: middle;
    margin-top: 0.05em; }
  .spreadsheetVersion:hover {
    color: #1e874b; }

.workbooktd1 {
  line-height: 120%;
  vertical-align: top;
  color: #1e874b;
  font-size: 110%;
  line-height: 115%;
  padding-bottom: 1em; }

.workbooktd2 {
  padding-left: 0.2em;
  padding-bottom: 1em; }

.resultstable .progressBar {
  background-color: #ccc;
  line-height: 0px;
  margin-top: 0.15em; }

.resultstable A.progressBar {
  width: 100%;
  display: inline-block;
  margin-top: 0em;
  vertical-align: middle; }

.resultstable td {
  border: solid 0px; }

a.formSideButton, span.formSideButton {
  background-color: #eee;
  /* #82bafc;*/
  text-decoration: none;
  padding: 0.2em 0.5em;
  font-size: 85%;
  vertical-align: middle;
  line-height: 1.4em;
  display: inline-block;
  border: solid 1px #ddd;
  border-radius: 4px;
  color: #666;
  text-transform: none;
  min-width: 5.5em;
  text-align: center; }
  a.formSideButton.byTextArea, span.formSideButton.byTextArea {
    margin-bottom: 0.45em; }
  a.formSideButton.preview, span.formSideButton.preview {
    background-color: #cee5ff; }

.contentTable {
  margin-top: 1em; }

#bottomYes, #bottomNo {
  display: none; }

.bodyLogin {
  background-color: #fff; }

.loginTop {
  font-size: 140%;
  color: #333; }
  .loginTop .loginTopBanner {
    background-color: #222;
    padding: 1em 0em; }
  .loginTop .loginTopLogo1, .loginTop .loginTopLogo2 {
    /*width:150px;*/ }
  .loginTop .loginTopLogo2 {
    margin-left: 8em; }
  .loginTop input {
    width: 100%;
    font-size: 100%; }
  .loginTop #LoginPanel, .loginTop #ChangePasswordPanel, .loginTop #ResetPasswordPanel, .loginTop #ResetPasswordThankyouPanel, .loginTop #PasswordResetFormPanel, .loginTop #PasswordResetFormThankyouPanel {
    max-width: 500px; }
  .loginTop .loginTitle {
    padding: 1.0em 0em 1.25em 0em;
    /*margin-left: 5em;*/
    font-weight: 600;
    margin-left: 1em;
    font-size: 120%; }
    .loginTop .loginTitle SUP {
      font-size: 42%;
      margin-left: 0.25em; }
  .loginTop .loginSubTitle {
    padding: 0em 0em 1.5em 0em;
    color: #ff5722;
    font-weight: bold;
    font-size: 110%; }
  .loginTop .forgotPasswordLink {
    /*margin-left: 2.5em;*/
    color: #888 !important;
    text-decoration: none !important; }
    .loginTop .forgotPasswordLink:hover {
      color: #333 !important; }
  .loginTop .loginButton {
    width: auto;
    background-color: #82bafc;
    font-weight: 400;
    color: #444 !important;
    padding: 0.35em 3em 0.35em 3em; }
    .loginTop .loginButton:hover {
      background-color: #000;
      color: #fff !important; }
  .loginTop .feedbackMessage {
    background-color: transparent;
    color: #ff5722; }
    .loginTop .feedbackMessage SPAN {
      padding: 1em 1em 0em 0em;
      display: inline-block; }

.topmenuLogo {
  color: #ddd;
  font-size: 150%;
  padding: 0.8em 0em 0em 1.3em;
  float: left; }

.topmenuLogo sup {
  margin-left: 0.25em;
  font-size: 45%; }

select {
  -webkit-appearance: auto;
  font-family: "Helvetica Neue", Verdana, Arial;
  background-color: #fff; }

.login-footer {
  margin-top: 7em;
  max-width: 50em;
  line-height: 1.3em;
  font-size: 85%; }

.login-footer a, .login-footer a:visited {
  color: #73a7e6;
  font-weight: normal;
  text-decoration: none; }

.login-footer a:hover {
  text-decoration: underline; }

/*# sourceMappingURL=overrides.css.map */