body.bg-login{
background: #fff;
}
body.bg-ice{
background: #F2F2F7;
}
body.bg-addads{
background: #fff;
}
.login{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 80rem;
max-width: 600px;
min-height: 100vmax;
width: 100%;
padding: 1rem;
margin: 0 auto;
}
.login .logo{
width: 75px;height: auto;
}
.login .logo img{
width: 100%;height: auto;
}
.login-form{
width: 100%;margin-top: .5rem;
padding: 1rem 1rem;background: white;
}
.login-form .loginbody{
width: 100%;
}
.login-form .loginbody .textlogin{
margin-bottom: 1rem;
}
.login-form .loginbody .input-group{
display: flex;align-items: center;width: 100%;border: 1.2px solid #ddd;
margin-top: 1.5rem;border-radius: 10px;padding: 0 0.5rem;position: relative;right: 0;top: 0;
}
.login-form .loginbody .input-group label{
position: absolute;right: 0;top: 0;margin-right: 15px;margin-top: -10px;background: white;padding: 0 5px;font-size: 12px;font-weight: bold;
}
.login-form .loginbody .input-group input{
width: 100%;height: 50px;font-size: 12px;font-weight: bold;color: #555;
}
.login-form .loginbody .input-group input::placeholder{
font-size: 12px;font-weight: 500;
}
.login-form .loginbody .input-group .toggle-password{
width: 25px;height: 25px;margin-right: 5px;
}
.login-form .loginbody .input-group .toggle-password svg{
width: 25px;height: 25px;color: #777;transition: 0.3s all;
}
.login-form .loginbody .input-group .toggle-password:active svg{
transform: scale(0.9);
}
.login-form .loginbody .formpwd{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.login-form .loginbody .formpwd .input-group{
width: 49%;
}
.login-form .loginbody .buttonfooter{
margin-top: 1.5rem;text-align: center;background: #E9E8ED;padding: 1rem;
}
.login-form .loginbody .glamfindlogin {
display: none;
animation: anslogins 0.5s forwards;
}
.login-form .loginbody .button-footer{
width: 100%;margin-top: 1rem;
}
.login-form .loginbody .button-footer button{
margin-top: 1rem;
background: var(--main-color);color: white;
width: 100%;height: 50px;display: block;
}
.passedaway{
width: 40px;height: 40px;margin-right: 15px;margin-top: 15px;background: #eee;overflow: hidden;
}
.passedaway svg{
width: 30px;height: 30px;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
@keyframes anslogins {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;transform: scale(1);
}
}
.login-form .loginbody .glamfindlogin.active {
display: block;
}
.login-form .loginbody .loginmessage{
width: 100%;overflow: hidden;margin-top: 10px;
}
.login-form .loginbody .loginmessage .errors{
width: 100%;font-size: 12px;font-weight: 500;color: #e41749;line-height: 1.8;animation: ansloginss 0.5s forwards;
}
.login-form .loginbody .loginmessage .success{
width: 100%;font-size: 12px;font-weight: 500;color: #12c99b;line-height: 1.8;animation: ansloginss 0.5s forwards;
}
.login-form .glam_terms{
margin-top: 1rem;padding-top: 1rem;text-align: center;
}
.profile_header{
z-index: 50;
backdrop-filter: blur(15px);
background: rgba(242,242,247, 0.4);
width: 100%;
}
.profile_header .profile_header-page{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 1rem;
}
.profile_header .profile_header-page div {
width: calc(100% / 3);
}
.profile_header .profile_header-page .header-right{
text-align: right;
}
.profile_header .profile_header-page .header-right div{
width: 25px;height: 25px;
}
.profile_header .profile_header-page .header-right svg{
width: 25px;position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #888;
}
.profile_header .profile_header-page .header-center{
text-align: center;
}
.profile_header .profile_header-page .header-left{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.profile{
width: 100%;
}
.profile .profiles{
margin-top: 1rem;
padding: 1rem;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.profile .profile-gf-right{
width: 40%;
}
.profile .profile-gf-right.yes720{
display: block;
}
.profile .profile-gf-left{
width: 60%;
padding-right: 30px;
}
.profile .profile-gf-left .glamnewtab {
position: sticky;left: 0;top: 60px;z-index: 100;
}
.profile .profile-menu{
background: white;overflow: hidden;margin-bottom: 1rem;
width: 100%;
}
.profile .profile-menu .profile-menu-item{
display: flex;align-items: center;padding: .7rem;
border-bottom: 1.5px solid #E9E9E9;position: relative;overflow: hidden;z-index: 5;
}
.profile .profile-menu .profile-menu-item:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 100%;
background: rgba(221, 221, 221, 0.7);
transition: width 0.4s ease;
z-index: -1;
display: block;
}
.profile .profile-menu .profile-menu-item:hover:before {
width: 100%;
}
.profile .profile-menu .profile-menu-item.newstyle{
display: flex;align-items: center;padding: 0.5rem .8rem;
border-bottom: 1.5px solid #E9E9E9;
}
.profile .profile-menu a:last-child .profile-menu-item{
border-bottom: none;
}
.profile .profile-menu .profile-menu-item svg{
width: 26px;height: 26px;color: #333;
}
.profile .profile-menu .profile-menu-item .iconnewstyle{
width: 28px;height: 28px;color: #fff;border-radius: 7px;padding: 3px;background: #027AFE;
}
.profile .profile-menu .profile-menu-item .iconnewstyle svg{
width: 21px;height: 21px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.profile .profile-menu .profile-menu-item .profile-menu-name{
margin-right: 10px;
}
.profile .profile-menu .profile-menu-item .profile-menu-item-left{
margin-right: auto;display: flex;align-items: center;color: #999;font-size: 13px;font-weight: 500;
}
.profile .profile-menu .profile-menu-item .icon-chevron-left{
width: 20px;height: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23999'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5 8.25 12l7.5-7.5' /%3e%3c/svg%3e ");
}
.profile .profile-menu .profile-menu-item.newporfile{
border-bottom: none;
}
.buttoheadernsubmit{
position: relative;left: 0;top: 0;width: 50px;max-width: 50px;text-align: center;
}
.buttoheadernsubmit button{
background: transparent;
}
.profile .my-profile{
background: transparent;width: 100%;width: 100%;
margin-bottom: 1rem;
text-align: center;
}
.profile .my-profile .my-profile-list{
display: flex;align-items: center;flex-direction: column;
}
.profile .my-profile .img-profile{
width: 120px;height: 120px;background: white;overflow: hidden;
}
.profile .my-profile .img-profile img{
width: 100%;height: 100%;vertical-align: middle;
}
.profile .my-profile .specifications{
margin-top: 1rem;
}
.profile .my-profile .my-profile-list h3{
display: flex;align-items: center;justify-content: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.profile .my-profile .my-profile-list h3 svg{
color: rgb(29, 155, 240);width: 20px;height: 20px;margin-right: 5px;min-width: 20px;
}
.profile .my-profile .specifications .username{
padding-top: 5px;
}
.loading-new-avatar{
position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);
}
.loading-new-avatar .loading-container{
min-height: 35px;
}
.my-post{
width: 100%;background: #fff;
}
.my-post .my-post-bottom{
display: flex;align-items: center;justify-content: space-between;
width: 100%;padding: 1rem;border-top: 1.2px solid #ddd;margin-top: 10px;
}
.my-post-bottom div{
width: 100%;
}
.my-post .my-post-bottom .trash-post{
background: var(--main-color);width: 100%;
padding: 0.6rem;
text-align: center;margin-left: 10px;
}
.my-post .my-post-bottom .view-post{
width: 100%;
padding: 0.6rem;
text-align: center;
background: transparent;border: 1px solid var(--main-color);color: var(--main-color);
}
.profile .glamnewtab {
display: flex;
width: 100%;
border-radius: 15px;
background-color: white;
margin-bottom: 10px;
justify-content: space-around;
text-align: center;
white-space: nowrap;
overflow: auto;
padding: 5px 5px;
}
.profile .glamnewtab .glamtablinks{
min-height: 40px;
transition: color 0.3s;
width: 100%;
background: transparent;position: relative;left: 0;z-index: 10;
}
.profile .glamnewtab .glamtablinks.active {
color: var(--main-color);
}
.profile .glamnewtab .underline {
position: absolute;top: 50%;height: 35px;transform: translateY(-50%);
transition: width 0.3s, right 0.3s;z-index: 0;border-radius: 10px;overflow: hidden;
}
.profile .glamnewtab .underline:after{
background: var(--main-color);
position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;content: "";opacity: 0.2;
}
.profile .glamtabcontent {
display: none;width: 100%;
border-top: none;
overflow: hidden;
padding: 0;
}
.profile .glamtabcontent.active {
display: block;
width: 100%;
}
.profile .swiper-container {
width: 100%;
height: auto;
overflow: hidden;
}
.profile .swiper-slide {
display: flex;
width: 100%;
}
.profile .glamtabcontent .adslist{
padding: 0;margin-top: 0;display: inline;
flex-wrap: nowrap;width: 100%;
}
.profile .glamtabcontent .adslist .list-ads-block{
display: flex;background: white;padding: 10px;overflow: hidden;width: calc(100% - 16px);margin:8px;
}
@keyframes ansloginss {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.new--form-input{
background: white;
width: 100%;
padding: 1rem;
}
.new--form-input .new-bottom-message{
margin-top: 1rem;color: #ff001f;
}
.new--form-input .input-group{
display: flex;align-items: center;width: 100%;border: 1.2px solid #ddd;
margin-top: 1.5rem;border-radius: 10px;padding: 0 0.5rem;position: relative;right: 0;top: 0;
}
.new--form-input .input-group label{
position: absolute;right: 0;top: 0;margin-right: 15px;margin-top: -10px;background: white;padding: 0 5px;
}
.new--form-input .input-group input{
width: 100%;height: 50px;font-size: 12px;font-weight: 500;color: #555;
}
.new--form-input .input-group.ltr input{
direction: ltr;
}
.new--form-input .input-group .toggle-password{
width: 25px;height: 25px;margin-right: 10px;
}
.new--form-input .input-group .toggle-password svg{
width: 25px;height: 25px;color: #777;transition: 0.3s all;
}
.new--form-input .input-group .toggle-password:active svg{
transform: scale(0.9);
}
.new--form-input button{
margin-top: 1rem;
background: var(--main-color);color: white;
width: 100%;height: 50px;border-radius: 10px;position: relative;left: 0;top: 0;display: block;
}
.profile-new-input{
margin: 1.5rem 0;
}
.profile-new-input .profile-fild-input{
overflow: hidden;background: white;border-radius: 10px;
}
.profile-new-input .profile-fild-input.new-username{
width: 100%;margin: 0;
}
.porfile-new-input .profile-fild-input.new-username input{
padding: 0 0 0 45px;direction: ltr;height: 60px;margin: 0;border-bottom: none;color: #333;
}
.profile-new-input .profile-fild-input.new-username svg{
width: 25px;height: 25px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #777;margin-left: 10px;
}
.profile-new-input .penewtext.new-username{
display: flex;
}
.profile-new-input .profile-fild-input input{
width: 100%;padding: 15px 10px;margin: 0;font-size: 12px;font-weight: bold;
border-bottom: 1.2px solid #ddd;color: #333;
}
.profile-new-input .profile-fild-input textarea{
width: 100%;padding: 10px;margin: 0;font-size: 12px;font-weight: 600;color: #333;height: 70px;line-height: 1.8;
}
.profile-new-input .profile-fild-input input:last-child{
border-bottom: none;
}
.profile-new-input .penewtext{
margin-top: 10px;line-height: 1.8;
}
.profile-new-input .profile-fild-input .char-count{
margin-left: 10px;margin-bottom: 10px;
}
.Management{
margin: 5px 0;
width: 100%;
}
.Management .Management-header{
background: white;padding: 1rem
;margin-bottom: 1rem;
}
.Management .Management-header h3.publish{
color: #2F7D32;
}
.Management .Management-header h3.trash{
color: #FE0000;
}
.Management .Management-header h3.draft{
color: #E65100;
}
.Management .Management-header p{
line-height: 1.8;margin: 10px 0;font-weight: 500;font-size: 13px;color: #555;
}
.Management .Management-header .expiration_ads{
margin-top: 1rem;
display: flex;
align-items: center;justify-content: space-between;
}
#deleteModal{
width: 100%;height: 100%;z-index: 1000;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(15px);display: none;
}
#deleteModal .deleteModal-content{
left: 50%;bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 20px);
max-width: 400px;margin-bottom: 1rem;visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;
}
#deleteModal .deleteModal-content .deleteModal-body{
-webkit-box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);padding: 1rem;
background: white;
text-align: center;
}
#deleteModal .deleteModal-content .deleteModal-body .deleteModalicon{
background: #FED0D6;
display: inline-block;
width: 80px;height: 80px;overflow: hidden;
}
#deleteModal .deleteModal-content .deleteModal-body .deleteModalicon img{
width: 100%;height: 100%;object-fit: cover;
}
#deleteModal .deleteModal-content .deleteModal-body h3{
margin-top: 10px;
}
#deleteModal .deleteModal-content .deleteModal-body p{
line-height: 1.8;margin-top: 10px;
}
#deleteModal .deleteModal-content .deleteModal-body .buttonDelete{
width: 100%;height: 40px;margin-top: 1rem;position: relative;left: 0;top: 0;
}
#deleteModal .deleteModal-content .deleteModal-body #confirmDelete{
background: transparent;height: 100%;
}
#deleteModal .deleteModal-content .deleteModal-footer{
margin-top: 10px;
display: flex;justify-content: space-around;align-items: center;
}
#deleteModal .deleteModal-content .deleteModal-footer #cancelDelete{
background: white;width: 100%;padding: 15px;color: #007aff;
}
.deleteModalLoader {
position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);display: none;
width: 28px;
height: 28px;
border: 3px solid #333;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: deleteModalLoader 1s linear infinite;
}
@keyframes deleteModalLoader {
0% {
transform: translate(-50% , -50%) rotate(0deg);
}
100% {
transform: translate(-50% , -50%) rotate(360deg);
}
}
.post-glam-ads{
padding: 1rem;margin-bottom: 7rem;width: 100%;
}
.post-glam-ads .exclamation-circle{
display: flex;margin-bottom: 10px;color: #C10015;
}
.post-glam-ads .exclamation-circle  .exclamation-icon{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23d00009'%3e%3cpath fill-rule='evenodd' d='M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z' clip-rule='evenodd' /%3e%3c/svg%3e");min-width: 18px;min-height: 18px;margin-left: 5px;display: block;content: "";vertical-align: middle;background-repeat: no-repeat;
}
.post-glam-ads .exclamation-circle span{
line-height: 1.8;
}
.post-glam-ads .CategoryModalAdsNew{
display: flex;align-items: center;justify-content: space-between;padding: 5px 0;
}
.post-glam-ads .CategoryModalAdsNew h3{
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.post-glam-ads .CategoryModalAdsNew span{white-space: nowrap;
}
.post-glam-ads hr{
background: #b9b9b9;height: 1px;width: 100%;margin: 10px 0;
}
.post-glam-ads .glam-file-input{
margin-top: 0.5rem;
margin-bottom:1.5rem;
}
.post-glam-ads .glam-file-input label {
font-weight: bold;
color: #000000;
margin-bottom: 0.5rem; }
.post-glam-ads .glam-file-input .glaminput {
width: 100%;
background: #FFFFFF;
border: 1.2px solid rgba(0, 0, 0, 0.2);
padding: 0.7rem;transition: 0.3s all;
border-radius: 5px;
margin-top: 0.5rem;
margin-bottom:0.5rem;
outline-color: transparent;
outline-width: 0; }
.post-glam-ads .glam-file-input .glaminput.textarea {
height: 150px;font-size: 12px;font-weight: 500;overflow: auto;
}
.post-glam-ads .glam-file-input .glaminput:hover{
border: 1.2px solid var(--main-color);transition: 0.3s all;
}
.post-glam-ads .glam-file-input .glaminput:disabled{
opacity: 0.5 !important;cursor: not-allowed;
}
.post-glam-ads .glam-file-input .inputicon input{
padding-left: 2.5rem;
}
.post-glam-ads .glam-file-input .inputicon svg{
position: absolute;left: 0;top: 50%;width: 20px;transform: translateY(-50%);margin-left: 10px;color: #aaa;
}
.post-glam-ads .input-group-gf{
display: flex;align-self: center;width: 100%;text-align: center;
}
.post-glam-ads .input-group-gf .glam-file-input{
width: 100%;margin-left: 0 2.5px;margin-right: 2.5px;
}
.post-glam-ads .input-group-gf .glam-file-input .glaminput{
text-align: center;width: 100%;border-radius: 8px;
}
.post-glam-ads .input-group-gf .glam-file-input .textinput .glaminput{
padding-left: 3rem;text-align: left;direction: ltr;
}
.post-glam-ads .input-group-gf .glam-file-input .textinput .glaminput-text-left{
position: absolute;top: 50%;left: 0;transform: translateY(-50%);margin-left: 10px;
}
.post-glam-ads .location-input-city{
padding: 10px 0;
}
.post-glam-ads .category{
display: none;
}
.gfcityinput{
display: flex;align-self: center;text-align: center;margin: 10px 0;
}
.gfcityinput .glam-file-input{
width: 100%;
}
.gfcityinput .glam-file-input .glaminput{
border-radius: 0 10px 10px 0;
}
.gfcityinput .glam-file-input:last-child .glaminput{
border-radius: 10px 0 0 10px;
}
.Phone{
background: transparent;margin: 0;padding: 0;margin-top: 1rem;
}
.Phone .PhoneCountry{
padding: 0.8rem;border: 1.2px solid rgba(0, 0, 0, 0.2);border-radius: 15px;display: flex;align-items: center;align-self: center;margin-bottom: 20px;
}
.Phone .PhoneCountry img{
width: 30px;
}
.Phone .PhoneCountry .PhoneCountryName{
margin-right: 10px;
}
.Phone .PhoneCountry label{
z-index: 1;font-size: 12px;background: white;padding: 0 5px;margin-right: 15px;top: -10px;
}
.Phone .PhoneCountry svg{
width: 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: 10px;
}
.Phone .glam-file-input label{
z-index: 1;font-size: 12px;background: white;padding: 0 5px;margin-right: 15px;
}
.Phone .glam-file-input .inputicon{
direction: ltr;
}
.Phone .glam-file-input .inputicon .glaminput{
padding: 1rem 1rem 1rem 65px;border-radius: 15px;
}
.Phone .glam-file-input .inputicon .phone-input-country-code{
position: absolute;left: 5px;top: 50%;transform: translateY(-50%);margin-left: 10px;padding-right: 10px;
}
.Phone .glam-file-input .inputicon .phone-input-country-code .PhoneNumberTextField_Dividerl{
background: rgba(0, 0, 0, 0.2);height: 100%;width: 1px;display: block;content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);
}
.modalmapAds{
width: 100%;height: 100%;
z-index: 1000;display: none;
}
.modalmapAds .modalmapAds-header{
background: white;padding: 0.5rem 1rem;z-index: 100;width: 100%;display: flex;align-items: center;
}
.modalmapAds .modalmapAds-header svg{
width: 40px;height: 40px;padding: 5px;border-radius: 50%;margin-left: 10px;transition: 0.3s all;color: #333;
}
.modalmapAds .modalmapAds-header svg:hover{
background: #ddd;
}
.modalmapAds-footer{
position: absolute;left: 0;bottom: 0;z-index: 10;margin-bottom: 1rem;width: 100%;padding: 0 10px;
}
.modalmapAds-footer div{
background: var(--main-color);padding: .7rem;border-radius: 5px;text-align: center;
}
.modalmapAds .mapedit{background: #ddd;
width: 100%;height: 100%;position: relative;left: 0;top: 0;overflow: hidden;
}
.modalmapAds #mapedit{
width: 100%;height: 100%;
}
.modalmapAds #mapedit a{
display: none;
}
.modalmapAds #mapedit .ol-zoom{
bottom: 0rem;margin-bottom: 5rem;
}
.modalmapAds #current-location-btn {
background: var(--main-color);
padding: 0;
font-size: 1.5em;
text-decoration: none;
text-align: center;
height: 1.5em;border-radius: 3px;
width: 1.5em;position: absolute;bottom: 0;vertical-align: middle;margin-bottom: 5rem;right: 10px;
}
.modalmapAds #current-location-btn svg{
width: 22px;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);color: white;
}
.modalmapAds #fixed-marker {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
width: 30px;
height: 53px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjciIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAyNyA0OCI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBpbi1hIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0E2MjYyNiIgc3RvcC1vcGFjaXR5PSIuMzIiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjQTYyNjI2Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPHBhdGggaWQ9InBpbi1jIiBkPSJNMTguNzk0MzMzMywxNC40NjA0IEMxOC43OTQzMzMzLDE3LjQwNTQ1OTkgMTYuNDA3NDQ5NiwxOS43OTM3MzMzIDEzLjQ2MDEwNDcsMTkuNzkzNzMzMyBDMTAuNTE0NTUwNCwxOS43OTM3MzMzIDguMTI3NjY2NjcsMTcuNDA1NDU5OSA4LjEyNzY2NjY3LDE0LjQ2MDQgQzguMTI3NjY2NjcsMTEuNTE1MzQwMSAxMC41MTQ1NTA0LDkuMTI3MDY2NjcgMTMuNDYwMTA0Nyw5LjEyNzA2NjY3IEMxNi40MDc0NDk2LDkuMTI3MDY2NjcgMTguNzk0MzMzMywxMS41MTUzNDAxIDE4Ljc5NDMzMzMsMTQuNDYwNCIvPgogICAgPGZpbHRlciBpZD0icGluLWIiIHdpZHRoPSIyMzEuMiUiIGhlaWdodD0iMjMxLjIlIiB4PSItNjUuNiUiIHk9Ii00Ni45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgPGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMjQgMCIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSJ1cmwoI3Bpbi1hKSIgZD0iTTEzLjA3MzcsMS4wMDUxIEM1LjgwMzIsMS4yMTUxIC0wLjEzOTgsNy40Njg2IDAuMDAyNywxNC43MzkxIEMwLjEwOTIsMjAuMTkwMSAzLjQ1NTcsMjQuODQ2MSA4LjE5NTcsMjYuODYzNiBDMTAuNDUzMiwyNy44MjUxIDExLjk3MTIsMjkuOTc0NiAxMS45NzEyLDMyLjQyODYgTDExLjk3MTIsMzkuNDExNTUxNCBDMTEuOTcxMiw0MC4yMzk1NTE0IDEyLjY0MTcsNDAuOTExNTUxNCAxMy40NzEyLDQwLjkxMTU1MTQgQzE0LjI5OTIsNDAuOTExNTUxNCAxNC45NzEyLDQwLjIzOTU1MTQgMTQuOTcxMiwzOS40MTE1NTE0IEwxNC45NzEyLDMyLjQyNTYgQzE0Ljk3MTIsMzAuMDEyMSAxNi40MTcyLDI3LjgzNDEgMTguNjQ0NywyNi45MDU2IEMyMy41MTY3LDI0Ljg3NzYgMjYuOTQxMiwyMC4wNzYxIDI2Ljk0MTIsMTQuNDcwNiBDMjYuOTQxMiw2Ljg5ODYgMjAuNjkzNywwLjc4NjEgMTMuMDczNywxLjAwNTEgWiIvPgogICAgPHBhdGggZmlsbD0iI0E2MjYyNiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTMuNDcwNiw0Ny44MTIgQzEyLjU1NTYsNDcuODEyIDExLjgxNDYsNDcuMDcxIDExLjgxNDYsNDYuMTU2IEMxMS44MTQ2LDQ1LjI0MSAxMi41NTU2LDQ0LjUgMTMuNDcwNiw0NC41IEMxNC4zODU2LDQ0LjUgMTUuMTI2Niw0NS4yNDEgMTUuMTI2Niw0Ni4xNTYgQzE1LjEyNjYsNDcuMDcxIDE0LjM4NTYsNDcuODEyIDEzLjQ3MDYsNDcuODEyIFoiLz4KICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3Bpbi1iKSIgeGxpbms6aHJlZj0iI3Bpbi1jIi8+CiAgICA8dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNwaW4tYyIvPgogIDwvZz4KPC9zdmc+Cg==');
background-size: cover;
z-index: 1;
pointer-events: none;
}
.modalcity {
display: none;
z-index: 100000;
width: 100%;height: 100%;
background: white;display: none;z-index: 1000;background: #00000089;padding-top: 180px;
}
.modalcity .modalcity-content {
background: white;position: fixed;left: 50%;bottom: 0;border-top-right-radius: 15px;border-top-left-radius: 15px;visibility: visible; opacity: 1; animation: slideIn 0.5s forwards; transform: translateY(-50%); width: 100%;;height: 80%;overflow: auto;
}
.modalcity .modalcity-content .modalcity-headers{
position: sticky;left: 0;top: 0;z-index: 2;background: white;padding-top: 0.5rem;
}
.modalcity .modalcity-content .modalcity-headers:after{
position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 70px;height: 5px;background: #DCDCE4;content: "";display: block;margin-top: 0px;border-radius: 5px;margin-top: 0.5rem;
}
.modalcity .modalcity-content .modalcity-headers .modalcity-header{
display: flex;align-items: center;justify-content: center;
padding: 20px 10px;
border-bottom: 1.2px solid #ddd;position: relative;left: 0;top: 0;
}
.modalcity .modalcity-content .modalcity-headers .modalcity-header h2{
padding-top: 0.5rem;
}
.modalcity .modalcity-content .modalcity-headers .modalcity-header .closemodalcity{
background: #F1F4F9;width: 30px;height: 30px;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-right: 10px;
}
.modalcity .modalcity-content .modalcity-headers .modalcity-header .closemodalcity svg{
width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #647589;
}
.modalcity .modalcity-content .modalcity-body {
padding: 10px;
}
.modalcity .modalcity-content .city-list {
list-style: none;
padding: 0;
}
.modalcity .modalcity-content .city-list li {
padding: 12px;
cursor: pointer;
background: #f0f0f0;margin-bottom: 10px;transition: 0.3s all;
}
.modalcity .modalcity-content .city-list li:hover {
background-color: #ddd;
}
.confirmationMapModal {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(15px);
}
.confirmationMapModal .confirmationMapModal-content{
left: 50%;bottom: 50%;
transform: translate(-50%, 50%);
width: calc(100% - 20px);max-width: 400px;text-align: center;background: white;overflow: hidden;padding: 10px;
}
.confirmationMapModal-footer{
display: flex;align-items: center;padding-top: 10px;
}
.confirmationMapModal .confirmationMapModal-content .modal-body{
padding: 0px;
}
.confirmationMapModal .confirmationMapModal-content .confirmationMapModal-body p{
font-size: 14px;font-weight: 500;line-height: 1.8;
}
.confirmationMapModal .confirmationMapModal-content #confirmBtn{
padding: .8rem;font-size: 14px;font-weight: 600;color: #007aff;text-align: center;width: 100%;background: white;
}
.confirmationMapModal-content #cancelBtn {
background: white;
width: 100%;padding: .8rem;font-size: 14px;font-weight: 600;color: #C10015;text-align: center;
}
.mappreviewnewads img{
height: 350px;min-height: 350px;width: 100vmax;border-radius: 15px;vertical-align: middle;object-fit: cover;
}
.mappreviewnewads .edit-ModalMap{
position: absolute;left: 50%;bottom: 0;background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(15px);padding: 8px 15px;display: inline-block;transform: translateX(-50%);margin-bottom: 1rem;border-radius: 50px;color: white;font-size: 14px;font-weight: 600;
}
.post-glam-ads .ads-new{
padding: 10px 0;width: 100%;
}
.post-glam-ads .ads-new p{
line-height: 1.8;margin: 10px 0;
}
.post-glam-ads .ads-new .imageads{
display: flex;
width: 100%;margin-top: 0px;vertical-align: middle;min-height: 130px;margin: 10px 0;
}
.post-glam-ads .ads-new .imageads .glam-upload-button{
height: 120px;width: 120px;border-radius: 10px;min-width: 120px;background: #ddd;transition: 0.3s all;
}
.post-glam-ads .ads-new .imageads .glam-upload-button:hover{
background: #c9c9c9;
}
.post-glam-ads .ads-new .imageads #imageContainerNewAds{
display: flex;overflow: auto;width: 100%;
}
.post-glam-ads .ads-new .imageads #imageInputNewAds {
display: none;
}
.post-glam-ads .ads-new .imageads label{
height: 120px;width: 120px;border-radius: 10px;max-width: 120px;
}
.post-glam-ads .ads-new .custom-upload-button svg{
color: #999;transition: 0.3s all;left: 0;top: 0;width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.post-glam-ads .ads-new .image-item-newads {
position: relative;left:0;top:0;border-radius: 10px;max-height: 120px;max-width: 120px;min-height: 120px;min-width: 120px;padding: 0px;margin-right: 10px;overflow: hidden;border: 1.2px solid #ddd;transition: transform 0.3s ease, opacity 0.3s ease;
}
.post-glam-ads .ads-new .image-item-newads.fade-out {
transform: scale(1);opacity: 1;
}
.post-glam-ads .ads-new .image-item-newads.fade-in {
transform: scale(0.9);opacity: 0.5;
}
.post-glam-ads .ads-new .image-item-newads img{
border-radius: 10px;height: 100%;width: 100%;vertical-align: middle;object-fit: cover;
}
.post-glam-ads .ads-new .image-item-newads .main-image-label-newads{
position: absolute;
bottom: 0;left: 0;
width: 100%;color: white;padding: 5px 3px;font-size: 13px;font-weight: bold;z-index: 2;background: #52525A;text-align: center;
}
.post-glam-ads .ads-new .delete-btn-newads {
position: absolute;
top: 0;
right: 0;margin-top: 5px;margin-right: 5px;
background-color: var(--main-color);
color: white;
border: none;
border-radius: 5px;
width: 25px;
height: 25px;
cursor: pointer;
font-size: 14px;
}
.post-glam-ads .ads-new .delete-btn-newads svg{
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
width: 20px;
height: 20px;
cursor: pointer;
font-size: 14px;
}
.post-glam-ads .ads-new .delete-btn-newads:hover {
background-color: darkred;
}
.working-list-box{
display: flex;justify-content: space-between;
}
.working-new-box label{
display: flex;align-self: center;margin: 1rem 0;
}
.working-new-box span{
margin-right: 10px;
}
.working-new-box input{
width: 20px;height: 20px;accent-color: var(--main-color);
}
.post-glam-ads .Workinghours{
margin-top: 10px;margin-bottom: 1.5rem;
}
.post-glam-ads .Workinghours .Workinghours-list{
display: flex;
margin-top: 10px;
}
.post-glam-ads .Workinghours .Workinghours-list .Workinghours-file-input{
width: 100%;border: solid #999;border-width: 1.2px;border-radius: 10px;overflow: hidden;background: white;
}
.post-glam-ads .Workinghours .Workinghours-list .Workinghours-file-input:last-child{
margin-right: 1rem;
}
.post-glam-ads .Workinghours .Workinghours-list .Workinghours-file-input .Workinghourstext{
margin-top: 0.2rem;margin-right: 0.3rem;
}
.post-glam-ads .Workinghours .Workinghours-list .Workinghours-file-input .Workinghours-input{
width: 100%;
padding: .5rem;font-size: 16px;font-weight: bold;background: transparent;
}
.ModalAdsNew {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;height: 100%;z-index: 1000;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(15px);
}
.ModalAdsNew .ModalAdsNew-content {
position: absolute;background: white;
left: 50%;bottom: 0;border-radius: 10px 10px 0 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;max-height: 50%;height: auto;
max-width: 500px;visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;overflow: auto;
}
.ModalAdsNew .ModalAdsNewHeader{
position: sticky;left: 0;top: 0;z-index: 2;background: white;padding-top: 0.5rem;
}
.ModalAdsNew .ModalAdsNew-header{
width: 100%;
padding: 1.2rem;display: flex;align-items: center;justify-content: center;border-bottom: 1.2px solid #ddd;background: white;
}
.ModalAdsNew .ModalAdsNew-header:after{
position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 70px;height: 5px;background: #DCDCE4;content: "";display: block;margin-top: 0px;border-radius: 5px;
}
.ModalAdsNew #ModalAdsNewTitle{
font-size: 14px;
}
.ModalAdsNew .ModalAdsNewclose {
color: #aaa;
width: 25px;height: 25px;
cursor: pointer;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: 1rem;
}
.ModalAdsNew .ModalAdsNew-body{
margin: 0;text-align: center;
height: 100%;width: 100%;padding: 10px 0;
}
.ModalAdsNew .ModalAdsNewhour-item {
padding: 10px 0;
cursor: pointer;font-size: 14px;font-weight: 500;margin-bottom: 10px;
}
.ModalAdsNew .ModalAdsNewhour-item:last-child{
margin-bottom: 3rem;
}
.ModalAdsNew .ModalAdsNewhour-item:hover {
background-color: #f1f1f1;
}
.navbar-ads-new{
background: white;width: 100%;display: flex;align-self: center;flex-direction: row-reverse;padding: 1rem;border-top: 1.2px solid #ddd;z-index: 100;
}
.navbar-ads-new button{
height: 50px;width: 50%;
}
.navbar-ads-new .adsnewnext{
background: var(--main-color);position: relative;left: 0;top: 0;width: 50%;overflow: hidden;height: 50px;
}
.navbar-ads-new .adsnewnext button{
background: transparent;width: 100%;
}
.navbar-ads-new button.adsnewPrevious{
background: #f3efef;color: #4e4e4e;
margin-left: 10px;
}
.ExpertisesAdd{
display: flex;justify-content: space-between;align-items: center;border: 1.2px solid rgba(0, 0, 0, 0.2);padding: 0.7rem;transition: 0.3s all;border-radius: 5px;margin-top: 10px;
}
#expertiseModal {
width: 100%;height: 100%;
background: white;display: none;z-index: 1000;background: #00000089;padding-top: 180px;
}
#expertiseModal #expertiseModalContent {
background: white;position: fixed;left: 50%;bottom: 0;border-top-right-radius: 15px;border-top-left-radius: 15px;visibility: visible; opacity: 1; animation: slideIn 0.5s forwards; transform: translateY(-50%); width: 100%;max-height: 80%;height: auto;overflow: auto;
}
#expertiseModal #expertiseModalContent .expertiseModal-headers{
z-index: 2;background: white;padding-top: 0.5rem;
}
#expertiseModal #expertiseModalContent .expertiseModal-headers .expertiseModal-header{
display: flex;align-items: center;justify-content: center;
padding: 20px 10px;
border-bottom: 1.2px solid #ddd;position: relative;left: 0;top: 0;
}
#expertiseModal #expertiseModalContent .expertiseModal-headers .expertiseModal-header:after{
position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 70px;height: 5px;background: #DCDCE4;content: "";display: block;margin-top: 0px;border-radius: 5px;
}
#expertiseModal #expertiseModalContent .subexpertise {
display: none;
}
#expertiseModal #expertiseModalContent .subexpertise.show {
display: block;
}
#expertiseModal #expertiseModalContent .expertiseModal-close {
background: #F1F4F9;width: 30px;height: 30px;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-right: 10px;
}
#expertiseModal #expertiseModalContent .expertiseModal-close svg{
width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #647589;
}
.expertiseModal-body{
padding: 0px 10px;
}
.expertiseModal-body #Expertise{
display: flex;
flex-wrap: wrap;
}
.expertiseModal-body #Expertise .mainExpertise{
width: calc(50% - 10px);margin: 5px;
transition: 0.3s ease-out;padding:12px 10px;background: #F5F5F5;border-radius: 10px;
}
.expertiseModal-body #Expertise .mainExpertise svg{
width: 20px;height: 20px;top: 50%;transform: translateY(-50%);color: #647589;
}
.expertiseModal-body .subexpertise{
width: 100%;
}
.expertiseModal-body .subexpertise .subexpertiseitem{
display: flex;align-items: center;justify-content: space-between;
width: calc(100% - 10px);margin: 5px;
transition: 0.3s ease-out;padding: 12px 10px;background: #F5F5F5;border-radius: 10px;margin-bottom: 10px;
}
.expertiseModal-body .subexpertise .subexpertiseitem input[type="checkbox"] {
width: 18px;height: 18px;
}
.glamcheckbox[type=checkbox]
{
background-color: #DDD;
border-radius: 20px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 18px;min-height: 18px;min-width: 18px;
height: 18px;cursor: pointer;position: relative;
}
.glamcheckbox[type=checkbox]:checked
{
background-color: var(--main-color);background: var(--main-color) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5' /%3e%3c/svg%3e ") 0px 0px no-repeat;
}
.expertiseSelectedItemsList{
display: flex;flex-wrap: nowrap;overflow: auto; align-items: center;width: 100%;min-height: 50px;
}
.expertiseSelectedItemsList .expertise-selected-item {
display: flex;align-items: center;
background-color: rgba(218, 51, 51,0.3);
padding: 8px 10px;color: #da3333;
margin-left: 10px;font-size: 12px;font-weight: 500;border-radius: 50px;white-space: nowrap;transition: opacity 0.3s ease;
}
.expertiseSelectedItemsList .expertise-selected-item.show {
opacity: 1;
}
.expertiseSelectedItemsList .expertise-selected-item.hide {
opacity: 0;
}
.expertiseSelectedItemsList.modalsitem .expertise-selected-item:first-child{
margin-right: 10px;
}
.expertiseSelectedItemsList .expertise-selected-item:last-child{
margin-right: 0px;
}
.expertiseSelectedItemsList .expertise-selected-item .remove-item,.expertiseSelectedItemsList .expertise-selected-item .remove-item-out{
cursor: pointer;left: 0;top: 0;height: 15px;height: 15px;min-width: 15px;min-height: 15px;margin-right: 15px;
}
.expertiseSelectedItemsList .expertise-selected-item .remove-item svg,.expertiseSelectedItemsList .expertise-selected-item .remove-item-out svg{
width: 15px;
}
.image-modal{
z-index: 10000000;
background-color: white;
width:100%;height: 100%;
display: none;
}
.image-modal .image-modal-content{
position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: black;
}
.image-modal .image-modal-content #preview-image{
position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);overflow: hidden;
overflow: hidden;vertical-align: middle;
object-fit: cover;
}
.image-modal .image-modal-content .confirm-btn{
width: 60px;height: 60px;background: var(--main-color);color: white;
margin: 1rem;transition: 0.3s all;
}
.image-modal .image-modal-content .confirm-btn .confirmavg{
width: 35px;height: 35px;top: 50%;left: 50%;transform: translate(-50% , -50%);
}
.image-modal .image-modal-content .confirm-btn:active{
transform: scale(0.9);
}
.image-modal .image-modal-content .cancel-btn{
background: #eee;width: 45px;height: 45px;z-index: 10;margin: 1rem;transition: 0.3s all;
}
.image-modal .image-modal-content .cancel-btn:active{
transform: scale(0.9);
}
.image-modal .image-modal-content .cancel-btn svg{
width: 35px;height: 35px;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #888;
}
.image-modal .image-modal-content .crop-container{
width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;background: black;margin: 0 auto;
}
.image-modal .image-modal-content .crop-container img{
width: 100%;height: 100%;
}
.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{image-orientation:0deg;display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}
.cropper-canvas,.cropper-wrap-box{overflow:hidden}
.cropper-drag-box{background-color:#000;opacity:1}
.cropper-modal{background-color:#000;opacity:.8}
.cropper-view-box{display:block;height:100%;outline:2px solid red;outline-color:white;overflow:hidden;width:100%;border-radius: 15%;display: inline-block;}
.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:2px;height:100%;left:33.33333%;top:0;width:33.33333%}
.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
.cropper-center:before{height:1px;left:-3px;top:0;width:7px}
.cropper-center:after{height:7px;left:0;top:-3px;width:1px}
.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
.cropper-face{left:0;top:0;border-radius: 50%;}
.cropper-point{background-color:transparent;height:5px;opacity:.75;width:5px}
.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
.cropper-point.point-se:before{background-color:red;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
.cropper-invisible{opacity:0}
.cropper-bg{
background: black;
}.cropper-hide{display:block;height:0;position:absolute;width:0}
.cropper-hidden{display:none!important}
.cropper-move{cursor:move}
.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.glam_transactions{
width: 100%;
}
.glam_transactions .glamt_name{
margin-bottom: 1rem;
}
.glam_transactions .glam_transactions-lists{
width: 100%;
display: flex;flex-direction: column-reverse;
}
.glam_transactions .transaction-list{
background: white;padding: 5px 0;margin-bottom: 1rem;width: 100%;
}
.glam_transactions .transaction-list .transaction-item{
display: flex;align-items: center;justify-content: space-between;padding: 10px;border-bottom: 1px solid #ddd;
}
.glam_transactions .transaction-list .transaction-item:last-child{
border-bottom: none;
}
.status-success { color: #28a745; }
.status-pending {color: #fd7e14; }
.status-failed {color: #dc3545;}
.status-cancelled {color: #dc3545;}
.modal-transaction {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
z-index: 9999;
}
.modal-transaction-content {
position: absolute;
bottom: 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
left: 50%;
transform: translateX(-50%);
max-height: 70%;height: auto;
animation-duration: 0.5s;
width: 100%;
background-color: white;
opacity: 1;
animation: slideIn 0.5s forwards;
overflow: auto;
}
.modal-transaction-header{
display: flex;align-items: center;justify-content: center;
padding: 20px 10px;
border-bottom: 1.2px solid #ddd;position: sticky;left: 0;top: 0;background: white;z-index: 1;
}
.modal-transaction-close {
position: absolute;right: 0;top: 50%;transform: translateY(-50%);
width: 30px;height: 30px;background: #ddd;border-radius: 50%;margin-right: 10px;
}
.modal-transaction-close svg{
width: 26px;height: 26px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #555;
}
.modal-transaction-body{
padding: 1rem 0;
}
.modal-transaction-body .transaction-status{
text-align: center;
}
.modal-transaction-body .transaction-status img{
width: 90px;height: 90px;margin-bottom: 10px;
}
.modal-transaction-body .transaction-item{
display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;border-bottom: 1px solid #ddd;
}
.post_status{
text-align: center;padding: 6px 0;width: 100%;
}
.post_status.publish{
background: #2F7D32;
}
.post_status.rejected{
background: #FE0000;
}
.post_status.needs_completion,.post_status.pending_payment{
background: #E65100;
}
.add-personnel{
width: 100%;
}
.add-personnel .add-personnel-new{
display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;
}
.add-personnel .add-personnel-new .add-bottom-personnel{
background: var(--main-color);;padding: 8px 10px;border-radius: 20px;display: flex;align-items: center;
}
.add-personnel .add-personnel-new .add-bottom-personnel svg{
width: 18px;height: 18px;margin-right: 5px;
}
.add-personnel .add-personnel-list{
width: 100%;background: white;margin: 10px 0;padding: 10px;display: flex;align-items: center;
}
.add-personnel .add-personnel-list img{
width: 80px;height: 142px;vertical-align: middle;object-fit: cover;
}
.add-personnel .add-personnel-list .add-personnel-list-info{
margin-right: 10px;
}
.add-personnel .add-personnel-list .add-personnel-list-info .salon_staff{
margin: 0;
}
.add-personnel .add-personnel-list .add-personnel-list-info .open-delete-modal{
background: red;padding: 5px 10px;border-radius: 20px;margin-top: 10px;
}
.add-personnel-form{
padding: 1rem 0;display: flex;width: 100%;
}
#create-personnel-form .input-personnel{
height: 178px;display: flex;flex-direction: column;justify-content: space-between; width: 100%;
}
#create-personnel-form .input-personnel input{
padding: 1rem;background: #eee;border-radius: 5px;width: 100%;font-size: 12px;font-weight: 500;
}
#create-personnel-form .preview{
margin-right: 10px;
width: 100px;
}
#create-personnel-form .preview .personnel_list{
width: 100px;min-width: 100px;height: 178px;overflow: hidden;position: relative;margin-left: 8px;
}
#create-personnel-form .preview .personnel_list img{
width: 100%;height:100%;overflow: hidden;vertical-align: middle;object-fit: cover;
}
#create-personnel-form .preview .personnel_list .personnel_list_info{
position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.8) 100%);width: 100%;height: auto;text-align: center;padding: 15px 10px;
}
.logoutModal{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 100;opacity: 1;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.logoutModal .logoutModal-content{
position: absolute;left: 50%;bottom: 50%;transform: translate(-50%,50%) scale(0.5);
width: 400px;background: white;border-radius: 15px;text-align: center;
animation: elevateIn 0.3s forwards;
}
@keyframes elevateIn {
0% {
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
.logoutModal .logoutModal-content .logoutModal-body{
padding: 1rem;
}
.logoutModal .logoutModal-content .logoutModal-body p{
line-height: 1.8;
}
@keyframes slideIn {
from {
transform: translateX(-50%) translateY(100%);
opacity: 0;
}
to {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
}
@keyframes slideOut {
from {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
to {
transform: translateX(-50%) translateY(100%);
opacity: 0;
}
}
.logoutModal .logoutModal-content .logoutModal-footer{
padding: 1rem;display: flex;align-items: center;justify-content: space-between;
}
.logoutModal .logoutModal-content .logoutModal-footer button{
width: 100%;background-color:#e53935; color:white;border-radius: 10px;font-size: 12px;font-weight: 500;min-height: 45px;
}
.logoutModal .logoutModal-content .logoutModal-footer button:last-child{
margin-right: 10px;background-color:#cfd8dc; color:#333;
}
.glampay{
position: fixed;z-index: 10;left: 0;top: 0;
width: 100%;
height: 100%;
padding: 20px;
background: white;
}
.glampay .glampay-wrapper{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;width: 100%;
}
.glampay .glampay-wrapper h3{
margin-bottom: 10px;margin-top: 10px;
}
.glampay .glampay-wrapper p{
margin: 10px 0;line-height: 1.8;
}
.glampay .glampay-wrapper img{
width: 85px;height: 85px;
}
.glampay .glampay-wrapper a div{
padding: 10px 30px;background: var(--main-color);display: inline-block;;border-radius: 10px;color: #ffffff;font-size: 12px;font-weight: bold;
}
.glampay-wrapper a div:hover {
background: darkred;
}
.ad-plan-form {
width: 100%;
}
.ad-plan-form .plans {
margin-top: 10px;
display: flex;justify-content: center;margin-bottom: 10px;width: 100%;
}
.ad-plan-form .plans label {
padding: 10px;
border: 1px solid #ddd;background-color: #fff;
border-radius: 10px;
margin-bottom: 10px;
cursor: pointer;
transform: scale(0.96);
transition: 0.3s all;
overflow: hidden;
width: 100%;max-width:500px;
}
.ad-plan-form .plans label .ad_plan_item{
display: flex;align-items: center;justify-content: space-between;
}
.ad-plan-form .plans label .ad_plan_item h3{
line-height: 1.8;
}
.ad-plan-form .plans label .ad_plan_item .ad_plan_amount{
color: #DA3333;
}
.ad-plan-form .plans label p{
line-height: 1.8;
}
.ad-plan-form .plans input[type="radio"] {
display: none;
}
.ad-plan-form .plans input[type="radio"]:checked + label {
border-color: #DA3333;
background-color: rgba(218,51,51, 0.05);
transform: scale(1);
}
.ad-plan-form button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.ad-plan-form button:hover {
background-color: #45a049;
}
.modalPay{
background: rgba(0, 0, 0, 0.7);
width: 100%;height: 100%;z-index: 100000000;display: none;
}
.modalPay .modalPay-content{
position: absolute;left: 50%;bottom: 0;z-index: 100;background: white;width: 100%;max-height: 80%;height: auto;border-radius: 25px 25px 0 0;
max-width: 500px;transform: translateX(-50%);visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;
}
.modalPay .modalPay-content .modalPay-header{
border-radius: 25px 25px 0 0;padding: 1rem;text-align: center;display: flex;align-self: center;justify-content: center;
}
.modalPay .modalPay-content .modalPay-header .modalPay-close{
width: 30px;height: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-right: 10px;color: #666;
}
.modalPay .modalPay-content .modalPay-body{
padding: 1rem;
}
.modalPay .modalPay-content .modalPay-body .buttonpay{
background:var(--main-color);display: block;
height: 50px;width: 100%;overflow: hidden;text-align: center;
}
.modalPay .modalPay-content .modalPay-body .buttonpay button{
width: 100%;height: 100%;background:var(--main-color);
}
.modalPay .modalPay-content .modalPay-body .buttonpay button.shine {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
  background-repeat: no-repeat;
  animation: bg-move linear 5s infinite;  
}
@-webkit-keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}
@keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}
.modalPay .modalPay-content .modalPay-body .buttonpay .buttonpay_Loading{color: white;
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 25px;
}
.modalPay .modalPay-content .modalPay-body .buttonpay .buttonpay_Loading svg{
height: 25px;width: 25px;
}
.modalPay .modalPay-item{
padding: 1rem 0;border-top: 1.2px solid #ddd;
display: flex;align-items: center;justify-content: space-between;width: 100%;
}
.modalPay .modalPay-item:first-child{
border-top: none;
}
.modalPay .lodings{
text-align: center;
padding-bottom: 15px;
}
.modalPay .PaymentMethod{
width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 10px;
}
.modalPay .PaymentMethod label{
width: calc(50% - 6px);margin: 3px;display: flex;align-items: center;
}
.modalPay .PaymentMethod .payment-box{
border: 1.5px solid #ddd;
padding: 10px;border-radius: 10px;
display: flex;align-items: center;opacity: 0.5;width: 100%;
}
.modalPay .PaymentMethod .payment-box .payment-box-items{
margin-right: 5px;width: 100%;
}
.modalPay .PaymentMethod .payment-box .payment-box-items .Walletbalance{
padding-top: 1px;
}
.modalPay .PaymentMethod .payment-box img{
width: 40px;height: 40px;border-radius: 12px;
}
.modalPay .PaymentMethod input[type="radio"]:checked + .payment-box{
border: 1.5px solid var(--main-color);opacity: 1;
}
.modalPay .PaymentMethod input[type="radio"] {
display: none;
}
.navbar-pay{
background: white;width: 100%;z-index: 100;
}
.navbar-pay .navbar-pay-nav{
max-width: 1024px;margin: 0 auto;
}
.navbar-pay .navbar-pay-nav .pay-coupons-padding{
padding: 10px 10px 0 10px;border-top: 1.2px solid #ddd;border-radius: 10px 10px 0 0;
}
.navbar-pay .navbar-pay-nav .pay-coupons-text{
display: flex;align-items: center;justify-content: space-between;padding-bottom: 10px;color: #444;
}
.navbar-pay .navbar-pay-nav .pay-coupons-text h3{
display: flex;align-items: center;color: #333;
}
.navbar-pay .navbar-pay-nav .pay-coupons-text.show .icon-percent{
transform: rotate(360deg) scale(1.1);
}
.navbar-pay .navbar-pay-nav .pay-coupons-text .icon-percent{
width: 20px;height: 20px;margin-left: 5px;transform: rotate(0deg)scale(1);transition: transform 0.5s ease-in-out;
}
.navbar-pay .navbar-pay-nav .pay-coupons-text .pay-coupons-left{
width: 20px;height: 20px;
}
.navbar-pay .navbar-pay-nav .pay-coupons-text .pay-coupons-left svg{
width: 20px;height: 20px;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(0deg);transition: transform 0.5s ease-in-out;
}
.navbar-pay .navbar-pay-nav .pay-coupons-text.show .pay-coupons-left svg{
transform: translate(-50%, -50%) rotate(180deg);
}
.navbar-pay .navbar-pay-nav .paycoupons{
overflow: hidden;
max-height: 0px;
opacity: 0;visibility: hidden;
transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, margin 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.navbar-pay .navbar-pay-nav .pay-coupons {
display: flex;align-items: center;
border: 1.2px solid #ddd;padding: 8px;
}
.navbar-pay .navbar-pay-nav .paycoupons.show {
max-height: 300px;
opacity: 1;
margin-bottom: 10px;
visibility: visible;
}
.navbar-pay .navbar-pay-nav .pay-coupons #search_coupons{
width: 100%;font-size: 13px;font-weight: 500;color: #777;margin-left: 5px;min-height: 35px;
}
.navbar-pay .navbar-pay-nav .pay-coupons button{
width: 30px;height: 30px;background: transparent;
}
.navbar-pay .navbar-pay-nav .pay-coupons button svg{
width: 25px;color: #666;
}
.navbar-pay .navbar-pay-nav .paycoupons .coupons-message{
font-size: 12px;font-weight: bold;color: #009b0f;text-align: center;line-height: 1.8;padding-top: 10px;
}
.navbar-pay .navbar-pay-nav .paycoupons .coupons-message .success-message{
color: #009b0f;
}
.navbar-pay .navbar-pay-nav .paycoupons .coupons-message .error-message{
color: #f0001e;
}
.navbar-pay .navbar-pay-nav .pay-coupons .Loading_coupons {
position: absolute;margin-left: 9px;
left:0;top: 50%;transform: translateY(-50%);max-height: 25px;color: #666;
}
.navbar-pay .navbar-pay-nav .pay-coupons .Loading_coupons .loading{
color: #666;
}
.navbar-pay .navbar-pay-nav .navbar-pay-button{
display: flex;align-items: center;flex-direction: row-reverse;border-top: 1.2px solid #ddd;padding:1rem;
}
.navbar-pay button{
width: 50%;height: 50px;
}
.navbar-pay button svg{
width: 25px;left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.navbar-pay button.adsnewnext{
background: var(--main-color);
}
.navbar-pay .navbar_amount{
width: 50%;height: 50px;
}
.loadingNew{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loadingNew svg {
-webkit-animation: loadingrotate 2s linear infinite;
-moz-animation: loadingrotate 2s linear infinite;
-o-animation: loadingrotate 2s linear infinite;
animation: loadingrotate 2s linear infinite;
width: 26px;
height: 26px;
}
.loadingNew .path {
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 5;
stroke: #fff;
stroke-linecap: round;
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
-moz-animation: loading-dash 1.5s ease-in-out infinite;
-o-animation: loading-dash 1.5s ease-in-out infinite;
animation: loading-dash 1.5s ease-in-out infinite;
}
@-webkit-keyframes loadingrotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-moz-keyframes loadingrotate {
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-o-keyframes loadingrotate {
to {
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes loadingrotate {
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@-moz-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@-o-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@media screen and (max-width: 768px) {
.mappreviewnewads img{
height: 300px;min-height: 300px;
}
.expertiseModal-body #Expertise .mainExpertise{
width: calc(100% - 10px);margin: 5px;
}
}
@media (max-width:574px) {
.logoutModal .logoutModal-content{
background: white;position: fixed;left: 50%;bottom: 0;border-radius: 15px 15px 0 0;visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;
transform: translateY(-50%);
width: 100%;max-height: 80%;height: auto;overflow: auto;text-align: center;
}
.logoutModal .logoutModal-content .logoutModal-header{
padding: 1rem;
}
.logoutModal .logoutModal-content .logoutModal-header:after{
position: absolute;background: #ddd;left: 50%;top: 0;display: block;content:"";
padding: 1px;top: 0;width: 60px;height: 5px;
transform: translateX(-50%);border-radius: 5px;margin-top: 15px;
}
.profile .profile-gf-right.yes720{
display: none;
}
.profile .glamtabcontent .adslist .list-ads-block{
width: calc(100% - 8px);margin:4px;margin-top:12px;
}
.profile .profile-gf-right{
width: 100%;
}
.profile .profile-gf-left{
width: 100%;padding-right: 0px;
}
.ad-plan-form .plans {
display: flex;flex-direction: column;width: 100%;
}
}
@media (max-width:435px) {
.confirmationMapModal .confirmationMapModal-content{
margin-bottom: 1rem;left: 50%;bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 20px);
visibility: visible;
opacity: 1;
animation: slideIn 0.5s forwards;
}
.mappreviewnewads img{
height: 200px;min-height: 200px;
}
}
@media (max-width:375px) {
.working-new-box span{
font-size: 12px;
}
.working-new-box input{
width: 18px;height: 18px;
}
.modalPay .modalPay-content .modalPay-body .buttonpay{
height: 45px;
}
.modalPay .modalPay-content .modalPay-body .buttonpay button{
font-size: 12px;
}
.modalPay .modalPay-item{
padding: 0.5rem 0;
}
.modalPay .modalPay-item div{
font-size: 11px;
}
.modalPay .PaymentMethod .payment-box{
padding: 0.3rem;
}
.modalPay .PaymentMethod .payment-box .payment-box-items span{
font-size: 10px;
}
.modalPay .PaymentMethod .payment-box .payment-box-items .Walletbalance{
font-size: 8px;
}
.modalPay .PaymentMethod .payment-box .payment-box-items .namedr{
font-size: 8px;
}
.modalPay .PaymentMethod .payment-box img{
width: 25px;height: 25px;border-radius: 5px;
}
.modalPay .PaymentMethod label{
width: calc(50% - 5px);margin: 2.5px;
}
.modalPay .lodings{
text-align: center;
padding: 10px 0;font-size: 12px;
}
}
@media (max-width:320px) {
.login-form .loginbody .input-group{
width: 100%;
}
.login-form .loginbody .formpwd{
display: inline;
flex-wrap: nowrap;
width: 100%;
}
.login-form .loginbody .formpwd .input-group:last-child{
margin-right: 0px;
width: 100%;
}
.login-form .loginbody .formpwd .input-group{
width: 100%;
}
.mappreviewnewads img{
height: 150px;min-height: 150px;
}
.working-new-box span{
margin-right: 5px;font-size: 11px;
}
.working-new-box input{
width: 15px;height: 15px;
}
}