/*# sourceMappingURL=custom.scss.map */
.ticket-container {
  float: left; }
  .ticket-container .nav-tabs {
    border: 0px; }
    .ticket-container .nav-tabs .nav-link {
      width: 33.3%;
      border: 0px;
      display: table-cell;
      vertical-align: middle;
      font-size: 14px;
      height: 36px;
      text-align: center;
      color: #97bd00;
      background-color: #f9f9f9;
      text-transform: uppercase;
      background-size: 100%;
      border-radius: 0;
      font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-image: linear-gradient(#fff 30%, #f9f9f9);
      box-shadow: inset 2px 2px 0 -1px #ccc, inset 0 -4px 0 -2px rgba(0, 0, 0, 0.2); }
      .ticket-container .nav-tabs .nav-link.active {
        background: #69a507;
        box-shadow: inset 0 3px 0 -1px rgba(0, 0, 0, 0.2);
        color: white;
        cursor: default; }
      .ticket-container .nav-tabs .nav-link:last-child {
        border-radius: 0 5px 5px 0;
        box-shadow: inset 0 0 0 1px #ccc, inset 0 -3px 0 -1px rgba(0, 0, 0, 0.2); }
      .ticket-container .nav-tabs .nav-link:first-child {
        border-radius: 5px 0 0 5px;
        box-shadow: inset 1px 1px 0 0 #ccc, inset 0 -3px 0 -1px rgba(0, 0, 0, 0.2); }
  .ticket-container .tab-content .field .number {
    font-family: Arial,sans-serif;
    color: #ccc;
    display: block;
    margin: 2px !important;
    float: left;
    font-size: 11px;
    line-height: 19px;
    width: 21px !important;
    font-weight: 600;
    height: 20px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ccc !important;
    box-sizing: border-box;
    cursor: default;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none; }
  .ticket-container .tab-content .ticket {
    border: 2px solid #ddfbac !important;
    border-radius: 4px;
    float: left;
    width: 100%; }
    .ticket-container .tab-content .ticket .ticket-list {
      width: 100%; }
      .ticket-container .tab-content .ticket .ticket-list li.field {
        border: 2px solid #ddfbac;
        float: left;
        width: 20%;
        position: relative;
        padding: 0 8px; }
        .ticket-container .tab-content .ticket .ticket-list li.field .fieldHeader.empty {
          color: #ccc;
          font-weight: 400;
          font-style: italic;
          font-family: Arial,sans-serif;
          line-height: 18px;
          text-align: center;
          font-size: 12px;
          border: 1px #ccc solid;
          margin: 7px auto;
          border-radius: 4px; }
        .ticket-container .tab-content .ticket .ticket-list li.field ul {
          float: left;
          text-align: center; }
          .ticket-container .tab-content .ticket .ticket-list li.field ul li {
            position: relative; }
        .ticket-container .tab-content .ticket .ticket-list li.field .bg-text {
          color: #ddfbac;
          font-size: 82px;
          font-family: Arial,sans-serif;
          font-weight: 700;
          z-index: -1; }
  .ticket-container .tab-content .submit-lottery {
    background: #f2f2f2;
    border-radius: 4px; }
    .ticket-container .tab-content .submit-lottery .btn-submit {
      background-image: linear-gradient(#c3dc41, #97bd00);
      display: inline-block;
      cursor: pointer;
      height: 48px;
      background-color: #c3dc41;
      color: #fff;
      font-family: Arial,sans-serif;
      font-weight: 700;
      font-size: 16px;
      text-decoration: none;
      text-align: center;
      text-shadow: 1px 1px 0 #586e00;
      padding: 0 17px 0 37px;
      border: 0;
      border-radius: 5px;
      vertical-align: bottom;
      box-sizing: border-box;
      line-height: 34px;
      padding-top: 0;
      padding-bottom: 2px;
      box-shadow: inset 0 -4px 0 -2px #708f00;
      background-size: 100%;
      background-image: linear-gradient(#c3dc41, #97bd00); }
      .ticket-container .tab-content .submit-lottery .btn-submit:hover {
        background: #c3dc41;
        color: #fff;
        text-decoration: none; }
      .ticket-container .tab-content .submit-lottery .btn-submit .fa {
        margin-right: 10px;
        position: relative; }
        .ticket-container .tab-content .submit-lottery .btn-submit .fa:before {
          position: absolute;
          left: -22px;
          top: -20px;
          height: 30px;
          width: 30px;
          font-size: 15px;
          border-radius: 50%;
          background: #708f00;
          line-height: 28px; }
    .ticket-container .tab-content .submit-lottery .price {
      color: #535353;
      font-weight: 600;
      font-family: arial;
      margin-top: 0;
      padding-bottom: 12px !important; }
    .ticket-container .tab-content .submit-lottery .info-icon {
      font-size: 24px;
      color: #ccc;
      margin: 0 10px 0 10px; }
  .ticket-container .tab-content .lott-list li {
    display: inline-block;
    font-size: 17px;
    width: 35px;
    height: 35px;
    color: #444;
    line-height: 35px;
    text-align: center;
    border: 1px solid #d9deda;
    border-radius: 50%;
    margin-right: 7px;
    margin-bottom: 7px; }
  .ticket-container .tab-content .stat-table th, .ticket-container .tab-content .stat-table td {
    width: 9.09%;
    border: 0px;
    color: #444;
    text-align: center; }

.content-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.w-1 {
  width: 1% !important; }

.w-2 {
  width: 2% !important; }

.w-3 {
  width: 3% !important; }

.w-4 {
  width: 4% !important; }

.w-5 {
  width: 5% !important; }

.w-6 {
  width: 6% !important; }

.w-7 {
  width: 7% !important; }

.w-8 {
  width: 8% !important; }

.w-9 {
  width: 9% !important; }

.w-10 {
  width: 10% !important; }

.w-11 {
  width: 11% !important; }

.w-12 {
  width: 12% !important; }

.w-13 {
  width: 13% !important; }

.w-14 {
  width: 14% !important; }

.w-15 {
  width: 15% !important; }

.w-16 {
  width: 16% !important; }

.w-17 {
  width: 17% !important; }

.w-18 {
  width: 18% !important; }

.w-19 {
  width: 19% !important; }

.w-20 {
  width: 20% !important; }

.w-21 {
  width: 21% !important; }

.w-22 {
  width: 22% !important; }

.w-23 {
  width: 23% !important; }

.w-24 {
  width: 24% !important; }

.w-25 {
  width: 25% !important; }

.w-26 {
  width: 26% !important; }

.w-27 {
  width: 27% !important; }

.w-28 {
  width: 28% !important; }

.w-29 {
  width: 29% !important; }

.w-30 {
  width: 30% !important; }

.w-31 {
  width: 31% !important; }

.w-32 {
  width: 32% !important; }

.w-33 {
  width: 33% !important; }

.w-34 {
  width: 34% !important; }

.w-35 {
  width: 35% !important; }

.w-36 {
  width: 36% !important; }

.w-37 {
  width: 37% !important; }

.w-38 {
  width: 38% !important; }

.w-39 {
  width: 39% !important; }

.w-40 {
  width: 40% !important; }

.w-41 {
  width: 41% !important; }

.w-42 {
  width: 42% !important; }

.w-43 {
  width: 43% !important; }

.w-44 {
  width: 44% !important; }

.w-45 {
  width: 45% !important; }

.w-46 {
  width: 46% !important; }

.w-47 {
  width: 47% !important; }

.w-48 {
  width: 48% !important; }

.w-49 {
  width: 49% !important; }

.w-50 {
  width: 50% !important; }

.w-51 {
  width: 51% !important; }

.w-52 {
  width: 52% !important; }

.w-53 {
  width: 53% !important; }

.w-54 {
  width: 54% !important; }

.w-55 {
  width: 55% !important; }

.w-56 {
  width: 56% !important; }

.w-57 {
  width: 57% !important; }

.w-58 {
  width: 58% !important; }

.w-59 {
  width: 59% !important; }

.w-60 {
  width: 60% !important; }

.w-61 {
  width: 61% !important; }

.w-62 {
  width: 62% !important; }

.w-63 {
  width: 63% !important; }

.w-64 {
  width: 64% !important; }

.w-65 {
  width: 65% !important; }

.w-66 {
  width: 66% !important; }

.w-67 {
  width: 67% !important; }

.w-68 {
  width: 68% !important; }

.w-69 {
  width: 69% !important; }

.w-70 {
  width: 70% !important; }

.w-71 {
  width: 71% !important; }

.w-72 {
  width: 72% !important; }

.w-73 {
  width: 73% !important; }

.w-74 {
  width: 74% !important; }

.w-75 {
  width: 75% !important; }

.w-76 {
  width: 76% !important; }

.w-77 {
  width: 77% !important; }

.w-78 {
  width: 78% !important; }

.w-79 {
  width: 79% !important; }

.w-80 {
  width: 80% !important; }

.w-81 {
  width: 81% !important; }

.w-82 {
  width: 82% !important; }

.w-83 {
  width: 83% !important; }

.w-84 {
  width: 84% !important; }

.w-85 {
  width: 85% !important; }

.w-86 {
  width: 86% !important; }

.w-87 {
  width: 87% !important; }

.w-88 {
  width: 88% !important; }

.w-89 {
  width: 89% !important; }

.w-90 {
  width: 90% !important; }

.w-91 {
  width: 91% !important; }

.w-92 {
  width: 92% !important; }

.w-93 {
  width: 93% !important; }

.w-94 {
  width: 94% !important; }

.w-95 {
  width: 95% !important; }

.w-96 {
  width: 96% !important; }

.w-97 {
  width: 97% !important; }

.w-98 {
  width: 98% !important; }

.w-99 {
  width: 99% !important; }

.cross {
  position: relative; }
  .cross:before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #000;
    content: url(../images/cross.png);
    font-family: FontAwesome;
    font-size: 19px;
    font-weight: 300;
    text-shadow: 1px 1px 1px #999;
    z-index: 1020;
    overflow: visible;
    transform: translate(-50%, -50%); }

.cart-head {
  text-transform: capitalize;
  font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

p.title, .cart-list .price, .coupon-block .price {
  font-family: Arial,sans-serif;
  color: #535353;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 13px; }

.desc span {
  margin: 0;
  padding: 0;
  line-height: 18px;
  color: #535353;
  font-size: 13px;
  font-family: arial;
  letter-spacing: 0; }

.cart-list li {
  margin-top: 13px;
  margin-bottom: 13px; }
  .cart-list li .actions .fa {
    color: #ccc; }
    .cart-list li .actions .fa:hover {
      color: #97bd00; }
.cart-list .content {
  padding-top: 15px; }

.btn-redeem {
  background-image: linear-gradient(#c3dc41, #97bd00);
  display: inline-block;
  cursor: pointer;
  height: 36px;
  background-color: #c3dc41;
  color: #fff;
  font-family: Arial,sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #586e00;
  padding: 0 17px 0 17px;
  border: 0;
  border-radius: 5px;
  vertical-align: bottom;
  box-sizing: border-box;
  line-height: 34px;
  padding-top: 0;
  padding-bottom: 2px;
  box-shadow: inset 0 -4px 0 -2px #708f00;
  background-size: 100%;
  background-image: linear-gradient(#c3dc41, #97bd00); }
  .btn-redeem:hover {
    background: #c3dc41;
    color: #fff;
    text-decoration: none; }

.coupon-block .discount-block {
  max-width: 200px;
  border-radius: 5px; }

.payable .payable-head {
  font-family: Arial,sans-serif;
  color: #97bd00;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
  margin-right: 89px !important;
  line-height: 18px;
  margin-bottom: 13px;
  position: relative; }
  .payable .payable-head:after {
    content: '\f0d7';
    font-family: FontAwesome;
    color: white;
    bottom: -24px;
    right: 50px;
    position: absolute; }

.confirm {
  height: 70px;
  background: #f2f2f2;
  padding: 17px 0; }

hr.dotted {
  border-top: 1px dotted #999; }

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