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 {
  padding-top: 10%;
}

.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-30 {
  width: 30%;
}

.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;
  /* font-weight: normal; */
}

.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;
  /* font-weight: normal; */
}

.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: -25%;
  top: -15%;
  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;
}
.machine-delete-icon{
    float: right;  
}
.border-gray-2
{
  border:2px solid #dee2e6 !important;
}


.machine-delete-icon {
  float: right;
}

/* 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: 52px !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: 35px;
    height: 35px;
    background-color: var(--color1);
    color: var(--color3);
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
}

.dc-top-header .dc-nav-right .dc-icon-wrap span.fa-stack {
  width: 35px;
  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: 35px;
  height: 35px;
  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: 20px;
  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;
  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;
  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-dash-dispatch .dc-graph-card.one .dc-chart-wrap {
  min-height: 370px;
}

/* 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-dash-dispatch .dc-graph-card.one .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-dash-dispatch .dc-graph-card.one .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-dash-dispatch .dc-graph-card.one .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;
  }
}
.border-top-black{
  border-top: 2px solid #000;
}
.border-bottom-black{
  border-bottom: 2px solid #000;
}
.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}

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

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

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

.border-3 {
   border: 3px solid #000 !important;
}
.thead-bg-black tr {
   border: 2px solid #FFF !important;
}
.thead-bg-black tr th,.thead-bg-black tr th {
   color:#FFF !important;
   border: 2px solid #FFF !important;
   background-color:#000 !important;
}
.sample-table-4 tr th,
.sample-table-4 tr td {
  width: 25%;
  text-align: left;
}


.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;
}


.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 .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;
 margin-top:-10px;
}
@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
 }
}
.cke_notifications_area{
  display: none;
}
.jqvmap-label,.jqvmap-pin{pointer-events:none}
.jqvmap-label{position:absolute;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#292929;color:#fff;font-family:sans-serif,Verdana;font-size:smaller;padding:3px}
.jqvmap-zoomin,.jqvmap-zoomout{position:absolute;left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#000;padding:3px;color:#fff;width:10px;height:10px;cursor:pointer;line-height:10px;text-align:center}
.jqvmap-zoomin{top:10px}
.jqvmap-zoomout{top:30px}
.jqvmap-region{cursor:pointer}
.jqvmap-ajax_response{width:100%;height:500px}

.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}
.filepond--image-preview-wrapper {
  z-index: 2;
}
.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}
.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}
.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: rgba(54, 151, 99, 1);
}
.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: rgba(196, 78, 71, 1);
}
/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and
  ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}
.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;

  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;

  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */
  align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;

  /* will be animated */
  will-change: transform, opacity;
}
.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;

  /* transparency indicator (currently only supports grid or basic color) */
}
.filepond--image-clip[data-transparency-indicator='grid'] img,
.filepond--image-clip[data-transparency-indicator='grid'] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}
.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}
.filepond--root[data-style-panel-layout~='integrated']
  .filepond--image-preview-wrapper {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~='integrated']
  .filepond--image-preview {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
  margin-bottom: 0.325em;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  [data-align*='left'] {
  left: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  [data-align*='right'] {
  right: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
  margin-bottom: calc(0.325em + 0.1875em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}
#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050;
}
#fancybox-thumbs.bottom {
  bottom: 2px;
}
#fancybox-thumbs.top {
  top: 2px;
}
#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5;
}
#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
  opacity: 1;
}
#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none;
}
#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none;
}
.croppie-container {
    width: 100%;
    height: 100%;
}
.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}
.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}
.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}
.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}
.croppie-container .cr-original-image {
    display: none;
}
.croppie-container .cr-vp-circle {
    border-radius: 50%;
}
.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}
.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}
.croppie-result {
    position: relative;
    overflow: hidden;
}
.croppie-result img {
    position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.cr-slider {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}
.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: '↺';
}
.cr-rotate-r i:before {
  content: '↻';
}
.remaining-cut-pieces-body .thickness{
  text-align: center !important;
  font-weight: bold !important;
}
.w-10{
  width: 15% !important;
}