@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url(../font_agenda/SourceSansPro-ExtraLightItalic.woff2) format('woff2'), url(../font_agenda/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(../font_agenda/SourceSansPro-LightItalic.woff2) format('woff2'), url(../font_agenda/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../font_agenda/SourceSansPro-ExtraLight.woff2) format('woff2'), url(../font_agenda/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../font_agenda/SourceSansPro-Light.woff2) format('woff2'), url(../font_agenda/SourceSansPro-Light.svg#SourceSansPro-Light) format('svg');
}


@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../font_agenda/SourceSansPro-Regular.woff2) format('woff2'), url(../font_agenda/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Regular Italic'), local('SourceSansPro-Italic'), url(../font_agenda/SourceSansPro-Italic.woff2) format('woff2'), url(../font_agenda/SourceSansPro-Italic.svg#SourceSansPro-Italic) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../font_agenda/SourceSansPro-Bold.woff2) format('woff2'), url(../font_agenda/SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(../font_agenda/SourceSansPro-BoldItalic.woff2) format('woff2'), url(../font_agenda/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic) format('svg');
}


@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(../font_agenda/RobotoCondensed-LightItalic.woff2) format('woff2'), url(../font_agenda/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../font_agenda/RobotoCondensed-Italic.woff2) format('woff2'), url(../font_agenda/RobotoCondensed-Italic.svg#RobotoCondensed-Italic) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../font_agenda/RobotoCondensed-BoldItalic.woff2) format('woff2'), url(../font_agenda/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../font_agenda/RobotoCondensed-Light.woff2) format('woff2'), url(../font_agenda/RobotoCondensed-Light.svg#RobotoCondensed-Light) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(../font_agenda/RobotoCondensed-Regular.woff2) format('woff2'), url(../font_agenda/RobotoCondensed-Regular.svg#RobotoCondensed-Regular) format('svg');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../font_agenda/RobotoCondensed-Bold.woff2) format('woff2'), url(../font_agenda/RobotoCondensed-Bold.svg#RobotoCondensed-Bold) format('svg');
}



*{
	box-sizing:border-box;
}

html {
	margin:0; padding:0;
	width:100%;
	/*height:100%;*/
}

body {
    font-size: 100%; /* HELP to keep font-size indentical on all browser iOS and android ! */
}


body {
	margin:0; padding:0;
	font-size: 16px;
	line-height: 18px;
	color : black;
	width:100%;
	/*height:100%;*/
	font-family: 'Source Sans Pro', sans-serif;
  background: #ffffff;
}
h1,h2,h3 {margin:0;line-height: normal;}
h1 { margin-bottom:7px;}

form {margin:0; padding:0;}

label, input, textarea, select, button { 
  font-family: 'Source Sans Pro', sans-serif; font-size:18px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input[type="checkbox"],input[type="radio"] {
    -webkit-appearance:normal;
    -moz-appearance:normal;
    appearance:normal;  
}

input:focus, select:focus         { outline:none; }

label {
  font-size: 12px;
  color: #333;
  text-transform: uppercase;
  width: 100%;
  float: left;
  line-height: 28px;
}

select, input, textarea {
  border:0;
  border: 1px solid #e5e5e5;
  font-style: italic;
  width: 100%;
  padding: 6px;
  float: right;
  background-color: #ffffff;
}

select {
  padding-right: 20px;
  background-image: url(../img_agenda/bottom.png);
  background-position: right 50%;
  background-repeat: no-repeat;
}

#member_birth_y { width:28%; }
#member_birth_m { width:48%; margin-right:2%; }
#member_birth_d { width:20%; margin-right:2%; }

.input_row {
    /*border-bottom: 1px solid #eeeeee;*/
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* START --- SPECIFIK CLASS FOR checkbox style */

/* Cachons la case à cocher */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  /*left: -9999px;*/
  visibility: hidden;
}
 
/* on prépare le label */
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  /* padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

input[type="checkbox"].align_left:not(:checked) + label.align_left,
input[type="checkbox"].align_left:checked + label.align_left {
  padding-left: 30px;
  box-sizing: border-box;
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {

  content: '';
  position: absolute;
  right:0; top: 3px;
  width: 20px; height: 20px; /* dim. de la case */
  border: 1px solid #aaa;
  /*background: #f8f8f8;*/
  border-radius: 3px; /* angles arrondis */
  /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3); /* légère ombre interne */

  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

}

input[type="checkbox"].align_left:not(:checked) + label.align_left:before,
input[type="checkbox"].align_left:checked + label.align_left:before {
   left:0;
}
 
/* Aspect général de la coche */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 8px;
  height: 4px;
  background: transparent;
  top:9px;
  right: 5px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect général de la coche */
input[type="checkbox"].align_left:not(:checked) + label.align_left:after,
input[type="checkbox"].align_left:checked + label.align_left:after {
  left: 5px;
}


/* Aspect si "pas cochée" */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  /*transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
input[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  /*transform: scale(1); /* mise à l'échelle 1:1 */
}

/*- --- -*/

/* aspect désactivée */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
  opacity: 0.5;
}
/* styles de la coche (si cochée/désactivée) */
input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
  opacity: 0.5;
}
/* on style aussi le label quand désactivé */
input[type="checkbox"]:disabled + label {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  /*border: 1px dotted blue;*/
}

/* END --- SPECIFIK CLASS FOR checkbox style */
#show_menu { 
width: 38px;
height: 38px;
display: inline-block;
background: #fff url(../img_agenda/menu.svg) no-repeat center;
background-size: 23px;
vertical-align: middle;
border-radius: 30px;
margin-left: 10px;
 }

#menu_app_modal {
    width: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}
 #menu_app {
    width: 280px;
    background: #ffffff;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    overflow-x: hidden;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}
.menu_app_hidden {
  width: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.menu_app_link {
  width: 250px;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  text-decoration: none;
  color: #333333;
}
.menu_app_link span {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin-right: 10px;
  background-color: #eeeeee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  border-radius: 30px;

}
.menu_app_link_close {
  width: 250px;
  display: block;
  /*adding-top: 20px;*/
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  text-decoration: none;
  color: #333333;
  text-align: right;
}
.menu_app_link_close span {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin-left: 10px;
  background-color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  border-radius: 30px;

}


.clear {clear:both;}
img {border:0;}

.agenda_title {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom:30px;
}

.agenda_modal{
  display:none;
  position:fixed;
  z-index:998;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.6);
  animation: fadein 0.2s linear forwards;
}

.agenda_modal_loading {
  display:none;
  background: #ffffff;
  color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;
  width:60px;
  z-index:999;
  background-image: url(../img_agenda/loader_2019.svg);
  background-position: center;
  background-size: 30px;
  background-repeat: no-repeat;
  width:50px;
  height:50px;
}

.agenda_top_barr {
  width: auto;
  right: 10px;
  top: 10px;
  padding: 6px;
  padding-left: 20px;
  /* padding-right: 20px; */
  border-radius: 60px;
  position: fixed;
  z-index: 102;
  background-color: rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  
}

.agenda_top_barr_not_connected {  
  background-image: url(../img_agenda/logo192x192.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}

.agenda_top_barr_not_connected #show_menu {display: none;}

.agenda_navigation {
	width:100%;
	/*height:100%;
	pointer-events: none;
	
	top:0;left:0;right:0;bottom:0;*/
	text-align: center;
  padding-bottom:15px;
	z-index:101;

  position:fixed;
  top:0;left:0;right:0;
  padding-top:80px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
      -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
}
.agenda_navigation_tab {
	display:inline-block;
	width:120px;
	min-height:40px;
	text-align: center;
	pointer-events: auto;
	/*background:#ffffff;*/
	text-decoration: none;
	position:relative;
}
.agenda_navigation_line{
	position:absolute;
	width:100%; height:21px; border-bottom:1px dashed #666666;
	left:50%;
}
.agenda_navigation_line_done {
	border-bottom:1px solid #a0c64c;
}
.agenda_navigation_tab_round {
	display:block;
	width:40px; height:40px; line-height:37px;
	margin:0 auto;
	background:#eeeeee;
	border:1px  dashed #666666;
	border-radius:40px;
	color:#666666;
	position:relative;
}
.agenda_navigation_tab_label {
	display:block;
	width:120px;
	color:#666666;
	margin-top:10px;
	font-weight:bold;
}


.agenda_navigation_tab_done .agenda_navigation_tab_round {
	background:#a0c64c;
	border:1px solid #a0c64c;
	color:#ffffff;
}
.agenda_navigation_tab_done .agenda_navigation_line {
  border-bottom:1px solid #a0c64c;
}
.agenda_navigation_tab_done .agenda_navigation_tab_label {
	color:#a0c64c;
}
.agenda_navigation_tab_active .agenda_navigation_tab_round {
	background:#b28968;
	border:1px solid #b28968;
	color:#ffffff;
}
.agenda_navigation_tab_active .agenda_navigation_tab_label {
	color:#b28968;
}

.agenda_page_container {
  width:100%; /*height:100%;*/ overflow-x: hidden;
  margin-top:180px;
}
.agenda_all_pages {width:400%;
  display: flex;
}
.agenda_page {
	/*width:25%;
	float:left;*/
  flex: 1;
  width:25%;
	/*height:100%;*/
}
.agenda_page_content {
	position:relative;
	width:calc(100% - 20px); 
	/*height:calc(100% - 20px); */
	/*margin-top:10px; */
	margin-left:10px; 
	/*background: rgba(255,255,255,0.5);*/
    padding: 20px;
}

.agenda_login_create_box {
    /*position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
    margin: 0 auto;
    width:480px;
}

.b2b_or_b2c_already_in_ico_container {
  width:50%;
  float:left;
}

.b2b_or_b2c_already_in_ico {
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 80px;
    height: 80px;
    background: #ffffff url(../img_agenda/b2b_b2c_already_account_red.svg) no-repeat center;
    background-size: 58px;
    cursor:pointer;
    margin: 0 auto;
}

.b2b_or_b2c_newbie_ico {
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 80px;
    height: 80px;
    background: #ffffff url(../img_agenda/b2b_b2c_new_account_red.svg) no-repeat center;
    background-size: 58px;
    cursor:pointer;
    margin: 0 auto;
}

.connexion_or_create_label {
    width: 100%;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    margin-top:20px;
    cursor:pointer;

    width: 90%;
    background: rgba(255,255,255,0.4);
}

.agenda_login {
  display:none;
  background: #ffffff;
  color: white;
  /*position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);*/
  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;
  width:280px;
  margin:0 auto;
}

.agenda_create_account, .password_rescue, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
  background: #ffffff;
  width:600px;
  display:none;
  /*position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);*/
  margin:0 auto;

  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;

  margin-bottom:20px

}

.password_rescue {
  width:600px;
  display:block;
  background: #ffffff;
  text-align: left;
  position:relative; margin-top:150px;
 }

.agenda_show_location{
  width:820px;
  display:block;
  background: #ffffff;
  text-align: center;
}

.agenda_show_type_presta {
  width:820px;
  display:block;
  background: #ffffff;
  text-align: center;
}

.agenda_planning_presta {
  width:820px;
  display:block;
  background: #ffffff;
  text-align: center; 
}

.agenda_planning_presta_control {
  width:820px;
  background: #ffffff;
  text-align: center; 
}

.agenda_planning_presta_control_col_A { float:left;  width:25%; }
.agenda_planning_presta_control_col_B { float:left;  width:25%; }
.agenda_planning_presta_control_col_C { float:left;  width:25%; }
.agenda_planning_presta_control_col_D { float:left;  width:25%; }

.agenda_planning_presta_control_col_E {width:70%; margin: 0 auto;}

.agenda_create_account_col_left{
  float:left; 
  width:50%;
  border-right: 1px solid #cccccc; 
  padding-right: 20px;
}
.agenda_create_account_col_right{
  float:right; 
  width:calc(50% - 20px);
}

.agenda_show_location_col_left {
  float:left; 
  width:35%;
  border-right: 1px solid #cccccc; 
  padding-right: 20px;
  text-align:left;
  /*max-height: 300px;*/
  /*overflow-y: hidden; */
  margin-top:20px;
}
.agenda_show_location_col_right {
  float:right; 
  width:calc(65% - 20px);
  text-align:left;
  /*max-height: 300px;*/
 /* overflow-y: auto; */
  margin-top:20px;
}

.agenda_location_item { 
  margin-top:20px;
  width:140px;
  display:inline-block;
  margin-bottom:20px;
  cursor:pointer;
  vertical-align: top;
}
.agenda_location_item_pic, .agenda_location_item_pic_off {
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 80px;
    height: 80px;
    background: #ffffff url(../img_agenda/logo192x192.png) no-repeat center;
    background-size: 58px;
    margin:0 auto;
}
.agenda_location_item_label, .agenda_location_item_label_off {
    width:100%; margin-top:10px; margin-bottom:10px;
}

.agenda_location_item_active .agenda_location_item_pic{
  border: 1px solid #b28968;
}
.agenda_location_item_active .agenda_location_item_label{
  color: #b28968;
}

#clinique_1, #clinique_2, #clinique_3, #clinique_4, #clinique_5, #clinique_6,#clinique_7, #clinique_8 {
display:none;
}



.agenda_show_type_presta_item {
  margin-top:20px;
  width:140px;
  display:inline-block;
  margin-bottom:20px;
  cursor:pointer;
  vertical-align: top;
}
.agenda_show_type_presta_pic {
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 80px;
    height: 80px;
    
    background-size: 58px;
    margin:0 auto;
}
.pic_yes {background: #ffffff url(../img_agenda/yes.svg) no-repeat center;     background-size: 50%; }
.pic_no {background: #ffffff url(../img_agenda/no.svg) no-repeat center;     background-size: 50%; }
.pic_diet {background: #ffffff url(../img_agenda/pic_diet.svg) no-repeat center bottom;     background-size: 87%; }
.pic_doc {background: #ffffff url(../img_agenda/pic_doc.svg) no-repeat center bottom;     background-size: 90%; }

.pic_consult {background: #ffffff url(../img_agenda/pic_doc.svg) no-repeat center bottom;     background-size: 90%; }
.pic_soin {background: #ffffff url(../img_agenda/pic_soin.svg) no-repeat center bottom;     background-size: 90%; }
.pic_sport {background: #ffffff url(../img_agenda/pic_sport.svg) no-repeat center bottom;     background-size: 90%; }
.pic_chef {background: #ffffff url(../img_agenda/pic_chef.png) no-repeat center bottom;     background-size: 90%; }
.pic_renforcement {background: #ffffff url(../img_agenda/pic_renforcement.png) no-repeat center bottom;     background-size: 90%; }
.pic_hypnose {background: #ffffff url(../img_agenda/hypnose.png) no-repeat center bottom;     background-size: 90%; }

.pic_infraslim { background: #ffffff url(../img_agenda/pic_infraslim.jpg) no-repeat center bottom;     background-size: cover; }
.pic_wonder { background: #ffffff url(../img_agenda/pic_wonder.jpg) no-repeat center bottom;     background-size: cover; }
.pic_aquabike { background: #ffffff url(../img_agenda/pic_aquabike.jpg) no-repeat center bottom;     background-size: cover; }

.pic_one {background: #ffffff url(../img_agenda/one.svg) no-repeat center center;     background-size: 90%; }
.pic_two {background: #ffffff url(../img_agenda/two.svg) no-repeat center center;     background-size: 90%; }
.pic_three {background: #ffffff url(../img_agenda/three.svg) no-repeat center center;     background-size: 90%; }

.visageetcou { background: #ffffff url(../upload_mini/photo_14_menu_36.jpg) no-repeat center center; background-size: cover; }
.lifting { background: #ffffff url(../upload_mini/photo_46_menu_80.jpg) no-repeat center center; background-size: cover; }
.cervicofacial { background: #ffffff url(../upload_mini/photo_47_menu_80.jpg) no-repeat center center; background-size: cover; }
.temporal { background: #ffffff url(../upload_mini/photo_16_menu_28.jpg) no-repeat center center; background-size: cover; }
.lipofilling { background: #ffffff url(../upload_mini/photo_17_menu_44.jpg) no-repeat center center; background-size: cover; }
.rhinoplastie { background: #ffffff url(../upload_mini/photo_15_menu_23.jpg) no-repeat center center; background-size: cover; }
.paupieres { background: #ffffff url(../upload_mini/photo_18_menu_46.jpg) no-repeat center center; background-size: cover; }
.oreilles { background: #ffffff url(../upload_mini/photo_22_menu_39.jpg) no-repeat center center; background-size: cover; }
.liftinglevresup  { background: #ffffff url(../upload_mini/photo_73_menu_123.jpg) no-repeat center center; background-size: cover; }

.seins { background: #ffffff url(../upload_mini/photo_28_menu_48.jpg) no-repeat center center; background-size: cover; }
.augmentationmammaire { background: #ffffff url(../upload_mini/photo_20_menu_55.jpg) no-repeat center center; background-size: cover; }
.reductionmammaire { background: #ffffff url(../upload_mini/photo_25_menu_109.jpg) no-repeat center center; background-size: cover; }
.reconstructionmammaire { background: #ffffff url(../upload_mini/photo_27_menu_110.jpg) no-repeat center center; background-size: cover; }
.seinsautre { background: #ffffff url(../upload_mini/photo_23_menu_50.jpg) no-repeat center center; background-size: cover; }

.medecineesthetique { background: #ffffff url(../upload_mini/photo_45_menu_112.jpg) no-repeat center center; background-size: cover; }
.toxinebotulique { background: #ffffff url(../upload_mini/photo_52_menu_113.jpg) no-repeat center center; background-size: cover; }
.comblements { background: #ffffff url(../upload_mini/photo_43_menu_114.jpg) no-repeat center center; background-size: cover; }
.laser { background: #ffffff url(../upload_mini/photo_44_menu_115.jpg) no-repeat center center; background-size: cover; }

.dermato { background: #ffffff url(../upload_mini/photo_51_menu_117.jpg) no-repeat center center; background-size: cover; }
.tumeur { background: #ffffff url(../upload_mini/photo_50_menu_118.jpg) no-repeat center center; background-size: cover; }
.xanthelma { background: #ffffff url(../upload_mini/photo_49_menu_119.jpg) no-repeat center center; background-size: cover; }
.postop { background: #ffffff url(../upload_mini/photo_69_menu_122.jpg) no-repeat center center; background-size: cover; }

.pectusescavatum {background: #ffffff url(../upload_mini/photo_23_menu_50.jpg) no-repeat center center; background-size: cover;}
.gynecomasties {background: #ffffff url(../upload_mini/photo_54_menu_15.jpg) no-repeat center center; background-size: cover;}
.bouledebichat {background: #ffffff url(../upload_mini/photo_66_menu_120.jpg) no-repeat center center; background-size: cover;}
.nymphoplastie {background: #ffffff url(../upload_mini/photo_67_menu_121.jpg) no-repeat center center; background-size: cover;}


.agenda_show_type_presta_label {
    width:100%; margin-top:10px; margin-bottom:10px;
}

.agenda_show_type_presta_item_active .agenda_show_type_presta_pic{
  border: 1px solid #b28968;
}
.agenda_show_type_presta_item_active .agenda_show_type_presta_label{
  color: #b28968;
}

.agenda_planning_row { margin-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #cccccc; }
.agenda_planning_row:first-child { margin-top:20px;}

.agenda_planning_presta .agenda_planning_row:last-child { border:0; margin:0; padding:0;}
.agenda_planning_day { width:80px; height:58px; background:#ffffff; border:1px solid #666666; float:left; border-radius: 6px; }
.agenda_planning_day_label {display:block; text-align:center; font-size:12px;  background:#666666; color:#ffffff;}
.agenda_planning_day_num { display:block; text-align:center; font-weight: bold; font-size:22px; }
.agenda_planning_day_month { display:block; text-align:center; font-size:12px; }

#agenda_planning_day_big.agenda_planning_day { display:inline-block; height:80px; float:none;}
#agenda_planning_day_big .agenda_planning_day_label { padding-top:5px; padding-bottom:5px;}
#agenda_planning_day_big .agenda_planning_day_num { font-size:32px; margin-top:7px;}
#agenda_planning_day_big .agenda_planning_day_month { margin-top:3px;}

.agenda_control_time { display:inline-block; width:80px; height:80px; line-height: 80px;font-size:22px; background:#ffffff; border:1px solid #666666; border-radius: 6px; }

.agenda_planning_creneaux {width:calc(100% - 90px); float:right; padding-top: 9px; text-align: left}
.agenda_planning_creneau {
  color:#ffffff; 
  font-weight:bold;
  width:auto; 
  min-width:40px; 
  text-align:center; 
  line-height: 40px; 
  text-decoration: none; border:0; box-sizing: border-box; 
  margin-right:2px; 
  margin-bottom:2px; 
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; 
  font-size:12px;
  float:left;
  background: #b28968;
  color:#ffffff;
  cursor:pointer;
}

.agenda_connexion_done{
  background: #ffffff;
  width:280px;
  display:none;
  /*position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);*/
  margin: 0 auto;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: 1px solid #cccccc;
  text-align: center;
}

.b2c_indic,
.vip_indic { padding:3px; padding-left:6px; padding-right:6px; display:inline-block; background-color:#a0c64c; color:#ffffff; line-height: normal; border-radius: 4px; font-family: 'Roboto Condensed', sans-serif; font-size:13px;  letter-spacing: 1.3px;}
.b2c_indic { background-color: #b28968 }

.global_menu_ico_home { float: none; display:block; width: 100%; height:90px; background-repeat:no-repeat; background-position: top center;  background-size: 80px; margin-top:20px;}

.global_menu_ico_home { background-image: url(../img_agenda/logo-institut-du-poids-round.png); }
.profile_woman_0_20 { background-image: url(../img_agenda/avatar/woman_0_20.svg); }
.profile_woman_0_20_b { background-image: url(../img_agenda/avatar/woman_0_20_b.svg); }
.profile_man_0_20 { background-image: url(../img_agenda/avatar/man_0_20.svg); }
.profile_man_0_20_b { background-image: url(../img_agenda/avatar/man_0_20_b.svg); }
.profile_woman_20_40 { background-image: url(../img_agenda/avatar/woman_20_40.svg); }
.profile_woman_20_40_b { background-image: url(../img_agenda/avatar/woman_20_40_b.svg); }
.profile_man_20_40 { background-image: url(../img_agenda/avatar/man_20_40.svg); }
.profile_man_20_40_b { background-image: url(../img_agenda/avatar/man_20_40_b.svg); }
.profile_woman_40_60 { background-image: url(../img_agenda/avatar/woman_40_60.svg); }
.profile_woman_40_60_b { background-image: url(../img_agenda/avatar/woman_40_60_b.svg); }
.profile_man_40_60 { background-image: url(../img_agenda/avatar/man_40_60.svg); }
.profile_man_40_60_b { background-image: url(../img_agenda/avatar/man_40_60_b.svg); }
.profile_animal_a { background-image: url(../img_agenda/avatar/animal_a.svg); }
.profile_animal_b { background-image: url(../img_agenda/avatar/animal_b.svg); }
.profile_animal_c { background-image: url(../img_agenda/avatar/animal_c.svg); }
.profile_animal_d { background-image: url(../img_agenda/avatar/animal_d.svg); }
.profile_animal_e { background-image: url(../img_agenda/avatar/animal_e.svg); }
.profile_animal_f { background-image: url(../img_agenda/avatar/animal_f.svg); }
.profile_animal_g { background-image: url(../img_agenda/avatar/animal_g.svg); }
.profile_animal_h { background-image: url(../img_agenda/avatar/animal_h.svg); }

/* ----- avatar -- */

.avatar_container{border: 2px solid #eeeeee; width:62px; height:62px; display:inline-block; margin:3px; background-color: #eeeeee; border-radius:6px; background-position: center; background-repeat: no-repeat; background-size: 80% }
.avatar_container_selected {border: 2px solid #35b2c3;}

#co_res, #co_res_NEW_ACC, #co_res_tank, #co_res_tank_in_devis, #co_res_inv_add, #co_res_inv_add_in_devis, #co_res_invoice, #co_res_for_groupe {
  width: 100%;
  height: 120px;
  background: #ffffff;
  position: absolute;
  z-index: 100;
  padding: 10px;
  border:1px solid #cccccc;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  display:none;
  overflow-y : scroll;
}

.co_res_line {
  padding:7px; border-bottom: 1px solid #cccccc;
  display: block; text-decoration: none; color: #000000; text-align: left;

}
.co_res_line:hover {
  background: #b28968; color:#ffffff;
}


.agenda_planning_creneaux_nowrap {
   white-space: nowrap;
}
.creneau_owner_braket {
  white-space: normal;
  width:0; overflow:hidden;
  font-size: 0;
}

.warpper_start { 
  border-radius: 0 !important;
  border-top-left-radius: 40px !important;
  border-bottom-left-radius: 40px !important; 
  white-space: nowrap;
}
.warpper_middle { 
  border-radius: 0 !important;
  margin-left:-3px;
}
.warpper_end { 
  border-radius: 0 !important;
  border-top-right-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
  margin-left:-3px;
  white-space: nowrap;
}

.select_this_time_bloc_selected {
  background-color: #000000 !important;
}

/* ----------------------------------------- LOGIN BOX ------------------------------------------- */

.group            { 
    position:relative; 
    margin-top:45px; 
}

.group:first-child,.group_no_top_margin {
    margin-top:25px; 
}

#login_box input {
  font-style:normal;        
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  float:none;
  border:none;
  border-radius:0;
  background:#ffffff;
  border-bottom:1px solid #666666;
}
#login_box input:focus         { outline:none; }

/* LABEL ======================================= */
#login_box label                {
  color:#999;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  width:100%;
  line-height: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  background:#ffffff;
  float:none;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
#login_box input:focus ~  label {
  top:-20px;
  font-size:12px;
  color:#b28968;
}

#login_box input:valid ~ label {
  top:-20px;
  font-size:12px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar    { position:relative; display:block; width:100%; }
.bar:before, .bar:after     {
  content:'';
  height:2px; 
  width:0;
  bottom:0px; 
  position:absolute;
  background:#b28968; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
#login_box input:focus ~ .bar:before, #login_box input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0;
}

/* active state */
#login_box input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#b28968; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#b28968; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#b28968; }
  to    { width:0; background:transparent; }
}

/* PREVENT CHROMe ADDING COLOR ON AUTOFILL */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.connexion_btn {
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-color: #b28968;
    border: 1px solid #b28968;
	margin-top: 20px ;
    width: auto ;
    float: right ;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    padding: 20px ;
    padding-top: 14px ;
    padding-bottom: 14px ;
    padding-left: 46px ;
    background-image: url(../img_agenda/connexion_btn.svg);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 26px;
}

.saved_btn {
   background-image: url(../img_agenda/saved.svg);
}

.delete_rdv {
   background-color: #d35072; border-color: #d35072;
   background-image: url(../img_agenda/empty_trash.svg);
}
.anam_rdv {
  background-image: url(../img_agenda/anam.svg);
  position:relative;
}

.check_ico_anam {
  width:20px;
  height:20px;
  background-color:#a0c64c;
  display:block;
  position:absolute;
  top:-6px; right:-6px;
  border-radius:20px;

    background-image: url(../img_agenda/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border:2px solid #ffffff;

    box-sizing:content-box;
}

.connexion_btn_back {
    border: 1px solid #b28968;
	margin-top: 20px ;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
	margin-top: 20px ;
    width: auto ;
    float: left ;
    padding: 20px ;
    padding-top: 14px ;
    padding-bottom: 14px ;
    background-color: #ffffff ;
    background-image: url(../img_agenda/connexion_btn_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    color:#ffffff;
    text-decoration: none;
    overflow: hidden;

    width: 46px;
    white-space: nowrap;
    text-indent: 20px;

}



#filter_diet {
  background-image: url(../img_agenda/bottom.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  padding-right: 20px !important;
  cursor:pointer;
}

#filter_diet_options{
  display:none; background: #ffffff; text-align:left; width:100%; border:1px solid #cccccc; position:absolute; top:35px;
}

.filter_diet_option {
  display:block; padding:5px; border-bottom:1px solid #cccccc; cursor:pointer;
}

#filter_diet_options_boulettes {line-height: normal; width:auto;float:left; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; padding: 6px; font-size: 18px; padding-left: 0px; padding-right: 0px; border-bottom: 0px solid #e5e5e5; font-style: italic;}
#filter_diet_options_select_container { float:left; width:80%; position:relative;margin-bottom:0px; }

.filter_diet_option span, #filter_diet_indicator span, #filter_diet_options_boulettes span { display:inline-block; width:10px; height:10px; border-radius:10px; margin-right:5px;}
.filter_diet_option:hover {
  background:#eeeeee;
}

.next_previous_week_container { float:right}
.next_week_container { float:right;text-align:right;margin-left:10px; }
.previous_week_container { float:left;text-align:left }

.next_week {
    background-color: #b28968;
    border: 1px solid #b28968;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    width: auto ;
    display:inline-block;
    padding: 20px ;
    padding-right:40px;
    padding-top: 14px ;
    padding-bottom: 14px ;
    background-image: url(../img_agenda/angle-right_white.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 26px;
    text-decoration: none;
    color:#ffffff;
    text-decoration: none;
    margin-top:20px;
}

.previous_week {
    background-color: #b28968;
    border: 1px solid #b28968;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
    width: auto ;
    display:inline-block;
    padding: 20px ;
    padding-left:40px;
    padding-top: 14px ;
    padding-bottom: 14px ;
    background-image: url(../img_agenda/angle-left_white.svg);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 26px;
    text-decoration: none;
    color:#ffffff;
    text-decoration: none;
    margin-top:20px;
}


/* ---------------------- AGENDA --------------------------- */

/*.booking_disable_copy_rdv { opacity: 0.2; }

.booking_bloc {height:40px; box-sizing:border-box; float:left; background:#cccccc;width:5.88%; border-right:2px solid #ffffff;}
.select_this_time_bloc {background:#0cddcc;}
.select_this_time_bloc:hover {background:#07aea0;}
.select_this_time_bloc_selected {
  border: 2px solid #000000 !important;
  line-height: 36px !important;
}
.booking_bloc_clinique_off {background:#eeeeee;}
.booking_bloc_clinique_off:hover {background:#eeeeee;}

.booking_sub_bloc {height:40px; box-sizing:border-box; float:left; border-right:2px solid #ffffff;background:#cccccc;}
.select_this_time_sub_bloc {background:#0cddcc;}
.select_this_time_sub_bloc:hover {background:#07aea0;}
.select_this_time_sub_bloc_selected {background:#07aea0;}*/

/*.CCE_snow_flake_itself {display:block; width:100%; height:18px;background: url(../img_agenda/snowflake-shape.svg) center no-repeat; background-size: 16px}*/
.rdv_type_consult {display:block; width:100%; height:16px;background: #0791d1 url(../img_agenda/rdv_type_consult.svg) center no-repeat; background-size: contain}
.rdv_type_minceur {display:block; width:100%; height:16px;background: #c72f7a url(../img_agenda/rdv_type_minceur.svg) center no-repeat; background-size: contain}
.rdv_type_trio {display:block; width:100%; height:16px;background: #65980b url(../img_agenda/rdv_type_trio.svg) center no-repeat; background-size: contain}
.rdv_type_autre {display:block; width:100%; height:16px;background: #9e42f4 url(../img_agenda/question_mark.svg) center no-repeat; background-size: contain}

.rdv_type_sport_miha { display:block; width:100%; height:16px;background:  #ff0000 url(../img_agenda/miha.svg) center  no-repeat; background-size: contain}
.rdv_type_sport_ems { display:block; width:100%; height:16px;background:  #f53d05 url(../img_agenda/ems.svg) center  no-repeat; background-size: contain}
.rdv_type_sport_yoga { display:block; width:100%; height:16px;background:  #087200 url(../img_agenda/yoga.svg) center  no-repeat; background-size: contain}
.rdv_type_sport_boxe_coll { display:block; width:100%; height:16px;background:  #0000ff url(../img_agenda/boxe_coll.svg) center  no-repeat; background-size: contain}
.rdv_type_sport_pt_fitness { display:block; width:100%; height:16px;background:  #996600 url(../img_agenda/pt_fitness.svg) center  no-repeat; background-size: contain }
.rdv_type_sport_pt_boxe { display:block; width:100%; height:16px;background:  #cc9900 url(../img_agenda/pt_boxe.svg) center  no-repeat; background-size: contain }
.rdv_type_sport_bilan { display:block; width:100%; height:16px;background:  #660000 url(../img_agenda/bilan.svg) center  no-repeat; background-size: contain }
.rdv_type_sport_bilan_fitness { display:block; width:100%; height:16px;background:  #fb1757 url(../img_agenda/bilan_fitness.svg) center  no-repeat; background-size: contain }
.rdv_type_sport_hur_abdos { display:block; width:100%; height:16px;background:  #330fa6 url(../img_agenda/hur_abdos.svg) center  no-repeat; background-size: contain }


.rdv_type_consult_big {float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #0791d1 url(../img_agenda/rdv_type_consult.svg) 50% 20%  no-repeat; background-size: 24px}
.rdv_type_minceur_big {float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #c72f7a url(../img_agenda/rdv_type_minceur.svg)  50% 20%  no-repeat; background-size: 24px}
.rdv_type_trio_big {float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #65980b url(../img_agenda/rdv_type_trio.svg)  50% 20% no-repeat; background-size: 24px}
.rdv_type_autre_big {float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #9e42f4 url(../img_agenda/question_mark.svg)  50% 20% no-repeat; background-size: 24px}

.rdv_type_sport_miha_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #ff0000 url(../img_agenda/miha.svg) 50% 20%  no-repeat; background-size: 26px }
.rdv_type_sport_ems_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #f53d05 url(../img_agenda/ems.svg) 50% 20%  no-repeat; background-size: 26px }
.rdv_type_sport_yoga_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #087200 url(../img_agenda/yoga.svg) 50% 20%  no-repeat; background-size: 26px }
.rdv_type_sport_boxe_coll_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #0000ff url(../img_agenda/boxe_coll.svg) 50% 20%  no-repeat; background-size: 30px }
.rdv_type_sport_pt_fitness_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #996600 url(../img_agenda/pt_fitness.svg) 50% 20%  no-repeat; background-size: 28px }
.rdv_type_sport_pt_boxe_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #cc9900 url(../img_agenda/pt_boxe.svg) 50% 20%  no-repeat; background-size: 24px }
.rdv_type_sport_bilan_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #660000 url(../img_agenda/bilan.svg) 50% 20%  no-repeat; background-size: 24px }
.rdv_type_sport_bilan_fitness_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #fb1757 url(../img_agenda/bilan_fitness.svg) 50% 20%  no-repeat; background-size: 24px }
.rdv_type_sport_hur_abdos_big { float:left; box-sizing: border-box; padding-top: 30px; text-align:center; color:#ffffff; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;background: #330fa6 url(../img_agenda/hur_abdos.svg) 50% 20%  no-repeat; background-size: 24px }


.set_patient_nbr_choice {border:1px solid #ffffff; text-indent: 4px; color:#000000; text-decoration:none; font-weight: bold; float:left; width:28px; height:30px; line-height:30px; background: #ffd118 url(../img_agenda/patient_nbr.svg)   95% 50% no-repeat; background-size: 18px}

.rdv_visibi_0 {background-color: transparent}
.rdv_visibi_1 {background-color: green;}
.rdv_visibi_2 {background-color: orange;}


.rdv_visibi_0_big {box-sizing: border-box; padding-top: 8px; text-align:center; color:#000000; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #0cddcc;}
.rdv_visibi_1_big {box-sizing: border-box; padding-top: 8px; text-align:center; color:#000000; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: green;}
.rdv_visibi_2_big {box-sizing: border-box; padding-top: 15px; text-align:center; color:#000000; text-decoration:none; font-weight: bold; display:block; width:60px; height:50px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: orange;}

#back_to_presta_type_choice_bis { display:none; }


.confirm_success, .confirm_error {
  width:80px; height:80px;
  background: #96b908 url(../img_agenda/like.svg) no-repeat center; background-size: 40px; 
  -webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;
  display: inline-block;
  margin-top: 10px;
}
.confirm_error{
  background: #cc3333 url(../img_agenda/error.svg) no-repeat center; background-size: 40px; 
}
.confirm_label {
  font-size: 1.17em;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight:bold;
}


.booking_bloc {
  color:#ffffff; 
  font-weight:bold;
  width:auto; 
  min-width:40px; 
  text-align:center; 
  line-height: 40px; 
  text-decoration: none; 
  border:0; 
  box-sizing: border-box; 
  margin-right:2px; 
  margin-bottom:2px; 
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; 
  font-size:12px; 
  display: inline-block;
}
.pastille0 { background-color: #03a5fc; }
.pastille1 { background-color: #0341fc; }
.pastille2 { background-color: #8c03fc; }
.pastille3 { background-color: #bb00d4; }
.pastille4 { background-color: #d40066; }
.pastille5 { background-color: #d4002e; }
.pastille6 { background-color: #d43900; }
.pastille7 { background-color: #078a39; }

#calendar_semaine_letter { font-size: 12px; color:#666666;}


/* forgot password */


#NEW_ACC_member_pass,
#NEW_ACC_member_pass_verif,
#NEW_ACC_member_pass_clear,
#NEW_ACC_member_pass_verif_clear,
#RESCUE_member_pass,
#RESCUE_member_pass_verif,
#RESCUE_member_pass_clear,
#RESCUE_member_pass_verif_clear,
#member_pass,
#member_pass_verif,
#member_pass_clear,
#member_pass_verif_clear,
#filter_client_pro { 
  width: calc(100% - 40px); 
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}


#NEW_ACC_member_pass_clear,
#NEW_ACC_member_pass_verif_clear,
#RESCUE_member_pass_clear,
#RESCUE_member_pass_verif_clear,
#member_pass_clear,
#member_pass_verif_clear  {display:none}

#comment_pass_validation,
#comment_pass_verif_validation,
#NEW_ACC_comment_pass_validation,
#NEW_ACC_comment_pass_verif_validation,
#RESCUE_comment_pass_validation,
#RESCUE_comment_pass_verif_validation {
  position:absolute;
  top: 31px;
  width: 200px;
  left: 99%;
  display: none;
}

#comment_pass_validation b,
#comment_pass_verif_validation b,
#NEW_ACC_comment_pass_validation b,
#NEW_ACC_comment_pass_verif_validation b,
#RESCUE_comment_pass_validation b,
#RESCUE_comment_pass_verif_validation b { 
  float: left;
  width: 17px;
  height: 40px;
  background-image: url(../img/infobulle_arrow.svg);
  background-repeat: no-repeat;
  background-position: left 10px;
  background-size: 20px;
}

#comment_pass_validation span,
#comment_pass_verif_validation span,
#NEW_ACC_comment_pass_validation span,
#NEW_ACC_comment_pass_verif_validation span,
#RESCUE_comment_pass_validation span,
#RESCUE_comment_pass_verif_validation span {
  float:left;
  width: calc(100% - 17px);
  background-color: #fdf294;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.23);
  border-left:2px solid #35b2c3;
}

a.fake_btn_float_right { float:right;}


a.fake_btn_side_end {
  width:40px;
  float:right;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 6px;
  background-color: #b28968;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: normal;
  text-decoration: none;
}

a.fake_btn_view {  
  background-image: url(../img/view.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}

a.fake_btn_view_off {  
  background-image: url(../img/view_off.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 28px;
}


/*.view_agenda_col_rdv {
    float:left;
    width: calc(50% - 10px);
}
.view_agenda_col_rdv_archived {
    float:right;
    width: calc(50% - 10px);
}*/
.view_agenda_row {
padding-top:10px; padding-bottom:10px; border-top:1px solid #eeeeee; position:relative;
}
.delete_agenda {
    width:50px; height:50px; position:absolute; top:10px; right:0; cursor:pointer;
    background-image: url(../img/close_red.svg); background-position: top right; background-size: 16px; background-repeat: no-repeat;
}

.view_agenda_icon_calendar {
    width:60px; height:60px; box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:2px solid #a0c64c;
    border-top: 10px solid #a0c64c;
    font-size: 18px;
    text-align: center; 
    font-weight:bold;
    line-height: 18px;
    padding-top:7px;
    float:left;
}

.view_agenda_icon_calendar_small_txt {
    display:block;
    font-size: 12px;
}

.view_agenda_txt_calendar {
    width: calc(100% - 70px);
    float:left;
    margin-left: 10px;
}

.view_agenda_row_inactive { color:#888888; }
.view_agenda_row_inactive .view_agenda_icon_calendar {border-color:#cccccc;}
.view_agenda_row_inactive .anam_rdv, .view_agenda_row_inactive .delete_rdv {background-color:#bbbbbb; border-color:#bbbbbb}
.view_agenda_row_inactive .check_ico_anam {background-color:#bbbbbb;}


/* ---------------------------------------------- RESPONSIVE ADJUSTMENTS -------------------------------- */

  /* #Tablet (Portrait)
  ================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    
      body, html {}


            #comment_pass_validation,
      #comment_pass_verif_validation,
      #NEW_ACC_comment_pass_validation,
      #NEW_ACC_comment_pass_verif_validation,
      #RESCUE_comment_pass_validation,
      #RESCUE_comment_pass_verif_validation {
        position:relative;
        top: 0;
        width: 100%;
        left: 0;
      }

      #comment_pass_validation b,
      #comment_pass_verif_validation b,
      #NEW_ACC_comment_pass_validation b,
      #NEW_ACC_comment_pass_verif_validation b,
      #RESCUE_comment_pass_validation b,
      #RESCUE_comment_pass_verif_validation b { 
        float: none;
        width: 0;
        height: 0;
        background: none;
        display:none;
      }

      #comment_pass_validation span,
      #comment_pass_verif_validation span,
      #NEW_ACC_comment_pass_validation span,
      #NEW_ACC_comment_pass_verif_validation span,
      #RESCUE_comment_pass_validation span,
      #RESCUE_comment_pass_verif_validation span {
        float:left;
        width: 100% ;
        background-color: #fdf294;
        padding: 15px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-left:0px solid #35b2c3;
      }

    }

  /*  #Mobile (Portrait)
  ================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

      body, html {
        min-width:300px;
      }

      .agenda_page_content { width: calc(100% - 0px); margin-left:0;}
      .agenda_navigation_tab { width: 75px; }
      .agenda_navigation_tab_label { display:none;}
      .agenda_page_container { margin-top:130px; }
      .agenda_create_account, .password_rescue, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
        width:300px; overflow:hidden; padding: 10px;
      }
      .b2b_or_b2c_already_in_ico_container { width:100%; margin: 0 auto; margin-bottom:20px; }
      .b2b_or_b2c_already_in_ico_container:first-child { margin-top:20px }
      .agenda_login_create_box { margin: 0 auto; width:100%;}
      .agenda_create_account_col_left{ float:none;  width:100%; border-right: 0px solid #cccccc;  padding-right: 0px;}
      .agenda_create_account_col_right{ float:none;  width:100%; }
      .agenda_location_item { margin-top:20px; width:100%; display:block; margin-bottom:0px;  }
      .agenda_location_item_pic { float:left; }
      .agenda_location_item_label { width: calc(100% - 90px); margin:0; float: left; text-align: left; margin-left: 10px; line-height: 80px; }
      .agenda_show_location_col_left { float:none;  width:100%; border-right: 0px solid #cccccc;  padding-right: 0px; /*max-height: none; overflow-y: visible;*/ }
      .agenda_show_location_col_right { float:none;  width:100%; text-align:left; /*max-height: none; overflow-y: visible;*/ margin-top:10px; }
      .agenda_show_type_presta_item { width:116px; }
      .agenda_planning_presta_control_col_A, .agenda_planning_presta_control_col_B, .agenda_planning_presta_control_col_C, .agenda_planning_presta_control_col_D { width:50%; }
      .agenda_planning_presta_control_col_E {width:100%;}

      .connexion_btn_back_long {
          background-position: 10px center;
          color:#b28968;
          padding-left: 38px;
          width:100%;
          text-indent: 0px;
      }
      .connexion_btn_long {
        width:100%;
      }
      .anam_rdv { float:left; }
      .next_previous_week_container { float:none;}
      .next_week_container { width:100%; }
      .previous_week_container { width:100%; }
      .next_week, .previous_week { width:100%; text-align: left }
      .previous_week { margin-top:5px;text-align: right }

      .agenda_planning_row:first-child { margin-top: 5px;}

      #back_to_presta_type_choice { display:none; }
      #back_to_presta_type_choice_bis { display:block; }



      #comment_pass_validation,
      #comment_pass_verif_validation,
      #NEW_ACC_comment_pass_validation,
      #NEW_ACC_comment_pass_verif_validation,
      #RESCUE_comment_pass_validation,
      #RESCUE_comment_pass_verif_validation {
        position:relative;
        top: 0;
        width: 100%;
        left: 0;
      }

      #comment_pass_validation b,
      #comment_pass_verif_validation b,
      #NEW_ACC_comment_pass_validation b,
      #NEW_ACC_comment_pass_verif_validation b,
      #RESCUE_comment_pass_validation b,
      #RESCUE_comment_pass_verif_validation b { 
        float: none;
        width: 0;
        height: 0;
        background: none;
        display:none;
      }

      #comment_pass_validation span,
      #comment_pass_verif_validation span,
      #NEW_ACC_comment_pass_validation span,
      #NEW_ACC_comment_pass_verif_validation span,
      #RESCUE_comment_pass_validation span,
      #RESCUE_comment_pass_verif_validation span {
        float:left;
        width: 100% ;
        background-color: #fdf294;
        padding: 15px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-left:0px solid #35b2c3;
      }

      .delete_rdv { width:46px; padding-left:0; padding-right:0; text-indent: 50px; overflow-x: hidden; white-space: nowrap; }


    }


  /* #Mobile (Landscape)
  ================================================== */

    /* Note: Design for a width of 480px */
  
    @media only screen and (min-width: 480px) and (max-width: 767px) {

      body, html {
        min-width:480px;
      }

      .agenda_page_content { width: calc(100% - 0px); margin-left:0;}
      .agenda_navigation_tab { width: 75px; }
      .agenda_navigation_tab_label { display:none;}
      .agenda_page_container { margin-top:130px; }
      .agenda_create_account, .password_rescue, .agenda_show_location, .agenda_show_type_presta, .agenda_planning_presta, .agenda_planning_presta_control {
        width:440px; overflow:hidden;
      }
      .b2b_or_b2c_already_in_ico_container { width:100%; margin: 0 auto; margin-bottom:20px; }
      .agenda_login_create_box { margin: 0 auto; width:100%; }
      .agenda_create_account_col_left{ float:none;  width:100%; border-right: 0px solid #cccccc;  padding-right: 0px;}
      .agenda_create_account_col_right{ float:none;  width:100%; }
      .agenda_location_item { margin-top:20px; width:100%; display:block; margin-bottom:0px;  }
      .agenda_location_item_pic { float:left; }
      .agenda_location_item_label { width: calc(100% - 90px); margin:0; float: left; text-align: left; margin-left: 10px; line-height: 80px; }
      .agenda_show_location_col_left { float:none;  width:100%; border-right: 0px solid #cccccc;  padding-right: 0px; /*max-height: none; overflow-y: visible;*/ }
      .agenda_show_location_col_right { float:none;  width:100%; text-align:left; /*max-height: none; overflow-y: visible;*/ margin-top:10px; }
      .agenda_show_type_presta_item { width:116px; }
      .agenda_planning_presta_control_col_A, .agenda_planning_presta_control_col_B, .agenda_planning_presta_control_col_C, .agenda_planning_presta_control_col_D { width:50%; }
      .agenda_planning_presta_control_col_E {width:100%;}

      .connexion_btn_back_long {
          background-position: 10px center;
          color:#b28968;
          padding-left: 38px;
          width:100%;
          text-indent: 0px;
      }
      .connexion_btn_long {
        width:100%;
      }
      .anam_rdv { float:left;     margin-left: 70px;}
      .next_previous_week_container { float:none;}
      .next_week_container { width:100%; }
      .previous_week_container { width:100%; }
      .next_week, .previous_week { width:100%; text-align: left }
      .previous_week { margin-top:5px;text-align: right }

      .agenda_planning_row:first-child { margin-top: 5px;}


      #back_to_presta_type_choice { display:none; }
      #back_to_presta_type_choice_bis { display:block; }
    }