#maoFormWrapper { clear:both; padding:10px 0px; }

#maoFormWrapper a#mao_init_button span { display:inline-block; width:26px; height:26px; background:url(../img/icon_mao.png) no-repeat left top; vertical-align:middle; padding-right:6px}

#maoFormFields {min-width:370px; overflow: hidden; padding: 0px 8px;}

#maoFormFields ul { padding:0px; margin:0px;}

#maoFormFields ul li { padding:8px 0px; margin:0px; clear:both; display:block; list-style:none}

#maoFormFields ul li label { float:left; font-size:13px; color:#655454;width:38%; line-height:24px}

#maoFormFields ul li .textfiled { float:right; font-size:13px; color:#655454; padding:5px 3px;border-radius:4px !important;background: none repeat scroll 0 0 #f2f2f2; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) inset; border:0px; width:60%}

#maoFormFields ul li sup { color:red; vertical-align:baseline}

.oosAlertMessage { color:#F3515C; font-weight:bold; clear:both}

.oosSuccess {font-weight:bold; color:#93CD60}

.oosError {font-weight:bold; color:#F3515C}

#oosAjaxLoadIcon { display:none; text-align:center}

#maoFormWrapper .form-group { margin-bottom:0px; display:none}

#maoFormWrapper .form-group .exclusive { margin-top:6px}

.icon-outofstocknotification:before { content: "\f0a1";}

#maoFormFields #maoLoader { text-align:center; display:none}

.maoSuccessMessage { background:#BDF29D; padding:4px; color:#578E34; font-weight:bold; display:none}

.maoSuccessMessageAuto { background:#BDF29D; padding:4px; color:#578E34; font-weight:bold; display:none}

#maoFormFields ul li#maoExecDataTrigger { display:none}

#maoFormFields ul li label#gCaptchaVerifyLabel { width:15%}

#maoFormFields ul li div#maoGcaptcha { width:85%; float:right;}

.row #maoFormWrapper { text-align:center}

.row #maoFormWrapper a.exclusive_large {background:#0096CD; border-color: #0079b6 #006fa8 #012740;border-radius: 4px;}

.row #maoFormWrapper a#mao_init_button { color:#ffffff;}
.row #maoFormWrapper a#mao_init_button:hover { background:#007DB9}

.row #maoFormWrapper a#mao_init_button span { margin-right:12px;}


/* PrestaShop 1.7 Stylesheet */
.mao_prestashop_17 { text-align: left !important; padding-top: 15px}
.mao_prestashop_17 #mao_init_button { background: #2FB5D2 !important; padding: 8px 12px; border-radius: 0px !important; display: inline-block}
.mao_prestashop_17 #mao_init_button:hover { background: #2592A9 !important;}

#maoFormFields ul li .mao_valid_fail { border-color: red !important; background: #ffe5e5 !important;}

.maoAlertMessage { font-size: 11px; color: red}

#maoFormFields .gdpr_module label { width: auto !important;}

.mao_failure { display: none; font-size: 11px; color: red; padding-left: 4px;}

#maoFormFields ul li:after { content: '.';visibility: hidden; display: block; clear: both; height: 0px;}


/*------- NEW THEME 2021 -------*/
.mao_new_theme .mao_parent_wrap { min-width: 600px; position: relative;}
.mao_new_theme .mao_left_blk,
.mao_new_theme .mao_right_blk { display:inline-block; vertical-align: middle;}
.mao_new_theme .mao_left_blk { width: 35%; padding: 2% 3%; background: #f4f4f4; border-radius: 6px;
box-shadow: 1px 1px 8px 1px rgba(0,0,0,.2); margin-right: 3%}
.mao_new_theme .mao_left_blk .mao_price_holder { font-size: 16px; color: #2fb5d2; font-weight: bold; font-style: italic; display: block;
width: 100%; clear: both; text-align: center; padding-top: 10px;}
.mao_new_theme .mao_right_blk { width: 56%;}
.mao_new_theme .mao_left_blk img { max-width: 100%; width: auto; background: #fff; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.mao_new_theme .mao_errors_blk { display: none;}
#maoFormFields.mao_new_theme ul li { position: relative;}
#maoFormFields.mao_new_theme ul li .textfiled { width: 100% !important; box-shadow: inset 0 0 8px 2px #eee,inset 0 0 0 50px #fff;
padding: 12px !important; color:#424242 !important; border: 1px solid #d9d9d9; padding-right: 22px !important;}
#maoFormFields.mao_new_theme ul li .textfiled:focus,
#maoFormFields.mao_new_theme ul li .textfiled:active {background: #f4f4f4; outline: none; border-color: #2fb5d2;}
#maoFormFields.mao_new_theme ul li::after {font-family: Material Icons; font-size: 20px; color: #97a9af; line-height: 20px; display: block;
position: absolute; top: 21px; right: 2px; visibility: visible; opacity: 0.8}
#maoFormFields.mao_new_theme ul li.mao_name::after {content: 'person';}
#maoFormFields.mao_new_theme ul li.mao_email_fld::after {content: 'email';}
#maoFormFields.mao_new_theme ul li.mao_amt_fld::after {content: 'edit';}
#maoFormFields.mao_new_theme ul li.mao_qty_fld::after {content: 'shopping_cart';}
#maoFormFields.mao_new_theme ul li.mao_phn_fld::after {content: 'phone';}
#maoFormFields.mao_new_theme ul li.mao_msg_fld::after {content: 'message'; top: 32px;}
#maoFormFields.mao_new_theme ul li.mao_no_ico::after { visibility: hidden !important; opacity: 0;}

.modal-content .mao_prestashop_17 #mao_init_button { color: #fff;}
.modal-content .mao_prestashop_17 #mao_init_button span { padding-right: 40px !important;}

#mao_errors { position: absolute; left: 0; top: 0; background:rgb(192, 92, 103, 0.7); color: #fff; padding: 2% 3%; border-radius: 4px; z-index: 9; display: none;}
#mao_errors p { margin: 0; padding: 0; color: #fff; font-size: 13px; font-weight: 500; clear: both; display: block;}

@media (min-width:200px) and (max-width: 768px){
.mao_new_theme .mao_left_blk { display: none; width: 0px;}
.mao_new_theme .mao_parent_wrap,
.mao_new_theme .mao_right_blk { min-width: 100%; max-width: 100%}
}

/* =========================================================================
   "My Offers" account page (offer detail block)
   ========================================================================= */
.maoStatus { display:inline-block; padding:4px 10px; color:#ffffff;}
.maoStatus.yellow { background:#FAC741; }
.maoStatus.green { background:#55C65E; }
.maoStatus.purple { background:#8544AF; }
.maoStatus.red { background:#F13340; }
.moabordered { border:1px solid #878787; border-radius:4px; padding:4px; display:inline-block}
.moabordered img { vertical-align:middle}
#maoAdminOfferView .maoFieldset, .maoMessage, .maoFieldsetDecide {border-left:4px solid #7AD03A; padding:10px;background:#F1F1F1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin: 10px 0px 5px; clear:both; text-transform:capitalize}
.maoMessage {border-color:#2EA2CC}
#maoAdminOfferView .maoFieldset:after, .maoMessage:after, .maoFieldsetDecide:after {content:"."; clear:both; display:block; height:0px; visibility:hidden}
.maoMessage.buttonsblock {border-color:#EFC401; background:url('data:image/gif;base64,R0lGODlhDwAPALMAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09AAAAAAAAAAAAAAAACwAAAAADwAPAAAEZFCdEYAgSBURgjBHSHRCERpcMHzLwVlEkmydCh6jZx5o5R0KA8UTQxAEqcEtVzIgDEfALyEkFRE0m4hUMCRwyQN1WCKIs4MCAkcqfdGHZ454TqontdIaziNQYHUdSl9QXHthBxEAOw==') repeat;}
.maoFieldsetDecide { margin-top:20px; margin-bottom:12px; border-color:#FB6C4B; background:url('data:image/gif;base64,R0lGODlhDwAPALMAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09AAAAAAAAAAAAAAAACwAAAAADwAPAAAEZFCdEYAgSBURgjBHSHRCERpcMHzLwVlEkmydCh6jZx5o5R0KA8UTQxAEqcEtVzIgDEfALyEkFRE0m4hUMCRwyQN1WCKIs4MCAkcqfdGHZ454TqontdIaziNQYHUdSl9QXHthBxEAOw==') repeat;}
.maoActionBtn { display:inline-block; padding:6px 13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-weight:bold; color:#fff !important; margin-right:15px}
.maoActionBtn.ao { background:#44BA58;}
.maoActionBtn.ao:hover { color:#fff; box-shadow:inset 0px 0px 6px #2D7A3A}
.maoActionBtn.ro { background:#E0504E;}
.maoActionBtn.ro:hover { color:#fff; box-shadow:inset 0px 0px 6px #7F0303}
.maoActionBtn.mco { background:#F89609;}
.maoActionBtn.mco:hover { color:#fff; box-shadow:inset 0px 0px 6px #AA6606}
#maoSubmitter {background:#F8F8F8; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); border:1px solid #EDEDED; font-weight: 400; margin-top: 20px; padding:3% 8%;
width:84%;}
#mao_counter_val_admin {background:#2FB5D2; font-size: 1.1em; padding: 10px; color: #fff; font-weight: bold; border-left: 3px solid #FFBB00; margin-top: 10px}
.mao_html_status { padding: 6px; margin: 10px auto; background: #dff0d8; color: #477e47; clear: both; font-size: 12px;}
.mao_html_status p { padding: 0; margin: 0;color: #477e47;}

/* =========================================================================
   Unread messages badge (My Offers table)
   ========================================================================= */
.mao-unread-badge { display:inline-block; min-width:22px; padding:3px 8px; border-radius:12px; background:#E0504E; color:#fff;
font-size:12px; font-weight:700; line-height:16px; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.mao-unread-badge--empty { background:#E7ECEE; color:#9DAEB4; box-shadow:none; font-weight:600;}

/* =========================================================================
   Offer messaging / chat widget (front office - customer side)
   ========================================================================= */
.mao-chat { margin-top:24px; border:1px solid #E5E5E5; border-radius:6px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.08); overflow:hidden; clear:both;}
.mao-chat__header { padding:12px 18px; background:linear-gradient(135deg, #2FB5D2 0%, #1B93AE 100%); color:#fff; font-size:14px; font-weight:600; letter-spacing:.2px;}
.mao-chat__header .material-icons { vertical-align:middle; font-size:18px; margin-right:6px;}
.mao-chat__thread { max-height:380px; min-height:120px; overflow-y:auto; padding:18px; background:#F5F8F9; display:flex; flex-direction:column; gap:14px;}
.mao-chat__thread::-webkit-scrollbar { width:8px;}
.mao-chat__thread::-webkit-scrollbar-thumb { background:#c7d3d6; border-radius:4px;}
.mao-chat__empty { text-align:center; color:#95A5A6; font-size:13px; padding:30px 0; margin:0;}
.mao-chat__bubble { display:flex; align-items:flex-start; max-width:82%; animation:maoBubbleIn .18s ease-out;}
.mao-chat__avatar { flex:0 0 10px; width:10px;}
.mao-chat__content { background:#fff; border-radius:12px; padding:9px 14px; box-shadow:0 1px 2px rgba(0,0,0,.08);}
.mao-chat__text { font-size:13px; line-height:1.5; color:#333; word-break:break-word; white-space:pre-line;}
.mao-chat__meta { font-size:11px; color:#9FB0B5; margin-top:5px;}

.mao-chat__bubble--customer,
.mao-chat__bubble--you { align-self:flex-end; flex-direction:row-reverse;}
.mao-chat__bubble--customer .mao-chat__content,
.mao-chat__bubble--you .mao-chat__content { background:#DBF3F8; border-top-right-radius:2px;}
.mao-chat__bubble--customer .mao-chat__meta,
.mao-chat__bubble--you .mao-chat__meta { text-align:right;}

.mao-chat__bubble--admin { align-self:flex-start;}
.mao-chat__bubble--admin .mao-chat__content { border-top-left-radius:2px;}

.mao-chat__composer { display:flex; align-items:flex-end; gap:10px; padding:14px 18px; background:#fff; border-top:1px solid #ECECEC;}
.mao-chat__input { flex:1; resize:vertical; min-height:38px; max-height:140px; border:1px solid #DCE3E6; border-radius:6px; padding:9px 12px;
font-size:13px; font-family:inherit; color:#333; box-shadow:inset 0 1px 2px rgba(0,0,0,.04); transition:border-color .15s;}
.mao-chat__input:focus { outline:none; border-color:#2FB5D2; box-shadow:0 0 0 2px rgba(47,181,210,.15);}
.mao-chat__send-btn { flex:0 0 auto; white-space:nowrap;}
.mao-chat__send-btn:disabled { opacity:.6; cursor:default;}

@keyframes maoBubbleIn { from { opacity:0; transform:translateY(6px);} to { opacity:1; transform:translateY(0);} }

/* =========================================================================
   "My Offer Messages" tile on the customer My Account page
   ========================================================================= */
.mao-account-tile { display:inline-flex; align-items:center; gap:12px; border:1px solid #E5E5E5; border-radius:6px; padding:14px 18px;
background:#fff; text-decoration:none; color:#333; transition:box-shadow .15s, border-color .15s; margin:6px 0; max-width:320px;}
.mao-account-tile:hover { box-shadow:0 2px 8px rgba(0,0,0,.1); border-color:#2FB5D2; color:#333; text-decoration:none;}
.mao-account-tile__icon { flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:#EAF7FA; color:#2FB5D2;
display:flex; align-items:center; justify-content:center; font-size:20px;}
.mao-account-tile__body { display:flex; flex-direction:column;}
.mao-account-tile__title { font-size:14px; font-weight:600;}
.mao-account-tile__sub { font-size:12px; color:#95A5A6;}
.mao-account-tile__badge { margin-left:auto; display:inline-block; min-width:20px; padding:2px 7px; border-radius:10px; background:#E0504E;
color:#fff; font-size:11px; font-weight:700; text-align:center;}