/*  Bloc retour  -------------------------------------------------------------------- */

.bloc-retour-sav {margin-bottom:100px;}
.bloc-retour-sav #retour_sav_boutons {margin-bottom:10px;}
.bloc-retour-sav #retour_sav_boutons .btn-sav {margin:10px;}
.bloc-retour-sav #retour_sav_boutons .btn-sav i {font-size:18px !important;vertical-align: middle;}
.bloc-retour-sav #retour_sav_boutons .btn-sav span {font-size:18px;vertical-align: middle;padding-left: 5px;}

.bloc-retour-sav #retour_form_bloc {border: 3px solid #599dcd;padding: 5%;}
.bloc-retour-sav #retour_form_bloc h3 {font-size: 24px;    color: #599dcd;}
.bloc-retour-sav #retour_form_bloc .btn-form .btn-xs {float:right;}

.bloc-retour-sav #retour_liste_bloc .bloc-retour {border: 3px solid #ccc;padding: 2%;margin-bottom: 2%;}
.bloc-retour-sav #retour_liste_bloc h3 {font-size: 24px;    color: #599dcd;margin-bottom: 40px;}
.bloc-retour .retour-etapes {width:100%;margin-top: 50px;}
.bloc-retour .retour-etapes td {text-align:center; width:33%; vertical-align:top;}
.bloc-retour .retour-etapes td .state .state_num {height: 80px;    width: 80px;    text-align: center;    border: 2px solid;    border-radius: 50%;    font-size: 50px;    padding-top: 27px;margin: auto;color: #ccc;}
.bloc-retour .retour-etapes td .state .state_name {color: #ccc;    padding: 10px 0px; font-weight:bold; }
.bloc-retour .retour-etapes td .state .state_instruction {color: #333;     display: none;}
.bloc-retour-sav > div > h3 {font-size: 18px;    margin: 40px 0px 20px 0px;    font-weight: bold; text-decoration:underline;}

.bloc-retour-sav #reclamation_liste_bloc .bloc-reclamation { display:block; color: inherit; border: 3px solid #ccc;padding: 2%;margin-bottom: 2%; cursor:pointer; transition:all 0.4s}
.bloc-retour-sav #reclamation_liste_bloc .bloc-reclamation:hover {border: 3px solid #599dcd;}
.bloc-retour-sav #reclamation_liste_bloc h3 {font-size: 24px;    color: #599dcd;margin-bottom: 40px;}
.bloc-retour-sav #reclamation_liste_bloc .infos { padding-left:2%;}
.bloc-retour-sav #reclamation_liste_bloc .infos li { padding:10px;}


/*  Bloc cdesav  -------------------------------------------------------------------- */

.bloc-cdesav-sav #cdesav_liste_bloc .bloc-cdesav {border: 3px solid #ccc;padding: 2%;margin-bottom: 2%;}
.bloc-cdesav-sav #cdesav_liste_bloc h3 {font-size: 24px;    color: #599dcd;margin-bottom: 40px;}

/*  Bloc devis  -------------------------------------------------------------------- */

.bloc-devis-sav #devis_liste_bloc .bloc-devis {border: 3px solid #ccc;padding: 2%;margin-bottom: 2%;}
.bloc-devis-sav #devis_liste_bloc h3 {font-size: 24px;    color: #599dcd;margin-bottom: 40px;}


/*  Formulaire de réclamation  -------------------------------------------------------------------- */

#reclamation_form .form-control-label {font-size: 16px;}
#reclamation_form >section {padding:2%;}
#reclamation_form .group-span-filestyle label {padding: 13px;} 
#reclamation_form .group-span-filestyle .buttonText {font-size:20px;}
#reclamation_form #erreurs_validation {padding:2%;}
#reclamation_form #erreurs_validation p {color: inherit;    font-size: 16px;    line-height: 30px;    font-weight: bold;    text-decoration: underline;    margin-bottom: 10px;}
#reclamation_form #erreurs_validation ul {list-style: inherit;    padding-left: 50px;    font-size: 16px;}
#reclamation_form .erreur .form-control-label {color: #ff0000;}
#reclamation_form .erreur .form-control {border-color:#ff0000;}
#reclamation_form .text_photos ul {margin: auto;display: inline-block;text-align: left;list-style: disc;font-weight: bold;}
#reclamation_form #reclamation_wait {padding: 5%;    background: #f7f7f7;}
#reclamation_form #reclamation_wait span {padding-left: 15px; font-size: 20px;    vertical-align: middle;}
 

/*  Formulaire de retour  -------------------------------------------------------------------- */

#retour_form .form-control-label {font-size: 16px;    color: #599dcd;}
#retour_form >section {padding:2%;}
#retour_form #erreurs_validation {padding:2%;}
#retour_form #erreurs_validation p {color: inherit;    font-size: 16px;    line-height: 30px;    font-weight: bold;    text-decoration: underline;    margin-bottom: 10px;}
#retour_form #erreurs_validation ul {list-style: inherit;    padding-left: 50px;    font-size: 16px;}
#retour_form .erreur .form-control-label {color: #ff0000;}
#retour_form .erreur .form-control {border-color:#ff0000;}

#reclamation_infos {margin: 1%;}


/*  Reclamation chat  -------------------------------------------------------------------- */


/* Chat */
#reclamation_chat {   margin: auto;       padding: 2%; max-width: 1200px;}
#reclamation_chat li .chat { margin: 1%;   border: 2px solid #eee; border-radius: 5px;    font-size: 14px;  background: #fff; }
#reclamation_chat li .chat.client {border: 2px solid #75c881;}
#reclamation_chat li .chat.user {border: 2px solid #599dcd;}

/* Titre */
#reclamation_chat li .chat .chat-titre {padding: 1%; cursor:pointer; border-radius: 5px; transition:all 0.4s;}
#reclamation_chat li .chat .chat-titre:hover {padding: 1%; background:#f7f7f7;}
#reclamation_chat li .chat.client .chat-titre .date-user {color: #75c881;}
#reclamation_chat li .chat.client .chat-titre .date-user i {font-size: 24px; padding: 5px;}
#reclamation_chat li .chat.client .chat-titre .date-user span {font-size: 14px;font-weight: bold;color: inherit;padding-left: 5px;}
#reclamation_chat li .chat.client .chat-titre .date-user div {color: #75c881;}
#reclamation_chat li .chat.user .chat-titre .date-user {color: #599dcd;}
#reclamation_chat li .chat.user .chat-titre .date-user div {color: #599dcd;}
#reclamation_chat li .chat.user .chat-titre .date-user img {width: 50px;    padding: 5px;}
#reclamation_chat li .chat.user .chat-titre .date-user .nom {font-weight:bold; line-height:20px;}
#reclamation_chat li .chat.user .chat-titre .date-user .signature {font-style:italic;line-height:14px; font-size:13px;}

/* Detail */
#reclamation_chat li .chat .chat-detail {display:none;padding: 2%;   border-top: 1px solid #eee;}
#reclamation_chat li .chat .chat-detail .lien {margin-top: 10px;    border-top: 2px solid #ccc;    padding-top: 10px;}
#reclamation_chat li .chat .chat-detail .body a {text-decoration:underline;}
#reclamation_chat li .chat .chat-detail .photos {margin-top: 10px;    padding-top: 10px;}
#reclamation_chat li .chat .chat-detail .photos img {width: 100px;    display: inline-block;    vertical-align: middle;padding: 5px;    border: 1px solid #ccc;  border-radius: 5px;  cursor: pointer; transition:all 0.4s}
#reclamation_chat li .chat .chat-detail .photos img:hover {border: 1px solid #599dcd; }
#reclamation_chat li .chat .chat-detail .attachments {padding: 2% 0;}

/* Form */
#reclamation_chat_form {margin: 1%;padding: 2%;border: 2px solid #eee; border-radius: 5px;}
#reclamation_chat_form section .form-control {border: 2px solid #f7f7f7; background: #f7f7f7; }
#reclamation_chat_form section .form-control:focus {border: 2px solid #599dcd;  }
#reclamation_chat_form section .form-control-label i {font-size: 20px;    color: #999;}
#reclamation_chat_form .group-span-filestyle label {padding: 13px;} 
#reclamation_chat_form .group-span-filestyle .buttonText {font-size:20px;}
#reclamation_chat_form #reclamation_wait {padding: 5%;    background: #f7f7f7;}
#reclamation_chat_form #reclamation_wait span {padding-left: 15px; font-size: 20px;    vertical-align: middle;}