/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 20, 2021, 4:57:10 PM
    Author     : Jin
*/


/*
    Change navbar code
*/

/* To fix navbar menu not going next line */

.site-menu-fix{
    white-space: pre-wrap !important;
}


/* #3e8ef7 */

.site-menubar-light .site-menu>.site-menu-item>.site-menu-sub{
    /*border-left: 0 !important;*/
    /*border-color: #3e8ef7 !important;*/
    /*box-shadow: 3px 3px #3e8ef7;*/
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.5);
}


/* Changes in body font color */
body,
.table{
    color: #000 !important;
}

/* Report pdf print page font size special */
body#printing-page{
    font-size: 1.25rem !important;
}

/*
  End of change navbar code
*/

/* Increase Site menu icon margin */
.site-menu-icon{
    margin-bottom: 10px;
}


/*
    Custom content accodion pannel
*/

.content-panel-group .panel-title{
    font-size: 1.286rem;
    background-color: #667afa!important;
    color: white;
}

.content-panel-group .panel-title:focus, 
.content-panel-group .panel-title:hover{
    color: white;
}

.content-panel-group .panel-title[aria-expanded=false]::before,
.content-panel-group .panel-title[aria-expanded=false]::after{
    opacity: 1;
}

.product-card{
    border: 1px solid #e4eaec;
    cursor: pointer;
}

/*
    Panel Custom code
*/
.panel-group .panel-heading+.panel-collapse{
    border: 1px solid #e4eaec;
    border-top : 0;
}

.panel-group .panel-heading{
    border: 1px solid #e4eaec;
}

/*
    Customize for page header
*/

.page-header{
    padding: 30px 30px 5px 30px;
}

/*
    Customize for product check list
*/
.item-description{
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

/*
    Fix date picker behind title
*/

.datepicker{
    z-index: 9999 !important;
}

/*
    Increase product model avatar size
*/

#product-summary .avatar,
#product-list-summary .avatar{
    width: 150px;
    border: 1px solid #000;
    border-radius: 0;
}
/*
    Stock Comparison not match color
*/

/*
    Change input field font color
*/

.form-control {
    color: #000 !important;
}

.error-match{
    color: red !important;
}

/*
    Special Custom for printing purpose
*/

p.print-header{
    font-weight: 600;
}

#printing-page span, 
#printing-page p,
#print-table > tbody > tr > td{
    color: #000;
}

@media print {
    #hide_print_btn{
        display: none;
    }

    #print-table > thead > tr > th {
        background-color: #b7b7b7 !important;
        -webkit-print-color-adjust: exact; 
    }

    #print-table.table-bordered td, 
    #print-table.table-bordered th{
        border: 1px solid #000 !important;
        -webkit-print-color-adjust: exact; 
    }

    #printing-page {
        padding: 0 !important;
    }
}

.print-remark{
    min-height: 100px;
}

#print-table.table-bordered td, 
#print-table.table-bordered th{
    border: 1px solid #000;
}

#print-table > thead > tr > th {
    font-weight: 600;
    background-color: #b7b7b7;
    color: #000;
}

/*
    Custom code for phone scanner button
*/

#resetButton, #startButton{
    color: white !important;
}

/*
    Set add button for each index page to fix to bottom button
*/

.btn-add{
    font-size: 18px;
}

.btn-print, #hide_print_btn button{
    /*padding: 10px 25px;*/
    font-size: 18px;
}

@media only screen and (max-width: 700px) {

    .brand-img{
        width: 60%;
    }

    .brand-text{
        font-size: 18px;
    }

    .btn-add{
        border-radius: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        padding: 15px 0;
    }


    /*
        fix phone scanner box width
    */

    video#video {
        max-width: 100%;
        width: auto;
        height: auto;
    }
}