/* 
    Created on : 2020
    Author     : shaban chamba
*/

/* =========================
   BASE LAYOUT
========================= */

html, body {
    height: auto; /* Remove 100% height, allow content to grow */
    margin: 0;
    padding: 0;
}

.row.content {
    height: auto; /* Allow the content row to grow with content */
}

/* sidenav */
.sidenav {
    background-color: #f1f1f1;
    height: auto; /* Remove 100% height, adjust as necessary */
}

/* navbar */
.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

/* footer */
footer {
    background-color: #f2f2f2;
    padding: 25px;
}

/* =========================
   GENERAL STYLES
========================= */

body {
    background-color: #f5f5f5;
    font-size: 12px;
    font-family: monospace;
}

.pointer {
    cursor: pointer;
}

.pwell {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.errMsg {
    color: red;
    font-size: 10px;
}

.infoMsg {
    color: lightblue;
    font-size: 10px;
}

.custDetail,
.trans-receipt {
    height: auto; /* Remove fixed height, let the content grow */
    background-color: #fff;
}

/* =========================
   SCROLLBAR
========================= */

.scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    background-color: transparent;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
    background-color: #C8D1E1;
}

/* =========================
   UI ELEMENTS
========================= */

.latestStuffsBody {
    font-size: 3em;
    color: #fff;
    height: 100px;
}

.latestStuffsText {
    font-size: 15px;
}

.navbarIcons {
    color: #337ab7;
    font-size: 16px;
}

/* =========================
   BOX / PANEL
========================= */

.box .box-header:before,
.box .box-header:after {
    display: table;
    content: " ";
}

.box .box-header:after {
    clear: both;
}

.box .box-header .box-title {
    display: inline-block;
    padding: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    float: left;
    color: #fff;
}

.box .box-body {
    padding: 15px;
    border-radius: 0 0 3px 3px;
}

.panel-height {
    max-height: 300px;
}

.margin-top-5 {
    margin-top: 5px;
}

.panel-hash > .panel-heading {
    color: #fff;
    background-color: #333;
}

.panel-hash > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.custom-active {
    background-color: #333;
}

/* =========================
   PRINT SPECIFIC STYLES
========================= */
@media print {
    /* Hide elements that shouldn't be printed */
    .hidden-print {
        display: none;
    }

    /* Prevent breaking content in the middle */
    .receipt-container {
        page-break-inside: avoid;
    }

    /* Force a page break before the receipt */
    .receipt-body {
        page-break-before: always;
    }

    /* Style for table to ensure it doesn't overflow */
    .table {
        width: 100%;
        page-break-inside: auto;
        page-break-after: auto;
    }

    /* Forcing content to be fully visible */
    .modal-body {
        overflow: visible !important;
    }

    /* Adjust page margins */
    @page {
        margin: 10mm;
    }
}