/*Colors*/
.main {
  margin-top: 70px;
}

.main > .ui.container.orders,
.main .ui.container.orderdetails {
  position: relative;
  border-top: 6px solid #f0cd00 !important;
}

.main > .ui.container.orders > .circle-header {
  margin: 40px 0;
  display: none;
}

.main > .ui.container.orders > #orderlist > .orders {
  border: none;
}

.main > .ui.container.orders > #orderlist > table {
  padding: 2%;
}

.main > .ui.container.orders > #orderlist > .orders > thead > tr > th {
  background: transparent;
  border-bottom: none;
}

.main > .ui.container.orders > #orderlist > .orders > thead > tr > th > .sortlink {
  color: #8ba9a4;
  font-weight: normal;
  font-size: 12px;
}

.main > .ui.container.orders > #orderlist > .orders > thead > tr > .orderno,
.main > .ui.container.orders > #orderlist > .orders > thead > tr > .orderdate,
.main > .ui.container.orders > #orderlist > .orders > thead > tr > .status,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderno,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderdate,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder {
  text-align: center;
}

.main > .ui.container.orders > #orderlist > .orders > thead > tr > .amount,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .amount {
  text-align: right;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr {
  cursor: pointer;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr:nth-child(2n) {
  background-color: transparent;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr:nth-child(odd) {
  background-color: #fafafa;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr:hover,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr:nth-child(odd):hover {
  background-color: whitesmoke;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > td {
  vertical-align: middle;
  border-top: none;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > td > .mobilelabel,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > td > .link > .mobilelabel {
  min-width: 100px;
  display: none;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > td > .mobilelabel {
  text-align: right;
  margin-right: 30px;
  text-transform: uppercase;
  font-weight: 400;
  color: #8ba9a4;
  font-size: 12px;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderno > .no,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .name,
.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .amount > .amt {
  /*	font-weight: 600;	*/
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderdate > .date {
  font-weight: normal;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderdate > .date {
  color: #8ba9a4;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event {
  padding: 20px 16px;
  word-wrap: break-word;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .name {
  font-size: 20px;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .description {
  font-size: 13px;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .amount > .amt {
  font-size: 15px;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.status {
  font-size: 13px;
  padding: 5px 8px;
  margin: 0;
  display: none;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.success {
  background-color: #77DD77;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.inprogress {
  background-color: #FFB347;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.cancelled {
  background-color: #836953;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.expired {
  background-color: #FF6961;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.error {
  background-color: #FF6961;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.refund {
  background-color: #FF6961;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.cashback {
  background-color: #FF6961;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder {
  word-wrap: break-word;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder > .link {
  color: #47b1c8;
}

.main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder > .link > .mobilelabel {
  cursor: pointer;
}

.main > .ui.container.grid > .orderstatusmessage {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  max-width: 600px;
  margin: 50px auto auto;
  padding: 0;
  text-align: center;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage {
  padding: 0 10px;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .material-icons.check,
.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .material-icons.watch_later {
  font-size: 4em;
  margin-top: 15px;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .orderstatus {
  margin-bottom: 15px;
  font-weight: 500;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .message {
  margin-bottom: 15px;
  padding: 1%;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .message > a {
  cursor: pointer;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .checkticket,
.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .gotoevent {
  display: inline-flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  position: relative;
  padding: 10px 30px;
  text-align: left;
  font-weight: normal;
}

.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .checkticket > .material-icons,
.main > .ui.container.grid > .orderstatusmessage > .statusmessage > .gotoevent > .material-icons {
  margin-left: 15px;
  font-size: 15px;
}

.main > .ui.container.grid > .eventinfo {
  padding: 0;
  margin-top: 80px;
}

.main > .ui.container.grid > .eventinfo > .crowned {
  padding-right: 0;
}

.main > .ui.container.grid > .eventinfo > .ui.grid {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate,
.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace {
  padding: 1.5em 20px !important;
  position: relative;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .calendar {
  min-height: 20px;
  font-size: 20px;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .date {
  font-size: 20px;
  font-weight: 100;
  margin-top: 15px;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .time {
  margin-top: 10px;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .marker {
  font-size: 20px;
  min-height: 20px;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .place {
  font-size: 20px;
  font-weight: 100;
  margin-top: 15px;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .address {
  margin-bottom: 45px;
  font-size: 15px;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .getdirection {
  margin: 0;
  position: absolute;
  bottom: 10px;
  border: 1px solid darkgrey;
  font-size: 14px;
  text-shadow: initial;
  padding: 10px 15px;
  font-weight: 500;
  color: darkgrey;
  background-color: white;
  display: block;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .googlemap {
  padding: 0;
}

.main > .ui.container.grid > .eventinfo > .ui.grid > .row > .googlemap > .mapimg {
  width: 100%;
  max-height: 250px;
}

.main > .ui.container.orderdetails > .ui.grid {
  margin: 20px;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .gotoorders > .ui.button {
  font-size: 15px;
  font-weight: normal;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .gotoorders > .ui.button,
.main > .ui.container.orderdetails > .ui.grid > .eventcancel > .cancelorder > .ui.button {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  text-transform: uppercase;
  font-weight: normal;
  color: #47b1c8;
  padding: 0;
  margin: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .gotoorders > .ui.button > .material-icons {
  font-size: 20px;
  margin-right: 10px;
}

.main > .ui.container.orderdetails > .ui.grid > .eventcancel {
  padding-top: 0;
  padding-bottom: 20px;
}

.main > .ui.container.orderdetails > .ui.grid > .eventcancel > .cancelorder {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.main > .ui.container.orderdetails > .ui.grid > .eventcancel > .cancelorder > .ui.button > .remove {
  height: 17px;
  font-size: 17px;
  margin: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .gotoorders > .ui.button,
.main > .ui.grid.orderdetails > .ui.grid > .eventcancel > .cancelorder > .ui.button:hover {
  background-color: transparent;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .gotoorders > .ui.button,
.main > .ui.grid.orderdetails > .ui.grid > .eventcancel > .cancelorder > .ui.button:active {
  background-color: transparent;
  box-shadow: none !important;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .column > .header {
  margin-bottom: 16px;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .column > .header > .crowned {
  margin: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .column > .header > .crowned.success {
  color: #21BA45;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .column > .header > .crowned.cancelled {
  color: #DB2828;
}

.main > .ui.container.orderdetails > .ui.grid > .row > .column > .header > .crowned.pending {
  color: #FBBD08;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #orderstatusdetails > .orderinfo {
  border: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #orderstatusdetails > .orderinfo > tbody > tr > td {
  border-top: 0;
  border-bottom: 1px solid #d8d8d8;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #orderstatusdetails > .orderinfo > tbody > tr > .label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: #bdbdbd;
  padding: 16px 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #orderstatusdetails > .orderinfo > tbody > tr > td:first-child {
  min-width: unset !important;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .header {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .header > .total > .label {
  margin-right: 5px;
  line-height: 1.45;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .header > .total {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-self: center;
  -moz-align-self: center;
  -webkit-align-self: center;
  padding-top: 16px;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .header > .total > .value {
  font-size: 18px;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal {
  border-radius: 0;
  box-shadow: initial;
  margin: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails {
  border-bottom: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid {
  padding: 0;
  border-radius: initial;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo {
  border: 0;
  margin: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid {
  padding: 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column > .header,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .row > .label,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .packagetype > .column > .header,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal > .column > .label,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal > .column > .label,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .column > .ticketowner > .header,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .column > .tickettype > .header {
  font-size: 12px;
  color: #739ba4;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column > p:nth-child(2) {
  word-wrap: break-word;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .tickettype,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .packagetype,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .bundletype,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .packagetype,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .tickettype {
  background-color: #fafafa;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal > .column > .value,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal > .column > .value {
  text-align: right;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal {
  padding: 16px 0;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .row > .column {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-align: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .row > .column.total {
  -webkit-box-pack: end;
  justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .conveniencefee,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .discount,
.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .clientfee {
  margin-bottom: 10px;
}

.main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .finaltotal > .total > .value {
  color: #21ba45;
}

.main #NoOrders {
  padding: 0 20px;
  text-align: center;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}

.main #NoOrders > .material-icons {
  font-size: 40px;
}

.main #NoOrders > h1 {
  margin-bottom: 10px;
  font-size: 33px;
  font-weight: 400;
}

.main #NoOrders h3 {
  color: #47b1c8;
  font-weight: 200;
  display: inline-block;
  border-bottom: 1px solid #47b1c8;
  font-size: 18px;
}

@media only screen and (max-width: 1200px) {
  .main .ui.container.orders,
  .main .ui.container.orderdetails {
    width: 100% !important;
    margin: 0 !important;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderno,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderdate,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .amount > .amt {
    font-size: 14px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .name {
    font-size: 18px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .description {
    font-size: 12px;
  }
  .main > .ui.container.orderdetails > .ui.grid {
    margin: 30px 10px 0;
  }
}

@media only screen and (max-width: 1050px) {
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .date,
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .place {
    font-size: 17px;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .time {
    font-size: 15px;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .address {
    font-size: 13px;
  }
}

@media only screen and (max-width: 930px) {
  .main {
    padding-left: 0;
    padding-right: 0;
  }
  .main > .ui.container.grid {
    padding-left: 0;
    padding-right: 0;
  }
  .main > .ui.container.grid > .eventinfo > .crowned {
    font-size: 29px;
    font-weight: 500;
  }
  .main > .ui.container.orderdetails > .ui.grid > .eventcancel > .event {
    width: 100% !important;
    text-align: center;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > .column {
    width: 100% !important;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails {
    margin-bottom: 35px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > .column > .header > .crowned {
    font-size: 26px;
  }
}

@media only screen and (max-width: 930px) {
  .main {
    padding-left: 0;
    padding-right: 0;
  }
  .main > .ui.container.grid {
    padding-left: 0;
    padding-right: 0;
  }
}

/*Small Devices*/
@media only screen and (max-width: 767px) {
  .main > .ui.container.orders > .circle-header {
    display: block;
  }
  .main > .ui.container.orders > #orderlist > .orders > thead {
    display: none;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr {
    padding: 16px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > td {
    padding: 5px 0 !important;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > td,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder > .link {
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    -webkit-box-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > td .mobilelabel,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.label.status,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder > .link > .mobilelabel {
    display: inline-block;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .status > .ui.circular.label {
    display: none;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderno,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .orderdate,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .name,
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .amount > .amt {
    font-size: 17px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .event > .details > .description {
    font-size: 13px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder > .link > .material-icons {
    font-size: 16px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder {
    -webkit-box-pack: end;
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    margin-top: 15px;
  }
  .main > .ui.container.grid > .eventinfo > .crowned {
    text-align: center;
    padding-left: 0;
  }
  .main > .ui.container.grid > .eventinfo > .crowned:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 5px auto auto;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .column {
    width: 100% !important;
    text-align: center;
    border-bottom: 1px solid #E2E2E2;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .date,
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .place {
    font-size: 21px;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventdate > .time {
    font-size: 17px;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace {
    padding-bottom: 50px !important;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .address {
    font-size: 15px;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .eventplace > .getdirection {
    width: 160px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 30px;
  }
  .main > .ui.container.grid > .eventinfo > .ui.grid > .row > .googlemap {
    padding: 0;
  }
  .main > .ui.container.orderdetails > .ui.grid {
    margin-left: 0;
    margin-right: 0;
  }
  .main > .ui.container.orderdetails > .ui.grid > .eventcancel > .event > .title {
    font-size: 27px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .eventcancel > .event > .shortdescription {
    font-size: 14px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > .column {
    padding: 0;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > .column > .header > .crowned {
    text-align: center;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > .column > .header > .crowned:before {
    left: 0;
    right: 0;
    margin: auto;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr > .label,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column > .header,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal > .column > .label,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .row > .label {
    font-size: 14px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr > td {
    padding: 0 16px !important;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr > .label {
    margin-bottom: 10px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #ordersummarydetails > .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .header > .total > .value {
    font-size: 21px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column,
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr {
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    width: 100% !important;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column > .header {
    display: block;
    margin-bottom: 5px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal > .column > .value {
    text-align: initial;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr > .label,
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column > .header {
    margin: 0;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal > .column,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal > .column {
    width: initial !important;
  }
}

@media only screen and (max-width: 500px) {
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > .vieworder {
    -webkit-box-pack: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > td > .mobilelabel {
    min-width: 80px;
  }
  .main > .ui.container.orders > #orderlist > .orders > tbody > tr > td > .mobilelabel {
    margin-right: 20px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal,
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column,
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-align: initial;
    align-items: initial;
    -moz-align-items: initial;
    -webkit-align-items: initial;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #orderstatusdetails > .orderinfo > tbody > tr > .label {
    margin-bottom: 10px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .orderdetails > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .row > .column {
    margin-bottom: 16px;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .ui.grid > .subtotal > .column,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarydetails > .packageinfo > .ui.grid > .subtotal > .column {
    margin: 0;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .conveniencefee > .column,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .finaltotal > .column {
    width: 100% !important;
  }
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .conveniencefee > .total,
  .main > .ui.container.orderdetails > .ui.grid > .row > #ordersummarydetails > .ordersummarylist > .ordersummarydetails > .summarytotal > .finaltotal > .total {
    display: block;
  }
}

/*# sourceMappingURL=order.css.map */

/*# sourceMappingURL=order.min.css.map */