/* Email >  templates */
body {
	background-color:#E8E9EB;
}

.hidden_arrow, .hidden_menu {
	display:none;
}
#new_folder_button {
	width:260px;
	height:52px;
	margin-top:-37px;
	cursor:pointer;
	background:url('/images/campayn/new_folder.png') 0px 0px no-repeat;
}
#new_folder_button:hover {
	background-position:0px -52px;
}
#templates_folders {
	float:left;
	padding-top:28px;
	padding-left:5px;
}
.folder_container {
 position:relative;
 width:120px;
 height:135px;
 float:left;
 margin-right:5px;
 margin-bottom:35px;
}
#folder {
	width:120px;
	height:135px;
	float:left;
	color:#000;
	margin-right:5px;
	margin-bottom:35px;
}
#folder:hover  .folder_name {
	color:#003CFF;
	text-decoration:underline;
	cursor:pointer;
}
#folder .folder_img {
	position:relative;
	width:120px;
	height:100px;
  border:1px solid #fff;
}
#folder .folder_img.clear_icon {
  background:url('/images/campayn/folder_clear.png') 28px 20px no-repeat;
}
#folder .folder_img.folder_icon_users {
  background:url('/images/campayn/folder_icon_users.png') 28px 20px no-repeat;
}
.folder_container:hover #folder .folder_img {
	background-color:#F4FAF5;
	border:1px solid #ececec;
}
.folder_container:hover .hidden_arrow {
	display:block;
}
.folder_container .hidden_arrow {
	position:absolute;
	top:45px;
	left:93px;
	width:22px;
	height:21px;
	cursor:pointer;
	background:url('/images/campayn/arrow_bottom.gif') 0px 0px no-repeat;
}
.folder_container .hidden_arrow:hover {
	background-position:-22px 0px;
}
.folder_container .hidden_menu {
	position:absolute;
	top:65px;
	left:80px;
	width:170px;
	background:#fff;
	border:1px solid #bfbfbf;
	z-index:10;
}
.folder_container .hidden_menu .menu_item {
	height:19px;
	color:#a6a6a6;
	display:block;
	font-size:12px;
	padding:7px 0px 0px 10px;
}
.folder_container .hidden_menu .menu_item:hover {
	background:#F4FAF5;
	color:#003CFF;
	text-decoration:underline;
	cursor:pointer;
}
#folder .folder_name {
	text-align:center;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
}
#folder .count_items {
	text-align:center;
	padding-top:3px;
	font-size:12px;
	color:#bfbfbf;
}

/* View folder */
#templates_view {
	float:left;
	padding-top:30px;
	padding-left:0px;
}

#template {
	width:284px;
	float:left;
	position:relative;
	height:101px;
	border:1px solid #ececec;
	padding:12px;
	margin:0px 10px 20px 0px;
}
#template:hover {
	background-color:#F4FAF5;
}
#template .hidden_arrow {
	position:absolute;
	top:10px;
	left:277px;
	width:22px;
	height:21px;
	cursor:pointer;
	background:url('/images/campayn/arrow_bottom.gif') 0px 0px no-repeat;
}
#template .hidden_arrow:hover {
	background:url('/images/campayn/arrow_bottom.gif') -22px 0px no-repeat;
}
#template:hover .hidden_arrow {
	display:block;
}
#template .image_placeholder_main img#fullimg {
    width: 90px;
    height: 90px;
    border: 5px solid #ffffff;
    margin-top: 8px;
}
#template .hidden_menu {
	position:absolute;
	top:30px;
	left:265px;
	width:170px;
	background:#fff;
	border:1px solid #bfbfbf;
	z-index:10;
}
#template .hidden_menu .menu_item {
	height:19px;
	font-size:12px;
	display:block;
	color:#a6a6a6;
	padding:7px 0px 0px 10px;
}
#template .hidden_menu .menu_item:hover {
	background:#F4FAF5;
	color:#003CFF;
	text-decoration:underline;
	cursor:pointer;
}
.image_placeholder_main {
	width:43px;
	height:43px;
	float:left;
	cursor:pointer;
	background:#fff;
	border:1px solid #808080;
	padding:3px 0px 0px 3px;
}
#continue_button {
	width:80px;
	clear:right;
	float:right;
	cursor:pointer;
	height:25px;
	background:url('/images/campayn/continue_button.png') 0px 0px no-repeat;
}
#continue_button:hover {
	background-position: 0px -25px;
}
#template:hover .template_name {
	color:#003CFF;
	text-decoration:underline;
	cursor:pointer;
}
.template_name {
	width:150px;
	float:left;
	margin:2px 0px 0px 10px;
	font-size:14px;
	font-weight:bold;
}
.stack_mail {
	float:right;
	height:12px;
	margin:40px 3px 20px 0px;
	font-size:12px;
	color:#bfbfbf;
}
/********** Pop up  **************/
.popUpContainer { display:none; }
.deny {
	background:url('/images/campayn/opacity20.png') 0px 0px;
}
a.campaign,
a.auto_responce,
a.single_email {
  background: transparent url("/images/campayn/pop_up_images.png") 0 0 no-repeat;
  height: 25px;
  float:left;
  display: block;
}
a.add_to_campaign, a.one_time_job, a.single_email {
  background: transparent url("/images/campayn/pop_up_images2.png") 0 0 no-repeat;
  height: 25px;
  float:left;
  display: block;
}
a.add_to_campaign {
	width:106px;
  margin-left: 15px;
}
a.add_to_campaign:hover {
	background-position:0px -25px;
}
a.one_time_job {
	width:106px;
	background-position:-105px 0px;
}
a.one_time_job:hover {
	background-position:-105px -25px;
}
a.single_email {
	width:95px;
	background-position:-210px 0px;
}
a.single_email:hover {
	background-position:-210px -25px;
}
a.campaign {
	width:85px;
  margin-left: 30px;
}
a.campaign:hover {
	background-position:0px -25px;
}
a.auto_responce {
	width:105px;
	background-position:-84px 0px;
}
a.auto_responce:hover {
	background-position:-84px -25px;
}
.add_folder_hidden {
	float:left;
	padding:30px 0px 10px 0px;
	display:none;
}
input.new_folder {
	width:248px;
	float:left;
	line-height:26px;
	height:26px;
	margin:0px 0px 20px 35px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#a6a6a6;
}
input.save_button {
	clear:left;
	float:left;
	width:80px;
	margin-left:35px;
	border:0px;
	height:27px;
	background:url('/images/campayn/save_button_small.png') 0px 0px no-repeat;
}
input.save_button:hover {
	background-position:0px -27px;
	cursor:pointer;
}
.attention {
  color: #808080;
	text-align:left;
	font-size:12px;
	padding:10px;
}
.deleting_templates {
  color: #808080;
	font-size:12px;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	text-align:left;
}
a.delete {
	width:64px;
	height:25px;
	float:left;
	margin-left:110px;
	background:url('/images/campayn/delete_button.png') 0px 0px no-repeat;
}
a.delete:hover {
	background-position:0px -25px;
}
a.cancel {
	color:#bfbfbf;
	font-size:12px;
	float:left;
	margin:5px 0px 0px 10px;
}
a.cancel:hover {
	color:#0000FF;
	text-decoration:underline;
}

/*****   Templates tab   ******/

#templates_content {
	min-height:800px;
}

#buildFromScrach {
	float:left;
	width:225px;
	height:310px;
	margin:0px 5px 11px 6px;
}

#buildFromScrach .innerHolder {
	width: 218px;
	height: 302px;
	margin: 4px 0px 0px 4px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(37, 43, 47, 1);
	-moz-box-shadow:    0px 0px 0px 1px rgba(37, 43, 47, 1);
	box-shadow:         0px 0px 0px 1px rgba(37, 43, 47, 1);
}

#buildFromScrach div.title {
	clear:both;
	width:218px;
	height:62px;
	margin:0px;
	padding-bottom:7px;
	text-align:center;
	text-transform:uppercase;
	color:#252B2F;
	display:table-cell;
	vertical-align:middle;
	font-family:Roboto;
	font-size:18px;
	line-height:18px;
	font-weight:700;
}

#buildFromScrach div.easiest {
	height:32px;
	font-size:16px;
	text-align: center;
	background-color: #71AA60;
	color: #FFF;
	text-transform: uppercase;
	font-family:Roboto;
	line-height: 32px;
}

#buildFromScrach img {
	margin:auto;
	display:block;
}

#buildFromScrach .startBtn {
	display:block;
	height:40px;
	margin-top:5px;
	text-align: center;
}

#buildFromScrach .startBtn span {
	margin-right:0px;
}

#useHtml,
#useSimpleText {
	float:left;
	width:225px;
	height:310px;
	margin:0px 5px 11px 6px;
}

#useHtml .innerHolder,
#useSimpleText .innerHolder {
	width: 218px;
	height: 302px;
	margin: 4px 0px 0px 4px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(37, 43, 47, 1);
	-moz-box-shadow:    0px 0px 0px 1px rgba(37, 43, 47, 1);
	box-shadow:         0px 0px 0px 1px rgba(37, 43, 47, 1);
}

#useHtml div.title,
#useSimpleText div.title {
	clear:both;
	width:218px;
	height: 75px;
	padding-top: 25px;
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	color:#252B2F;
	display:table-cell;
	vertical-align:middle;
	font-family:Roboto;
	font-size:18px;
	line-height:18px;
	font-weight:700;
}

#useHtml img,
#useSimpleText img {
	margin:auto;
	display:block;
}

#useHtml .startBtn,
#useSimpleText .startBtn {
	display:block;
	height:40px;
	margin-top:5px;
	text-align: center;
}

#useHtml .startBtn span,
#useSimpleText .startBtn span {
	margin-right:0px;
}

#templates_content .templateBorder,
#categoriesContent .templateBorder {
	float:left;
	position:relative;
	width:225px;
	height:310px;
	margin:0px 5px 11px 6px;
}

#templates_content .templateBorder:hover,
#categoriesContent .templateBorder:hover {
	background-color:#252B2F;
}

#templates_content .template,
#categoriesContent .template {
	overflow:hidden;
	position:relative;
	width:217px;
	height:302px;
	margin:4px 0px 0px 4px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(37, 43, 47, 1);
	-moz-box-shadow:    0px 0px 0px 1px rgba(37, 43, 47, 1);
	box-shadow:         0px 0px 0px 1px rgba(37, 43, 47, 1);
}

#templates_content .template .imgWrp {
	width:178px;
	height:287px;
	margin:15px 0px 0px 20px;
	overflow:hidden;
}

#templates_content .template img {
	width:178px;
	height:auto;
}

/* Template hover */

#templates_content .template:hover .hover,
#categoriesContent .template:hover .hover,
#templates_content .template:hover .redDropdownArrow {
	display:block;
}

#templates_content .template .hover,
#categoriesContent .template .hover {
	display:none;
	position:absolute;
	cursor:pointer;
	top:4px;
	left:4px;
	width:217px;
	height:302px;
	z-index:2;
}

.template .hover .previewTemplateBtn,
.template .hover .viewCategoryBtn,
.template .hover .selectTemplateBtn {
	margin-top:245px;
	font-family:Roboto;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	display:table;
}

#templates_content .template .hover .previewTemplateBtn,
#categoriesContent .template .hover .viewCategoryBtn {
	height:35px;
	float:left;
	margin-left:11px;
}

#templates_content .template .hover .selectTemplateBtn {
	height:35px;
	float:left;
}

#categoriesContent .template .hover .viewCategoryBtn {
	float:right;
	margin-right:20px;
}

#templates_content .template .hover span,
#categoriesContent .template .hover span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	-webkit-padding-before:2px;
}

.templateBorder .redDropdownArrow {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
}

.templateBorder .dropdownHolder {
	top:50px;
}

/* end of Template hover */

/* small mobile preview */

#templates_content .template .mobileHolder {
	position:absolute;
	bottom:0px;
	right:11px;
	width:82px;
	height:130px;
	overflow:hidden;
	z-index:1;
	background: url('/images/campayn/new_2014/mobileFrameSmall.png') no-repeat 0px 0px;
	background-size:82px 160px;
	-webkit-background-size:82px 160px;
	-moz-background-size:82px 160px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border-top-right-radius:8px;
	border-top-left-radius:8px;
}

#templates_content .template .mobileHolder .mobileImgWrapper {
	margin:0px auto;
	margin-top:21px;
	width:72px;
	height:110px;
	overflow:hidden;
	z-index:1;
}

#templates_content .template .mobileHolder .mobileImgWrapper img {
	width:72px;
	height:auto;
}

/* end of small mobile preview */

/****** Category start *****/

#categoriesContent .template .categoryTitle {
	display:table;
	width:217px;
	height:140px;
	text-align:center;
	background-color:#1D8EC6;
}

#categoriesContent .template .categoryTitle p {
	display:table-cell;
	vertical-align:middle;
	padding:0px 33px;
	font-family:Roboto;
	font-weight:700;
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	color:#ffffff;
}

#categoriesContent .template .categoryDescription {
	width:100%;
	height:147px;
}

#buildFromScrach .buildDesc {
	display:block;
	height:95px;
	text-align:left;
	text-transform:none;
}

#buildFromScrach .buildDesc p,
#categoriesContent .template .categoryDescription p {
	margin:15px;
	font-family:Roboto;
	font-weight:400;
	font-size:14px;
	line-height:18px;
	color:#252B2F;
}

#buildFromScrach .buildDesc p {
	margin-top: 18px;
}

#useHtml .buildDesc,
#useSimpleText .buildDesc {
	display:block;
	height:95px;
	text-align:left;
	text-transform:none;
}

#useHtml .buildDesc p,
#useSimpleText .buildDesc p,
#categoriesContent .template .categoryDescription p {
	margin:15px;
	font-family:Roboto;
	font-weight:400;
	font-size:14px;
	line-height:18px;
	color:#252B2F;
}

#useHtml .buildDesc p,
#useSimpleText .buildDesc p {
	margin-top: 15px;
}

.categoriesSelectHolder {
	display:none;
	position:absolute;
	top:35px;
	right:0px;
}

.categoriesSelectHolder .chzn-container {
	width:250px !important;
}

.categoriesSelectHolder .chzn-container .chzn-drop {
	width:248px !important;
}

#templates_content .categoriesUpperDesc {
	display:none;
	margin-bottom:50px;
	font-family:Roboto;
	font-weight:400;
	font-size:14px;
	line-height:18px;
	color:#52636F;
}

.templatesUpperSpacer {
	display: none;
	height:50px;
}

/****** Category end *****/

#templates_content .template .optArrow { visibility:hidden; background: url("/images/campayn/new_2013/icons/arrow_bottom.png") no-repeat 0 0; position:absolute; height: 21px;  width: 21px; right:10px; top:10px; display:none; }

#templates_content .template .optArrow:hover { background-position:-21px 0px; cursor:pointer; }

#templates_content .template input[type=checkbox] { position:absolute; top:6px; left:6px; visibility:visible; display:none; }

#templates_content .template .optBox { display:none; background-color: #FFFFFF;  border: 1px solid #B1B1B1;  position: absolute;  width: 135px; left:155px; top:31px; z-index:200; }

#templates_content .template .optBox a { color: #4D4D4D;  height: 17px; font-size: 12px; display:block;  padding: 8px 10px 0; }

#templates_content .template .optBox a:hover { background:#4988C8; color: #FFFFFF;  text-decoration: none; }

#templates_content .template:hover { cursor:pointer; }

#templates_content .template:hover  input[type=checkbox], #templates_content .template:hover .optArrow { visibility:visible; } 

#templatePreview { z-index:200; display:none; position:fixed; top:50%; left:50%; width:480px; height:580px; margin:-290px 0px 0px -240px; background:url('../images/campayn/opacity75.png') repeat; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#templatePreview #closePopup { position:absolute; top:-13px; right:-13px; margin:0px; }

#templatePreview .inside { width:450px; height:550px; margin:15px 0px 0px 15px; background:#fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

#imageArea { float:left; width:450px; overflow-y:scroll; overflow-x:hidden; height:500px; }

#imageArea img { position:relative; z-index:11; }

#imageArea .loadingImage { position:absolute; top:50%; left:50%; margin:-40px 0px 0px -20px; z-index:10; width:40px; height:40px; background:url('../images/loader_40x40.gif'); }

#selectButton { float:left; margin:12px 0px 0px 18px; border:none; width:72px; height:25px; background:url('../images/campayn/select_button_new.png') 0px 0px no-repeat; }

#selectButton:hover { background-position:0px -25px; cursor:pointer; }

#templatePreview .downloadFiles { float:left; margin:18px 0px 0px 15px; display:block; width:140px; color:#A6A6A6; font-size:12px; text-decoration:underline;}

#templatePreview .downloadFiles:hover { cursor:pointer; text-decoration:none;}

#templatePreview .prevNext { float:left; margin:15px 0px 0px 60px; }

.prevNext .prev, .prevNext .next { font-size:12px; font-weight:bold; color:#a6a6a6; line-height:15px; background:url('../images/campayn/pagination_arrows.png') 0px 0px no-repeat; }

.prevNext .prev { padding-left:12px; }

.prevNext .next { padding-right:12px; background-position:right -14px; }

.prevNext .prev:hover { background-position:0px -30px; color:#0000FF; cursor:pointer; }

.prevNext .next:hover { background-position:right -44px; color:#0000FF; cursor:pointer; }

/* drop down menu on email tab */

#email_content .greenselect { font-size:12px; left:592px; top:43px; margin:0px; }

.downloadingFiles{top:100px;left:30px;z-index:100;display:block;position:absolute; background-image:url('/images/campayn/downloading_psd_files.png'); width:400px;height:210px;background-position:50% 50%; background-repeat:no-repeat;}

.highResButton {
	height:35px;
}

#loading_overlay { background:#f6f7f8; clear:both; text-align:center; font-size: 20px; font-weight: bold; color:#959ea6; height: 70px; line-height: 70px;}
#loading_overlay img { margin:0 10px -10px 0; }

.campaynROIData{
	height:70px;
	background-color:#52636F;
	margin-bottom:20px;
}

.campaynROIData div{
	float:left;
	width:calc(100% / 3);
	height:70px;
	position:relative;
}

.campaynROIData .monthRoiText{
	color:#B0BAC3;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400;
	padding-top: 20px;
	display: inline-block;
	margin-left:20px;
}

.campaynROIData .monthRoiNumber{
	position:absolute;
	top:23px;
	left:70px;
	color:#ffffff;
	width:120px;
	text-align:right;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 400;
}

.campaynROIData .monthRoiNumber .roiDolarSign{
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
	
}

/* Rewards Start */
.rewardContainer{
	width:658px;
	background-color:#252B2F;
	margin-bottom:20px;
	padding-bottom:60px;
	position:relative;
	overflow:hidden;
}

.rewardContainer .rewardTopNav{
	height:50px;
}

.rewardContainer .rewardTopNav div{
	display:table-cell;
	font-family:Roboto;
	font-size:14px;
	font-weight:400;
	color:#52636F;
	height:50px;
	vertical-align:middle;
	width:240px;
	padding:0px 0px 50px 20px;
	padding-left:20px;
}

.rewardContainer .rewardTopNav div span{
	cursor:pointer;
}

.rewardContainer .closeReward {
	width:25px;
	height:25px;
	cursor:pointer;
	background:url(/images/campayn/X_light_25.png) 0 0 no-repeat;
	position:absolute;
	top:12px;
	right:12px;
}

.rewardContainer .closeReward:hover {
	background:url(/images/campayn/X_dark_25.png) 0 0 no-repeat;
}

.rewardContainer h2.rewardDaysRemaining {
	font-family:Roboto;
	font-size:36px;
	font-weight:100;
	color:#8092A2;
	text-align:center;
	text-transform:uppercase;
	margin:30px 0px;
}

.rewardContainer h2.rewardDaysRemaining p {
	font-family:Roboto;
	font-size:13px;
	font-weight:300;
	color:#52636F;
}

.rewardContainer p.rewardText {
	font-family:Roboto;
	font-size:18px;
	font-weight:400;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	padding:0px 20px;
}

.rewardContainer #getReward,
.rewardContainer #emailOffer {
	display:block;
	font-family:'Roboto Condensed', Roboto;
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	background-color:#71B35D;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:190px;
	padding:15px 10px;
	margin:40px auto 0px auto;
	cursor:pointer;
}

.rewardDaysContainer,
.rewardMissedContainer {
	display:none;
	width:658px;
	height:270px;
	background-color:#252B2F;
	padding-bottom:60px;
	position:absolute;
	top:0px;
	left:-658px;
}

.rewardDaysContainer .backToRewards,
.rewardMissedContainer .backToRewards {
	width:50px;
	height:50px;
	display:block;
	background: url('/images/campayn/new_2014/editor/editor_arrows.png') 0px 0px no-repeat;
	cursor:pointer;
}

.rewardDaysContainer .backToRewards:hover,
.rewardMissedContainer .backToRewards:hover {
	background-position:0px -50px;
}

.rewardMissedContainer ul {
	width:640px;
	height:130px;
	overflow:auto;
}

.rewardMissedContainer ul li {
	font-family:Roboto;
	font-size:18px;
	font-weight:400;
	color:#52636F;
	line-height:26px;
	list-style-type:disc;
	margin-left:60px;
	padding-right:20px;
}

.inviteFriend input {
	width:458px;
	height:50px;
	display:block;
	margin:30px auto 20px auto;
	padding:0px 10px;
	font-family:Roboto;
	font-size:18px;
	font-weight:400;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#ffffff;
}

.inviteFriend div {
	width:456px;
	margin:0px auto;
	padding:7px 12px 20px 12px;
	font-family:Roboto;
	font-size:18px;
	font-weight:400;
	line-height:28px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#ffffff;
}

.rewardContainer #emailOffer {
	float:right;
	margin:20px 90px 0px 0px;
}

/* Rewards End */

.emailSwitcherHolder {
	display:table;
	width:100%;
	margin-bottom:20px;
}

.emailSwitcherHolder div {
	position:relative;
	display:table-cell;
	width:50%;
	height:50px;
	vertical-align:middle;
	text-align:center;
	text-transform:uppercase;
	font-family:Roboto;
	font-weight:500;
	font-size:14px;
	color:#E8E9EB;
	background-color:#B0BAC3;
	cursor:pointer;
}

.emailSwitcherHolder div:hover,
.emailSwitcherHolder div.activeSwitcher {
	color:#FFFFFF;
	background-color:#8092A2;
}

.emailSwitcherHolder div a#workflowsButtonV2,
.emailSwitcherHolder div a#showHideButton,
.emailSwitcherHolder div a#showHideButtonArs {
	position:absolute;
	top:17px;
	right:10px;
	padding: 2px 4px;
	border: 1px solid #B0BAC3;
	border-radius: 3px;
	color: #B0BAC3;
	font-family: Roboto;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
}

.emailSwitcherHolder div a#workflowsButtonV2,
.emailSwitcherHolder div a#showHideButton:hover,
.emailSwitcherHolder div a#showHideButtonArs:hover {
	border: 1px solid #E8E9EB;
	color: #E8E9EB;
}

.emailSwitcherHolder div.emailSwitchArs.activeSwitcher a#workflowsButtonV2,
.emailSwitcherHolder div.emailSwitchArs:hover a#workflowsButtonV2 {
	border: 1px solid #B0BAC3;
	color: #B0BAC3;
}

.emailSwitcherHolder div a#workflowsButtonV2 {
	display: block !important;
}

.emailSwitcherHolder div a#workflowsButtonV2:hover {
	border: 1px solid #FFFFFF !important;
	color: #FFFFFF !important;
}

/* *************************** Autoresponders *************************** */

.listArName {
	position: relative;
	height: 50px;
	background-color: #52636F;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.listArName p {
	position: absolute;
	top: 20px;
	left: 20px;
	font-family: Roboto;
	font-weight: 700;
	font-size: 12px;
	color: #FFF;
}

.listArName a {
/*	top: 7px;
	right: 10px;
	margin-right:0px;*/
	float: right;
	margin-top: 7px;
}

.listRuleName {
	position: relative;
	height: 50px;
	background-color: #FCB629;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.listRuleName p {
	position: absolute;
	top: 20px;
	left: 20px;
	font-family: Roboto;
	font-weight: 700;
	font-size: 12px;
	color: #FFF;

}

.listArName a.autoresponderAddButton {
	float: right;
	margin-top: 7px;
	margin-right: 10px;
	position:static !important;
}

.listRuleName a.ruleSaveButton {
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}

.listRuleName a.ruleCloseButton {
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}

.listRuleName a.ruleEditButton {
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}

.listRuleName a.removeRuleButton {
	float:right;
	margin-top:17px;
	margin-right:10px;
	padding: 2px 4px;
	border: 1px solid #ffffff;
	border-radius: 3px;
	color: #ffffff;
	font-family: Roboto;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.listRuleName a.removeRuleButton:hover {
	color:#000;
	border-color:#000;
}

.listArName a.addRuleButton {
	float:right;
	margin-top:17px;
	margin-right:10px;
	padding: 2px 4px;
	border: 1px solid #FCB629;
	border-radius: 3px;
	color: #FCB629;
	font-family: Roboto;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.listArName a.addRuleButton:hover {
	color:#FFF;
	border-color:#FFF;
}

.singleAutoresponder {
	position:relative;
	border:1px solid #d1d7dc;
	background-color:#ffffff;
	margin-bottom:20px;
}

.singleAutoresponder:hover {
	background-color:#f6f7f8;
	cursor:pointer;
}

.singleAutoresponder .arThumbHolder {
	width:150px;
	height:237px;
	float:left;
	position:relative;
	padding:10px 15px 0px 15px;
	margin-right:20px;
}

.singleAutoresponder .arThumbHolder:hover .thumbPreviewButton {
	display:table-cell;
}

.singleAutoresponder .arThumbHolder .arImageHolder {
	overflow:hidden;
	height:100%;
}

.singleAutoresponder .arThumbHolder img {
	width:160px;
	height:auto;
}

.thumbPreviewButton div {
	display:table-cell;
	vertical-align:middle;
	width:178px;
	height:48px;
}

.singleAutoresponder .arPlaceNumber {
	font-family:bebasneue;
	font-size:26px;
	width:49px;
	padding-top:11px;
	padding-bottom:11px;
	display:block;
	float:left;
	text-align:center;
	color:#99A7B0;
	border:1px solid #99A7B0;
	margin-right:20px;
}

.singleAutoresponder .arTimeAndName {
	margin-top:12px;
	width:250px;
	display:inline-block;
}

.arTimeAndName .autoresponderName {
	font-family:Roboto;
	font-size:18px;
	font-weight:700;
	margin-bottom:7px;
	color:#393D41;
}

.arTimeAndName .autoresponderTime {
	font-family:Arial;
	font-size:12px;
}

.singleAutoresponder .arDraftPlaceholder {
	color: #AE1F17;
	font-family: bebasneue;
	font-size: 26px;
	font-weight: normal;
	float: right;
	margin-top: 10px;
}

.singleAutoresponder .arDraftPlaceholder a {
	color: #AE1F17;
}

.arResponces, .activityOverview {
	clear:both;
	position:absolute;
	top:90px;
	left:230px;
}

.arResponces .arNameDesc, .activityOverview .arNameDesc {
	position:absolute;
	top:110px;
	left:-1px;
	font-family:Roboto;
	font-size:15px;
	font-weight:700;
	width:112px;
	text-align:center;
}

.ruleLock {
	display:inline-block;
	background-image: url('../images/campayn/new_2016/rulelock.png');
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	position: absolute;
    top: 14px;
    left: 10px;
}

.ruleLockLabel {
	margin-left: 15px;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
	float: left;
	margin-right: 20px;
	position: relative;
	width: 106px;
	height: 106px;
	border-radius: 50%;
	border:2px solid #ffffff;
}

/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
	position: absolute;
	width: 86px;
	height: 86px;
	background-color: #393D41;
	color:#ffffff;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	line-height: 70px;
	font-size: 34px;
	font-family: bebasneue;
}

.overlay .numberHolder {
	margin-top:0px;
	position:relative;
}

.numberHolder .arPercent {
	position:absolute;
	top:-6px;
	left:65px;
	font-family:Roboto;
	font-size:14px;
	font-weight:400;
	color:#52636F;
}

.numberHolder .totalNumber {
	width:100%;
	position:absolute;
	top:52px;
	left:0px;
	font-family:Roboto;
	font-weight:400;
	font-size:13px;
	line-height:100%;
	color:#8092A2;
	text-align: center;
}

/* *************************** end of Autoresponders *************************** */

.hideArHolder {
	display:none;
	position:absolute;
	top:7px;
	right:15px;
	height:20px;
}

.hideArHolder input {
	float:left;
}

.hideArHolder label {
	float:right;
	margin:4px 0px 0px 6px;
	font-size:12px;
	font-weight:normal;
	color:#7d8790;
	cursor:pointer;
}

.singleAutoresponder:hover .hideArHolder {
	display:block;
}

/***** Email on hold popup start *****/

.emailOnHoldMain h2 {
	width: 100%;
	padding: 34px 0px 37px;
	font-family: Roboto;
	font-weight: 300;
	font-size: 29px;
	color: #1D8EC6;
	text-align: center;
	text-transform: capitalize;
}

.emailOnHoldMain p {
	padding:20px 50px 50px 50px;
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	line-height:20px;
	color:#000000;
}

.emailOnHoldMain div {
	background-color:#E8E9EB;
	text-align:center;
}

.emailOnHoldMain div a {
	margin:17px;
}

/***** Email on hold popup end *****/

span.highlight {
  display: inline !important;
  font-size: inherit !important;
  font-weight: bold !important;
  background-color: #00FF5C !important;
}

/* List rules */
div.listRule {
	z-index: 2;
	position: relative;
}

div.listRuleContents {
	border: 2px solid #FCB629;
	margin-bottom:20px;
	margin-top:-20px;
	padding:20px;
	background-color:#fff;
	line-height: 2.5em;
}

div.ruleLabel {
	font-weight:bold;
	font-size:11pt;
	min-width:150px;
	display:inline-block;
	vertical-align: top;
}

div.ruleLabelFirst {
	position:absolute;
	z-index:0;
}

select.ruleCombo {
	width:220px;
}

select.ifOrCombo {
	width:75px;
}

div.sepLine {
	border-bottom:1px solid #CCC;
	margin-top:10px;
	margin-bottom:10px;
}

div.comboPeriod {
	display:none;
}

span.comboEmail {
	display:none;
}

div.comboLinks {
	display:none;
}

span.comboContactList {
	display:none;
}

div.emailSenderAction {
	display:none;
}

textarea.actionMessageContents {
	width: 430px;
	margin-left: 154px;
	height: 120px;
	padding:10px;
}

span.ruleActionListLoading {
	display:none;
}

div.ruleLinksLoading, div.ruleCustomFieldsLoading {
	display:none;
}

div.listRuleContents {
	display: none;
}

div.floatingCloseButton {
	display:none;
	/*display:inline-block;*/
	position: absolute;
	margin-left: -30px;
	opacity:0.7;
}

div.floatingCloseButton:hover {
	opacity:1;
}

div.ruleCover {
	background-color: black;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	opacity: 0.8;
	text-align:center;
}

div.ruleCoverText {
	font-size:18pt;
	color:white;
	margin-top:40px;
}

div.delaySelect {
	background-color:#52636F;
	min-width: 200px;
	min-height: 100px;
	margin-left: 154px;
	margin-bottom: 10px;
	display:none;
}

div.delaySelectContents {
	color: #FFF;
	padding: 20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

div.delaySelectContents>input {
	width: 50px;
	text-align: center;
	font-size: 14pt;
	padding: 5px;
	border-radius: 5px;
	margin-bottom:5px;
}

div.delaySelectContents>a {
	margin-right: 0 !important;
}

div.delaySelectContents > div.delayContentsTitle {
	font-size:10pt;
	font-family: Roboto;
	text-transform: uppercase;
}

div.delaySelect:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 19px 18px;
	border-color: #52636F transparent;
	display: block;
	width: 0;
	margin-top: -18px;
	z-index: 2;
}

div.comboCustomFields {
	display:none;
}

input.customFieldsValue {
	width: 210px;
	height: 27px;
	vertical-align: top;
}

input.customFieldsValueLarge {
	width: 434px;
	height: 27px;
	vertical-align: top;
}

div.mergeComboContainer:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 19px 18px;
	border-color: #AAAAAA transparent;
	display: block;
	width: 0;
	margin-top: -18px;
	z-index: 2;
}

div.mergeComboContainer {
	margin-left: 154px;
}

/* ################### Workflows start - Obsolete since the new WF Builder June 2017 ################### */

.singleWorkflow {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 252px;
	min-height: 229px;
	margin: 0px 6px 20px 6px;
	padding: 22px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	border: 1px solid #cccccc;
	border-radius: 8px;
	background-color: #ffffff;
	text-align: left;
}

.workflowTrial {
	opacity:0.5;
}

.singleWorkflow .wfPeople {
	color: #999999;
}

.singleWorkflow .wfPeople .wfPeopleCount {
	width: 182px;
	margin-top: 5px;
	float: left;
}

.singleWorkflow .wfPeople .wfImage {
	width: 34px;
	height: 34px;
	float: right;
}

.singleWorkflow .wfPeople .wfImage.wfImage_welcome {
	background: url('/images/pathwayport/wf_icons.svg') -47px 0px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_prospects {
	background: url('/images/pathwayport/wf_icons.svg') 2px 1px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_lost_clients {
	background: url('/images/pathwayport/wf_icons.svg') -187px -75px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_referral {
	background: url('/images/pathwayport/wf_icons.svg') -91px 1px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_birthday {
	background: url('/images/pathwayport/wf_icons.svg') -141px 3px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_newsletter {
	background: url('/images/pathwayport/wf_icons.svg') -186px 2px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_policy_renewal_auto {
	background: url('/images/pathwayport/wf_icons.svg') 3px -37px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_policy_renewal_home {
	background: url('/images/pathwayport/wf_icons.svg') -45px -35px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_cross_sell_home_no_auto,
.singleWorkflow .wfPeople .wfImage.wfImage_cross_sell_auto_no_home {
	background: url('/images/pathwayport/wf_icons.svg') 3px -73px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_online_review {
	background: url('/images/pathwayport/wf_icons.svg') -92px -37px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_custom_date_business_anniversary {
	background: url('/images/pathwayport/wf_icons.svg') -93px -73px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_weather_alerts {
	background: url('/images/pathwayport/wf_icons.svg') -141px -75px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_blog,
.singleWorkflow .wfPeople .wfImage.wfImage_rss {
	background: url('/images/pathwayport/wf_icons.svg') -190px -35px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImage_claims {
	background: url('/images/pathwayport/wf_icons.svg') -136px -35px no-repeat;
}

.singleWorkflow .wfPeople .wfImage.wfImagePowerBroker:before {
	content: "PB";
}

.singleWorkflow .wfPeople .wfImage.wfImageTAM:before {
	content: "TAM";
}

.singleWorkflow .wfPeople .wfImage.wfImageSIGXP:before {
	content: "SIGXP";
}

.singleWorkflow .wfPeople .wfImage.wfImageTBW:before {
	content: "TBW";
}

.singleWorkflow .wfPeople .wfImage.wfImageTBW,
.singleWorkflow .wfPeople .wfImage.wfImageSIGXP,
.singleWorkflow .wfPeople .wfImage.wfImageTAM,
.singleWorkflow .wfPeople .wfImage.wfImagePowerBroker {
	font-family: Roboto;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	color: #4C86C8;
	background: #ffffff;
}

.singleWorkflow .wfPeople .wfImage.wfImageTBW,
.singleWorkflow .wfPeople .wfImage.wfImageTAM {
	width: 50px;
}

.singleWorkflow .wfPeople .wfImage.wfImageSIGXP {
	width: 65px;
}

.singleWorkflow .wfClear {
	clear: both;
}

.singleWorkflow p.wfTitle {
	margin: 15px 0px 25px 0px;
	font-size: 18px;
	font-weight: 700;
	color: #252B2F;
}

.singleWorkflow p.wfDescription {
	color: #252B2F;
}

.singleWorkflow .wfButton {
	position: absolute;
	bottom: 22px;
	left: 22px;
}

.wfCheckboxWrapper {
	width: 44px;
	height: 24px;
	position: relative;
}

.wfCheckboxWrapper .wfCheckerBackground {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	background: #707d87;
}

.wfCheckboxWrapper label {
	position: absolute;
	left: 22px;
	top: 2px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	background: #ffffff;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	cursor: pointer;
}

.wfCheckboxWrapper svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.wfCheckboxWrapper svg path {
	stroke: #707d87;
	stroke-linecap: round;
	stroke-width: 2.5;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
	fill: none;
	-webkit-transition: stroke-dashoffset 0.2s;
	transition: stroke-dashoffset 0.2s;
}

.wfCheckboxWrapper .wfCheckmark path {
	opacity: 0;
}

.wfCheckboxWrapper .wfCheckmark path:first-child {
	stroke-dashoffset: 18px;
}

.wfCheckboxWrapper .wfCheckmark path:last-child {
	stroke-dashoffset: 7px;
}

.wfCheckboxWrapper .wfCross path {
	opacity: 1;
	stroke-dashoffset: 0px;
}

.wfCheckboxWrapper input[type=checkbox] {
	display: none;
}

.wfCheckboxWrapper input[type=checkbox]:checked + label {
	left: 2px;
	background: #ffffff;
}

.wfCheckboxWrapper input[type=checkbox]:checked + label .wfCheckmark path {
	stroke: #088aff;
	opacity: 1;
	stroke-dashoffset: 0px;
}

.wfCheckboxWrapper input[type=checkbox]:checked + label .wfCross path {
	opacity: 0;
	stroke-dashoffset: 8px;
}

.wfCheckboxWrapper input[type=checkbox]:checked ~ .wfCheckerBackground {
	background: #088aff;
}

/* Workflows slider start */

#wfSlider {
	position: fixed;
	top: 0px;
	right: -700px;
	width: 700px;
	height: 100%;
	background-color: #252B2F;
	z-index: 8000;
}

#wfSlider #workflowsTitle {
	color: #AFB7BF;
	font-family: Roboto;
	font-weight: 300;
	font-size: 30px;
	padding: 40px 0px 30px 30px;
}

#wfSlider #closeWorkflows {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 1px !important;
	right: 0px !important;
	background: url('/images/campayn/X_light_25.png') no-repeat 17px 17px;
	padding: 17px;
	cursor: pointer;
}

#wfSlider #closeWorkflows:hover {
    background: url('/images/campayn/X_dark_25.png') no-repeat 17px 17px;
}

#wfSlider #wfMainContainer {
	height: calc(100% - 120px);
	overflow-y: auto;
	text-align: center;
}

/* Workflows slider end */

/* ################### Workflows end ################### */