.mobile_page{width: 93%;float: right;}
.mobile_container{width: 32%;border-right: 5px #F0F0F0 solid;float: left; height: 100vh; display:block;overflow: hidden;}
.mobile_side{width: 100%;float: left;height: 100%;overflow-x: hidden;overflow-y: scroll;}
.mobile_side::-webkit-scrollbar {width: 5px;}
.mobile_side::-webkit-scrollbar-track {background: #f1f1f1; }
.mobile_side::-webkit-scrollbar-thumb {background: #c5c5c5; }
.mobile_side::-webkit-scrollbar-thumb:hover {background: #ECEEF3; }
.userDp_name{width: 100%;float: left;padding: 8px 12px;border-bottom: 1px solid #ECEEF3;}
.userDp_name h2{float: left;font-size: 21px;color: #1B2441;font-family: 'IBMPlexSansCondensed-Bold', serif;margin-bottom: 0;line-height: 28px;}
.userDp_name img{float: left;margin-right: 10px;border-radius: 30px;}
.connecter{width: 100%;float: left;padding: 8px 12px;border-bottom: 1px solid #ECEEF3;}
.connecter a{margin-bottom: 0;float: left;font-size: 18px;color: #1B2441;font-family:'IBMPlexSansCondensed-Medium', serif;width: 100%; line-height: 23px;}
.connecter a i{float: left;font-size: 21px;margin-right: 10px;color: #1B2441;}
.connecter a.active i{color:#F73438 ;}
.connecter a.active{color:#F73438 ;}
.mon_profile{width: 100%;float: left;padding: 8px 9px;border-bottom: 1px solid #ECEEF3;}
.mon_profile i{font-size: 21px;float: left;color: #1B2441;}
.list_monprofile{width: 93%;float: left;padding-left: 10px;}
.list_monprofile h2{width: 100%;float: left;font-size: 18px;color: #1B2441;font-family: 'IBMPlexSansCondensed-Medium', serif; line-height: 23px;}
.list_monprofile ul{width: 100%;float: left;list-style-type: none;margin-bottom: 0;}
.list_monprofile ul li{width: 100%;float: left;border-bottom: 1px solid #ECEEF3;}
.list_monprofile ul li a{width: 100%;float: left;}
.list_monprofile ul li a span{float: left;font-size: 15px;color: #1B2441;line-height: 40px;}
.list_monprofile ul li a i{color:#B9BCCA;float: right;    line-height: 40px;}
.list_monprofile ul li a i{    line-height: 40px;}
.list_monprofile ul li:last-child{border-bottom: 0;}
.siteinfo{width: 100%;float: left;padding-top: 27px;text-align: center;padding-bottom: 10px;}
.siteinfo p{width: 100%;float: left;margin-bottom: 0;font-size:13px;color: #B9BCCA;line-height: 17px;}
.userunder_teb{width: 68%;float: left;background: #F8F9FB;}
.user_underinfo{width: 100%;float: left;padding: 15px 15px;    height: 100vh;overflow-x: hidden;overflow-y: scroll;display: none;}
.mobile_side_right {display: none;}
.user_underinfo::-webkit-scrollbar {width: 5px;}
.user_underinfo::-webkit-scrollbar-track {background: #f1f1f1; }
.user_underinfo::-webkit-scrollbar-thumb {background: #c5c5c5; }
.user_underinfo::-webkit-scrollbar-thumb:hover {background: #c5c5c5; }
.user_underinfodesk h2{font-size: 21px;color: #1B2441;margin-bottom: 0;font-family: 'IBMPlexSansCondensed-Bold', serif;width: 90%;padding-top: 18px;padding-bottom: 18px;}
.info_generales{display: block;}
.userdetails_box{width: 100%;float: left;}
.Informations_générales{width: 100%;float: left;background: #FFFFFF;border-radius: 3px;    padding: 10px 18px 15px;}
.infogen_minimal_title{width: 100%;border-bottom: 1px solid #ECEEF3;margin-bottom: 12px;padding: 10px 0 12px 0;}
.infogen_minimal_title h2{width: 100%;font-size: 21px;color: #1B2441;font-family: 'IBMPlexSansCondensed-Bold', serif;}
.infogen_title{width: 100%;float: left;padding-bottom: 12px;border-bottom: 1px solid #ECEEF3;}
.infogen_title h2{width: 100%;float: left;font-size: 21px;color: #1B2441;margin-bottom: 0;font-family: 'IBMPlexSansCondensed-Bold', serif;line-height: 28px;}
#capacities {font-size: 13px !important; color: #1B2441 !important; font-family: 'IBMPlexSansCondensed-Medium', serif; padding: 10px 0 10px 0;}
.lastli {border-bottom: 0 !important;}
.profile_edits{width: 100%;float: left;padding: 12px 10px;    border-bottom: 1px solid #ECEEF3;}
.profile_edits img{float: left; border-radius: 30px; width: 50px;}
.profile_edits_change{width: 100%;float: left;padding: 12px 10px; border-bottom: 1px solid #ECEEF3;}
.profile_edits_change img{float: left; border-radius: 55px; width: 110px;}
.photodeprofile{width: 80%;float: left;padding-left: 12px;}
.photodeprofile strong{width: 100%;float: left;font-size: 15px;color: #888EA3;margin-bottom: 5px;    line-height: 15px;}
.photodeprofile p{width: 100%;float: left;font-size: 13px;color: #888EA3;line-height: 15px;margin-bottom: 6px;}
.photodeprofile a{width: 100%;float: left;font-size: 13px;color: #F73438;display: none;    line-height: 15px;}
.photodeprofile span{letter-spacing: 0; font-size: 12px; color: #1b2441; line-height: 13px;}
#title-click{cursor: pointer;font-family: 'IBMPlexSansCondensed-Medium', serif;color: #1B2441;text-decoration: underline;font-size: 15px;padding-top: 4px;}
.mbsc-ios.mbsc-label{color: #888ea3 !important;}
.hide {display: none}
/*.mbsc-ios.mbsc-select { background-color: #ffffff !important; }*/

.li_border { border-top: 2px solid #ccc; }
.mbsc-validation-title { font-family: 'IBMPlexSansCondensed-Bold', serif; }

@media screen and (min-width:992px) and (max-width:1300px){
    .mobile_page{width: 91%;}
    .mobile_container {width: 32%; background: #FFFFFF; height: 100svh; overflow: hidden;}
    .list_monprofile {width: 92%;}
    .userunder_teb {width: 68%;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .alltebside {width: 100%;}
    .mobile_userbio{width: 100%;float: left;}
    .user_allbio {width: 100%; display: block;padding-top: 65px;}
    .user_bio{width: 100%;float: left;}

    .user_underinfo {width: 100%;padding-top: 75px;    padding-bottom: 75px;}
    .user_underinfomob{width: 100%;margin-bottom: 46px;display: block;}
    .user_underinfomob a{float: left;}
    .user_underinfomob a i{float: left;font-size: 30px;color: #1B2441;}
    .user_underinfomob h2{float: left;font-size: 21px;color: #1B2441;margin-bottom: 0px;font-family: 'IBMPlexSansCondensed-Bold';width: 90%;text-align: center;line-height: 28px;}
    /*.user_underinfodesk {display: none}*/
    .Informations_générales { width: 100%; padding: 15px 18px 15px;}
    .incompatible_header {padding-top: 75px}
}

@media screen and (min-width:1px) and (max-width:767px) {
    .alltebside {width: 100%;}
    .mobile_userbio{width: 100%;float: left;}
    .user_allbio {width: 100%; display: block;padding-top: 65px;}
    .user_bio{width: 100%;float: left;}

    .user_underinfo {width: 100%;padding-top: 75px;    padding-bottom: 75px;}
    .user_underinfomob{width: 100%;margin-bottom: 46px;display: block;}
    .user_underinfomob a{float: left;}
    .user_underinfomob a i{float: left;font-size: 30px;color: #1B2441;}
    .user_underinfomob h2{float: left;font-size: 21px;color: #1B2441;margin-bottom: 0px;font-family: 'IBMPlexSansCondensed-Bold';width: 90%;text-align: center;line-height: 28px;}
    /*.user_underinfodesk {display: none}*/
    .Informations_générales { width: 100%; padding: 15px 18px 15px;}
    .incompatible_header {padding-top: 75px}
}

@media screen and (max-width:374px){
    .user_underinfomob h2{    width: 89%;}
    .user_underinfo {padding-bottom: 75px;}
    /*.user_underinfodesk {display: none}*/
    .mobile_page{width: 100%;float: left;}
    .mobile_container {width: 100%; background: #F8F9FB;display: block;padding-top: 60px;padding-bottom: 75px; height: 100svh; overflow: hidden;}
    .mobile_side{padding: 0 15px;}
    .connecter{background: #fff;border-bottom: 5px solid #f8f9fb;}
    .connecter a{ font-size: 15px;}
    .mon_profile{ background: #fff;}
    .list_monprofile { width: 91%;}
    .list_monprofile ul li a span{font-size: 16px;line-height: 35px;}
    .list_monprofile ul li{ padding: 8px 0;}
    .list_monprofile ul li a i{ line-height: 24px;}
    .siteinfo{padding-top: 70px;padding-bottom: 80px;}
    .userunder_teb {width: 100%; display: none;}
    .user_underinfo {width: 100%;padding-top: 75px;/* padding-bottom: 800px;*/}
    .mobile_side_right{width: 89%;margin-bottom: 46px;display: block;}
    .mobile_side_right a{float: left;}
    .mobile_side_right a i{float: left;font-size: 30px;color: #1B2441;}
    .mobile_side_right h2{float: left;font-size: 21px;color: #1B2441;margin-bottom: 0;font-family: 'IBMPlexSansCondensed-Bold', serif;width: 90%;text-align: center;line-height: 28px;}
    .user_underinfodesk {display: none}
    .Informations_générales { width: 100%; padding: 15px 18px 15px;margin-bottom: 75px;}
    .infogen_minimal_title{display: none;}
    .infogen_title{display: none;}
    .lastli{border-bottom: 0;}
    .profile_edits{border-bottom: 0; padding: 12px 5px;}
    .photodeprofile {width: 73%;}
    .photodeprofile strong{color: #1B2441;font-family: 'IBMPlexSansCondensed-Medium', serif;text-decoration: underline;}
    .photodeprofile a{display: block;}
    .userDp_name{border-bottom: 0;}
}

@media screen and (min-width:1px) and (max-width:767px){
    .mobile_page{width: 100%;float: left;}
    .mobile_container {width: 100%; background: #F8F9FB;display: block;padding-top: 60px;padding-bottom: 75px; height: 100svh; overflow: hidden;}
    .mobile_side{padding: 0 15px;}
    .connecter{background: #fff;border-bottom: 5px solid #f8f9fb;}
    .connecter a{ font-size: 18px;}
    .mon_profile{background: #fff;border-bottom: 5px solid #f8f9fb; padding: 8px 12px 0;}
    .list_monprofile { width: 92%;}
    .list_monprofile ul li a span{font-size: 16px;line-height: 35px;}
    .list_monprofile ul li{ padding: 8px 0;}
    .list_monprofile ul li a i{ line-height: 24px;}
    .siteinfo{padding-top: 15px;padding-bottom: 74px;}
    .userunder_teb {width: 100%; display: none;}
    .user_underinfo {width: 100%;padding-top: 75px;/* padding-bottom: 800px;*/}
    .mobile_side_right{width: 100%;margin-bottom: 46px;display: block;}
    .mobile_side_right a{float: left;}
    .mobile_side_right a i{float: left;font-size: 30px;color: #1B2441;}
    .mobile_side_right h2{float: left;font-size: 21px;color: #1B2441;margin-bottom: 0; font-family: 'IBMPlexSansCondensed-Bold', serif;width: 90%;text-align: center;line-height: 28px;}
    .user_underinfodesk {display: none}
    .Informations_générales { width: 100%; padding: 15px 18px 15px;margin-bottom: 75px;}
    .infogen_minimal_title{display: none;}
    .infogen_title{display: none;}
    .lastli{border-bottom: 0;}
    .profile_edits{border-bottom: 0;}
    .photodeprofile {width: 74%;}
    .photodeprofile strong{color: #1B2441; font-family: 'IBMPlexSansCondensed-Medium', serif;text-decoration: underline;}
    .photodeprofile a{display: block;}
    .userDp_name{border-bottom: 0;}
}