/* ------------------------------------------

    PROMO CODE

------------------------------------------ */

.view-bag-promo-code {
	display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border: solid 1px #dedcdc;
    background: #fff;
    box-sizing: border-box;
}

.view-bag-promo-code h2 {
    display: inline-block;
    margin: 12px;
}

.view-bag-promo-code .promo-details {
	display: flex;
    align-items: stretch;
    padding-bottom: 12px;
    margin: 0 12px 0;
}

.view-bag-promo-code .promo-details.sign-in {
    padding-bottom: 12px;
    padding-top: 12px;
}

.view-bag-promo-code .promo-details h2 {
    margin-bottom: 12px;
}

.view-bag-promo-code .promo-details.sign-in h2 {
	display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 50px;
    padding: 0;
    margin: 0 12px 0 0;
}

.view-bag-promo-code .promo-details-btn {
    height: 100%;
    align-items: center;
}

.nbuxForm__input_promocode {
	display: flex;
    flex: 1 1 auto;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    margin: 0 16px 0 0;
    padding: 0 16px 0 16px;
    color: #252525;
    font-weight: 400;
    font-family: var(--font-primary, "poppins");
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #f8f8f8;
    background-color: #fefefe;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16);
}

.nbuxForm__input_promocodeError {
	border: 2px solid #d40000;
    background-color: #ffe5e5;
}

.view-bag-promo-code .promo-details button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
    padding: 0 32px;
    font-weight: 700;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
	color: #fefefe;
    background-color: #0066cc;
    margin-bottom: 0;
    border: 0;
    outline: none;
}

.view-bag-promo-code .view-bag-promo-notifications {
    display: flex;
    flex-flow: column wrap;
    margin: 0 12px 0;
}

.view-bag-promo-code .promo-txt {
    font-size: 12px;
    margin: 0 12px;
    color: #909090;
}

.view-bag-promo-code .btn-applied {
    pointer-events: none;
}

.view-bag-promo-code .gui-chevron-white-right {
    white-space: nowrap;
}

/* ------------------------------------------

    -- Error Message

------------------------------------------ */

#promotionCodeError.gui-alert {
    padding: 0;
}

#promotionCodeError.gui-alert-danger {
	align-items: center;
    background-color: transparent;
}

#promotionCodeError.gui-alert-danger p {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding-top: 2px;
    color: #d40000;
    background-color: transparent;
}

#promotionCodeError.gui-alert-danger:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cg fill='%23D40000' fill-rule='nonzero'%3e%3cg%3e%3cpath d='M11.374 2.542c.372-.723 1.406-.723 1.778 0l9.263 18c.342.666-.14 1.458-.89 1.458H3c-.749 0-1.232-.792-.89-1.458zm.888 2.643L4.638 20h15.248L12.262 5.185zM12.243 17c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm.28-7c.593 0 1.043.354 1 .785l-.435 4.429c-.042.432-.34.786-.663.786h-.32c-.323 0-.626-.354-.673-.786l-.487-4.429c-.047-.431.399-.785.99-.785z' transform='translate(-80 -38) translate(80 38)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}

/* ------------------------------------------

    -- Success Message

------------------------------------------ */

#promotionCodeSuccess.gui-alert {
    padding: 0;
}

#promotionCodeSuccess.gui-alert-success {
    align-items: center;
    background-color: transparent;
}

#promotionCodeSuccess.gui-alert-success p {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding-top: 2px;
    color: #208636;
    background-color: transparent;
}

#promotionCodeSuccess.gui-alert-success:before {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.762 20c-.272 0-.532-.111-.72-.307l-5.763-5.997a1 1 0 1 1 1.442-1.386l5.006 5.21 11.52-13.178a1 1 0 0 1 1.506 1.316l-12.238 14a1.003 1.003 0 0 1-.73.342h-.023' fill='%23208636' fill-rule='evenodd'/%3e%3c/svg%3e ");
}