/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
* {
  font-family: system-ui;
}

.form-group {
  margin-bottom: 0;
}

body {
  background: #fbfdff;
}

.messages__wrapper {
  margin-right: 30px;
  margin-left: 30px;
}

/* #ajax_loader
{
  background:url(ajax-loader.gif) no-repeat center center;
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
} */
.main-loader {
  top: 40% !important;
  left: 40% !important;
}

.form-required::after {
  content: "";
  vertical-align: super;
  display: inline-block;
  background-image: url(/core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}

.view-articles-detail-page .article-title-area {
  font-weight: 500;
  font-size: 30px;
  margin: 15px auto 0;
}

.webform-submission--hire-request-this-truck-add-form #edit-hire-truck-address-country-code,
.webform-submission--hire-request-this-truck-add-form #edit-hire-truck-address-container0,
.view-truck-check-ins .views-field-nothing-1,
.view-truck-check-ins .views-field-nid,
.view-truck-check-ins #eventDeleteDailog {
  display: none;
}

.view-truck-check-ins .view-footer {
  margin-bottom: 100px;
}

.page-node-type-article .tabs,
#dds-search-form>.form-actions {
  display: none !important;
}

#dds-search-form #edit-actions span.button {
  width: 125px;
  height: 45px;
  padding-top: 8px;
}

.view-national-truck-cities-list .view-content>h3 {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 15px;
}

.view-national-truck-cities-list .view-content .active,
.view-national-truck-cities-list .view-content>h3:hover {
  background-color: #555;
}

.view-national-truck-cities-list .view-content>h3:after {
  content: "\002B";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.view-national-truck-cities-list .view-content>h3.active:after {
  content: "\2212";
}

.view-national-truck-cities-list .view-content>.city-column {
  padding: 10px 18px;
  background-color: #f1f1f1;
  display: none;
  -webkit-column-width: 250px;
  -moz-column-width: 250px;
  -ms-column-width: 250px;
  -o-column-width: 250px;
  column-width: 250px;
}

.view-national-truck-cities-list .view-content {
  margin: 15px auto 35px auto;
}

.page-node-type-page article {
  padding-right: 15px;
  padding-left: 15px;
}

.view-articles-detail-page .article-author-area {
  font-size: 12px;
  margin-bottom: 15px;
}

.view-articles-detail-page .article-body-area {
  margin-bottom: 30px;
}

.view>.view-empty {
  text-align: center;
  padding: 25px;
}

.view.view-id-next_checks_in>.view-empty,
.view.view-vendor-message>.view-empty {
  padding: 0px;
}

.system-modules .package-listing>.panel-body {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 15px 30px;
}

.alert-success .successAlertCustom {
  text-align: center;
  font-size: 20px;
  width: 100%;
  display: block;
}

.path-frontpage .alert-success li {
  list-style: none;
}

/* Header styling Start */
header#navbar {
  max-width: 100%;
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e2f3ff;
  margin-bottom: 0px;
}

header#navbar #navbar-collapse {
  max-width: 90%;
  width: 90%;
  margin-bottom: 10px;
  margin-top: 10px;
}

#navbar .logo img {
  width: 100px;
}

#navbar-collapse .region-navigation-collapsible {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  max-width: 1196px;
  align-items: center;
}

.region-navigation-collapsible a.logo {
  width: 15%;
}

#block-foodtrucksin-main-menu {
  width: 50%;
  display: block;
  overflow: hidden;
  float: right;
}

.node-form~.block-views-blocktruck-info-block-1,
.node-form~.block-views-blocktruck-info-block-2,
.node-form~.block-all-social-custom-feeds-blocl {
  display: none !important;
}

#block-customusermenublock {
  width: 30%;
  display: block;
  overflow: hidden;
  float: right;
}

#block-customgearmenublock {
  width: 5%;
  display: block;
  float: right;
  position: relative;
}

.view-id-user_edit.view-display-id-block_1 .views-label {
  font-weight: bold;
  padding-right: 0.5em;
}

.truckOwnerMenuBlock img {
  width: 32px;
  cursor: pointer;
  z-index: 9;
}

#block-foodtrucksin-main-menu .menu--main {
  float: right;
}

.menu--user-account-menu {
  display: flex;
  float: right;
}

#navbar .nav>li {
  float: left;
  padding: 15px 0px;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 25px !important;
  color: #0261b7 !important;
  min-width: max-content;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
  cursor: pointer;
  opacity: 0.7;
}

#navbar .nav .is-active,
.menu--user-account-menu .first a {
  font-weight: bold;
}

.menu--user-account-menu .last a {
  color: black !important;
  border: 1px solid #337ab7;
  border-radius: 7px;
}

.page-node-type-trucks .breadcrumb,
.path-user-register .breadcrumb {
  display: none !important;
}

.user-logged-in #block-customusermenublock .last,
.user-logged-in #block-customusermenublock .first,
.block-custom-gear-menu-block>.contextual,
.page-header {
  display: none !important;
}

.view-header-banner .views_slideshow_cycle_teaser_section {
  width: 95% !important;
  margin: auto;
}

.view-header-banner .views_slideshow_cycle_slide {
  width: 100% !important;
  right: 0;
}

.view-header-banner .bannerHeading {
  font-weight: 900;
  font-size: 30px;
  line-height: 51px;
  margin-bottom: 10px;
}

.view-header-banner .bannerHeading strong {
  display: block;
  line-height: 1.2;
}

.view-header-banner .bannerBody {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.view-header-banner .sliderSlide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  max-width: 1196px !important;
}

.path-frontpage .page-header {
  padding: 0px;
  margin: 0px;
}

.path-frontpage .main-container,
.path-truck-owner .main-container {
  margin: auto;
  width: 100%;
  display: block;
  overflow: hidden;
}

.view-id-header_banner .views-slideshow-controls-bottom {
  margin: 20px auto 5px;
}

.view-id-header_banner .views_slideshow_controls_text_pause {
  display: none;
}

.view-id-header_banner .views_slideshow_controls_text_previous,
.view-id-header_banner .views_slideshow_controls_text_next {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(/themes/custom/foodtrucksin/images/SliderArrow.png) no-repeat;
  font-size: 0px;
  position: absolute;
  bottom: 50%;
}

.view-id-header_banner .views_slideshow_controls_text_previous {
  transform: rotateY(180deg);
  right: 95%;
}

.view-id-header_banner .views_slideshow_controls_text_next {
  left: 95%;
}

/* Header styling End */
#block-views-block-homepage-blocks-block-3 {
  display: block;
  overflow: hidden;
  width: 100%;
}

#block-customvaluedblock .membershipMainWrapper .membershipLink,
#block-views-block-valued-members-mobile-block-1 .membershipMainWrapper .membershipLink,
#block-views-block-non-valued-members-mobile-block-2 .membershipMainWrapper .membershipLink,
.view-id-search_trucks .membershipLink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 0;
  cursor: pointer;
}

.membershipID {
  font-size: 0;
}

#block-customvaluedblock .membershipMainWrapper,
#block-views-block-valued-members-mobile-block-1 .membershipMainWrapper,
#block-views-block-non-valued-members-mobile-block-2 .membershipMainWrapper,
.view-id-search_trucks .ProMemberWrapper {
  cursor: pointer;
  position: relative;
}

.main-container>.row>section {
  padding: 0;
}

.view-header-banner {
  background: #e2f3ff;
  margin-bottom: 0px;
  padding-bottom: 40px;
  position: relative;
}

.view-header-banner .view-content {
  max-width: 1196px;
  margin: auto;
  padding: 100px 0px;
}

.main-container .region-content {
  display: block;
  overflow: hidden;
  width: 100%;
  background: #fbfdff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.path-frontpage .main-container .region-content,
.page-node-type-trucks .main-container .region-content,
.path-truck-owner .main-container .region-content {
  margin-top: 0px;
  margin-bottom: 0px;
}

.main-container .region-content form {
  padding-left: 15px;
  padding-right: 15px;
}

.view-header-banner .view-content,
.block-views-blockhomepage-blocks-block-1 .view-homepage-blocks,
.block-views-blockhomepage-blocks-block-2 .view-homepage-blocks,
#block-customworksblock {
  max-width: 1196px;
  margin: auto;
  padding-top: 15px !important;
}

#block-customworksblock {
  display: block;
  position: relative;
}

.view-id-valued_members .view-valued-members {
  float: right;
}

.blockTitle,
.block-all-social-custom-feeds-blocl .block-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
}

.truckFoodMenu .blockTitle {
  margin-top: 50px;
  margin-bottom: 30px;
}

.blockDescription {
  font-size: 16px;
  text-align: center;
}

#block-customworksblock .views-row {
  display: block;
  overflow: hidden;
  width: 20%;
  margin: auto;
}

.block-views-blockhomepage-blocks-block-1 .view-content,
.block-views-blockhomepage-blocks-block-2 .view-content,
#block-customworksblock .view-content,
.view-id-valued_members .view-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 50px 0 65px 0px;
}

#block-customworksblock .contentMainWrapper {
  background: url(../images/bgwhite.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 25px 32px 0 32px;
  text-align: center;
  height: 240px;
}

#block-customworksblock .views-row:nth-child(4) .contentMainWrapper {
  background: none !important;
}

#block-customworksblock .views-row:nth-child(4) {
  margin-right: 25px !important;
  width: 24%;
}

#block-customworksblock .slick-arrow.slick-disabled {
  display: none !important;
}

.block-views-blockhomepage-blocks-block-1 .view-content .views-row {
  width: 15%;
}

#block-customworksblock .slick-list {
  display: block;
  overflow: hidden;
  width: 100%;
}

#block-customworksblock .contentImage img {
  display: block;
  margin: auto;
}

#block-customworksblock .slick-slide {
  display: block;
}

.block-views-blockhomepage-blocks-block-1 .contentMainWrapper {
  background: url(../images/bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 180px;
}

.ContentTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 21px;
  text-align: center;
  color: #0168b0;
  margin-top: 10px;
}

.ContentDescription {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
}

.views-element-container {
  margin-bottom: 0;
}

.block-views-blockhomepage-blocks-block-2 .views-row {
  width: 22%;
  text-align: center;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.block-views-blockhomepage-blocks-block-2 .contentImage img {
  vertical-align: middle;
  border-radius: 50px;
}

.block-views-blockhomepage-blocks-block-1 .contentImage img {
  height: 90px;
  width: 100px;
  object-fit: contain;
  object-position: center;
}

.ContentRatings {
  margin: 10px 0;
}

.block-views-blockhomepage-blocks-block-2 .views-field {
  padding: 30px 15px;
}

.memberLogo img {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

.memberTitle a {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  color: #181818;
  text-transform: capitalize;
}

.view-id-valued_members,
.view-id-non_valued_members {
  text-align: center;
}

.view-id-valued_members .memberBadge,
.view-id-non_valued_members .memberBadge,
#block-views-block-valued-members-mobile-block-1 .memberBadge,
#block-views-block-non-valued-members-mobile-block-2 .memberBadge {
  background: #0168b0;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  border-radius: 8px 8px 0px 0px;
}

.view-id-valued_members .memberBadge,
#block-views-block-valued-members-mobile-block-1 .memberBadge {
  background-color: #662d91;
}

.view-id-valued_members .memberLogo,
.view-id-non_valued_members .memberLogo,
#block-views-block-valued-members-mobile-block-1 .memberLogo,
#block-views-block-non-valued-members-mobile-block-2 .memberLogo {
  background-color: #e2f3ff;
  border-radius: 50%;
  margin: 25px auto;
  width: 153px;
  height: 153px;
  display: flex;
}

.view-id-valued_members .memberTitle,
.view-id-non_valued_members .memberTitle,
#block-views-block-valued-members-mobile-block-1 .memberTitle,
#block-views-block-non-valued-members-mobile-block-2 .memberTitle {
  width: 150px;
  text-align: center;
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
  -webkit-line-clamp: 2;
  height: 40px;
}

#block-customvaluedblock .membershipMainWrapper,
#block-views-block-valued-members-mobile-block-1 .membershipMainWrapper,
#block-views-block-non-valued-members-mobile-block-2 .membershipMainWrapper {
  background: #ffffff;
  border: 1px solid #e2f3ff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  width: 200px;
  margin: 15px;
}

.view-id-valued_members .views-view-grid .views-col,
.view-id-non_valued_members .views-view-grid .views-col {
  float: left;
  width: 200px !important;
  margin-right: 20px;
}

.view-id-valued_members .views-view-grid .views-row {
  float: right;
  clear: both;
  width: 100%;
}

#block-customvaluedblock .views-element-container {
  overflow: hidden;
  display: block;
  float: left;
}

.view-id-valued_members {
  width: 100%;
  float: left;
}

.view-id-non_valued_members {
  width: 100%;
  float: left;
}

#block-customvaluedblock {
  display: flex;
  justify-content: center;
}

.view-id-non_valued_members .view-content,
.view-id-valued_members .view-content {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 50px 0 65px 0px;
}

#slick-views-valued-members-block-1-1 .slick-list {
  padding-left: 15px !important;
}

#block-customworksblock .slick-next::before,
#block-customworksblock .slick-prev::before {
  display: none !important;
}

#block-customworksblock .slick-prev.slick-arrow,
#block-customworksblock .slick-next.slick-arrow {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(/themes/custom/foodtrucksin/images/SliderArrow.png) no-repeat;
  font-size: 0px;
  position: absolute;
  bottom: 50%;
}

#block-customworksblock .slick-prev.slick-arrow {
  transform: rotateY(180deg);
  top: 36% !important;
  left: -40px !important;
}

/* Food Truck Node Start */
.truckInfoWrapper .truckBadgeIcon h2,
.truckInfoWrapper .truckBadgeIcon .field--label {
  display: none;
}

.truckInfoWrapper .truckBadgeIcon img {
  width: 60px;
  margin-left: 30px;
}

.truckInfoWrapper .truckBadgeIcon {
  display: flex;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.view-id-truck_info .reportTruck {
  position: absolute;
  display: block;
  z-index: 3;
  bottom: 100px;
  left: 125px;
}

.view-id-truck_info .reportTruck .reportTooltip {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.view-id-truck_info .reportTruck:hover .reportTooltip {
  visibility: visible;
}

.block-all-social-custom-feeds-blocl .block-title {
  margin: 50px auto;
}

.block-all-social-custom-feeds-blocl {
  display: block;
  overflow: hidden;
  width: 100%;
  /* background: linear-gradient(180.06deg, #ffebe8 24.36%, #cfebfe 72.22%); */
  background: transparent;
  padding-bottom: 30px;
}

#quicktabs-social_integration_tabs,
#quicktabs-social_integration_tabs .ui-tabs-nav {
  background: transparent;
  border: none;
  padding: 0;
}

#quicktabs-social_integration_tabs .ui-state-active,
#quicktabs-social_integration_tabs .ui-widget-content .ui-state-active,
#quicktabs-social_integration_tabs .ui-widget-header .ui-state-active,
#quicktabs-social_integration_tabs a.ui-button:active,
.ui-button:active,
#quicktabs-social_integration_tabs .ui-button.ui-state-active:hover {
  border: 1px solid #e2f3ff;
  background: #fff;
  font-weight: normal;
  color: #0168b0;
  border-bottom: 0px;
  padding: 0;
  margin: 0;
}

#quicktabs-social_integration_tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 10px 25px;
  font-size: 17px;
}

#quicktabs-social_integration_tabs .ui-tabs-nav .ui-tabs-anchor .fa {
  margin-right: 5px;
}

#quicktabs-social_integration_tabs .ui-state-active a,
#quicktabs-social_integration_tabs .ui-state-active a:link,
#quicktabs-social_integration_tabs .ui-state-active a:visited {
  color: #0168b0;
}

#quicktabs-social_integration_tabs {
  padding: 0;
  display: block;
  overflow: hidden;
  max-width: 1000px;
  background: transparent;
  margin: auto;
}

#quicktabs-social_integration_tabs .ui-widget-content {
  border: 1px solid #e2f3ff;
  border-radius: 0 10px 10px;
  background: white;
  padding: 10px 40px 40px;
}

#quicktabs-social_integration_tabs .socialFeedsTitle {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 20px 0 10px;
  border-bottom: 1px solid #80808040;
  margin-bottom: 20px;
  font-size: 17px;
}

#quicktabs-social_integration_tabs .socialFeedsTitle a {
  color: #337ab7;
  font-size: 14px;
}

#quicktabs-social_integration_tabs .ui-tabs-tab {
  border: 1px solid #c5c5c5;
  background: rgba(255, 255, 255, 0.6);
  border: none;
  margin-right: 7px !important;
  border-radius: 5px 5px 0 0px;
}

.socialFeedsWrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
  margin: auto;
  padding-top: 20px;
}

#socialNotPublish {
  width: 100%;
  text-align: center;
  display: block;
}

.socialFeedsWrapper #socialFBWrapper,
.socialFeedsWrapper #socialInstaWrapper {
  width: 500px;
  margin: auto;
  margin-top: 0px;
  text-align: center;
  font-weight: bold;
}

.socialFeedsWrapper .fa-instagram.faTitleIcon {
  font-size: 65px;
}

.socialFeedsWrapper .fa-facebook.feed-icon {
  font-size: 30px;
  color: white;
  background: #1977F2;
  padding: 8px 10px 0px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.socialFeedsWrapper .fa-instagram.feed-icon {
  font-size: 45px;
  margin-bottom: 13px;
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

#socialInstaWrapper .Insta-timeline {
  color: black;
  text-decoration: none;
}

/* Food Truck Node End */

/*detail-page*/
.page-node-type-trucks h1.page-header,
.page-node-type-trucks article footer .author,
.page-node-type-trucks nav.tabs,
.page-node-type-events nav.tabs,
.page-node-type-organization nav.tabs {
  display: none;
}

.truckBanner {
  display: flex;
  overflow: hidden;
  background: black;
  height: 700px;
}

.view-truck-info .truckTouch {
  padding-top: 25px;
}

.truckGallerWrapper {
  width: 60%;
  position: relative;
}

.truckGallerWrapper .truckImages {
  width: 100%;
  display: block;
}

.truckGallerWrapper .imagefield_slideshow-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

.truckInfoWrapper {
  z-index: 1;
  width: 40%;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 700px;
}

.truckInfoWrapper .truckInfoInnerWrapper {
  width: 100%;
  display: block;
  float: right;
  position: relative;
}

.truckInfoWrapper .truckLogo {
  width: 30%;
  margin: 50px 0px 50px 30px;
  display: flex;
}

.truckInfoWrapper .truckLogo img {
  border-radius: 50%;
  border: 5px solid white;
  width: 150px;
  height: 150px;
  object-fit: contain;
  object-position: center;
}

.truckGallerWrapper .imagefield_slideshow-wrapper .cycle-slideshow img {
  width: 100% !important;
}

.truckGallerWrapper .imagefield_slideshow-wrapper,
.truckGallerWrapper .truckImages,
.truckGallerWrapper .imagefield_slideshow-wrapper .cycle-slideshow,
.truckGallerWrapper .imagefield_slideshow-wrapper .cycle-slideshow img {
  height: 100%;
}

.truckInfoWrapper .truckBadge {
  color: white;
  font-weight: bold;
  font-size: 15px;
  margin-left: 30px;
}

.truckInfoWrapper .truckMembership,
.truckInfoWrapper .truckVerify {
  background: #662d91;
  padding: 9px 20px 5px 20px;
  border-radius: 20px;
  margin-right: 10px;
}

.truckInfoWrapper .truckVerify {
  background: #0168b0;
}

.truckInfoWrapper .truckTitle {
  margin: 10px 0px 0 30px;
  font-size: 38px;
  color: white;
}

.truckInfoWrapper .truckTitle h2,
.truckInfoWrapper .truckTitle .field--label {
  display: none;
}

.truckInfoWrapper .truckTitle span {
  display: flex;
  align-items: center;
}

.truckInfoWrapper .truckTitle span #title-truck-c>div {
  display: inline-block;
}

.truckInfoWrapper .truckTitle img {
  /* width: 25px; */
  margin-left: 5px;
  /* padding-bottom: 5px;
  height: 25px; */
}

.truckInfoWrapper .truckInfoAddress>span {
  display: flex;
  align-items: center;
}

.truckInfoWrapper .truckInfoAddress {
  margin: 0px 0 15px 30px;
  color: white;
}

.truckInfoWrapper .truckInfoAddress img {
  /* width: 21px;
  height: 24px; */
  margin-right: 10px;
}

.truckInfoWrapper .address br {
  display: none;
}

.truckInfoWrapper .address {
  margin-left: 10px;
  color: white;
  font-size: 15px;
}

.truckPaymentMethods h2 {
  display: none;
}

.truckInfoWrapper .truckPaymentMethods {
  display: flex;
  flex-wrap: wrap;
  margin-left: 30px;
}

.truckInfoWrapper .truckCuisinesInfo {
  margin: 0px 0 15px 30px;
  color: white;
}

.truckInfoWrapper .truckPaymentMethods>div {
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}

.truckInfoWrapper .truckPaymentMethods img {
  width: 40px;
  height: 25px;
  border-radius: 5px;
}

.truckInfoWrapper .truckCuisines {
  margin: 0 0 0 30px;
  color: #f21800;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;

}

.truckInfoWrapper .truckCuisines span {
  background: white;
  padding: 7px 15px 5px;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 15px;
}

.truckInfoWrapper .truckDescription {
  margin: 0 0 30px 30px;
  width: 90%;
}

.truckInfoWrapper .truckDescription {
  margin: 0 0 30px 30px;
  width: 90%;
  font-size: 16px;
  line-height: 24px;
  color: wheat;
}

.truckInfoWrapper .truckHireSection {
  display: flex;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  font-weight: bold;
  margin-left: 30px;
  margin-bottom: 20px;
}

.truckInfoWrapper .hireBtn {
  padding: 17px 40px 15px 40px;
  color: white;
  background: #0168b0;
  border-radius: 5px;
  margin-right: 20px;
}

.truckInfoWrapper .menuBtn {
  color: black;
  background: white;
  padding: 17px 40px 15px 40px;
  border-radius: 5px;
  margin-right: 10px;
}

.getintouchsection {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 50px 0 0 0px;
  padding-bottom: 65px;
}

.getintouchsection>div>span {
  background: url(../images/bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 180px;
  cursor: pointer;
}

.getintouchsection .truckPhone,
.getintouchsection .truckEmail,
.getintouchsection .truckWebsite,
.getintouchsection .truckOrderNow {
  width: 14%;
  position: relative;
}

.getintouchsection .EditButtonWrapper {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 9;
  right: 10%;
  top: 10%;
}

.getintouchsection>div>span span {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: black;
}

/* .getintouchsection img {
  width: 80px;
  height: 70px;
} */

.truckPhone img {
  margin: 0 0 5px 25px;
}

.truckEmail img,
.truckWebsite img,
.truckOrderNow img {
  margin: 0 0 11px 0;
}

.page-node-type-trucks .main-container,
.path-event-info .main-container,
.path-truck-search .main-container,
.path-my-favorites .main-container,
.path-find-a-favorite .main-container {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
}

.view-truck-info .truckTouch,
.view-event-info .eventMainSection,
.view-event-info .eventDetails,
.view-event-info .eventTopBar>div,
.view-truck-owner-dashboard-profile .truckTouch,
.block-views-blockevent-info-block-1,
.dds-search-form,
.path-my-favorites .region-content,
.path-find-a-favorite .region-content,
.path-truck-search .region-content,
#block-customvaluedblock,
.path-truck-owner .view-truck-check-ins,
.path-truck-owner .view-user-lisitings {
  max-width: 1170px;
  margin: auto;
}

.path-truck-owner .view-user-lisitings {
  margin-bottom: 15px;
}

.MessageSectionWrapper .alertInnerWrapper {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}

.MessageSectionWrapper .alertInnerWrapper .alertTimeAgo {
  font-size: 11px;
}

.MessageSectionWrapper .mainMessageSectionWrapper,
.truckOwnerstatsWrapper .profileStatFirstWrapper,
.truckOwnerstatsWrapper .profileStatSecondWrapper,
.truckOwnerstatsWrapper .profileStatThirdWrapper {
  padding: 0 20px;
}

.truckGallerWrapper .truckImages {
  visibility: hidden;
}

.truckGallerWrapper .truckImages.slick-initialized {
  visibility: visible;
}

.mainMessageSectionWrapper .slick-arrow,
.truckOwnerstatsWrapper .slick-arrow,
.truckGallerWrapper .truckImages .slick-arrow {
  display: none !important;
}

.mainMessageSectionWrapper .slick-dots li,
.truckOwnerstatsWrapper .slick-dots li,
.truckGallerWrapper .truckImages .slick-dots li {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.mainMessageSectionWrapper .slick-dots li.slick-active button::before,
.truckOwnerstatsWrapper .slick-dots li.slick-active button::before,
.truckGallerWrapper .truckImages .slick-dots li.slick-active button::before {
  opacity: 1;
}

.mainMessageSectionWrapper .slick-dots li button,
.truckOwnerstatsWrapper .slick-dots li button,
.truckGallerWrapper .truckImages .slick-dots li button {
  background: transparent !important;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 48px;
  height: 48px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}

.mainMessageSectionWrapper .slick-dots li button::before,
.truckOwnerstatsWrapper .slick-dots li button::before,
.truckGallerWrapper .truckImages .slick-dots li button::before {
  font-size: 65px !important;
  content: "•";
  line-height: 60px;
  position: absolute;
  top: -25px;
  left: -25px;
  width: 60px;
  height: 60px;
  text-align: center;
  opacity: 0.5;
  color: black;
}

.truckGallerWrapper .truckImages .slick-dots li button {
  width: 60px;
  height: 60px;
  color: #ddd !important;
}

.truckGallerWrapper .truckImages .slick-dots li button::before {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 65px !important;
  color: #ff8f00;
}

.view-truck-info .foodMenusection,
.view-truck-info .defaultMenuImage img,
.view-truck-owner-dashboard-profile .foodMenusection,
.view-truck-owner-dashboard-profile .defaultMenuImage img {
  max-width: 450px;
  margin: auto;
  display: block;
}

.truckGallerWrapper .truckImages .blazy__colorbox {
  width: 100%;
  height: 100%;
}

.truckGallerWrapper .truckImages .media__icon--litebox::before,
.truckGallerWrapper .truckImages .media__icon--litebox::after {
  background: transparent;
}

/* .truckGallerWrapper .truckImages .slick-slide img, */
.truckGallerWrapper .truckImages .slick-list,
.truckGallerWrapper .truckImages .slick-track,
.truckGallerWrapper .truckImages .slick-slide,
.truckGallerWrapper .truckImages .slick-slide div {
  height: 100%;
  width: 100%;
}

.truckGallerWrapper .truckImages .slick-slide img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.truckGallerWrapper .truckImages .slick-dots {
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: 999;
}

.foodMenusection .defaultMenuImage {
  text-decoration: none;
}

.foodMenusection .defaultMenuImage span {
  text-align: center;
  display: block;
  overflow: hidden;
  margin: 15px;
  color: black;
}

.dashboardTitleWrapper h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 25px;
}

.view-truck-info .foodMenusection,
.view-truck-owner-dashboard-profile .foodMenusection {
  max-width: 1000px;
}

.page-node-type-trucks .page-header,
.path-event-info .page-header,
.path-truck-search .page-header {
  display: none;
}

.page-node-type-trucks .main-container .row,
.path-event-info .main-container .row {
  margin: 0px;
}

.page-node-type-trucks .panel-default>.panel-heading {
  background: white;
  border-radius: 10px;
  padding: 20px 15px 20px 35px;
}

.page-node-type-trucks .panel {
  border: none;
  border-radius: 10px;
}

.node-form .panel {
  border: 1px solid #ddd;
  border-radius: 10px;
  margin: 15px 25px;
}

.node-form .panel-default>.panel-heading {
  font-size: 16px;
  font-weight: 500;
}

.node-form {
  margin: 15px 30px;
}

.node-form .form-type-vertical-tabs,
.node-form #edit-preview,
.node-form #edit-group-menu .field-group-fieldset .panel-heading {
  display: none;
}

.role-administrator .node-form .form-type-vertical-tabs {
  display: block;
}

.node-form .form-type-vertical-tabs .tabs-left .nav-tabs {
  width: max-content;
}

.node-form .field--name-title,
.node-form .field--name-field-vendor-type {
  width: 48%;
  float: left;
  margin: 1%;
}

.node-form .field--name-title {
  margin-left: 0;
}

.node-form .field--name-field-vendor-type {
  margin-right: 0;
}

.node-form .panel-default .panel {
  margin: 15px 0;
}

.node-form .address-container-inline>.form-item,
.node-form .field--name-field-type-of-food,
.node-form .field--name-field-type-of-food-2,
.node-form .field--name-field-type-of-food-3,
.node-form .field--name-field-website,
.node-form .field--name-field-email,
.node-form .field--name-field-phone,
.node-form .field--name-field-order-now-link,
.node-form .field--name-field-facebook-url,
.node-form .field--name-field-instagram {
  width: 31.5%;
  margin-right: 1%;
  float: left;
}

#block-seven-content .node-form .field--name-field-type-of-food,
#block-seven-content .node-form .field--name-field-type-of-food-2,
#block-seven-content .node-form .field--name-field-type-of-food-3,
#block-seven-content .node-form .field--name-field-website,
#block-seven-content .node-form .field--name-field-email,
#block-seven-content .node-form .field--name-field-phone,
#block-seven-content .node-form .field--name-field-order-now-link,
#block-seven-content .node-form .field--name-field-facebook-url,
#block-seven-content .node-form .field--name-field-instagram {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 0px;
}

#block-seven-content .field--name-field-location-node .address-container-inline {
  display: block;
  overflow: hidden;
  width: 100%;
}

.node-form .field--name-field-location-node {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}

.node-form .form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: black;
}

.node-form #edit-field-payment-methods,
.node-form #edit-field-truck-badges {
  display: flex;
  width: 100%;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
}

.node-form #edit-group-images .form-type-managed-file input,
.node-form .field--name-field-truck-logo .form-managed-file .file--image,
.node-form .field--name-field-field-menu-select,
.node-form .field--name-field-menu-pdf,
.node-form .field--name-field-menu-url {
  width: 30%;
}

#block-seven-content .node-form #edit-group-images .form-type-managed-file input,
#block-seven-content .node-form .field--name-field-truck-logo .form-managed-file .file--image,
#block-seven-content .node-form .field--name-field-field-menu-select,
#block-seven-content .node-form .field--name-field-menu-pdf,
#block-seven-content .node-form .field--name-field-menu-url {
  width: unset;
}

.node-form .field--name-body {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  margin-top: 15px;
}

#edit-group-detailed-description {
  display: block;
  overflow: hidden;
  width: 100%;
}

.node-form .field--name-field-type-of-food {
  margin-bottom: 5px;
}

.node-form .field--name-field-type-of-food-3 {
  margin-bottom: 15px;
}

#edit-group-detailed-description .field--name-body label {
  display: none;
}

.node-form .form-type-entity-autocomplete .input-group {
  border: 1px solid black;
}

.node-form .form-type-entity-autocomplete .input-group input {
  border: none;
}

.node-form .form-type-entity-autocomplete .input-group .input-group-addon {
  background: white;
  border: none;
}

.node-form .field--name-body .filter-wrapper {
  display: none;
}

#edit-group-contact-info,
#edit-group-s {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 25px auto;
}

.node-form .field--name-field-truck-badges {
  width: 100%;
  float: left;
}

.node-form #edit-field-payment-methods .form-item,
.node-form #edit-field-truck-badges .form-item {
  margin-right: 15px;
}

.foodMenusection .panel-group {
  margin-bottom: 0px;
}

.page-node-type-trucks .footer {
  margin-top: 0px;
  border: none;
}

.view-truck-info .truckFoodMenu,
.view-truck-owner-dashboard-profile .truckFoodMenu {
  background: linear-gradient(2.06deg, #ffebe8 14.36%, #d0ecff 78.69%);
  padding: 30px 0;
}

.view-truck-info,
.view-truck-owner-dashboard-profile {
  background: #f5fbff;
}

.paymentMethodSelectAll,
.paymentMethodUnSelectAll,
#expand-all-btn-view,
#collapse-all-btn-view {
  border: none;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
  background: #8080804f;
  margin-right: 15px;
}

.paymentMethodSelectAll:hover,
.paymentMethodUnSelectAll:hover,
#expand-all-btn-view:hover,
#collapse-all-btn-view:hover {
  background: #80808073;
}

.view-truck-info .panel-title a,
.view-truck-owner-dashboard-profile .panel-title a {
  display: block;
  overflow: hidden;
  width: 100%;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}

.view-truck-info .truckMenuItems .paragraph,
.view-truck-owner-dashboard-profile .truckMenuItems .paragraph {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.view-truck-info .truckMenuItems .paragraph>div,
.view-truck-owner-dashboard-profile .truckMenuItems .paragraph>div {
  width: 25%;
  border: 1px solid #e2f3ff;
  padding: 10px;
  text-align: center;
  border-bottom: none;
}

.truckMenuItems .paragraph:last-child>div {
  border-bottom: 1px solid #e2f3ff;
}

.socialFeedsWrapper .faTitleIcon {
  text-align: center;
  width: 100%;
  font-size: 35px;
  margin: 15px;
  color: #007cff;
}

#socialFBWrapper .fb-page {
  margin: auto;
  display: block;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #cfd9de;
}

.truckMenuItems .paragraph .MainDescWrapper {
  width: 50% !important;
  border-left: none !important;
  border-right: none !important;
}

.view-truck-info .panel-body,
.view-truck-owner-dashboard-profile .panel-body {
  border: none !important;
  padding: 0 !important;
}

.view-truck-info .truckMenuFooter,
.view-truck-owner-dashboard-profile .truckMenuFooter {
  margin: 25px;
  font-weight: bold;
  text-align: center;
}

.truckMenuItems .paragraph .field--label {
  font-weight: bold;
  display: none;
}

#block-views-block-search-trucks-block-1 .view-header,
#block-views-block-search-trucks-block-2 .view-header,
#block-foodtrucksin-views-block-search-trucks-block-8 .view-header {
  font-size: 0px;
}
#block-foodtrucksin-views-block-search-trucks-block-8 .view-header .fav-page-info-wrapper{
  font-size: 16px;
  padding: 0px 20px 10px;
  font-weight: normal;
  width: 100%;
}
.view-search-trucks .truckNotifyWrapper a{
  text-align: center;
  display: block;
  font-weight: bold;
  margin: 20px 0;
}
#block-searchpageresults .field >.searchResults {
  font-size: 16px;
  margin: 20px 15px 20px;
  width: 100%;
  display: block;
}
#block-foodtrucksin-views-block-search-trucks-block-6 .view-header{
  font-size: 16px;
  margin-left: 25px;
  margin-bottom: 15px;
}
#block-foodtrucksin-views-block-search-trucks-block-6 .view-header .searchResultsTotal{
  font-size: 0;
}
.path-find-a-favorite #block-searchpageresults .field > .searchResults{
  margin-bottom: 5px;
  margin-left: 25px;
}


.path-find-a-favorite #block-searchpageresults .find-a-truck-heading{
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 5px 0;
}
.path-truck-search .alert-danger {
  display: none;
}

#quicktabs-social_integration_tabs .fb_iframe_widget {
  display: block;
}

/*end detail-page*/

/* Start Event-info and Search Page */
#dds-search-form .form-item-location .input-group-addon img {
  display: block;
  overflow: hidden;
  width: 20px;
}

.path-truck-search .view-search-trucks .pager-show-more li {
  list-style: none;
  text-align: center;
  margin: 30px;
}

.path-truck-search .main-container,
.path-my-favorites .main-container,
.path-find-a-favorite .main-container {
  background: #fbfdff;
}

.view-event-info .eventTopBar {
  border-bottom: 1px solid #e2f3ff;
  margin-bottom: 25px;
  padding: 30px 0px;
}

.view-event-info .eventDate span {
  color: #0168b0;
  margin: 7px auto;
}

.view-event-info span {
  display: block;
  overflow: hidden;
  word-break: break-word;
}

.view-event-info .eventContent .eventWebsite.event_series {
  word-break: break-word !important;
}

.view-event-info .eventTitle span,
.organizationTopBar .organizationTitle span {
  font-size: 28px;
  font-weight: bold;
}

.view-event-info .eventSubtitle span {
  font-weight: bolder;
  font-size: 25px;
}

.view-event-info .eventHostedBy {
  display: block;
  overflow: hidden;
  margin-top: 20px !important;
}

.view-event-info .eventMainSection {
  display: flex;
  margin-bottom: 25px !important;
  overflow: hidden;
  height: 500px;
}

.view-event-info .eventMainSection .eventImage {
  width: 59%;
}

.view-event-info .eventMainSection .eventImage img {
  width: 100%;
  height: 100%;
}

.view-event-info .eventContent {
  width: 37%;
  border: 1px solid #e2f3ff;
  border-radius: 10px;
  margin-left: 20px;
  float: right;
}

.view-event-info .eventInfoWrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 500px;
}

.view-event-info .eventContent .eventFee,
.view-event-info .eventContent .eventDateTime,
.view-event-info .eventContent .eventWebsite {
  display: flex;
  padding: 20px 0 10px 30px;
  align-items: center;
}

.view-event-info .eventContent .eventFee,
.view-event-info .eventContent .eventDateTime,
.view-event-info .eventContent .eventLocation,
.view-event-info .eventContent .eventWebsite {
  overflow: hidden;
  width: 80%;
  word-break: break-all;
}

.view-event-info .eventContent .eventFee {
  padding-top: 30px !important;
}

.view-event-info .eventContent i {
  padding-right: 25px;
}

.view-event-info .eventContent .eventLocation i {
  display: block;
  float: left;
  padding-left: 32px;
}

.view-event-info .eventContent .address br {
  display: none;
}

.view-event-info .eventContent .address {
  display: flex;
  padding-top: 5px;
  font-size: 12px;
  flex-wrap: wrap;
}

.view-event-info .eventContent .eventLocation {
  display: flex;
  align-items: center;
}

.eventLocationWapper>span {
  display: block;
  overflow: hidden;
  width: 100%;
}

.view-event-info .eventContent .eventLocation {
  padding-top: 20px;
}

.view-event-info .eventContent .geolocation-map-wrapper .geolocation-map-container {
  width: 100% !important;
  height: 260px !important;
  border-radius: 0px 0px 10px 10px;
}

.node-form .field--name-field-truck-geoloc .geolocation-widget-input,
.geolocation-map-control .address-button-pull {
  display: none !important;
}

.node-form .field--name-field-payment-methods {
  display: block;
  overflow: hidden;
  width: 100%;
}

.view-event-info .eventContent .eventMaps>span {
  padding: 20px 0 20px 70px;
  font-weight: bold;
}

.view-event-info .eventDetails p {
  width: 58%;
  font-size: 15px;
  line-height: 24px;
}

.view-event-info .eventDetails>strong {
  margin-bottom: 15px;
  display: block;
}

.block-views-blockevent-info-block-1 {
  margin-top: 15px;
}

.view-id-search_trucks .ProMemberWrapper {
  margin: 15px;
}

.view-id-search_trucks .ProMemberWrapper .truckTitle {
  font-size: 17px;
}

.truckInfoWrapper .truckTitle .EditButtonWrapper img {
  margin: auto !important;
  padding-bottom: 0px !important;
  margin-left: 10px !important;
}

.eventDetails strong.truckListDescription {
  display: block;
  overflow: hidden;
  margin: 30px auto;
}

.eventMainSection .eventMaps {
  margin-top: 30px;
}

.view-id-search_trucks .truckTitle strong {
  color: black;
}

.view-id-search_trucks span {
  display: block;
  overflow: hidden;
}

.view-id-search_trucks .ProMemberWrapper .truckBadge {
  width: 100%;
  background: #662d91;
  color: white;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}

/* .page-node-type-events .form-item-field-location-node-0-address-country-code,
.page-node-type-trucks .form-item-field-location-node-0-address-country-code {
  display: none !important;
} */
.page-node-type-events .ui-state-active,
.page-node-type-events .ui-widget-content .ui-state-active,
.page-node-type-events .ui-widget-header .ui-state-active,
.page-node-type-events a.ui-button:active,
.page-node-type-events .ui-button:active,
.page-node-type-events .ui-button.ui-state-active:hover {
  border: none !important;
  background: transparent !important;
  color: #0074bd !important;
  cursor: pointer !important;
}

.view-id-search_trucks .ProMemberWrapper .truckBadge span {
  padding: 15px;
  text-align: center;
}

.view-id-search_trucks .ProMemberWrapper .truckContent {
  display: flex;
  border: 1px solid #cb86ff;
  border-radius: 0px 0px 10px 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.ProMemberWrapper .truckInfo .truckBody {
  min-height: 90px;
}

#dds-search-form {
  padding: 0;
  display: block;
  position: relative;
}

.view-id-search_trucks .ProMemberWrapper .truckInfo {
  padding: 15px;
  width: 100%;
  min-height: 300px;
}

.view-id-search_trucks .ProMemberWrapper .truckImage {
  width: 100%;
}

.view-id-search_trucks .ProMemberWrapper .truckImage img {
  width: 100%;
  height: 305px;
  border-radius: 0px;
  object-fit: contain;
  object-position: center;
}

.view-id-search_trucks .truckLocation {
  display: flex;
  margin: 10px 0px;
}

.view-id-search_trucks .truckLocation img {
  margin-right: 5px;
}

.view-id-search_trucks .ProMemberWrapper .address br {
  display: none;
}

.view-id-search_trucks .ProMemberWrapper .address {
  display: flex;
  margin-left: 10px;
  font-size: 15px;
}

.block-views-blockevent-info-block-1 .address .locality,
.view-id-search_trucks .ProMemberWrapper .address .locality {
  margin-right: 5px;
}

.block-views-blockevent-info-block-1 .address .administrative-area,
.view-id-search_trucks .ProMemberWrapper .address .administrative-area {
  margin: 0px 5px;
}

.view-id-search_trucks .ProMemberWrapper .truckBody p {
  color: #969696;
  font-size: 15px;
  line-height: 20px;
}

.view-id-search_trucks .ProMemberWrapper .truckCuisines span {
  font-size: 15px;
  line-height: 20px;
  background: #ffebe8;
  border-radius: 40px;
  min-width: max-content;
  padding: 10px 20px;
  color: #f21800;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 10px;
}

.view-id-search_trucks .ProMemberWrapper .truckCuisines {
  margin: 15px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.view-id-search_trucks .ProMemberWrapper .truckTitle a {
  text-decoration: none;
  color: black;
}

/* Non Pro Members */

.NonProMemberWrapper {
  display: block;
  overflow: hidden;
  margin: 15px;
  border-radius: 10px;
  border: 1px solid #0168b0;
  position: relative;
}

.NonProMemberWrapper .truckImage img {
  width: 100%;
  height: 217px;
  object-fit: contain;
  object-position: center;
}

.NonProMemberWrapper .truckInfo {
  padding: 15px;
  min-height: 275px;
}

.NonProMemberWrapper .truckTitle {
  margin: 5px auto;
}

.NonProMemberWrapper .truckBody p {
  color: #525252;
  font-size: 15px;
  line-height: 20px;
}

.NonProMemberWrapper .truckCuisines {
  margin: 15px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.NonProMemberWrapper .truckCuisines span {
  font-size: 15px;
  line-height: 20px;
  background: #ffebe8;
  border-radius: 40px;
  min-width: max-content;
  padding: 10px 20px;
  color: #f21800;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 10px;
}

.view-id-search_trucks .pager__item a {
  background: transparent;
  color: #0168b0;
  border-radius: 5px;
  border: none;
  padding: 10px 25px;
  font-weight: bold;
}

.view-id-search_trucks .pager__item a:hover,
.view-id-search_trucks .pager__item a:focus,
.view-id-search_trucks .pager__item.active a {
  text-decoration: none;
  color: #23527c;
  background-color: #eeeeee;
}

.view-search-trucks .view-filters,
.dds-search-form .form-submit span.icon {
  display: none;
}

/* Search form */
.dds-search-form {
  background: #ffffff;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.1);
  border-radius: 0 10px 10px;
}

.path-frontpage .dds-search-form {
  position: relative;
  bottom: 75px;
  display: block;
  width: 65%;
}

.dds-search-form .searchTabs {
  position: relative;
  bottom: 50px;
}

.dds-search-form .searchTabs {
  display: flex;
  overflow: hidden;
  width: 100%;
  flex-wrap: wrap;
}

.dds-search-form .findTruck,
.dds-search-form .hireTruck {
  padding: 15px 20px;
  border-radius: 5px 5px 0 0;
  background: white;
  margin-right: 10px;
}

.path-truck-search .dds-search-form .findTruck,
.path-truck-search .dds-search-form .hireTruck,
.path-find-a-favorite .dds-search-form .findTruck,
.path-my-favorites .dds-search-form .findTruck {
  padding: 14px 20px;
  border-radius: 5px 5px 0 0;
  background: white;
  margin-right: 10px;
  border: 1px solid #e2f3ff;
  border-bottom: none;
}

.path-find-a-favorite .dds-search-form .hireTruck,
.path-my-favorites .dds-search-form .hireTruck {
  display: none;
}

.dds-search-form .hireTruck {
  background: rgba(255, 255, 255, 0.6);
}

.dds-search-form .findTruck span,
.dds-search-form .hireTruck a {
  margin-left: 5px;
  color: #0168b0;
  font-size: 13px;
  font-weight: bold;
}

.dds-search-form .hireTruck a {
  color: black;
}

.dds-search-form .searchFormWrapper {
  display: flex;
  overflow: hidden;
  float: left;
  width: 85%;
  margin: 0;
  padding: 15px 20px;
  padding-right: 0;
}

.path-frontpage .dds-search-form .searchActionWrapper,
.path-frontpage .dds-search-form .searchFormWrapper {
  position: relative;
  bottom: 20px;
}

.dds-search-form .searchActionWrapper {
  width: 15%;
  float: left;
  bottom: 5px !important;
  right: 15px;
}

.path-truck-search #block-customsearchblock-2,
.path-find-a-favorite #block-customsearchblock-2,
.path-my-favorites #block-customsearchblock-2 {
  margin-top: 75px;
  border: none;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  width: 98%;
  margin-bottom: 75px !important;
}

.searchDistanceWrapper .panel-heading .panel-title {
  background: #e2f3ff;
  border: 1px solid #0168b0;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 15px;
}

.searchDistanceWrapper .panel-heading .panel-title img {
  margin-right: 15px;
}

.searchDistanceWrapper .panel-body.in {
  margin: auto;
  box-shadow: rgba(119, 119, 119, 0.35) 0px 10px 12px;
  border-radius: 5px;
}

.searchDistanceWrapper .panel-heading .panel-title.collapsed {
  background: white;
}

.searchFormFilterWrapper .form-item-mileradius label {
  display: none;
}

.searchFormWrapper .form-type-textfield,
.searchFormWrapper .form-type-entity-autocomplete {
  width: 32%;
  margin-right: auto;
}

.path-frontpage .searchFormWrapper .form-type-textfield {
  width: 95% !important;
}

.searchFormFilterWrapper {
  display: flex;
  width: 100%;
  position: absolute;
  top: 175px;
  flex-wrap: wrap;
  justify-content: end;
}

.searchFormFilterWrapper .form-item-alpha {
  display: flex;
}

.searchFormFilterWrapper .form-item-alpha label {
  padding: 12px 0;
  height: 44px;
}

.searchFormFilterWrapper .form-item-alpha>.select-wrapper {
  display: block;
  width: 150px;
  box-shadow: none;
  background: transparent;
  border: 1px solid #0168b0;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 15px;
  height: 44px;
  margin-right: 10px;
  margin-left: 15px;
}

.searchFormFilterWrapper .form-item-alpha>.select-wrapper select {
  height: 44px;
  background: transparent;
  border: none;
  box-shadow: none;
  color: black;
}

.searchFormFilterWrapper .select-wrapper::after {
  content: '\e252' !important;
  color: black !important;
}

.searchDistanceWrapper {
  display: block;
  width: 150px;
  z-index: 9;
  border: none;
  box-shadow: none;
  background: #fbfdff;
  margin-bottom: 20px;
  border: 0;
}

.searchDistanceWrapper label {
  width: 100px;
  font-weight: normal;
  text-align: center;
}

.searchDistanceWrapper .panel-heading {
  border-color: transparent;
}

.searchFormFilterWrapper .searchDistanceWrapper {
  box-shadow: none;
  border-color: transparent;
  background: transparent;
}

.path-truck-search .ui-widget-content.ui-autocomplete .ui-menu-item-wrapper,
.path-my-favorites .ui-widget-content.ui-autocomplete .ui-menu-item-wrapper,
.path-find-a-favorite .ui-widget-content.ui-autocomplete .ui-menu-item-wrapper,
.path-frontpage .ui-widget-content.ui-autocomplete .ui-menu-item-wrapper {
  width: 100%;
  display: block;
}

.path-truck-search .dds-search-form .searchFormWrapper,
.path-find-a-favorite .dds-search-form .searchFormWrapper,
.path-my-favorites .dds-search-form .searchFormWrapper {
  padding-top: 0px;
}

.searchFormWrapper .form-type-textfield label,
.searchFormWrapper .form-type-entity-autocomplete label {
  display: none;
}

.path-frontpage .dds-search-form .searchActionWrapper {
  position: relative;
  bottom: 5px;
  right: 15px;
}

.dds-search-form .searchActionWrapper {
  display: block;
}

.dds-search-form button.form-submit {
  width: 125px;
  height: 45px;
}

.searchFormWrapper .input-group .input-group-addon,
.searchFormWrapper .input-group input {
  border: none;
  box-shadow: none;
  background: white;
  height: 45px;
  font-size: 15px;
}

.searchFormWrapper .input-group {
  background: #ffffff;
  border: 1px solid #e2f3ff;
  box-sizing: border-box;
  border-radius: 5px;
}

#block-customsearchblock-2 .form-actions {
  display: block;
  float: left;
  margin: 30px auto;
}

.path-truck-search #block-customsearchblock-2 .form-actions,
.path-find-a-favorite #block-customsearchblock-2 .form-actions,
.path-my-favorites #block-customsearchblock-2 .form-actions {
  margin-top: 0;
  margin-bottom: 50px;
}

#block-customsearchblock-2 {
  border: 1px solid #e2f3ff;
  margin: 30px auto;
  box-shadow: none;
}

#block-customeventblock .view-content {
  display: block;
}

#block-customeventblock .view-id-event_info.view-display-id-block_2 .view-content {
  display: block;
  overflow: hidden;
  float: left;
  width: max-content;
}

.view-search-trucks .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin-left: 10px;
}

.view-search-trucks .view-content .views-row {
  width: 33%;
}

#block-views-block-serving-truck-block-3 {
  margin-bottom: 15px;
}

.view-id-search_trucks.view-display-id-block_2 .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.view-search-trucks .non-pro-truck.views-row {
  order: 2;
}

.view-search-trucks .pro-member-truck.views-row {
  order: 1;
}

.view-id-event_info .non-pro-truck.views-row,
.view-id-organization_info .non-pro-truck.views-row {
  order: 2;
}

.view-id-event_info .pro-member-truck.views-row,
.view-id-organization_info .pro-member-truck.views-row {
  order: 1;
}

.view-event-info.view-display-id-block_2 .view-content>h3,
.view-id-search_trucks.view-display-id-block_1 .view-content>h3,
.view-id-organization_info.view-display-id-block_2 .view-content>h3 {
  display: none;
}

#block-customeventblock .views-row,
.view-id-organization_info.view-display-id-block_2 .views-row {
  float: left;
}

#block-customeventblock {
  display: block;
  width: 95%;
  margin: 0 auto 40px;
  overflow: hidden;
}

.view-search-trucks .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-search-trucks .view-content .pro-member-truck-wrapper {
  order: 1;
}

.view-search-trucks .view-content .non-pro-truck-wrapper {
  order: 2;
}

.eventAttendeeWrapper {
  display: block;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2f3ff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  width: 200px;
  margin: 15px;
  cursor: pointer;
  position: relative;
}

.eventAttendeeWrapper .attendeeBadge {
  background: #662d91;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  border-radius: 8px 8px 0px 0px;
  text-align: center;
}

.eventAttendeeWrapper .membershipLink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.eventAttendeeWrapper .attendeeImage {
  background-color: #e2f3ff;
  border-radius: 50%;
  margin: 25px auto;
  width: 153px;
  height: 153px;
  display: flex;
}

.eventAttendeeWrapper .attendeeInfo {
  padding: 0 15px 15px;
}

.eventAttendeeWrapper .truckCuisines {
  margin: 15px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.eventAttendeeWrapper .truckCuisines span {
  font-size: 12px;
  line-height: 15px;
  background: #ffebe8;
  border-radius: 40px;
  min-width: max-content;
  padding: 8px 12px;
  color: #f21800;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 8px;
}

.eventAttendeeWrapper .attendeeImage img {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

.eventAttendeeWrapper .attendeeTitle {
  /* width: 150px; */
  text-align: center;
  /* margin: auto; */
  margin-bottom: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* margin-bottom: 30px; */
  -webkit-line-clamp: 2;
  /* height: 40px; */
}

#block-views-block-event-info-block-2,
#block-views-block-event-info-block-3 {
  max-width: max-content;
  display: block;
  overflow: hidden;
  float: left;
}

.view-id-event_info.view-display-id-block_3 .view-content {
  flex-wrap: wrap;
}

/* .view-id-event_info.view-display-id-block_3 .eventAttendeeWrapper {
  margin-top: 55px;
} */
.dds-search-postal-miles-form .searchFormWrapper label {
  display: block;
  overflow: hidden;
  width: max-content;
  float: left;
  margin: 15px 25px 15px 0;
}

.dds-search-postal-miles-form {
  display: block;
  margin: 25px auto;
}

.dds-search-postal-miles-form .searchFormFilterWrapper {
  position: absolute;
  right: 0;
  top: 0;
}

#block-customeventblock .view-id-event_info.view-display-id-block_2,
#block-customeventblock .view-id-event_info.view-display-id-block_3 {
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
}

/* End Event-info and Search Page */

/* Footer Syling Start */
footer {
  margin: 0px !important;
  padding: 0 !important;
  width: 100% !important;
  background: #f5fbff;
}

.footer {
  margin-top: 45px;
}

.footer-bottom-section {
  text-align: center;
  border-top: 1px solid #d4d8d9;
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer-content-section {
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  margin: auto;
  background: #f5fbff;
  padding: 0px 0px 100px 100px;
}

.footer-content-section .footer-first-section,
.footer-content-section .footer-second-section,
.footer-content-section .footer-third-section,
.footer-content-section .footer-fourth-section {
  width: 20%;
}

.footer-content-section h2 {
  font-size: 16px;
  margin-top: 0;
}

.footer-content-section li>a {
  padding: 5px 0px !important;
  color: #353637 !important;
}

#block-foodtrucksincomfooterdescription p {
  line-height: 2;
}

#block-footersocials {
  margin-top: 20px;
}

#block-footersocials a {
  font-size: 0;
  color: black;
  margin: 5px;
}

#block-footersocials a::before {
  font-size: 22px;
}

#block-footersocials a:hover {
  text-decoration: none;
}

.footer-top-section .region-footer {
  padding: 100px;
  text-align: center;
  background-position: center;
  background: linear-gradient(2.06deg, #f5fbff 28.47%, #cfebfe 72.28%);
}

.footer-top-section h2 {
  font-weight: bold;
}

/* .page-node-type-trucks .footer-top-section .block-title{
  margin-top: 100px;
} */
.footer-top-section .form-type-email {
  width: 272px;
  margin: 0 5px;
}

.footer-top-section .form-actions {
  width: 10%;
  display: block;
}

.footer-top-section .form-actions button {
  border: none;
}

.footer-top-section .webform-ajax-form-wrapper .webform-submission-newsletter-add-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.webform-submission-newsletter-add-form #edit-newsletter-description {
  width: 100%;
  margin-bottom: 10px;
}

.webform-submission--hire-request-this-truck-form input {
  width: 100% !important;
}

.webform-submission--hire-request-this-truck-form .form-type-checkbox input,
.webform-submission--hire-request-this-truck-form .form-type-radio input {
  width: unset !important;
}

.webform-submission--hire-request-this-truck-form .form-type-checkbox label,
.webform-submission--hire-request-this-truck-form .form-type-radio label {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.webform-submission--hire-request-this-truck-form .form-type-checkbox label .error,
.webform-submission--hire-request-this-truck-form .form-type-radio label .error {
  width: unset !important;
  order: 3;
}

#block-views-block-user-edit-block-1 {
  display: none;
}

article~#block-views-block-user-edit-block-1 {
  display: block;
}

.webform-submission-form {
  margin: 15px 0;
}

.webform-actions .fa-envelope::before {
  margin-right: 7px;
}

  {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/* Footer Styling End */
#block-views-block-valued-members-mobile-block-1,
#block-views-block-non-valued-members-mobile-block-2 {
  display: none;
  width: 100%;
  overflow: hidden;
}

#dds-search-form .input-group-addon:last-child {
  cursor: pointer;
}

.path-frontpage #block-customworksblock .contentImage img {
  height: 72px;
  width: auto;
}

.eventContent .add-to-calander {
  display: flex;
  padding: 20px 0 10px 30px;
  align-items: center;
  flex-wrap: wrap;
}

/* styling social media icons */

.block-all-social-custom-feeds-blocl img {
  width: 40px;
  display: block;
  margin: 0 auto 20px;
}

/*** 17-3-2022 ***/
#eventCalenderModal {
  top: 20%;
}

#eventCalenderModal .modal-title {
  float: left;
  font-size: 19px;
  font-weight: 600;
}

#eventCalenderModal .modal-header .close {
  position: relative;
  color: #000;
  opacity: 0.6;
}

#eventCalenderModal .modal-header .close:hover {
  opacity: 1;
}

#eventCalenderModal .modal-header .close:before {
  content: "x";
  position: absolute;
  right: 0;
  top: 0;
  color: #000 !important;
}

#eventCalenderModal .modal-body {
  padding: 60px 15px;
  text-align: center;
}

#eventCalenderModal .modal-body a {
  font-size: 18px;
  vertical-align: middle;
}

.cboxElement {
  cursor: pointer;
}

.customUpgradeWrapper {
  display: none !important;
}

#colorbox .customUpgradeWrapper {
  display: block !important;
}

#openModalNewUser {
  display: none;
}

.customUpgradeWrapperNew {
  display: none !important;
}

#colorbox .customUpgradeWrapperNew {
  display: block !important;
}

.customGearPanelMenu div {
  text-align: center;
}

/* .customGearPanelMenu.hide{
  display: none;
} */
/* Styling Instagram Feeds */
#socialInstaWrapper .timeline-Widget {
  max-width: 100%;
  background-color: #fff;
  border-radius: 15px;
  display: block;
  border: 1px solid #cfd9de;
  overflow: hidden;
}

#socialInstaWrapper .timeline-Widget .timeline-Header {
  padding: 10px;
}

#socialInstaWrapper .timeline-Widget .timeline-Header-title {
  font-size: 20px;
  line-height: 24px;
  color: #292f33;
  margin: 0;
  text-align: left;
  font-weight: bold;
}

/* #socialInstaWrapper .timeline-Widget .timeline-Header-byline {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #657786;
} */
#socialInstaWrapper .timeline-Widget .timeline-Body {
  position: relative;
  border-top: 1px solid rgba(15, 70, 100, 0.12);
  border-bottom: 1px solid rgba(15, 70, 100, 0.12);
}

#socialInstaWrapper .timeline-Widget .timeline-Body .timeline-Viewport {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 557px;
}

#socialInstaWrapper .timeline-Widget footer {
  padding: 15px !important;
  font-size: 12px;
  display: block;
  background: white;
  overflow: hidden;
}

#socialInstaWrapper .timeline-Widget footer .u-floatRight {
  float: right !important;
  background-color: transparent;
  display: block;
  overflow: hidden;
  text-decoration: none;
  white-space: initial;
  font: normal normal 12px/1.4 Helvetica, Roboto, "Segoe UI", Calibri,
    sans-serif;
}

#socialInstaWrapper .timeline-Widget .timeline-InstaList {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

#socialInstaWrapper .timeline-Widget .timeline-InstaList-Insta:first-of-type {
  border-top: none;
}

#socialInstaWrapper .timeline-Widget .timeline-InstaList-Insta {
  border-top: 1px solid rgba(15, 70, 100, 0.12);
}

#socialInstaWrapper .timeline-Widget .timeline-Insta {
  cursor: pointer;
  padding: 10px;
}

#socialInstaWrapper .timeline-Widget .timeline-Insta:hover {
  background-color: #f5f8fa;
}

#socialInstaWrapper .timeline-Widget .timeline-Insta:hover .timeline-Insta-brand {
  color: #ff7611;
}

#socialInstaWrapper .timeline-Widget .timeline-Insta-brand {
  font-size: 15.4px;
  float: right !important;
}

#socialInstaWrapper .timeline-Widget .timeline-Insta-author {
  position: relative;
  margin-bottom: 2px;
  padding-left: 40px;
}

#socialInstaWrapper .timeline-Widget .timeline-Insta-author .InstaAuthor-avatar {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 4px;
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
}

#socialInstaWrapper .timeline-Widget .timeline-Insta-author .Avatar {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  width: 100% !important;
  margin: 0;
}

#socialInstaWrapper .timeline-Insta-author .InstaAuthor {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}

#socialInstaWrapper .u-linkBlend:not(:focus):not(:hover):not(:active) {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
}

#socialInstaWrapper .InstaAuthor-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  max-width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

#socialInstaWrapper .InstaAuthor-decoratedName {
  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#socialInstaWrapper .InstaAuthor-name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 4px;
  color: #000009;
}

#socialInstaWrapper .InstaAuthor-screenName {
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  padding-right: 25px;
  color: #657786;
}

#socialInstaWrapper .timeline-Insta-text {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  direction: ltr;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin-left: 40px;
  margin-bottom: 12px;
}

#socialInstaWrapper .instagram-image img {
  width: 100% !important;
  border-radius: 15px;
}

#socialInstaWrapper .timeline-Insta-media {
  margin-bottom: 12px;
  margin-left: 40px;
  font-size: 12px;
  border-radius: 25px;
}

/* End Styling Instagram Feeds */

.view-id-city_trucks .ProMemberWrapper {
  cursor: pointer;
  position: relative;
  margin: 15px;
}

.view-id-city_trucks .membershipLink,
.NonProMemberWrapper .membershipLink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.view-id-city_trucks .ProMemberWrapper .truckBadge {
  width: 100%;
  background: #662d91;
  color: white;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}

.view-id-city_trucks .ProMemberWrapper .truckContent {
  display: flex;
  border: 1px solid #cb86ff;
  border-radius: 0px 0px 10px 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.view-id-city_trucks .ProMemberWrapper .truckBadge span {
  display: block;
  overflow: hidden;
}

.view-id-city_trucks .ProMemberWrapper .truckBadge span {
  padding: 15px;
  text-align: center;
}

.view-id-city_trucks .ProMemberWrapper .truckImage {
  width: 100%;
}

.view-id-city_trucks .ProMemberWrapper .truckInfo {
  padding: 15px;
  width: 100%;
  min-height: 300px;
}

.view-id-city_trucks .ProMemberWrapper .truckImage img {
  width: 100%;
  height: 305px;
  border-radius: 0px;
  object-fit: contain;
  object-position: center;
}

.view-id-city_trucks .ProMemberWrapper .truckTitle {
  font-size: 17px;
}

.view-id-city_trucks .ProMemberWrapper .truckLocation {
  display: flex;
  margin: 10px 0px;
}

.view-id-city_trucks .ProMemberWrapper .truckInfo .truckBody {
  min-height: 90px;
}

.view-id-city_trucks .ProMemberWrapper .truckCuisines {
  margin: 15px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.view-id-city_trucks .ProMemberWrapper .truckTitle strong {
  color: black;
}

.view-id-city_trucks .ProMemberWrapper .truckTitle a {
  text-decoration: none;
  color: black;
}

.view-id-city_trucks .ProMemberWrapper .truckCuisines span {
  font-size: 15px;
  line-height: 20px;
  background: #ffebe8;
  border-radius: 40px;
  min-width: max-content;
  padding: 10px 20px;
  color: #f21800;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 10px;
}

.view-id-city_trucks .ProMemberWrapper .truckCuisines span a {
  color: #f21800;
}

.view-id-city_trucks .ProMemberWrapper a:hover {
  text-decoration: none;
}

.ProMemberWrapper .truckLocation i.fa-map-marker {
  margin-right: 10px;
  line-height: 1.5;
}

.view-id-city_trucks .ProMemberWrapper .truckInfo .truckBody p {
  color: #969696;
  font-size: 15px;
  line-height: 20px;
}

body.page-node-type-truck-cities .page-header {
  display: none;
}

body.page-node-type-truck-cities .page-header+h3 {
  margin: 40px 15px 20px;
}

.NonProMemberWrapper .truckCuisines span a {
  color: #f21800;
}

.truckOwnerMenuBlock .customGearPanelMenu {
  padding: 0 18px;
  display: none;
  background-color: white;
  position: absolute;
  z-index: 9;
  width: 220px;
  right: -70px;
  padding: 10px;
}

.customGearPanelMenu span {
  width: 100%;
  display: block;
  text-align: center;
  padding: 5px;
}

.customGearPanelMenu span a {
  text-decoration: none;
}

/* Start Truck Admin Dashboard */

/* .node-form .field--type-geolocation .geolocation-widget-input, */
.node-form .entity-content-form-revision-information {
  display: none !important;
}

/* .node-form .field--type-geolocation{
  display: block !important;
} */
.listing-select-form {
  text-align: center;
  margin: 30px auto;
}

.listing-select-form .select-wrapper {
  width: 40%;
  margin: auto;
}

.listing-select-form .control-label {
  font-size: 20px;
  margin-right: 10px;
}

.truckOwnerAlertsWrapper {
  width: 60%;
  text-align: center;
  margin: auto;
}

.truckOwnerAlertsWrapper .MessageSectionWrapper {
  border: 2px solid black;
  padding: 20px 0px;
}

.truckOwnerAlertsWrapper .MessageSectionWrapper.notPublished {
  margin-bottom: 50px;
}

.MessageSectionWrapper .alertHeading {
  color: red;
}

.truckOwnerAlertsWrapper .checkinsMainWrapper {
  border: 2px solid black;
  margin: 15px 0px;
  position: relative;
  padding-bottom: 15px;
}

.truckOwnerAlertsWrapper .checkinsMainWrapper .addNewCheckinWrapper {
  border: 2px solid black;
  width: 12%;
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 10px 0px;
  font-size: 11px;
}

.truckOwnerAlertsWrapper .checkinsMainWrapper .addNewCheckinWrapper a {
  color: black;
}

.addNewCheckinWrapper .fa.fa-plus {
  width: 100%;
  font-size: 16px;
}

.truckOwnerAlertsWrapper .checkinsMainWrapper .checkinsBody {
  display: flex;
  flex-direction: column;
  line-height: 2;
}

.truckOwnersta .profileStatFirstWrapper {
  display: flex;
  width: 90%;
  margin: auto;
  border: 2px solid black;
}

.profileStatFirstWrapper {
  display: flex;
  width: 90%;
  margin: auto;
  border: 2px solid black;
  justify-content: space-around;
}

.profileStatFirstWrapper .leadsWrapper,
.profileStatFirstWrapper .searchResultsWrapper,
.profileStatFirstWrapper .onPageWrapper,
.profileStatFirstWrapper .googleOnPageWrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 15px 0px;
  line-height: 1.5;
  width: 17%;
}

.profileStatFirstWrapper .leadsWrapper span:first-child,
.profileStatFirstWrapper .searchResultsWrapper span:first-child,
.profileStatFirstWrapper .onPageWrapper span:first-child,
.profileStatFirstWrapper .googleOnPageWrapper span:first-child {
  padding-bottom: 10px;
}

.membershipPromptWrapper {
  width: 90%;
  border: 2px solid black;
  margin: 15px auto;
  padding: 10px 0px;
  display: flex;
  justify-content: center;
}

.profileStatSecondWrapper,
.profileStatThirdWrapper {
  width: 90%;
  border: 2px solid black;
  margin: 15px auto;
  padding: 10px 0px;
  display: flex;
  position: relative;
  justify-content: space-evenly;
}

.profileStatSecondWrapper .PhoneWrapper,
.profileStatSecondWrapper .websiteWrapper,
.profileStatSecondWrapper .emailWrapper,
.profileStatSecondWrapper .orderOnlineWrapper,
.profileStatThirdWrapper .facebookWrapper,
.profileStatThirdWrapper .instagramWrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 15px 0px;
  line-height: 1.5;
  width: 25%;
}

.truckOwnerstatsWrapper .blurOverlay {
  width: 100%;
  display: flex;
  justify-content: center;
  filter: blur(1px);
  -webkit-filter: blur(1px);
}

.profileStatSecondWrapper .PhoneWrapper span:first-child,
.profileStatSecondWrapper .websiteWrapper span:first-child,
.profileStatSecondWrapper .emailWrapper span:first-child,
.profileStatSecondWrapper .orderOnlineWrapper span:first-child,
.profileStatThirdWrapper .facebookWrapper span:first-child,
.profileStatThirdWrapper .instagramWrapper span:first-child {
  padding-bottom: 10px;
}

.profileStatSecondWrapper .promemberPrompt span,
.profileStatThirdWrapper .promemberPrompt span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0;
  z-index: 9;
  cursor: pointer;
}

.membershipPromptWrapper .upgradeToPro {
  color: #23527c;
  cursor: pointer;
  text-decoration: underline;
}

.view-id-memberships .upgradeNowButton {
  color: white;
  background: #0168b0;
  border-radius: 6px;
  margin: 10px auto;
  z-index: 9;
}

.promemberFeatureOverlay strong {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 25px;
  padding-top: 15px;
  left: 0;
  top: 0;
}

.EditButtonWrapper img {
  width: 25px !important;
  height: 25px !important;
  border: none !important;
  border-radius: 0px !important;
}

.truckGallerWrapper .EditButtonWrapper {
  position: absolute;
  display: block;
  z-index: 3;
  bottom: 200px;
  right: 125px;
}

#userTracksWrapper,
#callLinkhref,
#emailLinkhref,
#websiteLinkhref,
#orderNowLinkhref {
  display: none;
}

.socialInstaWrapper .InActive {
  font-weight: bold;
}

.EditButtonWrapper.socialbtn,
.foodMenusection .EditButtonWrapper {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 9;
  right: 10%;
}

.view-truck-check-ins .view-header,
#block-checkindashboardheading {
  text-align: center;
}

.view-truck-check-ins .view-header .addNewCheckinWrapper,
#block-checkindashboardheading .addNewCheckinWrapper {
  border: 2px solid black;
  width: 130px;
  padding: 10px 0px;
  font-size: 11px;
  margin: auto;
}

.view-truck-check-ins .view-header .addNewCheckinWrapper a,
#block-checkindashboardheading .addNewCheckinWrapper a {
  color: black;
}

#block-customfbstatusblock {
  text-align: center;
  margin: 15px;
  font-weight: 500;
  font-size: 16px;
}

.facebook-connect-status a {
  width: 100%;
  display: block;
  text-align: center;
}

/* End Truck Admin Dashboard */

/* Start Login/Register */

.path-user.role-anonymous .region-content>nav.tabs,
.path-user.role-anonymous .region-content label::after,
.field--name-field-terms-of-use label::after,
.user-login-form .form-submit .icon,
#edit-group-truck-info-tab,
.region-footer-bottom #block-comingsoon,
#register-process-form .form-required::after,
#edit-fan-owner--wrapper~#edit-actions,
.dds-login-registration-form #edit-mailverify,
.register-process-form .select2-selection__arrow,
#edit-terms-conditions--wrapper~#edit-actions {
  display: none;
}

.dds-login-registration-form .empty {
  display: none !important;
}

.form-item-contact-phone .input-group {
  display: flex !important;
}

.form-item-contact-phone input:focus {
  box-shadow: none;
}

.form-item-contact-phone .input-group .input-group-addon {
  width: 40px;
  padding: 9px;
}

#register-process-form label {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-weight: 500;
  margin-top: 5px;
}

#edit-listing-payment-types label {
  margin-top: 0px;
}

.existingListingMainWrapper .form-type-entity-autocomplete input {
  padding: 15px !important;
}

.existingListingMainWrapper .form-type-entity-autocomplete .input-group-addon {
  padding-right: 15px !important;
}

.existingListingMainWrapper .input-group .input-group-addon {
  border-right: 0;
  background: white !important;
  border: none;
  padding-right: 1px;
  color: black;
}

.existingListingMainWrapper .input-group input {
  border: none;
  background-image: none;
  box-shadow: none !important;
  padding-left: 0;
}

.existingListingMainWrapper .input-group {
  border: 1px solid black;
  width: 100%;
}

.role-foodtruck #edit-group-truck-info-tab {
  display: block;
}

.role-fan #edit-group-city-state-zip {
  border: none;
}

.role-fan #edit-group-city-state-zip .panel-body {
  padding: 0;
}

.field--name-field-terms-of-use label {
  font-size: 0;
  float: left;
}

.field--name-field-terms-of-use label .error,
.field--name-field-join-our-e-newsletter label .error,
.register-process-form .error.form-item--error-message {
  color: red;
  padding-left: 0;
  margin-right: 5px;
  font-size: 14px;
  float: unset;
}

.register-process-form span.url-description {
  font-size: 12px;
  color: #484545;
  display: block;
  margin-bottom: 5px;
}

.truck-register-wrapper .listing-description {
  font-size: 13px;
}

.truck-register-wrapper #foodTypeTMainWrapper {
  display: block;
  overflow: hidden;
}

.truck-register-wrapper .form-item-listing-food-type-3 label {
  margin: 0;
}


.field--name-field-terms-of-use .description {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
}

.user-login-form label,
.dds-login-registration-form label,
.user-pass label {
  width: 100%;
}

.user-login-form input,
.dds-login-registration-form input,
.user-pass input {
  border-radius: 0px;
}

.user-login-form .form-type-checkbox label,
.dds-login-registration-form .form-type-checkbox label,
.user-pass .form-type-checkbox label {
  width: unset !important;
}

#forgotPassword {
  float: right;
  color: #085394;
  text-decoration: underline;
}

.user-login-form,
.dds-login-registration-form,
.user-pass {
  margin: auto;
  width: 350px !important;
  margin-bottom: 50px;
}

.user-login-form .form-group,
.dds-login-registration-form .form-group {
  margin-bottom: 10px;
}

.formMainHeading {
  text-align: center;
  width: 100%;
  font-size: 25px;
  line-height: 30px;
}

.formMainHeading #headingSubTitle {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 17px;
  margin-bottom: 15px;
}

.custom-verification-code-form .formMainHeading {
  text-align: left;
}

.path-user-register .region-content,
.path-user .region-content {
  background: transparent;
}

.custom-verification-code-form input#edit-verification-code {
  width: 250px;
}

#customForView,
.CustomLinkHidden {
  display: none;
}

.user-login-form .form-submit.btn,
.dds-login-registration-form .form-submit.btn,
.user-pass .form-submit.btn {
  width: 100%;
  text-transform: uppercase;
  background: white;
  color: black;
  border: 2px solid black;
  font-weight: 500;
  margin-top: 10px;
  box-shadow: 2px 2px;
  border-radius: 0;
}

.user-login-form .form-submit.btn:hover,
.dds-login-registration-form .form-submit.btn:hover,
.user-pass .form-submit.btn:hover,
.socialAuthMainWrapper .fbAuthOpt:hover,
.socialAuthMainWrapper .GoogleAuthOpt:hover {
  background-color: #00000012;
  cursor: pointer;
}

.socialAuthMainWrapper .alternateText {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 25px 0 25px;
}

.socialAuthMainWrapper .alternateText span {
  background: #fff;
  padding: 0 7px;
}

.socialAuthMainWrapper {
  text-align: center;
}

.socialAuthMainWrapper .fa {
  float: left;
  font-size: 25px;
  position: relative;
  bottom: 3px;
}

.socialAuthMainWrapper .fbAuthOpt,
.socialAuthMainWrapper .GoogleAuthOpt {
  width: 100%;
  text-transform: uppercase;
  background: white;
  color: black;
  border: 2px solid black;
  font-weight: 500;
  padding: 6px 10px;
  box-shadow: 2px 2px;
  margin: 15px auto;
}

.formMainHeading .socialAuthMainWrapper .fbAuthOpt,
.formMainHeading .socialAuthMainWrapper .GoogleAuthOpt {
  padding: 1px 10px;
  font-size: 14px;
}

.formMainHeading .socialAuthMainWrapper .fa {
  bottom: -2px;
}

.socialAuthMainWrapper .fbAuthOpt a,
.socialAuthMainWrapper .GoogleAuthOpt a {
  color: #000;
  text-decoration: none !important;
}

.user-login-form .error,
.dds-login-registration-form .error,
.user-pass .error,
.webform-submission--hire-request-this-truck-form .form-item--error-message {
  color: red;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  display: block;
  overflow: hidden;
}

.user-login-form .form-item .input-group,
.dds-login-registration-form .form-item .input-group,
.user-pass .form-item .input-group {
  display: block;
  overflow: hidden;
}

.dds-login-registration-form .form-type-email .input-group-addon {
  display: none;
}

.register-process-form {
  margin: 15px 25px 40px;
  overflow: hidden;
}

.register-process-form.truck-account-info-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.register-process-form.truck-account-info-wrapper .edit-fan-ownertitle {
  width: 100%;
}

.register-process-form #edit-fan-owner .form-type-radio,
#dds-login-terms-form #edit-terms-conditions .form-type-radio {
  float: left;
  margin: 0 15px 0 0;
  width: 150px;
  height: 40px;
  position: relative;
}

.register-process-form #edit-fan-owner .form-type-radio label,
.register-process-form #edit-fan-owner .form-type-radio input,
#dds-login-terms-form #edit-terms-conditions .form-type-radio label,
#dds-login-terms-form #edit-terms-conditions .form-type-radio input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.register-process-form #edit-fan-owner .form-type-radio input[type="radio"],
#dds-login-terms-form #edit-terms-conditions .form-type-radio input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
  width: 100%;
  cursor: pointer;
}

.register-process-form #edit-fan-owner .form-type-radio label,
#dds-login-terms-form #edit-terms-conditions .form-type-radio label {
  padding: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 90;
  text-align: center;
}

#dds-login-terms-form #edit-terms-conditions .form-type-radio label {
  font-weight: bold;
  padding: 7px;
}

#edit-fan-owner--wrapper h2,
#edit-fan-owner--wrapper .fieldset-legend {
  text-align: center;
  width: 100%;
  display: block;
  overflow: hidden;
}

.dds-login-terms-form #termsMainWrapper {
  height: 55vh;
  overflow: auto;
}

.register-process-form #edit-fan-owner .form-type-radio label:hover,
#dds-login-terms-form #edit-terms-conditions .form-type-radio label:hover {
  background: #ddd;
}

#register-process-form #edit-fan-owner,
#dds-login-terms-form #edit-terms-conditions {
  display: block;
  overflow: hidden;
  margin: 20px auto 0;
  width: max-content;
}

.register-process-form .main-title-fan-owner {
  font-size: 25px;
  margin: 25px auto;
}

.register-process-form #edit-fan-zipcode {
  width: 200px;
  border-radius: 0px;
  border-color: black;
}

.register-process-form .form-item-fan-favorite-food .select2-selection {
  border-radius: 0;
  color: black;
  background: white;
  border-color: black;
}

.register-process-form .form-item-fan-favorite-food .select2-container {
  background-color: white !important;
  width: 50% !important;
}

.register-process-form #edit-fan-visit-last label>input {
  visibility: hidden;
}

.register-process-form #edit-fan-visit-last label {
  display: block;
  width: 135px;
}

.register-process-form #edit-fan-visit-last label>img {
  display: inline-block;
  padding: 0px;
  height: 30px;
  width: 40px;
  background: none;
}

.register-process-form #edit-fan-visit-last label>input:checked+img {
  background: url(/themes/custom/foodtrucksin/images/check-mark.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px;
}

.register-process-form #edit-fan-visit-last {
  display: block;
  overflow: hidden;
}

.register-process-form .form-item-fan-newsletter {
  margin-top: 0;
  overflow: hidden;
}

.register-process-form #edit-fan-visit-last--wrapper legend {
  font-weight: 500;
}

#block-iamtruckownerblock {
  margin-top: 10px;
}

.register-process-form.truck-account-info-wrapper input,
.register-process-form.truck-register-wrapper input,
.register-process-form .form-type-select select {
  border-radius: 0px;
  border-color: black;
  color: black;
  width: 100%;
}

.register-process-form.truck-register-wrapper .form-item {
  display: block;
  overflow: hidden;
  width: 100%;
}

.register-process-form .form-item-mailing-address,
.register-process-form .form-item-city,
.register-process-form .form-item-state,
.register-process-form .form-item-zip,
.register-process-form .form-item-contact-phone {
  display: block;
  overflow: hidden;
  width: 31%;
  margin: 1%;
  float: left;
}

.register-process-form .form-actions {
  display: block;
  overflow: hidden;
  width: 100%;
}

.register-process-form .form-actions button {
  margin: 10px;
}

.register-process-form .addressMainWrapper .form-item-listing-city {
  width: 100%;
  float: left;
}

.register-process-form .addressMainWrapper .form-item-listing-state {
  width: 45%;
  float: left;
  margin-right: 10%;
}

.register-process-form .addressMainWrapper .form-item-listing-zip {
  width: 45%;
  float: left;
  margin-right: 0px;
}

.register-process-form .form-item-listing-contact-check input {
  width: min-content;
}

.register-process-form .form-item-listing label {
  font-size: 21px;
  font-weight: 500;
}

.register-process-form .select2-selection {
  border-radius: 0;
  border-color: black;
  height: 34px;
  color: black;
}

.register-process-form .select2-selection .select2-search__field:focus-visible,
.register-process-form .form-type-textarea textarea {
  color: black;
  border-color: black;
  border-radius: 0px;
}

.register-process-form .form-item-new-listing-check input {
  width: unset;
}

.register-process-form .form-item-listing {
  margin-bottom: 5px;
}

.register-process-form.truck-notify-wrapper .page-title {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 22px;
  color: green;
}

.register-process-form.truck-notify-wrapper .page-title.main-title-account-pending {
  color: red;
}

.register-process-form.truck-notify-wrapper .alert-main-body {
  font-size: 16px;
  text-align: center;
  display: block;
  overflow: hidden;
  width: 100%;
}

.register-process-form.truck-notify-wrapper {
  width: 300px;
  text-align: center;
  margin: 30px auto;
}

.truck-register-wrapper .select-wrapper .form-select {
  border-radius: 0;
  border-color: black;
  color: black;
}

.dds-login-registration-form .form-item-terms #terms-error {
  width: 100% !important;
  display: block;
  overflow: hidden;
  float: left;
  position: absolute;
  top: 15px;
  right: 0px;
}

.dds-login-registration-form .form-item-terms input {
  width: unset;
}

.dds-login-registration-form .form-type-checkbox.form-item-newsletter,
.menuManualMainWrapper .form-submit,
.menuManualMainWrapper .form-item-listing-menu-manualwrapper-listing-menu-footer {
  margin-top: 10px;
}

.menuManualMainWrapper .menu-manual-item {
  display: block;
  overflow: hidden;
  padding: 15px;
  border: 1px solid black;
  margin: 15px 0;
}

.menuManualMainWrapper .panel-default {
  border-color: black;
  border-radius: 0;
}

.menuManualMainWrapper .panel-default>.panel-heading {
  color: black;
  background-color: #f5f5f5;
  border-color: black;
}

#edit-listing-payment-types input {
  width: unset;
}

body.page-node-type-truck-cities .citytrucks-descriptor-bottom {
  margin: 15px 15px 20px;
}

body.page-node-type-truck-cities .citytrucks-descriptor-top {
  margin: 30px 15px 20px;
}

body.page-node-type-truck-cities h1,
h1#search-page-title {
  margin-left: 15px;
}

/* End Login/Register */

.path-truck-search .page-header,
.path-find-a-favorite .page-header,
.path-my-favorites .page-header {
  display: block !important;
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
  margin-top: 20px;
  margin-left: 15px;
}
.path-find-a-favorite .page-header{
  margin-left: 25px;
}
#card-number-element {
  width: 200px !important;
}

#edit-listing-payment-types--wrapper {
  margin-top: 10px;
}

.truckGallerWrapper .reportTruck img {
  width: 34px;
  height: 34px;
}

#edit-group-truck-info-tab {
  display: none !important;
}

.path-frontpage .dds-search-form .region.region-highlighted {
  position: absolute;
  z-index: 9;
  top: -130px;
}

#accessDeniedBlock {
  display: none;
}

.checkaccessd {
  display: none;
}

#cboxLoadedContent .checkaccessd {
  display: block !important;
}

.view-event-info.view-display-id-block_2 .view-content,
.view-id-organization_info.view-display-id-block_2 .view-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /* align-items: flex-end; */
}

table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default {
  border: 3px solid gray !important;
}

#block-views-block-serving-truck-block-2 {
  max-width: 1170px;
  margin: auto;
  padding: 20px 0px;
}

#block-views-block-serving-truck-block-2 .views-row {
  margin-bottom: 15px;
  margin-top: 15px;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

#block-views-block-serving-truck-block-2 .views-field-title .field-content {
  font-size: 16px;
  font-weight: bold;
}

#block-views-block-serving-truck-block-2 .views-field-field-address {
  margin-top: 15px;
  margin-bottom: 15px;
}

#block-views-block-serving-truck-block-2 .views-field-field-truck-logo {
  float: left;
  margin-right: 20px;
}

#block-views-block-serving-truck-block-2 .views-field-field-type-of-food .views-label {
  float: left;
  margin-right: 10px;
}

#block-views-block-serving-truck-block-2 .block-title {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
}

#block-views-block-serving-truck-block-2 .view-id-serving_truck #leftsection {
  float: left;
  overflow: hidden;
  width: 20%;
}

#block-views-block-serving-truck-block-2 .view-id-serving_truck #rightsection {
  float: left;
  overflow: hidden;
  display: block;
  width: 80%;
}

#block-views-block-serving-truck-block-2 .view-id-serving_truck #rightsection .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

#block-views-block-serving-truck-block-2 .view-id-serving_truck #rightsection .address {
  margin-bottom: 15px;
}

#block-views-block-serving-truck-block-1 .block-title {
  text-align: center;
}


.block-views-blockserving-truck-block-3 .block-title {
  text-align: center;
}

/* .view-id-serving_truck .view-header h4 {
  margin-left: 5%;
} */

.view-id-serving_truck .geolocation-map-container.js-show {
  margin: auto;
}

.view-organization-info .organizationLogo {
  float: right;
}

.view-organization-info .organizationTitle,
.view-organization-info .organizationDetailsWrapper h2 span {
  color: #003399 !important;
  margin: 0.67em 0 0 0;
  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
  font-weight: 200;
  line-height: 1.15em;
}

#edit-listing-image-upload~.rotate-icon,
.form-item-listing-image-rotate {
  display: none !important;
}

.faq-dialog {
  width: 80% !important;
  left: 10% !important;
  border-radius: 10px;
}

.insta-feeds {
  border: 10px solid #f3f3f3;
  /* Light grey */
  border-top: 10px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spin 2s linear infinite;
  margin: 25px auto;
}

#facebook-connect-form div,
#google-connect-form div {
  width: 100%;
  display: block;
  overflow: hidden;
}

#facebook-connect-form .facebook-login-btn,
#facebook-connect-form .facebook-post-btn,
#facebook-connect-form .facebook-logout-btn,
#google-connect-form .google-login-btn,
#google-connect-form .google-post-btn,
#google-connect-form .google-logout-btn {
  background: #5cb85c;
  color: white;
  border: none;
  padding: 5px 10px !important;
  margin: 15px auto;
  display: block;
  width: max-content;
  float: left;
  text-decoration: none;
  cursor: pointer;
}

#facebook-connect-form .facebook-logout-btn,
#google-connect-form .google-logout-btn {
  background: #3b93dd;
  margin-left: 10px;
}

#facebook-connect-form .facebook-login-btn:hover,
#facebook-connect-form .facebook-post-btn:hover,
#google-connect-form .google-login-btn:hover,
#google-connect-form .google-post-btn:hover {
  background: #449d44 !important;
}

#facebook-connect-form .facebook-logout-btn:hover,
#google-connect-form .google-logout-btn:hover {
  background: #2d70a7;
}

#facebook-connect-form .form-actions,
#google-connect-form .form-actions {
  margin-top: 15px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#dds-truckowner-form .form-type-select {
  display: block;
  width: 235px;
  float: left;
  margin: 0px 15px 15px 0;
}

.block-dds-truckowner-missing-block {
  padding-left: 15px;
  padding-right: 15px;
}

.truckInfoWrapper.desktop {
  display: block;
}

.truckInfoWrapper.mobile {
  display: none;
}

.dds-login-registration-form .form-item-contact-phone input {
  width: 100% !important;
}

.dds-login-registration-form .form-item-contact-phone label {
  margin-bottom: 5px;
}

#twilio-logs-filter-form,
#twilio-all-logs-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
  align-items: center;
  justify-content: flex-start;
}

#twilio-logs-filter-form .form-item,
#twilio-all-logs-filter-form .form-item {
  min-width: 200px;
}

#twilio-logs-filter-form .form-item input,
#twilio-all-logs-filter-form .form-item input {
  min-width: 200px;
}

#twilio-logs-filter-form .form-actions,
#twilio-all-logs-filter-form .form-actions {
  flex-basis: 100%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
}

#twilio-logs-filter-form .button,
#twilio-all-logs-filter-form .button {
  min-width: max-content;
}

#twilio-sms-logs-table_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

#twilio-sms-logs-table_wrapper #twilio-sms-logs-table_length {
  order: 0;
}

#twilio-sms-logs-table_wrapper #twilio-sms-logs-table_info {
  order: 1;
}

#twilio-sms-logs-table_wrapper #twilio-sms-logs-table_filter {
  order: 2;
  margin-left: auto;
}

#twilio-sms-logs-table_wrapper #twilio-sms-logs-table {
  order: 3;
}

#twilio-sms-logs-table_wrapper #twilio-sms-logs-table_paginate {
  order: 4;
  margin-left: auto;
}

.custom-marker-label {
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: 15px;
  color: rgb(193, 27, 47) !important;
  font-size: 12px !important;
  font-weight: bold !important;
  left: 30px;
}

.truckOwnerShareWrapper {
  padding: 10px 20px;
  width: 90%;
  border: 2px solid black;
  margin: 15px auto;
  display: block;
  position: relative;
}

.truckOwnerShareWrapper pre {
  margin-top: 10px;
}

.truckOwnerShareWrapper span {
  text-align: center;
  display: block;
}

.truckFavWrapper {
  display: block;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 9;
}

.truckFavWrapper i {
  font-size: 25px;
  color: white;
}

.truckFavWrapper .is-favorited i {
  color: #f9595f;
}
.truckFavWrapper i::before {
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
.view-id-search_trucks .truckFavWrapper {
  top: 65px;
  right: 15px;
}

.view-id-search_trucks .NonProMemberWrapper .truckFavWrapper {
  top: 20px;
}



.ui-icon.custom-dailog-close {
  right: 1px;
  bottom: 2px;
}
.view-search-trucks .truckNotifyWrapper{
  display: block;
  position: relative;
  z-index: 9;
}
.view-search-trucks #FavActionDialog{
  display: none;
}
.path-my-favorites .view > .view-empty {
  font-size: 20px;
}

#block-foodtrucksin-customfavmenublock .custom-fav-menu-item{
  color: #0261b7 !important;
  line-height: 20px;
  padding-left: 25px;
  text-decoration: none;
}
#block-foodtrucksin-customfavmenublock .custom-fav-menu-item:hover{
  opacity: 0.7 !important;
}
#block-foodtrucksin-views-block-search-trucks-block-8 .view-header .searchResultsTotalFav,
#block-foodtrucksin-views-block-search-trucks-block-8 .view-header .view-current-user-saved-zip{
  font-size: 16px;
  font-weight: normal;
  float: left;
  width: max-content;
}
#block-foodtrucksin-views-block-search-trucks-block-8 .view-header .searchResultsTotalFav{
  padding-left: 18px;
  padding-right: 4px;
}
.view-current-user-saved-zip .view-content .views-row{
  width: 100%;
}
#block-foodtrucksin-views-block-search-trucks-block-8 .view-header:has(~ .view-empty) {
  display: none;
}

/* .truckFavWrapper .not-favorited i{
  color: #f9595f;
} */
/* Start Mobile Responsive */

@media only screen and (max-width: 1100px) and (min-width: 460px) {
  .view-id-valued_members .views-view-grid .col-3 {
    display: none;
  }

  #block-customvaluedblock {
    flex-wrap: wrap;
  }

  .view-id-non_valued_members .view-content,
  .view-id-valued_members .view-content {
    margin: 0;
  }

  .view-id-valued_members .views-view-grid .views-row,
  .view-id-non_valued_members .views-view-grid .views-row {
    display: flex;
    justify-content: center;
  }

  #block-customvaluedblock>.views-element-container {
    width: 100%;
  }

  .searchDistanceWrapper {
    margin-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  #socialInstaWrapper.InActive {
    margin: 30px 0 !important;
  }
}

@media screen and (max-width: 1000px) {
  .path-frontpage #block-customworksblock .contentImage img {
    width: auto;
    height: 60px;
  }

  .view-header-banner .views_slideshow_cycle_teaser_section,
  .view-header-banner .views_slideshow_cycle_slide {
    height: 250px !important;
  }

  .view-id-header_banner .sliderSlide .bannerContent {
    display: block;
    overflow: hidden;
    width: 85%;
    min-width: 85%;
    position: absolute;
    background: #ffffff9e;
    opacity: 1;
  }

  .view-id-header_banner .sliderSlide .bannerImage {
    display: block;
    overflow: hidden;
    width: 100%;
    min-width: 100%;
  }

  .view-id-header_banner .sliderSlide .bannerImage img {
    width: 100%;
    height: 250px;
  }

  .view-id-header_banner .sliderSlide {
    width: 85%;
  }

  .view-id-header_banner .views_slideshow_controls_text_next,
  .view-id-header_banner .views_slideshow_controls_text_previous {
    background-size: 30px;
    bottom: 60%;
    z-index: 9;
  }

  .view-id-header_banner .views_slideshow_controls_text_next {
    left: 92%;
  }

  .view-id-header_banner .views_slideshow_controls_text_previous {
    right: 92%;
  }

  .view-header-banner .bannerHeading {
    font-size: 20px;
    margin-bottom: 0;
  }

  .view-header-banner .bannerBody {
    font-size: 13px;
  }

  .block-views-blockhomepage-blocks-block-1 .contentImage img {
    height: 70px;
    width: 70px;
  }

  .block-views-blockhomepage-blocks-block-1 .view-content .views-row {
    width: 19%;
  }

  .ContentDescription {
    font-size: 13px;
  }

  .block-views-blockhomepage-blocks-block-2 .views-row {
    width: 28%;
  }

  .path-frontpage .searchFormWrapper .form-type-textfield {
    width: 100% !important;
  }

  .dds-search-form .searchFormWrapper {
    width: 70%;
  }

  .dds-search-form .searchActionWrapper {
    width: 23%;
  }

  .path-frontpage .dds-search-form .searchActionWrapper {
    right: 0px;
    left: 10px;
  }

  #block-customvaluedblock .slick-next.slick-arrow {
    width: 40px;
    height: 40px;
    background: url(/themes/custom/foodtrucksin/images/SliderArrow.png) no-repeat 100%;
    right: 10px;
  }

  #block-customvaluedblock .slick-prev.slick-arrow {
    top: 47% !important;
    left: 0px !important;
    z-index: 9;
  }

  .view-id-valued_members {
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .view-id-valued_members .view-valued-members {
    float: unset;
  }

  .view-id-non_valued_members .view-content,
  .view-id-valued_members .view-content {
    margin: 0;
  }

  #block-valuedmembers .blockHeader {
    margin-bottom: 30px;
  }

  .view-id-non_valued_members {
    width: 100%;
    margin-left: 0;
  }

  #block-customvaluedblock .membershipMainWrapper,
  #block-views-block-valued-members-mobile-block-1 .membershipMainWrapper,
  #block-views-block-non-valued-members-mobile-block-2 .membershipMainWrapper {
    width: 100%;
  }

  /* .footer-top-section .form-type-email {
    width: 51%;
    margin: 0px 15px 0 100px;
  } */

  .footer-content-section {
    padding: 0px 0px 100px 50px;
  }

  .block-views-blockhomepage-blocks-block-2 .views-field {
    padding: 30px 10px;
  }

  #block-customworksblock .contentMainWrapper {
    background: none;
  }

  #block-customworksblock .contentMainWrapper {
    height: 200px;
    padding: 10px;
  }

  #block-customworksblock {
    background: #cfebfe;
    margin-top: 15px;
    padding-top: 25px !important;
  }

  #block-customworksblock .ContentDescription {
    line-height: 16px;
  }

  #block-customworksblock .contentImage img {
    width: 100px;
  }

  /*-------------------------------- start search page--------------------------------------------*/
  .NonProMemberWrapper .truckInfo {
    padding: 25px 10px;
    max-height: 350px;
    height: 350px;
  }

  /*-------------------------------- End search page----------------------------------------------*/
  /*---------------------------------truck-page --------------------------------------------------*/
  .truckGallerWrapper {
    width: 55%;
  }

  .truckInfoWrapper {
    width: 100%;
    height: 500px;
  }

  .truckInfoWrapper .truckBadge,
  .truckInfoWrapper .truckTitle,
  .truckInfoWrapper .truckLogo,
  .truckInfoWrapper .truckInfoAddress,
  .truckInfoWrapper .truckPaymentMethods,
  .truckInfoWrapper .truckCuisines,
  .truckInfoWrapper .truckDescription,
  .truckInfoWrapper .truckHireSection {
    margin-left: 15px !important;
  }

  .truckInfoWrapper .truckTitle {
    /* font-size: large; */
    margin-top: 15px;
  }

  .getintouchsection .truckPhone,
  .getintouchsection .truckEmail,
  .getintouchsection .truckWebsite,
  .getintouchsection .truckOrderNow {
    width: 22%;
  }

  .truckBanner {
    height: 500px;
  }

  .truckInfoWrapper .truckCuisinesInfo {
    margin-left: 15px;
  }

  /*---------------------------------End truck-page-----------------------------------------------*/
  .view-id-event_info.view-display-id-page_1,
  #block-views-block-event-info-block-1 {
    margin: 15px;
  }

  .typagetext {
    font-size: 11px;
  }
}

@media screen and (max-width: 820px) {
  /* .truckGallerWrapper {
    height: 500px;
  }
  .truckInfoWrapper {
    max-height: 500px;
  }  
   */

  /*---------------------------------start truck-page---------------------------------------------*/
  .view-truck-info .imagefield_slideshow-wrapper .prev-next,
  .view-truck-owner-dashboard-profile .imagefield_slideshow-wrapper .prev-next {
    display: none;
  }

  .truckBanner,
  .view-event-info .eventMainSection {
    flex-direction: column;
    margin-bottom: 0%;
    height: auto;
  }

  .truckInfoWrapper .truckInfoInnerWrapper {
    width: 100%;
  }

  .truckGallerWrapper,
  .truckInfoWrapper,
  .view-event-info .eventInfoWrapper {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    max-height: 100%;
  }

  .view-event-info .eventMainSection .eventImage {
    width: 100%;
    margin: 0;
    border-radius: 10px 10px 0 0;
  }

  .truckInfoWrapper .truckBadge,
  .truckInfoWrapper .truckTitle,
  .truckInfoWrapper .truckLogo,
  .truckInfoWrapper .truckInfoAddress,
  .truckInfoWrapper .truckPaymentMethods,
  .truckInfoWrapper .truckCuisines,
  .truckInfoWrapper .truckDescription,
  .truckInfoWrapper .truckHireSection {
    margin-left: 30px !important;
  }

  .getintouchsection {
    flex-wrap: wrap;
    margin: 50px 0 0px 0px;
  }

  .getintouchsection>span {
    background: none;
  }

  .truckTouch {
    padding-top: 30px !important;
  }

  .getintouchsection .truckPhone,
  .getintouchsection .truckEmail,
  .getintouchsection .truckWebsite,
  .getintouchsection .truckOrderNow {
    width: 46%;
  }

  .node-form .panel {
    margin: 15px 0px;
  }

  .node-form {
    margin: 15px;
  }

  .node-form .field-group-tabs-wrapper>.horizontal-tabs {
    border: none !important;
  }

  #block-seven-content .node-form {
    margin: 0px !important;
  }

  .node-form .address-container-inline>.form-item,
  .node-form .field--name-field-type-of-food,
  .node-form .field--name-field-type-of-food-2,
  .node-form .field--name-field-type-of-food-3,
  .node-form .field--name-field-website,
  .node-form .field--name-field-email,
  .node-form .field--name-field-phone,
  .node-form .field--name-field-order-now-link,
  .node-form .field--name-field-facebook-url,
  .node-form .field--name-field-instagram {
    width: 100%;
    margin-right: 0;
    float: left;
  }

  .node-form #edit-group-images .form-type-managed-file input,
  .node-form .field--name-field-truck-logo .form-managed-file .file--image,
  .node-form .field--name-field-field-menu-select,
  .node-form .field--name-field-menu-pdf,
  .node-form .field--name-field-menu-url {
    width: unset;
  }

  .node-form .field--name-title,
  .node-form .field--name-field-vendor-type {
    width: 100%;
    float: left;
    margin: 0;
  }

  .node-form #edit-field-payment-methods,
  .node-form #edit-field-truck-badges {
    display: block;
  }

  .field--name-field-payment-methods .fieldset-legend {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .truckInfoWrapper.mobile {
    display: block;
  }

  .truckInfoWrapper.desktop {
    display: none;
  }

  .truckGallerWrapper .truckImages .slick-slide img {
    height: 50vh;
  }

  .truckGallerWrapper .truckImages .slick-dots {
    left: 45px;
  }

  .truckInfoWrapper .truckCuisinesInfo {
    margin-left: 30px;
  }

  /*---------------------------------End truck-page-----------------------------------------------*/
}

@media screen and (min-width: 767px) {

  /* .mobile.logo {
    display: none;
  } */
  #block-customgearmenublock-2 {
    display: none;
  }

  header#navbar {
    display: flex;
    flex-wrap: wrap;
  }

  #block-customgearmenublock {
    display: block;
  }

  .eventAttendeeWrapper .attendeeInfo {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .eventAttendeeWrapper .truckCuisines {
    height: 38px;
    overflow: hidden;
  }

  .eventAttendeeWrapper.NonProMemberWrapper {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {

  /* .mobile.logo {
    display: block;
  } */
  #block-customgearmenublock-2 {
    display: block;
    width: min-content;
    float: right;
    margin-top: 20px;
    margin-right: 15px;
  }

  #block-customgearmenublock {
    display: none;
  }

  header#navbar {
    display: block;
  }

  .truckOwnerMenuBlock .customGearPanelMenu {
    position: unset;
    width: 100%;
    background: transparent;
  }

  /* #navbar-collapse .logo {
    display: none;
  } */
  .navbar-toggle {
    margin-top: 20px;
  }

  header#navbar #navbar-collapse,
  #block-foodtrucksin-main-menu,
  #block-customusermenublock,
  #block-customgearmenublock {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  .truckOwnerMenuBlock {
    text-align: center;
  }

  #navbar-collapse .menu,
  #block-customusermenublock .menu {
    display: block;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: auto;
  }

  #navbar .nav>li {
    float: left;
    padding: 5px 0px;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
  }

  .socialFeedsWrapper #socialFBWrapper,
  .socialFeedsWrapper #socialInstaWrapper {
    width: 340px;
    margin-bottom: 25px;
  }

  footer.footer {
    display: block;
    overflow: hidden;
  }

  .view-event-info .eventMainSection {
    margin-bottom: 10px;
    flex-wrap: wrap;
  }

  .view-event-info .eventContent {
    width: 100%;
    border-radius: 0 0 10px 10px;
    margin: 0px;
  }

  .view-event-info .eventDetails p {
    width: 100%;
  }

  #block-customworksblock .views-row {
    width: 45%;
  }

  #block-customworksblock .views-row:nth-child(4) {
    margin-right: auto;
    width: 45%;
  }

  #block-customworksblock .slick-prev.slick-arrow {
    transform: rotateY(180deg);
    top: 50% !important;
    left: 0px !important;
    z-index: 1;
  }

  #block-customworksblock .slick-prev.slick-arrow,
  #block-customworksblock .slick-next.slick-arrow {
    width: 45px;
    height: 45px;
    bottom: 50%;
    background-size: 45px;
  }

  #block-customworksblock .slick-next {
    right: 0px;
    top: 54% !important;
    bottom: 0 !important;
  }

  .register-process-form #edit-fan-visit-last label {
    display: block;
    width: 24%;
  }

  .register-process-form #edit-fan-visit-last label>img {
    display: block;
  }

  .register-process-form .form-item-mailing-address,
  .register-process-form .form-item-contact-phone,
  .register-process-form .form-item-fan-favorite-food .select2-container,
  .register-process-form #edit-fan-zipcode {
    width: 97% !important;
  }

  .register-process-form .form-actions button {
    margin: 4px;
  }

  .paymentMethodSelectAll,
  .paymentMethodUnSelectAll {
    display: block;
    float: left;
    margin-top: 10px;
  }

  #edit-listing-payment-types--wrapper .fieldset-legend span:first-child {
    width: 100%;
    display: block;
  }

  .block-views-blockserving-truck-block-2 .views-field-nothing {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-top-section .region-footer {
    padding: 50px;
  }
}

@media screen and (max-width: 520px) {

  .view-search-trucks .view-content .views-row,
  .view-id-event_info .view-content .views-row,
  .view-organization-info .view-content .views-row {
    width: 100%;
  }

  .view-id-search_trucks .truckLocation {
    font-size: 12px;
  }

  .main-loader {
    top: 40% !important;
    left: 30% !important;
  }

  .main-loader img {
    width: 150px;
  }

  body:not(.path-frontpage) .main-container>.row {
    margin: 0px;
  }

  .page-node-type-page article,
  .main-container .region-content form {
    padding-right: 0px;
    padding-left: 0px;
  }

  .truckInfoWrapper .truckLogo {
    margin: 20px 0px 20px 20px !important;
  }

  .socialFeedsWrapper #socialFBWrapper,
  .socialFeedsWrapper #socialInstaWrapper {
    width: 340px;
    margin: auto;
  }

  .path-truck-search .main-container>.row,
  .path-find-a-favorite .main-container>.row,
  .path-my-favorites .main-container>.row {
    display: block;
    overflow: hidden;
    margin: 5px;
  }

  #block-searchpageresults .searchResults {
    width: 100%;
    display: inherit;
    margin: 5px 5px 5px 10px;
  }

  .truckGallerWrapper .imagefield_slideshow-wrapper,
  .truckGallerWrapper .truckImages,
  .truckGallerWrapper .imagefield_slideshow-wrapper .cycle-slideshow,
  .truckGallerWrapper .imagefield_slideshow-wrapper .cycle-slideshow img {
    height: 100%;
    display: block;
    overflow: hidden;
    border: none;
  }

  .view-truck-info .truckInfoWrapper .truckLogo {
    top: 0;
    z-index: 9;
    right: 15px;
    opacity: 0.7;
    width: 115px;
  }

  .view-truck-owner-dashboard-profile .truckInfoWrapper .truckLogo {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 15px;
    opacity: 0.7;
    margin: 10px !important;
    width: 115px;
  }

  .truckInfoWrapper .truckBadge {
    font-size: 11px;
  }

  .truckInfoWrapper .truckTitle {
    font-size: 27px;
  }

  .truckInfoWrapper .truckLogo img {
    border-radius: 50%;
    border: 5px solid white;
    width: 115px;
    height: 115px;
    object-fit: contain;
    object-position: center;
  }

  .path-truck-search .searchFormFilterWrapper{
    top: 350px;
  }
  .path-my-favorites .searchFormFilterWrapper,
  .path-find-a-favorite .searchFormFilterWrapper {
    top: 325px !important;
  }
  .path-my-favorites .view > .view-empty {
    padding-top: 0px;
    font-size: 14px;
  }
  .truckOwnerAlertsWrapper .checkinsMainWrapper .addNewCheckinWrapper {
    position: unset;
    width: 70%;
    margin: auto;
  }

  .path-truck-search #block-customsearchblock-2,
  .path-find-a-favorite #block-customsearchblock-2,
  .path-my-favorites #block-customsearchblock-2 {
    margin-bottom: 100px;
    margin-top: 15px;
  }

  .view-id-truck_info .reportTruck {
    position: absolute;
    display: block;
    z-index: 3;
    bottom: 25px;
    left: 25px;
  }

  .truckInfoWrapper .truckMembership,
  .truckInfoWrapper .truckBadge {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
  }

  .truckInfoWrapper .truckMembership,
  .truckInfoWrapper .truckVerify {
    display: block;
    overflow: hidden;
    width: max-content;
    float: left;
    margin-top: 0;
  }

  .path-frontpage .searchFormWrapper .input-group .input-group-addon:first-child {
    padding-right: 0;
  }

  .path-frontpage .searchFormWrapper .input-group .input-group-addon:last-child {
    padding-left: 0;
  }

  .path-frontpage .searchFormWrapper .input-group input {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .view-truck-info #truckFoodMenuWrapper a.defaultMenuImage,
  .view-truck-owner-dashboard-profile #truckFoodMenuWrapper a.defaultMenuImage {
    display: block;
    overflow: hidden;
    width: 85%;
    margin: auto;
  }

  .view-truck-info .foodMenusection,
  .view-truck-info .defaultMenuImage img,
  .view-truck-owner-dashboard-profile .foodMenusection,
  .view-truck-owner-dashboard-profile .defaultMenuImage img {
    width: 100%;
    max-width: 100%;
  }

  #block-views-block-valued-members-mobile-block-1,
  #block-views-block-non-valued-members-mobile-block-2 {
    display: block;
  }

  #block-customvaluedblock {
    display: none;
  }

  .path-frontpage .dds-search-form {
    width: 91%;
  }

  .dds-search-form .searchFormWrapper {
    padding-left: 10px;
  }

  .dds-search-form button.form-submit {
    width: 85px;
  }

  #block-customeventblock {
    display: block;
    width: 90%;
    margin: auto;
  }

  #block-customeventblock .views-element-container {
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
  }

  #block-customeventblock .views-element-container {
    display: block;
    overflow: hidden;
    width: 100%;
  }

  #block-customeventblock .view-id-event_info.view-display-id-block_2 .view-content {
    width: 100%;
  }

  #block-customeventblock .view-content {
    display: flex;
    flex-wrap: wrap;
  }

  #block-customeventblock .views-row {
    width: 100%;
  }

  .eventAttendeeWrapper {
    width: 80%;
    margin: 25px auto;
  }

  .eventAttendeeWrapper .attendeeTitle {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .view-id-event_info.view-display-id-block_2 .view-content {
    display: flex;
    flex-wrap: wrap;
  }

  /* .view-id-event_info.view-display-id-block_3 .eventAttendeeWrapper {
    margin-top: 25px;
  } */
  #block-customeventblock .view-content {
    width: 100%;
  }

  .block-views-blockhomepage-blocks-block-1 .view-content,
  .block-views-blockhomepage-blocks-block-2 .view-content,
  #block-customworksblock .view-content,
  .view-id-valued_members .view-content {
    flex-wrap: wrap;
  }

  .block-views-blockhomepage-blocks-block-1 .view-content {
    background: #cfebfe;
  }

  .view-id-valued_members .view-content {
    margin: 50px 0 0px 0px;
  }

  .view-id-non_valued_members .view-content {
    margin: 0px 0 50px 0px;
  }

  .block-views-blockhomepage-blocks-block-1 .view-content .views-row {
    width: 40%;
    margin-bottom: 10px;
  }

  .block-views-blockhomepage-blocks-block-1 .contentMainWrapper {
    background: none;
  }

  .blockTitle {
    margin-top: 0px;
  }

  .blockDescription {
    font-size: 15px;
  }

  .block-views-blockhomepage-blocks-block-2 .views-row {
    width: 70%;
    margin-bottom: 30px;
  }

  .block-views-blockhomepage-blocks-block-2 .views-field {
    padding: 20px 15px 30px;
  }

  #block-customvaluedblock.membershipMainWrapper,
  #block-views-block-non-valued-members-mobile-block-2 .membershipMainWrapper,
  #block-views-block-valued-members-mobile-block-1 .membershipMainWrapper {
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
  }

  .view-id-valued_members,
  .view-id-valued_members .views-view-grid .views-col,
  .view-id-non_valued_members,
  .view-id-non_valued_members .views-view-grid .views-col {
    width: 100% !important;
    margin-left: 0%;
  }

  .footer-top-section .region-footer {
    padding: 50px 25px;
  }

  .footer-top-section .form-type-email {
    width: 58%;
    margin: 0px 5px 0 0px;
  }

  .footer-content-section {
    flex-direction: column;
    padding: 0px 0px 50px 10px;
    width: 100% !important;
    max-width: 96% !important;
    text-align: center;
  }

  .footer-content-section .footer-first-section,
  .footer-content-section .footer-second-section,
  .footer-content-section .footer-third-section,
  .footer-content-section .footer-fourth-section {
    width: 100%;
  }

  .footer-content-section h2 {
    font-weight: bold;
  }

  .view-id-valued_members .view-valued-members {
    float: right;
    display: block;
    overflow: hidden;
    width: 100%;
  }

  /*-------------------------------- start search page--------------------------------------------*/
  .path-truck-search .dds-search-form .searchFormWrapper,
  .path-find-a-favorite .dds-search-form .searchFormWrapper,
  .path-my-favorites .dds-search-form .searchFormWrapper {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .searchFormWrapper .form-type-textfield,
  .searchFormWrapper .form-type-entity-autocomplete {
    width: 95%;
    margin-left: auto;
  }

  .path-truck-search .dds-search-form .searchActionWrapper,
  .path-find-a-favorite .dds-search-form .searchActionWrapper,
  .path-my-favorites .dds-search-form .searchActionWrapper {
    margin-left: 10px;
    margin-top: 10px;
  }

  .path-truck-search .dds-search-form button.form-submit,
  .path-find-a-favorite .dds-search-form button.form-submit,
  .path-my-favorites .dds-search-form button.form-submit {
    width: 120px;
  }

  .views-view-grid .views-row {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .views-view-grid .views-col {
    width: 96% !important;
    margin: auto;
  }

  .NonProMemberWrapper .truckInfo {
    padding: 25px 10px;
    max-height: 230px;
    height: 230px;
  }

  #block-customsearchblock-2 {
    width: 90%;
  }

  .view-id-search_trucks .ProMemberWrapper .truckBadge {
    width: 100%;
    border-right: 0px solid;
  }

  .ProMemberWrapper {
    margin: 15px;
    overflow: hidden;
  }

  .view-id-search_trucks .ProMemberWrapper .truckContent {
    border-radius: 0px 0px 10px 10px;
  }

  .view-id-search_trucks .ProMemberWrapper .truckInfo {
    width: 100%;
    padding: 15px;
  }

  .view-id-search_trucks .ProMemberWrapper .truckImage {
    width: 100%;
  }

  .view-id-search_trucks .ProMemberWrapper .truckContent {
    margin-bottom: 5px;
    flex-wrap: wrap;
  }

  .dds-search-form .searchTabs {
    display: block;
    overflow: hidden;
    position: unset;
    text-align: center;
  }

  .dds-search-form .hireTruck {
    margin-bottom: 15px;
    border-radius: 0 !important;
    border-bottom: 1px solid #e2f3ff !important;
    margin-right: 0 !important;
  }

  .path-frontpage .dds-search-form .hireTruck {
    border-top: 1px solid #e2f3ff !important;
  }

  .dds-search-form .findTruck {
    border-bottom: 0 !important;
    margin-right: 0 !important;
  }

  .dds-search-form .searchFormFilterWrapper {
    top: 400px;
    justify-content: center;
  }

  .path-frontpage .dds-search-form .searchFormWrapper {
    bottom: 10px;
  }

  .path-frontpage .dds-search-form .searchActionWrapper {
    position: unset;
    float: unset;
    margin: 10px auto 30px;
    width: min-content;
  }

  #dds-search-form #edit-actions span.button {
    margin-right: 0px !important;
  }

  .path-frontpage .dds-search-form {
    border-radius: 10px;
  }

  .path-frontpage .dds-search-form .searchFormWrapper {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    position: unset;
    float: unset;
    margin-bottom: 15px;
  }

  .path-frontpage .searchFormWrapper .form-type-textfield {
    margin-bottom: 10px;
  }

  .path-frontpage .dds-search-form button.form-submit {
    width: 125px;
    height: 35px;
  }

  .path-frontpage .dds-search-form .findTruck,
  .path-frontpage .dds-search-form .hireTruck {
    padding: 12px 20px;
  }

  /*-------------------------------- End search page----------------------------------------------*/
  /*---------------------------------start truck-page---------------------------------------------*/
  .view-truck-info .imagefield_slideshow-wrapper .prev-next,
  .view-truck-owner-dashboard-profile .imagefield_slideshow-wrapper .prev-next {
    display: none;
  }

  .truckBanner {
    flex-direction: column;
    margin-bottom: 0%;
  }

  .truckGallerWrapper,
  .truckInfoWrapper {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    max-height: 100%;
  }

  .truckInfoWrapper .truckBadge,
  .truckInfoWrapper .truckTitle,
  .truckInfoWrapper .truckLogo,
  .truckInfoWrapper .truckInfoAddress,
  .truckInfoWrapper .truckPaymentMethods,
  .truckInfoWrapper .truckCuisines,
  .truckInfoWrapper .truckDescription,
  .truckInfoWrapper .truckHireSection {
    margin-left: 30px !important;
  }

  .getintouchsection {
    flex-wrap: wrap;
    margin: 50px 0 0px 0px;
  }

  .getintouchsection>span {
    background: none;
  }

  .truckTouch {
    padding-top: 30px !important;
  }

  .getintouchsection .truckPhone,
  .getintouchsection .truckEmail,
  .getintouchsection .truckWebsite,
  .getintouchsection .truckOrderNow {
    width: 46%;
  }

  .node-form .panel {
    margin: 15px 0px;
  }

  .node-form {
    margin: 15px;
  }

  .node-form .field-group-tabs-wrapper>.horizontal-tabs {
    border: none !important;
  }

  #block-seven-content .node-form {
    margin: 0px !important;
  }

  .node-form .address-container-inline>.form-item,
  .node-form .field--name-field-type-of-food,
  .node-form .field--name-field-type-of-food-2,
  .node-form .field--name-field-type-of-food-3,
  .node-form .field--name-field-website,
  .node-form .field--name-field-email,
  .node-form .field--name-field-phone,
  .node-form .field--name-field-order-now-link,
  .node-form .field--name-field-facebook-url,
  .node-form .field--name-field-instagram {
    width: 100%;
    margin-right: 0;
    float: left;
  }

  .node-form #edit-group-images .form-type-managed-file input,
  .node-form .field--name-field-truck-logo .form-managed-file .file--image,
  .node-form .field--name-field-field-menu-select,
  .node-form .field--name-field-menu-pdf,
  .node-form .field--name-field-menu-url {
    width: unset;
  }

  .node-form .field--name-title,
  .node-form .field--name-field-vendor-type {
    width: 100%;
    float: left;
    margin: 0;
  }

  .node-form #edit-field-payment-methods,
  .node-form #edit-field-truck-badges {
    display: block;
  }

  .field--name-field-payment-methods .fieldset-legend {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  /*---------------------------------End truck-page-----------------------------------------------*/
  .view-id-header_banner .sliderSlide .bannerContent {
    opacity: 1;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .truckOwnerstatsWrapper .slick-slider {
    display: block;
  }

  .truckOwnerstatsWrapper .slick-dots {
    width: 100%;
    text-align: center;
  }

  .path-user-register #register-process-form .listingImageMainWrapper label {
    float: none !important;
  }

  .path-user-register #register-process-form .paymentMethodSelectAll,
  .path-user-register #register-process-form .paymentMethodUnSelectAll {
    float: none !important;
  }

  #block-views-block-event-info-block-2,
  #block-views-block-event-info-block-3 {
    max-width: 100% !important;
    width: 100% !important;
  }

  .block-views-blockserving-truck-block-2 .views-field-nothing {
    padding-left: 20px;
    padding-right: 20px;
  }

  #block-views-block-serving-truck-block-1 .block-title {
    text-align: center;
  }

  #socialFBWrapper .fb-page {
    max-width: 340px;
  }

  .view-truck-check-ins table.dataTable {
    font-size: 10px;
  }

  .view-truck-check-ins .views-field-operations .btn-group button {
    font-size: 10px;
  }

  .view-truck-check-ins .views-field-operations .btn-group>.btn+.dropdown-toggle {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 10px;
  }

  .view-truck-check-ins .views-field-operations .open>.dropdown-menu {
    font-size: 10px;
  }

  .view-truck-check-ins .views-field-operations .dropdown-menu>li>a {
    padding: 3px 5px;
  }

  .view-truck-check-ins .views-field-operations .dropdown-menu {
    min-width: 58px;
  }

  .path-truck-search .searchFormFilterWrapper .form-item-alpha>.select-wrapper,
  .path-truck-search .searchDistanceWrapper,
  .path-find-a-favorite .searchFormFilterWrapper .form-item-alpha>.select-wrapper,
  .path-find-a-favorite .searchDistanceWrapper,
  .path-my-favorites .searchFormFilterWrapper .form-item-alpha>.select-wrapper,
  .path-my-favorites .searchDistanceWrapper {
    width: 125px;
  }

}

@media screen and (max-width: 390px) {
  #edit-actions-submit {
    font-size: 12px;
    padding: 7px 12px;
  }

  .footer-top-section .region-footer {
    padding: 25px 13px 0;
  }

  .footer-content-section {
    padding: 0px 0px 25px 10px;
  }

  .NonProMemberWrapper .truckInfo {
    padding: 25px 10px;
    max-height: 270px;
    height: 270px;
  }

  .path-truck-search #edit-actions-submit,
  .path-find-a-favorite #edit-actions-submit,
  .path-my-favorites #edit-actions-submit {
    font-size: 12px;
    padding: 7px;
  }

  .truckInfoWrapper .truckBadge,
  .truckInfoWrapper .truckTitle,
  .truckInfoWrapper .truckLogo,
  .truckInfoWrapper .truckInfoAddress,
  .truckInfoWrapper .truckPaymentMethods,
  .truckInfoWrapper .truckCuisines,
  .truckInfoWrapper .truckDescription,
  .truckInfoWrapper .truckHireSection,
  .truckInfoWrapper .truckCuisinesInfo {
    margin-left: 15px !important;
  }
}

@media (max-width: 1000px) {

  .socialFeedsWrapper #socialFBWrapper,
  .socialFeedsWrapper #socialInstaWrapper {
    width: 100%;
    margin-bottom: 25px;
  }

  #socialInstaWrapper .timeline-Widget {
    max-width: 340px;
    background-color: #fff;
    border-radius: 5px;
    margin: auto;
  }
}

/* End Mobile Responsive */
.webform-submission-check-in-form .js-form-item-check-in-date {
  display: none;
}

.webform-submission-check-in-form .dateList {
  overflow-y: scroll;
}

.webform-submission-check-in-form .activeDate {
  background: #ff0000;
  color: #fff;
}

.webform-submission-check-in-form .webform-address--wrapper,
.webform-submission-check-in-form .form-item-save-location-as-a-favourite,
.webform-submission-check-in-form #edit-processed-text,
.webform-submission-check-in-form #strict-bounds-selector,
.webform-submission-check-in-form #type-selector {
  display: none;
}

#edit-location .webform-address--wrapper,
#edit-location #edit-processed-text {
  display: block;
}

.webform-submission-check-in-form #datepicker table tr td.active:active,
.webform-submission-check-in-form #datepicker table tr td.active.highlighted:active,
.webform-submission-check-in-form #datepicker table tr td.active.active,
.webform-submission-check-in-form #datepicker table tr td.active.highlighted.active {
  background-color: green;
}

.webform-submission-check-in-form .ui-state-highlight,
.webform-submission-check-in-form .ui-state-highlight a {
  color: #fff !important;
  background: #007eff !important;
}

.path-user .region-content {
  margin: 20px auto;
}

.path-user article .form-no-label h4.label {
  color: black;
  font-size: 12px;
  padding: 0;
}

#block-views-block-user-edit-block-1,
.path-user article {
  padding-left: 15px;
}

.user-login-form,
.dds-login-registration-form,
.user-pass {
  width: 50%;
  margin-top: 15px;
}

.custom-fake-menu-item {
  display: none;
}

/*=========================
Css for Checkin form as on - 28-02-2022
===========================*/
.webform-submission-check-in-form {
  padding: 0 1.5rem;
  margin-bottom: 5rem;
}

.webform-submission-check-in-form * {
  border-radius: 0;
}

.progress-tracker {
  margin: 2rem;
}

.webform-submission-check-in-form .progress-tracker {
  margin: 2rem 0;
}

.progress-tracker--center .progress-step .progress-marker::before {
  z-index: 99;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  padding-bottom: 0;
  background-color: #303d64;
}

.progress-tracker--center .progress-step .progress-text {
  display: none;
}

.progress-tracker--center li.progress-step.is-active {
  position: relative;
}

.progress-tracker--center li.progress-step.is-active:before {
  content: "";
  position: absolute;
  height: 0.4rem;
  background: #303d64;
  top: 1rem;
  left: 0;
  right: 34%;
  z-index: 9;
}

@keyframes move {
  from {
    left: 0;
  }

  to {
    left: 63%;
  }
}

.progress-tracker--center li.progress-step.is-active:after {
  content: "";
  position: absolute;
  height: 1.5rem;
  /*background: #f00;*/
  top: -0.25rem;
  width: 5rem;
  left: 63%;
  z-index: 9;
  background: url(../images/prog-truck.png) no-repeat;
  background-size: contain;
  animation: move 1s alternate;
}

.webform-submission--hire-request-the-best-food-truc-form .progress-tracker--center li.progress-step.is-active:before {
  right: 20%;
}

@keyframes move1 {
  from {
    left: 0;
  }

  to {
    left: 70%;
  }
}

.webform-submission--hire-request-the-best-food-truc-form .progress-tracker--center li.progress-step.is-active:after {
  left: 70%;
  animation: move1 1s alternate;
}

.webform-progress-tracker.progress-tracker--center .progress-step.is-active:hover .progress-marker::before {
  background-color: #425284;
}

.progress-tracker--center .progress-step:last-child .progress-marker::after {
  display: block !important;
}

.progress-tracker--center .progress-step .progress-marker::after {
  left: 0;
  top: 1rem;
  background-color: transparent;
  border-bottom: 0.4rem dotted #d9d9d9;
}

.progress-tracker--center .progress-step.is-complete .progress-marker::after {
  display: block !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  border-color: #303d64;
  border-bottom-style: solid;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before {
  background-color: #303d64;
}

.progress-tracker--center li.progress-step:last-child.is-active:before {
  right: 0;
}

.grid--column-2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 1.5rem;
}

.webform-submission-check-in-form .panel-default {
  border: none;
  width: 100%;
  box-shadow: none;
}

.webform-submission-check-in-form .panel-default>.panel-heading {
  display: none;
}

.webform-submission-check-in-form .panel-default>.panel-body {
  padding: 0;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker {
  width: 100%;
  padding: 0;
  border: none;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
  font-size: 2rem;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table {
  font-size: 1.6rem;
  margin: 0;
  min-height: 28rem;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table thead {
  background-color: #e6e6e6;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td {
  text-align: center;
  border: none;
  background: none !important;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td span,
.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td a {
  text-align: center;
  border-radius: 100%;
  background: none;
  border: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  line-height: 1;
  min-width: 2.5rem;
  color: #404040;
  font-weight: 600;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table th:first-child.ui-datepicker-week-end span,
.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td:first-child.ui-datepicker-week-end span,
.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td:first-child.ui-datepicker-week-end a {
  color: #ff4d6f;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td.ui-datepicker-current-day {
  background: none !important;
  border: none;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td.ui-datepicker-today a {
  background-color: #425284 !important;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td.ui-state-highlight span,
.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td.ui-state-highlight a {
  background-color: #303d64 !important;
}

.webform-submission-check-in-form .select2-container--default .select2-selection--single,
.webform-submission-check-in-form .form-control {
  background-color: #e6e6e6;
  border: none;
  height: 5rem;
  box-shadow: none;
  border-radius: 0;
}

.webform-submission-check-in-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 100%;
  align-items: center;
  display: flex;
  width: 93%;
}

.has-glyphicons .webform-submission-check-in-form .select-wrapper:after {
  content: "";
}

.webform-submission-check-in-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 0;
  width: 0;
  top: 50%;
  right: 2rem;
}

.webform-submission-check-in-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000000 transparent transparent transparent;
  border-width: 1rem 0.75rem 0 0.75rem;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

body .ui-timepicker-wrapper {
  width: 100%;
  background: #e6e6e6;
  max-width: 37.3125rem;
  box-shadow: none;
  z-index: 1;
}

.webform-submission-check-in-form .form-item-truck-timing.form-type-textarea {
  background: #e2f3ff;
  position: relative;
}

.webform-submission-check-in-form label {
  font-size: 1.6rem;
  font-weight: 700;
}

.webform-submission-check-in-form .form-item-truck-timing.form-type-textarea label {
  position: relative;
  font-weight: 700;
  display: block;
  padding: 1.5rem 1.5rem 0;
  background: #e2f3ff;
  z-index: 9;
  width: calc(100% - 7px);
}

.webform-submission-check-in-form .form-item-truck-timing.form-type-textarea label .title_current-date {
  background: #303d64;
  padding: 1rem;
  margin: -1.5rem -1.5rem 1rem;
  color: #fff;
  text-align: center;
  position: relative;
  left: 0px;
  right: -10px;
  width: calc(100% + 3rem + 7px);
}

.webform-submission-check-in-form .form-item-truck-timing.form-type-textarea label span {
  display: inline-block;
}

.webform-submission-check-in-form .form-textarea-wrapper .form-control {
  padding: 3.75rem 1.5rem 1.5rem;
  background: transparent;
  height: 24rem;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #000;
  position: relative;
  margin-top: -3.75rem;
}

.webform-submission-check-in-form .js-form-type-webform-time {
  position: relative;
}

.webform-submission-check-in-form .js-form-type-webform-time:after {
  content: "";
  border-color: #000000 transparent transparent transparent;
  border-width: 1rem 0.75rem 0 0.75rem;
  top: 4.625rem;
  right: 1rem;
  position: absolute;
  border-style: solid;
}

.webform-submission-check-in-form .js-form-type-webform-time:after {
  display: none;
}

.webform-submission-check-in-form .js-form-type-webform-time.form-item-start-time:after,
.webform-submission-check-in-form .js-form-type-webform-time.form-item-end-time:after {
  display: none;
}

.webform-submission-check-in-form .ui-datepicker .ui-datepicker-prev span,
.webform-submission-check-in-form .ui-datepicker .ui-datepicker-next span {
  display: none;
}

.webform-submission-check-in-form .ui-datepicker .ui-datepicker-prev:after,
.webform-submission-check-in-form .ui-datepicker .ui-datepicker-next:after {
  content: "";
  position: absolute;
  border-style: solid;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.webform-submission-check-in-form .ui-datepicker .ui-datepicker-prev:after {
  border-color: transparent #000 transparent transparent;
  border-width: 0.75rem 1rem 0.75rem 0;
}

.webform-submission-check-in-form .ui-datepicker .ui-datepicker-next:after {
  border-color: transparent transparent transparent #000;
  border-width: 0.75rem 0 0.75rem 1rem;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: none;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.webform-submission-check-in-form div.form-actions.form-group {
  display: block;
  width: 100%;
}

.webform-submission-check-in-form button.button {
  background: #000;
  color: #fff;
  border: none;
  box-shadow: none;
  min-width: 10.2rem;
  height: 3.5rem;
  transition: 0.5s;
  margin-right: 0;
  border-radius: 0;
}

.webform-submission-check-in-form button.button:hover {
  color: #fff;
  opacity: 0.85;
}

.webform-submission-check-in-form button.webform-button--submit.button,
.webform-submission-check-in-form button.webform-button--preview.button,
.webform-submission-check-in-form button.webform-button--next.button {
  background: #303d64;
  float: right;
}

.webform-submission-check-in-form div.form-actions.form-group:after {
  content: "";
  display: block;
  clear: both;
}

.webform-submission-check-in-form #edit-flexbox-start-end-dates {
  position: relative;
}

.webform-submission-check-in-form #edit-flexbox-start-end-dates .webform-flex.webform-flex--1:first-child {
  margin-bottom: 1rem;
}

.webform-submission-check-in-form #edit-flexbox-start-end-dates .webform-flex.webform-flex--1:first-child span.add_time_now {
  display: flex;
  background-color: #303d64;
  color: #fff;
  padding: 0.75rem 1.5rem;
  min-width: 13.5rem;
  cursor: pointer;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  height: 5rem;
}

.webform--tabs-options {
  display: inline-block;
  margin-bottom: 0;
}

.webform--tabs-options a {
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  padding: 1.5rem 2rem;
  display: inline-block;
  text-align: center;
  transition: 0.2s;
  background: #cccccc;
}

.webform--tabs-options a.active_tab,
.webform--tabs-options a:hover {
  background: #e2f3ff;
  text-decoration: none;
}

.js-form-wrapper .webform-section-title {
  display: none;
}

.tab_content--wrap .webform-section-wrapper {
  background: #e2f3ff;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
}

.tab_content--wrap .webform-section-wrapper .form-item.js-form-item {
  width: 100%;
}

.form-item-gmaplocation label {
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  padding: 1.5rem;
  display: inline-block;
  min-width: 18rem;
  text-align: center;
  transition: 0.2s;
  background: #e2f3ff;
  margin-bottom: 0;
}

.tab_content--wrap {
  /*min-height: 40rem;*/
  background: #e2f3ff;
}

div#edit-location:after {
  clear: both;
  display: block;
  content: "";
}

div#edit-location {
  padding-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
}

div#edit-location .form-item.js-form-item {
  width: 100%;
}

div#edit-location .form-item-gmaplocation {
  margin-top: 3rem;
  order: 3;
}

.form-item-gmaplocation .description.help-block {
  margin-top: 0;
}

#map {
  width: 100%;
}

#pac-container {
  position: absolute;
  top: 0rem;
  width: 23rem;
}

#pac-input {
  width: 100%;
  background: #ccc;
  border: none;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.75rem;
  color: #000;
}

.select2-container {
  background-color: #e6e6e6 !important;
}

.webform-submission-check-in-form #edit-share {
  background-color: #e2f3ff;
  padding: 1.5rem;
}

.webform-submission-check-in-form .form-item.form-item-event-description .form-textarea-wrapper textarea.form-control {
  background-color: #e1e1e1;
  margin: 1rem 0;
  padding-top: 1.5rem;
}

.webform-submission-data--view-mode-preview {
  background: #e2f3ff;
  display: flex;
}

.webform-submission-data--view-mode-preview .panel {
  background: none;
  margin-bottom: 0;
  font-size: 1.3rem;
  color: #303d64;
  width: 100%;
  max-width: 33.3333333%;
}

.webform-submission-data--view-mode-preview .panel .panel {
  margin-bottom: 2rem;
  max-width: 100%;
}

.webform-submission-data--view-mode-preview .webform-section-wrapper {
  padding: 1.5rem;
}

.webform-submission-data--view-mode-preview .panel-default>.panel-body {
  padding: 3rem;
}

.webform-submission-data--view-mode-preview .panel-default>.panel-body .panel-body {
  padding: 0;
}

.webform-submission-data--view-mode-preview .panel:not(:last-child) {
  border-right: 0.2rem solid #ccc;
}

.webform-submission-data--view-mode-preview .panel .panel {
  border: none;
}

.webform-submission-data--view-mode-preview #check_in--select_dates {
  position: relative;
}

.webform-submission-data--view-mode-preview #check_in--select_dates .form-item#check_in--fieldset__left {
  background: #fff;
  max-height: 14rem;
  overflow-y: auto;
  margin-left: 12rem;
  padding: 0.75rem;
  max-width: calc(100% - 18rem);
}

.webform-submission-data--view-mode-preview label {
  text-transform: capitalize;
  min-width: 8rem;
  color: #000;
  font-size: 1.3rem;
  margin-right: 0.5rem;
}

.webform-submission-data--view-mode-preview #check_in--select_dates .form-item#check_in--fieldset__left label {
  position: absolute;
  left: 3rem;
}

.webform-submission-data--view-mode-preview .panel-default>.panel-heading {
  display: block;
  background: #d6d6d6;
  text-align: center;
  font-weight: 600;
  padding: 1.5rem 0.5rem;
}

.webform-submission-data--view-mode-preview .panel-default>.panel-heading a {
  pointer-events: none;
  max-width: fit-content;
  display: inline-block;
  padding-left: 3.5rem;
  background: no-repeat left center;
  background-size: 2.5rem;
  padding-top: 1.5rem;
}

.webform-submission-data--view-mode-preview #check_in--select_dates.panel-default>.panel-heading a {
  background-image: url(../images/event_icon.svg);
}

.webform-submission-data--view-mode-preview #check_in--location.panel-default>.panel-heading a {
  background-image: url(../images/place_marker_icon.svg);
}

.webform-submission-data--view-mode-preview #check_in--share.panel-default>.panel-heading a {
  background-image: url(../images/share_icon.svg);
}

.webform-submission-data--view-mode-preview .panel-default .panel-body .panel-heading,
#edit-preview-wrap.panel-default .panel-body .form-item-start-timing- label {
  display: none;
}

#edit-preview-wrap.panel-default .panel-body .form-item-start-timing- label {
  display: none;
}

.panel-default#edit-preview-wrap .form-item>.panel-heading+.panel-body:before,
.panel-default#edit-preview-wrap .form-item>.panel-heading+.panel-body:after {
  display: none;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item .help-block {
  margin-bottom: 0;
  text-align: right;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item .help-block a:not(:last-child) {
  margin-right: 0.5rem;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item .help-block a {
  color: #303d64;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .edit__timings .form-item .help-block a {
  font-weight: 600;
}

div#edit-preview {
  background: #e2f3ff;
}

div#edit-preview .panel-default {
  background: transparent;
}

.webform-submission-check-in-form div#edit-preview>.panel-default>.panel-heading {
  display: block;
  text-align: center;
  background: #d6d6d6;
}

.webform-submission-check-in-form div#edit-preview>.panel-default>.panel-heading a.panel-title {
  font-size: 2rem;
  color: #000;
  font-weight: 700;
  padding: 2rem 1.5rem 2rem 4rem;
  display: inline-block;
  background-size: 3rem;
  background-position-y: 1.625rem;
}

#edit-preview-wrap>.panel-heading a.panel-title {
  background: url(../images/event_icon.svg) no-repeat;
}

#edit-location-wrap>.panel-heading a.panel-title {
  background: url(../images/place_marker_icon.svg) no-repeat;
}

#edit-share-wrap>.panel-heading a.panel-title {
  background: url(../images/share_icon.svg) no-repeat;
}

div#edit-preview .panel-default .panel-body {
  padding: 2.5rem;
}

div#edit-preview .panel-default .panel-body .panel-body {
  padding: 0;
}

div#edit-preview .panel-default .panel-body h2 {
  font-size: 1.8rem;
  line-height: 1.333;
  margin-top: 0;
}

.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-start-timing-.js-form-item-start-timing-.form-group label {
  display: none;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item>.panel-heading {
  display: block;
  background: none;
  padding: 0;
  border: none;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap #edit-preview-wrap--content>.form-item {
  margin-bottom: 0;
  background: #fff;
  padding: 1rem 1.5rem 0;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item input {
  padding: 0.125rem;
  height: auto;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item>.panel-heading+.panel-body {
  display: flex;
  gap: 0.75rem;
}

.form-item.form-item-start-timing-:before,
.form-item.form-item-end-timing-:before {
  font-weight: 700;
  font-size: 1.2rem;
}

.form-item.form-item-end-timing-:before {
  content: "End Time";
}

.form-item.form-item-start-timing-:before {
  content: "Start Time";
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .js-form-type-webform-time:after {
  top: 2.8rem;
  right: 0.5rem;
  border-width: 0.75rem 0.5rem 0 0.5rem;
  pointer-events: none;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item>.panel-heading a.panel-title {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0;
  margin: 0.3rem 0 0;
  pointer-events: none;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .form-item .help-block>* {
  cursor: pointer;
}

.webform-submission-check-in-form .panel-default#edit-preview-wrap .edit__timings .form-item input {
  pointer-events: auto;
  cursor: pointer;
}

.webform-confirmation {
  margin-bottom: 4rem;
  background: #e2f3ff;
  padding: 1.5rem;
}

.webform-confirmation__message {
  background: #fff;
  width: 100%;
  margin: auto;
  padding: 1.5rem;
  max-width: 32rem;
  text-align: center;
  border-radius: 1.2rem;
}

.webform-confirmation__back {
  display: none;
}

.webform-confirmation__message a {
  color: #303d64;
}

.webform-confirmation__message h2 {
  color: #303d64;
  font-weight: 600;
  padding-top: 13rem;
  background: url(../images/checkmark.svg) top center no-repeat;
  background-size: 11rem;
  margin-top: 0;
  font-size: 2rem;
}

.webform-confirmation__message .checkintruckb a {
  display: block;
  background: #303d64;
  color: #fff;
  padding: 0.75rem;
  min-width: 10rem;
  max-width: fit-content;
  margin: 3rem auto 0;
  text-decoration: none;
  transition: 0.2s;
}

.webform-confirmation__message .checkintruckb a:hover {
  background: #3e4f82;
}

.completion__msg.webform-confirmation~.form-item {
  display: none;
}

.webform-confirmation__message .recommendfoodbk a {
  background: none;
  color: #303d64;
  min-width: unset;
  max-width: unset;
  padding: 0px 0px;
  margin: 10px 0px;
  display: unset;
}

#webform-submission-check-in-add-form .webform-section-wrapper #edit-processed-text {
  display: none;
}

@media screen and (min-width: 420px) {

  .webform-confirmation,
  .webform-confirmation__message {
    padding: 3rem;
  }

  .webform-confirmation__message h2 {
    font-size: 3rem;
  }

  .progress-tracker--center .progress-step .progress-marker::before {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }

  .progress-tracker--center li.progress-step.is-active:before {
    top: 1.5rem;
  }

  .progress-tracker--center li.progress-step.is-active:after {
    top: 0;
  }

  .progress-tracker--center .progress-step .progress-marker::after {
    top: 1.5rem;
  }
}

@media screen and (min-width: 640px) {
  .progress-tracker--center .progress-step .progress-marker::before {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2rem;
  }

  .progress-tracker--center li.progress-step.is-active:before {
    top: 1.95rem;
  }

  .progress-tracker--center li.progress-step.is-active:after {
    height: 1.95rem;
  }

  .progress-tracker--center .progress-step .progress-marker::after {
    top: 1.95rem;
  }
}

@media screen and (min-width: 768px) {
  .grid--column-2 {
    grid-template-columns: 40% auto;
  }

  div#edit-preview {
    display: flex;
  }

  div#edit-preview>.panel-default {
    border-left: 0.1rem solid #707070;
    margin-bottom: 0;
  }

  div#edit-preview>.panel-default:first-child {
    border-left: 0;
  }

  #edit-flexbox-start-end-dates {
    padding-left: 0;
    /*15rem*/
  }

  #edit-flexbox-start-end-dates .webform-flex.webform-flex--1:first-child {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    display: none;
  }

  label#edit-end-time-error,
  label#edit-start-time-error {
    position: absolute;
  }

  .tab_content--wrap .webform-section-wrapper .form-item.js-form-item.js-form-item-favourite-address-,
  .tab_content--wrap .webform-section-wrapper .form-item.js-form-item.js-form-item.js-form-item-recent-address {
    max-width: calc(50% - 1.5rem);
  }
}

@media screen and (min-width: 992px) {
  .webform-submission-check-in-form .panel-default#edit-preview-wrap #edit-preview-wrap--content>.form-item {
    display: flex;
    gap: 1.5rem;
  }

  /*.form-item-gmaplocation {width: 55%;float: right;}

  .tab_content--wrap {float: left;width: 43%;}*/
}

@media screen and (min-width: 1200px) {
  .grid--column-2 {
    grid-template-columns: 35rem auto;
  }

  .webform--tabs-options a {
    min-width: 22rem;
  }

  /*.progress-tracker--center .progress-step .progress-marker::before{
    width: 5.75rem;
    height: 5.75rem;
  }
  .progress-tracker--center li.progress-step.is-active:before {
    top: 2.75rem;
  }
  .progress-tracker--center li.progress-step.is-active:after {
    height: 2.75rem;
  }
  .progress-tracker--center .progress-step .progress-marker::after{ 
    top: 2.75rem;
  }*/
}

.form-item-google-location {
  display: none;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d9d9d9;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #a1a1a1;
}

.editfield {
  display: none;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td.unselectedd.ui-datepicker-current-day a.ui-state-default {
  background-color: gray !important;
}

.webform-submission-check-in-form .ui-datepicker-inline.ui-datepicker table td.ui-state-highlight a.ui-state-highlight {
  background-color: #425284 !important;
}