/* initialise */
body { margin: 0; padding: 0; font-family: 'Nunito', sans-serif; color: #202020; }

/* some corrections in bootstrap */
*:focus { outline: none !important; box-shadow: none !important; }
.badge { display: inline-block; padding: 5px 10px; font-size: 14px; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 15px; background: #cccccc; color: #ffffff; }
.badge-danger { color: #fff; background-color: #dc3545; }
.badge-success { color: #fff; background-color: #28a745; }
.table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; }
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

/* header */
.header { max-height: 60px; min-height: 60px; z-index: 1000; }
.panel-logo { max-height: 39px; margin: 10px 0; }
.panel-hbtn { height: 60px; max-height: 60px; padding: 15px; }
.panel-hbtn img { max-height: 30px; }
.panel-hbtn-small { height: 30px; max-height: 30px; padding: 5px }
.panel-hbtn-small img { max-height: 20px; }

/* sidebars */
.left-sidebar { position: fixed; left: 0; top: 60px; width: 215px; border-right: 1px solid #dfe3e4; height: calc(100% - 60px); overflow-y: auto; }
.left-sidebar-hidden { margin-left: -215px; }
.right-sidebar { position: fixed; right: 0; top: 60px; width: 215px; border-left: 1px solid #dfe3e4; height: calc(100% - 60px); display: none; }
.middle-panel { position: absolute; left: 215px; top: 60px; width: calc(100% - 215px); height: calc(100% - 60px); overflow-y: auto; z-index: 100; }
.middle-panel-top { top: 0px !important; height: 100% !important; }
.middle-panel.with-right-panel { width: calc(100% - 430px); }
.middle-panel-trans { transition: all 0.2s; }
.middle-panel-full { position: absolute; left: 0; top: 60px; width: 100%; height: calc(100% - 60px); overflow-y: auto; }
.middle-panel-full.with-right-panel { width: calc(100% - 215px) !important; }
.sidebar-header { padding:20px 5px 20px 20px; border-bottom: 1px solid #dfe3e4; background: #ffffff; z-index: 1000; position: sticky; top: 0; display: block; text-decoration: none; }
.sidebar-body { padding:15px 0 15px 20px; font-size: 14px; }
.hidden-default, .hidden-default-2 { display: none; }
.has-submenu, .has-submenu-accordian { cursor: pointer; }

.sidebar-menu-with-bg { margin: 0 0 10px 0; padding: 0; }
.sidebar-menu-with-bg li { margin: 0 0 10px 0; padding: 0; list-style: none; }
.sidebar-menu-with-bg li a { padding: 5px 5px 5px 20px; margin-left:-20px; display: block; color: #202020; font-weight: 500; text-decoration: none; background: #f6f7f7; font-size: 15px; }
.sidebar-menu-with-bg li a:hover { font-weight: 500; background: #1c1be5; color: #ffffff }

.sidebar-menu { margin: 0; padding: 0; }
.sidebar-menu li { margin: 0; padding: 0; list-style: none; }
.sidebar-menu li a { padding: 5px 5px 5px 20px; margin-left:-20px; display: block; color: #202020; font-weight: 300; text-decoration: none; font-size: 14px; }
.sidebar-menu li a:hover { font-weight: 500; background: #fafafa; color: #1c1be5; }

.sidebar-menu-with-bg li .sidebar-menu { display: none; }
.menu-icon { max-height: 15px; margin-right: 10px; margin-top: 2px; }

/* text colors */
.text-black { color: #202020; }
.text-purple { color: #c57aff; }
.text-blue { color: #1c1be5; }

/* background */
.bg-light-gray { background: #f1f2f3; }
.bg-light-gray-2 { background: #d8dee6; }
.bg-table-lighter-gray { background: #fafbfb; }
.bg-table-light-gray, .bg-table-light-gray td { background: #f6f7f7; }
.bg-table-header-gray, .bg-table-header-gray td { background: #e8ebec; }
.bg-table-bluish-gray, .bg-table-bluish-gray td { background: #f4f5fe !important; }
.bg-table-bluish-gray-light, .bg-table-bluish-gray-light td { background: #fafbfe; }
.bg-table-bluish-gray-light:hover td { background: #f5f6ff; }
.bg-purple { background: #c57aff !important; }
.bg-blue { background: #1c1be5 !important; }

/* border-colors */
.border-black { border-color: #202020 !important; }
.border-purple { border-color: #c57aff !important; }
.border-blue { border-color: #1c1be5 !important; }

/* texts */
.fs-6 { font-size: 6px !important; }
.fs-8 { font-size: 8px !important; }
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }
.fs-32 { font-size: 32px !important; }
.fs-34 { font-size: 34px !important; }
.fs-36 { font-size: 36px !important; }
.fs-38 { font-size: 38px !important; }
.fs-40 { font-size: 40px !important; }
.fs-42 { font-size: 42px !important; }
.fs-44 { font-size: 44px !important; }
.fs-46 { font-size: 46px !important; }
.fs-48 { font-size: 48px !important; }
.fs-50 { font-size: 50px !important; }
.fs-52 { font-size: 52px !important; }
.fs-54 { font-size: 54px !important; }
.fs-56 { font-size: 56px !important; }
.fs-58 { font-size: 58px !important; }
.fs-60 { font-size: 60px !important; }

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

/* radius */
.rounded-10 { border-radius: 10px; overflow: hidden; }
.rounded-12 { border-radius: 12px; overflow: hidden; }
.rounded-14 { border-radius: 14px; overflow: hidden; }
.rounded-16 { border-radius: 16px; overflow: hidden; }
.rounded-18 { border-radius: 18px; overflow: hidden; }
.rounded-20 { border-radius: 20px; overflow: hidden; }
.rounded-22 { border-radius: 22px; overflow: hidden; }
.rounded-24 { border-radius: 24px; overflow: hidden; }
.rounded-26 { border-radius: 26px; overflow: hidden; }
.rounded-30 { border-radius: 30px; overflow: hidden; }

/* maximum widths */
.maxw-10   { max-width: 10px; }
.maxw-20   { max-width: 20px; }
.maxw-30   { max-width: 30px; }
.maxw-40   { max-width: 40px; }
.maxw-50   { max-width: 50px; }
.maxw-60   { max-width: 60px; }
.maxw-70   { max-width: 70px; }
.maxw-80   { max-width: 80px; }
.maxw-90   { max-width: 90px; }
.maxw-100  { max-width: 100px; }
.maxw-110  { max-width: 110px; }
.maxw-120  { max-width: 120px; }
.maxw-130  { max-width: 130px; }
.maxw-140  { max-width: 140px; }
.maxw-150  { max-width: 150px; }
.maxw-200  { max-width: 200px; }
.maxw-250  { max-width: 250px; }
.maxw-300  { max-width: 300px; }
.maxw-400  { max-width: 400px; }
.maxw-500  { max-width: 500px; }
.maxw-600  { max-width: 600px; }
.maxw-700  { max-width: 700px; }
.maxw-800  { max-width: 800px; }
.maxw-900  { max-width: 900px; }
.maxw-1000 { max-width: 1000px; }
.maxw-1100 { max-width: 1100px; }
.maxw-1200 { max-width: 1200px; }
.maxw-1300 { max-width: 1300px; }
.maxw-1400 { max-width: 1400px; }
.maxw-1500 { max-width: 1500px; }

/* minimum widths */
.minw-80   { min-width: 80px; }
.minw-90   { min-width: 90px; }
.minw-100  { min-width: 100px; }
.minw-150  { min-width: 150px; }
.minw-200  { min-width: 200px; }
.minw-250  { min-width: 250px; }
.minw-300  { min-width: 300px; }

/* widths */
.width-100 { width: 100px; }
.width-200 { width: 200px; }
.width-300 { width: 300px; }
.width-400 { width: 400px; }
.width-500 { width: 500px; }
.width-600 { width: 600px; }
.width-700 { width: 700px; }
.width-800 { width: 800px; }
.width-900 { width: 900px; }

/* height */
.height-50 { height: 50px; }
.height-75 { height: 75px; }
.height-100 { height: 100px; }
.height-150 { height: 150px; }
.height-200 { height: 200px; }
.height-250 { height: 250px; }
.height-300 { height: 300px; }
.height-350 { height: 350px; }
.height-400 { height: 400px; }
.height-450 { height: 450px; }
.height-500 { height: 500px; }
.height-550 { height: 550px; }
.height-600 { height: 600px; }
.height-650 { height: 650px; }
.height-700 { height: 700px; }
.height-750 { height: 750px; }
.height-800 { height: 800px; }
.height-850 { height: 850px; }
.height-900 { height: 900px; }

/* margin-top */
.mt-01-n { margin-top: -1px !important; }
.mt-02-n { margin-top: -2px !important; }
.mt-03-n { margin-top: -3px !important; }
.mt-04-n { margin-top: -4px !important; }
.mt-05-n { margin-top: -5px !important; }
.mt-06-n { margin-top: -6px !important; }
.mt-07-n { margin-top: -7px !important; }
.mt-08-n { margin-top: -8px !important; }
.mt-09-n { margin-top: -9px !important; }
.mt-10-n { margin-top: -10px !important; }
.mt-11-n { margin-top: -11px !important; }
.mt-12-n { margin-top: -12px !important; }
.mt-13-n { margin-top: -13px !important; }
.mt-14-n { margin-top: -14px !important; }
.mt-15-n { margin-top: -15px !important; }
.mt-16-n { margin-top: -16px !important; }
.mt-17-n { margin-top: -17px !important; }
.mt-18-n { margin-top: -18px !important; }
.mt-19-n { margin-top: -19px !important; }
.mt-20-n { margin-top: -20px !important; }
.mt-25-n { margin-top: -25px !important; }
.mt-30-n { margin-top: -30px !important; }
.mt-35-n { margin-top: -35px !important; }
.mt-40-n { margin-top: -40px !important; }
.mt-45-n { margin-top: -45px !important; }
.mt-50-n { margin-top: -50px !important; }

.mt-02 { margin-top: 2px !important; }

/* padding */
.pt-01 { padding-top: 1px; }
.pt-02 { padding-top: 2px; }

/* scale */
.scale-06 { transform: scale(0.6) !important; }

/* gg icon */
.gg-chevron-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px
}
.gg-chevron-right::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px
}

/* ripple effect */
.waves-effect { position: relative; overflow: hidden; }
.waves-effect .ie-waves-effect { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; background-color: #000000; opacity: 0.15; }
.rippleblack { position: relative; overflow: hidden; cursor: pointer }
.rippleblack:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle,#ccc 10%,transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10,10); opacity: 0; transition: transform .15s,opacity 1s; }
.rippleblack:active:after { transform: scale(0,0); opacity: .5; transition: 0s; }
.ripplewhite { position: relative; overflow: hidden; cursor: pointer }
.ripplewhite:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle,#fff 10%,transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10,10); opacity: 0; transition: transform .15s,opacity 1s; }
.ripplewhite:active:after { transform: scale(0,0); opacity: .5; transition: 0s; }

/* some corrections */
.alert p { margin-bottom: 0 !important; }

/* table-view */
.flip-scroll { font-size: 14px; }
.flip-scroll table thead tr th { background: #e8ebec; border-right: 1px solid #ffffff; border-bottom: 1px solid #d1d7d9 !important; height:50px; vertical-align: middle; text-transform: uppercase; color: #202020; font-size:12px; }
.flip-scroll table tbody tr:nth-child(even) td { background: #f6f7f7; border-right: 1px solid #ffffff; height:50px; vertical-align: middle; border-bottom: 0px !important; }
.flip-scroll table tbody tr:nth-child(odd) td { background: #fafbfb; border-right: 1px solid #ffffff; height:50px; vertical-align: middle; border-bottom: 0px !important; }
.flip-scroll table tbody tr td * { vertical-align: middle; }

.flip-scroll-active { border:1px solid #d1d7d9; }
.flip-scroll-active table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.flip-scroll-active th,
.flip-scroll-active table tbody tr td { margin: 0; vertical-align: top; }
.flip-scroll-active table thead tr th { text-align: left; }
.flip-scroll-active table { display: block; position: relative; width: 100%; }
.flip-scroll-active table thead { display: block; float: left; }
.flip-scroll-active table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
.flip-scroll-active table thead tr { display: block; }
.flip-scroll-active table thead tr th { display: block; height:50px; line-height:35px; text-align: right; }
.flip-scroll-active table tbody tr { display: inline-block; vertical-align: top; }
.flip-scroll-active table tbody tr td { display: block; height:50px; line-height:33px; text-align: left; min-width: 200px; border-bottom: 1px solid #e0e0e0 !important; }

/* file upload */
.fileupload {
    cursor:pointer;
    background:#ffffff;
    border:2px dashed #cccccc;
    color:#cccccc;
    padding:20px;
    text-align:center;
    width:100%;
    border-radius:4px;
    display:block
}

/* tinymce */
.tox-statusbar__branding { display:none !important; } 
.pull-right { float:right !important }

/* iframe-on-layer */
.iframe-on-layer { position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:99999999;background:rgba(0,0,0,0.4);display:none; }
.iframe-layer-mid { width:99vw;height:100vh;max-width:850px;background:#ffffff url(https://xmss.imakemy.app/public/imagecache/?url=https://res.cloudinary.com/fusionstays/image/upload/c_scale,e_sharpen:100,h_200,q_auto:good,w_200/v1725221291/Spinner_1x-1.0s-200px-200px_kk9le6.webp) center center no-repeat;background-size:50px 50px;float:right;border:0;margin-right:0;box-shadow:0 0 20px #000; }
.iframe-layer-mid-2 { width:99vw;height:100vh;max-width:850px;background:#ffffff url(https://xmss.imakemy.app/public/imagecache/?url=https://res.cloudinary.com/fusionstays/image/upload/c_scale,e_sharpen:100,h_200,q_auto:good,w_200/v1725221291/Spinner_1x-1.0s-200px-200px_kk9le6.webp) center center no-repeat;background-size:50px 50px;float:right;border:0;margin-right:0;box-shadow:0 0 20px #000; }
.iframe-layer { width:100%;height:100vh;background:#f1f2f3;float:right;border:0; }
.iframe-link-close { position: fixed; right: 0px; top:0px; border-radius: 5px; color: #212121; }

/* for inventory */
.addl-inventory-field-labels { position:absolute; right: 15px; bottom: 10px; margin-bottom: 0px; }
.addl-inventory-field-labels label { line-height: 36px; }

/* corrections */
.rotate-flip { rotate: 180deg; transform: rotateY(180deg); }
.flip-x { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.rotate-90 { rotate: 90deg; }
.col-form-label { line-height: 32px !important; }
.spec-remove-button { position: absolute; top: 0; left: 0; transform: translateX(100%); margin-left: -37px; margin-top: 20px; color: #212121; }
.left-middle { left: 50%; transform: translateX(-50%); }
.float-right { float: right !important; }
.horizontal-scrollable > .row { overflow-x: auto; white-space: nowrap; }
.horizontal-scrollable > .row > .col { display: inline-block; float: none; }
.barcode-img img { width:100%; height:auto; margin:auto; }
.close-layer-message { position: fixed; top: 0; right: 0; display: none; z-index: 100000; border-radius: 20px 0 0 30px; overflow: hidden; font-size: 14px; }


/* to keep labels in single line */
label, button { text-overflow: ellipsis; max-width: 100%; display: block; white-space: nowrap; overflow: hidden; }

/* media query */
@media (max-width: 575.98px) {
    .left-sidebar { width: 100%; background: #ffffff; z-index: 10000; margin-top: 1px; max-width: 100%; display: none; }
    .middle-panel { position: absolute; left: 0; top: 60px; width: 100%; height: calc(100% - 60px); overflow-y: auto; }
}

@media (max-width: 767.98px) {
    .middle-panel-top .container-fluid.p-3.p-md-5 { padding-top:50px !important; }
    .close-layer-message { font-size: 10px; }
    .iframe-layer-mid { width:100vw; }
    .iframe-layer-mid-2 { width:100vw; }
}

@media (max-width: 991.98px) {
	
}

@media (max-width: 1199.98px) {}

@media (max-width: 1399.98px) {}

@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

/* select2 */
.select2-dropdown { min-width:300px; }

/* go back */
.go-back { border:0px !important; background: transparent !important; }

/* fa */
.fa { min-width:15px; min-height:15px; display:inline-block; }

/* iframe */
iframe .header { display:none; }
iframe .left-sidebar { display:none; }
iframe .middle-panel { top: 0px !important; height: 100% !important; }

/* loader */
.loader { position: fixed; transform: translate(-50%,-50%); left: 50%; top: 50%; background: url(https://xmss.imakemy.app/public/imagecache/?url=https://res.cloudinary.com/fusionstays/image/upload/c_scale,e_sharpen:100,h_200,q_auto:good,w_200/v1725221291/Spinner_1x-1.0s-200px-200px_kk9le6.webp); z-index: 100000000000; width: 50px; height: 50px; background-size: 50px; }