.accountDocument-table{}
.accountDocument-table-thead{display: flex;align-items: stretch;}
.accountDocument-table-th{flex: 1;display: flex;align-items: center;justify-content: center;background-color: #444;color: #FFF;font-weight: 700;text-align: center;padding: 4px;}
.accountDocument-table-tbody{}
.accountDocument-table-tr{display: flex;align-items: stretch;}
.accountDocument-table-td{flex: 1;display: flex;align-items: center;background-color: #FFF;padding: 4px;}
.accountDocument-table-td.tac{justify-content: center;}
.accountDocument-table-td.tar{justify-content: flex-end;}
.accountDocument-table-td img{max-width: 60px;max-height: 60px;}
.accountDocument-table-tr:nth-child(even) .accountDocument-table-td{background-color: #EEE;}

/* ACCOUNT */
.accountPage{display: flex; gap: 30px 0; max-width: var(--width); margin: 40px auto 100px;}
.accountPage-menu{flex: 0 0 265px;}
.accountPage-content{display: flex; flex-direction: column; flex: 1; overflow: hidden;}
.accountPage-title{font: 700 32px/normal "DM Sans", sans-serif; color: #202224;}

.accountPage-section-content{flex: 1;}
.accountPage-input + .accountPage-input{margin-top: 15px;}
.accountPage-input input{min-width: 426px;font: 300 16px/18px 'Ubuntu';border: 1px solid #CFD1D9;border-radius: 5px;padding: 18px 10px;}
.accountPage-input input::placeholder{color: #9FA3B2;}
.accountPage-label{font: 300 11px/13px 'Ubuntu';color: #595959;padding-bottom: 10px;}
.accountPage-button{margin-top: 30px;}
.accountPage-button a, .accountPage-button button{display: inline-block;color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 24px;padding: 12px 24px;transition: 0.5s;}
.accountPage-button a.hover,
.accountPage-button a:hover,
.accountPage-button button.hover,
.accountPage-button button:hover{background-color: var(--primary-color);color: #FFF;}

/* ACCOUNT FORMS */
.accountForm{max-width: 420px; margin: 0 auto;}
.accountForm-title{font: 700 24px/24px 'DM Sans';color: var(--text);padding-bottom: 30px;text-align: center;}
.accountForm-input{width: 100%;}
label.accountForm-input{display: block;}
.accountForm-input, .accountForm-input-radios, .accountForm-input-checkboxes{margin-bottom: 15px;}
.accountForm-label{font: 300 11px/13px 'Ubuntu';color: #595959;padding-bottom: 10px;}
.accountForm-input input, .accountForm-input select{width: 100%;font: 300 16px/18px 'Ubuntu';border: 1px solid #CFD1D9;border-radius: 5px;padding: 18px 30px 18px 10px;}
.accountForm-input input::placeholder{color: #9FA3B2;}
.accountForm-input input:disabled{background-color: #C8C8C8;}
.accountForm-input .customSelect{height: 56px;font: 300 16px/18px 'Ubuntu';}
.accountForm-input .customSelect:after{line-height: 42px;}
.accountForm-input .customSelect-placeholder{font: 300 16px/18px 'Ubuntu';padding: 18px 10px;}
.accountForm-links{padding-bottom: 30px;}
.accountForm-create{font: 300 13px/15px 'Ubuntu';color: var(--text);padding-bottom: 10px;}
.accountForm-create a{font-weight: 500;color: var(--primary-color);}
.accountForm-forgotten{font: 300 13px/15px 'Ubuntu';color: var(--primary-color);text-decoration: underline;}
.accountForm-button{text-align: center;margin-top: 15px;}
.accountForm-button button{min-width: 100%;background-color: var(--primary-color);font: 500 13px/15px 'Ubuntu';color: #FFF;border-radius: 20px;text-align: center;padding: 12px;}

.accountForm-phone-prefixed{display: inline-flex;gap: 10px;}
.accountForm-phone-prefixed select{flex: 1;}
.accountForm-phone-prefixed input{flex: 2;}

/* ACCOUNT FORMS RADIOS */
.accountForm-radios{display: inline-flex;}
.accountForm-radios div + div{margin-left: 30px;}
.accountForm-radios input[type="radio"]{display: none;}
.accountForm-radios label{display: flex;}
.accountForm-radios label p{margin-left: 25px;}
.accountForm-radios label:before{position: absolute;content: '';top: 3px;width: 13px;height: 13px;border: 1px solid #E5E5E5;}
.accountForm-radios label:after{position: absolute;content: '';width: 10px;height: 5px;top: 5px;left: 2px;border-width: 0 0 2px 2px;border-style: solid;border-color: var(--primary-color);transform: rotate(-45deg);opacity: 0;}
.accountForm-radios input:checked + label:after{opacity: 1;}

/* ACCOUNT FORMS CHECKBOXES */
.accountForm-checkboxes{display: inline-flex;}
.accountForm-checkboxes div + div{margin-left: 30px;}
.accountForm-checkboxes input[type="checkbox"]{display: none;}
.accountForm-checkboxes label{display: flex;}
.accountForm-checkboxes label p{font: 400 12px/14px 'Ubuntu';margin-left: 25px;}
.accountForm-checkboxes label:before{position: absolute;content: '';top: 0;width: 13px;height: 13px;border: 1px solid #E5E5E5;}
.accountForm-checkboxes label:after{position: absolute;content: '';width: 10px;height: 5px;top: 2px;left: 2px;border-width: 0 0 2px 2px;border-style: solid;border-color: var(--primary-color);transform: rotate(-45deg);opacity: 0;}
.accountForm-checkboxes input:checked + label:after{opacity: 1;}

.accountForm-checkboxes.forgotten-password input + form{display: none;}
.accountForm-checkboxes.forgotten-password input:checked + form{display: block;}

.addressForm .accountForm-checkboxes label p{font: 400 16px/18px 'Ubuntu';}

.addressForm-delivery-society input[type="checkbox"]{position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.addressForm-delivery-society input + div + div{display: none;}
.addressForm-delivery-society input:checked + div + div{display: block;}
.addressForm-delivery-society div label p{margin-left: 25px;}
.addressForm-delivery-society input:checked + div label:after{opacity: 1;}

.accountForm-delivery{margin-top: 20px;}
.accountForm-same-address input[type="checkbox"]{position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.accountForm-same-address input + div + div{display: block;}
.accountForm-same-address input:checked + div + div{display: none;}
.accountForm-same-address div label p{margin-left: 25px;}
.accountForm-same-address input:checked + div label:after{opacity: 1;}

/* ACCOUNT MENU */
.accountMenu{width: 265px;}
.accountMenu-head{width: 265px; padding: 20px 30px; display: flex;}
.accountMenu-links{display: flex; flex-direction: column; gap: 15px; padding-left: 60px;}
.accountMenu-link{font: 16px/normal Ubuntu, sans-serif; color: #222222; padding: 10px 20px 10px 50px; border-radius: 6px;}
/*.accountMenu-link::before{position: absolute; top: 14px; left: 24px; width:10px; height: 10px; border:2px solid #888888; border-radius: 50%; content: '';}*/
.accountMenu-link:hover{color: var(--primary-color);}
.accountMenu-link.checked{background: var(--primary-color); color: white; font-weight: 700;}
.accountMenu-link.checked::before{border-color: white!important;}

/* ACCOUNT TOOLBAR */
.accountToolbar{background-color: #FFF;border: 1px solid #C8C8C8;padding: 6px 12px;margin: 16px 0;}
.accountToolbar .pagination{display: flex;align-items: center;}
.accountToolbar .btn-pagination{flex: 1;display: flex;justify-content: space-between;margin-left: 20px;}
.accountToolbar .btn-pagination a{color: #C8C8C8;}
.accountToolbar .btn-pagination a.pagination-numerotation{margin: 0 10px;}
.accountToolbar .btn-pagination a.pagination-selected{color: var(--primary-color);}
.accountToolbar .btn-pagination a:hover{color: var(--primary-color);}

/* ACCOUNT REPAIRER DASHBOARD */
td.tableInTable{padding:0 !important;}
td.tableInTable table{width:100%;}
.accountPage-section-content.overflow{display:flex;flex-direction:column;overflow:auto;}
.account-dashboard{overflow-x:auto;}
.account-dashboard table{border-collapse:collapse;}
.account-dashboard th{background:var(--primary-color);color:#FFF;}
.account-dashboard tr.trHide{display:none;}
.account-dashboard td{padding:2px 4px;border:1px solid #DDD;}
.account-dashboard td.tac{text-align:center;}
.account-dashboard td a:hover{text-decoration:underline;}
.account-dashboard .seeDetails i{font-size:16px;}
.account-dashboard .mi.hide{display:none;}
.account-dashboard .dashboard-details{padding:0;border-bottom:3px solid var(--primary-color);}
.account-dashboard .dashboard-details-wrapper{display:flex;}
.account-dashboard .dashboard-details-wrapper > div{flex:1;padding:4px;}
.account-dashboard .dashboard-details-title{font-weight:500;text-decoration:underline;}
.account-dashboard .dashboard-details-dates{display:flex;flex-direction:column;}
.account-dashboard .dashboard-details-rows{flex:1;display:flex;}
.account-dashboard .dashboard-details-rows:nth-child(even){background-color:#EEE;}
.account-dashboard .dashboard-details-rows > div{flex:1;padding:2px 4px;}

/* ACCOUNT ORDERS */
.accountOrders-links{display: inline-flex;margin-bottom: 15px;}
.accountOrders-link{display: inline-flex;font: 500 13px/15px 'Ubuntu';color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 20px;padding: 12px 30px;transition: 0.5s;}
.accountOrders-link:hover{background-color: var(--primary-color);color: #FFF;}

/* ACCOUNT CONNECTION */
.accountConnection{max-width: 650px;margin: 0 auto 50px; border: 1px solid #C8C8C8;border-radius: 10px;padding: 30px;}

/* ACCOUNT INSCRIPTION */
.accountInscription{max-width: fit-content;margin: 0 auto 50px;}
.accountInscription .work-dependance.is-professional{display: none;}

/* ACCOUNT DOCUMENTS */
.accountDocuments{}
.accountDocuments-none{font: 400 16px/18px 'Ubuntu';}
.accountDocument{display: flex;flex-direction: column;border: 1px solid #C8C8C8;padding: 20px;}
.accountDocument + .accountDocument{margin-top: 30px;}
.accountDocument span{font: 700 16px/18px 'Ubuntu';}
.accountDocument-title{font: 700 16px/18px 'Ubuntu';padding-bottom: 10px;}
.accountDocument-line{display: flex;}
.accountDocument-line-item{flex: 1;}
.accountDocument-line-item + .accountDocument-line-item{text-align: right;}
.accountDocument-line-item.tac{text-align: center;}
.accountDocument-header{border-bottom: 1px solid #C8C8C8;padding-bottom: 20px;}
.accountDocument-subheader{border-bottom: 1px solid #C8C8C8;padding: 20px 0;}
.accountDocument-body{padding: 20px 0;}
.accountDocument-body .accountDocument-line-item{padding-bottom: 10px;}
.accountDocument-links{display: inline-flex;justify-content: flex-end;flex-wrap: wrap;gap: 10px;}
.accountDocument-link{/*margin-left: 10px;*/font:500 13px/15px 'Ubuntu';color: var(--primary-color);text-transform: uppercase;border: 1px solid var(--primary-color);border-radius: 20px;padding: 12px 20px;cursor: pointer;transition: 0.5s;}
/*.accountDocument-link{font:500 13px/15px 'Ubuntu';color: var(--primary-color);text-transform: uppercase;border: 1px solid var(--primary-color);border-radius: 20px;padding: 12px 20px;cursor: pointer;transition: 0.5s;}*/
.accountDocument-link button{color: var(--primary-color);text-transform: uppercase;padding: 0;transition: 0.5s;}
/*.accountDocument-link + .accountDocument-link{margin-left: 10px;background: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 20px;padding: 12px 20px;cursor: pointer;transition: 0.5s;color: white;}*/
.accountDocument-link:hover{background-color: var(--primary-color);color: #FFF;}
.accountDocument-link:hover{box-shadow: 2px 2px 2px grey}
/*.accountDocument-link + .accountDocument-link:hover{box-shadow: 2px 2px 2px grey}*/
.accountDocument-link:hover button{color: #FFF;}
/*.accountDocument-link a, .accountDocument-link button{font:500 13px/15px 'Ubuntu';color: var(--primary-color);text-transform: uppercase;border: 1px solid var(--primary-color);border-radius: 15px;padding: 12px 20px;}*/
/*.accountDocument-link a:hover, .accountDocument-link button:hover{background-color: var(--primary-color);color: #FFF;}*/
.accountDocument-informations-message{margin-top: 10px;padding: 10px;background: #F6FBF8;border: 1px solid var(--primary-color);border-radius: 6px;color: var(--primary-color);}

/* ACCOUNT V2 */
.accountDocument-link-unfold + .accountDocument-link-unfold{color: white;border: none;background: var(--primary-color);}
.accountDetails-wrap{display: flex;border-top: 1px solid #C8C8C8;padding-top: 20px;margin-top: 20px;}
.accountDetails-wrap-details{display: flex;flex-direction: column;gap: 10px;flex: 1;}
.accountDetails-wrap-details + .accountDetails-wrap-details{border-left: 1px solid #C8C8C8;padding-left: 20px;}
.accountDetails-wrap-details > p:first-child{font-weight: 700;}
.accountDetails-details-line{display: flex;justify-content: space-between;}

/* ACCOUNT DOCUMENTS DETAILS */
.accountDocument-unfold{position: absolute;top: 0;left: 0;width: 1px;height: 1px;visibility: hidden;opacity: 0;}
.accountDocument-unfold + div{display: none;}
.accountDocument-unfold:checked + div{display: block;}
.accountDocument-details{border-top: 1px solid #C8C8C8;padding-top: 20px;margin-top: 20px;}
.accountDocument-details table{width: 100%;border-collapse: collapse;}
.accountDocument-details table th{background-color: #444;color: #FFF;padding: 4px;}
.accountDocument-details table tr td{background-color: #FFF;padding: 4px;}
.accountDocument-details table tr td img{max-width: 60px;max-height: 60px;}
.accountDocument-details table tr:nth-child(even) td{background-color: #EEE;}

/* ACCOUNT DOCUMENTS PRODUCTS */
.accountDocument-machine{display: flex;align-items: center;}
.accountDocument-machine > div{flex: 1;display: flex;justify-content: center;}
.accountDocument-machine-img{max-width: 150px;max-height: 150px;}
.accountDocument-machine-img img{max-width: 100%;max-height: 100%;}
.accountDocument-machine-name{font: 400 16px/18px 'Ubuntu';padding-left: 20px;}

/* ACCOUNT TICKETS */
.accountTickets{border: 1px solid #C8C8C8;padding: 0 20px;}
.accountTicket{width: 100%;font: 500 13px/15px 'Ubuntu';border-collapse: collapse;}
.accountTicket-header th{padding: 20px 0;}
.accountTicket-body td{text-align: center;padding: 10px 0;}
.accountTicket-body tr td{border-top: 1px solid #C8C8C8;}
.accountTicket section{margin-bottom: 15px;}
.accountTicket-links{display: inline-flex;margin-bottom: 15px;}
.accountTicket-link{display: inline-flex;font: 500 13px/15px 'Ubuntu';color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 20px;padding: 12px 30px;transition: 0.5s;}
.accountTicket-link:hover{background-color: var(--primary-color);color: #FFF;}

/* ACCOUNT MACHINES */
.accountMachines section{margin-bottom: 15px;}
.accountMachines-links{display: inline-flex;}
.accountMachines-link{display: inline-flex;font: 500 13px/15px 'Ubuntu';color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 20px;padding: 12px 30px;transition: 0.5s;}
.accountMachines-link:hover{background-color: var(--primary-color);color: #FFF;}
.accountMachines-link + .accountMachines-link{margin-left: 15px;}
.accountMachine{display: flex;border: 1px solid #C8C8C8;padding: 20px;margin-bottom: 30px;}
.accountMachine-section{flex: 1 1 50%;}
.accountMachine-section + .accountMachine-section{padding-left: 30px;}
.accountMachine-item{font: 400 16px/18px 'Ubuntu';padding-bottom: 10px;}
.accountMachine-item span{font-weight: 700;}
.accountMachine-product{display: flex;align-items: center;}
/*.accountMachine-product > div{flex: 1;}*/
.accountMachine-product-img{max-width: 150px;max-height: 150px;}
.accountMachine-product-img img{max-width: 100%;max-height: 100%;}
.accountMachine-product-details{font: 400 16px/18px 'Ubuntu';padding-left: 20px;}
.accountMachine-product-name{}
.accountMachine-reassurance{font: 400 13px/15px 'Ubuntu';}
.accountMachine-reassurance-title{font-weight: 500;padding-bottom: 10px;}
.accountMachine-reassurance-item{display: flex;align-items: center;padding-bottom: 10px;}
.accountMachine-reassurance-item span{left: 5px;}
.accountMachine-reassurance-item form button{display: flex;align-items: center;font: 400 13px/15px 'Ubuntu';padding: 0;}

.accountMachines-parts{border: 1px solid #C8C8C8;padding: 0 20px;}
.accountMachines-parts-ordering{display: flex;align-items: center;padding: 30px 0;}
.accountMachines-parts-ordering + .accountMachines-parts-ordering{border-top: 1px solid #C8C8C8;}
.accountMachines-parts-ordering .accountMachine-product{flex: 1;}

.toggle-component{position: absolute;top: 0;left: 0;width: 1px;height: 1px;visibility: hidden;opacity: 0;}
/*.toggle-component:checked{background-color: var(--primary-color);color: #FFF;}*/
.toggle-component ~ .accountMachines-section{display: none;}
.toggle-component.machines:checked ~ .accountMachines-section.machines{display: block;}
.toggle-component.parts:checked ~ .accountMachines-section.parts{display: block;}

.toggle-component.machines:checked ~ section .accountMachines-link.machines{background-color: var(--primary-color);color: #FFF;}
.toggle-component.parts:checked ~ section .accountMachines-link.parts{background-color: var(--primary-color);color: #FFF;}

/* ACCOUNT INFORMATIONS */
.accountInformations{max-width: 426px;}
.accountInformations-button{text-align: right;}
.accountSettings{max-width: 426px;}
.accountSettings-box{display: flex; gap: 10px; align-items: center; font-size: 16px; margin: 10px 0;}

/* ACCOUNT ADDRESSES */
.accountAddresses{}
.accountAddresses-list{display: flex;flex-wrap: wrap;gap: 30px;margin-bottom: 30px;}
.accountAddress-plug{display: flex;flex-direction: column;width: 294px;border: 1px solid #C8C8C8;border-radius: 10px;padding: 20px;}
.accountAddress-plug:hover{border-color: var(--primary-color);}
.accountAddress-plug-title{height: 40px;font: 700 24px/24px 'DM Sans';text-align: center;}
.accountAddress-plug-body{display: flex;flex: 1;flex-direction: column;}
.accountAddress-plug-text{display: flex;flex: 1;flex-direction: column;}
.accountAddress-plug.accountAddress-new{display: flex;min-height: 278px;flex-direction: column;align-items: center;border-style: dashed;padding: 15px;}
.accountAddress-new-wrap{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.accountAddress-new-wrap .accountAddress-plug-title{height: auto;font: 400 16px/18px 'Ubuntu';text-transform: uppercase;margin-top: 10px;}
.accountAddress-plug-icon{width: 60px;height: 60px;border: 1px solid #909090;border-radius: 50%;}
.accountAddress-plug-icon:before, .accountAddress-plug-icon:after{position: absolute;content: '';top: 50%;left: 50%;width: 20px;height: 1px;background-color: #909090;transform: translateX(-50%);}
.accountAddress-plug-icon:before{transform: translateX(-50%) rotate(90deg);}
.accountAddress-plug:hover .accountAddress-plug-icon{border-color: var(--primary-color);}
.accountAddress-plug:hover .accountAddress-plug-icon:before,
.accountAddress-plug:hover .accountAddress-plug-icon:after{background-color: var(--primary-color);}
.accountAddress-plug-remove{display: none;position: absolute;top: -13px;right: -13px;width: 25px;height: 25px;background-color: var(--primary-color);border-radius: 50%;}
.accountAddress-plug:hover .accountAddress-plug-remove{display: block;}
.accountAddress-plug-remove button{font: 300 16px/18px 'Ubuntu';color: #FFF;padding: 3px 8px;}
/*.accountAddress-remove:after{position: absolute;content: 'X';top: 0;left: 0;width: 25px;height: 25px;background-color: var(--primary-color);border-radius: 50%;}*/
/*.accountAddress-icon:after{}*/
.accountAddress-plug .accountPage-button{display: flex;align-self: center;margin-top: auto;}
.accountAddress-plug .accountPage-button-wrap{margin-top: 30px;}

/* ACCOUNT ADDRESS */
.accountAddress{}

/* ADDRESS FORM */
.addressForm{}
.addressForm-title{font: 700 24px/24px 'DM Sans';margin-bottom: 20px;}
.addressForm-form{width: 596px;}
.addressForm-input-row{display: flex;gap: 20px;margin-bottom: 20px;}
.addressForm-input{flex: 1;}
.addressForm-input > input, .addressForm-input > select{width: 100%;border: 1px solid #C8C8C8;border-radius: 5px;font: 400 13px/15px 'Ubuntu';padding: 12px 10px;}
.addressForm-input > input:disabled{background-color: #C8C8C8;}
.addressForm-button{text-align: right;}

/* ACCOUNT FAQ */
.accountFaq{margin-bottom: 30px;}
.accountFaq-title{font: 700 24px/24px 'DM Sans';}
.accountFaq-list{}
.accountFaq-list-item{font: 400 16px/18px 'Ubuntu';border-bottom: 1px solid #C8C8C8;padding: 16px;}
.accountFaq-list-item input{position: absolute;width: 1px;height: 1px;visibility: hidden;opacity: 0;}
.accountFaq-list-item input + label{}
.accountFaq-list-item input + label:before{position: absolute;content: '+';top: 0;left: -15px;font: 400 20px/18px 'Ubuntu';}
.accountFaq-list-item input + label:after{position: absolute;content: '-';top: 0;left: -15px;font: 400 20px/18px 'Ubuntu';display: none;}
.accountFaq-list-item input:checked + label:before{display: none;}
.accountFaq-list-item input:checked + label:after{display: block;}
.accountFaq-list-item input + label + div{display: none;}
.accountFaq-list-item input:checked + label + div{display: block;}
.accountFaq-list-text{font-style: italic;padding-top: 12px;}

/* ACCOUNT PASSWORD */
.accountPassword{max-width: 426px;}
.accountPassword-button{text-align: right;}

/* ACCOUNT SUMMARY */
.accountForm-section{margin-bottom: 30px;}
.accountForm-section-small{margin-bottom: 10px;}
.accountForm-section-title{font: 700 16px/18px 'Ubuntu';padding-bottom: 15px;}

/* ACCOUNT HEADER */
.accountHeader{display: flex;gap: 30px;margin-bottom: 30px;}
.accountHeader-item{flex: 1;}
.accountHeader-item:only-child{max-width: 500px;}

/* ACCOUNT SEARCH ENGINE */
/*.accountSearch{width: 500px;}*/
.accountSearch-title{font: 700 24px/24px 'DM Sans';padding-bottom: 15px;}
.accountSearch-inputs{display: flex;gap: 10px;}
.accountSearch-input{flex: 1;}
.accountSearch-input, .accountSearch-input-radios, .accountSearch-input-checkboxes{margin-bottom: 15px;}
.accountSearch-label{font: 300 11px/13px 'Ubuntu';color: #595959;padding-bottom: 10px;}
.accountSearch-input input, .accountSearch-input select{width: 100%;font: 300 16px/18px 'Ubuntu';border: 1px solid #CFD1D9;border-radius: 5px;padding: 18px 10px;}
.accountSearch-input input::placeholder{color: #9FA3B2;}
.accountSearch-input input:disabled{background-color: #C8C8C8;}
.accountSearch-links{padding-bottom: 30px;}
.accountSearch-create{font: 300 13px/15px 'Ubuntu';color: var(--text);padding-bottom: 10px;}
.accountSearch-create a{font-weight: 500;color: var(--primary-color);}
.accountSearch-forgotten{font: 300 13px/15px 'Ubuntu';color: var(--primary-color);text-decoration: underline;}
.accountSearch-buttons{display: flex;justify-content: flex-end;margin-top: 15px;}
.accountSearch-button{text-align: center;margin-left: 10px;}
.accountSearch-button button{background-color: var(--primary-color);font: 500 13px/15px 'Ubuntu';color: #FFF;text-transform: uppercase;border-radius: 20px;text-align: center;padding: 12px 20px;}

/* ACCOUNT TICKET RECOVER */
.accountTicketRecover-button{margin-top: 20px;}

/* ACCOUNT MAP */
.accountMap{margin-bottom:30px;}
.accountMap-canvas{width:100%;height:600px;}

/* ACCOUNT BALANCE */
.accountBalance{}
.accountBalance-title{font: 700 24px/24px 'DM Sans';padding-bottom: 15px;}
.accountBalance-table{border-collapse: collapse;}
.accountBalance-table th{border: 1px solid var(--primary-color);padding: 15px 20px;font: 700 16px/18px 'Ubuntu';}
.accountBalance-table td{border: 1px solid var(--primary-color);padding: 10px 20px;}

/* ACCOUNT STATS LINK */
.accountStatsLink{margin-bottom: 15px;}
.accountStatsLink-title{font: 700 24px/24px 'DM Sans';padding-bottom: 15px;}
.accountStatsLink a{color: #F44336;}
.accountStatsLink a:hover{text-decoration: underline;}

/* ACCOUNT BROWSING HISTORY */
.browsingHistory-controls{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.browsingHistory-controls .switch{display: block;width: 41px;height: 23px;}
.browsingHistory-controls .switch input{width: 1px;height: 1px;visibility: hidden;opacity: 0;}
.browsingHistory-controls .switch .slider{position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 12px;background-color: #C8C8C8;cursor: pointer;}
.browsingHistory-controls .switch .slider:before{position: absolute;content: '';top: 1px;left: 19px;width: 21px;height: 21px;border-radius: 50%;background-color: #FFF;transition: 0.5s;}
.browsingHistory-controls .switch .slider:after{position: absolute;content: '';top: 8px;left: 25px;width: 10px;height: 6px;border-width: 0 0 1px 1px;border-style: solid;border-color: #C8C8C8;transform: rotate(-45deg);transition: transform 0.5s;}
.browsingHistory-controls .switch input:checked + .slider{background-color: var(--primary-color);}
.browsingHistory-controls .switch input:focus + .slider{box-shadow: 0 0 1px var(--primary-color);}
.browsingHistory-controls .switch input:checked + .slider:before{transform: translateX(-18px);}
.browsingHistory-controls .switch input:checked + .slider:after{border-color: var(--primary-color);transform: translateX(-18px) rotate(-45deg);}
.browsingHistory-controls .toggle-browsing button[type=submit]{display: flex;align-items: center;}
.browsingHistory-controls .toggle-browsing .button-link{font: 400 13px/15px 'Ubuntu';text-transform: uppercase;text-align: left;margin-left: 10px;}
.browsingHistory-controls .delete-browsing .button-link{font: 300 13px/15px 'Ubuntu';text-decoration: underline;text-align: right;}

.browsingHistory-list{display: flex;flex-wrap: wrap;gap: 30px;}
.browsed-kit{display: flex;flex-direction: column;width: 294px;border: 1px solid #C8C8C8;border-radius: 10px;text-align: center;padding: 15px 10px;}
.browsed-kit > *{}
.browsed-kit-img{margin-bottom: 10px;}
.browsed-kit-name{font: 400 16px/18px 'Ubuntu';color: var(--text);margin-bottom: 5px;}
.browsed-kit-brands{align-self: center;font: 300 11px/13px 'Ubuntu';color: #909090;}
.browsed-kit-price{font: 700 24px/24px 'DM Sans';color: var(--text);margin: 10px 0 14px;}
.browsed-kit-form{display: flex;margin-top: auto;}
.browsed-kit-form input{width: 80px;height: 39px;border: 1px solid #909090;border-radius: 20px;font: 700 24px/24px 'DM Sans';text-align: right;padding: 0 10px;}
.browsed-kit-form button{flex: 1;background-color: var(--primary-color);color: #FFF;font: 500 13px/15px 'Ubuntu';border-radius: 20px;text-transform: uppercase;margin-left: 15px;padding: 12px;}
.browsed-kit-out-of-stock{color: white;background: #ff6363;border-radius: 20px;padding: 12px 20px;margin: auto;text-transform: uppercase;font: 500 13px/15px 'Ubuntu';}

/* ACCOUNT SCHEDULED */
.accountSchedules{flex: 1;}
.accountSchedules section + section{margin-top: 30px;}

.schedule-split{display: flex;gap: 30px;}
.schedule-split > *{flex: 1;}
.schedule-part{flex: 1;display: flex;flex-direction: column;}
.schedule-part input{width: 100%;padding: 8px 10px;}
.schedule-calendar{border: 1px solid #C8C8C8;border-radius: 5px;padding: 10px 20px;}

/* ACCOUNT SCHEDULED HOURS */
.schedule-hours-title{font: 700 24px/24px 'DM Sans';margin-bottom: 20px;}
.schedule-day{flex: 1;display: flex;padding: 10px;}
.schedule-day + .schedule-day{border-top: 1px solid #C8C8C8;}
.schedule-day > *{flex: 1;}
.schedule-day-name{display: flex;align-items: center;font: 500 16px/18px 'Ubuntu';}
.schedule-day-hours{font: 400 16px/18px 'Ubuntu';}
.schedule-day-hour{display: flex;align-items: center;}
.schedule-day-hour + .schedule-day-hour{padding-top: 10px;}
.schedule-day-time{flex: 1;}
.schedule-day-form{}
.schedule-day-form button{background-color: #FFF;border: 1px solid var(--primary-color);color: var(--primary-color);border-radius: 10px;padding: 5px 10px;transition: 0.5s;}
.schedule-day-form button:hover{background-color: var(--primary-color);color: #FFF;}

/* ACCOUNT SCHEDULED HOURS */
.schedule-closures-title{font: 700 24px/24px 'DM Sans';margin-bottom: 20px;}
.schedule-closure{display: flex;align-items: center;font: 400 16px/18px 'Ubuntu';padding: 10px;}
.schedule-closure + .schedule-closure{border-top: 1px solid #C8C8C8;}
.schedule-closure-date{flex: 1;}
.schedule-closure-form{}
.schedule-closure-form button{background-color: #FFF;border: 1px solid var(--primary-color);color: var(--primary-color);border-radius: 10px;padding: 5px 10px;transition: 0.5s;}
.schedule-closure-form button:hover{background-color: var(--primary-color);color: #FFF;}

/* Machine Popup */
.machinePopup-close{position:absolute;top:10px;right:10px;width:20px;height:20px;}
.machinePopup-close::before{position:absolute;left:-2px;width:24px;height:2px;border-radius:2px;background:#D6D6D8;transform:rotate(45deg);content:'';}
.machinePopup-close::after{position:absolute;left:-2px;width:24px;height:2px;border-radius:2px;background:#D6D6D8;transform:rotate(-45deg);content:'';}

/* Machine Popup Installation */
.machineInstallation{max-width:800px;background:white;border-radius:20px;padding:30px 50px;}
.machineInstallation-title{font:700 36px/36px 'DM Sans', sans-serif;margin-bottom: 15px;}
.machineInstallation-body{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.machineInstallation-service{flex: 1 1 50%;display: flex;flex-direction: column;}
.machineInstallation-service img{max-width: 100%;margin-bottom: 5px;}
.machineInstallation-service p{margin-bottom: 5px;}
.machineInstallation-service-title{margin-bottom: 5px;}
.machineInstallation a{background-color: var(--primary-color);color: #FFF;align-self: center;border-radius: 21px;padding: 12px 30px;margin-top: auto;}

/* Machine Popup Warranty */
.machineWarranty{max-width:800px;background:white;border-radius:20px;padding:30px 50px;}
.machineWarranty-title{font:700 36px/36px 'DM Sans', sans-serif;margin-bottom: 15px;}
.machineWarranty-body{display: flex;gap: 20px;}
.machineWarranty-text{display: flex;flex-direction: column;}
.machineWarranty form{text-align: center;margin-top: 15px;}
.machineWarranty-button{background-color: var(--primary-color);color: #FFF;align-self: center;border-radius: 21px;padding: 12px 30px;margin-top: 15px;}

/* Some additions to other css files... */
.breadcrumb-wrapper{align-items: center;justify-content: center;}
.breadcrumb-wrapper:before{border-color: var(--primary-color);}
.breadcrumb-title{background-color: #FFF;font: 700 36px/36px 'DM Sans';color: var(--text);text-align: center;padding: 0 20px;}
.header-menu-catman-item.dn{display: none;}

/* Mini-fiche Pièce */
.piecePlug{display:flex;background-color:#FFF;border:1px solid var(--primary-025);transition:0.3s;}
.piecePlug-picture{display:flex;}
.piecePlug-picture img{object-fit:contain;max-width:100%;max-height:100%;}
.piecePlug-text{flex:1;display:flex;flex-direction:column;}
.piecePlug-content{flex:2;display:flex;flex-direction:column;}
.piecePlug-text-header{display:flex;}
.piecePlug-brand-reference{flex: 1;display: flex;flex-direction: column;}
.piecePlug-brand-reference > *{flex: 1;}
.piecePlug-brand{font:400 13px/15px 'Ubuntu', sans-serif;color:#909090;margin-top:10px;text-transform:uppercase;}
.piecePlug-reference{font:400 13px/15px 'Ubuntu', sans-serif;color:#909090;margin-top:5px;}
.piecePlug-discount{display: flex;align-items: center;justify-content: flex-end;}
.piecePlug-discount > div{background-color: #FF7367;font: 500 11px/13px 'Ubuntu';color: #FFF;border-radius: 10px;padding: 5px 10px;}
.piecePlug-name{font:700 16px/18px 'Ubuntu', sans-serif;color:#222;margin-top:5px;text-transform:uppercase;text-overflow: ellipsis;/*white-space: nowrap;*/overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 36px;}
.new-piecePlug-delivery{font-size:13px;margin-top:10px;}

/*Vertical*/
.piecePlug.vertical{flex-direction:column;width:246px;padding:15px 30px 20px;border-radius: 10px; margin-bottom: 35px;max-height: 430px;}
.piecePlug.vertical .piecePlug-name{text-transform: unset}
.piecePlug.vertical .new-piecePlug-delivery{font-size:13px;margin:10px 0;}
.piecePlug.vertical .piecePlug-compatibility{font-size:11px;margin-top:5px;}
.piecePlug.vertical .piecePlug-text-header{height: 45px;}
.piecePlug.vertical .piecePlug-cart{display:flex;align-items:center;margin:unset}
.piecePlug.vertical .compatibleBrands{font: 300 11px/13px 'Ubuntu',sans-serif;}

.piecePlug-stars{font-size:22px;margin:10px 0;}
.piecePlug-description{font-size:13px;/*margin:5px 0;*/margin-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height: 60px;}
.piecePlug-cart{display:flex;align-items:center;margin:auto;}
.piecePlug-price{flex:1;font:700 16px/18px 'Ubuntu', sans-serif;}
.piecePlug-form{flex:1;}
.piecePlug-button{background-color:var(--primary-color);border-radius:20px;padding:10px 32px;}
.piecePlug:hover{border-color:var(--primary-color);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);}
/*.piecePlug.vertical .piecePlug-content{display:flex;flex-direction:column;flex:1;}*/
.piecePlug-piece-statement{font:400 12px/14px 'Ubuntu', sans-serif;position:absolute;top: 0; left: -15px;background: var(--primary-color); color: #FFF;border-radius: 5px; padding: 8px}
.piecePlug-piece-statement-full{font:400 13px/15px 'Ubuntu', sans-serif;margin-top:10px;position:absolute;top:15px; left: 20px;z-index: 1;background: var(--primary-color); color: #FFF;border-radius: 5px; padding: 10px}

.piecePlug.horizontal{width:600px;padding:30px;}
.piecePlug.horizontal .piecePlug-text{margin-left:20px;width: 260px;}
.piecePlug.horizontal .piecePlug-compatibility{margin-top: 10px}
.piecePlug.horizontal .piecePlug-name{text-transform: none; height: unset;}
.pieceAdded .piecePlug.horizontal .piecePlug-cart{margin: unset !important;}

.piecePlug.full{min-width:100%;padding:20px;max-height: 230px;}
.piecePlug.full .piecePlug-picture{width:190px;height:190px;}
.piecePlug.full .piecePlug-text{flex-basis:395px;flex-direction:row;}
.piecePlug.full .piecePlug-name{margin-top: 15px;}
.piecePlug.full .piecePlug-cart{flex:1;flex-direction:column;padding-left:20px;border-left:1px solid var(--primary-025);margin:0;align-items: start;}
.piecePlug.full .piecePlug-form{flex:0;margin-top:auto;width: 100%;}
.piecePlug.full .piecePlug-button{font-weight: 500;font-size: 13px;line-height: 15px;color: #FFFFFF;text-transform: uppercase;padding: 10px 0;width: 100%;}
.piecePlug.full .piecePlug-price{flex: 0;margin-bottom: 10px;}

.piecePlug-price-stroked{font: 400 13px/15px 'Ubuntu';text-decoration: line-through;color: #909090;}

.pieceTabs-characteristics{width: 100%;background-color: #FAFAFA;}
.pieceTabs-characteristics-value{font-weight: 700;text-align: right;}
/*.pieceTabs-characteristics tr{background-color: #FAFAFA;}*/
.pieceTabs-characteristics td{padding: 8px;}
.pieceTabs-characteristics tr:hover td{background-color: #F4F4F4;}

.pieceDetails-submit:disabled, .piecePlug-button:disabled{background-color: #DDD !important;color: #333 !important;cursor: auto;}

.deliveryDate-wrap{display: flex;align-items: center;width: 100%;justify-content: center;background-color: #FFD0CC;border-radius: 16px;padding: 6px;}
.deliveryDate-wrap form button{display: flex;align-items: center;padding: 0;}
.deliveryDate-wrap form button .deliveryDate-error{font: 400 1em/1.15em 'Ubuntu', sans-serif;}
.piecePlug .deliveryDate-wrap form button .deliveryDate-error{font: 400 10px/11px 'Ubuntu', sans-serif;}

.productFilter{background: #E5E5E5;}
.productFilter-sql{font: 700 10px/16px monospace; padding: 10px;background: #222; color: white; tab-size: 4;text-wrap: inherit;}
.productFilter-sql::selection, .productFilter-sql *::selection{background: rgba(255, 255, 255, 0.2);}
.productFilter-sql .table{color: #b2a4ff; font-weight: 400;}
.productFilter-sql .column{color: #d7e3bb; font-weight: 400;}
.productFilter-sql .keyword{color: #81b9ff; font-weight: 700;}
.productFilter-sql .number{color: #ff7575; font-weight: 700;}
.productFilter-sql .string{color: #c9c9c9; font-weight: 700;}
.productFilter-sql .space{background: linear-gradient(to right, #0000 10%, #444 10%, #444 90%, #0000) repeat-x left center; background-size: 11.8px 1px;}

/* ACCOUNT TICKET SUMMARY */
.accountCentral-summary{background-color:#FFF;border-radius:5px;padding:20px;margin-bottom:20px;}
.accountCentral-summary-header{display:flex;gap:20px;background-color:var(--primary-025);border-radius:5px;padding:10px;}
.accountCentral-summary-header-title{flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--primary-color);font:700 20px/20px var(--dmsans);}
.accountCentral-summary-buttons{display:flex;flex:2;gap:20px;font:500 13px/15px var(--ubuntu);}
.accountCentral-summary-button{background-color:#FFF;flex:1px;text-align:center;color:#222;border-radius:100px;padding:10px;cursor:pointer;}
.accountCentral-summary-button.toggled{background-color:#3F4865;color:#FFF;}
.accountCentral-summary-body{display:flex;flex-direction:column;gap:20px;background-color:#FFF;border-radius:5px;margin-top:20px;}
.accountCentral-summary-stats{display:none;justify-content:space-between;}
.accountCentral-summary input[name=toggle-summary]:checked + .accountCentral-summary-stats{display:flex;}
.accountCentral-summary-stat{display:flex;flex-direction:column;justify-content:space-between;min-width:100px;min-height:64px;text-align:center;padding:5px;}
.accountCentral-summary-stat-title{font:300 13px/15px var(--ubuntu);}
.accountCentral-summary-stat-number{font:700 24px/24px var(--dmsans);}
.accountCentral-summary-stat:first-child{background-color:#F5F6F7;color:var(--primary-color);}

/* ACCOUNT NETWORK */
.accountCentrale-map-header{display:flex;align-items:center;justify-content:space-between;margin:40px 0 20px;}
.accountCentrale-map-title{font:700 24px/normal var(--dmsans);color:#222;}
.accountCentrale-legend{display:flex;background-color:#FFF;border-radius:25px;padding:6px 15px;gap:10px;}
.accountCentrale-legend-pin{display:flex;align-items:center;font:400 13px/15px var(--ubuntu);gap:5px;}
.accountCentrale-legend-pin img{width:20px;height:30px;}

@media screen and (max-width: 767px) {
	.accountPage { margin: 65px auto 100px;}
	.accountConnection {width: 95%; padding: 15px;}	
	.header.login ~ .breadcrumb { margin-top: 100px;}
}

/* ACCOUNT CENTRALE MACHINE */
/*.centralMachine-infos{display:flex;gap:25px;background-color:#FFF;border-radius:13px;padding:10px;}
.centralMachine-img{width:110px;height:110px;border-radius:13px;overflow:hidden;}
.centralMachine-name{font:700 20px/30px 'DM Sans';}
.centralMachine-overview{display:flex;flex-wrap:wrap;gap:30px;}
.centralMachine-misc{display:flex;flex-direction:row;gap:10px;}
.centralMachine-misc-details{display:flex;flex-direction:row;gap:6px;}
.centralMachine-details-name{font:400 15px/22px 'DM Sans';color:#909090;}
.centralMachine-table.table{flex:0 1 calc(50% - 15px);}
.centralMachine-table.table table tbody tr th{background-color:transparent;}
.centralMachine-table table{border-spacing:0;}
.centralMachine-table table td{background-color:#FFF;}
.centralMachine-table table td + td{text-align:right;}

@media (max-width: 1200px){
	.schedule-split{flex-direction: column;max-width: 596px;}
}

@media (max-width: 1000px){
	.accountHeader{flex-wrap: wrap-reverse;}
}

@media (min-width: 768px){
	.accountMenu.menu-popup{position: relative;display: block;top: 0;min-width: auto;min-height: auto;box-shadow: none;padding: 0 20px 0 0;z-index: 0;}
}

@media (max-width: 768px){
	/*.breadcrumb{display: none;}
	.header-menu-catman-item.dn{display: block;}

	/*.accountHeader{margin: 30px 0;}
	.accountPage{padding: 0;}
	.accountPage-sections{flex-direction: column;margin: 0 auto;}
	/*.accountPage-section-menu{flex: 1;width: auto;}
	.accountPage-section-menu{display: none;}
	.accountPage-section-content{padding: 20px;}
	.accountMenu{padding: 0 20px;margin: 0;}
	.accountMenu:before{display: none;}
	.accountMenu-link{font: 500 14px/16px 'Ubuntu', sans-serif;border-bottom: 2px solid #DFE3EF;padding: 20px 0;}
	.accountMenu-link:last-child{padding: 0;}
	.accountMenu-link button{width: 100%;text-align: left;font: 500 14px/16px 'Ubuntu', sans-serif;padding: 20px 0;}
	.accountMenu-link.checked:before{display: none;}
	.accountMenu-link + .accountMenu-link{margin: 0;border-top: none;}

	.addressForm-form{width: auto;}
	.addressForm-input-row{flex-direction: column;}

	.schedule-day-hours{flex: 2;}

	.machineInstallation-service{display: flex;flex-direction: column;}
	.machineInstallation-button{margin-top: 5px;}
}

@media (max-width: 700px){
	.accountConnection .accountForm-input{width: auto;}
	.accountInscription .accountForm-input{width: auto;}
	.accountForm{padding: 30px;}
}

@media (max-width: 600px){
	.accountMachines-links{display: flex;flex-wrap: wrap;}
	.accountMachines-link{flex-basis: 100%;}
	.accountMachines-link + .accountMachines-link{margin: 15px 0 0 0;}
}

@media (max-width: 500px){
	.accountSearch-inputs{flex-direction: column;gap: 20px;}
	.accountPage-input input{min-width: auto;width: 100%;}
	.accountForm-button button{min-width: auto;width: 100%;}
}
*/