﻿table {
	border-collapse: collapse;
	border-style: none;
}

#pageLoading {
	display: block;
	height: 100%;
	width: 100%;
}

body {
	background-color: #f5f5f0;
	border: none;
	color: #47473e;
	font-family: 'Source Sans Pro';
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	word-spacing: normal;
}

table {
	border: none;
	border-spacing: 0px;
	empty-cells: show;
}

.panel_menu {
	background-color: #b3dbff;
	height: 45px;
	margin-bottom: 1em;
}
.productLabel {
    color: #47473e !important;
    font-size: 20px !important;
    height: 31px;
}
form {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.width {
	background: #fff;
	min-width: 300px;
	width: 100%;
}

table.table_Filter {
	border-spacing: 0px;
	empty-cells: show;
	padding: 0px 0px 0px 0px;
	table-layout: fixed;
}

.TableCell_Bold_RightAlign, .TableCell_Bold_RightAlign * {
    text-align: right;
    padding: 2px 2px 2px 2px;
    font-size: 14px !important;
    font-weight: bold;
    color: #000;
}

.TableCell_RightAlign {
    padding: 2px 2px 2px 2px;
}

td.TableCell_BlueBar_LeftAlign {
	background-color: White;
	border-left-color: White;
	border-left-style: solid;
	border-left-width: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 0px;
	text-align: left;
}

td.TableCell_BlueBar_RightAlign {
	background-color: White;
	border-left-color: White;
	border-left-style: solid;
	border-left-width: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-top: 0px;
	text-align: right;
}

td.TableCell_RightAlign {
	padding-right: 2px;
	text-align: right;
}

td.TableCell_Control_LeftAlign {
	background-color: White;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
}

td.TableCell_Control_LeftAlign2 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
}

td.TableCell_Fill { width: 15px; }

.pager span { color: #0000FF; }

.panelSpacer { margin-bottom: 3px; }

.header {
	background-color: #ffffff;
	display: table;
	padding-bottom: 16px;
	padding-top: 21px;
	width: 100%;
}

.header-left {
	display: table-cell;
	padding-left: 21px;
	vertical-align: middle;
}

.header-right {
	display: table-cell;
	padding-right: 55px;
	text-align: right;
	vertical-align: middle;
}

.logout-user {
	display: table-cell;
	vertical-align: middle;
}

.headerlabel {
  font-family: "Source Sans Pro" !important;
  font-size: 18px !important;
  font-weight: bold;
  padding-left: 18px;
}

A:link {
	color: #000099;
	text-decoration: none;
}

A:visited {
	color: #000099;
	text-decoration: none;
}

A:active {
	color: #000099;
	text-decoration: none;
}

A:hover {
	color: Blue;
	text-decoration: underline;
}

A.greyHover:hover {
	color: grey;
	text-decoration: underline;
}
.dxEditors_edtClear {
    display: none;
}
.dxeHyperlink { color: #000099; }

a:hover.dxeHyperlink { color: Black; }

a:visited.dxeHyperlink, a.dxeHyperlink:visited { color: #000099 !important; }

.commandButton {
	background-color: #497DAF;
	color: #fefefe;
	font-size: x-small;
}

input, select { font-size: x-small; }

h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

.bb td, .bb th { border-bottom: 1px solid black; }

table.TableReport {
	background-color: White;
	text-align: left;
}

table.TableReport.FullWidth { width: 100%; }

div.Inline {
	display: inline-table;
	width: 49.8%;
}

table.TableReport td {
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding-left: 5px;
	padding-right: 5px;
}

table.TableReport td.Left { text-align: left; }

table.TableReport td.Center {
	text-align: center;
	vertical-align: bottom;
}

table.TableReport td.Right { text-align: right; }

table.TableReport td.Bold { font-weight: bold; }

table.TableReport td.Total {
	font-weight: bold;
	width: 75px;
}

table.TableReport td.Heading, table.TableReport tr.Heading td, div.Heading {
	background-color: #AAAAAA;
	border-bottom: none;
	color: White;
	text-align: center;
}

div.Heading {
	margin-top: 10px;
	padding: 2px;
}



table.TableReport td.Blue, table.TableReport tr.Blue td { background-color: white; }

table.TableReport td.Green, table.TableReport tr.Green td { background-color: #ccedcc; }

table.TableReport td.Divider {
	background-color: #9a9a9a;
	border-left: none;
	border-right: none;
	padding-left: 0px;
	padding-right: 0px;
	width: 4px;
}

table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

td.CellHighlight { background-color: #DDBC6B; }

.Panel_LtBlue_200 {
	background-color: White;
	background-image: url(images/Gradient200.png);
	background-position: top;
	background-repeat: repeat-x;
}

.dxgvTable { background-color: white; }

.dxgvHeader {
	background-color: #CCCCC2;
	border: none;
	font-weight: bold;
}

/*
.dxgvFilterBarImageCell, .dxgvFilterBarExpressionCell { display: none; }

td.dxgvFilterBarExpressionCell { display: none; }
*/
.dxgvFooter {
	background-color: White;
	color: black !important;
	white-space: nowrap;
}
/* Footer below*/
.dxgvFSDC, .dxgvHSDC {
}

.dxgvFooter td.dxgv {
	border: 1px Solid #BCBCBC;
	border-bottom: 1px Solid #BCBCBC;
	border-left-width: 0;
	border-right-width: 1px;
	border-top-width: 0;
	padding: 3px 2px 2px;
    background-color: #CCCCC2 !important;
	font-weight: bold;
}

.dxgvFooter a:link { color: #FFFFFF; }

.dxgvFooter a:visited { color: #FFFFFF; }

.dxgvCommandColumn {
	border-bottom: 1px Solid #7b7b7b;
	border-right: 1px Solid #7b7b7b;
	padding: 3px 2px 2px;
}

/*Force the color of hyperlinks in the devexpress grids cwparrish 10-8-14*/

.dxgvControl a { color: #000099; }

.dxgvCSD {
    -ms-overflow-style: scrollbar !important;
    -ms-overflow-x: scroll !important;
    -ms-overflow-y: scroll !important;
}

.aspxRoundPanelHeaderUL {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 0 2px 0;
}

.aspxRoundPanelHeaderUL li {
	cursor: pointer;
	display: inline;
	padding: 0 0px;
}

.emailResponseHeader {
	color: #444;
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
}

.emailHistory {
	align-content: center;
	color: #444;
	line-height: 18px;
	min-width: 100px;
	width: 10%;
}

.bottomBorder { border-bottom: 1px solid #999999; }

.messageDivider { border: 1px solid #EEEEE7; }

.emailThread {
	border: '0';
	width: 100%;
}

.fa-check-circle::before {
	color: #117730;
	font-family: FontAwesome;
	font-size: 36px;
	letter-spacing: 6px;
	line-height: 37px;
	margin-left: 30px;
}

.fa-check-circle-hover::before {
	color: #117730;
	content: '\f10c';
	font-family: FontAwesome;
	font-size: 36px;
	letter-spacing: 6px;
	line-height: 37px;
	margin-left: 30px;
}

.fa-circle-o::before {
	color: #999;
	font-family: FontAwesome;
	font-size: 36px;
	letter-spacing: 6px;
	line-height: 37px;
	margin-left: 30px;
}

.fa-circle-o-hover::before {
	color: #999;
	content: '\f058';
	font-family: FontAwesome;
	font-size: 36px;
	letter-spacing: 6px;
	line-height: 37px;
	margin-left: 30px;
}

.excludedEntry {
	background-color: #DAD6C0;
	opacity: .42;
}

.isa_info, .isa_success, .isa_warning, .isa_error {
	border-radius: .5em;
	display: inline-block;
	margin-bottom: 1em;
	margin-top: .5em;
	max-width: 850px;
	padding: .75em;
	text-align: left;
	width: 100%;
}

.isa_info {
	background-color: #BDE5F8;
	color: #00529B;
}

.isa_success {
	background-color: #DFF2BF;
	color: #4F8A10;
}

.isa_warning {
	background-color: #FEEFB3;
	color: #9F6000;
}

.isa_error {
	background-color: #FFBABA;
	color: #D8000C;
}

.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
	display: inline-block;
	font-size: 1.25em;
	padding-bottom: .5em;
	padding-right: .5em;
}

/********************************************************************************
* Required for DevEx Menu
********************************************************************************/

div.dxm-popup {
	background-color: #ddddd4;
	border: 0px;
	border-radius: 4px;
	box-shadow: 0 0px 12px rgba(0, 0, 0, 0.36);
}

div.dxm-popOut {
	background-color: Transparent;
	border: 0px;
	border-left: none;
	border-right: none;
	padding-bottom: 0px;
	padding-top: 0px;
}

/********************************************************************************
* Section Wrappers
********************************************************************************/

.SectionHeader {
	background-color: #414143;
	background-image: url('../../images/ASPxRoundPanel/olive/SectionHeaderTopRightCorner.png');
	background-position: right top;
	background-repeat: no-repeat;
	clear: left;
	color: #ffffff;
	margin-top: 10px;
	overflow: hidden;
	padding: 2px 5px 2px 5px;
	width: 150px;
}

.SectionWrapper {
	border-top: 1px solid #414143;
	padding: 5px 0px 5px 0px;
}

/* Items at the top of the page */

.containerPageName {
	padding-bottom: .5rem;
	padding-top: .5rem;
	text-align: left;
}

.pageName {
	color: black;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}

.containerCommandButtonsFlushRight {
	display: inline-block;
	float: right;
}

.controlStringToRight {
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;
}

.containerGrid { display: inline-block; }

.containerCommandButtons {
	margin: .5rem .5rem .5rem .5rem;
	text-align: right;
}

.containerModalHeader {
	background-color: #CCCCC2;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.highlightDiv { border: 1px dashed red; }

.containerModalPageTitle {
	float: left;
	font-size: 18px;
    font-family: 'Source Sans Pro';
	margin: 5px;
}

.containerModalCloseIcon {
	float: right;
	margin: 5px;
}

/* Form Containers */

.controlGroup {
	clear: both;
	margin-bottom: 4px;
	overflow: auto;
	padding: 0px 0px 0px 20px;
	text-align: left;
}

.controlLabel, .controlLabelWithoutWidth {
	float: left;
	font-weight: bold;
	text-align: left;
    padding-top: 5px;
    padding-right: 3px;
}
.controlLabel {
	width: 115px;
}

.control {
	float: left;
	text-align: left;
	width: 560px;
}

.extra {
	float: left;
	text-align: left;
}

.controlWithoutWidth {
	float: left;
	text-align: left;
}

/* Button */

.primaryButton, .secondaryButton, .disabledButton {
	background-image: none;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	Height: 16px;
	margin: 0 0 0 0;
	text-align: center;
	width: 86px;
}

a.secondaryButton, a.primaryButton, a.disabledButton {
	color: #ffffff;
	display: inline-block;
	min-height: 16px;
	min-width: 86px;
	padding: 5px;
	text-decoration: none;
}

a.secondaryButton:visited {
	color: #ffffff;
	text-decoration: none;
}

.primaryButton { background-color: #EF6C00; }

.secondaryButton { background-color: #0D47A1; }

.disabledButton { 
    background-color: #CCCCCC; 
    color: gray;
    cursor: default;
}
a.disabledButton {
    color: #999999;
}


.dxeCalendarButton,
.dxeColorEditButton {
	background-color: #0D47A1;
	background-image: none;
	border: none;
	border-radius: 4px;
	color: #fff;
	margin: 0 .5rem 0 0;
}

.gridview-collapse {
	border: 0px;
	border-collapse: collapse;
}

/* Input */

.dxeTextBox,
.dxeButtonEdit {
	background-color: #fff;
	border: 1px solid #77776d;
	border-collapse: initial;
	border-radius: 4px;
	height: 30px;
	padding: 0 3px;
}

.dxeMemoEditArea {
    border-radius: 4px;
}

/* Reset Buttons */

.dxeButtonEditButton,
.dxeSpinLargeIncButton,
.dxeSpinLargeDecButton {
	background: none;
	border: none;
}

/* Icons */

.material-icons { color: #77776d; }

.c-icon {
	display: inline-block;
	fill: currentColor;
	height: 24px;
	user-select: none;
	vertical-align: middle;
	width: 24px;
}

.c-button--text {
	background-color: #fff;
	border: 1px solid transparent;
	color: currentColor;
}

.c-button--text:hover,
.c-button--text:focus {
	color: #1a6dc9; /* var(--blue-700) */
}

.c-button--text:active,
.c-button--text.is-active {
	background-color: #eeeee7; /* var(--grey-100) */
	border: 1px solid #818076;
	color: #1a6dc9;
}

.is-positive { color: Green; }

.is-negative { color: #b71c1c; }

.is-alterable { color: Red; }

.is-informative { color: #0D47A1; }

.dxeMemo {
	border: 1px solid #77776d;
	border-radius: .3rem;
}

.dxpnlControl { border: 0px; }

/* html Editor */

.dxheControl { border: 0px; }

.dxpcContent { padding: 10px; }


/*.dxgvControl td td.dxgv {
	border: none;
}*/

.dxgvFocusedRow { background-color: #b3dbff !important; }

.is-disabled {
	-ms-pointer-events: none !important;
	opacity: .5 !important;
	pointer-events: none !important;
}

.is-disabled-cmd-btn {
	opacity: .5 !important;
}

.tabControlWhite, .tabControlBeige {
	border: 1px solid #77776C !important;
	border-radius: 5px !important;
}

.tabWhite, .tabControlWhite { background-color: #FFFFFF !important; }

.tabBeige, .tabControlBeige { background-color: #F5F5F0 !important; }

.tabWhite, .tabBeige {
	border-bottom: 1px solid #A8A8A8 !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	color: #474747 !important;
	font-family: 'Source Sans Pro';
	font-size: 14px;
}

.activeTab {
	border-bottom: 2px solid #0249A5 !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	color: #0249A5 !important;
	font-family: 'Source Sans Pro';
	font-size: 14px;
}

.tabContent {
	background-color: inherit !important;
	border: none !important;
	border-radius: 5px !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-link { color: inherit; }

.dxtcLite > .dxtc-content { background-color: inherit; }

/* Send Calendar Styles */

.calTable { border-collapse: collapse; }

.calHeaderRow { background: #CCCCC2; }

.calHeaderCell, .calHeaderCellWeekend { text-align: center; }

.calHeaderDayText { font-weight: bold; }

.calEventRow {
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: false;
}

.calDayCell, .calDayCellWeekend {
	overflow: false;
	vertical-align: top;
}

.calEventWrapper {
	height: 22px;
	margin: 2px;
	overflow: hidden;
	text-align: left;
}

.calIcon {
	padding-right: 2px;
	vertical-align: middle;
}

.NoEvents {
	color: Gray;
	text-align: center;
	width: 100%;
}

.calEventHeadline {
	height: 16px;
	overflow: hidden;
}

.calEventEmail, .calEventAutoResponse, .calEventAdHoc, .calEventCampaign, .calEventABTest, .calEventLifeCycle, .calEventStayCycle {
	background-color: #ABA473;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	height: 16px;
	margin: 1px;
	padding: 2px 2px 2px 30px;
	text-align: left;
	vertical-align: middle;
}

.calEventStayCycle {
	background-color: #DDBC6B;
	background-image: url('images/Reach/StayCycle.png');
	background-size: 26px;
}

.calEventAutoResponse {
	background-color: #DDBC6B;
	background-image: url('images/Reach/StayCycle.png');
	background-size: 26px;
}

.calEventNonTransFuture, .calEventNonTransPast, .calEventTransFuture, .calEventTransPast {
	padding: 2px;
	vertical-align: middle;
}

.calEventNonTransFuture {
	background-color: #e0eaf9;
	color: #000000;
}

.calEventNonTransPast {
	background-color: #EEEEEE;
	color: #999999;
}

.calEventTransFuture {
	background-color: #EEEEEE;
	color: #000000;
}

.calEventTransPast {
	background-color: #EEEEEE;
	color: #999999;
}

.calLegend {
	/*border:1px solid gray;*/
	font-size: 8px;
}

.calEventAdHoc {
	background-image: url('images/Reach/AdHoc.png');
	background-size: 28px;
}

.calEventCampaign {
	background-image: url('images/Reach/Campaign.png');
	background-size: 28px;
}

.calEventABTest {
	background-image: url('images/Reach/abtest.png');
	background-size: 28px;
}

.calEventLifeCycle {
	background-image: url('images/Reach/LifeCycle.png');
	background-size: 22px;
}

.calEventFuture { color: #000000; }

.calEventPast { text-decoration: line-through; }

.calDetailDiv {
	background-color: White;
	display: none;
	font-size: 12px;
}

.calDetailTable {
	border-collapse: collapse;
	text-align: left;
}

.calDetailTableHeaderLeft, .calDetailTableHeaderRight { background-color: #CCCCC2; }

.calDetailTableHeaderLeft {
	font-weight: bold;
	padding: 2px;
}

.calDetailTableHeaderRight { text-align: right; }

.calDetailTableLeft, .calDetailTableRight {
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	vertical-align: top;
}

.calDetailTableLeft { font-weight: bold; }

.calDetailTableRight { overflow: auto; }

.calToolTip { position: relative; }

.calToolTip span {
	border: 1px solid #EEEEEE;
	margin-left: -999em;
	position: absolute;
}

.calToolTip:hover span {
	-moz-border-radius: 5px;
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	border-radius: 5px 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	left: 1.7em;
	margin-left: 0;
	position: absolute;
	top: 1em;
	width: 300px;
	z-index: 99;
}

.calToolTip:hover em {
	display: block;
	padding: 0.2em 0 0.6em 0;
}

.calMessage { padding: 0.8em 1em; }

.calToolTipHeader {
	font-weight: bold;
	vertical-align: top;
	width: 80px;
}

.calToolTipValue {
	vertical-align: top;
	width: 220px;
}

.button {
	background: #f1f1f1;
	border: 2px solid #e1e1e2;
	border-radius: 5px;
	color: #000;
	display: block;
	font-weight: bold;
	height: 15px;
	padding: 10px;
	text-align: center;
}

/* Menu */

.has-menu {
	display: inline-block;
	position: relative;
}

.has-menu:focus { outline: none; }

.c-menu {
	/* @apply --fade-out; */
	background-color: #fff; /* var(--white) */
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); /* var(--shadow-1) */
	left: 0;
	list-style: none;
	min-width: 100px;
	opacity: 0;
	overflow: hidden;
	padding: .5em 0;
	pointer-events: none;
	position: absolute;
	text-align: left;
	text-align: left;
	top: 0;
	transition: visibility 0s 2s, opacity .3s ease-in-out, z-index 0s 2s;
	visibility: hidden;
	will-change: visibility, opacity, transform;
	z-index: -1;
}

.header-panel .c-menu { top: 100% !important; }

.header-panel {
	background-color: White !important;
	text-align: left;
}

.c-menu--end {
	left: auto;
	right: 0;
}

.c-menu--up {
	bottom: 0;
	top: auto;
}

.c-menu__item {
	background-color: rgba(0, 0, 0, 0);
	display: block;
	padding: .5em 1rem;
	text-align: left;
	transition: background-color .1s ease, color .1s ease;
	white-space: nowrap;
	width: 100%;
}

.c-menu__item:hover {
	background-color: #eeeee7; /* var(--grey-100) */
}

.has-menu:focus .c-menu,
.c-menu.is-active {
	opacity: 1;
	pointer-events: all;
	transition: opacity .3s ease-in-out;
	visibility: visible;
	z-index: 10;
	/* @apply --fade-in; */
}

.has-menu > .c-button {
	margin-bottom: 0;
	padding-right: 25px;
}

.has-menu > .c-button::before {
	/*@apply --triangle;
  @apply --triangle-bottom;*/
	position: absolute;
	right: 12px;
	top: 12px;
}

.has-menu .c-button::after {
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-top: 1.5em solid currentColor;
	border-width: 5px 4px 0;
	content: '';
	display: inline-block;
	height: 0;
	margin: .85em 0 .85em .425rem;
	position: relative;
	vertical-align: middle;
	width: 0;
	z-index: 2;
}

:root {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	box-sizing: border-box;
	cursor: default;
	font-family: "Source Sans Pro" !important;
	margin: 0;
	width: 100%;
}

.filter-panel {
	background-color: Transparent !important;
	border-bottom: 18px;
	border-bottom-color: Transparent;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-top-color: Transparent;
	border-top-width: 5px;
	text-align: left;
}

.filter-table {
	background-color: Transparent !important;
	border-spacing: 0px;
	empty-cells: show;
	table-layout: fixed;
}
.dxfc-tree, .dxfc, .dxfcTable {
    overflow-y: visible;
}
.dxfcControl ul.dxfc-tree, .dxfcControl .dxfc-tree ul {
    overflow-y: visible;
}

.content-panel {
	background-color: #f5f5f0 !important;
	border-bottom: 5px;
	border-bottom-color: #f5f5f0;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-top-color: #f5f5f0;
	border-top-width: 5px;
	width: 100%;
}

/* missing from current version, used by SessionTerm */

.bold-sixteen-black {
    color: Black;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-weight: bold
}

.twelve-pixel {
    height: 12px !important;
    font-size: 12px !important;
}
