@import url("https://use.typekit.net/tbl5vnm.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

@charset "UTF-8";:root,[data-bs-theme=light] {
    font-size: 16px;
    height: 100%;
    --tblr-blue: #206bc4;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-black: #000000;
    --tblr-white: #ffffff;
    --tblr-gray: #667382;
    --tblr-gray-dark: #182433;
    --tblr-gray-100: #f6f8fb;
    --tblr-gray-200: #eef1f4;
    --tblr-gray-300: #dadfe5;
    --tblr-gray-400: #bbc3cd;
    --tblr-gray-500: #929dab;
    --tblr-gray-600: #667382;
    --tblr-gray-700: #3a4859;
    --tblr-gray-800: #182433;
    --tblr-gray-900: #040a11;
    --tblr-primary: #b68737;
    --tblr-secondary: #667382;
    --tblr-success: #2fb344;
    --tblr-info: #4299e1;
    --tblr-warning: #f76707;
    --tblr-danger: #d63939;
    --tblr-light: #fcfdfe;
    --tblr-dark: #182433;
    --tblr-muted: #898681;
    --tblr-blue: #206bc4;
    --tblr-azure: #4299e1;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-lime: #74b816;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-facebook: #1877f2;
    --tblr-twitter: #1da1f2;
    --tblr-linkedin: #0a66c2;
    --tblr-google: #dc4e41;
    --tblr-youtube: #ff0000;
    --tblr-vimeo: #1ab7ea;
    --tblr-dribbble: #ea4c89;
    --tblr-github: #181717;
    --tblr-instagram: #e4405f;
    --tblr-pinterest: #bd081c;
    --tblr-vk: #6383a8;
    --tblr-rss: #ffa500;
    --tblr-flickr: #0063dc;
    --tblr-bitbucket: #0052cc;
    --tblr-tabler: #206bc4;
    --tblr-primary-rgb: 182,135,55;
    --tblr-secondary-rgb: 102,115,130;
    --tblr-success-rgb: 47,179,68;
    --tblr-info-rgb: 66,153,225;
    --tblr-warning-rgb: 247,103,7;
    --tblr-danger-rgb: 214,57,57;
    --tblr-light-rgb: 252,253,254;
    --tblr-dark-rgb: 24,36,51;
    --tblr-muted-rgb: 137, 134, 129;
    --tblr-blue-rgb: 32,107,196;
    --tblr-azure-rgb: 66,153,225;
    --tblr-indigo-rgb: 66,99,235;
    --tblr-purple-rgb: 174,62,201;
    --tblr-pink-rgb: 214,51,108;
    --tblr-red-rgb: 214,57,57;
    --tblr-orange-rgb: 247,103,7;
    --tblr-yellow-rgb: 245,159,0;
    --tblr-lime-rgb: 116,184,22;
    --tblr-green-rgb: 47,179,68;
    --tblr-teal-rgb: 12,166,120;
    --tblr-cyan-rgb: 23,162,184;
    --tblr-facebook-rgb: 24,119,242;
    --tblr-twitter-rgb: 29,161,242;
    --tblr-linkedin-rgb: 10,102,194;
    --tblr-google-rgb: 220,78,65;
    --tblr-youtube-rgb: 255,0,0;
    --tblr-vimeo-rgb: 26,183,234;
    --tblr-dribbble-rgb: 234,76,137;
    --tblr-github-rgb: 24,23,23;
    --tblr-instagram-rgb: 228,64,95;
    --tblr-pinterest-rgb: 189,8,28;
    --tblr-vk-rgb: 99,131,168;
    --tblr-rss-rgb: 255,165,0;
    --tblr-flickr-rgb: 0,99,220;
    --tblr-bitbucket-rgb: 0,82,204;
    --tblr-tabler-rgb: 32,107,196;
    --tblr-primary-text-emphasis: #0d2b4e;
    --tblr-secondary-text-emphasis: #292e34;
    --tblr-success-text-emphasis: #13481b;
    --tblr-info-text-emphasis: #1a3d5a;
    --tblr-warning-text-emphasis: #632903;
    --tblr-danger-text-emphasis: #561717;
    --tblr-light-text-emphasis: #3a4859;
    --tblr-dark-text-emphasis: #3a4859;
    --tblr-primary-bg-subtle: #d2e1f3;
    --tblr-secondary-bg-subtle: #e0e3e6;
    --tblr-success-bg-subtle: #d5f0da;
    --tblr-info-bg-subtle: #d9ebf9;
    --tblr-warning-bg-subtle: #fde1cd;
    --tblr-danger-bg-subtle: #f7d7d7;
    --tblr-light-bg-subtle: #fbfcfd;
    --tblr-dark-bg-subtle: #bbc3cd;
    --tblr-primary-border-subtle: #a6c4e7;
    --tblr-secondary-border-subtle: #c2c7cd;
    --tblr-success-border-subtle: #ace1b4;
    --tblr-info-border-subtle: #b3d6f3;
    --tblr-warning-border-subtle: #fcc29c;
    --tblr-danger-border-subtle: #efb0b0;
    --tblr-light-border-subtle: #eef1f4;
    --tblr-dark-border-subtle: #929dab;
    --tblr-white-rgb: 255,255,255;
    --tblr-black-rgb: 0,0,0;
    --tblr-font-sans-serif: -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    --tblr-font-monospace: -apple-system,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --tblr-body-font-family: var(--tblr-font-sans-serif);
    --tblr-body-font-size: 1rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #272721;
    --tblr-body-color-rgb: 39, 39, 33;
    --tblr-body-bg: #f8f3f0;
    --tblr-body-bg-rgb: 248,243,240;
    --tblr-emphasis-color: #182433;
    --tblr-emphasis-color-rgb: 24,36,51;
    --tblr-secondary-color: rgba(24, 36, 51, 0.75);
    --tblr-secondary-color-rgb: 24,36,51;
    --tblr-secondary-bg: #eef1f4;
    --tblr-secondary-bg-rgb: 238,241,244;
    --tblr-tertiary-color: rgba(24, 36, 51, 0.5);
    --tblr-tertiary-color-rgb: 24,36,51;
    --tblr-tertiary-bg: #f6f8fb;
    --tblr-tertiary-bg-rgb: 246,248,251;
    --tblr-link-color: #8b6524;
    --tblr-link-color-rgb: 139, 101, 36;
    --tblr-link-decoration: none;
    --tblr-link-hover-color: #b68737;
    --tblr-link-hover-color-rgb: 182, 135, 55;
    --tblr-link-hover-decoration: underline;
    --tblr-code-color: var(--tblr-gray-600);
    --tblr-highlight-bg: #fdeccc;
    --tblr-border-width: 1px;
    --tblr-border-style: solid;
    --tblr-border-color: #e5dfda;
    --tblr-border-color-translucent: rgba(0, 0, 0, 0.14);
    --tblr-border-radius: 0px;
    --tblr-border-radius-sm: 0px;
    --tblr-border-radius-lg: 0px;
    --tblr-border-radius-xl: 0rem;
    --tblr-border-radius-xxl: 2rem;
    --tblr-border-radius-2xl: var(--tblr-border-radius-xxl);
    --tblr-border-radius-pill: 100rem;
    --tblr-box-shadow: none;
    --tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --tblr-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --tblr-box-shadow-inset: 0 0 transparent;
    --tblr-focus-ring-width: 0.25rem;
    --tblr-focus-ring-opacity: 0.25;
    --tblr-focus-ring-color: rgba(32, 107, 196, 0.25);
    --tblr-form-valid-color: #2fb344;
    --tblr-form-valid-border-color: #2fb344;
    --tblr-form-invalid-color: #d63939;
    --tblr-form-invalid-border-color: #d63939;
    --tblr-primary: #b68737;
    --tblr-primary-rgb: 182,135,55;
    --tblr-primary-fg: var(--tblr-light);
    --tblr-primary-darken: #9e752f;
    --tblr-primary-lt: #e9f0f9;
    --tblr-primary-lt-rgb: 233,240,249;
    --tblr-secondary: #667382;
    --tblr-secondary-rgb: 102,115,130;
    --tblr-secondary-fg: var(--tblr-light);
    --tblr-secondary-darken: #5c6875;
    --tblr-secondary-lt: #f0f1f3;
    --tblr-secondary-lt-rgb: 240,241,243;
    --tblr-success: #2fb344;
    --tblr-success-rgb: 47,179,68;
    --tblr-success-fg: var(--tblr-light);
    --tblr-success-darken: #2aa13d;
    --tblr-success-lt: #eaf7ec;
    --tblr-success-lt-rgb: 234,247,236;
    --tblr-info: #4299e1;
    --tblr-info-rgb: 66,153,225;
    --tblr-info-fg: var(--tblr-light);
    --tblr-info-darken: #3b8acb;
    --tblr-info-lt: #ecf5fc;
    --tblr-info-lt-rgb: 236,245,252;
    --tblr-warning: #f76707;
    --tblr-warning-rgb: 247,103,7;
    --tblr-warning-fg: var(--tblr-light);
    --tblr-warning-darken: #de5d06;
    --tblr-warning-lt: #fef0e6;
    --tblr-warning-lt-rgb: 254,240,230;
    --tblr-danger: #d63939;
    --tblr-danger-rgb: 214,57,57;
    --tblr-danger-fg: var(--tblr-light);
    --tblr-danger-darken: #c13333;
    --tblr-danger-lt: #fbebeb;
    --tblr-danger-lt-rgb: 251,235,235;
    --tblr-light: #fcfdfe;
    --tblr-light-rgb: 252,253,254;
    --tblr-light-fg: var(--tblr-dark);
    --tblr-light-darken: #e3e4e5;
    --tblr-light-lt: white;
    --tblr-light-lt-rgb: 255,255,255;
    --tblr-dark: #182433;
    --tblr-dark-rgb: 24,36,51;
    --tblr-dark-fg: var(--tblr-light);
    --tblr-dark-darken: #16202e;
    --tblr-dark-lt: #e8e9eb;
    --tblr-dark-lt-rgb: 232,233,235;
    --tblr-muted: #667382;
    --tblr-muted-rgb: 102,115,130;
    --tblr-muted-fg: var(--tblr-light);
    --tblr-muted-darken: #5c6875;
    --tblr-muted-lt: #f0f1f3;
    --tblr-muted-lt-rgb: 240,241,243;
    --tblr-tabler: #206bc4;
    --tblr-tabler-rgb: 32,107,196;
    --tblr-tabler-fg: var(--tblr-light);
    --tblr-tabler-darken: #1d60b0;
    --tblr-tabler-lt: #e9f0f9;
    --tblr-tabler-lt-rgb: 233,240,249;
    --tblr-gray-50: #fcfdfe;
    --tblr-gray-50-rgb: 252,253,254;
    --tblr-gray-50-fg: var(--tblr-dark);
    --tblr-gray-50-darken: #e3e4e5;
    --tblr-gray-50-lt: white;
    --tblr-gray-50-lt-rgb: 255,255,255;
    --tblr-gray-100: #f6f8fb;
    --tblr-gray-100-rgb: 246,248,251;
    --tblr-gray-100-fg: var(--tblr-dark);
    --tblr-gray-100-darken: #dddfe2;
    --tblr-gray-100-lt: #fefeff;
    --tblr-gray-100-lt-rgb: 254,254,255;
    --tblr-gray-200: #eef1f4;
    --tblr-gray-200-rgb: 238,241,244;
    --tblr-gray-200-fg: var(--tblr-dark);
    --tblr-gray-200-darken: #d6d9dc;
    --tblr-gray-200-lt: #fdfefe;
    --tblr-gray-200-lt-rgb: 253,254,254;
    --tblr-gray-300: #dadfe5;
    --tblr-gray-300-rgb: 218,223,229;
    --tblr-gray-300-fg: var(--tblr-dark);
    --tblr-gray-300-darken: #c4c9ce;
    --tblr-gray-300-lt: #fbfcfc;
    --tblr-gray-300-lt-rgb: 251,252,252;
    --tblr-gray-400: #bbc3cd;
    --tblr-gray-400-rgb: 187,195,205;
    --tblr-gray-400-fg: var(--tblr-light);
    --tblr-gray-400-darken: #a8b0b9;
    --tblr-gray-400-lt: #f8f9fa;
    --tblr-gray-400-lt-rgb: 248,249,250;
    --tblr-gray-500: #929dab;
    --tblr-gray-500-rgb: 146,157,171;
    --tblr-gray-500-fg: var(--tblr-light);
    --tblr-gray-500-darken: #838d9a;
    --tblr-gray-500-lt: #f4f5f7;
    --tblr-gray-500-lt-rgb: 244,245,247;
    --tblr-gray-600: #667382;
    --tblr-gray-600-rgb: 102,115,130;
    --tblr-gray-600-fg: var(--tblr-light);
    --tblr-gray-600-darken: #5c6875;
    --tblr-gray-600-lt: #f0f1f3;
    --tblr-gray-600-lt-rgb: 240,241,243;
    --tblr-gray-700: #3a4859;
    --tblr-gray-700-rgb: 58,72,89;
    --tblr-gray-700-fg: var(--tblr-light);
    --tblr-gray-700-darken: #344150;
    --tblr-gray-700-lt: #ebedee;
    --tblr-gray-700-lt-rgb: 235,237,238;
    --tblr-gray-800: #182433;
    --tblr-gray-800-rgb: 24,36,51;
    --tblr-gray-800-fg: var(--tblr-light);
    --tblr-gray-800-darken: #16202e;
    --tblr-gray-800-lt: #e8e9eb;
    --tblr-gray-800-lt-rgb: 232,233,235;
    --tblr-gray-900: #040a11;
    --tblr-gray-900-rgb: 4,10,17;
    --tblr-gray-900-fg: var(--tblr-light);
    --tblr-gray-900-darken: #04090f;
    --tblr-gray-900-lt: #e6e7e7;
    --tblr-gray-900-lt-rgb: 230,231,231;
    --tblr-spacer-0: 0;
    --tblr-spacer-1: 0.25rem;
    --tblr-spacer-2: 0.5rem;
    --tblr-spacer-3: 1rem;
    --tblr-spacer-4: 1.5rem;
    --tblr-spacer-5: 2rem;
    --tblr-spacer-6: 3rem;
    --tblr-spacer-7: 5rem;
    --tblr-spacer-8: 8rem;
    --tblr-spacer: 1rem;
    --tblr-bg-surface: var(--tblr-white);
    --tblr-bg-surface-secondary: var(--tblr-gray-100);
    --tblr-bg-surface-tertiary: var(--tblr-gray-50);
    --tblr-bg-surface-dark: var(--tblr-dark);
    --tblr-bg-forms: var(--tblr-bg-surface);
    --tblr-border-color: #dadfe5;
    --tblr-border-color-translucent: rgba(4, 32, 69, 0.14);
    --tblr-border-dark-color: #bbc3cd;
    --tblr-border-dark-color-translucent: rgba(4, 32, 69, 0.27);
    --tblr-border-active-color: #b6bcc3;
    --tblr-icon-color: var(--tblr-gray-500);
    --tblr-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
    --tblr-disabled-bg: var(--tblr-bg-surface-secondary);
    --tblr-disabled-color: var(--tblr-gray-300);
    --tblr-code-color: var(--tblr-gray-600);
    --tblr-code-bg: var(--tblr-bg-surface-secondary);
    --tblr-dark-mode-border-color: #1f2e41;
    --tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.14);
    --tblr-dark-mode-border-color-active: #2c415d;
    --tblr-dark-mode-border-dark-color: #1f2e41;
    --tblr-page-padding: var(--tblr-spacer-3);
    --tblr-page-padding-y: var(--tblr-spacer-4);
    --tblr-font-weight-light: 300;
    --tblr-font-weight-normal: 400;
    --tblr-font-weight-medium: 500;
    --tblr-font-weight-bold: 600;
    --tblr-font-weight-headings: var(--tblr-font-weight-bold);
    --tblr-font-size-h1: 1.5rem;
    --tblr-font-size-h2: 1.25rem;
    --tblr-font-size-h3: 1rem;
    --tblr-font-size-h4: 0.875rem;
    --tblr-font-size-h5: 0.75rem;
    --tblr-font-size-h6: 0.625rem;
    --tblr-line-height-h1: 2rem;
    --tblr-line-height-h2: 1.75rem;
    --tblr-line-height-h3: 1.5rem;
    --tblr-line-height-h4: 1.25rem;
    --tblr-line-height-h5: 1rem;
    --tblr-line-height-h6: 1rem;
    --tblr-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
    --tblr-shadow-transparent: 0 0 0 0 transparent;
    --tblr-shadow-button: none;
    --tblr-shadow-button-inset: none;
    --tblr-shadow-card: 0 0 4px rgba(var(--tblr-body-color-rgb), 0.04);
    --tblr-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
    --tblr-shadow-dropdown: 0px 16px 24px 2px rgba(0, 0, 0, 0.07),0px 6px 30px 5px rgba(0, 0, 0, 0.06),0px 8px 10px -5px rgba(0, 0, 0, 0.1);
    
  }


header.navbar-light {
  display: flex !important;
  align-items: center;
}

.logo {
  height: 30px;
  width: auto;
  margin-top: 7px;
}

ul.navbar-nav {
  height: 100%;
}

.navbar .navbar-nav .nav-link {
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-weight:500;
  font-size:.938rem;
  font-family:"agenda", -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
}

aside li.nav-item a.nav-link i, aside div.dropdown-menu a.dropdown-item i, header.top div ul.navbar-nav li.nav-item a.nav-link i, header.top div.dropdown-menu a.dropdown-item i {
  margin-right: 7px;
  font-size: 20px;
}

.navbar-expand-lg .nav-item {
  margin-right:10px
}

.navbar-collapse .dropdown-toggle:after, a.actions-buttons-column:after {
  font-family: bootstrap-icons!important;
  content: "\F282";
  font-size: 12px;
}

.navbar-collapse .navbar:after {
  content:'';
  position:absolute;
  bottom:-10px;
  left:0;
  height:10px;
  width:100%;
  background: url(/resources/images/menubg.jpg) no-repeat;
}

h1,
h2,
h3 {
  font-family:"ivymode", sans-serif;
  font-weight:400;
}

.pagination > li > a {
  border-radius:0;
}

.btn-group-sm>.btn, .btn-sm {
  --tblr-btn-font-size: 0.9rem !important;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
  --tblr-table-accent-bg: #fffdfc;
}


.table thead th, .table tfoot th {
  font-family: "agenda", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 2px;
  font-weight: 600;
  color: #5b5b5b;
}

/* START - Title on product page */

.product-crud-page .container-fluid.animated.fadeIn {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
}


.product-crud-page .product-details {
    position: sticky;
    opacity: 100;
    left: 0;
    pointer-events: all;
    transition: all .3s ease-in-out;
}

.product-details {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: all .3s ease-in-out;
    width: 25%;
    height: auto;
    text-align: center;
    background: #ffffff;
    padding: 1rem;
    margin-top: 3.5rem;
    top: 120px;
    z-index: 999;
    border-bottom: 1px solid #f4f4f4;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.product-details p {
  margin-bottom:0;
  width: 100%;
}

.product-crud-page div#saveActions {
  background: white;
  position: sticky;
  bottom: 2rem;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  z-index: 9999;
  margin: 0rem auto 0 auto;
  padding: 1rem;
  border-top: 1px solid #e5e7ea;
  border-bottom: 1px solid #e5e7ea;
}

/* .product-details {
  width: 98.8%;
  background: #ffffff;
  padding: 1rem 0rem 1rem 1rem;
  margin-top: 1rem;
  position: sticky;
  top: 120px;
  z-index: 999;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
} */

.product-details img {
  width: 100%;
}

.product-details h4 {
  font-size: 1.25rem;
  width: 100%;
}

.product-details ~ .row {
  width: 100%;
  margin-top: 1rem;
}
/* END - Title on product page */

.scrollable-dropdown ~ .dropdown-menu {
  max-height: 300px; /* Adjust as needed */
  overflow-y: auto;
  z-index: 999;
  background: white;
}

.media-library.media-library-single {
  border: 2px solid #e2e8f0;
  padding: 0 1rem 2px 0;
}

section.header-operation {
  /* background: red; */
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
  padding-bottom: 2rem;
}

section.header-operation a#crudTable_reset_button {
  padding-left: 2rem;
  display: block;
}

.product-crud-page section.header-operation [bp-section="page-subheading"]{
  display: none;
}

.product-crud-page section.header-operation [bp-section="page-subheading-back-button"] {
  font-size: 1.125rem;
  background: #b68737;
  color: #fff !important;
  padding: 0.5rem 1rem;
}

.product-crud-page section.header-operation [bp-section="page-subheading-back-button"] a {
  color: #fff !important;
}

.product-crud-page section.header-operation [bp-section="page-subheading-back-button"] span {
  display: none;
}

.product-crud-page .existing-file a {
  white-space: nowrap;        
  overflow: hidden;           
  text-overflow: ellipsis;    
  display: inline-block;      
  max-width: 100%;            
  vertical-align: middle;     
}

.product-crud-page .existing-file .file_clear_button {
  margin-top: 5px;            
}

.form-switch .form-check-input:checked {
  background-color: #37b344 !important;
}

.form-switch .switch-slider::after {
  display: none !important;
}