/*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;
}

.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;
}