/* General Campaign CSS */

html, body {
  background-color: #FFF;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  color: #32333a;
  height: 100%;
}

a, a:hover, a:visited{
  color: inherit;
  text-decoration: underline;
}

#pxs {
  display: none;
}

#topIndex .cookiesText{
  display: table-cell;
  height: 28px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.errorWindow {
  padding: 0;
  width: auto;
}

.errorWindow .box {
  padding: 10px 30px;
}

.allpage {
  overflow: hidden;
  position: relative;
  /* padding-bottom: 24vw; */
  height: auto;
  background-color: #fff;
  min-height: calc(100% - 100px);
  /* min-height: calc(100% - 137px); */
}

.cookies-bar-visible .allpage {
  min-height: calc(100% - 140px);
}

.contentArea {
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}

.allpage .container {
  padding-left: 0;
  padding-right: 0;
  max-width: 750px;
}

html.final, html.final body {
  background-color: #fff;
}

.imgDecorationWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.imgDecoration {
  margin:auto;
}

.final .contentArea {
  position: relative;
  width: 100%;
}

.finalText {
  position: relative;
  background-color: #fff;
  top: 28%;
  left: 0;
  width: 100%;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  font-size: 8vw;
  text-align: center;
  color: #32333a;
  text-transform: none;
  padding: 10%;
}

.title {
  color: #32333A;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  font-size: 8vw;
  font-weight: 300;
  margin-top: 9%;
  margin-bottom: 5%;
  line-height: 1.2;
}

.title > img {
  max-width: 152px;
  margin-top: -11px;
}

.subtitle {
  color: #6f6e6e;
  font-size: 20px;
  font-size: 5.33vw;
  font-weight: 300;
  margin-bottom: 7%;
}

.text {
  color: #6f6e6e;
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  margin-top: 3px;
}

#form-div {
  padding-right: 10px;
}

.form-horizontal .form-group {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10%;
}

.input-sm,
select.input-sm,
span.select {
  font-size: 15px;
  font-size: 4vw;
  height: 1.6em;
  font-weight: 400;
  line-height: 1.6em;
  padding-top: 0.9em;
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: content-box;
}

.input-sm,
.selectWrapper span.select,
.form-horizontal .control-label-left {
  padding-left: 0;
  text-indent: 0;
}

.form-control,
.form-control:focus,
span.select,
span.select:focus,
span.select.focus {
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.input-sm ~ label {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 1.2%;
  padding-left: 0;
  transform: translateY(-50%);
  transition: all ease-in-out 300ms;
  margin-bottom: 0;
  font-weight: 600;
}

.input-sm ~ label span,
.control-label-left span {
  position: relative;
  top: -0.3em;
  color: #db1500;
}

.input-sm ~ label.has-placeholder {
  top: 0;
  transform: none;
}

.input-sm:focus ~ label,
.input-sm.focus ~ label,
.input-sm.has-value ~ label {
  opacity: 0;
  top: 0;
  padding-top: 0;
  transform: none;
  font-weight: 800;
}

.input-sm,
.input-sm ~ label,
.form-horizontal .control-label-left {
  color: #32333a;
  font-size: 15px;
  font-size: 4vw;
}

.form-horizontal .control-label-left {
  display: block;
  padding-top: 0;
  font-weight: 600;
  margin-bottom: 4%;
}

.csm-rating .control-label-left,
.global-rating .control-label-left {
  font-size: 15px;
  font-size: 4vw;
  margin-bottom: 10%;
}

.global-rating-item { position: relative }

.csm-rating-item {
  position: relative;
  margin-bottom: 3%;
}

.csm-rating-item > label {
  font-weight: 400;
  font-size: 15px;
  font-size: 4vw;
  margin-bottom: 6%;
}

.hide-input {
  opacity: 0;
  position: absolute;
}

.ntf-btn-group {
  font-size: 0;
}

.items > .ntf-btn-wrapper  {
  width: auto;
  margin-right: 0;
}

.radio-labeled-items > .ntf-btn-wrapper {
  width: auto;
  margin-bottom: 0;
}


.ntf-btn-wrapper {
  position: relative;
  display: inline-block;
  width: 30%;
  margin-bottom: 5%;
  margin-right: 5%;
}

.products .ntf-btn-wrapper,
.wanted-products .ntf-btn-wrapper {
  margin-bottom: 0;
}

/* .global-rating .ntf-btn-wrapper,
.solutions .ntf-btn-wrapper {
  width: auto;
  margin-right: 0;
} */

.form-step .global-rating {
  margin-top:10%
}

.ntf-btn-group .ntf-btn-wrapper:nth-of-type(3n) {
  margin-right: 0;
}

.csm-rating-item .ntf-btn {
  font-size: 13px;
  font-size: 3.47vw;
  font-weight: 400;
}

.csm-rating-item .ntf-btn.on,
.csm-rating-item .hide-input:checked ~ .ntf-btn {
  color: #fff;
  font-weight: 600;
}

img.cta-previous {
  transform: rotate(180deg);
}



.cta-previous,
.cta-next, 
.cta-send{
  margin: auto 15px;
  height: 15px;
  display: inline-block;
}

.ntf-btn {
  display: block;
  background-color: #f8f8f8;
  color: #32333a;
  border: none;
  box-shadow: none;
  border-radius: 3px;
  height: 3.2em;
  padding: 0.8em 0;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 3.73vw;
  font-size: 3.33vw;
  overflow: hidden;
}

.ntf-btn:hover {
  cursor: pointer;
}

.ntf-btn.on,
.hide-input:checked ~ .ntf-btn {
  background-color: #322333;
  color: #fff;
  font-weight: 600;
}

.ntf-btn .icon {
  display: inline-block;
  vertical-align: bottom;
  height: 1.5em;
  width: 1.4em;
  margin-right: 0.5em;
  font-weight: 300;
  font-style: normal;
  color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
}

.svg-icon {
  display: inline-block;
  vertical-align: bottom;
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.5em;
}

.ntf-btn.on .svg-icon,
.hide-input:checked ~ .ntf-btn .svg-icon {
  fill: white;
}

/* .ntf-btn .icon.call {
  background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/call-off.png');
} */

/* .ntf-btn.on .icon.call,
.hide-input:checked ~ .ntf-btn .icon.call {
  background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/call-on.png');
} */
/* .ntf-btn.on .icon.mail,
.hide-input:checked ~ .ntf-btn .icon.mail {
  background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/mail-on.png');
} */

/* .ntf-btn .icon.push {
  background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/push-off.png');
  width: 0.9em;
} */

/* .ntf-btn.on .icon.push,
.hide-input:checked ~ .ntf-btn .icon.push {
  background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/push-on.png');
} */

.ntf-btn .icon.mail {
  /* background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/mail-off.png'); */
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -11px -10px;
  background-size: 338px;
  width: 1.8em;
}

.ntf-btn.on .icon.mail,
.ntf-btn:hover .icon.mail,
.hide-input:checked ~ .ntf-btn .icon.mail {
  filter: invert(1);
}


.ntf-btn .icon.pushapp {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -85px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.pushapp,
.ntf-btn:hover .icon.pushapp,
.hide-input:checked ~ .ntf-btn .icon.pushapp {
  filter: invert(1);
}

.ntf-btn .icon.pushweb {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -118px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.pushweb,
.ntf-btn:hover .icon.pushweb,
.hide-input:checked ~ .ntf-btn .icon.pushweb {
  filter: invert(1);
}

.ntf-btn .icon.call {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -156px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.call,
.ntf-btn:hover .icon.call,
.hide-input:checked ~ .ntf-btn .icon.call {
  filter: invert(1);
}

.ntf-btn .icon.social {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -188px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.social,
.ntf-btn:hover .icon.social,
.hide-input:checked ~ .ntf-btn .icon.social {
  filter: invert(1);
}

.ntf-btn .icon.sms {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -42px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.sms,
.ntf-btn:hover .icon.sms,
.hide-input:checked ~ .ntf-btn .icon.sms {
  filter: invert(1);
}

.ntf-btn .icon.web3 {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -276px -13px;
  background-size: 411px;
  width: 2.2em;
}
.ntf-btn.on .icon.web3,
.ntf-btn:hover .icon.web3,
.hide-input:checked ~ .ntf-btn .icon.web3 {
  filter: invert(1);
}

.ntf-btn .icon.goglads {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -266px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.goglads,
.ntf-btn:hover .icon.goglads,
.hide-input:checked ~ .ntf-btn .icon.goglads {
  filter: invert(1);
}

.ntf-btn .icon.wallet {
  background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/PictosOmnicanaux.svg') no-repeat -298px -10px;
  background-size: 338px;
  width: 1.8em;
}
.ntf-btn.on .icon.wallet,
.ntf-btn:hover .icon.wallet,
.hide-input:checked ~ .ntf-btn .icon.wallet {
  filter: invert(1);
}

svg.svg-icon.goglads {
  margin-right: 0;
}

.ntf-btn-cta {
  /* background-color: #db1500; */
  background: none;
  color: #ff573c;
  border: none;
  /* text-transform: uppercase;
  -webkit-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
  border-radius: 3px; */
  padding: 0.55em 1em;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  font-size: 5.33vw;
  width: 71%;
  height: auto;
}
.ntf-btn-cta {
  width: calc(50% - 4px);
  margin: 0 auto;
  padding: 0;
}


.ntf-circle-radio {
  text-align: center;
  font-size: 13px;
  font-size: 3.47vw;
  margin-bottom: 5%;
}

.ntf-circle-radio:nth-of-type(n+7) {
  margin-bottom: 0;
}

.ntf-circle-radio em {
  display: inline-block;
  color: #5b5c61;
  font-weight: 300;
  font-style: normal;
  width: 4em;
  margin-bottom: 0.4em;
}

.ntf-circle-radio span {
  position: relative;
  background: #f8f8f8;
  display: block;
  height: 3em;
  width: 4em;
  cursor: pointer;
}

.hide-input:checked ~ .ntf-circle-radio span:after {
  background-color: #db1500;
  border-color: transparent;
}
.ntf-circle-radio.green span:after {
  border: 1px solid #008000;
}
.hide-input:checked ~ .ntf-circle-radio.green span:after {
  background-color: #008000;
  border-color: transparent;
}
.ntf-circle-radio.yellow span:after {
  border: 1px solid #eba434;
}
.hide-input:checked ~ .ntf-circle-radio.yellow span:after {
  background-color: #eba434;
  border-color: transparent;
}
.ntf-circle-radio.red span:after {
  border: 1px solid #db1500;
}
.hide-input:checked ~ .ntf-circle-radio.red span:after {
  background-color: #db1500;
  border-color: transparent;
}

.ntf-circle-radio span:after {
  content: "";
  position: absolute;
  top: 0.9em;
  left: 1.4em;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #32333a;
  border-radius: 50%;
}

.ntf-circle-radio.labeled > span {
  background: none;
  padding-left: 2em;
  line-height: 3em;
  width: auto;
}

.ntf-circle-radio.labeled > span:after {
  left: 0;
}

/* circle steps indicator */
.circleSteps {
  text-align:center;
  margin-top:40px;
  margin-bottom: 40px;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.step.active {
  opacity: 1;
}
.step.finish {
  background-color: #db1500;
}


.form-group textarea {
  overflow: hidden;
}

.global-rating textarea,
.csm-rating textarea,
.solutions textarea {
  width: 100%;
  height: 28vh;
  background: #fff;
  border: 2px solid #efefef;
  font-family: 'Catamaran', sans-serif;
  font-size: 15px;
  font-size: 4vw; 
  padding: 1.5em;
  line-height: 1.6;
  resize: none;
}

p.required-fields {
  font-size: 11px;
  font-size: 2.93vw;
  font-weight: 300;
  color: #32333a;
}

footer {
  position: relative;
  background-color: #fff;
  width: 100%;
  border-top: 2px solid #dadada;
  /* height: 24vw; */
  height: 18vw;
  display: table;
  font-size: 0;
}

.final > img{
  position: relative;
  margin: auto;
  height: auto;
  max-height: calc(100vh - 100px); /* TODO: check mobile */
}

.final footer {
  position: relative;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  font-size: 30px;
  font-size: 8vw;
}

footer .footer_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

footer .footer_content .logo {
  display: inline-block;
  vertical-align: middle;
  max-width: 32%;
}

footer .footer_content > div {
  display: inline-block;
  vertical-align: middle;
  border-left: 2px solid #32333a;
  color: #32333a;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 11px;
  font-size: 2.93vw;
  font-weight: 300;
  line-height: 1.1;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.3em;
  margin-left: 1.3em;
}

/* TEST - start */
select.select{
  /*position: absolute;*/
  z-index:10;
  position: relative;
  opacity: 0;
  -webkit-appearance: none;
  /*-webkit-appearance: menulist-button;*/
/*  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;*/
}
/* dynamically created SPAN, placed below the SELECT */
span.select {
  /*background: url("https://www.notify-csm-survey.com/fr/carrefour/m_fidelitepostachattv_05052020/public/images/mobile/index/arrow-m.png") no-repeat scroll 99% 85% transparent;*/
  background: url("https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/mobile/index/arrow-field.png") no-repeat scroll 98% 15% transparent;
  background-size: 0.8em auto;
  cursor: default;
  font-size: 100%;
  text-align: left;
  text-indent: 0;
  z-index: 1;
  background-color: transparent;
  position: absolute;
  width: 100%;
  /*height: 100%;
  left: 0px;
  top: 0px;*/
  right: 0px;
  bottom: 0px;
  padding: 0;
  opacity: 1;
}
.selectWrapper{
  /*border: 1px solid #cccccc;*/
  position: relative;
/*  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;*/
}
/* .input-sm ~ label {
  position: absolute;
  top: 65%;
  left: 0;
  padding-top: 1.2%;
  padding-left: 0;
  transform: translateY(-50%);
  transition: all ease-in-out 300ms;
  margin-bottom: 0;
  font-weight: normal;
} */
  
  .input-sm{
    height: 30px;
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #selectLabel {
    padding: 5px;
    margin-bottom: 0;
    position: absolute;
  }

  .selectWrapper > select {
    font-size: 4vw;
  }

  /* blocking question */
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    z-index: 1;
    display: none;
  }

  .wanted-products-group.disabled > .overlay {
      display: block;
  }

@media (max-width: 767px)
{
  .hide-xs { display: none !important; }
  span.select {font-size: 4vw;}
  .form-step { 
    display: none;
  }
  
  .form-step.current { 
    display: block;
  }
  
  .cta-send { display: none; }
  
  .csm-rating-wrapper {
    position: relative;
    left: -7vw;
    width: 100vw;
  }
  
  .csm-rating-inner {
    width: 90%;
    margin-left: 7%;
    /*height: 35vh;*/
    height: auto;
    padding-right: 40px;
    /*overflow-y: scroll;*/
  }
  
  #csm-rating-item-1 .errorWindow {
    position: relative;
  }
  
  .csm-rating-inner .errorWindow {
    margin-right: -20px;
  }
  
  .csm-rating-inner .errorWindow .box {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .csm-rating-inner::-webkit-scrollbar {
    width: 12px;
  }

  .csm-rating-inner::-webkit-scrollbar-track {
    background: #f8f8f8;
    box-shadow: none; 
    border-radius: 10px;
  }
   
  .csm-rating-inner::-webkit-scrollbar-thumb {
    background: #b4b4b4; 
    border-radius: 10px;
  }
  .finalText {
    font-weight: 300;
  }
  
  div#wrapper.final {
    background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/final/ImportsSurveyV2-02.png');
    width: 100%;
    background-repeat: round;
    position: absolute;
    left: 0;
    height: calc(100vh - 260px);
  }
  .final > img {
    max-height: calc(100vh - 260px);    
  }
  /* .allpage {
    padding-bottom: 0px;
  } */
  .imgDecoration{padding-top: 5vh;}
  /*#wrapper { margin: auto 5%;}*/
}

@media (min-width: 768px)
{
  .form-step { 
    display: none;
  }
  .form-step.current { 
    display: block;
  }

  .allpage .container {
    max-width: 100%;
  }
  
  .allpage {
    /* padding-bottom: 90px; */
    margin-left: 208px;
    /* min-height: calc(100vh - 118px); */
  }
  
  .final .allpage {
    padding-bottom: 0;
    margin-left: 0;
  }

  .final > img {
    max-height: calc(100vh - 40vh);
    bottom:0;
  }

  div#wrapper.final {
    background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/final/ImportsSurveyV2-02.png');
    width: 100%;
    /* background-repeat: round; */
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: calc(100vh - 100px);
    background-size: cover;
}

  .selectWrapper > select {
    font-size: 18px;
  }
  
  /*#wrapper { margin: auto 5%;}*/
  .imgDecoration{padding-top: 15vh;}
  
  .finalText {
    /*font-size: 75px;
    font-size: 9.766vw;*/
    font-size: 32px;
    font-size: 8.53vw;
    font-weight: 300;
    top: 33%;
  }
  
  .leftBar {
    /* background: #f5f5f5;*/
    /* background: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_01122022/public/images_v2/index/ImportsSurveyV3_3.png'); */
    /* background-position: bottom; */
    /* background-color: #fff; */
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    /* height: calc(100vh - 91px); */
    /* height: calc(110vh - 84px); */
    /*height: calc(100% - 100px);*/
    height: 100%;
    /*width: 25vw;*/
  }
  
  .leftBar > img {
    max-height: 100%;
  }

  .contentArea {
    width: 330px;
  }
  
  /* .cookies-bar-visible .leftBar {
    padding-top: 36px;
  } */
  
  /* .cta-next { display: none !important; } */
  
  .title {
    font-size: 32px;
  }
  
  .subtitle {
    font-size: 20px;
  }
  
  .input-sm, .input-sm ~ label, .form-horizontal .control-label-left{
    font-size: 15px;
  }
  
  .ntf-btn {
    /* font-size: 14px; */
    font-size: 12px;
  }
  
  .csm-rating-item .ntf-btn {
    font-size: 13px;
  }
  
  .csm-rating-item > label {
    font-size: 15px;
  }
  
  .ntf-circle-radio {
    font-size: 13px;
  }
  
  .global-rating textarea,
  .csm-rating textarea,
  .solutions textarea {
    font-size: 15px;
    /* height: 360px; */
  }
  
  .ntf-btn-cta {
    font-size: 20px;
  }
  
  p.required-fields {
    font-size: 10px;
  }
  
  footer {
    /* height: 90px; */
    height: 100px;
  }
  
  footer .footer_content .logo {
    max-width: 125px;
  }
  
  footer .footer_content > div {
    font-size: 10px;
  }
  
}

@media (min-width: 768px) and (max-width: 991px) {
  .hide-sm { display: none !important; }
  span.select {font-size: 15px;}
  .leftBar {width: 245px;}
}

@media (min-width: 992px) {

  .allpage {
    /*margin-left: 18.7%;*/
    /* margin-left: 260px; */
    margin-left: 480px;
    /* padding-bottom: 100px; */
  }
  
  .final .allpage .container {
    max-width: 1054px;
  }
  
  .final footer {
    position: absolute;
  }
  
  .finalText {
    font-size: 32px;
    color: #32333a;
    font-weight: 300;
    padding-top:10%;
    padding-bottom: 20px;
  }

  /* .final > img{
    padding: 10%;
  } */
  
  /* .leftBar {
    height: calc(110vh - 128px);
  } */
  span.select {font-size: 18px;}
  
  .contentArea {
    width: 720px;
  }
  
  .title {
    font-size: 32px;
    margin-bottom: 3%;
  }
  
  .subtitle {
    font-size: 20px;
    margin-bottom: 3%;
  }
  
  .form-horizontal .form-group {
    margin-bottom: 4%;
  }
  
  .form-group.half-md {
    width: 45%;
  }
  
  .input-sm ~ label, .form-horizontal .control-label-left {
    font-size: 15px;
  }
  
  .form-horizontal .control-label-left {
    padding-top: 0.9em;
  }
  
  .csm-rating .control-label-left {
    margin-bottom: -2%;
    font-size: 15px;
    font-weight: 600;
  }
  
  .csm-rating-item {
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: 1px solid #efefef;
  }
  
  .csm-rating-item:last-of-type {
    border-color: transparent;
  }
  
  .csm-rating-item::before,
  .csm-rating-item::after {
    content: "";
    display: table;
    clear: both;
  }
  
  .csm-rating-item > label {
    float: left;
    width: 56%;
    margin-bottom: 0;
    padding-top: 1.5%;
  }
  
  .csm-rating-item:first-of-type > label {
    padding-top: 6.5%;
  }
  
  .csm-rating-item .ntf-btn-group .ntf-btn-wrapper {
    width: auto;
    margin-right: 2%;
    margin-bottom: 0;
  }
  
  .global-rating .control-label-left,
  .csm-rating .control-label-left,
  .solutions .control-label-left {
    margin-bottom: 2%;
  }

  .input-sm {
    font-size: 18px;
  }
  
  .ntf-btn {
    font-size: 16px;
  }
  
  .ntf-btn:hover {
    background-color: #322333;
    color: #fff;
    font-weight: 800;
  }

  .ntf-btn:hover .svg-icon {
    fill: white;
  }
  
  /* .ntf-btn:hover .icon.call {
    background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/call-on.png');
  }
  
  .ntf-btn:hover .icon.mail {
    background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/mail-on.png');
  }
  
  .ntf-btn:hover .icon.push {
    background-image: url('https://www.notify-csm-survey.com/fr/notify/m_questionnairesatisfactioncsm_28012020/public/images_v2/tablet/index/products/push-on.png');
  } */
  
  .ntf-circle-radio {
    font-size: 14px;
    margin-bottom: 0;
  }
  
  .csm-rating-item .ntf-circle-radio {
    font-size: 12px;
  }
  
  .csm-rating-item .ntf-btn-group .ntf-btn-wrapper:last-of-type {
    margin-right: 0;
  }
  
  .csm-rating-item .ntf-circle-radio span {
    width: 3.334em;
    height: 3.334em;
    border-radius: 3px;
  }
  
  .csm-rating-item .ntf-circle-radio em {
    width: 3.334em;
  }
  
  .csm-rating-item .ntf-circle-radio span::after {
    width: 1.334em;
    height: 1.334em;
    left: 1.017em;
    border: none;
  }
  
  .global-rating textarea,
  .csm-rating textarea,
  .solutions textarea {
    font-size: 15px;
    height: 200px;
  }
  
  .ntf-btn-cta {
    font-size: 18px;
    width: 32%;
  }
  
  footer {
    height: 100px;
  }

  .final footer {
    font-size: 0;
  }
  
  footer .footer_content .logo {
    max-width: 100%;
  }

  .decoImage {
    margin-bottom: 0px;
  }

  .imgDecoration {
    padding-top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hide-md { display: none !important; }
}

@media (min-width: 1200px) {
  .hide-lg { display: none !important; }
  .global-rating .control-label-left, .solutions .control-label-left {font-size: 15px; font-weight: 600;}
  
  .leftBar {
    width: 521px;
    background-image: none;
  }
  
  .allpage {
    margin-left: 521px;
  }
}

/* @media (min-width: 1920px) {
  .leftBar {
    width: 537px;
  }
  
  .allpage {
    margin-left: 537px;
  }
} */