.blinking {
    animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    margin-bottom: 20px;
    font-size: 22px;
    color: #1244E1;
}

@keyframes blinker {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.message {
    display: inline-block;  
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 22px;
    color: #0c5460!important;
    background-color: #d1ecf1!important;
    border-color: #bee5eb!important;
}

body {font-family:roboto;
    /*  background-image: url("../../images/christmas.jpg");
      background-size: cover;*/
}
.btn-block:focus {
 
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0);

}

.cal-btn {
    padding-left: 0px;
    padding-right:0px;
    
}

@media (max-width: 1200px){ /*1200 et PLUS */

   .container-fluid {
    max-width: 950px;
}

}
@media (max-width: 993px){ /*1200 et PLUS */

   .container-fluid {
    max-width: 710px;
}
h1 {
    font-size: 1.7rem
}

}

@media (max-width: 767px){
  .container-fluid {
    max-width: 530px;
}
.col-md-6 {
    width: 240px;
}

}

@media (max-width: 576px){
  .container-fluid {
    max-width: 530px;
}
.float-right {
      font-size: 12px;
}

.col-md-6 {
    width: 200px;
}
h1 {
    font-size: 1.3rem
}




}
@media (max-width: 502px){
  .container-fluid {
    max-width: 450px;
}
a{
  font-size: 2.4vw; /* Taille de police en fonction de la largeur de la fenêtre */

}

  .text-left {
        font-size: 17px;
        padding-right: 0px;
       
    }
    .text-right {
        font-size: 17px;
        padding-left: 0px;
    }

   /* .text-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #000;
        margin: auto;
        height: 30%;
    }*/

}

@media (max-width: 450px) {
    .text-left {
        font-size: 12px;
        padding-right: 0px;
    }
    .text-right {
        font-size: 12px;
        padding-left: 0px;
        position: relative;

    }

    /*.text-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #000;
        margin: auto;
        height: 30%;
    }*/

}
.basket a .badge.number {
    border-right: 2px solid #ffffff;
    margin-left: 5px;
    padding-right: 5px;
    border-radius: 0rem;
}
.btn-social .mr-2 {
    border-right: 1px solid #ffffff!important;
    top: unset!important; 
    line-height: unset!important; 
}
small a{
    color: #007bff! important;
}

btn btn-light.disabled {
    pointer-events: none;
}
#solde-famille {
    display: none;

}

#solde-content {

}


[class*="cal-cell"] {
    float: left;
    margin-left: 0;
    min-height: 1px;
}
.cal-row-fluid {
    width: 100%;
    *zoom: 1;
}
.cal-row-fluid:before,
.cal-row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}
.cal-row-fluid:after {
    clear: both;
}
.cal-row-fluid [class*="cal-cell"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 0%;
    *margin-left: -0.05213764337851929%;
}
.cal-row-fluid [class*="cal-cell"]:first-child {
    margin-left: 0;
}
.cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
    margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
    width: 100%;
    *width: 99.94669509594883%;
}
.cal-row-fluid .cal-cell6 {
    width: 85.71428571428571%;
    *width: 85.66098081023453%;
}
.cal-row-fluid .cal-cell5 {
    width: 71.42857142857142%;
    *width: 71.37526652452024%;
}
.cal-row-fluid .cal-cell4 {
    width: 57.14285714285714%;
    *width: 57.089552238805965%;
}
.cal-row-fluid .cal-cell3 {
    width: 42.857142857142854%;
    *width: 42.80383795309168%;
}
.cal-row-fluid .cal-cell2 {
    width: 28.57142857142857%;
    *width: 28.518123667377395%;
}
.cal-row-fluid .cal-cell1 {
    width: 14.285714285714285%;
    *width: 14.232409381663112%;
}
.cal-week-box .cal-offset7,
.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child {
    margin-left: 100%;
    *margin-left: 99.89339019189765%;
}
.cal-week-box .cal-offset6,
.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child {
    margin-left: 85.71428571428571%;
    *margin-left: 85.60767590618336%;
}
.cal-week-box .cal-offset5,
.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child {
    margin-left: 71.42857142857142%;
    *margin-left: 71.32196162046907%;
}
.cal-week-box .cal-offset4,
.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child {
    margin-left: 57.14285714285714%;
    *margin-left: 57.03624733475479%;
}
.cal-week-box .cal-offset3,
.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child {
    margin-left: 42.857142857142854%;
    *margin-left: 42.750533049040506%;
}
.cal-week-box .cal-offset2,
.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child {
    margin-left: 28.57142857142857%;
    *margin-left: 28.46481876332622%;
}
.cal-week-box .cal-offset1,
.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child {
    margin-left: 14.285714285714285%;
    *margin-left: 14.17910447761194%;
}
.cal-row-fluid .cal-cell1 {
    width: 14.285714285714285%;
    *width: 14.233576642335766%;
}
[class*="cal-cell"].hide,
.cal-row-fluid [class*="cal-cell"].hide {
    display: none;
}
[class*="cal-cell"].pull-right,
.cal-row-fluid [class*="cal-cell"].pull-right {
    float: right;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"],
.cal-row-fluid [class*="cal-cell"]{
    min-height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cal-events-num {
    margin-top: 20px;
}

.cal-month-day{
    border-bottom:1px solid #c2c2c2;
}

.cal-month-day {
    position: relative;
    display: block;
    width: 100%;
    /*max-height:150px;*/
}

.cal-month-day.max{
    /*  min-height:150px;*/
}

.cal-month-day.open{  cursor: pointer;}


#cal-week-box {
    position: absolute;
    width: 70px;
    left: -71px;
    top: -1px;
    padding: 8px 5px;
    cursor: pointer;
}
#cal-day-tick {
    position: absolute;
    right: 50%;
    bottom: -21px;
    padding: 0px 5px;
    cursor: pointer;
    z-index: 5;
    text-align: center;
    width: 26px;
    margin-right: -17px;
}
.cal-year-box #cal-day-tick {
    margin-right: -7px;
}
#cal-slide-box {
    position: relative;
}
#cal-slide-tick {
    position: absolute;
    width: 16px;
    margin-left: -7px;
    height: 9px;
    top: -1px;
    z-index: 1;
}
#cal-slide-tick.tick-month1 {
    left: 12.5%;
}
#cal-slide-tick.tick-month2 {
    left: 37.5%;
}
#cal-slide-tick.tick-month3 {
    left: 62.5%;
}
#cal-slide-tick.tick-month4 {
    left: 87.5%;
}
#cal-slide-tick.tick-day1 {
    left: 7.14285714285715%;
}
#cal-slide-tick.tick-day2 {
    left: 21.42857142857143%;
}
#cal-slide-tick.tick-day3 {
    left: 35.71428571428572%;
}
#cal-slide-tick.tick-day4 {
    left: 50%;
}
#cal-slide-tick.tick-day5 {
    left: 64.2857142857143%;
}
#cal-slide-tick.tick-day6 {
    left: 78.57142857142859%;
}
#cal-slide-tick.tick-day7 {
    left: 92.85714285714285%;
}
.events-list {
  /*   position: absolute;
     bottom: 0;
     left: 0;
     overflow: auto;
     max-height:100px;*/
}
#cal-slide-content ul.unstyled {
    margin-bottom: 0;
}
.cal-week-box {
    position: relative;
}
.cal-week-box [data-event-class] {
    white-space: nowrap;
    height: 30px;
    margin: 1px 1px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px;
}
.cal-week-box .cal-column {
    position: absolute;
    height: 100%;
    z-index: -1;
}
.cal-week-box .arrow-before,
.cal-week-box .arrow-after {
    position: relative;
}
.cal-week-box .arrow-after:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 0;
    height: 0;
    right: 0;
    border-top: 15px solid #ffffff;
    border-left: 8px solid;
    border-bottom: 15px solid #FFFFFF;
}
.cal-week-box .arrow-before:before {
    content: "";
    position: absolute;
    top: 0px;
    width: 0;
    height: 0;
    left: 1px;
    border-top: 15px solid transparent;
    border-left: 8px solid #FFFFFF;
    border-bottom: 15px solid transparent;
}
#cal-day-box {
    text-wrap: none;
}
#cal-day-box .cal-day-hour-part {
    height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: thin dashed #b9b9b9;
}
#cal-day-box .cal-day-hour .day-highlight {
    height: 30px;
}
#cal-day-box .cal-hours {
    font-weight: bolder;
}
#cal-day-box .cal-day-hour:nth-child(odd) {
    background-color: #fafafa;
}
#cal-day-box #cal-day-panel {
    position: relative;
    padding-left: 60px;
}
#cal-day-box #cal-day-panel-hour {
    position: absolute;
    width: 100%;
    margin-left: -60px;
}
#cal-day-box .day-event {
    position: relative;
    max-width: 200px;
    overflow: hidden;
}
#cal-day-box .day-highlight {
    line-height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #c3c3c3;
    margin: 1px 1px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#cal-day-box .day-highlight.dh-event-important {
    border: 1px solid #ad2121;
}
#cal-day-box .day-highlight.dh-event-warning {
    border: 1px solid #e3bc08;
}
#cal-day-box .day-highlight.dh-event-info {
    border: 1px solid #1e90ff;
}
#cal-day-box .day-highlight.dh-event-inverse {
    border: 1px solid #1b1b1b;
}
#cal-day-box .day-highlight.dh-event-success {
    border: 1px solid #006400;
}
#cal-day-box .day-highlight.dh-event-special {
    background-color: #ffe6ff;
    border: 1px solid #800080;
}
/*.event {
    display: block;
    background-color: #c3c3c3;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-bottom: 2px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    border: 1px solid #ffffff;
}*/
.event-block {
    display: block;
    background-color: #c3c3c3;
    width: 20px;
    height: 100%;
}
.cal-event-list .event.pull-left {
    margin-top: 3px;
}
.event-important {
    background-color: #ad2121;
}
.event-info {
    background-color: #1e90ff;
}
.event-warning {
    background-color: #e3bc08;
}
.event-inverse {
    background-color: #1b1b1b;
}
.event-success {
    background-color: #006400;
}
.event-special {
    background-color: #800080;
}
.day-highlight:hover,
.day-highlight {
    background-color: #dddddd;
}
.day-highlight.dh-event-important:hover,
.day-highlight.dh-event-important {
    background-color: #fae3e3;
}
.day-highlight.dh-event-warning:hover,
.day-highlight.dh-event-warning {
    background-color: #fdf1ba;
}
.day-highlight.dh-event-info:hover,
.day-highlight.dh-event-info {
    background-color: #d1e8ff;
}
.day-highlight.dh-event-inverse:hover,
.day-highlight.dh-event-inverse {
    background-color: #c1c1c1;
}
.day-highlight.dh-event-success:hover,
.day-highlight.dh-event-success {
    background-color: #caffca;
}
.day-highlight.dh-event-special:hover,
.day-highlight.dh-event-special {
    background-color: #ffe6ff;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
    font-weight: bolder;
    text-align: center;
    border: 0px solid;
    padding: 5px 0;
}
.cal-row-head [class*="cal-cell"] small {
    font-weight: normal;
}
.cal-year-box .row-fluid:hover,
.cal-row-fluid:hover {
    background-color: #fafafa;
}
/*.cal-month-day {
  height: 124px;
}*/
[class*="cal-cell"]:hover {
    background-color: #ededed;
}

.cal-row-nohover [class*="cal-cell"]:hover {
    background: none;
}

.testa:hover{
	    background-color: #000;
}


[class*="nocolor"]:hover {
    background-color: #fff;
}

.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
    min-height: 100px;
    border-right: 1px solid #b9b9b9;
    position: relative;
}

.cal-month-box.noheight [class*="cal-cell"] {
    min-height: 50px;
}
.cal-year-box [class*="span"] {
    min-height: 60px;
}
.cal-year-box .row-fluid [class*="span"]:last-child,
.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
    border-right: 0px;
}
.cal-year-box .row-fluid,
.cal-month-box .cal-row-fluid {
    border-bottom: 1px solid #b9b9b9;
    margin-left: 0px;
    margin-right: 0px;
}
.cal-year-box .row-fluid:last-child,
.cal-month-box .cal-row-fluid:last-child {
    border-bottom: 0px;
}
.cal-month-box,
.cal-year-box,
.cal-week-box {
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
    border-radius: 2px;
}
div[data-cal-date] {
    font-size: 1.1em;
    font-weight: normal;
    opacity: 0.7;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    /*margin-top: 15px;*/
    /*  margin-left: 10px;*/
}


div[data-cal-date]:hover {
    opacity: 1;
}
.cal-day-outmonth div[data-cal-date] {
    opacity: 0.1;
    cursor: default;
}
.cal-day-today {
    background-color: #eee
}
.cal-day-today div[data-cal-date] {
    color: #000;
    font-weight:bold;
}

.cal-day-holiday div[data-cal-date] {
    color: #800080;
}
.cal-day-weekend div[data-cal-date] {
    color: darkred;
}
#cal-week-box {
    border: 1px solid #b9b9b9;
    border-right: 0px;
    border-radius: 5px 0 0 5px;
    background-color: #fafafa;
    text-align: right;
}
#cal-day-tick {
    border: 1px solid #b9b9b9;
    border-top: 0px solid;
    border-radius: 0 0 5px 5px;
    background-color: #ededed;
    text-align: center;
}
#cal-slide-box {
    border-top: 0px solid #8c8c8c;
}
#cal-slide-content {
    padding: 10px;
    color: #000000;
}

#cal-slide-content:hover {
    background-color: transparent;
}
#cal-slide-content a.event-item {
    color: #000;
    font-weight: normal;
    line-height: 24px;

}
.events-list {
    /*max-height: 47px;
    padding-left: 2px;
    padding-right: 2px;*/
}
.cal-column {
    border-left: 1px solid #b9b9b9;
}
a.cal-event-week {
    text-decoration: none;
    color: #151515;
}
.badge-important {
    background-color: #b94a48;
}

a.event-hover:focus, a.event-hover:hover{
    opacity: 0.6;
}

#cal-slide-box {border-bottom:1px solid #b9b9b9;}
.glyphicon{vertical-align:middle;}


.special .btn{min-width:50px;}
.cal-month-day  .fa-calendar-o{margin:20px 5px;color:#b9b9b9;}
.btn h4{font-size:14px;margin:2px;}

.prestation {
    position: relative;
    padding:2px 0 2px 6px;
    font-size:11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.line-register{
    font-size:0.8em;
    font-weight:normal;
    border-top:1px solid #ccc;
}
.line-register span.name {margin-left:2px;margin-top:5px;}
.line-register .sep-calendar{border-right:1px solid #ccc;}
.line-register .sep-calendar .fa-times-circle.colo2,.line-register .sep-calendar .fa-plus-circle.colo2{color:#506b1f;}
.line-register .sep-calendar .fa-times-circle.colo4,.line-register .sep-calendar .fa-plus-circle.colo4{color:#cf8f19;}

.line-register .overflow {text-overflow:fade clip;overflow-x: hidden;}


/*.event{display:none;}*/

@media (max-width: 990px) {
    .line-register{font-size:0.6em;}
    .line-register .calendar{font-size:0.9em;padding:0px;}
    .line-register .overflow {overflow-y: hidden;text-overflow: ellipsis;}
    .line-register .sep-calendar{border-bottom:1px solid #ccc;}

}

@media (max-width: 767px) {

    .cal-nav span{display:none;}
    .prestation{display:none;}
    .events-list span.enfance,.events-list span.scolaire,
    .events-list span.associatif,.events-list span.loisir{/*display:none;*/}
 /*   .event{display:inline;} */
    .card-body.nopadding {padding:0}
       .cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
     border-top: 1px solid #b9b9b9;
}
}



@media (max-width: 480px) {

    .cal-cell{width:100%}
    .cal-btn .btn, .cal-btn  .btn h4{font-size:12px;}
    .cal-month-day  .fa-calendar-o{margin:2px 10px;}
    /*.cal-nav .btn-today,.cal-nav .btn-warning{max-width:55px;overflow: hidden;}*/
}

html {
    position: relative;
    min-height: 100%;
}

body {
    overflow-x: hidden;
}

body.sticky-footer {
    margin-bottom: 66px;
}

body.sticky-footer .content-wrapper {
    min-height: calc(100vh - 56px - 56px);
}

body.fixed-nav {
    padding-top: 66px;

}

.content-wrapper {
    min-height: calc(100vh - 56px);
    padding-top: 1rem;
}

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 3px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #343a40;
}

.scroll-to-top i {
    font-weight: 800;
}

.smaller {
    font-size: 0.7rem;
}

.o-hidden {
    overflow: hidden !important;
}

.o-relative {
    position: relative;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

#mainNav .navbar-collapse {
    overflow: auto;
    max-height: 75vh;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    cursor: pointer;
    /* border:1px solid #b9b9b9;*/
    margin:1px;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    /*  float: right;
      content: '\f107';*/
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
    /* content: '\f105';*/
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
    padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
    display: block;
    padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
    text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
    padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
    padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
    display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    position: relative;
    min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    /*float: right;
    width: auto;*/
    /*content: '\f105';*/
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
    position: absolute;
    top: 5px;
    left: 21px;
    font-size: 10px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
    /*content: '\f105'; */
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

@media (min-width: 992px) {

    #mainNav .navbar-collapse {
        overflow: visible;
        max-height: none;
    }
    #mainNav .navbar-collapse .navbar-sidenav {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 56px;
    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
        width: 250px;
        padding: 0;
    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        padding: 1em;

    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
        padding-left: 0;
        list-style: none;
    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
        width: 250px;
    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
        padding: 1em;
    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
        padding-left: 2.75em;
    }
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
        padding-left: 3.75em;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
        min-width: 0;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
        /* width: 24px;*/
        text-align: center;
    }
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
        max-width: 300px;
    }
}




#mainNav.fixed-top .sidenav-toggler {
    display: none;
}

@media (min-width: 992px) {


    #mainNav.fixed-top .navbar-sidenav {
        height: calc(100vh - 112px);
    }
    #mainNav.fixed-top .sidenav-toggler {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: calc(100vh - 56px);
    }
    #mainNav.fixed-top .sidenav-toggler > .nav-item {
        width: 250px;
        padding: 0;
    }
    #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
        padding: 1em;
    }
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
    background-color: #212529;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
    color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
    background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
    color: rgba(0, 0, 0, 0.5);
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
    overflow-x: hidden;
    width: 55px;
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
    width: 55px !important;
}

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
    display: none;
}

@media (min-width: 992px) {
    #mainNav.static-top .sidenav-toggler {
        display: flex;
    }
}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: 'FlipH';
}

.content-wrapper {
    overflow-x: hidden;
    background: white;
}

@media (min-width: 992px) {
    .content-wrapper {
        margin-left: 250px;
    }
}

#sidenavToggler i {
    font-weight: 800;
}

.navbar-sidenav-tooltip.show {
    display: none;
}

@media (min-width: 992px) {
    body.sidenav-toggled .content-wrapper {
        margin-left: 55px;
    }
}

body.sidenav-toggled .navbar-sidenav {
    width: 55px;
}

body.sidenav-toggled .navbar-sidenav .nav-link-text {
    display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item,
body.sidenav-toggled .navbar-sidenav .nav-link {
    width: 55px !important;
}

body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
    display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item {
    white-space: nowrap;
}

body.sidenav-toggled .navbar-sidenav-tooltip.show {
    display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
    color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    color: #adb5bd;
}

@media (min-width: 992px) {
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
        background: #343a40;
    }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
        color: white !important;
        background-color: #495057;
    }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
        color: white;
    }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
        background: #343a40;
    }
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
    color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
        background: #f8f9fa;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
        color: #000 !important;
        background-color: #e9ecef;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
        color: #000;
    }
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
        background: #f8f9fa;
    }
}



.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -25px;
    right: -25px;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.card-body-icon-md {
    position: absolute;
    z-index: 0;
    top: -25px;
    right: -25px;
    font-size: 3.8rem;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.mini{
    font-size: 3.8rem;
}

.act.icone-size{
    width: 100px;
    height: 100px;
}

.fa.icone-size{
    font-size:36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
}

.fa.icone-size-min{font-size:36px;
                   line-height: 56px;
                   width: 40px;
                   height: 56px;}

@media (min-width: 576px) {
    .card-columns {
        column-count: 1;
    }
    
  
}

@media (min-width: 768px) {

    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {

    .card-columns {
        column-count: 2;
    }
}

.card-login {
    max-width: 25rem;
}

.card-register {
    max-width: 40rem;
}

footer.sticky-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 56px;
    background-color: #e9ecef;
    line-height: 55px;
}

/** new carrousel */
.photopromo a {
    text-decoration:none;
    color:#fff;
}
/** eof new carrousel */

.photopromo{
    background-image:url('../images/accueil.jpg');

}

kbd{font-size:26px;}

.circle{
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  border-radius: .2rem;
}

.craue_formflow_buttons {
    overflow: hidden;
}

.craue_formflow_buttons button ,.craue_formflow_buttons a{
    float: right;
    margin-left:6px;
}


/*h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}*/

.page-header {
   /* border-bottom: 1px solid #eee;*/
    padding-bottom: 25px;
    margin: 40px 0 20px;
}


.navbar-brand {
    position:relative;
    border:1px solid #ccc;
    padding:4px;
    background:#fff;  
}

.navbar-brand img {max-height: 40px; }
.navbar-belami .navbar-brand {
    color: rgba(0, 5, 85, 0.5);
    font-size:1.1em;
}

.navbar-belami .navbar-brand:hover, .navbar-belami .navbar-brand:focus {
    color: rgba(0, 5, 85, 0.75);
}

.navbar-belami .navbar-nav .nav-link {
    color: rgba(0, 5, 85, 0.5);
}

.navbar-belami .navbar-nav .nav-link:hover, .navbar-belami .navbar-nav .nav-link:focus {
    color: rgba(0, 5, 85, 0.75);
}

.navbar-belami .navbar-nav .nav-link.disabled {
    color: rgba(0, 5, 85, 0.25);
}

.navbar-belami .navbar-nav .show > .nav-link,
.navbar-belami .navbar-nav .active > .nav-link,
.navbar-belami .navbar-nav .nav-link.show,
.navbar-belami .navbar-nav .nav-link.active {
    color: #555;
}

.navbar-belami .navbar-toggler {
    color: rgba(0, 5, 85, 0.5);
    border-color: rgba(0, 5, 85, 0.1);
}

.navbar-belami .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 5, 85, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-belami .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-belami .navbar-text a {
    color: #555;
}

.navbar-belami .navbar-text a:hover, .navbar-belami .navbar-text a:focus {
    color: #555;
}


#mainNav.navbar-belami .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: #868e96;
}

#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: #868e96;
}

#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: #adb5bd;
}

#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    color: #868e96;
}

#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
    color: #adb5bd;
}

#mainNav.navbar-belami .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    color: #adb5bd;
}

@media (min-width: 992px) {


    #mainNav.navbar-belami .navbar-collapse .navbar-sidenav {
        background: #f8f8f8;
    }
    #mainNav.navbar-belami .navbar-collapse .navbar-sidenav li.active a {
        color: white !important;
        background-color: #f8f8f8;
    }
    #mainNav.navbar-belami .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-belami .navbar-collapse .navbar-sidenav li.active a:hover {
        color: white;
    }
    #mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
    #mainNav.navbar-belami .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
        background: #f8f8f8;
    }
}

.bg-belami{
    background-color: #f8f8f8 !important;
    /*box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1), 0 7px 16px 0 rgba(0, 0, 0, 0.09);*/
    border-bottom:1px solid #b9b9b9;
}

.sticky-footer{
    border-top:1px solid #b9b9b9;
    margin:1px;
}

a.bg-belami:hover, a.bg-belami:focus,
button.bg-belami:hover,
button.bg-belami:focus {
    background-color: #5e5e5e !important;
}

/* positionnement pastille barre de menu */
#mainNav .navbar-collapse .navbar-nav > .nav-item.pastille > .nav-link::after {
    display:none;
}

@media (min-width: 992px) {
    .nocol{
        margin-left: 0px;
    }
}
/* EOF positionnement pastille barre de menu */


/* taille card page d'accueil */
@media (min-width: 992px) {
    .card.accueil  .card-body{min-height:110px;}
    /*.card.accueil   .card-footer{min-height:50px;}*/
}

.no-text-decoration:hover {text-decoration:none;opacity: 1;}

.btn-social{position:relative;padding-left:44px;text-align:left;min-height:51px;}
.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:36px;line-height:30px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}

.btn-social.prepaiment{min-height:65px;}
.scolaire{background-color:#8eb424;color:#fff;}
.enfance{background-color:#26a9e1;color:#fff;}
.associatif{background-color:#e94b1f;color:#fff;}
.loisir{background-color:#f9b018;color:#fff;}

.horairecolor1,.horairecolor1:hover{background-color:#d3f0fd;color:#2eaae1;}
.horairecolor2,.horairecolor2:hover{background-color:#dff0d8;color:#3c763d;}
.horairecolor3,.horairecolor3:hover{background-color:#fed882;color:#766e5c;}
.horairecolor4,.horairecolor4:hover{background-color:#fed882;color:#766e5c;}

.modal-xl {
    max-width: 1140px;
}

.reduc{text-overflow: ellipsis;overflow: hidden; white-space:nowrap;}
.x20{max-width:20px;}
.x30{max-width:30px;}
.x40{max-width:40px;}
.x50{max-width:50px;}
.x60{max-width:60px;}
.x70{max-width:70px;}
.x80{max-width:80px;}
.x90{max-width:90px;}
.x100{max-width:100px;}
.x120{max-width:120px;}
.x200{max-width:200px;white-space:normal;}


.padding2{padding:2px;}

#bodyreservation .nav-reservation {background-color:#fff;/*border-bottom:1px solid #ccc;*/padding:3px 0;}

.sticky-top{padding:0px;margin:0px;}

a.horaireclick[disabled],.desactiv{background-color:#ccc;border:#ccc; pointer-events: none;
text-shadow: 2px 0 0 #fff;
}

a.horaireclick.disabled-link[disabled]{background-color:#fdb107;opacity: 0.5;}

#reservationMultipleModal1{
    overflow: auto;
}

.entete{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.input-group-addon{line-height:38px;background-color:#ccc;padding:0 4px;text-align:center;min-width:80px;}

 .cal-row-fluid .quotation {
         width: 20%;
        *width: 20%;
    }

@media (max-width: 480px) {
    /*.btn-reservation{line-height:40px;}*/
    /* .btn-social{line-height:36px;}*/
    /*.btn-reservation>:first-child{line-height:55px;}*/
 .horaireclick.forfait{
        font-size:0.8em; 
        padding:2px;
    }
    
    .btn-social.scheduleclick{
        padding-left:2px;
        font-size:0.7em;
        white-space:wrap;
    }
    
    

    #bodyreservation .nav-reservation input[type="date"]{font-size:0.7em;}
    .hidden{display:none;}
    .lower{font-size:12px;}
    .doctor .form-check{width:100%;}
}

ul.reservation{
    padding:2px 0;
}



.cal-row-fluid .week5 {
    width: 20%;
    *width: 20%;
}

.cal-row-fluid .week6 {
    width: 16.66666666667%;
    *width:16.66666666667%;
}

.cal-row-fluid .week8 {
    width: 12.5%;
    *width:12.5%;
}


.container-fluid.nopadding {
    padding-right: 4px;
    padding-left: 4px;
}

.cal-row-fluid .cal-cell1.act.week-fluid7, .cal-row-fluid .cal-cell2.act.week-fluid7{
    width: 11.111111111111111%;
    *width: 11.111111111111111%;
    border:1px solid #ccc;
    border-bottom:0px;
}
    

.cal-row-fluid .cal-cell2.week-fluid7{
    width: 30%;
    *width: 30%;
    border:1px solid #ccc;
    border-bottom:0px;
}


.cal-row-fluid .cal-cell1.week-fluid7,
.cal-row-fluid .cal-cell1.act.week-fluid6, .cal-row-fluid .cal-cell2.act.week-fluid6{
    width: 10%;
    *width: 10%;
    border:1px solid #ccc;
    border-bottom:0px;
}

.cal-row-fluid .cal-cell2.week-fluid6 {
    width: 30%;
    *width:30%;
    border:1px solid #ccc;
    border-bottom:0px;
}

.cal-row-fluid .cal-cell1.week-fluid6,
.cal-row-fluid .cal-cell1.act.week-fluid5, .cal-row-fluid .cal-cell2.act.week-fluid5{
       width: 11.6666666667%;
    *width: 11.6666666667%;
 /*  width: 14.285714285714285%;
    *width:14.232409381663112%;*/
    border:1px solid #ccc;
    border-bottom:0px;
}

.cal-row-fluid .cal-cell1.week-fluid5 , .cal-row-fluid .cal-cell2.week-fluid5 {
   /* width: 16.66666666667%;*/
    *width: 16.66666666667%;
    border:1px solid #ccc;
    border-bottom:0px;
}

.cal-row-fluid .border{
     border:1px solid #ccc;
}


@media (max-width: 767px) {



    .cal-row-fluid .cal-cell1.week-fluid5, .cal-row-fluid .cal-cell1.act.week-fluid5 {
        width: 20%;
        *width: 20%;
    }

    .cal-row-fluid .cal-cell1.week-fluid6, .cal-row-fluid .cal-cell1.act.week-fluid6 {
        width: 16.66666666667%;
        *width:16.66666666667%;
    }

    .cal-row-fluid .cal-cell1.week-fluid7, .cal-row-fluid .cal-cell1.act.week-fluid7 {
        width: 14.285714285714285%;
        *width: 14.232409381663112%;

    }

    .cal-row-fluid .cal-cell2.week-fluid7 ,.cal-row-fluid .cal-cell2.week-fluid6,.cal-row-fluid .cal-cell2.week-fluid5,
    .cal-row-fluid .cal-cell2.act.week-fluid5, .cal-row-fluid .cal-cell2.act.week-fluid6, .cal-row-fluid .cal-cell2.act.week-fluid7{
        width: 100%;
        *width: 100%;
    }

    .cal-row-fluid .week12 {
        width: 100%;
        *width: 100%;
        border-bottom:1px solid #b9b9b9;
        border-right:none;
    }
    
 
}

@media (max-width: 1281px) {
   .cal-row-fluid .quotation {
         width: 100%;
        *width: 100%;
    }
}

@media (max-width: 990px) {
    #navbarResponsive ul .nav-item:first-child {border-top:1px solid #b9b9b9; }
    #navbarResponsive ul .nav-item {border-bottom:1px solid #b9b9b9; }
    #navbarResponsive ul .nav-item:last-child {border-bottom:none; }
    .head {display:none;}
    .input-group-addon{min-width:40px;}
    .doctor .form-check{width:50%;}

    .cal-row-fluid .cal-cell2 a {
        font-size:0.8em;

    }  

    .cal-row-fluid .week6.weekmoins {
        width: 20%;
        *width: 20%;
    }

    .cal-row-fluid .week7.weekmoins {
        width: 16.66666666667%;
        *width:16.66666666667%;
    }

    .cal-row-fluid .week8.weekmoins {
        width: 14.285714285714285%;
        *width: 14.232409381663112%;
    }
    
    .hidden990{display:none;}

}



.fas.grey, .fa.grey, .far.grey{color:#b9b9b9;}



.horaireclick {
    border:none;
    border-radius:2px;
    box-shadow:1px 1px 3px #575757;
    background:#fff;
    color:#555;
    font-size:1.6em;
    font-family: 'Sarabun', cursive;
}

.horaireclick.prepaiment {
    min-height: 63px;
}

.noclick {
    border:none;
    background:#fff;
    color:#555;
    font-size:1.6em;
    font-family: 'Sarabun', cursive;
}






.scheduleclick.ombrage{
    border-radius:2px;
    box-shadow:1px 1px 3px #f4f4f4;
}

.scheduleclick .datemax{
    font-size:0.6em;
}
/*.events-list .prestation{display:block}*/


.cal-month-day span.enfance,.cal-month-day span.scolaire,
.cal-month-day span.associatif,.cal-month-day span.loisir,
.cal-month-day span.nocolor{padding:0px;margin:1px;text-align:center;font-size:9px;opacity: 0.5;border:1px solid #fff;}
.cal-month-day div.prest{padding:3px;margin:0px;}	
a.pres{color:#fff !important;}

.events-list span.enfance,.events-list span.scolaire,
.events-list span.associatif,.events-list span.loisir,
.events-list span.nocolor{opacity: 1;}

/*.events-list .row .col-12{padding:0;}*/
.events-list .lastname {padding:0px 1px;}


.belami-bg-red{ background-color:#fd4707; }
.belami-bg-orange{ background-color:#fdb107; }
.belami-bg-blue{ background-color:#2eaae1; }
.belami-bg-green{ background-color:#8fb51b;}

.belami-red{ color:#fd4707;}
.belami-orange{ color:#fdb107;}
.belami-blue{ color:#2eaae1; }
.belami-green{ color:#8fb51b;}


a.belami-bg-red, a.belami-bg-blue, a.belami-bg-orange, a.belami-bg-green { color:#ffffff;}


.belami-text-red{ background-color:#fd4707; }
.belami-text-orange{ background-color:#fdb107; }
.belami-text-blue{ background-color:#2eaae1;}
.belami-text-green,.btn-belami-green{ background-color:#8fb51b;}
.btn-belami-green:disabled{background-color:#8fb51b;border-color: #82a31b;opacity: .65;}
.color1,.color2,.color10{color:#8fb51b !important;font-weight:bold;}
.color3,.color4{color:#8fb51b !important;font-weight:bold;}
.color0,.color7, .color8{color:#e11212 !important;font-weight:bold;}
.color5{color:#fdb107 !important;font-weight:bold;}

.calendar{padding-top:1px;padding-right:3px;padding-left:3px;font-size:14px;margin:1px;color:#fff; }
.calendar.colo1{ color:#2eaae1;}
.calendar.colo4{ color:#fdb107;}
.calendar.colo3{ color:#fd4707;}
.calendar.colo2{ color:#8fb51b;}
.calendar.bgcolo1{ background-color:#2eaae1;}
.calendar.bgcolo4{ background-color:#fdb107;}
.calendar.bgcolo3{ background-color:#fd4707;}
.calendar.bgcolo2{ background-color:#8fb51b;}

.btn-belami-green{   border-color: #82a31b;}
.btn-belami-green:hover:not([disabled]),.btn-belami-green.active {
    color: #fff;
    background-color: #9fc52b;
    border-color: #8fb51b;
}

.btn-belami-grey{background-color:#f8f9fa;color: #fff;}
.navigation .page-item.active .page-link{
    background-color:#8fb51b;
    border-color:#8fb51b;
}

.navigation a{
    color:#8fb51b !important;
}
.navigation a:hover{
    color:#fff !important;
    background-color: #dff0d8;
}

.schedule.grey{ 
    background-color:#f8f8f8;
    color:#7c7ea6;
    border-bottom:1px solid #b9b9b9;
}

.scheduleclick.blue{
    background-color:#a2ddf8;
    color:#1494cf;
}

.scheduleclick.green{
    background-color:#dff0d8;
    color:#3c763d;
}

.scheduleclick.red{
    background-color:#fdd7c9;
    color:#e83f04;
}

.scheduleclick.orange{
    background-color:#fdefcf;
    color:#f9aa01;
}

span.prepaid {
    position:absolute;
    right:16px;
    top:14px;
}

.btn-belami-blue{background-color: #2eaae1; color: #fff;}
.btn-belami-blue:hover {background-color: #1a82b0;}

.btn-belami-rouge{background-color: #fd4707; color: #fff;}
.btn-belami-rouge:hover {background-color: #e83f04;}

.btn-belami-orange{background-color: #fdb107; color: #fff; opacity: 0.5;}
.btn-belami-orange.active{background-color: #fdb107; color: #fff;opacity: 1;}
.btn.btn-belami-orange.active:not(:disabled):not(.disabled) {cursor:context-menu;}
.btn-belami-orange:hover {background-color: #fdb107;opacity: 1}

.btn-grey {background-color:#f0f0f0;}
.btn-grey:hover {background-color: #e1e1e1;}

/** meteo **/

.temperature{font-size:20px;}

/** eof meteo **/


.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    float: left;
    display: none;
    min-width: 160px; 
    overflow:auto;	   /* bascule en ascenseur */
    max-height: 160px; /* Hauteur ascenseur */
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.bs-wizard {margin-top: 20px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #e9e9e9; top: 25px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #e0e0e0; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 


.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 25px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 

.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 25px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 


.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.cols-1.bs-wizard-step {
    width: 100%;
    *width: 100%;
}

.cols-2.bs-wizard-step {
    width: 50%;
    *width: 50%;
}

.cols-3.bs-wizard-step {
    width: 33.333333333333333%;
    *width: 33.333333333333333%;
}

.cols-4.bs-wizard-step {
    width: 25%;
    *width: 25%;
}

.cols-5.bs-wizard-step {
    width: 20%;
    *width: 20%;
}

.cols-6.bs-wizard-step {
    width: 16.666666666666667%;
    *width: 16.666666666666667%;
}

.cols-7.bs-wizard-step {
    width: 14.285714285714285%;
    *width: 14.232409381663112%;
}

.cols-8.bs-wizard-step {
    width: 12.5%;
    *width: 12.5%;
}

.cols-9.bs-wizard-step {
    width: 11.111111111111111%;
    *width: 11.111111111111111%;
}

.cols-11.bs-wizard-step {
    width: 9.0909090909%;
    *width: 9.0909090909%;
}
/*END Form Wizard*/


div.form-control { border:none; }


.opacity { opacity: .7 !important}


.form-group .indicator{
    color:#fd4707;
    padding-left:4px;
    font-size: 1.2em;
}

.form-group .form-inline .control-label{padding-top:5px;}
.form-group .form-check{/*padding-left:0;*/padding-top:3px;/*height:10px;*/}
.doctor .form-check{width:33.3333%;float:left;}
.control-label{line-height:1.2em;}
.control-label .indicator{vertical-align:middle;padding-bottom:2px;} 


.btn-info{background-color: #1874f1;}


input[type="radio"] + label {padding-right:15px;}


#appbundle_person_member_start_date_caf_day {display:none;}

#appbundle_person_member_start_date_caf_month {margin-right: 10px;}

#appbundle_person_member_start_date_caf {padding: 0px;}



.x2{font-size:1.3em;}
.legend {width:36px;letter-spacing: 0.1em}
a.legendLink {text-decoration:none;}
a.legendLink span{
    font-weight:100;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    padding-left:3px;
}

/* login form */

.login-container{
     margin-top: 5%;
     margin-bottom: 5%;
}
.login-form-1{
    padding: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-1 h3{
    text-align: center;
    color: #2eaae1;
}
.login-form-2{
    padding: 5%;
    background: #2eaae1;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-2 h3{
    text-align: center;
    color: #fff;
}
.login-container form{
    padding: 10%;
}

.calendar-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin: 10px 0 10px;
    font-size:14px;
}


/* eof login form */

h3.page-header{color:#6c6c6c;}
h4.paragraphe-header{color:#999;}


.vacation {
     background:#faf0e6;
}

.holiday {
     background:#facfd2;
}

.belami-box {
    /*box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 26px 0 rgba(0, 0, 0, 0.19);*/
    padding: 1em;
}

.belami-nobox {
    padding:0.6em 1em;
    background:#f8f8f8;
}

.belami-bg-white{background: #fff;}


.belami-nobox, .belami-box  {

    margin:1em 0em 1em;
    border:1px solid #eee;
    border-radius: 4px;
    color:#555;
}

.act-box {
    margin:1em 0em 1em;
    border:1px solid #eee;
    border-radius: 4px;
    color:#555;
    background:#f8f8f8;

}

.belami-box a, .belami-nobox a, .act.carre a{color:#555;text-decoration:none;}
.belami-nobox.carre .nobox-offset{ line-height:8px;}
.belami-nobox.carre  .nobox-offset{width:85px;height:85px;}
.act-box.carre{max-width:105px;max-height:105px;}

.col-offset-85{
    width: calc(100% - 85px);
}



.col-offset-85 i{ font-size:20px;}

.box-offset-conteneur{max-width:85px;max-height:85px;}
.box-offset-conteneur img{max-width:65px;max-height:65px;}



.box-offset, .nobox-offset{
    top: -28px !important;
    position: relative;
    border-radius: 4px;
    padding: 10px;
}

.col.box-offset-conteneur{padding:0}

.margin-bottom-28 {margin-bottom: -28px !important;}



.belami-box.blue.light .box-offset, .belami-nobox.blue.light .nobox-offset{
    background: linear-gradient(60deg,#26c6da,#00acc1) !important;
}

.belami-bg-blue.light{
    background: linear-gradient(60deg,#26c6da,#00acc1) !important;
}

.belami-box.blue .box-offset, .belami-nobox.blue .nobox-offset{
    background:#2eaae1;
}

.belami-box.grey .box-offset, .belami-nobox.grey .nobox-offset{
    background:#be6fe3;
}

.belami-box.red .box-offset, .belami-nobox.red .nobox-offset{
    background:#fd4707;
}

.belami-box.orange .box-offset,.belami-nobox.orange .nobox-offset, .act-box.orange .box-offset{
    background:#fdb107;
}

.belami-box.green .box-offset,.belami-nobox.green .nobox-offset{
    background:#9fc52b;
}



.belami-box .box-header, .belami-nobox .box-header  {
    color:#fff;
}

.belami-box .box-heading, .belami-nobox .box-heading{
    font-size:1.5em;
}

.belami-nobox .box-heading.min{
    font-size:1.2em;
}

/*.belami-box .box-text{
    padding: 1em;
}*/
.modal { overflow: auto !important;}

.spinner .modal-dialog, .minispinner .modal-dialog{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
    
}

.spinner .modal-dialog .modal-content, .minispinner .modal-dialog .modal-content{
    background-color: transparent;
    border: none;
}

.logo-middle {border:1px solid #000; margin:0 auto;}



.green kbd{font-size:14px !important;background-color:#9fc52b}
.grey kbd{font-size:14px !important;background-color:#be6fe3}
.red kbd{font-size:14px !important;background-color:#fd4707}
.orange kbd{font-size:14px !important;background-color:#fdb107}
.blue kbd{font-size:14px !important;background-color:#2eaae1}

.red .z-1, .red .card-body-icon {color:#fd4707}
.orange .z-1, .orange .card-body-icon {color:#fdb107}
.blue .z-1, .blue .card-body-icon {color:#2eaae1}
.green .z-1, .green .card-body-icon {color:#9fc52b}
.btn-red{background-color:#fd4707}
.btn-red .badge{background-color:#fff; color:#fd4707}
.theme--light.v-table {
    background-color:#fff;
    color:rgba(0,0,0,.87)
}
.theme--light.v-table thead tr:first-child {
    border-bottom:1px solid rgba(0,0,0,.12)
}
.theme--light.v-table thead th {
    color:rgba(0,0,0,.54)
}
.theme--light.v-table tbody tr:not(:last-child) {
    border-bottom:1px solid rgba(0,0,0,.12)
}
.theme--light.v-table tbody tr[active] {
    background:#f5f5f5
}
.theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) {
    background:#eee
}
.theme--light.v-table tfoot tr {
    border-top:1px solid rgba(0,0,0,.12)
}

.v-table__overflow {
    overflow-x:auto;
    overflow-y:hidden;
    width:100%
}
table.v-table {
    border-collapse:collapse;
    border-radius:2px;
    border-spacing:0;
    max-width:100%;
    width:100%
}
table.v-table tbody td:first-child,table.v-table tbody td:not(:first-child),table.v-table tbody th:first-child,table.v-table tbody th:not(:first-child),table.v-table thead td:first-child,table.v-table thead td:not(:first-child),table.v-table thead th:first-child,table.v-table thead th:not(:first-child) {
    /* padding:0;*/
}
table.v-table tbody td.nopadding{ padding:0 2px}

table.v-table tbody td.head-label{font-size:16px;}
table.v-table tbody td table.v-table td:first-child{font-size:16px;}

input[type=checkbox] {
    transform: scale(1.5);
}

table.v-table thead tr {
    height:56px
}
table.v-table thead th {
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    /*font-size:12px;*/
    font-weight:500;
    -webkit-transition:.3s cubic-bezier(.25,.8,.5,1);
    transition:.3s cubic-bezier(.25,.8,.5,1);
    user-select:none;
    white-space:nowrap;

}
table.v-table thead th.sortable {
    pointer-events:auto
}
table.v-table thead th>div {
    width:100%
}
table.v-table tbody tr {
    -webkit-transition:background .3s cubic-bezier(.25,.8,.5,1);
    transition:background .3s cubic-bezier(.25,.8,.5,1);
}
table.v-table tbody td,table.v-table tbody th {
    height:48px
}
table.v-table tbody td {
    font-size:13px;
    font-weight:400;
}

table.v-table tbody th{
    padding:10px;
}

table.v-table .input-group--selection-controls {
    padding:0
}
table.v-table .input-group--selection-controls .input-group__details {
    display:none
}
table.v-table .input-group--selection-controls.checkbox .v-icon {
    -webkit-transform:translateX(-50%);
    left:50%;
    transform:translateX(-50%)
}
table.v-table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple {
    -webkit-transform:translate(-50%,-50%);
    left:50%;
    transform:translate(-50%,-50%)
}
table.v-table tfoot tr {
    height:48px
}
table.v-table tfoot tr td {
    padding:0 24px
}

.v-datatable__progress,.v-datatable__progress td,.v-datatable__progress th,.v-datatable__progress tr {
    height:auto!important
}
.v-datatable__progress th {
    padding:0!important
}
.v-datatable__progress th .v-progress-linear {
    margin:0
}


.alert.alert-info{
    background-color: #00d3ee !important;
    /*-webkit-box-shadow: 0 12px 20px -10px rgba(0,211,238,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(0,211,238,.2) !important;
    box-shadow: 0 12px 20px -10px rgba(0,211,238,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(0,211,238,.2) !important;*/
}

.alert.alert-success{
    background-color: #5cb860 !important;
    /*-webkit-box-shadow: 0 12px 20px -10px rgba(76,175,80,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(76,175,80,.2) !important;
    box-shadow: 0 12px 20px -10px rgba(76,175,80,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(76,175,80,.2) !important;*/
}

/*.alert{border-width:0;color:#fff;}*/
.alert .alert-link{color:#fff;}

/***test***/
.col-12.sidenav {padding:0;}
.ui-helper-hidden-accessible { display:none; }





.col-1-max{padding: 0 4px;}
/*** carrousel  ***/
.btn-floating {
    -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    width:30px;
    height:30px;
    position:relative;
    z-index:1;
    vertical-align:middle;
    display:inline-block;
    overflow:hidden;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:5px;
    -webkit-border-radius:50%;
    border-radius:50%;
    padding:0;
    cursor:pointer
}
.btn-floating i {
    font-size:1rem;
    line-height:30px
}
.btn-floating i {
    display:inline-block;
    width:inherit;
    text-align:center;
    color:#fff
}
.btn-floating:hover {
    -webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.btn-floating:before {
    -webkit-border-radius:0;
    border-radius:0
}
.btn-floating.btn-sm {
    width:36.15385px;
    height:36.15385px
}
.btn-floating.btn-sm i {
    font-size:.96154rem;
    line-height:36.15385px
}
.btn-floating.btn-lg {
    width:61.1px;
    height:61.1px
}
.btn-floating.btn-lg i {
    font-size:1.625rem;
    line-height:61.1px
}
.carousel {
    position:relative
}

.carousel h3{
    font-size:16px;
}

.carousel p{
    font-size:14px;
}

.carousel-caption {
    position: absolute;
    background: rgba(255,255,255,0.9);
    padding: 15px 10px;
    bottom:2px;
    color:#000;
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  border-radius:9999px;
  background-color:#8fb51b;
  color:var(--primary);
  height:3.5rem;
  width:3.5rem;
  display:flex;
  justify-content:center;
  align-items:center;
  right:0;
  box-shadow:0 2px 10px rgba(54,54,54,.15);
  background-size: 50% 50%;
}





.carousel.pointer-event {
    -ms-touch-action:pan-y;
    touch-action:pan-y;
}

.card {border:none !important}

.card .btn-link.text-white{
    text-decoration:none;
}

.carousel-inner {
    position:relative;
    width:100%;
    overflow:hidden;
}
.carousel-inner::after {
    display:block;
    clear:both;
    content:""
}
.carousel-item {
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:-100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:-webkit-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition:none
    }
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display:block
}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.carousel-fade .carousel-item {
    opacity:0;
    transition-property:opacity;
    -webkit-transform:none;
    transform:none
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    z-index:1;
    opacity:1
}
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index:0;
    opacity:0;
    transition:0s .6s opacity
}
@media screen and (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        transition:none
    }
}

.btn-social.schedule, .btn-warning.entete{
    box-shadow: 1px 1px 3px #aaa;
}

.btn-social.schedule:hover{opacity:0.5}

@media (max-width: 480px) {
    /*.carousel-indicators {
            display:none;
            }*/
    .carousel-multi-item .controls-top , .btn-social.schedule{
        text-align:center !important;
    }

    .btn-social.schedule{
        padding-left:0;
        /*line-height: 24px;*/
    }

}


.collapse-row.collapsed  + tr {
    display: none;
}

.basket input[type=submit] {
    /*padding:5px 15px; */
    background:none; 
    border:none;
    cursor:pointer;
    font-size:14px;
}






@media (min-width:768px) {
        .line-register.size1, .line-register.size2, .line-register.size3 {height:33px;}
        .line-register.size4,.line-register.size5 {height:25px;}
        
         .calendar.size1, .calendar.size2, .calendar.size3 {font-size:1.1em;padding-top:6px;}
         .calendar.size4, .calendar.size5 {font-size:1em;padding-top:3px;}
    /*.carousel-multi-item .col-md-4 {
     float:left;
     width:33.333333%;
     max-width:100%
    }*/
}
@media only screen and (max-width:992px) {
   
}

/*** carrousel  ***/

@media (min-width: 991px) {
    .opennav, .opennav a , .sidenav .closebtn {display:none;}
}

@media (max-width: 990px) {

    .btn-md-block {
        display: block;
        width: 100%;
    }
    .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot,.bs-wizard > .bs-wizard-step > .bs-wizard-dot {top: 25px;}
    .sidenav {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        /* top: 70x;*/
        right: 0;
        /* background-color: #111; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 100px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        /*color:#ffffff;*/
        z-index: 9;
        background-color: #f8f8f8;

    }
	
	
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height:2.5rem;
  width:2.5rem;
}

}

@media (max-width: 480px) {

    .col-offset-85{width:100%;}
    .page-header {
        padding-bottom: 20px;
        margin: 20px 0 10px;
    }

    h3.page-header{
        font-size:1.2rem;	
    }

    .page-header h4{font-size:1rem;}

}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus,.sidenav  a:hover.closebtn{
    color: #000;
    text-decoration:none;
}

.sidenav  a.closebtn{
    color: #333;
    opacity: .4;
}

/* The navigation menu links */
.opennav {
    background-color: #333;
    color: #f2f2f2;
    overflow: hidden;
    position:fixed;
    top:80px;
    right:0;
    opacity: .4;
    z-index: 8;
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.opennav a {
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
    font-size: 17px;
}

#main {
    transition: margin-right .5s;
    padding: 20px;
    overflow:hidden;
    width:100%;
}

body {
    overflow-x: hidden;
}

.vertical-center
{
    display: table-cell;
    float: none;
    vertical-align: middle;
}



input[data-readonly] {
    pointer-events: none;
    background-color: #e9ecef;
}

/*********************profil upload **************/
.profile-images-card{
	background: #fff;
	padding: 30px 40px;
	box-shadow: 0px 0px 5px #ddd;
	position:reliative;
}

.profile-images{
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.profile-images img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custom-file input[type='file']{
	display: none
}

.custom-file label{
	cursor: pointer;
	color: #000;
	text-align: center;
	display: table;
	margin: auto;
	margin-top: 15px;
}

.profile-delete {
	position:absolute;
	top:2px;
	right:22px;
	cursor: pointer;
}
/*************************profil upload *************/

/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #2eaae1;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 26px 0 rgba(0, 0, 0, 0.19);}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    /*margin-left: 10px;*/
    vertical-align: baseline;
}


.toggle{
    border-radius: 2rem; 
}

.toggle-group .toggle-on {
 background-color: #8fb51b;
 color:#fff;
}

.toggle-group .toggle-off {
background-color: #fd4707;
color:#fff;
}




.labelUpload{
    font-size: 9px;
}

@media (min-width:768px) {
    .labelUpload{
        position:absolute;
        top:5px;
        right:20px;
    }
    
    .show-prices{
        display:block;
    }
}


.border-green {border: 1px solid #8fb51b}
.border-red{border: 1px solid #fd4707}
.border-blue{border: 1px solid #2eaae1}
.border-orange{border: 1px solid #fdb107}




.carousel-indicators{
    bottom: -10px;
}

.carousel-indicators li {
     
        height:8px;
        bottom: 0px;
    }
    
    forfaitover:hover{
          background-color: #dee2e6;
    }

    .forfaitover.select{
        background-color: #fdb107;
    }
    
    
    .bus{
        position:absolute;
        right:1px;
        top:1px;
        height:35px;
        width:86px;
        cursor:pointer;
    }
    
    .busvalide{
        position:absolute;
        right:1px;
        top:1px;
        height:35px;
        width:86px;
    }
    
    .nobus{
       position:absolute;
       height:0;
       width:0;
    }
    
    
    .busstop{
        font-size:0.6em;
    }
    
    .busstop_pad{
        padding-right:0px;
    }
    
     .block_no{
        position:absolute;
        left:2px;
        top:2px;
        height:35px;
        width:35px;
        cursor:pointer;
    }