.navhome                                                                     {width: fit-content; margin: 100px auto 30px auto; position:inherit; top: 100px; z-index: 1000; border-radius: 30px;}
.navhome .nav-wrapper ul                                                     {border-radius: 30px;}
.navhome .active                                                             {background-color: #c41a37 !important;}
.navhome li                                                                  {margin:0 !important}

.searchfilter                                                                {border-radius:30px; border: solid 3px #e1e1e1; position: sticky; top: 130px;}
.searchfilter .input-field                                                   {margin-bottom: 0px !important; position: relative;}
.searchfilter .inInputRun                                                    {border:none !important;}
.searchfilter input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {height: 2.3rem;}
.searchfilter input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) 							{border-bottom: 1px solid var(--color_separator); -webkit-box-shadow: 0 1px 0 0 #333; box-shadow: 0 1px 0 0 #333; color: #666 !important; }
.searchfilter input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {color:#333; color: #666 !important;}
.searchfilter input.valid:not([type]), input.valid:not([type]):focus, input.valid[type="text"]:not(.browser-default), input.valid[type="text"]:not(.browser-default):focus, input.valid[type="password"]:not(.browser-default), input.valid[type="password"]:not(.browser-default):focus, input.valid[type="email"]:not(.browser-default), input.valid[type="email"]:not(.browser-default):focus, input.valid[type="url"]:not(.browser-default), input.valid[type="url"]:not(.browser-default):focus, input.valid[type="time"]:not(.browser-default), input.valid[type="time"]:not(.browser-default):focus, input.valid[type="date"]:not(.browser-default), input.valid[type="date"]:not(.browser-default):focus, input.valid[type="datetime"]:not(.browser-default), input.valid[type="datetime"]:not(.browser-default):focus, input.valid[type="datetime-local"]:not(.browser-default), input.valid[type="datetime-local"]:not(.browser-default):focus, input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus, input.valid[type="number"]:not(.browser-default), input.valid[type="number"]:not(.browser-default):focus, input.valid[type="search"]:not(.browser-default), input.valid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {color: #666 !important;}
.searchfilter ul, li													     {margin:0 !important; padding:0 !important; min-height: unset !important; list-style-type:none; text-align:left;}       
.searchfilter .dropdown-content li > a, .dropdown-content li > span          {padding: 4px 15px !important; font-size: 13px !important; line-height: 18px !important;}  

.cardprofil                                                                  {width:100%; max-width:260px; height:605px; position: relative; }
.cardprofil .card                                                            {height:100%; border-top-left-radius: 150px; border-top-right-radius: 150px; border-bottom-right-radius: 20px !important; border-bottom-left-radius: 20px !important;}
.cardprofil .card .verified                                                  {position:absolute; right: 20px; top: 206px; font-size: 40px; background: #fff; border-radius: 50%;}
.cardprofil .card .card-image                                                {position: relative; text-align: center; height:316px !important; padding-top: 5px;}
.cardprofil .card .card-image .herenotpay                                    {display:block; overflow: hidden; border-radius:50%; max-width:280px; width: calc(100% - 10px); margin: 3px auto 0px auto;}
.cardprofil .card .card-image .herenotpay .infoabon                          {position: absolute; width: 80%; color: #fff; background: rgba(255, 0, 96, 0.43); top: 30%; right: 0; left: 0; margin: 0 auto; transform: rotate(-5deg); font-weight: bold;}
.cardprofil .card .card-image img                                            {border-radius:50%; width: 100%;}
.cardprofil .card .card-image .card-title                                    {position: relative; background:var(--color_first) !important; padding: 3px 10px !important; border-radius: 6px !important; margin: -15px auto 5px auto; width: fit-content; font-size: 22px; letter-spacing: -1px;}
.cardprofil .card .card-image .newuser                                       {position:absolute; top: calc(50% - 25px); left:15px; transform: rotate(-8deg); width:fit-content; height: auto; padding:0 5px; color:#fff; font-size:12px; background-color: #4caf50; border-radius: 5px; border: 2px solid white;}
.cardprofil .card .card-image .dotter                                        {position: absolute; bottom:44px; left: 10px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid white;}
.cardprofil .card .card-image .online-dot                                    {background-color: #4caf50; box-shadow:0px 0px 10px #76c5789c;}
.cardprofil .card .card-image .offline-dot                                   {background-color: #aa3626;}
.cardprofil .card .card-content                                              {padding: 5px 24px; height:calc(100% - 65px - 316px);}
.cardprofil .card .chip                                                      {height: 24px; font-size: 12px; line-height: 24px; padding: 0 6px; border-radius: 5px; margin-bottom: 4px; margin-right: 0px; background: #f4817730 !important; color:#333;}
.cardprofil .card-action                                                     {height:65px !important;  border-bottom-right-radius: 20px !important; border-bottom-left-radius: 20px !important;}
.cardprofil .card .card-action a                                             {margin-right:0px !important;}
.cardprofil .card .boutonrunsupprimer                                        {display: none;}
.cardprofil .matchscore                                                      {position:absolute; z-index: 3; top: 0px; left: 0px; background: #fff; border: solid 2px #fff; width: 70px; height: 70px; border-radius: 50%; box-shadow: 0px 0px 15px rgb(233, 30, 99); display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;}

.zone_magic                                                                  {position:relative; width: 100%; margin: 0 auto; padding: 0px; max-width: 640px;}
.zone_magic .navigor                                                         {position: absolute; top:30%; z-index: 5;}
.zone_magic .prev                                                            {left: -60px; }       
.zone_magic .next                                                            {right: -60px;}

.result-magic                                                                {width: 500px; margin: 0 auto; padding: 0px; overflow-x:hidden; position: relative;} 
.result-magic .navigmagic                                                    {display: flex; justify-content:flex-start; flex-direction: row; gap:20px; flex-wrap: nowrap; align-items: flex-start; width: 100%; height: auto; margin-bottom: 0px; padding: 30px 0px 0px 0px; transition: all ease-in-out 0.4s;}          

.result-magic #listchips                                                     {display: none;}
.result-magic .cardprofil                                                    {width:460px !important; min-width:460px; height:auto; position: relative; margin: 10px 30px 20px 30px;}
.result-magic .cardprofil .card                                              {border-radius: 20px !important; height:fit-content !important;}
.result-magic .cardprofil .card .card-image                                  {height: auto !important;}
.result-magic .cardprofil .card .card-image img                              {border-radius:20px !important; margin:3px auto 0px auto; max-width:unset; width: calc(100% - 10px);}
.result-magic .cardprofil .card .verified                                    {top: unset !important; bottom: 36px; }
.result-magic .cardprofil .matchscore                                        {top:-10px; left:-20px;}
.result-magic .cardprofil .card .material-icons                              {font-size: 34px !important;}

.result-wrapper,.result-wrapper-next                                         {display: flex; gap: 20px; width: fit-content; margin: 0px auto; justify-content: space-around; flex-wrap: wrap;}
.result-wrapper-next                                                         {display: none; margin-top:40px;}

.search_body                                                                 {width:100%; max-width:1100px; background: var(--background_body1); color: var(--color_gen) !important; margin:0px auto; padding:15px 30px; font-size:13px; display:flex; flex-direction:column; border: solid 5px #221f1c; border-radius:20px;}
.search_body .input-field                                                    {width: 80%; margin: 1rem auto;}
.search_body .input-field input[type="search"]+.label-icon                   {left: -50px; top: 11px;}
.search_body .input-field input[type="search"]:focus:not(.browser-default)   {background: var(--background_body1) !important; color:#fff !important;}
.search_body .input-field .runsearch_body                                    {position: absolute !important; right: -50px !important; top: 50% !important; color: var(--color_gen) !important; cursor: pointer !important; font-size: 20px !important; display: none;}

@media only screen and (max-width: 601px) {
    .navhome                                                                 {margin: 0px auto 30px auto;}
    .result-magic                                                            {width: 90%;}
    .result-magic .cardprofil                                                {width: 300px !important; min-width:300px;}
    .zone_magic .navigor                                                     {display: none !important;}
}