/**
 * @brief BiovotecStyle theme, main styles.
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.6
 * @date Creation: Jun 2025
 * @date Modification: Oct 2025
 * @copyright 2025 Ideogram Design
 */

/* Fonts */
@font-face{font-family: "Figtree"; src: url('../fonts/Figtree-Regular.ttf');}
@font-face{font-family: "Figtree"; src: url('../fonts/Figtree-Light.ttf'); font-weight:300;}
@font-face{font-family: "Figtree"; src: url('../fonts/Figtree-Bold.ttf'); font-weight:700;}

/* global */
* {padding:0; margin:0; box-sizing: border-box;}
body {background:#ffffff;}
p {padding: 8px 0;}
a {transition: opacity 0.3s; text-decoration:none; color:#07beb8;}
a:hover {opacity:0.5;}
ul {margin: 0 0 0 28px;; padding:0; list-style:url(../img/bullet.png);}
ul ul {margin:0 0 0 18px; padding:0;  list-style:url(../img/bullet2.png);}
ul ul ul {margin:0 0 0 18px; padding:0;}
ul li {margin:4px 0 16px 4px;}
ol {list-style: none; counter-reset: li; margin: 0 0 0 10px;}
ol li {counter-increment: li; margin:4px 0 16px 4px;}
ol li::before {content: counter(li); color: #009cb4; font-weight:600; display: inline-block; width: 1em; margin: 0.25em 0.5em 0.25em -0.5em; text-align: right; direction: rtl;}
b, strong {font-weight:700; font-size:inherit;}
i, em {font-style:italic; font-size:inherit;}
.copyright {font-variant-position: super; color: inherit; font-size: 90%;}
blockquote {margin:8px 20px;}
pre {margin:0.5rem 0; font-family:monospace; font-size:0.8rem; border:solid 1px #009cb4; background:#f0f9fb; padding:0.5rem;}
input, textarea, select {font-weight:300; border:solid 1px #bfd2d2; background:white; color:#127475 !important; border-radius:0.5rem;}
input, textarea, option {font-weight:300; padding:8px 8px; color:#127475 !important;}
input::placeholder {font-weight:300; padding:8px 8px; color:#127475 !important;}
select {padding:8px 4px;}
textarea {resize: none;}
input:focus::placeholder, textarea:focus::placeholder {color:#ACACAC !important;}
input[value=""]::placeholder, textarea:empty::placeholder {color:black;}
input[type=checkbox] {margin-right:8px;}
input[type=radio] {margin-right:8px;}
.inputs {width:250px;}
.linputs {width:400px;}
.sinputs {width:150px;}
.vsinputs {width:40px;}
.vlinputs {width:100%;}
form {margin:0; font-size:0;}
.img {font-size:0 !important; line-height:0;}
sup, sub{font-size:9px; color:inherit;}
img {border:0; max-width:100%; height:auto;}
img.marginWrapper {margin:-50px 0;}
.img-center {display: block; margin: auto;}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad50 {padding:50px;}
blockquote {margin:0.5rem; background:#f0f9fb; border-left:solid 0.25rem #07beb8; padding:1rem; border-radius:0.25rem 0 0 0.25rem ;}

/* Advanced form elements */
.toggleSwitchInput {position: relative; display: inline-block; width: 40px; height: 20px; top:3px;}
.toggleSwitchInput input[type=checkbox] {opacity: 0; width: 0; height: 0;}
.toggleSwitchInput .switcher {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #888888; border-radius: 20px; transition: all 0.3s ease-in;}
.toggleSwitchInput .switcher:before {position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; border-radius: 20px; transition: all 0.3s ease-in;}
.toggleSwitchInput input[type=checkbox]:checked + .switcher {background-color: #000000;}
.toggleSwitchInput input[type=checkbox]:focus + .switcher {box-shadow: 0 0 1px #000000;}
.toggleSwitchInput input[type=checkbox]:checked + .switcher:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}

/* icon image for layered menu */
img.icon{float:left; margin-right:4px;}

/* error */
.error {font-size:16px; font-weight:700; color:#CC3333; padding:4px;}

/* tool */
.clear {clear:both; height:0; font-size:0;}
.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor:default;}
.centered {text-align:center;}
.lefted {text-align:left;}
.righted {text-align:right;}

/* loading */
@keyframes rotate360 {
  to {transform: rotate(360deg);}
}
#Loading {margin:40px auto; height:100px; width:100px; background:url(../img/custom/loading.png) 50% 50% no-repeat; animation: 2s rotate360 infinite linear;}

/* editor */
* {font-family: 'Figtree', sans-serif; font-size: 1rem; font-weight:normal; font-style:normal; color:#127475;}

/* generic titles */
.eTitle1 {font-size:2.5rem; font-weight:700; text-align:center;}
.eTitle2 {font-size:2.125rem; color:#07BEB8; font-weight:600; margin: 0.5rem 0 0.35rem; text-align:left;}
.eTitle3 {font-size:1.45rem;  color:#07BEB8; font-weight:700; text-transform:uppercase; margin: 0.35rem 0 0.25rem;}
.eTitle4 {font-size:1.325rem; margin: 0.25rem 0 0;}
.eTitle5 {font-size:1.125rem; text-align:center; color:#07BEB8; text-transform:uppercase; font-weight:300; margin: 0 0 0.25rem;}
.eTitle6 {font-size:1.125rem; color:#07BEB8; font-weight:700; margin: 0 0 0.25rem;}

/* generic contents */
.eContent1 {}
.eContent2 {font-weight:bold;}
.eContent3 {font-style:italic;}
.eContent4 {font-size:0.8rem; font-style:italic;}

a.eLink1 {color:#07beb8; font-weight:700;}
a.eLink2 {}
a.eLink1:hover, a.eLink2:hover {}

table.eTable{margin:0.5rem 0; border:solid 1px #009cb4;}
th.eTableHeader, td.eTableHeader {background:#127475; padding:0.5rem; font-weight:700; color: white;}
td.eTableLine0 {background:white; padding:0.5rem;}
td.eTableLine1 {background:#f0f9fb; padding:0.5rem;}

td.eTableLineAuto {background:white; padding:4px; font-weight:700;}
tr:nth-child(odd) td.eTableLineAuto {background:#EFEAF4; padding:4px; font-weight:700;}

/* Parts : buttons */
.BiovotecButton {display:inline-block; text-decoration: none; text-transform:uppercase; padding: 12px 26px; background:#07beb8; /*border: 2px solid #009CB4;*/ border-radius: 50px; color:white;}
.BiovotecButton + .BiovotecButton {margin: 0 0 0.5rem  0.5rem;}
.BiovotecButton.DarkGreen {background:#127475; /* border: 2px solid #009CB4;*/ color:white;}
.BiovotecButton img {max-width:40px; max-height:16px; vertical-align:-3px; margin-right:4px;}
.BiovotecButton.Small {padding: 6px 12px; font-size:0.9rem;}

/* Parts : tabs */
.BiovotecTabsBarLine {display: flex; flex-wrap: wrap; margin: 0; overflow: hidden;}
.BiovotecTabsBarLine .BiovotecTabsBarTab {color: #b6d0d0; cursor: pointer; display: block; font-size: 0.8em; font-weight: 400; text-transform: uppercase; margin: 2rem 0; line-height: 1em; padding: 0.75rem 0.75rem; text-align: center; border-bottom: 2px solid #d9e6e6}
.BiovotecTabsBarLine .BiovotecTabsBarTab.selected {color: #07beb8; font-weight: 800 !important; border-bottom: 2px solid #07BEB8; transition: 0.25s ease;}
.BiovotecTabsBarLine .BiovotecTabsBarTab:hover {color: #07beb8;}

/* Top bar pages */
.buttonsBar {background: #f0f7f7; margin: 2rem 0 0.2rem}
.buttonsBar .BiovotecButton {font-size: 1rem; text-transform: capitalize; padding: 0.6rem 0.8rem; border-radius:0; margin:0;}
.buttonsBar .BiovotecButton.Grey {background: #127475;}
.buttonsBar .BiovotecButton.Grey img {vertical-align: 0px; max-width: 40px; max-height: 40px;}

/* page structure */
.mainContent {max-width:1200px; margin:0 auto; font-size:0;}
.mainContent.thin {padding:10px 0 !important;}
.fixedContent {max-width:900px; margin:0 auto;}

.darkGreenLine {background:#127475;}
.darkGreenLine * {color:white;}
.darkGreenLine .BiovotecButton.White {color:#009cb4 !important;}
.darkGreenLine a {color:#07beb8;}

.greenLine {background:#07beb8; height: 100%}
.greenLine * {color:white;}

.freeLine {background-size:auto 100%; background-repeat:no-repeat; background-position:50% 50%;}

/* Form */
.formLine {display:block; padding:8px 0; font-size:0;}
.formLine .formLabel {display:inline-block; width:30%; text-align:right !important; font-weight:normal;}
.formLine .formInput {display:inline-block; width:68%; font-weight:bold !important;}
.formLine .formInput .eContent3 {font-weight:bold !important;}
.formLine .formLabel + .formInput {text-align:left !important; margin-left:2%;}
.formLine .formFloatingInput {display:inline;}
.formButtons {margin-top:1rem;}

.formSuccess {font-size: 1rem; text-align: center; background: #56da61; color: white; font-weight: 500; padding: 0.4rem 2rem; margin: 0;}
.formError {text-align: center; font-size: 1rem; background: #da5656; color: white; font-weight: 500; padding: 0.4rem 2rem; margin: 0;}

/* Input : media popup */
.mediaPopupBkgd {position:fixed; left:0; top:0; background:#07beb8; opacity:0.75; width:100%; z-index:10000;}
.mediaPopup {z-index:10001; position:fixed; top:0; left:0; text-align:center; max-width:100%; box-sizing: content-box;}
.mediaPopup .closeButton {width:0; height:0; overflow:visible; float:right; position:relative; top:2px; left:-35px; cursor:pointer; font-size:0;}
.mediaPopup .closeButton img {width:33px !important; height:33px !important; max-width:33px;}
.mediaPopup .mediaTitle {margin:8px 0 0; padding:8px 8px; text-align:center; color:white; font-weight:700; background:#009cb4; font-size:1rem; line-height:1.2rem;}

.mediaPopup .mediaContentBox {max-width:100%; max-height:100%; overflow-y: auto; font-size:0; line-height:0;}
.mediaPopup .mediaContentBox img {max-width:100%; max-height:100%; width:auto; height:auto;}
.mediaPopup .mediaContentBox object {max-width:100%; max-height:100%; width:auto; height:auto;}

/* Input : page controler in control bar */
.genericPageEmptyController {font-size:0px; height: 0px;}
.genericPageController {margin:0.5rem 0; padding:0 4px; width:100%;}
.genericPageController .gpcBox {margin:0 auto; }
.genericPageController .gpcButton {padding:0; font-size:0; line-height:0; vertical-align:middle; padding:0 25px;}
.genericPageController .gpcButton a {font-size:0; line-height:0;}
.genericPageController .gpcButton img {}
.genericPageController .gpcSelected {display:inline-block; width:36px; line-height:17px; padding: 10px 8px 8px; text-align:center; text-decoration:none; font-size:1.2rem; font-weight:700; background-color:#07beb8; color:white;}
.genericPageController .gpcLink {display:inline-block; width:36px; line-height:17px; padding: 10px 8px 8px; text-align:center; text-decoration:none; font-size:1.2rem; font-weight:700; transition: color 0.3s;}
.genericPageController .gpcLink:hover {text-decoration:none;}
.genericPageController .gpcSpacer {padding:0; color:#ffffff; text-decoration:none; font-size:1.2rem;}
.genericPageController .gpcLPage {padding:0; text-decoration:none;}
.genericPageController .gpcRPage {padding:0; text-decoration:none;}
.genericPageController .gpcPage {padding:0; text-decoration:none;}

/* Input : Social Network Sharing */
.SNSP.follow .networkIcon {margin:5px 0 0 20px;}
.share .img {text-decoration:none; font-size:0; padding:0 3px;}
.share .img img {vertical-align:0px !important;}

/* Input : Perpetual calendar */
.calendar .perpetualCalendar {width:100%; border-spacing: 2px; border-collapse: separate;}
.calendar .perpetualCalendar td {padding:8px 0; text-align:center; width:14.3%;}
.calendar .perpetualCalendar a.img {font-size:0;}
.calendar .perpetualCalendar a.textual {font-weight:700; color:#093960; text-decoration:none;}

.calendar .perpetualCalendar .cellLink {padding:0; text-align:center;}
.calendar .perpetualCalendar .cellLink a {display:inline-block; margin:0 auto; background:#000000; width:40px; color:white; font-weight:700; font-size:1.5rem; line-height:24px; display:block; padding:6px 0px 8px; border-radius:20px;}

.calendar .perpetualCalendar .cellDate {background:none; width:71.4%; font-size:20px; text-transform:uppercase;}
.calendar .perpetualCalendar .cellDay {background:none; font-weight:700; font-size:1.5rem; padding:8px 0;}

.calendar .perpetualCalendar .cellOut {background:transparent; opacity:0.5; border:none;}

.calendar .perpetualCalendar .cell0 {background:white; color:#756e6e;}

.calendar .perpetualCalendar .cell1 {background:#000000; color:white; font-weight:700; cursor:pointer; transition: opacity 0.3s;}
.calendar .perpetualCalendar .cell1:hover {opacity:0.5;}

/* Input : CookieAgreementMessage */
.cookieAgreementMessage.minimised {padding: 16px; max-width: 20px; max-height: 20px; overflow: hidden;}
.cookieAgreementMessage .opener {width: 20px; height: 20px; top: -10px; left: -10px;}

/* Page header  */
.PageHeader .header {display:flex; height:100px; padding-top:20px; overflow:hidden;}
.PageHeader .header .logo {flex:2; min-width:240px; max-width:240px; margin: 0; font-size:0; line-height:0;}
.PageHeader .header .logo img {width:100%;}
.PageHeader .header .title {flex:4; font-size:1.6rem; font-weight:300; text-transform:uppercase; margin:0.8rem 0 0 2rem;}

.PageHeader .header .menus {display:none; flex:6; margin:10px 0 0; height:30px; text-transform:uppercase; text-align:right; overflow:visible;}
.PageHeader .header .menus .menu {display: inline-block; margin:0 1rem; color:#127475; font-size:1.125rem; text-decoration:none;}
.PageHeader .header .menus .menu.selected {font-weight:700;}
.PageHeader .header .menus * {font-size:1.0rem;}
.PageHeader .header .menus .language {border:solid 1px white;}
.PageHeader .header .menuOpener {flex:0; max-width:0; min-width:0; overflow:hidden;}
.PageHeader .header .languages {flex:1; flex-wrap:wrap; margin:0.3rem 1rem 1rem; min-width:180px; max-width:180px;}
.PageHeader .header .languages .eContent1 {min-width:100%;}
.PageHeader .header .languages .language {display:inline-block; margin:0.4rem 0 0 0.4rem; border:solid 1px white; font-size:0;}
.PageHeader .header .languages .language img {max-width:32px;}

#MobileMenu {display:none;}


/* Quick action bar */
.quickActions {}
.quickActions #QuickActions {position:fixed; left:0; top:0; bottom:0; width:8rem; background:#07beb8; z-index:-1;}
.quickActions .actions {position:fixed; left:0; left:0; top:100px; bottom:0; z-index:10; background:#07beb8; width: 8rem; overflow:visible;}
.quickActions .action {font-size:1rem; text-transform: capitalize; text-align: center; color: white; display:block; width: 100%; background:#07beb8; padding:1rem 0.5rem; font-size:0.9rem; opacity:0.8;}
.quickActions .action.disabled {cursor:default; opacity:0.4;}
.quickActions .action:not(.disabled):hover {transition-duration: 0.3s; transition-delay: 0.1s; opacity: 1;}
.quickActions .action:not(.disabled):hover img {transform: scale(1.2); transition-duration: 0.3s; transition-delay: 0.1s;}
.quickActions .action img {width:2.5rem;}
.quickActions .action.opened {width:52px;}

/* Highlights */
.lightGreenLine {background:#f0f7f7; padding:2rem; border-radius:1rem;}

/* Page structure */
.memberArea .articles {display: inline-flex; flex-wrap: wrap;}
.memberArea .articles .article .picture {flex: 1; min-width: 240px; max-width: 320px; font-size: 0; margin-right: 2rem;}
.memberArea .articles .article .picture img {border-radius: 0.75rem;}
.memberArea .articles .article .img {max-width: 100%;}
.memberArea .articles .article .content, .memberArea .articles .article {display: flex; overflow: hidden;}
.memberArea .articles .article .content .eco-icon {position: absolute; width: 38px;}
.memberArea .articles .article .content .eco-text {display:block; margin-left: 3rem;}
.memberArea .articles .article .content .icon-check {margin-left: 2rem;}
.memberArea .articles .article .content .icon-check:first-child {margin-left: 0;}
.memberArea .articles .article .content .icon-check::before {content: ""; display: block; background: url("../img/check.png") no-repeat; width: 24px; height: 24px; float: left; margin: 0 0.4rem 0 0;}

/* Page footer */
.PageFooter {position: fixed; background-color: #f0f7f7; overflow: hidden; z-index: 20; height: 5.625rem; bottom: 0; width: 100%;}
.PageFooter .eTitle2 {text-align:left;}
.PageFooter .contacts {padding:40px 0;}
.PageFooter .contacts .content {display:flex;}
.PageFooter .contacts .content .addresses {flex:1; margin:1em 0;}
.PageFooter .contacts .content .addresses .address {clear:both; margin-bottom: 24px;}
.PageFooter .contacts .content .addresses .address .icon {float:left; margin:0 16px 16px 0;}
.PageFooter .contacts .content .addresses .address .title {font-weight:700; text-transform:uppercase;}
.PageFooter .contacts .content .contactForm {flex:2;}
.PageFooter .bottom {display:flex; padding:10px 0; justify-content: center; align-items: center;}
.PageFooter .bottom .left {flex:3; font-size:0.9rem;}
.PageFooter .bottom .left * {font-size:0.9rem;}
.PageFooter .bottom .left img {vertical-align:-19px;}
.PageFooter .bottom .right {flex:1; text-align:right;}

/* Page content */
.PageContent {}
.PageContent .mainContent {margin-bottom:7rem; padding:3rem 0;}
.PageContent .mainContent + .mainContent {padding:0 0 3rem;}

/*  Columns */
.row {display:flex; flex-wrap:wrap;}
.row .column {flex:1; padding: 0 2rem 1rem;}

/* Member Area */
.memberArea {min-height:35rem; margin-bottom:6rem;}
.PageContent .mainContent.memberArea {padding: 3rem 0 0 7.5rem;}

/* Member Area : Generic lists */
.memberArea .list {}
.memberArea .list table {width:100%;}
.memberArea .list .listLine.main {font-weight:600; color:#55555c;}
.memberArea td.listLine {padding:5px 8px; border-bottom: solid 1px #E5E5E5;}
.memberArea .rightAlign {text-align:right;}
.memberArea tr.selection:hover td.listLine {background:#f0f7f7; color:#127475; cursor:pointer;}
.memberArea td.listLine.listStatus {padding:3px 0 3px; width:22px; font-size:0; text-align:center;}
.memberArea td.listLine.listAction {padding:3px 0 3px 6px; width:22px; font-size:0; text-align:center;}
.memberArea td.listLine.selectionBox {padding:4px 0 1px; width:18px; font-size:0; text-align:center; background:url(../img/lists/selection.png) 9px 0 repeat-y;}
.memberArea .list .noItems {padding:40px; font-size:16px; font-style:italic;}
.memberArea .list .listStatus .icon, .memberArea .selectionBar .caption .icon {display:inline-block; font-size:14px; line-height:20px; width:22px; height:22px; text-align:center; font-weight:bold; border-radius:11px; padding:1px 0 0 1px; color:white; text-transform:uppercase;}
.memberArea .list .listStatus .icon.Black, .memberArea .selectionBar .caption .icon.Black {background:#333333;}
.memberArea .list .listStatus .icon.Orange, .memberArea .selectionBar .caption .icon.Orange {background:#ff7f00;}
.memberArea .list .listStatus .icon.Blue, .memberArea .selectionBar .caption .icon.Blue {background:#00b6e8;}
.memberArea .list .listStatus .icon.Green, .memberArea .selectionBar .caption .icon.Green {background:#89ca8c;}
.memberArea .list .listStatus .icon.Red, .memberArea .selectionBar .caption .icon.Red {background:#cc3333;}
.memberArea .list .listStatus .icon.Grey, .memberArea .selectionBar .caption .icon.Grey {background:#888888;}

.memberArea .selectionBar {margin:1rem 0;}
.memberArea .selectionBar .caption {margin-top:0.5rem; text-align:right;}


/* Member Area : Login */
.memberArea .loginContent * {text-align:center;}
.memberArea .loginContent .loginBox {margin:3rem 0 4rem;}
.memberArea .loginContent a.eLink2 {text-decoration: underline;}

/* Member Area : Registration */
.memberArea .register * {text-align:center;}
.memberArea .register .buttons {margin-top:1em;}

/* Member Area : Registration breadcrumb */
.memberArea .register .breadcrumb {margin:0 auto 20px;}
.memberArea .register .breadcrumb .head{font-size:0; height:4px;}
.memberArea .register .breadcrumb .stepTitle{font-family: "Figtree"; text-transform: uppercase; text-align:center; font-weight:700; font-size:11px; padding:0 0 6px; color: #07beb8;}
.memberArea .register .breadcrumb .disabled {opacity:0.4;}

/* Member Area : Registration step 2 establishment selection */
.memberArea .register .companies {border:solid 1px #bfd2d2; padding:4px; border-radius: 20px; margin:15px 0 15px;}
.memberArea .register .companies .company:first-child {border-top-left-radius: 18px; border-top-right-radius: 18px;}
.memberArea .register .companies .company:last-child {border-bottom-left-radius: 18px; border-bottom-right-radius: 18px;}
.memberArea .register .companies .company {background:#ffffff; cursor:pointer;}
.memberArea .register .companies .company .details {padding:12px;}
.memberArea .register .companies .company .details .title {font-weight:700;}
.memberArea .register .companies .company .details .address {font-style:italic; color:#888888;}

.memberArea .register .companies .company input[type=radio] {display:none;}
.memberArea .register .companies .company input[type=radio]:checked + .details {background:#07beb8;}
.memberArea .register .companies .company:first-child input[type=radio]:checked + .details {border-top-left-radius: 18px; border-top-right-radius: 18px;}
.memberArea .register .companies .company:last-child input[type=radio]:checked + .details {border-bottom-left-radius: 18px; border-bottom-right-radius: 18px;}
.memberArea .register .companies .company input[type=radio]:checked + .details * {color:white;}

/* Member Area : Home panel */
.memberArea.homePanel {position:absolute; top: 100px; bottom: 90px; left:0; right:0; background:#07beb8; padding:5rem 0 10rem; margin:0;}
.memberArea.homePanel .buttons {display:flex; align-items: center; justify-content: center;}
.memberArea.homePanel .buttons .button {flex:1; min-width:10rem; max-width:20rem; padding:0 2rem; border-left:solid 1px #75dcc7; text-align:center; cursor:pointer;}
.memberArea.homePanel .buttons .button:first-child {border-left:none;}
.memberArea.homePanel .buttons .button.disabled {cursor:default; opacity:0.4;}
.memberArea.homePanel .buttons .button:not(.disabled):hover {transition-duration: 0.3s; transition-delay: 0.1s; opacity: 1;}
.memberArea.homePanel .buttons .button:not(.disabled):hover img {transform: scale(1.1); transition-duration: 0.3s; transition-delay: 0.1s;}
.memberArea.homePanel .buttons .button .icon img {max-width:10rem;}
.memberArea.homePanel .buttons .button .title {margin-top:1rem; font-size:1.15rem; color:white;}

/* Member Area : Products page */
.memberArea .products {margin: 2rem 0 0; display:inline-flex; flex-wrap:wrap;}
.memberArea .products .product {margin: 0 1rem 1rem 0; background:#f0f7f7; display:flex; border-radius:1rem; width:520px; overflow:hidden;}
.memberArea .products .product .picture {flex:1; min-width:185px; max-width:185px; font-size:0;}
.memberArea .products .product .picture img {max-width:100%;}
.memberArea .products .product .content {flex:2; padding:1rem 1rem 0.5rem;}
.memberArea .products .product .content .eTitle3 {margin-top:0;}
.memberArea .products .product .content .eTitle4 {height:80px;}
.memberArea .products .product .content .stock {height:30px; color:#07beb8; font-size:0.8rem; line-height:1rem; font-style:italic; margin-bottom:0.25rem;}
.memberArea .products .product .content .priceBar {display:flex;}
.memberArea .products .product .content .priceBar .price {flex:2; font-size:1.2rem; font-weight:300; margin-top:0.5rem}
.memberArea .products .product .content .priceBar .button {flex:1; text-align:right;}

/* Member Area : Support ticket list */
.memberArea .list .tickets .importance {width:20px; color:#cc3333; font-weight:bold;}
.memberArea .list .tickets .target {width:120px;}
.memberArea .list .tickets .subject {width:400px;}
.memberArea .list .tickets .comments {width:30px;}

/* Member Area : Support single ticket */
.memberArea .ticket {font-size:0;}
.memberArea .ticket .left {display:inline-block; width:20%; vertical-align:top; text-align:right; padding: 0 16px; position:relative;}
.memberArea .ticket .left .author {font-weight:bold;}
.memberArea .ticket .left .author.admin {color:#cc3333;}
.memberArea .ticket .left .author.owner {color:#127475;}
.memberArea .ticket .left .author .bullet {width:12px; height:12px; position:absolute; top:17px; right:-7px; border:solid 1px #d2d2d2; border-radius:6px; background:white;}
.memberArea .ticket .left .author .bullet div {font-size:1px; position:relative; width:10px; height:10px; border:solid 2px white; border-radius:5px;}
.memberArea .ticket .left .author.admin .bullet div {background:#cc3333;}
.memberArea .ticket .left .author.owner .bullet div {background:#127475;}
.memberArea .ticket .left .date {color:#888;}
.memberArea .ticket .right {display:inline-block; width:80%; vertical-align:top; border-left:solid 1px #d2d2d2; padding: 0 16px; min-height:52px;}
.memberArea .ticket .original {border: solid 1px #d2d2d2; border-radius:6px; font-size:0; padding:12px 40px;}
.memberArea .ticket .original .infos {border-bottom:solid 1px #d2d2d2; padding: 0 0 12px;}
.memberArea .ticket .original .infos .item {display:inline;}
.memberArea .ticket .original .infos .formItem {font-weight:bold; margin-left:20px; color:#127475;}
.memberArea .ticket .original .infos .importance {padding:4px 8px; background:#cc3333; color:white; border-radius:3px; text-transform:uppercase; font-size:11px;}
.memberArea .ticket .original .message {font-size:0; padding:8px 0 0;}
.memberArea .ticket .comments {padding:0 40px; font-size:0;}
.memberArea .ticket .comment {font-size:0;}
.memberArea .ticket .comment .left {padding:16px 16px;}
.memberArea .ticket .comment .right {padding:16px 16px 32px;}
.memberArea .ticket .comment .right .AdminoButton {margin:10px 0 0;}
.memberArea .ticket .addComment {padding:0 40px 0; font-size:0;}
.memberArea .ticket .addComment .comment .right {padding:16px 16px 0;}

/* Member Area : Order list */
.memberArea .orders {}
.memberArea .orders .order {display:flex; margin:1rem 0; padding: 0 0 0.5rem; border-bottom:dotted 1px #127475;}
.memberArea .orders .order .date {flex:1; min-width:100px; max-width:100px; line-height:1.8rem; font-weight:bold; color:#07beb8;}
.memberArea .orders .order .product {flex:3; line-height:1.8rem; font-weight:bold;}
.memberArea .orders .order .price {flex:1; min-width:100px; max-width:100px; line-height:1.8rem; text-align:right;}
.memberArea .orders .order .button {flex:1; min-width:130px; max-width:130px; text-align:right;}