:root {
	--tfli-header-min-height: 71px; /* Sets the min-height value in .header and used for the .leftCol height calc offset */
}

html, body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 14px;
	font-family: 'montserratlight', sans-serif;
	color: #4c4c4d;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	background: #fff;
	-webkit-font-smoothing: antialiased !important;

}

pre.debugOutput {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
    background-color: black;
    color: lightgreen;
}

.visHidden{
	visibility: hidden;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}


a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.gradient {
       filter: none;
}




.contentContainer {
	width: 960px;
	margin: 0px auto 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}


h1 {
	font-family: 'montserratregular', sans-serif;
	font-size: 32px;
	color: #23b3f0;
	letter-spacing: -1px;
	margin: 0px 0px 8px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-family: 'montserratregular', sans-serif;
	font-size: 26px;
	line-height: 33px;
	font-weight: 400;
	color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
}

.forceLeadCenter{
	text-align: center;
}

.forceLeadInline{
	display: inline-block;
}

.forceLeadBottom{
	margin-bottom: 10px;
}

.forceLeadMessage{
	color: red;
	font-weight: bold;
}

h3 {
	font-family: 'montserratregular', sans-serif;
	font-size: 22px;
	color: #333333;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.left{
	text-align: left !important;
}

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

.center{
	text-align: center !important;
}

.text-center {
	text-align: center;
}

.text-right{
	text-align: right;
}

.centerByMargin{
	margin-left: auto !important;
	margin-right: auto !important;
}

.centerByFlex{
	justify-content: center;
}

.flexEnd{
	justify-content: end;
}

.flexWrap{
	flex-wrap: wrap;
}

.flexWrap > *{
	margin-bottom: 10px;
}

.right {
	text-align: right !important;
}

.rightByMargin {
	margin-right: 0px !important;
	margin-left: auto !important;
}

:focus {
outline: 0;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;	
}

.text-white{
	color: white;
}

.hover\:text-white:hover{
	color: white;
}


/* --------------------------------- LOGIN PAGE ------------------------------------ */

.loginAreaContainer {
	width: 718px;
	margin: 0px auto;
	border: 0px;
	padding: 240px 0px 0px 0px;

}

.loginLogo {
	float: left;
	width: 295px;
	height: 188px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	background: url('../../images/login-logo.png');
	background-repeat: no-repeat;
}

.tfaPage .loginLogo{
	float: initial;
	margin: auto;
}

.loginDivider {
	float: left;
	width: 64px;
	height: 188px;
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	background: url('../../images/login-divider.png');
	background-repeat: no-repeat;
}


.loginSignupAreaContainer {
	float: left;
	width: 359px;
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}

.tfaPage .loginSignupAreaContainer{
	width: 640px;
	text-align: center;
	margin: auto;
	float: initial;
}

.loginSignupAreaContainer.title {
	float: left;
	width: 219px;
	font-family: 'montserratlight', sans-serif;
	font-size: 24px;
	color: #016092;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}

.tfaPage .loginSignupAreaContainer.title{
	width: 100%;
}

.loginSignupAreaContainer.tabArea {
	float: right;
	width: 140px;
	text-align: right;
	font-family: 'montserratlight', sans-serif;
	font-size: 13px;
	color: #4d4d4d;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 9px 0px 0px 0px;
}

.loginSignupAreaContainer.forgot {
	float: left;
	width: 184px;
	font-family: 'montserratlight', sans-serif;
	font-size: 13px;
	color: #4d4d4d;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 24px 0px 0px 0px;
}

.loginSignupAreaContainer.buttonArea {
	float: right;
	width: 170px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 18px 0px 0px 0px;
}

.loginSignupAreaContainer.welcome {
	margin: 10px 0px;
}

.loginSignupAreaContainer.welcome .welcome-username {
	font-weight: 600;
}

/* --------------------------------- LOGIN PAGE ------------------------------------ */


.adminContainer {
	display: table;

}

.adminCols {
	display: table-cell;
	width: 20%;
	padding: 0px 30px 0px 0px;
}

.adminCols2 {
	display: block;
	width: 50%;
	padding: 0px 0px 0px 0px;
}

.screenColsTitle {
	display: block;
	font-family: 'montserratlight', sans-serif;
	font-size: 22px;
	color: #4d4d4d;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}










/* --------------------------------- HEADER AREA ------------------------------------ */

.header {
	top: 0;
	left: 0;
	min-height: var(--tfli-header-min-height);
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	background: #247fc1;
	background: -moz-linear-gradient(top, #247fc1 0%, #1b6296 100%);
	background: -webkit-linear-gradient(top, #247fc1 0%,#1b6296 100%);
	background: linear-gradient(to bottom, #247fc1 0%,#1b6296 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247fc1', endColorstr='#1b6296',GradientType=0 );
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}




.logo {
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
}

.logo img{
	padding: 10px 20px;
	width: 100px;
}

.topRight {
	float: right;
	text-align: right;
	margin: 0px;
	border: 0px;
	padding: 13px 0px 0px 0px;
	color: #fff;
	position: relative;
}

.exportMenu{
	position: relative;
}

.header__avatar{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 25px;
}

.header__avatar .avatar img{
	width: 125%;
	max-width: 50px;
	max-height: 50px;
}
.header__avatar .avatarText {
	height: 40px;
	width: 40px;
	-webkit-box-align: center;
	background-color: #ff7800;
	border-radius: 50%;
	box-sizing: content-box;
	cursor: inherit;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	align-items: center;
	outline: none;
	overflow: hidden;
	position: static;
	border: none;
	margin: 2px;
	padding: 0px;
	transition: all 275ms ease-in-out;
	font-size: 20px;
	color: #fff;
}

.header__avatar .avatarText:hover {
	transform: scale(1.25);
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.header__notification{
	justify-content: center;
	align-items: center;
	margin: 0px;
	border: 0px;
	color: #fff;
	width: 75px;
}

.header__search{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 75px;
}
.header__search .productSearchBar.input:not(.selectize-control) {
	display: none;
}

.header__search .searchIcon{
	font-size: 35px;
	color: #fff;
	padding: 0 15px;
	padding-right: 10px;
	justify-content: center;
	align-items: center;
}

.header__notification .notification{
	font-size: 35px;
}

.header__notification .notification:hover, .header__search .searchIcon:hover{
	cursor: pointer;
	color: #ff7800;
	text-shadow: rgba(0, 0, 0, 0.7) 5px 20px 25px;
}

.header__notification  .hidden-menu, .header__avatar .hidden-menu{
	right: 0;
	padding-top: 0;

}

.header__notification  .hidden-menu{
	width: 30%;
}

.header__textarea{
	justify-content: end;
	height: 100%;
}

.header__leftarea{
	height: 60px;
}

.header_navHeaders{
	flex-wrap: wrap;
	align-items: center;
	margin-top: 10px;
	height: 100%;
}

.navItemText{
	justify-content: center;
	align-items: center;
	flex-direction: row;
	margin: 0 10px;
}

.navItemText i{
	padding-left: 10px;
	font-size: 16px;
	color: #fff;
}

.navItemText h1, .navItemText span, .navItemText h1 a{ 
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0;
}

.navItemText.inactive-product h1, .navItemText.inactive-product span, .navItemText.inactive-product h1 a{ 
	color: #b9b9b9;
	font-style: italic;
}

.navItemText h1 a{ 
	text-decoration: unset;
}

.navItem, .navItemStatic {
	justify-content: center;
	align-items: center;
	height: 100%;
	border-radius: 5px;
	padding: 10px 5px;
	margin: 0 2px;
	box-sizing: border-box;
	border: 1px solid transparent;
	text-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
}

.navItemStatic{
	border: unset;
	padding: 2px 5px;
}
.navItemStatic .navItemText{
	padding: 0;
}

.navItem:hover {
	background-color:#ff7800;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.575);
	box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 15px;
}

.navItem img, .navItemStatic img{
	height: 30px;
	padding: 0 5px;
}

.avatarName {
	font-family: 'montserratregular', sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.hidden-menu, .hidden-export-menu{
	position: absolute;
	top: 100%;
	margin: 0;
	list-style: none;
	display: none;
	width: 350px;
	min-width: 300px;
	padding: 0 0 10px;
	z-index: 1000;
	background: #fff;
	text-align: center;
	max-height: 70vh;
	overflow-y: auto;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
	border-radius: 0 0 5px 5px;
	transition: display 300ms ease-in-out;
}

.hidden-menu.show,
.search-menu.show,
#productSearchBar.show{
	display: block !important;
}


.star{
	visibility:hidden;
	font-size:30px;
	cursor:pointer;
}

.star:before {
	content: "\2605";
	position: absolute;
	visibility:visible;
	margin-top: -22px;
    margin-left: 5px;
    height: 10px;
	color: #ff7800;
	text-shadow: rgba(0, 0, 0, 0.3) 1px 2px 2px;
}

.starCheckboxHidden:checked ~ .star:before {
	content: "\2606";
	position: absolute;
	display: flex;
	color: #000;
}


.hidden-menu h1, .hidden-menu .savebutton,.hidden-menu .closebutton{
	color: #fff;
	font-size: 16px;
	background: linear-gradient(to bottom, #247fc1 0%,#1b6296 100%);
	margin: 0;
	font-weight: bold;
	padding: 15px 0;
	width: 100%;
	height: 25px;
	line-height: 26px;
}

.hidden-menu .savebutton{
	background: #ff7800;
	width: 25%;
	font-size: 14px;
	line-height: 25px;
	
}

.hidden-menu .savebuttonSuccess{
	line-height: 25px;
	background: #198712;
}

.hidden-menu .closebutton{
	background: red;
	width: 55px;
	font-size: 20px;
	line-height: 25px;
}

.hidden-menu .logoutButton{
	background: #ff7800;
	font-weight: 700;
	width: 100%;
}
.hidden-menu .logoutButton p{
	color: #fff;
}

.hidden-menu .logoutButton:hover{
	background: #f29200;
}

.hidden-menu .notificationPanel{
	padding-top: 10px;
}

.exportMenu:hover .hidden-export-menu{
	display: block;	
}

.hidden-menu a, .hidden-export-menu a, .hidden-export-menu button {
    display: block;
    padding: 0.3em 0.8em;
    text-decoration: none;
	padding-left: 10%;
	width: 100%;
}

.hidden-menu p{
	display: flex;
	text-align: left;
	padding: 0;
	margin: 0;
    font-size: 17px;
	color: #4c4c4d;
	width: 100%;
	height: 22px;
}

.hidden-menu .inactive-product p{
	color: #9f9fa1;
	font-style: italic;
}

.hidden-menu p i{
	padding-right: 15px;
	font-size: 20px;
}

#userSettings.hidden-menu p {
	font-size: 15px;
	line-height: 22px;
	margin-left: -15px;
}

.hidden-menu li:nth-child(even){
	background: #e0f1f8;
}

.hidden-menu li{
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #212529;
}


.hidden-export-menu button{
	width: 100%;
	border: none;
}

/** List Item Hover Styles **/
.hidden-menu li:hover, .hidden-export-menu.hidden-menu li:hover, .hidden-export-menu button:hover {
	background: #acf8a0;
}
.hidden-menu li:hover a{
	color: #000;
}

body > #headerContainer{
	position: fixed;
	z-index: 500;
	width: 100%;
}

body > #headerContainer > a{
	text-decoration: none;
}

.impersonationRow{
	border: #e5ce38 solid 1px;
    border-left: none;
    border-right: none;
    border-bottom-color: #f5f0ce;
    background-color: #f0e38c;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.impersonationRow p{
	margin: 0px;	
	padding: 12px;
}


.insecurePassBanner{
	border: #e5ce38 solid 1px;
    border-left: none;
    border-right: none;
    border-bottom-color: #f5f0ce;
    background-color: #f0e38c;
    text-align: center;
    vertical-align: middle;
}

.insecurePassBanner p{
	margin: 0px;	
	padding: 12px;
	color: #016092;
	text-decoration: none;
}


#productSearchBar {
	width: 150px;
	font-size: 16px;
	padding: 12px 10px 12px;
	border: 1px solid #ddd;
	display: none;
  }

  .search-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 75px;
    overflow: auto;
    width: 350px;
    max-height: 70vh;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	display: none;
}

  .search-menu li a {
	display: block;
    padding: 0.3em 0.8em;
    text-decoration: none;
    text-align: left;
    font-size: 17px;
	padding-left: 10%;
	color: #4c4c4d;
	height: 22px;
}

.search-menu li:nth-child(even){
	background: #e0f1f8;
}
  
  .search-menu li a:hover:not(.header) {
	background-color: #eee;
  }


/* --------------------------------- BOOKMARKS AREA ---------------------------------------- */

.bookmarksRow{
	position: absolute;
	top: 71px;
	left: 150px;
	right: 0px;
	height: 72px;
	overflow-y:auto;
	
	background: #EDEDED none repeat scroll 0% 0%;
	padding: 10px;
	margin: 10px;
}

.bookmarksSection{
	height: 36px;
	overflow-y:auto;	
}

.bookmarkLinks{
	padding: 0px;
	/*margin: auto;
	text-align: center;	*/
	margin: 0px;
	float: right;
}

.noTransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/* --------------------------------- 100% VERTICAL AREA ------------------------------------ */



.content {
	padding-top: 71px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
}


.leftCol {
	float: left;
	position: fixed;
	background: #e7e7e8;
	width: 150px;
	height: calc(100% - var(--tfli-header-min-height));
	min-height: calc(100% - var(--tfli-header-min-height));
	overflow-x: hidden;
	overflow-y: auto;
}

.leftNavTab {
	width: 150px;
	height: 99px;
	display: block;
	text-align: center;
	margin: 0px;
	border: 0px;
	padding: 20px 0px;
	font-size: 14px;
	color: #4d4d4d;
	background: #e7e7e8;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	
}

.leftNavTab.visited {
	background: #fff;

	
}

.leftNavTab label {
	display: block;
	margin: 0px;
	border: 0px;
	padding: 4px 0px 0px 0px;
}



.svgLogo {
	fill: #fff;
}







.cbp-vimenu {

	list-style-type: none;
	margin: 0;
	padding: 0;
}

.cbp-vimenu li a {
	display: block;
	font-family: 'montserratlight', sans-serif;
	font-weight: normal;
	width: 150px;
	line-height: 5.4em;
	text-align: center;
	color: #016092;
	text-decoration: none;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}

.cbp-vimenu li a::before
{
	content:"";
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:50% 30%;
	background-size:50px auto;
	padding-top:30px;
}

.cbp-vimenu a[href*="dashboard.php"]::before
{
	background-image:url(../../images/dash.gif);
}

.cbp-vimenu a[href*="menu.php?section=admin"]::before
{
	background-image:url(../../images/admin.gif);
}

.cbp-vimenu a[href*="menu.php?section=reports"]::before
{
	background-image:url(../../images/report.gif);
}

.cbp-vimenu a[href*="menu.php?section=utilities"]::before
{
	background-image:url(../../images/util.gif);
}

.cbp-vimenu a[href*="menu.php?section=admanagement"]::before
{
	background-image:url(../../images/atom.gif);
}

.cbp-vimenu a[href*="menu.php?section=experimental"]::before
{
	background-image:url(../../images/bottle-round.gif);
}

.cbp-vimenu a[href*="menu.php?section=leads"]::before
{
	background-image:url(../../images/report.gif);
}

.cbp-vimenu a[href*="processing.php?request=logout"]::before
{
	background-image:url(../../images/logout.gif);
}

.cbp-vimenu .iconText
{
	font-weight:500;
	position:relative;
	top:20px;
}

.iconText {
	display: block;
	padding-top: 35px;
	color: #4d4d4d;
	font-family: 'montserratlight', sans-serif;
}





.cbp-vimenu li a:hover {
	background: #fff;
	color: #016092;
}

/* class for current item */
.cbp-vimenu li.cbp-vicurrent a {
	background-color: #fff;
	color: #ff7800;
	background-image: url('../../images/nav-bg.png');
	background-repeat: no-repeat;
	background-position: center left;
}

.cbp-vimenu li a:before {
	font-family: 'FontAwesome';
	speak: none;
	line-height: 2.5em;
	font-style: normal;
	font-weight: normal;
	text-indent: 0em;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 2.5em;
	-webkit-font-smoothing: antialiased;
}

.cbp-vimenu li a.icon-logo:before {
	content: "C";
	font-weight: 700;
	font-size: 300%;
	font-family: 'Lato', Calibri, Arial, sans-serif;
}

.icon-search:before {
	content: "\e004";
}

.icon-archive:before {
	content: "\e005";
}

.icon-download:before {
	content: "\e006";
}

.icon-location:before {
	content: "\e007";
}

.icon-images:before {
	content: "\e009";
}

.icon-pencil:before {
	content: "\e008";
}

/* Example for media query (depends on total height of menu) */
@media screen and (max-height: 34.9375em) { 

	.cbp-vimenu {
		font-size: 70%;
	}

}


/* --------------------------------- RIGHT COL AREA ------------------------------------ */


.rightCol {	
	float: left;
	width: 100%;
	padding: 40px 52px 50px 200px;
	margin: 0px;
	background: #fff;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	
	-webkit-transition: padding 600ms ease 0s;
    -moz-transition: padding 600ms ease 0s;
    -o-transition: padding 600ms ease 0s;
    transition: padding 600ms ease 0s;
}

.screenTitle {
	font-family: 'montserratlight';
	font-size: 30px;
	line-height: 30px;
	color: #016092;
	margin: 0px 0px 39px 0px;
	padding: 0px 0px 0px 0px;
}

.screenSubTitle {
	font-family: 'montserratlight';
	font-size: 20px;
	line-height: 20px;
	color: #016092;
	margin: -30px 0px 39px 0px;
	padding: 0px 0px 0px 0px;
}

.expandingSectionContainer .screenSubTitle {
	font-family: 'montserratlight';
	font-size: 14px;
	line-height: 14px;
	color: #016092;
	margin: -30px 0px 39px 0px;
	padding: 0px 0px 0px 0px;
}

.exportButton{
	font-family: 'montserratregular', sans-serif;
	font-size: 14px;
	color: #fff;
	border: 2px solid #ff7800;
	background: #ff7800;
	padding: 6px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}










/* --------------------------------- TABLE STYLES ------------------------------------ */

.globalTable{
	overflow-y: auto;
}

.globalTable, .globalTableWithInfo {
	margin: 0px 0px 24px 0px; padding:0px;
	width:100%;
	/*border:1px solid #bcbcbc;*/
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}





.globalTable table, .globalTableWithInfo table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.globalTable tr:last-child td:last-child, .globalTableWithInfo tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

}
.globalTable table tr:first-child th:first-child, .globalTableWithInfo table tr:first-child th:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;

	
}
.globalTable table tr:first-child th:last-child, .globalTableWithInfo table tr:first-child th:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

}
.globalTable tr:last-child td:first-child, .globalTableWithInfo tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

}


.globalTable tr:hover:not(.noHighlight) td:not(.tableDivider), .globalTableWithInfo tr:hover:not(.noHighlight) td:not(.tableDivider) {
	background: #acf8a0;
	font-weight: 700;
}

.globalTable .overdue td, .globalTableWithInfo .overdue td{
	background: #ef3a3a;
	color:		white;
}

.globalTable .overdue:hover td, .globalTableWithInfo .overdue:hover td{
	background: #ef3a3a;
	color:		white;
}

.globalTable .dueToday td, .globalTableWithInfo .dueToday td{
	background: #decf4b;
}

.globalTable .dueToday:hover td, .globalTableWithInfo .dueToday:hover td{
	background: #decf4b;
}

.globalTable .paused td, .globalTableWithInfo .paused td{
	background: #ff4a4a;
	font-style: italic;
}

.globalTable .paused td input, .globalTableWithInfo .paused td input{
	font-style: italic;
}

.globalTable .paused:hover td, .globalTableWithInfo .paused:hover td{
	background: #ffa6a6;
	font-style: italic;
}

.globalTable tr.jsHoverEffect:hover td, .globalTableWithInfo tr.jsHoverEffect:hover td {
	background: inherit;
}

.globalTable tr.jsHoverEffect.jsHoverEffectAction td, .globalTableWithInfo tr.jsHoverEffect.jsHoverEffectAction td{
	background: #acf8a0;
	font-weight: 700;
}



.globalTable tr:nth-child(odd){ background-color:#e0f1f8; }
.globalTable tr:nth-child(even)    { background-color:#ffffff; }

.globalTable tr.odd{ background-color:#e0f1f8; }
.globalTable tr.even { background-color:#ffffff; }

.globalTableWithInfo tr:nth-child(4n+2){ background-color:#e0f1f8; }
.globalTableWithInfo tr:nth-child(4n+4)    { background-color:#ffffff; }



.globalTable td, .globalTable th, .globalTableWithInfo td, .globalTableWithInfo th{
	vertical-align:middle;
	
	border-collapse: collapse;
	border:0px solid red;
	border-width: 0px 0px 0px 0px;
	text-align:center;
	padding:18px;
	font-size: 12px;

	font-weight: 700;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;	
}



.globalTable tr:last-child td, .globalTableWithInfo tr:last-child td{
	border-width:0px 0px 0px 0px;
}.globalTable tr td:last-child, .globalTableWithInfo tr td:last-child{
	border-width:0px 0px 0px 0px;
}.globalTable tr:last-child td:last-child, .globalTableWithInfo tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.globalTable thead th, .globalTableWithInfo thead th{
	background: #247fc1;
	background: -moz-linear-gradient(top, #247fc1 0%, #1b6296 100%);
	background: -webkit-linear-gradient(top, #247fc1 0%,#1b6296 100%);
	background: linear-gradient(to bottom, #247fc1 0%,#1b6296 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247fc1', endColorstr='#1b6296',GradientType=0 );
	border:0px solid #fff;
	text-align:center;
	border-width:0px 0px 0px 0px;
	font-size:14px;

	font-weight:bold;
	color:#ffffff;
}
.globalTable .tableDivider, .globalTable .tableDivider:hover{
	background: #247fc1;
	background: -moz-linear-gradient(top, #247fc17f 0%, #1b63967f 100%);
	background: -webkit-linear-gradient(top, #247fc17f 0%,#1b63967f 100%);
	background: linear-gradient(to bottom, #247fc17f 0%,#1b63967f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247fc1', endColorstr='#1b6296',GradientType=0 );
}
.globalTable .tableDivider span{
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.globalTable thead:hover th, .globalTableWithInfo thead:hover th{
	background: #247fc1;
	background: -moz-linear-gradient(top, #247fc1 0%, #1b6296 100%);
	background: -webkit-linear-gradient(top, #247fc1 0%,#1b6296 100%);
	background: linear-gradient(to bottom, #247fc1 0%,#1b6296 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247fc1', endColorstr='#1b6296',GradientType=0 );
}
.globalTable tr:first-child th:first-child, .globalTableWithInfo tr:first-child th:first-child{
	border-width:0px 0px 0px 0px;
}
.globalTable tr:first-child td:last-child, .globalTableWithInfo tr:first-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.globalTable tfoot td, .globalTableWithInfo tfoot td{
	background: #2aea77 ;
	background: -moz-linear-gradient(top, #2aea77  1%, #0ab2e5 100%);
	background: -webkit-linear-gradient(top, #2aea77  1%,#0ab2e5 100%);
	background: linear-gradient(to bottom, #2aea77  1%,#0ab2e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aea77 ', endColorstr='#0ab2e5',GradientType=0 );
	border:0px solid #fff;
	text-align:center;
	border-width:0px 0px 0px 0px;
	font-size:14px;

	font-weight:bold;
	color:#ffffff;
}
.globalTable tfoot:hover td, .globalTableWithInfo tfoot:hover td{
	background: #2aea77 ;
	background: -moz-linear-gradient(top, #2aea77  1%, #0ab2e5 100%);
	background: -webkit-linear-gradient(top, #2aea77 1%,#0ab2e5 100%);
	background: linear-gradient(to bottom, #2aea77  1%,#0ab2e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aea77 ', endColorstr='#0ab2e5',GradientType=0 );
}

.globalTable thead th a{
	color: white;
	text-decoration: none;
}


.tableButton {
	border: 2px solid #fff;
	background: #ff7800; 
	padding: 4px; 
	color: #fff; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}


.tableButton:hover {
	background: #016092; 

}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

/* --------------------------------- LOGOUT POPUP AREA ------------------------------------ */

.modalPopup, .dialogPopup{
	max-height: 90vh;
}

.modalPopup .title, .modalishPopup .title, .dialogPopup .title{
	text-align: center;
	font-family: 'montserratlight';
	font-size: 24px;
	line-height: 28px;
	color: #016092;
	margin: 0px 0px 39px 0px;
	padding: 0px 0px 0px 0px;	
}

.modalPopup .subtitle, .modalishPopup .subtitle, .dialogPopup .subtitle {
	text-align: center;
	font-family: 'montserratlight';
	font-size: 18px;
	line-height: 22px;
	color: #016092;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;	
}

.modalPopup .buttonContainer, .modalishPopup .buttonContainer, .dialogPopup .buttonContainer {
	width: 300px;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;	
	
}

#news .buttonContainer{
	width: 600px;	
}




.modalPopup .button1, .modalishPopup .button1, .dialogPopup .button1 {
	
	border: 2px solid #fff;
	background: #cdcdcd; 
	padding: 12px 22px; 
	margin: 0px 5px 0px 0px;
	color: #4d4d4d; 
	text-decoration:none;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}


.modalPopup .button1:hover, .modalishPopup .button1:hover, .dialogPopup .button1:hover {
	color: #fff;
	background: #999999; 
	text-decoration:none;
}


.modalPopup .button2, .modalishPopup .button2, .dialogPopup .button2 {
	
	border: 2px solid #fff;
	background: #016092; 
	padding: 12px 22px;  
	margin: 0px 0px 0px 5px;
	color: #fff; 
	text-decoration:none;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}


.modalPopup .button2:hover, .modalishPopup .button2:hover, .dialogPopup .button2:hover {
	background: #ff7800; 
	text-decoration:none;
}

.modalPopup .changeProductButton, .modalishPopup .changeProductButton, .dialogPopup .changeProductButton{
	display: inline-block;
	width: 200px;
	margin: 0px;
}



























a 	      {  text-decoration: underline; color: #016092; }
a:active      {  color: #016092; text-decoration: underline;  }
a:hover	      {  color: #016092; text-decoration: none;  }



.warning-banner
,.warning-banner h1
{
	background-color:	#FEEFB3;
	border:				1px solid transparent;
	border-color:		#FAEBCC;
	border-radius:		.5em;
	box-shadow:			0px 1px 1px rgba(0, 0, 0, 0.05);
	color:				#8A6D3B;
	margin-bottom:		20px;
	padding:			10px 15px;
}

.warning-banner > .warning-header{
	font-weight:		bold;
	text-align:			center;
}

.warning-banner > .warning-message{
	text-align:			center;
}

.success-banner {
	background-color:	#DFF2BF;
	border:				1px solid transparent;
	border-radius:		.5em;
	box-shadow:			0px 1px 1px rgba(0, 0, 0, 0.05);
	color:				#4F8A10;
	margin-bottom:		20px;
	padding:			10px 15px;
}

.success-banner > .success-header{
	font-weight:		bold;
	text-align:			center;
}

.success-banner > .success-message{
	text-align:			center;
}

.error-banner {
	background-color:	#FFBABA;
	border:				1px solid transparent;
	border-radius:		.5em;
	box-shadow:			0px 1px 1px rgba(0, 0, 0, 0.05);
	color:				#D8000C;
	margin-bottom:		20px;
	padding:			10px 15px;
}

.error-banner > .error-header{
	font-weight:		bold;
	text-align:			center;
}

.error-banner > .error-message{
	text-align:			center;
}

.info-banner {
	background-color:	#BDE5F8;
	border:				1px solid transparent;
	border-radius:		.5em;
	box-shadow:			0px 1px 1px rgba(0, 0, 0, 0.05);
	color:				#00529B;
	margin-bottom:		20px;
	padding:			10px 15px;
}

.info-banner > .info-header{
	font-weight:		bold;
	text-align:			center;
}

.info-banner > .info-message{
	text-align:			center;
}

.productSelector{
	text-align:			center;
	margin-top:			5px;
	margin-bottom:		5px;
}

.productSelector h4{
	margin:				0px;	
}

.pounds:before, .poundsRound:before{
	content:			"£";
}

.percent:after{
	content:			"%";
}

.pageLinks {
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}



.pageLinks a 	      	 {  text-align: left; display: block; text-decoration: none; color: #fff; font-size: 16px;
				padding: 14px 0px 12px 16px; 
				background: #4DB2BE; border-top: 1px solid #0f6e98;
				background-image: url('../../images/select-arrow.png'); background-repeat: no-repeat; background-position: center right; 
				background-position: 99% 50%;
				-webkit-transition: background-color 600ms ease-out;
				-moz-transition: background-color 600ms ease-out;
    				transition: background-color 600ms ease-out;
    			font-family: "montserratregular",sans-serif;
				}
				
				
.pageLinks a:visited     {      color: #fff; text-decoration: none;  }
.pageLinks a:active      {      color: #fff; text-decoration: none; background: #168ec4;  }
.pageLinks a:hover	 {      color: #fff; text-decoration: none; background: #298BA9;
				background-image: url('../../images/select-arrow.png'); background-repeat: no-repeat; background-position: center right; 
				background-position: 99% 50%;

}

.pageLinks.disabled a, .pageLinks.disabled a:active, .pageLinks.disabled a:hover{
	background: #686c77;
}




.accordion .container{
	border: 1px solid #d3d3d3;
	  border-radius: 3px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	padding: 5px;
	margin: 0px;
	text-align: center;
	background: #fff;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.accordion dd{
	padding: 0px;
	margin: 16px;	
}

.transparentInput, .transparentInputWithBorder{
	text-align: center;
	background: transparent;
    border: none;
    width: 100%;
    font-size: 12px;
}

.hideTextWhenDisabled:disabled{
	color: transparent;
}

.transparentInputWithBorder{
	border: 1px solid #ff7800;
}

.transparentInputNonStrech{
	text-align: center;
	background: transparent;
    border: none;
}

.nontransparentInput{
	width: 100%;	
}

.globalTable tfoot .bold, .globalTableWithInfo tfoot .bold{
	background: #a0d0f8;
	font-weight: 900;
}

.modalContainer{
	display: block;
	width: 200px;
	text-align: center;
	margin: auto;	
}

.modalTitle{
	font-family: 'montserratlight';
	font-size: 20px;
	line-height: 20px;
}

.modalContainer .inline{
	float: inherit;	
}

.amended{
	font-style: italic;	
}

.smallTopPadding:before{
    background-color: white;
    content: '';
    display: block;
    height: 5px;
	width: 200vw;
}

.globalTable tr.spacerRow, .globalTableWithInfo tr.spacerRow {
    line-height: 1em;
    color: transparent;
    background-color: #e0f1f8;
    padding: 0px;
    font-size: 10px;
}

.globalTable .spacerRow td, .globalTableWithInfo .spacerRow td{
    padding: 0px;
}

.field-validation-error{
	font-size: 16px !important;
	color: #FF0000 !important;	
	padding: 8px 0px 0px 0px !important;
	text-transform: uppercase !important;
}

.hidden, .flexItem.hidden{
	display: none;	
}

.field-validation-focus{
	border: 			2px solid #FF0000 !important;
    border-radius: 		7px !important;
    border-color: 		#9ecaed !important;
    box-shadow:			0 0 10px #FF0000 !important;
    outline: 			none !important;
}

.cssStyledSelects:not([multiple]){
	max-width: 100%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 7px 35px 8px 8px;
	border: 1px solid #c1c1c1;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	cursor: pointer;
	background:#fff url(../../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.cssStyledSelectsForSelectize:not(.selectize-control.single,.selectize-dropdown.single,[multiple]){
	max-width: 100%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 0px 0px 8px 8px;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	cursor: pointer;
	background:#fff url(../../images/select-arrow.png);
	background-color: white;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.cssStyledSelectsForSelectize .selectize-input{
	height: 40px;
	padding-top: 10px;
}

.cssStyledSelectsForSelectize.selectize-control.single .selectize-input:after{
	border: transparent solid 0px;
	content: url(../../images/select-arrow.png);
	top: 32%;
	right: 7%;
}

.cssStyledSelectsForSelectize.selectize-control.single .selectize-input.dropdown-active:after{
	border: transparent solid 0px;
	content: url(../../images/select-arrow2.png);
	top: 32%;
	right: 7%;
}

.activeDaysEntry{
	width: 34px;
	text-align: center;
	-moz-appearance:textfield;
	appearance:textfield;
}

.activeDaysEntry::-webkit-outer-spin-button,
.activeDaysEntry::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance:none;
  margin: 0;
}

.flexContainer, .innerFlexContainer, .flexContainerWithWrap{
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
}

.flexContainerforce {
	display: -webkit-flex !important;
	display: flex !important;
}

.innerFlexContainer{
	width: 100%;
}

.flexContainerWithWrap{
	flex-wrap: wrap;
	justify-content: space-between
}

.flexContainerCentered{
	justify-content: center;
	align-items: center;
}

.flexDivider {
    padding: 0px 5px;
}

.flexNewLine{
	flex-basis: 100%;
}

.flexItem, .flexItemAutoBasis{
	display: inline-block;
	border: solid 5px transparent;
	box-sizing: border-box;
	flex: 1;
}

.flexItemAutoBasis{
	flex: 1 0 auto;
}

.flexColumn{
	flex-direction: column;
}

.flexItemNoGrow{
	flex: 1;
	flex-grow: 0;
}

.flexItemCanGrow{
	flex: 1;
}

.flexWeight1{
	-webkit-flex: 1;
	flex: 1;
}

.flexWeight2{
	-webkit-flex: 2;
	flex: 2;
}

.flexWeight3{
	-webkit-flex: 3;
	flex: 3;
}

.dashboardRowOne{
	max-width: 450px;
	margin: auto;
}

.flexItem select{
	width: 100%;
}

.cssStyledInputs {
	width: 100%;
	text-align: left;
	font-size: 14px;
	padding: 13px 0px 13px 10px;
	border: 1px solid #c1c1c1;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	-webkit-appearance: none;
    appearance:none;
}

.elementHolder.controlsRow, .elementHolder.controlsRowLast{
	float: initial;
	display: inline-block;
}

.controlsRow, .elementHolder.controlsRow{
	padding-right: 7px;
}

.controlsRow .divider{
	border-right: 1px dashed;
}

.controlsRowLast, .elementHolder.controlsRowLast{
	padding-right: 0px;
}

.smallChkboxDiv, .smallRadioDiv {
    padding: 5px 35px 5px 0px;
	line-height: 23px;
}


.smallChkboxSpan, .smallRadioSpan{
    display: inline-block;
    position: relative;
    padding: 11px 6px 0px 0px;
    cursor: pointer;
}

.smallChkboxSpan input[type=checkbox], .smallRadioSpan input[type=radio]{
	display: none;
}

.smallChkboxStateIndicator, .smallRadioStateIndicator{
	position: absolute;
	top: 2px;
	left: 0;
	height: 24px;
	width: 24px;
	background: #e6e6e6;
	border: 1px solid #adadad;
	border-radius: 5px;
	margin-top: -9px;
	margin-left: 7px;
	margin-right: 11px;
}
.smallChkboxStateIndicator:after, .smallRadioStateIndicator:after{
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.smallChkboxSpan label.smallChkboxStateIndicator, .smallRadioSpan label.smallRadioStateIndicator{
	padding: 0px;
	margin: 0px 11px 0px 7px;
	line-height: 23px;
	top: -8px;
}

.smallRadioSpan .smallRadioStateIndicator {
    border-radius: 100%;
}
.smallRadioSpan .smallRadioStateIndicator:after {
    left: 10px;
    top: 6px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.smallRadioSpan input:disabled ~ .smallChkboxStateIndicator:after {
    border-color: #7b7b7b;
}

.smallChkboxSpan:hover input ~ .smallChkboxStateIndicator,
.smallChkboxSpan input:focus ~ .smallChkboxStateIndicator,
.smallRadioSpan:hover input ~ .smallRadioStateIndicator,
.smallRadioSpan input:focus ~ .smallRadioStateIndicator{
    background: #cccccc;
}

.smallChkboxSpan input:checked ~ .smallChkboxStateIndicator,
.smallRadioSpan input:checked ~ .smallRadioStateIndicator{
    background: #247fc1;
}

.smallChkboxSpan:hover input:not([disabled]):checked ~ .smallChkboxStateIndicator,
.smallChkboxSpan input:checked:focus ~ .smallChkboxStateIndicator,
.smallRadioSpan:hover input:not([disabled]):checked ~ .smallRadioStateIndicator,
.smallRadioSpan input:checked:focus ~ .smallRadioStateIndicator{
    background: #0e647d;
}
.smallChkboxSpan input:disabled ~ .smallChkboxStateIndicator,
.smallRadioSpan input:disabled ~ .smallRadioStateIndicator{
	border: #FF0000 2px solid;
	background: #e6e6e6;
	opacity: 0.6;
}
.smallChkboxSpan input:disabled:checked ~ .smallChkboxStateIndicator,
.smallRadioSpan input:disabled:checked ~ .smallRadioStateIndicator{
	border: #FF0000 2px solid;
	background: #247fc1;
	opacity: 0.6;
}
.smallChkboxSpan input:checked ~ .smallChkboxStateIndicator:after,
.smallRadioSpan input:checked ~ .smallRadioStateIndicator:after{
    display: block;
}

.unread.notification{
	color: #f29200;
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.urgentUnread.notification{
	color: #f20000;
	animation: superShake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes superShake {
  10%, 90% {
    transform: translate3d(-1px, -1px, 0);
  }
  
  20% {
    transform: translate3d(2px, 2px, 0);
  }

  30% {
    transform: translate3d(-4px, -4px, 0);
  }

  40% {
    transform: translate3d(4px, 4px, 0);
  }

  50% {
    transform: translate3d(4px, -2px, 0);
  }

  60% {
    transform: translate3d(4px, -4px, 0);
  }

  70% {
    transform: translate3d(-2px, -2px, 0);
  }

  80% {
    transform: translate3d(-4px, 4px, 0);
  }
}

.notificationPanel{
	overflow-y: auto;
	max-height: 500px;
	background-color: #e1f2ff;
    text-align: left;
}

.notificationEntry{
	color: black;
	padding: 5px;
}

.notificationEntry .notificationHeader{
	font-size: 18px;
	display: block;
	text-align: center;
}

.notificationPanel hr{
	margin: 0px;
}

.notificationPanel .icon{
	float: left;
	font-size: 48px;
	padding-right: 10px;
	width: 50px;
	text-align: center;
}

.notificationEntry.expired{
	opacity: 0.3;
}

.notificationEntry.expired .notificationContent{
	text-decoration: line-through;
}

.notificationEntry.read{
	opacity: 0.6;
}

.notificationEntry.unread{
	font-weight: bold;
}

.notificationEntry.urgent{
	background-color: #ff8484;
}

.notificationEntry.sticky{
	opacity: 1;
}

.notificationEntry a, .notificationEntry a:hover{
	display: inherit;
	padding: 0px;
	background: inherit;
	color: inherit;
	text-align: inherit;
	font-size: inherit;
	cursor: default;
}

span.linkSection{
	display: flex;
}

span.linkSection span.linkItem{
	text-decoration: none;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	flex: 1;
}

span.linkItem.notificationLink{
	cursor: pointer;
}

.noNotificationsMessage{
	color: black;
	font-size: 20px;
	text-align: center;
}

.fancyTooltip{
	position: relative;
	display: inline-block;
}

.fancyTooltip .fancyTooltipText{
	visibility: hidden;
	width: 155px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	/* Position at Top */
	bottom: 225%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.fancyTooltip .fancyTooltipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.fancyTooltip:hover .fancyTooltipText, .fancyTooltip .fancyTooltipText label{
    visibility: visible;
    opacity: 1;
}

.scrollableTooptipWrapper{
    position:relative;
	width: 300px;
	left: -22px;
}

.scrollableTooptipWrapperBig{
	width: 400px;
	left: -72px;
}

.scrollableTooptip {
	transform: none;
}

.scrollableTooptip:hover .scrollableTooptipWrapper {
    pointer-events: auto;
    opacity: 1.0;
}

.scrollableTooptip .scrollableTooptipWrapper {
    display: block;
    position: absolute;
    z-index: 6000;
    overflow: visible;
    padding: 5px 8px;
    margin-top: 10px;
    line-height: 16px;
    border-radius: 4px;
    text-align: left;
    color: #fff;
    background: #247fc1;
    pointer-events: none;
    opacity: 0.0;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-transform: none;
}

/* Arrow */
.scrollableTooptip .scrollableTooptipWrapper:before  {
    display: inline;
    top: -5px;
    content: "";
    position: absolute;
    border: solid;
    border-color: rgba(36, 127, 193, 1) transparent;
    border-width: 0 .5em .5em .5em;
    z-index: 6000;
    left: 150px;
}

.scrollableTooptip .scrollableTooptipWrapperBig:before  {
	left: 200px;
}

/* Invisible area so you can hover over tooltip */
.scrollableTooptip .scrollableTooptipWrapper:after  {
    top: -20px;
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    width: 300px;
    left: 0px;
}

.scrollableTooptip .scrollableTooptipWrapperBig:after{
	width: 400px;
}

.scrollableTooptipWrapper .scrollableTooptipText {
    overflow-y: auto;
    max-height: 60px;
    display: block;
}

.scrollableTooptipWrapperBig .scrollableTooptipText {
	max-height: 140px;
}

.progressBar a{
	text-decoration: none;
	color: inherit;
}

.placeholdered{
	color: #9ca2a3;
}

.globalTable thead th.collapseLeft, .globalTable td.collapseLeft{
	padding-right: 5px;
	text-align: right;
}

.globalTable thead th.collapseRight, .globalTable td.collapseRight{
	padding-left: 5px;
	text-align: left;
}

.tabsSection input[type=radio]{
	display: none;
}

.tabbedSection{
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
}

.tabsSection .tabLabel{
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #544e4e;
	border: 1px solid transparent;
}

.tabsSection .tabLabel:hover{
	color: #888;
	cursor: pointer;
}

.tabsSection input:checked + .tabLabel{
	color: #1b6296;
	border: 1px solid #ddd;
	border-top: 2px solid orange;
	border-bottom: 1px solid #fff;
}

.progressContainer{
	width: 1400px;
	margin: 0px auto; 
}
.progressBar {
	counter-reset: step;
}
.progressBar li {
	list-style-type: none;
	width: 20%;
	float: left;
	font-size: 12px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #7d7d7d;
}
.progressBar li > a:before, .progressBar > li:not(.active):before {
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 30px;
	border: 2px solid #7d7d7d;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
}
.progressBar li:after {
	width: calc(100% - 34px);
	height: 2px;
	content: '';
	position: absolute;
	background-color: #7d7d7d;
	top: 15px;
	left: -50%;
	margin-left: 17px;
}
.progressBar li:first-child:after {
	content: none;
}
.progressBar li.active {
	color: green;
}
.progressBar li.active a:before {
	border-color: #55b776;
}
.progressBar li.active:not(.now) + li:after {
	background-color: #55b776;
}

.progressBar li.active.now{
	color: #f29200;	
}
.progressBar li.active.now a:before{
	border-color: #f29200;
}
.progressBar li.active.now:after{
	background-color: #55b776;
}

.progressBar .refreshIcon{
	display: none;
}

.advertWrapper select {
	display: inline-block;
	background-color: #fff;
	height: 34px;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	color: #4d4d4d;
	margin: 4px 0px 0px 5px;
	border: 1px solid #c6c6c6;
	padding: 0px 0px 0px 8px;
	box-sizing: border-box;
}
.advertWrapper select:disabled{
	opacity: 0.6;
}
.googleAdContainerOuter .refreshIcon, .advertDisplayArea .refreshIcon{
	position: absolute;
	top: 6px;
	left: calc(50% - 26px);
}

.googleAdContainerOuter .refreshIcon img, .advertDisplayArea .refreshIcon img{
	width: 25px;
}

.googleAdHeadline, a.googleAdHeadline{
	color: #1a0dab;
	display: block;
	font-size: 18px;
	line-height: 20px;
	font-family: arial,helvetica,sans-serif;
	margin-bottom: 5px;
}

.googleAdContainerOuter{
	border-color: #bcbcbc;
	border-style: solid;
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
	border-width: 3px 3px 0;
	height: 100%;
	position: relative;
}

.googleAdContainerInner{
    background-color: #f5f5f5;
    border-color: #fff;
    border-style: solid;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-width: 32px 8px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
	padding: 8px;
	border-color: #bcbcbc;
	padding: 20px 10px;
}

.googleAdContainerInline{
	border-width: 6px 6px 0;
}

.googleAdAdBox{
	border-radius: 2px;
	border: 1px solid #006621;
	color: #006621;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 2px;
	vertical-align: baseline;
}

.googleAdLink{
    color: #006621;
    font-size: 14px;
	white-space: nowrap;
	line-height: 20px;
}

.googleAdDivider{
	border-bottom: 1px solid #ebebeb;
	margin: 9px -16px 10px;
}

.googleAdText{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: black;
}

.googlePriceHeader, .googlePriceDesc, a.googlePriceLink{
	color: #777;
	font-size: 12px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
}

.googlePricePrice{
	color: #222;
	font-family: Roboto-Medium,HelveticaNeue-Medium,HelveticaNeue,sans-serif-medium,Arial,sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

.googlePricePrice:before{
	content: '£';	
}

#googleAdsForm .quickFillCampaignNames {
	margin-bottom: 40px;
}
.quickFillCampaignNames #quickCampaignName {
	margin: 5px 0px 0px 0px;
}
.quickFillCampaignNames p {
	padding: 0;
	margin: 0;
	line-height: 35px;
}

.siteLinksCounter.tooMany, .calloutsCounter.tooMany, .structSnippetsCounter.tooMany {
	color: red;
	font-weight: bold;
}

.inCharLimit{
	color: green;
}

.outCharLimit{
	color: red;
	font-weight: bold;
}

.italic{
	font-style: italic;	
}

.bold{
	font-weight: bold;
}

.uploadContainer {
	margin: 30px auto;
	border: 1px solid #d1d0d0;
	padding: 20px 20px;
	background: #fff;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	color: #4d4d4d;
}


.uploadContainerHeader {
	font-size: 20px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	border-bottom: 1px solid #d1d0d0;
	padding: 0px 0px 4px 0px;
}



.uploadContainer h3 {
	font-size: 36px;
	text-align: center;
	color: #4d4d4d;
	border: 0px;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 20px 0px;
	
}

.uploadContainerHeaderSub {
	font-size: 16px;
	text-align: left;
	color: #4d4d4d;
	border-bottom: 1px solid #d1d0d0;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 20px 0px;
	
}


.blue {
	font-weight: 700;
	color: #4fb4bf;
	margin: 0px 0px 0px 0px;

}



.uploadContainer .elementHolder {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}


.uploadContainer .elementHolder.quart {
	float: left;
	width: 24%;
	margin: 0px 3px 0px 0px;
	padding: 20px 0px 0px 0px;
}


.uploadContainer .elementHolder.quart.upload {
	margin: 0px;
	padding: 48px 0px 0px 0px;

}


.uploadContainer .elementHolder.third {
	width: 33%;
	
	float: left;
	margin-left: 2px;
}


.uploadContainer .elementHolder.third.end {
	float: right;
	margin-left: 2px;
}

.uploadContainer .elementHolder.thirtyPercent {
	width: 30%;
	
	float: left;
	margin-left: 2px;
}

.uploadContainer .elementHolder.ninePercent {
	width: 9%;
	
	float: left;
	margin-left: 2px;
}

.uploadContainer .elementHolder.end {
	float: right;
	margin-left: 2px;
}


label .labelNorm {
	text-align: left;
}








.uploadContainer .input {
	display: block;
	width: 100%;
	background-color: #fff;
	height: 42px;
	text-align: left;
	font-family: 'montserratlight', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #4d4d4d;
	margin: 2px 0px 0px 0px;
	border: 1px solid #c6c6c6;
	padding: 0px 0px 0px 8px;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */

}


.uploadContainer .button {
	font-family: 'montserratlight', sans-serif;
	font-size: 13px;
	height: 45px;
	color: #fff;
	border: 2px solid #fff;
	background: #4fb4bf; 
	padding: 6px 11px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}


.uploadContainer .button:hover {
	background: #016092; 

}


a.button {
	text-decoration: none;
}

.uploadContainer .button2 {
	font-family: 'montserratlight', sans-serif;
	font-size: 22px;
	color: #fff;
	border: 2px solid #fff;
	background: #4fb4bf; 
	padding: 13px 21px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}


.uploadContainer .button2:hover {
	background: #016092; 

}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 28px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
    color: #fff;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.googleAdditionFeedbackContainer {
	display: none;
	width: 80vw;
	margin: 20px auto 0px auto;
}

.googleAdditionFeedbackHeader {
	background: #d8d8d8;
	padding: 20px 0px;
	border-radius: 20px 20px 0px 0px;
	position: relative;
}

.googleAdditionFeedbackHeader span {
	font-size: 16px;
	font-weight: bold;
	color: #505050;
}

.googleAdditionFeedbackHeader i {
	position: absolute;
	left: 20px;
	top: 25px;
	color: red;
}

.googleAdditionalFeedbackContent textarea {
	padding: 20px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 300px;
	overflow: scroll;
}


/* style 1 */

.inputfile-1 + label {
	font-family: 'montserratlight', sans-serif;
	font-size: 18px;
	width: 100%;
	box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
	color: #fff;
	border: 2px solid #fff;
	background: #9a9a9a; 
	padding: 10px 21px; 
	margin: 0px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #bbbbbb;
}

progress[value]::-webkit-progress-value {
	background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #09c, #f44);

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

progress[value]::-moz-progress-bar { 
  background-image:
    -moz-linear-gradient(
      135deg, 
      transparent 33%, 
      rgba(0, 0, 0, 0.1) 33%, 
      rgba(0, 0, 0, 0.1) 66%, 
      transparent 66% 
    ),
    -moz-linear-gradient(
      top, 
      rgba(255, 255, 255, 0.25), 
      rgba(0, 0, 0, 0.25)
    ),
    -moz-linear-gradient(
      left, 
      #09c, 
      #f44
    );

  border-radius: 2px; 
  background-size: 35px 20px, 100% 100%, 100% 100%; 
}

progress[value]  {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of default border in Firefox. */
  border: none;

  /* Dimensions */
  width: 500px;
  height: 20px;

  /* For IE10 */
  color: #caebf4; 
}

      #topLoader {
        width: 256px;
        height: 256px;
        margin-bottom: 32px;
      }
      

      
      #animateButton {
        width: 256px;
      }
	  
	  
.formUploadWrapper.isDraggedOn div{
	display: none;
}

.formUploadWrapper.isDraggedOn:after{
	background-image: url('../../images/drop.png');
	display: inline-block;
	width: 600px;
	height: 400px;
	content: "";
}

.googleAdChoiceWrapper{
	display: inline;	
}

.googleAdChoiceWrapper input[type=radio]{
	display: none;
}

.googleAdChoiceWrapper input ~ .googleAdChoiceOption{
	border: solid 3px red;
}

.googleAdChoiceWrapper input:checked ~ .googleAdChoiceOption{
	border: solid 3px green;
}

.textAreaFileInput{
	resize: none;
	width: 100%;
	height: 150px;
}

.sidebarTable{
	width: 350px;
	height: 800px;
	overflow-y: auto;
}

.sidebarTable .dataTables_wrapper .dataTables_filter input{
	width: 250px;	
}

.whiteBlock, .whiteBlock.fa{
	width: 20px;
	text-align: left;
	height: 20px;
	background-color: white;
	color: black;	
	font-size: 20px;
}

.sortableListContainer{
	width: 100%;
	height: 350px;
	text-align: center;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: dashed 1px rgb(150, 145, 145);
}

.sortableListContainer.invalid{
	border: dashed 3px rgb(255, 0, 0);
}

.sortableListContainer div, .sortableListItem{
	font-size: 22px;
	border: dashed 1px black;
	margin: 5px;
}

.sortableListDivider{
	height: 30px;
	width: 100%;
}

.uspHighlight{
	color: green;
}

.newDatePicker{
	width: 270px;	
}

.ui-datepicker-calendar th{
	background: #016092; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAxNjA5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZmI0YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #016092 1%, #4fb4bf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#016092), color-stop(100%,#4fb4bf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #016092 1%,#4fb4bf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #016092 1%,#4fb4bf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #016092 1%,#4fb4bf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #016092 1%,#4fb4bf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016092', endColorstr='#4fb4bf',GradientType=0 ); /* IE6-8 */
	color: white;
}

.ui-widget-content .ui-datepicker-calendar .ui-state-active{
	color: #fff;
	font-weight: bold;
	border-color: #c00;
	background: #e8bf88;
	background: -moz-linear-gradient(top, #e8bf88 0%, #ffc19d 1%, #fd8642 2%, #ab2412 98%, #ef753f 99%, #ef753f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8bf88), color-stop(1%,#ffc19d), color-stop(2%,#fd8642), color-stop(98%,#ab2412), color-stop(99%,#ef753f), color-stop(100%,#ef753f));
	background: -webkit-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	background: -o-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	background: -ms-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	background: linear-gradient(to bottom, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bf88', endColorstr='#ef753f',GradientType=0 );
}

.ui-widget-content .ui-datepicker-calendar .ui-state-active{
	color: #fff;
	font-weight: bold;
	border-color: #c00;
	background: #e8bf88;
	background: -moz-linear-gradient(top, #e8bf88 0%, #ffc19d 1%, #fd8642 2%, #ab2412 98%, #ef753f 99%, #ef753f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8bf88), color-stop(1%,#ffc19d), color-stop(2%,#fd8642), color-stop(98%,#ab2412), color-stop(99%,#ef753f), color-stop(100%,#ef753f));
	background: -webkit-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	background: -o-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	background: -ms-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	background: linear-gradient(to bottom, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bf88', endColorstr='#ef753f',GradientType=0 );
}

#logoutModal{
	width: 365px;
	height: 183px;
}

#changeProductModal{
	width: 365px;	
}

.iziModal-wrap{
	background-color: white;	
}

.iziModal.hasShadow::after{
    height: 0px;
}

.selectize-input input[type='number']{
    -moz-appearance:textfield;
}

.selectize-input input::-webkit-outer-spin-button,
.selectize-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.innerModal{
	padding: 20px;
	overflow: auto;
}

.experimentalWarning{
	color: red;
	margin: 0px 0px 20px 0px;	
}

.updateLogDisplay{
	height: 100%;
	overflow-y: auto;
	line-height: 19px	
}

.clientAdminCheckboxLabels, .adminCols .elementHolder label:not(.smallChkboxStateIndicator):not(.smallRadioStateIndicator).clientAdminCheckboxLabels{
	padding: 15px 10px 0px 10px;
}

#phraseSelectButton{
	position: fixed;
	right: 50px;
	top: 90px;
	z-index: 100	
}

.sliderBarsDisplayWithRight{
	color: #fff;
	margin: -7px 0px 0px 0px;
}

#chaseContainer{
	width: 350px;
	margin-left: -75px;
	display: none;	
}

.charLimitDisplay{
	padding-left: 5px;
	width: 65px;
	line-height: 40px;	
}

.saveSessionButton{
	position: fixed;
	right: 50px;
	z-index: 10;	
}

.keywordDisplayArea{
	max-height: 150px; 
	overflow-y: scroll; 
	margin-left: auto;
	margin-right: auto;	
}

.advertDisplayArea{
	max-height: 150px; 
	overflow-y: scroll; 
	margin-left: auto;
	margin-right: auto;	
}

.priceExtDisplayConfirmation{
	width: 1050px;
	justify-content: center;
	border: 1px dashed #999;
}

.priceExtDisplayEntry{
	width: 1250px;
	justify-content: center;
	border: 1px dashed #999;
}

.cssDivider{
	width: 1px;
	background-color: black;
	margin: 10px 2px;	
}

.customiseKeywordTitle{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #8D8989;
	z-index: 1;
	position: relative;
}

.keywordSearchTermDisplay{
	text-transform: capitalize;
	margin-top: 5px;
	margin-bottom: 15px;	
}

.removeKeywordStyle{
	width: 25px;
	float: right;
	margin-top: 8px;
}

.descCustm, .desc2Custm, .defaultDesc, .defaultDesc2, .advertTextArea{
	resize: none;
	width: 100%;
	height: 65px !important;
	margin-top: 3px !important;
}

.expandableButton.opened{
	background-color: #198712;	
}

.verticalAlignBottom{
	vertical-align: text-bottom;	
}

.inactiveSite{
	background-color: rgba(255, 0, 0, 0.333) !important;
	font-style: italic;
}

.iframePieChart{
	width: 310px;	
	height: 316px;
	overflow: hidden;
	border: none;
}

.pendingChanges, .reportButton.pendingChanges {
	background-color: rgb(255, 0, 242);
}

.keywordDisplayArea .onClickRemoveKeywordButton{
	width: 10px;
	height: 10px;
}

.questionBubble{
	background-color: rgba(0, 255, 0, 0.1);
	border-radius: 20px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
}

.answerBubble{
	background-color: rgba(0, 0, 255, 0.1);
	border-radius: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 5px 40px;
}

.answerBubble.skipped{
	font-style: italic;
	font-size: 13px;
}

.dataTableOver{
	z-index: 100;
    position: relative;
}

.selectAll{
	position: absolute;
    left: 60px;
    background: #ff7800;
    width: 70px;
    height: 40px;
    top: 9px;
    display: flex;
    justify-content: center;
	align-items: center;
}
.selectAll:hover{
	cursor: pointer;
}

input[type=number].fbControl{
	width: 100%;
}

.fbEarlyWarningTableValue input {
	width: 200px !important;
    line-height: 30px;
    background: white;
    border-radius: 6px;
    border: 1px solid #EEE;
    margin: 0px 12px;
}

#bidError, #ajaxBoxFbControlErrMsg{
	color: red;
}

div.domainDisplay{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 35%;
    display: inline-block;
    min-width: 35%;
}

/* ----------Grid System---------- */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

/* ----Margin---- */
.mgt {
    margin-top: 15px;
}

.mgt100 {
    margin-top: 100px;
}

.mgt-sm {
	margin-top: 10px;
}

.mgt-xs {
	margin-top: 5px;
}

.mgb {
    margin-bottom: 15px;
}

.mgl {
    margin-left: 15px;
}

.mgr {
    margin-right: 15px;
}

.inputError{
	display: none;
	color: red;
}

.dayTables{
	margin: 30px auto;
}
.dayTables{
	text-align: center;
}

.dayTables td {
	min-width: 150px;
}

.width100Percent {
	width: 100% !important;
}

/*-----Cards------*/

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	margin-bottom: 10px;
}

.card-header {
	padding: 0rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem
}

/*------- client notes system -------*/

#notesSystem textarea {
	width: 100%;
}

#notesSystem button#submitBtn {
	float: right;
}

#notesSystem #closeBtn {
	border: 2px solid #fff;
	background: #016092;
	padding: 7px 10px;
	margin: 0px 0px 0px 5px;
	color: #fff;
	text-decoration:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; cursor: pointer;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	float: right;
}

#notesSystem #closeBtn:hover {
	background: #ff7800;
	text-decoration:none;
}

#notesSystem #submitBtn:disabled {
	background: black;
}

#notesSystem #errorText {
	color: red;
}

/*----------- Typography -----------*/

.text-success {
	color: #28a745 !important;
}

.text-warning {
	color: #ffc107 !important;
}

.text-danger {
	color: #dc3545 !important;
}

.paused .text-success {
	color: #fff !important;
	transition: background 0.4s ease-in-out;
}

.paused .text-warning {
	color: #fff !important;
	transition: background 0.4s ease-in-out;
}

.paused .text-danger {
	color: #fff !important;
	transition: background 0.4s ease-in-out;
}
.paused:hover .text-success {
	color: #28a745 !important;
	transition: background 0.4s ease-in-out;
}

.paused:hover .text-warning {
	color: #ffc107 !important;
	transition: background 0.4s ease-in-out;
}

.paused:hover .text-danger {
	color: #dc3545 !important;
	transition: background 0.4s ease-in-out;
}

/*------------- Buttons ---------------*/
.reportButton.reportButtonPrimary {
	background: #247fc1;
}

.reportButton.reportButtonDanger {
	background: #f44336;
}

.reportButton.reportButtonSecondary {
	background-color: #6c757d;
}

/*------------- Badges ---------------*/
.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge:empty {
	display: none;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.badge-primary {
	color: #fff;
	background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #0062cc;
}

.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #545b62;
}

.badge-success {
	color: #fff;
	background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1e7e34;
}

.badge-info {
	color: #fff;
	background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #117a8b;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #d39e00;
}

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #bd2130;
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #dae0e5;
}

.badge-dark {
	color: #fff;
	background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1d2124;
}

.badge-inline {
	margin-left: 5px;
}

/*------------- Permissions UI ---------------*/
#entityPermissionsTable tr th:first-child {
	width: 20%;
}
#entityPermissionsTable tr th:nth-child(3), #entityPermissionsTable tr th:nth-child(4), #entityPermissionsTable tr th:nth-child(5) {
	width: 100px !important;
}
/*------------- FB Utility ---------------*/
.viewAd:hover {
	cursor: pointer;
}

.theRowRemoveButtons, .theRowAddButtons {
	margin-top: 18px;
}

/*------------- / FB Utility ---------------*/

.textLeft {
	text-align: left !important;
}

.advertCustomisationWrapper{
	border: black 1px dashed;
	display: inline-block;
	padding: 50px 10px 0 10px;
	margin: -65px auto 10px auto;
}

/*------------- Google Keywords Report ---------------*/
.clearBoth {
	clear:both;
}
.googleKeywordsReportControls > .contentControllersInner > form > .elementHolder {
	margin-top: 12px;
}

.googleKeywordsReportControls > .contentControllersInner  #dateContainer.disabled {
	opacity: 0.5;
	pointer-events: none;
}
.googleKeywordsReportControls .searchElement input {
	width: 300px;
}
.googleKeywordsReportControls p.searchError {
    color: red;
    font-weight: bold;
	font-size: 12px;
}
.googleKeywordsReportControls .reportButton {
	display: block;
}
.editAdvertBannerContainer #messageWrapper .reportButton {
	display: inline-block;
	margin-top: 12px;
}
.googleKeywordsReportStats {
	text-align: center;
}
.googleKeywordsTypeTableContainer {
    width: 1200px;
    margin: 000 auto;
}

.googleKeywordsTypeTableContainer table tfoot tr td {
	background: #247fc1;
    background: -moz-linear-gradient(top, #247fc1 0%, #1b6296 100%);
    background: -webkit-linear-gradient(top, #247fc1 0%,#1b6296 100%);
    background: linear-gradient(to bottom, #247fc1 0%,#1b6296 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247fc1', endColorstr='#1b6296',GradientType=0 );
    border: 0px solid #fff;
    text-align: center;
    border-width: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}


.googleKeywordsTypeTableContainer table tr td.profit, .googleKeywordsTableContainer table tr td.profit {
	background: #66FF66;
	color: #4c4c4d;
}

.googleKeywordsTypeTableContainer table tr td.loss, .googleKeywordsTableContainer table tr td.loss{
	background: red;
	color: #FFF;
}
.googleKeywordsTableContainer thead .reportButton {
    display: inline-block;
    margin-top: 10px;
}
.googleKeywordsTableContainer table tbody tr td.centerStatusToggle {
	text-align: center;
}
.googleKeywordsTableContainer table tbody tr td.centerStatusToggle > div {
	margin: 000 auto;
}

.googleAdStatusTableContainer {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}

.googleAdStatusTableContainer .editAdvertColumn {
	min-width: 100px;
}
.googleAdStatusControls {
	text-align: center;
}
.reportButton.subtleGreyButton {
	background: #EEE;
	color: #8a8a8a;
}
.googleAdStatusTableContainer textarea {
	width: 100%;
	resize: vertical;
}

.googleAdStatusTableContainer .googleAdPreview {
	width: 100%;
	text-align: left;
}

.googleAdStatusTableContainer .googleAdPreview h4 {
    color: blue;
    font-weight: 400;
    font-size: 20px;
	margin: 0 0 12px 0;
}
.googleAdStatusTableContainer .googleAdPreview h5 {
    color: #00800a;
    font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	margin: 0 0 12px 0;
}
.googleAdStatusTableContainer .googleAdPreview h6 {
    color: blue;
    font-weight: 400;
    font-size: 22px;
}

.googleAdStatusTableAdPreviewColumn {
	max-width: 500px;
}

.googleAdStatusTableNotesColumn {
	min-width: 130px;
}
.advertNotesContainer {
    padding: 20px;
}
.advertNotesContainer h3 {
    margin-top: 20px;
}
.advertNotesContainer textarea {
    width: 100%;
	height: 150px;
}
.advertNotesContainer .reportButton {
    margin-top: 12px;
    text-align: center;
    display: inline-block;
}

.advertFullViewNotes {
    max-width: 1200px;
    margin: 000 auto;
    margin-top: 40px;
}
.reportButton.inactive {
    background-color: #555;
	opacity: 0.6;
}

.addAdvertNoteErrorMessage, .addKeywordNoteErrorMessage {
	color: red;
	font-size: 12px;
	display: none;
}

.bannerContainer {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

#googleAdStatusBanners {
	clear: both;
}
#keywordTypeTable .centerStatusToggle .activeCheckbox:after {
    content: 'Paused';
}

/*------------- / Google Adwords Edit Advert ---------------*/
.editAdvertWrapper {
	clear: both;
}
.editAdvertsControls {
    text-align: center;
    margin-top: 20px;
}
.editAdvertsControls #deletePendingAdvertChanges {
	background: #E31837;
	margin-right: 20px;
}
.editAdvertsControls #submitPendingAdvertChanges {
	background: #17B169;
}
.submitChangesNote textarea {
	height: 100px;
    margin-bottom: 20px;
}
.editAdvertBannerContainer {
    clear: both;
    display: block;
}
.editAdvertWrapper .invalidInputBorder {
	border: 3px solid red !important;
}
.editAdvertWrapper span.headlinePin {
    background: #EEE;
    height: 30px;
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 12px;
    line-height: 30px;
    border-radius: 12px;
    margin: 0 0 0 12px;
}
.editAdvertWrapper select.responsePinSelect {
    display: inline-block;
    background-color: #fff;
    height: 34px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #4d4d4d;
    margin: 0px 0px 0px 3px;
    border: 1px solid #c6c6c6;
    padding: 0px 0px 0px 8px;
    box-sizing: border-box;
}
.changePendingAdvertStatusControls, .changeAdvertStatusControls {
    box-sizing: border-box;
    background: #EEE;
    padding: 20px;
    margin-top: 40px;
    border-radius: 10px;
    text-align: center;
}
.changePendingAdvertStatusControls select, .changeAdvertStatusControls select {
	margin-bottom: 20px;
}
.changePendingAdvertStatusControls #changeAdvertStatusSubmit, .changeAdvertStatusControls #changeAdvertStatusSubmit {
    margin-top: 20px;
    display: inline-block;
}
.changeAdvertStatusError {
    font-weight: bold;
    color: red;
    display: none;
}
form.findAdvertById {
	clear: both;
}
form.findAdvertById input[type=number] {
	width: 80px;
}
form.findAdvertById button {
	background: #206fa9;
    display: inline-block !important;
}
.findAdvertByIdContainer {
	width: 100%;
	background: #EEE;
    padding: 12px 20px !important;
    border-radius: 3px;
	margin-bottom: 20px !important;
}
/*------------- / FB Configuration Utility ---------------*/
#configurationForm > div > div > input.form-control
{
	width:auto;
	position:absolute;
	top:1.6em;
	left:0;
}

#configurationForm > div.form-group > label
{
	margin-bottom:1em;
	display:block;
}

#configurationForm > div > div
{
	padding-left:4em;
	position:relative;
}

#configurationForm #dailyCapPercentageActive
,#configurationForm #dailyCapPercentage
{
	width:auto;
}

#configurationForm #dailyCapPercentage 
{
	margin-left:4em;
}

#configurationForm #dailyCapPercentageActive
{
	position:relative;
	top:-1.8em;
}

table.timeControlTable{
	table-layout: auto; 
	width: 100%;
	width: 1000px;
	border-collapse: collapse;
};

table.timeControlTable td {
    background: orange!important;
}

table.timeControlTable .activeCheckbox:after{
	top: 0;
}

table.timeControlTable .activeCheckbox{
	font-size: 12px;
	line-height: 17px;
	margin: 0 auto;
}

table.timeControlTable .input {
	width: 150px;
}

td.Monday, td.Wednesday, td.Friday, td.Sunday {
	background-color: #e0f1f8;
}
td.Tuesday, td.Thursday, td.Saturday {
	background-color: #ffffff;
}

table.timeControlTable thead th{
    background: #247fc1;
    background: -moz-linear-gradient(top, #247fc1 0%, #1b6296 100%);
    background: -webkit-linear-gradient(top, #247fc1 0%,#1b6296 100%);
    background: linear-gradient(to bottom, #247fc1 0%,#1b6296 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247fc1', endColorstr='#1b6296',GradientType=0 );
    border: 0px solid #fff;
    text-align: center;
    border-width: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
	height: 60px;
}

table.timeControlTable tr{
	height: 60px;
	position: relative;
}

td.dayString span{
	display: inline-block;
	width: 150px;
}

.errorBorder{
	border: 1px red solid !important;
}

#ajaxModalForm .form-group{
	display: flex;
	flex-direction: row;
}
#ajaxModalForm .form-group input.form-control{
	width: 200px;
}

#ajaxModalForm .form-group .form-group-sub-group{
	display: flex;
	flex-direction: row;
	flex: 1;
	margin-bottom: 30px;
	position: relative;
}


#ajaxModalForm .form-group .form-group-sub-group .activeCheckbox {
	font-size: 12px;
    line-height: 17px;
    margin: 0 auto;
}
#ajaxModalForm .visHidden{
	display: none;
}

#ajaxModalForm .rowErrorBox{
	position: absolute;
	bottom: 3px;
	color: red;
}
#ajaxModalForm .rowError td{
	padding: 10px 0 20px;
}

#ajaxModalForm .dailyCapPercentage.rowErrorBox{
	bottom: -25px;
	left: 100px;
}

.flag-UK::before {
	display: block;
	content: ' ';
	background-size: 28px 28px;
	height: 28px;
	width: 28px;
	content: url('../../images/Flag-UK.svg');;
  }

.flag-USA::before {
	display: block;
	content: ' ';
	background-size: 28px 28px;
	height: 28px;
	width: 28px;
	content: url('../../images/Flag-USA.svg');;
}

.flag-Canada::before {
	display: block;
	content: ' ';
	background-size: 28px 28px;
	height: 28px;
	width: 28px;
	content: url('../../images/Flag-Canada.svg');;
}

.flag-AU::before {
	display: block;
	content: ' ';
	background-size: 28px 28px;
	height: 28px;
	width: 28px;
	content: url('../../images/Flag-AU.svg');;
}

/* funnel report CSS */
.filterPageBigText {
    font-size: 40px;
    color: #4c4c4d;
}

.filterPageBigText i{
    color: #ff973b;
}

.funnelDataDisplayWrapper .screenTitle{
	margin-bottom: 20px;
}

.funnelPercentageContainer {
    padding: 0;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    height: 40px;
    background: #ececec;
    position: relative;
}

.funnelPercentageDisplay {
    display: flex;
    border-radius: 2px;
    height: 100%;
    background-color: #ff973b;
    margin: auto;
}

.funnelPercentageText {
    position: relative;
    top: -110%;
    color: #4c4c4d;
    font-size: 16px;
    font-weight: 600;
}

.funnelItemHeader {
    font-size: 16px;
}

.funnelItemHeader p {
    font-weight: 600;
    margin: 20px auto 5px;
}

.funnelItemHeader p span {
    font-weight: 300;
}

.funnelDataDisplayWrapper {
    padding: 10px 30px;
    border-radius: 10px;
    margin: 0 5px 10px;
}

body.saving
{
	cursor:wait;
}

.sticky-bottom
{
	position:sticky;
	bottom:0;
	padding:1em 0 1em 0;
	background:rgba(255, 255, 255, .7);
}

.sticky-top-ish {
	position:sticky;
	top:100px;
}

/* Lead Seeding Styles */
a.reportButton[href="seedProfiles.php"]::before
,a.reportButton[href="seedConfigurations.php"]::before
,a.reportButton[href="seedAutomation.php"]::before
,a.reportButton[href="seedReports.php"]::before
,#seedProfileForm button::before
,#seedAutomationForm button::before
,#seedConfigurationForm button::before
,#seedSimpleForm button::before
,[data-form="note"] button::before
{
	content:"";
	position:absolute;
	width:0%;
	height:100%;
	top:0;
	left:0;
	background-color:#183153;
	transition:all 0.4s ease-in-out;
	z-index:1;
}

a.reportButton[href="seedProfiles.php"]:hover::before
,a.reportButton[href="seedConfigurations.php"]:hover::before
,a.reportButton[href="seedAutomation.php"]:hover::before
,a.reportButton[href="seedReports.php"]:hover::before
,#seedProfileForm button:hover::before
,#seedAutomationForm button:hover::before
,#seedConfigurationForm button:hover::before
,#seedSimpleForm button:hover::before
,[data-form="note"] button:hover::before
{
	width:100%;
}

a.reportButton[href="seedProfiles.php"]:hover span
,a.reportButton[href="seedConfigurations.php"]:hover span
,a.reportButton[href="seedAutomation.php"]:hover span
,a.reportButton[href="seedReports.php"]:hover span
,#seedProfileForm button:hover span
,#seedAutomationForm button:hover span
,#seedConfigurationForm button:hover span
,#seedSimpleForm button:hover span
,[data-form="note"] button:hover span
{
	animation:scaleUp 0.3s ease-in-out;
}

a.reportButton[href="seedProfiles.php"]
,a.reportButton[href="seedConfigurations.php"]
,a.reportButton[href="seedAutomation.php"]
,a.reportButton[href="seedReports.php"]
,#seedProfileForm button
,#seedAutomationForm button
,#seedConfigurationForm button
,#seedSimpleForm button
,[data-form="note"] button
{
	background-color:#ff5400;
	box-shadow:0px 6px 24px 0px rgb(0 0 0 / 20%);
	border-radius:5px;
	border:none;
	padding:1.3em 1.5em;
	font-size:13px;
	display:inline-block;
	position:relative;
	overflow:hidden;
}

#seedProfileForm button[value="saveProfile"] span::after
,#seedProfileForm button[value="deleteProfile"] span::after
,#seedAutomationForm button[value="saveAutomation"] span::after
,#seedAutomationForm button[value="deleteAutomation"] span::after
,#seedConfigurationForm button[value="saveConfiguration"] span::after
,[data-form="note"] button[data-action="saveNote"] span::after
,[data-form="note"] button[data-action="closeNote"] span::after
,#seedConfigurationForm button[value="deleteConfiguration"] span::after
,#seedConfigurationForm button[value="runConfiguration"] span::after
,#seedConfigurationForm button[value="addProfileLevel"] span::after
,#seedConfigurationForm button[value="demoteProfileLevel"] span::after
,#seedConfigurationForm button[value="promoteProfileLevel"] span::after
,#seedConfigurationForm button[value="removeProfileLevel"] span::after
,#seedSimpleForm button[value="runSeed"] span::after
{
	margin:0 0 0 0.5em;
}

#seedProfileForm button[value="saveProfile"]
,#seedAutomationForm button[value="saveAutomation"]
,#seedConfigurationForm button[value="saveConfiguration"]
,[data-form="note"] button[data-action="saveNote"]
{
	background-color:#00cd96;
}

#seedProfileForm button[value="saveProfile"] span::after
,#seedAutomationForm button[value="saveAutomation"] span::after
,#seedConfigurationForm button[value="saveConfiguration"] span::after
,[data-form="note"] button[data-action="saveNote"] span::after
,[data-form="note"] button[data-action="closeNote"] span::after
{
	font-family:"FontAwesome";
	content:"\f0c7";
}

#seedConfigurationForm button[value="runConfiguration"] span::after,
#seedSimpleForm button[value="runSeed"] span::after
{
	content:"\f04b";
}

#seedConfigurationForm button[value="addProfileLevel"] span::after
{
	content:"\2b";
}

#seedConfigurationForm button[value="promoteProfileLevel"] span::after
{
	content:"\f148";
}

#seedConfigurationForm button[value="demoteProfileLevel"] span::after
{
	content:"\f149";
}

[data-form="note"] button[data-action="closeNote"] span::after
{
	content:"\f00d";
}

#seedProfileForm button[value="saveProfile"]::before
,#seedAutomationForm button[value="saveAutomation"]::before
,#seedConfigurationForm button[value="saveConfiguration"]::before
,[data-form="note"] button[data-action="saveNote"]::before
{
	background-color:#00a7de;
}

#seedProfileForm button[value="deleteProfile"]
,#seedAutomationForm button[value="deleteAutomation"]
,#seedConfigurationForm button[value="deleteConfiguration"]
{
	background-color:#e50061;
}

#seedProfileForm button[value="deleteProfile"] span::after
,#seedAutomationForm button[value="deleteAutomation"] span::after
,#seedConfigurationForm button[value="deleteConfiguration"] span::after
,#seedConfigurationForm button[value="removeProfileLevel"] span::after
{
	content:"\f1f8";
}

#seedProfileForm button[value="deleteProfile"]::before
,#seedAutomationForm button[value="deleteAutomation"]::before
,#seedConfigurationForm button[value="deleteConfiguration"]::before
{
	background-color:#e53b00;
}

#seedProfileForm fieldset:nth-child(1) button
,#seedProfileForm fieldset:nth-child(2) button
{
	padding-top:0;
	padding-bottom:0;
	position:relative;
	top:-0.1em;
}

a.reportButton[href="seedProfiles.php"] span
,a.reportButton[href="seedConfigurations.php"] span
,a.reportButton[href="seedAutomation.php"] span
,a.reportButton[href="seedReports.php"] span
,#seedProfileForm button span
,#seedAutomationForm button span
,#seedConfigurationForm button span
,#seedSimpleForm button span
,[data-form="note"] button span
{
	position:relative;
	z-index:2;
}


a.reportButton[href="seedProfiles.php"] span::before
,a.reportButton[href="seedConfigurations.php"] span::before
,a.reportButton[href="seedAutomation.php"] span::before
,a.reportButton[href="seedReports.php"] span::before
,#seedProfileForm button span::after
,#seedAutomationForm button span::after
,#seedConfigurationForm button span::after
,#seedSimpleForm button span::after
{
	font-family:"FontAwesome";
	content:"\f060";
	display:inline-block;
	margin-right:0.5em;
}

.blockFieldSet > fieldset:nth-child(1) button span::after
,.blockFieldSet > fieldset:nth-child(2) button span::afterr
{
	margin:0 0 0 0.5em;
	transform:rotate(180deg);
}

#seedProfileForm fieldset:nth-child(1) button span::after
,#seedProfileForm fieldset:nth-child(2) button span::after
{
	margin:0;
}

#seedProfileForm button[disabled]
,#seedAutomationForm button[disabled]
,#seedConfigurationForm button[disabled]
,#seedSimpleForm button[disabled]
,[data-form="note"] button[disabled]
{
	cursor:not-allowed;
	background-color:#555;
}

#seedProfileForm button[disabled]::before
,#seedAutomationForm button[disabled]::before
,#seedConfigurationForm button[disabled]::before
,#seedSimpleForm button[disabled]::before
,[data-form="note"] button[disabled]::before
{
	background-color:#999;
}

#fieldValues
,#fieldVisibility
{
    margin:1em 0;
    vertical-align:top;
}

#fieldValues img.removeFieldButton{
	height: 17px;
	width: auto;
}

img.removeRuleButton{
	height: 17px;
	width: auto;
	align-self: center;
}

#fieldValues .field
,.blockFieldSet fieldset
{
    margin:1em 0;
	box-shadow:rgb(100 100 111 / 20%) 0px 7px 29px 0px;
	border-radius:6px;
	padding:25px 35px;
	border:none;
}

.blockFieldSet > fieldset:last-child
{
	box-shadow:none;
	padding:0;
	margin:0;
	display:flex;
	gap:1em;
}

#seedProfileForm > fieldset:last-child.hidden
,#seedProfileForm button.hidden
,#seedAutomationForm button.hidden
,#seedConfigurationForm button.hidden
,#seedSimpleForm button.hidden
,.blockFieldSet fieldset .hidden
,[data-form="note"] .hidden
,#seedConfigurationForm input:not(.selectize-control).hidden
{
	display:none;
}

#seedProfileForm
,#seedAutomationForm
,#seedConfigurationForm
,#seedSimpleForm
,#seedConfigurationForm #blankFields
,#seedProfileForm #fieldValues
{
	display:flex;
	flex-basis:100%;
	flex-wrap:wrap;
	gap:20px;
	align-content:center;
}

#seedProfileForm.hidden
,#seedAutomationForm.hidden
,#seedConfigurationForm.hidden
,#seedSimpleForm.hidden
{
	display:none;
}

.blockFieldSet > fieldset
,.blockFieldSet #fieldValues > fieldset
,#seedConfigurationForm section
,#seedSimpleForm section
{
	flex-basis:100%;
	margin:0;
}

@media only screen and (min-width: 1024px) {
	#seedProfileForm > fieldset:nth-child(1)
	,#seedProfileForm > fieldset:nth-child(2)
	,#seedAutomationForm > fieldset
	,#seedConfigurationForm > fieldset
	,#seedSimpleForm > fieldset
	{
		flex-basis:calc(50% - 80px);
		flex-grow:1;
	}

	#seedAutomationForm > fieldset:nth-last-child(1)
	,#seedAutomationForm > fieldset:last-child
	,#seedConfigurationForm > fieldset:nth-last-child(1)
	,#seedConfigurationForm > fieldset:nth-last-child(2)
	,#seedConfigurationForm > fieldset:last-child
	,#seedSimpleForm > fieldset:nth-last-child(1)
	,#seedSimpleForm > fieldset:nth-last-child(2)
	,#seedSimpleForm > fieldset:last-child
	{
		flex-basis:100%;
	}
}

#seedConfigurationForm > div,
#seedSimpleForm > div
{
	display: flex;
}
#seedConfigurationForm > div > fieldset,
#seedSimpleForm > div > fieldset{
	flex-basis: calc(50% - 80px);
	flex-grow: 1;
}

.blockFieldSet > fieldset > div
{
	margin:1em 0;
	display:flex;
	flex-wrap:wrap;
	gap:1em;
}

.blockFieldSet fieldset > div > *:not(img)
{
	flex-grow:1;
}

.blockFieldSet fieldset > div > .lineBreak
{
	flex: 0 0 100%;
	height: 0;
}

#seedProfileForm fieldset > div > button
{
	flex-grow:0;
	flex-basis:6em;
}

#seedProfileForm fieldset > div > :last-child:not(button)
{
	flex-basis:100%;
}

.blockFieldSet legend
{
	display:contents;
}

.blockFieldSet label:not(.hidden)
{
    display:inline-block;
    margin-bottom:0.5em;
}

.blockFieldSet legend:not(.contentControllersInner)
,.blockFieldSet h1
{
    font-family:'montserratregular', sans-serif;
    color:#23b3f0;
    font-size:1.5em;
    letter-spacing:0;
    font-weight:bold;
}

#seedConfigurationForm legend span,
#seedSimpleForm legend span{
	margin-top: 5px;
	line-height: 23px;
	margin-bottom: 5px;
	display: inline-block;
}

#seedConfigurationForm legend .contentControllersInner,
#seedSimpleForm legend .contentControllersInner{
	margin-right: 0;
}

#seedConfigurationForm #fieldValues legend:not(.smallChkboxDiv),
#seedSimpleForm #fieldValues legend:not(.smallChkboxDiv){
	color:#4c4c4d;
    font-size:1.25em;
	margin-top: .25rem;
	margin-bottom: .25rem;
}

#seedConfigurationForm #fieldValues legend .smallChkboxDiv,
#seedSimpleForm #fieldValues legend .smallChkboxDiv{
	margin-top: 0;
	display: inline-block;
	margin-right: 0;
	margin-left: auto;
	padding-right: 26px;
	min-width: 150px;
}

#seedConfigurationForm #fieldValues legend .smallChkboxStateIndicator,
#seedSimpleForm #fieldValues legend .smallChkboxStateIndicator{
	margin-top: 3px;
}

#seedProfileForm #fieldValues legend
{
	color:#4c4c4d;
	font-size:17px;
}

.blockFieldSet .field .error
,.blockFieldSet fieldset .error
.blockFieldSet .field .errorLabel
,.blockFieldSet fieldset .errorLabel
{
    color:red;
}

.blockFieldSet #fieldValues input:not(.selectize-control)
{
    width:100% !important;
	display:block;
}

#seedProfileForm #fieldValues select,
#seedConfigurationForm #fieldValues select,
#seedConfigurationForm select#configurationType,
#seedSimpleForm #fieldValues select,
#seedSimpleForm select#configurationType{
	width: 100%;
	display: block;
	margin: 1em 0;
}

#seedProfileForm #fieldValues input:not(.selectize-control)
,#seedAutomationForm input:not(.selectize-control)
,#seedConfigurationForm input:not(.selectize-control):not(.fancy-checkbox)
,#seedSimpleForm input:not(.selectize-control):not(.fancy-checkbox)
,#seedProfileForm #fieldValues .selectize-control
,#seedProfileForm .datePicker
{
	margin:1em 0;
}

#seedReport textarea
{
    background:#eee;
    padding:1em;
    line-height:1.5em;
}

#seedReport #seedNotes a[data-action="showNote"]:before
{
    font-family:"FontAwesome";
    content:"\f044";
    margin-right:0.5em;
}

.blockFieldSet .selectize-control.single, 
.blockFieldSet .selectize-input
{
	min-height:50px;
}

#seedProfileForm button:disabled
{
	cursor:not-allowed;
	background-color:#666;
}

.blockFieldSet dt
{
	font-weight:bold;
}

.blockFieldSet dd
{
	margin-left:2em;
	margin-bottom:1em;
}

.blockFieldSet dd:last-child
{
	margin-bottom:0;
}

button > *
{
	pointer-events:none; /* Removing this property will break JS functionality on buttons that have child elements */
}

#seedConfigurationForm [data-section="previewField"],
#seedSimpleForm [data-section="previewField"]
{
	display:block;
}

#seedConfigurationForm [data-section="previewField"] > span,
#seedSimpleForm [data-section="previewField"] > span
{
	font-weight:bold;
	flex-grow:0;
}

#seedConfigurationForm [data-section="previewField"][data-required="1"][data-value=""] dt,
#seedSimpleForm [data-section="previewField"][data-required="1"][data-value=""] dt
{
	color:red;
}

.roasControls {
	width: 100%;
	display: flex;
	justify-content: center;
}

.roasControls form {
	width: 90%;
	max-width: 1700px;
}

.roasControls .elementGroup {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.roasControls .elementGroup .elementHolder {
	width: 100%;
	display: flex;
	flex-grow: 1;
    flex-basis: 33%;
    align-items: center;
    justify-content: center;
}

.roasControls .elementGroup .elementHolder .selectize-control {
	width: 100%;
}

#platformSelect-selectized, #campaignSelect-selectized {
	width: 0!important;
}

.roasControls .selectize-control.multi .selectize-input.items {
	overflow-y: auto;
	max-height: 300px;
}

.roasControls .item {
    width: auto;
    height: auto;
    background: transparent;
}

.campaignSelectContainer {
	max-width: 340px;
	width: 100%;
}

/* -- Journey Manager */
.formPageBlockTitle {
	font-family: 'montserratlight';
	font-size: 20px;
	line-height: 20px;
	color: #016092;
	margin: 9px 0px;
	padding: 0px 0px 0px 0px;
}


.formPageBlockTitle:target::before {
    content: '';
    display: block;
    height:      90px;
    margin-top: -90px;
}

.journeyManagement {
	height: 100%;
	display: flex;
}

.journeyManagement .card h2 span {
	font-size: 16px;
	font-style: italic;
}

.journeyManagement .card .settingContainer {
	/* scroll-margin-top: 115px; */
	scroll-behavior: smooth;

}
.journeyManagement .card.row header,
.journeyManagement .card.row .questionCardHeading {
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
	z-index: 50;
	background-color: rgb(247 247 247);
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.journeyManagement .card.row .questionCardHeading {
    top: 105px;
    z-index: 49;
    border-bottom: 1px solid lightgray;
}

.journeyManagement .card h2 {
	position: sticky;
	font-family: 'montserratlight';
	font-size: 20px;
	line-height: 20px;
	margin: 9px 0px;
	padding: 0px 0px 0px 0px;
}

.journeyManagement .card-body label ,
.journeyManagement .card-body .smallChkboxDiv {
	font-style: italic;
}

.journeyManagement .card-body {
	display: flex;
	flex-direction: column;
}

.journeyManagement .card-body .inputContainer, .journeyManagement .card-body .elementHolder {
	margin: 5px 0 10px;
}

.journeyManagement .card-body .smallChkboxDiv label{
	margin: 0 10px;
}

.journeyManagement .card input.borderBottom {
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, .25);
	font-family: 'montserratlight';
	font-size: 20px;
	line-height: 20px;
	margin: 9px 0px;
	padding: 0px 0px 0px 0px;
}

.journeyManagement .textAreaFileInput {
	max-height: 150px;
    min-height: 100px;
	height: unset;
}
.journeyManagement .reportButton.active {
	background-color: #ef753f;
}

.journeyManagementModal .drop-targets {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 5px 0;
	height: 20px;
}

.journeyManagementModal .drag-over {
    border: dashed 3px red;
}

.journeyManagementModal .item {
    height: 75px;
    width: 75px;
    background-color: #F0DB4F;
}

.journeyManagementModal .hide {
    display: none;
}

/*
	Organic Traffic Report
*/
.organicTrafficReportControls {
	width: 100%;
	display: flex;
	justify-content: center;
}

.organicTrafficReportControls .item {
	height: auto;
    width: auto;
    background-color: transparent;
}

.organicTrafficReportControls .elementGroup {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.organicTrafficReportControls .elementGroup .elementHolder {
	display: flex;
	flex-grow: 1;
	flex-basis: 33%;
    align-items: center;
    justify-content: center;
}

.organicTrafficReportControls .elementGroup .elementHolder select {
	width: 80%; 
}

.organicTrafficReportControls .elementGroup .elementHolder .selectize-control {
	width: 100%;
}

.organicTrafficReportControls .elementGroup #productHolder.elementHolder{
	max-width: 57%;
    margin: auto auto;
    padding-bottom: 15px;
}

/*
	CRM Traffic Report
*/
.CRMTrafficReportControls {
	width: 100%;
	display: flex;
	justify-content: center;
}

.CRMTrafficReportControls .item {
	height: auto;
    width: auto;
    background-color: transparent;
}

.CRMTrafficReportControls .elementGroup {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.CRMTrafficReportControls .elementGroup .elementHolder {
	display: flex;
	flex-grow: 1;
	flex-basis: 25%;
    align-items: center;
    justify-content: center;
}

.CRMTrafficReportControls .elementGroup .elementHolder select {
	width: 80%; 
}

.CRMTrafficReportControls .elementGroup .elementHolder .selectize-control {
	width: 100%;
}

.CRMTrafficReportControls .elementGroup #productHolder.elementHolder{
	max-width: 57%;
    margin: auto auto;
    padding-bottom: 15px;
}


#auditContainer > div{
	padding: 5px 0 10px 0;
}

#auditContainer .textLabel{
	display: block;
	font-family: 'montserratlight';
	font-size: 15px;
	line-height: 15px;
	color: #016092;
	margin-bottom: 5px;
}

#auditContainer textArea{
	width: 50%;
	height: 10em;
}

.globalTable .buyerDetailsTable th {
	padding: 5px 0px;
	background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #4c4c4d 100%);
    background: -webkit-linear-gradient(top, #c6c6c6 0%,#4c4c4d 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%,#4c4c4d 100%);
}

.globalTable .buyerDetailsTable thead:hover th{
	background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #4c4c4d 100%);
    background: -webkit-linear-gradient(top, #c6c6c6 0%,#4c4c4d 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%,#4c4c4d 100%);
}

.globalTable .buyerDetailsTable {
	border: 2px solid #000;
}

.globalTable .buyerDetailsTable td {
	padding: 5px 0px;
	width: 33%;
}

.globalTable .buyerDetailsTable tr:nth-child(odd) {
	background-color: #e9e9e9;
}

.globalTable tr:hover .buyerDetailsTable td {
	background: unset;
}

.contentControllersInner.buyerDetailsControls {
	display: flex;
	justify-content: center;
}

.contentControllersInner.buyerDetailsControls .elementHolder {
	display: flex;
	align-items: center;
}

.contentControllersInner.buyerDetailsControls .elementHolder label {
	padding-top: 0px;
	line-height: unset;
}

.firePixelsCheck:hover, #pixelFireHead {
	cursor:pointer;
}

.modalFlex {
    display: flex;
    justify-content: space-between;
	margin-top: 10px;
    gap: 20px;
}

.modalFlex .col-left, .modalFlex .col-right {
	width: 50%;
}

.scrollableTableContainer {
	max-height: 60vh;
    min-height: 400px;
    overflow: auto;
}

.scrollableTableContainer thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.scrollableTableContainer {
	max-height: 75vh;
    overflow: auto;
	margin-bottom: 5px;
}

.scrollableTableContainer thead th {
	position: sticky;
	top: 0;
	z-index: 5;
}

.underline {
	text-decoration: underline;
}

#tiktokTable tr input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

input#tableSearch {
	width: 300px;

	padding-right: 50px;
	-webkit-font-smoothing: antialiased !important;
	background: url('../../images/search.png');
	background-position: center right;
	background-repeat: repeat-y;
	
	display: inline-block;
	background-color: #fff;
	
	height: 34px;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	color: #4d4d4d;
	margin: 0px 0px 10px 0px;
	border: 1px solid #c6c6c6;
	padding: 0px 0px 0px 8px;
	box-sizing: border-box;

}

#tiktokTable .adPreview {
	max-width: 100px;
}

.activeTtCheckbox{
	width: 124px;
	height: 30px;
	background: #fff;
	margin: 0px auto;
	position: relative;
	border-radius: 50px;
	border: 1px solid #c6c6c6;
	box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.2);
	margin-bottom: 10px;
}
.activeTtCheckbox:after {
	content: 'Paused';
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	padding-top: 7px;
	font-size: 12px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.activeTtCheckbox:before {
	content: 'Active';
	color: #000;
	position: absolute;
	left: 10px;
	z-index: 0;
	padding-top: 7px;
	font-size: 12px;
}

.activeTtCheckbox label {
	display: block;
	width: 60px;
	height: 10px;
	cursor: pointer;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 1;
	background: #ff7800;
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
}

.activeTtCheckbox input[type=checkbox] {
	visibility: hidden;
}

.activeTtCheckbox input[type=checkbox]:checked + label {
	left: 58px;
}

.tiktokDatePicker {
	z-index: 5;
	position: relative;
}

.tiktokDialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    border: 0;
    max-width: 1000px;
    width: 100%;
    padding: 20px;
    text-align: center;
}

.tiktokDialog .innerModal {
	padding: 0;
}

.tiktokDialog .tiktokLabel {
	padding: 0;
	margin-bottom: 20px;
}

.tiktokDialog::backdrop {
    background: rgba(0, 0, 0, 0.4);
}

#tiktokNextPage, #tiktokPrevPage {
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    border: 1px solid transparent;
    border-radius: 2px;
}

#tiktokNextPage:hover, #tiktokPrevPage:hover {
	color: white;
	border: 1px solid #111;
	background-color: #585858;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
	background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
	background: -moz-linear-gradient(top, #585858 0%, #111 100%);
	background: -ms-linear-gradient(top, #585858 0%, #111 100%);
	background: -o-linear-gradient(top, #585858 0%, #111 100%);
	background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

a.tiktokPageButton {
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    border: 1px solid transparent;
    border-radius: 2px;
}

a.tiktokPageButton:hover {
	color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

a.tiktokPageButton.current, a.tiktokPageButton.current:hover {
	color: #333 !important;
	border: 1px solid #979797;
	background-color: white;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
	background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
	background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
	background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
	background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
	background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}

.tiktokPaginationContainer {
	display: flex;
    justify-content: space-between;
}

#tiktokTable .column-campaign {
	min-width: 350px;
}

#tiktokTable {
	word-wrap: break-word;
}

#tiktokTable .column-campaign, #tiktokTable .column-adgroup, #tiktokTable .column-ad {
	min-width: 360px;
}

.earlywarningControlsText {
	text-decoration: none;
	cursor:pointer;
}
.earlywarningControlsText.red, td.errorCell, span.errorFigure {
	color:red;
}
.earlywarningControlsText.green {
	color:green;
}
.earlywarningControlsText.orange, td.warningCell, span.warningFigure {
	color:#c59802;
}

dialog.overlayScreen::backdrop {
  background-color: rgba(0, 0, 0, .3);
}

.grid2x2{
	display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 5px;
    padding: 10px;
}

.grid2x2 > *{
	align-content: center;
}

.adminRepostCols {
	display: table-cell;
	width: 33%;
	padding: 0px 30px 0px 0px;
}

.repostFooter {
	text-align: center;
	width: 100%;
	padding-top: 10px;
}

.repostHolder {
	display: grid;
    grid-auto-columns: auto;
	grid-template-columns: repeat(5, 19.6%);
	text-overflow: ellipsis;
	max-height: 65vh;
	overflow-y: scroll;
}

.repostHolder .repostCols {
	grid-row: 1;
}

.repostHolder .repostCols .elementHolder {
	padding-bottom: 20px;
	float: none;
	width: 100%;
}

.repostHolder .repostCols .elementHolder .input {
	width: 90%;
}

.repostFormLabel {
	width: 95%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.repostFeedbackHolder {
	color: red;
	padding-bottom: 10px;
	font-size: 18px;
}

.massRepostProgressRow {
	padding-top: 20px;
	padding-bottom: 10px;
}

.massRepostProgressRow label {
	width: 100%;
	padding-bottom: 5px;
	display: inline-block;
}

.massRepostResponseBox {
	text-align: left;
	height: 400px;
	max-height: 400px;
	overflow-y: scroll;
}

.massRepostResponseBox p:nth-child(even) {
	background: #e0f1f8;
}

#seedSimpleForm .multiValueArray.selectize-control, #seedConfigurationForm .multiValueArray.selectize-control {
	width: 100%;
}

.rowRejected td {
	background-color: #f1aeb5;
}

.rowReposted td {
	background-color: #61b35b;
}

.conversionBox{
	display: grid;
	grid-template-columns: 1fr 50px;
	font-weight: 400;
}

.conversionBox .primaryGoal{
	font-weight: 700;
	font-size: 14px;
}

.tpBuyerHolder {
    display: grid;
    grid-auto-columns: auto;
    grid-template-columns: repeat(2, 49%);
    text-overflow: ellipsis;
    max-height: 65vh;
    overflow-y: scroll;
    justify-content: space-between;
    align-items: start;
}

.tpBuyerHolder .tpBuyerCols.lastRow {
	grid-row-start: round(up, calc(sibling-count() / 2));
}

.tpBuyerHolder .tpBuyerCols .elementHolder {
	padding-bottom: 20px;
	float: none;
	width: 100%;
}

.tpBuyerHolder .tpBuyerCols .elementHolder .input {
	width: 90%;
}

/* Jquery UI datepicker fix for wonky positioning on buyerQuotas 
 * but potentially useful for other jquery ui datepickers 		*/
.datePickerForcedPosition {
 top: 50px !important;
 left: 14px !important;
 position: absolute !important;
}

.delayWidth {
    min-width: 60px;
}

/* API Logs */
table.apiLogViewer th {
    text-align: center;
    background: #e3e3e3;
    width: 50%;
    padding: 3px;
}

table.apiLogViewer td{
	background: #f5f5f5;
    padding: 10px;
    overflow-wrap: anywhere;
}

.cssStyledSelectsForSelectize.transparentBackground:not(.selectize-dropdown){
	background-color: transparent !important;
}