/**
 * Table of Contents
 *
 * My account
 * -- Menu
 * Added business
*/



/******* My account *********/
.account-success{background: #e6ffed;border: 1px solid #b3e7bf;color: #277439;padding: 15px;border-radius:12px;font-weight: 600;text-align: center;max-width: 550px;margin: 0 auto 25px;}

.limit_wrap{max-width:95%;width:500px;margin:0 auto;padding:15px;border-radius:12px;background:#fff;border:1px solid #eee;display: flex;align-items: center;}
.limit_wrap.fxd{position: fixed;top:50%;left:50%; transform:translate(-50%,-50%);z-index:999;}

.limit_wrap p{display: block;padding:0 10px;}
.limit_wrap .help_btn_mdl{white-space: nowrap;}
.limit-msg-err{color:red; font-weight: bold;}
.limit_wrap i{width:18px;height:18px;display:block;background:url(../images/icons/svg/info.svg) no-repeat center;background-size:18px;  flex-shrink: 0;}


.tabs_btn_wrapper{display: flex;align-items: center; justify-content:space-between;flex-wrap: wrap;padding: 0 0 10px;}

.tabs_btn_wrap{display: flex;align-items: center;flex-wrap: wrap;gap:10px;justify-content: space-between;}
.tabs_btn_wrap .help_btn{padding: 8px 15px 8px 37px;background: url(../images/icons/svg/help.svg) no-repeat 15px center;background-size:16px;color:#0D0D0D;border-radius:12px;border: 1px solid #007BFF;}
.tabs_btn_wrap .help_btn:hover{cursor: pointer;background:#FFCD29 url(../images/icons/svg/help.svg) no-repeat 15px center;background-size:16px;border:1px solid #FFCD29;}

.tabs_mc_wrap{border-radius:12px;overflow: hidden;overflow-x: auto;padding:0 5px;background: #F2F2F2;}
.tabs_mc_wrap::-webkit-scrollbar {height: 0;}
.tabs_mc_wrap::-webkit-scrollbar-thumb:horizontal {width:0;}
.tabs_mc{display:flex;align-items:center;position:relative;padding:5px 0;}
.tab_btn_mc{display:flex;align-items:center;justify-content:center;text-align: center;padding:6px 10px;cursor: pointer;position: relative;z-index: 1;border-radius:6px;font-size:14px;line-height:1;font-weight:500;min-height:40px;}
.tab_btn_mc:hover{background:#FFCD29;color:#000;}
.tab_btn_mc.active{color:#fff;}
.tab_btn_mc.active:hover{color:#fff;background:transparent;}

.tab-slider{position: absolute;bottom:5px;left:0;width:50%;top:5px;border-radius:6px;background:#007BFF;transition: all 0.5s ease;}



.account_wrapper .tab_content{padding:40px 20px;border-radius:12px;border:1px solid #E6E6E6;}
.tab_content_title{text-align: center;font-weight:500;font-size:28px;padding:0 0 25px;}
.empty_tab_mess{padding: 0 0 25px;font-size: 22px;font-weight: 500;text-align: center;}
.tab_content h3{padding:0 0 15px;}


@media (max-width:960px) {
.account_wrapper .tab_content{padding: 20px 10px;}
.tab_content_title{font-size:22px;padding:0 0 10px;}
.tabs_btn_wrap{padding:0 0 10px;width: 100%;justify-content: flex-end;}
.tabs_btn_wrap .help_btn{order:0;}
.tabs_mc_wrap{order:1;width: 100%;}
}

.account_info{padding:10px;}
.account_info p{padding:0 0 15px;}
.account_info p span{font-weight:bold;}

.wrap_ctr_item{display: flex;justify-content: space-between;flex-wrap: wrap;}
.left_ctr_item{width:48%;margin:0 2% 0 0; border-right: 1px solid #f2f2f2;}
.right_ctr_item{width:48%;margin:0 0 0  2%;}

#password_change_form{margin:0 0 25px;}
#password_change_message{margin-top:-8px;color:#f00;font-size:14px;}

.form-disabled .business_mc_wrap{pointer-events: none;opacity: 0.5;}
.form-disabled #business_form_submit{pointer-events: none;opacity: 0.5;}

@media (max-width:960px) {
.wrap_ctr_item{display:block;}
.left_ctr_item{width:100%;margin:0; border-right:none;}
.right_ctr_item{width:100%;margin:0;}
.account_info {padding:0;}
}

@media (max-width:550px) {
.wdth_50{min-width:100%;}
.logout_link{width:100%;}
}


.business_mc_wrap{display: flex;flex-wrap: wrap;}
.business_mc_left{width:48%;margin:0 4% 0 0;}
.business_mc_left textarea{padding:15px;min-height:250px;}
.business_mc_right{width:48%;}

.char_counter_textarea{position: relative;}
.char_counter_wrap {position: relative;display: flex;align-items: center;gap: 8px;font-size: 13px;color: #333;}
.char_progress {transform: rotate(0deg);}
.char_progress_circle {transition: stroke-dashoffset 0.2s ease;}

.business_mc_wrap select:hover{cursor: pointer;border:1px solid #007BFF;}

.label_ttl{font-weight: 500;padding:15px 0 5px;}
.add_icon_btn{background: #f5f5f5 url(../images/icons/svg/add.svg) no-repeat center;background-size: 35px;width: 80px;height: 80px;border-radius: 100px;padding: 20px;display: block;}
.thumbnail_block:hover{cursor: pointer}
.thumbnail_block:hover .add_icon_btn,
.gallery_block:hover .add_icon_btn{background: #007BFF url(../images/icons/svg/add.svg) no-repeat center;background-size: 35px;}

.gallery_add_btn{cursor: pointer;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.file_drop{width: 200px;height: 150px;border:2px dashed #ccc;border-radius:12px;display: flex;justify-content: center;align-items: center;cursor: pointer;background-size: cover;background-position: center;background-repeat: no-repeat;}
.file_drop:hover{border:2px dashed #007BFF;}
.file_drop.has-image span {display: none;}

.file_drop_multiple {position: relative; width:100%;min-height:125px;border: 2px dashed #ccc;border-radius: 12px;padding:15px;}
.file_drop_multiple:hover{cursor: pointer;border:2px dashed #007BFF;}

.preview_images {display: flex;flex-wrap: wrap;gap: 10px;}
.preview_images .image_item {width: 80px;height: 80px;background-size: cover;background-position: center;position: relative;}

.image_item{display: inline-block;width: 20px;height: 80px;margin: 5px;position: relative;border: 1px solid #ccc;border-radius: 4px;overflow: hidden;}
.image_item .thumb{width: 100%;height: 100%;background-size: cover;background-position: center;}

.add_phone_btn{color:#007BFF;font-size:14px;text-decoration:underline;}
.add_phone_btn:hover{cursor: pointer;color:#FFCD29;}
.phone_field{position: relative;}
.remove_phone_btn {position: absolute;top: 4px;right: 4px;width: 32px;height: 32px;border-radius: 10px;background:#eee;display: flex;align-items: center;justify-content: center;font-size:13px;font-weight:300;cursor: pointer;}
.remove_phone_btn:hover{color: #fff;background:#007BFF;}

.add_email_btn{color:#007BFF;font-size:14px;text-decoration:underline;}
.add_email_btn:hover{cursor: pointer;color:#FFCD29;}
.email_field{position: relative;}
.remove_email_btn {position: absolute;top: 4px;right: 4px;width: 32px;height: 32px;border-radius: 10px;background:#eee;display: flex;align-items: center;justify-content: center;font-size:13px;font-weight:300;cursor: pointer;}
.remove_email_btn:hover{color: #fff;background:#007BFF;}
input.del_btn_rght{padding:10px 40px 10px 10px;}

.business_submit_ctr{display: flex;align-items: center;justify-content: flex-end;}
.business_submit{text-align: right;}

#business_form_submit{padding:20px 50px !important;font-size:18px;}
#business_form_submit i{width:28px;height: 28px;background: url(../images/icons/svg/add_businiess.svg) no-repeat center;background-size:28px;}

#business_form_msg{display:none;background: #e6ffed;border: 1px solid #b3e7bf;color: #277439;padding:15px;border-radius:12px;font-weight:600;text-align:center;margin:10px 0;}
#business_form_msg.errmssform{color: #f00;border: 1px solid #e7b3b3;background: #ffe6e6;}




@media (max-width:960px) {
.business_mc_wrap{display:block;}
.business_mc_left{width:100%;margin:0;}
.business_mc_right{width:100%;}
}

/******* Added business *********/
.business_macc_item{position:relative;display:flex;align-items:center;margin:0 0 15px;text-decoration:none;border-radius: 12px;border: 1px solid #eee;padding: 10px;}
.business_macc_item:focus,
.business_macc_item:active,
.business_macc_item:hover{text-decoration:none;}

.business_macc_item .bs_text_wrap{padding:15px;margin-left:4%;color:#000;}
.business_macc_item .bs_title{font-size:24px;padding:0 0 15px;line-height:1.2;}
.business_macc_item .bs_text{font-size:14px;padding:0 0 15px;line-height:1.2;}

.bs_pending{font-size: 13px;color: #f00;padding: 10px 0 0;display: flex; align-items: center;}
.bs_pending i{width:18px;height:18px;display:block;background:url(../images/icons/svg/info.svg) no-repeat center;background-size:18px;}
.bs_pending span{padding:0 0 0 5px;}
.in_moderation{position: absolute;right:0;top:0;background: #f00;border-radius: 0 12px;padding: 6px 15px;color: #fff;font-weight:500;font-size: 13px;}

.no_businesses{padding:20px 0;display: flex;flex-direction: column;align-items: center;}
.no_businesses img{width:100%;max-width:400px;height: auto;}
.no_businesses p{padding:0 0 25px;font-size:22px;font-weight:500;text-align: center;}
.add_first_btn{margin:0 0 15px;}

@media (max-width:768px) {
.business_macc_item {display: block;}
.business_macc_item .bs_text_wrap{padding:10px;margin-left:0;}
.bs_pending span {max-width: 80%;}
.in_moderation {border-radius: 6px;text-align: center;position: relative;}
}