/* from homepage.css */
*{
    box-sizing: border-box;
    font-family: 'Montserrat' !important;
  }
  body{
    width: 100%;
    margin: auto;
    background: #FBFBFF;
    color: #000;
    font-family: 'SF Pro Regular', Arial;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
  }
  li{
    list-style-type: none;
  }
  ul{
    margin: 0;
    padding: 0;
  }
  p{
    margin: 0;
  }
  .mobileMenuBtm, .changeLangMob {
    display: none;
  }
  .container-100
  {
  clear: both;
  width: 100%;
  margin: auto;
  }
  .header{
    position: fixed;
    top: 0;
    background: #FBFBFF;
    box-shadow: none;
  }
  .header{
    margin-bottom: 30px;
    height: 140px;
    height: 70px;
    padding: 0;
    width: 100% !important;
    display: flex;
    align-items: start;
    transition: all .2s ease;
    z-index: 999;
    flex-flow: column;
  }
  .header-opened{
    height: 174px !important;
    align-items: start;
  }
  .header .flex-container {
    position: relative;
  }
  .header-end{
    height: 0;
  }
  
  .categories {
    background: #000000;
    border-top: 1px solid #c7c7c7;
    padding: 5px;
    margin-top: 40px;
  }
  .categories nav {
    width: 100%;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    margin: auto;
    padding: 5px;
    max-width: 1880px !important;
  }
  .categories ul {
    margin: 0 0 20px;
  }
  .title-cat {
    padding: 0 0 4px;
    margin: 0 0 10px;
  }
  .categories nav .title-cat a {
    font-family: 'SF Pro Regular';
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
  }
  .categories nav .title-cat a:hover {
    color: #fff;
  }
  .categories nav a:hover {
    color: #0060ef;
  }
  .categories nav a {
    font-family: 'SF Pro Light';
    color: #707070;
    text-decoration: none;
  }
  .footer{
    background-color: #000;
    position: relative;
    padding: 5px;
  }
  .footer .container-100-child.flex-container{
    padding: 5px !important;
  }
  .footer ul a {
    color: #ffffff;
    font-family: 'SF Pro Light';
    font-size: 0.9em;
    text-decoration: none;
  }
  .footer ul a:hover{
    color: #0060ef;
  }
  .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* @media (min-width: 1024px) {
    .container-100-child {
        margin: auto;
        width: 100%;
        max-width: 1880px !important;
        padding: 5px;
    }
  } */
  .footer-networks {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 20px 0;
    display: flex;
    align-items: end;
    justify-content: start;
    flex-flow: row-reverse;
  }
  .footer-networks > a {
    display: inline-block;
    margin: auto;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 0 0 10px;
  }
  .footer-networks p {
    color: #ffffff;
    font-family: 'SF Pro Light';
    font-size: 0.9em;
  }
  .footer-networks p a {
    color: #fff;
    text-decoration: none;
  }
  .footer-networks p a:hover {
    color: #0060ef;
  }
  .footer div:nth-child(2) {
    width: auto;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    margin: 20px 0 20px;
    width: 40%;
  }
  .footer ul{
    text-align: right;
  }
  .footer li{
    padding: 3px 0 0;
  }
  header > .container-100-child.flex-container {
    height: 55%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    transition: all .2s ease;
  }
  .header-logo, .header-links {
    position: relative;
    bottom: 0px;
    height: 80px;
    margin: 0;
    display: flex;
    align-items: center;
    flex: none;
  }
  .header-logo img {
    margin: 0;
    width: 100px;
    margin-bottom: 5px;
  }
  .dm_search_form {
    /* position: absolute; */
    height: 80px;
    width: 60%;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* left: 49%; */
    /* transform: translate(-50%, -50%); */
    transition: all .2s;
    z-index: 10 !important;
  }
  .search-ul-checkbox, .search-ul-radio {
    /* display: none; */
    height: 0;
    overflow: hidden;
    position: absolute;
  }
  .dm_search_form li {
    display: inline-block;
    font-size: 1em;
    margin-right: 5px;
  }
  .switchAnimLab {
    background-color: rgb(215, 215, 215);
    display: flex;
    align-items: center;
    position: relative;
    min-width: 34px;
    max-width: 34px;
    height: 20px;
    border-radius: 20px;
    margin-right: 5px;
    transition: all .2s ease;
    cursor: pointer;
  }
  input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .checkBoxGroup {
    display: none !important;
  }
  .checkBoxLab {
    display: grid;
    place-items: center;
    position: relative;
    left: 0;
    background-color: #fff;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin: 2px;
    transition: all .2s ease;
    box-sizing: border-box;
    cursor: pointer;
  }
  .checkBoxGroup:checked + .checkBoxLab {
    left: calc(100% - 20px);
  }
  .checkBoxLab .line1, .checkBoxLab .line2 {
    height: 1.5px;
    width: 9px;
    display: inline-block;
    position: absolute;
    background-color: rgb(172, 170, 170);
    transform: rotate(-45deg);
    transform-origin: center;
    border-radius: 2px;
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .checkBoxLab .line2 {
    transform: rotate(45deg);
  }
  .checkBoxLabChecked .line1, .checkBoxLabChecked .line2 {
    height: 1.5px;
    width: 9px;
    display: inline-block;
    position: absolute;
    background-color: #0060EF;
    transform: rotate(-45deg);
    border-radius: 2px;
    left: 5.5px;
  }
  
  .checkBoxLabChecked .line1 {
    width: 5px;
    transform: rotate(45deg);
    top: 9px;
    left: 3.5px;
  }
  .dm_search_form li {
    display: inline-block;
    font-family: 'Tahoma', 'SF Pro Regular';
    font-size: 1em;
    margin-right: 5px;
  }
  .search-container {
    border: 1px solid silver;
    border-radius: 60px;
    padding: 10px;
    background: white;
    width: 70%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -5px;
    transition: all .2s;
    z-index: 5 !important;
  }
  .regionsCont {
    display: block;
    cursor: pointer;
    border-right: 1px solid silver;
    float: left;
    height: 30px;
    width: 25%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 5px 0 3px;
  }
  .search-container #county, .search-container #opt {
    height: 30px;
    border: 0px;
    background: transparent;
    text-align: left;
    padding-left: 2px;
    width: 80%;
    text-overflow: ellipsis;
    cursor: pointer;
    outline: none;
  }
  img {
    border: 0;
  }
  .regionsCont img {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin: 0;
  }
  
  .categoriesCont {
    display: block;
    cursor: pointer;
    border-right: 1px solid silver;
    float: left;
    height: 44px;
    width: 25%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 2px;
    width: 0%;
    border-right: none;
    transition: all .1s;
  }
  .search-container #opt {
    display: flex;
  }
  .searchBarCont {
    width: 75%;
  }
  .search-container input[type=text] {
    width: 90%;
    border: none;
    /* border-right: 1px solid silver; */
    height: 30px;
    background: transparent;
    padding-left: 5px;
    outline: none;
  }
  [type="submit"] {
    display: block;
    width: auto;
    margin: 30px auto 0 auto;
    padding: 15px 20px;
    background: #0060ef;
    border: 1px solid #0060ef;
    border-radius: 100px;
    font-family: 'SF Pro Light';
    font-size: 1.05em;
    color: #FFF;
    cursor: pointer;
  }
  .btn-submit {
    position: absolute;
    right: 7.5px;
    top: 7.5px;
    background-color: transparent;
    margin: -6px;
    height: 40px;
    width: 40px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
  }
  .btn-submit img {
    width: 35px !important;
    height: 35px !important;
    margin: 0;
    background-color: #0060ef;
    border-radius: 50%;
    padding: 8px;
  }
  #search-ads.search-ul-checkbox {
    margin-bottom: 10px;
  }
  .dm_search_form .search-ul-checkbox li {
    margin: 5px 5px 5px 0;
  }
  .checkBoxIcon {
    display: none;
  }
  
  
  
  menu.menu-user{
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center;
    column-gap: 53px;
    padding: 0;
  }
  menu.menu-user img{
    height: 33px;
    width: 33px;
    border-radius: 50%;
    object-fit: cover;
    z-index: 1000;
  }
  
  
  
  /* menu.menu-user .add-new-ad{
    position: relative;
    overflow: hidden;
    height: 29px;
    width: 29px;
  } */
  .icon-plus .ver-line, .icon-plus .hor-line{
    background-color: white;
    height: 2px;
    width: 14px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    z-index: 1000;
  }
  .icon-plus .ver-line{
    transform: translate(-50%, -50%) rotate(90deg);
  }
  menu.menu-user .add-new-ad, menu.menu-user .change-lang-container, menu.menu-user .profile-icon-container{
    display: flex;
    align-items: start;
    justify-content: center;
    height: 33px;
    width: 33px;   
    position: relative;
    cursor: pointer;
  }
  menu.menu-user .change-lang-container{
    flex-flow: column;
    align-items: center;
    justify-content: start;
    position: absolute !important;
    height: fit-content;
    padding: 5px;
    padding-bottom: 10px;
    top: -5px;
    background-color: transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.132);
    z-index: 100001;
    row-gap: 10px;
    overflow: hidden;
    border-radius: 33px 33px 7px 7px;
    border-radius: 10px;
    width: 43px;
    cursor: default;
    height: 43px;
    box-shadow: none;
    transition: all .1s ease;
  }
  menu.menu-user .change-lang-container:hover{
    height: fit-content;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.132);
    background-color: white;
  }
  .change-lang-container a{
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
    width: 100%;
  }
  .change-lang-container .icon-change-lang{
    cursor: pointer;
  }
  menu.menu-user .profile-icon-container{
    overflow: hidden;
  }
  menu.menu-user .profile-icon-container:hover{
    overflow: visible;
  }
  .dropdown-inner {
    display: block;
    position: absolute;
    background: white;
    padding: 10px;
    width: 258px;
    top: 41px;
    right: -4px;
    opacity: 1;
    /* border: 1px solid #000000; */
    box-shadow: 0 0 5px #00000014;
    border-radius: 5px 0 5px 5px;
    transition: all .1s;
    z-index: 999;
  }
  .dropdown-inner::before {
    content: '';
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 0 0 8px 0;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    /* background-color: #000; */
    position: absolute;
    right: 39px;
    top: -5px;
    z-index: 1005;
  }
  .dropdown-inner a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin: 5px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: small;
    padding: 15px 9px;
    position: relative;
  }
  .dropdown-inner .toLoginCont, .dropdown-inner .toLogoutCont {
    margin-top: 15px;
  }
  .toLoginCont::before, .toLogoutCont::before {
    content: '';
    height: 2px;
    width: 86%;
    border-radius: 2px;
    background-color: #00000011;
    position: absolute;
    top: -7.5px;
    left: 7%;
  }
  .dropdown-inner::after {
    content: '';
    background-color: #ffffff;
    height: 39px;
    width: 33px;
    padding: 4px;
    position: absolute;
    top: -45px;
    right: 0px;
    /* transform: rotate(45deg); */
    /* border-top: 1px solid #00000014; */
    /* border-left: 1px solid #00000014; */
    /* z-index: 0; */
    box-shadow: 0 -2px 3px #00000014;
    border-radius: 5px 5px 0 0;
  }
  .dropdown-inner a:hover {
    background-color: #00000014;
  }
  .dropdown-inner a img {
    height: 18px !important;
    width: 18px !important;
    object-fit: contain;
    border-radius: 0 !important;
  }
  .flex-container {
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 0 30px 0 5px;
    max-width: 1880px !important;
  }
  @media (max-width: 768px) {
    .footer{
        margin-top: 30px;
    }
    .categories{
        display: none;
    }
  }
  .header .categoriesNavBar{
    background-color: #FBFBFF;
    width: 100%;
    max-width: 1880px;
    margin: auto;
    height: 40%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 10px;
    margin-top: -5px;
    position: relative;
  }
  .header .subCategoriesNavBar{
    background-color: #FBFBFF;
    height: 50px;
    width: 100%;
    max-width: 1880px;
    margin: auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    transition: all .1s ease;
    height: 0;
  }
  .subCategoriesNavBar .oneSubCategory{
    padding: 7px 10px;
    background-color: #00000011;
    font-weight: bold;
    font-size: 10px;
    display: inline-block;
    border-radius: 5px;
    margin: 6px 5px 0 5px;
  }
  .categoriesNavBar .navCategories, .subCategoriesNavBar .subCategoriesScroll{
    /*overflow-x: auto;*/
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    scroll-behavior: smooth;
  }
  .subCategoriesNavBar .subCategoriesScroll{
    height: calc(100% + 10px);
  }
  .navCategories .oneCategory{
    overflow: hidden;
    display: inline-flex;
    flex-flow: column;
    row-gap: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 60px;
    padding: 0 5px;
    margin: 0 15px;
  }
  .navCategories .catIcon{
    height: 24px;
    width: 24px;
    opacity: 0.8;
  }
  .navCategories .catName{
    font-size: 11px;
    font-weight: 600;
    overflow: hidden;
  }
  
  .oneSubCategory a {
    color: black;
    text-decoration: none;
  }
  
  .navCategories .currCategory{
    border-bottom: 2px solid black;
  }
  
  
  .arrowCatLeft, .arrowCatRight{
    background-color: #00000011;
    height: 100%;
    width: 82px;
    position: absolute;
    left: 0;
    background: linear-gradient(to right, #FBFBFF 60%, transparent);
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: start;
    padding-left: 32px;
  }
  .arrowCatRight{
    left: auto;
    right: 0;
    top: 0;
    background: linear-gradient(to left, #FBFBFF 60%, transparent);
    justify-content: end;
    padding-left: 0;
    padding-right: 32px;
    display: flex;
  }
  .arrowCircle{
    border: 1px solid #000;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .arrowLine{
    background-color: #000;
    height: 1px;
    width: 7px;
    border-radius: 4px;
    transform: rotate(40deg);
    transform-origin: right;
    position: absolute;
  }
  .arrowLine:last-child{
    transform: rotate(-40deg);
  }
  .arrowCatLeft .arrowCircle{
    transform: rotate(180deg);
  }
  
  .header-opened{
    height: 174px !important;
    align-items: start;
  }
  .header-opened > .container-100-child.flex-container{
    height: 174px;
    align-items: start;
  }
  .header-opened .categoriesNavBar, .header-opened .subCategoriesNavBar{
    height: 0px;
  }
  
  .header-logo-opened, .header-links-opened{
    bottom: 0px;
  }
  
  .dm_search_form-opened{
    height: 190px;
    display: flex;
    flex-flow: column;
    justify-content: start;
    row-gap: 15px;
    padding-top: 20px;
    overflow: visible;
    top: 36%; /* added */
  }
  
  
  
  
  .search-ul-radio-opened li, .search-ul-checkbox-opened li{
    padding: 0;
    margin: 0 5px;
    display: flex;
    column-gap: 3px;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
  }
  .search-ul-radio-opened{
    margin-bottom: -10px;
    margin-top: 10px;
    height: auto;
    /* width: 130%; */
    display: flex;
    position: relative;
  } 
  .search-ul-checkbox-opened{
    display: flex;
    height: auto;
    margin-top: -5px;
    width: 130%;
    align-items: center;
    justify-content: center;
    position: relative;
    column-gap: 24px;
  }
  .search-container-opened{
    margin-top: 10px;
    width: 100%;
  }
  .blackWraper-opened{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.32);
    z-index: 9999 !important;
  }
  .search-container #opt{
    display: flex;
  }
  .categoriesCont-opened{
    border-right:  1px solid silver;
    width: 25%;
  }
  @media (max-width: 768px) {
    .header-logo, .header-links{
        display: none;
    }
    .header-opened{
        height: 90% !important;
        align-items: start;
        padding-top: 55px;
        background-color: #fff;
    }
    .header-opened .categoriesNavBar, .header-opened .subCategoriesNavBar{
        height: 0 !important;
    }
  
    .dm_search_form{
        width: calc(100% - 60px);
        /* transform: translate(0, -50%); */
        left: -5px;
    }
     .dm_search_form-opened{
        width: 100%;
        overflow: visible;
    }
    .search-container, .search-container-opened{
        width: 90%;
        font-size: x-small !important;
        overflow: visible;
        margin-bottom: 10px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .search-container{
        margin-bottom: -10px;
    }
    .search-container-opened .input-keywords,
    .search-container-opened #county, 
    .search-container-opened #opt, 
    .search-container .input-keywords,
    .search-container #county, 
    .search-container #opt{
        font-size: x-small !important;
        text-align: center;
        width: 100%; 
    }
    .categoriesCont{display: none;}
    .categoriesCont-opened{
        border: none;
        display: block;
    }
    .searchBarCont .input-keywords{
        text-align: left;
    }
    .searchBarCont{
        width: 95%;
        
    }
    .search-ul-radio-opened li, .search-ul-checkbox-opened li{
        font-size: small;
        background-color: #fff;
        width: 90px !important;
        height: 90px;
        display: inline-block;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 0 7px #e5e5e5a0;
        position: relative;
    }
    .categoriesCont-opened, .regionsCont{
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translate(-100%,0);
        width: 30%;
        text-align: center !important;
    }
    .categoriesCont-opened{
        left: 80%;
    }
    .locationIcon{
        display: none !important;
    }
    .search-ul-checkbox-opened, .search-ul-radio-opened{
        display: block !important;
        position: absolute;
        padding: 5px;
  
    }
    .search-ul-radio-opened{
        top: 55px;
        height: 100px;
        overflow-y: hidden !important;
        overflow-x: scroll !important;
        width: 100%;
        padding: 5px 15px;
        white-space: nowrap;
    }
    .search-ul-radio-opened::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .search-ul-checkbox-opened{
        top: 230px;
        width: 100%;
        display: block;
    }
    .search-ul-checkbox-opened li{
        display: flex;
        width: 90% !important;
        margin-left: 4% !important;
        height: 60px;
        border-radius: 20px;
        justify-content: start;
        column-gap: 10px;
    }
    .checkBoxIcon{
        display: block;
        width: 20px;
        height: 20px;
        opacity: 1;
    }
   
    .checkboxText{
        width: 70%;
        text-align: left;
    }
    .search-ul-radio-opened li .liRadioTxt{
        position: absolute;
        bottom: 10px;
        left: 10px;
    }
  
    .search-ul-radio-opened .liMob{
        border: 1px solid #0060EF;
    }
  
    .closeSearchBarButton{
        display: none;
    }
  
    .header-opened .closeSearchBarButton{
        position: absolute;
        width: 37px;
        height: 37px;
        background-color: #fff;
        z-index: 99;
        border: 1px solid #00000079;
        border-radius: 50%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .1s;
        top: -40px;
        right: 20px;
        transform-origin: center;
    }
    .closeSearchBarButton:hover{
        border-color: white;
        box-shadow: 0 0 6px #b8b8b8;
    }
    .span1, .span2{
        height: 2px;
        width: 12px;
        display: inline-block;
        background-color: rgb(18, 17, 17);
        position: absolute;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    .span2{
        transform: rotate(-45deg);
    }
  
  
  
  
  
    .mobileMenuBtm{
        z-index: 990;
        background-color: #fff;
        height: 80px;
        width: 100%;
        position: fixed;
        bottom: -16px;
        left: 0;
        display: flex;
        align-items: start;
        justify-content: center;
        column-gap: 8px;
        padding: 0 7px;
        /* box-shadow: 0 -2px 5px #00000011; */
        border-top: 1px solid rgba(192, 192, 192, 0.359);
    }
    .menuBtn{
        background-color: #fff;
        height: 90%;
        width: 63px;
        position: relative;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: start;
        overflow: hidden;
        text-decoration: none;
        color: #000;
        row-gap: 8px;
        padding-top: 15px;
    }
    .menuBtn .menuIcon{
        width: 26px;
        height: 26px;
    }
    .profileBtn .menuIcon{
        border-radius: 50%;
        height: 28px;
        width: 28px;
    }
    .menuBtn .menuTitle{
        font-size: 10px;
    }
    .menuBtn .menuTitleSelected{
        color: #0060EF;
        font-weight: bold;
    }
    .changeLangMob{
        background-color: #fff;
        height: 42px;
        width: 42px;
        position: relative;
        left:  calc(100% - 60px);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
    }
    .changeLangMob img{
        width: 24px;
    }
    .changeLangMob-opened{
        display: none;
    }
    .langs{
        position: absolute;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(95, 95, 95, 0.452);
        height: 80px;
        width: 45px;
        bottom: -78px;
        display: none;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        row-gap: 10px;
        border-radius: 5px;
    }
    .oneLang{
        background-color: white;
        border: 1px solid silver;
        cursor: pointer;
        width: 80%;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        border-radius: 3px;
    }
    .hiddenLang{
        display: none;
    }
  
  
  
    /* added */
    header > .container-100-child.flex-container{
        height: auto;
        height: 55%;
        /* height: auto; */
        display: flex ;
        align-items: center ;
        justify-content: space-between ;
        margin: 0 auto;
        transition: all .2s ease;
    }
  
  
  
    
    
  
  }
  .ad-page-parent-container {
    margin: 30px 0;
  }
  .fixedHeader, .headerPhoto, .ad-page-bloc-infos .title.titMobile, .fixedButtonsCont {
    display: none;
  }
  .ad-page-large-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #photo {
    cursor: pointer;
    display: block;
    margin: auto;
    border-radius: 5px;
  }
  .modal-content {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 25px;
    overflow: hidden;
    /* background-color: rgba(0, 0, 0, 0.8); */
    background-color: white;
    text-align: center;
    z-index: 100000;
  }
  .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 15px;
    background-repeat: no-repeat;
    border-radius: 7px;
  }
  #my_slides {
    position: relative;
    margin: 0;
    box-sizing: border-box;
    max-width: calc(100% - 485px);
    min-width: calc(100% - 485px);
    min-height: calc(100% - 74px);
    max-height: calc(100% - 74px);
    object-fit: contain;
    text-align: center;
    float: left;
  }
  #modal_nav_wrap {
    box-sizing: border-box;
    max-height: calc(100% - 74px);
    min-height: calc(100% - 74px);
    top: 0;
    padding: 10px;
    max-width: 474px;
    min-width: 474px;
    float: left;
    margin-left: 10px;
    position: relative;
    display: flex;
    align-items: center;
  }
  #modal_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    height: 100%;
    margin: 0;
    overflow: hidden;
    text-align: center;
    position: relative;
  }
  .prev, .next {
    display: inline-block;
    vertical-align: top;
    width: 59px;
    height: 56px;
    line-height: 56px;
    opacity: 0.8;
    text-align: center;
    cursor: pointer;
  }
  .prev {
    transform: rotate(180deg);
  }
  .prev img, .next img {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin: auto;
  }
  #modal_nav div:nth-child(2) {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .thumb_list {
    position: relative;
    display: inline-block;
    width: calc(100% - 130px);
    width: 100% !important;
    height: 100% !important;
    width: fit-content !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    place-items: center;
    gap: 10px;
  }
  .thumb_list li {
    position: relative;
    display: inline-block;
    height: 76px;
    aspect-ratio: 1 / 1;
    background-color: wheat;
    overflow: hidden;
    border-radius: 10px;
  }
  .thumb_list li .thumbnail {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    vertical-align: middle;
    cursor: pointer;
  }
  .post-infos-container {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 74px;
    overflow: hidden;
    width: 100dvw;
    background-color: white;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.089);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 25px;
    z-index: 100;
  }
  .post-infos-container .post-infos {
    width: 70%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 10px;
  }
  .post-infos img {
    height: 60px;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 5px;
  }
  .post-infos .title-price-cont {
    display: flex;
    flex-flow: column;
    row-gap: 5px;
    align-items: start;
    font-weight: bold;
  }
  .title-price-cont .title {
    font-size: large;
  }
  .title-price-cont .price {
    color: #303030a6;
    font-size: small;
  }
  .post-infos-container .saveShare {
    display: flex;
    align-items: center;
    column-gap: 30px;
  }
  .ad-page-bloc-video {
    margin-top: 20px;
    border-radius: 10px;
    text-align: center;
    padding-left: 10px;
  }
  #video iframe {
    width: 100%;
    height: 400px;
    margin-top: 20px;
  }
  .ad-page-bloc-infos {
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 #c4c4c4;
    box-shadow: 0 0 4px 0 #c4c4c4;
    border-radius: 10px;
    padding: 20px;
  }
  .bigContInfo .ad-page-bloc-infos{
    padding-right: 0 !important;
  }
  .ad-page-bloc-infos p {
    font-family: 'SF Pro Light';
    font-size: 0.95em;
    word-break: break-word;
  }
  .ad-page-bloc-infos .title {
    font-family: 'SF Pro Regular';
    font-size: 1.2em;
    padding-bottom: 10px;
  }
  .ad-page-bloc-infos .title .ad-type{
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 10px;
    font-size: x-small;
  }
  .ad-page-bloc-infos .title .ad-type .urgent-badge{
    color: #E0290F;
    background-color: #e0270f2d;
    padding: 5px 7px;
    border-radius: 6px;
    outline: 1px solid #E0290F;
  }
  .ad-page-bloc-infos .title .ad-type .premium-badge{
    color: #d3b404;
    background-color: #e9cd2b17;
    padding: 5px 7px;
    border-radius: 6px;
    outline: 1px solid #e9cc2b;
  }
  .ad-page-bloc-infos .price, .title-price-cont .price {
    font-family: 'SF Pro Regular';
    font-size: 1em;
    padding-bottom: 15px;
    margin-top: -5px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 5px 0;
  }
  .price .new-price{
    background-color: #E0290F;
    color: white;
    font-weight: bold;
    padding: 5px;
    border-radius: 6px;
  }
  .price .old-price{
    padding: 5px;
    color: rgb(124, 124, 124);
    font-weight: normal;
    text-decoration: line-through;
  }
  .title-price-cont .price{
    font-size: small;
    margin: 0;
    padding-bottom: 0;
  }
  
  .ad-page-bloc-infos .location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'SF Pro Light';
    font-size: 1.1em;
    background: url(../images/icons/icon_google_map.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    padding-left: 68px;
    margin-top: 10px;
  }
  .ad-page-bloc-infos .deposit-date {
    text-align: right;
    margin-top: 10px;
    font-size: 0.9em;
  }
  .ad-page-bloc-infos .report-abuse a {
    display: inline-block;
    height: 16px;
    background: url(../images/icons/icon_report_abuse.png) no-repeat top left;
    background-size: 18px 16px;
    padding: 1px 0 0 27px;
    color: #636363;
    font-size: 0.95em;
    text-decoration: none;
  }
  .ad-page-small-container {
    width: 300px;
    margin-left: 2%;
  }
  .ad-page-bloc-infos.management .title {
    padding-bottom: 15px;
  }
  .ad-page-bloc-infos a:not(.button) {
    font-family: 'SF Pro Light';
    font-size: 0.95em;
    color: #3f3f3f;
  }
  .ad-page-bloc-infos.management a {
    display: block;
    margin-top: 5px;
    line-height: 45px;
    color: #3f3f3f;
    font-family: 'SF Pro Regular';
    text-decoration: none;
  }
  
  .ad-page-bloc-infos.management a img, .ad-page-bloc-infos.stats p img {
    height: 22px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .ad-page-bloc-infos.stats {
    margin-bottom: 20px;
  }
  .bloc-advertisement-area {
    margin: 0 0 20px;
  }
  .text-center {
    text-align: center;
  }
  .bloc-advertisement-area > *:not(div):not(script) {
    margin-top: 20px;
    display: block;
  }
  .bloc-advertisement-area img {
    max-width: 100%;
  }
  .ad-page-container .list-premium {
    width: 99%;
  }
  .index-container .list-premium, .ad-page-container .list-premium {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
  }
  h2 {
    width: 100%;
    margin: 10px 10px;
    font-family: 'SF Pro Thin';
    font-size: 1.5em;
    text-align: left;
    text-transform: uppercase;
  }
  .icon-similar {
    height: 26px;
    line-height: 28px;
    /* background: url(../images/icons/icon_similar_ads.png) no-repeat top left; */
    background-size: 26px;
    padding-left: 36px;
  }
  .ad-page-container .list-premium h2 {
    margin-top: 35px;
  }
  .ad-page-bloc-thumbnail{
    display: none;
  }
  
  
  .lah-listing {
    width: 100%;
    display: grid;
    gap: 20px;
    align-items: start;
  }
  .background-ads-premium, .background-shops-premium {
    display: block;
    text-align: center;
    font-family: 'SF Pro Regular';
    text-decoration: none;
    padding: 0;
  }
  a.background-ads-premium.premium-slider-item-container, .background-ads-premium {
    background: transparent;
  }
  .background-ads-premium {
    border: none;
    overflow: hidden;
    position: relative;
    transition: left 1s ease;
    left: 0;
    border-radius: 9px;
  }
  
  .background-ads-premium.framed-ad-blue {
    border: 3px solid #0060EF;
    border-radius: 9px;
  }
  .lah-listing a {
    border: none;
    margin-top: 0px;
  }
  .logo-urgent {
    display: block;
    position: absolute;
    bottom: 0;
    margin-top: 10px;
    width: 81px;
    height: 20px;
    line-height: 20px;
    /* background: url(../images/icons/icon_urgent_ad.png) no-repeat; */
    background-size: 81px 20px;
    font-family: 'SF Pro Regular';
    color: #fff;
    background-color: #E0290F;
    font-weight: bold;
    font-size: 0.75em;
    text-transform: uppercase;
    padding-left: 10px;
    text-align: center;
  }
  .background-ads-premium.urgent-ad .logo-urgent {
    display: block;
    position: absolute;
    padding: 0 7px;
    border-radius: 0 0 5px 5px;
    background-image: none;
    margin: 0;
    width: auto;
    bottom: auto;
    top: 0;
    left: 9px;
    z-index: 2;
  }
  .nextArr, .prevArr {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 75px);
    transform: rotate(0) translate(0, -50%);
    left: 9px;
    box-shadow: 0 0 7px #0000002b;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
    opacity: 0;
    cursor: pointer;
  }
  .prevArr {
    transform: rotate(180deg) translate(0, 50%);
    display: none;
  }
  .nextArr {
    left: auto;
    right: 9px;
    z-index: 2;
  }
  .arrLine1, .arrLine2 {
    height: 1px;
    width: 7px;
    background-color: #000;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    transform: rotate(40deg);
    transform-origin: right;
  }
  .arrLine2 {
    transform: rotate(-40deg);
  }
  .lah-listing a:hover .nextArr, .lah-listing a:hover .prevArr {
    opacity: 0.7;
  }
  .nextArr:hover, .prevArr:hover {
    opacity: 1 !important;
  }
  .lah-listing a {
    height: auto;
    position: relative;
    display: flex;
    flex-flow: column;
  }
  .lah-listing a .imagesCont {
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    position: relative;
    transition: all .5s ease;
    overflow: hidden;
    scroll-behavior: smooth;
    font-size: 0 !important;
    background-color: white;
    width: 100%;
    /* aspect-ratio: 1 / 1; */
    border-radius: 10px;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
  }
  
  .lah-listing a .imagesCont, .lah-listing a .imagesCont img {
    border-radius: 9px;
    position: relative;
  }
  .background-ads-premium.urgent-ad .imagesCont {
    border: 3px solid #E0290F;
    padding: 0;
  }
  .lah-listing .framed-ad-blue a .imagesCont {
    border-radius: 5px;
    border: none !important;
  }
  .lah-listing a img {
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #eee;
    object-fit: cover;
    transition: all .2s;
    aspect-ratio: 1 / 1;
  }
  .lah-listing a .imagesCont img {
    float: left;
    margin: 0 5px 0 0;
    height: 100%;
    transform: scale(1.02);
  }
  .slidingPointsCont {
    height: 5px;
    width: 100%;
    position: absolute;
    top: calc(100% - 157px);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
    overflow: hidden;
  }
  .slidingPointsCont .sliding {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #363636;
    opacity: .3;
    box-shadow: 0 0 1px #0000002b;
  }
  .slidingPointsCont .currSlidePt {
    opacity: 1;
  }
  .bloc-premium-infos {
    text-align: left;
    margin: 0px;
    position: relative;
  }
  .bloc-premium-infos p {
    margin: 20px 20px 15px;
    color: #081d3a;
    line-height: 25px;
  }
  .bloc-premium-infos p {
    margin: 0;
    padding: 0 5px;
    font-weight: bold;
  }
  .bloc-premium-infos .span-title-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .span-title-type .ad-title {
    width: calc(100% - 45px);
    height: 25px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
  }
  .span-title-type .pro-ad-badge {
    color: #0060EF;
  }
  .txt-info-premium {
    color: #4A4A4A;
    font-weight: normal;
    font-size: 15px;
  }
  .bloc-premium-infos .txt-info-premium, .bloc-premium-infos .txt-price-premium {
    width: 100%;
    display: block;
    height: 25px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
  }
  .bloc-premium-infos .txt-info-premium, .bloc-premium-infos .txt-price-premium {
    width: 100%;
    display: block;
    height: 25px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
  }
  .bloc-premium-infos .txt-price-premium {
    margin: 5px 0;
  }
  .background-ads-premium .bloc-premium-infos .txt-price-premium {
    font-size: small;
    height: 60px;
  }
  .bloc-premium-infos .date-vid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 25px;
    font-size: x-small;
    color: hsla(0, 0%, 29%, 0.6);
  }
  .date-vid .vid-icon {
    height: 22px;
    width: 22px;
    opacity: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .background-ads-premium.promo-ad .bloc-premium-infos .txt-price-premium .new-price, .background-ads-listing .new-price {
    color: white;
    background-color: #E0290F;
    padding: 5px;
    border-radius: 6px;
  }
  .background-ads-premium.promo-ad .bloc-premium-infos .txt-price-premium .old-price, .background-ads-listing .old-price {
    color: rgb(124, 124, 124);
    text-decoration: line-through;
    font-weight: normal;
    padding: 5px;
    display: block;
  }
  .background-ads-premium a {
    text-decoration: none;
  }
  .lah-listing a.icon-heart {
    display: block;
    position: absolute;
    right: 0px;
    background-size: 22px 40px;
    width: 22px;
    height: 20px;
    margin: 7px;
    z-index: 1;
    background-size: contain;
  }
  .icon-heart::before, .icon-heart::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.2s ease-in-out;
  }
  .icon-heart::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 1;
  }
  .icon-heart::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF0000' stroke='%23FF0000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0;
  }
  
  
  
  
  
  .listing-pagination a, .listing-pagination .not-selected {
    display: inline-block;
    font-family: 'SF Pro Regular';
    padding: 10px;
    margin: 0 3px;
    border-radius: 3px;
    color: #000;
    text-decoration: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    height: 100%;
    font-weight: bold;
    box-sizing: border-box;
    border: 2px solid transparent;
  }
  .listing-pagination span.not-selected {
    color: transparent;
    background-image: url('pictures/next (1).png');
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .listing-pagination span.not-selected:first-child {
    transform: rotate(180deg);
  }
  .listing-pagination span:hover, .listing-pagination a:hover {
    background-color: #0000000a;
  }
  .ad-page-bloc-infos.contact .name-contact {
    display: block;
    text-align: center;
    font-family: 'SF Pro Regular';
    font-size: 1.4em;
    margin-bottom: 20px;
  }
  #close-button.dialog-box{
    display: none;
  }
  
  
  .lah-listing .listing-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    height: 43px;
    margin-top: 20px;
  }
  .lah-listing .listing-pagination > *{
    aspect-ratio: 1/1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .listing-pagination a.selected-link {
    border-color: #0060EF;
  }
  
  /* from homepage.css */
  
  
  
  /* from design.css */
  .search-results-container.margin-bottom {
    margin-bottom: 30px;
  }
  .listing-infos {
    width: 100%;
    margin: 0 auto 17px;
  }
  .listing-infos h1 {
    font-size: 1.6em;
    text-align: left;
    padding: 0;
    margin-bottom: 12px;
    margin: 0 !important;
  }
  .listing-infos p {
    display: inline-block;
    font-family: 'SF Pro Light';
    font-size: 1.05em;
    color: #595959;
    margin-right: 10px;
    padding: 3px 0;
  }
  .listing-infos .listing-infos-select select {
    height: 32px;
    width: 210px;
    margin: 0 auto 10px;
    border-radius: 8px;
    border: 1px solid #d4d2d8;
    padding: 0 0 0 5px;
    font-family: 'SF Pro Regular';
    font-size: 0.95em;
    color: #505050;
    background: #FFF;
    background: url(../images/icons/icon_arrow_select.png) no-repeat right 8px center;
    background-size: 16px 10px;
  }
  .listing-infos p {
    display: inline-block;
    font-family: 'SF Pro Light';
    font-size: 1.05em;
    color: #595959;
    margin-right: 10px;
    padding: 3px 0;
  }
  .listing-infos-dashbord p {
    margin: auto;
  }
  .listing-infos p {
    display: inline-block;
    font-family: 'SF Pro Light';
    font-size: 1.05em;
    color: #595959;
    margin-right: 10px;
    padding: 3px 0;
  }
  .listing-infos-dashbord .options-dashboard {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    margin-right: 13px;
  }
  .listing-infos-dashbord .options-dashboard input {
    display: inline;
    margin: 0;
    padding: 8px 20px;
    background: #f00;
    border: none;
    font-size: 0.9em;
  }
  .search-results-listing {
    width: 100%;
    margin: auto;
  }
  .search-results-listing > div:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .dashboard-menu {
    background: #f0f0f0;
    height: 50px;
    border-bottom: 1px solid #ececec;
  }
  .dashboard-menu ul {
    text-align: right;
  }
  .dashboard-menu li {
    display: inline;
    line-height: 52px;
    margin-right: 12px;
  }
  .dashboard-menu a {
    color: #696969;
    font-family: 'SF Pro Regular';
    font-size: 1em;
    text-decoration: none;
  }
  
  
   
  
  /* from design.css */
  
  .slick-prev {
      left: 15px !important;
      z-index: 999;
    }
    .slick-next {
      right: 15px !important;
    }
    html:lang(AR) .regionsCont {
      width: 70%;
      border-right: 0px;
    }
    .lah-listing a {
      position: relative;
    }
    div#premium-custom-slider {
      direction: ltr;
    }
    
    
    
    
    /* modifications ////////////// */
    .header-end{
      height: 0;
      margin-bottom: -30px;
    }
    
    .dashboard-menu{
      background-color: white;
      width: 265px;
      height: calc(100vh - 67px);
      float: left;
      padding: 0;
      padding-top: 30px;
      position: fixed;
      border-right: 1px solid rgba(192, 192, 192, 0.616);
    }
    .dashboard-menu li{
      display: inline-block;
      width: 100%;
      text-align: left;
      padding: 0;
      margin: 0;
      overflow: hidden;
      border-radius: 10px;
    }
    .dashboard-menu li a{
      display: flex;
      align-items: center;
      column-gap: 9px;
      width: 100%;
      padding-left: 10px;
      font-size: 15px;
    }
    .iconDashMenu{
      height: 17px;
    }
    .currentPageLink{
      color: #0060ef !important;
      font-weight: bold;
      /* background-color: rgb(243, 243, 243); */
    }
    
    
    
    #mainPage{
      background-color: white;
      float: left;
      width: calc(100% - 265px);
      position: relative;
      left: 265px;
    }
    
/* end/// from accDash.css and homepage.css */






body{
    overflow: hidden;
}

/** GENERIC STYLE */
.lcm-bbcolor {
	background-color: #1874E5;
    color: white;
	/* border: 1px solid #73ae20; */
}
.error-message .lcm-bbcolor,
.tmp-message .lcm-bbcolor {
	background-color: #eee;
	border: 1px solid #888;
}
.forms .livechat-header h1 {
	padding-bottom: 30px;
}
.listing-link {
	display: block;
	text-align: right;
	margin: 10px 17px 20px 0;
}
.listing-link a {
	color: #696969;
	text-decoration: none;
}
.lcm-color {
	color: #e0ffb4;
}
.lcm-fillcolor {
	fill: #e0ffb4;
}
.lcm-bbcolor2 {
	background-color: #ead9ff;
	border: 1px solid #452172;
}
.tmp-message .lcm-bbcolor2 {
	background-color: #eee;
	border: 1px solid #888;
}
.lcm-color2 {
	color: #452172;
}
.chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #ff7a39;
}
.chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #ff7a39;
}
.lcm-fillcolor2 {
	fill: #452172;
}
.lcm-svg {
	fill: #484848;
}
.lcm-svg:hover {
	fill: #ff7a39;
}
.lcm-box .p-error,
.messaging .p-error {
	text-align: center;
}
.p-error.small {
	font-size: 0.8em;
}
.conversation-message-text .p-error {
	width: 100%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0;
}
.p-success {
	margin: 0 0 20px;
	color: #389b00;
	font-weight: bold;
	text-align: center
}
.chat button:not([type="submit"]),
.messaging button:not([type="submit"]) {
	background-color: inherit;
	border: none;
	cursor: pointer;
}
.messaging a.lcm-button,
.messaging button[data-lcm="button"]:not([type="submit"]) {
	color: #fff;
	background-color: #484848;
	text-decoration: none;
}
.messaging a.lcm-button:hover,
.messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #ff7a39;
}
.messaging-container > .text-page {
	flex: 1;
}
.conversation-content > ul li[data-lcmuser="true"].tmp-message:before {
	display: inline-flex;
	content: " ";
	width: 21px;
	height: 21px;
	padding: 10px;
	background: url(../images/loading.gif) center center no-repeat;
	background-size: 20px 20px;
	vertical-align: middle;
}
/** AD'S PAGE BUTTONS */
.ad-page-bloc-infos.contact a.chat {
	background-color: #ff7a39;
}
.ad-page-bloc-infos.contact a.chat.disable {
	opacity: 0.8;
}
.ad-page-bloc-infos.contact a.chat label {
	cursor: pointer;
}
.ad-page-bloc-infos.contact a.chat.disable:hover label {
	text-decoration: none;
	cursor: default;
}
.ad-page-bloc-infos.contact a.chat svg {
	height: 14px;
	padding-right: 7px;
	fill: #fff;
}
.submit-message-loading {
	display: block;
	content: " ";
	width: 100px;
	height: 52px;
	margin: 30px auto 0 auto;
	background: url(../images/loading.gif) center center no-repeat;
	background-size: 40px 40px;
	vertical-align: middle;
}

/** THEMES */
/* Pagorablue */
.pagorablue .ad-page-bloc-infos.contact a.chat {
	background-color: #ffa622;
}
.pagorablue .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagorablue .lcm-bbcolor2 {
    background-color: #d7e8fd;
    border: 1px solid #1874E5;
}
.pagorablue .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #ffa622;
}
.pagorablue .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #ffa622;
}
.pagorablue .messaging a.lcm-button,
.pagorablue .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #1874E5;
}
.pagorablue .messaging a.lcm-button:hover,
.pagorablue .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #ffa622;
}
.pagorablue .conversation-recipient-content .title.lcm-color2 {
	color: #1874E5;
}
/* Pagreblack */
.pagreblack .ad-page-bloc-infos.contact a.chat {
	background-color: #d82900;
}
.pagreblack .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagreblack .lcm-bbcolor2 {
    background-color: #ffe2dc;
    border: 1px solid #d82900;
}
.pagreblack .messaging a.lcm-button,
.pagreblack .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #d82900;
}
.pagreblack .messaging a.lcm-button:hover,
.pagreblack .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #000000;
}
.pagreblack .chat .item-top-menu,
.pagreblack .chat .conversation-recipient .messaging-toggle-menu {
	color: #2F2F2F;
}
.pagreblack .messaging-toggle-menu > span,
.pagreblack .chat .toggle-window span {
	background: #2F2F2F;
}
.pagreblack .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #d82900;
}
.pagreblack .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #d82900;
}
.pagreblack .conversation-recipient-content .title.lcm-color2 {
	color: #d82900;
}
/* Pagazura */
.pagazura .ad-page-bloc-infos.contact a.chat {
	background-color: #14ABBB;
}
.pagazura .gtc.lcm-family .first-color {
	color: #FFF;
}
.pagazura .messaging a.lcm-button:hover,
.pagazura .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #696969;
}
.pagazura .messaging-listing-infos .title-listing {
	text-align: left;
	margin: 0 0;
}
.pagazura .messaging-listing-infos .messaging-ad-title {
	text-align: left;
	margin-top: 6px;
}
.pagazura .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagazura .lcm-bbcolor2 {
    background-color: #cdedf0;
    border: 1px solid #14ABBB;
}
.pagazura .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #696969;
}
.pagazura .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #696969;
}
.pagazura .conversation-recipient-content .title.lcm-color2 {
	color: #14ABBB;
}
/* Pagmurky */
.pagmurky .ad-page-bloc-infos.contact a.chat {
	background-color: #659b4c;
}
.pagmurky .lcm-box.dialog-box {
	color: #FFF;
}
.pagmurky .gtc.lcm-family .first-color {
	color: #b2b5be;
}
.pagmurky .messaging a.lcm-button,
.pagmurky .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #f5f6f9;
	color: #b2b5be;
}
.pagmurky .messaging .messaging-menu .lcm-svg {
	fill: #b2b5be;
}
.pagmurky .messaging a.lcm-button:hover,
.pagmurky .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #b2b5be;
	color: #f1f3f7;
}
.pagmurky .messaging a.lcm-button:hover .lcm-svg,
.pagmurky .messaging button[data-lcm="button"]:not([type="submit"]):hover .lcm-svg {
	fill: #f1f3f7;
}
.pagmurky .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagmurky .lcm-bbcolor2 {
    background-color: #cdd8f3;
    border: 1px solid #2c3348;
}
.pagmurky .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #2c3348;
}
.pagmurky .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #2c3348;
}
.pagmurky .conversation-recipient-content .title.lcm-color2 {
	color: #2c3348;
}
/* Pagmelgo */
.pagmelgo .ad-page-bloc-infos.contact a.chat {
	background-color: #2F2F2F;
}
.pagmelgo .messaging a.lcm-button:hover,
.pagmelgo .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background: #FFD400;
}
.pagmelgo .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagmelgo .lcm-bbcolor2 {
    background-color: #fff4ba;
    border: 1px solid #FFD400;
}
.pagmelgo .chat .item-top-menu,
.pagmelgo .chat .conversation-recipient .messaging-toggle-menu {
	color: #2F2F2F;
}
.pagmelgo .messaging-toggle-menu > span,
.pagmelgo .chat .toggle-window span {
	background: #2F2F2F;
}
.pagmelgo .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #FFD400;
}
.pagmelgo .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #FFD400;
}
.pagmelgo .conversation-recipient-content .title.lcm-color2 {
	color: #2F2F2F;
}
/* Pagwerry */
.pagwerry .ad-page-bloc-infos.contact a.chat {
	background-color: #D01A13;
}
.pagwerry .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagwerry .lcm-bbcolor2 {
    background-color: #ffe6e5;
    border: 1px solid #D01A13;
}
.pagwerry .messaging a.lcm-button,
.pagwerry .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #D01A13;
}
.pagwerry .messaging a.lcm-button:hover,
.pagwerry .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	opacity: 0.9;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	text-decoration: underline;
}
.pagwerry .chat .item-top-menu,
.pagwerry .chat .conversation-recipient .messaging-toggle-menu {
	color: #2F2F2F;
}
.pagwerry .messaging-toggle-menu > span,
.pagwerry .chat .toggle-window span {
	background: #2F2F2F;
}
.pagwerry .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #dd3b8d;
}
.pagwerry .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #D01A13;
}
.pagwerry .conversation-recipient-content .title.lcm-color2 {
	background: none;
	color: #373737;
	text-align: left;
}
/* Pagocrey */
.pagocrey .ad-page-bloc-infos.contact a.chat {
	background-color: #4367A3;
}
.pagocrey .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagocrey .lcm-bbcolor2 {
    background-color: #f9e3d5;
    border: 1px solid #ff6600;
}
.pagocrey .messaging-listing-infos .title-listing {
	text-align: left;
	margin: 0 0;
}
.pagocrey .messaging-listing-infos .messaging-ad-title {
	text-align: left;
	margin-top: 6px;
}
.pagocrey .messaging a.lcm-button,
.pagocrey .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #4367A3;
}
.pagocrey .messaging a.lcm-button:hover,
.pagocrey .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #ff6600;
}
.pagocrey .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #ff6600;
}
.pagocrey .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #ff6600;
}
.pagocrey .conversation-recipient-content .title.lcm-color2 {
	color: #4367A3;
}
/* Pagverioda */
.pagverioda .ad-page-bloc-infos.contact a.chat {
	background-color: #848484;
}
.pagverioda .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagverioda .lcm-bbcolor2 {
    background-color: #f1ffd3;
    border: 1px solid #8db243;
}
.pagverioda .messaging a.lcm-button,
.pagverioda .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #191919;
}
.pagverioda .messaging a.lcm-button:hover,
.pagverioda .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #8db243;
}
.pagverioda .chat .item-top-menu,
.pagverioda .chat .conversation-recipient .messaging-toggle-menu {
	color: #444;
}
.pagverioda .messaging-toggle-menu > span,
.pagverioda .chat .toggle-window span {
	background: #444;
}
.pagverioda .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #8db243;
}
.pagverioda .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #8db243;
}
.pagverioda .conversation-recipient-content .title.lcm-color2 {
	color: #444;
}
/* Pagrowoc */
.pagrowoc .ad-page-bloc-infos.contact a.chat {
	background-color: #E1661A;
}
.pagrowoc .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagrowoc .lcm-bbcolor2 {
    background-color: #ffe1ce;
    border: 1px solid #E1661A;
}
.pagrowoc .messaging a.lcm-button,
.pagrowoc .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #191919;
}
.pagrowoc .messaging a.lcm-button:hover,
.pagrowoc .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	background-color: #E1661A;
}
.pagrowoc .chat .item-top-menu,
.pagrowoc .chat .conversation-recipient .messaging-toggle-menu {
	color: #6E6D6F;
}
.pagrowoc .messaging-toggle-menu > span,
.pagrowoc .chat .toggle-window span {
	background: #6E6D6F;
}
.pagrowoc .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #E1661A;
}
.pagrowoc .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #E1661A;
}
.pagrowoc .conversation-recipient-content .title.lcm-color2 {
	color: #373737;
	border-bottom: none;
}
/* Pagovekin */
.pagovekin .ad-page-bloc-infos.contact a.chat {
	background-color: #dd3b8d;
}
.pagovekin .lcm-bbcolor {
    background-color: #efefef;
    border: 1px solid #999999;
}
.pagovekin .lcm-bbcolor2 {
    background-color: #ffdff0;
    border: 1px solid #dd3b8d;
}
.pagovekin .messaging a.lcm-button,
.pagovekin .messaging button[data-lcm="button"]:not([type="submit"]) {
	background-color: #dd3b8d;
}
.pagovekin .messaging a.lcm-button:hover,
.pagovekin .messaging button[data-lcm="button"]:not([type="submit"]):hover {
	opacity: 0.9;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	text-decoration: underline;
}
.pagovekin .chat .item-top-menu,
.pagovekin .chat .conversation-recipient .messaging-toggle-menu {
	color: #2F2F2F;
}
.pagovekin .messaging-toggle-menu > span,
.pagovekin .chat .toggle-window span {
	background: #2F2F2F;
}
.pagovekin .chat .ad-page-bloc-infos .hover:hover > span,
.hover:hover > span {
	color: #dd3b8d;
}
.pagovekin .chat .ad-page-bloc-infos .bghover:hover > span,
.bghover:hover > span {
	background-color: #dd3b8d;
}
.pagovekin .conversation-recipient-content .title.lcm-color2 {
	background: none;
	color: #dd3b8d;
	text-align: left;
}
/** LOGIN MESSAGING PAGE */
#conversation-login .connexion-form > div:nth-child(1) {
	margin: 0 auto;
}
/** MESSAGING PAGE */
[data-lcm="reload"] {
	position: relative;
}
[data-lcm="animate"] {
	display: flex;
	width: 100%;
    height: 100%;
	flex-wrap: nowrap;
	transition: all 0.3s linear;
}
[data-lcm="reload"] > [data-lcm="loading"] {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: inline-flex;
	content: " ";
	width: 100%;
	height: 100%;
	margin: auto 0;
	background: #f4f4f4 url(../images/loading.gif) center center no-repeat;
	background-size: 100px 100px;
}
.messaging-container {
	position: relative;
	display: block;
	/* flex-wrap: nowrap; */
	width: 100%;
    height: 100%;
	overflow: hidden;
	padding: 0;
    /* height: calc(100vh - 140px); */
}
.messaging-listing {
	position: relative;
	flex: 0 0 auto;
	width: 290px;
    height: calc(100dvh - 70px);
    border-right: 1px solid #ddd;
    overflow: hidden;
    overflow-y: auto;
}
.messaging-listing .messagingListHeader{
    background-color: white;
    box-sizing: border-box;
    padding: 10px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    border-bottom: 1px solid rgb(243, 242, 242);
    margin-bottom: 0px;
    /* background-color: rgb(239, 239, 239); */
}
.messagingListHeader img{
    position: relative;
    cursor: pointer;
    height: 24px;
}
.messaging-conversation-container {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-left: 0px;
}
.messaging-conversation-container.alone {
	margin-left: 0;
	min-height: 180px;
	padding: 0;
	margin: auto 20px;
}
.messaging-listing-new-messages {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 6px;
	color: #fff;
	font-size: 0.8em;
	background-color: red;
	border-radius: 5px;
}
.messaging-listing .background-ads-listing {
	position: relative;
	height: auto;
    box-shadow: none;
    margin: 0px;
    border-radius: 0;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
}
.messaging-listing .background-ads-listing:hover{
    background-color: whitesmoke;
}
.messaging-listing .background-ads-listing.displaying {
	background-color: rgb(239, 239, 239);
}
.messaging-listing .background-ads-listing:hover {
	color: inherit;
}

.messaging-listing-conversation {
	width: calc(100% - 31px);
	flex: 0 0 auto;
	display: flex;	
    padding: 10px;
    width: 100%;
	cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid whitesmoke;
}
.messaging-listing-img {
	display: flex;
	margin-right: 10px;
	width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 50%;
}
.messaging-listing-img img {
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: cover;
    border-radius: 50%;
}
.messaging-listing-infos {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-right: 0px;
    width: calc(100% - 51px);
}
.messaging-listing-infos .messaging-ad-title {
    margin: 3px 0 0 0;
	font-size: 0.7em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.messaging-listing-infos .title-listing{
    font-size: .9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.messaging-listing-buttons {
	display: flex;
	flex-direction: column;
}

.messaging-ad-deleted {
	font-size: 0.75em;
	margin-top: 10px;
}
.messaging-ad-deleted > span {
	padding: 3px 8px;
	color: #fff;
	background-color: #484848;
	border-radius: 5px;
	opacity: 0.5;
}
.messaging-conversation-container .messaging-conversation {
	margin: 0;
	padding: 0;
    height: 100%;
}
.messaging-conversation-container > *{
    box-shadow: none !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.conversation-recipient {
	position: relative;
	display: flex;
	width: 100%;
    height: 70px;
	/* margin: 15px 15px 0 15px; */
    margin: 0;
	padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
	border-bottom: 1px solid rgb(239, 239, 239);   
    background-color: rgb(239, 239, 239);
}
.conversation-recipient button[data-lcm="listing-back"] {
	margin-right: 10px;
	padding: 0 10px ;
}
.conversation-recipient .livechat-avatar {
	display: flex;
	flex: 0 0 auto;
	height: 50px;
	width: 50px;
	margin-right: 15px;
	border-radius: 50%;
}
.conversation-recipient .livechat-avatar svg {
	height: 30px;
	width: auto;
	margin: auto;
}
.conversation-recipient .livechat-avatar img {
	height: 100%;
	width: 100%;
	margin: auto;
	object-fit: cover;
	border-radius: 50%;
}
.conversation-recipient-content {
	flex: 1;
	display: flex;
	flex-direction: column;
    height: 100%;
    justify-content: center;
}
.ad-page-bloc-infos .conversation-recipient-content .title {
	padding-bottom: 5px;
    color: #000;
    font-size: 1em;
}
.conversation-recipient-content .messaging-ad-title{
    font-size: .85em;
}
.conversation-recipient-content a:not(.button) {
	display: flex;
}
.conversation-recipient-content a:not(.button):hover {
	color: #ff7a39;
}
.conversation-recipient-content a > svg {
	flex: 0 0 auto;
	width: auto;
	height: 15px;
	margin-right: 10px;
}
.conversation-recipient-content a > .display-phone {
	margin: auto 0;
	font-size: 0.8em;
}
.conversation-content {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
    height: calc(100dvh - 200px);
	margin: 0;
	padding: 10px;
}
.conversation-content > ul {
	padding: 0;
	user-select: none;
}
.conversation-content > ul li[data-lcmuser="true"] {
	text-align: right;
}
.conversation-content > ul li {
	margin-bottom: 10px;
}
.conversation-content .conversation-message-day-separator {
	text-align: center;
	margin-bottom: 20px;
}
.conversation-content .conversation-message-day-separator p {
	position: relative;
	display: inline-flex;
    font-size: small;
    font-weight: bold;
    color: #848484;
}
.conversation-content .conversation-message-text {
	display: inline-flex;
	flex-wrap: wrap;
	max-width: 80%;
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
	text-align: left;
    position: relative;
    margin-right: 5px;
}
.conversation-content .conversation-message-text.senderMsg::after{
    content: '';
    border-bottom-left-radius: 50px;
    border-bottom: 1.5px solid #1874E5;
    border-left: 10px solid #1874E5;
    width: 5px;
    height: 16px;
    transform: rotate(-20deg);
    position: absolute;
    right: -3px;
    bottom: -1px;
}
.conversation-message-deleted > div {
	display: inline-flex;
	max-width: 80%;
	padding: 10px 20px 10px 10px;
	border-radius: 10px;
	cursor: pointer;
	background-color: #eee;
	border: 1px solid #888;
	font-style: italic;
	color: #888;
	font-size: 0.9em;
}
.conversation-content .message-send-date {
	display: inline-flex;
	font-size: 0.7em;
	color: #8f8f8f;
	margin-top: 5px;
}
.conversation-message-send {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
    height: 60px;
    /* background-color: rgb(239, 239, 239);
    box-sizing: border-box;
    padding: 10px; */
}
.conversation-send-message-textarea {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	padding: 8px 0 8px 8px;
	/* border-radius: 8px; */
	/* border: 1px solid #d4d2d8; */
	background-color: #FFF;
    box-sizing: border-box;
    background-color: rgb(239, 239, 239);
    padding: 10px;
}
.message-complement,
.conversation-send-message-complement {
	flex: 0 0 auto;
	display: flex;
	width: calc(100% - 15px);
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #d4d2d8;
	overflow: hidden;
}
.conversation-send-message-complement {
	max-height: 140px;
}
.message-complement {
	width: 100%;
	text-align: left;
}
.message-complement .svg,
.conversation-send-message-complement .svg {
	flex: 0 0 auto;
	width: 30px;
	margin-right: 10px;
}
button[name="lcm-resend-message"] .lcm-svg,
.message-complement .lcm-svg,
.conversation-send-message-complement .lcm-svg {
	width: 20px;
	height: auto;
}
button[name="lcm-resend-message"] {
	display: inline-flex;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	padding: 10px;
}
button[name="lcm-resend-message"] .lcm-svg {
	margin: auto;
}
.conversation-quotation {
	display: flex;
	width: 100%;
	flex-direction: column;
	font-style: italic;
	font-size: 0.9em;
}
.conversation-quotation-close {
	display: flex;
	flex: 0 0 auto;
	width: 50px;
	cursor: pointer;
}
.conversation-quotation-close span {
	display: block;
	margin: auto;
	font-size: 1.5em;
}
.conversation-quotation .conversation-quotation-content {
	font-size: 0.95em;
}
.conversation-quotation .conversation-quotation-date {
	font-size: 0.75em;
	margin-top: 3px;
}
.forms .conversation-message-send textarea {
	flex: 0 0 auto;
	width: calc(100% - 35px);
	margin: 0;
	padding: 0;
	border: none;
	background-color: inherit;
	border-radius: 0;
	resize : none;
    background-color: white;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    height: 40px;
    font-size: 15px;
}
.forms .conversation-message-send textarea:focus {
	outline: none;
}
.conversation-send-message-textarea button[name="conversation-attachment"] {
	position: relative;
	flex: 0 0 auto;
	margin: auto 0;
	width: 35px;
	height: 35px;
	overflow: hidden;
}
.conversation-send-message-textarea button[name="conversation-attachment"] > input {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
}
.conversation-send-message-textarea button[name="conversation-attachment"] svg {
	width: 25px;
	height: 25px;
	margin: auto;
	fill: #d4d2d8;
}
.conversation-message-send button[type="submit"] {
	display: none;
	margin: auto 0 auto 10px;
	padding: 10px;
	/* border-radius: 30%; */
}
.conversation-message-send button[type="submit"] .lcm-svg {
	fill: #fff;
	width: 32px;
	height: auto;
}
/** MESSAGING MENU */
.messaging-toggle-menu {
	display: none;
	flex-direction: column;
	padding: 10px;
	vertical-align: top;
	cursor: pointer;
}
.messaging-toggle-menu > span {
	content: " ";
	display: block;
	width: 3px;
	height: 3px;
	margin: 2px auto;
	border-radius: 50%;
	background-color: #8f8f8f;
}
.conversation-recipient .messaging-toggle-menu,
.messaging-toggle-menu.display {
	display: inline-flex;
	cursor: pointer;
}
.messaging-listing .messaging-toggle-menu {
	position: absolute;
	height: 100%;
	width: 30px;
	top: 0;
	right: 0;
	padding: 0 15px;
	padding: 0;
	margin: auto 0;
	border-left: 1px solid #8f8f8f;
	border-radius: 0 10px 10px 0;
	cursor: pointer;
	justify-content: center;
}
.conversation-recipient .messaging-toggle-menu > span,
.messaging-listing .messaging-toggle-menu > span {
	width: 5px;
	height: 5px;
}
.messaging-menu-container {
	display: flex;
	width: 100%;
	height: 100%;
}
.messaging-menu {
	display: block;
	min-width: 50%;
	margin: auto;
	padding: 20px;
}
.messaging-menu li {
	display: flex;
	margin: 0 auto 10px auto;
}
.messaging-menu li.messaging-menu-title {
	flex-direction: column;
	border: none;
	padding: 0;
}
.messaging-menu li.messaging-menu-title .title {
	margin: 0 auto;
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: bold;
}
.messaging .container-100-child{
    padding: 0;
}
.messaging .messaging-menu a.lcm-button,
.messaging .messaging-menu button:not([type="submit"]) {
	display: inline-flex;
	width: 100%;
	margin: auto 0;
	padding: 10px 20px;
	font-size: 1em;
}
.messaging .messaging-menu .lcm-svg {
	fill: #fff;
}
.messaging-menu li .svg {
	display: flex;
	margin-right: 0px;
}
.messaging-menu li svg {
	height: 25px;
	width: auto;
	margin: auto auto auto 0;
}
.messaging-menu li .text {
	margin: auto 0;
	text-align: left;
}
.messaging-menu li.messaging-links {
	margin-top: 40px;
}
/** MESSAGE STATE */
.ad-page-bloc-infos span[data-state] {
	content: " ";
	display: inline-flex;
	margin-left: 5px;
	vertical-align: middle;
}
.ad-page-bloc-infos span[data-state="send"]:after,
.ad-page-bloc-infos span[data-state="read"]:after,
.ad-page-bloc-infos span[data-state="receive"]:after,
.ad-page-bloc-infos span[data-state]:before {
	content: " ";
	display: block;
	width: 4px;
	height: 4px;
	margin: auto 0;
	border-radius: 50%;
	background-color: #bbb;
}
.ad-page-bloc-infos span[data-state]:after {
	margin-left: 3px;
}
.ad-page-bloc-infos span[data-state="read"]:before,
.ad-page-bloc-infos span[data-state="receive"]:before,
.ad-page-bloc-infos span[data-state="read"]:after,
.ad-page-bloc-infos span[data-state="receive"]:after {
	background-color: #59b5ca;
}
.ad-page-bloc-infos span[data-state="error"]:before {
	background-color: #ea0000;
}
/** DIALOG BOX */
.lcm-box {
	padding: 20px;
  z-index: 999999993 !important;
  width: 350px !important;
  height: 400px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-color: #fff !important;
  border-radius: 5px;
}
.lcm-box .messaging {
	overflow: auto;
}
.lcm-box .forms p.infos {
	margin: 10px 0 5px;
	line-height: 24px;
}
.lcm-box .forms textarea.textarea-height-strong {
	height: 200px;
}
.lcm-box .forms p.p-success {
	margin: 0 0 20px;
	color: #136A00;
	font-size: 1em;
	text-align: center;
}
.lcm-box [data-lcm="request-result"] {
	text-align: center;
}
.lcm-box a[data-lcm="close-box"] {
	margin: 0 0 auto;
}
#lcm-report-box .forms {
	padding: 0 15px;
}
.lcm-slideshow {
	display: block;
	width: 100%;
}
.conversation-content ul.lcm-slideshow > li {
	display: inline-flex;
	position: relative;
	width: 150px;
	height: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	overflow: hidden;
}
.conversation-content ul.lcm-slideshow > li > img {
	height: 100%;
	width: 100%;
	margin: auto;
	object-fit: cover;
	object-position: center center;
	border-radius: 5px;
}
.conversation-content ul.lcm-slideshow > li.file > img {
	object-fit: contain;
}
.conversation-content ul.lcm-slideshow > li:nth-child(4) .before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 100px;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	font-family: arial;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 5px;
}
.conversation-content ul.lcm-slideshow > li:nth-child(1n + 5) {
	display: none;
}
.dialog-box.transparent {
	background-color: transparent;
	border-radius: 0;
}
.lcm-box.container-100-child {
	margin: 0 auto;
}
.lcm-fullscreen li {
	position: relative;
	display: flex;
	width: 100%;
	height: 100vh;
}
.lcm-fullscreen li > img {
	object-fit: contain;
	width: 90%;
	height: 90%;
	cursor: pointer;
	margin: auto;
}
.lcm-fullscreen li > video {
	width: 90%;
	height: auto;
	cursor: pointer;
	margin: auto;
}
.lcm-fullscreen li > a {
	display: inline-lfex;
	margin: auto;
}
.lcm-fullscreen li [data-lcm="delete-media"] {
	position: absolute;
	display: inline-flex;
	top: 20px;
	right: 20px;
	cursor: pointer;
	margin: auto;
	border: none;
	background-color: inherit;
}
.lcm-fullscreen li [data-lcm="delete-media"] .lcm-svg {
	display: inline-lfex;
	height: 25px;
	width: auto;
	margin: auto;
	fill: #fff;
}
.lcm-fullscreen li [data-lcm="delete-media"] .lcm-svg:hover {
	fill: #ff7a39;
}
.preview-container {
	display: block;
}
.preview-container > .item-preview {
	display: flex;
}
.preview-container > .item-preview {
	display: inline-flex;
	position: relative;
	width: 153px;
	height: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	overflow: hidden;
}
.preview-container > .item-preview[data-type="application"] {
	height: 100px;
	width: 100px;
}
.preview-container > .item-preview > img {
	height: 100%;
	width: 100%;
	margin: auto;
	object-fit: cover;
	object-position: center center;
	border-radius: 5px;
}
.preview-container > .item-preview[data-type="application"] > img {
	border-radius: 0;
}
.preview-container > .item-preview[data-type="file"] > img {
	object-fit: contain;
}
.chats-container {
	position: fixed;
	display: inline-flex;
	justify-content: start;
	right: 20px;
	bottom: 0;
	z-index: 100;
}
.chats-container.mini {
	z-index: 10;
	height: auto;
}
.messaging-conversation-container.chat {
	flex: 0 0 auto;
	width: 350px;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	font-size: 0.8em;
	transition: 0.5s ease;
}
.messaging-conversation-container.chat.mini {
	position: relative;
	width: 65px;
	height: 65px;
	margin-top: auto;
	margin-bottom: 5px;
	transition: 0.5s ease;
	border-radius: 50%;
}
.messaging-conversation-container.chat.mini .messaging-conversation {
	width: 55px;
	height: 55px;
	border-radius: 50%;
}
.chat.mini .conversation-recipient {
	border-bottom: none;
}
.chat.mini .ad-page-bloc-infos.conversation-message-send,
.messaging-conversation-container.chat.mini .conversation-content,
.messaging-conversation-container.chat.mini .conversation-recipient .messaging-toggle-menu ,
.messaging-conversation-container.chat.mini .conversation-recipient-content,
.messaging-conversation-container.chat.mini .quit-button {
	display: none;
}
.messaging-conversation-container.chat.mini .toggle-window {
	position: absolute;
	display: block;
	width: 65px;
	height: 65px;
	top: -10px;
	left: -10px;
	border-radius: 50%;
	opacity: 0;
}
.chat.mini .conversation-recipient .livechat-avatar {
	width: 45px;
	height: 45px;
}
.chat .conversation-content > ul {
	padding: 0 10px;
}
.chat .conversation-recipient {
	width: calc(100% - 10px);
	margin: 5px 5px 0 5px;
	padding-bottom: 5px;
}
.chat .ad-page-bloc-infos .conversation-recipient-content .title {
	padding-bottom: 0;
}
.chat .conversation-recipient .livechat-avatar {
	width: 35px;
	height: 35px;
	margin: auto 5px auto 0;
}
.chat .conversation-recipient .livechat-avatar svg {
	height: 20px;
}
.chat .item-top-menu,
.chat .conversation-recipient .messaging-toggle-menu {
	display: flex;
	cursor: pointer;
}
.chat .messaging-toggle-menu {
	padding-top: 0;
	padding-bottom: 0;
	margin: auto 5px;
}
.chat .conversation-recipient .messaging-toggle-menu > span {
	height: 3px;
	width: 3px;
}
.chat .ad-page-bloc-infos.conversation-message-send {
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px;
}
.chat .quit-button span {
	font-size: 2em;
	margin: auto 5px;
	padding-bottom: 3px;
	color: #8f8f8f;
}
.chat .toggle-window span {
	display: block;
	margin: auto 5px;
	width: 15px;
	height: 2px;
	background-color: #8f8f8f;
	content: " ";
}
.chat .conversation-send-message-textarea {
	padding: 3px 0 3px 3px;
}
.chat .conversation-message-send textarea {
	flex: 0 0 auto;
	width: calc(100% - 35px);
	height: 30px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: inherit;
	border-radius: 0;
	resize: none;
	outline: none;
}
.chat .conversation-message-send button[type="submit"] {
	padding: 5px;
}
.chat .conversation-message-send button[type="submit"] .lcm-svg {
	width: 16px;
}
.chat .conversation-content {
	height: 350px;
	overflow-y: auto;
	transition: 0.5s ease;
}
.chat .ad-page-bloc-infos .conversation-recipient-content .title {
	margin: auto 0;
}
.chat p.infos {
	color: #8f8f8f;
}
.chat .preview-container > .item-preview {
	width: 92px;
	height: 60px;
}
.chat .conversation-send-message-textarea button[name="conversation-attachment"] svg {
	width: 20px;
	height: 20px;
}
.chat .messaging-listing-new-messages {
	top: 5px;
	left: 5px;
}
#blocked-user .flex-container > p:first-child {
	flex: 0 0 auto;
	width: 60%;
}
[data-lcm="global-notification"] {
	position: relative;
}
[data-lcm="global-notification"] .messaging-listing-new-messages {
	position: static;
	display: inline-flex;
	line-height: 14px;
	margin-right: 5px;
}


.livechat-header{
    display: none;
}


.forms{
	margin-bottom: 0;
}


@media (max-width: 768px) {
	.forms{
		margin-bottom: 80px;
	}
}



.current-credit-header{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 5px;
  font-size: small;
  height: 70px;
  padding-top: 10px;
  position: absolute;
  right: 200px;
  top: 0;
  max-width: 300px;
}
.current-credit-header > .text{
  font-weight: bold;
}

menu.menu-user{
    column-gap: 0;
}
menu.menu-user .profile-icon-container{
    margin-left: 53px;
    margin-right: 0px;
}
menu.menu-user .cart-icon-container{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    width: 33px;
    margin-right: 10px;
    border-radius: 50%;
}
menu.menu-user .cart-icon-container:hover{
    outline: 1.5px solid #0060EF;
}
menu.menu-user .cart-icon-container img{
    border-radius: 0;
    height: 24px;
    width: 24px;
    margin: 5px;
}
menu.menu-user .change-lang-container{
    left: 81px;
}


.footer{
  display: none;
}
.conversation-content{
  height: calc(100dvh - 200px) !important;
}

.conversation-recipient button[data-lcm="listing-back"] img.icon{
  height: 45%;
  transform: rotate(180deg);
}
.dialog-box-layer {
  position: fixed;
  z-index: 999999991;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}
.dialog-box#close-button {
  position: fixed;
  display: none;
  top: 30px !important;
  right: 30px !important;
  left: auto !important;
  width: 36px;
  height: 36px;
  line-height: 32px;
  margin: auto;
  vertical-align: middle;
  text-align: center;
  font-family: 'SF Pro Regular';
  border: 2px solid #bababa;
  color: #bababa;
  border-radius: 18px 18px 18px 18px;
  cursor: pointer;
  z-index: 1001;
  background: transparent;
  overflow: hidden;
  font-size: 1.9em;
  z-index: 999999992 !important;
}
.messaging .messaging-menu a.lcm-button,
.messaging .messaging-menu button:not([type="submit"]){
  border-radius: 5px;
  background-color: rgb(126, 126, 126);
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.messaging .messaging-menu a.lcm-button:hover,
.messaging .messaging-menu button:not([type="submit"]):hover{
  background-color: #0060EF;
}
.messaging-menu li svg{
  height: 16px;
  margin-right: 0 !important;
}
.messaging-menu li .text{
  font-weight: bold;
  font-size: small;
}
@media (max-width: 768px) {
  .header{
    display: none;
  }
  body{
    top: 32px !important;
  }
  .dashboard-menu{
    display: none;
  }
  #mainPage{
    left: 0;
    width: 100%;
  }

  .messaging-listing{
    width: 100%;
    height: 100dvh;
    left: 0;
    transition: left 0.1s linear;
  }
  .messaging-conversation-container{
    height: calc(100dvh - 2px);
    min-width: 100%;
    max-width: 100%;
    left: 0;
    transition: left 0.1s linear;
  }
  .conversation-content{
    height: calc(100dvh - 130px) !important;
  }
}


/* dashboard-messaging-style-refresh-20260216 */
@media (min-width: 769px) {
  .container-100.forms.messaging {
    background: #fff;
    padding: 12px 18px 18px;
  }

  .container-100.forms.messaging .container-100-child.margin-bottom.livechat-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 4px 6px 12px;
  }

  .container-100.forms.messaging .livechat-header h1 {
    padding-bottom: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    color: #171a24;
  }

  .container-100.forms.messaging .listing-link {
    margin: 0;
  }

  .container-100.forms.messaging .listing-link a {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid #d9deea;
    border-radius: 999px;
    background: #fff;
    color: #1f2a44;
    font-weight: 600;
    text-decoration: none;
  }

  .container-100.forms.messaging .messaging-container {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 150px);
    border: 1px solid #e5e8f0;
    border-radius: 20px;
    background: #f8faff;
    overflow: hidden;
  }

  .container-100.forms.messaging [data-lcm="animate"] {
    display: flex;
    width: 100%;
    height: 100%;
  }

  .container-100.forms.messaging .messaging-listing {
    width: 330px;
    height: auto;
    min-height: calc(100vh - 150px);
    border-right: 1px solid #e5e8f0;
    background: #fff;
  }

  .container-100.forms.messaging .messaging-listing .messagingListHeader {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 64px;
    padding: 0 14px;
    border-bottom: 1px solid #edf0f6;
    background: #fff;
    font-size: 15px;
    letter-spacing: 0.2px;
  }

  .container-100.forms.messaging .messagingListHeader img {
    height: 20px;
    opacity: 0.75;
  }

  .container-100.forms.messaging .messaging-listing .background-ads-listing {
    padding: 0 12px;
    border-bottom: 1px solid #f2f4f8;
    transition: background-color 0.18s ease;
  }

  .container-100.forms.messaging .messaging-listing .background-ads-listing:hover {
    background: #f3f7ff;
  }

  .container-100.forms.messaging .messaging-listing .background-ads-listing.displaying {
    background: #eaf1ff;
  }

  .container-100.forms.messaging .messaging-listing-conversation {
    padding: 12px 0;
    border-bottom: 0;
  }

  .container-100.forms.messaging .messaging-listing-img {
    width: 42px;
    height: 42px;
    margin-right: 12px;
    box-shadow: 0 0 0 2px #eef2fa;
  }

  .container-100.forms.messaging .messaging-listing-infos .title-listing {
    font-size: 14px;
    font-weight: 700;
    color: #1e2433;
  }

  .container-100.forms.messaging .messaging-listing-infos .messaging-ad-title {
    margin-top: 5px;
    font-size: 12px;
    color: #6d7485;
  }

  .container-100.forms.messaging .messaging-listing-new-messages {
    top: 8px;
    left: 8px;
    min-width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    padding: 0 5px;
    border-radius: 999px;
    background: #0060ef;
    font-size: 11px;
    font-weight: 700;
  }

  .container-100.forms.messaging .messaging-conversation-container {
    background: #f8faff;
  }

  .container-100.forms.messaging .messaging-conversation-container > * {
    background: transparent !important;
    box-shadow: none !important;
  }

  .container-100.forms.messaging .conversation-recipient {
    height: 72px;
    padding: 10px 16px;
    border-bottom: 1px solid #e5e8f0;
    background: #fff;
  }

  .container-100.forms.messaging .conversation-recipient .livechat-avatar {
    width: 42px;
    height: 42px;
    margin-right: 12px;
    box-shadow: 0 0 0 2px #eef2fa;
  }

  .container-100.forms.messaging .ad-page-bloc-infos .conversation-recipient-content .title {
    font-size: 15px;
    font-weight: 700;
    color: #1e2433;
    padding-bottom: 2px;
  }

  .container-100.forms.messaging .conversation-recipient-content .messaging-ad-title {
    font-size: 12px;
    color: #6d7485;
  }

  .container-100.forms.messaging .conversation-content {
    height: calc(100vh - 292px);
    padding: 14px 16px;
    background: linear-gradient(180deg, #f8faff 0%, #f4f7ff 100%);
  }

  .container-100.forms.messaging .conversation-content > ul li {
    margin-bottom: 12px;
  }

  .container-100.forms.messaging .conversation-content .conversation-message-text {
    max-width: min(75%, 620px);
    border-radius: 14px;
    padding: 10px 12px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06);
  }

  .container-100.forms.messaging .conversation-content > ul li:not([data-lcmuser="true"]) .conversation-message-text {
    background: #fff;
    border: 1px solid #e4e9f4;
  }

  .container-100.forms.messaging .conversation-content > ul li[data-lcmuser="true"] .conversation-message-text {
    background: #dce9ff;
    border: 1px solid #bfd5ff;
  }

  .container-100.forms.messaging .conversation-content .conversation-message-text.senderMsg::after {
    border-bottom: 1px solid #bfd5ff;
    border-left: 9px solid #bfd5ff;
  }

  .container-100.forms.messaging .conversation-message-send {
    height: auto;
    min-height: 78px;
    padding: 10px 12px;
    border-top: 1px solid #e5e8f0;
    background: #fff;
  }

  .container-100.forms.messaging .conversation-send-message-textarea {
    align-items: center;
    background: #f8faff;
    border: 1px solid #dce2ef;
    border-radius: 14px;
    padding: 8px 10px;
  }

  .container-100.forms.messaging .forms .conversation-message-send textarea {
    height: 42px;
    background: #fff;
    border: 1px solid #e2e8f5;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
  }

  .container-100.forms.messaging .conversation-send-message-textarea button[name="conversation-attachment"] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eef3ff;
  }

  .container-100.forms.messaging .conversation-send-message-textarea button[name="conversation-attachment"] svg {
    width: 20px;
    height: 20px;
    fill: #0060ef;
  }
}

/* dashboard-messaging-input-restore-20260216 */
@media (min-width: 769px) {
  .container-100.forms.messaging .messaging-conversation-container .messaging-conversation {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  .container-100.forms.messaging .conversation-content {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    overflow-y: auto;
  }

  .container-100.forms.messaging .conversation-message-send {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
  }

  .container-100.forms.messaging .conversation-send-message-textarea {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
  }

  .container-100.forms.messaging .conversation-message-send textarea,
  .container-100.forms.messaging .forms .conversation-message-send textarea {
    display: block !important;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
  }

  .container-100.forms.messaging .conversation-send-message-textarea button[name="conversation-attachment"] {
    flex: 0 0 auto;
  }

  .container-100.forms.messaging .conversation-message-send button[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px;
    background: #0060ef;
  }

  .container-100.forms.messaging .conversation-message-send button[type="submit"] .lcm-svg {
    width: 18px;
    height: 18px;
    fill: #fff;
  }
}

/* dashboard-messaging-send-spacing-20260216 */
@media (min-width: 769px) {
  .container-100.forms.messaging .conversation-message-send {
    padding: 10px 16px 10px 12px !important;
  }

  .container-100.forms.messaging .conversation-message-send button[type="submit"] {
    margin-left: 10px !important;
    margin-right: 6px !important;
  }
}

/* dashboard-messaging-search-20260226 */
.container-100.forms.messaging .messaging-listing .messagingListSearch {
  position: sticky;
  top: 70px;
  z-index: 2;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #edf0f6;
  background: #fff;
}

.container-100.forms.messaging .messagingSearchBar {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d6e2f7;
  border-radius: 999px;
  padding: 8px 10px;
  background: #f8fbff;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.container-100.forms.messaging .messagingSearchBar:focus-within {
  border-color: #0060ef;
  box-shadow: 0 0 0 3px rgba(0, 96, 239, .14);
  background: #fff;
}

.container-100.forms.messaging .messagingSearchIcon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  color: #7a8798;
  flex: 0 0 auto;
}

.container-100.forms.messaging .messagingSearchIcon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.container-100.forms.messaging .messagingSearchBar input[data-lcm="listings-search"] {
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  font-size: 14px;
  color: #1f2937;
}

.container-100.forms.messaging .messagingSearchBar input[data-lcm="listings-search"]::placeholder {
  color: #8a96a6;
}

.container-100.forms.messaging .messagingSearchClear {
  border: 0;
  outline: none;
  background: #e4ecfa;
  color: #4a617f;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.container-100.forms.messaging .messagingSearchEmpty {
  margin: 8px 2px 0;
  font-size: 12px;
  line-height: 1.4;
  color: #6b7280;
}

@media (min-width: 769px) {
  .container-100.forms.messaging .messaging-listing .messagingListSearch {
    top: 64px;
    padding: 10px 14px 12px;
  }
}

@media (max-width: 768px) {
  .container-100.forms.messaging .messaging-listing .messagingListSearch {
    top: 70px;
    padding: 10px 10px 12px;
  }

  .container-100.forms.messaging .messagingSearchBar input[data-lcm="listings-search"] {
    font-size: 13px;
  }
}

/* keep mobile bottom nav hidden on desktop for messaging page */
body.lcm-messaging-page .bottom-nav {
  display: none !important;
}

@media (max-width: 768px) {
  body.lcm-messaging-page .bottom-nav {
    display: flex !important;
  }
}

/* dashboard-messaging-style-refresh-20260226b */
@media (min-width: 769px) {
  body.lcm-messaging-page #mainPage {
    background: #e9eaed !important;
    padding: 0 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .container-100-child {
    max-width: none !important;
    padding: 0 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .container-100-child.margin-bottom.livechat-header {
    display: none !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-container {
    display: flex !important;
    min-height: calc(100vh - 70px) !important;
    border: 1px solid #d6d9e1 !important;
    border-radius: 0 !important;
    background: #e9eaed !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging [data-lcm="animate"] {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: auto !important;
    min-height: calc(100vh - 70px) !important;
    background: #ffffff !important;
    border-right: 1px solid #d6d9e1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .messagingListHeader {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    height: 92px !important;
    border-bottom: 1px solid #e6e8ef !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingListTitle {
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #1f2430 !important;
    margin: 0 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingListActions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingListAction {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid #d6dae5 !important;
    background: #ffffff !important;
    color: #656e7f !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all .18s ease !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingListAction:hover {
    color: #1f2430 !important;
    border-color: #bec6d8 !important;
    background: #f7f9fc !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingListAction svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .messagingListSearch {
    top: 92px !important;
    z-index: 5 !important;
    padding: 12px 16px 14px !important;
    border-bottom: 1px solid #eceff5 !important;
    background: #ffffff !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingSearchBar {
    min-height: 50px !important;
    padding: 0 12px !important;
    background: #ffffff !important;
    border: 1px solid #d6dae5 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messagingSearchBar input[data-lcm="listings-search"] {
    font-size: 18px !important;
    color: #121722 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .messagingListSection {
    position: sticky !important;
    top: 168px !important;
    z-index: 4 !important;
    margin: 0 !important;
    padding: 10px 16px 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #8b92a1 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f0f2f7 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .background-ads-listing {
    margin: 0 !important;
    padding: 0 16px !important;
    border-bottom: 1px solid #eff1f6 !important;
    transition: background-color .18s ease !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .background-ads-listing:hover {
    background: #f7f9fc !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .background-ads-listing.displaying {
    background: #eef4ff !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-conversation {
    padding: 12px 0 !important;
    border-bottom: 0 !important;
    align-items: center !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-img {
    width: 54px !important;
    height: 54px !important;
    margin-right: 12px !important;
    box-shadow: 0 0 0 2px #edf1fb !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-infos {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100% - 66px) !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-infos .title-listing {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #151b26 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-time {
    flex: 0 0 auto !important;
    font-size: 15px !important;
    color: #8f95a3 !important;
    font-weight: 500 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-infos .messaging-ad-title {
    margin: 0 !important;
    font-size: 15px !important;
    color: #8f95a3 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing-new-messages {
    top: 50% !important;
    left: auto !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    min-width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: center !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #e74b4b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    z-index: 2 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-listing .background-ads-listing > .messaging-toggle-menu {
    display: none !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-conversation-container {
    background: #e9eaed !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .messaging-conversation-container .messaging-conversation {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-recipient {
    height: 92px !important;
    padding: 0 22px !important;
    border-bottom: 1px solid #d6d9e1 !important;
    background: #ffffff !important;
    align-items: center !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-recipient .livechat-avatar {
    width: 58px !important;
    height: 58px !important;
    margin-right: 14px !important;
    box-shadow: 0 0 0 2px #edf1fb !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-recipient-content .title {
    margin: 0 !important;
    font-size: 31px !important;
    font-weight: 800 !important;
    color: #171d29 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-recipient-content .conversation-status {
    margin: 2px 0 0 !important;
    font-size: 16px !important;
    color: #35b55c !important;
    font-style: italic !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-head-actions {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-head-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid #d6dae5 !important;
    background: #ffffff !important;
    color: #667286 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all .18s ease !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-head-btn:hover {
    color: #1f2430 !important;
    border-color: #bec6d8 !important;
    background: #f7f9fc !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-head-btn svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-head-menu {
    margin-left: 2px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid #d6dae5 !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667286 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-head-menu > span {
    background: currentColor !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 24px 30px !important;
    background: #e9eaed !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content > ul {
    max-width: 980px !important;
    margin: 0 auto !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content .conversation-message-day-separator {
    text-align: center !important;
    margin: 6px 0 22px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content .conversation-message-day-separator p {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    background: #f3f4f7 !important;
    border: 1px solid #e4e6ec !important;
    color: #5d6576 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content > ul li[data-lcm="message"] {
    max-width: 74% !important;
    margin: 0 0 18px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content > ul li[data-lcm="message"][data-lcmuser="true"] {
    margin-left: auto !important;
    align-items: flex-end !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content .conversation-message-text {
    max-width: 100% !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    box-shadow: 0 2px 10px rgba(18, 25, 40, .06) !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    border: 1px solid transparent !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content > ul li:not([data-lcmuser="true"]) .conversation-message-text {
    background: #ffffff !important;
    border-color: #e1e4eb !important;
    color: #171d29 !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content > ul li[data-lcmuser="true"] .conversation-message-text {
    background: linear-gradient(135deg, #1672f5 0%, #2f7ff0 100%) !important;
    border-color: #1c74f2 !important;
    color: #ffffff !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content .conversation-message-text.senderMsg::after {
    display: none !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content ul li[data-lcm="message"] > .messaging-toggle-menu {
    display: none !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-message-footer {
    margin-top: 6px !important;
    color: #7d8493 !important;
    font-size: 14px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-content > ul li[data-lcmuser="true"] .conversation-message-footer {
    text-align: right !important;
    width: 100% !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-message-send {
    background: #ffffff !important;
    border-top: 1px solid #d6d9e1 !important;
    padding: 12px 16px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-send-message-textarea {
    border: 1px solid #d6dae5 !important;
    border-radius: 14px !important;
    background: #f6f8fb !important;
    padding: 8px 10px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-message-send textarea {
    border: 0 !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
  }

  body.lcm-messaging-page .container-100.forms.messaging .conversation-message-send button[type="submit"] {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #1a73f5 !important;
    box-shadow: 0 6px 16px rgba(26, 115, 245, .3) !important;
  }
}