/* Generated on 2025-11-21 at 15:10 */

/* /var/www/fanaticalhelp/website/skins/fanaticalhelp/css/common.less */
@font-face {
  font-family: 'verbblack';
  src: url('../fonts/verbblack-webfont.eot');
  src: url('../fonts/verbblack-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/verbblack-webfont.woff') format('woff'), url('../fonts/verbblack-webfont.ttf') format('truetype'), url('../fonts/verbblack-webfont.svg#verbblack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'verb';
  src: url('../fonts/verbregular-webfont.eot');
  src: url('../fonts/verbregular-webfont.woff') format('woff');
  src: url('../fonts/verbregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/verbregular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'verb';
  src: url('../fonts/verbextrabold-webfont.woff') format('woff');
  src: url('../fonts/verbextrabold-webfont.eot');
  src: url('../fonts/verbextrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/verbextrabold-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@media only screen and (max-width: 900px) {
  .screenLT900 {
    display: block;
  }
}
@media only screen and (min-width: 900px) {
  .screenLT900 {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .screenGT900 {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .screenGT900 {
    display: block;
  }
}
body,
html {
  height: 100%;
  box-sizing: border-box;
}
@media print {
  body,
  html {
    font-size: smaller !important;
    width: 800px;
  }
  body .logoff,
  html .logoff {
    display: none;
  }
  body .footer,
  html .footer {
    display: none;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed !important;
}
.mainContent.container {
  max-width: 940px;
  width: auto;
}
@media print {
  .mainContent.container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}
body {
  font-size: 13px !important;
  overflow: scroll;
  padding: 60px 0 0 0 !important;
}
body > .container {
  max-width: 940px !important;
  box-sizing: border-box;
  width: auto;
}
body > #loading {
  background-color: rgba(0,0,0,0.8);
  position: fixed;
  top: 50%;
  height: 60px;
  width: 60px;
  left: 50%;
  border-radius: 8px;
  margin-left: -30px;
  margin-top: -30px;
  background-image: url('../img/invert-spinner.gif');
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  z-index: 100000;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body > #loading.hide {
  opacity: 0;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: block;
}
body> .container {
  padding-top: 15px;
}
body> .container .row {
  margin-left: 0px;
}
body.mobile ._computer {
  display: none;
}
body.computer ._mobile {
  display: none;
}
body h1,
body h2,
body h3 {
  font-family: 'VerbBlack';
  text-transform: uppercase;
  color: #333;
}
body h2 {
  font-size: 28px;
}
body a {
  font-weight: bold;
  color: #333;
}
body a:hover {
  color: #000000;
  text-decoration: none;
}
body a.arrow {
  padding-right: 17px;
  background-image: url('../img/linkArrow.png');
  background-position: right center;
  background-repeat: no-repeat;
}
body a.backBtn {
  padding-left: 17px;
  background-image: url('../img/linkArrowLeft.png');
  background-position: left center;
  background-repeat: no-repeat;
}
body.logged .navbar .actions .logged {
  margin-top: 16px;
}
body.logged .logged {
  display: block;
}
body.logged .logged .logoff {
  font-size: 16px;
  padding: 1px 8px !important;
  margin: 0;
  font-weight: bold;
}
body.logged .logged .logoff i {
  margin: 0 !important;
}
body.logged .logged .userName {
  position: absolute;
  right: 45px;
  white-space: nowrap;
  top: 11px;
}
body.logged .logged .phone {
  position: absolute;
  right: 45px;
  white-space: nowrap;
  top: 30px;
}
body.logged .noLogged {
  display: none !important;
}
body.userRefContact .accountMenu .contracts,
body.userRefContact .accountMenu .users,
body.userRefContact .accountMenu .establishments,
body.userRefContact .accountMenu .report,
body.userRefContact .accountMenu .inventory {
  display: none !important;
}
body .important,
body .primaryColor {
  color: #ef4123;
}
body .fixed {
  position: fixed !important;
}
body .noMargin {
  margin: 0 !important;
}
body big {
  font-size: 2em;
}
body .logged {
  display: none;
}
body .fhImgSpr {
  background-image: url('../img/fhCommonsImgsSprite.png') !important;
  background-repeat: no-repeat;
}
body .icon-grey {
  background-image: url("../img/glyphicons-halflings-grey.png");
}
body .datepicker {
  border-bottom: 3px solid #ef4123;
}
body input[disabled],
body select[disabled],
body textarea[disabled],
body input[readonly],
body select[readonly],
body textarea[readonly] {
  opacity: 0.5;
}
body .control-group.error .control-label,
body .control-group.error .help-block,
body .control-group.error .help-inline {
  color: #DC181C !important;
}
body .control-group .checkbox,
body .control-group .radio,
body .control-group input,
body .control-group select,
body .control-group textarea {
  color: black !important;
}
body .control-group.error .checkbox,
body .control-group.error .radio,
body .control-group.error input,
body .control-group.error select,
body .control-group.error textarea {
  box-shadow: 0px 0px 7px #f4999b !important;
  color: #DC181C !important;
  border-color: #DC181C !important;
}
body .alert-danger,
body .alert-error {
  color: #DC181C !important;
  background-color: #f9c7c8;
  border-left: 3px solid #DC181C;
}
body .alert-success {
  color: #627b23 !important;
  background-color: #e4efc7;
  border-left: 3px solid #92b634;
}
body .alert-info {
  color: #ffce25 !important;
  background-color: #fff6d7;
  border-left: 3px solid #FFDF71;
}
body .popover.right {
  min-height: 95px;
}
body .popover.in.right {
  -webkit-transition: top 150ms ease-out;
  -moz-transition: top 150ms ease-out;
  -ms-transition: top 150ms ease-out;
  -o-transition: top 150ms ease-out;
  transition: top 150ms ease-out;
}
body .popover .popover-title {
  position: relative;
}
body .popover .closeBtn {
  position: absolute;
  top: 4px;
  right: 15px;
  background-position: -50px -86px;
  height: 25px;
  width: 25px;
  opacity: 0.5;
  cursor: pointer;
}
body .popover .closeBtn:hover {
  opacity: 1;
}
body .pagination {
  float: right;
  border-top: 1px solid #DADADA;
  padding: 4px 20px;
  margin: 0px 0;
}
body .pagination .page {
  float: left;
  padding: 0 4px;
  font-size: 0.9em;
  margin: 0 2px;
  line-height: 15px;
  cursor: pointer;
  color: #AAA;
  border-bottom: 2px solid transparent;
}
body .pagination .page:hover {
  border-bottom-color: #AAA;
}
body .pagination .page.current {
  font-weight: bold;
  border-bottom-color: #ef4123;
  color: #444;
  font-size: 1.2em;
  line-height: 1.2;
}
body .table {
  display: table;
}
body .table .tr {
  display: table-row;
}
body .table .tr .td {
  display: table-cell;
  padding: 0 10px;
}
body .table .tr .td:first-child {
  padding-left: 0px;
}
body .table .tr .td:last-child {
  padding-right: 0px;
}
body .table .tr .td:first-child:nth-last-child(1) {
  width: 100%;
}
body .table .tr .td:first-child:nth-last-child(2),
body .table .tr .td:first-child:nth-last-child(2) ~ body .table .tr .td {
  width: 50%;
}
body .table .tr .td:first-child:nth-last-child(3),
body .table .tr .td:first-child:nth-last-child(3) ~ body .table .tr .td {
  width: 33.3333%;
}
body [class^="ii-icon-"] {
  background: url('../img/inventory-types.png') no-repeat left top transparent;
  width: 16px;
  height: 20px;
  display: inline-block;
}
body .ii-icon-device {
  background-position: left 2px;
}
body .ii-icon-monitor {
  background-position: left -18px;
}
body .ii-icon-software {
  background-position: left -38px;
}
body .ii-icon-computer {
  background-position: left -58px;
}
body .ii-icon-modem {
  background-position: left -78px;
}
body .ii-icon-printer {
  background-position: left -98px;
}
body .ii-icon-phone {
  background-position: left -118px;
}
body .ii-icon-laptop {
  background-position: left -138px;
}
body .ii-icon-network {
  background-position: left -158px;
}
body .ii-icon-mobile {
  background-position: left -178px;
}
body .ii-icon-scan {
  background-position: left -198px;
}
body .ii-icon-firewall {
  background-position: left -218px;
}
body .ii-icon-storage {
  background-position: left -238px;
}
body .ii-icon-server {
  background-position: left -258px;
}
body #smallPopinsWrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10001;
  background: rgba(255,255,255,0.3);
}
body #smallPopinsWrapper:empty {
  display: none;
}
body #smallPopinsWrapper .smallPopin {
  display: none;
  position: fixed;
  min-height: 115px;
  width: 400px;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -200px;
  border-radius: 3px;
  border: 1px solid #CCC;
  border-bottom: 3px solid #ef4123 !important;
  padding: 10px;
  box-sizing: border-box;
  background: #f7f7f7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
  background: -webkit-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -o-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -ms-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: linear-gradient(to bottom,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ededed',GradientType=0);
  color: #444;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  z-index: 5;
}
body #smallPopinsWrapper .smallPopin:first-child {
  display: block;
}
body #smallPopinsWrapper .smallPopin h3 {
  margin: 0 !important;
  font-size: 15px;
  line-height: 30px;
  border-bottom: 1px solid #DDD;
}
body #smallPopinsWrapper .smallPopin .content {
  margin: 5px 55px 5px 0;
}
body #smallPopinsWrapper .smallPopin .footer {
  margin: 0;
  text-align: right;
}
body .tooltip .tooltip-arrow {
  border-top-color: #ef4123 !important;
}
body .tooltip .tooltip-inner {
  color: black;
  line-height: 16px;
  background: #f7f7f7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
  background: -webkit-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -o-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -ms-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: linear-gradient(to bottom,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ededed',GradientType=0);
  color: #444;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  padding: 7px 10px;
  border-top: 3px solid #ef4123;
}
body .tooltip.top .tooltip-arrow {
  border-width: 8px 7px 0;
  margin-bottom: -3px;
}
body .tooltip.in {
  opacity: 1;
  margin-top: -12px;
}
body .navbar {
  font-size: 18px;
  height: 60px;
  position: fixed !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-family: "Verb";
}
@media print {
  body .navbar {
    width: 800px;
  }
}
body .navbar .brand {
  height: 20px;
  width: 176px;
  background-position: -3px 7px;
  background-repeat: no-repeat;
  float: none;
  position: absolute;
  top: 10px;
  left: 0px;
  padding: 10px 0;
  margin-left: 0;
}
body .navbar .slideshowControls {
  display: none;
}
body .navbar .navbar-inner {
  background: white;
  border: none;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
  padding: 0 20px;
}
@media (max-width: 480px) {
  body .navbar .navbar-inner {
    padding: 0 10px;
  }
}
@media print {
  body .navbar .navbar-inner {
    padding: 0 !important;
    box-shadow: none !important;
  }
}
body .navbar .navbar-inner .phone {
  color: #ef4123;
  text-decoration: none;
  cursor: default;
}
body .navbar .navbar-inner .container {
  min-height: 60px;
  font-weight: bold;
  position: relative;
  width: auto !important;
  max-width: 940px;
}
body .navbar .navbar-inner .container .navbar-text {
  position: absolute;
  line-height: 71px !important;
  display: block;
  height: 57px;
  text-align: right;
  right: 0px;
  top: 2px;
}
body .navbar .navbar-inner .container .navbar-text.actions {
  font-size: 14px;
}
body .navbar .navbar-inner .container .navbar-text.actions > div {
  line-height: 18px !important;
}
body .navbar .navbar-inner .container .navbar-text.actions > div .noLogged a {
  display: block;
}
body .navbar .navbar-inner .container .navbar-text.actions .noLogged {
  display: inline-block;
}
body .navbar .navbar-inner .container .navbar-text.actions .phone {
  color: #ef4123;
  display: block;
}
body .navbar .navbar-inner .container .navbar-text.actions .btn,
body .navbar .navbar-inner .container .navbar-text.actions button {
  margin-top: 0;
}
body .navbar .navbar-inner .container .navbar-text.actions a {
  margin: 0 0 0 10px;
  color: #42444b;
}
body .navbar .navbar-inner .container .navbar-text.actions a i {
  margin-right: 5px;
}
body .navbar .divider-vertical {
  height: 60px;
}
body .navbar .nav {
  margin: 0;
  position: absolute;
  top: 15px;
  left: 220px;
}
@media only screen and (max-width: 767px) {
  body .navbar .nav {
    top: 65px;
    left: 0px;
    background: #DDD;
    right: -5px;
    text-align: center;
    z-index: 4;
    margin: -6px -20px 0;
  }
}
@media only screen and (max-width: 767px) {
  body .navbar .nav > li {
    display: inline-block;
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  body .navbar .nav > li {
    display: inline-block;
    float: none;
  }
}
body .navbar .nav > li > a {
  padding: 5px 15px;
  text-shadow: none;
  margin: 0 3px;
  color: #42444b;
}
@media only screen and (max-width: 480px) {
  body .navbar .nav > li > a {
    font-size: 12px !important;
  }
}
body .navbar .nav > li > a:hover,
body .navbar .nav > li > a.current {
  background-color: #EEE;
  border-radius: 3px;
}
body .navbar .nav.slideshowControls a {
  font-family: "Verb";
  font-size: 17px;
}
label,
input,
button,
select,
textarea {
  font-size: 1em !important;
}
.filter-option {
  font-size: 10px !important;
}
#select-pagination {
  width: 70px;
}
.bootstrap-select .btn,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border-radius: 3px !important;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px 17px 8px #FBFBFB !important;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px 17px 8px #FBFBFB !important;
  background: white !important;
  border: 1px solid #D3D3D3 !important;
  padding: 5px 10px !important;
}
.bootstrap-select {
  width: 232px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
  font-size: 14px !important;
}
.statusIndicator,
td.status {
  white-space: nowrap;
}
.statusIndicator:before,
.statusIndicator i,
td.status:before,
td.status i {
  content: " ";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: inline-block;
  opacity: 0;
  border-radius: 2px;
}
.statusIndicator.red:before,
td.status.red:before {
  opacity: 1;
  background-color: #DC181C;
}
.statusIndicator.blue:before,
td.status.blue:before {
  opacity: 1;
  background-color: #0080FF;
}
.statusIndicator.green:before,
td.status.green:before {
  opacity: 1;
  background-color: #92b634;
}
.statusIndicator.orange:before,
td.status.orange:before {
  opacity: 1;
  background-color: #F9A406;
}
.statusIndicator.grey:before,
td.status.grey:before {
  opacity: 1;
  background-color: #42444b;
}
.statusIndicator.bloodOrange:before,
td.status.bloodOrange:before {
  opacity: 1;
  background-color: #ef4123;
}
.statusIndicator.skyBlue:before,
td.status.skyBlue:before {
  opacity: 1;
  background-color: #45cef7;
}
.statusIndicator.black:before,
td.status.black:before {
  opacity: 1;
  background-color: #000;
}
.statusIndicator.purple:before,
td.status.purple:before {
  opacity: 1;
  background-color: #C806F9;
}
.statusIndicator.yellow:before,
td.status.yellow:before {
  opacity: 1;
  background-color: #F9EF06;
}
.statusIndicator i,
td.status i {
  opacity: 1;
}
#paymentProcess {
  display: none;
}
form.form-horizontal .control-label {
  width: 145px;
}
form.form-horizontal .controls {
  margin-left: 157px;
}
form.form-horizontal .input-prepend {
  width: 100%;
}
form legend {
  border: none;
  position: absolute;
  display: inline;
  background-color: white;
  top: -7px;
  width: auto;
  padding: 0 5px;
  line-height: 1em;
  font-size: 1em !important;
  font-weight: bold;
  left: 10px;
  color: #666;
}
form fieldset {
  border-top: 1px solid #DDD;
  position: relative;
  padding: 20px 0;
}
form input,
form textarea,
form .uneditable-input {
  width: 80%;
  max-width: 210px;
}
form .control-group div.inputfileWrapper {
  width: 80%;
  max-width: 232px;
}
form a.bottom.right {
  right: 10px;
  bottom: 5px;
  color: #AAA;
  font-size: 11px;
  position: absolute;
}
form input[type="file"] {
  width: 90%;
  max-width: 90%;
}
form select {
  width: 80%;
  max-width: 232px;
}
form .control-group.required label {
  font-weight: bold;
}
form .control-group.required label:after {
  content: "*";
}
form .control-group label * {
  font-weight: normal;
}
h5 + div  table  tr:visible:first-child td,
h5 + div  table  tr:visible:first-child th {
  border-top: none !important;
}
.avatar {
  background-position: center;
  background-size: cover;
  border-radius: 10em;
  background-image: url('../img/avatar.png');
  background-repeat: no-repeat;
  height: 80px;
  width: 80px;
  border: 0.1em solid #F3F3F3;
  box-shadow: 0px 0px 0.15em rgba(0,0,0,0.5), inset 0px -0.05em 0.15em rgba(0,0,0,0.2);
}
.bubbleWrapper {
  position: relative;
  max-width: 700px;
  margin: 10px;
}
.bubbleWrapper.right .avatar {
  right: 0px;
  left: auto;
}
.bubbleWrapper.right .bubble:after {
  right: -10px;
  left: auto;
  border-width: 6px 0px 2px 9px;
  border-color: transparent transparent transparent #F7F7F7;
}
.bubbleWrapper.right .bubble:before {
  right: -10px;
  left: auto;
  border-width: 7px 0px 3px 9px;
  border-color: transparent transparent transparent #DDD;
}
.bubbleWrapper .name {
  position: absolute;
  top: 5px;
  z-index: 1;
  left: 64px;
  color: #999;
  text-shadow: 0px 1px 0px white;
  font-size: 12px;
}
.bubbleWrapper .avatar {
  height: 36px;
  width: 36px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0px;
}
.bubbleWrapper .date {
  position: absolute;
  top: 5px;
  z-index: 1;
  right: 64px;
  color: #999;
  text-shadow: 0px 1px 0px white;
  font-size: 12px;
  background-image: url('../img/clock.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
}
.bubbleWrapper .name:empty ~ .date:empty ~ .bubble {
  padding-top: 9px !important;
}
.bubbleWrapper .bubble {
  background: #F9F9F9;
  border-radius: 3px;
  border: 1px solid #EEE;
  box-shadow: 0px -1px 0px #E3E3E3;
  padding: 23px 10px 9px 10px;
  position: relative;
  margin-left: 52px;
  margin-right: 52px;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.bubbleWrapper .bubble:after {
  position: absolute;
  border-width: 5px 7px 1px 5px;
  border-color: transparent #F7F7F7 transparent transparent;
  z-index: 1;
  border-style: solid;
  content: " ";
  top: 10px;
  left: -12px;
}
.bubbleWrapper .bubble:before {
  position: absolute;
  border-width: 6px 9px 2px 6px;
  border-color: transparent #DDD transparent transparent;
  z-index: 1;
  border-style: solid;
  content: " ";
  top: 9px;
  left: -15px;
}
table {
  border-collapse: collapse;
}
table.horizontal td,
table.horizontal th {
  border-top: 1px solid #F1EFEB !important;
  text-align: left;
}
table.horizontal th {
  padding-right: 10px;
}
table td {
  border-top: 1px solid #ebe8e2 !important;
}
table.table-striped.selectable tbody>tr:nth-child(odd)>td,
table.table-striped.selectable .table-striped tbody>tr:nth-child(odd)>th {
  background: #f7f6f4;
}
table.table-striped.selectable tr:nth-child(odd):hover>td {
  background: #F1EFEB !important;
}
table.selectable a {
  display: block;
}
table.selectable tr.selected td {
  background: #E4E4E4;
}
table.selectable tr.selected:hover td {
  background: #d7d7d7;
}
table.selectable tr.highlight td {
  background: #fffdd0;
}
table.selectable tr.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
table.selectable tr.disabled:hover td {
  background: #FCFCFC !important;
}
table.selectable tr.disabled:hover td:first-child {
  border-left-color: #F3F3F3;
}
table.selectable tr:hover td {
  background: #f7f7f7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
  background: -webkit-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -o-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: -ms-linear-gradient(top,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  background: linear-gradient(to bottom,#f7f7f7 0%,#f6f6f6 47%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ededed',GradientType=0);
}
table.selectable tr:hover td:first-child {
  border-left-color: #ef4123;
}
table tr.link {
  cursor: pointer;
}
table tr td {
  overflow: hidden;
}
table tr td:first-child {
  -webkit-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  padding-left: 7px;
  border-left: 2px solid transparent;
}
table tr td:last-child {
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  padding-right: 15px;
}
table th.center {
  text-align: center;
}
table td.noWrap {
  white-space: nowrap;
}
.collapsibles .collapsible.collapsed > .head:before {
  content: '▼' !important;
}
.collapsibles .collapsible > .head {
  text-decoration: none;
  background: #F3F3F3;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
  padding: 5px 15px !important;
  color: #666666;
  text-shadow: 0px -1px 0px rgba(255,255,255,0.6);
  cursor: pointer;
  margin: 5px -1px 0;
}
.collapsibles .collapsible > .head:hover {
  background: #E3E3E3;
}
.collapsibles .collapsible > .head:before {
  content: '►';
  margin-right: 5px;
  color: #7f828e;
}
.collapsibles .collapsible > .head a {
  color: #42444b;
}
.collapsibles .collapsible > .body {
  display: none;
  border: 1px solid #F1EFEB;
  border-top: none;
}
.collapsibles .collapsible > .body .inner {
  padding: 10px;
}
#modalsWrapper {
  background-color: rgba(0,0,0,0.85);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
#modalsWrapper:empty {
  display: none;
}
.modal {
  position: absolute !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border-bottom: 3px solid #ef4123 !important;
  top: -25px !important;
  opacity: 0;
  z-index: 0;
}
.modal.animation {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.modal.show {
  opacity: 1;
  top: 10% !important;
  z-index: 1;
}
.modal + .modal {
  top: 35% !important;
  opacity: 0;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .modal {
    width: 630px !important;
    margin-left: -315px !important;
  }
}
@media only screen and (max-width: 767px) {
  .modal {
    width: auto !important;
    left: 20px !important;
    right: 20px !important;
    margin-left: 0 !important;
  }
}
.modal .content h4 {
  color: #42444b;
  margin: 0 0 15px 0;
  font-size: 15px;
  text-align: center;
}
.modal .contentBox {
  position: relative;
}
.modal .contentBox h5 {
  border-top: none;
}
.modal.paymentProcess table.virement {
  margin: 10px 0;
}
.modal.paymentProcess table.virement th {
  text-align: left;
}
.modal.paymentProcess table.virement td {
  border-top: none !important;
  padding: 0 20px;
}
.modal.paymentProcess .actions {
  text-align: center;
}
.modal.virInfos .content {
  text-align: center;
}
.modal.virInfos .content table.virement {
  margin: 15px auto;
}
.modal.virInfos .btn.print {
  float: left;
}
.modal.billsAndDates .dateOfPaymentsWrapper .date {
  font-weight: bold;
}
.modal.billsAndDates .dateOfPaymentsWrapper .paymentDate {
  border-bottom: 1px solid #EEE;
  padding: 5px 5px;
}
.modal.billsAndDates .dateOfPaymentsWrapper .paymentDate:first-child {
  border-top: 1px solid #EEE;
}
.modal.billsAndDates .dateOfPaymentsWrapper .amount {
  float: right;
}
.modal.billsAndDates .dateOfPaymentsWrapper .emptyText {
  display: none;
}
.modal.billsAndDates .dateOfPaymentsWrapper .list:empty ~ .emptyText {
  display: block;
}
.modal.billsAndDates .lastBillsWrapper .emptyText {
  display: none;
}
.modal.billsAndDates .lastBillsWrapper .list:empty ~ .emptyText {
  display: block;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper {
  height: 26px;
  border-bottom: 1px solid #EEE;
  padding: 5px 10px;
  vertical-align: top;
  position: relative;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper:first-child {
  border-top: 1px solid #EEE;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper:hover {
  background-color: #F3F3F3;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper .bill.link {
  width: 75%;
  display: block;
  line-height: 26px;
  position: relative;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper .bill.link .ref {
  font-weight: bold;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper .bill.link .status,
.modal.billsAndDates .lastBillsWrapper .billWrapper .bill.link .amount {
  float: right;
  margin-left: 10px;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper .bill.link .status {
  width: 100px;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper .bill.link .amount {
  width: 80px;
  text-align: right;
}
.modal.billsAndDates .lastBillsWrapper .billWrapper .dl {
  position: absolute;
  top: 5px;
  right: 10px;
}
.modal.setRDV .hourInputs .hours,
.modal.setRDV .hourInputs .minutes {
  width: 60px;
}
.modal.creditsHistory .list {
  max-height: 400px;
}
.modal.creditsHistory .amount {
  font-weight: bold;
}
.modal.creditsHistory .amount.credit {
  color: #92b634;
}
.modal.creditsHistory .amount.credit:before {
  content: "+ ";
}
.modal.creditsHistory .amount.debit {
  color: #F9A406;
}
.modal.creditsHistory .amount.debit:before {
  content: "- ";
}
.modal.creditsHistory .mode {
  background: #CCC;
  color: white;
  font-size: 8px;
  line-height: 15px;
  display: inline-block;
  padding: 0px 4px;
  border-radius: 2px;
  margin-left: 3px;
  font-weight: normal;
}
.modal.creditsHistory .mode.VIR:after {
  content: "VIR";
}
.modal.creditsHistory .mode.CB:after {
  content: "CB";
}
.modal.creditsProvision dfn {
  text-align: center;
  color: #888;
  display: block;
  margin-top: 14px;
  font-style: normal;
  font-size: 0.85em;
  line-height: 15px;
}
.modal.creditsProvision .products {
  text-align: center;
}
.modal.creditsProvision .products .item {
  border: 3px solid #EEE;
  height: 160px;
  display: inline-block;
  width: 160px;
  vertical-align: top;
  color: #42444b;
  position: relative;
  font-size: 1.1em;
  margin: 10px;
  text-transform: uppercase;
}
.modal.creditsProvision .products .item.selectable {
  cursor: pointer;
}
.modal.creditsProvision .products .item.selectable.selected {
  border: 3px solid #92b634;
}
.modal.creditsProvision .products .item.selectable:hover {
  border: 3px solid #AAA;
}
.modal.creditsProvision .products .item.disabled {
  opacity: 0.7;
}
.modal.creditsProvision .products .item img {
  background-position: 17px 9px;
}
.modal.creditsProvision .products .item span {
  font-family: verb;
  font-weight: bold;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  text-align: center;
}
.modal.creditsProvision .products .item i {
  font-size: 115px;
  color: #E3E3E3;
  height: 100px;
  width: 120px;
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: -60px;
}
.modal.creditsProvision .products .item .name {
  position: absolute;
  bottom: 0;
  width: 150px;
  text-align: center;
  margin-left: -75px;
  left: 50% !important;
}
.modal.creditsProvision .products .item .price {
  position: absolute;
  bottom: 60% !important;
  margin-bottom: -10px;
  font-size: 1.4em;
}
.modal.creditsProvision .cartWrapper {
  border-top: 1px solid #EEE;
  margin-top: 30px;
  padding: 20px 0px 0;
}
.modal.creditsProvision .paymentModesWrapper {
  float: left;
}
.modal.creditsProvision .cart {
  text-align: right;
}
.modal.creditsProvision .cart .amountWrapper[data-amount^="0"] {
  height: 0;
  padding: 0 0px;
}
.modal.creditsProvision .cart .amountWrapper {
  text-align: right;
  overflow: hidden;
  font-size: 18px;
  color: #42444b;
  margin-bottom: 6px;
  font-family: verb;
  font-weight: bold;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.modal.creditsProvision .cart .amountWrapper .oldPriceWrapper[data-oldprice="0"] {
  display: none;
}
.modal.creditsProvision .cart .amountWrapper .tva,
.modal.creditsProvision .cart .amountWrapper .ttc {
  font-size: 11px;
  line-height: 1em;
  color: #727581;
}
.modal.queFaire .content {
  text-align: center;
}
.modal.queFaire .content .item {
  border: 3px solid #EEE;
  height: 160px;
  display: inline-block;
  width: 160px;
  vertical-align: top;
  color: #42444b;
  position: relative;
  font-size: 1.1em;
  margin: 10px;
  text-transform: uppercase;
}
.modal.queFaire .content .item:hover {
  border: 3px solid #92b634;
}
.modal.queFaire .content .item.subscription img {
  background-position: 17px 9px;
}
.modal.queFaire .content .item.devis img {
  background-position: -371px 9px;
}
.modal.queFaire .content .item.intervention img {
  background-position: -176px 9px;
}
.modal.queFaire .content .item span {
  font-family: verb;
  font-weight: bold;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  text-align: center;
}
.modal.queFaire .content .item img {
  background-image: url('../img/queFaireIcons.png');
  background-repeat: no-repeat;
  height: 100px;
  width: 120px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -60px;
}
.modal.register h4,
.modal.continueRegistration h4 {
  text-align: center;
  margin: 0;
}
.modal.register form,
.modal.continueRegistration form {
  margin-top: 20px;
  margin-bottom: 5px;
}
.modal.register form .infos label,
.modal.continueRegistration form .infos label {
  font-weight: bold;
}
.modal.register form .infos input[type=text],
.modal.register form .infos input[type=password],
.modal.continueRegistration form .infos input[type=text],
.modal.continueRegistration form .infos input[type=password] {
  width: 80%;
}
.modal.register form .infos .control-group,
.modal.continueRegistration form .infos .control-group {
  margin-bottom: 0px;
}
.modal.register form .infos .control-group .help-inline,
.modal.continueRegistration form .infos .control-group .help-inline {
  display: block !important;
  content: " ";
  height: 30px;
}
.modal.register form .cgvWrapper,
.modal.continueRegistration form .cgvWrapper {
  margin-top: -10px;
  margin-bottom: 10px;
}
.modal.register form .cgvWrapper .cgv,
.modal.continueRegistration form .cgvWrapper .cgv {
  font-size: 12px;
}
.modal.register .registerBtnWrapper,
.modal.continueRegistration .registerBtnWrapper {
  text-align: center;
  border-top: 1px solid #EEE;
  padding-top: 18px;
  position: relative;
}
.modal.register .registerBtnWrapper .continueARegistration,
.modal.continueRegistration .registerBtnWrapper .continueARegistration {
  position: absolute;
  left: 25px;
  top: 25px;
  color: #AAA;
  cursor: pointer;
}
.modal.register .modal-footer,
.modal.continueRegistration .modal-footer {
  display: none;
}
.modal .modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  margin: 20px 25px 10px 25px;
  text-align: center;
  margin-bottom: 0px;
}
.modal .modal-header h3 {
  margin-bottom: 0px;
  font-size: 32px !important;
}
.modal .modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-position: -50px -86px;
  height: 25px;
  width: 25px;
}
.modal .modal-body {
  height: auto;
  padding: 5px 25px 25px 25px;
}
.modal .modal-body form .infos {
  width: 80%;
  margin: auto;
}
.modal .modal-footer {
  padding: 7px 15px;
}
.modal .modal-footer:empty {
  display: none;
}
.btn {
  border-radius: 2px !important;
  font-weight: bold;
  padding: 7px 17px !important;
}
.btn.btn-large {
  padding: 10px 30px !important;
  border-radius: 3px !important;
}
.btn.btn-mini {
  padding: 0px 6px !important;
}
.btn.btn-small {
  padding: 2px 10px !important;
  font-size: 11.9px !important;
}
.btn.btn-success {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #559D1A;
  *background-color: #559D1A;
  background-image: -moz-linear-gradient(top,#84C331,#559D1A);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#84C331),to(#559D1A));
  background-image: -webkit-linear-gradient(top,#84C331,#559D1A);
  background-image: -o-linear-gradient(top,#84C331,#559D1A);
  background-image: linear-gradient(to bottom,#84C331,#559D1A);
  background-repeat: repeat-x;
  border-color: #559D1A;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84C331',endColorstr='#559D1A',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.active,
.btn.btn-success.disabled,
.btn.btn-success[disabled] {
  color: #FFFFFF;
  background-color: #559D1A;
  *background-color: #003bb3;
}
.btn.btn-primary {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #EF4123;
  *background-color: #EF4123;
  background-image: -moz-linear-gradient(top,#f06f25,#EF4123);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f06f25),to(#EF4123));
  background-image: -webkit-linear-gradient(top,#f06f25,#EF4123);
  background-image: -o-linear-gradient(top,#f06f25,#EF4123);
  background-image: linear-gradient(to bottom,#f06f25,#EF4123);
  background-repeat: repeat-x;
  border-color: #EF4123;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f25',endColorstr='#EF4123',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.disabled,
.btn.btn-primary[disabled] {
  color: #FFFFFF;
  background-color: #EF4123;
  *background-color: #003bb3;
}
form .input-prepend .help-inline,
form .input-append .help-inline {
  font-size: 14px;
}
form .errorFlag {
  content: " ";
  padding: 5px 16px;
  vertical-align: middle;
  background-position: 0px -85px;
  margin-left: 3px;
}
.modal .modal-body .loading {
  display: none;
}
.modal .modal-body .content.empty ~ .loading {
  display: block;
}
.clearFix {
  clear: both;
}
h2 + .intro {
  margin-top: -10px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #555;
}
form .instruction {
  font-size: 0.9em;
  margin: 10px 0;
}
.ajaxReceiver:empty,
.loadingIcon {
  background-image: url('../img/loading.gif');
  min-height: 30px;
  min-width: 30px;
  background-repeat: no-repeat;
  background-position: top left;
}
.registerEnd .mainContent,
.loginPage .mainContent {
  min-height: 400px;
  background-position: left bottom !important;
  background-repeat: no-repeat !important;
  padding-bottom: 84px !important;
  background-image: url('../img/registerEndBg.jpg') !important;
}
.registerEnd .registerForm {
  margin-top: 20px;
}
.registerEnd .registerForm .control-group {
  margin-bottom: 0px !important;
}
.registerEnd .registerForm .control-group .help-inline {
  display: block !important;
  content: " ";
  height: 30px;
}
.registerEnd .registerForm .registerBtnWrapper {
  border-top: 1px solid #DDD;
  text-align: right;
  padding-top: 10px;
  margin-top: 20px;
}
.registration .step.visible .stepContent {
  display: block;
}
.registration .step.visible .stepLabel {
  opacity: 1;
}
.registration .step.valid .stepLabel {
  background: #dff0d8;
}
.registration .step .stepContent {
  display: none;
}
.registration .step .stepLabel {
  padding: 3px 15px 3px 10px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  background-color: #F3F3F3;
  border: 1px solid #EEE;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0.5;
  cursor: pointer;
}
.registration .step .stepNumber:after {
  content: ". ";
}
.registration .step .stepNumber {
  font-weight: bold;
}
.stretchBox {
  margin: 10px -20px;
  background-color: #F1EFEB;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px 20px;
}
.contentBox {
  margin: 20px 0;
}
.contentBox + .itemsCategory {
  margin-top: 20px;
}
.contentBox h5 {
  position: relative;
  font-family: VerbBlack;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 0 5px 15px;
  border-top: 1px solid #DDD;
  color: #484848;
  font-size: 1.3em;
  margin: 0 0 10px 0;
}
.contentBox h5:before {
  background-color: #ef4123;
  position: absolute;
  top: 11px;
  left: 3px;
  height: 7px;
  width: 7px;
  content: " ";
  border-radius: 1em;
}
.contentBox .actions {
  text-align: right;
  border-top: 1px solid #DDD;
  padding-top: 15px;
}
.contentBox .content {
  margin: 0px;
  position: relative;
}
.compteLayout .mainContent,
.publicLayout .mainContent {
  background: white;
  box-shadow: 0px 0px 5px #E3E3E3;
  z-index: 0;
  padding: 20px !important;
  padding-bottom: 50px !important;
  border: 1px solid #DDD;
  border-top: none;
  position: relative;
  border-radius: 3px;
  border-bottom: 3px solid #ef4123;
  min-height: 400px;
}
@media print {
  .compteLayout .mainContent,
  .publicLayout .mainContent {
    margin: 0 !important;
    background-color: white !important;
  }
}
.compteLayout .footer,
.publicLayout .footer {
  margin: 45px auto 15px auto;
  color: #42444b;
  max-width: 980px;
}
@media only screen and (min-width: 601px) {
  .compteLayout .footer .left,
  .publicLayout .footer .left {
    float: left;
    margin-right: 15px;
  }
  .compteLayout .footer .right,
  .publicLayout .footer .right {
    float: right;
    margin-left: 10px;
    margin-top: 3px;
  }
}
@media only screen and (max-width: 600px) {
  .compteLayout .footer .left,
  .publicLayout .footer .left {
    display: inline-block;
  }
  .compteLayout .footer .links,
  .publicLayout .footer .links {
    text-align: center;
  }
}
.compteLayout .footer .links,
.publicLayout .footer .links {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 15px 10px;
  font-family: 'VerbBlack';
  margin-bottom: 40px;
}
.compteLayout .footer .links p,
.publicLayout .footer .links p {
  margin: 0;
  display: inline;
  font-size: 12px;
}
.compteLayout .footer .links .infos,
.publicLayout .footer .links .infos {
  font-size: 12px;
  font-weight: normal;
  font-family: "Verb";
}
.compteLayout .footer .links .phone i,
.publicLayout .footer .links .phone i {
  background-position: -45px -39px;
}
.compteLayout .footer .links .mail i,
.publicLayout .footer .links .mail i {
  background-position: 2px -39px;
}
.compteLayout .footer .links .fb a,
.publicLayout .footer .links .fb a {
  background-position: -141px -39px;
}
.compteLayout .footer .links .twtr a,
.publicLayout .footer .links .twtr a {
  background-position: -93px -39px;
}
.compteLayout .footer .links .blog a,
.publicLayout .footer .links .blog a {
  background-position: -188px -39px;
}
.compteLayout .footer .links .left a,
.compteLayout .footer .links .left i,
.publicLayout .footer .links .left a,
.publicLayout .footer .links .left i {
  content: " ";
  height: 30px;
  width: 30px;
  float: left;
}
.compteLayout .footer .links .left a,
.publicLayout .footer .links .left a {
  margin-right: 7px;
}
.compteLayout .footer .links .left p,
.publicLayout .footer .links .left p {
  margin: 0;
  line-height: 30px;
}
.compteLayout .footer .links .right i,
.publicLayout .footer .links .right i {
  content: " ";
  height: 30px;
  width: 30px;
  float: left;
}
.compteLayout .footer .infos,
.publicLayout .footer .infos {
  font-size: 10px;
  margin: 10px 0 0 0;
}
.compteLayout .footer .infos a,
.publicLayout .footer .infos a {
  color: #42444b;
  margin-right: 15px;
}
.compteLayout {
  background: #FAFAFA;
  padding: 141px 0 0 0 !important;
}
@media print {
  .compteLayout {
    padding-top: 0 !important;
  }
  .compteLayout .accountMenu {
    display: none !important;
  }
}
.compteLayout.visible .content {
  opacity: 1;
}
.compteLayout > .container {
  padding-top: 0;
}
.compteLayout .mainContent .infos .content {
  padding-bottom: 10px;
}
.compteLayout .mainContent .infos table {
  width: 100%;
}
.compteLayout .mainContent .infos table tr:first-child * {
  border-top: none;
}
.compteLayout .mainContent .infos table tr:nth-child(odd) th {
  background-color: #F1F1F1;
}
.compteLayout .mainContent .infos table tr:nth-child(odd) td {
  background-color: #F7F7F7;
}
.compteLayout .mainContent .infos table tr th {
  background-color: #FAFAFA;
  color: #555;
  white-space: nowrap;
}
.compteLayout .mainContent .infos table tr td {
  width: 70%;
}
.compteLayout .mainContent .infos table tr > * {
  padding: 5px 10px;
}
.compteLayout .mainContent .infos th {
  text-align: left;
}
.compteLayout .mainContent .infos .actions {
  text-align: right;
}
.compteLayout .mainContent .infos [class*="span"] {
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  overflow: hidden;
}
.compteLayout.checkout .checkoutMessage {
  margin-bottom: 15px;
}
.compteLayout.checkout .billLink {
  display: none;
}
.compteLayout .accountMenu {
  background-color: #333;
  box-sizing: border-box;
  display: none;
  overflow: auto;
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  top: 60px;
}
.compteLayout .accountMenu[data-top="20"] a img {
  opacity: 0 !important;
}
.compteLayout .accountMenu.navbar-fixed-top {
  top: 20px;
}
.compteLayout .accountMenu.navbar-fixed-top a img {
  opacity: 0 !important;
}
.compteLayout .accountMenu.navbar-fixed-top ~ .container {
  margin-top: 80px;
}
.compteLayout .accountMenu .accountMenuContainer {
  white-space: nowrap;
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.compteLayout .accountMenu .accountMenuContainer .menuInner {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 15px 0px;
}
.compteLayout .accountMenu .accountMenuContainer .menuInner .tr {
  display: table-row;
  width: 100%;
}
.compteLayout .accountMenu .accountMenuContainer .itemInner {
  display: block;
  position: relative;
}
.compteLayout .accountMenu .accountMenuContainer a.hover ~ a.on {
  background: red;
}
.compteLayout .accountMenu .accountMenuContainer a.hover ~ a.on .triangle {
  opacity: 0 !important;
  bottom: -25px;
}
.compteLayout .accountMenu .accountMenuContainer a {
  min-width: 70px;
  min-height: 39px;
  line-height: 39px;
  border-left: 1px solid #3A3A3A;
  display: table-cell;
  white-space: normal;
  padding: 0px 0px;
  text-align: center;
  font-size: 10px;
  margin: 15px -2px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .compteLayout .accountMenu .accountMenuContainer a {
    width: 10.611111111111%;
  }
}
@media only screen and (max-width: 767px) {
  .compteLayout .accountMenu .accountMenuContainer a {
    width: 8.6111111111111%;
  }
}
.compteLayout .accountMenu .accountMenuContainer a:first-child {
  border-left: none;
}
.compteLayout .accountMenu .accountMenuContainer a:last-child {
  border-right: none !important;
}
.compteLayout .accountMenu .accountMenuContainer a:hover .name,
.compteLayout .accountMenu .accountMenuContainer a.on .name {
  color: white;
}
.compteLayout .accountMenu .accountMenuContainer a:hover .triangle,
.compteLayout .accountMenu .accountMenuContainer a.on .triangle {
  opacity: 1;
  bottom: -16px;
}
.compteLayout .accountMenu .accountMenuContainer a:hover img,
.compteLayout .accountMenu .accountMenuContainer a.on img {
  opacity: 1;
}
.compteLayout .accountMenu .accountMenuContainer a .triangle,
.compteLayout .accountMenu .accountMenuContainer a .name {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.compteLayout .accountMenu .accountMenuContainer a .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid white;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: 50%;
  margin-left: -7px;
  bottom: -25px;
}
.compteLayout .accountMenu .accountMenuContainer a .itemWrapper {
  line-height: 1em;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  width: 100%;
}
.compteLayout .accountMenu .accountMenuContainer a img {
  width: 40px;
  height: 40px;
  background-image: url('../img/accountMenuIconsSprite.png');
}
.compteLayout .accountMenu .accountMenuContainer a.dashboard img {
  background-position: -32px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.dashboard:hover img,
.compteLayout .accountMenu .accountMenuContainer a.dashboard.on img {
  background-position: -32px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.devis img {
  background-position: -137px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.devis:hover img,
.compteLayout .accountMenu .accountMenuContainer a.devis.on img {
  background-position: -137px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.interventions img {
  background-position: -976px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.interventions:hover img,
.compteLayout .accountMenu .accountMenuContainer a.interventions.on img {
  background-position: -976px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.bills img {
  background-position: -242px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.bills:hover img,
.compteLayout .accountMenu .accountMenuContainer a.bills.on img {
  background-position: -242px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.contracts img {
  background-position: -346px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.contracts:hover img,
.compteLayout .accountMenu .accountMenuContainer a.contracts.on img {
  background-position: -346px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.users img {
  background-position: -449px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.users:hover img,
.compteLayout .accountMenu .accountMenuContainer a.users.on img {
  background-position: -449px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.establishments img {
  background-position: -557px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.establishments:hover img,
.compteLayout .accountMenu .accountMenuContainer a.establishments.on img {
  background-position: -557px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.inventory img {
  background-position: -660px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.inventory:hover img,
.compteLayout .accountMenu .accountMenuContainer a.inventory.on img {
  background-position: -660px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.tickets img {
  background-position: -766px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.tickets:hover img,
.compteLayout .accountMenu .accountMenuContainer a.tickets.on img {
  background-position: -766px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a.reports {
  display: none !important;
}
.compteLayout .accountMenu .accountMenuContainer a.reports img {
  background-position: -871px -1px;
}
.compteLayout .accountMenu .accountMenuContainer a.reports:hover img,
.compteLayout .accountMenu .accountMenuContainer a.reports.on img {
  background-position: -871px -51px;
}
.compteLayout .accountMenu .accountMenuContainer a .name {
  font-weight: bold;
  color: #b4b5bb;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  text-shadow: 0px -1px 0 black;
  font-family: verb;
}
@media only screen and (max-width: 600px) {
  .compteLayout .accountMenu .accountMenuContainer a .name {
    font-size: 0.9em;
  }
}
.compteLayout .lateral {
  border-left: 1px solid #DDD;
  box-sizing: border-box;
}
.compteLayout .lateral>.wrapper {
  border-bottom: 1px solid #DDD;
  margin: 20px 10px;
}
.compteLayout .lateral>.wrapper:last-child {
  border: none;
}
.compteLayout .content {
  opacity: 0;
}
.compteLayout.loginPage .accountMenu {
  display: none;
}
.compteLayout.me .actions {
  text-align: right;
  float: right;
}
.compteLayout.me .fileUpload {
  margin: auto;
  max-width: 100%;
}
.compteLayout.me .fileUpload .file {
  text-align: left;
}
.compteLayout.me .avatarArea {
  text-align: center;
}
.compteLayout.me .avatarArea .avatar {
  display: inline-block;
  margin-bottom: 10px;
}
.compteLayout.company .actions {
  text-align: right;
  float: right;
}
.compteLayout.dashboard h2 {
  border-bottom: 1px solid #DDD;
}
.compteLayout.dashboard .avatar {
  float: left;
  height: 40px;
  width: 40px;
  margin-right: 15px;
}
.compteLayout.dashboard .area {
  margin-bottom: 40px;
}
.compteLayout.dashboard .area .infos {
  padding-left: 17%;
}
@media only screen and (max-width: 600px) {
  .compteLayout.dashboard .area .infos {
    padding-left: 0px;
  }
}
.compteLayout.dashboard .area .link {
  margin-bottom: 15px;
}
.compteLayout.dashboard .area .link a {
  display: inline-block;
}
.compteLayout.dashboard .area:last-child {
  margin-bottom: 0 !important;
}
.compteLayout.dashboard .area.devis,
.compteLayout.dashboard .area.bills,
.compteLayout.dashboard .area.interventions {
  display: none;
}
.compteLayout.dashboard .area.profile > div {
  position: relative;
  margin-top: 40px;
}
.compteLayout.dashboard .area.profile .name {
  font-weight: bold;
  font-size: 22px;
}
.compteLayout.dashboard .area.profile .company {
  color: #999;
  font-size: 14px;
  margin-top: 5px;
  text-transform: uppercase;
}
.compteLayout.dashboard .area.profile .actions {
  margin-top: 25px;
}
.compteLayout.dashboard .area.profile .actions .btn {
  margin: 5px;
}
.compteLayout.dashboard .area.profile table {
  margin-top: 13px;
  border-top: 1px solid #EAEAEA;
}
.compteLayout.dashboard .area.profile th {
  text-align: left;
  color: #AAA;
  padding-right: 10px;
}
.compteLayout.dashboard .area.profile td {
  border-top: none !important;
}
.compteLayout.dashboard .area.profile th,
.compteLayout.dashboard .area.profile td {
  padding-top: 7px;
  padding-bottom: 0px;
}
.compteLayout.dashboard .area.profile .links {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  list-style: none;
  margin: 0;
}
.compteLayout.dashboard .area.profile .links li {
  display: block;
  text-align: right;
  border-top: 1px solid #EAEAEA;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
}
.compteLayout.dashboard .area.profile .links li:first-child {
  border-top: none;
}
.compteLayout.dashboard .area.profile .links li.credits {
  display: none;
}
.compteLayout.dashboard .area.profile .links li.credits + li {
  border-top: none;
}
.compteLayout.dashboard .area.profile .links li > a {
  color: #AAA;
}
.compteLayout.dashboard .area.profile .links li > a:hover {
  color: black;
}
.compteLayout.dashboard .area .infos {
  line-height: 1.8em;
  margin-top: 10px;
}
.compteLayout.dashboard .area .infos table {
  width: 100%;
}
.compteLayout.dashboard .area .infos tr:last-child td {
  border-bottom: none;
}
.compteLayout.dashboard .area .infos tr:hover {
  background-color: #F1EFEB;
}
.compteLayout.dashboard .area .infos tr td {
  padding: 5px 25px;
  width: 20%;
  border-bottom: 1px solid #F1EFEB;
}
.compteLayout.dashboard .area .infos tr td.name {
  font-weight: bold;
  width: auto;
}
.compteLayout.dashboard .area .infos tr td.date {
  width: 100px;
}
.compteLayout.dashboard .area .infos tr td.status {
  width: 160px;
}
.compteLayout.dashboard h2 #name:before {
  content: " ";
}
.compteLayout.dashboard h2 #name:empty:before {
  content: "";
}
.compteLayout.users.usersAdd .btn.sendids {
  display: none;
}
.compteLayout.users.usersEdit #input_date {
  display: none;
  margin-bottom: 10px;
}
.compteLayout.users.usersEdit .input_date {
  margin-bottom: 0;
}
.compteLayout.users.usersEdit .input_date label {
  display: none;
}
.compteLayout.users.usersEdit .input_date .controls {
  margin-left: 0;
}
.compteLayout.users.usersEdit .btn.sendids {
  float: left;
}
.compteLayout.users.usersEdit .linkedContracts ul {
  margin: 0;
  list-style: none;
}
.compteLayout.users.usersEdit .linkedContracts ul li {
  padding-top: 5px;
  margin-bottom: 5px;
}
.compteLayout.users.usersEdit .linkedContracts ul li a {
  font-weight: bold;
}
.compteLayout.users.usersList .actions a {
  margin: 0 0 0 5px;
}
.compteLayout.users.usersList td {
  vertical-align: middle;
}
.compteLayout.users.usersList .avatar {
  height: 30px;
  width: 30px;
}
.compteLayout.users.usersList .searchOptions .help-inline {
  display: none;
}
.compteLayout.users.usersList .searchOptions .control-group {
  margin: 0 5px;
}
.compteLayout.users.usersList .searchOptions .control-group label {
  margin: 0;
}
.compteLayout.users.usersList .searchOptions .control-group input,
.compteLayout.users.usersList .searchOptions .control-group select {
  margin: 0;
}
.compteLayout.users.usersList .searchOptions input[type=text] {
  width: 160px;
}
.compteLayout.users.usersList .searchOptions input[type=checkbox] {
  margin: 0;
}
.compteLayout.users.usersList .searchOptions label {
  display: inline;
}
.compteLayout.users.usersList .searchOptions .filters,
.compteLayout.users.usersList .searchOptions .search {
  white-space: nowrap;
}
.compteLayout.users.usersList .searchOptions .filters {
  float: left;
}
.compteLayout.users.usersList .searchOptions .filters .control-group {
  float: left;
}
.compteLayout.users.usersList .searchOptions .search {
  float: right;
}
.compteLayout.users.usersList .searchOptions .search .control-group {
  float: left;
}
.compteLayout.users.usersList .searchOptions .search .searchBtn {
  float: right;
}
.compteLayout.users.usersList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.compteLayout.users.usersList .askFor {
  float: right;
}
.compteLayout.users #how2add_modal .content {
  text-align: center;
}
.compteLayout.users #how2add_modal .content .item {
  border: 3px solid #EEE;
  height: 160px;
  display: inline-block;
  width: 160px;
  vertical-align: top;
  color: #42444b;
  position: relative;
  font-size: 1.1em;
  margin: 10px;
  text-transform: uppercase;
}
.compteLayout.users #how2add_modal .content .item:hover {
  border: 3px solid #92b634;
}
.compteLayout.users #how2add_modal .content .item.csv img {
  background-position: 26px 8px;
}
.compteLayout.users #how2add_modal .content .item.add img {
  background-position: -108px 8px;
}
.compteLayout.users #how2add_modal .content .item span {
  font-family: verb;
  font-weight: bold;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  text-align: center;
}
.compteLayout.users #how2add_modal .content .item img {
  background-image: url('../img/how2addUsers.png');
  background-repeat: no-repeat;
  height: 100px;
  width: 120px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -60px;
}
.compteLayout.establishments.establishmentsAdd .btn.delete {
  display: none;
}
.compteLayout.establishments.establishmentsEdit #input_date {
  display: none;
}
.compteLayout.establishments.establishmentsEdit .btn.delete {
  float: left;
}
.compteLayout.establishments.establishmentsList .disabledCboxWrapper,
.compteLayout.establishments.establishmentsList .deliveryRadioWrapper,
.compteLayout.establishments.establishmentsList .billingRadioWrapper {
  text-align: center;
}
.compteLayout.establishments.establishmentsList tr {
  cursor: pointer;
}
.compteLayout.establishments.establishmentsList .searchOptions .help-inline {
  display: none;
}
.compteLayout.establishments.establishmentsList .searchOptions .control-group {
  margin: 0 5px;
}
.compteLayout.establishments.establishmentsList .searchOptions .control-group label {
  margin: 0;
}
.compteLayout.establishments.establishmentsList .searchOptions .control-group input,
.compteLayout.establishments.establishmentsList .searchOptions .control-group select {
  margin: 0;
}
.compteLayout.establishments.establishmentsList .searchOptions input[type=text] {
  width: 160px;
}
.compteLayout.establishments.establishmentsList .searchOptions input[type=checkbox] {
  margin: 0;
}
.compteLayout.establishments.establishmentsList .searchOptions label {
  display: inline;
}
.compteLayout.establishments.establishmentsList .searchOptions .filters,
.compteLayout.establishments.establishmentsList .searchOptions .search {
  white-space: nowrap;
}
.compteLayout.establishments.establishmentsList .searchOptions .filters {
  float: left;
}
.compteLayout.establishments.establishmentsList .searchOptions .filters .control-group {
  float: left;
}
.compteLayout.establishments.establishmentsList .searchOptions .search {
  float: right;
}
.compteLayout.establishments.establishmentsList .searchOptions .search .control-group {
  float: left;
}
.compteLayout.establishments.establishmentsList .searchOptions .search .searchBtn {
  float: right;
}
.compteLayout.establishments.establishmentsList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.compteLayout.establishments.establishmentsList .askFor {
  float: right;
}
.compteLayout.contracts.contractsList .list .statusBar {
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 4px;
  vertical-align: middle;
  position: relative;
}
.compteLayout.contracts.contractsList .list .statusBar .stepName {
  display: none;
}
.compteLayout.contracts.contractsList .list .statusBar .item {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #42444b;
  top: -3px;
  margin-left: -5px;
  border-radius: 5px;
  box-sizing: border-box;
}
.compteLayout.contracts.contractsList .list .statusBar .item.item0 {
  left: 0%;
}
.compteLayout.contracts.contractsList .list .statusBar .item.item25 {
  left: 25%;
}
.compteLayout.contracts.contractsList .list .statusBar .item.item50 {
  left: 50%;
}
.compteLayout.contracts.contractsList .list .statusBar .item.item75 {
  left: 75%;
}
.compteLayout.contracts.contractsList .list .statusBar .item.item100 {
  right: 0%;
}
.compteLayout.contracts.contractsList .list .statusBar .item:last-child {
  margin-right: -5px;
}
.compteLayout.contracts.contractsList .list .statusBar .item.waiting {
  margin-left: -7px;
  height: 15px;
  width: 15px;
  border-radius: 3em;
  top: -6px;
}
.compteLayout.contracts.contractsList .list .statusBar .item.waiting:before {
  font-weight: bold;
  font-size: 9px;
  content: " ";
}
.compteLayout.contracts.contractsList .list .statusBar .item.done:before {
  content: " ";
}
.compteLayout.contracts.contractProcess h2 {
  float: left;
  margin-top: 0;
  white-space: nowrap;
}
.compteLayout.contracts.contractProcess .main {
  position: relative;
}
.compteLayout.contracts.contractProcess .main .actions {
  text-align: right;
}
.compteLayout.contracts.contractProcess .main .actions .billLink {
  display: none;
}
.compteLayout.contracts.contractProcess .contractInfos {
  clear: both;
}
.compteLayout.contracts.contractProcess .requiredActions {
  background: #F3F3F3;
  display: none;
  margin: 30px 0px 55px;
  padding: 16px 20px;
  text-align: center;
}
.compteLayout.contracts.contractProcess .requiredActions .title {
  font-weight: bold;
  color: black;
}
.compteLayout.contracts.contractProcess .requiredActions .action {
  display: none;
}
.compteLayout.contracts.contractProcess .statusBarWrapper {
  height: 50px;
  margin: 45px 10px 5px;
}
.compteLayout.contracts.contractProcess .statusBar {
  height: 10px;
}
.compteLayout.contracts.contractProcess .statusBar .doneBar {
  height: 7px;
}
.compteLayout.contracts.contractProcess .statusBar .waiting {
  height: 30px !important;
  width: 30px !important;
  border-radius: 3em !important;
  top: -11px !important;
}
.compteLayout.contracts.contractProcess .statusBar .waiting:before {
  font-size: 28px !important;
}
.compteLayout.contracts.contractProcess .statusBar .waiting .stepName {
  top: 35px;
}
.compteLayout.contracts.contractProcess .statusBar .item {
  position: absolute;
  top: -6px;
  width: 20px;
  height: 20px;
  z-index: 1;
  margin-left: -10px;
  border-radius: 10px;
}
.compteLayout.contracts.contractProcess .statusBar .item.item0 {
  left: 0%;
}
.compteLayout.contracts.contractProcess .statusBar .item.item0 .stepName {
  left: 0 !important;
  text-align: left !important;
  margin-left: 0 !important;
}
.compteLayout.contracts.contractProcess .statusBar .item.item25 {
  left: 25%;
}
.compteLayout.contracts.contractProcess .statusBar .item.item50 {
  left: 50%;
}
.compteLayout.contracts.contractProcess .statusBar .item.item75 {
  left: 75%;
}
.compteLayout.contracts.contractProcess .statusBar .item.item100 {
  right: 0%;
}
.compteLayout.contracts.contractProcess .statusBar .item:last-child {
  margin-right: -10px;
}
.compteLayout.contracts.contractProcess .statusBar .item:last-child .stepName {
  right: 0px !important;
  text-align: right;
  left: auto;
}
.compteLayout.contracts.contractProcess .statusBar .item .stepName {
  position: absolute;
  width: 150px;
  margin-left: -75px;
  text-align: center;
  left: 50%;
  font-family: Verb;
  text-transform: uppercase;
  top: 28px;
  line-height: 1em;
}
.compteLayout.contracts.contractProcess .statusBar,
.compteLayout.contracts.contractsList .list .statusBar {
  background: #EEE;
  width: 100%;
  vertical-align: middle;
  position: relative;
  box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
}
.compteLayout.contracts.contractProcess .statusBar .doneBar,
.compteLayout.contracts.contractsList .list .statusBar .doneBar {
  width: 0%;
  background: #9dd53a;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9dd53a),color-stop(50%,#a1d54f),color-stop(51%,#80c217),color-stop(100%,#7cbc0a));
  background: -webkit-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -o-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -ms-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: linear-gradient(to bottom,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a',endColorstr='#7cbc0a',GradientType=0);
  content: " ";
  position: absolute;
  left: 0;
  top: 1px;
}
.compteLayout.contracts.contractProcess .statusBar .item,
.compteLayout.contracts.contractsList .list .statusBar .item {
  background: #E7E7E8;
  box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
  box-sizing: border-box;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.compteLayout.contracts.contractProcess .statusBar .done,
.compteLayout.contracts.contractsList .list .statusBar .done {
  background: #9dd53a;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9dd53a),color-stop(50%,#a1d54f),color-stop(51%,#80c217),color-stop(100%,#7cbc0a));
  background: -webkit-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -o-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -ms-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: linear-gradient(to bottom,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a',endColorstr='#7cbc0a',GradientType=0);
}
.compteLayout.contracts.contractProcess .statusBar .done:before,
.compteLayout.contracts.contractsList .list .statusBar .done:before {
  content: "✓";
  position: absolute;
  top: 0px;
  color: white;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: normal;
}
.compteLayout.contracts.contractProcess .statusBar .waiting,
.compteLayout.contracts.contractsList .list .statusBar .waiting {
  background: #ffa84c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdiMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#ffa84c 0%,#ff7b0d 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffa84c),color-stop(100%,#ff7b0d));
  background: -webkit-linear-gradient(top,#ffa84c 0%,#ff7b0d 100%);
  background: -o-linear-gradient(top,#ffa84c 0%,#ff7b0d 100%);
  background: -ms-linear-gradient(top,#ffa84c 0%,#ff7b0d 100%);
  background: linear-gradient(to bottom,#ffa84c 0%,#ff7b0d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c',endColorstr='#ff7b0d',GradientType=0);
}
.compteLayout.contracts.contractProcess .statusBar .waiting:before,
.compteLayout.contracts.contractsList .list .statusBar .waiting:before {
  content: "…";
  position: absolute;
  top: 1px;
  color: white;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px !important;
  font-weight: bold;
}
.compteLayout.contracts.contractProcess .statusBar .waiting .stepName,
.compteLayout.contracts.contractsList .list .statusBar .waiting .stepName {
  top: 35px;
}
.compteLayout.contracts .contractInfos {
  color: #42444b;
  margin-bottom: 30px;
}
.compteLayout.contracts .contractInfos span {
  font-weight: bold;
}
.compteLayout.contracts.contractsList .askFor {
  float: right;
}
.compteLayout.contracts.contractsList .pinnedCarts {
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.compteLayout.contracts.contractsList .pinnedCarts:empty {
  display: none;
}
.compteLayout.contracts.contractsList .pinnedCarts h5 {
  border: none;
  margin-top: 0;
}
.compteLayout.contracts.contractsList .pinnedCarts .cart {
  padding: 5px 15px;
  border-top: 1px solid #EEE;
}
.compteLayout.contracts.contractsList .pinnedCarts .cart:last-child {
  border-bottom: 1px solid #EEE;
}
.compteLayout.contracts.contractsList .pinnedCarts .cart:hover .go {
  text-decoration: underline;
}
.compteLayout.contracts.contractsList .pinnedCarts .cart a {
  display: block;
}
.compteLayout.contracts.contractsList .pinnedCarts .cart .go {
  float: right;
}
.compteLayout.contracts.contractsList .searchOptions .help-inline {
  display: none;
}
.compteLayout.contracts.contractsList .searchOptions .control-group {
  margin: 0 5px;
}
.compteLayout.contracts.contractsList .searchOptions .control-group label {
  margin: 0;
}
.compteLayout.contracts.contractsList .searchOptions .control-group input,
.compteLayout.contracts.contractsList .searchOptions .control-group select {
  margin: 0;
}
.compteLayout.contracts.contractsList .searchOptions input[type=text] {
  width: 160px;
}
.compteLayout.contracts.contractsList .searchOptions input[type=checkbox] {
  margin: 0;
}
.compteLayout.contracts.contractsList .searchOptions label {
  display: inline;
}
.compteLayout.contracts.contractsList .searchOptions .filters,
.compteLayout.contracts.contractsList .searchOptions .search {
  white-space: nowrap;
}
.compteLayout.contracts.contractsList .searchOptions .filters {
  float: left;
}
.compteLayout.contracts.contractsList .searchOptions .filters .control-group {
  float: left;
}
.compteLayout.contracts.contractsList .searchOptions .search {
  float: right;
}
.compteLayout.contracts.contractsList .searchOptions .search .control-group {
  float: left;
}
.compteLayout.contracts.contractsList .searchOptions .search .searchBtn {
  float: right;
}
.compteLayout.contracts.contractsList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.compteLayout.contracts.contractsList .list th.ref {
  width: 15%;
}
.compteLayout.contracts.contractsList .list th.name {
  width: 40%;
}
.compteLayout.contracts.contractsList .list th.startDate {
  width: 10%;
}
.compteLayout.contracts.contractsList .list th.endDate {
  width: 10%;
}
.compteLayout.contracts.contractsList .list th.status {
  width: 20%;
}
.compteLayout.contracts.contractsList .list td {
  vertical-align: middle;
}
.compteLayout.contracts.contractsList .list td.startDate {
  position: relative;
  overflow: visible;
}
.compteLayout.contracts.contractsList .list td.startDate:after {
  content: "";
  position: absolute;
  top: 50%;
  background-image: url('../img/fhCommonsImgsSprite.png?10');
  width: 20px;
  background-position: -96px -198px;
  height: 20px;
  right: -10px;
  margin-top: -10px;
}
.compteLayout.contracts.contractsList .list .statusBarWrapper {
  vertical-align: middle;
}
.compteLayout.contracts.contractsList .list .statusBar {
  margin-bottom: 10px;
}
.compteLayout.contracts.contractsList .list .statusStr {
  font-size: 0.85em;
  line-height: 1em;
}
.compteLayout.contracts.contractsView .contractDatas #amount,
.compteLayout.contracts.contractProcess .contractDatas #amount {
  font-weight: bold;
  color: #42444b;
}
.compteLayout.contracts.contractsView .contractDatas .actionsWrapper1,
.compteLayout.contracts.contractProcess .contractDatas .actionsWrapper1 {
  margin: 0 -10px;
  background-color: #F1EFEB;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-align: right;
  padding: 5px 10px;
}
.compteLayout.contracts.contractsView .contractDatas .actionsWrapper,
.compteLayout.contracts.contractProcess .contractDatas .actionsWrapper {
  text-align: right;
  margin-bottom: 10px;
}
.compteLayout.contracts.contractsView .contractDatas .capacity,
.compteLayout.contracts.contractProcess .contractDatas .capacity {
  border-top: 1px solid #D3D3D3;
  margin-top: 5px;
  padding-top: 3px;
  font-size: 11px;
  color: #666;
}
.compteLayout.contracts.contractsView .contractDatas .orders .groupName,
.compteLayout.contracts.contractProcess .contractDatas .orders .groupName {
  font-weight: bold;
}
.compteLayout.contracts.contractsView .contractDatas .orders .itemsWrapper,
.compteLayout.contracts.contractProcess .contractDatas .orders .itemsWrapper {
  margin-left: 5px;
}
.compteLayout.contracts.contractsView .contractDatas .orders .itemsWrapper .quantity,
.compteLayout.contracts.contractProcess .contractDatas .orders .itemsWrapper .quantity {
  font-weight: bold;
}
.compteLayout.contracts.contractsView .contractDatas .orders .itemsWrapper .quantity:after,
.compteLayout.contracts.contractProcess .contractDatas .orders .itemsWrapper .quantity:after {
  content: "x";
}
.compteLayout.contracts.contractsView .contractInfos .infosWrapper .infos,
.compteLayout.contracts.contractsAdd .contractInfos .infosWrapper .infos {
  background: #F1EFEB;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  margin: 5px -20px 0;
  padding: 10px 20px;
}
.compteLayout.contracts.contractsView .contractInfos .infosWrapper .infos .highlight,
.compteLayout.contracts.contractsAdd .contractInfos .infosWrapper .infos .highlight {
  font-weight: bold;
  font-family: 'Verb';
  color: #727581;
}
.compteLayout.contracts.contractsView .contractInfos .infosWrapper .infos .highlight .amountWrapper,
.compteLayout.contracts.contractsAdd .contractInfos .infosWrapper .infos .highlight .amountWrapper {
  font-size: 20px;
  margin-bottom: 5px;
}
.compteLayout.contracts.contractsView .contractInfos .infosWrapper .infos .highlight .periodWrapper,
.compteLayout.contracts.contractsAdd .contractInfos .infosWrapper .infos .highlight .periodWrapper {
  font-size: 14px;
  text-transform: uppercase;
}
.compteLayout.contracts.contractsView .contractInfos .infosWrapper .infos .highlight span,
.compteLayout.contracts.contractsAdd .contractInfos .infosWrapper .infos .highlight span {
  color: #42444b;
}
.compteLayout.contracts.contractsView .contractInfos .infosWrapper .infos .highlight span.light,
.compteLayout.contracts.contractsAdd .contractInfos .infosWrapper .infos .highlight span.light {
  color: #727581;
}
.compteLayout.contracts.contractsDownload .mainActions {
  float: right;
}
.compteLayout.contracts.contractsDownload iframe {
  width: 100%;
  height: 400px;
  border: none;
}
.compteLayout.contracts.contractsDownload .continue a {
  margin-left: 10px;
}
.compteLayout.contracts.contractsDownload .continue .confirm {
  display: none;
}
.compteLayout.contracts.contractsDownload ._mobile .continue .actions {
  text-align: center;
}
.compteLayout.contracts.contractsDownload ._mobile .continue strong {
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
}
.compteLayout.contracts.contractsView .mainActions {
  float: right;
}
.compteLayout.contracts.contractsView .addBtns {
  text-align: center;
}
.compteLayout.contracts.contractsView .addBtns a {
  margin: 0 20px;
}
.compteLayout.contracts.contractsView .ofParent {
  display: none;
  font-size: 15px;
  padding-bottom: 5px;
  line-height: 15px;
}
.compteLayout.contracts.contractsView .optionsChooser {
  width: 385px;
  max-width: 400px;
}
.compteLayout.contracts.contractsView .optionsChooser a {
  margin: 0 !important;
}
.compteLayout.contracts.contractsView .optionsChooser .cgv {
  border-top: 1px solid #EEE;
  margin: 15px -15px 0;
  padding: 6px 15px;
}
.compteLayout.contracts.contractsView .optionsChooser .optionsBtn {
  position: absolute;
  bottom: 6px;
  left: 11px;
  display: none;
}
.compteLayout.contracts.contractsView .optionsChooser .payOptionsBtn {
  position: absolute;
  bottom: 6px;
  right: 11px;
  display: none;
}
.compteLayout.contracts.contractsView .optionsChooser .viewsWrapper {
  overflow: hidden;
  margin: -9px -14px 0px -14px;
  white-space: nowrap;
}
.compteLayout.contracts.contractsView .optionsChooser .viewsWrapper .view {
  box-sizing: border-box;
  white-space: normal;
  width: 100%;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: margin-left 150ms ease-out;
  -moz-transition: margin-left 150ms ease-out;
  -ms-transition: margin-left 150ms ease-out;
  -o-transition: margin-left 150ms ease-out;
  transition: margin-left 150ms ease-out;
}
.compteLayout.contracts.contractsView .optionsChooser .payment {
  padding: 6px 15px;
}
.compteLayout.contracts.contractsView .optionsChooser .option {
  width: auto ! important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #EEE;
  border-top: none;
}
.compteLayout.contracts.contractsView .optionsChooser .option:last-child {
  border-bottom: none;
}
.compteLayout.contracts.contractsView .optionsChooser .option .name {
  position: relative;
  margin-left: 27px;
}
.compteLayout.contracts.contractsView .optionsChooser .option .desc {
  margin-left: 27px;
  margin-top: 7px;
}
.compteLayout.contracts.contractsView .optionsChooser .option .price {
  font-weight: normal;
  font-size: 12px;
  text-align: right;
}
.compteLayout.contracts.contractsView .optionsChooser .option input {
  position: absolute;
  top: 5px;
  left: -30px;
}
.compteLayout.contracts.contractsView .optionsChooser .option *[class*="span"] {
  min-height: 1px;
}
.compteLayout.contracts.contractsView .optionsChooser label {
  margin: 0px;
}
.compteLayout.contracts.contractsView .optionsChooser label *[class*="span"] {
  min-height: 1px;
}
.compteLayout.contracts.contractsView .optionsChooser label input {
  margin: auto;
}
.compteLayout.contracts.contractsView .optionsChooser .checkboxWrapper {
  text-align: center;
}
.compteLayout.contracts.contractsView .optionsChooser .desc {
  color: #777;
  font-size: 11px;
  display: none;
}
.compteLayout.contracts.contractsView .optionsChooser .footer {
  text-align: center;
  margin: 0px -14px -9px -14px;
  padding: 5px 15px;
  border-top: 1px solid #EEE;
  min-height: 27px;
}
.compteLayout.contracts.contractsView .optionsChooser .footer *[class*="span"] {
  min-height: 1px;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox {
  position: relative;
  margin: 55px 0 !important;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox.optionsWrapper .option {
  border-top: 1px solid #F1EFEB;
  width: auto;
  text-align: justify;
  padding: 10px 5px;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox.optionsWrapper .option:first-child {
  border-top: none;
  padding-top: 6px;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox.optionsWrapper .option .name {
  font-weight: bold;
  border-left: 3px solid #ef4123;
  padding: 4px 10px;
  border-radius: 2px;
  background: #F3F3F3;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox.optionsWrapper .option .description {
  color: #777;
  margin-left: 13px;
  margin-top: 5px;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox.optionsWrapper .moreOptions {
  float: right;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox .emptyText {
  display: none;
  color: #777;
}
.compteLayout.contracts.contractsView .contractDatas .contentBox .receiver:empty + .emptyText {
  display: block;
}
.compteLayout.contracts.contractsView .contractDatas .dateOfPaymentsWrapper .date {
  font-weight: bold;
}
.compteLayout.contracts.contractsView .contractDatas .dateOfPaymentsWrapper .paymentDate {
  border-bottom: 1px solid #EEE;
  padding: 5px 5px;
}
.compteLayout.contracts.contractsView .contractDatas .dateOfPaymentsWrapper .amount {
  float: right;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill > div {
  display: inline-block;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill {
  border-bottom: 1px solid #EEE;
  padding: 5px 5px;
  display: block;
  font-weight: normal;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill .ref {
  font-weight: bold;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill .ref a {
  display: block;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill .status,
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill .amount {
  float: right;
  margin-left: 10px;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill .status {
  width: 100px;
}
.compteLayout.contracts.contractsView .contractDatas .lastBillsWrapper .bill .amount {
  width: 80px;
  text-align: right;
}
.compteLayout.contracts.contractsView .contractInfos {
  margin-bottom: 5px;
}
.compteLayout.contracts.contractsView .linkedEstablishmentsList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.compteLayout.contracts.contractsView .linkedEstablishmentsSelectWrapper {
  display: none;
}
.compteLayout.contracts.contractsView .linkedEstablishmentsSelectWrapper > * {
  vertical-align: top;
}
.compteLayout.contracts.contractsView .add {
  display: none;
  position: absolute;
  right: 0;
  position: absolute;
  z-index: 6;
  top: 5px;
}
.compteLayout.contracts.contractsView .add a {
  margin: 0 0 0 10px;
}
.compteLayout.contracts.contractsView .infos .actions {
  text-align: right;
  margin-top: 10px;
}
.compteLayout.contracts.contractsView .infos .actions a {
  margin: 0 0 0 10px;
}
.compteLayout.contracts.contractsView .orders .body .inner > .head {
  margin: 0 0 10px;
}
.compteLayout.contracts.contractsView .orders .body .inner > .head .goToDetails {
  float: right;
}
.compteLayout.contracts.contractsView .payBtn {
  display: none;
  float: right;
  margin-top: 5px;
}
.compteLayout.contracts.contractsView .orderBox {
  overflow: visible;
}
.compteLayout.contracts.contractProcess .main .downloads,
.compteLayout.contracts.contractsView .main .downloads {
  float: right;
}
.compteLayout.contracts.contractProcess .main .payBtn,
.compteLayout.contracts.contractsView .main .payBtn {
  margin-top: 0 !important;
  float: right;
}
.compteLayout.contracts.contractProcess .main .orderBox .groupName,
.compteLayout.contracts.contractProcess .main .productsBox .groupName,
.compteLayout.contracts.contractsView .main .orderBox .groupName,
.compteLayout.contracts.contractsView .main .productsBox .groupName {
  background-color: #F3F3F3;
  padding: 4px 9px !important;
  border-left: 3px solid #ef4123;
  border-radius: 3px;
  margin: 0 !important;
}
.compteLayout.contracts.contractProcess .main .orderBox .groupName .modify,
.compteLayout.contracts.contractProcess .main .productsBox .groupName .modify,
.compteLayout.contracts.contractsView .main .orderBox .groupName .modify,
.compteLayout.contracts.contractsView .main .productsBox .groupName .modify {
  display: block;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .itemGroup,
.compteLayout.contracts.contractProcess .main .productsBox .items .itemGroup,
.compteLayout.contracts.contractsView .main .orderBox .items .itemGroup,
.compteLayout.contracts.contractsView .main .productsBox .items .itemGroup {
  margin-bottom: 15px;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .item,
.compteLayout.contracts.contractProcess .main .productsBox .items .item,
.compteLayout.contracts.contractsView .main .orderBox .items .item,
.compteLayout.contracts.contractsView .main .productsBox .items .item {
  width: 100%;
  padding: 2px 9px !important;
  position: relative;
  box-sizing: border-box;
}
.compteLayout.contracts.contractProcess .main .productsBox .items .item .quantity,
.compteLayout.contracts.contractsView .main .productsBox .items .item .quantity {
  padding-right: 10px;
  font-weight: bold;
}
.compteLayout.contracts.contractProcess .main .productsBox .items .item .quantity:after,
.compteLayout.contracts.contractsView .main .productsBox .items .item .quantity:after {
  content: "x";
}
.compteLayout.contracts.contractProcess .main .productsBox .items .item .quantity:before,
.compteLayout.contracts.contractsView .main .productsBox .items .item .quantity:before {
  content: "";
}
.compteLayout.contracts.contractProcess .main .orderBox,
.compteLayout.contracts.contractsView .main .orderBox {
  position: relative;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .price,
.compteLayout.contracts.contractProcess .main .orderBox .items .pu,
.compteLayout.contracts.contractProcess .main .orderBox .items .quantity,
.compteLayout.contracts.contractProcess .main .orderBox .head .price,
.compteLayout.contracts.contractProcess .main .orderBox .head .pu,
.compteLayout.contracts.contractProcess .main .orderBox .head .quantity,
.compteLayout.contracts.contractsView .main .orderBox .items .price,
.compteLayout.contracts.contractsView .main .orderBox .items .pu,
.compteLayout.contracts.contractsView .main .orderBox .items .quantity,
.compteLayout.contracts.contractsView .main .orderBox .head .price,
.compteLayout.contracts.contractsView .main .orderBox .head .pu,
.compteLayout.contracts.contractsView .main .orderBox .head .quantity {
  position: absolute;
  top: 0px;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .price,
.compteLayout.contracts.contractProcess .main .orderBox .head .price,
.compteLayout.contracts.contractsView .main .orderBox .items .price,
.compteLayout.contracts.contractsView .main .orderBox .head .price {
  right: 10px;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .pu,
.compteLayout.contracts.contractProcess .main .orderBox .head .pu,
.compteLayout.contracts.contractsView .main .orderBox .items .pu,
.compteLayout.contracts.contractsView .main .orderBox .head .pu {
  right: 20%;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .quantity,
.compteLayout.contracts.contractProcess .main .orderBox .head .quantity,
.compteLayout.contracts.contractsView .main .orderBox .items .quantity,
.compteLayout.contracts.contractsView .main .orderBox .head .quantity {
  right: 10%;
}
.compteLayout.contracts.contractProcess .main .orderBox .head,
.compteLayout.contracts.contractsView .main .orderBox .head {
  position: relative;
  height: 20px;
  font-weight: bold;
  font-size: 13px;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts.contractProcess .main .orderBox .items .itemGroup.type_OPTIONS .pu,
.compteLayout.contracts.contractsView .main .orderBox .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts.contractsView .main .orderBox .items .itemGroup.type_OPTIONS .pu {
  display: none;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .item .price,
.compteLayout.contracts.contractProcess .main .orderBox .items .item .pu,
.compteLayout.contracts.contractProcess .main .orderBox .items .item .quantity,
.compteLayout.contracts.contractsView .main .orderBox .items .item .price,
.compteLayout.contracts.contractsView .main .orderBox .items .item .pu,
.compteLayout.contracts.contractsView .main .orderBox .items .item .quantity {
  display: block;
  position: absolute;
  top: 0px;
}
.compteLayout.contracts.contractProcess .main .orderBox .items .item .quantity:after,
.compteLayout.contracts.contractsView .main .orderBox .items .item .quantity:after {
  content: "";
}
.compteLayout.contracts.contractProcess .main .orderBox .items .item .quantity:before,
.compteLayout.contracts.contractsView .main .orderBox .items .item .quantity:before {
  content: "x";
}
.compteLayout.contracts.contractProcess .main .orderBox .sep.total,
.compteLayout.contracts.contractsView .main .orderBox .sep.total {
  text-align: right;
  background-color: #F1F1F1;
  padding: 4px 9px !important;
  margin: 20px 0 0px 0 !important;
  border-left: 3px solid #ef4123;
  border-radius: 3px;
}
.compteLayout.contracts.contractProcess .main .orderBox .summary,
.compteLayout.contracts.contractsView .main .orderBox .summary {
  text-align: right;
}
.compteLayout.contracts.contractsAdd .cgv {
  border-top: 1px solid #DDD;
  padding: 5px 0;
  margin: 0px 0;
}
.compteLayout.contracts.contractsAdd .cgv input {
  margin: 0;
}
.compteLayout.contracts.contractsAdd .extensionIntro {
  padding: 4px 0px;
}
.compteLayout.contracts.contractsAdd .extensionIntro h4 {
  margin: 0;
  text-transform: uppercase;
  font-family: verb;
  font-weight: bold;
  font-size: 20px !important;
  border-bottom: 1px solid #CCC;
  padding-bottom: 6px;
  margin-bottom: 5px;
}
.compteLayout.contracts.contractsAdd .extensionIntro .introText {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.compteLayout.contracts.contractsAdd .infos {
  margin-bottom: 15px;
}
.compteLayout.contracts.contractsAdd.options #summaryBox .addOptions {
  display: none;
}
.compteLayout.contracts.contractsAdd.options .alreadySubscribed {
  white-space: nowrap;
  color: #42444b;
}
.compteLayout.contracts.contractsAdd.establishments #summaryBox .addEstablishments {
  display: none;
}
.compteLayout.contracts.contractsAdd.products #summaryBox .addProducts {
  display: none;
}
.compteLayout.contracts.contractsAdd.end #summaryBox .moreItems {
  background: #EEE;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 5px;
  text-align: center;
}
.compteLayout.contracts.contractsAdd.end #summaryBox .confirmWrapper {
  text-align: center;
  padding: 10px;
  background: none !important;
  border: none !important;
}
.compteLayout.contracts.contractsAdd.end #summaryBox .amountWrapper .amountDesc {
  display: none;
  font-size: 12px;
  line-height: 15px;
  margin-top: 10px;
}
.compteLayout.contracts.contractsAdd.end #summaryBox .items {
  margin-top: 0px;
}
.compteLayout.contracts.contractsAdd #summaryBox .actionsWrapper {
  text-align: left;
}
.compteLayout.contracts.contractsAdd #summaryBox .actionsWrapper .confirmWrapper {
  vertical-align: middle;
  text-align: center;
  background: #F3F3F3;
  border-top: 1px solid #DDD;
  padding: 5px 3px;
}
.compteLayout.contracts.contractsAdd #summaryBox .actionsWrapper .moreItems {
  border-top: 1px solid #DDD;
  background: #F3F3F3;
  display: block;
  text-align: center;
  padding: 1px 3px;
}
.compteLayout.contracts.contractsAdd #summaryBox .actionsWrapper .moreItems a {
  margin: 2px 0;
}
.compteLayout.contracts .mainContent .contractDatas {
  margin-top: 20px;
}
.compteLayout.contracts .mainContent .contractDatas table1 {
  width: 100%;
  text-align: left;
}
.compteLayout.contracts .mainContent .contractDatas table1 td {
  border-left: 1px solid #BBB;
  padding-left: 15px;
  padding-right: 15px;
}
.compteLayout.contracts .mainContent .contractDatas table1 td:first-child {
  border-left: none;
  padding-left: 0px;
}
.compteLayout.contracts .mainContent .contractDatas table1 td.block .infoLabel {
  display: block;
}
.compteLayout.contracts .mainContent .contractDatas table1 .infoLabel {
  font-weight: bold;
}
.compteLayout.contracts .mainContent .contractDatas table1 .infoLabel:after {
  content: " : ";
}
.compteLayout.bills.billsList .name {
  width: 40%;
}
.compteLayout.bills.billsList .searchOptions .help-inline {
  display: none;
}
.compteLayout.bills.billsList .searchOptions .control-group {
  margin: 0 5px;
}
.compteLayout.bills.billsList .searchOptions .control-group label {
  margin: 0;
}
.compteLayout.bills.billsList .searchOptions .control-group input,
.compteLayout.bills.billsList .searchOptions .control-group select {
  margin: 0;
}
.compteLayout.bills.billsList .searchOptions input[type=text] {
  width: 160px;
}
.compteLayout.bills.billsList .searchOptions input[type=checkbox] {
  margin: 0;
}
.compteLayout.bills.billsList .searchOptions label {
  display: inline;
}
.compteLayout.bills.billsList .searchOptions .filters,
.compteLayout.bills.billsList .searchOptions .search {
  white-space: nowrap;
}
.compteLayout.bills.billsList .searchOptions .filters {
  float: left;
}
.compteLayout.bills.billsList .searchOptions .filters .control-group {
  float: left;
}
.compteLayout.bills.billsList .searchOptions .search {
  float: right;
}
.compteLayout.bills.billsList .searchOptions .search .control-group {
  float: left;
}
.compteLayout.bills.billsList .searchOptions .search .searchBtn {
  float: right;
}
.compteLayout.bills.billsList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.compteLayout.bills.billsView .payLink {
  visibility: hidden;
}
.compteLayout.devis #input_request {
  height: 200px;
  max-width: 80%;
  width: 80%;
}
.compteLayout.devis.devisList .list .name {
  width: 40%;
}
.compteLayout.devis.devisList .searchOptions .help-inline {
  display: none;
}
.compteLayout.devis.devisList .searchOptions .control-group {
  margin: 0 5px;
}
.compteLayout.devis.devisList .searchOptions .control-group label {
  margin: 0;
}
.compteLayout.devis.devisList .searchOptions .control-group input,
.compteLayout.devis.devisList .searchOptions .control-group select {
  margin: 0;
}
.compteLayout.devis.devisList .searchOptions input[type=text] {
  width: 160px;
}
.compteLayout.devis.devisList .searchOptions input[type=checkbox] {
  margin: 0;
}
.compteLayout.devis.devisList .searchOptions label {
  display: inline;
}
.compteLayout.devis.devisList .searchOptions .filters,
.compteLayout.devis.devisList .searchOptions .search {
  white-space: nowrap;
}
.compteLayout.devis.devisList .searchOptions .filters {
  float: left;
}
.compteLayout.devis.devisList .searchOptions .filters .control-group {
  float: left;
}
.compteLayout.devis.devisList .searchOptions .search {
  float: right;
}
.compteLayout.devis.devisList .searchOptions .search .control-group {
  float: left;
}
.compteLayout.devis.devisList .searchOptions .search .searchBtn {
  float: right;
}
.compteLayout.devis.devisList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.compteLayout.devis.devisList .askFor {
  float: right;
}
.compteLayout.devis.devisView .devisShow {
  background: #F1EFEB;
  height: 400px;
  margin: 10px 0px;
}
.compteLayout.devis.devisView .actions {
  text-align: right;
}
.compteLayout.devis.devisView .actions .orderLink,
.compteLayout.devis.devisView .actions .billLink,
.compteLayout.devis.devisView .actions .receiptLink {
  display: none;
}
.compteLayout.devis.devisView .actions .orderLink.visible,
.compteLayout.devis.devisView .actions .billLink.visible,
.compteLayout.devis.devisView .actions .receiptLink.visible {
  display: inline-block;
}
.compteLayout.devis.devisView .actions .yourFile {
  float: left;
}
.compteLayout.devis.devisView .actions .btn {
  margin: 0 0 0 5px;
}
.compteLayout.devis.devisView .infos .clientFile .deleteItem {
  color: #BBB;
  cursor: pointer;
}
.compteLayout.devis.devisView .infos .clientFile .deleteItem:hover {
  color: #444;
}
.compteLayout.devis.devisView #devisConfirm_modal .cgv {
  border-top: 1px solid #DDD;
  margin-top: 10px;
  padding-top: 5px;
}
.compteLayout.devis.devisView #devisConfirm_modal .cgv input {
  margin: 0 5px 0 0;
}
.compteLayout.devis.devisView .exchange .request .text,
.compteLayout.devis.devisView .exchange .answer .text {
  color: white;
  font-size: 0px;
  line-height: 0px;
}
.compteLayout.devis.devisView .exchange .request .emptyText,
.compteLayout.devis.devisView .exchange .request .text:empty,
.compteLayout.devis.devisView .exchange .request .text:empty ~ .bubbleWrapper,
.compteLayout.devis.devisView .exchange .answer .emptyText,
.compteLayout.devis.devisView .exchange .answer .text:empty,
.compteLayout.devis.devisView .exchange .answer .text:empty ~ .bubbleWrapper {
  display: none;
}
.compteLayout.devis.devisView .exchange .request .text:empty ~ .emptyText,
.compteLayout.devis.devisView .exchange .answer .text:empty ~ .emptyText {
  display: block;
}
.compteLayout.devis.devisOrder .confirm .actions {
  text-align: right;
}
.compteLayout.devis.devisPay .paymode {
  display: none;
}
.compteLayout.devis.devisCreate #input_description {
  max-width: 500px;
  min-height: 120px;
}
.compteLayout.devis.devisEdit .infos.devis.hidden,
.compteLayout.devis.devisCreate .infos.devis.hidden {
  display: none;
}
.compteLayout.subscription .quantityChooser,
.compteLayout.contracts .quantityChooser {
  position: fixed;
  z-index: 10;
  background: white;
  top: 50%;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
  border: 1px solid #CCC;
  border-radius: 4px;
  border-top: 2px solid #ef4123;
}
.compteLayout.subscription .quantityChooser .intro,
.compteLayout.contracts .quantityChooser .intro {
  font-family: 'Verb';
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 0 10px;
  padding: 5px;
  color: #666;
  font-size: 11px;
}
.compteLayout.subscription .quantityChooser .intro .product,
.compteLayout.contracts .quantityChooser .intro .product {
  color: #333;
  font-size: 15px;
}
.compteLayout.subscription .quantityChooser .wrapper,
.compteLayout.contracts .quantityChooser .wrapper {
  position: relative;
}
.compteLayout.subscription .quantityChooser .closeBtn,
.compteLayout.contracts .quantityChooser .closeBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-position: -50px -86px;
  height: 25px;
  width: 25px;
  opacity: 0.5;
  cursor: pointer;
}
.compteLayout.subscription .quantityChooser .closeBtn:hover,
.compteLayout.contracts .quantityChooser .closeBtn:hover {
  opacity: 1;
}
.compteLayout.subscription .quantityChooser .controlsWrapper,
.compteLayout.contracts .quantityChooser .controlsWrapper {
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin: 0px 20px 10px 20px;
}
.compteLayout.subscription .quantityChooser .actions,
.compteLayout.contracts .quantityChooser .actions {
  margin: 0 20px 10px;
  text-align: right;
}
.compteLayout.subscription .quantityChooser .controls,
.compteLayout.contracts .quantityChooser .controls {
  text-align: center;
  display: inline-block;
  overflow: hidden;
  font-size: 0;
}
.compteLayout.subscription .quantityChooser .controls .ctrl,
.compteLayout.contracts .quantityChooser .controls .ctrl {
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  border: 3px solid #333;
}
.compteLayout.subscription .quantityChooser .controls .ctrl:last-child,
.compteLayout.contracts .quantityChooser .controls .ctrl:last-child {
  -webkit-border-radius: 0px 50px 50px 0px;
  border-radius: 0px 50px 50px 0px;
}
.compteLayout.subscription .quantityChooser .controls .ctrl:first-child,
.compteLayout.contracts .quantityChooser .controls .ctrl:first-child {
  -webkit-border-radius: 50px 0px 0px 50px;
  border-radius: 50px 0px 0px 50px;
}
.compteLayout.subscription .quantityChooser .controls .less.ctrl,
.compteLayout.subscription .quantityChooser .controls .more.ctrl,
.compteLayout.contracts .quantityChooser .controls .less.ctrl,
.compteLayout.contracts .quantityChooser .controls .more.ctrl {
  background: #4c4c4c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRjNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#4c4c4c 1%,#383838 49%,#4c4c4c 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#4c4c4c),color-stop(49%,#383838),color-stop(100%,#4c4c4c));
  background: -webkit-linear-gradient(top,#4c4c4c 1%,#383838 49%,#4c4c4c 100%);
  background: -o-linear-gradient(top,#4c4c4c 1%,#383838 49%,#4c4c4c 100%);
  background: -ms-linear-gradient(top,#4c4c4c 1%,#383838 49%,#4c4c4c 100%);
  background: linear-gradient(to bottom,#4c4c4c 1%,#383838 49%,#4c4c4c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c',endColorstr='#4c4c4c',GradientType=0);
  text-shadow: 0px -1px 0px black;
  color: white;
  width: 35px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-family: Verdana;
  font-size: 23px;
  font-weight: bold;
  box-shadow: inset 0px -7px 28px #333;
  cursor: pointer;
}
.compteLayout.subscription .quantityChooser .controls .quantity.ctrl,
.compteLayout.contracts .quantityChooser .controls .quantity.ctrl {
  box-shadow: inset 0px 0px 11px rgba(0,0,0,0.5);
  border-left: none;
  border-right: none;
}
.compteLayout.subscription .quantityChooser .controls .quantity.ctrl input,
.compteLayout.contracts .quantityChooser .controls .quantity.ctrl input {
  text-align: center;
  border: none !important;
  margin: 0;
  box-shadow: none;
  width: 70px;
  font-weight: bold;
  height: 40px;
  padding: 0 !important;
  font-size: 26px !important;
  background-color: transparent;
  font-family: verb;
}
.compteLayout.subscription .inventory .itemsList .control-group,
.compteLayout.contracts .inventory .itemsList .control-group {
  position: relative;
}
.compteLayout.subscription .inventory .itemsList label,
.compteLayout.contracts .inventory .itemsList label {
  width: 50%;
  text-align: left;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
.compteLayout.subscription .inventory .itemsList .labelContainer,
.compteLayout.contracts .inventory .itemsList .labelContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 39px;
  right: 0;
  left: 0;
}
.compteLayout.subscription .inventory .itemsList .labelContainer .productName,
.compteLayout.contracts .inventory .itemsList .labelContainer .productName {
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
}
.compteLayout.subscription .inventory .itemsList .controls,
.compteLayout.contracts .inventory .itemsList .controls {
  text-align: right;
  width: 25%;
  white-space: nowrap;
  vertical-align: middle;
  float: right;
  margin: 0;
}
.compteLayout.subscription .inventory .itemsList .controls input,
.compteLayout.contracts .inventory .itemsList .controls input {
  width: 30px;
  padding: 2px 5px;
  margin-top: -3px;
}
.compteLayout.subscription .itemsList form,
.compteLayout.contracts .itemsList form {
  margin: 0;
}
.compteLayout.subscription .itemsList table,
.compteLayout.contracts .itemsList table {
  margin: 0;
}
.compteLayout.subscription .itemsList table .checkBoxWrapper,
.compteLayout.contracts .itemsList table .checkBoxWrapper {
  vertical-align: middle;
}
.compteLayout.subscription .itemsList table .checkBoxWrapper input,
.compteLayout.contracts .itemsList table .checkBoxWrapper input {
  margin: 0;
}
.compteLayout.subscription .itemsList table input,
.compteLayout.contracts .itemsList table input {
  margin: 0 !important;
}
.compteLayout.subscription .itemsList label,
.compteLayout.contracts .itemsList label {
  margin: 0;
}
.compteLayout.subscription .itemsList .item,
.compteLayout.contracts .itemsList .item {
  position: relative;
}
.compteLayout.subscription .itemsList .item:hover i.icon-help,
.compteLayout.contracts .itemsList .item:hover i.icon-help {
  background-position: -148px -90px;
}
.compteLayout.subscription .itemsList .item .hasTooltip i.icon-help,
.compteLayout.contracts .itemsList .item .hasTooltip i.icon-help {
  display: inline-block;
}
.compteLayout.subscription .itemsList .item i.icon-help,
.compteLayout.contracts .itemsList .item i.icon-help {
  height: 16px;
  width: 16px;
  display: none;
  background-position: -168px -90px;
  vertical-align: top;
  background-image: url('../img/fhCommonsImgsSprite.png?4') !important;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.compteLayout.subscription .itemsList .subscribedQuantity,
.compteLayout.contracts .itemsList .subscribedQuantity {
  width: 100px;
  position: absolute;
  top: 8px;
  right: 140px;
  width: 135px;
  text-align: center;
}
.compteLayout.subscription .itemsList .subscribedQuantity .text,
.compteLayout.contracts .itemsList .subscribedQuantity .text {
  font-size: 10px;
}
.compteLayout.subscription .itemsList .colsLabels,
.compteLayout.contracts .itemsList .colsLabels {
  position: absolute;
  top: 11px;
  right: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  bottom: -13px;
  z-index: -1;
}
.compteLayout.subscription .itemsList .colsLabels .qtSubscribed,
.compteLayout.contracts .itemsList .colsLabels .qtSubscribed {
  position: absolute;
  top: 0;
  right: 140px;
  text-align: center;
  width: 135px;
  background-color: #FAFAFA;
  border-radius: 2px;
  color: #777;
  bottom: 0;
}
.compteLayout.subscription .itemsList .colsLabels .qtDesired,
.compteLayout.contracts .itemsList .colsLabels .qtDesired {
  position: absolute;
  top: 0;
  right: 0px;
  text-align: center;
  width: 100px;
  color: #777;
}
.compteLayout.subscription .itemsList .control-group,
.compteLayout.contracts .itemsList .control-group {
  margin-bottom: 0px;
  padding: 5px;
  border-bottom: 1px solid #F3F3F3;
}
.compteLayout.subscription .itemsList .itemsCategory,
.compteLayout.contracts .itemsList .itemsCategory {
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
  position: relative;
}
.compteLayout.subscription .itemsList .itemsCategory + .itemsCategory,
.compteLayout.contracts .itemsList .itemsCategory + .itemsCategory {
  margin-top: 20px;
}
.compteLayout.subscription .itemsList .itemsCategory.highLight,
.compteLayout.contracts .itemsList .itemsCategory.highLight {
  background: #fdfdba;
}
.compteLayout.subscription .itemsList .itemsCategory .catLabel,
.compteLayout.contracts .itemsList .itemsCategory .catLabel {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.15)),color-stop(1%,rgba(0,0,0,0.15)),color-stop(100%,rgba(0,0,0,0.3)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000',endColorstr='#4d000000',GradientType=0);
  font-weight: bold;
  font-size: 0.9em;
  padding: 3px 10px;
}
.compteLayout.subscription .itemsList .itemsCategory .item:hover,
.compteLayout.contracts .itemsList .itemsCategory .item:hover {
  background-color: rgba(0,0,0,0.1);
}
.compteLayout.subscription .itemsList .itemsCategory .group td,
.compteLayout.contracts .itemsList .itemsCategory .group td {
  background: #F3F3F3;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  color: #555;
}
.compteLayout.subscription .steps,
.compteLayout.contracts .steps {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px 20px;
  margin: 0 -20px 40px;
  background: #F5F5F5;
}
.compteLayout.subscription .steps .step,
.compteLayout.contracts .steps .step {
  font-family: verb;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  margin-right: 30px;
  vertical-align: bottom;
}
@media only screen and (max-width: 800px) {
  .compteLayout.subscription .steps .step,
  .compteLayout.contracts .steps .step {
    margin-right: 18px;
  }
}
.compteLayout.subscription .steps .step:last-child,
.compteLayout.contracts .steps .step:last-child {
  margin-right: 0px;
}
.compteLayout.subscription .steps .step.active,
.compteLayout.subscription .steps .step:hover,
.compteLayout.contracts .steps .step.active,
.compteLayout.contracts .steps .step:hover {
  color: #444;
  text-decoration: none;
}
.compteLayout.subscription .steps .step.step_1.active img,
.compteLayout.subscription .steps .step.step_1:hover img,
.compteLayout.contracts .steps .step.step_1.active img,
.compteLayout.contracts .steps .step.step_1:hover img {
  background-position: 0 -31px;
}
.compteLayout.subscription .steps .step.step_1 img,
.compteLayout.contracts .steps .step.step_1 img {
  background-position: 0 0px;
}
.compteLayout.subscription .steps .step.step_2.active img,
.compteLayout.subscription .steps .step.step_2:hover img,
.compteLayout.contracts .steps .step.step_2.active img,
.compteLayout.contracts .steps .step.step_2:hover img {
  background-position: -39px -31px;
}
.compteLayout.subscription .steps .step.step_2 img,
.compteLayout.contracts .steps .step.step_2 img {
  background-position: -39px 0px;
}
.compteLayout.subscription .steps .step.step_3.active img,
.compteLayout.subscription .steps .step.step_3:hover img,
.compteLayout.contracts .steps .step.step_3.active img,
.compteLayout.contracts .steps .step.step_3:hover img {
  background-position: -79px -31px;
}
.compteLayout.subscription .steps .step.step_3 img,
.compteLayout.contracts .steps .step.step_3 img {
  background-position: -79px 0px;
}
.compteLayout.subscription .steps .step.step_4.active img,
.compteLayout.subscription .steps .step.step_4:hover img,
.compteLayout.contracts .steps .step.step_4.active img,
.compteLayout.contracts .steps .step.step_4:hover img {
  background-position: -118px -31px;
}
.compteLayout.subscription .steps .step.step_4 img,
.compteLayout.contracts .steps .step.step_4 img {
  background-position: -118px 0px;
}
.compteLayout.subscription .steps .step.step_5.active img,
.compteLayout.subscription .steps .step.step_5:hover img,
.compteLayout.contracts .steps .step.step_5.active img,
.compteLayout.contracts .steps .step.step_5:hover img {
  background-position: -158px -31px;
}
.compteLayout.subscription .steps .step.step_5 img,
.compteLayout.contracts .steps .step.step_5 img {
  background-position: -158px 0px;
}
.compteLayout.subscription .steps .step.step_add.active img,
.compteLayout.subscription .steps .step.step_add:hover img,
.compteLayout.contracts .steps .step.step_add.active img,
.compteLayout.contracts .steps .step.step_add:hover img {
  background-position: -315px -31px;
}
.compteLayout.subscription .steps .step.step_add img,
.compteLayout.contracts .steps .step.step_add img {
  background-position: -315px 0px;
}
.compteLayout.subscription .steps .step.step_summary,
.compteLayout.contracts .steps .step.step_summary {
  float: right;
}
.compteLayout.subscription .steps .step.step_summary.active img,
.compteLayout.subscription .steps .step.step_summary:hover img,
.compteLayout.contracts .steps .step.step_summary.active img,
.compteLayout.contracts .steps .step.step_summary:hover img {
  background-position: -276px -31px;
}
.compteLayout.subscription .steps .step.step_summary img,
.compteLayout.contracts .steps .step.step_summary img {
  background-position: -276px 0px;
}
.compteLayout.subscription .steps .step img,
.compteLayout.contracts .steps .step img {
  background-image: url('../img/icons_numbers.png');
  height: 20px;
  width: 20px;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.compteLayout.subscription.process .optionsSelection td,
.compteLayout.contracts.process .optionsSelection td {
  overflow: visible;
}
.compteLayout.subscription.process .optionsSelection .item:hover i.icon-help,
.compteLayout.subscription.process .engagementsPaimentsSelection .item:hover i.icon-help,
.compteLayout.contracts.process .optionsSelection .item:hover i.icon-help,
.compteLayout.contracts.process .engagementsPaimentsSelection .item:hover i.icon-help {
  background-position: -148px -90px;
}
.compteLayout.subscription.process .optionsSelection .item.hasTooltip i.icon-help,
.compteLayout.subscription.process .engagementsPaimentsSelection .item.hasTooltip i.icon-help,
.compteLayout.contracts.process .optionsSelection .item.hasTooltip i.icon-help,
.compteLayout.contracts.process .engagementsPaimentsSelection .item.hasTooltip i.icon-help {
  display: inline-block;
}
.compteLayout.subscription.process .optionsSelection .item i.icon-help,
.compteLayout.subscription.process .engagementsPaimentsSelection .item i.icon-help,
.compteLayout.contracts.process .optionsSelection .item i.icon-help,
.compteLayout.contracts.process .engagementsPaimentsSelection .item i.icon-help {
  height: 16px;
  width: 16px;
  display: none;
  background-position: -168px -90px;
  vertical-align: top;
  background-image: url('../img/fhCommonsImgsSprite.png?4') !important;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.compteLayout.subscription.process .optionsSelection .item.recurring,
.compteLayout.subscription.process .engagementsPaimentsSelection .item.recurring,
.compteLayout.contracts.process .optionsSelection .item.recurring,
.compteLayout.contracts.process .engagementsPaimentsSelection .item.recurring {
  display: none;
}
.compteLayout.subscription.process .optionsSelection .item label,
.compteLayout.subscription.process .optionsSelection .item input,
.compteLayout.subscription.process .engagementsPaimentsSelection .item label,
.compteLayout.subscription.process .engagementsPaimentsSelection .item input,
.compteLayout.contracts.process .optionsSelection .item label,
.compteLayout.contracts.process .optionsSelection .item input,
.compteLayout.contracts.process .engagementsPaimentsSelection .item label,
.compteLayout.contracts.process .engagementsPaimentsSelection .item input {
  margin: 0;
}
.compteLayout.subscription.process .optionsSelection .recurringMode .item,
.compteLayout.subscription.process .engagementsPaimentsSelection .recurringMode .item,
.compteLayout.contracts.process .optionsSelection .recurringMode .item,
.compteLayout.contracts.process .engagementsPaimentsSelection .recurringMode .item {
  display: none;
}
.compteLayout.subscription.process .optionsSelection .recurringMode .item.recurring,
.compteLayout.subscription.process .engagementsPaimentsSelection .recurringMode .item.recurring,
.compteLayout.contracts.process .optionsSelection .recurringMode .item.recurring,
.compteLayout.contracts.process .engagementsPaimentsSelection .recurringMode .item.recurring {
  display: table-row;
}
.compteLayout.subscription.process .optionsSelection .checkBoxWrapper,
.compteLayout.subscription.process .engagementsPaimentsSelection .checkBoxWrapper,
.compteLayout.contracts.process .optionsSelection .checkBoxWrapper,
.compteLayout.contracts.process .engagementsPaimentsSelection .checkBoxWrapper {
  width: 100px;
  text-align: center;
  vertical-align: middle;
}
.compteLayout.subscription.end .itemGroup.type_EXCLUSIONS .item.hasTooltip i.icon-help,
.compteLayout.contracts.end .itemGroup.type_EXCLUSIONS .item.hasTooltip i.icon-help {
  display: inline-block;
}
.compteLayout.subscription.end .itemGroup.type_EXCLUSIONS .item i.icon-help,
.compteLayout.contracts.end .itemGroup.type_EXCLUSIONS .item i.icon-help {
  height: 16px;
  width: 16px;
  display: none;
  background-position: -168px -90px;
  vertical-align: top;
  background-image: url('../img/fhCommonsImgsSprite.png?4') !important;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.compteLayout.subscription.end .vouchers > span,
.compteLayout.contracts.end .vouchers > span {
  float: left;
  line-height: 29px;
  padding: 0 10px 0 0;
}
.compteLayout.subscription.end .vouchers ul,
.compteLayout.contracts.end .vouchers ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.compteLayout.subscription.end .vouchers ul li,
.compteLayout.contracts.end .vouchers ul li {
  display: inline-block;
  padding: 2px 8px;
  position: relative;
  min-width: 140px;
  height: 20px;
  line-height: 22px;
  vertical-align: top;
  margin: 0 5px;
  font-weight: bold;
  font-size: 11px;
  color: #616161;
  text-transform: uppercase;
  border: 1px solid #EEE;
  background-color: #FAFAFA;
}
.compteLayout.subscription.end .vouchers ul li + .writable,
.compteLayout.contracts.end .vouchers ul li + .writable {
  display: none;
}
.compteLayout.subscription.end .vouchers ul li.writable,
.compteLayout.contracts.end .vouchers ul li.writable {
  padding-right: 15px;
  text-transform: inherit;
  color: transparent;
  border: 1px solid #D3D3D3;
}
.compteLayout.subscription.end .vouchers ul li.writable.off,
.compteLayout.contracts.end .vouchers ul li.writable.off {
  font-size: 9px;
  font-weight: normal;
  opacity: 0.7;
  cursor: pointer;
}
.compteLayout.subscription.end .vouchers ul li.writable.off:hover,
.compteLayout.contracts.end .vouchers ul li.writable.off:hover {
  opacity: 1;
}
.compteLayout.subscription.end .vouchers ul li.writable.off input,
.compteLayout.contracts.end .vouchers ul li.writable.off input {
  font-weight: normal;
  cursor: pointer;
}
.compteLayout.subscription.end .vouchers ul li i,
.compteLayout.contracts.end .vouchers ul li i {
  padding: 0 3px;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
  color: #aeaeae;
  position: absolute;
  top: 4px;
  right: 5px;
  display: none;
}
.compteLayout.subscription.end .vouchers ul li input,
.compteLayout.contracts.end .vouchers ul li input {
  background: transparent !important;
  padding: 2px 8px !important;
  vertical-align: top;
  border: none !important;
  box-shadow: none !important;
  height: 20px;
  margin: 0;
  line-height: 22px;
  font-size: 11px;
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  font-weight: bold !important;
  width: auto !important;
}
.compteLayout.subscription.end #summaryBox .cgv,
.compteLayout.contracts.end #summaryBox .cgv {
  margin: 5px 0;
}
.compteLayout.subscription.end #summaryBox .cgv input,
.compteLayout.contracts.end #summaryBox .cgv input {
  margin: 0;
}
.compteLayout.subscription.end #summaryBox .items,
.compteLayout.contracts.end #summaryBox .items {
  margin-top: 0px !important;
}
.compteLayout.subscription.end #summaryBox .items .name,
.compteLayout.contracts.end #summaryBox .items .name {
  max-width: 64%;
  overflow: hidden;
  display: block;
  white-space: normal;
  line-height: 14px;
}
.compteLayout.subscription.end #summaryBox .items .noUnit .unit,
.compteLayout.contracts.end #summaryBox .items .noUnit .unit {
  display: none;
}
.compteLayout.subscription.end #summaryBox .items .item,
.compteLayout.subscription.end #summaryBox .head .item,
.compteLayout.contracts.end #summaryBox .items .item,
.compteLayout.contracts.end #summaryBox .head .item {
  width: 100% !important;
}
.compteLayout.subscription.end #summaryBox .items .price,
.compteLayout.subscription.end #summaryBox .items .pu,
.compteLayout.subscription.end #summaryBox .items .quantity,
.compteLayout.subscription.end #summaryBox .head .price,
.compteLayout.subscription.end #summaryBox .head .pu,
.compteLayout.subscription.end #summaryBox .head .quantity,
.compteLayout.contracts.end #summaryBox .items .price,
.compteLayout.contracts.end #summaryBox .items .pu,
.compteLayout.contracts.end #summaryBox .items .quantity,
.compteLayout.contracts.end #summaryBox .head .price,
.compteLayout.contracts.end #summaryBox .head .pu,
.compteLayout.contracts.end #summaryBox .head .quantity {
  position: absolute;
  top: 0px;
  display: block !important;
}
.compteLayout.subscription.end #summaryBox .items .price,
.compteLayout.subscription.end #summaryBox .head .price,
.compteLayout.contracts.end #summaryBox .items .price,
.compteLayout.contracts.end #summaryBox .head .price {
  right: 13%;
}
.compteLayout.subscription.end #summaryBox .items .pu,
.compteLayout.subscription.end #summaryBox .head .pu,
.compteLayout.contracts.end #summaryBox .items .pu,
.compteLayout.contracts.end #summaryBox .head .pu {
  right: 22%;
}
.compteLayout.subscription.end #summaryBox .items .quantity,
.compteLayout.subscription.end #summaryBox .head .quantity,
.compteLayout.contracts.end #summaryBox .items .quantity,
.compteLayout.contracts.end #summaryBox .head .quantity {
  right: 10px;
}
.compteLayout.subscription.end #summaryBox .items .quantity:after,
.compteLayout.subscription.end #summaryBox .head .quantity:after,
.compteLayout.contracts.end #summaryBox .items .quantity:after,
.compteLayout.contracts.end #summaryBox .head .quantity:after {
  content: "" !important;
}
.compteLayout.subscription.end #summaryBox .head,
.compteLayout.contracts.end #summaryBox .head {
  position: relative;
  height: 20px;
  font-weight: bold;
  font-size: 13px;
}
.compteLayout.subscription.end #summaryBox .groupName,
.compteLayout.contracts.end #summaryBox .groupName {
  background-color: #F3F3F3;
  border-left: 3px solid #ef4123;
  border-radius: 3px;
  padding: 4px 9px !important;
  margin: 0 !important;
}
.compteLayout.subscription.end #summaryBox .groupName .modify,
.compteLayout.contracts.end #summaryBox .groupName .modify {
  display: block;
}
.compteLayout.subscription.end #summaryBox .items .item,
.compteLayout.contracts.end #summaryBox .items .item {
  width: 100%;
  padding: 5px 12px !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px dotted #DDD;
}
.compteLayout.subscription.end #summaryBox .items .item:last-child,
.compteLayout.contracts.end #summaryBox .items .item:last-child {
  border-bottom: none;
}
.compteLayout.subscription.end #summaryBox .items .item .quantity:after,
.compteLayout.contracts.end #summaryBox .items .item .quantity:after {
  content: "";
}
.compteLayout.subscription.end #summaryBox .items .item .quantity:before,
.compteLayout.contracts.end #summaryBox .items .item .quantity:before {
  content: "x";
}
.compteLayout.subscription.end #summaryBox .items .item .price,
.compteLayout.subscription.end #summaryBox .items .item .pu,
.compteLayout.subscription.end #summaryBox .items .item .quantity,
.compteLayout.contracts.end #summaryBox .items .item .price,
.compteLayout.contracts.end #summaryBox .items .item .pu,
.compteLayout.contracts.end #summaryBox .items .item .quantity {
  display: block;
  position: absolute;
  top: 0px;
}
.compteLayout.subscription.end #summaryBox .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.subscription.end #summaryBox .items .itemGroup.type_OPTIONS .pu,
.compteLayout.subscription.end #summaryBox .items .itemGroup.type_VOUCHERS .quantity,
.compteLayout.subscription.end #summaryBox .items .itemGroup.type_VOUCHERS .pu,
.compteLayout.contracts.end #summaryBox .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts.end #summaryBox .items .itemGroup.type_OPTIONS .pu,
.compteLayout.contracts.end #summaryBox .items .itemGroup.type_VOUCHERS .quantity,
.compteLayout.contracts.end #summaryBox .items .itemGroup.type_VOUCHERS .pu {
  display: none !important;
}
.compteLayout.subscription.end #summaryBox .items .itemGroup.type_VOUCHERS .price,
.compteLayout.contracts.end #summaryBox .items .itemGroup.type_VOUCHERS .price {
  color: #92b634;
  font-weight: bold;
}
.compteLayout.subscription.end #summaryBox .items [class*="incOption"] .unit,
.compteLayout.contracts.end #summaryBox .items [class*="incOption"] .unit {
  display: none !important;
}
.compteLayout.subscription.end #summaryBox .sep.total,
.compteLayout.contracts.end #summaryBox .sep.total {
  text-align: right;
  background-color: #F1F1F1;
  padding: 4px 9px !important;
  margin: 20px 0 0px 0 !important;
  border-left: 3px solid #ef4123;
  border-radius: 3px;
}
.compteLayout.subscription.end #summaryBox .summary,
.compteLayout.contracts.end #summaryBox .summary {
  text-align: right;
}
.compteLayout.subscription #summaryBox .summary,
.compteLayout.contracts #summaryBox .summary {
  margin-bottom: 5px;
  padding: 0 6px;
}
.compteLayout.subscription #summaryBox .summary > *:first-child,
.compteLayout.contracts #summaryBox .summary > *:first-child {
  padding-top: 4px;
}
.compteLayout.subscription #summaryBox .summary > *:last-child,
.compteLayout.contracts #summaryBox .summary > *:last-child {
  padding-bottom: 4px;
}
.compteLayout.subscription .orderBox .summary,
.compteLayout.contracts .orderBox .summary {
  padding-top: 10px;
}
.compteLayout.subscription #summaryBox .items .itemGroup .groupName,
.compteLayout.subscription #summaryBox .sep,
.compteLayout.subscription .orderBox .items .itemGroup .groupName,
.compteLayout.subscription .orderBox .sep,
.compteLayout.subscription .productsBox .items .itemGroup .groupName,
.compteLayout.subscription .productsBox .sep,
.compteLayout.contracts #summaryBox .items .itemGroup .groupName,
.compteLayout.contracts #summaryBox .sep,
.compteLayout.contracts .orderBox .items .itemGroup .groupName,
.compteLayout.contracts .orderBox .sep,
.compteLayout.contracts .productsBox .items .itemGroup .groupName,
.compteLayout.contracts .productsBox .sep {
  font-size: 0.9em;
  font-weight: bold;
  padding: 1px 5px;
  color: #42444b;
  background: #EEE;
  border-radius: 4px;
}
.compteLayout.subscription #summaryBox.summary,
.compteLayout.subscription #summaryBox .order,
.compteLayout.subscription .orderBox.summary,
.compteLayout.subscription .orderBox .order,
.compteLayout.contracts #summaryBox.summary,
.compteLayout.contracts #summaryBox .order,
.compteLayout.contracts .orderBox.summary,
.compteLayout.contracts .orderBox .order {
  padding-bottom: 0px;
}
.compteLayout.subscription #summaryBox.summary .promo,
.compteLayout.subscription #summaryBox .order .promo,
.compteLayout.subscription .orderBox.summary .promo,
.compteLayout.subscription .orderBox .order .promo,
.compteLayout.contracts #summaryBox.summary .promo,
.compteLayout.contracts #summaryBox .order .promo,
.compteLayout.contracts .orderBox.summary .promo,
.compteLayout.contracts .orderBox .order .promo {
  font-size: 13px;
  line-height: 1.3em;
  font-weight: bold;
  font-family: 'Verb';
  color: #92b634;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper[data-amount^="0"],
.compteLayout.subscription #summaryBox .order .amountWrapper[data-amount^="0"],
.compteLayout.subscription .orderBox.summary .amountWrapper[data-amount^="0"],
.compteLayout.subscription .orderBox .order .amountWrapper[data-amount^="0"],
.compteLayout.contracts #summaryBox.summary .amountWrapper[data-amount^="0"],
.compteLayout.contracts #summaryBox .order .amountWrapper[data-amount^="0"],
.compteLayout.contracts .orderBox.summary .amountWrapper[data-amount^="0"],
.compteLayout.contracts .orderBox .order .amountWrapper[data-amount^="0"] {
  height: 0;
  padding: 0 0px;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper,
.compteLayout.subscription #summaryBox .order .amountWrapper,
.compteLayout.subscription .orderBox.summary .amountWrapper,
.compteLayout.subscription .orderBox .order .amountWrapper,
.compteLayout.contracts #summaryBox.summary .amountWrapper,
.compteLayout.contracts #summaryBox .order .amountWrapper,
.compteLayout.contracts .orderBox.summary .amountWrapper,
.compteLayout.contracts .orderBox .order .amountWrapper {
  overflow: hidden;
  font-size: 11px;
  line-height: 1em;
  color: #727581;
  font-family: verb;
  font-weight: bold;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper.full .monthlyAmountUnit,
.compteLayout.subscription #summaryBox.summary .amountWrapper.full .yearlyAmountUnit,
.compteLayout.subscription #summaryBox.summary .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.subscription #summaryBox.summary .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper.full .monthlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper.full .yearlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper.full .monthlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper.full .yearlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper.full .monthlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper.full .yearlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper.full .monthlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper.full .yearlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper.full .monthlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper.full .yearlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper.full .monthlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper.full .yearlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper.prorata .yearlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper.full .monthlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper.full .yearlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper.prorata .monthlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper.prorata .yearlyAmountUnit {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper.monthly .yearlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper.monthly .yearlyAmountUnit {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper.yearly .monthlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper.yearly .monthlyAmountUnit {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.subscription #summaryBox .order .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.subscription .orderBox.summary .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.subscription .orderBox .order .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.contracts #summaryBox.summary .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.contracts #summaryBox .order .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.contracts .orderBox.summary .amountWrapper.yearly .yearlyPromoAmount,
.compteLayout.contracts .orderBox .order .amountWrapper.yearly .yearlyPromoAmount {
  display: table-row;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.subscription #summaryBox.summary .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.subscription #summaryBox.summary .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.subscription #summaryBox.summary .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.subscription #summaryBox.summary .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.subscription #summaryBox.summary .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.subscription #summaryBox .order .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.subscription #summaryBox .order .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.subscription #summaryBox .order .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.subscription #summaryBox .order .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.subscription #summaryBox .order .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.subscription #summaryBox .order .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.subscription .orderBox.summary .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.subscription .orderBox.summary .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.subscription .orderBox.summary .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.subscription .orderBox.summary .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.subscription .orderBox.summary .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.subscription .orderBox.summary .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.subscription .orderBox .order .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.subscription .orderBox .order .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.subscription .orderBox .order .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.subscription .orderBox .order .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.subscription .orderBox .order .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.subscription .orderBox .order .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.contracts #summaryBox.summary .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.contracts #summaryBox.summary .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.contracts #summaryBox.summary .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.contracts #summaryBox.summary .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.contracts #summaryBox.summary .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.contracts #summaryBox.summary .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.contracts #summaryBox .order .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.contracts #summaryBox .order .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.contracts #summaryBox .order .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.contracts #summaryBox .order .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.contracts #summaryBox .order .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.contracts #summaryBox .order .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.contracts .orderBox.summary .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.contracts .orderBox.summary .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.contracts .orderBox.summary .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.contracts .orderBox.summary .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.contracts .orderBox.summary .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.contracts .orderBox.summary .amountWrapper .suppAmount[data-amount^="0,00"],
.compteLayout.contracts .orderBox .order .amountWrapper .oldPriceWrapper[data-oldprice="0"],
.compteLayout.contracts .orderBox .order .amountWrapper .optionsHT[data-amount^="0"],
.compteLayout.contracts .orderBox .order .amountWrapper .vouchers[data-nb^="0"],
.compteLayout.contracts .orderBox .order .amountWrapper .yearlyPromoAmount[data-amount^="0,00"],
.compteLayout.contracts .orderBox .order .amountWrapper .promoAmount[data-amount^="0,00"],
.compteLayout.contracts .orderBox .order .amountWrapper .suppAmount[data-amount^="0,00"] {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .yearlyPromoAmount,
.compteLayout.subscription #summaryBox .order .amountWrapper .yearlyPromoAmount,
.compteLayout.subscription .orderBox.summary .amountWrapper .yearlyPromoAmount,
.compteLayout.subscription .orderBox .order .amountWrapper .yearlyPromoAmount,
.compteLayout.contracts #summaryBox.summary .amountWrapper .yearlyPromoAmount,
.compteLayout.contracts #summaryBox .order .amountWrapper .yearlyPromoAmount,
.compteLayout.contracts .orderBox.summary .amountWrapper .yearlyPromoAmount,
.compteLayout.contracts .orderBox .order .amountWrapper .yearlyPromoAmount {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .oldPriceWrapper,
.compteLayout.subscription #summaryBox .order .amountWrapper .oldPriceWrapper,
.compteLayout.subscription .orderBox.summary .amountWrapper .oldPriceWrapper,
.compteLayout.subscription .orderBox .order .amountWrapper .oldPriceWrapper,
.compteLayout.contracts #summaryBox.summary .amountWrapper .oldPriceWrapper,
.compteLayout.contracts #summaryBox .order .amountWrapper .oldPriceWrapper,
.compteLayout.contracts .orderBox.summary .amountWrapper .oldPriceWrapper,
.compteLayout.contracts .orderBox .order .amountWrapper .oldPriceWrapper {
  padding: 0 !important;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .oldPriceWrapper *,
.compteLayout.subscription #summaryBox .order .amountWrapper .oldPriceWrapper *,
.compteLayout.subscription .orderBox.summary .amountWrapper .oldPriceWrapper *,
.compteLayout.subscription .orderBox .order .amountWrapper .oldPriceWrapper *,
.compteLayout.contracts #summaryBox.summary .amountWrapper .oldPriceWrapper *,
.compteLayout.contracts #summaryBox .order .amountWrapper .oldPriceWrapper *,
.compteLayout.contracts .orderBox.summary .amountWrapper .oldPriceWrapper *,
.compteLayout.contracts .orderBox .order .amountWrapper .oldPriceWrapper * {
  padding: 0 !important;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .ht,
.compteLayout.subscription #summaryBox .order .amountWrapper .ht,
.compteLayout.subscription .orderBox.summary .amountWrapper .ht,
.compteLayout.subscription .orderBox .order .amountWrapper .ht,
.compteLayout.contracts #summaryBox.summary .amountWrapper .ht,
.compteLayout.contracts #summaryBox .order .amountWrapper .ht,
.compteLayout.contracts .orderBox.summary .amountWrapper .ht,
.compteLayout.contracts .orderBox .order .amountWrapper .ht {
  font-size: 18px;
  color: #42444b;
  margin-bottom: 6px;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .ht td,
.compteLayout.subscription #summaryBox .order .amountWrapper .ht td,
.compteLayout.subscription .orderBox.summary .amountWrapper .ht td,
.compteLayout.subscription .orderBox .order .amountWrapper .ht td,
.compteLayout.contracts #summaryBox.summary .amountWrapper .ht td,
.compteLayout.contracts #summaryBox .order .amountWrapper .ht td,
.compteLayout.contracts .orderBox.summary .amountWrapper .ht td,
.compteLayout.contracts .orderBox .order .amountWrapper .ht td {
  padding: 15px 0 !important;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .subTotalHT,
.compteLayout.subscription #summaryBox .order .amountWrapper .subTotalHT,
.compteLayout.subscription .orderBox.summary .amountWrapper .subTotalHT,
.compteLayout.subscription .orderBox .order .amountWrapper .subTotalHT,
.compteLayout.contracts #summaryBox.summary .amountWrapper .subTotalHT,
.compteLayout.contracts #summaryBox .order .amountWrapper .subTotalHT,
.compteLayout.contracts .orderBox.summary .amountWrapper .subTotalHT,
.compteLayout.contracts .orderBox .order .amountWrapper .subTotalHT {
  color: #42444b;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .monthlyAmountUnit,
.compteLayout.subscription #summaryBox .order .amountWrapper .monthlyAmountUnit,
.compteLayout.subscription .orderBox.summary .amountWrapper .monthlyAmountUnit,
.compteLayout.subscription .orderBox .order .amountWrapper .monthlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .amountWrapper .monthlyAmountUnit,
.compteLayout.contracts #summaryBox .order .amountWrapper .monthlyAmountUnit,
.compteLayout.contracts .orderBox.summary .amountWrapper .monthlyAmountUnit,
.compteLayout.contracts .orderBox .order .amountWrapper .monthlyAmountUnit {
  font-size: 13px;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper .voucher,
.compteLayout.subscription #summaryBox .order .amountWrapper .voucher,
.compteLayout.subscription .orderBox.summary .amountWrapper .voucher,
.compteLayout.subscription .orderBox .order .amountWrapper .voucher,
.compteLayout.contracts #summaryBox.summary .amountWrapper .voucher,
.compteLayout.contracts #summaryBox .order .amountWrapper .voucher,
.compteLayout.contracts .orderBox.summary .amountWrapper .voucher,
.compteLayout.contracts .orderBox .order .amountWrapper .voucher {
  color: #92b634;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper table,
.compteLayout.subscription #summaryBox .order .amountWrapper table,
.compteLayout.subscription .orderBox.summary .amountWrapper table,
.compteLayout.subscription .orderBox .order .amountWrapper table,
.compteLayout.contracts #summaryBox.summary .amountWrapper table,
.compteLayout.contracts #summaryBox .order .amountWrapper table,
.compteLayout.contracts .orderBox.summary .amountWrapper table,
.compteLayout.contracts .orderBox .order .amountWrapper table {
  float: right;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper table td,
.compteLayout.subscription #summaryBox .order .amountWrapper table td,
.compteLayout.subscription .orderBox.summary .amountWrapper table td,
.compteLayout.subscription .orderBox .order .amountWrapper table td,
.compteLayout.contracts #summaryBox.summary .amountWrapper table td,
.compteLayout.contracts #summaryBox .order .amountWrapper table td,
.compteLayout.contracts .orderBox.summary .amountWrapper table td,
.compteLayout.contracts .orderBox .order .amountWrapper table td {
  padding: 7px 5px !important;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper table tr:first-child td,
.compteLayout.subscription #summaryBox .order .amountWrapper table tr:first-child td,
.compteLayout.subscription .orderBox.summary .amountWrapper table tr:first-child td,
.compteLayout.subscription .orderBox .order .amountWrapper table tr:first-child td,
.compteLayout.contracts #summaryBox.summary .amountWrapper table tr:first-child td,
.compteLayout.contracts #summaryBox .order .amountWrapper table tr:first-child td,
.compteLayout.contracts .orderBox.summary .amountWrapper table tr:first-child td,
.compteLayout.contracts .orderBox .order .amountWrapper table tr:first-child td {
  border-top: none !important;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper table tr td:first-child,
.compteLayout.subscription #summaryBox .order .amountWrapper table tr td:first-child,
.compteLayout.subscription .orderBox.summary .amountWrapper table tr td:first-child,
.compteLayout.subscription .orderBox .order .amountWrapper table tr td:first-child,
.compteLayout.contracts #summaryBox.summary .amountWrapper table tr td:first-child,
.compteLayout.contracts #summaryBox .order .amountWrapper table tr td:first-child,
.compteLayout.contracts .orderBox.summary .amountWrapper table tr td:first-child,
.compteLayout.contracts .orderBox .order .amountWrapper table tr td:first-child {
  font-size: 12px !important;
  padding-right: 15px !important;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper table tr td:nth-child(2),
.compteLayout.subscription #summaryBox .order .amountWrapper table tr td:nth-child(2),
.compteLayout.subscription .orderBox.summary .amountWrapper table tr td:nth-child(2),
.compteLayout.subscription .orderBox .order .amountWrapper table tr td:nth-child(2),
.compteLayout.contracts #summaryBox.summary .amountWrapper table tr td:nth-child(2),
.compteLayout.contracts #summaryBox .order .amountWrapper table tr td:nth-child(2),
.compteLayout.contracts .orderBox.summary .amountWrapper table tr td:nth-child(2),
.compteLayout.contracts .orderBox .order .amountWrapper table tr td:nth-child(2) {
  min-width: 130px;
}
.compteLayout.subscription #summaryBox.summary .amountWrapper table tr.separator td,
.compteLayout.subscription #summaryBox .order .amountWrapper table tr.separator td,
.compteLayout.subscription .orderBox.summary .amountWrapper table tr.separator td,
.compteLayout.subscription .orderBox .order .amountWrapper table tr.separator td,
.compteLayout.contracts #summaryBox.summary .amountWrapper table tr.separator td,
.compteLayout.contracts #summaryBox .order .amountWrapper table tr.separator td,
.compteLayout.contracts .orderBox.summary .amountWrapper table tr.separator td,
.compteLayout.contracts .orderBox .order .amountWrapper table tr.separator td {
  padding-bottom: 30px !important;
}
.compteLayout.subscription #summaryBox.summary .options,
.compteLayout.subscription #summaryBox .order .options,
.compteLayout.subscription .orderBox.summary .options,
.compteLayout.subscription .orderBox .order .options,
.compteLayout.contracts #summaryBox.summary .options,
.compteLayout.contracts #summaryBox .order .options,
.compteLayout.contracts .orderBox.summary .options,
.compteLayout.contracts .orderBox .order .options {
  font-size: 11px;
  color: #F9A406;
  font-family: Arial;
}
.compteLayout.subscription #summaryBox.summary .options[data-amount^="0"],
.compteLayout.subscription #summaryBox .order .options[data-amount^="0"],
.compteLayout.subscription .orderBox.summary .options[data-amount^="0"],
.compteLayout.subscription .orderBox .order .options[data-amount^="0"],
.compteLayout.contracts #summaryBox.summary .options[data-amount^="0"],
.compteLayout.contracts #summaryBox .order .options[data-amount^="0"],
.compteLayout.contracts .orderBox.summary .options[data-amount^="0"],
.compteLayout.contracts .orderBox .order .options[data-amount^="0"] {
  height: 0;
  padding: 0 0px;
}
.compteLayout.subscription #summaryBox.summary .options .monthlyAmountUnit,
.compteLayout.subscription #summaryBox .order .options .monthlyAmountUnit,
.compteLayout.subscription .orderBox.summary .options .monthlyAmountUnit,
.compteLayout.subscription .orderBox .order .options .monthlyAmountUnit,
.compteLayout.contracts #summaryBox.summary .options .monthlyAmountUnit,
.compteLayout.contracts #summaryBox .order .options .monthlyAmountUnit,
.compteLayout.contracts .orderBox.summary .options .monthlyAmountUnit,
.compteLayout.contracts .orderBox .order .options .monthlyAmountUnit {
  font-size: 11px;
}
.compteLayout.subscription #summaryBox.summary .oldPriceWrapper,
.compteLayout.subscription #summaryBox .order .oldPriceWrapper,
.compteLayout.subscription .orderBox.summary .oldPriceWrapper,
.compteLayout.subscription .orderBox .order .oldPriceWrapper,
.compteLayout.contracts #summaryBox.summary .oldPriceWrapper,
.compteLayout.contracts #summaryBox .order .oldPriceWrapper,
.compteLayout.contracts .orderBox.summary .oldPriceWrapper,
.compteLayout.contracts .orderBox .order .oldPriceWrapper {
  color: #AAA;
  font-weight: normal;
  font-size: 12px;
}
.compteLayout.subscription #summaryBox.summary .engagement,
.compteLayout.subscription #summaryBox.summary .paymentoption,
.compteLayout.subscription #summaryBox .order .engagement,
.compteLayout.subscription #summaryBox .order .paymentoption,
.compteLayout.subscription .orderBox.summary .engagement,
.compteLayout.subscription .orderBox.summary .paymentoption,
.compteLayout.subscription .orderBox .order .engagement,
.compteLayout.subscription .orderBox .order .paymentoption,
.compteLayout.contracts #summaryBox.summary .engagement,
.compteLayout.contracts #summaryBox.summary .paymentoption,
.compteLayout.contracts #summaryBox .order .engagement,
.compteLayout.contracts #summaryBox .order .paymentoption,
.compteLayout.contracts .orderBox.summary .engagement,
.compteLayout.contracts .orderBox.summary .paymentoption,
.compteLayout.contracts .orderBox .order .engagement,
.compteLayout.contracts .orderBox .order .paymentoption {
  font-size: 12px;
  font-weight: bold;
}
.compteLayout.subscription #summaryBox.summary .engagement .discount[data-discount="0"],
.compteLayout.subscription #summaryBox.summary .paymentoption .discount[data-discount="0"],
.compteLayout.subscription #summaryBox .order .engagement .discount[data-discount="0"],
.compteLayout.subscription #summaryBox .order .paymentoption .discount[data-discount="0"],
.compteLayout.subscription .orderBox.summary .engagement .discount[data-discount="0"],
.compteLayout.subscription .orderBox.summary .paymentoption .discount[data-discount="0"],
.compteLayout.subscription .orderBox .order .engagement .discount[data-discount="0"],
.compteLayout.subscription .orderBox .order .paymentoption .discount[data-discount="0"],
.compteLayout.contracts #summaryBox.summary .engagement .discount[data-discount="0"],
.compteLayout.contracts #summaryBox.summary .paymentoption .discount[data-discount="0"],
.compteLayout.contracts #summaryBox .order .engagement .discount[data-discount="0"],
.compteLayout.contracts #summaryBox .order .paymentoption .discount[data-discount="0"],
.compteLayout.contracts .orderBox.summary .engagement .discount[data-discount="0"],
.compteLayout.contracts .orderBox.summary .paymentoption .discount[data-discount="0"],
.compteLayout.contracts .orderBox .order .engagement .discount[data-discount="0"],
.compteLayout.contracts .orderBox .order .paymentoption .discount[data-discount="0"] {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .engagement .discount,
.compteLayout.subscription #summaryBox.summary .paymentoption .discount,
.compteLayout.subscription #summaryBox .order .engagement .discount,
.compteLayout.subscription #summaryBox .order .paymentoption .discount,
.compteLayout.subscription .orderBox.summary .engagement .discount,
.compteLayout.subscription .orderBox.summary .paymentoption .discount,
.compteLayout.subscription .orderBox .order .engagement .discount,
.compteLayout.subscription .orderBox .order .paymentoption .discount,
.compteLayout.contracts #summaryBox.summary .engagement .discount,
.compteLayout.contracts #summaryBox.summary .paymentoption .discount,
.compteLayout.contracts #summaryBox .order .engagement .discount,
.compteLayout.contracts #summaryBox .order .paymentoption .discount,
.compteLayout.contracts .orderBox.summary .engagement .discount,
.compteLayout.contracts .orderBox.summary .paymentoption .discount,
.compteLayout.contracts .orderBox .order .engagement .discount,
.compteLayout.contracts .orderBox .order .paymentoption .discount {
  color: #92b634;
}
.compteLayout.subscription #summaryBox.summary .engagement .extraprice[data-extraprice="0"],
.compteLayout.subscription #summaryBox.summary .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.subscription #summaryBox .order .engagement .extraprice[data-extraprice="0"],
.compteLayout.subscription #summaryBox .order .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.subscription .orderBox.summary .engagement .extraprice[data-extraprice="0"],
.compteLayout.subscription .orderBox.summary .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.subscription .orderBox .order .engagement .extraprice[data-extraprice="0"],
.compteLayout.subscription .orderBox .order .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.contracts #summaryBox.summary .engagement .extraprice[data-extraprice="0"],
.compteLayout.contracts #summaryBox.summary .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.contracts #summaryBox .order .engagement .extraprice[data-extraprice="0"],
.compteLayout.contracts #summaryBox .order .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.contracts .orderBox.summary .engagement .extraprice[data-extraprice="0"],
.compteLayout.contracts .orderBox.summary .paymentoption .extraprice[data-extraprice="0"],
.compteLayout.contracts .orderBox .order .engagement .extraprice[data-extraprice="0"],
.compteLayout.contracts .orderBox .order .paymentoption .extraprice[data-extraprice="0"] {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .engagement .extraprice,
.compteLayout.subscription #summaryBox.summary .paymentoption .extraprice,
.compteLayout.subscription #summaryBox .order .engagement .extraprice,
.compteLayout.subscription #summaryBox .order .paymentoption .extraprice,
.compteLayout.subscription .orderBox.summary .engagement .extraprice,
.compteLayout.subscription .orderBox.summary .paymentoption .extraprice,
.compteLayout.subscription .orderBox .order .engagement .extraprice,
.compteLayout.subscription .orderBox .order .paymentoption .extraprice,
.compteLayout.contracts #summaryBox.summary .engagement .extraprice,
.compteLayout.contracts #summaryBox.summary .paymentoption .extraprice,
.compteLayout.contracts #summaryBox .order .engagement .extraprice,
.compteLayout.contracts #summaryBox .order .paymentoption .extraprice,
.compteLayout.contracts .orderBox.summary .engagement .extraprice,
.compteLayout.contracts .orderBox.summary .paymentoption .extraprice,
.compteLayout.contracts .orderBox .order .engagement .extraprice,
.compteLayout.contracts .orderBox .order .paymentoption .extraprice {
  color: #F9A406;
}
.compteLayout.subscription #summaryBox.summary .items,
.compteLayout.subscription #summaryBox .order .items,
.compteLayout.subscription .orderBox.summary .items,
.compteLayout.subscription .orderBox .order .items,
.compteLayout.contracts #summaryBox.summary .items,
.compteLayout.contracts #summaryBox .order .items,
.compteLayout.contracts .orderBox.summary .items,
.compteLayout.contracts .orderBox .order .items {
  margin-top: -5px;
}
.compteLayout.subscription #summaryBox.summary .items.noItem + .instruction,
.compteLayout.subscription #summaryBox .order .items.noItem + .instruction,
.compteLayout.subscription .orderBox.summary .items.noItem + .instruction,
.compteLayout.subscription .orderBox .order .items.noItem + .instruction,
.compteLayout.contracts #summaryBox.summary .items.noItem + .instruction,
.compteLayout.contracts #summaryBox .order .items.noItem + .instruction,
.compteLayout.contracts .orderBox.summary .items.noItem + .instruction,
.compteLayout.contracts .orderBox .order .items.noItem + .instruction {
  display: block !important;
}
.compteLayout.subscription #summaryBox.summary .items.noItem ~ .confirmWrapper,
.compteLayout.subscription #summaryBox .order .items.noItem ~ .confirmWrapper,
.compteLayout.subscription .orderBox.summary .items.noItem ~ .confirmWrapper,
.compteLayout.subscription .orderBox .order .items.noItem ~ .confirmWrapper,
.compteLayout.contracts #summaryBox.summary .items.noItem ~ .confirmWrapper,
.compteLayout.contracts #summaryBox .order .items.noItem ~ .confirmWrapper,
.compteLayout.contracts .orderBox.summary .items.noItem ~ .confirmWrapper,
.compteLayout.contracts .orderBox .order .items.noItem ~ .confirmWrapper {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.subscription #summaryBox.summary .items .itemGroup.type_OPTIONS .operator,
.compteLayout.subscription #summaryBox.summary .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.subscription #summaryBox.summary .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.subscription #summaryBox.summary .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.subscription #summaryBox.summary .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.subscription #summaryBox .order .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.subscription #summaryBox .order .items .itemGroup.type_OPTIONS .operator,
.compteLayout.subscription #summaryBox .order .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.subscription #summaryBox .order .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.subscription #summaryBox .order .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.subscription #summaryBox .order .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.subscription .orderBox.summary .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.subscription .orderBox.summary .items .itemGroup.type_OPTIONS .operator,
.compteLayout.subscription .orderBox.summary .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.subscription .orderBox.summary .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.subscription .orderBox.summary .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.subscription .orderBox.summary .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.subscription .orderBox .order .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.subscription .orderBox .order .items .itemGroup.type_OPTIONS .operator,
.compteLayout.subscription .orderBox .order .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.subscription .orderBox .order .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.subscription .orderBox .order .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.subscription .orderBox .order .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.contracts #summaryBox.summary .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts #summaryBox.summary .items .itemGroup.type_OPTIONS .operator,
.compteLayout.contracts #summaryBox.summary .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.contracts #summaryBox.summary .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.contracts #summaryBox.summary .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.contracts #summaryBox.summary .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.contracts #summaryBox .order .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts #summaryBox .order .items .itemGroup.type_OPTIONS .operator,
.compteLayout.contracts #summaryBox .order .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.contracts #summaryBox .order .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.contracts #summaryBox .order .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.contracts #summaryBox .order .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.contracts .orderBox.summary .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts .orderBox.summary .items .itemGroup.type_OPTIONS .operator,
.compteLayout.contracts .orderBox.summary .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.contracts .orderBox.summary .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.contracts .orderBox.summary .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.contracts .orderBox.summary .items .itemGroup.type_ENGAGEMENT .operator,
.compteLayout.contracts .orderBox .order .items .itemGroup.type_OPTIONS .quantity,
.compteLayout.contracts .orderBox .order .items .itemGroup.type_OPTIONS .operator,
.compteLayout.contracts .orderBox .order .items .itemGroup.type_PAIEMENTS .quantity,
.compteLayout.contracts .orderBox .order .items .itemGroup.type_PAIEMENTS .operator,
.compteLayout.contracts .orderBox .order .items .itemGroup.type_ENGAGEMENT .quantity,
.compteLayout.contracts .orderBox .order .items .itemGroup.type_ENGAGEMENT .operator {
  display: none;
}
.compteLayout.subscription #summaryBox.summary .items .itemGroup:hover .modify,
.compteLayout.subscription #summaryBox .order .items .itemGroup:hover .modify,
.compteLayout.subscription .orderBox.summary .items .itemGroup:hover .modify,
.compteLayout.subscription .orderBox .order .items .itemGroup:hover .modify,
.compteLayout.contracts #summaryBox.summary .items .itemGroup:hover .modify,
.compteLayout.contracts #summaryBox .order .items .itemGroup:hover .modify,
.compteLayout.contracts .orderBox.summary .items .itemGroup:hover .modify,
.compteLayout.contracts .orderBox .order .items .itemGroup:hover .modify {
  display: block;
}
.compteLayout.subscription #summaryBox.summary .items .itemGroup + .itemGroup  .groupName,
.compteLayout.subscription #summaryBox .order .items .itemGroup + .itemGroup  .groupName,
.compteLayout.subscription .orderBox.summary .items .itemGroup + .itemGroup  .groupName,
.compteLayout.subscription .orderBox .order .items .itemGroup + .itemGroup  .groupName,
.compteLayout.contracts #summaryBox.summary .items .itemGroup + .itemGroup  .groupName,
.compteLayout.contracts #summaryBox .order .items .itemGroup + .itemGroup  .groupName,
.compteLayout.contracts .orderBox.summary .items .itemGroup + .itemGroup  .groupName,
.compteLayout.contracts .orderBox .order .items .itemGroup + .itemGroup  .groupName {
  margin-top: 5px;
}
.compteLayout.subscription #summaryBox.summary .items .itemGroup .modify,
.compteLayout.subscription #summaryBox .order .items .itemGroup .modify,
.compteLayout.subscription .orderBox.summary .items .itemGroup .modify,
.compteLayout.subscription .orderBox .order .items .itemGroup .modify,
.compteLayout.contracts #summaryBox.summary .items .itemGroup .modify,
.compteLayout.contracts #summaryBox .order .items .itemGroup .modify,
.compteLayout.contracts .orderBox.summary .items .itemGroup .modify,
.compteLayout.contracts .orderBox .order .items .itemGroup .modify {
  float: right;
  color: #AAA;
  font-size: 10px;
  display: none;
}
.compteLayout.subscription #summaryBox.summary .items .itemGroup .container,
.compteLayout.subscription #summaryBox .order .items .itemGroup .container,
.compteLayout.subscription .orderBox.summary .items .itemGroup .container,
.compteLayout.subscription .orderBox .order .items .itemGroup .container,
.compteLayout.contracts #summaryBox.summary .items .itemGroup .container,
.compteLayout.contracts #summaryBox .order .items .itemGroup .container,
.compteLayout.contracts .orderBox.summary .items .itemGroup .container,
.compteLayout.contracts .orderBox .order .items .itemGroup .container {
  width: 100% !important;
}
.compteLayout.subscription #summaryBox.summary .items .item,
.compteLayout.subscription #summaryBox .order .items .item,
.compteLayout.subscription .orderBox.summary .items .item,
.compteLayout.subscription .orderBox .order .items .item,
.compteLayout.contracts #summaryBox.summary .items .item,
.compteLayout.contracts #summaryBox .order .items .item,
.compteLayout.contracts .orderBox.summary .items .item,
.compteLayout.contracts .orderBox .order .items .item {
  padding: 1px 5px;
  font-size: 0.9em;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 198px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.compteLayout.subscription #summaryBox.summary .items .item:nth-child(odd),
.compteLayout.subscription #summaryBox .order .items .item:nth-child(odd),
.compteLayout.subscription .orderBox.summary .items .item:nth-child(odd),
.compteLayout.subscription .orderBox .order .items .item:nth-child(odd),
.compteLayout.contracts #summaryBox.summary .items .item:nth-child(odd),
.compteLayout.contracts #summaryBox .order .items .item:nth-child(odd),
.compteLayout.contracts .orderBox.summary .items .item:nth-child(odd),
.compteLayout.contracts .orderBox .order .items .item:nth-child(odd) {
  background-color: #FEFEFE;
}
.compteLayout.subscription #summaryBox.summary .items .item .name:before,
.compteLayout.subscription #summaryBox .order .items .item .name:before,
.compteLayout.subscription .orderBox.summary .items .item .name:before,
.compteLayout.subscription .orderBox .order .items .item .name:before,
.compteLayout.contracts #summaryBox.summary .items .item .name:before,
.compteLayout.contracts #summaryBox .order .items .item .name:before,
.compteLayout.contracts .orderBox.summary .items .item .name:before,
.compteLayout.contracts .orderBox .order .items .item .name:before {
  content: " ";
}
.compteLayout.subscription #summaryBox.summary .items .item .quantity,
.compteLayout.subscription #summaryBox .order .items .item .quantity,
.compteLayout.subscription .orderBox.summary .items .item .quantity,
.compteLayout.subscription .orderBox .order .items .item .quantity,
.compteLayout.contracts #summaryBox.summary .items .item .quantity,
.compteLayout.contracts #summaryBox .order .items .item .quantity,
.compteLayout.contracts .orderBox.summary .items .item .quantity,
.compteLayout.contracts .orderBox .order .items .item .quantity {
  font-weight: bold;
}
.compteLayout.subscription #summaryBox.summary .items .item .quantity:after,
.compteLayout.subscription #summaryBox .order .items .item .quantity:after,
.compteLayout.subscription .orderBox.summary .items .item .quantity:after,
.compteLayout.subscription .orderBox .order .items .item .quantity:after,
.compteLayout.contracts #summaryBox.summary .items .item .quantity:after,
.compteLayout.contracts #summaryBox .order .items .item .quantity:after,
.compteLayout.contracts .orderBox.summary .items .item .quantity:after,
.compteLayout.contracts .orderBox .order .items .item .quantity:after {
  content: 'x';
}
.compteLayout.subscription #summaryBox.summary .items .item .price,
.compteLayout.subscription #summaryBox.summary .items .item .pu,
.compteLayout.subscription #summaryBox .order .items .item .price,
.compteLayout.subscription #summaryBox .order .items .item .pu,
.compteLayout.subscription .orderBox.summary .items .item .price,
.compteLayout.subscription .orderBox.summary .items .item .pu,
.compteLayout.subscription .orderBox .order .items .item .price,
.compteLayout.subscription .orderBox .order .items .item .pu,
.compteLayout.contracts #summaryBox.summary .items .item .price,
.compteLayout.contracts #summaryBox.summary .items .item .pu,
.compteLayout.contracts #summaryBox .order .items .item .price,
.compteLayout.contracts #summaryBox .order .items .item .pu,
.compteLayout.contracts .orderBox.summary .items .item .price,
.compteLayout.contracts .orderBox.summary .items .item .pu,
.compteLayout.contracts .orderBox .order .items .item .price,
.compteLayout.contracts .orderBox .order .items .item .pu {
  display: none;
}
.compteLayout.subscription #summaryBox .instruction,
.compteLayout.subscription .orderBox .instruction,
.compteLayout.contracts #summaryBox .instruction,
.compteLayout.contracts .orderBox .instruction {
  padding: 5px 10px;
  font-style: italic;
  color: #BBB;
  font-size: 12px;
  display: none;
}
.compteLayout.subscription.intro .content .steps {
  margin-left: 4em;
}
.compteLayout.subscription.intro .content .steps .step {
  list-style: none;
  position: relative;
  margin: 2em 0;
  font-size: 20px;
}
.compteLayout.subscription.intro .content .steps span {
  position: absolute;
  width: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 2em;
  font-weight: bold;
  color: white;
  left: -2.5em;
  top: -0.53em;
  padding: 0;
  font-size: 1em;
}
.compteLayout.subscription.process .changeStepBtnWrapper {
  padding: 5px 10px;
  background: #F3F3F3;
  border: 1px solid #DDD;
  text-align: center;
}
.compteLayout.subscription.process .changeStepBtnWrapper .nextStep {
  float: right;
}
.compteLayout.subscription.process .changeStepBtnWrapper .saveBtn {
  display: inline-block;
}
.compteLayout.subscription.process .changeStepBtnWrapper .previousStep {
  float: left;
}
.compteLayout.subscription.process .changeStepBtnWrapper.top {
  margin-bottom: 20px;
}
.compteLayout.subscription.process .changeStepBtnWrapper.bottom {
  margin-top: 20px;
}
.compteLayout.subscription.process .stepIntro {
  padding: 4px 0px;
  margin: 0 0 15px;
}
.compteLayout.subscription.process .stepIntro h4 {
  margin: 0;
  text-transform: uppercase;
  font-family: verb;
  font-weight: bold;
  font-size: 20px !important;
  border-bottom: 1px solid #CCC;
  padding-bottom: 6px;
  margin-bottom: 5px;
}
.compteLayout.subscription.process .stepIntro h4 .stepName {
  color: #42444b;
}
.compteLayout.subscription.process .stepIntro .introText {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.compteLayout.subscription.process.addEstablishments .establishmentsList .ajaxReceiver {
  margin: 0 -10px 20px 0px;
}
.compteLayout.subscription.process.addEstablishments .establishmentsList table input.nbEtage {
  padding: 1px 3px;
  width: 30px;
}
@media print {
  .compteLayout.subscription.process.end .changeStepBtnWrapper,
  .compteLayout.subscription.process.end .vouchers,
  .compteLayout.subscription.process.end .cgv {
    display: none;
  }
}
.compteLayout.subscription.process .engagementsPaimentsSelection .engagementsTable small,
.compteLayout.subscription.process .engagementsPaimentsSelection .paymentsOptionsTable small {
  display: block;
  margin: 0;
  padding: 0;
  color: #AAA;
}
.compteLayout.subscription.process .engagementsPaimentsSelection .discount {
  color: #92b634;
  font-weight: bold;
  font-size: 12px;
  vertical-align: top;
}
.compteLayout.subscription.process .engagementsPaimentsSelection .discount:before {
  content: "  ";
}
.compteLayout.subscription.process .inventory {
  position: relative;
}
.compteLayout.subscription.process .inventory form {
  margin-left: 0 !important;
}
.compteLayout.subscription.process.validationDateConfirm .dateBig {
  font-size: 20px;
  font-weight: bold;
  margin: 25px 0;
  display: block;
}
.compteLayout.subscription.process.validationDateConfirm .dateBig:first-letter {
  text-transform: uppercase;
}
.compteLayout.subscription.process.validationDateConfirm p .date {
  font-weight: bold;
}
.compteLayout.subscription .main .lateralCol #summaryBox.absBtm {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.compteLayout.subscription .main .lateralCol #summaryBox.contentBox {
  margin: 0 !important;
}
#interventionForm #input_description {
  width: 400px;
  max-width: 100%;
  min-height: 140px;
}
#interventionForm .hours,
#interventionForm .minutes {
  width: 60px;
}
#interventionForm #input_file {
  width: 90%;
  max-width: 90%;
}
.interventions .modal-body {
  max-height: 520px;
}
.interventions #ticketCreate_modal .input_group {
  display: none;
}
.interventions #intervChooser_modal .btnWrapper {
  text-align: center;
  margin-top: -13px;
}
.interventions #intervChooser_modal .type {
  position: relative;
  min-height: 130px;
}
.interventions #intervChooser_modal .type h5 {
  color: #42444b;
  font-size: 1.1em;
  margin: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #DDD;
}
.interventions #intervChooser_modal .type.contract {
  min-height: 0px;
}
.interventions #intervChooser_modal .type.contract input[type=radio] {
  float: right;
}
.interventions #intervChooser_modal .type.contract .btnWrapper {
  text-align: right;
  padding-top: 5px;
  margin-top: 10px;
}
.interventions #intervChooser_modal .type.contract i {
  background-position: 1px -8px;
}
.interventions #intervChooser_modal .type.standard input[type=radio] {
  float: right;
}
.interventions #intervChooser_modal .type.standard .btnWrapper {
  text-align: right;
  padding-top: 5px;
  margin-top: 10px;
}
.interventions #intervChooser_modal .type.standard i {
  background-position: 1px -8px;
}
.interventions #intervChooser_modal .type.custom input[type=radio] {
  float: right;
}
.interventions #intervChooser_modal .type.custom .btnWrapper {
  float: right;
  margin-top: -13px;
}
.interventions #intervChooser_modal .type.custom i {
  background-position: -194px -8px;
}
.interventions #intervChooser_modal i {
  height: 100px;
  width: 120px;
  display: block;
  position: absolute;
  top: 32px;
  background-image: url('../img/intervChooserIcons.png');
  background-repeat: no-repeat;
  left: 12px;
}
.interventions #intervChooser_modal .choices {
  margin-left: 145px;
  margin-right: 10px;
  margin-top: 20px;
}
.interventions #intervChooser_modal .choice {
  border-bottom: 1px solid #F3F3F3;
  padding: 5px;
}
.interventions #intervChooser_modal .choice.noborder {
  border-bottom: 0px;
}
.interventions #intervChooser_modal .content1 {
  text-align: center;
}
.interventions #intervChooser_modal .content1 .item {
  border: 3px solid #EEE;
  height: 160px;
  display: inline-block;
  width: 160px;
  vertical-align: top;
  color: #42444b;
  position: relative;
  font-size: 1.1em;
  margin: 10px;
  text-transform: uppercase;
}
.interventions #intervChooser_modal .content1 .item:hover {
  border: 3px solid #92b634;
}
.interventions #intervChooser_modal .content1 .item.customIntervention img {
  background-position: -371px 9px;
}
.interventions #intervChooser_modal .content1 .item.standardIntervention img {
  background-position: -176px 9px;
}
.interventions #intervChooser_modal .content1 .item span {
  font-family: verb;
  font-weight: bold;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  text-align: center;
}
.interventions #intervChooser_modal .content1 .item img {
  background-image: url('../img/intervChooserIcons.png');
  background-repeat: no-repeat;
  height: 100px;
  width: 120px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -60px;
}
.interventions.interventionsList .name {
  width: 40%;
}
.interventions.interventionsList .askFor {
  float: right;
}
.interventions.interventionsList .order .name a:before {
  content: "€";
  background: #CCC;
  color: white;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 9px;
  vertical-align: top;
  margin-right: 6px;
  margin-top: 3px;
  display: inline-block;
  height: 13px;
  line-height: 13px;
}
.interventions.interventionsList .customDevis {
  float: right;
  margin-right: 10px;
  display: none;
}
.interventions.interventionsList .actions {
  text-align: right;
  float: right;
  z-index: 1;
  position: relative;
}
.interventions.interventionsList .ref {
  vertical-align: middle;
}
.interventions.interventionsList .searchOptions .help-inline {
  display: none;
}
.interventions.interventionsList .searchOptions .control-group {
  margin: 0 5px;
}
.interventions.interventionsList .searchOptions .control-group label {
  margin: 0;
}
.interventions.interventionsList .searchOptions .control-group input,
.interventions.interventionsList .searchOptions .control-group select {
  margin: 0;
}
.interventions.interventionsList .searchOptions input[type=text] {
  width: 160px;
}
.interventions.interventionsList .searchOptions input[type=checkbox] {
  margin: 0;
}
.interventions.interventionsList .searchOptions label {
  display: inline;
}
.interventions.interventionsList .searchOptions .filters,
.interventions.interventionsList .searchOptions .search {
  white-space: nowrap;
}
.interventions.interventionsList .searchOptions .filters {
  float: left;
}
.interventions.interventionsList .searchOptions .filters .control-group {
  float: left;
}
.interventions.interventionsList .searchOptions .search {
  float: right;
}
.interventions.interventionsList .searchOptions .search .control-group {
  float: left;
}
.interventions.interventionsList .searchOptions .search .searchBtn {
  float: right;
}
.interventions.interventionsList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.interventions.interventionsList table tr.private td {
  background-color: #fcfbfa;
  color: #727581;
}
.interventions.interventionsList table tr.private td.ref i {
  opacity: 0.5;
}
.interventions.interventionsList table tr.private td.status:before {
  opacity: 0.5;
}
.interventions.interventionView .main {
  position: relative;
}
.interventions.interventionView .main .billLink {
  display: none;
}
.interventions.interventionView .main > .actions {
  position: absolute;
  right: 0;
  top: 8px;
}
.interventions.interventionView .main > .actions .payLink {
  display: none;
}
.interventions.interventionView .main .actions {
  margin: 0;
  padding: 0;
  border: none;
  text-align: right;
}
.interventions.interventionView .suivis .actions {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  z-index: 1;
  position: relative;
  margin: 5px 0;
}
.interventions.interventionView .suivis .item.highlight .bubble {
  background: #fffdd0;
}
.interventions.interventionRequest .order .amountWrapper[data-amount^="0"] {
  height: 0;
  padding: 0 0px;
}
.interventions.interventionRequest .order .amountWrapper {
  padding: 10px 0;
  text-align: right;
  overflow: hidden;
  font-size: 18px;
  color: #42444b;
  margin-bottom: 6px;
  font-family: verb;
  font-weight: bold;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.interventions.interventionRequest .order .amountWrapper .oldPriceWrapper[data-oldprice="0"] {
  display: none;
}
.interventions.interventionRequest .order .amountWrapper .tva,
.interventions.interventionRequest .order .amountWrapper .ttc {
  font-size: 11px;
  line-height: 1em;
  color: #727581;
}
.interventions.interventionRequest #intervConfirm_modal .cgv {
  border-top: 1px solid #DDD;
  margin-top: 10px;
  padding-top: 5px;
}
.interventions.interventionRequest #intervConfirm_modal .cgv input {
  margin: 0 5px 0 0;
}
.interventions.interventionRequest #intervConfirm_modal .date {
  font-weight: bold;
  line-height: 45px;
}
.interventions.interventionRequest #intervConfirm_modal .etab {
  font-weight: bold;
}
.interventions.interventionRequest .requestWrapper .actions {
  border-top: 1px solid #EEE;
  padding: 5px;
  text-align: right;
}
.interventions.interventionRequest .requestWrapper .actions .customDevis {
  float: left;
}
.interventions.interventionRequest .itemsList form {
  margin: 0;
}
.interventions.interventionRequest .itemsList table {
  margin: 0;
}
.interventions.interventionRequest .itemsList table .checkBoxWrapper {
  vertical-align: middle;
}
.interventions.interventionRequest .itemsList table .checkBoxWrapper input {
  margin: 0;
}
.interventions.interventionRequest .itemsList table input {
  margin: 0 !important;
}
.interventions.interventionRequest .itemsList label {
  margin: 0;
}
.interventions.interventionRequest .itemsList .control-group {
  margin-bottom: 0px;
  padding: 5px;
  border-bottom: 1px solid #F3F3F3;
}
.interventions.interventionRequest .itemsList .itemsCategory {
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}
.interventions.interventionRequest .itemsList .itemsCategory + .itemsCategory {
  margin-top: 20px;
}
.interventions.interventionRequest .itemsList .itemsCategory.highLight {
  background: #fdfdba;
}
.interventions.interventionRequest .itemsList .itemsCategory .catLabel {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.15)),color-stop(1%,rgba(0,0,0,0.15)),color-stop(100%,rgba(0,0,0,0.3)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000',endColorstr='#4d000000',GradientType=0);
  font-weight: bold;
  font-size: 0.9em;
  padding: 3px 10px;
}
.interventions.interventionRequest .itemsList .itemsCategory .item:hover {
  background-color: rgba(0,0,0,0.1);
}
.interventions.interventionRequest .itemsList .itemsCategory .group td {
  background: #F3F3F3;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  color: #555;
}
.interventions.interventionRequest .itemsList .control-group {
  position: relative;
}
.interventions.interventionRequest .itemsList label {
  width: 80%;
  text-align: left;
  padding: 0;
}
.interventions.interventionRequest .itemsList label dfn {
  font-size: 11px;
  color: #999;
  line-height: 15px !important;
  display: block;
  margin-top: 6px;
}
.interventions.interventionRequest .itemsList .labelContainer .productName {
  line-height: 1.2em;
  display: inline-block;
  vertical-align: middle;
}
.interventions.interventionRequest .itemsList .controls {
  text-align: right;
  width: 19%;
  white-space: nowrap;
  vertical-align: middle;
  float: right;
  margin: 0;
}
.interventions.interventionRequest .itemsList .controls input {
  width: 30px;
  padding: 2px 5px;
  margin-top: -3px;
}
.interventions.interventionRequest .itemsList .item:hover {
  background-color: rgba(0,0,0,0.1);
}
.inventory.inventoryList tr.almostExpired_1.expired_0 {
  background-color: #fff2e6;
}
.inventory.inventoryList tr.expired_1 {
  opacity: 0.7;
}
.inventory.inventoryList .actions {
  text-align: right;
  float: right;
  z-index: 1;
  position: relative;
}
.inventory.inventoryList .ref {
  vertical-align: middle;
}
.inventory.inventoryList .searchOptions .help-inline {
  display: none;
}
.inventory.inventoryList .searchOptions .control-group {
  margin: 0 5px;
}
.inventory.inventoryList .searchOptions .control-group label {
  margin: 0;
}
.inventory.inventoryList .searchOptions .control-group input,
.inventory.inventoryList .searchOptions .control-group select {
  margin: 0;
}
.inventory.inventoryList .searchOptions input[type=text] {
  width: 160px;
}
.inventory.inventoryList .searchOptions input[type=checkbox] {
  margin: 0;
}
.inventory.inventoryList .searchOptions label {
  display: inline;
}
.inventory.inventoryList .searchOptions .filters,
.inventory.inventoryList .searchOptions .search {
  white-space: nowrap;
}
.inventory.inventoryList .searchOptions .filters {
  float: left;
}
.inventory.inventoryList .searchOptions .filters .control-group {
  float: left;
}
.inventory.inventoryList .searchOptions .search {
  float: right;
}
.inventory.inventoryList .searchOptions .search .control-group {
  float: left;
}
.inventory.inventoryList .searchOptions .search .searchBtn {
  float: right;
}
.inventory.inventoryList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.inventory.inventoryList table tr.private td {
  background-color: #fcfbfa;
  color: #727581;
}
.inventory.inventoryList table tr.private td.ref i {
  opacity: 0.5;
}
.inventory.inventoryList table tr.private td.status:before {
  opacity: 0.5;
}
.inventory.itemView .infos {
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  margin: 10px 0;
  padding: 20px 0;
}
.inventory.itemView .ocsinventory-full-links {
  margin-bottom: 10px;
}
.inventory.itemView .ocsinventory-full-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.inventory.itemView .ocsinventory-full-links ul a {
  color: #777;
}
.inventory.itemView .itemInfos th {
  text-align: left;
  color: #727581;
  width: 90px;
  white-space: nowrap;
  padding-right: 5px;
}
.inventory.itemView .itemInfos td {
  border-top: none !important;
}
.inventory.itemView .itemInfos .warranty .val {
  text-transform: lowercase;
}
.inventory.itemView .infosOCS .right {
  float: right;
}
.inventory.itemView .infosOCS table td {
  border-radius: 0;
  border-top: 1px solid #dddddd !important;
}
.inventory.itemView .infosOCS table tr:first-child th {
  border-radius: 0 !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  border-top-right-radius: 0px !important;
  text-decoration: none;
  background: #F3F3F3;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
  padding: 5px 15px !important;
  color: #666666;
  cursor: pointer;
}
#ticketCreate_modal #input_file {
  width: 90%;
  max-width: 90%;
}
.tickets.ticketsList .ref i,
.tickets.ticketsView .ref i {
  float: left;
  background: url(../img/sprites.png) no-repeat;
  width: 17px;
  height: 17px;
  margin-right: 1px;
}
.tickets.ticketsList .ref i.cat_bug-gif,
.tickets.ticketsView .ref i.cat_bug-gif {
  background-position: -247px 0;
  width: 16px;
  height: 16px;
}
.tickets.ticketsList .ref i.cat_default-gif,
.tickets.ticketsView .ref i.cat_default-gif {
  background-position: -197px 0;
  width: 16px;
  height: 16px;
}
.tickets.ticketsList .ref i.cat_improve-gif,
.tickets.ticketsView .ref i.cat_improve-gif {
  background-position: -147px 0;
  width: 16px;
  height: 16px;
}
.tickets.ticketsList .ref i.cat_new-gif,
.tickets.ticketsView .ref i.cat_new-gif {
  background-position: -47px 0;
  width: 16px;
  height: 16px;
}
.tickets.ticketsList .ref i.cat_support-gif,
.tickets.ticketsView .ref i.cat_support-gif {
  background-position: 0 0;
  width: 16px;
  height: 16px;
}
.tickets.ticketsList .ref i.cat_task-gif,
.tickets.ticketsView .ref i.cat_task-gif {
  background-position: -98px 0;
  width: 16px;
  height: 16px;
}
.tickets.ticketsList .actions {
  text-align: right;
  float: right;
  z-index: 1;
  position: relative;
}
.tickets.ticketsList .ref {
  vertical-align: middle;
}
.tickets.ticketsList .searchOptions .help-inline {
  display: none;
}
.tickets.ticketsList .searchOptions .control-group {
  margin: 0 5px;
}
.tickets.ticketsList .searchOptions .control-group label {
  margin: 0;
}
.tickets.ticketsList .searchOptions .control-group input,
.tickets.ticketsList .searchOptions .control-group select {
  margin: 0;
}
.tickets.ticketsList .searchOptions input {
  width: 120px;
}
.tickets.ticketsList .searchOptions .filters,
.tickets.ticketsList .searchOptions .search {
  white-space: nowrap;
}
.tickets.ticketsList .searchOptions .filters {
  float: left;
}
.tickets.ticketsList .searchOptions .filters .control-group {
  float: left;
}
.tickets.ticketsList .searchOptions .search {
  float: right;
}
.tickets.ticketsList .searchOptions .search .control-group {
  float: left;
}
.tickets.ticketsList .searchOptions .search .searchBtn {
  float: right;
}
.tickets.ticketsList .searchOptions .searchBtn {
  margin: 1px 5px 0px 5px;
}
.tickets.ticketsList table tr.private td {
  background-color: #fcfbfa;
  color: #727581;
}
.tickets.ticketsList table tr.private td.ref i {
  opacity: 0.5;
}
.tickets.ticketsList table tr.private td.status:before {
  opacity: 0.5;
}
.tickets.ticketsList table td.priority {
  width: 1px;
  padding: 0px;
  box-shadow: inset -2px 0 3px rgba(0,0,0,0.15);
  position: relative;
  overflow: visible;
}
.tickets.ticketsList table td.priority > div[rel="tooltip"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tickets.ticketsList .ticketCreate {
  display: none;
}
.tickets.ticketsView .ticketInfos .highlight {
  margin-top: 20px;
}
.tickets.ticketsView .ticketInfos .title,
.tickets.ticketsView .ticketInfos .group {
  font-family: "Verb";
  color: #5a5d66;
  font-weight: bold;
  text-transform: uppercase;
}
.tickets.ticketsView .ticketInfos .ticketTitle {
  border-bottom: 1px solid #EEE;
  border-top: 1px solid #EEE;
  padding: 10px 0;
  margin-bottom: 20px;
  position: relative;
}
.tickets.ticketsView .ticketInfos .ticketTitle .date {
  text-align: right;
  color: #777;
  position: absolute;
  top: 10px;
  right: 0;
}
.tickets.ticketsView .ticketInfos .title {
  font-size: 20px;
  color: #42444b;
}
.tickets.ticketsView .ticketInfos .group {
  font-size: 13px;
  color: #8c8f9a;
}
.tickets.ticketsView .ticketInfos .createDate,
.tickets.ticketsView .ticketInfos .modifDate {
  font-weight: bold;
}
.tickets.ticketsView .ticketInfos .priorityIndicator {
  content: " ";
  width: 10px;
  height: 10px;
  margin-right: 3px;
  display: inline-block;
  border-radius: 2em;
}
.interventions .suivis .actions,
.tickets .suivis .actions {
  float: right;
  z-index: 1;
  position: relative;
  padding: 0;
  border: 0;
  margin: 5px 0;
}
.interventions .suivis .attachedFiles,
.tickets .suivis .attachedFiles {
  border-top: 1px solid #EEE;
  margin-top: 10px;
}
.interventions .suivis .attachedFiles ul,
.tickets .suivis .attachedFiles ul {
  margin: 0;
  padding: 0;
}
.interventions .suivis .attachedFiles li,
.tickets .suivis .attachedFiles li {
  list-style-type: none;
}
.interventions .suivis .attachedFiles li a,
.tickets .suivis .attachedFiles li a {
  background: url('../img/icons/attachment.png') no-repeat center left;
  padding-left: 22px;
  font-size: 11px;
  color: #888;
}
.interventions .suivis .itemInfos,
.tickets .suivis .itemInfos {
  border-top: 1px solid #E3E3E3;
  padding-top: 3px;
  margin-top: 12px;
  color: #777;
}
.interventions .suivis .itemInfos > div,
.tickets .suivis .itemInfos > div {
  display: inline-block;
}
.interventions .suivis .itemInfos .modifDate,
.tickets .suivis .itemInfos .modifDate {
  float: right;
}
:root .css3-gaussian-blur * {
  text-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
  color: transparent !important;
  background-image: none !important;
  border-color: rgba(0,0,0,0.05) !important;
  -moz-pointer-events: none !important;
  -webkit-pointer-events: none !important;
  pointer-events: none !important;
}
:root .css3-gaussian-blur input,
:root .css3-gaussian-blur textarea,
:root .css3-gaussian-blur button,
:root .css3-gaussian-blur select {
  box-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
  border-color: rgba(0,0,0,0.05) !important;
  resize: none !important;
  opacity: .5 !important;
}
:root .css3-gaussian-blur img,
:root .css3-gaussian-blur input,
:root .css3-gaussian-blur input[type="file"],
:root .css3-gaussian-blur input[type="checkbox"],
:root .css3-gaussian-blur input[type="radio"]
:root .css3-gaussian-blur textarea,
:root .css3-gaussian-blur select {
  opacity: .2 !important;
  background: transparent none !important;
}
:root .css3-gaussian-blur fieldset {
  border-color: transparent !important;
}
.teamviewerWrapper {
  width: 270px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  :root .css3-gaussian-blur img {
    -webkit-filter: blur(15px) !important;
    filter: blur(15px) !important;
    opacity: 1 !important;
  }
}
:root .css3-gaussian-blur img {
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20) \9 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20) \9 !important;
  opacity: 1 \9 !important;
}
:root .css3-gaussian-blur * {
  color: #ccc !important \9;
}
.fileUpload {
  width: 80%;
  max-width: 230px;
  padding: 5px 0px !important;
}
.fileUpload .btn {
  margin-bottom: 10px;
  margin: -2px 0 0px 0px;
  display: inline-block;
}
.fileUpload .queuedFiles > div {
  position: relative;
  background: url('../img/icons/attachment.png') no-repeat center left;
  padding-left: 22px;
  padding-bottom: 5px;
  padding-top: 7px;
  margin: 3px 0 0 0px;
}
.fileUpload .queuedFiles > div.queued .name i {
  display: inline-block;
}
.fileUpload .queuedFiles > div .name {
  white-space: nowrap;
}
.fileUpload .queuedFiles > div .name .inner {
  display: inline-block;
  white-space: nowrap;
  max-width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fileUpload .queuedFiles > div .name i {
  display: none;
  color: #AAA;
  cursor: pointer;
  margin-left: 5px;
}
.fileUpload .progressBarPlaceHolder {
  background: #F1EFEB;
  width: 100%;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  z-index: 1;
}
.fileUpload .progressBar {
  z-index: 2;
  background: #92b634;
  width: 0;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.fileUpload .progressBar .percent {
  display: none;
  position: absolute;
  top: -15px;
  right: 0;
  font-size: 9px;
  text-align: left;
}
#linkUsers_modal td {
  vertical-align: middle;
}
#linkUsers_modal .avatar {
  height: 30px;
  width: 30px;
}
#linkUsers_modal .stretchBox {
  margin: 10px -15px;
  padding: 6px 20px;
}
#linkUsers_modal .total {
  text-align: right;
  font-weight: bold;
}
#linkUsers_modal .users {
  margin: 0 -15px;
  max-height: 400px;
  overflow: auto;
  padding: 0 15px;
}
.gaugeWrapper {
  display: block;
  width: 100%;
  position: relative;
}
.gaugeWrapper .gauge {
  background: #DDD;
  border-radius: 3px;
  position: relative;
  height: 10px;
  margin: 23px 0;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
.gaugeWrapper .gauge .bar {
  border-radius: 3px;
  background-color: #ef4123;
  height: 10px;
  width: 0%;
  min-width: 1%;
  max-width: 100%;
  -webkit-transition: width 400ms ease-out;
  -moz-transition: width 400ms ease-out;
  -ms-transition: width 400ms ease-out;
  -o-transition: width 400ms ease-out;
  transition: width 400ms ease-out;
  position: relative;
  box-shadow: inset 0px -2px 6px rgba(0,0,0,0.2);
}
.gaugeWrapper .gauge .bar[data-width="90"] .current,
.gaugeWrapper .gauge .bar[data-width="91"] .current,
.gaugeWrapper .gauge .bar[data-width="92"] .current,
.gaugeWrapper .gauge .bar[data-width="93"] .current,
.gaugeWrapper .gauge .bar[data-width="94"] .current,
.gaugeWrapper .gauge .bar[data-width="95"] .current,
.gaugeWrapper .gauge .bar[data-width="96"] .current,
.gaugeWrapper .gauge .bar[data-width="97"] .current,
.gaugeWrapper .gauge .bar[data-width="98"] .current,
.gaugeWrapper .gauge .bar[data-width="99"] .current,
.gaugeWrapper .gauge .bar[data-width="100"] .current {
  right: -3px;
}
.gaugeWrapper .gauge .bar[data-width="0"] .current,
.gaugeWrapper .gauge .bar[data-width="1"] .current,
.gaugeWrapper .gauge .bar[data-width="2"] .current,
.gaugeWrapper .gauge .bar[data-width="3"] .current,
.gaugeWrapper .gauge .bar[data-width="4"] .current,
.gaugeWrapper .gauge .bar[data-width="5"] .current,
.gaugeWrapper .gauge .bar[data-width="6"] .current,
.gaugeWrapper .gauge .bar[data-width="7"] .current,
.gaugeWrapper .gauge .bar[data-width="8"] .current,
.gaugeWrapper .gauge .bar[data-width="9"] .current,
.gaugeWrapper .gauge .bar[data-width="10"] .current {
  right: -38px;
  text-align: left;
}
.gaugeWrapper .gauge .bar .current {
  top: -20px;
  right: -20px;
  font-weight: bold;
  width: 40px;
  text-align: center;
}
.gaugeWrapper .gauge .min,
.gaugeWrapper .gauge .max,
.gaugeWrapper .gauge .current {
  font-size: 0.85em;
  position: absolute;
}
.gaugeWrapper .gauge .min {
  top: 10px;
  left: 0;
  color: #AAA;
}
.gaugeWrapper .gauge .max {
  top: 10px;
  right: 0;
  color: #AAA;
}