
#khpi_zno_lookup_form label input, #khpi_zno_lookup_form input {
    width: 100%;
}

#khpi_zno_lookup_form {
    width: 50%;

}

#zno input
{
    background-color:inherit;
    border-color: #888;
    border-style: solid;
    border-width:1px;
}

#zno input[disabled]
{
    cursor: default;
    background-color: #dedede !important;
    color: #dedede;
    border-color: rgba(118, 118, 118, 0.3);
}

#zno input:disabled::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dedede;
}
#zno input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #dedede;
}
#zno input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #dedede;
}
#zno input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #dedede;
}

/* grid */
.zno_row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
    margin-bottom: 10px;
}
.zno_row:last-child {
    margin-bottom: 0;
}
[class*="zno_col-"] {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

#spec h2
{
    margin-top: 0px;
}

@media all and ( min-width: 600px ) {

    /* set col widths */
    .zno_col-2-3 {
        width: 66.66%;
    }
    .zno_col-1-2 {
        width: 50%;
    }
    .zno_col-1-3 {
        width: 33.33%;
    }
    .zno_col-1-4 {
        width: 25%;
    }
    .zno_col-3-4 {
        width: 75%;
    }
    .zno_col-1-8 {
        width: 12.5%;
    }
}