@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@font-face {
  font-family: 'dilo-light';
  src: url("/fonts/new-pj/dilo_45_light-webfont-c47cee.eot");
  src: url("/fonts/new-pj/dilo_45_light-webfont-c47cee.eot?#iefix") format("embedded-opentype"), url("/fonts/new-pj/Dilo-Light.otf") format("opentype"), url("/fonts/new-pj/dilo_45_light-webfont-a03aae.woff") format("woff"), url("/fonts/new-pj/dilo_45_light-webfont-135855.ttf") format("truetype"), url("/fonts/new-pj/dilo_45_light-webfont-a09cca.svg#dilo_45_light45light") format("svg");
  font-weight: none;
  font-style: none;
}
@font-face {
  font-family: 'dilo-bold';
  src: url("/fonts/new-pj/dilo_65_bold-webfont-200855.eot");
  src: url("/fonts/new-pj/dilo_65_bold-webfont-200855.eot#iefix") format("embedded-opentype"), url("/fonts/new-pj/Dilo-Bold.otf") format("opentype"), url("/fonts/new-pj/dilo_65_bold-webfont-e0b28d.woff") format("woff"), url("/fonts/new-pj/dilo_65_bold-webfont-aea407.ttf") format("truetype"), url("/fonts/new-pj/dilo_65_bold-webfont-17f8b4.svg#dilo_55_roman65bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dilo-roman';
  src: url("/fonts/new-pj/dilo_55_roman-webfont-c9c4a5.eot");
  src: url("/fonts/new-pj/dilo_55_roman-webfont-c9c4a5.eot?#iefix") format("embedded-opentype"), url("/fonts/new-pj/Dilo-Roman.otf") format("opentype"), url("/fonts/new-pj/dilo_55_roman-webfont-1b172a.woff") format("woff"), url("/fonts/new-pj/dilo_55_roman-webfont-7afeae.ttf") format("truetype"), url("/fonts/new-pj/dilo_55_roman-webfont-219e9a.svg#dilo_55_roman55roman") format("svg");
}
body {
  font-family: 'dilo-roman' !important;
  font-size: 14px !important;
}

.btn {
  font-family: "dilo-bold", Arial, Helvetica, sans-serif;
  color: #303030 !important;
  text-transform: uppercase;
  background-image: none !important;
  transition: initial !important;
  -webkit-transition: initial !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none !important;
  padding: 13px 23px !important;
  text-shadow: none !important;
  font-weight: normal !important;
  filter: none;
}

.btn.primary:focus {
  background-color: #9dd2fe !important;
  filter: none;
}

.profile.btn.primary, .logout.btn.primary {
  background: none !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn.primary {
  background-color: rgba(157, 210, 254, 0.7) !important;
}

.btn.primary:hover {
  background-color: #0060CD !important;
  filter: none;
}

.btn:hover {
  background-image: none !important;
  background-color: #0060CD !important;
  filter: none;
  color: #fff !important;
}

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'] {
  border: 1px solid #d4d4d4 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='email']:focus {
  border-color: none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.inputEx-invalid div.inputEx-label label {
  background: none;
}

.box {
  background-color: transparent !important;
  border: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.modify-rdv-link, .modify-rdv, .btn.cancel {
  display: none;
}

#view_content h2 {
  font-family: 'dilo-light', Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  margin-bottom: 30px;
  margin-top: 0;
}
#view_content #interventions #interventionsets-index {
  background-color: #f4f4f4;
}
#view_content #interventions #interventionsets-index ul {
  border: none;
}
#view_content #interventions #interventionsets-index ul li {
  border: none;
  padding: 5px 10px;
}
#view_content #interventions #interventionsets-index ul li .price {
  right: 165px;
}
#view_content #interventions #interventionsets-index ul li a.interventionset-name:hover {
  color: #0060CD !important;
  text-decoration: none !important;
}
#view_content #interventions.interventionsets-list #interventionsets-index {
  background-color: transparent;
}
#view_content #interventions.interventionsets-list #interventionsets-index li {
  background-color: transparent;
  border-bottom: 1px solid #e3e3e3;
  min-height: 40px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 290px 12px 18px;
}
#view_content #interventions.interventionsets-list #interventionsets-index li .interventionset-name {
  font-size: 16px;
  font-family: "dilo-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#view_content #interventions.interventionsets-list #interventionsets-index li .btn {
  margin-top: -20px;
}
#view_content #interventions.interventionsets-list #interventionsets-index.has-interventionsets-thumbnails li {
  padding-left: 108px;
  min-height: 80px;
}
#view_content #interventions.interventionsets-list #interventionsets-index.has-interventionsets-thumbnails li .thumbnail {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#view_content #interventions #interventions-list .no-thumbnails .intervention, #view_content #interventions #interventions-list .no-thumbnails .calendar, #view_content #calendars .no-thumbnails .intervention, #view_content #calendars .no-thumbnails .calendar {
  min-height: 40px;
}
#view_content #interventions #interventions-list li.intervention, #view_content #calendars li.intervention {
  padding-right: 290px;
}
#view_content #interventions #interventions-list li.intervention, #view_content #interventions #interventions-list li.calendar, #view_content #calendars li.intervention, #view_content #calendars li.calendar {
  background-color: transparent;
  border-bottom: 1px solid #e3e3e3;
  border-top: none !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#view_content #interventions #interventions-list li.intervention .price, #view_content #interventions #interventions-list li.calendar .price, #view_content #calendars li.intervention .price, #view_content #calendars li.calendar .price {
  right: 165px;
}
#view_content #interventions #interventions-list li.intervention .thumbnail, #view_content #interventions #interventions-list li.calendar .thumbnail, #view_content #calendars li.intervention .thumbnail, #view_content #calendars li.calendar .thumbnail {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#view_content #interventions #interventions-list li.intervention .btn, #view_content #interventions #interventions-list li.calendar .btn, #view_content #calendars li.intervention .btn, #view_content #calendars li.calendar .btn {
  margin-top: -20px;
}
#view_content #interventions #interventions-list li.intervention h4, #view_content #interventions #interventions-list li.calendar h4, #view_content #calendars li.intervention h4, #view_content #calendars li.calendar h4 {
  font-size: 16px;
  font-family: "dilo-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#view_content #interventions #interventions-list li.intervention .intervention-description, #view_content #interventions #interventions-list li.calendar .intervention-description, #view_content #calendars li.intervention .intervention-description, #view_content #calendars li.calendar .intervention-description {
  font-size: 14px !important;
}
#view_content #interventions #interventions-list li.any-calendar .thumbnail, #view_content #calendars li.any-calendar .thumbnail {
  margin-top: 0;
  padding: 0 !important;
}
#view_content #rdvSequence .rdv-preview .box {
  border: 1px solid #e3e3e3 !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#view_content #rdvSequence .rdv-preview .box a {
  color: #0060CD !important;
  text-decoration: none !important;
}
#view_content #rdvSequence .rdv-preview .box a:hover {
  text-decoration: underline !important;
}
#view_content #rdvSequence .rdv-preview .box .rdv-date {
  font-size: 16px;
  font-family: "dilo-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#view_content #rdvSequence .comments-field, #view_content #rdvSequence .comments-field:focus {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e3e3e3 !important;
}
#view_content #rdvSequence .select-fiche-view a.fiche-change {
  color: #0060CD !important;
  text-decoration: none !important;
}
#view_content #rdvSequence .select-fiche-view a.fiche-change:hover {
  text-decoration: underline !important;
}
#view_content #rdvSequence .cnil-infos {
  font-style: normal;
  color: #7a7a7a;
}
#view_content #appointmentListContainer .appointment-item {
  background-color: transparent !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #e3e3e3 !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#view_content #appointmentListContainer .appointment-item a {
  color: #0060CD !important;
  text-decoration: none !important;
}
#view_content #appointmentListContainer .appointment-item a:hover {
  text-decoration: underline !important;
}
#view_content #appointmentListContainer .appointment-item .appointment-date {
  font-size: 16px;
  font-family: "dilo-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

#rdvSelectionViewContainer h1 {
  font-family: 'dilo-light', Arial, Helvetica, sans-serif;
  margin-bottom: 30px;
}
#rdvSelectionViewContainer .yui3-menu-horizontal .yui3-menu-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: initial;
  -webkit-transition: initial;
  border: none;
}
#rdvSelectionViewContainer .yui3-menu-horizontal .yui3-menu-content a {
  color: #303030 !important;
  margin-top: -1px;
  background-color: #fff !important;
  border: 1px solid #e3e3e3;
  font-family: "dilo-bold", Arial, Helvetica, sans-serif;
  padding: 10px 18px !important;
}
#rdvSelectionViewContainer .yui3-menu-horizontal .yui3-menu-content a em {
  color: #303030 !important;
}
#rdvSelectionViewContainer .yui3-menu-horizontal .yui3-menu-content .yui3-menu-content .yui3-menuitem-active a {
  background-color: #0060CD !important;
  color: #fff !important;
}

#timeslotsContainer .yui3-availabletimeslotwidget {
  border: none;
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons {
  background-color: #f9f9f9;
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons .btn {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: bold !important;
  filter: none !important;
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons .nextDays .icon, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .prevDays .icon, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .nextDays:hover .icon, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .prevDays:hover .icon {
  background: none;
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons .nextDays .icon:after, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .prevDays .icon:after, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .nextDays:hover .icon:after, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .prevDays:hover .icon:after {
  background-image: none;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  color: #fff !important;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1.2em;
  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  position: absolute;
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons .nextDays .icon:after {
  content: '\72';
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons .prevDays .icon:after {
  content: '\6c';
  left: 20px;
}
#timeslotsContainer .yui3-availabletimeslotwidget .navButtons .nextDays .icon:after, #timeslotsContainer .yui3-availabletimeslotwidget .navButtons .prevDays .icon:after {
  color: #303030 !important;
}
#timeslotsContainer table th, #timeslotsContainer table td {
  border: none;
}
#timeslotsContainer table td a {
  color: #303030;
}
#timeslotsContainer table .yui3-calendar-day {
  color: #303030;
}
#timeslotsContainer table .even {
  background-color: transparent;
}

#profile-info a.logout {
  color: #7a7a7a !important;
  text-decoration: none !important;
}
#profile-info a.logout:hover {
  color: #0060CD !important;
  text-decoration: underline !important;
}

#profile .btn {
  min-width: 195px;
}
#profile .changeEmailViewContainer, #profile .editProfileViewContainer {
  border: none;
}

.popin:not(.mobile) .clicrdv-tabs li a span {
  padding: 0 20px 15px 20px !important;
}
.popin:not(.mobile) #profile-info {
  position: absolute;
  overflow: hidden;
  width: auto;
}
.popin:not(.mobile) #profile-info .profile-info-content {
  height: auto;
  padding: 0 !important;
}
.popin:not(.mobile) #profile-info .profile-info-content a {
  float: none !important;
  display: inline !important;
  background: none;
  text-transform: none;
  font-weight: normal !important;
  font-family: 'dilo-roman' !important;
  padding: 0 !important;
  color: #7a7a7a !important;
}
.popin:not(.mobile) #profile-info .profile-info-content a:hover {
  background-color: transparent !important;
  color: #0060CD !important;
}
.popin:not(.mobile) #profile-info .profile-info-content a:hover span.text, .popin:not(.mobile) #profile-info .profile-info-content a:hover span.account-email {
  text-decoration: underline !important;
}
.popin:not(.mobile) #rdvSelectionViewContainer .calNav .navButtons a {
  height: 34px !important;
}
.popin:not(.mobile) #rdvSelectionViewContainer .calNav .navButtons .prevDays .icon {
  position: relative;
  left: -26px;
  top: 9px;
}
.popin:not(.mobile) #rdvSelectionViewContainer .calNav .navButtons .nextDays .icon {
  position: relative;
  left: -7px;
  top: 9px;
}
.popin:not(.mobile) #rdv-confirm .rdv-confirm-buttons .btn {
  margin: 0px 0 0 152px !important;
}
.popin:not(.mobile) #rdv-confirm .rdv-confirm-buttons {
  text-align: left;
  margin: -2em 0 4em;
}

.desktop #login .login .inputEx-Form-buttonBar {
  padding: 0 0 0 137px !important;
}
.desktop #rdv-confirm .rdv-confirm-buttons .btn {
  margin: -10px 20px 0 0;
}
.desktop #rdv-confirm .rdv-confirm-buttons {
  text-align: center;
}

.desktop .clicrdv-tabs, .popin .clicrdv-tabs {
  background-color: #fff !important;
  border-bottom: 1px solid #ccc;
  margin: 0 0 2px;
  padding: 0;
  overflow: hidden;
}
.desktop .clicrdv-tabs li, .popin .clicrdv-tabs li {
  padding: 0;
  position: relative;
  display: inline;
  margin-right: -4px;
}
.desktop .clicrdv-tabs li a, .popin .clicrdv-tabs li a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent;
  filter: none;
  border-width: 0;
  color: #e3e3e3 !important;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.desktop .clicrdv-tabs li a span, .popin .clicrdv-tabs li a span {
  padding: 23px 20px;
  font-size: 12px;
  text-decoration: none !important;
  color: #888;
}
.desktop .clicrdv-tabs li.disabled, .popin .clicrdv-tabs li.disabled {
  display: none !important;
}
.desktop .clicrdv-tabs li.selected a, .popin .clicrdv-tabs li.selected a {
  background-image: none;
  border-bottom: 3px solid #303030;
  margin-bottom: -2px;
  position: relative;
}
.desktop .clicrdv-tabs li.selected a span, .popin .clicrdv-tabs li.selected a span {
  color: #303030;
}

.desktop #view_content, .popin #view_content {
  padding: 10px 0 0;
}

.desktop .login-view .login-message {
  font-weight: 100;
}

.desktop, .popin:not(.mobile) {
  background: #fff !important;
  background-image: none !important;
}
.desktop #profile-info, .popin:not(.mobile) #profile-info {
  top: 75px !important;
  right: 20px;
}
.desktop #user_content, .desktop #view_content, .popin:not(.mobile) #user_content, .popin:not(.mobile) #view_content {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.desktop #login, .popin:not(.mobile) #login {
  padding-top: 0;
}
.desktop #login .login-forms .login .inputEx-CheckBox-checkbox, .popin:not(.mobile) #login .login-forms .login .inputEx-CheckBox-checkbox {
  height: auto;
}
.desktop #login .login-forms .login .inputEx-label label, .popin:not(.mobile) #login .login-forms .login .inputEx-label label {
  padding-left: 0;
}
.desktop #login .login-forms .inputEx-Button-Submit, .popin:not(.mobile) #login .login-forms .inputEx-Button-Submit {
  width: 225px;
}
.desktop .view-forgotPassword .inputEx-Button-Submit, .popin:not(.mobile) .view-forgotPassword .inputEx-Button-Submit {
  width: 195px;
}

html {
  height: 100%;
}

/* Remove outline */
:focus, :active {
  outline: none;
}

/* But keep it on links and inputs */
input:focus, select:focus, a:focus, textarea:focus {
  outline: auto;
}

#user_logo {
  display: none;
}

.desktop #view_content,
.desktop .yui3-availabletimeslotslightwidget .minicalContainer .yui3-calendar-content,
.mobile #view_content,
.mobile .yui3-availabletimeslotslightwidget .minicalContainer .yui3-calendar-content {
  background: #fff !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.desktop .slots li .btn, .popin .slots li .btn {
  width: 45px !important;
}

.yui3-personcountpickerwidget h2 {
  margin-bottom: 10px;
}
.yui3-personcountpickerwidget td {
  padding: 0 !important;
}

.pj-step {
  font-style: normal;
  padding: 5px 12px;
  background-color: #fce800;
  border-radius: 3px;
  margin-right: 5px;
}

.yui3-calendar-content {
  border: none !important;
  box-shadow: none !important;
}
.yui3-calendar-content .yui3-calendar-day.timeslotavailable {
  background-color: #f6f6f6 !important;
  background-repeat: no-repeat;
  *zoom: 1;
  padding: 5px 14px 6px;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  color: #303030 !important;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  text-decoration: none;
  overflow: visible;
}
.yui3-calendar-content .yui3-calendar-day.timeslotavailable:hover {
  background-position: 0 -15px;
  text-decoration: none;
  background-color: #e6e6e6 !important;
  color: #000 !important;
}
.yui3-calendar-content table {
  border-spacing: 5px;
  border-collapse: separate !important;
}
.yui3-calendar-content .yui3-calendar-day,
.yui3-calendar-content .yui3-calendar-day:hover {
  background-color: #ffffff !important;
  color: #a6a6a6 !important;
  background-image: none;
  font-weight: bold !important;
  filter: none;
}
.yui3-calendar-content .yui3-calendar-prevmonth-day,
.yui3-calendar-content .yui3-calendar-nextmonth-day {
  background-color: #f6f6f6 !important;
}

.yui3-availabletimeslotslightwidget .cal {
  margin: 0 !important;
}
.yui3-availabletimeslotslightwidget .slots,
.yui3-availabletimeslotslightwidget .cal {
  margin: 0 2%;
}

f
.yui3-calendar-row td {
  border-radius: 2px;
  height: 24px;
  width: 24px;
}

.yui3-calendar-header-label,
.yui3-calendar-weekday {
  font-weight: normal !important;
}

.yui3-personcountpickerwidget .buttons .btn.active,
.yui3-calendar-day.timeslotavailable.yui3-calendar-day-selected,
.yui3-calendar-day.timeslotavailable.yui3-calendar-day-selected:focus {
  color: #fff !important;
  /* background-color: $pj-blue !important; */
  background-image: none;
  filter: none;
}

body.mobile .group-name,
body.mobile .clicrdv-tabs, body.popin .group-name,
body.popin .clicrdv-tabs {
  background-color: #fce800 !important;
  background-image: none;
  filter: none;
  text-shadow: none;
  color: #000;
}

/**
 * NEWPJ Buttons
 */
body.desktop .clicrdv-tabs li.selected a,
body.mobile .clicrdv-tabs li.selected a,
.btn.primary:hover,
.buttons .btn.active,
.buttons .btn.active:focus,
.yui3-availabletimeslotslightwidget .btn.selected,
.yui3-calendar-day.timeslotavailable.yui3-calendar-day-selected {
  background-color: #0060CD !important;
  /* Old browsers */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.primary:hover {
  background-color: #0060CD !important;
}

.btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#timeslotsContainer .waitMsg-text {
  font-size: 1.2em;
}

.yui3-calendar-day.timeslotavailable.yui3-calendar-day-selected:hover {
  color: #FFF !important;
}

.dropdown-wrapper .placeholder {
  color: #000000 !important;
}

#appointmentList .export-link {
  display: none;
}

/**
 * Desktop specific style
 */
body.desktop {
  height: auto;
  min-height: 100%;
  background: transparent url("/images/user/pages-jaunes/G715009324_cropped.jpg") center center fixed no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
body.desktop .yui3-personcountpickerwidget .buttons .btn {
  width: 30px;
  text-align: center;
}
body.desktop #content {
  position: relative;
  padding-top: 140px;
  /* Must re-override this rule for top paddding
   * Otherwise it is overrided by #content.hasLogo
   * if group has a logo
   */
}
body.desktop #content .pj-logo {
  position: absolute;
  top: -121px;
  left: 0;
  z-index: 5;
}
body.desktop #content .pj-title {
  z-index: 5;
  position: absolute;
  top: -128px;
  left: 125px;
  font-weight: normal;
  font-size: 1.7em;
}
body.desktop #content .pj-description {
  z-index: 5;
  position: absolute;
  top: -85px;
  left: 125px;
  font-weight: normal;
  font-size: 1em;
}
body.desktop .logout {
  margin: 10px;
}

.desktop .clicrdv-tabs, .popin .clicrdv-tabs {
  background-color: #fff !important;
  border-bottom: 1px solid #ccc;
  margin: 0 0 2px;
  padding: 0;
}

/**
 * Popin specific style
 */
body.popin .yui3-availabletimeslotslightwidget .minicalContainer .yui3-calendar-content,
body.popin #view_content {
  background: white;
}
body.popin .clicrdv-tabs li a, body.popin .clicrdv-tabs li a.selected {
  color: #fff !important;
}
body.popin .clicrdv-tabs li.selected a {
  background-color: #fff !important;
}
body.popin .slots li .btn {
  width: 45px !important;
}
body.popin .group-name, body.popin .clicrdv-tabs {
  background-color: #fff !important;
}
body.popin .group-name {
  text-align: center;
}

body.popin:not(.mobile) .clicrdv-tabs li a span {
  padding: 0 20px 15px 20px !important;
}

/**
 * Mobile specific style
 */
body.mobile h1.group-name {
  padding: 10px 15px 11px;
}
body.mobile .inputEx-fieldWrapper {
  margin: 20px 0 !important;
}
body.mobile .dropdown-wrapper .placeholder {
  display: none !important;
}
body.mobile .dropdown-wrapper .drop-down-menu-mobile {
  min-width: 15px !important;
  max-width: 16px !important;
  width: 15px !important;
  height: 20px !important;
  padding: 13px 41px 10px 17px !important;
}
body.mobile .gt10person {
  text-align: center;
}
body.mobile .yui3-personcountpickerwidget .buttons .btn {
  width: 49px;
  margin-left: 3px !important;
  text-align: center;
  padding: 14px 0 !important;
}
body.mobile .group-name {
  color: #000;
}
body.mobile .buttons,
body.mobile .slots {
  text-align: center;
}
body.mobile .slots h3 {
  margin-top: 10px;
}
body.mobile .minicalContainer {
  margin-left: 0 !important;
  width: 100% !important;
}
body.mobile .clicrdv-tabs li.selected a {
  color: #fff !important;
}
body.mobile .clicrdv-tabs li a {
  font-size: 12px !important;
  color: #303030 !important;
  background-color: transparent;
}
body.mobile .clicrdv-tabs li a span {
  padding: 13px 13px !important;
}
body.mobile .add-rdv .btn, body.mobile .rdv-confirm-buttons .btn {
  padding: 10px 9px !important;
  font-size: 13px !important;
}
body.mobile .group-name, body.mobile .clicrdv-tabs {
  background-color: #fff !important;
}