/* * * CUSTOM CSS CODES * */
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;
}

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

/** Mat Card UI FIXES 
.mat-card-content>:last-child:not(.mat-card-footer), .mat-card>:last-child:not(.mat-card-footer){
    width: max-content;
}*/

/** Forms **/

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



/* LOGO  & Navigation */

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



.navbar-brand{
    margin: -8px;
}


/* CARD SECTION */
.mat-card {
 
    display:flex !important;
}
.package,
.mat-card {
 
   border: 2px solid #969696 !important;
    border-radius: 12px !important;
    box-shadow: none !important;

}

/* LOGIN SECTION */

.login-buttons__element{
    margin-right :0px !important;
}
.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: -webkit-center;
    text-align: -moz-center;
}

.shoot-login__button_icon{
	display:none;
}

.login__form{
    /*align-items: center !important;
    display: flex !important;
    justify-content: space-around !important;*/
	width:100% !important;
}

/* specially for login page */
.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;
}
.login-buttons__element{
    text-align: -webkit-center;
}
.login__key{
    padding-top: 7px !important;
}
.login-buttons.login_section{
    text-align: center !important;
}
.login_section.ng-star-inserted{
    text-align: -webkit-center !important;
}

/* snippet */
#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;

}

#login_content,#switch_content,#identify_section{
	    display: flex;
    justify-content: center;
   /* align-items: 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;
}
.cart-item__buttons[_ngcontent-ng-cli-universal-c12]{
    margin-top: 0px !important;
}


/* Button and Top Bar style */


.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;
}


/* blue buttons*/

.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;

}
/*orange end */

.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: 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 BUTTON and EXTRA */

 .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;
}


#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;
}

login-card{
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    justify-content: space-evenly;
	}
	
.switch-login__available{
    display: flex  !important;
    flex-flow: column  !important;
	}

.login__key {
margin-top: 10px  !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;
}