body{background-color:#f4f4f4}.container{width:98%}.row{margin-top:30px;margin-bottom:30px}.content{width:100%;min-height:300px;background-color:#fff}.content .header{width:100%;height:30px;background-color:#9a9a9a;color:#fff;font-size:20px;padding-left:31px;line-height:30px}header{width:100%;height:50px;background:#8c35db}header .navbar-logo{margin-left:10px;float:left;width:48px}header .navbar-logo img{width:100%}.btn-logout,.current-user{float:right;margin-right:31px;cursor:pointer;color:#fff;margin-top:14px}.btn-logout:hover,.current-user:hover{color:#fff}body{background:#fff}.add-order{text-align:left;margin-top:20px;margin-bottom:28px}.order-list .order-list-result{margin-top:15px}.order-list .order-list-result .order-list-result-item{display:flex;padding:10px 20px;border:1px solid #aaa;font-size:14px;border-radius:5px;margin-bottom:8px;background:rgba(255,255,255,0.6)}.order-list .order-list-result .order-list-result-item div{margin:auto;margin-left:15px;width:20%}.order-list .order-list-result .order-list-result-item div:first-child{margin-left:0}.order-list .order-list-result .order-list-result-item .no-item{width:100%}.order-list .order-list-result .order-list-result-item .no-item h5{font-size:20px;color:#02b3e4;text-align:center}.order-list .order-list-result .order-list-result-item .order-number{white-space:nowrap}.order-list .order-list-result .order-list-result-item .order-number h5{font-size:20px;color:#02b3e4;margin-bottom:5px;margin-top:3px}.order-list .order-list-result .order-list-result-item .order-number p{font-size:12px;color:#9b9b9b;margin-bottom:0}.order-list .order-list-result .order-list-result-item .order-status span{width:100%;max-width:150px;padding:4px 5px;text-align:center;color:#000;border-radius:2px;display:block}.order-list .order-list-result .order-list-result-item .order-status .padding{background-color:#ffbf3b;color:#fff}.order-list .order-list-result .order-list-result-item .order-status .paid{background-color:#10b14b;color:#fff}.order-list .order-list-result .order-list-result-item .order-status .reject{background-color:#cf0a2c;color:#fff}.order-list .order-list-result .order-list-result-item .order-total{text-align:right;font-size:22px}.order-list .order-list-result .order-list-result-item .order-detail-button{text-align:right}.order-list .order-list-result .order-list-result-item .order-detail-button .btn-outline-secondary{font-size:14px;border-color:#ddd;padding:4px 10px;color:#666}.order-list .order-list-result .order-list-result-item.header{font-size:20px;background:#eee;color:#000;border:none;padding:8px 20px}.order-list .order-list-result .order-list-result-item.header-mobile{display:none}@media (max-width: 992px){.order-list .order-list-result{margin-top:10px;padding:0 10px}.order-list .order-list-result .order-list-result-item{display:block;padding:10px;margin-bottom:10px;position:relative}.order-list .order-list-result .order-list-result-item div{margin:0;width:50%}.order-list .order-list-result .order-list-result-item .order-status{position:absolute;right:10px;top:10px;text-align:right;width:120px}.order-list .order-list-result .order-list-result-item .expired{margin-top:10px}.order-list .order-list-result .order-list-result-item .order-total{text-align:left;margin-top:10px}.order-list .order-list-result .order-list-result-item .order-detail-button{position:absolute;right:10px;bottom:15px;text-align:right;width:auto}.order-list .order-list-result .order-list-result-item.header{display:none}.order-list .order-list-result .order-list-result-item.header-mobile{display:inline-block;font-size:20px;background:#eee;color:#000;border:none;padding:8px 20px;width:100%}}