@import 'core/chrome.css';
@import 'core/type.css';
@import 'components/buttons.css';
@import 'components/grid.css';
@import 'components/panel_window.css';
@import 'components/wizard.css';
@import 'components/tabs.css';
@import 'components/card.css';
@import 'components/contact.css';
@import 'components/messages.css';
@import 'components/offers.css';
@import 'components/slider.css';

/*-------------------------------------------*/

body
{
	/*background:url(images/body.png) repeat-y;*/
}

/* Dark Blue Bar
---------------------------------------------------------------------------------------- */
#header,
#sidebar li.current,
/*.dropdown li:hover a,*/
.dropdown li a:hover,
.x-window-tl,
.x-panel-tl,
.progress_bar span span
{
	color:#fff;
	background:#31639a;
	background:-webkit-gradient(linear, left top, left bottom, from(#3b78ac), to(#31629a));
	background:-moz-linear-gradient(top,#3b78ac,#31629a);
}

/* Light Blue Bar
---------------------------------------------------------------------------------------- */
.x-grid3-hd-row
{
	background:-webkit-gradient(linear,left top,left bottom, 
		color-stop(0.0,#FBFBFB),
		color-stop(0.5,#FBFBFB),
		color-stop(0.5,#EFEFEF),
		color-stop(1.0,#EFEFEF)
	);
	background:-moz-linear-gradient(top, #FBFBFB 0%, #FBFBFB 50%, #EFEFEF 50%, #EFEFEF 100%);
}

.tabs
{
	background-color:#3e86cc;
	background:-webkit-gradient(linear, left top, left bottom, from(#6da3d9), to(#3e85cc));
	background:-moz-linear-gradient(top,#6da3d9,#3e85cc); 
}

.x-panel-tbar .x-toolbar
{
	background:#adc4d9;
	background:-webkit-gradient(linear, left top, left bottom, from(#e0e9f1), to(#acc3d9));
	background:-moz-linear-gradient(top,#e0e9f1,#acc3d9);  
	 
	color:#000;
}

/* Light Blue Hover
---------------------------------------------------------------------------------------- */
/*
.tabs > li:hover > a 
{
	background-color:#4595e3;
	background:-webkit-gradient(linear, left top, left bottom, from(#79b6f2), to(#3e85cc));
	background:-moz-linear-gradient(top,#79b6f2,#3e85cc);
}
*/

.tabs > li:hover > a 
{
	background-color:#4595e3;
	background:-webkit-gradient(linear, left top, left bottom, from(#276397), to(#002D4C));
	background:-moz-linear-gradient(top,#276397,#002D4C);
}

/* Lighter Blue Bar (eg search bar)
---------------------------------------------------------------------------------------- */
/*
#search
{
	background:#adc4d9;
	background:-webkit-gradient(linear, left top, left bottom, from(#e0e9f1), to(#acc3d9));
	background:-moz-linear-gradient(top,#e0e9f1,#acc3d9);  
}
*/

/* Button Gradient
---------------------------------------------------------------------------------------- */
.x-btn,
ul.x-tab-strip li,
.contact_actions
{
	background:#EEE;
	background:-webkit-gradient(linear,left top,left bottom, 
		color-stop(0.0,#FFF),
		color-stop(0.5,#FFF),
		color-stop(0.5,#EEE),
		color-stop(1.0,#EEE)
	);
	background:-moz-linear-gradient(top, #FFF 0%, #FFF 50%, #EEE 50%, #EEE 100%);
}

/* Button Hover
---------------------------------------------------------------------------------------- */
.x-btn:hover,
td.x-grid3-hd-over .x-grid3-hd-inner, 
td.sort-desc .x-grid3-hd-inner, 
td.sort-asc .x-grid3-hd-inner, 
td.x-grid3-hd-menu-open .x-grid3-hd-inner,
ul.x-tab-strip li:hover,
.contact_actions li a:hover
{
	background:#E5E5E5;
	background:-webkit-gradient(linear,left top,left bottom, 
		color-stop(0.0,#FFF),
		color-stop(0.5,#FFF),
		color-stop(0.5,#E5E5E5),
		color-stop(1.0,#E5E5E5)
	);
	background:-moz-linear-gradient(top, #FFF 0%, #FFF 50%, #E5E5E5 50%, #E5E5E5 100%);
}

.x-btn:active,
td.x-grid3-hd-over .x-grid3-hd-inner, 
td.sort-desc .x-grid3-hd-inner, 
td.sort-asc .x-grid3-hd-inner, 
td.x-grid3-hd-menu-open .x-grid3-hd-inner,
ul.x-tab-strip li:active,
.contact_actions li a:active
{
	background:#fff;
	background:-webkit-gradient(linear,left top,left bottom, 
		color-stop(0.0,#e1e7eb),
		color-stop(0.5,#e1e7eb),
		color-stop(0.5,#e1e7eb),
		color-stop(1.0,#e1e7eb)
	);
	background:-moz-linear-gradient(top, #e1e7eb 0%, #e1e7eb 50%, #e1e7eb 50%, #e1e7eb 100%);
}

.panel_outline
{
	border: 1px solid #9abfe4 !important;
	/* border-top: none !important; */
}

/* General
---------------------------------------------------------------------------------------- */

#navigation
{
	border-top-color:#9abfe4;
}

.card-header {
	font-size: 25px;
	line-height: 29px;
	width: 465px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Bar Style 2
---------------------------------------------------------------------------------------- */

.tabs > li { border-right:1px solid #7cb4e1 }
.tabs > li > a  { border-right:1px solid #3b69a3;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.5); }
.tabs > li.current > a { color:#3a74a9;text-shadow:none; }

.tabs > li.has_dropdown:hover > a 
{
	background:#eff2f5;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff2f5));
	background:-moz-linear-gradient(top,#fff,#eff2f5);
	color:#748ea7;
	border-left:1px solid #dee1e4;
	border-right:0;
	text-shadow:0 1px 0 #fff;
}

/* Bar style 3
---------------------------------------------------------------------------------------- */
/*
#search
{
	border-right:1px solid #dee1e4;
	border-bottom:1px solid #fff;
}
*/

/* Sidebar Lists
---------------------------------------------------------------------------------------- */

.major li 	  { border-bottom:1px solid #fff }
.major a	  { border-bottom:1px solid #dee1e4 }

/* Currently Selected Item */
.major li.current a span:first-child{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.17);}

.minor,
.dropdown
{
	text-shadow:0 1px 0 #fff;
	color:#a6a6a6;
}
.minor li.current,
.dropdown li a:hover{border-top-color:#2b6397;border-bottom-color:#2b6397;}
.minor li.current a {color:#fff}
.dropdown{background:#eff2f5;text-shadow:0 1px 0 #fff;border-color:#dee1e4;}
.dropdown li a{border-color:#eff2f5; text-decoration: none;}

	
/* Number Badge
---------------------------------------------------------------------------------------- */
.badge { background:#4f9ed9;color:#fff }
a:hover .badge {background:#73ace5}

/* Member Actions in the top right
---------------------------------------------------------------------------------------- */

#welcome {border-left:1px solid #5a8bc3}


/* Accelerize */
.badge-toolbar { background:#9abfe4;color:#fff !important }
.badge-on { background:#67a25d;color:#fff !important }
.badge-off { background:#a03d42;color:#fff !important }
.badge-pending { background:#a19c50;color:#fff !important }
.badge-private { background:#8488b5;color:#fff !important }
.badge-available { background:#3975A9;color:#fff !important }
.badge-complete { background:#ffff66;color: black !important; border: 1px solid #C2C2C2;}
.badge-inactive { background:#E8E8E8;color: #C2C2C2 !important; border: 1px solid #C2C2C2;}

.badge-toolbar
{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:0 7px;
	text-shadow:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.badge-on, .badge-off, .badge-pending, .badge-private, .badge-available, .badge-complete, .badge-inactive
{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:2px 5px;
	text-shadow:none;
	font-size:9px;
	font-weight:bold;
	line-height:16px;
}

/* General
---------------------------------------------------------------------------------------- */

#close_all_buttons { margin-right: 12px; height: 20px }
#close_all_buttons a { position: relative; top:4px; }

#navigation
{
	border-top-color:#9abfe4;
}

/* Bar Style 2
---------------------------------------------------------------------------------------- */

.tabs > li { border-right:1px solid #7cb4e1 }
.tabs > li > a  { border-right:1px solid #3b69a3;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.5); }
.tabs > li.current > a { color:#3a74a9;text-shadow:none; }

.tabs > li.has_dropdown:hover > a 
{
	background:#eff2f5;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff2f5));
	background:-moz-linear-gradient(top,#fff,#eff2f5);
	color:#748ea7;
	border-left:1px solid #dee1e4;
	border-right:0;
	text-shadow:0 1px 0 #fff;
}

/* Sidebar Lists
---------------------------------------------------------------------------------------- */

.major li 	  { border-bottom:1px solid #fff }
.major a	  { border-bottom:1px solid #dee1e4 }

/* Currently Selected Item */
.major li.current a span:first-child{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.17);}

.minor,
.dropdown
{
	text-shadow:0 1px 0 #fff;
	color:#a6a6a6;
}
.minor li.current,
.dropdown li a:hover{border-top-color:#2b6397;border-bottom-color:#2b6397;}
.minor li.current a {color:#fff}
.dropdown{background:#eff2f5;text-shadow:0 1px 0 #fff;border-color:#dee1e4;}
.dropdown li a{border-color:#eff2f5; text-decoration: none;}

	
/* Number Badge
---------------------------------------------------------------------------------------- */
.badge { background:#4f9ed9;color:#fff }
a:hover .badge {background:#73ace5}

/* Member Actions in the top right
---------------------------------------------------------------------------------------- */
#tasks   {border-right:1px solid #285a8e}
#welcome {border-left:1px solid #5a8bc3}


/* Accelerize */
.badge-toolbar { background:#9abfe4;color:#fff !important }
.badge-on { background:#67a25d;color:#fff !important }
.badge-off { background:#a03d42;color:#fff !important }
.badge-pending { background:#a19c50;color:#fff !important }
.badge-private { background:#8488b5;color:#fff !important }

.badge-toolbar
{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:0 7px;
	text-shadow:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.badge-on, .badge-off, .badge-pending, .badge-private
{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:2px 5px;
	text-shadow:none;
	font-size:9px;
	font-weight:bold;
	line-height:16px;
}

.offer_template
{
	border-top:12px solid #3F79AB;
}

/* New Design */

#header {
	background-color: #286099;
	background: -webkit-gradient(linear, left top, left bottom, from(#2A7AAD), to(#286099));
	background: -moz-linear-gradient(center top , #2A7AAD, #286099);
	height: 53px;
}

.chrome-badge {
	background: #073950;
	padding: 2px 10px;
}

#navigation {
	border-top: 1px solid #6CA2D8;
	max-height: 42px;
}

#navigation .tabs 
{
	background-color: #3E85CC;
	background: -webkit-gradient(linear, left top, left bottom, from(#6CA2D8), to(#3E85CC));
	background: -moz-linear-gradient(center top , #6CA2D8, #3E85CC);
	border-top: 1px solid #3E85CC;
}

#navigation .tabs li.current {
	border: 0;
}

#navigation .tabs li.current a {
	border: 0;
}

#navigation .tabs li {
	border-right: 1px solid #6CA2D8;
}

#navigation .tabs li a {
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #3E85CC;
}

#navigation .tabs li.has_dropdown:hover a {
	border-right: 0;
}


#navigation .tabs  ul.dropdown li {
	border-right: 0;
}

#navigation .tabs  ul.dropdown li a {
	border-right: 0;
}

#member-actions a, #member-actions span {
	color: #8EA5B3;
	font-weight: bold;
}

#search 
{
	margin-top: 0;
	border: none;
}

.sidebar-accordion {
	margin: -1px;
}

.major li.current {
	border-bottom: none;
}

#sidebar .major .icon, #sidebar .major .no-icon {
	font-weight: bold;
	font-size: 12px;
}

#sidebar .major a:hover {
    background: rgba(255, 255, 255, .16);
}

#sidebar .x-panel-bwrap:hover {
	background: rgba(255, 255, 255, .16);
}

#sidebar .sidebar-accordion-menu-header:hover {
	background: rgba(255, 255, 255, .16);
}

#sidebar .sidebar-accordion-menu-header {
	border-right: 1px solid #E5E8EB;
	background-color: #ADC3D9;
	background: -webkit-gradient(linear, left top, left bottom, from(#DFE8F0), to(#ADC3D9));
	background: -moz-linear-gradient(center top , #DFE8F0, #ADC3D9);
}

#sidebar .sidebar-accordion-menu-header-text {
	display: block;
	color: #286AA1;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	height: 36px;
	line-height: 36px;
}

#sidebar .sidebar-accordion-menu-badge {
	position: absolute;
	top: 10px;
	right: 27px;
	background: #648CB6;
	color: #FFF;
	font-size: 10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:0 7px;
	text-shadow:none;
	font-weight:bold;
	line-height:16px;
}

#sidebar .badge {
	background: #648CB6;
}

#sidebar .sidebar-accordion-submenu {
	border-right: 1px solid #E2E5E8;
	background: #EFF2F5;
}

#sidebar .sidebar-accordion-submenu a {
	padding-left: 20px;
	height: 36px;
	line-height: 36px;
}

#sidebar .sidebar-accordion-submenu a:hover {
    background: rgba(255, 255, 255, .16);
}

#sidebar {
	width: 165px;
}

.search-wrapper {
	float: left;
	overflow: hidden;
	height: 40px;
	padding: 0 10px 1px;
	margin-bottom: 1px;
	border-right: 1px solid #3E85CC;
	background-color: #ADC3D9;
	background: -webkit-gradient(linear, left top, left bottom, from(#DFE8F0), to(#ADC3D9));
	background: -moz-linear-gradient(center top , #DFE8F0, #ADC3D9);
}

.search-left {
	float: left;
	margin: auto;
	margin-top: 7px;
	height: 25px;
	padding-left: 10px;
	width: 160px;
	background: url('//cakecdn.com/portals/150205/images/icons/new/search_bar_left.png') no-repeat left top;
}

.search-right {
	float: right;
	height: 25px;
	padding-right: 10px;
	background: url('//cakecdn.com/portals/150205/images/icons/new/search_bar_right.png') no-repeat right top;
}

.search-middle {
	background: url('//cakecdn.com/portals/150205/images/icons/new/search_bar_middle.png') repeat-x;
	height: 25px;
	width: 150px;
	border: none;
}

#navigation .tabs  ul.dropdown li {
	position: relative;
}

#navigation .tabs  ul.dropdown {
	white-space:nowrap;
}

#navigation .tabs  ul.sub_dropdown
{
	display: none;
	background: #eff2f5;
	position:absolute;
	top: -7px;
	left: 100%;
	margin-left: 20px;
	padding: 6px 20px;
	border: 1px solid #dee1e4;
	z-index:9999;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}

#navigation .tabs  ul.dropdown li:hover > ul.sub_dropdown {
	display: block;
}

#navigation .tabs  ul.dropdown li.has_sub_dropdown {
	padding-right: 20px !important;
}

#navigation .tabs  ul.dropdown li.has_sub_dropdown {
	background: url('//cakecdn.com/portals/150205/images/icons/new/blue/sub_dropdown_arrow.png') no-repeat right;
}

#navigation .tabs  ul.dropdown li.has_sub_dropdown > a {
	padding-right: 40px !important;
	margin-right: -40px !important;
}

.major .badge {
	font-size: 10px;
}

.empty-text {
	margin-left:5px;
	background: #7b93ac url(//cakecdn.com/portals/150205/images/alert-overlay.png) repeat-x !important; 
	background-color: #7b93ac;
	color: #fff !important; 
	text-decoration: none;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	font-size: 11px;
	line-height:12px !important;
	padding: 5px;
	text-align:center;
	font-size:18px;
}

.settings_help_panel, .buyer_actions_help_panel {
	border:solid 1px #ddd;
	padding:4px 8px;
	margin-bottom: 10px;
	background-color: #fff;
}

.buyer_actions_help_panel {
	min-height: 30px;
}



ul.x-tot2ivn-vr-tab-strip .x-tab-strip-active { border-right: 1px solid #FFF !important; border-bottom: 1px solid #C8C9CC !important; }
ul.x-tot2ivn-vr-tab-strip { width: auto; }

.vrtab li.x-tot2ivn-vr-tab-strip-title { margin-left: 0; border-left: 1px solid #C8C9CC; border-right: 1px solid #C8C9CC; width: 128px; padding: 0; height: 26px; }
.vrtab li.x-tot2ivn-vr-tab-strip-title a.x-tab-right { margin: 6px 7px; display: block; }
.vrtab ul.x-tab-strip li:first-child {-moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-left-radius: 0; }
.vrtab .x-tot2ivn-vr-tab-panel-bwrap,
.vrtab .x-grid-panel .x-panel-mc .x-panel-body { border-left: 0; }
.vrtab .x-tot2ivn-vr-tab-panel { background: #DFE8F0 }

.search-result ul.x-tot2ivn-vr-tab-strip { margin-top: 23px !important; }
.rules_matrix ul.x-tot2ivn-vr-tab-strip { margin-top: 0px !important; }

hr { border-width: 0; height: 1px; background-color: #595959; }

.pie-chart-reports-filters-container .x-panel-bwrap {
	background-color: #BDD2E5 !important;
	overflow: visible;
}

.pie-chart-reports-first-level-container, .pie-chart-reports-second-level-container, .pie-chart-reports-filler-container {
	background-color: #E0EBF4;
	height: 100%;
	border-right: 1px solid #9abfe4;
}

.pie-chart-reports-first-level-container div.x-panel-header {
	background-color: #E0EBF4;
	color: #6E6E6E;
	font-size: 13px;
	padding: 5px 15px;
	text-align: left;
	font-family: Tahoma, Arial, helvetica, sans-serif;
	line-height: normal;
	text-shadow: none;
	border-bottom: 1px solid #9abfe4;
}

.pie-chart-reports-all-level-label {
	display: block;
	width: 119px;
	padding: 5px 15px;
	font-size: 12px;
}

.pie-chart-reports-first-level-label {
	color: #768EA6;
	border-bottom: 1px solid #9abfe4;
}

.pie-chart-reports-first-level-label:not(:last-child):hover, .pie-chart-reports-first-level-label-active, .pie-chart-reports-first-level-label-hover {
	cursor: pointer;
	color: #33669D;
	background-color: #BDD2E5 !important;
	border-right: 1px solid #BDD2E5 !important;
}

.pie-chart-reports-second-level-panel .x-panel-body {
	background-color: #E0EBF4;
	height: 100%;
	overflow: visible;
}

.pie-chart-reports-second-level-label {
	color: #768EA6;
	border-bottom: 1px solid #9abfe4;
}

.pie-chart-reports-second-level-label:not(:last-child):hover, .pie-chart-reports-second-level-label-active {
	cursor: pointer;
	color: #33669D;
	background-color: #BDD2E5 !important;
	border-right: 1px solid #BDD2E5 !important;
}

.pie-chart-reports-second-level-label-back {
	background: #CFDDE8 url('//cakecdn.com/portals/150205/images/icons/new/blue/sub_dropdown_arrow_left.png') no-repeat 5%;
	color: #6E6E6E;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
}

.pie-chart-reports-first-level-label:first-child, .pie-chart-reports-second-level-label:first-child {
	border-top: none;
}

.pie-chart-reports-first-level-label:last-child, .pie-chart-reports-second-level-label:last-child {
	border-bottom: none;
}

.pie-chart-reports-first-level, .pie-chart-reports-second-level, .pie-chart-reports-filler, .pie-chart-reports-first-level-container .x-panel-nofooter, .pie-chart-reports-second-level-panel-filler .x-panel-bwrap {
	background-color: #E0EBF4;
}

.pie-chart-reports-first-level, .pie-chart-reports-first-level-container .x-panel-body {
	overflow: visible;
}

.pie-chart-reports-filler-border {
	border-left: 1px solid #D0D0D0;
}

.pie-chart-reports-first-level-label-dropdown {
	background: url('//cakecdn.com/portals/150205/images/icons/new/blue/sub_dropdown_arrow.png') no-repeat 90%;
}

.toolbar_pie_chart_report_filters_frame .x-panel-nofooter {
	display: none;
}
.toolbar_pie_chart_report_filters {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.toolbar_pie_chart_report_filters_section {
	padding-left: 25px;
}

.toolbar_pie_chart_report_filters .x-panel-bwrap {
	background-color: #BDD2E5 !important;
}

.toolbar_pie_chart_report_filters .x-toolbar {
	background: none;
	padding: 0 0 0 30px;
}

.toolbar_pie_chart_report_filters .x-toolbar table label {
	font-weight: bold;
	font-size: 13px;
	color: #595959;
}

.toolbar_pie_chart_report_filters .x-toolbar table label.filter-note {
	font-weight: normal;
	font-style: italic;
	margin-left: 10px;
}

.toolbar_pie_chart_report_filters_title {
	margin-left: -23px;
	padding-top: 5px;
	font-size: 13px;
	margin-bottom: 10px;
}

.toolbar_pie_chart_report_filters_title .filter-label {
	font-weight: bold;
}

.toolbar_pie_chart_report_filters_views label, .toolbar_pie_chart_report_filters_list label, .toolbar_pie_chart_report_filters_sort_by label {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

/*.toolbar_pie_chart_report_filters_sort_by {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}*/

.toolbar_pie_chart_report_filters_views table, .toolbar_pie_chart_report_filters_sort_by table, .toolbar_pie_chart_report_filters_list table {
	width: 100%;
}

.toolbar_pie_chart_report_filters_views tr td:first-child, .toolbar_pie_chart_report_filters_sort_by tr td:first-child {
	font-weight: bold;
}

.toolbar_pie_chart_report_filters_views tr td:first-child, .toolbar_pie_chart_report_filters_sort_by tr td:first-child, .toolbar_pie_chart_report_filters_list tr td:first-child {
	width: 100px;
}

.toolbar_pie_chart_report_filters_views label, .toolbar_pie_chart_report_filters_sort_by label, .toolbar_pie_chart_report_filters_list label {
	display: block;
}

/*.toolbar_pie_chart_report_filters_list label {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}*/

.toolbar_pie_chart_report_filters_delete {
	cursor: pointer;
}

.toolbar_pie_chart_report_filters_delete .x-panel-bwrap {
	background: transparent;
	margin-left: -50px;
}

.toolbar_pie_chart_report_filters .x-panel-btns {
	padding: 7px 15px;
}

.toolbar_pie_chart_report_filters_add_new_filter_button {
	background-color: #6C747C !important;
	float: right;
}

.toolbar_pie_chart_report_filters_add_new_filter_button button {
	color: #fff !important;
	font-weight: bold;
}

.report_with_pie_border_container div.x-tab-panel-bwrap {
	z-index: 100 !important;
	position: relative;
}

.report_with_pie_border_container .x-layout-split-north, .report_with_pie_border_container .x-layout-split-east, .report_with_pie_border_container .x-layout-collapsed-north, .report_with_pie_border_container .x-layout-collapsed-east {
	overflow: visible;
	height: 0px !important;
}

.report_with_pie_border_container .x-layout-split-north .x-layout-mini, .report_with_pie_border_container .x-layout-cmini-north .x-layout-mini {
	width: 36px;
	height: 25px;
	opacity: 1;
	left: 10px;
	top: 14px;
	z-index: -100;
}

.report_with_pie_border_container .x-layout-split-north .x-layout-mini {
	background: url("//cakecdn.com/portals/static/images/icons/new/blue/pie-chart-report-collapse.png") no-repeat;
}

.report_with_pie_border_container .x-layout-cmini-north .x-layout-mini {
	background: url("//cakecdn.com/portals/static/images/icons/new/blue/pie-chart-report-expand.png") no-repeat;
}

.report_with_pie_border_container .x-layout-split-east .x-layout-mini, .report_with_pie_border_container .x-layout-cmini-east .x-layout-mini {
	height: 60px;
	top: 50%;
	margin-top: -30px;
	width: 18px;
	left: 100%;
	margin-left: -18px;
	opacity: 1;
}

.report_with_pie_border_container .x-layout-split-east .x-layout-mini {
	background-image: url("/images/split_mini_east.png");
}

.report_with_pie_border_container .x-layout-cmini-east .x-layout-mini {
	background-image: url("/images/split_mini_east_collapsed.png");
}

.report_with_pie_border_container div.x-tab-strip-wrap {
	margin-left: 50px;
}

.toolbar_linechart_report .x-panel-bwrap {
	background-color: #fff;
}

.toolbar_linechart_report_grid_border {
	border: 1px solid #D0D0D0;
}

.x-date-picker {
	width: 178px !important;
}

/* New Tab Toggle Panel (tabs as "pills")
---------------------------------------------------------------------------------------- */
.tab-toggle-panel > .x-tab-panel-bwrap > .x-tab-panel-body {
	border: 0 !important;
	background-color: #fff !important;
}
.tab-toggle-panel > .x-tab-panel-header .x-tab-strip {
	margin: 10px 0px 0px 15px;
}

.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li {
	border: 1px solid #c8c9cc;
	border-bottom-color: #c8c9cc !important;
	padding: 3px 8px;
}


.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li .x-tab-strip-text {
	color: #34699f !important;
	text-shadow: none !important;
}
	
.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active {
	border-color: #34699f;
	border-bottom-color: #34699f !important; 
	background: #34699f url(//cakecdn.com/portals/150205/images/alert-overlay.png) repeat-x !important; 
}

.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active .x-tab-strip-text {
	text-shadow: none;
	color: #fff !important;
}

.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li:first-child {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li:nth-last-child(3){
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.tab-toggle-panel > .x-tab-panel-body {
	background-color: #fff !important;
}

.generate-global-advertiser-pixel-wizard-pixel-panel {
	border: 1px solid #B5B8C8;
}
.generate-global-advertiser-pixel-wizard-pixel-help {
	padding-left: 10px;
}
.generate-conversion-pixel-wizard-step {
	overflow: visible;
	margin-top: 10px;
}

/* Affiliate Portal Categories Window
---------------------------------------------------------------------------------------- */

#tree-box {
	background-color: white;
	height: 270px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
	border: 1px solid rgb(222, 225, 228);
}

#tree-box span:not(.selectedCategoryName):hover {
	background-color: #B0D5FF;
	color: black !important;
}

.cat_name {
	margin: 2px;
	list-style: none;
	padding: 5px;
	font-size: 13px;
	border: 1px solid rgb(222, 225, 228);
	display: block;
	background-color: rgb(245, 247, 250);
	cursor: pointer;
}

.cat_name a {
	text-decoration: none;
}

.cat_name a:visited {
	text-decoration: none;
}

.cat_name a:hover {
	text-decoration: underline;
}

.hideBranch {
	display: none;
}

.hideCateogry {
	display: none;
}

.child_node li span a {
	padding-left: 40px;
}

.child_node li ul ul li span a {
	padding-left: 80px;
}

.child_node li ul ul li ul ul li span a {
	padding-left: 120px;
}

.child_node li ul ul li ul ul li ul ul li span a {
	padding-left: 160px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 200px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 240px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 280px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 320px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 360px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 400px;
}

.flipBranchImage {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.selectedCategoryName {
	background-color: #31629a;
}

.selectedCategoryName a, .selectedCategoryName a:visited {
	color: white;
}

.trunk_arrow {
	background-image: url(/images/icons/new/blue/sub_dropdown_arrow.png);
	background-repeat: no-repeat;
	background-position-x: -1px;
	background-position-y: -4px;
	width: 13px;
	height: 13px;
	cursor: pointer;
}

.settings_subhdr {
	font-size: 1.1em;
	font-weight: bold;
	padding: 25px 0px 8px;
	font-style: italic;
	text-decoration: underline;
}

.settings_fldhdr {
	font-size: 1em;
	font-weight: bold;
	padding: 15px 0px 2px;
	color: #333;
}



/* Usage Metrics
---------------------------------------------------------------------------------------- */
.usage-header {
	padding: 20px 0 0 20px;
	font-size: 30px;
	font-weight: bold;
	color: #666666;		
}

.usage-sub-header {
	padding: 0 0 0 20px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.usage-outer-container {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}

.usage-container {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 0 20px;
	width: 100%;
}

.usage-bordered-container {
	display: flex;
	flex-direction: column;
	flex: 0 0 226px;	
	border: solid 1px #cccccc;
	margin: 0px 29px 24px 0;
}

.usage-inner-container {
	background-color: #fff;
	color: #666666;
	padding: 10px;
}

.usage-title {
	align-items: center;
	background-color: #e5e5e5;
	color: #666666;
	display: flex;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	justify-content: flex-start;
	padding-left: 10px;
}

.usage-title-icon {
	cursor: default;
	fill: #666666;
	height: 30px;
	margin-right: 7px;
	width: 21px;
}

.usage-current {
	font-size: 16px;
	padding-top: 20px;
	border-bottom: 1px solid #A5A5A5;
	color: #7E7E7E;
}

.usage-mtd-title {
	font-size: 13px;
	line-height: 1.77;
}

.usage-mtd-parenthesis {
	color: #999999;
	font-style: italic;
}

.usage-mtd-line {
	display: flex;
	font-size: 13px;
	justify-content: space-between;
	line-height: 1.77;
}

.usage-separator-line {
	background-color: #c5c5c5;
	border: 0;
	height: 2px;
}

.usage-total-title {
	font-size: 13px;
	font-weight: bold;
	line-height: 2;
	margin-top: 15px;
	text-transform: uppercase;
}

.usage-total {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

.usage-month {
	font-size: 13px;
	text-align: center;
}

.usage-notice {
	display: flex;
	border: 1px solid #f5c46e;
	margin: 20px 20px 0 20px;
}

.usage-notice-icon-container {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	width: 45px;
	background-color: #f5c46e;
}

.usage-notice-icon {
	/*fill: #f5c46e;*/
	fill: #fff;
	height: 25px;
	width: 25px;
}

.usage-notice-message {
	align-items: center;
	display: flex;	
	flex-grow: 0;
	font-size: 13px;
	background-color: #fff;
	padding: 15px;
}

.custom-view-tab-panel-hide-report {
	background-color: #CCCCCC !important;
}

.custom-view-tab-panel-show-report {
	background-color: #FFFFFF !important;
}

/* Sankey and Sunburst */
#sankey_graph {
	font-family: "Helvetica Neue", sans-serif;
}

.sankey_node rect {
	fill-opacity: .9;
	cursor: default;
	shape-rendering: crispEdges;
}

.sankey_node text {
	pointer-events: none;
	text-shadow: 0 0px 0 #fff;
	font-size: 12px;
	font-family: "Helvetica Neue", sans-serif;
}

.sankey_link {
	fill: none;
	stroke: #000;
	stroke-opacity: .2;
}

.sankey_link:hover {
	stroke-opacity: .5;
}

.sankey_tooltip {
	background: rgba(34,60,69,0.75);
	-moz-box-shadow:    0px 0px 4px 0px #5A6D74;
	box-shadow:         0px 0px 4px 0px #5A6D74;
    z-index: 1;
	padding: 0;
	min-height: 45px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 0 0px 0px 0;
    
	position: absolute;
}

.sankey_link_darken {
	fill: none;
	stroke: #000;
	stroke-opacity: .5
}
#sankey_spine_tooltip div.sankey_tooltip {
	position: relative;
	padding: 0 10px 10px 0;
	font-size: medium;
}

/* Count: */
.sankey_count {
	background: #3DB5D3;
    
	font-size: 25px;
	color: #223C45;
	line-height: 40px;
	vertical-align: top;
	text-align: center;
    
	display: inline-block;
	min-width: 45px;
	min-height: 45px;
	margin: 0;
}

.sankey_arrow {
	display:inline-block;
	margin-top: 11px;
}
.sankey_arrowContainer {
	/*line-height: 40px;*/
}

/* Arrow Line */
.sankey_arrowLine {
	width: 12px;
	height: 19px;
    
	border: 1px solid #EDF0F3;
	border-right: none;
    
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.sankey_arrowLineShort {
	width: 12px;
	height: 20px;
    
	border: 1px solid #EDF0F3;
	border-right: none;
	border-top:none;
    
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.sankey_arrowPoint {
	background: transparent url(//cakecdn.com/portals/150205/images/icons/whitearrow.png) left top no-repeat; 
	width: 8px;
	height: 7px;
    
	display: inline-block;
	position: relative;
	top: 9px;
	left: -5px;
}

.sankey_arrowPointShort {
	background: transparent url(//cakecdn.com/portals/150205/images/icons/whitearrow.png) left top no-repeat; 
	width: 8px;
	height: 9px;

	display: inline-block;
	position: relative;
	top: 10px;
	left: -5px;
	}

    
/* FirstTouchLastTouch: */
.sankey_firstlasttouch {
	font-size: 13px;
	color: #EEEEEE;
	line-height: 20px;
	letter-spacing: 0px;

	display: inline-block;
	vertical-align: top;

	position: relative;
	top: 5px;
}

.sankey_touch {
	display: block;
	line-height: 20px;
	vertical-align: middle;
}



/* =============
EXTENDED TOOLTIP 
================ */

/* Background Layer: */
.sankey_tooltipPath {
	background: rgba(34,60,69,0.75);
	-moz-box-shadow: 0px 0px 4px 0px #5A6D74;
	box-shadow: 0px 0px 4px 0px #5A6D74;
	position: absolute;
	padding-bottom: 1px;
	z-index: 1;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

/* Count Background: */
.sankey_path {
	background: #3DB5D3;
	color: #223C45 !important;
	margin-right: 10px;
	width: 100%;
	height: 30px;
}

.sankey_conversionCount {
	font-size: 20px;
	line-height: 30px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 7px;
}

.sankey_pathTouch { 
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0px;
	vertical-align: middle;
}


.sankey_channelInteractions {
	color: #dddfe2 !important;
	margin: 10px;
}
.sankey_h3sanchannels {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
	color: #dddfe2 !important;

}
.sankey_ulsanchannels {
	font-size: 11px;
	color: #dddfe2 !important;
	list-style-type: none;
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
	padding: 0;
	margin: 0;
}
.sankey_lisanchannels {
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0px;
	color: #dddfe2 !important;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.sankey_pathCount {
	line-height: 11px;
	font-size: 11px;
	text-align: right;
	display: inline-block;
	min-width: 30px;
}

/* -------------------------------
	MASTHEAD SVG ICONS
	------------------------------*/
#close_all_buttons span a svg {
	width: 25px;
}

#close_all_buttons span a:hover svg {
	fill: rgba(225, 225, 225, 0.5) !important; 
}

/* -------------------------------
	PRIMARY NAVIGATION SVG ICONS
	------------------------------*/
#navigation .tabs .icon span svg {
	width: 25px;
	height: 25px;
	margin-left: -25px;
	padding-right: 5px;
	vertical-align: middle;
}


/* -------------------------------
	SECONDARY NAVIGATION SVG ICONS
	------------------------------*/

#sidebar .icon span svg {
	width: 20px !important;
	height: 20px !important;
	margin-left: -25px;
	padding-right: 5px;
	vertical-align: middle;
}

/* hover */
#sidebar li:hover > .icon span svg {
}

/* active */
#sidebar .current .icon span svg{
}

/* active hover */
#sidebar .current:hover .icon span svg {
}

/* accordian subitem icons */
#sidebar .sidebar-accordion-submenu > a > span > svg {
	height: 18px !important;
	width: 18px !important;
}


#sidebar .sidebar-accordion-submenu > a > span.tag > svg {
	padding-left: 20px;
	width: 16px !important;
	height: 16px !important;
}

.system-settings-header svg {
	width: 20px;
	margin-left: -20px;
	padding-right: 5px;
}

.custom-view-edit-panel {
	border: #dddfe2 1px solid !important;
	background-color: white;
	position: absolute;
	right: 25px;
	top: 55px;
}

#switch-to-new-nav {
	height: 20px;
	background-color: #51b06d;
	text-align: center;
	text-shadow: none;
	font-size: 13px;
	font-family: Helvetica;
	cursor: pointer;
}

	#switch-to-new-nav span {
		margin-top: 2px;
		display: inline-block;
	}

	#switch-to-new-nav a, u {
		text-decoration: none;
		color: #ffffff !important;
	}

	#switch-to-new-nav b {
		text-transform: uppercase;
	}