@import url(reset.css); 

body{ height:100%;font: 100% Arial, Sans-serif; 
    	background-image: url("../QQQ/img/background.png");
    	padding: 0px;
    	margin: 0px;
    	
}


table, th, td {
    border-bottom: 0px solid blue;
    border-collapse: collapse;
    padding-top: 10px;
    font-size:20px;
    
}

.backgroundgray {
background-color: white;
color: red;


}

.backgroundgray:hover {
background-color: #e6e6ff;
}


.cadreNotaFiscal {
background-color: #e6e6ff;
opacity: 1.0;
width: 750px;
height: 500px;
box-shadow: 5px 5px 5px #888888;
z-index: 2000;
position: fixed;
overflow: scroll;
left : 50%;
margin-left : -375px;
top : 100px;

}

.indexpage{
width:500px;
text-align:center;
font-size:40px;
color: white;
background-color: gray;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 10px black solid;
margin: 0 auto;
margin-top: 30px;
overflow: hidden;
}

.top{
width:100%;
text-align:center;
font-size:30px;
color: black;
background-color: gray;

}

.total{
width:100%;
text-align:center;
font-size:30px;
color: white;

}
.total2{
padding-top:20px;
margin-right:40px;
text-align:right;
width:900px;

}

.cadre{
width:100%;
margin: 0 auto;
overflow:hidden;
position: relative;


}

.cadre2{
width:1000px;
margin: 0px;
overflow:hidden;
position: relative;


}

.cadre3{
width:1000px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
overflow:hidden;
position: relative;
border: 3px solid #708090;
padding-top: 10px;
padding-bottom: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.cadre31{
width:1000px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 10px;
overflow:hidden;
position: relative;
border: 3px solid #708090;
padding-top: 0px;
padding-bottom: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.cadreMaster{
width:100%;
margin: 0 auto;
overflow:hidden;
position: relative;


}

.cadreQ1{
width:800px;
margin: 0 auto;
overflow:hidden;
padding: 30px;

}


.startpage{
padding: 20px;
width:500px;
height:230px;
box-shadow: 5px 5px 5px #888888;
text-align:center;
font-size:30px;
color: red;
background-color: white;
position: relative;
border: 3px gray solid;
text-decoration: none;
vertical-align: middle;
margin: 0 auto;
text-decoration: none;
margin-bottom: 20px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
top: 30px;
}


.customer1{
padding: 5px;
width:100%;
text-align:center;
font-size:30px;
color: gray;
background-color: BLACK;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-bottom: 5px gray solid;
text-decoration: none;
vertical-align: top;
padding-top: 15px;
float:center;
text-decoration: none;
}


.customer{
margin: 0 auto;
padding: 20px;
padding-left: 5px;
width:1000px;
text-align:left;
font-size:30px;
color: white;
background-color: lightgray;
display: inline-block;
position: relative;
color: white;
border-bottom: 3px white solid;
border-radius: 10px;

}
.customerList{

padding: 0px;
padding-left: 0px;
width:350px;
text-align:left;
font-size:30px;
color: white;
background-color: lightgray;
display: inline-block;
position: relative;
color: white;
border: 0px blue solid;
border-radius: 10px;
height: 700px;
overflow-x: hidden;
}


.CadreModules{
margin: 0 auto;
padding: 10px;
width:1000px;
text-align:left;
font-size: 30px;
color: white;
background-color: orange;
color: white;
border-bottom: 3px white solid;
position: relative;
}

.options{
padding: 10px;
width:460px;
height:600px;
text-align:Left;
font-size:30px;
color: white;
background-color: rgba(15,64,144,0.5);
display: inline-block;
float: left;
position: relative;
overflow-y:scroll;
border: 3px rgba(15,64,144,1) solid;
border-radius: 10px;
}


.selections{
padding: 10px;
width:480px;
text-align:Left;
font-size:30px;
color: white;
background-color: orange;
display: inline-block;
float: left;
position: relative;
border: 3px orange solid;
margin-left: 5px;
border-radius: 10px;

}

.selections2{
padding: 10px;
width:900px;
text-align:Left;
font-size:15px;
color: lightgray;
background-color: #696969;
display: inline-block;
float: left;
position: relative;
margin-top: 10px;
margin-left: 5px;
border-radius: 10px;

}

.selections21{
padding: 20px;
width:970px;
text-align: center;
font-size:15px;
color: lightgray;
background-color: #696969;
display: inline-block;
position: relative;
border-radius: 0px;
}

.selections3{
padding: 10px;
width:920px;
text-align:Left;
font-size:30px;
color: white;
background-color: gray;
position: relative;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;

}

.selections31{
padding: 10px;
width:900px;
text-align:Left;
font-size:30px;
color: white;
background-color: gray;
position: relative;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 10px;
border-radius: 10px;

}

.selections4{
color: red;
font-size:15px;

}


.bouton_select {
color: white;
background-color: green;
width: 50px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 0px white solid;
margin-left: 15px;
padding: 3px; 
}

.bouton_select:hover {
color: green;
background-color: white;
cursor: pointer;
}
.bouton_remove {
color: white;
background-color: red;
width: 60px;
height: 20px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px red solid;
font-size: 10px;
vertical-align: middle;
padding: 3px; 

}

.bouton_remove:hover {
color: red;
background-color: white;
cursor: pointer;

}

.bouton_modify {
color: white;
background-color: blue;
width: 60px;
height: 20px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px blue solid;
font-size: 10px;
vertical-align: middle;
}

.bouton_modify:hover {
color: blue;
background-color: white;
cursor: pointer;
}

.bouton_modifyreport {
color: white;
background-color: orange;
width: 60px;
height: 20px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px orange solid;
font-size: 10px;
vertical-align: middle;
}

.bouton_modifyreport:hover {
color: orange;
background-color: white;
cursor: pointer;
}


.bouton_copy {
color: white;
background-color: blue;
width: 50px;
height: 20px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px blue solid;
font-size: 10px;
vertical-align: middle;
}

.bouton_copy:hover {
color: blue;
background-color: white;
cursor: pointer;

}

.bouton_confirm {
color: white;
background-color: green;
width: 60px;
height: 20px;
text-align:left;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px green solid;
font-size: 10px;
vertical-align: middle;
}

.bouton_confirm:hover {
color: green;
background-color: white;
cursor: pointer;

}


.bouton_langue {
color: white;
background-color: green;
width: 80px;
height: 20px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px white solid;
font-size: 12px;
vertical-align: middle;
}

.bouton_langue:hover {
color: green;
background-color: white;

}


.bouton_show {
color: white;
background-color: blue;
width: 30px;
height: 15px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px blue solid;
font-size: 12px;
padding-top: 3px;
vertical-align: middle;
}

.bouton_show:hover {
color: blue;
background-color: white;

}


.bouton_modifylanguage {
color: rgba(15,64,144,1);
background-color: white;
width: 160px;
height: 35px;
line-height: 30px;
text-align:center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 3px rgba(15,64,144,1) solid;
font-size: 20px;

}

.bouton_modifylanguage:hover {
cursor: pointer;
}


.ConfirmQuote{
padding: 20px;
width:400px;
text-align:center;
font-size:30px;
color: white;
background-color: green;
display: inline-block;
position: relative;
margin-left : 15px;
border: 1px white solid;
}
.ConfirmQuote:hover{
color: green;
background-color: white;
}

textarea {
   resize: none;
   resize: vertical; 
}

.message {
width: 500px;
height: 80px;
background-color: orange;
color: white;
padding: 10px;
text-align:center;
font-size:25px;
overflow: hidden;
position: absolute;

margin-top: 190px;
margin-left: 100px;

}

.section1 {
width: 170px;
height: 100px;
background-color: gray;
color: white;
padding-top: 22px;
text-align:center;
font-size:20px;
overflow: hidden;
margin: 0 auto;
display: inline-block;
margin-left: 40px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px white solid;
text-decoration: none;
vertical-align: middle;
position: relative;

}

.section1:hover {
background-color: orange;
}

.section2 {
width: 170px;
height: 100px;
background-color: orange;
color: white;
padding-top: 22px;
text-align:center;
font-size:20px;
overflow: hidden;
margin-left: 60px;
display: inline-block;
float: left;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px white solid;
text-decoration: none;
vertical-align: middle;
}

.section3 {
width: 170px;
height: 100px;
background-color: gray;
color: white;
padding-top: 22px;
text-align:center;
font-size:20px;
overflow: hidden;
margin-left: 60px;
display: inline-block;
float: left;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px white solid;
text-decoration: none;
vertical-align: middle;
color: lightgray;
}
.section {
width: 170px;
height: 100px;
background-color: gray;
color: black;
padding-top: 22px;
text-align:center;
font-size:20px;
overflow: hidden;
margin-left: 60px;
display: inline-block;
float: left;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px white solid;
text-decoration: none;
vertical-align: middle;
}

.section4 {
width: 100%;
height: 40px;
background-color: lightgray;
color: white;
text-align:center;
font-size:30px;
overflow: hidden;
letter-spacing: 15px;
position: relative;
border: 0px white solid;
margin-bottom: 0px;
text-decoration: none;
vertical-align: middle;
line-height: 40px;
margin-bottom: 0px;
font-weight: bold;
}

.section4description {
color: white;
padding-top: 12px;
text-align:center;
font-size:15px;
overflow: hidden;
letter-spacing: 0px;
position: relative;
border: 0px white solid;
margin-bottom: 0px;
text-decoration: none;
vertical-align: middle;
line-height: 15px;
margin-bottom: 0px;
}




.EntryBox {
width : 200px;
background-color: white;
color: #FFA230;
font-size:22px;
border: 1px black solid;
margin: 0 auto;
text-align:center;
margin-top: 5px;
margin: 0 auto;
position: relative;
}

.line {
width : 700px;
border-bottom: 3px white solid;
margin-bottom: 10px;
text-align:center;
margin-top: 20px;
}


.select {
width : 200px;
background-color: gray;
color: orange;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
cursor: pointer;
margin-top: 5px;
border: 1px black solid;

}

.select:hover {
background-color: white;
	
}



.CreateQuotation{
padding: 5px;
width:700px;
text-align:left;
font-size:30px;
color: orange;
background-color: white;
display: inline-block;
position: relative;
margin-left : 80px;

border-bottom: 0px orange solid;

}

.CreateQuotation2{
padding: 5px;
width:950px;
text-align:left;
font-size:30px;
color: orange;
background-color: white;
display: inline-block;
position: relative;
margin-top : 10px ;
position: relative;
border-bottom: 5px orange solid;

}

.CreateQuotationList{
padding: 5px;
width:910px;
text-align:left;
font-size:30px;
color: orange;
background-color: white;
position: relative;
margin: 0 auto;
position: relative;

border-bottom: 0px orange solid;

}

.footer{
border-top: 1px gray solid;
padding: 5px;
width:100%;
text-align:center;
font-size:10px;
color: gray;
display: inline-block;
position: relative;
margin-top: 120px;
margin-bottom: 20px;
}

.customertitle{
padding-left: 10px;
text-align:Left;
font-size:30px;
color: rgba(15,64,144);
}

.Header1 {
width:600px;
display: inline-block;
float: left;
position: relative;
padding-left: 100px;
}



.Header2 {
width:30px;
height:30px;
position: relative;
display: inline-block;
background-image: url(https://www.lensgo.eu/QQQ/img/login.png);
background-size: 30px ;
background-repeat: no-repeat;
font-size:12px;
float: top;

}

.Header2:hover {
background-image: url(https://www.lensgo.eu/QQQ/img/logout.png);
}

.Header3 {
width:340px;
display: inline-block;
position: relative;
text-align: center;

}

.Header4 {
width:250px;
display: inline-block;
position: relative;

}

.Header5 {
width:120px;
margin-left: 5px;
display: inline-block;
position: relative;

}

.Header5:hover {
transform: rotate(12deg);

}


.Header6 {
width:70px;
height:70px;
margin-left: 20px;
display: inline-block;
position: relative;
border: 1px orange solid;
background-color: orange;
font-size: 15px;
text-decoration: none;
vertical-align: top;
transform: rotate(-10deg);
line-height: 70px;
text-align: center;
color: white;
border-radius: 0px 10px 0px 10px;
}

.Header6:hover {
color: orange;
transform: rotate(0deg);
background-color: white;
cursor: pointer;
}



.Cancel {
width:50px;
height:50px;
border: 0px gray solid;
background-color: black;
display: inline-block;
background-image: url(../img/cancel1.png);
background-size: 47px ;
background-repeat: no-repeat;
font-size:0px;
margin: 0 auto;
cursor: pointer;


}

.Cancel:hover {
background-image: url(../img/cancel2.png);
}

.Modify {
width:50px;
height:50px;
border: 0px gray solid;
background-color: black;
display: inline-block;
background-image: url(../img/modify1.png);
background-size: 47px ;
background-repeat: no-repeat;
font-size:0px;
margin: 0 auto;
cursor: pointer;


}

.Modify:hover {
background-image: url(../img/modify2.png);
}

.Plus {
width:60px;
height:60px;
border: 0px gray solid;
background-color: gray;
display: inline-block;
background-image: url(../img/plus2.png);
background-size: 60px ;
background-repeat: no-repeat;
}

.Plus:hover {
background-image: url(../img/plus1.png);
}


/* TRACKIN */

.JPMTrackPage{
padding: 15px;
width:966px;
text-align:left;
font-size:30px;
color: white;
background-color: black;
position: relative;
color: white;
border-bottom: 3px white solid;
margin: 0 auto;

}


.JPMDashBoard{
  padding: 15px;
  width:966px;
  text-align:left;
  font-size:30px;
  color: white;
  background-color: black;
  position: relative;
  color: white;
  border-bottom: 3px white solid;
  margin: 0 auto;
  
}

.boxJPMTrackPageHeader{
width:960px;
overflow-x: scroll;
 
}

.JPMTrackPageHeader{
padding: 3px;
width: 100%;
text-align:left;
font-size:30px;
color: white;
display: inline-block;
position: relative;
color: white;
border: 0px lightgray solid;
margin: 0 auto;
background-color: black;
height: 60px;
 
}



.ModifyJPMTrack {
border-radius: 50%;
border: 4px black solid ;
width:48px;
height:48px;
background-color: white;
display: inline-block;
background-image: url(../img/modify1.png);
background-size: 44px ;
background-repeat: no-repeat;
font-size:0px;
margin: 0 auto;

}


.ModifyJPMTrack:hover {
background-image: url(../img/modify2.png);
cursor: pointer;
}


.PlusTrack {
margin-left: 30px;
font-size:30px;
width: 180px;
height:40px;
border: 0px gray solid;
background-color: orange;
color: white;
display: inline-block;

}


.PlusTrack:hover {
background-color: white;
color: orange;
cursor: pointer;

}



.NewRepport {
font-size: 15px;
width: 50px;
height:50px;
border: 1px orange solid;
background-color: orange;
color: white;
display: inline-block;
border-radius: 50%;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 200px;
transform: rotate(-20deg);
box-shadow: 5px 5px 5px #888888;

}


.NewRepport:hover {
background-color: white;
color: orange;
cursor: pointer;
transform: rotate(0deg);
}


.OPLUpdate {
font-size: 14px;
width: 50px;
height:50px;
border: 1px orange solid;
background-color: orange;
color: white;
display: inline-block;
border-radius: 50%;
position: relative;
transform: rotate(-20deg);
box-shadow: 5px 5px 5px #888888;
text-decoration: none;
line-height: 50px;
text-align: center;
}


.OPLUpdate:hover {
background-color: white;
color: orange;
cursor: pointer;
transform: rotate(0deg);
}


.FrameMonthTrack {
margin-left: 3px;
margin-top: 5px;
font-size:20px;
width: 70px;
height:45px;
border: 0px gray solid;
background-color: black;
display: inline-block;
color:white;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: center;
border-bottom: 3px black solid;
position: relative;
}

.FrameMonthTrack:hover {
background-color: white;
color:black;
border-bottom: 3px orange solid;


}


.FrameYearTrack {
  margin-left: 10px;
  margin-top: 5px;
  font-size:20px;
  width: 70px;
  height:30px;
  border: 0px gray solid;
  background-color: black;
  display: inline-block;
  color:white;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  vertical-align: center;
  border-bottom: 3px black solid;
  
}

.FrameYearTrack:hover {
  background-color: white;
  color:black;
  border-bottom: 3px orange solid;
  
  
}







.MonthTrack {
margin-left: 0px;
font-size:20px;
width: 70px;
height:30px;
border: 0px gray solid;
background-color: black;
display: inline-block;
color:white;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: center;
position: relative;
cursor: pointer;
}


.MonthTrack:hover {
background-color: white;
color:black;



}

input.MonthTrack2 {
margin-left: 0px;
font-size:20px;
width: 70px;
height:30px;
border: 0px gray solid;
background-color: white;
display: inline-block;
color:black;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: center;
position: relative;
cursor: pointer;

}





input.YearTrack {
  margin-left: 0px;
  font-size:20px;
  width: 70px;
  height:30px;
  border: 0px gray solid;
  background-color: black;
  display: inline-block;
  color:white;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  vertical-align: center;
  position: relative;
  cursor: pointer;
}


input.YearTrack:hover {
  background-color: white;
  color:black;
  
  
  
}

input.YearTrack2 {
  margin-left: 0px;
  font-size:20px;
  width: 70px;
  height:30px;
  border: 0px gray solid;
  background-color: white;
  display: inline-block;
  color:black;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  vertical-align: center;
  position: relative;
  cursor: pointer;
  border-bottom: 3px orange solid;
  
}





.TotalTimeTrack {
margin-left: 0px;
font-size:15px;
width: 70px;
height:18px;
border: 0px white solid;
background-color: grey;
display: inline-block;
color:black;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: center;
position: relative;
}

.FrameTrackList {
margin-top: 2px;
margin-left: 3px;
font-size:15px;
width: 964px;
height:70px;
border-top: 0px black solid;
background-color: white;
display: inline-block;
color:black;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: center;
position: relative;
}

.FrameTrackListDetails {
margin-top: 2px;
margin-left: 3px;
font-size:15px;
width: 964px;
height:100%;
border-top: 0px black solid;
background-color: white;
display: inline-block;
color:black;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: center;
position: relative;
}

.FilterPartnerCode{
width: 100px;
height: 30px;
padding: 5px;
font-size:15px;
background-color: white;
color:black;
border: 1px gray solid;


}

.JPMTrackFilter{
width: 300px;
height: 30px;
padding: 5px;
font-size:20px;
background-color: white;
color:black;
border: 1px gray solid;


}

.JPMTrackFilter2{
width: 375px;
height: 30px;
padding: 5px;
font-size:20px;
background-color: white;
color:black;
border: 1px gray solid;


}



.PdfPrint {
text-decoration: none;
width: 100px;
height: 30px;
padding: 5px;
font-size:20px;
background-color: orange;
color:white;
border: 1px white solid;
cursor: pointer;
line-height: 30px;
}


.PdfPrint:hover {
background-color: white;
color:orange;
border: 1px orange solid;

}

input.LastPrint {
width: 100px;
height: 40px;
padding: 5px;
font-size:20px;
background-color: orange;
color:white;
border: 1px white solid;
cursor: pointer;
line-height: 30px;
}


input.LastPrint:hover {
background-color: white;
color:orange;
border: 1px orange solid;

}



.ReportIn{
padding: 10px;
width:100%;
text-align:Left;
font-size:30px;
color: white;
position: relative;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 10px;


}


textarea {
  width: 300px;
  height: 30px;
}


.ServiceTypeFilter {
padding: 5px;
width:200px;
height:40px;
text-align:center;
font-size:18px;
color: white;
background-color: gray;
position: relative;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;


}

.view{
padding: 3px;
width: 50px;
height:22px;
text-align:center;
font-size:13px;
color: white;
background-color: green;
color: white;
position: relative;
margin: 0 auto;
float:right;
border: 1px green solid;
cursor: pointer;
display: inline-block;
}

.view:hover{
color: green;
background-color: white;
cursor: pointer;
}


.close{
padding: 3px;
width: 50px;
height: 22px;
text-align: center;
font-size: 13px;
color: white;
background-color: red;
color: white;
position: fixed;
margin-right: 5px;
margin-top: -10px;
border-bottom: 1px red solid;
border-right: 1px red solid;
border-left: 1px red solid;
border-top: 0px white solid;
cursor: pointer;
display: inline-block;

}

.close:hover{
color: red;
background-color: white;
cursor: pointer;
}

.text-decoration{
text-decoration: none;
color: white;

}
.text-decoration:hover{
color: blue;
cursor: pointer;
}

.section4CustAdmin1 {
width: 100%;
height: 30px;
background-color: rgb(15, 64, 144);
color: white;
padding-top: 22px;
text-align:center;
font-size:20px;
overflow: hidden;
display: inline-block;
float: left;
position: relative;
border: 0px white solid;
text-decoration: none;
vertical-align: middle;
line-height: 15px;
letter-spacing: 5px;
}


select {

  /* styling */
  background-color: white;
  border: thin solid #1d4851;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  font-size: 12px;
  color: black;
  text-align: left;
  margin-left: 5px;
  
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}



.ListeClientAdmin {
color: white;
background-color: green;
width: 70px;
height: 30px;
text-align:center;
border: 1px white solid;
font-size: 20px;
line-height: 20px;
vertical-align: middle;
overflow-x: scroll;
}

.ListeClientAdmin:hover {
color: green;
background-color: white;
cursor: pointer;
}


select.SupportType {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  font-size: 12px;
  color: black;
  text-align: left;
  margin-left: 5px;
  
}

select.SupportType:focus {
  background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}