@media (min-width: 576px){
    .chatMainWrapper  .modal-dialog {
    max-width: 500px;
    margin: 0rem;
    margin-left: auto;
  }
}



.favouriteBtn .fa-star{
  width: 56px !important;
}
img {
  display: block;
  max-width: 100%;
  }
  .preview {
  overflow: hidden;
  width: 160px; 
  height: 160px;
  margin: 10px;
  border: 1px solid red;
  }
  .modal-lg{
  max-width: 1000px !important;
  }
  
.DownloadBtn {
  border: 1px solid #b0b0b0;
  border-radius: 200px;
  font-size: 1rem;
  padding: 0.4rem 0.9rem;
}

img.filter-green {
  margin-left: 40%;
  height: 50px;
  width: 50px;
  filter: invert(81%) sepia(80%) saturate(460%) hue-rotate(94deg) brightness(90%) contrast(93%);
}

img.filter-green_admin {
  height: 35px;
  width: 35px;
  filter: invert(81%) sepia(80%) saturate(460%) hue-rotate(94deg) brightness(90%) contrast(93%);
}

img.tiktok_icon {
  margin-left: 90%;
  height: 22px;
  width: 25px;
  filter: invert(81%) sepia(80%) saturate(460%) hue-rotate(94deg) brightness(90%) contrast(93%);
}

.buttonOutline {
  text-transform: uppercase;
  text-align: center;
  border-radius: 300px;
  border: 1px solid #27debf;
  padding: .3rem;
  color: #27debf;
}
.reportBtn:hover,
.reportBtn:focus {
  background-color: #27debf;
  color: #fff!important;
}
input.Error + span:before , input.Error, select.Error {
  border: 1px solid red;
}
.savecampaign, .exitcampaign{
    border-radius: 10%;
}
#demo-frame > div.demo { 
  padding: 10px !important; 
};

.disabled{
  pointer-events: none;
  cursor: default;
}

.fc-primary {
  color: #27debf;
}
.bgGrey {
  background-color: #efeff6;
}
.primarybtn {
  min-width: 120px;
  padding: 0.5rem 1rem;
  background-color: #27debf;
  color: #fff;
  text-transform: uppercase;
  border-radius: 99px;
}
:before,
*:after {
  box-sizing: border-box;
}

:before,
*:after {
  box-sizing: border-box;
}
.top-button {
  padding-right: 20px;
}

.publishedBtn {
  padding: .3rem .4rem;
  border-radius: 2.3rem;
  background-color: #d1fff7;
  color: #28c4aa;
  text-transform: uppercase;
  font-size: 87%;
}

#disableSelect {
  background-image:none;
  background-color: transparent;
  border: none;
}

.visualDirection {
  width: 275px;
  background-repeat: no-repeat;
  margin: .5rem;
  padding-top: 275px;
  background-size: cover;background-position: center;
}


.fabutton {
  background: none;
  display: flex;
  padding: 0px;
  border: none;
}

.fabutton .fa-instagram{
  font-size: 1.2rem;
}


.buttonOutline {
    text-transform: uppercase;
    text-align: center;
    border-radius: 300px;
    border: 1px solid #27debf;
    padding: .3rem;
    color: #27debf;
}

.buttonOutlinegrey{
    text-transform: uppercase;
    text-align: center;
    border-radius: 300px;
    border: 1px solid grey;
    padding: .3rem;
    color: grey;
}

.publishedText p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 83%;
}

/* .card-body div.reportBody:target{
  display: block;
}

.card-body div.reportBody{
  display: none;
} */

.btnGrey {
  background-color: #f1f1f1;
  color: #000;
}

.brandname {
  min-width: 264px;
}
.dashboard-header .navbar {
    border-bottom: 1px solid #27DEBF; 
}

/* .navbar{
    border: 1px solid #27DEBF; 
} */

.navbar-brand{
    color: #27DEBF;
}
.nav-left-sidebar{
    padding-top: 15px;
    background-color: white;
    border: 1px solid #27DEBF;
    border-bottom: #27DEBF;
}
.d-xl-none {
    /* background-color: #27DEBF; */
}
.navbar-nav {
    color: #000;
}
.menu-list{
    color: #000;
    overflow: hidden;
}

/* .indent{
  text-indent: 10%;
} */

.dashboard-ecommerce{
    padding: 15px 15px;
    /* border: 1px solid #27DEBF; */
}
.nav-item{
    background-color: white;
   
}
.top-button{
    padding-top: 10px;
}
.btnCreate {
  background-color: #27debf;
}

#slider label {
  position: absolute;
  width: 100px;
  margin-top: 20px;
  margin-left: -10px;
  text-align: center;
}


.ui-slider-range{
    background-color: #27DEBF !important;
}

.btnCreate {
    background-color: #27DEBF;
}
.btnSave{ background-color: #27DEBF;}
.btnExit{
    background-color:   #808080;
    border-top: transparent;
}
.btnExit:hover{
   background-color:#696969;
}
.btnExit:focus{
    background-color: transparent;
}
/* .img{
    height: 80px;
} */

img {
  max-width: 100%;
}


.ProfileImg {
  width: 100%;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding: 0 0 60%;
  cursor: pointer;
}
.ProfileImg h3 {
  color: white;
  position: absolute;
  background-color:#27debf;
  border-radius: 3px;
  font-size: 10px;
  width: auto;
  height: auto;
  line-height: 100%;
  letter-spacing: 0.1rem;
  left: 30px;
  top: 30px;
  text-align: center;
  padding: 6px 15px;
}
.profileStatus {
  font-size: 15px;
}
.profileName {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.profileName h5 {
  background-color: #27debf;
  border-radius: 8px;
  width: 60%;
}
.text-muted {
  text-align: center;
  font-size: 20px;
}
.card i {
  color: #000;
  float: right;
}
.profileName h5 {
  background-color: #27debf;
  border-radius: 3px;
  width: 60%;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

.CampaingForm input[type="checkbox"] + span {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    position: relative;
    border: 2px solid #83817b;
    border-radius: 100%;
}
.CampaingForm input[type="checkbox"]:checked + span::after {
    background: #27DEBF none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px;
}
.CampaingForm input[type="checkbox"] {display: none;}

.CampaingForm input[type="radio"] + span {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    position: relative;
    border: 2px solid #83817b;
    border-radius: 100%;
}
.CampaingForm input[type="radio"]:checked + span::after {
    background: #27DEBF none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px;
}


.CampList {padding: 0; margin: 0; width: 100%;}
.CampList li { width: 100%; margin: 0 0 10px; display: block;}

.form-group{width: 100%; display: flex;}

/* Login Css */

.splash-container{
    display: flex;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
/* regestration form */
.register{
    display: flex;
}

/* brief style */
.addNote{
    display: flex;
    align-items: center;
}
.card i{
    color: #27DEBF;
}

.grey{
color: grey !important;
}

.themecolor{
    color: #27DEBF !important;
}


.SubmissionCardBody span.icon {
  position: absolute;
  right: 0;
}
.SubmissionCardBody  .icon i {
  color: #fff;
}


.addNote input{
    width: 90%;
    border: none;
}
.subbissionbtn{                              /*button*/
    border-color: #8c918f;
    color: #212423;
}
.subbissionbtn:hover{
    background-color:#677a73;
    border-color: transparent;
}   
.subbissionbtn:focus{
    background-color: #414544;
    border-color: transparent;
}                                        
.addedNote{
    display: flex;
    align-items: center;
    margin-bottom: .7rem;
}
.addedNote p{
    padding-left: 15px;
}
.dontNote {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
}
.dontNote i {
  min-width: 40px;
    color: #ff0000;
    font-size: 1.3rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 4px #dcd4d4;
}
.dontNote p{
    padding-left: 15px;
}
.dontNote  i{
    color: rgb(231, 64, 64);
}
.dontsNote{
    display: flex;
    align-items: center;
}
.dontsNote input{
    width: 90%;
    border: none;
}
.dontsNote i{
    color:rgb(231, 64, 64) ;
}

/* social media channel */

.socialMedia{
    display: flex;
    justify-content: space-between;
}
.addMedia{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.addMedia input{
    width: 90%;
    border: none;
}

.CampaingForm .form-control {
  line-height: 2.3rem;
}
.submissionType {
  margin-top: 10px;
}
.submissionType p{
    padding-top: 10px;
}
.addMedia .btn {
    padding: 0;
  
}
.socialMedia h4 {
    font-size: 1.6rem;
    color: #27debf;
}
.addTag {
    margin-top: 20px;
}
.CampaingForm {
  margin-top: 1rem;
  padding-bottom: 2rem;
}
.details{
    margin-top: 20px;
}
.input2{
    margin-left: 15px;
    margin-top: 10px;    
}
.socialMedia .btn {
    padding: 0;
}
.addMedia .btn:focus {
  box-shadow: none;
}

/* budget section */
.budgetHead{
    display: flex;
    justify-content: space-between;
}
.targetAudience {
  text-align: center;
}
.form-floating{
    text-align: center;
}
.genderSection{
    margin-top: 20px;
}
.slider{
    width: 70%;
}

.RangeSliderFirst{
    padding-left: 10px;
    width: 70%;
}
.budget{
    padding-left: 10px;
    margin-top: 20px;
}
.creator{
    text-align: center;
}
.heade3 {
  text-align: center;
}
/*button*/
.ageSelect {
  background-color: grey;
  border-color: transparent;
}
.ageSelect:hover{
    background-color:   #c6c6c6;
    border-color: transparent;
}
.ageSelect:focus{
    background-color: #c6c6c6;               
    border-color: transparent;
}
.genderSelect{
    border-color: #8c918f;
    color: #212423;
}
.genderSelect:hover{
    background-color:#677a73;
    border-color: transparent;
}    
.genderSelect:focus{
    background-color: #414544;
    border-color: transparent;
}  

/* brand section */
.brandHead{
    width: 100%;
    text-align: center;
    align-items: center;
}
.brandIncons{

width: 100%;
}

.brandIncons i{
    color: #000;
    padding: 10px;
}
.brandsec{
    width: 100%;
}
.brandingImg{
    text-align: center;
    width: 100%;
}
.addedNote i {
  min-width: 40px;
    color: #27DEBF;
    font-size: 1.3rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 4px #dcd4d4;
}

/* influencer section */
.effects h5 {
  background-color: #27debf;
  border-radius: 3px;
  width: 30%;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.followerCount {
  display: flex;
  justify-content: space-around;
}

img.card-img-top.personProfileCover {
    width: 100%;
    min-height: 148px;
}
.profileAvtar {
    width: 5rem;
    height: 5rem;
    min-width: 4rem;
    min-height: 4rem;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-top: -2.9rem;
    display: inline-block;
    border: 6px solid #fff;
  
  } 
  span.bookMark {
    margin-left: auto;
    margin-right: .5rem;
    margin-top: 0.2rem;
    display: block;
}
.profileSmallBtn {
  padding: 0.2rem 0.3rem;
  font-size: 0.7rem;
  color: #fff;
  background-color: #27debf;
}
.profileEngagementsInner h5 {
    margin-bottom: 0;
    color: #5a5a5a;
    
}
.profileEngagementsInner {
    margin-right: 2rem;
}
.profileEngagementsInner h5:nth-child(2) {
  font-weight: 500;
  color: #000000;
}
.personProfileCard {
    padding-bottom: 2rem;
    position: relative;
}
.bottomAnalyticsItem span {
    font-size: 81%;
}
.bottomAnalyticsItem {
  padding: 0 0.5rem;
  border-right: 0.5px solid #d6d4d4;
}
.bottomAnalyticsItem span.text-muted {
    padding-left: 0.3rem;
    font-size: 88%;
}
.bottomAnalyticsItem span {
    color: #000;
}
span.flagAnalytics::before {
  content: "";
  width: 15px;
  height: 14px;
  background-image: url(../css/images/flag-usa-250.png);
  left: -1px;
  top: -2px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
span.flagAnalytics {
  position: relative;
}
span.flagAnalytics {
  padding-left: 1.05rem !important;
}

.profileCardBottomBtnGrp {
    border: 1px solid #27debf;
    position: absolute;
    bottom: -50px;
    background-color: #ffffff;
    left: -50%;
    right: -50%;
    width: 62%;
    margin: auto;
}
span.btn.profileCardBottomBtn {
    font-size: 1.5rem;
}
.SubmissionCardAvatar {
    border-radius: 100%;
    width: 2.4rem;
    height: 2.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fefefe;
    border: .2px solid #00000005;
}
.SubmissionCardBody {
  position: relative;
  overflow: hidden;
  max-height: 270px;
  width: 100%;
  padding-top: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
}

.SubmissionCardBody1 {
  position: relative;
  overflow: hidden;
  max-height: 270px;
  width: 100%;
  padding-top: 100%;
  background-color:#f3f3f3;
}

.SubmissionCardBody1 span.icon {
  position: absolute;
  right: 0;
}
.SubmissionCardBody1  .icon i {
  color: #fff;
}
.SubmissionCardBody1 img {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.postDetailRightDetail .SubmissionCardBody1 {
    min-height: 280px;
    overflow-y: scroll;
}

.SubmissionCardBody1 span.icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.SubmissionCardBody1 .video {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: inline-block;
}

.SubmissionCardBody1  .icon i {
  color: #fff;
}

.postDetailRightDetail .SubmissionCardBody1 {
  min-height: 280px;
  overflow-y: scroll;
  padding-top: 0;
}

.SubmissionCardBody img {
  position: absolute;
  top: 0;
  /* width: 100%; */
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.SubmissionCard i {
  float: none;
}
.SubmissionCardFooter {
  align-items: center;
    padding: 1rem;
    padding-bottom: .5rem;
}
.SubmissionIcon span {
    width: 34px;
    height: 34px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px #c4c4c4;
}
.SubmissionIcon span:last-child {
  margin-left: 0.7rem;
}
.SubmissionCardHeader,
.anltyticIcon {
  padding: 0 1rem;
}
.mainLoginPage > h2 {
  color: #27debf;
}
.loginMainImg img {
  width: 322px;
}
.loginMainImg {
    margin: 3rem 0rem;
}
.mainLoginPage {
    padding: 5rem 0rem;
    padding-bottom: 2rem;
}
.coverOverviewCover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 373px;
  position: relative;
  min-height: 350px;
}
.perviewEditHeader{
    padding: 1rem;
    font-size: 1.5rem;
}
.overviewCoverAvtar {
    position: absolute;
    width: 8rem;
    height: 8rem;
    height: 8rem;
    border-radius: 1.5rem;
    border: 6px solid #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: -10%;
    left: -50%;
    right: -50%;
    background-color: #fff;
    box-shadow: 0px 0px 5px 3px #adadad2e;
    box-sizing: border-box;
}
.previewDataSec ul li {
  margin-bottom: 0.4rem;
}
.previewDataSec h4 {
  margin-bottom: 0.5rem;
}
.PreviewCraousalImg {
    box-shadow: 1px 1px 6px #0000004f;
}
.previewDataSec button.btn.btnGrey {
    margin-right: 0.5rem;
}
span.dotMenus i {
    font-size: 1.2rem;
    color: #c1c1c1;
}
.campaignMadeIm{  background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 312px;
    box-sizing: border-box;
    border: .5px solid rgb(247 245 245);
}
h2.campaignMadeCardHeading {
    font-size: 2rem!important;
    text-align: center;
}
.SortByMenu .dropdown-toggle::after {
  display: inline-block;
  width: 1rem;
  height: 0.7rem;
  vertical-align: middle;
  content: "";
  background-image: url(../css/images/menu.svg);
  background-size: cover;
  margin-left: 0.5rem;
  background-position: center;
  border: none;
  margin-top: -0.1rem;
  opacity: 0.5;
}
.SortByMenu .dropdown-menu {
    min-width: 17rem;   
}
.filterDropdown select {
  padding: 0.5rem 1rem;
  background-image: none;
  height: auto;
  background-color: #27debf;
  color: #fff;
  border: 0;
  text-align: center;
  border-radius: 0.3rem;
  max-width: 172px;
  text-transform: capitalize;
}
.filterDropdown .btn {
  min-width: 100px;
  padding: 0;
}
.personProfileCard .card-body {
  position: relative;
}
.influencerProfileHead + ul li.list-group-item {
    color: #000;
    font-size: 1.2rem;
}
.creatorBioData {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    text-align: center;
    color: #656565;
}
.creatorBioData h3 {
    color: #363636;
}
.influencerProfileHead {
  position: relative;
}

span.lockIcon {
    background-image: url(../css/images/padlock.svg);
    width: 1rem;
    right: 3%;
    background-size: cover;
    position: absolute;
    top: -50%;
    margin: auto;
    bottom: -50%;
    height: 1rem;
    opacity: 0.5;
    background-position: center;
    opacity: .1;
  }
span.moreInfoIcon {
  background-image: url(../css/images/info.svg);
  width: 1rem;
  right: 3%;
  background-size: cover;
  position: absolute;
  top: -50%;
  margin: auto;
  bottom: -50%;
  height: 1rem;
  opacity: 0.5;
  background-position: center;
}
.creatorRightBio {
  border: 1px solid rgb(170, 170, 170);
}
.creatorBioData p {
    font-size: 1.1rem;
} 
.chatMainWrapper .modal-content {
  height: 100vh;
}
.chatMainFooter img {
  width: 1.1rem;
  opacity: 0.5;
}
.chatMessage {
  padding: 1.9rem .8rem;
  background-color: #efeff6;
  border-radius: 0.8rem;
  width: 80%;
  margin-bottom: 0.8rem;
  word-break: break-all;
  display: flex;
  flex-direction: column;
}
.adminMessage{margin-left: auto !important;}
.chatTime{position: absolute;bottom: 2%;right: 2.50%;font-size: .8rem;color: #bfbfbf;}
.userName {
  position: absolute;
  top: 2%;
  left: 2.50%;
  font-size: 1rem;
  color: #5969ff;
}
.chatMessage {position: relative;}

.navMembers {
    position: absolute;
    width: 173px;
    left: -8%;
    top: 99%;
    box-shadow: 0px 3px 3px #0000004a;
    z-index: 139;
    display:none;
}
.relative{position:relative;}
/* .submember:hover + .navMembers{display:block!important;} */

.postDetailLeftContainer img {
    width: 100%;
    max-width: 647px;
}
.postDetailRightDetail .SubmissionCardBody {
    min-height: 280px;
    overflow-y: scroll;
}
.postDetailLeftContainer {
  /*background-image: url(../css/images/img2.jpeg);*/
  background-position: center;
  background-size: cover;
  height: 444px;
}

.modal-footer.chatMainFooter button {
    background: transparent;
    border: none;
}

.submissionItems {
  display: flex;
  background-image: url(../css/images/workout1.png);
  width: 9rem;
  height: 9rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0.5rem;
  align-items: flex-end;
}
span.icon {
  font-size: 2rem;
  color: #fff;
  margin: 0.5rem;
}
.bottomDec {
  margin: 0.5rem;
}
.reportButtons {
  margin: 2rem 0;
}
.reportBody {
  padding: 1.5rem 0;
  border-top: 1px solid #27debf;
}
.datDiv p,
.datDiv h2 {
  margin-bottom: 0;
}
.datDiv h2 {
  font-size: 1.9rem !important;
  margin-top: 0.3rem;
  color: #27debf;
}
.detailCommonTable {
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.table thead th,
.table th {
  color: #707070;
  font-family: inherit;
  background-color: #f4f5f4;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
}
.tdImg {
    width: 4rem;
    height: 4rem;
    /* background-image: url(../css/images/img2.jpeg); */
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    border-radius: .3rem;
    display: flex;
    align-items: flex-end;
 
}
.tdImg span.icon i{   color: #fff!important;}
.tdImg span.icon {
    font-size: 1rem;
    margin: 0.5rem;
}
.publishedContent {
    display: flex;
    align-items: center;
}
.tdDetails {
    margin-left: 0.5rem;
}
.tdDetails h5{margin-bottom:0;}
.tdDetails p{padding: 0 0rem; display: flex;align-items: center;}
.tdDetails p:before {
    content: '';
    width: .9rem;
    height: .9rem;
    display: inline-block;
    margin-right: .2rem;
    background-image: url(../css/images/instagramm.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .7;
}
.tdDetails p:after {
    content: '';
    width: .5rem;
    height: .7rem;
    display: inline-block;
    margin-left: .4rem;
    background-image: url(../css/images/right.svg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    opacity: .4;
    transform: rotate(-45deg);
}
.analtyticsPic{width: 4rem;margin: 1rem;}
/***************************************loder**************************************************/
@keyframes ldio-sjs43shiysa {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-sjs43shiysa div {
  position: absolute;
  width: 3rem;
  height: 3rem;
  border: 12px solid #27debf;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-sjs43shiysa div {
  animation: ldio-sjs43shiysa 1s linear infinite;
  top: 100px;
  left: 100px
}
.loadingio-spinner-rolling-1kx1bbxg0tp {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: rgba(NaN, NaN, NaN, 0);
}
.ldio-sjs43shiysa {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-sjs43shiysa div { box-sizing: content-box; }
.loderScreen {
  width: 100%;
  height: 100vh;
  background-color: rgb(0 0 0 / 46%);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2071;
  display: flex;
  justify-content: center;
  align-items: center;
}
/***************************************loder*ends*************************************************/
.profileContactDetails .form-group{display: block;padding-bottom: .7rem;}
#disableSelect {
  background-image:none;
  background-color: transparent;
  border: none;
}
.card.profileContactDetails {
  padding: 4rem 0;
}
.profileContactDetails select.form-control:not([size]):not([multiple]) {
  height: calc(2.6rem + 2px);
}
.profileContactDetails form .form-control {
  line-height: 1.8rem;}
.profileContactDetails label {
    color: #b3b4ba !important;
    border: none !important; 
}
.privacy {
  color: #4f4f4f !important; 
}
.newMemberlist .small,.newMemberlist small {
  font-size: 80%;
  display: block;
  font-weight: 400;
  margin-top: -2px;
}
.GreenCheck::before {
  content: '';
  background-image: url(../css/images/Greencheck.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3rem;
  height: 2rem;
  vertical-align: middle;
  display: inline-block;
  margin-right: .3rem;
}
p.GreenCheck{margin-top: 0;margin-bottom: .5rem;}
.avoidImg{ background-image: url(../css/images/avoid1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15rem;
  height: 15rem;
  box-shadow: 0px 0px 7px #0000001a;
}
.avoidImg2{ background-image: url(../css/images/avoid2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15rem;
  height: 15rem;
  box-shadow: 0px 0px 7px #0000001a;
}


.logoRequirementsMain{width: 100%; max-width: 640px; margin: 0 auto;background-color: #ffffff;border-radius: .4rem;}
.SubmissionCardBody span.icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.SubmissionCardBody .video {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: inline-block;
}
.SubmissionCard {
    height: 93%;
}

.SubmissionCardBody  .icon i {
  color: #fff;
}
section.lanceseRequest {
  text-align: center;
  background-color: #fff;
}
.licenseIcon img {
width: 100%;
margin-right:5%;
}
.licenseIcon {
  box-shadow: 2px 1px 9px #0000002b;
  border-radius: 100%;
  max-width: 12rem;
  height: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

h2 {
  font-size: 1.8rem;
  line-height: 2rem;
}
.light-text {
  color: #bcbcbc;
}
.licensePic {
  /*background-image: url(../css/images/avoid2.jpg);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 5rem;
  width: 5rem;
  box-shadow: 1px 1px 4px #00000030;
  border-radius: 100%;
  /* background-color: red; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.promoteAdPic{
  background-image: url(../css/images/avoid2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  box-shadow: 1px 1px 4px #00000030;
  background-color: rgb(177, 167, 167);
  display: flex;
  align-items: center;
  justify-content: center;
}
.licenseSubT{display: flex;color: #000;
justify-content: space-between;padding-bottom: .5rem;
border-bottom: .5px solid #f2eded;}
.licenseGrandT{display: flex;justify-content: space-between;font-weight: 800;color: #000;padding: .5rem 0rem;}
.lightBulbIcon {
  padding: 1.5rem;
  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: #ffda8c;
  border-radius: 100%;
  color: #5c5c5c;
}
.publishedText p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 83%;
}
.exVatMain {
  padding: 0.8rem 1rem;
  padding-bottom: 0;
  justify-content: space-between;
}
span.resub {
  position: absolute;
  left: 4%;
  top: 6%;
  background-color: #ffffff;
  padding: .2rem .4rem;
  border-radius: 133px;
  font-size: 76%;
  text-transform: uppercase;
}

.postUpperText {
  padding-bottom: .5rem;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: .8em;
}
.FillPrice {
  font-size: 1.3rem;
  display: flex;
  padding-bottom: .3rem;
  border-bottom: 1px solid #cecece;
}
.FillPrice input[type="text"]:focus{outline: none;}
.nav-left-sidebar {overflow: scroll;}
.filterDropdown option{background-color: #fff; color: #000;margin-bottom: .5rem; font-size: 1rem;}
.campaignName{font-size: 1.5rem;}
.budget .addedNote i {
  min-width: 1.5rem;
  height: 1.4rem;
  font-size: .9rem;
  width: 1.5rem;
}
.budget .addedNote {
  margin-bottom: .2rem;
}
.select2-container .select2-selection--multiple{overflow-y: scroll;
  min-height: 41px!important;max-height: 41px!important;

}

  .select2-container .select2-selection--multiple ::-webkit-scrollbar {
    width: 2em!important;
    height: 2em!important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice{display:flex!important;background-color: #27debf!important;color: #fff;}
  .nav-left-sidebar .submenu {
    padding-left: 0px;
    padding-right: 0px;

}
.nav-left-sidebar .navbar {
  padding: 0px;
}
/*********************resposive*********************************/
@media (min-width: 576px) {
  .chatMainWrapper .modal-dialog {
    max-width: 500px;
    margin: 0rem;
    margin-left: auto;
  }

}

/*********************resposive*********************************/
.nav-left-sidebar .menu-list{    min-height: 980px;}

.LogoutFixed {position: fixed;  left: 15px;  bottom: 15px;}
#navbarNav  {padding-bottom: 60px !important; }



/*influencer web css*/
.registerSection .heroImg {  margin: 4rem auto;}
.registerSection .card-body{padding-bottom: 4rem;}
.registerSection .btnLgPrimary{margin: 4rem auto 2rem auto;;}
.registerSection .card-body .small{font-size: 88%;}
.registerInfluencer form .form-group{display: block;}
.registerInfluencer form label{width: 100%;text-align: left;}
.registerInfluencer form input[type=checkbox], .registerInfluencer form input[type=radio] {  box-sizing: border-box;  padding: 0;  display: inline-block!important;}
.CampaignSearchBar input.form-control {  border-radius: 10rem;  background-color: #fff;  line-height: 2.4rem;  font-size: 1.03rem;}
.CampaignSearchBar span#my-addon {  border-radius: 0 46rem 46rem 0;}
.InfCampaignHead {justify-content: space-between;}
.Description{justify-content: space-between;margin-top: 1rem;}
.imgWrapper {
  background-repeat: no-repeat;
  background-size:cover; 
  max-width: 380px;   
  padding-top: 100%;  
  width: 100%; 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding: 0 0 60%;
}
.imgWrapper .menuDot {  color: #fefefe;  border-radius: 1rem;  position: absolute;  bottom: 1px;  right: 11px;}
.menuDot i{color: #fff!important;}
 .InfCampaignHead {  justify-content: space-between;align-items: center;  position: absolute;  margin: auto;  width: 100%;  left: -50%;  right: -50%;  padding: .5rem 1.7rem;  top: 2%;  color: #fff;
}
span.favouriteBtn {  font-size: 1.3rem;}
.Description  h6{margin-bottom: 0;font-size: 1.1rem;}
.Description span{font-size: 1.1rem; margin-left: .4rem;}
span.applyBtn {  padding: .3rem 1rem;  background-color: #27debf;}

.btnLgPrimary{
display: block;
max-width: 333px;
margin: auto;
background-color: #395795;
color: #fff;
font-size: .9rem;
padding: 1rem;
border-radius: 29rem;
width: 100%;
}

/**************************latest**css**************************************/
.selectCategory li {
  padding: .5rem 1rem;
  padding-right: 0;
  font-size: .9rem;
}
.nav-user-info {  background-color: #27debf;}
.list-footer, .conntection-footer {  background-color: #27debf;}

.btnLgPrimary {
  display: block;
  max-width: 333px;
  margin: auto;
  background-color: #395795;
  color: #fff;
  font-size: .9rem;
  padding: 1rem;
  border-radius: 29rem;
  width: 100%;
}
/***************common-color***************************/
.fc-blueBTN{background-color: #395795;}
/***************common-color*end**************************/
.BgPrimary {
  background-color: #27debf;
}

.SubTypeCommon {
  height: 2.5rem;
  width: 2.5rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.postIcons{display: inline-flex;}
.postIcons a {
  font-size: 1.5rem;
  margin: 0 0.4rem;
}
.PostIcon{background-image: url(../images/plus.svg);}
.tileCard {  margin-bottom: 2rem;}
.tileCard h6{font-size: 1rem;  margin-bottom: -0.1rem;}
.tileCard .text-muted {  font-size: inherit;  color: #c1c1c1!important; text-align: inherit;}
.caroselIcon{background-image: url(../images/carousel.svg);}
.storyIcon{background-image: url(../images/storyIcon.svg);}
.ConnectAccount:before {  content: '+';  display: inline-block;  padding: 0 0.4rem;  border-radius: 50%;  box-shadow: 0rem 0rem 0.3rem #e8e1e1;  margin-right: .3rem;}
.createSubmitUpload input[type=file]{ display: none;}
.createSubmitUpload{max-width: 448px; width: 100%;}
.createSubmitUpload label {padding-top: 50%;padding-bottom: 50%; position: relative; margin: 1rem 0; background-color: #e2e2e2!important;  max-width: 448px; max-height: 448px;  display: flex;justify-content: center;  align-items: center;  opacity: 1; }
.createSubmitCam{}
.CreateSubmiteCampaign textarea {resize: none;}
.CreateSubmiteCampaign textarea::placeholder{color: rgb(194, 194, 194)!important;}
.createSubmitUpload i {  color: #00000070;}
.createSubmitUpload .closeIcon {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  background-color: #fff;
  padding: .5rem;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0.5rem #524e4e7d;
  right: 8%;
  top: 11%;
}
.avtarimg {
  background-image: url(../images/avatar-1.jpg);
  width: 3rem;
  height: 3rem;
  border-radius: 18%;
  margin-right: .7rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.PostHeader  h3{margin-top: -0.2rem;}
.createSubmitCam{/*background-image: url(https://source.unsplash.com/user/erondu/900x900);*/ background-size:cover;background-repeat: no-repeat;}
.postAR{aspect-ratio: 1/1;}
.StoryAr{aspect-ratio: 9/16;}
.createSubmitCam .icon {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
}
.createSubmitCam .icon i {
  color: #fff;
}
span.socialicon {
  font-size: 3rem;
  color: #27debf;
}
.addSocialAccount .btn {
  color: #fff!important;
}
.SubmissionCardHeader{position: relative;}

.postDetailRightDetail .SubmissionCardBody {
  min-height: 280px;
  overflow-y: scroll;
  padding-top: 0;
}
/*********************resposive*********************************/
@media (min-width: 576px) {
  .chatMainWrapper .modal-dialog {
    max-width: 500px;
    margin: 0rem;
    margin-left: auto;
  }
}
.card{height: auto;}
.ConnectAccountList {
    position: absolute;
    max-width: 355px;
    z-index: 222;
    width: 100%;
    background-color: #fff;
}
/*********************resposive*********************************/
.publishBtn .btnLgPrimary  {margin: 0 auto !important; }
.imageProfileCom {background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; width: 50px; height: 50px; border-radius: 100%;}
.commentsNew {display: flex;  align-items: center; margin: 0 0 10px; }
.commenterName {font-size: 14px; color: #222; }
.commentToComment {display: flex; align-items: center;}
.toCommentName {color: #222; font-weight: bold; font-size: 16px;  margin-right: 5px;}
.commentTo {font-size: 14px; color: #222; line-height: 20px; }
.imageProfileCom {margin-right: 10px;} 
.commentsNew.right {justify-content: right; }
.commentNameTobox { float: left;}
.commentBoxsCont {display: block; padding: 10px 10px; }
.commentNameTobox {padding: 10px; border-radius: 10px; background: #fff; }
.commentBoxsCont {margin: 0 0 10px;}
.chatReplyCont textarea{ width: 100%; height: 60px; border-radius: 5px; border:1px solid lightslategrey; outline: none !important; padding: 10px;}
.chatReplyCont  {padding: 10px; margin: 0 0 10px;  }
.chatReplyCont  .replyName{ font-weight: bold; color: #222; margin: 0 0 5px;}

#CommentPost h2 {font-size: 20px;} 
.messages {height: calc(100vh - 259px);
  overflow: hidden;
  overflow-y: auto;}
  
  .slimScrollDiv {overflow: inherit !important;}

  
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #ccc;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #ccc;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
}
.reportBtn {
  display: inline-block;
  background-color: #f2f2f2;
  border-radius: 0.3rem;
  font-size: 1.1rem;
  padding: 0.5rem 1rem;
  margin: 0.3rem 0.2rem;
  cursor: pointer;
}
.reportactive{
  background-color: #27DEBD!important;
  color: #fff !important;
}
.slider { width: 60px;}
.toggleBtn {float: right;  margin-top: -40px;}
/* input + .slider:after {content: '%      #'; line-height: 40px;
color: #fff;} */

.slider.round:before {content: '%'; background: #27debf; text-align: center; line-height: 30px; color: #fff;}
input:checked + .slider:before {content: '#'; }
.toggleBtn {line-height: 40px; color: #c1c1c1; }

.profileName h5  { width: 100%; max-width: calc(100% - 86px); text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding: 0 5px;}
.instagramAlertBox textarea {width: 100%; padding: 10px; border: 1px solid #d2d2e4 !important; outline: 0 !important; box-shadow: none !important;}
.instagramAlertBox  .BgPrimary {border-radius: 29rem !important; border: 0;     background-color: #27debf !important; outline: 0 !important; box-shadow: none !important; }
/* .influence-finder button.btn.publishBtn {border-radius: 29rem !important; border: 0;     background-color: #27debf !important; width: auto;} */
.influence-finder button.btn.publishBtn {border-radius: 29rem !important; border: 0;     background-color: #27debf !important; width: 100%;padding-bottom: 6%;}
.InflunBg {background-size: cover; background-position: top center;}
.InflunBg img {opacity: 0;}
img.card-img-top.personProfileCover {    min-height: 230px;}
.profileEngagementsInner h5 {white-space: nowrap;}
/* .profileCardBottomBtnGrp {width: 73%;} */ .profileCardBottomBtnGrp {width:fit-content;}
.bottomAnalytics  {justify-content: space-between; }
.reportLayoutWrapper  i {float: none; display: inline-block; }
.editMenu {  font-size: 1.2rem;  color: #c1c1c1;}

/***********************************************Akshay responsive **************************************************************************/
@media (max-width:767px) {
  .nav-left-sidebar .menu-list{min-height: auto!important;}
  .dashboard-header .navbar{width: 100%;}
  
}
/***********************************************responsive queries**************************************************************************/

/* akshay css */
.influencerSubmHead{
  font-size: 15px;
}
/* akshay css */
.InfCampaignHead input.applyBtn {  padding: .3rem 1rem;  background-color: #27debf;  border: 0;  color: #fff;}
/* .buttonOutline.PromoteAD {  position: absolute;  bottom: 90px;  color: #fff!important;  background-color: #00000059;  font-size: 0.7rem;  padding: .3rem .5rem;} */
.logoIMG {  max-width: 130px;} 
#thnaksForApplyModel img.thanksIMG { max-width: 265px; width: 100%;}
.adminPersonCard .profileCardBottomBtnGrp {  bottom: -23px;}
.linkSocialAcc {  background-color: #fff;}
.chatTitle {  position: absolute;  top: 58px;  left: 0;  right: 0;  z-index: 2;}

.createSubmitUpload video.video {  width: 100%;}
.row.submissionsMainRow {  justify-content: space-around;}
 
@media (max-width: 992px){  .submissionsMainRow [class*="col-md-6"] {  -ms-flex: 0 0 47%;   flex: 0 0 47%;   max-width: 47%;  }}
@media (min-width: 768px){  
  .submissionsMainRow [class*="col-md-4"] {  -ms-flex: 0 0 31%;  flex: 0 0 31%;  max-width: 31%; }
  .row.submissionsMainRow{justify-content: start;}
  .influecerSideBarRes{
    min-height: auto !important;
  }
}
@media (min-width: 992px) {    .submissionsMainRow [class*="col-lg-4"] {  -ms-flex: 0 0 31%;   flex: 0 0 31%;   max-width: 31%;  }  .row.submissionsMainRow{justify-content: start;}}
@media (min-width: 1200px) {    .submissionsMainRow [class*="col-xl-3"] {  -ms-flex: 0 0 23%;  flex: 0 0 23%;  max-width: 23%; }}

.pendingContentHead{
  font-size: 0.93rem;;
}

.navbar-nav .nav-link.disabled  { pointer-events: none; cursor: default; }
.LoginEmail {background: #27debf; color: #fff;border-radius: 29rem;display: block;
  max-width: 333px;font-size: .9rem;
  padding: 1rem;
  border-radius: 29rem;
  width: 100%;
  border-color: #27debf !important;
  margin: 4rem auto 2rem auto;}

  .btn-google {
    color: #545454;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 1px #ddd
}
.btn-google {display: flex; width: 100%; border-radius: 29rem;     max-width: 333px; justify-content: center; margin: 0 auto 20px;}
.btn-google img {width: 19px; margin-right: 10px;}
.BgPrimary {color: #fff;}
.skipDone {float:right;  }
.skipDone  a {margin-left: 15px;}
/* .buttonSkipLearn {display: flex; padding: 0 3rem; align-items: center;} */
.linkLearnMore {color: #27debf; text-decoration: underline;}

.CoonectLogo{display: block;height: 92px; width: 100%;margin: auto; margin-bottom: 2rem;}
section.connectSocialAccount {  margin-top: 4rem;}
section.connectSocialAccount h4 { color: #27debf;}
.centerText {text-align: center; display: block; margin-bottom: 30px;}
.centerText  img {display: inline-block;}
.LearnPage p { margin-bottom: 20px; font-size: 16px;}

.border-line {
  border-right: 1px solid #EEEEEE
}



.line {
  height: 1px;
  width: 45%;
  background-color: #E0E0E0;
  margin-top: 10px
}

.or {
  width: 10%;
  font-weight: bold
}

.text-sm {
  font-size: 14px !important
}
.socialLogins {text-align: center; display: flex; justify-content: center; align-items: center;}
.socialLogins > div { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%;}
.socialLogins .facebook {background: #DB4437; color: #fff;}
.socialLogins .twitter  {background: #A2AAAD; color: #fff;}
.socialLogins .linkedin  {background: #2867B2;color: #fff;}
.socialLogins i {color: #fff !important; font-size: 22px;}
.requiredSteps {text-align: center; display: block;  margin: 20px 0 40px;}
.requiredSteps a {color: #27debf; text-decoration: underline;}
.notification-list {
  height: calc(100vh - 200px);  overflow-y: auto;}
  .uploadedvideo {width:300px; height:270px}
  .instaImageView, .portraitSlider, .portraitSlider video{height: auto; width: 283px; height: 503px; margin: 0 auto;}
  .videoViewInsta {height: auto; width: 215px; height: 160px; margin: 0 auto;}
  .videoOuter {position: relative;}
  .videoOuter .playVid {position: absolute; bottom: 0; right: 0;}

  .instaCarouselView{
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-top: 0%;
  }

  .videoViewInsta1 {
    display: flex;
    /* background-image: url(../css/images/workout1.png); */
    width: 9rem;
    height: 9rem;
    /* background-size: cover; */
    background-position: center;
    background-repeat: no-repeat;
    margin: 0.5rem;
    align-items: flex-end;
}
  /* .oneByoneMain {
    width: 100%;
}
.postDetailLeftContainer.oneByOne img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    object-fit: contain;
}

.oneByOne {
    width: 100%;
    padding-top: 100%;
    position: relative;
} */

.horizontalPost {height: auto;}
.OneByOnePost  {height: auto;}
.horizontalPost video {width: 100%;}
.verticalPost  {width: 100%;}
.verticalPost  video {width: 100%;}
.CarouselSlider video {width: 100%; height: 100%;}
.CarouselSlider {height: auto;}
.newMessage {display: none;}
.active {position: relative;}
.active .newMessage {position: absolute;
  box-shadow: none;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: red;
  right: -8px;
  top: -6px;
  padding: 2px;
  color: #fff;
  font-size: 12px;}

  .paymentCard{
    padding: 29px;
  }
  .paymentCard h2{
    margin-bottom: 23px;
    color: grey;
  }
  .paymentCard select{
    width: 100%;
    padding: 11px;
    border: 1px solid #e5e5e5;
  }
  .topPaymentProcess{
    display: flex;
    justify-content: space-between;
  }
  .topPaymentProcess::after{
    content: "";
    position: relative;
    border-bottom: 1px solid red;
  }
  .topPaymentProcess .process .FirstPro .active{
    background-color: red;
    color: #fff;
    padding: 6px 27px;
  }
  .topPaymentProcess .process{
    background-color: #a8a1a1;
    padding: 4px 27px;
  }
  .headingOrder{
    border-bottom: 2px solid yellow;
    padding: 9px 14px;
  }
  .headingOrder p{
    color: #a84c4c;
    font-size: 19px;
}
.oderPoints{
  padding: 16px;
  border-bottom: 2px solid grey;
}

.oderSession{
  padding: 16px;
  border-bottom: 1px solid grey;
}
.oderSession p{
  text-align: center;
  font-size: 20px;
  color: grey;
}
.aboutSSL{
  font-size: 15px;
  margin-top: 33px;
  text-align: center;
}
.oderPoints span{
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.hashtag_video{
  position: absolute;
    top: 0;
    height: 100%;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: inline-block;
    
}

.hashtag_image{
  height: 100%;
    width: 100%;
    top: 0;
    object-fit: cover;
}