body,
.small-box p,
.dropdown-item {
  font-size: 16px;
}

label.error {
  color: #dc3545;
  margin-bottom: 0px;
}

.remove-border-radius {
  /*	border-radius: 0px !important;*/
}

.swal2-styled.swal2-cancel {
  border: unset !important;
}

.card-heading-text {
  font-size: 22px;
}

.dataTables_info,
div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
  font-weight: bold;
}

.text-black {
  color: #000;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
  background-color: #007bff;
  color: #fff;
}

.multiple-selection-dropdown,
.multiple-selection {
  font-size: 16px;
}

.main-footer {
  padding: 2px;
}

*::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover {
  background: gray;
}

.table td,
.table th {
  padding: .35rem;
  text-align: center;
}

hr {
  border: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 2px solid rgba(0, 0, 0);
}

.user-circle {
  font-size: 30px;
}

.main-header {
  padding: 0px;
}

.hide {
  display: none;
}

.card-section {
  padding-top: 5px;
}

.card-section .content {
  padding: 0px;
}

.table-section thead tr td,
.table-section thead tr th,
.table-section tbody tr td,
.table-section tbody tr th {
  font-size: 14px;
}

.card-section .card {
  margin-bottom: 5px;
}

body .text-white {
  color: #FFF !important;
}

.sidebar-section {
  margin-bottom: 3px;
}

.previous,
.next {
  font-weight: bold;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

/*.login-section,.change-password-section,.reset-password-section,.forgot-password-section {
  padding-top: 14%;
}*/

.order_detail {
  padding: 5px;
}

.order-cart-section:first-child {
  border-top: 1px solid #dee2e6;
}

.order-cart-section {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  padding: 20px;
}

.order-cart-section .row:nth-child(3) .order_detail {
  border-top: 1px solid #dee2e6;
}

.order-cart-section .row .order_detail:last-child {
  border-right: 1px solid #dee2e6;
}

.order-cart-section .row .order_detail {
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}

.product-image {
  width: 50%;
}

.product-section-row {
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  padding: 20px;
}

.product-section-row:first-child {
  border-top: 1px solid #dee2e6;
}

.product-section-row {
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}

.product-section-row .row:nth-child(2) .order_detail {
  border-top: 1px solid #dee2e6;
}

.product-section-row .row .order_detail:last-child {
  border-right: 1px solid #dee2e6;
}

.product-section-row .row .order_detail {
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}

.table-border {
  border: 2px solid black;
}

.main-sidebar {
  z-index: 9999 !important;
}

textarea {
  resize: none;
}

.form-check {
  padding-left: 0px !important;
}

.owl-prev {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 40%;
  margin-left: -20px;
  display: block !important;
  border: 0px solid black;
}

.owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 40%;
  right: -25px;
  display: block !important;
  border: 0px solid black;
}

.owl-prev i,
.owl-next i {
  transform: scale(1, 6);
  color: #ccc;
}

.division-section {
  padding: 10px;
  border: 1px solid #000;
}

.landing-costing-table th,
.landing-costing-table td .final-cost-table th,
.final-cost-table td {
  width: 33%;
}

.bubleguard-guard-table th,
.bubleguard-guard-table td {
  padding: 0px;
}

.invoice-table {
  border: 1px solid #dee2e6 !important;
}

.invoice-table tr td,
.invoice-table tr th,
.invoice-table td,
.invoice-table th {
  padding: 4px;
  border-right: 1px solid #dee2e6 !important;
  border-left: 0px;
  border-bottom: 0px;
  border-top: 0px;
}

.font-weight-bold {
  font-weight: bold !important;
}

.stockmaster *,
.stockmaster-invoice label {
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: normal !important;
}

.stockmaster-invoice {
  font-family: verdana !important;
}

.stockmaster-invoice h1,
.stockmaster-invoice h2,
.stockmaster-invoice h3,
.stockmaster-invoice h4,
.stockmaster-invoice h5,
.stockmaster-invoice h6,
.stockmaster-invoice .h1,
.stockmaster-invoice .h2,
.stockmaster-invoice .h3,
.stockmaster-invoice .h4,
.stockmaster-invoice .h5,
.stockmaster-invoice .h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}

.name-pr {
  line-height: 1px;
}

.plastic-costing-table th,
.plastic-costing-table td,
.jewellery-costing-table th,
.jewellery-costing-table td,
.foam-costing-table th,
.foam-costing-table td {
  padding: 3px;
}

.plastic-costing-inner-table th,
.plastic-costing-inner-table td,
.jewellery-costing-inner-table th,
.jewellery-costing-inner-table td .foam-costing-inner-table th,
.foam-costing-inner-table td {
  width: 33%;
}

.foam-size-selected {
  border: 1px !important;
}

.w-50 {
  width: 50%;
}

.w-33 {
  width: 33%;
}

.cursor {
  cursor: pointer;
}

.item-selection .select2 {
  width: auto !important;
}

.breadcrumb-section {}

.breadcrumb {
  background-color: unset;
  margin-bottom: 0px;
  padding: 5px 15px;
}

.datapack-table tbody tr th,
.datapack-table tbody tr td {
  width: 25%;
  text-align: left;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
  width: 4.6rem;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel>.info,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel>.info {
  opacity: 0;
}

.align-self-flex-end {
  align-self: flex-end;
}

img {
  cursor: pointer;
}

.edit-action .dropdown-toggle::before {
  display: none;
}

.win-loss-button,
.win-loss-button:focus,
.win-loss-button:hover {
  background-color: transparent;
  border-color: transparent;
  color: #FFF;
}

.stage.active .win-loss-button,
.stage.active .win-loss-button:focus,
.stage.active .win-loss-button:hover {
  background-color: transparent;
  border-color: transparent;
  color: #FFF;
}

.btn-group .stage-btn:not(:last-child):before {
  background: #c1c2c3;
  border-radius: 0 0 0 25px;
  box-shadow: 1px -1px 0 1px #fff, 1px -1px 0 1px #fff;
  content: "";
  height: 28px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 28px;
  z-index: 1000;
}

.pipeline-stage-container .pipeline-stages .lost.active:before,
.pipeline-stage-container .pipeline-stages .lost:not(:last-child):before,
.btn-group .lost:not(:last-child):before,
.lost {
  background: #FF0000 !important;
  border-color: #FF0000 !important;
}

.m-250 {
  min-height: 250px;
}

.customlabel {
  font-size: 13px;
  font-weight: bold;
}

.breadcrumb {
  margin-bottom: 5px !important;
  padding: 5px !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
  width: 4.6rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #FFF;
  font-weight: bold;
  background-color: #007bff;
}

.nav-link {
  border-radius: 0px !important;
}

.stage-desktop-section {
  display: block;
}

.stage-mobile-section {
  display: none;
}

.badge {
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .stage-mobile-section {
    display: block;
  }

  .stage-desktop-section {
    display: none;
  }
}

.swal2-validation-message {
  padding: 5px;
  margin-top: 5px;
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 1px !important;
}

.border-t-l-r {
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-top: 2px solid #000 !important;
}

.border-b-l-r {
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}

.border-l-r {
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
}

.paritition_4_table {
  width: 25%;
}

.bom_table tr th:nth-child(1) {
  width: 15%;
}

.bom_table tr th:nth-child(2) {
  width: 55%;
}

.bom_table tr th:nth-child(3) {
  width: 10%;
}

.bom_table tr th:nth-child(4) {
  width: 20%;
}

.select2-results li[aria-disabled='true'] {
  background-color: #9E9E9E2E;
}

.zoom {
  padding: 50px;
  background-color: green;
  transition: transform .2s;
  /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(2.5);
}

.min-200 {
  min-width: 130px;
}

table.table.table-bordered.mis-form thead tr th,
table.table.table-bordered.mis-form thead tr td,
table.table.table-bordered.mis-form tbody tr th,
table.table.table-bordered.mis-form tbody tr td {
  font-size: 14px !important;
  padding: 0px !important;
}

table.table.table-bordered.mis-form input {
  font-size: 14px;
  height: calc(1.6125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  border: none;
}

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

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

th,
td {
  vertical-align: middle !important;
}

.bg-yellow-light {
  background-color: #ffc10752 !important;
}

.width-100 {
  width: 100px !important;
}

.view-costing {
  font-size: 18px;
}

.border-red {
  padding: 5px;
  border: 3px solid #FF0000;
}

.border-green {
  padding: 5px;
  border: 3px solid #28a745 !important;
}

.w-10 {
  width: 10%;
}

.brand-link {
  font-size: 18px !important;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.border-2 {
  border: 2px solid #000 !important;
}

.dropdown-menu-lg .dropdown-item {
  padding: 0.3rem 1rem;
}

#otpForm input {
  width: 40px;
  height: 50px;
  border: 1px solid #ced4da;
  line-height: 50px;
  text-align: center;
  font-size: 28px;
  font-weight: 200;
  color: #000;
  margin: 0 2px;
}

.form-row-top-border {
  border-top: 2px solid #000 !important;
}

table.fixedHeader-floating {
  background-color: white;
}

table.fixedHeader-floating.no-footer {
  border-bottom-width: 0;
}

table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}

#assetStockRegisterDatatable tbody tr td:nth-child(6),
#assetStockRegisterDatatable tbody tr td:nth-child(7),
#assetStockRegisterDatatable tbody tr td:nth-child(8),
#assetStockRegisterDatatable tbody tr td:nth-child(9),
#assetStockRegisterDatatable tbody tr td:nth-child(10),
#assetStockRegisterDatatable tbody tr td:nth-child(11),
#assetStockRegisterDatatable tbody tr td:nth-child(12),
#assetStockRegisterDatatable tbody tr td:nth-child(13),
#assetStockRegisterDatatable tbody tr td:nth-child(14),
#assetStockRegisterDatatable tbody tr td:nth-child(15),
#assetStockRegisterDatatable tbody tr td:nth-child(16),
#assetStockRegisterDatatable tbody tr td:nth-child(17) {
  text-align: right;
}

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

.month-section select,
.font-size-11 {
  height: 30px !important;
  font-size: 11px !important;
  padding: .275rem .55rem !important;
}

.timeline>div>.timeline-item>.time {
  color: #000 !important;
  font-size: 16px !important;
}

.timeline>div>.fa,
.timeline>div>.fab,
.timeline>div>.far,
.timeline>div>.fas,
.timeline>div>.glyphicon,
.timeline>div>.ion {
  background: #000 !important;
}

.timeline .fa-dot-circle-o:before {
  color: #FFF !important;
}

#custom-tabs-three-tab .nav-link {
  padding: .5rem .75rem !important;
}

.border-l-r-t {
  border-left: 4px solid #FF0000;
  border-right: 4px solid #FF0000;
  border-top: 4px solid #FF0000;
}

.border-l-r-b {
  border-left: 4px solid #FF0000;
  border-right: 4px solid #FF0000;
  border-bottom: 4px solid #FF0000;
}

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

.foamPastingModal table td,
.foamPastingModal table th {
  padding: 0px !important;
}

.packing-table table {
  border: 3px solid #ced4da;
}

.profileCuttingModal table td,
.profileCuttingModal table th {
  padding: 0px !important;
}

.profileCuttingModal [class*=icheck-] {
  min-height: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0;
}

/*.form-control,.btn {
     border-radius: 25px !important;
}*/
.facet-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  background: #eee;
  padding: 5px;

  width: 100%;
  min-height: 1.5em;
  font-size: 0.85em;
}

.facet-list li {
  margin: 5px;
  padding: 5px;
  font-size: 1.2em;

}

.facet-list li.placeholder {
  height: 1.2em
}

.facet {
  border: 1px solid #bbb;
  background-color: #fafafa;
  cursor: move;
}

.facet.ui-sortable-helper {
  opacity: 0.5;
}

.attendance-section {
  display: block;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.attendance-section li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  position: relative;
  max-width: 350px;
  min-width: 350px;
  width: 100%;
}

.att-photo-name-wrap {
  display: flex;
}

.att-photo-wrap {
  padding: 5px;
}

.att-photo-wrap img {
  width: 70px;
  height: 70px;
  border: solid 1px #999;
}

.att-photo-name-wrap .form-check {
  position: absolute;
  right: 0px;
  top: 50%;
  margin: -11px 0 0 0 !important;
}

.att-user-name {
  font-weight: bold;
}

.att-user-name b {
  padding: 5px;
  border-radius: 50%;
  border: solid 1px #999;
  font-size: 12px;
  height: 17px;
  display: inline-block;
  line-height: 3px;
}

.status-time {
  font-size: 13px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-style: italic;
}

.att-photo-name-wrap .badge {
  font-size: 13px;
  padding: 0.1em 0.3em 0.15em;
  font-weight: normal;
}

.att-count {
  font-weight: bold;
}

.feedback_web_banner {
  display: block;
}

.feedback_mobile_banner {
  display: none;
}

@media (min-width:0px) and (max-width:950px) {
  .attendance-section li {
    max-width: 32%;
  }

  .feedback_web_banner {
    display: none;
  }

  .feedback_mobile_banner {
    display: block;
  }

  .attendance-row-section2 {
    max-width: 100% !important;
    flex: 0 0 100%;
  }

  .attendance-row-section2 li {
    max-width: 100%;
  }
}

@media (min-width:0px) and (max-width:800px) {
  .attendance-section {
    margin-bottom: 50px !important;
  }

  .attendance-section li {
    max-width: 49%;
  }

  .att-btn-wrap2 {
    display: none;
  }

  .att-btn-wrap {
    position: fixed;
    width: 100%;
    display: flex;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.425);
    box-shadow: 0 -2px 10px 0px #333333ad;
  }

  .att-btn-wrap input {
    width: 25%;
    height: 34px;
    border-radius: 0;
    text-transform: uppercase;
  }

  .att-count {
    position: fixed;
    bottom: 33px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    padding: 3px;
    right: 0;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    font-weight: normal;
    box-shadow: 0 -2px 10px 0px #333333ad;
  }
}

@media (min-width:0px) and (max-width:550px) {
  .attendance-section li {
    max-width: 100%;
  }
}

.attendance-section {
  display: block;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.attendance-section li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  position: relative;
  max-width: 300px;
  width: 100%;
}

.att-photo-name-wrap {
  display: flex;
}

.att-photo-wrap {
  padding: 5px;
}

.att-photo-wrap img {
  width: 70px;
  height: 70px;
  border: solid 1px #999;
}

.att-photo-name-wrap .form-check {
  position: absolute;
  right: 0px;
  top: 50%;
  margin: -11px 0 0 0 !important;
}

.att-user-name {
  font-weight: bold;
}

.att-user-name b {
  padding: 5px;
  border-radius: 50%;
  border: solid 1px #999;
  font-size: 12px;
  height: 17px;
  display: inline-block;
  line-height: 3px;
}

.status-time {
  font-size: 13px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-style: italic;
}

.att-photo-name-wrap .badge {
  font-size: 13px;
  padding: 0.1em 0.3em 0.15em;
  font-weight: normal;
}

.att-count {
  font-weight: bold;
}

.feedback_web_banner {
  display: block;
}

.feedback_mobile_banner {
  display: none;
}

@media (min-width:0px) and (max-width:950px) {
  .attendance-section li {
    max-width: 32%;
  }

  .feedback_web_banner {
    display: none;
  }

  .feedback_mobile_banner {
    display: block;
  }

  .attendance-row-section2 {
    max-width: 100% !important;
    flex: 0 0 100%;
  }

  .attendance-row-section2 li {
    max-width: 100%;
  }
}

@media (min-width:0px) and (max-width:800px) {
  .attendance-section {
    margin-bottom: 50px !important;
  }

  .attendance-section li {
    max-width: 49%;
  }

  .att-btn-wrap2 {
    display: none;
  }

  .att-btn-wrap {
    position: fixed;
    width: 100%;
    display: flex;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.425);
    box-shadow: 0 -2px 10px 0px #333333ad;
  }

  .att-btn-wrap input {
    width: 25%;
    height: 34px;
    border-radius: 0;
    text-transform: uppercase;
  }

  .att-count {
    position: fixed;
    bottom: 33px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    padding: 3px;
    right: 0;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    font-weight: normal;
    box-shadow: 0 -2px 10px 0px #333333ad;
  }
}

@media (min-width:0px) and (max-width:550px) {
  .attendance-section li {
    max-width: 100%;
  }
}

.bg-lightgreen {
  background-color: #98fb98;
}

.fa-stack[data-count]:after {
  position: absolute;
  right: -15%;
  top: 1%;
  content: attr(data-count);
  font-size: 10px;
  padding: .6em;
  border-radius: 999px;
  line-height: .75em;
  color: white;
  background: rgba(255, 0, 0, .85);
  text-align: center;
  min-width: 2em;
  font-weight: bold;
}

.bg-lightgray {
  background-color: #D3D3D3;
}

fieldset {
  border: solid 1px gray;
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  border-radius: 10px;
}

legend {
  float: none;
  width: inherit;
  font-size: 18px !important;
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
  padding: 5px 20px;
  border-radius: 5px;
}

.checkbox-lable-border {
  border: 1px solid #28A745;
}

#upload-demo {
  width: 250px;
  height: 250px;
  padding-bottom: 25px;
}

/* DAB - 20230715 */
:root {
  --color1: #1C4C74;
  --color2: #6CB4E4;
  --color3: #FFFFFF;
  --color4: #212529;
  --color5: #D81B60;
  --color6: #3D9970;
  --color7: #6F42C1;
  --color8: #F012BE;
  --color9: #6610F2;
  --color10: #3C8DBC;
  --color11: #001F3F;
  --color12: #E83E8C;
  --color13: #FD7E14;
  --color14: #8BC34A;
  --color15: #20C997;
  --color16: #3D9970;
  --color17: #DC3545;
  --color18: #38516D;
  --color19: #48698F;
  --color20: #5E83AD;
  --color21: #DDDDDD;
  --color22: #2E7BBA;
  --color23: #4EA8DB;
  --color24: #05D6A0;
  --color25: #F6BD60;
  --color26: #007DA5;
  --color27: #48656D;
  --color28: #5AA9E6;
  --color29: #1F2D3D;
  --color30: #936639;
  --color31: #7FC8F8;
  --color32: #735D78;
  --color33: #FFE45E;
  --color34: #2EC4B6;
  --color35: #BFCC94;
  --color36: #6B907F;
  --color37: #9481FF;
  --color38: #FFD8BE;
  --color39: #1564C0;
  --color40: #406E8E;
}


.dc-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 0;
}

.dc-scrollbar::-webkit-scrollbar {
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 0;
}

.dc-scrollbar::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 0;
}

.main-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 0;
}

.main-scrollbar::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
  border-radius: 0;
}

.main-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--color1);
  border-radius: 0;
}

.dc-sidemenu-main {
  background-color: var(--color1);
}

.dc-sidemenu-main .dc-logo {
  border-bottom: none;
  padding: 5px 15px;
  box-shadow: -2px -6px 7px 1px #ffffff;
}

.dc-sidemenu-main .dc-logo img {
  width: 45px;
  border-radius: 50%;
  padding: 8px 4px;
  background-color: var(--color3);
}

.dc-sidemenu-main .dc-logo .dc-system-name {
  font-size: 18px;
}

body.sidebar-collapse .dc-sidemenu-main .dc-logo {
  text-align: center;
  padding: 5px;
  width: 100% !important;
  height: 60px;
}

body.sidebar-collapse .dc-sidemenu-main .dc-logo span {
  display: none;
}

body.sidebar-collapse .dc-sidemenu-main {
  width: 80px;
}

.dc-top-header {
  box-shadow: 3px 3px 8px #dcdcdc;
  border-bottom: none;
  height: 60px !important;
}

.dc-top-header .sidebar-section {
  margin-bottom: 0;
}

.dc-top-header .sidebar-section .dc-menu-icon i {
  color: var(--color4);
  font-size: 24px;
}

.dc-top-header .dc-profile-wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.dc-top-header .dc-nav-right .dc-icon {
  width: 45px;
  height: 45px;
  background-color: var(--color1);
  color: var(--color3);
  border-radius: 100%;
  text-align: center;
  line-height: 45px;
  font-size: 28px;
}

.dc-top-header .dc-nav-right .dc-icon-wrap span.fa-stack {
  width: 45px;
  margin: 0 !important;
}

.dc-top-header .dc-nav-right .nav-item {
  margin: 0 5px;
}

.dc-top-header .dc-nav-right .dc-profile-wrap .dc-uname {
  font-size: 16px;
  color: var(--color4);
  font-weight: 600;
}

.dc-top-header .dc-nav-right .dc-profile-wrap .dc-img {
  margin-left: 5px;
}

.dc-top-header .dc-nav-right .dc-profile-wrap .dc-img img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
}

.dc-top-header .sidebar-section .nav-item {
  display: flex;
  align-items: center;
}

.dc-top-header .sidebar-section .nav-item .dc-system-name {
  font-size: 24px;
  font-weight: 500;
}

.dc-nav-right .dc-icon-wrap {
  margin: 10px 0;
  display: inline-block;
  vertical-align: middle;
}

.dc-heading {
  margin-bottom: 0;
}

.dc-dashcard .inner .dc-count {
  font-size: 44px;
  line-height: 46px;
}

.dc-dashcard .inner .dc-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}

.dc-dashcard .inner .dc-subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.dc-dashcard .icon {
  color: inherit;
}

.dc-dashcard .icon>i {
  font-size: 64px !important;
}

.dc-dashcard {
  min-height: 170px;
}

.dc-dashcard .small-box-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.dc-dashcard .small-box-footer span {
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
}

.dc-dashcard .small-box-footer i {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}

.dc-dashcard.dc-color24 {
  background-color: var(--color24);
}

.dc-dashcard.dc-color25 {
  background-color: var(--color25);
}

.dc-dashcard.dc-color26 {
  background-color: var(--color26);
}

.dc-dashcard.dc-color27 {
  background-color: var(--color27);
}

.dc-dashcard.dc-color31 {
  background-color: var(--color31);
}

.dc-dashcard.dc-color23 {
  background-color: var(--color23);
}

.dc-dashcard.dc-color30 {
  background-color: var(--color30);
}

.dc-dashcard.dc-color32 {
  background-color: var(--color32);
}

.dc-dashcard.dc-color33 {
  background-color: var(--color33);
}

.dc-dashcard.dc-color34 {
  background-color: var(--color34);
}

.dc-dashcard.dc-color36 {
  background-color: var(--color36);
}

.dc-dashcard.dc-color37 {
  background-color: var(--color37);
}

.dc-dashcard.dc-color38 {
  background-color: var(--color38);
}

.dc-dashcard.dc-color39 {
  background-color: var(--color39);
}

.dc-dashcard.dc-color16 {
  background-color: var(--color16);
}

.dc-dashcard.dc-color24,
.dc-dashcard.dc-color24>a,
.dc-dashcard.dc-color26,
.dc-dashcard.dc-color26>a,
.dc-dashcard.dc-color27,
.dc-dashcard.dc-color27>a,
.dc-dashcard.dc-color31,
.dc-dashcard.dc-color31>a,
.dc-dashcard.dc-color23,
.dc-dashcard.dc-color23>a,
.dc-dashcard.dc-color32,
.dc-dashcard.dc-color32>a,
.dc-dashcard.dc-color34,
.dc-dashcard.dc-color34>a,
.dc-dashcard.dc-color36,
.dc-dashcard.dc-color36>a,
.dc-dashcard.dc-color37,
.dc-dashcard.dc-color37>a,
.dc-dashcard.dc-color39,
.dc-dashcard.dc-color39>a,
.dc-dashcard.dc-color16,
.dc-dashcard.dc-color16>a,
.dc-dashcard.dc-color30,
.dc-dashcard.dc-color30>a {
  color: var(--color3) !important;
}

.dc-dashcard.dc-color25,
.dc-dashcard.dc-color25>a,
.dc-dashcard.dc-color33,
.dc-dashcard.dc-color33>a,
.dc-dashcard.dc-color38,
.dc-dashcard.dc-color38>a {
  color: var(--color29) !important;
}


.dc-top-header .sidebar-section .nav-item .dc-head-logo {
  width: 45px;
  display: none;
}

.dc-infocard .info-box-icon {
  background-color: var(--color3);
  flex-shrink: 0;
}

.dc-infocard .info-box-icon i {
  color: var(--color4);
}

.dc-infocard .info-box-content .info-box-text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  white-space: pre-line;
}

.dc-infocard .info-box-content .info-box-number {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 7px;
}

.dc-infocard {
  margin-bottom: 20px;
}

.card.dc-subinfo-card-wrapper,
.card.dc-menu-card,
.card.dc-graph-card,
.card.dc-table-card {
  margin-bottom: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 1px solid var(--color21);
}

.dc-sub-card .dc-heading .dc-card-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.dc-menu-card .dc-body .dc-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.dc-menu-card .dc-body .dc-item:nth-child(n+2) {
  margin-top: 10px;
}

.dc-menu-card .dc-body .dc-item .dc-icon {
  width: 42px;
  height: 42px;
  background-color: var(--color1);
  color: var(--color3);
  border-radius: 10px;
  font-size: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dc-menu-card.dc-color5 .dc-body .dc-item .dc-icon {
  background-color: var(--color5);
  color: var(--color3);
}

.dc-menu-card.dc-color6 .dc-body .dc-item .dc-icon {
  background-color: var(--color6);
  color: var(--color3);
}

.dc-menu-card.dc-color13 .dc-body .dc-item .dc-icon {
  background-color: var(--color13);
  color: var(--color3);
}

.dc-menu-card.dc-color7 .dc-body .dc-item .dc-icon {
  background-color: var(--color7);
  color: var(--color3);
}

.dc-menu-card.dc-color16 .dc-body .dc-item .dc-icon {
  background-color: var(--color16);
  color: var(--color3);
}

.dc-menu-card.dc-color30 .dc-body .dc-item .dc-icon {
  background-color: var(--color30);
  color: var(--color3);
}

.dc-menu-card.dc-color14 .dc-body .dc-item .dc-icon {
  background-color: var(--color14);
  color: var(--color3);
}

.dc-menu-card.dc-color35 .dc-body .dc-item .dc-icon {
  background-color: var(--color35);
  color: var(--color29);
}

.dc-menu-card.dc-color34 .dc-body .dc-item .dc-icon {
  background-color: var(--color34);
  color: var(--color3);
}

.dc-menu-card.dc-color32 .dc-body .dc-item .dc-icon {
  background-color: var(--color32);
  color: var(--color3);
}

.dc-menu-card .dc-item .dc-info {
  display: flex;
  align-items: center;
  margin-left: 15px;
  flex: 1;
  justify-content: space-between;
  color: var(--color4);
}

.dc-menu-card .dc-body .dc-item .dc-info .dc-text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}

.dc-menu-card .dc-body .dc-item .dc-info .dc-view-icon span.material-symbols-outlined {
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}

.dc-table-card .dc-body {
  padding: 0 10px;
}

.dc-dash-tbl {
  overflow-x: auto;
}

.dc-dash-tbl .table {
  min-width: 550px;
  margin-bottom: 0;
}

.dc-dash-tbl .table thead tr th {
  font-size: 18px;
  border-top: none;
}

.dc-dash-tbl .table thead tr th .dc-action-icon {
  border: 3px solid var(--color4);
  border-radius: 5px;
}

.dc-dash-tbl .dc-action {
  width: 30px;
  height: 30px;
  background-color: var(--color16);
  color: var(--color3);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 20px;
}

.dc-dash-tbl .dc-action .material-symbols-outlined {
  font-size: 20px;
}

.dc-dash-tbl .dc-action.dc-icon-success {
  background-color: var(--color16);
  color: var(--color3);
}

.dc-dash-tbl .dc-action.dc-icon-fail {
  background-color: var(--color17);
  color: var(--color3);
}

.dc-table-card .dc-footer {
  background-color: var(--color3);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.dc-table-card .dc-footer .dc-btn-wrapper {
  display: flex;
  justify-content: space-between;
}

.dc-subinfo-card .dc-infocard {
  margin-bottom: 10px;
}

.dc-subinfo-card .dc-infocard1.dc-color35 {
  background-color: var(--color35);
  color: var(--color29);
}

.dc-subinfo-card .dc-infocard1.dc-color34 {
  background-color: var(--color34);
  color: var(--color3);
}

.dc-infocard2 {
  min-height: unset;
  margin-bottom: 0;
  align-items: center;
}

.dc-infocard2.dc-color18 {
  background-color: var(--color18);
  color: var(--color3);
}

.dc-infocard2.dc-color19 {
  background-color: var(--color19);
  color: var(--color3);
}

.dc-infocard2.dc-color30 {
  background-color: var(--color30);
  color: var(--color3);
}

.dc-infocard2.dc-color39 {
  background-color: var(--color39);
  color: var(--color3);
}

.dc-infocard2.dc-color36 {
  background-color: var(--color36);
  color: var(--color3);
}

.dc-infocard2.dc-color16 {
  background-color: var(--color16);
  color: var(--color3);
}

.dc-infocard2.dc-color37 {
  background-color: var(--color37);
  color: var(--color3);
}

.dc-infocard2.dc-color34 {
  background-color: var(--color34);
  color: var(--color3);
}

.dc-infocard2.dc-color33 {
  background-color: var(--color33);
  color: var(--color29);
}

.dc-infocard2.dc-color32 {
  background-color: var(--color32);
  color: var(--color3);
}

.dc-infocard2.dc-color31 {
  background-color: var(--color31);
  color: var(--color3);
}

.dc-infocard2.dc-color23 {
  background-color: var(--color23);
  color: var(--color3);
}

.dc-infocard2 .info-box-icon {
  background-color: var(--color3);
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.dc-infocard2 .info-box-icon i {
  color: var(--color4);
  font-size: 18px;
}

.dc-infocard2 .info-box-content {
  display: flex;
  align-items: center;
}

.dc-infocard2 .info-box-content .info-box-text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  white-space: pre-line;
}

.dc-infocard2-one .dc-infocard2:nth-child(n+2) {
  margin-top: 10px;
}

.dc-infocard2-one {
  margin-bottom: 10px;
}

.dc-graph-card .dc-chart-wrap {
  height: 100%;
}

.dc-dash-stock .dc-graph-card,
.dc-dash-prototype-design .dc-graph-card,
.dc-dash-product-costing .dc-graph-card,
.dc-dash-datapack .dc-graph-card,
.dc-dash-internal-order-book .dc-graph-card,
.dc-dash-quality-inspection .dc-graph-card,
.dc-dash-iso-module .dc-graph-card {
  height: 100%;
}

.dc-dash-stock .dc-menu-card.one,
.dc-dash-stock .dc-graph-card,
.dc-dash-quality-inspection .dc-menu-card.one,
.dc-dash-quality-inspection .dc-graph-card,
.dc-dash-iso-module .dc-menu-card.one,
.dc-dash-iso-module .dc-graph-card {
  margin-bottom: 0;
}

.dc-hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 2px solid var(--color21);
}

.dc-menu-card2 .dc-heading.dc-color22 {
  background-color: var(--color22);
  color: var(--color3);
}

.dc-menu-card2 .dc-heading {
  text-align: center;
}

.dc-menu-card2 .dc-body {
  padding: 0;
}

.dc-menu-card2 .dc-body .dc-item-block .dc-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  background-color: var(--color23);
  color: var(--color3);
  padding: 9px 20px;
  line-height: normal;
}

.dc-menu-card2 .dc-body .dc-item-block.dc-color23 .dc-title {
  background-color: var(--color23);
  color: var(--color3);
}

.dc-menu-card2 .dc-body .dc-item-block .dc-detail {
  padding: 1.25rem;
}

.dc-menu-card2 .dc-body .dc-item-block.dc-color23 .dc-icon {
  background-color: var(--color23);
  color: var(--color3);
}

.dc-menu-card.dc-item-data {
  height: calc(100% - 10px);
}

.dc-infocard1 .info-box-content {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.dc-mb-10 {
  margin-bottom: 10px !important;
}

.dc-mt-10 {
  margin-top: 10px !important;
}

.dc-mb-20 {
  margin-bottom: 20px !important;
}

.dc-mt-20 {
  margin-top: 20px !important;
}

.dc-infocard.dc-color35 {
  background-color: var(--color35);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color28 {
  background-color: var(--color28);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color40 {
  background-color: var(--color40);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color39 {
  background-color: var(--color39);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color20 {
  background-color: var(--color20);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color36 {
  background-color: var(--color36);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color37 {
  background-color: var(--color37);
  color: var(--color3);
}

.dc-subinfo-card .dc-infocard1.dc-color38 {
  background-color: var(--color38);
  color: var(--color29);
}

.dc-dash-prototype-design .dc-subinfo-card.one .dc-infocard1:last-child,
.dc-dash-datapack .dc-subinfo-card.one .dc-infocard1:last-child,
.dc-dash-internal-order-book .dc-subinfo-card.one .dc-infocard1:last-child {
  margin-bottom: 0;
}

.dc-dash-production-manager .dc-table-card.one {
  margin-bottom: 0;
  height: 100%;
}

.dc-dash-production-manager .dc-menu-card.one {
  margin-bottom: 0;
}

.dc-dash-product-costing .dc-subinfo-card.one .dc-infocard1.dc-color28 {
  background-color: var(--color28);
  color: var(--color3);
}

.dc-dash-product-costing .dc-subinfo-card.one .dc-infocard1:last-child {
  margin-bottom: 0;
}

.dc-dash-product-costing .dc-sub-card.one {
  margin-bottom: 0;
}

.dc-dash-flight-costing .dc-infocard2-one {
  margin-bottom: 0;
}

.dc-dash-flight-costing .dc-table-card.one,
.dc-dash-bubleguard .dc-table-card.one,
.dc-dash-foamcase .dc-table-card.one,
.dc-dash-plastic .dc-table-card.one,
.dc-dash-softcase-bag .dc-table-card.one,
.dc-dash-aluminium-vanity .dc-table-card.one,
.dc-dash-safguard .dc-table-card.one,
.dc-dash-dispatch .dc-graph-card.one {
  height: 100%;
  margin-bottom: 0;
}

.dc-section .dc-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

.dc-section .dc-graph-card {
  height: 100%;
  margin-bottom: 0 !important;
}

.dc-section .dc-table-card {
  margin-bottom: 0;
}

.dc-dashboard .dc-graph-card .dc-chart-wrap {
  min-height: 420px;
}

/* login page  */
.dc-login-page .dc-form-wrapper {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 40px;
  min-height: 100vh;
}

.dc-login-page .dc-form-wrapper .dc-form-inner {
  width: 100%;
  margin: 30px 0;
}

.dc-login-page .dc-content-main .dc-login-title {
  text-align: center;
  margin-bottom: 30px;
}

.dc-login-page .dc-content-main .dc-login-title .dc-logo {
  width: 80px;
}

.dc-login-page .dc-content-main .dc-login-title .dc-system-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.dc-login-page .dc-form-wrapper .dc-form-inner .dc-card {
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 1px solid var(--color21);
  margin-bottom: 0;
}

.dc-login-page .dc-footer-wrap .dc-footer {
  color: var(--color29);
  text-align: center;
  font-size: 14px;
}

.dc-login-page .dc-footer-wrap {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
}

.dc-btn1 {
  background-color: var(--color1) !important;
  color: var(--color3) !important;
}

@media (min-width: 992px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 4.6rem !important;
  }

  .layout-fixed .main-sidebar {
    margin-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .dc-infocard .info-box-icon {
    font-size: 24px;
    width: 50px;
    height: 50px;
  }

  .dc-infocard {
    display: flex;
    align-items: center;
    min-height: unset;
  }

  .dc-infocard .info-box-content .info-box-text {
    font-size: 16px;
    line-height: 18px;
  }

  .dc-infocard .info-box-content .info-box-number {
    font-size: 16px;
    margin-top: 3px;
  }

  .dc-dashcard .icon>i {
    font-size: 50px !important;
  }

  .dc-dashcard .inner .dc-count {
    font-size: 36px;
    line-height: 38px;
  }

  .dc-sub-card .dc-heading .dc-card-title {
    font-size: 18px;
    line-height: 20px;
  }

  .dc-menu-card2 .dc-body .dc-item-block .dc-title {
    font-size: 18px;
    line-height: 18px;
  }

  .dc-menu-card .dc-body .dc-item .dc-info .dc-text {
    font-size: 16px;
    line-height: 18px;
  }

  .dc-menu-card .dc-body .dc-item .dc-icon {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }

  .dc-menu-card .dc-body .dc-item .dc-info .dc-view-icon span.material-symbols-outlined {
    font-size: 24px;
  }

  .dc-dash-tbl .table thead tr th {
    font-size: 16px;
  }

  .dc-dash-tbl .dc-action {
    width: 24px;
    height: 24px;
  }

  .dc-dash-tbl .dc-action .material-symbols-outlined {
    font-size: 16px;
  }

  .dc-infocard2 .info-box-content .info-box-text {
    font-size: 16px;
    line-height: 20px;
  }

  .dc-dashcard {
    min-height: 160px;
  }
}

@media (max-width: 991.98px) {

  .sidebar-open .main-sidebar,
  .sidebar-open .main-sidebar::before {
    margin-left: 0 !important;
  }

  .dc-heading {
    font-size: 22px;
  }

  .dc-dash-stock .dc-menu-card.one,
  .dc-dash-iso-module .dc-menu-card.one {
    margin-bottom: 10px;
  }

  .dc-dash-prototype-design .dc-subinfo-card.one .dc-infocard1,
  .dc-dash-datapack .dc-subinfo-card.one .dc-infocard1,
  .dc-dash-internal-order-book .dc-subinfo-card.one .dc-infocard1 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .dc-dashboard .dc-graph-card .dc-chart-wrap {
    min-height: 320px;
  }
}

@media (max-width: 575.98px) {
  .dc-top-header .sidebar-section .nav-item .dc-head-logo {
    display: block;
    margin-left: -10px;
  }

  .dc-top-header .sidebar-section .nav-item .dc-system-name {
    display: none;
  }

  .dc-top-header .dc-nav-right .dc-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
  }

  .dc-top-header .dc-nav-right .nav-item {
    margin: 0 3px;
  }

  .dc-top-header .dc-nav-right .dc-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
  }

  .fa-stack[data-count]:after {
    right: -20%;
    top: -15%;
  }

  .dc-top-header .dc-nav-right .dc-profile-wrap .dc-img img {
    width: 35px;
    height: 35px;
  }

  .dc-top-header .dc-nav-right .dc-profile-wrap .dc-uname {
    font-size: 14px;
  }

  .dc-top-header .dc-nav-right .dc-icon-wrap span.fa-stack {
    width: 35px;
  }

  .dc-dashboard .dc-graph-card .dc-chart-wrap {
    min-height: 270px;
  }
}

@media (max-width: 480px) {
  .dc-top-header .dc-nav-right .dc-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }

  .fa-stack[data-count]:after {
    right: -25%;
    top: -22%;
  }

  .dc-top-header .dc-nav-right .dc-icon-wrap span.fa-stack {
    width: 30px;
  }

  .dc-table-card .dc-footer .dc-btn-wrapper {
    display: block;
  }

  .dc-table-card .dc-footer .dc-btn-wrapper .dc-right {
    margin-top: 10px;
  }

  .dc-dashboard .dc-graph-card .dc-chart-wrap {
    min-height: 220px;
  }

  .dc-login-page .dc-footer-wrap .dc-footer {
    font-size: 12px;
  }

  .dc-login-page .dc-content-main .dc-login-title .dc-logo {
    width: 65px;
  }
}
.fa-stack[data-count]:after{
  position:absolute;
  right:0%;
  top:1%;
  content: attr(data-count);
  font-size:50%;
  padding:.6em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:2em;
  font-weight:bold;
}


.tracking-detail {
 padding:3rem 0
}
#tracking {
 margin-bottom:1rem
}
[class*=tracking-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=tracking-status-] {
 padding:1.6rem 0
}
.tracking-status-intransit {
 background-color:#65aee0
}
.tracking-status-outfordelivery {
 background-color:#f5a551
}
.tracking-status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-status-delivered {
 background-color:#4cbb87
}
.tracking-status-attemptfail {
 background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
 background-color:#d26759
}
.tracking-status-expired {
 background-color:#616e7d
}
.tracking-status-pending {
 background-color:#ccc
}
.tracking-status-inforeceived {
 background-color:#214977
}
.tracking-list {
 border:1px solid #e5e5e5
}
.tracking-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:5rem
}
.tracking-item:last-child {
 padding-bottom:4rem
}
.tracking-item .tracking-date {
 margin-bottom:.5rem
}
.tracking-item .tracking-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.tracking-item .tracking-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem
}
.tracking-item .tracking-content span {
 display:block;
 color:#888;
 font-size:85%
}
.tracking-item .tracking-icon {
 line-height:2.6rem;
 position:absolute;
 left:-1.3rem;
 width:2.6rem;
 height:2.6rem;
 text-align:center;
 border-radius:50%;
 font-size:1.1rem;
 background-color:#fff;
 color:#fff
}
.tracking-item .tracking-icon.status-sponsored {
 background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
 background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
 background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
 background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
 background-color:#d26759
}
.tracking-item .tracking-icon.status-inforeceived {
 background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
 color:#e5e5e5;
 border:1px solid #e5e5e5;
 font-size:.6rem
}
@media(min-width:992px) {
 .tracking-item {
  margin-left:15rem
 }
 .tracking-item .tracking-date {
  position:absolute;
  left:-11rem;
  
  text-align:right
 }
 .tracking-item .tracking-date span {
  display:block
 }
 .tracking-item .tracking-content {
  padding:0;
  background-color:transparent
 }
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}
.select2-results li[aria-disabled='true'] {
  display: none;
}
.uppercase{
  text-transform:uppercase;
}
.anychart-credits{
  display: none !important;
}

/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.in).right .modal-dialog {
  -webkit-transform: translate3d(25%, 0, 0);
  transform: translate3d(25%, 0, 0);
}
.modal.fade:not(.in).bottom .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}

.modal.right .modal-dialog {
  position:absolute;
  top:0;
  right:0;
  margin:0;
  margin-right: 230px !important;
}

.modal.left .modal-dialog {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  margin-right: 50px !important;
}

.modal.right .modal-dialog.modal-lg {
  max-width:900px;
  min-width:900px;
}

.modal.right .modal-content, .modal.right .modal-content {
  min-height:100vh;
  border:0;
}