/* Color Palette - CSS Variables */
:root {
  /* Primary Colors */
  --primary-indigo: #6366f1;
  --primary-indigo-dark: #4f46e5;
  --primary-indigo-darker: #5558d8;
  
  /* Secondary Colors */
  --secondary-purple: #7c3aed;
  --secondary-purple-dark: #6d28d9;
  
  /* Neutral Colors */
  --neutral-darkest: #2c3e50;
  --neutral-darker: #1a252f;
  --neutral-dark: #495057;
  --neutral-medium: #6c757d;
  --neutral-light: #e9ecef;
  --neutral-lighter: #dee2e6;
  --neutral-lightest: #f8f9fa;
  --neutral-bg: #f5f7fa;
  --white: #ffffff;
  
  /* Status Colors */
  --status-warning: #ffc107;
  --status-warning-dark: #f59e0b;
  --status-warning-darker: #d97706;
  --status-info: #17a2b8;
  --status-info-dark: #138496;
  --status-primary: #007bff;
  --status-primary-dark: #0056b3;
  --status-success: #28a745;
  --status-success-dark: #218838;
  --status-success-light: #20c997;
  --status-success-lighter: #1ba87a;
  --status-danger: #dc3545;
  --status-danger-dark: #721c24;
  
  /* Success Message Colors */
  --success-bg: #d4edda;
  --success-border: #c3e6cb;
  --success-text: #155724;
  
  /* Error Message Colors */
  --error-bg: #f8d7da;
  --error-border: #f5c6cb;
  --error-text: #721c24;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(99, 102, 241, 0.4);
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.2);
  --shadow-primary: 0 2px 8px rgba(99, 102, 241, 0.3);
  
  /* Overlays */
  --overlay-dark: rgba(0, 0, 0, 0.5);
  --focus-ring: rgba(99, 102, 241, 0.1);
}





[ng-cloak] {
  display: none;
}
.tableBodyScroll tbody {
  max-height: 78vh;
  overflow-y: scroll;
}

.tableBodyScroll thead,
.tableBodyScroll tbody,
.tableBodyScroll tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.tableBodyScroll thead {
  width: 98%;
}
ul {
  list-style-type: none !important;
}
.unload-dialog {
  width: 90% !important;
  max-width: 90% !important;
  height: 90% !important;
  max-height: 90% !important;
}
.unload-column {
  height: 100%;
  border: 1px solid;
  width: 100%;
  overflow: scroll;
}
.selected_runsheet {
  background-color: #929292;
}
.unload-container {
  padding: 0% 1%;
}
.cart-table-row:nth-child(even) {
  background-color: #eae7e7;
}
.disabled_icon {
  opacity: 0.6;
  cursor: auto !important;
}
.exec-menu {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 256px;
}
.metric-boxes > h5 {
  border: 1px solid;
  padding: 2% 30%;
  border-radius: 5px;
}
.logged_in_email {
  font-size: 11px;
  margin-top: 15px;
  margin-left: 10px;
}
.task-column > * {
  margin: 0% 0%;
  color: black;
}
.bar-button {
  min-height: 24px !important;
  line-height: 24px !important;
}
.metric-boxes > * {
  margin: 2% 0%;
  color: white;
  font-weight: 600;
}
.exec-metrics {
  background-color: #ea39b4;
}
.vehic-metrics {
  background-color: #2ec3ca;
}
.order-status-span {
  border: 1px solid #e4919f;
  color: #e4919f;
  border-radius: 4px;
  padding: 0% 10%;
  margin: 5% 13%;
}
.inv-metrics {
  background-color: #eaa339;
}
.cash-metrics {
  background-color: #219821;
}
.task-metrics {
  background-color: #4c4ca9;
  color: white;
  font-weight: 600;
}
.metric-boxes {
  margin: 0.5%;
}
.highlight_partial {
  background-color: #e4e4d6 !important;
}
.date-preset {
  line-height: 26px !important;
  min-height: 26px !important;
}
.date-preset[disabled] {
  background-color: #acb2d6 !important;
}
.exec-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
  transition: background 0.15s linear;
  width: auto;
}
.exec-menu-item:hover,
.exec-menu-item:focus {
  background-color: rgb(238, 238, 238);
}
.row-radio > md-radio-button > .md-label {
  top: 33% !important;
}
.exec-menu-item.selected {
  color: rgb(16, 108, 200);
}
.exec-image {
  height: 50px;
  width: 50px;
  border-radius: 50px;
}

.fulfilled-order-bg {
  background-color: #bbffbd;
  color: #756a6a;
  font-weight: 900;
}
.new-order-bg {
  background-color: #ffe460;
  color: #756a6a;
  font-weight: 900;
}
.lead-bg {
  background-color: #60ffff;
  color: #756a6a;
  font-weight: 900;
}
.terminated-order-bg {
  background-color: #fb8686;
  color: #756a6a;
  font-weight: 900;
}
.cancelled-order-bg {
  background-color: #ff4e4e;
  color: #3e3636;
  font-weight: 900;
}
.pickup-request-bg {
  background-color: #dcb9e8;
  color: #6f6f6f;
  font-weight: 900;
}
body {
  height: 100%;
  font-family: "PT Sans", sans-serif !important;
}

#parent-cont {
  height: 100%;
}

.parent img {
  width: 100%;
  height: auto;
}

.md-padding {
  padding: 0px;
}

.item-edit-icon {
  /*    margin-left: 95% !important;
*/
  pointer-events: initial !important;
  cursor: pointer;
}
.edit-input-container {
  margin: 0px;
}
.login-page {
  overflow-y: hidden;
}

.login {
  align-self: center;
  width: 50%;
  margin: 0 auto;
}

.all_data {
  font-size: 15px;
  color: #000;
}

.cncl_dia_css {
  width: 50% !important;
}

.login-parent {
  display: flex;
  justify-content: center;
}

.login-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  text-align: center;
}
.left_pad {
  padding-left: 8%;
}

.login-logo-img {
  width: 40%;
  height: 40%;
}

.admin-icon-img {
  width: 50%;
  height: 50%;
}
.icon_click_css {
  cursor: pointer;
  margin-left: 15%;
}
.admin-icon {
  position: absolute;
  left: 49.5%;
  top: 15%;
}

.login-btn {
  width: 100%;
  background-color: rgb(0, 150, 136) !important;
}

.menu {
  background-color: #2c2c2c !important;
  border-right: #ddd solid 1px;
  color: #fff;
  padding: 5px;
  font-size: 15px;
  position: relative;
  height: 100%;
  overflow-y: scroll;
}

.overview {
  height: 100%;
  overflow-y: scroll;
}

.menu-options:hover,
.pay_row:hover {
  cursor: pointer;
  background-color: #888;
}

.menu-options,
.menu-options1 {
  padding: 12px 8px;
  font-size: 12px;
  text-transform: uppercase;
}

.menu-col-1 {
  margin-bottom: 100px;
}

.menu-options1 {
  text-align: center;
}

.select {
  background-color: #5d44b6 !important;
  border-radius: 2px;
}

.menu-col-2 {
  position: absolute;
  bottom: 0px;
}

.orders {
  height: 100%;
  border-radius: 2px;
}

.overview-head {
  height: 50px;
  background-color: rgb(0, 150, 136);
  color: #fff;
  padding: 5px;
}

.select-tool {
  background-color: rgb(0, 150, 136) !important;
  color: #fff !important;
}

.add-discount-dialog {
  min-width: 100% !important;
  min-height: 100% !important;
}
.filter,
.slot {
  width: 100%;
  height: 100%;
}

.filter-menu,
.slot-menu {
  padding: 5px;
  background: #888;
  color: #fff;
  height: 100%;
}

.filter-dialog,
.slot-dialog {
  height: 100%;
  padding: 10px !important;
}

.filter-options1,
.slot-options1 {
  text-align: center;
}

.filter-options,
.slot-options {
  padding: 10px;
}

.filter-options:hover {
  cursor: pointer;
}

table.md-table.md-row-select td.md-cell:nth-child(n + 3):nth-last-child(n + 2),
table.md-table.md-row-select
  th.md-column:nth-child(n + 3):nth-last-child(n + 2) {
  padding: 0 35px 0 0 !important;
}

table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select)
  th.md-column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 18px 0 0 !important;
}

table.md-table td.md-cell.md-numeric,
table.md-table th.md-column.md-numeric {
  text-align: center;
}

.user-detail {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0px 10px;
}

.user-detail-row1,
.user-detail-row2,
.user-detail-row3,
.user-detail-row4,
.user-detail-row5 {
  padding: 15px;
}

.order-details {
  position: absolute;
  top: 100px;
  border: 1px #ddd solid;
  padding: 20px;
  z-index: 10;
  background: #888;
}

.delivery-map {
  padding: 10px;
}

.delivery-status {
}

#map {
  width: 100%;
  height: 400px;
  background-color: grey;
}

.pay-card1,
.pay-card2,
.pay-card3 {
  padding: 2px;
  text-align: center;
  margin: 12px;
  color: #fff;
}

.pay-card1 {
  background-color: #af26ff;
}

.pay-card2 {
  background-color: #6b44ff;
}

.pay-card3 {
  background-color: #1ab9fb;
}

.pay-icons-parent {
  margin: auto;
}

.pay-icons {
  width: 70px;
  height: 50px;
}

.deposit-text {
  float: left;
  padding: 15px;
}

.invert {
  -webkit-filter: invert(100%);
}

.icon_size {
  width: 24px !important;
  height: 24px !important;
}

.pickup-text {
  float: right;
  padding: 15px;
}

md-slider-container > :first-child:not(md-slider) {
  margin-right: 0px;
}

.md-select-value.md-select-placeholder {
  color: #000 !important;
}

.pay-slider {
  margin: 0px;
}

md-slider-container > :last-child:not(md-slider) {
  margin-left: 0px;
}

.start-bob,
.end-bob {
  border-radius: 28px;
  background-color: #ec407a;
  text-align: center;
  margin: auto;
}

.end-bob {
  background-color: #000;
  height: 25px;
}

.list-orders {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.btn1 {
  color: rgb(49, 46, 46);
  background-color: rgba(255, 222, 121, 0.96);
  border-radius: 10px 0 0 10px;
  font-size: 16px;
}

.btn1:not([disabled]):hover {
  background-color: rgba(107, 103, 91, 0.96);
  color: white;
}

.btn1[disabled] {
  color: rgb(187, 187, 187);
  background-color: rgba(230, 230, 229, 0.96);
}

.procure-dialog {
  padding: 10px !important;
  height: 400px;
  overflow-y: scroll;
}

md-slider[md-discrete] .md-sign,
md-slider[md-discrete] .md-sign:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.inventory-head,
.complete-head,
.interaction-head {
  text-align: center;
  padding: 10px;
  background-color: rgb(0, 150, 136);
  color: #fff;
}

#inventory-dialog,
#complete-dialog,
#interaction-dialog {
  max-height: 100%;
}

.add-specs {
  margin-top: 20px;
  border: 1px #ddd solid;
  padding: 10px;
  margin-bottom: 40px;
}

.add-specs-btn {
  float: right;
  margin: 0px;
  padding: 0px;
  min-height: 5px;
  height: 21px;
}

#pay-dialog {
  max-height: 60%;
}

#pickup-dialog {
  max-height: 80%;
}

.service-close {
  max-height: 50%;
}

.service-close-dialog {
  height: 84%;
  padding: 10px !important;
}

.pickup-close-dialog {
  height: 80%;
  padding: 10px !important;
}

.pickup_slot {
  width: 40%;
  height: 50%;
}

.speclist {
  padding: 5px;
  margin-top: 5px;
}

button:not([disabled]):hover {
  background-color: none;
}

.pay-option {
  float: right;
  position: fixed;
  bottom: 20px;
  z-index: 10;
  right: 20px;
}

.inventory-add {
  /*position: fixed;*/
  /*	background-color: rgb(0,150,136); 
*/
  float: right;
  /*position: fixed;*/
  z-index: 10;
  right: 20px;
  bottom: 10px;
  padding: 5px;
}

.reslot {
  height: 80%;
  max-height: 90%;
  width: 30%;
}

.md-datepicker-input {
  width: 200px !important;
}

.lf-ng-md-file-input
  .lf-ng-md-file-input-preview-container
  .lf-ng-md-file-input-drag-text-container {
  max-height: 130px !important;
}

.greentheme {
  background-color: #47ddaf !important;
}

.whitebgclr {
  background-color: white !important;
}

.pending-pay {
  color: rgba(255, 82, 82, 0.87) !important;
}

.gobtncss {
  box-shadow: none !important;
  line-height: 41px !important;
  min-width: 0;
  width: 44px !important;
  height: 44px !important;
  margin-top: 1.5% !important;
}

.gobtncss:hover {
  background-color: rgb(255, 64, 129) !important;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.26) !important;
}

.dwnlod_icn {
  background-color: #44dff4 !important;
  padding-top: 9px;
  box-shadow: none !important;
  line-height: 41px !important;
  min-width: 0;
  width: 44px !important;
  height: 44px !important;
  margin-top: 1.5% !important;
}

.dwnlod_icn:hover {
  /*background-color: rgb(255,64,129) !important;*/
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.26) !important;
}

.dwnlod_icn2 {
  padding-top: 9px;
  box-shadow: none !important;
  line-height: 41px !important;
  min-width: 0;
  width: 44px !important;
  height: 44px !important;
  margin-top: 1.5% !important;
}

.pay-requestslot {
  width: 50%;
}

.service-requestslot {
  width: 40%;
}

.interaction-requestslot {
  width: 50%;
  height: fit-content;
}

.errorLog {
  background-color: rgb(255, 82, 82);
  color: rgb(255, 255, 255);
}

.btndsn1 {
  width: 98%;
  margin-left: 0px;
  background-color: rgba(87, 50, 202, 0.74) !important;
  color: white !important;
  box-shadow: none !important;
}

.btndsn {
  width: 98%;
  margin-left: 0px;
  color: white !important;
  box-shadow: none !important;
}

.display-card {
  width: 99%;
  height: fit-content;
}

.expbtncss {
  border: 1px solid #47ddaf;
}

.canclbtncss {
  width: 98%;
  margin-left: 0px;
  border: 1px solid red;
  color: red !important;
  box-shadow: none !important;
}

.cnfbtncss {
  width: 98%;
  margin-left: 0px;
  box-shadow: none !important;
}

.edit_icon_css {
  margin-left: 60%;
}

.wid-hei-pay-dialog {
  width: 74%;
}

.marg-six {
  margin: 6%;
}

.nomargin {
  margin: 0px !important;
}

.payfontsize {
  font-size: 23px;
}

.eight-left-pad {
  padding-left: 8px;
}

.font_weight {
  font-weight: bold;
}

.purple_bgclr {
  background-color: #5d44b6 !important;
  box-shadow: none !important;
}

.purple_clr {
  color: #5d44b6 !important;
}

.blue {
  background-color: #5d44b6 !important;
}

.req_btn_css {
  width: 50%;
  margin-left: 27%;
  /*margin-top: 6%;
    margin-bottom: 4%;*/
}

.inherit-font {
  font-weight: inherit;
}

.greyclr {
  color: #6d6d6d;
}

.lightgrey {
  color: #989696;
}

.nomarg_btm {
  margin-bottom: 0px;
}

.fourmarg-t {
  margin-top: 4%;
}

.fifteenmarg {
  margin-left: 15%;
}

.bigfont {
  font-size: 55px;
}

.tees-left-pad {
  padding-left: 30px;
}

.grey_bgclr {
  background-color: #e5e5e5 !important;
}

.wid-hei-trans-order-dialog {
  width: 40%;
  height: 70%;
}

.cnf_btn_css {
  width: 80%;
  margin-left: 8%;
  margin-bottom: 4%;
  color: white !important;
  border: 1px solid #5d44b6;
}
.logo_css {
  width: 40% !important;
  margin-top: 25% !important;
  height: 50% !important;
}
.add-icon-css {
  padding-bottom: 17%;
}
.srch-icon-css {
  margin-left: 87%;
  margin-bottom: 31%;
}

.filtercss {
  margin-bottom: 0px;
  height: 15px;
}

.current_status {
  font-size: 10px;
}

md-sidenav {
  width: calc(100% - 140px);
  min-width: calc(100% - 157px);
  max-width: calc(100% - 56px);
}
#mapLocation .wait {
  position: absolute;
  background-image: url(../images/home.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 50%;
  left: 50%;
  z-index: 999;
  height: 34px;
  width: 20px;
  margin-left: -10px;
  margin-top: -34px;
  cursor: pointer;
}
.map_div {
  width: 100%;
  position: relative;
}
#main_map_div div.pac-container {
  top: 30px !important;
  left: 0px !important;
  border-radius: 4px;
  width: 640px !important;
}
.documents_btn {
  color: #2e2e2e;
  background: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  outline: none !important;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.submitted_yellow {
  background: #ffe460;
  /*background: #fdd835;*/
}
.refunded_aqua {
  background: #5d9b87;
  /*background: #fdd835;*/
}
.resubmitted_orange {
  background: #ffa726;
}
.verified_accepted_green {
  background: #9ccc65;
}
.verified_rejected_red {
  background: #e57373;
}
md-input-container.doc_verify_container {
  margin: 0 !important;
}
md-input-container.doc_verify_container .md-errors-spacer {
  min-height: 0;
}
.date_input_container .md-errors-spacer {
  min-height: 0 !important;
}

@media only screen and (max-width: 600px) {
  .admin-icon {
    position: absolute;
    left: 0;
    top: 50px;
  }
  .greentheme {
    background-color: #47ddaf !important;
  }
  .blue {
    background-color: #9684fd !important;
  }
  .whitebgclr {
    background-color: white !important;
  }
  .lesspadd {
    padding: 12px 5px 0 5px;
  }
  .twopxfont {
    font-size: 16px;
    color: #717171;
  }
  .btndsn {
    width: 98%;
    margin-left: 0px;
    color: white !important;
  }
  .btndsn1 {
    width: 98%;
    margin-left: 0px;
    background-color: rgba(87, 50, 202, 0.74) !important;
    color: white !important;
  }
  .canclbtncss {
    width: 98%;
    margin-left: 0px;
    border: 1px solid red;
    color: red !important;
  }
  .smlfont {
    font-size: smaller;
  }
  .greyclr {
    color: #6d6d6d;
  }
  .lightgrey {
    color: #989696;
  }
  .onemarg {
    margin: 1px;
  }
  .twomarg-b {
    margin-bottom: 2px;
  }
  .five-pad-left {
    padding-left: 5%;
  }
  .sml-font {
    font-size: 17px;
  }
  .fourmarg-t {
    margin-top: 4%;
  }
  .fourmarg-r {
    margin-right: 4%;
  }
  .two-marg-t {
    margin-top: 2%;
  }
  .grnrect {
    width: 8px;
    height: 40px;
    background: rgb(74, 189, 154);
  }
  .pinkrect {
    width: 8px;
    height: 40px;
    background: rgb(255, 64, 129);
  }
  .mpay-card1,
  .mpay-card2,
  .mpay-card3 {
    text-align: center;
    color: #fff;
    margin: 4px;
  }
  .leftpad {
    padding-left: 11%;
  }
  .leftpad1 {
    padding-left: 14%;
  }
  .tpmargin {
    margin-top: 1%;
  }
  .oneleftpad {
    padding-left: 1%;
  }
  .seagreen {
    background-color: darkseagreen;
  }
  .skyblue {
    background-color: skyblue;
  }
  .leftpad {
    padding-left: 4%;
  }
  .arriconcss {
    float: right;
    padding-top: 1%;
  }
  .circle {
    width: 70px;
    height: 70px;
    border-radius: 250px;
    font-size: 50px;
    color: #fff;
    text-align: center;
    background: rgba(245, 0, 87, 0.89);
  }
  .mpay-option {
    float: right;
    position: fixed;
    bottom: 4px;
    z-index: 10;
    right: 2px;
  }
  .mpay-card1 {
    background-color: #af26ff;
  }
  .mpay-card2 {
    background-color: #6b44ff;
  }
  .mpay-card3 {
    background-color: #1ab9fb;
  }
  .paddcss {
    padding: 20px;
  }
  .srchcss {
    width: 210px;
    padding: 15px;
    margin-top: 30px;
    font-size: 12px;
  }
  .twopxtpmrgn {
    margin: 3px 0px;
  }
  .srchdsn {
    margin-left: 50% !important;
    color: white;
  }
  .tabpaddcss {
    padding: 12px 0px 12px 0px !important;
  }
  .bluecolor {
    color: #00e3ff;
  }
  .display-card {
    width: 100%;
    margin: 0px !important;
  }
  .parent img {
    width: 100%;
    height: 65vh;
  }
  .login-logo {
    position: absolute;
    top: 35px;
    text-align: center;
  }
  .font_weight {
    font-weight: bold;
  }
  .btncss {
    margin: 0px;
    width: 100%;
  }
  .nomargin {
    margin: 0px !important;
  }
  .login-logo-img {
    width: 60%;
    height: 60%;
  }
  .admin-icon-img {
    width: 40%;
    height: 40%;
  }
  .mbl-nav {
    background-color: #2c2c2c;
    color: #fff;
  }
  .user-detail1 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
      0 2px 1px -1px rgba(0, 0, 0, 0.12);
    padding: 0px 10px;
    margin-top: 10px;
  }
  .slot {
    width: 100%;
    height: 100%;
    max-height: 90%;
    max-width: 90%;
  }
  md-sidenav {
    width: calc(100% - 140px);
    min-width: calc(100% - 157px);
    max-width: calc(100% - 56px);
  }
  .parent {
    min-height: 40vh;
  }
}

@media only screen and (max-width: 360px) {
  .display-card {
    width: 100%;
  }
  .srchdsn {
    margin-left: 39% !important;
    color: white;
  }
}

.log-Replacement,
.log-Payment,
.log-Generic,
.log-Service,
.log-Pickup {
  color: #fff;
}

.log-Replacement {
  background-color: #f06292;
}
.log-Replacement > td {
  color: #fff !important;
}
.log-Payment {
  background-color: #a5d6a7;
}

.log-Generic {
  background-color: #e0e0e0;
}

.log-Service {
  background-color: #ff8a65;
}

.log-Pickup {
  background-color: #d1c4e9;
}

.log-Orderlog {
  background-color: #ff73ba66;
}

.apply_filter_btn {
  background-color: #5d44b6;
  color: #fff;
  border: none;
  padding: 8px 18px;
  font-size: 12px;
  border-radius: 4px;
}
.apply_filter_btn[disabled] {
  background: #ddd;
}

.refurb_heading {
  background: #5d44b6;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.refurb_head_p {
  padding: 7px 0;
  margin: 2px 0;
}
.attrib_input_container {
  margin: 20px 30px;
}
.attrib_to_check_p {
  padding-top: 12px;
  display: inline-block;
}
.qc_submit_btn {
  background: #5d44b6;
  margin: 20px auto;
  color: #fff;
  padding: 10px 15px;
  border: none;
  min-width: 20%;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
}
.qc_submit_btn[disabled] {
  background: #bbb;
}
.qc_check_btn {
  background: inherit;
  color: #5d44b6;
  padding: 5px 15px;
  border: 1px solid #5d44b6;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
}
.qc_resolved_btn {
  background: #5d44b6;
  color: #fff;
  padding: 5px 15px;
  border: 1px solid #5d44b6;
  border-radius: 4px;
  font-size: 12px;
  cursor: default;
}
.qc_delete_btn {
  background: #5d44b6;
  color: #fff;
  padding: 5px 15px;
  text-align: center;
  border: 1px solid #5d44b6;
  border-radius: 4px;
  font-size: 12px;
}
.qc_edit_btn {
  background: inherit;
  color: #5d44b6;
  padding: 5px 15px;
  border: 1px solid #5d44b6;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
}
.attrib_input_div {
  margin: 12px auto;
}
.attrib_input_label {
  padding-top: 7px;
}
.issues_tab_div {
  border-bottom: 1px solid #eaeaea;
}
.issue_tab {
  text-align: center;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  color: #8e8e8e;
  font-weight: bold;
}
.active_issue_type {
  color: #5866bf;
  border-bottom: 3px solid #5866bf;
  cursor: default;
}
.apply_fil_btn {
  width: 100%;
  height: 30px;
  color: #fff;
  background-color: #5d44b6;
  border: none;
  margin: 10px 0 0;
  font-size: 13px;
  border-radius: 4px;
}
.issue_input {
  display: inline-block;
}
.issue_input md-input-container {
  /*position: relative;*/
  /*top: -10px;*/
  margin-top: 7px !important;
  /*margin-bottom: 5px !important;*/
  /*height: 40px;*/
  font-size: 14px;
}
.issue_input_span {
  position: relative;
  top: 14px;
  vertical-align: top;
}
.issue_input.md-error-spacer {
  height: 0 !important;
}
.issue_filter_container {
  height: 60px !important;
}

/*tri-state switch*/
.tri_wrapper {
  width: 240px;
  height: 28px;
  position: relative;
  margin: 6px auto;
  border-radius: 6px;
  background: #eee;
}
.tri_toggle {
  width: 80px;
  height: 28px;
  position: absolute;
  left: 52px;
  top: 0;
  border-radius: 6px;
  box-sizing: border-box;
  background: gray;
}
.tri_wrapper input {
  position: absolute;
  width: 28px;
  height: 100%;
  left: 0px;
  top: 0px;
  margin: 0;
  padding: 0px;
  opacity: 0;
}
.tri_state_label {
  width: 80px;
  height: 28px;
  position: absolute;
  margin: 0;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #2e2e2e;
}
input.no_radio,
.failed_label {
  cursor: pointer;
  left: 0px;
  width: 80px;
}
input.maybe_radio,
.untested_label {
  cursor: pointer;
  left: 80px;
  width: 80px;
}
input.yes_radio,
.passed_label {
  cursor: pointer;
  left: 160px;
  width: 80px;
}
.selected_label {
  color: #fff;
  z-index: 1;
  cursor: default;
}
.toggle_left {
  left: 0px;
  background: #ea1d63;
}
.toggle_middle {
  left: 80px;
  background: #6b406b;
}
.toggle_right {
  left: 160px;
  background: #5d44b6;
}
.toggle_disabled {
  background: gray;
}

.view_item_log {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  border: 1px solid #5d44b6;
  border-radius: 6px;
  color: #5d44b6;
  cursor: pointer;
}

.log-statechange {
  background-color: #e0e0e0;
}
.log-qc > td {
  color: #fff !important;
}
.log-attachdetach {
  background-color: #a5d6a7;
}
.log-ofd {
  background-color: #d1c4e9;
}
.log-issue {
  background-color: #ff8a65;
}
.log-qc {
  background-color: #f06292;
}

.red_item {
  color: red;
}
.collapsible-item.open > .body {
  max-height: fit-content !important;
}

.city_selector_div {
  position: fixed;
  right: 0px;
  top: 0;
  /*background-color: #5866bf;*/
  background: white;
  color: #000 !important;
  height: 40px;
  width: 150px;
  text-align: center;
  border-radius: 0 0 4px 4px;
}
md-input-container.city_selector_container {
  margin: 0 auto !important;
}
md-input-container.city_selector_container .md-errors-spacer {
  min-height: 0;
}
md-input-container.city_selector_container .md-select-value {
  border: none;
}
.raise_order_form {
  padding: 40px 80px;
}
.raise_order_container {
  width: 260px;
  margin-right: 30px;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}
.search_user_container {
  width: 550px;
  margin-right: 30px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.raise_order_txtarea {
  width: 550px;
  margin-right: 30px;
}
.user_tabs md-content {
  height: auto;
  max-height: auto;
}
.address_txtarea {
  width: 550px;
}
.create_btn {
  padding: 10px 20px;
  background: #5866bf;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 4px;
}
.create_btn:disabled,
.add_item_btn:disabled {
  background-color: #ddd;
  border: none;
}
.add_item_btn {
  padding: 8px 20px;
  background: #ff4081;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  margin-top: 23px;
  max-height: 30px;
}
.scroll_div {
  width: 100%;
  overflow-x: scroll;
}
.existing_address_div {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 10px 30px;
  margin: 20px 10px 10px;
  vertical-align: middle;
  min-height: 100px;
  min-width: 200px;
  cursor: pointer;
}
.existing_address_div p {
  margin: 5px 0;
}
.existing_address_div:first-child {
  margin-left: 0px;
}
.active_address {
  border: 1px solid #ff4081;
}

.custom-invoice-dialog {
  max-width: 700px; /* Adjust width here */
  min-width: 400px; /* Add a minimum width */
  margin: 20px auto; /* Center the dialog */
}

.md-dialog-content {
  padding: 24px;
}

.inventory-head {
  text-align: center;
  margin-bottom: 20px;
}

.tabs-container {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Full screen height */
}

md-tabs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  /* height: 100%; */
}

md-tab {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

md-table-container {
  /* height: calc(100vh - 50px); */
  width: 100%;
  overflow: auto;
  margin-right: 4rem;
  border-bottom: 1px solid #ccc;
}
.md-table-container {
  /* display: grid; */
  overflow: auto;
}

.success-toast {
  color: white !important;
}

.success-toast .md-toast-content {
  background-color: #4caf50 !important;
  color: white !important;
}

.error-toast {
  color: white !important;
}

.error-toast .md-toast-content {
  background-color: #f44336 !important;
  color: white !important;
}

/* Webhook Logs Status Styles */
.success-status {
  color: #4caf50 !important;
  font-weight: bold;
}

.error-status {
  color: #f44336 !important;
  font-weight: bold;
}

/* Lead Creation Tabs Styles */
.create-lead-container md-tabs {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}

.create-lead-container md-tabs md-tab {
  background: #f5f5f5;
  transition: background-color 0.3s ease;
}

.create-lead-container md-tabs md-tab.md-active {
  background: #6c7ae0;
  color: white;
}

.create-lead-container md-tabs md-tab:not(.md-active):hover {
  background: #e8eaf6;
}

.create-lead-container md-content {
  padding: 20px;
  background: white;
}

.create-lead-container .csv-upload-area {
  border: 2px dashed #ccc;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  background: #f9f9f9;
  transition: border-color 0.3s ease;
}

.create-lead-container .csv-upload-area:hover {
  border-color: #6c7ae0;
}

.create-lead-container .progress-container {
  margin: 15px 0;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 4px;
}

.create-lead-container .error-message {
  padding: 10px;
  background: #ffebee;
  border: 1px solid #f44336;
  border-radius: 4px;
  margin: 10px 0;
}

.create-lead-container .success-message {
  padding: 10px;
  background: #e8f5e8;
  border: 1px solid #4caf50;
  border-radius: 4px;
  margin: 10px 0;
}