

/*Strucher*/
@import url('libs.min.css');
@import url('main.min.css');

.main-menu__logo.img { background: url(../images/partner/Analytix/insight360-logo.svg); background-position: center; background-size: 100%; }

.BuyAssociation .main-menu__logo.img {
  background: url(../images/partner/BuyAssociation/BuyAssociation_logo.png);
  background-position: center;
}

.MJDunkin .main-menu__logo.img {
  background: url(../images/partner/MJDunkin/dunkin.png);
  background-position: center;
}
.MJDunkin .main-menu__logo.img {
  background: url(../images/partner/MJDunkin/logonew.png) center/100% no-repeat;
  width: 160px;
  margin: auto 0;
  position: relative;
  left: 10px;
}
/*
  Theme work BuyAssociation
  base color #41b6ea for ks
  background-color: #FEF4DC; for MJDunkin
*/
/*
  Theme work BuyAssociation
  base color #41b6ea for ks
  background-color: #FEF4DC; for MJDunkin
*/
.MJDunkin .main-menu {
    background-color: #306091 !important;
    color: #fff;
    border-bottom: 1px solid #3c79b6 !important;
}


.BuyAssociation .main-menu {
  background-color: #41b6ea !important;
  color: #fff;
  border-bottom: 1px solid #6acaf4 !important;
}

.BuyAssociation .form-item-wrap.form-item-wrap--header-select {
  border-color: #fff !important;
  background-color: #41b6ea !important;
}

.BuyAssociation .form-item-wrap--header-select .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #fff transparent transparent !important;
}

.BuyAssociation .head__date {
  color: #fff !important;
}

.BuyAssociation .main-menu__profile-btn {
  color: #fff !important;
}

.BuyAssociation .controls-type__switch {
  border: 1px solid #1aa0e2 !important;
  background-color: #41b6ea !important;
}

.BuyAssociation .form-item-wrap--header-select span.ng-arrow-wrapper:before {
  border-left: 1px solid #fff !important;
}

.BuyAssociation input[type=checkbox]:checked + .switch__btn {
  background-color: #41b6ea !important;
  border-color: #1aa0e2 !important;
}

.BuyAssociation .form-item-wrap {
  border-color: #1aa0e2 !important;
}

.BuyAssociation .btn--primary {
  border-color: #0083cc !important;
  color: #fff !important;
  background-color: #1aa0e2 !important;
}

.BuyAssociation .btn--secondary {
  border-color: #0083cc !important;
}

.BuyAssociation .custom_select.form-item-wrap:not(.disabled) .form-item {
  border-color: #0083cc !important;
}

.BuyAssociation .main-field__btn, .BuyAssociation .main-field__btn:hover {
  background-color: #41b6ea !important;
}

  .BuyAssociation .main-field__btn:after {
    background-color: #fff !important;
  }

  .BuyAssociation .main-field__btn:before {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
  }

.BuyAssociation .table th {
  vertical-align: middle;
  background-color: #f7fcff;
}

.BuyAssociation .btn--group {
  border: 1px solid #1aa0e2;
  background-color: #41b6ea;
}

.BuyAssociation .date:not(.disabled):hover .icon-svg-wrap,
.BuyAssociation .time:not(.disabled):hover .icon-svg-wrap {
  color: #41b6ea;
}

.BuyAssociation .btn--group.current {
  background-color: #fff;
}

.BuyAssociation .btn--group:not(.current):hover {
  background-color: #41b6ea;
}

.BuyAssociation .form-item-wrap.form-item-wrap--header-select .form-item.select2 .ng-arrow-wrapper {
  border-left: 1px solid #fff;
}

.BuyAssociation .form-item-wrap--header-select:hover .ng-arrow-wrapper {
  border-color: #fff !important;
}

.BuyAssociation .form-item-wrap.form-item-wrap--header-select .ng-select-opened > .ng-select-container .ng-arrow {
  border-color: transparent transparent #fff !important;
}

.BuyAssociation .date .angular-datepicker .dp-calendar-wrapper .dp-calendar-week .dp-current-day {
  background: #41b6ea;
}

.BuyAssociation .spinner:after {
  border-color: #41b6ea transparent #41b6ea transparent;
}


.icon {
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.icon--weather {
  position: absolute;
  top: -3px;
  right: 10px;
}

.icon--weather-another {
  top: 7px;
}

/*weather*/
.icon--clear-night {
  background-image: url(../images/weathericon/clear-night.svg);
}

.icon--cloud {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/cloudy.svg);
}

.icon--cloud-day {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon_cloud_24x24.svg);
}

.icon--cloud-night {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/partly-cloudy-night.svg);
}

.icon--cloudy {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/cloudy.svg);
}

.icon--sun, .icon--clear-day {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/clear-day.svg);
}

.icon--drizzle {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon_drizzle_24x24.svg);
}

.icon--fog {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/fog.svg);
}

.icon--hail {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/hail.svg);
}

.icon--partly-cloudy-day {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/partly-cloudy-day.svg);
}

.icon--partly-cloudy-night {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/partly-cloudy-night.svg);
}

.icon--rain {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/rain.svg);
}

.icon--sleet {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/sleet.svg);
}

.icon--snow {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/snow.svg);
}

.icon--thunderstorm {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/thunderstorm.svg);
}

.icon--tornado {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/tornado.svg);
}

.icon--wind {
  width: 24px;
  height: 24px;
  background-image: url(../images/weathericon/wind.svg);
}
