.navbar .container-fluid { padding: 7px 15px; max-width: 600px; }
.bold { font-weight: bold; }
.btn-round       { border-radius: 30px; padding: 6px 9px; margin-right: 10px; }
.btn-round-right { border-radius: 30px; padding: 6px 9px; margin-left: 10px; float: right; }
.btn-plus        { border-radius: 30px; padding: 10px 11px 10px 14px; position: fixed; bottom: 30px; right: 15px; z-index: 1; }
.btn-plus .glyphicon { font-size: 30px; }
.add-new-frm { display: flex; margin-bottom: 15px; }
.add-new-frm button { margin-left: 15px; }
.empty-msg { text-align: center; font-size: 13px; padding: 10px; color: #c0c0c0; background-color: #ffffff; border: 1px solid; border-radius: 5px; }
.main-contents { max-width: 600px; margin-left: auto; margin-right: auto; }
.main-contents table { max-width: 600px; margin-bottom: 50px; }
.main-contents table td { vertical-align: middle !important; }
.main-contents table#lists td { padding: 12px; }
.main-contents table#items td { line-height: 1.2; }
.main-contents table#deleted td { background-color: #ffebe3 !important; color: #c0c0c0; }
.qty { width: 5%; text-align: center; font-weight: bold; }
.qty .btn { min-width: 35px; padding: 3px 8px; font-size: 15px; color: #bbb; }
.qty .btn.big { font-weight: bold; color: #000; }
.gray { color: #c0c0c0; }
.del { width: 5%; }
#qty-modal .modal-body .btn { margin: 5px; min-width: 54px; }