null@charset "UTF-8";
@font-face {
  font-family: "Nuckle";
  font-display: auto;
  font-stretch: normal;
  src: url("https://files.reservatech.net/venues/co-motion/fonts/HW+Nuckle+Bold.woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Nuckle";
  font-display: auto;
  font-stretch: normal;
  src: url("https://files.reservatech.net/venues/co-motion/fonts/HW+Nuckle+Medium.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MD Nichrome";
  font-display: auto;
  font-stretch: normal;
  src: url("https://files.reservatech.net/venues/co-motion/fonts/MDNichrome-Black.woff2");
  font-weight: normal;
  font-style: normal;
}
body {
  color: #000000;
  background-color: #F7F7F7;
}
body .shop {
  /* ------ Header ------ */
  /* ------ Footer ------ */
  /* ------ All Modal Popups ------ */
}
body .shop .header-shadower.banner-page {
  background-color: #000000;
}
body .shop .header-section {
  background-color: #000000;
  color: #ffffff;
}
body .shop .header-section .header .section-right i {
  color: #ffffff;
}
body .shop .header-section .header .section-right i:hover {
  color: #0040A6;
}
body .shop .header-section .header .section-right .shop-cart a {
  color: #ffffff;
}
body .shop .header-section .header .section-right .shop-cart a:hover {
  color: #0040A6;
}
body .shop .header-section .header .section-right .shop-cart .product-count {
  color: #ffffff;
}
body .shop .header-section .header .section-right .time {
  color: #ffffff;
}
body .shop .header-section .header .section-right .time:hover {
  color: #0040A6;
}
body .shop .content-section {
  /* ------ Couleurs de texte ------ */
  /* ------ Plusieurs atoms ------ */
  /* ------ Boutons ------ */
  /* ------ Forfait ------ */
  /* ------ Confirmation d'achat ------ */
  /* ------ Full shop ------ */
}
body .shop .content-section h1, body .shop .content-section h2, body .shop .content-section h3, body .shop .content-section h5 {
  color: #0040A6;
}
body .shop .content-section a {
  color: #0040A6;
}
body .shop .content-section a:hover {
  color: rgb(0, 44.3373493976, 115);
}
body .shop .content-section .content-container .accented-text {
  color: #0040A6;
}
body .shop .content-section .content-container .accented-text:hover {
  color: rgb(0, 44.3373493976, 115);
}
body .shop .content-section .done-section {
  background: #F7F7F7;
}
body .shop .content-section .overview {
  background: #F7F7F7;
}
body .shop .content-section .alert.alert-info {
  background-color: rgb(166, 200.313253012, 255);
  border-color: #0040A6;
  color: #000000;
}
body .shop .content-section .alert.alert-warning {
  background-color: rgb(255, 219.6929133858, 179);
  border-color: #FFC480;
  color: #000000;
}
body .shop .content-section .alert.alert-danger {
  background-color: rgb(246.3461538462, 187.8461538462, 182.6538461538);
  border-color: #E63D2E;
  color: #000000;
}
body .shop .content-section .alert.alert-success {
  background-color: rgb(238.2440944882, 255, 179);
  border-color: #E3FF80;
  color: #000000;
}
body .shop .content-section .label.label-info {
  background-color: #0040A6;
  color: #000000;
}
body .shop .content-section .wait-spinner .spinner {
  color: #0040A6;
}
body .shop .content-section .wait-spinner .title {
  color: #000000;
}
body .shop .content-section .panel-tab-header {
  border-bottom-color: #0040A6;
}
body .shop .content-section .mdc-button, body .shop .content-section .icon-button {
  background-color: #0040A6;
  border-color: #0040A6;
  color: #fff;
}
body .shop .content-section .btn.btn-primary {
  background-color: #0040A6;
  border-color: #0040A6;
  color: #fff;
}
body .shop .content-section .btn.btn-primary:hover {
  background-color: rgb(0, 44.3373493976, 115);
  border-color: rgb(0, 44.3373493976, 115);
}
body .shop .content-section .btn.btn-default {
  background-color: #E3FF80;
  border-color: #E3FF80;
  color: #000000;
}
body .shop .content-section .btn.btn-default:hover {
  background-color: rgb(215.7559055118, 255, 77);
  border-color: rgb(215.7559055118, 255, 77);
}
body .shop .content-section .btn.btn-info {
  background-color: #0040A6;
  border-color: #0040A6;
  color: #000000;
}
body .shop .content-section .btn.btn-info:hover {
  background-color: rgb(0, 44.3373493976, 115);
  border-color: rgb(0, 44.3373493976, 115);
}
body .shop .content-section .btn.btn-warning {
  background-color: #FFC480;
  border-color: #FFC480;
  color: #000000;
}
body .shop .content-section .btn.btn-warning:hover {
  background-color: rgb(255, 172.3070866142, 77);
  border-color: rgb(255, 172.3070866142, 77);
}
body .shop .content-section .btn.btn-danger {
  background-color: #E63D2E;
  border-color: #E63D2E;
  color: #000000;
}
body .shop .content-section .btn.btn-danger:hover {
  background-color: rgb(200.9615384615, 38.4615384615, 24.0384615385);
  border-color: rgb(200.9615384615, 38.4615384615, 24.0384615385);
}
body .shop .content-section .btn.btn-success {
  background-color: #E3FF80;
  border-color: #E3FF80;
  color: #000000;
}
body .shop .content-section .btn.btn-success:hover {
  background-color: rgb(215.7559055118, 255, 77);
  border-color: rgb(215.7559055118, 255, 77);
}
body .shop .content-section .btn.btn-link {
  color: #0040A6;
}
body .shop .content-section .btn.btn-link:hover {
  color: rgb(0, 44.3373493976, 115);
}
body .shop .content-section .btn.update-email-btn {
  background-color: #0040A6;
  color: #fff;
}
body .shop .content-section .btn .badge {
  color: #0040A6;
}
body .shop .content-section .panel .panel-body {
  color: #000000;
}
body .shop .content-section .panel.panel-default {
  border-color: #A6A6A6;
}
body .shop .content-section .panel.panel-default .panel-heading {
  background-color: #A6A6A6;
  border-color: #A6A6A6;
  color: #000000;
}
body .shop .content-section .panel.panel-primary {
  border-color: #0040A6;
}
body .shop .content-section .panel.panel-primary .panel-heading {
  background-color: #0040A6;
  border-color: #0040A6;
  color: #000000;
}
body .shop .content-section .panel.panel-light {
  border-color: rgb(115, 168.9759036145, 255);
}
body .shop .content-section .panel.panel-light .panel-heading {
  background-color: rgb(115, 168.9759036145, 255);
  border-color: rgb(115, 168.9759036145, 255);
  color: #000000;
}
body .shop .content-section .panel-box {
  border: 1px solid #0040A6;
}
body .shop .content-section .panel-box .title {
  background-color: #0040A6;
}
body .shop .content-section .panel-box .title h3 {
  color: #000000;
}
body .shop .content-section .panel-box .panel-box {
  border: 1px solid rgb(115, 168.9759036145, 255);
}
body .shop .content-section .panel-box .panel-box .title {
  background-color: rgb(115, 168.9759036145, 255);
}
body .shop .content-section .panel-box .table .mainColorTable th {
  color: #0040A6;
}
body .shop .content-section .warning {
  background-color: rgb(246.3461538462, 187.8461538462, 182.6538461538);
  border-color: rgb(246.3461538462, 187.8461538462, 182.6538461538);
  color: #000000;
}
body .shop .content-section .mdc-chip {
  background-color: #0040A6;
  color: #fff;
}
body .shop .content-section .product-section-container {
  color: #000000;
}
body .shop .content-section .home-banner.row-content {
  margin-top: 30px;
  margin-bottom: 0px;
}
body .shop .content-section .home-banner img {
  width: 100%;
  background-size: cover;
}
body .shop .content-section .mdc-line-ripple, body .shop .content-section .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  background-color: #0040A6;
}
body .shop .content-section .mdc-ripple-upgraded--background-focused {
  background-color: rgba(0, 64, 166, 0.1);
}
body .shop .content-section .mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, body .shop .content-section .mdc-ripple-upgraded--background-focused .mdc-button__ripple::after {
  background-color: #0040A6;
}
body .shop .content-section .react-calendar__navigation button .calendar-arrow:not(:disabled) {
  background: #0040A6;
}
body .shop .content-section .mdc-button__ripple:hover {
  background-color: rgba(0, 64, 166, 0.1);
}
body .shop .footer-section {
  background: #000000;
  color: #ffffff;
}
body .shop .footer-section h3 {
  color: #ffffff;
}
body .shop .footer-section button, body .shop .footer-section a, body .shop .footer-section i {
  color: #ffffff;
}
body .shop .footer-section button:hover, body .shop .footer-section a:hover, body .shop .footer-section i:hover {
  color: #0040A6;
}
body .shop .ModalPopup .titlePanel,
body .shop .confirm-box .titlePanel {
  background-color: #0040A6 !important;
}

body {
  /* ---------- Ticket-Search --------- */
  /* ------ advanced-ticket-selection ------- */
}
body .display-sam-2024 a {
  cursor: pointer;
  color: #ffffff;
}
body .display-sam-2024 a:hover {
  color: #ccc;
}
body .shop {
  /* -------- Header -------- */
  /* -------- Contenu -------- */
  /* -------- Footer -------- */
}
body .shop .header-shadower {
  position: fixed;
  top: 0;
  background-color: #F7F7F7;
  width: 100%;
  height: 78px;
  z-index: 100;
}
body .shop .header-shadower.banner-page {
  height: 103px;
}
body .shop .header-section {
  font-family: Nuckle;
  box-shadow: none;
  border-radius: 48px;
  margin-top: 27px;
  margin-left: 24px;
  margin-right: 24px;
  height: 48px;
  color: white;
}
body .shop .header-section .header {
  margin: 8px 22px;
  height: 32px;
}
body .shop .header-section .header .section-left {
  padding: 0;
}
body .shop .header-section .header .section-left .logo img {
  width: auto;
  height: 35px;
  padding: none;
}
body .shop .header-section .header .section-right {
  padding: 0;
}
body .shop .header-section .header .section-right i:hover {
  color: #ccc;
}
body .shop .header-section .header .section-right .item {
  gap: 5px;
  padding: 5px 16px;
  border-radius: 30px;
  height: 32px;
  min-width: 67px;
  background-color: #393939;
}
body .shop .header-section .header .section-right .item .user-session-info-widget button.icon-button i {
  font-size: 2em;
}
body .shop .header-section .header .section-right .item.no-padding {
  padding: 0;
}
body .shop .header-section .header .section-right .item .shop-cart a:hover {
  color: #ccc;
}
body .shop .header-section .header .section-right .item .time .elapsed {
  width: 77px;
}
body .shop .header-section .header .section-right .item .search {
  font-size: 1.2em;
}
body .shop .header-section .header .section-right .item:has(.hidden-timer),
body .shop .header-section .header .section-right item.cart-timer {
  display: none;
}
body .shop .header-section .header .section-right .item:has(.displayed-timer) {
  display: flex;
}
body .shop .content-section {
  margin-top: 78px;
  /* -------- Fonts et titles -------- */
  font-family: Nuckle;
  /* -------- Contrôles dans la vente -------- */
  /* -------- Forfait -------- */
  /* -------- Confirmation d'achats -------- */
  /* -------- Couleur sur le plan de salle -------- */
  /* -------- Boutons -------- */
  /* -------- Searchbar home page -------- */
  /* ------- Artist page text ------- */
  /* ------- Option products ------- */
  /* ------- Package page ------- */
  /* ------- Membership cards popup ------- */
}
body .shop .content-section .container-fluid {
  font-family: Nuckle;
}
body .shop .content-section h1,
body .shop .content-section h2,
body .shop .content-section h3,
body .shop .content-section h4 {
  color: #000000;
  font-family: Md Nichrome;
}
body .shop .content-section h1 {
  font-size: 80px;
}
body .shop .content-section h2 {
  font-size: 65px;
}
body .shop .content-section h4 {
  font-size: 30px;
}
body .shop .content-section h4.media-heading {
  font-size: 24px;
}
body .shop .content-section h5,
body .shop .content-section h6 {
  font-family: Nuckle;
  color: #000000;
}
body .shop .content-section h5 {
  font-size: 18px;
}
body .shop .content-section h6 {
  font-size: 16px;
}
body .shop .content-section .title-box .right-content {
  padding-top: 0px;
}
body .shop .content-section .title-box .right-content .btn-xs {
  margin-top: 5px;
}
body .shop .content-section .title-box h5 {
  font-family: MD Nichrome;
}
body .shop .content-section .list-group .list-group-item:hover {
  background-color: rgb(204.25, 204.25, 204.25);
}
body .shop .content-section .list-group .list-group-item.active {
  background-color: rgb(204.25, 204.25, 204.25);
  border: none;
}
body .shop .content-section .media.clickable.mouse-over {
  background-color: rgb(191.5, 191.5, 191.5);
}
body .shop .content-section .media.clickable.active {
  background-color: #A6A6A6;
  border: none;
}
body .shop .content-section .label.label-info {
  background-color: rgba(0, 64, 166, 0.4);
  padding-top: 8px;
  padding-bottom: 8px;
}
body .shop .content-section .alert {
  border-radius: 32px;
  padding: 15px 15px 10px 15px;
}
body .shop .content-section .panel {
  border-radius: 32px;
}
body .shop .content-section .panel .panel-heading {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
body .shop .content-section .panel .panel-heading h4 {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
}
body .shop .content-section .panel.panel-default {
  border: none;
}
body .shop .content-section .panel.panel-primary {
  border: none;
}
body .shop .content-section .panel.panel-light {
  border: none;
}
body .shop .content-section .panel.panel-light .panel-heading {
  background-color: rgb(191.5, 191.5, 191.5);
  border-color: rgb(191.5, 191.5, 191.5);
}
body .shop .content-section .panel.panel-light .panel-heading .panel-title {
  color: #000000;
}
body .shop .content-section .panel-box {
  border-radius: 32px;
}
body .shop .content-section .orderconfirmation .panel-box {
  font-size: 14px;
  border-radius: 32px;
  padding: 20px;
}
body .shop .content-section .orderconfirmation .panel-box .title {
  padding: 0px;
  background: none;
}
body .shop .content-section .orderconfirmation .panel-box .title h3 {
  font-size: 26px;
  margin-bottom: 5px;
}
body .shop .content-section .orderconfirmation .panel-box .body {
  padding: 0px;
}
body .shop .content-section .orderconfirmation .order-details .panel-box {
  background-color: #0040A6;
  border-color: #0040A6;
}
body .shop .content-section .orderconfirmation .order-details .panel-box .title h3 {
  color: #fff;
}
body .shop .content-section .orderconfirmation .order-details .panel-box .body {
  color: #fff;
}
body .shop .content-section .orderconfirmation .transaction-receipt .panel-box {
  background-color: #E63D2E;
  border-color: #E63D2E;
}
body .shop .content-section .orderconfirmation .contact-details .panel-box {
  background-color: #E3FF80;
  border-color: #E3FF80;
}
body .shop .content-section .orderconfirmation .shipping-address .panel-box {
  background-color: #FFC480;
  border-color: #FFC480;
}
body .shop .content-section .orderconfirmation .package-details .panel-box {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
body .shop .content-section .orderconfirmation .package-details .panel-box .panel-box {
  background: none;
  border: none;
}
body .shop .content-section .orderconfirmation .package-details .panel-box .panel-box .title h3 {
  font-family: Nuckle;
  font-size: 20px;
}
body .shop .content-section .orderconfirmation .event-details .panel-box {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
body .shop .content-section .orderconfirmation .total {
  border-radius: 32px;
  border-color: #A6A6A6;
  background-color: #A6A6A6;
}
body .shop .content-section .mobileVenuePlan .scroll-handle {
  background-color: rgba(255, 255, 255, 0.9333333333);
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .unavailableSeat {
  background-color: #FA3D2E;
  border-color: rgb(251.191588785, 107.2336448598, 95.808411215);
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .availableSeat {
  background-color: rgba(20, 79, 173, 0.3333333333);
  border-color: rgba(20, 79, 173, 0.3333333333);
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .availableSeatHover {
  background-color: rgb(245.1398963731, 248.5025906736, 253.8601036269);
  border-color: rgb(9.4300518135, 37.2487046632, 81.5699481865);
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .selectedSeat {
  background-color: white;
  border-color: #144FAD;
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .context-menu {
  background-color: #A6A6A6;
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .context-menu li {
  color: #000000;
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .context-menu li:hover {
  background-color: #cecece;
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .seatLocationArrow.arrow {
  background-color: #0040A6;
  border-color: #0040A6;
}
body .shop .content-section .mobileVenuePlan .mobile-venue-plan-viewport .seatLocationArrow.icon {
  border-color: #0040A6;
}
body .shop .content-section .mdc-button {
  line-height: 22.85px;
}
body .shop .content-section .mdc-button > span {
  padding-top: 2.5px;
}
body .shop .content-section .mdc-button.icon-btn {
  padding: 7px 12px;
  min-width: 36px;
}
body .shop .content-section .mdc-button .mdc-button__ripple {
  border-radius: 36px;
}
body .shop .content-section .btn,
body .shop .content-section .mdc-button {
  min-height: 36px;
  min-width: 80px;
  border-radius: 36px;
  text-transform: none;
  font-family: Nuckle;
  font-size: 16px;
  padding: 6px 12px 3px 12px;
}
body .shop .content-section .btn.icon-btn,
body .shop .content-section .mdc-button.icon-btn {
  padding: 7px 12px;
  min-width: 36px;
  height: 36px;
}
body .shop .content-section .btn.btn-price-group,
body .shop .content-section .mdc-button.btn-price-group {
  min-height: 100%;
  padding: 6px 12px;
}
body .shop .content-section .btn.btn-price-group .price-group,
body .shop .content-section .mdc-button.btn-price-group .price-group {
  padding: 1px 9px;
}
body .shop .content-section .btn.btn-price-group .price-group .info .name,
body .shop .content-section .mdc-button.btn-price-group .price-group .info .name {
  padding-top: 3px;
}
body .shop .content-section .btn.btn-price-group .price-group .price,
body .shop .content-section .mdc-button.btn-price-group .price-group .price {
  padding: 7px 12px 4px 12px;
}
body .shop .content-section .btn p,
body .shop .content-section .mdc-button p {
  margin: 0;
}
body .shop .content-section .btn.btn-xs,
body .shop .content-section .mdc-button.btn-xs {
  min-height: 25px;
  min-width: 80px;
  padding: 1px 15px;
  border-radius: 13px;
  text-transform: none;
  font-size: 15px;
}
body .shop .content-section .btn.btn-xs.icon-btn,
body .shop .content-section .mdc-button.btn-xs.icon-btn {
  min-width: 25px;
  min-height: 25px;
}
body .shop .content-section .btn.form-inline-button,
body .shop .content-section .mdc-button.form-inline-button {
  line-height: inherit;
}
body .shop .content-section .btn.btn-info,
body .shop .content-section .mdc-button.btn-info {
  color: white;
}
body .shop .content-section .btn .badge,
body .shop .content-section .mdc-button .badge {
  padding-top: 4px;
}
body .shop .content-section .btn.disabled,
body .shop .content-section .btn[disabled],
body .shop .content-section fieldset[disabled] .btn {
  opacity: 0.4;
}
body .shop .content-section input[type=text],
body .shop .content-section input[type=password],
body .shop .content-section select {
  border-radius: 8px;
  height: 36px;
}
body .shop .content-section .input-group .form-control:first-child,
body .shop .content-section .input-group-addon:first-child,
body .shop .content-section .input-group-btn:first-child > .btn,
body .shop .content-section .input-group-btn:first-child > .btn-group > .btn,
body .shop .content-section .input-group-btn:first-child > .dropdown-toggle,
body .shop .content-section .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
body .shop .content-section .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  min-width: 45px;
}
body .shop .content-section .input-group .form-control:last-child,
body .shop .content-section .input-group-addon:last-child,
body .shop .content-section .input-group-btn:last-child > .btn,
body .shop .content-section .input-group-btn:last-child > .btn-group > .btn,
body .shop .content-section .input-group-btn:last-child > .dropdown-toggle,
body .shop .content-section .input-group-btn:first-child > .btn:not(:first-child),
body .shop .content-section .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-width: 45px;
}
body .shop .content-section input[type=text],
body .shop .content-section qty-btn input[type=text],
body .shop .content-section .qty-selector > .number-spinner > input.form-control {
  height: 36px;
}
body .shop .content-section input.form-control,
body .shop .content-section button.form-inline-button {
  height: 36px !important;
}
body .shop .content-section .event-info h3 {
  color: white;
}
body .shop .content-section .warning span {
  display: block;
  padding-top: 2.5px;
}
body .shop .content-section .searchbar,
body .shop .content-section .searchbar-item,
body .shop .content-section .mdc-text-field__input,
body .shop .content-section .mdc-floating-label,
body .shop .content-section .mdc-chip {
  font-family: Nuckle;
}
body .shop .content-section .mdc-chip__text {
  padding-top: 1px;
}
body .shop .content-section .search-input .mdc-text-field {
  border-radius: 48px 0 0 48px;
}
body .shop .content-section .searchbar-desktop .searchbar-item--secondary:nth-last-child(2) .mdc-select {
  border-radius: 0 48px 48px 0;
}
body .shop .content-section .searchbar-desktop .searchbar-item--secondary:nth-last-child(2) .mdc-select > .mdc-select__anchor {
  border-radius: 0 48px 48px 0;
}
body .shop .content-section .search-btn .mdc-button {
  height: 60px;
  min-width: unset;
  width: 63px;
  border-radius: 50%;
}
body .shop .content-section .search-btn .mdc-button > i {
  margin-top: -16px;
  margin-right: 12px;
}
body .shop .content-section .event-button > button {
  font-size: 16px;
  padding: 3px 12px;
}
body .shop .content-section .event-button > button i {
  margin-bottom: 1px;
}
body .shop .content-section .more-filters .mdc-button:not(:disabled) {
  background: transparent;
  color: #0040A6;
  margin-top: 5px;
}
body .shop .content-section .mdc-text-field__input {
  padding-bottom: 17px;
}
body .shop .content-section .mdc-floating-label--float-above {
  transform: translateY(-76%) scale(0.75);
}
body .shop .content-section .mdc-chip {
  border-radius: 50px;
}
body .shop .content-section .event-banner-text.light h4 {
  color: white;
}
body .shop .content-section .product-section-container {
  background-color: unset;
}
body .shop .content-section .well > h4 {
  margin-top: 10px;
}
body .shop .content-section .media-object {
  width: 104px;
  height: 150px;
}
body .shop .content-section .markdown-description h1 {
  font-size: 21px;
}
body .shop .content-section .markdown-description ul {
  margin-top: 15px;
  padding-left: 25px;
}
body .shop .content-section .markdown-description p {
  margin: 10px;
}
body .shop .footer-section {
  font-family: Nuckle;
}
body .shop .footer-section h3,
body .shop .footer-section h4,
body .shop .footer-section .custom-menu {
  font-family: MD Nichrome;
}
body .shop .footer-section .media .logo {
  text-align: center;
}
body .shop .footer-section .media .logo img {
  width: auto;
  height: 65px;
}
body .shop.full-shop .content-section {
  margin-top: 0;
}
body .small-ticket-search .ticket-search {
  justify-content: inherit;
}
body .small-ticket-search .ticket-search .form-control {
  width: 115px;
}
@media screen and (max-width: 500px) {
  body .small-ticket-search .ticket-search .form-control {
    width: 50px;
  }
}
body .content-box {
  background-color: white;
}
@media screen and (max-width: 500px) {
  body .content-box {
    padding: 0px;
  }
}
body .sub-content-box {
  background-color: #F7F7F7;
}

/************ Responsive ************/
@media screen and (max-width: 500px) {
  body .shop .header-shadower {
    height: 100px !important;
  }
  body .shop .header-section {
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  body .shop .header-section .section-left {
    padding: 0;
    min-width: 100%;
  }
  body .shop .header-section .header {
    height: 75px;
    flex-direction: column;
    margin: 10px 22px 0 22px !important;
  }
  body .shop .header-section .header .section-right {
    background-color: #F7F7F7;
    justify-content: center !important;
    position: relative;
    min-width: 100vw;
    padding: 0px;
  }
  body .shop .header-section .header .section-right .item:has(.cart-status-control .time) {
    margin-top: -4px;
  }
  body .shop .header-section .header .section-right .shop-cart a {
    color: #ffffff;
  }
  body .shop .header-section .header .section-right .shop-cart a:hover {
    color: #0040A6;
  }
  body .shop .header-section .header .section-right .shop-cart .product-count {
    color: #ffffff;
  }
  body .shop .header-section .header .section-right .shop-cart .product-count:hover {
    color: #0040A6;
  }
  body .shop .header-section .header .section-right i {
    color: #ffffff;
  }
  body .shop .header-section .header .section-right i:hover {
    color: #0040A6;
  }
  body .shop .header-section .header .section-right .time {
    color: #ffffff;
  }
  body .shop .header-section .header:has(.section-right .item .cart-status-control .time) {
    height: 115px;
  }
  body .shop .header-section .header:has(.section-right .item .cart-status-control .time) .section-left {
    height: 40px;
  }
  body .shop .header-section .header:has(.section-right .item .cart-status-control .time) .section-right {
    height: 65px;
    align-items: flex-start;
  }
  body .shop .content-section {
    margin-top: 100px;
  }
  body .shop .title-box .right-content {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1280px) {
  body .content-section .searchbar-mobile .searchbar-item {
    margin-top: 5px;
  }
  body .content-section .searchbar-mobile .searchbar-item .mdc-select {
    border-radius: 48px;
  }
  body .content-section .searchbar-mobile .searchbar-item .mdc-select > .mdc-select__anchor {
    border-radius: 48px;
  }
  body .content-section .searchbar-desktop .search-input .mdc-text-field {
    border-radius: 48px;
  }
  body .content-section .date-picker-dropdown {
    border-radius: 48px;
  }
}