@charset "UTF-8";

@keyframes animate {
  0% {
    transform: translateY(-5px);
  }

  to {
    transform: translateY(0);
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: Rubik, sans-serif;
}

.page-desc {
  display: block;
  word-break: break-word;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blue-bck {
  background-color: #c8eef5 !important;
}

.d-inline-flex {
  display: inline-flex;
}

.input-field.full-width-block {
  width: 100%;
}

.input-field .red-text {
  right: 0;
  font-size: 14px;
}

.input-field .select2-container--default .select2-results__option {
  color: #000;
}

.input-field .select2-container--default .select2-results__option--highlighted {
  color: #fff;
}

.select2-search input.select2-search__field {
  display: inline-block !important;
}

.btnred,
.invoice-btn {
  background-color: #a90300 !important;
  box-shadow: none !important;
  padding: 0 18px !important;
}

.invoice-btn {
  height: 35px;
  color: #fff;
  font-size: 13px;
}

body {
  background-color: #efeded;
}

.msg-content {
  width: 100%;
  min-height: 50px;
  resize: none;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.tab-container {
  display: flex;
  border-bottom: 2px solid #ddd;
}

.tab {
  cursor: pointer;
  padding: 12px 20px 12px 0;
  font-weight: 500;
  color: #888;
  transition: 0.3s;
  position: relative;
}

.tab.active {
  color: black;
}

.tab-underline {
  height: 2px;
  background: red;
  width: 50%;
  position: relative;
  top: -2px;
  transition: 0.3s;
}

/* Activity Cards */

.activity-cards {
  display: flex;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  /* 2 columns on mobile, 4 on larger screens */
  margin-top: 15px;
}

.activity-box {
  background: #fde7e7;
  padding: 15px;
  border-radius: 8px;
  flex: 1;
  border: 1px solid #edcdcd;
}

.activity-box .label {
  font-size: 13px;
  color: #000;
  display: flex;
}

.label-icon {
  display: flex;
  vertical-align: middle;
}

.activity-box .label-icon img {
  width: 20px;
  margin-right: 5px;
}

.no-activity {
  background: #efeded;
  padding: 7px;
  color: #000;
  border-radius: 5px;
}

.timeline-icon img {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding: 0 !important;
  width: 12px !important;
}

.activity-box .count {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

#allPageViewsModal td:nth-child(1) {
  width: 30%;
}

.flex-container {
  display: flex;
  align-items: flex-start;
  /* Align content to the top */
  gap: 10px;
  /* Space between columns */
}

.time-column {
  min-width: 65px;
  /* Set a fixed minimum width */
  max-width: 65px;
  /* Prevent it from shrinking */
  text-align: right;
  white-space: nowrap;
  /* Prevents wrapping */
}

.content-column {
  flex-grow: 1;
  /* Allows this div to expand */
  word-break: break-word;
  /* Prevents overflow issues */
}

#allPageViewsModal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  /* Full viewport width */
  height: 100vh;
  /* Full viewport height */
  max-height: 100%;
  /* Full viewport height */
  background-color: rgba(0, 0, 0, 0.5) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Modal content styling */

#allPageViewsModal .modal-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 1024px;
  max-width: 1024px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}

/* Close button */

#allPageViewsModal .close-modal {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
}

button#loadMoreBtn {
  float: right;
  background: #fff;
  border-color: #A90201;
  color: #A90201;
  padding: 5px;
  margin-right: 5px !important;
  border-radius: 5px;
  font-weight: 600;
}

/* Table Cells */

#allPageViewsModal th,
td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

#allPageViewsModal th {
  font-size: 15px;
  font-weight: 400;
}

/* Adjust URL Column to Wrap Text */

#allPageViewsModal td:nth-child(2),
#allPageViewsModal td:nth-child(1) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}

/* Set Visits Column to a Fixed Small Width */

#allPageViewsModal th:nth-child(1) {
  width: 30%;
}

#allPageViewsModal td:nth-child(3) {
  text-align: right;
  width: 50px;
}

#allPageViewsModal td:nth-child(2) {
  color: #6b6f82;
}

#allPageViewsModal td:nth-child(1),
#allPageViewsModal td:nth-child(3) {
  color: #000;
}

#allPageViewsModal td:nth-child(3),
#allPageViewsModal td:nth-child(1),
#allPageViewsModal td:nth-child(2) {
  font-size: 14px;
}

div#allPageViewsModal h5 {
  font-weight: 500;
  font-size: 16px;
}

.activity-section.top-pages {
  margin-top: 15px;
}

.activity-section .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  font-weight: 500;
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #A90201;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.thick {
  color: #000;
  font-weight: 400;
}

.view-all {
  color: #a91a07;
  font-size: 14px;
  text-decoration: none;
}

.page-table {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.page-header {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  color: gray;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.page-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  align-items: center;
}

.page-info {
  padding: 0 10px;
}

/* .page-info a {
  color: #0073e6;
  font-size: 12px;
  padding: 0 10px;
} */

.visit-count {
  background: darkred;
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: bold;
  margin-right: 10px;
  height: 30px;
}

.timeline-container {
  position: relative;
  padding-left: 2rem;
  /* Space for the line */
}

/* Vertical red line */

.timeline-line {
  position: absolute;
  left: 20px;
  width: 3px;
  height: 100%;
  background-color: #a91a07;
}

/* Icon circle */

.timeline-icon {
  position: absolute;
  left: -20px;
  /* Align with the line */
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a91a07;
  border-radius: 50%;
}

/* Timeline content */

.timeline-item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 10px;
  /* Space for icons */
}

.activity-timeline-heading {
  font-size: 17px;
  color: #374151;
  font-weight: 600;
}

/* Title and time styling */

.timeline-title {
  font-weight: bold;
  color: red;
}

.timeline-time {
  font-size: 12px;
  color: gray;
}

.btn-gray {
  background: #dedede !important;
  box-shadow: none !important;
  padding: 0 18px !important;
  color: #2f2e2e;
  height: 35px;
  line-height: 35px;
}

.heading-underline {
  font-size: 20px;
  border-bottom: 2px solid #dedede;
  margin-bottom: 15px !important;
}

.heading-underline.associate-header {
  margin-bottom: 10px !important;
}

.heading-underline.bb-none {
  border-bottom: none !important;
}

.heading-underline span {
  padding-bottom: 5px;
  font-style: 17px;
}

.heading-underline span.active:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  left: 0;
  bottom: -2px;
  z-index: 0;
  background: #a90300;
}

#profile-dropdown.dropdown-content {
  min-width: 170px !important;
  height: auto !important;
}

#profile-dropdown.dropdown-content li {
  min-height: 0 !important;
}

#profile-dropdown.dropdown-content li a {
  padding: 10px !important;
  font-size: 14px;
}

#profile-dropdown.dropdown-content li a i {
  margin: 0 10px 0 0;
  width: 19px;
  font-size: 21px;
}

#profile-dropdown.dropdown-content li span {
  padding: 10px !important;
  font-size: 14px;
}

.modal-common-layout {
  z-index: 9999 !important;
}

.modal-common-layout#order_history {
  width: 90% !important;
}

.modal-common-layout#order_history .table tr td,
.modal-common-layout#order_history .table tr th {
  padding: 13px !important;
  min-width: 140px !important;
}

.modal-common-layout#order_history .table tr td.price-field,
.modal-common-layout#order_history .table tr th.price-field {
  width: 5% !important;
  min-width: 90px !important;
}

.modal-common-layout#order_history .table tr td.order-field,
.modal-common-layout#order_history .table tr th.order-field {
  width: 20% !important;
}

.modal-common-layout .modal-content .modal-header h4 {
  font-size: 16px !important;
}

.modal-common-layout .modal-content .modal-body {
  padding: 14px 24px 24px;
  display: inline-block;
  width: 100%;
}

.modal-common-layout .modal-content .modal-body.parts-popup {
  height: calc(86vh - 51px);
  overflow: auto;
}

.modal-common-layout .modal-content .modal-body.parts-popup table#list-assoc-table {
  margin-top: 10px !important;
}

.modal-common-layout .modal-content .modal-body form {
  padding: 10px 0;
}

.modal-common-layout .modal-content .modal-body button {
  font-size: 13px !important;
}

.modal-common-layout .modal-content .modal-body .input-field {
  margin: 10px 0;
}

.modal-common-layout .modal-content .modal-body .input-field i.material-icons {
  top: 13px;
}

.modal-common-layout .modal-content .modal-body .input-field i.material-icons.toggle-password {
  top: 9px;
  font-size: 17px;
}

.modal-common-layout .modal-content .modal-body .input-field input {
  height: 35px !important;
}

.modal-common-layout .modal-content .modal-body .input-field > label {
  font-size: 13px !important;
  text-transform: capitalize;
}

.modal-common-layout .modal-content .modal-body .input-field > label.active {
  top: 0;
}

.modal-common-layout .modal-content .modal-body .input-field .red-text {
  top: 38px;
}

.modal-common-layout .modal-content .modal-body .input-field.select-modal-ui > label {
  top: 1px;
}

.modal-common-layout .modal-content .modal-body .select2-container--default .select2-selection--single {
  height: 35px;
}

.modal-common-layout .modal-content .modal-body .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
  font-size: 13px !important;
}

.modal-common-layout .modal-content .modal-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
}

.modal-common-layout .modal-content .modal-body .select2-results__option {
  padding: 5px 10px !important;
  font-size: 13px !important;
}

.modal-common-layout.floorplan-modal-wrapper .modal-content .modal-body .input-field input {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-right: 22px !important;
}

.modal-common-layout.floorplan-modal-wrapper .modal-content .modal-body table .input-field input {
  height: 30px !important;
}

.modal-common-layout.floorplan-modal-wrapper .modal-content .modal-body {
  float: left;
  width: 100%;
}

.modal-common-layout.floorplan-modal-wrapper .modal-content .modal-body .input-field input {
  height: 32px !important;
}

.modal-common-layout .dropdown-content {
  max-height: 305px;
}

.modal-common-layout#orderSaleRespChange #drop-down {
  margin-top: 5px;
}

.modal-common-layout#orderSaleRespChange select {
  height: 30px !important;
  padding-top: 0 !important;
  background-position: 96% 10px;
}

.modal-common-layout#orderSaleRespChange .btn-blockmain {
  float: right;
  padding: 0 15px;
}

.card {
  box-shadow: 0 3px 1px -2px rgba(82, 63, 104, 0.06), 0 2px 2px 0 rgba(82, 63, 104, 0.042), 0 1px 5px 0 rgba(82, 63, 104, 0.036) !important;
  border-radius: 10px !important;
}

.card .logs-container {
  max-height: 224px;
  overflow: auto;
}

.card .logs-container .notes-mssg h3 label {
  max-width: unset;
  overflow: visible;
  text-overflow: unset;
}

.dataTables_wrapper table.dataTable {
  margin-top: 14px !important;
  box-sizing: border-box;
}

.dataTables_wrapper .dataTables_length select {
  width: 60px;
}

.dataTables_wrapper .dataTable thead th:after {
  display: inline-block !important;
}

.dataTables_wrapper .dataTable tbody tr:nth-child(2n) {
  background: #fafafa;
}

@media screen and (max-width: 992px) {
  .dataTables_wrapper div.dataTables_paginate {
    font-size: 11px !important;
  }
}

.dataTables_wrapper .dataTables_filter input {
  height: 33px;
}

.dataTables_wrapper.vendor-data-table .responsive-table {
  overflow: auto;
}

.dataTables_wrapper.vendor-data-table table.dataTable {
  margin-top: 0 !important;
}

.dataTables_wrapper.vendor-data-table table.dataTable td,
.dataTables_wrapper.vendor-data-table table.dataTable th {
  padding: 4px 10px !important;
  height: 40px !important;
  box-sizing: border-box;
  white-space: nowrap;
}

.dataTables_wrapper.vendor-data-table table.dataTable td .input-field,
.dataTables_wrapper.vendor-data-table table.dataTable th .input-field {
  margin: 0 !important;
}

.dataTables_wrapper.vendor-data-table table.dataTable td .input-field input,
.dataTables_wrapper.vendor-data-table table.dataTable th .input-field input {
  height: 30px !important;
  max-width: 80px;
}

.dataTables_wrapper.vendor-data-table table.dataTable td button,
.dataTables_wrapper.vendor-data-table table.dataTable th button {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dataTables_wrapper.vendor-data-table table.dataTable td button i,
.dataTables_wrapper.vendor-data-table table.dataTable th button i {
  margin: 0;
}

.dataTables_wrapper.vendor-data-table table.dataTable td:nth-last-of-type(2),
.dataTables_wrapper.vendor-data-table table.dataTable th:nth-last-of-type(2) {
  text-align: center;
}

.dataTables_wrapper.vendor-data-table table.dataTable td:last-of-type,
.dataTables_wrapper.vendor-data-table table.dataTable th:last-of-type {
  width: 30px !important;
}

.dataTables_wrapper.vendor-data-table table.dataTable th {
  border-bottom: 2px solid #aa2c17 !important;
}

.dataTables_wrapper.vendor-data-table table.dataTable th:nth-last-of-type(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 30px;
  text-align: center;
}

.dataTables_wrapper.vendor-data-table .table.table-striped tr.collapse-expand td {
  padding: 4px 18px !important;
}

.ContentTitle {
  margin: auto auto 15px;
  font-size: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ContentTitle a {
  margin: 0 !important;
  background: #aa2c17 !important;
  box-shadow: none !important;
  padding: 0 15px;
  line-height: 35px;
}

.ContentTitle a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 6px;
}

.ctrlDesc {
  margin-bottom: 18px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.ctrlDesc:last-child {
  margin-bottom: 0;
}

.ctrlDesc p {
  font-size: 14px;
  color: #000;
  line-height: 22px;
}

.ctrlDesc p strong {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}

.showpwd {
  position: absolute;
  right: 3px;
  top: 12px;
  cursor: pointer;
  font-size: 19px;
}

.inputrel .red-text {
  font-size: 11px;
  width: 100%;
}

.inputrel .input-field .invalid ~ label.active,
.inputrel .red-text {
  color: #aa2c17 !important;
}

.inputrel .input-field input:focus ~ label {
  color: #212939 !important;
}

.inputrel input {
  border: 1px solid #ccc !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  height: 54px !important;
  padding: 0 16px !important;
  margin-bottom: 0 !important;
}

.inputrel .input-field > label {
  padding: 0 8px;
  font-size: 13px;
  width: auto !important;
  border-radius: 3px !important;
  left: 10px !important;
  transform: translateY(8px);
}

.inputrel .select-wrapper + label {
  top: 0;
  font-size: 14px;
  transform: translateY(-12px) scale(0.8) !important;
  background: #fff !important;
  z-index: 1;
  padding: 0 9px !important;
  left: 8px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
}

.switch {
  vertical-align: middle;
}

.switch input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever:before,
.switch input[type=checkbox]:not(:disabled) ~ .lever:active:before {
  transform: none !important;
}

.modal {
  border-radius: 6px;
}

.modal.create-vendor-order {
  overflow: visible;
}

.modal.create-vendor-order input.select2-search__field,
.modal.create-vendor-order span.select2-search.select2-search--dropdown.select2-search--hide {
  width: 100%;
}

.modal.create-vendor-order .modal-content {
  float: left;
  width: 100%;
}

.modal .modal-wrapper {
  border-radius: 6px;
  overflow: hidden;
}

.modal .modal-wrapper .btn-blockmain {
  margin-top: -20px;
}

.modal .orderHistory-modal input {
  height: 35px !important;
}

.modal .settings-popup .section {
  padding: 0;
}

.modal .settings-popup .section .steps-card {
  padding: 0;
  box-shadow: none !important;
}

@media only screen and (max-width: 1024px) {
  .modal .settings-popup .section #step-2 .step-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 1024px) {
  .modal .settings-popup .section #step-2 .step-content > .m3 {
    width: calc(50% - 10px);
    padding: 0;
    margin: 0;
  }
}

.modal .settings-popup .modal-body {
  overflow: auto !important;
  max-height: calc(82vh - 51px) !important;
}

.privacy-modal,
.reply-modal {
  width: 80% !important;
}

@media only screen and (max-width: 1024px) {
  .privacy-modal.modal,
  .reply-modal.modal {
    width: 90% !important;
  }
}

.delete-part-modal {
  max-width: 410px;
}

.delete-part-modal .modal-content {
  padding: 0;
}

.delete-part-modal .modal-footer {
  position: relative;
  top: 7px;
}

.delete-image {
  max-width: 410px;
}

.delete-image .modal-content {
  padding: 0;
}

.delete-image .modal-footer {
  position: relative;
  top: 7px;
}

.modal-common-layout .modal-content .modal-body {
  padding: 10px 0 !important;
  overflow-x: visible;
}

.modal-common-layout .modal-content .modal-body .row {
  margin: 0;
}

.modal-common-layout .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px !important;
  align-items: center;
}

.modal-common-layout .modal-content .modal-header button.modal-close {
  background: #a90300;
  border: none;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 24px;
  line-height: 18px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.modal-common-layout .modal-content .modal-header a.addtradeBtn {
  font-size: 13px;
  position: unset;
  margin-right: 10px;
}

.modal-common-layout .modal-content .modal-header .btnred.addtradeBtn i {
  line-height: 13px;
  font-weight: 600;
  font-size: 16px;
}

.modal-common-layout .modal-content .modal-body {
  padding: 10px 5px !important;
}

.modal-common-layout .modal-content .right-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-common-layout .modal-content .right-block a.addtradeBtn {
  position: unset;
  font-size: 12px;
  margin-right: 12px;
  height: 30px;
}

.modal-common-layout .modal-content .right-block a.addtradeBtn i {
  line-height: 13px;
}

.modal-common-layout.inventory-popup .modal-body {
  padding: 12px 2px !important;
}

.modal-common-layout.inventory-popup .modal-body .row.order-detail-wrapper {
  padding: 0;
}

.modal-common-layout.inventory-order-popup .modal-body {
  padding: 10px 15px !important;
}

.modal-common-layout .modal-content .modal-body p {
  margin: 0 0 10px;
}

.modal-common-layout .modal-content .modal-body .output-cost p {
  margin: 10px;
}

.delete-modal .modal-header {
  padding: 11px 24px !important;
}

.choseImgBlock {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 20px;
}

.choseImgBlock .imgs {
  position: relative;
  margin-right: 20px;
  width: 110px;
  border: 1px solid #dedede;
  margin-bottom: 15px;
}

.choseImgBlock span.imgHide.deleteInventoryOrderImage,
.choseImgBlock span.imgHide.deleteOrderImage,
.choseImgBlock span.imgHide.delImg {
  width: 22px;
  height: 22px;
  background: #882617;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  color: #fff !important;
  position: absolute;
  right: -11px;
  top: -10px;
}

.choseImgBlock span.imgHide.deleteInventoryOrderImage span,
.choseImgBlock span.imgHide.deleteOrderImage span,
.choseImgBlock span.imgHide.delImg span {
  color: #fff !important;
  cursor: pointer;
}

.right-panel input,
.right-panel select {
  font-size: 15px;
}

.right-panel select {
  width: 100%;
}

.right-panel i {
  font-size: 12px;
}

#showCostModal {
  min-height: 390px;
}

#showCostModal.modal-common-layout .modal-content .modal-body {
  padding: 10px 15px !important;
}

.right-panel {
  float: right;
  width: 48%;
  padding-left: 2%;
}

#output {
  font-size: 11px;
}

.steps-card {
  width: 100%;
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 1px -2px rgba(82, 63, 104, 0.06), 0 2px 2px 0 rgba(82, 63, 104, 0.042), 0 1px 5px 0 rgba(82, 63, 104, 0.036) !important;
  padding: 24px;
  margin: 15px 0;
}

@media only screen and (max-width: 640px) {
  .steps-card {
    padding: 15px;
  }
}

.steps-card .steps-row {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: row;
}

.steps-card .steps-row .steps-col {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-bottom: 3px solid #cacaca;
  cursor: pointer;
}

.steps-card .steps-row .steps-col .step-col-inner {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 15px 50px;
}

@media only screen and (max-width: 640px) {
  .steps-card .steps-row .steps-col .step-col-inner {
    padding: 0;
    text-align: center;
  }
}

.steps-card .steps-row .steps-col .step-col-inner span {
  font-size: 52px;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  left: 0;
  color: #cacaca;
  line-height: 49px;
}

@media only screen and (max-width: 640px) {
  .steps-card .steps-row .steps-col .step-col-inner span {
    font-size: 32px;
    position: relative;
  }
}

.steps-card .steps-row .steps-col .step-col-inner .info-block {
  width: 100%;
  float: left;
}

@media only screen and (max-width: 640px) {
  .steps-card .steps-row .steps-col .step-col-inner .info-block {
    display: none;
  }
}

.steps-card .steps-row .steps-col .step-col-inner .info-block small {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #cacaca;
  height: auto;
}

.steps-card .steps-row .steps-col .step-col-inner .info-block p {
  margin: 0;
  color: #6b6f82;
  font-size: 17px;
  font-weight: 700;
}

.steps-card .steps-row .steps-col.active {
  border-bottom: 3px solid #882617;
}

.steps-card .steps-row .steps-col.active .step-col-inner .info-block p,
.steps-card .steps-row .steps-col.active .step-col-inner .info-block small,
.steps-card .steps-row .steps-col.active .step-col-inner span {
  color: #882617;
}

.steps-card .steps-content-block {
  width: 100%;
  float: left;
  padding-top: 15px;
}

.steps-card .steps-content-block .steps-content-inner {
  width: 100%;
  float: left;
  display: none;
}

.steps-card .steps-content-block .steps-content-inner.active {
  display: inline-block;
}

.steps-card .steps-content-block .steps-content-inner .step-actions {
  text-align: right;
}

.steps-card .steps-content-block .steps-content-inner .step-actions .next-step {
  margin-left: 1rem;
  float: right;
}

.tabs .tab a.active,
.tabs .tab a:hover {
  color: #a91a07;
}

.tabs .tab a {
  color: #a91a07 !important;
}

.select-part select {
  border: 1px solid #ccc !important;
  font-size: 13px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  height: 54px !important;
  padding: 0 16px !important;
  margin-bottom: 0 !important;
}

.inputrel .input-field.select-part label {
  position: absolute;
  left: 11px;
  transform: none;
  top: -9px;
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 12px;
  background: #fff;
  font-weight: 500;
  padding: 0 5px;
}

.manage-role-outer .add-user-listing .dataTables_filter input {
  height: 28px !important;
}

@media screen and (max-width: 768px) {
  .manage-role-outer .add-user-listing .dataTables_wrapper tbody tr td:last-of-type {
    min-width: 80px !important;
  }

  .activity-cards {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 360px) {
  .activity-box .label {
    font-size: 14px;
  }
}

@media screen and (max-width: 1163px) {
  .activity-cards {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1163px) and (max-width: 1285px) {
  .activity-cards {
    gap: 5px;
  }

  .activity-box .label {
    font-size: 12px;
  }

  .activity-box {
    padding: 12px;
  }
}

@media screen and (max-width: 425px) {
  #allPageViewsModal th {
    font-size: 12px;
  }

  #allPageViewsModal th,
  td {
    padding: 7px;
  }

  #allPageViewsModal td:nth-child(3),
  #allPageViewsModal td:nth-child(1),
  #allPageViewsModal td:nth-child(2) {
    font-size: 12px;
  }
}

.manage-role-outer .dataTables_filter:before {
  width: 12px;
  top: 8px !important;
}

.manage-role-outer table#acl-table {
  table-layout: fixed;
}

.manage-role-outer table#acl-table .description {
  width: 55% !important;
}

@media screen and (max-width: 768px) {
  .manage-role-outer table#acl-table .description {
    width: 450px !important;
  }
}

.manage-role-outer table#acl-table tr > th:first-of-type,
.manage-role-outer table#acl-table tr > th:last-of-type {
  width: 80px !important;
}

.manage-role-outer table#acl-table tr > th:nth-last-of-type(2) {
  width: 60px !important;
}

.manage-role-outer .responsive-table {
  overflow: auto;
}

@media screen and (max-width: 768px) {
  .manage-role-outer .responsive-table div#acl-table_wrapper {
    position: unset;
  }

  .manage-role-outer .responsive-table div#acl-table_wrapper div#acl-table_filter {
    position: absolute;
  }

  .manage-role-outer .responsive-table div#acl-table_wrapper .dataTables_wrapper {
    position: unset;
  }
}

.manage-role-outer #acl-table_filter {
  position: absolute;
}

.manage-role-outer .dataTables_wrapper {
  position: unset;
}

.manage-role-outer table#acl-table {
  margin-top: 50px !important;
}

.manage-role-outer .dataTables_processing {
  top: 41px !important;
}

.btnred.addtradeBtn {
  position: absolute;
  top: 13px;
  right: 70px;
  padding: 0 7px !important;
  min-width: 0;
  height: 33px;
  display: inline-flex;
  align-items: center;
}

.btnred.addtradeBtn i {
  margin-right: 5px;
}

@media only screen and (max-width: 601px) {
  .users-edit-one .card .card-content {
    padding: 20px 15px !important;
  }

  .btn-move-up {
    right: 0;
  }

  .row .col {
    padding: 0 10px;
  }

  .adduser-btn i {
    margin-right: 0;
    font-size: 15px;
  }
}

.user-order-detail .info-upload-outer-block {
  min-height: 114px;
}

.user-order-detail .info-upload-outer-block .info-upload {
  border: none !important;
}

.info-upload-outer-block {
  display: flex;
  height: auto;
  min-height: 210px;
  background-color: #f4f8f7;
  border-radius: 4px;
  position: relative;
  border: 2px dashed #565657;
}

.info-upload-outer-block .info-upload {
  height: 206px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border: none;
}

.info-upload-outer-block .info-upload p {
  color: #7d8280;
  width: 100%;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
}

.info-upload-outer-block .info-upload #dropzone1 {
  height: 100%;
  resize: vertical;
  padding: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  border: none !important;
  background: transparent;
  top: 0;
}

.info-upload-outer-block .dz-preview {
  margin: 10px;
  background: transparent !important;
}

.info-upload-outer-block .dz-preview .dz-image img {
  width: 100%;
}

.info-upload-outer-block .dz-preview .dz-success-mark {
  height: 100%;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0;
  margin: 0 !important;
  display: flex !important;
  justify-content: center;
  padding-top: 36px;
  box-shadow: none;
}

.info-upload-outer-block .dz-preview .dz-success-mark svg {
  transform: translateY(-8%);
}

.loader,
.loader-deposit {
  position: fixed;
  z-index: 10011;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.85);
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  flex-direction: column;
}

.loader-deposit img,
.loader img {
  width: 120px;
}

.loader-deposit .loader-text,
.loader .loader-text {
  display: block;
  color: #aa302a;
  margin-top: 20px;
}

.modal-common-layout .modal-content .modal-body form {
  width: 100%;
  float: left;
  padding: 20px 0 10px;
}

.text-white-10 {
  font-size: 12px;
  color: #fff;
}

.dimenstion-table .dimenstion-table th:not(.table-th-td-reset),
.dimenstion-table td:not(.table-th-td-reset) {
  border: 1px solid #aaa;
  color: #fff;
}

.dimenstion-table .input-field .red-text {
  position: absolute;
  right: 0;
  top: 49px !important;
  font-size: 11px !important;
  width: auto !important;
}

.associate-block-main .inputrel input {
  height: 36px !important;
}

.inputrel.tax-filter-wrapper {
  float: right;
  min-width: 100px;
  width: auto;
}

.inputrel.activeOuterBlock {
  top: 10px;
}

.inputrel.activeOuterBlock.date-filter-wrapper {
  right: 130px;
}

@media only screen and (max-width: 991px) {
  .inputrel.activeOuterBlock {
    position: relative;
    right: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .input-field.activeInactive {
    max-width: 31%;
  }
}

.input-field.activeInactive input {
  height: 36px !important;
}

.DescBlockContent {
  width: 100%;
  margin-bottom: 10px;
  float: left;
  color: #000;
}

.DescBlockContent.association-block {
  margin-bottom: 0;
}

.lb-outerContainer {
  width: 70vw !important;
  height: 65vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lb-outerContainer img {
  width: 100% !important;
  max-height: 65vh !important;
}

.inputrel .custom-select select {
  background: linear-gradient(50deg, #fff 50%, transparent 0), linear-gradient(130deg, transparent 50%, #fff 0), linear-gradient(270deg, #000, #000);
  background-position: 152px 10px;
  background-size: 50px 12px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #bdbdbd;
  height: 28px;
  margin-right: 10px;
  position: relative;
}

#customerItem .select2-search--hide,
.floor-len .select2-search--hide,
.floorplan-drop .select2-search--hide,
.trailer-drop .select2-search--hide,
.type-drop .select2-search--hide,
.user-select .select2-search--hide {
  display: inline-block !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #080808 !important;
  font-size: 13px !important;
}

tr.pink-bck {
  background: #ffb6c1 !important;
}

.row-buttons a {
  color: transparent;
  border: none;
  height: 18px;
  width: 18px;
  display: inline-block;
  margin: auto 5px auto auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.row-buttons a.red-btn {
  background: #aa302a;
  color: #fff;
}

.row-buttons a.green-btn {
  background: #75c418;
  color: #fff;
}

.row-buttons a i.material-icons {
  font-size: 16px;
}

.row-buttons .btn-gray-box i {
  font-size: 20px;
  color: #fff;
}

.section.users-edit .info-upload-outer-block .info-upload {
  height: 110px !important;
  min-height: 110px !important;
}

.full-width-input {
  width: 50% !important;
}

@media screen and (max-width: 1024px) {
  .customer-detail-outer .notes-mssg-blk {
    min-height: 242px;
  }

  .full-width-input {
    width: 100% !important;
  }

  .input-outer {
    flex-direction: column;
  }
}

@media screen and (max-width: 860px) {
  .customer-detail-outer .notes-mssg-blk {
    min-height: 220px;
  }
}

.user-edit-btns a {
  margin-right: 1rem;
}

.inputrel .input-field .select-wrapper + label {
  transform: translateY(-12px) translateX(0) scale(0.8) !important;
}

.dropdown-content {
  max-height: 265px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #ccc !important;
  background-color: #fff;
  border-radius: 6px !important;
}

li.select2-selection__choice {
  text-transform: capitalize;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
div.tagsinput span.tag {
  background-color: #871100 !important;
}

.select2-container--default .select2-results__option {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(134, 17, 0, 0.15) !important;
  color: #212939 !important;
  border-bottom: 1px solid rgba(134, 17, 0, 0.1294117647);
}

button.add-item {
  width: 30px;
  height: 30px;
  display: flex;
  background: #a90300;
  border: none;
  color: #fff;
  border-radius: 30px;
  position: relative;
  align-items: center;
  justify-content: center;
}

button.add-item i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 25px;
  cursor: pointer;
}

i.add-item {
  cursor: pointer;
}

.btn-gray-box {
  background: transparent;
  color: #2c323f;
  box-shadow: none;
  border: 1px solid #c3bebe;
  margin: 3px;
  border-radius: 5px;
  width: 28px;
  padding: 0;
  height: 28px;
  line-height: 29px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-gray-box i {
  font-size: 20px;
}

.btn-gray-box:focus {
  outline: none;
  background-color: #f1f1f1;
}

.multiselect-outerBlock.disabled-block span.multi-select-button {
  color: rgba(0, 0, 0, 0.42) !important;
  border: 1px solid #ccc !important;
}

.multiselect-outerBlock.disabled-block .multi-select-menu {
  display: none !important;
}

.multiselect-outerBlock.disabled-block span.multi-select-button:focus {
  border: 1px solid #ccc !important;
}

.multiselect-outerBlock.disabled-block .multi-select-container--open .multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #999;
  border-width: 0.4em 0.4em 0;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multiselect-outerBlock.disabled-block .multi-select-button:after {
  border-color: #999 transparent transparent !important;
  margin-right: 2px !important;
}

.multiselect-outerBlock span.lblselect {
  background: #fff !important;
  color: rgba(0, 0, 0, 0.6) !important;
  padding: 0 4px !important;
  font-weight: 500;
  width: auto !important;
  border-radius: 3px !important;
  left: 10px !important;
  font-size: 11px;
  position: absolute;
  top: -7px;
  z-index: 1;
}

.multiselect-outerBlock .multi-select-button:focus {
  border-color: #000 !important;
}

@media only screen and (min-width: 601px) {
  .navbar-list {
    line-height: 51px;
  }

  .page-topbar .profile-button span {
    position: relative;
    top: -4px;
  }
}

@media only screen and (max-width: 601px) {
  .profile-button .material-icons {
    line-height: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
  }
}

* {
  font-family: Rubik, sans-serif;
}

.input-field {
  position: relative;
}

.input-field .prefix {
  left: 0;
}

.input-field .prefix.active {
  color: #363636;
}

.input-field .red-text {
  position: absolute;
  left: 5px;
  top: 55px;
  width: calc(100% - 45px);
  font-size: 10px !important;
  text-align: left;
  margin-left: 0 !important;
}

.btnred {
  background-color: #a90300 !important;
  box-shadow: none !important;
  padding: 0 18px !important;
}

body {
  background-color: #ececec;
}

.heading-underline {
  width: 100%;
  margin-bottom: 20px;
  color: #000;
}

.heading-underline,
.heading-underline span {
  position: relative;
  font-size: 16px;
  float: left;
}

.heading-underline span {
  padding-bottom: 8px;
}

.heading-underline .btn-aside-wrapper {
  display: flex;
  gap: 10px;
  position: absolute !important;
  right: 0;
  top: -10px;
}

.heading-underline .btn-aside-wrapper button {
  min-width: 142px;
}

.select-wrapper.valid > input.select-dropdown,
input:not([type]).valid,
input:not([type]):focus.valid,
input[type=date]:not(.browser-default).valid,
input[type=date]:not(.browser-default):focus.valid,
input[type=datetime-local]:not(.browser-default).valid,
input[type=datetime-local]:not(.browser-default):focus.valid,
input[type=datetime]:not(.browser-default).valid,
input[type=datetime]:not(.browser-default):focus.valid,
input[type=email]:not(.browser-default).valid,
input[type=email]:not(.browser-default):focus.valid,
input[type=number]:not(.browser-default).valid,
input[type=number]:not(.browser-default):focus.valid,
input[type=password]:not(.browser-default).valid,
input[type=password]:not(.browser-default):focus.valid,
input[type=search]:not(.browser-default).valid,
input[type=search]:not(.browser-default):focus.valid,
input[type=tel]:not(.browser-default).valid,
input[type=tel]:not(.browser-default):focus.valid,
input[type=text]:not(.browser-default).valid,
input[type=text]:not(.browser-default):focus.valid,
input[type=time]:not(.browser-default).valid,
input[type=time]:not(.browser-default):focus.valid,
input[type=url]:not(.browser-default).valid,
input[type=url]:not(.browser-default):focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-color: #ccc !important;
  border-width: 1px !important;
}

input:not([type]):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-width: 1px !important;
  border-color: #ccc !important;
  box-shadow: 0 0 1px 0 #363636 !important;
}

.select-wrapper.valid > input.select-dropdown,
input:not([type]).invalid,
input:not([type]):focus.invalid,
input[type=date]:not(.browser-default).invalid,
input[type=date]:not(.browser-default):focus.invalid,
input[type=datetime-local]:not(.browser-default).invalid,
input[type=datetime-local]:not(.browser-default):focus.invalid,
input[type=datetime]:not(.browser-default).invalid,
input[type=datetime]:not(.browser-default):focus.invalid,
input[type=email]:not(.browser-default).invalid,
input[type=email]:not(.browser-default):focus.invalid,
input[type=number]:not(.browser-default).invalid,
input[type=number]:not(.browser-default):focus.invalid,
input[type=password]:not(.browser-default).invalid,
input[type=password]:not(.browser-default):focus.invalid,
input[type=search]:not(.browser-default).invalid,
input[type=search]:not(.browser-default):focus.invalid,
input[type=tel]:not(.browser-default).invalid,
input[type=tel]:not(.browser-default):focus.invalid,
input[type=text]:not(.browser-default).invalid,
input[type=text]:not(.browser-default):focus.invalid,
input[type=time]:not(.browser-default).invalid,
input[type=time]:not(.browser-default):focus.invalid,
input[type=url]:not(.browser-default).invalid,
input[type=url]:not(.browser-default):focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-color: #aa2c17 !important;
  border-width: 1px !important;
  box-shadow: 0 1px 0 0 #aa2c17;
}

input.valid ~ .prefix,
input.valid ~ label {
  color: green;
}

.modal-common-layout .modal-content {
  padding: 0;
}

.modal-common-layout .modal-content .modal-header {
  padding: 20px 24px;
  background: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.modal-common-layout .modal-content .modal-header h4 {
  margin: 0;
  font-size: 20px;
}

.modal-common-layout .modal-content .modal-body {
  padding: 10px;
}

.modal-common-layout .modal-content .modal-body .btn-blockmain .Cancel-btn,
.modal-common-layout .modal-content .modal-body .btn-blockmain .save-btn {
  border-radius: 5px;
  margin-left: 10px;
}

.modal-common-layout .modal-content .modal-body .input-field .red-text {
  font-size: 11px;
  width: 100%;
  margin-top: 0;
}

.dropdown-content li > a,
.dropdown-content li > span {
  color: #171717 !important;
}

.adduser-btn {
  position: absolute;
  right: 30px;
  padding: 0 12px;
  font-size: 13px;
  background: #aa2c17 !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adduser-btn i {
  margin-right: 3px;
  font-size: 15px;
}

.dataTables_wrapper table.dataTable {
  margin-top: 20px !important;
  float: left;
  border-bottom: 1px solid #ccc;
}

.dataTables_wrapper .dataTables_length select {
  width: 45px;
  display: inline-block;
  border-radius: 0;
  height: 33px;
  border: 0;
  outline: none;
  box-shadow: none;
  margin-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../images/down-arrow.png?d8de508896966d338368efc70ccb17f7);
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 100%;
  cursor: pointer;
}

.dataTables_wrapper .dataTable {
  font-size: 13px;
}

.dataTables_wrapper .dataTable td,
.dataTables_wrapper .dataTable th {
  color: #000;
}

.dataTables_wrapper .dataTable thead th {
  border-radius: 0;
  border-bottom: 2px solid #aa2c17;
  padding: 8px 10px;
  background: transparent;
  font-weight: 500 !important;
}

.dataTables_wrapper .dataTable thead th:after {
  content: "";
  font-size: 13px;
  vertical-align: middle;
  margin-left: 8px;
  width: 8px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  top: -1px;
  position: relative;
}

.dataTables_wrapper .dataTable thead th.sorting:after {
  background-image: url(../../images/sort_both.png?9a40133d50c97c8c47edcf4572c08a23);
}

.dataTables_wrapper .dataTable thead th.sorting_asc:after {
  background-image: url(../../images/sort_asc.png?c6e88e4e102499e0069d49e5f3593a85);
}

.dataTables_wrapper .dataTable thead th.sorting_desc:after {
  background-image: url(../../images/sort_desc.png?cfd9b4063dd1eafd7e28c469e35dbebb);
}

.dataTables_wrapper .dataTable tbody tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.0784313725);
}

.dataTables_wrapper .dataTable .btn {
  background: transparent;
  color: #4f4f4f;
  box-shadow: none;
  border: 1px solid #c3bebe;
  margin: 3px;
  border-radius: 5px;
  width: 28px;
  padding: 0;
  height: 28px;
  line-height: 29px;
  background: #f1f1f1;
}

.dataTables_wrapper .dataTable .btn i {
  font-size: 17px;
}

.dataTables_wrapper .bottom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
  float: left;
}

.dataTables_wrapper .dataTables_info {
  padding: 0;
  font-size: 13px;
  color: #535353;
}

@media screen and (max-width: 992px) {
  .dataTables_wrapper .dataTables_info {
    font-size: 11px;
  }
}

.dataTables_wrapper div.dataTables_paginate {
  padding: 0;
  font-size: 13px;
}

.dataTables_wrapper div.dataTables_paginate .paginate_button {
  background: #f1f1f1 !important;
  padding: 4px 10px;
  box-shadow: none !important;
}

.dataTables_wrapper div.dataTables_paginate .paginate_button:hover {
  color: #535353 !important;
}

.dataTables_wrapper div.dataTables_paginate .paginate_button .current {
  border: 1px solid #ccc !important;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
}

.dataTables_wrapper .dataTables_filter label {
  font-size: 0;
}

.dataTables_wrapper .dataTables_filter input {
  font-size: 12px;
  border: 1px solid #ccc !important;
  margin: auto;
  padding: 0 10px;
  width: 180px;
  height: 36px;
  color: #535353;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 5px;
}

.mt-20 {
  margin-top: 20px;
}

.clear-both {
  clear: both;
}

.assoc-table .dataTables_wrapper .dataTables_length select {
  font-size: 13px;
}

.floorplan-items .dataTables_length {
  margin-top: 0;
}

.users-edit i {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 2px;
  padding-top: 2px !important;
}

.users-edit .action-icon i {
  font-size: 20px;
  margin: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

.switch input {
  display: none;
}

.lever {
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
}

.lever,
.lever:before {
  position: absolute;
  transition: 0.4s;
}

.lever:before {
  content: "";
  height: 21px;
  width: 21px;
  left: 1px;
  bottom: 2px;
  background-color: #fff;
}

input:checked + .lever {
  background-color: #31a502;
}

label.switch input:disabled:checked + .lever {
  background-color: #31a502 !important;
  cursor: not-allowed;
  opacity: 0.5;
}

input:focus + .lever {
  box-shadow: 0 0 1px #494747;
}

input:checked + .lever:before {
  transform: translateX(26px);
}

.lever.round {
  border-radius: 34px;
}

.lever.round:before {
  border-radius: 50%;
}

span.card-title.darken-1 {
  font-size: 20px;
  font-family: Rubik, sans-serif;
  font-weight: 700;
}

label.control-label.col-lg-3.col-md-3 {
  font-size: 17px;
  font-family: Rubik, sans-serif;
  margin-top: 9px;
  display: inline-block;
}

.card-alert .desc-row {
  border-bottom: 1px solid #aa2c17;
  padding: 6px 0;
}

.card-alert .desc-row p {
  margin: 4px 0;
}

a.modal-action.modal-close {
  border: 2px solid #ccc;
  color: #818181;
}

.dataTables_filter {
  position: relative;
}

.dataTables_filter:before {
  content: "";
  width: 16px;
  height: 25px;
  background-image: url(../../images/search.svg?037140f472aa26e2a9e7946f09dd8eb6);
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  background-repeat: no-repeat;
}

.dataTables_wrapper .dataTables_filter input {
  padding-left: 35px;
}

.input-search-ht-pd .dataTables_wrapper .dataTables_filter input {
  height: 30px;
  padding-left: 32px;
}

.select-wrapper .caret {
  right: 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 5px;
}

.navbar-list.right i.material-icons {
  font-size: 18px !important;
}

.modal-header {
  float: left;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 9;
}

.btn-blockmain {
  margin-bottom: 15px;
}

.modal-common-layout .showpwd {
  right: 15px;
  top: 18px;
}

.delete-modal {
  max-width: 410px;
}

.delete-modal .deadline-popup .row > div:first-of-type {
  padding-right: 10px;
}

.delete-modal .deadline-popup .row > div:nth-of-type(2) {
  padding-left: 10px;
}

.delete-modal .deadline-popup .row .input-field {
  margin-bottom: 10px !important;
}

.delete-modal .modal-content {
  padding: 0;
}

.delete-modal .modal-footer {
  position: relative;
  top: 7px;
}

.header-edit .red-text,
.reply-modal .red-text {
  top: 105%;
  left: 0;
  right: unset;
  margin-left: 0 !important;
  width: auto !important;
}

.sidenav-main .btn-floating {
  background-color: #aa2c17 !important;
}

.reply-modal {
  max-height: 88%;
  top: 6% !important;
}

span.modl-close {
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  right: 10px;
  z-index: 999;
  top: 20px;
  cursor: pointer;
}

.btn-blockmain {
  margin-bottom: 0;
}

.modal-content {
  background: #fff;
}

h4.modal-title i {
  position: relative;
  right: 5px;
  top: 5px;
}

input.valid ~ label {
  color: #9e9e9e !important;
}

.contentEditor .red-text {
  padding-left: 15px;
}

p.editorTitle {
  font-size: 12px;
  color: #000;
  margin-left: 11px;
  margin-bottom: 4px;
  margin-top: -5px;
}

.list-block-outer,
.list-block-outer ul {
  width: 100%;
  float: left;
  position: relative;
}

.list-block-outer ul {
  margin: 0;
  padding: 0 35px;
}

.list-block-outer ul.tree-block-main {
  padding-top: 10px;
}

.list-block-outer ul li:before {
  position: absolute;
  left: -26px;
  top: 20px;
  border-bottom: 2px dashed #757575;
  content: "";
  width: 40px;
  height: 2px;
  z-index: 1;
}

label.all-check-block {
  z-index: 1;
  position: relative;
  background: #fff;
}

.list-block-outer ul li {
  position: relative;
  width: 100%;
  float: left;
  min-height: 35px;
  background: #f1f1f1;
  margin-bottom: 10px;
}

.list-block-outer ul:before {
  position: absolute;
  left: 8px;
  top: 0;
  border-left: 2px dashed #757575;
}

.list-block-outer ul li:after {
  top: 0;
  height: 100%;
}

.list-block-outer ul li:after,
.list-block-outer ul li label:before {
  position: absolute;
  left: -26px;
  border-left: 2px dashed #757575;
  content: "";
  width: 2px;
}

.list-block-outer ul li label:before {
  top: -12px;
  height: 29px;
}

.list-block-outer ul li:last-child:after {
  display: none;
}

.list-block-outer ul li span {
  z-index: 9;
}

ul.firstChild li {
  background: #fff;
}

.list-block-outer ul li label {
  padding: 7px 10px 9px 14px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.list-block-outer ul ul {
  margin-left: 15px;
}

.list-block-outer ul li i.material-icons {
  position: absolute;
  z-index: 99;
  color: rgba(0, 0, 0, 0.54);
  left: 14px;
  top: 9px;
  margin: auto;
  font-size: 22px;
  height: 22px;
  cursor: pointer;
}

.list-block-outer ul li label.plusMinus span:after,
.list-block-outer ul li label.plusMinus span:before {
  display: none;
}

.customSideNav .collapsible:hover {
  background: #2a3141;
}

[type=checkbox].filled-in:checked + span:not(.lever):after,
[type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  width: 18px;
  height: 18px;
  top: 5px;
}

[type=checkbox] + span:not(.lever) {
  width: 100%;
  height: 20px;
  color: rgba(0, 0, 0, 0.8);
}

[type=checkbox].filled-in:checked + span:not(.lever):after {
  border: 2px solid transparent;
  background-color: rgba(0, 0, 0, 0.54);
}

[type=checkbox].filled-in:checked + span:not(.lever):before {
  top: 3px;
}

.list-block-outer ul li span {
  min-height: 23px;
}

ul li [type=checkbox].filled-in:checked + span:not(.lever):after,
ul li [type=checkbox].filled-in:checked + span:not(.lever):before {
  left: 0;
}

.reply-block-main {
  width: 100%;
  float: left;
  position: relative;
}

.reply-block-main p {
  background: #fff !important;
  color: rgba(0, 0, 0, 0.6) !important;
  padding: 0 4px !important;
  font-weight: 500;
  width: auto;
  float: left;
  font-size: 12px;
  position: absolute;
  left: 15px;
  top: -10px;
  font-family: Rubik, sans-serif;
  margin: 0;
}

.reply-block-main small {
  position: absolute;
  top: 100% !important;
  font-size: 11px !important;
  color: #aa2c17 !important;
}

.reply-block-main .cke_chrome {
  border-radius: 4px;
  overflow: hidden;
}

#changePasswordModel {
  max-width: 550px;
}

ul.stepper.horizontal .step .step-content {
  height: calc(100% - 84px) !important;
  padding: 20px;
}

ul.stepper.horizontal {
  min-height: 70vh !important;
}

ul.stepper.horizontal .step.active .step-title:before,
ul.stepper.horizontal .step.done .step-title:before {
  background-color: #882617 !important;
}

.modal-common-layout.delete-modal .modal-content .modal-body {
  padding: 15px 20px;
}

@media only screen and (max-width: 640px) {
  .choseImgBlock .imgs {
    width: 95px;
    display: inline-block;
  }
}

.choseImgBlock .imgs img {
  width: 100%;
  float: left;
}

.choseImgBlock span.imgHide.deleteOrderImage,
.choseImgBlock span.imgHide.delImg {
  width: 22px;
  height: 22px;
  background: #882617;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  color: #fff !important;
  position: absolute;
  right: -11px;
  top: -10px;
}

.choseImgBlock span.imgHide.deleteOrderImage span,
.choseImgBlock span.imgHide.delImg span {
  color: #fff !important;
  cursor: pointer;
}

.dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete {
  border: none;
  margin: 10px;
  background: transparent;
}

a.dz-remove {
  background: transparent !important;
  color: #822f25;
  padding: 3px 0;
}

ul.stepper.horizontal:before {
  box-shadow: none !important;
}

ul.stepper.horizontal .step.active .step-title:before,
ul.stepper.horizontal .step.active:not(:last-of-type):after,
ul.stepper.horizontal .step.done .step-title:before,
ul.stepper.horizontal .step .step-title:before,
ul.stepper.horizontal .step:not(:last-of-type):after {
  display: none !important;
}

.step-title em {
  font-size: 52px;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  left: 0;
  color: #cacaca;
  line-height: 49px;
}

ul.stepper .step .step-title:hover {
  background-color: transparent !important;
}

ul.stepper.horizontal .step .step-title span {
  font-size: 17px;
  font-weight: 500;
}

ul.stepper.horizontal .step .step-title {
  padding: 0 0 0 49px;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  white-space: normal;
  overflow: visible;
  text-overflow: ellipsis;
}

ul.stepper.horizontal .step .step-title small {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #cacaca;
  height: auto;
}

ul.stepper.horizontal .step .step-title {
  height: auto !important;
  line-height: unset !important;
}

ul.stepper.horizontal .step {
  position: static;
  padding: 0 !important;
  width: 33.3333333333%;
  display: flex;
  align-items: center;
  height: 84px;
  justify-content: flex-start;
  border-bottom: 3px solid #cacaca;
}

ul.stepper.horizontal .step:last-of-type {
  width: 33.33% !important;
}

ul.stepper.horizontal .step.active {
  border-bottom-color: #882617;
}

ul.stepper.horizontal .step.active em,
ul.stepper.horizontal .step.active small,
ul.stepper.horizontal .step.active span {
  color: #882617;
}

ul.stepper.horizontal .step .step-content .step-actions {
  padding: 20px 1rem 0 !important;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.input-field > input[type=date]:not(.browser-default) + label,
.input-field > input[type=time]:not(.browser-default) + label,
.input-field > input[type]:-webkit-autofill:not(.browser-default) + label,
.input-field > label:not(.label-icon).active {
  transform: translateY(-8px) translateX(0) scale(0.8) !important;
  -moz-transform: translateY(-8px) translateX(0) scale(0.8) !important;
  background: #fff !important;
  color: rgba(0, 0, 0, 0.6) !important;
  padding: 0 4px !important;
  font-weight: 500;
}

.adduser-sp.add-user-listing {
  margin-top: 40px;
  width: 100%;
  float: left;
}

.vendor-outer-wrapper .add-user-listing .dataTables_filter input {
  height: 30px !important;
}

.vendor-outer-wrapper .table-outer {
  overflow: auto;
}

.vendor-outer-wrapper .table-outer .responsive-table {
  overflow: visible;
  width: 100%;
}

.vendor-outer-wrapper .table-outer .dataTables_wrapper {
  position: unset;
}

.vendor-outer-wrapper .table-outer tr > td:nth-of-type(5),
.vendor-outer-wrapper .table-outer tr > th:nth-of-type(5) {
  width: 70px !important;
}

.vendor-outer-wrapper .table-outer tr .vendor-outer-wrapper .table-outer table#part-vendor-table > td:nth-of-type(6),
.vendor-outer-wrapper .table-outer tr > th:nth-of-type(6) {
  width: 90px !important;
}

.vendor-outer-wrapper .table-outer div#part-vendor-table_filter {
  position: absolute;
  top: 13px;
  left: 29px;
}

.vendor-outer-wrapper .table-outer table#part-vendor-table {
  margin-top: 50px !important;
}

@media screen and (max-width: 1024px) {
  .vendor-outer-wrapper .table-outer table#part-vendor-table {
    float: left;
    width: 100%;
    table-layout: fixed;
  }

  .vendor-outer-wrapper .table-outer table#part-vendor-table tr > td:nth-of-type(3),
  .vendor-outer-wrapper .table-outer table#part-vendor-table tr > th:nth-of-type(3) {
    width: 200px !important;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .vendor-outer-wrapper .table-outer table#part-vendor-table tr > td:nth-of-type(2),
  .vendor-outer-wrapper .table-outer table#part-vendor-table tr > th:nth-of-type(2) {
    width: 110px !important;
  }

  .vendor-outer-wrapper .table-outer table#part-vendor-table tr > td:nth-of-type(4),
  .vendor-outer-wrapper .table-outer table#part-vendor-table tr > th:nth-of-type(4) {
    white-space: pre-wrap;
    word-break: break-word;
  }

  .vendor-outer-wrapper .table-outer table#part-vendor-table tr .vendor-outer-wrapper .table-outer table#part-vendor-table > td:first-of-type,
  .vendor-outer-wrapper .table-outer table#part-vendor-table tr tes > th:first-of-type {
    width: 140px !important;
  }

  .vendor-outer-wrapper .table-outer table#part-vendor-table td {
    white-space: pre-wrap;
    word-break: break-word;
  }
}

.vendor-outer-wrapper .dataTables_processing {
  top: 41px !important;
}

@media only screen and (max-width: 991px) {
  ul.stepper.horizontal .step {
    width: 100% !important;
  }

  ul.stepper .step:before {
    display: none;
  }

  ul.stepper.horizontal .step {
    flex-wrap: wrap;
    height: auto;
  }

  ul.stepper.horizontal .step .step-title {
    height: auto !important;
  }

  ul.stepper .step .step-title {
    margin: 0 15px 20px;
  }

  ul.stepper .step .step-content {
    margin: 0 !important;
  }

  ul.stepper.horizontal .step {
    border: none !important;
  }

  ul.stepper.horizontal .step .step-title {
    border-bottom: 3px solid #cacaca;
  }

  ul.stepper.horizontal .step.active .step-title {
    border-bottom-color: #aa311f !important;
  }

  ul.stepper.horizontal .step:last-of-type {
    width: 100% !important;
    margin: 0;
  }

  ul.stepper.horizontal .step .step-title {
    padding: 20px 20px 20px 49px;
  }

  ul.stepper.horizontal .step .step-content {
    height: auto !important;
    padding: 0;
  }

  .inputrel .select-wrapper + label {
    top: -2px;
  }
}

.container .dataTables_wrapper .dataTables_filter input:focus {
  border-width: 1px !important;
  box-shadow: 0 0 0 1px #363636 !important;
}

@media only screen and (max-width: 601px) {
  .card .card-content {
    padding: 20px 5px !important;
  }

  .card-content.card-block-main-outer {
    padding: 0 5px !important;
  }

  .btn-move-up {
    right: 0;
  }

  .row .col {
    padding: 0 10px;
  }

  .modal-common-layout .modal-content .modal-body {
    padding: 5px;
  }

  .responsive-table {
    width: 100%;
    overflow: auto;
  }

  .table-striped {
    min-width: 450px;
  }

  .adduser-btn {
    right: 8px;
    box-shadow: none !important;
    font-size: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0 0 7px;
    top: 0;
  }

  .adduser-btn i {
    margin-right: 0;
  }

  .col .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .privacy-modal,
  .reply-modal {
    width: 95% !important;
  }
}

.info-upload {
  min-height: 206px;
  background-color: #f4f8f7;
  border-radius: 4px;
  position: relative;
  border: 2px dashed #565657;
}

.buy-sell-items-images,
.info-upload {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.buy-sell-items-images {
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
}

.info-upload p {
  color: #7d8280;
  width: 100%;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

a.modal-action.modal-close {
  background: #a90300;
  border: none;
  padding: 0 18px !important;
  color: #fff;
}

.description-block-main {
  width: 100%;
  float: left;
  padding: 30px 0 10px;
}

.description-block-main p {
  padding: 0;
  margin: 0;
  font-size: 13px;
  display: flex;
  align-items: flex-start;
}

.description-block-main p span {
  width: calc(100% - 150px);
  display: inline-block;
  padding-left: 10px;
}

.description-cell {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.description-cell p b {
  font-weight: 500;
  color: #212939;
  width: 130px;
  display: inline-block;
}

.buy-sell-upload .product-dropzone-img {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: inherit;
}

.buy-sell-text {
  font-size: 12px !important;
}

.description-cell:last-child {
  margin-bottom: 0;
}

.extra-info {
  font-size: 10px;
  position: absolute;
  right: 12px;
  top: 37px;
  opacity: 0.7;
  z-index: 1;
  color: #000;
}

.associate-block-main .inputrel input {
  height: 32px !important;
  padding-top: 0 !important;
}

.associate-block-main .input-field label {
  transform: translateY(8px);
  padding: 0 5px;
}

#matIcon {
  cursor: pointer;
}

tr.collapse-expand {
  display: none;
}

td.empty-table {
  text-align: center;
}

.ready-to-send {
  max-width: 410px;
}

.inputrel.activeOuterBlock {
  position: absolute;
  width: 130px;
  right: 30px;
  top: 12px;
  width: auto;
}

.sendbtn img {
  width: 22px;
  padding: 6px 0;
}

.content-wrapper-before {
  display: none;
}

@media only screen and (max-width: 991px) {
  .inputrel.activeOuterBlock {
    position: relative;
    right: auto;
    width: 100%;
  }

  .inputrel.activeOuterBlock.input-block-wrapper {
    position: absolute !important;
    right: 20px !important;
    top: 14px;
    width: auto !important;
  }
}

.inputrel.activeOuterBlock .adduser-btn {
  position: relative;
  right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 480px) {
  .inputrel.activeOuterBlock .adduser-btn {
    margin-top: 7px;
  }
}

.input-field.activeInactive {
  width: 100%;
  float: left;
  max-width: 140px;
  margin-right: 10px;
}

.input-field.activeInactive:first-child {
  max-width: 190px;
}

@media only screen and (max-width: 991px) {
  .input-field.activeInactive {
    max-width: 31%;
  }

  .users-list-wrapper .form-col-block .inputrel {
    position: absolute !important;
    width: auto !important;
    float: right !important;
    right: 20px;
  }

  .users-list-wrapper #deadline-modal .inputrel {
    position: unset !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  .input-field.activeInactive {
    max-width: 43%;
  }
}

@media only screen and (max-width: 480px) {
  .input-field.activeInactive {
    right: auto;
    top: 0;
    position: relative;
    margin-top: 7px;
    width: calc(50% - 29px);
  }
}

.input-field.activeInactive input {
  height: 32px !important;
  padding-top: 0 !important;
  border-radius: 5px;
}

.lb-dataContainer {
  width: 70vw !important;
}

.inputrel {
  width: 100%;
  float: left;
}

.responsive-table table {
  width: 100% !important;
}

.internal-user-outer .add-user-listing .dataTables_filter input {
  height: 30px !important;
}

.internal-user-outer table tr td:last-of-type {
  min-width: 110px !important;
}

.internal-user-outer .internal-user-outer table tr td:nth-of-type(3),
.internal-user-outer table tr th:nth-of-type(3) {
  min-width: 100px !important;
}

.internal-user-outer .responsive-table {
  overflow: auto;
}

.internal-user-outer div#users-list-datatable_filter {
  position: absolute;
  margin-bottom: 20px;
}

.internal-user-outer .dataTables_wrapper {
  position: unset;
}

.internal-user-outer table#users-list-datatable {
  margin-top: 52px !important;
}

.internal-user-outer table#users-list-datatable td:last-of-type,
.internal-user-outer table#users-list-datatable tr th:last-of-type {
  width: 10%;
  min-width: 100px;
}

.internal-user-outer .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  .internal-user-outer .dataTables_processing {
    top: 42px !important;
  }
}

label span {
  font-size: 13px !important;
}

#changePwdModal [type=checkbox] + span:not(.lever) {
  padding-left: 25px !important;
}

@media only screen and (max-width: 450px) {
  .table-striped {
    min-width: 350px;
  }

  table.dataTable tbody td,
  table.dataTable tbody th {
    padding: 3px 5px !important;
  }

  .modal {
    width: 92%;
  }
}

.user-edit-btns .btn,
.user-edit-btns a {
  margin-right: 1rem;
}

.autocomplete-content .right.circle {
  display: none !important;
}

table.text12.dimenstion-table {
  border-radius: 10px;
  overflow: hidden;
}

table.inputrel .input-field > label {
  padding: 0;
  transform: translateY(8px);
}

table.inputrel .input-field input {
  height: 36px !important;
  padding-top: 0 !important;
}

.growl.growl-notice {
  background: #3d8813 !important;
}

.activeInactive .dropdown-content li > a,
.dropdown-content li > span {
  padding: 8px 10px;
  font-size: 13px;
  min-height: auto;
}

.activeInactive .dropdown-content li {
  min-height: auto;
}

.steps-content-block .step-content table tr td {
  vertical-align: middle;
}

.input-field label.active {
  background: #fff;
}

.inputrel .input-field > label.active {
  padding: 0 7px !important;
  transform: translateY(-8px) scale(0.8) !important;
  transform-origin: 0 0;
}

.dropdown-content {
  overflow-x: hidden;
}

.card .card-content {
  position: relative !important;
}

span.select2-selection.select2-selection--multiple {
  border: 1px solid rgba(0, 0, 0, 0.12);
  min-height: 55px;
  border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

.view-order-outer .select2-selection__rendered {
  line-height: 35px !important;
}

.batch-view-outer .vend-table .select2-selection__rendered {
  line-height: 28px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 16px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 0 16px !important;
  box-sizing: border-box !important;
  height: 35px !important;
  font-size: 13px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
}

.select2-search--dropdown {
  padding: 8px 11px;
  width: 100%;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none !important;
  box-shadow: none !important;
}

.select2-results__option {
  padding: 7px 10px !important;
  font-size: 13px !important;
}

#createInventoryOrder {
  min-height: 384px;
  overflow: visible;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2.select2-container.select2-container--open .select2-selection__arrow b {
  border-color: #000 transparent transparent !important;
  border-width: 6px 5px 0 !important;
  margin-left: 0 !important;
}

.select2.select2-container.select2-container--open .select2-selection__arrow b {
  transform: rotate(180deg);
}

.inv-button {
  position: absolute;
  left: 0 !important;
  bottom: 9px;
}

.set-35-height select {
  height: 35px !important;
  padding: 1px 16px 0 !important;
}

.tbinputOuter table .input-field {
  margin: 0;
  max-width: 100px;
}

.tbinputOuter table .inputrel .input-field input {
  height: 28px !important;
  padding: 0 10px !important;
  max-width: 90px;
}

.table.table-striped thead tr {
  border-radius: 0;
  padding: 8px 10px;
  background: transparent;
}

.table.table-striped tr {
  border: none;
}

.table.table-striped tr.collapse-expand {
  min-height: 50px;
  background: #f1f1f1 !important;
  border: 1px solid #e8e6e6 !important;
}

.table.table-striped tr.collapse-expand td {
  padding: 12px !important;
}

.table.table-striped tr th {
  padding: 15px 10px;
}

.table.table-striped tr:nth-child(2n) {
  background: #fafafa;
}

.multi-select-container {
  display: inline-block;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 0.8em;
  z-index: 1;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

.multi-select-menuitem {
  display: block;
  font-size: 0.875em;
  padding: 0.6em 1em 0.6em 30px;
  white-space: nowrap;
}

.multi-select-menuitem--titled:before {
  display: block;
  font-weight: 700;
  content: attr(data-group-title);
  margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
  display: block;
  font-weight: 700;
  content: attr(data-group-title);
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
  padding-top: 0;
}

.multi-select-presets {
  border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
  position: absolute;
  margin-top: 0;
  margin-left: -20px;
}

.multi-select-button {
  display: inline-block;
  font-size: 0.875em;
  padding: 0.2em 0.6em;
  max-width: 16em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 0.4em 0.4em 0;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em;
  border-color: transparent transparent #999;
}

.multi-select-container--positioned .multi-select-menu {
  box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
  white-space: normal;
}

.multiselect-outerBlock {
  width: 100%;
  display: inline-block;
}

.multiselect-outerBlock .multi-select-button {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  font-size: 13px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  height: 54px !important;
  padding: 0 10px !important;
  margin-bottom: 0 !important;
  display: inline-block;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #212121;
  cursor: pointer;
}

.multiselect-outerBlock .multi-select-container {
  width: 100%;
  display: inline-block;
}

.multiselect-outerBlock .multi-select-button:after {
  border-top-color: #212121;
}

.multiselect-outerBlock .multi-select-menu {
  overflow: auto !important;
  z-index: 9;
  width: 100%;
  overflow-x: hidden !important;
  top: 54px;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 10px 10px;
  margin-top: 0;
}

.multiselect-outerBlock .multi-select-menu label {
  padding: 0 10px 0 41px;
  font-size: 13px;
  min-height: 35px;
  color: #171717 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.multiselect-outerBlock .multi-select-menu label:hover {
  background: rgba(0, 0, 0, 0.08);
}

.multiselect-outerBlock [type=checkbox]:checked,
.multiselect-outerBlock [type=checkbox]:not(:checked) {
  width: 20px;
}

.multiselect-outerBlock .multi-select-menu label input {
  width: 19px !important;
  height: 19px !important;
  padding-top: 0 !important;
  left: 33px;
  margin-top: 0 !important;
}

label.multi-select-menuitem {
  position: relative;
}

label.multi-select-menuitem:before {
  width: 18px;
  height: 18px;
  top: 0;
  border: 2px solid #5a5a5a;
  position: absolute;
  left: 13px;
  content: "";
  bottom: 0;
  margin: auto;
  z-index: 1;
}

label.multi-select-menuitem.selected:before {
  background: #5a5a5a;
}

label.multi-select-menuitem.selected:after {
  width: 8px;
  height: 13px;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 2px;
  transform: rotate(37deg);
  transform-origin: 100% 100%;
  position: absolute;
  left: 13px;
  top: -4px;
  z-index: 1;
  content: "";
  bottom: 0;
  margin: auto;
}

textarea {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  height: 94px;
  margin-bottom: 0;
  resize: none;
  font-size: 13px;
}

.dropdown-content li {
  min-height: auto;
}

.table.table-striped tr.collapse-expand td:first-child {
  padding-left: 30px !important;
}

tr.collapse-expand td:first-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  width: 29px;
  left: 0;
}

tr.collapse-expand td {
  position: relative;
}

tr.collapse-expand td:last-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  width: 29px;
  right: 0;
}

tr.collapse-expand.last td:before {
  display: none !important;
}

.modal {
  background-color: #fff !important;
}

.switch input[type=checkbox][disabled] + .lever {
  background-color: #a9a6a6 !important;
}

[type=checkbox]:checked:disabled + span:before {
  border-bottom: 0;
}

.table.table-striped tr td:first-of-type,
.table.table-striped tr th:first-of-type {
  min-width: 95px;
}

.description-block-main p span {
  width: calc(100% - 130px);
}

.description-cell p {
  display: block !important;
}

.description-cell p b {
  width: 90px;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.description-block-main p span {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  display: block !important;
  font-size: 14px;
  margin-top: 2px;
}

.order-detail-wrapper > div:nth-of-type(2) {
  padding-right: 0;
}

.order-detail-wrapper > div:nth-of-type(3) {
  padding: 0 11px;
}

.order-detail-wrapper > div:nth-of-type(4) {
  padding-left: 0;
}

.address-wrapper p span {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  display: block !important;
  font-size: 14px;
  margin-top: 2px;
}

.address-wrapper b {
  font-size: 13px;
}

.address-wrapper {
  padding: 0 10px;
  margin-top: 4px;
}

.address-wrapper p {
  font-size: 14px;
}

.description-block-main {
  padding: 0 0 10px;
}

.add-user-listing table {
  margin-top: 0 !important;
}

.add-user-listing table#list-assoc-table th,
.add-user-listing table#part-assoc-table th {
  text-transform: none;
}

.order-items-wrapper {
  margin-top: 20px;
}

.order-items-wrapper .heading-underline {
  margin-bottom: 10px;
}

.add-user-listing .order-item-block {
  overflow: auto;
}

.add-user-listing .order-item-block table td {
  padding: 10px 12px !important;
}

.adduser-sp.add-user-listing.received,
.adduser-sp.add-user-listing.sent {
  margin-top: 0;
}

.white-bg {
  background: #fff;
}

.link-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  padding-right: 19px;
}

.link-btn button:first-of-type {
  position: relative;
}

.link-btn button:first-of-type:after {
  position: absolute;
  display: block;
  content: "";
  height: 22px;
  background-color: #a90300;
  width: 2px;
  right: 0;
  top: -5px;
}

.link-btn button {
  color: #a90300;
  font-size: 13px;
  padding: 0 15px;
  border: none;
  background: transparent;
}

.brand-sidebar span.logo-text {
  font-size: 22px;
}

.sidenav li,
.sidenav li > a {
  line-height: 40px !important;
}

.sidenav li > a {
  height: 40px !important;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.sidenav li > a img.trailer-icon {
  max-width: 26px;
  margin: 0 20px 0 0;
}

.sidenav li > a img.mc-icon {
  max-height: 20px;
  margin: 0 20px 0 0;
}

.sidenav li .material-icons {
  line-height: 40px !important;
  height: 40px !important;
}

#card-stats {
  margin-top: 5px;
  padding: 0 2px;
}

@media screen and (max-width: 992px) {
  #card-stats .row > div {
    width: 33%;
  }
}

#card-stats .card {
  min-height: 130px;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px #d6d6d6 !important;
  align-items: center;
  max-height: 316px;
  overflow: auto;
}

#card-stats .card .card-content {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 8px 14px 8px 90px;
}

@media screen and (max-width: 1024px) {
  #card-stats .card .card-content {
    padding-left: 80px;
  }
}

#card-stats .card .card-content p {
  font-size: 13px !important;
  line-height: 24px;
}

#card-stats .card .card-content .icon-outer {
  position: absolute;
  top: 8px;
  left: 33px;
  border-radius: 50%;
  display: inline-flex;
  padding: 12px;
}

@media screen and (max-width: 1024px) {
  #card-stats .card .card-content .icon-outer {
    left: 14px;
  }
}

@media screen and (max-width: 992px) {
  #card-stats .card .card-content .icon-outer {
    left: 20px;
  }
}

#card-stats .card .card-content .card-stats-number {
  line-height: 20px;
  font-size: 24px;
  margin: 6px 0 4px;
}

#work-collections {
  margin-top: 10px;
  padding: 0 2px;
}

#work-collections.div-content-double .row {
  flex-direction: row;
  flex-wrap: wrap;
}

#work-collections.div-content-double .row > div {
  width: 100% !important;
}

#work-collections.div-content-double .row > div:first-of-type {
  margin-bottom: 20px;
}

#work-collections.third .add-user-listing .table tr > td:first-of-type,
#work-collections.third .add-user-listing .table tr > th:first-of-type {
  width: 25% ​ !important;
}

#work-collections .card {
  max-height: 350px;
  overflow: auto;
}

#work-collections .card.customers-table td,
#work-collections .card.customers-table th {
  width: 28% !important;
  word-break: break-word;
}

#work-collections .card.customers-table td.status-col,
#work-collections .card.customers-table th.status-col {
  min-width: 70px;
  width: 8% !important;
}

#work-collections .card.customers-table td.email-col,
#work-collections .card.customers-table th.email-col {
  min-width: 140px;
}

#work-collections .card.customer-outer-wrapper {
  overflow: hidden;
  position: relative;
}

#work-collections .card.customer-outer-wrapper .input-block-wrapper .input-field:last-of-type {
  margin-right: 0;
}

#work-collections .card.customer-outer-wrapper .card-content {
  padding: 15px 10px;
}

#work-collections .card.customer-outer-wrapper .input-block-wrapper {
  display: inline-flex;
  width: auto;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: -5px;
  top: unset;
}

@media screen and (max-width: 992px) {
  #work-collections .card.customer-outer-wrapper .input-block-wrapper {
    right: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  #work-collections .card.customer-outer-wrapper .input-block-wrapper .input-field {
    width: 127px;
  }
}

#work-collections .card.customer-outer-wrapper .dataTables_filter {
  margin-right: 10px;
}

@media screen and (max-width: 992px) {
  #work-collections .card.customer-outer-wrapper .dataTables_filter {
    right: 405px !important;
  }
}

@media screen and (max-width: 992px) {
  #work-collections .card.customer-outer-wrapper .dataTables_filter input {
    width: 80px;
  }
}

#work-collections .card.customer-outer-wrapper .responsive-table {
  float: left;
  width: 100%;
  overflow: unset !important;
}

#work-collections .card.customer-outer-wrapper .responsive-table .dataTables_filter {
  position: absolute;
  top: -67px;
  right: 490px;
}

@media screen and (max-width: 992px) {
  #work-collections .card.customer-outer-wrapper .responsive-table .dataTables_filter {
    right: -58px;
  }
}

#work-collections .card.customer-outer-wrapper .users-list-table {
  overflow: unset !important;
}

#work-collections .card.customer-outer-wrapper .table-container-2 {
  overflow: auto;
  width: 100%;
  max-height: 220px;
  margin-top: 8px;
}

#work-collections .card.customer-outer-wrapper .table-container-2 .table {
  margin: 0 !important;
  border: 1px solid #ccc;
}

#work-collections .card.customer-outer-wrapper .heading-underline ul li span {
  width: 100%;
}

#work-collections .card.customer-outer-wrapper .heading-underline ul li span:before {
  display: none;
}

#work-collections .row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}

#work-collections .row:after {
  display: none;
}

#work-collections .row .card {
  width: calc(49% - 2px);
  margin: 0;
  box-shadow: 0 0 5px #d6d6d6 !important;
}

#work-collections .row .col.s12.card {
  position: relative;
  overflow: hidden !important;
}

#work-collections.second {
  margin: 15px 0 20px;
}

#work-collections.third {
  margin: 15px 0 25px;
}

#work-collections.third .heading-underline {
  margin: 10px 0 5px;
  display: flex;
  justify-content: space-between;
}

#work-collections.third .heading-underline a {
  font-size: 13px;
  line-height: 26px;
}

#work-collections.third .users-list-table {
  padding: 10px !important;
  overflow: auto;
}

#work-collections.third .add-user-listing {
  width: 100%;
  float: left;
  padding: 0;
}

#work-collections.third .add-user-listing .responsive-table {
  padding: 0;
}

#work-collections.third .full-width-block {
  width: 100% !important;
}

@media screen and (max-width: 1024px) {
  #work-collections.third .row {
    flex-direction: column;
  }

  #work-collections.third .row > div {
    width: 100%;
  }

  #work-collections.third .row > div:first-of-type {
    margin-bottom: 20px;
  }
}

#work-collections .responsive-table {
  overflow: auto;
  height: 230px;
}

#work-collections .dataTables_processing {
  top: -10px;
}

#work-collections .dataTables_wrapper table.dataTable {
  margin-top: 0 !important;
}

#chart-dashboard.animate.fadeLeft,
#chart-dashboard.animate.fadeRight {
  margin: 9px 0;
}

#chart-dashboard.animate.fadeUp {
  margin: 13px 0;
}

#projects-collection .collection-item.avatar {
  padding-top: 18px;
}

#projects-collection .collection-header {
  font-size: 16px;
}

#chart-dashboard span.chart-title.white-text {
  font-size: 22px;
}

#chart-dashboard .card-move-up .move-up {
  padding: 16px;
}

@media screen and (max-width: 768px) {
  #chart-dashboard .card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #chart-dashboard .card-content:after {
    content: "";
    display: block;
    clear: both;
  }

  #chart-dashboard .card-content a.btn-floating {
    position: absolute;
    right: 0;
    top: -20px;
  }
}

.collection {
  margin: 0 0 5px;
}

.collection .collection-item.avatar p {
  font-size: 14px;
}

.collection .collection .collection-item.avatar {
  min-height: 80px;
}

.collection .collection-item {
  padding: 7px 20px;
}

.collection p.collections-title {
  font-size: 14px;
}

.collection p.collections-content {
  font-size: 12px;
}

#issues-collection .collections-title strong {
  font-size: 14px;
}

.top-header {
  padding: 0 !important;
}

.top-header span {
  font-size: 17px;
  color: #374151;
}

ol.breadcrumbs.mb-0 {
  line-height: 17px;
  margin-top: 0 !important;
}

div#breadcrumbs-wrapper {
  height: 42px;
  padding: 10px 0;
}

div#breadcrumbs-wrapper.breadcrumbs-bg-image .breadcrumbs a,
div#breadcrumbs-wrapper li.breadcrumb-item {
  font-size: 13px;
}

section.users-list-wrapper.section {
  padding: 3px 0;
}

section.users-list-wrapper.section.outer-metal-calculations h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px;
}

section.users-list-wrapper.section.outer-metal-calculations .inner-wrapper {
  padding: 0 16px;
  margin: 10px 0 0;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  float: left;
  width: 100%;
  gap: 0 15px;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer .select-dropdown {
  width: 35%;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer .select-part {
  margin: 0;
  width: 100%;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer .select-part.type-drop label {
  top: 0;
  font-size: 14px;
  transform: translateY(-12px) scale(0.8) !important;
  padding: 0 9px !important;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer .select-part .select2-selection.select2-selection--single {
  height: 35px;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer .select-part .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer .select-part .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

section.users-list-wrapper.section.outer-metal-calculations .select-form-outer button {
  margin-top: 1px;
}

section.users-list-wrapper.section.outer-metal-calculations .dataTables_wrapper .dataTables_filter {
  display: none;
}

section.users-list-wrapper.section.outer-metal-calculations .dataTables_wrapper td.name-col,
section.users-list-wrapper.section.outer-metal-calculations .dataTables_wrapper th.name-col {
  width: 36%;
}

section.users-list-wrapper.section button#history i {
  font-weight: 700;
}

section.users-list-wrapper.section div#modalBox {
  top: 10% !important;
  bottom: unset !important;
  overflow: visible;
}

section.users-list-wrapper.section div#vendorOrder {
  top: 25% !important;
  bottom: unset !important;
  min-height: 160px !important;
  overflow: visible;
}

section.users-list-wrapper.section div#vendorOrder .input-field {
  overflow: visible !important;
  position: relative !important;
}

section.users-list-wrapper.section div#vendorOrder .input-field .select2-container:nth-of-type(2) {
  position: absolute;
  top: 46px;
  left: 0;
  height: 250px;
  overflow: visible !important;
  z-index: 9999999 !important;
}

section.users-list-wrapper.section div#vendorOrder .input-field .select2-container:nth-of-type(2) span.select2-search {
  padding: 4px 0 !important;
}

section.users-list-wrapper.section div#vendorOrder .input-field .select2-container:nth-of-type(2) input.select2-search__field {
  border: 1px solid #ccc !important;
}

section.users-list-wrapper.section div#vendorOrder .input-field .select2-container:nth-of-type(2) ul {
  max-height: 246px !important;
}

section.users-list-wrapper.section div#vendorOrder .btn-blockmain {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0 10px;
}

section.users-list-wrapper.section .card {
  margin-top: 12px;
}

section.users-list-wrapper.section .card-content.add-user-listing {
  padding: 13px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td {
  padding: 6px 10px;
  white-space: pre-wrap;
  word-break: break-word;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.reason-cell {
  width: 18%;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.from-cell,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.order-id-cell,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.sent-cell,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.to-cell,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.type-cell {
  word-wrap: break-word;
  white-space: normal;
  width: 12% !important;
  min-width: 0 !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.order-id-cell {
  width: 8% !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.sent-cell {
  width: 7% !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper tbody td.cc-cell {
  width: 18%;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper input,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper select-dropdown {
  height: 30px;
  border: 1px solid #ccc !important;
  padding-left: 32px;
  width: 170px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTables_filter:before {
  content: "";
  width: 14px;
  height: 23px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable .btn {
  height: 26px;
  line-height: 26px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable .btn i {
  font-size: 15px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable .btn:nth-of-type(3) i {
  font-weight: 600;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable {
  margin-top: 20px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .stock-col {
  min-width: 110px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .price-col {
  min-width: 65px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .part-id {
  width: 8% !important;
  min-width: 78px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .action-col {
  width: 12% !important;
  min-width: 230px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .build-col {
  min-width: 90px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .cost-col {
  min-width: 100px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .active-col {
  min-width: 60px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table .name-col {
  min-width: 150px;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table {
  table-layout: unset !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.stock-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.stock-col {
  width: 8% !important;
  min-width: 110px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.name-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.name-col {
  width: 32% !important;
  min-width: 130px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.price-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.price-col {
  width: 10% !important;
  min-width: 75px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.part-id,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.part-id {
  width: 10% !important;
  min-width: 85px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.cost-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.cost-col {
  width: 10% !important;
  min-width: 90px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.build-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.build-col {
  width: 9% !important;
  min-width: 105px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.active-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.active-col {
  width: 9% !important;
  min-width: 54px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table td.action-col,
section.users-list-wrapper.section .card-content.add-user-listing .dataTables_wrapper .dataTable#part-management-table.partsManagement-table th.action-col {
  width: 10% !important;
  min-width: 230px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .adduser-btn {
  height: 32px;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}

section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr th {
  padding: 13px 8px;
  font-size: 13px;
}

section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped .table.table-striped tr td:first-of-type,
section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr th:first-of-type {
  min-width: 92px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped table.dataTable tbody td,
section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tbody th {
  padding: 6px 8px;
  font-size: 13px;
}

section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr td.vendor-Id,
section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr th.vendor-Id {
  min-width: unset !important;
  width: 6% !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr td.action-col,
section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr th.action-col {
  width: 15% !important;
}

section.users-list-wrapper.section .card-content.add-user-listing.process-loader .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  section.users-list-wrapper.section .card-content.add-user-listing.process-loader .dataTables_processing {
    top: 42px !important;
  }
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .data-table-wrapper {
  overflow: auto;
  width: 100%;
  float: left;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped {
  table-layout: unset;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.vendor-Id,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.vendor-Id {
  min-width: 30px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.po-title,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.po-title {
  width: 8% !important;
  min-width: 80px;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.title-col,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.title-col {
  width: 25% !important;
  min-width: 260px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.status-col,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.status-col {
  width: 10% !important;
  min-width: 65px;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.created-col,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.created-col {
  width: 10% !important;
  min-width: 90px;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.send-col,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.send-col {
  width: 10% !important;
  min-width: 95px;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.order-col,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.order-col {
  width: 10% !important;
  min-width: 94px;
}

section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr td.action-col,
section.users-list-wrapper.section .card-content.add-user-listing .vendorOrder-table-wrapper .table.table-striped tr th.action-col {
  width: 10% !important;
  min-width: 125px !important;
}

section.users-list-wrapper.section .add-user-listing .responsive-table #part-management-table_wrapper .data-table-wrapper {
  overflow: auto;
  width: 100%;
  float: left;
}

section.users-list-wrapper.section .dataTables_wrapper .bottom {
  margin-top: 6px;
}

section.users-list-wrapper.section a.paginate_button.previous {
  margin-right: 5px !important;
}

section.users-list-wrapper.section a.paginate_button.next {
  margin-left: 7px !important;
}

section.users-list-wrapper.section .input-field {
  margin-top: 0;
  height: 27px !important;
  width: auto;
}

section.users-list-wrapper.section .adduser-btn {
  margin-top: 0 !important;
  height: 30px !important;
}

section.users-list-wrapper.section .adduser-btn.new-btn {
  height: 32px !important;
}

section.users-list-wrapper.section .dataTables_wrapper .dataTable .btn i {
  font-size: 13px;
  line-height: 25px;
}

section.users-list-wrapper.section .dataTables_wrapper .dataTable.to-be-created .btn i {
  font-size: 17px;
}

section.users-list-wrapper.section .dataTables_wrapper .dataTable .btn {
  height: 25px !important;
}

section.users-list-wrapper.section .table.table-striped tr th {
  padding: 11px 8px;
}

section.users-list-wrapper.section .dataTables_wrapper tbody td {
  padding: 5px 10px;
}

section.users-list-wrapper.section .dataTables_wrapper .no-input-wrapper tbody td {
  padding: 13px 10px;
}

section.users-list-wrapper.section.customer-order-outer .table.table-striped tr td,
section.users-list-wrapper.section.customer-order-outer .table.table-striped tr th {
  width: 8% !important;
  min-width: 80px;
}

section.users-list-wrapper.section.customer-order-outer .table.table-striped tr td:last-of-type,
section.users-list-wrapper.section.customer-order-outer .table.table-striped tr th:last-of-type {
  width: 5% !important;
  min-width: 110px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr td:nth-last-of-type(3),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr td:nth-last-of-type(4),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr th:nth-last-of-type(3),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr th:nth-last-of-type(4) {
  width: unset !important;
  min-width: 36px !important;
  white-space: nowrap;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr td:nth-last-of-type(2),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr th:nth-last-of-type(2) {
  width: 7% !important;
  min-width: 100px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr td.calls,
section.users-list-wrapper.section.customer-order-outer.leads-order-outer table tr th.calls {
  min-width: 60px !important;
  width: 4% !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper {
  position: unset;
  overflow: auto;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper div#orders-table_filter {
  position: absolute;
  z-index: 1;
  top: 15px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper table#orders-table {
  margin-top: 10px !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper tr td:nth-of-type(2) {
  color: #aa2c17;
  font-weight: 500;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper tr td.empty {
  background-color: #f7c305 !important;
  border-radius: 0;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper tr td.blue-td {
  background-color: #664cf5;
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer div#orders-table_wrapper tr td.red-td {
  background: #dc462d;
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .responsive-table {
  overflow: auto;
  width: 100%;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper {
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 14px;
  width: 100%;
  position: unset !important;
  padding: 0 18px;
}

@media screen and (max-width: 1024px) {
  section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper {
    margin-top: 50px;
    padding: 0 20px;
  }
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp {
  display: flex;
  flex-direction: row;
  margin-right: 0 !important;
  gap: 8px 0;
  height: auto !important;
  flex-wrap: wrap;
  width: calc(100% - 450px) !important;
  margin-left: 190px !important;
  justify-content: space-between;
  align-items: flex-start;
  max-width: unset !important;
  margin-top: 3px;
}

@media screen and (max-width: 1024px) {
  section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp {
    margin-left: 0 !important;
    width: calc(100% - 242px) !important;
  }
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp b {
  color: #4e4e4e;
  font-size: 14px;
  margin-top: 6px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp .button-wrapper {
  width: calc(100% - 50px);
  gap: 8px 0;
  display: flex;
  flex-wrap: wrap;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp .button-wrapper button {
  background: transparent !important;
  border: 2px solid #aa302a !important;
  color: #aa302a !important;
  font-weight: 500;
  font-size: 12px;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  border-radius: 4px;
  min-width: 50px;
  margin-right: 10px;
  min-height: 28px;
  padding: 0 10px !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp .button-wrapper button:first-of-type {
  margin-left: 0;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-block-wrapper .buttons-drp .button-wrapper button.active {
  background: #aa2c17 !important;
  color: #fff !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .filter-block {
  display: inline-flex;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .filter-block a {
  position: unset;
  min-width: 90px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table tr td:first-of-type,
section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table tr th:first-of-type {
  min-width: 100px !important;
  width: 7% !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table td:nth-of-type(2),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table td:nth-of-type(3),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table th:nth-of-type(2),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table th:nth-of-type(3) {
  width: 10% !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table.table-striped tr td:nth-of-type(4),
section.users-list-wrapper.section.customer-order-outer.leads-order-outer .card-content .table.table-striped tr th:nth-of-type(4) {
  white-space: nowrap;
  width: 10% !important;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .input-field.activeInactive:first-child {
  max-width: 130px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .dataTables_wrapper input {
  width: 120px;
}

section.users-list-wrapper.section.customer-order-outer.leads-order-outer .bottom {
  margin-bottom: 6px;
}

section.users-list-wrapper.section.trailers-main .table.table-striped tr td:last-of-type,
section.users-list-wrapper.section.trailers-main .table.table-striped tr th:last-of-type {
  width: 5% !important;
}

section.users-list-wrapper.section.trailers-main .table.table-striped tr td,
section.users-list-wrapper.section.trailers-main .table.table-striped tr th {
  min-width: 80px !important;
  white-space: nowrap;
}

section.users-list-wrapper.section.trailers-main .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  section.users-list-wrapper.section.trailers-main .dataTables_processing {
    top: 42px !important;
  }
}

section.users-list-wrapper.section.newsletter-section-wrapper .table.table-striped tr td:first-of-type,
section.users-list-wrapper.section.newsletter-section-wrapper .table.table-striped tr th:first-of-type {
  width: 90% !important;
}

section.users-list-wrapper.section.newsletter-section-wrapper .table.table-striped tr td:last-of-type,
section.users-list-wrapper.section.newsletter-section-wrapper .table.table-striped tr th:last-of-type {
  width: 10% !important;
  min-width: 60px;
}

section.users-list-wrapper.section.newsletter-section-wrapper .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  section.users-list-wrapper.section.newsletter-section-wrapper .dataTables_processing {
    top: 42px !important;
  }
}

.contact-details .description-cell {
  margin-bottom: 0;
}

.contact-details .description-cell p {
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.contact-details .description-cell p b {
  width: 16%;
  display: inline-block;
}

.contact-details .description-cell p span {
  width: 80%;
  display: inline-block !important;
  margin-left: 10px;
  margin-top: 0;
}

.contact-details .description-block-main {
  padding-bottom: 0;
}

.contact-details.modal-common-layout .modal-content .modal-body {
  padding: 10px 15px !important;
}

.navbar-fixed {
  height: 60px;
}

.navbar-fixed nav {
  height: 58px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 3px 0 transparent;
}

.navbar-fixed .navbar-list {
  height: 58px !important;
}

.navbar-fixed ul li,
.navbar-fixed ul li a,
.navbar-fixed ul li a i {
  height: 58px !important;
  line-height: 58px !important;
}

.navbar-fixed ul a.profile-button {
  font-size: 14px;
}

.link-btn {
  height: 25px;
}

.link-btn button {
  font-size: 12px;
}

.switch {
  width: 44px;
  height: 21px;
}

.switch .lever:before {
  height: 15px;
  width: 14px;
  left: 2px;
  bottom: 3px;
}

.section.users-edit .inputrel .input-field > label {
  transform: translateY(8px);
}

.section.users-edit .info-upload-outer-block .info-upload {
  height: 85px;
  min-height: 85px;
}

.section.users-edit .row.mt-20 {
  margin-top: 8px;
}

.section.users-edit .card .card-content {
  padding: 14px 18px;
}

.section.users-edit .heading-underline {
  font-size: 16px;
  margin-bottom: 2px;
}

.section.users-edit .inputrel input {
  height: 35px !important;
  font-size: 13px !important;
  padding-top: 0 !important;
}

.section.users-edit .qty-height .inputrel input {
  height: 28px !important;
}

.section.users-edit .extra-info {
  top: 27px;
}

.section.users-edit .dataTables_wrapper .dataTables_info {
  font-size: 12px;
}

.section.users-edit .input-field.activeInactive input,
.section.users-edit a#users-list-datatable_next,
.section.users-edit a#users-list-datatable_previous,
.section.users-edit a.paginate_button.current {
  font-size: 12px !important;
}

.section.users-edit .input-field {
  margin: 12px 0;
}

.section.users-edit .col.btn-blockmain {
  margin-top: 10px !important;
}

.section.users-edit .input-field .red-text {
  width: auto !important;
  top: 38px;
}

.section.users-edit.trailer-outer-wrapper .product-dropzone-img {
  padding: 0 20px;
}

.section.users-edit.trailer-outer-wrapper .product-dropzone-img .dz-preview {
  margin: 16px 10px !important;
  background: transparent !important;
  height: 120px;
  min-height: 120px !important;
}

.section.users-edit.trailer-outer-wrapper .product-dropzone-img .dz-preview .dz-image {
  width: 100px;
  height: 100px;
}

.section.users-edit.trailer-outer-wrapper .product-dropzone-img .dz-preview .dz-error-mark,
.section.users-edit.trailer-outer-wrapper .product-dropzone-img .dz-preview .dz-success-mark {
  padding-top: 30px;
}

.section.users-edit.trailer-outer-wrapper .product-dropzone-img .dz-preview img {
  max-width: 100px;
}

.section.users-edit.trailer-outer-wrapper .info-upload {
  height: 150px !important;
  min-height: 150px !important;
}

.section.users-edit.order-page .flex-wrapper,
.section.users-edit.vendor-order-recieved .flex-wrapper {
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 14px;
}

.section.users-edit.order-page .flex-wrapper > div,
.section.users-edit.vendor-order-recieved .flex-wrapper > div {
  width: calc(33.33333% - 10px);
}

.section.users-edit.order-page .flex-wrapper > div.m-15,
.section.users-edit.vendor-order-recieved .flex-wrapper > div.m-15 {
  margin: 0 15px;
}

.section.users-edit.order-page .flex-wrapper > div b,
.section.users-edit.vendor-order-recieved .flex-wrapper > div b {
  color: #212939;
  font-size: 13px;
}

.section.users-edit.order-page .flex-wrapper > div span,
.section.users-edit.vendor-order-recieved .flex-wrapper > div span {
  display: block !important;
  font-size: 14px;
  margin-top: 2px;
  word-break: break-word;
}

.section.users-edit.credit-page-outer .declaration-outer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100% !important;
}

.section.users-edit.credit-page-outer .declaration-outer .agreement-block {
  width: 100%;
}

.section.users-edit.credit-page-outer .extra-info {
  background: #fff;
  padding: 0 4px;
  opacity: 1;
  color: #575757;
  font-size: 9px;
}

@media screen and (max-width: 768px) {
  .section.users-edit.credit-page-outer .extra-info {
    font-size: 8px;
  }
}

.section.users-edit.credit-page-outer .half-block-input > div {
  width: 50% !important;
}

@media screen and (max-width: 1024px) {
  .section.users-edit.credit-page-outer .row .col.m4 {
    width: 50%;
  }
}

.section.users-edit.credit-page-outer .declaration-block {
  width: 100%;
  float: left;
  height: auto !important;
  flex-direction: column;
  align-items: flex-start !important;
}

.section.users-edit.credit-page-outer .agreement-block {
  margin-bottom: 10px;
}

.section.users-edit .mleft-2 {
  margin-left: -10px;
}

.section.users-edit.partManagement-wrapper .extra-info {
  top: 36px;
  right: 0;
}

.section.users-edit.partManagement-wrapper .add-user-listing {
  padding: 14px 22px !important;
}

.section.users-edit.partManagement-wrapper .info-upload-outer-block .info-upload {
  min-height: 206px !important;
}

.section.users-edit.partManagement-wrapper .input-field {
  margin: 12px 0;
}

@media only screen and (max-width: 992px) {
  .section.users-edit.partManagement-wrapper .select-form-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 992px) {
  .section.users-edit.partManagement-wrapper .select-form-block > .col.m3,
  .section.users-edit.partManagement-wrapper .select-form-block > .col.m4 {
    width: calc(50% - 10px) !important;
    padding: 0;
    margin: 0 !important;
  }
}

.section.users-edit.partManagement-wrapper .part-id .error {
  position: absolute;
  left: 0;
  top: 36px;
  color: #aa2c17;
  font-size: 10px;
}

.section-form-wizard .step-content small.red-text,
.section.users-edit.partManagement-wrapper .part-id .red-text {
  top: 36px;
}

.section-form-wizard .inputrel .select-wrapper + label {
  top: 0 !important;
}

.section-form-wizard .steps-card {
  padding: 16px 19px;
}

.section-form-wizard .steps-card .multiselect-outerBlock .multi-select-button {
  height: 35px !important;
}

.section-form-wizard .steps-card .multiselect-outerBlock .multi-select-menu {
  top: 34px;
}

.section-form-wizard .steps-card .input-field label.active {
  top: 1px;
}

.section-form-wizard .steps-card .step-actions {
  margin-top: 10px;
}

.section-form-wizard .steps-card .steps-content-block .inputrel input {
  height: 35px !important;
  padding-top: 0 !important;
}

.section-form-wizard .steps-card .steps-content-block .input-field {
  margin: 10px 0;
}

.section-form-wizard .steps-card .steps-content-block#floorplan-form {
  margin: 0;
}

.section-form-wizard .steps-card .step-col-inner {
  padding-bottom: 10px !important;
}

.section-form-wizard .steps-card .step-col-inner .info-block small {
  font-size: 12px !important;
}

.section-form-wizard .steps-card .step-col-inner .info-block p {
  font-size: 15px !important;
  line-height: 19px;
}

.section-form-wizard .steps-card > span {
  font-size: 40px !important;
}

.section-form-wizard span.extra-info {
  top: 36px !important;
  right: 8px;
}

@media screen and (max-width: 1024px) {
  .section-form-wizard span.extra-info {
    top: 27px;
    font-size: 9px;
  }
}

.section-form-wizard span.extra-info.extra-info-space {
  top: 94px !important;
}

.section-form-wizard .col.user-edit-btns {
  margin-top: 10px !important;
}

.section-form-wizard #vendor-order-manager {
  margin-top: 0;
}

.section-form-wizard #vendor-order-manager span.extra-info {
  top: 40px;
}

.section-form-wizard #vendor-order-manager textarea {
  border: 1px solid #ccc;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing .dataTables_wrapper .dataTable,
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing .dataTables_wrapper.order-items-table .dataTable {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing .dataTables_wrapper .dataTable {
    table-layout: fixed;
  }
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing section.users-list-wrapper.section tr > td:nth-of-type(5),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(5) {
  min-width: 80px;
  width: 65px !important;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing section.users-list-wrapper.section tr > td:nth-of-type(5) .btn-gray-box,
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(5) .btn-gray-box {
  margin: 0;
  display: inline-block;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing section.users-list-wrapper.section tr > td:nth-of-type(5) > td,
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(5) > td {
  min-width: 80px;
  width: 60px !important;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(6),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section tr > td:nth-of-type(6) {
  width: 30px !important;
  text-align: center;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > td:nth-of-type(2),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > td:nth-of-type(3),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > td:nth-of-type(4),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(2),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(3),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(4) {
  width: 130px !important;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > td:nth-of-type(2),
.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(2) {
  width: 100px !important;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .adduser-sp tr > th:nth-of-type(4) {
  width: 140px !important;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .adduser-sp tr > th:nth-of-type(6) {
  width: 90px !important;
  text-align: left;
}

.section-form-wizard #vendor-order-manager section.users-list-wrapper.section .adduser-sp tr > th:nth-of-type(7) {
  width: 70px !important;
}

.section-form-wizard #vendor-order-manager.partVendor-wrapper .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
  margin-top: 4px;
}

.section-form-wizard #vendor-order-manager.partVendor-wrapper .heading h3 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}

.section-form-wizard #vendor-order-manager.partVendor-wrapper .heading a {
  position: absolute;
  right: -15px;
}

.section-form-wizard.vendor-order-outer span.extra-info {
  top: 36px !important;
  right: 8px;
  font-size: 10px;
  color: #000;
}

.section-form-wizard.vendor-order-outer span.extra-info.extra-info-space {
  top: 94px !important;
}

.section-form-wizard.vendor-order-outer .notes-block {
  padding: 0 10px;
}

.section-form-wizard.vendor-order-outer .heading-blk {
  position: relative;
}

.section-form-wizard.vendor-order-outer .heading-blk a {
  position: absolute;
  right: 0;
  top: 13px;
}

.section-form-wizard.vendor-order-outer .heading-blk .mc-heading {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  margin-top: 15px !important;
  float: left;
  width: 100%;
  color: #353535;
}

.section-form-wizard.vendor-order-outer .print-header {
  position: relative;
}

.section-form-wizard.vendor-order-outer .print-header .print-btn {
  position: absolute;
  right: -12px;
  bottom: 5px;
}

.section-form-wizard.vendor-order-outer .vendorItems-blk section.users-list-wrapper.section .dataTables_wrapper .dataTable {
  margin-top: 10px !important;
}

.section-form-wizard.vendor-order-outer .vendorItems-blk section.users-list-wrapper.section .dataTables_wrapper .expended-row .dataTable {
  margin-top: 0 !important;
  background-color: #fff;
}

.section-form-wizard.vendor-order-outer .vendorItems-blk section.users-list-wrapper.section .dataTables_wrapper .expended-row > td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.section-form-wizard.inventorys-trailer-outer .row:after {
  display: none !important;
}

.section.classes-page-outer .extra-info {
  top: 40px !important;
  right: 0;
  padding: 0 4px;
  line-height: 12px;
}

@media screen and (max-width: 1150px) {
  .section.classes-page-outer .extra-info {
    top: 50px !important;
  }
}

.section.classes-page-outer button.btn.btnred {
  top: 0 !important;
  height: 35px !important;
}

section.users-list-wrapper.section input {
  font-size: 12px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-right: 22px !important;
}

section.users-list-wrapper.section .modal.modal-common-layout form {
  padding: 0 !important;
}

section.users-list-wrapper.section .modal.modal-common-layout .input-field {
  margin: 0 0 25px;
}

section.users-list-wrapper.section .modal.modal-common-layout .input-field .select-wrapper + label {
  top: 0 !important;
}

section.users-list-wrapper.section .modal.modal-common-layout .input-field small.red {
  left: 5px;
}

section.users-list-wrapper.section .modal.modal-common-layout .input-field span.extra-info {
  right: 5px;
  top: 38px;
}

section.users-list-wrapper.section.inventory-orders-wrapper #inventory-orders-table th {
  white-space: nowrap;
}

section.users-list-wrapper.section.inventory-orders-wrapper .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 119px) {
  section.users-list-wrapper.section.inventory-orders-wrapper .dataTables_processing {
    top: 42px !important;
  }
}

.section.section-form-wizard .section.section-form-wizard .heading-underline {
  margin-bottom: 10px;
}

.section.section-form-wizard .section.section-form-wizard .heading-underline span {
  font-size: 17px;
}

.section.section-form-wizard section.users-list-wrapper th {
  padding: 8px !important;
}

.section.section-form-wizard section.users-list-wrapper th td.dataTables_empty.empty-table {
  padding: 10px 0 !important;
}

.section.section-form-wizard section.users-list-wrapper th .adduser-sp.add-user-listing {
  margin-top: 10px;
}

.section.section-form-wizard.part-management-outer span.extra-info {
  top: 22px;
  color: #000;
}

.section.section-form-wizard.part-management-outer #step-2 span.extra-info {
  top: 36px !important;
}

.section.section-form-wizard.part-management-outer input#duneSportPartIdPrefix {
  text-align: center;
  padding: 3px !important;
}

.navbar-fixed ul > li {
  height: 43px !important;
  line-height: 28px !important;
  position: relative;
}

ul#profile-dropdown {
  height: 98px !important;
  width: 175px !important;
  overflow: hidden;
  right: 0 !important;
  left: auto !important;
}

ul#profile-dropdown a {
  font-size: 13px !important;
}

ul#profile-dropdown a,
ul#profile-dropdown li a i {
  height: 28px !important;
  line-height: 28px !important;
}

.users-edit button.btn.btn-gray {
  font-size: 13px !important;
}

.users-edit button.btn.btnred {
  height: 35px !important;
  line-height: 36px !important;
}

.users-edit button.btn.btnred .user-save-btn {
  height: 32px !important;
  line-height: 32px !important;
}

.users-edit i {
  top: 10px !important;
}

.users-edit.order-page .btnred {
  top: 0 !important;
}

.users-edit.inventory-order-outer .file-upload-ui {
  margin-bottom: 0;
}

.users-edit.inventory-order-outer .file-upload-ui .file-upload-edit {
  min-height: 330px !important;
}

@media screen and (max-width: 1024px) {
  .users-edit.inventory-order-outer .file-upload-ui .file-upload-edit {
    min-height: 376px !important;
  }
}

@media screen and (max-width: 768px) {
  .users-edit.inventory-order-outer .file-upload-ui .file-upload-edit {
    min-height: 370px !important;
  }
}

.users-edit.inventory-order-outer .file-upload-ui .file-upload-edit .info-upload-outer-block .info-upload {
  min-height: 110px;
  height: unset;
}

.users-edit.inventory-order-outer .file-upload-ui .file-upload-edit .info-upload-outer-block .dropzone .dz-preview .dz-progress {
  margin-left: -26px;
}

.users-edit.inventory-order-outer .file-upload-ui .file-upload-edit .info-upload-outer-block .dropzone .dz-success-mark {
  padding-top: 16px;
}

.users-edit.inventory-order-outer .file-upload-ui .phone-block {
  flex-direction: row;
}

@media screen and (max-width: 768px) {
  .users-edit.inventory-order-outer .file-upload-ui .phone-block {
    flex-wrap: wrap;
  }
}

.users-edit.inventory-order-outer .file-upload-ui .phone-block .input-field {
  width: 50% !important;
}

@media screen and (max-width: 768px) {
  .users-edit.inventory-order-outer .file-upload-ui .phone-block .input-field {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

.users-edit.inventory-order-outer .user-edit-btns {
  margin: 0 !important;
}

.users-edit.inventory-order-outer .inputrel.phone-block .input-field:first-child {
  width: 60%;
}

@media screen and (max-width: 1024px) {
  .users-edit.inventory-order-outer .inputrel.phone-block {
    flex-direction: column;
  }

  .users-edit.inventory-order-outer .inputrel.phone-block > div {
    width: 100% !important;
  }
}

.users-edit.customer-detail-outer .users-edit-one > .row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  .users-edit.customer-detail-outer .users-edit-one > .row {
    flex-wrap: wrap;
  }
}

.users-edit.customer-detail-outer .users-edit-one > .row .contact-ui .card-content .row .contact-container {
  max-height: 182px;
  overflow: auto;
  padding: 0 4px 0 0;
}

.users-edit.customer-detail-outer .users-edit-one > .row .contact-ui .card-content .row .contact-container > .notes-mssg {
  margin-bottom: 6px;
  background: #e2e2e2;
}

.users-edit.customer-detail-outer .users-edit-one > .row .contact-ui .card-content .row .contact-container > .notes-mssg:last-of-type {
  margin-bottom: 10px;
}

.users-edit.customer-detail-outer .users-edit-one > .row > .col {
  display: inline-flex;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .users-edit.customer-detail-outer .users-edit-one > .row > .col {
    width: 100%;
  }
}

.users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes {
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  display: inline-flex;
  justify-content: flex-start;
  align-self: stretch;
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes {
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes {
    width: 100%;
    max-width: 100%;
    flex: 1 0 100%;
  }
}

.users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes .file-upload-ui {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes .file-upload-ui .choseImgBlock {
    min-height: unset;
  }
}

@media screen and (max-width: 768px) {
  .users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes > div:first-of-type .inputrel .col.user-edit-btns.s12.display-flex.justify-content-end.mt-3 {
    margin: 0 !important;
    height: 0 !important;
  }
}

.users-edit.customer-detail-outer .users-edit-one > .row > .col.custom-right-notes > div .note-block .card {
  margin: 0 !important;
}

.users-edit.customer-detail-outer .users-edit-one > .row > .col .card {
  width: 100%;
}

.users-edit.customer-detail-outer .file-upload-ui {
  margin: 0;
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit {
  min-height: 387px !important;
  display: flex;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .users-edit.customer-detail-outer .file-upload-ui .file-upload-edit {
    min-height: unset !important;
  }
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit .info-upload-outer-block .info-upload {
  min-height: 110px;
  height: unset;
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit .info-upload-outer-block .dropzone .dz-preview .dz-progress {
  margin-left: -26px;
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit .info-upload-outer-block .dropzone .dz-success-mark {
  padding-top: 16px;
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit > div {
  width: 100%;
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit > div form {
  height: 83%;
  display: flex;
  float: left;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}

.users-edit.customer-detail-outer .file-upload-ui .file-upload-edit > div form .user-edit-btns {
  margin-top: -8px !important;
}

@media screen and (max-width: 768px) {
  .users-edit.customer-detail-outer .file-upload-ui .file-upload-edit > div form .user-edit-btns {
    margin-top: 30px !important;
  }
}

.credit-app-modal .row.order-detail-wrapper {
  padding: 0 0 10px;
}

.credit-app-modal.modal-common-layout .modal-content .modal-body {
  padding: 10px 2px !important;
}

@media screen and (max-width: 768px) {
  .list-cost > div:first-of-type,
  .list-cost > div:nth-of-type(2),
  .list-cost > div:nth-of-type(3),
  .list-cost > div:nth-of-type(4) {
    padding-right: 0 !important;
  }
}

.input-field input {
  font-size: 13px !important;
}

.pac-container {
  z-index: 10000 !important;
}

.users-edit-one {
  display: inline-block;
  width: 100%;
}

.custom-right-notes {
  padding: 0;
}

.notes_msg_send {
  background: #fff;
  border-radius: 0 0 6px 6px;
  bottom: -132px;
  position: relative;
}

.notes_msg_send textarea {
  border: 0;
  border-top: 1px solid #ccc;
  border-radius: 0;
  height: 50px;
  padding-top: 16px;
  padding-right: 70px;
  line-height: 16px;
  font-size: 13px;
}

.notes_msg_send label {
  position: absolute;
  left: 12px;
  top: -8px;
  background: #fff;
  padding: 0 4px;
}

.notes_msg_send button:focus {
  background-color: transparent;
}

.notes-mssg {
  background: #efeded;
  padding: 10px;
  border-radius: 5px;
  margin: 4px 0;
  display: inline-block;
  width: 100%;
}

.notes-mssg h3 {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 4px;
}

.notes-mssg h3 span {
  float: right;
  font-weight: 400;
  color: #676666;
  font-size: 12px;
}

.notes-mssg h3 span.log-status {
  background-color: #ffe2e2;
  padding: 2px 8px;
  vertical-align: middle;
  border-radius: 5px;
  color: #a90300;
  font-weight: 400;
  font-size: 12px !important;
  text-transform: capitalize;
  margin: -4px 0 0 7px;
  border: 1px solid #a90300;
}

.notes-mssg p {
  font-size: 12px;
  color: #000;
  word-break: break-word;
  line-height: 12px;
}

.notes-mssg .logs-images {
  border: 1px solid #dedede;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  margin: 10px 0 0;
}

.notes-mssg .logs-images img {
  height: 75px;
  float: left;
  width: 75px;
}

.notes-mssg.logs-ui p {
  line-height: 1.6;
}

.notes-mssg.logs-ui h3 label {
  font-weight: 500;
  font-size: 13px;
}

.sendbtn {
  border: none;
  position: absolute;
  top: 9px;
  background: #fff;
}

.notes-mssg-blk {
  display: inline-block;
  width: 100%;
  padding: 0 12px 8px;
  min-height: 250px;
  max-height: 250px;
  overflow: auto;
}

.item-table a,
.item-table th {
  color: #000;
  text-align: center;
  font-weight: 500;
}

.item-table .t-id-width {
  width: 50px;
  padding-left: 20px;
}

.item-table tbody th {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  text-align: center;
  background: #efeded;
  border-bottom: 5px solid #fff;
  border-radius: 0;
  padding: 7px 10px !important;
}

.item-table .t_bold {
  font-weight: 900;
  border-radius: 6px 0 0 6px !important;
}

.item-table .t_radius {
  border-radius: 0 6px 6px 0 !important;
}

.item-table tbody .active th {
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-table tbody .active .t_bold {
  border-left: 1px solid #ccc;
  border-radius: 0 !important;
}

.item-table tbody .active .t_radius {
  border-right: 1px solid #ccc;
  border-radius: 0 !important;
}

.item-table tr {
  background: #fff !important;
}

.item-table .add-part-table thead th {
  border-bottom: 2px solid #a90300 !important;
  background: #fff !important;
  font-weight: 500;
  font-size: 12px;
}

.item-table .add-part-table .left-align {
  text-align: left;
}

.item-table .header-bar {
  background: #efeded;
  padding: 13px 20px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.item-table .header-bar h4 {
  font-size: 17px;
  margin: 0;
  float: left;
}

.item-table .header-bar span {
  font-size: 14px;
  float: right;
  display: flex;
  align-items: center;
}

.item-table .header-bar span h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0 17px;
}

.modal-header h4.modal-title {
  font-weight: 600;
}

.origin-title {
  font-size: 15px;
  margin-bottom: 10px;
  color: #2b3240;
  font-weight: 500;
}

.dropdown-ui-block .dropdown-content {
  max-height: 180px;
}

.output-cost {
  display: flex;
  width: 100%;
  background: #e4e4e4;
  padding: 0 18px;
  justify-content: space-around;
}

.output-cost p {
  margin-right: 20px;
  color: #000;
  font-size: 13px;
}

.output-cost p b {
  font-weight: 500;
}

.modal.modal-mid-ui {
  width: 90%;
}

.modal.modal-mid-ui.tradeIn-Modal {
  width: 75%;
}

.modal.modal-mid-ui.empty-Modal {
  width: 55%;
}

.preview-result {
  display: inline-block;
  width: 100%;
  padding: 18px 0 9px;
  background: #e4e4e4;
  margin-top: 10px;
}

.list-cost {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}

.list-cost .col {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 10px;
}

.list-cost .btn.btnred {
  width: 100%;
}

.page-tile-block {
  display: inline-block;
  width: 100%;
  padding: 8px 12px;
}

.quote-table-heading {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
  font-size: 12px;
}

.quote-table {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.quote-data {
  background: #efeded;
  margin-top: 10px;
  padding: 8px 15px;
  align-items: center;
  border-radius: 5px;
  color: #000;
  width: 100%;
}

.active .quote-data {
  background: #fff !important;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.active .quote-accordian-data {
  border: 1px solid #ccc;
  border-top: 0;
}

.active .quote-accordian-data .quote-form {
  padding: 0 15px;
}

.active .quote-accordian-data input.refer-div {
  margin-bottom: 8px !important;
}

.pd-15,
.quote-form,
.quote-form .responsive-table {
  padding: 0 15px;
}

.quote-form .responsive-table .btn-gray-box {
  background: #a90300;
  color: #fff;
  border: none;
  height: 22px;
  width: 22px;
  display: inline-block;
  margin: auto 5px auto auto;
}

.quote-form .responsive-table .btn-gray-box i {
  font-weight: 700;
  font-size: 17px;
}

.quote-form .responsive-table .btn-gray-box.add-green-btn {
  background: #76c317;
}

.quote-form .responsive-table td {
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  font-size: 14px;
}

.quote-form .responsive-table th {
  text-align: left;
}

.quote-form .responsive-table tbody#order-part-table-tbody tr td:first-child {
  width: 180px;
  text-align: left;
  padding-left: 20px;
}

.quote-form .full-btn {
  width: 100%;
  height: 40px;
  margin-top: 5px;
}

.quote-form .heading-bg {
  background: #efeded;
  padding: 16px 18px;
  border-radius: 4px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.quote-form .heading-bg h4 {
  float: right;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
}

.quote-form .heading-bg span {
  font-size: 15px;
}

.quote-form .heading-underline {
  font-size: 20px;
  margin-bottom: 0;
  color: #000;
}

.image-upload-div {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.image-upload-div.uploadImg-blk .red-text {
  position: absolute;
  top: 36px !important;
  font-size: 10px;
  color: #aa2c17 !important;
}

span.image-upload-error {
  position: absolute;
  left: 0;
  top: 36px;
  font-size: 10px;
  color: #aa2c17;
  z-index: 99;
  line-height: 12px;
}

span.image-upload-error .red-text {
  font-size: 10px;
  color: #aa2c17 !important;
}

.scroll-modal-inputs ul {
  max-height: 115px !important;
  overflow: auto !important;
}

.image-upload-outer-div {
  display: flex;
  align-items: center;
  margin: 11px 0;
  position: relative;
}

.image-upload-outer-div .image-upload-div {
  margin-right: 10px;
}

.image-upload-outer-div p {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  width: auto;
  margin: 0 0 0 10px;
}

.image-upload-outer-div .btn {
  width: 165px;
  display: inline-flex;
  align-items: center !important;
  height: 35px !important;
  margin: 0 !important;
}

.loader-container {
  justify-content: center !important;
}

.btn-loader {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.btn-loader img {
  max-width: 33px;
}

.image-upload-div input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.outer-row-div {
  border: 1px solid #dedede;
  margin-bottom: 20px;
  padding: 0 10px 13px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
  display: inline-block;
  width: 100%;
  background: #fff;
}

.outerBlk.active {
  background: #f9f9f9;
}

.item-table .header-bar {
  margin-bottom: 20px;
}

body .quote-form .responsive-table td.dataTables_empty.empty-table {
  width: 100% !important;
  text-align: center !important;
  font-size: 16px;
  font-weight: 500;
}

.deposit-block .outer-repeat-div {
  width: calc(100% - 5px);
  float: none;
  margin: 0 auto;
}

.order-doller.order-input-box input {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  height: 33px !important;
  padding: 0 16px 0 26px !important;
  margin-bottom: 0 !important;
  text-align: end;
}

.order-doller.order-input-box {
  position: relative;
  margin-bottom: 0;
  color: #000;
}

.cust_quotes-table .inputrel .order-doller.order-input-box input {
  height: 30px !important;
}

.order-doller.order-input-box span {
  position: absolute;
  left: 12px;
  top: 5px;
}

.outer-repeat-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 30px);
  float: left;
  padding: 5px 0;
  border-bottom: 1px solid #dedede;
  margin: 0 15px;
}

.deposit-amount th {
  border-bottom: 2px solid #a90300 !important;
  background: #fff !important;
  font-weight: 500;
  font-size: 12px;
}

.order-price-div {
  display: flex;
  align-items: center;
  max-width: 200px;
}

.tool-tip {
  position: relative;
  width: 78px !important;
  text-align: center;
  width: 100%;
  float: none;
  display: inline-block;
}

span.item-note {
  max-width: 152px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.inner-div {
  width: 270px;
  position: absolute;
  left: -265px;
  top: -10px;
  background: #fff;
  padding: 5px 8px;
  z-index: 1;
  margin: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dedede;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
  justify-content: space-between;
}

.inner-div label {
  font-size: 14px;
  opacity: 1;
  color: #000;
  display: inline-flex;
  margin-right: 5px;
}

.inner-div input {
  height: 26px !important;
  border: 1px solid #838383 !important;
  display: inline-flex;
  min-height: 0 !important;
  margin: 0 !important;
  width: calc(100% - 77px) !important;
  border-radius: 5px !important;
  padding: 0 10px !important;
}

.inner-div button {
  width: 46px;
  background: #aa302a;
  float: right;
  height: 26px;
  border: none;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
}

.inner-div:before {
  border-left: 8px solid #dedede;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: -9px;
  top: 12px;
  content: "";
}

.cust-check {
  margin-top: 20px;
}

.cust-check span {
  padding-left: 24px !important;
}

.full-btn-50 {
  width: 100%;
  height: 40px;
  margin-top: 4px;
}

.s-input input {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  max-width: 200px;
  float: right;
  margin-bottom: 10px !important;
  text-align: right;
  padding-right: 20px !important;
  font-size: 15px !important;
}

.s-input p {
  display: inline-block;
  color: #000;
  position: relative;
  top: 16px;
  font-size: 15px;
}

.s-input .input-field {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.s-input .order-doller {
  float: right;
  display: flex;
  align-items: center;
}

.s-input-0 .order-doller,
.s-input-0 p {
  position: relative;
  top: 15px;
}

.s-input-0 .order-doller {
  padding-right: 20px;
  padding-top: 0;
}

.s-input-0 .input-field {
  display: inline-block;
  height: 50px;
}

#order-part-table-tbody tr:nth-child(odd) {
  background: #efeded !important;
}

small#co_declaration-error,
small#declaration-error {
  padding-left: 36px;
  padding-top: 10px;
  display: block;
  color: #aa2c17 !important;
}

.link-btn button {
  position: relative;
}

.link-btn button:after {
  position: absolute;
  display: block;
  content: "";
  height: 22px;
  background-color: #a90300;
  width: 2px;
  right: 0;
  top: -5px;
}

.link-btn button:last-child:after {
  display: none;
}

.preview-result {
  width: calc(100% - 20px);
  margin: 10px;
}

.list-cost {
  margin: 0;
}

html {
  overflow-x: hidden;
}

html.active {
  overflow: hidden;
}

.cust_quotes-table .inputrel input,
.cust_quotes-table .select-part select {
  height: 40px !important;
}

.cust_quotes-table select#method {
  padding: 0 24px 0 8px !important;
}

.cust_quotes-table .quote-accordian-data.quote-new-accordian-block {
  overflow: unset !important;
}

.cust_quotes-table ul.dropdown-content {
  max-height: 250px !important;
}

.cust_quotes-table .quote-table {
  justify-content: flex-start !important;
}

.cust_quotes-table .quote-table.quote-table-heading {
  padding: 0 12px;
}

.cust_quotes-table .quote-table > div {
  width: 20%;
}

@media screen and (max-width: 1024px) {
  .cust_quotes-table .quote-table > div {
    width: 22%;
  }

  .cust_quotes-table .quote-table > div:last-of-type {
    width: 8% !important;
  }

  .cust_quotes-table .quote-table > div:nth-of-type(3) {
    margin-left: 4%;
  }
}

.cust_quotes-table .quote-table .t-id-width {
  padding-left: 0;
}

.cust_quotes-table .quote-table .cursor-pointer {
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 20%;
}

.cust_quotes-table .select-part {
  margin: 0 !important;
}

.cust_quotes-table .select-form-block {
  padding: 6px 10px !important;
}

.cust_quotes-table .quote-data .quote-table {
  justify-content: flex-start;
}

.cust_quotes-table .t_radius i {
  font-size: 20px !important;
  vertical-align: middle;
}

.cust_quotes-table .parts-heading {
  font-size: 16px;
  padding: 0 10px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
}

.cust_quotes-table .tool-tip {
  height: 22px !important;
}

.cust_quotes-table span.item-note {
  padding: 0 15px !important;
}

.cust_quotes-table .input-field.dollar-inp {
  margin: 0 !important;
}

.cust_quotes-table .content-row-block > div {
  padding: 0 10px;
  min-height: 42px;
}

.cust_quotes-table .quote-data {
  min-height: 42px;
}

.cust_quotes-table .quote-data div {
  font-size: 14px;
}

.cust_quotes-table .quote-table-heading div {
  font-size: 13px;
  display: table-cell;
}

.cust_quotes-table .input-field {
  margin: 0 0 10px;
}

.cust_quotes-table span.depositDate {
  font-size: 14px;
  width: 120px;
  box-sizing: border-box;
}

.cust_quotes-table .content-row-block.datetimeblock {
  padding-left: 120px;
}

.cust_quotes-table .add-deposit .form-col-block:nth-of-type(3) .input-field,
.cust_quotes-table .add-deposit .form-col-block:nth-of-type(4) .input-field {
  margin-bottom: 0;
}

.cust_quotes-table .trade-block .select-form-block {
  padding: 0 !important;
}

.cust_quotes-table .trade-block .select-form-block .form-col-block:first-of-type .input-field,
.cust_quotes-table .trade-block .select-form-block .form-col-block:nth-of-type(2) .input-field {
  margin: 0 0 8px !important;
}

.cust_quotes-table .add-deposit .form-col-block .input-field,
.cust_quotes-table .add-deposit .form-col-block:first-of-type .input-field,
.cust_quotes-table .add-deposit .form-col-block:nth-of-type(2) .input-field,
.cust_quotes-table .trade-block .select-form-block .form-col-block .input-field,
.cust_quotes-table .trailer-Status .form-col-block .input-field,
.cust_quotes-table .trailer-Status .form-col-block:first-of-type .input-field,
.cust_quotes-table .trailer-Status .form-col-block:nth-of-type(2) .input-field {
  margin: 0 !important;
}

.cust_quotes-table .outerBlk.preorderedBlk .quote-data {
  background-color: #c8eef5;
}

.cust_quotes-table .outerBlk.soldBlk .quote-data {
  background-color: rgba(69, 220, 133, 0.8588235294);
}

.cust_quotes-table .outerBlk.orderedBlk .quote-data {
  background-color: rgba(249, 211, 61, 0.8784313725);
}

.cust_quotes-table .trailer-Status .form-col-block:nth-of-type(6) .input-field {
  margin: 8px 0 4px !important;
}

.cust_quotes-table .p-invoice-outer-block {
  padding: 9px 15px;
}

.cust_quotes-table .p-invoice-outer-block.btnOuterBlock {
  padding: 12px 15px !important;
}

.cust_quotes-table.inventory-table .credit-block .select-form-block {
  padding: 0 !important;
}

.cust_quotes-table.inventory-table .credit-block .select-form-block .input-field {
  margin: 0 !important;
}

.cust_quotes-table.inventory-table .add-deposit .form-col-block {
  margin-right: 0 !important;
}

.cust_quotes-table.inventory-table .add-deposit .form-col-block .input-field {
  margin: 0 !important;
}

.cust_quotes-table.inventory-table .add-deposit .form-col-block .input-field select {
  background-image: linear-gradient(45deg, transparent 50%, #000 0), linear-gradient(135deg, #000 50%, transparent 0);
  background-position: calc(100% - 20px) 1em, calc(100% - 15px) 1em, calc(100% - 1.5em) 0.5em !important;
  background-size: 4px 5px, 5px 4px, 1px 1px;
  background-repeat: no-repeat;
}

.cust_quotes-table.inventory-table .add-deposit .form-col-block:last-of-type {
  flex: unset !important;
}

.cust_quotes-table.inventory-table .credit-block .form-col-block {
  margin-right: 0 !important;
}

.cust_quotes-table.inventory-table .trailer-Status .form-col-block:nth-of-type(4),
.cust_quotes-table.inventory-table .trailer-Status .form-col-block:nth-of-type(5) {
  margin: 10px 0 !important;
}

.cust_quotes-table.inventory-table .trailer-Status .form-col-block .input-field {
  margin: 0 !important;
}

input[type=number]:not(.browser-default):focus:not([readonly]) {
  border-width: 1px !important;
  border-color: #ccc !important;
  box-shadow: none !important;
}

.select-part select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../../images/down-arrow.png?d8de508896966d338368efc70ccb17f7);
  background-repeat: no-repeat;
  background-position: 98% 13px;
  background-size: 10px;
}

.p-invoice {
  padding: 16px 0;
}

.p-invoice ul {
  list-style-type: none;
}

.p-invoice a {
  color: #a90300;
}

.p-invoice li {
  margin-right: 40px;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .p-invoice li {
    margin-bottom: 10px;
  }
}

.p-invoice li span {
  color: #888;
  font-weight: 100;
  font-style: italic;
  margin-right: 15px;
}

.p-invoice li:after {
  content: "";
  height: 20px;
  width: 1px;
  background: #a90300;
  position: absolute;
  right: -19px;
  top: 2px;
}

.p-invoice li:last-child:after {
  display: none;
}

.trade-user-block .quote-table div {
  width: 25%;
}

.trade-user-block .outerBlk {
  padding: 0 10px;
}

.trade-user-block .quote-data {
  padding: 14px 15px;
}

.trade-user-block .quote-data > div {
  opacity: 1 !important;
}

.trade-user-block .quote-data .t_radius button {
  font-size: 12px;
  margin-right: 8px;
  height: 30px;
  border: none;
  background-color: #a90300;
  border-radius: 4px;
  color: #fff;
  opacity: 1;
  padding: 0 8px;
  min-width: 56px;
}

.quote-data.quote-table div {
  font-size: 13px;
  opacity: 0.7;
}

.trade-user-block .heading-block-trade {
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
}

.trade-user-block .outerBlk .quote-table {
  position: relative;
}

.outer-trade-input {
  display: flex;
  width: calc(100% - 30px);
  float: left;
  flex-direction: row;
  margin: 10px 15px;
  position: relative;
}

.trade-in-input {
  display: inline-grid;
  align-items: center;
  flex-grow: 1;
  padding: 0 15px;
}

.content-input {
  color: #000;
  font-size: 13px;
}

.no-record-found-table {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.no-record-found-table p {
  margin-bottom: 0 !important;
}

.trade-user-block .outerBlk .quote-table .t_radius {
  position: absolute;
  right: 10px;
  width: auto;
  top: 10px;
}

.row.order-detail-wrapper {
  padding: 0 5px 10px;
}

.file-upload-edit .dropzone .dz-preview .dz-image {
  width: 100px;
  height: 100px;
}

.file-upload-edit .dropzone .dz-preview .dz-image .dz-details {
  padding: 26px 10px;
  font-size: 11px;
}

.file-upload-edit .dropzone .dz-preview.dz-image-preview {
  margin: 10px;
}

.file-upload-edit .dropzone .dz-preview .dz-error-mark svg,
.file-upload-edit .dropzone .dz-preview .dz-success-mark svg {
  max-width: 34px;
}

.file-upload-edit .dropzone .dz-preview .dz-error-mark,
.file-upload-edit .dropzone .dz-preview .dz-success-mark {
  margin-left: -26px;
  margin-top: -41px;
}

.file-upload-edit .choseImgBlock .imgs,
.file-upload-edit .choseImgBlock .imgs img {
  border-radius: 10px;
}

.card-content.file-upload-edit,
.note-block {
  display: inline-block;
  width: 100%;
}

.file-upload-ui .choseImgBlock {
  max-height: 85px;
  overflow: auto;
  padding: 10px 0;
  min-height: 125px;
  align-items: flex-start;
}

.file-upload-ui .choseImgBlock .imgs {
  width: 68px;
  margin: 0 10px 10px 0;
}

.file-upload-ui .choseImgBlock .imgs img {
  height: 62px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.file-upload-ui .choseImgBlock span.imgHide.deleteOrderImage,
.file-upload-ui .choseImgBlock span.imgHide.delImg {
  width: 20px;
  height: 20px;
  background: #882617;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  color: #fff !important;
  position: absolute;
  right: -8px;
  top: -9px;
}

.file-upload-ui .dropzone .dz-preview.dz-image-preview .dz-details {
  display: none;
}

.file-upload-ui .file-upload-edit .dropzone .dz-preview .dz-image {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}

.file-upload-ui .file-upload-edit .dropzone .dz-preview .dz-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.file-upload-ui .buy-sell-upload .product-dropzone-img {
  padding: 2px 20px;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 0.61);
}

.file-upload-ui .dropzone .dz-preview .dz-remove {
  font-size: 13px;
  padding: 0;
}

.file-upload-ui section.users-edit .input-field {
  margin: 0;
}

.file-upload-ui .info-upload-outer-block .info-upload {
  height: 84px;
  min-height: 84px;
  border: 1px dashed #bbb;
}

.file-upload-ui .info-upload-outer-block {
  position: relative;
}

.file-upload-ui .dropzone .dz-preview .dz-progress {
  width: 50px;
  height: 6px;
}

.file-upload-ui .dropzone .dz-preview:hover .dz-image img {
  filter: inherit;
}

p#showCost {
  padding: 0 10px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
}

.notes-mssg h3 label {
  color: inherit;
  font-weight: 500;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.section.user-order-detail {
  padding-bottom: 0;
}

#orders-part-table tr.collapse-expand td:first-child {
  border-left: 3px solid #aa311f;
}

.t-c {
  text-transform: capitalize !important;
}

.delete-modal p {
  margin: 0 0 10px;
}

.delete-modal .btn-blockmain {
  margin: 0;
}

.delete-modal .btn-blockmain button {
  position: relative;
  right: auto;
  top: auto;
}

#list-assoc-table .input-field {
  margin-bottom: 0;
}

#orderForm .select-part select {
  height: 40px !important;
  background-position: 98% 15px;
  text-transform: capitalize;
}

#orderForm .select-part select option {
  text-transform: capitalize;
}

#orderForm .input-field.select-part.user-select option {
  text-transform: none !important;
}

#changePwdModal [type=checkbox] + span:not(.lever) {
  padding-left: 30px;
  margin-top: 8px;
}

.modal-header.order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px !important;
}

body.modal-is-open {
  overflow: visible !important;
}

.quote-accordian-data.quote-new-accordian-block {
  width: 100%;
  float: left;
  padding: 20px;
  border-top: 1px solid #dedede;
  background: #f9f9f9;
  margin-bottom: 20px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .item-note,
.quote-accordian-data.quote-new-accordian-block #orderParts > div .part-dis-name,
.quote-accordian-data.quote-new-accordian-block #orderParts > div .part-dis-price,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .item-note,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .part-dis-name,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .part-dis-price {
  font-size: 11px !important;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .item-note,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .item-note {
  background-color: transparent !important;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .child,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .child {
  padding: 0 !important;
  border-top: 1px solid #dedede;
  border-bottom: none !important;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .child .item-name .name,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .child .item-name .name {
  margin-left: 20px;
  font-size: 11px;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .child .item-name .name span,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .child .item-name .name span {
  background-color: transparent !important;
  color: #000;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .child .item-name .name span.part-dis-price,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .child .item-name .name span.part-dis-price {
  background-color: #62a015 !important;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 12px;
  color: #fff !important;
  min-width: 80px;
  text-align: center;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .child .item-name .name span.item-note,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .child .item-name .name span.item-note {
  background-color: #81b243 !important;
  color: #fff !important;
  margin-left: 10px !important;
  width: unset !important;
  font-weight: 500;
  padding: 2px 6px !important;
}

.quote-accordian-data.quote-new-accordian-block #orderParts > div .item-name,
.quote-accordian-data.quote-new-accordian-block .floorplanParts > div .item-name {
  font-size: 11px;
}

@media screen and (max-width: 1070px) {
  .quote-accordian-data.quote-new-accordian-block #orderParts > div .name > span,
  .quote-accordian-data.quote-new-accordian-block .floorplanParts > div .name > span {
    margin-bottom: 5px;
  }
}

.quote-accordian-data.quote-new-accordian-block .additional-part-inner > div {
  background-color: #fff;
}

.quote-accordian-data.quote-new-accordian-block .additional-part-inner > div:nth-of-type(2n) {
  background-color: #efefef !important;
}

.quote-accordian-data.quote-new-accordian-block .additional-part-inner > div.highlighted-row {
  background: #ffe2e2 !important;
  border: 1px solid !important;
}

.quote-accordian-data.quote-new-accordian-block .additional-part-inner > div .part-dis-name {
  color: #fff;
  background-color: #0f3fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 10px;
}

.quote-accordian-data.quote-new-accordian-block .additional-part-inner > div .part-dis-price {
  background-color: #62a015;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 12px;
  color: #fff;
  min-width: 80px;
  text-align: center;
}

.quote-accordian-data.quote-new-accordian-block .additional-part-inner > div .item-note {
  background-color: #ccc !important;
  padding: 2px 6px !important;
  border-radius: 4px;
  font-size: 12px;
  margin: 0 12px 0 0;
  width: unset !important;
  max-width: 420px !important;
  float: left !important;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .quote-accordian-data.quote-new-accordian-block .additional-part-inner > div .item-note {
    max-width: 100% !important;
    float: left !important;
    word-break: break-all;
    white-space: normal;
    margin: 0 !important;
  }
}

@media screen and (max-width: 991px) {
  .quote-accordian-data.quote-new-accordian-block .additional-part-inner > div .item-note + .btn-gray-box {
    display: none !important;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card {
  width: 100%;
  float: left;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
  background: #fff;
  border: 1px solid #dedede;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  align-items: stretch;
  justify-self: center;
  align-content: center;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block.gray {
  background: #f1f1f1;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block.red-block {
  background: rgba(169, 3, 0, 0.08);
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-left-col {
  display: inline-flex;
  width: calc(100% - 230px);
  flex-direction: column;
  justify-content: center;
  padding: 7px 10px;
  color: #000;
  opacity: 0.8;
}

@media screen and (max-width: 1024px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-left-col {
    width: calc(100% - 160px);
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-left-col h4 {
  font-size: 16px;
  margin: 0;
  float: left;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-right-col {
  display: inline-flex;
  width: 230px;
  flex-direction: column;
  justify-content: center;
  padding: 6px 10px;
  align-items: center;
  border-left: 1px solid #dedede;
  opacity: 0.8;
  color: #000;
  flex-direction: row;
  justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-right-col {
    width: 160px;
    justify-content: flex-end !important;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-right-col span {
  display: inline-block;
}

@media screen and (max-width: 1024px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-right-col span {
    text-align: right;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .content-right-col span h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0 17px;
  display: inline-block;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .input-field {
  margin-top: 5px;
  margin-bottom: 5px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .input-field.dollar-inp span {
  position: absolute;
  left: 10px;
  top: 4px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .input-field.dollar-inp input {
  padding-left: 25px !important;
  text-align: right;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .input-field input {
  height: 30px !important;
  padding-top: 0 !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .input-field > label {
  transform: translateY(5px);
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .input-field.select-part > label {
  transform: translateY(-2px);
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block.datetimeblock {
  position: relative;
  padding-left: 102px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block.datetimeblock .depositDate {
  font-size: 14px;
  position: absolute;
  left: 0;
  background: #ffdd5e;
  top: 0;
  height: 100%;
  display: inline-flex;
  padding: 0 10px;
  font-size: 12px;
  align-items: center;
  justify-content: stretch;
  width: 95px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block.datetimeblock .depositMethod {
  font-weight: 500;
  margin-right: 16px;
  font-size: 13px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block.datetimeblock .depositAmount {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 360px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .content-row-block .total-amount {
  position: unset !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order {
  width: 100%;
  float: left;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .parts-heading {
  width: 100%;
  float: left;
  background: #dedede;
  padding: 7px 10px;
  font-size: 17px;
  text-transform: uppercase;
  color: #000;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .parts-heading.standard-parts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .parts-heading.standard-parts .inner-heading {
  padding: 12px 10px;
  font-size: 15px;
  background-color: #f1eeee;
  width: 100%;
  color: #000;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .parts-heading.trade-blk-header {
  justify-content: space-between;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .parts-heading.trade-blk-header .add-block .btn-block button {
  height: 30px;
  border: none;
  background-color: #a90300;
  border-radius: 4px;
  color: #fff;
  opacity: 1;
  padding: 0 8px;
  min-width: 56px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main {
  width: 100%;
  float: left;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .content-row-block {
  border-bottom: 1px solid #dedede;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .content-row-block .content-left-col {
  padding: 7px 10px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .content-row-block .content-right-col {
  padding: 6px 10px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .content-row-block .content-right-col .inputrel {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .content-row-block .content-right-col .inputrel .minus-cont {
  margin-right: 8px;
  font-size: 20px;
  line-height: 15px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .content-row-block .content-right-col .item-value {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name {
  display: inline-flex;
  justify-content: space-between;
  font-size: 14px;
  flex-direction: row;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name {
    align-items: flex-start;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name [type=checkbox]:checked + span:not(.lever):before {
  backface-visibility: unset;
  -webkit-backface-visibility: unset;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name.tax-block {
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px;
  padding-top: 4px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name.tax-block input[type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: #aa2d15;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name.tax-block input[type=checkbox]:checked + span:not(.lever):before {
  border-right-color: #fff !important;
  border-bottom-color: #fff !important;
  top: 4px !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name.tax-block input[type=checkbox].filled-in:checked + span:not(.lever):before {
  width: 7px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name.tax-block .all-check-block {
  top: -2px;
  margin-left: 14px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name.tax-block .all-check-block span {
  padding-top: 5px;
  padding-left: 26px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .name {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-font-smoothing: antialiased;
  transition: none;
  font-size: 11px;
}

@media screen and (max-width: 991px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .name {
    max-width: calc(100% - 80px);
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .name span.item-note {
  background: rgba(0, 0, 0, 0.04);
  margin-left: 15px;
  padding: 2px 15px;
  width: 250px;
  border-radius: 3px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main {
  display: inline-flex;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main button {
  background: #a90300;
  color: #fff;
  border: none;
  height: 22px;
  width: 22px;
  display: inline-block;
  margin: auto 5px auto auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main button.add-green-btn {
  background: #76c317;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main button.add-green-btn.edit-note {
  vertical-align: top;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main button.add-green-btn.edit-note i.material-icons {
  font-size: 14px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main .tool-tip .inner-div button {
  width: 46px;
  height: 25px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main input,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main .item-name .btn-block-main select {
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0 6px;
  box-shadow: none;
  font-size: 13px;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col {
    width: calc(100% - 200px);
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col .content-row-block {
  border: none;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col .trade-inner-blk {
  margin-bottom: 6px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-right-col {
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-right-col {
    width: 200px;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-right-col .item-value {
  margin-top: 6px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.adjustment-block .content-row-block {
  background-color: #2f68fa;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.adjustment-block .content-row-block .inputrel input {
  border-color: #fff !important;
  color: #fff;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.adjustment-block .content-row-block .content-left-col,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.adjustment-block .content-row-block .content-right-col {
  color: #fff;
  opacity: 1;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.adjustment-block .content-row-block .content-right-col .input-field.dollar-inp span {
  color: #2f68fa;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.adjustment-block .content-row-block .content-right-col .input-field.dollar-inp input {
  background-color: #fff;
  color: #2f68fa;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col {
  opacity: 1 !important;
}

@media screen and (max-width: 1240px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col {
    padding: 15px 10px !important;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 1240px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div {
    flex-wrap: wrap;
    gap: 10px 0 !important;
    justify-content: flex-start;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div .btn-block {
  display: inline-block;
  float: right;
  width: auto;
  margin-top: 5px;
}

@media screen and (max-width: 1240px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div .btn-block {
    width: 100% !important;
    flex-direction: row;
    justify-content: flex-start;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div .btn-block button {
  background-color: #a90300;
  color: #fff;
  border: none;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 4px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div .btn-block button:first-of-type {
  margin-right: 6px;
}

@media screen and (max-width: 1240px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div .btn-block button:first-of-type {
    margin-right: 5px;
    margin-bottom: 0;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div > div {
  display: inline-flex;
  flex-direction: column;
  width: calc(12.5% - 8px);
}

@media screen and (max-width: 1240px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div > div {
    margin-top: 0;
    width: calc(25% - 8px);
    justify-content: flex-start;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div > div span {
  font-size: 14px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .addition-block-main.trade-block .content-left-col > div > div span:first-of-type {
  font-weight: 500;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block {
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  gap: 0 20px;
  border-bottom: 1px solid #dedede;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.nopadding {
  padding: 0;
  border-bottom: none;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block {
    margin-right: 10px;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block:last-child {
  margin-right: 0;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block .inputrel .input-field {
  margin: 10px 0;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block .inputrel input {
  height: 30px !important;
  padding-top: 0 !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block button {
  height: 30px;
  line-height: 20px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block .select-part select {
  height: 30px !important;
  padding-top: 0 !important;
  background-position: 96% 10px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block .select-part select:disabled {
  color: #1d1d1d !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.add-deposit .form-col-block {
  width: 25%;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.add-deposit .form-col-block select {
  background-position: 98% 10px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status {
  flex-wrap: wrap;
  padding: 12px 10px 15px !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .customer-name {
  width: 100%;
  display: flex;
  margin: 10px 2px 8px;
  color: #000;
  font-weight: 500;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .customer-name p {
  margin-right: 10px !important;
  display: inline-block;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block {
  width: 25%;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block.full {
  width: 100%;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block.half {
  width: calc(50% - 40px);
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.select-form-outer {
  justify-content: space-between;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.select-form-outer .form-col-block:first-of-type {
  width: 70px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.select-form-outer .form-col-block:first-of-type select {
  background-position: 80% 10px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.select-form-outer .form-col-block:nth-of-type(2) {
  width: 58%;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block.select-form-outer .form-col-block:nth-of-type(2) select {
  background-position: 98% 10px;
  cursor: pointer;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .inventory-sales-blk {
  gap: 0 20px;
  margin: 2px 0 12px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .inventory-sales-blk .form-col-block {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start !important;
  flex-direction: row;
  border: none;
  width: 48% !important;
  padding: 0;
  border-right: none !important;
  min-height: unset;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .inventory-sales-blk .form-col-block span.first {
  margin-right: 10px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .select-form-block .inventory-sales-blk .form-col-block span b {
  font-weight: 500;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .select-form-outer .select2-container--default .select2-selection--single {
  height: 30px;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .select-form-outer .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px !important;
  font-size: 13px !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .select-form-outer .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .select-form-outer .select2-results__option {
  padding: 5px 10px !important;
  font-size: 13px !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .flex-block,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .flex-block {
  width: calc(100% - 230px);
  display: flex;
  align-items: center;
  padding: 0 !important;
}

@media screen and (max-width: 1024px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .flex-block,
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .flex-block {
    width: calc(100% - 160px);
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .content-left-col,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .content-left-col {
  width: calc(100% - 24px) !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .content-row-block,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .content-row-block {
  display: flex;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .expander,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .expander {
  float: left;
  display: inline-flex;
  padding: 0 0 0 5px !important;
  width: 24px;
  align-items: center;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .content-right-col,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .content-right-col {
  float: right;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block #orderParts .content-right-col input,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .part-block-order .additional-part-block .floorplanParts .content-right-col input {
  margin: 0 !important;
  height: 22px !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block {
  width: 100%;
  float: left;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block.red-bg {
  background-color: #a90300;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block.red-bg h4,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block.red-bg span {
  color: #fff;
  font-weight: 600;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block.red-bg > div > div {
  opacity: 1;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block.red-bg > div > div.content-right-col {
  justify-content: flex-end;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .total-amount-block.blue-bg {
  background-color: #0f3fff;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .yellow-bg {
  background-color: #ffd632 !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .blue-bg {
  background-color: #0f3fff !important;
  color: #fff !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .blue-bg .content-left-col {
  color: #fff;
  opacity: 1;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .blue-bg .content-left-col h4 {
  color: #fff;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .blue-bg .content-right-col {
  color: #fff;
  opacity: 1;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block {
  flex-wrap: nowrap !important;
  padding: 0 !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block {
  width: 50% !important;
  max-width: unset !important;
  justify-content: center;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block:first-of-type {
  border-right: 1px solid #ccc;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block:last-of-type {
  padding-left: 0 !important;
}

@media screen and (max-width: 1024px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block:last-of-type {
    width: 48% !important;
  }
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block .input-field,
.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block input {
  margin: 0 !important;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block span {
  font-size: 13px;
  color: #000;
}

.quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block select {
  background-position: 98% !important;
}

@media screen and (max-width: 1024px) {
  .quote-accordian-data.quote-new-accordian-block .quote-acc-content-card .trailer-Status .content-row-block .form-col-block select {
    background-position: 96% !important;
  }
}

.quote-accordian-data.quote-new-accordian-block.orders-block {
  overflow: unset;
  padding: 15px 12px;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block {
  flex-wrap: wrap;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.add-deposit {
  padding: 12px 10px !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.add-deposit .content-row-block .form-col-block {
  padding: 0;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.add-deposit .content-row-block .form-col-block:nth-of-type(2) {
  padding: 0 15px;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.add-deposit .content-row-block .form-col-block:nth-of-type(2) .input-field {
  margin-bottom: 0 !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.select-form-outer {
  background-color: #a90300;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.blue-bg {
  background-color: #0f3fff;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.blue-bg .full-btn.btn.btnred {
  color: #0f3fff !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block {
  margin-right: 0;
  width: 33.3333333333%;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block select {
  background-color: #fff;
  cursor: pointer;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block .form-col-block .full-btn.btn.btnred {
  background: #fff !important;
  color: #a90300;
  font-weight: 500;
  text-transform: inherit;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block > .form-col-block:last-of-type {
  max-width: 130px;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.invoice-notes-outer {
  padding: 0 2px 7px !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.invoice-notes-outer .invoice-notes {
  margin-top: 10px;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block {
  width: 25% !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block.amount-field {
  margin-top: 10px;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status > .form-col-block:last-of-type,
.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status > .form-col-block:nth-of-type(6) {
  width: 100% !important;
  max-width: unset;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .part-block-order .btn-gray-box i {
  margin: 0 !important;
}

.quote-accordian-data.quote-new-accordian-block .inputrel label {
  transform: translateY(5px);
}

.quote-accordian-data.quote-new-accordian-block .inputrel label.select-label {
  transform: translateY(-1px);
}

.quote-accordian-data.quote-new-accordian-block .inputrel small#approved_amount-error {
  top: 30px;
}

.nrc {
  width: 100%;
  float: left;
  padding: 8px 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.01);
  text-transform: capitalize;
  color: #aa311f;
  min-height: 42px;
  line-height: 24px;
}

.nrc,
.p-invoice-outer-block {
  border-bottom: 1px solid #dedede;
}

.p-invoice-outer-block {
  padding: 15px;
}

.p-invoice-outer-block .p-invoice {
  padding: 0;
}

.p-invoice-outer-block .p-invoice ul {
  padding: 0;
  margin: 0;
}

.p-invoice-outer-block .p-invoice ul li a {
  font-size: 12px;
}

.p-invoice-outer-block .p-invoice ul li:last-child:after {
  display: none;
}

.p-invoice-outer-block.btnOuterBlock {
  width: 100%;
  text-align: right;
}

.p-invoice-outer-block.btnOuterBlock button {
  display: inline-block;
}

.heading-underline.checkAction {
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.heading-underline.checkAction .inputrel,
.heading-underline.checkAction span {
  display: inline-flex;
  width: auto;
}

.heading-underline.checkAction .inputrel span:before {
  background: transparent;
}

.inputrel.phone-block {
  display: flex;
  justify-content: space-between;
}

.inputrel.phone-block .input-field:first-child {
  width: 115px;
  margin-right: 15px;
}

#orderSellForm [type=checkbox]:checked + span:not(.lever):before,
#orderUserForm [type=checkbox]:checked + span:not(.lever):before {
  border-right: 2px solid #882617;
  border-bottom: 2px solid #882617;
}

.mc-monocav .block-table {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  overflow: auto;
}

.mc-monocav .table-ui th {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 2px solid #8a1201;
  min-width: 40px;
  padding: 10px 8px;
  white-space: nowrap;
}

.mc-monocav .table-ui td {
  padding: 3px 6px;
  color: #000;
  font-size: 11px;
  text-align: center;
  border: 1px solid #d7d7d7;
}

.mc-monocav .table-ui td .inline-flex {
  display: inline-flex;
  align-items: center;
}

.mc-monocav .table-ui td .inline-flex .edit-btn {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #727272;
  color: #fff;
  border: none;
  margin-left: 8px;
}

.mc-monocav .table-ui td .inline-flex .edit-btn span {
  font-size: 13px;
}

.mc-monocav .action-btns,
.mc-monocav .action-btns a {
  display: inline-flex;
  align-items: center;
}

.mc-monocav .action-btns a {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  font-size: 10px;
  color: #fff;
  justify-content: center;
  margin: 0 2px;
  transition: all 0.4s ease;
}

.mc-monocav .action-btns a:hover {
  filter: brightness(120%);
}

.mc-monocav .action-btns a.edit-icon {
  background-color: #727272;
}

.mc-monocav .action-btns a.add-icon {
  background-color: #75c418;
}

.mc-monocav .action-btns a.play-icon {
  background-color: #a90300;
}

.mc-monocav .action-btns a span.material-icons {
  font-size: 13px;
}

.mc-monocav .custom-checkbox span {
  padding: 0 !important;
  width: 16px !important;
  height: 16px !important;
}

.mc-monocav .custom-checkbox [type=checkbox] + span:not(.lever):before,
.mc-monocav [type=checkbox]:not(.filled-in) + span:not(.lever):after {
  width: 16px;
  height: 16px;
  border-color: #d6d6d6;
}

.mc-monocav .custom-checkbox [type=checkbox]:checked + span:not(.lever):before {
  width: 9px;
  height: 16px;
  border-color: transparent #03a9f4 #03a9f4 transparent;
  left: -3px;
  top: -3px;
}

.mc-monocav td.approve-btn {
  background: #8deb48;
  color: #242424;
  padding-right: 20px;
  position: relative;
}

.mc-monocav td.approve-btn.without-before-element span {
  margin-left: 0;
}

.mc-monocav td.approve-btn:before {
  content: "";
  position: absolute;
  right: 20px;
  top: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #242424;
  width: 0;
  height: 0;
  bottom: 0;
  margin: auto;
}

.mc-monocav td.approve-btn.not-approved:before {
  top: -1px;
  transform: rotate(180deg);
  border-bottom-color: #fff;
}

.mc-monocav td.approve-btn.not-approved {
  background-color: #a90300;
  color: #fff;
}

.mc-monocav .load-batches-block {
  margin-bottom: 30px;
}

.mc-monocav .head-batches {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

@media screen and (max-width: 1024px) {
  .mc-monocav .head-batches {
    display: flex;
    align-items: flex-start;
  }
}

.mc-monocav .head-batches h3 {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin: 0;
}

.mc-monocav .right-blok-batches {
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .mc-monocav .right-blok-batches {
    flex-direction: column;
    align-items: flex-end;
  }
}

.mc-monocav .date-batch {
  color: #000;
  font-size: 13px;
  margin-right: 10px;
}

.mc-monocav .action-main {
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .mc-monocav .action-main {
    margin-top: 5px;
  }
}

.mc-monocav .action-main a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 13px;
  padding: 0 7px;
  height: 24px;
  margin-left: 10px;
  transition: all 0.3s ease;
}

.mc-monocav .action-main a:hover {
  filter: brightness(120%);
}

.mc-monocav .action-main a span.material-icons {
  font-size: 15px;
  margin-right: 4px;
}

.mc-monocav .action-main a.gray-btn {
  background: #727272;
  border-radius: 3px;
}

.mc-monocav .action-main a.green-btn {
  background: green;
  border-radius: 3px;
}

.mc-monocav .action-main a.red-btn {
  background: #a90300;
  border-radius: 3px;
}

.mc-monocav table.table-ui {
  min-width: 1110px;
}

.mc-monocav .table-ui tr:nth-child(2n) {
  background: #eceff1;
}

.mc-monocav .table-ui tr:nth-child(odd) {
  background: #fff;
}

.right-side-open {
  left: 60px !important;
}

.green-bck {
  background: #b8de8d;
  color: #fff !important;
}

.dark-green-bck {
  background: green;
}

.dark-green-bck a {
  color: #fff !important;
}

.batch-view-outer .brdcrmb-btn button {
  height: 30px !important;
  padding: 4px 14px !important;
}

.batch-view-outer .vendor-btnn button.btn {
  font-size: 11px;
  height: 30px !important;
  padding: 0 10px !important;
  line-height: 10px;
  margin: 16px 0;
  margin-right: 10px !important;
}

.batch-view-outer .vendor-btnn button.btn:focus {
  background-color: #a90300;
}

.vendor-btnn.disable-btn button {
  background-color: #dfdfdf !important;
  box-shadow: none;
  color: #9f9f9f !important;
}

.batch-view-outer .vend-table table td,
.batch-view-outer .vend-table table th {
  font-size: 11px !important;
}

.batch-view-outer .vendor-listings td {
  padding: 2px 0 !important;
  font-size: 10px !important;
}

.batch-view-outer .vend-table table td {
  font-size: 10px !important;
}

.batch-view-outer .vendor-listings span.select input {
  height: 28px !important;
}

.batch-view-outer .vendor-listings span.select img {
  max-width: 23px;
}

.brdcrmb-btn button {
  padding: 5px 10px !important;
  margin-top: 6px !important;
}

.brdcrmb-btn {
  margin-top: 0 !important;
}

.vendor-listings table tr.green-bg {
  background-color: rgba(92, 181, 13, 0.2784313725) !important;
}

.vendor-listings table tr.red-bg {
  background-color: rgba(169, 3, 0, 0.2) !important;
}

.lightbox .lb-details {
  margin: 8px 0;
}

@media screen and (max-width: 768px) {
  .batch-view-outer .vend-table table td {
    padding: 7px 8px !important;
  }

  section.users-list-wrapper.section tr td,
  section.users-list-wrapper.section tr th {
    width: 200px !important;
  }
}

.vend-table {
  border: 1px solid #ccc;
  border-radius: 6px;
}

.vend-table .no-record {
  background-color: transparent !important;
}

.vend-table .no-record td {
  color: #000 !important;
  text-align: center !important;
}

.vend-table table td,
.vend-table table th {
  text-align: center;
  font-size: 12px;
  color: #000;
  padding: 8px;
}

.vend-table table tr:nth-child(2n) {
  background-color: #eceff1;
}

.vend-table table td:first-child {
  color: #aa2c17;
}

.vend-table table th {
  border-bottom: 2px solid #aa2c17;
  color: #000;
  text-transform: uppercase;
  padding: 14px 8px;
}

.vend-table tr:last-child {
  border-bottom: 0;
}

.vendor-btnn button {
  background: #a90300;
  margin: 15px 0;
}

.vendor-btnn button:hover {
  background: #a90300;
  opacity: 0.9;
}

.vendor-listings span.select {
  display: flex;
  align-items: center;
}

.vendor-listings span.select input {
  border: 1px solid #000 !important;
  height: 26px !important;
  top: 4px;
  padding-left: 4px !important;
}

.vendor-listings span.select img {
  margin-left: 12px;
}

.vendor-listings td {
  padding: 5px !important;
}

.vendor-listings table td:first-child {
  color: #000;
}

.vendor-listings td:nth-child(2) {
  color: #a90300;
}

.vendor-listings .text-left {
  text-align: left;
}

.vendor-listings a {
  margin: 0 2px;
}

.vendor-listings table tr:nth-child(odd) {
  background-color: #eceff1;
}

.vendor-listings table tr:nth-child(2n) {
  background-color: #fff;
}

.vend-table.placing-table tr td:first-child,
.vend-table.placing-table tr th:first-child {
  text-align: left;
  color: #000;
}

span.choose-span {
  max-width: 160px;
  text-align: center;
  display: block;
}

.brdcrmb-btn button {
  padding: 8px 14px;
  color: #fff;
  background: #a90300;
  border: none;
  margin: 0 3px;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.4;
}

.brdcrmb-btn {
  position: relative;
  bottom: 9px;
  margin-top: 3px;
}

.select-menu {
  width: 40%;
  padding-left: 0 !important;
}

.select-menu .select-wrapper input.select-dropdown {
  border: 1px solid #ccc;
  padding: 0 10px;
  border-radius: 4px;
  color: #b7b7b7;
  font-family: Rubik;
  height: 42px;
}

.heading-bold span {
  font-size: 18px !important;
  font-weight: 700;
}

.check-outer-std {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.check-outer-std [type=checkbox] + span:not(.lever) {
  padding-left: 34px;
  line-height: 36px;
  color: #000;
  font-size: 12px;
}

.check-outer-std .input-wrapper {
  width: calc(33.33333% - 15px);
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
  border-radius: 2px;
  margin-bottom: 30px;
}

.save-btn {
  height: 35px !important;
}

.view-order-outer .inputrel {
  position: relative;
}

.view-order-outer .inputrel .input-block {
  position: absolute;
  top: 12px;
  right: 0;
  width: 40px;
  height: 35px;
}

.view-order-outer .inputrel .input-block input {
  visibility: hidden;
}

.view-order-outer .inputrel .input-block i {
  width: 40px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
}

.card-header {
  margin: 17px 0 20px;
}

.card-header-2 {
  margin: 6px 0 0;
}

.card-header h3 {
  font-size: 14px;
  font-weight: 700;
  font-family: Rubik, sans-serif;
  display: inline-block;
  margin: 0;
}

.card-header span {
  font-size: 14px;
  float: right;
  color: #000;
}

.check-outer-std [type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: #a90300;
}

.total-main-detail .row {
  display: flex;
}

.cm-2 {
  flex: 0 0 20%;
  max-width: 20%;
}

.view-box-field span {
  display: block;
  color: #515151;
  font-size: 14px;
  margin-bottom: 1px;
}

.view-box-field label {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  display: block;
}

.view-box-field label.nodata {
  color: #8d8d8d;
  font-weight: 300;
}

.total-main-detail {
  padding: 12px 20px 24px;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 -18px;
}

.view-box-field label.strong-text {
  font-weight: 700;
}

.upload-btn input {
  display: none;
}

label.upload-btn {
  display: inline-block;
  color: #5d5d5d;
  font-size: 12px;
  height: 35px;
  min-width: 160px;
  background: #e1e1e1;
  border-radius: 5px;
  line-height: 35px;
  text-align: center;
  padding: 0 14px;
  cursor: pointer;
  margin-right: 10px;
}

.upload-file-section {
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.upload-file-section span {
  color: #000;
  font-size: 12px;
  opacity: 0.34;
}

.full-block-border {
  margin: 0 -20px;
  border-top: 1px solid #d5d5d5;
  padding: 20px;
}

.note-upload-block .upload-file-section {
  padding-top: 4px;
}

td.no-record {
  text-align: center;
  color: #b7b7b7;
  font-size: 12px;
}

.order-input-block li,
.vin-input {
  border: 1px solid #ccc;
  height: 43px;
  border-radius: 4px;
  width: 23%;
  position: relative;
  float: left;
  margin-right: 12px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.order-input-block li .inp-span {
  position: absolute;
  right: 13px;
  top: 14px;
  color: #000;
  font-size: 12px;
}

.order-input-block li label,
.vin-input label {
  position: absolute;
  top: -9px;
  background: #fff;
  left: 10px;
  font-size: 11px;
  padding: 0 6px;
}

.order-input-block li input,
.vin-input input {
  width: 100%;
  height: 100%;
  border: none;
  padding: 5px 18px;
  border-radius: 5px;
  font-size: 12px;
}

.order-input-block ul {
  display: inline-block;
  margin: 0;
}

.order-input-block span.f-plan {
  font-size: 12px;
  color: #000;
}

.order-input-block span.mso {
  font-size: 12px;
  color: #000;
  float: right;
  margin-top: 3px;
}

.upd-btn button {
  background: #a90300;
  height: 42px;
  font-size: 14px;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #a90300;
}

.styled-checkbox:checked + label:before {
  background: #a90300;
}

.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  transform: rotate(45deg);
}

.centered {
  width: 300px;
  margin: auto;
}

.title {
  text-align: center;
  color: #4571ec;
}

ul.std-item li {
  width: calc(33.33333% - 12px);
  background: #f4f4f4;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 22px;
  color: #000;
  font-size: 12px;
}

ul.std-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}

span.unchk {
  font-size: 14px;
  color: #a90300;
}

.upd-btn button:hover {
  background: #a90300;
  opacity: 0.9;
}

.input-wrapper.small-cont {
  position: relative;
}

.check-outer-std .input-wrapper.small-cont [type=checkbox] + span:not(.lever) {
  line-height: 20px;
}

.input-wrapper.small-cont small {
  font-size: 10px;
  position: absolute;
  left: 40px;
  bottom: 3px;
}

.customer-detail-outer .sendbtn img {
  padding: 2px 0;
}

@media screen and (max-width: 992px) {
  .customer-detail-outer .notes-mssg h3 span {
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .customer-detail-outer select#associated_qty {
    padding: 0 10px !important;
  }
}

@media only screen and (max-width: 1120px) {
  .view-box-field label,
  .view-box-field label.strong-text {
    font-size: 16px;
  }

  .view-box-field span {
    font-size: 12px;
  }

  .heading-bold span {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 920px) {
  .total-main-detail .row {
    flex-wrap: wrap;
  }

  .total-main-detail .cm-2 {
    flex: 0 0 30%;
    max-width: 30%;
    margin-bottom: 25px;
    padding-left: 0 !important;
    margin-left: 15px !important;
  }

  .upd-btn button {
    position: relative;
    top: 2px;
  }

  .order-input-block li,
  .vin-input {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  .role-detail-outer button.btn.btnred {
    height: 35px !important;
    line-height: 22px !important;
    position: relative;
    top: 1px;
  }

  .check-outer-std .input-wrapper,
  ul.std-item li {
    width: calc(50% - 10px);
  }

  .upd-btn button {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 0 20px;
    line-height: 12px;
    height: 36px;
  }

  .order-input-block li,
  .vin-input {
    width: 47%;
    height: 36px;
  }

  .select-menu .select-wrapper input.select-dropdown {
    height: 36px;
  }

  .upd-btn.col.s.mt-1 {
    margin-top: 8px !important;
  }

  .order-input-block ul {
    margin-bottom: -20px;
  }

  .view-box-field label,
  .view-box-field label.strong-text {
    font-size: 14px;
  }

  .heading-bold span {
    font-size: 15px !important;
  }

  .floorplan-btn-outer button.save-btn {
    margin-top: 0;
  }

  .upd-btn button {
    height: 32px !important;
  }

  .checklist-wrapper button.btn {
    height: 33px !important;
  }
}

@media only screen and (max-width: 480px) {
  .section.user-order-detail {
    overflow: hidden;
  }

  td,
  th {
    font-size: 12px;
  }

  .order-input-block li,
  .vin-input {
    width: 100%;
    margin-right: 0;
  }

  .check-outer-std .input-wrapper,
  ul.std-item li {
    width: 100%;
  }

  .upd-btn.col.s.mt-1 {
    margin-left: 11px;
  }
}

.set-btn {
  background: green;
  color: #fff;
  border: none;
  padding: 5px 8px;
}

#load-batches-table .tool-tip {
  width: unset !important;
}

.section.view-order-outer .input-field {
  margin: 12px 14px 0 0 !important;
}

.check-outer-std .input-wrapper {
  padding: 8px 10px;
}

.check-outer-std .input-wrapper [type=checkbox] + span:not(.lever) {
  height: 27px;
}

.options-wrapper .card-header {
  margin-bottom: 10px;
}

.options-wrapper .card-content {
  padding: 13px 18px !important;
}

.options-wrapper {
  margin-bottom: 22px !important;
}

.checklist-wrapper .card-content .header-2 {
  margin: 10px 0 15px !important;
  padding: 0 !important;
}

.checklist-wrapper .upd-btn.mt-1 {
  margin-top: 2px !important;
}

.checklist-wrapper .upd-btn button {
  height: 41px !important;
}

.checklist-wrapper .vin-input {
  margin-top: 1px;
}

.checklist-wrapper .card-content .header-3 {
  margin: 12px 0 14px;
  clear: both;
}

.items-wrapper .input-wrapper {
  margin-bottom: 24px;
}

.input-outer-wrapper .vin-input {
  margin-top: 2px;
}

.input-outer-wrapper {
  margin-bottom: 8px;
}

.view-order-outer .total-main-detail {
  padding: 0 20px 10px !important;
}

.view-order-outer .view-box-field span {
  font-size: 13px;
  margin-bottom: 0;
}

.view-order-outer .view-box-field label {
  font-size: 14px;
}

.view-order-outer .full-block-border {
  padding: 10px 20px;
}

.view-order-outer .heading-bold span,
.view-order-outer .heading-underline span {
  font-size: 15px !important;
}

.section.view-order-outer .input-field {
  margin: 0 14px 0 0 !important;
}

.view-order-outer .inputrel .input-block {
  top: 1px !important;
  right: 15px !important;
}

.floorplan-btn-outer {
  padding: 0 !important;
}

.floorplan-heading.heading-underline {
  margin: 0 !important;
}

.table-ui td,
.table-ui th {
  padding: 12px 0 !important;
  font-size: 13px;
}

.section.view-order-outer .card .card-content {
  padding: 12px 14px;
}

.view-order-outer .input-outer {
  padding-right: 0 !important;
}

.view-order-outer .upd-btn button,
.view-order-outer button.btn.btnred {
  height: 35px !important;
}

.view-order-outer .order-input-block li {
  height: 35px !important;
  margin-bottom: 16px !important;
}

.view-order-outer .order-input-block li .inp-span {
  font-size: 11px !important;
  top: 10px !important;
}

.view-order-outer .order-input-block span.f-plan,
.view-order-outer .order-input-block span.mso {
  font-size: 10px !important;
}

.view-order-outer .special-instruction-wrapper {
  padding: 0 11px !important;
}

.view-order-outer textarea#special-instruction {
  height: 400px !important;
}

.view-order-outer .check-outer-std .input-wrapper,
.view-order-outer ul.std-item li {
  min-height: 35px;
  width: calc(25.3% - 15px);
  padding: 4px 10px;
  margin-bottom: 15px;
}

.view-order-outer .check-outer-std .assoc-input-wrapper {
  background-color: #ffffe0;
}

.view-order-outer ul.std-item li {
  padding: 10px 15px;
}

.select-menu .select-wrapper input.select-dropdown {
  height: 33px !important;
}

.section.view-order-outer .input-field.select-menu {
  margin-right: 8px !important;
}

.order-input-block li {
  height: 35px;
  margin-bottom: 16px;
}

.order-input-block li .inp-span {
  font-size: 11px;
  top: 10px;
}

.order-input-block span.f-plan,
.order-input-block span.mso {
  font-size: 10px;
}

.special-instruction-wrapper {
  padding: 0 11px;
}

textarea#special-instruction {
  height: 84px;
}

.view-order-outer .card-header {
  margin: 10px 0 15px;
}

.view-order-outer .card-header.standard-items {
  margin-bottom: 5px !important;
}

.view-order-outer .preview-files img {
  max-width: 100%;
  max-height: 400px;
}

.view-order-outer .checklist-wrapper .vin-input {
  margin: 0 0 20px !important;
}

.view-order-outer .checklist-wrapper button.btn {
  height: 35px !important;
}

.view-order-outer .checklist-wrapper li {
  height: 37px !important;
}

.view-order-outer .checklist-wrapper .std-item {
  justify-content: space-between;
}

.view-order-outer .checklist-wrapper .upd-btn {
  padding: 0 !important;
}

.view-order-outer .checklist-wrapper .input-wrapper {
  height: 37px;
  margin-right: 15px;
  width: calc(25% - 15px) !important;
}

.view-order-outer .checklist-wrapper .check-outer-std {
  justify-content: flex-start;
}

.view-order-outer .input-wrapper.small-cont small {
  font-size: 8px;
  bottom: 0;
  left: 39px;
}

.options-wrapper .row,
.standard-items-outer .row {
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
}

.options-wrapper .heading-underline span,
.standard-items-outer .heading-underline span {
  float: left;
  font-weight: 700;
  font-size: 14px !important;
}

.standard-items-outer .heading-underline small {
  float: right;
  font-size: 13px;
}

.new-block .upd-btn {
  display: inline-block;
  margin-top: 10px !important;
}

.floorplan-block .note-upload-block.full-block-border {
  border: none !important;
}

.view-order-outer .check-outer-std [type=checkbox] + span:not(.lever) {
  line-height: 27px;
  padding-left: 30px;
}

.view-order-outer .check-outer-std [type=checkbox].filled-in:checked + span:not(.lever):before {
  top: 2px;
}

.view-order-outer [type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 4px;
}

.checklist-wrapper .card-header.header-1 {
  text-align: center;
}

.checklist-wrapper .card-header.header-1 h3 {
  font-size: 16px !important;
  position: relative;
}

.checklist-wrapper .button-wrapper {
  padding-left: 0 !important;
}

.checklist-wrapper .row {
  margin: 0 !important;
}

.checklist-wrapper .button-wrapper li {
  margin-bottom: 15px !important;
}

.view-order-outer .checklist-wrapper .vin-input {
  height: 35px !important;
  margin: 0 12px 15px 0 !important;
}

.button-wrapper .upd-btn {
  padding: 0 !important;
}

.checklist-wrapper .vin-input {
  margin-right: 10px !important;
  width: calc(25% - 15px);
}

.checklist-wrapper .card-inner {
  clear: both;
}

.checklist-wrapper .card-header.header-1 h3:after {
  position: absolute;
  content: "";
  display: block;
  height: 3px;
  background-color: #a90300;
  width: 80px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 23px;
}

.view-order-outer button.btn:focus {
  background-color: #900603 !important;
}

.mc-monocav .right-side-open {
  left: 72px !important;
  top: -27px !important;
}

.mc-monocav .right-side-open:before {
  left: -9px !important;
  right: unset !important;
  border-left: none !important;
  border-right: 8px solid #dadada;
}

.mc-monocav .right-side-open.vin-number-div {
  left: 45px !important;
}

.mc-monocav .right-side-open.move-tooltip input {
  width: calc(100% - 88px) !important;
}

.mc-monocav .set-btn {
  border-radius: 4px;
}

.mc-monocav .set-btn,
.mc-monocav .set-btn:focus {
  background-color: #858b90;
}

.mc-monocav .tool-tip {
  width: 0 !important;
}

.mc-monocav td.approve-btn {
  background: #42810a;
  color: #fff;
}

.mc-monocav td.approve-btn:before {
  border-bottom-color: #fff;
  transform: rotate(180deg);
}

.mc-monocav .action-btns a.add-icon {
  background-color: #42810a;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-picker-design .ui-datepicker-prev-hover {
  left: unset !important;
  top: unset !important;
  right: unset !important;
}

.ui-datepicker .ui-datepicker-header,
.ui-picker-design .ui-datepicker-header {
  padding: 0;
  height: 45px;
}

.ui-datepicker a.ui-corner-all,
.ui-picker-design a.ui-corner-all {
  margin-top: 0;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title,
.ui-picker-design .ui-datepicker-title {
  margin-top: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ui-datepicker select,
.ui-picker-design select {
  display: inline-block;
  height: auto;
  padding: 0;
  margin: 5px 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../images/down-arrow.png?d8de508896966d338368efc70ccb17f7);
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 100%;
  cursor: pointer;
}

.ui-datepicker select:first-of-type,
.ui-picker-design select:first-of-type {
  margin-right: 10px !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-picker-design .ui-datepicker-prev {
  position: absolute;
  top: 2px !important;
  left: 2px !important;
}

.ui-datepicker .ui-datepicker-next,
.ui-picker-design .ui-datepicker-next {
  position: absolute;
  top: 2px !important;
  right: 2px !important;
}

.ui-datepicker .ui-datepicker-header {
  height: 32px;
}

.view-order-outer .block-table {
  overflow: auto;
  width: 100%;
}

.dt-btn {
  color: #4f4f4f;
  box-shadow: none;
  border: 1px solid #c3bebe;
  margin: 3px;
  border-radius: 5px;
  width: 28px;
  padding: 0;
  background: #f1f1f1;
  height: 25px !important;
  line-height: 25px !important;
}

.dt-btn i {
  font-size: 15px;
}

.floorplan-wrapper-outer .associate-header {
  margin-top: 15px;
}

.floorplan-wrapper-outer .associate-header button {
  position: absolute !important;
  right: 0;
  bottom: 6px;
}

.floorplan-modal-wrapper {
  max-height: 85% !important;
}

.floorplan-modal-wrapper .dataTables_wrapper .dataTables_filter input {
  background: none;
}

.floorplan-modal-wrapper h4.modal-title {
  display: inline-block;
  font-size: 15px !important;
}

.floorplan-modal-wrapper .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 8px 24px !important;
  align-items: center;
}

.floorplan-modal-wrapper button.modal-close {
  background-color: #aa2c17;
  border-radius: 4px;
  border: none;
  color: #fff;
  padding: 0 10px;
  font-size: 19px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 24px;
}

.floorplan-modal-wrapper input.select-dropdown {
  height: 37px !important;
}

.floorplan-modal-wrapper table#list-assoc-table {
  margin-top: 15px !important;
}

.floorplan-modal-wrapper .table.table-striped tr th {
  padding: 6px 10px !important;
  font-size: 11px !important;
}

.floorplan-modal-wrapper .inputrel.activeOuterBlock {
  top: -10px;
}

.add-user-listing .dataTables_filter input,
.add-user-listing .dataTables_filter input.filter-input {
  height: 30px !important;
}

.dataTables_filter:before {
  width: 14px;
}

.dataTables_wrapper .dataTable thead th:nth-of-type(6):after {
  display: none;
}

.floorplan-modal-wrapper .add-user-listing table td {
  padding: 3px 10px !important;
  font-size: 11px;
}

.floorplan-modal-wrapper .table.table-striped tr td:last-of-type {
  text-align: center;
}

.floorplan-modal-wrapper table .input-field {
  margin: 0 !important;
}

.floorplan-modal-wrapper .dataTables_wrapper .dataTables_filter input {
  height: 30px !important;
}

.floorplan-modal-wrapper .dataTables_filter:before {
  width: 13px !important;
}

.floorplan-modal-wrapper table .input-field input {
  height: 30px !important;
}

.floorplan-modal-wrapper table button {
  height: 28px !important;
  width: 28px !important;
}

.floorplan-modal-wrapper table button i {
  line-height: 10px;
  font-size: 14px !important;
}

.floorplan-modal-wrapper .add-user-listing table tr > td:nth-of-type(5),
.floorplan-modal-wrapper .add-user-listing table tr > th:nth-of-type(5) {
  width: 12% !important;
}

.floorplan-modal-wrapper .add-user-listing table tr > td:nth-of-type(6),
.floorplan-modal-wrapper .add-user-listing table tr > th:nth-of-type(6) {
  width: 5%;
}

.floorplan-modal-wrapper .add-user-listing table tr .input-field input {
  width: 100%;
}

.floorplan-wrapper-outer div.floorplan-divs {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  margin: 0;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2392156863);
}

@media screen and (max-width: 1024px) {
  .floorplan-wrapper-outer div.floorplan-divs input {
    min-width: 145px !important;
  }

  .floorplan-wrapper-outer div.floorplan-divs .image-upload-outer-div {
    margin-top: 10px !important;
    margin-left: 60px;
  }

  .floorplan-wrapper-outer div.floorplan-divs .thumb-img {
    left: 190px !important;
  }
}

.floorplan-wrapper-outer div.floorplan-divs .baseprice-field {
  margin-bottom: 9px;
  float: left;
}

.floorplan-wrapper-outer div.floorplan-divs .baseprice-field b {
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.floorplan-wrapper-outer .second-step-content .input-field > label:not(.label-icon).active {
  background-color: #f1f1f1 !important;
}

.floorplan-wrapper-outer .add-user-listing {
  margin-top: 20px;
}

.floorplan-wrapper-outer .add-user-listing .responsive-table {
  overflow: auto;
}

.floorplan-wrapper-outer .table.table-striped {
  table-layout: fixed;
  border-radius: 6px !important;
  overflow: hidden;
}

.floorplan-wrapper-outer .table.table-striped tr .table.table-striped tr th:nth-of-type(5),
.floorplan-wrapper-outer .table.table-striped tr th,
.floorplan-wrapper-outer .table.table-striped tr th:nth-of-type(4) {
  width: 120px !important;
}

.floorplan-wrapper-outer .table.table-striped tr th:nth-of-type(6) {
  width: 150px !important;
}

.floorplan-wrapper-outer td.dataTables_empty {
  height: 110px !important;
}

.floorplan-wrapper-outer #step-3 > div:first-of-type {
  padding: 0 0 5px;
}

.floorplan-wrapper-outer .thumb-img {
  position: absolute;
  top: -14px;
  width: 145px;
  left: 200px;
  border-radius: 3px;
  overflow: hidden;
}

.floorplan-wrapper-outer .thumb-img img {
  width: 145px;
  max-height: 62px;
}

.floorplan-wrapper-outer .edit-btn {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #727272;
  color: #fff;
  border: none;
  margin-left: 4px;
  padding: 0;
  box-sizing: border-box;
}

.floorplan-wrapper-outer .edit-btn i {
  font-size: 13px;
}

.floorplan-wrapper-outer .associated-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.floorplan-wrapper-outer .associated-quantity .add-remove-btn {
  width: 20px;
  height: 20px;
}

.floorplan-wrapper-outer .associated-quantity .disable-btn {
  opacity: 0.5 !important;
  cursor: auto !important;
}

.floorplan-wrapper-outer .associated-quantity .add-remove-btn i {
  font-size: 18px;
}

.floorplan-wrapper-outer .associated-quantity .tool-tip {
  position: absolute;
}

.floorplan-wrapper-outer .associated-quantity .tool-tip .inner-div {
  top: -68px;
  left: 31px !important;
  width: 230px;
}

.floorplan-wrapper-outer .associated-quantity .tool-tip .inner-div:before {
  left: 25px;
  top: 41px;
  transform: rotate(90deg);
  width: 0;
  height: 0;
}

.floorplan-wrapper-outer .associated-quantity .tool-tip .inner-div input {
  margin-right: 10px !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
}

.floorplan-wrapper-outer .associated-quantity > span {
  width: 42px;
  max-width: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

[type=checkbox]:checked + span:not(.lever):before {
  border-color: transparent #a90300 #a90300 transparent;
}

.length-drop select#length {
  height: 35px !important;
}

.validate-features .disable-events {
  pointer-events: none;
}

.validate-features .repeat-row {
  height: 80px !important;
  border: 1px solid #dedede;
  padding: 20px;
  margin: 0;
}

.validate-features .repeat-row .inner-div {
  left: 0;
  margin: 0;
}

.validate-features .validate-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  display: flex;
  margin: 0 !important;
}

.validate-features .validate-view-btn .validate-btn {
  padding: 0 12px;
  font-size: 13px;
  background: green !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.validate-features .validate-view-btn .validate-btn:first-of-type {
  margin-right: 10px;
}

.validate-features .validate-view-btn .red-btn {
  background: #a90300 !important;
}

.validate-features .validate-view-btn .adduser-btn {
  margin-top: 0 !important;
  height: 35px !important;
  display: inline-flex !important;
  position: unset !important;
}

.validate-features .content-div {
  cursor: pointer;
}

.approve-btn.without-before-element:before {
  content: none !important;
}

.multi-select-menuitems p.no-floorplan {
  padding: 0 10px;
  margin: 8px 0 !important;
  font-size: 13px;
}

.button-valid button {
  margin-right: 10px !important;
}

.view-order-outer .btn-lg-pr.upd-btn button {
  height: 35px !important;
}

.view-order-outer .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

.batch-view-outer .vend-table table td,
.batch-view-outer .vend-table table th {
  font-size: 12px !important;
  border-radius: 0;
}

.batch-view-outer .vend-table table td.mc-option-name {
  width: 24%;
}

.batch-view-outer .vend-table table td span.choose-span {
  max-width: 100%;
}

.mc-order-id {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 340px;
  gap: 2px;
  row-gap: 3px;
  padding: 5px 0;
  margin: 0 auto;
}

.mc-order-id a {
  margin: 0;
}

.mc-order-id a:last-child:after {
  display: none;
}

.mc-order-id a:after {
  content: "";
  color: #000;
  font-size: 14px;
  width: 1px;
  height: 10px;
  display: inline-block;
  background-color: #858585;
  vertical-align: middle;
  margin: 0 4px;
  position: relative;
  top: -1px;
  right: -1px;
}

.batch-view-outer .vend-table table a {
  font-size: 12px !important;
}

.vendor-btnn.disable-btn {
  pointer-events: none;
  opacity: 0.8;
}

.cursor-aln {
  cursor: pointer;
}

.features-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important;
}

.features-wrapper .repeat-row {
  height: auto !important;
  border: 1px solid #dedede;
  padding: 20px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.features-wrapper .user-standard-feature .counter-feauter {
  font-size: 14px !important;
}

.features-wrapper .user-standard-feature .validate-view-btn {
  height: 38px;
  display: inline-flex;
  position: relative;
}

.features-wrapper .user-standard-feature .validate-view-btn .validate-btn {
  right: 66px;
}

.features-wrapper .user-standard-feature .validate-view-btn button {
  transition: all 0.4s ease;
}

.features-wrapper .user-standard-feature .validate-view-btn button:hover {
  filter: brightness(120%);
}

.features-wrapper .user-standard-feature .validate-view-btn .adduser-btn {
  right: 12px;
  height: 26px !important;
  padding: 0 5px !important;
}

.features-wrapper .user-standard-feature .validate-view-btn .adduser-btn i {
  margin: 0;
}

.features-wrapper .user-standard-feature .content-feature {
  font-size: 12px;
  margin: 10px 0;
  display: inline-block;
  width: 100%;
}

.features-wrapper .user-standard-feature .content-feature > div:last-of-type button {
  height: 32px !important;
  line-height: 32px !important;
  font-size: 13px !important;
}

.features-wrapper .user-standard-feature .content-feature > div:last-of-type button.disable {
  background-color: #b2b2b2 !important;
  cursor: not-allowed;
}

.features-wrapper .user-standard-feature .content-feature .repeat-row {
  padding: 6px 0 6px 1px;
  margin-top: -1px;
}

.features-wrapper .user-standard-feature .content-feature .select2-container--default .select2-selection--single {
  height: 32px !important;
  font-size: 13px !important;
}

.features-wrapper .user-standard-feature .content-feature .select2-container--default .select2-selection--single span.select2-selection__arrow {
  height: 40px !important;
}

.features-wrapper .user-standard-feature .content-feature .select2-container--default .select2-selection--single .inner-div button {
  height: 32px !important;
  margin-left: 0 !important;
  width: 400px !important;
}

.features-wrapper .user-standard-feature .content-feature .addoption-standard .select2-container--default .select2-selection--single,
.features-wrapper .user-standard-feature .content-feature .addoption-standard span.select2-selection__arrow {
  height: 42px !important;
}

.features-wrapper .user-standard-feature .validate-msg {
  color: #6b6f82;
  display: block;
  font-weight: 300;
  font-size: 14px;
  margin-top: 6px !important;
}

.features-wrapper .user-standard-feature .validate-msg span {
  margin-left: 6px;
  font-style: italic;
  color: #e55652;
}

.features-wrapper .user-standard-feature .adduser-btn {
  right: 10px;
}

.features-wrapper .user-standard-feature .repeat-row {
  position: relative;
  height: 42px !important;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div {
  bottom: 60px;
  top: auto;
  width: 420px;
  bottom: 35px !important;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent !important;
  border-top: 10px solid #ddd !important;
  width: 0;
  height: 0;
  right: 0;
  margin: auto;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div button {
  width: 66px;
  height: 30px !important;
  margin-left: 10px;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div .select2 {
  max-width: calc(100% - 60px);
}

.features-wrapper .user-standard-feature .repeat-row .inner-div li.select2-results__option {
  font-size: 12px !important;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div input {
  width: 100% !important;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div input.select2-search__field {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  height: 30px !important;
}

.features-wrapper .user-standard-feature .repeat-row .inner-div span.select2-selection__arrow {
  height: 30px !important;
}

.features-wrapper .user-standard-feature .select2 {
  max-width: calc(100% - 70px);
}

.features-wrapper .user-standard-feature .select2 .select2-search input.select2-search__field {
  min-width: 100%;
}

.features-wrapper .user-standard-feature .content-div {
  transition: all 0.4s ease;
}

.features-wrapper .user-standard-feature .content-div:hover {
  color: #000;
}

.features-wrapper .user-standard-feature .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 24px 0 16px !important;
}

.features-wrapper .user-standard-feature span.val-date {
  background: #e8f2e5;
  padding: 8px 10px;
  color: #39801d;
}

.features-wrapper .user-standard-feature #standardFeature .content-div {
  font-size: 13px !important;
}

.features-wrapper .user-standard-feature #standardFeature .repeat-row {
  height: 40px !important;
}

.features-wrapper .user-standard-feature #standardFeature .btn {
  height: 26px !important;
  top: 6px;
  padding: 0 6px;
}

.features-wrapper .user-standard-feature #standardFeature .btn i {
  margin: 0;
}

.features-wrapper .user-standard-feature #standardFeature .validate-view-btn:first-of-type button {
  right: 0 !important;
}

.features-wrapper .user-standard-feature #standardFeature .btn:nth-of-type(2) {
  margin-right: 10px !important;
}

.features-wrapper .head-feature h5 {
  margin-top: 0;
  line-height: 36px;
  font-size: 15px;
  margin-bottom: 0;
}

.features-wrapper .head-feature h5 span {
  white-space: nowrap;
}

.features-wrapper .head-feature h5 span.val-date {
  padding: 6px 8px;
  font-size: 15px;
}

.features-wrapper .head-feature h6 {
  font-size: 18px;
  font-weight: 600;
  margin: 18px 0 0 !important;
  display: block;
}

.features-wrapper .addoption-standard {
  float: left;
  width: 100%;
  margin: 10px 0 !important;
}

.features-wrapper .btn {
  height: 26px !important;
}

.features-wrapper .validate-view-btn button.adduser-btn {
  margin-right: 0 !important;
}

.features-wrapper .validate-view-btn .btn i {
  font-size: 1.2rem;
}

.features-wrapper .validate-view-btn .addoption-standard .select2-selection {
  font-size: 13px !important;
  height: 42px !important;
}

.features-wrapper .counter-feauter {
  font-size: 12px;
  margin: 8px 0;
}

.features-wrapper .counter-feauter span.val-date {
  padding: 6px 8px;
  font-size: 14px;
}

.features-wrapper .select2-selection__placeholder {
  line-height: 40px !important;
}

.features-wrapper .addoption-standard > div {
  padding: 0 !important;
}

.features-wrapper .addoption-standard > div span.select2-selection.select2-selection--single {
  height: 40px !important;
}

@media screen and (max-width: 1024px) {
  .features-wrapper .user-standard-feature .select2 {
    width: 45% !important;
  }
}

.feature-select {
  z-index: 0;
}

.feature-select li.select2-results__option {
  font-size: 12px !important;
  padding: 7px 15px !important;
  color: #000;
}

.feature-select input.select2-search__field {
  height: 30px !important;
  margin: 0 !important;
}

.inner-div span.select2-selection__arrow {
  margin-top: -5px;
}

.view-order-outer .image-element p {
  padding-left: 5px;
}

.view-order-outer .image-element .selected-filename {
  position: absolute;
  font-size: 12px;
  color: #a90f00;
  padding: 2px 6px;
}

.view-order-outer .image-element input {
  padding-right: 32px !important;
}

.view-order-outer [type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
}

.view-order-outer [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  top: 4px !important;
}

.view-order-outer [type=checkbox].filled-in:disabled:checked + span:not(.lever):after {
  background-color: #a90300 !important;
  border-color: #a90300 !important;
}

.view-order-outer .check-outer-std {
  justify-content: flex-start;
  margin: 0 -8px;
}

.view-order-outer .check-outer-std .input-wrapper {
  position: relative;
  padding-top: 7px;
  border-radius: 6px;
}

.view-order-outer .check-outer-std .input-wrapper i {
  position: absolute;
  color: #a90300;
  font-size: 17px;
  cursor: pointer;
  top: 50% !important;
  bottom: 0 !important;
  height: 16px;
  margin: 0;
  right: 5px;
  display: block;
  transform: translateY(-50%);
}

.view-order-outer .check-outer-std .input-wrapper [type=checkbox].filled-in:disabled:checked + span:not(.lever):after {
  background-color: #949494 !important;
  border-color: #949494 !important;
}

.view-order-outer .check-outer-std .input-wrapper.small-cont small {
  font-size: 7px !important;
  right: 0;
  bottom: -5px !important;
  left: unset !important;
  background-color: #fff;
  padding: 0 4px;
}

.view-order-outer .check-outer-std [type=checkbox] + span:not(.lever) {
  line-height: 18px;
  display: inline-block;
  width: 100%;
  padding-right: 10px;
  height: auto;
}

.view-order-outer .check-outer-std [type=checkbox] + span:not(.lever):before {
  top: -2px;
}

.view-order-outer .check-outer-std .upd-btn:last-of-type {
  margin-left: 8px !important;
}

.view-order-outer .options-wrapper a.btn.add-remove {
  float: right;
  position: absolute;
  padding: 0;
  right: 0;
  bottom: 0;
  width: auto;
  margin: 0;
  font-size: 13px;
  background: transparent !important;
  color: #a90f00;
  box-shadow: none;
}

.view-order-outer .options-wrapper td,
.view-order-outer .options-wrapper th {
  border-radius: 0;
  font-size: 12px !important;
  padding: 9px 14px !important;
  color: #6b6f82;
}

.view-order-outer .options-wrapper .right-align {
  margin: 0 !important;
  padding: 0;
}

.view-order-outer .options-wrapper .right-align a {
  background-color: #a90300;
  font-weight: 300;
  font-size: 14px;
}

.view-order-outer .options-wrapper .green-bck {
  background: #efeded !important;
}

.view-order-outer .options-wrapper tr {
  border-color: rgba(107, 111, 130, 0.25);
}

.view-order-outer .options-wrapper tr.assoc-part {
  background-color: #ffffe0;
}

.view-order-outer .options-wrapper .btn {
  margin: 5px 0;
}

.view-order-outer .options-wrapper .table-ui td,
.view-order-outer .options-wrapper .table-ui th {
  padding: 6px 12px !important;
}

.view-order-outer .options-wrapper .table-ui tr > td:first-of-type {
  padding: 6px 18px !important;
}

.view-order-outer .total-main-detail {
  padding: 0 0 10px !important;
  margin: 0;
}

.view-order-outer .verification-block .input-field {
  margin: 0 0 15px !important;
}

.view-order-outer .verification-block .input-field span.extra-info {
  background: #fff;
  padding: 0 3px;
  opacity: 1;
  color: #575757;
}

.view-order-outer .input-wrapper {
  height: auto;
  min-height: 38px;
  margin: 0 3px 10px 7px;
  display: flex;
  align-items: center;
  width: calc(25.3% - 16px);
}

.view-order-outer .input-wrapper span {
  font-size: 11px;
  color: #000;
  padding-right: 11px;
}

.view-order-outer ul.std-item li {
  height: auto;
  min-height: 38px;
  margin: 0 3px 10px 7px;
  display: flex;
  align-items: center;
  width: calc(25.3% - 16px);
}

.view-order-outer .btn-lg-pr.upd-btn button {
  height: 45px !important;
}

.view-order-outer .users-edit-one h5 {
  display: inline-block;
  text-align: left;
  float: left;
  margin: 0;
  font-size: 18px;
}

.view-order-outer .users-edit-one .right-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 9px 15px;
}

.view-order-outer .floorplan-block a.dt-btn,
.view-order-outer .instructions-block a.dt-btn {
  height: 26px !important;
  overflow: auto;
  display: inline-flex;
  width: 28px;
}

.view-order-outer .floorplan-block a.dt-btn a.dt-btn i,
.view-order-outer .instructions-block a.dt-btn a.dt-btn i {
  margin: 0;
  line-height: 24px !important;
  padding: 0 5px;
}

.view-order-outer .table-ui td,
.view-order-outer .table-ui th {
  padding: 6px 0 !important;
}

.view-order-outer .standard-items-wrapper .select2-selection--single {
  height: 36px !important;
}

.view-order-outer .standard-items-wrapper .select2-selection__rendered {
  line-height: 36px !important;
  font-size: 13px !important;
}

.view-order-outer .standard-items-wrapper .select2-selection__arrow {
  height: 36px !important;
}

.view-order-outer .upd-btn.btn-lg-pr button {
  height: 35px !important;
}

.view-order-outer .preview-files {
  padding: 10px 0;
}

.view-order-outer .preview-files img {
  margin: 0 auto;
  display: block;
}

.view-order-outer .users-edit .heading-underline {
  position: relative;
}

.view-order-outer .dt-btn i {
  margin: 0 auto !important;
  line-height: 26px;
}

.view-order-outer .standard-items-outer .card-content {
  padding: 12px 14px 20px !important;
}

.view-order-outer .users-edit-one > .card:first-of-type .card-content {
  overflow: auto;
}

.view-order-outer .users-edit-one > .card:first-of-type .card-content .total-main-detail,
.view-order-outer .users-edit-one > .card:first-of-type .card-content .uploaded-files {
  float: left;
  width: 100%;
}

.view-order-outer .users-edit-one > .card:first-of-type .card-content.standard-items-blk {
  overflow: hidden !important;
  width: 100%;
  padding: 12px 3px !important;
}

@media screen and (max-width: 1024px) {
  .view-order-outer .users-edit-one .right-align {
    padding-left: 0 !important;
  }
}

.view-order-outer .table-ui td,
.view-order-outer .table-ui th {
  padding: 6px !important;
}

.view-order-outer .table-ui td.note,
.view-order-outer .table-ui th.note {
  width: 25%;
  min-width: 100px;
}

.mc-monocav .table-ui {
  width: 100% !important;
}

.mc-monocav .table-ui th {
  font-size: 11px !important;
  padding: 9px 8px !important;
}

.mc-monocav .table-ui th.vinNo {
  width: 11%;
}

.mc-monocav .table-ui td {
  font-size: 11px !important;
  padding: 7px 0 !important;
}

.mc-monocav .table-ui td:nth-of-type(12) {
  max-width: 140px;
  padding: 2px !important;
  line-height: 15px;
}

.mc-monocav .table-ui td.approve-btn {
  width: 5%;
}

.mc-monocav .table-ui td.vinNo {
  width: 6%;
}

.mc-monocav .table-ui td .customer-col {
  position: relative;
}

.mc-monocav .table-ui td .customer-col:hover .user-popup {
  display: inline-block;
}

.mc-monocav .table-ui td .customer-col .customer-name {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  text-transform: capitalize;
}

.mc-monocav .table-ui td .customer-col .user-popup {
  position: absolute;
  top: 22px;
  margin: 0 auto;
  left: 15px;
  text-align: center;
  right: 15px;
  display: none;
  transition: all 0.3s ease;
  z-index: 1;
  animation: animate 0.2s linear;
}

.mc-monocav .table-ui td .customer-col .user-popup:before {
  content: "";
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #aa2d15;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.mc-monocav .table-ui td .customer-col .user-popup span {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2392156863);
  border-radius: 5px;
  display: inline-block;
  line-height: 13px;
  width: auto;
  border-top: 2px solid #aa2d15;
  text-transform: capitalize;
}

.mc-monocav .table-ui td:nth-of-type(6),
.mc-monocav .table-ui th:nth-of-type(6) {
  max-width: 80px !important;
}

.mc-monocav .table-ui .approve-btn {
  cursor: pointer;
}

.mc-monocav .table-ui .approve-btn span {
  margin-left: -15px;
}

.mc-monocav .table-ui .approve-btn:before {
  right: 22px !important;
  top: -2px;
}

.mc-monocav .table-ui tr.red-bg {
  background-color: rgba(169, 3, 0, 0.2) !important;
}

.mc-monocav .table-ui tr.green-bg {
  background-color: rgba(92, 181, 13, 0.2784313725) !important;
}

.mc-monocav .table-ui tr > td:nth-of-type(2),
.mc-monocav .table-ui tr > th:nth-of-type(2) {
  width: 6%;
}

.mc-monocav .add-user-listing {
  padding: 11px;
}

.mc-monocav .add-user-listing .load-batches-block {
  margin-top: 10px;
  margin-bottom: 0 !important;
}

.mc-monocav .add-user-listing .load-batches-block .head-batches {
  margin-bottom: 7px;
}

.mc-monocav .add-user-listing .load-batches-block .head-batches h3 {
  font-size: 15px !important;
}

.mc-monocav .add-user-listing .load-batches-block .action-main a span.material-icons {
  font-size: 13px !important;
}

.mc-monocav .add-user-listing .load-batches-block .green-btn span {
  font-size: 12px;
}

.mc-monocav .add-user-listing .load-batches-block .block-table {
  overflow: unset;
}

.mc-monocav .add-user-listing .load-batches-block .date-batch {
  font-size: 12px;
  margin-right: 0;
}

.mc-monocav .add-user-listing .load-batches-block .gray-btn {
  font-size: 11px;
}

.mc-monocav .add-user-listing .load-batches-block.batch-4 .table-ui tr > td.dark-green-bck a {
  color: #fff;
}

.mc-monocav .custom-checkbox [type=checkbox]:checked + span:not(.lever):before {
  border-color: transparent #a90300 #a90300 transparent !important;
}

.mc-monocav [type=checkbox] + span:not(.lever):before,
.mc-monocav [type=checkbox]:not(.filled-in) + span:not(.lever):after {
  margin-top: 0 !important;
}

.mc-monocav td.green-bck a {
  color: #fff !important;
}

.mc-monocav .batch-col {
  padding: 7px 10px !important;
  min-width: 75px !important;
}

.mc-monocav td.length-col,
.mc-monocav th.action-col,
.mc-monocav th.length-col {
  padding: 2px !important;
}

.mc-monocav .dataTables_filter:before {
  top: 25px;
}

.mc-monocav .dataTables_filter input {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 10px 0 30px;
}

.mc-monocav .mc-club-order .dataTables_filter {
  display: flex;
  width: 100%;
}

.mc-monocav .mc-club-order .dataTables_filter:before {
  display: none;
}

.mc-monocav .mc-club-order .dataTables_filter label {
  position: relative;
}

.mc-monocav .mc-club-order .dataTables_filter label:before {
  content: "";
  width: 14px;
  height: 25px;
  background-image: url(../../images/search.svg?037140f472aa26e2a9e7946f09dd8eb6);
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 10px;
  background-repeat: no-repeat;
}

.mc-monocav .mc-club-order .dataTables_filter input {
  height: 30px;
  width: 365px;
  margin-bottom: 0;
}

.mc-monocav .mc-club-order .dataTables_filter input:focus {
  box-shadow: none !important;
}

.mc-monocav .mc-club-order .loadData {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.mc-monocav .mc-club-order .loadData button {
  background: #f1f1f1;
  font-size: 12px;
  color: #4e4e4e;
  border: 1px solid #4e4e4e;
  padding: 0 12px;
  border-radius: 3px;
  min-height: 29px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  min-width: 80px;
  justify-content: center;
  margin-top: 20px;
  margin-right: 10px;
}

.mc-monocav .mc-club-order .loadData button:hover {
  background: #e5e5e5;
}

.mc-monocav .mc-club-order .loadData button span {
  font-size: 20px;
  line-height: 18px;
  margin-top: 1px;
  display: inline-block;
  width: 19px;
}

.mc-monocav .mc-club-order .loadData button.previous span {
  margin-left: -4px;
}

.mc-monocav .mc-club-order .loadData button.next {
  margin-right: 0;
}

.mc-monocav .mc-club-order .loadData button.next span {
  margin-right: -8px;
}

.mc-monocav .mc-club-order .loadData.top-blk {
  position: absolute;
  right: 13px;
  top: -7px;
  justify-content: flex-end;
  width: auto;
}

section.users-list-wrapper.section .users-list-table .card {
  overflow: visible !important;
}

.order-column {
  width: 130px;
}

@media screen and (max-width: 1250px) {
  .mc-monocav .block-table {
    overflow: auto !important;
  }

  #allPageViewsModal .modal-content {
    width: 750px;
  }
}

@media screen and (max-width: 1200px) {
  .view-order-outer .input-wrapper.small-cont small {
    font-size: 7px;
    bottom: 2px;
    left: 37px;
  }
}

@media screen and (max-width: 1100px) {
  .head-feature h5 {
    font-size: 17px;
  }

  p.validate-msg {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .input-wrapper.small-cont small {
    font-size: 7px !important;
    right: 0;
    bottom: -14px !important;
    left: unset !important;
  }

  .table-ui td,
  .table-ui th {
    padding: 12px 4px !important;
  }

  .row.addoption-standard > .col:first-of-type {
    width: 100%;
  }

  .validate-features .select2 {
    max-width: unset !important;
  }

  .features-wrapper .repeat-row > .col:first-of-type {
    width: 80%;
  }

  .features-wrapper .repeat-row > .col:nth-of-type(2) {
    width: 20%;
  }

  .row.addoption-standard > div:first-of-type {
    padding: 0 !important;
  }

  .view-order-outer .checklist-wrapper .vin-input {
    margin: 0 !important;
  }

  .view-order-outer .check-outer-std .input-wrapper.small-cont [type=checkbox] + span:not(.lever) {
    line-height: 27px !important;
  }

  .mc-monocav .date-batch {
    margin: 0 !important;
  }

  .mc-monocav .action-main a span.text,
  .mc-monocav .date-batch {
    font-size: 12px !important;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .card-content.add-user-listing .table.table-striped tr th {
    width: 140px !important;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .card-content.add-user-listing .table.table-striped tr th:nth-of-type(5) {
    width: 110px !important;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .card-content.add-user-listing .table.table-striped tr th:last-of-type {
    width: 220px !important;
    white-space: nowrap;
  }

  section.users-list-wrapper.section.manage-outer-wrapper a.waves-effect.waves-light.btn.adduser-btn.new-btn {
    width: 160px;
    max-width: 100px !important;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .responsive-table {
    overflow: auto;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .responsive-table table#part-management-table {
    table-layout: fixed;
  }
}

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  section.users-list-wrapper.section.manage-outer-wrapper .responsive-table table#part-management-table {
    margin-top: 90px !important;
  }
}

@media screen and (max-width: 1024px) {
  section.users-list-wrapper.section.manage-outer-wrapper .responsive-table .dataTables_wrapper {
    position: unset;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .responsive-table .dataTables_wrapper div#part-management-table_filter {
    position: absolute;
  }

  section.users-list-wrapper.section.manage-outer-wrapper .responsive-table .dataTables_wrapper div#part-management-table_filter th {
    width: auto !important;
  }
}

@media screen and (max-width: 992px) {
  .custom-trailers .inputrel.activeOuterBlock.input-block-wrapper {
    left: 28px !important;
    top: 58px;
  }

  .custom-trailers .responsive-table {
    margin-top: 80px;
  }

  .custom-trailers .responsive-table .dataTables_wrapper {
    position: unset;
  }

  .custom-trailers .responsive-table div#custom-trailer-table_filter {
    position: absolute;
    top: 12px;
  }

  .custom-trailers a.adduser-btn {
    max-width: 190px;
  }
}

.custom-trailers .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1200px) {
  .custom-trailers .dataTables_processing {
    top: 42px !important;
  }
}

@media screen and (max-width: 992px) {
  .custom-trailers .dataTables_processing {
    top: 10px !important;
  }
}

@media screen and (max-width: 992px) {
  .view-order-outer .right-align button.btn {
    width: 180px;
    top: 0 !important;
    white-space: nowrap;
  }

  .view-order-outer .users-edit-one h5 {
    line-height: 21px;
    display: inline-block;
  }

  .verification-block .upd-btn {
    margin-top: 0 !important;
    margin-bottom: 10px;
    margin-left: 5px;
  }

  .view-order-outer .verification-block .row.mt-2 .col {
    width: 100% !important;
  }

  .upd-btn button {
    top: 0;
  }

  .view-order-outer .standard-items-outer .upd-btn.cols.btn-lg-pr {
    margin-right: 0 !important;
  }

  .options-wrapper .right-align a {
    margin: 20px 0 0;
    width: 120px;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  #allPageViewsModal .modal-content {
    width: 600px;
  }

  .view-order-outer .check-outer-std .input-wrapper,
  .view-order-outer ul.std-item li {
    width: calc(50% - 15px) !important;
  }

  .input-wrapper.small-cont small {
    font-size: 9px !important;
    right: 0;
    bottom: 1px !important;
    left: 38px !important;
  }

  .checklist-wrapper .upd-btn.mt-1 {
    margin-top: 0 !important;
  }

  .checklist-wrapper .upd-btn button {
    height: 36px !important;
  }

  .checklist-wrapper .upd-btn.col.s.mt-1 {
    margin-top: 0 !important;
  }

  .standard-items-wrapper .upd-btn.col.s.mt-1 {
    margin-top: 11px !important;
  }

  .order-input-block button.btn {
    margin-bottom: 20px;
  }

  .view-order-outer .checklist-wrapper button.btn {
    float: left;
    top: 1px;
  }

  .view-order-outer .checklist-wrapper .vin-input {
    width: calc(50% - 15px);
  }

  .view-order-outer .checklist-wrapper button.btn {
    height: 34px !important;
  }

  .view-order-outer .input-wrapper.small-cont small {
    font-size: 9px !important;
    right: 20px;
    bottom: -5px !important;
    left: unset !important;
  }
}

@media screen and (max-width: 601px) {
  .card .card-content {
    padding: 20px !important;
  }

  .floorplan-btn {
    margin-bottom: 20px;
  }

  .input-wrapper.small-cont small {
    font-size: 9px !important;
    right: 0;
    bottom: -17px !important;
    left: 0 !important;
  }

  .floorplan-block button.save-btn,
  .note-upload-block button.save-btn {
    margin-left: 10px;
    margin-top: 10px;
  }

  .standard-items-outer button.btn {
    height: 33px !important;
    margin-top: -1px;
    margin-left: 10px;
  }

  .checklist-wrapper .upd-btn button {
    height: 33px !important;
    margin-top: -1px !important;
  }

  .row.addoption-standard > div:first-of-type {
    padding: 0 !important;
  }
}

a.href-btn {
  font-size: 11px;
  height: 30px !important;
  padding: 0 10px !important;
  line-height: 28px !important;
  background: #aa2c17;
  color: #fff;
  margin: 16px 0;
  margin-right: 10px !important;
  border-radius: 4px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  vertical-align: middle;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  font: 400 13.3333px Arial;
}

.vendor-btnn button:active,
.vendor-btnn button:focus {
  background: #a90300 !important;
}

.dataTables_wrapper.order-items-table .dataTable {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .dataTables_wrapper.order-items-table .table tr > td:first-of-type,
  .dataTables_wrapper.order-items-table .table tr > th:first-of-type {
    width: 100px !important;
  }

  .dataTables_wrapper.order-items-table .table tr > td:nth-of-type(4),
  .dataTables_wrapper.order-items-table .table tr > th:nth-of-type(4) {
    width: 450px !important;
  }
}

.add-user-listing .send-order-table table {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .add-user-listing .send-order-table table {
    table-layout: fixed;
  }

  .add-user-listing .send-order-table table tr > td:nth-of-type(4),
  .add-user-listing .send-order-table table tr > th:nth-of-type(4) {
    width: 130px !important;
  }

  .add-user-listing .send-order-table table tr > td:nth-of-type(3),
  .add-user-listing .send-order-table table tr > th:nth-of-type(3) {
    width: 110px !important;
  }

  .add-user-listing .send-order-table table tr > td:nth-of-type(5),
  .add-user-listing .send-order-table table tr > td:nth-of-type(6),
  .add-user-listing .send-order-table table tr > th:nth-of-type(5),
  .add-user-listing .send-order-table table tr > th:nth-of-type(6) {
    width: 60px !important;
  }
}

.section.users-list-wrapper.section .name-heading {
  margin: 18px 0 28px;
  display: flex;
  justify-content: center;
}

.section.users-list-wrapper.section .name-heading h3 {
  font-size: 24px;
  text-align: center;
  margin: 0;
  font-weight: 500;
  position: relative;
  color: #000;
  display: inline-block;
}

.section.users-list-wrapper.section .name-heading h3:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 65%;
  background: #aa2d15;
  bottom: -10px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.section.users-list-wrapper.section.manage-outer-wrapper .add-user-listing .dataTables_filter input {
  height: 30px !important;
}

.section.users-list-wrapper.section.manage-outer-wrapper tr td:last-of-type {
  min-width: 110px !important;
}

.section.users-list-wrapper.section.manage-outer-wrapper .inputrel {
  top: 14px;
}

.section.users-list-wrapper.section.manage-outer-wrapper .modal-body {
  padding: 15px 5px !important;
}

@media screen and (max-width: 1150px) {
  .section.users-list-wrapper.section.manage-outer-wrapper .input-block-wrapper {
    left: 30px !important;
    top: 55px !important;
    right: unset !important;
  }
}

@media screen and (max-width: 1024px) {
  .section.users-list-wrapper.section.manage-outer-wrapper .input-block-wrapper .input-field.activeInactive {
    max-width: 132px !important;
  }
}

@media screen and (max-width: 1150px) {
  .section.users-list-wrapper.section.manage-outer-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable {
    margin-top: 55px !important;
  }
}

@media screen and (max-width: 1024px) {
  .section.users-list-wrapper.section.manage-outer-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable {
    margin-top: 87px !important;
  }
}

.section.users-list-wrapper.section.manage-outer-wrapper tr th:nth-of-type(5) {
  white-space: nowrap;
}

.section.users-list-wrapper.section.manage-outer-wrapper .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1150px) {
  .section.users-list-wrapper.section.manage-outer-wrapper .dataTables_processing {
    top: 80px !important;
  }
}

.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .card-content.add-user-listing .responsive-table {
  float: left;
  overflow: visible;
  width: 100%;
}

.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .card-content.add-user-listing .responsive-table .dataTables_wrapper {
  overflow: auto;
  width: 100%;
}

.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .card-content.add-user-listing .responsive-table .dataTables_wrapper .dataTable {
  margin-top: 20px !important;
}

.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .card-content.add-user-listing .responsive-table .dataTables_wrapper .dataTable tr td,
.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .card-content.add-user-listing .responsive-table .dataTables_wrapper .dataTable tr th {
  min-width: 110px;
}

.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .associate-blk .responsive-table .dataTables_wrapper {
  overflow: visible !important;
}

.section.users-list-wrapper.section.manage-outer-wrapper .parts-popup .associate-blk .responsive-table .dataTables_wrapper .table-container {
  width: 100%;
  overflow: auto;
}

@media screen and (max-width: 992px) {
  .section.users-list-wrapper.section.classes-outer .card-content.add-user-listing .dataTables_wrapper .dataTable {
    margin-top: 40px !important;
  }
}

.section.users-list-wrapper.section.classes-outer .card-content.add-user-listing .dataTables_wrapper .dataTable {
  margin-top: 0 !important;
}

.section.users-list-wrapper.section.classes-outer .add-user-listing .dataTables_filter input {
  height: 30px !important;
}

.section.users-list-wrapper.section.classes-outer .card-content.add-user-listing .dataTables_wrapper .dataTable {
  margin-top: 20px !important;
}

.section.users-list-wrapper.section.classes-outer table tr td:nth-of-type(3),
.section.users-list-wrapper.section.classes-outer table tr th:nth-of-type(3) {
  width: 60px !important;
}

.section.users-list-wrapper.section.classes-outer table tr td:last-of-type,
.section.users-list-wrapper.section.classes-outer table tr th:last-of-type {
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .section.users-list-wrapper.section.classes-outer table tr td:last-of-type,
  .section.users-list-wrapper.section.classes-outer table tr th:last-of-type {
    width: 50px !important;
  }
}

.section.users-list-wrapper.section.classes-outer .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  .section.users-list-wrapper.section.classes-outer .dataTables_processing {
    top: 42px !important;
  }
}

.section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable {
  margin-top: 52px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable tr > th:nth-of-type(6) {
  width: 90px !important;
}

@media screen and (max-width: 1024px) {
  .section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable tr > th:nth-of-type(6) {
    width: 120px !important;
  }
}

.section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable tr > th:nth-of-type(5) {
  width: 70px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable tr > th:nth-of-type(3) {
  width: 90px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable tr td:nth-of-type(2),
.section.users-list-wrapper.section.contact-us-wrapper .card-content.add-user-listing .dataTables_wrapper .dataTable tr th:nth-of-type(2) {
  width: 150px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table {
  overflow: auto;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table table {
  table-layout: fixed;
  margin-top: 40px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .dataTables_wrapper {
  position: unset;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .dataTables_wrapper .dataTables_filter {
  position: absolute;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .dataTables_wrapper tr td:first-of-type,
.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .dataTables_wrapper tr th:first-of-type {
  width: 100px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  .section.users-list-wrapper.section.contact-us-wrapper .dataTables_processing {
    top: 42px !important;
  }
}

@media screen and (max-width: 992px) {
  .section.users-list-wrapper.section.floorplan-wrapper .inputrel {
    width: auto !important;
    position: absolute;
    top: 55px !important;
    left: 30px;
  }
}

.section.users-list-wrapper.section.floorplan-wrapper .dataTables_filter {
  position: absolute;
  top: 12px;
}

.section.users-list-wrapper.section.floorplan-wrapper div#floorplan-table_wrapper {
  position: unset;
}

.section.users-list-wrapper.section.floorplan-wrapper table#floorplan-table {
  margin-top: 50px !important;
}

@media screen and (max-width: 992px) {
  .section.users-list-wrapper.section.floorplan-wrapper table#floorplan-table {
    margin-top: 90px !important;
  }
}

.section.users-list-wrapper.section.floorplan-wrapper table#floorplan-table tr td:last-of-type,
.section.users-list-wrapper.section.floorplan-wrapper table#floorplan-table tr td:nth-of-type(3),
.section.users-list-wrapper.section.floorplan-wrapper table#floorplan-table tr th:last-of-type,
.section.users-list-wrapper.section.floorplan-wrapper table#floorplan-table tr th:nth-of-type(3) {
  width: 60px !important;
  white-space: nowrap;
}

.section.users-list-wrapper.section.floorplan-wrapper a.waves-effect.adduser-btn {
  max-width: 125px;
}

.section.users-list-wrapper.section.floorplan-main table td:first-of-type,
.section.users-list-wrapper.section.floorplan-main table th:first-of-type {
  width: 20% !important;
}

.section.users-list-wrapper.section.floorplan-main table td:last-of-type,
.section.users-list-wrapper.section.floorplan-main table th:last-of-type {
  width: 5% !important;
}

.section.users-list-wrapper.section.floorplan-main table td,
.section.users-list-wrapper.section.floorplan-main table th {
  min-width: 80px;
}

.section.users-list-wrapper.section.floorplan-main table td:nth-last-of-type(2),
.section.users-list-wrapper.section.floorplan-main table th:nth-last-of-type(2) {
  width: 10% !important;
}

.section.users-list-wrapper.section.floorplan-main .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 992px) {
  .section.users-list-wrapper.section.floorplan-main .dataTables_processing {
    top: 80px !important;
  }
}

.section.users-list-wrapper.section.vendor-order-main .table tr td:last-of-type,
.section.users-list-wrapper.section.vendor-order-main .table tr th:last-of-type {
  width: 12% !important;
  min-width: 110px;
}

.section.users-list-wrapper.section.vendor-order-main .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  .section.users-list-wrapper.section.vendor-order-main .dataTables_processing {
    top: 42px !important;
  }
}

.form-col-block.btn-part button.btn.btnred {
  height: 30px !important;
}

button.btn.btnred {
  height: 35px !important;
  line-height: 24px !important;
  position: relative;
}

button.btn.btnred.user-save-btn {
  top: 0 !important;
  height: 32px !important;
}

button.btn.btnred.custom-user-btn {
  top: 0 !important;
  height: 35px !important;
}

[type=checkbox] + span:not(.lever) {
  padding-left: 28px;
  padding-bottom: 0;
  height: 22px;
  display: inline-flex;
  align-items: center;
}

.batch-view-outer .vend-table.metal-listings,
.batch-view-outer .vend-table.vendor-listing {
  overflow: auto;
}

@media screen and (max-width: 1024px) {
  .batch-view-outer.section.users-list-wrapper.section table {
    table-layout: fixed;
  }
}

@media screen and (max-width: 1024px) {
  .batch-view-outer.section.users-list-wrapper.section tr td,
  .batch-view-outer.section.users-list-wrapper.section tr th {
    width: auto !important;
  }

  .batch-view-outer.section.users-list-wrapper.section tr > td:nth-of-type(4),
  .batch-view-outer.section.users-list-wrapper.section tr > th:nth-of-type(4) {
    width: 22% !important;
  }
}

.batch-view-outer td.total-block {
  font-weight: 700;
  font-size: 13px !important;
}

.batch-view-outer .total-main-detail {
  padding: 10px 20px;
  margin: 0;
}

.batch-view-outer .total-main-detail .view-box-field span {
  font-size: 13px;
}

.batch-view-outer .total-main-detail .view-box-field label {
  font-size: 15px;
}

.batch-view-outer .vendor-btnn.disable-btn .create-vendor-order {
  display: none;
}

.batch-view-outer .vendor-btnn .create-vendor-order {
  margin-bottom: 12px !important;
  margin-top: 0 !important;
}

.batch-view-outer .vendor-btnn #vendor-content p {
  font-size: 15px !important;
}

.batch-view-outer .vend-table table {
  border-radius: 6px;
  overflow: hidden;
}

section.users-list-wrapper.section table#template-table {
  table-layout: fixed;
}

section.users-list-wrapper.section table#template-table tr > th {
  width: auto !important;
}

section.users-list-wrapper.section table#template-table tr > th:last-of-type {
  width: 60px !important;
}

@media screen and (max-width: 1024px) {
  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table {
    overflow: auto;
  }

  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table table#faq-table {
    table-layout: fixed;
    margin-top: 50px !important;
  }

  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table table#faq-table tr > th:last-of-type,
  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table table#faq-table tr > th:nth-of-type(3),
  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table table#faq-table tr > th:nth-of-type(4) {
    width: 90px !important;
  }

  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table div#faq-table_wrapper {
    position: unset;
  }

  section.users-list-wrapper.section.faq-outer-wrapper .responsive-table div#faq-table_wrapper div#faq-table_filter {
    position: absolute;
  }
}

section.users-list-wrapper.section.faq-outer-wrapper .dataTables_processing {
  top: 41px !important;
}

#changePwdModal .modal-content .modal-body {
  padding: 20px 15px 10px !important;
}

#changePwdModal .modal-content .modal-body #updatePwdForm .row > div:last-of-type {
  padding: 0 !important;
}

#changePwdModal .modal-content .modal-body .input-field {
  margin: 0 0 22px !important;
}

#changePwdModal .modal-content .modal-body #notify ~ span {
  margin: 0 !important;
}

.section.vendor-order-outer .responsive-table {
  overflow: auto;
}

.section.vendor-order-outer #vendor-order-manager section.users-list-wrapper.section .add-user-listing tr > th:last-of-type {
  text-align: right;
}

.section.vendor-order-outer .table.table-striped tr td:first-of-type,
.section.vendor-order-outer .table.table-striped tr th:first-of-type {
  width: 220px !important;
}

.section.vendor-order-outer .table.table-striped tr th:last-of-type {
  width: 100px !important;
}

.section.vendor-order-outer #step-2.add-items-card section.users-list-wrapper.section .add-user-listing > .inputrel {
  margin-bottom: 10px;
}

.section.vendor-order-outer #step-2.add-items-card section.users-list-wrapper.section .add-user-listing > .inputrel .input-field {
  width: auto;
}

.section.vendor-order-outer #step-2.add-items-card section.users-list-wrapper.section .add-user-listing > .inputrel .input-field input {
  width: 235px !important;
  background-image: url(../../images/search.svg?037140f472aa26e2a9e7946f09dd8eb6);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 10px;
  padding: 0 22px 0 32px !important;
}

.section.vendor-order-outer #step-2.add-items-card section.users-list-wrapper.section .add-user-listing .tbinputOuter {
  padding: 0 !important;
  max-height: 308px;
  overflow: auto;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing tr > th:first-of-type {
  width: 300px !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing tr > th:nth-of-type(5) {
  width: 50px !important;
  text-align: center;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing tr > th:last-of-type {
  width: 30px !important;
  text-align: center;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable {
  table-layout: fixed !important;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable tr th {
  white-space: nowrap;
  padding: 13px 8px !important;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable tr td {
  width: auto !important;
  padding: 6px 10px !important;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable tr td:nth-of-type(5) {
  text-align: center !important;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable tr td button.btn-gray-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable tr td .input-field {
  height: 30px !important;
  margin: 0;
}

.section.vendor-order-outer #step-2 .dataTables_wrapper .dataTable tr td .input-field input {
  height: 30px !important;
  padding-top: 0 !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing {
  margin-bottom: 15px;
  border-radius: 8px;
  padding: 0;
  box-shadow: none;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp {
  margin-top: 0;
  margin-bottom: 25px;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp th:nth-of-type(6),
.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp tr:nth-of-type(6) {
  width: 80px !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp th:nth-of-type(7),
.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp tr:nth-of-type(7) {
  width: 40px !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp th:last-of-type,
.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.adduser-sp tr:last-of-type {
  width: 50px !important;
  text-align: center;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.received th:nth-of-type(7),
.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing.received tr:nth-of-type(7) {
  width: 80px !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tbinputOuter {
  padding: 0 6px !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .btn-gray-box i {
  font-size: 16px;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing tr.collapse-expand {
  border: 1px solid #e8e6e6 !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing tr.collapse-expand td {
  box-sizing: border-box;
  width: auto !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 4px 18px !important;
}

.section.vendor-order-outer #step-2 .row {
  margin: 0;
}

.section.vendor-order-outer #step-2 .row .responsive-table {
  padding: 0 !important;
}

.full-width-block {
  flex-direction: column;
}

.full-width-block > div {
  width: 100% !important;
}

.vendor-listings table tr.non-collapse.active {
  background: #d6d6d6 !important;
  border: none !important;
}

.vendor-listings table tr.collapse-expand {
  background: #d6d6d6 !important;
}

.bt-total {
  font-weight: 700 !important;
}

[type=checkbox] + span:not(.lever):before,
[type=checkbox]:not(.filled-in) + span:not(.lever):after {
  margin-top: 2px;
}

.sidenav-dark.sidenav-main > li:last-of-type {
  margin-bottom: 60px !important;
}

.orders-div-cont {
  display: none !important;
}

.sales-report .dataTables_wrapper {
  position: unset;
}

.sales-report .dataTables_wrapper .dataTables_filter {
  position: absolute;
  left: 28px;
}

.sales-report tr td:first-of-type,
.sales-report tr th:first-of-type {
  width: 8% !important;
  white-space: nowrap;
}

.sales-report .responsive-table {
  overflow: auto;
  position: unset;
}

.sales-report .responsive-table table#sales-report-table {
  margin-top: 52px !important;
}

.sales-report .responsive-table table#sales-report-table #sales-report-table tr > td,
.sales-report .responsive-table table#sales-report-table tr > th {
  min-width: 80px;
}

.sales-report .dataTables_processing {
  top: 41px !important;
}

@media screen and (max-width: 1199px) {
  .sales-report .dataTables_processing {
    top: 42px !important;
  }
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status > .form-col-block:nth-of-type(6).shipped-input-block {
  width: 25% !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block.invoice-notes {
  margin-top: 10px;
}

.shipped-input-block .input-field {
  margin: 7px 0 4px !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status > .form-col-block:nth-of-type(6).shipped-input-block .input-field {
  margin: 4px 0 !important;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block.invoice-notes {
  width: 100% !important;
  margin: 10px 0;
}

.quote-accordian-data.quote-new-accordian-block.orders-block .quote-acc-content-card .part-block-order .select-form-block.trailer-Status .form-col-block.invoice-notes .inputrel > label.active {
  transform: translateY(-6px) scale(0.8) !important;
}

* {
  -webkit-tap-highlight-color: transparent !important;
}

.sales-table-tfoot tr {
  background-color: #ffe2e2;
}

.sales-table-tfoot tr.orders-total {
  background-color: #cc0400 !important;
  color: #fff !important;
}

.sales-table-tfoot tr.orders-total td {
  color: #fff !important;
}

.sales-table-tfoot tr.orders-total td.total-order {
  background-color: #000;
}

.sales-table-tfoot tr td {
  border-radius: 0 !important;
  color: #a90300 !important;
  font-weight: 500;
  border: none !important;
  padding: 14px 10px !important;
  font-size: 14px !important;
}

.sales-table-tfoot tr td.total-order {
  background-color: #827777;
}

b.order-total {
  color: #cd3b35 !important;
}

.sidenav-dark.sidenav-main .sidenav {
  padding-bottom: 150px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table table {
  table-layout: auto;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .dataTable tr > td:nth-of-type(6),
.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .dataTable tr > th:nth-of-type(6) {
  width: 9% !important;
  white-space: nowrap;
  min-width: 120px !important;
}

.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .table.table-striped tr td,
.section.users-list-wrapper.section.contact-us-wrapper .responsive-table .table.table-striped tr th {
  min-width: 120px !important;
}

.modal-common-layout .modal-content .modal-body form {
  margin-bottom: 10px;
}

.modal-common-layout .modal-content .modal-body {
  padding: 15px 5px !important;
  float: left;
}

#changePasswordModel .modal-body {
  padding: 10px 5px 15px !important;
  float: left;
}

#changePwdModal .modal-content .modal-body {
  padding: 15px !important;
  float: left;
}

.sales-report .responsive-table #sales-report-table tr > td:nth-of-type(3),
.sales-report .responsive-table #sales-report-table tr > th:nth-of-type(3) {
  width: 22% !important;
}

.sales-report .responsive-table #sales-report-table tr > td:last-of-type,
.sales-report .responsive-table #sales-report-table tr > th:last-of-type {
  width: 10% !important;
}

.sales-report .responsive-table #sales-report-table tr > td,
.sales-report .responsive-table #sales-report-table tr > th {
  min-width: 120px !important;
}

section.users-list-wrapper .responsive-table {
  padding-bottom: 5px !important;
}

#part-management-table-dash_wrapper tr > td:first-of-type,
#part-management-table-dash_wrapper tr > td:nth-of-type(2),
#part-management-table-dash_wrapper tr > th:first-of-type,
#part-management-table-dash_wrapper tr > th:nth-of-type(2),
.classes-outer .table tr > td,
.classes-outer .table tr > th {
  width: 30% !important;
}

.classes-outer .table tr > td:last-of-type,
.classes-outer .table tr > th:last-of-type {
  width: 8% !important;
  min-width: 120px !important;
}

section.users-list-wrapper.section .dataTables_wrapper .dataTable {
  border: 1px solid #ccc;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.vendor-listings table thead tr:first-of-type {
  background-color: #fff !important;
}

.cur-ptr {
  cursor: pointer !important;
}

.highlight-text {
  color: #aa2c17 !important;
}

.dataTables_empty,
.empty-table {
  height: 40px !important;
}

.cursor-pt {
  cursor: pointer;
}

.customer-detail-outer .notes_msg_send {
  height: 50px;
}

.customer-detail-outer .notes_msg_send textarea {
  border: 2px solid #ccc !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.cust_quotes-table .add-deposit .form-col-block:nth-of-type(2) {
  margin: 0 !important;
}

.sidenav-dark.sidenav-main .sidenav li > a,
.sidenav-dark.sidenav-main .sidenav li > a span {
  white-space: nowrap;
}

.card {
  position: relative;
  overflow: hidden !important;
  padding-top: 3px;
}

.card-visible,
.card.card-visible {
  overflow: visible !important;
}

.progress {
  background-color: rgba(177, 68, 50, 0.3);
  border-radius: 0;
  height: 3px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.progress .determinate,
.progress .indeterminate {
  background-color: #aa2c17;
}

.progress .determinate:after,
.progress .indeterminate:after {
  animation-delay: 1s;
}

#mnc-std-items {
  display: none;
}

.sidenav .collapsible-header {
  background-color: #212939 !important;
  border-radius: 0 25px 25px 0;
}

.sidenav li.bold.close .collapsible-header {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.sidenav li.active.open .collapsible-header,
.sidenav li.bold.active.open .collapsible-header {
  background-color: transparent !important;
}

.sidenav li.bold.open .collapsible-header {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.full-width-block {
  width: 100% !important;
}

.p-0-16 {
  padding: 0 16px !important;
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree {
    table-layout: auto !important;
  }
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th {
    min-width: 100px;
  }
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:first-child {
  width: 10% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(2) {
  width: 20% !important;
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(2) {
    min-width: 200px;
  }
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(3) {
  width: 10% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(4) {
  width: 16% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(5) {
  width: 10% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(6) {
  width: 8% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(7),
.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th:nth-child(8) {
  width: 10% !important;
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > th.vendorId-col {
    min-width: 50px !important;
  }
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td {
    min-width: 100px;
  }
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:first-child {
  width: 10% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(2) {
  width: 20% !important;
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(2) {
    min-width: 200px;
  }
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(3) {
  width: 10% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(4) {
  width: 16% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(5) {
  width: 10% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(6) {
  width: 8% !important;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(7),
.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td:nth-child(8) {
  width: 10% !important;
}

@media only screen and (max-width: 992px) {
  .section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td.vendorId-col {
    min-width: 50px !important;
  }
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .tree tr > td .input-field {
  margin: 0 auto;
}

.section.vendor-order-outer #step-2 section.users-list-wrapper.section .add-user-listing .vendorOrder-table {
  max-height: 308px;
  overflow: auto;
}

.section.vendor-order-outer .addItems-blk .inputrel {
  width: auto;
}

.section.vendor-order-outer .addItems-blk .inputrel input {
  height: 32px !important;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.id-col {
  width: 5% !important;
  min-width: 40px !important;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.action-col {
  width: 7% !important;
  min-width: 67px !important;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.partId-col {
  min-width: 86px;
  width: 8%;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.vendorId-col {
  min-width: 192px;
  width: 17%;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.qty-col {
  min-width: 108px;
  width: 10%;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.name-col {
  min-width: 200px !important;
  width: 39%;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr th.price-col {
  min-width: 60px;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr td {
  padding: 8px 12px !important;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr td.cell-name {
  width: 140px;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr td button {
  width: 20px;
  height: 20px;
  margin: 0 8px;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr td button i {
  font-size: 16px;
}

.section.vendor-order-outer .addItems-blk .table.table-striped tr td .inputrel .input-field input {
  height: 25px !important;
  margin: 2px 0;
}

.section.vendor-order-outer .orderItems-blk .table tr th.id-col {
  width: 5% !important;
  min-width: 40px !important;
}

.section.vendor-order-outer .orderItems-blk .table tr th.action-col {
  width: 7% !important;
  min-width: 67px !important;
}

.section.vendor-order-outer .orderItems-blk .table tr th.partId-col {
  min-width: 90px;
  width: 8%;
}

.section.vendor-order-outer .orderItems-blk .table tr th.partId-col.ds-part-id-col {
  width: 10% !important;
}

.section.vendor-order-outer .orderItems-blk .table tr th.vendorId-col {
  min-width: 192px;
  width: 13%;
}

.section.vendor-order-outer .orderItems-blk .table tr th.price-col {
  min-width: 60px;
  width: 9%;
}

.section.vendor-order-outer .orderItems-blk .table tr th.name-col {
  min-width: 200px !important;
  width: 35%;
}

.section.vendor-order-outer .orderItems-blk .table tr th.qty-col {
  width: 8%;
}

.section.vendor-order-outer .orderItems-blk .table tr td {
  padding: 8px 12px !important;
}

.section.vendor-order-outer .orderItems-blk .table tr td button {
  width: 22px;
  height: 22px;
  margin: 0 8px;
}

.section.vendor-order-outer .orderItems-blk .table tr td button i {
  font-size: 16px;
}

.treegrid-expander {
  display: none !important;
  background-repeat: no-repeat;
  background-position: center 4px;
}

.treegrid-expander.treegrid-expander-collapsed,
.treegrid-expander.treegrid-expander-expanded {
  display: inline-block !important;
}

.tab-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

.tab-wrapper .steps-card.tabs-block {
  box-shadow: none !important;
}

.tab-wrapper .steps-card.tabs-block .steps-row {
  position: relative;
}

.tab-wrapper .steps-card.tabs-block .steps-row:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #cacaca;
  width: 100%;
  z-index: 0;
}

.tab-wrapper .steps-card.tabs-block .steps-row .steps-col {
  flex-grow: unset;
  border: none;
  position: relative;
}

.tab-wrapper .steps-card.tabs-block .steps-row .steps-col.active:after {
  position: absolute;
  bottom: 0;
  content: "";
  background: #a90300 !important;
  height: 3px;
  width: 100%;
}

.tab-wrapper .steps-card.tabs-block .steps-row .steps-col .step-col-inner {
  padding: 0 17px 13px !important;
}

.tab-wrapper .steps-card.tabs-block #step-2 .dataTables_wrapper .dataTables_filter input {
  height: 30px;
}

.tab-wrapper .steps-card.tabs-block #step-2 .dataTables_wrapper table.dataTable {
  margin-top: 10px !important;
}

.tab-wrapper .steps-card.tabs-block #step-3 .add-user-listing {
  padding: 0 !important;
}

.tab-wrapper .steps-card.tabs-block .heading-underline span {
  font-size: 15px;
}

.tab-wrapper .steps-card .steps-col {
  position: relative;
  z-index: 1;
}

.tab-wrapper .steps-card .steps-row .steps-col {
  flex-grow: unset;
}

.tab-wrapper #step-4 .card-content {
  padding: 0 !important;
}

.tab-wrapper #step-4 .card-content .responsive-table {
  padding: 0;
}

.tab-wrapper #step-4 .card-content .responsive-table .dataTables_filter input {
  background-image: none;
}

.tab-wrapper #step-4 .card-content .responsive-table .dataTables_wrapper table td,
.tab-wrapper #step-4 .card-content .responsive-table .dataTables_wrapper table th {
  min-width: 120px;
}

.tab-wrapper #step-4 .card-content .responsive-table .dataTables_wrapper .table-container {
  overflow: auto;
  width: 100%;
}

.tab-wrapper #step-4 .card-content .heading-underline {
  margin-bottom: 10px !important;
}

.tab-wrapper #step-4 .associateProducts-Blk {
  margin-top: 20px !important;
  border-radius: 0 !important;
}

.tab-wrapper #step-4 .associateProducts-Blk .card-content table {
  margin-top: 10px !important;
}

.tab-wrapper #step-4 .associateProducts-Blk .card-content {
  border-radius: 0 !important;
}

.tab-wrapper #step-4 .card {
  margin: 0;
  box-shadow: none !important;
  padding: 0;
  overflow: visible !important;
}

.tab-wrapper #step-4 .card .card-content .dataTables_wrapper table {
  border: 1px solid #ccc;
  margin-top: 10px !important;
}

.tab-wrapper #step-4 .card .card-content .dataTables_wrapper table .inputrel .input-field {
  margin: 2px 0;
}

.tab-wrapper #step-4 .card .card-content .dataTables_wrapper table .btn i {
  margin: 0;
}

.tab-wrapper #step-4 .card .card-content .dataTables_wrapper .bottom {
  margin-top: 12px;
}

.tab-wrapper #step-4 .card .card-content .dataTables_wrapper .bottom .dataTables_length {
  margin-top: -8px;
}

.tab-wrapper #step-4 .card .card-content .dataTables_wrapper .bottom .dataTables_paginate > * {
  margin-left: 6px !important;
}

.tab-wrapper .associate-block-main .card-content .responsive-table {
  margin-top: 10px;
}

.order-related-blocks {
  padding: 0 15px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.order-related-blocks a {
  margin-right: 10px;
}

.delete-modal.addAssociate-modal-lt {
  max-width: 530px;
}

.delete-modal.addAssociate-modal-lt .ms-drop {
  width: 100%;
}

.delete-modal.addAssociate-modal-lt .ms-drop ul {
  width: 100%;
  max-height: 130px !important;
}

.delete-modal .ms-choice:focus {
  background: #fff;
}

.ms-parent button:focus {
  background: transparent;
}

.associated-block-height {
  min-height: 190px !important;
}

.print-input-field {
  margin-bottom: 0;
  width: auto;
  display: inline-block;
  margin-top: 10px;
  width: 250px;
}

.print-input-field label {
  top: -11px;
  bottom: unset;
  transform: none;
  background: transparent;
  z-index: 2;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  position: unset;
  margin-bottom: 5px;
  line-height: 12px;
}

.print-input-field .select-wrapper {
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  margin: 0;
}

.print-input-field .select-wrapper input {
  height: 32px;
  background: #fff;
  margin: 0;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  box-sizing: border-box;
}

.print-input-field .select-wrapper input.select-dropdown:focus {
  border: none !important;
}

.print-input-field .select-wrapper .caret {
  z-index: 1;
}

.hyperlink {
  color: #a90300 !important;
}

.cs-pagination {
  position: sticky;
  bottom: 0;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.cs-pagination ul.pagination-block {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.cs-pagination ul.pagination-block li a {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 4px 10px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border-radius: 5px;
  background-color: #f1f1f1;
  border: 1px solid transparent;
  font-size: 13px;
}

.cs-pagination ul.pagination-block li.ellipsis {
  padding: 0 1em;
}

.cs-pagination ul.pagination-block li.active a {
  border-color: #979797;
}

.cs-pagination ul.pagination-block li.disabled a {
  opacity: 0.7;
  cursor: default;
}

section.users-list-wrapper.section .batch-search {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 18px;
}

@media screen and (max-width: 767px) {
  section.users-list-wrapper.section .batch-search {
    flex-direction: column;
  }
}

section.users-list-wrapper.section .batch-search h4 {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  padding: 5px 0;
}

section.users-list-wrapper.section .batch-search .search-right {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
  flex: 0 1 60%;
}

@media screen and (max-width: 767px) {
  section.users-list-wrapper.section .batch-search .search-right {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
    width: 100%;
  }
}

section.users-list-wrapper.section .batch-search .inputrel {
  width: 50%;
}

@media screen and (max-width: 767px) {
  section.users-list-wrapper.section .batch-search .inputrel {
    width: 100%;
  }
}

section.users-list-wrapper.section .batch-search .input-field {
  width: 100%;
  margin: 0;
}

section.users-list-wrapper.section .batch-search .dataTables_filter {
  display: inline-flex;
  width: 50%;
}

@media screen and (max-width: 767px) {
  section.users-list-wrapper.section .batch-search .dataTables_filter {
    width: 100%;
  }
}

section.users-list-wrapper.section .batch-search .dataTables_filter label {
  width: 100%;
}

section.users-list-wrapper.section .batch-search .dataTables_filter input {
  height: 35px !important;
  width: 100%;
}

section.users-list-wrapper.section .batch-search .dataTables_filter label:before {
  top: 10px;
}

.table-ui a.dt-btn:has(i) {
  padding: 0 !important;
  overflow: hidden !important;
}

div#deleteAssocModal {
  z-index: 999999 !important;
}

div#deleteAssocModal + .modal-overlay {
  z-index: 99999 !important;
}

.card.no-overflow {
  overflow: visible !important;
}

.ms-drop ul li.resxle {
  width: calc(100% - 110px) !important;
}

.batch-view-outer .users-list-table .card-content.add-user-listing table {
  overflow: visible;
}

.batch-view-outer .users-list-table .card-content.add-user-listing table thead {
  position: sticky;
  top: 58px;
  z-index: 22;
  background-color: #fff;
}

.batch-view-outer .users-list-table .card-content.add-user-listing table thead th:first-child {
  border-radius: 5px 0 0 0;
}

.batch-view-outer .users-list-table .card-content.add-user-listing table thead th:last-child {
  border-radius: 0 5px 0 0;
}

.common-action-btns {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 14px;
  padding-top: 20px;
}

td.details-control {
  background: url(https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_open.png) no-repeat 50%;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url(https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_close.png) no-repeat 50%;
}

section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr td.details-control,
section.users-list-wrapper.section .card-content.add-user-listing .table.table-striped tr th.details-control {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper tbody td {
  white-space: inherit;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper tbody tr.shown,
section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper tbody tr.shown + tr {
  background: hsla(0, 0%, 95.3%, 0.6117647059) !important;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper tbody tr td {
  padding: 11px 10px;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper tbody tr.shown + tr {
  margin-bottom: 5px;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper tbody tr.shown + tr > td {
  border-bottom: 2px solid #d8d8d8;
  padding-left: 62px;
  padding-top: 0;
  padding-bottom: 0;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper .dataTable tbody tr:nth-child(2n) {
  background: #fafafa;
}

section.users-list-wrapper.section .card-content.add-user-listing #tradeins-table_filter + .data-table-wrapper .dataTable tbody .description-block-main p span {
  opacity: 0.7;
  font-size: 13px;
}

.flex-row {
  display: flex;
}

.flex-row .col {
  flex: 1;
}

.cust_quotes-table .select-form-block.part-flex-container {
  padding: 12px 10px !important;
}

.part-flex-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 30px !important;
}

@media screen and (max-width: 1200px) {
  .part-flex-container {
    grid-template-columns: 1fr;
    gap: 18px !important;
  }
}

.part-flex-container .part-flex-item {
  display: flex;
  gap: 10px;
  position: relative;
  padding-top: 26px;
}

.part-flex-container .part-flex-item h4 {
  position: absolute;
  top: 2px;
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.part-flex-container .part-flex-item:before {
  content: "";
  position: absolute;
  right: -17px;
  top: 0;
  width: 2px;
  background: #fff;
  height: 100%;
}

.part-flex-container .part-flex-item .form-col-block.select-part {
  flex: 1 0 60%;
}

.part-flex-container .part-flex-item .form-col-block.btn-part {
  --size: 130px;
  flex: 0 0 var(--size);
  width: var(--size);
  max-width: var(--size);
}

.part-flex-container .part-flex-item button.btn.btnred {
  height: 30px !important;
}

.part-flex-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 36px !important;
}

.responsive-table {
  display: inline-block;
  width: 100%;
}

table.dataTable tbody tr.bg-green {
  background-color: #6f0 !important;
}

table.dataTable tbody tr.bg-red {
  background-color: #ffb5b5 !important;
}

h4.sm-title {
  font-size: 18px;
  margin: 7px 0 0;
  font-weight: 600;
  width: auto;
  color: #aa2c17;
}

section.users-list-wrapper.section.deposits-report .card-content.add-user-listing {
  padding: 20px;
}

section.users-list-wrapper.section.deposits-report .search-filter {
  float: right;
  margin-top: -30px;
}

.head-block-deposits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.head-block-deposits h2 {
  font-size: 24px;
  margin: 0;
  font-weight: 600;
  color: #aa2c17;
}

.head-block-deposits .datepickerBlockright {
  margin: 0;
  min-width: 200px;
  padding-right: 30px;
}

.head-block-deposits .datepickerBlockright input {
  border: 1px solid #d8d8d8;
  background: #fff !important;
  padding-left: 10px;
}

.head-block-deposits div#dateRangePicker.datepickerBlockright {
  right: 28px;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  display: inline-block;
}

.view-order-outer .check-outer-std .input-wrapper strong {
  padding-left: 15px;
  position: relative;
}

.view-order-outer .check-outer-std .input-wrapper strong:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0;
  width: 1px;
  height: 14px;
  background: #525252;
  border-radius: 30px;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
}

.deposits-report table.dataTable tbody tr.even,
.deposits-report table.dataTable tbody tr.odd {
  background: rgba(0, 0, 0, 0.08);
}

.deposits-report table.dataTable tbody tr.tfoot {
  background-color: #fff !important;
}

h4.sm-title-deposits {
  font-size: 16px;
  margin: 14px 0 15px;
  font-weight: 600;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 14px;
}

.date-search {
  display: flex;
  align-items: center;
  gap: 20px;
}

.date-search-rs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.date-search-rs .inputrel {
  z-index: 9;
  float: none;
}

.date-search-rs .inputrel > .input-field.select-box {
  height: unset !important;
  margin-bottom: 0;
}

.date-search-rs .inputrel .select2-selection__rendered {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  padding: 5px;
}

.date-search-rs .inputrel .select2-selection__rendered .select2-selection__clear {
  background: #aa2c17;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  max-height: 25px;
  margin-top: 8px;
  position: relative;
  width: 25px;
}

.date-search-rs .inputrel .select2-selection__rendered .select2-selection__choice {
  font-size: 13px;
  background-color: #aa2c17;
}

.date-search-rs .inputrel .select2-selection__rendered .select2-search.select2-search--inline {
  grid-row: 1/-1;
  grid-column: 1/-1;
}

.date-search-rs .inputrel .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
  max-height: 30px;
}

.action-note {
  display: inline-flex;
  padding-left: 10px;
}

.action-note button {
  width: 28px !important;
  height: 28px !important;
}

.action-note button i.material-icons {
  font-size: 20px;
}

#bugherd_embed_communication_frame {
  max-width: 80px;
  max-height: 70px;
  bottom: 20px !important;
  top: auto !important;
}

.preview-files img {
  max-width: 100%;
}

.action-trailer {
  display: inline-flex;
  justify-content: flex-end;
  gap: 12px;
  opacity: 1 !important;
}

.action-trailer .material-icons {
  cursor: pointer;
}

.action-trailer .material-icons.deleteOrderbtn {
  color: #a90300;
}

.vinNo-block {
  display: flex;
  padding: 0 10px;
}

.vinNo-block,
.vinNo-block a.edit-icon {
  align-items: center;
  justify-content: center;
}

.vinNo-block a.edit-icon {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-flex;
  background-color: #a90300;
  color: #fff;
  border: none;
  margin-left: 5px;
}

.vinNo-block a.edit-icon span.material-icons {
  font-size: 14px;
}

.mc-monocav .vinNo .tool-tip {
  width: 100% !important;
  display: inline-block;
}

.mc-monocav .vinNo .tool-tip .right-side-open.vin-number-div {
  top: -12px !important;
  left: 100% !important;
  gap: 10px;
}

.add-customer {
  margin-top: -7px;
  display: flex;
  justify-content: space-between;
}

.add-customer small.red-text.addCustomerError {
  padding-top: 4px;
  width: auto;
}

.modal-common-layout .order-form {
  padding: 8px 0 12px !important;
  margin: 10px 0 20px;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  display: inline-block;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.title-customer {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 7px;
}

.cs-row {
  margin: 0 -15px;
}

.modal-common-layout .modal-content .modal-body .create-order-modal .input-field {
  margin: 12px 0;
}

.modal-common-layout .modal-content .modal-body .create-order-modal .input-field .red-text {
  top: 35px;
}

body input.sm-input {
  height: 28px !important;
  padding: 0 7px !important;
  max-width: 80px;
}

.m-0 {
  margin: 0 !important;
}

small#deposit-error {
  display: none !important;
}

.sm-select-ui label {
  transform: translateY(0) !important;
}

.sm-select-ui .select2-container--default .select2-selection--single {
  height: 35px;
}

.sm-select-ui .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important;
}

.sm-select-ui .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

.section.users-edit .inputrel .sm-select-ui.input-field > label {
  transform: translateY(0) scale(1) !important;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
  border: 1px solid #d8d8d8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26);
  border-radius: 5px;
  z-index: 10000;
}

.contact-ui .notes-mssg h3 label {
  white-space: normal;
  word-break: break-all;
  max-width: inherit;
  text-overflow: inherit;
}

.mc-monocav .table-ui td.grab-cell {
  width: 20px;
  cursor: grab;
  padding: 2px !important;
}

.mc-monocav .table-ui td.grab-cell img {
  width: 22px;
  cursor: grab;
}

.mc-monocav .table-ui td.grab-cell:not(.dark-green-bck) img {
  filter: invert(1);
}

.toggle-switch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: 15px;
  border-right: 1px solid #d9d9d9;
  padding-right: 15px;
}

.input-field.sm-select-ui.custom-select-search {
  margin: 10px 0 !important;
}

.input-field.sm-select-ui > label.active {
  transform: translateY(0) scale(1) !important;
}

.cs-card {
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
  background: #fff;
  border: 1px solid #dedede;
  padding: 10px 18px 18px;
  display: inline-block;
  width: 100%;
}

.select-part select.select-outline {
  min-height: 0 !important;
  height: 36px !important;
}

.standard-item-fields {
  flex: 1;
  display: grid;
  grid-template-columns: 130px 1fr;
  padding-right: 17px;
  gap: 8px;
}

.standard-item-fields .col {
  width: 50%;
}

.standard-item-fields .input-field.select-menu.col {
  padding: 0 6px 0 0 !important;
  width: 100%;
}

.standard-item-fields .input-field.select-menu.col select {
  background-position: calc(100% - 13px) 50%;
}

.standard-item-fields.single-stand {
  display: flex;
}

.standard-item-fields.single-stand .input-field.select-menu.col.select-part {
  flex: 0 0 120px;
}

.standard-item-fields.single-stand .input-field.select-menu.col:not(.select-part) {
  flex: 0 0 calc(100% - 136px);
  max-width: calc(100% - 136px);
}

.view-order-outer .check-outer-std .input-wrapper .note-action-ui {
  display: inline-flex;
  position: absolute;
  right: 8px;
  top: 0;
  gap: 4px;
  align-items: center;
  animation-fill-mode: backwards;
  bottom: 0;
  margin: auto;
  height: 20px;
}

.view-order-outer .check-outer-std .input-wrapper .note-action-ui i {
  position: static;
  transform: none;
}

.cs-tooltip {
  position: relative;
}

.cs-tooltip .note {
  display: none;
  position: absolute;
  bottom: 100%;
  width: 160px;
  background-color: #000;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  text-transform: inherit;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  z-index: 99;
}

.cs-tooltip:hover .note {
  display: block;
}

.view-order-outer .items-notes .input-wrapper span {
  padding-right: 40px;
}

.expended-row.hide {
  display: none;
}

.dataTables_wrapper .dataTable.part-create-child .btn {
  line-height: 22px !important;
}

.dataTables_wrapper .dataTable tbody.vendor-row tr:nth-child(4n+3) {
  background: rgba(0, 0, 0, 0.08);
}

section.users-list-wrapper .edit-order-heading {
  font-size: 22px;
  margin: 0 0 12px;
  font-weight: 600;
  color: #aa2c17;
}

section.users-list-wrapper.section .dataTables_wrapper .dataTable tbody.vendor-row tr.expended-row {
  background: #fff !important;
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.11);
}

section.users-list-wrapper.section .dataTables_wrapper .dataTable tbody.vendor-row tr.expended-row tr {
  background-color: #fff;
}

input.field-80 {
  max-width: 80px;
}

input.field-90 {
  max-width: 90px;
}

input.field-100 {
  max-width: 100px;
}

.vendor-order-received .dataTables_wrapper tbody td:last-child {
  width: 100px;
}

.section.vendor-order-outer .table.table-striped.nested-table-ui tr td:first-child {
  width: 10% !important;
}

.section.vendor-order-outer .table.table-striped.nested-table-ui tr td:nth-child(2) {
  width: 40% !important;
}

.section.vendor-order-outer .table.table-striped.nested-table-ui tr td:nth-child(3),
.section.vendor-order-outer .table.table-striped.nested-table-ui tr td:nth-child(4),
.section.vendor-order-outer .table.table-striped.nested-table-ui tr td:nth-child(5) {
  width: 150px !important;
}

body .table.table-striped tr th.associated-qty-cell {
  min-width: 160px !important;
  width: 160px !important;
}

.add-user-listing .associated-quantity {
  display: flex !important;
  margin: 0 auto !important;
}

.cust-order-header {
  height: 100%;
  width: 250px;
  position: relative;
}

.cust-order-header .cust-order-input input {
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 4px 10px;
  border-radius: 6px;
}

.cust-order-header ul#orderSearchResult {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  margin: 0;
  width: 500px;
  position: absolute;
  top: 100%;
  right: 0;
  max-height: 40vh;
  overflow: auto;
  padding: 10px;
  display: none;
}

.cust-order-header ul#orderSearchResult li {
  padding: 7px 10px;
  cursor: pointer;
  border-bottom: 1px solid #d0d0d0;
  height: auto !important;
  line-height: normal !important;
  color: #747474;
  width: 100%;
  font-size: 14px;
  transition: none;
}

.cust-order-header ul#orderSearchResult li:hover {
  background-color: #871100 !important;
}

.cust-order-header ul#orderSearchResult li:hover span {
  color: #fff !important;
}

.cust-order-header ul#orderSearchResult li .order-result-li-upper {
  margin-bottom: 4px;
}

.cust-order-header ul#orderSearchResult li.order-not-found:hover {
  background-color: #fff !important;
  cursor: auto;
}

.cust-order-header ul#orderSearchResult li .order-result-li-upper span {
  color: #000;
}

.cust-order-input.field-primary {
  position: relative;
  width: 100%;
}

.cust-order-input.field-primary input {
  background: #ffe2e2;
  color: #a90300;
  font-style: italic;
  border-color: #a90300 !important;
  height: 32px;
  margin-top: -6px;
  padding-right: 40px;
  width: 100%;
}

.cust-order-input.field-primary input:focus {
  border-color: #a90300 !important;
}

.cust-order-input.field-primary input::-moz-placeholder {
  color: #a90300;
}

.cust-order-input.field-primary input::placeholder {
  color: #a90300;
}

.cust-order-input.field-primary img {
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}

#edit-order-search {
  display: none;
}

ul.navbar-list.with-search-block {
  display: inline-flex;
}

ul.navbar-list.with-search-block .field-primary input {
  margin: 0 !important;
}

ul.navbar-list.with-search-block .cust-order-header {
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
}

span.part-dis-price.field-editable {
  margin-left: 10px;
}

span.part-dis-price.field-editable input {
  text-align: center !important;
}

.field-editable input {
  width: 100% !important;
  height: 16px !important;
  margin: 0 !important;
  max-width: 65px;
  color: #fff !important;
  font-size: 11px !important;
  text-align: center;
  font-weight: 500;
}

span.item-note.field-editable {
  min-width: 77px;
  text-align: center;
}

.part-block-order .item-value {
  width: 100%;
}

.content-row-block.parent .content-right-col input {
  font-size: 17px;
}

.select-part.type-drop.select2-sm label.active {
  top: 0;
}

.select-part.type-drop.select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
  font-size: 13px !important;
}

.select-part.type-drop.select2-sm .select2-container--default .select2-selection--single,
.select-part.type-drop.select2-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}

.info-list {
  display: inline-block;
  width: 100%;
  padding: 0 13px;
}

.info-list ul {
  padding: 10px;
  background-color: #f2f2f2;
  border-radius: 7px;
  color: #5a5a5a;
  margin: 0;
}

.info-list ul li {
  margin-bottom: 6px;
  font-size: 11px;
}

.info-list ul li:last-child {
  margin-bottom: 0;
}

.section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block {
    flex-direction: column;
    align-items: stretch;
  }
}

.section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h4.vendor-name {
  font-size: 17px;
  display: inline-flex;
  gap: 3px;
  justify-content: flex-end;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h4.vendor-name {
    justify-content: flex-start;
  }
}

.section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h4.vendor-name a {
  position: relative;
  top: 0;
  font-size: inherit;
  font-family: inherit;
}

.section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h3 {
  flex: 1;
}

@media screen and (max-width: 1150px) {
  .section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h3.mc-heading {
    text-align: left;
  }
}

@media screen and (max-width: 1150px) {
  .section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h3.empty {
    display: none;
  }
}

.section-form-wizard.vendor-order-outer .heading-blk.width-rigt-block h4 {
  flex: 1;
}

.btn-toggle-ui {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 12px;
}

.btn-toggle-ui.parts {
  margin-right: 4px;
}

.switch-btn {
  display: flex;
  margin: 0;
}

.switch-btn input {
  display: none;
}

.switch-btn input:checked ~ small {
  background: #fff;
  transition: 0.3s;
  border-color: #a90300;
  color: #a90300;
}

.switch-btn small {
  display: inline-block;
  padding: 0 16px;
  height: 24px;
  background: #e4dddd;
  border-radius: 5px;
  line-height: 24px;
  position: relative;
  cursor: pointer;
  color: #5f5f5f;
  font-weight: 500;
  border: 1px solid #ececec;
}

.switch-btn small.parts {
  height: 28px;
  line-height: 29px;
  width: 22px;
  padding: 0 8px;
}

.action-part-association {
  display: inline-flex;
  align-items: center;
}

.action-part-association .btn-toggle-ui.parts {
  margin-left: 4px;
  display: inline-flex;
  gap: 6px;
}

.users-list-wrapper.leads-order-outer .input-field.activeInactive {
  max-width: 250px;
  min-width: 120px;
}

.users-list-wrapper.leads-order-outer .input-field.datepickerBlockright {
  min-width: 210px;
  padding-right: 10px;
}

@media screen and (max-width: 1100px) {
  .users-list-wrapper.leads-order-outer .input-field.datepickerBlockright {
    flex: 1;
  }
}

.users-list-wrapper.leads-order-outer .input-field.datepickerBlockright input {
  max-height: 32px;
  height: 32px;
}

@media screen and (max-width: 1100px) {
  .users-list-wrapper.leads-order-outer .input-block-wrapper {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1100px) {
  .users-list-wrapper.leads-order-outer .input-block-wrapper .input-field.buttons-drp {
    min-width: 100%;
    margin-bottom: 20px;
  }
}

.order-detail-wrapper.card-info {
  padding: 20px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  margin: 0 14px 30px;
}

.order-detail-wrapper .heading {
  font-size: 14px;
  color: #a90300 !important;
  margin-bottom: 8px;
  font-weight: 600;
  margin-top: 12px;
}

.order-detail-wrapper .description-cell p {
  margin-bottom: 0 !important;
}

.order-detail-wrapper .mt-0 {
  margin-top: 0 !important;
}

.order-detail-wrapper .account-extra-info {
  width: 100%;
  display: inline-block;
  border-top: 1px solid #d9d9d9;
  margin-top: 20px;
  padding-top: 10px;
}

.dropdown-content {
  z-index: 998;
}

#changeFloorplan img {
  width: 18px;
}

h4.floorplan-sub-head {
  font-size: 16px;
  font-weight: 600;
  margin: 4px 0 12px;
}

div#orderFloorplanChange {
  overflow: visible;
  width: 33%;
}

.sample-chart-wrapper.card {
  margin: 0 0 20px;
  padding: 30px 10px 10px;
}

.info-conflict {
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  margin-left: 0;
  align-items: center;
  padding: 5px 0;
  gap: 6px;
  cursor: pointer;
}

.info-conflict i.material-icons {
  font-size: 18px;
  color: #aa2c17;
  cursor: pointer;
}

.info-conflict.info i.material-icons {
  color: #000;
}

.info-conflict.info .tooltip-conflit {
  max-width: 290px;
}

.info-conflict.info ul li {
  padding: 0;
  list-style: 20px;
}

.tooltip-conflit {
  position: absolute;
  bottom: 100%;
  right: -36px;
  width: 380px;
  text-align: left;
  padding: 10px;
  background-color: #fff;
  border-bottom: 2px solid #aa2d15;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);
  z-index: 9999;
  margin-bottom: -2px;
  display: none;
  cursor: default;
}

.tooltip-conflit:before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid #aa2d15;
  right: 37px;
  margin: 0 auto;
}

.info-conflict:hover .tooltip-conflit {
  display: block;
}

.tooltip-conflit ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: 420px;
  overflow: auto;
}

.tooltip-conflit ul li {
  border-bottom: 1px solid #d9d9d9;
  padding: 8px 0;
  font-size: 14px;
  line-height: normal;
}

.tooltip-conflit ul li:last-child {
  border-bottom: none;
}

.tooltip-conflit ul li:last-child p:last-child {
  margin-bottom: 0 !important;
}

.tooltip-conflit ul li p {
  display: block;
  margin-bottom: 5px !important;
  font-weight: 500;
}

.tooltip-conflit strong.type-feature {
  color: #aa2d15;
}

.tab-wrapper .steps-card.tabs-block #step-2.mt-20 {
  margin-top: 0 !important;
}

.tab-wrapper .steps-card.tabs-block #step-2.mt-20 .dataTables_wrapper table.dataTable {
  margin-top: 20px !important;
}

div#dateRangePicker.inline-datepicker {
  position: relative;
  top: 0;
  right: 0;
  max-width: 180px !important;
}

.section.users-edit.orderinfo .input-field.sm-select-ui.custom-select-search {
  margin: 12px 0 !important;
}

.scroll-view {
  position: relative;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    box-shadow: 0 0 26px 0 #ff0404;
  }
}