    
    header#masthead {
        display: none;
    }
    footer#colophon {
        display: none;
    }
    /* bootstrap Class Start */
    .mb-10{margin-bottom: 10px;}
    .mb-20{margin-bottom: 20px;}
    .mb-30{margin-bottom: 30px;}
    .mb-40{margin-bottom: 40px;}
    .mb-50{margin-bottom: 50px;}
    .mb-60{margin-bottom: 60px;}
    .mb-80{margin-bottom: 80px;}

    .mt-10{margin-top: 10px;}
    .mt-20{margin-top: 20px;}
    .mt-30{margin-top: 30px;}
    .mt-40{margin-top: 40px;}
    .mt-50{margin-top: 50px;}
    .mt-60{margin-top: 60px;}
    .mt-80{margin-top: 80px;}

    .mt_mb-10{margin-top: 10px; margin-bottom: 10px;}
    .mt_mb-20{margin-top: 20px; margin-bottom: 20px;}
    .mt_mb-60{margin-top: 60px; margin-bottom: 60px;}
    .mt_mb-80{margin-top: 80px; margin-bottom: 80px;}


    /* bootstrap Class Start */
    .pb-10{padding-bottom: 10px;}
    .pb-20{padding-bottom: 20px;}
    .pb-30{padding-bottom: 30px;}
    .pb-40{padding-bottom: 40px;}
    .pb-50{padding-bottom: 50px;}
    .pb-60{padding-bottom: 60px;}
    .pb-80{padding-bottom: 80px;}

    .pt-10{padding-top: 10px;}
    .pt-20{padding-top: 20px;}
    .pt-30{padding-top: 30px;}
    .pt-40{padding-top: 40px;}
    .pt-50{padding-top: 50px;}
    .pt-60{padding-top: 60px;}
    .pt-80{padding-top: 80px;}

    .pt_pb-10{padding-top: 10px; padding-bottom: 10px;}
    .pt_pb-20{padding-top: 20px; padding-bottom: 20px;}
    .pt_pb-60{padding-top: 60px; padding-bottom: 60px;}
    .pt_pb-80{padding-top: 80px; padding-bottom: 80px;}

    /* bootstrap Class End */

    .post-item {
        border: 1px solid #E0E0E0;
    }
   .post-content {
   background: #fff;
   padding: 30px;
   /* border: 1px solid #E0E0E0; */
   }
   .post-content span {
   text-transform: uppercase;
   font-size: 20px;
   font-family: 'ProximaNova', sans-serif;
   font-weight: 600;
   }
   .post-content h5 {
   color: #000;
   padding: 15px 0 15px 0;
   font-size: 32px;
   font-family: 'Proxima Nova Bold', sans-serif;
   line-height: 36px;
   }
   .post-content p {
   color: #051c37;
   padding-bottom: 40px;
   }
   .dasboard-post-listing-content{
    margin-bottom: 0.2rem;
    font-size: 13px;
   }
   .dasboard-post-listing-content span.status{
    font-size: 14px;
   }
   .post-content .read-more {
   font-size: 19px;
   color: #051c37;
   font-family: 'ProximaNova', sans-serif;
   font-weight: 600;
   border: none;
   padding: 0px;
   background: none;
   transition: 0.3s;
   }
   .post-item img { width: 100%;}
   .postlisitng { grid-template-columns: repeat(3, minmax(0, 1fr));grid-column-gap: 40px;display: grid;}

    .viewcontacts_chat a.viewcontactschat, .connected-inf-btn a.connected-inf-btn-link {
        font-family: var(--e-global-typography-b9398f5-font-family ), Sans-serif;
        font-size: var(--e-global-typography-b9398f5-font-size );
        font-weight: var(--e-global-typography-b9398f5-font-weight );
        text-transform: var(--e-global-typography-b9398f5-text-transform );
        font-style: var(--e-global-typography-b9398f5-font-style );
        line-height: var(--e-global-typography-b9398f5-line-height );
        letter-spacing: var(--e-global-typography-b9398f5-letter-spacing );
        word-spacing: var(--e-global-typography-b9398f5-word-spacing );
        color: var(--e-global-color-primary );
        background-color: var(--e-global-color-accent );
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        border-radius: 50px 50px 50px 50px;
        padding: 20px 40px 20px 40px;
        text-align: center;
    }
.elementor-element-9b667a8 {border-top: #E0E0E0 solid 1px; padding:20px 0 50px 0;}
.postlisitng.dashboard-page {grid-column-gap: 25px;}
.dashboard-page .post-content { padding: 15px; }
.dashboard-page .post-content h5 { font-size: 22px; letter-spacing: normal;  padding: 0px 0 0px 0; line-height: normal;  }
.dashboard-page .post-content p { padding-bottom: 0px;margin-bottom:0;}

.post-listing-heading a{font-size: 18px; font-weight: 500;}
.row-btn { display:grid;  grid-template-columns:auto; gap:10px; }
.row-btn-listing-page{display:inline-flex;}
.row-btn a , .row-btn-listing-page a{ font-family: var(--e-global-typography-b9398f5-font-family ), Sans-serif;
    font-size: var(--e-global-typography-b9398f5-font-size );
    font-weight: var(--e-global-typography-b9398f5-font-weight );
    text-transform: var(--e-global-typography-b9398f5-text-transform );
    font-style: var(--e-global-typography-b9398f5-font-style );
    line-height: var(--e-global-typography-b9398f5-line-height );
    letter-spacing: var(--e-global-typography-b9398f5-letter-spacing );
    word-spacing: var(--e-global-typography-b9398f5-word-spacing );
    color: var(--e-global-color-primary );
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 50px 50px 50px 50px;
    padding: 10px; text-align: center; text-decoration: none; border: #ffc74b solid 2px!important; 
}
.row-btn-listing-page a {color: black!important; width:120px; margin-left: 2px; font-size: 10px;}
.row-btn a:hover , .row-btn-listing-page a:hover {color: var(--e-global-color-primary );  background-color: var(--e-global-color-accent );}
.row-btn a i, .row-btn-listing-page a i {margin: 0px 4px 0 0;}
.row-btn a i.fa-phone, .row-btn-listing-page a i.fa-phone { transform: rotate(-260deg); }

.promotion-section {display: contents;}
.promotion-sectionss {display: contents;}
.left-fillter > .widget {padding: 15px;margin-bottom: 20px;} 
.left-fillter p.ftchek { margin: 0px; padding: 0 0 0 10px;}
.left-fillter p.ftchek label{padding:0 0 0 8px;}
.left-fillter p.ftchek label {margin: 0px;}


.dashboard-sidebar { border-right:#E0E0E0 solid 1px; height: 100%; }
.dashboard-top { border-bottom: #E0E0E0 solid 1px; padding: 0 0 20px 0; margin-top: 24px}

.extratext { padding: 20px 0 0 0;}
/*.dashboard-top-sec .col-md-1 {padding: 0 0 0 38px;}*/
h4.welcometext span { font-size: 18px;font-weight: 200;}
.profile-top {border-bottom: #ccc solid 1px; padding: 0 0 20px 0; text-align: left; display: inline-flex; align-items: center; width: 100%;  }
.profile-top .user-profile-picture{width: 100%;height: auto; max-width: 80px;position: relative;display: inline-block;}
.profile-top .user-profile-picture img, .review-top  .user-profile-picture img {border-radius: 100%; margin:0 15px 0 0; height: 80px; }
.profile-top .username { padding: 10px 0 10px 12px;}
.star-content {background: #ffc74b;padding: 8px 20px;font-family: 'Archivo';color: #000;font-weight: 500;font-size: 13px;line-height: normal;clip-path: polygon(100% 0%, 80% 50%, 100% 100%, 0 100%, 20% 50%, 0 0);-webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 10% 50%, 0 0);text-align:center;}
.user-tier-verified-sec {display: flex;align-items: center;}
.verified-badge img {max-width: 30px;}
.usersearch-area { margin-top:10px; padding-top: 20px;border-top: #E0E0E0 solid 1px; }
.influencer-collab-search-area {margin-top:10px;}
.usersearch-area .searchbox-heading, .influencer-collab-search-area .searchbox-heading{padding: 20px 0;}
.bizinfsearchform input[type=text]{margin:0;}
.biz-search-result-sec, .inf-collab-search-result-sec{display: contents;}
.biz-search-result-sec .biz-inf-no-result, .inf-collab-search-result-sec .influencercollab-no-result {margin-left: 18px;margin-top: 10px;font-weight: 400;}
.searchinfo-data{border: 1px solid #E0E0E0; min-height: 218px;margin-top: 20px;}
.search-user-detail-info{word-break: break-all;padding: 0 20px;}
.search-user-detail-info p {margin-bottom: 2px;}
.search-user-detail-info p:nth-child(2) {min-height: 52px;}
.search-user-detail-info .collabwithinfluencer{margin-bottom: 20px; width: 100%;}
.user-search-profile-icon { width: 100px;height: 96px; max-width: 100px; margin: 20px;}
.user-search-profile-icon img {border-radius: 100%;height: 100%;width: 100%;}
.inftoinf-new-message-block{position: absolute;padding:0;display: inline-flex;margin: 8px 24px;right: 0;}
.inftoinf-new-message-block a {padding: 5px 9px;display: inline-block;background: #ffc74b;color: #353434;}
.inftoinf-new-message-block a:hover {color: #100d0d;}
/* Update Profile Picture Section CSS */
.user-profile-area{border-bottom: #ccc solid 1px;}
.user-profile-area .basic-user-avatar-sec{display: inline-block;}
.profile-pic-uploader {display: grid; position: relative;}
.profile-pic-uploader .my-profile-subtitle, .influencersignupform .my-profile-subtitle, .usersearch-area .searchbox-heading, .influencer-collab-search-area .searchbox-heading, .feedback-heading h3 {font-size: 18px; font-weight: 700;}
.profile-pic-uploader .img-sec{width: 100%;height: auto; max-width: 80px; margin-top: 10px;}
.profile-pic-uploader .img-sec img#userprofileimgurl{border-radius: 100%; width: 80px; height: 80px;  object-fit: cover;}
.profile-pic-uploader .img-sec > i {position: absolute;left: 64px;top:48px;width:23px;height:23px;background: #1e2024;color: #fff;font-style: normal;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;font-size: 13px;line-height: 21px;cursor: pointer;}
.profile-pic-uploader .img-sec > i:hover {background: #ff0707;color: #ffffffff;}
.profile-pic-uploader .profile-img-label{text-align: left;float: left;}
.profile-pic-uploader .avatar-input{margin-top: 10px;}
.dashboard-link { padding: 0 0 50px 0; text-decoration: none;}
.dashboard-link a { padding: 15px 0px; display: block; color: #000; border-bottom: #ccc solid 1px; padding-left: 12px;  text-decoration: none !important;}
.dashboard-link .swithchp input[type="submit"] { background: none; padding:20px 0px; display: block; color: #000; text-transform: none;  font-weight: 200; font-size: 16px; font-family: 'Archivo'; letter-spacing: normal;} 

.dashboardtop-global-buttons > .createpromotion{float: left; margin: 0 8px 0 0;}
.dashboardtop-global-buttons > .changerole{float: right;}

.dashboardtop-global-buttons > .connected-inf{float: left; margin: 0 8px 0 0;}


.elementor-element-9b667a8 .col-lg-9 .btn__wrapper { text-align: center; }
.view-block {position: absolute;  padding: 4px; }
.view-block a {  padding: 5px 9px; display: inline-block;  background: rgba(255,255,255,0.95); }
.promo-post-detail { margin-bottom: 50px;}
.back-btn-block a:focus{color:#fff0;}
.back-btn-link-block {align-items: center; display: flex;}
.back-arrow-img {width: 9px;height: 12px; max-width: 100%;transform-style: preserve-3d;transform: rotateX(0)rotateY(-180deg)rotateZ(0);}
.back-btn-text {color: #000;padding-left: 4px;padding-right: 0;font-size: 16px;font-weight: 700;text-decoration: none;}
.promo-post-detail .user-rating-block{ box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;padding: 20px; margin-bottom: 15px;}
.pro-row { display: flex;  align-items: baseline; }
.pro-row label { flex: 0 0 165px;  }
.pro-row span.paid-btn,.category-row span.categorybtn {background:#ffc74b; border-radius:20px; padding:4px 14px; color: #000;font-size:14px; font-weight:500; display:inline-block; margin-bottom: 10px; margin-right: 8px;}
.pro-row span i { margin: 0 10px 0 0;}
.pro-row span a , .promo-block-row span a, .userdetaillink{color: #e8a30b; font-weight: 500;}

.promo-row { padding-top: 30px;}
.promo-block { border: #333 solid 1px; padding: 20px; height: 100%;}
.promo-block h4 { margin-bottom: 15px;}
/* .promo-block-row {  display: flex;  align-items: baseline; flex-wrap: wrap;} */
.block-content {
    word-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
}
.block-content span {
    margin:  0.5rem 0px 0 0;
}
.promo-block-row label { flex: 0 0 165px;  }
.promo-block-row .fa-comments { margin-right: 7px;}
.icon-button {position: relative; display: flex; align-items: center;justify-content: center;width: 32px;height: 32px;color: #333333;background: #dddddd;border: none;outline: none;border-radius: 50%!important;padding: 0px 13px 0px 13px!important;top:-30px;right:-90px;}
.icon-button:hover {cursor: pointer;}
.icon-button:active {background: #cccccc;}
.icon-button:focus{outline: black;}
.icon-button__badge {position: absolute;top: -6px;right: -8px;width: 20px;height: 20px;background: red;color: #ffffff;display: flex;
justify-content: center;align-items: center;border-radius: 50%;}
.material-icons {font-size: 16px!important;}
span.chatblockbiz {display: inline-flex;}

/* Registration Page CSS Start  */
.forgotpassword{color: #d69400!important;font-weight: 400}
.buttonHolder {text-align: center;}
/* Pagination Global CSS Start  */

.pagination {
    float: left;
    margin:20px 0 40px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.pagination ul {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%; text-align: center;
}
.pagination li {
    display: inline-block;
    font-family: Roboto;
    font-size: 12px;
    margin: 0 10px 0 0;
}
.pagination li:last-child {
    margin: 0;
}
.pagination li.active a, .pagination li a:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.pagination li.active a, .pagination li a:hover {
    color: #ffffff;
    background-color: #333;
    border-color: #333;
}
.pagination li .delimeter {
    display: block;
    padding-top: 6px;
}
.pagination a, .pagination span{
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    /*float: left;*/
    font-family: Roboto;
    padding: 3px 13px;
    text-decoration: none;
    border: 3px solid #f5b817;
    padding: 9px 15px;
    font-size: 13px;
    color: #000000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    height: 41px;
}
.pagination li.prev a, .pagination li.next a {
    padding: 9px 25px;
}
.pagination a i {
    font-size: 15px;
    color: #e41820;
}
.ftchek label{
    font-size: 15px;
    font-weight: 400;
    line-height: 2.0em;
}

.promotion-sectionss .post-item img, .promotion-section .post-item img{
    width: 100%;
    min-height: 168px;
    max-height: 168px;
}
/* Pagination Global CSS End  */

/*Sidebar CSS Start*/
.formfilter .scrollbar{
    max-height: 168px;
    overflow: auto;
}

/* width */
.scrollbar::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  .scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .scrollbar::-webkit-scrollbar-thumb {
    background: #ffc74b; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .scrollbar::-webkit-scrollbar-thumb:hover{
    background: #ffc74b; 
  }

  .scrollbar{
    overflow-y: scroll;
}

.scrollbar {
    scrollbar-color: #ffc74b #ffffff;
    scrollbar-width: 10px;
} 
       
  /* :root{
    scrollbar-face-color: #ffc74b; 
    scrollbar-track-color:#ffffff; 
    scrollbar-color: #ffc74b #ffffff;
    scrollbar-width: 10px;
  } */

/*Sidebar CSS End*/

/* Datepickercustom Css Start */
.ui-datepicker{
    width: 20em!important;
}
.ui-widget {
    font-size: 1.0em!important;
}
/* Datepickercustom Css End */

/* InnerBanner Breadcrumb CSS Start */
.no-padding{
    padding:0;
}
.innerbanner {display: flex;align-items: center;padding: 45px 15px 40px;}
.set-bg {background-repeat: no-repeat;background-size: cover;background-position: top center;}
.container{padding:0}
.inner2 { display: flex; }
.inner-title2 {float: none;display: table-cell;vertical-align: middle;}
.inner-title2 > h1 {float: left;width: 100%;font-size: 28px;color: #202020;font-weight: bold;margin: 0;}
.inner-title2 > span { float: left;width: 100%;font-size: 15px;color: #1f1f1e;margin-top: 7px;}
.page-breacrumbs {display: none;vertical-align: middle;margin: 0 0 0 auto;}
.breadcrumbs {float: right;margin: 0;}
.breadcrumbs > li {position: relative;padding-left: 30px;margin: 0; display: inline-block;color: #1e1e1e;}
.breadcrumbs > li a {width: 100%;font-size: 16px;color: #1f1f1e;display: inline-block; }
/* .breadcrumbs > li a:after {position: absolute;right: -26px;top: 13px;height: 1px;width: 18px;background: #1f1f1e; content: "";} */
.breadcrumbs span {display: inline-block;font-size: 16px;color: #1f1f1e;}
/* InnerBanner Breadcrumb CSS End */


.promo-btn { display: flex;}
.promo-btn button { margin: 0 10px 0 0; }
.promo-btn button.biz_promo_cancel_btn { background-color: #333; color: #fff; margin: 0 10px 0 auto;}
.promo-btn button.biz_promo_close_btn { background-color:#333; color: #fff; margin: 0; }


/* Review Popup CSS Start */
.inf-info-sec p{font-weight: 500;font-size: 15px;}
.inf-info-sec span{font-weight: 400;font-size: 14px;}
.closepromoform .user-profile-picture{width: 100%;height: auto; max-width: 80px;}
.reviewer-biz-section-info{
    padding: 0 0 20px 0;
    text-align: left;
    display: inline-flex;
    align-items: center;
}

.reviewer-biz-section-info .username {padding: 10px 0 10px 12px;}
/* Review Popup CSS END */

/* Rating on popup css start */

  .rating {
    position: relative;
    width: 180px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3em;
    padding: 5px;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 2px #b3acac;
 }
 .rating-sec .rating {
    padding: 0;
    width: auto;
    display: inline-block;
    box-shadow: inherit;
    overflow: visible;
}
 .rating__result {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-10px) translateX(-5px);
    z-index: -9;
    font: 3em Arial, Helvetica, sans-serif;
    color: #ebebeb8e;
    pointer-events: none;
 }
 
 .rating__star {
    font-size: 1.3em;
    cursor: pointer;
    color: #dabd18b2;
    transition: filter linear .3s;
 }
 
 .rating__star:hover {
    filter: drop-shadow(1px 1px 4px gold);
 }
.rateinfluencerifnorated .rating-sec .error-msg .error, .ratebusiness .rating-sec .error-msg .error{display: block;}
/*   05-07-2023 START  */

a#chat_with_influencer {
    text-align: center;
    float: none;
    display: block;
    background: #ffc74b;
    color: #444444;
    text-decoration: none;
    font-weight: 500;
    margin: 12px 0;
    padding: 8px 0;
    border-radius: 24px;
}
.searchinfo-data .report_user_sec {
    margin: 10px 0px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}
a.view-user-detail button {
    padding: 20px 35px;
}
button.send_report {
    padding: 20px 25px;
}
#user_report_mesg span.success{
    color: green;
    padding: 10px 5px;
}
#user_report_mesg span.error{
    color: red;
    padding: 10px 0px;
}
.communication-con a, .communication-con p{
    color: #000 !important; 
    font-weight: 500;
}
/*   05-07-2023 END  */

#review-popup .modal-dialog { max-width: 650px; }
#review-popup .rate-review-modal-title {padding: 10px;}
#review-popup .rate-review-modal-title .modal-title {padding: 10px 0 0 10px;}
#review-popup .rate-review-modal-title .modal-subtitle{padding: 10px 0 0 10px;}
#review-popup .modal-body{margin: 0 20px;}

#promo-cancel-popup .modal-dialog { max-width: 650px; }
#promo-cancel-popup .promo-cancel-modal-title {padding: 10px;}
#promo-cancel-popup .promo-cancel-modal-title .modal-title {padding: 10px 0 0 10px;}
#promo-cancel-popup .promo-cancel-modal-title .modal-subtitle{padding: 10px 0 0 10px;}
#promo-cancel-popup .modal-body{margin: 0 20px;}
#promo-cancel-popup .modal-header button.cancel { padding: 0px!important;width: 32px!important;height: 32px!important;font-family: sans-serif;margin: -7px -7px 0 0!important;}

#report-popup .modal-dialog { max-width: 650px; }
#report-popup .report-modal-title {padding: 10px;}
#report-popup .report-modal-title .modal-title {padding: 10px 0 0 10px;}
#report-popup .report-modal-title .modal-subtitle{padding: 10px 0 0 10px;}
#report-popup .modal-body{margin: 0 20px;}
#report-popup .modal-header button.cancel { padding: 0px!important;width: 32px!important;height: 32px!important;font-family: sans-serif;margin: -7px -7px 0 0!important;min-width: 32px!important;}

.othercancelsec {margin-top: 16px;}



body .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding-left: 15px; padding-right: 15px;}


.viewcontacts_chat a.viewcontactschat, .connected-inf-btn a.connected-inf-btn-link,button.switchroletobusiness, .changerole input[type="submit"] {padding: 20px; text-decoration: none;}
#dashboardtopglobalbuttons {display:flex; align-items:center; justify-content:flex-end;}

.profile-top-toggle { display: none; }
.profile-top-toggle a { padding:10px 15px; background:#ffc74b url(../images/left-arrow.png) 95% 50% no-repeat; display: flex; border-radius:8px; align-items: center; background-size: 10px auto;}

.profile-top-toggle .user-profile-picture img { width:50px; height:50px; border-radius:100%; max-width: 50px }
.profile-top-toggle .username { color: #000; font-weight: 500; padding: 0 0 0 20px; font-size: 16px; }


.dashboard-sidebar .sidebar-close { position: absolute; right: 15px; top: 20px; padding: 0px; }
.dashboard-sidebar .sidebar-close a { top:0px; }



.dashboard-link a:hover { text-decoration: none; color: #8f8f8f;}

button, input[type="button"] { transition: all .2s linear; }

button.saveswitchroletoinfluencer, #submit_feedback_biz, .biz_promo_create_btn { margin-top: 20px;}

button.switchprofiletobusiness, button.saveswitchroletoinfluencer { transition: all .2s linear!important; }

.changerole button:hover, .logout-link input:hover, button.biz_promo_create_btn:hover, button.update_biz_profile_btn:hover, 
button.biz_password_update_button:hover, button.switchprofiletobusiness:hover, button.update_influencer_profile_btn:hover, 
button.upgrade_influencer_tier_btn:hover, button.creator_password_update_button:hover, button.saveswitchroletoinfluencer:hover,
button.biz_promo_update_btn:hover, button#submit_feedback_biz:hover { transform: translateY(-8px); }

#influencer-popup { margin-top: 30px;}
#influencer-popup .modal-dialog .modal-content { height: auto;}


.changerole { text-align: right;}

.userinfo { padding: 15px 0 0 0;}
.userinfo span { display: inline-block; width: 200px; font-weight: bold;}


.connected-inf-btn a.connected-inf-btn-link  { display: inline-block; }
.connected-inf-btn a.connected-inf-btn-link:hover {color: var(--e-global-color-c45a6b9 );  background-color: var(--e-global-color-primary ); text-decoration: none; transform: translateY(-8px);  }


.upload-img-file > span img { object-fit: cover;}


.log_pass .upload { height:52px; padding: 10px;}



a#chat_with_influencer:hover {
  color: var( --e-global-color-c45a6b9 );
  background-color: var( --e-global-color-primary );
}


.reportuserform .report-submit-btn {
  margin-top: 20px;
}

.promotion-sectionss span.info-counter {
    background: red;
    color: #fff;
    font-size: 10px;
    height: 15px;
    border-radius: 100%;
    width: 15px;
    text-align: center;
    line-height: 16px;
    right: 0;
    position: absolute;
    left: 0;
    top: 0px;
}

span.info-counter {
    background: red;
    color: #fff;
    font-size: 12px;
    height: 20px;
    border-radius: 100%;
    width: 20px;
    text-align: center;
    line-height: 20px;
    right: 0;
    position: absolute;
    left: 290px;
}
.promodetail-creatorarea span.info-counter, .promodetail-businessloggedinarea span.info-counter{
    left: 204px;
}
.rateinfluencerifnorated .ajax-form-result { margin-top: 20px;}
.msger-chat{ padding: 0 !important}
.msg { border-bottom: 1px solid #eaeaea;  width:100%; padding:10px; margin:0!important; transition:.5s all;}
.msg:hover{ background:#f7f7f7;}
.msg-bubble { max-width: 100% !important;  width: 100%;}
.msg-bubble .chatnow-business{ width:100%;     align-items: center;}
.msg-info{ margin: 0 !important; flex: 1;}
.msg-img{ margin-right:10px !important;}
.msg-bubble .chatnow-business:hover { text-decoration: none; }

.businessInfluancerChatCount{width: 13px !important; height: 13px !important;}
.closepromoform .ajax-form-result { margin-top: 20px; }


.cancel-promo-form-data { margin-bottom: 15px; display: block; }

.swal2-title { padding: 15px; }
button.swal2-confirm.swal2-styled, button.swal2-cancel.swal2-styled { 
    background: #ffc74b !important;
    color: #1e2024;
    border-color: #1e2024; 
}

.profile-top .user-tier-verified-sec .star-content {background: #ffc74b;}

a { text-decoration: none !important; }

.promo-post-detail .attachment-post-thumbnail { margin: 10px 0 20px 0; }


#promolistfrontend { top:0px!important; }
#promolistfrontend h5 { line-height: normal!important;}



@media (max-width:1200px){ 

.dashboard-top .col-md-5, .dashboard-top .col-md-7 { max-width: 100%; width:100%; flex: 0 0 100%; }
.dashboardtop-global-buttons > .changerole { float: none; }    
    
}


@media (max-width:991px) {
 
.dashboard-sidebar { border: none; padding-bottom: 50px; }
.dashboard-link { padding: 0px 0 20px 0;}
.profile-top-toggle { display: block; margin-bottom: 40px; } 
.dashboard-sidebar {  width:100%; height:100%; background:#fff; transform:translateX(-100%); position:fixed!important; overflow:scroll; z-index:99999; top:0px; left:0px; transition: .6s all; }
.dashboard-sidebar.dashboard-sidebar-open { transform:translateX(0); }    
.profile-top { padding: 15px; }
.dashboard-link a { padding:15px 15px; }
.logout-link { margin:0 15px; display: inline-block; }    
.star-content {background: #fff;}       
}


@media (max-width:767px){
  .promo-block{ height:auto; margin: 10px 0;} 
  .asts-container .container { padding-right: 15px; padding-left: 15px; }
  .business-msger {max-width: 400px !important;z-index: 999 !important;right: 0px !important;}
}

@media (max-width:640px){
.promo-btn { display: block;}
.promo-btn button { width: 100%; display: block; margin: 0 0 10px 0;}
.dashboardtop-global-buttons > .createpromotion {  width: 100%; margin: 10px 0 10px 0;}
.dashboardtop-global-buttons > .changerole {  width: 100%;  }        
.viewcontacts_chat a, .changerole input[type="submit"], .changerole button  { width: 100%; }    
.promotion-sectionss .post-item img { object-fit: cover;max-height: none; width: 100%;}
#dashboardtopglobalbuttons { display: block; }
.profile-top-toggle .username { padding: 0 0 0 10px; }
.promotionlist .promotion-sectionss .row-btn-listing-page { display: block;}
.promotionlist .promotion-sectionss .row-btn-listing-page a {display: block;  width: 100%; margin-bottom: 10px;}
#selectplatformModalyoutube .modal-footer .cancelbtnyoutube, #selectplatformModalyoutube .modal-footer .button {padding: 20px 20px 20px 20px;}
.search-user-detail-info .collabwithinfluencer { padding: 20px;}
.top-user-info.d-flex { display: block!important;}
.top-user-info.d-flex .user-info-wrap { margin-bottom: 10px;}
.user-rating-block { padding-top: 20px;}
.user-info-text.w-100.ml-3 { margin-left: 0px!important;}
.select-business .container { padding: 0px;}
#chat-form button { width: auto!important; margin: 10px auto;}
#chat-form input[type="text"] { width: 100%!important;}
.chatform1-form_area .col-md-8 { width: 70%;}
.chatform1-form_area .col-md-4 { width: 30%;}
}


@media (max-width:359px){ 
    .chatform1-form_area .col-md-8 { width: 62%; }
}
@media only screen and (max-width: 575px) {

    .register-form-biz .log_pass_terms input#termss, .log_pass_terms .inf-term-flex input#terms{
        margin-top: -20px;
    }   

}

@media only screen and (max-width: 479px) {

  
}









