@import "helpers/bootstrap.min.css?2024may7";
@import "helpers/jquery-ui.css?1";
@import "helpers/datatables.css";
@import "helpers/pretty-checkbox.css";
@import "helpers/redactor.css?23";
@import "helpers/bootstrap-fileupload.css";
@import "helpers/ekko-lightbox.css";
@import "helpers/perfect-scrollbar.css";
@import "helpers/select2.css?2024may7";
@import "helpers/bootstrap-datatimepicker.css?2024may7";
@import "helpers/print.css?6s";

@import "helpers/font-awesome.min.css?01";

@font-face {
  font-family: 'FontAwesome';    
  src: url('../fonts/fa-regular-400.eot?v=5.12.0');
  src: url('../fonts/fa-regular-400?#iefix&v=5.12.0') format('embedded-opentype'), 
	   url('../fonts/fa-regular-400.woff?v=5.12.0') format('woff'), 
	   url('../fonts/fa-regular-400.ttf?v=5.12.0') format('truetype'), 
	   url('../fonts/fa-regular-400.svg?v=5.12.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'),
  url(../fonts/MaterialIconsOutlined-Regular.otf) format('otf'),
  url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),
  url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Comfortaa';
  font-style: Light;
  font-weight: 400;
  src: local('Comfortaa'), local('Comfortaa'), url(../fonts/Comfortaa.woff) format('woff');
}
@font-face {
  font-family: 'EncodeSansCondensed';
  font-style: Regular;
  font-weight: 400;
  src: local('EncodeSansCondensed'), local('EncodeSansCondensed'), url(../fonts/EncodeSansCondensed-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Exo2';
  font-style: Regular;
  font-weight: 400;
  src: local('Exo2'), local('Exo2'), url(../fonts/Exo2.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: Regular;
  font-weight: 400;
  src: local('Roboto'), local('Roboto'), url(../fonts/Roboto.woff) format('woff');
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'EncodeSansCondensed', 'Roboto', sans-serif; }

.no-border { border-width: 0 !important; }
.border-bottom { border-bottom: 1px solid #ddd !important; }

.m_icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*deprecando
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
*/

/* Customize the code below
============================================= */
.order_barcodes {
  /* uncomment line below to hide the barcodes */
  /* display: none; */
}
/* ==========================================================================
   WINDOW CONTROLS OVERLAY (WCO) STYLES
   ========================================================================== */

:root {
    --brand-dark: #1B202C;
    --brand-clear: #005669;
}

.pwa-title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;    
	z-index: 3;
    
    /* 1. Use the OS-provided titlebar height, fallback to 45px if browser doesn't support it */
    height: env(titlebar-area-height, 45px);
    
    /* 2. Position the bar exactly where the OS says the title area is available 
    padding-left: env(titlebar-area-x, 15px);*/   
    
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    

    /* 4. CRITICAL: Allows the user to click and drag the whole window around their screen */
    -webkit-app-region: drag;
    app-region: drag;
}



.title-logo {
    height: 24px;
    width: 24px;
}

.title-bar-search {
    flex-grow: 1;
    max-width: 400px;
    margin: 0 20px;
}

/* 5. CRITICAL: Interactive elements MUST disable dragging, otherwise you can't type or click them! */
.title-bar-search input, #user-menu-slider, #pos_sale_menu,
.title-bar-actions .user-avatar,
.title-bar-actions .user-name {
    -webkit-app-region: no-drag;
    app-region: no-drag;
}

.user-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
}

/* 6. Push down your main layout grid so it doesn't get buried under our fixed header */
.main-pos-container {
    margin-top: env(titlebar-area-height, 45px);
}
.pwa-title-bar {
    -webkit-app-region: drag;
    app-region: drag;
}

/* 2. CRITICAL: Punch holes in the draggable layer for interactive elements! */
.pwa-title-bar button,
.pwa-title-bar a,
.pwa-title-bar input,
.top-opt {
    -webkit-app-region: no-drag !important;
    app-region: no-drag !important;
    cursor: pointer; /* Restores the pointer hand icon */
	outline: none !important;
}


@media (display-mode: window-controls-overlay) {
    /* These styles apply ONLY when running as an installed desktop PWA */
    .pwa-title-bar {
        display: flex;
    }
	#wrapper {
        /* Set top to match the exact OS title bar height */
        top: env(titlebar-area-height, 40px)!important;
        
        /* Calculate height to perfectly fill the remaining space without overflowing */
        height: calc(100vh - env(titlebar-area-height, 45px))!important;
    }
	.pwa-title-bar {
		/* 3. This leaves a safe margin on the right so elements don't hide behind close/minimize buttons */
		padding-right: calc(100vw - env(titlebar-area-width, 100vw));
	}
}


@media only screen and (max-width: 991px) {
	.title-bar-actions{
		display:none !important;
	}
}