/* Empty. Add your own CSS if you like */

.background {
    background-color: #33ccff;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

.wizi_no_scroll {
    overflow-y: hidden !important;
}

.scroll-content {
    padding-top: 0 !important;
}

p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
pre {
    font-family: 'Poppins', sans-serif;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
pre {
    color: #444;
}

pre {
    font-size: 14px;
}

.wizi_hr {
    border: 0;
    border-bottom: 1px solid #eaeaea;
}

videojs {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.video-js {
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.datepicker-inline .datepicker {
    margin: auto;
}

.line-through {
    text-decoration: line-through;
}


/*.platform-android .bar .title {
    line-height: 52px !important;
}

.bar .title {
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    width: 100%;
    text-align: center !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}*/

p {
    white-space: initial !important;
}

.view-container {
    position: relative;
    margin: auto;
}

.mymodal {
    width: 90%;
    height: 50px;
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    border: 2px solid #67d1f0;
}


/* Home Page style */

.homeLogo {
    width: 30%
}

.homeBG {
    background-color: #33ccff;
}

.homeFooter {
    font-size: 10px;
    color: #7d7d7d;
}

.item-price {
    background: #3c3d3d none repeat scroll 0 0;
    color: white;
    font-size: 22px;
    opacity: 0.8;
    position: absolute;
    top: 136px;
    width: 40%;
    z-index: 1000;
    visibility: visible
}

.item-month {
    color: #67d1f0;
    font-size: 12px;
    left: 0;
    position: relative;
    top: 1px;
}

.listing-ads h2 {
    color: #585858;
}

.lightBlue {
    color: #67d1f0;
    font-size: 20px;
    font-weight: 400;
}

.advert-item {
    color: #7f8082;
}

.advert-item-small {
    display: block;
    color: #444;
    padding: 3px 3px 3px 0;
    border-radius: 0px;
    float: right;
    width: 100%;
}

.advert-item-small span {
    text-transform: capitalize;
}

.item-input-wrapper {
    background: #fff none repeat scroll 0 0;
    color: #7f8082;
}

.slide-in-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.slide-in-right.ng-enter,
.slide-in-right>.ng-enter {
    -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
    transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.slide-in-right.ng-enter-active,
.slide-in-right>.ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-in-right.ng-leave,
.slide-in-right>.ng-leave {
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}


/** Diaporama **/

.diapo-document {
    width: 332px;
}

.center-diapo>.diapo-document {
    margin: auto !important;
}

.button-ico-diapo {
    font-size: 30px !important;
}

.text-white {
    color: white !important;
    font-weight: 300;
}

.label-login-text {
    font-size: 25px;
}

.label-menu {
    margin-left: 15px;
}

.text-menu {
    font-size: 16px !important;
}

.item-menu {
    border-top: 1px solid white !important;
}

.status-application {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.status-success {
    color: #008916;
}

.status-error {
    color: red;
}

.background-wizi {
    background-color: #33ccff !important;
}

#content-applications {
    background-color: #33ccff;
}

.ion-chatbubbles {
    /*color: #7f8082 !important;*/
}

.no-margin-top {
    margin-top: 0 !important;
}

img.img-flat-renter {
    height: 190px;
    border-radius: 5px;
}

.no-radius {
    border-radius: 0 !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.badge-green {
    background-color: forestgreen !important;
}

.text-center {
    text-align: center !important;
}

.margin-auto {
    margin: auto !important;
}

.centered-and-cropped {
    object-fit: cover !important;
}

.bar-application-send {
    background-color: #91aee2 !important;
    border: none;
}

.text-danger {
    color: #ed5565 !important;
}

.button-add-document {
    width: 95px !important;
    font-size: 13px;
    padding: 5px;
    height: 20px !important;
}

.button-add-document>i {
    font-size: 13px;
}

.text-right {
    text-align: right !important;
    float: right;
    display: inline;
}

.icon-min {
    font-size: 13px !important;
}

.wrap {
    white-space: normal !important;
}

.icon-add {
    width: 40px !important;
}

.icon-black {
    color: #585858 !important;
}

.not-registered {
    font-style: italic;
}

.not-registered>.link {
    color: blue;
    text-decoration: underline;
}

.text-underline {
    text-decoration: underline;
}

.btn-wizi-white {
    border-radius: 35px;
    box-shadow: none;
    color: #33ccff;
}

.btn-switch-filter {
    all: unset;
    font-family: 'Poppins', sans-serif;
    border-radius: 6px;
    padding: 7px 24px;
    color: #555A5F;
    box-shadow: 0 1px 4px 0 rgba(21, 34, 50, 0.15);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
}

.btn-switch-filter.btn-switch-active {
    background: rgba(2, 147, 152, 0.1);
    color: #029398;
    border: 1px solid #029398;
    box-shadow: none;
}

div.btn-wizi-white {
    padding-top: 3px;
}

.btn-wizi-blue {
    background-color: #33ccff;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    border: 1px solid white;
}

.btn-wizi-blue:hover {
    color: #ffffff;
}

.no-border {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

.item-wizi {
    background-color: #33ccff !important;
    color: white !important;
}

i.ion-plus.text-white {
    color: #ffffff !important;
}

.ion-icon-error {
    color: red !important;
}

.item.active.item-wizi {
    border-color: #33ccff !important;
    background-color: #33ccff !important;
}

.border-white {
    border: 1px solid white !important;
}

.background-white {
    background-color: white !important;
}

.border-item {
    border-bottom: 1px solid #8c8c8c !important;
}

.content-item-avatar {
    padding: 5px 0 0 65px;
}

.icon-application-user-choice {
    font-size: 50px;
    margin: 80px auto 0;
    color: #ffffff;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.bar-clam-100 .title {
    color: white;
    font-weight: normal;
}

.bar-header {
    background-color: white !important;
}

.bar-header button {
    color: #444 !important;
}


/** MATERIAL **/

div.list-material {
    background: transparent;
}

.list-input-material {
    margin-bottom: 30px;
}

.item-credentials-material {
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.item-stacked-label {
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
}

.input-label-material {
    color: white;
}

input.input-credentials-material {
    background-color: #33ccff !important;
    color: white;
    width: 100% !important;
}

.icon-material {
    color: white;
    font-size: 25px !important;
}

.row-material {
    border-bottom: 1px solid #ffffff !important;
}

.header-material {
    background-color: #33ccff;
    border-bottom: 2px solid #33ccff !important;
}

.header-material.bar-header {
    border: 0px !important;
    border-bottom-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
}

select.select-material {
    background-color: #33ccff;
    color: white;
}

textarea.textarea-material {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #33ccff;
    color: white;
    resize: none;
}

p.sub-material {
    font-size: 10px !important;
}

.item-search-flat {
    padding: 0 !important;
}

.icon-search-flat {
    font-size: 24px;
    margin: 0 10px;
}

ion-tabs.tabs-color-active-positive .tab-item.tab-item-active,
ion-tabs.tabs-color-active-positive .tab-item.active,
ion-tabs.tabs-color-active-positive .tab-item.activated {
    color: white !important;
    font-weight: 700 !important;
    border: none !important;
}

ion-tabs.tabs-color-active-positive .tab-item {
    color: #ddd;
}

.tabs .tab-item .icon.wizi-icon {
    background-repeat: no-repeat;
    background-position: 50%;
    height: 67%;
    background-image: url('../img/wall.png');
    background-size: 27px;
    display: block;
}

ion-tabs.tabs-color-active-positive .tab-item.tab-item-active .icon.wizi-icon {
    background-image: url('../img/wall-active.png');
}

.item.item-input-inset.text-white.range {
    width: auto;
    padding: 0;
}

.item.item-input-inset.text-white.range input {
    margin-top: 0;
}

.homeBG.whiteScroll {
    background: white !important;
}

.bg-warning {
    background-color: #fcf8e3;
    padding: 8px;
}

.bg-grey {
    background-color: #969696;
    color: #ffffff
}

.bar-wizi {
    background-color: #33ccff;
    color: #ffffff;
}

.bg-success {
    background-color: #eafce3;
    padding: 8px;
}

i.warning {
    font-size: 22px;
    color: orange;
}

.no-padding {
    padding: 0 !important;
}

a.icon-tab-wizi,
a.icon-tab-wizi>i.icon {
    color: white !important;
}

#profile-mode {
    position: absolute;
    top: -100px;
    width: 100%;
    z-index: 2;
    text-align: center;
    background-color: #33ccff;
}

.chat .item {
    border-radius: 5px;
    background-color: #F2F2F2;
}

.chat .item p {
    white-space: normal;
    color: black;
    padding-left: 40px;
}

.chat .background-wizi p {
    color: white;
    margin-left: 5px;
}

.chat img.tchat-avatar {
    left: 5px;
    top: 5px;
    border-radius: 50%;
    max-height: 40px;
    max-width: 40px;
    height: 100%;
    position: absolute;
    width: 100%;
}

.chat p.date {
    font-size: 12px;
    color: grey;
    text-align: right;
}

.button-tight {
    padding-left: 10px;
    padding-right: 10px;
}

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

.tab-inactive {
    display: none;
}


/* Chat Menu */

.list ion-item.item.wizi-chat-menu {
    border-bottom: solid 1px #484848;
}

.wizi-chat-menu p {
    color: #B8B8B8;
}


/* Chat Popup */

.chatMessages {
    margin: 10px;
}

.chatMessagesItem.item {
    padding: 8px;
    min-height: 20px;
}

.chatMessagesItem p {
    margin: 0;
    padding: 0;
    width: 100%;
}

#messageContent {
    padding: 8px;
    width: 50%;
    margin: 5px;
    height: 35px;
    flex: 20;
    background-color: #FAFAFA;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    color: #444;
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0;
}

#messageContent::placeholder {
    color: #666;
}

.chatButton {
    background: #E8E8E8;
    width: 100%;
    height: 80px;
}

.chatButton i {
    position: absolute;
    font-size: 40px !important;
    padding: 4px;
    margin: 1px;
    top: -2px;
    left: 18%;
}

.chatButton textarea {
    border-radius: 5px;
}

.chatButton button {
    padding: 2px;
}

.chatButton button,
.chatButton textarea {
    margin: 5px;
}

.chatButton button i {
    font-size: 40px;
}

.chatForm {
    width: 100%;
}

.chatMessagesItemOther.chatMessagesItem.item {
    min-height: 50px;
}

.red {
    color: #e74c3c;
}

.grey {
    color: grey;
}

.color-wizi {
    color: #33ccff;
}

.item-select select {
    position: relative;
    max-width: 100%;
    padding-left: 0;
    direction: ltr;
}

.title-wizi {
    color: #33ccff;
    padding: 5px;
}

.bar>.button+.button.button-adjust {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: visible !important;
}

.button.no-width {
    width: auto;
    max-width: none;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.wizi-flash-info {}

.nav-bar-title {
    color: white;
    background-color: #33ccff;
}

.header-item {
    color: white;
}

.item-avatar>img:first-child {
    top: 30px;
    left: 20px;
    object-fit: cover;
}

.hidden {
    display: none;
}


/* CHAT */

.bar-footer {
    /*height: 65px;*/
}


/* CHAT BADGES */

.wizi-badges-messages {
    position: absolute !important;
}

.btn-docs {
    height: 190px;
    border-radius: 0;
    background: url('../img/my-folder-img.jpg');
    -webkit-background-size: cover;
    text-align: center;
    padding-top: 45px;
}

.text-docs {
    text-align: center;
    color: #fbfbfb;
    font-weight: 200;
    font-family: 'Roboto script=all rev=2"', sans-serif;
}

.ma-gestion {
    height: 190px;
    border-radius: 0;
    background: url('../img/my-folder-img.jpg');
    -webkit-background-size: cover;
    text-align: center;
    padding-top: 20%;
}

.text-docs-gestion {
    text-align: center;
    color: #fbfbfb;
    font-weight: 200;
    font-family: 'Roboto script=all rev=2"', sans-serif;
    display: inline-block;
    vertical-align: baseline;
}

.custom-badge-docs {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 1%;
}

.wizi-flats-owner-addicon-docs {
    font-size: 40px;
    color: #33ccff;
}

.slide-sign-up {
    padding-bottom: 40px;
}

.form-sign-up {
    height: 110%;
}

.form-act-guarentee {
    min-height: 255%
}

.text-adjust {
    text-align: justify;
}

.text-bold {
    font-weight: bolder;
}

.subtitle-mandat {
    font-size: 13px;
}

.list-title {
    font-size: 12px;
}

.wizi-activated {
    background-color: #33ccff !important;
    color: #ffffff;
}


/* Override Native Ionic Navicon */

.button-top-profil.ion-person {
    background: url(../img/profil-menu.png) no-repeat !important;
    background-size: 70% !important;
    background-position-y: 10px !important;
}

.ionic_datepicker_popup .popup-body .selected_date_full,
.ionic_datepicker_popup .selected_date,
.ionic_datepicker_popup .popup-buttons button {
    background-color: #33ccff !important;
}

.ionic_datepicker_popup .popup-body .button-clear,
.ionic_datepicker_popup .popup-body .month_select::after,
.ionic_datepicker_popup .popup-body .year_select::after {
    color: #33ccff !important;
}

.ionic_datepicker_popup .popup-body .month_select,
.ionic_datepicker_popup .popup-body .year_select {
    border-bottom: #33ccff !important;
}

.custom-table,
.custom-table th,
.custom-table td {
    border-collapse: collapse;
    border: 2px solid #33ccff;
    padding: 2px;
}

.sweet-alert {
    pointer-events: all !important;
}

.activeChat {
    font-weight: bold !important;
    color: white !important;
}

.profileIncome {
    font-size: 10px;
}

.bar .title+.button:last-child {
    top: 6px;
}

.item-wizi i.icon {
    padding-right: 15px;
    padding-left: 10px;
}

.image-proportion {
    width: auto !important;
    height: auto !important;
}

.bar {
    box-shadow: none;
    border-bottom: none;
}

.tabs {
    /*border-top: 1px solid #eee !important;*/
    background-color: #515151 !important;
    background-image: none !important;
    height: 52px !important;
    border: none !important;
}

.ion-navicon-round {
    font-size: 19px;
}

.bar-grey-100 {
    background-color: #a2acb0 !important;
}

.wizi-blue {
    color: #33ccff;
}

.item {
    margin-left: 0px !important;
}

.badge.badge-stable {
    color: #a2acb0;
}

.bar-header {
    background-color: white !important;
}

.badge-wizi {
    background-color: #029398 !important;
    color: white !important;
}

.bg-firstpic {
    background-color: #33ccff;
}

.wizi-form-input {
    -webkit-appearance: none;
    border: 1px solid #aaa !important;
    border-radius: 5px;
    padding: 7px !important;
    width: 100%;
    height: 45px !important;
    font-size: 14px !important;
    color: #444 !important;
    line-height: 23px;
}

.wizi-form-textarea-little {
    -webkit-appearance: none;
    border: 1px solid #aaa !important;
    padding: 10px !important;
    max-width: 420px;
    width: 100%;
    font-size: 14px !important;
    color: #444 !important;
    /*text-align: center;*/
    border-radius: 5px !important;
    line-height: 23px;
}

input.wizi-form-input-little {
    -webkit-appearance: none;
    border: 1px solid #aaa !important;
    border-radius: 5px;
    padding: 7px;
    width: 100%;
    max-width: 420px;
    height: 45px !important;
    font-size: 14px !important;
    color: #444 !important;
    /*text-align: center;*/
    line-height: 23px;
}

.wizi-form-input-little:focus {
    border-color: #35ae91 !important;
}

.iti {
    width: 100%;
    z-index: 999999;
}

.inline_input {
    height: 74px !important;
    font-size: 22px !important;
    text-align: center !important;
    width: 100%;
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    border-left: 1px solid !important;
    border-color: #868686 !important;
    text-transform: uppercase;
}

.inline_input:first-child {
    border-radius: 5px 0 0 5px;
}

.inline_input:last-child {
    border-right: 1px solid !important;
    border-color: #868686 !important;
    border-radius: 0 5px 5px 0;
}

.wizi-form-select {
    -webkit-appearance: none;
    height: 42px !important;
    display: block;
    width: 100%;
    background: white url('../img/select.png') no-repeat 97% center;
    background-size: 20px;
    border: 1px solid #aaa;
    color: #444;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 16px !important;
}

.vousavezuncompte {
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0;
}

.vousavezuncompte span {
    text-align: center;
    font-size: 13px;
    color: #666;
    padding-left: 10px;
    margin: 15px 0;
    display: block;
}

.wizi-form-select-little {
    -webkit-appearance: none;
    height: 45px !important;
    display: block;
    width: 100%;
    max-width: 420px;
    background: white url('../img/select.png') no-repeat 97% center;
    background-size: 20px;
    border: 1px solid #aaa;
    color: #444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 14px !important;
}

.wizi-flat-image-input {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.wizi-flat-image-input-container {
    position: relative;
    height: 100px;
    width: 100px;
    background: #eaeaea;
    border-radius: 5px;
    margin: auto;
}

.wizi-flat-image-input-container>input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.wizi-flat-image-input-container>i {
    display: block;
    width: 30px;
    padding: 23px 0 5px;
    margin: auto;
}

.wizi-flat-image-input-container>img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    position: absolute;
    top: 0;
}

.wizi-input-delete {
    position: absolute;
    font-size: 20px;
    top: -5px;
    left: -5px;
    background-color: white;
    border-radius: 50%;
    z-index: 99;
}

.wizi-flat-image-input-container>p {
    text-align: center;
    color: #444;
}

.red-input {
    border-color: #e74c3c !important;
}

.green-input {
    border-color: #35ae91 !important;
}

.label {
    font-size: 13px;
    color: #666;
}

.object-fit-cover {
    object-fit: cover !important;
    -o-object-fit: cover !important;
}

.wizi-multiloc-bloc {
    display: inline-block;
    padding: 10px 7px;
    border: 1px solid #eaeaea;
    color: #444;
    border-radius: 5px;
    cursor: pointer;
}

.wizi-multiloc-bloc-active {
    background-color: #029398;
    color: white;
}

button[disabled] {
    background-color: #EEE;
    color: white;
    border: none;
}

button[disabled]:hover {
    background-color: #EEE;
    color: white;
    border: none;
}

.wizi-btn {
    border-radius: 7px;
    box-shadow: none;
    font-size: 12px;
    padding: 0 5px;
    width: 100%;
    margin-top: 10px;
    height: 36px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    outline: none;
}

.wizi-outline-btn {
    color: #33ccff;
    border: 2px solid #33ccff;
    background-color: white;
}

.wizi-outline-btn:active {
    color: #ffffff;
    background-color: #33ccff !important;
}

.wizi-outline-btn-purple {
    color: #9b59b6;
    border: 2px solid #9b59b6;
}

.wizi-outline-btn-purple:active {
    color: #ffffff;
    background-color: #9b59b6 !important;
}

.zoom-pane {
    width: 100%;
    height: 100%;
}

.zoom-pane .scroll {
    min-height: 100%;
    /* Vertical align */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.zoom-pane img {
    width: 100%;
    vertical-align: middle;
}


/* DROPDOWN */

.dropdown {
    position: relative;
    padding: 0 10px 6px;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 4;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #ddd
}


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {
    display: block;
}

ion-modal-view.modal {
    /*position: initial !important;*/
    height: 100vh !important;
    width: 100% !important;
    margin: auto !important;
    transform: none !important;
    left: 0 !important;
}

.modal-backdrop-bg {
    display: none;
}

.wizi-bar {
    background-color: #33ccff;
    position: fixed;
    height: 50px;
    width: 100%;
}

.wizi-bar-title {
    text-align: center;
    line-height: 3;
    font-size: 17px;
    color: white;
}

ion-slide-page {
    padding: 20px;
}

.wizi-shadow {
    box-shadow: 0px -2px 6px #464646;
    background-color: white !important;
}

.full-height-slide {
    height: 90vh;
}

.img-slide-item {
    display: block;
    margin: auto
}

.border-childs {
    border-top: 1px solid #ddd;
}

label {
    -webkit-overflow-scrolling: touch !important;
}

.border-childs-last {
    border-bottom: 1px solid #ddd;
}

.nomargintop {
    margin-top: auto !important;
}

.item-material {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.border-wizi-focus {
    border: 3px solid white;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.desktop-content {
    max-width: 700px;
    margin: auto;
    padding: 0 5px 50px;
}

.desktop-content-large {
    /*max-width: 900px;*/
    margin: auto;
    padding: 0 5px 50px;
}

.wizi-logo {
    /*margin-top: 5px;*/
    height: 80px;
}

.wizi-nav {
    float: right;
    display: block;
    margin: auto;
}

.wizi-nav-logo {
    float: left;
    display: block;
    margin: auto;
}

.wizi-nav-search {
    float: left;
    display: block;
    margin: auto;
}

.wizi-ul {
    /*height: 55px;*/
    float: right;
    list-style: none;
    display: block;
}

.wizi-li {
    position: relative;
    display: block;
    float: left;
    height: 80px;
}

.wizi-li-hover-blue:hover {
    border-bottom: 2px solid #029398;
}

.wizi-li-active {
    /*border-bottom: 2px solid #029398;*/
}

.wizi-li-active>a {
    color: #029398 !important;
}

.wizi-li-hover-white:hover {
    border-bottom: 2px solid white;
}

li.wizi-li>a {
    display: block;
    padding: 30px 20px !important;
    color: #fff;
    text-align: center;
}

li.wizi-li>a>i {
    font-size: 150%;
}

.wizi-link {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}

.wizi-link-black {
    color: #484848 !important;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}

.wizi-link:hover {
    color: white;
    /*font-weight: bold;*/
}

.wizi-link-black:hover {
    /*color: #029398 !important;*/
    /*font-weight: bold;*/
}

.wizi-button {
    background-color: #33ccff;
    color: #fff;
}

.wizi-button:hover {
    background-color: #2ea8d6;
    color: #fff;
}

.wizi-button.activated {
    background-color: #0a9dc7;
}

.wizi-grey-button {
    background-color: #a2acb0;
    color: #fff;
}

.wizi-grey-button:hover {
    background-color: #818b8f;
    color: #fff;
}

.wizi-grey-button.activated {
    background-color: #5c6266;
}

.wizi-alert-button {
    background-color: #e74c3c;
    color: #fff;
}

.wizi-alert-button:hover {
    background-color: #a8382b;
    color: #fff;
}

.wizi-alert-button.activated {
    background-color: #812e21;
}

.wizi-card-img-container {
    width: 25%;
}

.wizi-card-title {
    float: left;
    display: flex;
    height: 100%;
    width: 75%;
    flex-direction: column;
}

.wizi-card-buttons {
    /*float: right;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*padding: 8px;*/
    /*height: 100%;*/
    width: 95px;
    right: 20px;
    top: 20px;
    position: absolute;
}

.wizi-card-flex-buttons {
    float: right;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
    height: 100%;
}

.wizi-card-footer-info {
    text-align: center;
    position: absolute;
    font-size: 13px !important;
    color: #777;
    width: 100%;
    bottom: 0;
}

.wizi-card-dropdown {
    position: absolute;
    top: 60px;
    right: 20px;
    z-index: 10;
    /*height: 150px;*/
    background-color: white;
    border-radius: 5px;
    width: 50%;
    text-align: left;
    box-shadow: 0 4px 24px 2px rgba(0, 0, 0, 0.14), 0 8px 10px -5px rgba(0, 0, 0, 0.04);
}

.wizi-card-dropdown>ul>li {
    padding: 17px 10px;
    color: #555;
    font-size: 15px;
    /*border-bottom: 1px solid #eaeaea;*/
    font-weight: 500;
    position: relative;
}

.wizi-card-dropdown>ul>li>i {
    position: absolute;
    top: 20px;
}

.wizi-card-dropdown>ul>li>span {
    padding-left: 30px;
}

.wizi-card-dropdown>ul>li:hover {
    background-color: #f7f7f7;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.display-block {
    display: block;
}

.wizi-flat-choice-dropdown {
    position: absolute;
    width: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 0 0 5px 5px;
    top: calc(100% - 2px);
    box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.04);
    max-width: 300px;
    z-index: 9999;
}

.wizi-flat-choice-dropdown>div {
    background: #FFFFFF;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    position: relative;
    cursor: pointer;
}

.wizi-flat-choice-dropdown>div>div {
    width: 100%;
    margin: auto;
    padding: 10px 0 10px 40px;
}

.wizi-flat-choice-dropdown>div>i {
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    font-size: 16px;
    color: #444;
}

.wizi-flat-choice-dropdown>div:hover {
    background: #fdfdfd;
}

.wizi-flat-choice-dropdown>div>div>h3 {
    margin: 0;
    font-size: 15px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizi-flat-choice-dropdown>div>div>p {
    margin: 0;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizi-card-action-text {
    margin: 20px 0 0;
    width: 100%;
    position: relative;
}

.wizi-card-action-text>h2 {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-bottom: 0;
}

.wizi-card-img {
    object-fit: cover;
    float: left;
    width: 100%;
    height: 168px;
    border-radius: 5px 0 0 5px;
}

.wizi-card-flat-choice {
    /*box-shadow: rgba(0, 0, 0, 0.08) 0 4px 7px 0;*/
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    position: relative;
    background-color: white;
    cursor: pointer;
    display: flex;
    height: 50px;
    margin: auto 0;
    padding: 10px 30px 10px 40px;
    max-width: 300px;
    /*border: 1px solid #029398;*/
}

.wizi-card-flat-choice>.wizi-flat-choice-icon {
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    font-size: 16px;
}

.wizi-card-flat-choice-text {
    margin: auto 0;
    width: 100%;
    /*padding: 10px 0 10px 40px;*/
}

.wizi-card-flat-choice-text>p {
    margin: 0;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizi-card {
    margin-top: 10px;
    width: 100%;
    background-color: white;
    padding: 0;
    margin-bottom: 13px;
    position: relative;
    height: 170px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 4px 7px 0;
    cursor: pointer;
}

.wizi-card-two-items {
    margin-top: 10px;
    width: 100%;
    background-color: white;
    padding: 0;
    margin-bottom: 13px;
    position: relative;
    min-height: 170px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 4px 7px 0;
    cursor: pointer;
}

.wizi-card-text {
    height: 100%;
    display: flex;
    margin: auto 25px;
}

.wizi-card-text-bloc {
    margin: 22px 0 0;
    width: 100%;
    position: relative;
}

.wizi-card-text-title {
    font-weight: 700;
    color: #555;
    font-size: 20px;
    margin-bottom: 5px;
    width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.wizi-card-text-text {
    color: #666;
    line-height: 22px;
}

.wizi-nothing-text {
    font-size: 16px;
    /*color: #029398;*/
    color: #444;
}

.wizi-card-pricing {
    max-width: 420px;
    background-color: white;
    padding: 0;
    position: relative;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0;
}

.wizi-card-pricing-title {
    float: left;
    display: flex;
    height: 100%;
    width: 60%;
    flex-direction: column;
}

.wizi-card-pricing-title>div {
    margin: auto 20px;
}

.wizi-card-pricing-title>div>h2 {
    color: #029398;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.wizi-card-pricing-title>div>p {
    color: #029398;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.wizi-edl-rooms {
    display: flex;
    flex-flow: row wrap;
}

.wizi-edl-room {
    width: 240px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    margin: 10px 20px 10px 0;
}

.wizi-edl-room-active {
    color: #fff;
    background-color: #029398;
}

.wizi-edl-room>div {
    margin: auto;
    text-align: center
}

.wizi-edl-piece-select {
    max-width: 450px;
    width: 100%;
    height: 60px;
    background: white;
    border: 1px solid #029398;
    padding: 0 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 5px 0;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizi-edl-piece-delete {
    /*width: 100%;*/
    height: 60px;
    display: flex;
    background: white;
    border: 1px solid #e74c3c;
    padding: 0 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 5px 0;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizi-edl-piece-delete>i {
    margin: auto;
    color: #e74c3c;
}

.wizi-edl-piece-select>div {
    display: flex;
    height: 100%;
}

.wizi-edl-piece-select>div>div {
    margin: auto 0;
    width: 100%;
}

.wizi-edl-piece-select>div>div>h3 {
    color: #029398;
    margin: 0;
    font-size: 18px;
    width: 92%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wizi-edl-piece-select>div>div>i {
    color: #029398;
    margin: 0;
    font-size: 18px;
    float: right;
}

.wizi-edl-dropdown {
    position: absolute;
    right: 20px;
    z-index: 999999;
    background-color: white;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 4px 24px 2px rgba(0, 0, 0, 0.14), 0 8px 10px -5px rgba(0, 0, 0, 0.04);
    left: 0;
    top: 60px;
    width: 100%
}

.wizi-edl-dropdown>div {
    display: flex;
    border-bottom: 1px solid #eaeaea;
}

.wizi-edl-dropdown-title {
    width: 100%;
    padding: 17px 0 17px 17px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizi-edl-dropdown-title:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}

.wizi-edl-dropdown-trash:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}

.wizi-edl-dropdown-trash {
    padding: 17px 20px;
    border-left: 1px solid #eaeaea;
}

.wizi-edl-roomcard {
    max-width: 420px;
    width: 100%;
    height: 485px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    display: flex;
    margin: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 5px 0;
}

.wizi-edl-roomelement-selected {
    background-color: #029398;
    color: white;
}

.wizi-edl-roomcard>div {
    width: 420px;
    padding: 20px;
}

.nav-flats-create>a {
    float: left;
    margin-top: 14px;
    font-size: 16px;
    color: #029398;
}

.nav-flats-create>button {
    margin: 0;
    max-width: 170px;
    float: right;
}

.nav-flats-create-sided {
    height: 40px;
}

.nav-flats-create-sided>a {
    float: left;
    margin-top: 12px;
    color: #029398;
}

.nav-flats-create-sided>button {
    float: right;
    max-width: 130px;
    display: block;
}

.wizi-progress-bar {
    width: 100%;
    height: 10px;
    background-color: rgb(205, 237, 239);
    /*border-bottom: 1px solid #eaeaea;*/
    /*position: sticky;*/
    /*top: 0;*/
    z-index: 99;
}

.wizi-progress-bar-inside {
    background-color: #029398;
    border-radius: 0 5px 5px 0;
    /*width: 100%;*/
    height: 100%;
}

.wizi-card-pricing-button {
    display: flex;
    height: 100%;
}

.wizi-card-pricing-button>div {
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

.wizi-card-pricing-button>div>p {
    margin: 0;
    text-align: center;
}

.wizi-list-contract-line {
    background-color: white;
    margin: 15px 15px 15px 0;
    width: 100%;
}

.wizi-menu-left {
    min-width: 400px;
    height: 100%;
    margin: 80px 15px 0 0;
    background-color: white;
    /*position: -webkit-sticky;*/
    position: sticky;
    top: 100px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizi-menu-left>ul {
    color: #444;
}

.wizi-menu-left>ul>li {
    padding: 20px 0 20px 0;
    font-size: 15px;
    position: relative;
    /*background-color: #f1f1f1;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizi-menu-left>ul>li.wizi-menu-left-active {
    background-color: #029398;
    color: white;
}

.wizi-menu-left>ul>li>span {
    padding-left: 60px;
}

.wizi-menu-left>ul>li>p {
    float: right;
    padding-right: 10px;
    font-weight: 500;
    font-size: 13px;
}

.wizi-menu-left>ul>li:hover {
    background-color: #f9f9f9;
    /*color: #444;*/
    cursor: pointer;
}

.wizi-menu-left>ul>li>i {
    position: absolute;
    left: 25px;
}

.wizi-menu-left-completed {
    color: #029398;
}

.wizi-menu-left>ul>li.wizi-menu-left-active:hover {
    background-color: #029398;
    color: white;
}

.wizi-menu-left>ul>li.wizi-menu-left-active>p {
    background-color: #029398;
    color: white;
}

.wizi-nothing-card {
    border: none !important;
    padding: 10px;
    position: relative;
    background: #f9f9f9;
    margin-top: 15px;
    color: #444
}

.wizi-nothing-card>a {
    padding-right: 50px;
    padding-left: 65px;
    text-overflow: unset;
    white-space: normal;
    overflow: hidden;
    cursor: default;
    text-align: center !important;
}

.wizi-flat-title {
    font-size: 35px !important;
    color: #444 !important;
    font-weight: 700 !important;
    flex: 2;
    margin: auto !important;
}

.wizi-flat-subtitle {
    font-size: 24px !important;
    color: #444 !important;
    font-weight: 700 !important;
    text-align: center;
}

.wizi-flat-container {
    padding: 10px 50px;
}

.wizi-right-block {
    width: 320px;
    height: 100%;
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    margin-left: 35px;
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    top: 100px;
}

.wizi-two-blocs {
    display: flex;
}

.wizi-left-bloc {
    flex: 1;
    /*margin-top: 10px;*/
}

.wizi-right-bloc {
    width: 33%;
    height: 100%;
    padding: 20px;
    border: 1px solid #ececec;
    border-radius: 5px;
    margin-left: 8.33%;
    top: 100px;
}

.card-2-item .wizi-appliance-desc div h1 {
    font-weight: 700;
}

.wizi-appliance-desc {
    /*height: 100%;*/
    display: flex;
    margin: auto 25px;
}

.card-2-item {
    background-color: white !important;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 0 5px;
    /*height: 130px;*/
}

.card-first-item {
    /*float: left;*/
    min-height: 170px;
    width: 80%;
    display: flex;
}

.wizi-appliance-desc h1 {
    font-weight: normal;
    color: #444;
    font-size: 20px;
    /*width: calc(100% - 75px);*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wizi-appliance-desc p {
    text-overflow: initial;
    white-space: initial;
}

.wizi-flat-new {
    margin-top: 22px;
    background: #029398;
    padding: 1px 5px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    float: right;
}

.wizi-flat-video-exist>i {
    font-size: 19px;
    color: #029398;
}

.wizi-flat-video-exist>span {
    font-size: 19px;
    margin-left: 8px;
    font-weight: 300;
}

.wizi-flat-video-exist-trash {
    font-size: 19px;
    color: #e74c3c;
    cursor: pointer;
}

.wizi-flat-video-loading {
    height: 20px;
    background: #cdedef;
    position: relative;
    border-radius: 10px;
    padding: 4px;
}

.wizi-flat-video-loading-bar {
    background: #029398;
    height: 100%;
    width: 0;
    border-radius: 10px;
    transition: width 0.5s;
}

.remise-green {
    border: 2px solid #2ecc71 !important;
}

.remise-red {
    border: 2px solid #e74c3c !important;
}

.shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26) !important;
}

.current {
    font-weight: 700 !important;
}

.label-21 {
    font-size: 21px;
}

.wizi-upload-bar {
    margin: auto;
    width: 100%;
    background-color: #eaeaea;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 10px;
}

.wizi-upload-bar>div {
    height: 100%;
    background-color: #029398;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.wizi_app_content {
    max-width: 1080px;
    padding: 0 15px;
    margin: auto auto 30px auto;
}

.wizi_app_content_fluid {
    padding: 0 50px;
    margin: auto auto 30px auto;
}

.wizi_header_title {
    display: flex;
    height: 30px;
    margin-top: 25px;
}

.wizi_header_title>img {
    height: 30px;
}

.wizi_header_title>h3 {
    margin: 0 0 0 10px;
    font-weight: 500;
    font-size: 30px;
    color: #555;
}


/* The container */

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
    margin-top: 8px;
    color: #444;
}

.container-checkbox span {
    font-size: 13px;
}


/* Hide the browser's default checkbox */

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #dadada;
    border-radius: 50%;
    margin: auto;
}


/* On mouse-over, add a grey background color */

.container-checkbox:hover input~.checkmark {
    background-color: #aaa;
}


/* When the checkbox is checked, add a blue background */

.container-checkbox input:checked~div>.checkmark {
    background-color: #029398;
    border-radius: 50%;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    display: flex;
}


/* Show the checkmark when checked */

.container-checkbox input:checked~div>.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wizi_dpe_ges {
    height: 60px;
    max-width: 420px;
    display: flex;
}

.wizi_dpe_ges_bloc {
    height: 40px;
    margin: auto;
    width: 100%;
    display: flex;
    transition: height 0.2s, border-radius 0.2s, border 0.2s;
    cursor: pointer;
}

.wizi_dpe_ges_bloc>.wizi_dpe_ges_text {
    margin: auto;
    font-weight: 500;
}

.wizi_dpe_ges_bloc:first-child {
    border-radius: 5px 0 0 5px;
}

.wizi_dpe_ges_bloc:last-child {
    border-radius: 0 5px 5px 0;
}

.wizi_dpe_ges_bloc:hover {
    height: 50px;
    border-radius: 5px;
}

.wizi_dpe_ges_active {
    height: 100% !important;
    border-radius: 5px !important;
    box-shadow: 0 0 0 2px inset #444;
}

.wizi_dpe_ges_little {
    height: 20px;
}

.wizi_dpe_ges_little .wizi_dpe_ges_bloc {
    height: 15px;
    width: 15px;
    margin: auto 0;
    cursor: default;
}

.wizi_dpe_ges_little .wizi_dpe_ges_active {
    box-shadow: none;
}

.wizi_dpe_ges_little .wizi_dpe_ges_text {
    display: none;
}

.wizi_dpe_ges_little>.wizi_dpe_ges_bloc:hover {
    border-radius: inherit;
}

.wizi_dpe_ges_little .wizi_dpe_ges_active .wizi_dpe_ges_text {
    display: block;
    font-size: 13px;
    color: #444;
    font-weight: 700;
}

.wizi_dpe_a {
    background: rgba(0, 143, 53, 0.8);
}

.wizi_dpe_b {
    background: rgba(88, 171, 41, 0.8);
}

.wizi_dpe_c {
    background: rgba(200, 210, 0, 0.8);
}

.wizi_dpe_d {
    background: rgba(252, 234, 38, 0.8);
}

.wizi_dpe_e {
    background: rgba(248, 187, 0, 0.8);
}

.wizi_dpe_f {
    background: rgba(234, 105, 11, 0.8);
}

.wizi_dpe_g {
    background: rgba(227, 12, 28, 0.8);
}

.wizi_ges_a {
    background: rgba(252, 240, 244, 0.8);
}

.wizi_ges_b {
    background: rgba(216, 193, 219, 0.8);
}

.wizi_ges_c {
    background: rgba(198, 168, 204, 0.8);
}

.wizi_ges_d {
    background: rgba(184, 148, 192, 0.8);
}

.wizi_ges_e {
    background: rgba(158, 117, 173, 0.8);
}

.wizi_ges_f {
    background: rgba(131, 90, 156, 0.8);
}

.wizi_ges_g {
    background: rgba(106, 65, 143, 0.8);
}

.wizi_tooltip_black {
    display: flex;
    /*margin-top: 10px;*/
    font-size: 14px;
    color: #444;
    border: 1px solid #a7a7a7;
    background: #44444411;
    border-radius: 5px;
    text-align: left;
}

.wizi_tooltip_black>i {
    padding: 0 5px 0 10px;
    margin: auto 0;
    font-size: 16px;
}

.wizi_tooltip_black>p {
    padding: 10px 10px 10px 5px;
    margin: 0;
}

.wizi_tooltip_green {
    display: flex;
    /*margin-top: 10px;*/
    font-size: 14px;
    color: #444;
    border: 1px solid #009688;
    background: #00968811;
    border-radius: 5px;
    text-align: left;
}

.wizi_tooltip_green>i {
    padding: 0 5px 0 10px;
    margin: auto 0;
    font-size: 16px;
    color: #00796e;
}

.wizi_tooltip_green>p {
    padding: 10px 10px 10px 5px;
    margin: 0;
    color: #00796e;
}

.wizi_tooltip_warning {
    display: flex;
    margin-top: 10px;
    font-size: 14px;
    color: #856404;
    border: 1px solid #ffeeba;
    background: #fff3cd;
    border-radius: 5px;
    width: fit-content;
}

.wizi_tooltip_warning>i {
    padding: 0 5px 0 10px;
    margin: auto 0;
    font-size: 16px;
}

.wizi_tooltip_warning>p {
    padding: 10px 10px 10px 5px;
    margin: 0;
}

.wizi_tooltip_red {
    display: flex;
    margin-top: 10px;
    font-size: 14px;
    color: #850404;
    border: 1px solid #b47770;
    background: #ffe4df;
    border-radius: 5px;
    width: fit-content;
}

.wizi_tooltip_red>i {
    padding: 0 5px 0 10px;
    margin: auto 0;
    font-size: 16px;
}

.wizi_tooltip_red>p {
    padding: 10px 10px 10px 5px;
    margin: 0;
}

.wizi_tag_switch_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 420px;
}

.wizi_tag_switch {
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #666;
    background: white;
    font-weight: 500;
    margin: 2px;
    cursor: pointer;
    font-size: 14px;
}

.wizi_tag_switch_off {
    opacity: 0.5;
}

.wizi_tag_switch_on {
    background: #484848;
    color: white;
}

.wizi_tag_switch_group_green .wizi_tag_switch_on {
    background: #029398;
    border-color: #029398;
}

.wizi_card_small {
    margin: 0 0 20px 0;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    border-radius: 3px;
    position: relative;
}

.wizi_card_small>div.display-flex {
    padding: 10px;
}

.wizi_card_small_status {
    padding: 0 5px;
    font-size: 11px;
    text-align: center;
    color: #444;
    background: white;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    z-index: 999;
    position: absolute;
    min-width: 120px;
    left: calc(50% - 60px);
    top: -9px;
    line-height: 17px;
}

.wizi_card_small_positive>.wizi_card_small_status {
    color: white;
    background-color: rgb(0, 109, 113);
}

.wizi_card_small_warning>.wizi_card_small_status {
    color: white;
    background-color: rgb(64, 64, 64);
}

.wizi_card_small_alert>.wizi_card_small_status {
    color: white;
    background-color: #d44238;
}

.wizi_card_small_orange>.wizi_card_small_status {
    color: white;
    background-color: #e67e22;
}

.wizi_card_small_picture {
    height: 110px;
    min-width: 110px;
    position: relative;
}

.wizi_card_small_picture>img {
    height: 110px;
    width: 110px;
    object-fit: cover;
    border-radius: 5px;
}

.wizi_card_small_text {
    padding: 10px;
    width: 100%;
    margin: auto;
    line-height: 15px;
}

.wizi_card_small_text_left {
    line-height: 12px;
    width: 90%;
}

.wizi_card_small_text_right {
    line-height: 10px;
    text-align: right;
    margin-top: 5px;
    width: 90%;
    float: right;
}

.wizi_card_small_text_title {
    margin: 0;
    color: #444;
    font-size: 14px;
    font-weight: 400;
}

.wizi_card_small_text_status {
    font-size: 11px;
    color: #555;
    font-weight: 300;
}

.wizi_card_small_options {
    height: 70px;
    min-width: 70px;
    border-left: 1px solid #02939875;
    display: flex;
    color: #029398;
    margin: auto 0;
}

.wizi_card_small_red .wizi_card_small_options {
    border-left: 1px solid #e74c3c75;
    color: #e74c3c;
}

.wizi_card_small_orange .wizi_card_small_options {
    border-left: 1px solid #e67e2275;
    color: #e67e22;
}

.wizi_card_small_options_content {
    text-align: center;
    margin: auto;
}

.wizi_card_small_options_content>p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
}

.wizi_card_small_options_content>i {
    font-size: 25px;
}

.wizi_card_small_picture_buttondd {
    width: 100%;
    z-index: 99999;
    padding: 15px 25px;
    border-top: 1px solid #eaeaea;
    color: #666;
    background: #f6f6f6;
    font-size: 14px;
    font-weight: 500;
}

.wizi_card_small_picture_buttondd:active {
    background: #e4e4e4;
}

.wizi_card_small_picture_buttondd>i {
    font-size: 18px;
    float: right;
}

.wizi_dropdown_overflow {
    position: initial;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 10;
    /*background-color: white;*/
    border-top: 1px solid #eaeaea;
    /*border-radius: 5px;*/
    text-align: left;
    /*box-shadow: 0 4px 24px 2px rgba(0, 0, 0, 0.14), 0 8px 10px -5px rgba(0, 0, 0, 0.04);*/
    transition: height 0.2s;
}

.wizi_dropdown_overflow>ul>li {
    padding: 15px 10px;
    color: #555;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
    font-weight: 400;
    position: relative;
}

.wizi_dropdown_overflow>ul>li:hover {
    background-color: #eaeaea;
}

.wizi_dropdown_overflow>ul>li>i {
    position: absolute;
    top: 20px;
}

.wizi_dropdown_overflow>ul>li>span {
    padding-left: 30px;
}

.wizi_messagerie {
    display: flex;
}

.wizi_conversations {
    z-index: 9;
    background: white;
    width: 100%;
    max-width: 30%;
    border-right: 1px solid #eaeaea;
    height: 100vh;
    height: -webkit-calc(var(--vh, 1vh) * 100 - 80px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
    overflow-y: auto;
}

.wizi_conversation_messages {
    background: #fbfbfb;
    width: 100%;
}

.wizi_conversation_list>div {
    padding: 0 10px;
    height: 70px;
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
}

.wizi_conversation_list>div:hover {
    background-color: #f5f5f5;
}

.wizi_conversation_list>div.wizi_conversation_list_active {
    background-color: #ebebeb;
}

.wizi_conversation_list>div:first-child {
    border-top: 1px solid #eaeaea;
}

.wizi_conversation_picture {
    display: flex;
}

.wizi_conversation_picture>img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
}

.wizi_conversation_text {
    margin: auto 0;
    padding-left: 10px;
    min-width: 0;
    width: 100%;
    position: relative;
}

.wizi_conversation_text>span {
    position: absolute;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    color: #555;
}

.wizi_conversation_text>h2 {
    margin: 0;
    color: #444;
    font-weight: 700;
}

.wizi_conversation_text>p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    color: #444;
    font-weight: 300;
}

.wizi_message_container {
    /*min-height: calc(100vh - 80px);*/
    /*height: 100vh;*/
    height: -webkit-calc(var(--vh, 1vh) * 100 - 80px);
    height: -moz-calc(var(--vh, 1vh) * 100 - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
    display: flex;
    flex-direction: column;
}

.wizi_message_conv {
    overflow-y: auto;
    padding: 8px 15px;
    /*max-height: calc(100vh - 141px);*/
    height: 100%;
    flex: 1;
}

.wizi_message_container_message_him {
    max-width: 70%;
    display: flex;
    /*flex-direction: column;*/
    margin-bottom: 3px;
}

.wizi_message_container_message_him>.wizi_message {
    background-color: #dcdcdc;
    color: #666;
    font-size: 14px;
    padding: 9px;
    border-radius: 10px 10px 10px 0;
    min-width: 0;
    margin-right: auto;
    max-width: 100%;
}

.wizi_message_container_message_me {
    max-width: 70%;
    display: flex;
    /*flex-direction: column;*/
    margin-bottom: 3px;
    margin-left: auto;
}

.wizi_message_container_message_me>.wizi_message {
    background-color: #bae4e0;
    color: #4d8c86;
    font-size: 14px;
    padding: 9px;
    border-radius: 10px 10px 0 10px;
    margin-left: auto;
    min-width: 0;
}

.wizi_message_profil_picture {
    width: 20px;
    height: 20px;
    margin: 5px;
}

.wizi_message_profil_picture>img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.wizi_message_time {
    color: #555;
    font-size: 12px;
    margin-left: 30px;
}

.wizi_message_time_me {
    text-align: right;
}

.wizi_message>span {
    word-wrap: break-word;
}

.wizi_message>h2 {
    margin-bottom: 3px;
    color: #444;
    font-weight: 700;
    text-transform: lowercase;
}

.wizi_message>h2::first-letter {
    text-transform: uppercase;
}

.wizi_message_date {
    margin: 10px auto 5px auto;
    padding: 5px;
    border-radius: 5px;
    background: #4babab;
    color: #fff;
    font-weight: 500;
}

.wizi_message_send {
    /*padding: 5px 20px;*/
    width: 100%;
    /*border-top: solid 1px #eaeaea;*/
    min-height: 61px;
}

.wizi_message_send_bloc {
    width: 100%;
    background: #FFF;
    display: flex;
    height: 61px;
    border-top: 1px solid #eaeaea;
}

.wizi_message_send_picture {
    display: flex;
}

.wizi_message_send_picture>button {
    font-size: 20px;
    margin: auto 10px;
    border: none;
    background: transparent;
    border-radius: 8px;
}

.wizi_message_send_bloc>input {
    background: transparent;
    width: 100%;
    height: 100%;
    color: #333333;
    font-weight: 400;
}

.wizi_message_send_button {
    display: flex;
}

.wizi_message_send_button>button {
    height: 45px;
    margin: auto 7px;
    width: 50px;
    border-radius: 4px;
    border: 0;
    background: #4babab;
    color: white;
    font-size: 20px;
}

.wizi_gmap_flats_owner {
    width: 100%;
    height: 100%;
    background: url('../img/no-maps.jpg') 50% 50%;
    background-size: cover;
    border-radius: 2px;
}

.wizi_menu_blocs {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.wizi_menu_bloc {
    width: 32%;
    min-height: 115px;
    margin: 0 2% 2% 0;
    border-radius: 5px;
    box-shadow: 0 2px 8px #eaeaea;
    border: 1px solid #eaeaea;
    padding: 20px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    position: relative;
}

.wizi_menu_bloc:nth-child(3n) {
    margin-right: 0;
}

.wizi_menu_4>.wizi_menu_bloc {
    width: 23.5%;
    margin: 0 2% 2% 0;
}

.wizi_menu_4>.wizi_menu_bloc:nth-child(4n) {
    margin-right: 0;
}

.wizi_menu_bloc .wizi_menu_bloc_tooltip {
    visibility: hidden;
    width: 240px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 105%;
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 0.3s;
}

.wizi_menu_bloc .wizi_menu_bloc_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.wizi_menu_bloc_inactive:hover .wizi_menu_bloc_tooltip {
    visibility: visible;
    opacity: 1;
}

.wizi_menu_bloc_icon {
    /*text-align: center;*/
    font-size: 25px;
    padding: 5px 0;
}

.wizi_menu_bloc_icon > i {
    color: #029398;
}

.wizi_menu_bloc_icon>img {
    height: 30px;
}

.wizi_menu_bloc_text {
    display: flex;
}

.wizi_menu_bloc_text>h4 {
    font-size: 20px;
    /*text-align: center;*/
    color: #444;
    font-weight: 700;
    padding: 5px 0;
    font-family: 'Roboto', sans-serif;
}

.wizi_menu_bloc_text>h4>i {
    margin-left: 10px;
    color: #029398;
}

.wizi_menu_bloc_text>p {
    margin: auto;
}

.wizi_menu_bloc_badges {
    position: absolute;
    right: 20px;
    padding: 0px 5px;
    border-radius: 5px;
    color: white;
    font-weight: 700;
}

.wizi_menu_bloc_badges_orange {
    background: #E8A81A;
}

.wizi_menu_bloc_badges_gblue {
    background: #5AB7B7;
}

.wizi_menu_bloc>p {
    font-size: 16px;
    color: #222;
    font-weight: 300;
}

.wizi_input_subtitle {
    font-weight: 300;
    display: block;
    margin-bottom: 5px;
}

.wizi_app_header_withbtn {
    display: flex;
}

.wizi_app_header {
    padding: 60px 0;
    position: relative;
}

.wizi_app_header_md {
    padding: 40px 0;
}


.wizi_app_header_sm {
    
}

.wizi_app_header h3 {
    font-size: 35px;
    font-weight: 700;
    color: #444;
    margin-top: 0;
    font-family: 'Poppins', sans-serif;
}

.wizi_app_header p {
    color: #444;
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 300;
    line-height: 22px;
}

.wizi_app_header a {
    color: #029398;
    font-size: 16px;
    font-weight: 700;
}

.wizi_app_header a:hover {
    text-decoration: underline;
}

ol.wizi_breadcrumb>li {
    display: inline-block;
    color: #444;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

ol.wizi_breadcrumb>li>a {
    color: #444;
}

ol.wizi_breadcrumb>li>a:hover {
    text-decoration: underline;
}

ol.wizi_breadcrumb>li>i {
    margin: 0 10px;
    font-size: 12px;
}

.wizi_contract_content>h4 {
    font-size: 22px;
    font-weight: 700;
    color: #555;
}

.wizi_contract_content>p {
    font-size: 16px;
    font-weight: 400;
    color: #555;
}

.wizi_contract_content>label {
    padding: 10px 0;
}

.wizi_link {
    color: #029398;
    font-size: 16px;
    font-weight: 500;
}

.wizi_link:hover {
    text-decoration: underline;
}

.wizi_form_modify {
    padding: 10px 0 20px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}

.wizi_form_modify_title {
    font-size: 17px;
    color: #444;
    font-weight: 500;
}

.wizi_form_modify_subtitle {
    font-size: 14px;
    color: #6c6c6c;
    font-weight: 300;
}

.wizi_form_modify_answer {
    font-size: 17px;
    color: #444;
    font-weight: 300;
    margin: 4px 0;
}

.wizi_form_modify_edit {
    position: absolute;
    top: 20px;
    right: 0;
}

.wizi_form_modify select,
.wizi_form_modify input {
    font-weight: 300;
}

.wizi_form_modify_parenttitle {
    margin-bottom: 15px;
    margin-top: 20px;
    color: #029398;
    font-weight: 700;
    font-size: 28px;
}

.wizi_document_card {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    color: #444;
    display: flex;
    max-width: 420px;
    margin: 2px;
}

.wizi_document_card_icon {
    padding: 10px 0 10px 10px;
}

.wizi_document_card_icon>i {
    font-size: 17px;
}

.wizi_document_card_text {
    padding: 10px 0;
    width: 100%;
}

.wizi_document_card_open {
    color: #444;
    border-left: 1px solid #f1f1f1;
    padding: 10px;
    cursor: pointer;
}

.wizi_document_card_open:hover {
    background: #eaeaea;
}

.wizi_document_card_remove {
    color: #e74c3c;
    border-left: 1px solid #f1f1f1;
    padding: 10px;
    cursor: pointer;
}

.wizi_document_card_remove:hover {
    background: #eaeaea;
}

.wizi_modal_yousign {
    height: 80%;
    width: 80%;
}

.wizi_modal_yousign>div {
    height: 100%;
}

.wizi_modal_yousign>div>.wizi_pricing_popup_content {
    height: 100%;
}

.wizi_modal_yousign>div .wizi_pricing_popup_right {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.wizi_modal_yousign>div .wizi_pricing_popup_card {
    margin: 0;
}

.wizi_paiement {
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16) !important;
    margin: 15px 0;
}

.wizi_paiement_flex {
    display: flex;
}

.wizi_paiement_btn {
    display: block;
    max-width: 110px;
    margin: 10px auto 0 !important;
}

.wizi_paiement_icon {
    display: flex;
    margin-right: 15px;
}

.wizi_paiement_icon>i {
    margin: auto 0;
    font-size: 35px;
    color: #444;
}

.wizi_paiement_price {}

.wizi_paiement_price>h4 {
    font-size: 28px;
    color: #444;
    font-weight: 900;
}

.wizi_paiement_text {
    flex: 1;
    display: flex;
}

.wizi_paiement_text>div {
    margin: auto 0;
}

.wizi_paiement_text>div>h4 {
    margin: 0;
    color: #444;
    font-weight: 700;
    font-size: 18px;
}

.wizi_paiement_text>div>p {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
}

.wizi_paiement_green {
    color: #2ecc71;
}

.wizi_paiement_red {
    color: #ff4242;
}

.wizi_signature_recap {
    display: flex;
    margin-top: 10px;
    padding: 5px;
    background: #f5f5f5;
    border-radius: 5px;
}

.wizi_signature_recap img {
    margin: auto 0;
    height: 30px;
    width: 30px;
    object-fit: cover;
    border-radius: 50%;
}

.wizi_signature_recap div {
    margin: auto 0 auto 10px;
}

.wizi_signature_recap h4 {
    margin: 0;
    font-size: 13px;
    color: #444;
}

.wizi_signature_recap p {
    margin: 0;
    font-size: 12px;
}

.wizi_info_text>h3 {
    color: #555;
    font-weight: 400;
    font-size: 26px;
    border-bottom: 1px solid #eaeaea;
    margin-top: 10px;
    padding-bottom: 15px;
}

.wizi_info_text>p {
    color: #666;
    font-weight: 300;
    font-size: 16px;
}

.wizi_info_text>button {
    margin: 25px auto 0;
    display: block;
}

.wizi_search_bar_content {
    margin: auto;
    display: flex;
}

.wizi_search_bar {
    height: 45px;
    border: 1px solid #eaeaea;
    box-shadow: 0 1px 2px 1px #eaeaea;
    border-radius: 3px;
    width: 100%;
    position: relative;
}

.wizi_search_bar_label {
    display: flex;
    font-size: 17px;
    font-weight: 300;
    color: #888;
}

.wizi_search_bar_label>i {
    margin: auto 10px;
}

.wizi_search_bar_label>input {
    background: transparent;
    width: 100%;
    height: 45px;
    font-size: 17px;
    font-weight: 400;
    color: #888;
}

.wizi_search_bar_label>input::placeholder {
    background: transparent;
    width: 100%;
    height: 45px;
    font-size: 17px;
    font-weight: 300;
    color: #888;
}

.wizi_search_details {
    /*margin-top: 8px;*/
    margin-left: 10px;
    position: relative;
}

.wizi_search_details>button {
    height: 45px;
    border: 1px solid #e2e2e2;
    background: white;
    border-radius: 5px;
    color: #666666;
    padding: 0 15px;
    box-shadow: 0 1px 2px 1px #eaeaea;
}

.wizi_search_details>button:active {
    background: #eaeaea;
}

.wizi_search_details_up {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    background: #029398;
}

.adapt_to_headerbar {
    margin-top: 80px;
}

.yousign_iframe {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

span.uppercase_first_letter {
    text-transform: capitalize;
}

.wizi-card-flat-choice-text>h3 {
    margin: 2px;
    font-size: 15px;
    color: #029398;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizi_slider_content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wizi_slider_outer {
    height: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.wizi_slider_outer>div {
    display: flex;
    flex-direction: column;
    height: 100%;
    transform: translateY(0);
    transition: 0.2s transform;
}

.wizi_slider_outer img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
    border-radius: 5px;
}

.wizi_slider_item {
    padding: 5px 0;
    min-height: 33.3%;
    max-height: 33.3%;
    margin: auto 0;
    cursor: pointer;
    display: flex;
}

.wizi_slider_nav {
    display: flex;
    cursor: pointer;
}

.wizi_slider_nav>i {
    font-size: 20px;
    margin: auto;
    color: #029398;
}

.wizi_slider_nav_disabled {
    opacity: 0.2;
}

.wizi_slider_video {
    background: #000000;
    display: flex;
    width: 100%;
    /*height: 100%;*/
    border-radius: 5px;
}

.wizi_slider_video>i {
    margin: auto;
    color: #FFF;
    font-size: 25px;
}

.wizi_visite_ask_select {
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    width: 100%;
    display: flex;
    margin-top: 10px;
    cursor: pointer;
    background: white;
}

.wizi_visite_ask_icon {
    margin: 0 5px;
    font-size: 15px;
}

.wizi_visite_ask_select:disabled {
    opacity: 0.6;
}

.wizi_visite_ask_select_radio {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    padding: 3px;
    margin: auto 5px;
}

.wizi_visite_ask_select_radio>div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #029398;
}

.wizi_visite_ask_select_text {
    margin: 0;
    color: #444;
    font-size: 17px;
    font-weight: 300;
}

.wizi_contract_movein {
    display: flex;
    flex-wrap: wrap;
}

.wizi_bio_picture>img {
    height: 70px;
    width: 70px;
    object-fit: cover;
    border-radius: 5px;
}

.wizi_users_picture_selector {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.wizi_users_picture_selector_images {
    width: 100%;
    overflow: hidden;
}

.wizi_users_picture_selector_outer {
    display: flex;
    /*transform: translateX(33.3%);*/
    transition: 0.2s transform;
}

.wizi_users_picture_selector_image {
    min-width: 33.3%;
    max-width: 33.3%;
    height: 130px;
    transition: 0.2s transform;
    transform: scale(1);
}

.wizi_users_picture_selector_image_bg {
    filter: blur(1px);
    transform: scale(0.75);
}

.wizi_users_picture_selector_image>img {
    /*width: 33%;*/
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
    padding: 5px;
}

.wizi_users_picture_selector_right {
    display: flex;
    cursor: pointer;
}

.wizi_users_picture_selector_right_disabled {
    opacity: 0.5;
}

.wizi_users_picture_selector_right>i {
    font-size: 25px;
    margin: auto 2px;
    color: #029398;
}

.wizi_users_picture_selector_left {
    display: flex;
    cursor: pointer;
}

.wizi_users_picture_selector_left_disabled {
    opacity: 0.5;
}

.wizi_users_picture_selector_left>i {
    font-size: 25px;
    margin: auto 2px;
    color: #029398;
}

.signup_verification {
    font-size: 45px;
    color: #444;
    text-align: center;
    display: block !important;
}

.fw700 {
    font-weight: 700;
}

.wizi_bail_info {
    position: relative;
}

.wizi_bail_info .wizi_bail_tooltip {
    visibility: hidden;
    width: 240px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 105%;
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 0.3s;
}

.wizi_bail_info .wizi_bail_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.wizi_bail_info:hover .wizi_bail_tooltip {
    visibility: visible;
    opacity: 1;
}

.wizi_menu_bloc_done {
    border: 1px solid #009688;
    background: #00968811;
}

.wizi_menu_bloc_todo {
    /*color: #850404;*/
    border: 1px solid #e74c3c;
    background: #e74c3c11;
}

.wizi_menu_bloc_inactive {
    box-shadow: none !important;
    border-color: #eaeaea;
    background: white;
}

.wizi_menu_bloc_inactive::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(236, 236, 236, 0.6);
    z-index: 999;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.wizi_menu_bloc_check {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#d4d4d4));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #d4d4d4);
    background-image: -moz-linear-gradient(top, #fbfbfb, #d4d4d4);
    background-image: -ms-linear-gradient(top, #fbfbfb, #d4d4d4);
    background-image: -o-linear-gradient(top, #fbfbfb, #d4d4d4);
}

.wizi_menu_bloc_checked {
    border: 1px solid #3f9848;
    background-color: #49c559;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#49c559), to(#3f9848));
    background-image: -webkit-linear-gradient(top, #49c559, #3f9848);
    background-image: -moz-linear-gradient(top, #49c559, #3f9848);
    background-image: -ms-linear-gradient(top, #49c559, #3f9848);
    background-image: -o-linear-gradient(top, #49c559, #3f9848);
}

.wizi_menu_bloc_checkw8 {
    border: 1px solid #b06f3f;
    background-color: #cf8248;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf8248), to(#b06f3f));
    background-image: -webkit-linear-gradient(top, #cf8248, #b06f3f);
    background-image: -moz-linear-gradient(top, #cf8248, #b06f3f);
    background-image: -ms-linear-gradient(top, #cf8248, #b06f3f);
    background-image: -o-linear-gradient(top, #cf8248, #b06f3f);
}

.wizi_home_mode {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
}

.wizi_home_mode_banner {
    width: auto;
    margin: auto;
    padding: 8px 10px;
    border-radius: 0 0 10px 10px;
}

.wizi_home_mode_banner p {
    margin: 0;
    color: white;
    font-size: 15px;
    text-align: center;
}

.wizi_home_mode_banner_blue {
    background: #5AB7B7;
}

.wizi_home_mode_banner_yellow {
    background: #E8A81A;
}

.wizi_or {
    display: flex;
    margin: 20px 0;
}

.wizi_or>hr {
    width: 100%;
    border-color: #eaeaea;
    border-top: none;
    border-right: none;
    border-left: none;
}

.wizi_or>span {
    padding: 0 10px;
    color: #444;
    font-weight: 700;
}

.OSMTooltip {
    padding: 0 !important;
    border: none !important;
    opacity: 1 !important;
}

.OSMTooltip_img {
    width: 120px !important;
    height: 90px !important;
    object-fit: cover !important;
    border-radius: 3px 3px 0 0 !important;
}

.OSMTooltip_price>h3 {
    font-size: 15px !important;
    padding: 4px 15px 0 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.wizi_premium {
    position: absolute;
    right: 50%;
    font-size: 12px;
    font-weight: 300;
    transform: translateX(50%);
    bottom: 8px;
}

.wizi_reco_video {
    height: 100%;
    width: 100%;
    background: black;
    margin-bottom: -6px;
    border-radius: 5px;
}

.wizi_social {
    display: flex;
    flex-wrap: wrap;
}

.wizi_social_i {
    padding: 0 25px 0 0;
    margin: 0 auto;
    font-size: 15px;
    color: #444444;
    display: flex;
}

.wizi_social>div {
    padding: 0;
    margin: 0 auto;
    font-size: 15px;
    color: #444444;
    display: flex;
}

span.wizi_social_icon {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #029398;
}

.wizi_social_blue {
    background: #0a9dc7 !important;
}

.wizi_social_yellow {
    background: #f1c40f !important;
}

.wizi_social_red {
    background: #e74c3c !important
}

.wizi_social p {
    margin: auto 5px;
}

.wizi_social_icon i {
    color: #FFFFFF;
    margin: auto;
}

.wizi_social_btns {
    display: flex;
}

.zhora_gauge {
    max-width: 400px;
    width: 100%;
    height: 35px;
    display: flex;
    margin: 0 auto;
    position: relative;
    border-radius: 30px;
    border: 3px solid #e6e8ea;
}

.zhora_gauge_cell {
    height: 100%;
    flex: 1;
}

.zhora_gauge_cell:nth-of-type(1) {
    border-radius: 30px 0 0 30px;
}

.zhora_gauge_cell:nth-of-type(5) {
    border-radius: 0 30px 30px 0;
}

.zhora_gauge_cell_1 {
    background-color: #62c569;
}

.zhora_gauge_cell_2 {
    background-color: #a1c366;
}

.zhora_gauge_cell_3 {
    background-color: #fec567;
}

.zhora_gauge_cell_4 {
    background-color: #fca466;
}

.zhora_gauge_cell_5 {
    background-color: #f63950;
}

.zhora_gauge_indicator {
    position: absolute;
    top: 23px;
}

.zhora_gauge_triangle {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #747474;
    border-radius: 10px;
}

.zhora_gauge_indicator>span {
    font-weight: 700;
    color: #747474;
}

.attractive_note {
    text-align: center;
    font-size: 50px;
    line-height: normal;
    font-weight: 700;
    color: #029398;
}

.text-blured {
    filter: blur(3px);
}

.wizi-icon-circle {
    height: 25px;
    width: 25px;
    display: inline-flex;
    border-radius: 50%;
    font-size: 14px;
}

.wizi-icon-circle-wiziblue {
    background-color: #029398;
}

.wizi-icon-circle-red {
    background-color: #e74c3c;
}

.wizi-icon-circle-grey {
    background-color: #555555;
}

.wizi-icon-circle-orange {
    background-color: #e67e22;
}

.wizi-icon-circle>i {
    margin: auto;
    color: white;
}

.input-warning {
    font-size: 13px;
}

.wizi_tutorial {
    display: flex;
    margin: auto;
    flex-direction: column;
    padding: 15px;
    font-size: 15px;
    color: #029398;
    border-radius: 5px;
    /*box-shadow: 0 2px 8px #eaeaea;*/
    border: 1px solid #eaeaea;
    cursor: pointer;
    box-shadow: 0 2px 8px #eaeaea;
}

.wizi_tutorial span {
    text-align: center;
    font-size: 17px;
}

.wizi_tutorial p {
    margin: 0;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}

.wizi_tutorial i {
    margin: auto auto 5px;
    font-size: 30px;
}

.wizi_tutorial_text {
    text-align: center;
}


/* Planning visite */

.wizi_planning {
    display: flex;
    flex-direction: column;
}

.wizi_planning_nav {
    flex: 1;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    min-height: 300px;
    display: flex;
}

.wizi_planning_nav_empty {
    margin: auto;
}

.wizi_planning_nav_empty i {
    font-size: 40px;
    text-align: center;
    display: block;
    color: #029398;
}

.wizi_planning_nav_empty h3 {
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    display: block;
    color: #029398;
}

.wizi_planning_nav_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.wizi_planning_nav_one {
    height: 300px;
    width: 330px;
    padding: 5px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.wizi_planning_nav_one_title h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #333;
}

.wizi_planning_nav_one_reserved {
    margin: auto;
}

.wizi_planning_nav_one_reserved h4 {
    font-size: 23px;
    font-weight: 300;
}

.wizi_planning_nav_one_reserved p {
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    color: #029398;
}

.wizi_planning_nav_add_button {
    height: 100px;
    width: 100%;
    padding: 5px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    display: flex;
    cursor: pointer;
}

.wizi_planning_nav_add_button:hover {
    background-color: #eaeaea;
}

.wizi_planning_nav_add {
    margin: auto;
    display: flex;
    flex-direction: column;
}

.wizi_planning_nav_add i {
    text-align: center;
    font-size: 30px;
    color: #029398;
}

.wizi_planning_nav_add span {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #029398;
}

.wizi_planning_nav_rm_button {
    height: 50px;
    width: 100%;
    padding: 5px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    display: flex;
    cursor: pointer;
}

.wizi_planning_nav_rm_button:hover {
    background-color: #eaeaea;
}

.wizi_planning_nav_rm {
    margin: auto;
    display: flex;
    flex-direction: column;
}

.wizi_planning_nav_rm i {
    text-align: center;
    font-size: 16px;
    color: #e74c3c;
}

.wizi_planning_nav_rm span {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #e74c3c;
}

.log_page {
    display: flex;
    width: 100%;
}

.log_page_form_part {
    min-height: 100vh;
    padding: 10px 10px 80px 10px;
    display: flex;
    width: 50%;
}

.log_page_form {
    max-width: 420px;
    margin: auto;
    display: block;
    width: 100%;
}

.log_page_form h2 {
    color: #444;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
}

.log_page_form p {
    font-size: 15px;
    color: #666;
    text-align: center;
}

.log_page_form label {
    padding-bottom: 4px
}

.log_page_side_part {
    display: flex;
    width: 50%;
    background: #029398;
}

.log_page_signup {
    background: url("/app-content/img/inscription.jpg") no-repeat right;
    background-size: cover;
}

.log_page_login {
    background: url("/app-content/img/connexion.jpg") no-repeat center;
    background-size: cover;
}

.log_page_bgcolor {
    background-color: #00919B;
    background-size: cover;
}

.log_page_side {
    margin: auto;
}

.log_page_side_part h2 {
    color: white;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
}

/*.log_page_side_part img {*/
/*    height: 130px;*/
/*    display: block;*/
/*    margin: auto;*/
/*}*/

.log_2_input {
    display: flex;
    max-width: 420px
}

.wizi_recompenses {
    display: flex;
    flex-direction: row;
    /*-webkit-box-pack: center;*/
    /*justify-content: center;*/
}

.wizi_recompense {
    padding: 0 25px 5px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 120px;
}

.wizi_recompense img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.wizi_flat_create_banner {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    width: 100%;
    background: white;
    z-index: 9999999;
    border-top: 1px solid #eaeaea;
    padding: 15px 0;
}

.wizi_tag_n {
    font-size: 13px;
    display: block;
    background: rgba(2, 147, 152, 0.1);
    padding: 0 5px;
    width: fit-content;
    color: #029398;
    border: 1px solid #029398;
    font-family: 'Poppins', sans-serif;
    border-radius: 6px;
}

.wizi_tag_n_red {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
    border: 1px solid #e74c3c;
}

.list-filters {
    display: flex;
    font-family: 'Poppins', sans-serif;
    column-gap: 8px;
}

.list-filters__select {
    position: relative;
}

.list-filters__select__block {
    display: flex;
    width: 150px;
    padding: 10px;
    box-shadow: 0 1px 3px 0px rgba(21, 34, 50, 0.15);
    border: 1px solid #eaeaea;
    border-radius: 8px;
    cursor: pointer;
}

.list-filters__select__block__text {
    font-weight: 300;
    font-size: 13px;
    flex: 1;
    font-family: 'Poppins', sans-serif;
}

.list-filters__select__block__arrow {
    align-self: center;
}

.list-filters__dropdown {
    position: absolute;
    box-shadow: 2px 1px 4px 1px rgba(21, 34, 50, 0.15);
    border: 1px solid #eaeaea;
    border-radius: 8px;
    top: calc(100% + 5px);
    left: 0;
    background: white;
    z-index: 9999;
    width: 250px;
    overflow: hidden;
    visibility: hidden;
}

.list-filters__dropdown--active {
    visibility: visible;
}

.list-filters__dropdown__header {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
}

.list-filters__dropdown__header-h3 {
    font-weight: 600 !important;
    font-size: 14px !important;
    flex: 1;
    align-self: center;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.list-filters__dropdown__header-close {
    cursor: pointer;
    font-size: 18px;
}

.list-filters__dropdown__list {

}

.list-filters__dropdown__list__one {
    padding: 10px;
    cursor: pointer;
}

.list-filters__dropdown__list__one:hover {
    background: #E7EAF5;
}

.list-filters__dropdown__list__one__text {
    font-weight: 300;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.list-filters__dropdown__list__one__check {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 30px;
    cursor: pointer;
}

.list-filters__dropdown__list__one__check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.list-filters__dropdown__list__one__checkbox {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 4px;
}

.list-filters__dropdown__list__one__check .list-filters__dropdown__list__one__check-input:checked ~ .list-filters__dropdown__list__one__checkbox {
    background-color: #029398;
    border-radius: 4px;
}

.list-filters__dropdown__list__one__checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

.list-filters__dropdown__list__one__check .list-filters__dropdown__list__one__check-input:checked ~ .list-filters__dropdown__list__one__checkbox:after {
    display: block;
}

.list-filters__dropdown__list__one__check .list-filters__dropdown__list__one__checkbox:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media screen and (min-width: 980px) {
    .hide-on-desk {
        display: none !important;
    }
}

@media screen and (max-width: 980px) {
    .wizi_recompenses {
        flex-wrap: wrap;
    }
    .wizi_recompense {
        margin-bottom: 10px;
        padding: 0 15px 5px;
        max-width: 100px;
    }
    .wizi-two-blocs {
        flex-direction: column;
    }
    .wizi-right-bloc {
        width: 100%;
        margin-left: 0;
    }
    .wizi_conversations {
        position: absolute;
        max-width: 100%;
        transition: right 1s;
        right: 0%;
    }
    .wizi_card_small>div.display-flex {
        padding: 5px;
    }
    .wizi_menu_bloc {
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .wizi_menu_bloc:nth-child(3n) {
        margin: 0 4% 4% 0;
    }
    .wizi_menu_bloc:nth-child(2n) {
        margin-right: 0;
    }
    .wizi_menu_4>.wizi_menu_bloc {
        width: 32%;
        margin: 0 2% 2% 0;
    }
    .wizi_menu_4>.wizi_menu_bloc:nth-child(4n) {
        margin: 0 2% 2% 0;
    }
    .wizi_menu_4>.wizi_menu_bloc:nth-child(3n) {
        margin: 0 0 2% 0;
    }
    .wizi_menu_bloc .wizi_menu_bloc_tooltip {
        width: 160px;
        margin-left: -80px;
    }
    .wizi_form_modify_title {
        font-size: 15px;
    }
    .wizi_form_modify_answer {
        font-size: 15px;
        color: #444;
        font-weight: 300;
    }
    .wizi_form_modify_edit {
        position: absolute;
        font-size: 14px;
        top: 20px;
        right: 0;
    }
    .wizi_modal_yousign {
        width: 95%;
        height: 95%;
    }
    .wizi_card_small_picture {
        height: 90px;
        min-width: 80px;
    }
    .wizi_card_small_picture>img {
        height: 90px;
        width: 80px;
    }
    .scroll {
        /*padding-bottom: 10px;*/
    }
    .wizi-right-block {
        position: inherit;
        top: 0;
    }
    .wizi_header_title>h3 {
        font-size: 24px;
    }
    .wizi_header_title {
        height: 25px;
    }
    .wizi_header_title>img {
        height: 25px;
    }
    .nav-flats-create>a {
        float: none;
        text-align: center;
        display: block;
        margin-top: 24px;
    }
    .nav-flats-create>button {
        margin: auto;
        max-width: 170px;
        float: none;
        display: block;
    }
    .log_page_side_part {
        display: none;
    }
    .log_page_form_part {
        width: 100%;
    }
}

@media screen and (min-width: 670px) and (max-width: 980px) {
    .hide-on-tab {
        display: none !important;
    }
    .vousavezuncompte {
        width: 100%;
    }
    .picto-bloc {
        font-size: 26px !important;
    }
    .wizi-right-block {
        width: auto;
        position: initial;
        margin: 0 25px 15px 25px;
        background: #F9F9F9;
        top: 0;
    }
    .wizi-edl-stickybar {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: white;
        z-index: 9999;
    }
    .wizi-card-buttons {
        /*width: 20%;*/
        top: 15px;
        right: 10px;
    }
    /*.wizi-card-buttons button{*/
    /*font-size: 10px !important;*/
    /*height: 26px;*/
    /*border-width: 1px;*/
    /*}*/
    .wizi-card-footer-info {
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .wizi-card-dropdown {
        width: 90%;
        top: 45px;
        right: 10px;
    }
    .wizi-menu-left {
        margin: 15px 0 0 0;
    }
    .wizi-flat-right-block {
        margin-left: 0;
        position: initial;
        width: 100%;
    }
    .wizi-price-column>div {
        height: auto !important;
        margin: 15px 0 !important;
    }
}

@media screen and (max-width: 670px) {
    .wizi_app_header h3 {
        font-size: 32px;
    }

    .wizi-edl-stickybar {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: white;
        z-index: 9999;
    }
    .vousavezuncompte {
        width: 100%;
    }
    .wizi-menu-left {
        margin: 15px 0 0 0;
        min-width: auto;
        width: 100%;
    }
    .wizi-flat-container {
        padding: 10px 5px;
    }
    .wizi-menu-left {
        position: initial;
    }
    .wizi-flat-right-block {
        margin-left: 0;
        position: initial;
        width: 100%;
    }
    .picto-bloc {
        font-size: 23px !important;
    }
    .wizi-card-buttons {
        /*width: 25%;*/
        top: 3px;
        right: 5px;
    }
    .wizi_app_content {
        padding: 0 5px;
    }
    .wizi_menu_4>.wizi_menu_bloc {
        width: 49%;
        margin: 0 2% 2% 0;
    }
    .wizi_menu_4>.wizi_menu_bloc:nth-child(4n) {
        margin: 0 2% 2% 0;
    }
    .wizi_menu_4>.wizi_menu_bloc:nth-child(3n) {
        margin: 0 2% 2% 0;
    }
    .wizi_menu_4>.wizi_menu_bloc:nth-child(2n) {
        margin: 0 0 2% 0;
    }
    .wizi_menu_mode_1>.wizi_menu_bloc .wizi_menu_bloc_text {
        display: block;
        text-align: center;
    }
    .wizi_menu_mode_1>.wizi_menu_bloc .wizi_menu_bloc_text>h4 {
        font-size: 15px;
    }
    .wizi_menu_mode_1>.wizi_menu_bloc .wizi_menu_bloc_text>h4>i {
        display: none;
    }
    .wizi_menu_mode_1>.wizi_menu_bloc>p {
        display: none;
    }
    .wizi_menu_mode_1>.wizi_menu_bloc .wizi_menu_bloc_icon {
        text-align: center;
    }
    /*.wizi-card-buttons button{*/
    /*font-size: 10px !important;*/
    /*height: 28px;*/
    /*border-width: 1px;*/
    /*}*/
    .wizi-card-footer-info {
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .wizi-card-dropdown {
        width: 90%;
        top: 45px;
        right: 10px;
    }
    .only-desk {
        display: none;
    }
    .item-price {
        width: 70%;
    }
    .hide-on-mobile {
        display: none !important;
    }
    .wizi-card-img-container {
        width: 18%;
    }
    .wizi-card-title {
        width: 82%;
    }
    .wizi-card-text {
        margin: auto 15px;
    }
    .wizi-card-text-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .wizi-card-text-text {
        font-size: 13px;
        line-height: 19px;
    }
    .wizi-card-two-items {
        box-shadow: rgba(0, 0, 0, 0.05) 0 3px 5px 0;
    }
    .wizi-nothing-text {
        font-size: 13px;
        /*color: #029398;*/
        text-align: center;
    }
    .wizi-card {
        box-shadow: rgba(0, 0, 0, 0.05) 0 3px 5px 0;
    }
    .wizi-right-block {
        width: auto;
        position: relative;
        margin: 0 25px 15px 25px;
        background: #F9F9F9;
    }
    .wizi-appliance-desc {
        margin: auto 10px !important;
    }
    .card-first-item {
        padding-top: 3px;
        width: 100%;
    }
    .wizi-chat-me {
        margin-left: 20%;
    }
    .wizi-chat {
        max-width: 80%;
    }
    .wizi-badges-messages {
        top: 1px !important;
    }
    .wizi-price-column>div {
        height: auto !important;
        margin: 15px 0 !important;
    }

    .wizi_app_header_withbtn {
        flex-direction: column;
    }

    .wizi_tutorial {
        margin: 0;
        margin-top: 10px;
        width: -moz-fit-content;
        width: fit-content;
        flex-direction: initial;
    }

    .wizi_tutorial i {
        margin: auto 15px auto 0;
    }

    .wizi_tutorial span {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 5px;
        display: block;
        text-align: left;
    }

    .wizi_tutorial p {
        margin: 0;
        font-size: 14px;
        text-align: left;
    }
}

.desktop-white {
    background: white !important;
}

@media screen and (min-width: 670px) {
    .wizi-wrap-bg {
        width: 750px !important;
        margin: auto !important;
    }
    .wizi-application-navigation {
        width: 750px !important;
    }
    .tab-nav {
        /*display: none;*/
    }
    .wizi-filter-button {
        bottom: 75px !important;
    }
    .view-container {
        /*position: absolute;*/
        /*bottom: 0;*/
        /*height: 99%;*/
    }
    .wizi-chat-me {
        margin-left: 40%;
    }
    .wizi-chat {
        max-width: 60%;
    }
    .wizi-badges-messages {
        padding: 2px 7px;
        top: 0;
        left: 22px;
    }
}

.wizi-button {
    box-shadow: none !important;
}

ion-content {
    background-color: #f7f7f7 !important;
    height: auto !important;
}

.platform-android .bar .title {
    text-align: center !important;
}

.card {
    /*box-shadow: none !important;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
}

.card-no-shadow {
    box-shadow: none !important;
}

.card img {
    box-shadow: none !important;
}

.wizi-search-bar {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    font-weight: 700;
    color: #444;
    border: 1px solid #eaeaea;
    background-color: white;
    /*padding: 5px;*/
    border-radius: 3px;
    position: relative;
}

.wizi-search-bar>i {
    position: absolute;
    top: 18px;
    left: 15px;
}

.wizi-search-bar-input {
    border: none !important;
    background-color: transparent;
    /*margin-left: 25px;*/
}

.wizi-search-input {
    /*font-weight: 700;*/
    color: #444;
}

.picto-bloc {
    font-size: 30px;
    color: #444;
    text-align: center;
    padding: 10px 0 0 0;
    width: 100%;
    font-weight: 700;
    display: block;
}

.picto-bloc>i {
    color: #029398;
}


/*.wizi-search-bar::placeholder{*/


/*color: #888;*/


/*font-weight: 500;*/


/*}*/

.wizi-search-input::placeholder {
    color: #888;
    /*font-weight: 700;*/
}

.wizi-search-bar:focus {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .26);
}

.card-hover:hover {
    transition-property: background-color;
    transition-duration: 0.3s;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05) !important;
    background-color: #fff !important;
    cursor: pointer;
}

.picto-title {
    margin-top: 10px;
}

.no-shadow {
    box-shadow: none;
}

.wizi-chat {
    padding: 15px;
    padding-top: 22px;
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #444;
    position: relative;
}

.wizi-chat-me {
    background-color: #cef2ffc2;
    border-radius: 10px;
    /*float: right;*/
}

.wizi-chat-him {
    background-color: white;
    border-radius: 10px;
    /*float: right;*/
}

.notif-item {
    padding: 0;
    background-color: white;
    margin-top: 8px;
    transition: opacity 1s ease-in-out;
    opacity: 1;
    border: 1px solid #eaeaea !important;
    border-radius: 5px;
}

.wizi-chat-name {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 80%;
    color: #444;
}

.wizi-chat-date {
    position: absolute;
    bottom: 2px;
    font-size: 70%;
    right: 6px;
    color: #666;
}

svg path,
svg rect {
    /*fill: #029398;*/
}

.wizi-menu-right {
    border-top: 2px solid #2d2d2d !important;
    background-color: #515151;
}

.wizi-menu-right:hover {
    background-color: #9b9b9b;
}

.is-active>a>i {
    color: white;
}

.is-active>a>p {
    color: white;
    font-weight: bold;
}

.image-menu {
    border-radius: 100px;
    width: 25px;
    height: 25px;
}

.hover-menu:hover {
    font-weight: bold !important;
}

.euro-bg {
    background: white url(../img/euro.png) no-repeat 97% center;
    background-size: 23px;
}

.mail-bg {
    background: white url(../img/mail.png) no-repeat 97% center;
    background-size: 27px;
}

.phone-bg {
    background: white url(../img/phone.png) no-repeat 97% center;
    background-size: 27px;
}

.lock-bg {
    background: white url(../img/lock.png) no-repeat 97% center;
    background-size: 27px;
}

.location-bg {
    background: white url(../img/location.png) no-repeat 97% center;
    background-size: 27px;
}

.img-flat-detail {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.wizi-item {
    color: #444;
    position: relative;
    /*z-index: 2;*/
    display: block;
    padding: 10px 0;
    font-size: 16px;
    z-index: 99999;
}

.wizi-item-create {
    color: #444;
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px;
    font-size: 16px;
}

.wizi-label {
    font-size: 15px;
    color: #444;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

.wizi-label-sub {
    font-size: 10px;
}

.wizi-toggle {
    pointer-events: auto;
    display: flex;
    padding: 16px 0;
}

.wizi-toggle-label {
    display: flex;
    width: 25%;
}

.wizi-toggle-lab {
    display: flex;
    width: 75%;
    margin: auto 0;
    font-size: 103% !important;
    max-width: none;
    white-space: initial;
}

.wizi-toggle-yon {
    margin: auto;
}

.wizi-toggle-rd {
    margin: auto;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
}

h1 {
    color: #444;
}

.text-hover:hover {
    font-weight: 700;
}

.ion-information-circled {
    font-size: 17px;
    color: #515151;
}

.text-disabled {
    color: #DADADA !important;
    background-color: #DADADA !important;
}

h3.title-categorie-wizi {
    font-size: 19px;
    font-weight: 500;
    margin-top: 3px;
}

.tab-item .icon {
    font-size: 26px;
    margin-top: 5px;
    height: 27px;
}

.wizi-bold-text {
    color: #444;
    font-size: 120%;
    font-weight: 700;
}

.item-complex .item-content,
.item-radio .item-content {
    padding: 16px 0 16px 16px;
}

.wizi-dropdown {
    /*display: none;*/
    width: 290px;
    z-index: 99999;
    /*height: 290px;*/
    position: absolute;
    background: white;
    right: 0;
    top: 81px;
    overflow: auto;
    /*border-radius: 5px;*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.wizi-headerbar-badges {
    position: absolute;
    left: 70px;
    top: 32px;
    background-color: white;
    height: 5px;
    width: 5px;
    border-radius: 5px;
}

.overflow-scroll .scroll {
    height: auto;
}

.wizi-dropdown-ul>li {
    padding: 12px 20px;
    border-bottom: 1px solid #eaeaea;
}

.wizi-dropdown-ul>li:hover {
    background: #eaeaea;
    cursor: pointer;
}

.wizi-dropdown-ul>li:last-child {
    /*margin-bottom: 10px;*/
    border: none;
}

.wizi-dropdown-ul>li>a {
    color: #444;
}


/*.menu.menu-right{*/


/*    width: 100vw !important;*/


/*}*/

.menu.menu-left {
    width: 100vw !important;
}


/*.menu-open .menu-content{*/


/*    transform: translate3d(-100vw, 0px, 0px) !important;*/


/*}*/

.side-menu-li {
    margin: 0 35px 0 25px;
    padding: 15px 0 0 0;
}

.side-menu-border-bottom {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.side-menu-a {
    color: #666;
    font-size: 17px;
    text-align: left;
    font-weight: 400;
    position: relative;
}

.side-menu-a>i {
    font-size: 23px;
}

div#dropdown-messagerie {
    z-index: 999;
}

div#dropdown-profil {
    z-index: 999;
}

.wizi-dropdown-hover:hover {
    background: #eaeaea;
    cursor: pointer;
}

.icon-add-image {
    font-size: 30px;
    margin-top: 7px;
    color: #029398;
}

.disabled_input_file {
    background: #eaeaea !important;
    border: 1px solid #005558 !important;
}

.disabled_input_file>i {
    color: #005558;
}

.picker-overlay {
    /*display: none !important;*/
}

@media screen and (max-width: 1050px) {
    .navbar-mobile-mode {
        display: block;
    }
    .navbar-desktop-mode {
        display: none;
    }
}

@media screen and (min-width: 1051px) {
    .navbar-mobile-mode {
        display: none;
    }
    .navbar-desktop-mode {
        display: block;
    }
}

.wizi-card-with-top-picture {
    height: auto;
    padding: 0;
    max-width: 500px;
    margin-top: 40px;
}

.wizi-card-top-picture {
    object-fit: cover;
    height: 140px;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.wizi-card-with-top-picture-bot-bloc {
    margin: auto 0;
    padding: 10px;
    text-align: left;
}

.wizi-card-with-top-picture-bot-bloc>div {
    margin: auto;
}

.wizi-card-with-top-picture-bot-bloc>div h1 {
    text-align: center;
}

.wizi-card-with-top-picture-bot-bloc>div p {
    margin-bottom: 30px;
}

.wizi-card-with-top-picture-bot-bloc>div button {
    margin: auto;
    display: block;
}

.wizi-card-with-top-picture-bot-bloc>div a {
    text-align: center;
    font-style: italic;
    text-decoration: underline;
    color: #a5a5a5;
    display: block;
}

.check-on-card {
    position: absolute;
    padding: 4px 8px;
    font-size: 14px;
    background: white;
    top: -13px;
    border: 1px solid #eaeaea;
    left: calc(50% - 10px);
    color: #029398;
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0;
    border-radius: 50%;
}

.home-two-text-bloc {
    padding: 50px 100px;
    flex: 1;
}

.home-two-text-bloc>span {
    padding: 13px 20px;
    border-radius: 50%;
    border: 2px solid #444;
    color: #444;
    font-size: 18px;
    font-weight: 700;
}

.home-two-text-bloc>p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    margin-top: 25px;
}

.home-two-text-bloc>p>a {
    color: #029398;
}

.home-two-text-bloc>h3 {
    font-size: 20px;
    line-height: 27px;
    color: #444;
    font-weight: 700;
}


/* New pricing (need to delete the old one once it's up) */

.wizi-price-bloc {
    flex: 1;
    padding: 15px 5px;
    margin: 15px 5px;
    border: 2px solid #eaeaea;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0;
    position: relative;
    cursor: pointer;
}

.wizi-price-bloc-active {
    border-color: #029398;
}

.wizi-price-bloc>h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #444;
    margin: 5px 0 10px 0;
}

.wizi-price-bloc>h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #444;
    margin: 0;
}

.wizi-price-bloc>h4 {
    font-size: 15px;
    text-align: center;
    color: #555;
    margin: 0;
}

.wizi-price-bloc>.check-on-card {
    top: -15px;
    left: calc(50% - 15px);
}

.wizi-price-text-little {
    font-weight: 400;
    font-size: 11px;
}

.wizi-price-bloc>p {
    font-size: 9px;
    text-align: center;
    color: #666;
    margin: 0;
}

.wizi-price-disabled {
    color: #999;
}

.wizi-price-arrow-bloc {
    flex: 1;
    display: flex
}

.wizi-price-arrow {
    font-size: 20px;
    margin: 7px auto 0;
    color: #029398;
}

.wizi-price-details {
    border: 2px solid #029398;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
    margin: 15px 5px;
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px 0;
}

.wizi-price-column {
    flex: 1;
}

.wizi-price-column>div {
    display: flex;
    height: 45px;
    color: #222;
}

.wizi-price-column>div>i {
    margin: auto 10px;
    color: #029398;
}

.wizi-price-column>div>.fa-times {
    color: #ff8181;
}

.wizi-price-column>div>p {
    margin: auto 10px;
}

.wizi-rent {
    padding: 14px 10px !important;
    font-weight: 400 !important;
}

.wizi-rent:hover {
    background-color: transparent !important;
    cursor: default !important;
}

.wizi-notification {
    border-radius: 5px;
    background-color: white;
    border: 1px solid #f1f1f1;
    width: 100%;
    margin: 10px 5px 0 0;
}

.lds-ripple {
    display: block;
    margin: 40px auto 15px;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #029398;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 18px;
    transform: scale(0.5);
}

.lds-ellipsis div {
    position: absolute;
    top: 15px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #666;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

.wizi_headerbar_progress_container {
    width: 100%;
    background: transparent;
    height: 3px;
    z-index: 1;
    position: sticky;
}

.wizi_headerbar_progress {
    background: #029398;
    transition-duration: .4s;
    max-width: 100%;
    height: 100%;
    transition-property: background, color, opacity, width;
}

.btnwz_dyn {
    display: none;
}