#selectedVertCate {
  color: #49b4e2;
}
#listingCoveragePoolExist {
  height: 270px;
  overflow-y: scroll;
}
#listingCoveragePoolRemove {
  height: 90px;
  overflow-y: scroll;
}
.existingBundles {
  font-weight: bold;
  color: #48b880;
  font-size: 12pt;
}
.coverListing {
  font-weight: bold;
  color: #0090D9;
  font-size: 12pt;
}
.availableBundles {
  font-weight: bold;
}
.crossSellReview {
  color: #fff;
  background-color: #337ab7;
  border-radius: 3px;
  border: none;
}
.crossSellReview a {
  text-decoration: none;
  color: #FFF;
}
.vertcateName {
  display: inline-block;
}
.vertcateDistri {
  display: inline-block;
  float: right;
  background: #808080;
  color: #FFF;
  margin-left: 10px;
  border-radius: 10px;
  width: 50px;
  text-align: center;
}
.upgradeMsg {
  color: #dd0f0f;
}
.vertCateMenu {
  width: 250px;
}
#existingCoverageBar {
  background-color: #48b880;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #041322;
}
.limitMsg {
  margin-left: -80px;
  background-color: #041322;
  width: 180px;
  color: #FFF;
  text-align: center;
}
.CSlimit {
  position: relative;
}
.removeTag {
  color: #808080 !important;
  font-size: 8pt;
  margin-left: 2pt;
}
.addTag {
  color: #FFF !important;
  font-size: 8pt;
  margin-left: 2pt;
}
.existTag {
  background: #F0F0F0;
  display: inline-block;
  padding: 1px;
  font-weight: bold;
  margin: 2px;
}
.removedTag {
  background: #9499a2;
  display: inline-block;
  padding: 1px;
  color: #FFF !important;
  font-weight: bold;
  margin: 2px;
}
.crossSellTitle {
  width: 80%;
}
.topMenu {
  margin: 0 20px;
  border: solid #A0A0A0 1px;
  background-color: #FFFFFF;
  font-family: Arial;
  padding: 1px 18px;
  font-size: 8pt;
}
.dropdown-menu {
  max-height: 200px;
  overflow-y: scroll;
  margin-left: 7%;
  top: 60%;
}
#title {
  font-size: 15pt;
}
.selectedToken {
  display: inline-block;
  background: #F0F0F0;
  border-radius: 3px;
  color: #000;
  height: 32px;
  padding: 6px;
  border: solid #808080 1px;
}
.tagPool {
  width: 20%;
  display: inline;
  float: left;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}
.tagPool .glyphicon-remove {
  display: inherit;
  -webkit-animation: key1 1s linear alternate;
}
.tagPool .glyphicon-plus {
  display: none;
}
.tagPool .tagContent {
  height: 300px;
}
.tagPool .brandTab {
  color: #FFF;
  background: #fcbf42;
  height: 30px;
  margin-top: 10px;
}
.tagPool .brandTab .tagCount {
  display: inline-block;
  width: 50px;
  color: #fcbf42;
  border-radius: 2px;
  text-align: center;
  background: #FFF;
}
.tagPool .productTab {
  color: #FFF;
  background: #999999;
  height: 30px;
  margin-top: 10px;
}
.tagPool .productTab .tagCount {
  display: inline-block;
  width: 50px;
  color: #999999;
  border-radius: 2px;
  text-align: center;
  background: #FFF;
}
.tagPool .modelTab {
  color: #FFF;
  background: #f0704d;
  height: 30px;
  margin-top: 10px;
}
.tagPool .modelTab .tagCount {
  display: inline-block;
  width: 50px;
  color: #f0704d;
  border-radius: 2px;
  text-align: center;
  background: #FFF;
}
.tagPool .colorTab {
  color: #FFF;
  background: #5e86a6;
  height: 30px;
  margin-top: 10px;
}
.tagPool .colorTab .tagCount {
  display: inline-block;
  width: 50px;
  color: #5e86a6;
  border-radius: 2px;
  text-align: center;
  background: #FFF;
}
.tagPool .othersTab {
  color: #FFF;
  background: #575f73;
  height: 30px;
  margin-top: 10px;
}
.tagPool .othersTab .tagCount {
  display: inline-block;
  width: 50px;
  color: #575f73;
  border-radius: 2px;
  text-align: center;
  background: #FFF;
}
.center {
  text-align: center;
}
.newTag {
  display: none;
  width: 100px;
  margin: 2px;
  border: solid 1px #33c0ee;
  min-height: 25px !important;
}
#hashTagDistribution {
  width: 100%;
  overflow-x: hidden;
  height: 500px;
  border: none;
}
.bundleSetting {
  background-color: #041322;
  color: #FFF;
}
.bundleResponse {
  color: #222;
}
#listingCoverage {
  margin-top: -5px;
  height: 40px;
  vertical-align: middle;
  border: #A0A0A0 solid 1px;
  font-size: 24pt;
}
.listingCoverageValue {
  vertical-align: middle;
  padding-top: 10px;
  font-size: 20pt !important;
}
#listingCoveragePool {
  border: #D0D0D0 solid 2px;
  border-radius: 5px;
  height: 390px;
  padding: 5px;
}
#listingCoveragePoolRemove {
  border: #B0B0B0 solid 2px;
  border-radius: 5px;
  height: 100px;
}
#createCSBundle {
  background: #45bada;
  color: #FFF;
  border-radius: 5px;
  border: none;
  width: 200px;
  height: 30px;
}
.poolControl {
  position: absolute;
  width: 100%;
  height: 92px;
  bottom: -93px;
  background-color: #f6f7fa;
}
.poolControl .cotrolCenter {
  text-align: center;
  padding: 22px;
}
.poolControl .cotrolCenter .addTagBtn {
  background-color: #2ecbab;
  padding: 2px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  width: 125px;
  margin: 0px 10px;
}
.poolControl .cotrolCenter .addTagBtn .tagText {
  vertical-align: super;
  color: #fff;
}
.poolControl .cotrolCenter .addTagBtn .tagBtn {
  background-image: url(/assets/images/Hashtag_Pool_icon.png);
  background-position: -78px -2px;
  height: 30px;
  width: 30px;
  display: inherit;
  transform: scale(0.8);
}
.poolControl .cotrolCenter .editTagBtn {
  background-color: #1f759b;
  padding: 2px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  width: 125px;
  margin: 0px 10px;
}
.poolControl .cotrolCenter .editTagBtn .tagText {
  vertical-align: super;
  color: #fff;
}
.poolControl .cotrolCenter .editTagBtn .tagBtn {
  background-image: url(/assets/images/Hashtag_Pool_icon.png);
  background-position: -126px -1px;
  height: 30px;
  width: 30px;
  display: inherit;
  transform: scale(0.8);
}
.poolControl .cotrolCenter .delTagBtn {
  background-color: #F53C3C;
  padding: 2px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  width: 125px;
  margin: 0px 10px;
}
.poolControl .cotrolCenter .delTagBtn .tagText {
  vertical-align: super;
  color: #fff;
}
.poolControl .cotrolCenter .delTagBtn .tagBtn {
  background-image: url(/assets/images/Hashtag_Pool_icon.png);
  background-position: -177px -1px;
  height: 30px;
  width: 30px;
  display: inherit;
  transform: scale(0.8);
}
.addTagArea {
  position: absolute;
  width: 100%;
  height: 92px;
  bottom: -93px;
  background-color: #f6f7fa;
}
.addTagArea .vertiaclCat {
  display: inline;
  float: left;
}
.addTagArea .selectType {
  display: inline;
  float: left;
}
.addTagArea .addTagInp {
  display: inline;
  float: left;
  width: 60%;
  margin-left: 2%;
}
.addTagArea .addTagBtn {
  background-color: #2ecbab;
  border: 0;
  color: #fff;
  height: 36px;
}
.addTagArea .cancelBtn {
  background-color: #939598;
  border: 0;
  color: #fff;
  height: 36px;
}
.dropArea {
  width: 100%;
  position: absolute;
  bottom: 0;
  bottom: -171px;
  height: 170px;
  background-color: #F6F7F8;
}
.dropArea .selectType {
  height: 0;
  padding-top: 30px;
}
.dropArea .dropbox {
  width: 70%;
  border-width: 2px;
  border-color: #abb2bb;
  border-style: dashed;
  border-radius: 5px;
  margin-left: 7%;
}
.dropArea .dropbox .glyphicon-remove {
  display: none;
}
.dropArea .dropbox .glyphicon-plus {
  display: inherit;
}
.dropArea .selectionArea {
  position: relative;
  display: block;
  width: 165px;
  bottom: 27px;
  right: 2%;
  float: right;
}
.dropArea .selectionArea .saveBtn {
  border: 0;
  background-color: #1f759b;
  color: #fff;
  border-radius: 5px;
  width: 80px;
}
.dropArea .selectionArea .cancelBtn {
  border: 0;
  background-color: #939598;
  color: #fff;
  border-radius: 5px;
  width: 80px;
}
#draggable {
  background: rgba(255,255,255,0.4);
  height: 300px;
  overflow-x: auto;
  border-width: 0px;
  border-style: solid;
  border-bottom-width: 2px;
}
#droppable {
  background: rgba(255,255,255,0.4);
  height: 120px;
}
.ui-draggable {
  position: relative;
  padding: 2px 5px;
  border-radius: 4px;
  background-color: #EBECEC;
  margin: 8px 5px;
  line-height: 30px;
}
@keyframes key1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
