*,html,body,h1,h2,h3,h4,h5,h6,ul,li,p {margin:0;padding:0;}
a,input,select,button {outline:0;}
a,a:hover,a:active {
	color:#cfcdcb;
	text-decoration:underline;
	cursor:pointer;
}
/* BS3 override */
.row {
  margin:0;
}
/* end of BS3 override */

html,body {
	overflow-x:hidden;
    font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}

a, a:hover {
	text-decoration: none;
}
.clear {
  clear:both;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}
.floatLeft{
	float:left;
}
label {
    display: inline-block;
    width: 5em;
  }
td { 
    padding: 10px 20px 10px 20px;
}
textarea::placeholder {
  color: red;
  font-size: 14px;
}
#content{
	width:100%;
	min-height:840px;
	overflow:hidden;
}

#header{
	width:100%;
	height:50px;
	background-color:#ffffff;
	color:#000;
	border-bottom:1px solid #cecece;
}
#headerImage{
	background-image:url("https://www.flickerglobal2.com/images/borderb2.jpg");
	background-repeat: repeat-x;
	width:100%;
	height:10px;
	position:absolute;
	top:100px;
}
#headerImageVertical{
	background-image:url("https://www.flickerglobal2.com/images/borderl2.jpg");
	background-repeat: repeat-y;
	width:10px;
	min-height:921px;
	float:right;
}

#headertop{
	width:100%;
	background-color:#3399ff;
	color:#ffffff;
	height:50px;
	padding:5px;
	position:fixed;
	z-index:100;
	top:0;
}

#leftcontent{
	/*width:240px;*/
	width:10%;
	background-color:#ffffff;
	min-height:890px;
	overflow:hidden;
	float:left;
	margin-top:0px;
	border-right:1px solid #cecece;
}
#rightcontent{
	width:90%;
	background-color:#ffffff;
	min-height:890px;
	padding-left:0px;
	overflow:hidden;
	float:left;
}

#footer{
	margin-top:30px;
	width:100%;
	padding:10px;
	background-color:#ffffff;
	color:#000;
	height:50px;
	text-align:center;
}


/* BUTTONS */
.button {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #379;
  padding: 9px 15px 6px 15px;
  color: #000;
  font-size: initial;
  font-weight: 800;
  font-style: normal;
  font-family:verdana;
}

#siteMenu{
  z-index:100;
  position:absolute;
  top:35px;
  background-color:#3399ff;
  padding:10px;
  display:none;
  border:1px solid #fff;
  border-radius:4px;
}
.siteMenuInner{
  padding-bottom:7px;
  cursor:pointer;
}
.siteMenuInner:hover{
  color:#000;
}

#siteMenu2{
  z-index:100;
  position:absolute;
  top:185px;
  background-color:#ffffff;
  padding:10px;
  display:none;
  border:1px solid #cccccc;
  border-radius:4px;
}

/* Style the tab */
.tab {
  float: left;
  border: 0px solid #ccc;
  background-color: #ffffff;
  width: 9.92%;
  overflow:hidden;
  position:fixed;
  z-index:101;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: #696969;
  padding: 7px 10px 7px 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  /*padding-left:15px;*/
  font-weight:bold;
}

.tablinksSmall{
  display: block;
  background-color: #ffffff;
  color: #000;
  padding: 2px 2px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  padding-left:45px;
}
.tablinksSmall:hover{
  background-color: #eeeeee;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  color: #000;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
  color: #000;
}

#adminMenu, #adminMenuLeads, #adminMenu2, #adminMenuLeads2, #adminMenuCamp, #adminMenuCamp2, #lastActivity, #statsHide,
#adminMenuStats, #adminMenuStats2, #adminMenuAuto, #adminMenuAuto2, #adminMenuList, #adminMenuList2, #adminMenuTag2, #adminMenuTag, #adminMenuSupp, #adminMenuSupp2, #adminMenuTree, #adminMenuTree2{
  display:none;
}

.siteLinkFloatLeft{
	float:left;
	padding: 0 20px 0 20px;
	cursor:pointer;
}
.siteLinkFloatLeft:hover{
	color:#3399ff;
}
.siteLinkCap{
	padding: 0 20px 0 20px;
	cursor:pointer;
}
.siteLinkCap:hover{
	color:#3399ff;
}

.arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.box {
  width: 95%;
  min-height: 75px;
  background-color:#fff;
  color: #000;
  padding: 20px;
  position: relative;
  margin: 15px;
  float: left;
  border:2px solid #dddddd;
  border-radius:3px;
}

.box.arrow-top {
  margin-top: 40px;
}

.box.arrow-top:after {
  content: " ";
  position: absolute;
  right: 30px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid black;
}

.box.arrow-right:after {
  content: " ";
  position: absolute;
  right: -15px;
  top: 15px;
  border-top: 15px solid transparent;
  border-right: none;
  border-left: 15px solid black;
  border-bottom: 15px solid transparent;
}

.box.arrow-bottom:after {
  content: " ";
  position: absolute;
  right: 30px;
  bottom: -15px;
  border-top: 15px solid black;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: none;
}

.box.arrow-left:after {
  content: " ";
  position: absolute;
  left: -15px;
  top: 25px;
  border-top: 15px solid transparent;
  border-right: 15px solid #fff;
  border-left: none;
  border-bottom: 15px solid transparent;
}

#leftcontentMobile{
  display:none;
}

.headerMenu1{
	float:right;
	margin-right:5%;
}
.headerMenu2{
	display: table-cell;
	vertical-align: middle;
	height:40px;
	font-size:16px;
}
#mMenu{
	display:none;
}
.dragWidth{
	margin-left:50px;
	overflow:hidden;
	float:left;
}
#capEdit{
	display:none;
	margin-left:50px;
	overflow:hidden;
	float:left;
	background-color:#fff;
	padding:5px;
	border:1px solid #cecece;
	border-radius:3px;
}
#login2{
	display:none;
}
#leadLeft{
	float:left;
	width:60%;
}
#rightLead{
	float:left;
	width:30%;
	border-left:2px solid #dedede;
	height:870px;
	overflow:hidden;
	background-color:#efefef;
}

.seedContainer{
	float:left;
	cursor:pointer;
	border:1px solid #cecece;
	padding:10px;
	margin:0 25px 5px 0;
	border-radius:3px;
	width:270px;
	background-color:#fff;
}
.seedDiv{
	padding:10px;
	overflow:hidden;
	width:60%;
	min-height:800px;
}
.apiContainer{
	/*float:left;*/
	border:1px solid #cecece;
	padding:10px;
	margin:0 25px 5px 0;
	border-radius:3px;
	width:325px;
	background-color:#fff;
}
/*campaign css*/
.campaignTopic {
	float:left;
	margin-right:20px;
	cursor:pointer;
	position:relative;
}
.campaignTopic:hover {
	border:0px solid #3399ff;
}
.campaignFilter {
	border:1px solid #cecece;
	border-radius:0;
	padding:5px;
	height:30px;
	font-family:Arial, FontAwesome;
}
.campaignBox{
	z-index:50;
	position:absolute;
	top:0px;
	background-color: rgba(66, 66, 73, .5);
	width:170px;
	height:100%;
	display:none;
}
.campaignBox1{
	z-index:51;
	position:absolute;
	top:45px;
	left:35px;
}
.campaignBox2{
	padding:10px;
	background-color:#fe9f27;
	width:95px;
	text-align:center;
}
.newsSetupDiv{
	float:left;
	margin-left:15%;
}
.setupMenuPadding{
	font-size:18px;
	padding:10px 10px 1px 10px;
}
#newsLetterMain, #goalsMain, #actionsMain{
	padding:0px;
	margin-left:25px;
	overflow:hidden;
	/*height:800px;*/
	width:65%;
	margin-bottom:25px;
	/*scrollbar-width: none; 
    -ms-overflow-style: none;*/
}
/*#newsLetterMain::-webkit-scrollbar {
    width: 0;
    height: 0;
}*/
.newsSetup1{
	border:2px solid #cecece;
	border-radius:3px;
	overflow:hidden;
	width:100%;
}
#campaignData, #autoData{
	margin:45px 0 0 25px;
	overflow:hidden;
}
.floatLeftCamp{
	float:left;
}
#lastActivityOuter{
	float:left;
	width:150px;
	padding-top:34px;
}

.campaignHover{
	width:1050px;
}
.campaignHover:hover{
	background-color:#eeeeee;
}

.status{
	text-align:center;
	border:1px solid #b3b3b3;
	border-radius:3px;
	padding:2px;
	width:90px;
	cursor:pointer;
}
.statusOuter{
	float:left;
	width:120px;
	padding-top:30px;
}
.statusYellow{
	background-color:yellow;
}
.statusRed{
	background-color:red;
	color:#fff;
}
.statusGreen{
	background-color:#2ebb83;
	color:#fff;
}
.statusBlue{
	background-color:#3399ff;
	color:#fff;
}
.statsOuter{
	float:left;
	width:350px;
	padding-top:30px;
	font-size:12px;
}
#campFilterBox, #autoFilterBox{
	z-index:100;
	margin:37px 0 0 5px;
	position:absolute;
	border:1px solid #cecece;
	border-radius:3px;
	background-color:#fff;
	padding:10px;
	width:250px;
	display:none;
	/*-webkit-box-shadow: 0px 0px 5px 1px rgba(206,206,206,1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(206,206,206,1);
	box-shadow: 0px 0px 5px 1px rgba(206,206,206,1);*/
}
.activityBox{
	z-index:100;
	margin:10px 0 0 115px;
	position:absolute;
	border:1px solid #cecece;
	border-radius:3px;
	background-color:#fff;
	padding:10px;width:100px;
	display:none;
}
#newsEmailData label{
	width:210px;
}
.newsEmailData{
	clear:both;
	margin-bottom:15px;
}
#newsEmailData input{
	border:1px solid #cccccc;
	width:600px;
	padding:5px;
}
.mergetag{
	margin-left:15px;
	padding:6px;
	text-align:center;
	border:1px solid #b3b3b3;
	border-radius:3px;
	width:120px;
	cursor:pointer;
}
.spanLeft{
	float:left;
}
.labelLeft{
	float:left;
}
.redInput{
	color:red;
}

/* conditions **********************************/
.conditionMenuLinks{
	text-align:center;
	border:1px solid #b3b3b3;
	border-radius:3px;
	cursor:pointer;
	padding:5px;
	width:160px;
	font-size:18px;
	float:left;
	margin-right:15px;
	color:#568ca4;
}
.conditionMenuLinks:hover{
	color:#fff;
	background-color:#568ca4;
}
.conditionMenuLinks:hover > .conditionFa {
	color:#fff;
}
.conditionFa{
	font-size:18px;
	color:#8c8a8a;
}
.conditionFa:hover{
	color:#fff;
}
.conditionMenuLinksBig{
	text-align:center;
	border:1px solid #b3b3b3;
	border-radius:3px;
	cursor:pointer;
	padding:5px;
	width:260px;
	font-size:18px;
	margin-right:15px;
	color:#568ca4;
	margin-left:auto;
	margin-right:auto;
}
.conditionMenuLinksBig:hover{
	color:#fff;
	background-color:#568ca4;
}
.conditionMenuLinksBig:hover > .conditionFa {
	color:#fff;
}
.conditionHr2{
	border-top:2px solid #8c8a8a;
	float:left;
	width:75%;
}
.conditionHr3{
	border-top:2px solid #8c8a8a;
	float:left;
	width:69%;
}

.text-css {
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
	color: #8c8a8a;
	line-height: 1.3;
	padding: .4em 1.0em .3em .4em;
	width: 50%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	border-radius: .3em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
}
.select-css {
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
	color: #8c8a8a;
	line-height: 1.3;
	padding: .4em 1.0em .3em .4em;
	width: 50%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	border-radius: .3em;
	/*-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;*/
	background-color: #fff;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	color: #fffssss;
	outline: none;
}
.select-css option {
	font-weight:normal;
	border-bottom:1px solid grey;
}

.selectDivClass1{
	width:50%;
	border:1px solid #d3d3d3;
	overflow:hidden;
	border-radius:7px;
}
.selectLabel{
	width:150px;
	color:#8c8a8a;
	margin-left:25px;
	float:left;
}
.MainInput {
	box-sizing: border-box;
	font-size: 16px;
	border: none;
}
.vardDiv, .vardDiv2, .vardDiv3, .vardDivAction {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #d3d3d3;
	cursor:pointer;
}
.vardDiv:hover, .vardDiv2:hover, .vardDiv3:hover, .vardDivAction:hover {
	color: black;
	background-color:#f5f5f5;
}
.marginLeft45{
	margin-left:45px;
}

.select-css275 {
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
	color: #8c8a8a;
	line-height: 1.3;
	padding: .4em 1.0em .3em .4em;
	width:329px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	border-radius: .3em;
	/*-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;*/
	background-color: #fff;
}
.select-css275::-ms-expand {
	display: none;
}
.select-css275:hover {
	border-color: #888;
}
.select-css275:focus {
	border-color: #aaa;
	color: #fffssss;
	outline: none;
}
.select-css275 option {
	font-weight:normal;
	border-bottom:1px solid grey;
}


/*save template box*/
.saveTemplate{
	z-index:50;
	position:absolute;
	left:300px;
	top:250px;
	background-color:#eeeeee;
	border:2px solid grey;
	border-radius:4px;
	width:50%;
	height:300px;
	padding:10px;
	display:none;
}

.SmallerPage{
   -webkit-transform:scale(.65,0.55);
   -moz-transform:scale(.65,0.55);
   -ms-transform:scale(.65,0.55);
   transform:scale(.65,0.55);
   -ms-transform-origin:0 0;
   -webkit-transform-origin:0 0;
   -moz-transform-origin:0 0;
   transform-origin:0 0;
}

.pageHeader{
	width:200px;
	margin-top:15px;
}
.dblock{
	display: inline-block;
}

/* event box *************/
#eventBox, #editEventBox{
	position:absolute;
	z-index:300;
	background-color:#ffffff;
	min-height:400px;
	width:650px;
	top:150px;
	left:30%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}

/* finish box *************/
#finishBox, #saveTemplate, #finishBoxAuto, #finishBoxAutoGlobal, #finishBoxAff{
	position:absolute;
	z-index:300;
	background-color:#ffffff;
	min-height:400px;
	width:650px;
	top:50px;
	left:30%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}
#createEmailBox, #createEmailBoxAff{
	position:fixed;
	z-index:300;
	background-color:#ffffff;
	min-height:400px;
	width:60%;
	top:50px;
	left:20%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}
/*#editEmailBox{
	position:fixed;
	z-index:300;
	background-color:#ffffff;
	min-height:400px;
	width:60%;
	top:50px;
	left:20%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}*/
#editEmailBox {
	position: fixed;
	z-index: 300;
	background-color: #ffffff;
	max-height: 90vh; /* no more than 90% of viewport height */
	width: 60%;
	top: 50px;
	left: 20%;
	border: 1px solid white;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
}
/* send test box *************/
#sendTestBox{
	position:absolute;
	z-index:300;
	background-color:#ffffff;
	min-height:315px;
	width:650px;
	top:50px;
	left:30%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}
#sendTestBoxAuto, #sendTestBoxAff, #sendTestBoxTree{
	position:fixed;
	z-index:500;
	background-color:#ffffff;
	min-height:315px;
	width:650px;
	top:50px;
	left:30%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}
/* mergeTags *************/
#mergeTags, #mergeTags2{
	position:fixed;
	z-index:305;
	background-color:#ffffff;
	min-height:315px;
	width:650px;
	top:50px;
	left:30%;
	border:1px solid white;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81); 
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.81);
	overflow:hidden;
	display:none;
}

/* newsletter info page*/
.menuBarNews{
	float:left;
	cursor:pointer;
	margin-right:20px;
}
.menuBarNews:hover{
	color:#3399ff;
}
.newsViewEmail1{
	border:2px solid #cecece;
	border-radius:3px;
	overflow:hidden;
	width:60%;
	background-color:#fff;
	margin-top:10px;
	padding:10px;
}

.createEmail{
	float:left;
	margin-left:25px;
	width:150px;
	padding:5px;
	border:1px solid blue;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
}
/* mobile queries*********************************************************/
@media only screen and (max-width: 770px) {
  /* finish box *************/
  #finishBox, #saveTemplate, #sendTestBox, #mergeTags, #createEmailBox, #createEmailBoxAff, #mergeTags2, #sendTestBoxAuto, #sendTestBoxAff, #finishBoxAuto, #editEmailBox, #finishBoxAutoGlobal, #finishBoxAff, #eventBox, 
  #sendTestBoxTree, #editEventBox{
	width:98%;
	top:150px;
	left:3px;
  }
  .hideLabelEmail{
	display:none;
  }
  .createEmail{
	margin-left:0;
	margin-top:10px;
  }
  .newsViewEmail1{
	width:100%;
   }
  .menuBarNews{
	display: block;
	margin:0;
	width:350px;
	margin-bottom:5px;
  }
  .dblock{
	display: block;
  }
  .pageHeader{
	width:130px;
	margin-top:0px;
   }
  /*save template box*/
  .saveTemplate{
	width:95%;
	left:0px;
  }
  .select-css275{
	width:275px;
  }
  .marginLeft45{
	margin-left:0px;
  }
  .select-css {
	width: 90%;
  }
  .text-css {
	width: 90%;
  }
  .selectDivClass1{
	width:90%;
  }
  .selectLabel{
	width:150px;
	color:#8c8a8a;
	margin-left:0;
  }
  .conditionHr2{
	width:70%;
  }
  .conditionHr3{
	width:54%;
  }
  .conditionMenuLinks{
	margin-bottom:15px;
  }
  .mergetag{
	clear:both;
	margin:5px 0px 25px 0px;
	float:left;
  }
  #newsEmailData input{
	width:98%;
  }
  .tab{
	width: 100%;
  }
  .statsOuter{
	padding-top:10px;
  }
  .statusOuter{
	padding-top:5px;
  }
  .campaignHover{
 	width:95%;
	margin-left:15px;
  }
  #lastActivityOuter{
	width:250px;
	padding-top:10px;
  }
  #lastActivity, #statsHide{
	display:inline;
	color:#b3b3b3;
	font-size:14px;
  }
  .floatLeftCamp{
	float:none;
	padding-bottom:5px;
  }
  #campaignData, #autoData{
	margin:15px 0 0 0px;
  }
  #campHide{
	display:none;
  }
  .seedDiv{
	width:100%;
  }  
  .hideTd{
	 display:none;
  }
  #newsLetterMain, #goalsMain, #actionsMain{
	padding:2px;
	margin-left:0px;
	width:100%;
  }
  .newsSetup1{
	width:100%;
  }
  .newsSetupDiv{
	margin-left:7%;
  }
  .campaignBox {
	width:170px;
  }
  #header{
	border-bottom:0;
  }
  .campaignTopic {
	width:170px;
	text-align:center;
	margin-left:25%;
  }
  #leftcontent, #headerImageVertical, #headerImage, #headerSite, #headerLogo, #sbgShow, #login, .breadHide{
	display:none;
  }
  .headerMenu2{
	font-size:14px;
  }
  .headerMenu2 table td{
	padding:7px;
	margin:0;
  }

  .headerMenu1{
	float:left;
	margin-right:0;
  }

  #header{
	height:50px;
	clear:both;
  }
  #headertop{
	height:50px;
	clear:both;
  }

  #leftcontentMobile{
	position:absolute;
	display:inline-block;
	left:5px;
  }
  #login2{
	position:absolute;
	display:inline-block;
	left:50px;
  }

  #mMenu{
	display:inline-block;
	position:absolute;
	right:10px;
	/*padding-left:90px;*/
  }

  #rightcontent{
	width:100%;
  }

  .dragWidth, #capEdit{
	margin-left:5px;
  }

  #dragEditTable table td input{
	width:100px;
  }
  #leadLeft{
	float:left;
	width:100%;
  }
  #rightLead{
	width:100%;
  }
  #h3Email{
	font-size:14px;
  }

  .seedContainer{
	margin-left:10%;
  }

}