/* monitor app */
/* app css stylesheet */

button {
  box-shadow: none;
  border: 0;
  background: none;
}

.img100 {
width: 100px;
height: 100px;
}
.imgFadein{
  opacity:1;
  -moz-transition: opacity 2s; /* Firefox 4 */
  -webkit-transition: opacity 2s; /* Safari and Chrome */
  -o-transition: opacity 2s;
  transition: opacity 2s;

}

.topNav {
  line-height: 24px;
  font-size:15px;
}
.topNav .mainBrand {
  transition: all 0.2s ease;
  margin-right: 15px;
}
.topNav .mainBrand  ul {
  min-width: 200px;
  overflow: hidden;
}
.topNav .mainBrand  ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.topNav .mainBrand .campaignIcon {
  width: 46px;
  height: 46px;
  box-shadow: 2px 2px 3px -2px #eee;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.topNav .mainBrand .buttwithoutpic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.topNav .mainBrand .grad-butt {
  letter-spacing: 0;
}
.topNav .mainBrand.secondary {
  box-shadow: 0px 0 2px 1px #eee;
}
.topNav .mainBrand.secondary a.grad-butt{
  border: 0;
  color: #525352;
}
.topNav .mainBrand a.grad-butt:hover {
  opacity: 1;
}
.topNav .mainBrand a.grad-butt i.fa-angle-down {
  margin-left: 10px;
}
.topNav .mainBrand a.grad-butt i.fa-klear-dashboard {
  font-size: 13px;
  color: #A1B5C5;
}
.topNav .mainBrand .btn-group a.grad-butt img {
  width: 46px;
  height: 46px;
  box-shadow: 2px 2px 3px -2px #eee;
  vertical-align: middle;
  margin-right: 5px;
  box-sizing: content-box;
}
.topNav .companiesDropDown li img, .companies .companiesDropDown li img{
  width: 30px;
  height: auto;
  margin: 0 5px;
  border: 0px solid #f6f8f9;
  box-shadow: 0 0 4px 2px #eee;
  vertical-align: middle;
}
.topNav .companiesDropDown .nopicselection {
  display: flex;
}
.topNav .companiesDropDown .nopicselection .keywordname {
  display:flex;
  align-items: center;
}
.topNav .companiesDropDown .nopicselection .campaignIcon {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  border: 0px solid #f6f8f9;
  box-shadow: 0 0 4px 2px #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.tableColumnsDD .dropdown-menu.short > li > a {
  padding:5px 10px;
  margin: 0;
}
.tableColumnsDD .dropdown-menu.short > li > a:hover {
text-decoration: none;
color: #525352;
background-color: #F6F8F9;
box-shadow: 0 0 1px 0 #ccc;
}
.tableColumnsDD .dropdown-menu .dropdown-header {
    background: #edf1f3;
  font-weight: 500;
  color: #7d9bb6;
  font-size: 11px;
  padding: 8px 10px;
  text-align: left;
}
.tableColumnsDD .dropdown-menu .smallTitle {
  font-family: open sans;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #aaa;
  padding: 5px 10px;
  margin-top: 12px;
}
.topNav .mainBrand .dropdown-menu.companiesDropDown li:nth-child(3n), .topNav .companies .dropdown-menu.companiesDropDown li:nth-child(3n) {
  margin-right: 0px;
}
.topNav .dropdown-menu.companiesDropDown .addMonitorBtn.inTopNav {
  width: 190px;
  height: 56px;
  margin: 0;
  transition: all 0.2s ease;
  border: 0;
  font-family: raleway;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.topNav .dropdown-menu.companiesDropDown .addMonitorBtn.inTopNav i {
  line-height: 56px;
  display: initial;
  font-size: 12px;
  color: #29c;
  transition: all 0.2s ease;
}
.topNav .dropdown-menu.companiesDropDown .addMonitorBtn.inTopNav:hover {
  box-shadow: 0 0 8px 1px #eee;
}
.topNav .dropdown-menu.companiesDropDown .addMonitorBtn.inTopNav:hover i {
  color: white;
}

.topNav .companies.grad-butt-white a {
  background: transparent;
  box-shadow: none;
}
nav .grad-butt-white,
.twtrlandEditMonitor .grad-butt-white {
  box-shadow: 0 0 2px 0px #eee;
  transition: all 0.2s ease;
  padding: 0 15px;
  border: 1px solid #eee;
  cursor: pointer;
  color: #525352;
  height: auto;
  font-size: 15px;
  line-height: 42px;
}
.twtrlandEditMonitor .grad-butt-white {
  color: #8091A5;
  box-shadow: none;
  border: 0;
  font-weight: 500;
  border:1px solid white;
  line-height: 39px;
  height: 40px;
}
.twtrlandEditMonitor .grad-butt-white:hover{
  box-shadow:0 1px 2px 0px #ddd;
  border-color: #eee;
}
 nav .exportButton .grad-butt-white {
  margin-top: -5px;
 }
.topNav .grad-butt-white a {
  color: #525352;
}
nav .grad-butt-white:hover{
  box-shadow: 0px 2px 5px 1px #eee;
 }
.topNav .grad-butt-white img:first-child {
  margin-right: 0;
}
.topNav .companies .comparePlus {
  margin-left: 0px;
  margin-right: 3px;
  font-size: 20px;
  vertical-align: top;
}
.topNav .dropdown-menu.companiesDropDown,
.campaignBox .dropdown-menu.companiesDropDown,
.campaignSettings .ddOnWhite.monitorSelect ul {
  padding: 0px;
  margin: 0;
  width: 570px;
  box-shadow: 0 0 5px 2px #eee;
  box-sizing: content-box;
  font-family: open sans;
  font-size:12px;
}
.campaignSettings .ddOnWhite.monitorSelect ul.wideMonitorDD {
  width: 760px;
}
.topNav .dropdown-menu .dropdown-header {
  background: #F6F8F9;
  font-weight: 500;
  color: #7d9bb6;
  font-size: 11px;
  padding: 8px 10px;
  text-align: left;
}
.topNav .dropdown-menu.list li a, .topNav .dropdown-menu.list li .listOption {
  box-shadow: none;
  padding: 8px 10px;
  color: #525352;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
}
.topNav .dropdown-menu.list li a:hover, #custom-interval.listOption:hover {
  color: #525352;
  background-color: #F6F8F9;
  box-shadow: 0 0 1px 0 #ccc;
}

.topNav .dropdown-menu .divider {
  height: 0;
  padding: 0;
  margin: 0;
  border-bottom:1px solid #eee;
}
.topNav .companies .dropdown-menu.companiesDropDown {
  border: 0;
  margin-top: 0;
}
.topNav .mainBrand .dropdown-menu.companiesDropDown li,
.topNav .companies .dropdown-menu.companiesDropDown li {
  padding: 0;
  margin: 0;
  float: left;
  width: 190px;
  font-weight: 300;
  min-height: 56px;
}
.topNav .mainBrand .dropdown-menu.companiesDropDown li a, .topNav .companies .dropdown-menu.companiesDropDown li a{
  box-shadow: none;
  padding: 13px 10px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-weight: 300;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.topNav .companies .dropdown-menu.companiesDropDown li a input[type="checkbox"] {
 margin: 0;
}
.topNav .dropdown-menu.companiesDropDown li.seperator {
  width: 100%;
  border-bottom: 1px solid #eee;
  min-height: auto;
}

.topNav .dropdown-menu.companiesDropDown li:nth-child(-n+3) a {
  padding-top: 15px;
}
.topNav .companies .btn-group.open a.flat-butt{
  border-color:#aaa;
}
.topNav .companies .btn-group a.flat-butt i{
  vertical-align: middle;
  margin-top: 3px;
  margin-right: 5px;
}
.topNav .mainBrand .dropdown-menu.companiesDropDown li, .topNav .mainBrand .dropdown-menu.companiesDropDown li, .topNav .companies .dropdown-menu.companiesDropDown li input{
  vertical-align: middle;
}
.topNav .companies .dropdown-menu.companiesDropDown li a.selected{
  /*background: #eee;*/
  background-color: #f6f8f9;
  box-shadow: 0 0 1px 0 #ccc;
}
.topNav .mainBrand .btn-group.open a.grad-butt, .topNav .companies .open a.grad-butt{
  position: relative;
  z-index: 1001;
}

.topNav .mainBrand .btn-group.open .dropdown-toggle {
  box-shadow: none;
}


.topNav .companies .open a.grad-butt{
  margin-bottom: 0;
}
.topNav .mainBrand .btn-group.open a.flat-butt:hover, .topNav .companies .btn-group.open a.flat-butt:hover{
  opacity: 1;
}
.topNav .mainBrand .dropdown-menu.companiesDropDown li a:hover, .topNav .companies .dropdown-menu.companiesDropDown li a:hover{
  /*background: #eee;*/
  color: #525352;
  background-color: #F6F8F9;
  box-shadow: 0 0 1px 0 #ccc;
}
.topNav .companies .dropdown-menu.companiesDropDown li a.selected:hover{
  /*background: #eee;;*/
  background-color: #efefef;
}
.topNav .btn-group a.flat-butt{
  line-height: inherit;
}
.topNav .companies .grad-butt {
  display: flex;
  align-items: center;
}
.topNav .companies img {
  width: 26px;
  margin-left: 10px;
  box-shadow: 0 0 3px 0px rgba(0,0,0,0.2);
}
.topNav .selectedCompanies {
  float:left;
  margin-left:10px;
  margin-right:10px;
}
.topNav ul.selectedCompanies li.compareCompanyBox {
border: 1px solid #dedede;
line-height: 37px;
height: 37px;
font-size: 15px;
display: inline-block;
font-family: open sans;
padding: 0 10px;
}
.topNav ul.selectedCompanies li.compareCompanyBox span{
  /*padding:3px;*/
  /*background: #ddd;*/
  cursor: pointer;
  font-size: 15px;
  color:#aaa;
  margin-left: 5px;
}
.topNav ul.selectedCompanies li.compareCompanyBox span:hover{
  color:#29c;
}
.topNav .vs {
float: left;
font-family: open sans;
line-height: 40px;
margin-right: 8px;
margin-left: 5px;
color: rgb(136, 136, 136);
}
.topNav .exportButton .dropdown-menu li i, nav .exportButton i {
  margin-right: 9px;
  color: #888;
  font-size: 16px;
}
nav .exportButton {
  font-weight: 300;
}
.topNav .exportButton .dropdown-menu li i.small {
 font-size: 14px;
}
.topNav .exportButton, .topNav .editButton, .topNav .reportButton {
  float:right;
  margin-right: 10px;
}



.topNav .editButton,
.topNav .reportButton {
  float:right;
  margin-right: 10px;
}
.loadingOverlay {
  opacity: 0.4;
  background: #ddd;
}
.topNav .flat-butt {
  line-height: 20px;
  font-size:15px;
}
.topNav .editButton .flat-butt, .topNav .reportButton .flat-butt {
  line-height: 24px;
}
.topNav .dropdown-menu {
  font-family: open sans;
}
.topNav .monitored {
  display: flex;
  color: #aaa;
  align-items: center;
  flex: 0 1 auto;
}
.topNav .monitored .monitorName{
  white-space: nowrap;
  overflow: hidden;
  max-width: 340px;
  text-overflow: ellipsis;
}
.topNav .monitored .monitoredNetworks {
  display: flex;
}
.topNav .monitored .monitoredNetworks .oneNetwork {
  margin-left:10px;
}
.topNav .monitored .monitoredNetworks .oneNetwork i {
  transition: all 0.2s ease-in-out;
}
.topNav .monitored .monitoredNetworks .oneNetwork:hover .fa-facebook-f {
  color: #3B5999;
}
.topNav .monitored .monitoredNetworks .oneNetwork:hover .fa-instagram {
  color: #F087B1;
}
.topNav .monitored .monitoredNetworks .oneNetwork:hover .fa-klear-x-twitter {
  color: #000000;
}
.topNav .monitored .monitoredNetworks .oneNetwork:hover .fa-youtube {
  color: var(--youtube-color);
}
.topNav .monitored i {
  color: #ccc;
  margin-right: 3px;
}
.topNav .monitoredCont {
  display: flex;
  padding: 0 10px;
}
/* monitor styling temp */
.rowInDashBox{
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom:1px solid #dedede;
}
.rowInDashBox > i{
  float: left;
  margin-right: 15px;
  margin-top: 5px;
  margin-left: 5px;
  color: #525352;
  font-size: 20px;
}
.rowInDashBox .rowTitle{
  font-size:15px;
  font-family: open sans;
  font-weight: 700;
  line-height: 1.4;
}
.rowInDashBox .secTitle{
  color:#aaa;
  font-size: 11px;
  font-family: open sans;
  margin-top:-2px;

}

.rowInDashBox:last-child{
  border:0;
}
.dashWhiteBox{
  padding: 15px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  position:relative;
  border: 1px solid;
  border-color: #e5e6e9 #eee #dedede;
}

.wfBox{
  padding: 20px;
  /*padding-bottom: 5px;
  margin-bottom: 20px;*/
  position:relative;
  background: #fff;
}
.wfBox-halfPadding{
  padding: 10px;
}
.wfBox-onlyTop{
  padding: 10px 0 0 0;
}

.wfBox .noDataText, .dashWhiteBox .noDataText{
  font-size: 15px;
  line-height: 1.35;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  width: 350px;
  margin-left: -175px;
  margin-top: -10px;
  text-align: center;
}

.wfBox .smSub{
  font-size: 13px;
  font-weight: 500;
  color: #888;
  line-height: 1.34;
}
table.mainBox td .info-stats{
  font-size: 15px;
}
.monitorLeftSide{
  float: left;
  width: 225px;
}
.monitorRightSide{
  float: right;
  width: 750px;
}

.monitorRightSide .dashWhiteBox .toggleLinks {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  font-size: 13px;
}
.dashWhiteBox .title{
  font-size: 15px;
  font-family: raleway; font-weight:700;
  color:#525352;
}
.dashWhiteBox .title span{
  font-family: open sans;font-weight: 400;
  color: #aaa;

  margin-left: 10px;
}

.pieChartContainer{

}
.pieChartContainer .pieSection{
  position:relative;
}
.pieChartContainer .pieSection .centerText{
position: absolute;
z-index: 99;
top: 96px;
width: 100%;
right: 0;
left: 0;
margin: auto;
text-align: center;
top:50%;
margin-top:-17px;
}
.pieChartContainer .pieSection .centerText > .txt{
  font-size: 11px;
  font-family: open sans;
  color:#888;
}
.pieChartContainer .pieSection .centerText > .num{
  font-size: 15px;
  font-weight:700;
  color:#525352;
}
.pieChartContainer .legendSection{
  margin:  0 -10px -10px -10px;
  background: #efefef;
}
.pieChartContainer .legendSection li{
  line-height: 30px;
  /*border-bottom: 1px solid #dedede;
  box-shadow: 0px 1px 0px #efefef;*/
  color:#525352;
}
.pieChartContainer .legendSection li:last-child{
  border-bottom: 0;
  box-shadow: 0px 0px 0px #efefef;
}
.pieChartContainer .legendSection li .color{
  float:left;
  height:100%;
  width:5px;
}
.pieChartContainer .legendSection li .name{
  float:left;
  margin-left:10px;
  font-size:12px;
  font-family: open sans;
  letter-spacing: 0.3px;
}
.pieChartContainer .legendSection li .value{
  float:right;
  margin-right:10px;
  font-size: 11px;
  font-family: open sans;
  color: #666;
}

ul.competitionGraphMenu{


}
ul.competitionGraphMenu li{
  width:33.33%;

  float:left;
  /*padding: 3px 15px;*/
  padding: 10px;
  cursor: pointer;
  border:1px solid transparent;
  border-bottom:1px solid #dedede;
  background: #efefef;/*fafafa;*/
  line-height: 1;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
ul.competitionGraphMenu li:first-child, ul.competitionGraphMenu li.selected:first-child{
  border-left: 0;
}
ul.competitionGraphMenu li:last-child, ul.competitionGraphMenu li:last-child.selected {
  border-right:0;
}
ul.competitionGraphMenu li:hover{
  /*border-bottom:2px solid #ddd;*/
  background: #fff;
  color:#29c;
}
ul.competitionGraphMenu li .top{
  font-size: 13px;
  font-family: raleway; font-weight:700;
  color: #525352;
  margin-bottom: 0px;
}
ul.competitionGraphMenu li .topIcons{
  /*float: right;*/
}
ul.competitionGraphMenu li .topIcons i{
  color: #aaa;
  font-size: 11px;
}
ul.competitionGraphMenu li .bottom{
  font-size: 25px;
  font-family: raleway; font-weight:300;
  text-shadow: 0px 1px 0px #fff;
  color:#525352;
}
ul.competitionGraphMenu li .barContainer2{
  height: 7px;
  height: 7px;
  margin-top: 7px;
  margin-left: 0px;
  width:200px;
}
ul.competitionGraphMenu li .barContainer2 .barFill{
  background: #aaa;
}
ul.competitionGraphMenu li.selected .bottom{

}
ul.competitionGraphMenu li.selected{
  /*border-bottom:2px solid #29c;*/
  background: #fff;
  cursor: default;

  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:0px solid #fff;
}
ul.competitionGraphMenu li.selected .bottom{
  color:#29c;
}

ul.competitionGraphMenu li .trend{
  font-size: 12px;
  font-family:raleway; font-weight:700;
}
ul.competitionGraphMenu li .trend.up{
  color:#accc48;
}
ul.competitionGraphMenu li .trend.down{
  color: #f9855c;
}
ul.competitionGraphMenu li .valueText{
  margin-top: 7px;
  color: #888;
  font-size:13px;
}

.monitorTitle{
  font-family: raleway;
  font-weight:300;
  font-size: 15px;
  /*margin-bottom: 10px;*/
  padding-left: 5px;
  border-bottom:2px solid #dedede;
  margin-top:50px;
}
.monitorTitle:after{
  content: '';
  display: block;
  clear: both;
}
.monitorTitle .title {
  color: var(--gray-darkest);
  font-weight: var(--weight-medium);
  font-family: var(--font-primary);
  font-size: var(--text-big);
  line-height: 1.4;
  vertical-align: bottom;
  margin-right: var(--space-small);
  padding: var(--space-smaller);
  float: left;
}
.monitorTitle .menuInTitle{
  margin-left:5%;
}
.monitorTitle ul.menuInTitle > li{
  float: left;
  /*margin-bottom: -1px;*/
}
.monitorTitle ul.menuInTitle > li.active{
  cursor: default;
  /*background-color: #fff;*/
  /*border: 1px solid #ddd;*/
  border-bottom-color: transparent;

}
.monitorTitle ul.menuInTitle > li a{
  line-height: 1.42857143;
  /*border: 1px solid transparent;*/
  position: relative;
  display: block;
  padding: 12px 25px;
  font-family: open sans;
  font-size: 15px;
  font-weight: 400;
  transition: all 0.2s ease;
  color: #525352;
}
.monitorTitle ul.menuInTitle > li.active a{
  color: #525352;
  font-weight:700;
  box-shadow: 0 2px 0 0 #29c;
}
.monitorTitle ul.menuInTitle > li.all.active a{
    color: #29c;
    box-shadow: 0 2px 0 0 #29c;
}
.monitorTitle ul.menuInTitle > li.twitter.active a{
    color: #000000;
    box-shadow: 0 2px 0 0 #000000;
}
.monitorTitle ul.menuInTitle > li.facebook.active a{
    color: #3b5999;
    box-shadow: 0 2px 0 0 #3b5999;
}
.monitorTitle ul.menuInTitle > li.instagram.active a{
    color: #f087b1;
    box-shadow: 0 2px 0 0 #f087b1;
}
.monitorTitle ul.menuInTitle > li a:hover{
  box-shadow: 0 2px 0 0 #AAE1F9;
}
.fullWidth{
  width: 1000px !important;
}

/*ul.dropdown-menu .competitor img {
width: 36px;
height: 36px;

margin-right: 5px;
vertical-align: middle;
}*/


.newPostContainer.postsModal {
  margin-right: 36px;
  margin-bottom: 26px;
  position: relative;
}
.newPostContainer.postsModal:nth-child(3n) {
  margin-right: 0px;
}
.newPostContainer.noProfilePic {
  height: 250px;
}
/*
ul.monitorPosts li.newPostContainer{
  margin-right: 16px;
  margin-bottom: 16px;
}*/
ul.monitorPosts li.newPostContainer {
  margin-bottom: 55px;
  position: relative;
}
ul.monitorPosts li.newPostContainer.noProfilePic {
  margin-bottom: 45px;
}
ul.monitorPosts.listMonitor {
  padding: 0;
}
ul.monitorPosts.listMonitor .centered {
  display: flex;
  justify-content: center;
}
ul.monitorPosts.listMonitor li.col-md-4.col-sm-4.col-xs-4.newPostContainer {
  padding: 0;
  background: white;
  width: 224px;
  /*margin-right: 30px;*/
}
ul.monitorPosts.listMonitor li.newPostContainer {
  margin-bottom: 30px;
  position: relative;
  float: left;
  margin-right: 11px;
}

.showOnMobile {
  display: none;
}
.hideOnMobile {
  display: inherit;
}

@media only screen and (max-width: 480px) {
  .hideOnMobile {
  display: none !important;
  }
  .showOnMobile {
  display: inline !important;
  }
}
@media (max-width: 992px) {
  .postModal .aboveNewPost .closeModal {
    top:50px !important;
  }
  ul.monitorPosts.listMonitor {
    overflow: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  ul.monitorPosts.listMonitor .imageContainer {
    white-space: normal;
  }
   ul.monitorPosts.listMonitor li.newPostContainer.mobileSlider,
    .mobileSlider.oneUserList {
      margin-right: 35px;
      display: inline-block;
      float: none;
      vertical-align: top;
      border-radius: 0;
    }
    ul.monitorPosts.listMonitor li.newPostContainer:nth-child(3n) {
      margin-right: 35px !important;
    }
     nav .exportButton .grad-butt-white.mobileButt span {
      display: none;
    }
    nav .exportButton .grad-butt-white.mobileButt {
      box-shadow: none;
      border:0;
      margin-top: 0;
    }
}
.listMonitorTop2 .oneNumBlock {
  padding: 0;
}
@media (max-width: 768px) {
    .hideOnMobile {
      display: none !important;
    }
    .showOnMobile {
      display: inherit !important;
    }
    .listMentions .sortByRow {
      text-align: center;
    }
    .listMentions .sortByRow .title {
      margin-bottom: 10px
    }
    .listMentions .sortByRow .sortBy {
      float: none;
      margin-bottom: 10px;
    }
    .listMonitorTop2 .row.notFullWidth {
      margin: 0px;
    }
    .listMonitorTop2 .listMentionsNetworkSplit {
      display: none;
    }
    .listMonitorTop2 .oneNumBlock {
      border-right: 2px solid #eee;
      border-bottom: 2px solid #eee;
    }
    .listMonitorTop2 .oneNumBlock:nth-child(even) {
      border-right: 0;
    }
    .listMonitorTop2 .oneNumBlock:nth-child(n+3) {
      border-bottom: 0;
    }
    ul.monitorPosts.listMonitor {
      padding:0 15px;
    }
    .sliderRow {
      overflow: hidden;
      overflow-x: hidden;
      white-space: nowrap;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
    }
  .mobileSlider.newPostContainer  {
    /*background: white;*/
    /*box-shadow: 0px 2px 6px #ddd;*/
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    height: auto;
   }
   .mobileSlider.newPostContainer .beneathNewPost {
      padding:10px;
   }
}
@media only screen and (max-width: 1270px) {
   ul.monitorPosts.listMonitor.closed li.newPostContainer:nth-child(4n) {
      display: none;
  }
}
@media only screen and (min-width: 1400px) {
  ul.monitorPosts.listMonitor li.newPostContainer {
    margin-right: 46px;
  }
  ul.monitorPosts.listMonitor li.newPostContainer:nth-child(4n) {
    margin-right: 0px;

  }
}
@media only screen and (min-width: 1270px) {
  ul.monitorPosts.listMonitor li.newPostContaine {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 991px) {
  ul.monitorPosts.listMonitor li.showMoreMobile {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  ul.monitorPosts.listMonitor .showMoreDesktop {
    display: none;
  }
}

ul.monitorPosts.listMonitor li.showMoreMobile {
  font-weight: 700;
  font-size: 20px;
  height: 224px;
  width: 224px;
}
ul.monitorPosts.listMonitor li.showMoreMobile a {
  display: inline-block;
  position: relative;
  background: white;
  padding: 20px;
  width: 100%;
  height: 100%;
  text-align: center;
}
ul.monitorPosts.listMonitor li.showMoreMobile a span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.newPost {
  /*padding: 10px;*/
  line-height: 1.5;
  font-family: open sans; font-weight:300;
  color: #525352;
  background: #fff;
  height: 224px;
  width: 224px;
  font-size: 15px;
  position: relative;
  word-wrap: break-word;
  transition: all 0.2s ease;
  /*border: 1px solid;*/
  /*border-color: #e5e6e9 #eee #dedede;*/
  box-sizing: content-box;
  border-radius: var(--border-radius);
}
.newPost.withBorder {
  border: var(--border-light-mid);
}
.newPost .fa.fa-share-square {
  vertical-align: middle;
  font-size: 14px;
}
.postModal .newPost img {
  max-width: 100%;
  max-height: 100%;
}
.newPost img {
  position: relative;
  object-fit: contain;
}
.newPost .top{
  margin-bottom: 5px;
  font-family: open sans;
  font-size: 13px;
}
.newPost .top img{
  float:left;
}
.newPost .top .userDetails{
  float: left;
  margin-left: 10px;
  margin-top: 2px;
}
.newPost .bottom{
  position:absolute;bottom:5px;left:5px;color: #888;;font-family:open sans;font-size:13px;
}
.newPost .postNetIcon i {
  line-height: 0;
  font-size: 12px;
}
.newPost .postNetIcon i.fa-instagram {
  font-size: 14px;
}
.newPost .postNetIcon{
  position:absolute;bottom:0px;
  right:0px;padding:5px;
  background:#000000;
  color: #fff;
    line-height: 1;
  padding: 4px;
}
.newPost .postNetIcon.insta{
  background:#F087B1;
    line-height: 1;
  padding: 4px;
}
.newPost .postNetIcon.youtube{
  background:var(--youtube-color);
  text-align: center;
  width: 24px;
  line-height: 1;
  padding: 4px;
}
.newPost .postNetIcon.fb{
  background:#3b5999;
  text-align: center;
  width: 24px;
  line-height: 1;
  padding: 4px;
}

.newPost.imageContainer .videoPostIcon.videoPostIconThumbnail {
  font-size: 20px;
  z-index: 2;
}
.newPost.imageContainer .videoPostIcon {
  color: white;
  position: absolute;
  font-size: 50px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 0;
  opacity: 0.9;
  left: 0;
  right: 0;
  text-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.newPost.imageContainer{
    padding:0px;
    width: var(--kl-post-reg);
    height: var(--kl-post-reg);
    overflow:hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.newPost.imageContainer.tinyImageContainer {
  width: var(--kl-post-tiny);
  height: var(--kl-post-tiny);
}
.newPost.imageContainer.smallImageContainer {
  width: var(--kl-post-small);
  height: var(--kl-post-small);
}
.newPost.imageContainer.bigImageContainer {
  width: var(--kl-post-big);
  height: var(--kl-post-big);
}
.newPost.imageContainer.campaignThumbnail {
  width: 54px;
  height: 100%;
  overflow: hidden;
  justify-content: center;
}

.newPost.imageContainer.campaignThumbnail img,
.newPost.imageContainer.campaignThumbnail .linkTextPost {
  width:54px;
  height:54px;
  z-index: 1;
  transition: .2s ease-in all;
  object-fit: cover;
  display: flex;
  justify-content: center;
  background:#f6f8f9;
  align-items: center;
  border-radius: var(--border-radius);
}
.newPost.imageContainer.campaignThumbnail img:hover,
.newPost.imageContainer.campaignThumbnail .linkTextPost:hover {
  opacity:.2;
}

.newPost.imageContainer .imageDeleted {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  color: #888888;
  background: #ffffff;
}
.newPost.imageContainer .imageDeleted .imageDeletedIcon {
  color: #eeeeee;
  font-size: 54px;
}

.postModal .newPost.imageContainer {
  width: 100%;
  height: 100%;
  background-color: #525352;
  cursor: default;
  border-radius: 0;
}
.postModal .newPost.imageContainer > a {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.postModal .newPost.imageContainer > a > img {
  max-width: 100%;
  object-fit: cover;
  max-height: 100%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.newPost.imageContainer .imageOverlay{
    width:238px;
}
.newPost.imageContainer:hover .imageOverlay{
    height:119px;
    margin:0;
}

.newPost.imageContainer .imageOverlay .overlaySec{
    float:left;
    margin-left: 10px;
    margin-right: 0px;
}
.newPost p {
  margin: 0;
  font-weight: 300;
  font-size: 15px;
}
.newPost .postContentText {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  padding: 8px;
  overflow: hidden;
}
.twitterActions2{
  opacity: 0;
  margin-left: 0;
}
.postContentText.textPostExpand {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--white);
}
.postContentText.textPostExpand i {
  margin-right:3px;
}
.linkTextPost {
  color:unset;
}
.newPost.newTextPost {
  align-items: normal;
}
.newPost:hover .twitterActions2{
  opacity: 1;
}
.newPost.instagramPost.imageContainer .instagramEmbed iframe {
  width: 100% !important;
  border: 0 !important;
  margin-bottom: 0 !important;
}
.newPost .imageContainer .imageOverlayFull {
  position: absolute;
  top: 0;
  left: 0;
  width: 224px;
  height: 224px;
  background: rgba(24, 27, 32, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #eee;
  padding: 10px;
}
.newPost.imageContainer .overImageBottom{
  position:absolute;
  padding-bottom:5px;
  padding-left:5px;color: #888;
  font-family:open sans;
  font-size:12px;background: #525352;
  bottom: 0;color: #fff;
  display: block;
  left: 0;
  padding-top: 5px;
  position: absolute;width: 100%;
  word-wrap: break-word;
  padding: 8;
  line-height: 1;
}
/*.newPost .postNetIcon {
position: absolute;
bottom: 0px;
right: 0px;
padding: 5px;
background: #29c;
color: #fff;
}*/
.newPostContainer.noProfilePic .aboveNewPost {
  display: none;
}
.aboveNewPost > div , .beneathNewPost .left {
  float: left;
  max-width: 147px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detailsSide .aboveNewPost .networkIcon {
  overflow: visible;
}
.aboveNewPost > div, .beneathNewPost .left .authorized {
  font-weight: 700;
  color: #888;
}
.listMentions .beneathNewPost .left .authorized span:before {
  background: #F6F8F9;
}
.beneathNewPost .left .authorized span {
  position: relative;
}
.beneathNewPost {
  padding-top: 6px;
  font-size: 13px;
  color: #aaa;
  font-weight: 300;
  font-family: open sans;
}
.beneathNewPost .left.stats > div > span {
  margin-right: 5px;
}
.beneathNewPost .postCompanyImage {
  float: right;
  width: 20px;
  margin-left: 4px;
  margin-top: -4px;
}
.beneathNewPost .postCompanyImage img {
  width: 100%;
}
.beneathNewPost .networkIcon {
  float: right;
  margin-left: 3px;
}
.beneathNewPost .networkIcon a {
  color: #aaa;
  transition: all 0.2s ease;
}
.beneathNewPost .networkIcon a:hover {
  opacity: 0.8;
}
.beneathNewPost .networkIcon .postNetIcon {
  background: transparent !important;
  margin-left: 3px;
}
.beneathNewPost .networkIcon .postNetIcon.insta,
.beneathNewPost .networkIcon .postNetIcon.instagram {
  color: #F087B1;
}
.beneathNewPost .networkIcon .postNetIcon.twitter {
  color: #000000;
}
.beneathNewPost .networkIcon .postNetIcon.facebook {
  color: #3B5999;
}
.beneathNewPost .networkIcon .postNetIcon.youtube {
  color: var(--youtube-color);
}
.beneathNewPost .networkIcon .postNetIcon.pinterest {
  color: #BD081C;
}
.beneathNewPost .networkIcon .postNetIcon.tiktok {
  color: #FF0078;
}
.beneathNewPost .networkIcon .postNetIcon.blog {
  color: #C99666;
}
.beneathNewPost .networkIcon .postNetIcon.twitch {
  color: #6441a5;
}
.beneathNewPost .deleteIcon {
  color: #f9855c;
  float: left;
  opacity: 0.6;
}

.onePortfolioCard:hover .beneathNewPost .deleteIcon {
  opacity: 0.6;
  transition: opacity 0.1s ease-in;
}

.newPostContainer:hover .newPost {
  /*box-shadow: 0px 0px 5px 0px #ddd;*/
  border-color: #F6F8F9;
}
.aboveNewPost {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.aboveNewPost .postDate,
.postModal .aboveNewPost .postNetIcon,
.postModal .detailsSide .campaignStats .oneLine .lineResult.postNumber {
  font-size: 14px;
  color: #aaa;
  font-weight: 300;
}
.inCampaign .aboveNewPost .postDate {
  margin-right: 3px;
}
.postModal .postContentText {
  font-size: 15px;
  padding: 20px;
  line-height: 1.5;
  font-weight: 300;
  color: #888;
  overflow: hidden;
  transition: .2s ease-in-out all;
  /* max-height: 450px; */
}
.postModal.inCampaign .postContentText {
  max-height: 175px;
  /* height: 100%; */
}
.postModal.inCampaign .postContentText.longerText {
  max-height: 400px;
  overflow-y: auto;
  height: auto;
}
/*.postModal .postStats.closed .postContentText {
  max-height: 40px;
}*/
.postModal .postStats.opened .postContentText {
  max-height: 197px;
  color: #525352;
  line-height: 1.7;
  font-size: 16px;
  overflow-y:auto;
}
.postModal .postStats.opened.noCampaignSection .postContentText {
  max-height: 288px;
}
.postModal .campaignStats.closed {
  max-height: 78px;
}
.postModal .campaignStats.opened {
  max-height: 1000px;
}
.aboveNewPost .profile {
  float: left;
  width: 73%;
}
.aboveNewPost .avatar {
  padding: 0 var(--space-smaller) 0px 0;
  float: left;
}
.aboveNewPost .avatar img {
  width: 30px;
}
.postModal .aboveNewPost .avatar img {
  width: 48px;
  box-shadow: 0 0 2px 1px #eee;
}
.postModal .aboveNewPost {
  margin-bottom: 0;
}
.postModal .aboveNewPost .networkIcon .postDate {
  margin-right: 4px;
}
.postModal .aboveNewPost .postNetIcon {
  background: none !important;
}
.postModal .aboveNewPost .postNetIcon.insta {
    color: #F087B1;
}
.postModal .aboveNewPost .postNetIcon.facebook {
  color: #3B5999;
}
.postModal .aboveNewPost .postNetIcon.pinterest {
    color:#7C342A;
}
.postModal .aboveNewPost .postNetIcon.tiktok {
  color: #FF0078;
}
.postModal .aboveNewPost .postNetIcon.fb {
    color: #3b5999;
}
.postModal .aboveNewPost .postNetIcon.youtube {
  color: var(--youtube-color);
}
.postModal .aboveNewPost .postNetIcon.twitter {
    color: #000000;
}
.postModal .aboveNewPost .postNetIcon.twitch {
  color: #6441a5;
}

.postModal .aboveNewPost .closeModal {
  position: absolute;
  right: 10px;
  top: 30px;
  font-size: 14px;
}
.postModal .beneathNewPost .postTextContainer {
  font-size: 16px;
  margin-top: 10px;
  color: #525352;
  line-height: 1.5;
  overflow: hidden;
  word-break: break-all;
}
.postModal {
  display: flex;
  width: 1000px;
  max-width: 100vw;
  min-height: 500px;
  overflow: hidden;
}
.postModal .postSide {
  background:#525352;
  justify-content: center;
  align-items: center;
}
.postModal .postSide .postContainer {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
}
.postModal .postSide .postContainer .storyPost {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.postModal .postSide .postContainer .storyPost video,
.postModal .newPost.imageContainer .centerWideImage,
.postModal .newPost.imageContainer a {
  background-color: #525352;
  max-height: 100%;
  max-width: 100%;
}
.postModal .newPost.imageContainer .centerWideImage {
  height: 100%;
  width: 100%;
}

.postModal .postSide,
.postModal .detailsSide {
  display: flex;
  flex:1;
  max-width: 50%;
  flex-direction: column;
  overflow: inherit;
}
.postModal .detailsSide .aboveNewPost > a {
  display:flex;
  align-items: center;
  flex:1;
}
.postModal .detailsSide .oneSection.closed {
  cursor: pointer;
}
.postModal .detailsSide .oneSection {
  display: flex;
  flex-direction: column;
  flex:1;
  transition: .2s ease-in-out all;
  position: relative;
}
.postModal .detailsSide .postStats {
  background:#f6f8f9;
}
.postModal .detailsSide .oneSection .aboveNewPost .networkIcon .verifiedCheck:before {
  background: var(--gray-lightest);
}
.newPost .postCompanyImage{
  position: absolute;
  right:18px;
  bottom: 0;
  background-color: #fff;
  line-height: 1;
  height: 23px;
}
.newPost .postCompanyImage img {
  width:23px;
  height:23px;
}
.contentMenu{
  margin-bottom:20px;
  margin-top:20px;
  font-size: 15px;
}
.contentMenu.wBorder .confirmedLabel {
  display: flex;
  align-items: center;
  background: #FFF6D3;
  border-radius: 4px;
  font-size: 12px;
  padding: 0 10px;
  margin: 8px 0;
  margin-left: 15px;
}
.contentMenu.wBorder .confirmedLabel .fa-check {
  margin-right: 4px;
  color: #aaa;
}
.contentMenu.wBorder .confirmedLabel .fa-instagram {
  margin-right: 2px;
}
.landscapeMentions .contentMenu.wBorder {
  height: auto;
}
.contentMenu.wBorder .roundImage {
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  color: #8091a5;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  justify-content: center;
  /*transition: 0.2s ease-in-out all;*/
  /*transform:scale(0.9,0.9);*/
}
.contentMenu .roundImage img {
  width: 100%;
}
.contentMenu.wBorder {
  border-bottom:2px solid #ddd;
}
.contentMenu.wBorder.wImages {
    display: flex;
}
.contentMenu.wBorder .roundImage {
  width: 48px;
}
.contentMenu.wBorder .leftTopTab {
  display: flex;
  align-items: center;
  margin:0;
  flex-shrink: 0;
}
.contentMenu.wBorder .dividerCont {
  width: 50px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.contentMenu.wBorder .dividerCont .divider {
  border-right: 2px solid #eee;
}
.contentMenu.wBorder .btn3.disabled {
  color: #aaa;
  cursor: initial;
}
.campaignDemographics .contentMenu.wBorder {
  margin-bottom: 5px;
}
.campaignDemographics .contentMenu.wBorder .rightHelp {
  color: #8091A5;
  font-weight: 300;
  display: flex;
  margin-left: auto;
}
.campaignDemographics .contentMenu.wBorder .rightHelp i {
  margin-right: 4px;
}
.campaignDemographics .contentMenu.wBorder {
  border-bottom: 0;
}
.contentMenu.wBorder .oneButt {
  display: flex;
  padding: 5px 10px;
  align-self: stretch;
  align-items: center;
  outline: none;
}
.contentMenu.wBorder .oneButt.showMoreButt .roundImage {
  box-shadow: none;
  line-height: 1;
  font-weight: 500;
  width: 100%;
  text-transform: capitalize;
  border-radius: 0;
}
.contentMenu.wBorder .oneButt.showMoreButt .roundImage .text {
  display: flex;
  align-items: center;
  text-align: left;
  color: var(--blue);
  font-size: var(--text-tiny);
  font-weight: var(--weight-regular);
  margin-bottom: var(--space-small);
}
.contentMenu.wBorder .oneButt.showMoreButt .roundImage .text i {
  font-size: var(--text-small);
}
.contentMenu.wBorder .oneButt.showMoreButt .roundImage .text i.fa-angle-up {
  margin-left: var(--space-tiny);
}
/*.contentMenu.wBorder .oneButt.showMoreButt .roundImage .text i.fa-plus {*/
/*  margin-left: var(--space-tiny);*/
/*}*/
/*.contentMenu.wBorder .oneButt.showMoreButt .roundImage .text i.fa-angle-left {*/
/*  margin-right: 10px;*/
/*}*/
.contentMenu .rightFlexSide {
  margin-left: auto;
}
.contentMenu .sortBy.profileNetworkSortBy {
  margin-left: auto;
}
.contentMenu .sortBy.profileNetworkSortBy .sortBySelector {
  padding-bottom: 2px;
}
.contentMenu .rightSideText{
  float: right;line-height: 43px;padding-right: 20px;font-size: 12px;
}


.contentMenu .btn-group{
  display: inline-block;
  vertical-align: top;
}


.linkedinPagesList .linkedinPage {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  margin-top:10px;
  position:relative;
}
.linkedinPagesList .linkedinPage:after {
  content: "";
  display: table;
  clear: both;
}
.linkedinPagesList .linkedinPage:hover {
  box-shadow: 0px 0px 5px #29c;
}
.linkedinPagesList .linkedinPage .image {
  float: left;
  width: 50px;
}
.linkedinPagesList .linkedinPage .image img {
  width: 50px;
}
.linkedinPagesList .linkedinPage .leftToImage {
  float: left;
  padding: 10px;
  height: 50px;
}
.linkedinPagesList .linkedinPage .leftToImage .name {
  font-family: raleway;
  font-weight: 700;
  font-size: 16px;
  color: #29c;
}



.loadingState{
  opacity: 0.5;
}


table.belowGraph{
  /*background: #efefef;*/
  margin-bottom: 0;
  margin-top:10px;
}
table.belowGraph thead{
  font-size: 12px;
  font-family: open sans;
}
table.belowGraph thead th{
  border:0;
  padding: 13px;
  color: #888;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.3;
  vertical-align: middle;
}
table.belowGraph thead th:first-child{
  padding-left: 30px;
  text-align: left;
  text-transform: uppercase;
  width: 200px;
}

table.belowGraph td{
  border:0 !important;
  font-size: 14px;
  font-family: open sans;
  letter-spacing: 0.3px;
  padding: 12px !important;
  text-align: center;
  color: #777;
  /*border-bottom: 1px solid #dedede;
  box-shadow: 0px 1.5px 0px #efefef;*/
}
table.belowGraph tr td:first-child{
  padding-left: 30px !important;
  text-align: left;
}
table.belowGraph tbody td > i{
  margin:0 5px;
}
table.belowGraph tr{

  /*box-shadow: 0px -1px 0px #fff;*/
}
table.belowGraph thead tr{
  border-bottom: 1px dashed #dedede;
}
table.belowGraph tbody tr.selected{
  background: #E8F4F9;
}
table.belowGraph tbody tr.selected td{
    color: #000 !important;
}
table.belowGraph tbody tr:last-child td{
  border-bottom: 0;
  box-shadow: none;
}
table.belowGraph tbody tr:hover{
  background: #F3F9FC;
  cursor: pointer;
}
table.belowGraph tbody td input[type='radio']{
  margin-right: 5px;
}

.iconsBelowGraph{
  font-size:26px;color:#ccc;margin-top:10px;
  margin-left:67px;
  padding-bottom: 20px;
}

/*bootstrap diff button groups*/

/*end of bootstrap diff button groups*/
/*.searchUserList:hover .cta .flat-butt{
  -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   background: #eee;
 }
.searchUserList:hover .cta .flat-butt{
  background: #7ac2e0;
  border:0;
}

.searchUserList:hover .cta .flat-butt i{
  color: #fff;
}*/
/*.searchUserList:hover{
  background: #fff;
}*/

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.3); /*dim the background*/
}


h3{
  font-family: raleway;
  font-weight:700;
  font-size: 15px;

  margin-bottom: 10px;
  padding-left: 5px;
}
h3 span{
  color:#aaa;
  font-size: 13px;
}
.metricsGraph{
  min-width: 100%; min-height: 250px;box-sizing: border-box;padding: 0px 20px;
}
.loader{
  margin: 0 0 2em;
  height: 100px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}
.loader svg path,
.loader svg rect{
  fill: #accc48;
}

#opacityMask{
  position: absolute;
  top: 0px;
  left: 0px;
  /*width: 1920px;*/
  width: 100%;
  height: 1449px;
  display: block;
  /*opacity: 0.8;*/
  z-index: 1040;
  background-color: rgba(0,0,0,0.6);
}
#opacityMaskWhite{
  position: absolute;
  top: 0px;
  left: 0px;
  /*width: 1920px;*/
  width: 100%;
  height: 1449px;
  display: block;
  /*opacity: 0.8;*/
  z-index: 1040;
  background-color: rgba(255,255,255,0.6);
}
.overOpacityMask{
  position: relative;
  z-index: 1041;
}
.topNav .dropdown-menu > li > a.removeFilter {
  font-weight: 700;
  color: #888;
}
.topNav .dropdown-menu > li > a.removeFilter:hover {
  opacity: 0.8;
  }
/* end of monitor app*/



/* pro home app */

.boxContent {
  /*margin-top: 20px;*/
  /*padding: 20px;*/
}
.boxContent input[type='text'] {
  width: 100%;
  padding: 8px 10px;
  font-size: 15px;
  line-height: 1.43;
  /*background: #eee; */
  border: 1px solid #bbb;
  margin-bottom: 10px;
}
.proHomePage .openHomeIllustration {
  height: 130px;
  position: relative;
  display: flex;
  justify-content: center;
  width: 320px;
}
.proHomePage .openHomeIllustration.topBar {
  margin: 0;
  width: 260px;
}
.proHomePage .openHomeIllustration.topBar svg {
  height: 92px;
  align-self: flex-end;
}
.proHomePage .openHomeIllustration.topBook {
  margin:0;
  width: 270px;
}
.proHomePage .openHomeIllustration.topPancake {
  margin:0;
  margin-right: 30px;
}
.proHomePage .openHomeIllustration.topBook svg {
  height: 104px;
  align-self: flex-end;
}
.proHomePage .openHomeIllustration.topPancake svg {
  /*align-self: flex-end;*/
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  height: 121px;
  align-self: flex-end;
}
.proHomePage .openHomeIllustration svg {
  /*align-self: flex-end;*/
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
}
.proHomePage .welcomeSentence.openHome {
  /*margin-bottom: 20px;*/
  margin-top: 10px;
}
.proHomePage .topPancake .pancakeDrop {
    animation: pancakeDrop 5s infinite ease-in;
    transform:translate(65px, 53px) scale(0.1,0.1);
    opacity: 1;
    animation-delay: -3s;

}
@keyframes pancakeDrop {
    0% { transform:translate(63px, 53px,) scale(0.1,0.1); opacity: 1;}
    86% { transform:translate(63px, 53px) scale(0.8,0.8); opacity: 1;}
    90% { transform:translate(63px, 96px) scale(0.8,0.8); opacity: 1;}
    92% { transform:translate(63px, 96px) scale(0.8,0.1); opacity: 0;}
    100% { transform:translate(63px, 96px) scale(0.8,0.1); opacity: 0;}
}
.proHomePage .topPancake .syrup {
  animation: syrup 5s infinite ease;
  transform-origin: 59px 0px;
  animation-delay: -3s;
}
@keyframes syrup {
    0% { transform: scale(1,1); }
    89% { transform: scale(1,1); }
    95% { transform: scale(1.2,1); }
    100% { transform: scale(1,1); }
}
.proHomePage .topBook .fanWing {
  animation: fanWing 3s infinite linear;
  transform-origin: 54px 54px;
}
@keyframes fanWing {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(359deg); }
}
.proHomePage .topBar .sms2 {
  animation: smsTwo 5s infinite ease-in-out;
  transform: translate(-18px,21px);
  opacity: 0;
}
@keyframes smsTwo {
    0% { transform: translate(-18px,21px);opacity: 0; }
    20% { transform: translate(-18px,21px);opacity: 0; }
    40% { transform: translate(0,0);opacity: 1; }
    70% { transform: translate(0,0);opacity: 1; }
    80% { transform: translate(0,0);opacity: 0; }
    100% { transform: translate(0,0);opacity: 0; }
}
.proHomePage .topBar .sms1 {
  animation: smsOne 5s infinite ease-in-out;
  transform: translate(-18px,21px);
  opacity: 0;
}
@keyframes smsOne {
    0% { transform: translate(-18px,21px);opacity: 0; }
    20% { transform: translate(0,0);opacity: 1; }
    80% { transform: translate(0,0);opacity: 1; }
    90% { transform: translate(0,0);opacity: 0; }
    100% { transform: translate(0,0);opacity: 0; }
}
.proHomePage .sunMorning {
  position: absolute;
  left: 448px;
  top: 37px;
  z-index: 1;
  opacity: 0.5;
}
.proHomePage .sunNoon {
  position: absolute;
  left: 505px;
  top: 17px;
  margin: auto;
  opacity: 0.5;
}
.proHomePage .sunNoon svg {
  /*transform: scale(1.2,1.2);*/
}
.proHomePage .sunEvening {
  position: absolute;
  right: 598px;
  top: 64px;
  /*box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);*/
  border-radius: 190px;
  height: 45px;
  transform-origin: -30px 0px;
  width: 45px;
}
.proHomePage .sunEvening .sunBody,
.proHomePage .sunEvening .sunCircle_1,
.proHomePage .sunEvening .sunCircle_2 {
  opacity: 0;
}
.proHomePage .sunEvening .moon {
  opacity: 1;
  transform: scale(1.5,1.5);
}
.proHomePage .sunEvening .sunBody,
.proHomePage .sunEvening svg {
  position: absolute;
  right: -1px;
  top: -21px;
}
.proHomePage .sun.sunEvening .sunCircle_1,
.proHomePage .sun.sunEvening .sunCircle_2,
.proHomePage .sun.sunEvening .sunCircle_3,
.proHomePage .sun.sunEvening .sunBody
 {
  opacity: 0;
}
/*.proHomePage .sun.sunEvening .moon {
  transform: scale(1.9,2);
}*/
.proHomePage .sun .sunCircle_1 {
  animation: sun 3s infinite ease-in-out;
  transform-origin: 20px 25px;
}
@keyframes sun {
    0% { transform: scale(1,1);}
    20% { transform: scale(1.2,1.2);}
    40% { transform: scale(1,1);}
}
.proHomePage .sun .sunCircle_2 {
  animation: sun_2 3s infinite ease-in-out;
  transform-origin: 20px 25px;
}
@keyframes sun_2 {
    0% { transform: scale(1,1);}
    10% { transform: scale(1,1);}
    30% { transform: scale(1.2,1.2);}
    50% { transform: scale(1,1);}
}
.proHomePage .sun .sunCircle_3 {
  animation: sun_3 3s infinite ease-in-out;
  transform-origin: 20px 25px;
}
@keyframes sun_3 {
    0% { transform: scale(1,1);}
    30% { transform: scale(1,1);}
    50% { transform: scale(1.2,1.2);}
    70% { transform: scale(1,1);}
}
.proHomePage .boxContent.campaigns .threeThirds {
  width: 100%;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox.prettyBox .fa-angle-right {
  display: inline-block;
  transition: all 0.2s ease;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox.prettyBox:hover .fa-angle-right {
transform: translate(5px, 0px);
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox.prettyBox:hover {
  transform: translate(0px, -3px);
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox.prettyBox  {
  background-size: 100%;
  font-size: 20px;
  font-family: raleway;
  font-weight: 500;
  color: white;
  padding:60px 0;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  box-shadow:inset 0 0 0 1000px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox.prettyBox:hover   {
  box-shadow:inset 0 0 0 1000px rgba(0,0,0,.5);
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox {
  width: 280px;
  padding: 30px;
  margin-right: 40px;
  background-color: white;
  box-shadow: 0 0px 2px rgba(0,0,0,0.15);
  transition: box-shadow 0.2s ease-in-out;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .corner-ribbon.top-right {
  position: absolute;
  right: -80px;
  top: 10px;
  line-height: 20px;
  text-transform: uppercase;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  display: block;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop:hover {
  opacity: 0.6;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop .topDetail {
  color: #ccc;
  font-size: 11px;
  margin-bottom: 3px;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop .title {
  font-size: 17px;
  padding:0;
  color: #29c;
  font-weight: 500;
  font-family: raleway;
  line-height: 1;
  margin: 0 0 5px;
}
.proHomePage .proHomeBoxes .influenceGraph {
  width: 100%;
  position: relative;
  height: 200px;
  margin-bottom:70px;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile {
  float: left;
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox .oneProfile {
  width: 100%;
}

.proHomePage .proHomeBoxes .influenceGraph .leftBox {
  width: 400px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 0;
}
.proHomePage .proHomeBoxes .influenceGraph .rightBox {
  width: 400px;
  display: inline-block;
  position: absolute;
  top: 70px;
  right: 0;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox {
  width: 400px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0;
  margin:auto;
  left: 0;
}
.proHomePage .proHomeBoxes .influenceGraph .leftBox .oneProfile {
  float: left;
  margin-left: 31px;
}
.proHomePage .proHomeBoxes .influenceGraph .leftBox .oneProfile:nth-child(1) {
  width: 50px;
  margin-top: 45px;
  margin-left: 0;
}
.proHomePage .proHomeBoxes .influenceGraph .leftBox .oneProfile:nth-child(2)  {
  width: 65px;
  margin-top: 37px;
}
.proHomePage .proHomeBoxes .influenceGraph .leftBox .oneProfile:nth-child(3)  {
  width: 80px;
  margin-top: 30px;
}
.proHomePage .proHomeBoxes .influenceGraph .leftBox .oneProfile:nth-child(4)  {
  width: 80px;
  margin-top: 30px;
}
.proHomePage .proHomeBoxes .influenceGraph .rightBox .oneProfile {
  float: right;
  margin-left: 30px;
}
.proHomePage .proHomeBoxes .influenceGraph .rightBox .oneProfile:nth-child(1)  {
  width: 120px;
  margin-top: 10px;
}
.proHomePage .proHomeBoxes .influenceGraph .rightBox .oneProfile:nth-child(2)  {
  width: 100px;
  margin-top: 20px;
}
.proHomePage .proHomeBoxes .influenceGraph .rightBox .oneProfile:nth-child(3)  {
  width: 90px;
  margin-top: 25px;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile img {
  width: 100%;
  box-shadow: 0 0 9px -2px #ccc;
  margin-bottom: 5px;
  transition: all 0.2s ease;
  transform: translate(0px,0px);
  border-radius: 2px;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile:hover img {
  box-shadow: 0 2px 15px 0px #ccc;
  transform: translate(0px,-3px);
  opacity: 0.9;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .influence {
  color: #29c;
  text-align: left;
  font-family: open sans;
  /*transform: translate( 0px, -35px);*/
  /*opacity: 0;*/
  transition: all 0.2s ease;
  font-weight: 700;
  font-size:13px;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .expert i{
  font-size: 13px;
  margin-right: 3px;
  margin-top:3px;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile:hover .expert {
  opacity: 1;

}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .expert {
transition: all 0.2s ease;opacity: 0; margin-top:2px;text-align: left;line-height: 1.4;color:#888;font-size:11px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .name {
  color: #8091A5;
  font-family: raleway;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  /*transform: translate( 0px, -20px);*/
  /*opacity: 0;*/
  transition: all 0.2s ease;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.3;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .name {
  transform: translate( 0px, 0px);
  opacity: 1;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .influence {
  transform: translate( 0px, 0px);
  opacity: 1;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox .oneProfile .influence {
  transform: translate( 0px, 0px);
  opacity: 1;
  text-align: center;
  font-size: 15px;
}
.proHomePage .proHomeBoxes .influenceGraph .oneProfile .influence i {
  margin-right: 3px;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox .oneProfile img {
  border: 1px solid #AFDAEC;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox {
  width: 200px;
  display: inline-block;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox .oneProfile .point {
  width: 13px;
  height: 13px;
  background: #29c;
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  border-radius: 50px;
  border: 2px solid #f6f8f9;
  transition: all 0.2s ease;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox .oneProfile:hover .point {
  box-shadow: 0 0 7px 0 #ccc;
}
.proHomePage .proHomeBoxes .influenceGraph .centerBox img {
  width: 95px;
}
.proHomePage .proHomeBoxes .influenceGraph .graph {
  position: absolute;
  top: 140px;
  width: 100%;
  z-index: -999;
  height: 2px;
  background: #29c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #B5E9FF , #195DAF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #B5E9FF, #195DAF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #B5E9FF, #195DAF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #B5E9FF , #195DAF); /* Standard syntax */
}
.proHomePage .proHomeBoxes .title .titleExplain {
  color:#888;font-size:12px;margin-left:10px;
}
.proHomePage .proHomeBoxes .title {
  width:100%;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop .connectedMonitor {
  color: #888;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop .rightSide {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #aaa;
  font-size: 15px;
  background: white;
  border-radius: 50px;
  padding: 3px 10px;
  transition: all 0.2s ease;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxTop .rightSide:hover{
  background: #f6f8f9;
}


.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .title {
  font-size: 11px;
  color: #aaa;
  font-family: open sans;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 7px;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom {
  padding-top: 10px;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList {
  width: 100%;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList .picContainer {
  float: left;
  width: 42px;
  border:1px solid #eee;
  transition: all 0.2s ease;
  margin-right: 15px;
  position: relative;
  transition: all 0.2s ease;
  cursor: pointer;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList .picContainer:last-child {
  margin-right: 0;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList .picContainer:hover img{
  opacity: 0.8;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList .picContainer .notification {
  background: #AFDAEC;
  border-radius: 20px;
  border: 1px solid white;
  position: absolute;
  right: -8px;
  top: -7px;
  font-size: 9px;
  width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  z-index: 1;
  color: #17617a;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList .picContainer:hover {
  box-shadow: 0 0 7px 0px #eee;
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox .boxBottom .picList .picContainer img {
  width: 100%;
}

.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.proHomePage .boxContent.campaigns .threeThirds .oneThird.clickableShadedBox:nth-child(3) {
  margin-right: 0;
}
.proHomePage .boxContent .selectorButts {
  width: 100%;
}
.proHomePage .boxContent .selectorButts .topRow a.selected {
  border-bottom: 2px solid #29c;
}
.proHomePage .boxContent .selectorButts a.selected.instagram{
  color:#f087b1;
  border-color:#f087b1;
}
.proHomePage .boxContent .selectorButts a.selected.twitter{
  color:#000000;
  border-color:#000000;
}
.proHomePage .boxContent .selectorButts a.selected.tiktok{
  color: #FF0078;
  border-color: #FF0078;
}
.proHomePage .boxContent .selectorButts a.selected.youtube{
  color:var(--youtube-color);
  border-color:var(--youtube-color);
}
.proHomePage .boxContent .selectorButts a.selected.blogs{
  color:#c99666;
  border-color:#c99666;
}
.proHomePage .boxContent .selectorButts a.selected.facebook{
  color:#3b5999;
  border-color:#3b5999;
}
.proHomePage .boxContent .selectorButts .topRow a:hover {
  color: #888;
}
.proHomePage .boxContent .selectorButts .topRow a {
  color: #ccc;
  font-size: 17px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding:10px;
  transition: color 0.2s ease;
  display: inline-block;
  padding-top: 0;
}
.proHomePage .boxContent .boxContainer {
  padding: 40px;
  position: relative;
  /*height: 230px;*/
}
.proHomePage .oneHalf .boxContent input {
  margin: 0;
}
.proHomePage .oneHalf .boxContent .errorLabel {
  color: #f9855c;
  background: #f7ebe6;
  padding: 9px;
  border-radius: 7px;
  font-weight: 300;
  opacity: 0;
  transition: 0.2s ease-in-out all;
}
.proHomePage .oneHalf .boxContent .errorLabel.active {
  opacity: 1;
}
.proHomePage .oneHalf .boxContent .boxContainer  {
  height: 230px;
}
.proHomePage .boxContent .noBorderInput {
  margin-top: 10px;
  cursor: pointer;
  position: relative;
}

.proHomePage .boxContent .noBorderInput input:focus{
    outline: none;
}

.proHomePage .boxContent .noBorderInput.error input {
  border-color: #f9855c;
}
.proHomePage .boxContent .subResults {
  margin-top: 30px;
}
.proHomePage .boxContent .subResults .skillTag3 {
  border:0;
  color:#29c;
  margin-top: 8px;
  background-color: #F6F8F9;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.proHomePage .boxContent .subResults .skillTag3:hover {
  opacity: 0.7;
}
.proHomePage .boxContent .wideBottom {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.7px;
  display: block;
  text-align: center;
  transition: background .3s ease;
  border-radius: 0 0 3px 3px;
  padding: 14px;
  cursor: pointer;
  box-shadow: none;
  border:0;
  border-bottom: 3px;
}
.grad-butt-white{
  background: white;
}
/*.grad-butt {
  border: 0;
  display: inline-block;
  font-size: 13px;
  padding: 7px 14px;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  box-sizing: border-box;
  background: white;
}*/
/*.grad-butt-blue {
  background: linear-gradient(to right, #7ac1df , #2299cc);
}*/
.grad-butt-blue.wideBottom.transparent {
  background: transparent;
  border-bottom: 3px solid #29c;
  border-radius: 0;
  color: #29c;
  transition: all 0.3s ease;
}
.grad-butt-blue.wideBottom.transparent:hover {
background: linear-gradient(to right, #7ac1df , #2299cc);
color: white;
}
.proHomePage .boxContent .rectButt {
  float: left;
}
.proHomePage .boxContent .rectButt .addMonitorBtn.outOfQuota {
  font-size: 13px;
  padding:0;
}
.proHomePage .boxContent .rectButt a.upgrade {
  margin-bottom: 40px;
  display: inline-block;
}
 .proHomePage .boxContent .rectButt .addMonitorBtn {
  width: 85px;
  transition: all 0.4s ease;
  height: 85px;
  margin-bottom: 22px;
  padding: 32px;
  font-size: 20px;
 }
 .proHomePage .boxContent .smallLink {
     z-index: 999;
     font-size: 12px;
     /*letter-spacing: 0.7px;*/
 }
 .proHomePage .boxContent.brandMonitors .boxContainer{
  padding-bottom: 0;
  }
 .proHomePage .boxContent .boxContainer .brandMonitor .result .keywordName {
    float: left;
    margin-top: 18px;
    text-align: left;
    max-width: 85px;
    /*color: #888;*/
    font-weight: 500;
    /*letter-spacing: 0.3px;*/
    font-size: 11px;
 }
 .proHomePage .boxContent .smallLink.right {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  z-index: 1;
 }
 .proHomePage .boxContent .smallLink.center {
  padding-bottom: 20px;
   display: flex;
   justify-content: center;
 }
 .proHomePage .boxContent .smallLink .divider {
  color: #ccc;
 }
 .proHomePage .boxContent .smallLink .selected {
  font-weight: 700;
 }
 .proHomePage .boxContent .smallLink a {
    padding:5px 10px;
    border-radius: 20px;
    text-decoration: none;
 }

 .proHomePage .boxContent .smallLink a.selected:hover {
  background: none;
 }
.proHomePage .boxContent .brandMonitor .result:hover, .proHomePage .boxContent .rectButt i:hover {

  box-shadow: 0 0 20px 0px #ccc;
}
.proHomePage .boxContent .brandMonitor .result img {
   width: 100%;
   height: auto;
}
.proHomePage .boxContent .subResults .smallTitle {
  font-family: open sans;
  font-size: 12px;
  color: #ccc;
  margin-bottom: 10px;
}
.proHomePage .boxContent .noBorderInput input:hover {
  /*background: #f6f8f9;*/
}
.proHomePage .boxContent .noBorderInput .oneHalf {
  width: 50%;
  float: left;
  height: auto;
}
.proHomePage .boxContent .noBorderInput .oneHalf:nth-child(2) {
  border-right: 2px solid #ccc;
}
.proHomePage .boxContent .noBorderInput input {
  border: 0;
  border-bottom: 2px solid #ccc;
  width: 100%;
}
.proHomePage .boxContent .selectorButts .topRow {
  justify-content: space-between;
  display: flex;
}
.proHomePage .addMonitorBtn {
  height: 100;
  width: 100px;
  border: 1px dashed #29c;
  cursor: pointer;
  text-align: center;
  color: #29c;
}
.proHomePage .addMonitorBtn.addMonitorBtnOnTour{
  background: #29c;
  color:#fff;
  border: 2px solid #fff;
}
.proHomePage .proHomeBoxes .oneHalf {
   float:left;
   width:49%;
}
.proHomePage .proHomeBoxes .title, .settings .sSection .title {
  font-size: 16px;
  font-weight: 500;
  font-family: raleway;
  line-height: 2;
}
.proHomePage .smallTag {
    background-color: #eee;
    color: #525352;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.5px;
    border-radius: 15px;
    line-height: 2;
}
.proHomePage .vettedBox,
.proHomePage .infoBoxes,
.proHomePage .adddBox {
  background: white;
  padding: 30px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border-radius: 3px;
  margin-bottom: 50px;
  overflow: hidden;
}
.proHomePage .adddBox.vettedAddd {
  background: linear-gradient(to left, #fff 50%, #edf9ff);
}
.proHomePage .adddBox:hover {
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.proHomePage .adddBox.campaignsParticipate {
  flex:100%;
  flex-direction: column;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign {
  display: flex;
  width: 100%;
  border-bottom: 2px solid #eee;
  align-items: center;
  padding:10px 0;
  transition: all .2s ease-in-out;
  font-size: 14px;
  font-weight: 300;
  color: #525352;
  cursor: pointer;
  line-height: 1.3;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .campaignName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .campaignAccepted {
  color: #aaa;
  font-size: 11px;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .campaignAccepted i {
  color: #ccc;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign:hover {
  color: #29c;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign:first-child {
  padding-top: 0;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign:last-child {
  border-bottom: 0;
  padding-bottom: 0
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .campaignImage {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
  margin-right: 10px;
  flex-shrink: 0;
  overflow:hidden;
  border-radius: 2px;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .campaignImage img {
  width: 100%;
}
.proHomeBoxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .goto {
  display: flex;
  align-items: center;
  opacity: 0;
  transition: all .2s ease-in-out;
  color: var(--blue);
  margin-left: auto;
  text-align: center;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign:hover .goto {
  opacity: 1;
}
.proHomePage .adddBox.campaignsParticipate .oneCampaign .goto .gotoIcon {
  padding-left: var(--space-tiny);
}
.proHomePage .prohome-ads {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.proHomePage .prohome-ads .adddBox {
  height:200px;
}
.proHomePage .adddBox.businessAddd {
  background: linear-gradient(to right, #fff , #F6F0F0);
}
.proHomePage .adddBox.mediakitAddd {
  background: linear-gradient(to right, #fff , #D3E3F2);
}
.proHomePage .adddBox.twoBoxes {
  margin-left: 20px;
}
.proHomePage .adddBox:nth-child(2) {
  margin-left: 1%;
}
.proHomePage .adddBox {
  flex:1 1 49%;
  text-align: left;
  align-items:flex-start;
  position: relative;
  flex-direction: row;
}
/* .proHomePage .adddBox:nth-child(2) {
  margin-left:20px;
} */
.proHomePage .adddBox h2 {
  font-family: raleway;
  font-size: 22px;
  color:#525352;
  line-height: 1.3;
  font-weight:  300;
}
.proHomePage .adddBox .par {
  margin-bottom: 20px;
}
.proHomePage .adddBox .par,
.proHomePage .adddBox .cta {
  font-family: open sans;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
  padding: 0;
}
.proHomePage .adddBox .cta {
  color: #29c;
  cursor: pointer;
  font-weight: 700;
}
.proHomePage .adddBox .cta i {
  transition: 0.3s ease-in-out all;
}
.proHomePage .adddBox .boxSideLeft {
  width: 60%;
}
.proHomePage .adddBox .boxSideLeft > * {
  margin-bottom: 10px;
}
.proHomePage .adddBox .boxSideLeft .cta {
  margin-bottom: 0;
  margin-top: auto;
}
.proHomePage .adddBox .boxSideLeft,
.proHomePage .adddBox .boxSideRight {
  display: flex;
  flex:1;
  flex-wrap: wrap;
  height: 100%;
  flex-direction: column;
}
.proHomePage .adddBox .boxSideLeft {
  flex:0 1 65%;
}
.proHomePage .adddBox.profileAd .boxSideRight .cta {
  padding:60px;
}
.proHomePage .adddBox.profileAd .boxSideRight {
  align-items: center;
  justify-content: flex-end;
  flex:0 0 auto;
}
.proHomePage .adddBox .badgeInfluence {
  font-weight: 700;
  font-size: 15px;
  color: #29c;
  margin:0;
}
.proHomePage .adddBox .title {
  font-family: open sans;
  font-size: 13px;
  color: #aaa;
  font-weight: 700;
  padding: 0;
  margin:0;
  text-transform: uppercase;
}
.proHomePage .adddBox.profileAd {
  flex-direction: row;
  padding: 0;
  align-items: center;
  height: auto;
  flex:100%;
}
.proHomePage .adddBox.profileAd .profileDetails {
  padding:20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.proHomePage .adddBox.profileAd .profilePic {
  width: 160px;
}
.proHomePage .adddBox.profileAd img {
  width: 100%;
}
.proHomePage .adddBox.businessAddd img {
  width: 190px;
  right: -15px;
}
.proHomePage .adddBox.vettedAddd img {
  width: 210px;
  right: 0px;
}

.proHomePage .adddBox.vettedAddd img,
.proHomePage .adddBox.businessAddd img,
.proHomePage .adddBox.mediakitAddd img {
  position: absolute;
  bottom: -10px;
  transform: rotate(0deg);
  transition: all 0.4s ease-in-out
}
.proHomePage .adddBox.mediakitAddd img {
  width: 140px;
  position: relative;
  bottom: 18px;
}
.proHomePage .adddBox.profileAd:nth-child(3) {
  flex-basis: 100%;
}
.proHomePage .adddBox.vettedAddd img {
  right: -50px;
  bottom: -17px;
}
.proHomePage .adddBox.vettedAddd:hover img {
  right: -30px;
  transform: rotate(-10deg);
}
.proHomePage .adddBox.businessAddd:hover img,
.proHomePage .adddBox.mediakitAddd:hover img {
  bottom: -5px;
  transform: rotate(4deg);
}
.proHomePage .infoBoxes {
  align-items: flex-start;
}
.proHomePage .infoBoxes .title {
  color: #aaa;
  font-size: 13px;
  font-weight: 700;
  font-family: open sans;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 20px;
}
.proHomePage .infoBoxes .boxLine {
  display: flex;
  width: 100%;
}
.proHomePage .infoBoxes .boxLine .oneBox {
  flex-direction: column;
  height: 100px;
}
.proHomePage .infoBoxes .boxLine .oneBox:hover .cta,
.proHomePage .infoBoxes .boxLine .oneBox:hover .header {
  color: #29c
}
.proHomePage .infoBoxes .boxLine .oneBox .cta i {
  transition: 0.2s ease-in-out all;
}
.proHomePage .infoBoxes .boxLine .oneBox:hover .cta i,
.proHomePage .adddBox:hover .cta i {
  transform: translate(5px, 0px);
}
.proHomePage .infoBoxes .boxLine .oneBox .cta {
  margin-top: auto;
  font-weight: 700;
  color:#888;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
}
.proHomePage .infoBoxes .boxLine .oneBox .header {
  font-family: raleway;
  font-size: 22px;
  color: #525352;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
}
.proHomePage .infoBoxes .boxLine .divider {
  display: flex;
  flex-basis: auto;
  width: 100px;
  justify-content: center;
}
.proHomePage .infoBoxes .boxLine .divider .dividerLine {
  border-left: 2px solid #eee;
}
.proHomePage .infoBoxes .boxLine .oneBox {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 33%;
}
.proHomePage .vettedBox .cta .grad-butt:nth-child(2) {
  margin-left: 10px;
}
.proHomePage .vettedBox .cta .grad-butt-large i {
  font-size: 15px;
}
.proHomePage .vettedBox .par {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
  width: 500px;
  text-align: center;
  line-height: 1.5;
  color: #888;
}
.proHomePage .vettedBox .vettedLogo img {
  width: 100px;
}
.addMonitorBtn.outOfQuota{
  border-color:#f9855c;
  color:#f9855c;
  font-size:13px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}
/*
.addMonitorBtn.outOfQuota > div{
  padding-top:18px
}
*/
.addMonitorBtn.outOfQuota:hover{
  background: #f9855c;
  color: #fff;
}
.addMonitorBtn.inTopNav > i {
  line-height: 48px;
  font-size: 12px;
  color: #29c;
}
.addMonitorBtn:hover {
  background: #29c;
  color: #fff;
}
/*.addMonitorBtn > div{
  font-size: 13px;
  color: #29c;
  margin-top: 3%;
}*/

.proHomePage .dashWhiteBox {
  /*height: 352px;*/
  padding: 0px;
  width: 100%;
  margin-bottom: 20px;
  border:0;
  /*border: 1px solid #eee;*/
  border-top: 3px solid #eee;
}
.proHomePage .dashWhiteBox ,
.wfBox
 {
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.07);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.07);
}
.boxContent input[type='submit'], .boxContent button[type='submit'] {
  width: 100%;
  padding: 11px;
}
.boxContent button[type='submit'] i{
  margin-right: 10px;
}
.boxContent.brandMonitors {
  /*padding: 10px;
  padding-top: 6px;*/
  text-align: center;
}
.boxContent.proHomeProfileSearch .input-group .input-group-btn{
  vertical-align: top;

}
.boxContent.proHomeProfileSearch .input-group .input-group-btn > .btn{
  margin-right: -2px;
    font-size: 14px;
  padding: 8px 10px;
}
.boxContent .input-group .searchDD{
padding: 11px 15px;border: 1px solid #aaa;border-right:0;width:auto;margin-right: -1px;background-color:#F6F8F9;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;line-height: 1.2;
}
.boxContent .input-group .searchDD:hover{
  background: #eee;
}
.boxContent.brandMonitors > div.brandMonitor {
  float: left;
  margin-right: 4%;
  margin-bottom: 4%;
  border:1px solid #ddd;
  cursor:pointer;
}
.boxContent.brandMonitors > div:nth-child(7n){
  margin-right: 0;
}
.brandMonitors > div.brandMonitor:hover{
  border:1px solid #29c;
}

.monitorConfig{
  padding: 40px 0px 40px 0px;
}
.monitorConfig .close{
  float:right;
  font-size: 15px;
  font-family: open sans;
  background: #f9855c;
  color:#fff;
  padding: 2px 6px;

  opacity: 0.8;
}
.monitorConfig h2{
  border-bottom:1px solid #ccc;
  margin-bottom: 30px;
}
.monitorConfig h2 i{
  margin-right: 5px;
  color:#aaa;
}

.monitorConfig .close {
  float: right;
  font-size: 15px;
  font-family: open sans;
  background: #f9855c;
  color: #fff;
  padding: 2px 6px;

  opacity: 0.8;
}
.monitorConfig h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
.monitorConfig h2 i {
  margin-right: 5px;
  color: #aaa;
}
.monitorConfig .input-group {
  margin: 0 auto;
  position: relative;
}
.monitorConfig .input-group input {
  background: #eee;
  border-radius: 0;
  -moz-border-radius: 0;
  border: 0;
  font-size: 20px;
  /*padding: 22px 11px;*/

  height: 50px;
  width: 400px;
  font-family: open sans;
}
.monitorConfig .input-group .spinnerPlaceholder {
  position: absolute;
  right: -20px;
  top: 12px;
}
.monitorConfig .input-group .spinnerPlaceholder i {
  color: #29c;
}
.monitorConfig .searchTitle {
  font-family: raleway;
  font-weight:300;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
/* monitor configuration */

.monitor-data {
  /*  height: 18em;*/

  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.monitor-data img {
  float: left;
  /*margin-left:10%;
  margin-top: 3em;*/

  width: 20%;
}
.monitor-data .right-box {
  float: right;
  width: 80%;
  /*width: 60%;*/
}
.monitor-data .social-box {
  margin-left: 1em;
  width: 45%;
  /*height: 5em;*/

  border-width: thin;
  /*padding-top: 0.5em;
  padding-left:0.5em;*/

  padding: 10px;
  float: left;
  margin-bottom: 1em;
  position: relative;
  font-family: open sans;
}
.monitor-data .social-box-full {
  border-style: solid;
  border-color: #ddd;
}
.monitor-data .social-box .back {
  color: #888;
  font-size: 13px;
  margin-bottom: 10px;
}
.monitor-data .social-box .front {
  color: #333;
  font-size: 15px;
}
.monitor-data .social-box.social-box-missing {
  border-style: dashed;
  border-color: #ccc;
  /*#f9855c*/
}
.monitor-data .social-box.social-box-missing .back {
  color: #888;
}
.monitor-data .social-box.social-box-missing .front {
  color: #525352;
}
.monitor-data .monitor-data-content {
  /*margin-top: 0.3em;*/
  /*margin-left: 2%;*/

  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.monitor-data .tw-awasome {
  font-size: 1.5em;
  float: left;
  margin-top: 0.35em;
  text-align: left;
}
.monitor-data .edit-box {
  position: absolute;
  top: 10px;
  right: 10px;
}
.monitor-data .edit-box i {
  font-size: 17px;
  color: #29c;
}
.monitor-data .title.back i {
  margin-right: 5px;
}
.monitor-data .social-box.social-box-missing {
  background: #eee;
}
.monitor-data .social-box.social-box-missing .monitor-data-content {
  font-size: 18px;
  text-align: center;
  color: #29c;
}
.monitor-data .social-box.social-box-missing .monitor-data-content i {
  color: #29c;
  font-size: 22px;
}
.monitor-data .social-box.social-box-missing:hover {
  background: #ddd;
}
/* modal stuff */

.modal-body dl.gallery {
  border: 1px solid #000;
  background-color: #ddd;
  width: 102px;
  /*  text-align: center;  */

  padding: 10px;
  float: left;
  margin-right: 1em;
}
.modal-body .gallery dt {
  font-weight: 700;
}
.modal-dialog {
  /*width: 450px;*/
}
.confirmModal.campaignSettings .modalSection.roi .modalLabel {
  border-bottom: 2px solid #ddd;
  margin-bottom: 15px;
}
.confirmModal.campaignSettings .oneLine {
  width: 100%;
  margin-bottom: 10px;
}
.confirmModal.campaignSettings .oneLine:last-child {
  margin-bottom: 0;
}
.confirmModal.campaignSettings .oneLine .inputTitle {
  width: 76%;
  flex-direction: column;
  align-items:flex-start;
}
.confirmModal.campaignSettings .oneLine .inputTitle > div:nth-child(1) {
  font-family: open sans;
  font-weight: 500;
  color: #8091A5;
  font-size: 15px;
  margin-bottom: 5px;
}
.confirmModal.campaignSettings .oneLine .inputTitle > div:nth-child(2) {
  font-family: open sans;
  font-weight: 300;
  color: #aaa;
  font-size: 12px;
}
.confirmModal.campaignSettings .oneLine .inputTitle i{
  font-size: 11px; color:#aaa; vertical-align: middle;
}
.confirmModal.campaignSettings .oneLine .placeholder {
    background-color: white;
    float: left;
    font-size: 13px;
    padding: 5px;
    line-height: 2;
    padding-right: 0px;
    color: #aaa;
}
.confirmModal.campaignSettings .oneLine .roiInput {
  width: 20%;
  float: left;
  border: 0;
  font-size: 13px;
}
.confirmModal.campaignShare .modal-body {
  padding-top: 10px;
}
.confirmModal.campaignShare .modal-body .modalLabel {
  border-bottom: 2px solid #dedede;
  margin-bottom: 12px;
}
.confirmModal.campaignShare .modal-body .bigHead {
  text-align:left;
  font-weight:500;
  font-size: 17px;
}
.confirmModal.campaignShare .modal-body .bigHead .oneDetail {
  margin-bottom: 10px;
  font-weight: 300;
  color: #888;
}
.confirmModal.campaignShare .modal-body .bigHead .oneDetail i {
  color: #bbb;
  margin-right: 2px;
}
.confirmModal {
  background: #f6f8f9;
  padding-top: 13px;
  color: #525352;
  position: relative;
  /* width: 600px; */
}
.confirmModal.delete .smallHead{
  font-size: 15px;
  color: #6b7c93;
  font-weight: 700;
  margin-bottom: 8px;
}
.confirmModal.delete .bigHead{
  font-size: 18px;
  color: #aaa;
  font-weight: 300;
  margin-bottom: 20px;
}
.confirmModal.delete .underline-butt {
  font-weight: 700;
}
.confirmModal.delete img {
  width: 65px;
  margin: 25px 0;
}
.confirmModal.createPDF .close {
  position: absolute;
  right: 20px;
  top: 20px;

}
.confirmModal .smallHead {
  font-size: 12px;
  font-weight: 700;
  color:#6b7c93;
  margin-bottom: 3px;
}
.confirmModal .oneLine {
  display: flex;
}
.confirmModal .oneLine.par {
  font-size: 15px;
  color: #525352;
  line-height: 1.5;
  text-align: left;
  font-weight: 500;
}
.confirmModal .oneLine.title {
  font-family: open sans;
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #888;
}
.confirmModal .oneLine.title .rightButt {
  margin-left: auto;
}
.confirmModal .oneLine.horizontal > div {
  margin-right: 20px;
}
.confirmModal .oneLine.horizontal > div:last-child {
  margin-right: 0;
}
.confirmModal  .oneLine > div {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.confirmModal.campaignInvite .oneLine.par .title {
  font-size: 19px;
  color: #8091A5;
  font-family: raleway;
}
.confirmModal.campaignInvite .modalSection {
  margin: 20px 0;
}
.confirmModal.campaignInvite .modalSection .oneLine.par {
  justify-content: space-between;
  flex-direction: column;
}
.confirmModal.campaignInvite .modalSection .oneLine.par .text {
  color: #525352;
  font-weight: 300;
  display: inline;
}
.confirmModal.campaignInvite .modalSection .oneLine.par a {
  transition: 0.2s ease-in-out all;
  border-bottom: 1px solid transparent;
}
.confirmModal.campaignInvite .modalSection .oneLine.par a:hover {
  border-bottom: 1px solid #29c;
}
.confirmModal.campaignInvite .modalSection:last-child {
  margin-bottom: 0;
}
.confirmModal.campaignInvite textarea {
  resize: none;
}
.confirmModal.campaignInvite .shareableLink a {
  flex:1;
  padding:0 10px;
  display: flex;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
  flex-basis: 100%;
}
.confirmModal.campaignInvite .shareableLink i {
  margin-right: 4px;
}
.confirmModal.campaignInvite .shareableLink:hover {
  box-shadow: 0px 10px 11px -10px rgba(0,0,0,0.3);
}
.confirmModal.campaignInvite .shareableLink input {
  line-height: 1.3;
  height: 100%;
  border: 0;
  border-radius: 3px;
  flex:1;
  font-weight: 300;
}
.confirmModal.campaignInvite .shareableLink .errorMsg {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  display: flex;
  margin-right: 10px;
  color: #F9855C;
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}
.confirmModal.campaignInvite .shareableLink .errorMsg.visible  {
  opacity: 1;
}
.confirmModal.campaignInvite .shareableLink.wLink {
  border-color: white;
  background: white;
}
.confirmModal.campaignInvite .shareableLink.shake {
  animation: shake .5s ease;
}
.confirmModal.campaignInvite .shareableLink.grayed {
  border-color: #eee;
  background: #f6f8f9;
}
.confirmModal.campaignInvite .shareableLink.grayed a {
  color: #aaa;
  flex-shrink: 1;
}
@keyframes shake {
  0% {
    transform: translate(0,0)
  }
  10% {
    transform: translate(-10px,0)
  }
  20% {
    transform: translate(10px,0)
  }
  30% {
    transform: translate(0,0)

  }
}
.confirmModal.campaignInvite .shareableLink {
  flex: 1;
  cursor: pointer;
  background: #EFF8FB;
  border: 1px solid #A1B5C5;
  border-radius: 3px;
  text-align: left;
  height: 40px;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
  overflow: hidden;
}
.confirmModal.campaignInvite .shareableLink.ng-enter,
.confirmModal.campaignInvite .shareableLink.ng-leave {
  transition: none;
}
.confirmModal.campaignInvite .brandColor,
.confirmModal.campaignInvite .brandLogo {
  flex-direction: column;
  align-items: flex-start;
  border-radius: 5px;
}
.confirmModal.campaignInvite .settingsLine .settingsIcon {
  align-self: center;
  color: #888;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  font-size:15px;
  transition: all 0.2s ease;
  padding:10px;
}
.confirmModal.campaignInvite .settingsLine .settingsIcon:hover {
  color: #29c;
}
.confirmModal.campaignInvite .settingsLine:hover .settingsIcon {
  opacity: 1;
}
.confirmModal.campaignInvite .preview.logo {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(45deg, #f6f8f9 25%, transparent 25%), linear-gradient(-45deg, #f6f8f9 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f6f8f9 75%), linear-gradient(-45deg, transparent 75%, #f6f8f9 75%);
  background-size: 21px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.confirmModal.campaignInvite .preview.logo img {
  width: 90%;
}
.confirmModal.campaignInvite .preview {
  height: 40px;
  min-width: 40px;
  border-radius: 5px;
  margin: 0 5px 0 0;
  border-right: 1px solid #eee;
  box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}
.confirmModal .oneLine {
  display: flex;
}
.confirmModal .oneLine.title {
  font-family: open sans;
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #888;
}
.confirmModal .oneLine.horizontal > div {
  margin-right: 20px;
}
.confirmModal .oneLine.horizontal > div:last-child {
  margin-right: 0;
}
.confirmModal  .oneLine > div {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.confirmModal.campaignInvite .modalSection {
  margin: 20px 0;
}
.confirmModal.campaignInvite .modalSection:last-child {
  margin-bottom: 0;
}
.confirmModal.campaignInvite textarea {
  resize: none;
}
.confirmModal.campaignInvite .shareableLink a {
  flex:1;
  padding:0 10px;
  display: flex;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
  flex-basis: 100%;
}
.confirmModal.campaignInvite .shareableLink i {
  margin-right: 4px;
}
.confirmModal.campaignInvite .shareableLink:hover {
  box-shadow: 0px 10px 11px -10px rgba(0,0,0,0.3);
}
.confirmModal.campaignInvite .shareableLink input {
  line-height: 1.3;
  height: 100%;
  border: 0;
  border-radius: 3px;
  flex:1;
  font-weight: 300;
}
.confirmModal.campaignInvite .shareableLink .errorMsg {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  display: flex;
  margin-right: 10px;
  color: #F9855C;
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}
.confirmModal.campaignInvite .shareableLink .errorMsg.visible  {
  opacity: 1;
}
.confirmModal.campaignInvite .shareableLink.wLink {
  border-color: white;
  background: white;
}
.confirmModal.campaignInvite .shareableLink.shake {
  animation: shake .5s ease;
}
.confirmModal.campaignInvite .shareableLink.grayed {
  border-color: #eee;
  background: #f6f8f9;
}
.confirmModal.campaignInvite .shareableLink.grayed a {
  color: #aaa;
  flex-shrink: 1;
}
@keyframes shake {
  0% {
    transform: translate(0,0)
  }
  10% {
    transform: translate(-10px,0)
  }
  20% {
    transform: translate(10px,0)
  }
  30% {
    transform: translate(0,0)

  }
}
.confirmModal.campaignInvite .shareableLink {
  flex: 1;
  cursor: pointer;
  background: #EFF8FB;
  border: 1px solid #A1B5C5;
  border-radius: 3px;
  text-align: left;
  height: 40px;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
  overflow: hidden;
}
.confirmModal.campaignInvite .shareableLink.ng-enter,
.confirmModal.campaignInvite .shareableLink.ng-leave {
  transition: none;
}
.confirmModal.campaignInvite .brandColor,
.confirmModal.campaignInvite .brandLogo {
  color: #8091A5;
  background: white;
  padding: 0 10px 0 0;
  border-radius: 5px;
  box-shadow: 0px 10px 11px -10px rgba(0,0,0,0.3);
}
.confirmModal.campaignInvite .settingsLine .settingsIcon {
  align-self: center;
  color: #888;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  font-size:15px;
  transition: all 0.2s ease;
  padding:10px;
}
.confirmModal.campaignInvite .settingsLine .settingsIcon:hover {
  color: #29c;
}
.confirmModal.campaignInvite .settingsLine:hover .settingsIcon {
  opacity: 1;
}
.confirmModal.campaignInvite .preview.logo {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(45deg, #f6f8f9 25%, transparent 25%), linear-gradient(-45deg, #f6f8f9 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f6f8f9 75%), linear-gradient(-45deg, transparent 75%, #f6f8f9 75%);
  background-size: 21px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.confirmModal.campaignInvite .preview.logo img {
  width: 90%;
}
.confirmModal.campaignInvite .preview {
  height: 40px;
  min-width: 40px;
  border-radius: 5px 0 0 5px;
  margin: 0 5px 0 0;
  border-right: 1px solid #eee;
}
.confirmModal .modal-header {
  font-family: open sans;
  padding: 20px;
  padding-bottom: 0;
  border:0;
}
.confirmModal.settings .modal-header {
  margin-bottom: 10px;
}
.confirmModal.createPDF .modal-header {
  padding: 20px;
}

.confirmModal.createPDF .smallHead {
  font-size: 12px;
  margin-bottom: 5px;
}
@-webkit-keyframes clockWork {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes clockWork {
  0% {-moz-transform:rotate(0deg);}
  100% {-moz-transform:rotate(360deg);}
}
@keyframes clockWork {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
.confirmModal.createPDF .modal-body.thankYou .pdfClock {
  -webkit-animation: clockWork 6s steps(10, end) infinite;
  -moz-animation: clockWork 6s steps(10, end) infinite;
  animation: clockWork 6s steps(10, end) infinite;
  -webkit-transform-origin: 55px 56px;
  -moz-transform-origin: 55px 56px;
  -ms-transform-origin: 55px 56px;
  transform-origin: 55px 56px;
  display: inline;
}
.confirmModal.createPDF .modalEmph {
  font-weight: 700;
  font-size: 12px;
  margin: 20px 0;
}
.confirmModal.createPDF .modal-body.thankYou .bigHead {
  font-weight: 700;
  margin-bottom: 10px;
}
.confirmModal.createPDF .modal-body.thankYou {
  font-size: 18px;
  font-weight: 300;
  width: 80%;
  margin: 0 auto;
}
.confirmModal.createPDF .bigHead {
  font-size: 18px;
}
.confirmModal.createPDF .modal-footer .underline-butt, .confirmModal.delete .modal-footer .underline-butt {
  font-size: 15px;
  color: #525352;
}
.confirmModal.createPDF .modal-body {
  /*padding: 80px 100px 100px 100px;*/
}
.confirmModal.createPDF .modal-header .modal-title {
    font-size: 14px;
  }
.editMonitorModal .trackerInstruction {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height:1.3px;
}
.editMonitorModal .trackerInstruction .oneLine {
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 22px 30px;
}
.editMonitorModal .trackerInstruction .oneLine .smallText {
  margin-top: 10px;
  color: #888;
  font-size: 12px;
}
.editMonitorModal .trackerInstruction .oneLine.title {
  border: 0;
  font-size: 12px;
  text-transform: uppercase;
  padding: 22px 30px 0px 30px;
}
.editMonitorModal .trackerInstruction .oneLine.title div, .editMonitorModal .trackerInstruction .oneLine.title div:nth-child(1) {
  font-weight: 700;
  color: #aaa;

}
.editMonitorModal .trackerInstruction .oneLine span {
  font-weight: 500;
  color: #525352;
}
.editMonitorModal .trackerInstruction .oneLine div:nth-child(1) {
  width: 33%;
  font-weight: 500;
  float: left;
  color: #888;
}
.editMonitorModal .trackerInstruction .oneLine div:nth-child(2) {
  width: 67%;
  float: right;
}
.editMonitorModal .trackerInstruction .oneLine.example {
  background: #F6F8F9;
}
.editMonitorModal .trackerInstruction .oneLine.example div:first-child {
  font-size: 11px;
  color: #aaa;
  margin-bottom: 5px;
}
.editMonitorModal .trackerInstruction .oneLine.example div {
  float: inherit;
  width: 100%;
  font-size: 13px;
}
 .editMonitorModal.landscapeMentions .modal-header {
  padding-bottom: 0;
  border:0;
 }
.confirmModal .modal-header .modal-title, .editMonitorModal.landscapeMentions .modal-header .modal-title {
  font-family: open sans;
  text-transform: uppercase;
  font-size: 14px;
  color: #aaa;
  padding: 0;
  text-align: left;
  font-weight: 700;
}
.confirmModal .modal-body {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  border: 0;
  padding:30px;
}
.confirmModal.sendForm {
  position: relative;
}
.confirmModal.sendForm .modal-body {
  padding:0;
}
.confirmModal .modal-header .close,
.postModal .close {
  position:absolute;
  top:30px;
  right:20px;
  font-size: 28px;
  font-weight:300;
  color: #525352;
  opacity: 0.5;
  transform: translateZ(0);
  transition: transform .4s ease-in-out, opacity .4s ease-in-out;
}
.confirmModal .modal-header .close:hover,
.postModal .close:hover {
  opacity: 1;
  transform: rotate(180deg) translateZ(0);
}
.listShare .topSection .subTitle,
.listShare .topSection .subTitle .regColor {
  text-align: center;
  color: #aaa;
  font-weight: 500;
}
.listShare .topSection .subTitle span {
  color: #29c;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection {
  text-align: left;
  font-size: 17px;
  position: relative;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .copy {
  float: right;
  border-top: 2px solid #dedede;
  font-size: 15px;
  line-height: 2;
  box-shadow: none;
  padding: 5px;
  color: #525352;
  font-weight: 500;
  background: white;
  width: 20%;
  text-align: center;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .inputNotice {
  font-weight: 300;
  font-family: open sans;
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .inputNotice span {
  font-weight: 700;
  margin-right: 5px;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .reset {
  padding:30px 0;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .reset a{
  font-weight: 700;
  color: #F9855C;
  font-size: 15px;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection label {
  font-weight: 300;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection label i {
  vertical-align: middle;
  display: inline-block;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine {
  margin: 10px 0;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine.butt {
  cursor: pointer;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine.butt:hover {
  opacity: 0.8;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine.active {
  color: #525352;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine.notClickable {
  cursor: initial;
  opacity:1;
  margin: 7px 0;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine.notClickable.withPassOrMemberTabExclude {
  color: #525352;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .checkboxLine.notClickable:hover {
  opacity: 1;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection input[type='checkbox'] {
  width: 20px;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection input[type='password'] {
  background: white;
  font-weight: 300;
  margin-bottom: 20px;
  color: #525352;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .flat-butt.flat-butt-large {
  margin-bottom: 40px;
  transition: all 0.2s ease;
  transition: background 0.2s ease;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .flat-butt.flat-butt-large.disabled {
  background: #eee;
  border-color: #eee;
  color: #aaa;
  cursor: default;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection input[type='password'].disabled {
  background: #eee;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .shareUrlWithButt {
  margin-top:30px;
}
.confirmModal.sendForm .modal-body .modalSection.passwordAndMembersTabExcludeSection .shareUrl {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.confirmModal.sendForm .modal-body .modalSection {
  padding: 0 35px;
  flex-direction: column;
}
.confirmModal .modal-body .bodyNote {
  font-size: 17px;
  color: #888;
}
.confirmModal .modal-body .modalSection.modalCta {
    border: 0;
  text-align: center;
  padding: 0;
  background-color: #f6f8f9;
}
.confirmModal .modal-footer {
  border: 0;
  text-align: center;
  padding: 0;
  background-color: #f6f8f9;
}
.confirmModal .modal-body .modalSection.modalCta .underline-butt {
  font-size: 18px;
}
.confirmModal .modal-footer .underline-butt.underline-butt-fullWidth, .confirmModal .modalCta .underline-butt.underline-butt-fullWidth {
  width: 100%;
}
.confirmModal .modal-footer .underline-butt, .confirmModal .modalCta .underline-butt  {
   font-size: 16px;
  padding: 11px 22px;
  width: 50%;
  padding: 0;
  float: left;
  background: none;
  border:0;
  padding: 10px;
  font-size: 15px;
  cursor: pointer;
  outline: 0;
  text-align: center;
  line-height: 1;
  box-sizing: border-box;
}
.confirmModal .modal-footer .butt-blue-fullWidth, .confirmModal .modalCta .butt-blue-fullWidth {
  color: #29c;
  width: 100%;
}
.confirmModal .modal-footer .underline-butt:hover, .confirmModal .modalCta .underline-butt:hover {
  background-color: white;
  opacity: 0.8;
}
.confirmModal .modal-footer .underline-butt.underline-butt-red, .confirmModal .modalCta .underline-butt.underline-butt-red {
  border-bottom: 2px solid #f9855c;
  color: #f9855c;
}
.confirmModal .modal-footer .underline-butt.underline-butt-blue, .confirmModal .modalCta .underline-butt.underline-butt-blue {
  border-bottom: 3px solid #29c;
  color: #29c;
  transition: 0.2s ease-in-out all;
}
.confirmModal .modalCta .underline-butt.underline-butt-blue:disabled {
  color: #aaa;
  border-color: #aaa;
  cursor: initial;
}
.confirmModal .modal-footer .underline-butt.underline-butt-none, .confirmModal .modalCta .underline-butt.underline-butt-none {
  border:0;
}
.confirmModal .modal-footer .underline-butt.underline-butt-none {
  color:#525352;
}
.confirmModal .modalSelector {
  font-size: 15px;
  text-align: left;
  display: inline-block;
  width: 100%;
  /*border-bottom: 2px solid #dedede;*/
  box-sizing: border-box;
  height: 24px;
}
.confirmModal .modalLabel {
  font-family: raleway;
  text-align: left;
  font-size: 15px;
  color: #777;
  font-weight: 400;
  padding: 5px;
  padding-left: 0;
}
.confirmModal .modalLabel .modalIcon {
  color: var(--gray);
  margin-right: var(--space-tiny);
}
.confirmModal .modalSection input {
  width: 100%;
  border:0;
  border-top:2px solid #dedede;
  font-size: 15px;
  line-height: 2;
  box-shadow: none;
  padding: 5px;
  color: #525352;
  font-weight: 500;
  outline:none;
}
.confirmModal .modalSection input.blueBorder{
  border-color: #add9eb;
}
.confirmModal .modalSection textarea {
    width: 100%;
    height: 200px;
    font-size: 15px;
    line-height: 1.3;
    padding: 7px;border:0;
    border-top: 2px solid #dedede;
    box-shadow: none;
    color: #888;
    background:white;
}
.confirmModal .modalSection textarea.disabled {
  background: #eee;
}
.confirmModal .modalSelector .selectorHead {
  color: #29c;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  z-index: 9999;
  height: 24px;
  width: 55px;
  text-align: center;
}
.confirmModal .modalSelector .selectorHead.selected {
  border-bottom: 2px solid #29c;
  color: #525352;
}
.confirmModal .modalSection .editContactAdditionalInfo {
  border-top: 2px solid #add9eb;
  resize: none;
}
.editMonitorModal.landscapeMentions .mentionPost {
  min-height: 400px;
  display: flex;
  flex-wrap:wrap;
}
.editMonitorModal.landscapeMentions .sectionCtaLinkOverview {
  display: flex;
  justify-content: center;
  margin-top: var(--space-big);
  padding-bottom: var(--space-big);
}
.editMonitorModal.landscapeMentions .mentionPost .landscapespinner {
  width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}
.editMonitorModal.landscapeMentions .btn3 .roundImage {
  position: relative;
  width: 48px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: none;
  overflow: inherit;
  height: 48px;
}
.editMonitorModal.landscapeMentions .btn3 .trackerName {
    width:66px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}
.editMonitorModal.landscapeMentions .seeMore a div {
  line-height: 1;
}
.editMonitorModal.landscapeMentions .seeMore .fa-ellipsis-h {
  font-size: 20px;
}
.editMonitorModal.landscapeMentions .seeMore {
    font-size: 14px;
    padding-top: 19px;
    color: #29c;
    width: 85px;
    float: right;
    text-align: center;
    font-weight: 300;
    color: #888;
}

.editMonitorModal.landscapeMentions .seeMore li {
  font-size: 11px;
  width: 280px;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.editMonitorModal.landscapeMentions .seeMore li:last-child {
  border:0;
}
.editMonitorModal.landscapeMentions .seeMore li:hover {
  background: #29c;
}
.editMonitorModal.landscapeMentions .seeMore li:hover .name, .editMonitorModal.landscapeMentions .seeMore li:hover .count {
  color: white;
}
.editMonitorModal.landscapeMentions .seeMore li .cont {
  width: 100%;
}
.editMonitorModal.landscapeMentions .seeMore li .name {
  color: #666;
  margin-left: 6px;
  font-size: 13px;
  line-height: 2;
}
.editMonitorModal.landscapeMentions .seeMore li .count {
  color: #aaa;
  padding-top: 9px;
  font-size: 11px;
}
.editMonitorModal.landscapeMentions .seeMore li img {
  width: 30px;
  border: 1px solid #ccc;
  border-radius: 20px;
}
.editMonitorModal.landscapeMentions .seeMore li .count {
  float: right;
}


.editMonitorModal.landscapeMentions .contentMenu {
  margin-bottom: 15px;
}
.editMonitorModal.landscapeMentions .modal-body {
  padding-bottom: 0;
  padding-top: 0;
}
/*.editMonitorModal.landscapeMentions .newPostContainer {
   margin-right: 18px;
}*/
.editMonitorModal.landscapeMentions .newPostContainer:nth-child(3n) {
  margin-right: 0;
}
.editMonitorModal.landscapeMentions .btn3.active .roundImage img {
  border:2px solid #29c;
}
.editMonitorModal.landscapeMentions .btn3 .roundImage img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border:2px solid transparent;
  background: white;
}
.editMonitorModal.landscapeMentions .btn3 .roundImage .imgNotification {
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 50%;
  font-size: 10px;
  width: 17px;
  height: 17px;
  background-color: #d7e6eb;
  color: #29c;
  text-align: center;
  line-height: 17px;
}
.editMonitorModal.landscapeMentions .btn3 .roundImage .imgNotification.red {
  background-color: #f1d1c6;
  color: #9c6644;
}
.editMonitorModal .modal-header input[type='text'] {
  width: 100px;
  border: 0;
  border-radius: 0;
  background: #fff;
  display: inline-block;
  line-height: 28px;
  height: 34px;
}
.editMonitorModal .modal-header .flat-butt {
  line-height: 18px;
}
.editMonitorModal .modal-header i.fa-spinner {
  display: inline-block;
  margin-left: 10px;
}
.editMonitorModal {
  background: white;
  padding-top: 20px;
  /*z-index: 2001;*/
}
.listPage .modal-dialog {
  width: 200px;
}
.modal-dialog {
/*  width: 1000px !important;
  height: 500px !important;*/
}
.modal-dialog .modal-content {
  height: 100%;
}
.editMonitorModal .modal-header .title {
  font-size: 15px;
  font-family: raleway;
  font-weight:300;
  margin-bottom: 10px;
}
.editMonitorModal .modal-header .close {
  font-size: 15px;
  color: #222;
}
.editMonitorModal .modal-content .editMonitorModal .searchUserList:hover {
  /*box-shadow: 0px 2px 0px #29c;*/
}
.sendMsgModal{
  font-size:15px;
}
.sendMsgModal .prevMsgs{
  /*margin-bottom: 20px;*/
  font-weight: 300;
}
.sendMsgModal .prevMsgs .prevMsg {
  border-bottom: 1px solid #eee;
  padding: 20px;

}
.sendMsgModal .prevMsgs .prevMsg:last-child {
  /*border-bottom: none;*/
}
.sendMsgModal textarea {
  resize: none;
  width: 100%;
  height: 185px;
  border: none;
  padding:12px;
  line-height: 1.35;
  outline: none;
  /*border-left: 0;*/
}


#importListForm .emailImportMsg{
    display: block;
    background: #fff;
    padding: 20px;
    font-size: 15px;
    border-top: 2px solid #dedede;
    height: 150px;
    line-height: 1.35;
    padding-top: 35px;
  }


/* Keywords tracker stuff*/
.monitorKeyword {
  /*padding: 15px 30px;
  border: thin solid silver;*/
  margin-bottom: 20px;
}
.monitorKeyword .keywordsPanel{
  /*margin-top: 5px;*/
  position: relative;
}

.monitorKeyword .keywordsPanel .previewButton i.fa-spinner{
  position: absolute;
  right: -30px;
  top: 19px;
}
.monitorKeyword .preButton {
  position: absolute;
  right: 60px;
  bottom: -35px;
  border: thin solid blue;
  color: blue;
  padding: 4px;
}
.monitorKeyword .preButton:hover {
  cursor: pointer;
}

.monitorConfig .toggleLinks{
  font-family: open sans;
  margin-top:5px;
}

/* opportunity stuff */
.opportunity {
  padding-bottom: 15px;
  border-bottom: 1px solid #dedede;
  padding-top: 15px;
  font-size: 15px;
  color:#525352
  /*color: #29c;*/
}
.opportunity:hover .flat-butt{
  /*background: #eee;*/
  border:1px solid #29c;
  color:#29c;
}
.opportunity i{
  color: #888;
  padding-left: 10px;
  line-height: 2;
}
.opportunity .lfloat {
  float: left;
}
.opportunity .oppData {
  float: left;
  margin-left: 20px;
  line-height: 1.2;
}

.topSection .onboardingTop{
  padding: 50px 0px 30px 0px;
  font-size: 18px;
  text-align: center;
  width: 700px;
  margin: 0 auto;
  line-height: 1.3;
}
.topSection .onboardingTop .bigTitle{
  font-size: 24px;
  margin-bottom: 5px;
  width: 500px;
  margin: 0 auto;
}
.topSection .onboardingTop .grayText{
  color:#888;
  font-size:15px;
  margin-top:20px;
}

.topSection .onboardingTop .close{

  position: absolute;
  right: 0;
  top: 40px;

  font-size: 15px;
  font-family: open sans;

  /*background: #f9855c;
  color: #fff;
  padding: 2px 6px;

  opacity: 0.8;*/

}

/* end of pro home app */

/* pro influencers app */
.influencersPage .searchTab .seeAllFilters:hover {
  background: #f6f8f9;
  opacity: 0.8;
}
.influencersPage .searchTab .seeAllFilters {
  transform: 0.2s all ease;
  cursor: pointer;
  transition: 0.2s ease all;
  color: #8091A5;
}

.influencersPage .searchTab .seeAllFilters i {
  transition: 0.2s ease all;
}
.influencersPage .searchTab .seeAllFilters i:nth-child(2) {
  margin-left: 3px;
}
.influencersPage .searchTab .seeAllFilters.showLess i.fa-angle-down {
  transform: rotate(180deg);
}
.influencersPage .emptyState .animation svg {
  width: 400px;
}
.influencersPage .emptyState .title {
  font-size: 27px;
  margin-bottom: 15px;
  font-family: raleway;
  font-weight: 300;
  color: #8091A5;
  margin-top: 60px;
}
.influencersPage .emptyState .text {
  font-size: 15px;
   font-family: open sans;
  color:#A1B5C5;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 50px;
}
.influencersPage .emptyState {
  text-align: center;
  margin: 0 auto;
  width: 620px;
}
.influencersPage .emptyState .flat-butt {
  margin-bottom: 50px;
}

.influencersPage .topSection .searchTab .searchFilters {
  transition: all 0.7s ease;
  height: 70px;
}
.influencersPage .topSection .searchTab .searchFilters.ng-hide {
  height: 0;
}
.influencersPage .topSection .searchTab .searchFilters.ng-hide-remove, .influencersPage .topSection .searchTab .searchFilters.ng-hide-add {
  overflow: hidden;
}
.influencersPage .topSection .searchTab .searchFilters .whiteDropdown.filterButt a .resultCont .imgCont {
 height: 36px;
 width: 36px;
 margin-left:-10px;
}

.influencersPage .topSection .searchTab .searchFilters .whiteDropdown.filterButt > a {
  box-shadow: none;
  border-radius: 0;
  border-right: 0;
  height: 40px;
  margin-right: 20px;
  padding-left:10px;
}

.influencersPage .topSection .searchTab .searchFilters .whiteDropdown.filterButt a > .resultCont .resultName {
  font-size: 14px;
}
.influencersPage .topSection .searchTab .searchFilters .filterButt:nth-last-child(2) {
  margin-right: 0;
}
.influencersPage .topSection .searchTab .searchFilters .filterButt > a {
  text-align: left;
  line-height: 40px;
  color: #8091A5;
 }
 .influencersPage .topSection .searchTab .searchFilters .whiteDropdown.filterButt a .resultCont .resultName {
  line-height: 3;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt > a > span {
  /*padding-left: 10px;*/
  font-size: 14px;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt > a > span.selected,
 .influencersPage .topSection .searchTab .searchFilters .whiteDropdown.filterButt a .resultCont .resultName.selected,
 .influencersPage .topSection .searchTab .searchFilters .filterButt.kUser.active label {
  color: #525352;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt.add > a > span {
  padding-left: 3px;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt > a i {
  float: right;
  /*line-height: 2.8;*/
  padding-right: 10px;
  padding-top: 12px;
  color: #aaa;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt label {
    margin: 0;
    cursor: pointer;
    font-weight: 300;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt label:hover {
  background-color: #F6F8F9;
  box-shadow: 0 0 1px 0 #ccc;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt ul {
  width: 100%;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt ul li label span {
  margin-left: 3px;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt ul a {
  cursor: pointer;
 }
 .kCheckBox input[type="checkbox"] {
  display: none;
 }
 .kCheckBox.active .selectSq .checkBox {
  opacity: 1;

 }
 .kCheckBox.notActive .selectSq .checkBox {
  opacity: 0;
  transform: rotate(0deg);
 }
 .settings .kCheckBox .selectSq {
  border-color: #525352;
  transition: 0.2s ease all;
 }
 .settings .kCheckBox .selectSq .checkBox {
  border-color: #525352;
  transition: 0.2s ease all;
  margin-bottom: 1px;
 }
 .settings .kCheckBox.active .selectSq {
  box-shadow: 0 0 3px 1px #dedede;
  border-color: #29c;
 }
 .settings .kCheckBox.active .selectSq .checkBox {
  border-color: #29c;
 }
 .kCheckBox .selectSq {
  width: 15px;
  height: 15px;
  border:1px solid #8091A5;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  vertical-align: middle;
  margin-bottom: 2px;
  }
 .kCheckBox .selectSq .checkBox {
  transition: all 0.2s ease;
  width: 38%;
  height: 68%;
  border-right: 1px solid #8091A5;
  border-bottom: 1px solid #8091A5;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(40deg);
  bottom: 2px;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt.kUser {
  padding: 0;
  border-radius: 0;
  border: 1px solid #eee;
   width: 251px;
  text-align: left;
  height: 40px;
 }
 .influencersPage .topSection .searchTab .searchFilters .filterButt.kUser label {
  padding: 2px 11px;
  color: #8091A5;
  font-weight: 500;
 }
.influencersPage .topSection .searchTab .searchFilters .filterButt a {
  transition: all 0.2s ease;
}
.influencersPage .topSection .searchTab .searchFilters .filterButt a:hover {
  color: #29c;
  background: #F6F8F9;
}
.influencersPage .topSection .searchTab .searchFilters .filterButt.add .comparePlus {
  background: #EFF8FB;
  border-radius: 50%;
  font-weight: 700;
  display: inline-block;
  height: 18px;
  width: 18px;
  padding: 0;
  margin: 0;
}
.influencersPage .topSection .searchTab .searchFilters .filterButt.add .comparePlus span {
  line-height: 18px;
  height: 18px;
  display: block;
  padding: 0;
  text-align: center;
}
.emptyStateMsg {
  text-align: center;
  margin: 0 auto;
}
.emptyStateMsg .title {
  font-size: 16px;
  font-family: open sans;
  font-weight: 500;
  color: #aaa;
  padding:20px;
}
.editMonitorModal.topSkills h2 {
    /*font-family: raleway;*/
    font-size:15px;
    /*color: #525352;*/
    /*font-weight: 500;*/
    float: left;
    margin:0;
    margin-left: 8px;
    margin-top: 8px;
    line-height: 1;
}
.editMonitorModal.topSkills {
  /*padding: 20px;*/
}
.editMonitorModal.topSkills .title {
  display: block;
}
.editMonitorModal.topSkills .title img {
  width: 40px;
  /*margin-right: 10px;*/
  float: left;
}
.editMonitorModal.topSkills .title {
  font-family: raleway;
  font-size: 15px;
  color: #525352;
  font-weight: 500;
  border-bottom: 2px solid #eee;
  padding: 10px 20px;
}
.editMonitorModal.topSkills .skillList {
  overflow: auto;
  padding: 20px;
  white-space: nowrap;
}
.editMonitorModal.topSkills .skillList .skill {
  font-size: 13px;
  /*color: #525352;*/
  transition: all 0.2s ease;
  float: left;
  width: 25%;
}
.skillTag3.skillNew {
  border: 0;
  color: #525352;
  font-weight: 500;
  text-transform: inherit;
  font-family: open sans;
  font-size: 12px;
  letter-spacing: 0.1px;
  /*border-bottom: 1px dashed #ddd;*/
  transition: 0.3s ease-in-out all;
  padding: 5px 8px;
}
.skillTag3.skillNew:hover ,
.editMonitorModal.topSkills .title:hover .skillTag3.skillNew,
.editMonitorModal.topSkills .skillTag3.skillNew:hover {
  background: #F6F8F9;
  color: #29c;
  border-color: #29c;
}
.topSkills .skillList .skill .skillTag3 {
  margin-bottom: 20px;
}
.skillTag3.skillNew:hover {
  box-shadow: none;
  background: transparent;
}
.influencersPage .topSection .title {
  font-family: raleway;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 20px;
}
.monitorPage .topSection{
  background: #fff;
}
.influencersPage .topSection .searchTab .searchBox{
  margin-bottom: 15px;
  margin-top: 19px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #ddd !important;
  border-radius: 4px;
  display: flex;
  height: 42px;
  width:100%;
  background: #fff;
}
.profilesTab .floatingSearchTab .searchBox {
   margin-bottom: 15px;
   margin-top: 19px;
   box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
   border: 1px solid #ddd !important;
   border-radius: 4px;
   display: flex;
   height: 42px;
   width:100%;
  background: #fff;
}
.influencersPage .topSection .searchTab .searchBox .selectNetwork,
.profilesTab .floatingSearchTab .searchBox .selectNetwork {
  padding:0;
}
.influencersPage .topSection .searchTab .searchBox > *,
.profilesTab .floatingSearchTab .searchBox > * {
  display: flex;
  height: auto;
  flex:0;
  align-items: center;
  border-right: 1px solid #eee;
  padding: 0 20px;
}
.influencersPage .topSection .searchTab .searchBox .tooltip {
  border-right: 0;
}
.influencersPage .topSection .searchTab .searchBox .oneSearchItem,
.profilesTab .floatingSearchTab .searchBox .oneSearchItem {
  transition: 0.2s ease-in-out all;
}
.influencersPage .topSection .searchTab .searchBox .oneSearchItem.ui-autocomplete-loading,
.profilesTab .floatingSearchTab .oneSearchItem.ui-sautocomplete-loading {
  transition: none;
}
.influencersPage .topSection .searchTab .searchBox .oneSearchItem:hover,
.profilesTab .floatingSearchTab .searchBox .oneSearchItem:hover {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
  z-index:1;
}
.profileSearchItem {
  /* position: absolute; */
  width: 100%;
}
.influencersPage input[type=text]:disabled,
.profilesTab input[type=text]:disabled {
  opacity: .5;
  cursor: initial;
}
.influencersPage input[type=text]:disabled:hover,
.profilesTab input[type=text]:disabled:hover {
  box-shadow: none;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter .vettedIcon {
  width: 15px;
  margin-right: 3px;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter .vettedIcon svg {
  width: 100%;
  margin-top: 3px;
}
.influencersPage .topSection .searchTab .submitSearch,
.profilesTab .floatingSearchTab .searchBox .submitSearch {
  border:0;
  justify-content: center;
}
.influencersPage .topSection .searchTab .searchBox .inputCont,
.profilesTab .floatingSearchTab .searchBox .inputCont
 {
  flex:2;
  padding:0;
}
.influencersPage .topSection .searchTab .searchBox .inputCont input:first-child {
  border-right: 1px solid #eee;
}
.influencersPage .topSection .searchTab .searchBox .inputCont input,
.profilesTab .floatingSearchTab .searchBox .inputCont input {
  height: 100%;
  display: flex;
  flex:1;
  padding:0 20px;

}
.influencersPage .topSection .searchTab .searchBox .seeAllFilters > * {
  display: flex;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter {
  cursor: pointer;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter,
.influencersPage .topSection .searchTab .searchBox .vettedFilter .diamond,
.influencersPage .topSection .searchTab .searchBox .vettedFilter .check {
  transition: 0.2s ease-in-out all;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter .diamond {
  stroke: #aaa;
  stroke-width:2;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter.checked .diamond {
  fill:#29c;
  stroke: #29c;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter .check {
  fill:transparent;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter.checked .check {
  fill:white;
}
.influencersPage .topSection .searchTab .searchBox .vettedFilter.checked {
  color:#29c;
}
.connectNetworks .buttGroup {
  position: relative;
}
.settings .sSection .sBox .oneLine .connectNetworks .buttGroup {
  float: left;
  width: 100px;
}
.connectNetworks .selectionBox.connectButton.connectInstagramBusiness {
  padding:0 !important;
  width:254px !important;
}
@media only screen and (max-width: 768px) {
  .connectNetworks .selectionBox.connectButton.connectInstagramBusiness {
    width:100% !important;
  }
}
.connectNetworks.connectNetworksModal {
  padding:20px;
  max-width:1000px;
  width:100%;
}
.connectNetworks .selectionBox.connectButton.connectInstagramBusiness .center {
  height:100%;
}
.connectNetworks .selectionBox.connectButton.connectInstagramBusiness .center .network {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:20px;
}
.connectNetworks .selectionBox.connectButton.connectInstagramBusiness .center .network .oneNetwork {
  display: flex;
  height: 100%;
  align-items: center;
}
.connectNetworks .selectionBox.connectButton.connectInstagramBusiness .center .network .oneNetwork i {
  margin-bottom: 7px;
}
.connectNetworks .selectionBox.connectButton.connectInstagramBusiness .center .network .facebookLabel {
  font-size: 10px;
  color: #3c5999;
  display: flex;
  FONT-WEIGHT: 600;
  line-height: 1.3;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  text-transform: uppercase;
}
.connectNetworks .connectInstagramBusiness .center .network .facebookLabel i {
  margin-right: 3px;
}

@media only screen and (max-width: 768px) {
  .settings .sSection .sBox .oneLine .connectNetworks > *:last-child {
    padding-right: 20px;
  }
}
.setPassword .connectNetworks .buttGroup .buttSelector {
  top: -19px;
}
.settings .sSection .sBox .oneLine .boxCont {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}
.settings .sSection .sBox .oneLine.monitors {
  margin-top:20px;
}
.settings .connectErrorMsg {
  width: 414px;
  position: absolute;
  right: 30px;
  height: 180px;
  top: 2rem;
}
.leftFlex {
  display: flex;
}
.connectNetworks .buttGroup .buttSelector {
  position: absolute;
  top: -13px;
  left: 0;
  z-index: 1;
}
.connectNetworks .buttGroup .buttSelector span {
  cursor: pointer;
  font-size: 11px;
  transition: all 0.2s ease-in-out;
  color: #aaa;
}
.connectNetworks .buttGroup .buttSelector span:first-child {
  margin-right: 4px;
}
.connectNetworks .buttGroup .buttSelector .selected {
  color: #29c;
  font-weight: 700;
  cursor: initial;
}
.settings .sSection .sBox .oneLine.noMargin {
  margin-bottom: 0;
}

.campaignSettings .ddOnWhite.monitorSelect li img {
  width: 43px;
  border: 1px solid #eee;
  border-radius: 50%;
}

/* end influencers app */


/* monitor keyword css */
.monitorKeyword .queryPanel {
  margin-bottom: 20px;
  float: left;
  width: 58%;
}
.monitorKeyword .queryPanel .input-group {
  width: 100%;
  margin: 0px;
}
.monitorKeyword tags-input {
  width: 78%;
  float: left;
}
.monitorKeyword tags-input .tags {
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.monitorKeyword tags-input .tags .input {
  font-family: open sans;
  padding: 10px;
  height: 32px;
  color: #525352;
}
.monitorKeyword tags-input .tags .tag-item {
  font-family: open sans;
  min-height: 32px;
  line-height: 26px;
  background: #eee;
  padding: 0 10px;
  border-radius: 0px;
  border: 1px solid #ddd;
  height: auto;
}
.monitorKeyword .previewButton {
  width: 22%;
  float: left;
  margin-top: 5px;
  line-height: 22px;
}
.monitorKeyword h3 {
  padding: 8px;
  margin-bottom: 0;
  background: #eee;
  font-family: raleway;
  font-weight:300;
}
.monitorKeyword .previewPanel {
  width: 45%;
  height: 315px;
  border: 1px solid #ccc;
  position: absolute;
  left: 60%;
  background-color: #FFF;
}

.monitorKeyword .previewPanel ul {
  overflow-y: scroll;
  max-height: 88%;
}
.monitorKeyword .previewPanel:after {
  content: "";
  border-color: transparent #ccc transparent transparent;
  border-style: solid;
  border-width: 8px;
  width: 0;
  height: 0;
  position: absolute;
  top: 20px;
  left: -17px;
}

/* new monitor tracker (includes Instagram) */
.newMonitorKeyword {
  position: relative;
}
.newMonitorKeyword .queryPanel {
  font-family: "open sans";
  width: 49%;
  float: left;
}
.newMonitorKeyword .queryPanel .keywordsPanel{
  /*margin-top: 5px;*/
  /*position: relative;*/
}
.newMonitorKeyword .queryPanel .keywordsPanel .userContentPanel{
  color: #555;
  border: 1px solid #ddd;
  vertical-align: text-bottom;
  display: table;
  width: 100%;
  border-radius: 3px;
}
.newMonitorKeyword .queryPanel .keywordsPanel .userContentPanel.focused,
.brandMonitorData .input-group.focused{
  box-shadow: 0 0 2px 2px #eee;
}
.newMonitorKeyword .config-panel .input-group .form-control{
  border-radius: 0px 3px 3px 0px;
  background: white;
  border-left: 0;
  border-color: #ddd;
  padding-left: 0;
  font-weight: 500;
}
.newMonitorKeyword .config-panel .input-group-addon:first-child, .newMonitorKeyword .config-panel .newMonitorKeyword .queryPanel .keywordsPanel .networkLogo {
    border-radius: 3px 0px 0px 3px;
    background: white;
    border-color: #ddd;
    padding: 12px;
    line-height: 0;
}

.newMonitorKeyword .queryPanel .keywordsPanel .networkLogo{
/*  width: 10%;*/
  font-size: 14px;
  display: table-cell;
  /*vertical-align: middle;*/
  text-align: center;
  /*background-color: #eee;*/
  vertical-align: top;
  padding-top: 13px;
}
.newMonitorKeyword .queryPanel .keywordsPanel .twitterQuery:focus {
  outline: none;
}
.newMonitorKeyword .queryPanel .keywordsPanel .twitterQuery{
  width: 100%;
  color: #000;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  resize: none;
  display: block;
  padding: 9px;
  line-height: 1.35;
}
.newMonitorKeyword .queryPanel .keywordsPanel .instructionsSection {
  display: inline-block;
  width: 76%;
  color:#888;
  font-size: 13px;
  line-height: 2.8;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.newMonitorKeyword .queryPanel .keywordsPanel .instructionsSection.visible {
  opacity: 1;
}
.newMonitorKeyword .queryPanel .keywordsPanel .previewButton {
  display: inline-block;
  width: 23%;
  /*margin-top: 5px;*/
  line-height: 20px;
  float: right;
  margin-top: -1px;
}
.newMonitorKeyword .queryPanel .keywordsPanel .previewButton i.fa-spinner{
  position: absolute;
  right: -30px;
  top: 19px;
}
.newMonitorKeyword .queryPanel .insta-tags{
  width: 100%;
  margin-bottom: 0;
  height: 100px;
}
.newMonitorKeyword .queryPanel .insta-tags .input-group-addon{
  vertical-align: top;
  padding:15px;
}

.newMonitorKeyword .queryPanel .insta-tags .hashtag{
  position: absolute;
  padding: 10px;
  color: #525352;
  font-family: open sans;
}

.newMonitorKeyword .queryPanel .insta-tags input{
  /*padding-left: 10%;*/
  padding-right: 0;
  font-family: open sans;
  margin: 4px;
  width: 100% !important;
}
.newMonitorKeyword .queryPanel tags-input .tags .tag-item {
  background: #F6F8F9;
  border-color: #EEEEEE;
  color: #8091A5;
  position: relative;
  padding: 0px 12px;
  height: auto;
  margin-right: 7px;
  margin-bottom: 7px;
  margin-top: -4px;
  border-radius: 34px;
  font-size: 13px;
}

.newMonitorKeyword .queryPanel .keywordsPanel .tags,
.newMonitorKeyword .queryPanel .keywordsPanel .userContentPanel textarea {
    border-left: 0;
    border-color: #ddd;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
    font-size: 14px;
    padding: 12px 12px 12px 0;
    outline: none;
}


.newMonitorKeyword .queryPanel tags-input .host {
  height: 100px;
}
.newMonitorKeyword .queryPanel tags-input .tags .tag-item:hover {
  box-shadow: 0px 0px 2px 1px #eee;
}
/*.newMonitorKeyword .queryPanel .input-group tags-input:not(:first-child) .tags {
  padding: 10px;
  border-radius: 0 3px 3px 0;
  border-left:0;
  border-color: #ddd;
}*/

.newMonitorKeyword .queryPanel .insta-tags input {
    /* padding-left: 10%; */
    padding-right: 0;
    font-family: open sans;
    margin: 4px;
    width: 100% !important;
    line-height: 1.3;
    height: auto !important;
  }

.newMonitorKeyword .queryPanel tags-input .tags .tag-item .remove-button {
  display: none;
  position: absolute;
  top: -7px;
  right: -9px;
  background: #FFDBD0;
  border-radius: 50%;
  padding: 1px 5px;
}
.newMonitorKeyword .queryPanel tags-input .tags .tag-item:hover .remove-button {
  display: inline;
}
.newMonitorKeyword .queryPanel tags-input .tags .tag-item span:before {
  content: "#";
}
.newMonitorKeyword .queryPanel tags-input.ng-invalid .tags {
  border-color: #ccc !important;
  box-shadow: none !important;
}
.newMonitorKeyword .queryPanel tags-input.ng-invalid-max-tags .tags{
    cursor: default !important;
  }
.newMonitorKeyword .queryPanel tags-input.ng-invalid-max-tags .tags .input {
    display: none !important;
  }

.newMonitorKeyword .queryPanel .keywordsPanel .inputError{
  /*color: #F9855C;*/
  color: #aaa;
}
.newMonitorKeyword .queryPanel .keywordsPanel .inputMsg{
  color: #aaa;
}
.newMonitorKeyword h3 {
  padding: 8px;
  margin-bottom: 0;
  background: #eee;
  font-family: raleway;
  font-weight:300;
}
.newMonitorKeyword .previewPanel {
  width: 50%;
  height: 315px;
  border: 1px solid #ccc;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #FFF;
}
.newMonitorKeyword .previewPanel ul {
  overflow-y: scroll;
  max-height: 88%;
}
.newMonitorKeyword .previewPanel:after {
  content: "";
  border-color: transparent #ccc transparent transparent;
  border-style: solid;
  border-width: 8px;
  width: 0;
  height: 0;
  position: absolute;
  top: 20px;
  left: -17px;
}

/* add monitor directive */
.twtrlandAddMonitor .config-panel {
  margin-bottom: 10px;
  width: 100%;
  content: "";
  display: table;
  clear: both;
}
.twtrlandAddMonitor h2, .twtrlandEditMonitor h2{
  border-bottom: 1px dashed #ccc;
  margin-bottom: 20px;
  font-weight: 300;
}
.twtrlandEditMonitor h2 span {
    float: right;
}

.keywordsMonitorData .config-panel {
  margin-bottom: 10px;
  width: 100%;
  content: "";
  display: table;
  clear: both;
}
.keywordsMonitorData .input-group {
  margin-bottom: 20px;
  margin-right: 5%;
  width: 49%;
  float: left;
}
.keywordsMonitorData .input-group:last-child {
  margin-right: 0;
}
.keywordsMonitorData .input-group input {
  position: static;
  font-family: open sans;
  height: 35px;
}
.keywordsMonitorData .configTitle {
  font-family: raleway;
  font-weight:300;
  font-size: 17px;
  margin-bottom: 7px;
}
.keywordsMonitorData .input-group i.tw-has-success {
  font-size: 17px;
  line-height: 34px;
  color: #accc48;
}
.keywordsMonitorData .input-group i.tw-has-failure {
  font-size: 17px;
  line-height: 34px;
  color: #f9855c;
}

.proHomePage .dashWhiteBox {
  position: relative;
}
.proHomePage .dashWhiteBox.embed {
  border-radius: 4px;
}
.proHomePage .brandMonitor {
  position: relative;
}
.proHomePage .brandMonitor .configure {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  font-size: 15px;
  padding: 2px;
  border: 1px dashed #ddd;
}
.proHomePage .keywordsMonitor {
  position: relative;
  height: 100px;
  width: 100px;
  display: table;
  overflow: hidden;
}
.proHomePage .keywordsMonitor .keywordName{
  display: table-cell;
  vertical-align: middle;
  font-family: open sans;
  font-size: 13px;
  padding: 5px;
  text-align: center;
  color: #525352;
  word-wrap: break-word;
  max-width: 100px;
}
.proHomePage .keywordsMonitor i.keywordBoxIcon{
  position: absolute;
  left:5px;
  top:5px;
  color: #aaa;
}
.proHomePage .keywordsMonitor .configure {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  font-size: 15px;
  padding: 2px;
  border: 1px dashed #ddd;
}
.monitorSelection .closeTop,
.twtrlandEditMonitor .closeTop,
.onboardingTop .closeTop,
.config-panel .closeTop {
  position: absolute;
  right: 0;
  cursor: pointer;
  font-size: 30px;
  font-family: open sans;
  line-height: 1;
}
.topSection .closeTop {
  position: absolute;
  right: 40px;
  top: 70px;
  cursor: pointer;
  font-size: 30px;
  font-family: open sans;
  line-height: 1;
}
/*.monitorSelection .closeTop i, .twtrlandEditMonitor .closeTop i, .onboardingTop .closeTop i {
  font-size: 30px;
  opacity: 0.9;
}
.monitorSelection .closeTop:hover i, .twtrlandEditMonitor .closeTop:hover i, .onboardingTop .closeTop:hover i{
  opacity: 1;
}*/
.proHomePage .monitorsNavigator {
  font-size: 25px;
  line-height: 25px;
  font-family: open sans;
  position: absolute;
  /*left: 201px;*/
  bottom: 10px;
  color: #29c;
  width: 100px;
  left: 50%;
  margin-left: -50px;
}
.proHomePage .monitorsNavigator .nums{
  display: block;
  text-align: center;
  color: #aaa;
  font-size: 15px;

  /*color: #aaa;
  margin-left: 11px;
  margin-right: 11px;*/

}
.proHomePage .dashWhiteBox .toggleLinks{
  font-family: open sans;
  font-size: 13px;
}
/* brand monitor data new design */
.brandMonitorData .input-group-addon{
  background: none;
  border-right: 0;
}

.brandMonitorData .config-panel .input-group-addon:first-child {
  border-radius: 3px 0px 0px 3px;
  border-color: #ddd;
}

.brandMonitorData .config-panel .input-group .form-control{
  border-radius: 0px 3px 3px 0px;
  background: white;
  border-left: 0;
  border-color: #ddd !important;
  padding-left: 0;
  font-weight: 500;
}

.brandMonitorData .config-panel .input-group-addon i,
.brandMonitorData .config-panel .newMonitorKeyword .queryPanel i,
.brandMonitorData .config-panel .input-group.twitter i
{
  color: #ccc;
}
.brandMonitorData .config-panel .input-group-addon .verticalIcons{
  display: flex;flex-direction: column;justify-content: space-around;height:100%;
}

/*.brandMonitorData .config-panel .input-group-addon i.fa-klear-x-twitter,
.brandMonitorData .config-panel .newMonitorKeyword .queryPanel i.fa-klear-x-twitter,
.brandMonitorData .config-panel .input-group.twitter.connected input,
.brandMonitorData .config-panel .input-group.twitter i.tw-has-success {
    color: #000000;
}
.brandMonitorData .config-panel .input-group-addon i.fa-instagram,
.brandMonitorData .config-panel .newMonitorKeyword .queryPanel i.fa-instagram,
.brandMonitorData .config-panel .input-group.instagram.connected input,
.brandMonitorData .config-panel .input-group.instagram i.tw-has-success {
    color: #F087B1;
}
.brandMonitorData .config-panel .input-group-addon i.fa-facebook-f,
.brandMonitorData .config-panel .newMonitorKeyword .queryPanel i.fa-facebook-f,
.brandMonitorData .config-panel .input-group.facebook.connected input,
.brandMonitorData .config-panel .input-group.facebook i.tw-has-success {
    color: #3B5999;
}
.brandMonitorData .config-panel .input-group-addon i.fa-youtube,
.brandMonitorData .config-panel .input-group.youtube.connected input {
    color: #e62117;
}
.brandMonitorData .config-panel .input-group-addon i.fa-rss,
.brandMonitorData .config-panel .input-group.blog.connected input {
    color: #c99666;
}
.brandMonitorData .config-panel .input-group-addon i.fa-snapchat-ghost,
.brandMonitorData .config-panel .input-group.snapchat.connected input {
  color: #F9C900;
}
.brandMonitorData .config-panel .input-group-addon i.fa-klear-keyword {
    color: #8091a5;
}
.brandMonitorData .config-panel .input-group.instagram.connected input, , .brandMonitorData .config-panel .input-group.instagram i.tw-has-success {
    color: #F087B1;
}*/

/* end */


.kacLoader svg {
  height: 37px !important;
}
.klDdMenu .kacItem {
  width: 270px;
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #eee;
  padding: 11px 10px;
  transition: all 0.15s ease;
  position: relative;
}
.klDdMenu .kacItem.verified {
  border:1px solid #F087B1;
}
.klDdMenu .kacItem .verifiedTag {
  position: absolute;
  top: 0;
  right: 0;
  background: #f087b1;
  padding: 3px;
  font-size: 10px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.klDdMenu {
  padding: 0;
  margin: 0;
  width: 270px;
}
.klDdMenu .kacItem .kacName {
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
  width: 200px;
}

.klDdMenu .kacItem .kacSubName {
  font-size: 12px;
  color: #888;
  font-weight: 500;
}
.klDdMenu .kacItem:hover {
    background: #eff8fb;
}
.klDdMenu .kacItem img {
  width: 36px;
}

.brandMonitorData .config-panel {
  margin-bottom: 20px;
  width: 100%;
  content: "";
  display: table;
  clear: both;
}
.brandMonitorData .input-group,
.brandMonitorData .liButton {
  margin-bottom: 20px;
  margin-right: 1%;
  width: 24%;
  transition: all 0.2s ease-in-out;
  float: left;
  border-radius: 3px;
}
.brandMonitorData .input-group .form-control{
  padding-right:0;
  border-left:0;
  padding-left: 0;
}
.brandMonitorData .input-group .form-control:focus {
   box-shadow: none;
   border-color: #ccc;
}
.brandMonitorData .linkedinAccount {
  float:right;
  width: 15%;
}
.brandMonitorData .liButton{
  margin-right: 0;
  border: 1px solid #eee;
  color: #29c;
  cursor: pointer;
  font-weight: 700;
  line-height: 40px;
  background: #f6f8f9;
  font-size: 14px;
  border-radius: 3px;
}
.brandMonitorData .liButton:hover {
    background: #29c;
    color: white;
    border-color: #29c;
}
.brandMonitorData .liButton i.fa-linkedin {
    padding: 0 10px;
    border-right: 1px solid #dedede;
}
.brandMonitorData .liButton i.fa-linkedin{
  padding: 0 10px;
  /*background-color: #eee;*/
  border-right: 1px solid #dedede;
}
.brandMonitorData .config-panel .radio i{
  font-size: 17px;
}
.brandMonitorData .config-panel .radio:hover {
    color: #888;
}
.brandMonitorData .radio label {
  font-size: 15px;
  font-weight: 700;
}
.brandMonitorData .config-panel .radio.selected {
    border-bottom: 2px solid #29c;
    color: #29c;
}
.brandMonitorData .config-panel .radio {
  margin-right: 30px;
  display: inline-block !important;
  font-weight: 700;
  font-size: 13px;
  color: #a1b5c6;
  padding: 0 8px 8px 8px;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid white;

}
.brandMonitorData .config-panel .input-group input,
.brandMonitorData .liButton {
    height: 40px;
    transition: all 0.2s ease-in-out;
    margin: 0;
    padding: 0;
}
.brandMonitorData .input-group:last-child {
  margin-right: 0;
}
.brandMonitorData .input-group input {
  position: static;
  font-family: open sans;
  height: 35px;
}
.brandMonitorData .configTitle {
  font-family: raleway;
  font-weight:400;
  margin-top:8px;
  margin-bottom: 7px;
}
.brandMonitorData .input-group i.tw-has-success {
  font-size: 17px;
  line-height: 34px;
  color: #accc48;
  line-height: 41px;
  color: #ccc;
  font-weight: 300
}
.brandMonitorData .input-group i.tw-has-failure {
  font-size: 17px;
  line-height: 34px;
  color: #f9855c;
}
.brandMonitorData input[type=radio] {
  position: static;
  margin-left: 0px;
}
.brandMonitorData label {
  padding-left: 5px;
  font-family: open sans;
  font-size: 14px;
}


.nextOpp{
  width:12%;float:right;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;height: 273px;background:#f2f2f2;cursor: pointer;
  padding: 20px;
}

/*.nextOpp i{
  padding: 25px;
  font-size:20px;

  color: #29c;
}*/
.nextOpp:hover{
  background: #fafafa;
}
.nextOpp:hover i{
  /*color: #29c;*/
}
.currOpp{
  width: 80%;
  position: absolute;
  left:20px;
  border: 1px solid #ddd;
  padding: 20px;
  height: 273px;

  -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;

  text-align: left;
}

.currOpp.ng-leave{
  left:0;
}
.currOpp.ng-leave.ng-leave-active {
  left: -100%;
}

.currOpp.ng-enter {
   left: 88%;
}
.currOpp.ng-leave.ng-enter-active {
  left:0;
}


.currOpp .img73{
  border:1px solid #dedede;
}
.currOpp .oppTitle{
  /*margin-top: 20px;*/
  font-family:open sans;
  font-size:15px;
  height: 20px;
  overflow: hidden;
  font-weight: 400;
  color:#525352;
}
.currOpp > .oppTitle > .span.name{
  font-weight: 400;
  color:#888;
}
.currOpp .dataText, .nextOpp .dataText{
  margin-top:20px;
  font-family:open sans;
  font-size:13px;
  color:#525352;
  max-height: 90px;
  overflow: hidden;
  line-height: 1.42;
}
.currOpp .dateText, .nextOpp .dateText{
  margin-top: 8px;
}
.nextOpp .dataText, .nextOpp .dataText{
  width: 352px;
}

.currOpp .leftToImage, .nextOpp .leftToImage{
  float:left;margin-left:10px;width:264px;
}


.currOpp .cta{
  position: absolute;
  bottom:10px;
  left:20px;
  /*margin-left: -50px;
  width: 100px;
  left:50%;*/
  /*margin-top:15px;
  min-width: 100px;*/
}

.currOpp .badge{
  position: absolute;top: 70px;left:70px;
}
.badge{
  width:40px;
  height: 40px;
  border-radius: 25px;
  background: #29c;
  color:#fff;
  padding-top: 7px;
  font-family: open sans;
  opacity: 0.92;
}

.badge .top{
  font-size: 8px;
  margin-bottom: 2px;
  font-weight: 400;
}
.badge .bottom{
  font-size: 12px;
  font-weight: 800;

}

.demogBox{
  background: #fff;
  margin-top: 25px;
  margin-bottom: 25px;
  /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
  border:1px solid #dedede;
  font-family: open sans;
  font-weight: 400;
}
.demogBox.mainPage, .demogBox.mainPage.genderTall {
    min-height: 280px;
}
.demogBox.mainPage.closed, .demogBox.mainPage.gender.closed {
  min-height: 0;
}
.demogBox.mainPage.gender {
  min-height: 150px;
}
.demogBox .arrowButt {
  float: right;
  font-size: 20px;
  color: #7ac2e0;
  margin: 10px 20px 0 0;
  /*background-color: white;*/
  border-radius: 62px;
  padding: 3px 0 0 0;
  height: 25px;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
/*.demogBox > .title{
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px;
  text-indent: 10px;
  color: #888;
  border-bottom:1px solid #ddd;
}*/

.demogBox table.demogGraphTable{

  table-layout: fixed;
  width: 100%;
}
.demogBox table.demogGraphTable.closed{
  margin: 0;
  border: 0;
}
.demogBox table.demogGraphTable > tbody > tr > td{
  border: 0;
padding: 10px 0px;
font-size: 13px;
color: #888;
text-align: center;
/*height: 55px;*/
line-height: 17px;
}
.demogBox table.demogGraphTable > tbody > tr > td:first-child{
  color:#222;
  padding-left: 25px;
  text-align: left;
}
/*.demogBox table.demogGraphTable > tbody > tr > th:first-child{
  padding-left: 25px;
  letter-spacing: 1px;
  text-align: left;
}*/
.demogBox .demogGraphTable th {
  letter-spacing: 1px;
  text-transform: uppercase;
}
.demogBox .demogGraphTable th:first-child{
  text-align: left;
}
/*.demogBox table.demogGraphTable > tbody > tr > th{
  border-top:0;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
  color:#888;
  font-size:11px;
  font-weight: 800;
  padding:15px 0px;
  text-align: center;
}*/
.demogBox .demogGraphTable th{
  text-align: center;
}
.demogBox table.demogGraphTable.closed > thead > tr > th {
  border: 0;
}
.demogBox .rightDemographicsBox .topDemographicsButt {
  font-size: 12px;
  color: #7ac2e0;
  display: none;
  float: right;
  margin-top: 16px;
  margin-right: 11px;
  font-family: open sans;
}
.demogBox .top.closed:hover .rightDemographicsBox .topDemographicsButt {
  color: #29c;
}
.demogBox .rightDemographicsBox .topDemographicsButt.closed {
  display: inline;
}

.demogBox .rightDemographicsBox {
  height: 45px;
}
.demogBox .rightDemographicsBox.closed {
  border: 0;
  cursor: pointer;
}
.demogBox .topDemogTable {
  cursor: pointer;

}
.demogBox .top:hover .arrowButt {
  /*background-color: #7ac2e0;*/
  /*color: white;*/
  color: #29c;

}
.demogBox .top {
  cursor: pointer;
}
.demogBox .top.closed {
  background-color: #efefef;
}
.demogBox .top.closed:hover {
  opacity: 0.8;
  background-color: #f2f2f2;
}
.demogBox .demogGraphTable th {
  border-bottom:1px solid #ddd;
}
.demogBox .demogGraphTable th.closed {
  border: 0;
}
.demogBox table th:first-child {
  padding-left: 25px;
  text-transform: uppercase;
  color: #888;
  font-size: 11px;
  font-weight: 800;
}

.interval-option {
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#custom-interval:hover {
  color: #fff;
  text-decoration: none;
  background-color: #29c;
}
.timeframe-selection {
  position: absolute;
  top: 100%;
  right: 100%;
  z-index: 1000;
  width: 430px;
  padding: 10px;
  /*margin: 2px 0 0;*/
  font-size: 12px;
  text-align: left;
  background-color: #fff;

  font-family: open sans;
  border:1px solid #ddd;
  margin-top: 2px;

  /*-webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
}
.timeframe-selection .btn-sm {
  padding: 4px 5px;
  font-size: 12px;
  line-height: 1;
  /*border-radius: 3px;*/
  border-radius: 0px;
}

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: auto;
  font-family: raleway;
}
.corner-ribbon.top-right{
  top: 25px;
  right: -60px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.blue{background: #29c;}
.corner-ribbon.gray{background: #eee;color:#525352;}
.corner-ribbon.small{
  top: 7px;
left: -33px;
  line-height: 20px;
}

.topNavDemoBanner{
width:100%;width: 100%;margin-top: 42px;position: fixed;top: 0;background-color: #29c;font-size:13px;color:#fff;text-align: center;padding: 10px;z-index: 99;
}
.topNavDemoBanner:hover{
  opacity: 0.8;
}
.top-demo {
  margin-bottom:10px;
  font-size: 14px;
}
.top-demo span {
  font-size: 11px;
  font-family: open sans;
  color: #888;
}
.top-demo .fa {
  line-height: 35px;
  font-size: 20px;
  color: #888;
}
.sentiment-data {
  float: left;
  font-size: 15px;
  width: 126px;
  margin-left: 10px;
  margin-right: 10px;
}
.genders-data {
  float: left;
  width: 137px;
  margin-left: 11px;
  margin-right: 11px;
}
table.metricsTable{
  width:97%
}
table.metricsTable td{
  padding-bottom:6px;

  padding-top:6px;
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  font-family: open sans;
}
table.metricsTable td:last-child{
  margin-bottom: 0;
}
table.metricsTable td .name{
  display: inline-block;max-width: 64%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
table.metricsTable td .topPer{
  color:#999;
  float:right;
  font-weight: 100;
}
.metricsBox .dashWhiteBox{
  min-height: 222px;
  border:0;
}

.topSectionTitle.left {
  color: #7d9bb6;
  font-weight: 500;
  font-size: 24px;
  text-align: left;
  margin-bottom: 5px;
  min-height: 24px;
  margin-top: 22px;
}
.topSectionTitle.left i {
  font-size: 21px;
}

.profilesTab .floatingSearchTab .searchBox i {
  color:#D3E3F2;
}
.profilesTab .floatingSearchTab .searchBox .profileSearchItem i {
  color: #29c;
}

.profilesTab .floatingSearchTab .searchBox input[type="text"] {
  font-family: raleway;
  color: #525352;
  font-size: 15px;
  font-weight: 300;
  border-radius:0;
  background-color:white;
  border: 0;
  box-shadow: none;
}
.profilesTab .floatingSearchTab .searchBox input[type="text"] {
  font-family: var(--font-secondary);
}

.searchSpinnerLocation{
  position:absolute;text-align:center;font-size:30px;left:50%;margin-left:-15px;color:#accc48;z-index:100;top:210px
}

.influencersPage .sectinToHide{
  -moz-transition: 0.8s !important;
  -ms-transition: 0.8s !important;
  -o-transition: 0.8s !important;
  -webkit-transition: 0.8s !important;
  transition: 0.8s !important;

  /*-webkit-transition-delay: 2s;
  transition-delay: 2s;*/
  margin-top:0;

  min-height: auto;
  /*margin-top:0px;*/
}

.influencersPage .sectinToHide.ng-hide-add,
.influencersPage .sectinToHide.ng-hide-remove {
  display: block !important;
  /*height: 0px;*/
  margin-top:-72px;
}

.influencersPage .sectinToHide.ng-hide-remove.ng-hide-remove-active {
  /*height: 310px;*/
  margin-top:0px;
}
.influencersPage .sectinToHide.ng-hide-add{
  /*height: 310px;*/
  margin-top:0px;
}
.influencersPage .sectinToHide.ng-hide-add.ng-hide-add-active {
  /*height: 0;*/
  margin-top:-72px;
}
table.usersListTable th.userSelected {
  text-align: left;
  width: 3%;
  color: #525352;
}
table.usersListTable th .oneOption.active {
  box-shadow: none;
}
table.usersListTable th .oneOption label {
  display: flex;
  justify-content: center;
}
table.usersListTable th.oneBrandLandscape {
  padding-bottom:0;
  max-width: 110px;
}
table.usersListTable .oneBrandLandscape .brandLogo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
table.usersListTable .oneBrandLandscape .brandLogo .logoName {
  font-size: 12px;
  color:#525352;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  display: inline-block;
}
table.usersListTable .oneBrandLandscape .brandLogo .logoCount {
  font-weight: 700;
  padding:5px 0;
}


table.usersListTable .oneBrandLandscape .brandLogo .logoImage {
  width:44px;
  height:44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
table.usersListTable .brandLogo .logoImage img {
  width: 100%;
}
table.allusersListTable tbody tr:hover .arrow{
    color:#29c;
}
table.allusersListTable tr{
    border-bottom: 1px solid #dedede;
    cursor: pointer;
}

table.usersListTable tr td:first-child,table.usersListTable th:first-child,table.allusersListTable tr td:first-child,table.allusersListTable th:first-child{
    text-align: left;
    width: 2%;
}
table.usersListTable tr td:first-child{
  position: relative;
}
table.allusersListTable td{
    line-height: 1.35;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    height: 50px;
}
table.usersListTable .contactInfo {
  height: 100%;
  display: flex;
  width:100%;
  align-items: center;
}

table.usersListTable td .topxWord{
color: #bbb;font-size: 10px;margin-top: -15px;
}

table.usersListTable td .name{
    max-width:90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
table.usersListTable td:first-child{
    padding-left: 0;
}
table.usersListTable td .flatBarContainer{
    width:50px;
    margin:0 auto;
}

table.usersListTable td .num {
    font-size: 14px;
}

table.usersListTable td.networkIcons {
    font-size: 13px;
}

table.usersListTable td.networkIcons i {
    border: 1px solid #525352;
    border-radius: 40px;
    height: 20px;
    width: 20px;
    padding: 5px;
}
table.usersListTable td .name{
  font-family:raleway;font-size:14px;max-width:110px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

table.usersListTable td i.fa-minus{
    color:#bbb;
}

table.usersListTable td textarea.listComment{
    background: transparent;
    border:1px solid transparent;
    resize: none;
    padding:4px;
    font-size: 13px;
    font-weight: 300;
    font-family: open sans;
    width:100%
}
table.usersListTable td textarea.listComment:hover,table.usersListTable td textarea.listComment:focus{
    background: #EDF1F3;
    /*border:1px solid #eee;*/
}
table.usersListTable td textarea::-webkit-input-placeholder {
  color:#ccc;
}
table.usersListTable td textarea::-moz-placeholder  {
  color:#ccc;
}
table.usersListTable td .customize {
  color: #888;
}



table.usersListTable td .listAgreements .agreementButt .fa-edit {
  position: absolute;
  right: 9px;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  bottom: 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  color: #ccc;
}
table.usersListTable td .listAgreements:hover .agreementButt .fa-edit {
  opacity: 1;
}

table.usersListTable td .userOwner .ownerButt > div {
  justify-content: center;
  text-align: center;
}
table.usersListTable td .listStages .userStage .stageButt .fa-angle-down
 {
  opacity: 0;
  transition: 0.2s ease-in-out all;
  /*position: absolute;*/
  /*right: 15px;*/
}
table.usersListTable td .listOwners.active {
  background: white;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
  z-index: 2;
}
table.usersListTable td .listAgreements .userAgreement .agreementButt .addButt span:first-child {
  opacity: 0;
  display: none;
  transition: 0.2s ease-in-out all;
  color: #525352;
  font-weight: 500;
}
table.usersListTable td .listAgreements .userAgreement .agreementButt .addButt span:last-child {
  opacity: 1;
  display: inline;
  color: #aaa;
}
table.usersListTable td .listAgreements:hover .userAgreement .agreementButt .addButt span:first-child {
  opacity: 1;
  display: inline;
}
table.usersListTable td .listAgreements:hover .userAgreement .agreementButt .addButt span:last-child {
  opacity: 0;
  display: none;
}
table.usersListTable td .userComment .commentButt.turncate .commentText {
  height: 62px;
  overflow: hidden;
}
table.usersListTable td .listComments.ng-leave, table.usersListTable td .listComments.ng-enter,
table.usersListTable td .listStages.ng-leave, table.usersListTable td .listStages.ng-enter,
table.usersListTable td .listAgreements.ng-leave, table.usersListTable td .listOwners.ng-enter,
table.usersListTable td .listOwners.ng-leave, table.usersListTable td .listOwners.ng-enter {
  transition: none;
}


table.usersListTable td .userComment .popover {
  background: white;
  border:0;
  border-radius: 3px;
  box-shadow: 0 0 20px 10px rgba(0,0,0,.1);
  width: 450px;
}
table.usersListTable td .userComment .popover .popover-inner {
  padding: 20px;
}
table.usersListTable td .userComment .popover.left > .arrow:after,
table.usersListTable td .userComment .popover.left > .arrow  {
  /*border-left-color: #ddd;*/
  display: none;
}
table.usersListTable td .userComment textarea.popoverText {
  width: 100%;
  border:none;
  margin-top: 10px;
  outline: none;
  resize: none;
  overflow: auto;
  font-size: 15px;
}
table.usersListTable td .userComment .commentBox .lastEdited {
  font-weight: 500;
  color: #ccc;
  font-size: 13px;
}
table.usersListTable td .userComment .commentButt .emptyButt {
  color: #aaa;
}
table.usersListTable .contactIcons a.email {
  font-size: 18px;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
}
table.usersListTable .contactIcons a.email:hover {
  opacity: 0.7;
}
table.usersListTable .contactIcons a.email .notification {
  background: #29c;
  color: white;
  font-size: 10px;
  padding: 0.15em 0.5em;
  border-radius: 30px;
  position: absolute;
  top: -3px;
  right: -4px;
  box-shadow: 0px 0px 3px 1px #dedede;
}
table.usersListTable .contactIcons a{
  font-size: 18px;
  margin-right: 8px;
}
table.usersListTable .contactIcons a i.fa-edit{
  color: #ccc;
}
table.usersListTable .contactIcons a i.fa-edit:hover{
  color: #29c
}
table.usersListTable .contactIcons a:last-child{
  margin-right: 0;
}
table.usersListTable .contacteeCircle{
  background: #ccc;
  color: #fff;
  min-width: 40px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}
table.usersListTable .addInput {
  font-size: 13px;
  width: 100%;
  height: 100%;
  border:0;
  background: transparent;
  padding:10px;
}
table.usersListTable tr td .deleteUser{
    display: none;
    position: absolute;
    top: -7px;
    left: -7px;
    background: #ccc;
    border-radius: 40px;
    color: #fff;
    font-size: 11px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
table.usersListTable tr td .deleteUser:hover{
  background: #f9855c;
}
table.usersListTable tr:hover .deleteUser{
  display: block;
}
.listsTopBox {
  margin-bottom:30px;
  padding:30px 0;
  margin-top:30px;
  box-shadow: 0px 0px 30px 0px #eee;
  background: #f9f9f9;
  border:1px solid #eee;
}
.listsTopBox:hover{
  box-shadow: 0px 0px 30px 0px #dedede;
}

.skilldd{
  position: relative;border-bottom: 2px solid #ccc;
}
.skilldd .dropdown-menu{
  width:205px;
}
.skilldd .btn3{
  width:100%;
  text-align: left;
  line-height: 31px;
  padding: 5px;
}
.skilldd .btn3 .fa-angle-down{
  line-height: 27px;
  font-size: 20px;
  margin-right: 10px;
}
.skilldd .dropdown-menu li.ddTitle{
  background: #eee;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 500;
}
.skilldd .dropdown-menu > li > a{
  padding: 7px 20px;
  line-height: 25px;
}
.influencersPage .skilldd{
  width: 32.5%;margin-left: -4px;height: 40px;display:inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid white;
    font-family: raleway;
    color: #525352;
    font-size: 15px;
    font-weight: 300;
    padding-left: 15px;
    border-radius: 0;
    background-color: white;
    line-height: 2;
}
.btn-group.outreach a.flat-butt{
  background: none;
  border: 1px solid transparent;
}
.btn-group.outreach a.flat-butt i.fa-circle{
  margin-right: 3px;
  font-size: 10px;
}
.btn-group.outreach a.flat-butt i.fa-angle-down{
  opacity: 0;
}
.btn-group.outreach:hover a.flat-butt{
  background: #fff;
  border: 1px solid #dedede;
}
.btn-group.outreach:hover a.flat-butt i.fa-angle-down{
  opacity: 1;
}
.btn-group.outreach.hasContacteeMode:hover a.flat-butt{
  background: none !important;
  border: 0px solid transparent !important;
}
.btn-group.outreach ul li .red{
  color: #f9855c !important;
}
.btn-group.outreach ul li .yellow{
  color:#f9c900 !important;
}
.btn-group.outreach ul li .green{
  color: #accc48 !important;
}
.btn-group.outreach ul li.title{
  font-weight: 500;
  padding: 10px 10px 4px 10px;
  color: #aaa;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;

}
.btn-group.outreach .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
  background: #f6f8f9;
  color: #525352;
}
.connectedNetworksList{
  text-align: left;
  margin-top:5px;
}
.connectedNetworksList a.connectedProfile,
.profileOverview .topProfile .topMiddle .connectedNetworks a.connectedProfile,
 .searchUserList .connectedNetworks a.connectedProfile {
  position: relative;
}
.connectedNetworksList .connectedProfile:before,
.profileOverview .topProfile .topMiddle .connectedNetworks a.connectedProfile:before,
.searchUserList .connectedNetworks a.connectedProfile:before {
  width: 11px;
  height: 11px;
  background: white;
  position: absolute;
  content: '';
  right: -1px;
  top: -3px;
  border-radius: 50%;
  z-index: 1;
}
.searchUserList .connectedNetworks a.connectedProfile:before {
  background-color: #F6F8F9;
}

.profileOverview .topProfile .topMiddle .connectedNetworks a.connectedProfile:before {
  background: #F6F8F9;
}
table.usersListTable tbody tr:hover .connectedNetworksList .connectedProfile:before {
  background: #F6F8F9;
}
.connectedNetworksList a.instagram.connectedProfile:after,
.profileOverview .topProfile .topMiddle .connectedNetworks a.instagram.connectedProfile:after,
.searchUserList .connectedNetworks a.instagram.connectedProfile:after {
  border-color:#f087b1;
}
.connectedNetworksList a.youtube.connectedProfile:after,
.profileOverview .topProfile .topMiddle .connectedNetworks a.youtube.connectedProfile:after,
 .searchUserList .connectedNetworks a.youtube.connectedProfile:after {
  border-color:var(--youtube-color);
}
.connectedNetworksList a.pinterest.connectedProfile:after,
.profileOverview .topProfile .topMiddle .connectedNetworks a.pinterest.connectedProfile:after,
 .searchUserList .connectedNetworks a.pinterest.connectedProfile:after {
  border-color:#bd081c;
}
.connectedNetworksList a.facebook.connectedProfile:after,
.profileOverview .topProfile .topMiddle .connectedNetworks a.facebook.connectedProfile:after,
 .searchUserList .connectedNetworks a.facebook.connectedProfile:after {
  border-color:#3B5999;
}
.connectedNetworksList a.connectedProfile:after,
.profileOverview .topProfile .topMiddle .connectedNetworks a.connectedProfile:after,
.searchUserList .connectedNetworks a.connectedProfile:after {
  width: 5px;
  height: 8px;
  position: absolute;
  border-right: 2px solid #29c;
  border-bottom: 2px solid #29c;
  transform: rotate(45deg);
  content: '';
  z-index: 1;
  right: 1px;
  top: -2px;
}
.removeFromList {
  border-radius: 50%;
  padding: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding-top: 2px;
  font-weight: 300;
  color: #888;
  line-height: 1;
  margin-bottom: 6px;
}
.connectedNetworksList a:hover .fa-klear-x-twitter {
  color: #000000;
}
.connectedNetworksList a:hover .fa-instagram {
  color: #f087b1;
}
.connectedNetworksList a:hover .fa-facebook-f {
  color: #3b5999;
}
.connectedNetworksList a:hover .fa-youtube {
  color: var(--youtube-color);
}
.connectedNetworksList a:hover .fa-play {
  color: #e62117;
}
.connectedNetworksList a:hover .fa-tiktok {
  color: #FF0078;
}
.connectedNetworksList a:hover .fa-pinterest-p {
  color: #BD081C;
}
.connectedNetworksList a:hover .fa-rss {
  color:#f9c900;
}
.connectedNetworksList a:hover .fa-klear-diamond {
  color:#17617a;
}
.connectedNetworksList a:hover .fa-twitch {
  color: #6441a5;
}
.tableColumnsDD{
  font-family: raleway;
  padding: 4px;
}
.tableColumnsDD > a.flat-butt{
  /*border: 0;*/
  background: transparent;
  font-size: 15px;
  padding: 7px;
}

.tableColumnsDD .dropdown-menu{
  top: 36px;
  left: -122px;
}
.tableColumnsDD .dropdown-menu > li.title{
  padding: 10px 0 10px 20px;
  color: #aaaaaa;
  font-weight: 500;
}

.tableColumnsDD .dropdown-menu li a{
    color:#666;
    font-weight: 300;
    margin:2px 0;
}

.tableColumnsDD .dropdown-menu > li > a:hover{
    color: #525352;
    background: #efefef;
}
.tableColumnsDD  .dropdown-menu > li > a:focus {
  background: transparent;
}
/*table.usersListTable td .name span{
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/

.usersListTable .feedbackColumn .feedbackCell {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableColumnsDD .dropdown-menu input[type="checkbox"] {
    margin-right: 2px;
}
.influencersPage .movingLine {
  stroke-dasharray: 20;
  stroke-dashoffset: 100;
  animation: dash 12s linear infinite;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 100;
  }
   100% {
    stroke-dashoffset: 0;
  }
 }
 .vettedBanner {
  margin-bottom: 20px;
 }
 .influencersPage .proHomeBoxes .vettedBanner .whiteBox {
   border: 1px solid #eee;
   box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.07);
}
.proHomeBoxes .vettedBanner {
  margin-bottom: 60px;
}
 .proHomeBoxes .vettedBanner .whiteBox {
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.07);
  border-top: 3px solid #eee;
 }
.vettedBanner .whiteBox {
  background: white;
  box-shadow: 0 0 2px 2px #eee;
  padding:20px;
  font-size: 15px;
  font-weight: 500;
  color: #525352;
  line-height: 1.4;
  position: relative;
}
.vettedBanner .whiteBox .cta:hover {
  opacity: 0.8;
}
.vettedBanner .whiteBox .cta i {
  transform: translate(0px, 0px);
  transition: 0.2s ease-in-out all;
}
.vettedBanner .whiteBox .cta:hover i {
  transform: translate(10px, 0px);
}
.vettedBanner .whiteBox .cta {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: 700;
  color: #29c;
  transition: 0.2s ease-in-out all;
  cursor: pointer;
}
.vettedBanner .oneBullet.explain {
  text-align: left;
  width: 33%;
}
.vettedBanner .oneBullet {
  width: 22%;
  float: left;
  text-align: center;
}
.vettedBanner .oneBullet .title {
  font-weight: 700;
  font-size: 14px;
  font-family: raleway;
  letter-spacing: 0.3px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #8091A5;
}
.vettedBanner .oneBullet img {
  width: 100px;
  box-shadow: 0 5px 20px 0px rgba(0 ,0 ,0 ,0.1);
  border-radius: 50%;
}


.jqcloud {
  font: 5px "Helvetica", "Arial", sans-serif;
  line-height: normal;
  overflow: hidden;
  position: relative; }
.jqcloud-word {
margin: 0;
padding: 0; }
.jqcloud-word.w1 {
  color: #aab5f0;
  font-size: 100%; }
.jqcloud-word.w2 {
  color: #99ccee;
  font-size: 150%; }
.jqcloud-word.w3 {
  color: #a0ddff;
  font-size: 200%; }
.jqcloud-word.w4 {
  color: #90c5f0;
  font-size: 250%; }
.jqcloud-word.w5 {
  color: #90a0dd;
  font-size: 300%; }
.jqcloud-word.w6 {
  color: #90c5f0;
  font-size: 350%; }
.jqcloud-word.w7 {
  color: #3399dd;
  font-size: 400%; }
.jqcloud-word.w8 {
  color: #00ccff;
  font-size: 450%; }
.jqcloud-word.w9 {
  color: #00ccff;
  font-size: 500%; }
.jqcloud-word.w10 {
  color: #00ccff;
  font-size: 550%; }
.jqcloud-word a {
  color: inherit;
  font-size: inherit;
  text-decoration: none; }
  .jqcloud-word a:hover {
    color: #00ccff; }

.sendMsgModal .msgModalTitle {
  font-family: raleway;
  font-size: 16px;
  color: #525352;
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
  padding: 28px 20px 13px 20px;
}
.sendMsgModal .msgModalTitle.noBorder {
  border: 0;
}
.sendMsgModal .modal-body {
  padding: 0;
}

.sendMsgModal .modal-dialog {
    margin: 44px auto;
}

.sendMsgModal .prevMsgsButt {
  padding: 15px 0px 0px 20px;
}

.sendMsgModal .msgImg  {
  float: left;
  margin-right: 15px;
}
.sendMsgModal .msgName {
  vertical-align: top;
  font-weight: 500;
  color: #aaa;
  margin-bottom: 10px;
}

.sendMsgModal .msgContent {
  margin-top: 6px;
  margin-bottom: 4px;
  line-height: 1.3;
  word-break: break-all;
}

.sendMsgModal .msgDate {
  font-size: 11px;
  float: right;
}

.sendMsgModal .sendMsgBox {
  padding: 20px;
  background-color: #f6f8f9;

}
.sendMsgModal .sendMsgBox .bigSide {
  width: 93%;
  margin-left:10px;
}
.sendMsgModal .msgTxtBoxOne {
border-right: 1px solid #ddd;
width: 10px;
height: 20px;
}
.sendMsgModal .msgTxtBoxTwo{
border-top: 1px solid #ddd;
width: 10px;
height: 5px;
position: relative;
}

.sendMsgModal .msgTxtBoxTwo:after{
    content: "";
position: absolute;
border-top: 1px solid #ddd;
width: 14px;
transform: rotate(45deg);
transform-origin: 0% 0%;
}
.flatHeader .vettedInviteBar {
   width: 100%;
   background: #AFDAEC;
   opacity: 0.9;
   color: white;
   position: absolute;
   top: 45px;
   line-height: 1.3;
   padding:15px;
   text-align: center;
   font-weight: 500;
   font-size: 15px;
   box-shadow: 0 1px 3px 0 #eee;
   transition: 0.2s ease-in-out all;
}
.flatHeader .vettedInviteBar span {
  font-weight: 700;
}
.flatHeader .vettedInviteBar a {
  border-bottom: 1px solid #29c;
}
.flatHeader .vettedInviteBar a:hover {
  opacity: 0.8;
}
.flatHeader .vettedInviteBar.closed {
  opacity: 0;
}
.flatHeader .viewOnlyTag{
  background: rgb(140, 182, 199);color: #023d56;padding: 5px;font-size: 11px;font-weight: 700;position: absolute;
    top: 0;
    right: 0;
}

.flatHeader .newMsgCount {
  width: 10px;
  height: 10px;
  background: #29c;
  border-radius: 50%;
}
.flatHeader .newMsgCount span {
  display: inline-block;
}
.flatHeader .messagePopover .messageBox:hover .msgDropdown{
  background: #f2f2f2;
}
.flatHeader .messagePopover .messageBox .msgDropdown {
  transition: all 0.2s ease-in-out;
}
.flatHeader .messagePopover .messageBox{
 border-bottom: 1px solid #dedede;
 font-size: 13px;font-weight:300;cursor:pointer;
}
.flatHeader .messagePopover .messageBox:last-child{
 border-bottom:none;
}
.flatHeader .messagePopover .messageBox .fa-angle-right {
  display: none;
  color: #29c;
  font-size: 17px;
}
.flatHeader .messagePopover .messageBox:hover .fa-angle-right {
  display: inline;
}

.flatHeader .messagePopover {
   color:#525352;
   max-height: 520px;
   overflow: auto;
}
.flatHeader .messagePopover .notSeen {
  color: #525352;
}
.flatHeader .msgDropdown {
  padding:15px;
}
.flatHeader .msgDropdown img {
 width:10%
}
.flatHeader .messagePopover .msgHeadContent {
   color:#888;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
   margin-top:-3px;
   width: 100%;
   margin-top: 3px;
}
.flatHeader .messagePopover .msgHeadDate {
  font-size: 11px;
  color: #aaa;
  float: right;
}
.flatHeader .messagePopover .msgHeadName {
  font-weight: 500;
  margin-left:10px;width:80%;
}
.flatHeader .messagePopover .notSeen.msgHeadName {
  font-weight: 700;
  color: #525352;
}
.flatHeader .messagePopover .msgHeadContent .notSeen{
  color: #525352;
  font-weight: 500;
}
.sendMsgModal {
  background-color: #fff;
}
.sendMsgModal .sentMsgNote {
  font-family: raleway;
  font-size: 15px;
  padding: 20px;
  font-weight: 500;
  color: rgb(170, 170, 170);
}
.messageBox .notSeen {
  background-color: #edf2fa;
}
.sendMsgModal .talk-bubble {
  margin-bottom: 15px;
  margin-left: 5px;
  display: inline-block;
  position: relative;
  width: 773px;
  background-color: white;
}
.sendMsgModal .tri-right.border.btm-right-in::before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -13px;
    right: auto;
    bottom: -40px;
    border: 6px solid;
    border-color: #dedede #dedede transparent transparent;
    top: 19px;
}
.sendMsgModal .tri-right.btm-right-in::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -11px;
    right: auto;
    bottom: -20px;
    border: 7px solid;
    border-color: white white transparent transparent;
    top: 20px;
}

.sendMsgModal .talktext{

}

.sendMsgModal .border{
  border: 1px solid #dedede;
}

/*perk campaign modal*/

.perkModal .inputHead {
  font-family: open sans;
  font-weight: 700;
  color: #525352;
  font-size: 14px;
  margin-bottom: 10px;
}
.perkModal input[type=text] {
  width: 100%;
background-color: #f6f8f9;
border: 1px solid #dedede;
height: 40px;
padding: 10px;
}
.perkModal .modalLine {
  /*margin-bottom: 20px;*/
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 20px;
}
.perkModal .modalLine.grayed {
  background-color: #f6f8f9;
}
.perkModal .modal-body {
  padding: 0;

}
.perkModal .bigRadio {
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 10px;
  width: 30%;
  margin-right: 14px;
}
.perkModal .bigRadio.selected{
  border-color: #29c;
  background-color: #f6f8f9;
}
.perkModal .bigRadio:last-child {
  margin-right: 0;
}
.perkModal .bigRadio .radioHead {
  font-size: 14px;
  font-weight: 300;
  color: #888;
}
.perkModal .bigRadio.selected .radioHead {
  color: #29c;
  font-weight: 300;
  }
.perkModal .bigRadio.selected .radioSub {
  color: #29c;

}
.perkModal .bigRadio .radioSub {
  font-size: 11px;
  font-weight: 700;
}
.perkModal .bigRadio.tall input[type=radio] {
  float: left;
  margin: 13px 10px 0 0;
}
.perkModal .bigRadio.short input[type=radio] {
  float: left;
  margin: 4px 10px 0 0;
}
.perkModal .bigRadio:visited {
  border: 1px solid #29c;
}
.perkModal .bigRadio .radioContent {
  float: left;
}
.perkModal .checkContent {
   margin: 0 0 0 5px;
   font-size: 14px;
}
.perkModal button.dDown {
    width: 180px;
    text-align: left;
    padding: 0 0 0 20px;
background-color: #eee;
border: 0px none;
height: 40px;
 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   font-size: 14px;
   color: #aaa;
    border: 1px solid #eee;

}
.perkModal .checkLabel {
  margin-top: 9px;
  color: #aaa;
}

.perkModal .modalLine.selected .checkLabel {
  color: #525352;
}
.perkModal .modalLine.selected button.dDown {
  color: #525352;
  background-color: white;

}
.klearProfilesModal.perkModal .dropdown::before {
  top:5px;
}
.perkModal .modalCta {
  font-family: raleway;
  font-weight: 300;
  font-size: 14px;
  padding: 20px;
}
.perkModal .thankYou {
      font-size: 16px;
    line-height: 20px;
    font-family: raleway;
    font-weight: 700;
    color: #7ac2e0;
    padding: 20px 20px 30px 20px;
    text-align: center;
}
.perkModal .modalSummary {
  background-color: #efefef;
  border-top: 1px dashed #aaa;
  font-size: 12px;
   width: 100%;
  padding: 20px;
}
.perkModal .modalSummary .summaryHead {
  font-weight: 700;
  font-size: 14px;
  color: #888;
  margin-bottom: 5px;
}
.perkModal .modalSummary .summaryContent {

}
.perkModal .modalSummary .summaryContent.priceHead {
  color:#888;
}
.perkModal .modalSummary .summaryContent.priceContent {

  font-size: 14px;
  font-weight: 700;
}
/*end of perk campaign modal*/

/* profile app */
.has-feedback .form-control-clickable-feedback {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.has-feedback .disconnect-network {
  font-size: 12px;
  color: #AAA;
  line-height: 40px;
  height: 40px;
}
.has-feedback .disconnect-network:hover {
  color:#f9855c;
}

.growl-container > .alert-success.icon {
  background-image: url('/images/new/growlSuccess.png');
  background-size: 25px;
  background-color: #D5E5A3;
  border: none;
  border-radius: 2px;
  font-weight: 500;
  font-family: open sans;
  font-size: 16px;
  color: #596925;
}
.growl-container > .alert-error.icon {
  background-image: url('/images/new/growlError.png');
  background-size: 25px;
  background-color: #FFA68A;
  border: none;
  border-radius: 2px;
  font-weight: 300;
  font-family: open sans;
  font-size: 16px;
  color: #7C342A;
}




/* end of profile app*/






/*settings*/
.settings .topSection {
  padding-bottom: 0;
}
.settings #profileTabs {
  margin-bottom: 0;
  margin-top: 10px;
}
.settings #profileTabs nav .tab:hover {
  cursor: pointer;
}
.settings .sSection {
  width: 100%;
}
.settings .sSection .sBox {
  background-color: white;
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  width:100%;
  border:1px solid var(--gray-light-mid);
}
@media only screen and (max-width: 768px) {
  .settings .sSection .sBox {
    /* padding: 0px; */
  }
}
@media only screen and (max-width: 768px) {
  .settings .sSection .sBox.row.slider .oneLine .connectNetworks {
    width: 100%;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    scroll-behavior: smooth;
    padding:20px 0px 10px 0;
  }
}
.settings .sSection .sBox.row.slider .oneLine .selectionBox.connectButton,
.connectNetworks .selectionBox.connectButton {
  flex-shrink: 0;
  box-shadow: 0px 0 5px 0px rgba(0,0,0,0.1);
}
.managedAccounts{
  margin-top: 20px;
}
.managedAccounts .accountBox{
    margin-bottom: 7px;
    margin-top: 7px;
}
.managedAccounts .accountBox label{
  font-size: 15px;
  font-weight: 400;
  color:#888;
}
.managedAccounts .accountBox img.img24{
  margin-left:5px;
}
.managedAccounts  .accountsTitle i{
  color:#888;
  font-size: 13px;
  margin-left: 10px;
  font-weight: 300;
}

.managedAccounts .accountsTitle.errorTitle {
  color: red;
}


@media only screen and (max-width: 768px) {
  .settings .sSection .sBox:last-child {
    border-radius: 0 !important;
    padding-bottom: 30px;
  }
  .pageTwo .settings .sSection .sBox:first-of-type {
    border-radius: 0 !important;
    padding-top: 10px;
  }
}
 .settings h2 {
  margin-top: 30px;
 }
.settings .sSection .sBox .oneLine {
  width: 100%;
  /*float: left;*/
  display: flex;
  flex-wrap: wrap;
}
.settings .sSection .sBox .oneLine .onePricing,
.sendMsgModal .pricingTable .onePricing {
  display: flex;
  flex:1 1 100%;
  padding: 20px;
  border: 1px solid #eee;
  font-size: 14px;
  background: #f6f8f9;
  border-top: 0;
  align-items: center;
}
.settings .sSection .sBox .oneLine .pricingTable,
.sendMsgModal .pricingTable {
  display: flex;
  flex-direction: column;
  flex:1 1 100%;
  margin-top:20px;
}
.sendMsgModal .pricingTable {
  margin:0;
}
@media only screen and (min-width: 769px) {
  .settings .sSection .sBox .oneLine .pricingTable {
    margin-right: 30px;
  }
}
.sendMsgModal .pricingTable  .showPricing {
  color: #29c;
  font-weight: 700;
  cursor: pointer;
  font-size: 13px;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
}
.sendMsgModal .pricingTable  .showPricing:hover {
  opacity: 0.8;
}
.sendMsgModal .pricingCont {
  padding: 20px;
  box-shadow: 0px 7px 10px -5px rgba(0,0,0,.1);
  position: relative;
  z-index: 1;
}
.sendMsgModal .pricingCont .title {
  font-family: open sans;
  color: #aaa;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 10px;
}
.settings .sSection .sBox .oneLine .pricingTable .onePricing:first-child,
.sendMsgModal .pricingTable .onePricing:first-child
 {
  border-top: 1px solid #eee;
  border-radius: 5px 5px 0 0;
}
.sendMsgModal .pricingTable .onePricing:first-child {
  border-radius: 0;
}
.sendMsgModal .pricingTable .onePricing {
  background: white;
  border-left: 0;
  border-right: 0;
 }
.settings .sSection .sBox .oneLine .onePricing .pricingNetwork,
.sendMsgModal .pricingTable .onePricing .pricingNetwork {
  width:  68px;
}
.settings .sSection .sBox .oneLine .onePricing .pricingType,
.sendMsgModal .pricingTable .onePricing .pricingType {
  width: 175px;
}
.settings .sSection .sBox .oneLine .onePricing .pricingType i,
.sendMsgModal .pricingTable .onePricing .pricingType i {
  color: #888;
}
.settings .sSection .sBox .oneLine .onePricing .pricingDetails,
.sendMsgModal .pricingTable .onePricing .pricingDetails {
  color: #aaa;
  line-height: 1.3;
  padding-right: 10px;
}
.sendMsgModal .pricingTable .onePricing .pricingDetails {
  width: 460px;
}
.oneLine .onePricing .pricingDetails {
  width: 445px;
}
.sendMsgModal .pricingTable .onePricing .pricingDetails {
  width: 500px;
}
.settings .sSection .sBox .oneLine .onePricing .pricingDelete,
.sendMsgModal .pricingTable .onePricing .pricingDelete {
  margin-left: auto;
  opacity: 0;
  transition: 0.2s ease-in-out all;
  color:#F9855C;
  cursor: pointer;
}
.settings .sSection .sBox .oneLine ul a {
  cursor: pointer;
}
.settings .sSection .sBox .oneLine .onePricing:hover .pricingDelete,
.sendMsgModal .pricingTable .onePricing:hover .pricingDelete {
  opacity: 1;
}
.settings .sSection .sBox .oneLine .onePricing:last-child,
.sendMsgModal .pricingTable .onePricing:last-child {
  border-radius: 0 0 5px 5px;
}
.sendMsgModal .pricingTable .onePricing:last-child {
  border: none;
}
.settings .sSection .sBox .oneLine.column {
  flex-direction: column;
}
.settings .sSection .sBox .oneLine.halfWidth {
  max-width: 560px;
}
.settings .sSection .sBox .oneLine .profilePics ul li a {
  padding: 10px;
  cursor: pointer;
}
.settings .sSection .sBox .oneLine .profilePics ul li img {
  width: 48px;
  margin-right: 5px;
}
.settings .sSection .sBox .oneLine .profilePics ul li {
  text-transform: capitalize;
}
.settings .sSection .sBox .oneLine .profilePics a {
  padding: 0;
  border: 1px solid #f6f8f9;
}
.settings .sSection .sBox .oneLine .profilePics a i {
  padding: 0 20px;
  margin-left: auto;
}
.settings .sSection .sBox .oneLine .oneSetting {
  float: left;
  margin-right: 40px;
  margin-bottom: 30px;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton {
  margin-right: 20px;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton.connectStories.connected {
  border-color: #AD76A8;
  color: #AD76A8;
}
.settings .sSection .sBox .oneLine .connectNetworks {
  display: flex;
  align-items: center;
  flex-direction: row;
  /* margin-top: 20px; */
}
.settings .connectNetworks .title .blueLink {
  margin-right: 25px;
  margin-left: auto;
  padding: 0px;
  /* background: #FAF2D0; */
  color: #29c;
  font-size:13px;
  padding: 0px 10px;
  font-weight: 500;
  border-radius: 8px;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton .topLabel,
.connectNetworks .selectionBox.connectButton .topLabel {
  position: absolute;
  top: 0;
  background: #f6f8f9;
  left: 0;
  right: 0;
  padding: 4px;
  color: #bbb;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton .topLabel i,
.connectNetworks .selectionBox.connectButton .topLabel i {
  font-size: 13px;
  margin: 0 3px;
  margin-bottom: 0;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton .topLabel .fa-asterisk,
.connectNetworks .selectionBox.connectButton .topLabel .fa-asterisk {
  font-size: 8px;
  display: flex;
}
.settings .sSection .sBox .oneLine .connectNetworks > * {
  margin-right: 15px;
}
.settings .sSection .sBox .oneLine .connectNetworks .divider {
  float: left;
  border-left: 2px solid #eee;
  /*margin: 20px 18px 0px 20px;*/
  height: 20px;
}
.settings .sSection .sBox .oneLine .connectNetworks .storiesHelp {
  align-self: flex-start;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 300;
  color: #888;
}
.settings .sSection .sBox .oneLine .connectNetworks .storiesHelp .fa-check {
  color: #ACCC48;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton.disabled {
  background: #EEEEEE;
  border-color: #EEEEEE;
  color: #ccc;
  cursor: initial;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton.disabled:hover {
  opacity: 1;
}
.settings .sSection .sBox .oneLine .connectNetworks .storiesHelp > div:first-child {
  font-weight: 700;
  margin-bottom: 3px;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton .network {
  display: flex;
  font-size: 16px;
  padding:20px;
  font-weight: 600;
}

.settings .sSection .sBox .oneLine .selectionBox.connectButton .network .amp {
  display: flex;
  align-items: center;
  margin: 0 20px;
  font-weight: 300;
  opacity: 0.5;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton .circle,
.connectNetworks .selectionBox.connectButton .circle {
  width: 24px;
  height: 24px;
  line-height: 22px;
  border-radius: 20px;
  position: absolute;
  right: -7px;
  top: -7px;
  display: none;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectStories .circle {
  display: inline;
  background: #AD76A8;
  color: white;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectTwitter .circle {
  display: inline;
  background: #000000;
  color: white;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectInstagram .circle,
.connectNetworks .selectionBox.connected.connectButton.connectInstagram .circle {
  display: inline;
  background: #29c;
  color: white;
  border:2px solid white;
}
.connectButton:hover .disconnectCreatorNetwork{
  opacity: 1;
}
.connectButton .disconnectCreatorNetwork {
  opacity: 0;
  position: absolute;
  color: white;
  background: #839BB5;
  bottom: 0;
  font-size: 11px;
  left: 0;
  width: 100%;
  padding: 5px;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectFacebook .circle {
  display: inline;
  background: #3B5999;
  color: white;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectYoutube .circle,
.connectNetworks .selectionBox.connected.connectButton.connectYoutube .circle{
  display: inline;
  background: var(--youtube-color);
  color: white;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectPinterest .circle {
  display: inline;
  background: #BD081C;
  color: white;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectEmail .circle {
  display: inline;
  background: #29c;
  color: white;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton i {
  font-size: 15px;
  margin-bottom: 4px;
  display: inline-block;
}
.settings .sSection .sBox .oneLine .selectionBox.connectButton i.fa-check,
.connectNetworks .selectionBox.connectButton i.fa-check {
  /* font-size: 10px;
  margin-top: 2px; */
}
.settings .sSection .sBox .oneLine .selectionBox:hover,
.connectNetworks .selectionBox:hover {
  opacity: 0.7;
}
.settings .sSection .sBox .oneLine .selectionBox label {
  cursor: pointer;
}
.settings .sSection .sBox .oneLine .selectionBox img {
  width: 70px;
  margin-bottom: 3px;
}
.settings .sSection .sBox .oneLine .selectionBox .boxName {
  color: #8091A5;
  transition: 0.2s all ease;
}
.settings .sSection .sBox .oneLine .selectionBox.selected .boxName {
  color: #29c;
}
.settings .sSection .sBox .oneLine .selectionBox.selected {
    box-shadow: 0 0 2px 2px #eee;
    border:2px solid #29c;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectTwitter,
.connectNetworks  .selectionBox.connected.connectButton.connectTwitter {
  border-color: #000000;
  color: #000000;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectEmail,
.connectNetworks  .selectionBox.connected.connectButton.connectEmail {
  border-color: #29c;
  color: #29c;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectInstagram,
.connectNetworks  .selectionBox.connected.connectButton.connectInstagram {
  border-color: #6ea7c5;
  background: #6ea7c5;
  color: white;
}
.connectNetworks  .selectionBox.connected.connectButton.connectInstagram .network {
  display:flex;
  font-size: 16px;
    padding: 20px;
    font-weight: 600;
    color:white;
}
.connectNetworks  .selectionBox.connected.connectButton.connectInstagram.connected .network i {
  color:white;
}
.connectNetworks  .selectionBox.connected.connectButton.connectInstagram .network .amp {
    display: flex;
    align-items: center;
    margin: 0 20px;
    font-weight: 300;
    opacity: 0.5;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectFacebook,
.connectNetworks  .selectionBox.connected.connectButton.connectFacebook {
  border-color: #3B5999;
  color: #3B5999;
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectYoutube,
.connectNetworks  .selectionBox.connected.connectButton.connectYoutube {
  border-color: var(--youtube-color);
  color: var(--youtube-color);
}
.settings .sSection .sBox .oneLine .selectionBox.connected.connectButton.connectPinterest,
.connectNetworks  .selectionBox.connected.connectButton.connectPinterest {
  border-color: #BD081C;
  color: #BD081C;
}
.settings .sSection .sBox .oneLine .insideTitle {
  font-size: 13px;
  color: #525352;
  font-weight: 300;
  margin-bottom: 10px;
}
.settings .sSection .sBox .oneLine .profileCategorySelector {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
.settings .sSection .sBox .oneLine .profileCategorySelector > div:last-child {
  display: flex;
  flex: 1 1 auto;
}
@media only screen and (max-width: 768px) {
  .settings .sSection .sBox .oneLine .profileCategorySelector > div:last-child {
    width: 100% !important;
  }
}
.settings .sSection .sBox .oneLine .profileCategorySelector > div:last-child .whiteDropdown {
  display: flex;
  flex: 1 1 auto;
  border: 1px solid #f6f8f9;
}
.settings .sSection .sBox .oneLine .profileCategorySelector > div > a {
  display: flex;
}
.settings .sSection .sBox .oneLine .profileCategories .grad-butt {
  /*width: 345px;*/
  padding:0px 20px 0 10px;
  display: flex;
  flex: 1 1 auto;
  /*height: 60px;*/
}
@media only screen and (max-width: 768px) {
  .settings .sSection .sBox .oneLine .profileCategories .grad-butt {
    height: 50px;
  }
}
.settings .sSection .sBox .oneLine .profileCategories ul {
  width: 640px;
}
@media only screen and (max-width: 768px) {
  .settings .sSection .sBox .oneLine ul {
    width: 100% !important;
    box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1);
  }
  .settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .postNetworks {
    width: 100% !important;
  }
  .settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .whiteDropdown {
    width: 100% !important;
  }
  .settings .sSection .sBox .oneLine .profileCategories ul li {
    width: 50% !important;
  }
  .settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox ul li {
    width: 50%;
    float: left;
  }
}
.settings .sSection .sBox .oneLine .profileCategories ul li img {
  width: 40px;
  mix-blend-mode: darken;
}
.settings .cornerHoveringMessage {
  position: absolute;
  bottom: 0px;
  right: -390px;
  padding:30px;
  line-height: 1.3;
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);
  width: 300px;
  font-size: 14px;
  font-family: open sans;
  color: #525352;
  z-index: 1;
  border-radius: 6px;
  background: linear-gradient(#FFF, #F0F7FB);
}
.settings .cornerHoveringMessage .title {
  font-size: 17px;
  color: #8091A5;
  font-weight: 700;
  padding:0;
  margin:0;
}
.settings .cornerHoveringMessage img {
  width: 100px;
  margin-left: -10px;
  margin-bottom: 10px;
}
.settings .cornerHoveringMessage .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.settings .sSection .divider {
  height: 20px;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.settings .sSection .divider .dividerLine {
  border-bottom: 3px solid #f6f8f9;
  margin-left: 30px;
  width: 200px;
}
.settings .sSection .sBox .oneLine .profileCategories ul li {
  width: 160px;
  float: left;
  height: 60px;
}
.settings .sSection .sBox .oneLine .profileCategories ul li a {
  width: 100%;
  cursor: pointer;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .postNetworkSelector {
  line-height: 1.3;
  /*padding:10px;*/
  /*border-bottom: 2px solid #eee;*/
  /*cursor: pointer;*/
  justify-content: flex-start;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .postNetworkSelector .whiteDropdown a .resultCont {
  padding: 12px;
  transition: 0.2s ease-in-out all;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .postNetworkSelector .whiteDropdown a .resultCont:hover {
  background: #F6F8F9;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .postNetworkSelector a {
  cursor: pointer;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .twoInputs div:nth-child(2) input {
  padding-left: 3px;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .postNetworkSelector .fa-angle-down {
  color: #aaa;
  margin-left: 3px;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox {
  padding: 10px;
  justify-content: space-between;
}
.settings .sSection .sBox .oneLine .outsidePlaceholderCont {
  width: 100%;
  display: flex;
}
.settings .sSection .sBox .oneLine .outsidePlaceholderCont .outsidePlaceholder{
  flex-grow: 0;
  flex-basis: 10%;
  padding-right: 0;
  display: flex;
  color: #aaa;
}

.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .outsidePlaceholderCont input {
 width: 80%;
 flex-grow: 2;
}
.settings .sSection .sBox .oneLine .onePortfolioCard .portfolioBox .noImageBox {
  padding: 20px;
}
.settings .sSection .sBox .oneLine .onePortfolioCard .portfolioBox .noImageBox i {
  font-size: 44px;
  margin-bottom: 14px;
  color: #eee;
}
.settings .sSection .sBox .oneLine .onePortfolioCard .portfolioBox .noImageBox .url{
  font-size: 12px;
  text-overflow: ellipsis;
  line-height: 1.4;
  color: #8091A5;
  max-height: 60px;
  overflow: hidden;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox input {
  width: 100%;
  font-size: 14px;
  transition: 0.2s ease-in-out all;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox input:hover {
  background: #F6F8F9;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox > div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .addButt {
  line-height: 1.3;
  padding: 10px;
  font-weight: 700;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .addButt a {
  transition: 0.2s ease-in-out all;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .campaignRep {
  position: relative;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .campaignRep span {
  position: absolute;
  right: 0;
  bottom: 0;
  bottom: -16px;
  font-size: 9px;
  color: #aaa;
}
.settings .sSection .sBox .oneLine .onePortfolioCard.create .portfolioBox .addButt a:hover {
  opacity: 0.8;
}
.settings .sSection .sBox .oneLine .onePortfolioCard {
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.settings .sSection .sBox .oneLine .onePortfolioCard:nth-child(4n) {
  margin-right: 0;
}
.settings .sSection .sBox .oneLine .portfolioCont {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
}
@media only screen and (max-width: 991px) {
  .settings .sSection .sBox .oneLine .portfolioCont {
    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-behavior: smooth;
    overflow-scrolling:touch;
    -webkit-overflow-scrolling:touch;
    padding: 10px;
  }
  .settings .sSection .sBox .oneLine .onePortfolioCard:nth-child(4n) {
    margin-right: 20px;
  }
  .settings .sSection .sBox .oneLine .onePortfolioCard:last-child {
    padding-right: 20px;
  }
}
.settings .sSection .sBox .oneLine .onePortfolioCard .portfolioBox {
    width: 220px;
    height: 220px;
    /*overflow: hidden;*/
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
    display: flex;
    position: relative;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}
.settings .sSection .sBox .oneLine .onePortfolioCard .portfolioBottom {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #888;
  font-weight: 700;
  margin-top: 7px;
}
.settings .sSection .sBox .oneLine .onePortfolioCard .portfolioBottom > span:first-child {
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.settings .sSection .sBox i.fa-instagram,
.sendMsgModal .pricingTable i.fa-instagram {
  color: #F087B1;
}
.settings .sSection .sBox i.fa-klear-x-twitter,
.sendMsgModal .pricingTable i.fa-klear-x-twitter {
  color: #000000;
}
.settings .sSection .sBox i.fa-facebook-f,
.sendMsgModal .pricingTable i.fa-facebook-f {
  color: #3B5999;
}
.settings .sSection .sBox i.fa-rss,
.sendMsgModal .pricingTable i.fa-rss {
  color: #C99666;
}
.settings .sSection .sBox i.fa-youtube,
.sendMsgModal .pricingTable i.fa-youtube {
  color: var(--youtube-color);
}
.settings .sSection .sBox i.fa-pinterest,
.sendMsgModal .pricingTable i.fa-pinterest {
  /*color: #A70D1F;*/
  color: #BD081C;
}
.settings .sSection .sBox i.fa-pencil-alt,
.sendMsgModal .pricingTable i.fa-pencil-alt {
  color:#8091A5;
}
.settings .sSection .sBox
.portfolioImage {
  flex:1 1 auto;
  background-size: cover;
}
.settings .sSection .sBox .oneLine .resultCont {
  display: flex;
  align-items:center;
  justify-content: left;
  flex: 1 1 100%;
  padding: 0px;
  transition: 0.2s ease-in-out all;
}
.settings .sSection .sBox .oneLine .resultCont .name {
  text-transform: capitalize;
  margin-left: 20px;
}
.settings .sSection .sBox .oneLine .resultCont div:last-child{
  margin-left:auto;
}
.settings .sSection .sBox .oneLine .resultCont .imgCont div:last-child {
  font-size: 15px;
  font-weight: 500;
  margin-left: 5px;
}
.settings .sSection .sBox .oneLine .resultCont .imgCont {
  display: flex;
  align-items: center;
}
.settings .sSection .sBox .oneLine .profilePicSelector {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .settings .sSection .sBox .oneLine .profilePicSelector {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .settings .sSection .sBox .oneLine .profilePicSelector .whiteDropdown {
    width: 100%
  }
  .settings .sSection .sBox .oneLine .profilePics a {
    width: 100%;
  }
}
.settings .sSection .sBox .oneLine .resultCont .imgCont img {
  width: 48px;

}
.settings .sSection .sBox .oneLine .subTitle {
  font-size: 13px;
  color: #8091A5;
  font-family: open sans;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 1.3;
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
}
.settings .sSection .sBox .oneLine .seeExampleQuote {
  color: #aaa;
  font-family: open sans;
  line-height: 1.5;
  font-size: 12px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.settings .sSection .sBox .oneLine ul.subTitle {
  flex-direction: column;
}
.settings .sSection .sBox .oneLine.imageUpload img {
  max-width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.settings .sSection .sBox .oneLine.imageUpload input {
  display: none;
}
.settings .sSection .sBox .oneLine.imageUpload .uploadButt {
  position: absolute;
  top: 0;
  background: white;
  width: 100%;
  max-height: 160px;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: 0.2s ease-in-out all;
  cursor: pointer;
  line-height: 1.3;
  display: table;
  border-radius: 3px;
  height: 100%;
}
.settings .sSection .sBox .oneLine.imageUpload .uploadButt.noLogo {
  opacity: 1;
  background: none;
  color: #29c;
  font-weight: 500;
  font-size: 16px;
}
.settings .sSection .sBox .oneLine.imageUpload .uploadButt.noLogo:hover {
  opacity: 0.8;
}
.settings .sSection .sBox .oneLine.imageUpload label:hover  .uploadButt.loading {
  opacity: 0;
}
.settings .sSection .sBox .oneLine.imageUpload label:hover {
  box-shadow: 0px 3px 3px 0px #eee;
}
.settings .sSection .sBox .oneLine.imageUpload .uploadButt .inButt {
  display: table-cell;
  vertical-align: middle;
}
.settings .sSection .sBox .oneLine.imageUpload label {
  position: relative;
  float: left;
  margin-bottom: 0;
  width: 100%;
  height: 120px;
  box-shadow: 0px 1px 3px 0px #eee;
  border: 1px solid #eee;
  text-align: center;
  box-sizing: content-box;
  transition: 0.2s ease-in-out all;
  border-radius: 3px;
  background-image: linear-gradient(45deg, #f6f8f9 25%, transparent 25%), linear-gradient(-45deg, #f6f8f9 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f6f8f9 75%), linear-gradient(-45deg, transparent 75%, #f6f8f9 75%);
  background-size: 21px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  display: flex;
}
.settings .sSection .sBox .oneLine.imageUpload label:hover .uploadButt {
  opacity: 0.9;
  color: #29c;
  font-size: 16px;
  font-weight: 500;
}

.settings .sSection .sBox .oneLine.imageUpload .uploadInfo {
  color: #aaa;
  font-size: 12px;
  margin-top: 5px;
}
.settings .sSection .sBox .oneLine.imageUpload .uploadExplain ul {
  margin-top: 4px;
  line-height: 1.5;
}
.settings .sSection .sBox .oneLine.imageUpload .uploadExplain ul i {
  font-size: 10px;
  margin-right: 2px;
}
.settings .sSection .sBox .oneLine .title,
.settings.confirmModal label.title,
.settings .accountsTitle, .managedAccounts .accountsTitle {
  color: #839baf;
  font-weight: 700;
  font-family: open sans;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 0;
  display: flex;
  flex: 0 0 100%;
}
.settings .sSection .sBox .oneLine .title .emph {
  font-weight: 700;
  text-transform:capitalize;
  color: #8091A5;
  padding: 0 3px;
}
.settings .sSection .sBox .oneLine .info {
  color: #ccc;
  font-weight: 500;
  background: #f6f8f9;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 15px;
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  align-self: center;
}
.settings .sSection .sBox .oneLine .info i {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
    font-weight: 500;
}
.settings .sSection .sBox .oneLine .title .note {
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.settings .sSection .sBox .oneLine .bigStat {
  font-size: 20px;
  font-family: raleway;
  font-weight: 500;
  color: #525352;
}
.settings .sSection .sBox .oneLine .bar {
  width: 500px;
  background: #eee;
  height: 5px;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
}
.settings .sSection .sBox .oneLine .bar .barFill {
  background: #29c;
  background: -webkit-linear-gradient(left, #29c , #47C9E8);
  background: -o-linear-gradient(right, #29c , #47C9E8);
  background: -moz-linear-gradient(right, #29c , #47C9E8);
  background: linear-gradient(to right, #29c , #47C9E8);
}
.settings .sSection .sBox .oneLine .bar .barFill.red {
  background: #F9855C;
  background: -webkit-linear-gradient(left, #F9855C , #FFA68A);
  background: -o-linear-gradient(right, #F9855C , #FFA68A);
  background: -moz-linear-gradient(right, #F9855C , #FFA68A);
  background: linear-gradient(to right, #F9855C , #FFA68A);
}
.settings .sSection .sBox .oneLine .regStat {
  font-size: 13px;
  font-weight: 500;
  font-family: open sans;
  flex: 1 1 100%;
}
.settings .sSection .sBox .oneLine .flat-butt-large {
  font-weight: 300;
  font-size: 13px;
}
.settings .sSection .sBox .oneLine .regStat .limit{
  color: #ccc;
  /*font-weight: 700;*/
  /*font-size: 11px;*/
}
.settings .sSection .sBox .oneLine .inputNumbering {
  color: #aaa;
  width: 13px;
  display: inline-block;
  text-align: left;
}
.settings .sSection .sBox .oneLine .inputList:nth-child(1) {
  margin-top: 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .settings .sSection .sBox .oneLine .pricingTable {
    flex-direction: row;
    width: 100%;
    overflow-x:scroll;
    scroll-behavior: smooth;
    overflow-scrolling:touch;
    -webkit-overflow-scrolling:touch;
  }
  .settings .sSection .sBox .oneLine .pricingTable .onePricing {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    flex-shrink: 0;
    flex-basis: 232px;
    border-radius: 4px !important;
    border: 1px solid #eee !important;
  }
  .settings .sSection .sBox .oneLine .pricingTable .onePricing > span {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding:20px;
  }
  .settings .sSection .sBox .oneLine .pricingTable .onePricing > span:last-child {
    border:none;
  }
}
.settings .sSection .sBox .oneLine .pricingTableTitle {
  margin-top: 30px;
}
.settings .sSection .sBox .oneLine .inputList.sponsoredPosts input:nth-child(2) {
  width: 450px;
  margin-right: 30px;
}
/*.settings .sSection .sBox .oneLine .inputList.priceList input:nth-child(2) {
  margin-right: 30px;
  margin-left: -3px;
}*/
/*.settings .sSection .sBox .oneLine .inputList.priceList .listPrice {
  width: 150px;
}*/

/*end of price list*/


.settings .sSection .sBox .oneLine input.withIcon {
  padding-left: 0 !important;
}
.settings .sSection .sBox .oneLine input,
.settings .sSection .sBox .oneLine .outsidePlaceholder,
.settings.confirmModal input,
.settings .sSection .sBox .oneLine .inputIcon {
  border: none;
  border-bottom: 2px solid #eee;
  font-size: 14px;
  font-family: open sans;
  transition: all 0.2s ease;
  box-shadow: 0;
  font-weight: 500;
  padding: 10px;
  border-radius: 0;
  line-height: 1.3;
  width: 300px;
}
.settings .sSection .sBox .oneLine input {
  width: 230px;
  height: 45px;
}
.settings .sSection .sBox .oneLine .inputIcon {
  font-size: 12px;
}
.settings.confirmModal input.text {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
  width: 300px;
}
.settings .sSection .sBox .oneLine input:hover,
.settings .sSection .sBox .oneLine .inputWithIcon:hover,
.settings.confirmModal input:hover {
  opacity: 0.7;
}
.settings .sSection .sBox .oneLine .inputWithIcon input:hover {
  opacity: 1;
}
.settings .sSection .sBox .oneLine input.active,
.settings.confirmModal input.active {
  border-color: #29c;
}
.settings .sSection .sBox .oneLine input.focus,
.settings.confirmModal input.focus {
  box-shadow: 0px 0px 2px 1px #ddd;
  border-radius: 2px;
}
.settings .sSection .sBox .oneLine.toggle {
  justify-content: space-between;
}
.settings .sSection .sBox .oneLine.bigTitle .title {
  font-size: 22px;
  color: #29c;
  font-weight: 500;
}
.settings .sSection .sBox .oneLine.bigTitle .subTitle {
  font-size: 14px;
  color: #525352;
  font-weight: 500;
}
.settings .sSection .sBox .oneLine .subTitle .explain {
  color: #29c;
  border-bottom: 1px solid #29c;
  opacity: 1;
  transition: 0.2s ease-in-out all;
  cursor: pointer;
}
.settings .sSection .sBox .oneLine .subTitle .explain:hover {
  opacity: 0.8;
}
.settings .sSection .sBox .oneLine.bigTitle .topIcon {
  float: left;
  font-size: 30px;
  line-height: 2.3;
  margin-right: 13px;
  color: #29c;
}
.settings .sSection .sBox .oneLine .toggleButts {
  font-size: 14px;
  font-family: open sans;
  font-weight: 700;
  color: #8091A5;
  margin-top: 17px;
  margin-right: 30px;
}
.settings .sSection .sBox .oneLine .toggleButts .oneToggle {
  cursor: pointer;
  transition: 0.2s all ease;
}
.settings .sSection .sBox .oneLine .toggleButts .oneToggle:hover {
  opacity: 0.7;
}
.settings .sSection .sBox .oneLine .toggleButts .oneToggle.active {
  color: #29c;
  border-bottom: 2px solid #29c;
}

.settings .sSection .sBox .oneLine .toggleButts .toggleDivider {
    margin: 0px 2px;
    display: inline-block;
}
.settings .sSection .sBox .oneLine .inputAdd {
  width: 430px;
  display: inline-block;
}
.settings .sSection .sBox .oneLine .inputAdd input {
  padding: 0;
  width: 100%;
}
.settings .sSection .sBox .oneLine .inputAdd ul {
  width: 430px;
}
/*
.settings .sSection .sBox .oneLine .inputAdd ul .skillResult {
  padding: 10px;
}
.settings .sSection .sBox .oneLine .inputAdd ul .skillResult a {
  color: #525352;
}
.settings .sSection .sBox .oneLine .inputAdd ul .skillResult:hover {
  background: #f6f8f9;
}
.settings .sSection .sBox .oneLine .inputAdd ul .skillResult td {
  padding: 0;
}
*/
.settings .sSection .sBox .oneLine .inputAdd > div:nth-child(1) {
  width: 80%;
  float: left;
}
.settings .sSection .sBox .oneLine .inputAdd > div:nth-child(1) input {
   box-shadow: none;
}
.settings .sSection .sBox .oneLine .inputAdd > div:nth-child(2) {
  width: 20%;
  float: right;
}
.settings .sSection .sBox .oneLine .inputAdd > div:nth-child(2) input {
  width: 100%;
  background: none;
  line-height: 12px;
  font-family: open sans;
  color: #AFDAEC;
  font-weight: 700;
  text-transform:uppercase;
  font-size: 12px;
  padding: 10px;
}
.settings .sSection .sBox .oneLine .inputAdd > div:nth-child(2) input.active {
  border-color: #29c;
  color: #29c;
}
.settings .sSection .sBox .oneLine .inputAddSelected {
  color: #aaa;
  font-weight: 700;
  font-size: 13px;
  flex:1 1 100%;
  flex-wrap: wrap;
  display: flex;
}
.settings .sSection .sBox .oneLine .inputAddSelected .result {
  margin-top: 10px;
  float: left;
  background: #EFF8FB;
  padding: 4px;
  margin-right: 10px;
  box-shadow: 0 0 2px 1px #eee;
  color: #8091A5
}
.settings .sSection .sBox .oneLine .inputAddSelected .remove {
  cursor: pointer;
  color: #FFA68A;
  font-size: 10px;
}
.settings .sSection .sBox .oneLine textarea {
  border: none;
  overflow: auto;
  outline: none;
  resize: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 160px;
  line-height: 1.4;
  background: #F6F8F9;
  color: #ccc;
  border: 0;
  padding:20px;
  font-size: 14px;
  font-family: open sans;
  font-weight: 500;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.settings .sSection .sBox .oneLine textarea.focus {
  background: white;
  box-shadow: 0px 0px 2px 1px #ddd;
  color: #ccc;
}
.settings .sSection .sBox .oneLine textarea.active {
  color: #525352;
}
.settings .sSection .sBox .oneLine.cBox .oneOption,
.settings.confirmModal .oneLine.cBox .oneOption {
  width: 430px;
  font-family: open sans;
  margin-bottom: 4px;
  border-radius: 2px;
  transition: 0.2s all ease;
  border:1px solid transparent;
}
.settings .sSection .sBox .oneLine.cBox .oneOption.active,
.settings.confirmModal .oneLine.cBox .oneOption.active {
  border-color: #29c;
}
.settings.confirmModal .oneLine.cBox .oneOption {
  width: 300px;
}
.settings .sSection .sBox .oneLine.cBox .oneOption:hover,
.settings.confirmModal .oneLine.cBox .oneOption:hover {
  opacity: 0.7;
}
.oneOption label span i {
  margin-right: 5px;
}
.oneOption.active.twitter label span {
  color: #000000;
}
.oneOption.active.facebook label span {
  color: #3B5999;
}
.oneOption.active.instagram label span {
  color: #F087B1;
}
.oneOption.active.youtube label span {
  color: var(--youtube-color);
}
.oneOption.active.pinterest label span {
  color: #BD081C;
}
.oneOption.active.blogs label span {
  color: #C99666;
}
.oneOption label {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  padding: 11px;
  color: #8091A5;
  cursor: pointer;
  margin-bottom: 0px;
}
.oneOption label span {
  line-height: 1.5;
}
.oneOption.active {
  border: none;
  box-shadow: none;
  z-index: 1;
  position: relative;
}
.settings .sSection .sBox .oneLine.cBox .oneOption.active label,
.settings.confirmModal .oneLine.cBox .oneOption.active label {
  color: #525352;
}
.oneOption input[type=checkbox],
.connectNetworks .oneOption input[type="radio"],
.connectNetworks .oneOption button,
.settings .sSection .sBox .oneLine input[type="radio"] {
  visibility: hidden;
  display: none;
}
.oneOption .radioBox,
.oneOption .checkBox {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border:1px solid #29c;
  background-color: transparent;
  float: left;
  margin-right: 7px;
  position: relative;
  margin-top: 3px;
}
.oneOption .radioBox {
  border-radius: 20px;
  position: relative;
  border-color: #A1B5C5;
  margin-right: 11px;
  height: 15px;
  width: 15px;
}
.oneOption.active .radioBox,
.oneOption.active .checkBox {
  border-color: #29c;
}
.oneOption .checkBox .checkMark {
  border-bottom: 1px solid #29c;
  border-right: 1px solid #29c;
  transform: rotate(45deg) scale(0,0);
  width: 6px;
  height: 11px;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.2s ease;
  display: inline-block;
}
.oneOption .radioBox .radioMark {
  width: 5px;
  transform: rotate(45deg) scale(0,0);
  transition: all 0.2s ease;
  display: inline-block;
  height: 5px;
  border-radius: 20px;
  background: #29c;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin:auto;
}
.oneOption.active .radioBox .radioMark,
.oneOption.active .checkBox .checkMark {
  transform: rotate(45deg) scale(1,1);
}
.settings .sSection .sBox .oneLine .onboardingContainer {
  width: 700px;
}
.settings .sSection .sBox .oneLine.withDivider .oneSetting {
  border-right: 1px solid #eee;
  padding-right: 20px;
  margin-right: 20px;
}
.settings .sSection .sBox .oneLine.withDivider .oneSetting:last-child {
  border-right: 0;
  padding-right: 0;
}
.settings .sSection .sBox .oneLine table.users tr td:not(:nth-child(1)),
.settings .sSection .sBox .oneLine table.users tr th:not(:nth-child(1)) {
  /* text-align: center; */
}
.settings .sSection .sBox .oneLine table.users,
.settings .sSection .sBox .oneLine table.workspaces {
  width: 100%;
  font-size: 14px;
  font-family: open sans;
  font-weight: 500;
  margin-top: 10px;
  color: #525352;
}
.settings .sSection .sBox .oneLine table.workspaces tr,
.settings .sSection .sBox .oneLine table.users tr  {
  height: 80px;
}
.settings .sSection .sBox .oneLine table.users tr .flag {
  color:var(--gray-light);
  margin-left:var(--space-regular);
  font-weight:500;
}
.settings .sSection .sBox .oneLine table.users tr .flag.permissionChangedFlag{
  margin-left: var(--space-regular);
  color: var(--gray);
  font-weight: var(--weight-regular);
}

.settings .sSection .sBox .oneLine table.workspaces thead tr,
.settings .sSection .sBox .oneLine table.users thead tr  {
  height: 20px;
}
.settings .sSection .sBox .oneLine table tr th {
  text-transform: uppercase;
  font-size: 12px;
  color: #ccc;
}
.settings .sSection .sBox .oneLine table tr td,
.settings .sSection .sBox .oneLine table tr th {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.settings .sSection .sBox .oneLine table.workspaces tr td:nth-child(1) {
  width: 350px;
}
.settings .sSection .sBox .oneLine table.workspaces tr td:nth-child(2) {
  width: 200px;
}
.settings .sSection .sBox .oneLine table tr:last-child td {
  border: 0;
}
.settings .sSection .sBox .oneLine table tr td.canChange a {
  color: #A1B5C5;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}
.settings .sSection .sBox .oneLine table tr td.canChange a:hover {
  color:#8091A5;
}
.settings .sSection .sBox .oneLine table tr td.canChange a > div:first-child {
  float: left;
 }
.settings .sSection .sBox .oneLine table tr td.canChange a > i:last-child {
  float: right;
  margin-left: 5px;
 }
.settings .sSection .sBox .oneLine table tr.waiting td.canChange,
.settings .sSection .sBox .oneLine table tr.waiting {

}
.settings .sSection .sBox .oneLine table tr td.canChange select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0;
  border:0;
}
.settings .sSection .sBox .oneLine table .fa-trash {
  color: #F9855C;
  font-size: 14px;
}
.settings .sSection .sBox .oneLine table img {
  box-shadow:0px 0 4px 0px #ccc;
  width: 48px;
}
.settings .sSection .sBox .oneLine table .lessImportant {
  color: #aaa;
  margin-left: 10px;
}
.settings .sSection .sBox .oneLine table .tableButt {
  font-weight: 700;
  font-family: open sans;
  font-size: 12px;
  color: #7AC2E0;
  opacity: 0;
  transition: all 0.2s ease;
  text-align: right;
  cursor: pointer;
}
.settings .sSection .sBox .oneLine table .tableButt.open {
  opacity: 1;
}
.settings .sSection .sBox .oneLine table .tableButt .ellipsis {
  font-size: 14px;
  padding: 8px 13px;
  box-shadow: 0px 0px 2px 1px #eee;
  border-radius: 2px;
}
.settings .sSection .sBox .oneLine table tr:hover .tableButt {
  opacity: 1;
}
.settings .sSection .sBox .oneLine .tableCta {
    padding-top: 25px;
    border-top: 1px solid #eee;
    font-size: 14px;
    font-weight: 700;
    flex-grow: 1;
}
.settings .sSection .sBox .oneLine .tableCta a {
  font-family: open sans;
  transition: all 0.2s ease;
}
.settings .sSection .sBox .oneLine .tableCta a:hover {
  opacity: 0.7;
}
.settings .sSection .sBox .oneLine .rightTitle {
  margin-left: auto;
  font-size: 12px;
}
.settings .sSection .sBox .oneLine .rightTitle.error {
  color: #FFA68A;
}
.settings.confirmModal form {
  text-align: left;
}
.settings.confirmModal form .oneLine {
  padding: 2px 20px;
  flex-direction: column;
}
.settings .loadingSpinner h2 {
  text-align:center;
  margin-top:40px;
  color: #ccc;
  font-size: 25px;
  font-weight: 300;
}
.settings .loadingSpinner .spinner-icon.xlarge {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 250px;
}
/*end of settings*/


/*campaign embed*/
.listEmbed .oneSection {
  font-family:  open sans;
  font-size: 14px;
  margin-bottom: 40px;
}
.listEmbed .oneSection .title {
  font-weight: 700;
  color: #aaa;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.listEmbed .oneSection .titleWithToggle {
  width: 100%;
  margin-bottom: -3px;
}
.listEmbed .oneSection .titleWithToggle > div:nth-child(1) {
  float: left;
}
.listEmbed .oneSection .titleWithToggle > div:nth-child(2) {
  float: right;
  position: relative;
  z-index: 1;
}
.listEmbed .oneSection .titleExplain {
  color: #888;
  font-size: 13px;
  margin-bottom: 11px;
}
.listEmbed .oneSection .rightToggle span {
  font-size: 20px;
  width: 50px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 9px;
  transition: 0.2s ease-in-out all;
}
.listEmbed .oneSection .rightToggle span:hover {
  background: white;
}
.listEmbed .oneSection .rightToggle span.selected {
  color: #29c;
  border-bottom: 2px solid #29c;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts.inActive {
  cursor: inherit;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts.sqButt {
  height: auto;
  width: 355px;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts.sqButt .text {
  color: #29c;
  float: left;
  width: 86%;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts.sqButt .icon {
  font-size: 19px;
  float: left;
  width: 7%;
  text-align: center;
  margin-right: 7px;
  color: #29c;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts.sqButt .fa-arrow-right {
  line-height: 1.4;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts {
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 3px 1px #eee;
  border:2px solid #eee;
  width: 200px;
  height: 240px;
  float: left;
  text-align: center;
  margin-right: 10px;
  padding:20px;
  transition: 0.2s ease-in-out all;
  color: #ddd;
  cursor: pointer;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts:hover {
  box-shadow: 0 2px 4px 3px #eee;
  color: #8091A5;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor {
  transition: 0.3s ease-in-out all;
  fill:#eee;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(1) {
  transition-delay: 0.1s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(2) {
  transition-delay: 0.2s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(3) {
  transition-delay: 0.3s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(4) {
  transition-delay: 0.4s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(5) {
  transition-delay: 0.5s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(6) {
  transition-delay: 0.6s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .changeColor:nth-child(7) {
  transition-delay: 0.7s;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts:hover .changeColor {
  fill: #ddd;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts.selected {
  border:2px solid #29c;
  color: #29c;
}
.listEmbed .oneSection .inSection.bigNavButts .oneBigNavButts .buttTitle {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 700;
}
.listEmbed .oneSection .inSection.bigNavButts {
  background: none;
  box-shadow: none;
  border:none;
  padding:0;
}
.listEmbed .oneSection .inSection.preview {
  padding:20px;
  background-image: linear-gradient(45deg, #f6f8f9 25%, transparent 25%), linear-gradient(-45deg, #f6f8f9 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f6f8f9 75%), linear-gradient(-45deg, transparent 75%, #f6f8f9 75%);
  background-size: 21px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  position: relative;
  /*width: 100vw;
  left: calc(-50vw + 50%);*/
}
.listEmbed .oneSection .inSection.preview iframe {
  background: #f2f2f2f2;
  transition: 0.2s ease-in-out all;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.listEmbed .oneSection .inSection.preview.mobilePreview iframe {
  width: 375px;
  transition: 0.2s ease-in-out all;
}
.listEmbed .oneSection .inSection.preview.desktopPreview iframe {
  width: 960px;
  transition: 0.2s ease-in-out all;
}

.listEmbed .oneSection .inSection.preview.fullpage.desktopPreview iframe {
  height: 1289px;
}
.listEmbed .oneSection .inSection.preview.fullpage.mobilePreview iframe {
  height: 2873px;
}
.listEmbed .oneSection .inSection.preview.homepage.desktopPreview iframe {
  height:789px;
}
.listEmbed .oneSection .inSection.preview.homepage.mobilePreview iframe {
  height: 623px;
}
.listEmbed .oneSection .inSection .loading {
  font-size: 17px;
  margin-top: 20px;
  color:#aaa;
  line-height: 1.4;
  font-weight: 700;
  font-family: open sans;
}
.listEmbed .oneSection .inSection .loading .small {
  font-size: 13px;
  color:#aaa;
  font-weight: 400;
}
.listEmbed .oneSection .inSection {
  background: white;
  border-radius: 3px;
  /*box-shadow: 0 0 3px 1px #eee;*/
  border:2px solid #eee;
  width: 100%;
  text-align: center;
  padding:20px;
  transition: 0.3s ease-in-out all;
  color: #ddd;
}
.listEmbed .oneSection .inSection .cta {
  font-weight: 700;
  color: #29c;
  cursor: pointer;
  transition: 0.3s ease-in-out all;
}
.listEmbed .oneSection .inSection .cta:hover {
  opacity: 0.7;
}
.listEmbed .banner {
  margin-bottom: 0;
}
.listEmbed .banner .bulletLine {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.listEmbed .banner .bulletLine  {
  display: flex;
  width: 100%;
  justify-content: center;
}
.listEmbed .banner .bulletLine .oneBullet .bulletIcon {
  margin-bottom: 15px;
}
.listEmbed .banner .ctaLine.twoButts a:first-child {
  margin-right: 20px;
}
.brandList .oneBrand {
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  width: 210px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-right: 15px;
}
.brandList .oneBrand:hover {
  box-shadow: 0 2px 10px 2px rgba(0,0,0,0.15);
}
.brandList .oneBrand .rightSide {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.brandList .oneBrand:hover .brandName {
  color: #29c;
}
.brandList .oneBrand .rightSide > div {
  line-height: 1.3;
}
.brandList {
  height: 100px;
  display: flex;
  align-items: center;
}
.brandList .oneBrand .brandImage {
  width: 60px;
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}
.brandList .oneBrand .brandImage img {
  width: 100%;
}
.brandList .oneBrand .brandName {
  font-size: 18px;
  font-weight: 700;
  color: #8091A5;
  transition: 0.3s ease-in-out all;

}
.brandList .oneBrand .date {
  text-transform: uppercase;
  font-size: 12px;
  color: #aaa;
  font-weight: 500;
}
/*end of campaign embed*/

.menuDD .ddBox {
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
  border: #f6f8f9;
  min-width: 160px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
}
.menuDD .ddBox .ddIndent .ddItem {
  padding: 10px 30px;
  display: flex;
}
.menuDD .ddBox .ddIndent .ddIndentTitle {
  font-weight: 500;
  color: #aaa;
  text-transform: uppercase;
  padding: 10px;
}
.menuDD .ddBox .ddIndent .openIndent {
  transition: 0.2s ease-in-out all;
  max-height: 500px;
  height: auto;
  overflow: hidden;
}

.menuDD .ddBox .ddIndent .openIndent.ng-hide {
  max-height: 0;
  overflow: hidden;
  transition: 0.2s ease-in-out all;
}

.menuDD .ddBox .oneOption {
  box-shadow: none;
  display: flex;
}
.menuDD .ddBox .oneOption .name {
  margin-left: 5px;
}
.menuDD .ddBox .ddIndent .ddIndentTitle:hover + .openIndent {
  background: #F6F8F9;
  box-shadow: 0 8px 8px 0 rgba(0,0,0,0.1);
}
.menuDD .ddBox .ddItem {
  padding: 10px 10px;
  color: #525352;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.menuDD .ddBox .ddItem i.fa-klear-campaign {
   margin: 0 7px 0 1px;
}
.menuDD .ddBox .ddItem:hover {
  background-color: #F6F8F9;
  box-shadow: 0 0 1px 0 #ccc;
}
.menuDD .ddBox .ddItem i {
  margin-right: 3px;
  color: #888;
}
.menuDD .ddBox .ddItem.delete {
  font-weight: 700;
  color: #888;
}
.menuDD .ddBox .ddItem.delete i {
  color: #FFA68A;
}
.dropdown-menu > li > a {
  cursor: pointer;
}
.newBanner {
  background:white;
  border-radius:10px;
  padding:3px 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform:uppercase;
  font-family: open sans;
  color: #AFDAEC;
}
.newBanner i {
color:#AFDAEC !important;
}
.newBanner.blue {
 background: #AFDAEC;
}
.newBanner.blue i,
.newBanner.blue {
  color:white !important;
}
.campaignOutreach {
  /*height: 600px;*/
  overflow: hidden;
}
.campaignOutreach .actionsBar {
  z-index: 4;
}
.actionsBar .menuDD .ddBox {
  width: 220px;
}
.actionsBar .menuDD.columnDDButtCont .ddBox {
  width: 220px;
  left: -156px;
}
.actionsBar .oneBarButt.ng-enter,
.actionsBar .oneBarButt.ng-move,
.actionsBar .oneBarButt.ng-leave {
  transition: none;
}

.list-header-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.postPortfolioBadge {
  position: absolute;
  bottom: 30px;
  left: 12px;
  z-index: 1;
  background: white;
  padding: 8px 10px;
  border-radius: 20px;
  display: flex;
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
  white-space: nowrap;
  max-width: 100px;
  transition: 0.2s ease-in-out all;
  line-height: 1.3;
  font-size:12px;
}
.klPost:hover .postPortfolioBadge,
.profilePortfolio:hover .postPortfolioBadge {
  max-width: 240px;
  width: auto;
}
.postPortfolioBadge i {
  color: #A1B5C5;
}
.postPortfolioBadge .name {
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newPostContainer .profilePortfolio .portfolioBox {
  width: 224px;
  height: 224px;
}
.newPostContainer .profilePortfolio .portfolioBox:hover {
  opacity: 0.7;
  cursor: pointer;
}
.newPostContainer .profilePortfolio .portfolioBox .imageContainer {
  width: 100%;
  height: 100%;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.whiteTooltip .tooltip-inner .engMsg {
  font-weight: 300;
  font-size: 12px;
  margin-bottom: var(--space-small);
  text-align: left;
}
.whiteTooltip .tooltip-inner .explainer {
  font-weight: 300;
  font-size: 12px;
  margin-top: var(--space-regular);
  text-align: left;
}
.whiteTooltip .tooltip-inner {
  padding: 20px;
  background: white;
  color:#525352;
  box-shadow: 0 0 5px 0px rgba(0,0,0,0.15);
  border:1px solid #ededed;
  display: flex;
  flex:1;
  width: 100%;
  max-width: 500px;
  font-size: 14px;
  opacity: 1;
  flex-direction: column;
}
.whiteTooltip .tooltip-inner .profileEngagements {
  display: flex;
  flex-direction: column;
}
.whiteTooltip .tooltip-inner .bulletBox {
  display: flex;
  flex-direction: column;
}
.whiteTooltip .tooltip-inner .bulletBox .oneLine {
  display: flex;
  flex:1;
}
.whiteTooltip .tooltip-inner .bulletBox .oneBullet {
  display: flex;
  flex-direction: column;
  width: 90px;
  align-items: center;
  margin-right: 50px;
}
.whiteTooltip .tooltip-inner .bulletBox .bulletLine {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.whiteTooltip .tooltip-inner .bulletBox .oneBullet:last-child {
  margin-right: 0;
}
.whiteTooltip .tooltip-inner .newBanner {
  background: #EFF8FB;
}
.whiteTooltip .tooltip-inner .bulletBox .explain {
  color: #ccc;
  font-size: 13px;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  margin-bottom: 20px;
}
.whiteTooltip .tooltip-inner .bulletBox .explain .title {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  color: #525352;
  font-family: var(--font-secondary);
}
.whiteTooltip .tooltip-inner .bulletBox .explain .title .newBanner {
  margin-left: 5px;
}
.whiteTooltip .tooltip-inner .bulletBox .explain .par {
  color:#888;
  font-weight: 300;
  width: 400px;
}
.whiteTooltip .tooltip-inner .bulletBox .oneBullet .bulletTitle {
  font-weight: 500;
  color: #8091A5;
  font-size: 13px;
}
.whiteTooltip .tooltip-inner .bulletBox .oneBullet .bulletImage {
  width: 100%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  border-radius: 50%;
  overflow: hidden;
  margin-top: 10px;
}
.whiteTooltip .tooltip-inner .bulletBox .oneBullet .bulletImage img {
  width: 100%;
}
.whiteTooltip .tooltip-arrow {
  border-bottom-color: var(--white) !important;
}
.whiteTooltip .tooltip-inner .dividerCont {
  height: 20px;
  display: flex;
  align-items: center;
}
.whiteTooltip .tooltip-inner .dividerCont .divider {
  border-bottom: 2px solid #eee;
  width: 100%;
}
.whiteTooltip {
  opacity: 1 !important;
}

.whiteBoxDemographics {
  background: white;
  border-radius: 3px;
  border: 1px solid #dedede;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  flex:1;
}
.demographicsEmptyState {
  align-content: center;
  align-items: center;
  border: var(--border-light-mid);
  padding-top: var(--space-bigger);
  height: 500px;
}
.whiteBoxDemographics .oneDemographics {
  display: flex;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 50%;
  flex-wrap: wrap;
  font-weight: 300;
  position: relative;
  outline: 0;
  height: 334px;
  align-items: center;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.whiteBoxDemographics .oneDemographics:last-child {
  flex-grow: 1;
}.whiteBoxDemographics .oneDemographics.summary {
   flex-basis: 100%;
   height: auto;
   cursor: initial;
   border-bottom: 0;
}
.whiteBoxDemographics .oneDemographics.summary:hover {
  box-shadow: none !important;
  border-color: #eee !important;
}
.whiteBoxDemographics .oneDemographics:hover,
.whiteBoxDemographics .oneDemographics:nth-child(odd):hover {
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  z-index: 1;
  border-color: white;
}
.whiteBoxDemographics .oneDemographics:nth-child(odd) {
  border-right: 0;
}
.demographicsLoader {
  margin-left: 46%;
  margin-top: 80px;
}
.demographicsKpi {
  display: flex;
}
.demographicsKpi .oneBox:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .demographicsKpi {
    flex-direction: column;
  }
  .demographicsKpi .oneBox,
  .demographicsKpi .oneBox:last-child {
    margin: 10px;
  }
  .whiteBoxDemographics {
    flex-direction: column;
  }
}
.demographicsKpi .oneBox {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-right: 20px;
}
.campaignDemographics .profileTabLoaderLocation {
  display: flex;
  justify-content: center;
  align-self: center;
  height: 400px;
  align-items: center;
}
.campaignDemographics .title {
  font-weight: 700;
  color:#aaa;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.demographicsKpi .oneBox .whiteBoxDemographics {
  flex-direction: column;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxTop {
  box-shadow: 0 10px 20px 0 rgba(0,0,0,.05);
  padding: 20px;
  font-size: 16px;
  color: #525352;
  font-weight: 500;
  display: flex;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxTop .emph {
  font-weight: 700;
  margin-right: 3px;
  text-transform: capitalize;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody {
  padding:20px;
  height: 190px;
  overflow:hidden;
  display: flex;
  justify-content: center;
  font-size: 13px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list {
  flex-direction:column;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons {
  flex-wrap: wrap;
  flex-direction: row;
}
.demographicsKpi .oneBox .whiteBoxDemographics .loading {
  align-self: center;
  color:#ddd;
  font-weight: 700;
  font-size: 15px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem {
  display: flex;
  width: 33%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem:nth-child(n+3) {
  margin-bottom: 0;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem .brandName {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  text-overflow: ellipsis;
  color: #888;
  font-size: 12px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem .brandImageCont  {
  position: relative;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem .brandImageCont .brandImage {
  border-radius: 50%;
  overflow:hidden;
  width: 50px;
  height: 50px;
  background: #f6f8f9;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  background-image: url('/images/new/icon/keywordNoBox.png');
  background-position: center;
  background-size: 100%;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem.showBrandsCounter .brandImageCont .brandImage {
  background-image: none;
  }
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem .brandImageCont .brandImage img {
  width: 100%;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.icons .oneBoxItem .brandImageCont .brandNotification {
  position: absolute;
  right: -10px;
  top: 0;
  font-size: 11px;
  background: #f6f8f9;
  border-radius: 5px;
  padding: 2px;
  color: #29c;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem {
  display: flex;
  flex:1;
  align-items: center;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .networkIcon {
  color: #8091A5;
  justify-content: center;
  width: 10%;
  margin-right: 10px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .networkIcon,
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .barCont,
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .result {
  display: flex;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .barCont {
  width: 70%;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .barCont .bar {
  height: 7px;
  border-radius: 5px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem.instagram .barCont .bar {
  background: #F087B1;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem.twitter .barCont .bar {
  background: #000000;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem.facebook .barCont .bar {
  background: #3B5999;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem.youtube .barCont .bar {
  background: #E62117;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.list .oneBoxItem .result {
  justify-content: flex-end;
  width: 20%;
  color: #8091A5;
  font-weight: 300;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.cross .oneBoxItem {
  border-right: 1px solid #eee;
  display: flex;
  flex-basis: 50%;
  flex-wrap: wrap;
  padding: 10px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .inBoxTitle{
  font-size: 15px;
  color: #aaa;
  margin:20px 0 5px 20px;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.cross .oneBoxItem > * {
  display: flex;
  flex-basis: 100%;
  align-items: center;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody .oneBoxItem .bigNumber {
  font-size: 15px;
  font-weight: 300;
  color: #525352;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody .oneBoxItem .title {
  font-size: 11px;
  color: #aaa;
  font-weight: 300;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.cross .oneBoxItem:nth-child(2n) {
  border-right: 0;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.cross .oneBoxItem:nth-child(-n+2) {
  border-bottom: 1px solid #eee;
}
.demographicsKpi .oneBox .whiteBoxDemographics .boxBody.cross {
  flex-wrap: wrap;
}
.campaignSettings .oneLine {
  display: flex;
  flex: 1;
  margin: 40px 0;
  position: relative;
  flex-wrap: wrap;
}
.campaignSettings .oneLine .leftCont {
  display: flex;
}
.campaignSettings .oneLine .rightCont {
  margin-left: auto;
}
.campaignSettings .oneLine.halfLine .oneLineContent  {
  display: flex;
  flex-direction: column;
  flex-basis: 60%;
}
 .campaignSettings .oneLine.halfLine .oneLineContent > *:last-child {
  margin-right: 0;
 }
.campaignSettings .oneLine .title {
  color: #aaa;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex:1;
  margin-bottom: 7px;
}
.campaignSettings .oneLine .title .fa-question-circle {
  margin-left: 3px;
}
.campaignSettings .oneLine .title .editNumbers {
  margin-left: 9px;
  font-weight: 300;
  text-transform: initial;
}
.campaignSettings .oneLine.customPosts .title i.fa-question-circle {
  margin-left: 3px
}
.campaignSettings .oneLine.disabledSection {
  opacity: 0.4;
}
.campaignSettings .oneLine.disabledSection:hover * {
  box-shadow: none !important;
  background-color: transparent !important;
}
.campaignSettings .oneLine.disabledSection .inputButt,
.campaignSettings .oneLine.disabledSection i {
  color: #aaa !important;
  border-color: transparent !important;
  cursor: initial !important;
}
.campaignSettings .oneLine .title i {
  margin-right: 4px;
}
.campaignSettings .oneLine .title .rightTitle {
  margin-left: auto;
  font-weight: 300;
  text-transform: none;
  color: #888;
}
.campaignSettings .oneLine .title .rightTitle .error,
.campaignSettings .oneLine .title .rightTitle .error i {
  color:#111 !important;
  font-weight: 500;
  opacity: 1 !important;
}
.campaignSettings .ddOnWhite.monitorSelect {
  color: #8091A5;
}

.campaignSettings .oneLine .oneLineContent {
  display: flex;
  flex-basis: 100%;
}
.campaignSettings .oneLine.roi .oneRoi {
  display: flex;
  flex-basis: 50%;
  margin-right: 20px;
  flex-direction: column;
}
.campaignSettings .oneLine.roi .oneRoi:last-child {
  margin-right: 0;
}

.campaignSettings .inputOnWhite.campaignName input {
  padding-right: 40px;
  box-sizing: content-box;
}
.campaignSettings .inputOnWhite.campaignName .inputIcon {
  margin:0px 10px 0px 15px;
}
.campaignSettings .inputOnWhite.campaignName:hover input {
  background:#f6f8f9;
}

.campaignSettings .inputOnWhite.campaignName {
  font-size: 17px;
  font-family: raleway;
}
.campaignSettings .inputOnWhite.campaignName span {
  overflow:none !important;
}
.campaignSettings .oneLine.duration {
  position: relative;
}
.campaignSettings .oneLine.duration .oneDate {
  display: flex;
  flex-basis: 50%;
  position: relative;
}
.campaignSettings .oneLine.duration .oneDate.endDate {
  opacity: .5;
  cursor: initial;
}
.campaignSettings .oneLine.duration .oneDate.endDate:hover {
  box-shadow: none;
}
.campaignSettings .oneLine.duration .oneDate.endDate.available {
  opacity: 1;
}
.campaignSettings .oneLine.duration .oneDate ul {
  left: 309px !important;
  top: -113px !important;
  outline: 0 !important;
  box-shadow:  0 0 10px 0 rgba(0,0,0,.2);
}
.campaignSettings .oneLine.duration .oneDate ul li .uib-daypicker {
  outline: none !important;
}
.campaignSettings .oneLine.duration .oneDate ul li .uib-daypicker .btn {
  border:0;
  border-radius: 2px !important;
}
.campaignSettings .oneLine.duration .oneDate ul li .uib-daypicker th .btn-default[disabled] {
  background-color: transparent !important;
}
.campaignSettings .oneLine.duration .oneDate ul li .uib-daypicker .btn-default[disabled] {
  /*background-color: #EFF8FB !important;*/
  background-color: #eee !important;

}
.campaignSettings .oneLine.duration .oneDate ul li .uib-daypicker .btn-default[active] {
  background-color: red !important;
  }
.campaignSettings .oneLine.duration .oneDate ul .uib-day button {
  border: 0;
  font-size: 15px;
  font-weight: 300;
  padding: 7px 15px;
  border-radius: 2px;
}
.campaignSettings .oneLine.duration .oneLineContent,
.campaignSettings .oneLine.roi .oneLineContent {
  flex-direction: row;
}
.campaignSettings .oneLine.duration .oneLineContent .inputOnWhite {
  flex:1;
}
.campaignSettings .oneLine.duration .oneLineContent .inputOnWhite:first-child {
  margin-right: 20px;
}
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl {
  display: flex;
  height: 100%;
  align-items:center;
  transition: all 0.2s ease-in-out;
  flex:1;
}
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl:hover,
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl.focused
 {
  background: #f6f8f9;
}
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl:hover input,
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl.focused input {
  background: transparent;
}
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl input,
.campaignSettings .oneLine.roi .oneRoi .inputOnWhite input {
  margin:0;
  padding:0;
}
.campaignSettings .oneLine.customPosts .inputOnWhite .inputUrl .inputIcon {
  margin: 0px 5px 0px 10px;
}
.campaignSettings .oneLine.roi .oneRoi .roiTitle {
  color:#aaa;
}
.campaignSettings .oneLine.roi .oneRoi .inputOnWhite .inputIcon {
  margin:0 12px;
}
.campaignSettings .oneLine .briefExplain:after,
.campaignSettings .oneLine.duration .oneDate ul:after {
  position: absolute;
  content: '';
  left: -10px;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ddd;
}

.campaignSettings .oneLine .briefExplain {
  opacity: 0;
  position: absolute;
  left: 620px;
  padding: 20px;
  background: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
  transition: 0.2s ease-in-out all;
  z-index: 1;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  border:1px solid #eee;
  top: 30px;
}
.campaignSettings .oneLine .briefExplain .explainTitle {
  font-weight: 500;
  color: #8091A5;
  margin-bottom: 5px;
}
.campaignSettings .oneLine.brief .inputOnWhite.focused + .briefExplain {
  opacity: 1;
}
.campaignSettings .oneLine.topButts,
.campaignTopNav .topButts {
  height: 46px;
  margin:20px 0;
}
.campaignSettings .oneLine.topButts .deleteButt {
  padding: 0 30px;
  color: #F9855C;
}
.campaignSettings .oneLine.topButts .saveButt.shouldReload {
  opacity: 1;
}
.campaignSettings .oneLine.topButts .saveButt {
  cursor: pointer;
  font-weight: 300;
  color: white;
  align-items: center;
  display: flex;
  background: #29c;
  padding: 0 40px;
  border-radius: 3px;
  height: 46px;
  transition: 0.2s ease-in-out all;
  opacity: 0;
}
.campaignSettings .oneLine.topButts .saveButt.shouldReload:hover {
  opacity: 0.8;
  box-shadow: 0 10px 10px -10px rgba(0,0,0,.4);
}
.campaignSettings .oneLine.topButts .saveButt i {
  margin-right: 4px;
}
.campaignTopNav .topButts {
  display: flex;
  flex: 1;
  position: relative;
  flex-wrap: wrap;
  height: 46px;
}
.campaignTopNav .topSection,
.droppingSettings .topSection {
  padding: 0;
  margin-top: 0;
  display: flex;
  flex: 1;
  align-items: flex-start;
}
#profileTabs.campaignTabs {
  margin: 0;
}
.profilesTab {
  padding-top: var(--height-header);
}
.flatHeaderButton .headerNotificationsNumber {
  margin-left: 4px;
  transition: .2s ease all;
  background: #29c;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 2px solid white;
}
.flatHeaderButton:hover .headerNotificationsNumber {
  background: #7AC2E0;
  color: white;
}
.profilesTab .floatingSearchTab .newSearchButt i {
  font-size: 14px;
  margin-right: 3px;
}
.profilesTab .floatingSearchTab .newSearch {
  transition: all .3s linear;
  display: flex;
  align-items: center;
  /*transition-delay: .2s;*/
}

.profilesTab .floatingSearchTab .newSearch.ng-hide {
  height: 0px;
  overflow: hidden;
  opacity: 0;
}
.profilesTab .floatingSearchTab .newSearch.ng-show {
  height: 65px;
  opacity: 1;
  overflow: hidden;
}

.profilesTab .floatingSearchTab .newSearchButt.ng-hide {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.profilesTab .floatingSearchTab .newSearchButt:hover {
  background:#AFDAEC;
}
.profilesTab .floatingSearchTab .newSearchButt {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  height: 46px;
  transition: all .3s linear;
  background:#E3E9EE;
  font-weight: 600;
  color: var(--blue);
}
.profilesTab .floatingSearchTab .newSearchButt:hover {
  background: #D9E1E8;
}
.profilesTab .floatingSearchTab {
    display: flex;
    width: 100%;
    flex:1;
    justify-content: center;
    position: relative;
    z-index: 2;
    align-items: center;
    font-size: 15px;
    transition: all 2s ease-in-out, box-shadow none;
    height: auto;
    flex-direction: column;
}
.profilesTab .floatingSearchTab .searchBox .inputCont {
  position: relative;
}
.profilesTab .floatingSearchTab .searchBox .inputCont .klDdMenu {
  width: 100%;
  top: 0;
  left: 0;
}
.profilesTab .floatingSearchTab .searchBox .inputCont .klDdMenu .kacItem {
  width: 100%;
}
.jobNotifications {
  position: fixed;
  z-index: 4;
  right: 20px;
  top: 60px;
  transition: 0.2s ease-in-out all;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 1600px) {
  .jobNotifications {
    top: 120px;
  }
  .jobNotifications.inTab {
    top:170px;
  }
}
.jobNotifications .oneNotification {
  width: 320px;
  height: 84px;
  box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
  background-color: white;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  font-weight: 300;
  font-size: 13px;
  color: #A1B5C5;
  margin-bottom: 10px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.jobNotifications .oneNotification .notificationCont {
  display: flex;
  flex: 1;
}
.jobNotifications .oneNotification .notificationCont .notificationLeft {
  width: 84px;
  background-color: #f6f8f9;
}
.jobNotifications .oneNotification .notificationCont .notificationLeft .notificationImage {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  box-shadow: 2px 0 10px 0 rgba(0,0,0,.1);
}
.jobNotifications .oneNotification .notificationCont .notificationRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding:15px;
  transition: all 0.2s ease-in-out;
}
.jobNotifications .oneNotification .notificationCont .text {
  color: #8091A5;
}
.jobNotifications .oneNotification .notificationCont .title {
  font-size: 15px;
  color: #A1B5C5;
  /*margin-bottom: 7px;*/
  font-weight: 500;
}
.jobNotifications .oneNotification .notificationCont .subTitle {
  color: #888;
}
.jobNotifications .oneNotification .notificationCont .notificationImage img {
  width: 100%;
}
.jobNotifications .oneNotification .notificationCont .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.jobNotifications .oneNotification.finished:hover {
  box-shadow: 0 0 30px 10px rgba(0,0,0,.2);

}
.jobNotifications .oneNotification.finished {
  background-color: #C8ECF8;
  color: #8091A5;
  cursor: pointer;
}
.jobNotifications .oneNotification.finished .notificationCont .title {
  color: #8091A5;
}
.jobNotifications .oneNotification .notificationCont .cta {
  font-weight: 700;
  color: #29c;
}
.jobNotifications .oneNotification.working:hover,
.jobNotifications .oneNotification.profileCreate.syncProfile:hover {
  opacity: 1;
}
.jobNotifications .oneNotification.working,
.jobNotifications .oneNotification.profileCreate.syncProfile {
  background: linear-gradient(to right, white, white, #C8ECF8, white, white);
  background-size: 300% 300%;
  animation: backgroundLoading 3s ease infinite;
  opacity: 0.7;
  transition: 0.2s ease-in-out all;
}
@keyframes backgroundLoading {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


.jobNotifications .oneNotification.ng-enter,
.jobNotifications.ng-enter {
  opacity: 0;
  transform: translate(0, -100px);
  transition: 0.2s linear;
}
.jobNotifications .oneNotification.ng-enter.ng-enter-active,
.jobNotifications.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translate(0, 0px);
}
.jobNotifications .oneNotification.ng-leave,
.jobNotifications.ng-leave {
  opacity: 1;
  height: 0;
  overflow: hidden;
  transform: translate(0, 0px);
  transition: 0.2s linear;
  margin:0;
}
.jobNotifications .oneNotification.ng-leave.ng-leave-active,
.jobNotifications.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translate(0, -100px);
}

@keyframes rotateSync {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.jobNotifications .oneNotification.errorNotification .text {
  color: #DB6D53;
}
.jobNotifications .oneNotification .notificationRight .jobIcon {
  transform-origin: center center;
  color: #A1B5C5;
  margin-right: 2px;
}
.jobNotifications .oneNotification .notificationRight .jobIcon.fa-cog,
.jobNotifications .oneNotification .notificationRight .jobIcon.fa-sync {
  animation: rotateSync infinite linear 2s;
}
.profilesTab .topNavHeader {
  position: relative;
  z-index: 3;
}
.eng-table .graph-title {
  font-weight:700;
  color:#aaa;
  padding:20px;
  background:#fbfbfb;
}

.table-graph-container .highcharts-background {
  fill: #fbfbfb;
  stroke-width:0px;
  stroke:#fbfbfb;
}
/*.table-graph-container .highcharts-color-0,*/
/*.table-graph-container .highcharts-color-1 {*/
  /*filter:drop-shadow(9px -10px 6px rgba(0,0,0,0.03));*/
  /*stroke: transparent;*/
  /*stroke-width:0px; */
/*}*/
/*.table-graph-container.insta_stories .highcharts-color-0 {*/
  /*fill: #9C5493;*/
/*}*/
/*.table-graph-container.insta_stories .highcharts-color-1 {*/
  /*fill: #8D4A85;*/
/*}*/
/*.table-graph-container.instagram .highcharts-color-0 {*/
  /*fill:#E47EA6 !important;*/
/*}*/

/*.table-graph-container.instagram .highcharts-color-1 {*/
  /*fill:#ECA1BF !important;*/
/*}*/

/*.table-graph-container .highcharts-axis-labels {*/
  /*fill:#aaa;*/
  /*text-transform: uppercase;*/
  /*font-family: open sans;*/
  /*font-weight: 700;*/
/*}*/
/*.table-graph-container .highcharts-root {*/
  /*height: 250px;*/
/*}*/

/*.table-graph-container .highcharts-tooltip {*/
  /*stroke-width: 1px !important;*/
  /*stroke: #ccc !important;*/
/*}*/

/*.table-graph-container .highcharts-grid {*/
   /*display: none !important;*/
/*}*/


ul.klDdMenu div.skillResult,
ul.klDdMenu div.locationResult {
  padding: 10px;
  width: 100%;
}
ul.klDdMenu div.skillResult a,
ul.klDdMenu div.locationResult a {
  color: #525352;
}
ul.klDdMenu div.skillResult:hover,
ul.klDdMenu div.locationResult:hover {
  background: #f6f8f9;
}
ul.klDdMenu div.skillResult td,
ul.klDdMenu div.locationResult td {
  padding: 0;
}
.briefBoxCreation.influencerSideText .quill {
  border:0;
}
.briefBoxCreation .quill {
  background: white;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex: 1;
  margin: 0 0 20px 0;
  font-weight: 300;
  width: 100%;
  flex-direction: column;
  transition: all 0.2s ease-in-out;
  height: 100%;
  min-height: 600px;
}
.briefBoxCreation.isFocused .quill {
  box-shadow: var(--shadow-hover-bottom);
}
.briefBoxCreation.influencerSideText .quill:hover {
  box-shadow: none;
}
.briefBoxCreation .quill:hover {
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.briefBoxCreation .quill .ql-toolbar.ql-snow {
  border:0;
  padding: 20px 20px 10px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  position: sticky;
  top: 46px;
  background: var(--white);
  z-index: 999;
}
.stickyTop .quill {
  margin: 0;
}
.stickyTop .quill .ql-toolbar.ql-snow {
  top: 0;
}
.briefBoxCreation .quill .ql-clipboard {
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
}
.briefBoxCreation .quill .ql-container.ql-snow {
  border:0;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}

/*editor*/
.briefBoxCreation .quill.notEditableText .ql-container.ql-snow,
.briefBoxCreation .quill.notEditableText .ql-container.ql-snow .ql-editor {
  padding:0;
}
.briefBoxCreation .quill.notEditableText .ql-container.ql-snow .ql-editor {
  padding-right: var(--space-big);
}
.briefBoxCreation .quill .ql-toolbar {
  visibility: hidden;
}
.briefBoxCreation.isFocused .quill .ql-toolbar,
.briefBoxCreation:hover .quill:not(.notEditableText) .ql-toolbar {
  visibility: visible;
}
.briefBoxCreation .quill .ql-container.ql-snow .ql-editor {
  font-size: var(--text-small);
  padding: 1rem var(--space-big);
  color: var(--black-dark);
  line-height: 1.8;
  flex: 1;
  word-break: keep-all;
  background: var(--white);
}
.briefBoxCreation .quill .ql-container.ql-snow .ql-editor * {
  font-family: var(--font-primary);
}
.briefBoxCreation .quill .ql-container.ql-snow .ql-editor h1 * {
  font-weight: var(--weight-bold);;
  font-size: var(--text-big);
}
.briefBoxCreation .quill .ql-container.ql-snow .ql-editor h2 * {
  font-weight: var(--weight-bold);
  font-size: var(--text-regular);
}

@media only screen and (max-width : 767px) {
  .briefBoxCreation.influencerSideText .quill.notEditableText .ql-container.ql-snow .ql-editor {
    padding-right: 0;
  }
}

/*editor*/
.blueLink {
  color: #29c;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.blueLink:hover {
  color: rgba(34, 153, 204, 0.8);
}
.campaignMonitorSearchBar {
  display: flex;
  /*font-size: 15px;*/
  color: var(--black-light);
  justify-content: space-between;
}
.leftFlexSide,
.rightFlexSide {
  display: flex;
  align-items: center;
}
.leftFlexSide {
  width: 20em;
}
.measureClicksContainer {
  display: flex;
  align-items: center;
}
.measureClicksIcon {
  margin-left: 5px;
}
.measureClicksSeeMore {
  font-size: 13px;
  color: #c3c3c3;
}
.campaignMonitorToggleIcon {
  margin-right: 10px;
}
.campaignMonitorSearchBar .campaignMonitorToggleIcon .campaignMonitorToggleIconColor {
  color: var(--black-light);
}
.campaignMonitorSearchBar .howDemographicsCalc {
  font-weight: var(--weight-regular);
  font-size: var(--text-small);
  margin-left: var(--space-tiny);
}
.campaignMonitorSearchBar .demographicsNetworkTabs{
  margin-left: 15px;
}
.campaignMonitorSearchBar .oneDemographicsNetworkTab{
  border-left: 2px solid #eee;
}
.searchInput {
  border:0;
  transition: .2s ease-in-out all;
  border-right: 2px solid #eee;
  border-left: 2px solid #eee;
  background-color: transparent;
  font-size: 14px;
  height: 34px;
  align-items: center;
  display: flex;
  position: relative;
}
.searchInput i {
  padding: 10px;
  color: #aaa;
}
.searchInput input {
  border: 0;
  background: none;
  height: 100%;
  outline: 0;
}
.searchInput:focus,
.searchInput:hover {
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  background-color: white;
}
.campaignMonitorSearchBar .title {
  color: #aaa;
}
.searchInput .clearSearch {
  position: absolute;
  right: 5px;
  background: #F6F8F9;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: .2s ease all;
}
.searchInput .clearSearch:hover {
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.settingsNotification {
  margin-top: 2em;
}

@media only screen and (max-width : 767px) {
  .campaignMonitorSearchBar {
    flex-wrap: wrap;
    height: auto;
  }
  .leftFlexSide {
    width: 100%;
  }
  .campaignMonitorSearchBar .title {
    width: 100%;
    display: flex;
    height: 34px;
  }
  .campaignMonitorSearchBar .title i {
    margin-left: auto;
  }
  .searchInput {
    border-left: 0;
  }
}

.proHomeWebsiteEmbed {
  width: 100%;
  margin-bottom: var(--space-bigger);
}

@media only screen and (max-width: 480px) {
  .proHomePage .adddBox {
    margin-bottom: var(--space-big);
    padding: var(--space-big) var(--space-regular);
  }
}

@media only screen and (max-width: 768px) {
  .proHomeCont .proBoxes {
    flex-direction: column;
  }
  .proHomePage .proHomeBoxes .oneHalf {
    width:100%;
    margin:0;
  }
  .proHomePage .boxContent .brandMonitor .result,
  .proHomePage .boxContent .brandMonitor:nth-child(10n) .result {
    margin-right: 5px;
  }
  .proHomePage .adddBox {
    flex: 100%;
    margin-left: 0 !important;
    flex-direction: column;
    height: 340px;
    align-items: center;
    justify-content: center;
  }
  .proHomePage .adddBox.mediakitAddd .boxSideLeft {
    margin-bottom: var(--space-big);
  }
  .proHomePage .prohome-ads .adddBox {
    height: 340px;
  }
  .proHomePage .adddBox.profileAd {
    flex-direction: column;
  }
  .proHomePage .adddBox.profileAd .profilePic {
    width: 140px;
    margin-top:30px;
  }
  .proHomePage .adddBox.profileAd .profileDetails {
    width:100%;
    text-align: center;
  }
  .proHomePage .infoBoxes .boxLine {
    flex-direction: column;
  }
  .proHomePage .infoBoxes .boxLine .oneBox {
    margin-bottom:40px;
  }
  .proHomePage .infoBoxes .boxLine .oneBox:last-child {
    margin-bottom: 0;
  }
  .proHomePage .infoBoxes .boxLine .oneBox .cta {
    margin-top: 5px;
  }
  .proHomePage .adddBox .boxSideRight {
    height:auto;
  }
  .proHomePage .adddBox.profileAd .boxSideRight .cta {
    padding: 10px;
  }
  .proHomePage .adddBox .boxSideLeft {
    flex: 100% !important;
    width: 100%;
    text-align: center;
  }
  .proHomePage .adddBox.businessAddd img {
    width:190px;
    position: relative;
  }
  .proHomePage .adddBox .boxSideLeft .cta {
    margin-top:initial;
  }
  .proHomePage .adddBox.vettedAddd img {
    position: relative;
    margin: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .proHomePage .adddBox.campaignsParticipate {
    height:initial;
  }
}

.connectNetworks.modalInstaConnect .connectButton{
  color:#29c !important;
  border: 2px solid #29c !important;
}

.connectNetworks.modalInstaConnect .selectionBox.connectButton.connectInstagramBusiness{
  width: 320px !important;
}



@media only screen and (max-width: 1000px) {
  .postModal {
    flex-direction: column;
  }
  .postModal .postSide {
    max-height: 50vh;
  }
  .postModal .postSide,
  .postModal .detailsSide {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .signinContainer {
    height: 100%;
  }
}


.settings .sSection .sBox .oneLine table tr .you {
  color:#A1B5C5;
  font-weight: 700;
  margin-left: var(--space-tiny);
}
.settings .sSection .sBox .oneLine table tr .permissions:not(.owner):hover .theName {
  color:#29c;
}

.settings .sSection .sBox .oneLine table tr .permissions .permissionsIcon {
  color: #29c;
  margin-right: 5px;
}
.settings .sSection .sBox .oneLine table tr .permissions .theName {
  color: #525352;
}
.settings .sSection .sBox .oneLine table.users .username {
  width: 30%;
}
.settings .sSection .sBox .oneLine table.users .theusername {
  display:flex;
}
.settings .sSection .sBox .oneLine table.users .status {
  width: 40%;
}
.settings .sSection .sBox .oneLine table.users .status .editPermission {
  display: flex;
  color:var(--blue);
  font-family: var(--text-secondary);
  font-weight: var(--weight-bold);
  cursor: pointer;
  transition:var(--transition);
  transition-property: color;;
}
.settings .sSection .sBox .oneLine table.users .status .editPermission .permissionsIcon {
  display: flex;
}
.settings .sSection .sBox .oneLine table.users .status .editPermission:hover {
  color:var(--color-primary-dark);
}
.settings .sSection .sBox .oneLine table.users .status .editPermission i {
  margin-right: var(--space-tiny);
}
.settings .sSection .sBox .oneLine table.users .mail {
  width: 10%;
  text-align: center;
}




.similarLinkButt {
  width:100%;
}
.whiteBoxDemographics .commercialCont {
  display: flex;
  width: 100%;
  align-items: center;
  padding: var(--space-big);
  font-family: muli;
  font-size: var(--text-bigger);
  line-height: var(--heading-line-height);
  color:var(--color-primary-commercial);
  font-weight: var(--weight-black);
}
.whiteBoxDemographics .commercialCont .imageCont {
  max-width: 100px;
  margin-right:var(--space-big);
}
.whiteBoxDemographics .commercialCont .imageCont img {
  width: 100%;
}
.whiteBoxDemographics .commercialCont .textCont {
  font-family: var(--font-primary);
  width:550px;
  margin-right:var(--space-bigger);
}
.whiteBoxDemographics .commercialCont .textCont span {
  color:var(--purple-light);
}

.whiteBoxDemographics .commercialCont .goButt {
  font-weight: var(--weight-black);
  letter-spacing: var(--letter-spacing-small);
  color: var(--color-primary-commercial);
  background:var(--color-secondary-commercial);
  padding:var(--space-tiny) var(--space-small);
  border-radius: var(--border-radius);
  transition: var(--transition);
  transition-property: color, background, box-shadow;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border: 0;
  width: 100%;
}
.whiteBoxDemographics .commercialCont .goButtCont {
  display:flex;
  flex:1;
}

.whiteBoxDemographics .commercialCont:hover .goButt {
  background: var(--color-primary-commercial);
  color: var(--green-light);
  box-shadow: 0px 20px 12px -14px rgba(22, 225, 111, 0.1), 0px 10px 10px 0px rgba(22, 225, 111, 0.05), 0px 5px 5px 0px rgba(22, 225, 111, 0.1);
}

.monitorInstaProfileSearch {
  border-radius: 0 3px 3px 0;
  border: 1px solid #ddd;
  border-left: none;
}

.verifiedTag {
  margin-left: var(--space-small);
}

.demographicsBoxTitleLine {
  align-items: center;
  margin-bottom: var(--space-small);
}