/* CSS Document */
/*##### MAILER MANAGEMENT VIEW STYLINGS #####*/
/*SET CLEAR ON FILTER POSITIONS*/
.view-mailer-management #edit-date-filter-wrapper {
	clear:left;
}

/*LETS FIX SOME SPACING*/
.view-mailer-management #edit-date-filter-min-inside-wrapper {
	padding-right:inherit;
	margin-right:3px;
}
/*LETS NEATEN THE GRID UP*/
.view-mailer-management .views-field-field-template,
.view-mailer-management .views-field-totalsched,
.view-mailer-management .views-field-totalqueued,
.view-mailer-management .views-field-totalsent,
.view-mailer-management .views-field-totalreads,
.view-mailer-management .views-field-totalbounced {
	text-align:center;
}

/*##### MAILER LOG VIEW STYLINGS #####*/
/*SET CLEAR ON FILTER POSITIONS*/
.view-mailer-log #edit-field-first-name-value-wrapper {
	clear:left;
}

/*##### CREATE, ADD, EDIT MAILERS #####*/

/*##### Select Mailer Styling #####*/
.view.mailer-create td {
	text-align:center;
	width:33%;
	padding-bottom:10px;
}
h3.mailer-title {
	margin-bottom:5px;
}

.view.mailer-create .views-field-style-image {
	margin-bottom:15px;
}
.create-mailer-link a {
	margin-top:10px;
	
}

/*#####Mailer Editor css #####*/
.firstWord {
	color:red !important;
}

article.node-newsletter-mailers table {
    border: inherit;
}
article.node-newsletter-mailers td, article.node-newsletter-mailers table th {
    padding: inherit;
}

/*body {
	margin:0px !important;
}*/
a.preview-button:before {
	content:"\f002";
	font-family:FontAwesome;
	margin-right:5px;
}
.view-mailing-list .view-header {
	/*min-height:300px;*/
}
/*#####Mailer Log View Mailer Modal #####*/
.page-saha-admin-mail-log-all .ctools-modal-content {
	/*width:1000px !important;*/
}
#blsky-mailer-popup-page table,
#blsky-mailer-popup-page td {
	border:inherit !important;
}
#blsky-mailer-popup-page img {
	/*max-width:800px;
	height:auto;*/
}



.cke_contents{margin:0px !important;}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: transparent;
}

/*Disabled folders hide them */

a.folder.disabled {
	display:none !important;
	background-image:none !important;
}
#navigation-tree li a.active {
    font-weight: bold;
    background-image: url("folder-open.png");
    background-color: #ECF0F4;
}


/***** CREATE NEWS LETTER STYLING VIEWS *****/

.view-blsky-styles-view td{
	text-align:center;
	border:1px #fff solid !important;
	width:33%;
	margin:10px 0;
	
}
.view-blsky-styles-view td:hover{
	background:#EFEFEF !important;
}
.view-blsky-styles-view .views-field-title{
	background:rgb(66, 160, 211);
	color:white;
	margin:4px auto;
	font-size:14px;
	line-height:30px;
	width:75%;

}


/***** Newsletter Editor Stylings *****/


a#mailer-edit-link {
	
	
	padding:4px 10px;
	background:#1998D2;
	color:white;
	display: inline-block;

}

/*WYSIWYG */


#block-block-1{
	/*position:fixed;
	right:0px;
	width:130px*/
}
#mailers-node-form .cke_top {
	/*position: absolute !important;
	top: -230px; old values for floating block thing
	position: fixed !important;
	top: 20%;
	right: 0px;
	background-color: white !important;*/
}
/*Save and Preview area */
#mailers-node-form #edit-actions {
	/*position:fixed;
	right:0px;
	top: 300px;
	width:130px;*/
}
#mailers-node-form #edit-actions input[type="submit"] {
	/*width:100%;
	border-radius:0px;
	background:#1998D2;
	border:1px solid white;
	color:white;
	clear:both;
	text-shadow:none;*/
}

/* All newsletter content type create container */
#mailers-node-form .cke_source {
	min-height: 500px !important;
	word-break:break-all;
	min-width: 800px;
	max-width: 800px;
	z-index: 99;
	/*position: fixed;
	top: 100px;
	left: 10px;*/
	border: 1px solid #000;
	padding: 15px;
	text-wrap:normal;
	white-space:pre-wrap;
}
.cke_button_on {
	display:none;
}


#newsletter-placeholder {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	width:802px;
	background:white;
}

#newsletter-placeholder > table {
	border:0px;
	border-bottom: #efefef solid 1px;
	margin-bottom:0px;
}
#newsletter-placeholder > table td {
	box-sizing:border-box;
	padding-bottom: 20px;
	vertical-align:top;
	padding:0px;
}
#newsletter-placeholder table:focus label {
	display:none;
}

#newsletter-placeholder > table td:nth-child(1),
#newsletter-placeholder > table td:nth-child(2),
#newsletter-placeholder > table td:nth-child(3)
 {
	border-right: #efefef solid 1px;
	border-left: #efefef solid 1px;
}
#newsletter-placeholder h3 {
display:none;
}
#newsletter-placeholder label {
	color:#999999;
	/*margin-left:5px;*/
	border-bottom: 1px dashed rgb(239, 239, 239);
	text-align: center;
background: black;

}
#newsletter-placeholder .form-item, #newsletter-placeholder .form-actions {
    margin-bottom: 0em;
    margin-top: 0em;
	color:#999999;
}
.cke_toolgroup {
	background:white !important;
}
.cke_chrome {
    border: 0px solid #efefef !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15) !important;
    display: block;
    padding: 0;
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
}
.cke_chrome:focus {
    border: 0px solid #000 !important;
}
#mailers-node-form {
		display:block;
		width:800px;
		margin:0 auto;
}
#mailer-no-permissions #mailers-node-form {
	margin-left:0px;
}
/*set height of header */
#mailers-node-form #edit-field-newsletter-header .cke_contents{
	

}
#mailers-node-form #edit-field-newsletter-header,
#mailers-node-form #edit-field-newsletter-footer {
	border:1px solid #efefef;
	box-sizing:border-box;
}
#mailers-node-form #cke_1_contents {}

/* set height of columns */
#mailers-node-form #edit-field-newsletter-column1 .cke_contents,
#mailers-node-form #edit-field-newsletter-column2 .cke_contents,
#mailers-node-form #edit-field-newsletter-column3 .cke_contents{
	min-height: 500px;
}

.node-newsletter-mailers {
	background:white;
	width:802px;
	margin: 0 auto;
	 	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 13px;

}
.node-newsletter-mailers .group-newsletter-body {
	border: 1px dashed #CCC;
	/*padding: 3px;*/
	box-sizing:border-box;
}

/* 2 column Styling 
.page-node-add-newsletter-mailers-4 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-4 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-5 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-5 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-6 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-6 #edit-field-newsletter-column2,*/
.mailer-style-4 #edit-field-newsletter-column1,
.mailer-style-4 #edit-field-newsletter-column2,
.mailer-style-5 #edit-field-newsletter-column1,
.mailer-style-5 #edit-field-newsletter-column2,
.mailer-style-6 #edit-field-newsletter-column1,
.mailer-style-6 #edit-field-newsletter-column2,
.mailer-style-4 .field-name-field-newsletter-column1,
.mailer-style-4 .field-name-field-newsletter-column2,
.mailer-style-5 .field-name-field-newsletter-column1,
.mailer-style-5 .field-name-field-newsletter-column2,
.mailer-style-6 .field-name-field-newsletter-column1,
.mailer-style-6 .field-name-field-newsletter-column2 {
	max-width:400px;
	min-width:400px;
	word-break: break-all;
}/*
.page-node-add-newsletter-mailers-4 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-5 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-6 #edit-field-newsletter-column1,*/
.mailer-style-4 #edit-field-newsletter-column1,
.mailer-style-5 #edit-field-newsletter-column1,
.mailer-style-6 #edit-field-newsletter-column1,
.mailer-style-4 .field-name-field-newsletter-column1,
.mailer-style-5 .field-name-field-newsletter-column1,
.mailer-style-6 .field-name-field-newsletter-column1

{
	float:left;
	text-wrap:normal;
}/*
.page-node-add-newsletter-mailers-4 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-5 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-6 #edit-field-newsletter-column2,*/
.mailer-style-4 #edit-field-newsletter-column2,
.mailer-style-5 #edit-field-newsletter-column2,
.mailer-style-6 #edit-field-newsletter-column2,
.mailer-style-4 .field-name-field-newsletter-column2,
.mailer-style-5 .field-name-field-newsletter-column2,
.mailer-style-6 .field-name-field-newsletter-column2

{
	display:inline-block;
}

/* 3 column Styling 
.page-node-add-newsletter-mailers-7 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-7 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-7 #edit-field-newsletter-column3,
.page-node-add-newsletter-mailers-8 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-8 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-8 #edit-field-newsletter-column3,
.page-node-add-newsletter-mailers-9 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-9 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-9 #edit-field-newsletter-column3,*/
.mailer-style-7 #edit-field-newsletter-column1,
.mailer-style-7 #edit-field-newsletter-column3,
.mailer-style-8 #edit-field-newsletter-column1,
.mailer-style-8 #edit-field-newsletter-column3,
.mailer-style-9 #edit-field-newsletter-column1,
.mailer-style-9 #edit-field-newsletter-column3,

.mailer-style-7 .field-name-field-newsletter-column1,
.mailer-style-7 .field-name-field-newsletter-column3,
.mailer-style-8 .field-name-field-newsletter-column1,
.mailer-style-8 .field-name-field-newsletter-column3,
.mailer-style-9 .field-name-field-newsletter-column1,
.mailer-style-9 .field-name-field-newsletter-column3 {
	/*width:33%;*/
	vertical-align:top;
	word-break: break-all;
}/*
.page-node-add-newsletter-mailers-7 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-8 #edit-field-newsletter-column1,
.page-node-add-newsletter-mailers-9 #edit-field-newsletter-column1,*/
.mailer-style-7 #edit-field-newsletter-column1,
.mailer-style-8 #edit-field-newsletter-column1,
.mailer-style-9 #edit-field-newsletter-column1,
.mailer-style-7 .field-name-field-newsletter-column1,
.mailer-style-8 .field-name-field-newsletter-column1,
.mailer-style-9 .field-name-field-newsletter-column1


 {
	/*float:left;*/
	display:inline-block;
}/*
.page-node-add-newsletter-mailers-7 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-8 #edit-field-newsletter-column2,
.page-node-add-newsletter-mailers-9 #edit-field-newsletter-column2,*/
.mailer-style-7 #edit-field-newsletter-column2,
.mailer-style-8 #edit-field-newsletter-column2,
.mailer-style-9 #edit-field-newsletter-column2,
.mailer-style-7 .field-name-field-newsletter-column2,
.mailer-style-8 .field-name-field-newsletter-column2,
.mailer-style-9 .field-name-field-newsletter-column2 {
	display:inline-block;
	/*width:33%;*/
	word-wrap:break-word;
	/*padding-right:1%;*/
}/*
.page-node-add-newsletter-mailers-7 #edit-field-newsletter-column3,
.page-node-add-newsletter-mailers-8 #edit-field-newsletter-column3,
.page-node-add-newsletter-mailers-9 #edit-field-newsletter-column3,*/
.mailer-style-7 #edit-field-newsletter-column3,
.mailer-style-8 #edit-field-newsletter-column3,
.mailer-style-9 #edit-field-newsletter-column3,
.mailer-style-7 .field-name-field-newsletter-column3,
.mailer-style-8 .field-name-field-newsletter-column3,
.mailer-style-9 .field-name-field-newsletter-column3 {
	display:inline-block;
}

/* Hide footer code navigatorof editors */
#mailers-node-form #cke_1_bottom,
#mailers-node-form #cke_2_bottom,
#mailers-node-form #cke_3_bottom,
#mailers-node-form #cke_4_bottom,
#mailers-node-form #cke_5_bottom { 
	display:none;
}
/* Hide switch to plain text in editors */
#mailers-node-form #switch_edit-field-newsletter-header-und-0-value,
#mailers-node-form #switch_edit-field-newsletter-column1-und-0-value,
#mailers-node-form #switch_edit-field-newsletter-column2-und-0-value,
#mailers-node-form #switch_edit-field-newsletter-column3-und-0-value,
#mailers-node-form #switch_edit-field-newsletter-footer-und-0-value{
	display:none !important;
}

.cke_top {
	
	
}
#newsletter-placeholder .cke_wysiwyg_frame.cke_reset {
	min-height: 500px;
	display: block;
	overflow:hidden !important;
}
.cke_top, cke_toolgroup, .cke_toolbox_collapser, .cke_combo_button {
    background: transparent !important;
}
.cke_inner {
	background:#fff !important;
}

/* Newsletter frontend view style  */
.node-type-newsletter-mailers #region-content {
	/*width:800px;
	margin:0 auto;*/
}

/*.blockFloat-processed.blockFloat-0 {display:none;}
.node-type-newsletter-mailers .blockFloat-processed.blockFloat-0 {display:block;}*/
.view-send-mailers .view-my-newsletters {
	width:820px;
	margin:0 auto;
}

.mailer-style-test {
	display:block;
	background:red !important;
	width:500px;
	margin:0 auto;
	font-size:16px;
	color:blue;
}

/* ###### Fix all css in dialog boxes ##### */

.cke_dialog table {

	border:inherit !important;
}
.cke_dialog .cke_dialog_body {
    z-index: 1;
    background: #fff;
    border: inherit !important;
    box-shadow: 0 0 10px 1px black;
}

/*##### MAILER PREVIEW #####*/


.page-saha-admin-mail-log .mailer-preview-small {
	border:10px solid rgba(0,0,0,0.10);
	border-bottom-width: 20px;
	background:white;
}
.page-saha-admin-mail-log .mailer-preview-small:hover {
	border:5px solid rgba(0,0,0,0.10);
}
.page-saha-admin-mail-log .mailer-preview-small table {
	border:inherit !important;
}

.page-saha-admin-mail-log .mailer-preview-small img {
	max-width:100%;
	transition: all .2s ease-in-out;
}
.page-saha-admin-mail-log .mailer-preview-small {
	position: absolute;
	top: 40px;
	right: 100px;
	display: block;
	max-height: 160px;
	width: 160px;
	overflow:hidden;
	transition: all .2s ease-in-out;
	z-index:9;
}
.page-saha-admin-mail-log .mailer-preview-small:hover {
	max-height: 400px;
	width: 401px;
	overflow-y:auto;
	transition: all .2s ease-in-out;

	position: absolute;
	z-index:999;
	
}
.page-saha-admin-mail-log .mailer-preview-small:before {
	content: "preview";
	text-indent: -999999px;
	display: block;
	background-image:url(/images/mailer-preview-icon.png);
	background-size:contain;
	background-color: rgba(255,255,255,0.5);
	text-align:center;
	position: absolute;
	zoom: 1;
	z-index: 99;
	bottom: 20%;
	right: 20%;
	height:100px;
	width:100px;
	transition: all .2s ease-in-out;
}
.page-saha-admin-mail-log .mailer-preview-small:hover:before {
	display: none;
	transition: all .2s ease-in-out;
}


.page-saha-admin-mail-log .mailer-preview-small .mailer-style-1,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-2,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-3,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-4,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-5,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-6,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-7,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-8,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-9 {
zoom: 0.2;
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
    transform: scale(0.2); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
	transition: all .2s ease-in-out;
	/*width: 700px;*/
	display: inline-block;
	overflow:hidden;
	
	
}
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-1,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-2,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-3,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-4,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-5,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-6,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-7,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-8,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-9 {
zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform: scale(0.5); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
	transition: all .2s ease-in-out;
	overflow:inherit;


}
@media screen and (-webkit-min-device-pixel-ratio:0) {

.page-saha-admin-mail-log .mailer-preview-small {
	border:10px solid rgba(0,0,0,0.10);
	border-bottom-width: 20px;
	background:white;
}
.page-saha-admin-mail-log .mailer-preview-small:hover {
	border:5px solid rgba(0,0,0,0.10);
}
.page-saha-admin-mail-log .mailer-preview-small table {
	border:inherit !important;
}

.page-saha-admin-mail-log .mailer-preview-small img {
	max-width:100%;
	transition: all .2s ease-in-out;
}
.page-saha-admin-mail-log .mailer-preview-small {
	position: absolute;
	top: 40px;
	right: 100px;
	display: block;
	max-height: 160px;
	width: 160px;
	overflow:hidden;
	transition: all .2s ease-in-out;
	z-index:9;
}
.page-saha-admin-mail-log .mailer-preview-small:hover {
	max-height: 400px;
	width: 401px;
	overflow:visible;
	transition: all .2s ease-in-out;
	float:right;
	position: absolute;
	z-index:999;
	
}
.page-saha-admin-mail-log .mailer-preview-small:before {
	content: "preview";
	text-indent: -999999px;
	display: block;
	background-image:url(/images/mailer-preview-icon.png);
	background-size:contain;
	background-color: rgba(255,255,255,0.5);
	text-align:center;
	position: absolute;
	zoom: 1;
	z-index: 99;
	bottom: 20%;
	right: 20%;
	height:100px;
	width:100px;
	transition: all .2s ease-in-out;
}
.page-saha-admin-mail-log .mailer-preview-small:hover:before {
	display: none;
	transition: all .2s ease-in-out;
}


.page-saha-admin-mail-log .mailer-preview-small .mailer-style-1,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-2,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-3,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-4,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-5,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-6,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-7,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-8,
.page-saha-admin-mail-log .mailer-preview-small .mailer-style-9 {
zoom: 0.2;
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
    transform: scale(0.2); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
	transition: all .2s ease-in-out;
	width: 700px;
	display: inline-block;
	
	
}
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-1,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-2,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-3,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-4,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-5,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-6,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-7,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-8,
.page-saha-admin-mail-log .mailer-preview-small:hover .mailer-style-9 {
zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform: scale(0.5); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
	transition: all .2s ease-in-out;


}

}

/* Advertisment for mailer templates */

/* lets fix the form title and subject field widths */
#mailers-node-form .form-item-title input,
#mailers-node-form #edit-field-subject input {
	width:400px;
}
.mailer-ad-brochure {
	/*display:none;*/
}

#edit-mailer-design-advert {
	position: absolute;
	right: 190px;
	width: 337px;
	
	top: 0px;
}
/*.mailer-ad-email {
      animation: colorchange 50s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 50s; /* Chrome and Safari */
    }

    @keyframes colorchange
    {
      0%   {background: white;}
      20%  {background: yellow;}
      40%  {background: white;}
      60%  {background: yellow;}
      80% {background: white;}
	  100% {background: yellow;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: white;}
      20%  {background: yellow;}
      40%  {background: white;}
      60%  {background: yellow;}
      80% {background: white;}
	  100% {background: yellow;}
    }*/
.mailer-ad-email {
	border:1px solid black;
	box-sizing:border-box;
	margin-bottom:10px;
}