/* New  2023/3/1 5:53 PM */.wrapper{    max-width:  100%;    min-height: 100vh;    padding-left: 130px;}
.container{    padding: 0 60px;    display: flex;    flex-direction: column;    width: calc(100vw - 147px);    padding-bottom: 50px;}
.landing-page{    max-width: 100%;    display: flex;    min-height: 100vh;}
.landing-page .content{    display: flex;    padding-left: 100px;    position: relative;    width: 100%;    flex-direction: column;}
.landing-page .content .card-filter {    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;    position: fixed;    top: 60%;    left: 50%;    display: flex;    display: none;    flex-direction: column;    background-color: white;    padding: 15px 30px;    border-radius: 20px;    transform: translate(-50%,-50%);}
.landing-page .content .card-filter .select-filter{    /* display: flex; */}
.landing-page .content .card-filter .select-filter .first-column{    margin-right: 30px;}
.landing-page .content .card-filter.show{    display: flex;}
.landing-page .content .card-filter .filter-title{    margin-bottom: 20px;    display: flex;    justify-content: space-between;    align-items: center;}
.landing-page .content .card-filter .filter-title h2{    font-size: 24px;    font-weight: normal;}
.landing-page .content .card-filter .filter-title a{    font-size: 20px;    color: var(--background-btn);    transition: var( --main-transition);}
.landing-page .content .card-filter .filter-title a:hover{    color: var(--background-hover-btn);}
.landing-page .content .card-filter .filter .date{    display: flex;    flex-direction: column;}
.landing-page .content .card-filter .filter{    display: flex;    flex-direction: column;    align-items: flex-end;}
.landing-page .content .card-filter .filter .country,.landing-page .content .card-filter .filter .indication,.landing-page .content .card-filter .filter .food,.landing-page .content .card-filter .filter .checked{    display: flex;    flex-direction: column;}.landing-page .content .card-filter .filter label{    margin-bottom: 10px;}.landing-page .content .card-filter .filter select{    width: 350px;    position: relative;    height: 55px;    border-radius: 20px;    outline: none;    font-size: 16px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    padding: 12px 18px;    color: var(--background-sidebar);    margin-bottom: 30px;    background-color: var(--background-input-color);    border: 1px solid var(--border-input-color);    background-image: url(../images/arrow-down.png);    background-repeat: no-repeat;    background-position:  right 18px bottom 20px; ;    background-size: 15px;    cursor: pointer;}.landing-page .content .card-filter .filter .show {    display: flex;    justify-content: center;    margin: 20px  0;    align-items: center;}.landing-page .content .card-filter .filter .show .go-show{    background-color: var(--background-btn);    height: 45px;    cursor: pointer;    border: none;    color: #45423b;    margin-right: 20px;    padding: 12px 30px;    transition: .3s;    width: 100%;    margin:0;    font-size: 16px;    border-radius: 20px;}.landing-page .content .card-filter .filter .show .go-show:hover{    background-color: var(background-hover-btn);    color: white;}.landing-page .content header img{   width: 600px; }.landing-page .content .container .title {    display: flex;    justify-content: space-between;    align-items: center;    margin-top: 20px;}.landing-page .content .title h2{    font-size: 35px;    color: #333436}.landing-page .content .title form{    display: flex;    align-items: center;}.landing-page .content .title form .add-guest {    background-color: var(--background-btn);    /* height: 45px; */    display: flex;    justify-content: center;    align-items: center;    cursor: pointer;    border: none;    color: #45423b;    /* padding: 0 40px; */    margin-right: 20px;    transition: .3s;    border-radius: 20px;}.landing-page .content .title form .add-guest a {    transition: .3s;    color: var(--color-btn);    padding: 14px 35px;}.landing-page .content .title form .add-guest:hover{    background-color: var(--background-hover-btn);}.landing-page .content .title form .add-guest:hover a{    color: white;}.landing-page .content .title form .add-guest i {    margin-right: 6px;}.landing-page .content .title form .filter-btn{    background-color: var(--background-btn);    height: 45px;    cursor: pointer;    border: none;    color: #45423b;    padding: 0 40px;    margin-right: 20px;    transition: .3s;    border-radius: 20px;}.landing-page .content .title form .filter-btn:hover{    background-color: var(--background-hover-btn);    color: white;}.landing-page .content .title form .filter-btn i{    margin-right: 6px;}.landing-page .content .title form input{    height: 45px;    width: 480px;    background-color: var(--background-input-color);    border: none;    outline: none;        color: #000000;    border-radius: 20px 0 0 20px;    padding: 8px 20px;}.landing-page .content .title form input::placeholder{    font-size: 16px;        color: #000000;    transition: .2s;}.landing-page .content .title form input:focus::placeholder{    opacity: 0;}.landing-page .content .title form button:last-child{    background-color: var(--background-input-color);    border: none;    cursor: pointer;    outline: none;    width: 50px;    height: 45px;    border-radius: 0 20px 20px 0;    margin-left: -10px;}/*.landing-page .content .title form button:last-child:hover{*//*    background-color: rgba(190, 190, 190, 0.274);*//*}*/.landing-page .content .users-section{    margin-top: 45px;}.landing-page .content .users-section .users-info{    display: flex;    /* padding: 0 20px; */    /* justify-content: space-evenly; */    align-items: center;    align-content: stretch;}.landing-page .content .users-section .users-info h5{    text-transform: uppercase;    font-weight: 500;    /* margin-left: 0px; */}.landing-page .content .users-section .users-info h5:first-child {    width: 157px;    /* padding-left: 5px; */    /* text-align: center; */    padding-left: 16px;}.landing-page .content .users-section .users-info h5:nth-child(2) {    width: 210px;}.landing-page .content .users-section .users-info h5:nth-child(3) {    width: 250px;    /* margin-left: 50px; */}.landing-page .content .users-section .users-info h5:nth-child(4){    width: 200px;}.landing-page .content .users-section .users-info h5:nth-child(5) {    width: 676px;    /* text-align: center; */    /* margin-left: 60px; */}.landing-page .content .users-section .users-info h5:nth-child(6) {    width: 74px;    /* text-align: center; */}.landing-page .content .users-section .users-info h5:nth-child(7) {    width: 61px;    text-align: right;}.landing-page .content .users-section .users{    display: flex;    flex-direction: column;    margin-top: 27px;}.landing-page .content .users-section .users .user{    display: flex;    align-items: center;    background-color: white;    padding: 16px 0;    border-radius: 20px;    transition: .3s;    /* justify-content: space-between; */}.landing-page .content .users-section .users .user:last-child{    margin-bottom: 5px;}.landing-page .content .users-section .users .user h5:nth-child(2) img{    width: 70px;    border-radius: 50%;    object-fit: cover;    height: 70px;}.landing-page .content .users-section .users .user h5{    font-weight: normal;    font-size: 17px;    /* padding-left: 5px; */}.landing-page .content .users-section .users .user h5:first-child{    width: 50px;    text-align: center;}.landing-page .content .users-section .users .user h5:nth-child(2){    width: 300px;    display: flex;    align-items: center;    font-size: 16px;    font-weight: bold;    margin-left: 10px;}.landing-page .content .users-section .users .user h5:nth-child(2) img{    margin-right: 30px;}.landing-page .content .users-section .users .user h5:nth-child(3){    width: 250px;}.landing-page .content .users-section .users .user h5:nth-child(4){    width: 214px;}.landing-page .content .users-section .users .user h5:nth-child(5){    width: 623px;    /* text-align: center; */}.landing-page .content .users-section .users .user h5:nth-child(6){    width: 250px;    /* text-align: center; */}.landing-page .content .users-section .users .user h5:nth-child(7){    width: 245px;    text-align: center;}.landing-page .content .users-section .users .user .food-icons{    min-width: 195px;}.landing-page .content .users-section .users .user .food-icons img{    margin-right: 15px;}.landing-page .content .users-section .users .user .edit{     margin: 0 12px;     width: 190px;}.landing-page .content .users-section .users .user .edit a{    background-color: var(--background-btn);    color: var(--color-btn);    padding: 8px;    transition: .3s;    border-radius: 20px;     display: block;     text-align: center;}.landing-page .content .users-section .users .user .edit a:hover{    background-color: var(--background-hover-btn);    color: white;}.landing-page .content .users-section .users .user .check{    padding-right: 12px;}@media (max-width:1900px) {    .landing-page .content .users-section .users-info h5:first-child {        width: 90px;        padding-left: 5px;    }    .landing-page .content .users-section .users-info h5:nth-child(2) {        width: 215px;    }    .landing-page .content .users-section .users-info h5:nth-child(3) {        width: 247px;    }    .landing-page .content .users-section .users-info h5:nth-child(4) {        width: 120px;    }    .landing-page .content .users-section .users-info h5:nth-child(5) {        width: 112px;        text-align: center;    }    .landing-page .content .users-section .users-info h5:nth-child(6) {        width: 127px;        text-align: center;    }    .landing-page .content .users-section .users-info h5:nth-child(7) {        width: 227px;        text-align: center;    }}@media (max-width : 1367px) {    .landing-page .content .users-section{        max-width: 100%;        overflow-x: scroll;    }       .landing-page .content .users-section .users-info{        width: 140%;        /* overflow-x: scroll; */    }    .landing-page .content .users-section .users .user{        width: 140%;        /* overflow-x: scroll; */    }    .landing-page .content .users-section .users-info h5:nth-child(3) {        width: 190px;    }}@media (max-width: 1025px) {    .wrapper {        max-width: calc( 100% - 123px);        min-height: 100vh;    }    .landing-page .content .title form input {        width: 300px;    }    .landing-page .content .users-section .users-info {        width: 175%;        overflow-x: scroll;    }    .landing-page .content .users-section .users .user {        width: 180%;        overflow-x: scroll;    }    .landing-page .content .title form .add-guest {        padding: 0px 20px;    }    .landing-page .content .title form .filter-btn {        padding: 0 20px;    }}@media (max-width: 576px) {    .landing-page .content .title form input {        height: 50px;        width: 350px;    }}.landing-page .content .card-filter .filter input{    width: 350px;    position: relative;    height: 55px;    border-radius: 20px;    outline: none;    font-size: 16px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    padding: 12px 18px;    color: var(--background-sidebar);    margin-bottom: 30px;    background-color: var(--background-input-color);    border: 1px solid var(--border-input-color);    background-size: 15px;    cursor: pointer;}  @media (max-width : 1118px) {    .landing-page .content .container .title {      display: flex;      justify-content: flex-start;      align-items: flex-start;      margin-top: 20px;      flex-direction: column;  }  .landing-page .content .title form {    display: flex;    align-items: center;    justify-content: space-between;  }  .landing-page .content .title h2 {    font-size: 35px;    color: #333436;    margin-bottom: 22px;  }  }.landing-page .content .users-section .users .user .buttons-edit{        display: flex;    justify-content: flex-end;    width: 35%;}.landing-page .content .edit-links{    display: flex;}.landing-page .content .users-section .users .user {    justify-content: space-between;}.landing-page .content .user-info-h5{        display: flex;}