body {
    background: none;
}

th, td {
    font-family: "Arial Narrow", Arial, sans-serif;
    color: #000;
    vertical-align: top;
    text-align: left;
    padding: 0;
}

.hide {
    display: none;
}

@media print {
    .noPrint {
        display: none;
    }

    .comments th, #expenses th {
        border-bottom: 1px solid #000;
    }

    .comments td, #expenses td {
        border-bottom: 1px solid #ccc;
    }

    td {
        font-size: 10px;
    }

    th {
        font-size: 11px;
    }

    h4 {
        font-size: 14px;
        margin: -15px 0px 0px 0px;
        font-family: malgun Gothic;
    }

}

@media screen {
    body {
        padding: 20px;
    }

    #topPanel {
        position: fixed;
        top: 0px;
        width: 100%;
        background: #fff;
    }

    #load {
        margin-top: 40px;
    }
}

.red-dot {
    height: 7px;
    width: 7px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}

.pink-dot {
    height: 7px;
    width: 7px;
    background-color: #ff69b4;
    border-radius: 50%;
    display: inline-block;
}

.blue-dot {
    height: 7px;
    width: 7px;
    background-color: blue;
    border-radius: 50%;
    display: inline-block;
}

.yellow-dot {
    height: 7px;
    width: 7px;
    background-color: orange;
    border-radius: 50%;
    display: inline-block;
}

.green-dot {
    height: 7px;
    width: 7px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
}

.submit-form-row {
    text-align: right;
}

.submit-form-row span {
    visibility: hidden;
}

.is-hide-row td {
    color: red !important;
}

.hide-row {
    display: none;
}

.is-wait-hide-row td {
    color: orange !important;
}

.hide-wait-row {
    display: none;
}

.purchased-hide {
    display: none;
}

.meal-hide {
    display: none;
}

.is-air-hide {
    display: none;
}

.popup {

}

td.highlight > a {
    background: #4a96ff !important;
    color: #fff !important;
}