/***
    Third Bridge Custom Dev
    Created on : 22-Mar-2018, 4:26:39 PM
    Created in      : Montreal, Quebec, Canada
    Author          : Alexandre St-Aubin working for Third Bridge Developments
    Author's email  : alexandre@thirdbridge.ca
    Website         : thirdbridge.ca

    COLORS
        Blue        #1385C8
        Light blue  #01b1ec
        Orange      #F3981F
        Green       #2ead2a
        Red         #E56060
        Yellow      #f5cb29
        Gray        #4d4d4d
        Light gray  #dbdbdb
***/

body .btn-top {
  position       : fixed;
  border-radius  : 100%;
  font-size      : 0;
  padding        : 0;
  width          : 32px !important;
  height         : 32px;
  align-items    : center;
  justify-content: center;
  bottom         : 10px;
  left          : 10px;
  z-index        : 1000;
  transform      : rotate(90deg);
  opacity        : 0;
}

body .btn-top svg {
  width : 20px;
  height: 34px;
  fill  : #fff;
}

body .btn-top:hover {
  background: rgba(19, 134, 200, 0.1);
}

body .btn-top:hover svg {
  fill: rgb(19, 134, 200);
}

#maintenance {
  width           : 100%;
  height          : 24px;
  background-color: #000;
  color           : #FFF;
  font-weight     : bold;
  font-size       : 12px;
  padding         : 3px;
  z-index         : 20000;
  text-align      : center;
  position        : relative;
}

.modal {
  background-color: #fff;
  vertical-align  : middle;
  border-radius   : 8px;
}

.confirmation-modal-header h1 {
  font-size: 26px;
}

#modal_sess_lock {
  margin-left: -250px;
  left       : 50%;
  top        : 30%;
  overflow-y : visible;
}

div#modal_sess_lock_msg {
  max-height : 245px !important;
  margin-left: -250px;
  left       : 50%;
  top        : 30%;
  overflow-y : visible;
}

p.jdb-no-result {
  display: none;
}

p.jdb-no-result.visible {
  display: block;
}

/* General styling */
body,
select,
option,
input,
textarea,
button {
  font-family: "Raleway", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "VAG Rounded Std Bold" !important;
}

input,
select,
textarea {
  transition   : all 0.2s ease-in-out;
  outline      : none 0 !important;
  border-radius: 0 !important;
}

input {
  height: 35px;
}

div.controls input,
input#pwd_sess,
table tr td input[type="text"] {
  height: 35px !important;
}

.select2-container {
  vertical-align: top;
  transform     : translate(10px, -5px);
}

select,
.select2-container .select2-choice {
  border             : 1px solid #ccc;
  border-radius      : 0 !important;
  color              : #4d4d4d;
  font-size          : 14px;
  font-family        : "Raleway", sans-serif;
  padding            : 3px 22px 1px 10px;
  height             : 35px;
  background         : #fff url("../images/dropdownarrow.png") no-repeat !important;
  background-size    : 12px !important;
  background-position: right 10px center !important;
  -webkit-appearance : none !important;
  -moz-appearance    : none !important;
}

.select2-container .select2-choice .select2-arrow {
  display: none;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

.date_period_select_container {
  display   : inline-block;
  margin-top: 3px;
  position  : relative;
}

.date_period_select_container.show-parent {
  opacity: 1 !important;
}

.icon_input_container svg.input_icon {
  fill    : #4d4d4d;
  width   : auto;
  height  : 30px;
  margin  : 5px 10px 0px 7px;
  position: absolute;
}

.icon_input_container select,
.icon_input_container input {
  padding-left: 41px !important;
}

p {
  font-size: 1.23em;
  color    : #4d4d4d;
}

.date_label {
  color      : #afafaf;
  font-size  : 15px;
  font-family: "VAG Rounded Std Light";
  width      : 115px;
}

.vertical_text {
  transform       : rotate(-90deg);
  transform-origin: left top 0;
}

.round_photo {
  background-size    : cover;
  background-position: center;
  background-color   : #e6e6e6;
  border-radius      : 1000px;
  box-shadow         : 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  overflow           : hidden;
}

body.presences-tdb .round_photo,
body.presences-sdp .round_photo,
body.presences-config .round_photo {
  overflow: visible;
}

.raleway_bold {
  font-family: "Raleway bold", sans-serif;
}

.full_width {
  width: 100%;
}

#corps {
  overflow-x: hidden;
  position  : relative;
  overflow-y: visible;
  clear     : both;
}

body.bs4 #corps {
  overflow: visible;
}

.light_text {
  color    : #888;
  font-size: 16px;
}

.block {
  display: block;
}

.tag {
  display      : none;
  background   : #dbdbdb;
  padding      : 1px 20px 1px 10px;
  border-radius: 10px;
  font-size    : 12px;
  margin-top   : 8px;
  position     : relative;
  transition   : 0.3s all;
}

.tag.active {
  display: inline-block;
}

.tag button.close {
  font-size    : 25px;
  color        : #003853;
  border-radius: 10px;
  position     : absolute;
  right        : 5px;
  top          : -2px;
}

/* Buttons */

#form_semaine a.btn {
  cursor       : pointer;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 8px 25px;
  border-radius: 6px !important;
  width        : auto !important;
  background   : #ddd;
  border       : none;
  color        : #222;
  line-height  : normal;
}

.frmInfoAlbum h2 {
  margin: 20px 0;
}

#alDesc {
  min-height: 130px !important;
}

.btn[name="cancel"],
button.btn.nice,
.guiders_buttons_container .btn {
  cursor       : pointer;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 8px 25px;
  border-radius: 6px !important;
  width        : auto !important;
  background   : #ddd;
  border       : none;
  color        : #222;
  line-height  : normal;
}

.guiders_buttons_container .btn {
  font-size: 1em;
}

.new-fiche-parent {
  font-size: 1em !important;
}

#cal_semaine {
  font-size  : 0.7em;
  margin     : 0 20px 3px;
  background : #ddd;
  border     : none;
  color      : #222;
  line-height: normal;
  padding    : 9px 25px;
}

.selectSemaine #cal_semaine {
  padding: 0;
  margin : 8px 20px 3px;
}

.showgroup1 .btn {
  cursor       : pointer;
  font-family  : "VAG Rounded Std Light";
  font-size    : 0.8em;
  padding      : 7px 25px;
  border-radius: 6px !important;
  width        : auto !important;
  margin       : 10px 0 0;
}

.btn {
  margin-bottom: 4px;
}

/* Buttons */
.btn-primary,
.button {
  cursor       : pointer;
  color        : white;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 3px 25px;
  border-radius: 6px;
  width        : auto !important;
}

.select_no_kids {
  color  : #333;
  display: none;
}

.btn-primary,
.btn-primary:hover {
  background    : #1385c8;
  border: none;
  /* line-height: normal; */
}

.btn.upload {
  margin: 20px 0px;
}

.btn-danger {
  cursor     : pointer;
  color      : white;
  font-family: "VAG Rounded Std Light";
  font-size  : 1.3em;

  padding      : 7px 25px;
  border-radius: 6px !important;
  width        : auto !important;
}

.btn-danger,
.btn-danger:hover {
  background : #da4f49;
  border     : none;
  line-height: normal;
}

.btn-warning {
  cursor       : pointer;
  color        : white;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 7px 25px;
  border-radius: 6px !important;
  width        : auto !important;
}

.btn-warning,
.btn-warning:hover {
  background : #f59a31;
  border     : none;
  line-height: normal;
}

.btn-success {
  cursor       : pointer;
  color        : white;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 7px 25px;
  border-radius: 6px;
  width        : auto !important;
}

.btn-success,
.btn-success:hover {
  background : #2ead2a;
  border     : none;
}

.btn-white {
  cursor       : pointer;
  color        : #212529;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 7px 25px;
  border-radius: 6px;
  width        : auto !important;
}

.btn-white,
.btn-white:hover {
  background : #dee2e6;
  border     : none;
  line-height: normal;
}

.btn-secondary {
  cursor       : pointer;
  color        : white;
  font-family  : "VAG Rounded Std Light";
  font-size    : 1.3em;
  padding      : 3px 25px;
  border-radius: 6px;
  width        : auto !important;
  background   : #6c757d;
}

.affMessage.alert.alert-success .btn-success {
  font-size: 12px;
}

.btn-mini {
  padding  : 4px 6px;
  font-size: 0.9em;
}

.my-dropzone-files .btn-mini {
  font-size    : 0.4em;
  padding      : 2px 5px !important;
  border       : 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100% !important;
  margin       : -10px -10px;
}

.my-dropzone-files .btn-mini i {
  margin-right: 0;
}

.btn-mini i {
  /* margin-right:4px */
}

.btn i {
  /* margin-right:6px; */
}

.green_button {
  background: #2ead2a;
  display   : inline-block;
  display   : block;
}

.grey_button {
  background: #999;
  display   : block;
}

.blue_button {
  background: #1385c8;
  display   : block;
}

.big_blue_button {
  text-align    : center;
  padding       : 8px;
  font-family   : "Vag Rounded Std Light";
  font-size     : 20px;
  margin-bottom : 21px;
  text-transform: uppercase;
  transition    : all 0.3s;
  color         : white;
  cursor        : pointer;
  /*border      : 10px solid white;*/
  background    : #1385c8;
}

.big_blue_button.active,
.big_blue_button:hover {
  background: #1385c8;
  /*border  : 10px double white;*/
}

.kid_log_load_more.big_blue_button {
  width       : 200px;
  margin-left : auto;
  margin-right: auto;
}

/* END OF: Buttons */

/* User selection list */
.user_search_form {
  border-bottom  : 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom : 10px;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
}

.user_search_form div { width: 100%; }
.selectChildLong .user_search_form div { width: auto; }

#observation-app-container .user_search_form input {
  margin-top: 15px;
}

#observation-app-container .selectChildLong .user_search_form input {
  margin-top: 0px;
  flex-grow : 1;
}

#portrait-app-container .user_search_form input {
  margin-top: 15px;
}

.selectChildLong .user_search_form {
  display: flex;
}

#portrait-app-container .selectChildLong .user_search_form input {
  margin-top: 0px;
}

.user_search_form input,
.user_search_form .select2-container {
  width        : 100%;
  padding      : 5px 10px;
  border-radius: 5px !important;
  border       : 1px solid rgba(0, 0, 0, 0.1);
  height       : 45px !important;
  margin-bottom: 5px;
}

.user_selection_list {
  margin    : 10px 0 20px 0;
  overflow-y: scroll;
  height    : 1060px;
}

@media (max-width: 575px) {
  .user_selection_list {
    height: 220px;
  }
}

.modal .user_selection_list {
  margin    : auto;
  overflow  : visible;
  max-height: none;
}

.user_card {
  text-align: left;
  cursor    : pointer;
  padding   : 4px 10px;
}

.user_card>div {
  display: inline-block;
}

.user_card>.user_info {
  width: 70%;
}

.user_card .round_photo {
  width     : 50px;
  height    : 50px;
  margin    : 5px auto;
  transition: all 0.3s;
}

.user_card.selected .round_photo,
.user_card:hover .round_photo {
  box-shadow: 0px 0px 0px 7px #1385c8;
}

.user_card .user_info {
  margin         : 20px auto;
  text-decoration: none;
  vertical-align : top;
  margin         : 7px 0 0 15px;
}

.user_full_name {
  font-family   : "VAG Rounded Std Light";
  font-size     : 16px;
  text-transform: capitalize;
}

.user_card .user_info .user_sub_info {
  font-family: "Raleway", sans-serif;
  font-size  : 15px;
}

.child_group_select,
.child_activity_select,
.date-select-portrait,
.fui-select {
  width        : 100%;
  padding      : 5px 10px;
  border-radius: 5px !important;
  border       : 1px solid rgba(0, 0, 0, 0.1);
  height       : 45px !important;
  background   : rgba(19, 134, 200, 0.05);
  height       : 45px;
  margin-bottom: 5px;
}

.fui-select {
  max-width: 300px;
}

.fui-select[multiple] {
  height: 200px;
}

.fui-input {
  width        : 100%;
  padding      : 5px 10px;
  border-radius: 5px !important;
  border       : 1px solid rgba(0, 0, 0, 0.1);
  height       : 45px !important;
  margin-bottom: 5px;
  box-sizing   : border-box !important;
}

.fui-date-group {
  position    : relative;
  margin-right: 10px;
  display     : inline-block;
}

.fui-date-group input {
  padding-right: 50px;
  margin-right : 0;
}

.fui-date-group button {
  position     : absolute;
  top          : 1px;
  right        : 1px;
  width        : 45px !important;
  height       : 43px !important;
  border-radius: 5px !important;
  background   : #fff;
  border       : 0;
}

.fui-date-group button:hover {
  color: #1385c8;
}

.fui-search {
  width: 100%;
}

.fui-search button {
  position     : absolute;
  width        : 45px;
  height       : 43px;
  right        : 16px;
  background   : #fff;
  border       : none;
  top          : 1px;
  border-radius: 4px;
}

.fui-search button:hover {
  color: #1385c8;
}

.maxwidth {
  max-width: 100%;
  width    : 100%;
}

.date-select-portrait,
.fui-date {
  width       : 200px;
  margin-right: 10px;
}

.selectChildLong .reset {
  margin-left : 10px;
  margin-right: auto;
}


.selectChildLong .btn:first-child {
  margin-left: 0;
}

.clearFlex {
  flex-basis: 100%;
}

.selectChildLong .user_search_form input {
  flex-grow: 1;
}

.selectChildLong .child_group_select {
  flex-basis: calc(33% - 5px);
}


/*#processedInfo, #pied{display: none !important;}*/
/* END OF: User selection list */

/* List of items with vertical gray/state band on left */
.item_entries_list {
  margin-top     : 15px;
  /* padding-left: 9px; */
}

.enfants_list,
.user_selection_list,
textarea {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.05) rgb(255, 255, 255);
}

/* Works on Chrome/Edge/Safari */
.enfants_list::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.user_selection_list::-webkit-scrollbar {
  width: 10px;
}

.enfants_list::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.user_selection_list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.enfants_list::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.user_selection_list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius   : 20px;
  border          : 1px solid rgba(0, 0, 0, 0.025);
}

.item_entries_list .item_entry {
  box-shadow   : 2px 2px 6px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0 5px 5px 0;
  margin-bottom: 10px;
  position     : relative;
  cursor       : pointer;
  border       : 1px solid rgba(0, 0, 0, 0.05);
}

.item_entries_list .item_entry .item_entry_state {
  position   : absolute;
  left       : 0;
  top        : 0;
  bottom     : 0;
  background : #dbdbdb;
  color      : white;
  font-family: "VAG Rounded Std Bold";
  width      : 15px;
  margin-left: -15px;
  transition : all 0.3s;
}

.item_entries_list .item_entry:hover .item_entry_state {
  width      : 30px;
  margin-left: -30px;
}

.item_entries_list .item_entry .item_entry_state .vertical_text {
  position   : absolute;
  bottom     : -15px;
  color      : transparent;
  font-size  : 18px;
  font-family: "Vag Rounded Std Light";
  margin-left: 15px;
  transition : all 0.3s;
}

.item_entries_list .item_entry:hover .item_entry_state .vertical_text {
  margin-left: 2px;
  color      : white !important;
}

/*Journal states*/
.item_entries_list .item_entry.new_journal_state .item_entry_state {
  background: #2ead2a;
}

.item_entries_list .item_entry.comment_journal_state .item_entry_state {
  background: #f5a311;
}

.item_entries_list .item_entry.absent_journal_state .item_entry_state {
  background: #e56060;
}

.item_entries_list .item_entry.read_journal_state .item_entry_state {
  background: #28a3d2;
}

.item_entries_list .item_entry.draft_journal_state .item_entry_state {
  background: #888;
}

.item_entries_list .item_entry .round_photo {
  width : 40px;
  height: 40px;
}

.item_entries_list .item_entry .round_photo,
.item_entries_list .item_entry .item_info {
  display: inline-block;
}

.item_entries_list .item_entry .item_info {
  vertical-align: top;
  margin        : 0 0 20px 10px;
}

.item_entries_list .item_entry .item_info label {
  margin-bottom: 0;
}

.item_entry_footer {
  border-top : 1px solid #dbdbdb;
  padding-top: 12px;
  text-align : right;
  font-family: "VAG Rounded Std Light";
  color      : #888;
}

/* END OF: List of items with vertical gray/state band on left */

/* END OF: General styling */

/* Header */
#entete_bg,
#entete_bg_bg {
  background: #1385c8;
  top       : 0;
  left      : 0;
  right     : 0;
}

#entete_bg {
  position: absolute;
  height  : 208px;
  width   : 100%;
}

#entete_bg_bg {
  position: fixed;
  height  : 100px;
  display : none;
}

#entete>.row:first-child {
  margin-top   : 10px;
  margin-bottom: 15px;
}

#planitou_logo_link,
#planitou_logo_link>img {
  height : 60px;
  display: inline-block;
}

.navbar .nav {
  height: 55px;
}

#entete .navbar .nav {
  width: 45%;
}

#entete .navbar .nav li {
  width: 60px;
}

#entete .navbar .nav.pull-right {
  max-width: 200px;
}

.navbar-inner {
  background: transparent;
  box-shadow: none;
  border    : none;
}

.navbar .nav>li>a {
  text-shadow: none;
  color      : white;
  padding    : 10px 15px 0 0;
  transition : all 0.3s;
}

.navbar .nav.pull-right>li>a {
  padding: 10px 0 0 15px;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
  background: none;
  color     : white;
  box-shadow: none;
  color     : #f3981f;
}

.navbar .nav>li>a>svg {
  height: 40px;
  fill  : white;
}

#modules_select_button svg {
  height    : 54px;
  margin-top: -6px;
}

.navbar .nav>li>a.messaging_link {
  padding-right: 12px;
}

.navbar .nav>li>a.messaging_link>svg {
  height  : 50px;
  top     : -4px;
  position: relative;
}

.navbar .nav>li .fa {
  color    : white;
  font-size: 32px;
}

.navbar .nav>li.curuser>a>svg {
  height    : 44px;
  margin-top: -3px;
}

.navbar .nav>li>a#lnkLogout>svg {
  margin-top: -2px;
}

.navbar .nav>li>a#lnkDeconnect>svg {
  height: 38px;
}

/* END OF: Header */

/*Modules Planitou side menu*/
.side_menu_shadow {
  background-color: rgba(0, 0, 0, 0.5);
  position        : fixed;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;
  z-index         : 9999;
  display         : none;
}

#modules_planitou_side_menu {
  position        : fixed;
  top             : 0;
  bottom          : 0;
  width           : 400px;
  left            : -400px;
  background-color: #4d4d4d;
  color           : white;
  z-index         : 10000;
  box-shadow      : 5px 0px 7px 3px rgba(0, 0, 0, 0.15);
  transition      : left 0.5s;
  overflow-y      : auto;
}

#modules_planitou_side_menu.open {
  left: 0;
}

#modules_planitou_side_menu h1 {
  padding      : 20px;
  font-family  : "Raleway", sans-serif;
  color        : white;
  border-bottom: 1px solid #808080;
}

#modules_planitou_side_menu .close,
#journal_modal .close,
#observation_modal .close,
#children_list_modal .close {
  color       : white;
  font-size   : 55px;
  opacity     : 1;
  text-shadow : none;
  margin-top  : 32px;
  margin-right: 20px;
}

#modules_planitou_side_menu a {
  display   : block;
  transition: all 0.15s;
}

#modules_planitou_side_menu a:hover {
  background     : #1385c8;
  text-decoration: none;
}

#modules_planitou_side_menu h2 {
  font-family: "Raleway", sans-serif;
  color      : white;
  font-weight: 300;
  padding    : 15px 20px 15px 63px;
  font-size  : 18px;
  position   : relative;
}

#modules_planitou_side_menu h2 svg {
  fill    : white;
  height  : 35px;
  position: absolute;
  top     : 13px;
  left    : 16px;
}

/*.planning_module_link svg{
        height: 35px !important;
        left: 16px !important;
        top: 13px !important;
    }*/
/*END OF: Modules Planitou side menu*/

.login-form {
  margin-left : auto;
  margin-right: auto;
  max-width   : 550px;
}

/*Journal Section*/
#create_journal_button {}

#create_observation_button,
#create_grouped_observation_button {
  display   : inline-block;
  /* padding: 10px 25px 0px!important; */
  font-size : 1.4em;
  max-height: 41px;
}

.button_group {
  display        : flex;
  justify-content: flex-start;
  padding        : 0 25px;
}

.showgroup1 .button_group {
  height: 40px;
  margin: 0px -30px 30px;
}

.showgroup1 .button_group .button {
  margin-right: 10px;
}

#stats_observation_button {
  padding        : 5px 15px;
  position       : absolute;
  text-decoration: none;
  right          : 20px;
  top            : 40px;
}

/*END OF: Journal Section*/

/*Journal modal*/
#journal_modal,
#observation_modal {
  top       : 50px;
  bottom    : 80px;
  margin-top: auto !important;
}

#observation_modal .span6 {
  width: 46%;
}

#observation_modal {
  background: none;
  border    : none;
  box-shadow: none;
}

#observation_modal .modal-body {
  background   : white;
  border-radius: 6px;
  border       : 1px solid rgba(0, 0, 0, 0.3);
  box-shadow   : 0 3px 7px rgba(0, 0, 0, 0.3);
}

#journal_modal .close,
#observation_modal .close,
#children_list_modal .close {
  /*top: -70px;
        right: 0;*/
  top         : 0px;
  right       : 40px;
  color       : #444;
  position    : absolute;
  margin-right: 0;
  z-index     : 2000;
}

#children_list_modal h2 {
  position   : absolute;
  top        : -50px;
  color      : white;
  font-family: "Vag Rounded Std Light";
  font-size  : 25px;
}

#children_list_group_modal h2 {
  color        : #2184be;
  font-size    : 200%;
  margin-bottom: 15px;
}

#journal_modal .row,
#observation_modal .row {
  /* margin: 30px 0px; */
  clear        : both;
  /* width     : 100%!important; */
  display      : block;
  margin-bottom: 8px;
  padding      : 20px 0;
}

#journal_modal .modal-body,
#observation_modal .modal-body {
  max-height    : 100%;
  height        : 100%;
  overflow-x    : hidden;
  padding-bottom: 85px;
}

#journal_modal h1,
#observation_modal h1 {
  padding-left: 50px;
}

#journal_modal .kidName {
  padding-right: 35px;
}

#journal_modal .kidName .round_photo {
  width : 200px;
  height: 200px;
  float : right;
}

#observation_observation_section .round_photo,
#observation_modal .round_photo,
#journal_modal .educName .round_photo {
  height: 40px;
  width : 40px;
  float : right;
}

#observation_observation_section .round_photo,
#observation_modal .round_photo {
  margin-right: 40px;
}

#observation_modal .item_info,
#observation_observation_section .item_info {
  float       : right;
  margin-right: 20px;
  text-align  : right;
}

#journal_modal .educName .zoneNom {
  float       : right;
  color       : #1385c8;
  font-size   : 15px;
  line-height : 16px;
  text-align  : right;
  margin-right: 20px;
  margin-top  : 8px;
}

#journal_modal .educName .zoneNom .fichePar {
  font-size  : 12px;
  line-height: 12px;
}

#journal_modal .row>[class*="span"],
#observation_modal .row>[class*="span"] {
  padding: 0 30px;
}

#journal_modal .kidName .nom {
  font-family: "VAG Rounded Std Bold";
  color      : #f3981f;
  font-size  : 28px;
}

.child_info>div {
  display     : inline-block;
  margin-right: 20px;
}

.user_info_card {
  padding-top: 30px !important;
}

.user_info_card>div {
  margin-bottom: 15px;
}

/*New calendar style*/
.new_calendar_container {
  border-radius: 5px;
  box-shadow   : 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  overflow     : hidden;
  width        : 90%;
  float        : right;
}

#journal_modal .calendar {
  width : 100%;
  border: none;
}

.calendar,
.calendar table {
  width    : 100%;
  max-width: 320px;
}

.new_calendar_container .calendar {
  padding: 8px 0;
}

.new_calendar_container .calendar table {
  font-family: "VAG Rounded Std Light";
  font-size  : 15px;
}

.new_calendar_container .calendar .nav div {
  background: none;
}

.new_calendar_container .date {
  background : #1385c8;
  color      : white;
  width      : 100%;
  font-family: "VAG Rounded Std Light";
  font-size  : 16px;
  padding    : 20px 0;
  text-align : center;
  font-size  : 12px;
}

.new_calendar_container .date>div:nth-child(2) {
  font-size: 60px;
}

.new_calendar_container .date>div:nth-child(3) {
  font-size: 14px;
}

.new_calendar_container .calendar tbody td {
  border       : 0;
  border-radius: 100px;
  width        : 30px;
  height       : 30px;
}

.new_calendar_container .calendar thead .name {
  border    : 0;
  background: none;
  color     : #1385c8;
}

.new_calendar_container tfoot {
  display: none;
}

.new_calendar .calendar .nav div {
  background: none;
}

.legend {
  width      : 90%;
  float      : right;
  font-family: "Vag Rounded Std Light";
}

.legend .carre {
  border-radius: 100px;
}

/*New calendar style*/

#journal_modal .fichejdb hr {
  width     : 90%;
  float     : left;
  margin    : 20px 0;
  border-top: 1px solid #e6e6e6;
  margin    : 0 auto 30px auto;
}

/* Zone sieste */
.baby-bottle-icon {
  fill : #dbdbdb;
  width: 40px;
}

.viewDehors td,
.viewSieste td,
.viewBiberon td {
  vertical-align: top;
  font-family   : "Vag Rounded Std Light";
  text-align    : right;
  padding-bottom: 10px !important;
}

@media (max-width: 840px) {
  body .zoneDehors {
    width         : 100% !important;
    padding-bottom: 20px;
  }

  body .zoneSieste {
    width: 50% !important;
  }

  body .zoneBiberon {
    width: 50% !important;
  }
}

.dehorsDuration,
.siesteDuration,
.biberonQte {
  border-top: 1px solid #e6e6e6;
  text-align: right;
  margin    : 2px 0;
  padding   : 5px 0;
}

.dehorsAM,
.dehorsPM {
  text-align: left;
  display   : block;
}

.viewDehors button,
.viewSieste button,
.viewBiberon button {
  border        : 0;
  background    : 0;
  font-size     : 18px;
  display       : block;
  padding-bottom: 4px;
  margin-left   : 10px;
  transition    : 0.3s all;
}

.viewDehors button:hover,
.viewSieste button:hover,
.viewBiberon button:hover {
  background: none;
  box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  color     : #da4f49;
}

.viewDehors button.btnEditDehors,
.viewSieste button.btnEditSieste,
.viewBiberon button.btnEditBiberon {
  color: #d1d1d1;
}

.viewDehors button.btnEditDehors:hover,
.viewSieste button.btnEditSieste:hover,
.viewBiberon button.btnEditBiberon:hover {
  color: #1385c8;
}

.viewDehors button.btnDelDehors,
.viewSieste button.btnDelSieste,
.viewBiberon button.btnDelSieste {
  color: #da4f49;
}

#observation_modal h3 .btn-success,
#observation_observation_section h3 .btn-success,
.zoneDehors h3 .btn-success,
.zoneSieste h3 .btn-success,
.zoneBiberon h3 .btn-success {
  margin       : -6px 0 0 8px !important;
  margin-left  : 8px;
  border       : none;
  border-radius: 100%;
  font-size    : 19px;
  padding      : 7px;
  height       : 30px;
  width        : 30px;
  margin-left  : 10px;
}

#observation_modal h3 .btn-success .fa-plus,
#observation_observation_section h3 .btn-success .fa-plus,
.zoneDehors h3 .btn-success .fa-plus,
.zoneSieste h3 .btn-success .fa-plus,
.zoneBiberon h3 .btn-success .fa-plus {
  top     : -2px;
  position: relative;
}

#modal_edit_dehors .modal-footer,
#modal_edit_sieste .modal-footer,
#filter_by_experience_modal .modal-footer,
#add_experience_modal .modal-footer,
#modal_edit_boire .modal-footer {
  padding: 0 10px 10px 0;
}

#add_experience_modal_cor .experience_list .experience.level {
  display: none !important;
}

#add_experience_modal_cor.step2 .experience_list .experience.level.visible {
  display      : block !important;
  border-bottom: solid 1px #ddd;
  margin       : 5px 10px 20px 10px;
  padding      : 8px;
  font-style   : italic;
}

#add_experience_modal_cor.step2 .experience_list .experience.main {
  font-weight: bold;
}

#add_experience_section .experience p {
  margin-bottom: 3px;
}

#add_experience_section .experience.active p span {
  color: white;
}

body #add_experience_modal_cor.step2 .experience_list .experience.main.active {
  position        : relative;
  width           : 250px;
  background-color: #fff !important;
  color           : #333;
  font-weight     : bold;
  margin          : 5px 5px 10px 5px;
  overflow        : visible !important;
}

body #add_experience_modal_cor.step2 .experience_list .experience.main.active select {
  position     : absolute;
  right        : -120px;
  bottom       : 0px;
  width        : 110px;
  margin-bottom: 0px;
}

body #add_experience_modal_cor.step2 .experience_list .experience.main.active select.error {
  border: solid 1px red;
}

body #add_experience_modal_cor.step2 .experience_list h3 {
  padding: 10px;
}

@media (max-width: 400px) {
  body #add_experience_modal_cor.step2 .experience_list .experience.main.active {
    width: 100%;
  }

  body #add_experience_modal_cor.step2 .experience_list .experience.main.active select {
    position: relative;
    right   : 0px;
    width   : 110px;
  }
}

body #add_experience_modal_cor.step2 .modal-body>select {
  display: none !important;
}

#add_experience_cor_section .experience_list .experience.level {
  display: none !important;
}

#add_experience_cor_section.step2 .experience_list .experience.level.visible {
  display      : block !important;
  border-bottom: solid 1px #ddd;
  margin       : 5px 10px 20px 10px;
  padding      : 8px;
  font-style   : italic;
}

#add_experience_cor_section.step2 .experience_list .experience.main {
  font-weight: bold;
}

body #add_experience_cor_section.step2 .experience_list .experience.main.active {
  position        : relative;
  width           : 250px;
  background-color: #fff !important;
  color           : #333;
  font-weight     : bold;
  margin          : 5px 5px 10px 5px;
  overflow        : visible !important;
}

body #add_experience_cor_section.step2 .experience_list .experience.main.active select {
  position     : absolute;
  right        : -120px;
  bottom       : 0px;
  width        : 110px;
  margin-bottom: 0px;
}

body #add_experience_cor_section.step2 .experience_list .experience.main.active select.error {
  border: solid 1px red;
}

body #add_experience_cor_section.step2 .experience_list h3 {
  padding: 10px;
}

body #add_experience_section .experience_list .key-experience-detail {
  position        : relative;
  width           : 250px;
  background-color: #fff !important;
  color           : #333;
  font-weight     : bold;
  margin          : 5px 5px 10px 5px;
  overflow        : visible !important;
  display         : none;
}

body #add_experience_section .experience_list .experience.active .key-experience-detail {
  display: block;
}

body #add_experience_section .experience_list .experience.active .key-experience-detail.active {
  background-color: #1385c8 !important;
  color           : white;
}

body
  #add_competence_section
  .composante_list
  .composante {
  display: block;
  cursor:pointer;
}
body
  #add_competence_section
  .composante_list
  .composante.active {
  background-color: #1385c8 !important;
  color: white;
}

@media (max-width: 400px) {
  body #add_experience_cor_section.step2 .experience_list .experience.main.active {
    width: 100%;
  }

  body #add_experience_cor_section.step2 .experience_list .experience.main.active select {
    position: relative;
    right   : 0px;
    width   : 110px;
  }
}

body #add_experience_cor_section.step2 .content-body>select {
  display: none !important;
}

.groupe-choix {
  margin-bottom: 10px;
}

.groupe-choix svg {
  fill         : #e6e6e6;
  cursor       : pointer;
  transition   : all 0.1s;
  margin-right : 10px;
  margin-bottom: 10px;
  height       : 40px;
}

.groupe-choix svg.clicked,
.groupe-choix svg.hovered {
  fill: #f3981f;
}

.repas .groupe-choix {
  height     : 55px;
  margin-left: -6px;
}

.repas .groupe-choix svg {
  height: 60px;
}

.repas .groupe-choix svg.clicked,
.repas .groupe-choix svg.hovered {
  fill: #e56060;
}

.basic_needs_table {
  width     : 90%;
  margin    : 20px 0;
  border-top: 1px solid #e6e6e6;
}

.basic_needs_table td {
  padding    : 0px 0px 0px 10px;
  padding-top: 10px !important;
}

.basic_need_icon {
  height       : 40px;
  margin-bottom: 10px;
}

.text_area_input {
  border-radius: 10px;
  box-shadow   : 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  min-height   : 200px;
  padding      : 10px 15px;
}

.green_text_area_input {
  /*background: #2ead2a;*/
  background: #ddd;
}

.text_area_input h3 {
  padding  : 0 6px;
  font-size: 25px !important;
}

.green_text_area_input textarea[readonly] {
  /*background-color: #2ead2a !important;*/
  background-color: #ddd !important;
  color           : #444;
}

.text_area_input h3 {
  color    : #1385c8;
  font-size: 25px;
}

.green_text_area_input h3 {
  /* font-family: 'Vag Rounded Std Light'; */
}

.green_text_area_input h3,
.green_text_area_input textarea,
.green_text_area_input textarea::placeholder {
  color: #444;
}

.text_area_input textarea {
  border     : none;
  resize     : none;
  box-shadow : none;
  font-family: "Raleway", sans-serif;
  font-size  : 15px;
  text-align : justify;
  width      : 100% !important;
  height     : 100%;
  min-height : 120px;
  background : rgba(0, 0, 0, 0.05);
  padding    : 20px 25px;
}

.text_area_input textarea:focus {
  box-shadow: none !important;
  border    : none !important;
}

.text_area_input_w_button {
  position: relative;
}

.text_area_input_w_button textarea {
  margin-bottom: 60px;
}

.text_area_input_w_button button {
  position: absolute;
  right   : 10px;
  bottom  : 10px;
}

#fiche_comment,
.modal_content_pad_left {
  margin-left: 20px !important;
}

#fiche_comment .zoneEdits {
  margin-bottom: 20px;
}

.msgCommentaires {
  margin-right: -60px;
  margin-left : 20px;
}

#journal_modal .btnSave,
#observation_modal .btnSave,
#observation_observation_section .btnSave {
  float : left;
  margin: 10px auto;
}

#observation_modal .btnSavePrivate,
#observation_observation_section .btnSavePrivate {
  float           : left;
  margin          : 10px;
  background-color: #888;
}

#observation_modal .btnDeleteObservation,
#observation_observation_section .btnDeleteObservation {
  float : right;
  margin: 10px;
}

#observation_observation_section .btnDeleteObservation {
  margin-right: 50px;
}

#journal_modal .btnSaveDraft {
  float           : right;
  margin          : 10px;
  background-color: #888;
}

.modal-footer {
  /* padding: 10px; */
  margin-bottom   : auto;
  text-align      : right;
  background      : none;
  border          : none;
  border-radius   : none;
  box-shadow      : none;
  margin-top      : -10px;
  padding-right   : 40px;
  background-color: #fff;
  z-index         : 100;
  position        : absolute;
  width           : 100%;
}

/*END OF: Journal modal*/

/* Journal des observations */
body.jdo #corps .mnuAdmin {
  display: none;
}

.sphere_filters_container {
  width          : 100%;
  border-top     : 1px solid #e6e6e6;
  margin-top     : 15px;
  padding        : 20px 0;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: flex-start;
}

.sphere_filters_container p.error {
  display   : none;
  text-align: center;
  padding   : 20px;
}

#observation_modal .sphere_filters_container {
  border  : none;
  position: relative;
}

#observation_modal .sphere_filters_container.read-only:before {
  content         : " ";
  position        : absolute;
  height          : 100%;
  width           : 100%;
  z-index         : 100;
  background-color: rgba(255, 255, 255, 0.1);
}

.sphere_filter {
  font-family   : "VAG Rounded Std Bold";
  font-size     : 16px;
  line-height   : 16px;
  transition    : all 0.3s;
  padding       : 5px 12px;
  cursor        : pointer;
  display       : inline-block;
  margin        : 5px;
  width         : 18%;
  vertical-align: top;
  text-align    : center;
}

.sphere_filter .sphere_filter_svg_container {
  border-radius: 100%;
  height       : 70px;
  width        : 70px;
  margin       : auto;
  border-width : 0px;
  border-style : solid;
  position     : relative;
  transition   : 0.3s all;
  margin-bottom: 15px;
}

.sphere_filter .sphere_filter_svg_container>img {
  height  : 70%;
  top     : 15%;
  position: absolute;
  left    : 0;
  right   : 0;
  margin  : auto;
}

.sphere_filter>img {
  width: 100%;
}

.sphere_filter.inactive {
  background: none !important;
}

/*yellow*/
.sphere_filter_yellow {
  color: #f2c200;
}

.sphere_filter_yellow .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f2c200;
}

.sphere_filter_yellow.active,
.sphere_filter_yellow:hover {
  /*background: #f2c200;*/
}

/*red*/
.sphere_filter_red {
  color: #e56060;
}

.sphere_filter_red .sphere_filter_svg_container>img {
  height: 48%;
  top   : 26%;
}

.sphere_filter_red .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #e56060;
}

.sphere_filter_red.active,
.sphere_filter_red:hover {
  /*background: #E56060;*/
}

/*blue*/
.sphere_filter_blue {
  color: #01b1ec;
}

.sphere_filter_blue .sphere_filter_svg_container>img {
  height: 64%;
  top   : 18%;
}

.sphere_filter_blue .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #01b1ec;
}

.sphere_filter_blue.active,
.sphere_filter_blue:hover {
  /*background: #01b1ec;*/
}

/*orange*/
.sphere_filter_orange {
  color: #f3981f;
}

.sphere_filter_orange .sphere_filter_svg_container>img {
  height: 62%;
  top   : 19%;
}

.sphere_filter_orange .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f3981f;
}

.sphere_filter_orange.active,
.sphere_filter_orange:hover {
  /*background: #F3981F;*/
}

/*green*/
.sphere_filter_green {
  color: #2ead2a;
}

.sphere_filter_green .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #2ead2a;
}

.sphere_filter_green.active,
.sphere_filter_green:hover {
  /*background: #2ead2a;*/
}

.sphere_filter.active .sphere_filter_svg_container,
.sphere_filter:not(.inactive):hover .sphere_filter_svg_container {
  background: #1385c8;
}

.sphere_filter.active .sphere_filter_svg_container>img.colored_svg,
.sphere_filter:not(.inactive):hover .sphere_filter_svg_container>img.colored_svg {
  display: none;
}

.sphere_filter_apprentissage .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #3d56a6;
}

.sphere_filter_arts .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f1ca43;
}

.sphere_filter_francais .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #923895;
}

.sphere_filter_language .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #27b7ea;
}

.sphere_filter_math .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f5a940;
}

.sphere_filter_physique-sante .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #38b34a;
}

.sphere_filter_sciences .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #bfd864;
}

.sphere_filter_socio-affectif .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f15a3e;
}

.sphere_filter_social .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #d83593;
}

.sphere_filter_affirmer .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f5a941;
}

.sphere_filter_communiquer .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #37b34a;
}

.sphere_filter_interagir .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #00b8f1;
}

.sphere_filter_mener .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #d83593;
}

.sphere_filter_construire .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f0593d;
}

.sphere_filter_agir .sphere_filter_svg_container {
  box-shadow: 0px 0px 0px 8px #f1ca42;
}

.observation_entry {
  position         : relative;
  border-left-style: solid;
  border-left-width: 15px;
}

.observation_entry:before {
  position: absolute;
  content : "";
  height  : 100%;
  right   : 0;
  left    : -15px;
  top     : 0;
  width   : 15px;
}

.observation_entry.hidden_by_period_filter,
.observation_entry.hidden_by_exp_filter,
.observation_entry.hidden_by_sphere_filter,
.observation_entry.hidden_by_child_filter {
  display: none;
}


.observation_entry.privee .item_entry_state {
  background-color: #888;
}

.observation_entry.partagee .item_entry_state {
  background-color: #01b1ec;
}

.observation_entry.partagee:before {
  display: none;
}

.observation_entry .item_entry_state .vertical_text {
  width: 150px;
}

.observation_entry>p {
  padding-left: 5px;
}

/*yellow*/
.yellow_observation_entry,
.yellow_observation_entry .sphere_icon {
  border-color: #f2c200;
}

.yellow_observation_entry .sphere_name {
  color: #f2c200;
}

/*green*/
.green_observation_entry,
.green_observation_entry .sphere_icon {
  border-color: #2ead2a;
}

.green_observation_entry .sphere_name {
  color: #2ead2a;
}

/*blue*/
.blue_observation_entry,
.blue_observation_entry .sphere_icon {
  border-color: #01b1ec;
}

.blue_observation_entry .sphere_name {
  color: #01b1ec;
}

/*orange*/
.orange_observation_entry,
.orange_observation_entry .sphere_icon {
  border-color: #f3981f;
}

.orange_observation_entry .sphere_name {
  color: #f3981f;
}

/*red*/
.red_observation_entry,
.red_observation_entry .sphere_icon {
  border-color: #e56060;
}

.red_observation_entry .sphere_name {
  color: #e56060;
}

#observation_modal h4 {
  font-family: "Raleway", sans-serif;
}

.experience_cat {
  margin-bottom: 10px;
  border-top   : 1px solid #e6e6e6;
  padding-top  : 13px;
  display      : none;
}

.observation_experience {
  padding : 3px 25px;
  position: relative;
}

.observation_experience_detail {
  padding : 3px 40px;
  position: relative;
}

.observation_experience.model {
  display: none;
}

.observation_experience .btnDelExp {
  position: absolute;
  left    : -15px;
  top     : 1px;
  color   : #dbdbdb;
  display : none;
}

.observation_experience_detail .btnDelExp {
  position: absolute;
  left    : -15px;
  top     : 1px;
  color   : #dbdbdb;
  display : none;
}

.observation_experience:hover .btnDelExp,
.observation_experience_detail:hover .btnDelExp {
  display: block;
}

/* Add experience to observation modal */
#filter_by_experience_modal select,
#add_experience_modal select {
  width: 100%;
}

#filter_by_experience_modal .close,
#add_experience_modal .close,
#children_static_list_modal .close {
  font-size: 40px;
  position : absolute;
  top      : 10px;
  right    : 10px;
}

.experience_list {
  height    : 250px;
  overflow-y: scroll;
  box-shadow: inset 0px 2px 5px 2px rgba(0, 0, 0, 0.05);
}

.experience_list .experience {
  padding: 5px 13px;
}

.experience_list .experience:not(.no_hover) {
  cursor: pointer;
}

.experience_list .experience:not(.no_hover):hover {
  background: #f1f1f1;
}

.experience_list .experience.active {
  background: #1385c8 !important;
  color     : white;
}

/* END OF: Add experience to observation modal */

/* END OF: Journal des observations */
body.exp-cles #corps {
  padding: 20px 0 40px 30px;
}

body.exp-cles .experience_list {
  height    : 100%;
  overflow-y: hidden;
  box-shadow: none;
}

body.exp-cles .experience_list .experience {
  padding      : 5px 0;
  border-bottom: 1px solid #e6e6e6;
  margin       : 0 30px 0 10px;
}

body.exp-cles .experience_list .experience:last-child {
  border: none;
}

body.exp-cles h2 {
  font-size  : 25px;
  font-family: "VAG Rounded Std Light";
  padding    : 10px 0;
  margin-top : 0px;
}

body.exp-cles #modules_planitou_side_menu h2 {}

.linked_children_list {
  font-size: 11px;
  margin   : 5px 0 0 5px;
}

/* END OF: Expériences clés */

#children_static_list_modal .experience {
  border-top   : 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding      : 5px;
}

#children_static_list_modal .btn-primary {
  position  : absolute;
  right     : 0;
  margin-top: 20px;
}

#children_static_list_modal .btn-primary:hover {
  text-decoration: none;
}

.child_card {
  margin: 5px 0;
}

.child_card .round_photo {
  width  : 40px;
  height : 40px;
  display: inline-block;
}

.child_card .user_full_name {
  display       : inline-block;
  height        : 40px;
  line-height   : 40px;
  vertical-align: top;
  margin-left   : 10px;
}

.experience_list .children_cards_container {
  display: none;
}

body.jdb2 .fichejdb .educName {
  padding-right: 60px;
  padding-top  : 15px;
}

body.jdb2 .zoneInfoFiche .pull-left.view-mode:before {
  content         : " ";
  position        : absolute;
  z-index         : 100;
  width           : 100%;
  height          : 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

body.jdb2 .zoneInfoFiche .pull-left {
  width   : 50%;
  position: relative;
}

body.jdb2 .zoneInfoFiche .pull-left .titre {
  width: 120px;
}

body.jdb2 .zoneInfoFiche .bloc-img {
  height: 35px;
  width : 35px;
}

body.jdb2 .zoneInfoFiche .pull-left .groupe-choix svg {
  height: 30px;
}

body.jdb2 .zoneInfoFiche .pull-left.repas .groupe-choix svg {
  height: 40px;
}

body.jdb2 .zoneInfoFiche .pull-left.repas .bloc-img {
  width: 35px;
}

body.jdb2 .zoneInfoFiche .groupe-choix.relations {
  padding-top: 10px;
}

body.jdb2 .zoneInfoFiche .groupe-choix.consignes {
  padding-top: 10px;
}

body.jdb2 .fichejdb .groupe_message {
  margin-left: 20px;
}


.user_rating .ratings-box {
  width: 100%;
}

.ratings-box {
  float      : left;
  width      : 49%;
  display    : inline-flex;
  align-items: center;
}

.ratings-box .titre {
  width  : 45%;
  padding: 0 10px !important;
}

.ratings-box .groupe-choix {
  width: 87%;
}

.ratings-box:nth-child(odd) {
  /* clear:both; */
}

.ratings-box .groupe-choix .bloc-img svg {
  width  : 100%;
  height : 100%;
  padding: 0 !important;
}

.ratings-box .groupe-choix .bloc-img {
  margin : 2px !important;
  padding: 0 !important;
}


.rating-bleu .svgIcon,
.rating-bleu .svgIcon:hover svg *,
.rating-bleu .svgIcon:hover svg * {
  fill: #1385c8;
}

.rating-orange .svgIcon,
.rating-orange .svgIcon:hover svg *,
.rating-orange .svgIcon:hover svg * {
  fill: #f89406;
}

.rating-rose .svgIcon,
.rating-rose .svgIcon:hover svg *,
.rating-rose .svgIcon:hover svg * {
  fill: #c813bd;
}

.rating-vert .svgIcon,
.rating-vert .svgIcon:hover svg *,
.rating-vert .svgIcon:hover svg * {
  fill: #13c815;
}

.rating-rouge .svgIcon,
.rating-rouge .svgIcon:hover svg *,
.rating-rouge .svgIcon:hover svg * {
  fill: #c81313;
}

.rating-jaune .svgIcon,
.rating-jaune .svgIcon:hover svg *,
.rating-jaune .svgIcon:hover svg * {
  fill: #ffd225;
}

.rating-bleu {
  color: #1385c8;
}

.rating-orange {
  color: #f89406;
}

.rating-rose {
  color: #c813bd;
}

.rating-vert {
  color: #13c815;
}

.rating-rouge {
  color: #c81313;
}

.rating-jaune {
  color: #ffd225;
}

.ratings-box {
  position: relative;
  height  : 58px;
}

.ratings-box-editable .svgIcon {
  width: 35px;
}

.ratings-box .groupe-choix .bloc-img.on svg,
.ratings-box .groupe-choix .bloc-img.selected svg,
.ratings-box .groupe-choix .bloc-img svg.clicked {
  fill: inherit;
}

svg.hovered {
  fill: unset !important;
}

span.bloc-img.rating-icon.selected~span svg {
  fill: #e6e6e6;
}

.groupe-choix svg {
  fill: unset;
}

.ratings-box .bloc-img.unselected svg {
  fill: #e6e6e6;
}

.close_btn {
  position: absolute;
  top     : 0;
  right   : 0;
  margin  : 5px 10px;
  cursor  : pointer;
  filter  : grayscale(100%);
  width   : 11px;
  opacity : 0.3;
}

.close_btn:hover {
  filter : grayscale(0%);
  opacity: 1;
}

.close_btn img {
  width : 11px;
  height: 11px;
}

.iconesPopup {
  position  : absolute;
  background: white;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  border    : 1px solid #ddd;
  padding   : 10px 8px 0;
  z-index   : 9;
}

.iconesPopup .rating-icon {
  width  : 35px;
  height : 35px;
  display: inline-block;
  margin : 0 2px;
}

.iconesPopup .rating-icon:hover {
  filter: brightness(1.5);
}

.ratings-box span.bloc-img {
  height    : 35px;
  width     : 35px;
  display   : block;
  float     : left;
  padding   : 4px;
  margin    : 3px 2px;
  text-align: center;
}

.ratings-box.ratings-box-editable {
  border-left: 2px double #ccc;
  padding    : 10px;
  border     : 1px solid #ccc;
  width      : 100%;
  min-height : 94px;
}

.ratings-box-editable input {
  margin : 2px 0px;
  padding: 0px 8px;
  border : 1px solid #ddd;
}

.ratings-box.ratings-box-editable .titre {
  width: 50%;
}

.sortableRatings li,
body>li {
  margin    : 5px;
  display   : inline-flex;
  width     : 48%;
  list-style: none;
}

span.multiplier {
  position: relative;
  left    : 10px;
  top     : 3px;
}

span.multiplier div {
  display      : inline-flex;
  font-weight  : 900;
  align-content: center;
}

span.multiplier div input {
  width      : 50px;
  font-weight: 900;
  margin     : 2px;
}

span.multiplier div span {
  margin-top: 10px;
}

body.EP #modules_planitou_side_menu a.menu-item-exp-cle,
body.EP #modules_planitou_side_menu a.planning_module_link,
body.EP #modules_planitou_side_menu a.menu-item-banque-activites,
body.EP #modules_planitou_side_menu a.menu-item-fetes,
body.EP th.garde_partagee,
body.EP td.garde_partagee {
  display: none;
}

body.EP #journal_modal .info_age {
  display: none;
}

body.EP #journal_modal .btnAbsence {
  display: none;
}

body.EP #journal_modal .champ.full_width {
  display: none;
}

body.EP #journal_modal .zoneDehors {
  display: none !important;
}

body.EP #journal_modal .zoneSieste {
  display: none !important;
}

body.EP #journal_modal .zoneBiberon {
  display: none !important;
}

body.EP .commentaires-sante>.span6 {
  display: none;
}

body.EP .commentaires-sante>.span6:first-child {
  display: block;
}

body.EP .msgCommentaires {
  margin-right: 0px;
}

body.EP #journal_modal .titre.titre-bienetre {
  width     : 210px;
  text-align: center;
}

body.EP #journal_modal .titre.titre-relations,
body.EP #journal_modal .groupe-choix.relations,
body.EP #journal_modal .titre.titre-consignes,
body.EP #journal_modal .groupe-choix.consignes {
  display: none;
}

body.EP #journal_modal div.repas {
  display: none;
}

body.EP #journal_modal .groupe_message {
  width      : 100%;
  margin-left: 0px;
  margin-top : 20px;
}

body.EP #journal_modal .msgCommentaires {
  width      : 100%;
  margin-left: 0px;
}

body.EP #journal_modal .jdb-ep-message .span6 {
  width: 90%;
}

body.EP #journal_modal .commentaires-sante .span6 {
  width: 90%;
}

body.EP .destiSelection .help-block ul li:first-child {
  display: none;
}

body.EP .destiSelection .help-block ul li:nth-child(2) {
  display: none;
}

body.EP a[data-target="#filter_by_experience_modal"] {
  display: none !important;
}

body.EP tr.rang_familial,
body.EP tr.medecin,
body.EP .infoSuppToggle,
body.EP tr.medicaments,
body.EP tr.acetaminophene {
  display: none;
}

body.EP .infoSupp.enfant-note {
  display   : table-row;
  visibility: visible;
}

body.EP .infoSupp.langue {
  display   : table-row;
  visibility: visible;
}

body.EP .infoSupp.personnesAutorisees {
  display   : table-row;
  visibility: visible;
}

body.EP tr.signature-section {
  display: none;
}

body.EP tr.magic-sentence {
  display: none;
}

body.EP tr.parent-address {
  display: none;
}

body.EP tr.educatrice-address {
  display: none;
}

body.EP tr.educatrice-date_naissance {
  display: none;
}

body.EP tr.educatrice-langue_maternelle {
  display: none;
}

body.EP tr.educatrice-contact_urgence {
  display: none;
}

body.EP tr.parent-coordonnees,
body.EP tr.educatrice-coordonnees {
  display: none;
}

body.EP div#wel_content a.btn-warning {
  display: none !important;
}

body.EP.perm3 .enfants_list .enfant_card .user_sub_info {
  display: none;
}

body.EP.perm3 .jdb_main form select.form-control {
  display: none;
}

body.EP.perm3 #app .choose_kid_window .step_tools select.form-control {
  display: none;
}

body.EP.perm3 form.form-bottin {
  display: none;
}

body.EP.perm3 #portfolio-app-container .projet-list-section .user_selection_list .user_sub_info {
  display: none;
}

body.EP .payeur_princ {
  display: none !important;
}

body.EP #conteneur .zoneAlbum {
  clear: both;
}

body.EP.perm4 #pied div.survey {
  display: none;
}

body.EP #observation-app-container div.observation_portrait_category.section-content {
  display: none;
}

body #white-board iframe {
  width     : 100%;
  min-height: 800px;
  height    : 800px;
}

body.EP .btn-group.selYear {
  display: none;
}

body.EP .enfant_card .user_info .user_sub_info { display: none; }

body.SDGS th.garde_partagee,
body.SDGS td.garde_partagee {
  display: none;
}

body.SDGS #journal_modal .info_age {
  display: none;
}

body.SDGS #journal_modal .btnAbsence {
  display: none;
}

body.SDGS #journal_modal .champ.full_width {
  display: none;
}

body.SDGS #journal_modal .zoneDehors {
  display: none !important;
}

body.SDGS #journal_modal .zoneSieste {
  display: none !important;
}

body.SDGS #journal_modal .zoneBiberon {
  display: none !important;
}

body.SDGS .commentaires-sante>.span6 {
  display: none;
}

body.SDGS .commentaires-sante>.span6:first-child {
  display: block;
}

body.SDGS .msgCommentaires {
  margin-right: 0px;
}

body.SDGS #journal_modal div.repas {
  display: none;
}

body.SDGS .btn-group.selYear {
  display: none;
}

body.SDGS .destiSelection .help-block ul li:first-child {
  display: none;
}

body.SDGS .destiSelection .help-block ul li:nth-child(2) {
  display: none;
}

body.SDGS a[data-target="#filter_by_experience_modal"] {
  display: none !important;
}

body.SDGS .liste-experience-cle {
  display: none !important;
}

body.SDGS tr.rang_familial,
body.EP tr.medecin,
body.EP tr.medicaments,
body.EP tr.acetaminophene {
  display: none;
}

body.SDGS div#wel_content a.btn-warning {
  display: none !important;
}

body.SDGS .modal-body .fichejdb .row:nth-child(4) {
  width: 55%;
  float: left;
}

body.SDGS .modal-body .fichejdb .row:nth-child(4) .span12 {
  width: 100%;
}

body.jdb2.SDGS .zoneInfoFiche .pull-left {
  width: 100%;
}

body.jdb2.SDGS .zoneInfoFiche .pull-left .titre {
  width: 40%;
}

body.SDGS .sphere_filters_container {
  display: none;
}

body.SDGS .modal-body .sphere_filters_container {
  display: block;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  line-height: 1.4;
}

::-moz-selection {
  background : #b3d4fc;
  text-shadow: none;
}

::selection {
  background : #b3d4fc;
  text-shadow: none;
}

hr {
  display   : block;
  height    : 1px;
  border    : 0;
  border-top: 1px solid #ccc;
  margin    : 1em 0;
  padding   : 0;
}

img {
  vertical-align: middle;
  max-width     : none;
}

fieldset {
  border : 0;
  margin : 0;
  padding: 0;
}

textarea {
  resize: both;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0;
}

body img.cover {
  max-width: 100%;
}


body {
  background-color: white;
  margin-top      : 0;
  overflow-y      : scroll;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  color     : #1385c8;
  font-size : 35px;
  margin-top: 5px;
}

h2 {
  font-size  : 18px;
  line-height: 1.4em;
}

h3 {
  font-size  : 20px;
  line-height: 24px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

.clear {
  float: none;
  clear: both;
}

legend {
  font-size: 14px;
  border   : none;
}

th {
  text-align: left;
}

/*.btn{margin:0 5px 5px 0;}*/

.rel {
  position: relative;
}

.center {
  text-align: center;
}

.pointer {
  cursor: pointer;
}

.red {
  color: #db0000;
}

.green {
  color: #069100;
}

.alert-alert2 {
  text-shadow     : none;
  background-color: #f9e1c1;
  border          : 1px solid #d2bfa5;
  color           : #003853;
}

.fieldNotice {
  display      : block;
  margin-bottom: 10px;
  color        : #999;
}

.fieldBlock {
  overflow: hidden;
}

.fieldBlock input,
.fieldBlock select,
.fieldBlock textarea {
  margin-bottom: 0;
}

.mskDate {
  width: 90px;
}

/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  filter        : url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
  filter        : grayscale(1);
  filter        : gray;
}

.grayscale.grayscale-fade {
  transition: filter 0.5s;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter 0.5s;
    transition        : -webkit-filter 0.5s;
  }
}

.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
  -webkit-filter: grayscale(0);
  filter        : grayscale(0);
}

.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter        : none;
}

.grayscale.grayscale-replaced>svg {
  -webkit-transition: opacity 0.5s ease;
  transition        : opacity 0.5s ease;
  opacity           : 1;
}

.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg {
  opacity: 0;
}

#infoFU,
#corps,
.texte {
  border-radius: 18px;
}

#infoFU,
#corps {
  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.05);
  /*width   : 985px;*/
  background: white;
  padding   : 20px 30px 40px 30px;
}

#corps {
  padding: 20px 50px 40px 50px;
}

#conteneur {
  /*width:985px;*/
  height      : auto;
  margin      : 0px auto;
  padding     : 0px;
  position    : relative;
  /* min-width: 100%; */
  width       : 10;
}

#ctn {
  position: relative;
}

#s-menu {
  padding-top    : 10px;
  line-height    : 25px;
  width          : 44px;
  min-height     : 350px;
  font-size      : 13px;
  text-align     : left;
  color          : #7fb2d7;
  text-decoration: none;
  float          : left;
  display        : inline;
}

#s-menu h2 {
  color      : #0082c8;
  font-size  : 17px;
  padding    : 0 0 0 15px;
  line-height: 1.8em;
}

#s-menu .link {
  padding-left  : 15px;
  padding-bottom: 3px;
}

#s-menu .sub_link {
  padding-left: 30px;
}

#s-menu .sub_link a {
  color     : #0082c8;
  margin-top: 10px;
}

#s-menu .sub_sub_link {
  padding-left: 45px;
}

#s-menu .sub_sub_link a {
  color: #d0e4ee;
}

#s-menu a {
  color          : #0082c8;
  text-decoration: none;
  text-shadow    : 0 1px 1px rgba(255, 255, 255, 0.7);
}

#s-menu a:hover {
  text-decoration: underline;
}

.accueil-info a .disabled,
#s-menu .disabled a {
  color : #999;
  cursor: default;
}

.accueil-info .disabled.item:hover {
  background-color: #fff;
}

#s-menu .disabled a:hover {
  text-decoration: none;
}

#entete {
  /*width: 985px;*/
  /*min-height: 138px;*/
  padding      : 10px 0 0 0;
  /*background : url(../images/enfant_small.png) no-repeat right 6px;*/
  position     : relative;
  margin-bottom: 6px;
}

#entete h1 {
  float          : right;
  font-size      : 20px;
  font-family    : "VAG Rounded Std Light";
  color          : white;
  text-decoration: none;
  vertical-align : top;
  text-align     : right;
  padding        : 0;
  font-weight    : normal;
  line-height    : 20px;
  margin-top     : 34px;
}

.survey .affMessage {
  width     : auto !important;
  padding   : 10px 5px;
  text-align: center;
  font-size : 14px;
}

.survey .affMessage button {
  margin: 8px 0 8px 5px;
}

.survey .affMessage span {
  line-height: 26px;
}

#modal_sond_plani {
  text-align: left;
  font-size : 14px;
  min-height: 200px;
}

#modal_sond_plani input {
  width: 95%;
}

#modal_fuse_welcome {
  width : 620px;
  margin: -250px 0 0 -300px;
}

#modal_fuse_message {
  width      : 762px;
  margin-left: -381px;
}

#modal_fuse_message .affMessage {
  width : 700px;
  margin: 0;
}

#modal_fuse_message>.modal-header {
  border-bottom: none;
}

#modal_fuse_message h3 {
  margin: 0;
}

#modal_sess_lock .timer {
  position  : absolute;
  top       : 10px;
  text-align: right;
  width     : 250px;
  font-size : 12px;
  color     : #7a7a7a;
  right     : 15px;
}

.affMessageFix>.affMessage {
  clear   : both;
  top     : 10px;
  position: relative;
}

#modal_fuse_welreminder {
  width: 630px;
}

/** boostrap personalizations **/
label {
  /* font-size:13px; */
  /* cursor: pointer; */
}

.form-horizontal {
  margin-top: 20px;
}

.form-horizontal .controls {
  margin-left: 230px;
}

.form-horizontal .control-label {
  width: 210px;
}

.tooltip-inner {
  text-shadow: none;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

.navbar .tooltip-inner {
  width: 195px;
}

.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}

.dropdown-menu {
  margin: 0;
}

.affix#affix-smenu {
  top  : 20px;
  width: 192px;
}

.affix#affix-mainmenu {
  top       : 0;
  z-index   : 1000;
  position  : fixed;
  height    : 42px;
  margin-top: 0;
}

.affix#affix-mainmenu #badgeNbNewMsg {
  top: -1px;
}

.affix-top#affix-mainmenu {}

.navbar {
  font-size    : 15px;
  font-family  : "Nunito", sans-serif;
  /*width      : 987px;*/
  border       : 0;
  margin-bottom: 0;
  /*    bottom :0;
    position   :absolute;*/
}

/*.navbar .nav > li > a{color:#003652;}*/
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
  color: white;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
  /*    color:#08C;
    text-shadow:none;
    background-color:#C6EAFA;
    -webkit-box-shadow: inset 0 3px 10px rgba(96, 189, 241, 0.88);-moz-box-shadow: inset 0 3px 10px rgba(96, 189, 241, 0.88);box-shadow: inset 0 3px 10px rgba(96, 189, 241, 0.88);*/
}

.navbar .nav>li.disabled>a {
  /*color:#999;*/
  display: none;
}

.navbar .divider-vertical {
  margin      : 0;
  border-right: 1px solid #daeef7;
  border-left : 1px solid #d3e4ec;
  display     : none;
}

.navbar-inner {
  padding-right: 0;
  padding-left : 0;
  width        : 100%;
}

.navbar a.menu_static,
.navbar a.menu_static:hover,
.navbar .nav>li>a.menu_static {
  color: #003652;
}

.badgeNewComment,
#badgeNbNewMsg {
  display           : none;
  position          : absolute;
  top               : 1px;
  right             : 2px;
  background        : #f3981f;
  font-weight       : normal;
  -moz-box-shadow   : 1px 1px 0px 0px rgba(0, 96, 147, 0.5);
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 96, 147, 0.5);
  box-shadow        : 1px 1px 0px 0px rgba(0, 96, 147, 0.5);
  height            : 24px;
  font-size         : 15px;
  border-radius     : 29px;
  width             : 26px;
  height            : 26px;
  padding           : 3px 4px;
  font-weight       : bold;
  line-height       : 21px;
  text-align        : center;
}

.badgeNewComment>span,
#badgeNbNewMsg>span {
  color: white;
}

.btnComment {
  position: relative;
}

.badgeNewComment {
  display : block;
  position: absolute !important;
  top     : -9px !important;
}

.messagerie {
  position: relative;
}

.msgNonLu {
  background : #d9edf7;
  font-weight: bold;
}

span[rel="msgCircle"] {
  color    : #0081c6;
  font-size: 13px;
}

.msgMouseOver {
  background: #daeef7;
}

.tabMessagerie td {
  padding: 5px;
}

.modal-footer .btn+.btn {
  margin: auto;
}

.modal-footer .btn {
  margin-left: 10px !important;
}

.modal-footer .btn.pull-left {
  margin-left : 0 !important;
  margin-right: 10px;
}

/** end boostrap personnalization **/
.rowHL {
  background-color: #fffad5 !important;
}

.cellHL {
  background-color: #c1f1c2 !important;
}

.plageControls {
  display   : none;
  position  : absolute;
  z-index   : 300;
  background: #fff;
  right     : -5px;
  bottom    : -28px;
  border    : 1px solid #ddd;
}

.plageControls>div {
  padding: 5px;
}

.nav-pills.planitou li {
  margin     : 15px 10px 15px 0;
  font-size  : 16px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
}

.nav-pills.planitou li.pull-right {
  margin: 15px 0 15px 15px;
}

#voir_fiche .input-tiny-besoins {
  width      : 30px;
  margin     : 0 4px;
  font-weight: bold;
}

#voir_fiche td {
  vertical-align: top;
}

#voir_fiche .modal-body {
  max-height: 473px;
}

#voir_fiche #rapport {
  display: none;
}

#voir_fiche .titre {
  font-weight   : bold;
  padding       : 0;
  vertical-align: middle;
}

#voir_fiche .section {
  padding: 4px 0 0 0;
}

#voir_fiche .item-section {
  padding: 0 0 0 15px;
}

#voir_fiche .besoins img {
  padding: 0;
  margin : 0;
}

#voir_fiche span.bloc-img {
  display   : block;
  float     : left;
  padding   : 4px;
  margin    : 3px 4px;
  text-align: center;
  height    : 40px;
  width     : 41px;
}

#voir_fiche span.selected {
  border               : 2px dashed #9acbf1;
  padding              : 3px;
  margin               : 2px 3px;
  -moz-border-radius   : 5px;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
}

#voir_fiche .titre-poupon {
  font-weight: bold;
  float      : left;
  width      : 100px;
  padding-top: 12px;
}

.print#voir_fiche .titre-poupon {
  padding: 6px 0 0 6px;
}

#voir_fiche .enfant-selecteurs span.bloc-img {
  height: 42px;
  width : 52px;
}

#voir_fiche .poupon-alimentation span.bloc-img {
  height: 40px;
  width : 40px;
}

#voir_fiche .sieste span.bloc-img {
  width  : 31px;
  height : 40px;
  padding: 3px;
  margin : 3px 2px;
}

#voir_fiche .sieste span.selected {
  padding: 2px;
  margin : 2px 1px;
}

#voir_fiche .dehors span.bloc-img {
  width  : 31px;
  height : 40px;
  padding: 3px;
  margin : 3px 2px;
}

#voir_fiche .dehors span.selected {
  padding: 2px;
  margin : 2px 1px;
}

#voir_fiche .msgPredefEnf {
  float: left;
  width: 50%;
}

#voir_fiche #msgPredef .select2-container {
  width: 240px;
}

#voir_fiche .msgSanteEnf {
  float: left;
  width: 50%;
}

#voir_fiche textarea[readonly],
#voir_fiche input[readonly] {
  background: #fff;
  cursor    : default;
}

#voir_fiche .auteurEnfant {
  bottom   : 0;
  font-size: 12px;
  position : absolute;
}

#voir_fiche .auteurPoupon {
  top      : 0;
  right    : 0;
  font-size: 12px;
  position : absolute;
}

#modal_edit_boire {
  width      : 340px;
  margin-left: -170px;
}

#modal_edit_sieste {
  width      : 340px;
  margin-left: -170px;
}

#modal_edit_sieste input,
#modal_edit_boire input {
  width      : 90px;
  margin-left: 10px;
}

#modal_edit_dehors {
  width      : 340px;
  margin-left: -170px;
}

#modal_edit_dehors input {
  width      : 80px;
  margin-left: 10px;
}

#dateFicheCourante {
  float   : right;
  right   : 8px;
  position: relative;
}

#hideContent {
  height    : 100px;
  width     : 100px;
  z-index   : 9998;
  background: rgba(0, 0, 0, 0.75);
  position  : absolute;
  top       : 0;
  left      : 0;
  display   : none;
}

#affMessageFiche {
  display    : none;
  width      : 400px;
  margin-left: 50%;
  left       : -200px;
  position   : absolute;
  z-index    : 1000;
}

.affMessage {
  width: 700px;
}

.affMessage .titre,
.alert-upload .titre {
  font-weight: bold;
  margin     : 10px 0;
}

.affMessage .msg .btn i {
  margin-right: 0;
}

.affMessage .left {
  float  : left;
  width  : 250px;
  display: block;
}

.affMessage .right {
  float  : left;
  display: block;
}

.affMessage .big {
  font-size: 14px;
}

.alert-danger,
.alert-error {
  background-color: #b94a48;
  border-color    : #eed3d7;
  color           : white;
}

.alert-upload {
  display: none;
  margin : 20px 0 5px 0;
}

/*.suonly{font-weight:bold;color:blue !important;text-decoration: underline;}*/
body.modal-open .modal-body {
  max-height: 400px;
  padding   : 15px;
  overflow-y: auto;
}

.suspendu {
  color: #b94a48;
}

.std {
  outline: none;
  color  : #297498;
}

.detActivite,
.variantes {
  margin-top : 20px;
  padding    : 1px;
  box-sizing : border-box;
  font-size  : 15px;
  font-weight: bold;
}

.detActivite {
  margin: 0;
}

#fiche_activite {
  width : 400px;
  margin: -276px 0 0 -200px;
}

.viewActivite {
  cursor: pointer;
}

#fiche_comment,
#voir_fiche {
  width : 840px;
  margin: -276px 0 0 -420px;
}

.print#voir_fiche {
  margin: 0;
}

#fiche_comment .modal-body {
  min-height: 200px;
  max-height: 400px;
}

#fiche_comment .addComment {
  margin: 0 0 10px 0;
}

#fiche_comment .addComment textarea {
  margin: 0;
  width : 690px;
  height: 45px;
}

#fiche_comment .addComment button {
  height: 55px;
}

#fiche_comment .viewComment {
  border-top: 1px solid #e6e6e6;
  margin    : 0 0 7px 0;
  padding   : 2px 3px;
}

#fiche_comment .viewComment.new {
  background: #fff9ae;
}

#fiche_comment .viewComment:first-child {
  border-top: 0;
}

#fiche_comment .infoComment {
  font-size: 12px;
  color    : #b9b9b9;
}

#fiche_comment .user {
  font-weight: bold;
}

#fiche_comment .viewedby {
  cursor : pointer;
  display: inline-block;
}

#fiche_comment .viewedby+.tooltip {
  width: 170px;
}

#fiche_comment .viewedby.none {
  cursor: default;
}

#fiche_comment .delete {
  display: inline-block;
}

#voir_activite {
  width : 840px;
  margin: -250px 0 0 -420px;
}

#voir_activite .modal-body {
  max-height: 473px;
}

#ajout_plage {
  width : 780px;
  margin: -250px 0 0 -390px;
}

#details_contact_container {
  width: 520px;
}

#tabEditActivite textarea {
  width: 400px;
}

#tabEditActivite input:not([type="submit"]) {
  width: 300px;
}

#tabEditActivite select,
#tabEditActivite input,
#tabEditActivite textarea {
  float: left;
}

#tabEditActivite input[type="submit"] {
  float: none;
}

#tabEditActivite input[type="submit"].pull-right {
  float: right;
}

#details_activite .nomChamp {
  font-weight  : bold;
  padding-right: 8px;
  width        : 200px;
  font-size    : 13px;
}

a {
  outline: none;
}

#mainMenu {
  margin     : 0px;
  padding    : 0px;
  clear      : both;
  height     : 21px !important;
  line-height: 0px;
  overflow-y : hidden;
}

#mainMenu ul {
  list-style: none;
  margin    : 0px;
  padding   : 0px;
  height    : 21px;
}

#mainMenu li {
  padding: 0px;
  display: inline;
  float  : left;
  height : 21px;
}

#mainMenu a {
  position: relative;
  display : block;
}

#mainMenu a img {
  border: none;
}

#mainMenu a .hover {
  position: absolute;
  display : none;
}

#btn_connexion {
  width: 194px;
}

#btn_planification {
  height: 21px;
}

#btn_activites {
  margin-left: -20px;
}

#btn_ressources {
  margin-left: -45px;
}

#btn_enfants {
  margin-left: -30px;
}

#btn_presences {
  margin-left: -20px;
}

#btn_messagerie {
  margin-left: -20px;
}

#btn_administration {
  margin-left: -30px;
}

#infomnuright {
  float      : right;
  height     : 20px;
  line-height: 20px;
  font-size  : 12px;
}

#infomnuright div {
  margin-left: 10px;
}

#initHelp {
  line-height: 1em;
  position   : relative;
  right      : 0;
  top        : 0;
  margin-left: 10px;
}

#initHelp a {
  text-decoration: none;
  color          : #003853;
  font-size      : 30px;
}

a.guiders_button:hover {
  color          : #fff;
  text-decoration: none;
}

#langue {
  width  : 50px;
  height : 20px;
  display: inline;
  float  : right;
}

#langue a {
  color          : #297498;
  text-decoration: none;
}

#langue a:hover {
  text-decoration: underline;
  color          : #137aac;
}

#content {
  width             : 192px;
  /*background-color:#ccc;*/
}

.tabAucunResultat {
  text-align : center;
  font-weight: bold;
  margin     : 15px 0;
}

.tabFiltres td {
  vertical-align: middle;
}

.error {
  color: #e44c4a;
}

.error .control-group {
  clear: both;
}

.content {
  width: 100%;
}

table.content {
  clear: both;
}

.content td {
  vertical-align: top;
  padding       : 4px;
}

.content.dataGrid {
  margin: 15px 0;
}

.content th {
  padding    : 4px;
  font-weight: bold;
}

.content.dataGrid td {
  vertical-align: middle;
  padding       : 4px;
}

.content td.col-label {
  width: 170px;
}

.content .error input,
.content .error select,
.content .error .btn-group button,
.content .error textarea {
  border: #b94a48 2px solid;
  float : left;
}

.content .error .btn-group,
.error .select2-container {
  float: left;
}

.error .select2-container>a {
  border: #b94a48 2px solid;
}

.error .caljs {
  margin-left: 4px;
  float      : left;
  transform  : translateY(10px);
}

.infoSuppToggle {
  font-weight: bold;
}

.infoSuppToggle td {
  height        : 40px;
  vertical-align: middle;
}

.infoSuppToggle span {
  text-decoration: underline;
}

.infoSuppToggle a:hover {
  text-decoration: none;
}

.infoSupp {
  display: none;
}

.infoSuppShow {}

.error .poids input,
.error .poids .msgError {
  float  : none;
  display: inline;
}

.content .error .poids .btn-group {
  float: none;
}

.msgError {
  transform            : translateY(7px);
  background-color     : #b94a48;
  padding              : 3px 8px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius   : 9px;
  border-radius        : 9px;
  float                : left;
  font-size            : 11px;
  font-weight          : bold;
  line-height          : 14px;
  color                : white;
  text-shadow          : 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space          : nowrap;
  vertical-align       : baseline;
  margin               : 0 0 0 5px;
}

.content .error .btn-group+input+.msgError,
.content .error .btn-group+.msgError {
  margin: 5px;
}

.texte {
  /*width: 901px;*/
  /*    padding: 10px 20px 40px 20px;*/
  font-size            : 14px;
  background           : #fff;
  color                : #003853;
  min-height           : 350px;
  overflow             : auto;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius   : 0 4px 4px 0;
  border-radius        : 0 4px 4px 0;
}

.texte td,
.print#voir_fiche td {
  font-size: 1em;
}

.texte td .help-block {
  font-size: 0.93em;
  padding  : 10px 10px;
}

.oneCol .texte {
  width: auto;
}

.oneCol #processedInfo {
  padding: 0 0 0 61px;
}

.bteVideo {
  margin-bottom: 40px;
}

#shadow {
  float  : left;
  display: inline;
}

#pied {
  padding            : 30px;
  background-position: left top;
  background-repeat  : no-repeat;
}

#pied a {
  text-decoration: none;
}

#pied a:hover {
  text-decoration: underline;
  color          : #137aac;
}

div.pied {
  font-size: 12px;
  float    : left;
}

div.pied p {
  font-size: 14px;
}

div.pied#p1 {
  width: 33%;
}

div.pied#p1>div {
  padding: 0 0 0 5px;
}

div.pied#p2 {
  width     : 34%;
  text-align: center;
}

div.pied#p2 .survey {
  margin-top: 30px;
}

div.pied#p3 {
  width: 33%;
}

div.pied#p3>div {
  margin    : 0 5px 0 0;
  text-align: right;
}

.menu-semaine {
  padding-top: 30px;
  width      : 90%;
}

.menu-label {
  padding-top: 10px;
  text-align : right;
  width      : 20%;
}

.menu-jour {
  clear   : both;
  display : block;
  overflow: hidden;
}

.menu-semaine .langue {
  text-align: center;
  float     : left;
  width     : 360px;
  display   : inline;
}

.menu-input {
  text-align: center;
  display   : inline;
}

.menu-semaine textarea {
  width : 340px;
  height: 100px;
}

.menu-text {
  padding: 10px;
}

.ligne_pair {
  background-color: #daeef7;
}

.nav-pills.listemodagenda li {
  line-height: 1;
  margin     : 0 10px 10px 0;
  font-size  : 15px;
  font-weight: bold;
}

.nav-pills.listemodagenda li a {
  line-height: 1.3em;
}

.modelagenda {
  display: none;
}

.selectCeduleModel {
  text-align: center;
  margin    : 0 0 20px 0;
}

.content_cedule {
  width: 100%;
}

.content_cedule label {
  display     : inline;
  margin-right: 5px;
}

.content_cedule input[type="checkbox"] {
  margin: 0;
}

.content_cedule .divRdoFixVar {
  margin: 0 0 6px 0;
}

.content_cedule .tooltip {
  width: 160px;
}

.ceduleInfo {
  font-style: italic;
  color     : #b0b0b0;
}

.bordure {
  border: 1px solid #eee;
}

.btn-retour-cedule {
  margin-left: 10px;
}

.cal_heure {
  color: #137aac;
}

/*img[src="/images/cal-trans.png"] {
    transform:translate(10px, -6px);
}*/

.allCalendrierWidth {
  width: 100%;
}

.calendrier {
  border-right : 1px solid #28a3d2;
  border-bottom: 1px solid #28a3d2;
  margin       : 0 0 20px 0;
}

.calendrier td {
  border-left: 1px solid #28a3d2;
  border-top : 1px solid #28a3d2;
  padding    : 4px;
  text-align : center;
  cursor     : default;
}

.calendrier td.jour_special {
  color           : #ffffff;
  font-weight     : bold;
  background-color: #28a4d2;
  padding         : 0;
}

.calendrier td.jour_special a,
.calendrier td.jour_special a:hover {
  color          : #fff;
  text-decoration: none;
  display        : block;
  width          : 100%;
  height         : 100%;
  line-height    : 24px;
}

.jourSpecial {
  padding     : 10px;
  margin      : 0 0 5px 0;
  color       : #003853;
  border-color: #dfcfb2;
  text-align  : center;
}

#print_feries {
  float : right;
  cursor: pointer;
}

.ferieListe {
  margin           : 80px 0 0 0;
  page-break-before: always;
}

.lstDates {
  list-style-type: none;
  margin         : 0;
}

.lstDates li {
  display   : block;
  clear     : both;
  padding   : 5px 0;
  overflow  : hidden;
  border-top: 1px solid #137aac;
}

.lstDates span {
  float  : left;
  display: block;
}

.lstDates .date {
  width  : 30px;
  display: block;
  float  : left;
  margin : 0 0 0 5px;
}

.lstDates .desc {
  width: 300px;
}

.lstDates .mois {
  background : #28a4d2;
  color      : #fff;
  margin     : 20px 0 0 0;
  padding    : 2px 5px;
  font-weight: bold;
  border     : none;
}

.sep_bas_tbl {
  border-bottom: 1px solid #137aac;
}

.sep_bas_tbl td,
.sep_bas_tbl th {
  padding: 7px 0;
}

.sep_bas_tbl td:first-child,
.sep_bas_tbl th:first-child {
  padding-left: 4px;
}

.no_result {
  text-align : center;
  padding-top: 10px;
}

.filtreGrpStat {
  margin  : 1em 0;
  overflow: hidden;
}

.filtreGrpStat label {
  font-weight: bold;
}

#table_print {
  width: 100%;
}

#table_print th,
#table_print td {
  padding-left: 8px;
}

#table_print th:first-child,
#table_print td:first-child {
  padding-left: 2px;
}

.icon-double {
  margin-left: -10px;
  margin-top : 4px;
  background : white;
  z-index    : 0;
  position   : relative;
}

#ctn-vide {
  background-image   : url(../images/bkg_content-vide.png);
  background-repeat  : repeat-y;
  background-position: left top;
}

#texte-vide {
  width     : 948px;
  padding   : 0 20px 20px 20px;
  text-align: left;
  font-size : 11px;
  color     : #003853;
  margin    : 0;
}

#top-vide {
  display            : block;
  width              : 985px;
  height             : 35px;
  margin             : 0px;
  padding            : 0px;
  background-image   : url(../images/top_content-vide.png);
  background-position: right top;
  background-repeat  : no-repeat;
}

#pied-vide {
  width              : 985px;
  height             : 35px;
  margin             : auto;
  display            : block;
  background-image   : url(../images/bottom_content-vide.png);
  background-position: left top;
  background-repeat  : no-repeat;
}

#pied-vide a {
  line-height    : -1px;
  color          : #919285;
  text-decoration: none;
}

#pied-vide a:hover {
  text-decoration: underline;
  color          : #137aac;
}

#corps-vide {
  width              : 985px;
  padding            : 0px;
  margin             : 0px;
  background-position: left top;
  background-repeat  : repeat-y;
  background-image   : url(../images/bkg_gradient.png);
}

input+.caljs {
  position   : relative;
  top        : -5px;
  margin-left: 1px;
}

.header_rapport {
  font-size       : 0.85em;
  font-weight     : bold;
  background-color: #daeef7;
  border          : 1px solid #137aac;
  padding         : 0.5em;
  margin-top      : 5px;
}

.header_rapport_grp {
  font-size       : 0.85em;
  font-weight     : bold;
  background-color: #71afcd;
  border          : 1px solid #137aac;
  padding         : 0.5em;
  margin-top      : 5px;
}

.footer_rapport {
  font-weight: bold;
  border-top : 1px solid #137aac;
  padding    : 0.5em 0.5em 2em 0.5em;
  margin-top : 5px;
}

.data_rapport {
  padding: 0.25em 0.25em 0.25em 0.5em;
}

.rapportHide {
  float        : left;
  clear        : left;
  padding-right: 10px;
}

/* rapport groupe */
.rapportGroupeNom {
  float    : left;
  font-size: 11px;
}

.rapportGroupeHeures {
  float    : right;
  font-size: 11px;
}

/* rapport enfant */
.rapportEnfant {
  margin-left: 10px;
  font-size  : 11px;
}

.rapportEnfantNom {
  float: left;
}

.rapportEnfantHeures {
  float    : right;
  font-size: 11px;
}

/* rapport semaine */
.rapportSemaine {
  margin-left: 20px;
  font-size  : 11px;
}

.rapportSemaineNumero {
  float: left;
}

.rapportSemaineDate {
  float       : left;
  padding-left: 30px;
}

.rapportSemaineHeures {
  float: right;
}

/* rappport jour de semaine */
.rapportDataDate {
  float: left;
}

.rapportDataHeures {
  float       : left;
  padding-left: 140px;
}

.rapportDataArrivee {
  float: left;
}

.rapportDataDepart {
  float       : left;
  padding-left: 30px;
  width       : 75px;
}

.rapportDataTotalHeures {
  float       : left;
  padding-left: 100px;
}

.rapportDataAction {
  float: right;
}

/* rapport jour multiple */
.rapportDataDateMul {
  margin-left: 30px;
}

.erreur_rapport {
  color: #ff0000;
}

.overtime_rapport {
  color: green;
}

.table_bordure {
  border-right: 1px solid #137aac;
  border-top  : 1px solid #137aac;
}

.table_bordure_cell {
  border-left  : 1px solid #137aac;
  border-bottom: 1px solid #137aac;
}

.border_top {
  border-top: 1px solid #137aac;
}

.border_right {
  border-right: 1px solid #137aac;
}

.border_bottom {
  border-bottom: 1px solid #137aac;
}

.border_left {
  border-left: 1px solid #137aac;
}

.borders {
  border    : 1px solid #137aac;
  background: #fff;
}

.timeControl {
  width: 50px;
}

/* lecture de message */
.messageHeader {
  overflow: hidden;
  width   : 100%;
  clear   : both;
}

.texte .messageHeader ul label {
  float         : left;
  display       : inline-block;
  font-weight   : bold;
  text-align    : left;
  width         : 130px;
  vertical-align: top;
  padding-bottom: 3px;
}

.texte .messageHeader ul {
  margin : 0px;
  padding: 0px;
}

.texte .messageHeader ul li {
  clear          : both;
  list-style-type: none;
  padding-top    : 3px;
}

.texte .messageHeader li ul {
  position      : relative;
  float         : left;
  display       : inline-block;
  vertical-align: top;
}

.texte .messageHeader li ul li {
  list-style-type: none;
  text-align     : left;
  padding        : 0px;
}

.texte .messageBody {
  clear      : both;
  padding-top: 5px;
}

#actManuelle {
  margin-top: 15px;
}

#actManuelle label {
  display       : inline-block;
  text-align    : right;
  vertical-align: top;
  width         : 180px;
  margin-right  : 8px;
}

#actManuelle>ul {
  margin         : 0;
  padding        : 0;
  padding        : 0;
  list-style-type: none;
  padding        : 5px;
  margin         : 0;
}

#actManuelle ul li textarea {
  width : 520px;
  height: 200px;
}

/* formulaire de nouveau message */
#nouveauMessage label {
  display       : inline-block;
  font-weight   : bold;
  text-align    : left;
  vertical-align: top;
  width         : 120px;
}

.destiResult {}

.destiNom {
  font-weight: bold;
}

.destiImage>div {
  width      : 60px;
  height     : 60px;
  text-align : center;
  font-size  : 40px;
  line-height: 57px;
}

.destiImage .enf {
  background: #daeef7;
  color     : #0082c8;
}

.destiImage .tou {
  background: #fff95e;
  color     : #61611e;
}

.destiImage .grp {
  background: #f8981d;
  color     : #9b670b;
}

.destiImage .par {
  background: #8dc73f;
  color     : #fff;
}

.destiImage .edu {
  background: #179dda;
  color     : #fff;
}

.destiImage .adm {
  background: #eddee0;
  color     : #a35660;
}

.destiFiche {
  padding-left: 5px;
}

.destiInfo {
  color    : #999;
  font-size: 12px;
}

.select2-results .select2-highlighted .destiInfo {
  color: #fff;
}

.destiSelection {
  display: inline-block;
  width  : 618px;
}

.destiSelection .select2-container {
  margin-bottom: 10px;
  margin-top   : 16px;
  margin-left  : -14px;
}

.destiSelection h3 {
  line-height: 1em;
  padding    : 5px 0 5px 0;
  font-size  : 14px;
  font-weight: normal;
}

.destiSelection .tab-content {
  border-width    : 1px;
  border-style    : solid;
  width           : 616px;
  background-color: #fcf8e3;
  border-color    : #dfd0b4;
  margin-bottom   : 15px;
}

.destiSelection .tab-content>div {
  padding : 10px;
  overflow: hidden;
}

.destiSelection .nav-tabs>.active>a,
.destiSelection .nav-tabs>.active>a:hover {
  font-weight     : bold;
  background-color: #fcf8e3;
  border-color    : #dfd0b4;
}

.destiSelection .nav-tabs>li>a:hover {
  border-color: #dfd0b4;
}

.destiSelection .nav>li>a:hover {
  text-decoration : none;
  background-color: #fcf8e3;
}

.destiSelection .grpDesti {
  width: 100%;
}

.destiSelection .grpDesti li {
  float     : left;
  width     : 50%;
  list-style: none;
}

.badge.nbDesti {
  font-weight     : normal;
  padding-right   : 7px;
  padding-left    : 7px;
  line-height     : 13px;
  background-color: #f0f0f0;
  color           : #999;
}

.badge.nbDesti.hasSelItems {
  font-weight     : bold;
  color           : #fff;
  background-color: #319b31;
}

.grpDesti li {
  color : #999;
  cursor: default;
}

.grpDesti li.off {
  color: #b92a2a;
}

.grpDesti li.on:hover {
  color : #319b31;
  cursor: pointer;
}

.grpDesti li.on.selected {
  color      : #319b31;
  font-weight: bold;
  cursor     : pointer;
}

#lstDesti {
  margin      : 5px 0 15px 0;
  color       : #003853;
  width       : 617px;
  padding     : 0;
  border-color: #dfd0b4;
  max-height  : 100px;
  overflow    : auto;
}

.messageHeader #lstDesti {
  max-height: 91px;
}

.open#lstDesti {
  max-height: none;
}

#lnkDestiOpen:hover {
  text-decoration: none;
}

#lstDesti>div {
  padding: 15px;
}

#lstDesti .desti {
  width  : 48%;
  margin : 4px 0 4px 0;
  display: inline-block;
}

#lstDesti .destiLbl {
  margin        : 0 5px;
  display       : inline-block;
  width         : 238px;
  vertical-align: top;
}

#lstDesti span button {
  float       : left;
  margin-right: 8px;
}

#nouveauMessage>ul {
  margin         : 0;
  padding        : 0;
  padding        : 0;
  list-style-type: none;
  padding        : 5px;
  margin         : 0;
}

#nouveauMessage ul li textarea {
  width : 520px;
  height: 200px;
}

#nouveauMessage ul li table {
  border: 0px;
  margin: 0px;
}

#nouveauMessage ul li a img {
  padding-left: 10px;
  border      : none;
}

#nouveauMessage .button {
  padding-top: 20px;
  text-align : center;
}

#nouveauMessage .MessageDestinataire {
  padding-left: 105px;
}

/* liste des messages */
.messageNonlu {
  font-weight: bold;
}

.hihglight {
  background-color: #daeef7;
}

th.message {
  background-color: #daeef7;
  font-weight     : bold;
  text-align      : left;
  padding-left    : 7px;
}

th.message a {
  color          : #003853;
  text-decoration: none;
}

/* menu lecture de message */
#messageMenu ul {
  margin         : 0px 0px 20px 0px;
  padding        : 0px;
  list-style-type: none;
  text-align     : left;
  float          : left;
}

#messageMenu ul li {
  display: inline;
}

#messageMenu ul li a {
  text-decoration : none;
  padding         : 5px 10px 5px 10px;
  font-size       : 12px;
  color           : #297498;
  font-weight     : bold;
  background-color: #d0e4ee;
}

#messageMenu ul li a img {
  display       : inline-block;
  border        : 0px;
  vertical-align: top;
  padding-right : 5px;
}

#messageMenu ul li a:hover {
  color           : #fff;
  font-weight     : bold;
  background-color: #8acbe4;
}

/* menu bas de liste */
#listeMenu {
  margin: 10px 0 0 0;
}

#listeMenu ul {
  margin         : 10px 0px 0px 0px;
  padding        : 0px;
  list-style-type: none;
  text-align     : left;
}

#listeMenu ul li {
  display: inline;
}

#listeMenu ul li a {
  /*float:left;
    position: relative;*/
  width           : auto;
  text-decoration : none;
  padding         : 5px 10px 5px 10px;
  font-size       : 10px;
  color           : #297498;
  font-weight     : bold;
  background-color: #d0e4ee;
}

#listeMenu ul li a img {
  display       : inline-block;
  border        : 0px;
  vertical-align: middle;
  padding-right : 5px;
}

#listeMenu ul li a:hover {
  color           : #fff;
  font-weight     : bold;
  background-color: #8acbe4;
}

/* Next/Previous */
#nextPrevious ul {
  position       : relative;
  text-align     : right;
  list-style-type: none;
  margin         : 0;
  padding        : 10px 11px 0px 0px;
}

#nextPrevious ul li {
  display   : inline;
  margin    : 0;
  text-align: center;
}

#nextPrevious ul li a {
  font-weight: bold;
  color      : #003853;
}

#nextPrevious ul li a .npTexte {
  color: #003853;
}

#nextPrevious .current {
  font-weight: bold;
}

.fiche_jour {
  font-weight  : bold;
  font-size    : 14px;
  margin-bottom: 4px;
}

/* messagerie */
select[name="typeDestinataire"] {
  width: 250px;
}

#navigation a {
  display        : inline;
  vertical-align : top;
  width          : 300px;
  text-align     : right;
  text-decoration: none;
}

#navigation {
  float: right;
}

.disabled,
.disabled#navigation {
  color: #afafaf;
}

.piecejointe i {
  font-size: 18px;
}

.piecejointe:hover i {
  text-decoration: none;
}

.imprimer {
  font-size: 30px;
  float    : right;
  cursor   : pointer;
}

.supprimer {
  font-size: 16px;
}

.lblAutreBte {
  font-size  : 14px;
  line-height: 22px;
  padding    : 2px 10px;
}

.mnuAdmin.bteEduc {
  position: absolute;
  top     : 50px;
  right   : 20px;
}

.bteEducInfo {
  margin: 0 0 10px 0;
}

/* formulaire d'installation */
#install label {
  display       : inline-block;
  font-weight   : bold;
  text-align    : left;
  vertical-align: top;
  width         : 400px;
  text-align    : right;
  padding-right : 10px;
}

#install ul {
  margin : 0;
  padding: 0;
  padding: 0;
}

#install li {
  list-style-type: none;
  padding        : 5px;
  margin         : 0;
}

#install ul li textarea {
  width : 520px;
  height: 200px;
}

#install ul li table {
  border      : 0px;
  margin      : 0px;
  padding-left: 100px;
}

#install ul li a img {
  padding-left: 10px;
  border      : none;
}

#install .button {
  padding-top: 20px;
  text-align : center;
}

/* Fiche enfant */
#ficheEnfant .listLeft {
  float      : left;
  clear      : left;
  width      : 170px;
  padding    : 3px 0 3px 10px;
  font-weight: bold;
}

#ficheEnfant .listRight {
  float   : left;
  padding : 3px 0 3px 10px;
  overflow: hidden;
}

#ficheEnfant .espaceur {
  float  : left;
  display: block;
  height : 30px;
}

a.lien_contact {
  color: #003853;
}

a.lien_contact:hover {
  color: #003853;
}

a.lien_contact:visited {
  color: #003853;
}

.infoParent {
  color : #003853;
  margin: 10px 0 10px 20px;
  float : left;
  width : 403px;
}

.infoParent.first {
  margin-left: 0;
}

.block-allergene {
  margin : 15px 0;
  padding: 8px;
}

.tabAllergene .col1 {
  width: 130px;
}

.tabAllergene .col3 {
  white-space: nowrap;
}

.tabAllergene .col2 {
  width: 80%;
}

#add_allergene {
  width       : 600px;
  margin-right: 300px;
}

.block-medicament {
  margin : 15px 0;
  padding: 8px;
}

.tabMedicament .col1 {
  width: 340px;
}

.tabMedicament .col2 {
  width: 48%;
}

.tabMedicament .col3 {
  white-space: nowrap;
}

#add_medicament {
  width       : 620px;
  margin-right: 310px;
}

.tabMedicament .medDeb {
  position: relative;
  left    : 2px;
}

.tabMedicament .medFin {
  position   : relative;
  left       : 0;
  margin-left: 39px;
}

.tabMedicament .medDir {
  position   : relative;
  left       : 2px;
  margin-left: 0;
}

#photo-enfant {
  margin: 15px 0 0 0;
  float : right;
}

#contenu-enfant {
  width: 100%;
}

#contenu-enfant .infoBaseEnf {
  overflow: hidden;
}

.lstParentsEnfant .parentEmail,
.lstParentsEnfant .parentPrenom,
.lstParentsEnfant .parentNom {
  width: 200px;
}

.lstParentsEnfant .headCol {
  width      : 208px;
  display    : inline-block;
  margin-left: 6px;
}

.info-enfant-section {
  padding-top: 20px;
}

.info-enfant-section-titre {
  font-weight: bold;
  background : #daeef7;
}

label[for^="jourSpecial"],
label[for^="catEnfant"],
label[for="chkSuppPhoto"] {
  display: inline;
  margin : 4px 0 0 0;
}

label[for^="welDoNotShow"],
label[for^="doNotRemind"] {
  font-size: 15px;
  display  : inline;
  margin   : 4px 0 0 0;
}

.lstSelectGroup .selAllGrp {
  margin: 0 0 10px 0;
}

.lstSelectGroup .selGrp {
  float    : left;
  min-width: 220px;
}

.lstSelectGroup label {
  display: inline;
  margin : 4px 0 0 0;
}

#chkSuppPhoto {
  margin: 0;
}

#contenu-contacts table {
  padding-top   : 10px;
  padding-bottom: 10px;
}

#contenu-contacts {
  width: 100%;
}

#contenu-contacts table td.header {
  /*border:1px solid #28a2d2;*/
  vertical-align: top;
}

#contenu-contacts .lien {
  padding-left    : 10px;
  background-color: #daeef7;
}

#contenu-contacts table tr td ul label {
  display       : block;
  font-weight   : bold;
  font-size     : 10px;
  text-align    : right;
  padding-right : 15px;
  vertical-align: top;
  width         : 177px;
}

#contenu-contacts table tr td ul li {
  list-style-type: none;
  padding        : 5px;
  margin         : 0;
}

#ficheEnfant ul li a img {
  padding-right: 10px;
  border       : none;
}

.non_approuve {
  color: #ff8c00;
}

.legend {
  margin  : 10px 0;
  overflow: hidden;
}

.carre {
  width   : 15px;
  height  : 15px;
  margin  : 0px 5px;
  display : inline-block;
  top     : 3px;
  position: relative;
}

.Date-Bleu {
  color           : #fff !important;
  font-weight     : bold;
  background-color: #28a3d2 !important;
}

.Date-Vert {
  color           : #fff !important;
  font-weight     : bold;
  background-color: green !important;
}

.Date-Commentaire {
  color           : #fff !important;
  font-weight     : bold;
  background-color: #f5a311 !important;
}

.Date-Absence {
  color           : #fff !important;
  font-weight     : bold;
  background-color: #e56060 !important;
}

.Date-Future {
  background-color: #f3f3f3 !important;
}

.rapport_print {
  font-size: 12px;
  color    : #003853;
}

.rapport_print_title {
  font-size     : 16px;
  padding-bottom: 10px;
  text-align    : center;
}

/* utiliser pour modifier lors du print */
.print_smaller {}

.print_hide {}

/* print presence */
.pp {
  color: #35586c;
}

.pp_clientName {
  font-size : 2.5em;
  color     : #35586c;
  text-align: center;
}

.pp_assiduiter {
  text-align: left;
}

/* print anniversaire */
.pa {
  color: #35586c;
}

.pa_bonne_fete {
  padding-top: 120px;
  text-align : center;
  padding    : 0px 0px;
  font-size  : 3.5em;
}

.print_header {
  color: #003853;
}

/* activites */
#activities {
  margin  : 10px 0 0 0;
  overflow: hidden;
}

#activities ul {
  margin: 0;
}

#activities ul li {
  float : left;
  margin: 0 0 20px 10px;
}

#activities ul li textarea {
  width      : 320px;
  height     : 60px;
  margin-top : 15px;
  margin-left: 10px;
}

#activities .commentaire {
  float      : left;
  padding-top: 10px;
}

.accueil-info {}

.accueil-info .item {
  margin               : 5px 0;
  -moz-border-radius   : 6px;
  -webkit-border-radius: 6px;
  -o-border-radius     : 6px;
  border-radius        : 6px;
  width                : 50%;
  float                : left;
  height               : 100px;
  padding              : 0px 7px;
}

.accueil-info#mnu-admin .item {
  height: 90px;
}

.accueil-info .item:hover {
  background: #daeef7;
}

.accueil-info .item>div {
  padding: 10px;
}

.accueil-info a {
  color          : #003853;
  text-decoration: none;
}

.accueil-info p {
  margin: 0 0 0 0;
}

#mnu-admin .item p {
  font-size: 16px;
}

#wel_container {
  width      : 700px;
  margin-left: -350px;
}

#wel_container #wel_content p {
  font-size: 15px;
}

#wel_container #wel_content button {
  width  : 84%;
  margin : 15px auto;
  float  : none;
  display: block;
}

#wel_container #wel_content a {
  display: block;
  width  : 84% !important;
  margin : auto;
}

#wel_container #wel_content a.btn-warning {
  margin: 15px auto;
}

#wel_container .modal-footer {
  background-color: #f5f5f5;
  border-top      : 1px solid #ddd;
  padding         : 14px 15px 15px;
}

#acc_contenu h1 {
  margin: 0 0 10px;
}

#acc_contenu p {
  font-size: 14px;
  margin   : 0 0 30px;
}

#acc_col_left {
  float: left;
  width: 70%;
}

#acc_col_right {
  float     : left;
  width     : 30%;
  text-align: right;
  min-height: 350px;
}

img.acc_col_right {
  position: absolute;
  right   : 0;
  bottom  : 0;
}

#processedInfo {
  display  : none;
  clear    : both;
  position : absolute;
  bottom   : 10px;
  font-size: 10px;
  padding  : 0 0 0 212px;
  color    : #ccc;
}

.select_curr_value {
  display: none;
}

.infoCbo {
  color    : #666;
  font-size: 10px;
}

.ficheComportement .select2-container {
  width : 200px;
  margin: 10px 0 15px 10px;
}

/* save alert */
body.showFixedInfo {
  margin-bottom: 92px;
}

#fixedInfo {
  display : none;
  width   : 100%;
  height  : 52px;
  position: fixed;
  bottom  : 0;
}

.warn#fixedInfo {
  background-color: #ffef9b;
}

.warn#fixedInfo>div {
  border: 1px solid #f0da69;
}

#fixedInfo>div i {
  top     : 5px;
  position: relative;
}

#fixedInfo>div>div.infomsg {}

#fixedInfo>div>div.infomsg {
  padding     : 10px;
  width       : 765px;
  padding-left: 212px;
  margin      : auto;
}

/*bottin enfant */
.inactif {
  font-size: 14px;
  color    : red;
}

/* paiement / facturation */
.facture .form-horizontal .control-group {
  margin-bottom: 10px;
}

.facture .info .controls {
  font-weight: bold;
  padding    : 6px 0;
}

.facture .info label {
  cursor: default;
  color : #003853;
}

.payment-errors {
  display: none;
}

.msgFacturation {
  padding: 10px 0;
}

.facturation.alert {
  width     : 400px;
  color     : #003853;
  margin-top: 10px;
}

.facturation.alert .left {
  display: inline-block;
  width  : 240px;
  margin : 5px 0;
}

.facturation.alert .right {
  display    : inline-block;
  clear      : right;
  font-weight: bold;
}

.facturation.info {
  width     : 400px;
  margin    : 20px 0 0 25px;
  text-align: justify;
}

/*albums*/
.photoAlbumEdit {
  list-style-type: none;
}

.photoAlbumEdit li {
  float  : left;
  padding: 9px;
}

.photoAlbumEdit li .photo {
  width   : 200px;
  overflow: hidden;
}

.photoAlbumEdit li .photo img {
  width : 100%;
  height: auto;
}

.photoAlbumEdit .phCtrl {
  background: rgba(0, 0, 0, 0.6);
  position  : absolute;
  bottom    : 0;
  left      : 0;
  width     : 100%;
  box-sizing: border-box;
  padding   : 5px;
}

.phCtrl .btn i {
  margin-right: unset !important;
}

.phCtrl .btn-mini {
  padding: 0px 8px;
}

.phCtrl .btn-danger,
.phCtrl .btn-warning {
  padding: 3px 10px;
}

div.delPhoto {
  float: right;
}

div.delPhoto .tooltip {
  width: 130px;
}

div.coverPhoto .tooltip {
  width: 160px;
}

div.phTags .tooltip {
  width: 170px;
}

div.phRotLeft .tooltip {
  width: 170px;
}

div.phRotRight .tooltip {
  width: 170px;
}

div.phCtrl .tooltip {
  position: absolute;
  z-index : 2000;
}

div.coverPhoto,
.photoAlbumEdit .phTags,
div.phRotLeft,
div.phRotRight {
  float       : left;
  margin-right: 8px;
}

.photoAlbumEdit .phDesc {
  width     : 100%;
  margin    : 10px 0;
  min-height: 70px;
}

.photoAlbumEdit li .photo {
  position: relative;
}

.photoAlbumEdit .saveok {
  width      : 100%;
  text-align : center;
  bottom     : 5px;
  display    : none;
  position   : absolute;
  font-size  : 100px;
  color      : #fff;
  text-shadow: 0px 0px 10px #000000;
}

label.rdo {
  display    : inline-block;
  font-weight: bold;
}

#set_tags .selectTags {
  margin-left: 17px;
}

#set_tags .selectTags.disabled {}

.zoneAlbum {
  margin: 20px 0;
  clear : both;
}

.alAlbum {
  width   : 200px;
  height  : 244px;
  border  : 1px solid #eee;
  float   : left;
  margin  : 10px 10px;
  position: relative;
}

.alAlbum .alFoot {
  overflow: hidden;
}

.alAlbum .alFoot .alTitre {
  font-weight: bold;
}

.alAlbum .alFoot .alInfo {}

.alAlbum .alFoot>div {
  padding: 2px 4px;
}

.alAlbum .alControls {
  background: rgba(0, 0, 0, 0.6);
  position  : absolute;
  bottom    : 0;
  left      : 0;
  width     : 100%;
  box-sizing: border-box;
  padding   : 5px;
  z-index   : 100;
  text-align: center;
}

.alAlbum .alControls .tooltip {
  width: 140px;
}

.zoneAlbum .alAlbum .slides li {
  overflow: hidden;
  height  : 200px;
}

.frmInfoAlbum {
  margin-top: 0px;
}

.frmInfoAlbum.form-horizontal .control-label {
  width: 70px;
}

.frmInfoAlbum.form-horizontal .controls {
  margin-left: 90px;
}

#show_wait {
  margin    : 0;
  text-align: center;
  height    : 100px;
}

#show_wait>p {
  padding-top: 28px;
}

.zoneBtnAlb {
  overflow: hidden;
  padding : 10px 10px 10px 0;
}

.zoneBtnAlb>button.btn.btn-primary.pull-left {
  height      : 38px;
  position    : relative;
  padding-left: 30px;
}

.zoneBtnAlb>button.btn.btn-primary.pull-left i.fa {
  font-size: 28px;
  position : absolute;
  left     : 10px;
  top      : 4px;
}

#show_album {
  margin    : 0;
  background: #000;
  margin-top: 0 !important;
}

.alCover,
.photoAlbumEdit .photo {
  height: 200px;
}

#show_album .alMain {
  padding: 0;
  height : 100%;
  z-index: 5;
}

#show_album .alMain li {
  height    : 100%;
  text-align: center;
}

#show_album .alMain li video {
  max-height: 100%;
}

#show_album .alMain img {
  vertical-align: middle;
  max-height    : 100%;
  max-width     : 100%;
}

#show_album .flex-direction-nav a {
  padding: 10px;
}

#show_album .flex-direction-nav .flex-prev {
  left       : 0;
  line-height: 1;
  color      : #fff;
}

#show_album .flex-direction-nav .flex-next {
  right      : 0;
  text-align : right;
  line-height: 1;
  color      : #fff;
}

#show_album .flex-direction-nav {}

.msgConsent .affMessage {
  margin-top: 15px;
  width     : 710px;
}

#show_album .alDescPhoto {
  background : rgba(0, 0, 0, 0.8);
  width      : 100%;
  color      : #fff;
  position   : absolute;
  bottom     : -1px;
  left       : 0;
  font-size  : 14px;
  font-weight: bold;
  line-height: 1em;
}

.lt-ie9 #show_album .alDescPhoto {
  background: #000;
  bottom    : -2px;
}

#show_album .alDescPhoto>div {
  padding: 10px;
}

#show_album .close {
  position   : absolute;
  top        : 5px;
  right      : 10px;
  z-index    : 10;
  color      : #fff;
  opacity    : 1;
  text-shadow: none;
  font-size  : 24px;
}

#show_album .download {
  position   : absolute;
  top        : 10px;
  left       : 10px;
  z-index    : 10;
  color      : #fff;
  opacity    : 1;
  text-shadow: none;
}

.photoCount {
  overflow: hidden;
  margin  : 10px 0 20px 0;
}

.photoCount .nbMax {
  padding: 4px 0 0 6px;
  display: block;
  float  : left;
}

.photoCount .util {
  padding: 0 0 5px 0;
}

.photoCount .progress {
  margin: 0;
  height: 30px;
  width : 300px;
}

.photoCount .progress .badge {
  top: 6px;
}

.photoCount .progress-warning .badge {
  color: #faa732;
}

.photoCount .progress-danger .badge {
  color: #dd514c;
}

/*printpwd*/
#printmpd {
  font-size : 15px;
  width     : 700px;
  margin    : 10px auto;
  background: #fff;
}

#printmpd>div {
  padding: 20px;
}

#printmpd h1 {
  font-size    : 26px;
  margin-bottom: 10px;
}

#printmpd #logo {
  margin : 0 auto 20px auto;
  display: block;
}

#printmpd .info {
  padding-bottom: 10px;
  clear         : both;
  font-size     : 15px;
  font-weight   : bold;
  overflow      : hidden;
}

#printmpd .small {
  padding    : 0 0 5px 0;
  font-size  : 15px;
  font-weight: normal;
}

#printmpd .infolast {
  padding: 0 0 20px 0;
}

#printmpd .left {
  float: left;
  width: 300px;
}

#printmpd .right {
  float: left;
  width: 358px;
}

#printmpd .big {
  font-size: 30px;
  top      : 5px;
  position : relative;
}

#printmpd p {
  margin-bottom: 20px;
}

#printmpd .alert {
  margin-top: 50px;
}

#printmpd .alert p {
  margin : 0 0 10px 0;
  padding: 0;
}

#printmpd #processedInfo {
  margin  : 0;
  padding : 0 0 0 0;
  bottom  : 0;
  position: relative;
  right   : 0;
}

#printmpd .controls {
  overflow  : hidden;
  text-align: right;
}

/*factLayout*/
#factLayout {
  font-family: arial, sans-serif;
  font-size  : 13px;
  width      : 700px;
  margin     : 40px auto;
  background : #fff;
}

#factLayout>div {
  padding: 20px;
}

#factLayout .entete,
#factLayout .adresse,
#factLayout .items,
#factLayout .controls,
#factLayout .msgFoot,
#factLayout .charges {
  display : block;
  overflow: hidden;
}

#factLayout .controls {
  width     : 100%;
  text-align: right;
  margin    : 0 0 20px 0;
}

#factLayout .adresse {
  margin-top: 20px;
}

#factLayout .adresse div {
  width: 50%;
}

#factLayout .tabInfo {
  width: 260px;
}

#factLayout .solde {
  background : #daeef7;
  font-weight: bold;
  border     : 2px solid #daeef7;
}

#factLayout .charges {
  margin-top: 20px;
}

#factLayout .tabItems {
  width : 100%;
  margin: 20px 0 0 0;
}

#factLayout .tabCharges {
  width: 100%;
}

#factLayout .tabItems tr,
#factLayout .tabCharges tr {
  border-bottom: 1px solid #c0c0c0;
}

#factLayout .tabItemsTotal {
  width : 260px;
  margin: 10px 0 0 0;
}

#factLayout .bold {
  font-weight: bold;
}

#factLayout .msgFoot {
  margin: 30px 0 0 0;
}

#factLayout #processedInfo {
  position: relative;
  padding : 20px 0 0 0;
}

/*ajout facture*/
.factItemRow {
  margin: 10px 0;
}

.factItemDesc {
  width: 300px;
}

.factItemMont {
  width: 100px;
}

.factItemTaxe {
  width: 60px;
}

span.factItemDesc,
span.factItemDesc,
span.factItemMont {
  float: left;
}

span.factItemDesc {
  width: 315px;
}

span.factItemMont {
  width: 130px;
}

.logguedOut {
  font-size: 14px;
}

.quitterFB {
  margin: 20px 0;
}

.quitterFB a:hover {
  text-decoration: none;
}

.infoFeeling i,
.quitterFB i {
  font-size: 50px;
}

.quitterFB i {
  float: left;
}

.quitterFB span.main {
  top        : 8px;
  position   : relative;
  float      : left;
  line-height: 20px;
  margin-left: 10px;
}

.quitterFB span.secondaire {
  font-weight: normal;
}

.quitterRetourLogin {
  float : left;
  clear : both;
  margin: 15px 0 10px 0;
}

.quitterRetour {
  clear: both;
  float: left;
}

.infoFeeling {
  margin: 30px 0;
}

.infoFeeling .affMessage {
  width        : 520px;
  padding-right: 14px;
  margin       : 0 auto;
}

.infoFeeling .affMessage .titre {
  margin-bottom: 10px;
}

.infoFeeling .affMessage .msg button {
  margin-left: 20px;
  width      : 160px;
}

.infoFeeling .affMessage .msg button:first-child {
  margin-left: 0;
}

.loginDirect .affMessage {
  width : 100%;
  margin: 20px 0;
}

/* formation special css*/
.guiders_buttons_container .btn {
  margin: 0 5px 5px 0;
}

.guiders_description img.imgClear {
  margin : auto;
  padding: 15px;
  display: block;
}

.messageHeader.guiders_highlight,
.messageBody.guiders_highlight {
  padding: 30px 10px;
}

.guiders_highlight#navigation,
#messageMenu ul.guiders_highlight {
  padding : 3px;
  position: relative;
  top     : -3px;
  left    : -3px;
}

.messagerie.guiders_highlight #badgeNbNewMsg {
  display: inline;
}

.messagerie.guiders_highlight #badgeNbNewMsg span {
  display: none;
}

.messagerie.guiders_highlight #badgeNbNewMsg:before {
  content: "1";
}

#initHelp.guiders_highlight,
#p1 p.guiders_highlight a,
.mnuPastilles.guiders_highlight {
  background: #fff;
}

.nav-pills.planitou.guiders_highlight {
  background: #fff;
  float     : left;
  padding   : 10px 0px 0px 10px;
  margin    : 0px 0px 20px;
}

#p1 p.guiders_highlight a {
  padding: 2px 5px;
}

.mnuPastilles.guiders_highlight {
  overflow: hidden;
}

.gdSVScreen {
  width   : 100%;
  height  : 100%;
  z-index : 1067 !important;
  position: fixed;
  top     : 0;
  left    : 0;
  cursor  : default;
  opacity : 0;
  filter  : alpha(opacity=0);
}

.zoneBouton {
  overflow   : hidden;
  padding    : 10px;
  margin-left: 187px;
}

/* Admin parent */
#trInfoEnfant .alert {
  padding-right: 14px;
  color        : inherit;
}

#tdInfoEnfant .tooltip-inner {
  max-width: 230px;
}

.tabDetailInfoEnf {
  width: 100%;
}

.btn.active {
  background-color: rgb(25, 107, 230);
  background-image: none;
  outline         : 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow : inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
  color      : #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.tabFiches {
  margin: 30px 0 20px 0;
  width : 700px;
}

.tabFiches td {
  vertical-align: top;
}

.tabFiches .c1 {
  width      : 330px;
  font-weight: bold;
}

.tabFiches .c2 {
  padding  : 4px 0 0 10px;
  font-size: 15px;
}

.tabFiches .c3 {
  width     : 260px;
  text-align: right;
}

.tabFiches .c4 {
  padding-bottom: 20px;
}

.tabFiches .help-block {
  font-weight: normal;
  font-size  : 13px;
}

#add_parent {
  width      : 700px;
  margin-left: -350px;
}

.topbar {}

.topbar,
.topbar>a {
  -webkit-border-bottom-left-radius : 10px;
  -moz-border-bottom-left-radius    : 10px;
  border-bottom-left-radius         : 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius   : 10px;
  border-bottom-right-radius        : 10px;
}

.topbar {
  position   : fixed;
  top        : 0;
  left       : -180px;
  margin-left: 50%;
  z-index    : 900005;
  color      : #468847;
  width      : 360px;
  height     : 21px;
  font-size  : 14px;
}

.topbar>a {
  line-height    : 1em;
  color          : #468847;
  display        : block;
  border-bottom  : 1px #c7e0b3 solid;
  border-left    : 1px #c7e0b3 solid;
  padding        : 4px 20px;
  text-align     : center;
  background     : #dff0d8;
  text-decoration: none;
}

.mnuAdmin {
  position: relative;
  z-index : 100;
}

.mnuAdmin ul {
  list-style: none;
  margin    : 0;
}

.mnuAdmin ul li:hover>ul {
  display: block;
}

.mnuAdmin li ul {
  display : none;
  position: absolute;
  top     : 30px;
  right   : 0;
}

.mnuAdmin .affMessage {
  width: auto;
}

.mnuAdmin .affMessage .btn {
  white-space: nowrap;
}

.mnuAdmin i.fa {
  font-size  : 30px;
  margin-left: 10px;
  cursor     : pointer;
}

.mnuHist {
  position: relative;
  margin  : 10px 20px;
}

#modal_modHistoryDetail {
  width      : 740px;
  margin-left: -370px;
}

/* gestion grp */
.grpAddLot {}

.grpRow {
  margin: 10px 0;
}

/* modules supp */
.listeModules {
  list-style-type: none;
  margin         : 25px 0 0 0;
}

/*.listeModules li.pln_agenda { display: none; }*/
.listeModules .info {
  width: 550px;
}

.listeModules .config {}

.listeModules .state {
  width     : 162px;
  text-align: right;
}

.listeModules li {
  overflow: hidden;
}

#msgAjaxFloat {
  z-index: 2000;
}

#msgAjaxFloat .affMessage {
  display    : none;
  width      : 550px;
  margin-left: 50%;
  left       : -275px;
  position   : fixed;
  top        : 80px;
  z-index    : 2000;
}

/* Sommaire fiche */
.sommaireUser {
  /* padding-right:14px; */
  color          : inherit;
  /* clear       :both; */
  display        : flex;
  width          : 100%;
  justify-content: space-between;
  margin-top     : 5px;
}

.sommaireUserEnf {
  /*width:840px;*/
  width: 100%;
}

.sommaireUser .right {
  width: 100%;
  float: right;
}

.sommaireUser .infoBox {
  display              : flex;
  float                : left;
  /* height            :60px; */
  margin               : 0 4px 10px 7px;
  text-align           : center;
  border               : 1px solid #e0ca9f;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
  background-color     : #fcf1d1;
  padding              : 9px;
  width                : 100%;
}

.sommaireUser .infoBox>div {
  padding        : 4px;
  width          : 100%;
  justify-content: center;
  display        : flex;
  flex-direction : column;
}

.sommaireUser .infoBox .info {
  font-size: 20px;
  color    : #000;
  position : relative;
  width    : 100%;
}

.sommaireUser .infoBox .info.mini {
  font-size  : 15px;
  font-weight: bold;
}

.sommaireUser .infoBox .info.tiny {
  font-size: 12px;
}

.sommaireUser .infoBox .desc {
  position: relative;
}

.sommaireUser .label-info {
  background-color: #0082c8;
}

.sommaireUser .infoBoxBas {
  width: 50%;
  float: left;
}

.sommaireUser .infoBoxBas.bb2 {
  text-align: right;
}

.sommaireUser h3 {
  margin: 0 0 5px 0;
}

body.assiduite div.span8.presence-sommaire {
  width: 60%;
}

body.assiduite div.span8.presence-sommaire h3 {
  padding-top: 20px;
}

body.assiduite div.span8.presence-sommaire h3 #cal_semaine {
  margin-top: 20px;
}

.tdFrmLbl {
  text-align: right;
}

#save_email .affMessage,
#send_email .affMessage {
  width: 90%;
}

#save_email input {
  margin: 0;
}

#send_email,
#save_email {
  width      : 640px;
  margin-left: -320px;
}

.soumission_act select {
  margin: 0;
}

.ligne_info_enfant_close {
  display: none;
}

.txtNotes {
  margin: 0;
  width : 450px;
  height: 125px;
}

/* Ma planif */
.maplani .selectTypeAct {
  width: 300px;
}

.selectTypeAct,
.selectDate {
  position: absolute;
}

.maplani .selectDate {
  width: 300px;
}

.maplani .selectDate input.mskDate {
  width: 80px;
}

.maplani .filtre {
  display: inline-block;
  margin : 20px 0px 10px 0;
}

.maplani .filtre label {
  font-weight: bold;
  display    : inline-block;
  font-size  : 16px;
  line-height: 22px;
}

.maplaniTbl .prov {
  text-align: center;
}

.maplaniTbl .actIntegree {
  text-align: center;
}

.maplaniTbl .actionBtn .tooltip {
  width: 160px;
}

.maplaniTbl .actionBtn .btn {
  margin-left: 5px;
}

.maplaniTbl .actionBtn {
  padding-right: 5px;
}

#modal_modAddAct .modal-body .btn {}

#modal_modAddAct p {
  margin-bottom: 15px;
}

#modal_modAddAct a {
  margin-bottom: 5px;
}

.lstActMaPlanif {
  width: 45%;
}

.lstActMaPlanif li {
  list-style: none;
  padding   : 3px 6px 3px 3px;
}

.lstActMaPlanif .actRealisee,
.lstActMaPlanif .actNom {
  line-height: 26px;
}

.lstActMaPlanif .actRealisee {
  display   : inline-block;
  text-align: right;
  float     : right;
}

.tblAgendaHor .actMaPlanif {
  background-color: #c1f1c2 !important;
}

.tblAgendaHor .tooltip {
  width: 200px;
}

.tblAgendaHor td {
  box-sizing    : border-box;
  position      : relative;
  vertical-align: top;
}

.tblAgendaHor td>div {
  height: 100%;
}

.btnAddActivite {
  position : absolute;
  bottom   : 5px;
  font-size: 14px;
  right    : 10px;
  width    : 90% !important;
}

.agendaEditBtn .btn {
  margin-left: 4px;
}

.agendaEditBtn .btn:first-child {
  margin-left: 0;
}

.agendaActCachee {}

.lnkAllAct {
  margin    : 8px auto 0 auto;
  display   : block;
  text-align: center;
}

.agendaActLibre {
  padding-bottom: 34px;
}

.plHead {
  float: left;
}

.plActivite {
  margin-left: 4px;
  display    : inline;
}

/* Notif */
.listeNotif {
  list-style : none;
  width      : 95%;
  margin-left: 0;
}

.listeNotif li {
  margin: 10px 0;
}

.listeNotif li .alert {
  width: 100%;
}

/*Calendrier selection semaine*/
.calendar.weekSelect tbody .rowhilite td,
.calendar.weekSelect tbody td.hilite,
.calendar.weekSelect tbody .rowhilite td.wn {
  background: #d9edf7;
}

/* tooltip styles */
div#tooltip {
  position        : absolute;
  visibility      : hidden;
  z-index         : 1000001;
  background-color: #ebf4f6;
  border          : 1px solid #137aac;
  padding         : 5px 10px 5px 10px;
  color           : #003853;
}

/*meter*/
#infoFU {
  background-color: #fff;
  margin          : 10px 0 20px;
}

#infoFU>div {
  padding : 10px;
  overflow: hidden;
}

.progress .bar {
  position: relative;
}

.progress .badge {
  position        : absolute;
  top             : 11px;
  margin          : 0 5px;
  background-color: #fff;
  color           : #57a957;
  text-shadow     : none;
  left            : 100%;
}

.progress .badge.right {
  float   : right;
  position: relative;
  left    : inherit;
}

.progress.etapes {
  margin: 0;
  height: 40px;
  width : 490px;
}

.progress.etapes,
.FUetape .btn {
  margin-right: 10px;
}

.FUetape .btn {
  height     : 30px;
  line-height: 30px;
}

.FUetape .btn.last {
  margin-right: 0;
}

#infoFU .etapeCourante {
  color      : #003853;
  font-size  : 13px;
  font-weight: bold;
  margin     : 0 0 4px 0;
}

#infoFU .FUetape {
  width: 100%;
}

.confiFU h3 {
  margin-top: 25px;
}

.confiFU p {
  font-size: 14px;
}

.confiFU .affMessage {
  margin: 20px 0;
  width : 800px;
}

.confiFU .alert .titre {}

.confiFU .imgEnf {
  position: absolute;
  right   : 0;
  bottom  : 0;
  width   : 160px;
}

.confiFU .progress.etapes {
  width : 850px;
  margin: 20px 0;
}

.btnFinFU {
  text-align: center;
  margin    : 40px 0 30px 0;
}

.etapesFU {
  list-style-type: none;
  margin         : 0;
}

.etapesFU .btn-success.etape.disabled {
  cursor: pointer;
}

.etapesFU .etape {
  vertical-align: middle;
  top           : -7px;
  position      : relative;
}

.etapesFU .badge {
  font-family          : "Nunito", sans-serif;
  font-size            : 22px;
  padding              : 10px;
  width                : 30px;
  height               : 30px;
  text-align           : center;
  background-color     : #daeef7;
  color                : #08c;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
  line-height          : 33px;
  margin               : 15px 20px 15px 0;
}

.help-block {
  margin: 0;
  color : #04c;
}

.help-block ul {
  list-style-type: square;
}

.instrFUFiches .affMessage {
  margin: 0;
}

.instrFicheUtil .affMessage {
  width: 100%;
}

.instrEnvoiLotEmail .affMessage {
  width : 100%;
  margin: 0 0 30px 0;
}

.instrEnvoiLotEmail .affMessage.alert-info {
  width : 700px;
  margin: 0 0 10px 0;
}

.sel2InstRemove {
  position: relative;
  display : inline-block;
  top     : 3px;
  right   : -1px;
}

.frmCheckKids.form-horizontal .control-label {
  width: 100px;
}

.frmCheckKids.form-horizontal .controls {
  margin-left: 120px;
}

.frmCheckKids.form-horizontal .caljs {
  margin-left: 8px;
}

.factAbo,
.factAbo label {
  /* font-size: 15px; */
}

.factAbo .green {
  margin: 5px;
}

.factAbo .btn-success {
  font-size  : 16px;
  font-weight: bold;
  margin     : 20px;
}

.factAbo input.btn-success {
  margin: 13px 0;
}

.factAbo label.rdo {
  font-weight: normal;
}

.factAbo ul {
  list-style-type: none;
  margin         : 0 0 20px;
}

.factAbo ul li {
  padding: 7px 0;
}

.factAbo ul li i {
  font-size: 1.5em;
}

.factAbo .affMessage {
  width: 720px;
}

.photoPersona {
  margin    : 10px 0;
  width     : 250px;
  height    : 250px;
  text-align: center;
  border    : 1px solid #daeef7;
  background: #fcfeff;
}

.photoPersona i {
  font-size: 250px;
  color    : #d8e8ef;
}

/* TEST TEMPORAIRE TODO */
body.jdb2 .mnuAdmin.cogwheel {
  display: none;
}

.jdb2 #fiche_comment,
.jdb2 #voir_fiche {
  width : auto;
  margin: 0;
}

.jdb2 .fichejdb .titre {
  text-align : right;
  font-family: "Vag Rounded Std Light";
  font-size  : 17px;

  padding-top  : 12px;
  padding-right: 20px;
}

.jdb2 .fichejdb .titreLong {
  font-weight: bold;
  margin     : 15px 0 5px 0;
}

.journal_de_bord .titreLong {
  font-weight: bold;
  margin     : 15px 0 5px 0;
}

.jdb2 .fichejdb .champ {
  float      : left;
  padding-top: 12px;
}

.jdb2 .fichejdb .champ input,
.jdb2 .fichejdb .champ textarea {
  margin: 0;
}

.jdb2 .fichejdb .btn-group {
  padding-top: 12px;
}

.jdb2 .fichejdb .repas .titre {
  width: 125px;
}

.jdb2 .fichejdb .bloc-img {
  display   : block;
  float     : left;
  padding   : 4px;
  /* margin : 3px 2px; */
  text-align: center;
  height    : 40px;
  width     : 50px;
}

.jdb2 .fichejdb .bloc-img.selected {
  /*    border: 2px dashed #9ACBF1;
    padding: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index:100;*/
}

.jdb2 .titre-thematique p {
  font-size: 14px;
}

.groupe_thematique label {
  font-weight: bold;
  display    : block;
  font-size  : 16px;
}

.groupe_thematique input {
  min-width: 320px;
}

.jdb2 .fichejdb .bloc-img img {
  margin    : 2px 3px;
  max-height: 40px;
  z-index   : 90;
}

.jdb2 .fichejdb .repas .bloc-img {
  width: 44px;
}

.jdb2 .fichejdb.modeEdit .bloc-img img {
  cursor: pointer;
}

.jdb2 .fichejdb .groupe-choix {
  float: left;
}

.jdb2 #s-menu {
  display: none;
}

.jdb2 .oneCol #processedInfo {
  padding: 0;
}

.jdb2 .ficheComportement .select2-container {
  width : 200px;
  margin: 0;
}

.jdb2 div.ficheComportement {
  margin: 0 0 20px 0;
}

.jdb2 div.ficheComportement .lbl {
  margin: 0 0 6px 0;
}

.jdb2 .leftCol {
  float : left;
  margin: 0;
  width : 30%;
}

.jdb2 .rightCol {
  float     : left;
  margin    : 0;
  width     : 70%;
  border    : 1px solid #c0c0c0;
  box-sizing: border-box;
  padding   : 20px 5px 20px 20px;
}

/*.jdb2 .fichejdb{padding:90px 0 20px 0;}*/
/*.jdb2 .date{position: absolute;left: 42px;top: 8px;font-size:16px;font-weight: bold;z-index: 101;}*/
/*.jdb2 .menuEdit{position: absolute;right: 10px;top: 10px;width:275px;}*/
/*.jdb2 .menuEdit>ul>li{float:right;}*/
.jdb2 .userPhoto {
  width      : 70px;
  height     : 70px;
  line-height: 57px;
  box-sizing : border-box;
  border     : 1px solid #c0c0c0;
  background : #f0f0f0;
  text-align : center;
  font-size  : 70px;
  display    : inline-block;
}

.jdb2 .userPhoto img {
  width: 100%;
}

/*.jdb2 .kidName{position: absolute;top: -35px;left: -35px;z-index: 101;}*/
/*.jdb2 .kidName .nom{position:absolute;top: 8px;left: 77px;white-space: nowrap;}*/
/*.jdb2 .educName{position: absolute;top:55px;left: -20px;z-index: 101;}*/
/*.jdb2 .educName .zoneNom{position:relative;top: -43px;left: 50px;}*/
/*.jdb2 .educName .fichePar{font-size:12px;position: relative;top: 5px;font-weight: normal;}*/
/*.jdb2 .educName .userPhoto{width:40px;height:40px;line-height:40px;font-size: 40px;}*/
.jdb2 #voir_fiche {
  width: 65%;
}

.jdb2 .repas {
  box-sizing: border-box;
  /*padding :0 0 0 20px;*/
}

/*.jdb2 #fiche_comment .addComment textarea {margin: 0;width: 535px;height: 45px;}*/
.jdb2 .champActExt {
  text-align   : right;
  font-weight  : normal !important;
  padding-right: 19px;
  box-sizing   : border-box;
}

.jdb2 .howtojbd i.fa {
  position: relative;
  top     : 6px;
}

.jdb2 .howtojbd .selgrp {
  position: relative;
  top     : -4px;
}

.jdb2 .howtojbd .selenf {
  position  : relative;
  margin-top: 0;
}

.jdb2 .howtojbd .selgrp+.selenf {
  position  : relative;
  margin-top: 37px;
}

.jdb2 .howtojbd .seldate {
  position  : relative;
  margin-top: 124px;
}

.jdb2 .howtojbd .selenf+.seldate {
  position  : relative;
  margin-top: 104px;
}

.jdb2 div.loadingjdb {
  height: 400px;
}

.jdb2 .loadingjdb p {
  line-height: 400px;
}

.jdb2 .cannedMsg {
  margin : 0;
  display: inline-block;
}

.jdb2 input[disabled],
.jdb2 select[disabled],
.jdb2 textarea[disabled],
.jdb2 input[readonly],
.jdb2 select[readonly],
.jdb2 textarea[readonly] {
  background-color: #fff;
  cursor          : default;
}

.jdb2 input[disabled]:focus,
.jdb2 select[disabled]:focus,
.jdb2 textarea[disabled]:focus,
.jdb2 input[readonly]:focus,
.jdb2 select[readonly]:focus,
.jdb2 textarea[readonly]:focus {
  border-color      : #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
}

.jdb2 .noDehors,
.jdb2 .noSieste,
.jdb2 .noBiberon {
  margin: 10px 0 0 0;
}

.jdb2 .tabDehors td,
.jdb2 .tabSieste td,
.jdb2 .tabBiberon td {
  padding: 4px 8px 0 0;
}

.jdb2 .tabDehors,
.jdb2 .tabSieste,
.jdb2 .tabBiberon {
  margin-top: 5px;
}

.jdb2 div.enfanAbsent {
  background   : rgba(249, 222, 222, 0.9);
  width        : 100%;
  position     : absolute;
  z-index      : 1000;
  top          : 0;
  left         : 0;
  bottom       : 0;
  margin-bottom: 0;
}

.jdb2 .enfanAbsent p {
  margin-top: 200px;
}

.jdb2 .enfanAbsent .titreAbs {
  font-size: 20px;
}

.jdb2 .enfanAbsent p i {
  position: relative;
  top     : 10px;
}

.jdb2 .enfanAbsent .btnSave {
  margin-top: 30px;
}

.jdb2 .btnAbsence {
  background  : #e56060;
  color       : #fff;
  margin-right: 10px;
}

.jdb2 .btnAbsence:hover {
  background: #fc7f7f;
}

.jdb2 .jdbTransfer {
  z-index: 1092;
}

.jdb2 .calendar.jdbTransfer {
  width      : 320px;
  left       : 50%;
  margin-left: -160px;
}

#observation_modal .titreHaut,
.jdb2 .titreHaut {
  width        : 100%;
  margin-bottom: 20px;
  font-size    : 22px;
  color        : #1385c8;
}

.jdb2 .enfanAbsent .menuEdit {
  position   : absolute;
  bottom     : 20%;
  left       : 50%;
  margin-left: -130px;
}

.jdb2 .dehorsDetails {
  margin-bottom: 15px;
}

.jdb2 .zoneCannedMsg.alert {
  padding      : 8px;
  margin-bottom: 8px;
}

@media print {

  .jdb2 #fiche_comment,
  .jdb2 .msgCommentaires,
  .jdb2 .msgSanteEnf,
  .jdb2 .msgCommentaireMilieu,
  .jdb2 textarea {
    page-break-inside: avoid;
    overflow         : visible;
  }

  .jdb2 .rightCol {
    width : 90%;
    margin: 50px 0 0 40px;
    float : none;
  }

  .btn-group .active {
    border     : 3px solid #000;
    font-weight: bold;
  }
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
  background-color: transparent;
  border          : 0;
  overflow        : hidden;
  *text-indent    : -9999px;
}

.ir:before {
  content: "";
  display: block;
  width  : 0;
  height : 100%;
}

.hidden {
  display   : none !important;
  visibility: hidden;
}

.visuallyhidden {
  border  : 0;
  clip    : rect(0 0 0 0);
  height  : 1px;
  margin  : -1px;
  overflow: hidden;
  padding : 0;
  position: absolute;
  width   : 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip    : auto;
  height  : auto;
  margin  : 0;
  overflow: visible;
  position: static;
  width   : auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.nowrap {
  white-space: nowrap;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {
    background            : transparent !important;
    color                 : #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow            : none !important;
    text-shadow           : none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  span[title]:after {
    content: " ("attr(title) ")";
  }

  /*
     * Don't show links for images, or javascript/internal links
     */

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after,
  a[href^="/"]:after {
    content: "";
  }

  pre,
  blockquote {
    border           : 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows : 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar,
  #s-menu,
  #pied,
  .texte #navigation,
  #messageMenu,
  i.imprimer,
  .soumission_act input[type="checkbox"],
  .no_print,
  #initHelp,
  .guider,
  #curuser,
  .print_hide {
    display: none;
  }

  #corps,
  .texte {
    border: none;
  }

  #infomnuright {
    float: left;
  }

  .affMessage {
    width: 95%;
  }

  #processedInfo {
    color     : #333;
    padding   : 0;
    margin    : 0;
    width     : 100%;
    text-align: left;
  }

  #entete {
    margin    : 0;
    height    : auto;
    min-height: 0px;
  }

  #mainMenu {
    width: 100%;
  }

  #infomnuright {
    float: right;
  }

  table.content td,
  table#table_print td {
    border: 1px #999 solid;
  }

  table#table_anniversaires td {
    border       : none;
    border-bottom: 1px #999 solid;
  }

  .ligne_pair {
    background-color: #daeef7;
  }

  .ligne_info_enfant_close {
    display: none;
  }

  .calendrier td {
    border : 1px solid #999;
    padding: 0.5em;
  }

  .calendrier td.jour_special {
    color           : #000;
    font-weight     : bold;
    border          : 3px solid #000;
    background-color: inherit;
  }

  .select_curr_value {
    display: inline;
  }
}

body.CJ #modules_planitou_side_menu a.menu-item-exp-cle {
  display: none;
}

/*body #modules_planitou_side_menu a.menu-item-presences { display: none !important; }*/

body.CJ #modules_planitou_side_menu a.menu-item-presences {
  display: block !important;
}

/*body.url800planitouca #modules_planitou_side_menu a.menu-item-presences { display: block !important; }
body.url100planitouca #modules_planitou_side_menu a.menu-item-presences { display: block !important; }

body.url131planitouca #modules_planitou_side_menu a.menu-item-presences { display: block !important; }
body.url132planitouca #modules_planitou_side_menu a.menu-item-presences { display: block !important; }
body.url133planitouca #modules_planitou_side_menu a.menu-item-presences { display: block !important; }*/

body.CJ #journal_modal .basic_needs_table {
  display: none;
}

body.CJ #journal_modal .zoneBiberon {
  display: none;
}

body.CJ #journal_modal .zoneSieste {
  display: none;
}

body.CJ #journal_modal .zoneDehors {
  display: none;
}

body.CJ .liste-experience-cle {
  display: none;
}

.uppy-DashboardAddFiles-info {
  display: none;
}

#journal_modal #create_observation_button {
  float      : right;
  margin     : 10px;
  line-height: normal;
}

body.presences #entete_bg {
  display: none;
}

body.presences #entete_bg_bg {
  height: 70px;
}

body.presences #entete {
  height : 70px;
  padding: 0px;
}

body.presences #entete .navbar {
  display: none;
}

body.presences #planitou_logo_link,
body.presences #planitou_logo_link>img {
  height: 50px;
}

body.presences #modules_planitou_side_menu {
  display: none;
}

body.presences #corps {
  padding      : 10px 0px 10px 20px;
  width        : 100%;
  margin-left  : 0px;
  margin-right : 0px;
  border-radius: 0px;
  box-shadow   : none;
  height       : 100%;
}

body.presences #corps>h1 {
  display: none;
}

body.presences .user_search_form {
  margin-top: 20px;
}

body.presences #pied {
  display: none;
}

body.presences .select_all_users_button.big_blue_button {
  padding      : 5px 0px;
  min-width    : 200px;
  margin-bottom: 6px;
}

body.presences .user_search_form .col1 {
  float       : left;
  width       : 200px;
  margin-right: 20px;
}

body.presences .user_search_form .col2 {
  display     : none;
  float       : left;
  width       : 120px;
  margin-right: 20px;
}

body.presences .user_search_form .col3 {
  float: left;
  width: calc(100% - 240px);
}

body.presences #corps #groupe_staff {
  margin-top    : 60px;
  margin-bottom : 60px;
  padding-bottom: 60px;
}

body.presences #corps #groupe_staff h2 {
  cursor   : pointer;
  color    : #888;
  font-size: 24px;
}

body.presences #corps #groupe_staff div.user_card {
  display: none;
}

body.presences #corps #groupe_staff.open div.user_card {
  display: block;
}

body.presences #corps div.letters a.letter {
  font-weight: normal;
  font-size  : 20px;
  display    : inline-block;
  width      : 3.3%;
  text-align : center;
  padding    : 0px;
  margin     : 0px;
  cursor     : not-allowed;
  color      : #aaa;
}

body.presences #corps div.letters a.letter.active {
  color : #08c;
  cursor: pointer;
}

body.presences #corps div.letters.open-staff a.letter {
  cursor: not-allowed;
  color : #aaa;
}

body.presences #corps div.letters.open-staff a.letter.staff-active {
  color : #08c;
  cursor: pointer;
}

body.presences.presences-in-planitou #entete_bg {
  display: block;
}

body.presences.presences-in-planitou #entete_bg_bg {
  height: 100px;
}

body.presences.presences-in-planitou #entete {
  height : auto;
  padding: 10px 0 0 0;
}

body.presences.presences-in-planitou #entete .navbar {
  display: block;
}

body.presences.presences-in-planitou #planitou_logo_link,
body.presences.presences-in-planitou #planitou_logo_link>img {
  height: 60px;
}

body.presences.presences-in-planitou #modules_planitou_side_menu {
  display: block !important;
}

body.presences.presences-in-planitou #conteneur #entete {
  width: 985px;
}

body.presences.presences-in-planitou #conteneur #corps {
  width        : 985px;
  padding      : 20px 30px 40px 30px;
  margin-left  : auto;
  margin-right : auto;
  border-radius: 18px;
  box-shadow   : 0 0px 10px 5px rgba(0, 0, 0, 0.05);
  height       : auto;
}

body.presences.presences-in-planitou #corps>h1 {
  display: block !important;
}

body.presences.presences-in-planitou #pied {
  display: block !important;
}

body.presences.presences-in-planitou #header_client_name_span {
  margin-right: 0px;
  float       : left;
  min-height  : 1px;
  margin-left : 0px;
}

body.presences.presences-in-planitou .user_card .arrival:hover {}

body.presences .select_staff_button {
  position        : absolute;
  top             : 20px;
  right           : 50px;
  padding-left    : 20px;
  padding-right   : 20px;
  text-transform  : none;
  background-color: #2ead2a;
}

@media (min-width: 1200px) {
  body.presences.presences-in-planitou #conteneur #corps {
    width: 1170px;
  }

  body.presences.presences-in-planitou #conteneur #entete {
    width: 1170px;
  }
}

@media (max-width: 600px) {
  body.presences .user_search_form .col3 {
    float: none;
    width: 100%;
  }
}

/*body.presences .user_search_form input { float: left; width: 80%; }
body.presences .child_group_select { float: left; width: 80%; }*/
body.presences,
body.presences #conteneur,
body.presences #conteneur #corps {
  height  : 100%;
  overflow: hidden;
}

body.presences #conteneur #corps {
  height    : calc(100% - 90px);
  overflow-y: scroll;
}

body.presences.presences-in-planitou,
body.presences.presences-in-planitou #conteneur,
body.presences.presences-in-planitou #conteneur #corps {
  overflow-y: visible;
}

body.presences.presences-in-planitou #conteneur {
  overflow: visible;
}

@media (max-width: 768px) {
  body.presences #conteneur #corps {
    padding-left : 0px;
    padding-right: 0px;
  }
}

body.presences #conteneur #corps .user_selection_list {
  clear     : both;
  height    : 100%;
  max-height: 100%;
}

body.presences #corps .user_card,
body.dashboard #corps .user_card {
  position    : relative;
  width       : 155px;
  float       : left;
  min-height  : 200px;
  margin-right: 0px;
  margin-top  : 0px;
}

body.dashboard #corps .user_card {
  min-height: 165px;
}

body.presences #corps .user_card .round_photo,
body.dashboard #corps .user_card .round_photo {
  position: relative;
  width   : 70px;
  height  : 70px;
}

body.presences #corps .user_card.open .round_photo,
body.dashboard #corps .user_card.open .round_photo {
  z-index: 2000;
}

body.presences #corps .user_card.present .round_photo:before,
body.dashboard #corps .user_card.present .round_photo:before {
  content          : " ";
  width            : 25px;
  height           : 25px;
  background-image : url("/images/present.png");
  background-repeat: no-repeat;
  background-size  : cover;
  position         : absolute;
  top              : -5px;
  left             : -5px;
}

body.presences #corps .user_card.absent .round_photo:before,
body.dashboard #corps .user_card.absent .round_photo:before {
  content          : " ";
  width            : 25px;
  height           : 25px;
  background-image : url("/images/absent.png");
  background-repeat: no-repeat;
  background-size  : cover;
  position         : absolute;
  top              : -5px;
  left             : -5px;
}

/*body.presences #corps .user_card.depart .round_photo:before { background-image: url('/images/cancel.png'); }*/

/*body.presences #corps .user_card.malade .round_photo:before { background-image: url('/images/malade.png'); }*/

body.presences #corps .user_card.fade {
  opacity: 0.2;
}

body.dashboard #corps .user_card.fade {
  opacity: 0.2;
}

body.presences #corps .user_card .round_photo {
  -webkit-filter: grayscale(1);
  filter        : grayscale(1);
  box-shadow    : none;
  margin-left   : 32px;
}

body.dashboard #corps .user_card .round_photo {
  -webkit-filter: grayscale(1);
  filter        : grayscale(1);
  box-shadow    : none;
  margin-left   : 32px;
}

body.presences #corps .user_card.absent .round_photo {
  -webkit-filter: none;
  filter        : none;
  box-shadow    : 0px 0px 0px 3px #ff0000;
}

body.dashboard #corps .user_card.absent .round_photo {
  -webkit-filter: none;
  filter        : none;
  box-shadow    : 0px 0px 0px 3px #ff0000;
}

body.presences #corps .user_card.depart .round_photo {
  box-shadow: 0px 0px 0px 6px #1385c8;
}

body.dashboard #corps .user_card.depart .round_photo {
  box-shadow: 0px 0px 0px 6px #1385c8;
}

body.dashboard #corps .user_card.malade .round_photo {
  box-shadow    : 0px 0px 0px 6px #f29600;
  -webkit-filter: none;
  filter        : none;
}

body.dashboard #corps .user_card.vacances .round_photo {
  box-shadow    : 0px 0px 0px 6px #1385c8;
  -webkit-filter: none;
  filter        : none;
}

body.presences #corps .user_card.present .round_photo {
  box-shadow    : 0px 0px 0px 3px #00aa00;
  -webkit-filter: none;
  filter        : none;
}

body.dashboard #corps .user_card.present .round_photo {
  box-shadow    : 0px 0px 0px 3px #00aa00;
  -webkit-filter: none;
  filter        : none;
}

body.presences #corps .user_card.selected .round_photo {
  box-shadow    : 0px 0px 0px 7px #f29600;
  -webkit-filter: none;
  filter        : none;
}


body .presence-card-component .user_card .enfant_presence_actions_modal {
  padding-bottom: 10px !important;
}

.enfant_presence_actions_modal .top-actions {
  width: 40%;
  float: left;
}

.enfant_presence_actions_modal .top-actions .present,
.enfant_presence_actions_modal .top-actions .departed {
  padding-bottom: 32px !important;
  margin-top    : -15px !important;
}

.enfant_presence_actions_modal .top-actions .absent {
  padding-bottom: 30px;
}

.enfant_presence_actions_modal .lower-actions {
  width      : 50%;
  margin-top : 0px;
  padding-top: 12px;
}

.enfant_presence_actions_modal .lower-actions .col {
  min-height: 77px;
}

.enfant_presence_actions_modal span {
  text-transform: none;
}

.enfant_presence_actions_modal .arr input {
  border: solid 1px #AAA;
}

.enfant_presence_actions_modal .dep input {
  border: solid 1px #AAA;
}




body.dashboard #corps .user_card.selected .round_photo {
  box-shadow    : 0px 0px 0px 7px #f29600;
  -webkit-filter: none;
  filter        : none;
}

.reservations .user_card.absent .round_photo:before {
  content          : " ";
  width            : 25px;
  height           : 25px;
  background-image : url("/images/absent.png");
  background-repeat: no-repeat;
  background-size  : cover;
  position         : absolute;
  top              : -5px;
  left             : -5px;
}

.reservations .user_card.absent .round_photo {
  -webkit-filter: none;
  filter        : none;
  box-shadow    : 0px 0px 0px 3px #ff0000;
}

.reservations .user_card.malade .round_photo {
  box-shadow    : 0px 0px 0px 6px #f29600;
  -webkit-filter: none;
  filter        : none;
}

.reservations .user_card.vacances .round_photo {
  box-shadow    : 0px 0px 0px 6px #1385c8;
  -webkit-filter: none;
  filter        : none;
}

body.presences #corps .user_card .user_info,
body.dashboard #corps .user_card .user_info,
body.dashboard #corps .presences-dashboard-view-2 .user_card .user_info {
  /*border-radius: 15px; box-shadow: 2px 2px 10px #CCC; padding: 8px;*/
  border-left: none;
  margin     : 0px;
  margin-top : 0px;
  margin-left: 0px;
  width      : 100%;
  min-width  : 140px;
  text-align : center;
  box-sizing : border-box;
}

body.presences #corps .user_card .user_info .user_full_name {
  font-size: 16px;
  position : relative;
  min-width: 140px;
}

body.dashboard #corps .user_card .user_info .user_full_name {
  font-size: 16px;
  position : relative;
  min-width: 140px;
}

body.presences #corps .groupe {
  float        : none;
  clear        : both;
  margin-top   : 20px;
  border-bottom: solid 1px #1385c8;
}

body.presences #corps .groupe>h2 {
  color         : #1385c8;
  font-size     : 20px;
  text-transform: uppercase;
  padding-bottom: 20px;
}

/*body.presences #corps .user_card .actions { display: none; background-color: #FFF; position: absolute; width: 110%; top: -40px; left: 0; box-shadow: 1px 1px 4px #f29600; border-radius: 10px; padding-top: 10px; min-width: 120px; }*/
/*body.presences #corps .user_card .actions { display: none; position: absolute; width: 100%; min-width: 310px; top: -21px; left: -101px; }*/

body.presences.presences-in-planitou #corps .user_card .actions,
body.dashboard.presences-in-planitou #corps .user_card .actions {
  display                   : none;
  position                  : absolute;
  width                     : 255px;
  top                       : -100px;
  left                      : -40px;
  background-color          : #fff !important;
  z-index                   : 200;
  border                    : solid 2px #ddd;
  border-top                : 0px;
  border-radius             : 0px;
  border-top-right-radius   : unset;
  border-top-left-radius    : unset;
  padding-bottom            : 0px;
  border-bottom-left-radius : 20px;
  border-bottom-right-radius: 20px;
  box-shadow                : 2px 2px 20px #aaaa;
  padding-top               : 100px !important;
  min-height                : 180px;
}

body.presences #corps .user_card .actions,
body.dashboard #corps .user_card .actions {
  display                   : none;
  position                  : absolute;
  width                     : 255px;
  top                       : -100px;
  left                      : -40px;
  background-color          : #fff !important;
  z-index                   : 200;
  border                    : solid 2px #ddd;
  border-top                : 0px;
  border-radius             : 0px;
  border-top-right-radius   : unset;
  border-top-left-radius    : unset;
  padding-bottom            : 0px;
  border-bottom-left-radius : 20px;
  border-bottom-right-radius: 20px;
  box-shadow                : 2px 2px 20px #aaaa;
  padding-top               : 100px !important;
  min-height                : 180px;
}

body.presences #corps .user_card.open .round_photo,
body.dashboard #corps .user_card.open .round_photo {
  margin-left: -10px !important;
}

body.presences #corps .user_card.open .actions li.cancel,
body.dashboard #corps .user_card.open .actions li.cancel {
  position: absolute;
  left    : 40px;
  top     : 95px;
}

body.presences #corps .user_card.open .actions>ul,
body.dashboard #corps .user_card.open .actions>ul {
  float     : right;
  width     : 130px;
  margin-top: -100px;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card .actions {
  top: 60px;
}

body.presences #corps .user_card.open .actions,
body.dashboard #corps .user_card.open .actions {
  display         : block;
  padding         : 20px 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0.8);
}

/*body.presences #corps .user_card.open .user_full_name { color: #FFF; }*/
body.presences #corps .user_card .actions ul,
body.dashboard #corps .user_card .actions ul {
  list-style-type: none;
  margin-left    : 15px;
}

body.presences #corps .user_card span.plus,
body.dashboard #corps .user_card span.plus {
  display         : block;
  width           : 40px;
  height          : 40px;
  color           : #fff;
  font-weight     : bold;
  cursor          : pointer;
  text-align      : center;
  padding         : 5px;
  font-size       : 20px;
  background-color: rgba(84, 84, 84, 0.8);
  border-radius   : 40px;
  box-sizing      : border-box;
  position        : absolute;
  top             : -65px;
  left            : 90px;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card span.plus {
  display         : block;
  width           : 26px;
  height          : 26px;
  color           : #fff;
  font-weight     : bold;
  cursor          : pointer;
  text-align      : center;
  padding         : 3px;
  font-size       : 20px;
  background-color: rgba(84, 84, 84, 0.8);
  border-radius   : 26px;
  box-sizing      : border-box;
  position        : absolute;
  top             : 40px;
  right           : 0px;
}

body.dashboard #corps .user_card span.plus {
  width  : 26px;
  height : 26px;
  padding: 3px;
  /* top : 15px; left: 75px;*/
}

body.presences #corps .user_card span.flc,
body.dashboard #corps .user_card span.flc {
  display    : block;
  width      : 100%;
  color      : #fff;
  font-weight: bold;
  cursor     : pointer;
  text-align : center;
  padding    : 5px;
  font-size  : 16px;
  box-sizing : border-box;
  color      : #444;
}

body.presences #corps .user_card .user_full_name .arrival {
  display   : block;
  position  : relative;
  font-size : 12px;
  width     : 100%;
  text-align: center;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card .user_full_name .arrival {
  display   : block;
  position  : relative;
  font-size : 12px;
  width     : 100%;
  text-align: center;
}

body.presences #corps .user_card .user_full_name .departure {
  display   : block;
  position  : relative;
  font-size : 12px;
  width     : 100%;
  text-align: center;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card .user_full_name .departure {
  display   : block;
  position  : relative;
  font-size : 12px;
  width     : 100%;
  text-align: center;
}

/*body.presences #corps .user_card .actions ul li { width: 100%; float: none; clear: both; }
body.presences #corps .user_card .actions ul li a span { width: 25px; height: 23px; border: solid 1px #f29600; text-align: center; display: block; font-weight: bold; text-transform: uppercase; color: #FFF; float: left; background-color: #f29600; margin-right: 10px; margin-bottom: 3px; margin-top: -3px; }
body.presences #corps .user_card .actions ul li a { text-align: left; color: #F29600; display: block; padding-top: 3px; }

body.presences #corps .user_card .actions ul li.absent span { border: solid 1px #FF0000; background-color: #FF0000; }
body.presences #corps .user_card .actions ul li.absent a { color: #FF0000; }

body.presences #corps .user_card .actions ul li.present span { border: solid 1px #44BB44; background-color: #44BB44; }
body.presences #corps .user_card .actions ul li.present a { color: #44BB44; }

body.presences #corps .user_card .actions ul li.cancel span { border: solid 1px #888; background-color: #888; }
body.presences #corps .user_card .actions ul li.cancel a { color: #888; }*/

body.presences #corps .user_card .actions ul,
body.dashboard #corps .user_card .actions ul {
  padding: 0px;
  margin : 0px;
}

body.presences #corps .user_card .actions ul li,
body.dashboard #corps .user_card .actions ul li {
  display     : block;
  margin-right: 0px;
  float       : left;
  padding     : 0px;
  margin      : 0px;
}

body.presences #corps .user_card .actions ul li.status,
body.dashboard #corps .user_card .actions ul li.status {
  display     : block;
  margin-right: 0px;
  float       : none;
  padding     : 0px;
  margin      : 0px;
  min-height  : 100px;
}

body.presences #corps .user_card .actions ul li.status ul,
body.dashboard #corps .user_card .actions ul li.status ul {
  padding-left: 0px;
}

body.presences #corps .user_card .actions ul li.status ul li,
body.dashboard #corps .user_card .actions ul li.status ul li {
  height: 65px;
}

body.presences #corps .user_card .actions ul li.time,
body.dashboard #corps .user_card .actions ul li.time {
  display     : none;
  margin-right: 0px;
  float       : none;
  padding     : 20px;
  margin      : 0px;
  clear       : both;
  margin-left : -120px;
}

body.presences #corps .user_card .actions ul li.time div,
body.dashboard #corps .user_card .actions ul li.time div {
  float: left;
  width: 50%;
}

body.presences #corps .user_card .actions ul li.time div input,
body.dashboard #corps .user_card .actions ul li.time div input {
  width: 85%;
}

body.presences #corps .user_card .actions ul li.operation,
body.dashboard #corps .user_card .actions ul li.operation {
  display     : block;
  margin-right: 0px;
  float       : none;
  padding     : 0px;
  margin      : 0px;
  clear       : both;
  text-align  : center;
  margin-left : -120px;
}

body.presences #corps .user_card .actions ul li.operation {
  display: none;
}

body.presences.presences-in-planitou #corps .user_card .actions ul li.operation {
  display: block;
}

body.presences #corps .user_card .actions ul li.time {
  display: none;
}

body.presences.presences-in-planitou #corps .user_card .actions ul li.time {
  display: block;
}

body.presences #corps .user_card .actions ul li.operation ul li,
body.dashboard #corps .user_card .actions ul li.operation ul li {
  display   : block;
  text-align: center;
  float     : none;
  width     : 100%;
}

body.presences #corps .user_card .actions ul li.operation ul li a,
body.dashboard #corps .user_card .actions ul li.operation ul li a {
  display        : block;
  text-align     : center;
  width          : 100%;
  height         : auto;
  font-size      : 16px;
  border         : solid 1px #eee;
  cursor         : pointer;
  padding        : 5px 0px;
  text-decoration: none;
}

body.presences #corps .user_card .actions ul li.operation ul li a:hover,
body.dashboard #corps .user_card .actions ul li.operation ul li a:hover {
  background-color: #eee;
}

body.presences #corps .user_card .actions ul li a span,
body.dashboard #corps .user_card .actions ul li a span {
  width              : 40px;
  height             : 40px;
  display            : block;
  /*float            : left;*/
  background-image   : url("/images/absent.png");
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
  overflow           : hidden;
  text-indent        : -100px;
  margin-left        : auto;
  margin-right       : auto;
}

body.presences #corps .user_card .actions ul li a,
body.dashboard #corps .user_card .actions ul li a {
  display    : block;
  text-align : left;
  color      : #444;
  display    : block;
  padding-top: 3px;
  width      : 50px;
  height     : 45px;
  /*overflow : hidden;*/
  font-size  : 10px;
  text-align : center;
}

body.presences #corps .user_card .actions ul li.maladie span,
body.dashboard #corps .user_card .actions ul li.maladie span {
  background-image: url("/images/malade.png");
}

body.presences #corps .user_card .actions ul li.present span,
body.dashboard #corps .user_card .actions ul li.present span {
  background-image: url("/images/present.png");
}

body.presences #corps .user_card .actions ul li.cancel span,
body.dashboard #corps .user_card .actions ul li.cancel span {
  background-image: url("/images/cancel.png");
}

body.presences #corps .user_card .actions ul li.vacances span,
body.dashboard #corps .user_card .actions ul li.vacances span {
  background-image: url("/images/vacances.png");
}

body.dashboard #corps .presences-dashboard-view-2 .user_card {
  display      : inline-block;
  height       : 100px;
  border       : thin solid #888;
  border-radius: 1em;
  margin-bottom: 0.5em;
  padding-top  : 0.5em;
  min-height   : 100px;
  margin-right : 10px;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card span.dot {
  height       : 10px;
  width        : 10px;
  border-radius: 50%;
  display      : inline-block;
  margin-right : 5px;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card.vide span.dot {
  background: #888888;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card.present span.dot {
  background: #44bb44;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card.absent span.dot {
  background: #ff0000;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card.malade span.dot {
  background: #f29600;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card.vacances span.dot {
  background: #1385c8;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card .round_photo {
  display : block;
  position: absolute;
  top     : 10px;
  left    : 40px;
}

body.presences #corps .user_selection_list .heading {
  width: 100%;
}

body.presences #corps .user_selection_list .heading h2 {
  float        : left;
  padding-right: 20px;
  font-size    : 32px;
  margin-bottom: 20px;
}

body.presences #corps .user_selection_list .heading div.stats {
  float      : left;
  width      : 60px;
  padding-top: 14px;
}

body.presences #corps .user_selection_list .heading div.legend {
  display    : none;
  float      : right;
  width      : 420px;
  padding    : 0px;
  margin     : 0px;
  padding-top: 10px;
}

body.presences #corps .user_selection_list .heading div.legend ul {
  margin : 0px;
  padding: 0px;
}

body.presences #corps .user_selection_list .heading div.legend li {
  list-style-type: none;
  display        : inline-block;
  padding-bottom : 15px;
  padding-right  : 10px;
}

body.presences #corps .user_selection_list .heading div.legend li span {
  background-image   : url("/images/absent.png");
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
  display            : inline-block;
  width              : 20px;
  height             : 20px;
  float              : left;
  margin-right       : 5px;
}

body.presences #corps .user_selection_list .heading div.legend li.maladie span {
  background-image: url("/images/malade.png");
}

body.presences #corps .user_selection_list .heading div.legend li.present span {
  background-image: url("/images/present.png");
}

body.presences #corps .user_selection_list .heading div.legend li.cancel span {
  background-image: url("/images/cancel.png");
}

body.presences #corps .user_selection_list .heading div.legend li.absent a {
  color: #ff0000;
}

body.presences #corps .user_selection_list .heading div.legend li.present a {
  color: #44bb44;
}

body.presences #corps .user_selection_list .heading div.legend li.maladie a {
  color: #f29600;
}

body.presences #corps .user_selection_list .heading div.legend li.cancel a {
  color: #888;
}

body.presences #conteneur #entete {
  width           : 100%;
  padding-left    : 25px;
  background-color: #1385c8;
}

body.presences #header_client_name_span {
  float       : right;
  margin-right: 25px;
  margin-top  : -5px;
}

body.presences .user_search_form .tabs {
  clear: both;
}

body.presences .user_search_form .tabs .tab a {
  font-weight: bold;
  font-size  : 18px;
  color      : #1385c8;
}

body.presences .user_search_form .tabs .tab a:hover {
  text-decoration: none;
}

body.presences .user_search_form .tabs .tab {
  text-align: center;
  width     : 120px;
  padding   : 7px;
  float     : none;
  float     : left;
}

body.presences .user_search_form .tabs .tab-a-z {
  width: 80px;
}

body.presences .user_search_form .tabs .tab.active {
  background-color: #1385c8;
}

body.presences .user_search_form .tabs .tab.active a {
  color: #fff;
}

body.presences #corps .modal {
  display   : none;
  min-height: 200px;
  width     : 320px;
}

body.presences #corps .modal .modal-body {
  min-height : 165px;
  padding-top: 25px;
  overflow-y : hidden;
}

body.presences #corps .modal .modal-body h3 {
  padding-top: 4px;
  float      : left;
  margin-left: 20px;
}

body.presences #corps .modal .modal-body h3 span {
  display: block;
}

body.presences #corps .modal.open {
  display: block;
}

body.presences #corps .modal-bg {
  display         : none;
  width           : 100%;
  height          : 100%;
  position        : fixed;
  background-color: rgba(0, 0, 0, 0.4);
  top             : 0px;
  left            : 0px;
  right           : 0px;
  bottom          : 0px;
  z-index         : 400;
}

body.presences #corps .modal-bg.open {
  display: block;
}

body.presences #corps .modal .btn-primary {
  display: none;
}

body.presences #corps .modal .modal-footer {
  display      : none;
  padding-right: 10px;
}

body.presences #corps .modal .modal-body .round_photo {
  position: relative;
  width   : 50px;
  height  : 50px;
  float   : left;
}

body.presences #corps .modal .modal-body input.btn-cancel {
  position        : absolute;
  top             : 5px;
  right           : 5px;
  padding         : 5px;
  font-weight     : bold;
  background-color: #fff;
  border          : none;
  text-shadow     : none;
  box-shadow      : none;
  background-image: none;
  font-size       : 18px;
}

body.presences #corps .modal .modal-body .actions {
  clear      : both;
  padding-top: 20px;
}

body.presences #corps .modal .modal-body .actions ul {
  margin-left: 12px;
}

body.presences #corps .modal .modal-body .actions ul li {
  cursor      : pointer;
  text-align  : center;
  display     : block;
  margin-right: 8px;
  float       : left;
  width       : 84px;
}

body.presences #corps .modal .modal-body .actions ul li a span {
  width              : 60px;
  height             : 60px;
  display            : block;
  float              : left;
  background-image   : url("/images/absent.png");
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
  overflow           : hidden;
  text-indent        : -100px;
  text-align         : center;
}

body.presences #corps .modal .modal-body .actions ul li a {
  text-align : center;
  display    : block;
  text-align : left;
  color      : #ff0000;
  display    : block;
  padding-top: 3px;
  width      : 60px;
  height     : 45px;
  text-align : center;
}

body.presences #corps .modal .modal-body .actions ul li.vacances {
  display: none;
}

body.presences #corps .modal .modal-body .actions ul li.maladie {
  display: none;
}

body.presences #corps .modal .modal-body .actions ul li.vacances span {
  background-image: url("/images/vacances.png");
}

body.presences #corps .modal .modal-body .actions ul li.maladie span {
  background-image: url("/images/malade.png");
}

body.presences #corps .modal .modal-body .actions ul li.present span {
  background-image: url("/images/present.png");
}

body.presences #corps .modal .modal-body .actions ul li.cancel span {
  background-image: url("/images/cancel.png");
}

body.presences #corps .modal .modal-body .actions.absent ul li.absent {
  -webkit-filter: grayscale(1);
  filter        : grayscale(1);
  opacity       : 0.5;
}

body.presences #corps .modal .modal-body .actions.absent ul li.vacances {
  display: block;
}

body.presences #corps .modal .modal-body .actions.absent ul li.maladie {
  display: block;
}

body.presences #corps .modal .modal-body .actions.absent ul li.present {
  display: none;
}

body.presences #corps .modal .modal-body .actions.absent ul li.cancel {
  display: none;
}

body.presences #corps .modal .modal-body .actions ul li.absent a {}

body.presences #corps .modal .modal-body .actions ul li.vacances a {
  color: #1385c8;
}

body.presences #corps .modal .modal-body .actions ul li.maladie a {
  color: #f29600;
}

body.presences #corps .modal .modal-body .actions ul li.present a {
  color: #44bb44;
}

body.presences #corps .modal .modal-body .actions ul li.cancel a {
  color: #888;
}

body.presences #conteneur #corps .a-z {
  clear      : both;
  height     : 100%;
  max-height : 100%;
  margin     : 10px 0 20px 0;
  overflow-y : visible;
  padding-top: 20px;
}

@media (max-width: 400px) {
  body.presences #corps .user_card .actions {
    max-width: 260px;
    left     : -50px;
  }

  body.presences #corps .user_card .actions ul li.status ul {
    padding-left: 20px;
  }

  body.presences .user_search_form .col3 {
    width: 100% !important;
    float: none !important;
  }

  body.presences #corps {
    width: 100% !important;
  }
}

body.presences div.groupe .heading {
  position: relative;
}

/*body.presences div.groupe span.plus { display: none; width: 40px; height: 40px; color: #FFF; font-weight: bold; cursor: pointer; text-align: center; padding: 5px; font-size: 20px; background-color: #CCC; border-radius: 40px; box-sizing: border-box; float: left; }*/
body.presences div.groupe .actions {
  display: none;
}

body.presences div.groupe.open ul {
  margin         : 0px;
  padding        : 0px;
  list-style-type: none;
}

body.presences div.groupe.open .actions {
  display: block;
}

body.presences div.groupe.open .actions .operation .flc {
  margin-left: 20px;
}

body.presences div.groupe.open .user_card .actions .operation .flc {
  margin-left: 0px;
}

body.presences .user_card .main {
  display   : none;
  position  : relative;
  z-index   : 20;
  margin-top: 0px;
}

body.presences .user_card .main.active {
  display   : block;
  text-align: center;
}

body.presences .user_card .main span.here {
  display: none;
  color  : #f39700;
}

body.presences .user_card .main span.there {
  display  : none;
  color    : #1385c8;
  font-size: 10px;
}

body.presences .user_card .main span.there span.groupe {
  color          : #000;
  text-decoration: none;
  border-bottom  : none !important;
}

body.dashboard .views {
  padding-left: 40px;
  padding-top : 20px;
}

body.dashboard .views span {
  cursor   : pointer;
  font-size: 30px;
  color    : #888;
  display  : inline-block;
  padding  : 0px 20px;
}

body.dashboard .group-select {
  padding-top: 20px;
}

body.dashboard .views span.active {
  color: #003853;
}

body.dashboard .col-sm-4 {
  width: 33%;
  float: left;
}

body.dashboard .col-sm-6 {
  width: 50%;
  float: left;
}

body.dashboard .group-dashboard .col-sm-6 .graph {
  width      : 80%;
  margin-left: 10%;
}

body.dashboard div.groupe {
  clear: both;
}

body.dashboard div.groupe div.vide-list {
  width     : 30%;
  float     : left;
  text-align: center;
}

body.dashboard div.groupe div.vide-list .round_photo {
  -webkit-filter: grayscale(1);
  filter        : grayscale(1);
  box-shadow    : 0px 0px 0px 3px #ff0000;
}

body.dashboard div.groupe div.present-list {
  width           : 30%;
  float           : left;
  background-color: #ddd;
  text-align      : center;
}

body.dashboard div.groupe div.absent-list {
  width     : 15%;
  float     : left;
  text-align: center;
}

body.dashboard div.groupe div.graph {
  width: 25%;
  float: left;
}

body.dashboard div.groupe .user_full_name {
  font-size: 16px;
}

body.dashboard div.groupe .user_card .round_photo {
  width : 40px;
  height: 40px;
}

body.dashboard #corps .user_card .user_full_name {
  line-height: 16px;
}

body.dashboard #corps .presences-dashboard-view-2 .user_card .user_full_name {
  line-height: 16px;
  position   : relative;
}

body.dashboard #corps .user_card .user_full_name .arrival {
  font-size: 12px;
}

body.dashboard #corps .user_card .user_full_name .departure {
  font-size: 12px;
}

body.dashboard #corps .user_card .user_full_name .malade {
  font-size: 12px;
}

body.dashboard #corps .user_card .user_full_name .absent {
  font-size: 12px;
}

body.dashboard #corps .user_card .user_full_name .vacances {
  font-size: 12px;
}

body.dashboard #corps .user_card .user_full_name .vide {
  font-size: 12px;
}

body.dashboard #corps .groupe {
  padding: 20px;
}

body.dashboard #corps .groupe:nth-child(even) {
  background: #eee;
}

table.calendarTable {
  margin-left : auto;
  margin-right: auto;
  font-size   : 16px;
}

table.calendarTable .highlights {
  background-color: #1385c8;
  color           : #fff;
}

/*table.calendarTable .not-valid { cursor: not-allowed; }*/
table.calendarTable .valid {
  cursor: pointer;
}

table.calendarTable .calendarTitle {
  text-align : center;
  font-weight: bold;
}

table.calendarTable .calendarHeader {
  color: #1385c8;
}

table.calendarTable td {
  padding: 5px;
  cursor : pointer;
}

table.assiduite {
  border: solid 1px #eee;
  width : 100%;
}

table.assiduite thead {
  border-bottom: solid 1px #eee;
}

table.assiduite tbody th {
  font-weight: normal;
  text-align : right;
}

table.assiduite tbody tr.heading th {
  text-align : center;
  font-weight: bold;
  padding    : 20px 0px;
  font-size  : 18px;
  border-top : solid 1px #08c;
}

table.assiduite th,
table.assiduite td {
  padding   : 5px;
  text-align: center;
  min-width : 70px;
}

table.assiduite tbody td.arrivee,
table.assiduite tbody td.depart {
  color           : #fff;
  background-color: #44bb44;
}

table.assiduite tbody tr.total td,
table.assiduite tbody tr.total th {
  background-color: #eee;
}

body.assiduite div.span8 {
  margin-left: 10px;
  margin-top : 45px;
}

body.assiduite .tabs {
  clear: both;
}

body.assiduite .tabs .tab a {
  font-weight: bold;
  font-size  : 18px;
  color      : #1385c8;
}

body.assiduite .tabs .tab a:hover {
  text-decoration: none;
}

body.assiduite .tabs .tab {
  text-align: center;
  width     : 120px;
  padding   : 10px;
  float     : left;
}

body.assiduite .tabs .tab.active {
  background-color: #1385c8;
}

body.assiduite .tabs .tab.active a {
  color: #fff;
}

body.dashboard .year {
  width        : 50%;
  float        : left;
  position     : relative;
  padding-top  : 40px;
  margin-bottom: 20px;
}

body.dashboard .year .mois {
  width  : 200px;
  display: none;
  border : solid 1px #eee;
}

body.dashboard .year .mois.current {
  display: block;
}

body.dashboard .year .select {
  position: absolute;
  top     : 0px;
  width   : 200px;
}

body.dashboard .year .select select {
  width     : 100%;
  border    : none;
  text-align: center;
}

body.dashboard .year .select select option {
  text-align: center;
}

body.dashboard .group-dashboard {
  padding   : 20px;
  text-align: center;
  width     : 100%;
}

body.dashboard .group-dashboard .graph {
  width      : 50%;
  margin-left: 25%;
}

@media (max-width: 945px) {
  body.presences #corps .user_card {
    width: 33%;
    float: left;
  }
}

@media (max-width: 820px) {
  body.presences #corps .user_selection_list .heading div.legend {
    width        : 320px;
    margin-top   : -30px;
    margin-bottom: 25px;
    float        : left;
    clear        : both;
  }
}

@media (max-width: 768px) {

  body.presences #planitou_logo_link,
  body.presences #planitou_logo_link>img {
    text-align  : left;
    margin-left : 10px;
    margin-right: 0px;
  }

  body.presences #corps .user_card {
    width: 33%;
    float: left;
  }
}

@media (max-width: 630px) {
  body.presences #corps .user_card {
    width    : 100%;
    float    : none;
    max-width: 320px;
  }
}

@media (max-width: 600px) {
  /*body.presences .user_search_form input { width: 100%; float: none; }
    body.presences .child_group_select { width: 100%; float: none; }
    body.presences .select_all_users_button.big_blue_button { padding: 0px; width: 100%; float: none; margin-right: 0px; padding: 5px 0px; }*/
}

@media (max-width: 512px) {
  body.presences #corps .user_card {
    width: 50%;
    float: left;
  }

  body.presences #corps .user_selection_list .heading div.legend {
    float: left;
  }
}

@media (max-width: 400px) {
  body.presences .user_search_form {
    margin-top: 0px;
  }

  body.presences #conteneur #entete {
    padding-left: 0px;
  }

  body.presences .select_all_users_button.big_blue_button {
    width       : 200px;
    right       : 0px;
    position    : fixed;
    top         : 15px;
    border      : solid 1px #fff;
    margin-right: 10px;
  }

  body.presences #corps .user_card {
    width  : 100%;
    float  : none;
    padding: 2px 5px;
  }

  body.presences #corps .user_selection_list .heading div.legend {
    width: 100%;
  }

  body.presences #corps .user_selection_list .heading div.legend li {
    padding-right: 0px;
  }

  body.presences #conteneur #corps {
    padding : 0px 2px 40px 5px;
    overflow: visible;
  }
}

.dropzone-box {
  width        : 50%;
  border       : solid 1px #ddd;
  padding      : 20px;
  margin       : 20px;
  border-radius: 10px;
  text-align   : center;
  position     : relative;
}

.dropzone-box svg {
  width: 80px;
}

.my-dropzone {
  position: absolute;
  width   : 200%;
  height  : 100%;
  z-index : 1000;
  top     : 0px;
}

.my-dropzone .dz-preview.dz-processing {
  clear      : both;
  margin-left: 50%;
}

.my-dropzone .dz-preview.dz-processing .dz-image {
  float: left;
}

.my-dropzone .dz-preview.dz-processing .dz-details {
  float      : left;
  font-size  : 12px;
  margin-left: 10px;
}

.my-dropzone .dz-preview.dz-processing img {
  width : 40px;
  height: 40px;
}

.my-dropzone .dz-preview.dz-processing:first-child {
  margin-left: 50%;
}

.my-dropzone .dz-preview.dz-processing .dz-success-mark svg {
  width : 20px;
  height: 20px;
}

.my-dropzone .dz-preview.dz-processing .dz-success-mark svg path {
  fill: green;
}

.my-dropzone .dz-preview.dz-processing.dz-success .dz-error-mark {
  display: none;
}

.my-dropzone .dz-preview.dz-processing.dz-error .dz-success-mark {
  display: none;
}

.my-dropzone .dz-preview.dz-processing .dz-error-mark svg {
  width : 20px;
  height: 20px;
}

.my-dropzone .dz-preview.dz-processing .dz-error-mark svg path {
  fill: red;
}

.my-dropzone .dz-default.dz-message {
  display: none;
}

/* dz-image-preview dz-success dz-complete */

.my-dropzone-files ul li {
  list-style-type: none;
  padding        : 0px;
  float          : left;
  width          : 200px;
  text-align     : center;
  padding        : 20px;
}

.my-dropzone-files ul li img {
  width : 100%;
  height: auto;
}

.my-dropzone-files ul li svg {
  width : 90px;
  height: auto;
}

.my-dropzone-files ul li div {
  position      : relative;
  padding-bottom: 5px;
}

.my-dropzone-files ul li div a.btn {
  position: absolute;
  top     : 0px;
  right   : 0px;
}

.my-dropzone-files ul li div a.btn.show {
  right: 30px;
}

.my-dropzone-files ul li label {
  float        : left;
  display      : block;
  padding-right: 8px;
}

.my-dropzone-files ul li input {
  float      : left;
  width      : 120px;
  height     : 20px !important;
  font-weight: 900;
}

.observations_list {
  padding-left: 20px;
}

.observations-files img {
  display: none;
}

.observations_list .round_photo {
  display: none !important;
}

.observations_list .item_info {
  display: none !important;
}

.observations_list .item_entry_footer {
  text-align: left;
}

.observations_list .observation_icons_container {
  position  : absolute;
  right     : 10px;
  top       : 0px;
  text-align: center;
  float     : none;
  min-height: 40px;
  width     : 30px;
}

.observations_list .observation_icons_container div {
  float  : left;
  padding: 10px;
}

div.custom-date {
  float     : left;
  display   : inline-block;
  margin-top: 50px;
}

ul.graph-types {
  text-align: left;
  padding   : 0px;
  margin    : 0px;
}

ul.graph-types li {
  list-style-type: none;
  display        : inline-block;
  width          : 120px;
  text-align     : center;
}

ul.graph-types li span {
  font-size: 36px;
  color    : #aaa;
  cursor   : pointer;
}

ul.graph-types li.active span {
  color: #1385c8;
}

#observation_entries_list div.pie_container {
  display: none;
}

#observation_entries_list div.line_container {
  display: none;
}

@media (max-width: 600px) {
  #titlediv {
    display: none !important;
  }
}

span.setApiKey {
  cursor     : pointer;
  margin-left: 20px;
}

#modules_planitou_side_menu.open::-webkit-scrollbar {
  background-color: #4d4d4d;
  width           : 5px;
}

#modules_planitou_side_menu.open::-webkit-scrollbar-thumb {
  background-color: #5d5d5d;
}

#place05 .infoParent {
  width: 48%;
  float: left;
}

#place05 .listLeft {
  clear: both;
  width: 40%;
  float: left;
}

#place05 .listRight {
  width: 60%;
  float: left;
}

#place05 td.add,
#place05 td.edit {
  padding-right: 15px;
}

#cropperModal .button {
  margin-left: 0 !important;
}

#cropperModal .btn-group .button {
  padding     : 10px 15px;
  margin-right: 2px;
}

#cropperModal .btn-group {
  float: left;
}

#cropperModal .btn-group.second {
  float: right;
}

#cropperModal .button .fa {
  font-size: 16px;
}

#cropperModal .button {
  border: none;
}

#cropperModal .modal-footer {
  padding: 15px;
}

#cropperModal img {
  max-width: 100%;
}

/*body.SDGS #modules_planitou_side_menu a.menu-item-exp-cle,
body.SDGS #modules_planitou_side_menu a.planning_module_link,
body.SDGS #modules_planitou_side_menu a.menu-item-menu,*/
/*body.SDGS #modules_planitou_side_menu a.menu-item-banque-activites,
body.SDGS #modules_planitou_side_menu a.menu-item-fetes,
body.SDGS #modules_planitou_side_menu a.menu-item-feries { display: none; }*/
body.SDGS th.garde_partagee,
body.SDGS td.garde_partagee {
  display: none;
}

body.SDGS #journal_modal .info_age {
  display: none;
}

body.SDGS #journal_modal .btnAbsence {
  display: none;
}

body.SDGS #journal_modal .champ.full_width {
  display: none;
}

body.SDGS #journal_modal .zoneDehors {
  display: none !important;
}

body.SDGS #journal_modal .zoneSieste {
  display: none !important;
}

body.SDGS #journal_modal .zoneBiberon {
  display: none !important;
}

body.SDGS .commentaires-sante>.span6 {
  display: none;
}

body.SDGS .commentaires-sante>.span6:first-child {
  /*width: 940px;*/
  display: block;
}

body.SDGS .msgCommentaires {
  margin-right: 0px;
}

/*body.SDGS #journal_modal .titre.titre-bienetre { width: 210px; text-align: center; }
body.SDGS #journal_modal .titre.titre-relations,
body.SDGS #journal_modal .groupe-choix.relations,
body.SDGS #journal_modal .titre.titre-consignes,
body.SDGS #journal_modal .groupe-choix.consignes { display: none; }*/
body.SDGS #journal_modal div.repas {
  display: none;
}

body.SDGS .btn-group.selYear {
  display: none;
}

/*body.SDGS #journal_modal .groupe_message { width: 100%; margin-left: 0px; margin-top: 20px; }
body.SDGS #journal_modal .msgCommentaires { width: 100%; margin-left: 0px; }*/
/*body.SDGS #journal_modal .jdb-ep-message .span6 { width: 90%; }
body.SDGS #journal_modal .commentaires-sante .span6 { width: 90%; }*/

body.SDGS .destiSelection .help-block ul li:first-child {
  display: none;
}

body.SDGS .destiSelection .help-block ul li:nth-child(2) {
  display: none;
}

body.SDGS a[data-target="#filter_by_experience_modal"] {
  display: none !important;
}

body.SDGS .liste-experience-cle {
  display: none !important;
}

body.SDGS tr.rang_familial,
body.EP tr.medecin,
body.EP tr.medicaments,
body.EP tr.acetaminophene {
  display: none;
}

body.SDGS div#wel_content a.btn-warning {
  display: none !important;
}

/*body.SDGS .modal-body .fichejdb .row:nth-child(4) { width: 55%; float: left; }*/
body.SDGS .modal-body .fichejdb .row:nth-child(4) .span12 {
  width: 100%;
}

body.jdb2.SDGS .zoneInfoFiche .pull-left {
  width: 100%;
}

body.jdb2.SDGS .zoneInfoFiche .pull-left .titre {
  width: 40%;
}

body.SDGS .sphere_filters_container {
  display: none;
}

body.SDGS .modal-body .sphere_filters_container {
  display: block;
}

/* Debut Dave 4 juin CSS à refactorer */

.uppy-Dashboard-dropFilesTitle:after {
  content        : "\f093";
  display        : block;
  font-family    : "FontAwesome";
  font-size      : 160%;
  position       : absolute;
  display        : flex;
  flex-direction : row;
  justify-content: center;
  bottom         : 158px;
  color          : rgba(0, 0, 0, 0.2);
  pointer-events : none;
}

.uppy-Dashboard-dropFilesTitle:after {
  left   : 0;
  width  : 100%;
  display: none;
}

div#dropzone-box-jdo {
  display: none;
}

.sortableCategories {
  list-style: none;
}

.categories-box {
  font-family          : "VAG Rounded Std Bold";
  padding              : 4px 14px;
  line-height          : 16px;
  transition           : all 0.3s;
  cursor               : pointer;
  margin               : 10px 5px;
  width                : 47%;
  vertical-align       : top;
  text-align           : left;
  display              : block;
  font-size            : 150%;
  line-height          : 120%;
  height               : 100%;
  display              : grid;
  align-items          : center;
  grid-template-columns: 100px 1fr;
}

.portrait-form-section .categories-box {
  grid-template-columns: 60px 1fr;
  height               : 60px;
  padding              : 0;
  margin               : 0 0 40px;
  gap                  : 10px;
}

.portrait-form-section .categories-box .icon_wrapper {
  border-width: 3px;
}

.portrait-form-section .categories-box .icon_wrapper img {
  width : 25px;
  height: 25px;
}

.sphere-categories-box.categories-box {
  width: 100%;
}

.categories-box .svgIcon {
  padding      : 12px;
  margin-bottom: 15px;
  margin-right : 40px;
  width        : 70px !important;
  height       : 70px !important;
  float        : left;
}

.categories-box .svgIcon {
  width        : 70px;
  height       : 70px;
  border-radius: 100%;
}

.categories-box .svgIcon svg {
  width : 100%;
  height: 100%;
}

.categories-box:not(.inactive):hover .red-style.svgIcon {
  background: crimson;
}

.categories-box.active .red-style.svgIcon {
  background: red;
}

.categories-box-editable {
  position: relative;
}

.categories-box-editable .svgIcon {
  width        : 120px;
  height       : 120px;
  border-radius: 100%;
}

.categories-box-editable .svgIcon svg {
  width  : 100%;
  height : 100%;
  padding: 12px 14px 14px;
}

.categories-icon {
  float     : left !important;
  max-height: 60px;
  margin    : 1px;
  padding   : 1px;
}

.categories-box-editable .iconesPopup {
  display   : block;
  position  : absolute;
  top       : 10px;
  left      : 150px;
  background: transparent !important;
  box-shadow: none;
  border    : 0;
  z-index   : 99;
  border    : 1px solid #ccc;
  background: white !important;
  padding   : 10px 20px 20px;
  width     : 300px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
}

.categories-box-editable .iconesPopup .svgIcon {
  background: #ddd;
  transform : scale(0.5);
  margin    : -25px -31px;
}

.sortableCategories {}

.categories-box-editable>div {
  padding: 5px 10px;
}

.categories-box-editable {
  border         : 1px solid #ccc;
  border-radius  : 10px;
  box-shadow     : -3px 13px 10px rgba(0, 0, 0, 0.1);
  padding        : 15px;
  width          : 100%;
  flex-direction : row;
  justify-content: flex-start;
  position       : relative;
  margin         : 15px 5px;
  display        : flex;
  /* max-width   : 50%; */
}

.ratings-box-editable {
  border         : 1px solid #ccc;
  border-radius  : 10px;
  box-shadow     : -3px 3px 4px rgba(0, 0, 0, 0.05);
  padding        : 20px 10px !important;
  width          : 100%;
  flex-direction : row;
  justify-content: flex-start;
  position       : relative;
  display        : flex;
}

.categories-box .svgIcon {
  display   : inline-block;
  transition: background-color 0.3s ease-in-out;
}

.categories-box .svgIcon svg *[stroke^="r"] {
  transition: stroke 0.3s ease-in-out;
}

.categories-box .svgIcon svg *[stroke^="#"] {
  transition: stroke 0.3s ease-in-out;
}

.categories-box .svgIcon svg *[fill^="r"] {
  transition: fill 0.3s ease-in-out;
}

.categories-box .svgIcon svg *[fill^="#"] {
  transition: fill 0.3s ease-in-out;
}

.categories-box .svgIcon:hover svg *[stroke^="r"] {
  stroke: #ffffff;
}

.categories-box .svgIcon:hover svg *[stroke^="#"] {
  stroke: #ffffff;
}

.categories-box .svgIcon:hover svg *[fill^="r"] {
  fill: #ffffff;
}

.categories-box .svgIcon:hover svg *[fill^="#"] {
  fill: #ffffff;
}

.categories-titre-input {
  font-size  : 150%;
  font-family: "VAG Rounded Std Bold";
  border     : 0;
  width      : 99%;
  padding    : 14px 14px 14px !important;
  font-weight: 700;
  height     : 85%;
  box-shadow : 0 0 10px rgba(0, 0, 0, 0.25) inset;
  text-align : center;
  overflow   : hidden;
}

.categories-box-colors {
  display        : flex;
  justify-content: center;
}

.categories-box-colors>div {
  margin: 5px;
}

div[id^="font-picker"] {
  width: 100% !important;
}

div[id^="font-picker"] .dropdown-button {
  background: #eee !important;
}

/*
button#add_button {
    position:fixed;
    bottom:0;
    right:0;
    padding:20px;
    margin:30px;
    font-size:400%;
    width:100px!important;
    height:100px;
    display:block;
    border-radius:100%!important;
    border:0!important;
    box-shadow:3px 7px 10px rgba(0,0,0,0.3)
}
*/

.form-switch {
  display                    : inline-block;
  cursor                     : pointer;
  -webkit-tap-highlight-color: transparent;
}

.form-switch i {
  position        : relative;
  display         : inline-block;
  margin-right    : 0.5rem;
  width           : 46px;
  height          : 26px;
  background-color: #e6e6e6;
  border-radius   : 23px;
  vertical-align  : text-bottom;
  transition      : all 0.3s linear;
}

.form-switch i::before {
  content         : "";
  position        : absolute;
  left            : 0;
  width           : 42px;
  height          : 22px;
  background-color: #fff;
  border-radius   : 11px;
  transform       : translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition      : all 0.25s linear;
}

.form-switch i::after {
  content         : "";
  position        : absolute;
  left            : 0;
  width           : 22px;
  height          : 22px;
  background-color: #fff;
  border-radius   : 11px;
  box-shadow      : 0 2px 2px rgba(0, 0, 0, 0.24);
  transform       : translate3d(2px, 2px, 0);
  transition      : all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width    : 28px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked+i::after {
  transform: translate3d(16px, 2px, 0);
}

.form-switch input {
  display: none;
}

.form-switch input:checked+i {
  background-color: #1184c8;
}

.form-switch input:checked+i::before {
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}

.form-switch input:checked+i::after {
  transform: translate3d(22px, 2px, 0);
}

.listeModules .state.pull-right .btn-group {
  /* display:none!important; */
}

.listeModules .state-txt {
  display    : inline-block;
  position   : relative;
  top        : -2px;
  width      : 49px;
  font-size  : 1.2em;
  text-align : center;
  font-weight: 900;
}

.sphere_filters_container p.error {
  width: 100%;
  top  : -45px;
}

.my-dropzone-files ul li {
  border       : 1px solid #bbb;
  padding      : 13px 10px 0;
  margin       : 10px 10px 10px 0;
  border-radius: 10px;
  width        : 20%;
  font-size    : 300% !important;
}

#corps h1 {
  margin-bottom: 20px;
}

.center {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}

input[type="checkbox"] {
  transform: scale(1.2) translateX(5px) translateY(-2px);
  margin   : -5px 10px;
  filter   : sepia(1) hue-rotate(182deg) saturate(4.5);
}

input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  box-shadow: none !important;
}

.uppy-DashboardAddFiles {
  border: 0 !important;
}

.guider {
  background           : #fff;
  border               : 1px solid #66666654;
  position             : absolute;
  outline              : none;
  padding              : 4px 15px;
  width                : 500px;
  z-index              : 1069 !important;
  box-shadow           : 0 0px 8px #11111126;
  -moz-border-radius   : 4px;
  -webkit-border-radius: 4px;
  border-radius        : 4px;
}

.guiders_title {
  margin-bottom: 10px;
}

.upload-wrap {
  position  : relative;
  width     : auto;
  margin    : 20px 0px;
  text-align: left;
  display   : none;
}

div#upload-wrapper {
  display: inline-block;
}

#upload-rotation {
  position: absolute;
  top     : 0;
  right   : 0;
  z-index : 99;
  margin  : 2px;
}

.upload-wrap .cr-slider-wrap {
  position : absolute;
  bottom   : -20px;
  z-index  : 99;
  margin   : 0 auto;
  min-width: 98%;
  padding  : 10px;
}

#children_list_group_modal .modal-body {
  overflow: inherit;
}

.messagerie_acces ul,
.messagerie_acces li {
  list-style: none;
}



#absences #journal_entries_list .user_card,
#reservations #journal_entries_list .user_card {
  float: left;
  width: 50%;
}

#absences #journal_entries_list h3,
#reservations #journal_entries_list h3 {
  clear      : both;
  padding-top: 20px;
}

#absences #journal_entries_list .absences-calendar {
  display    : none;
  clear      : both;
  margin-left: 0px;
  margin-top : 40px;
}

#absences #journal_entries_list .absences-calendar table.calendarTable {
  margin-left: 0px;
  margin-top : 40px;
}

#absences #journal_entries_list .absences-calendar.show {
  display: block;
}

#absences .current_kid small,
#reservations .current_kid small {
  display: none;
}

#absences .absences-calendar .calendarCell {
  width : 40px;
  height: 40px;
}

#absences .absences-calendar .highlights.absence0 {
  color              : #000;
  font-weight        : bold;
  background-repeat  : no-repeat;
  background-position: 25% center;
  background-color   : #eee;
  background-image   : url("/images/absent.png");
  background-size    : 20px;
}

#absences .absences-calendar .highlights.absence2 {
  color              : #000;
  font-weight        : bold;
  background-repeat  : no-repeat;
  background-position: 25% center;
  background-color   : #eee;
  background-image   : url("/images/malade.png");
  background-size    : 20px;
}

#absences .absences-calendar .highlights.absence4 {
  color              : #000;
  font-weight        : bold;
  background-repeat  : no-repeat;
  background-position: 25% center;
  background-color   : #eee;
  background-image   : url("/images/vacances.png");
  background-size    : 20px;
}

#absences .current_kid .card,
#reservations .current_kid .card {
  float       : left;
  margin-right: 30px;
  min-width   : 260px;
}

#absences .current_kid .tools,
#reservations .current_kid .tools {
  display: none;
  float  : left;
}

#absences .current_kid .tools.open,
#reservations .current_kid .tools.open {
  display: block;
}

#absences .current_kid .tools .actions ul,
#reservations .current_kid .tools .actions ul {
  list-style-type: none;
  margin-left    : 15px;
}

#absences .current_kid .tools span.plus,
#reservations .current_kid .tools span.plus {
  display         : block;
  width           : 40px;
  height          : 40px;
  color           : #fff;
  font-weight     : bold;
  cursor          : pointer;
  text-align      : center;
  padding         : 5px;
  font-size       : 20px;
  background-color: #ccc;
  border-radius   : 40px;
  box-sizing      : border-box;
  position        : absolute;
  top             : 0px;
  left            : 147px;
}

#absences .current_kid .tools span.flc,
#reservations .current_kid .tools span.flc {
  display    : block;
  width      : 100%;
  color      : #fff;
  font-weight: bold;
  cursor     : pointer;
  text-align : center;
  padding    : 5px;
  font-size  : 16px;
  box-sizing : border-box;
  color      : #444;
}

#absences .current_kid .tools .actions ul,
#reservations .current_kid .tools .actions ul {
  padding: 0px;
  margin : 0px;
}

#absences .current_kid .tools .actions ul li {
  display     : block;
  margin-right: 0px;
  float       : left;
  padding     : 0px;
  margin      : 0px;
}

#absences .current_kid .tools .actions ul li.status {
  display     : block;
  margin-right: 0px;
  float       : none;
  padding     : 0px;
  margin      : 0px;
  min-height  : 100px;
}

#absences .current_kid .tools .actions ul li.status ul {
  padding-left: 0px;
}

#absences .current_kid .tools .actions ul li.status ul li {
  height: 60px;
}

#absences .current_kid .tools .actions ul li.time {
  display     : none;
  margin-right: 0px;
  float       : none;
  padding     : 20px;
  margin      : 0px;
  clear       : both;
}

#absences .current_kid .tools .actions ul li.time div {
  float: left;
  width: 50%;
}

#absences .current_kid .tools .actions ul li.time div input {
  width: 85%;
}

#absences .current_kid .tools .actions ul li.operation {
  display     : block;
  margin-right: 0px;
  float       : none;
  padding     : 0px;
  margin      : 0px;
  clear       : both;
  text-align  : center;
}

#absences .current_kid .tools .actions ul li.operation ul li {
  display   : block;
  text-align: center;
  float     : none;
  width     : 100%;
}

#absences .current_kid .tools .actions ul li.operation ul li a {
  display        : block;
  text-align     : center;
  width          : 100%;
  height         : auto;
  font-size      : 16px;
  border         : solid 1px #eee;
  cursor         : pointer;
  padding        : 5px 0px;
  text-decoration: none;
}

#absences .current_kid .tools .actions ul li.operation ul li a:hover {
  background-color: #eee;
}

#absences .current_kid .tools .actions ul li a span {
  width              : 40px;
  height             : 40px;
  display            : block;
  background-image   : url("/images/absent.png");
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
  overflow           : hidden;
  text-indent        : -100px;
  margin-left        : auto;
  margin-right       : auto;
}

#absences .current_kid .tools .actions ul li a {
  display    : block;
  text-align : left;
  color      : #444;
  display    : block;
  padding-top: 3px;
  width      : 50px;
  height     : 45px;
  font-size  : 10px;
  text-align : center;
}

#absences .current_kid .tools .actions ul li.maladie span {
  background-image: url("/images/malade.png");
}

#absences .current_kid .tools .actions ul li.present span {
  background-image: url("/images/present.png");
}

#absences .current_kid .tools .actions ul li.cancel span {
  background-image: url("/images/cancel.png");
}

#absences .current_kid .tools .actions ul li.vacances span {
  background-image: url("/images/vacances.png");
}

#absences.reservations .current_kid .tools .actions ul li,
#absences.reservations .current_kid .tools .actions ul li a {
  width      : 100% !important;
  float      : none;
  font-weight: bold;
  font-size  : 16px !important;
  height     : auto !important;
  cursor     : pointer;
}

#absences .btn-primary.btnReservation {
  position: absolute;
  top     : 30px;
  right   : 50px;
}

#reservations .btn-primary.btnAbsence {
  position: absolute;
  top     : 30px;
  right   : 50px;
}

#absences_list_filter,
#reservations_list_filter {
  display: none;
}

#absences .parent .user_selection_list .user_card,
#reservations .parent .user_selection_list .user_card {
  float      : left;
  text-align : center;
  margin-left: 0px;
}

#absences .parent .user_selection_list .user_card .user_info,
#reservations .parent .user_selection_list .user_card .user_info {
  margin-left: 0px;
}

#absences_list thead tr.searchable td {
  background-color: transparent !important;
}

#absences_list thead tr.searchable td input {
  width: 120px;
}

#reservations_list thead tr.searchable td {
  background-color: transparent !important;
}

#reservations_list thead tr.searchable td input {
  width: 90px;
}

#absences .span4.admin-educ,
#reservations .span4.admin-educ {
  margin-top: 35px;
}

#absences .span4.admin-educ .select_all_users_button.big_blue_button,
#reservations .span4.admin-educ .select_all_users_button.big_blue_button {
  width        : 100%;
  margin-bottom: 2px;
}

#absences .span8.admin-educ .align_right>h2 {
  padding: 10px 0px;
}

#absences .span8.parent,
#reservations .span8.parent {
  display: none;
}

#absences.loaded .span8.parent,
#reservations.loaded .span8.parent {
  display: block;
}

#absences .parent .user_selection_list,
#reservations .parent .user_selection_list {
  height: auto;
  width : 65%;
}

#absences .parent .user_selection_list .user_card,
#reservations .parent .user_selection_list .user_card {
  width: 140px;
}

#absences .parent .user_selection_list .user_card .user_info,
#reservations .parent .user_selection_list .user_card .user_info {
  width: 100%;
}


body #reservations .span4 {
  width    : 33%;
  min-width: 33%;
}

body #reservations .span8 {
  width    : 62%;
  max-width: 62%;
}


#reservations.open .span4.parent {
  display: none;
}

#reservations.open .span8.parent {
  float    : none;
  width    : 100%;
  max-width: 100%;
}

#reservations #reservations-interval-button-close {
  display: none;
}

#reservations.open #reservations-interval-button-close {
  display: block;
}

#reservations #reservations-interval-button {
  display: inline-block;
}

#reservations.open #reservations-interval-button {
  display: none;
}

#reservations_list .actions .delete,
#reservations_list .actions .accept {
  font-size: 22px;
  padding  : 5px;
  cursor   : pointer;
}

#reservations_list .actions .trash {
  cursor: pointer;
}

#reservations_list .actions .delete {
  color: red;
}

#reservations_list .actions .accept {
  color: green;
}


#absences .navbutton,
#reservations .navbutton {
  float       : right;
  margin-right: 20px;
}

#abscence-modal-body .half-interval,
#reservations-modal-body .half-interval {
  width      : auto;
  float      : right;
  margin-left: 10px;
}

#absences .navbutton button,
#absences .navbutton a,
#reservations .navbutton button,
#reservations .navbutton a {
  display    : inline-block;
  margin-left: 20px;
  width      : 250px !important;
  padding    : 5px;
}

#absences .fc-button-primary {
  background-color: #1385c8;
  border-color    : #1385c8;
}

#reservations .fc-button-primary {
  background-color: #1385c8;
  border-color    : #1385c8;
}

#absences .fc-toolbar h2,
#reservations .fc-toolbar h2 {
  color: #1385c8;
}

.add-end-interval {
  padding   : 5px 10px;
  margin-top: -10px;
}

#absences #absence-interval-button.inactive {
  opacity: 0.4;
}

#reservations #reservations-interval-button.inactive {
  opacity: 0.4;
}

#absences.is_admin #absence-interval-button.inactive {
  display: none;
}

#reservations.is_admin #reservations-interval-button.inactive {
  display: none;
}

#absences .pick-a-kid,
#reservations .pick-a-kid {
  font-size: 14px;
}

#absences .span4.parent,
#reservations .span4.parent {
  min-width: 320px;
}

#side_calendar .fc-toolbar.fc-header-toolbar .fc-left .fc-dayGridMonth-button {
  display: none;
}

#side_calendar .fc-scroller.fc-day-grid-container {
  min-height: 335px;
}

#side_calendar .fc-day.conge {
  background-color: #EEE;
}

#absences .actions .delete,
#reservations .actions .delete {
  cursor: pointer;
}

#absences .cantdelete,
#reservations .cantdelete {
  font-size  : 12px;
  font-weight: bold;
  display    : block;
  width      : 100%;
  overflow   : hidden;
  height     : 20px;
  text-align : center;
  color      : #444;
}

table.dataTable thead td {
  background-color: #1385c8;
  color           : #FFF;
  font-weight     : bold;
}

table.dataTable thead td.empty-label {
  background-image: none !important;
}

table.dataTable thead td:first-child {
  border-top-left-radius: 10px;
}

table.dataTable thead td:last-child {
  border-top-right-radius: 10px;
}

.agenda-form-nav-calendar-container .fc .fc-scrollgrid-liquid {border: none !important;}
#agenda-app-container .fc-theme-standard td, #agenda-app-container .fc-theme-standard th {border: none !important;}


@media (max-width: 1200px) {
  #absences .row .span8 {
    max-width: 560px;
  }

  body #kids_list_web thead tr.searchable td input {
    max-width: 120px;
  }




}

.personnalisationHeader {
  margin: 20px -25px !important;
}

.modeleProperties {
  padding: 10px 50px;
  clear  : both;
}

.modeleProperties input {
  margin : 2px 0px;
  padding: 0px 8px;
  border : 1px solid #ddd;
}

.sortableRatings {
  padding: 10px 50px;
}

#add_button {
  margin-left: 50px;
}

.del_jdb {
  position  : absolute;
  opacity   : 0.5;
  right     : 20px;
  top       : 20px;
  transform : scale(2);
  /* display: none; */
}

.del_jdb:hover {
  opacity: 1;
}

.check_brouillon {
  position  : absolute;
  right     : 20px;
  bottom    : 20px;
  transform : scale(2);
  /* display: none; */
}

textarea#json_output {
  margin : 10px 50px;
  width  : 89% !important;
  display: block;
}

#children_list_group_modal {
  width     : 100%;
  max-height: 400px;
  height    : 90%;
  margin-top: 0px !important;
  top       : 5%;
  left      : unset;
  display   : flex;
  visibility: hidden;
}

#children_list_group_modal .modal-body {
  min-height: 100% !important;
}

#children_list_group_modal .row {
  display        : flex;
  padding        : 20px;
  height         : 100%;
  justify-content: center;
}

#children_list_group_modal .col-md-6 {
  width          : 49%;
  margin         : 10px;
  text-align     : center;
  display        : flex;
  flex-direction : column;
  justify-content: center;
  padding        : 19px 30px;
}

#children_list_group_modal .col-md-6 button {
  width     : 100%;
  margin-top: 20px;
}

#children_list_group_modal .col-md-6 button.save_groupe_brouillon {
  background: #888;
}

.wizard.vertical>.content {
  overflow-y: scroll;
  height    : 625px;
}

div#json_groupe {
  position: fixed;
  bottom  : 0px;
  right   : 0px;
  width   : 60%;
  display : none;
}

div#json_groupe textarea {
  width     : 100%;
  min-height: 40px !important;
  height    : 60px !important;
  background: rgba(0, 0, 0, 0.5) !important;
  color     : #fff;
}

.user_row {
  display: flex;
  width  : 100%;
  padding: 5px 5px 0px;
}

.user_row:nth-child(even) {
  background: rgba(255, 255, 255, 0.5);
}

.user_row .user_card {
  width: 50%;
}

.user_row .user_rating {
  width  : 50%;
  padding: 12px;
}

.user_row .user_message,
.user_row .user_sante {
  width     : 50%;
  min-height: 60px !important;
}

.user_row .user_message textarea,
.user_row .user_sante textarea {
  width     : 100%;
  min-height: 60px !important;
}

.wizard>.content>.body {
  width: 100% !important;
}

.wizard.vertical>.steps {
  width: 25% !important;
}

.wizard.vertical>.content {
  width     : 70% !important;
  background: #fafafa;
}

.user_card_select {
  display: inline-block;
  width  : 50%;
}

#children_list_group_modal {
  background : none !important;
  left       : 0% !important;
  margin-left: unset;
  /* height  :700px; */
  box-shadow : none !important;
  border     : 0;
}

#children_list_group_modal .close {
  width    : 50px;
  font-size: 300%;
  position : absolute;
  right    : 0px;
  top      : 10px;
}

.children_list_group_modal_flex {
  display        : flex !important;
  width          : 100%;
  justify-content: center;
  height         : 700px;
}

.children_list_group_modal_content {
  background   : white;
  height       : 100%;
  display      : inline;
  width        : 80%;
  position     : relative;
  box-shadow   : 0 3px 7px rgba(0, 0, 0, 0.3);
  border       : 1px solid #ccc;
  border-radius: 10px;
}

select#groupe_select {
  margin: -3px 4px 0;
}

.user_selection_tools {
  margin-bottom: 20px;
}

label[for="modele_nom"] {
  display     : inline-block;
  margin-right: 14px;
}

.css-yk16xz-control {
  min-height: unset;
  max-height: 38px !important;
  padding   : 0 !important;
}

.css-w8afj7-Input .react-select-2-input {
  padding   : 0 !important;
  background: red !important;
}

.css-w8afj7-Input {
  padding: 0;
}

.css-1g48xl4-IndicatorsContainer {}

.css-1hwfws3 {
  margin : 0 !important;
  padding: 0 8px !important;
}

input#react-select-2-input {
  height: 20px !important;
}

.show_destinataires {
  display: inline-block;
}

#lstDesti {
  overflow     : hidden;
  position     : relative;
  border-bottom: 0;
  display      : flex;
}

#lstDesti::after {
  content                                           : "";
  display                                           : block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background                                        : -moz-linear-gradient(top,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  width   : 100%;
  height  : 40px;
  position: absolute;
  bottom  : -10px;
}

#lstDesti .destinataire {
  display      : inline-block;
  background   : white;
  border       : 1px solid #ccc;
  padding      : 2px 9px;
  border-radius: 5px;
  margin       : 2px;
}

#lstDesti .destinataire small {
  font-size: 0.7em;
  margin   : 8px;
}

#lstDesti.open {
  border-bottom: 1px solid #dfd0b4;
}

#lstDesti.open::after {
  display: none;
}

#send_drafts {
  display: none;
}

.wizard ul[role="tablist"] {
  overflow-y: scroll;
  max-height: 640px;
}

.date_period_select_container {
  opacity: 1 !important;
}

.align_right_spread {
  display        : flex;
  justify-content: space-between;
}

.amilia_image {
  width: 50px;
}

div#example-vertical .user_selection_list {
  height: unset;
}

#initialPicture {
  width : 200px;
  height: 200px;
}

@media (min-width: 576px) {
  #initialPicture {
    width : 400px;
    height: 400px;
  }
}

td.group-main ul {
  list-style-type: none;
}

td.group-main ul li.not-selected {
  display: none;
}

body .siq_bR {
  /* bottom: auto !important;
  top: 4px !important; */
  zoom: 0.8;
}

.zsiq_theme1.zsiq_floatmain {
  z-index: 1 !important;
}

.observation_icons_container .observation_icon {
  display: none;
}

.hide-config {
  display: none;
}

div#debug_bar {
  position  : fixed;
  top       : 0;
  left      : 0;
  background: rgba(255, 255, 255, 0.8);
  width     : 100%;
  padding   : 5px 20px;
  text-align: right;
  z-index   : 999999;
}

.form-control.error {
  border-color: red;
}

@media (min-width: 1200px) {
  .jdo_observations_content.span8 {
    width: 707px;
  }
}

#print-sommaire-btn {
  float        : right;
  margin-bottom: 5px;
  font-size    : 0.7em;
  background   : #ddd;
  border       : none;
  color        : #222;
  line-height  : normal;
}

@media print {

  body.printing .user_search_form,
  body.printing .user_selection_list,
  body.printing .presence-sommaire .tabs,
  body.printing #cal_semaine,
  body.printing #print-sommaire-btn {
    display: none;
  }

  body.printing #presences_sommaire_inner {
    display: table;
  }
}

#porte-documents-container .open-file-stats {
  position: absolute;
  top     : 0px;
  left    : 38px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .file-name {
  position  : absolute;
  top       : 45px;
  left      : 0;
  width     : 100px;
  word-wrap : break-word;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  cursor    : pointer;
}

#porte-documents-container .file-name {
  position  : absolute;
  top       : 45px;
  left      : 0;
  width     : 100px;
  word-wrap : break-word;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  cursor    : pointer;
}

#porte-documents-container .file-name.draggable {
  cursor: grab;
}

#porte-documents-container .edit-file {
  position: absolute;
  top     : 0px;
  left    : 10px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .delete-file {
  position: absolute;
  top     : 0px;
  left    : 65px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .edit-directory {
  position: absolute;
  top     : 0px;
  left    : 45px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .delete-directory {
  position: absolute;
  top     : 0px;
  left    : 75px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .directory-name {
  position  : absolute;
  top       : 30px;
  left      : 10px;
  width     : 80px;
  word-wrap : break-word;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}

#porte-documents-container .children-directories-list {
  overflow-y: scroll;
  height    : 760px;
}

#porte-documents-container .porte-documents-files-container {
  margin-left: 10px;
  width      : 60%;
}

#porte-documents-container .child-directory-container {
  display : block;
  position: relative;
}

#porte-documents-container .file-container {
  display : inline-block;
  position: relative;
}

#porte-documents-container .file-link,
#porte-documents-container .directory-link {
  width  : 100px;
  cursor : pointer;
  display: inline-block;
}

#porte-documents-container .add-new-child-directory-button,
#porte-documents-container .add-new-file-button {
  width : 50px;
  cursor: pointer;
}

#porte-documents-container .pd-go-to-target,
#porte-documents-container .file-link {
  color : #08c;
  cursor: pointer;
}

#porte-documents-container .file-link.draggable {
  cursor: grab;
}

.modal-template-element,
#porte-documents-container .add-new-file-section,
#porte-documents-container .add-new-file-button,
#porte-documents-container .cancel-new-file-section,
#porte-documents-container .cancel-new-file-button,
#porte-documents-container .add-new-child-directory-button {
  display: none;
}

.modal .modal-template-element,
#porte-documents-container .add-new-file-button.active,
#porte-documents-container .cancel-new-file-button.active,
#porte-documents-container .add-new-child-directory-button.active {
  display: inline-block;
}

#porte-documents-container .add-new-file-section.active,
#porte-documents-container .confirm-delete-section.active {
  display: block;
}

.infoSupp .horaire-periods-container {
  display: none;
}

.infoSupp .horaire-periods-container.active {
  display: block;
}

ul.possibilities {
  list-style-type: none;
}

ul.possibilities>li {
  width     : 30%;
  min-width : 300px;
  float     : left;
  margin    : 20px 1% 30px 1%;
  min-height: 230px;
}

ul.possibilities>li:hover .front {
  box-shadow: 2px 2px 10px #aaa;
}

ul.possibilities li .front {
  display: block;
  cursor : pointer;
  padding: 20px;
  height : 100%;
}

ul.possibilities li .front .logo,
ul.possibilities li .front .partner {
  text-align : center;
  font-weight: bold;
}

ul.possibilities li .back {
  display: none;
}

ul.possibilities li.open .back {
  display: block;
  height : 100%;
}

ul.possibilities li.open .front {
  display: none;
}

ul.possibilities li.open .back {
  box-shadow         : 2px 2px 10px #aaa;
  padding            : 20px;
  background-repeat  : no-repeat;
  background-position: 95% center;
  background-size    : 80px;
  min-height         : 230px;
}

ul.possibilities li.open .back p {
  font-size : 10px;
  text-align: center;
}

ul.possibilities li.open.amilia .back {
  background-image: url("/images/integrations/amilia.jpg");
}

ul.possibilities li.open.logicentre .back {
  background-image   : url("/images/integrations/logicentre.jpg");
  background-position: 95% top;
}

ul.possibilities li.open.logicentre .back p {
  padding-right: 80px;
  text-align   : left;
}

ul.possibilities li.open.place05 .back {
  background-image: url("/images/integrations/place05.jpg");
}

ul.possibilities li.open.planitou .back {
  background-image: url("/images/integrations/planitou.jpg");
}

ul.possibilities li.open.twilio .back {
  background-image: url("/images/integrations/twilio.jpg");
}

ul.possibilities li.open.wordpress .back {
  background-image: url("/images/integrations/wordpress.jpg");
}

ul.possibilities .ak {
  background-color: rgba(255, 255, 255, 0.8);
}

#calendar .fc-scroller {
  min-height: 620px;
}

#calendar .fc-event {
  border       : none;
  border-radius: 0px;
  padding      : 4px !important;
}

#calendar .fc-event.closed.passed,
#calendar .fc-event.open.passed {
  background-color: #eee;
  color           : #eee;
}

#calendar .fc-button-group>.fc-button {
  background-color: #1385c8;
  border-color    : #1385c8;
}

#calendar .fc-list-item.reservations-period.passed {
  opacity: 0.4;
}

body.onboard .onboard_modal_footer {
  position       : relative;
  bottom         : 9px;
  display        : flex;
  justify-content: flex-end;
  width          : 100%;
  right          : 16px;
}

body.onboard .ui.steps {
  display       : inline-flex;
  flex-direction: row;
  align-items   : stretch;
  margin        : 1em 0;
  background    : "";
  box-shadow    : none;
  line-height   : 1.14285714em;
  border-radius : 0.28571429rem;
  border        : 1px solid rgba(34, 36, 38, 0.15);
  width         : 100%;
  text-align    : center;
}

body.onboard .ui.steps .step {
  cursor         : pointer;
  position       : relative;
  display        : flex;
  flex           : 1 0 auto;
  flex-wrap      : wrap;
  flex-direction : row;
  vertical-align : middle;
  align-items    : center;
  justify-content: center;
  margin         : 0 0;
  padding        : 1.14285714em 2em;
  background     : #fff;
  color          : rgba(0, 0, 0, 0.87);
  box-shadow     : none;
  border-radius  : 0;
  border         : none;
  border-right   : 1px solid rgba(34, 36, 38, 0.15);
  transition     : background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
}

body.onboard .ui.steps .step:after {
  display         : block;
  position        : absolute;
  z-index         : 2;
  content         : "";
  top             : 50%;
  right           : 0;
  border          : medium none;
  background-color: #fff;
  width           : 1.14285714em;
  height          : 1.14285714em;
  border-style    : solid;
  border-color    : rgba(34, 36, 38, 0.15);
  border-width    : 0 1px 1px 0;
  transition      : background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transform       : translateY(-50%) translateX(50%) rotate(-45deg);
  box-sizing      : inherit;
}

body.onboard .ui.steps .title {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size  : 1.14285714em;
  font-weight: 700;
}

body.onboard .ui.steps .step .description {
  margin-top: 0.25em;
}

body.onboard .ui.steps .disabled.step,
body.onboard .ui.steps .disabled.step .description,
body.onboard .ui.steps .disabled.step .title {
  color: rgba(40, 40, 40, 0.3);
}

body.onboard .ui.steps .disabled.step {
  cursor        : auto;
  background    : #fff;
  pointer-events: none;
}

body.onboard .navbar {
  margin-bottom: 30px;
}

body.onboard .navbar #navbar-inner {
  display: none;
}

body.onboard .phone_ext {
  border       : none;
  border-bottom: solid 1px #000;
}

body.onboard label {
  font-weight: bold;
}

body.onboard .onboard_step h2 {
  font-size: 24px;
}

body.onboard #onboard_newpassword.error {
  border: solid 2px red;
}

body.onboard .password-strength-meter {
  text-align: left;
}

body.onboard .password-strength-meter-progress {
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  width             : 250px;
  height            : 8px;
}

body.onboard .password-strength-meter-progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius   : 3px;
}

body.onboard .password-strength-meter-label {
  display  : none;
  font-size: 14px;
}

body.onboard .password-strength-meter-progress::-webkit-progress-value {
  border-radius  : 2px;
  background-size: 35px 20px, 100% 100%, 100% 100%;
}

body.onboard .strength-Faible::-webkit-progress-value {
  background-color: #f25f5c;
}

body.onboard .strength-Minimale::-webkit-progress-value {
  background-color: #ffe066;
}

body.onboard .strength-Medium::-webkit-progress-value {
  background-color: #247ba0;
}

body.onboard .strength-Forte::-webkit-progress-value {
  background-color: #70c1b3;
}

body.onboard .control-group {
  margin-right : 10px;
  margin-bottom: 20px;
}

body.onboard .control-group:first-child {
  margin-left: 5px;
}

body.onboard .control-group:nth-child(5) {
  margin-right: 0px;
}

body.onboard .control-group #adrGarderie_txtPays {
  width : 150px;
  height: 35px;
}

body.onboard .control-group #adrGarderie_txtState {
  width : 155px;
  height: 35px;
}

body.onboard #gender {
  height: 35px;
}

body.onboard #language {
  height: 35px;
}

body.onboard .control-group #adrAdmin_txtPays {
  width : 150px;
  height: 35px;
}

body.onboard .control-group #adrAdmin_txtState {
  width : 155px;
  height: 35px;
}

body.onboard .control-group:nth-child(5) {
  width: 120px;
}

body.onboard .onboard_enfants_row {
  border       : 1px solid #ccc;
  padding      : 14px 20px;
  border-radius: 9px;
  margin       : 5px 0px;
}

body.onboard .onboard_step {
  min-height: 290px;
}

body.onboard .parents_choices {
  border-radius   : 5px;
  background-color: #eee;
  padding         : 10px 20px;
  margin-bottom   : 20px;
  width           : 250px;
}

body.onboard .parents_choices a {
  cursor: pointer;
}

.jdb_groupe .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle,
.journal_de_bord .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle {
  display: block;
}

.observation_content_section {
  display: none;
}

.observation_content_section.in {
  display: block;
}

#observation_children_list_section .user_selection_list .user_card {
  width     : 33%;
  float     : left;
  min-height: 6.8em;
  position  : relative;
}

.portrait-app-container .user_selection_form .user_card {
  width     : 33%;
  float     : left;
  min-height: 6.8em;
  position  : relative;
}

/*#portrait-app-container .item_entries_list .item_entry { margin-left: 15px; }*/
#portrait-app-container .grouped {
  background: rgba(19, 133, 200, 0.05);
}

#portrait-form-observation-list .item_entries_list .item_entry {
  margin-left: 0;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container {
  display: grid;
  grid-template-areas:
    "status date sphere"
    "status desc desc";
  grid-template-columns: 30px 1fr auto;
  gap                  : 20px;
  padding              : 20px;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container.group {
  display: grid;
  grid-template-areas:
    "status date sphere sphere"
    "status desc desc desc";
  grid-template-columns: 30px 1fr auto auto;
  gap                  : 20px;
  padding              : 20px;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .item-content {
  grid-area: desc;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .date {
  color      : #afafaf;
  font-size  : 15px;
  font-family: "VAG Rounded Std Light";
  grid-area  : date;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .status {
  grid-area      : status;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  flex-direction : column;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .tools {
  grid-area      : tools;
  display        : flex;
  align-items    : baseline;
  justify-content: flex-end;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .status input[type="checkbox"] {
  transform: none;
  margin   : 0;
  filter   : none;
  width    : 15px;
  height   : 15px !important;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .observation-category-select {
  grid-area  : sphere;
  display    : flex;
  align-items: flex-start;
  margin     : 0;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .observation-category-select select {
  width        : 300px;
  padding      : 5px 10px;
  border-radius: 5px !important;
  border       : 1px solid rgba(0, 0, 0, 0);
  height       : 45px !important;
  background   : rgba(19, 134, 200, 0.05);
  height       : 45px;
  margin-bottom: 5px;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .observation-category-select select:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#portrait-form-observation-list .item_entries_list .item_entry textarea {
  border     : none;
  resize     : none;
  box-shadow : none;
  font-family: "Raleway", sans-serif;
  font-size  : 15px;
  text-align : justify;
  width      : 100% !important;
  height     : 100%;
  min-height : 100px;
  padding    : 10px 10px 20px 0;
}

#portrait-app-container .titreLong.titre-context {
  font-size: 20px !important;
}

#observation_observation_section .content-body .span6,
#observation_observation_section .content-body .span12 {
  margin-left: 0;
}

#add_experience_section,
#add_experience_cor_section {
  border-radius: 10px;
  box-shadow   : 1px 1px 5px 3px rgba(0, 0, 0, 0.1);
  padding      : 35px;
  margin       : 20px;
}

#observation_observation_section .liste-experience-cle .titreHaut,
#observation_observation_section .liste-experience-cle-cor .titreHaut {
  margin-top   : 20px;
  margin-bottom: 20px;
}

#observation_observation_section #add_experience_section,
#observation_observation_section #add_experience_cor_section {
  display: none;
}

#observation_observation_section #add_experience_section.active,
#observation_observation_section #add_experience_cor_section.active {
  display: block;
}

#observation_observation_section #add_experience_section .add-experience-footer {
  margin-top: 20px;
}

#filter_by_experience_select {
  display: none;
}

#filter_by_experience_select.active {
  display: block;
}

#observation_children_list_section .observation_grouped_go_to_observation {
  display: none;
  float  : right;
}

#observation_children_list_section .observation_grouped_go_to_observation.active {
  display: inline-block;
}

#observation_children_list_section .observation_grouped_go_to_observation.disabled {
  background: #eee;
  color     : #bbb;
  cursor    : not-allowed;
}

#observation_children_list_section .observation_children_list_title {
  display   : none;
  margin-top: 15px;
}

#observation_children_list_section .observation_children_list_title.active {
  display: block;
}

#observation_observation_section #datetimepicker {
  float: right;
}

#observation-app-container .user_selection_list {
  transition: all ease 500ms;
}

#observation-app-container .user_selection_list.filter {
  height: 200px;
}

.sphere_filters_container .sphere-categories-box .icon_wrapper {
  width : 60px;
  height: 60px;
}

/*body.EP .sphere_filters_container { display: none; }
body.EP #observation-app-container > div > form > .row > .col-sm-8 { width: 100%; max-width: 100%; flex: 0 0 100%; }
body.EP #observation-app-container button.statistics { display: none; }
body.EP #observation-app-container .item_category.spheres .pill.sphere { display: none; }
body.EP #portfolio-app-container button.statistics { display: none; }
body.EP #portfolio-app-container .critere-evaluation section-content { display: none; }
body.EP #portfolio-app-container .btn-bar .isPublic.custom-switch { position: absolute; left: 40px; }
body.EP #portfolio-app-container .thin .text_area_input { margin-bottom: 0px; min-height: 160px; }
body.EP #portfolio-app-container .thin .text_area_input textarea { min-height: 100px; height: 100px; }
body.EP #portfolio-app-container #projetDescription { height: 260px; }*/
body.EP #app .journal_de_bord .journal_de_bord_footer .col button.btn-success {
  display: none;
}

select:required:invalid {
  color     : gray;
  box-sizing: border-box;
}

option[value=""][disabled] {
  display: none;
}

.btn.absentReason {
  background: #fff;
}

.user_selection_list_long {
  display   : flex;
  flex-grow : 2;
  flex-basis: 30%;
  flex-wrap : wrap;
}

.user_selection_list_long .enfant_card {
  width  : 32%;
  display: flex;
  height : 85px;
}

.demo-tracking {
  position        : fixed;
  width           : 100%;
  height          : 100%;
  top             : 0px;
  bottom          : 0px;
  left            : 0px;
  right           : 0px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index         : 9999;
}

.demo-tracking .form {
  width           : 520px;
  position        : absolute;
  left            : 50%;
  margin-left     : -260px;
  margin-top      : 60px;
  background-color: #fff;
  box-sizing      : border-box;
  padding         : 30px;
  border-radius   : 10px;
  box-shadow      : 0 20px 75px rgba(0, 0, 0, 0.13);
  color           : #666;
}

.demo-tracking .form label {
  display    : inline-block;
  font-weight: bold;
  width      : 120px;
}

.demo-tracking .form input {
  display      : inline-block;
  width        : 270px;
  border       : none;
  box-shadow   : none;
  border-bottom: solid 1px #aaa;
}

.demo-tracking .form .radio>label {
  width         : 120px;
  vertical-align: top;
}

.demo-tracking .form .radio label {
  width: 150px;
}

.demo-tracking .form .radio input {
  width     : 20px;
  float     : left;
  margin-top: -7px;
}

.demo-tracking .form button {
  margin-top   : 20px;
  outline      : none;
  background   : #1385c8;
  border       : none;
  display      : inline-block;
  padding      : 6px 18px;
  color        : #eee;
  margin-right : 10px;
  border-radius: 5px;
  font-size    : 12px;
  cursor       : pointer;
  width        : 160px;
  text-align   : center;
  margin-left  : 150px;
}

.demo-tracking .form h1 {
  color    : #1385c8;
  font-size: 28px;
}

@media (max-width: 600px) {
  .demo-tracking .form {
    width      : 320px;
    margin-left: -160px;
  }

  .demo-tracking .form input {
    width: 130px;
  }

  .demo-tracking .form .radio input {
    width: 20px;
  }

  .demo-tracking .form .radio>label {
    width: 100px;
  }

  .demo-tracking .form button {
    margin-left: 50px;
  }
}

.uppy-Root.uppy-Dashboard.uppy-Dashboard--animateOpenClose.uppy-size--md.uppy-Dashboard--isInnerWrapVisible {
  height: 150px;
}

.uppy-Root.uppy-Dashboard.uppy-Dashboard--animateOpenClose.uppy-size--md.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-dropFilesTitle {
  display       : flex;
  flex-direction: column;
  font-size     : 18px;
}

.UserAvatar {
  border-radius: 100%;
  max-width    : 50px;
  width        : 50px;
  max-height   : 50px;
  height       : 50px;
  min-width    : 50px;
  overflow     : hidden;
}

.UserAvatar--inner {
  height       : 100%;
  width        : 100%;
  border-radius: 100%;
  overflow     : hidden;
}

.UserAvatar--img,
.UserAvatar--ltr {
  height         : 100%;
  width          : 100%;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.enfant_card:hover .UserAvatar--inner,
.group_card:hover .UserAvatar--inner,
.enfant_card.selected .UserAvatar--inner,
.group_card.selected .UserAvatar--inner {
  border       : 5px solid #1385c8;
  border-radius: 100%;
  overflow     : hidden;
}

.fade-enter-active {
  transition: opacity 0.5s;
}

.fade-leave,
.fade-enter-to {
  opacity: 1;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

.list-complete-item {
  transition  : all 1s;
  display     : inline-block;
  margin-right: 10px;
}

.list-complete-enter,
.list-complete-leave-to {
  opacity  : 0;
  transform: translateY(30px);
}

.list-complete-leave-active {
  position: absolute;
}

.btn-back {
  display        : flex;
  border-radius  : 100%;
  font-size      : 0;
  padding        : 0;
  width          : 32px !important;
  height         : 32px;
  align-items    : center;
  justify-content: center;
  margin-right   : 20px;
}

.btn-back svg {
  width : 20px;
  height: 20px;
  fill  : #fff;
}

.btn-back:hover {
  background: rgba(19, 134, 200, 0.1);
}

.btn-back:hover svg {
  fill: rgb(19, 134, 200);
}

.module-header {
  display        : flex;
  flex-direction : row;
  align-items    : center;
  justify-content: space-between;
  height         : 70px;
  margin-bottom  : 50px;
  flex-wrap      : wrap;
}

.module-header h1 {
  margin: 0 auto 0 0 !important;
}

.module-header .btn {
  margin-right: 20px;
}

.module-header .btn:last-child {
  margin-right: 0;
}

.section-header {
  display        : flex;
  flex-direction : row;
  align-items    : center;
  justify-content: space-between;
  margin-bottom  : 20px;
}

.titreLong.titre-context {
  color    : #1385c8;
  font-size: 25px;
  padding  : 0 6px;
  font-size: 25px !important;
}

.btn-bar {
  display        : flex;
  flex-direction : row;
  align-items    : normal;
  justify-content: left;
}

.btn-bar .btn {
  margin-right: 5px;
  margin-left : 5px;
}

.btn-bar .btn:first-child {
  margin-left: 0;
}

.btn-bar .btn:last-child {
  margin-right: 0;
}

.btn-bar .btn.btn-right {
  margin-left: auto;
}

.btn-round {
  display        : inline-flex;
  border-radius  : 100% !important;
  padding        : 0;
  width          : 32px !important;
  height         : 32px;
  align-items    : center;
  justify-content: center;
  font-size      : 15px;
}

.btn-round.small {
  width          : 20px !important;
  height         : 20px;
  font-size      : 12px;
  color          : #fff;
  text-decoration: none;
}

.btn-round.inlineL {
  margin-right: 10px;
}

.section-content {
  margin: 0 0 40px;
}

.footer-module {
  margin: 80px -50px -40px;
  background: rgba(19, 134, 200, 0.1);
  padding: 50px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.footer-module .btn-bar {
  justify-content: flex-end;
}

.btn-primary.btnAjouter {
  float: right;
}

.btn-primary.btnWeb {
  background-color: #888;
}

.btn-primary.btnWeb.active {
  background-color: #444;
}

.btn-primary.btnPlace05 {
  background-color: #888;
}

.btn-primary.btnPlace05.active {
  background-color: #ffb612;
}

.btn-primary.btnListe {
  background-color: #888;
}

.btn-primary.btnListe.active {
  background-color: #444;
}

#kids_list_wrapper.inactive {
  display: none;
}

#kids_list .etat {
  text-align: center;
}

#kids_list img.place05 {
  width : 25px;
  height: auto;
}

#kids_list thead td.actions {
  background-image: none !important;
}

#kids_list thead tr.searchable td {
  padding         : 5px;
  background-color: transparent !important;
}

#kids_list thead tr.searchable td input {
  margin-bottom: 0px;
  max-width    : 190px;
}

#kids_list_filter {
  margin-bottom: 20px;
}

#kids_list_filter label {
  display: none;
}

#kids_list .requete_place05 .infoBaseEnf .listLeft {
  clear: both;
  float: left;
  width: 150px;
}

#kids_list .requete_place05 .infoBaseEnf .listRight {
  float: left;
  width: 150px;
}

#kids_list .requete_place05 .infoParent .listLeft {
  clear: both;
  float: left;
  width: 150px;
}

#kids_list .requete_place05 .infoParent .listRight {
  float: left;
  width: 150px;
}

#kids_list thead tr.searchable .search-filter input::placeholder {
  font-size: 10px;
}

#kids_list thead tr.searchable .suspension_dossier.search-filter {
  width: 90px;
}

#kids_list thead tr.searchable .suspension_dossier.search-filter input {
  width: 90px;
}

#kids_list thead tr.searchable .idUser {
  width: 90px;
}

#kids_list thead tr.searchable .idUser input {
  width: 90px;
}

#kids_list thead tr.searchable .groupe {
  width: 170px;
}

#kids_list thead tr.searchable .groupe input {
  width: 170px;
}

#kids_list_web_wrapper.inactive {
  display: none;
}

#kids_list_web .etat {
  text-align: center;
}

#kids_list_web img.place05 {
  width : 25px;
  height: auto;
}

#kids_list_web thead td.actions {
  background-image: none !important;
}

#kids_list_web thead tr.searchable td {
  padding         : 5px;
  background-color: transparent !important;
}

#kids_list_web thead tr.searchable td input {
  margin-bottom: 0px;
  max-width    : 190px;
}

#kids_list_web_filter {
  margin-bottom: 20px;
}

#kids_list_web_filter label {
  display: none;
}

#kids_list_web .requete_place05 .infoBaseEnf .listLeft {
  clear: both;
  float: left;
  width: 150px;
}

#kids_list_web .requete_place05 .infoBaseEnf .listRight {
  float: left;
  width: 150px;
}

#kids_list_web .requete_place05 .infoParent .listLeft {
  clear: both;
  float: left;
  width: 150px;
}

#kids_list_web .requete_place05 .infoParent .listRight {
  float: left;
  width: 150px;
}

#kids_list_web thead tr.searchable .search-filter input::placeholder {
  font-size: 10px;
}

#kids_list_web td.statut {
  width: 110px !important;
}

#kids_list_web table.more-details {
  width           : 100%;
  background-color: #FFF;
}

#kids_list_web table.more-details tr:hover {
  background-color: #FFF;
}

#kids_list_web table.more-details td:hover {
  background-color: #FFF;
}

#groupes-modal button a {
  color          : #FFF;
  text-decoration: none;
}

#groupes-modal button a:hover {
  color          : #FFF;
  text-decoration: none;
}

#kids_list_p05_wrapper.inactive {
  display: none;
}

#kids_list_p05 .etat {
  text-align: center;
}

#kids_list_p05 img.place05 {
  width : 25px;
  height: auto;
}

#kids_list_p05 thead td.actions {
  background-image: none !important;
}

#kids_list_p05 thead tr.searchable td {
  padding         : 5px;
  background-color: transparent !important;
}

#kids_list_p05 thead tr.searchable td input {
  margin-bottom: 0px;
  max-width    : 190px;
}

#kids_list_p05_filter {
  margin-bottom: 20px;
}

#kids_list_p05_filter label {
  display: none;
}

#kids_list_p05 .requete_place05 .infoBaseEnf .listLeft {
  clear: both;
  float: left;
  width: 150px;
}

#kids_list_p05 .requete_place05 .infoBaseEnf .listRight {
  float: left;
  width: 150px;
}

#kids_list_p05 .requete_place05 .infoParent .listLeft {
  clear: both;
  float: left;
  width: 150px;
}

#kids_list_p05 .requete_place05 .infoParent .listRight {
  float: left;
  width: 150px;
}

#kids_list_p05 thead tr.searchable .search-filter input::placeholder {
  font-size: 10px;
}

@media (max-width: 1200px) {

  body #kids_list thead tr.searchable .groupe {
    width: 120px;
  }

  body #kids_list thead tr.searchable .groupe input {
    width: 120px;
  }

}

.observation-app-container .vue-treeselect,
.portrait-app-container .vue-treeselect {
  margin-bottom: 10px;
}

.vue-treeselect__input {
  height: auto;
}

.observation-app-container .vue-treeselect__placeholder,
.portrait-app-container .vue-treeselect__placeholder,
.observation-app-container .vue-treeselect__single-value,
.portrait-app-container .vue-treeselect__single-value,
.observation-app-container .vue-treeselect__control,
.portrait-app-container .vue-treeselect__control {
  height     : 45px;
  line-height: 45px;
  font-size  : 14px;
}

.observation-app-container .vue-treeselect__multi-value-item,
.portrait-app-container .vue-treeselect__multi-value-item,
.observation-app-container .vue-treeselect__multi-value-item-container,
.portrait-app-container .vue-treeselect__multi-value-item-container,
.observation-app-container .vue-treeselect__input-container,
.portrait-app-container .vue-treeselect__input-container {
  line-height: 30px;
  font-size  : 14px;
}

.observation-app-container .vue-treeselect__menu,
.portrait-app-container .vue-treeselect__menu,
.observation-app-container .vue-treeselect__menu-container,
.portrait-app-container .vue-treeselect__menu-container {
  position: relative;
}

#reservations-interval-button { color: #FFF; }
#reservations .row { width: 100%; }
#reservations .btn-bar button { color: #FFF; }
#reservations .calendar-zone.parent { width: 100%; }
#reservations .fc-event.open { background-color: green; }
#reservations .fc-event.open.existing { background-color: blue; }
#reservations .fc-event.closed { background-color: red; }
#reservations .fc-event.closed.existing { background-color: pink; }
#reservations .fc-event.closed.regular { background-color: crimson; }
#reservations .fc-event.closed.passed,
.fc-event.open.passed {
  background-color: gray;
}

#reservations .calendar-zone.parent {
  clear  : both;
  padding: 0 20px;
}

#reservations .btn-bar.calendar button.calendar {
  display: none;
}

#reservations .btn-bar {
  width     : 60px;
  float     : right;
  border    : none;
  margin-top: -60px;
  text-align: right;
}

#reservations .btn-bar button {
  line-height: 1.5em;
  cursor     : pointer;
}

#reservations .calendar-zone.parent #reservations_list_wrapper {
  display: none;
}

#reservations .admin-educ #reservations_list_wrapper {
  display: none;
}

#reservations .span8.admin-educ {
  margin-top: 60px;
}

#reservations #loading {
  display : none;
  position: absolute;
  top     : 10px;
  right   : 10px;
}

#reservations-add-body-template {
  width: 100%;
}

#reservations-add-body-template>label textarea {
  width: 100%;
}

#reservations .parent .user_selection_list {
  margin-top: -5px;
}

#reservations #reservations-interval-button {
  display: none;
}

#reservations .span4.admin-educ {
  padding    : 0px;
  margin-top : 60px;
  margin-left: 0px;
}

#reservations .span8.admin-educ .pick-a-kid {
  margin-top    : -50px;
  padding-bottom: 50px;
}

#reservations .span8.admin-educ {
  width    : 64%;
  max-width: 64%;
}

#reservations table.dataTable thead td {
  padding: 10px 20px 10px 10px
}

.signature-container>div>div>div img {
  max-width: 100%;
  height   : 100%;
  width    : auto;
}

.portrait_param_error,
.portrait_param_success {
  margin-top   : 15px;
  margin-bottom: 15px;
}

.portrait_param_error span {
  color           : #721c24;
  background-color: #f8d7da;
  border-color    : #f5c6cb;
  position        : relative;
  padding         : 0.75rem 1.25rem;
  margin-bottom   : 1rem;
  border          : 1px solid transparent;
  border-radius   : 0.25rem;
}

.portrait_param_success span {
  color           : #155724;
  background-color: #d4edda;
  border-color    : #c3e6cb;
  position        : relative;
  padding         : 0.75rem 1.25rem;
  margin-bottom   : 1rem;
  border          : 1px solid transparent;
  border-radius   : 0.25rem;
}


.admin-agenda-form-menu-list {
  width                : 100%;
  border               : none;
  margin               : 0;
  padding              : 0 15px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
}

.admin-agenda-form-menu-list .admin-agenda-form-menu-list-item {
  font-family       : VAG Rounded Std Bold;
  padding           : 8px 10px 10px 15px;
  position          : relative;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-pack  : left;
  -ms-flex-pack     : left;
  justify-content   : left;
  border-radius     : 8px;
  font-size         : 14px;
  font-weight       : 400;
  color             : #4d4d4d;
  cursor            : pointer;
  padding           : 0;
  -webkit-transition: all .3s;
  transition        : all .3s;
  height            : 50px;
  font-size         : 100%;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  margin            : 0 0 10px;
}

.admin-agenda-form-menu-list .admin-agenda-form-menu-list-item:before {
  content      : "";
  width        : 10px;
  height       : 10px;
  background   : #9dc8e2;
  margin-right : 10px;
  border-radius: 100%;
}

.admin-agenda-form-menu-list .admin-agenda-form-menu-list-item.active {
  color: #2184be;
}

.agenda-config-app-btn-back {
  margin-top: 9px;
}

.measurable-element-form-container form {
  margin-bottom: 2rem;
}

.measurable-element-form-container .color-picker {
  position: relative;
}

.measurable-element-form-container .current-color-container {
  display     : inline-block;
  cursor      : pointer;
  border      : thin solid #000;
  margin-right: 5px;
  width       : 24px;
  height      : 24px;
  padding     : 3px;
}

.measurable-element-form-container .current-color {
  display         : inline-block;
  width           : 16px;
  height          : 16px;
  background-color: #000;
}

.measurable-element-form-container [class*="-message"] {
  font-weight: 500;
}

.measurable-element-form-container .error-message {
  color: #d33c40;
}

.measurable-element-form-container .measurable-element-icon-selection {
  cursor: pointer;
  margin: 5px 4px;
}

.measurable-element-form-container .success-message {
  color: #32a95d;
}

.measurable-element-form-container .measurable-element-form-action-container {
  margin-top   : 1em;
  margin-bottom: 1em;
}

.measurable-element-form-container .measurable-element-form-action-container button {
  margin-left: 1em;
}

.measurable-element-form-container .input-group.color-picker {
  margin-bottom: 1em;
}

.measurable-element-form-icon-options {
  border       : medium solid #ced4da;
  border-radius: 5px;
}

.measurable-element-form-container .vc-chrome {
  position: absolute;
  padding : 10px;
  z-index : 200;
  left    : 30px;
}

.measurable-element-form-container .icon_wrapper {
  width          : 100%;
  height         : 100%;
  border-radius  : 100%;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-width   : 5px;
  border-style   : solid;
}

.measurable-element-form-container .icon_wrapper img {
  width : 20px;
  height: 20px;
}

.measurable-element-list-container .measurable-element-labels {
  margin-left  : 30px;
  margin-top   : 1em;
  margin-bottom: 1em;
}

.measurable-element-list-container .measurable-element-labels h3 {
  margin-bottom: 1em;
}

.measurable-element-list-container .measurable-element-list-item-container {
  cursor: pointer;
}

.measurable-element-list-container .list-group-item {
  cursor: pointer;
}

.measurable-element-list-container .measurable-element-list-form {
  cursor: default;
}

/*!
 * vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
 * Released under the MIT License.
 * https://vue-treeselect.js.org/
 */
.vue-treeselect-helper-hide {
  display: none
}

.vue-treeselect-helper-zoom-effect-off {
  -ms-transform: none !important;
  transform    : none !important
}

@keyframes vue-treeselect-animation-fade-in {
  0% {
    opacity: 0
  }
}

@keyframes vue-treeselect-animation-bounce {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

@keyframes vue-treeselect-animation-rotate {
  to {
    transform: rotate(1turn)
  }
}

.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
  transition-duration: .2s;
  transition-property: transform, opacity
}

.vue-treeselect__multi-value-item--transition-enter-active {
  transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.vue-treeselect__multi-value-item--transition-leave-active {
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  position                  : absolute
}

.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to {
  -ms-transform: scale(.7);
  transform    : scale(.7);
  opacity      : 0
}

.vue-treeselect__multi-value-item--transition-move {
  transition: transform .2s cubic-bezier(.165, .84, .44, 1)
}

.vue-treeselect {
  position  : relative;
  text-align: left
}

[dir=rtl] .vue-treeselect {
  text-align: right
}

.vue-treeselect div,
.vue-treeselect span {
  box-sizing: border-box
}

.vue-treeselect svg {
  fill: currentColor
}

.vue-treeselect__control {
  padding-left              : 5px;
  padding-right             : 5px;
  display                   : table;
  table-layout              : fixed;
  width                     : 100%;
  height                    : 36px;
  border                    : 1px solid #ddd;
  border-radius             : 5px;
  background                : #fff;
  transition-duration       : .2s;
  transition-property       : border-color, box-shadow, width, height, background-color, opacity;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
  border-color: #cfcfcf
}

.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
  border-color: #039be5;
  box-shadow  : 0 0 0 3px rgba(3, 155, 229, .1)
}

.vue-treeselect--disabled .vue-treeselect__control {
  background-color: #f9f9f9
}

.vue-treeselect--open .vue-treeselect__control {
  border-color: #cfcfcf
}

.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0
}

.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
  border-top-left-radius : 0;
  border-top-right-radius: 0
}

.vue-treeselect__multi-value,
.vue-treeselect__value-container {
  width         : 100%;
  vertical-align: middle
}

.vue-treeselect__value-container {
  display : table-cell;
  position: relative
}

.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
  cursor: text
}

.vue-treeselect__multi-value {
  display: inline-block
}

.vue-treeselect--has-value .vue-treeselect__multi-value {
  margin-bottom: 5px
}

.vue-treeselect__placeholder,
.vue-treeselect__single-value {
  overflow           : hidden;
  text-overflow      : ellipsis;
  white-space        : nowrap;
  padding-left       : 5px;
  padding-right      : 5px;
  position           : absolute;
  top                : 0;
  right              : 0;
  bottom             : 0;
  left               : 0;
  line-height        : 34px;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  pointer-events     : none
}

.vue-treeselect__placeholder {
  color: #bdbdbd
}

.vue-treeselect__single-value {
  color: #333
}

.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
  color: #bdbdbd
}

.vue-treeselect--disabled .vue-treeselect__single-value {
  position: static
}

.vue-treeselect__multi-value-item-container {
  display       : inline-block;
  padding-top   : 5px;
  padding-right : 5px;
  vertical-align: top
}

[dir=rtl] .vue-treeselect__multi-value-item-container {
  padding-right: 0;
  padding-left : 5px
}

.vue-treeselect__multi-value-item {
  display       : inline-table;
  padding       : 2px 0;
  border        : 1px solid rgba(0, 0, 0, 0);
  border-radius : 2px;
  font-size     : 12px;
  vertical-align: top
}

.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover,
.vue-treeselect__multi-value-item {
  cursor    : pointer;
  background: #e3f2fd;
  color     : #039be5
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
  cursor    : default;
  background: #f5f5f5;
  color     : #757575
}

.vue-treeselect--disabled .vue-treeselect__multi-value-item {
  cursor      : default;
  background  : #fff;
  border-color: #e5e5e5;
  color       : #555
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new,
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
  background: #e8f5e9
}

.vue-treeselect__multi-value-label,
.vue-treeselect__value-remove {
  display       : table-cell;
  padding       : 0 5px;
  vertical-align: middle
}

.vue-treeselect__value-remove {
  color       : #039be5;
  padding-left: 5px;
  border-left : 1px solid #fff;
  line-height : 0
}

[dir=rtl] .vue-treeselect__value-remove {
  border-left : 0;
  border-right: 1px solid #fff
}

.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
  color: #e53935
}

.vue-treeselect--disabled .vue-treeselect__value-remove,
.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
  display: none
}

.vue-treeselect__value-remove>svg {
  width : 6px;
  height: 6px
}

.vue-treeselect__multi-value-label {
  padding-right      : 5px;
  white-space        : pre-line;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none
}

.vue-treeselect__limit-tip {
  display       : inline-block;
  padding-top   : 5px;
  padding-right : 5px;
  vertical-align: top
}

[dir=rtl] .vue-treeselect__limit-tip {
  padding-right: 0;
  padding-left : 5px
}

.vue-treeselect__limit-tip-text {
  cursor     : default;
  display    : block;
  margin     : 2px 0;
  padding    : 1px 0;
  color      : #bdbdbd;
  font-size  : 12px;
  font-weight: 600
}

.vue-treeselect__input-container {
  display  : block;
  max-width: 100%;
  outline  : none
}

.vue-treeselect--single .vue-treeselect__input-container {
  font-size: inherit;
  height   : 100%
}

.vue-treeselect--multi .vue-treeselect__input-container {
  display       : inline-block;
  font-size     : 12px;
  vertical-align: top
}

.vue-treeselect--searchable .vue-treeselect__input-container {
  padding-left : 5px;
  padding-right: 5px
}

.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
  padding-top : 5px;
  padding-left: 0
}

[dir=rtl] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
  padding-left : 5px;
  padding-right: 0
}

.vue-treeselect--disabled .vue-treeselect__input-container {
  display: none
}

.vue-treeselect__input,
.vue-treeselect__sizer {
  margin     : 0;
  line-height: inherit;
  font-family: inherit;
  font-size  : inherit
}

.vue-treeselect__input {
  max-width     : 100%;
  margin        : 0;
  padding       : 0;
  border        : 0;
  outline       : none;
  box-sizing    : content-box;
  box-shadow    : none;
  background    : none rgba(0, 0, 0, 0);
  line-height   : 1;
  vertical-align: middle
}

.vue-treeselect__input::-ms-clear {
  display: none
}

.vue-treeselect--single .vue-treeselect__input {
  width : 100%;
  height: 100%
}

.vue-treeselect--multi .vue-treeselect__input {
  padding-top   : 3px;
  padding-bottom: 3px
}

.vue-treeselect--has-value .vue-treeselect__input {
  line-height   : inherit;
  vertical-align: top
}

.vue-treeselect__sizer {
  position   : absolute;
  top        : 0;
  left       : 0;
  visibility : hidden;
  height     : 0;
  overflow   : scroll;
  white-space: pre
}

.vue-treeselect__x-container {
  display       : table-cell;
  vertical-align: middle;
  width         : 20px;
  text-align    : center;
  line-height   : 0;
  cursor        : pointer;
  color         : #ccc;
  animation     : vue-treeselect-animation-fade-in .2s cubic-bezier(.075, .82, .165, 1)
}

.vue-treeselect__x-container:hover {
  color: #e53935
}

.vue-treeselect__x {
  width : 8px;
  height: 8px
}

.vue-treeselect__control-arrow-container {
  display       : table-cell;
  vertical-align: middle;
  width         : 20px;
  text-align    : center;
  line-height   : 0;
  cursor        : pointer
}

.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
  cursor: default
}

.vue-treeselect__control-arrow {
  width : 9px;
  height: 9px;
  color : #ccc
}

.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
  color: #616161
}

.vue-treeselect--disabled .vue-treeselect__control-arrow {
  opacity: .35
}

.vue-treeselect__control-arrow--rotated {
  -ms-transform: rotate(180deg);
  transform    : rotate(180deg)
}

.vue-treeselect__menu-container {
  position  : absolute;
  left      : 0;
  width     : 100%;
  overflow  : visible;
  transition: 0s
}

.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
  top: 100%
}

.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
  bottom: 100%
}

.vue-treeselect__menu {
  cursor                    : default;
  padding-top               : 5px;
  padding-bottom            : 5px;
  display                   : block;
  position                  : absolute;
  overflow-x                : hidden;
  overflow-y                : auto;
  width                     : auto;
  border                    : 1px solid #cfcfcf;
  background                : #fff;
  line-height               : 180%;
  -webkit-overflow-scrolling: touch
}

.vue-treeselect--open-below .vue-treeselect__menu {
  border-bottom-left-radius : 5px;
  border-bottom-right-radius: 5px;
  top                       : 0;
  margin-top                : -1px;
  border-top-color          : #f2f2f2;
  box-shadow                : 0 1px 0 rgba(0, 0, 0, .06)
}

.vue-treeselect--open-above .vue-treeselect__menu {
  border-top-left-radius : 5px;
  border-top-right-radius: 5px;
  bottom                 : 0;
  margin-bottom          : -1px;
  border-bottom-color    : #f2f2f2
}

.vue-treeselect__indent-level-0 .vue-treeselect__option {
  padding-left: 5px
}

[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 5px
}

.vue-treeselect__indent-level-0 .vue-treeselect__tip {
  padding-left: 25px
}

[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 25px
}

.vue-treeselect__indent-level-1 .vue-treeselect__option {
  padding-left: 25px
}

[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 25px
}

.vue-treeselect__indent-level-1 .vue-treeselect__tip {
  padding-left: 45px
}

[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 45px
}

.vue-treeselect__indent-level-2 .vue-treeselect__option {
  padding-left: 45px
}

[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 45px
}

.vue-treeselect__indent-level-2 .vue-treeselect__tip {
  padding-left: 65px
}

[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 65px
}

.vue-treeselect__indent-level-3 .vue-treeselect__option {
  padding-left: 65px
}

[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 65px
}

.vue-treeselect__indent-level-3 .vue-treeselect__tip {
  padding-left: 85px
}

[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 85px
}

.vue-treeselect__indent-level-4 .vue-treeselect__option {
  padding-left: 85px
}

[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 85px
}

.vue-treeselect__indent-level-4 .vue-treeselect__tip {
  padding-left: 105px
}

[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 105px
}

.vue-treeselect__indent-level-5 .vue-treeselect__option {
  padding-left: 105px
}

[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 105px
}

.vue-treeselect__indent-level-5 .vue-treeselect__tip {
  padding-left: 125px
}

[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 125px
}

.vue-treeselect__indent-level-6 .vue-treeselect__option {
  padding-left: 125px
}

[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 125px
}

.vue-treeselect__indent-level-6 .vue-treeselect__tip {
  padding-left: 145px
}

[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 145px
}

.vue-treeselect__indent-level-7 .vue-treeselect__option {
  padding-left: 145px
}

[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 145px
}

.vue-treeselect__indent-level-7 .vue-treeselect__tip {
  padding-left: 165px
}

[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 165px
}

.vue-treeselect__indent-level-8 .vue-treeselect__option {
  padding-left: 165px
}

[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__option {
  padding-left : 5px;
  padding-right: 165px
}

.vue-treeselect__indent-level-8 .vue-treeselect__tip {
  padding-left: 185px
}

[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 185px
}

.vue-treeselect__option {
  padding-left : 5px;
  padding-right: 5px;
  display      : table;
  table-layout : fixed;
  width        : 100%
}

.vue-treeselect__option--highlight {
  background: #f5f5f5
}

.vue-treeselect--single .vue-treeselect__option--selected {
  background : #e3f2fd;
  font-weight: 600
}

.vue-treeselect--single .vue-treeselect__option--selected:hover {
  background: #e3f2fd
}

.vue-treeselect__option--hide {
  display: none
}

.vue-treeselect__option-arrow-container,
.vue-treeselect__option-arrow-placeholder {
  display       : table-cell;
  vertical-align: middle;
  width         : 20px;
  text-align    : center;
  line-height   : 0
}

.vue-treeselect__option-arrow-container {
  cursor: pointer
}

.vue-treeselect__option-arrow {
  display       : inline-block;
  width         : 9px;
  height        : 9px;
  color         : #ccc;
  vertical-align: middle;
  transition    : transform .2s cubic-bezier(.19, 1, .22, 1);
  -ms-transform : rotate(-90deg);
  transform     : rotate(-90deg)
}

[dir=rtl] .vue-treeselect__option-arrow {
  -ms-transform: rotate(90deg);
  transform    : rotate(90deg)
}

.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow,
.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow {
  color: #616161
}

.vue-treeselect__option-arrow--rotated,
[dir=rtl] .vue-treeselect__option-arrow--rotated {
  -ms-transform: rotate(0);
  transform    : rotate(0)
}

.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
  -ms-transform: rotate(-90deg) !important;
  transform    : rotate(-90deg) !important
}

[dir=rtl] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
  -ms-transform: rotate(90deg) !important;
  transform    : rotate(90deg) !important
}

.vue-treeselect__label-container {
  display       : table-cell;
  vertical-align: middle;
  cursor        : pointer;
  display       : table;
  width         : 100%;
  table-layout  : fixed;
  color         : inherit
}

.vue-treeselect__option--disabled .vue-treeselect__label-container {
  cursor: not-allowed;
  color : rgba(0, 0, 0, .25)
}

.vue-treeselect__checkbox-container {
  display       : table-cell;
  width         : 20px;
  min-width     : 20px;
  height        : 100%;
  text-align    : center;
  vertical-align: middle
}

.vue-treeselect__checkbox {
  display      : block;
  margin       : auto;
  width        : 12px;
  height       : 12px;
  border-width : 1px;
  border-style : solid;
  border-radius: 2px;
  position     : relative;
  transition   : all .2s cubic-bezier(.075, .82, .165, 1)
}

.vue-treeselect__check-mark,
.vue-treeselect__minus-mark {
  display          : block;
  position         : absolute;
  left             : 1px;
  top              : 1px;
  background-repeat: no-repeat;
  opacity          : 0;
  transition       : all .2s ease
}

.vue-treeselect__minus-mark {
  width           : 8px;
  height          : 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
  background-size : 8px 8px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
  .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
  }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
  .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==)
  }
}

.vue-treeselect__checkbox--indeterminate>.vue-treeselect__minus-mark {
  opacity: 1
}

.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)
  }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==)
  }
}

.vue-treeselect__check-mark {
  width           : 8px;
  height          : 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
  background-size : 8px 8px;
  -ms-transform   : scaleY(.125);
  transform       : scaleY(.125)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
  .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC)
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC)
  }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
  .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC)
  }
}

.vue-treeselect__checkbox--checked>.vue-treeselect__check-mark {
  opacity      : 1;
  -ms-transform: scaleY(1);
  transform    : scaleY(1)
}

.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==)
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==)
  }
}

@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=)
  }
}

.vue-treeselect__checkbox--unchecked {
  border-color: #e0e0e0;
  background  : #fff
}

.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
  border-color: #039be5;
  background  : #fff
}

.vue-treeselect__checkbox--checked,
.vue-treeselect__checkbox--indeterminate,
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked,
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
  border-color: #039be5;
  background  : #039be5
}

.vue-treeselect__checkbox--disabled,
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
  border-color    : #e0e0e0;
  background-color: #f7f7f7
}

.vue-treeselect__label {
  overflow      : hidden;
  text-overflow : ellipsis;
  white-space   : nowrap;
  display       : table-cell;
  padding-left  : 5px;
  max-width     : 100%;
  vertical-align: middle;
  cursor        : inherit
}

[dir=rtl] .vue-treeselect__label {
  padding-left : 0;
  padding-right: 5px
}

.vue-treeselect__count {
  margin-left: 5px;
  font-weight: 400;
  opacity    : .6
}

[dir=rtl] .vue-treeselect__count {
  margin-left : 0;
  margin-right: 5px
}

.vue-treeselect__tip {
  padding-left : 5px;
  padding-right: 5px;
  display      : table;
  table-layout : fixed;
  width        : 100%;
  color        : #757575
}

.vue-treeselect__tip-text {
  display       : table-cell;
  vertical-align: middle;
  padding-left  : 5px;
  padding-right : 5px;
  overflow      : hidden;
  text-overflow : ellipsis;
  white-space   : nowrap;
  width         : 100%;
  font-size     : 12px
}

.vue-treeselect__error-tip .vue-treeselect__retry {
  cursor         : pointer;
  margin-left    : 5px;
  font-style     : normal;
  font-weight    : 600;
  text-decoration: none;
  color          : #039be5
}

[dir=rtl] .vue-treeselect__error-tip .vue-treeselect__retry {
  margin-left : 0;
  margin-right: 5px
}

.vue-treeselect__icon-container {
  display       : table-cell;
  vertical-align: middle;
  width         : 20px;
  text-align    : center;
  line-height   : 0
}

.vue-treeselect--single .vue-treeselect__icon-container {
  padding-left: 5px
}

[dir=rtl] .vue-treeselect--single .vue-treeselect__icon-container {
  padding-left : 0;
  padding-right: 5px
}

.vue-treeselect__icon-warning {
  display      : block;
  margin       : auto;
  border-radius: 50%;
  position     : relative;
  width        : 12px;
  height       : 12px;
  background   : #fb8c00
}

.vue-treeselect__icon-warning:after {
  display     : block;
  position    : absolute;
  content     : "";
  left        : 5px;
  top         : 2.5px;
  width       : 2px;
  height      : 1px;
  border-color: #fff;
  border-style: solid;
  border-width: 5px 0 1px
}

.vue-treeselect__icon-error {
  display      : block;
  margin       : auto;
  border-radius: 50%;
  position     : relative;
  width        : 12px;
  height       : 12px;
  background   : #e53935
}

.vue-treeselect__icon-error:after,
.vue-treeselect__icon-error:before {
  display      : block;
  position     : absolute;
  content      : "";
  background   : #fff;
  -ms-transform: rotate(45deg);
  transform    : rotate(45deg)
}

.vue-treeselect__icon-error:before {
  width : 6px;
  height: 2px;
  left  : 3px;
  top   : 5px
}

.vue-treeselect__icon-error:after {
  width : 2px;
  height: 6px;
  left  : 5px;
  top   : 3px
}

.vue-treeselect__icon-loader {
  display   : block;
  margin    : auto;
  position  : relative;
  width     : 12px;
  height    : 12px;
  text-align: center;
  animation : vue-treeselect-animation-rotate 1.6s linear infinite
}

.vue-treeselect__icon-loader:after,
.vue-treeselect__icon-loader:before {
  border-radius: 50%;
  position     : absolute;
  content      : "";
  left         : 0;
  top          : 0;
  display      : block;
  width        : 100%;
  height       : 100%;
  opacity      : .6;
  animation    : vue-treeselect-animation-bounce 1.6s ease-in-out infinite
}

.vue-treeselect__icon-loader:before {
  background: #039be5
}

.vue-treeselect__icon-loader:after {
  background     : #b3e5fc;
  animation-delay: -.8s
}

.vue-treeselect__menu-placeholder {
  display: none
}

.vue-treeselect__portal-target {
  position  : absolute;
  display   : block;
  left      : 0;
  top       : 0;
  height    : 0;
  width     : 0;
  padding   : 0;
  margin    : 0;
  border    : 0;
  overflow  : visible;
  box-sizing: border-box
}

/* admin / agenda | Icons */

.edit__button,
.edit__button-model,
.edit__button-predefined {
  margin-right: 10px;
}

.edit__button,
.delete__button {
  top      : 50%;
  transform: translateY(30%);
}


.measurable-element-form-container .icon_wrapper {
  border-radius: 100%;
  padding      : 8px;
  width        : 50px;
  height       : 50px;
  margin-bottom: 10px;
}

.measurable-element-form-container .icon_wrapper img {
  width : auto;
  height: 30px;
}

.measurable-element__selected-icon {
  position     : relative;
  margin-bottom: 30px;
  left         : 50%;
  transform    : translateX(-50%);
  text-align   : center;
}

.measurable-element__selected-icon {
  width        : 100px !important;
  height       : 100px !important;
  margin-bottom: 30px !important;
}

.measurable-element__selected-icon img {
  width : 60px !important;
  height: 60px !important;

}

/* admin / agenda | Spacing */
.agenda-config-general-form-container h3 {
  margin-bottom: 10px;
  margin-top   : 25px;

}

.agenda-model-labels h3 {
  line-height: 32px !important;
}

.agenda-form__submit {
  margin-top: 20px;
  min-height: 40px;
}

.agenda-form__cancel {
  margin-top  : 20px;
  margin-right: 10px;
  min-height  : 40px;
}

.agenda-model__title,
.agenda-measurable__title {
  margin-bottom: -30px;
  margin-left  : 10px;

}

.custom-message__tree {
  margin-top: 10px;
}

.agenda-model-form-container .card {
  border: 0;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: rgba(19, 134, 200, 0.2)
}

.list-group-item {
  padding: 15px;
}

.title__input {
  border-radius: 25px;
}

.model__title,
.measurable-element__title {
  font-weight: 600;
}

.measurable-element-list-container .measurable-element-labels,
.measurable-element-list-container .measurable-element-labels h3 {
  margin-bottom: 0;


}

.measurable-element-labels {
  margin-top: 0.8em;
}

.measurable-element-form-container .card {
  border: 0;
}

.measurable-element__title,
.measurable-element__amount-title {
  font-weight: 600;
  font-family: "VAG Rounded Std Bold" !important;
  font-size  : 16px;
}

.measurable-element__title-input,
.measurable-element__amount-input {
  border-radius: 10px !important;
}

.available-icons__title {
  font-size: 16px;
  padding  : 10px 0;
}

.measurable-element-form-icon-options {
  border: 0;
}

.measurable-element-labels h3 {
  line-height: 20px;
}


.selected-icon__column {
  position: relative;
}

.selected-icon__inner-column {
  position : absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, -50%);
  width    : 100%;
}

@media screen and (max-width: 576px) {
  .selected-icon__inner-column {
    position : relative;
    left     : 0;
    top      : 0;
    transform: translate(0);
  }

}

.message__title {
  margin-top   : 20px;
  margin-bottom: 10px;
}

.messages_switch {
  margin-bottom: 10px !important;
}

.custom-message-form-container .card {
  border: 0;
}

.boxes>h3 {
  margin-bottom: -25px;
}

.custom-message-actions.pull-right {
  transform: translateY(-25%);
}

.custom-message-labels h3,
.predefined-message-labels h3 {
  line-height: 32px;
}

.text_area_input textarea {
  height: 80%;
}

.predefined-message-form-container .card {
  border: 0;
}

.agenda-config-general-form-container {
  margin-bottom: 40px;
}

/* Agenda Form */
.agenda-form-section .module-header {
  margin-bottom: 10px;
}

.agenda__back-button {
  height: 50px;
  width : 50px;
}

.header__action-row {
  text-align   : center;
  margin-bottom: 25px;
}

.header__button {
  background-color: #0082c8;
  color           : white;
  padding         : 5px 10px;
  font-weight     : 600;
  margin-left: 5px;
  border: none;
}

.header__button:hover {
  background-color: #3470A5;
}

.header__button i {
  margin-right: 5px;
}
.header__button:first-of-type {
  border-radius: 5px 0 0 5px;
}

.header__button:last-of-type {
  border-radius: 0 5px 5px 0;
}

.header__button-away:hover {
  background-color: #3470A5;
  color           : #ffffff;
}

.header__button-away {
  border: none;
}

.header__button-delete:hover {
  background-color: #3470A5;
  ;
}

.header__button-delete {
border: none;

}

.educators-select span {
  display: inline;
}

.agenda__form-title {
  margin-bottom: 8px !important;

}


.header__icon {
  background-color: #0082c8;
  color           : white;
  padding         : 8px;
  border-radius   : 100%;
  display         : inline-block;
  margin-right    : 10px;
  margin-bottom   : 2px;
}

.agenda__header-title {
  display  : inline-block;
  font-size: 1em;

}

.header-name::before {
  content     : 'NAME';
  font-size   : 12px;
  position    : absolute;
  top         : -5px;
  font-weight : lighter;
  color       : #666;
  font-variant: small-caps;
}

.header-group::before {
  content     : 'GROUPE';
  font-size   : 12px;
  position    : absolute;
  top         : -5px;
  font-weight : lighter;
  color       : #666;
  font-variant: small-caps;
}

.header-age::before {
  content     : 'AGE';
  font-size   : 12px;
  position    : absolute;
  top         : -5px;
  font-weight : lighter;
  color       : #666;
  font-variant: small-caps;
}



.educators-select::before {
  font-family : "VAG Rounded Std Bold" !important;
  content     : 'rédigée par';
  font-size   : 20px;
  position    : absolute;
  top         : -30px;
  font-weight : 800;
  color       : #666;
  font-variant: small-caps;
}

.agenda-date-picker {
  margin-top: 35px;
}

.agenda-date-picker::before {
  font-family : "VAG Rounded Std Bold" !important;
  content     : 'date';
  font-size   : 20px;
  position    : absolute;
  top         : -30px;
  font-weight : 800;
  color       : #666;
  font-variant: small-caps;
}

.header__icon::before {
  font-size: 20px;
}

.agenda__profile-row {
  display: block;
}

.agenda__profile-inner-row {
  width        : 250px;
  margin       : auto;
  margin-bottom: 50px;
}

.agenda__profile-img {
  margin-top   : 30px;
  height       : 150px;
  width        : 150px;
  border-radius: 100%;
  position     : relative;
  left         : 50%;
  transform    : translateX(-50%);
  color: white;
  font-weight: 600;

}

.agenda-form-header-container .user_full_name {
  position: relative;
  min-height: 50px;
  margin-top: 20px;
}

.agenda-form-header-container .user_group {
  position  : relative;
  min-height: 50px;
}

.user_age {
  position  : relative;
  min-height: 50px;
}

.absent__button {
  margin-top: 20px;
}

.actions__button {
  margin-top: 22px;
}

.actions__button button {
  padding    : 8.5px 15px;
  margin-left: 10px;
}

.actions__button button i {
  float       : left;
  margin-right: 5px;
}



/* Calendar on Agenda Form */
#agenda-app-container .fc .fc-col-header-cell-cushion a font font {
  font-size: 12px;
  font-weight: 600;
  font-family: "VAG Rounded Std Bold";
}

#agenda-app-container .fc .fc-col-header-cell-cushion {
  font-size: 13px;
  font-weight: 600;
  font-family: "VAG Rounded Std Bold";
  overflow: hidden;
  width: 100%;
  padding: 10px 0 !important;
}

#agenda-app-container table.fc-col-header {
  width: 100% !important;
  background: #2F6797;
}

#agenda-app-container .fc .fc-button-primary, 
#agenda-app-container .fc-next-button, 
#agenda-app-container .fc-prev-button {background-color:#003853 !important;}

#agenda-app-container th.fc-col-header-cell {
  background-color: #2F6797;
  color: white;
}

#agenda-app-container .fc,
#agenda-app-container .fc-scrollgrid {
  border-radius: 5px 5px 5px 5px;
}

#agenda-app-container th.fc-col-header-cell:first-of-type {
  border-radius: 5px 0 0 0;
}

#agenda-app-container th.fc-col-header-cell:last-of-type {
  border-radius: 0 5px 0 0;
}

#agenda-app-container .fc .fc-scrollgrid-section-footer>*,
#agenda-app-container .fc .fc-scrollgrid-section-header>* {
  border: 0;
}

#agenda-app-container .fc-day-today a font font {
  border-radius: 100%;
  font-weight: 600;
  text-transform: capitalize;
}

#agenda-app-container .fc-day {
  text-align: center;
  font-size: 16px;

}

#agenda-app-container .fc a {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  font-weight: 600;
  font-family: "VAG Rounded Std Bold";
}

#agenda-app-container .texte td,
#agenda-app-container .print#voir_fiche td {
  border: none !important;
}

#agenda-app-container .fc-col-header-cell-cushion font font {
  text-transform: capitalize;
}

#agenda-app-container .fc .fc-daygrid-body,
#agenda-app-container table.fc-scrollgrid-sync-table {
  width: 100% !important;
}

#agenda-app-container .fc .fc-daygrid-day-frame,
#agenda-app-container .fc td {
  vertical-align: middle !important;
}

#agenda-app-container .fc .fc-daygrid-day-frame {
  margin: 0 5px;
}

#agenda-app-container .fc .fc-daygrid-day.fc-day-today {
  background-color: transparent !important;
}


#agenda-app-container .fc .fc-daygrid-day-bg .fc-bg-event {
  border-radius: 100%;
}

#agenda-app-container .fc .fc-daygrid-day-frame {
  height: 40px;
  min-height: 40px !important;
}

#agenda-app-container .fc .fc-day-today {
  border-radius: 100%;
}

#agenda-app-container .fc .fc-daygrid-day.fc-day-today {
  color: white;
  background-color: none !important;
}

#agenda-app-container .fc .fc-daygrid-day-top {
  transform: translateY(6px);
}

#agenda-app-container .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
  border-radius: 100%;
  background-color: #3D83C5 !important;
}

#agenda-app-container .fc .fc-daygrid-day-frame {
  position: relative;
  min-height: 40px;
  max-height: 40px;
  max-width: 40px;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

#agenda-app-container .fc-daygrid-day-frame.fc-scrollgrid-sync-inner:hover {
  background: #3D83C5;
  border-radius: 100%;
  cursor: pointer;
  color: white;
}


#agenda-app-container .fc .fc-daygrid-day-bg .fc-bg-event {
  z-index: -9 !important;
}

#agenda-app-container .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0 !important;
  background-color: #3D82C2;
  color: white;
  font-size: 0.8em;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px 5px 0 0;
  padding-top: 5px;
}


/* Agenda Form elements */

.agenda-photos__row {}
.agenda-photos__col {}
.agenda__form-column h4 font font, .agenda__form-column h3 font font {
  padding-left: 5px;
  padding-right: 7px;
  line-height: 10px;
  font-size: 16px;
}

.agenda__form-column h4 i, .agenda__form-column h3 i {vertical-align: middle;}

.agenda-form-container h3,
.agenda-form-container h4 {

  font-family  : "VAG Rounded Std Bold" !important;
  content      : 'date';
  font-size    : 20px;
  font-weight  : 800;
  color        : #666;
  font-variant : small-caps;
  margin-bottom: 4px;
  margin-top: 20px;

}

.agenda-form-container .row {margin: 0;}
.col.agenda-notes__col {
  padding: 0;
}

#agenda-app-container .el-input input {
  border-radius: 4px 4px 4px 4px !important;

}

.agenda__form-column {
  display   : inline-block;
  text-align: center;
}

.agenda__event {
  text-align: left;
}

.row.agenda-form-footer-container {
  margin    : auto;
  margin-top: 40px;
}



.row.agenda-form-footer-container button {
  margin-right: 5px;
  font-family : "VAG Rounded Std Bold";

}

.row.agenda-form-footer-container .btn-primary {
  padding: 5px 25px;

}

.nap-date-time {display: flex;}
#agenda-app-container .el-date-editor.el-input {display: inline;}
.formula-date-time .el-date-editor.el-input {display: inline-block;}

#agenda-app-container .el-date-editor,
#agenda-app-container .item_quantity {
  margin-bottom: 5px;
  width        : 100% !important;
}

.nap_icons_container button,
.formula_icons_container button {
  display      : inline;
  font-size    : 0.9em;
  padding      : 8px 10px;
  line-height  : 1.1;
   margin-right : 2px;
  margin-bottom: 5px;
  display: inline-flex !important;
  align-items: center;
  max-height: 30px;
}
.agenda__form-column .item_type {
  margin-bottom: 20px;
}

.agenda__edit:hover {
  cursor: pointer;
}

.timeline-agenda__row {
  margin-top: 20px;
}

.nap_icons_container, .formula_icons_container {
  margin-bottom: 20px;
}

.agenda__section-title {
  margin: 0 !important;
}

.nap_icons_container .el-input--suffix .el-input__inner {padding-right: 0 !important;}

.agenda__form-column h5 {

  margin-right: 5px;
  text-align  : center;
  margin-left : auto;
  margin-right: auto;
}

.besoins__input {
  margin-top   : 5px;
  margin-bottom: 20px;
}

#agenda-app-container .uppy-Dashboard-inner {
  max-height: 150px !important;
  min-height: 150px !important;
}

#agenda-app-container .uppy-Dashboard-inner * {
  font-family: "VAG Rounded Std Bold" !important;
  font-size  : 1em !important;
}

.agenda__form-column h5 {
  min-width: 15px;
}

#agenda-app-container .el-divider__text h3 {
  color       : #1385c8;
  font-weight : 600;
  font-variant: small-caps;
}

h3.agenda__section-title font {
  padding-left: 2px;
  line-height: 22px;
}

#agenda-app-container .el-input__suffix .el-icon-circle-close {
  color: red !important;
}

  .sorties__first-column {text-align: right;}
  .sorties__second-column {text-align: left; border-right: 1px solid #efefef;
    padding-bottom: 50px;}
  .sorties__third-column {text-align: right;}
  .sorties__last-column {text-align: left;}

/* Selectors to be fixed when i find where this + comes from */
#agenda-app-container>div>div:nth-child(2)>div>div>div.row>div.col-sm-8>div>div:nth-child(3)>div>div>div>div>div>span,
#agenda-app-container>div>div:nth-child(2)>div>div>div.row>div.col-sm-8>div>div:nth-child(4)>div>div>div>div>div>span {
  background-color: #069100;
  padding         : 10px 15px;
  border-radius   : 100%;
  color           : white;
  font-size       : 20px;
  font-weight     : 400;
  cursor          : pointer;
}

.nap-date-time .el-date-editor,
.formula-date-time .el-date-editor {
  width: 150px !important;
}

.message__row {
  position: relative;
}

.message__col {
  padding-right: 15px;
  margin-top   : auto;
  margin-bottom: auto;
}

.author__col {
  padding-left : 0;
  margin-top   : auto;
  margin-bottom: auto;
}

.author__img {
  border-radius   : 100%;
  padding         : 10px;
  display         : block;
  background-color: #ccc;
  margin-left     : auto;
  margin-right    : auto;
  color: white;
    width: auto;
    height: 100%;
    font-size: 12px;
    min-width:32px;
    min-height:32px;
    width:32px;
    height:32px;
}

#agenda__group .author__img {
  width:64px;
  height: 64px;
}

.author__img-header {
  display     : inline-flex;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  margin-top: 2px;
}

.educators__title {
  display       : block;
  padding-bottom: 12px;
}

.educators__title:first-of-type {
  padding-bottom: 4px;

}

.educator-col h4 {
  margin-top: 0;
}

.header__buttons {
  margin-left  : auto;
  margin-right : auto;
  margin-top   : 20px;
  margin-bottom: 20px;
}

#agenda-app-container .el-divider--horizontal {
  margin-top   : 60px !important;
  margin-bottom: 20px;
}

/* Always showing increment and decrement on input numbers */

#agenda-app-container .el-input-number__decrease,
#agenda-app-container .el-input-number__increase {
  background-color: #1385c8 !important;
  color           : white !important;
}

/* tiny editor height */

.tox.tox-tinymce {
  height: 200px;
}


/* calendar list */
.petite_pastille.brouillon-journal {
  background: #aaa !important;
}

.petite_pastille.new-journal {
  background: #2ead2a !important;
}

.petite_pastille.lu-journal {
  background: #28a3d2 !important;
}

.petite_pastille.newcomment-journal {
  background: #e69a10 !important;
}

.petite_pastille.absent-journal {
  background: #E56060 !important;
}

/* Agenda Messages */

.bubble {
  position     : relative;
  font-family  : sans-serif;
  font-size    : 14px !important;
  line-height  : 24px;
  background   : #003853;
  border-radius: 10px;
  padding      : 12px;
  text-align   : center;
  color        : #fff;
}

.bubble-author {
  position     : relative;
  font-family  : sans-serif;
  font-size    : 14px;
  line-height  : 24px;
  border-radius: 10px;
  padding      : 16px;
  text-align   : center;
  color        : #fff;
}

.author__container {
  width  : 20%;
  display: inline-block;
}

.bubble-author .tox.tox-tinymce {
  border-radius: 20px;
  max-height   : 150px;
}

.bubble-author .tox.tox-tinymce .tox-statusbar {
  display: none;
}

.bubble p,
.bubble-author p {
  color        : #ffffff;
  font-size    : 14px;
  margin-bottom: 0;
}

.created__label {
  text-align : center;
  font-family: "VAG Rounded Std Bold" !important;
  content    : 'date';
  font-weight: 800;
  color      : #666;
  font-size  : 12px;
}

.created__author {
  text-align : center;
  font-family: "VAG Rounded Std Bold" !important;
  content    : 'date';
  font-weight: 800;
  font-size  : 12px;
  color      : #666;
}

#agenda-app-container .message__container {
  margin-bottom: 10px;
}

#agenda-app-container .message__container h4 {
  font-size    : 14px;
  text-align   : center;
  margin-bottom: 0px;
  margin-top   : 0;

}

.scrollable__row {

  height       : 300px;
  max-height   : 100%;
  overflow-y   : auto !important;
  border       : 1px solid #003652;
  border-radius: 20px;
  padding      : 10px;
  margin-top   : 10px;
  overflow-x   : hidden;

}

.scrollable__row::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color  : #F5F5F5;
  border-radius     : 10px;
  margin-top        : 20px;
  margin-bottom     : 20px;
  z-index           : -1;
}

.scrollable__row::-webkit-scrollbar {
  width           : 10px;
  background-color: transparent;
  margin-top      : 40px;
  margin-bottom   : 40px;
  z-index         : -1;

}

.scrollable__row::-webkit-scrollbar-thumb {
  border-radius: 10px;

  background-color: #0ae;

  background-image: -webkit-gradient(linear, 0 0, 0 100%,
      color-stop(.5, rgba(255, 255, 255, .2)),
      color-stop(.5, transparent), to(transparent));

  margin-top   : 20px;
  margin-bottom: 20px;
}

.agenda-form-nav-calendar-container .fc-event i,
.agenda-form-change-date-calendar-container .fc-event i {
  visibility: hidden;
  /* hides event title */
}

#agenda-app-container .fullcalendar-legend-span {
  min-width: 1em;
}

#agenda-app-container .fullcalendar-legend-span.fullcalendar-legend-span__draft {
  background-color: #bababa;
  padding         : 3px 8px;
  border-radius   : 100%;
  margin-right    : 5px;
}

#agenda-app-container .fullcalendar-legend-span.fullcalendar-legend-span__submitted {
  background-color: #1385c8;
  padding         : 3px 8px;
  border-radius   : 100%;
  margin-right    : 5px;
}
@media print {
  body.printing .user_search_form,
  body.printing .user_selection_list,
  body.printing .presence-sommaire .tabs,
  body.printing #cal_semaine,
  body.printing #print-sommaire-btn { display: none; }
  body.printing #presences_sommaire_inner { display: table; }
}

#porte-documents-container .open-file-stats { position: absolute; top: 0px; left: 38px; width: 23px; cursor: pointer; }
#porte-documents-container .file-name { position: absolute; top: 45px; left: 0; width: 100px; word-wrap: break-word; background: rgba(255, 255, 255, 0.8); text-align: center; cursor: pointer; }
#porte-documents-container .file-name { position: absolute; top: 45px; left: 0; width: 100px; word-wrap: break-word; background: rgba(255, 255, 255, 0.8); text-align: center; cursor: pointer; }
#porte-documents-container .file-name.draggable { cursor: grab; }
#porte-documents-container .edit-file { position: absolute; top: 0px; left: 10px; width: 23px; cursor: pointer; }
#porte-documents-container .delete-file { position: absolute; top: 0px; left: 65px; width: 23px; cursor: pointer; }
#porte-documents-container .edit-directory { position: absolute; top: 0px; left: 45px; width: 23px; cursor: pointer; }
#porte-documents-container .delete-directory { position: absolute; top: 0px; left: 75px; width: 23px; cursor: pointer; }
#porte-documents-container .directory-name { position: absolute; top: 30px; left: 10px; width: 80px; word-wrap: break-word; background: rgba(255, 255, 255, 0.8); text-align: center; }
#porte-documents-container .children-directories-list { overflow-y: scroll; height: 760px; }
#porte-documents-container .porte-documents-files-container { margin-left: 10px; width: 60%; }
#porte-documents-container .child-directory-container { display: block; position: relative; }
#porte-documents-container .file-container { display: inline-block; position: relative; }
#porte-documents-container .file-link,
#porte-documents-container .directory-link { width: 100px; cursor: pointer; display: inline-block; }
#porte-documents-container .add-new-child-directory-button,
#porte-documents-container .add-new-file-button { width: 50px; cursor: pointer; }
#porte-documents-container .pd-go-to-target,
#porte-documents-container .file-link { color: #08c; cursor: pointer; }
#porte-documents-container .file-link.draggable { cursor: grab; }
.modal-template-element,
#porte-documents-container .add-new-file-section,
#porte-documents-container .add-new-file-button,
#porte-documents-container .cancel-new-file-section,
#porte-documents-container .cancel-new-file-button,
#porte-documents-container .add-new-child-directory-button { display: none; }
.modal .modal-template-element,
#porte-documents-container .add-new-file-button.active,
#porte-documents-container .cancel-new-file-button.active,
#porte-documents-container .add-new-child-directory-button.active { display: inline-block; }
#porte-documents-container .add-new-file-section.active,
#porte-documents-container .confirm-delete-section.active { display: block; }
.infoSupp .horaire-periods-container { display: none; }
.infoSupp .horaire-periods-container.active { display: block; }
ul.possibilities { list-style-type: none; }
ul.possibilities > li { width: 30%; min-width: 300px; float: left; margin: 20px 1% 30px 1%; min-height: 230px; }
ul.possibilities > li:hover .front { box-shadow: 2px 2px 10px #aaa; }
ul.possibilities li .front { display: block; cursor: pointer; padding: 20px; height: 100%; }
ul.possibilities li .front .logo,
ul.possibilities li .front .partner { text-align: center; font-weight: bold; }
ul.possibilities li .back { display: none; }
ul.possibilities li.open .back { display: block; height: 100%; }
ul.possibilities li.open .front { display: none; }
ul.possibilities li.open .back { box-shadow: 2px 2px 10px #aaa; padding: 20px; background-repeat: no-repeat; background-position: 95% center; background-size: 80px; min-height: 230px; }
ul.possibilities li.open .back p { font-size: 10px; text-align: center; }
ul.possibilities li.open.amilia .back { background-image: url("/images/integrations/amilia.jpg"); }
ul.possibilities li.open.logicentre .back { background-image: url("/images/integrations/logicentre.jpg"); background-position: 95% top; }
ul.possibilities li.open.logicentre .back p { padding-right: 80px; text-align: left; }

ul.possibilities li.open.acceo .back { background-image: url("/images/integrations/acceo.jpg"); background-position: 95% top; }
ul.possibilities li.open.acceo .back p { padding-right: 80px; text-align: left; }

ul.possibilities li.open.qidigo .back { background-image: url("/images/integrations/qidigo.jpg"); background-position: 95% top; }
ul.possibilities li.open.qidigo .back p { padding-right: 80px; text-align: left; }

ul.possibilities li.open.place05 .back { background-image: url("/images/integrations/place05.jpg"); }
ul.possibilities li.open.planitou .back { background-image: url("/images/integrations/planitou.jpg"); }
ul.possibilities li.open.twilio .back { background-image: url("/images/integrations/twilio.jpg"); }
ul.possibilities li.open.wordpress .back { background-image: url("/images/integrations/wordpress.jpg"); }
ul.possibilities .ak { background-color: rgba(255, 255, 255, 0.8); }
#calendar .fc-scroller { min-height: 620px; }
#calendar .fc-event { border: none; border-radius: 0px; padding: 4px !important; }
#calendar .fc-event.closed.passed,
#calendar .fc-event.open.passed { background-color: #eee; color: #eee; }
#calendar .fc-button-group > .fc-button { background-color: #1385c8; border-color: #1385c8; }
#calendar .fc-list-item.reservations-period.passed { opacity: 0.4; }
body.onboard .onboard_modal_footer { position: relative; bottom: 9px; display: flex; justify-content: flex-end; width: 100%; right: 16px; }
body.onboard .ui.steps { display: inline-flex; flex-direction: row; align-items: stretch; margin: 1em 0; background: ""; box-shadow: none; line-height: 1.14285714em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); width: 100%; text-align: center; }
body.onboard .ui.steps .step { cursor: pointer; position: relative; display: flex; flex: 1 0 auto; flex-wrap: wrap; flex-direction: row; vertical-align: middle; align-items: center; justify-content: center; margin: 0 0; padding: 1.14285714em 2em; background: #fff; color: rgba(0, 0, 0, 0.87); box-shadow: none; border-radius: 0; border: none; border-right: 1px solid rgba(34, 36, 38, 0.15); transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; }
body.onboard .ui.steps .step:after { display: block; position: absolute; z-index: 2; content: ""; top: 50%; right: 0; border: medium none; background-color: #fff; width: 1.14285714em; height: 1.14285714em; border-style: solid; border-color: rgba(34, 36, 38, 0.15); border-width: 0 1px 1px 0; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; transform: translateY(-50%) translateX(50%) rotate(-45deg); box-sizing: inherit; }
body.onboard .ui.steps .title { font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1.14285714em; font-weight: 700; }
body.onboard .ui.steps .step .description { margin-top: 0.25em; }
body.onboard .ui.steps .disabled.step,
body.onboard .ui.steps .disabled.step .description,
body.onboard .ui.steps .disabled.step .title { color: rgba(40, 40, 40, 0.3); }
body.onboard .ui.steps .disabled.step { cursor: auto; background: #fff; pointer-events: none; }
body.onboard .navbar { margin-bottom: 30px; }
body.onboard .navbar #navbar-inner { display: none; }
body.onboard .phone_ext { border: none; border-bottom: solid 1px #000; }
body.onboard label { font-weight: bold; }
body.onboard .onboard_step h2 { font-size: 24px; }
body.onboard #onboard_newpassword.error { border: solid 2px red; }
body.onboard .password-strength-meter { text-align: left; }
body.onboard .password-strength-meter-progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 250px; height: 8px; }
body.onboard .password-strength-meter-progress::-webkit-progress-bar { background-color: #eee; border-radius: 3px; }
body.onboard .password-strength-meter-label { display: none; font-size: 14px; }
body.onboard .password-strength-meter-progress::-webkit-progress-value { border-radius: 2px; background-size: 35px 20px, 100% 100%, 100% 100%; }
body.onboard .strength-Faible::-webkit-progress-value { background-color: #f25f5c; }
body.onboard .strength-Minimale::-webkit-progress-value { background-color: #ffe066; }
body.onboard .strength-Medium::-webkit-progress-value { background-color: #247ba0; }
body.onboard .strength-Forte::-webkit-progress-value { background-color: #70c1b3; }
body.onboard .control-group { margin-right: 10px; margin-bottom: 20px; }
body.onboard .control-group:first-child { margin-left: 5px; }
body.onboard .control-group:nth-child(5) { margin-right: 0px; }
body.onboard .control-group #adrGarderie_txtPays { width: 150px; height: 35px; }
body.onboard .control-group #adrGarderie_txtState { width: 155px; height: 35px; }
body.onboard #gender { height: 35px; }
body.onboard #language { height: 35px; }
body.onboard .control-group #adrAdmin_txtPays { width: 150px; height: 35px; }
body.onboard .control-group #adrAdmin_txtState { width: 155px; height: 35px; }
body.onboard .control-group:nth-child(5) { width: 120px; }
body.onboard .onboard_enfants_row { border: 1px solid #ccc; padding: 14px 20px; border-radius: 9px; margin: 5px 0px; }
body.onboard .onboard_step { min-height: 290px; }
body.onboard .parents_choices { border-radius: 5px; background-color: #eee; padding: 10px 20px; margin-bottom: 20px; width: 250px; }
body.onboard .parents_choices a { cursor: pointer; }
.jdb_groupe .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle,
.journal_de_bord .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle { display: block; }
.observation_content_section { display: none; }
.observation_content_section.in { display: block; }
#observation_children_list_section .user_selection_list .user_card { width: 33%; float: left; min-height: 6.8em; position: relative; }
.portrait-app-container .user_selection_form .user_card { width: 33%; float: left; min-height: 6.8em; position: relative; }

#agenda-app-container .fullcalendar-legend-span.fullcalendar-legend-span__viewed {
  background-color: #069100;
  padding         : 3px 8px;
  border-radius   : 100%;
  margin-right    : 5px;
}


/* Agenda Timeline */
#agenda-app-container .timeline__agenda {
  position: relative;
  padding : 10px 10px 10px 50px;
}


#agenda-app-container .timeline__agenda::before {
  content         : "";
  width           : 3px;
  background-color: #003853;
  position        : absolute;
  top             : 0;
  bottom          : 0;
  left            : 15px;
}

#agenda-app-container #agenda-app-container .agenda__event::after {
  content      : "";
  background   : #fff;
  border       : 4px solid #003853;
  width        : 16px;
  height       : 16px;
  border-radius: 50%;
  position     : absolute;
  top          : 20px;
  left         : 9px;
}

#agenda-app-container .agenda__time {
  font-family  : "VAG Rounded Std Bold" !important;
  font-weight  : 800;
  font-size    : 14px;
  margin-bottom: 5px;


}

#agenda-app-container .agenda__type {
  font-family  : "VAG Rounded Std Bold" !important;
  font-weight  : 500;
  font-size    : 12px;
  margin-bottom: 5px;

}

#agenda-app-container .agenda__edit {
  font-family    : "VAG Rounded Std Bold" !important;
  font-weight    : 800;
  font-size      : 10px;
  margin-bottom  : 5px;
  text-decoration: underline;
  text-transform : uppercase;
  padding-left   : 15px;
}

#agenda-app-container .agenda_edit:hover {
  color: #27b7ea;
}

#agenda-app-container .el-dialog__title {
  font-family: "VAG Rounded Std Bold" !important;
  font-weight: 800;
  font-size  : 14px;

}

.agenda-form-nav-calendar-container h4,
#agenda-app-container .el-dialog__body h4 {
  margin-top    : 20px;
  margin-bottom : 15px;
  text-transform: capitalize;

}

.agenda-form-nav-calendar-container p,
#agenda-app-container .el-dialog__body p {
  margin-bottom : 5px;
  text-transform: capitalize;
  font-size     : 12px;
}

.agenda__measurable {
  font-family  : "VAG Rounded Std Bold" !important;
  font-weight  : 800;
  font-size    : 14px;
  margin-bottom: 5px;
}

.agenda__measurable-created {
  font-family: "VAG Rounded Std Bold" !important;
  font-weight: 200;
  font-size  : 12px;
  margin-top : 10px;
}

.agenda__measurable-container {
  display: inline-block;
}

.agenda-form-footer-container {
  margin-left : auto;
  margin-right: auto;
  margin-top  : 30px;
}

.agenda-form-footer-container .btn {
  margin-right: 10px;
  min-height  : 36px;
}

.agenda-form-footer-container .row .col {
  margin-left : auto;
  margin-right: auto;
  text-align  : center;
}

.agenda-form-element-container {
  text-align: center;

}

.agenda-form-section .fc-toolbar-title {
  padding   : 5px;
  text-align: center;
}

.agenda-form-section .fc-view-harness.fc-view-harness-active {
  height: 370px !important;
}

.agenda-form-section .fc-scroller {
  overflow: hidden !important;
}

.agenda-form-section .fc-col-header {
  width: 100%;
}

.agenda-form-section .agenda-form-change-date-calendar-container .el-dialog {
  width: 40% !important;
  z-index: 9999;
}
#agenda-app-container .col-lg-4.sticky__sidebar {z-index: 9;}
.agenda-config .v-modal {display: none; }
.agenda-config .el-dialog__wrapper {background-color: rgba(0,0,0,0.3);}

.agenda_status_container {
  display  : block;
  position : relative;
  width    : 100%;
  min-width: 100%;
}

.agenda_status_container .pill.sphere {
  width: 100%;
}

.agenda__status-row {
  width: 100%;
}

#rapports-app-container .el-form .col .user_search_form {
  border-bottom: none !important;
}

/* agenda main */

#agenda-app-container .user_full_name {
  display: block;
}

#agenda-app-container .date_label,
#agenda-app-container .group_label {
  color      : #afafaf;
  font-family: Raleway, sans-serif;
  display    : inline !important;
  font-size  : 12px;
}

#agenda-app-container .author_avatar .UserAvatar--ltr {
  width        : 20px;
  height       : 20px;
  border-radius: 100%;
  font-size    : 8px;
  display      : inline;
  padding      : 4px;
  margin-left  : 10px;
}

#agenda-app-container .author_avatar {
  display: inline;
}

#agenda-app-container .agenda_entry .user_full_name {
  margin-top: 5px;
}

.agenda__header-icon {
  margin-right: 20px;
}

.agenda_sideicons_container {
  width    : 100%;
  display  : flex;
  min-width: 100%;
}

.agenda__side-icons {
  padding         : 15px;
  background-color: #999;
  color           : white;
  margin          : 4px;
  font-size       : 15px !important
}

.agenda__side-icons.active {
  background-color:#2e8ece;
}

.agenda__select-button-row {
  display: block;
  width  : 100%;
}

.agenda__header-icon {
  position    : absolute;
  right       : 0;
  top         : -5px;
  margin-right: 20px;
}

.agenda_list .agenda_entry {
  display     : inline-block !important;
  margin-right: 10px;
  width       : 100%;
}

.agenda_banner_user_avatar {
  display: inline-block;
}

.nap_icons_container button i, .formula_icons_container button i {margin-right: 3px;}

/* Grid style */
.agenda_entry:not(.agenda__item--fullwidth) {
  text-align: center;
}

#agenda-app-container .UserAvatar:not(.agenda__item--fullwidth) {
  margin-right: 0;
}

.agenda__status-row:not(.agenda__item--fullwidth) {
  margin: 0 !important;
}

.agenda_sideicons_container:not(.agenda__item--fullwidth) {
  display     : block !important;
  margin-left : auto;
  margin-right: auto;
  text-align  : center;
}

.agenda_list .pill.sphere:not(.agenda__item--fullwidth) {
  display: block !important;
}

.agenda-form-container .el-input-number {
  width: 80px;
}

#agenda-app-container .el-input-number .el-input__inner {padding: 0 !important;}
.agenda-form-container .el-input-number__decrease, .agenda-form-container  .el-input-number__increase { width: 20px; } 

/* end grid style */
/* fullwidth style */

.agenda__item--fullwidth {
  display: grid !important;
  width  : 100%;
}

.agenda__item--fullwidth .status {
  display    : inline-block !important;
  margin-left: 10px;
}

.agenda__item--fullwidth .agenda_sideicons_container {
  margin-left : 0;
  margin-right: 0;
  text-align  : left;
}

.agenda__item--fullwidth .agenda_status_container {
  text-align: right;
  margin-top: -30px;
}



/* end fullwidth style */


.agenda__close-icon {
  position: absolute;
  right   : 10px;
  top     : 10px;
}

#agenda-app-container .enfant_card .user_info {
  margin-left: 10px;
}

span.agenda__checkbox-text {
  margin-right: 5px;
}

.agenda-list-checkbox .fa-check-square:before,
.agenda-list-checkbox .fa-square:before {
  font-size: 14px;
}

.agenda__item--fullwidth {
  min-width: 100% !important;
}

.agenda__checkbox-icons {
  margin-right: 5px;
}

.agenda__header-icon .el-button {
  width : 40px;
  height: 40px;
}

/* Responsive for agenda */

@media screen and (min-width: 412px) {
  #agenda-app-container .container {
    padding-left : 0;
    padding-right: 0;
  }

  #agenda-app-container .el-date-editor.agenda-date-picker.el-input.el-input--prefix.el-input--suffix.el-date-editor--date,
  #agenda-app-container .user_full_name,
  #agenda-app-container .user_group,
  #agenda-app-container .user_age,
  #agenda-app-container .educators__title,
  #agenda-app-container .educator-col h4 {
    margin-left: 0;
    transform  : none;
  }

  #agenda-app-container .el-date-editor.agenda-date-picker.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
    width: 100% !important;
  }

  .header__button:first-of-type,
  .header__button-delete,
  .header__button:last-of-type {
    border-radius: 5px;
    margin-bottom: 5px;
  }

  .agenda__form-title {
    text-align: center;
  }

  #agenda-app-container .user_selection_list .enfant_card {
    min-width: 100% !important;
  }

  #agenda-app-container .user_selection_list {
    height: 350px;
  }

  #agenda-app-container .user_search_form div {
    text-align   : center;
    width        : 100%;
    margin-bottom: 10px;
  }
  
  #agenda-app-container .selectChildLong .user_search_form div {
    text-align: center;
    margin-bottom: 10px;
  }

  #agenda-app-container .selectChildLong .user_search_form div input { width: 100%; }

  #agenda-app-container .fui-date-group {
    width        : 100%;
    margin-left  : auto;
    margin-right : auto;
    margin-top   : 20px;
    margin-bottom: 20px;
  }

  .agenda__header-icon {
    float        : right;
    margin-bottom: 10px;
    margin-right : -5px;
  }

  .agenda-list-section .btn-bar {
    display        : block !important;
    margin-right   : auto;
    margin-left    : auto;
    justify-content: center;
    text-align     : center;
  }

  .agenda__item--fullwidth {
    width: 100% !important;
  }

  .agenda_list .agenda_entry {
    width    : 46%;
    min-width: 46%;
  }
  
}


@media screen and (min-width: 576px) {

  #agenda-app-container .dateRangePicker {
    margin-left : auto;
    margin-right: auto;
  }

  .header__buttons {
    margin       : 0;
    transform    : none;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
  }

  #agenda-app-container .user_selection_list .enfant_card {
    min-width: 100% !important;
  }

  .agenda_list .agenda_entry {
    width    : 46%;
    min-width: 46%;
  }

  #agenda-app-container .user_selection_list {
    height: 550px;
  }

  #agenda-app-container .fui-date-group {
    width        : 100%;
    margin-left  : auto;
    margin-right : auto;
    margin-top   : 20px;
    margin-bottom: 20px;
  }

  .agenda__header-icon {
    float        : right;
    margin-bottom: 10px;
    margin-right : -5px !important;
  }

  .agenda-list-section .btn-bar {
    display: block !important;
  }

  .agenda-list-section .btn-bar .btn {
    font-size: 14px;
  }


  .agenda__item--fullwidth {
    width: 100% !important;
  }

  .agenda__item--fullwidth .agenda_status_container {
    min-width: 50% !important;
    width    : 50% !important;
    position : absolute;
    right    : 10px;
    bottom   : 10px;
  }

  .agenda__item--fullwidth .agenda_sideicons_container {
    margin-left : 0 !important;
    margin-right: 0 !important;
  }

  .agenda-list-section .btn-bar .btn {
    font-size: 1em;
  }

  .agenda-list-section .btn-bar {
    text-align: left;
  }
}

@media screen and (min-width: 992px) {

  #agenda-app-container .dateRangePicker {
    margin-left : 0;
    margin-right: 0;
  }

  .header__buttons {
    padding   : 0;
    text-align: left;
    margin-top: 70px;
  }

  .agenda__header-icon {
    margin-right: -10px;
  }

  #agenda-app-container .el-date-editor.agenda-date-picker.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
    width      : 50% !important;
  }

  #agenda-app-container .user_selection_list .enfant_card {
    min-width: 100% !important;
  }

  #agenda-app-container .enfant_card .user_full_name {
    text-align : left;
    margin-left: 0;
    transform  : none;
  }

  .agenda_list .agenda_entry {
    width    : 47% !important;
    min-width: 47%;
  }

  #agenda-app-container .user_search_form div {
    text-align   : center;
    width        : 100%;
    margin-bottom: 10px;
  }

  #agenda-app-container .fui-date-group {
    width        : 100%;
    margin-left  : auto;
    margin-right : auto;
    margin-top   : 20px;
    margin-bottom: 20px;
  }

  .agenda-list-section .btn-bar {
    display        : block !important;
    margin-right   : auto;
    margin-left    : auto;
    justify-content: center;
    text-align     : left;

  }

  .agenda_entry.agenda__item--fullwidth {
    width: 100% !important;
  }

  .agenda-list-section .btn-bar .btn {
    font-size: 1.3em;
  }

}

/* Sticky sidebars */
#agenda-app-container .sticky__sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  height: 100%;
}

#agenda-app-container .scrollable__content {height:100%;}

 /* end of sticky sidebars */ 
@media screen and (max-width: 992px) {

  #agenda__group .el-dialog, .agenda-form-predefined-messages-container .el-dialog {
    min-width: 50% !important;
    width: 50%; 
    }

  #agenda__group .group-agenda__apply-to-all {
      padding: 2px !important;
      min-width: 130px;
      }

  .sorties__first-column,
  .sorties__second-column,
  .sorties__third-column,
  .sorties__last-column {
    text-align: center !important;
  }

  .sorties__second-column {
    border: none;
  }

  #agenda-app-container .sticky__sidebar {
    position: relative;
  }

  #agenda__group .group-agenda__apply-to-all {
    transform: translateX(-10px);
  }

    .tox-tinymce {
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
    }

    .bubble-author .tox.tox-tinymce {
      margin-left: auto;
    margin-right: auto;
    width: 90%;
    }

    #agenda__group .group-agenda-measurable-elements__container {
      width: 50% ;
      display: inline-block;
    }
}


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

  .agenda_entry .agenda_sideicons_container {
    margin-left : auto;
    margin-right: auto;
  }

  .agenda__item--fullwidth {
    width: 100% !important;
  }

  .agenda-list-section .btn-bar .btn {
    font-size: 1.3em;
  }

}



.group-agenda-health-notes-form-container .replacement a .bg-span,
.presence-card-component .user_card .actions .confirmed a .bg-span,
.group-agenda-health-notes-form-container .present a .bg-span,
.group-agenda-health-notes-form-container .late a .bg-span {
  background-color: #0a0;
  border-radius   : 100%;
  width           : 40px;
  height          : 40px;
}

.group-agenda-health-notes-form-container .vacances a .bg-span {
  background-color: #1385c8;
  border-radius   : 100%;
  width           : 40px;
  height          : 40px;
}

.group-agenda-health-notes-form-container .absent a .bg-span {
  background-color: #ff0000;
  border-radius   : 100%;
  width           : 40px;
  height          : 40px;
}

.group-agenda-health-notes-form-container .present a .bg-span {
  background-color: #0a0;
  border-radius   : 100%;
  width           : 40px;
  height          : 40px;
}

#print-sommaire-btn {
  float        : right;
  margin-bottom: 5px;
  font-size    : 0.7em;
  background   : #ddd;
  border       : none;
  color        : #222;
  line-height  : normal;
}

@media print {

  body.printing .user_search_form,
  body.printing .user_selection_list,
  body.printing .presence-sommaire .tabs,
  body.printing #cal_semaine,
  body.printing #print-sommaire-btn {
    display: none;
  }

  body.printing #presences_sommaire_inner {
    display: table;
  }
}

#porte-documents-container .open-file-stats {
  position: absolute;
  top     : 0px;
  left    : 38px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .file-name {
  position  : absolute;
  top       : 45px;
  left      : 0;
  width     : 100px;
  word-wrap : break-word;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  cursor    : pointer;
}

#porte-documents-container .file-name {
  position  : absolute;
  top       : 45px;
  left      : 0;
  width     : 100px;
  word-wrap : break-word;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  cursor    : pointer;
}

#porte-documents-container .file-name.draggable {
  cursor: grab;
}

#porte-documents-container .edit-file {
  position: absolute;
  top     : 0px;
  left    : 10px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .delete-file {
  position: absolute;
  top     : 0px;
  left    : 65px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .edit-directory {
  position: absolute;
  top     : 0px;
  left    : 45px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .delete-directory {
  position: absolute;
  top     : 0px;
  left    : 75px;
  width   : 23px;
  cursor  : pointer;
}

#porte-documents-container .directory-name {
  position  : absolute;
  top       : 30px;
  left      : 10px;
  width     : 80px;
  word-wrap : break-word;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}

#porte-documents-container .children-directories-list {
  overflow-y: scroll;
  height    : 760px;
}

#porte-documents-container .porte-documents-files-container {
  margin-left: 10px;
  width      : 60%;
}

#porte-documents-container .child-directory-container {
  display : block;
  position: relative;
}

#porte-documents-container .file-container {
  display : inline-block;
  position: relative;
}

#porte-documents-container .file-link,
#porte-documents-container .directory-link {
  width  : 100px;
  cursor : pointer;
  display: inline-block;
}

#porte-documents-container .add-new-child-directory-button,
#porte-documents-container .add-new-file-button {
  width : 50px;
  cursor: pointer;
}

#porte-documents-container .pd-go-to-target,
#porte-documents-container .file-link {
  color : #08c;
  cursor: pointer;
}

#porte-documents-container .file-link.draggable {
  cursor: grab;
}

.modal-template-element,
#porte-documents-container .add-new-file-section,
#porte-documents-container .add-new-file-button,
#porte-documents-container .cancel-new-file-section,
#porte-documents-container .cancel-new-file-button,
#porte-documents-container .add-new-child-directory-button {
  display: none;
}

.modal .modal-template-element,
#porte-documents-container .add-new-file-button.active,
#porte-documents-container .cancel-new-file-button.active,
#porte-documents-container .add-new-child-directory-button.active {
  display: inline-block;
}

#porte-documents-container .add-new-file-section.active,
#porte-documents-container .confirm-delete-section.active {
  display: block;
}

.infoSupp .horaire-periods-container {
  display: none;
}

.infoSupp .horaire-periods-container.active {
  display: block;
}

ul.possibilities {
  list-style-type: none;
}

ul.possibilities>li {
  width     : 30%;
  min-width : 300px;
  float     : left;
  margin    : 20px 1% 30px 1%;
  min-height: 230px;
}

ul.possibilities>li:hover .front {
  box-shadow: 2px 2px 10px #aaa;
}

ul.possibilities li .front {
  display: block;
  cursor : pointer;
  padding: 20px;
  height : 100%;
}

ul.possibilities li .front .logo,
ul.possibilities li .front .partner {
  text-align : center;
  font-weight: bold;
}

ul.possibilities li .back {
  display: none;
}

ul.possibilities li.open .back {
  display: block;
  height : 100%;
}

ul.possibilities li.open .front {
  display: none;
}

ul.possibilities li.open .back {
  box-shadow         : 2px 2px 10px #aaa;
  padding            : 20px;
  background-repeat  : no-repeat;
  background-position: 95% center;
  background-size    : 80px;
  min-height         : 230px;
}

ul.possibilities li.open .back p {
  font-size : 10px;
  text-align: center;
}

ul.possibilities li.open.amilia .back {
  background-image: url("/images/integrations/amilia.jpg");
}

ul.possibilities li.open.logicentre .back {
  background-image   : url("/images/integrations/logicentre.jpg");
  background-position: 95% top;
}

ul.possibilities li.open.logicentre .back p {
  padding-right: 80px;
  text-align   : left;
}

ul.possibilities li.open.acceo .back {
  background-image   : url("/images/integrations/acceo.jpg");
  background-position: 95% top;
}

ul.possibilities li.open.acceo .back p {
  padding-right: 80px;
  text-align   : left;
}

ul.possibilities li.open.qidigo .back {
  background-image   : url("/images/integrations/qidigo.jpg");
  background-position: 95% top;
}

ul.possibilities li.open.qidigo .back p {
  padding-right: 80px;
  text-align   : left;
}

ul.possibilities li.open.place05 .back {
  background-image: url("/images/integrations/place05.jpg");
}

ul.possibilities li.open.planitou .back {
  background-image: url("/images/integrations/planitou.jpg");
}

ul.possibilities li.open.twilio .back {
  background-image: url("/images/integrations/twilio.jpg");
}

ul.possibilities li.open.wordpress .back {
  background-image: url("/images/integrations/wordpress.jpg");
}

ul.possibilities .ak {
  background-color: rgba(255, 255, 255, 0.8);
}

#calendar .fc-scroller {
  min-height: 620px;
}

#calendar .fc-event {
  border       : none;
  border-radius: 0px;
  padding      : 4px !important;
}

#calendar .fc-event.closed.passed,
#calendar .fc-event.open.passed {
  background-color: #eee;
  color           : #eee;
}

#calendar .fc-button-group>.fc-button {
  background-color: #1385c8;
  border-color    : #1385c8;
}

#calendar .fc-list-item.reservations-period.passed {
  opacity: 0.4;
}

body.onboard .onboard_modal_footer {
  position       : relative;
  bottom         : 9px;
  display        : flex;
  justify-content: flex-end;
  width          : 100%;
  right          : 16px;
}

body.onboard .ui.steps {
  display       : inline-flex;
  flex-direction: row;
  align-items   : stretch;
  margin        : 1em 0;
  background    : "";
  box-shadow    : none;
  line-height   : 1.14285714em;
  border-radius : 0.28571429rem;
  border        : 1px solid rgba(34, 36, 38, 0.15);
  width         : 100%;
  text-align    : center;
}

body.onboard .ui.steps .step {
  cursor         : pointer;
  position       : relative;
  display        : flex;
  flex           : 1 0 auto;
  flex-wrap      : wrap;
  flex-direction : row;
  vertical-align : middle;
  align-items    : center;
  justify-content: center;
  margin         : 0 0;
  padding        : 1.14285714em 2em;
  background     : #fff;
  color          : rgba(0, 0, 0, 0.87);
  box-shadow     : none;
  border-radius  : 0;
  border         : none;
  border-right   : 1px solid rgba(34, 36, 38, 0.15);
  transition     : background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
}

body.onboard .ui.steps .step:after {
  display         : block;
  position        : absolute;
  z-index         : 2;
  content         : "";
  top             : 50%;
  right           : 0;
  border          : medium none;
  background-color: #fff;
  width           : 1.14285714em;
  height          : 1.14285714em;
  border-style    : solid;
  border-color    : rgba(34, 36, 38, 0.15);
  border-width    : 0 1px 1px 0;
  transition      : background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transform       : translateY(-50%) translateX(50%) rotate(-45deg);
  box-sizing      : inherit;
}

body.onboard .ui.steps .title {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size  : 1.14285714em;
  font-weight: 700;
}

body.onboard .ui.steps .step .description {
  margin-top: 0.25em;
}

body.onboard .ui.steps .disabled.step,
body.onboard .ui.steps .disabled.step .description,
body.onboard .ui.steps .disabled.step .title {
  color: rgba(40, 40, 40, 0.3);
}

body.onboard .ui.steps .disabled.step {
  cursor        : auto;
  background    : #fff;
  pointer-events: none;
}

body.onboard .navbar {
  margin-bottom: 30px;
}

body.onboard .navbar #navbar-inner {
  display: none;
}

body.onboard .phone_ext {
  border       : none;
  border-bottom: solid 1px #000;
}

body.onboard label {
  font-weight: bold;
}

body.onboard .onboard_step h2 {
  font-size: 24px;
}

body.onboard #onboard_newpassword.error {
  border: solid 2px red;
}

body.onboard .password-strength-meter {
  text-align: left;
}

body.onboard .password-strength-meter-progress {
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  width             : 250px;
  height            : 8px;
}

body.onboard .password-strength-meter-progress::-webkit-progress-bar {
  background-color: #eee;
  border-radius   : 3px;
}

body.onboard .password-strength-meter-label {
  display  : none;
  font-size: 14px;
}

body.onboard .password-strength-meter-progress::-webkit-progress-value {
  border-radius  : 2px;
  background-size: 35px 20px, 100% 100%, 100% 100%;
}

body.onboard .strength-Faible::-webkit-progress-value {
  background-color: #f25f5c;
}

body.onboard .strength-Minimale::-webkit-progress-value {
  background-color: #ffe066;
}

body.onboard .strength-Medium::-webkit-progress-value {
  background-color: #247ba0;
}

body.onboard .strength-Forte::-webkit-progress-value {
  background-color: #70c1b3;
}

body.onboard .control-group {
  margin-right : 10px;
  margin-bottom: 20px;
}

body.onboard .control-group:first-child {
  margin-left: 5px;
}

body.onboard .control-group:nth-child(5) {
  margin-right: 0px;
}

body.onboard .control-group #adrGarderie_txtPays {
  width : 150px;
  height: 35px;
}

body.onboard .control-group #adrGarderie_txtState {
  width : 155px;
  height: 35px;
}

body.onboard #gender {
  height: 35px;
}

body.onboard #language {
  height: 35px;
}

body.onboard .control-group #adrAdmin_txtPays {
  width : 150px;
  height: 35px;
}

body.onboard .control-group #adrAdmin_txtState {
  width : 155px;
  height: 35px;
}

body.onboard .control-group:nth-child(5) {
  width: 120px;
}

body.onboard .onboard_enfants_row {
  border       : 1px solid #ccc;
  padding      : 14px 20px;
  border-radius: 9px;
  margin       : 5px 0px;
}

body.onboard .onboard_step {
  min-height: 290px;
}

body.onboard .parents_choices {
  border-radius   : 5px;
  background-color: #eee;
  padding         : 10px 20px;
  margin-bottom   : 20px;
  width           : 250px;
}

body.onboard .parents_choices a {
  cursor: pointer;
}

.jdb_groupe .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle,
.journal_de_bord .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle {
  display: block;
}

.observation_content_section {
  display: none;
}

.observation_content_section.in {
  display: block;
}

#observation_children_list_section .user_selection_list .user_card {
  width     : 33%;
  float     : left;
  min-height: 6.8em;
  position  : relative;
}

.portrait-app-container .user_selection_form .user_card {
  width     : 33%;
  float     : left;
  min-height: 6.8em;
  position  : relative;
}

/*#portrait-app-container .item_entries_list .item_entry { margin-left: 15px; }*/
#portrait-app-container .grouped {
  background: rgba(19, 133, 200, 0.05);
}

#portrait-form-observation-list .item_entries_list .item_entry {
  margin-left: 0;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container {
  display: grid;
  grid-template-areas:
    "status date sphere"
    "status desc desc";
  grid-template-columns: 30px 1fr auto;
  gap                  : 20px;
  padding              : 20px;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container.group {
  display: grid;
  grid-template-areas:
    "status date sphere sphere"
    "status desc desc desc";
  grid-template-columns: 30px 1fr auto auto;
  gap                  : 20px;
  padding              : 20px;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .item-content {
  grid-area: desc;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .date {
  color      : #afafaf;
  font-size  : 15px;
  font-family: "VAG Rounded Std Light";
  grid-area  : date;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .status {
  grid-area      : status;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  flex-direction : column;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .tools {
  grid-area      : tools;
  display        : flex;
  align-items    : baseline;
  justify-content: flex-end;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .status input[type="checkbox"] {
  transform: none;
  margin   : 0;
  filter   : none;
  width    : 15px;
  height   : 15px !important;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .observation-category-select {
  grid-area  : sphere;
  display    : flex;
  align-items: flex-start;
  margin     : 0;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .observation-category-select select {
  width        : 300px;
  padding      : 5px 10px;
  border-radius: 5px !important;
  border       : 1px solid rgba(0, 0, 0, 0);
  height       : 45px !important;
  background   : rgba(19, 134, 200, 0.05);
  height       : 45px;
  margin-bottom: 5px;
}

#portrait-form-observation-list .item_entries_list .item_entry .observation-container .observation-category-select select:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#portrait-form-observation-list .item_entries_list .item_entry textarea {
  border     : none;
  resize     : none;
  box-shadow : none;
  font-family: "Raleway", sans-serif;
  font-size  : 15px;
  text-align : justify;
  width      : 100% !important;
  height     : 100%;
  min-height : 100px;
  padding    : 10px 10px 20px 0;
}

#portrait-app-container .titreLong.titre-context {
  font-size: 20px !important;
}

.group-agenda-health-notes-form-container .maladie a .bg-span {
  background-color: #f29600;
  border-radius   : 100%;
  width           : 40px;
  height          : 40px;
}

/* Groupe */

.group-agenda__form-menu-col {
  position: sticky;
  height: 80%;
  top: 0;
}

.group-agenda-measurable-elements__row {
  margin: 0 !important;
}

.group-agenda-measurable-elements-single__container {
  padding-left: 30px;
}

.group-agenda-form-menu-list {
  height       : 100%;
  border-radius: 10px;
}

.group-agenda-form-menu-list {
  padding: 40px 0;
  width: 200px;
  color: #0082c8;
}



.group-agenda-form-menu-list-item {
  position          : relative;
  padding           : 10px;
  color             : #000;
  font-family       : "VAG Rounded Std Bold";
  -webkit-transition: all .3s;
  -moz-transition   : all .3s;
  transition        : all .3s;
  font-size         : 0.8em;
  letter-spacing    : 0.3px;
  text-transform: capitalize;
}


.group-agenda-form-menu-list {
  list-style   : none;
  counter-reset: item;
}

.group-agenda-form-menu-list li {
  counter-increment: item;
}

.group-agenda-form-menu-list li:before {
  margin-right  : 10px;
  content       : counter(item);
  background    : transparent;
  border        : 2px solid #0082c8;
  border-radius : 100%;
  color         : #0082c8;
  text-align    : center;
  padding       : 4px;
  font-size     : 0.5em;
  width         : 20px;
  height        : 20px;
  font-weight   : 600;
  vertical-align: middle;
  display       : inline-block;
  line-height   : 10px;
}

.group-agenda-form-menu-list li.active:before {
  margin-right  : 10px;
  content       : counter(item);
  background    : #003652;
  border-radius : 100%;
  color         : #003652;
  display       : inline-block;
  text-align    : center;
  vertical-align: middle;
  line-height   : 10px;
}

.group-agenda-form-menu-list-item.active {
  background-color: #fff;
  box-shadow      : 0px -3px rgba(0, 0, 0, 0.2), 0px 3px rgba(0, 0, 0, 0.2);
  color           : #1385c8;

}

.group-agenda-form-menu-list-item.active a {
  color: #1385c8;

}

.group-agenda-form-menu-list-item a {
  text-decoration: none;
  color          :  #000;

}

.group-agenda-form-menu-list-item a {
  padding: 0 20px;
}

.group-agenda-form-menu-list-item.active::before {
  content         : "";
  background-color: transparent;
  color           : white !important;
  border          : 2px solid #003652;

}


.group-agenda-form-menu-list-item:not(.active):hover,
.group-agenda-form-menu-list-item:not(.active):focus {
  background  : #003652;
  color       : #FFF;
  padding-left: 25px;
  border-radius: 5px;
}

.group-agenda-form-menu-list li:hover::before {
  color: white;
  border-color: white;
}

#agenda__group h2 {
  font-size: 26px;
}

#agenda__group .scrollable__row {
  border: none;
  height: 100%;
}

#agenda__group .group-agenda__child-name {
  display     : inline-block;
  transform   : translateY(-20px);
  padding-lefT: 10px;
  font-weight : 600;
  font-family : "Raleway bold", sans-serif;
}

#agenda__group .group_agenda__container {
  padding-bottom: 30px;
}

#agenda__group .row.group_agenda_naps__row {
  display     : block;
  margin-left : auto;
  margin-right: auto;
  text-align  : center;
  color       : #555;
}

.timeline-agenda__row {}

.add__agenda {
  text-align: center;
}

.timeline__agenda {}

#agenda__group .bubble-author {
  background-color: transparent;
}

#agenda__group .group_agenda_message__container,
#agenda__group .group_agenda_health_note__container {
  display: block;
  width  : 100%;
}

#agenda__group .bubble {
  margin-left: 30px;
}

#agenda__group .author__col {
  margin-top: 5px;
}

#agenda__group .apply-all__row {
  margin       : 0;
  margin-left  : 20px;
  font-size    : 10px;
  margin-top   : 5px;
  margin-bottom: 30px;
}

#agenda__group .group-agenda__apply-to-all i {
  margin-right: 10px;
}

#agenda__group .group-agenda__apply-to-all {
  padding     : 0.375rem 0.75rem;
  margin-left : auto;
  margin-right: auto;

}

.group-agenda-form-menu-list-item.active::before {
  content         : "";
  background-color: transparent;
  color           : white !important;
  border          : 2px solid #0081c6;
  margin-right    : 2px;
}

.el-collapse-item__header .far,
.el-collapse-item__header .fas {
  margin-right: 10px;
}

.group-agenda__section-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.group-agenda__section-title i {
  margin-right: 5px;
  font-size: 22px;
}

#agenda__group .col-lg-6 h4 font font {
  font-size: 14px;
  line-height: 22px;
  padding-left: 5px;
}

/* (0) Measurable Elements */

#agenda__group .group-agenda-measurable-elements-single__container {
  width: 100%;
}

#agenda__group .measurable_element__col {
  display: flex;
  width  : 100%;
}

#agenda__group .row.measurable_element__row {
  margin-top: 30px;
}

#agenda__group .agenda__measurable-created,
.created__label {
  margin-top: 10px;
}

#agenda__group .measurable__col,
#agenda__group .measurable_element__col {
  margin-left : auto;
  margin-right: auto;
  text-align  : center;
}

#agenda__group .timeline-agenda__row {margin-top: 0 !important;}

#agenda__group .group-agenda-measurable-elements__container {
  width: 50%;
  display: inline-block;
}

/* (1) Enfants */

#agenda__group .group-agenda__enfants {
  margin-left : auto;
  margin-right: auto;
  text-align  : center;

}

#agenda__group .UserAvatar {
  display: inline-block;
}


#agenda__group .absent .svg-span {
  padding: 6px;
  font-family: "VAG Rounded Std Bold";
}
#agenda__group .present .svg-span {
padding: 6px;
font-family: "VAG Rounded Std Bold"} 

#agenda__group .absent a,
#agenda__group .maladie a,
#agenda__group .vacances a, 
#agenda__group .present a{
  display: grid;
 
}



#agenda__group .bg-span {
  text-align : center;
  line-height: 40px;
  margin:auto;
  color        : white;
  margin-bottom: 5px;
}

#agenda__group .maladie .svg-span {
  padding: 6px;

  font-family: "VAG Rounded Std Bold";
}

#agenda__group .vacances .svg-span {
  padding: 6px;

  font-family: "VAG Rounded Std Bold";
}

#agenda__group .row .group_agenda__row .el-divider--horizontal {
  margin-bottom: 40px;
}

#agenda__group .el-divider__text.is-left {
  left: 0;
  font-size:13px;
  font-weight: 600;
}

#agenda__group .present a .bg-span {
  mask-image: linear-gradient(rgba(0, 0, 0, 1.0), transparent);
  -webkit-mask: url(/images/presence/check.svg) no-repeat 100% 100%;
  mask: url(/images/presence/check.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #0a0;
}

#agenda__group .present a .icon__border {
  outline: 2px solid #0a0;
  display: flex;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}


#agenda__group .absent a .bg-span {
  -webkit-mask: url(/images/presence/absent.svg)  no-repeat 100% 100%;
  mask: url(/images/presence/absent.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #ff0000;
}

#agenda__group .absent a .icon__border {
  outline: 2px solid #ff0000;
  display: flex;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

#agenda__group .maladie a .bg-span {
  -webkit-mask: url(/images/presence/sick.svg) no-repeat 100% 100%;
  mask: url(/images/presence/sick.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #f29600;
}


#agenda__group .maladie a .icon__border {
  outline: 2px solid #f29600;
  display: flex;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

#agenda__group .vacances a .bg-span {
  -webkit-mask: url(/images/presence/vacation.svg) no-repeat 100% 100%;
  mask: url(/images/presence/vacation.svg) no-repeat 100% 100%;
  background-color: #1385c8;
}

#agenda__group .vacances a .icon__border {
  outline: 2px solid #1385c8;
  display: flex;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

#agenda__group .agendaform__icon {font-size: 20px; vertical-align: middle; margin-bottom: 5px;}
#agenda__group .agendaform__icon font font {margin-left: 5px; text-transform: capitalize;}

  /* Selection of the status */ 

#agenda__group .absent.col.selected:before,
#agenda__group .maladie.col.selected:before,
#agenda__group .vacances.col.selected:before, 
#agenda__group .present.col.selected:before {   
  content: " ";
  width: 20px;
  height: 20px;
  background-image: url(/images/present.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -5px;
  left: 15px;
  transition: all 1s ease-in;
}
#agenda__group .present.col.selected a .bg-span {
  mask: none;
  -webkit-mask: none;
  background: url(/images/presence/check.svg);
  background-color: #0a0;
}

#agenda__group .absent.col.selected a .bg-span {
  mask: none;
  -webkit-mask: none;
  background: url(/images/presence/absent.svg);
  background-color: #ff0000;
}

#agenda__group .maladie.col.selected a .bg-span {
  mask: none;
  -webkit-mask: none;
  background: url(/images/presence/sick.svg);
  background-color: #f29600;
}

#agenda__group .vacances.selected a .bg-span {
  mask: none;
  -webkit-mask: none;
  background: url(/images/presence/vacation.svg);
  background-color: #1385c8;
}

/*Hover effects */

#agenda__group .absent:not(.selected) a .icon__border:hover,
#agenda__group .maladie:not(.selected) a .icon__border:hover,
#agenda__group .vacances:not(.selected) a .icon__border:hover, 
#agenda__group .present:not(.selected) a .icon__border:hover {
box-shadow: #0a0 0px 0px 10px;
border-radius:100%;
transition: all 0.2s ease-in-out;
cursor: pointer;

}

#agenda__group .col:not(.selected) a:hover font font {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

#agenda__group .col.selected a font font {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  font-weight: 600;
}

/* (2) Sorties  */

#agenda__group .group_agenda_recess__row .el-divider {
  margin-bottom: 40px;
}

#agenda__group .group_agenda_recess__row h4 {
  margin-top    : 15px;
  margin-bottom : 5px;
  text-transform: capitalize;
  vertical-align: bottom;
}


#agenda__group .group_agenda_recesse__form-column {
  text-align: center;
}

#agenda__group .group-agenda__apply-to-all { 
  margin-top: 10px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;

}

.group_agenda_recesse_form__icon {font-size: 20px;}

.group_agenda_recess__container {
  width: 50%;
  display: inline-block;
}

#agenda__group .el-input-number {width: 120px; }

/* (3) Besoins */

#agenda__group .group_agenda_potty__row h5 {
  margin-top: 20px;
}

.group_agenda_potty__container {
  width: 50%;
  display: inline-block;
}

/* (4) Siestes */

#agenda__group .group_agenda_naps__row .el-button {
  text-align: center;
}

#agenda__group .group_agenda_naps__row>div {
  position    : relative;
  margin-left : auto;
  margin-right: auto;

}

#agenda__group .group_agenda_naps__row h3 {
  font-size  : 14px;
  line-height: 24px;
  margin-top : 10px;
}


#agenda__group .nap-date-time {
  display: flex;
  align-items: center;
  justify-content: center;
}
#agenda__group .group__agenda-nap-start {margin-right: 10px; margin-top: 10px; }
#agenda__group .group__agenda-nap-end {margin-top: 10px;}
#agenda__group .el-select {margin-bottom: 20px;}
.group_agenda_naps__container {
  width: 50%;
  display: inline-table;
}

/* (5) Biberons */

#agenda__group .group_agenda_formulas__row>div {
  position    : relative;
  margin-left : auto;
  margin-right: auto;
  width       : 100%;
}

.row .group-agenda-formulas-form-container {
  display   : block;
}

.row.group_agenda_formulas__row {
  text-align: center;
}

.agenda-group__mobile-menu {
  visibility: hidden;
}

.group_agenda_formulas__container {

  width: 50%;
  display: inline-block;

}
/* Files */ 
.group_agenda_file__container {

  width: 50%;
  display: inline-block;
  padding-right: 5px;
}

/* Agenda Group Responsive | 
To be consolidated with other responsive rules in the future */

@media screen and (min-width: 1900px) {}

@media screen and (min-width: 1160px) {

  #agenda__group .group_agenda__container {
    width  : 50%;
    display: inline-block;
  }


}

@media screen and (min-width: 992px) {

  #agenda__group .group_agenda__container {
    width  : 50%;
    display: inline-block;
  }


}

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

  #agenda__group .col-sm-9 {
    flex: 0 0 100%;
  }


  #agenda__group .group-agenda-measurable-elements__container {
    width: 100%;
    display: block;
  }

  #agenda__group .col-sm-3 {
    width       : 100%;
    max-width   : 100%;
    margin-left : auto;
    margin-right: auto;
  }

  #agenda__group .group-agenda-measurable-elements-single__container {
    width       : 100%;
    margin-left : auto;
    margin-right: auto;
  }

  #agenda__group .group-agenda__form-menu-col .group-agenda-form-menu-list {
    display: none;
  }

  #agenda__group .group-agenda__form-menu-col {
    width    : 0 !important;
    max-width: 0 !important;
    margin   : 0 !important;
    z-index: 999;
  }

  #agenda__group .group_agenda_message__container,
  #agenda__group .group_agenda_health_note__container {
    margin-left : 10px;
    margin-right: 10px;
  }

  #agenda__group .message__col
  {
    width: 20%;
  }

 
  #agenda__group .author__col {
    width: 80%;
  }

  #agenda__group .col-sm-9 {
    width       : 100%;
    max-width   : 100%;
    margin-left : auto;
    margin-right: auto;
  }

  #agenda__group h2 {
    margin-top: 40px;
  }

  .footer-module .btn-bar {
    justify-content: center;
  }

  .group-agenda-form-menu-list {
    margin-left : auto;
    margin-right: auto;
  }

  .agenda-group__mobile-menu {
    visibility   : visible;
    margin-bottom: 30px;
    position     : fixed !important;
    bottom       : 0;
    position     : -webkit-sticky;
    z-index      : 10;
    margin-left  : 50%;
    transform    : translateX(-50%);
  }



  

}
@media screen and (max-width: 650px) {

  .group_agenda_formulas__container,
  .group_agenda_file__container,
  .group_agenda_naps__container,
  .group_agenda_potty__container,
  .group_agenda_recess__container {
    width: 100%;
    display: block;
  }

}
@media screen and (max-width: 576px) {
  .group-agenda__final-col {
    transform: translateY(-50%) !important;
    width: 100% !important;
  }

  #agenda__group .col-sm-3 {
    width    : 100%;
    max-width: 100%;

  }

  #agenda__group .col-sm-9 {
    width    : 100%;
    max-width: 100%;
  }

  #agenda__group h2 {
    margin-top: 40px;
  }

}

@media screen and (max-width: 412px) {
  #agenda__group h2 {
    margin-top: 40px;
  }

  .footer-module .btn-bar {
    justify-content: center;

  }
}

/* Measurable Element */

#agenda__group .icon_wrapper, .agenda-form-element-container .icon_wrapper {
  border       : 3px solid;
  border-radius: 100%;
  width        : 40px;
  height       : 40px;
  padding      : 0;
}

#agenda__group .icon_wrapper img, .agenda-form-element-container .icon_wrapper img {
  width : auto;
  height: 15px;
}

#agenda__group .measurable-element__rating, .agenda-form-element-container .measurable-element__rating {
  opacity: 0.3;
  display: inline-block;
  cursor : pointer;
}

#agenda__group .measurable-element__rating.active, .agenda-form-element-container .measurable-element__rating.active {
  opacity: 1;
}

#agenda__group .rating:not(.measurable__element--disabled) li.measurable-element__rating:hover, .agenda-form-element-container .rating:not(.measurable__element--disabled) li.measurable-element__rating:hover {
  opacity: 1;
}

#agenda__group li.measurable-element__rating, .agenda-form-element-container li.measurable-element__rating {

  display: inline-block;

}

#agenda__group .list, .agenda-form-element-container .list {
  display: flex;
}

#agenda__group .rating, .agenda-form-element-container .list {
  margin-left : auto;
  margin-right: auto;
}

/* Status for (1) Children */ 

#agenda__group .status-4, #agenda__group .status-3, #agenda__group .status-2, #agenda__group .status-1, #agenda__group .status-, #agenda__group .status-0 {
  height: 100%;
  width: 100%;
  border: 4px solid black;
  border-radius: 100%;
}

#agenda__group .status-0 {
  border-color: #ff0000;
}

#agenda__group .status-1 {
  border-color: #0a0;
}

#agenda__group .status-2 {
  border-color: #f29600;
}

#agenda__group .status-4 {
  border-color: #1385c8;
}

/* El Dialog for predefined messages */ 


#agenda__group .el-dialog__body p, .agenda-form-predefined-messages-container .el-dialog__body {
  overflow-y: auto;
  max-height: 400px;
}

#agenda__group .el-dialog__body p:hover, .agenda-form-predefined-messages-container .el-dialog__body p:hover  {
cursor:pointer;
color: #fff;
transform: scale(1.05);
z-index: 99;
transition: .2s all ease-in-out
}

#agenda__group .el-dialog__body p, .agenda-form-predefined-messages-container .el-dialog__body p{
    display: block;
    position: relative;
    font-size: 1em;
    width: auto;
    transition: .2s all ease-in-out;
    font-family: "VAG Rounded Std Bold";
    border: 1px solid #ccc;
    padding: 15px;
    text-align: left;
    margin: 0;
  
}
#agenda__group .el-dialog__body p, .agenda-form-predefined-messages-container .el-dialog__body p {
  display       : block;
  position      : relative;
}


#agenda__group .el-dialog__body p:hover::before, .agenda-form-predefined-messages-container .el-dialog__body p:hover {
  background-color: #0082c8;
  color: white;
  border-color: #003652;
}

.add-predefined-messages__button {
  margin-top: 10px;
}

.add-predefined-messages__button:hover {
  background-color: #0082c8;
  transition      : .5s all ease-in-out
}

/* hover for menu */

.group-agenda-form-menu-list-item:hover {
  cursor: pointer;
}

/* Personalized messages */

.group-agenda-custom-messages-single__container {
  width: 100%;
}

/* Group Agenda Final */
.group-agenda__final-col {
  text-align: left;
  margin-top: 50%;
  transform: translateY(-100%);
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.group-agenda__final .btn {
  text-align  : center;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;

}

.group-agenda__final-text {
  padding: 10px 5px;
  
}

.group-agenda__final .btn i {

  margin-right  : 6px;
  vertical-align: middle;
}

/* Agenda Collapse , Agenda Main */

.agenda__collapse {
  width       : 85%;
  margin-left : auto;
  margin-right: auto;
}


/* Temporary hiding of the group button */

#agenda-app-container>div>div:nth-child(2)>div.col-sm-8>div.row>div>div.btn-bar.btn-bar-multi>button:nth-child(2) {
  display: none;
}

/* Delete confirmation modal main agenda */

.delete-confirmation__main-agenda .el-dialog__header {
  display: none;
}

.delete-confirmation__main-agenda button {
  max-height: 34px;
}

.delete-confirmation__main-agenda .confirmation-modal-default-button {
  margin-right: 5px;
}

.delete-confirmation__main-agenda .el-dialog {
  margin-top   : auto;
  margin-bottom: auto;
}


/* Date on header */

.agenda-date-picker-header>.el-input__inner.is-disabled,
.agenda-date-picker-header>.el-input__inner {
  cursor          : default !important;
  background-color: white !important;
  border          : none;
  vertical-align  : middle;
  margin-top      : 40px;
  color           : black !important;
  margin-left     : 20px;
  font-weight     : 600;
  vertical-align  : sub;
  padding-left: 23px !important;
}

.agenda-date-picker-header .el-input__prefix {
  cursor          : default !important;
  font-size       : 18px;
  background-color: #0082c8;
  color           : white;
  border-radius   : 100%;
  display         : inline-block;
  width: 36px;
  height: 36px;
  padding-bottom: 3px;
  left: 0 !important;

}

.agenda-date-picker-header .el-input__prefix .el-input__icon {
  line-height: 1em !important;
  cursor          : default !important;
}

.el-date-editor.agenda-date-picker.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {padding-top: 5px;}

/* Measurable Element Alignment */

.agenda-form-element-container > .measurable_element__row > .measurable__col {
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}

/* icons for main agenda */ 
.agendaform__icon-besoins, .agendaform__icon-besoins-pee {font-size: 16px;
  display: inline;
  padding-right: 5px; }

  .agendaform__icon-besoins-pee {color: #FFBF00;}

  /* Tiny MCE Button */ 

  .predefined-messages__button {
    transform: translateY(-35px);
    background-color: white;
    color: #000;
    border: 1px solid #ccc;
    font-size: 14px;
}
 .add-predefined-messages__button {
  transform: translateY(-44px);
  background-color: white;
  color: #000;
  border: 1px solid #ccc;
  font-size: 14px;
}

/* Scrollbar for whole website */

/* 
html::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #1385c8;
}

*/

/* Activite Groupe */

/* Not expanded */

.activite_hidetooltip.el-tooltip__popper {
  visibility: hidden;
}

.not_expanded.activity_session_group_card_container h3.titreLong.titre-context {
  font-size: 18px !important;
  font-weight: 600;
}

.not_expanded.activity_session_group_card_container h4.titreLong.titre-context {
  font-size: 16px !important;
  font-weight: 400;
  padding-bottom: 5px;
}

.not_expanded.activity_session_group_card_container h5.titreLong.titre-context {
  font-size: 14px !important;
  font-weight: 200;
  padding-top: 10px;
}

.not_expanded.activity_session_group_card_container h4.titreLong.titre-context:first-of-type {
  font-size: 18px !important;
  font-weight: 400;
  padding-bottom: 10px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0082c8;
  margin-bottom: 10px;
}

.activity_session_group_card_container .activity-group-card__expand {
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s ease-in-out;
}

.activity_session_group_card_container .el-card__body {
  position: relative;
}

.activity-group-card__expand:hover svg {
  stroke: rgb(25, 107, 230);
  transform: scale(1.2);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}


.not_expanded.activity_session_group_card_container .enfant_card, .group_card {
  padding: 3px;
  border-radius: 100%;
}

.activity-form-container .activity_session_group_card_container.not_expanded .enfant-list .enfant_tab .UserAvatar {
  max-width: 40px;
  width: 40px;
  max-height: 40px;
  height: 40px;
  min-width: 40px;
  margin-right: 2px;
}

.activity-form-container .enfant_tab {margin-bottom: 0 !important;}

.not_expanded.activity_session_group_card_container i {margin-right: 5px;}

.activite-agenda__button-bar {
  top: -50px;
  right: 0;
  position: absolute;
  display: block;
}

/* Expanded */ 

.is_expanded.activity_session_group_card_container .titreLong.titre-context {
  font-size: 20px !important;
  display: inline-block;
  margin-top: 15px;
  padding-bottom: 7px;
}

.is_expanded.activity_session_group_card_container .titreLong.titre-context  i {
margin-right: 5px;
}

.activity-form-container .activity_session_group_card_container.is_expanded .enfant-list .enfant_tab {height: auto; margin-right: 0; width: 33%;}

input[readonly="readonly"] { color: #AAA; cursor: not-allowed; }