@import url(custom-colors.css);

/* LOGO CSS */

.logo-nav-small {
  display: none;
}

.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed .logo-nav-small {
  display: block;
}
.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed .logo-nav-full {
  display: none;
}

.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed.layout-menu-hover .logo-nav-small {
  display: none;
}
.layout-navbar-fixed.layout-compact.layout-menu-fixed.layout-menu-collapsed.layout-menu-hover .logo-nav-full {
  display: block;
  /* padding-left: calc(0.5rem + 1px) !important; */
}

.logo-nav-full {
    padding-left: calc(0.5rem + 1px) !important;
    padding-right: calc(0.5rem + 1px) !important;
}

html[dir="rtl"] .logo-nav-full {
  /* padding-right: calc(0.5rem + 1px) !important; */
  /* padding-left: 0 !important; */
}


.app-brand-link {
  transition: 1s all ease-in-out;
}

/* logo css */

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  /* content: "\ea6b" !important; */
  /* content: "\f698" !important; */

}

.bg-menu-theme .menu-sub .menu-sub > .menu-item > .menu-link:before {
    content: "\f698" !important;
}

.bg-menu-theme .menu-sub .menu-sub .menu-sub > .menu-item > .menu-link:before {
  content: "" !important;

}

.dropdown-notifications-list .dropdown-notifications-item .flex-grow-1 a {
  color: black;
}


#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast:before {
  position: absolute;
  font-family: "tabler-icons";
  font-size: 24px;
  line-height: 24px;

  border-radius: 6px;
  
  color: #FFF;

  padding: 4px;

  top: 20px;
  left: 18px;
}

#toast-container > .toast-success:before {
  /* content: "\eac7"; */
  /* background-color: #ffe3e0; */
  /* color: #ff4632; */
}

/* #toast-container > .toast-warning:before {
  content: "\eac7";
  background-color: #fff1e3;
  color: #ff9f43;
} */

#toast-container > .toast-error:before {
background-color: #ffe3e0;
  color: #ff4632;
  content: "\eac7";
}


#toast-container > .toast-info:before {
  content: "\f005";
}

#toast-container > .toast-success {
  /* background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%2328C76F' fill-opacity='0.08'/%3E%3Cpath d='M7.75 13L11.5 16.75L19 9.25' stroke='%2328C76F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; */
  /* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWJlbGwiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVydGljaz0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iY3VycmVudC1kYXRhIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIHN0cm9rZT0iIiBkPSJNMCAwIGgyNHYyNEgwem0xMCA1YTIgMiAwIDEgNCAwYzcgNyAwIDEgNCAwIDJ2LTNhNCA0IDAgMCAwIDIgM3aDMTZhMyAzIDAgMCAwIDAgNHYtMWEzIDMgMCAwIDAgNiAwdi0xaC0xek0gOSAxN3YxYTMgMyAwIDAgMCA2IDB2LTFaIn0KPC9zdmc+Cg==") !important; */
  /* background-position: 1.25rem 1.25rem; */
}


.grossing-cards {

}

.grossing-cards .tab-content a {
  color: var(--bs-body-color);
}
.grossing-cards .tab-content a:hover {
  color: var(--clr-red72);
}

.grossing-cards .card-body {
  padding: 0;
}

.grossing-cards .nav.nav-tabs.nav-fill {
  margin: 0;
}

.grossing-cards .card-scroll {
  max-height: 400px;
  overflow-y: scroll;

  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.grossing-cards .border-top-1 {
  /* border-top: 1px solid var(--clr-black08);
  margin-top: 0.25rem !important; */

  border-top: 1px solid var(--clr-black08);
  margin-top: 0.75rem !important;
  margin-bottom: 0.25rem !important;
  padding-top: 0.75rem !important;
}

/* Card Custom Scrollbar */
.card-scroll::-webkit-scrollbar {
  scrollbar-width: thin;
  width: 4px !important;
  height: 4px !important;
}

.card-scroll::-webkit-scrollbar-thumb {
  background: var(--clr-black24);
  border-radius: var(--br-default);
}

.card-scroll::-webkit-scrollbar-track {
  width: 5px;
  border-radius: var(--br-default);
}

.img-banner {
  max-width: 200px;
  max-height: 100px;
}

@keyframes breathing {
  0% {
    transform: rotate(-32deg) scale(1);
  }
  50% {
    transform: rotate(-30deg) scale(1.05);
  }
  100% {
    transform: rotate(-32deg) scale(1);
  }
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
  /* max-height: 80% !important; */
  max-height: none;

  transform: rotate(-32deg);
  
  /* transform: rotate(-32deg) scale(1.2); */
  animation: breathing 10s infinite ease-in-out;
}

.lang-switcher a {
  position: fixed;
  bottom: 3rem;
  right: 1.5rem;
  z-index: 1080;
  box-shadow: 0 1px 20px 1px var(--clr-navy08) !important;
}

html[dir="ltr"] .lang-switcher a span {
  line-height: 100%;
  vertical-align: middle;
  transform: translate(1px,-4px);
  font-weight: bold;
}

html[dir="rtl"] .lang-switcher a {
  bottom: 3rem;
  left: 1.5rem;
  right: auto;
}


#txtEmail-error,
#txtPassword-error,
#lblMsg {
  color: #ea5455;
}

#lblMsg {
  font-weight: bold;
}

.datatable-scroll {
  overflow-x: auto;
}

.datatable-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  flex-wrap: wrap;
  row-gap: .5rem;
  
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}

.datatable-header .dataTables_info {
  padding-top: 0 !important;
}

.datatable-header .dt-buttons {
  order: 5;
}

.datatable-header .dt-buttons .btn-group:last-child .btn.me-2 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
  .datatable-header {
    flex-direction: column;
    /* row-gap: 1rem; */
  }
}

.font-weight-semibold, .table th {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: 900;
}

.dataTables_scrollBody > table > thead {
  border: none !important;
}

.form-card {
  max-width: 955px;
}

/* File Upload Progress */

.fileinput-button {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom: 0;
}
.upload-progress {
  margin-bottom: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: .375rem !important;
  border-bottom-left-radius: .375rem !important;

}

.progress .progress-bar:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}


/* Table Cell Options */

.table td {
  position: relative;
}

.top-right-triangle-success {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 45px 45px 0;
  border-color: transparent #155041 transparent transparent;
  z-index: 0;
}

.top-right-triangle-danger {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 45px 0;
    border-color: transparent #f44336 transparent transparent;
    z-index: 0;
}

.top-right-triangle-warning {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 45px 0;
    border-color: transparent var(--bs-warning) transparent transparent;
    z-index: 0;
}
 
.tick-holder {
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 1;
}

.tick-holder i {
  color: #fff;
  font-size: 1.5rem !important;
  font-weight: 500;
}

/* Table Checkbox */

.table .dv-checkbox,
.table .dv-checkbox {
  width: 20px;
  height: 20px;

  border: 2px solid #dbdade;
  border-radius: 0.25rem;
  background-color: #fff;
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  cursor: pointer;
}

.table .dv-checkbox-disabled {
  width: 20px;
  height: 20px;
  border: 2px solid #dbdade;
  border-radius: .25rem;
  background-color: #f9f9f9;
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  cursor: auto
}

.table td .dv-checkbox {
  /* top: auto; */
  /* left: auto; */
}

.table .selected .dv-checkbox::before,
.table .dv-checkbox-selected::before {
  content: '\ea5e';
  font-family: "tabler-icons" !important;
  position: absolute;
  left: 0px;
  top: -3px;
  width: 10px;
  height: 10px;
  color: #000;
  font-weight: 600;
  font-size: 0.9rem;
}



.table .dv-checkbox-center {
  margin: 0 auto;
  width: 25px;
  height: 25px;
  position: relative;
}



.dataTable tbody>tr.selected, .dataTable tbody>tr>.selected {
  /* background-color: #e8f5e9 !important; */
}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px #e8f5e9 !important;
  color: var(--clr-black) !important;
}

/* Orange */
.btn-orange {
  background-color: var(--clr-orange-yellow);
  color: white;
}
.btn-orange:hover {
  background-color: var(--clr-orange-yellow-hover);
  color: #fff;
}

.bg-orange {
  background-color: var(--clr-orange-yellow);
}

.btn.btn-outline-orange {
  border-color: var(--clr-orange-yellow);
  color: var(--clr-orange-yellow);
}

.btn.btn-outline-orange:hover,
.btn.btn-outline-orange:focus,
.btn.btn-outline-orange:active {
    border-color: var(--clr-orange-yellow-hover);
    color: var(--clr-orange-yellow-hover);
    /* background-color: var(--clr-orange-yellow-hover); */
    background-color: rgba(255, 193, 5, 0.06);
}


div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.border-top-teal-800 {
  border-top: 1px solid #00695c;
}

#btnAdd {
  white-space: nowrap;
}

#dvMessage img {
  max-width: 100% !important;
}

.font-size-sm {
  font-size: 0.75rem;
}

legend {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #ddd;

  margin-bottom: 1.25rem;
}

/* Add Item Page */
.sortable_pics {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sortable_pics li {
  float: left;
  cursor: grabbing;
}

.dv_image {
  display: inline-block;
  position: relative;
  overflow: auto;
  height: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 100px;
}

.dv_image img {
  width: 100%;
}

.dv_image .a_del:link,
.dv_image .a_del:visited,
.dv_image .a_del:active {
  color: #fff;
  text-decoration: none;
  background-color: #f55246;
}

.dv_image .a_del {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #f55246;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding-top: 2px;
}

tfoot tr > * {
  font-weight: bolder !important;
  font-size: var(--bs-body-font-size);
  text-transform: capitalize !important;
}

.card-custom-table th {
  padding: .55rem 1.25rem;
  font-size: var(--bs-body-font-size);
  font-weight: 400;jquery
  text-transform: capitalize;
  border-bottom: 1px solid var(--bs-border-color);
}

.table-sm, .table-sm td, .table-sm th {
  font-size: 0.8125rem;
}
.table-sm td, .table-sm th {
  padding: 10px;
}

.table-reports,
.table-reports td,
.table-reports th {
  font-size: 12px;
  color: #000;
}

.table-reports:not(.table-dark) thead:not(.table-dark) th {
  color: #000;
}

.table-reports td,
.table-reports th {
  padding: 8px !important
}

html:not([dir=rtl]) table.table-reports.dataTable tr:first-child th:first-child,
html:not([dir=rtl]) table.table-reports.dataTable td:first-child {
  /* padding-left: var(--bs-card-cap-padding-x) !important; */
}

html:not([dir=rtl]) table.table-reports.dataTable tr:first-child th:last-child,
html:not([dir=rtl]) table.table-reports.dataTable td:last-child {
  /* padding-right: var(--bs-card-cap-padding-x) !important; */
}


.hide-shrink {
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  float: right;
  opacity: 0;
}

.tab-body-margin-fix {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  opacity: 0;
  background: none repeat scroll 0 0 transparent;
  cursor: inherit;
  display: block;
  visibility: visible
}

.btn-file ::-ms-browse {
  width: 100%;
  height: 100%
}

.light-style.layout-navbar-fixed.layout-menu-fixed.layout-compact.layout-menu-collapsed.layout-menu-expanded .logo-nav-full {
  display: block;
  
}

.light-style.layout-navbar-fixed.layout-menu-fixed.layout-compact.layout-menu-collapsed.layout-menu-expanded .logo-nav-small {
  display: none;
}

.table th {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.table:not(.table-reports):not(.table-sm) th {
  font-size: var(--bs-body-font-size) !important;
}


/* Fullcalendar overwrite */
.fc-daygrid-day-events {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 0 2px;
}

.fc-daygrid-day-events > * {
  /* flex: 1; */
  /* flex-basis: 24px; */
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
  /* aspect-ratio: 1; */
  /* width: 30px; */
  /* height: 30px; */
  min-width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* line-height: 0; */

  font-size: 1rem !important;

  padding: 6px !important;
}

@media screen and (min-width: 500px) {
  .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  /* background-color: rgba(242, 242, 242, 0.3); */
  /* height: 10px; */
  min-height: 1.8em;
  max-height: 2.5em;
}
}



.fc .fc-daygrid-day-frame {
  /* max-height: 10px; */
  /* overflow: hidden; */
}

.fc .fc-daygrid-body {
  /* overflow: hidden; */
}

.fc-scrollgrid-sync-table > tbody > .row {
  /* max-height: 10px; */
  /* overflow: hidden; */
}

.fc .fc-daygrid-day-number {
  padding-bottom: 0 !important;
}

.fc .fc-daygrid-day-bottom {
  display: none;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start,
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin: 0;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.fc-daygrid-day-bg {
  display: none !important;
}

.fc .fc-daygrid-day-frame {
  min-height: auto !important;
  height: fit-content !important;
}

.fc-daygrid-day-frame:before,
.fc-daygrid-day-events:before,
.fc-daygrid-event-harness:before,
.fc-daygrid-day-frame:after,
.fc-daygrid-day-events:after,
.fc-daygrid-event-harness:after {
  content: normal !important;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 1em !important;
  max-height: 1em !important;
}

html[dir="rtl"] body {
  font-family: "Roboto", "Tahoma", "Times New Roman", "Arial", serif !important;
}

[dir=rtl] .menu-vertical .menu-item .menu-toggle {
  padding-left: calc(1rem + 1.26em) !important;
}


/* Fix Modal Loader */
#modalLoading .modal-dialog {
  display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)*2);
}
#modalLoading .modal-header {
  display: none !important;
}
#modalLoading .modal-body img {
  width: 250px;
  object-fit: contain;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  left: 50% !important;
}


.dataTable tr td.child>ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dataTable tr td.child>ul>li {
  display: table-row;
}

.dataTable tr.child .dtr-title {
  display: table-cell;
    font-weight: 500;
    padding-right: 2.5rem;
}

.dataTable tr.child .dtr-data {
  display: table-cell;
    padding: 0.5rem 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: none !important;
}

html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


/* OFFSET RTL FIX */

.offset-1 {
  margin-right: 8.33333333%;
}

.offset-2 {
  margin-right: 16.66666667%;
}

.offset-3 {
  margin-right: 25%;
}

.offset-4 {
  margin-right: 33.33333333%;
}

.offset-5 {
  margin-right: 41.66666667%;
}

.offset-6 {
  margin-right: 50%;
}

.offset-7 {
  margin-right: 58.33333333%;
}

.offset-8 {
  margin-right: 66.66666667%;
}

.offset-9 {
  margin-right: 75%;
}

.offset-10 {
  margin-right: 83.33333333%;
}

.offset-11 {
  margin-right: 91.66666667%;
}

@media (min-width: 576px) {
  [dir=rtl] .offset-sm-0 {
    margin-right: 0;
  }
  [dir=rtl] .offset-sm-1 {
    margin-right: 8.33333333%;
  }
  [dir=rtl] .offset-sm-2 {
    margin-right: 16.66666667%;
  }
  [dir=rtl] .offset-sm-3 {
    margin-right: 25%;
  }
  [dir=rtl] .offset-sm-4 {
    margin-right: 33.33333333%;
  }
  [dir=rtl] .offset-sm-5 {
    margin-right: 41.66666667%;
  }
  [dir=rtl] .offset-sm-6 {
    margin-right: 50%;
  }
  [dir=rtl] .offset-sm-7 {
    margin-right: 58.33333333%;
  }
  [dir=rtl] .offset-sm-8 {
    margin-right: 66.66666667%;
  }
  [dir=rtl] .offset-sm-9 {
    margin-right: 75%;
  }
  [dir=rtl] .offset-sm-10 {
    margin-right: 83.33333333%;
  }
  [dir=rtl] .offset-sm-11 {
    margin-right: 91.66666667%;
  }
}

@media (min-width: 768px) {
  [dir=rtl] .offset-md-0 {
    margin-right: 0;
  }
  [dir=rtl] .offset-md-1 {
    margin-right: 8.33333333%;
  }
  [dir=rtl] .offset-md-2 {
    margin-right: 16.66666667%;
  }
  [dir=rtl] .offset-md-3 {
    margin-right: 25%;
  }
  [dir=rtl] .offset-md-4 {
    margin-right: 33.33333333%;
  }
  [dir=rtl] .offset-md-5 {
    margin-right: 41.66666667%;
  }
  [dir=rtl] .offset-md-6 {
    margin-right: 50%;
  }
  [dir=rtl] .offset-md-7 {
    margin-right: 58.33333333%;
  }
  [dir=rtl] .offset-md-8 {
    margin-right: 66.66666667%;
  }
  [dir=rtl] .offset-md-9 {
    margin-right: 75%;
  }
  [dir=rtl] .offset-md-10 {
    margin-right: 83.33333333%;
  }
  [dir=rtl] .offset-md-11 {
    margin-right: 91.66666667%;
  }
}

@media (min-width: 992px) {
  [dir=rtl] .offset-lg-0 {
    margin-right: 0;
  }
  [dir=rtl] .offset-lg-1 {
    margin-right: 8.33333333%;
  }
  [dir=rtl] .offset-lg-2 {
    margin-right: 16.66666667%;
  }
  [dir=rtl] .offset-lg-3 {
    margin-right: 25%;
  }
  [dir=rtl] .offset-lg-4 {
    margin-right: 33.33333333%;
  }
  [dir=rtl] .offset-lg-5 {
    margin-right: 41.66666667%;
  }
  [dir=rtl] .offset-lg-6 {
    margin-right: 50%;
  }
  [dir=rtl] .offset-lg-7 {
    margin-right: 58.33333333%;
  }
  [dir=rtl] .offset-lg-8 {
    margin-right: 66.66666667%;
  }
  [dir=rtl] .offset-lg-9 {
    margin-right: 75%;
  }
  [dir=rtl] .offset-lg-10 {
    margin-right: 83.33333333%;
  }
  [dir=rtl] .offset-lg-11 {
    margin-right: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  [dir=rtl] .offset-xl-0 {
    margin-right: 0;
  }
  [dir=rtl] .offset-xl-1 {
    margin-right: 8.33333333%;
  }
  [dir=rtl] .offset-xl-2 {
    margin-right: 16.66666667%;
  }
  [dir=rtl] .offset-xl-3 {
    margin-right: 25%;
  }
  [dir=rtl] .offset-xl-4 {
    margin-right: 33.33333333%;
  }
  [dir=rtl] .offset-xl-5 {
    margin-right: 41.66666667%;
  }
  [dir=rtl] .offset-xl-6 {
    margin-right: 50%;
  }
  [dir=rtl] .offset-xl-7 {
    margin-right: 58.33333333%;
  }
  [dir=rtl] .offset-xl-8 {
    margin-right: 66.66666667%;
  }
  [dir=rtl] .offset-xl-9 {
    margin-right: 75%;
  }
  [dir=rtl] .offset-xl-10 {
    margin-right: 83.33333333%;
  }
  [dir=rtl] .offset-xl-11 {
    margin-right: 91.66666667%;
  }
}

@media (min-width: 1400px) {
  [dir=rtl] .offset-xxl-0 {
    margin-right: 0;
  }
  [dir=rtl] .offset-xxl-1 {
    margin-right: 8.33333333%;
  }
  [dir=rtl] .offset-xxl-2 {
    margin-right: 16.66666667%;
  }
  [dir=rtl] .offset-xxl-3 {
    margin-right: 25%;
  }
  [dir=rtl] .offset-xxl-4 {
    margin-right: 33.33333333%;
  }
  [dir=rtl] .offset-xxl-5 {
    margin-right: 41.66666667%;
  }
  [dir=rtl] .offset-xxl-6 {
    margin-right: 50%;
  }
  [dir=rtl] .offset-xxl-7 {
    margin-right: 58.33333333%;
  }
  [dir=rtl] .offset-xxl-8 {
    margin-right: 66.66666667%;
  }
  [dir=rtl] .offset-xxl-9 {
    margin-right: 75%;
  }
  [dir=rtl] .offset-xxl-10 {
    margin-right: 83.33333333%;
  }
  [dir=rtl] .offset-xxl-11 {
    margin-right: 91.66666667%;
  }
}
/* offset rtl fix */

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  opacity: 0.3 !important
}

.container-widget.edit .card.drag-item {
  position: relative;
  cursor: move !important;

  box-shadow: none;
  outline: 2px dashed #ddd;

  transition: 200ms;
}

.container-widget.edit .card.drag-item:hover {
  outline-color: var(--clr-navy72);
}

.container-widget.edit .card.drag-item .btn-delete {
  position: absolute;

  top: 0;
  right: 0;
  transform: translate(12px, -12px);
    
}

[dir=rtl] .container-widget.edit .card.drag-item .btn-delete {
  right: auto;
  left: 0;
  transform: translate(-12px, -12px);
}


.draggable.widget-preview {
  position: relative;
}

.draggable.widget-preview div:last-child {
  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

  background-color: var(--clr-navy16);

  display: flex;
  justify-content: center;
  align-items: center;

  opacity: 0;
  transition: 200ms;
}

.draggable.widget-preview:hover div:last-child {
  opacity: 1;
}

/* TYPEHEAD SEARCH */

/* .bg-navbar-theme .navbar-nav>.nav-link, .bg-navbar-theme .navbar-nav>.nav-item>.nav-link, .bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link {
  cursor: text;
} */

.tt-menu {

}

.tt-menu a.tt-suggestion {

}

.light-style .twitter-typeahead .tt-suggestion:hover, .light-style .twitter-typeahead .tt-suggestion:focus {
  color: black !important;
  /* background-color: var(--clr-navy04) !important; */
  background-color: orange !important;
}

.light-style .twitter-typeahead .tt-suggestion:hover, .light-style .twitter-typeahead .tt-suggestion:active {
  color: black !important;
  background-color: orange !important;
}

.tt-suggestion:active, .tt-cursor {
  /* background-color: var(-clr-navy) !important; */
  background-color: orange !important;
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion {
  /* background-color: orange !important; */
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:focus {
  background-color: orange !important;
}
.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:active {
  background-color: var(--clr-navy50) !important;
}


.tt-menu a.tt-suggestion:hover {
  
}

/* typehead search */

/* DRIVER TRACKING STYLES */

.app-logistics-fleet-wrapper {
  height: 100vh !important;
}

.timeline span.timeline-indicator-primary i {
  color: var(--clr-red) !important;
}

.timeline-header .text-primary {
  color: var(--clr-red) !important; 
}

.spinner-border.text-primary {
  color: var(--clr-red) !important;
}

/* driver tracking styles */

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav:first-child {
    flex-grow: 1;
  }
  .navbar-expand-xl .navbar-nav:first-child .nav-item {
    width: 100%;
  }
}

.custom-option-icon.checked i, .custom-option-icon.checked svg {}

.custom-option.checked {
  border-color: var(--clr-navy);
}

.ti-32px, .ti-32px:before {
  font-size: 32px;
}

/* POS STYLES */
.product-grid-pos {
  border: 1px solid var(--bs-border-color-translucent);

  display: flex;
  flex-direction: column;

  text-align: center;

  padding: 0.5rem;
  gap: .5rem;
}

.product-grid-pos>* {
  margin-bottom: 0;
}

.product-grid-pos:active {
  background-color: var(--clr-navy04);
}

.nowrap {
  white-space: nowrap;
}

.img-cart-pos {
  border: 1px solid var(--clr-navy08);
  border-radius: .375rem;

  width: 72px;
  height: 72px;
  aspect-ratio: 1;
}

.row.g-0 {
  border: 1px solid var(--bs-border-color-translucent);
  border-radius: .375rem;

  overflow: hidden;
}
/* pos styles */

.alert .alert-icon {
  display: block;
  height: 1.875rem;
  width: 1.875rem;
}


/* SIDEBAR STYLES */

body {
  /* background-color: lightcyan !important; */
}

.menu-item.open .menu-sub {
  /* background-color: var(--clr-navy04); */
} 

.menu-item.open .menu-item.open .menu-sub {
  /* background-color: var(--clr-navy08); */

}


/* sidebar styles */

/* TOUR STYLES */
.shepherd-element .shepherd-button:not(:disabled).btn-primary,
.shepherd-element .shepherd-button:not(:disabled).btn-primary:hover {
  background-color: var(--clr-navy) !important;
}

/* tour styles */

/* DATATABLE DRAGGABLE FIX */
.dt-rowReorder-float {
  position: absolute!important;
  table-layout: static;
  outline: 1px dashed #777;
  outline-offset: -1px;
  background-color: #fff;
  z-index: 1030;
  cursor: move;
  opacity: .9
}

.dt-rowReorder-moving {
  outline: 1px solid #777;
  outline-offset: -1px
}

.dt-rowReorder-noOverflow {
  overflow-x: hidden
}

.dataTable td.reorder {
  text-align: center;
  cursor: move
}
/* datatable draggable fix */

/* MANDATORY FIELDS */

.form-group.required > .col-form-label:first-child:after {
  color: #f44336;
  content: "*";
  position: absolute;
  margin-left: 8px;
  top: 7px;
  font-weight: 600;
}


.row.required > .col-form-label:first-child:after {
  color: #f44336;
  content: "*";
  position: relative;
  margin-left: 8px;
  top: -1px;
  font-weight: 600;
}  

/* mandatory fields */

.input-otp {
  letter-spacing: 10px;
  font-size: 150% !important;
  text-align: center;
  height: 56px;
}

/* Hide OTP spin buttons in WebKit browsers (Chrome, Safari) */
#otp::-webkit-outer-spin-button,
#otp::-webkit-inner-spin-button {
  -webkit-appearance: none; /* Remove default appearance */
  margin: 0; /* Reset margin */
}

/* Hide spin buttons in Firefox */
#otp[type="number"] {
  -moz-appearance: textfield; /* Set appearance to textfield */
}


.input-group > span.select2 {
    position: relative;
    flex: 1 1 auto;
    width: 1%!important;
    min-width: 0;
}

.input-group span.select2-selection {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

[dir=rtl] .input-group span.select2-selection {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn.btn-dt-export {
    color: #6f6b7d;
    border: 1px solid #dbdade!important;
    background-color: #fff;
}

.btn.btn-dt-export:hover,
.btn.btn-dt-export:focus,
.btn.btn-dt-export:active {
    border-color: var(--clr-navy50) !important;
    color: var(--clr-navy) !important;
    background-color: var(--clr-navy04) !important;
}

.link-wrap {
    /* wrap long text and urls */
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word; /* IE 5+ */
}