/* 
  NOTE: This Styles.css file has been modified by Daimamoda team from the original CustomerRequest plugin version.
  To review the changes, compare this file with the original plugin's Styles.css using an online diff tool:
  https://www.diffchecker.com/

  Changes include responsive adjustments and UI improvements specific to the default nopCommerce theme.
*/

/* =========================== */
/* FNS RFQ BUTTONS & STYLES   */
/* =========================== */
.fns-rfq-block {
    display: block !important;
    text-align: left;
    width: 390px;
}
.fns-rfq-block .fns-rfq-button {
    margin-bottom: 5px;
    height: 40px;
    color: #fff;
    font-size: 14px !important;
    font-weight: 700;
    border: none;
    background-color: #B98D27 !important;
    font-family: 'Muli', sans-serif !important;
    text-transform: uppercase;
    width: 100%;
}
.fns-rfq-block .fns-rfq-button:hover {
    background-color: #000 !important;
}
.fns-rfq-block .phone {
    background: url("images/phone.svg") no-repeat scroll 18px center;
}
.fns-rfq-block .discount {
    background: url("images/discount.png") no-repeat scroll 18px center;
}
.fns-rfq-block .matchtheprice {
    background: url("images/matchtheprice.png") no-repeat scroll 18px center;
}

.button-2 {
	box-shadow: none !important;
}

/* =========================== */
/* BACK IN STOCK BUTTON       */
/* =========================== */
.back-in-stock-subscription .subscribe-button {
    background-color: #B98D27;
    height: 40px;
    padding: 0 0 0 0 !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 700;
    font-family: 'Muli', sans-serif !important;
    text-transform: uppercase;
    text-align: center;
}

/* =========================== */
/* SEND RFQ FORM              */
/* =========================== */
.send-rfq-form {
    clear: both;
    margin: 10px;
}
.send-rfq-form .product-block {
    clear: both;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
}
.send-rfq-form .product-block .picture {
    float: left;
    margin: 0 20px 0 0;
}
.send-rfq-form .product-block .details {}
.send-rfq-form .product-block .details .attributes dl {
    overflow: hidden;
    padding: 0 2px;
}
.send-rfq-form .product-block .details .product-title {
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 10px;
}
.send-rfq-form .product-block .details .product-title a {
    display: block;
    font-weight: 700;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
    padding: 4px 10px 8px 0;
}
.send-rfq-form .product-block .details .description {
    color: #555555;
    padding: 0 0 0 10px;
    text-align: left;
}
.gallery .picture:before{
	padding-top: 20%;
}

/* =========================== */
/* CUSTOMER DATA FIELDS       */
/* =========================== */
.send-rfq-form .unregistered-version,
.send-rfq-form .customerdata {
    display: block;
    clear: both;
}
.send-rfq-form .customerdata .inputs {
    position: relative;
    margin: 15px 0 0;
    text-align: left;
    white-space: nowrap;
}
.send-rfq-form .customerdata .inputs:after {
    content: "";
    display: block;
    clear: both;
}
.inputs label {
    margin: 0 10px 0 0;
}
.send-rfq-form .customerdata .inputs label {
    font-weight: bold;
    display: inline-block;
    margin: 0 20px 0 0;
    text-align: right;
    width: 145px;
}
.send-rfq-form .customerdata .inputs input[type="text"],
.send-rfq-form .customerdata .inputs input[type="password"],
.send-rfq-form .customerdata .inputs select,
.send-rfq-form .customerdata .inputs textarea,
.send-rfq-form .customerdata .inputs .couponblock,
.send-rfq-form .customerdata .attribute-fileupload {
    width: 70%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.send-rfq-form .customerdata .inputs select,
.send-rfq-form .customerdata .inputs textarea {
    background-color: #fff;
    vertical-align: middle;
}
.send-rfq-form .customerdata .inputs.custom-attributes {
    white-space: normal;
    font-size: 14px;
}
.send-rfq-form .customerdata .inputs .option-list {
    display: inline-block;
    max-width: 95%;
    vertical-align: middle;
}
.send-rfq-form .customerdata .inputs .option-list li {
    display: inline-block;
    margin: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 10px;
}
.send-rfq-form .customerdata .inputs .option-list label {
    display: inline-block;
    width: auto !important;
    margin: 0 0 0 5px;
}
.send-rfq-form .customerdata .inputs.reversed {
    margin: 0 0 20px;
    text-align: center;
}
.send-rfq-form .customerdata .required {
    margin: 0 44px 0 3px;
}
.required {
    height: 0;
    width: 0;
    border-top: 12px solid #B68B26;
    border-left: 12px solid transparent;
    position: relative;
    right: 14px;
    top: -14px;
}
.send-rfq-form .customerdata .field-validation-error {
    color: #e4434b;
    display: block;
    font-size: 13px;
    left: 165px;
    margin-top: 5px;
    position: relative;
    text-align: left;
}

/* =========================== */
/* FORM SUBMISSION BUTTON     */
/* =========================== */
.send-rfq-form .sendemailafriendbutton {
    background-color: #212121;
    min-width: 12em;
    font-weight: bold;
    border: medium none;
    text-transform: uppercase;
    color: #fff;
    height: 36px;
    overflow: hidden;
    margin: 25px 150px;
}
.send-rfq-form .sendemailafriendbutton:hover {
    background-color: #B98D27;
}
.center-1 .buttons {
    padding: 10px;
    margin: auto;
    max-width: 900px;
    text-align: right;
}

/* =========================== */
/* ATTRIBUTE SECTION STYLES   */
/* =========================== */
.send-rfq-form .attributes {
    margin-bottom: 10px;
}
.send-rfq-form .attributes dl dt {
    margin: 10px 0 0;
}
.send-rfq-form .attributes .text-prompt {
    font-weight: bold;
}
.send-rfq-form .attributes ul.option-list {
    margin: 0;
    padding: 0;
}
.send-rfq-form .attributes ul.option-list li {
    list-style: none outside none;
}

/* =========================== */
/* MESSAGES & FEEDBACK        */
/* =========================== */
.dm-success-message {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #846b41;
    margin: 2em auto;
    line-height: 1.4;
}
.dm-success-message p {
    margin: 10px;
}

/* =========================== */
/* EMAIL A FRIEND SECTION     */
/* =========================== */
.product-details-page .emailafriend-page {
    color: #B98D27;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 3em;
}

/* =========================== */
/* REQUEST PAGE DETAILS       */
/* =========================== */
.request-customer-message,
.request-answer-message {
    background-color: #f9f9f9;
    color: #444;
    margin: 0 auto 40px;
    max-width: 100%;
    padding: 20px;
}
.request-customer-message strong,
.request-answer-message strong {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.RequestPage .customerdata {
    background: #f8f8f8;
    grid-template-columns: 1fr;
    padding: 10px;
    margin: auto;
    max-width: 1000px;
}

/* =========================== */
/* PRODUCT OVERVIEW           */
/* =========================== */
.overview .short-description {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-bottom: 15px;
}
.overview .center-product-essential {
    align: center;
}

/* =========================== */
/* RESPONSIVE STYLES          */
/* =========================== */
@media all and (max-width: 1000px) {
    .send-rfq-form .customerdata .inputs input[type="text"],
    .send-rfq-form .customerdata .inputs input[type="password"],
    .send-rfq-form .customerdata .inputs select,
    .send-rfq-form .customerdata .inputs textarea,
    .send-rfq-form .customerdata .inputs .couponblock,
    .send-rfq-form .customerdata .attribute-fileupload {
        width: 100%;
    }
    .send-rfq-form .customerdata .inputs label {
        display: block;
        margin-bottom: 1em;
        text-align: left;
        width: 100%;
    }
    .send-rfq-form .buttons {
        text-align: right;
    }
    .send-rfq-form .customerdata .required {
        display: none;
    }
    .fns-rfq-block {
        display: block !important;
        text-align: left;
        width: 100%;
    }
    .success-message {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #846b41;
        margin: 2em auto;
        line-height: 1.4;
    }
}

@media (max-width: 767px) {
    /*.overview .product-name {
        text-align: center;
        margin: 0;
    }*/
    .product-details-page .emailafriend-page {
        color: #846b41;
        text-align: center;
        font-size: 1px;
        font-weight: bold;
    }
    .fns-rfq-block {
        display: block !important;
        text-align: left;
        width: 100%;
    }
    .success-message {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #846b41;
        margin: 2em auto;
        line-height: 1.4;
    }
}

@media (max-width: 425px) {
    /*.overview .product-name {
        text-align: center;
        margin: 0;
    }*/
    .fns-rfq-block {
        display: block !important;
        text-align: left;
        width: 100%;
    }
    .product-details-page .emailafriend-page {
        color: #846b41;
        text-align: center;
        font-weight: bold;
        margin: 3em;
    }
    .success-message {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #846b41;
        margin: 2em auto;
        line-height: 1.4;
    }
}