body {
  font-family: Montserrat,Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  color: #595b5d !important;
  line-height: 1.6 !important;
  text-rendering: optimizeLegibility !important;
}

mat-error, mat-form-field-infix {
  font-family: Montserrat,Helvetica,Arial,sans-serif !important;
}

.mat-form-field-flex {
  display: flex !important;
}

.navbar-brand {
  content: url("/User/Images/msp.svg") !important;
  min-height: 60px;
  width: 100px;
  padding-left: 10px;
  margin: -8px;
}

.mat-card {
  display: flex !important;
}

.package,
.mat-card {
  border: 2px solid #969696 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.login-buttons__element {
  margin-right: 0px !important;
  text-align: -webkit-center;
}

.login_section,
.identify_section {
  display: flex;
  flex-direction: column;
}

#login_content[_ngcontent-ng-cli-universal-c7],
#switch_content[_ngcontent-ng-cli-universal-c7] {
  text-align: -moz-center;
}

.shoot-login__button_icon {
  display: none;
}

.login__form {
  width: 100% !important;
}

.login__key .mat-form-field-infix {
  border: #DDD 1px solid !important;
  font-size: 16px !important;
  width: 200px !important;
  box-sizing: border-box !important;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  text-align: center !important;
}

.login-buttons.login_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center !important;
}

.login__key {
  padding-top: 7px !important;
  margin-top: 10px  !important;
}

.login_section.ng-star-inserted {
  text-align: -webkit-center !important;
}

#msp_login_text {
  padding: 10px 0px;
}

#shop_content, #cart_content {
  margin-top: 160px !important;
}

login-card {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  justify-content: space-evenly;
}

#switch_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.switch-login__header {
  margin-bottom: -3px;
}

.switch-login__available {
  align-items: center;
  display: flex  !important;
  flex-flow: column  !important;
}

#login_content,#switch_content,#identify_section {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#privacy a {
  font-weight: 700;
  color: #0b5d8f;
  margin-bottom: 8px;
}

.cart-item__buttons {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between !important;
  height: 120px;
}

.cart-item__buttons[_ngcontent-ng-cli-universal-c12] {
  margin-top: 0px !important;
}

.login__heading-main,
.shop__heading-main,
.change-shoot-button,
.goto-shop-button,
.cart__heading-main,
.checkout__heading-main,
.payment__heading-main,
 .checkout__step-back,
 .receipt__heading-main,.section-heading-main {
  background: #b5d143 !important;
  border: 2px solid #b5d143 !important;
  border-radius: 12px !important;
}

.login__heading-main_icon, .login__heading-main_text,
.shop__heading-main_icon, .shop__heading-main_text,
.change-shoot-button,
.goto-shop-button,
.cart__heading-main,
.checkout__heading-main,
.payment__heading-main,
 .checkout__step-back,.receipt__heading-main,.section-heading-main {
  color: #fff !important;
}

.goto-cart-button,
.login-button,
.goto-checkout-button,
.cart__checkout-button,
  .checkout__step-next,
  .checkout__step-submit,
  .popup__close,
  .payment__button,.shoot-login__button,.identify-buttons__element {
  background-size: 200% 100% !important;
  transition: background-position .4s, color .4s !important;
  background-color: #1db4dd !important;
  color: #fff !important;
  border: 2px solid #1db4dd !important;
  border-radius: 12px !important;
  padding: 0px 10px;
}

.package__add-to-cart, .checkout-review__edit-customer {
  background-size: 200% 100% !important;
  transition: background-position .4s, color .4s !important;
  background-color: #F49A00 !important;
  color: #fff !important;
  border: 2px solid #FBB900 !important;
  border-radius: 12px !important;
  padding: 0px 10px;
}

.login-button,
.package__add-to-cart,
.cart-item__button,
.checkout__step-back,
.checkout__step-next,
.checkout__step-submit,

.identify-buttons__element {
  color: #fff !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  text-align: center !important;
  -webkit-appearance: none !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

.cart-item__plus:before, 
 .cart-item__minus:before,
   .checkout-review__edit-customer:before {
  background: #1897b9 !important;
}

.cart-item__plus, 
 .cart-item__minus {
  background: #1db4dd !important;
}

.cart-item__remove:before {
  background: #9f0000 !important;
}

.cart-item__remove {
  background: #C70000 !important;
}

.section-heading-main,
.switch-login__header ,
.h1[_ngcontent-ng-cli-universal-c7], .h2[_ngcontent-ng-cli-universal-c7], .h3[_ngcontent-ng-cli-universal-c7], .h4[_ngcontent-ng-cli-universal-c7], .h5[_ngcontent-ng-cli-universal-c7], .h6[_ngcontent-ng-cli-universal-c7], h1[_ngcontent-ng-cli-universal-c7], h2[_ngcontent-ng-cli-universal-c7], h3[_ngcontent-ng-cli-universal-c7], h4[_ngcontent-ng-cli-universal-c7], h5[_ngcontent-ng-cli-universal-c7], h6[_ngcontent-ng-cli-universal-c7] {
  font-family: Montserrat,Helvetica,Arial,sans-serif !important;
}

#identify_content > mat-card {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
}

goto-cart-button, goto-checkout-button {
  padding-left: 10px !important;
}

.switch-login__available-section {
  justify-content: center  !important;
}

checkout {
  flex-direction: column  !important;
  display: flex  !important;
}

#identify_content {
  margin-top: 170px  !important;
  position: relative  !important;
  z-index: 1  !important;
}

#identify_heading {
  position: fixed  !important;
  z-index: 4 !important;
  top: 72px !important;
  left: 0 !important;
  width: 100% !important;
  height: 50px !important;
  padding: 30px 20px 25px  !important;
}

.checkout-review__token {
  display: none !important;
}

#checkout_content {
  margin-top: 120px !important;
}

.checkout-review__cart-header-description,
.checkout-review__cart-header-quantity,
.checkout-review__cart-header-cost,
.checkout-review__total {
  font-weight: bold !important;
}

#login_heading,
#shop_heading, 
#cart_heading,
#checkout_heading,
#payment_heading,
#cart_heading,#switch_heading,#identify__heading {
  top: 72px !important;
  height: 57px !important;
}

.login__heading-main,
.shop__heading-main,
.change-shoot-button,
.goto-shop-button,
.cart__heading-main,
.checkout__heading-main,
.payment__heading-main,
 .checkout__step-back,
 .receipt__heading-main,.section-heading-main, .cart-extras__heading {
  padding: .375rem .75rem !important;
}

.cart-extras__heading {
  background: #b5d143 !important;
  border: 2px solid #b5d143 !important;
  border-radius: 12px !important;
  padding: .375rem .75rem !important;
  color: white !important;
}

.goto-cart-button,
.shop-next-button,
.cart-next-button,
.login-button,
.goto-checkout-button,
.cart__checkout-button,
  .checkout__step-next,
  .checkout__step-submit,
  .popup__close,
  .payment__button,.shoot-login__button,.identify-buttons__element, .package-workbench__close-button, .cart-next__close-button {
  background-size: 200% 100% !important;
  transition: background-position .4s, color .4s !important;
  background-color: #1db4dd !important;
  color: #fff !important;
  border: 2px solid #1db4dd !important;
  border-radius: 12px !important;
  padding: 0px 10px;
}

.package-workbench__add-to-cart, .switch-button, .cart-next__buttons > div:nth-child(2), .cart-next__button:nth-child(2) {
  background-size: 200% 100% !important;
  transition: background-position .4s, color .4s !important;
  background-color: #F49A00 !important;
  color: #fff !important;
  border: 2px solid #FBB900 !important;
  border-radius: 12px !important;
  padding: 0px 10px;
}

.switch-button,
.package-workbench__add-to-cart,
.cart-next__buttons > div:nth-child(2), .cart-next__button:nth-child(2) {
  color: #fff !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  text-align: center !important;
  -webkit-appearance: none !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

.cart-next__buttons .cart-next__button:nth-child(2) .btn-light {
  color: #fff !important;
  background-color: #F49A00 !important;
  border: none !important;
}

.login-button,
.package__add-to-cart {
  height: 46px !important;
  width: 50%;
}

.checkout-review__edit-customer {
  margin-left: 8px !important;
}

.section-heading {
  height: 57px !important;
}

.btn {
  padding: .375rem .75rem !important;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #005C91 !important;
}

.shop__drawer {
  display: none !important;
}

.package__preview {
  height: 180px !important;
}
/*
.package__image-frame {
  margin: 10.255px 0px  !important;
}
*/
.cart-next__button button:disabled {
  color: #fff;
  background-color: grey;
  border-color: grey;
  cursor: not-allowed;
}

.package-workbench__customizable-text, .package-workbench__begin-customize {
  display: none !important;
}

#toasty {
  position: fixed !important;
  bottom: 20px !important;
  top: auto !important;
}

ng-toasty {
  justify-content: flex-end !important;
  display: flex  !important;
  bottom: 50px !important;
  position: absolute !important;
  right: 10px !important;
}

.toasty-type-success {
  background-color: #07A88F !important;
}

.cart-next__buttons .cart-next__button:nth-child(3) button {
  background-size: 200% 100% !important;
  transition: background-position .4s, color .4s !important;
  background-color: #1db4dd !important;
  color: #fff !important;
  border: 2px solid #1db4dd !important;
  border-radius: 12px !important;
  padding: 0px 10px;
}

li.nav-item.dropdown.d-md-up-none {
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  padding-left: 20px;
}

.receipt__buttons .switch-button {
  display: none !important;
}

.package-workbench__preview-zoom-button {
  display: block !important;
}

@media screen and (max-width: 480px) {
  .mat-card {
    width: 100%;
  }
  
  .cart-item__buttons {
    height: 120px;
  }
  
  .cart-item__img {
    width: 90% !important;
  }
  
  .package-workbench__add-to-cart {
    width: 51% !important;
    float: right !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
  .mat-card {
    width: 90%;
  }
  
  .package-workbench__add-to-cart {
    width: 51% !important;
    float: right !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cart-item__buttons {
    flex-direction: column;
    align-items: center;
    width: 10%;
  }
  
  .mat-card {
    width: 50%;
  }
  
  .package-workbench__add-to-cart {
    width: 30% !important;
    float: right !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .cart-item__buttons {
    flex-direction: row;
    align-items: center;
    width: 28%;
  }
  
  .mat-card {
    width: 34%;
  }
  
  .mode-button__text.ml-1 {
    display: inline-block;
  }
  
  .package-workbench__add-to-cart {
    width: 30% !important;
    float: right !important;
  }
}

@media screen and (min-width: 1281px) {
  .cart-item__buttons {
    width: 20rem;
    height: 40px;
    flex-direction: row;
  }
  
  .mat-card {
    width: 30%;
  }
  
  .package-workbench__add-to-cart {
    width: 30% !important;
    float: right !important;
  }
}