:root {
    --black: #1A1F3A;
    --black-50: #8C8F9C;
    --white: #ffffff;
    --primary-color: #19144B;
    --primary-color-70: #5A5881;
    --primary-color-50: #8685A5;
    --primary-color-20: #B1B0D0;
    --secondary-color: #F3F7FF;
    --tertiary-color: #FFF8F2;
    --blue-light: #E2E8F6;
    --blue: #6A6AF4;
    --blue-dark: #1D2443;
    --blue-dark-50: #888DA1;
    --orange: #FFCC9E;
    --orange-50: #F9E1CE;
    --pink: #FFEEE1;
    --grey: #F2EEEB;
    --text-color: #0B0B0C;
    --disabled: #F2EEEB;
}
/* ----------------------------------------------------------------------------------------------
****** SAV ******
------------------------------------------------------------------------------------------------- */
/* Dashboard Service après vente */
body.module-itiscustomerservice-list h1 {
    width: 100%;
    font-size: 2rem;
    font-family: "Ubuntu", sans-serif;
    color: var(--primary-color);
    margin-bottom: 1rem !important;
    font-weight: 400;
    padding-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.5;
}
body.module-itiscustomerservice-list .links {
    display: flex;
    gap: 25px;
    padding: 0 15px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin-bottom: 30px;
}
body.module-itiscustomerservice-list .links .list-group-item {
    border: 1px solid #ecedf0;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    transition: box-shadow .3s ease;
    background-color: var(--white);
    margin: 0;
    max-width: 262px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 20%;
    transition: .3s;
    text-align: center;
    font-size: .875rem;
    flex-wrap: wrap;
    font-size: 1rem;
}
body.module-itiscustomerservice-list .links .list-group-item a {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
    align-items: center;
}
body.module-itiscustomerservice-list .links .list-group-item .cle-alternative::before {
    content: "";
    background-image: url("/img/icon-cle-alternative.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block;
}
body.module-itiscustomerservice-list .links .list-group-item .puzzle-piece::before {
    content: "";
    background-image: url("/img/icon-puzzle-piece.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block;
}
body.module-itiscustomerservice-list .links .list-group-item .controle-de-liste::before {
    content: "";
    background-image: url("/img/icon-controle-de-liste.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block;
}
body.module-itiscustomerservice-list .links .list-group-item .add_circle::before {
    content: "";
    background-image: url("/img/add_circle.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block;
}
/* FIN Dashboard Service après vente */
/* Dagnose and command */
body.module-itiscustomerservice-SavList .single_column, 
body.module-itiscustomerservice-Sav .single_column, 
body.module-itiscustomerservice-SelfDiagnosis .single_column, 
body.module-itiscustomerservice-OrderSparePart .single_column {
    flex: 0 0 65%;
    max-width: 65%;
    position: relative;
    margin: 0 auto;
}
body.module-itiscustomerservice-SavList .single_column #main, 
body.module-itiscustomerservice-Sav .single_column #main, 
body.module-itiscustomerservice-SelfDiagnosis .single_column #main, 
body.module-itiscustomerservice-OrderSparePart .single_column #main {
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    transition: box-shadow .3s ease;
    background-color: var(--white);
    padding: 40px;
    margin-bottom: 2.375rem;
}
body.module-itiscustomerservice-SavList .single_column h1, 
body.module-itiscustomerservice-Sav .single_column h1, 
body.module-itiscustomerservice-SelfDiagnosis .single_column h1, 
body.module-itiscustomerservice-OrderSparePart .single_column h1 {
    width: 100%;
    font-size: 2rem;
    font-family: "Ubuntu", sans-serif;
    color: var(--primary-color);
    margin-bottom: 1rem !important;
    font-weight: 400;
    padding: 15px 15px 0 15px;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: left;
}
body.module-itiscustomerservice-SavList .customer_service_presentation, 
body.module-itiscustomerservice-Sav .customer_service_presentation, 
body.module-itiscustomerservice-SelfDiagnosis .customer_service_presentation, 
body.module-itiscustomerservice-OrderSparePart .customer_service_presentation {
    padding-left: 15px;
    padding-right: 15px;
}

body.module-itiscustomerservice-SavList .card, 
body.module-itiscustomerservice-SavList .card-footer, 
body.module-itiscustomerservice-SavList .card-header,
body.module-itiscustomerservice-Sav .card, 
body.module-itiscustomerservice-Sav .card-footer, 
body.module-itiscustomerservice-Sav .card-header,
body.module-itiscustomerservice-SelfDiagnosis .card, 
body.module-itiscustomerservice-SelfDiagnosis .card-footer, 
body.module-itiscustomerservice-SelfDiagnosis .card-header,
body.module-itiscustomerservice-OrderSparePart .card, 
body.module-itiscustomerservice-OrderSparePart .card-footer, 
body.module-itiscustomerservice-OrderSparePart .card-header {
    border: 0;
}
body.module-itiscustomerservice-SavList .card, 
body.module-itiscustomerservice-Sav .card, 
body.module-itiscustomerservice-SelfDiagnosis .card, 
body.module-itiscustomerservice-OrderSparePart .card {
    border-bottom: 1px solid var(--blue-light);
    padding: 20px 0;
    margin: 20px 0;
}
body.module-itiscustomerservice-SavList .card:first-child, 
body.module-itiscustomerservice-Sav .card:first-child, 
body.module-itiscustomerservice-SelfDiagnosis .card:first-child, 
body.module-itiscustomerservice-OrderSparePart .card:first-child {
    border-top: 1px solid var(--blue-light);
}
body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-header .opensymptom
{
    position: relative;
    top: auto;
    right: 0;
}
body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-header .opensymptom::after {
    content: '\e864';
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    transition: .2s;
}
body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-header .opensymptom[rel="open"]::after {
    rotate: 180deg;
    transition: .2s;
}
body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-header .opensymptom .material-icons {
    display: none;
}

body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-footer p {
    display: flex;
    justify-content: space-between;
}
body.module-itiscustomerservice-SavList .btn.btn-default,
body.module-itiscustomerservice-Sav .btn.btn-default,
body.module-itiscustomerservice-SelfDiagnosis .btn.btn-default 
{
    font-size: 1rem;
    padding: 0;
    border: 0;
    text-decoration: underline;
    text-transform: initial;
    vertical-align: inherit !important;
    display: flex;
    align-items: center;
}
body.module-itiscustomerservice-SavList .btn.btn-default:hover, 
body.module-itiscustomerservice-Sav .btn.btn-default:hover, 
body.module-itiscustomerservice-SelfDiagnosis .btn.btn-default:hover 
{
    background-color: transparent;
    color: var(--primary-color-50);
}

#btn-declarate {
    background-color: var(--primary-color);
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    transition: .5s;
    border-radius: 50px;
}
#btn-declarate:hover {
    background-color: var(--primary-color-50);
    transition: .5s;
}

body.module-itiscustomerservice-OrderSparePart .card {
    padding: 20px 0;
    margin: 20px 0;
}
body.module-itiscustomerservice-SavList .single_column h2, 
body.module-itiscustomerservice-Sav .single_column h2, 
body.module-itiscustomerservice-SelfDiagnosis .single_column h2, 
body.module-itiscustomerservice-OrderSparePart .single_column h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--primary-color);
    line-height: 1.75rem;
    background-color: transparent;
    margin-bottom: 10px;
}
body.module-itiscustomerservice-SavList .form-group-client .form-group-client-checkbox,
body.module-itiscustomerservice-Sav .form-group-client .form-group-client-checkbox,
body.module-itiscustomerservice-SelfDiagnosis .form-group-client .form-group-client-checkbox {
    display: flex; 
    flex-direction: row; 
    align-items: start;
    gap: 20px;
}
body.module-itiscustomerservice-SavList .form-group-client .form-group-client-checkbox label,
body.module-itiscustomerservice-Sav .form-group-client .form-group-client-checkbox label,
body.module-itiscustomerservice-SelfDiagnosis .form-group-client .form-group-client-checkbox label {
    display: flex;
    align-items: center;
}
body.module-itiscustomerservice-SavList textarea, body.module-itiscustomerservice-SavList textarea:focus,
body.module-itiscustomerservice-Sav textarea, body.module-itiscustomerservice-Sav textarea:focus,
body.module-itiscustomerservice-SelfDiagnosis textarea, body.module-itiscustomerservice-SelfDiagnosis textarea:focus {
    background-color: var(--grey);
    border-bottom: 1px solid var(--primary-color);
    border-radius: 10px 10px 0 0;
    border: 0;
    padding: 0.625rem 0.938rem;
    border-bottom: 1px solid;
    font-size: 1rem;
    color: #464a4c;
}
body.module-itiscustomerservice-SavList textarea::placeholder, 
body.module-itiscustomerservice-Sav textarea::placeholder, 
body.module-itiscustomerservice-SelfDiagnosis textarea::placeholder 
{
    color: #464a4c;
}
.demande_ticket_caisse {
    color: var(--primary-color) !important;
}
body.module-itiscustomerservice-SavList #form_picture_info, 
body.module-itiscustomerservice-SavList #form_ticketcaisse_info, 
body.module-itiscustomerservice-Sav #form_picture_info, 
body.module-itiscustomerservice-Sav #form_ticketcaisse_info, 
body.module-itiscustomerservice-SelfDiagnosis #form_picture_info, 
body.module-itiscustomerservice-SelfDiagnosis #form_ticketcaisse_info 
{
    background-color: var(--grey);
    height: 45px !important;
    border-radius: 10px 0 0 0;
    border: 0;
    padding: 0.75rem 0.938rem;
    border-bottom: 1px solid var(--primary-color);
    font-size: 1rem;
    color: #464a4c;
}
body.module-itiscustomerservice-SavList .inputfile + label, 
body.module-itiscustomerservice-Sav .inputfile + label, 
body.module-itiscustomerservice-SelfDiagnosis .inputfile + label
{
    background-color: var(--primary-color);
    border-radius: 0 10px 10px 0;
    padding: 9px 16px;
    transition: .5s;
    cursor: pointer;
}
body.module-itiscustomerservice-SavList .inputfile + label:hover, 
body.module-itiscustomerservice-SavList .inputfile + label:focus, 
body.module-itiscustomerservice-Sav .inputfile + label:hover, 
body.module-itiscustomerservice-Sav .inputfile + label:focus, 
body.module-itiscustomerservice-SelfDiagnosis .inputfile + label:hover, 
body.module-itiscustomerservice-SelfDiagnosis .inputfile + label:focus 
{
    background-color: var(--primary-color-50);
    transition: .5s;
}
body.module-itiscustomerservice-SavList .inputfile + label .material-icons, 
body.module-itiscustomerservice-Sav .inputfile + label .material-icons, 
body.module-itiscustomerservice-SelfDiagnosis .inputfile + label .material-icons 
{
    display: none;
}
body.module-itiscustomerservice-SavList #form_picture_label:before,
body.module-itiscustomerservice-Sav #form_picture_label:before,
body.module-itiscustomerservice-SelfDiagnosis #form_picture_label:before 
{
    content: '\e82e';
    font-family: "fontello";
    display: inline-block;
    width: 1em;
    font-size: 16px;
    margin-right: 10px;
}
body.module-itiscustomerservice-SelfDiagnosis #ticketcaisse_label:before {
    content: '\e82a';
    font-family: "fontello";
    display: inline-block;
    width: 1em;
    font-size: 16px;
    margin-right: 10px;
}

body.module-itiscustomerservice-SavList #submitCustomer_serviceModule,
body.module-itiscustomerservice-Sav #submitCustomer_serviceModule,
body.module-itiscustomerservice-SelfDiagnosis #submitCustomer_serviceModule {
    padding: 10px 35px;
}
/* FIN Dagnose and command */
/* Pop-up Dagnose */
body.module-itiscustomerservice-SelfDiagnosis .modal-header h1 {
    font-size: 1.75rem;
    margin: 0!important;
    padding: 0;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-header {
    border-color: var(--blue-light);
    padding: 20px 40px;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-header .close:hover {
    color: var(--primary-color-50);
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body {
    padding: 40px;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item {
    border: 0;
    border-radius: 10px;
    padding: 0 15px;
    background: var(--secondary-color);
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item header {
    padding: 1.25rem;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item header .address-alias {
    display: inline-block;
    font-weight: 700;
    margin-bottom: .625rem;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.625rem;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item header .address {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-size: 1rem;
    color: var(--text-color);
    font-weight: 400;
    line-height: 1.625rem;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item .address-footer {
    display: flex;
    justify-content: space-between;
    text-align: left;
    border-top: 1px solid var(--blue-light);
    padding: .625rem;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item .address-footer a .material-icons {
    display: none;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item .address-footer a:first-child::before {
    content: '\270d';
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    width: 1em;
    display: inline-block;
    margin-right: 6px;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .address-panel-item .address-footer a:last-child::before {
    content: '\e849';
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    width: 1em;
    display: inline-block;
    margin-right: 6px;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .addresses-footer a {
    text-decoration: underline;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .addresses-footer a .material-icons {
    display: none;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .addresses-footer a::before {
    content: '\e813';
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    width: 1em;
    display: inline-block;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .footer-new-adress {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--blue-light);
    padding-top: 40px;
    margin: 0;
}

body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers {
    border: 0;
    border-radius: 10px;
    background: var(--secondary-color);
    padding: 40px;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers .carrier-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--primary-color);
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers > .row {
    padding: 0 15px;
    border-bottom: 1px solid var(--white);
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers img {
    display: none;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers #dpdfrance_relais_points {
    padding: 30px;
    background: var(--white);
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers #dpdfrance_relais_points .delivery_option {
    border-bottom: 1px solid var(--secondary-color);
    padding-bottom: 15px;
    align-items: center;
    gap: 25px;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers #dpdfrance_relais_points .delivery_option .col-xs-6 {
    flex: 1 1 auto;
}
body.module-itiscustomerservice-SelfDiagnosis .modal-body .my_carriers #dpdfrance_relais_points .delivery_option a:hover {
    color: var(--primary-color-50)!important;
}

body.module-itiscustomerservice-SelfDiagnosis .modal-footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--blue-light);
    padding-top: 40px;
    margin: 0;
}
/* FIN Pop-up Dagnose */
body.module-itiscustomerservice-SelfDiagnosis .st-pusher, body.module-itiscustomerservice-OrderSparePart .st-pusher {
    z-index: inherit;
}
body.module-itiscustomerservice-SelfDiagnosis .modal.show .modal-dialog, body.module-itiscustomerservice-OrderSparePart .modal.show .modal-dialog {
    max-width: 900px;
    margin: 30px auto;
}
/* command */
body.module-itiscustomerservice-OrderSparePart #submitCustomer_serviceModule {
    padding: 10px 35px;
}
body.module-itiscustomerservice-OrderSparePart .table-bordered thead th, body.module-itiscustomerservice-OrderSparePart .table-bordered thead th {
    background-color: var(--blue-light);
    color: var(--text-color);
    border: 2px solid var(--white);
}
body.module-itiscustomerservice-OrderSparePart .bootstrap-touchspin .input-group-btn-vertical {
    width: 23px;
}
body.module-itiscustomerservice-OrderSparePart .qty_pds_touchspin .bootstrap-touchspin-up, body.module-itiscustomerservice-OrderSparePart .qty_pds_touchspin .bootstrap-touchspin-down {
    height: 21px !important;
    width: 23px !important;
}
body.module-itiscustomerservice-OrderSparePart .bootstrap-touchspin .input-group-btn-vertical i {
    top: -4px !important;
    font-size: 12px !important;
    left: 4px !important;
}
body.module-itiscustomerservice-OrderSparePart .qty_pds_touchspin .material-icons.add:before {
    content: '\e81b';
    font-family: "fontello";
    font-size: 12px;
    font-style: normal;
}
body.module-itiscustomerservice-OrderSparePart .qty_pds_touchspin .material-icons.remove:before {
    content: '\e81d';
    font-family: "fontello";
    font-size: 12px;
    font-style: normal;
}
body.module-itiscustomerservice-OrderSparePart table, body.module-itiscustomerservice-OrderSparePart .table-labeled tfoot td {
    border: 0;
}
body.module-itiscustomerservice-OrderSparePart .form-group-footer {
    padding: 30px 0;
    display: flex;
    align-items: center;
}
body.module-itiscustomerservice-OrderSparePart .form-group-footer .btn-default {
    font-size: 1rem;
    padding: 0;
    border: 0;
    text-decoration: underline;
    text-transform: initial;
    vertical-align: inherit !important;
    display: flex;
    align-items: center;
}
body.module-itiscustomerservice-OrderSparePart .form-group-footer .btn-default:hover {
    background-color: transparent;
    color: var(--primary-color-50);
}

body.module-itiscustomerservice-OrderSparePart #addToCartModal .modal-header {
    background: transparent;
    padding: 30px;
}
body.module-itiscustomerservice-OrderSparePart #addToCartModal .modal-header .modal-title {
    text-align: center;
    width: 100%;
    color: var(--primary-color);
}
body.module-itiscustomerservice-OrderSparePart #addToCartModal .modal-body {
    display: flex;
    justify-content: center;
    padding: 30px;
    gap: 20px;
}
/* FIN command */
/* Demand SAV */
body.module-customer_service-demand_sav h1, body.module-customer_service-demand_detail h1 {
    width: 100%;
    font-size: 2rem;
    font-family: "Ubuntu", sans-serif;
    color: var(--primary-color);
    margin-bottom: 1rem !important;
    font-weight: 400;
    padding: 30px 15px 15px;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: left;
}
body.module-customer_service-demand_sav #main .page-content.sav-module, body.module-customer_service-demand_detail #main .page-content.sav-module {
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    transition: box-shadow .3s ease;
    background-color: var(--white);
    padding: 40px!important;
}
body.module-customer_service-demand_sav #main .request-number {
    font-size: 1.25rem;
    margin-bottom: 10px;
}
body.module-customer_service-demand_sav #main .page-content.sav-module h2, body.module-customer_service-demand_detail #main .page-content.sav-module h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--primary-color);
    line-height: 1.75rem;
    padding-bottom: 10px;
    background-color: transparent;
}
body.module-customer_service-demand_sav .table-striped tbody tr:nth-of-type(odd),
body.module-customer_service-demand_detail .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--white);
}
body.module-customer_service-demand_sav .table-bordered thead th, 
body.module-customer_service-demand_detail .table-bordered thead th {
    background-color: var(--blue-light);
    color: var(--text-color);
    border: 2px solid var(--white);
}

.label-ok {
    background-color: #32CD32;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
}
.label-in-progress {
    background-color: var(--orange);
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
}
.label-on-hold {
    background-color: var(--blue);
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
}
body.module-customer_service-demand_sav .table-labeled td a {
    text-decoration: underline;
    font-weight: 700;
}
body.module-customer_service-demand_sav .table-labeled td .fto-picture-2::before, body.module-customer_service-demand_sav .table-labeled td .fto-doc-text-inv::before {
    font-size: 20px;
}

body.module-customer_service-demand_detail #order-infos {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--blue-light);
}
body.module-customer_service-demand_detail #order-history {
    margin-bottom: 40px;
}

body.module-customer_service-demand_sav .my_account_page_footer, body.module-customer_service-demand_detail .my_account_page_footer {
    padding-bottom: 2.375rem;
}
/* FIN Demand SAV */

.form-symptome {
    position: relative;
}
.form-symptome .symptome_label {
    margin-left: 10px;
}
/* ---------------------------------------- FIN SAV --------------------------------------------- */
/* ----------------------------------------------------------------------------------------------

/* ----------------------------------------------------------------------------------------------
*** MOBILE ***
------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px){
    /* SAV */
    body.module-itiscustomerservice-list h1, body.module-customer_service-demand_detail h1 {
        font-size: 1.5rem;
        padding: 20px 0 15px 0;
        margin: 0 !important;
    }
    body.module-customer_service-demand_sav h1 {
        font-size: 1.5rem;
        padding: 20px 15px 15px 15px;
        margin: 0 !important;
    }
    body.module-itiscustomerservice-list .links .list-group-item {
        max-width: 100%;
    }

    body.module-itiscustomerservice-SavList .single_column, 
    body.module-itiscustomerservice-Sav .single_column,
    body.module-itiscustomerservice-SelfDiagnosis .single_column, 
    body.module-itiscustomerservice-OrderSparePart .single_column {
        flex: 0 0 100%;
        max-width: 100%;
    }
    body.module-itiscustomerservice-list h1, 
    body.module-itiscustomerservice-SavList .single_column h1, 
    body.module-itiscustomerservice-Sav .single_column h1,
    body.module-itiscustomerservice-SelfDiagnosis .single_column h1, 
    body.module-itiscustomerservice-OrderSparePart .single_column h1
    {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 20px 15px 15px 15px;
        margin: 0 !important;
    }
    body.module-itiscustomerservice-SavList .single_column h2, 
    body.module-itiscustomerservice-Sav .single_column h2, 
    body.module-itiscustomerservice-SelfDiagnosis .single_column h2, 
    body.module-itiscustomerservice-OrderSparePart .single_column h2 
    {
        font-size: 1.125rem;
    }
    body.module-itiscustomerservice-SavList .single_column #main, 
    body.module-itiscustomerservice-Sav .single_column #main, 
    body.module-itiscustomerservice-SelfDiagnosis .single_column #main, 
    body.module-itiscustomerservice-OrderSparePart .single_column #main 
    {
        padding: 20px;
    }
    body.module-itiscustomerservice-SavList .symptom-card .card-footer p,
    body.module-itiscustomerservice-Sav .symptom-card .card-footer p,
    body.module-itiscustomerservice-SelfDiagnosis .symptom-card .card-footer p {
        flex-direction: column-reverse;
        align-items: center;
    }
    body.module-itiscustomerservice-SavList #declarate-block,
    body.module-itiscustomerservice-Sav #declarate-block,
    body.module-itiscustomerservice-SelfDiagnosis #declarate-block {
        position: relative;
        text-align: left;
        padding: 0 15px;
        left: 0;
    }
    body.module-itiscustomerservice-SavList #form_picture_info, 
    body.module-itiscustomerservice-Sav #form_picture_info, 
    body.module-itiscustomerservice-SelfDiagnosis #form_ticketcaisse_info 
    {
        font-size: 0.875rem;
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    body.module-itiscustomerservice-SavList .inputfile + label, 
    body.module-itiscustomerservice-Sav .inputfile + label, 
    body.module-itiscustomerservice-SelfDiagnosis .inputfile + label 
    {
        width: 100%;
        border-radius: 0;
    }
    body.module-itiscustomerservice-SavList .modal-header, 
    body.module-itiscustomerservice-Sav .modal-header, 
    body.module-itiscustomerservice-SelfDiagnosis .modal-header 
    {
        padding: 10px 10px 10px 5px;
    }
    body.module-itiscustomerservice-SavList .modal-footer,
    body.module-itiscustomerservice-Sav .modal-footer,
    body.module-itiscustomerservice-SelfDiagnosis .modal-footer {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        flex-direction: column-reverse;
    }
    body.module-itiscustomerservice-SavList .modal-footer .btn,
    body.module-itiscustomerservice-Sav .modal-footer .btn,
    body.module-itiscustomerservice-SelfDiagnosis .modal-footer .btn {
        width: 100%;
        justify-content: center;
    }
    
    body.module-itiscustomerservice-OrderSparePart .form-group-footer {
        flex-direction: column-reverse;
        gap: 20px;
    }
    body.module-itiscustomerservice-OrderSparePart .form-group-footer .btn-default {
        justify-content: center;
    }
    body.module-itiscustomerservice-OrderSparePart .form-group-footer .text-right {
        text-align: center!important;
    }
    body.module-itiscustomerservice-OrderSparePart #addToCartModal .modal-header {
        padding: 20px;
    }
    body.module-itiscustomerservice-OrderSparePart #addToCartModal .modal-body {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    body.module-customer_service-demand_sav #main .page-content.sav-module, body.module-customer_service-demand_detail #main .page-content.sav-module {
        padding: 30px!important;
    }

    #module-customer_service-demand_sav .orders {
        padding: 16px;
    }
    body.module-customer_service-demand_sav .orders .order a {
        text-decoration: underline;
        font-weight: 700;
    }
    body.module-customer_service-demand_sav .orders .order a:has(h3) {
        text-decoration: none;
    }
    body.module-customer_service-demand_sav .orders .order h3 {
        color: var(--primary-color)!important;
    }
}



/**
new css for the new module
*/
/* Dagnose*/
body.module-itiscustomerservice-SavList .sav_card .col-md-4,
body.module-itiscustomerservice-Sav .sav_card .col-md-4,
body.module-itiscustomerservice-SelfDiagnosis .sav_card .col-md-4 {
    width: auto;
    flex: 0 0 auto;
    padding: 10px;
}

body.module-itiscustomerservice-SavList .sav_card .img-thumbnail,
body.module-itiscustomerservice-Sav .sav_card .img-thumbnail,
body.module-itiscustomerservice-SelfDiagnosis .sav_card .img-thumbnail {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.card-animation {
    transition: all 0.3s ease !important;
}
body.module-itiscustomerservice-SavList .card:first-child,
body.module-itiscustomerservice-Sav .card:first-child,
body.module-itiscustomerservice-SelfDiagnosis .card:first-child {
    border-top: none !important;
}
body.module-itiscustomerservice-SavList .card,
body.module-itiscustomerservice-Sav .card,
body.module-itiscustomerservice-SelfDiagnosis .card
{
    border-bottom: none !important;
}
body.module-itiscustomerservice-SavList .card .shadow-sm,
body.module-itiscustomerservice-Sav .card .shadow-sm,
body.module-itiscustomerservice-SelfDiagnosis .card .shadow-sm
{
    box-shadow: 0 0px 5px rgba(0,0,0,0.1) !important;
    border-radius: 10px;
}
.card-animation:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

/* FIN Dagnose*/
/* Order Spare part */
body.module-itiscustomerservice-SavList .custom-border,
body.module-itiscustomerservice-Sav .custom-border,
body.module-itiscustomerservice-OrderSparePart .custom-border {
    border: 1px solid var(--primary-color-20)  !important;
    border-radius: 50px !important;
}
body.module-itiscustomerservice-SavList  .custom-border-radius-left,
body.module-itiscustomerservice-Sav  .custom-border-radius-left,
body.module-itiscustomerservice-OrderSparePart .custom-border-radius-left {
    border-radius: 50px 5px 5px 50px !important;
}
body.module-itiscustomerservice-SavList  .module-img-thumbnail,
body.module-itiscustomerservice-Sav  .module-img-thumbnail,
body.module-itiscustomerservice-OrderSparePart .module-img-thumbnail {
    width: 50px;
    height: 50px;
}
body.module-itiscustomerservice-OrderSparePart .btn.btn-primary
{
    font-size: 0.9rem !important;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    transition: .5s;
    border-radius: 50px;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
    padding: 10px 35px;
    line-height: 28px;
    text-transform: uppercase;
}
body.module-itiscustomerservice-OrderSparePart .add-to-cart-icon::before {
    content: "";
    background-image: url("/img/icon-shopping-cart.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 30px;
    display: block;
}