@charset "utf-8";
/* CSS Document */
html, body {
  min-height: 100% !important;
  height: 100%;
}
.text-right{text-align: right;}
.fadeBox {
  background-color: #34394c;
  border-radius: 10px;
}
.fadeBoxDivider {
  background: rgb(213, 117, 16);
  background: linear-gradient(90deg, rgba(213, 117, 16, 1) 0%, rgba(170, 94, 111, 1) 50%, rgba(132, 73, 187, 1) 100%);
  min-height: 6px;
}
.fadeBoxTitle {
  line-height: 40px;
  font-size: 12px;
}

.gradientBG{background: rgb(213, 117, 16);
  background: linear-gradient(90deg, rgba(213, 117, 16, 1) 0%, rgba(170, 94, 111, 1) 50%, rgba(132, 73, 187, 1) 100%) !important; color:#fff !important; border-color:rgba(170, 94, 111, 1) !important;}

@media (max-width: 575.98px;){
	.col-xso-12{
		width:100% !important;
	}
}

.bg-dark {
  background-color: #26262e !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background: rgb(157, 78, 221);
  background: linear-gradient(90deg, rgba(157, 78, 221, 1) 0%, rgba(123, 44, 191, 1) 100%);
}
.nav-link {
  color: #fff;
}
.nav-link:focus, .nav-link:hover {
    color: rgb(157, 78, 221);
}
.analyticsLabel {
  display: inline-block;
  float: left;
  position: relative;
  width: 61px;
	line-height: 31px;
  text-align: right;
  padding-right: 5px;
	font-size:14px;
}
.analyticsSelect {
  display: inline-block;
  float: left;
  position: relative;
  width: calc(100% - 66px);
  
}

#campaignsTitles{font-size:12px; padding-top:5px; padding-bottom: 5px;}

#campaignsRows > div.row{ font-size:14px; padding-top:10px; padding-bottom: 10px;}

#campaignsRows, #campaignsTitles{ padding-left: 12px; padding-right: 12px;}

#campaignsRows > div.row:nth-child(even){background-color:rgba(255,255,255,0.1)}

.orangeButton{background-color:#ff8500; border-color:#ff8500; color: rgba(255,255,255,0.7); line-height:24px !important; padding-bottom: 8px !important;}
.orangeButton:hover, .orangeButton:active{background-color: #ca6900; border-color: #ca6900; color: rgba(255,255,255,0.7); }


@media (min-width:576px) {
  .col-20 {
    width: 20%;
  }
}
@media (max-width:600px) {
  #sideNav span, #sideNavBottom span, #eboovLogo > span, .analyticsLabel {
    display: none;
  }
  .analyticsSelect{ width:100%;}
  .col-sidebar {
    max-width: 50px !important;
    overflow: hidden;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.form-control-transparent{ background-color:transparent;}
.form-control-borders{border-top:none; border-left:none; border-right:none; border-radius:0px;}
.btn-delete{font-size:12px;}

.usageBar{height:20px; border-radius:10px;}
.vidDate{font-size:12px; line-height:18px; border-top:1px solid rgba(255,255,255,0.3); padding-top:5px; color:rgba(255,255,255,0.5);}

.input-group-text{background-color:transparent !important; border-top:none; border-left:none; border-radius:0px; border-right:0px; color:#fff; font-weight:bold; width:130px; font-size:12px;}

.form-select{ background-image:url('/assets/downarrow.svg') !important; }
			#google_clear, #facebook_clear, #pinterest_clear, #snapchat_clear, #tiktok_clear, #twitter_clear, #bing_clear{margin-bottom:10px;} 