/*
 PPV5 - client - Ange Colonna le 18 mai 2016 .
Fichier propriétaire :  Kalistecom @Group PUBLIKA
Contact : lionel@publika.fr / ange@publika.fr
*/

/** BON DE COMMANDE **/
.smaller{font-size:13px; margin:0px;padding:0px;}
.bold{font-weight: bold;}
.uppercase{ text-transform: uppercase;}
.container_commande h1{ font-family: Marvel;padding-top: 15px; 
                       border-bottom:#f0f0f0 1px solid; 
                       margin-bottom:15px;}
.row_premier{margin-top: 40px;margin-bottom: 15px; border-bottom: #f1f1f1 1px solid;padding-bottom: 15px}
.row_premier > .text-right{ font-weight: bold;text-transform: uppercase;}
.btn_validation{transition-duration:1s; margin-top:10px;text-align:center; border-radius: 5px; color:#fff; border:none; display: block; width: inherit; padding:5px 5px; background-color:green;}
.btn_validation:hover{color:#000;background-color:#7FDD4C;}
.btn_refus{transition-duration:1s; margin-top:10px;text-align:center; 
          border-radius: 5px; color:#fff; border:none; display: block; width: inherit; 
          padding:5px 5px; background-color:red;}
.btn_refus:hover{color:#fff;background-color:#993300;}
.input-sm{width:52px;}
.btn-xs{padding: .175rem .35rem;font-size: 0.7rem;}
/** CUSTOMER ADRESSES **/
.container_adresse p{width:100%;}
.container_adresse label{width:150px;}
/** ======= **/
/** CUSTOMER AREA **/
.container_customer{background-color: #fff;}
h1.h1espace_clt{font-family: Marvel;}
.container_customer > .row_2{ width:100%;padding: 10px 0 20px 0;border: 1px solid #DDD;}
.fulllargeur{width:100%;}
.row_inside p{margin:0px;font-size: 1em;}
.row_inside2 .btn01{display: block;text-align: center; width:100%;background-color: #0795ca;color: #fff;border: none;padding:5px 5px;}
.row_listings{margin-top: 30px;padding-bottom: 30px;}
.row_listings h2{font-family: Marvel;}
ul.tabuleur li{cursor: pointer;list-style-type: none;display: block;text-shadow: 0px 1px 1px #F2F1F0;font-size: 13px;position: relative;border-right-width: 0;border-bottom: 1px solid #DDD;padding: 15px 15px !important;background: whiteSmoke;}
ul.tabuleur li:hover{background: #f1f1f1 !important;}
/** FAVORIS **/
.row_item_favori img{ width:inherit;}
.row_item_favori{ margin-bottom :10px;}
.row_item_favori:hover{background-color: #f1f1f1;}
.refref{ color:#c0c0c0;}
/** FICHE CUSTOMER**/
.container_customer_fiche{width:1024px;}
.container_customer_fiche label{width:125px; min-height: 18px; font-size: 1.2rem}
.container_customers_liste a.btn{margin-right: 10px; margin-bottom: 10px}
.profilinfo label{text-align: right;padding-right: 10px;}
h2{color:var(--bleuclair-pfc);}
.js_tabselected{color: black;border-right: none;z-index: 10;background: #ffffff !important;position: relative;}
.row_groups .floatleft {/*float: left;*/padding: 15px;width: 20%;text-align: center; display: inline-block; vertical-align: top;}
.profilmdp label{
display: bloc;
float: left;
text-align: right;
padding-right: 10px;
width:auto;
}



#inscriptionCustomer input, #inscriptionCustomer select{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
background-color:#fff;
background-clip: padding-box;
border: 1px solid #ced4da;
    border-radius: .25rem;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

::placeholder{ opacity: 1}


button.boutonsubmit{
    transition: all 0.5s;
    display: block;
    width: 100%;
    padding: 12px;
    margin-bottom: 25px;
    background-color: rgba(7, 149, 202,0.3);
    color: rgb(7, 149, 202);
}

.kmodale{left:0; right: 0; margin: auto;width: max-content !important; max-width: max-content !important;}

.col-lg-6 select#pays{width: 100%}


#inscriptionCustomer select option{
	color: #495057;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}


.container_customer .col-lg-2 img{max-width: 100px; margin: auto}


/**container_inc_users_commande_liste**/
.container_inc_users_commande_liste input{width:100%}
.container_inc_users_commande_liste button.btn002{
    transition-duration: 1s;border: none;background: #ffd000;color: #000;width: 100%;text-align: center;padding: 20px;text-transform: uppercase;margin-top: 15px;
}

/** CONNEXION CUSTOMER **/
.container-connexion{
    text-align: center;
    margin-top: 100px;
    background-color:rgba(255,255,255,0.8);
    border-radius: 5px;
}
.input-group-addon {
                padding: 6px 12px;
                font-size: 14px;
                font-weight: 400;
                line-height: 1;
                color: #555;
                text-align: center;
                background-color: #eee;
                border: 1px solid #ccc;
                    border-right-color: rgb(204, 204, 204);
                    border-right-style: solid;
                    border-right-width: 1px;
                border-radius: 4px;
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
            }
            .input-group-addon, .input-group-btn {
                white-space: nowrap;
                vertical-align: middle;
            }
            .input-group-addon .fa{vertical-align: -moz-middle-with-baseline;}
            .input-group .form-control, .input-group-addon, .input-group-btn {
                display: table-cell;
            }

.row_footer p a, .row_footer p,  #footer2 p a,  #footer2 p{ color: #FFFFFF !important; text-shadow: 1px 1px 1px #000}