body, html {
  height: 100%;
  margin: 0;
  font-family:sans-serif;
}

/*Portail de connexion*/
.spContainer{
  width:100%;
  max-width:380px
}
.card{
  border-radius:8px;
  transition:.25s;
}
.card:hover{
  transition:.25s;
}
.btn-primary{
  border-radius:4px;
  border:none;
  background-color:#00B100;
  box-shadow:0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset, 0px -0.4em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.btn-primary:hover,.btn-primary:active{
  background-color:#00B100 !important;
  box-shadow:none;
}
.navigation{
  background-color:#0d6efd;
}
.navigation:hover,.navigation:active{
  background-color:#0d6efd !important;
  box-shadow:none;
}
.inpSp{
  background-color:#ebebeb;
  border:none;
  transition:.25s;
  padding-left:25px;
  font-weight:light !important;
  font-family: "Times New Roman", Times, serif; 
  border-radius:4px
}
.inpSp:hover{
  transition:.25s;
  background-color:#dbdbdb;
}
.inpSp:focus{
  background-color:#ebebeb;
  box-shadow:0 8px 8px 0px #f1f1f1;
}
.regStr{
  transition:.25s;
  padding-bottom:4px;
  border-bottom:2px solid gray;
  color:#212519;
}
.regStr:hover{
  border-bottom:2px solid #ff425f;
  padding-bottom:8px;
  transition:.25s;
  text-decoration:none;
  color:#212519;
}
::placeholder,.form-control{
  font-family: sans-serif;
}

.login-error {
  color : red;
  margin-bottom: 2vh;
}

/*Header*/
#navbar-pharmarelay-top{
  background-color:white;
  border-bottom: 1px solid #E8E8E8;
}
#navbar-pharmarelay-top a, #navbar-pharmarelay-top #username{
  color: black;
}
#profile-menu a {
  color: black;
}

/*Footer*/
#pharmarelay-footer {
  height: 8vh;
  background-color: white;
  border-top: 1px solid #E8E8E8;
  display: none;
}

/* Profile Picture */
.profile-pic{
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.profile-pic img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.profile-menu .dropdown-menu {
 right: 0;
 left: unset;
}
.profile-menu .fa-fw {
 margin-right: 10px;
}
.toggle-change::after {
 border-top: 0;
 border-bottom: 0.3em solid;
}
.ui-helper-hidden-accessible{
  display: none;
}
.ui-front{
  background-color: white;
}
.ui-menu-item{
  list-style: none;
}
#username{
  color: white;
}

/*Ecran liste*/
#table-head {
  border-width: 1;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
#table-head th{
  color: black;
}
#contentRows{
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}
#button{
  display:block;
  margin:20px auto;
  padding:10px 30px;
  background-color:#eee;
  border:solid #ccc 1px;
  cursor: pointer;
}
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

#loading-2{
  width: 10vw;
  height : 16vh;
}

#data .statutCreation, #histo-colis .statutCreation{
  color:#BA0021;
  font-weight: bold;
}
#data .statutLivreDestination, #histo-colis .statutLivreDestination{
  color: #006400;
  font-weight: bold;
}
#data .statutCollecte, #histo-colis .statutCollecte{
  color: #ff8c00;
  font-weight: bold;
}
#data .statutHub, #histo-colis .statutHub{
  color: purple;
  font-weight: bold;
}
#data .statutAutre, #histo-colis .statutAutre{
  color: black;
  font-weight: bold;
}
#data .date-colis, .temperature-colis{
  font-weight: bold;
}
.ui-menu-item .ui-menu-item-wrapper:hover{
  font-family:sans-serif;
}
.statut-img{
  width: 1vw;
  margin-right: 1vw;
}
.col-img,.localisation-img,.thermometre-img,.cofrac-img,.loading-img{
  width: 1.5vw;
}

#li-export-pdf-temperatures{
  display: none;
}

.infosTemperatureMesure{
  width: 10vw;
}

.attente-livraison-img{
  width: 1.1vw;
  margin-left: 0.2vw;
}
.localisation-img{
  margin-right: 1vw;
}
.col-img{
  margin-right: 0.5vw;
}
#search-container label{
  font-weight: bold;
}
#RAZ{
  color: white;
}

#param-compte-small, #deconnexion-small{
  display:none;
}
#table-head img{
  width: 0.8vw;
  height: 1.8vh;
}
#table-head .fleche-haut{
  display: none;
}
#villeField,#codePostalField,#statutField,#dateDebField,#dateFinField,#clientField,#refAllogaField,#destinataireField,#icone-plus-2,#typesTemperatureColixField{
  display: none;
}
.right-pag, .last-page{
  margin-left: 0.5vw;
  height: 37.5px;
}
.left-pag, .first-page {
  margin-right: 0.5vw;
  height: 37.5px;
}
#pagination-container-small li{
 list-style: none;
}

#detailColisPage{
  display : none;
}
.img-prec{
  height: 3.5vh;
}

#retourEcranListe{
  display: none;
}

.no-temperature{
  margin: 2vw;
}

#export-pdf-temperatures,#export-pdf-edition,#annuler-mise-a-jour-mot-de-passe{
  border-radius:4px;
  border:none;
  background-color:#BA0021;
  box-shadow:0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset, 0px -0.4em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
#export-pdf-temperatures:hover, #export-pdf-temperatures:active,#export-pdf-edition:hover,#annuler-mise-a-jour-mot-de-passe:hover{
  background-color:#BA0021 !important;
  box-shadow:none;
}

#retour-parametrage-compte{
  border-radius:4px;
  border:none;
  background-color:#ff8c00;
  box-shadow:0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset, 0px -0.4em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
#retour-parametrage-compte:hover{
  background-color:#ff8c00 !important;
  box-shadow:none;
}

#export-excel-temperatures a, #export-pdf-temperatures a, #export-excel-edition a, #export-pdf-edition a{
  color : white;
  text-decoration: none;
}
.page-prec, .tr-colis, #table-head th, #icone-plus,#icone-plus-2, #editer, #publier, #ajouter-temperature,
.supprimer-temperature,.supprimer-affectation-tag-chauffeur,
.importer-pod-img,.telecharger-pod-img,.importer-pod-img-detail-colis,
.telecharger-pod-img-detail-colis,.import-csv-img,.export-excel-small,.export-pdf-small,#modifier-photo-text,
#togglePassword-actuel,#togglePassword-nouveau,#togglePassword-confirmation,.valider-pod-img,.tr-course,.tr-colis-course,.importer-pod-img-page-ajout,.retour-parametrage-compte{
  cursor : pointer;
}
.page-prec,.retour-parametrage-compte{
  margin-right: 2vw;
}
body{
  height: 100%;
}
#table-colis-container{
  margin-right: 5%;
  margin-left: 5%;
}
#icone-plus,#icone-plus-2 {
  width: 2vw;
}
#selectNbLignesParPage{
  width: 70%;
}
#no-data,#main-spinner{
  text-align: center;
}
.detail-num-etiquette{
  padding-top: 1.4vh;
}
.item-smartphone{
  display: none;
}
.item-smartphone a {
  text-decoration: none;
}
.attente-livraison-temperature{
  height: 40vh;
}
#edit-tab{
  display: none;
}
.supprimer-img{
  height: 4vh;
  margin-left: 1vw;
  padding-bottom: 0.5vh;
}

#reloadDetailColis{
  display: none;
}
#data-tab-temperatures{
  height: 50vh;
  overflow-y: scroll;
}
#ajouter-temperature{
  width: 1.8vw;
}
#reloadAffectationsTagChauffeur{
  display: none;
}
.supprimer-affectation-tag-chauffeur {
  padding-top: 0.5vh;
} 
#affectation-tag-chauffeur-data{
  height: 40vh;
  overflow-y: scroll;
}
.publication-temperature-img{
  width: 1.6vw;
  
}
.importer-pod>input {
  display: none;
}
.importer-pod-img{
  width: 1.4vw;
  height: 2.9vh;
}
.telecharger-pod-img{
  width: 1.4vw;
  height: 2.9vh;
}

.importer-pod-img-detail-colis{
  width: 1.4vw;
  height: 3vh;
}
.telecharger-pod-img-detail-colis{
  width: 1.4vw;
  margin-left: 1vw;
}

.import-csv>input{
  display: none;
}

.import-csv-img{
  width: 2vw;
}
.export-excel-small,.export-pdf-small{
  width: 10vw;
}
.small-actions-container{
  display: none;
}
.profile-img-parametrage-compte{
  width: 200px;
  height: 215px;
}
.modifier-photo>input{
  display: none;
}
#reloadParametrageCompte{
  display: none;
}

.mise-a-jour-mot-de-passe a {
  text-decoration: none;
  color: black;
}
.valider-pod-img{
  width: 1.5vw;
  height: 3.4vh;
}
#ajoutPodNumero{
  text-transform: uppercase;
}
#parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
  width: 50%;
}
#ajout-pod-container{
  margin-bottom: 40vh;
}
#parametrage-compte-container{
  margin-bottom: 15vh;
}
#mise-a-jour-mot-de-passe-container{
  margin-bottom: 20vh;
}
#data #contentRows .tr-course th, #data #contentRows .tr-course td {
  background-color: rgba(0,0,0,.05);
}

/*4K min-width 3840px max-width 7000px*/
@media (min-width: 3835px) and (max-width: 7000px){
  body{
    height: 100%;
  }
  #table-colis-container{
    margin-right: 5%;
    margin-left: 5%;
  }
  #icone-plus,#icone-plus-2 {
    width: 1vw;
  }
  #selectNbLignesParPage{
    width: 70%;
  }
  
  .card{
    width: 180%;
  }
}

/*Laptop HDPI*/
@media (min-width: 1440px) and (max-width: 1800px){
  #table-colis-container{
    margin-right: 5%;
    margin-left: 5%;
  }
  
  #icone-plus,#icone-plus-2 {
    width: 2vw;
  }
  #data th{
    font-size: 0.9em;
  }
  #data td{
    word-break: keep-all;
  }

  .statut-img,.col-img,.localisation-img,.thermometre-img{
    display: none;
  }

  .data-temperatures {
    margin-bottom: 4vh;
  }

  #results{
    width: 10%;
  }
  #selectNbLignesParPage{
    width: 100%;
  }
  .numHisto{
    width: 20%
  }
  .temperatureHisto{
    width: 9%;
  }
  #ajouter-temperature{
    width: 2.5vw;
  }
  .import-csv-img {
    width: 2.5vw;
  }
  #data .importer-pod-img{
    height: 2.4vh;
  }
  #histo-colis .attente-livraison-img, #histo-colis .importer-pod-img, #histo-colis .telecharger-pod-img, #histo-colis .publication-temperature-img {
    display: block;
    width: 1.6vw;
    height: 2.5vh;
  }
  #histo-colis .importer-pod-img {
    display: block;
    width: 1.4vw;
    height: 2.4vh;
  }

  #histo-colis .valider-pod-img {
    display: block;
    width: 2vw;
    height: 3vh;
  }
  
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 75%;
  }
  #data .date-colis{
    font-size: 14px;
  }
  .profile-img-parametrage-compte {
    width: 14vw;
  }

  #data .telecharger-pod-img {
    width: 1.4vw;
    height: 2.5vh;
  }

  #data .valider-pod-img {
    width: 1.5vw;
    height: 3vh;
  }
}

/*Laptop*/
@media (min-width: 1420px) and (max-width: 1439px){
  #table-colis-container{
    margin-right: 5%;
    margin-left: 5%;
  }
  
  #icone-plus,#icone-plus-2 {
    width: 2vw;
  }
  #data th{
    font-size: 0.9em;
  }
  #data td{
    word-break: keep-all;
  }

  .statut-img,.col-img,.localisation-img,.thermometre-img{
    display: none;
  }

  .data-temperatures {
    margin-bottom: 4vh;
  }

  #results{
    width: 10%;
  }
  #selectNbLignesParPage{
    width: 100%;
  }
  .numHisto{
    width: 20%
  }
  .temperatureHisto{
    width: 9%;
  }
  #ajouter-temperature{
    width: 2.5vw;
  }
  .import-csv-img {
    width: 2.5vw;
  }
  #data .importer-pod-img{
    height: 2.9vh;
  }
  #histo-colis .attente-livraison-img, #histo-colis .importer-pod-img, #histo-colis .telecharger-pod-img, #histo-colis .publication-temperature-img {
    display: block;
    width: 1.8vw;
    height: 3.3vh;
  }
  #histo-colis .valider-pod-img{
    display: block;
    width: 2.2vw;
    height: 3.3vh;
  }
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 75%;
  }
  #data .date-colis{
    font-size: 14px;
  }
}

/*Laptop MDPI*/
@media (min-width: 1280px) and (max-width: 1419px){
  #icone-plus,#icone-plus-2 {
    width: 2vw;
  }
  #table-colis-container{
    margin-right: 6%;
    margin-left: 6%;
  }
  #data th, #data td{
    padding: 1px;
  }
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .table-responsive-stack td,
  .table-responsive-stack th {
     display:block;
     -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  }
  .table-responsive-stack .table-responsive-stack-thead {
     font-weight: bold;
  }
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width:100%;
  }
  #data img,#data .table-responsive-stack-thead, #histo-colis img, .last-temperature img, .cofrac-img{
    display: none;
  }
  #data .temperature-colis .publication-temperature-img,#data .attente-livraison-img,
  #data .importer-pod-img,#data .telecharger-pod-img,#histo-colis .publication-temperature-img,
  #data .valider-pod-img{
    display: block;
    width: 2vw;
    height: 3vh;
  }
  #histo-colis .attente-livraison-img, #histo-colis .importer-pod-img, #histo-colis .telecharger-pod-img, #histo-colis .valider-pod-img, #histo-colis .publication-temperature-img {
    display: block;
    width: 2.5vw;
    height: 3.5vh;
  }
  #results{
    width: 15%;
  }
  #selectNbLignesParPage{
    width: 130%;
  }
  .item-histo{
    width: 100%;
  }
  #data .loading-img{
    display: block;
    width: 7vw;
  }
  #table-head{
    display: none;
  }
  #ajouter-temperature{
    width: 3vw;
  }
  #headers-tab-edition,#affectation-tag-chauffeur-tab-headers{
    display: none;
  }
  .import-csv-img {
    width: 3vw;
  }
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 100%;
  }
  #data #main-spinner img {
    display: block;
    width: 17vw;
    height: 27vh;
    margin-left: 35vw;
  }

  .profile-img-parametrage-compte {
    width: 16vw;
  }
  .data-temperatures{
    margin-bottom: 4vh;
  }
}

/*Tablette - Affichage horizontal*/
@media (min-width: 980px) and (max-width: 1279px){
  #icone-plus,#icone-plus-2 {
    width: 2vw;
  }
  #table-colis-container{
    margin-right: 10%;
    margin-left: 10%;
  }
  #data th, #data td{
    padding: 1px;
  }
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .table-responsive-stack td,
  .table-responsive-stack th {
     display:block;
     -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  }
  .table-responsive-stack .table-responsive-stack-thead {
     font-weight: bold;
  }
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width:100%;
  }
  #data img,#data .table-responsive-stack-thead, #histo-colis img, .last-temperature img, .cofrac-img{
    display: none;
  }
  #data .temperature-colis .publication-temperature-img,#data .attente-livraison-img,
  #data .importer-pod-img,#data .telecharger-pod-img,#histo-colis .publication-temperature-img,
  #data .valider-pod-img{
    display: block;
    width: 3vw;
    height: 4vh;
  }
  #histo-colis .attente-livraison-img, #histo-colis .importer-pod-img, #histo-colis .telecharger-pod-img, #histo-colis .valider-pod-img, #histo-colis .publication-temperature-img {
    display: block;
    width: 2.5vw;
    height: 3.5vh;
  }
  #results{
    width: 15%;
  }
  #selectNbLignesParPage{
    width: 130%;
  }
  .item-histo{
    width: 100%;
  }
  #data .loading-img{
    display: block;
    width: 7vw;
  }
  #table-head{
    display: none;
  }
  #ajouter-temperature{
    width: 3vw;
  }
  #headers-tab-edition,#affectation-tag-chauffeur-tab-headers{
    display: none;
  }
  .import-csv-img {
    width: 3vw;
  }
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 100%;
  }
  #data #main-spinner img {
    display: block;
    width: 20vw;
    height: 28vh;
    margin-left: 32vw;
  }

  .profile-img-parametrage-compte {
    width: 18vw;
    height: 25vh;
  }
}

/*Tablette - Affichage vertical*/
@media (min-width: 820px) and (max-width: 979px){
  #param-compte-small, #deconnexion-small{
    display:block;
  }
  #param-compte-small a, #deconnexion-small a{
    text-decoration: none;
  }
  #nav-item-large{
    display: none;
  }
  #formFilter .inputFilter{
    margin-top: 0.5vh;
  }
  #icone-plus,#icone-plus-2 {
    width: 4vw;
    margin-top: 1vh;
  }
  #results{
    display: none;
  }
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .table-responsive-stack td,
  .table-responsive-stack th {
     display:block;
     -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  }
  .table-responsive-stack .table-responsive-stack-thead {
     font-weight: bold;
  }
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width:100%;
  }
  #data img,#data .table-responsive-stack-thead, #histo-colis img, .last-temperature img, .cofrac-img{
    display: none;
  }
  #data .temperature-colis .publication-temperature-img,#data .attente-livraison-img,
  #data .importer-pod-img,#data .telecharger-pod-img,#data .valider-pod-img,
  #histo-colis .attente-livraison-img,#histo-colis .importer-pod-img, 
  #histo-colis .telecharger-pod-img, #histo-colis .valider-pod-img, 
  #histo-colis .publication-temperature-img {
    display: block;
    width: 3vw;
    height: 2vh;
  }
  
  #table-colis-container{
    margin-right: 7.5%;
    margin-left: 7.5%;
  }
  #data th, #data td{
    padding: 2px;
  }
  #selectNbLignesParPage{
    width: 40%;
  }
  .item-histo{
    width: 100%;
  }
  #courbe-temperatures{
    margin-top: 2vh;
  }
  .nav-detail-colis{
    margin-right: 1.8%;
    margin-left: 1.8%;
  }
  #data .loading-img{
    display: block;
    width: 7vw;
  }
  #table-head{
    display: none;
  }
  .item-large{
    display: none;
  }
  .item-smartphone{
    display: block;
  }
  #headers-tab-edition{
    display: none;
  }
  #ajouter-temperature{
    width: 4.5vw;
  }
  #headers-tab-edition,#affectation-tag-chauffeur-tab-headers{
    display: none;
  }
  .import-csv-img {
    width: 4.5vw;
  }
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 100%;
  }
  #data #main-spinner img {
    display: block;
    width: 20vw;
    height: 17vh;
    margin-left: 32vw;
  }

  .profile-img-parametrage-compte {
    width: 22vw;
    height: 15vh;
  }
}

/*Smartphone - Horizontal*/
@media (min-width: 780px) and (max-width: 815px){
  .spContainer{
    margin-bottom: 8vh;
  }
  
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .table-responsive-stack td,
  .table-responsive-stack th {
     display:block;
     -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  }
  .table-responsive-stack .table-responsive-stack-thead {
     font-weight: bold;
  }
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width:100%;
  }
  #data img,#data .table-responsive-stack-thead, #histo-colis img, .last-temperature img, .cofrac-img{
    display: none;
  }
  
  #data .temperature-colis .publication-temperature-img,#data .attente-livraison-img,
  #data .importer-pod-img,#data .telecharger-pod-img,#data .valider-pod-img,
  #histo-colis .attente-livraison-img,#histo-colis .importer-pod-img, 
  #histo-colis .telecharger-pod-img, #histo-colis .valider-pod-img, 
  #histo-colis .publication-temperature-img {
    display: block;
    width: 4vw;
    height: 8vh;
  }
  #param-compte-small, #deconnexion-small{
    display:block;
  }
  #param-compte-small a, #deconnexion-small a{
    text-decoration: none;
  }
  #nav-item-large{
    display: none;
  }
  #selectNbLignesParPage{
    width: 20%;
    margin-top: 2vh;
  }
  #icone-plus,#icone-plus-2 {
    width: 5vw;
    margin-top: 1vh;
  }
  #data th, #data td{
    padding: 1px;
  }
  #username, #param-compte-small, #deconnexion-small{
    font-size: 14px;
  }
  #formFilter .inputFilter{
    margin-top: 0.5vh;
  }
  #results{
    display: none;
  }
  #selectNbLignesParPage{
    width: 50%;
  }
  #table-colis-container{
    margin-right: 7%;
    margin-left: 7%;
  }
  .item-histo{
    width: 100%;
  }
  #courbe-temperatures{
    margin-top: 2vh;
  }
  .nav-detail-colis{
    margin-right: 1.5%;
    margin-left: 1.5%;
  }
  #data .loading-img{
    display: block;
    width: 7vw;
  }
  #table-head{
    display: none;
  }
  .img-prec {
    height: 8vh;
  }
  .item-large{
    display: none;
  }
  .item-smartphone{
    display: block;
  }
  #headers-tab-edition,#affectation-tag-chauffeur-tab-headers{
    display: none;
  }
  #ajouter-temperature{
    width: 5vw;
  }
  .supprimer-img{
    height: 7vh;
  }
  .import-csv-img{
    width: 4.5vw;
  }
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 100%;
  }
  #data #main-spinner img {
    display: block;
    width: 20vw;
    height: 40vh;
    margin-left: 32vw;
  }
  .profile-img-parametrage-compte {
    width: 22vw;
    height: 50vh;
  }
}

/*Smartphone - Vertical*/
@media screen and (max-width: 768px){
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .table-responsive-stack td,
  .table-responsive-stack th {
     display:block;
     -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  }
  .table-responsive-stack .table-responsive-stack-thead {
     font-weight: bold;
  }
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width:100%;
  }
  #data img,#data .table-responsive-stack-thead, #histo-colis img, .last-temperature img, .cofrac-img{
    display: none;
  }
  #data .temperature-colis .publication-temperature-img,#data .attente-livraison-img,
  #data .telecharger-pod-img{
    display: block;
    width: 5vw;
  }
  #data .importer-pod-img, #data .telecharger-pod-img, #data .valider-pod-img{
    display: block;
    width: 6vw;
    height: 2.7vh;
  }

  #data .valider-pod-img{
    display: block;
    width: 6vw;
    height: 3vh;
  }

  #histo-colis .publication-temperature-img,
  #histo-colis .attente-livraison-img,#histo-colis .importer-pod-img, #histo-colis .telecharger-pod-img {
    display: block;
    width: 7vw;
    height: 2.8vh;
  }

  #histo-colis .valider-pod-img{
    display: block;
    width: 7vw;
    height: 3.2vh;
  }

  #histo-colis .importer-pod-img{
    display: block;
    width: 6vw;
    height: 2.8vh;
  }

  .export-excel-small,.export-pdf-small,.import-csv-img,#ajouter-temperature{
    width: 8vw;
  }

  #small-ajouter-temperature{
    width: 9vw;
  }

  #data #main-spinner img {
    display: block;
    width: 30vw;
    height: 15vh;
    margin-left: 32vw;
  }
  #param-compte-small, #deconnexion-small{
    display:block;
  }
  #param-compte-small a, #deconnexion-small a{
    text-decoration: none;
  }
  #nav-item-large{
    display: none;
  }
  #selectNbLignesParPage{
    width: 20%;
    margin-top: 2vh;
  }
  #icone-plus,#icone-plus-2 {
    width: 5vw;
    margin-top: 1vh;
  }
  #data th, #data td{
    padding: 1px;
  }
  #username, #param-compte-small, #deconnexion-small{
    font-size: 14px;
  }
  #formFilter .inputFilter{
    margin-top: 0.5vh;
  }
  #results{
    display: none;
  }
  #selectNbLignesParPage{
    width: 50%;
  }
  #table-colis-container{
    margin-right: 3.3%;
    margin-left: 3.3%;
  }
  .item-histo{
    width: 100%;
  }
  #courbe-temperatures{
    margin-top: 2vh;
  }
  .nav-detail-colis{
    margin-right: 3.4%;
    margin-left: 3.4%;
  }
  #data .loading-img{
    display: block;
    width: 7vw;
  }
  #table-head{
    display: none;
  }
  .item-large{
    display: none;
  }
  .item-smartphone{
    display: block;
  }
  #headers-tab-edition,#affectation-tag-chauffeur-tab-headers{
    display: none;
  }
  .small-actions-container{
    display: block;
  }
  .large-actions-container{
    display: none;
  }
  #parametrage-compte, #mise-a-jour-mot-de-passe,#ajout-pod-form{
    width: 100%;
  }
  .action-buttons {
    margin-top : 2vh;
  }
  .form-pod-numero{
    margin-top: 3vh;
  }
  .profile-img-parametrage-compte {
    width: 30vw;
    height: 15vh;
  }
}