/* imports */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/*
 * Common styles shared across elements
 */

* {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  outline: none;
}

/* see also: .link */
a {
  color: purple;
  outline: none;
  text-decoration: none;
}

  a:hover {
    outline: none;
    text-decoration: underline;
  }

body {
  color: #333333;
  cursor: default;
  outline: none;
  text-decoration: none;
  width: 100%;
}

html, body {
  height: 100%;
  margin: 0;
}

div.separator {
  border: solid 1px #BEE4BE;
  height: 0;
  margin: 5px auto 5px auto;
  width: 100%;
}

html {
  margin-bottom: 1px;
  min-height: 100%;
}

hr {
  background-color: #b9c9da;
  border: none;
  color: #E6EEF7;
  height: 3px;
}

img {
  border: none 0;
  border-collapse: collapse;
  outline: none;
}

input[type="image"] {
  border: none 0;
  border-collapse: collapse;
  margin: auto;
  outline: none;
  padding: 2px;
  vertical-align: middle;
}

input[disabled][type='text'], textarea[disabled], input[type="text"], input[type="number"], input[type="password"] {
  border: 1px solid #83AADA;
  border-radius: 2px;
  height: 18px;
  outline: none;
  padding: 2px 4px;
  vertical-align: middle;
}

input[disabled][type='text'], textarea[disabled] {
  background-color: #EEEEEE;
}

input[type="text"], input[type="password"] {
  background-color: #F7FAFD;
  color: #333333;
  width: 500px;
}

/* tooltip management by jquery-ui */

label {
  display: inline-block;
}

option {
  border-collapse: collapse;
  outline: none !important;
  padding: 4px;
}

  option:hover {
    background-color: #E7F1FF;
  }

select {
  background-color: #F7FAFD;
  border: 1px solid #83AADA;
  border-radius: 2px;
  color: #333333;
  height: 26px;
  line-height: 28px;
  min-width: 14em;
  max-width: 34em;
  outline: none !important;
  padding: 1px;
}

span {
  outline: none;
}

table {
  border-collapse: separate;
  border-spacing: 2px;
}

textarea {
  background-color: #F7FAFD;
  border: 1px solid #83AADA;
  border-radius: 2px;
  color: #333333;
  max-width: 500px; /* matches the width of the single line input fields */
  padding: 2px 4px;
  width: 600px;
}

  textarea.noWrap {
    overflow-x: scroll;
    white-space: pre;
    word-wrap: normal;
  }

.alertIcon {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  box-sizing: border-box;
  display: inline-block;
  font-size: 18px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  width: 24px;
}

.aspNetDisabled {
  color: #999999;
}

.block {
  display: block;
}

.borderTop {
  border-top: 1px solid #8EB1DD;
}

.bullet {
  font-size: 20px; 
  vertical-align: middle; 
  line-height: 14px;
}

.contactValue {
  vertical-align: top;
  display: inline-block;
  margin: 1px 0;
}

.dateSeparator {
  margin: 0 1px;
}

.dotDotDot {
  letter-spacing: 1px;
}

.dotDotDotContainer {
  height: 15px;
}

.draggable {
  display: inline-block;
}

.sk-drag-handle {
  color: #2d6093;
  font-size: 16px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  width: 18px;
  padding: 4px;
}

.dropDownWindow {
  border-color: #83AADA;
  border-radius: 2px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  margin-top: 1px;
  padding: 1px 0;
}

.dxComboListItem {
  font-size: 12px;
  padding: 1px;
}

.helpField {
  cursor: pointer;
  margin-left: 5px;
}

.helpDialog {
  background-color: #F7FAFD;
  border: solid 1px #83AADA;
  cursor: default;
  text-align: left;
}

.horizontalSep {
  margin-left: 10px;
}

.indirectHourBlock {
  border: solid 1px #8EB1DD;
  border-radius: 2px;
  padding: 5px;
  width: 220px;
}

.labelAboveField {
  display: block;
  margin-bottom: 1px;
}

.listBox {
  border-collapse: collapse;
  border-color: #83AADA;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  margin: 1px 0 0 0;
}

  .listBox .dxeHD {
    background-color: #D7E4F4;
  }

  .listBox td {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
  }

  .listBox .dxeListBoxItemSelected, .dxeListBoxItemRow:hover td {
    background-color: #DFF2D7 !important;
    color: #333333;
  }


.calFieldSelector {
  font-size: 13px;
  margin-right: 2px;
  width: 130px !important;
}

.clearBtn {
  display: inline-block;
  margin-top: 5px;
  margin-left: 7px;
}

.clickable {
  cursor: pointer !important;
}

.clickable:hover {
  /* placeholder */
}

.chooseDate {
  display: inline-table;
  width: 100px;
}

.chooseTime {
  min-width: 90px;
  width: 90px;
}

.cultureLabel {
  color: #666666;
  display: inline;
  font-weight: bold;
  padding-left: 5px;
  vertical-align: middle;
}

.currencyInput {
}

.currencyLabel {
  padding-right: 2px;
}

.dropDownExtdrBox[readOnly] {
  color: #006699 !important;
}

.dropDownItem {
  color: #006699;
  cursor: pointer;
  display: block;
  padding: 2px 10px 2px 10px;
  text-decoration: none;
  white-space: nowrap;
}

  .dropDownItem:hover {
    background-color: #3399FF;
    border: 1px solid #D2B47A;
    color: #FFFFFF;
    padding: 1px 9px 1px 9px;
    text-decoration: none;
  }

.dropDownTable {
  border-collapse: collapse;
}

  .dropDownTable td {
    padding: 0 10px 0 10px !important;
  }

.dropDownPanel {
  background: #E7F1FF;
  border: solid 1px;
  border-color: #006699;
  cursor: default;
  z-index: 950;
}

.elementTable {
  border-width: 0;
  width: 100%;
}

.elementCell {
  border: 2px solid #83AADA;
  border-radius: 2px;
}

.errorCtlCntr {
  min-height: 450px; 
  width: 100%;
}

.filterHeading {
  color: #2D6093;
  font-weight: bold;
}

.filterPanel {
  background-color: #EFF4FA;
  border: 1px solid #8EB1DD;
  border-radius: 2px;
  padding: 2px;
  z-index: 201;
}

table.filePreview {
  border: solid 1px #BEE4BE;
  border-collapse: collapse;
  margin-bottom: 5px;
  margin-top: 5px;
}

  table.filePreview td {
    border: solid 1px #BEE4BE;
    border-collapse: collapse;
    padding: 5px;
  }
  
  .fixedPositionPanel {
    position: fixed;
    display: none;
    border: 1px solid #8EB1DD;
    background: #f7fafd;
  }
  
  .fixedPanelContent {
    padding: 2px;
    overflow-x: hidden;
  }
  
  .fixedPanelProgress {
    position: absolute;
    right: 24px;
    top: 4px;
    visibility: hidden;
  }
  
  .fixedPanelTitle {
    background: #D7E4F4;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: 1px solid #8EB1DD;
    text-align: center;
  }

.fixedPanelTool {
  position: absolute;
  top: -2px;
  right: -2px;
}

div.fixedSizeText > span {
  color: black; 
  font-family: 'Lucida Console', Monaco, monospace; 
  font-size: 12px;
}

.fontPicker {
  border-collapse: collapse;
  border-spacing: 0;
}

  .fontPicker td {
    padding: 0 5px 0 0;
    text-align: left;
  }
  
  .indent {
    margin-left: 10px;
  }

.indent-2 {
  margin-left: 20px;
}
  
/* see also 'a' */
.link {
  color: purple !important;
}

.login {
  background-color: white;
  border: solid 1px #B9C9DA;
  border-radius: 2px;
  margin: 100px auto 0 auto;
  padding: 20px 50px;
  text-align: center;
}

  .login input[type="text"], input[type="password"] {
    width: 270px;
  }

  .login .formTableLabel {
    border: 0;
    color: #2D6093;
    text-align: right;
    vertical-align: middle;
    width: 80px;
  }

  .login .formTableValue {
    border: 0;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    width: 300px;
  }

.login .relative {
  position: relative;
}

.showPassword {
  padding: 4px;
  background: #eeeeee;
  color: #666666;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 32px;
  display: block;
}

.showPassword:hover {
  background: #dddddd;
}
  
.logText {
  border: solid 1px #aaaaaa;
  max-height: 300px;
  min-height: 100px;
  overflow: auto;
  text-align: left;
  font-family: "Lucida Console", "san serif";
  font-size: 12px;
  margin: 10px;
  padding: 5px;
}

.formTableDisplayField {
  background: #EEEEEE;
  border: 1px solid #83AADA;
  border-radius: 2px;
  color: #333333;
  display: inline-block;
  line-height: 18px;
  margin: 0;
  min-height: 18px;
  outline: none;
  padding: 2px;
  vertical-align: middle;
}

.grayText { color: #777777; }

.gridView {
  border: 1px solid #8EB1DD;
  border-collapse: collapse;
  border-radius: 2px;
}

.heading {
  color: #666666;
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.hidden, .button.icon.hidden, .item.hidden {
  display: none;
}

.hiddenImportant {
  display: none !important;
}

.notVisible {
  visibility: hidden;
}

.highlighted {
  color: #C16803;
}

.highlightedBlock {
  color: #C16803;
  display: block;
  margin-top: 10px;
}

.inlineHelp {
  color: #666666 !important;
  font-size: 12px;
}

.inactive {
  color: gray !important;
}

.innerPanel {
  border: solid 1px #8EB1DD !important;
  border-radius: 2px;
  border-spacing: 0;
  display: inline-block;
  margin-top: 5px;
  padding: 5px;
}

.innerPanelLabel {
  display: block;
  padding-bottom: 3px;
}

.inlinePanel {
  display: inline;
}

.inlineBlockPanel {
  display: inline-block;
}

.installLink {
  margin-right: 5px;
  margin-top: 5px;
  display: inline-block;
  white-space: nowrap;
  text-decoration: underline;
  color: purple;
}

.intText {
   width: 60px !important;
}

.intTextLong {
  width: 75px !important;
}


.invalidCell {
  background: mistyrose !important;
}

.invalidCtl {
  background: mistyrose !important;
  border-color: red !important;
}

  /* set the background some dx drop down controls */
  .invalidCtl input {
    background: mistyrose !important;
  }

.invitationGroupSummary {
  display: block;
  margin-top: 5px;
}

.button.icon {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #b2b2b2;
  border-radius: 2px;
  box-sizing: border-box;
  color: #2d6093;
  display: inline-block;
  font-size: 16px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  width: 18px;
}

  .button.icon:hover {
    background-color: #dddddd;
    cursor: pointer;
  }

  .button.icon.large {
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    width: 24px;
  }

  .button.icon.medium {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    width: 20px;
  }

  .button.icon.disabled {
    color: #bbbbbb !important;
  }

    .button.icon.disabled:hover {
      background-color: #eeeeee !important;
      cursor: default;
    }

.calLocationSelector {
  min-width: 0;
}

.editComment.ion-edit {
  font-size: 12px !important;
  line-height: 16px !important;
}

.editNotifProviders {
  display: block !important;
  margin-top: 2px;
}

.toolMaskTransparent, .maskTransparent {
  -khtml-opacity: 0.01;
  -moz-filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  -o-filter: alpha(opacity=1);
  filter: alpha(opacity=1);
  height: 100%;
  opacity: 0.5;
  position: absolute;
  /*width & height are important for blocking*/
  width: 100%;
}

  .toolMaskTransparent {
    z-index: 100;
  }

  .maskTransparent {
    z-index: 999999;
  }

.masterPageLbl, .masterPageLbl span {
  color: #2D6093;
  font-size: 20px;
  font-weight: bold;
}

.masterGroupLbl {
  color: #2D6093;
  font-size: 16px;
  font-weight: normal;
}

.mediumText {
  width: 150px !important;
}

.mediumLargeText {
  width: 300px !important;
}

.mobiOnly {
  display: none;
}

.modalPopupButtons {
  padding: 7px;
  text-align: center;
}

/* Sked Key Printing */
.sk-schedule-key {
  font-family: "Lucida Console", Monaco, monospace;
}

.sk-freeformKeys {
  white-space: pre;
}

/* Sked Key Input page */
.monospacedPre {
  font-family: "Lucida Console", Monaco, monospace;
  white-space: pre;
}

.narrowDropDown {
  width: 115px;
}

.nonModalPanel {
  background-color: #EBF2FB;
  border: 2px solid #83aada !important;
  padding: 5px;
  z-index: 100;
}

.nonModalPanelTitle {
  color: #2D6093;
  font-size: 13px !important;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
}

.nonModalPanelClose {
  color: #55555577; /* grey semi-transparent */
  font-size: 16px !important;
}

.paddedCell {
  display: table-cell;
  padding: 5px 5px 5px 0;
}

.phonePrivateNumber {
  color: #ED1B24 !important;
}

.phoneNumber {
  color: #333333 !important;
}

.pointer {
  cursor: pointer;
}

/* referenced in js */
.privLocLbl {
  display: block;
  text-decoration: underline;
}

.profilePicture {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}

.provGroupChange {
  border-top: 2px solid #8eb0dd;
}

.providerRequestStats > div {
  display: table-row;
}

.providerRequestStats > div:not(:first-child) > div {
  padding-top: 5px;
}

.providerStats {
  white-space: nowrap;
}

.providerStats span {
}

.providerStats th {
  color: #333333;
  background-color: #d8e4f4;
  border-color: #8eb0dd;
}

.providerStats td {
  border: 1px solid #8EB1DD;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 2px;
}

.providerStatsMarker {
  border-radius: 5px;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: 3px;
  display: inline-block;
  vertical-align: middle;
}

.provStatValue {
  /* placeholder */
}

.provStatValueChanged {
  background: #ffe380;
  border-radius: 10px;
}

.provStatPeriod {
  margin-right: 15px;
  max-width: 30px;
}

.radioOrCheckboxList > br {
  padding-bottom: 5px;
  content: "";
  display: block;
}

.radioBtnListTable {
  border: solid 1px #DFE5E7;
  border-collapse: separate;
  margin: 0;
  padding: 0;
}

.resetPasswordSave {
  margin: auto;
  display: table;
}

.rightBorder {
  border-right-color: #8EB1DD;
  border-style: solid;
  border-width: 0 1px 0 0;
  padding: 0 3px 0 2px;
}

.rounded {
  border-radius: 2px;
}

.sectionElementHeading, .pageConditionHeading {
  color: #666666;
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 10px;
}

.shadedBlock {
  background-color: #F7FAFD;
  border-color: #8EB1DD;
  border-style: solid;
  border-width: 1px 0;
  margin-bottom: 15px;
  padding: 15px 5px;
}

.shadedBlockTitle {
  color: #666666;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}

.shiftStatTbl {
  min-width: 300px;
}

.shiftCountStat {
  display: table-cell; 
  text-align: right;
  padding-top: 2px;
}

.shortText {
  width: 75px !important;
}

.shiftNotInVersion td {
  color: #888888 !important;
}

.shiftUseWarning {
  max-height: 200px;
  overflow-y: auto;
}

.skedButton {
  background-color: #3C80C4;
  border-color: #4080CE;
  color: #FFFFFF !important;
  display: inline-block;
  font-weight: bold;
  line-height: 18px;
  margin: 2px;
  min-width: 70px;
  padding: 4px 8px;
  text-align: center;
  white-space: nowrap;
}

  .skedButton:hover {
    background-color: #2D6093;
    text-decoration: none;
  }


.skedChangesDetailPnl {
  margin-left: 20px;
}

.tableCell {
  display: table-cell;
}

.tableRow {
  display: table-row;
}

.tableNoBorder {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

  .tableNoBorder td {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }


.tableWithBorder {
  border-collapse: collapse;
}

  .tableWithBorder > tbody > tr > td {
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
    padding: 5px;
  }


.tag {
  color: #0067CE;
  display: inline-block;
  font-size: 12px;
  height: 19px;
  padding: 5px 4px 0;
  white-space: nowrap;
  cursor: pointer;
  border: solid 1px #E6EEF7;
  background-color: #E6EEF7;
}

.tagOn {
  background-color: #C1D6EE;
  border-color: #9DBFE1 !important;
}

.textEditWarning {
  background: mistyrose;
  border: solid 1px red;
  padding: 2px;
}

.textFieldControl {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}

  .textFieldControl td {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .textFieldControl span {
    border: 0;
    text-align: left;
  }

.textFieldCounter {
  display: block;
  font-size: 12px;
  padding-top: 3px;
  text-align: right;
  width: 100px;
}

.textFieldCounterOverCount {
  color: red;
  font-weight: bold;
}

.timeOffDayOccurence {
  padding-left: 5px;
}

/* --- tool --- */

.toolOn {
  padding: 1px 3px 1px 3px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

  .toolOn:hover {
    cursor: pointer;
  }

.toolOff {
  color: Gray;
  cursor: default;
  padding: 1px 3px 1px 3px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.toolImage {
  padding-right: 2px;
  vertical-align: text-top !important;
}

.toolLink {
  font-weight: normal !important;
  outline: none;
  text-decoration: none;
}

  .toolLink:hover {
    outline: none;
    text-decoration: none;
  }

.toolLinkOff {
  color: Gray;
  cursor: default;
  font-weight: normal !important;
  text-decoration: none;
}

  .toolLinkOff:hover {
    text-decoration: none;
  }

.toolLabelOff {
  color: Gray !important;
}

.toolActive {  
  border-radius: 2px;
}

.ui-tooltip {
  max-width: 1000px !important;
}

.ui-tooltip-content * {
  font-size: 13px;
}

.whatsNewActive {
  font-weight: bold;
  background-color: #ffe380;
}

.whatsNewActive, .whatsNewInactive {
  text-wrap: nowrap;
}

.truncateText {
  max-width: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-not-selectable {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.ui-sortable > tr > td {
  border: 1px solid #8eb1dd;
}

.ui-sortable input {
  border: none;
}


/* ----------------------- */

.updateProgress {
  border-radius: 2px;
  padding: 0;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 140px;
  z-index: 12100;
}

.updateProgressTooltip {
  background-color: #EFF0F6;
  border: solid 1px #AAAACC;
  border-radius: 2px;
  cursor: default;
  display: none;
  margin-bottom: 4px;
  padding: 7px;
  position: absolute;
  z-index: 12101;
}

.updateProgress img {
  vertical-align: middle;
}

.updateProgress span {
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.updateProgressBackground {
  -khtml-opacity: 0.25;
  -moz-filter: alpha(opacity=25);
  -moz-min-width: 100%;
  -moz-opacity: 0.25;
  -ms-min-width: 100%;
  -ms-opacity: 0.25;
  -o-filter: alpha(opacity=25);
  -o-min-width: 100%;
  -webkit-filter: opacity(25);
  -webkit-min-width: 100%;
  background-color: #999999;
  filter: alpha(opacity=25);
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  opacity: 0.25;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12099;
}

.ui-dialog {
  background-color: white;
  border-color: #3672B0;
  padding: 0 !important;
}

  .ui-dialog .ui-dialog-titlebar {
    border-radius: 0;
  }

  .ui-dialog .ui-dialog-content {
    padding: 0 !important;
  }

.ui-widget-header {
  background-color: #3672B0;
  background-image: none;
  border-color: #3672B0;
  color: white;
}

  .ui-widget-header span {
    font-size: 16px !important;
  }

.underline {
  text-decoration: underline;
}
  
.validator {
  color: #FF0000;
}

.validatorBlock {
  color: #FF0000;
  display: inline-block;
  margin-top: 5px;
}

.validatorBorder {
  border: solid 1px #FF0000;
  border-radius: 2px;
  margin: 5px 0;
  padding: 3px;
}

.visible {
  display: inline;
  visibility: visible;
}

.boxedValuesTable th, .boxedValuesTable td {
  padding: 0 3px;
  table-layout: fixed;
}

.boxedValuesTable td {
  border: solid 1px #8eb1dd;
  border-radius: 2px;
  display: inline-table;
  margin: 1px;
}

.allShifts {
  margin-left: 5px;
}

div.shiftShortName {
  display: inline-block;
  padding-bottom: 5px;
  padding-right: 20px;
}

input.shiftShortName {
  width: 150px;
}

.noWrapTable td {
  white-space: nowrap;
}

.noWrap {
  white-space: nowrap;
}

.disabledText {
  color: gray;
}

img.biasIcon {
  margin-right: 5px;
  vertical-align: middle;
}

img.fileIcon {
  margin-right: 5px;
  vertical-align: middle;
}

.skColorIndicator {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #AAAAAA;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.forgotPassword {
  font-size: 16px;
}

.forgotPasswordMsg {
  text-align: left;
}

/*Max Length*/
.maxLengthCounter {
  font-size: 12px;
  text-align: right;
}

.maxLengthWrapper {
  display: inline-block;
}

span.loginSeparator {
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  padding: 0 10px;
  background: #ffffff;
  color: #888888;
  font-weight: bold;
  text-transform: uppercase;
}

a.loginButton {
  width: 181px;
  height: 26px;
  display: flex;
  margin: auto;
}
span.loginButton {
  margin: auto;
}


/* notifications */
.notificationTable {
  margin-right: 20px; /* allow for vertical scrollbar for containing div */
  width: 500px;
}

  .notificationTable th, .notificationTable td {
    font-size: 12px;
  }

.notificationDelete {
  cursor: pointer;
}

.noNotification {
  white-space: nowrap;
}

.clearNotifCntr {
  margin-bottom: 15px;
}

.notifCntr {
  height: 500px;
  overflow-y: auto;
}

.provGroup {
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
}

.provGroupDates {
  margin-top: 2px !important; /* more regular spacing than margin defined in innerPanel */
  min-width: 320px;
}

.provGroupTimeOpen {
  padding-right: 15px;
}

.provGroupTime {
  padding-left: 7px;
}

.provGroupDateSelector {
  width: 120px;
}

.provGroupResend {
  min-height: 26px;
}

.provGroupResend div[style*="table-cell"] {
  vertical-align: middle;
}

.recentActivity {
  font-weight: bold;
}

#pageContentTbl {
  height: 500px;
}

.serviceEndpointName {
  display: block;
  margin-top: 7px;
}

.skCalcedArrow {
  font-size: 16px;
}

ul.limitedProviderList {
  margin: 0;
}

.ShiftTxTitle {
  font-weight: bold;
}

.skedDialog {
  max-height: 500px;
  padding: 6px;
  overflow-y: auto;
}

.skedDialogWrapper {
  margin-top: 3px;
  border-top: solid 1px #b2b2b2;
}

.smallText {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 7px;
}

.simplePageFrame {
  background-color: white;
  border: solid 1px #B9C9DA;
  border-radius: 2px;
  margin: 100px auto 0 auto;
  padding: 20px 50px;
  display: table;
  min-width: 475px;
}

.twoFactorBackupMethodIntro {
  color: #666666;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}

.urgent {
  color: red;
  font-weight: bold;
}

.txActivity {
  background: #E5E5E5;
  padding: 2px;
}

.verticalSep {
  margin-bottom: 10px;
}

.watermark {
  color: #CCCCCC;
}

/* ----> start spinner */

.spinner, .spinnerSmall {
  -moz-animation: rotate 1.4s infinite linear;
  -moz-transform: rotate(7deg);
  -ms-animation: rotate 1.4s infinite linear;
  -ms-border-radius: 70%;
  -ms-transform: rotate(7deg); /* IE 9 */
  -o-animation: rotate 1.4s infinite linear;
  -o-transform: rotate(7deg);
  -webkit-animation: rotate 1.4s infinite linear;
  -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  animation: rotate 1.4s infinite linear;
  border-style: solid;
  border-color: #0080FF;
  border-radius: 70%;
  border-right-color: transparent;
  margin: auto;
  transform: rotate(7deg);
  vertical-align: middle;
}

.spinner {
  width: 56px;
  height: 56px;
  border-width: 6px;
}

.spinnerSmall {
  width: 10px;
  height: 10px;
  border-width: 1px;
  display: inline-block;
}

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

  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

  100% {
    transform: rotate(360deg);
  }
}

/* <---- end spinner */