﻿
/* sous menu client */

.btn-sous-menu-compte-client{display:none!important;}
.btn-sous-menu-compte-client a{color:black!important;font-weight:bold;font-size:13px;}
.btn-sous-menu-compte-client-active{display:none!important;}
.btn-sous-menu-compte-client-active a{color:white!important;font-weight:bold;font-size:13px;}


.content-page-customer{font-family: 'Raleway' !important padding-bottom:100px; width:100%; margin:0 auto}
.account .page.messages{margin-bottom:0px!important;}

.content-customer-border{background: white !important; border: none !important; padding: 3% 0%; border-radius: 10px; box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4); -webkit-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4); -moz-box-shadow: 0px 0px 5px 2px rgba(212,216,230,0.4);}

.content-page-customer h1{text-transform:uppercase; font-size:1.8rem; font-weight:bold;background:#d9355c; width:100%; padding:15px 15px;margin-top:0!important;margin-bottom:1%!important; color:white;}






.content-customer-border h2{text-transform:uppercase; font-size:1.8rem; margin-bottom:10px!important; margin-top:0px!important; color:#333;font-weight:bold; cursor:pointer;}
.content-customer-border legend{text-transform:uppercase; font-size:1.8rem; margin-bottom:10px!important; margin-top:0px!important; color:#333;font-weight:bold; border-bottom:none;}
.content-customer-border .btn-bg-black-customer{width: 100%; text-align: center; display: block; background: #d4d8e6; border-radius: 5px;
color: #333!important; padding: 15px 0px; text-transform: uppercase; padding-left:10px; padding-right:10px;margin-bottom:10px;}


/* ------- PAGE COMPTE APERCU ----*/

.content-customer-border .form-horizontal{width:90%; margin:0 auto;}



.content-customer-border .form-group button.action.primary{border-radius: 5px;   text-transform: uppercase;  font-weight: bold;font-family: 'Raleway'!important; margin-left:15px!important}
.content-customer-border .form-group a.action.primary{border-radius: 5px;   text-transform: uppercase;  font-weight: bold;font-family: 'Raleway'!important;margin-left:15px!important;height:44px!important; padding-top:10px!important}
.content-customer-border .form-horizontal .checkbox-inline{margin-left:15px!important;}



.active-accordeon-adresse, .accordeon-adresse{width:100%;background:#f6f7fa;padding:10px 25px 10px 10px;margin-bottom:15px; border-radius:10px;float: right;}
.active-accordeon-adresse, .accordeon-adresse:hover {background-color: #f6f7fa;}
.accordeon-adresse:after {content: '\002B'; color: #d9355c; font-weight: bold; float: right; margin-left: 5px;cursor:pointer; }
.active-accordeon-adresse:after {content: "\2212";cursor:pointer;float: right;}
.accordeon-adresse:not(.collapsed)::after {content: "voir \2212";cursor: pointer;text-transform:lowercase;}
.panel-adresse {padding: 10px 25px;background-color: #f6f7fa!important;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:15px!important;border-radius:10px;}

.content-customer-border h2.accordeon-adresse {text-transform:uppercase;font-size:1.5rem;margin-bottom:10px!important;margin-top:0px!important;color:#333;font-weight:bold;cursor:pointer;}

.content-customer-border #current-password.form-control.input-md{width:50%!important;}
.content-customer-border #password.input-text{width:50%!important;margin-bottom:20px!important}
.content-customer-border #password-confirmation.input-text{width:50%!important;}



.content-customer-border span.input-group-addon.show-password{height: 44px;padding: 0px 0px;width: 60px;z-index: 80;border: none;background: white;margin-bottom:-40px;}
.content-customer-border div.input-group-addon.show-password {height: 44px;padding: 0px 0px;width: 60px;z-index: 80;border: none;background: white;}

.content-customer-border #password-strength-meter-container{margin-top:-40px!important;}



/* ------- PAGE ORDER APERCU ----*/



.content-customer-border .search-order {width:100%; padding: 10px 15px 10px 15px;margin-bottom: 15px;border-radius: 10px;margin-top: 15px;}

.content-customer-border .all-order{width:100%;padding: 10px 15px 10px 15px;margin-bottom: 15px;border-radius: 10px;margin-top: 15px;}

.content-customer-border .search-order .form-horizontal{width:100%!important;}
.content-customer-border .search-order #search-text {float: left;   width: 80%;  height: 44px;  margin-right: 1%;}
.content-customer-border .search-order #search-button {float: left;   border-radius: 5px; height: 44px!important; background: #d4d8e6;
  border: none;   color: #333;  font-weight: bold;  text-transform: uppercase;}
.search-order .control-label{text-align:left!important;}
.content-customer-border .search-order .form-horizontal .form-group.col-md-3 {width: 47%;
float: left;
margin-right: 5px;
margin-bottom:-15px!important}
.content-customer-border .search-order .form-horizontal .form-group.col-md-3 .col-md-12.control-label{padding-left:15px!important;}
.content-customer-border .search-order .form-horizontal .form-group.col-md-3 .col-md-12{padding-left:15px!important;}

.search-order button{font-family: inherit !important;border-radius: 5px !important;}
.search-order #filter-button, .search-order #clear-button {float: left;   width: 95%;  height: 44px;   margin-top: 27px; background: #d4d8e6;   border: none; color: #333;  font-weight: bold;  text-transform: uppercase; }
.search-order input[type="date"].form-control{height:44px!important;}


.active-accordeon-order, .accordeon-order{width:100%;background:#f6f7fa;padding:10px 25px 10px 10px;margin-bottom:15px; border-radius:10px;float: right;}
.active-accordeon-order, .accordeon-order:hover {background-color: #f6f7fa; }
.accordeon-order:after {content: 'voir \002B'; color: #d9355c; font-weight: bold; float: right; margin-left: 5px;cursor:pointer; margin-top:-20px;}
.active-accordeon-order:after {content: "voir \2212";cursor:pointer; float: right;}
.panel-order {padding: 10px 25px;background-color: #f6f7fa!important;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:15px!important;border-radius:10px;}

.panel-order .col-lg-6, .panel-order .col-md-6 {margin-bottom:10px!important}

.all-order h3 {text-transform:uppercase;font-size:1.5rem;margin-bottom:10px!important;margin-top:0px!important;color:#d9355c;font-weight:bold;cursor:pointer;}

.all-order h4 {text-transform:uppercase;font-size:1.4rem;margin-bottom:10px!important;margin-top:10px!important;font-weight:bold;}
.payer-la-commande {background: white; padding: 10px 10px; margin-bottom:10px!important; border-radius:10px;}
.payer-la-commande p{padding-right:15px;}

.payer-la-commande .btn-bg-black-customer{width: 100%;text-align: center;display: block;background: #d9355c;border-radius: 5px;color: white !important;padding: 15px 0px;text-transform: uppercase;}

.produit-commande-history{padding:0px 0px!important;}
.produit-commande-history h5{color:black!important;}

.content-customer-border .pages{width: 70%;
  position: relative;
margin: 0 auto;overflow-x: hidden;padding-left: 30px;
  padding-right: 30px;}

.content-customer-border .pages .item.pages-item-previous{position:absolute; left:0;}
.content-customer-border .pages .item.pages-item-next{position:absolute; left:0;}



/* ------- PAGE DEVIS APERCU ----*/


.content-customer-border .all-devis{width:100%;margin:0 auto;padding: 10px 15px 10px 15px;margin-bottom: 15px;border-radius: 10px;margin-top: 15px;}

.active-accordeon-devis, .accordeon-devis{width:100%;background:#f6f7fa;padding:10px 25px 10px 10px;margin-bottom:15px; border-radius:10px;float: right;}
.active-accordeon-devis, .accordeon-devis:hover {background-color: #f6f7fa;}
.accordeon-devis:after {content: 'voir \002B'; color: #d9355c; font-weight: bold;float: right; margin-left: 5px;cursor:pointer; margin-top:-30px;}
.active-accordeon-devis:after {content: "voir \2212";cursor:pointer;}
.panel-devis {padding: 0px 25px 0px 25px;background-color: #f6f7fa!important;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out; color:black; margin-bottom:10px!important;border-radius:10px;}


.all-devis h3 {text-transform:uppercase;font-size:1.5rem;margin-bottom:10px!important;margin-top:0px!important;color:#d9355c;font-weight:bold;cursor:pointer;}

.all-devis h4 {text-transform:uppercase;font-size:1.4rem;margin-bottom:10px!important;margin-top:10px!important;font-weight:bold;}

.content-customer-border .all-devis .btn-bg-black-customer{width: 100%;text-align: center;display: block;background: #d4d8e6;border-radius: 5px;color: #333!important;padding: 15px 0px;text-transform: uppercase;padding-left:10px;padding-right:10px; margin-bottom:10px!important;}


/* ------- PAGE creation enregistrées ----*/

.bloc-commande-enregistree{background:#f6f7fa;padding-top:15px;padding-bottom:15px; border-radius:10px;}
.back-home-commande-enregistree{position:relative}
.bloc-commande-enregistree .btn-bg-black-panier, .bloc-commande-enregistree .btn-bg-white-panier {width: 100%;text-align: center;
display: block;background: #d4d8e6;border-radius: 5px;color: #333!important;padding: 15px 0px;text-transform: uppercase;padding-left:10px;padding-right:10px; margin-bottom:10px!important;}

.back-home-commande-enregistree .btn-bg-pink{width:300px;text-align: center;display: none;background: #d9355c;color: white !important;padding: 15px 0px;border-radius: 5px;text-transform:uppercase;font-weight:bold;font-family: 'Raleway'!important;}

.bloc-commande-enregistree h2{padding-left:0px!important; padding-top:10px!important}




/* ------- PAGE commandes enregistrées ----*/


.bloc-creation-enregistree{width:90%!important; margin:0 auto; background:#f6f7fa;padding-top:15px;padding-bottom:15px;border-radius:10px}
.back-home-creation-enregistree{position:relative}
.back-home-creation-enregistree .btn-bg-pink{display:none;}
.thumb-project{width: 100%;height: 250px;position: relative;}
.bloc-creation-enregistree a.pink {width: 100%;text-align: center;display: block;background: #d4d8e6;border-radius: 5px;color: #333!important;padding: 15px 0px;text-transform: uppercase;padding-left:10px;padding-right:10px; margin-bottom:10px!important;}

.bloc-creation-enregistree .col-lg-6 p{display:none!important}

/* ------- PAGE PANIER ----*/


