first commit

admin/static/css/Pos.pos.css

@@ -0,0 +1,229 @@
+body {
+    height: 100% !important;
+}
+
+.flex-full-column {
+    display: flex;
+    flex-direction: column;
+    height: 95%;
+}
+
+.flex-row-wrap {
+    display: flex;
+    flex-wrap: wrap;
+    height: 100%;
+    align-items: stretch;
+}
+
+.flex-full-grow {
+    flex-grow: 1;
+}
+
+.ui-widget-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.ui-front {
+    z-index: 100;
+}
+
+.no-close .ui-dialog-titlebar-close {
+    display: none;
+}
+
+.buy_count {
+    display: inline-block;
+    width: 25px;
+    text-align: center;
+    vertical-align: middle;
+    margin-right: 5px;
+
+}
+
+.buy_count i {
+    display: block;
+    font-size: 23px;
+    color: #95969a;
+}
+
+.buy_count i:hover {
+    color: rgba(0, 0, 0, 0.2);
+    cursor: pointer;
+}
+
+.form-control-spinner .form-control {
+    text-align: center;
+    width: auto;
+    display: inline-block;
+    max-width: 60%;
+    padding: 0 !important;
+}
+
+.pos-tip {
+    padding-left: 10px;
+    top: 30%
+}
+
+.panel-heading {
+    font-size: 12px;
+}
+
+.price-row {
+    width: 100%;
+    line-height: 12px;
+}
+
+.item-input {
+    padding-top: 5%;
+}
+
+.form-control-spinner input {
+    float: left;
+}
+
+.deleteItem {
+    margin-top: 15px;
+}
+
+.form-pieces label {
+    font-size: 12px;
+
+}
+
+input[type='number'] {
+    -moz-appearance: textfield;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+
+.list_item {
+    padding-top: 2px !important;
+    padding-bottom: 2px !important;
+    /*height: 65px;*/
+}
+
+.product_name {
+    padding-bottom: 0 !important;
+    line-height: 20px;
+}
+
+.product_code {
+    font-size: 12px;
+}
+
+[data-form-new] .input-group .chosen-single {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    height:46px;
+    font-size: 18px;
+    padding-top: 8px;
+}
+
+.chosen-container .chosen-single{
+    height:46px;
+    font-size: 18px;
+    padding-top: 8px;
+}
+
+[data-form-new] .input-group-addon {
+    padding: 0;
+    background-color: white;
+    border: 0;
+}
+
+span[role=status] div{
+    display:none;
+}
+
+.alert {
+    border-bottom-left-radius: 20px !important;
+}
+
+.selecter{
+    height: 46px;
+}
+
+.loader {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    z-index: 1;
+    width: 150px;
+    height: 150px;
+    margin: -75px 0 0 -75px;
+    border: 16px solid #f3f3f3;
+    border-radius: 50%;
+    border-top: 16px solid #0d4db6;/*#4aa9f9;*/
+    width: 120px;
+    height: 120px;
+    -webkit-animation: spin 2s linear infinite;
+    animation: spin 2s linear infinite;
+}
+
+.loader-text {
+    position: absolute;
+    left: 35%;
+    top: 60%;
+    font-size:20px;
+}
+
+@-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
+    color: white;
+    border: 0;
+    background: white;
+}
+
+@media screen and (max-width: 1024px){
+    .input-group .input-group-addon:nth-child(1), .input-group .btn.btn-danger.btn-lg{
+        padding-left: 2px !important;
+        padding-right: 2px !important;
+    }
+
+    .form-control.input-lg {
+        max-width: 125%;
+    }
+
+    .list-group .btn.btn-danger {
+        padding-left: 2px !important;
+        padding-right: 2px !important;
+    }
+
+    #save_order {
+        font-size: 10px;
+    }
+}
+
+.dealer-price-level {
+    padding-top: 5px;
+    padding-left: 50px;
+}
+
+.note {
+    padding-left: 20px;
+}
+
+.no-padding {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+.small-text {
+    font-size: 12px;
+}