/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
      
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*@media only screen and (max-width: 1200px)and(min-width:990px) {
  .paddingg {
         padding-right: 0%;padding-left: 15%;  
  } 
}*/
@media only screen and (min-width: 900px) {
  .dLivraison {
         padding-left: 10px;  
  } 
}

@media only screen and (max-width: 1241px)and(min-width:990px) {
  .lab {
         font-size: 12px;  
  } 
}

/*@media only screen and (max-width: 1319px) {
  .ta {
         margin-bottom: -18px!important;  
  } 
}
*/
@media only screen and (max-width: 992px)and (min-width: 768px) {
  .magg {
    margin-left: 9%;
  }
}
@media only screen and (min-width: 1446px) {
  .ref-margin { margin-left: 37%;}
  .div_background{
    width: 800px;
    height: 28px;
    text-align: center;
}
}
@media only screen and (min-width:1000px)and (max-width: 1446px) {
  .ref-margin { margin-left: 10%;}
  .div_background{
    width: 700px;
    height: 28px;
    text-align: center;
}
}
@media only screen and (min-width:763px)and (max-width: 1000px) {
   .div_background{
    width: 500px;
    height: 28px;
    text-align: center;
 }
}

@media only screen and (max-width:763px) {
  .div_background{
    width: 300px;
    height: 28px;
    text-align: center;
}
}
@media only screen and (min-width: 992px) {
  .width-sel {
    width:160px!important;
  }
}
@media only screen and (max-width: 990px) {
  .pull-rig {
    float: left!important;
  }
}
@media only screen and (min-width: 1200px) {
  .taixl {
    with: 140px!important;
  }
}
.inputWW{
    width: 100%!important;
}
.inputW{
    max-width: 100%!important;
}
@media only screen and (max-width: 990px) {
  .paddfornesseur {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 1350px) {
  .legtaille {
    max-width: 9.33333%;
  }
}
@media only screen and (max-width: 1200px) {
  .legtaille {
    max-width: 11.33333%;
  }
}
@media only screen and (max-width: 1004px) {
  .legtaille {
    max-width: 13.33333%;
  }
}
@media only screen and (max-width: 900px) {
  .legtaille {
    max-width: 16.33333%;
  }
}
@media only screen and (max-width: 600px) {
  .legtaille {
    max-width: 18.33333%;
  }
}
.BorderLightSeaGreen2px {
    border: solid lightseagreen;
}

.colmarg{
    margin-top: 3.5%;
}
.StylePosition {
    border: solid lightpink;
}

.table th, .table td {
    padding: 10px ;
    width: 80px;
}

.max_width{
    max-width: 312px;
}
.inputmarg{
    margin-left: -18px !important;
}

.TableAutoComplete{
    background-color: floralwhite;
}
.LigneBarre{
     text-decoration: line-through ;
}
.TotalAchat{
    float: right;
}
.InputStyle1
{
    width: 190px;
    height: 30px !important;
    margin-top: 6px;
    margin-left: -18px;
}


.inputDesignation{
    width: 966px;
    height: 30px !important;
    margin-top: 6px;
    

}
.InputStyleRef{
    width: 170px;
    height: 30px !important;
    margin-top: 6px;
    margin-left: -28px;

}
.InputStyle2
{
    width: 140px;
    height: 30px !important;
    margin-top: 7px;
    margin-left: -18px;

}
.InputStyle4
{
    height: 30px !important;
    margin-top: 7px;
    width: 90px;
    margin-left: -9px;
}
.InputStyle3
{
    height: 100%!important;
/*    margin-top: 7px;*/
    width: 100px;
}
.InputStyleSearch{
    height: 39px;
    margin-top: 0px;
    width: 100px;
    padding-left: 5px;
    border-color: #40b5b8;
    margin-right: -3px;
    background-color: transparent;
    position: absolute;
    right: 212px;
    top: 2px;

}

.DivComment{
    width: 45pc !important;
    height: 130px;
}


.inputRange
{
    width: 95px;
}
.TableSale th{
    width: 1px;
}
.DatePlace::-webkit-input-placeholder {
    color: black;
}
.SelectDate {
    margin-left: 1px;

}

.InputStyleShowSale
{
    width: 170px !important;
    height: 30px !important;
    margin-top: 6px !important;
    margin-left: -28px !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 16px;
}
.InputStyleShowSa
{
    height: 30px !important;
    margin-top: 6px !important;
    margin-left: -28px !important;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 16px;
}



.InputStyleInfoDoctor
{
    width: 160px !important;
    height: 30px !important;
    margin-top: 4px !important;
    background-color: transparent;
    border-color: transparent;
    font-size: 17px;
}
.StyleSale-D{
    width: 180px !important;
    height: 40px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
}
.StyleSale-a
{
    width: 100% !important;
    height: 30px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
    line-height: 2rem;                       /*******new******/ 
    padding-left: 7px;
}
.StyleSale-b {
    width: 100% !important;
    height: 30px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
    line-height: 2rem;                       /*******new******/ 
    padding-left: 7px;
}
.StyleSale-c{
    width: 100% !important;
    height: 42px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    /*box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);*/
    
    line-height: 3rem;                         /*******new******/ 
    text-align: center;
}

.InputStyleSale
{
    width: 160px !important;
    height: 35px !important;
    margin-top: 3px !important;
    /*margin-left: 3px !important;*/
}

fieldset.form-control.fieldsetSale label {
    margin-right: 3px;
    margin-left: -3px;
}

.InputFocused
{
   border : solid 2px lightseagreen ;
}



.error-form.Errors{
   margin-left: 104px;

}
.errorSaleDEtail
{
    text-align: center !important;
}

.fieldsetPurchase{
    padding-bottom: 0px !important;
    margin-top: -4px !important;
}

.badge-warning{
    background-color: #00AA00 !important;
}

.fieldsetStyle2{
    padding-bottom: 0px !important;
    margin-top: -15px !important;
}

.selected {
    background-color: grey;
    color: white;
}


.card-header{
    margin-bottom: -29px;
}
div.card-header > select
{
    width: 90px;
}
#actions{
    min-height: 900px;
}
.marg-bt{
    margin-bottom: 9px;
}
.btnFocus{
    background-color: white !important;
    color: #00A5A8 !important;
}

#info{
    color: #00529B;
    background-color: #BDE5F8;
    margin-bottom: 10px;
    font-size: 19px;
}

.NotHas
{
    color:red;
    /*text-decoration: line-through ;*/

}
.InputPV{
    margin-top: 7px !important;
    width: 150px !important;
    height: 50px !important;
    font-weight: 900 !important;
    margin-left: -28px !important;
    color : red;

    background-color: transparent;
    font-size: 25px;
}
.error-form{
    color : red;

}

.labelPv{

    font-size: 18px

}

.btnSelected
{
    background-color: darkgray;
    color: black;

}
.btn-customer
{
    display: none;
    margin-top:5px;
    margin-bottom: 18px;
    width: 170px;
    overflow: hidden;
}

.AutocompleteSale{
    background-color: floralwhite; position: absolute;z-index: 1000;margin-top: -16px;
}

.BtnStatusSale{
    background-color: grey;
    color: black;
}

.btn-Status
{
    width: 96px;
    border-color: grey;
}


.infoSale
{
    background-color: transparent !important;
    border-color: transparent;
    margin-left: -26px !important;
    margin-top: 6px;
}
.InputSaleArea
{
    margin-left: -27px;
}
#textarea {
    -moz-appearance: textfield-multiline;
/*//    -webkit-appearance: textarea;*/
    border: 1px solid #d1d1d1;
     font: medium -moz-fixed !important;
    padding-top: 5px !important;
    min-height: 27px;
    overflow: auto;
    padding: 2px;
    resize: both;
    min-width: 97%;
    float: left;
    margin-top: 6px;
    width: 100%;
}

.DesOther{
    width: 910px;
    margin-right: -243px;
}


.tablePrescri.tableVerre input {
    width: 80px;
}
.tableVerre input {
    /*width: 80px ;*/
    height:30px;
}


.inputTableVerre {

    margin-left: -13px;
    margin-top: 3px;

}
.btnTableVerre
{
    width: 19px;
    height: 19px;
    padding: 0px;
    margin-top: -2px !important;
}


.signeTableVerre
{
    font-size: 9px !important;
}

.SaleEr{
    margin-left: 73px !important;
}
.SelVend
{
    width: 160px;
}
.Urgent
{
    padding-top: 10px;padding-left: 0px;font-size: 15px;
}

.errorBorder
{
    border-color: red !important;
}
.errorValidatorBorder
{
    border-color: red !important;
}

.DateDisabled
{
    background-color: transparent;
}

.StylePhone
{
    color: green !important;
}

.InputStyle1
{
    width: 190px;
    height: 30px !important;
    margin-top: 6px;
    margin-left: -18px;
}
.TableSale tbody tr:nth-of-type(odd) {
    background-color: white;
}

fieldset{
    padding-bottom: 0px !important;
}
/*----------------Abdelaziz--------------------*/
.anomaly-color{
    background-image: linear-gradient(to right, #00a0a3, #F5F7FA)!important;
}
.smsbox-color{
    background-image: linear-gradient(to right, #ce7a08, #F5F7FA)!important;
}
.config-color{
    background-image: linear-gradient(to right, #e5a650, #F5F7FA)!important;
}
.configuration-color{
    background-image: linear-gradient(to right, #634114, #F5F7FA)!important;
}
.listModel-color{
    background-image: linear-gradient(to right, #cc8120, #F5F7FA)!important;
}
.listsModel-color{
    background: #cc8120 !important;
}
.modelProd-color{
    background-image: linear-gradient(to right, #ccc020, #F5F7FA)!important;
}
.modelProduct-color{
    background: #ccc020 !important;
}
.modelPaym-color{
    background-image: linear-gradient(to right, #650a7b, #F5F7FA)!important;
}
.modelPayment-color{
    background: #827a7b !important;
}
.modelStatis-color{
    background-image: linear-gradient(to right, #66173c, #F5F7FA)!important;
}
.modelStatistics-color{
    background: #66173c !important;
}
.moduVente-color{
    background-image: linear-gradient(to right, #a03165, #F5F7FA)!important;
}
.moduleVente-color{
    background: #a03165!important;
}
.moduDevis-color{
    background-image: linear-gradient(to right, #470147, #F5F7FA)!important;
}
.moduleDevis-color{
    background: #470147!important;
}
.moduFacture-color{
    background-image: linear-gradient(to right, #874087, #F5F7FA)!important;
}
.moduleFacture-color{
    background: #874087!important;
}
.modusmsbox-color{
    background-image: linear-gradient(to right, #564a68, #F5F7FA)!important;
}
.modulesmsbox-color{
    background: #564a68!important;
}
.moduleDeb-color{
    background-image: linear-gradient(to right, #345182, #F5F7FA)!important;
}
.moduleDebit-color{
    background: #345182!important;
}
.modu-color{
    background-image: linear-gradient(to right, #4f2589, #F5F7FA)!important;
}
.module-color{
    background: #4f2589!important;
}
.deb-color{
    background-image: linear-gradient(to right, #40513d, #F5F7FA)!important;
}
.debit-color{
    background: #40513d!important;
}
.Encaiss-color{
    background-image: linear-gradient(to right, #f35f5f, #F5F7FA)!important;
}
.Encaissement-color{
    background: #157504!important;
}
.storeTrans-color{
    background-image: linear-gradient(to right, #3f223f, #F5F7FA)!important;
}
.storeTransfer-color{
    background: #3f223f!important;
}
.productstat-color{
    background-image: linear-gradient(to right, #9d609e, #F5F7FA)!important;
}
.productstatus-color{
    background: #9d609e!important;
}
.salestat-color{
    background-image: linear-gradient(to right, #969a9b, #F5F7FA)!important;
}
.salestatus-color{
    background: #969a9b!important;
}
.liststat-color{
    background-image: linear-gradient(to right, #5e878e, #F5F7FA)!important;
}
.liststatus-color{
    background: #5e878e!important;
}
.stat-color{
    background-image: linear-gradient(to right, #8678a5, #F5F7FA)!important;
}
.status-color{
    background: #8678a5!important;
}
.doc-color{
    background-image: linear-gradient(to right, #3b4293, #F5F7FA)!important;
}
.doctor-color{
    background: #3b4293!important;
}
.social-secur-color{
    background-image: linear-gradient(to right, #274560, #F5F7FA)!important;
}
.social-security-color{
    background: #274560!important;
}
.glass-supplem-color{
    background-image: linear-gradient(to right, #263022, #F5F7FA)!important;
}
.glass-supplement-color{
    background: #263022!important;
}
.glass-treat-color{
    background-image: linear-gradient(to right, #703c69, #F5F7FA)!important;
}
.glass-treatment-color{
    background: #703c69!important;
}
.glass-qualit-color{
    background-image: linear-gradient(to right, #215b3d, #F5F7FA)!important;
}
.glass-quality-color{
    background: #215b3d!important;
}
.glass-inde-color{
     background-image: linear-gradient(to right, #8c2525, #F5F7FA)!important;
}
.glass-index-color{
    background: #8c2525!important;
}
.glass-mater-color{
     background-image: linear-gradient(to right, #896868, #F5F7FA)!important;
}
.glass-material-color{
    background: #896868!important;
}
.vis-color{
    background-image: linear-gradient(to right, #770e0e, #F5F7FA)!important;
}
.vision-color{
     background: #770e0e!important;
}
.gla-color{
    background-image: linear-gradient(to right, #e04747, #F5F7FA)!important;
}
.glass-color{
     background: #e04747!important;
}
.bran-color{
     background-image: linear-gradient(to right, #5e2a4a, #F5F7FA)!important;
}
.brand-color{
    background: #5e2a4a!important;
}
.typ-color{
    background-image: linear-gradient(to right, #5E392A, #F5F7FA)!important;
}
.type-color{
    background: #5E392A!important;
}
.suppl-color{
    background-image: linear-gradient(to right, #395E2A, #F5F7FA)!important;
}
.supplier-color{
    background: #395E2A!important;
}
.categ-color{
    background-image: linear-gradient(to right, #2a395e, #F5F7FA)!important;
}
.category-color{
    background: #2a395e!important;
}
.trasfert-color{
    background-image: linear-gradient(to right, #5e2a40, #F5F7FA)!important;
}
.trasfert-bcolor{
    background: #5e2a40!important;
}
.trasfert-textcolor{
     color: #5e2a40!important;
}
.header-list{
    background: #5e2a40;
    color:#fff;
}

.title-text{
    width: 100%;
    background: #5e2a40;
    background-image: none;
    border-radius: 10px;
    color: white !important;
    padding-top: 8px;
    padding-left: 11px;
}
.btnsTansfer{
    background-color: #5e2a40!important;
    border-color: #5e2a40!important;
    border:0px;
    font-size:18px;
}
.btnsTansfer:hover{
    background-color: #22C2DC !important;
}
.btnsColor{
    background-color: darkgray;
    color: black;
}
.fieldsetTransfer,.fieldsetPurchase,.fieldsetBilling,.fieldsetQuotation{
     box-shadow: 0 5px 15px #686F7D;
}
.refresh{
    margin-bottom: -14px !important;
}
.btnAdd{
    position: absolute;
    bottom: 8px;
    right: 11px;
}
input[name=nbitemsbypage]{
    margin-bottom: 0px!important;
    display: none;
}
input[type='text'],input[type='text']{
    border-radius: 4px;
}
.table-transfer td{
    border-bottom: 1px solid #5e2a40!important;
    vertical-align: middle!important;
    color:black;
}
.h-elements{
    top:0px!important;
    right:0px!important;
}
.h-elements ul{
    padding-top:0px!important; 
}
.btnsTansferEdit{
    background-color: #7E5566!important;
}
.btnsTansferShow{
    background-color: #987785!important;
}
.btnsTansferNew{
    background-color: #BDA8B1!important;
}
.transfer-drop{
    background: #5e2a40!important;
    border-color: #5e2a40;
}
.icons-showtransfer{
    position: absolute;
    top: -14px;
}
.no-drop,input[disabled=""]{
    cursor: no-drop;
}
.input-drop{
    border-radius: 10px;
    margin-left: -15px;
}
.table-show-transfer td{
     border-bottom: 1px solid #987785!important;
       color: black;
    vertical-align: middle!important;
}
.table-edit-transfer td{
   border-bottom: 1px solid #7E5566!important;
   color: black;
   vertical-align: middle!important;
}
.table-new-transfer td{
   border-bottom: 1px solid #BDA8B1!important;
   color: black;
   vertical-align: middle!important;
}

label{
    color:black;
}
/*.heading-elements ul{
    position: absolute;
}*/

/*===Achat=======*/
.camping-bcolor{
    background:#09447f;
}
.marketing-setting-color{
    background-image: linear-gradient(to right, #57516d, #F5F7FA)!important;
}
.Sms-box-Color{
    background-image: linear-gradient(to right, #375139, #F5F7FA)!important;
}
.Sms-callback-Color{
    background-image: linear-gradient(to right, #205c6b, #F5F7FA)!important;
}
.client-hist-color{
    background-image: linear-gradient(to right, #106848, #F5F7FA)!important;
}
.mark-model-color{
    background-image: linear-gradient(to right, #593142, #F5F7FA)!important;
}
.campColor{
    background-image: linear-gradient(to right, #09447f, #F5F7FA)!important;
}
.Purchase-color{
    background-image: linear-gradient(to right, #7f0909, #F5F7FA)!important;
}
.Purchase-bcolor{
    background: #7f0909!important;
}
.Purchase-textcolor{
    color:#7f0909!important;
}
.btnHistory-clients{
     color: #ffffff!important;
    background-color:#106848!important;
    border-color: #106848 !important;
    border:0px;
    font-size:18px;
}
.btn-marketing-setting{
    color: #ffffff!important;
    background-color:#57516d!important;
    border-color: #57516d !important;
    border:0px;
    font-size:18px;
}
.btn-doc{
    color: #ffffff!important;
    background-color:#3b4293!important;
    border-color: #3b4293 !important;
    border:0px;
    font-size:18px;
}
.btn-products-st{
    color: #ffffff!important;
    background-color:#9d609e!important;
    border-color: #9d609e !important;
    border:0px;
    font-size:18px;
}
.btn-tr-stat{
    color: #ffffff!important;
    background-color:#5e2a40!important;
    border-color: #5e2a40 !important;
    border:0px;
    font-size:18px;
}
.btn-soc{
    color: #ffffff!important;
    background-color:#274560!important;
    border-color: #274560 !important;
    border:0px;
    font-size:18px;
}
.btn-sup{
    color: #ffffff!important;
    background-color:#263022!important;
    border-color: #263022 !important;
    border:0px;
    font-size:18px;
}
.btn-trait{
    color: #ffffff!important;
    background-color:#703c69!important;
    border-color: #703c69 !important;
    border:0px;
    font-size:18px;
}
.btn-g-quality{
    color: #ffffff!important;
    background-color:#215b3d!important;
    border-color: #215b3d !important;
    border:0px;
    font-size:18px;
}
.btn-statistics-mod{
    color: #ffffff!important;
    background-color:#66173c!important;
    border-color: #66173c!important;
    border:0px;
    font-size:18px;
}
.btn-model-vente{
    color: #ffffff!important;
    background-color:#a03165!important;
    border-color: #a03165!important;
    border:0px;
    font-size:18px;
}
.btn-quo{
    color: #ffffff!important;
    background-color:#470147!important;
    border-color: #470147!important;
    border:0px;
    font-size:18px;
}
.btn-model-fac{
    color: #ffffff!important;
    background-color:#874087!important;
    border-color: #874087!important;
    border:0px;
    font-size:18px;
}
.btn-serv-model{
    color: #ffffff!important;
    background-color:#564a68!important;
    border-color: #564a68 !important;
    border:0px;
    font-size:18px;
}
.btn-mod{
    color: #ffffff!important;
    background-color:#4f2589!important;
    border-color: #4f2589 !important;
    border:0px;
    font-size:18px;
}
.btn-model-debit{
    color: #ffffff!important;
    background-color:#345182!important;
    border-color: #345182 !important;
    border:0px;
    font-size:18px;
}
.btn-debit-stt{
    color: #ffffff!important;
    background-color:#40513d!important;
    border-color: #40513d !important;
    border:0px;
    font-size:18px;
}
.btn-enss-cash{
    color: #ffffff!important;
    background-color:#f35f5f!important;
    border-color: #f35f5f !important;
    border:0px;
    font-size:18px;
}
.btn-glass-insex{
    color: #ffffff!important;
    background-color:#8c2525!important;
    border-color: #8c2525 !important;
    border:0px;
    font-size:18px;
}
.btnglassmat{
    color: #ffffff!important;
    background-color:#896868!important;
    border-color: #896868 !important;
    border:0px;
    font-size:18px;
}
.btn-users{
    color: #ffffff!important;
    background-color:#bab141!important;
    border-color: #bab141 !important;
    border:0px;
    font-size:18px;
}
.btnvis{
    color: #ffffff!important;
    background-color:#770e0e!important;
    border-color: #5e2a40 !important;
    border:0px;
    font-size:18px;
}
.btnglass{
    color: #ffffff!important;
    background-color:#e04747!important;
    border-color: #e04747 !important;
    border:0px;
    font-size:18px;
}
.btnbrand{
    color: #ffffff!important;
    background-color:#5e2a4a!important;
    border-color: #5e2a4a !important;
    border:0px;
    font-size:18px;
}
.btntype{
    color: #ffffff!important;
    background-color:#5E392A!important;
    border-color: #5E392A !important;
    border:0px;
    font-size:18px;
}
.btnsuplier{
    color: #ffffff!important;
    background-color:#395E2A!important;
    border-color: #395E2A !important;
    border:0px;
    font-size:18px;
}
.btncat{
    color: #ffffff!important;
    background-color:#2a395e!important;
    border-color: #2a395e !important;
    border:0px;
    font-size:18px;
}
.btn-confeg{
    color: #ffffff!important;
    background-color:#634114!important;
    border-color: #634114 !important;
    border:0px;
    font-size:18px;
}
.btn-tr-model{
    color: #ffffff!important;
    background-color:#cc8120!important;
    border-color: #cc8120 !important;
    border:0px;
    font-size:18px;
}
.btn-prd-model{
    color: #ffffff!important;
    background-color:#ccc020!important;
    border-color: #ccc020 !important;
    border:0px;
    font-size:18px;
}
.btn-payment-mode{
    color: #ffffff!important;
    background-color:#650a7b!important;
    border-color: #650a7b !important;
    border:0px;
    font-size:18px;
}
.btn-sale-user-stor{
    color: #ffffff!important;
    background-color:#7f41ba!important;
    border-color: #7f41ba !important;
    border:0px;
    font-size:18px;
}
.btnstor{
    color: #ffffff!important;
    background-color:#ba4183!important;
    border-color: #ba4183 !important;
    border:0px;
    font-size:18px;
}
.btn-sms-box{
    color: #ffffff!important;
    background-color:#375139!important;
    border-color: #375139 !important;
    border:0px;
    font-size:18px;
}
.btn-btn-bt{
    color: #ffffff!important;
    background-color:#c66a0e!important;
    border-color: #c66a0e !important;
    border:0px;
    font-size:18px;
}
.btn-bt{
    color : #FFFFFF!important;
    background-color : #7f4409!important;
    border-color : #7f4409!important;
    border:0px;
    font-size:18px;
}
.btnbtn-bt{
    color : #FFFFFF!important;
    background-color : #f09030!important;
    border-color : #f09030!important;
    border:0px;
    font-size:18px;
}
.btn-rapp{
    background-color:#969a9b!important;
    border-color: #969a9b !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btn-pursh{
    background-color:#5e878e!important;
    border-color: #5e878e !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btn-mark-model{
    background-color:#593142!important;
    border-color: #593142 !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btn-stat{
    background-color:#8678a5!important;
    border-color: #8678a5 !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btn-campagne{
    background-color:#09447f!important;
    border-color: #09447f !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btnbox-color{
    background-color:#ce7a08!important;
    border-color: #ce7a08 !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btn-cost-mark{
    background-color:#bab141!important;
    border-color: #bab141 !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btnsS{
    background-color:#ba5741!important;
    border-color: #ba5741 !important;
    border:0px;
    color: white;
    font-size:18px;
}
.btnsPurchase{
    background-color:#7f0909!important;
    border-color: #7f0909 !important;
    border:0px;
    font-size:18px;
}
.btnsPurchase:hover{
    background-color:#28c9e0!important;
}
.refresh-show{
    position: absolute;
    right: 19px;
    top: 12px;
}
.InputStyle5{
    height: 30px !important;
    margin-top: 7px;
    width: 60px;
    margin-left: -11px ;
}
.tab-doc-td td{
      border-bottom: 1px solid #3b4293!important;
      border-top: 1px solid #3b4293!important;
      vertical-align: middle!important;
      color: black;
}
.tab-social-td td{
      border-bottom: 1px solid #274560!important;
      border-top: 1px solid #274560!important;
      vertical-align: middle!important;
      color: black;
}
.tab-sup-td td{
      border-bottom: 1px solid #263022!important;
      border-top: 1px solid #263022!important;
      vertical-align: middle!important;
      color: black;
}
.tab-treatment-td td{
      border-bottom: 1px solid #703c69!important;
      border-top: 1px solid #703c69!important;
      vertical-align: middle!important;
      color: black;
}
.tab-glassquality-td td{
      border-bottom: 1px solid #215b3d!important;
      border-top: 1px solid #215b3d!important;
      vertical-align: middle!important;
      color: black;
}
.tab-vision-td td{
      border-bottom: 1px solid #770e0e!important;
      border-top: 1px solid #770e0e!important;
      vertical-align: middle!important;
      color: black;
}
.table-glass-material-td td{
      border-bottom: 1px solid #896868!important;
      border-top: 1px solid #896868!important;
      vertical-align: middle!important;
      color: black;
}
.table-glass-index-td td{
      border-bottom: 1px solid #8c2525!important;
      border-top: 1px solid #8c2525!important;
      vertical-align: middle!important;
      color: black;
}
.tabl-glass-td td{
      border-bottom: 1px solid #e04747!important;
      border-top: 1px solid #e04747!important;
      vertical-align: middle!important;
      color: black;
}
.table-brand-td td{
      border-bottom: 1px solid #5e2a4a!important;
      border-top: 1px solid #5e2a4a!important;
      vertical-align: middle!important;
      color: black;
}
.table-type-td td{
     border-bottom: 1px solid #5E392A!important;
      border-top: 1px solid #5E392A!important;
      vertical-align: middle!important;
      color: black;
}
.tab-table-td td{
      border-bottom: 1px solid #395E2A!important;
      border-top: 1px solid #395E2A!important;
      vertical-align: middle!important;
      color: black;
}
.tab-td-category td{
      border-bottom: 1px solid #2a395e!important;
      border-top: 1px solid #2a395e!important;
      vertical-align: middle!important;
      color: black;
}
.table-td-clortd td{
    border-bottom: 1px solid #973ff4!important;
      border-top: 1px solid #973ff4!important;
      vertical-align: middle!important;
      color: black;
}
.table-saleUser-td td{
      border-bottom: 1px solid #7f41ba!important;
      border-top: 1px solid #7f41ba!important;
      vertical-align: middle!important;
      color: black;
}
.tab-td-magasin td{
      border-bottom: 1px solid #ba4183!important;
      border-top: 1px solid #ba4183!important;
      vertical-align: middle!important;
      color: black;
}
.tab-td-camp td{
      border-bottom: 1px solid #09447f!important;
      border-top: 1px solid #09447f!important;
      vertical-align: middle!important;
      color: black;
}
.table-td-td_color td{
      border-bottom: 1px solid #7f0909!important;
      border-top: 1px solid #7f0909!important;
      vertical-align: middle!important;
      color: black;
}
.table-stormodel-td{
      border-bottom: 1px solid #cc8120!important;
      border-top: 1px solid #cc8120!important;
      vertical-align: middle!important;
      color: black;
}
.table-td-c td{
      border-bottom: 1px solid #ccc020!important;
      border-top: 1px solid #ccc020!important;
      vertical-align: middle!important;
      color: black;
}
.table-pay-td td{
      border-bottom: 1px solid #650a7b!important;
      border-top: 1px solid #650a7b!important;
      vertical-align: middle!important;
      color: black;
}
.table-stat-td td{
      border-bottom: 1px solid #66173c!important;
      border-top: 1px solid #66173c!important;
      vertical-align: middle!important;
      color: black;
}
.table-td-tcolor td{
      border-bottom: 1px solid #a03165!important;
      border-top: 1px solid #a03165!important;
      vertical-align: middle!important;
      color: black;
}
.table-module-td-color td{
      border-bottom: 1px solid #470147!important;
      border-top: 1px solid #470147!important;
      vertical-align: middle!important;
      color: black;
}
.td-table_color td{
    border-bottom: 1px solid #874087!important;
      border-top: 1px solid #874087!important;
      vertical-align: middle!important;
      color: black;
}
.taable-smsbox-td td{
    border-bottom: 1px solid #564a68!important;
      border-top: 1px solid #564a68!important;
      vertical-align: middle!important;
      color: black;
}
.table-mo-td td{
    border-bottom: 1px solid #4f2589!important;
      border-top: 1px solid #4f2589!important;
      vertical-align: middle!important;
      color: black;
}
.table-m-td td{
      border-bottom: 1px solid #345182!important;
      border-top: 1px solid #345182!important;
      vertical-align: middle!important;
      color: black;
}
.table-d-td td{
    border-bottom: 1px solid #40513d!important;
      border-top: 1px solid #40513d!important;
      vertical-align: middle!important;
      color: black;
}
.table-tr-td td{
      border-bottom: 1px solid #3f223f!important;
      border-top: 1px solid #3f223f!important;
      vertical-align: middle!important;
      color: black;
}
.table-p-td td{
      border-bottom: 1px solid #9d609e!important;
      border-top: 1px solid #9d609e!important;
      vertical-align: middle!important;
      color: black;
}
.table-s-td td{
      border-bottom: 1px solid #969a9b!important;
      border-top: 1px solid #969a9b!important;
      vertical-align: middle!important;
      color: black;
}
.table-bil-td td{
      border-bottom: 1px solid #8678a5!important;
      border-top: 1px solid #8678a5!important;
      vertical-align: middle!important;
      color: black;
}
.table-cash-td td{
      border-bottom: 1px solid #f35f5f!important;
      border-top: 1px solid #f35f5f!important;
      vertical-align: middle!important;
      color: black;
}
.table-status-td td{
      border-bottom: 1px solid #5e878e!important;
      border-top: 1px solid #5e878e!important;
      vertical-align: middle!important;
      color: black;
}
.table-permission-td td{
      border-bottom: 1px solid #4165ba!important;
      border-top: 1px solid #4165ba!important;
      vertical-align: middle!important;
      color: black;
}
.tabla-sms-callback-td td{
      border-bottom: 1px solid #205c6b!important;
      border-top: 1px solid #205c6b!important;
      vertical-align: middle!important;
      color: black;
}
.table-discount-td td{
    border-bottom: 1px solid #1f5e63!important;
      border-top: 1px solid #1f5e63!important;
      vertical-align: middle!important;
      color: black;
}
.table-group-td td{
    border-bottom: 1px solid #313C4F!important;
      border-top: 1px solid #313C4F!important;
      vertical-align: middle!important;
      color: black;
}
.tabla-sms-box-td td{
     border-bottom: 1px solid #375139!important;
      border-top: 1px solid #375139!important;
      vertical-align: middle!important;
      color: black;
}
.tabta-td td{
      border-bottom: 1px solid #c66a0e!important;
      border-top: 1px solid #c66a0e!important;
      vertical-align: middle!important;
      color: black;    
}
.tabcash-td td{
      border-bottom: 1px solid #f35f5f!important;
      border-top: 1px solid #f35f5f!important;
      vertical-align: middle!important;
      color: black;
}
.table-user-td td{
      border-bottom: 1px solid #bab141!important;
      border-top: 1px solid #bab141!important;
      vertical-align: middle!important;
      color: black;
}
.tabletable td{
      border-bottom: 1px solid #7f4409!important;
      vertical-align: middle!important;
      color: black;
}
.table_td td{
      border-bottom: 1px solid #593142!important;
      border-top: 1px solid #593142!important;
      vertical-align: middle!important;
      color: black;
}
.tabtabtab td{
      border-bottom: 1px solid #7f4409!important;
      border-top: 1px solid #7f4409!important;
      vertical-align: middle!important;
      color: black;
}
.tabtab-tab td{
      border-bottom: 1px solid #f09030!important;
      vertical-align: middle!important;
      color: black;
}
.tab-tab-td td{
      border-bottom: 1px solid #09447f!important;
      vertical-align: middle!important;
      color: black;
}
.td_table td{
      border-bottom: 1px solid #bab141!important;
      vertical-align: middle!important;
      color: black;
}
.table_td_bord td{
      border-bottom: 1px solid #106848!important;
      vertical-align: middle!important;
      color: black;
}
.table_td_border td{
      border-bottom: 1px solid #ba5741!important;
      vertical-align: middle!important;
      color: black;
}
.table-td-borcolor td{
      border-bottom: 1px solid #7f7f09!important;
      vertical-align: middle!important;
      color: black;
}
.tab-tab-t td{
    border-bottom: 1px solid #c66a0e !important;
    vertical-align: middle !important;
    color: black;
}

.tabl-td-color td{
    border-bottom: 1px solid #c09d54!important;
      vertical-align: middle!important;
      color: black;
}
.tab-td-color td{
      border-bottom: 1px solid #097f09!important;
      vertical-align: middle!important;
      color: black;
}
.table-li td{
      border-bottom: 1px solid #c09d54!important;
      vertical-align: middle!important;
      color: black;
}
.table-td td{
      border-bottom: 1px solid #C06754!important;
      vertical-align: middle!important;
      color: black;
}
.table-purchase td{
   border-bottom: 1px solid #7f0909!important;
      vertical-align: middle!important;
      color: black;
}
.table-show-purchase td{
     border-bottom: 1px solid #7f0909!important;
        vertical-align: middle!important;
        color: black;
}
.table-edit-purchase td{
     border-bottom: 1px solid #993A3A !important;
        vertical-align: middle!important;
        color: black;
}
.table-edit-purchase th{
     padding:6px!important;
        vertical-align: middle!important;
}
.Details-ctn{
    max-width: 100%;
    overflow-x: auto;
}
.effect-1 {
  background-color: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;
}
.full-width{
    width: 100% !important;
}
.effect-1:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.numoStyle1 {
     background-color: transparent !important;
     border-color: transparent;
     box-shadow:none;
     
}
/*===Ventes=======*/
.view-color{
    background-image: linear-gradient(to right, #4165ba, #F5F7FA)!important;
}
.cuuClient-color{
     background-image: linear-gradient(to right, #4b4954, #F5F7FA)!important;
}
.cuClient-color{
    background: #4b4954!important;
}
.custC-color{
    background-image: linear-gradient(to right, #878032, #F5F7FA)!important;
}
.permi-color{
    background-image: linear-gradient(to right, #4165ba, #F5F7FA)!important;
}
.permission-color{
    background: #4165ba!important;
}
.sales-discount-color{
    background-image: linear-gradient(to right, #1f5e63, #F5F7FA)!important;
}
.saleUs-color{
    background-image: linear-gradient(to right, #7f41ba, #F5F7FA)!important;
}
.saleUser-color{
    background-image: linear-gradient(to right, #7f41ba, #F5F7FA)!important;
}
.saleUser-bcolor{
    background: #7f41ba!important;
}
.store-color{
    background-image: linear-gradient(to right, #ba4183, #F5F7FA)!important;
}
.store-bcolor{
    background: #ba4183!important;
}
.custClient-color{
    background-image: linear-gradient(to right, #bab141, #F5F7FA)!important;
}
.custmerClient-color{
    background: #bab141!important;
}
.custEmployer-color{
    background-image: linear-gradient(to right, #c09d54, #F5F7FA)!important;
}
.customerEmployer-color{
    background: #c09d54!important;
}
.custFirstName-color{
    background-image: linear-gradient(to right, #c09d54, #F5F7FA)!important;
}
.customerFirstName-color{
    background: #c09d54!important;
}
.custLastName-bcolor{
    background-image: linear-gradient(to right, #C06754, #F5F7FA)!important;
}
.customerLastName-bcolor{
    background: #C06754!important;
}
.sales-color{
    background-image: linear-gradient(to right, #ba5741, #F5F7FA)!important;
}
.sales-bcolor{
    background: #ba5741!important;
}
.thead-color{
    background: #767676!important;
}
.sales-textcolor{
    color: #131e35!important;
}
.btnsSale{
    background-color:#131e35!important;
    border-color: #131e35 !important;
    border:0px;
    font-size:18px;
}
.btnsSale:hover{
    background-color:#00AEB1 !important;
}
.table-sale td{
    border-bottom: 1px solid #131e35!important;
    vertical-align: middle!important;
    color: black;
    padding: 10px 4px!important;
}
.UrgentVente{
    position: absolute;
    right: -4px;
}
/*Edit vente*/
.encaisseme-color{
    background-image: linear-gradient(to right, #f35f5f, #F5F7FA)!important;
}
.sales-edit-color{
    background-image: linear-gradient(to right, #424B5D, #F5F7FA)!important;
}
.sales-edit-bcolor{
    background: #424B5D!important;
    border-color:#424B5D!important;
}
.sales-edit-bcolor:hover{
    background: #424B5D!important;
}
.btnsSaleEdit{
    background-color:#424B5D!important;
    border-color: #424B5D !important;
    border:0px;
    font-size:18px;
}
.btnsSaleEdit:hover{
    background-color:#424B5D!important;
}
.table-sale-Edit td{
    border-bottom: 1px solid #424B5D!important;
    vertical-align: middle!important;
    color: black;
    padding: 10px 4px!important;
}

/*Show vente*/
.sales-show-color{
    background-image: linear-gradient(to right, #686F7D, #F5F7FA)!important;
}
.sales-show-bcolor{
    background: #686F7D!important;
    border-color:#686F7D!important;
}
.sales-show-bcolor:hover{
    background: #686F7D!important;
}
.btnsSaleShow{
    background-color:#686F7D!important;
    border-color: #686F7D !important;
    border:0px;
    font-size:18px;
}
.btnsSaleShow:hover{
    background-color:#686F7D!important;
}
.table-sale-Show td{
    border-bottom: 1px solid #686F7D!important;
    vertical-align: middle!important;
    color: black;
    padding: 10px 4px!important;
}
.totalUnPaid{
    
    color: red;
}

/*===Billings=======*/

.custmer-color{
    background-image: linear-gradient(to right, #3a5556, #F5F7FA)!important;
}
.custmerr-color{
    background: #3a5556!important;
}
.billings-color{
    background-image: linear-gradient(to right, #725236, #F5F7FA)!important;
}
.billings-bcolor{
    background: #725236!important;
}
.billings-textcolor{
    color: #725236!important;
}
.btn-discount{
    background-color:#1f5e63!important;
    border-color: #1f5e63 !important;
    border:0px;
    font-size:18px;
    color:white;
}
.btn-setting{
    background-color:#e5a650!important;
    border-color: #e5a650 !important;
    border:0px;
    font-size:18px;
    color:white;
}
.btn-group-user{
    background-color:#313C4F!important;
    border-color: #313C4F !important;
    border:0px;
    font-size:18px;
    color:white;
}
.btnsBilling{
    background-color:#725236!important;
    border-color: #725236 !important;
    border:0px;
    font-size:18px;
    color:white;
}
.btnsBilling:hover{
    background-color:#00AEB1!important;
}
.btnsBilling:click{
    background-color:#725236!important;
}
.table-billing td{
    border-bottom: 1px solid #725236!important;
    vertical-align: middle!important;
    color: black;
    padding: 10px 4px!important;
}

.Stat-V-Color{
    background-image: linear-gradient(to right, #f09030, #F5F7FA)!important;
}
.Stat-D-Color{
    background-image: linear-gradient(to right, #c66a0e, #F5F7FA)!important;
}
.Stat-G-Color{
    background-image: linear-gradient(to right, #7f4409, #F5F7FA)!important;
}
.DebColor{
    background-image: linear-gradient(to right, #7f7f09, #F5F7FA)!important;
}
.GbColor{
    background-image: linear-gradient(to right, #313C4F, #F5F7FA)!important;
}
.Debit-bcolor{
     background-color: #7f7f09;
}
.encaissement-color{
     background-color: #f35f5f;
}

/*===Quotations=======*/
.smsBox-color{
     background-color: #f3a95f;
}
.statisticsVend-color{
     background-color: #f09030;
}
.statisticsDoc-color{
    background-color: #c66a0e;
}
.Statistics-color{
    background-color: #7f4409;
}
.quotations-color{
    background-image: linear-gradient(to right, #097f09, #F5F7FA)!important;
}
.prodacthead-color{
    background-color: #973ff4;
}
.produits-color {

    background-image: linear-gradient(to right, #973ff4, #F5F7FA) !important;

}
.quotations-bcolor{
    background: #097f09!important;
}
.quotations-textcolor{
    color: #097f09!important;
}
.btn_permission{
    background-color:#4165ba!important;
    border-color: #4165ba !important;
    border:0px;
    font-size:18px;
}
.btnHistory{
    background-color:#ba5741!important;
    border-color: #ba5741 !important;
    border:0px;
    font-size:18px;
}
.btnsQuotation{
    background-color:#097f09!important;
    border-color: #097f09 !important;
    border:0px;
    font-size:18px;
}
.btnsQuotation:hover{
    background-color:#00AEB1 !important;
}
.btnsQuotation:click{
    background-color:#097f09!important;
}
.table-Quotation td{
    border-bottom: 1px solid #097f09!important;
    vertical-align: middle!important;
    color: black;
    padding: 10px 4px!important;
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 1024px) {
    .table-show-transfer,.table-edit-transfer,.table-purchase,.table-show-purchase{
        display: block!important;
    }
}


.btnsdeb{
    background-color:#7f7f09!important;
    border-color: #7f7f09 !important;
    border:0px;
    font-size:18px;
}
.btnsdeb:hover{
    background-color:#00AEB1 !important;
}
.btnhover:hover{
    background-color:#00AEB1 !important;
}

/*  style de mon navbar  */

.topnav {
  overflow: hidden;
  background-color: #ffffff;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  
}

.topnav .icon {
  display: none;
}

.dropdownList {
  float: left;
  overflow: hidden;
}

.dropdownList .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: #404E67;
  padding: 14px 16px;
  background-color: inherit;
  font-family: 'Montserrat', Georgia, 'Times New Roman', Times, serif;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
    float: none;
    color: #404E67;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: 'Montserrat', Georgia, 'Times New Roman', Times, serif;
}

.dropdown-content a:hover {
  background-color: #F2F4F7 !important;
  
}

.dropdownList:hover .dropdown-content {
  display: block!important;
  
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdownList .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdownList {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdownList .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.topnav .dropdownList .dropbtn span {
    font-size: 14px;
   }
.divStyle{
    width: 48px;
    height: 40px;
    margin-right: 3px;
    font-size: 17px;
    text-align: center;
    padding-top: 3.8%;
   }   
.icon-st{
    font-size: 14px;
    margin-right: 0.5rem;
    align-self: center;
}
.topnav .dropdownList .dropdown-content {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      border: 1px solid #E6E6E6;
      border-radius: 0 0 0.25rem 0.25rem;
   }
@media (min-width: 600px) and  (max-width: 991px) {
  .topnav .dropdownList .dropbtn span {
    display: none;
   }
}
@media (max-width: 768px) {
  .display-sm {
    display: none;
   }
}
@media (max-width: 578px) {
.pad-ing{
    margin-left: 0px!important;
}
}

@media (max-width: 500px) {
  .marg-top {
    margin-top: 60px;
   }
}
@media (max-width:600px){
    .txt-icon{
        display: inline-block!important;
    }
}
.topnav .dropdownList .dropbtn {
    padding: 1.4rem 0.6rem;
   }
 .topnav{
        padding: 0rem 18px;
       -webkit-box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, 0.1);
   } 
 .style-tab{
       margin-top:-40px;
       padding-top: 10px;
       font-size: 15px
   }
 @media screen and (max-width:768px){
   .margin-tab{
         margin-top: -4px !important;
      }
}
   @media screen and (min-width: 990px) {  
   .display-quotation{
       display: inline-table;
   }
 }
   @media screen and (min-width: 474px) {  
   .display-costmer-lastname{
       display: inline-table;
   }
 }
   @media screen and (min-width: 712px) {  
   .displ-costmer{
       display: inline-table;
   }
 }
 @media screen and (min-width: 768px) {  
   .displ{
       display: none;
   }
 }
 @media screen and (max-width: 768px) {  
   .width-sm{
       width: 190px!important;
       float: right!important;
   }
 }
 @media screen and (min-width: 969px) {  
   .tab-display{ display: inline-table!important;}
 }
 @media screen and (min-width: 1344px) {  
   .tab-displa{display: inline-table;}
 }
 @media screen and (min-width: 1010px) {  
   .tab-displ{display: inline-table;}
 }
 
 @media only screen and (min-width : 1440px) 
 {
    .h6-time{
                margin-right: 250px;
                width: 300px;
                margin-top: 15px;
                text-transform: capitalize;
          }
          .width-h{ width:300px;}
}
@media only screen 
and (min-width : 1340px)and (max-width : 1440px) 
 {
    .h6-time{
                margin-right: 200px;
                width: 300px;
                margin-top: 15px;
                text-transform: capitalize;
          }
    .width-h{ width:300px;   }
}
@media only screen and (min-width : 1040px)and (max-width : 1340px) 
 {
    .h6-time{
                margin-right: 100px;
                width: 300px;
                margin-top: 15px;
                text-transform: capitalize;
          }
   .width-h{ width:300px;}
}
@media only screen and (max-width : 1040px) 
 {
    .h6-time{
                margin-right: 100px;
                width: 300px;
                margin-top: 15px;
                text-transform: capitalize;
          }
   .width-h{ width:300px; }
}
@media only screen and (min-width : 676px) {
    .marg-left{margin-left: 50%;}
}
@media only screen and (max-width : 676px) {
    .marg-left{ margin-left: 5%;}
}
@media only screen and (min-width : 576px) {
 .margin-left{margin-left: 65%;}
}
@media only screen  
and (max-width : 576px) {
 .mar-top{margin-top: 2%;}
}
@media only screen and (min-width : 763px) {
 .input_Style{
   width: 304px;
   height: 38px;
   margin-top: 7px;
   margin-right: 15px;
}
.pull{float: right}
}
@media only screen  
and (max-width : 576px) {
   .input_Style{
   height: 38px;
   margin-left:auto;
   margin-right: auto;
}
}
@media only screen  
and (max-width : 763px) and (min-width : 576px) {
 .input_Style{
   max-width: 200px;
   height: 38px;
   margin-top: 7px;
   margin-left: 20px;
}
.pull{float: left;}
}
@media only screen  
and (max-width : 576px) {
 .input_Style{margin-bottom:6px;}
}
.purchaseSearch_sync{
    height: 30px;
    margin-bottom:8px;
}
.purchaseSearch_fildset{
    margin-bottom: 15px;
    padding-bottom: 7px!important;
    box-shadow: 0 5px 15px #686F7D;
    margin-top: -12px !important;
}
.purchaseSearch_ref{
    background-color: floralwhite; position: absolute;z-index: 1000 ;
}
.purchaseSearch_divbtns{
    max-width:100%;height: 50px;padding: 4px;
}
.purchaseSearch_divbtns_input{
    width:48px!important;height: 40px;margin-right: 3px;
    text-align: center;
}
.purchaseSearch_divbtns_btn{
    width:48px;height: 40px;
}
.purchaseSearch_divbtns_btn i{
    font-size: x-large;
}
.purchaseSearch_SearchIcon{
    text-align:left;padding-top:3.9%; margin-right: 7px;
}
.purchaseSearch_SearchIcon i{
    font-size: 17px;
}
/****** new ****/

.set_barre{
    text-decoration: line-through;
}

/********** sale_discount_Style ***********/

.discountSearch_sync{
    height: 30px;
    margin-bottom:8px;
}
.discountSearch_fildset{
    margin-bottom: 15px;
    padding-bottom: 7px!important;
    box-shadow: 0 5px 15px #686F7D;
    margin-top: -12px !important;
}
.discountSearch_ref{
    background-color: floralwhite; position: absolute;z-index: 1000 ;
}
.discountSearch_divbtns{
    max-width:100%;height: 50px;padding: 4px;
}
.discountSearch_divbtns_input{
    width:48px!important;height: 40px;margin-right: 3px;
    text-align: center;                                            /*******new******/ 
}
.discountSearch_divbtns_btn{
    width:48px;height: 40px;
}
.discountSearch_divbtns_btn i{
    font-size: x-large;
}
.discountSearch_SearchIcon{
    text-align:left;padding-top:3.9%; margin-right: 7px;
}
.discountSearch_SearchIcon i{
    font-size: 17px;
}
@media only screen and (min-width: 1446px) {
  .ref-margin {margin-left: 37%;}
  .div_background{
    width: 800px;
    height: 28px;
    text-align: center;
}
}
@media only screen and (min-width:1000px)and (max-width: 1446px) {
  .ref-margin {margin-left: 10%;}
  .div_background{
    width: 700px;
    height: 28px;
    text-align: center;
}
}
@media only screen and (min-width:763px)and (max-width: 1000px) {
   .div_background{
    width: 500px;
    height: 28px;
    text-align: center;
 }
}

@media only screen and (min-width : 763px) {
 .input_Style{
   width: 304px;
   height: 38px;
   margin-top: 7px;
   margin-right: 15px;
}

}
@media only screen and (max-width : 763px) {
 
.div_background{
    width: 300px;
    height: 28px;
    text-align: center;
}
}
@media only screen and (max-width : 576px) {
 .input_Style{  margin-bottom:6px; }
}

@media only screen and (max-width : 576px) {

  .pl-right{ max-width: 163px;
             height: 50px;
             margin-left: auto;
             margin-right: auto;
           }
}
@media only screen and (min-width : 576px) {
 .pl-right{ float: right;}
 
}
.StyleSale-a
{
    width: 100% !important;
    height: 30px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
    
    line-height: 2rem;                      /*******new******/ 
    padding-left: 7px;
}
.StyleSale-b {
    width: 100% !important;
    height: 30px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
    
    line-height: 2rem;                       /*******new******/ 
    padding-left: 7px;
}
.StyleSale-c{
    width: 100% !important;
    height: 42px !important;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
   /*box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);*/
    
    line-height: 3rem;                         /*******new******/ 
    text-align: center;
}
.tab-tab-td td{
      border-bottom: 1px solid #09447f!important;
      vertical-align: middle!important;
      color: black;
}
.tab-th{
    width: 10px!important;
    text-align: center;
}
.thead-color{
    background: #767676!important;
}
@media only screen and (min-width : 576px) {
 .margin-left{
    margin-left: 65%;}
}
.divStyle{
    width: 48px;
    height: 40px;
    margin-right: 3px;
    font-size: 17px;
    text-align: center;
    padding-top: 3.8%;
   } 
   
.effect-1 {
    background-color: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
    -webkit-transition: .18s ease-out;
    -moz-transition: .18s ease-out;
    -o-transition: .18s ease-out;
    transition: .18s ease-out;
} 
/****** new ******/
.set_barre{
    text-decoration: line-through;
}
.inputWW{
   width: 100%!important;
}
.div-width{
   width: 830px!important;
   margin-top: 44px;
}
.title-style{
   font-size: 20px;
   margin-top: 10px;
}
.margin-ol{
  margin-left: 1%;
}
.size-i{
   font-size: 17px;
}
.navbar-header-mg{
   margin-bottom: 10px;
}


/***********   **********/


@media only screen and (max-width : 576px) {
   .card-body{ padding: 0.5rem; }
   .discountSearch_fildset{ box-shadow: 0 5px 5px #686F7D; }
}
.div-tab table{
   background-color: floralwhite!important;
}
.st-sc{
      padding-top: 0.3%;
   } 
.acs-desc{
      vertical-align: -5.5px;
   }
   .td-padding{
      padding-right: 2px!important;
      padding-left: 2px!important;
   }
 .td-pad-ing{
      padding-right: 4px!important;
      padding-left: 4px!important;
   }  
   .t-th th{
      padding-right: 2px!important;
      padding-left: 2px!important;
   }

/********************************************************************************/
   
.borderless th, .borderless td{
    border: none;
}

.btn-outline-custom:hover {
    background-color: #00b5b8;
    color: #FFFFFF !important;
    border-color: #00b5b8;
}

.btn-outline-custom {
    border-color: #00b5b8;
    background-color: transparent;
    color: #00b5b8;
}

.dropdown-menu .formes {
    overflow-x: hidden;
    overflow-y: scroll;
}

.dropdown .dropdown-menu{
    opacity: 0;
    display: none;
    max-height: 245px;
    overflow-y: auto;
}

.show > .dropdown-menu{
    opacity: 1;
    display: block;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #00B5B8 !important;
    background-color: #FFFFFF !important;
    border-color: #00B5B8;
}

.shape-link.dropdown-item.active, .shape-link.dropdown-item:active {
    background-color: #fcfcfc;
    border: 1px solid #00b5b8;
    border-radius: 4px;
}

#shape-view-ctn {
/*    background-color: #e3ebf3;*/
    position: relative;
    padding: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #e3ebf3;
}

#shape-view-text {
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%,50%);
}

.float-right{
    float: right;
}

.form-label-center{
    padding-top: 5px;
    padding-bottom: 0;
}

.inline-block{
    width: 35%; 
    margin-left: 16px; 
    display: inline-block;
}

.inline-flex {
    display: inline-flex;
    align-items: center;
}


#VerreModal{
   z-index :1100; 
}

.ProductRegulationQuantity .fa.fa-edit{
  margin-left: 10px !important;
}

.anomaly-table th,.anomaly-table td{
    border-bottom: 1px solid #54bec1 !important;
}


/*    Scrollbar Style     */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #7b7c7d; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7b7c7d; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}