.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.animated.bounceIn {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.animated.bounceOut {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: perspective(1px) scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: perspective(1px) scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: perspective(1px) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: perspective(1px) scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: perspective(1px) scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: perspective(1px) scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: perspective(1px) scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: perspective(1px) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: perspective(1px) scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: perspective(1px) scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.rrt-confirm-holder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
}

.rrt-confirm-holder .shadow {
  width: 100%;
  height: 100%;
  background-color: rgba(50, 58, 68, 0.8);
}

.rrt-confirm-holder .rrt-confirm {
  width: 320px;
  background-color: white;
  position: absolute;
  z-index: 9;
  top: 20%;
  left: 50%;
  margin-left: -160px;
  box-shadow: 3px 3px 20px #333;
  border-radius: 4px;
  overflow: hidden;
}

.rrt-confirm-holder .rrt-confirm .rrt-message {
  width: 100%;
  padding: 5%;
  min-height: 50px;
  font-size: 1em;
  background-color: white;
  text-align: center;
  font-family: "open-sanscondensed-light", sans-serif;
  clear: both;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder {
  display: flex;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button {
  flex-grow: 1;
  height: 50px;
  text-transform: capitalize;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  float: left;
  border-top: 1px solid #f0f0f0;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover {
  background-color: #f5f5f5;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active {
  background-color: #60bb71;
  color: white;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active {
  background-color: #db6a64;
  color: white;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus {
  outline: none;
}

body.toastr-confirm-active {
  overflow: hidden;
}

.redux-toastr *, .redux-toastr *:before, .redux-toastr *:after {
  box-sizing: border-box;
}

.redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center, .redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
  width: 350px;
  position: fixed;
  z-index: 99999999;
  padding: 0 10px;
}

.redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center {
  top: 0;
}

.redux-toastr .top-right, .redux-toastr .bottom-right {
  right: 0;
}

.redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
  bottom: 0;
}

.redux-toastr .top-left, .redux-toastr .bottom-left {
  left: 0;
}

.redux-toastr .top-center, .redux-toastr .bottom-center {
  left: 50%;
  margin-left: -175px;
}

@media (max-width: 320px) {
  .redux-toastr .top-left, .redux-toastr .top-right, .redux-toastr .top-center, .redux-toastr .bottom-left, .redux-toastr .bottom-right, .redux-toastr .bottom-center {
    width: 320px;
  }
  .redux-toastr .top-center, .redux-toastr .bottom-center {
    margin-left: -160px;
  }
}
.redux-toastr .toastr {
  background-color: #fcfcfc;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
  margin: 10px 0;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  color: #333;
  opacity: 0.94;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

.redux-toastr .toastr:hover:not(.rrt-message) {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.redux-toastr .toastr .toastr-status {
  width: 100%;
  height: 5px;
}

.redux-toastr .toastr .toastr-status.success {
  background-color: #60bb71;
}

.redux-toastr .toastr .toastr-status.warning {
  background-color: #f7a336;
}

.redux-toastr .toastr .toastr-status.info {
  background-color: #58abc3;
}

.redux-toastr .toastr .toastr-status.error {
  background-color: #db6a64;
}

.redux-toastr .toastr .rrt-left-container, .redux-toastr .toastr .rrt-right-container {
  float: left;
  text-align: center;
  overflow: hidden;
}

.redux-toastr .toastr .rrt-left-container {
  width: 80px;
  top: 0;
  left: 0;
  position: absolute;
  bottom: 0;
}

.redux-toastr .toastr .rrt-left-container .rrt-holder {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: 5px;
  line-height: 60px;
}

.redux-toastr .toastr .rrt-left-container .toastr-icon {
  fill: white;
  vertical-align: middle;
  margin-top: 5px;
}

.redux-toastr .toastr .rrt-middle-container {
  width: 65%;
  margin-left: 80px;
  position: relative;
  float: left;
  font-family: Arial, Helvetica, sans-serif, sans-serif;
  font-size: 1em;
  text-align: left;
  padding: 10px 5px;
}

.redux-toastr .toastr .rrt-middle-container .rrt-title {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}

.redux-toastr .toastr .rrt-right-container {
  width: 10%;
}

.redux-toastr .toastr .close-toastr {
  width: 10%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  font-size: 22px;
  border: none;
  outline: none;
  opacity: 0.5;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial sans-serif;
  color: #000;
}

.redux-toastr .toastr .close-toastr:hover {
  opacity: 1;
}

.redux-toastr .toastr .close-toastr:focus {
  outline: none;
}

.redux-toastr .toastr .close-toastr span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.redux-toastr .toastr.rrt-info, .redux-toastr .toastr.rrt-success, .redux-toastr .toastr.rrt-warning, .redux-toastr .toastr.rrt-error {
  color: white;
}

.redux-toastr .toastr.rrt-info {
  background-color: #58abc3;
}

.redux-toastr .toastr.rrt-info .rrt-progressbar {
  background-color: #378298;
}

.redux-toastr .toastr.rrt-success {
  background-color: #60bb71;
}

.redux-toastr .toastr.rrt-success .rrt-progressbar {
  background-color: #3e914d;
}

.redux-toastr .toastr.rrt-warning {
  background-color: #f7a336;
}

.redux-toastr .toastr.rrt-warning .rrt-progressbar {
  background-color: #d87e09;
}

.redux-toastr .toastr.rrt-error {
  background-color: #db6a64;
}

.redux-toastr .toastr.rrt-error .rrt-progressbar {
  background-color: #c5352e;
}

.redux-toastr .toastr.rrt-light .rrt-progressbar {
  background-color: #ccc;
}

.redux-toastr .toastr.rrt-light .toastr-icon {
  fill: #333 !important;
}

.redux-toastr .toastr.rrt-message {
  opacity: 1;
  border: 1px solid #dbdbdb;
}

.redux-toastr .toastr.rrt-message .rrt-title {
  width: 90%;
  height: 50px;
  text-align: center;
  overflow: hidden;
  font-size: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 50px;
  padding: 0 20px;
}

.redux-toastr .toastr.rrt-message .rrt-text {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  background-color: white;
  padding: 15px;
  font-size: 1.1em;
  margin-bottom: 20px;
}

.redux-toastr .toastr.rrt-message .rrt-text img {
  display: block;
  margin: 10px auto;
  max-width: 100%;
}

.redux-toastr .toastr.rrt-message .close-toastr {
  height: 50px;
}

.redux-toastr .toastr .rrt-progress-container {
  height: 5px;
  margin: 0 -20px -20px -60px;
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.redux-toastr .toastr .rrt-progress-container .rrt-progressbar {
  border-radius: 0 0 0 4px;
  height: 100%;
}

.redux-toastr .toastr-attention {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}


.searchBtn {
  background-color: orangered !important;
  color: white !important;
  border: 2px solid "#ff4500";
}

.fieldAlign {
  display: inline-flex;
  margin-left: 2%;
}

.radioBtn {
  display: inline-flex;
  width: 220px;
}

.radioBtn > div > div > div {
  margin-right: 5px !important;
}

.whenPlacedCls {
  width: 150px;
}

.orderTypeCls {
  width: 150px;
}

.resetBtn {
  color: grey;
  width: 90px;
}

.clr {
  background: "white" !important;
}

.formValue {
  width: 1100;
  display: "flex";
  flex-Wrap: "wrap";
  justify-content: "center";
  align-items: "center";
}

.advanceSearchAlign {
  display: inline-flex;
  margin-right: 5%;
}

.shipToCls {
  width: 700px;
}

.textfield {
  background-color: white !important;
  border: 2px solid white;
}

.btnTextName, .btnTextStreet, .btnTextCity, .btnTextRegion, .btnTextCountry {
  display: block;
  width: 10%;
  text-align: left;
  line-height: normal;
}

.shipToValues {
  margin-top: 15px;
}

.rdt_TableCol {
  font-weight: bold !important;
  font-size: 17px !important;
}

.rdt_TableCell > div {
  white-space: pre-wrap !important;
}

.infoIcon {
  color: rgba(9, 93, 199, 0.7490196078);
  font-size: 14px;
}

.info-container {
  margin: auto;
}

/* Export link css */
.export-container {
  text-align: right;
  padding: 1% 2%;
}

.modalPaper {
  width: 45%;
  margin: auto;
  background: white;
  margin-top: 12%;
  padding: 1px;
}

.modalPaper P {
  text-align: center;
  font-size: 18px;
}

.modalPaperLinear {
  padding: 20px;
}

.linearProgress {
  height: 10px !important;
  border-radius: 9px !important;
}

.exportCloseBtn {
  text-align: right;
  margin: 2%;
  margin-right: 4%;
}

.errorMsgColor {
  color: red;
}

/* Advanced search css */
.advanced-container {
  display: inline !important;
  box-shadow: none !important;
}

.advanced-section {
  display: inline !important;
  padding: 0px !important;
}

.advanced-section .MuiAccordionSummary-content {
  margin: 0px !important;
}

.testDashboard {
  color: red;
}

.advancedLink a {
  color: #000000;
}

.advancedLink svg {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.54);
}

.MuiAccordion-root:before {
  top: 0 !important;
  height: 0px !important;
}

.searchFieldParent {
  display: inline-block !important;
  margin-left: 40px !important;
}

.searchField {
  display: inline-block !important;
  height: 90px !important;
  margin-left: 20px;
}

.headerKey {
  font-weight: bold;
  font-size: 14px;
}

.orderHeader {
  margin-bottom: 40px;
  font-size: 1.8rem;
  padding: 0px 15px;
}

.headerValue {
  padding-left: 12px;
  font-size: 14px;
}

.orderDetailHeaderValue {
  padding-left: 12px;
  font-size: 16px;
}

.orderDetailHeaderKey {
  font-weight: bold;
  font-size: 16px;
}

.headerAlertValue {
  font-size: 14px;
}

.customPublishDate {
  display: inline;
}

.orderInfo {
  margin-top: 10px;
  font-size: 1.1rem;
}

.rdt_ExpanderRow {
  width: 98% !important;
  padding: 5px;
  margin: auto;
}

.expand-container {
  margin: 10px 0px !important;
  width: 100% !important;
}

.lineItemTable {
  width: 87%;
}

.shipping-container, .platform-container, .receivingPartInformation-container,
.returnedProduct-container, .estimateInfo-container, .sentProduct-container,
.rentalExchangeWarranty-container, .alert-container, .orderRequirement-container, .sentToProduct-container {
  border: 2px solid rgba(0, 0, 0, 0.2509803922);
  padding-bottom: 7px !important;
}

.heading-section-alert {
  color: white;
  padding: 0 !important;
}

.headingInfoAlert {
  background-color: #FFA500 !important;
  color: white;
  margin: 0 !important;
  padding: 7px !important;
  font-size: 15px;
  font-style: normal;
}

.warranty-container {
  border: 2px solid rgba(0, 0, 0, 0.2509803922);
  margin: 15px 15px !important;
}

.warranty-container-values {
  margin: 5px 10px 3px 5px !important;
}

.headingInfo {
  background-color: rgba(75, 147, 223, 0.25);
  margin: 0 !important;
  font-size: 15px;
  font-style: normal;
  padding: 7px;
}

.gridInsideValues {
  padding: 7px 7px 0px 7px !important;
}

.heading-section {
  padding: 0 !important;
}

.tableRow {
  width: 1109px !important;
}

.shippingTable .rdt_TableCol, .shippingTable .rdt_TableRow {
  font-size: 14px !important;
}

.shippingTable {
  min-height: 30px !important;
}

.shipping-container .rdt_Table {
  border: 2px solid rgba(0, 0, 0, 0.2509803922);
  width: 98% !important;
  margin: auto !important;
}

.document-section {
  padding: 0px 7px;
}

.noShipmentsMsgCls {
  color: #ea2727;
  font-weight: bold;
}

.modalCloseIcon {
  margin: 20px;
}

.close-icon-section {
  text-align: right;
}

.modal-title-section {
  padding-left: 20px;
}

.modal-grid {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2509803922);
}

.modalCloseIcon:hover {
  cursor: pointer;
}

.btn-section > Button {
  background-color: #d7451a;
  border-color: #d7451a;
  font-size: 15px;
  color: #ffffff;
  margin-left: 10px;
  padding: 10px;
}

.btn-section > Button:hover {
  background-color: #d7451a;
  border-color: #d7451a;
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
}

.documentModal {
  width: 30%;
  padding: 0px !important;
}

.documentModal .rdt_TableCol {
  text-align: center;
}

.lineItemDoc {
  text-align: right;
}

.fa-file-excel {
  margin-right: 6px;
  font-size: 20px;
}

.modalPaper:focus {
  outline: none !important;
}

.modal-grid {
  background-color: rgba(128, 128, 128, 0);
  background: rgba(128, 128, 128, 0.4509803922);
}

#modal-title {
  margin-top: 20px !important;
  font-style: normal !important;
}

.contactUsValue {
  display: inline-block;
}

.contact-grid-item {
  padding: 10px 20px;
}

.sklTable {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
}

.sklCell span {
  width: 40%;
  margin: auto;
}

.sklCell {
  padding: 10px 0px;
}

.sklTable thead {
  border-bottom: 2px solid rgba(128, 128, 128, 0.3607843137) !important;
}

.skeleton-container {
  margin-left: 45%;
}

.skeleton-container .MuiSkeleton-rect {
  display: inline-block !important;
  height: 7% !important;
  margin-left: 2%;
}

.orderHeaderSkeleton .MuiSkeleton-rect {
  display: inline-block !important;
  height: 7% !important;
  margin-bottom: 40px;
}

.lineItemTableSkeleton .MuiSkeleton-rect {
  display: inline-block !important;
  height: 6% !important;
  margin-top: 12px;
}

.parentDisable {
  position: fixed;
  top: 0;
  left: 0;
  background: #666;
  opacity: 0.8;
  z-index: 998;
  height: 100%;
  width: 100%;
}

.overlay-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background: rgba(102, 102, 102, 0.6);
  opacity: 0.8;
  z-index: 1000;
}

.css-pqszb1 {
  border: 5px solid !important;
  border-color: #123abc !important;
}

/*# sourceMappingURL=index.css.map */