/* 
 This file is generated from HEMA.scss. 
 Do not edit this file. 
 Edit HEMA.scss in the ./Css/src directory instead. 
 */
.UserViews {
  background-color: #E0E8FF;
  border: solid 1px grey !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

.UserViewsHeader {
  display: inline !important;
  white-space: nowrap;
  padding-left: 4px;
}

.IndependentUserViews label {
  padding-left: 1px;
  padding-right: 2px;
  position: relative;
  bottom: 1px;
}

.DetailSegment {
  width: 100%;
  max-width: 600px;
}

.DetailSegment .ExtendedDetailsViewSkinFieldHeaderStyle, .DetailSegment .DetailsViewSkinFieldHeaderStyle {
  width: 35%;
}

.ZoneConfigStrategySelection .ConfigFieldDropDownList {
  width: 400px;
}

.WarningBackground {
  background-color: yellow;
}

.ErrorBackground {
  background-color: red;
}

.watermarked {
  color: grey;
}

.PriorityButton {
  padding: 0px 5px 0px 5px;
  margin-right: -2px;
  background-color: grey;
  color: white !important;
  text-decoration: none;
  display: inline;
}

.PriorityButtonDisabled {
  background-color: lightgrey;
}

.PriorityButtonSelected {
  background-color: blueviolet;
}

.LogisticsTable td {
  border: 1px solid black;
}

.LogisticsTable th {
  border: 1px solid black;
  background-color: #D8D8D8;
  text-align: left;
}

.WeekHeader {
  font-weight: bold;
  border: 1px solid black;
}

.WeekHeader td {
  text-align: center;
  background-color: #A5A5A5;
}

.WeekHeader th {
  font-weight: bold;
}

.DayRow {
  text-align: center;
  background-color: #f2f2f2;
  font-weight: bold;
}

.DateRow {
  text-align: center;
  background-color: #f2f2f2;
}

.TotalsColumn {
  background-color: #f2f2f2;
}

.DateRow th {
  text-align: center;
}

.DateRow a {
  color: black;
}

.FirstRow {
  border-top: solid;
  border-width: 2px;
}

.PriorityConfigInput input[type=text], .PriorityConfigInput select {
  width: 200px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.SideBarList {
  width: 220px;
}

.PadLeft {
  padding-left: 10px;
}

.CreationWizard td {
  vertical-align: top;
}

.PadRight {
  padding-right: 10px;
}

.LoadInstructionWizardChooseDateSegmentLabel {
  padding-right: 60px;
}

.LoadInstructionWizardChooseLoadTimeSegment {
  display: inline-block;
  vertical-align: top;
}
.LoadInstructionWizardChooseLoadTimeSegment .DeliveryTimeDateSelector a {
  color: black;
}
.LoadInstructionWizardChooseLoadTimeSegment .DeliveryTimeDateSelector .aspNetDisabled {
  visibility: hidden;
}

.LoadInstructionWizardChooseDockSegment {
  display: inline-block;
  vertical-align: top;
  max-width: 30em;
}

.LoadInstructionWizardChooseDockSegmentLabel {
  padding-right: 60px;
}

.LoadInstructionWizardChooseDockSegmentInputDiv {
  padding-top: 30px;
}

.LoadInstructionWizardChooseDockSegmentCheckboxDiv {
  padding-top: 10px;
}

.LoadInstructionWizardInfoSegment {
  display: inline-block;
}
.LoadInstructionWizardInfoSegment table {
  font-size: smaller;
  border-collapse: collapse;
}
.LoadInstructionWizardInfoSegment table td {
  vertical-align: top;
  padding-bottom: 0.7em;
}

.LoadInstructionWizard > tbody > tr > td {
  vertical-align: top;
}

.LoadInstructionWizardSidebar td {
  padding-right: 50px;
  padding-bottom: 15px;
}

.CapacityInput {
  width: 40px;
  margin: 0px;
  padding: 1px 2px 1px 2px;
  border-width: 2px;
  background-color: transparent;
  border-color: transparent;
  text-align: center;
  font-weight: bold;
}

.CapacityInputWide {
  width: 200px;
  margin: 0px;
  padding: 1px 2px 1px 2px;
  border-width: 2px;
  background-color: transparent;
  border-color: transparent;
  text-align: center;
  font-weight: bold;
}

.CapacityTitle {
  font-weight: bold;
  margin: 14px;
  text-orientation: mixed;
}

.CapacityTitleLong {
  font-weight: bold;
  display: block;
  text-align: center;
}

.CapacityTitleVertical {
  font-weight: bold;
  margin: 14px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.DragHandle {
  vertical-align: middle;
  margin: 0px 2px 1px -4px;
  position: absolute;
  right: 0px;
}

.CapacityActive {
  background-color: lightsteelblue !important;
}

.ui-droppable {
  background-color: bisque;
  opacity: 0.8;
}

.ui-draggable-dragging {
  z-index: 3;
  pointer-events: none;
  opacity: 1;
}

.CapacityTable td {
  border-right: 10px solid white;
  border-bottom: 1px solid lightsteelblue;
  background-clip: content-box;
}

.LoopCapacityTable {
  border-spacing: 10px 0;
}
.LoopCapacityTable td:not(:first-child) {
  width: 200px;
}
.LoopCapacityTable tr:first-child td {
  padding-bottom: 5px;
}
.LoopCapacityTable tr:not(:first-child) td:not(:first-child) {
  border: 2px solid black;
  border-bottom: none;
}
.LoopCapacityTable tr:last-child td:not(:first-child) {
  border-bottom: 2px solid black;
}

.CapCalHoverable:hover {
  background-color: sandybrown;
}

.err_Error {
  margin-right: 30px;
}

.OutboundTable {
  background-color: red;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.OutboundTable th {
  padding: 4px;
  padding-right: 20px;
}
.OutboundTable td {
  padding: 4px;
  padding-right: 20px;
}
.OutboundTable .evenRow {
  color: #284775;
  background-color: White;
}
.OutboundTable .oddRow {
  color: #333333;
  background-color: #F7F6F3;
}

.OutboundTableIcon {
  visibility: hidden;
  width: 0px;
}

.StackerEmptyData {
  font-size: 14px;
  margin-top: 20px;
  padding: 5px;
  display: block;
}

.ExtraPadding {
  padding: 5px;
}

.StoresOnProductionDay {
  border-collapse: collapse;
  background-color: darkgrey;
  border-spacing: 10px;
}

.StoresOnProductionDay th {
  color: white;
}

.StoresOnProductionDay td {
  background-color: skyblue;
}

.StoresOnProductionDay th, .StoresOnProductionDay td {
  width: 30px;
  min-width: 30px;
  height: 20px;
  text-align: center;
  border: 1px solid white;
  font-size: 12px;
}

.WeekCells {
  border-collapse: collapse;
  background-color: darkgrey;
  border-spacing: 10px;
}

.WeekCells th {
  color: white;
}

.WeekCells td {
  background-color: darkgrey;
  color: white;
}

.WeekCells th, .WeekCells td {
  width: 30px;
  min-width: 30px;
  height: 20px;
  text-align: center;
  border: 1px solid white;
  font-size: 12px;
}

.Blockade {
  background: url(../../images/HEMA/red-x-rectangle.svg) no-repeat center;
  background-size: contain;
}

.FullWidth {
  width: 100%;
}

.NoWrap {
  white-space: nowrap;
}

.KPIRowCollapsed, .CollapseImageHidden {
  display: none;
}

.Magnifier {
  padding-left: 3px;
  height: 13px;
}

.Filter input[type=text], .Filter select, .Filter textarea {
  width: 205px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.LeftAlignError div div {
  text-align: left;
}