.etrack{font-family:'Lato', sans-serif;font-weight:200;color:#000}.etrack .col-12{margin-bottom:5rem}.etrack .col-12 h1{font-weight:300;font-family:'Lato', sans-serif;font-size:48px}.etrack #search{padding-top:45px}.etrack #search form{width:50%;display:block;margin:0 auto;margin-top:20px;height:50px}.etrack #search form input{width:80%;height:45px;float:left;font-size:16px;border:1px solid #333;padding-left:15px;border-right:0px}.etrack #search form button[type=submit]{float:left;margin:0px;border:0;width:20%;height:45px;border:1px solid #333;border-left:0;background:#333;color:#FFF}.etrack .col{position:relative;min-height:200px}.etrack .col a{color:#000;margin:10px;font-size:14px;width:50%;display:block}.etrack .col span.status{padding:5px;font-size:11px;text-align:center;display:inline-block !important;width:auto !important;margin:0 auto;color:#FFF !important;background:#999;margin-bottom:10px;border-radius:5px}.etrack .col span.status.twstatus{float:none;min-width:100%;background-color:#63f1ac;color:#333 !important}.etrack .col span.status.online{background-color:#449f46}.etrack .col h1,.etrack .col h2{font-family:'Lato', sans-serif;font-weight:300;font-size:2rem}.etrack .col::before,.etrack .col::after{content:"";width:45px;height:45px;border-color:#000;border-top:1px solid;border-left:1px solid;position:absolute;display:block;top:-20px;left:-20px}.etrack .col::after{left:90%;top:100%;border-top:0px;border-bottom:1px solid;border-left:0px;border-right:1px solid}.etrack .col .magorder{width:90%;display:block;font-weight:normal;float:left;margin-bottom:30px;border-bottom:1px solid #ccc}.etrack .col .magorder span{float:left;display:block;width:50%;height:30px;font-size:14px !important}.etrack .col .magorder .retail{font-size:17px;font-weight:bold;width:50%;float:left}.etrack .col .magorder .date{float:left;width:50%;font-size:14px}.etrack .col .magorder .date::before{content:"Created date: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .orderdate{float:left;width:50%;font-size:14px}.etrack .col .magorder .orderdate::before{content:"Order date: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .bus{float:left;width:50%;font-size:14px}.etrack .col .magorder .bus::before{content:"Bus: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .name{float:left;width:50%;font-size:14px}.etrack .col .magorder .name::before{content:"Customer: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .email{float:left;width:50%;font-size:14px}.etrack .col .magorder .email::before{content:"Email: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .phone{float:left;width:50%;font-size:14px}.etrack .col .magorder .phone::before{content:"Phone: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .magID{font-size:13px !important;font-weight:300}.etrack .col .magorder .status{color:#333}.etrack .col .magorder .navid{font-size:14px}.etrack .col .magorder .navid::before{content:"Nav order: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .total{font-size:14px}.etrack .col .magorder .total::before{content:"Amount: ";margin-right:4px;font-size:13px;font-weight:600}.etrack .col .magorder .discount::before{content:"Discount:";margin-right:4px;font-size:13px;font-weight:600}.etrack #magload,.etrack #hhload{visibility:hidden}.etrack .load.shown{display:inline-block;visibility:visible !important}.etrack .load{position:relative;width:80px;height:80px}.etrack .load div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#333;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.etrack .load div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.etrack .load div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.etrack .load div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.etrack .load div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}