/***************************************/
/* 1. LOGIN */
/***************************************/
/***************************************/
/* 2. ACTIONS BUTTONS */
/***************************************/
 .recommendation .icon-pencil, .recommendation .icon-trash, .recommendation .icon-credit-card, .recommendation .icon-calculator, .recommendation .icon-user-unfollow, .recommendation .icon-user-following, .recommendation .icon-puzzle, .recommendation .icon-star {
     color: #fff;
     font-size: 18px;
     position: absolute;
     left: 50%;
     margin-left: -9px;
     top: 11px;
}
 .jq-list-order .transaction-list-item-icon .transaction-icon {
     width: 21px;
     height: 21px;
     top: -4px;
}
 .jq-list-order .transaction-list-item-icon .transaction-icon .svg-plus {
     width: 9px;
     height: 9px;
     top: 6px;
     left: 6px;
}
/***************************************/
/* 3. TABLES */
/***************************************/
/* clients */
 .jq-list-client .purchases-list-header-date, .jq-list-client .purchase-item-date {
     width: 10%;
}
 .jq-list-client .purchases-list-header-recommend, .jq-list-client .purchase-item-recommend {
     width: 35%;
}
 .jq-list-client .purchases-list-header-details, .jq-list-client .purchase-item-details {
     width: 35%;
}
 .jq-list-client .purchases-list-header-info, .jq-list-client .purchase-item-info {
     width: 20%;
}
/* providers */
 .jq-list-provider .purchases-list-header-date, .jq-list-provider .purchase-item-date {
     width: 10%;
}
 .jq-list-provider .purchases-list-header-recommend, .jq-list-provider .purchase-item-recommend {
     width: 35%;
}
 .jq-list-provider .purchases-list-header-details, .jq-list-provider .purchase-item-details {
     width: 55%;
}
/* products */
 .jq-list-product .purchases-list-header-date, .jq-list-product .purchase-item-date {
     width: 10%;
}
 .jq-list-product .purchases-list-header-recommend, .jq-list-product .purchase-item-recommend {
     width: 35%;
}
 .jq-list-product .purchases-list-header-details, .jq-list-product .purchase-item-details {
     width: 35%;
}
 .jq-list-product .purchases-list-header-price, .jq-list-product .purchase-item-price {
     width: 20%;
}
/* orders */
 .jq-list-order .transaction-list-header-reference, .jq-list-order .transaction-list-item-reference {
     width: 10%;
     padding-left: 24px;
}
 .jq-list-order .transaction-list-header-date, .jq-list-order .transaction-list-item-date {
     width: 25%;
}
 .jq-list-order .transaction-list-header-author, .jq-list-order .transaction-list-item-author {
     width: 25%;
}
 .jq-list-order .transaction-list-header-price, .jq-list-order .transaction-list-item-price {
     width: 15%;
}
 .jq-list-order .transaction-list-header-state, .jq-list-order .transaction-list-item-state {
     width: 15%;
}
 .jq-list-order .transaction-list-header-icon, .jq-list-order .transaction-list-item-icon {
     width: 10%;
}
/***************************************/
/* 4. PAGE ORDER */
/***************************************/
/* invoice */
 .clearfix:after {
     content: "";
     display: table;
     clear: both;
}
 #invoice a {
     text-decoration: none;
     color: #001028;
}
 #invoice {
     position: absolute;
     width: 21cm;
     height: auto;
     margin: 0 auto;
     padding-left: 1cm;
     padding-right: 1.5cm;
     color: #001028;
     background: #FFFFFF;
     font-family: "Helvetica Neue", Helvetica, sans-serif;
     font-size: 12px;
     border: none;
     display: none;
     z-index: 999;
}

 #invoice header {
     width: 100%;
     padding: 10px 0;
     margin-bottom: 10px;
}
 #invoice #project {
     height: 3cm;
     font-size: 1.2em;
     font-weight: bold;
     font-style: italic;
     float: left;
     text-align: left;
     line-height: 1.2em;
     margin-top: 0.5cm;
}
 #invoice #slogan {
     height: 3cm;
     font-size: 1.3em;
     font-weight: bold;
     float: right;
     text-align: left;
     line-height: 1.2em;
     margin-top: 0.5cm;
     margin-right: 2.5cm;
}
 #invoice #contact{
     width: 70%;
     height: 2cm;
     font-size: 1.2em;
     font-weight: 300;
     font-style: italic;
     float: left;
     text-align: left;
     line-height: 1.2em;
}
 #invoice #company {
     font-size: 1.2em;
     font-weight: 400;
     height: 2cm;
}
 #invoice #facture {
     width: 70%;
     height: 1cm;
     font-size: 1.2em;
     font-weight: bold;
     float: left;
     text-align: left;
     line-height: 1.2em;
}
 #invoice #date {
     height: 1cm;
     font-size: 1.2em;
     line-height: 1.2em;
}
 #invoice .arts {
     min-height: 5cm;
}
 #invoice #order {
     border-collapse: collapse;
     border: 1px solid;
     width: 100%;
	 font-size: 10px;
     padding-left: 0.5cm;
}
 #invoice #order th {
     text-align: center;
     border: 1px solid;
}
 #invoice #order td {
     border: 1px solid black;
     border-top: none;
     border-bottom: none;
     padding-right: 5px;
}
 #invoice #order tr {
     height: 0.5cm;
}
 #invoice #order:nth-child(2) {
     margin-top: 2.5cm;
}
 #invoice #order td.unit, #invoice #order td.qty, #invoice #order td.total, #invoice #order td.tva {
     font-size: 1em;
     text-align: right;
}
 #invoice #order td.desc {
     text-align: left;
     width: 60%;
     padding-left: 5px;
}
 #invoice #order td.unit {
     width: 9%;
}
 #invoice #order td.qty {
     width: 7%;
}
 #invoice #order td.total {
     width: 10%;
     font-weight: bold;
}
 #invoice #order td.tva {
     width: 7%;
}
 #invoice #tva {
     height:3cm;
     margin-top: 0.3cm;
     width: 50%;
     float: left;
     text-align: left;
}
 #invoice #tva span {
     font-weight: bold;
     color: #999;
     font-size :14px;
}
 #invoice #tva table {
     padding: 10px 0;
     margin-bottom: 30px;
     border-collapse: collapse 1px solid;
}
 #invoice #tva table td ,#tva table th {
     padding: 2px 5px 5px 30px;
     margin-bottom: 30px;
     border-collapse: collapse 1px solid;
     background : #f2f2f2;
     font-weight: bold;
}
 #invoice #tva table th {
     text-align:center;
}
 #invoice #tva table td {
     text-align:right;
}
 #invoice #montant {
     height:3cm;
     margin-top: 0.9cm;
}
 #invoice #montant span {
     float :right;
     margin-top :0.4cm;
}
 #invoice #montant table {
     width:45%;
}
 #invoice #montant table td.first {
     width :65%;
     font-weight: bold;
     padding: 2px 0;
}
 #invoice #montant table td.last {
     width :35%;
     font-weight: bold;
     text-align :right;
     padding: 2px 0;
}
 #notices {
     width: 100%;
     font-size: 1em;
     text-align: center;
     position: absolute;
     bottom: 15px;
}
.jq-order .button {
    margin: 24px 0 0;
}
 #purchase a {
     text-decoration: none;
     color: #001028;
}
 #purchase {
     position: absolute;
     width: 21cm;
     height: auto;
     margin: 0 auto;
     padding-left: 1cm;
     padding-right: 1.5cm;
     color: #001028;
     background: #FFFFFF;
     font-family: "Helvetica Neue", Helvetica, sans-serif;
     font-size: 12px;
     border: none;
	 display: none;
}

 #purchase header {
     width: 100%;
     padding: 10px 0;
     margin-bottom: 30px;
}
 #purchase #project {
     height: 3cm;
     font-size: 1.5em;
     font-weight: bold;
     font-style: italic;
     float: left;
     text-align: left;
     line-height: 1.2em;
}
 #purchase #slogan {
     height: 3cm;
     font-size: 1.3em;
     font-weight: bold;
     float: right;
     text-align: left;
     line-height: 1.2em;
}
 #purchase #contact{
     width: 50%;
     height: 2cm;
     font-size: 1.2em;
     font-weight: 300;
     font-style: italic;
     float: left;
     text-align: left;
     line-height: 1.2em;
}
 #purchase #company {
     font-size: 1.2em;
     font-weight: 400;
     height: 2cm;
}
 #purchase #facture {
     width: 50%;
     height: 1cm;
     font-size: 1.2em;
     font-weight: bold;
     float: left;
     text-align: left;
     line-height: 1.2em;
}
 #purchase #date {
     height: 1cm;
     font-size: 1.2em;
     line-height: 1.2em;
}
 #purchase #order {
     border-collapse: collapse;
     border: 1px solid;
     width: 100%;
     padding-left: 0.5cm;

}
 #purchase #order th {
     text-align: right;
     border: 1px solid;
}
 #purchase #order td {
     border: 1px solid black;
     border-top: none;
     border-bottom: none;
}
 #purchase #order tr {
     height: 0.5cm;
}
 #purchase #order td.qty {
     font-size: 1em;
     text-align: right;
	 padding-right: 2px;
}
 #purchase #order td.desc {
     text-align: left;
     width: 70%;
}
 #purchase #order td.qty {
     width: 30%;
}

 #purchase #notices {
     width: 100%;
     font-size: 1em;
     text-align: center;
     position: absolute;
     bottom: 15px;
}
@media print {
	#invoice {
		display: block;
	}
	#purchase {
		display: block;
	}
/***************************************/
/* TEST */
/***************************************/
	#dashboard-options-menu{
		display: none;
	}
	.dashboard-body{
		display: none;
	}
	.shadow-film{
		display: none;
	}
}

/***************************************/
/* 4. PAGE EXPORT */
/***************************************/
  .pickListButtons {
      text-align: center !important;
      height: 200px !important;
      }
      .pickListButtons button {
      margin-bottom: 5px !important;
      }
      .pickListSelect {
      height: 300px !important;
      }
	  #pickListResult2{
		  width:100% !important;
	  }
select {
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   color: #555;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}
option{
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-top: 1px;
padding: 10px 0px;
}
#services ul{
	
	margin-bottom:8px;
}
.input-container{
	
	margin-bottom:14px;

}
.input-container.poids{
	width:120px !important; float:right
}
#pickData{
	margin:5px 5px 4px -35%;
	width:170% !important;
}
.service-item column .button primary
{
	/*float:right; */
	margin-top:12px;
}
#export2{
	/*width:100%; */
	margin-top:14px;
	
}
.export{
	width : 100%;
	margin-top:16px
}
.services-v2 ul{
margin-bottom:14px		
}
.exp{
	float:right; 
	margin-top:8px;
}
.exp2{
	margin-top:8px;
}
.datepicker-wrap{
	width:100% !important; 
	margin-bottom:8px;
	
}
.exp3{
	display:inline-block; 
	margin-left:12px;
	margin-bottom : 8px;
}
#pickListResult{
	width:100% !important;
}


