/*THIS IS THE CSS OVERRIDE FILE, USE SCSS IF POSSIBLE! */


#modeCards .card {
  cursor: pointer;
}
#modeCards .card:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
  border-color: #cdcecf !important;
}
#modeCards .card-footer {
  background: transparent;
  border:none;
}



.control-label {
  width:100%;
}




.removeItemCol {
  display:none;
}

#shipmentItems.multipuleItems .removeItemCol {
  display:flex;
  align-items: center !important;

}


.collapse:not(.show) {
    display: none !important;
}

#freightClassMaster,
#shipmentItemMaster,
#displayShipmentMaster {
  display:None;
}


.popover-lg {
  max-width: 448px;
}



.shipDimen.was-validated .form-control:invalid, .shipDimen .form-control.is-invalid,
.shipDimen.was-validated .form-control:valid, .shipDimen .form-control.is-valid {
    padding-right: .75rem !important;
    background-image: none;
}


.min-w-130px {
  min-width:130px;
}

.border-top-10px {
  border-top-width: 10px !important;
}

.arrow-end:after {
  position:absolute;
  content:'';
  border: solid rgb(221, 222, 223);
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-top:-4px;
  margin-left: calc(8.33333% - 1.25rem);
}


.display-icon {
  color: #899cb0;
}
.display-label {
  font-weight: bold;
}


.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #0033a1;
    background-image: none;
}

.card.bg-gray-100.active .form-check-input:disabled:checked {
    opacity: 0.5;
}
.card.bg-gray-100.active .card-body svg {
    opacity: 0.5;
}