.requireMark{
	color: red;
}
.itemName{
    background: Gainsboro;
}
.noteText{
    font-size: 70%;
    color: red;
}
table .viewed
{
    background: #FAFAD2 !important;
}
.htTbl #th_no{
    width: 35px;
}
.htTbl #th_toggle{
    width: 20px;
}
.inputTime, .showTime{
    width: 150px !important;
    display: inline-block !important;
}

#prodDetail td{
    border: 1px solid #ebebec;
}
#prodDetail .itemName{
    width: 100px;
}
#prodDetail .itemInput{
    width: 300px;
}

#prodPreview .itemName{
    width: 100px;
}

td,th{
    padding: 1px 2px !important;
    vertical-align: middle !important;
}
input,select,textarea,button{
    margin-bottom: 0px !important;
}
button{
    padding: 5px 10px;
}

input:read-only { 
    background-color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-block;
}
textarea:read-only { 
    background-color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-block;
}
/* Navi Bar */
#navi{
    background: #333;
    overflow: auto;
    margin: 1px 0;
}
#navi a{
    color: white;
    padding: 5px 10px;
    display: block;
}
#navi .parent{
    float: left;
}
#navi .sub{
    display: none;
    position: absolute;
    background: grey;
    z-index: 1;
    min-width: 150px;
}
#navi a:hover{
    background: red;
}
#navi .parent:hover .sub{
    display: block;
}
#navi .active{
    background: #f0386c;
}
.modal {
    display:    none;
    position:   fixed;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(255,255,255);
    text-align: center;
    padding-top: 100px;
}
#accInfo{
    float: right;
    font-size: 70%;
}
input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.smallText70{
    font-size: 70%;
}