/**!!
 * @author
 * Banjo Mofesola Paul
 * Chief Developer, Planet NEST
 * mofesolapaul@planetnest.org
 * Friday, February 7, 2017
 */
@media (min-width: 768px) {
  .order-create-select {
    padding-top: 3.5rem;
  }
}

.card-types .card-type {
  display: inline-block;
}
.card-types .card-type input {
  display: none;
}
.card-types .card-type input:checked + label {
  filter: none;
}
.card-types .card-type label {
  display: block;
  height: 48px;
  width: 76.8px;
  background: url(../resx/images/credit-card-logos.png) no-repeat;
  filter: grayscale(1);
  cursor: pointer;
}
.card-types .card-type.card-mastercard > label {
  background-position: -83px -8.624px;
}
.card-types .card-type.card-visa > label {
  background-position: 0px -8.624px;
}
.card-types .card-type.card-discover > label {
  background-position: 0px -63.5px;
}
.card-types .card-type.card-american-express > label {
  background-position: -83px -63.5px;
}

.clearingForm {
  padding-top: 2rem;
}
.clearingForm .modal-content {
  margin: 7em auto;
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  width: 710px;
  -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  -o-transition: ease all 0.5s;
  transition: ease all 0.5s;
}
.clearingForm span {
  font-size: 1em;
  color: #2776B9;
  font-weight: bold;
}
.clearingForm .tc {
  padding: 5px;
}
.clearingForm .tc blockquote {
  line-height: 30px;
  font-size: 1em;
  color: #333;
  text-align: left;
}
.clearingForm .tc .author {
  text-align: right;
  color: #45aed6;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.clearingForm .tc h3 {
  font-size: 1.1em;
  text-align: left;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
}
.clearingForm .tc h5 {
  text-align: center;
  font-size: 1.1em;
  text-decoration: underline;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.clearingDoc {
  overflow: hidden;
  position: relative;
}
.clearingDoc:before {
  content: "Select Only Pdf File";
  display: inline-block;
  background: #2776B9;
  border: none;
  padding: 0.9em 1.4em;
  outline: none;
  color: #fff;
  width: 100%;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 14px;
}
.clearingDoc:hover::before {
  border-color: #000;
}
.clearingDoc:active::before {
  background: -webkit-linear-gradient(top, #2776B9, #45aed6);
}

#add-product-label {
  padding: 0;
}

#many-products-container {
  margin-bottom: 10px;
}

#clear-padding-left {
  padding-left: 0;
}

#another-product {
  display: inline-block;
  padding-left: 0;
}

#existing-product {
  display: inline-block;
  margin-bottom: 10px;
}
#existing-product > div {
  padding-left: 0;
  padding-right: 0;
}

.add-product-btn {
  color: #6fc0df;
  background-color: aliceblue;
  border-color: #6fc0df;
}

.add-product-btn:hover {
  color: #6fc0df;
  background-color: aliceblue;
}

.remove-product-btn {
  color: grey;
  font-weight: bold;
  background-color: aliceblue;
}

.remove-product-btn:hover {
  color: #333;
  background-color: aliceblue;
}

.img-preview-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.cargo-weight-estimate {
  cursor: pointer;
  text-decoration: underline dotted;
  color: grey;
}

.shared-container-options {
  margin-top: 15px;
  margin-bottom: 50px;
}

.create-order-shots {
  margin-top: 30px;
}

.dimensions-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 10px;
}
.dimensions-container small.wtf {
  grid-row: 2/3;
  grid-column: 1/6;
}

small.wtf > span {
  color: #f50;
}

.input-with-clear-btn {
  display: grid;
  grid-template-columns: 0.9fr 10px;
  grid-template-rows: 1fr 10px;
}
.input-with-clear-btn small.wtf {
  grid-row: 2/3;
  grid-column: 1/2;
}

.all-products {
  margin-bottom: 40px;
  margin-top: 20px;
}
.all-products hr {
  width: 90%;
}

.single-product {
  margin-bottom: 130px;
}
.single-product > .form-group {
  margin-bottom: 6px;
}

.add-component-btn {
  display: flex;
  align-items: flex-end;
}
.add-component-btn small {
  margin-left: 10px;
}

.cargo-select-type .select2-container--default .select2-selection--multiple {
  border: 1px solid #ccc;
  min-height: 34px;
  border-radius: 0px;
  display: flex;
}
.cargo-select-type .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 2px;
}

.first-order-shipping-modes {
  display: grid;
  grid-template-rows: 30px 1fr 10px;
  grid-template-columns: 1fr;
}
.first-order-shipping-modes label[for=order-shipping_mode] {
  grid-row: 1/2;
  grid-column: 1/6;
}
.first-order-shipping-modes > div {
  margin-top: 10px;
  grid-row: 2/3;
}
.first-order-shipping-modes > div > div {
  margin-bottom: 5px;
  margin-left: 0px !important;
  margin-right: 10px;
}
.first-order-shipping-modes small.wtf {
  grid-row: 3/4;
  grid-column: 1/6;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 700px !important;
  }
}

/*# sourceMappingURL=create-order.css.map */