.report_section{
    border: 1px solid;
    border-bottom: none;
    padding:4px 8px;
}
.report_border_top{
    border-top: 1px solid black;
    padding:8px;
}
.photo-label{
    min-width:93px;
    width:93px;
}
.report-photo img{
    max-width:100%;
}
.report_checklist{
    border-bottom:1px solid;
    padding:0;
}
.report_checklist h3{
    padding: 4px 8px 0;
}
.report_checklist table td{
    vertical-align:middle;
}
.report_number{
    font-weight:bold;
    font-size:2rem;
    padding-right:8px;
}
.report-label{
    min-width: 165px;
    font-weight: 500;
}
.report-logo{
    max-width:50%;
    height:auto;
}
.report_complete .heading{
    font-weight:bold;
}
.report_complete .col{
    text-align:center;
    border:1px solid;
    border-left:none;
    padding: 8px;
}
.report_complete .col:last-child{
    border-right:none;
}
.yesno-group{
    padding: 0 8px;
}
.materialQty-input{
    width:100px;
    margin-right:4px;
}
.main_remarks{
    margin-bottom:38px;
}
.main_remarks textarea{
    height:100%;
}
.materialsUsed_container{
    min-width:300px;
}
.checklist-nav{
    border-top:1px solid black;
}
.checklist-nav .nav-tabs{
    padding: 8px;
    padding-bottom:0;
}
.print-btn:before{
    padding-right:8px;
}
.status-dropdown-menu{
    padding:0!important;
}
.status-dropdown-item:hover{
    cursor:pointer;
}
/* mpdf testing */
.reportHeader{
    position:relative;
}
.reportHeader>div{
    display:inline-block;
    position:absolute;
    right:0;
}
.reportHeader>div>div{
    display: inline-block;
    vertical-align: top;
}
.report-container, #jobReport-container{
    background:white;
}
.printBody{
    background: #484848;
}
#labourRecordBody .form-control{
    padding:0.2rem 0.2rem!important;
}
#labourRecordBody select{
    min-width: 30px;
}
#jobReport-container .report-label{
    min-width: 120px!important;
}
@media print{
    .printBody{
        background:white;
    }
    .container{
        width:1000px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
    }
    thead{

    }
    .text-center{
        text-align:center;
    }
    table{
        border:1px solid black;
        border-collapse: collapse;
        width:100%;
        border-right:none;
    }
    th,td{
        border:1px solid black;
    }
    td{
        padding: 4px 4px;
    }
    th{
        text-align:left;
    }
    tr th:first-child{
        width:250px;
    }
    tr th:nth-child(2){
        width:80px;
    }
    h3,h4{
        margin-top: 0;
        margin-bottom: 0.5rem;
        margin-bottom: 8px;
        line-height: 1.2;
    }
    h3{
        font-size: 1.75rem;
    }
    h4{
        font-size: 1.5rem;
    }
    .row{
        display:table;
        width:100%;
    }
    .col{
        display:table-cell;
        vertical-align:top;
        width:50%;
    }
    .input-group{
        display:table;
        margin-bottom:0.25rem;
    }
    .input-group-text{
        display:table-cell;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 500;
        /* line-height: 1.5; */
        /* color: #212529; */
        /* text-align: center; */
        /* white-space: nowrap; */
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        vertical-align:middle;
    }
    .input-group > .form-control{
        display: table-cell;
        vertical-align:middle;
        width: 100%;
        width:260px;
        /*not sure about this */
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        /*line-height: 1.5;*/
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left:0;
        margin:0;
    }
    .table-light th{
        background-color:#f8f9fa;
        padding: 0.5rem 0.5rem;
    }
    .table-borderless, .table-borderless th, .table-borderless td{
        border:0!important;
    }
    .report_checklist.report_section{
        border:0;
    }
    .report_checklist h3{
        padding:8px;
        padding-bottom:0;
        margin:0;
        margin-top:8px;
    }
    .bg-light{
        background-color: rgb(248, 249, 250);
    }
    .bg-success{
        background-color: rgb(25, 135, 84);
    }
    .bg-warning{
        background-color: rgb(255, 193, 7);
    }
    .bg-danger{
        background-color: rgb(220, 53, 69);
    }
    .bg-secondary{
        background-color: rgb(108, 117, 125);
    }
    .report_complete .col{
        width:33%;
    }
    .p-2{
        padding:8px;
    }
    .main_remarks{
        padding-left:0;
    }
    .main_remarks h4{
        padding-left:8px;
    }
    .materialsUsed_container{
        padding-right:0;
    }
    /*.main_remarks .checklist-input{
        resize:none;
        width:100%;
        padding:4px;
    }*/
    .main_remarks > div{
        border:1px solid;
    }
    .main_remarks_row{
        display:table;
        width:100%;
    }
    .main_remarks_row>div{
        display:table-cell;
        width:50%;
    }
    .materialQty-input{
        border:0!important;
    }
    .btn-delete{
        display:none!important;
    }
    /* TODO: maybe can remove these?*/
    .checklist-nav{
        display:none!important;
    }
    .tab-pane{
        display:block!important;
        opacity:1!important;
    }
}