.filler {
  width: 40%;
}

.menuPnl {
  background: #E6EFF9;
  border: 2px solid #83AADA !important;
  display: inline-block;
  margin: 10px !important;
  padding: 2px !important;
}

.menuItem {
  cursor: pointer !important;
  padding: 3px 6px;
  vertical-align: middle;
}

  .menuItem:hover {
    background: #BCDBFC;
  }

  .menuItem img {
    vertical-align: middle;
  }

.menuItemSelected {
  background-color: #BCDBFC !important;
}

.menuLabel {
  cursor: pointer !important;
  font-size: 12px;
  padding: 0 6px;
  vertical-align: middle;
}

.requestContextSelector {
  display: inline-table;
}

.requestContextSelector td {
  vertical-align: middle;
}

  .requestContextSelector select {
    border: 1px solid #83AADA;
    color: #333333;
    font-size: 12px;
    height: 22px;
    margin: 1px 0;
  }

  .requestContextSelector option {
    color: #333333;
    font-size: 12px;
  }

  .requestContextSelector label {
    font-size: 12px;
  }

.requestContextSelectorTitle {
  display: table-cell;
  font-size: 12px;
  padding-right: 5px;
  vertical-align: middle;
}

.requestLocationsDetails span {
  font-size: 14px;
}

.requestOverdue {
  color: red;
}

.messageProviderList {
  display: block;
  margin-left: 15px;
  margin-top: 5px;
}

.okay, .okayDep, .easyToSkedShiftDep, .onRequestByOthersDep, .shiftDepSelector option[value = "Okay"] {
  color: #218FFE !important;
}

.prefer, .preferDep, .highPrefer, .highPreferDep, .onRequest, .onRequestDep, .easiestToSkedShiftDep, .shiftDepSelector option[value = "Prefer"] {
  color: #50c550 !important;
}

.requestOnShift {
  background: #cbfdcb;
}

.conflict, .conflictDep, .clash, .clashDep, .shiftDepSelector option[value = "Conflict"] {
  color: #ff0000 !important;
}

.cantDo, .cantDoDep, .cycleOffDep, .prohibitDep, .hardestToSkedShiftDep {
  color: #e2696e !important;
}

.needOff, .needOffDep, .needOffTime, .needOffFutureDep, .cycleOff, .prohibit, .onRequestDeniedDep {
  color: #d40000 !important;
}

.needOffFuture {
  
}

.cantDoShift, .cycleOffShift, .needOffShift, .tradeConflict {
  background: #ffdada;
}

.preScheduledDep, .prescheduledShift {
  color: #BA1B6F !important;
}

.preScheduledCurrentProv {
  border: 1px solid #BA1B6F;
}

.wishOff, .cycleWishOff {
  color: #CD7007 !important;
}

.wishOffFuture {
  
}

.wishOffTime, .wishOffDep, .cycleWishOffDep, .wishOffFutureDep, .hardToSkedShiftDep {
  color: #fbbb00 !important;
}

.wishOffShift, .cycleWishOffShift {
  background: #ffe8a3;
}

.dislike, .maxInRow, .dislikeDep, .highDislike, .highDislikeDep, .maxInRowDep, .shiftDepSelector option[value = "HighDislike"], .shiftDepSelector option[value = "Dislike"] {
  color: #fbbb00 !important;
}

.scheduled, .locked, .cycleScheduled {
  color: #16A04A !important;
}

.splitShift {
  background: #99FF99;
}

.dep {
  font-family: "Lucida Console", Monaco, monospace;
  font-weight: bold !important;
}


.shiftAdjustContainer {
  border: 1px solid #83AADA;
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
  width: 99%;
}

.internalFrameTitle {
  color: #2D6093;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

  .internalFrameTitle span {
    color: #2D6093;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }

.shiftEditComment {
  margin-top: 10px;
}

.shiftSplitTotal {
  margin-top: 10px;
}

.shiftTitle {
  color: #2D6093;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.variantRole {
  text-decoration: underline;
}

.clearSelectedProv {
  font-size: 22px !important;
  height: 26px !important;
  line-height: 26px !important;
  width: 26px !important;
}

/* note naming convention; index is used in VariantCal client controller */
/* important: override the background color set for the provider, if any */
.calItemProviderSelected1 {
  background: #4eff4e !important;
}

.calItemProviderSelected2 {
  background: #3dd6f1 !important;
}

.calItemProviderSelected3 {
  background: #ff89df !important;
}

/* ------- */

.draggedProvider {
  padding: 2px;
  background: #d7e4f4;
  border: 1px solid #8EB1DD;
}

.draggedAssignment {
  background: #d7e4f4;
  border: 1px solid #8EB1DD;
  width: auto; /* needed to override width: 50% in .providerCntr*/
}

/* the style of "shift drop target" is managed through direct manipulation of the style attribute in Sked.VariantCalDndController.setShiftHighlight */

.showAllStats {
  background: #FFFFFF;
  display: inline-block;
  margin-left: 5px;
  padding: 3px;
}

.allStatsCatName {
  padding-left: 10px;
}

.allStatsCatValue {
  border-right: 1px solid #bbbbbb;
  padding-right: 10px;
}

.moreContentMarker {
  background: #D7E4F4;
  display: inline-block;
  margin-left: 5px;
  padding: 0 2px;
  border: solid 1px #b2b2b2;
}

.disabledMenuItem {
  color: darkgray;
}

.requestApproved {
  color: seagreen;
}

.requestDenied {
  color: red;
}

.requestOnAssigned {
  font-weight: bold;
}

.requestOnNotAssigned {
  font-style: italic;
}

.shiftTxAssignments {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
}

  .shiftTxAssignments td {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    padding: 2px;
  }

.attestationStmt {
  font-size: 13px;
  text-align: justify;
  display: block;
}

.highlightAssignment {
  font-weight: bold;
  text-decoration: underline !important;
}

a.highlightAssignment {
  color: #333333;
}

.noCoverage {
  text-decoration: line-through !important;
}

.noCoverage:hover {
  text-decoration: line-through !important;
}

.multiAssignment, .txCalTxpa {
  border: solid 1px #8EB1DD;
}

.txCalTxpa {
  margin-bottom: 2px;
  margin-right: 2px;
}

.txCalTxpa div {
  display: block;
} 

.siteSelector {
  display: block;
}

.siteSelectorCntr {
  display: inline-block;
  width: 50%;
  vertical-align: bottom;
  margin-bottom: 4px;
}

.siteSelectorAllNoneCntr {
  display: inline-block;
  width: 50%;
}

.siteShiftSelector {
  display: block !important;
  margin-bottom: 10px;
  margin-top: 0 !important;
}

.skedWarningPnl {
  padding-left: 10px;
}

.skedPeriodContextSelector td {
  vertical-align: middle;
}

.skedPeriodContextSelector select, .skedPeriodContextSelector option {
  color: #333333;
}