@media print {
    .btn {
        display: none !important;
    }
}

.inputdiv {
    padding: 20px;
  
}

#answer1, #answer2, #answer3, #answer4 {
    margin-top: 20px;
    font-weight: normal;
    display: none;
    /*overflow:scroll;*/
}
#xanswer {
    margin-left:3px;
    margin-top:10px;
}

table#tbl_answer2 {
    border-collapse: collapse;
    width: 100%;
    margin-top:20px;
}

    table#tbl_answer2 tr td, table#tbl_answer2 tr th {
        padding: 10px;
        border: solid 1px gray;
        text-align: right;
    }

td:not(:first-child), th:not(:first-child) {
    padding-left: 10px
}

th {
    text-align: left;
    background-color: #efefef;
}

table#tbl_answer2 tr th {
    text-align: left;
}
@media screen and (min-width:750px) {
    .cmbodropdowndiv > .editmenu {
        display: none;
    }
}



.calc {
    min-width: 100px;
    min-height: 22px;
    padding: 12px;
    border: solid 1px #a9a9a9;
    clear: both;
    text-align: right;
    background-color: #efefef;
}
#btn2 {
    margin-left:0;
    margin-top:20px;
}
.result {
    background-color: #efefef;
}

    .result:not(:empty) {
        background-color: forestgreen;
        color: white;
        font-weight: bold;
    }

.red {
    color:red;
    display:none;
    font-size:14px;
    margin-top:4px;
}
label {
    font-weight: normal;
}

.cur {
    text-align: right;
}

.sheet {
    width: 100%;
}

    .sheet td {
        padding: 10px;
    }

.sheetpadder {
    padding: 20px;
    border: solid 1px gray;
    margin-top: 20px;
    clear: both;
}


#tbljeugd th {
    background-color: white;
    font-weight: normal;
}





.invalid {
    //background-color: #FCE5E5;
}

/* Card view below 750px */
@media (max-width: 750px) {
    #tbljeugd,
    #tbljeugd thead,
    #tbljeugd tbody,
    #tbljeugd th,
    #tbljeugd td,
    #tbljeugd tr {
        display: block;
    }

        #tbljeugd thead {
            display: none;
        }

        #tbljeugd tr {
            margin-bottom: 1rem;
            padding: 0.5rem;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #fff;
        }

        #tbljeugd td {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            border: none;
            padding: 0.5rem;
        }

            #tbljeugd td::before {
                content: attr(data-label);
                //font-weight: 600;
                margin-right: 1rem;
                width:50%;
            }

        #tbljeugd tr:has(th) {
            display: none;
        }

                #tbljeugd tr td .calc {
                    width: 100%;
                    margin-left: 10px;
                }



}

.km tr th {
    background-color:white;
}