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

.reset-password-section {
     padding-top: 14%;
}
/*.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: 0.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 0.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: 0.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: 0.275rem 0.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: 0.5rem 0.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: 0.6em;
     border-radius: 999px;
     line-height: 0.75em;
     color: white;
     background: rgba(255, 0, 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: 0.6em;
     border-radius: 999px;
     line-height: 0.75em;
     color: white;
     background: rgba(255, 0, 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 0.5rem 2.5rem;
     font-size: 0.9rem;
     margin-left: 3rem;
     min-height: 5rem;
}
.tracking-item:last-child {
     padding-bottom: 4rem;
}
.tracking-item .tracking-date {
     margin-bottom: 0.5rem;
}
.tracking-item .tracking-date span {
     color: #888;
     font-size: 85%;
     padding-left: 0.4rem;
}
.tracking-item .tracking-content {
     padding: 0.5rem 0.8rem;
     background-color: #f4f4f4;
     border-radius: 0.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: 0.6rem;
}
@media (min-width: 992px) {
     .tracking-item {
          margin-left: 15rem;
     }
     .tracking-item .tracking-date {
          left: -11rem;
          text-align: right;
          position: absolute;
     }
     .tracking-item .tracking-date span {
          display: block;
     }
     .tracking-item .tracking-content {
          padding: 0;
          background-color: transparent;
     }
}

.select2-results__option {
     padding-right: 20px;
     vertical-align: middle;
}
.select2-results__option:before {
     content: "";
     display: inline-block;
     position: relative;
     height: 20px;
     width: 20px;
     border: 2px solid #e9e9e9;
     border-radius: 4px;
     background-color: #fff;
     margin-right: 20px;
     vertical-align: middle;
}
.select2-results__option[aria-selected="true"]:before {
     font-family: fontAwesome;
     content: "\f00c";
     color: #fff;
     background-color: #f77750;
     border: 0;
     display: inline-block;
     padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
     background-color: #fff;
}
.select2-container--default
     .select2-results__option--highlighted[aria-selected] {
     background-color: #eaeaeb;
     color: #272727;
}
.select2-container--default .select2-selection--multiple {
     margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below
     .select2-selection--multiple {
     border-radius: 4px;
}
.select2-container--default.select2-container--focus
     .select2-selection--multiple {
     border-color: #f77750;
     border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
     border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
     border-radius: 6px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.select2-selection .select2-selection--multiple:after {
     content: "hhghgh";
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
     display: none;
}
.select-icon .placeholder {
     display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected="true"]:before {
     display: none !important;
     /* content: "" !important; */
}
.select-icon .select2-search--dropdown {
     display: none;
}
.card-view-button {
     display: none;
}

@media screen and (min-width: 768px) {
     .notification-index {
          text-align: center;
     }
}