/*
Theme Name: Application MT
Author: Bastien ROCHE
Description: Apllication for Monaco Telecom Rolex 2018
Version: 1.0
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face {
font-family: 'Omnes';
src: url('/font/Omnes/Omnes-Regular.eot');
src: url('/font/Omnes/Omnes-Regular.otf') format('truetype'),
     url('/font/Omnes/Omnes-Regular.woff') format('woff'),
     url('/font/Omnes/Omnes-Regular.eot?#iefix') format('embedded-opentype'),
     url('/font/Omnes/Omnes-Regular.svg#GothamBlackBold') format('svg');
font-weight: normal;
font-style: normal;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #f5f5f5;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
}
i.fa {
  font-size: 16px;
}
p {
  font-size: 16px;
  line-height: 1.42857143;
}
.header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background: #C51A1B;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
}
.header .logo {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.header #menu-action {
  display: block;
  float: left;
  width: 60px;
  height: 50px;
  line-height: 50px;
  margin-right: 15px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.15);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header #menu-action i {
  display: inline-block;
  margin-top: 0 5px;
}
.header #menu-action span {
  width: 0px;
  display: none;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header #menu-action:hover {
  background: rgba(0, 0, 0, 0.25);
}
.header #menu-action.active {
  width: 250px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header #menu-action.active span {
  display: inline;
  width: auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 50px;
  height: 100%;
  width: 60px;
  background: #fff;
  border-right: 1px solid #ddd;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar:hover,
.sidebar.active,
.sidebar.hovered {
  width: 250px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidebar ul li {
  display: block;
}
.sidebar ul li a {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  color: #444;
  text-align: left;
}
.sidebar ul li a i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  -o-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sidebar ul li a span {
  display: inline-block;
  height: 60px;
  line-height: 60px;
}
.sidebar ul li a:hover {
  background-color: #eee;
}
.sidebar ul li a:hover i {
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
.main {
  position: relative;
  display: block;
  top: 50px;
  left: 0;
  padding: 15px;
  padding-left: 75px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main.active {
  padding-left: 275px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main .jumbotron {
  background-color: #fff;
  padding: 30px !important;
  border: 1px solid #dfe8f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.main .jumbotron h1 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

/****************** Loading animation **********************/
body {
  padding: 1em;
  margin: 1em;
  font-size: 1.5em;
}

.loading * {
  display: none;
}

.dots-loader:not(:required) {
  opacity: 1;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  text-indent: -9999px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: transparent;
  border-radius: 100%;
  box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  animation: dots-loader 5s infinite ease-in-out;
  transform-origin: 50% 50%;
  transform: scale(1);
  transition: .3s all;
}

@keyframes dots-loader {
  0% {
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  }
  8.33% {
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  }
  16.67% {
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  }
  25% {
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
  }
  33.33% {
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
  }
  41.67% {
    box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
  }
  50% {
    box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
  }
  58.33% {
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
  }
  66.67% {
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
  }
  75% {
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
  }
  83.33% {
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
  }
  91.67% {
    box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  }
  100% {
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  }
}

.loaded .dots-loader {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transform: scale(0);
}



/**************** Login page ********************/

.wrap{
  padding:5% 0;
  font-size:35px;
  color:#000;
  width:95%;
  font-family:'Omnes';
  margin:0 auto;
  text-align:center;
}

input{
  font-family:'Omnes';
  border:0;
  border-bottom:1px solid #ff5407;
  font-size:20px;
}

input:focus{
  outline:none;
  box-shadow:none;
  background:#ffeae2;
}

button{
  border:0;
  background:transparent;
  padding:5px;
  position:relative;
  outline:0;
}
footer{
  font-size: 15px;
  color:#888;
  width:400px;
  font-family:'Omnes';
  text-align:center;
  bottom: 0; 
  left: 0; 
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.buttonafter:after{
  content:'';
  display:block;
  position:absolute;
  top:8px;
  left:100%; /*should be set to 100% */
  width:0;
  height:0;
  border-color: transparent transparent transparent #14a03d; /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 5px;

}

.forgot{
  background:#a0a0a0;
  color:#fff;
  float:left;
}

.login{
  background:#a0a0a0;
  color:#fff;
  font-weight: bold;
  margin-top: 5%;
}
.login:hover{
  cursor: pointer;
  background-color: #c51a1b;
}

input::placeholder {
  color: black;
}

/**************Formulaire****************/
.block{
  width: 90%;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 25px;
  box-shadow: 1px 1px 45px #555;
}

.blockHome{
  width: 90%;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 25px;
  box-shadow: 1px 1px 45px #555;
  margin: 20% 5% 0% 0%;
}

.question{
  font-size:24px;
  color:#868383;
  font-family:'Montserrat';
  font-weight: 200;
  display: contents;
}

.btnSubmit{
  border-style: solid;
  border-width: 5px;
  border-color: #c51a1b;
  padding-top: 1%;
  background-color: #c51a1b;
  color: #fff;
  border-radius: 40px;
}
.btnSubmit:hover{
  background-color: #e75354;
  border-color: #e75354;
}
.btnSubmit:active{
  background-color: #c51a1b;
  border-color: #c51a1b;
}

/*****************Swipper***************/
html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
body .swiper-container {
  width: 100%;
  height: 1024px;
  margin-left: auto;
  margin-right: auto;
}
body .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff0;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 3%;
}
body .swiper-slide .slide-left {
  height: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
body .swiper-slide .slide-left .content {
  margin-left: 7vw;
  margin-right: 2vw;
}
body .swiper-slide .slide-right {
  width: 55%;
  height: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
body .swiper-slide .slide-right.one {
  background-image: url(https://images.unsplash.com/photo-1422564030440-1ecae6e21f67?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6cb48babccde49f4d58840a1d9998775&auto=format&fit=crop&w=3801&q=80);
}
body .swiper-slide .slide-right.two {
  background-image: url(https://images.unsplash.com/uploads/1412231250505b65c703c/1fa14fb0?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjM4Mjl9&s=7cf2ae98151a43a59e9746ce170b8f49&auto=format&fit=crop&w=3750&q=80);
}
body .swiper-slide .slide-right.three {
  background-image: url(https://images.unsplash.com/photo-1492269682833-cd80f8a20b08?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6b8e12eb4b55cfe6af16741104160f68&auto=format&fit=crop&w=3450&q=80);
}
body .swiper-slide .slide-right.four {
  background-image: url(https://images.unsplash.com/photo-1504803900752-c2051699d0e8?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=96f1b913bae94f71b6bce77fffde3e8b&auto=format&fit=crop&w=1875&q=80);
}
body .swiper-pagination-bullets {
  left: 10px;
}
body .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 14px 0;
  opacity: 1;
  background: 0 0;
  border: 2px solid rgba(45, 51, 58, 0.2);
}
body .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2d333a;
}

.textRadio{
  font-size: 20px;
}

/**** Rating Stars ******/

  /*sprite with stars*/
#reviewStars-input input:checked ~ label, #reviewStars-input label, #reviewStars-input label:hover, #reviewStars-input label:hover ~ label {
  background: url('/img/ico-s71a7fdede6.png') no-repeat;
}

#reviewStars-input {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  margin: 0 auto;
  width: 275px;
}

#reviewStars-input input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
  width: 43px;
  height: 40px;
  
  position: absolute;
  top: 0;
  z-index: 0;
}


#reviewStars-input input:checked ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input label {
  background-position: 0 0;
  height: 40px;
  width: 43px;
  float: right;
  cursor: pointer;
  margin-right: 10px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input label:hover, #reviewStars-input label:hover ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input #star-0 {
  left: 0px;
}
#reviewStars-input #star-1 {
  left: 53px;
}
#reviewStars-input #star-2 {
  left: 106px;
}
#reviewStars-input #star-3 {
  left: 159px;
}
#reviewStars-input #star-4 {
  left: 212px;
}
#reviewStars-input #star-5 {
  left: 265px;
}


#reviewStars-input-two input:checked ~ label, #reviewStars-input-two label, #reviewStars-input-two label:hover, #reviewStars-input-two label:hover ~ label {
  background: url('/img/ico-s71a7fdede6.png') no-repeat;
}

#reviewStars-input-two {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  margin: 0 auto;
  width: 275px;
}


#reviewStars-input-two input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
  width: 43px;
  height: 40px;
  
  position: absolute;
  top: 0;
  z-index: 0;
}

#reviewStars-input-two input:checked ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-two label {
  background-position: 0 0;
  height: 40px;
  width: 43px;
  float: right;
  cursor: pointer;
  margin-right: 10px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input-two label:hover, #reviewStars-input-two label:hover ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-two #star-0-two {
  left: 0px;
}
#reviewStars-input-two #star-1-two {
  left: 53px;
}
#reviewStars-input-two #star-2-two {
  left: 106px;
}
#reviewStars-input-two #star-3-two {
  left: 159px;
}
#reviewStars-input-two #star-4-two {
  left: 212px;
}
#reviewStars-input-two #star-5-two {
  left: 265px;
}


#reviewStars-input-three input:checked ~ label, #reviewStars-input-three label, #reviewStars-input-three label:hover, #reviewStars-input-three label:hover ~ label {
  background: url('/img/ico-s71a7fdede6.png') no-repeat;
}

#reviewStars-input-three {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  margin: 0 auto;
  width: 275px;
}


#reviewStars-input-three input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
  width: 43px;
  height: 40px;
  
  position: absolute;
  top: 0;
  z-index: 0;
}

#reviewStars-input-three input:checked ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-three label {
  background-position: 0 0;
  height: 40px;
  width: 43px;
  float: right;
  cursor: pointer;
  margin-right: 10px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input-three label:hover, #reviewStars-input-three label:hover ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-three #star-0-three {
  left: 0px;
}
#reviewStars-input-three #star-1-three {
  left: 53px;
}
#reviewStars-input-three #star-2-three {
  left: 106px;
}
#reviewStars-input-three #star-3-three {
  left: 159px;
}
#reviewStars-input-three #star-4-three {
  left: 212px;
}
#reviewStars-input-three #star-5-three {
  left: 265px;
}

#reviewStars-input-four input:checked ~ label, #reviewStars-input-four label, #reviewStars-input-four label:hover, #reviewStars-input-four label:hover ~ label {
  background: url('/img/ico-s71a7fdede6.png') no-repeat;
}

#reviewStars-input-four {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  margin: 0 auto;
  width: 275px;
}


#reviewStars-input-four input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
  width: 43px;
  height: 40px;
  
  position: absolute;
  top: 0;
  z-index: 0;
}

#reviewStars-input-four input:checked ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-four label {
  background-position: 0 0;
  height: 40px;
  width: 43px;
  float: right;
  cursor: pointer;
  margin-right: 10px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input-four label:hover, #reviewStars-input-four label:hover ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-four #star-0-four {
  left: 0px;
}
#reviewStars-input-four #star-1-four {
  left: 53px;
}
#reviewStars-input-four #star-2-four {
  left: 106px;
}
#reviewStars-input-four #star-3-four {
  left: 159px;
}
#reviewStars-input-four #star-4-four {
  left: 212px;
}
#reviewStars-input-four #star-5-four {
  left: 265px;
}

#reviewStars-input-five input:checked ~ label, #reviewStars-input-five label, #reviewStars-input-five label:hover, #reviewStars-input-five label:hover ~ label {
  background: url('/img/ico-s71a7fdede6.png') no-repeat;
}

#reviewStars-input-five {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  margin: 0 auto;
  width: 275px;
}


#reviewStars-input-five input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
  width: 43px;
  height: 40px;
  
  position: absolute;
  top: 0;
  z-index: 0;
}

#reviewStars-input-five input:checked ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-five label {
  background-position: 0 0;
  height: 40px;
  width: 43px;
  float: right;
  cursor: pointer;
  margin-right: 10px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input-five label:hover, #reviewStars-input-five label:hover ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-five #star-0-five {
  left: 0px;
}
#reviewStars-input-five #star-1-five {
  left: 53px;
}
#reviewStars-input-five #star-2-five {
  left: 106px;
}
#reviewStars-input-five #star-3-five {
  left: 159px;
}
#reviewStars-input-five #star-4-five {
  left: 212px;
}
#reviewStars-input-five #star-5-five {
  left: 265px;
}

#reviewStars-input-six input:checked ~ label, #reviewStars-input-six label, #reviewStars-input-six label:hover, #reviewStars-input-six label:hover ~ label {
  background: url('/img/ico-s71a7fdede6.png') no-repeat;
}

#reviewStars-input-six {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  margin: 0 auto;
  width: 275px;
}


#reviewStars-input-six input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
  width: 43px;
  height: 40px;
  
  position: absolute;
  top: 0;
  z-index: 0;
}

#reviewStars-input-six input:checked ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-six label {
  background-position: 0 0;
  height: 40px;
  width: 43px;
  float: right;
  cursor: pointer;
  margin-right: 10px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input-six label:hover, #reviewStars-input-six label:hover ~ label {
  background-position: 0 -40px;
  height: 40px;
  width: 43px;
}

#reviewStars-input-six #star-0-six {
  left: 0px;
}
#reviewStars-input-six #star-1-six {
  left: 53px;
}
#reviewStars-input-six #star-2-six {
  left: 106px;
}
#reviewStars-input-six #star-3-six {
  left: 159px;
}
#reviewStars-input-six #star-4-six {
  left: 212px;
}
#reviewStars-input-six #star-5-six {
  left: 265px;
}

/**** Back Office ****/
.header nav{
  padding: 20px;
  height: 100px;
}

.material-icons{
  float: left;
}

h1,h2,h3,h4,h5,h6{
  text-align: center;
  color: #C51A1B;
}

.error{
  height: 50px;
  width: 100%;
  margin: 50px auto;
  text-align: center;
  line-height: 50px;
  border: 1px solid #FF3333;
  color: #FFF;
  background-color: #FF8787;
  border-radius: 10px;  
}

.success{
  height: 50px;
  width: 100%;
  margin: 50px auto;
  text-align: center;
  line-height: 50px;
  border: 1px solid #45BA30;
  color: #45BA30;
  background-color: #95FF82;
  border-radius: 10px;
}

.container{
  margin-top: 12% !important;
  max-width: none !important;
  width: 98% !important;
}

nav{
  background-color: #C51A1B !important;
}

td,th{
  border: 1px solid black !important;
}
table{
  border-collapse: collapse;
}
#btnExport{
  border: 1px solid black;
  margin: -3% 0% 3% 0%;
}

/********* Ipad boutique *********/
@media screen and (min-width: 100px) and (max-width: 5000px){
  .logoMT{
    display: none !important;
  }
  .block{
    margin-top: -12% !important;
    margin-bottom: -15%;
  }
  body, .swiper-container{
    height: 765px !important;
    margin-top: -3% !important;
  }
}

#headerTable{
  margin-bottom: 3%;
}