/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto/roboto-v27-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/roboto/roboto-v27-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/roboto/roboto-v27-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/roboto/roboto-v27-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/roboto/roboto-v27-latin-300.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto/roboto-v27-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/roboto/roboto-v27-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/roboto/roboto-v27-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/roboto/roboto-v27-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/roboto/roboto-v27-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* Roboto Mono Fixed */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

.numeric {
    font-family: Roboto;
    font-weight: 400;
}

/* Boutons en forme de fleche */

.btn-arrow {
    position: relative;
    padding-right: 20px;
    color: white;
    border: none;
    clip-path: polygon(0 0,
            calc(100% - 10px) 0,
            100% 50%,
            calc(100% - 10px) 100%,
            0 100%);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    transition: background-color 0.3s ease;
}

/* Tableaux dans les grandes modales */

table.table-modale tbody {
    background-color: #fafafa
}

table.table-modale thead tr th {
    padding-bottom: 10px
}

table.table-modale thead tr th:first-child {
    border-radius: 10px 0 0 0
}

table.table-modale thead tr th:last-child {
    border-radius: 0 10px 0 0
}

table.table-modale tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px
}

table.table-modale tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0
}

table.table-modale tbody input.form-control {
    padding: 0 5px !important;
    height: 33px
}

table.table-modale tbody label {
    padding-top: 7px
}

/* Formulaires champs obligatoires et tick de validation à gauche */
.form-required .form-control,
.form-required .input-group>.input-group-append>.input-group-text {
    border-color: #efa0a0
}

.form-required label {
    font-weight: 500
}

input[type=number].form-control {
    padding-right: 0.1rem
}

input[type=number].form-control.is-valid,
.was-validated input[type=number].form-control:valid,
input[type=number].form-control.is-invalid,
.was-validated input[type=number].form-control:invalid {
    background-position: 5px;
    padding-right: 0.1rem;
}

/* Arrière plan */
/* Primary : #1275cc rgba(18, 117, 204) hover #0a5ea8 */
/* Danger : #d20073 hover #ab015e */

body {
    background: linear-gradient(135deg, #093064, #960153)
}

.kt-subheader--transparent .kt-subheader .kt-subheader__btn-secondary i {
    color: #fff
}

.postUid {
    cursor: pointer
}

.kt-body {
    background: linear-gradient(45deg, #093064, #960153)
}

.kt-link {
    color: #5398D5;
}

.kt-link:hover {
    color: #093064;

}

.kt-bg-grey {
    background-color: #aaa !important
}

/* .kt-body {background: url(/images/background-wizio.png)} */
.kt-footer__top {
    background-color: #031733
}

.kt-footer__bottom {
    background: linear-gradient(45deg, #093064, #960153)
}

.kt-solo-logo {
    height: 55px;
    margin-top: -5px;
    margin-left: -8px !important
}

.kt-footer__copyright,
.kt-footer__copyright a,
.kt-footer__menu {
    color: #ffffff !important;
    opacity: 0.8
}

.kt-header__brand-logo-default,
.kt-header__brand-logo-sticky {
    height: 70px;
    margin-top: -5px;
    margin-left: -8px
}

.kt-font-capitalize {
    text-transform: capitalize !important;
}

.kt-font-uppercase {
    text-transform: uppercase !important;
}

.kt-font-lowercase {
    text-transform: lowercase !important;
}

.kt-font-nonecase {
    text-transform: none !important;
}

.kt-font-secondary {
    color: #aaa
}

.btn.btn-secondary {
    color: #3F4254;
    background-color: #E4E6EF;
    border-color: #E4E6EF;
}

.btn.btn-warning {
    color: #FFF;
}

.btn.btn-label-translucide {
    background-color: rgba(76, 26, 92, .5);
    color: #FFF;
}

.btn.btn-label-translucide:hover {
    background-color: rgba(3, 23, 51, 1);
    color: #FFF;
}

.btn.btn-label-translucide .kt-svg-icon g [fill] {
    fill: #FFF;
}

.btn.btn-label-translucide:hover .kt-svg-icon g [fill] {
    fill: #FFF;
}

/* Modale anniversaire */

.modal-birthday {
    color: #fff;
    background: linear-gradient(-45deg, #093064, #960153);
}

/* Modale fullscreen */

@media (max-width: 1480px) {
    .modal-xl {
        max-width: 90% !important;
    }
}

@mixin modal-fullscreen() {
    padding: 0 !important; // override inline padding-right added from js

    .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-body {
        overflow-y: auto;
    }

}

@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-down($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

        .modal-fullscreen#{$infix} {
            @include modal-fullscreen();
        }

    }
}



/* Switchs */
.kt-switch.kt-switch--info:not(.kt-switch--outline) input:empty~span:before {
    background-color: #dddddd
}

.kt-switch.kt-switch--info:not(.kt-switch--outline) input:checked~span:before {
    background-color: #509cde
}

/* Scoring */
.kt-widget_scoring i {
    font-size: 120% !important;
    margin: 1px;
    cursor: pointer
}

.kt-widget_scoring_no_over i {
    font-size: 120% !important;
    margin: 1px
}

.kt-widget_scoring .fa-star,
.kt-widget_scoring_no_over .fa-star {
    color: #dddddd
}

.kt-widget_scoring .fa-star.fa-star-on,
.kt-widget_scoring_no_over .fa-star.fa-star-on {
    color: #ffb822
}

/* UX */
.kt-hover-pointer:hover {
    cursor: pointer
}

;

.kt-font-fixed {
    font-family: 'Roboto' !important
}

/* ----  */

.likeme:hover {
    cursor: pointer
}

;

.form-control::-webkit-input-placeholder {
    color: #cbcfe4;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #cbcfe4;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #cbcfe4;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #cbcfe4;
    opacity: 1
}

.form-control::placeholder {
    color: #cbcfe4;
    opacity: 1
}

.kt-widget5__content table {
    border-color: #dddddd
}

.kt-portlet.kt-translucide {
    background-color: rgba(255, 255, 255, 0.4);
}

.kt-portlet.kt-translucide>.kt-portlet__head {
    background-color: rgba(255, 255, 255, 1)
}

.kt-portlet.kt-translucide>.kt-portlet__body {
    padding: 0.8rem
}

.kt-portlet.kt-translucide .kt-portlet {
    background-color: rgba(255, 255, 255, 1);
    padding: 1.2rem;
    margin-bottom: 0.8rem
}

.kt-portlet.kt-no-bg {
    background-color: transparent;
}

.kt-portlet.kt-no-box-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* Gestion menu profil utilisateur */

@media(max-width:400px) {
    .kt-app .kt-app__asidePU {
        width: 300px
    }
}

@media(min-width:1025px) {
    .kt-app .kt-app__asidePU.kt-app__asidePU--sm {
        width: 300px
    }
}

@media(max-width:300px) {
    .kt-app .kt-app__asidePU.kt-app__asidePU--sm {
        width: 200px
    }
}

@media(min-width:1025px) {
    .kt-app .kt-app__asidePU.kt-app__asidePU--lg {
        width: 450px
    }
}

@media(max-width:500px) {
    .kt-app .kt-app__asidePU.kt-app__asidePU--lg {
        width: 400px
    }
}

@media(min-width:1025px) {
    .kt-app .kt-app__asidePU.kt-app__asidePU--xl {
        width: 600px
    }
}

@media(max-width:650px) {
    .kt-app .kt-app__asidePU.kt-app__asidePU--xl {
        width: 550px
    }
}

.kt-app .kt-app__content {
    margin-left: 20px
}

.kt-app .kt-app__detail {
    margin-left: 20px
}

@media(min-width:1025px) {
    .kt-app .kt-app__detail {
        width: 550px
    }
}

@media(max-width:600px) {
    .kt-app .kt-app__detail {
        width: 500px
    }
}

@media(min-width:1025px) {
    .kt-app .kt-app__detail.kt-app__detail--sm {
        width: 400px
    }
}

@media(max-width:450px) {
    .kt-app .kt-app__detail.kt-app__detail--sm {
        width: 350px
    }
}

@media(min-width:1025px) {
    .kt-app .kt-app__detail.kt-app__detail--lg {
        width: 700px
    }
}

@media(max-width:750px) {
    .kt-app .kt-app__detail.kt-app__detail--lg {
        width: 650px
    }
}

@media(min-width:1025px) {
    .kt-app .kt-app__detail.kt-app__detail--xl {
        width: 850px
    }
}

@media(max-width:900px) {
    .kt-app .kt-app__detail.kt-app__detail--xl {
        width: 800px
    }
}

@media(max-width:1024px) {
    .kt-app .kt-app__asidePU {
        padding: 35px 15px 15px;
        background-color: #fff
    }

    .kt-app .kt-app__asidePU .kt-portlet {
        -webkit-box-shadow: 0 0 30px 0 rgba(82, 63, 105, .1);
        box-shadow: 0 0 30px 0 rgba(82, 63, 105, .1)
    }

    .kt-app .kt-app__asidePU.kt-app__asidePU--fit {
        padding: 20px 0 0
    }

    .kt-app .kt-app__asidePU.kt-app__asidePU--fit .kt-portlet {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .kt-app .kt-app__content {
        margin-left: 0
    }

    .kt-app .kt-app__detail {
        margin-left: 0
    }
}

.kt-app__asidePU-close {
    display: none
}

@media(max-width:1024px) {
    .kt-app__asidePU {

        width: 100%;
        -webkit-transition: left 0.3s ease, right 0.3s ease;
        transition: left 0.3s ease, right 0.3s ease;
        margin-bottom: 1rem
    }

    .kt-app__asidePU.kt-app__asidePU--on {
        -webkit-transition: left 0.3s ease, right 0.3s ease;
        transition: left 0.3s ease, right 0.3s ease;
        left: 0
    }
}

@media screen and(max-width:1024px) and(-ms-high-contrast:active),
(max-width:1024px) and(-ms-high-contrast:none) {
    .kt-app__asidePU {
        -webkit-transition: none !important;
        transition: none !important
    }
}

@media(max-width:1024px) {
    .kt-app__asidePU--right .kt-app__asidePU {
        right: -320px;
        left: auto
    }

    .kt-app__asidePU--right .kt-app__asidePU.kt-app__asidePU--on {
        -webkit-transition: left 0.3s ease, right 0.3s ease;
        transition: left 0.3s ease, right 0.3s ease;
        right: 0;
        left: auto
    }

    .kt-app__asidePU-close {
        width: 25px;
        height: 25px;
        top: 1px;
        z-index: 1002;
        -webkit-transition: left 0.3s ease, right 0.3s ease;
        transition: left 0.3s ease, right 0.3s ease;
        position: fixed;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 10px;
        cursor: pointer;
        outline: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: -25px
    }
}

@media screen and(max-width:1024px) and(-ms-high-contrast:active),
(max-width:1024px) and(-ms-high-contrast:none) {
    .kt-app__asidePU-close {
        -webkit-transition: none !important;
        transition: none !important
    }
}

@media(max-width:1024px) {
    .kt-app__asidePU-close>i {
        line-height: 0;
        font-size: 1.4rem
    }

    .kt-app__asidePU-close:hover {
        text-decoration: none
    }

    .kt-app__asidePU--right .kt-app__asidePU-close {
        left: auto;
        right: -25px
    }

    .kt-app__asidePU--on .kt-app__asidePU-close {
        -webkit-transition: left 0.3s ease, right 0.3s ease;
        transition: left 0.3s ease, right 0.3s ease;
        left: 274px
    }

    .kt-app__asidePU--on.kt-app__asidePU--right .kt-app__asidePU-close {
        left: auto;
        right: 274px
    }

    .kt-app__asidePU-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        z-index: 1000;
        background: rgba(0, 0, 0, .1);
        -webkit-animation: kt-animate-fade-in 0.3s linear 1;
        animation: kt-animate-fade-in 0.3s linear 1
    }

    .kt-app__asidePU-overlay {
        background: rgba(0, 0, 0, .05)
    }

    .kt-app__asidePU-close {
        background-color: #f7f8fa
    }

    .kt-app__asidePU-close>i {
        color: #74788d
    }

    .kt-app__asidePU-close:hover {
        background-color: transparent
    }

    .kt-app__asidePU-close:hover>i {
        color: #366cf3
    }
}

@media(max-width:350px) {
    .kt-app__asidePU {
        width: 90% !important
    }
}

/* Subnav */

.wz-subnav .btl-bbl-square {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.wz-subnav .kt-portlet.kt-translucide .kt-portlet {
    padding: 0;
}

.wz-subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768px) {
    .wz-subnav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.wz-subnav .wz-subnav__aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 340px;
    flex: 0 0 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 340px;
    border-right: 1px solid #eeeeee;
    padding: 4.5rem 1.5rem 4.5rem 1.5rem;
    background: #eeeeee;
    border-radius: 10px 0 0 10px;
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav {
    width: 100%
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item {
    padding: .75rem 1.5rem;
    position: relative;
    border-radius: 16px
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item .wz-subnav__nav-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item .wz-subnav__nav-body .wz-subnav__nav-icon {
    font-size: 2.5rem;
    margin-right: 1.1rem;
    color: #959cb6
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item .wz-subnav__nav-body .wz-subnav__nav-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item .wz-subnav__nav-body .wz-subnav__nav-label .wz-subnav__nav-label-title {
    color: #50566a;
    font-weight: 500;
    font-size: 1.1rem
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item .wz-subnav__nav-body .wz-subnav__nav-label .wz-subnav__nav-label-desc {
    color: #959cb6
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item[data-ktwizard-state=current] {
    background-color: #ffffff
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item[data-ktwizard-state=current] .wz-subnav__nav-icon {
    color: #366cf3
}

.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item[data-ktwizard-state=current] .wz-subnav__nav-label-title {
    font-weight: 700 !important;
}


.wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items.wz-subnav__nav-items--clickable .wz-subnav__nav-item {
    cursor: pointer
}

@media (max-width:768px) {
    .wz-subnav .wz-subnav__aside {
        padding: 1rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

    .wz-subnav .wz-subnav__aside .wz-subnav__nav .wz-subnav__nav-items .wz-subnav__nav-item[data-ktwizard-state=current]:after {
        content: none
    }
}

.wz-subnav .wz-subnav__wrapper {
    width: 100%;
    border-radius: 16px;
}

.wz-subnav .wz-subnav__wrapper .kt-form {
    width: 80%;
    padding: 4rem 6rem 6rem
}

@media (max-width:1399px) {
    .wz-subnav .wz-subnav__wrapper .kt-form {
        width: 100%
    }
}

@media (max-width:768px) {
    .wz-subnav .wz-subnav__wrapper .kt-form {
        padding: 2rem 2.5rem 4rem
    }
}

.wz-subnav .wz-subnav__wrapper .kt-form .wz-subnav__content {
    padding-bottom: 1.3rem;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 2rem
}

.wz-subnav .wz-subnav__wrapper .kt-form .wz-subnav__content .wz-subnav__review .wz-subnav__review-item {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eeeeee
}

.wz-subnav .wz-subnav__wrapper .kt-form .wz-subnav__content .wz-subnav__review .wz-subnav__review-item .wz-subnav__review-title {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: .7rem
}

.wz-subnav .wz-subnav__wrapper .kt-form .wz-subnav__content .wz-subnav__review .wz-subnav__review-item .wz-subnav__review-content {
    line-height: 1.8rem
}

.wz-subnav .wz-subnav__wrapper .kt-form .wz-subnav__content .wz-subnav__review .wz-subnav__review-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.wz-subnav .wz-subnav__wrapper .kt-form .kt-form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:576px) {
    .wz-subnav .wz-subnav__wrapper .kt-form .kt-form__actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:576px) {
    .wz-subnav .wz-subnav__wrapper .kt-form .kt-form__actions .btn {
        margin: 0 .5rem 1rem
    }
}


.wz-subnav.wz-subnav--white .wz-subnav__wrapper {
    background-color: #fff
}

.predictive_address_area .adresse_predictions {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    display: none;

}

.predictive_address_area .adresse_predictions li {
    padding: 5px 10px;
    cursor: pointer;
}

.predictive_address_area .adresse_predictions li:hover {
    background-color: #f0f0f0;
}

.fancybox-content {
    min-height: 80%;
    min-width: 80%;
}

/*# 2025 #*/
/* 

Green : #69c8af #4e9482
Blue : #3597ff #2a78cc
Purple : #8047d8 #6236a6
Pink : #f64597 #c33677
Orange : #feac73 #feac73
Red : #ff5664 #cc4450

*/

body,
.kt-body {
    background: #000000;
    background: linear-gradient(41deg, rgba(0, 0, 0, 1) 0%, rgba(64, 36, 64, 1) 88%, rgba(92, 45, 92, 1) 100%);
}


.btn.btn-label-primary {
    background-color: rgba(88,103,221,.1);
    color: #1275cc ;
    cursor: text!important
}

.kt-portlet,
.modal-content,
.modal .modal-content,
.kt-portlet .kt-portlet__body,
.tab-content {
    border-radius: 16px;
}

.btn,
.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link,
.kt-subheader .kt-subheader__toolbar .btn.kt-subheader__btn-secondary,
.kt-subheader .kt-subheader__toolbar .btn.kt-subheader__btn-options {
    border-radius: 10px;
}

.kt-footer__top {
    background-color: #000
}

.kt-footer__bottom {
    background: linear-gradient(45deg, #000, #000)
}

.btn-success {
    color: #fff;
    background-color: #69c8af;
    border-color: #69c8af;
    color: #fff
}

.btn-success:hover {
    color: #fff;
    background-color: #4e9482;
    border-color: #4e9482
}

.kt-font-success {
    color: #69c8af!important
}

.kt-font-hover-success:hover {
    color: #4e9482
}