@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
:root,
[data-coreui-theme=light] {
--cui-font-sans-serif: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--cui-body-font-family: var(--cui-font-sans-serif);
--cui-tertiary-bg:#1aaea0;
--cui-bg-link-color:#ffffff;
--cui-btn-active-border-color:none;
--cui-body-font-size: 0.875rem;
--cui-body-font-weight: 400;
--cui-body-line-height: 1.5;
--cui-card-cap-bg:rgba(255, 255, 255, 0);
--cui-primary:#1aaea0;
--cui-primary-rgb:rgb(26,174,160);
--cui-card-heading-color:#202224;
--cui-sep-bor-color:#979797;
--cui-border-width: 0.6px;
--cui-border-style: solid;
--cui-border-color: #D5D5D5;
--cui-border-color-translucent: rgba(185, 185, 185, 0.3);
--cui-border-radius: 0.625rem;
--cui-box-bg: #FFFFFF;
--cui-table-head-bg:#FCFDFD;
--cui-table-border:#D5D5D5;
--cui-danger-rgb:#e55353;
}
.btn-primary{
--cui-btn-bg:#1aaea0;
--cui-btn-active-bg:#58585a;
--cui-btn-border-color:#1aaea0;
--cui-btn-hover-bg:#58585a;
--cui-btn-hover-border-color:#58585a;
--cui-btn-active-bg:#58585a;

}
.sidebar-nav{
    --cui-sidebar-nav-link-active-icon-color: #58585a;
    --cui-sidebar-nav-link-disabled-icon-color: #58585a;
    --cui-sidebar-nav-link-hover-icon-color: #58585a;
}
.btn{
    --cui-btn-color:#ffffff;
    --cui-btn-font-size:  0.875rem;
}
.btn-info {
    --cui-btn-bg: #1aaea0;
    --cui-btn-border-color: #1aaea0;
    --cui-btn-hover-bg: rgb(26,174,160);
    --cui-btn-hover-border-color: rgb(26,174,160);
    --cui-btn-active-bg: rgb(26,174,160);
    --cui-btn-active-border-color: rgb(26,174,160);
}
.bg-light{
    background-color: #F5F6FA!important;
}
 .bg-primary{background-color: #1aaea0!important;}
.card{
    --cui-card-border-color:var(--cui-border-color-translucent);
    --cui-card-border-width:var(--cui-border-width);
    --cui-card-border-radius:var(--cui-border-radius);
    box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.form-control{
    font-size: var(--cui-body-font-size);
}
.guest_bg{
    background: url('../img/guest_bg.jpg') no-repeat scroll 0 0; background-size: cover;
}
.duplicate-product {
    border: 2px solid var(--cui-danger-rgb) !important;
}
.header > .container-fluid, .sidebar-header{
    min-height: calc(4.25rem + 1px);
        padding: 0.5rem 1rem;
}
.sidebar-nav .nav-link.active, .sidebar-nav .nav-link:hover {
  color: var(--cui-bg-link-color);
}
.card.no-bb{
    background: none;
    border:none;
    box-shadow: none;
}
.card-header{
    border:none;
    background:none;
}
.card-header h4{
    color:var(--cui-card-heading-color);
    font-size: 1.5rem;
    font-weight: bold;
}
.btn-primary{
    font-size:  var(--cui-body-font-size);
    background-color: var(--cui-btn-bg);
}
.table{
    border-radius: 0.875rem;
}
.table th{
    background-color: var(--cui-table-head-bg);
}
.table_box{
    background-color: var(--cui-box-bg);
    border-color: var(--cui-border-color-translucent);
    border-width:var(--cui-border-width);
    border-radius:var(--cui-border-radius);
    box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);

}
.table_box thead{
    background-color: var(--cui-table-head-bg);

}

nav svg {
    max-width: 32px;
}

.text-red-600{
    color:var(--cui-danger-rgb);
}

.table-responsive{

    max-height:65vh;

}

.table thead th{

    position:sticky;

    top:0;

    z-index:20;

    background:#f8f9fa;

}
.toolbar-card{

    position:sticky;

    top:70px;

    z-index:100;

}
.table-responsive{

    max-height:70vh;

}
.table input[type=number]::-webkit-inner-spin-button, 
.table input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.table td{

    vertical-align:middle;

}

.difference{

    font-weight:600;

}

.difference-value{

    font-weight:600;

}

.bg-warning-subtle{

    background:#fff8cc !important;

}

textarea{

    resize:vertical;

}
.print-header{

    display:none;

}

.badge{
    background-color: var(--cui-danger-rgb) !important;
}

@keyframes bellShake{

0%{transform:rotate(0deg);}
20%{transform:rotate(20deg);}
40%{transform:rotate(-20deg);}
60%{transform:rotate(15deg);}
80%{transform:rotate(-15deg);}
100%{transform:rotate(0deg);}

}

.bell-shake{

animation:bellShake .8s;

}

/**Stock List Print**/
@media print {

    @page {

        size: A4 landscape;

        margin: 8mm;

    }

    body{

        background:white !important;

    }

    .no-print,
    .sidebar,
    .header,
    .navbar,
    .footer,
    .btn,
    .pagination{

        display:none !important;

    }
    .print-header{

        display:block !important;

    }

    body *{

        visibility:hidden;

    }

    #printWorksheet,
    #printWorksheet *{

        visibility:visible;

    }

    #printWorksheet{

        position:absolute;

        left:0;

        top:0;

        width:100%;

    }

    table{

        width:100% !important;

        font-size:9px;

        border-collapse:collapse;

    }

    th,
    td{

        border:1px solid #000 !important;

        padding:3px !important;

        white-space:nowrap;

    }

    thead{

        display:table-header-group;

    }

    tr{

        page-break-inside:avoid;

    }

}