﻿@media print {
    *,
    *:before,
    *:after {
        color: black !important;
        background: #fff !important;
    }

    a,
    a:any-link {
        text-decoration: none;
    }

    body {
        min-width: unset !important;
    }

    *::-webkit-scrollbar {
        display: none;
    }

    .break-before {
        page-break-before: always;
    }

    .btn {
        border: none;
    }
}

@media screen and (max-width: 575px) {
    .btn-xs-block {
        width: 100% !important;
        display: block !important;
    }
}

@page {
    /*size: A4 !important;*/
    size: unset !important;
}

hr.solid-1 {
    border: 1px solid black;
}

hr.solid-2 {
    border: 2px solid black;
}

.table th {
    border-top: none;
}

.table td {
    border-top: none;
}

.input-table td, .input-table th {
    padding: .3rem .3rem .3rem .1rem
}

    .input-table td:first-child {
        padding-left: .3rem;
    }

.tr-sm td {
    padding-top: 0;
    padding-bottom: 0;
}

.highlight {
    background-color: #b4bdc07a;
}

.callout a {
    text-decoration: none;
    color: #fff;
}

/*select2 fix*/
.select2 {
    width: 100% !important;
}

.input-group .select2-container, .form-group .select2-container {
    position: relative !important;
    z-index: 2;
    float: left !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    display: table !important;
    table-layout: fixed !important;
}

.input-validation-error {
    border-color: red;
}

.s-no-cell {
    width: 3.7em;
    min-width: 3.7em;
}

.m-no-cell {
    width: 5.7em;
    min-width: 5.7em;
}

.l-no-cell {
    width: 7.7em;
    min-width: 7.7em;
}

.particulars-cell {
    width: 100%;
    min-width: 12em;
}

.num-input {
    text-align: right
}

.icon-col {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.drill-btn-col {
    width: 120px;
    min-width: 120px;
}

.chk-lbl-focus {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
}

.form-control {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

    .form-control:focus {
        border-color: #80bdff;
        -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
        box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
    }

.btn:focus {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 4px 0.3rem rgba(255, 65, 0, 0.65);
}

.btn-voucher {
    border-radius: 50px;
    color: inherit;
    background: none;
    border: 1px solid darkgray;
    min-width: 70px;
}

.duline {
    text-decoration-line: underline;
    text-decoration-style: double;
}

.total-tally {
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: double;
}

.multiline {
    white-space: pre-line;
}

.page-title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 1rem;
    color: darkgray;
}

.group-box {
    background-color: #d5d5d582;
    padding: .75rem 1.25rem;
    margin-bottom: .75rem;
    position: relative;
    border-radius: .25rem;
}

.rowlink {
    cursor: pointer;
}

.nolink {
    cursor: default !important;
}

.bg-section {
    background-color: #f4f6f9;
}

.content-with-menu {
    display: grid;
    grid-template-columns: 1fr 134px;
}