/*********************/
/********ONGLETS******/
/*********************/
.ongletsGroupes {
    margin-bottom: 50px;
}
.ongletsGroupes .containerOnglets {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 75px;
    cursor: pointer;
    border: 1px solid #22BBEA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 16px;
    line-height: 19px;
}
.ongletsGroupes .containerOnglets:after {
    position: absolute;
    top: 35px;
    right: 30px;
    width: 14px;
    height: 7px;
    background-size: 14px auto;
    background-image: url("../../assets/img/rdv-detail/arrowBlack.svg");
    content: "";
    z-index: 2;
}
.ongletsGroupes .containerOnglets.widgetMois {
    border-color: #22BBEA;
    color: #fff;
    background-color: #22BBEA;
}
.ongletsGroupes .containerOnglets.widgetMois:after {
    background-image: url("../../assets/img/rdv-detail/arrowOngletRdv.svg");
}

.ongletsGroupes .containerOnglets:last-child {
    margin-bottom: 0;
}
.pops {
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(34, 187, 234, 0.2);
    z-index: 25;
}
.pops.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pops .popin {
    width: calc(100% - 30px);
    height: calc(50%);
    max-height: 50%;
    padding: 30px 34px;
    background-color: #fff;
    z-index: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: calc(100% - 30px);
    position: relative;
    padding-top: 75px;
    border-radius: 30px;
    max-width: 640px;
}
.pops .popin .closeur {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-image: url("../../assets/img/rdv-detail/closeur.svg");
    background-size: cover;
    z-index: 5;
}
.pops .popin .pop {
    width: 100%;
    max-height: 100%;
}
.pops .popin .pop .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 30px;
}
.pops .popin .pop .data .case {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #22BBEA;
    border-radius: 30px 30px 30px 30px;
    padding: 30px 20px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #22BBEA;
    width: 100%;
    margin: 15px;
    cursor: pointer;
}
.pops .popin .pop .data .case:hover, .pops .popin .pop .data .case.active {
    background-color: #22BBEA;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .ongletsGroupes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .ongletsGroupes .containerOnglets {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: calc(100% / 3);
        min-width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .ongletsGroupes .containerOnglets {
        border-radius: 0;
        margin-left: -1px;
        margin-bottom: 0;
    }
    .ongletsGroupes .containerOnglets:first-child {
        margin-left: 0;
        border-radius: 30px 0 0 30px;
    }
    .ongletsGroupes .containerOnglets:last-child {
        border-radius: 0 30px 30px 0;
    }
    .ongletsGroupes .containerOnglets {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .pops .popin {
        max-height: 800px;
    }
    .pops .popin .pop .data.double .case {
        width: calc(50%  - 30px);
        max-width: calc(50%  - 30px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/***************************/
/***************************/
/***************************/
.ss-main {
    position:relative;
    display:inline-block;
    user-select:none;
    color:#666;
    width:100%
}
.ss-main .ss-single-selected {
    display:flex;
    cursor:pointer;
    width:100%;
    height:30px;
    padding:6px;
    border:1px solid #dcdee2;
    border-radius:4px;
    background-color:#fff;
    outline:0;
    box-sizing:border-box;
    transition:background-color .2s
}
.ss-main .ss-single-selected.ss-disabled {
    background-color:#dcdee2;
    cursor:not-allowed
}
.ss-main .ss-single-selected.ss-open-above {
    border-top-left-radius:0;
    border-top-right-radius:0
}
.ss-main .ss-single-selected.ss-open-below {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.ss-main .ss-single-selected .placeholder {
    flex:1 1 100%;
    text-align:left;
    width:calc(100% - 30px);
    line-height:1em;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.ss-main .ss-single-selected .placeholder,
.ss-main .ss-single-selected .placeholder * {
    display:flex;
    align-items:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ss-main .ss-single-selected .placeholder * {
    width:auto
}
.ss-main .ss-single-selected .placeholder .ss-disabled {
    color:#dedede
}
.ss-main .ss-single-selected .ss-deselect {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:0 1 auto;
    margin:0 6px;
    font-weight:700
}
.ss-main .ss-single-selected .ss-deselect.ss-hide {
    display:none
}
.ss-main .ss-single-selected .ss-arrow {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:0 1 auto;
    margin:0 6px
}
.ss-main .ss-single-selected .ss-arrow span {
    border:solid #666;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:3px;
    transition:transform .2s,margin .2s
}
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
    transform:rotate(-135deg);
    margin:3px 0 0
}
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
    transform:rotate(45deg);
    margin:-3px 0 0
}
.ss-main .ss-multi-selected {
    display:flex;
    flex-direction:row;
    cursor:pointer;
    min-height:30px;
    width:100%;
    padding:0 0 0 3px;
    border:1px solid #dcdee2;
    border-radius:4px;
    background-color:#fff;
    outline:0;
    box-sizing:border-box;
    transition:background-color .2s
}
.ss-main .ss-multi-selected.ss-disabled {
    background-color:#dcdee2;
    cursor:not-allowed
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
    color:#666
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor:not-allowed
}
.ss-main .ss-multi-selected.ss-open-above {
    border-top-left-radius:0;
    border-top-right-radius:0
}
.ss-main .ss-multi-selected.ss-open-below {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.ss-main .ss-multi-selected .ss-values {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    flex:1 1 100%;
    width:calc(100% - 30px)
}
.ss-main .ss-multi-selected .ss-values .ss-disabled {
    display:flex;
    padding:4px 5px;
    margin:2px 0;
    line-height:1em;
    align-items:center;
    width:100%;
    color:#dedede;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
@keyframes scaleIn {
    0% {
        transform:scale(0);
        opacity:0
    }
    to {
        transform:scale(1);
        opacity:1
    }
}
@keyframes scaleOut {
    0% {
        transform:scale(1);
        opacity:1
    }
    to {
        transform:scale(0);
        opacity:0
    }
}
.ss-main .ss-multi-selected .ss-values .ss-value {
    display:flex;
    user-select:none;
    align-items:center;
    font-size:12px;
    padding:3px 5px;
    margin:3px 5px 3px 0;
    color:#fff;
    background-color:#5897fb;
    border-radius:4px;
    animation-name:scaleIn;
    animation-duration:.2s;
    animation-timing-function:ease-out;
    animation-fill-mode:both
}
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
    animation-name:scaleOut;
    animation-duration:.2s;
    animation-timing-function:ease-out
}
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
    margin:0 0 0 5px;
    cursor:pointer
}
.ss-main .ss-multi-selected .ss-add {
    display:flex;
    flex:0 1 3px;
    margin:9px 12px 0 5px
}
.ss-main .ss-multi-selected .ss-add .ss-plus {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#666;
    position:relative;
    height:10px;
    width:2px;
    transition:transform .2s
}
.ss-main .ss-multi-selected .ss-add .ss-plus:after {
    background:#666;
    content:"";
    position:absolute;
    height:2px;
    width:10px;
    left:-4px;
    top:4px
}
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
    transform:rotate(45deg)
}
.ss-content {
    position:absolute;
    width:100%;
    margin:-1px 0 0;
    box-sizing:border-box;
    border:1px solid #dcdee2;
    z-index:1010;
    background-color:#fff;
    transform-origin:center top;
    transition:transform .2s,opacity .2s;
    opacity:0;
    transform:scaleY(0)
}
.ss-content.ss-open {
    display:block;
    opacity:1;
    transform:scaleY(1)
}
.ss-content .ss-search {
    display:flex;
    flex-direction:row;
    padding:8px 8px 6px
}
.ss-content .ss-search.ss-hide,
.ss-content .ss-search.ss-hide input {
    height:0;
    opacity:0;
    padding:0;
    margin:0
}
.ss-content .ss-search input {
    display:inline-flex;
    font-size:inherit;
    line-height:inherit;
    flex:1 1 auto;
    width:100%;
    min-width:0;
    height:30px;
    padding:6px 8px;
    margin:0;
    border:1px solid #dcdee2;
    border-radius:4px;
    background-color:#fff;
    outline:0;
    text-align:left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-appearance:textfield
}
.ss-content .ss-search input::placeholder {
    color:#8a8a8a;
    vertical-align:middle
}
.ss-content .ss-search input:focus {
    box-shadow:0 0 5px #5897fb
}
.ss-content .ss-search .ss-addable {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    font-size:22px;
    font-weight:700;
    flex:0 0 30px;
    height:30px;
    margin:0 0 0 8px;
    border:1px solid #dcdee2;
    border-radius:4px;
    box-sizing:border-box
}
.ss-content .ss-addable {
    padding-top:0
}
.ss-content .ss-list {
    max-height:200px;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:left
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    padding:6px 10px;
    font-weight:700
}
.ss-content .ss-list .ss-optgroup .ss-option {
    padding:6px 6px 6px 25px
}
.ss-content .ss-list .ss-optgroup-label-selectable {
    cursor:pointer
}
.ss-content .ss-list .ss-optgroup-label-selectable:hover {
    color:#fff;
    background-color:#5897fb
}
.ss-content .ss-list .ss-option {
    padding:6px 10px;
    cursor:pointer;
    user-select:none
}
.ss-content .ss-list .ss-option * {
    display:inline-block
}
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover {
    color:#fff;
    background-color:#5897fb
}
.ss-content .ss-list .ss-option.ss-disabled {
    cursor:not-allowed;
    color:#dedede;
    background-color:#fff
}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color:#666;
    background-color:rgba(88,151,251,.1)
}
.ss-content .ss-list .ss-option.ss-hide {
    display:none
}
.ss-content .ss-list .ss-option .ss-search-highlight {
    background-color:#fffb8c
}