/* combine : /css/productdetails/responsive/plpProductDetailsQuickview.css*/
.nb-modal-content {
    padding: 0 12px;
    text-align: left;
}

.nb-modal-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 22px 26px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #454545;
}

.nb-modal-close span {
    position: relative;
    padding-right: 16px;
}

.nb-modal-close span:before,
.nb-modal-close span:after {
    content: '';
    background: #454545;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    position: absolute;
    right: 0;
}

.nb-modal-close span:before {
    transform: rotate(45deg);
}

.nb-modal-close span:after {
    transform: rotate(-45deg);
}

.nb-modal-content-top {
    padding: 12px 0;
    border-bottom: 1px solid #d7d7d7;
}

.nb-modal-content-top > div {
    margin-bottom: 6px;
}

.nb-modal-product-title {
    font-size: 18px;
    font-weight: bold;
    color: #454545;
    padding-right: 80px;
    margin-bottom: 6px;
}

.nb-modal-product-code {
    font-size: 12px;
    color: #454545;
}

.nb-modal-content-section {
    width: 50%;
    float: left;
    padding: 12px;
    box-sizing: border-box;
}

.nb-modal-content-product-images {
    padding-left: 0;
}

.nb-modal-content-product-options {
    padding-right: 0;
}

.nb-modal-product-image {
    margin-top: 12px;
    text-align: center;
    padding: 0;
}

.nb-modal-product-image img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.nb-modal-prices p:first-child {
    margin: 12px 0 8px;
}

.nb-modal-price-was {
    color: #454545;
    text-decoration: line-through;
}

.nb-modal-price-save {
    color: #fb0049;
}

.nb-modal-price-now {
    color: #454545;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 24px;
}

#modal_container .nb-modal-content .dropOptions {
    width: 100%;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
}

.nb-modal-content .mainFirstValue {
    padding: 13px 50px 13px 13px;
    border: 1px solid #d7d7d7;
    margin-top: 8px;
    position: relative;
}

.nb-modal-content:first-child .mainFirstValue {
    margin-top: 0;
}

.nb-modal-content .mainFirstValue:after {
    content: '';
    position: absolute;
    overflow: hidden;
    display: inline-block;
    font-size: 2px;
    width: 4em;
    height: 4em;
    margin-top: -4em;
    top: 50%;
    border-top: 4px solid #454545;
    border-left: 4px solid #454545;
    transform: rotate(-135deg);
    right: 20px;
}

.nb-modal-content .mainOtherValues {
    border-bottom: 1px solid #d7d7d7;
    padding: 12px;
}

.nb-modal-content .mainOtherValues.option.invalid,
.nb-modal-content .mainOtherValues.outOfStock,
.nb-modal-content .mainOtherValues.unavailable,
.nb-modal-content .mainOtherValues.substitute {
    background: #ededed;
    border-left: 2px solid #ff0050;
}

.nb-modal-content .mainOtherValues:last-child {
    border-bottom: 0;
}

.nb-modal-dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}

.nb-modal-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #d7d7d7;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 12px;
    font-size: 1em;
}

.nb-modal-fade-message-box > div > span[class$="Msg"] {
    padding: 10px;
    border-radius: 2px;
    padding-left: 14px;
    display: block;
}

.nb-modal-fade-message-box > div > .successMsg {
    background: #dff0d8;
    color: #3c763d;
}

.nb-modal-fade-message-box > div > .warningMsg {
    background: #f8ffd8;
    color: #7f8d27;
}

.nb-modal-fade-message-box > div > .errorMsg {
    background: #fbefee;
    color: #d9534f;
}

.nb-modal-content-bottom {
    width: 100%;
}

.nb-modal-product-details-link {
    color: #454545;
    margin-top: 24px;
}

.nb-modal-product-details-link:hover {
    color: #454545;
}

.nb-modal-cta-button {
    padding: 12px 24px;
    text-decoration: none;
    margin-top: 12px;
    text-align: center;
}

.nb-modal-product-details-link {
    background: #d7d7d7;
    color: #5f5f5f;
}

.nb-modal-product-details-link:hover {
    background: #c7c7c7;
    color: #191919;
}

#checkoutButtons a.nb-modal-add-to-bag-link,
.nb-modal-content #checkoutButtons a#addToBagBtn {
    background: #4B9626;
    color: #ffffff;
    font-weight: bold;
    float: none;
    display: block;
    text-transform: none;
}

#checkoutButtons a.nb-modal-add-to-bag-link:hover {
    background: #376d1c;
}

.nb-modal-product-details-link,
.nb-modal-add-to-bag-link {
    display: block;
    box-sizing: border-box;
}

/* This HAS to be an ID so the styling is specific enough */
a#nb-modal-checkout-button {
	width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 2px solid #3a981e;
    color: #3a981e;
    font-weight: bold;
    border-radius: 2px;
    margin-top: 12px;
}


/* Remove background image URL */
#modal_container .nb-modal-content-bottom .mainFirstValue {
    background-image: none;
}

#modal_outer {
	height: auto !important;
}

.singleBuyModal, .multiBuyModal {
    overflow-y: auto;
    max-height: 90vh;
 }

.freezeScroll {
	overflow-y: hidden;
}
/* complete : /css/productdetails/responsive/plpProductDetailsQuickview.css*/