/*change width to break from lg to md at 1180 and not at 1200*/
@media (min-width: 1180px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 46.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 3.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* CONFIG NAVBAR 
    4 COLORS:
        Default background - COLOR1
        Active background - COLOR2
        Default color - COLOR3
        Active color - COLOR4

    TO ACTIVATE CUSTOM COLORS IN THE NAVBAR:
    1. REPLACE COLOR1, COLOR2, COLOR3 AND COLOR4 BY THE DESIRED COLORS ( #000001 - HEX FORMAT DESIRED)
    2. REMOVE THE CSS COMMENT TO ACTIVATE THE CODE
*/
/*
.navbar-default {
  background-color: COLOR1;
  border-color: COLOR2;
}
.navbar-default .navbar-brand {
  color: COLOR3;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: COLOR4;
}
.navbar-default .navbar-text {
  color: COLOR3;
}
.navbar-default .navbar-nav > li > a {
  color: COLOR3;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: COLOR4;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: COLOR4;
  background-color: COLOR2;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: COLOR4;
  background-color: COLOR2;
}
.navbar-default .navbar-toggle {
  border-color: COLOR2;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: COLOR2;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: COLOR3;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: COLOR3;
}
.navbar-default .navbar-link {
  color: COLOR3;
}
.navbar-default .navbar-link:hover {
  color: COLOR4;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: COLOR3;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: COLOR4;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: COLOR4;
    background-color: COLOR2;
  }
}
*/
/* END CONFIG NAVBAR */

/* CONFIG MAIN BACKGROUD COLOR 
    In order to change the background color just modify the #xxxxxx value.
*/
/*#mainContainer{
    background-color:#000001 ;
}
/* END CONFIG MAIN BACKGROUD COLOR  */

/* CONFIG MAIN BACKGROUD IMAGE 
    In order to change the background color just modify the background-image parameter by defining the image name.
    note: the image should be in a decent resolution.
*/
/*
#mainContainer {
    background-image: url("..\\img\\default.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
/* END CONFIG MAIN BACKGROUD IMAGE  */

/* CONFIG MOBILE SHOP BUTTON */

.shop-nav-button {
  color: #777;
}

.logout-nav-button {
  color: #777;
}

/* END MOBILE SHOP BUTTON */

/* CONFIG BUTTON COMMANDER DANS LE CATALOGUE */

.button-commander-catalogue {
  /*background-color: #337ab7;
    border-color: #2e6da4;*/
  background-color: #024534;
  border-color: #024534;
  color: #fff;
  font-weight: bold;
  border-radius: 0px !important;
}

.button-commander-catalogue:hover {
  /*background-color: #286090;
    border-color: #204d74;*/
  color: #fff;
  text-decoration: underline;
}

/* END CONFIG BUTTON COMMANDER DANS LE CATALOGUE  */

/* CONFIG BUTTON TERMINER LA COMMANDE DANS LE CATALOGUE */

.button-terminer-commande-catalogue {
  /*background-color: #337ab7;
	border-color: #2e6da4;*/
  background-color: #024534;
  border-color: #024534;
  color: #fff;
  font-weight: bold;
  border-radius: 0px !important;
}

.button-terminer-commande-catalogue:hover {
  /*background-color: #286090;
	border-color: #204d74;*/
  color: #fff;
  text-decoration: underline;
}

/* END CONFIG BUTTON TERMINER LA COMMANDE DANS LE CATALOGUE  */

/* CONFIG BUTTON ACTUALISER LA COMMANDE DANS L'ONGLET COMMANDE */
.updateOrderBtn {
  border-radius: 0px !important;
}
/* END CONFIG BUTTON ACTUALISER LA COMMANDE DANS L'ONGLET COMMANDE */

/* CONFIG BUTTON ANNULER LA COMMANDE DANS L'ONGLET COMMANDE */
.cancelOrderBtn {
  border-radius: 0px !important;
}
/* END CONFIG BUTTON ANNULER LA COMMANDE DANS L'ONGLET COMMANDE */

/* CONFIG BUTTON TERMINER LA COMMANDE DANS L'ONGLET COMMANDE */
.saveOrderBtn {
  background-color: #024534 !important;
  border-color: #024534 !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 0px !important;
}

.saveOrderBtn:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
/* END CONFIG BUTTON TERMINER LA COMMANDE DANS L'ONGLET COMMANDE */

.table-nowrap {
  table-layout: fixed;
}

.table-nowrap td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-order-by-range {
  color: #024534;
}