/* common */
*{
margin: 0;
padding: 0;
/*border:0;
outline:0;*/
}
/*
*:before, *:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*/

body {
    margin: 0 auto;
    font-size: 13px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #525252;
    /*background:url(images/dot.gif) repeat;*/
    background-color: #E4E7ED
}
ol,
ul, li{
list-style: none;
}
iframe {
margin: 0;
padding: 0;
overflow: hidden !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden]{
display: none;
}
a {
background: transparent;
text-decoration: none;
color: #333;
cursor: pointer;
}
a:active,
a:hover {
outline: 0;
	color: #2f7ab3;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
.cls {
clear: both;
line-height: 0;
font-size: 0;
height: 0;
float: none;
}
.util-clearfix:after {
visibility: hidden;
display: block;
height: 0;
font-size: 0;
content: '\0020';
clear: both;
}
.fr {float: right;}
.fl {float: left;}
.no-f{float: none;}
.d-none{display: none;}
.d-none-i{display: none !important;}
.a-left{text-align: left;}
.a-center{text-align: center;}
.a-right{text-align: right;}
.m-t-5{margin-top: 5px;}
.mobile-show{display: none;}
/*
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
color: #333;
fill: #333;
fill: currentColor;
}
*/
.bg-gradient-header-gamma {
    background: linear-gradient(154deg, #fff 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#b82024', GradientType=1);
}
.v2minwidth100p {
    min-width: 100%; 
}
.v2minwidth120p {
    min-width: 120%; 
}
.v2margintop0 {
    margin-bottom: 0px;
}
.v2paddingleft0 {
    padding-left: 0px;
}
.v2padding0 {
    padding: 0px;
}
.v2padding2 {
    padding-left: 2px;
}
.font28px{font-size:28px;}
.font14px{font-size:14px;}
.font10px{font-size:10px;}
.font11px{font-size:11px;}
.v2floatleft{float:left;}
.v2floatright{float:right;}
.v2nofloat{float:none;}
.v2nomargin{margin:0;}
.v2marginleft15px{margin-left:15px;}
.v2marginleft30px{margin-left:30px;}
.v2marginleft5px{margin-left:5px;}
.v2marginleft8px{margin-left:8px;}
.marginleft20{margin-left:20px;}
.v2margintop15px{margin-top:15px;}
.v2margintop5px{margin-top:5px;}
.v2margintop6px{margin-top:6px;}
.v2margintop8px{margin-top:8px;}
.v2margintop20px{margin-top:20px;}
.v2marginleftright5px{margin-left:5px;margin-right:5px;}
.v2margintopm10px{margin-top:-10px;}
.v2marginleft1p{margin-left:1%;}
.v2marginleft07p{margin-left:0.7%;}
.v2marginleft05p{margin-left:0.5%;}
.v2marginright10px{margin-right:10px;}
.v2marginauto{margin:auto;}
.v2marginbottom5px{margin-bottom:5px;}
.v2TextRight{text-align:right;}
.v2TextCenter{text-align:center;}
.v2TextLeft{text-align:left;}
.v2Inline{display:inline;}
.v2InlineBlock{display:inline-block;}
.v2BgGray{color: #fff;border-color: #7f868e;background: #7f868e;}
.v2Hide{display:none;}
.v2width10p{width:10%;}
.v2width15p{width:15%;}
.v2width24p{width:24%;}
.v2width25p{width:25%;}
.v2width30p{width:30%;}
.v2width3333p{width:33.33%;}
.v2width50p{width:50%;}
.v2width75p{width:75%;}
.v2width85p{width:85%;}
.v2width95p{width:95%;}
.v2width58p{width:58%;}
.v2width100p{width:100%;}
.v2width80px{width:80px;}
.v2width90px{width:90px;}
.v2width170px{width:170px;}
.v2height38px{height:38px;}
.v2width200px{width:200px;}
.v2width330px{width:330px;}
.v2lineheight25px{line-height:25px;}
.v2nopadding{padding:0;}
.v2nopaddingleftright{padding-left:0;padding-right:0;}
.v2paddingleft4px{padding-left: 4px;}
.v2paddingleft6px{padding-left: 6px;}
.v2paddingleft8px{padding-left: 8px;}
.v2paddingtop7px{padding-top: 7px;}
.v2paddingtop8px{padding-top: 8px;}
.v2paddingtop10px{padding-top: 10px;}
.v2paddingtop13px{padding-top: 13px;}
.v2paddingright15px{padding-right: 15px;}
.v2paddingtop4px{padding-top: 4px;}
.v2paddingbottom4px{padding-bottom: 4px;}
.v2paddingtop6pxleft8px{padding-top: 6px;padding-left: 8px;}
.v2paddingtopleft8px{padding-top: 8px;padding-left: 8px;}
.v2paddingtopbottomleft8px{padding-top: 8px;padding-bottom:8px;padding-left:8px;}
.v2paddingleftright5pximp{padding-left: 5px !important;padding-right: 5px !important;}
.v2paddingleftright0{padding-left:0 !important;padding-right:0 !important;}
.v2paddingleftright2px{padding-left:2px !important;padding-right:2px !important;}
.v2paddingtop8pxleft30px{padding-top: 8px;padding-left: 30px;}
.v2hide{display:none;}
.v2marginbottom10px{margin-bottom:10px;}
.v2marginbottom200px{margin-bottom:200px;}
.v2marginright5px{margin-right:5px;}
.dbwidth85p{width:85%;}
.dbwidth893p{width:89.3%;}
.dbwidth33p{width:33%;}
.dbwidth32_6p{width:32.6%;}
.dbwidth50p{width:50%;}
.dbwidth80p{width:80%;}
.dbwidth100p{width:100%;}
.dbCampaignSettingsMenuWrapper.dbwidth1_8p, .dbwidth1_8p{width:1.8%;}
.dbwidth975p{width:97.5%;}
.v2rowseperator4px{height:4px;}
.v2rowseperator8px{height:8px;}
.v2rowseperator12px{height:12px;}
.v2red{color:#ff0000;}
.v2white{color:#ffffff;}
.v2height60px{height:60px;}
.v2error{border-color: #e03838 !important;}
.v2clear {clear:both;}
.v2nobold{font-weight:normal;}
.dbCapitalize{text-transform: capitalize;}
.v2ViewMoreText
{
	width:85%;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;
}
.v2italic {font-style: italic;}
.v2gray1{color:#999;}
.dbCancelButton{float: left;margin-top:12px;margin-right:12px;display:inline-block; color:#000 !important;}
div.blockMsg {
    width:  40%;
    top:    30%;
    left:   30%;
    text-align: center;
    background-color:transparent;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -moz-opacity:.70;
    opacity:.70;
    padding: 15px;
    color: #fff;
}
#dbOptionDimensions .header_groupbycolumn .dimensionsleft{
	font-size: 16px;
	font-weight: normal;
	color: black;
	text-transform: lowercase;
}
/* Group -/+ css */
#dbGroupInfoSection .dbSectionBtn, #dbGroupInfoSection2 .dbSectionBtn2, #dbGroupInfoSection3 .dbSectionBtn3, #dbGroupInfoSection4 .dbSectionBtn4, #dbCollapseExpand .dbMenuCollapseExpand {
    background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0;
    padding: 2px 4px 2px 4px;
    text-align: center;
    transition: all 0.4s ease 0s;
}
#dbGroupInfoSection .dbSectionBtn:hover, #dbGroupInfoSection2 .dbSectionBtn2:hover, #dbGroupInfoSection3 .dbSectionBtn3:hover, #dbGroupInfoSection4 .dbSectionBtn4:hover, #dbCollapseExpand .dbMenuCollapseExpand:hover {
    background-image: linear-gradient(to top, #f3f3f3, #e2e2e2);
    text-decoration: none;
}
#dbGroupInfoSection .dbSectionBtn.active, #dbGroupInfoSection2 .dbSectionBtn2.active, #dbGroupInfoSection3 .dbSectionBtn3.active, #dbGroupInfoSection4 .dbSectionBtn4.active #dbCollapseExpand .dbMenuCollapseExpand.active {
    background: #deecf2 none repeat scroll 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
#dbGroupInfoSection .active .collapse-icon, #dbGroupInfoSection2 .active .collapse-icon, #dbGroupInfoSection3 .active .collapse-icon, #dbGroupInfoSection4 .active .collapse-icon, #dbCollapseExpand .active .collapse-icon {
    background-position: -180px -36px;
}
#dbGroupInfoSection .collapse-icon, #dbGroupInfoSection2 .collapse-icon, #dbGroupInfoSection3 .collapse-icon, #dbGroupInfoSection4 .collapse-icon, #dbCollapseExpand .collapse-icon {
    background-image: url("../../assets/images/console-sprite.svg");
    background-position: -160px -40px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-bottom: -4px;
    width: 10px;
}
#dbGroupInfoSection .dbSeperator, #dbGroupInfoSection2 .dbSeperator, #dbGroupInfoSection3 .dbSeperator, #dbGroupInfoSection4 .dbSeperator {
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
}
#dbGroupInfoSection .dbBody, #dbGroupInfoSection2 .dbBody, #dbGroupInfoSection3 .dbBody, #dbGroupInfoSection4 .dbBody {
    border: 0 solid #aa22ff;
}
#dbGroupInfoSection .dbBody.dbHide, #dbGroupInfoSection2 .dbBody.dbHide, #dbGroupInfoSection3 .dbBody.dbHide, #dbGroupInfoSection4 .dbBody.dbHide {
    display: none;
}
#dbGroupInfoSection .dbBody .dbBodyData, #dbGroupInfoSection2 .dbBody .dbBodyData, #dbGroupInfoSection3 .dbBody .dbBodyData, #dbGroupInfoSection4 .dbBody .dbBodyData {
    line-height: 15px;
}
#dbGroupInfoSection .dbBody .dbBodyData .dbBodyDataLeft {
    float: left;
    width: 49%;
}
#dbGroupInfoSection .dbBody .dbBodyData .dbBodyDataRight {
    float: left;
    width: 49%;
}
#dbGroupInfoSection2 .dbBody .dbBodyData .dbBodyDataWrapper, #dbGroupInfoSection3 .dbBody .dbBodyData .dbBodyDataWrapper, #dbGroupInfoSection4 .dbBody .dbBodyData .dbBodyDataWrapper {
    margin-top: 12px;
}
.dbGroupInfoList {
    margin-left: 20px;
    margin-top: 10px;
    width: 96%;
}
.dbGroupInfoList td, .dbGroupInfoList td {
    padding: 6px;
}
.dbGroupInfoList .dbGroupInfoListHeaderRow {
    background-color: #fff;
}

/* Top Navigation */
.dbTopBreadcum {
    background-color: #2f7ab3;
    color: #fff;
    font-weight: bold;
    padding: 8px 20px 8px 20px;
    text-align: left;
}
.dbTopBreadcumAdmin {
    background-color: #4B4B4B;
    color: #fff;
    font-weight: bold;
    padding: 8px 20px 8px 20px;
    text-align: left;
}
#dbTopBreadcum a
{
	color:#FFF;
}

#dbTopBreadcum a:hover
{
	text-decoration:underline;
	color:#FFF;
}

.daterangepicker .ranges .active{
	background: #2f7ab3 !important;
}

#EXPAND_dtpPerformanceSnapshot li.active,
#EXPAND_dtpTopPerformers li.active,
#EXPAND_dtpGeographyBreakdown li.active,
#EXPAND_dtpInventoryType li.active 
{
	background: #337ab7 !important;
}

/* overwrite DataTables css */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}
.dataTables_paginate > .pagination .active > a{
	background:#2f7ab3;
}

/* datetimepicker */
div.loadingdata, div.loadingdata:hover, div.loadingdata:focus{
	color: #ccc;
}

/* tabs: clone from default.css */
.ui-accordion .ui-accordion-header.ui-accordion-header-active,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
a.thumbnail:hover,
.ui-spinner .ui-spinner-button:hover,
div[id^='uniform-'] span.checked,
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
li.active a.list-group-item,
li.active a.list-group-item:hover,
li.active a.list-group-item:focus,
.border-primary,
.btn-primary {
    border-color: #2f7ab3; /* v2 */
}

.ui-dialog-buttonset button, .ui-dialog-buttonset button:hover{
    border-color: #2f7ab3; /* v2 */
    color: #fff;
}

#loadingbar,
.irs-line-mid,
.irs-line-left,
.irs-line-right,
div.switch-toggle.switch-on,
div.switch-toggle2.switch-on2,
div.switch-toggle-user.switch-on,
div.switch-toggle2-user.switch-on2,
.bootstrap-switch-primary,
.ms-hover.ui-state-focus,
.ui-accordion-header.ui-accordion-header-active,
.ui-slider-handle,
.ui-rangeSlider-bar,
.ui-datepicker .ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-current-day span,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.daterangepicker .ranges li.active,
.daterangepicker .ranges li.active:hover,
.form-wizard > ul > li.active .wizard-step,
.ui-spinner .ui-spinner-button:hover,
.ui-menu li > a:hover,
.ms-list .ms-hover,
.chosen-container .chosen-results li.active-result.highlighted,
div[id^='uniform-'] span.checked,
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
li.active a.list-group-item,
li.active a.list-group-item:hover,
li.active a.list-group-item:focus,
.label-primary,
.badge-primary,
.fc-event,
.bg-primary,
.btn-primary,
.owl-controls .owl-page span,
#nav-toggle.collapsed span,
#nav-toggle span:before,
#nav-toggle span:after {
    color: #fff;
    background: #2f7ab3; /* v2 */
}

.ui-dialog-buttonset button, .ui-dialog-buttonset button:hover{
    background: #2f7ab3; /* v2 */
    color: #fff;
}

.example-box-wrapper .nav{
  margin-bottom: 0;
}

.tab-pane {
    padding: 0;
}
.tab-pane.v2paddingtopbottom15{
  padding-top: 5px;
  padding-bottom: 15px;
}

#v2RunReportBasicsWrapper .row-header,#v2RunReportFiltersWrapper .row-header,#v2RunReportDimensionsWrapper .row-header,#v2RunReportDeliveryWrapper .row-header
{
  border-bottom: 1px solid #ccc;font-weight:bold;padding-bottom: 5px;
}
#v2RunReportBasicsWrapper .row-basic .left
{
	float:left;
	padding-top:10px;
	width:25%;
	margin-top:8px;
	/*border:1px #FF0000 solid;*/
}

#v2RunReportBasicsWrapper .row-basic .right
{
	float:right;
	width:75%;
	margin-top:10px;
	text-align:left;
	/*border:1px #0000FF solid;*/
}

#v2RunReportBasicsWrapper .row-basic .left2
{
  float:left;
	width:75%;
	margin-top:10px;
	text-align:left;
}

#v2RunReportBasicsWrapper .row-basic .right2
{
  float:left;
	padding-top:10px;
	width:25%;
	margin-top:8px;
	/*border:1px #FF0000 solid;*/
}

/* (begin) advertiser reporting */
#dbAdvertiserFunctions
{
	background:#eeeeee;
	height:auto;
	margin-top:10px;
	padding:8px;
}

#dbAdvertiserFunctions .reportOptionBold
{
	font-weight:bold;
}

#dbOptionWrapper
{
	width:100%;
	border:0px #FF0000 solid;
	margin-top:10px;
}

#dbOptionBasicWapper
{
	border:0px #0000FF solid;
	width:24.6%;
	float:left;
}

#dbOptionBasic
{
	border:0px #0000FF solid;
	width:100%;
	float:left;
}

#dbOptionBasic .header
{
	background:#cccccc;
	padding:12px 0 12px 8px;
}

#dbOptionBasic .row-basic
{
	border:0px #0000FF solid;
}

#dbOptionBasic .row-basic .left
{
	float:left;
	padding-top:10px;
	width:25%;
	margin-top:8px;
	/*border:1px #FF0000 solid;*/
}

#dbOptionBasic .row-basic .right
{
	float:right;
	width:75%;
	margin-top:10px;
	text-align:left;
	/*border:1px #0000FF solid;*/
}

@media only screen and (min-device-width : 1025px)  {
#dbOptionBasic .row-basic .right select
{
	min-width:240px;
}
}

#dbOptionBasic .row-basic.dbdate_range.dbhide
{
	display:none;
}

#dbOptionFilter
{
	border:0px #0000FF solid;
	width:42.8%;
	float:left;
	margin-left:0.5%;
}

#dbOptionFilter .header
{
	background:#cccccc;
	padding:12px 0 12px 8px;
}

#dbOptionFilter .row
{
	/*border:1px #339933 solid;*/
	height:20px;
	margin-top:8px;
}

#dbOptionFilter .row .left
{
	float:left;
	width:90%;
	/*border:1px #FF0000 solid;*/
}

#dbOptionFilter .row .right
{
	float:right;
	width:10%;
	text-align:right;
	/*border:1px #0000FF solid;*/
}

#dbOptionFilter .row .right a
{
	color:#00F;
	display:inline-block;
}

#dbOptionFilter .row .right a:hover
{
	text-decoration:underline;
}

#dbOptionDimensions
{
	border:0px #0000FF solid;
	width:16%;
	float:left;
	margin-left:0.5%;
}

#dbOptionDimensions .header
{
	background:#cccccc;
	padding:12px 0 12px 8px;
}

#dbOptionDimensions .header_selectedcolumn
{
	padding:12px 0 12px 8px;
	font-weight:bold;
	display:none;
	background:#cccccc;
	margin-top:1px;
}

#dbOptionDimensions .header_groupbycolumn, #dbOptionDimensions .header_groupbycolumn2
{
	padding:12px 0 12px 8px;
	font-weight:bold;
	background:#cccccc;
	margin-top:1px;
}

#dbOptionDimensions .row_groupbycolumn
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:2px;
}

#dbOptionDimensions .row_groupbycolumnadmin1
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:15px;
}

#dbOptionDimensions .row_groupbycolumnadmin2
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:17px;
}

#dbOptionDelivery{
	margin-top:10px;
}

#dbMetrics
{
	border:0px #0000FF solid;
	width:15%;
	float:left;
	margin-left:0.5%;
}

#dbMetrics .header
{
	background:#cccccc;
	padding:12px 0 12px 8px;
	margin-bottom:4px;
}

#dbMetrics .row-1, #dbDimensionGroupByColumnList .row-1
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
}

#dbMetrics .row-2
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:25px;
}

#dbMetrics .row-2 select
{
	padding-right: 4px;
}

#dbMetrics .DeliveryScheduleEmail
{
	width:100%;
	padding:4px;
	padding-right:0;
	margin-top:4px;
	border:1px solid #999;
}

#dbMetrics .row-3
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:6px;
}

#dbMetrics .row-4
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:6px;
	text-align:right;
}

#dbOptionMetrics
{
	border:0px #0000FF solid;
	width:24.6%;
	float:left;
	margin-left:0.5%;
}

#dbOptionMetrics .header
{
	background:#cccccc;
	padding:12px 0 12px 8px;
	margin-bottom:4px;
}

#dbOptionMetrics .row-1
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:15px;
}

#dbOptionMetrics .row-2
{
	/*border:1px #339933 solid;*/
	height:auto;
	padding:4px;
	padding-left:8px;
	margin-top:17px;
}

.btnV2 {
	background: #2f7ab3;
	color: #fff;
	/*float:right;*/
	font-size:13px;
}
.btnV2:hover {
	background: #3489ca;
	color: #fff;
	float:right;
	font-size:13px;
}
.btnV2:active {
	position:relative;
	top:1px;
}
.btnV2.margintop8{margin-top:8px;}
.btnV2.nofloat{float:none;}

.btnV2Admin {
	background: #2f7ab3;
	color: #fff;
	float:left;
	font-size:13px;
}
.btnV2Admin:hover {
	background: #af2a26;
	color: #fff;
	float:left;
	font-size:13px;
}
.btnV2Admin:active {
	position:relative;
	top:1px;
}
.btnV2Admin.margintop8{margin-top:8px;}
.btnV2Admin.nofloat{float:none;}

.btnV2Dialog {
	background:#2f7ab3;
	color: #fff;
}
.btnV2Dialog:hover {
	background:#3489ca;
	color: #fff;
}
.btnV2DialogPrevNext {
	color:#2f7ab3;
	background:#fff;
}
.btnV2DialogPrevNext {
	background:#fff;
}
#dbResultWrapper
{
	margin-top:10px;
}

.qtip-title a {
    color: #fff;
}

#dbMyReportWrapper
{
	width:100%;
	border:0px #FF0000 solid;
	margin-top:10px;
}

#dbScheduleReportWrapper
{
	width:100%;
	border:0px #FF0000 solid;
	margin-top:10px;
}

#dbScheduleReportWrapper .dbScheduleReportTitle
{
	background:#eeeeee;
	height:auto;
	margin-top:10px;
	padding:8px;
	font-weight:bold;
}

#dbBlockChartReport .dbReportChart{
	padding:40px 0 8px 8px;text-align:center;
}

/* (end)   advertiser reporting */

/* (begin)   horizontal scrollbars */
.scroll-wrap:not(.dumb-scroll) {
    overflow: hidden;
    overflow-x: auto;
}

.scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar {
  /*
    width: 7px;
    height: 7px;
  */
}

.scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-track-piece {
    margin: 0px;
}

.scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
}

.scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-thumb {
    -moz-border-radius: 6px;
    /* -webkit-border-radius: 6px; */
    /* border-radius: 6px; */
    -moz-background-clip: border;
    /* -webkit-background-clip: border-box; */
    /* background-clip: border-box; */
    /* background: rgba(0,0,0,0.2); */
}

.scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.4);
}

.scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.1);
}

.scroll-wrap.dumb-scroll {
    overflow-x: scroll;
}

.scroll-wrap+.pagination {
    background-color: gainsboro;
    background-image: -webkit-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: -moz-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: -ms-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: -o-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    text-shadow: -1px -1px 0 rgba(255,255,255,0.5),1px 1px 0 rgba(255,255,255,0.5),0 -1px 0 rgba(255,255,255,0.5),0 1px 0 rgba(255,255,255,0.5);
    float: left;
    width: 100%;
    padding-bottom: 6px;
    border-top: 1px solid gainsboro;
}

.scroll-wrap+.pagination .dashPager {
    margin-bottom: 0;
    margin-right: 7px;
    margin-top: 8px;
}

.scroll-wrap+.pagination .paginateInfo {
    margin-bottom: 0;
    margin-left: 7px;
    margin-top: 4px;
}
/* (end)   horizontal scrollbars */

/* (begin)   admin horizontal scrollbars */
.admin-scroll-wrap:not(.dumb-scroll) {
    overflow: hidden;
    overflow-x: auto;
}

.admin-scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.admin-scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-track-piece {
    margin: 7px;
}

.admin-scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
}

.admin-scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-thumb {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background: rgba(0,0,0,0.2);
}

.admin-scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.4);
}

.admin-scroll-wrap:not(.dumb-scroll)::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.1);
}

.admin-scroll-wrap.dumb-scroll {
    overflow-x: scroll;
}

.admin-scroll-wrap+.pagination {
    background-color: gainsboro;
    background-image: -webkit-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: -moz-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: -ms-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: -o-linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    background-image: linear-gradient(top,#ccc,gainsboro 50%,#ccc);
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    text-shadow: -1px -1px 0 rgba(255,255,255,0.5),1px 1px 0 rgba(255,255,255,0.5),0 -1px 0 rgba(255,255,255,0.5),0 1px 0 rgba(255,255,255,0.5);
    float: left;
    width: 100%;
    padding-bottom: 6px;
    border-top: 1px solid gainsboro;
}

.admin-scroll-wrap+.pagination .dashPager {
    margin-bottom: 0;
    margin-right: 7px;
    margin-top: 8px;
}

.admin-scroll-wrap+.pagination .paginateInfo {
    margin-bottom: 0;
    margin-left: 7px;
    margin-top: 4px;
}

/* (end)   admin horizontal scrollbars */

/* Button primary hover */

.ui-accordion-header.ui-accordion-header-active.ui-state-hover,
.ui-rangeSlider-bar:hover,
.ui-rangeSlider-bar:active,
.ui-slider-handle.ui-state-hover,
.ui-slider-handle.ui-state-active,
.ui-dialog-buttonset button:hover,
.ui-datepicker td a:hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover,
.bsdatepicker th.next:hover,
.bsdatepicker th.prev:hover,
.bsdatepicker td.active,
.bsdatepicker td.day.active:hover,
.bsdatepicker td span:hover,
.daterangepicker .calendar th.next:hover,
.daterangepicker .calendar th.prev:hover,
.daterangepicker td.active,
.daterangepicker td.available.active:hover,
.label-primary[href]:hover,
.label-primary[href]:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.hover-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active {
    color: #fff;
    border-color: #2f7ab3;
    background-color: #2f7ab3;
}

/* (begin) truncated - report */
.dbResultDataList td {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}
.dbResultDataList td {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.dbResultDataList td.percent-text,.dbResultDataList td.count-text,.dbResultDataList td.money-text {
    text-align: right;
}

.dbResultDataList td.percent-text:not(.NaN) abbr::after {
    content: '%';
}

.dbResultDataList td.name-text {
    max-width: 250px;
}

.dbResultDataList td.name-text:first-child {
    max-width: 250px;
}

.dbResultDataList td.id-text {
    max-width: 120px;
    color: #717171;
}

/* (end) truncated - report */

/* (begin) menu left Account */
#dbCampaignSettingsRow
{
	border:0px solid #ff4400;
	margin-top:0px;
}
.dbCampaignSettingsMenuWrapper
{
	float:left;
	width:10%;
}
ul#dbCampaignSettingsMenu
{
	border:0px solid #9dffaa;
}
ul#dbCampaignSettingsMenu li
{
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-shadow: 0 1px 0 white inset;
	background-color:#eeeeee;
	cursor: pointer;
}
ul#dbCampaignSettingsMenu li:hover
{
	background-color:#e0e0e0;
}

ul#dbCampaignSettingsMenu li a
{
	display:block;
	border:0px solid #44ffff;
	padding:8px;
	text-decoration: none;
}
ul#dbCampaignSettingsMenu li.selecteditem
{
	background-color:#ffffff;
}
ul#dbCampaignSettingsMenu li.selecteditem > a
{
	color:#2f7ab3;
}
ul#dbCampaignSettingsMenu li.firstitem
{
	border-top-left-radius:4px;
}
ul#dbCampaignSettingsMenu li.lastitem
{
	border-bottom-left-radius:4px;
	border-bottom: 1px solid #ddd;
}
ul#dbCollapseExpand li.collapseexpand
{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	background-color:transparent;
	cursor: default;
	text-align:center;
	font-size:11px;
}
ul#dbCollapseExpand ul li.collapseexpand:hover
{
	background-color:transparent;
}
ul#dbCollapseExpand li a.collapseexpand_expand
{
	display:inline-block;
	border:0px Solid #44ffff;
	padding:8px 0 8px 8px;
}
ul#dbCollapseExpand li a.collapseexpand_collapse
{
	display:inline-block;
	border:0px Solid #44ffff;
	padding:0 2px 8px 8px;
}
#dbCampaignSettingsDetailsWrapper
{
	border:0px solid #AAddff;
	float:left;
}
#dbViewOptionTypeTab
{
	border:0px #11FEEE solid;
}

#dbCampaignFilter /* combobox date */
{
	position:absolute;
	right:0;
}

#dbCampaignDate
{
	border:1px #ccc solid;
	display:inline-block;
	padding:2px;
}

#dbViewOptionTypeTab .dbDisplayIconPC
{
	background:url(images/display_off.png) left no-repeat;
	border:0px #FF0000 solid;
	padding-left:24px;
}

#dbViewOptionTypeTab .dbDisplayIconPC.dbActive
{
	background:url(images/display_on.png) left no-repeat;
	font-weight:bold;
	color:#2f7ab3;
}

#dbViewOptionTypeTab .dbDisplayIconVideo
{
	background:url(images/tv_off.png) left no-repeat;
	border:0px #FF0000 solid;
	padding-left:24px;
}

#dbViewOptionTypeTab .dbDisplayIconVideo.dbActive
{
	background:url(images/tv_on.png) left no-repeat;
	font-weight:bold;
	color:#2f7ab3;
}

#dbViewOptionTypeTab .dbDisplayIconMobile
{
	background:url(images/mobile_off.png) left no-repeat;
	border:0px #FF0000 solid;
	padding-left:24px;
}

#dbViewOptionTypeTab .dbDisplayIconMobile.dbActive
{
	background:url(images/mobile_on.png) left no-repeat;
	font-weight:bold;
	color:#2f7ab3;
}

#dbViewOptionTypeTab .dbDisplayIconRTB
{
	background:url(images/icon_rtb.png) left no-repeat;
	border:0px #FF0000 solid;
	padding-left:27px;
}

#dbViewOptionTypeTab .dbDisplayIconRTB.dbActive
{
	background:url(images/icon_rtb.png) left no-repeat;
	font-weight:bold;
	color:#2f7ab3;
}

#dbViewOptionTypeTab .dbAll.dbActive
{
	font-weight:bold;
	color:#2f7ab3;
}

#dbViewOptionTypeTab .dbBlock-All
{
	border:0px #FF0000 solid;
	margin-top:10px;
}

#dbViewOptionTypeTab ul.ViewOptionTypeTab
{
	border:0px #FF0000 solid;
	width:100%;
}

#dbViewMetricStatsTab{border:0px #FF0000 solid;}

.dbAdvertiserMetricsValue
{
	font-size:20px;
}

/* MetricStats */

.dbMetricsStatsArrow-1
{
	border:0px #FF0000 solid;
	background:url(images/arrow-up.gif) center no-repeat;
	height:17px;
}

.dbMetricsStatsArrow-2
{
	border:0px #FF0000 solid;
	background:url(images/arrow-up.gif) center no-repeat;
	height:17px;
	margin:auto;
}

.dbMetricsStatsArrow-3
{
	border:0px #FF0000 solid;
	background:url(images/arrow-up.gif) center no-repeat;
	height:17px;
	float:right;
}


#dbMetricsStatsDetailInfo
{
	background:#eeeeee;
	padding:8px;
	border:0px #FF0000 solid;
}

.MetricStatsCompareWrapper
{
	background:#eeeeee;
	margin-top:5px;
}

.MetricStatsCompareCondition
{
	border:0px #FF0000 solid;
	text-align:center;
	padding:8px;
}
#dbViewOptionType
{
	height:auto;
	margin-top:-10px;
	border:0px solid #F00;
}
#dbViewOptionType.dbnomargin{margin:0;}
/* (end)   menu left Account */

/* ui-tabs (d�ng chung) */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: 0em;
}
.ui-tabs .ui-tabs-nav {height: auto;}
.ui-tabs .ui-tabs-nav li {
	float: left;
	position: relative;
	top: 0;
	margin: 0 2px;
	padding: 0;
	white-space: nowrap;
	background-color: #eeeeee;
}
.ui-tabs .ui-tabs-nav li.subtab {
	float: left;
	position: relative;
	top: 0;
	margin: 0 0.15%;
	padding: 0;
	white-space: nowrap;
	background-color: #eeeeee;
}
.w3308{width:33.08%;/* 3 columns */}
.w4975{width:49.75%;/* 2 columns */}
.ui-tabs .ui-tabs-nav li.subtab.w3308 a, .ui-tabs .ui-tabs-nav li.subtab.w4975 a {
    display: inline-block;
    float: none;
    padding: 5px 0 5px 0;
    text-decoration: none;
    width: 100%;
	text-align:center;
}
.ui-tabs .ui-tabs-nav li:first-child{margin-left: 0;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	display: inline-block;
	padding: 0 15px;
	line-height: 24px;
	text-decoration: none;
	font-size: 12px;
}
.ui-tabs .ui-tabs-nav li a span{display: inline-block;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px;padding-bottom: 1px;background-color: #cccccc;color: #000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color: #000;}
.ui-tabs .ui-tabs-nav li.ui-state-hover,
.ui-tabs .ui-tabs-nav li.ui-state-focus{background-color: #cccccc;color: #000;}
.ui-tabs .ui-tabs-nav li.ui-state-hover a{color: #fff;}
.ui-tabs .ui-tabs-nav li.ui-state-hover .icon{fill: #fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text;}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0;
	background: none;
}

/* tabs detail */

/* (begin) chosen jquery */
.holder1 .chosen-container-multi{
	width:49% !important;
	margin-left:5px;
}
#tabBlockSetting .buyerRow{
	margin-bottom:8px;
}
/* (end) chosen jquery */

/* (begin) Inventory */
div.vertical-line{
	width: 1px;
	background-color: black;
	float: left; 
	height:59px;
}
/* (end)   Inventory */

/* (begin) Frequency (Flight Delivery) */
.v2col-1-left {
	width: 65%;
	border: 0px solid #44fbbb;
	float: left;
}
.v2col-1-right {
	width: 35%;
	border: 0px solid #add333;
	float: right;
	text-align: right;
}
/* (end)   Frequency (Flight Delivery) */

/* (begin) Site/App (Flight Delivery) */
.v2col-2-left {
	width: 20%;
	border: 0px solid #44fbbb;
	float: left;
}
.v2col-2-right {
	width: 80%;
	border: 0px solid #add333;
	float: right;
	text-align: left;
}
/* (end)   Site/App (Flight Delivery) */

/* cross icon */
.dbclearable{
	position:relative;
	border:0px #ff33aa solid;
}
span.dbicon_clear{
	position:absolute;
	right:8px;
	display:none;

	/* now go with the styling */
	cursor:pointer;
	font: bold 1em sans-serif;
	color:#38468F;
	padding-top:8px;
}
span.dbicon_clear:hover{
	color:#f52;
}

/* Footer */
.dbClientDashboard {
    background-color: #eee;
    margin: auto;
    padding: 8px;
    text-align: center;
}
#dbFooter {
    margin-top: 0px;
}
.align-middle{
	vertical-align: middle !important;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
	color: #2F7AB3 !important;
	text-decoration: none !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 22px !important;
}
.ui-datepicker .ui-datepicker-title{
	margin-top: 5px !important;
}

/* delivery settings */
.dbDeliveryHeader
{
	padding:8px;
	background:#eeeeee;
}
.dbDeliveryRow
{
	border: 0px solid #44ffdd;
}
.dbDeliveryRow .dbDeliveryLeftCol
{
	float:left;
	width:20%;
	border: 0px solid #f4455a;
}
.dbDeliveryRow .dbDeliveryLeftCol .dbHeader
{
	text-indent:20px;
	font-weight:bold;
}
.dbDeliveryRow .dbDeliveryRightCol
{
	float:left;
	width:80%;
	border: 0px solid #aaff33;
}
hr.deliverysep {
	border:0;
  	border-top: 1px dashed #8c8b8b;
}
hr.deliverysep2 {
    margin-top: 5px;
    margin-bottom: 5px;	
}

/* (begin) Time Of Day */
.time-of-day__wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /*min-height: 480px;*/ }
  .time-of-day__wrapper .time-of-day__editor-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .time-of-day__wrapper .text-control input {
    font-family: "AvenirLT-Roman";
    font-weight: normal;
    font-size: 14px;
    color: #9a9a9a;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    border: none; }
  .time-of-day__wrapper .time-of-day__day-hour--cell-is-adjustment {
    background-color: #e8f5fb; }
    .time-of-day__wrapper .time-of-day__day-hour--cell-is-adjustment .text-control input,
    .time-of-day__wrapper .time-of-day__day-hour--cell-is-adjustment .text-control .input--readonly {
      color: #1c99db; }
  .time-of-day__wrapper .time-of-day__day-hour--cell-is-block {
    background-color: #feeeec; }
    .time-of-day__wrapper .time-of-day__day-hour--cell-is-block.time-of-day__day-hour-focused {
      outline-color: #f0503f; }
    .time-of-day__wrapper .time-of-day__day-hour--cell-is-block .text-control input,
    .time-of-day__wrapper .time-of-day__day-hour--cell-is-block .text-control .input--readonly {
      color: #f0503f; }
  .time-of-day__wrapper .cell-selected {
    background-color: #1c99db;
    border-color: #1c99db; }
    .time-of-day__wrapper .cell-selected .text-control input,
    .time-of-day__wrapper .cell-selected .text-control input::-webkit-input-placeholder {
      color: #ffffff; }
    .time-of-day__wrapper .cell-selected .text-control input,
    .time-of-day__wrapper .cell-selected .text-control input::-ms-input-placeholder {
      color: #ffffff; }
    .time-of-day__wrapper .cell-selected .text-control input,
    .time-of-day__wrapper .cell-selected .text-control input::placeholder {
      color: #ffffff; }
  .time-of-day__wrapper .cell-being-selected {
    background-color: #77c2e9;
    border-color: #77c2e9;
    cursor: cell; }
    .time-of-day__wrapper .cell-being-selected.cell-selected {
      border-color: #77c2e9; }
    .time-of-day__wrapper .cell-being-selected .text-control input,
    .time-of-day__wrapper .cell-being-selected .text-control input::-webkit-input-placeholder {
      color: #ffffff; }
    .time-of-day__wrapper .cell-being-selected .text-control input,
    .time-of-day__wrapper .cell-being-selected .text-control input::-ms-input-placeholder {
      color: #ffffff; }
    .time-of-day__wrapper .cell-being-selected .text-control input,
    .time-of-day__wrapper .cell-being-selected .text-control input::placeholder {
      color: #ffffff; }
    .time-of-day__wrapper .cell-being-selected input {
      cursor: cell; }
  .time-of-day__wrapper .time-of-day__day-hour-focused {
    outline: 1px solid #77c2e9;
    border: none;
    outline-offset: -1px;
    z-index: 1; }
    .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected {
      background-color: #ffffff;
      color: #cacccb; }
      .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected input,
      .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected input::-webkit-input-placeholder {
        color: #cacccb; }
      .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected input,
      .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected input::-ms-input-placeholder {
        color: #cacccb; }
      .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected input,
      .time-of-day__wrapper .time-of-day__day-hour-focused.cell-selected input::placeholder {
        color: #cacccb; }
  .time-of-day__wrapper .time-of-day__editor__rails-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto; }
  .time-of-day__wrapper .time-of-day__editor__rails-legend-selected,
  .time-of-day__wrapper .time-of-day__editor__rails-legend-unselected {
    text-transform: uppercase; }
    .time-of-day__wrapper .time-of-day__editor__rails-legend-selected:before,
    .time-of-day__wrapper .time-of-day__editor__rails-legend-unselected:before {
      content: "";
      display: inline-block;
      width: 14px;
      height: 14px;
      border: 1px solid #e6e7e7;
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
      margin-right: 16px;
    	
	  border: 1px solid #d3d3d3;
	  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	  font-weight: normal;
	  color: #555555;    	 
	}
  .time-of-day__wrapper .time-of-day__editor__rails-legend-selected {
    margin-right: 16px; }
    .time-of-day__wrapper .time-of-day__editor__rails-legend-selected.is-target:before {
      background: #2f7ab3;
      border-color: #e47e81; }
    .time-of-day__wrapper .time-of-day__editor__rails-legend-selected.is-block:before {
      background: #fde7e5;
      border-color: #f0503f; 
  }
  .time-of-day__wrapper .time-of-day_editor__help-text {
    -ms-flex-preferred-size: 48px;
        flex-basis: 48px;
    line-height: 48px; }
  .time-of-day__wrapper .time-of-day__day-and-hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: 1px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .time-of-day__wrapper .time-of-day_day-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .time-of-day__wrapper .time-of-day_day-legend-details {
    color: #666767;
    letter-spacing: normal;
    text-transform: none;
    width: 48px;
    height: 40px;
    text-align: right;
    padding: 14px 12px 0 0; }
  .time-of-day__wrapper .time-of-day__hour-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: 48px;
    margin-top: -6px; width: 96%;}
  .time-of-day__wrapper .time-of-day__hour-legend-details {
    color: #666767;
    letter-spacing: normal;
    text-transform: none;
    padding: 12px 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47px;
            flex: 0 0 47px;
    text-align: center; }
    .time-of-day__wrapper .time-of-day__hour-legend-details:nth-child(13) {
      border-left: 1px solid #323333; }
  .time-of-day__wrapper .time-of-day__hour-legend-am-pm {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 564px;
            flex: 0 0 564px;
    text-align: center;
    color: #cacccb; }
    .time-of-day__wrapper .time-of-day__hour-legend-am-pm:last-child {
      border-left: 1px solid #323333; }
  .time-of-day__wrapper .time-of-day__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .time-of-day__wrapper .time-of-day__day-hour {
    height: 48px;
    text-align: center;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    border: 1px solid #e6e7e7;
    color: #cacccb;
    padding: 8px;
    margin: 0 0 -1px -1px;
    position: relative; }
    .time-of-day__wrapper .time-of-day__day-hour:nth-child(13) {
      border-left-color: #323333; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-target:focus, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block:focus {
    outline: 1px solid #77c2e9;
    outline-offset: -2px; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-being-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected.cell-being-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-being-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected.cell-being-selected {
    border-color: #e6e7e7;
    opacity: 0.6; }
    .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-being-selected:nth-child(13), .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected.cell-being-selected:nth-child(13), .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-being-selected:nth-child(13), .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected.cell-being-selected:nth-child(13) {
      border-left-color: #323333; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected {
    border: 1px solid #e6e7e7; }
    .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected:nth-child(13), .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected:nth-child(13) {
      border-left-color: #323333; }
    .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected .time-of-day__day-hour--rail-content, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected .time-of-day__day-hour--rail-content {
      display: block; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-target .time-of-day__day-hour--rail-content, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block .time-of-day__day-hour--rail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-top: 8px; }
    .time-of-day__wrapper .time-of-day__day-hour--rail.is-target .time-of-day__day-hour--rail-content .glyph, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block .time-of-day__day-hour--rail-content .glyph {
      font-size: 12px;
      color: #ffffff; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-target:focus {
    outline-color: #77c258; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-being-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected.cell-being-selected {
    background-color: #e8f4e2; }
    .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected .glyph, .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-being-selected .glyph, .time-of-day__wrapper .time-of-day__day-hour--rail.is-target.cell-selected.cell-being-selected .glyph {
      color: #77c258; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-block:focus {
    outline-color: #f0503f; }
  .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-being-selected, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected.cell-being-selected {
    background-color: #fde7e5; }
    .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected .glyph, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-being-selected .glyph, .time-of-day__wrapper .time-of-day__day-hour--rail.is-block.cell-selected.cell-being-selected .glyph {
      color: #f0503f; }
  .time-of-day__wrapper .time-of-day__day-hour--rail--selectable {
    cursor: cell; }
  	
#selectableTimeOfDay .ui-selectable-helper { background: #00FF22; }
#selectableTimeOfDay .ui-selecting { background: #e47e81; }
#selectableTimeOfDay .ui-chosen {
  background: #2f7ab3;
  color: white;
}
#selectableTimeOfDay {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#selectableTimeOfDay li {
  margin: 0;
  padding: 10px 0 0 0;
  float: left;
  width: 4.1%;
  height: 42px;
  text-align: center;
  border-top:0;
  border-left:0;
}  	
/* (end) Time Of Day */
.dbDateRange, .dbWeatherTemp
{
	border:1px #CCCCCC solid;
	padding:4px;
	height:25px;

	/* background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); */
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 4px;
	text-align: center;
	margin-left:4px;
	padding-left:4px;
	padding-right:4px;
}
.db-subtract2-icon
{
	background-image: url("../../assets/images/console-sprite.svg");
	background-position: -179px -34px;
	float:left;
	height: 14px;
	width: 13px;
	padding:5px;
}

/* */
.dbconfirmdelete::after, .dbinformation::after, .dbconfirmaction::after {
    background-image: url("images/console-sprite.svg");
    background-position: -140px -100px;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 20px;
}
.dbconfirmdelete, .dbinformation, .dbconfirmaction {
    background-color: #fffccd;
    background-image: none;
    border: 1px solid #e5de7d;
    border-radius: 4px;
    color: #333333;
    font-size: 13px;
    margin: 4px 0;
    padding: 10px 10px 10px 35px;
    position: relative;
    word-wrap: break-word;
}
.dbalert {
    background-color: #fffccd;
    border: 1px solid #e5de7d;
    border-radius: 4px;
    color: #b2181c;
    font-size: 12px;
    margin: 10px 0;
    padding: 10px 10px 10px 35px;
    position: relative;
}
.dbalert .dbalert-icon, .dbalert .info-icon, .dbalert .success-icon, .dbalert .error-icon {
    left: 10px;
    position: absolute;
    top: 8px;
}
.dbalert span[id*="-tooltip"] i[class$="-icon"] {
    position: static;
}
.dbalert p {
    margin: 0;
}
.dbalert.dbinline {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 4px 9px 42px;
}
#dbalertclose{
    float:right;
    display:inline-block;
    padding:2px 5px;
		cursor:pointer;
		font-weight:bold;
}
#dbsuccalertclose{
    float:right;
    display:inline-block;
    padding:2px 5px;
		cursor:pointer;
		font-weight:bold;
}
/*
.dbalert.dbsuccess {
    background-color: #ebf7ed;
    border-color: #39b54a;
}
*/
.dbalert.dbdanger, .dbalert.dberror {
    background-color: #fef3f4;
    border-color: #ed1c24;
}
.dbalert.dbinfo {
    background-color: #e5f1f6;
    border-color: #317cb9;
}
.dbalert.dbbanner {
    border-radius: 0;
    margin: 0 0 10px;
}
.dbnotealert {
    background-color: #fffccd;
    border: 1px solid #e5de7d;
    border-radius: 4px;
    color: #ff0000;
    font-size: 12px;
    margin: 0px 0;
    padding: 5px 5px 5px 35px;
    position: relative;
}
.dbnoteerror {
    background-image: url("images/error.gif?hbui_version=15.41.16");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #ff0000;
}
.dberror {
    background-image: url("images/error.gif?hbui_version=15.41.16");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #b2181c;
}
.dbsuccess {
    background-image: url("images/success.gif?hbui_version=15.41.16");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #111;
    background-color: #ebf7ed;
    border-color: #39b54a;
}

.dbalert.dberror.hide
{
	display:none;
}

/* Chart */
#dbSpendChart, #dbImpressionChart, #dbBidChart
{
	/*width:32.6%;*/
	height:auto;
	border:0px #0000FF solid;
	float:left;
}

#dbSpendChartTitle, #dbImpressionChartTitle, #dbBidChartTitle
{
	color:#000;
	background-color:#eeeeee;
	padding:8px;
	padding-right:0;
	/*width:99%;*/
}

#chart_Spend
{
	width:98%; height: 300px; margin: 0 auto;
	margin-top:5px;
}

#chart_Impression
{
	width:98%; height: 300px; margin: 0 auto;
	margin-top:5px;
}

#chart_Bid
{
	width:98%; height: 300px; margin: 0 auto;
	margin-top:5px;
}

.dbMarginLeft1p
{
	margin-left:1%;
}

.dbMarginRight1p
{
	margin-right:1%;
}

/* header of chart */
.dbComboboxNoBorder
{
	border:0px #ccc solid;
	display:inline-block;
	padding:0px;
}

/* fix1: themes/components/default.css */
.active > .badge,
.active > .bs-badge,
.active > .bs-label {
    color: #666 !important;
    background: #fff !important;
}
a.list-group-item.active > .glyph-icon,
li.active a.list-group-item > .glyph-icon,
.active > .glyph-icon {
    color: #fff !important;
}
/* fix2: themes/components/default.css */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    color: #4b5056;
    background-color: #fbf7f7;
}
/* fix3: themes/components/default.css */
div.selector,
div[id^='uniform-'] span,
.button-pane{
	border-color: #eadfe0;
}

/* fix4: themes/components/default.css */
.btn-default{
	border-color: #eadfe0;
}
/* fix5: themes/components/default.css */
table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after{
	color: #b81f24;
}
/* fix6: assets/platform-css/jquery-ui.css */
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
/* fix7: themes/components/default.css */
.selector i{
    color: #2b2f33;
    background: #eff4f6;
}
.selector i, .nav-tabs{
	border-color: #eadfe0;
}

/*multiui*/
.tplmainmenu{color:2f7ab3;}

#dealInsightWrapper{
	border: 0px solid #aaaaaa;
}

#dealInsightLeft{
	width:49.7%;
	border: 0px solid #aaaaaa;
}

#dealInsightRight{
	width:49.7%;
	border: 0px solid #aaaaaa;
}

#dealInsightWrapper .title1{
	font-weight:bold;
	border-bottom: 1px solid #aaaaaa;
	width:90%;
	padding-left:10px;
	padding-bottom:2px;
}

#dealInsightWrapper table td{
	padding:10px;
}

#dealInsightWrapper table td a.showmore{
	font-style: italic;
}

#tab1AudienceCompositionSetting .titleChartBar, #tab2AudienceCompositionSetting .titleChartBar{
	font-size: 18px;
	font-weight: bold;
	font-family: "Open Sans"; /*Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif*/
}

.dbInvalidMessage{
	width:100%;text-align:center;font-size:16px; font-weight:bold; padding-left:0; padding-top:20px;padding-bottom:450px;
}