.dashborad-estimate-no {
    font-size: 20px;
}

.set-dashboard-details {
    cursor: pointer;
}

.aside-footer-msv {
  position: fixed;
  bottom: 30px;
  left: 50px;
  width: 250px;
  text-align: center;
  z-index: -1;
}

@media (max-width: 991px) {
  .aside-footer-msv {
    bottom: 15px;
  }
}

.database-error {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  z-index: 99999;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}

#loading {
  display: none;
  height: 0;
  width: 0;
  padding: 15px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  animation: rotate 1s infinite linear;
  -webkit-animation: rotate 1s infinite linear;
  /* left, top and position just for the demo! */
  position: absolute;
  left: 45%;
  top: 50%;
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
      use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.name-icon {
  height: 30px;
  width: 30px;
  display: flex;
  background-color: #700d0f;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

/* .showData a.active {
  color: #009ef7 !important;
} */

.showData {
  cursor: pointer;
}

/* .table.table-row-dashed tr {
  border-bottom-color: #e4e6ef !important;
} */

@media (min-width: 992px) {
  .aside {
      width: 250px !important;
      top: 20px !important;
      bottom: unset !important;
  }

  .header {
    height: auto !important;
  }

  .wrapper {
    padding-left: 300px !important;
    padding-top: 20px !important;
  }
}

@media (min-width: 1650px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
      max-width:1920px
  }
}

/*  */


@property --progress-value {
  syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}

:root {
  --progress-bar-color: #cfd8dc;
  --progress-value-color: #cbf4cf;
  --progress-empty-color-h: 209;
  --progress-empty-color-s: 64;
  --progress-empty-color-l: 59;
  --progress-filled-color-h: 126;
  --progress-filled-color-s: 65;
  --progress-filled-color-l: 88;
}

progress[value] {
  display: block;
  position: relative;
  appearance: none;
  width: 100%;
  height: 6px;
  border: 0;
  --border-radius: 10px;
  border-radius: var(--border-radius);
  counter-reset: progress var(--progress-value);
  --progress-value-string: counter(progress) "%";
  --progress-max-decimal: calc(var(--value, 0) / var(--max, 0));
  --progress-value-decimal: calc(var(--progress-value, 0) / var(--max, 0));
  @supports selector(::-moz-progress-bar) {
    --progress-value-decimal: calc(var(--value, 0) / var(--max, 0));
  }
  --progress-value-percent: calc(var(--progress-value-decimal) * 100%);
  --progress-value-color:#780e0f;
  /* --progress-value-color: hsl(
    calc(
        (
            var(--progress-empty-color-h) +
              (var(--progress-filled-color-h) - var(--progress-empty-color-h)) *
              var(--progress-value-decimal)
          ) * 1deg
      )
      calc(
        (
            var(--progress-empty-color-s) +
              (var(--progress-filled-color-s) - var(--progress-empty-color-s)) *
              var(--progress-value-decimal)
          ) * 1%
      )
      calc(
        (
            var(--progress-empty-color-l) +
              (var(--progress-filled-color-l) - var(--progress-empty-color-l)) *
              var(--progress-value-decimal)
          ) * 1%
      )
  ); */
  animation: calc(3s * var(--progress-max-decimal)) linear 0.5s 1 normal both
    progress;
}

progress[value]::-webkit-progress-bar {
  background-color: var(--progress-bar-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}

progress[value]::-webkit-progress-value {
  width: var(--progress-value-percent) !important;
  background-color: var(--progress-value-color);
  border-radius: var(--border-radius);
}

progress[value]::-moz-progress-bar {
  width: var(--progress-value-percent) !important;
  background-color: var(--progress-value-color);
  border-radius: var(--border-radius);
}

progress[value]::after {
  display: flex;
  align-items: center;
  justify-content: center;
  --size: 0px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  left: var(--progress-value-percent);
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--progress-value-color);
  border-radius: 50%;
  /* content: attr(value);
  content: var(--progress-value-string, var(--value)); */
  content:'';
  font-size: 12px;
  font-weight: 700;
}

@keyframes progress {
  from {
    --progress-value: 0;
  }
  to {
    --progress-value: var(--value);
  }
}

.status-hide {
  pointer-events:none;
}

.progress_completed {
  background-color: #8a0e10 !important;
  pointer-events: all !important;
}

.rounder {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 40px;
  right: -15px;
  color: #fff;
  text-align: center;
  line-height: 2;
  cursor: pointer;
  z-index: 1;
}

.order-on,
.inspection-on,
.repair-on,
.layout-on,
.sandblasting-on,
.etching-on,
.scheduled-on,
.delivered-on {
  position: absolute;
  top: 0;
}

.top-desc {
  position: absolute;
  right: -50px;
  top: 2px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}

.bottom-desc {
  position: absolute;
  right: -50px;
  top: 75px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .order-desc,
  .repair-desc,
  .sandblasting-desc,
  .scheduled-desc,
  .inspection-desc,
  .layout-desc,
  .etching-desc,
  .delivered-desc {
    font-size: 9px;
  }

  .rounder {
    top: 37px;
  }
}

.tooltiptext-title {
  display: block;
  background-color: #add2e7;
  border-radius: 5px 5px 0px 0px;
}

.tooltiptext-content {
  background-color: #add2e7;
  display: block;
  border-radius: 0px 0px 5px 5px;
  padding: 1px;
  font-size: 11px;
  line-height: normal;
}

.tooltip-status {
  position: relative;
  display: inline-block;
  width: 100%;
}

.tooltip-status .tooltiptext {
  visibility: hidden;
  width: 170px;
  text-align: center;
  color: #000;
  border-radius: 6px;
  padding: 2px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: -45%;
  margin-left: -60px;
}

/* .tooltip-status .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 5px;
  border-style: solid;
  border-color: #5ca6d0 transparent transparent transparent;
} */

.first-tooltip .tooltiptext::after {
  left: 8% !important;
}

.last-tooltip .tooltiptext::after {
  left: 94% !important;
}

.lnspection-tooltip .tooltiptext::after {
  left: 46% !important;
}

.tooltip-status:hover .tooltiptext {
  visibility: visible;
}

table.schedule-order-list tbody tr.highlighter {background:#F9F2F2;}

.table-color.highlighter > tbody > tr.even:hover td,
.table-color.highlighter > tbody > tr.odd:hover td,
/* .table-color > tbody > tr:hover {background:#009ef7;color: #fff;} */
/* .table-color > tbody > tr.active-row {background-color: #f1faff;
  color: #009ef7;} */

.common-table-style .table-fs a:hover {
  color: #fff !important;
}

.fixed-header thead  {position: sticky;top: -1px;z-index: 10;}

table.fixed-header {
  width: 100%;
  border-collapse: separate; /* Don't collapse */
  border-spacing: 0;
}

table.fixed-header th {
  text-transform:uppercase;
}

table.fixed-header th textarea {
	background-color: #3b434c;
	border: none;
	width: 100%;
	border: none;
	padding-top:6px;
	margin-top:0px;
	padding-bottom:0;
	margin-bottom:0;	
	min-height:20px;
	max-height:20px;
	text-align:center;
	vertical-align:baseline;
	text-transform:uppercase;
	
}

table.fixed-header td input[type=text] {
	background-color: none;
	border: none;
	border: none;
	padding-top:0;
	margin-top:0px;
	padding-bottom:0;
	margin-bottom:0;	
	min-height:18px;
	max-height:10px;
	resize:none;
	 background:none;
	width:100%;
	
	/*
	min-width:100px;
	text-align:center;
	vertical-align:baseline;
	text-transform:uppercase;
	*/
}

table.fixed-header thead tr {line-height:10px;}

table#cate-calc-lay.table-bordered tr.even {
  background: #efe4e4 none repeat scroll 0% 0%;
  cursor: pointer;
}

table#cate-calc-lay.table-bordered tr.odd {
  background: #c4ced5 none repeat scroll 0% 0%;
  cursor: pointer;
}

.table-bordered,
.table-bordered>thead>tr>td {
  border: 1px solid #ddd;
}

#step1-calculation .table>tbody>tr>td,
#step1-calculation .table>thead>tr>td {
  padding: 8px !important;
  line-height: 1.42857143;
  vertical-align: top;
}

.cp-text-center {
  display: flex;
  align-items: center;
}

.form-control[disabled], .form-control[readonly] {
  cursor: not-allowed;
  background-color: #eff2f5;
}

.weight-sft-calc {
  width: fit-content !important;
  height: 70px !important;
  padding: 0px 10px !important;
}

.did-floating-label-content {
  position: relative;
  margin-bottom: 20px;
}

.did-floating-label {
  color: #a1a5b7;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 9px;
  padding: 0 5px;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.did-floating-input,
.did-floating-select {
  font-size: 12px;
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 20px;
  background: #fff;
  color: #323840;
  box-sizing: border-box;
}
.did-floating-input:focus,
.did-floating-select:focus {
  outline: none;
}
.did-floating-input:focus ~ .did-floating-label,
.did-floating-select:focus ~ .did-floating-label {
  top: -10px;
  font-size: 13px;
}

select.did-floating-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.did-floating-select::-ms-expand {
  display: none;
}

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
  top: -10px;
  font-size: 13px;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
  top: -10px;
  font-size: 13px;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
  top: 11px;
  font-size: 13px;
}

.w-sft-section {
  display: none;
}

.table-fs {
  font-size: 14px;
}

@media (max-width: 1024px) {
  .table-fs {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
  .image-container-pt {
    display: none !important;
  }
}



/**
 * Range Sliders
 */
 .range-sliders {
	width: 100%;
	background-color: #fff;
	padding: 1.5rem;
}

.range-sliders > *:not(:last-child) {
	margin-bottom: 1.5rem;
}

.range-sliders input[type=range] {
	width: 100%;
	background: linear-gradient(to right, #f00 0%, #f00 50%, #fff 50%, #fff 100%);
	border-radius: 8px;
	height: 2px;
	outline: none;
	-webkit-appearance: none;
}

.range-sliders input[type=range]:focus {
	outline: none;
}

.range-sliders input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 1px;
	cursor: pointer;
	box-shadow: none;
	background-color: #e6e6e6;
	border-radius: 0;
}

.range-sliders input[type=range]::-moz-range-track {
	width: 100%;
	height: 1px;
	cursor: pointer;
	box-shadow: none;
	background-color: #ccc;
	border-radius: 0;
}

.range-sliders input[type=range]::-webkit-slider-thumb {
	box-shadow: none;
	height: 23px;
	width: 23px;
	border-color: transparent;
	border-radius: 50%;
	background-color: #999;
	cursor: ew-resize;
	-webkit-appearance: none;
	margin-top: -12px;
}

.range-sliders input[type=range]::-moz-range-thumb {
	box-shadow: none;
	height: 20px;
	width: 20px;
	border-color: transparent;
	border-radius: 50%;
	background-color: #999;
	cursor: ew-resize;
	-webkit-appearance: none;
	margin-top: -11px;
}

.range-sliders input[type=range]::-moz-focus-outer {
	border: 0;
}

.range-sliders input[type=range].range-slider-red {
	background: linear-gradient(to right, #f58c71 0%, #f58c71 50%, #fff 50%, #fff 100%);
}

.range-sliders input[type=range].range-slider-red::-webkit-slider-runnable-track {
	background-color: rgba(245, 140, 113, 0.5);
}

.range-sliders input[type=range].range-slider-red::-moz-range-track {
	background-color: rgba(245, 140, 113, 0.5);
}

.range-sliders input[type=range].range-slider-red::-webkit-slider-thumb {
	background-color: #f58c71;
}

.range-sliders input[type=range].range-slider-red::-moz-range-thumb {
	background-color: #f58c71;
}

.range-sliders input[type=range].range-slider-green {
	background: linear-gradient(to right, #7CCAB8 0%, #7CCAB8 50%, #fff 50%, #fff 100%);
}

.range-sliders input[type=range].range-slider-green::-webkit-slider-runnable-track {
	background-color: rgba(124, 202, 184, 0.5);
}

.range-sliders input[type=range].range-slider-green::-moz-range-track {
	background-color: rgba(124, 202, 184, 0.5);
}

.range-sliders input[type=range].range-slider-green::-webkit-slider-thumb {
	background-color: #7CCAB8;
}

.range-sliders input[type=range].range-slider-green::-moz-range-thumb {
	background-color: #7CCAB8;
}

.range-sliders input[type=range].range-slider-blue {
	background: linear-gradient(to right, #6296F4 0%, #6296F4 50%, #fff 50%, #fff 100%);
}

.range-sliders input[type=range].range-slider-blue::-webkit-slider-runnable-track {
	background-color: rgba(98, 150, 244, 0.5);
}

.range-sliders input[type=range].range-slider-blue::-moz-range-track {
	background-color: rgba(98, 150, 244, 0.5);
}

.range-sliders input[type=range].range-slider-blue::-webkit-slider-thumb {
	background-color: #6296F4;
}

.range-sliders input[type=range].range-slider-blue::-moz-range-thumb {
	background-color: #6296F4;
}

.range-sliders .input-slider {
	border: 1px solid #e6e6e6;
	padding: 0.5rem;
	-moz-appearance: textfield;
}

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

.range-sliders .range-slider-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.range-sliders .range-slider-group .range-label {
	width: 95%;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.range-sliders .range-slider-group .range-slider {
	width: calc(100% - 60px);
}

.range-sliders .range-slider-group .input-slider {
	width: 55px;
}

table.dataTable>thead .sorting_asc.msv_table_sortcil:after {
  display: none !important;
}

.paginate_button .page-link .previous {
  margin-top: 5px;
}

.select2-container .select2-dropdown {
  width: max-content !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-size: 25px;
  background-color: var(--bs-active-primary-lite);
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.select2-results__option {
  font-size: 14px !important;
}

/* .dashborad-details-section .table.table-row-dashed tr {
  border-bottom-color: #545458 !important;
} */

.dashborad-details-section .table.table-row-dashed tr:first-child {
  border-bottom-color: #e4e6ef !important;
}

.btn.btn-secondary:hover:not(.btn-active),
.btn.btn-secondary:active:not(.btn-active) {
  background-color: #c96466!important;
}

.btn.btn-secondary:focus:not(.btn-active) {
  background-color: #b64143 !important;
}

.half-seperator-container {
  width: 100%;
  height: 100%;
  display: flex;
}

.half-seperated {
  height: 100% !important;
}

.load-cad-uploaded-file-wip {
  height: 100% !important;
}

.load-cad-uploaded-file-wip .load-cad-uploaded-file-wip-div,
#load-iframe-cad-uploaded-file-wip {
  height: 100% !important;
}

.revision-details-title {
  margin-bottom: 20px !important;
  display: block;
}

#rfa_revision_requested_for {
  margin-bottom: 15px;
}

.schedule-section-one {
  display: inline-block;
  width: 28.5%;
}

@media only screen and (max-width: 480px){
  .half-seperator-container {
    overflow-y: auto;
  }
  #order-button-layout {
    display: flex;
  }
  .mobile-flex-direction {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px){
  .half-seperated {
    height: 50% !important;
  }
}

table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after {
  position: absolute !important;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 10px;
}

.custom-table-one tbody tr td {
  vertical-align: middle !important;
}

.error-msg-pending-approval {
  padding-right: 20px;
  width: 90%;
  float: left;
  overflow-x: scroll;
  height: 40px;
  color: #ff0000;
}

.tooltip-text-schedule {
  left: 0 !important;
  margin-left: unset !important;
  top: -2px !important;
  width: 300px !important;
}

.tooltip-text-design-schedule {
  width: 30%;
  display: inline-block !important;
}

.customform{
  min-height: 35px !important;
  height: 35px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px;
}
.input-group-btn {
  pointer-events: none !important;
}
.datepicker-days .table-condensed tr td:hover,
.datepicker-days .table-condensed tr td.active {
  background-color: #F9F2F2;
  cursor: pointer;
}
.datepicker-days .table-condensed tr td.disabled {
  background-color: #e7e7e7 !important;
  cursor: not-allowed !important;
}
.today, .clear {
  cursor: pointer;
  width: fit-content;
  text-align: center;
}
.ss-sheduled-date-btn,
.schedule_del_date_icon_btn,
.update_schedule_date_icon_btn,
.update_sched_date_icon_btn,
.notes_date_icon_btn{
  position: absolute;
  cursor: pointer;
  width: 46px;
  height: 100%;
  right: 2px;
}
.schedule_del_date_icon {
  width: 1%;
  display: table-cell;
  vertical-align: middle;
}

.datepicker-days .table-condensed tr:hover {
  background-color: unset !important;
}

.datepicker-days .table-condensed tbody tr td {
  text-align: center;
  padding: 2px;
}

.datepicker-days .table-condensed thead tr:last-child th {
  padding: 7px;
}

.datepicker {
  max-width: 242px;
  min-width: 242px;
}

.datepicker-months .table-condensed tbody tr:first-child td span.month,
.datepicker-years .table-condensed tbody tr:first-child td span.year,
.datepicker-decades .table-condensed tbody tr:first-child td span.decade,
.datepicker-centuries .table-condensed tbody tr:first-child td span.century {
  display: inline-flex;
  width: 25%;
  height: 45px;
  justify-content: center;
  align-items: center;
}

.datepicker .table-condensed tbody tr:first-child td span:hover {
  background-color: #d38d8e;
  color: #fff;
}

.datepicker .table-condensed tbody tr:first-child td span.disabled:hover {
  background-color: #a7a2a2;
  color: #fff;
}

.datepicker .table-condensed thead tr th.prev,
.datepicker .table-condensed thead tr th.next,
.datepicker .table-condensed thead tr th.datepicker-switch {
  text-align: center;
}

.datepicker .table-condensed tbody tr:hover {
  background-color: unset !important;
}

.datepicker-days .table-condensed tbody tr td.active.day {
  background-color: #d38d8e;
  border-radius: 5px;
}

.datepicker-days .table-condensed tbody tr td.day:hover {
  border-radius: 5px;
}

.datepicker-days {
  padding: 0px 12px;
}

.tooltiptext-title {
  font-weight: normal !important;
  color: #fff;
  display: block;
  background-color: #245da7;
  border-radius: 2px 2px 0px 0px;
  padding: 7px !important;
  font-size: 16px;
}

.tooltiptext-content {
  font-size: 11px !important;
  color: #000;
  background-color: #D0DDED;
  display: block;
  border-radius: 0px 0px 2px 2px;
  border: 2px solid #245da7;
  padding: 5px 7px;
  font-size: 11px;
  line-height: normal;
  font-size: 14px !important;
  font-weight: normal !important;
}

.date-picker .input-group-btn {
  border: 1px solid #ddd;
  border-radius: 0px 7px 7px 0px !important;
}

.common-table-nested.ready-item-list tr:hover {
  background-color: #e5e3e3 !important;
}

.common-table-nested.ready-item-list {
  border: 1px solid #ddd;
  line-height: 30px;
}
/* Payment from Current Inventory */
.add_to_inv_quantity,
.add_to_inv_quantity_cart  {
  display: flex;
  /* border: 2px solid #3498db; */
  border-radius: 4px;
  overflow: hidden;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
}
.add_to_inv_quantity input.input-box,
.add_to_inv_quantity_cart input.input-box{
  background: none;
}
.add_to_inv_quantity  button,
.add_to_inv_quantity_cart button {
  /* background-color: #3498db; */
  background-color: #880016;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 20px;
  width: 35px;
  height: 35px;
  text-align: center;
  transition: background-color 0.2s;
  border-radius: 50%;
}

.add_to_inv_quantity  button:hover,
.add_to_inv_quantity_cart button:hover{
  /* background-color: #2980b9; */
  background-color: #880016;
}

.add_to_inv_quantity  .input-box,
.add_to_inv_quantity_cart .input-box {
  width: 40px;
  text-align: center;
  border: none;
  padding: 4px 10px;
  font-size: 16px;
  outline: none;
}

/* Hide the number input spin buttons */
.add_to_inv_quantity  .input-box::-webkit-inner-spin-button,
.add_to_inv_quantity  .input-box::-webkit-outer-spin-button,
.add_to_inv_quantity_cart  .input-box::-webkit-inner-spin-button,
.add_to_inv_quantity_cart  .input-box::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.loadingOverlay {
  position: fixed;
  font-size: 22px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #0000006A;
  z-index: 20000000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.loadingOverlay div {
  opacity: 0.8;
}

.menu-link-new {
  color: #575454 !important;
}

.menu-link-new:hover {
  color: #700d0f !important;
  background-color: #FFFFFF;
}

input[name="order-list-checkbox"], input[name="scheduled-items-list-disabled"] {
  width: 20px;
  height: 20px;
}

.drawer.drawer-on {
  opacity: 1;
}

.msvSummaryTable thead,
.msvSummaryTable tfoot {
  background: #f5f4f4;
  color: #880016;
}

.msvSummaryTable thead tr th,
.msvSummaryTable tfoot tr th {
  color: var(--bs-active-primary) !important;
  font-weight: 600;
}

.msvSummaryTable thead tr th:first-child,
.msvSummaryTable tbody tr td:first-child,
.msvSummaryTable tfoot tr th:first-child {
  padding-left: 10px !important;
}

.msvSummaryTable thead tr th:last-child,
.msvSummaryTable tbody tr td:last-child,
.msvSummaryTable tfoot tr th:last-child {
  padding-right: 10px !important;
}

#kt_datatable_dashboard_details tbody tr td:last-child {
  padding: 0px 5px 0px 0px !important;
}

.msvSummaryTable tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.msvSummaryTable tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.msvSummaryTable thead tr,
.msvSummaryTable tbody tr,
.msvSummaryTable tfoot tr {
  border-bottom: 2px solid #c5bcbc;
  border-top: 2px solid #c5bcbc;
}

#unpick-delivery-items .common-table-nested tbody tr td:nth-child(2) {
  padding-left: 5px;
}

#msvSummaryNestedTable.sticky-header thead{
  position: sticky;top: -1px;z-index: 10;
}

#msvSummaryNestedTable thead,
#msvSummaryNestedTable tfoot {
  background: #f5f4f4;
  color: #700d0f;
}

#msvSummaryNestedTable thead tr th,
#msvSummaryNestedTable tfoot tr th {
  color: #b64143 !important;
  font-weight: 600;
}

#msvSummaryNestedTable thead tr th:first-child,
#msvSummaryNestedTable tbody tr td:first-child,
#msvSummaryNestedTable tfoot tr th:first-child {
  padding-left: 10px;
}

#msvSummaryNestedTable thead tr th:last-child,
#msvSummaryNestedTable tbody tr td:last-child,
#msvSummaryNestedTable tfoot tr th:last-child {
  padding-right: 10px;
}

#msvSummaryNestedTable thead tr,
#msvSummaryNestedTable tfoot tr {
  border-bottom: 2px solid #aea3a3 !important;
  border-top: 2px solid #aea3a3;
}

#msvSummaryNestedTable tbody tr {
  border-bottom: 2px solid #aea3a3 !important;
}

#msvSummaryNestedTable tbody tr td .common-table-nested tbody tr {
  border-bottom: 2px solid #fff !important;
}

#msvSummaryNestedTable tbody tr td .common-table-nested tbody tr:first-child{
  border-top: 2px solid #fff;
}

#msvSummaryNestedTable tbody tr td .common-table-nested tbody tr:last-child{
  border-bottom: 2px solid #fff !important;
}

#msvSummaryNestedTable tbody tr td .common-table-nested tbody tr td:last-child{
  border-right: 2px solid #fff !important;
}

#msvSummaryNestedTable tbody tr td .common-table-nested tbody tr td:first-child{
  border-left: 2px solid #fff !important;
}

.h-90 {
  height: 90% !important;
}

#kt_datatable_dashboard_details tr.active td a {
  color: var(--bs-active-primary) !important;
}

table tr.active {
  background-color: #F9F2F2 !important;
  border-top: 1px solid #d0b7b7 !important;
  border-bottom: 1px solid #d0b7b7 !important;
}

.highlight-text-with-bold {
  color: var(--bs-active-primary) !important;
  font-weight: bolder !important;
}

.highlight-box-dashboard {
  background-color: var(--bs-active-primary) !important;
}

.highlight-box-dashboard .dashborad-estimate-no {
  color: var(--bs-white) !important;
}

.error-text {
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bs-active-primary-lite);
  font-size:16px;
  font-weight:bold;
}

.welcome-mail-to-customer,
.forget-mail-to-customer {
  width: 220px;
}

.sticky-header thead tr {
  box-shadow: 2px 2px 0px 0px #aea3a3;
}

.radio-sm {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.dashborad-details-section table tbody tr td:first-child {
  padding-left: 10px !important;
}

.dashborad-details-section table tbody tr td:last-child {
  padding-right: 10px !important;
}

.sort-arrow-hide::after {
  opacity: 0 !important;
}

.qty-process-table th,
.qty-process-table td{
  border-width: 1px;
}

.master_login_animation {
  position: fixed;
  top: 10px;
  z-index: 999;
  right: 35%;
}

.master_login_animation .bounce {
	position: absolute;
  padding-top: 20px;
  width: 135px;
  font-size: 20px;
  font-family: 'Coiny', cursive;
  text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 1);
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

@media only screen and (max-width: 500px) {
  .card .card-body .payment-type .types .type {
    width: 45% !important;
  }

  .card .card-body .payment-info .column {
    width: 100% !important;
  }

  .card .card-body .payment-info .cardDet,
  .card .card-body .payment-info .bankDet {
    padding-top: 30px !important;
  }

  #saveBillingDetails .normal-card .card-actions {
    width: 75%;
    margin: auto;
  }

  #saveBillingDetails .normal-card .card-actions .paymentStat1,
  #saveBillingDetails .normal-card .card-body .billing .field.half {
    width: 100%;
  }

  .succ_msg_div {
    padding: 10px;
  }
}

.payment-type h4 {
  margin: 0;
}
.payment-type .types {
  margin: 25px 0;
}
.payment-type .types .type {
  width: 30%;
  position: relative;
  background: #f2f4f7;
  border: 2px solid #e8ebed;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  transition: all 0.5s ease;
}
.payment-type .types .type:hover {
  border-color: #28333b;
}
.payment-type .types .type:hover .logo,
.payment-type .types .type:hover p {
  color: #28333b;
  
}
.logo i {
    font-size:4rem
}
.payment-type .types .type.selected {
  border-color: #880016;
  background: rgba(64,179,255,0.1);
}
.payment-type .types .type.selected .logo {
  color: #880016;
}
.payment-type .types .type.selected p {
  color: #28333b;
}
.payment-type .types .type.selected::after {
  
  font-weight: 900;
  position: absolute;
  height: 40px;
  width: 40px;
  top: -21px;
  right: -21px;
  background: #fff;
  border: 2px solid #880016;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-type .types .type .logo,
.payment-type .types .type p {
  transition: all 0.5s ease;
}
.payment-type .types .type .logo {
  font-size: 48px;
  color: #8a959c;
}
.payment-type .types .type p {
  margin-bottom: 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #8a959c;
}

ul.locationsList, ul.locationsListMob{
  list-style: none;
  width: auto;
}
ul.locationsList li, ul.locationsListMob li{
  display: inline-block;
  width: auto;
  cursor: pointer;
  margin-right: 15px;
}
ul.locationsList li.activelocation, ul.locationsListMob li.activelocation{
  color: #700d0f;
  font-weight: bold;
}
input[name="order-list-checkbox"] {
  vertical-align: middle;
}

.date-holiday-name {
  position: absolute;
  color: #ff0000;
  font-size: 12px;
}

.ship_to_address_change a {
  height: 36px !important;
}

.ship_to_address_change a .select2-chosen {
  margin-top: 5px !important;
}

.ship_to_address_change a .select2-arrow {
  padding-top: 3px !important;
}

.shipping-address-label {
  line-height: 20px;
  color: #666;
  font-size: 1.1rem;
  font-weight: 500;
}

.current_paymentioe_val[contenteditable="true"]:focus {
  outline: 2px solid #700d0f !important;
  border-radius: 5px;
}