/*h6{

  font-size: 16px;

  line-height: 18px;

  margin: 1rem 0 0.5rem 0

}

*/



/*.btn, .btn-large, .btn-small, .btn-flat{

  border-radius: 15px;

}

*/



/*.btn{

    height: 40px;

    line-height: 40px;

    font-size: 1rem;

    padding: 0px 12px;

    width: 150px;

}



.btn-large{

    height: 45px;

    line-height: 45px;

    font-size: 1rem;

    padding: 0px 12px;

    width: 100%;

}



.btn-large i{

  font-size: 1.5rem;

  vertical-align: middle;

  margin-right: 6px;

}



i{

  vertical-align: middle;

  margin-right: 6px;

  margin-left: 10px;

}



.btn-flat{

  color: #9575CD;

}*/



/*

.btn-option:hover, 

.btn-option:focus, {

  background-color: #FFFFFF;

  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);

    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);

}

*/



/*.btn-option{

    background-color: #FFFFFF;

    color: #8f8f8f;

    border: 2px solid #c9c9c9;

    text-transform: uppercase;

    text-align: center;

    height: 50px;

    line-height: 50px;

    font-size: 1rem;

    padding: 0px 12px;

    width: 100%;

}



.btn-option i{

  font-size: 1.5rem;

}



.btn-option i.left{

  margin-right: 7px;

  margin-left: 0px;

}



.btn-option i.right{

  margin-right: 0px;

  margin-left: 7px;

}*/



/*.btn, .btn-large, .btn-small, .btn-floating, .btn-full-width{

  background-color: #9575CD;

}

*/

.order-item-list-image{

  width:100%;

}



.order-action-quantity{

  text-align:right;

}


.product_control_buttons{
  border-left : 1px solid #ccc ;
  width:75px ; 
}
.product_control_number_input{
  width:35px ;
}

.batch_line{
  padding: 5px 0 ;
  border-bottom: 1px dashed #ccc ; 
}
.product_search_item_container{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1px;
    padding: 10px;
}
.product_search_item_image{
  width:100%;
}
.product_search_item_option{
  color: #666;
  font-size: 1em;
  font-style: italic;
}
.product_search_item_sku{
  font-weight: 600;
  color: #666;
}
.product_search_item_name{
  margin-top: 10% ;
  color: #666 ;
  font-size:0.8em ;
}
.product_search_item_batch_real_quantity{
  font-size: 24px;
  line-height: 5em;
}



.btn-full-width{

    border: none;

    display: inline-block;

    border-radius: 2px;

    color: #FFF;

    text-align: center;

    background-color: #9575CD;

    height: 50px;

    line-height: 50px;

    font-size: 1.2rem;

    letter-spacing: .5px;

    font-weight: 500;

    width: 100%;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);

}



.btn-full-width:hover, .btn-full-width:focus {

  background-color: #9575CD;

  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);

    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);

}



.btn-full-width i{

  font-size: 1.5rem;

  vertical-align: middle;

  margin-right: 6px;

}


.btn-full-width.disabled{

    pointer-events: none;

    color: #9F9F9F !important;

    background-color: #dddddd !important;

    cursor: default;

    box-shadow: none;

}



.btn-full-width-fixed {

    border: none;

    border-radius: 3px 3px 0 0;

    color: #FFF;

    text-align: center;

    background-color: #9575CD;

    height: 60px;

    line-height: 60px;

    font-size: 1.2rem;

    letter-spacing: .5px;

    /*font-weight: 500;*/

    display: block;

    position: fixed;

    bottom: 0;

    width: 100%;

    box-shadow: none;

}



.btn-full-width-fixed i{

  font-size: 1.5rem;

  vertical-align: middle;

  margin-right: 6px;

}





.filter-btn{

    border: none;

    display: inline-block;

    color: #455A64; 

    font-size: 0.8em; 

    font-weight: 500; 

    /*text-align: left; */

    /*background-color: transparent; */

    /*box-shadow: none;*/

    /*width: 100%;*/

}



[data-site_mode="dark"] .filter-btn{

  color: #CFD8DC;

}



/*.modal .bottom-sheet{

  max-height: 88%;

}*/



.modal-content{

  border: none;

}



.dark-text{

  color: #6d6d6d;

}



body, body *,p{

  /*font-family: Roboto;

  font-size: 16px;*/

  line-height: 22px

}



/*loader color*/

.spinner-layer{

  border-color: #9575CD;

}



/*.scan-menu{

  text-align: center;

  width: 100%;

  display: inline-block;

  position: absolute;

  z-index: 2;

  bottom: 40px;

}

*/

/*PRODUCT LISTE*/

.collection .collection-item.avatar .title{

  font-size: 0.9em;

  line-height: normal;

}



.collection-item.avatar p {

  font-size: 0.8em;

  line-height: 18px;

}



/*BARRE DE RECHERCHE*/

/*nav {

  background: #FFF;

}



nav .input-field label.active i{

  color : #90a4ae;

}*/



.z-depth-none{

  -webkit-box-shadow: none;

  box-shadow: none;

}



/*nav.ui-forms label.active{

  top: 15px;

}



nav{

  height: 45px;

}

*/

/*DROPDOWN*/

/*.dropdown-trigger.btn-large{

  line-height: 45px;

}*/



/*CHIPS*/

.light-yellow {

  background-color: #fff7be !important;

}



/*.dark-yellow-text{

  color: #776320;

}*/





.amber-border {

  background-color: white !important;

  border : 2px;

  box-shadow: 0 0 0 2px #ffc107 inset;

}



.light-red {

  background-color: #feecec !important;

}



/*.dark-red-text{

  color: #7d5454;

}*/



.grey-green{

  background-color: #cdecea !important;

}



.grey-green-border {

  background-color: white !important;

  border : 2px;

  box-shadow: 0 0 0 2px #b2dfdb inset;

}



.chip-small{

  display: inline-block;

  font-size: 0.7em;

  /*font-weight: 500;*/  

  padding: 0 8px;

  border-radius: 16px;

  margin-right: 3px;

  background-color: #e4e4e4;

  line-height: 18px;

}



.oofti-horizontal-bar{

    font-weight: 500;

    background-color: #ebc146;

    font-size: 12px;

    text-align: center;

    height: 20px;

}



.safe-horizontal-bar{

    color: white;

    font-weight: 500;

    background-color: #1579aa;

    font-size: 12px;

    text-align: center;

    height: 20px;

}







/*.t-client-info{

  font-size: 0.8em;

  color: #776320;

}*/



th, td {

  font-size: 0.8em;

  line-height: 0.7em;

}



.collection .collection-item.avatar .secondary-content-v1 {

    position: absolute;

    top: 30%;

    right: 5%;

}



.collection .collection-item.avatar .secondary-content{

  position: absolute;



  top: 35%;

  right: 15%



}



.collection .collection-item.avatar .third-content{

  position: absolute;



  top: 35%;



  top: 40%;

  right: 1%

  /*color: #607D8B;*/

}





/*.select-wrapper input.select-dropdown:focus {

    border-bottom: 1px solid #9575cd;

}

*/



/*.input-field .prefix {

    font-size: 20px;

    top: 13px;

    width: 2.5rem;

    margin-left: 0px;

}*/

.oofti-border{

  border-left:10px solid #ebc146;

}



.safeimplant-border{

  border-left:10px solid #1579aa ;

}



.nobrand-border{

  border-left:10px solid orange ;

}

.passive-input-field {

    margin-left: 15px !important;

    font-weight: bold;

    width: 40px !important;

    /*background-color: lightgrey !important;*/

    color: #9575cd;

    border-bottom: none !important;

    text-align: right;

}



.passive-input-field:focus {

    margin-left: 15px;

    font-weight: bold;

    width: 40px;

    background-color: #eee !important;

    color: #455A64;

    text-align: right;

}



.postfix{

    top: 13px;

    width: 2.5rem;

    position: absolute; 

    margin-left: 70px !important;

}



.input-field-border {

    border: 1px solid #dedede !important;

    width: 35px !important;

    border-radius: 3px !important; 

    margin-left: 0px !important;

    text-align: right;

    padding: 3px;

}



/*.order-list-info{

      margin: 0;

      font-size: 0.8em:;

}*/



.chip-small>img {

    float: left;

    margin: 0 5px 0 -10px;

    margin-top: 0 !important;

    height: 18px;

    width: 18px;

    border-radius: 50%;

    z-index: 0;

}



.prefield-qty {

  text-align: center;

  font-size: 16px !important;

  margin-top: 0.5rem !important;

  font-weight: 500;

}



.white-bg-input-field {

    background-color: white !important;

    border-radius: 3px !important;

    margin-top: 3px !important;

    padding-left: 8px !important;

    margin-bottom: 0.3rem;

}



[data-site_mode="dark"] .white-bg-input-field {

  background-color: #37474F !important;

}



.label-for-white-bg-input-field {

  padding-left: 8px !important;

}



.input-field-margin {

  margin-bottom: 0.5rem;

}



.search-list {

  padding: 0px 0px;

  min-height: 72px;

  border-bottom: 1px solid #eeeeee;

  background-color: #fff;

  position: relative;

  line-height: 1.5rem;

  margin: 0;

}



.prefix-qty {

    margin-left: -20px;

    font-size: 14px;

    top: -3%;

    width: 2.5rem;

    position: absolute;

}



.email-min {

    padding-bottom: 0px;

    color: #90A4AE;

    font-size: 13px;

    font-weight: 400;

    line-height: 24px !important;

    display: block;

    text-transform: none !important;

}



.card {

  border: 1px solid #eeeeee;

  background-color: #fff;

  font-size: 0.8em;

  margin: 0;

}



/*.card-font p{

  font-size: 0.8em;

  margin: 0;

}*/



.margin0 {

    margin: 0;

}





/*----------------------------------------

  list

------------------------------------------*/

.list{

  border: 1px solid #eeeeee;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.list .list-item{

  background-color: #fff;

  border-bottom: 1px solid #eeeeee;

}

.list a.list-item{

  color: #455A64;

}

.list-item .title{

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin-top: 3px;

  display: inline-block;

  padding: 0;

}



.list-item .title2{

  color: #9575cd;

  font-weight: 500;

  /*margin-top: 3px;*/

  display: inline-block;

  padding: 0;

}



.list-item .title3{

  font-size: 14px;

  line-height: 20px;

  font-weight: 700;

}



.list-item.avatar img{

  margin-top: 5px;

}



.list .list-item.avatar:not(.circle-clipper)>.circle, .list .list-item.avatar :not(.circle-clipper)>.circle {

    position: absolute;

    width: 42px;

    height: 42px;

    overflow: hidden;

    /*left: 35px;*/

    display: inline-block;

    vertical-align: middle;

}



.list-item.avatar i{

  margin-top: 5px;

  vertical-align: middle;

  margin-right: 3px;

}



.list-item.avatar p{

  font-size: 14px;

  line-height: 20px;

  margin: 0;

}



.list-item.avatar .info-div{

  margin-top :5px;

  /*margin: 0;*/

  padding: 0;

}



.list-item.avatar .status-div{

  padding: 0;

  text-align: right;

}



.list-item.avatar .status{

  margin-bottom: 5px;

}





.list-item.avatar .info{

  font-size: 14px;

  line-height: 20px;

  margin-right: 10px;

}



.list .list-item.active{

  background-color: #9575CD;

}

.list .list-item.avatar{

  /*min-height: 72px;*/

  padding-left: 72px;

}

.list.contacts .list-item{

  padding: 10px 5px 10px 15px;

}

.list.table .list-item{

  padding: 10px 3px;

}

.list .list-item.avatar .secondary-content a i{

    font-size: 20px;

    margin: 0 3px;

    line-height: 20px;

    color: #455A64;

}

.list .list-item.avatar .secondary-content{

      position: absolute;

      top: 34px;

      right: 15px;

}

.list .list-item a.chatlink {

  color: #455A64;

  display: inline-block;

  width: 100%;

  /*padding: 20px 75px 20px 75px;*/

}

/*.list.contacts .list-item.avatar :not(.circle-clipper)>.circle{

  left: 20px;

}*/

[data-site_mode="dark"] .list {

    border: 1px solid #455A64;

}

[data-site_mode="dark"] .list .list-item {

    border-bottom: 1px solid #455A64;

}

[data-site_mode="dark"] .list .list-item {

    background-color: #37474F;

}

[data-site_mode="dark"] .list .list-item a.chatlink {

    color: #CFD8DC;

}