/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\
for details on configuring this project to bundle and minify static web assets. */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.navbar-right .nav-item {
    color: #d4f2e7;
}

.qtyCount{
    width: 40px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

.sc-product-item {
    min-width: 120px;
}

.material-style div.card-datatable {
    padding: 1.5rem 0 0 0 !important;
}

.deleted-order-item {
    text-decoration: line-through; 
}

td.deleted-order-item {
    background-color: #e1cdcd
}

.scrolling-modal-page {
    height: 70%;
}

.scrolling-modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

img.qr-small {
    max-width: 100px;
}

img.qr-large {
    max-width: 300px;
}

div.card-rounded { 
    border-radius: 5px;
}

.waiting {
    display: none; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    z-index: 10000; 
    background: rgba(255,255,255,.8) url("/img/waiting.gif") center no-repeat;
}

body.loading {
    overflow: hidden; 
}

body.loading .waiting {
    display: block;
}

img.weather-icon {
    height: 20px;
}

span.weather-icon-large {
    font-size: 48px;
}

.pointer {
    cursor: pointer;
}

.discount-strike-through {
    text-decoration: line-through; 
    text-decoration-color: red; 
}

div.force-modal-body-scroll {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

i.ion-medium {
    font-size: 36px;
}

i.ion-large { 
    font-size: 48px;
}

div.dark-border { 
    border: solid 1px #808080;
}

td.undispatched-order { 
    border-left: solid 10px #e43838; 
}

td.dispatched-order {
    border-left: solid 10px #149413;
}

.dataTables-smalltext {
    font-size: 90% !important;
}

td.dataTables-left-border, th.dataTables-left-border {
    border-left-color: cornflowerblue;
    border-left-width: 1px;
    border-left-style: solid;
}

td.dataTables-right-border, th.dataTables-right-border {
    border-right-color: cornflowerblue;
    border-right-width: 1px;
    border-right-style: solid;
}

.dataTables_wrapper .dt-buttons {
    float: none;
    text-align: center;
}

.male {
    color: #42a5f5;
}

.female {
    color: #ec407a;
}

td.product-not-sold {
    background-color: #e1cdcd; 
}

@media print {

    @page {
        size: 330mm 427mm;
        margin: 14mm;
    }

    [class*="col-md"], [class*="col-sm"], [class*="col-xs"] {
        float: none;
    }

    .container {
        width: 1170px;
    }

    .hide-print {
        display: none; 
    }

    .page-break {
        page-break-after: always; 
        page-break-inside: avoid; 
    }

    .no-page-break {
        page-break-inside: avoid; 
    }
}