@charset "UTF-8";


/**
 * Générique
 */

.panel-primary-fenetre{
border-color:#303030;
}

.panel-primary-fenetre .label{
padding:0.65em 0 0 0;
color:#333;
font-size:100%;
display:inline-block;
}


.panel-primary-fenetre > .panel-heading{
background-color:#404040;
background-image:linear-gradient(#202020, #404040);
color: #000;
margin:0;
padding:0;
display: table;
width: 100%;
border-color:#404040;
}

.panel-primary-fenetre > .panel-heading > .panel-title{
display: inline-block;
padding: 9px 0 6px 15px;
display: table-cell;
letter-spacing: 2px;
}

.panel-primary-fenetre > .panel-heading > .panel-title-btn{
border-left: 2px solid white;
color: #000;
cursor: pointer;
display: table-cell;
padding: 8px 0 9px;
text-align: center;
width: 46px;
}

.panel-primary-fenetre > .panel-heading > .panel-title-btn:hover{
background-color:#f18a34;
background-image:none;
}


.panel-primary-fenetre{
margin-bottom: 0 !important;
}

.panel-primary-fenetre > .panel-heading{
background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%);
background-repeat: repeat-x;
}


.panel-primary-fenetre > .panel-heading > .panel-title-btn-desactive{
cursor:default!important;
background-color:#808080!important;
background-image:none!important;
}

.panel-primary-fenetre > .panel-heading > .panel-title-btn-desactive:hover{
background-color:#808080!important;
background-image:none!important;
}


.modal-body{
padding:0 !important;
}

.modal-content{
border:none;
}

.modal-dialog {
width: 80% !important;
}

/**
*Modif Cedric Le Dorze Le 16/06/2017
*Diminution de la police de caractère pour la page detail d'une affaire dans le panel Produits Finis
*/
#tableProduitFini tr{
font-size: 80%;
}
#tableauProduitFiniTotal{
width: 100px;
}
#tableauProduitFiniTermine{
width: 100px;
}

/*
 * xs
 */
.fenetre_10{width: inherit;}
.fenetre_20{width: inherit;}
.fenetre_30{width: inherit;}
.fenetre_40{width: inherit;}
.fenetre_50{width: inherit;}
.fenetre_60{width: inherit;}
.fenetre_70{width: inherit;}
.fenetre_80{width: inherit;}
.fenetre_90{width: inherit;}
.fenetre_100{width: inherit;}

/*
 * sm
 */
@media (min-width: 768px) {
.fenetre_10{width: 10%;}
.fenetre_20{width: 20%;}
.fenetre_30{width: 30%;}
.fenetre_40{width: 40%;}
.fenetre_50{width: 50%;}
.fenetre_60{width: 60%;}
.fenetre_70{width: 70%;}
.fenetre_80{width: 80%;}
.fenetre_90{width: 90%;}
.fenetre_100{width: 100%;}
}

/*
 * md
 */
@media (min-width: 992px) {
}

/*
 * lg
 */
@media (min-width: 1200px) {
}