/* === reset === */
html,body {display:block;width:100%;color:#000000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:0px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*fonts*/
@font-face{
	font-family: 'pn-regular';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-LightWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-LightWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-LightWeb.woff') format('woff');
	font-weight: 100;
}
@font-face{
	font-family: 'pn-regular';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-RegWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-RegWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-RegWeb.woff') format('woff');
	font-weight: normal;
}
@font-face{
	font-family: 'pn-regular';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-SboldWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-SboldWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-SboldWeb.woff') format('woff');
	font-weight: 500;
}
@font-face{
	font-family: 'pn-regular';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.woff') format('woff');
	font-weight: bold;
}
@font-face{
	font-family: 'pn-bold';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.woff') format('woff');
	font-weight: normal;
}


/* Add cache busting for font face, turns out that cache busting on the css file level does not extend down to this level */
@font-face {
    font-family: 'AdButler-Admin';
    src: url('../assets/fonts/adbutler-admin.eot?ver=2.0');
    src: url('../assets/fonts/adbutler-admin.eot?#iefix&ver=2.0') format('embedded-opentype'),
    url('../assets/fonts/adbutler-admin.woff?ver=2.0') format('woff'),
    url('../assets/fonts/adbutler-admin.ttf?ver=2.0') format('truetype'),
    url('../assets/fonts/adbutler-admin.svg?#Glyphter&ver=2.0') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* === base === */
html,body{width:100%;height:100%;}
body{font-size:100%;line-height:1.25em;}
h1{font-size:187.50%;}
h2{font-size:137.50%;}
h3{font-size:125.00%;}
h1{margin:1em 0;}
h2,h3{margin:1em 0 0.5em 0;}
h1,h2,h3,h4,h5,h6 {font-family:inherit;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{padding:0;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:0.5em;}
input[type=text],input[type=password],textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
input[type=text],input[type=password],input[type=number],select,textarea{background-color:#FAFAFA;border-width:1px;border-style:solid;border-color:#DADADA;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{background-color:#FEFEFE;border-style:solid;border-color:#AAAAAA;}
input[type=text]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled { opacity: 0.666; }
input[type=text],input[type=password],textarea{margin:0;padding:2px 3px;}
input[type=radio],input[type=checkbox]{position:relative;top:1px;}
select{margin:0;padding:1px;}
optgroup{font-style:normal;font-weight:bold;}
a{text-decoration:none;}
:focus{outline:0;}

/* === fonts === */
/* Calibri, Cambria, Candara, Consolas, Constantia, Corbel, Nyala, Segoe UI, Segoe Script */
body { font: 14px/1.25 pn-regular, Calibri, "Helvetica Neue", Helvetica, Optima, Arial, sans-serif; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.semiBold { font-weight:bold; }
.greyed-text { color: #777777; }

h1,h2,h3,h4,h5,h6 {}
table, table td, table th{ font-size:inherit; font:100%; }
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
body { color: #333; background-color: #fff; }
a, a:link, a:visited, div.dt-link { color: #000000; }
a:hover, div.dt-link:hover { color: #333; }
x.clear { height:0;padding:0;margin:0;border:0;clear:both; }
.clearfix:after { display:table; clear:both; content:""; }

/* ======================================= */

/*background-color:#FF7F00; border-bottom:1px solid #CC6200; */

/*
background = B25600
shade = B25600
hover = B25600

*/

/* layout structure */
body { overflow:hidden; height:100%; }

#viewport {
    height: 100%;
}

#viewport-top {
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
}
#viewport-inner { overflow-x:auto; overflow-y:scroll; height:100%; }
#viewport-content { height:100%; min-height: 100%; }
#content-top {
    position: fixed;
    top: 0;
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateZ(0);
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
#content-left { float:left; width:260px; height:1080px; z-index:999;  }
#content-left .fixed { width:260px; z-index:999; }
#content-right { position:absolute; top:70px; right:0; width:260px; }
#content-right .section { padding: 20px; }
#content-right .section ul.sidebar-list { margin: 1em 0 1em 1.5em; }

#content-chrm {
    margin-bottom: 50px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}
#content { max-width:920px; margin-right:260px; padding:20px; }
#content.full { max-width:1180px; margin-right:0; }
#content-inner-top {
	height: 64px;
	overflow: hidden;
	padding: 12px 15px 8px 15px;
	width: 100%;
}

.layout-restrict { min-width:1366px; max-width:1440px; margin:0 auto; }
.box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.stretch { margin-bottom:-99999px; padding-bottom:99999px; }


#content-user { width:100%; height:64px; padding:12px 15px 12px 76px; background-color: #f3f3f3; overflow:hidden; }
#content-menu { width:100%; padding:15px 0 15px 5px; overflow-y:auto; overflow-x:hidden; }

/* ======================================= */
/* layout colours */
body { background-color: #fff; }
#viewport-content { background-color: #fff; }
#content-chrm { xborder-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; }
#content-chrm.authentication { border-left: 0px solid #E6E6E6; border-right: 0px solid #E6E6E6; }
#content-left {  }
#content-left .fixed { border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; }
#content-left, #content-left .fixed { background-color:#f7f7f7;  }
#content-right { border-left: 1px solid #E6E6E6; }
#content-right .section { border-top: 1px solid #fff; border-bottom: 1px solid #E6E6E6; }
#content-right .section.no-border { border-top: none; border-bottom: none; }
#content-right .section-title { font-size:18px; font-weight:bold; margin-bottom: 10px; }
#content-right .section .list a { text-decoration:underline; }
#content-right p:last-child, #content-right ul:last-child, #content-right table:last-child { margin-bottom: 0; }
#content-right tr:last-child td {margin-bottom: 0; padding-bottom: 0;}
#content-user { border-bottom:1px solid #E6E6E6; }
#content-menu {  }

#content-inner-top {
    border-bottom: 1px solid #EFEFEF;
    margin-right: 260px;
}

#content-user .name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	 position:relative; font-size:14px; font-weight:bold; padding-top:4px; cursor:pointer; padding-right: 16px; }
#content-user .position { color:#555; font-size:12px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content-user .settings { position:absolute; right:0; top:3px; }
#content-user .avatar { height:40px; width:40px; float:left; margin-left: -50px; background:#E77103; }
#content-user .avatar, #content-user .avatar img { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#content-user .name .settings img { padding-top:11px;}

.inline-link-blue, a.inline-link-blue { color:#087ffd; cursor: pointer; }
.inline-link-blue:hover, a.inline-link-blue:hover { color:#1A6AE4; text-decoration:underline; }
.separator-top { border-top: 2px solid #CCCCCC; padding-top: 20px; }
.separator-bottom { border-bottom: 2px solid #CCCCCC; padding-bottom: 20px; }
.ab-grey-text { color: #73777B; }
.ab-green-text { color: #459645; }

/* === General === */
.unselectable {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.has-error {
    border-color: #EB0000 !important;
}

.form-errors {
    color: #EB0000;
}

.error-text {
    vertical-align: middle;
    margin-bottom: 8px;
}

.error-text:last-child {
    margin-bottom: 0;
}

.error-text::before {
    content: '';
    background: url(../assets/icons/ab_icon_warning.svg) no-repeat;
    height: 24px;
    width: 24px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.d-flex {
    display: flex;
}

.theme-button {
    position: relative;
}

.theme-button-spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.arrow-right::after,
.arrow-left::before {
    content: '\00a0'; /* non-breaking space - needed to match text height */
    background: no-repeat center url(../assets/icons/LinkArrow.svg);
    background-size: 1.4em;
    width: 1em;
    display: inline-block;
}

.blue-bg .arrow-right::after,
.blue-bg .arrow-left::before,
.arrow-right.blue-bg::after,
.arrow-left.blue-bg ::before {
    background-image: url(../assets/icons/LinkArrowWhite.svg);
}

.arrow-right::after {
    margin-left: 0.5em;
    right: 0;
}

.arrow-left::before {
    margin-right: 0.5em;
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.icon-24px {
    line-height: 24px;
    height: 24px;
}

.icon-24px::before {
    content: '';
    background-size: 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.error-symbol::before {
    background-image: url(../assets/icons/ab_icon_warning.svg);
}

.checkmark-symbol::before {
    background-image: url(../assets/icons/ab_icon_checkmark.svg);
}

/*=== Vue Tooltip (v-tooltip directive) ===*/
.vue-tooltip-theme {
    pointer-events: none;
    display: block !important;
    z-index: 10000;
}

.vue-tooltip-theme[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
    transition: opacity 100ms, visibility 100ms;
}

.vue-tooltip-theme[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity 100ms;
}

.vue-tooltip-theme .tooltip-inner {
    background-color: #333;
    border-radius: 4px;
    padding: 8px;

    color: #FFF;
    font-size: 12px;
}

.vue-tooltip-theme .tooltip-arrow {
    position: absolute;
    border: 8px solid transparent;
    bottom: -15px;
}

.vue-tooltip-theme[x-placement^="top"] .tooltip-arrow {
    border-top-color: #333;
}

.vue-tooltip-theme[x-placement^="right"] .tooltip-arrow {
    border-right-color: #333;
}

.vue-tooltip-theme[x-placement^="bottom"] .tooltip-arrow {
    border-bottom-color: #333;
}

.vue-tooltip-theme[x-placement^="left"] .tooltip-arrow {
    border-left-color: #333;
}

/* ======================================= */
/* Glyph Icons Layout for Navigation tree */
.ab-glyph > * {
	vertical-align: top;
}

.ab-glyph:before {
	vertical-align: top;
	font-size: 22px;
	position: relative;
	top: -6px;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 9px;
	color: #50494D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-simple {
    font-size: 22px;
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
}

.ab-glyph-large {
	vertical-align: top;
	font-size: 42px;
	position: relative;
	text-align: center;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
	width: 100%;
	color: #50494D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-inline:before {
	vertical-align: middle;
	top: -2px;
	float: left;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
	position: relative;
	font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-medium:before {
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    padding-right: 8px;
    top: 0;
    vertical-align: baseline;
}

.ab-glyph-small:before {
	xfloat: left;
	xmargin-left: -20px;
    padding-right: 8px;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
	position: relative;
	font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-med-sm:before {
    padding-right: 8px;
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-link-glyph:before {
    padding-right: 8px;
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    font-size: 14px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #087FFD !important;
}

.ab-glyph-blue:before {
    color: #087FFD !important;
}

.ab-glyph-small.order-complete-status:before {
    top: 2px;
    padding-right: 4px !important;
}

.ab-glyph-small-right:before {
    float: right;
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-small-after:after {
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    font-size: 12px;
    margin-left:10px;
}

.ab-glyph-accordian:before {
	position: relative;
	/* margin-left: -20px;*/
	top: -1px;
	float: left;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-action:before {
	color: #50494d;
	float: left;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-left: auto;
	position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-error:before {
	position: relative;
	float: left;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-button:before {
	position: relative;
	margin-left: -20px;
	top: 0px;
	float: left;
	font-size: 13px;
	font-family: 'Glyphicons Regular', sans-serif;
	font-style: normal;
	font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-blue:before {
    color: #087FFD !important;
}

.ab-glyph-facebook:before {
    vertical-align: top;
    font-size: 22px;
    position: relative;
    font-family: 'Glyphicons Social', sans-serif;
    font-style: normal;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 9px;
    color: white;
    margin-left:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-google:before {
    vertical-align: top;
    font-size: 22px;
    position: relative;
    font-family: 'Glyphicons Social', sans-serif;
    font-style: normal;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 9px;
    color: white;
    margin-left:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-linked-in:before {
    vertical-align: top;
    font-size: 22px;
    position: relative;
    font-family: 'Glyphicons Social', sans-serif;
    font-style: normal;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 9px;
    color: white;
    margin-left:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ab-glyph-menuitem:before {
	display: inline-block;
	width: 22px;
}

.ab-glyph.x05:before {
	font-size: 12px;
}

.ab-glyph-add-new:before {
    top: -3px;
}

.glyphicons-file:before {
    position: relative;
    top: -6px;
}

.glyphicons-global:before {
    top: -3px;
    position: relative;
}

/* ===  ab-glyph icon content === */
.ab-glyph-add-new:before{content:"\002B";}
.ab-glyph-minus:before{content:"\2212";}
.ab-glyph-get-tags:before{content:"\E118";}
.ab-glyph-edit:before{content:"\E031";}
.ab-glyph-edit-after:after{content:"\E031";}
.ab-glyph-edit-gear:before{content:"\E137";}
.ab-glyph-edit-gear-after:after{content:"\E137";}
.ab-glyph-new-win:before{content:"\E390";}
.ab-glyph-tools:before{content:"\E281";}
.ab-glyph-lock:before{content:"\E204";}
.ab-glyph-unlock:before{content:"\E205";}
.ab-glyph-logout:before{content:"\E388";}
.ab-glyph-home:before{content:"\E021";}
.ab-glyph-dashboard:before { content:"\E021"; }
.ab-glyph-settings:before { content:"\E137"; }
.ab-glyph-publishers:before { content:"\E087";/*color:#711717;*/ }
.ab-glyph-publisher:before { content:"\E087";/* color:#711717;*/}
.ab-glyph-keyword-targets:before { content:"\E607"; }
.ab-glyph-zone:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0041"; }
.ab-glyph-campaign:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0048"; }
.ab-glyph-campaign-banner:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0048"; }
.ab-glyph-campaign-text:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\004a";
}
.ab-glyph-campaign-vast:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\004b";
}
.ab-glyph-campaign-assignment:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\004f";
    top: 0;
    font-size: 30px;
}
.ab-glyph-zone-assignment:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0050";
    top: 0;
    font-size: 30px;
}
.ab-glyph-close:before { content: "\E208"; }
.ab-glyph-advertisers:before { content:"\E354"; }
.ab-glyph-advertiser:before { content:"\E354";/*color:#175D97*/ }
.ab-glyph-links:before { content:"\E051"; }
.ab-glyph-targets:before { content:"\E734"; }
.ab-glyph-geotargets:before { content:"\E341"; }
.ab-glyph-platformtargets:before { content:"\E337"; }
.ab-glyph-isp:before { content: "\E047"; }
.ab-glyph-calendar:before { content: "\E046"; }
.ab-glyph-medialibrary:before { content:"\E145"; }
.ab-glyph-mediagroup:before { content:"\E145 ";
    font-size: 15px;
    top: -1px;
}
.ab-glyph-reports:before { content:"\E040"; }
.ab-glyph-statistics:before { content:"\E042"; }
.ab-glyph-statforecast:before { content:"\E041"; }
.ab-glyph-statsclicks:before { content:"\E152"; }
.ab-glyph-statssummary:before { content:"\E043"; }
.ab-glyph-statsbanners:before { content:"\E267"; }
.ab-glyph-statscampaign:before { content:"\E309"; }
.ab-glyph-users:before { content:"\E044";font-size: 19px;top:-5px; }
.ab-glyph-help:before { content:"\E195"; }
.ab-glyph-banner:before { content:"\E267"; }
.ab-glyph-text:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0043";
}
.ab-glyph-vast:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0044"; }
.ab-glyph-popup:before { content:"\E181"; }
.ab-glyph-move:before { content:"\E419"; }
.ab-glyph-branding:before { content:"\E140"; }
.ab-glyph-adduser:before { content:"\E007"; }
.ab-glyph-user:before { content:"\E265"; }
.ab-glyph-editpermissions:before { content:"\E045"; }
.ab-glyph-download:before { content:"\E182"; }
.ab-glyph-refesh:before { content:"\E082"; }
.ab-glyph-refresh:before { content:"\E082"; }
.ab-glyph-search:before { content:"\E028"; }
.ab-glyph-share:before { content:"\E223"; }
.ab-glyph-ok:before { content:"\E207"; }
.ab-glyph-flash:before { content:"\E009";font-size: 15px; }
.ab-glyph-img:before { content:"\E012";font-size: 15px; top:-1px; }
.ab-glyph-remove:before { content:"\E208";font-size: 15px; }
.ab-glyph-pause:before { content:"\E175"; }
.ab-glyph-play:before { content:"\E174";}
.ab-glyph-error-exclamation:before { content:"\E197";}
.ab-glyph-warning:before { content:"\E197"; opacity: 0.4; }
.ab-glyph-email:before {
    font-family: 'AdButler-Admin', sans-serif;
    content:"\0042";}
.ab-glyph-channels:before { content:"\E692"; }
.ab-glyph-vastchannels:before { content:"\E692"; }
.ab-glyph-filter:before {content: "\E321";}
.ab-glyph-bidders:before {content: "\E329";}
.ab-glyph-ticket:before {content: "\E066";}
.ab-glyph-statements:before {content: "\E040";}
.ab-glyph-change-sub:before {content: "\E083";}
.ab-glyph-facebook:before {content: "\E031";}
.ab-glyph-google:before {content: "\E003";}
.ab-glyph-linked-in:before {content: "\E018";}
.ab-glyph-star:before {content: "\E050";}
.ab-glyph-bell:before {content: "\E334";}
.ab-glyph-lightbulb:before {content: "\E065";}
.ab-glyph-templates:before {content:"\E319";}
.ab-glyph-send:before {content:"\E422";}
.ab-glyph-pencil:before {content:"\E031";}
.ab-glyph-note:before {content:"\E040";}
.ab-glyph-trash:before {content:"\E017";}
.ab-glyph-programmatic:before {content:"\E464";}
.ab-glyph-phone:before {content:"\E164";}
.ab-glyph-monitor:before {content:"\E087";}

.ab-glyph-template:before {
    content: "\E156";
}

.ab-glyph-self-serve:before,
.ab-glyph-marketplaces:before {
    content: "\E156";
}

.ab-glyph-wizard:before {
    content: "\E010";
}

.ab-glyph-right:before {
    content: "\E224";
}

.ab-glyph-left:before {
    content: "\E225";
}

.ab-glyph-floppy-save:before {
    content: "\E445";
}

/* == buttons for assign campaign, assign zone == */

.ab-glyph-button.assign-button-fix:before{
	top:1px;
	left:14px;
}

/* ======================================= */
/* floating loading box */
#content-loading { display: none; position: absolute; width: 100%; top: 0; left: 0; height: 64px; text-align: center; z-index:1002; }
#content-loading-text {
	display: inline-block; position: relative; height: 24px; line-height: 24px; padding:0 10px; margin: 10px 0;
	text-align: center; font-size: 12px; font-weight: bold;
	background-color: #FFFFD5; color: black; border: 1px solid #ECD352;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* ======================================= */
/* sidebar buttons */
x#content-right .context-buttons .button-wrap { margin-bottom:10px; }
.button-wrap + .button-wrap { margin-top: 10px; }
x#content-right .context-buttons .button-wrap.last { margin:0; }
#content-right .context-buttons button { width:100%; margin: 0; }
#content-right .context-buttons,
#content-right .context-buttons button { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* ======================================= */
/* top bar def */
#viewport-top { border-bottom:1px solid #087FFD; background:#087FFD; }
#content-top { color:#FEFEFE;  z-index: 980; } /* was at 990 */
#top-logo-wrap { xfloat:left; min-width:260px; padding: 0; height:64px; line-height:64px;  position:relative; z-index: 990; }
#top-logo-wrap a { font-size:24px; font-weight:bold; color:#FEFEFE;  display:block; width:100%; padding-left: 28px;
	background:transparent url('/css/images/header_bg_01_shade.png') bottom left repeat-x;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    height: 64px; }
#top-logo-wrap a img { vertical-align: middle; }
#top-logo-wrap a:hover { background:transparent url('/css/images/header_bg_01_hover.png') bottom left repeat-x; }

#top-icon-wrap { float:left; height:64px; xborder-left:1px solid #C05D00;  }
#top-icon-wrap a { float:left; cursor:pointer; border-right: 0px solid #C05D00;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#top-icon-wrap a:hover { background:transparent url('/css/images/header_bg_01_shade.png') bottom left repeat-x; }

#top-account-info { float:right; padding-right:15px; height:64px; line-height:64px; color:white; font-weight:bold; font-size:16px; }

/* ======================================= */
/* notifications */
#content-top-nav { xfloat:right; border-top:1px solid transparent; font-size:14px; line-height:1.42857; order:10 }
#content-top-nav ul { list-style: none; }
#content-top-nav li { list-style: none; }
#content-top-navlist { margin: 14px; }
#content-top-navlist > li { xfloat:left; position:relative; height: 36px; border-radius:3px; background:#fff; border: 1px solid #ececec; display: inline-block; }
#content-top-navlist > li > a { display:block; padding:7px 16px; color:#666; }
#content-top-navlist > li > a .inner { vertical-align:middle; text-transform: uppercase; font-size: 12px; letter-spacing: 0.8px;}
#content-top-navlist > li > a img { padding-left: 8px; }
#content-top-navlist > li:first-child { margin-right: 8px; }
#content-top-navlist > li:first-child > a {  }
#content-top-navlist > li:last-child > a {  }
#content-top-navlist > li.active,
#content-top-navlist > li:hover { background:#eee; border-radius:3px; }


.notification-count {
	display:inline-block; box-sizing:border-box; border-radius:10px;
	background:#ddd; color:white;
	padding:0; margin-left:6px; height:20px; width:20px; text-align:center;
	font-size:12px; line-height:21px;
	vertical-align:middle;
}
.notification-count * { vertical-align:bottom; }
.content-top-nav-item + .content-top-nav-item {  }

.notification-box {
	display:none;
	color:#444;
	position: absolute;
	margin-top: 10px;
	top: 36px;
	right: 0;
	width: 400px;
	border: 1px solid rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 1001;
    border-radius: 4px;
}
.notification-box>.arrow,
.notification-box>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.notification-box>.arrow:after {
	border-width: 10px;
	content: "";
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.notification-box .arrow {
	border-width: 11px;
	right:50px;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,.25);
	top: -11px;
}

#help-center-menu .arrow {
    right: 12px;
}
.notification-box .content,
.notification-box .content-empty {
	background:#fff;
    border-radius: 4px;
    overflow: hidden;
}

.notification-item {
	padding: 9px 14px; cursor:pointer;
	-webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    position: relative;
    overflow: hidden;
}
.notification-item:hover { background:#f6f6f6;  }
.notification-item .pad { padding-left:25px; }
#help-center-menu .notification-item .pad { padding-left:15px; }
.notification-item .pad .status-icon { float:left; padding-top:2px; font-size:16px; margin-left:-25px; }
.notification-item .heading { font-weight:bold; display: inline; }
.notification-item .note { color:#666; font-size:13px; }
.notification-item + .notification-item { border-top:1px solid rgba(0, 0, 0, .1); }
.empty-notification-item .empty-pad { padding:10px 20px; font-style:italic; }

#btn-notification.has-unread .notification-count { background:#EB2700; }
.notification-item.unread .status-icon { color: #087FFD; }

.content-header {
    padding: 9px 14px;
    font-size: 16px;
    border-bottom: 1px double rgba(0, 0, 0, .1);
}
/* ======================================= */
/* user options menu */
#user-menu-test { display: inline-block; position:absolute; z-index:1000;
    background:#fff;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 4px;
    min-width: 175px;
    width: 100%; }
#user-menu-test *, #content-user .name { -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; }
#user-menu-test .item-wrap { background:#fff; color:#333; padding:3px 0; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#user-menu-test .item-wrap { padding: 5px; }

#user-menu-test .name-wrap { padding-bottom:8px; width:100%; }
#user-menu-test .name { position:relative; white-space:nowrap; font-size:14px; font-weight:bold; cursor:pointer; padding-right: 32px; overflow:hidden; text-overflow:ellipsis; }
#user-menu-test .position { color:#999; font-size:12px; }
#user-menu-test .avatar { height:40px; width:40px; float:left; margin-left: -50px; background:#E77103; }
#user-menu-test .avatar, #user-menu-test .avatar img { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#user-menu-test .icon-wrap { display:inline-block; position:absolute; right:0; top:0; }

#user-menu-test .item { padding: 9px 14px; margin:2px 0; cursor:pointer; font-size:14px; }
#user-menu-test a { color: #333; }
#user-menu-test a:hover { color: #222; }
#user-menu-test a:hover .ab-glyph-small { text-decoration: none; }
#user-menu-test a:hover .item { background-color: #f3f3f3; }
#user-menu-test .item .ui-icon { float:left; margin-left:-20px; }
#user-menu-test .item.divider { padding: 9px 14px; border-bottom: 1px solid rgba(0, 0, 0, .1); }

/* ======================================= */
/* breadcrumbs */
.breadcrumb-wrap { margin-bottom:15px; line-height:16px; font-size:16px;  }
.breadcrumb-item { padding-right:2px; padding-bottom:2px; vertical-align:bottom; display:inline-block; white-space:nowrap; max-width:150px; overflow:hidden; text-overflow:ellipsis; }
.breadcrumb-item.last { max-width: 250px; }
.breadcrumb-item a { color:#666; }
.breadcrumb-item a:hover { color:#000; }
.breadcrumb-separator { display:inline-block; vertical-align:bottom; color:#50494D; padding-bottom:2px;  margin:0 10px 0 5px; }
.breadcrumb-separator.home { margin-left: 5px; }

/* ======================================= */
/* content heading */
.content-heading { font-size:28px; font-weight:bold; padding-left: 54px; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; }

.content-heading-icon {
    float: left;
    margin-left: -54px;
    font-size: 32px;
}
.ab-glyph.content-heading-icon:before { font-size: 32px; top:-2px; }
.content-sub-heading { font-size:26px; height:28px; line-height:28px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.groupBoxBody,/* remove groupBoxBody at some point */
.content-section-wrap { margin-bottom: 50px; }
.groupBoxActions button, /* remove groupBoxActions this at some point */
.content-section-buttons button { margin-left:0; }

/* ======================================= */
/* custom dialog boxes */
.ui-dialog { padding:0; border:0; }
.ui-dialog .ui-dialog-titlebar { border:0; border-bottom: 1px solid #E6E6E6; background:#444; color: white;
	border-bottom-left-radius:0; border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; }
.ui-dialog.modal .ui-dialog-titlebar .ui-icon { background-image:url(/js.ln/jquery/css/adbutler-orange/images/ui-icons_ffffff_256x240.png); }
.ui-dialog.modal .ui-dialog-title { margin:3px 0 2px 0; font-size:16px; font-weight:normal; }
.ui-dialog.alert .ui-dialog-titlebar { display:none; }
.ui-dialog.modal .ui-dialog-titlebar-maximize { position:absolute; right:26px; width:19px; height:18px; padding:1px; margin:-10px 0 0 0; top:50%;  }
.ui-dialog.modal .ui-dialog-titlebar-maximize span { display:block; margin:1px; }
.ui-dialog.modal .ui-dialog-content { font-size:100%; padding:15px; }
.ui-dialog.modal .ui-dialog-content .ui-helper-hidden-accessible { display:none; }
.entity-overview.ui-buttonset { margin-right: 4px; }
.ui-dialog.modal .ui-dialog-buttonset .loading { display:none; position:relative; line-height:1.4; padding: 0 1em; vertical-align:middle; overflow:visible; margin: 0.5em 0.4em 0.5em 0px; }
.ui-dialog.modal .ui-dialog-buttonset .loading.visible { display:inline-block; }

/* ======================================= */
/* table cell defaults */
table.field-list  { margin:0; width:100%; font-size:14px; }
.field-list td.label-cell,
.field-list td.field-cell,
.field-list td.help-cell { vertical-align:top; padding:5px 0; height:24px; line-height:24px; }
.field-list tr.first td.label-cell, .field-list tr.first td.field-cell { padding-top:5px; }
.field-list tr.last td.label-cell, .field-list tr.last td.field-cell { padding-bottom:5px; }
.field-list td.label-cell { width:180px; text-align:left; font-weight:normal; }
.field-list td.field-cell { }
.field-list td.field-cell input[type=text],.field-list td.field-cell input[type=password] { width:90%; }
.field-list td.field-cell input[type=radio],.field-list td.field-cell input[type=checkbox] { position:relative; top:1px; }
.field-list td.field-cell input,
.field-list td.field-cell select,
.field-list td.field-cell textarea{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.field-list td.field-cell.addbutton { padding-left:0; }

.field-list td.field-cell .field-error { border: 1px solid #EB0000; }

/* ad properties table */
#entity-properties .field-cell button { margin:0; }
.entity-heading { padding:5px 8px; margin-bottom: 15px; cursor:pointer; font-size:16px; font-weight:bold;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background-color: #F6F6F6; border: 1px solid #DDD; }
.entity-heading .icon-wrap { float:right; margin-top:2px; }
.entity-field-explanation { padding:4px 8px; margin-top:7px; line-height:16px; background-color:#EEE; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.entity-field-explanation p { margin-top:3px; margin-bottom:3px; }
.entity-field-explanation .explanation-title { margin-top:3px; margin-bottom:3px; font-weight:bold; }

.ad-properties.field-list { width:100%; }
.ad-properties.field-list td.label-cell,
.ad-properties.field-list td.field-cell { padding:8px 0 8px 0; height:28px; line-height:28px; }
.ad-properties.field-list td.label-cell { padding-left:7px; }
.ad-properties.field-list td.field-cell { padding-right:7px; }

.ad-properties.field-list td.label-cell { width:140px; color: #444; font-size:14px; font-weight:normal; padding-right:20px;  }
.ad-properties.field-list td.field-cell { }

.ad-properties.field-list td.field-cell button { margin-left:0; }
.ad-properties.field-list td.field-cell label { cursor:pointer; }
.ad-properties.field-list td.field-cell input[type=text] { width:100%; height:28px; }
.ad-properties.field-list td.field-cell input[type=password] { width:100%; height:28px; }
.ad-properties.field-list td.field-cell input { padding:4px 6px; }
.ad-properties.field-list td.field-cell select { padding:3px 3px; height:28px; max-width:700px}
.ad-properties.field-list td.field-cell textarea { width:100%; height:150px; }
.ad-properties.field-list td.field-cell .button { vertical-align:top; }
.ad-properties.network-settings-table,
.ad-properties.sparklit-only-table { margin-bottom: 48px; }

/* ad details table */
.ad-details.field-list td.label-cell,
.ad-details.field-list td.field-cell { padding:7px 0 7px 0; height:16px; vertical-align:top; line-height:16px;}
.ad-details.field-list td.label-cell { width:140px; color: #444; font-size:14px; font-weight:normal; padding-right:20px;  }
.ad-details.field-list td.label-cell { padding-left:7px; }
.ad-details.field-list td.field-cell { padding-right:7px; }
.ad-details.field-list td.label-cell { text-align:left; color:#000; font-weight:normal; }
.ad-details.field-list td.field-cell {}
.ad-details.field-list td.field-cell.addbutton { padding-left:0; }


/* generic modal styles */
.ui-dialog.modal { position:fixed; -webkit-transform: translateZ(0); }
.modal-table.field-list td.label-cell, .modal-table.field-list td.field-cell { padding:4px 0; }
.modal-table.field-list td.label-cell { width:125px; text-align:left; color:#000; font-weight:normal; }
.modal-table.field-list td.field-cell { }
.modal-table.field-list td.field-cell input[type=text] { width:90%; }
.modal-table.field-list td.field-cell.addbutton { padding-left:0; }
.modal-table.field-list td.field-cell .button { padding:2px 5px; font-size:14px; line-height:18px; height: 24px; vertical-align:top; }

.modal-left-button { position: absolute; left: 15px; }
.modal-link-button { background: none !important; border: none !important; }
#link-button.modal-link-button:hover { background: none !important; border: none !important; color: #1A6AE4; text-decoration: underline; text-decoration-color: #1A6AE4; }
#link-button.modal-link-button:active, #link-button.modal-link-button:focus { background: none !important; border: none !important; }
.modal-link-button .ui-button-text { color: #087ffd; padding-left: 0; }

/* placement details mini-table */
.placement-details-table.field-list { margin:10px 0 0 0; display:inline-block; opacity:0.5; }
.placement-details-table.field-list td.label-cell,
.placement-details-table.field-list td.field-cell,
.placement-details-table.field-list td.summary-cell{ padding:2px; }
.placement-details-table.field-list td.summary-cell { border-top:1px solid #ccc; }
.placement-details-table.field-list td.label-cell { width:10px; text-align:left; color:#000; font-weight:normal; }
.placement-details-table.field-list td.field-cell { }
.placement-details-table.field-list td.field-cell input[type=text] { width:90%; }
.placement-details-table.field-list td.field-cell.addbutton { padding-left:0; }


/* ======================================= */
/* product buttons */
.button { display: inline-block; line-height:18px; height: 28px; padding: 4px 16px; margin-left: 5px; margin-right: 5px; font-size: 14px; border: 1px solid #D0D0D0; white-space:nowrap; }
.button:hover { background: #CC6200; border-color: #CC6200; color: #fff; }
.button:active { background: #B25300; border-color: #CC6200; color: #fff; }

.button.button-icon { padding: 4px 12px 4px 28px; }
.button.button-icon .ui-icon { margin-left: -20px; float:left; }
.button.button-icon:hover .ui-icon { margin-left: -20px; float:left; background-image:url(/js.ln/jquery/css/adbutler-orange/images/ui-icons_ffffff_256x240.png); }

.button.button-special { background: #087ffd; color:white; border-color: #087ffd; }
.button.button-special:hover { background: #1A6AE4; }
.button.button-special:active { background: #1A6AE4; }
.button.button-tall { height: 44px; }

.button-dark { border-color: #555; background: #555; color:white; }
.button-dark .ui-icon { background-image:url(/js.ln/jquery/css/adbutler-orange/images/ui-icons_ffffff_256x240.png); }
/*.button.button-green { background: #00AA0C; color:white; border-color: #00AA0C; }*/
/*.button.button-green:hover { background: #00AA0C; }*/
/*.button.button-green:active { background: #008E09; }*/

.white-icons .ui-icon { background-image:url(/js.ln/jquery/css/adbutler-orange/images/ui-icons_ffffff_256x240.png); }

/* ======================================= */
/* login style */
.login-cnt-outer { margin: 10px auto 10px; width:320px; background-color:#FFFFFF; }

.login-cnt { padding:10px 0; }
.login-cnt .label { color:#444444; margin-bottom: 3px; }

.login-user { margin-bottom:10px; }
.login-user-label {}
.login-user input, .login-email input { font-size:24px; width:320px; padding:2px 5px; }

.login-pass { margin-bottom:10px; }
.login-pass-label {}
.login-pass input { font-size:24px; width:320px; padding:2px 5px; }

.login-type { margin-bottom:7px; }
.login-type-label {}
.login-type select { font-size:20px; width:320px; padding:3px 1px; }

.login-pass-remind { float:left; font-size:11px; line-height:2em; margin-top:12px; }

.login-submit { float:right; line-height:2em; margin-top:5px; }
.login-submit button { margin:0; }

.login-cancel { float:left; line-height:2em; margin-top:10px; }
.login-cancel button { margin:0; }

.login-cnt-top { margin:0 auto 0; text-align: center; padding: 3em 0 10px 0; }
.login-cnt-top h1.title { margin:1em 0 0 0; }
.login-cnt-bot { width:320px; margin:0 auto 7em; font-size:0.75em; padding: 0 10px; }


/* == */
/* target specific css */
.platform-option-row .nowrap { white-space:nowrap; }

#device-target-wrap { position:relative; }
#device-target-list-wrap { position:absolute; display:none; top:100%; margin-top:2px; width: 400px; max-height:180px; overflow-y:auto; border:1px solid #ccc; border-radius:4px; background:white; z-index:99999; }
#device-target-list-label { padding:4px 8px; }
#device-target-list-wrap ul, #device-target-list-wrap li { list-style:none; margin:0; padding:0; }
#device-target-list-wrap li { border-top: 1px solid #ccc; }
#device-target-list-wrap li.device-item { cursor:pointer; }
#device-target-list-wrap li .liner { padding:4px 8px; line-height:20px; opacity:0.5; }

.modal-table #device-target-list-wrap { position:relative; height:180px; }

/* smooth delivery css */
.smooth-delivery-warning { border: 1px solid #f0f0f0; padding:10px 15px; margin-bottom:30px; background:#f6f6f6; }
.smooth-delivery-warning .intro-warning { color:#cc3300; font-weight:bold; font-size:18px; line-height:30px; margin-bottom:10px; }
.smooth-delivery-warning .intro-warning .glyphicons { font-size:22px; top:0; margin-right:10px; }
.smooth-delivery-warning .intro-warning > * { vertical-align:middle; }
.smooth-delivery-warning .intro-text { margin-bottom:15px; }
.smooth-delivery-warning .warning-row { border-top: 1px solid #e6e6e6; }
.smooth-delivery-warning .warning-row .inner { padding:10px 55px 10px 5px; }
.smooth-delivery-warning .warning-row .source-span { opacity:0.6; }

.smooth-delivery-warning .edit-link { position:absolute; right:10px; top:10px; line-height:1; opacity:0.3; }
.smooth-delivery-warning .edit-link a:hover { text-decoration:none; }
.smooth-delivery-warning .edit-link .glyphicons { font-size:16px; vertical-align:bottom; position: relative; top: 6px; }

.smooth-delivery-warning .warning-row.hidden { display:none; }
.smooth-delivery-warning .warning-row:hover { background-color:#f0f0f0; border-top: 1px solid #e0e0e0; }
.smooth-delivery-warning .warning-row:hover .edit-link { opacity:1; }

.smooth-delivery-warning .expand-all-row { padding:5px; border-top:1px solid #e6e6e6; }

/* ======================================= */
/* hover tooltip */
#hover-tip, .hover-tip {
	background:#444444; color:white; font-size:13px;
	padding: 5px 6px 5px 6px; max-width:240px;
	border-width:2px; border-color:#444444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	-o-box-shadow: 0 0 1px #aaa;
	-moz-box-shadow: 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 1px #aaa;
	box-shadow: 0 0 1px #aaa;
}
#hover-tip p:last-child,
.hover-tip p:last-child {
	margin-bottom:0;
}
#hover-tip {
	position:absolute; display:inline-block;
	/*overflow:hidden; text-overflow:ellipsis;*/
	display:inline-block;
	xz-index: 10000;
}
#hover-tip-uparrow {
	position:absolute;
	top: -4px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #444;
}
#hover-tip-downarrow {
	position:absolute;
	bottom: -4px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #444;
}
#hover-tip-leftarrow {
	position:absolute;
	left: -4px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #444;
}
#hover-tip-rightarrow {
	position:absolute;
	right: -4px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #444;
}

/* ======================================= */
/* publisher ui css */
.zoneTagQuickViewWrap { }
.zoneTagQuickViewWrap.spinner { xbackground: transparent url(http://www.sparkimg.com/blog/icons/spinner_16.gif) center center no-repeat; }
.zoneTagQuickViewWrap.spinner a { xvisibility: hidden; }


/* ======================================= */
/* old details table css - consider removal? */
.ed-dt { width:100%; border:1px solid #D1D1D1; border-collapse:collapse;border-spacing:0; }/*C9C9C9*/
.ed-dt th { background-color:#F0F0EE; text-align:left; font-weight:bold; }
.ed-dt-odd { background-color:#F8F8F8; }
.ed-dt-even { background-color:#FFFFFF; }
.ed-dt td, .ed-dt-bot-head { padding: 5px 5px 5px 5px; vertical-align:top; border-top:1px solid #dddddd; }
.ed-dt td { font-size:0.857em;/*14x0.857=12*/ }
.ed-dt th { padding:5px 5px 5px 5px; }
.actions { visibility:hidden; }
.ed-dt tr:hover { background-color:#F3F3F3; }
.ed-dt tr:hover .actions { visibility:visible; }
th.ed-dt-first, td.ed-dt-first { padding: 5px 5px 5px 5px; }
td.ed-dt-first { font-weight:bold; width:25%; }
.ed-name-cell { font-size:1.167em; font-weight:bold; }
.ed-dt td a, .ed-dt td a:visited { color:blue; font-size:0.857em;/*14x0.857=12*/ }


/* ======================================= */
/* zone banner/campaign/popup meta information */
.dt-link-wrap{position:relative;}
.dt-link-icon{border:0;padding:0;margin:0;position:relative;margin-left:-20px;top:3px;float:left;}
.dt-link {xpadding:3px;xfont-size:16px;xline-height:1.25;}
.dt-link-meta {font-size:12px;padding-top:2px;}
.dt-link-meta-tag {color:#777;margin-left:2px;}

/* ======================================= */
/* stats graph tooltips */
#stats-hover-tip {
	font: 14px Calibri, Tahoma, sans-serif;
	opacity: 0.95;
	position: absolute;
	display: none;
	border: 2px solid #444;
	padding: 3px 4px;
	background-color: #444;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.stats-overview-graph-wrap { border-top:1px solid #EFEFEF; padding-top:25px; margin-top:10px; margin-bottom:50px; }


/* ======================================= */
/* vast banner edit */
.vast-tab-container { width: 100%; height: 55px;}
.vast-tab-container .tab { background-color: #f6f6f6;}
.vast-tab-container .outer { float: left; cursor: pointer; text-align: center;}
.vast-tab-container .inner { padding: 16px 0px 16px 0px; white-space: nowrap; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */}
.vast-tab-container .selected { background-color: #DDDDDD;}
.vast-tab-container .first { border-top-left-radius: 10px 10px; border: 1px solid #DDDDDD;}
.vast-tab-container .last { border-top-right-radius: 10px 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.vast-tab-container .middle { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.vast-tab-container .errorClass { border: 1px solid #EB0000}


#non-linear-tab {}
#companion-container { margin-top: 10px;}

.vast-media-preview{ border-radius: 10px 10px; border: 1px solid #DDDDDD; padding: 5px; margin-right: 5px; text-align: center; display:inline-block;}
.vast-media-count-cell{ padding-right: 10px; width: 100px;}
.vast-media-entity-row{ padding-left: 7px; padding-right: 7px; padding-bottom: 5px; margin-bottom: 5px; background-color: #fff; border: 1px solid #b4b4b4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0; color: #333; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(168,168,168,.4); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(168,168,168,.4); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(168,168,168,.4);}
.vast-button-container{ margin: 5px 7px 5px 7px;}
.add-vast-button-container{ margin: 15px 5px 5px 5px;}

.vast-add-entity-row {
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    color: #333;
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(168, 168, 168, .4);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(168, 168, 168, .4);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(168, 168, 168, .4);
    cursor: pointer;
}

.vast-add-entity-row-hover{
    background-color: #eee;
}

.vast-button-span{
    float:right; cursor:pointer;
}

select.media-choice-wrapper{
	max-width:300px!important;
}

/* Statistics Main*/
.dashboard-container { width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dashboard-content { clear: left; float: left; width: 100%; }
.dashboard-content .inner { }
.dashboard-content .section-wrap { }
.section-wrap { margin-bottom: 40px; }
.info-table { width: 100%; }
.info-table td { padding: 3px 0; }
.info-table .info-title { width: 50px; vertical-align: top; }
.info-table .info-data { xvertical-align: top; }
.info-table .info-data input { width:100%; }


/* Dashboard */
.agenda-table { width: 100%; }
.agenda-table .info-cell, .agenda-table .no-events-cell,
.agenda-table .cell { padding: 10px; vertical-align: top; }
.agenda-table .cell.event-date,
.agenda-table .cell.event-type { white-space: nowrap; }
.agenda-table .cell.event-details a { color:#999; }
.agenda-table .no-events-cell { text-align: left; }
.agenda-table .info-cell { text-align: right; }
.agenda-table th.cell { text-align: left; }
.agenda-table tr .cell { border-bottom: 1px solid #D0D0D0; }
.agenda-table .cell.event-date,
.agenda-table .cell.event-type { width:1%; }
.agenda-table .cell.event-type { text-align: center; }
.agenda-table .cell.type-start { background-color: #DCF2DA; }
.agenda-table .cell.type-end { background-color: #F4DCDC; }
.agenda-table .cell.event-details { padding-left: 36px; } /* 10x + 16px + 5px */
.agenda-table .event-icon { float:left; position: relative; width:16px; height:16px; margin-left:-21px; }
.agenda-table .event-icon img { margin:0; padding:0; border:0; }

.dashboard-container { width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dashboard-container .dashboard-column { clear:right; float:right; position: relative; width: 260px; }
.dashboard-container .dashboard-column .section-wrap { width:100%; }
.dashboard-container .dashboard-content { xclear: left; xfloat: left; width: 100%; xmargin-right: -280px; }
.dashboard-container .dashboard-content .inner { xmargin-right: 280px; }
.dashboard-container .dashboard-content .section-wrap { }
.dashboard-container .section-wrap { }
.dashboard-container .section { margin-bottom: 40px; }
.dashboard-container .section-title { margin-bottom: 20px; }
.dashboard-container .section-content {}
.dashboard-container .agenda .section-title { margin-bottom: 0; }

.accountstats p { margin-bottom: 15px; }
.accountstats .last { margin-bottom:0; }
.accountstats em { font-size:16px; font-weight:bold; }

.entity-overview label.ui-button { font-size:12px; border-right-width:0; }
.entity-overview label.ui-button.ui-corner-right { border-right-width: 1px !important; }

.permission-table { width: 100%; }
.permission-table td{ padding: 5px 5px 10px 0; }
.permission-table .permission-title { vertical-align: top; }
.permission-table .permission-title button { margin-left:0; }
.permission-table .permission-title-text { font-weight: bold; }
.permission-table .permission-data { width: 30px; vertical-align: top; }

/* Browser Targeting*/
.platformtarget-radio-wrap label {
    white-space:nowrap;
}
label.platformtarget-inline-label {
    margin-right: 10px;
}
label.platformtarget-inline-label:last-child {
    margin-right: 0;
}

.browsertarget-options,
.operatingsystemtarget-options { margin-top:5px; xdisplay:none; }
#browsertarget-mode-wrap.disabled,
#operatingsystemtarget-mode-wrap.disabled { color:#aaa; }
#device-target-mode-wrap.disabled { color:#aaa; }
.browsertarget-options .options-heading,
.operatingsystemtarget-options .options-heading { font-style:italic; color:#999; }
.nowrap { white-space:nowrap; }
#browsertarget-options-wrap,
#operatingsystemtarget-options-wrap { display:none; }

/* overview graph */
.entity-overview label.ui-button { font-size:12px; border-right-width:0; }
.entity-overview label.ui-button.ui-corner-right { border-right-width: 1px !important; }

/* statistics sidebar input */
#statsConfigTable { margin:0; width:100%; }
#statsConfigTable td { vertical-align: top; padding: 0 5px; height: 30px; line-height: 30px; }
#statsConfigTable tr.first td { xpadding-top: 5px; }
#statsConfigTable td.label { width: 60px; text-align: left; color: #000; font-weight: bold; }
#statsConfigTable td.configuration { }
#statsConfigTable td.buttons { padding:0; text-align:left; }
#statsConfigTable td.buttons button { margin: 10px 0 0 0; width:100%; }
#statsConfigTable td.fullrow { }
#statsConfigTable td.fullrow input { }
#statsConfigTable td.fullrow label { }
#statsConfigTable tr.rangerow { display: none; }
#statsConfigTable tr.presetrow { }
#statsConfigTable label { cursor:pointer; }

/* statistics forecast input */

#statsConfigTableForecast { margin:0; width:100%; }
#statsConfigTableForecast td { vertical-align: top; padding: 0 5px; height: 30px; line-height: 30px; }
#statsConfigTableForecast tr.first td { xpadding-top: 5px; }
#statsConfigTableForecast tr.last td { xpadding-bottom: 5px; }
#statsConfigTableForecast td.label { width: 80px; text-align: left; color: #000; font-weight: bold; }
#statsConfigTableForecast td.configuration { }
#statsConfigTableForecast td.buttons { padding:0; text-align:center; }
#statsConfigTableForecast td.buttons button { margin: 10px 0 0 0; }
#statsConfigTableForecast td.fullrow { }
#statsConfigTableForecast td.fullrow input { }
#statsConfigTableForecast td.fullrow label { }
#statsConfigTableForecast tr.rangerow { display: none; }
#statsConfigTableForecast tr.presetrow { }
#statsConfigTableForecast label { cursor:pointer; }

/* first time splash*/
#first-time-wrap { border-radius: 16px; margin: 0 0 32px; padding: 0;
    display: flex; flex-direction: column; border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
}
#first-time-wrap .first-time-row-item { padding: 24px; }
#first-time-wrap h1 { color: #087FFD; text-transform: uppercase; font-size: 16px; margin: 0 0 8px; }
#first-time-wrap .column-wrapper { display: flex; flex-direction: row; padding-top: 0; }

#first-time-wrap .column-wrapper .column { margin: 0; border-right: 1px solid #e2e2e2; flex-grow: 1; flex-shrink: 1; flex-basis: 0; padding: 0 24px; }
#first-time-wrap .column-wrapper .column h2 { font-size: 14px; margin: 0;}
#first-time-wrap .column-wrapper .column p { font-size: 14px;  margin-bottom: 8px; line-height: 1.3; }
#first-time-wrap .column-wrapper .column img { width: 150px; margin: 0 auto; display: block; }
#first-time-wrap .column-wrapper .publishers-column { padding-left: 0; }
#first-time-wrap .column-wrapper .zone-tag-column { border-right: none; padding-right: 0; }
#first-time-wrap .footer-wrapper { border-top: 1px solid #e2e2e2; background-color: #fcfcfc; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;
    display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
#first-time-wrap .footer-wrapper span {  font-weight: bold; font-size: 14px; vertical-align: middle; line-height: 1; }
#first-time-wrap .footer-wrapper a { color: #087FFD; font-weight: bold; font-size: 14px; }
#first-time-wrap .footer-wrapper a .ab-glyph:before { color: #087FFD !important; font-size: 20px; }
#first-time-wrap .footer-wrapper button {
    height: auto;
    padding: 8px 32px;
    border-radius: 20px;
    background-color: #3A3C43;
    color: white;
}

    /* Reports */
#reportDetailsTable { margin: 0; width: 100%; }
#reportDetailsTable td { vertical-align: top; padding: 0 0 5px 0; height: 30px; line-height: 30px; }
#reportDetailsTable tr.first td { padding-top: 5px; }
#reportDetailsTable tr.last td { padding-bottom: 5px; }
#reportDetailsTable td.label { width: 140px; text-align: left; color: #000; font-weight: bold; }
#reportDetailsTable td.configuration { }
#reportDetailsTable td.configuration.addbutton { padding-left: 0; }
#reportTitle { width: 350px; }
#reportElementWrap {  margin-left: 0; padding: 0 5px; margin-bottom: 10px; }
#reportElementAddWrap { margin-left: 0; padding: 0 5px; }
.shareOptGroup { margin-bottom: 10px; padding-top: 5px; }
.shareOptText { margin-bottom: 5px; font-weight: bold; }
.shareOptField { margin-bottom: 5px; }
.shareOptField input, .shareOptField textarea { width: 100%; color: #555; padding: 5px 4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkik-box-sizing: border-box; }
/*.shareOptField textarea { height: 150px; }*/
.shareOptField { }
.shareOptHint { font-size: 0.8em; }
.shareOptDivider { width: 100%; height: 0; border-bottom: 1px solid #ddd; margin: 25px 0 20px 0; }
.shareSection { font-size: 1.2em; margin-bottom: 15px; font-weight: bold; }
.shareButtons { text-align: right;}
ul#campaignSearchList { xfont-size: 10px; list-style-type: none; margin: 0; padding: 0; width: 250px; }
ul#campaignSearchList li { background-color: #F2F2F2; border: 1px solid #ccc; }
ul#campaignSearchList li { height: 16px; line-height:16px; list-style-type: none; cursor: move; margin: 5px 0 3px 0; padding: 2px 3px; position: relative; }
ul#campaignSearchList div.inner {  overflow: hidden; white-space: nowrap; margin-right: 2.2em; }
ul#campaignSearchList .ui-state-highlight { background: #F9F9F9; border-style: dashed; border-color: #bbb; }
ul#campaignSearchList div.removeWrap { position: absolute; width: 1.6em; height: 12px; padding: 2px 3px; margin-right: 5px; right: 0; cursor: pointer; }
ul#campaignSearchList li span.close { position: absolute; top: 50%; margin-top: -8px; right: 0; cursor: pointer; }
ul#campaignSearchList li.ui-state-highlight { text-align: center; xline-height: 28px; }
ul#campaignSearchList li span.summaryDate { xfont-weight: bold; }



#elementSummary { font-weight: bold; }
.ui-autocomplete { width: 250px; max-height: 150px; overflow-y: auto; overflow-x: hidden; /* 256px width to account for autocomplete width adjustment when rendering */
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ui-autocomplete .ui-menu-item { text-align: left; }
.ui-menu-item { list-style: none; }

/* glossary help */

.glossary-term-wrap { margin-bottom:20px; margin-top:20px; border-bottom:1px solid #F2F2F2; }
.term-title { }
.term-definition { margin-bottom:20px; font-size:16px; color:#777; }

/* Quick Help */

.instruction-set-group { margin-bottom:64px; }
.step-guide-description { color:#666; }

.step-guide-table { width:100%; }
.step-guide-table th { padding:5px 8px; text-align:left; border-bottom:2px solid #E6E6E6; }
.step-guide-table td { padding:5px 8px; vertical-align:top; }
.step-guide-table tr:nth-child(even) td { background: #F6F6F6; }
.step-guide-table tr:last-child td { border-bottom:2px solid #E6E6E6; }

.step-num { width: 1%; white-space: nowrap; }
.step-action { width:45%; }
.step-result {}

/* Link Help */

#linkExample {
	text-align: center;
	padding: 10px;
	background-color: #F2F2F2;
	border: 1px solid #ccc;
	border-top-width: 0;
}
#linkExample a { text-decoration:underline; }
#linkHTML {
	display: block;
	font-family: 'courier new', monospace;
	font-size: 12px;
	width: 100%;
	height: 100px;
	border: 1px solid #ccc;
}
#recaptcha_area{margin-left:auto;margin-right:auto;}

/* Password Reset */

#adp-body-auth { overflow-y:scroll; height:100%; width: 100%; }
.adp-login-cnt-outer { margin: 10px auto 10px; width:340px; background-color:#FFFFFF; }
.adp-login-cnt-inner { border-top:1px solid #ddd;  border-left: 1px solid #ddd; border-right: 1px solid #ddd; position:relative; top:-1px; }
.adp-login-cnt { border-bottom:1px solid #ddd; position:relative; top:2px; }
.adp-login-cnt input, .adp-login-cnt select { background-color:#F9F9F9; border: 1px solid #ddd; }
.adp-login-cnt { padding:10px; }
.adp-login-cnt .label { color:#444444; margin-bottom: 3px; }
.adp-login-user { margin-bottom:7px; }
.adp-login-user-label {}
.adp-login-user input, .adp-login-email input { font-size:1.5em; width:320px; padding:2px 5px; }
.adp-login-submit { float:right; line-height:2em; margin-top:5px; }
.adp-login-submit button { display:block; height: 30px; font-weight:normal; }
.adp-login-cancel { float:left; line-height:2em; margin-top:5px; }
.adp-login-cancel button { display:block; height: 30px; font-weight:normal; }
.adp-login-cnt-top { margin:0 auto 0; text-align: center; padding: 3em 0 10px 0; }
.adp-login-cnt-top h1.title { margin:1em 0 0 0; }

/* Report Preview */
#flotTooltip {
	font: 14px Calibri, Tahoma, sans-serif;
	opacity: 0.95;
	position: absolute;
	display: none;
	border: 2px solid #666;
	padding: 3px 4px;
	background-color: #eee;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.report-header { margin: 10px 0; }
.report-logo { padding:0; margin:0; border: 0; }
.report-title { font-size: 26px; font-weight:normal; margin-top: 0; }

/* Report Share */

.shareOptGroup { margin-bottom: 15px; }
.shareOptText { margin-bottom: 5px; xfont-style: italic; }
.shareOptField { margin-bottom: 5px; }
.shareOptField input, .shareOptField textarea { width: 100%; color: #666; padding: 5px 4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkik-box-sizing: border-box; }
/*.shareOptField textarea { height: 150px; }*/
.shareOptField { }
.shareOptHint { font-size: 12px; }
.shareOptDivider { width: 100%; height: 0; border-bottom: 1px solid #ddd; margin: 25px 0 20px 0; }
.shareSection { font-size: 16px; margin-bottom: 15px; font-weight: bold; }
.shareButtons { text-align: right;}

.ui-autocomplete { }
.ui-autocomplete .ui-menu-item { text-align: left; }
.ui-menu-item {list-style:none}

/* Settings */
.settings-table td.field-cell button { margin:0; }
.settings-table table.bodyText td { padding:2px; }
.settings-table .upgradeLink { text-decoration:underline; font-weight:bold; }
.settings-table.field-list td.label-cell{ padding-left: 0; }
.ad-properties.field-list td.label-cell {
	width: 200px;
}
.settings-table .paid-feature::after { content:'$'; font-weight:600; color:#459645; margin-left:2px; }
.settings-table .legacy-feature::after { content:'$'; font-weight:600; color:#e2b500; margin-left:2px; }
.settings-table .trial-feature::after { content:'\00a7'; font-weight:600; color:#087FFD; margin-left:2px; }

.settings-table .right-align {
    text-align: right;
    padding-right: 15px;
}

/* Branding */

#brandingTable.disabled { opacity:0.6; }
.branding-field-color .branding-field {
	width: 75px !important; text-align:center;
}
.branding-colorbox-wrap { display: inline-block; }
.branding-colorbox { display: inline-block; height: 17px; width: 17px; margin-bottom: -4px; border: 1px solid black; }
.branding-colorbox.default { border-color: #999999; }
#presets-row .field-cell button { width:90px; }

.branding-button { line-height:17px; }
.branding-button.theme-orange,
.branding-button.theme-orange:hover { background:#D16500!important; border-color:#D16500!important; color:#FEFEFE!important; }
.branding-button.theme-gray,
.branding-button.theme-gray:hover { background:#483C32!important; border-color:#483C32!important; color:#FEFEFE!important; }
.branding-button.theme-blue { background:#087FFD!important; border-color:#087FFD!important; color:#FEFEFE!important; }
.branding-button.theme-blue:hover { background:#1A6AE4!important; border-color:#1A6AE4!important; color:#FEFEFE!important; }
.branding-button.theme-dark { background:#3A3C43!important; border-color:#3A3C43!important; color:#FEFEFE!important; }
.branding-button.theme-dark:hover { background:#087FFD!important; border-color:#087FFD!important; color:#FEFEFE!important; }


.branding-button.theme-red,
.branding-button.theme-red:hover { background:#8B0000!important; border-color:#8B0000!important; color:#FEFEFE!important; }
.branding-button .ui-icon { background-image:url(/js.ln/jquery/css/adbutler-orange/images/ui-icons_ffffff_256x240.png); }

/* Account Settings */
.accountstats p { margin-bottom: 15px; }
.accountstats p.last { margin-bottom:0; }
.accountstats em { font-size:16px; font-weight:bold; }

/* Geo Target */
#targetLocationsTree .ygtvitem * { line-height: 1; }
#targetLocationsTree .ygtvspacer { height: 0; }

/* Text Ad/Campain Preview */
.taTable td { padding:1px; }
.taTitle { font: normal 14px arial; color: blue !important; }
.taText { font: normal 12px arial, helvetica; color: black !important; }
.taURL { font: normal 12px arial, helvetica; color: #404040 !important; }
.textAdLayoutTable td { padding:2px 0; }

/* User Account */
.perm-check-cell, .perm-desc-cell { padding: 3px; vertical-align: top; }
.perm-check-cell { width: 1%; }
.perm-desc-cell {}
.perm-desc-cell ul { margin-top: 0.5em; }
.perm-desc-cell label { cursor: pointer; }
.perm-info-row .perm-desc-cell, .perm-info-row .perm-check-cell { background-color: #F2F2F2; }
.perm-divider-cell { padding: 6px 3px 6px 3px; }
.perm-publisher-select.perm-disabled { color: #888; }

.user-perm-wrap { margin:15px 0; }
.account-permission-table { width: 100%; }
.account-permission-table td{ padding: 5px 5px 10px 5px; }
.account-permission-table .permission-title { vertical-align: top; }
.account-permission-table .permission-title-text { font-weight: bold; }
.account-permission-table .permission-data { width: 30px; vertical-align: top; }
.account-permission-table .permission-title button { margin-left:0; }

.section .account-permission-table .permission-title { padding-left: 0; }
.section .account-permission-table .permission-data { padding-right: 0; }

.uacct-container { width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.uacct-content { clear: left; float: left; width: 100%;  }
.uacct-content .inner { }
.uacct-content .section-wrap { }
.agenda .section-title { margin-bottom: 0; }
.uacct-content .section { margin-bottom:40px; }
.uacct-content .info-table .info-title { width:120px !important; }

.account-agenda-table { width: 100%; }
.account-agenda-table .info-cell, .account-agenda-table .no-events-cell,
.account-agenda-table .cell { padding: 10px; vertical-align: top; }
.account-agenda-table .cell.event-date,
.account-agenda-table .cell.event-type { white-space: nowrap; }
.account-agenda-table .no-events-cell { text-align: left; }
.account-agenda-table .info-cell { text-align: right; }
.account-agenda-table th.cell { text-align: left; }
.account-agenda-table tr .cell { border-bottom: 1px solid #ddd; }
.account-agenda-table .cell.event-date,
.account-agenda-table .cell.event-type { width:1%; }
.account-agenda-table .cell.event-type { text-align: center; }
.account-agenda-table .cell.type-start { background-color: #DCF2DA; }
.account-agenda-table .cell.type-end { background-color: #F4DCDC; }
.account-agenda-table .cell.event-details { padding-left: 36px; } /* 10x + 16px + 5px */
.account-agenda-table .event-icon { float:left; position: relative; width:16px; height:16px; margin-left:-21px; }
.account-agenda-table .event-icon img { margin:0; padding:0; border:0; }

/* Media Permission */
.perm-check-cell, .perm-desc-cell {
	padding: 3px;
	vertical-align: top;
}

.perm-check-cell {
}

.perm-desc-cell {
}

.perm-desc-cell ul {
	margin-top: 0.5em;
}

/* Zone Base */
.zt { width: 100%; /*color: #000000;*/ }
.zt-label-cell { padding: 6px 0 2px 0; vertical-align: top; }
.zt-option-cell { padding: 4px 0 4px 0; vertical-align: top; }
.zt-label-cell { width: 130px; }
.zt-option-cell {}
.zt-setting-advanced { display: none; }
.zt-conv-tags { font-family: 'courier new', monospace; width: 100%; height: 80px; border: 1px solid #ccc; }
.zt-conv-email-options { margin-bottom: 10px; text-align: center; padding: 5px; background-color: #F2F2F2; border: 1px solid #ccc; border-top-width: 0px; }
#zt-pretty { border: 1px solid #ccc; padding: 10px; line-height: 150%; font-size: 13px; display: none; }
#zt-tags { display:block; font-family: 'courier new', monospace; font-size: 12px; width: 100%; height: 140px; border: 1px solid #ccc; }
.hb-code-block { display:block; font-family: 'courier new', monospace; font-size: 12px; width: 100%; border: 1px solid #ccc; padding: 10px; white-space: pre-wrap; box-sizing: border-box;}
.hb-tag-tip { margin-top: 10px; margin-bottom: 2px; font-weight:700;}
table.zt-options { width:100%; margin-bottom: 10px; }
#rtb-settings .checkbox-grid,
#zoneEditDiv .checkbox-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: auto;
}

/* VAST STATS */

.series-select td {padding-right:5px;}

.btn-file{
	position: relative;
	overflow: hidden;
	margin-left: 0;
	height: 18px;
	line-height: 18px;
}

.btn-file input[type=file]{
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.upload-media-progress-wrap{
	display: none;
	vertical-align: middle;
}

.upload-media-progress{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #f0f0f0;
	padding: 2px;
	border-radius: 4px;
	width: 100px;
	height: 24px;
}

.upload-media-progress .bar{
	display: block;
	border-radius: 2px;
	height: 100%;
	width: 25%;
	background-color: #5bc0de;
	color: #fff;
	text-align: left;
	line-height: 28px;
	font-size: 12px;
	padding: 0 0;
	font-weight: bold;
}

.upload-media-progress .bar{
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.upload-media-spinner{
	display: none;
	vertical-align: middle;
	height: 24px;
	padding: 1px 2px;
	width: 110px;
}

.upload-media-spinner span{
	line-height: 24px;
}

.vast-media-progress-wrap{
	display: none;
}

.companion-preview img{
	max-height: 300px;
	max-width: 300px;
	margin: 5px 0 0 0;
}

.companion-media-wrap{
	margin: 4px 0 -5px 0;
	min-height: 30px;
}

.companion-slot-row{
	text-align: right;
	padding-right: 10px
}

.error-page{
	background: #555;
	color: #FFFFFF;
}

#error-message-wrap{
	position: fixed;
	top: 60px;
	left: 30%;
	z-index: 99999;
	display: none;
	opacity: 1;
	width: 600px;
    -webkit-transform: translateZ(0);
}

#error-message-wrap.visible{ opacity: 1; }

#error-message-wrap .pad{
	padding: 15px 65px 15px 65px;
}

#error-message-wrap .ab-glyph-error{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 15px;
	color: white;
}

#error-message-wrap .ab-glyph-error:before{
	color: white !important;
	top: -1px;
	font-size: 24px;
}

#error-message-wrap .ab-glyph-remove{
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 560px;
	color: white;
	cursor: pointer;
}

#error-message-wrap .ab-glyph-remove:before{
	color: white !important;
	font-size: 20px;
}

#error-message-wrap .ab-glyph-remove:hover:before{
	color: #dfdfdf !important;
}

.control-glyphicon{
	position: absolute;
	left: 4px;
}

.control-content{
	margin-left: 5px;
}

.tag-get-button{
	opacity: 0.5;
}

.tag-get-button:hover{
	opacity: 1.0;
}

.zone-name-glyph{
	position: absolute;
	top: 0;
	left: -2px;
	width: 44px;
	height: 100%;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
}

.zone-name-glyph.ab-glyph-vast{
	margin-left: 2px;
}

.zone-name-glyph.ab-glyph-text{
	margin-left: 1px;
}

.zone-name-wrap{
	margin: 0 0 0 30px;
}

.campaign-name-wrap{
    display:inline;
    margin: 0 0 0 8px;
}

.media-options-select{
	max-width: 300px;
}

/* == tag buttons == */

.tag-get-button{
	opacity: 0.5;
}

.tag-get-button:hover{
	opacity: 1.0;
}

/* === Table Controls for Campaign/Zone Placements === */

.glyph-ui-control{
	position: relative;
	border: 1px solid rgba(0,0,0,0);
	font-size: 12px;
	cursor:pointer;
}

.glyph-ui-expired{
	position: relative;
	border: 1px solid rgba(0,0,0,0);
	font-size: 12px;
	cursor:default;
}

.glyph-ui-control.glyph-ui-queued .pad,
.glyph-ui-expired .pad{
	margin-left: 0px;
	padding: 4px 0 4px 0;
	text-align: center;
}


.glyph-ui-control .pad{
	margin-left: 28px;
    padding: 4px 4px 4px 4px;
	text-align: left;
}

.click-log {
    height: 15px;
    width: 20px;
    padding-right: 4px;
    position: relative;
    top: -1px;
    padding-bottom: 1px;
}

#click-detail-section-wrap{
    display: grid;
    grid-template-columns: 250px auto 500px;
    grid-column-gap: 20px;
    grid-template-rows: 20px auto;
    grid-template-areas:
        "tool-title table-title table-title"
        "tools table table"
}

.click-detail-page-title{
    font-weight: 500;
    font-size: 20px;
}

#click-detail-table-title{
    grid-area: table-title;
}

#click-detail-tools-title{
    grid-area: tool-title;
}

#click-detail-tools-wrap{
    grid-area: tools;
}

#click-detail-tools-wrap p{
    margin-top: 20px;
}

#click-detail-filter{
    margin-top: 10px;
}

#click-detail-filter #param-filter-wrap input{
    width:140px;
    height:28px;
    padding: 4px 6px;
}

#param-filter-wrap #filter-cloud-wrap{
    display:flex;
    flex-wrap: wrap;
    width:10px;
    margin-bottom: 10px;
}

#filter-cloud-wrap .filter-string{
    height: 28px;
    line-height: 18px;
    font-size: 14px;
    border: 1px solid #D0D0D0;
    display: grid;
    grid-template-columns: 203px 28px;
    margin-top: 3px;
}

#filter-cloud-wrap .filter-label{
    padding: 4px 6px;
    white-space: nowrap;
    box-sizing: border-box;
    overflow-x: hidden;
}

#filter-cloud-wrap .filter-delete {
    margin-top: 5px;
}

#filter-cloud-wrap #filter-delete-wrap{
    height: 28px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}

#filter-cloud-wrap .filter-delete:hover {
    background-color: #dfdfdf;
}

#filter-cloud-wrap #filter-delete-wrap:hover {
    background-color: #dfdfdf;
}

#click-detail-tools-wrap #download-csv-wrap{
    background-color: #F9F9F9;
    border: 1px solid #E5E5E5;
    padding: 10px 10px 20px 10px;
    margin-top: 20px;
}

#click-detail-table-wrap{
    grid-area: table;
    margin-top: -30px;
}

div#click-detail-table-wrap.click-table-no-pagination{
    margin-top: 10px;
}

#click-detail-table-wrap .yui-datatable-container{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
}

#click-detail-table-wrap .yui-dt-view{
    justify-self: right;
}

#click-detail-table-wrap .customParamCell div{
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1500px){

    #click-detail-filter #param-filter-wrap input{
        width:90px;
    }

    #filter-cloud-wrap .filter-label{
        width: 165px;
    }

    #click-detail-table-wrap .customParamCell div{
        width:150px;
    }

    #click-detail-section-wrap{
        grid-template-columns: 185px auto 500px;
    }
}

#full-param-values{
    display: none;
    position: absolute;
    max-width: 300px;
    z-index: 3;
    border: 1px solid #E5E5E5;
    background: white;
    padding: 7px 6px;
    border-radius: 3px;
}

.glyph-ui-control:hover{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid #DFDFDF;
	background-color:#FFFFFF;
}

.ab-glyph-action.status:before{
	position: absolute;
	top:3px;
	left:8px;
}

.ab-glyph-action.status.red:before{
	color: #EB0000;
}
.ab-glyph-action.status.green:before{
	color: #459645;
}

.statusGlyph{
    float:right;
}
/*  ======= VAST ERROR ======   */
.vast-error-display{
	border: 1px #DDD solid;
	margin: 5px;
	padding: 5px;
	position: relative;
	background-color: #F6F6F6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.vast-error-display .text-wrap{
	word-wrap: break-word;
}

.vast-error-display .close{
	position: absolute;
	right: 0;
	top: 0;
	padding:5px;
	cursor:pointer;
}
.vast-error-display .close:hover{
	color: #EB0000;
}







/* =======  Stats Report ====== */

#report-results{
	overflow-x: auto;
	xpadding:10px;
	min-height:300px;
}

#report-results  table{
	/*width:100%;*/
	border: 1px solid #D0D0D0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#report-results table{
	font-size: inherit;
	border-collapse: separate;
	border-spacing: 0;
	font: 12px/1.25 pn-regular, Calibri, "Helvetica Neue", Helvetica, Optima, Arial, sans-serif;
	table-layout:fixed;
}

#report-results  table td,
#report-results  table th{
	width:1%;
	white-space: nowrap;
	margin: 0;
	padding: 7px 6px 7px 5px;
	word-break: break-all;
}

#report-results  table td.groupID,
#report-results  table th.groupID{
	width:35px;
}

#report-results table td.groupID{
	cursor: pointer;
}

#report-results table td .groupID .ab-glyph:before{
	top:0px;
}

#report-results  table td.periodStart,
#report-results  table th.periodStart{
	min-width: 200px;
	max-width: 225px;
	white-space: normal;
}

#report-results  table td.parent,
#report-results  table th.parent{
	min-width: 200px;
	max-width: 225px;
	white-space: normal;
}

#report-results  table tbody tr{
	background-color: #ffffff;
	border-top: 1px solid #efefef;
}

#report-results  table tbody tr:hover{
	background-color:#EFEFEF;
}

#report-results th{
	border-bottom: #ccc 1px solid;
	background-color: #efefef;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding: 7px 6px 7px 8px;
}


#report-results tfoot td{
	background-color: #efefef;

}

#report-results .spin{
	position: relative;
	left: 50%;
}

#report-results .table-placeholder{
	border: 1px solid #efefef;
}

#report-results .empty{
	height: 50px;
	text-align: center;
	vertical-align: middle;
}

#report-results .content-sub-heading:before{
	position: inherit; /* fix glyphicon */
}


#report-results .content-sub-heading.click{
	cursor:pointer;
}

#report-results title{
	padding: 10px 0 10px 0;
}

#report-results .heading-menu {
	display: inline-block;
	cursor: pointer;
}

#report-results table td small{
    display:inherit;
}
#report-results h1 {
    margin: 0 0 20px 0;
}

/* Need to override silly .actions rule */
#report-results .tablesorter-report .actions{
    visibility: visible;
}

.report-sub-heading { font-weight: bold;  margin-top: 30px; }
.report-sub-heading.ab-glyph-button:before{
	margin-left:0px;
}
.report-sub-heading .heading-menu { padding:0; margin:0; cursor:pointer; display:inline-block; }
.report-sub-heading .heading-menu .toggle {
	top: 3px;
	left: 5px;
}


/* === */


.report-field-container{
    width: 100%;
    xpadding: 0 5px;
    margin-bottom: 30px;
}

.report-field-container .report-heading{
	font-weight:bold;
	font-size:21px;
	padding-bottom: 6px;
}


.report-field-container .report-column{
	padding-bottom: 5px;
	min-height:31px;
}

.report-field-container .report-column-wrap .report-heading{
	display:inline-block;
}


.report-field-container .report-column-wrap a{
	color:blue;
	text-decoration: underline;
	cursor:pointer;
	display:inline-block;
}

.report-field-container .report-options-wrap{
	padding-top: 5px;
	display:inline-block;
}

/* make sure to implement default styles */
.report-field-container .ui-button:hover { background: #CC6200; border-color: #CC6200; color: #fff; }
.report-field-container .ui-button:active { background: #B25300; border-color: #CC6200; color: #fff; }

.report-field-container .ui-button .ab-glyph:before
{ color: #50494D !important; }

.report-field-container .ui-button:hover .ab-glyph:before,
.report-field-container .ui-button:active .ab-glyph:before
{ color: #fff; }

#loading-spin{
	display:inline-block;
	position: relative;
	width:40px;
}

#loading-spin .spin {
    display: none;
}

/* === */


#report-date-container .report-date-input{
	display:none;
}

.report-date-input input[type=text]{
	width:auto !important;
}

.report-field-container .report-wrap{
	padding:5px;
	margin-bottom:3px;
}

.report-field-container .report-wrap input,
.report-field-container .report-wrap select{
	margin:3px;
}

.report-field-container .report-wrap .report-config-button{
	padding-left:26px;
}

.report-field-container .report-right-wrap{
	float:right;
	clear:both;
}


.report-field-container .report-section-title,
.report-field-container .report-section-content{
	display:inline-table;
}

.report-field-container .report-section-title {
	padding: 5px;
	font-size: 15px;
	min-width: 100px;
}
.report-field-container .report-section-title .ab-glyph:before{
	font-size: 18px;
	top:-1px;
}

.report-section-content{
	border-left: 1px solid #F0F0F0;

}

.report-field-container .report-date{
	display:inline-block;
}

.report-field-container .report-submit{
	margin-top:10px;
	padding:5px 0px 5px 5px;
}
.report-field-container .report-submit .ab-glyph-download:before{
	left: 14px;
	top:-2px;
}

#col-select .ab-glyph-button:before{
	float:none;
	margin-left:-26px;
	font-size: 12px;
}

.column-toggle{
	display:inline-block;
	margin:2px;
	padding:4px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid #b0b0b0;
	background-color:#FFFFFF;
}

.column-toggle > label{
	margin-left:3px;
	cursor:pointer;
}

#placement-display{
	float:right;
	display:none;
	font-size: 14px;
}

.elementID{
    float:right;
    cursor: help;
}

#download-select {
    float: right;
    xwidth: 100px;
    position: relative;
}
#download-select #csv-download .ui-button-text {
    padding-left: 26px;
}

#download-select .menu {
    right: 0;
    width: 200px;
}

#download-select-overlay {
    display:none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#date-range-error-message {
    display: none;
    padding-right:10px;
    color: #FF5226;
}

.report-date-input.date-input-error{
    background: #f7cdc7
}





/* ==== Tablesorter Theme for reports ==== */

/* overall */
.tablesorter-report {
	/*width: 100%;*/
	font: 12px/18px Arial, Sans-serif;
	color: #333;
	background-color: #fff;
	border-spacing: 0;
	margin: 10px 0 15px;
	text-align: left;
}

/* header */
.tablesorter-report th,
.tablesorter-report thead td {
	font: bold 12px/18px Arial, Sans-serif;
	color: #000;
	background-color: #fff;
	border-collapse: collapse;
	border-bottom: #ccc 2px solid;
	padding: 0;
}
.tablesorter-report tfoot th,
.tablesorter-report tfoot td {
	border: 0;
}
.tablesorter-report .header,
.tablesorter-report .tablesorter-header {
	/*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}
.tablesorter-report thead .headerSortUp,
.tablesorter-report thead .tablesorter-headerSortUp,
.tablesorter-report thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-report thead .headerSortDown,
.tablesorter-report thead .tablesorter-headerSortDown,
.tablesorter-report thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-report thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */
/*.tablesorter-report tfoot .tablesorter-headerSortUp,*/
/*.tablesorter-report tfoot .tablesorter-headerSortDown,*/
/*.tablesorter-report tfoot .tablesorter-headerAsc,*/
/*.tablesorter-report tfoot .tablesorter-headerDesc {*/
/*border-top: #000 2px solid;*/
/*}*/

/* tbody */
.tablesorter-report td {
	background-color: #fff;
	border-bottom: #ccc 1px solid;
	padding: 4px;
	vertical-align: top;
}

/* hovered row colors */
.tablesorter-report tbody > tr:hover > td,
.tablesorter-report tbody > tr.even:hover > td,
.tablesorter-report tbody > tr.odd:hover > td {
	background: #fff;
	color: #000;
}

/* table processing indicator */
.tablesorter-report .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(../addons/pager/icons/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-report tr.odd td {
	background-color: #dfdfdf;
}
.tablesorter-report tr.even td {
	background-color: #efefef;
}

/* Column Widget - column sort colors */
.tablesorter-report tr.odd td.primary {
	background-color: #bfbfbf;
}
.tablesorter-report td.primary,
.tablesorter-report tr.even td.primary {
	background-color: #d9d9d9;
}
.tablesorter-report tr.odd td.secondary {
	background-color: #d9d9d9;
}
.tablesorter-report td.secondary,
.tablesorter-report tr.even td.secondary {
	background-color: #e6e6e6;
}
.tablesorter-report tr.odd td.tertiary {
	background-color: #e6e6e6;
}
.tablesorter-report td.tertiary,
.tablesorter-report tr.even td.tertiary {
	background-color: #f2f2f2;
}

/* caption */
caption {
	background: #fff;
}

/* filter widget */
.tablesorter-report .tablesorter-filter-row td {
	background: #eee;
	border-bottom: #ccc 1px solid;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-report .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-report .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-report .tablesorter-filter-row.hideme .tablesorter-filter {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-report .tablesorter-filter {
	width: 95%;
	height: auto;
	margin: 4px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}

.tablesorter-report .tablesorter-header-inner{
	margin-right: 10px;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}

#google_translate_element {
    float: right;
}






/* ================== report menu stuff ================== */

/*.report-menu .container .button { margin:0; }*/

.report-menu .toggle {
	position:relative;
}

.report-menu .bold,
.report-submit .bold{
	font-weight: bold;
}
.report-menu .toggle .expand-option-arrow {
	display:inline-block;
	padding-left:15px;
}
.report-menu .toggle .expand-option-arrow:after {
	content:'>';
	font:14px "Consolas", "Courier New", monospace;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:10px; top:7px;
	position:absolute;
}

.report-menu .menu{
    max-height: 500px;
    overflow-y: auto;
    margin-top: 2px;
    display: none;
    position: absolute;
    width: 340px;
    z-index: 979;

    -webkit-box-shadow: -3px 3px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -3px 3px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow: -3px 3px 5px 0px rgba(50, 50, 50, 0.3);
}

.report-menu .menu.active { display:block; }
.report-menu .menu .ui-menu-divider { margin:2px -2px; }
.report-menu .menu li a.menu-choice-link,
.report-menu .menu li a.menu-download-link { padding-left: 22px; }
.report-menu .menu li a span.ab-glyph-button { float:left; margin-left: -16px; width:10px; text-align:center; }
.report-menu .menu li a.menu-choice-link span.ab-glyph-button { display:none; }
.report-menu .menu li a span.ab-glyph-button:before { float:none; margin:0; font-size:10px; top:-1px; vertical-align:middle; }
.report-menu .menu li a span.check-glyph:before { content:"\E207"; }
.report-menu .menu li a span.download-glyph:before { content:"\E182"; }
.report-menu .menu li .menu-secondary-text { color:#aaa; }
.report-menu .menu li a.ui-state-focus .menu-secondary-text { color:#eee; }

.report-menu .menu input[type=text]{ width: 98%}

.report-menu .menu-custom-row { padding: 2px; }
.report-menu .menu-custom-row.button-row { margin-top:5px;}


.report-menu .menu  li.selected { display:block; }
.report-menu .menu  li.selected a span.ab-glyph-button { display:block; }
.report-menu .menu  li.selected #menu-custom-view { display:block; }
.report-menu .menu  li.selected #menu-custom-link { display:none; }



.report-menu .month-based-input select { width:54px; }
.report-menu .month-based-input select option { padding: 0 3px; }
.report-menu .year-based-input select { width:60px; }
.report-menu .year-based-input select option { padding: 0 3px; }

.report-menu .overlay{
	display:none;
	position:absolute;
	top:0; left:0;
	background: #000;
	opacity: 0;
	z-index:100;
	filter: Alpha(Opacity=0);
}

.report-menu {
	display: inline-block;
}


.report-menu .hidden{
	display: none;
}

.report-menu li.active{
	background-color: #F0F0F0;
}

.report-menu li{
	position:relative;
}

.report-menu .expand-option-arrow {
	display:inline-block;
	padding-left:15px;
}
.report-menu li.inactive .expand-option-arrow:after {
	content:'>';
	font:14px "Consolas", "Courier New", monospace;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:10px; top:7px;
	position:absolute;
}

.report-menu li.active .expand-option-arrow:after {
	content:'>';
	font:14px "Consolas", "Courier New", monospace;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg);
	right:10px; top:7px;
	position:absolute;
}

.report-menu .menu input[type=checkbox]{
	position: absolute;
	top: 4px;
	left: 6px;
}

.report-menu .menu label{
	display: inline-block;
	width: 93%;
	cursor: pointer;
	padding-left: 7%;
}

.report-menu .saved-select-input{
	padding-bottom: 2px;
	border-bottom: 1px solid #f0f0f0;
}

.report-menu .menu .glyphicons-chevron-down:before {
	float: right;
}


.report-menu .saved-select-input input{
	width:61% !important;
	height:30px;
}

.report-menu .glyphicons-chevron-down:before {
	top: 1px;
	left: 1px;
	padding-right: 0px;
}

#report-display-config-span .glyphicons-chevron-down:before{
	left:5px;
}


#saved-select .toggle .ui-button-text{
	height: 17px;
	max-width: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#saved-select .menu{
	left:65%;
	width: 325px;
}

#saved-select .menu a{
	text-overflow: ellipsis;
	overflow-x: hidden;
}


#date-menu button.toggle{
	min-width:330px;
}


#group-select a{
	padding-left:22px;
}

#save-dialog li{
	min-width:100%;
	height: 35px;
}

#save-dialog button{
	float:right;
}


#saved-select .menu .ui-widget-header{
	padding:2px;
}

/* === Fancy Select Box === */

.report-menu label.fancy-select-box-look > *,
.report-menu select {
	height:26px;
	padding: 3px;
	margin: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background: #f2f2f2;
	border:none;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}
.report-menu label.fancy-select-box-look > input {
	padding-left:5px;
	padding-right:16px;
}
.report-menu label.fancy-select-box-look > *:active,
.report-menu select:active { background:#f2f2f2; }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.report-menu label.fancy-select-box-look > *,
	.report-menu select {padding-right:18px}
}

.report-menu label.fancy-select-box-look {
	position:relative;
	display:inline-block;
	width:auto;
	padding:0;
}
.report-menu label.fancy-select-box-look:after {
	content:'<>';
	font:11px "Consolas", "Courier New", monospace;
	color:#aaa;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:4px; top:5px;
	padding:0 0 2px;
	position:absolute;
	pointer-events:none;
}
.report-menu label.fancy-select-box-look:before {
	content:'';
	right:-1px; top:0;
	width:24px; height:26px;
	background:#f2f2f2;
	position:absolute;
	pointer-events:none;
	display:block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}


/* ====== */

#brandingTable select{
	max-width:350px;
}

#timezonelist {
    width: 250px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#logTableTimestamp {

    width: 110px;
}

.table-result {
    width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-parameters {
    width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#logTable {
    width: 100%;
}

#viewAdminLog {
    position: absolute;
    right: 400px;
    padding-top: 10px;
}

#logTable .action-success > td {
    background: rgb(233, 249, 233);

}

#logTable .action-failure > td {
    background: rgb(255, 219, 219);
}

#logTable .hidden-string {
    display: none;
}

#logTable .action-row:active .hidden-string, #logTable .display-row .hidden-string {
    display: inline-table;
}

#logTable td {
    background: none;
}

.red {
    color: #EB0000;
}

.green {
    color: green;
}

#ad-macro-wrapper, #template-option-wrapper, #templates {
    float: right;
    height: 125px;
    padding: 5px;
    width: 32%;
}

#zone-macro-sel-wrapper {

}

#template-container select, #template-container input[type=text] {
    width: 75%;
    margin-bottom: 10px;
}

#template-container .button {
    margin-bottom: 7px;

}

.admin-button-previous {
    float: left;

}

.admin-button-next {
    float: right;
}

/* bidder specific css */

#biddercode-wrap { position:relative; }

#biddercode-list-wrap { position:absolute; display:none; top:100%; margin-top:2px; width: 400px; max-height:174px; overflow-y:auto; border:1px solid #ccc; border-radius:4px; background:white; z-index:99999; }
#biddercode-list-label { padding:4px 8px; }
#biddercode-list-wrap ul, #biddercode-list-wrap li { list-style:none; margin:0; padding:0; }
#biddercode-list-wrap li { border-top: 1px solid #ccc; }
#biddercode-list-wrap li.biddercode-item { cursor:pointer; }
#biddercode-list-wrap li.highlighted { background-color: #ffecd9; }
#biddercode-list-wrap li .liner { padding:4px 8px; line-height:20px; opacity:0.5; }

.modal-table #biddercode-list-wrap { position:relative; height:180px; }

#report-results  table td.bidder-periodStart,
#report-results  table th.bidder-periodStart{
    min-width:100px;
}

.support-ticket-container{
    margin-left:5%;
    width:90%;
}

.support-ticket-heading{
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 10px 0;
}

#resolve-ticket-button{
    margin-bottom: 10px;
}

.support-ticket-list{
    padding:20px 0 10px 0;
    text-align:center;
    font-weight:bold;
    margin-bottom: 10px;
}

.support-ticket-list table{
    width:100%;
    text-align:left;
}

.support-ticket-list table thead tr{
    border-bottom: solid 1px #919191;
    font-weight:600;
    font-size:16px;
}

.support-ticket-list table thead tr td{
    padding-bottom:3px;
}

.support-ticket-list tbody tr{
    border-bottom: solid 1px #ececec;
}

.support-ticket-list tbody tr:first-child{
    padding-top: 14px;
}

.support-ticket-list tbody td{
    padding: 7px 0;
}

.incident-subject-cell{
    padding-left:10px;
}

.incident-last-modified-cell{
    width:15%;
}

.incident-subject-cell{
    width:70%;
}

.incident-status.open { color:green; }
.incident-status.resolved { color: rgb(0, 164, 184); }
.incident-status.closed { color:#999; }
.incident-status.responseRequired { color:#EB0000; }
.incident-status.unresolved { color: #f0a900; }

.ticket-detail-label{
    font-weight:bold;
}

.ticket-detail-value{
    float:right;
}

#reply-email-field{
    text-overflow: ellipsis;
    overflow: hidden;
}

#reply-email-span{
    cursor:pointer;
}

#reply-email-span:after{
    color: #087FFD;
    cursor:pointer;
}

#reply-email-input{
    width: 218px;
}

#email-input-error,
#email-input-wrap{
    display:none;
}

#email-input-wrap .reply-email-button{
    margin: 2px 0 0 0;
    padding: 1px 10px;
    height: 22px;
    line-height:14px;
    font-size: 12px;
}

#email-input-error{
    margin-top: 5px;
    color: #FF5226;
    padding-left: 1px;
}

.display-toggle{
    float:right;
    cursor:pointer;
    margin-left:10px;
}

.ticket-info{
    width:98%;
    margin:0 1%;
}

.ticket-list{
    margin-bottom:10px;
}

.ticket-summary-container {
    padding:10px 0;
}
.ticket-container {
    padding:10px 0 30px 0;
}

.ticket-list .ticket-row{
    background-color:white;
    xborder-bottom:1px solid #E6E6E6;
    border-top:1px solid #E6E6E6;
}

.ticket-list .first{
    margin-top:5px;
    xborder-top:none;
}

.ticket-list .last{
    border-bottom: none;
}

.ticket-list .user, .ticket-list .sparklit{
    font-size: 16px;
    font-weight: 500;
    width: 15%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ticket-container .user, .ticket-container .sparklit{
    width:40%;
}

.ticket-list .ticket-date{
    font-style: italic;
}

.ticket-summary-container .ticket-message{
    float:right;
    width: 50%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right:20%;
}

.ticket-container .ticket-message{
    margin-top:15px;
}

.ticket-container .ticket-rating {
    float: left;
    width: 100%;
    margin-top: 20px;
    border-left: 3px solid #ccc;
    padding-left: 10px;
}

.ticket-hide{
    float:right;
    width:50px;
    text-align:right;
    cursor: pointer;
}

.support-button-wrapper{
    text-align: center;
    margin-bottom:20px;
}

.support-button-wrapper button{
    margin-right:0;
}

.ticket-reply-field{
    margin-top:20px;
}

.ticket-reply-field .incident-file-btn{
    background-color: #f2f2f2;
    border:1px solid #D0D0D0;
    padding:5px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
}

.ticket-reply-field .incident-file-btn:hover{
    background-color: #CCCCCC;
}

.ticket-reply-field button{
    margin:10px 0 0 0;
}

.submit-reply-form{
    border: none;
    padding: 0;
}

#ticket-form-wrap {
    max-width: 1008px;
    margin: 0 auto 32px;
    background-color: #fcfcfc;
    border: 1px solid #E2E2E2;
    padding:16px 32px;
}

#ticket-form-wrap input[type="text"], #ticket-form-wrap select{
    background-color:white;
    padding: 8px 16px
}

.field-cell .incident-file-btn{
    background-color:white;
    display:inline-block;
    border:1px solid #D0D0D0;
    padding:5px;
    border-radius:2px;
    cursor:pointer;
}

.question-media-progress-wrap{
    width:100%;
    display:inline;
}

#incident-attachments{
    width:70%;
}

.attachment-list .upload-item .pad {
    padding:0 140px 0 0;
}

.attachment-list .upload-item .file-spinner {
    margin-right: -15px;
    float:right;
}

.attachment-list .upload-item.complete .file-spinner {
    display: none;
}

.ticket-field-list .support-ticket-button{
    margin-left:0;
    margin-top: 10px;
}

.ticket-field-list .field-cell .field-error-message {
    color: #FF5226;
    display: none;
}

#account-settings-wrap {
    margin-bottom: 8px;
}

.section-header{
    display: flex;
    justify-content:space-between;
    border-bottom: 1px solid #e4e4e4;
    align-items: flex-end;
}

.section-header .section-edit-link{
    font-size: 16px;
}

.account-settings-fields {
    margin-top: 30px;
}

.settings-form-group .settings-label {
    float: left;
    width: 213px;
    padding-top: 5px;
}

#address-field-wrap{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    width:50%;
}

.settings-form-group .settings-field-wrap input {
    padding: 4px 6px;
}

.settings-form-group .settings-field-wrap {
    padding-bottom: 10px;
    margin-left: 213px;
}

.modal-settings .settings-field-wrap > select,
.settings-form-group .settings-field-wrap > input[type="text"] {
    width: 75%;
    height: 28px;
}

#password-field-wrap {
    width: 75%;
    display: inline-block;
}

.settings-form-group .settings-field-wrap .billing-field-wrap {
    width: 75%;
    display: inline-block;
    box-sizing: border-box;
}

.settings-field-wrap.subscription-overview{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.settings-field-wrap.subscription-overview #manage-subscription{
    margin-left: 0;
}

#subscription-settings-wrap .settings-label p,
.subscription-field-wrap p{
    margin-bottom:5px;
}

#payment-alert-link,
.section-header .section-edit-link,
.account-settings-fields .settings-field-edit {
    color: #087ffd;
    cursor: pointer;
}

.settings-field-wrap span.debit {
    color: #EB0000;
    font-weight: 700;
}

.settings-field-wrap span.credit {
    color: black;
}

.billing-address-row {
    margin-bottom: 8px;
}
.billing-address-row input[name="region"],
.billing-address-row input[name="city"],
.billing-address-row select {
    height: 28px;
    width: 165px;
}

form > .account-settings-button {
    margin: 0 0 20px 120px;
}

.inline-field-display{
    padding-top: 5px;
}

.multi-line-field-display{
    padding-left: 7px;
}

.inline-field-display p{
    height: 24px;
    padding-left: 0;
}

.inline-field-edit{
    width:333px;
    position: relative;
    margin-bottom: 2px;
}

.inline-field-edit input{
    width:100%;
}

#password-field-edit input[type="password"] {
    width: 100%;
    margin-bottom: 8px;
}

.inline-field-tip {
    margin-left: 4px;
    margin-top: 5px;
    font-size: 0.9em;
    color: #949494;
}

.settings-form-group .field-error-wrap {
    margin: 5px 0 0 4px;
}

#amount-error,
.field-error-wrap .field-error {
    display: none;
    margin: 0;
    font-size: 0.9em;
    color: #FF5226;
}

input.input-error {
    border: 1px solid #FF5226 !important;
}

.settings-form-group .profile-error-input,
.settings-form-group .billing-error-input {
    border-color: #FF5226;
    background: rgba(255, 82, 38, 0.05) none !important;
    color: #FF5226;
}

.edit-buttons {
    margin-left: 208px;
}

#card-detail-wrap {
    display: flex;
    flex-wrap: wrap;
}

#card-detail-wrap label {
    color: #828282;
}

#payment-input-wrap {
    margin: 10px;
}

#payment-input-wrap .settings-field-wrap > input {
    width: 260px;
}

#card-field-edit{
    display: flex;
    flex-wrap: wrap;
}

#card-row-wrap{
    margin-right: 15px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
}

.payment-spinner {
    margin-bottom: 70px;
    margin-top: -50px;
    width: 0;
}

.login-error,
.subs-error-wrap,
.error-wrap {
    margin-bottom:10px;
    padding: 5px 0;
    background-color: #FFA5A4;
    display: none;
}

#payment-success {
    margin: 30px;
}

#payment-old-card p {
    padding-top: 5px;
    height: 19px;
    margin-bottom: 0;
}

#payment-old-card .settings-form-group{
    padding-bottom: 4px;
}

.subs-action-wrap {
    display: flex;
    align-items: center;
    margin: 10px 0 30px 24px;
}

span.subs-link {
    color: #087ffd;
    cursor: pointer;
    margin-right: 15px;
}

.subs-header-break {
    border: solid #eaedef;
    border-width: 0 0 1px 0;
}

.subs-labels {
    margin-right: 30px;
    font-weight: 700;
}

.subs-description {
    margin-right: 15px;
}

.subs-fees {
    font-weight: 500;
}

.subs-button-first {
    margin-bottom: 10px;
}

#makePaymentDiv {
    padding: 10px 0 0 0;
}

#subscriptionUpgradeDiv {
    padding: 10px 0;
}

.payment-input-persistent {
    margin: 15px 10px;
}

#makePaymentDiv .settings-form-group .settings-field-wrap {
    padding-bottom: 15px;
}


#payment-option-wrap {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 111px;
    margin-bottom: 30px;
}

#payment-option-wrap button {
    border-radius: 3px;
    margin-left: 0;
    margin-right: 0;
    width: 102px;
}

#payment-option-wrap div {
    margin: 0;
}

#payment-option-wrap .neighbour-left button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#payment-option-wrap .neighbour-right button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#payment-option-wrap .neighbour-right.neighbour-left button {
    border-right: none;
    border-left: none;
}

#paypal-button {
    margin-bottom: -12px;
}

#paypal-button-overlay{
    position: absolute;
    opacity: 0.3;
    width: 148px;
    height: 26px;
    top: 155px;
    z-index: 100;
    cursor: pointer;
    margin-bottom: -12px;
}

.subs-modal-preamble {
    margin: 5px 10px;
    border-bottom: 1px solid #eaeaea;
}

.upgrade-flex-wrap {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}

.upgrade-flex-wrap > div {
    width: 33.3%;
    max-width: 33.3%;
    padding: 10px;
}

.upgrade-flex-wrap .billing-summary,
.upgrade-flex-wrap .subscription-options {
    border-right: 1px solid black;
}

.upgrade-header {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}

.billing-address-summary p {
    margin: 0;
}

#upgrade-email-display {
    overflow: hidden;
    text-overflow: ellipsis;
}

.upgrade-hover-tip {
    max-width: none;
}

div.subscription-select-wrap {
    margin-bottom: 10px;
}

div.subscription-select-wrap select {
    width: 100%;
}

#terms-accept-wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
}

#terms-accept-wrap a {
    color: #087ffd;
    cursor: pointer;
}

.subs-review-wrap {
    margin-bottom: 8px;
}

.review-label {
    margin-bottom: 4px;
    font-size: 15px;
}

.fee-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
}

.fee-wrap p {
    margin: 0 0 0 7px;
}


.upgrade-review #discount-label {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#upgrade-success {
    margin-left: 30px;
}

#cancel-form-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 10px;
}

.cancel-form-group {
    margin-bottom: 8px;
    margin-right: 20px;
}

.cancel-form-group input[type="password"],
.cancel-form-group select {
    width: 100%;
}

.cancel-form-group textarea {
    width: 100%;
    height: 100%;
}

#cancel-extra-field {
    margin: 0 10px;
}

.cancel-confirm-wrap {
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.cancel-confirm-labels {
    font-weight: 700;
    margin-right: 15px;
}

#statement-list-wrap {
    margin-bottom: 30px;
}

#statement-list-wrap .statement-list {
    width: 500px;
    margin: 16px auto 0;
}

#statement-list-wrap .row-link {
    border: 1px solid #087FFD;
    cursor: pointer;
    margin-bottom: 8px;
}

#statement-list-wrap .first-row {
    margin-top: 32px;
}

#statement-list-wrap .row-link:hover {
    background-color: #fcfcfc;
}

#statement-list-wrap .row-link:hover .statement-cell {
    color: #087FFD;
}


#statement-list-wrap .statement-cell {
    padding: 16px 32px;
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
}

#statement-list-wrap .statement-date-cell {

}

#statement-list-wrap .statement-link-cell {
    text-align: right;
}

#statement-list-wrap .statement-link-cell .arrow {
    padding-left: 8px;
    margin-bottom: -1px;
}

.statement-list-section{

}

.statement-view-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0;
    border-top: 1px solid #E6E6E6;
}

.statement-view-row:first-child {
    border-top: none;
}

.statement-date-label {
    font-weight: 700;
}

#statement-view-wrap {

}

#email-statement-wrap {
    min-width: 600px;
    display: flex;
    justify-content: flex-end;
    margin-left: 48px;
    margin-top: 20px;
}

#email-statement-wrap .email-statement-input-wrap {
    display: flex;
    justify-content: space-between;
    width: 350px;
}

#email-statement-wrap .email-statement-input {
    padding: 4px 6px;
    height: 28px;
    display: block;
    width: 213px;
}

.print-statement-button,
#email-statement-wrap .email-statement-button {
    color: white;
    background-color: #3A3C43;
}

.statement-content-wrap {
    margin: 48px auto 0;
    max-width: 700px;
}

.statement {

    min-width: 600px;
    margin-top: 16px;
    padding: 20px;
    border: 1px solid black;
}

.statement-body {
    width: 100%;
}

.statement-header-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.statement-section {
    display: flex;
    justify-content: flex-start;
}

.statement-section .statement-section-column {
    flex: 2;
}

.statement-section .row {
    display: flex;
    justify-content: flex-start;
    margin-right: 10px;
    margin-bottom: 4px;
}

.statement-section .row > div {
    margin-right: 20px;
}

.statement-section .row .address-label {
    width: 80px;
}

.statement-element-header {
    margin-top: 40px;
    margin-bottom: 2px;
}

.statement-element {
    border: 1px solid #bdbdbd;
    padding: 10px;
    margin-bottom: 10px;
}

.subscription-empty-message{
    display: flex;
    justify-content:space-around;
}

.statement-usage-details {
    display: flex;
    justify-content: flex-start;
}

.subscription-info .statement-subs-info-label {
    margin-right: 5px;
}

.statement-subscription-details .statement-option-row {
    margin-top: 10px;
}

.statement-subscription-details hr {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
}

.statement-option-usage {
    margin-left: 10px;
}

.statement-usage-details, .statement-usage-fees {
    margin-left: 20px;
}

.statement-usage-details p {
    margin: 10px 5px 10px 0;
}

.statement-option-usage .statement-usage-fees,
.statement-option-usage .statement-basefee-row {
    margin-bottom: 10px;
}

.statement-option-usage .statement-basefee-row,
.statement-subscription-details .subscription-info,
.statement-option-usage .statement-usage-fees,
.statement-subscription-details .statement-total-wrap div,
.statement-subscription-details .statement-final-total-wrap div {
    display: flex;
    justify-content: space-between;
}

.statement-option-subtotal {
    display: flex;
    justify-content: flex-end;
}

.statement-options-info .usage-detail-end {
    width: 100px;
    margin-top: 30px;
    margin-bottom: 10px;
    border-color: #eaeaea;
}

.statement-subscription-details .statement-total-wrap {
    margin-top: 30px;
}

.statement-total-wrap .statement-discount-wrap {
    color: #51C62D;
}

#changeAccountDiv {
    padding: 0;
}

#changeAccountDiv .modal-edit {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
}

#changeAccountDiv .account-change-wrap {
    padding: 10px;
    background-color: #f2f2f2;
    border-radius: 3px;
    margin: 25px 0 25px 30px;
    width: 230px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    flex-wrap: wrap;
}

#changeAccountDiv .account-change-wrap img {
    align-self: center;
    margin-left: 10px;
    max-height: 50px;
}
#changeAccountDiv .account-change-wrap > div p {
    margin-bottom: 0;
}
.account-change-wrap .account-name{
    font-weight: 700;
    width:100%;
}

#top-bar-wrap {
    border-bottom: 1px solid #087FFD;
    background-color: #087FFD;
    z-index: 1000;
    height: 64px;
    display: flex;
    justify-content: space-around;
}

#top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 960px;
    max-width: 1440px;
}

#top-bar-title {
    font-size: 24px;
    font-weight: bold;
    color: #FEFEFE;
    width: 260px;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#top-bar-title p {
    margin: 0;
}

#top-bar-help {
    margin: 6px;
}

#top-bar-help button {
    border: none;
    border-radius: 4px;
    color: #666;
    cursor: pointer;
    padding: 6px 10px;
    background-color: white;
    font-family: pn-regular, Calibri, "Helvetica Neue", Helvetica, Optima, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    font-size: 14px;
}

#top-bar-help button:hover {
    background-color: #eee;
}

.login-page-body {
    margin-top: 70px;
}

#subscription-display-body {
    display: flex;
    justify-content: center;
}

#login-form-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#login-lower-body {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
}

#signin-create-account-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: fixed;
    right: 10%;
    bottom: 5%;
}

#signin-create-account-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-right: 10px;
    color: #4D4E61;
}

.login-page-body input[type="text"],
.login-page-body input[type="password"] {
    font-size: 24px;
    padding: 2px 5px;
    width: 320px;
}

.login-page-body .form-end-wrap {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

#forgot-password-wrap {
    display: grid;
    grid-template-columns: 27px 1fr;
    padding: 1.2rem 8px;
}

#icon-svg-pw {
    width:20px;
    height:20px;
    color: #A5ADC6;
}

#icon-svg {
    width:20px;
    height:20px;
}

.login-page-body .form-end-wrap .forgot-password-link {
    letter-spacing: 0.9px;
    line-height: 1.4em;
    vertical-align: middle;
}

.login-page-body .form-end-wrap .forgot-password-link:hover .make-blue {
    text-decoration: underline;
}

.login-button {
    background-color: #087ffd;
    border: none;
    border-radius: 2rem;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 1.2rem 1.5rem;
    letter-spacing: 0.9px;
    line-height: 1.05;
    color: #fff;
    vertical-align: middle;
    box-shadow: none;
    height: auto;
}

.login-options {
    width: 400px;
    margin: 7px auto;
}

.login-options .facebook-login {
    padding: 5px;
    background-color: #087ffd;
    color: white;
    width: 170px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

#subscription-display-body {
    margin-bottom: 70px;
}

.subscription-row {
    padding: 7px 0;
    border-top: 1px solid #ECECEC;
}

.subscription-row:first-child {
    border-top: none;
}

a.login-page-link {
    color: #087ffd;
}

#login-form-body .user-notice {
    width: 50%;
    padding: 15px;
    border-radius: 2px;
    border: none;
    box-sizing: border-box;
    display: block;
    margin: 2px auto;
    font-size: 16px;
    color: #fff;
}

#login-form-body .login-error {
    background-color: #fd686d;
}

#login-form-body .user-message {
    background-color: #51C62D;
}

.login-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.login-title {
    width: 100%;
    display: block;
    text-align: center;
}

.login-title .main-title {
    font-size: 32px;
}

.social-login-wrapper {
    text-align: center;
    background: url(../assets/bg_dotpattern.svg) repeat #FCFCFC;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
    margin: 0 0 0 40px;
    padding: 40px 40px 50px
}

.social-login-wrapper .login-options {
    margin: 5px 15px;
    width: auto;
}

.social-login-wrapper .login-options h2 {
    margin: 0;
}

.social-login-wrapper .social-button-text {
    color: #3A3C43;
    padding-top: 10px;
    display: inline-block;
}

.social-login-wrapper .btn:hover {
    cursor: pointer;
}

.social-login-wrapper .btn:hover .social-button-text {
    text-decoration: underline;
}

.social-login-wrapper h2 {
    padding-bottom: 15px;
}
#linkedin-login-button,
#google-login-button,
#facebook-login-button {
    background-color: transparent;
    width: 75px;
    box-shadow: none;
    border: none;
}
.social-login-wrapper { position: relative; }

.social-login-wrapper .social-spinner {
    padding: 0 20%;
}

/* Trial account Styles */

/* Trial Header Nav Styles */
.content-top-trial-account-wrapper {
    height: 100%;
}
#content-top-trial-account {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#content-top-trial-account .days-left-wrapper {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

#content-top-trial-account .days-left-wrapper .label {

}

#content-top-trial-account .days-left-wrapper .days-left {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#content-top-trial-account .upgrade-now-wrapper {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

#content-top-trial-account .upgrade-now-wrapper .upgrade-now-button {
    color: #fff;
    border: 1px solid #fff;
    padding: 4px 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

#content-top-trial-account .upgrade-now-wrapper .upgrade-now-button .inner {
    letter-spacing: 0.5px;
    text-transform: uppercase;

}

#content-top-trial-account .why-is-this-here {
    margin-left: 2px;
    margin-right: 2px;
}

/* No more Trial impressions modal stles */
#no-more-trial-impressions .upgrade-now-button {
    text-align: center;
    color: #087FFD;
    border: 1px solid #087FFD;
    padding: 4px 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

#no-more-trial-impressions .button-wrapper {
    text-align: center;
}

.adbutler-no-more-trial-impressions .ui-dialog-buttonpane .ui-dialog-buttonset .ok-button {
    background-color: transparent !important;
    color: #087FFD;
    border: none;
}

.adbutler-no-more-trial-impressions .ui-dialog-buttonpane .ui-dialog-buttonset .ok-button:hover {
    background-color: transparent !important;
    color: #087FFD;
    border: none;
    text-decoration: underline;
}

/* Trial Welcome Modal Styles */
.adbutler-global-notification-modal,
.trial-verify-email-modal,
.trial-welcome-modal {
    border-radius: 15px;
}

.adbutler-global-notification-modal .ui-dialog-titlebar,
.trial-verify-email-modal .ui-dialog-titlebar,
.trial-welcome-modal .ui-dialog-titlebar {
    background-color: #fff;
    border: none;
}

.adbutler-global-notification-modal .ui-dialog-titlebar .ui-dialog-titlebar-close,
.trial-verify-email-modal .ui-dialog-titlebar .ui-dialog-titlebar-close,
.trial-welcome-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
}

.adbutler-global-notification-modal .ui-dialog-buttonpane,
.trial-verify-email-modal .ui-dialog-buttonpane,
.trial-welcome-modal .ui-dialog-buttonpane {
    background: url(../assets/bg_dotpattern.svg) repeat #FCFCFC;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
    padding: 15px;
    border: none;
    text-align: center;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset,
.trial-welcome-modal .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.adbutler-global-notification-modal .ui-dialog-buttonpane .ui-dialog-buttonset button,
.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset button,
.trial-welcome-modal .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: #087FFD none;
    border-radius: 30px;
    color: #fff;
}

.trial-welcome-modal .ui-dialog-buttonpane .ui-dialog-buttonset .next-button {
    width: 120px;
}

.trial-welcome-modal .ui-dialog-buttonpane .ui-dialog-buttonset .start-trial-button {
    width: 150px;
    float: right;
}

.adbutler-global-notification-modal .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
.trial-welcome-modal .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #1A6AE4;
}

.adbutler-global-notification-modal .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text,
.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text,
.trial-welcome-modal .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text {
    font-size: 18px;
    padding: 1rem 2rem;
}

.trial-welcome-modal .start-trial-button {
    display: none;
}

.adbutler-global-notification-modal .adbutler-notification img,
.trial-welcome-modal .welcome-start img {
    display: block;
    margin: 40px auto 20px;
}

.trial-welcome-modal .welcome-start .welcome-title {
    font-size: 32px;
    text-align: center;
}

.trial-welcome-modal .welcome-start .welcome-text {
    font-size: 16px;
    text-align: center;
    padding: 15px 15px 30px;
}

.trial-verify-email-modal .verify-email,
.trial-verify-email-modal .email,
.trial-welcome-modal .welcome-start .welcome-text .notice {
    font-weight: 600;
}

.trial-welcome-modal .welcome-survey {
    display: none;
    padding: 10px 30px 20px;
}

.trial-verify-email-modal .verify-note,
.trial-welcome-modal .welcome-survey .survey-note {
    color: #83888B;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

.trial-verify-email-modal .verify-title,
.trial-welcome-modal .welcome-survey .survey-title {
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px;
    font-weight: 600;
}

.trial-verify-email-modal .form-control,
.trial-welcome-modal .welcome-survey .form-control {
    display: block;
    width: 100%;
    line-height: 2.1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.trial-verify-email-modal .form-control:focus,
.trial-welcome-modal .welcome-survey .form-control:focus,
.trial-verify-email-modal .form-control:active,
.trial-welcome-modal .welcome-survey .form-control:active {
    background: rgba(53, 133, 253, 0.05) none;
    border-color: transparent;
    box-shadow: 0 0 0 2px #087ffd;
    color: #087ffd;
    z-index: 9999;
    position: relative;
}

.trial-verify-email-modal .form-control-label,
.trial-welcome-modal .welcome-survey .form-control-label {
    display: inline-block;
    padding: 15px 14px 3px;
    letter-spacing: 1px;
}

.trial-welcome-modal .welcome-survey .ddown-style {
    position: relative;
}

.trial-welcome-modal .welcome-survey .ddown-style select {
    width: 100%;
    font-size: 1rem;
    line-height: 2.1;
    padding: 0.5rem 14px;
    background: #fff;
    color: #3A3C43;
    border: 1px solid #E2E2E2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
}

.trial-welcome-modal .welcome-survey .ddown-style select:-moz-focusring {
    color: transparent;
}

.trial-welcome-modal .welcome-survey .ddown-style select::-ms-expand {
    display: none;
}

.trial-welcome-modal .welcome-survey .ddown-style select:focus,
.trial-welcome-modal .welcome-survey .ddown-style select:active {
    background: rgba(53, 133, 253, 0.05) none;
    border-color: transparent;
    box-shadow: 0 0 0 2px #087ffd;
    color: #087ffd;
}

.trial-welcome-modal .welcome-survey .ddown-style:after {
     width: 0;
     height: 0;
     content: "";
     border-top: 10px solid #087ffd;
     border-right: 6px solid transparent;
     border-left: 6px solid transparent;
     position: absolute;
     right: 14px;
     top: 45%;
     pointer-events: none;
 }


.trial-welcome-modal .welcome-survey .ddown-style.hidden:after {
    display: none;
}

/* AdButler Global Notification Modal */
.adbutler-global-notification-modal {
    font-family: pn-regular,"Helvetica Neue",Helvetica,Optima,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.adbutler-global-notification-modal .adbutler-notification img {
    display: block;
    margin: 24px auto 24px;
}

.adbutler-global-notification-modal .ui-dialog-title {
    color: #fff;
    font-size: 10px;
}

.adbutler-global-notification-modal .notification-grey {
    text-align: center;
    color: #acacac;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 10px;
    padding-top: 20px;
}

.adbutler-global-notification-modal .notification-title {
    text-align: center;
    margin: 16px 0 8px;
    font-size: 32px;
    font-weight: 500;
    color: #333;
}

.adbutler-global-notification-modal .notification-text {
    font-size: 16px;
    text-align: left;
    padding: 15px 25px 30px;
    line-height: 1.4;
}

.adbutler-global-notification-modal .notification-text p  {
    margin-bottom: 1rem;
    color: #333;
}

.adbutler-global-notification-modal .notification-text .notification-link {
    color: #087FFD;
    cursor: pointer;
}

    /* Trial Email Verification Modal */
.trial-verify-email-modal {}

.trial-verify-email-modal p {
    font-size: 16px;
    padding: 5px 30px 15px;
    text-align: left;
}

.trial-verify-email-modal .verify-text {
    font-size: 16px;
    text-align: center;
    padding: 5px 15px 10px;
}

.trial-verify-email-modal .verify-email {
    text-align: center;
    font-size: 16px;
    padding-bottom: 20px;
}

.trial-verify-email-modal .new-email-link {
    color: #087ffd;
    text-decoration: underline;
    cursor: pointer;
}

.trial-verify-email-modal .verify-title img {
    padding-right: 16px;
    margin-bottom: -10px;
}

.trial-verify-email-modal .new-email-link:hover {
    text-decoration: underline;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .resend-email-button {
    background: none !important;
    border: none;
    text-decoration: underline;
    color: #087FFD;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .resend-email-button:hover {
    background: none !important;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .resend-email-button .ui-button-text {
    font-size: 16px;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ok-button {
    float: right;
    width: 125px;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .cancel-button {
    background: none !important;
    border: none;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .cancel-button .glyphicons {
    color: #087FFD;
    padding: 13px 4px 1rem 2rem;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .cancel-button .ui-button-text {
    color: #3A3C43;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.8px;
    display: inline-block;
    padding: 16px 2rem 1rem 4px;
}

.trial-verify-email-modal .ui-dialog-buttonpane .ui-dialog-buttonset .cancel-button {
    display: none;
}

.trial-verify-email-modal .ui-dialog-buttonpane {
    text-align: left;
}

.verify-account-link {
    text-decoration: underline;
    color: #087FFD;
    cursor: pointer;
}

.trial-verify-email-modal .new-email-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.trial-verify-email-modal .form-control-feedback {
    display: none;
}

.trial-verify-email-modal .has-danger .form-control-feedback {
    display: block;
    padding: 5px 14px 3px;
}

.trial-verify-email-modal .has-danger .form-control,
.trial-verify-email-modal .has-danger .form-control-feedback,
.trial-verify-email-modal .has-danger .form-control-label {
    color: #FF5226;
}

.trial-verify-email-modal .has-danger .form-control {
    border-color: #FF5226;
    background: rgba(255, 82, 38, 0.05) none !important;
}

.trial-verify-email-modal .has-danger ::-webkit-input-placeholder {
    color: #FF5226 !important;
}

.trial-verify-email-modal .has-danger :-moz-placeholder { /* Firefox 18- */
    color:#FF5226 !important;
}

.trial-verify-email-modal .has-danger ::-moz-placeholder { /* Firefox 19+ */
    color:#FF5226 !important;
}

.trial-verify-email-modal .has-danger :-ms-input-placeholder {
    color:#FF5226 !important;
}

.trial-account-section {
    text-align: center;

}

.trial-account-section h2 {
    padding-top: 40px;
}

.trial-account-section p {
    padding-bottom: 30px;
    font-size: 16px;
}

/* Trial Expired Page */
.trial-expired-wrapper {
    margin: 80px auto;
    width: 450px;
}

.trial-expired-wrapper .header-logo {
    margin: 0 auto;
    display:block;
}

.trial-expired-wrapper h1,
.trial-expired-wrapper button {
    text-align: center;
}

.trial-expired-wrapper p {
    font-size: 16px;
}

.trial-expired-wrapper .button-wrapper {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.trial-expired-wrapper .button-wrapper button {
    background-color: #087ffd;
    border: 1px solid #087ffd;
    font-weight: 600;
    display: inline-block;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 2rem;
    transition: all 0.2s ease-in-out;
    color: #fff;
    width: 230px;
    text-align: left;
    cursor: pointer;
}

.trial-expired-wrapper .button-wrapper button img {
    display: inline-block;
    margin-bottom: -1px;
    float: right;
}

.trial-expired-wrapper .success-message {
    display: none;
    color: #087ffd;
    text-transform: uppercase;
    text-align: center;
}

.trial-expired-wrapper .success-message .trial-check-done {
    display: inline-block;
    margin-bottom: -15px;
    margin-right: 15px;
}

.trial-expired-wrapper .request-message .request-link {
    cursor: pointer;
    color: #087ffd;
    text-decoration: underline;
}

.password-reset-wrap .make-blue,
.forgot-password-form-wrap .make-blue,
.login-form-wrap .make-blue {
    color: #087FFD;
}

/* Forgot password styles */
.password-reset-wrap,
.forgot-password-form-wrap,
.login-form-wrap {
    width: 380px;
}

.password-reset-wrap {
    margin: 80px auto 10px;
}

.login-form-wrap .input-group,
.password-reset-wrap .input-group,
.forgot-password-form-wrap .input-group {
    margin-top: 15px;
    margin-bottom: 15px;
}

.login-form-wrap .input-group:first-of-type,
.password-reset-wrap .input-group:first-of-type,
.forgot-password-form-wrap .input-group:first-of-type {
    margin-top: 30px;
}
.login-form-wrap .input-group:last-of-type,
.password-reset-wrap .input-group:last-of-type,
.forgot-password-form-wrap .input-group:last-of-type {
    margin-bottom: 30px;
}

.login-form-wrap label,
.forgot-password-form-wrap label,
.password-reset-wrap label {
    display: inline;
    padding-left: 8px;
    font-weight: 600;
}

.login-form-wrap input,
.login-form-wrap input[type="password"],
.login-form-wrap input[type="text"],
.forgot-password-form-wrap input,
.forgot-password-form-wrap input[type="password"],
.forgot-password-form-wrap input[type="text"],
.password-reset-wrap input,
.password-reset-wrap input[type="password"],
.password-reset-wrap input[type="text"] {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 20px;
    padding: 8px;
}

.password-reset-wrap .button {
    margin-top: 30px;
}
.password-reset-wrap .error-title,
.forgot-password-form-wrap .error-title {
    color: #FF5226;
    font-weight: 600;
}
.password-reset-wrap .error-msg,
.forgot-password-form-wrap .error-msg {
    background-color: #ff5226;
    color: #fff;
    padding: 8px 15px;
    margin: 5px 0;
}

.password-reset-wrap .g-recaptcha,
.forgot-password-form-wrap .g-recaptcha {
    width: 100%;
    margin: 10px 0 20px;
}

.password-reset-wrap .button:hover,
.login-page-body .button:hover {
    background-color: #1A6AE4;
    border-color: #1A6AE4;
}

.login-options .center-space {
    text-align: center;
    margin: 50px 10px 50px;
    font-weight: 600;
}

.login-options .facebook-login {
    margin: 0 auto;
}

.password-reset-wrap input[type="text"], .password-reset-wrap input[type="password"] {

    padding: 8px;
    width: 320px;
}

.password-reset-wrap .message {
    color: #087FFD;
    font-weight: 600;
}


/* AB Loading animation stuff */
.social-login-wrapper{}

.social-login-wrapper .social-button-wrapper {
    margin-bottom: 40px;
}

.social-login-wrapper .social-button-wrapper.has-error {
     margin-bottom: 0px;
 }


.social-login-wrapper .social-error {
    display: none;
    color: #ff5226;
    font-size: 16px;
    padding-top: 16px;

}

#signin-loader {
    display: none;
    margin-bottom: 150px;
    padding-top: 30px;
    padding-bottom: 30px; }
#signin-loader .social-loading-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
#signin-loader .social-loading-wrapper .social-loading .loading-message {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: center; }
#signin-loader .social-loading-wrapper .social-loading .social-spinner {
    display: inline-block; }
#signin-loader .social-loading-wrapper .social-loading .ab-loader {
    width: 64px;
    height: 64px;
    display: block;
    margin: 16px auto;
    background-image: url("../assets/sprites/loader_rotation_large.png");
    -webkit-animation: adButlerLoader 0.8s steps(15) infinite;
    -moz-animation: adButlerLoader 0.8s steps(15) infinite;
    -ms-animation: adButlerLoader 0.8s steps(15) infinite;
    -o-animation: adButlerLoader 0.8s steps(15) infinite;
    animation: adButlerLoader 0.8s steps(15) infinite; }

@-webkit-keyframes adButlerLoader {
    100% {
        background-position: -960px; }
}

@-moz-keyframes adButlerLoader {
    100% {
        background-position: -960px; }
}

@-ms-keyframes adButlerLoader {
    100% {
        background-position: -960px; }
}

@-o-keyframes adButlerLoader {
    100% {
        background-position: -960px; }
}

@keyframes adButlerLoader {
    100% {
        background-position: -960px; }
}

.cta-spinner-wrapper {
    display: none; }
.cta-spinner-wrapper .cta-spinner {
    width: 56px;
    height: 56px;
    display: block;
    background-image: url("../assets/sprites/cta_spinner_2x.png");
    -webkit-animation: adButlerCTASpinner .8s steps(23) infinite;
    -moz-animation: adButlerCTASpinner .8s steps(23) infinite;
    -o-animation: adButlerCTASpinner .8s steps(23) infinite;
    animation: adButlerCTASpinner .8s steps(23) infinite;
    margin: 0 auto; }

@-webkit-keyframes adButlerCTASpinner {
    100% {
        background-position: -1288px; } }

@-moz-keyframes adButlerCTASpinner {
    100% {
        background-position: -1288px; } }

@-o-keyframes adButlerCTASpinner {
    100% {
        background-position: -1288px; } }

@keyframes adButlerCTASpinner {
    100% {
        background-position: -1288px; } }

.cta-spinner-mini-wrapper {
    display: none; }
.cta-spinner-mini-wrapper .cta-spinner {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("../assets/sprites/cta_spinner.png");

    -webkit-animation: adButlerCTASpinnerMini .8s steps(23) infinite;
    -moz-animation: adButlerCTASpinnerMini .8s steps(23) infinite;
    -o-animation: adButlerCTASpinnerMini .8s steps(23) infinite;
    animation: adButlerCTASpinnerMini .8s steps(23) infinite;
    margin: 0 auto; }

@-webkit-keyframes adButlerCTASpinnerMini {
    100% {
        background-position: -736px; } }

@-moz-keyframes adButlerCTASpinnerMini {
    100% {
        background-position: -736px; } }

@-o-keyframes adButlerCTASpinnerMini {
    100% {
        background-position: -736px; } }

@keyframes adButlerCTASpinnerMini {
    100% {
        background-position: -736px; } }

.cta-spinner-small-button {
    width: 14px;
    display: block;
    background: url("../assets/sprites/14x14_smallbutton_loading_24fps.png") no-repeat;
    background-position-y: center;

    -webkit-animation: adButlerCTASpinnerSmallButton 1s steps(24) infinite;
    -moz-animation: adButlerCTASpinnerSmallButton 1s steps(24) infinite;
    -o-animation: adButlerCTASpinnerSmallButton 1s steps(24) infinite;
    animation: adButlerCTASpinnerSmallButton 1s steps(24) infinite;
    margin: 0 auto;
}

@-webkit-keyframes adButlerCTASpinnerSmallButton {
    100% { background-position-x: -336px; }
}

@-moz-keyframes adButlerCTASpinnerSmallButton {
    100% { background-position-x: -336px; }
}

@-o-keyframes adButlerCTASpinnerSmallButton {
    100% { background-position-x: -336px; }
}

@keyframes adButlerCTASpinnerSmallButton {
    100% { background-position-x: -336px; }
}

.ui-widget-overlay {
    z-index: 999;
}

.trial-verify-email-modal {
    z-index: 1002 !important;
}

/* Large devices (desktops, 1500 and up) */
@media (min-width: 1500px) {
    .layout-restrict {  max-width: none; }
    #content { max-width:none;  }
    #content.full { max-width:none; }

    /* more padding */
    #content-inner-top {
        height: 64px;
        padding: 8px 64px;
    }

    #content-right {
        top: 70px;
    }

    #content {
        padding: 32px 64px;
    }
}

/* resizable menu bar */
.ui-resizable-e {
    cursor: ew-resize;
    bottom: 0;
}
.ui-resizable-handle:hover {
    background-color: rgba(8,127,253,0.2);
}

/* support ticket new styles */
.ticket-info .incident-file-btn,
.field-cell .incident-file-btn {
    padding: 8px 32px;
    border-radius: 20px;
    background-color: #f5f5f5;
}

.ticket-info .incident-file-btn:hover,
.field-cell .incident-file-btn:hover {
    background-color: #e2e2e2;
}

.ticket-info .support-ticket-button,
.field-cell .support-ticket-button {
    padding: 8px 32px;
    border-radius: 20px;
    background-color: #3A3C43;
    color: white;
    height: auto;
}
#ticket-form-wrap .ddown-style {
    position: relative;
    width: 275px;
}

.submit-reply-form textarea,
#ticket-form-wrap textarea {
    padding: 8px 16px;
}

#ticket-form-wrap .ddown-style select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 16px;
    line-height: 1.1;
    width: 100%;
}

#ticket-form-wrap .ddown-style:after  {
    width: 0;
    height: 0;
    content: "";
    border-top: 10px solid #3E3F42;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    right: 14px;
    top: 32%;
    pointer-events: none;
}

#ticket-form-wrap .field-cell {
    padding: 8px 0;
}

#ticket-form-wrap .field-list .label-cell {
    vertical-align: middle;
}

#ticket-form-wrap .field-list .label-cell.valign-top {
    padding-top: 12px;
    vertical-align: top;
}

.breadcrumb-item a,
.ticket-info .display-toggle {
    color: #087ffd;
}

.breadcrumb-item.last a {
    color: #3A3C43;
    font-weight: 600;
}

.support-ticket-container,
.ticket-info {
    max-width: 1008px;
    margin: 0 auto;
}

.ticket-info .display-toggle-spacer {
    float: right;
    margin-left: 10px;
}
.ticket-info .ticket-list .ticket-row {
    border: none;
}
.ticket-info .ticket-list .ticket-summary-container {
    padding: 16px 24px;
    margin: 8px 0;
    border: 1px solid #e2e2e2;
}

.ticket-info .ticket-list .ticket-summary-container .user,
.ticket-info .ticket-list .ticket-summary-container .sparklit {
    padding-left: 16px;
    margin-right: 32px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
    flex-basis: 125px;
}

.ticket-info .ticket-list .ticket-summary-container .user,
.ticket-info .ticket-list .ticket-summary-container .sparklit,
.ticket-info .ticket-list .ticket-summary-container .ticket-hide {
}

.ticket-info .ticket-list .ticket-summary-container .ticket-message {

}

.ticket-info .ticket-list .ticket-container .ticket-hide,
.ticket-info .ticket-list .ticket-summary-container .ticket-hide {
    padding-right: 16px;
    float: none;
    display: inline-block;
    width: 20px;
    padding-left: 16px;
    margin-left: auto;
}

.ticket-info .ticket-list .ticket-container {
    padding: 16px 24px;
    margin: 8px 0;
    border: 1px solid #e2e2e2;
}

.ticket-summary-container .ticket-message {
    width: auto;
    margin-right: 0;
}

.ticket-info .ticket-list .ticket-container .user,
.ticket-info .ticket-list .ticket-container .sparklit {
    padding-left: 16px;
    margin-right: 32px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
    flex-basis: 125px;
}

.ticket-info .ticket-list .ticket-container .ticket-date {
    display: inline-block;
    font-style: normal;
    text-transform: uppercase;
    color: #83888B;
    font-size: 16px;
}

.ticket-info .ticket-list .ticket-container .ticket-message {
    margin-top: 16px;
    padding: 48px 56px;
    border-top: 1px solid #e2e2e2;
    font-size: 18px;
    line-height: 1.4;
}

.ticket-info .ticket-list .ticket-container-header {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: left;
}

.ticket-info .ticket-list .adbutler-avatar {
    width: 16px;
    float: left;
    margin-top: 1px;
    padding-right: 8px;
}

.support-ticket-container .support-ticket-button,
#content-right .support-ticket-button,
.ticket-info .add-reply-button {
    padding: 8px 32px;
    border-radius: 20px;
    background-color: #3A3C43;
    color: white;
    height: auto;
}

.support-button-wrapper {
    text-align: left;
}

#content-right .close-ticket-form {
    text-align: center;
}

#content-right .support-ticket-button {
    margin-top: 16px;
}

#content-right .separator-line {
    width: 100%;
    height: 4px;
    border-top: 1px solid #e2e2e2;
    margin: 16px 0;
    display: block;
}

#content-right .separator {
    width: 100%;
    height: 2px;
    margin-top: 16px;
    display: block;
}

.support-ticket-container {
    width: 100%;
}

.support-ticket-list table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.support-ticket-list a,
.support-ticket-list a:visited {
    color: #83888B;
}

.support-ticket-list a:hover {
    color: #087FFD;
}

.support-ticket-list table thead tr {
    border-bottom: none;
    font-weight: 500;
    font-size: 12px;
    color: #83888B;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.support-ticket-list table tr .incident-subject-cell {
    padding: 16px 32px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    color: #3A3C43;
}

.support-ticket-list table tr .incident-subject-cell a {
    color: #3A3C43;
}

.support-ticket-list table tr .incident-last-modified-cell {
    padding: 8px 16px 8px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    text-align: left;
}

.support-ticket-list table tr .incident-last-modified-cell .blue-notice {
    color: #087FFD;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.1px;
}

.support-ticket-list table tr .incident-last-modified-cell .small {
    color: #83888B;
}

.support-ticket-list table tr .incident-subject-cell.incident-unread,
.support-ticket-list table tr .incident-last-modified-cell.incident-unread {
    border-color: #087ffd;
    background-color: #fcfcfc;
}

.support-ticket-list table tr .incident-last-modified-cell .arrow {
    float: right;
}

.support-ticket-list table tr .incident-last-modified-cell .arrow.incident-unread {
    margin-top: 12px;
}

.support-ticket-list table thead tr .incident-subject-title {
    padding-left: 32px;
}

.support-ticket-list table thead tr .incident-last-modified-title {
    text-align: left;
}

.ticket-container .ticket-rating {
    background-color: #fcfcfc;
    text-align: center;
    border: none;
    padding: 48px 24px 48px;
    width: auto;
    float: none;
}

.ticket-container .ticket-rating a {
    color: #087ffd;
}

.ticket-container .ticket-rating .faces {
    padding-bottom: 8px
}

.ticket-container .ticket-rating .rating-option {
    display: inline-block;
    cursor: pointer;
}

.support-ticket-container .row-link {
    cursor: pointer;
}

.support-ticket-container .row-link:hover {
    background-color: #fcfcfc;
}

.support-ticket-container .row-link:hover a,
.support-ticket-container .row-link:hover .small {
    color: #087ffd;
}

#incident-attachment-list li {
    list-style: none;
}

#incident-attachment-list li .glyphicons {
    padding-right: 8px;
}

.submit-reply-form {
    padding: 16px 24px;
}
.submit-reply-form .ticket-reply-label {
    text-transform: uppercase;
    color: #83888B;
}

.ticket-attachments hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 1em 0;
    padding: 0;
}

#needhelp .section-title {
    margin-bottom: 15px;
}

#needhelp p, #needhelp .p {
    margin-bottom: 4px;
}

#needhelp p.sub-title {
    margin-top: 16px;
    margin-bottom: 8px;
    xcolor: #999;
    font-size: 14px;
    font-weight: Bold;
    line-height: 1;
}

/* fix dialog box close button */
.ui-dialog .ui-dialog-titlebar-close {
    border: 0 !important;
    width: 16px !important;
    margin: -11px 0 0 0 !important;
    padding: 2px 2px 0 !important;
}

.help-center-box {
    width: 216px;
}

.help-center-link-home {
    background-color: #fcfcfc;

}

.help-center-link-home a {
    color: #444;
}

/* */
#suggestion-new-toggle-btn .glyphicons::before {
    padding: 0;
}

/* Fix scroll, background issue, and keep the menu resize bar in place */
#viewport {
    top: 64px; left: 0; right: 0; bottom: 0; height: unset;
    position: fixed;
}
#viewport-top { position: absolute; }
#viewport-content { min-height: auto; height: 100%; }
#viewport-inner { overflow-y: hidden; }

#content-right { position:absolute; top:64px; right:0; width:260px; bottom: 0; }
#content-chrm { min-height: unset; margin-left: 260px; height: 100%; overflow-y: scroll; }
#content-left { position: fixed; float: none; top: 64px; }
#content-inner-top { margin-right: 0; }
.stretch { margin-bottom:0; padding-bottom:0; }

/* force graphs to resize on menu resize */
.flot-graph canvas { width: 100% !important; }

/*  print styling for the invoice */
@media print {
    body {
        display: block;
        height: auto;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }
    #viewport-top,
    #content-top,
    #content-left,
    #content-right,
    #statement-view-wrap .breadcrumb-wrap,
    #email-statement-wrap,
    .sparklit-admin-info-wrapper {
        display: none !important;
        visibility: hidden !important;
    }

    #content-left,
    #viewport-top {
        position: relative;
    }

    #viewport {
        left: 0px;
        top: 0px;
        position: absolute;
    }

    #content-chrm {
        margin-left: 0;
    }

    #content-inner-top {
        padding: 8px 0;
    }

    #content {
        margin: 0;
        padding: 16px 0;
    }

    #statement-view-wrap {
        margin: 0;
    }

    #content-chrm,
    #content-inner-top,
    #content,
    #statement-view-wrap,
    .statement {
        visibility: visible !important;
        overflow: visible;
    }

    .statement-content-wrap {
        margin: 0;
        max-width: 670px;
    }

    .button,
    #hover-tip,
    .branding-colorbox-wrap,
    .branding-colorbox,
    #loading-spin,
    #content-loading-text,
    #content-top-navlist > li,
    .notification-count,
    #user-menu-test,
    #user-menu-test .icon-wrap,
    .breadcrumb-item,
    .breadcrumb-separator,
    .ui-dialog.modal .ui-dialog-buttonset .loading.visible {
        display:block;
    }

    .statement-header-row {}

}

.no-ab-glyph {
    padding-left: 0;
}

/* styling for toastr style notification box */
.ui-pnotify.ab-notify-box {
    top: 72px;
    right: 8px;
    background-color: #fcfcfc;
    color: #333;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.ab-notify-theme {
    background-color: #FCFCFC;
    transition: background-color 0.5s ease;
}

.ui-pnotify .ab-notify-theme.ui-pnotify-shadow {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2);
    transition: box-shadow 0.5s ease;
}

.ab-notify-theme:hover {
    cursor: pointer;
    background-color: #F8F8F8;
    transition: background-color 0.5s ease;
}

.ui-pnotify .ab-notify-theme.ui-pnotify-shadow:hover {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    transition: box-shadow 0.5s ease;
}

.ab-notify-box .ui-pnotify-container {
    padding: 10px;
}

.ab-notify-theme .ui-pnotify-closer {
    margin-left: 0;
    border-left: 1px solid #e0e0e0;
}

.ab-notify-theme-icon-closer {
    position: relative;
    width: 50px;
    height: 52px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    background-color: #FCFCFC;
    background-image: url(../assets/icons/icon_notification_close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30% 30%;
    opacity: 0.3;
    transition: background-color 0.5s ease, opacity 0.5s ease;
}

.ab-notify-theme-icon-closer:hover {
    background-color: #F8F8F8;
    opacity: 1;
    transition: background-color 0.5s ease, opacity 0.5s ease;
}

.ab-notify-theme-icon-closer {
    display: inline-block;
}

.ab-notify-theme .ui-pnotify-icon {

}

.ab-notify-theme .ui-pnotify-icon, .ui-pnotify-icon span {
    margin-right: 12px;
}

.ab-notify-theme-icon-notify {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 8px 7px;
    border-radius: 30px;
    background-color: #FFFFFF;
    background-image: url(../assets/icons/icon_notification_list.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.ab-notify-theme-icon-notify {
    display: inline-block;
}

.ab-notify-theme .ui-pnotify-title {
    margin: 0 50px 0 0;
    padding-top: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.ab-notify-theme .ui-pnotify-text {
    margin: 0 50px 0 0;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #087FFD;
}

.ab-notify-theme .ui-pnotify-text.hover {
    text-decoration: underline;
}

.table-viewability-highlight{
    background-color:rgba(0,0,0,0.025);
}


/********************************************************
 *
 * Marketplace
 *
 ********************************************************/
.order-detail-label, .invoice-detail-label {
    font-weight:bold;
}

.order-detail-label a {
    color: #087FFD;
}

.order-detail-value, .invoice-detail-value {
    font-weight:bold;
    float:right;
}

.wizard-box-buttons .button,
.button.marketplace-add-creative,
.button.marketplace-edit-order,
.button.marketplace-edit-creative,
.button.marketplace-submit-order {
    background-color: #F3F8FE;
    color: #087FFD;
    border-color: #087FFD;
}
.button.marketplace-no-margin { margin: 0!important; }

.wizard-box-buttons .button:hover,
.button.marketplace-add-creative:hover,
.button.marketplace-edit-order:hover,
.button.marketplace-edit-creative:hover,
.button.marketplace-submit-order:hover {
    color: #fff;
}
.button.marketplace-submit-order.disable-button {  }

button.button.save-marketplace-button {
    padding-left: 12px;
}

.sparklit-admin-info-wrapper {
    margin-top: 60px;
    display: block;
}

#use-adbulter-invoicing-wrap {
    margin-top: 24px;
}


.invoice-edit-buttons {
    margin: 16px auto;
    display: block;
    width: 180px;
}

.settings-form-group .settings-field-wrap .radio-label {
    padding-right: 16px;
}


#content-top-navlist > li #cart-wrapper {

}

img.info-icon {
    width: 12px;
    position: relative;
    top: 1px;
}

.new-order-wrapper {
    padding: 16px;
    border: 1px solid #E2E2E2;
    background: #EFEFEF;
    border-radius: 6px;
    margin-bottom: 24px;
}

.marketplace-order-item.card-row {
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    margin-bottom: 8px;
    background-color: #fff;
    font-size: 12px;
}

.card-row {
    display: flex;
    width: 100%;
    padding: 8px 0;
}

.card-row .card-cell {
    line-height: 16px;
    display: flex;
    align-items: center;
}

.card-row .card-cell .content {
    /*width: 100%;*/
}

.card-row .order-name {
    width: 20%;
    text-align: left;
    padding-left: 16px;
}

.card-row .order-name .id {
    font-weight: bold;
}

.card-row .received-on {
    width: 10%;
    text-align: left;
}

.card-row .card-cell.marketplace {
    width: 15%;
    text-align: left;
}

.card-row .item-count {
    width: 10%;
    text-align: right;
}

.card-row .impressions {
    width: 10%;
    text-align: right;
}

.card-row .cost {
    width: 10%;
    text-align: right;
}

.card-row .action-required {
    width: 25%;
    text-align: center;
}

.new-order-header.card-row .action-required {
    text-align: right;
    width: 140px;
    margin-left: auto;
}

.card-row .action-required .review-button {
    border-radius: 3px;
    color: #fff;
    background-color: #3A3C43;
    margin: 0 16px 0 auto;
    text-transform: uppercase;
    line-height: 32px;
    width: 140px;
}

.empty-marketplace-order {
    width: 100%;
    border-top: 1px solid #E2E2E2;
}

.empty-marketplace-order .empty-cell {
    width: 100%;
    text-align: center;
    padding-top: 48px;
}

.publisher-marketplaces-wrapper {
    padding: 0;
}

.publisher-marketplaces-wrapper .button.button-icon {
    padding: 6px 16px 6px 32px;
    margin-left: 0;
    margin-right: 0;
    height: 32px;
}

.card-row .card-cell.order-name,
.card-row .card-cell .id,
.card-row .card-cell .email {
    line-height: 15px;
}

.card-row .publisher-name {
    width: 20%;
    text-align: left;
    padding-left: 16px;
    font-weight: bold;
}

.card-row .new-order-count,
.card-row .upcoming-order-count,
.card-row .active-order-count {
    width: 12%;
    text-align: right;
    justify-content: flex-end;
}

.card-row .zone-count {
    width: 15%;
    text-align: right;
    padding-right: 12px;
    justify-content: flex-end;
}

.card-row .available-inventory {
    width: 30%;
    text-align: left;
    padding-left: 32px;
    justify-content: space-between;
}

.card-row .circle-arrow {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    margin-right: 16px;
    text-align: center;
    float: right;
    line-height: 30px;
    background: none;
    position:relative;
    left: 0;
}

.publisher-marketplace-item.card-row:hover .circle-arrow {
    position:relative;
    left: 5px;
    transition: all 200ms;
}

.card-row .circle-arrow img {
    margin: 9px auto 0;
}

.publisher-marketplace-header {
    padding-top: 16px;
}

.publisher-marketplace-header .card-cell {
    font-weight: bold;
}

.publisher-marketplace-header .available-inventory {
    /*text-align: center;*/
}

.empty-publisher-marketplace {
    width: 100%;
    border-top: 1px solid #E2E2E2;
}

.empty-publisher-marketplace .empty-cell {
    width: 100%;
    text-align: center;
    padding-top: 48px;
    justify-content: center;
    color: #999;
}

#available-publishers-table .tabulator-row.disabled {
    color: #E2E2E2;
    cursor: not-allowed;
}

#available-publishers-table .tabulator-row.disabled .ab-glyph:before {
    color: #E2E2E2 !important;
}

#zone-inventory-table .tabulator-row.disabled,
#zone-inventory-table .tabulator-row.disabled .details,
#zone-inventory-table .tabulator-row.disabled .max-file-size {
    background: #E6E6E6;
    color: #999 !important;
}

#zone-inventory-table .tabulator-row.disabled .req-pill {
    background-color: #E6E6E6 !important;
    color: #999 !important;
}

.publisher-marketplace-item {
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    margin: 4px 0 8px;
}
.publisher-marketplace-item.card-row {
    padding: 16px 0;
}

.button.dark-grey-button {
    color: #fff;
    background-color: #3A3C43;
}

.publisher-marketplace-item .card-cell.publisher-name {
    font-weight:400;
}

.publisher-marketplace-item.card-row {
    box-shadow: 0 3px 8px #f3f3f3;
    border: 1px solid #f3f3f3;
}

.publisher-marketplace-item.card-row:hover {
    background: #fcfcfc;
    border: 1px solid #f9f9f9;
    box-shadow: 0 1px 2px #ccc;
    transition: all 400ms;
}

/********************************************************
 Marketplace Sidebar Styles
********************************************************/

#marketplaceTransactionFee {
    width: 100px;
}

/********************************************************
 Marketplace Sidebar Styles
********************************************************/

#content-right .section.marketplace-sidebar-section {
    border-top: none;
    border-bottom: none;
}

.marketplace-sidebar-section button {
    width: 100%;
    margin-bottom: 8px;
}

.marketplace-sidebar-section .sub-section {
    padding: 16px 0;
}

.marketplace-sidebar-section .sub-section-title {
    color: #73777B;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 8px;
}

.marketplace-sidebar-section .order-detail-row {
    padding-bottom: 8px;
}

#content-right .context-buttons button {
    width: 100%;
    margin-bottom: 8px;
}

.text-muted {
    font-weight: normal;
}

.marketplace-sidebar-section .small-text {
    color: #73777B;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    padding-bottom: 4px;
}

.marketplace-sidebar-section .sidebar-content {
    padding-bottom: 24px;
}

.marketplace-sidebar-section .toggle-wrapper .marketplace-access-toggle {
    display: inline-block;
    position: relative;
    border-radius: 26px;
    width: 56px;
    height: 26px;
    background-color: #3A3C43;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.marketplace-sidebar-section .toggle-wrapper .marketplace-access-toggle.Public {
    background-color: #51C62D;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.helper-text .private,
.helper-text .public {
    color: #73777B;
    font-size: 10px;
}
.helper-text.Public .private {
    display: none;
}
.helper-text.Public .public {
    display: block;
}
.helper-text.Private .private {
    display: block;
}
.helper-text.Private .public {
    display: none;
}

.marketplace-sidebar-section .toggle-wrapper .toggle-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #fff;
    margin: 5px;
    left: 0;
    position: absolute;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
}

.marketplace-sidebar-section .toggle-wrapper .Public .toggle-button  {
    left: 30px;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
}

.marketplace-sidebar-section .toggle-wrapper .label-wrapper {
    height: 26px;
    width: 45px;
    line-height: 26px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
}

.marketplace-sidebar-section .toggle-wrapper .toggle-label {
    font-weight: bold;
    position: absolute;
}

.marketplace-sidebar-section .toggle-wrapper .label-wrapper .private-label {
    right: 0;
}

/* Self-Serve Portal Enable/Disable */
.marketplace-sidebar-section .toggle-wrapper .marketplace-access-toggle.Active {
    background-color: #087FFD;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.helper-text .active,
.helper-text .paused {
    color: #73777B;
    font-size: 10px;
}
.helper-text.Active .paused {
    display: none;
}
.helper-text.Active .active {
    display: block;
}
.helper-text.Paused .paused {
    display: block;
}
.helper-text.Paused .active {
    display: none;
}

.marketplace-sidebar-section .toggle-wrapper .label-wrapper .active-label {
    padding-left: 10px;
}

.marketplace-sidebar-section .toggle-wrapper .label-wrapper {
    padding-right: 4px;
}

.marketplace-sidebar-section .toggle-wrapper .Active .toggle-button  {
    left: 30px;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
}

/********************************************************
 Marketplace Publisher Edit Styles
********************************************************/

.marketplace-publisher-edit-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.marketplace-publisher-edit-wrapper .container {
    position: relative;
    cursor: pointer;
}

.marketplace-publisher-edit-wrapper .container .logo-wrap-edit-message {
    display: block;
    color: #087FFD;
    white-space: normal;
    font-size: 10px;
    font-weight: bold;
}

.marketplace-publisher-edit-wrapper .container .logo-wrap-edit-message.logo-empty {
    border: 1px dashed #d0d0d0;
    font-size: 12px;
    height: 70px;
    border-radius: 5px;
    text-align: center;
    padding-top: 43px;
    width: 130px;
    margin: 10px 0;
}

/********************************************************
 Marketplace Tab View Styles
********************************************************/

.marketplace-tabs {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 32px;
    display: flex;
}

.marketplace-tabs .tab {
    padding-bottom: 8px;
    margin-right: 32px;
    color: #087FFD;
    cursor: pointer;
    font-weight: bold;
}

.marketplace-tabs .tab.active {
    border-bottom: 3px solid #3A3C43;
    color: #3A3C43;
}

.marketplace-display-panel {
    border-top: 1px solid #E2E2E2;
    margin-top: 0;
    padding-top:16px;
}

.marketplace-table-topper {
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-end;
}

.marketplace-table-topper .ui-button {
    width: 205px;
    margin-right: 0;
    border: 1px solid #d0d0d0;
}

.marketplace-table-topper .button.button-icon {
    padding: 4px 12px;
}

.marketplace-table-topper .button.ui-state-disabled:hover {
    background: rgb(242,242,242) !important;
    border-color: #d0d0d0 !important;
    color: rgba(51,51,51, 0.35) !important;
}

.advertiser-history-container .marketplace-table-topper {
    margin-top: 16px;
    justify-content: space-between;
}

.advertiser-history-container .marketplace-table-topper h3 {
    margin-top: 0;
    margin-bottom: 0;
}

/********************************************************
 Marketplace Waring Panel Styles
********************************************************/

.marketplace-warning-panel {
    background-color: #FEFCEC;
    border: 1px solid #FFD36B;
    border-radius: 3px;
    padding: 32px;
    margin: 32px auto;
    max-width: 500px;
    text-align: center;
}

.marketplace-warning-panel h3 {
    padding-bottom: 16px;
}

.marketplace-warning-panel p {
    padding-bottom: 32px;
}

.marketplace-warning-panel-grey {
    background-color: #fff;
    border: none;
    color: #999;
    border-radius: 3px;
    padding: 32px;
    margin: 32px auto;
    max-width: 500px;
    text-align: center;
}

/********************************************************
 Marketplace Details Styles
********************************************************/

.marketplace-details-wrap {
    display: flex;
    flex-direction: row;
    margin-top: 48px;
    margin-bottom: 16px;
}

.marketplace-details-wrap .image-column {
    width: 20%;
}

.marketplace-details-wrap .image-column img {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 150px;
    max-height: 150px;
}

.marketplace-details-wrap .image-column #publisher-logo-empty {
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    font-size: 90px;
    line-height: 150px;
    text-align: center;
    color: inherit;
    border-radius: 5px;
    background-color: #E2E2E2;
    color: #3A3C43;
}

.marketplace-details-wrap .text-column {
    width: 60%;
    margin: 0 16px;
}

.marketplace-details-wrap .text-column.no-image {
    width: 60%;
    margin-left: 0;
}

.marketplace-details-wrap .small-text {
    color: #73777B;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    padding-bottom: 4px;
}

.marketplace-details-wrap .text-column .name {
    color: #3A3C43;
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
    padding-bottom: 8px;
}

.marketplace-details-wrap .text-column .url {
    padding-bottom: 16px;
}

.marketplace-details-wrap .text-column .url a {
    color: #087FFD;
    font-size: 12px;

}
.marketplace-details-wrap .text-column .description {
    color: #73777B;
    font-size: 12px;
}

.marketplace-details-wrap .media-kit-column {
    width: 20%;
}

.marketplace-details-wrap .inline-field-display p{
    height: auto;
    margin-bottom: 0;
}

/********************************************************
 Marketplace Tabulator Cell Styles
********************************************************/

.cell-contents {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    width: 100%;
    height: 100%;
}

.cell-contents .full-width {
    width: 100%;
}

.cell-contents.left {
    justify-content: flex-start;
}

.cell-contents.right {
    justify-content: flex-end;
}

.tabulator-cell .link {
    color: #087FFD;
}

.tabulator-cell .preview-button {
    border-radius: 3px;
    color: #fff;
    background-color: #3A3C43;
    text-transform: uppercase;
    width: 98%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
}

.tabulator-cell .center {
    text-align: center;
}

.tabulator-cell .preview-button div {
    text-align: center;
    white-space: normal;
}

.tabulator-cell .review-button {
    border-radius: 3px;
    color: #fff;
    background-color: #3A3C43;
    text-transform: uppercase;
    width: 98%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
}

.tabulator-cell .add-inventory-button {
    border-radius: 3px;
    color: #fff;
    background-color: #087ffd;
    height: 100%;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
}

.tabulator-cell .add-inventory-button:hover {
    background-color: #1A6AE4;
}

.tabulator-cell.status-cell .ab-glyph-small:before {
    padding-right: 0;
}

.cell-contents .cost {
    font-size: 12px;
    font-weight: 500;
}

.cell-contents .req-pill {
    display: inline-block;
    background-color: #E2E2E2;
    border-radius: 10px;
    padding: 4px 8px;
    margin-right: 4px;
    color: #3A3C43;
    font-size: 10px;
}

.cell-contents .top-line {
    padding-bottom: 0;
}

.cell-contents .bottom-line {
    padding-top: 4px;
}

.order-details .cell-contents .top-line {
    padding-bottom: 0;
}

.order-details .cell-contents .bottom-line {
    padding-top: 0;
}

.cell-contents .full-width .bottom-line {
    display: flex;
    justify-content: center;
}

 .bar-wrapper {
    position: relative;
    background-color: #D3F1CA;
    width: 100%;
    border-radius: 20px;
    height: 12px;
}

 .bar-wrapper .bar {
    background-color: #52C62E;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
     border-radius: 20px;
}

.bar-wrapper.warning {
    background-color: rgba(234,53,6, 0.2);
}

.bar-wrapper .bar.warning {
    background-color: #EA3506;
}

.cell-contents .strike-out {
    text-decoration: line-through;
    color: #73777B;
}

.cell-contents .table-action {
    color: #087FFD;
    cursor: pointer;
}

.marketplace-table-icon {
    float: left;
    font-size: 20px;
}

.marketplace-table-icon.ab-glyph:before {
    top: auto;
    padding-right: 24px;
    height: 33px;
}

.marketplace-publisher-name {
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
}

/********************************************************
Marketplace Order History Styles
********************************************************/
.order-history-wrapper {
    display: flex;
    flex-direction: row;
}

.order-history-wrapper .back-arrow {
    width: 34px;
    padding-top: 22px;
    padding-right: 8px;
    color: #087FFD;
}

.back-navigation {
    padding-top: 22px;
    padding-bottom: 8px;
}

.back-arrow img {
    width: 14px;
    padding-right: 8px;
}


.order-history-wrapper .order-history-container {

}

.order-history-wrapper .order-history-container,
.order-history-wrapper #order-history-table {
    width: 100%;
}

.red-pill {
    color: #e6282e;
    background-color: #FFF6F4;
    font-size: 12px;
    padding: 8px 16px;
    border-radius: 15px;
    text-align: center;
}

.red-pill .bang {
    width: 14px;
    border-radius: 10px;
    background-color: #e6282e;
    color: #FFF6F4;
    display: inline-block;
    text-align: center;
}

.yellow-pill {
    background-color: #FEFCEC;
    color: #675F46;
    font-size: 12px;
    padding: 8px 16px;
    border-radius: 15px;
    text-align: center;
}

.yellow-pill .bang {
    width: 14px;
    border-radius: 10px;
    color: #FEFCEC;
    background-color: #675F46;
    display: inline-block;
    text-align: center;
}

#advertiser-list-table .tabulator-row.unverfied-advertiser .req-pill,
#advertiser-list-table .tabulator-row.unverfied-advertiser {
    color: #999;
}

#order-history-table .tabulator-row {
    padding-top: 0;
    padding-bottom: 0;
}

#order-history-table .tabulator-row .tabulator-cell {
    /*padding-top: 4px;*/
    /*padding-bottom: 4px;*/
}

/********************************************************
 * Marketplace  Order View Styles
********************************************************/

.chart-wrapper {
    margin-bottom: 48px;
    position: relative;
}
.chart-wrapper .nav-wrapper {
    display: flex;
    align-content: center;
    width: 250px;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
}

.chart-wrapper .nav-wrapper .column {
    width: 33px;
}

.chart-wrapper .nav-wrapper .chart-button {
    padding: 8px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    text-align: center;
}

.chart-wrapper .nav-wrapper .chart-button.disabled {
    color: #bdbdbd;
    cursor: auto;
}

.chart-wrapper .nav-wrapper .date-range {
    padding: 8px;
    font-size: 14px;
    color: #333;
    width: 110px;
    text-align: center;
}

/********************************************************
 * Marketplace  Modal Styles
********************************************************/
.stripe-marketplace-modal {
    border-radius: 15px;
    background: #FBFBFA;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
}

.stripe-marketplace-modal .ui-dialog-titlebar {
    background-color: transparent;
    border: none;
}

.stripe-marketplace-modal .ui-dialog-titlebar .ui-dialog-title,
.stripe-marketplace-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
}

.stripe-marketplace-modal.ui-dialog .ui-dialog-buttonpane {
    border-top: none;
    margin-top: 0;
}

.stripe-marketplace-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 24px;
}

.stripe-marketplace-modal.ui-dialog .ui-dialog-buttonpane button {
    width: 145px;
    text-transform: capitalize;
    font-size: 12px;
}

.ui-dialog.stripe-marketplace-modal .ui-dialog-content {
    padding: 0;
}

.ui-dialog.stripe-marketplace-modal .ui-dialog-content .content {
    padding: .5em 64px;
}

.ui-dialog.stripe-marketplace-modal .ui-dialog-content .content-footer {
    padding: 32px 6em 8px;
    background-color: #fff;
}

.stripe-marketplace-modal .center {
    text-align: center;
}

.stripe-marketplace-modal .bold {
    font-weight: bold;
}

.stripe-marketplace-modal ul {
    margin: 36px 12px;
}

.stripe-marketplace-modal li {
    padding-bottom: 12px;
}

.stripe-edit-modal-with-remove.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.stripe-edit-modal-with-remove.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .remove-connection-button {
    margin-right: auto;
    margin-left: 8px;
}

.stripe-edit-modal.ui-dialog .ui-dialog-content .connection-settings {
    padding: 16px;
}

.stripe-edit-modal.ui-dialog .ui-dialog-content .connection-settings .edit {
    display: inline;
    padding: 4px 6px;
    margin: 0 8px;
}

.stripe-edit-modal.ui-dialog .ui-dialog-content .connection-settings .stripe-edit-error {
    color: #FF5226 !important;
}

.stripe-edit-modal.ui-dialog .ui-dialog-content .connection-settings #order-days {
    width: 24px;
}

/********************************************************
Marketplace Publisher Portal Delete Dialog
********************************************************/
#publisher-portal-delete-options-modal {
    padding: 32px;
}

#publisher-portal-delete-options-modal p {
    line-height: 19px;
}

#publisher-portal-delete-options-modal .modal-form-group {
    padding: 8px 16px;
}

#publisher-portal-delete-options-modal .modal-form-group input:disabled+label {
    opacity: 0.3;
}

/********************************************************
Marketplace Spinner
********************************************************/
.mp-spinner {
    position: absolute;
    top: 0;
    left: 46%;
}

/********************************************************
 *
 * Overdue Warning
 *
 ********************************************************/

#account-overdue-warning {
    background: #e6282e;
    padding: 10px 15px;
    color: white;
    font-size: 120%;
    position: absolute;
    width: 70%;
    left: 15%;
    top: 0;
}

#account-overdue-warning > a,
#account-overdue-warning > a:active,
#account-overdue-warning > a:visited,
#account-overdue-warning > a:hover {
    color: white !important;
    font-weight: bold !important;
}

/**********************************************************
 *
 * Admin sidebar
 *
 **********************************************************/

.ab-arrow-right-tail-container {
    margin-left: 0.35em;
}

#content .ab-small-text,
#content-right .ab-small-text {
    font-size: 12px;
    text-transform: uppercase;
}

#content .ab-grey-text,
#content-right .ab-grey-text {
    color: #73777B;
}

#content .ab-large-text,
#content-right .ab-large-text {
    font-size: 20px;
    line-height: 30px;
}

.ab-yellow {
    color: #f7c942;
}


/********************************************************
 *
 * Publisher and Advertiser Creation/Edit Pages
 *
 ********************************************************/

.modal-settings .required-star,
#advertiser-settings .required-star,
#publisher-settings .required-star {
    color: #EB0000;
}

.modal-settings .settings-form-group,
#advertiser-settings .settings-form-group,
#publisher-settings .settings-form-group,
#stats-permissions-modal .settings-form-group {
    margin-bottom: 10px;
}

.modal-settings .settings-form-group {
    width: 100%;
}

#advertiser-settings .settings-form-group input[type=text],
#publisher-settings .settings-form-group input[type=text]{
    max-width: 420px;
}

.modal-settings .form-check-input,
#advertiser-settings .form-check-input,
#publisher-settings .form-check-input,
#stats-permissions-modal .form-check-input {
    cursor: pointer;
}

.modal-settings .form-check-label,
#advertiser-settings .form-check-label,
#publisher-settings .form-check-label,
#stats-permissions-modal .form-check-label {
    padding-left: 8px;
    cursor: pointer;
}

.modal-settings .form-check-label.disabled,
#advertiser-settings .form-check-label.disabled,
#publisher-settings .form-check-label.disabled,
#stats-permissions-modal .form-check-label.disabled,
#self-serve-panel .self-serve-access-settings.disabled {
    opacity: 0.3;
}

#advertiser-settings .user-login-blurb,
#publisher-settings .user-login-blurb {
    margin-left: 24px;
    width: 400px;
    padding: 8px 0 16px;
}

#publisher-settings .wp-copy {
    display: inline-block;
}

.modal-settings .grouping,
#advertiser-settings .grouping,
#publisher-settings .grouping {
    margin-bottom: 40px;
}

#advertiser-settings .grouping.user-account .inline-link-blue,
#publisher-settings .grouping.user-account .inline-link-blue {
    margin-left: 5px;
}

.modal-settings,
#stats-permissions-modal #stats-permission-form {
    margin: 20px 25px;
}

.modal-settings .settings-form-group,
#stats-permissions-modal #stats-permission-form > .settings-form-group:first-child {
    margin-bottom: 20px;
}

.modal-settings .settings-form-group .settings-label,
#advertiser-settings .settings-form-group .settings-label,
#publisher-settings .settings-form-group .settings-label,
#stats-permissions-modal .settings-form-group .settings-label {
    width: 115px;
}

.modal-settings .settings-form-group .settings-field-wrap,
#advertiser-settings .settings-form-group .settings-field-wrap,
#publisher-settings .settings-form-group .settings-field-wrap,
#stats-permissions-modal .settings-form-group .settings-field-wrap {
    margin-left: 115px;
}

.modal-settings .settings-form-group.indented,
#advertiser-settings .settings-form-group.indented,
#publisher-settings .settings-form-group.indented,
#stats-permissions-modal .settings-form-group.indented {
    margin-left: 24px;
}

.modal-settings .settings-form-group.full-width,
#advertiser-settings .settings-form-group.full-width,
#publisher-settings .settings-form-group.full-width,
#stats-permissions-modal .settings-form-group.full-width {
    width: 100%;
}

#advertiser-settings .user-login-access-settings,
#publisher-settings .user-login-access-settings,
#stats-permissions-modal .user-login-access-settings {
    margin-top: 24px;
}

#advertiser-settings .user-login-access-settings .settings-form-group .settings-label,
#publisher-settings .user-login-access-settings .settings-form-group .settings-label,
#stats-permissions-modal .user-login-access-settings .settings-form-group .settings-label {
    width: 115px;
}

#advertiser-settings .user-login-access-settings .settings-form-group .settings-field-wrap,
#publisher-settings .user-login-access-settings .settings-form-group .settings-field-wrap, 
#stats-permissions-modal .user-login-access-settings .settings-form-group .settings-field-wrap{
    margin-left: 115px;
}

.modal-settings .settings-form-group .settings-field-wrap,
#advertiser-settings .settings-form-group .settings-field-wrap,
#publisher-settings .settings-form-group .settings-field-wrap,
#stats-permissions-modal .settings-form-group .settings-field-wrap {
    padding-bottom: 0;
}

#advertiser-settings .settings-form-group .settings-field-wrap .edit-email input,
#publisher-settings .settings-form-group .settings-field-wrap .edit-email input,
#advertiser-settings .settings-form-group .settings-field-wrap .edit-password input,
#publisher-settings .settings-form-group .settings-field-wrap .edit-password input {
    width: 75%;
    height: 28px;
}

#advertiser-settings .settings-form-group .settings-field-wrap .view-email,
#publisher-settings .settings-form-group .settings-field-wrap .view-email,
#advertiser-settings .settings-form-group .settings-field-wrap .view-password,
#publisher-settings .settings-form-group .settings-field-wrap .view-password {
    padding-top: 5px;
}

#advertiser-settings .copy-to-clipboard,
#advertiser-settings .send-via-email,
#publisher-settings .copy-to-clipboard,
#publisher-settings .send-via-email {
    display: inline-block;
    padding: 0 12px;
}

.notification-icon {
    margin-left: 8px;
    margin-bottom: -5px;
    margin-right: 4px;
}

#self-serve-panel .customer-account .settings-label {
    font-weight: bold;
}

#self-serve-panel .mp-invite-button {
    color: #087FFD;
}

/********************************************************
Advertiser Verify Modal
********************************************************/
#advertiser-verify-modal {
    margin: 32px;
}

#advertiser-verify-modal p {
    margin-bottom: 15px;
}

#advertiser-verify-modal input[type="text"] {
    width: 100%;
}

/* -------- Statistics Restrictions -------- */
.stats-permissions-modal-parent {
    overflow: visible;
    width: 500px !important;
}
.stats-permissions-modal-parent #stats-permissions-modal {
    overflow: visible;
}

#stats-permissions-modal .report-menu .toggle {
    margin-left: 25px;
    width: 250px;
}

#stats-permissions-modal input:not(:checked) ~ .report-menu .toggle {
    opacity: 0.5;
}

#stats-permissions-modal input:not(:checked) ~ .report-menu .toggle .stat-ddl-button-text:before {
    content: '0';
}

#stats-permissions-modal input:not(:checked) ~ .report-menu .toggle .stat-ddl-button-text span {
    display: none;
}

#stats-permissions-modal .ddl-anchor {
    position:relative;
}

#stats-permissions-modal .ddl-anchor .ddl {
    width: 250px;
    position: absolute;
    top: -8px;
    left: 143px;
    z-index: 1002;

    -webkit-box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.3);
    -moz-box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.3);
    box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.3);

    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
}

#stats-permissions-modal .ddl-anchor .ddl .top {
    padding: 5px;
    border-bottom: 1px solid #d0d0d0;
}

#stats-permissions-modal .ddl-anchor .ddl .top .right {
    margin-left: 24px;
}

#stats-permissions-modal .ddl-anchor ul {
    max-height: 330px;
    margin: 0;
    
    overflow-y: auto;
}

#stats-permissions-modal .ddl-anchor ul li.category, #stats-permissions-modal .ddl-anchor ul li label {
    padding: 3px 4px;
}

#stats-permissions-modal .ddl-anchor ul li label {
    display: block;
    cursor: pointer;
}

#stats-permissions-modal .ddl-anchor ul li.category {
    background-color: #f0f0f0;
}

#stats-permissions-modal .ddl-anchor ul li input {
    margin-right: 6px;
    margin-left: 3px;
}

#stats-permissions-modal .report-menu .ui-button-text {
    display: flex;
    justify-content: space-between;
}

#advertiser-settings .report-restrictions-group .settings-field-wrap,
#publisher-settings .report-restrictions-group .settings-field-wrap {
    padding-top: 5px;
}

#advertiser-settings .report-restrictions-group .settings-field-wrap a,
#publisher-settings .report-restrictions-group .settings-field-wrap a {
    margin-left: 24px;
}

#advertiser-settings .report-restrictions-group .settings-field-wrap input:not(:checked) ~ label a,
#publisher-settings .report-restrictions-group .settings-field-wrap input:not(:checked) ~ label a {
    display: none;
}

#advertiser-settings .visibility-container,
#publisher-settings .visibility-container {
    margin-top: 16px;
}

#advertiser-settings .visibility,
#publisher-settings .visibility {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-left: 24px;
}

#advertiser-settings .visibility.vast-columns,
#publisher-settings .visibility.vast-columns {
    padding-bottom: 0;
}

#advertiser-settings .visibility p,
#publisher-settings .visibility p {
    margin: 0 0 0 10px;
}

#advertiser-settings .visibility .visibility-icon,
#publisher-settings .visibility .visibility-icon {
    width: 20px;
    height: 20px;
}

/* ------------ Default Payout ------------ */
#publisher-settings .default-payout #payout-type {
    margin-right: 20px;
}

#publisher-settings .default-payout .payout-details {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    max-width: 550px;
    padding-left: 20px;
}

#publisher-settings .default-payout .payout-details .checkbox-container {
    margin-right: 10px;
    display: inline-block;
}

#publisher-settings .default-payout .payout-details fieldset.input-box {
    display: inline-block;
}

#publisher-settings .default-payout .input-box input {
    margin: 0 5px;
}
#publisher-settings .default-payout .input-box input.rate {
    text-align: right;
    width: 60px;
}
#publisher-settings .default-payout .input-box input.percent {
    text-align: center;
    width: 50px;
}

/* Opacity */
#publisher-settings .default-payout * {
    transition: opacity 0.3s;
}

#publisher-settings .default-payout input:disabled ~ label, #publisher-settings .default-payout fieldset:disabled {
    opacity: 0.5;
}

#publisher-settings .default-payout input:disabled {
    background-color: #ffffff;
}

/* This stops opacity stacking and making certain sections extra-transparent */
#publisher-settings .default-payout fieldset:disabled fieldset, #publisher-settings .default-payout fieldset:disabled input:disabled {
    opacity: 1;
}

/********************************************************
 *
 * Marketplace/Zone Add/Edit Form pages
 *
 ********************************************************/
#marketplace-settings .field-error-wrap .field-error {
    display: block;
}

#marketplace-settings .required-star {
    color: #EB0000;
}

#marketplace-settings .optional-star {
    color: #E2E2E2;
}

#marketplace-settings .settings-form-group {
    margin-bottom: 10px;
}

#marketplace-settings .settings-form-group {
    width: 90%;
}

#marketplace-settings .form-check-input {
    cursor: pointer;
}

#marketplace-settings .form-check-label {
    padding-left: 8px;
    cursor: pointer;
}

#marketplace-settings .light-grey {
    color: #999999;
    font-size: 12px;
}

#marketplace-settings .settings-form-group .settings-label {
    width: 140px;
    padding-left: 7px;
    padding-right: 20px;
}

#marketplace-settings .settings-form-group .settings-field-wrap{
    margin-left: 170px;
}

#marketplace-settings .settings-form-group.indented {
    margin-left: 24px;
}

#marketplace-settings .settings-form-group .field-error-wrap {
    margin: 5px 0 0 0;
    height: 0.9em;
}

#marketplace-settings .settings-form-group .settings-field-wrap.half-width > select,
#marketplace-settings .settings-form-group .settings-field-wrap.half-width > input[type="text"] {
    width: 50%;
    max-width: 300px;
}

#marketplace-settings .settings-form-group .settings-field-wrap.full-width > select,
#marketplace-settings .settings-form-group .settings-field-wrap.full-width > input[type="text"] {
    width: 99%;
}

/********************************************************
 *
 * Zone View Styles
 *
 ********************************************************/
.zone-view-section{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 10px;
}

.publisher-create-clickable,
.zone-view-clickable{
    cursor: pointer;
    color: #087ffd;
}

#zone-details-wrap #zone-details-edit span:before{
    top: 2px;
    padding-right: 6px;
}

.zone-view-section .zone-view-left{
    justify-self: left;
}

.zone-view-section .zone-view-right{
    justify-self: right;
}

.zone-view-section .zone-view-center{
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: auto;
    margin-right: auto;
}

.zone-view-section .zone-details-not-set,
.zone-view-section .zone-view-label{
    font-size: 12px;
    color: rgb(124, 127, 129);
}

.zone-view-section .zone-view-value{
    font-size: 12px;
}

.zone-view-section .zone-fallback-ad{
    width: 240px;
    margin-left: -9px;
    border: 1px solid #e6e6e6;
}

.zone-view-section #zone-fallback-campaign-preview{
    margin-top: 10px;
}

#fallback-type-select .settings-field-wrap{
    padding-top: 5px;
}


/************************************************************
 * Marketplace Customer
 ***********************************************************/
.customer-table thead td {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
}

.table.customer-table td,
.table.customer-table th {
    padding: 8px 8px 8px 12px;
}

.customer-table td > div {
}

.customer-table .liner {
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    display: table-cell;
}

.customer-table .user-name-wrap {
    cursor: default;
    padding-left: 40px;
}
.customer-table .user-name-wrap .thumb {
    float:left; margin-left:-40px;
    width: 32px; height:32px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}
.customer-table .user-name { font-weight:bold; }

.customer-table .admin-star {
    top: 2px;
    color: black;
    xcolor: #E8D000;
}

x.customer-table .user-name {
    color: black;
}

x.customer-table .customer-name-cell { width:1%; white-space:nowrap; }
.customer-table .customer-role-cell { width:16%; white-space:nowrap; }
.customer-table .customer-access-cell { width:20%; white-space:nowrap; }



.role-label-nolink { cursor:default; }

.role-btn-item { padding:5px 10px 0 10px; }

.role-edit-dd li a.role-dd-link { padding-left: 26px; }
.role-edit-dd li a.role-dd-link .glyphicons { display:none; float:left; margin-left: -16px; margin-top:3px; font-size:10px; }
.role-edit-dd li.role-active a.role-dd-link { color:#337ab7; }
.role-edit-dd li.role-active a.role-dd-link .glyphicons { display:block; }

.invited-role-edit-dd li a.invited-role-dd-link { padding-left: 26px; }
.invited-role-edit-dd li a.invited-role-dd-link .glyphicons { display:none; float:left; margin-left: -16px; margin-top:3px; font-size:10px; }
.invited-role-edit-dd li.role-active a.invited-role-dd-link { color:#337ab7; }
.invited-role-edit-dd li.role-active a.invited-role-dd-link .glyphicons { display:block; }

#invite-customer-spinner { display:inline-block; height:34px; width:34px; vertical-align:middle; padding:4px; }
#invite-customer-spinner.hidden { display:none; }

.invite-phase-2 { display:none; }
.invite-phase-3 { display:none; }
.invite-phase-4 { display:none; }

#invite-phase-2 .customer-opt-list { float:left; }
#invite-phase-2 .customer-opt-list > * { float:left; display:inline-block; margin: 0 0 0 5px; }

#invite-confirm-list { margin-top:10px; max-height:280px; overflow-y:auto; }
#invite-confirm-list .confirm-customer { padding:15px; border-top:1px solid #eee; }
#invite-confirm-list .confirm-customer:hover { background:#f9f9f9; }
#invite-confirm-list .confirm-customer:first-child { border-top:0; }


#sl-customer-notify a.add { display:inline; }
#sl-customer-notify a.discard { display:none; }
#sl-customer-notify-msg { display:none; }

#add-customer-error { color:#EB0000; display:none; margin:20px 0; }

#add-customer-spinner { display:inline-block; height:34px; width:34px; vertical-align:middle; padding:4px; }
#add-customer-spinner.hidden { display:none; }

.customer-row { margin-bottom:5px; }
.customer-row .name-col { width:75%; padding-left:15px; padding-right:0; }
.customer-row .role-col { width:25%; padding-left:0; padding-right:15px; xmargin-left:-1px; }
.customer-row .name-col input:focus { z-index:999999; position:relative; }
.customer-row .role-col select { border: 0; }
.customer-row .role-col select:focus { z-index:999999; position:relative; box-shadow: none; }
.customer-row .customer-select-wrap { background-color: #f2f2f2; }
.customer-row .customer-select { float:left; padding-left:15px; padding-right:35px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.customer-row .customer-select .remove { float:right; margin-right:-35px; padding:0 7px; color:white; }
.customer-row .customer-select .remove .glyphicons { top:3px; opacity:0.6; }
.customer-row .customer-select .remove:hover .glyphicons { opacity: 1; }
.customer-row .customer-select.bg-danger .remove { color: #444; }

.customer-row .customer-select { display: none; }
.customer-row.selection-made .customer-search { display:none; }
.customer-row.selection-made .customer-select { display:inline-block; }

/************************************************************
 * End Marketplace Customer
 ***********************************************************/

/**********
Searchable Select Component
***********/
.searchable-select {
    position: relative;
    display: inline-block;
}

.searchable-select .searchable-select_dropdown {
    cursor: default;

    min-width: 200px;
    max-width: 265px;
    padding-right: 30px;

    text-align: left;

    background-color: #FAFAFA;
    border: 1px solid #DADADA;
    border-radius:         3px;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;
}

/** Real focus for when clicking, and fake focus when popup is open */
.searchable-select .searchable-select_dropdown:focus,
.searchable-select .searchable-select_dropdown.focus {
    border-color: #AAA;
    background-color: #FFF;
}

.searchable-select .searchable-select_dropdown-text {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: inherit;

    position: relative;
}

.searchable-select .searchable-select_dropdown-text.placeholder {
    color: #999;
}

.searchable-select .searchable-select_dropdown-text.modified:not(.placeholder) {
    padding-right: 10px;
}

.searchable-select .searchable-select_dropdown-text.modified:not(.placeholder)::after {
    position: absolute;
    right: 0;
    content: "*";
    color: #999;
}

.searchable-select .searchable-select_dropdown,
.searchable-select .searchable-select_search {
    padding: 4px 24px 4px 6px;
    height: 28px;
}

.searchable-select .searchable-select_dropdown-arrow {
    position: absolute;
    top: 10px;
    right: 12px;
    line-height: 0;
}

.searchable-select .searchable-select_dropdown-arrow svg path {
    stroke: #333;
}

.searchable-select .searchable-select_popup {
    position: absolute;
    top: 50px;
    z-index: 100;
    padding-bottom: 50px;
}

.searchable-select .searchable-select_popup.right {
    right: 1px;
}

.searchable-select .searchable-select_popup.left {
    left: 1px;
}

.searchable-select .searchable-select_popup-body {
    padding: 0;
    max-width: 400px;

    border: 1px solid #DADADA;
    background-color: #FFF;
    border-radius:         3px;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;

    box-shadow:         0 3px 6px rgba(0,0,0,0.16);
    -moz-box-shadow:    0 3px 6px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.searchable-select .searchable-select_popup-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 14px solid #DADADA;
}

.searchable-select .searchable-select_popup-arrow.right {
    top: -28px;
    right: 16px;
}

.searchable-select .searchable-select_popup-arrow.left {
    top: -28px;
    left: 16px;
}

.searchable-select .searchable-select_popup-arrow::after {
    position: absolute;
    left: -14px;
    bottom: -15px;
    content: '';
    width: 0;
    height: 0;
    border: 14px solid #FFF;
}

.searchable-select .searchable-select_popup-arrow.left,
.searchable-select .searchable-select_popup-arrow.left::after,
.searchable-select .searchable-select_popup-arrow.right,
.searchable-select .searchable-select_popup-arrow.right::after {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.searchable-select .searchable-select_search {
    width: 350px;
    margin: 0;
}

.searchable-select .searchable-select_list {
    margin: 0;
    max-height: 400px;
    overflow-y: auto;
}

.searchable-select .searchable-select_search-container {
    position: relative;
    padding: 1em 0.8em;
    min-width: 300px;
    border-bottom: 1px solid #DADADA;
}

.searchable-select .searchable-select_list .searchable-select_list_item {
    list-style: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #DADADA;
    line-height: 1.4em;

    overflow: hidden;
    text-overflow: ellipsis;
}

.searchable-select .searchable-select_list_item:last-child {
    border-bottom: 0;
}

.searchable-select .searchable-select_list_item:hover {
    background-color: #F6F6F6;
}

.searchable-select .searchable-select_no-results-item {
    list-style: none;
    padding: 1em 1em;
    text-align: center;
    color: #999;
}

/**
Templates edit page
 */

.template-form textarea {
    width: 90%;
    height: 150px;
}

.template-form_buttons {
    float: right;
    margin-top: 1.5em;
    margin-right: 10%;
}

.template-form_buttons button:last-child {
    margin-right: 0;
}

/**
 Tabbed content component
 */

.tabbed-content_tabs {
    margin-bottom: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabbed-content_tab {
    display: inline-block;
    padding: 0 16px 8px 16px;
    margin-right: 6px;
    color: #087FFD;
    cursor: pointer;
}

.tabbed-content_filler,
.tabbed-content_tab {
    border-bottom: 1px solid #E2E2E2;
}

.tabbed-content_tab.active {
    border-bottom: 3px solid #3A3C43;
    color: #3A3C43;
    font-weight: bold;
}

.tabbed-content_tab:not(.active) {
    transition: border-bottom-color 100ms;
}

.tabbed-content_tab:not(.active):hover {
    border-bottom: 1px solid #087FFD;
}

.tabbed-content_body {
    margin: 32px 0;
}

.tabbed-content_filler {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/**
Placement edit page
 */

/** Overriding a freakishly specific rule */
#rawhtml-row-template-select-dropdown {
    padding-right: 30px;
}

/********************************************************
 * Modify Subscription Modal Styles
 ********************************************************/

.ab-grey {
    color: #83888B; }

.error-msg {
    color: #EB0000; }

.no-wrap {
    white-space: nowrap; }

.float-box {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
    background: #fbfbfa;
    padding: 25px;
    margin: 40px 0;
    border-radius: 5px; }

.small-print {
    color: #83888B;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500; }

.float-right {
    float: right; }

.pos0 {
    margin-left: 0; }

.pos1 {
    margin-left: 11.111%; }

.pos2 {
    margin-left: 22.222%; }

.pos3 {
    margin-left: 33.333%; }

.pos4 {
    margin-left: 44.444%; }

.pos5 {
    margin-left: 55.555%; }

.pos6 {
    margin-left: 66.666%; }

.pos7 {
    margin-left: 77.777%; }

.pos8 {
    margin-left: 88.888%; }

.pos9 {
    margin-left: 100%; }

.small-margin-bottom {
    margin-bottom: 5px; }

.med-margin-bottom {
    margin-bottom: 15px; }

.lrg-margin-bottom {
    margin-bottom: 40px; }

.lrg-margin-top {
    margin-top: 40px; }

.round-button {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer; }

.round-button:disabled {
    cursor: default !important;
    background-color: #B5B8B9 !important; }

.blue-button {
    background-color: #087ffd;
    border: none;
    color: #fff; }

.dark-button {
    background-color: #3A3C43;
    border: none;
    color: #fff; }

#modify-subscription {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-width: 1366px; }
#modify-subscription h1 {
    font-size: 1.8rem; }
#modify-subscription .main-content, #modify-subscription .right-content {
    float: left;
    box-sizing: border-box;
    padding-top: 70px; }
#modify-subscription .main-content {
    width: calc(100% - 400px);
    height: 100%;
    overflow-y: auto;
    padding-right: 120px;
    padding-left: 120px;
    position: relative; }
#modify-subscription #close-modal {
    position: fixed;
    left: 30px;
    top: 25px;
    cursor: pointer; }
#modify-subscription #close-modal .arrow {
    margin-right: 0.35em; }
#modify-subscription #close-modal .inline-link-blue {
    font-size: 16px;
    font-weight: 600; }
#modify-subscription .main-content .max-out-centre {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 70px; }
#modify-subscription .main-content h1 {
    margin-top: 0; }
#modify-subscription .main-content .spinner-container {
    width: 25px;
    margin: 200px auto; }
#modify-subscription .main-content .addon-current-plan {
    display: inline-block;
    position: relative; }
#modify-subscription .main-content .addon-current-plan img {
    position: absolute;
    width: 23px;
    height: 18px; }
#modify-subscription .main-content .addon-checkbox {
    position: relative;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    display: inline-block; }
#modify-subscription .main-content .addon-checkbox input, #modify-subscription .main-content .addon-checkbox .checkmark {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 1px;
    left: 0; }
#modify-subscription .main-content .addon-checkbox input {
    opacity: 0;
    cursor: pointer;
    z-index: 2; }
#modify-subscription .main-content .addon-checkbox .checkmark {
    background-color: #F8F8F9;
    border-radius: 3px;
    border: 2px solid #B5B8B9;
    box-sizing: border-box; }
#modify-subscription .main-content .addon-checkbox input:checked ~ .checkmark {
    background: #3A3C43 url("../assets/icons/icon_checkbox_checkmark.svg") center/13px 13px no-repeat;
    border-color: #3A3C43; }
#modify-subscription .main-content .addon-checkbox input:disabled ~ .checkmark {
    background: #F8F8F9;
    border-color: #E2E2E2; }
#modify-subscription .main-content .addon-checkbox input:disabled:checked ~ .checkmark {
    background: #B5B8B9 url("../assets/icons/icon_checkbox_checkmark.svg") center/13px 13px no-repeat;
    border-color: #B5B8B9; }
#modify-subscription .main-content #window-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4); }
#modify-subscription .right-content {
    width: 400px;
    height: 100%;
    background-color: #f3f3f3;
    padding-left: 30px;
    padding-right: 30px; }
#modify-subscription .right-content h2 {
    margin-top: 0; }
#modify-subscription .right-content .round-button {
    margin: 20px 0; }
#modify-subscription .right-content #send-upgrade-req, #modify-subscription .right-content #customize-plan {
    height: 40px; }
#modify-subscription .right-content #customize-plan:before {
    color: #fff !important; }
#modify-subscription .right-content #send-upgrade-req {
    width: 225px; }
#modify-subscription .right-content #send-upgrade-req .button-text-wrapper:before {
    color: #fff !important; }
#modify-subscription .right-content #send-upgrade-req .cta-spinner-mini-wrapper {
    margin-top: -4px; }
#modify-subscription .right-content .link-button {
    display: block; }
#modify-subscription .right-content .link-button:hover {
    cursor: pointer; }
#modify-subscription .right-content .need-help {
    position: absolute;
    bottom: 150px;
    padding-right: 30px; 
    width: 340px; }

.cdn-pricing table {
    margin-top: 20px;
    width: 100%; }
.cdn-pricing table .data-amount {
    font-weight: 600; }
.cdn-pricing table .cost {
    text-align: right; }

#modify-subscription .plans .req-price-box {
    display: flex;
    text-align: right;
    margin-bottom: 0;
    margin-top: 0;
    width: auto; }
#modify-subscription .plans .req-price-box .annual-price-change {
    margin-top: 14.5px; }
#modify-subscription .plans .req-price-box .plan-name, #modify-subscription .plans .req-price-box .plan-name-curr {
    flex-grow: 1;
    display: block;
    margin-top: 0;
    text-align: left;
    margin-bottom: 0; }
#modify-subscription .plans .req-price-box .right-flex {
    flex-grow: 1;
    text-align: left; }
#modify-subscription .plans .req-price-box .right-flex .plan-name-curr {
    flex-grow: 0;
    display: inline-block; }
#modify-subscription .plans .req-price-box .right-flex #open-slider-btn {
    margin-left: 20px;
    text-align: left; 
    font-size: 1rem; }
#modify-subscription .plans .req-price-box .plan-price, #modify-subscription .plans .req-price-box .plan-price-curr {
    margin-top: 0;
    text-align: left; }
#modify-subscription .plans .req-price-box .plan-price h3, #modify-subscription .plans .req-price-box .plan-price-curr h3 {
    font-size: 1rem;
    margin-top: 0; }
#modify-subscription .plans .req-price-box .plan-price h3 .number, #modify-subscription .plans .req-price-box .plan-price-curr h3 .number {
    font-size: 1.6rem; }
#modify-subscription .plans .req-price-box .pricing-contact-us {
    line-height: 1.5;
    margin-bottom: 5px; }
#modify-subscription .plans .req-price-box .plan-price h3, #modify-subscription .plans .req-price-box .plan-price-curr h3, #modify-subscription .plans .req-price-box .pricing-contact-us {
    color: #3A3C43;
    font-size: 18px; }
#modify-subscription .plans .req-price-box .plan-price h3, #modify-subscription .plans .req-price-box .plan-price-curr h3 {
    margin-bottom: 0; }
#modify-subscription .plans .additional-req, #modify-subscription .plans .additional-req-curr {
    color: #83888B;
    text-align: left;
    margin-top: 0;
    margin-bottom: 7px; }
#modify-subscription .plans .additional-req span, #modify-subscription .plans .additional-req-curr span {
    color: #3A3C43; }
#modify-subscription .plans #plan-slider {
    position: relative; }
#modify-subscription .plans #plan-slider #close-slider {
    background-color: #087ffd;
    border: none;
    border-radius: 18px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -14px;
    left: -16px;
    padding: 8px;
    cursor: pointer; }
#modify-subscription .plans #slider {
    display: block;
    position: relative;
    height: 70px;
    padding-top: 10px;
    cursor: pointer; }
#modify-subscription .plans #slider .handle {
    position: absolute;
    top: -31.5px;
    z-index: 100;
    transition: left 0.1s ease-out;
    user-select: none; }
#modify-subscription .plans #slider .handle img {
    transform: translateX(-50%); }
#modify-subscription .plans #slider .progress {
    background-color: #f3f3f3;
    border-radius: 12px;
    overflow: hidden;
    height: 12px; }
#modify-subscription .plans #slider .progress .progress-bar {
    background-color: #D4E6F9;
    height: 12px;
    transition: width 0.1s ease-out; }
#modify-subscription .plans #slider .markers {
    position: relative;
    width: 95%;
    margin-top: 10px;
    margin-left: 2.5%;
    height: 15px; }
#modify-subscription .plans #slider .markers .long, #modify-subscription .plans #slider .markers .short {
    position: absolute;
    width: 1px;
    background-color: #83888B;
    float: left; }
#modify-subscription .plans #slider .markers .long {
    height: 15px; }
#modify-subscription .plans #slider .markers .short {
    height: 7px; }
#modify-subscription .plans #slider .marker-labels {
    user-select: none;
    width: 95%;
    margin-left: 2.5%;
    margin-top: 10px;
    position: relative; }
#modify-subscription .plans #slider .marker-labels div {
    float: left;
    position: absolute; }
#modify-subscription .plans #slider .marker-labels div:nth-child(2), #modify-subscription .plans #slider .marker-labels div:nth-child(3) {
    transform: translateX(-50%); }
#modify-subscription .plans #slider .marker-labels div:first-child {
    left: -1.5%; }
#modify-subscription .plans #slider .marker-labels div:last-child {
    right: -1.5%; }
#modify-subscription .plans #slider .marker-labels div:first-child:after {
    content: "100k"; }
#modify-subscription .plans #slider .marker-labels div:nth-child(2):after {
    content: "1 mil"; }
#modify-subscription .plans #slider .marker-labels div:nth-child(3):after {
    content: "10 mil"; }
#modify-subscription .plans #slider .marker-labels div:last-child:after {
    content: "100 mil+"; }
@media (min-width: 1540px) {
    #modify-subscription .plans #slider .marker-labels div:first-child:after {
        content: "100,000"; }
    #modify-subscription .plans #slider .marker-labels div:nth-child(2):after {
        content: "1 million"; }
    #modify-subscription .plans #slider .marker-labels div:nth-child(3):after {
        content: "10 million"; }
    #modify-subscription .plans #slider .marker-labels div:last-child:after {
        content: "100 million+"; } }
#modify-subscription .plans .plan-details .subscription-total .annual-price-change {
    text-align: right; }
#modify-subscription .plans .plan-details .subscription-total .annual-price-change .month, #modify-subscription .plans .plan-details .subscription-total .annual-price-change .year {
    font-size: 1.2rem;
    margin: 0; }
#modify-subscription .plans .plan-details .subscription-total .annual-price-change .month .number, #modify-subscription .plans .plan-details .subscription-total .annual-price-change .year .number {
    font-size: 2.1rem; }
#modify-subscription .plans .plan-details .subscription-total .annual-price-change .month {
    margin-top: 20px; }
#modify-subscription .plans.annual-enabled .plan-details #summary-container .subscription-total > div .annual-price-change .month {
    position: absolute;
    right: 0;
    top: -20px; }
#modify-subscription .plans.annual-enabled .plan-details #summary-container .subscription-total .billed-annually {
    display: block;
    visibility: visible; }
#modify-subscription .plans.slider-open #current-plan .plan-name-curr, #modify-subscription .plans.slider-open #current-plan .plan-price-curr .number, #modify-subscription .plans.slider-open #current-plan .additional-req-curr {
    text-decoration: line-through #000000; }
#modify-subscription .plans.slider-open .price-aster {
    display: none; }
#modify-subscription .plans.slider-open .addon-list .price-vary {
    display: none; }
#modify-subscription .plans #current-plan h3.plan-name-curr, #modify-subscription .addon-list h3 {
    font-size: 1.4rem; }
#modify-subscription .addon-list.view-mode .addon-row.purchased {
    background-color: #F8F8F9; }
#modify-subscription .addon-list.view-mode .addon-row.purch-joint-include {
    cursor: default;
    background-color: transparent; }
#modify-subscription .addon-list.view-mode .addon-row.purch-joint-include:hover {
    background-color: transparent; }
#modify-subscription .addon-list.view-mode .addon-row.purch-joint-include .price .reg-price {
    display: none; }
#modify-subscription .addon-list.view-mode .addon-row.purch-joint-include .price .included-message {
    display: inherit; }
#modify-subscription .addon-list.edit-mode .addon-row {
    cursor: pointer;
    position: relative; }
#modify-subscription .addon-list.edit-mode .addon-row.removed::after, #modify-subscription .addon-list.edit-mode .addon-row.added::after {
    position: absolute;
    top: 20px;
    border: 2px solid #E2E2E2;
    border-radius: 5px;
    padding: 10px;
    width: 80px;
    text-align: center;
    box-sizing: border-box;
    right: -100px; }
#modify-subscription .addon-list.edit-mode .addon-row.removed::after {
    content: 'Removed'; }
#modify-subscription .addon-list.edit-mode .addon-row.removed * {
    text-decoration: line-through currentColor; }
#modify-subscription .addon-list.edit-mode .addon-row.added::after {
    content: 'Added'; }
#modify-subscription .addon-list.edit-mode .addon-row:hover {
    background-color: #F8F8F9; }
#modify-subscription .addon-list.edit-mode .addon-row:hover input:not(:checked) ~ .checkmark {
    background: url("../assets/icons/icon_addons_plus.svg") center/13px 13px no-repeat; }
#modify-subscription .addon-list.edit-mode .addon-row.included {
    background-color: #F8F8F9; }
#modify-subscription .addon-list.edit-mode .addon-row.joint-include {
    cursor: default;
    background-color: transparent; }
#modify-subscription .addon-list.edit-mode .addon-row.joint-include:hover {
    background-color: transparent; }
#modify-subscription .addon-list.edit-mode .addon-row.joint-include .price .reg-price {
    display: none; }
#modify-subscription .addon-list.edit-mode .addon-row.joint-include .price .included-message {
    display: inherit; }
#modify-subscription .addon-list h2 {
    margin: 40px 0 0 0;
    padding: 0 25px 16px 25px;
    border-bottom: 1px solid #E2E2E2;
    color: #3A3C43;
    text-transform: none;
    letter-spacing: normal; }
#modify-subscription .addon-list .details {
    display: block;
    color: #83888B; }
#modify-subscription .addon-list .addon-row {
    margin: 0;
    border-bottom: 1px solid #E2E2E2;
    transition: background-color 0.3s, display 0.3s;
    padding: 30px 40px 30px 25px;
    height: 82px;
    box-sizing: border-box; }
#modify-subscription .addon-list .addon-row .addon-checkbox {
    display: inline;
    margin-right: 0; }
#modify-subscription .addon-list .addon-row .addon-checkbox input {
    z-index: -1; }
#modify-subscription .addon-list .addon-row .addon-checkbox input:checked ~ .checkmark {
    transition: background-color ease-in 0.2s, border-color ease-in 0.2s; }
#modify-subscription .addon-list .addon-row .name p:first-child {
    font-weight: 600; }
#modify-subscription .addon-list .addon-row .name p:first-child .additional-info {
    font-weight: 500;
    color: #B5B8B9;
    padding-left: 10px; }
#modify-subscription .addon-list .addon-row .price span {
    white-space: nowrap; }
#modify-subscription .addon-list .addon-row .price .included-message {
    color: #B5B8B9;
    display: none; }
#modify-subscription .addon-list .addon-row p {
    margin: 0;
    display: inline; }
#modify-subscription .addon-list .addon-row p span.optional {
    color: #B5B8B9;
    padding-left: 10px;
    font-weight: 500; }
#modify-subscription .addon-list .addon-row .desktop {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 45px; }
#modify-subscription .addon-list .addon-row .desktop .name, #modify-subscription .addon-list .addon-row .desktop .price {
    display: flex;
    justify-content: center;
    flex-direction: column; }
#modify-subscription .addon-list .addon-row .desktop .name {
    flex-grow: 1; }
#modify-subscription .addon-list .addon-row .desktop .price {
    margin-right: 30px;
    text-align: right; }
#modify-subscription .addon-list .addon-row .desktop .info-icon {
    margin-right: -31px;
    margin-left: 9px; }
#modify-subscription .addon-list #enhanced-analytics .desktop .price p {
    min-width: 81.64px; }
#modify-subscription .addon-list .price-vary {
    margin: 12px 0 0 0;
    font-size: 14px;
    text-align: center;
    color: #B5B8B9; }
#modify-subscription #summary-container .subscription-total div.desktop {
    display: flex; }
#modify-subscription #summary-container .subscription-total p.desktop {
    display: block; }
#modify-subscription #summary-container .subscription-total button.desktop {
    display: inline-block; }
#modify-subscription #summary-container .subscription-total .plan-name-bot {
    color: #83888B; }
#modify-subscription #summary-container .subscription-total .billed-annually {
    visibility: hidden; }
#modify-subscription #summary-container .subscription-total > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
#modify-subscription #summary-container .subscription-total > div * {
    margin-bottom: 0; }
#modify-subscription #summary-container .subscription-total > div :first-child {
    margin-top: auto; }
#modify-subscription #summary-container .subscription-total > div :last-child {
    align-self: flex-end; }
#modify-subscription #summary-container .subscription-total > div .annual-price-change {
    position: relative; }
#modify-subscription #summary-container .subscription-total > div .annual-price-change .total-cost {
    min-height: 40px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges {
    background-color: #f3f3f3;
    border-radius: 3px;
    display: block;
    padding: 25px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges > * {
    margin-bottom: 10px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges :last-child {
    margin-bottom: 0; }
#modify-subscription #summary-container .subscription-total > div.additional-charges img {
    height: 22px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges img.info-icon {
    width: 22px;
    height: 22px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges > div {
    display: flex;
    justify-content: space-between; }
#modify-subscription #summary-container .subscription-total > div.additional-charges > div p {
    color: #83888B; }
#modify-subscription #summary-container .subscription-total > div.additional-charges > div p.name {
    color: #3A3C43;
    font-weight: 500; }
#modify-subscription #summary-container .subscription-total > div.additional-charges #requests {
    display: block; }
#modify-subscription #summary-container .subscription-total > div.additional-charges #requests > div {
    display: flex;
    justify-content: space-between; }
#modify-subscription #summary-container .subscription-total > div.additional-charges #requests > div.req-plus {
    margin-left: 25px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges #cdn img.desktop {
    display: inherit;
    margin-left: 7px; }
#modify-subscription #summary-container .subscription-total > div.additional-charges #cdn .right {
    float: none;
    flex-grow: 1;
    text-align: right; }
#modify-subscription #summary-container .subscription-total > div.switch-box p {
    color: #83888B; }
#modify-subscription #summary-container .subscription-total button {
    height: 80px; }
#modify-subscription #summary-container .subscription-total h5.pricing-contact-us {
    text-align: right;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 19px; }
#modify-subscription p {
    font-size: 1rem; }
#modify-subscription .trim-sides {
    padding: 0 10px; }
@media (min-width: 768px) {
    #modify-subscription .trim-sides {
        padding: 0 25px; } }
#modify-subscription .dol-sign {
    vertical-align: super; }
#modify-subscription .annual-price-change .year {
    display: none; }
#modify-subscription .annual-enabled .annual-price-change {
    white-space: nowrap; }
#modify-subscription .annual-enabled .annual-price-change .year {
    display: inline-block; }
#modify-subscription .annual-enabled .annual-price-change .month, #modify-subscription .annual-enabled .annual-price-change .month * {
    color: #B5B8B9 !important;
    text-decoration: line-through !important;
    font-size: 1rem !important;
    text-align: right;
    transition: color 0.3s, text-decoration 0.3s;
    vertical-align: inherit; }
#modify-subscription .annual-enabled .annual-price-change .year, #modify-subscription .annual-enabled .annual-price-change .year * {
    color: #087ffd !important; }
#modify-subscription .switch-box {
    margin-top: 40px;
    margin-bottom: 45px; }
#modify-subscription .switch-box .annual-switch {
    display: flex;
    color: #83888B;
    cursor: pointer;
    justify-content: center;
    font-size: 18px; }
#modify-subscription .switch-box .annual-switch .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
    margin-bottom: 0; }
#modify-subscription .switch-box .annual-switch .switch input {
    display: none; }
#modify-subscription .switch-box .annual-switch .switch input:checked + .graphic {
    background-color: #087ffd;
    border-color: #087ffd; }
#modify-subscription .switch-box .annual-switch .switch input:checked + .graphic:before {
    transform: translateX(15px);
    border-color: #087ffd;
    background-color: #fff; }
#modify-subscription .switch-box .annual-switch .switch input:disabled + .graphic {
    border-color: #B5B8B9;
    cursor: not-allowed; }
#modify-subscription .switch-box .annual-switch .switch input:disabled + .graphic:before {
    border-color: #B5B8B9; }
#modify-subscription .switch-box .annual-switch .switch input:disabled:checked + .graphic {
    cursor: not-allowed;
    background-color: #77b9fe;
    border-color: #77b9fe; }
#modify-subscription .switch-box .annual-switch .switch input:disabled:checked + .graphic:before {
    border-color: #77b9fe; }
#modify-subscription .switch-box .annual-switch .switch .graphic {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 2px solid #83888B;
    transition: .2s;
    border-radius: 26px; }
#modify-subscription .switch-box .annual-switch .switch .graphic:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 45px;
    left: -2px;
    top: -2px;
    background-color: #F8F8F9;
    border: 2px solid #83888B;
    transition: .2s;
    border-radius: 30px;
    box-sizing: border-box; }
#modify-subscription .switch-box .annual-switch #monthly {
    padding-right: 10px; }
#modify-subscription .switch-box .annual-switch #annual {
    padding-left: 10px;
    position: relative; }
#modify-subscription .switch-box .annual-switch #annual span {
    position: absolute;
    width: 100%;
    top: 19px;
    left: 10px;
    color: #087ffd; }
@media (min-width: 768px) {
    #modify-subscription .switch-box {
        margin-top: 0;
        margin-bottom: 20px; } }
@media (min-width: 768px) {
    #modify-subscription .billed-annually {
        color: #087ffd; } }
#modify-subscription #request-exists h2 svg {
    margin-right: 10px; }
#modify-subscription #request-exists .req-details-box {
    margin: 40px 0 20px 0;
    border-radius: 15px;
    background-color: #fff;
    padding: 20px; }
#modify-subscription #request-exists .req-details-box #req-submit-date {
    font-size: 1.5rem; }
#modify-subscription #request-exists .req-details-box :first-child {
    margin-top: 0; }
#modify-subscription #request-exists .req-details-box :last-child {
    margin-bottom: 0; }

#modify-subscription #enterprise-plan {
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
    color: #83888B;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px; }
#modify-subscription #enterprise-plan p {
    margin: 0;
    padding: 0; }
#modify-subscription .pricing-contact-us {
    display: none; }
#modify-subscription .plan-price {
    display: block; }
#modify-subscription.enterprise #enterprise-plan {
    opacity: 1; }
#modify-subscription.enterprise .pricing-contact-us {
    display: block; }
#modify-subscription.enterprise .plan-price {
    display: none; }
#modify-subscription.enterprise .additional-req {
    display: inherit;
    visibility: hidden; }
#modify-subscription.enterprise .show-price {
    display: none !important; }

/********************************************************
 * End Modify Subscription Modal Styles
 ********************************************************/

/***
 * Native Templates
 */

.native-template_variable {
    position: relative;
    display: flex;
    align-items: center;

    padding: 4px 8px;
}

.native-template_variable-headers {
    display: flex;
    padding: 0 18px 4px 14px;
    font-weight: bold;
}

.native-template_variable .native-template_variable-name,
.native-template_variable-headers .native-template_name-header {
    flex: 3 0;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px;
}

.native-template_variable .native-template_variable-placeholder,
.native-template_variable-headers .native-template_placeholder-header {
    flex: 3 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px;
}

.native-template_variable .native-template_variable-type,
.native-template_variable-headers .native-template_type-header {
    flex: 1 0;
}

.native-template_variable .native-template_icons {
    position: absolute;
    left: 100%;
    padding: 8px 16px 8px 24px;
    width: 120px;

    cursor: pointer;
}

.native-template_variable .native-template_icons span {
    visibility: hidden;
    padding: 8px 0 8px 8px;
}

.native-template_variable:hover .native-template_icons span {
    visibility: visible;
}

.native-template_add-variable {
    display: block;
    padding: 4px 6px;
    margin: 8px 0;
}

.native-template_variable-container,
.native-template_library-variable-container {
    background-color: #FAFAFA;
    padding: 4px 8px;
    border: 1px solid #DADADA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 8px;
}

.native-template_library-variable-container {
    padding: 4px 28px; /* 8px + 20 for the negative margin */
    margin: 0 -20px 8px -20px;
}

input[type="checkbox"].native-template_library-variable-checkbox {
    position: absolute;
    left: -16px;
    top: 6px;
}

.native-template_library-variable-edit {
    position: absolute;
    right: -20px;
    top: 4px;
}

.template-variable-library {
    padding: 0 20px;
}

.native-template_form-group {
    display: flex;
    align-items: flex-start;

    margin-bottom: 24px;
    margin-right: 120px;
}

.native-template_form-group.divider {
    border-bottom: 1px solid #E5E5E5;
}

.native-template_form-group .form-label {
    width: 140px;
    padding: 8px;
}

.native-template_form-group .form-control {
    flex: 1 0;
    padding: 8px;
}

.template-variable-edit {
    display: flex;
    margin: 16px 0;
}

.template-variable-edit_name {
    flex: 2 0;
}

.template-variable-edit_name input {
    text-overflow: ellipsis;
}

.template-variable-edit_placeholder {
    flex: 2 0;
}

.template-variable-edit_type {
    flex: 1 0;
}

.template-variable-edit label {
    font-weight: bold;
}

.template-variable-edit label,
.template-variable-edit input,
.template-variable-edit select {
    display: block;
    width: 95%;
}

.field-list-sub-heading {
    padding: 4px 0;
    margin: 8px;
    border-bottom: 1px solid #E5E5E5;
}

.native-template-display {
    font-family: inherit;
    margin-bottom: 8px;
    min-height: 160px;
}

.field-list-full-width {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
}

.image-source-wrap label {
    margin-right: 16px;
}

.native-ad-banner-icon {
    margin-top: 16px;
}

.variable-placeholder_fake-input {
    border: 1px solid #DADADA;
    border-radius: 3px;
    background: #FAFAFA;
    padding: 2px 3px;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fake-input {
    border: 1px solid #DADADA;
    border-radius: 3px;
    background: #FAFAFA;
    padding: 4px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.variable-placeholder_fake-input_editable-span {
    padding: 0 1em;
    margin: 0 -1em;
}

.variable-placeholder_fake-input:focus-within {
    background-color: #FEFEFE;
    border-color: #AAAAAA;
}

#template-native_modal {
    overflow: hidden;
}

#template-properties_template-id.template-select_has-status {
    padding-right: 50px;
}

.template-select-status {
    margin-left: -50px;
    vertical-align: bottom;
}

.template-select-status_outdated {
    line-height: 22px;
    opacity: 0.4;
}

.template-select-status_deleted {
    content: '';
    background: url(../assets/icons/ab_icon_warning.svg) no-repeat;
    background-size: 16px;
    background-position: center;
    height: 100%;
    width: 16px;
    margin-right: 4px;
    display: inline-block;
}

.native-template_form-group .form-control.native-template_variable-list-container {
    padding: 8px 0;
}

#content-right .notice-section {
    border-radius: 4px;
    margin: 10px;
    padding: 16px;
    border: none;
    background: #FAFAD2;
}

#content-right .notice-section .notice-section-title {
    font-weight: bold;
    font-size: 16px;
    height: 24px;
    margin-bottom: 8px;
}

.template-references-count {
    float: right;
}

.references-table-update-link {
    float: right;
    margin: 12px;
}

.yui-datatable-container .yui-dt .templates-table_references-column {
    padding-right: 12px;
}

.references-table_outdated-references {
    height: 17.5px;
}

/**
 * Targets update
 */

.targets-container {
    display: flex;
    align-items: flex-start;
    max-width: 900px;
}

.targets-image {
    width: 200px;
    flex-shrink: 0;
}

/**
 *  Pill checkbox
 */
.toggle-checkbox {
    width: 50px;
    height: 24px;

    display: inline-block;

    background: #FFF;

    border: 1px solid #D0D0D0;
    border-radius: 12px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    overflow: hidden;

    transition: all 0.25s;

    cursor: pointer;
}

.toggle-checkbox:checked {
    border-color: #087ffd;
    background: #087ffd;
}

.toggle-checkbox::before {
    content: " ";
    display: block;

    height: 24px;
    width: 36px;
    margin-top: -1px;
    margin-left: -1px;
    box-sizing: border-box;

    border: 1px solid #D0D0D0;
    border-radius: 12px;
    /* Blue to the left of the pill, white to the right, and an inset shadow for the background (fixes aliasing issues) */
    box-shadow: -18px 0 #087ffd, 18px 0 #FFF, inset 36px 0 #F3F3F2;

    transition: all 0.25s;
}

.toggle-checkbox:checked::before {
    margin-left: 14px;
    background: #087ffd;
    border-color: #087ffd;
}

/**
 *  Updated S2S UI
 */

#endpoint-zones-manage-table .endpoints-zones-table_heading_publisher {
    padding-left: 20px;
}

.field-edit-toggle:not(:checked) ~ div .field-edit_off,
.field-edit-toggle:checked ~ div .field-edit_on {
    display: initial;
}

.field-edit-toggle:checked ~ div .field-edit_off,
.field-edit-toggle:not(:checked) ~ div .field-edit_on {
    display: none;
}

.input-edit {
    margin-left: 1em;
}

.input-edit a {
    color: #087FFD;
    margin: 0 0.5em;
}

.field-cell #endpointRevenueShare {
    width: 3em;
}

.field-cell #endpointBidFloor {
    width: 5em;
}

.demand-sources-table_top,
.zones-table_top,
.endpoints-table_top,
.template-references-table_top {
    display: flex;
    justify-content: space-between;
    margin: 16px 0 8px 0;
}

.saved-report-table_top{
    display: flex;
    justify-content: space-between;
    margin: 16px 0 8px 0;
}

.tabulator-cell.tabulator-cell-vertical-center {
    display: inline-flex;
    align-items: center;
}

.endpoints-zones-table_heading_publisher {
    display: inline-block;
    width: 300px;
    overflow: hidden;
}

#content-right .text-section {
    margin: 24px 0;
}

.spend-limit-container {
    display: flex;
    justify-content: space-between;
}

.spend-limit-bar {
    margin-top: 8px;
}

.spend-limit-background {
    background-color: #E6E6E6;
    height: 8px;
    width: 100%;
    border-radius: 4px;
}

.spend-limit-filler {
    background-color: #087FFD;
    height: 8px;
    border-radius: 4px;
    min-width: 8px;
}

.spend-limit-inline-label {
    display: inline-block;
    width: 64px;
}

.manage-endpoint-filter {
    margin-left: 16px;
}

.whitelist-icon,
.blacklist-icon {
    display: inline-block;
    width: 1.5em;
    height: 100%;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.whitelist-icon {
    background-image: url(../assets/icons/ab-icon-whitelist.svg);
}

.blacklist-icon {
    background-image: url(../assets/icons/ab-icon-blacklist.svg);
}

.endpoint-manage-filter-type {
    margin: 40px 0;
}

.endpoint-manage-filter-type .filter-type-radio {
    display: inline-block;
    width: 104px;
}

.endpoint-manage-filter-type .filter-type-radio input {
    margin-right: 8px;
}

.endpoint-zone-targeting-container {
    display: flex;
}

.endpoint-zone-sizes-container {
    width: 440px;
    height: 124px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-right: 124px;
}

.endpoint-zone-targeting-container input {
    margin-right: 8px;
}

.endpoint-ad-types-container {
    display: flex;
}

.endpoint-ad-types-container .ad-type-label {
    width: 124px;
}

.programmatic-stats-date-select {
    float: right;
}

.programmatic-stats-date-select .stats-date-pick-menu-toggle {
    margin-right: 0;
}

/**
 * Tabulator general overrides
 */

.tabulator-table {
    font-size: 14px;
}

.tabulator-row.tabulator-group span {
    vertical-align: middle;
    margin-left: 0;
}

.tabulator-row {
    border-color: #D0D0D0;
}

.tabulator-col-title .tabulator-select-all {
    padding: 4px;
}

.tabulator-group .tabulator-select-all {
    padding: 2px;
}

.tabulator .tabulator-table .tabulator-row.tabulator-group {
    display: flex;
    justify-content: space-between;
    padding: 14px 10px;
    background-color: #F7F7F7;
    border-width: 0 0 1px 0;
    border-color: #D0D0D0;
}

.tabulator .tabulator-table .tabulator-row.tabulator-group .tabulator-arrow {
    /* Border 0 removes the actual "arrow" */
    border: 0;
    margin-right: 8px;

    order: 1; /* put the arrow on the right side */

    font-size: 16px;
    line-height: 1;
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    width: 16px;
}

.tabulator .tabulator-table .tabulator-row.tabulator-group .tabulator-arrow::before {
    /* Plus symbol */
    content: "\E433";
}

.tabulator .tabulator-table .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow::before {
    /* Minus symbol */
    content: "\E434";
}

/* Tabulator loading box when setting AJAX data */
.tabulator .tabulator-loader {
    background: rgba(0, 0, 0, 0.1);
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
    border: 1px solid #DADADA;
    border-radius: 4px;

    font-size: 14px;
    font-weight: normal;
    color: #333;
}

/* Tabulator placeholder for empty data set */
.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    border: 1px solid #D0D0D0;
    border-top: 0;
    border-radius: 0 0 4px 4px;

    color: inherit;
    font-weight: normal;
    font-size: 14px;
    text-align: center;

    padding: 16px;
    width: 100%;
    margin: -15px auto 8px auto;

    background-color: #f9f9f9;
}

/** Stats date picker component */

.stats-date-select {
    position: relative;
    display: inline-block;
}

.stats-date-pick-menu-toggle {
    font-weight: bold;
}

.stats-date-pick-menu-toggle::after {
    font-size: 12px;
    vertical-align: top;
    position: relative;
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    padding-left: 12px;
    /* Chevron glyphicon */
    content: "\E602";
}

.stats-date-pick-menu-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.stats-date-pick-menu {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 28px;

    background: #FFF;
    border: 1px solid #D0D0D0;
    box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.3);

    margin: 5px 0 0 0;
    padding: 4px 0;
    width: 300px;
}

.stats-date-pick-menu li {
    padding: 4px;
    margin: 0;
    list-style: none;
}

.stats-date-pick-menu .preset-date-button {
    width: 100%;
    box-sizing: border-box;

    padding: 4px 8px;

    display: list-item;
}

/* Advertiser View page Tabulator Order tables */
.order-table-wrapper .tabulator-tableHolder {
    min-height: auto!important;
    height: auto!important;
    max-height: inherit!important;
}

.order-table-wrapper .tabulator-table-container {
    height: auto !important;
}

.order-table-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 32px;
}

.order-table-wrapper .order-table-container {
    width: 100%;
}

.order-table-wrapper .order-table-topper {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    height: 30px;
}

.order-table-wrapper .order-table-heading,
.marketplace-table-topper .invite-table-heading{
    font-size: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
.order-table-wrapper .order-search-input {
    margin-left: auto!important;
    margin-top: 3px!important;
    vertical-align: bottom;
}

.order-table-wrapper .tabulator-cell {
    height: 46px;
}

.order-table-wrapper .tabulator-footer {
    border-top: 0;
}

/* generic dialog */
.ui-dialog .dialog-custom-buttons {
    margin: 30px -15px -15px -15px;
    padding-left: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ui-dialog .dialog-custom-buttons-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/********************************************************
 * Placement Financial Section
 ********************************************************/

.financial-container {
    display:flex;
    padding: 15px 7px;
    max-width: 1000px;
}

.financial-container .cost, .financial-container .payout {
    flex: 1;
}

.financial-container .option-checkbox {
    padding: 10px 0;
    margin-bottom: 0;
}

.financial-container .option-checkbox label {
    padding-left: 10px;
}

.financial-container .option-checkbox label, .financial-container .option-checkbox input[type=checkbox] {
    cursor: pointer;
}

.financial-container .option-checkbox .input-box {
    width: calc(100% - 70px);
    display: inline-block;
    margin-bottom: 0;
}

.financial-container .option-checkbox .input-box input {
    margin: 0 5px;
    text-align: right;
}
.financial-container .option-checkbox .input-box input.rate {
    text-align: right;
    width: 80px;
}
.financial-container .option-checkbox .input-box input.percent {
    text-align: center;
    width: 50px;
}
.financial-container .option-checkbox .input-box .estimated {
    display: inline-block;
    margin-left: 10px;
    color: #999999;
    font-style: italic;
}

.financial-container fieldset.three-cs-wrapper, .financial-container fieldset.fixed-wrapper {
    margin: 0 60px 0 10px;
    padding-left: 10px;
}

.financial-container fieldset.fixed-wrapper {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #E6E6E6;
}

.financial-container .option-checkbox .checkbox-container {
    width: 65px;
    display: inline-block;
}

/************** Advertiser Side **************/
.financial-container .cost fieldset.fixed-wrapper input[type=text] {
    width: 100px;
}

.financial-container .cost .advertiser-title {
    padding-bottom: 5px;
}

/************** Publisher Side **************/
.financial-container .payout #payout-type {
    margin-left: 30px;
    cursor: pointer;
}

/************** Fieldset Opacity **************/
.financial-container fieldset {
    transition: opacity 0.3s;
}

.financial-container input:disabled ~ label, .financial-container fieldset:disabled {
    opacity: 0.5;
}

.financial-container input:disabled {
    background-color: #ffffff;
}

/* This stops opacity stacking and making certain sections extra-transparent */
.financial-container fieldset:disabled fieldset, .financial-container fieldset:disabled input:disabled {
    opacity: 1;
}

.financial-container .input-box input.field-error { border: 1px solid #EB0000; }

#entity-pricing .form-errors {
    padding-left: 7px;
}

.ui-dialog.ui-widget {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/************** Settings Form **************/

.settings-form {
    width: 660px;
}

.settings-form .settings-form-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
}

.settings-form .settings-form-group .settings-form-label {
    width: 120px;
    margin-right: 8px;
    margin-top: 4px;
    font-weight: bold;
}

.settings-form .settings-form-group .settings-form-control {
    flex: 1 0;
    margin-top: 4px;
}

.settings-form .settings-form-group .settings-form-control input[type=text],
.settings-form .settings-form-group .settings-form-control select {
    width: 80%;
    height: 28px;
    padding: 4px 8px;
    margin-top: 0;
}

/** This is here to help with adblock detection, certain adblocker completely break our login page **/
.stylecheck {
    background-color: red;
}