/*------------------------------------------------
	Reques A Quote Upgraded Shopify App 
--------------------------------------------------*/

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#quote_products tr:first-child th:after, #quote_products tr:first-child td:after {
   content: none;
}
center h4 {
   margin-bottom: 15px;
}
.main-content, main {
   min-height: 60vh;
   display: block;
   margin: 0px auto;
}
.qmp_modal_header h2 {
   text-transform: capitalize;
}
#quote_pro_loading, .qmp_loader {
   z-index: 1024;
}
.qmp_form_container fieldset {
   border: 1px solid #ddd;
}
.form_field br {
   display: none;
}
/* Button */

.qmp_container .btn, .qmp_modal .quote_button, .remove_quote_item, .btn.continue_shopping, .quote_buttons .btn, .qmp_modal .qmp_footer_modal_close, #quote_form .submit_quote, #qmp_message .btn, #quoteCommentForm #send_comment {
   line-height: normal;
   background-color: #428bca;
   color: #fff;
   outline: none;
   border: none;
   min-height: auto;
   text-transform: uppercase;
   line-height: 1.7;
}
.qmp_container .btn:hover, .qmp_modal .quote_button:hover, .remove_quote_item:hover, .btn.continue_shopping:hover, .quote_buttons .btn:hover, .qmp_modal .qmp_footer_modal_close:hover, #quote_form .submit_quote:hover, #qmp_message .btn:hover, #quoteCommentForm #send_comment:hover {
   background-color: #333;
   color: #fff;
}
.qmp_container .btn:after, .qmp_modal .quote_button:after, .remove_quote_item:after, .btn.continue_shopping:after, .quote_buttons .btn:after, .qmp_modal .qmp_footer_modal_close:after, #quote_form .submit_quote:after, #qmp_message .btn:after, #quoteCommentForm #send_comment:after {
   content: none;
}
#PageContainer #quotes_found #quote_form {
   margin: 30px 0 0;
}
/* Qty Box */

.qty-box {
   position: relative;
   text-align: center;
   margin: 0 auto;
   display: inline-block;
   vertical-align: middle;
   min-width: 80px;
   z-index: 1;
}
.qty-box .qtyplus, .qty-box .qtyminus {
   font-family: 'Open Sans', sans-serif;
   float: left;
   position: relative;
   z-index: 999;
   font-size: 15px;
   font-weight: bold;
   background-color: #ddd;
   color: #333;;
   width: 20px;
   height: 32px;
   text-align: center;
   line-height: normal;
   cursor: pointer;
   border: 0;
   padding: 0;
   border-radius: 0;
   outline: none;
}
.qty-box .cws-number-only, .qty-box .list-product-qty {
   font-size: 15px;
   width: 40px;
   height: 32px;
   line-height: normal;
   float: left;
   border: 1px solid #ddd;
   padding: 0 5px;
   text-align: center;
   border-radius: 0;
   margin: 0;
   min-height: auto;
   max-height: auto;
   outline: none;
   -webkit-appearance: none;
   appearance: none;
}
/* Quote Message Model */

.qmp_message_modal_content, .qmp_variant_modal_content {
   max-width: 800px;
}
.qmp_container {
   margin: 5px 0;
}
.qmp_container .quote_button {
   width: 100%;
   margin: 0;
}
#quote_products tr:hover {
   background-color: #e2e2e2;
}
#qmp_message .qmp_message_modal_content {
   max-width: 400px
}
#qmp_message .qmp_message_modal_content .qmp_modal_body {
   padding: 20px;
}
#qmp_message .prd_msg {
   color: #027f02;
   font-size: 18px;
   text-align: center;
   text-transform: capitalize;
   margin: 0 0 20px;
   font-weight: 600;
}
#qmp_message .btn {
   padding: 8px 12px;
}
/* Variants Table */

#variants {
   background-color: transparent;
   border-collapse: collapse;
   width: 100%;
   table-layout: auto;
   border-spacing: 0;
   margin-bottom: 10px;
   font-size: 15px;
   border: none;
}
#variants td, #variants th {
   text-transform: capitalize;
   border: 1px solid #ddd;
   color: #333;
   padding: 8px;
   text-align: center;
}
#variants th {
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #f2f2f2;
   color: #333;
}
#variants p {
   color: #333;
   margin: 0;
}
#variants thead tr th:first-child {
   text-align: left;
}
#variants tbody tr td:first-child {
   text-align: left;
}
#variants .cws_var_imgs {
   display: block;
   margin: 0 auto;
   border: 1px solid #ddd;
   padding: 2px;
}
#variants .compare {
   text-decoration: line-through;
}
#variants tr:first-child th::after, #variants tr:first-child td::after {
   content: none;
}
#quote_products {
   margin: 0 0 10px;
   table-layout: auto;
}
#quote_products .read-more {
   text-transform: capitalize;
   color: #f76d2b;
}
#quote_products .read-more:hover {
   color: #333;
}
#quote_products img {
   border: 1px solid #ddd;
   display: block;
   margin: 0 auto;
   padding: 2px;
}
/* Quote Product Model */

#qmp-cws-variants-tbl {
   overflow-x: auto;
   max-height: 366px;
}
.qmp_modal .quote_button {
   font-size: 14px;
}
.qmp_modal .qmp_footer_modal_close {
   background-color: #858585;
   font-size: 14px;
   margin-left: 10px;
}
.qmp_modal .qmp_modal_close {
   width: 28px;
   height: 28px;
   padding: 0;
   outline: none;
   box-shadow: 0 0 1px #ddd;
}
.qmp_modal .qmp_modal_close:hover {
   background-color: #555;
}
.qmp_modal .qmp_modal_body {
   padding: 15px;
   text-transform: capitalize;
}
.qmp_modal .qmp_variant_modal_content h3 {
   font-size: 20px;
   margin-bottom: 10px;
   color: #333;
}
.qmp_modal p {
   font-size: 15px;
   margin: 0 0 14px;
   color: #333;
}
.qmp_quote_btn {
   margin-top: 15px;
}
.remove_quote_item {
   padding: 8px 10px;
   font-size: 14px;
}
p.quote_prd_desc {
   word-wrap: break-word;
}
.qmp_prd_options p {
   margin: 0 !important;
  font-size: 1.2em;
}
#quote_products a {
   border-bottom: none;
}
#quote_products a:hover {
   color: #333;
}
#quote_form, #quote-products-tbl {
   overflow-x: auto;
}
#reject_proposal {
   background-color: #858585;
}
#reject_proposal:hover {
   background-color: #333;
}
.field_label {
   display: block;
   font-size: 16px;
   margin-bottom: 5px;
   text-align: left;
}
#quotes_found h3 {
   margin-bottom: 25px;
   text-transform: capitalize;
}
#quote_products th {
   text-transform: capitalize;
   background-color: #428bca;
   padding-top: 10px;
   padding-bottom: 10px
}
.quote_items_cart {
   background-color: #428bca;
   box-shadow: 0 0 2px #ddd;
}
.quote_field {
   margin: 0 0 10px;
}
.total_quote_price, .acceptpg_total_quote_price {
   text-transform: capitalize;
   font-size: 18px;
   margin: -11px 0 10px;
   border: 1px solid #ddd;
   padding: 15px;
}
.qmp_container #quote_thank_you_msg h2, .qmp_container #stock_msg {
   background-color: transparent;
   border: none;
   margin: 0;
   padding: 0;
}
.qmp_form_container {
   margin-top: 5px;
}
/* Quote Form */

#quote_form, #quote_comment_box {
   text-transform: capitalize;
   overflow-x: auto;
   border: 1px solid #ddd;
   padding: 20px;
   margin: 30px 0;
   max-width: 600px;
}
#quote_form .submit_quote {
   margin-bottom: 0;
   width: auto;
   border: none;
}
#quote_form input, #quote_form textarea, #quote_comment_box input, #quote_comment_box textarea {
   width: 100%;
   border: 1px solid #ddd;
   padding: 10px 12px;
   margin: 0;
}
#quote_comment_box h2 {
   font-size: 18px;
   margin: 0 0 10px;
}
#no_comment {
   font-size: 15px;
   margin: 0 0 15px;
}
#quoteCommentForm #send_comment {
   width: auto;
   border: none;
}
#quote_comments #comment_id_ {
   border-bottom: 1px dotted #ddd;
   padding-bottom: 10px;
   margin-bottom: 10px;
}
#quote_comments #comment_id_ span {
   display: block;
}
#quote_comments #comment_id_ br {
   display: none;
}
.grid.product-single .grid-item #quote_form, .product-single__meta #quote_form {
   border: none;
   padding: 0;
   max-width: 100%;
}
#captcha_element {
   margin: 15px 0;
}
/* Quote Notification */

#stock_msg {
   color: #721c24;
   background-color: #f8d7da;
   border: 1px solid #f5c6cb;
   padding: 5px 10px;
   text-transform: capitalize;
   margin: 0 0 10px;
   font-size: 15px;
}
#quote_thank_you_msg h2 {
   color: #155724;
   background-color: #d4edda;
   border: 1px solid #c3e6cb;
   text-align: left;
   padding: 15px;
   font-size: 18px;
   text-transform: capitalize;
   margin: 20px 0;
}
#quote_thank_you_msg #quote_number {
   font-weight: bold;
}
#no_quotes_found .no_quote_msg {
   font-size: 18px;
   margin: 0 0 15px;
   text-transform: capitalize;
}
#lineitem_unavailable h3, #quote_unavailable h3 {
   color: #721c24;
   background-color: #f8d7da;
   border: 1px solid #f5c6cb;
   padding: 15px;
   font-size: 18px;
   text-transform: capitalize;
   margin: 0 0 15px;
}
#quote_rejected h3 {
   color: #0c5460;
   background-color: #d1ecf1;
   border: 1px solid #bee5eb;
   padding: 15px;
   font-size: 18px;
   text-transform: capitalize;
   margin: 0 0 20px;
}
/* Quote List Button */

.quote-head-buttons {
   display: inline-block;
   width: 100%;
   margin: 0 0 10px;
}
#lineitems_found h3 {
   margin: 0;
   font-size: 26px;
   float: left;
   text-transform: capitalize;
}
.quote-head-buttons .quote_buttons {
   float: right;
}
.quote-head-buttons .quote_buttons .btn {
   font-size: 15px !important;
}
#PageContainer #quote_form, #PageContainer #quote_comment_box, .template-product #quote_form {
   text-transform: capitalize;
   overflow: visible;
   border: none;
   padding: 0;
   margin: 0;
   max-width: 100%;
}
/*------------------------------------------------
	Responsive View CSS
--------------------------------------------------*/

@media only screen and (max-width:999px) {
   .qmp_message_modal_content, .qmp_variant_modal_content {
      max-width: 95%;
   }
}
@media only screen and (max-width:767px) {
   #lineitems_found h3 {
      margin: 0 0 10px;
      font-size: 24px;
   }
   .quote_buttons {
      margin: 0;
   }
   .qmp_modal p {
      font-size: 14px;
   }
   .btn {
      padding: 10px 8px;
      font-size: 14px;
   }
   .remove_quote_item {
      padding: 8px 10px;
      font-size: 13px;
   }
   .total_quote_price {
      font-size: 16px;
      padding: 10px 15px;
   }
   #variants td {
      border: none;
      text-align: left !important;
      border-bottom: 1px solid #ddd;
      position: relative;
      padding: 10px !important;
      padding-left: 45% !important;
      width: 100% !important;
      display: inline-block;
   }
   #variants tr {
      border: 1px solid #ddd;
      margin: 0 0 10px;
      display: block;
   }
   #variants td:before {
      color: #333;
      position: absolute;
      top: 12px;
      left: 10px;
      width: 40%;
      padding-right: 10px;
      white-space: nowrap;
      font-weight: 600;
      font-size: 13px;
   }
   #variants td:last-child {
      border-bottom: none;
   }
   #variants tr:last-child {
      margin-bottom: 0;
   }
   #variants .cws_var_imgs {
      margin: 0;
   }
   #qmp_message .view_quote, #qmp_message .continue_btn {
      width: 100%;
      float: none;
   }
   #qmp_message .prd_msg {
      margin: 0 0 15px;
   }
   #quote_products th, #quote_products td, #quote_products th {
      margin-top: -1px;
      padding-top: 8px;
      padding-bottom: 8px;
      font-size: 14px;
   }
   #quote_products tr:last-child {
      margin-bottom: 0;
   }
   #quote_form {
      margin: 20px 0;
      padding: 15px;
   }
   #quote_unavailable h3, #quote_rejected h3, #lineitem_unavailable h3 {
      font-size: 16px;
   }
   .total_quote_price, .acceptpg_total_quote_price {
      font-size: 16px;
   }
   #PageContainer #quote_form, #PageContainer #quote_comment_box {
      overflow-x: auto;
   }
}
@media only screen and (max-width:480px) {
   .quote_buttons #proposal, .quote_buttons #checkout, .quote-head-buttons .quote_buttons .btn {
      width: 100%;
   }
}