﻿

@media print {

    #printableTransformationOptions {
        display: flex;
    }


    .tabulator-print-table {
        /*all:unset;*/
        width: 100%;
    }


    




    /*input.form-control {*/
    /*all:unset;*/
    /*padding: 1mm;
        margin: 1mm;
        height: 6mm;
        vertical-align: middle;
    }*/

    .form-group input.form-control {
        /*all: unset;    */
        /*display:inline;
        width:auto;*/
        padding: 0px 2px 0px 2px;
        margin: 0px 0px 0px 0px;
        height: 6mm;
        /*vertical-align: middle;*/
    }

    .print-inline {
        display: inline;
        width: auto;
        margin: 2px !important;
    }

    /*#collapseCondition > div > table > tbody > tr:nth-child(2) > td:nth-child(1){
        height:auto;
    }*/
    table.table.table-sm td > p {
        padding: 0px 2px 0px 2px;
        margin: 0px 2px 0px 2px;
        /*font-size: .9em;*/
    }

    table.table.table-sm td {
        padding: 0px 2px 0px 2px;
        margin: 0px 2px 0px 2px;
        /*font-size: .9em;*/
    }

    td > input.form-control {
        padding: 0px 2px 0px 2px;
        margin: 0px 2px 0px 2px;
        height: 6mm;
        vertical-align: middle;
        /*font-size: .9em;*/
    }

    #geo_output > div > table > thead > tr > th {
        padding: 0;
        margin: 0;
    }

    /*span.input-group-text {        
        margin: 1px !important;
        padding: 0px !important;
        height: 6mm !important;
        vertical-align: middle;
    }*/


    .form-group {
        /*all: unset;*/
        /*background-color: transparent;*/
    }

    /* Make sure card elements will stay grouped when printing. */ 
    .card {
        page-break-inside: avoid;
    }

    .card-header > h2 > button {
        padding: 0px;
        margin: 0px;
    }

    .card-body {
        margin: 1px;
        padding: 1px;
    }



    label.control-label {
        /*all:unset;*/
        margin: 0px;
        padding: 0px;
    }

    [data-group=CoordinateOptions] {
        all: unset;
        color: black;
    }

    button.btn.btn-outline-info {
        all: unset;
        display: none;
    }

    div.input-group-append {
        /*all: unset;*/
        background-color: transparent;
    }

    div.input-group > a {
        display: none;
    }

    div.input-group input.form-control {
    }

    span.input-group-text {
        /*all: unset;*/
        background-color: transparent;
        vertical-align: bottom;
        border: none;
        border-width: 0;
        padding: 1mm;
        margin: 1mm;
    }

    div.col-lg > table.table-borderless.table-sm {
        all: unset;
        margin: 0;
        padding: 0;
        border-width: 0;
    }



    #printCheckBox_History {
        display: none;
    }

        #printCheckBox_History + label {
            display: none;
        }

    #markerHistoryCard:has(#printCheckBox_History:not(:checked)) {
        display: none;
        /*font-style: italic;*/
    }


    #printCheckBox_NonCoordRev {
        display: none;
    }

        #printCheckBox_NonCoordRev + label {
            display: none;
        }

    #nonCoordRevCard:has(#printCheckBox_NonCoordRev:not(:checked)) {
        display: none;
        /*font-style: italic;*/
    }


    /* hide the checkbox and label to turn photos printing on/off   */
    #printCheckBox_Photos {
        display: none;
    }

        #printCheckBox_Photos + label {
            display: none;
        }



    /* hide the Tabulator photo table for all print scenarios   */
    #detailsPhotosCard {
        display: none;
    }

    /* if the checkbox is unchecked then hide entire photo output div  */
    #printablePhotosSection:has(#printCheckBox_Photos:not(:checked)) {
        display: none;
    }

    /* if the checkbox is checked then show the photo table -- this is NOT the same as the Tabulator table  */
    #printablePhotosSection:has(#printCheckBox_Photos:checked) {

        #printablePhotos {
            /*            background-color: red;*/
            display: block;
        }
    }
}
