#login_heading,
#shop_heading, 
#cart_heading,
#checkout_heading,
#payment_heading,
#cart_heading,#switch_heading,#identify__heading{
    top: 72px !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;
   
}



/* blue buttons*/

.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: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    text-align: center !important;
    border-radius: 12px !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;
    /*   line-height: 44px !important;
       padding: 0 50px !important;*/
       width: 50%;
}

.cart-item__buttons{
    height: 120px;
}

/* Small Devices: Phones (320px - 480px) */
@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;
}
}

/* Medium Devices: Tablets Portrait (481px - 767px) */
@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;
}
}

/* Tablets Landscape and Small Laptops (768px - 1023px) */
@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%;
    }

    .mode-button__text.ml-1 {
         /* hide due to long student names */
    }
	.package-workbench__add-to-cart{
	width:30% !important;
	float:right !important;
}
}

/* Standard Laptops (1024px - 1280px) */
@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;
}
}

/* Large Devices: Desktops (1281px and up) */
@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;
}
}


.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: 220px !important;
}

.package__image-frame{
    margin: 0px 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-extras__heading{
	
color: white !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;
    /* display: none; */
    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:none !important;
}


#receipt_heading {
    height: 77px !important;
}