.composer_holder {
	position: absolute;
	width:1014px;
	top:10px !important;
	bottom:10px !important;
	left:50%;
	margin-left:-507px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ie8 .composer_holder {
	top:70px !important;
}
.composer {
	width:600px;
	background:#FFF;
	position: absolute;
	top:0;
	bottom:0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#222222;
}
.options_holder {
	position: absolute;
	left:600px;
	right:0;
	background:#eceff0;
	top:0;
	bottom:0;
	border-bottom-right-radius:3px;
	border-top-right-radius:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-left:1px solid #bec3c7;
	overflow: hidden;
	z-index: 1000;
}
.options_inside {
	position: absolute;
	top:80px;
	bottom:95px;
	left:0;
	right:0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.note_group_photo {
	position: absolute;
	width:60px;
	height:60px;
	border-radius: 3px;
	margin-top:10px;
	margin-left:10px;
}
.note_group_title {
	color:#FFF;
	display: table-cell;
	padding-left:80px;
	font-size: 19px;
	vertical-align: middle;
	height: 80px;
}




.placeholder_holder {
	position: relative;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}

.placeholder_holder>.placeholder_text {
	font-weight: thin;
	font-style: italic;
	color:#BEC3C7;
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	opacity: 1;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;
}

div.placeholder {
	z-index: 2;
	position: relative;
}

.placeholder_holder.placeholder_off {
	min-height: 0 !important;
}
.placeholder_holder.placeholder_off>.placeholder_text {
	opacity: 0;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

.note_item_text .placeholder_holder.editable_holder .editable b {
	font-weight: bold;
}

.composer_email {
	max-width: 600px;
	margin:0 auto;
	margin-bottom:20px;
}
.column {
	position: relative;
	border-radius: 3px;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-ms-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
}
.twocol .column:hover, .column.resizing, .column.alerting {
	background-color:#eceff0;
}
.col_inside {
	min-height: 200px;
}
.newsletter_header .col_inside {
	min-height: 0;
}
.onecol .col2 {
	display: none;
}
.composer_email .twocol .column {
	float: left;
}
.column.full {
	width: 100%;
	max-width: 560px;
	margin:0 auto;
}
.composer_email .twocol .col1 {
	margin-left: 20px;
	margin-right: 20px;
}
.composer_email .twocol .col2 {
	margin-right: 0;
}
.composer_email .twocol .column.large {
	width:370px;
}
.composer_email .twocol .column.half {
	width: 270px;
}
.composer_email .twocol .column.small {
	width:170px;
}

.twocol .ui-resizable-handle, .twocolheader .ui-resizable-handle {
	cursor:col-resize;
	width:16px;
	right:-18px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top:0;
	bottom:0;
}
.twocol .ui-resizable-handle:hover, .ui-resizable-resizing .ui-resizable-handle {
	background-image:url(https://dhdj1c2suf90g.cloudfront.net/images/composer/resize.png);
}

.sortable-placeholder {
	height: 8px;
	border-radius: 10px;
	background:#308ebf;
}
.rearrange_item {
	cursor: -webkit-grab;
	cursor: grab;
}
.rearrange_item:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
div[contenteditable] {
	outline: none;
}
.composer_email .subject_holder {
	font-size: 22px;
	margin:20px;
}
.add_items {
	text-align: center;
	padding-top:12px;
	border-top: 1px solid #bec3c7;
	border-bottom: 1px solid #bec3c7;
	margin-top:14px;
}
.add_item_button {
	display: inline-block;
	width:86px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	padding:8px 0;
	padding-top: 12px;
	margin-bottom: 8px;
	font-weight: 400;
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-ms-transition: -ms-transform .2s;
	-o-transition: -o-transform .2s;
	transition: transform .2s;
}
.add_item_button:hover {
	background:#308ebf;
	color:#FFF;
}
.add_item_button:active {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9);
}
.add_item_button .icon {
	display: block;
	font-size: 28px;
	margin-bottom: 4px;
}

.email_columns_option_holder {
	text-align: center;
	margin:10px 0;
}
.email_columns_option .picker_option {
	font-size: 18px;
	font-weight: 400;
}
.option {
	font-size: 18px;
	padding:0 20px;
}
.checkbox_holder {
	cursor: pointer;
}
.newsletter_preference1 {
	margin-left:112px;
	position: relative;
}
.newsletter_preference1.checkbox_holder .checkbox {
	margin-left:-24px;
	-webkit-transform:translateY(1px);
	-moz-transform:translateY(1px);
	-ms-transform:translateY(1px);
	-o-transform:translateY(1px);
	transform:translateY(1px);
}
.add_items .instructions, .add_items_mobile .instructions {
	color:#828c8d;
	margin-bottom: 10px;
	font-weight: 400;
}
.composer_holder .note_group {
	left:601px;
}
.options_bottom {
	position: absolute;
	background:#eceff0;
	border-top: 1px solid #bec3c7;
	bottom:0;
	left:601px;
	right:0;
	padding: 20px 0;
	text-align: center;
	z-index: 5000;
	border-bottom-right-radius: 8px;
}
.note_send.button {
	padding-right: 56px;
}

.send_note_cancel.button {
	margin-left: 2px;
	padding:0 10px;
}

.send_button_around {
	display: inline-block;
	position: relative;
}
.note_options_bottom .button:active {
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
}
.note_options_bottom .button>.text {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.note_options_bottom .button:active>.text {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9);
}
.note_send_options {
	position: absolute;
	bottom:0;
	top:0;
	right:0;
	padding:6px;
	padding-left: 0;
	background:rgba(255,255,255,0);
}
.note_send_options_inside {
	display: block;
	font-size: 24px;
	line-height: 38px;
	color:#FFF;
	width: 38px;
	padding-left: 1px;
	text-align: center;
	border-left:1px solid #1e5c37;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.touch .note_send_options {
	line-height: 38px;
}
.note_send_options_inside:hover {
	background:#1e5c37;
}
.note_send_options_inside>i {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.note_send_options_inside:active>i {
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
.send_options_menu {
	position: absolute;
	right: 2px;
	text-align: left;
	width: 220px;
	background:#FFF;
	bottom:58px;
	border:1px solid #bec3c7;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.send_more_options_inside {
	max-height: 0;
	overflow: hidden;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.send_more_options_inside>div {
	padding:10px;
}
.send_options_menu.on {
	opacity: 1;
}
.send_options_menu.on .send_more_options_inside  {
	max-height: 250px;
}
.send_options_arrow {
	position: absolute;
	top:100%;
	border:14px solid rgba(0,0,0,0);
	border-top:14px solid #bec3c7;
	right: 6px;
	z-index: 1;
}
.send_options_arrow_inside {
	position: absolute;
	top:100%;
	margin-top: -2px;
	border:14px solid rgba(0,0,0,0);
	border-top:14px solid #FFF;
	right: 6px;
	z-index: 2;
}
.save_draft, .send_test_email {
	display: block;
	border-radius: 3px;
	margin-top:10px;
	font-size: 18px;
	padding-left: 10px;
	line-height: 42px;
	cursor: pointer;
	position: relative;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.save_draft:hover, .send_test_email:hover {
	background: #eceff0;
}
.save_draft:active, .send_test_email:active {
	background: #98a4a5;
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9);
}
.composer_holder .helper_icon {
	position: absolute;
	right: 10px;
	line-height: 39px;
	margin-top: 3px;
	color:#828c8d;
	font-size: 18px;
}
.schedule_preference {
	display: block;
	border-radius: 3px;
	font-size: 18px;
	padding-left: 32px;
	line-height: 42px;
	cursor: pointer;
	position: relative;
}
.schedule_preference.checkbox_holder .checkbox {
	line-height: 38px;
	margin-left: -24px;
}
.no-touch .touch_date_input {
	display: none;
}
.touch .date_input {
	display: none;
}
.schedule_date_day, .schedule_date_time {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	padding:4px;
	border-radius: 3px;
	border:1px solid #FFF;
	margin-left: 26px;
	font-weight: 400;
	width: 120px;
}
.schedule_date_time {
	width: 80px;
}
.browser-mobile-true .schedule_date_time {
	width: 105px;
}
.schedule_date_day:hover, .schedule_date_time:hover {
	border:1px solid #bec3c7;
}
.schedule_date_day:focus, .schedule_date_time:focus {
	border:1px solid #828c8d;
}
.schedule_more {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.schedule_more.on {
	max-height: 76px;
	opacity: 1;
}



.ui-datepicker {
	padding:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #98a4a5;
	background: #eceff0;
	z-index: 5001 !important;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	font-size:14px;
}
.ui-datepicker.schedule_picker {

}
.ui-datepicker-header {
	background:#F42434;
	border:none;
	color:#FFF;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	position: relative;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.ui-datepicker table {
	margin:0;
}
.ui-datepicker th, .ui-datepicker td {
	padding:0;
}
.ui-datepicker .ui-state-default {
	color:#666;
	padding:2px;
	border-left:none;
	border-top:none;
	border-bottom:none;
	border-right:none;
	border-radius: 100px;
	text-decoration: none;
	font-weight: 400;
}

.ui-datepicker .ui-state-default.ui-state-hover {
	background:#F42434;
	color:#FFF;
}
.ui-datepicker .ui-state-default.ui-state-active {
	color:#FFF;
	background:#F42434;
}
.ui-datepicker .ui-datepicker-other-month {
	color:#FFF;
}
.ui-datepicker tr:last-child td, .ui-datepicker tr:last-child td .ui-state-default {
	border-bottom:none;
}
.ui-datepicker td:last-child .ui-state-default {
	border-right:none;
}
.ui-datepicker-next.ui-state-hover {
	background:none;
	color:#FFF;
	top:2px;
	right:2px;
	border:none;
	cursor: pointer;
}
.ui-datepicker-prev.ui-state-hover {
	background:none;
	color:#FFF;
	top:2px;
	left:2px;
	border:none;
	cursor: pointer;
}
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
	background:none;
	height:24px;
	width:24px;
	text-indent: 0;
	text-align: center;
	font-size:24px;
	font-weight: bold;
	line-height:24px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	position: absolute;
	left:0;
	line-height: 40px;
}
.ui-datepicker-next .ui-icon {
	left:auto;
	right:0;
}
.ui-datepicker-next:hover .ui-icon, .ui-datepicker-next:prev .ui-icon {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.ui-datepicker-next:active .ui-icon, .ui-datepicker-prev:active .ui-icon {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	color:#CCC;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}
.regular_option {
	padding-left:60px;
	font-size: 18px;
	line-height: 50px;
}
.regular_option .checkbox {
	line-height: 45px;
}
.regular_option.secondary_delivery_option {
	padding-left: 30px;
	font-size: 14px;
	line-height: normal;
	display: none;
}
.regular_option.secondary_delivery_option .checkbox {
	line-height: normal;
}
.regular_option.secondary_delivery_option.on {
	display: block;
}
.deliverability_summary_primary, .deliverability_summary .regular_option  {
	padding-bottom: 8px;
}
.deliverability_summary_primary .fa {
	color: #308ebf;
}
.voiceCallAudioSample {
	float: right;
}

.composer_type_sms .options_inside {
	padding-top: 10px;
}


.sms_count_holder {
	font-size: 18px;
	text-align: center;
	color:#828c8d;
	margin-top: 20px;
}
.sms_count {
	font-weight: 400;
}
.composer_holder .sms_icon {
	margin-top: 60px;
	margin-bottom: 50px;
}
.composer_sms_text_holder {
	font-size: 32px;
	max-width: 440px;
	margin:0 auto;
	border-radius: 3px;
	border:1px solid #bec3c7;
	padding:20px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-height: 184px !important;
}
.composer_sms_text_holder.placeholder_off {
	min-height: 184px !important;
}
.composer_sms_text_holder .placeholder_text {
	text-align: center;
	line-height: 184px;
	left:0;
	right:0;
}
.composer_sms_text {
	line-height: 48px;
	min-height: 144px;
}



.note_item_options {
	position: absolute;
	right:0;
	font-size: 24px;
	top:0;
	z-index: 1000;
	opacity: 0;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.note_item:hover .note_item_options, .note_item.focus .note_item_options {
	opacity: 1;
	-webkit-transform: translateX(18px);
	-moz-transform: translateX(18px);
	-ms-transform: translateX(18px);
	-o-transform: translateX(18px);
	transform: translateX(18px);
}
.note_item_text .editor {
	z-index: 1001;
	position: relative;
}
.note_item_options>div {
	width: 24px;
	text-align: center;
	color:#828c8d;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.delete_item {
	cursor: pointer;
}
.delete_item:hover {
	color:#b12530;
}
.rearrange_item:hover {
	color:#0d6197;
}
.delete_item:active {
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}


.note_item {
	position: relative;
	margin-bottom: 20px;
	z-index: 1000;
}
.note_item.focus {
	z-index: 2000;
}
.note_item:last-child {
	margin-bottom: 0;
}
.help_text {
	font-size: 12px;
}
.small .help_text {
	display: none;
}

.delete_saved_note_button {
	padding-left:30px;
	font-size:18px;
	cursor:pointer;
}
.delete_saved_note_button>i {
	margin-right:15px;
}
.delete_saved_note_button:hover {
	color:#f0243a;
}


/* QUOTE */

.quote_author_placeholder {
	right: 0;
}



/* VIDEO */

.videoHolderFluid {
	background:#1e5c37;
	position: relative;
	padding-bottom: 52.00%;
	padding-top: 25px;
	height: 0;
}
.videoHolderFluid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.note_item_video .url_around {
	position: absolute;
	left:0;
	right:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	top:110px;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.large .note_item_video .url_around {
	top:60px;
}
.half .note_item_video .url_around, .small .note_item_video .url_around {
	top:20px;
	padding:0 20px;
}
.note_item_video .help_text {
	color:#eceff0;
}

.video_url {
	font-size: 18px;
	background: none;
	border:none;
	border-bottom: 1px solid #eceff0;
	text-align: center;
	padding:10px 0;
	margin-bottom: 10px;
	color:#FFF;
	width: 300px;
}
.half .video_url, .small .video_url {
	width:100%;
}
.small .video_url {
	font-size: 14px;
}
.video_shadow {
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background: rgba(0,0,0,.2);
	box-shadow: inset 0 0 220px #000;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.updated .video_shadow, .updated .note_item_video .url_around {
	opacity: 0;
}
.updated .note_item_video .url_around {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}
.note_item:hover .video_shadow, .note_item.focus .video_shadow, .note_item:hover .note_item_video .url_around, .note_item.focus .note_item_video .url_around {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/* PHOTO */
.composer_holder .note_item_photo .photo_area {
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
}
.composer_holder .note_item_photo .photo_uploader {
	position:absolute;
	width:100%;
	height:100%;
	line-height:100%;
	box-sizing:border-box;
}
.composer_holder .note_item_photo .photo_img_holder {
	box-sizing:border-box;
}
.composer_holder .note_item_photo .upload_around {
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.composer_holder .note_item_photo .upload_button_holder {
	position:relative;
	height:100%;
	overflow:hidden;
	box-sizing:border-box;
}
.photo_holder.image_left, .photo_holder.image_right {
	display: table-cell;
	width: 560px;
}
.composer_holder .note_item:not(.updated) .photo_holder .photo_area {
	background: #bec3c7;
}
.note_item:not(.updated) .photo_holder .photo_area {
	min-height: 260px;
}
.large .note_item:not(.updated) .photo_holder .photo_area {
	min-height: 200px;
}
.half .note_item:not(.updated) .photo_holder .photo_area {
	min-height: 160px;
}
.small .note_item:not(.updated) .photo_holder .photo_area {
	min-height: 120px;
}
.photo_holder .upload_button {
	width: 100%;
}
.photo_holder .upload_busy_icon {
	position: absolute;
	line-height: 120px;
	margin-left:-60px;
	margin-top:-60px;
	width: 120px;
	height: 120px;left:50%;
	top:50%;
	font-size: 120px;
	color:red;
	text-align: center;
	text-shadow: #000 0 0 8px;
	opacity: 0;
	
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.photo_holder .upload_icon {
	width: 120px;
	height: 120px;
	left:50%;
	top:50%;
	margin-left:-60px;
	margin-top:-60px;
	font-size: 120px;
	line-height: 120px;

}
.half .photo_holder .upload_icon,
.half .photo_holder .upload_busy_icon {
	width: 80px;
	height: 80px;
	margin-left:-40px;
	margin-top:-40px;
	font-size: 80px;
	line-height: 80px;
}
.half .note_item.updated .photo_holder .upload_icon,
.half .note_item.updated .photo_holder .upload_busy_icon { 
	margin-top: -60px;
}
.small .photo_holder .upload_icon,
.small .photo_holder .upload_busy_icon {
	width: 60px;
	height: 60px;
	margin-left:-30px;
	margin-top:-30px;
	font-size: 60px;
	line-height: 60px;
}
.small .note_item.updated .photo_holder .upload_icon,
.small .note_item.updated .photo_holder .upload_busy_icon { 
	margin-top: -50px;
}
.note_item:not(.updated) .photo_holder .upload_around:not(.uploading) .upload_icon,
.note_item .photo_holder .upload_around.uploading .upload_busy_icon {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.column.full .photo_holder.image_left .upload_icon,
.column.full .photo_holder.image_left .upload_busy_icon {
	width: 30px;
	height: 30px;
	left:120px;
	font-size: 60px;
}
.column.full .photo_holder.image_right .upload_icon,
.column.full .photo_holder.image_right .upload_busy_icon {
	width: 30px;
	height: 30px;
	left: auto;
	right:80px;
	font-size: 60px;
}
.photo_link_holder {
	position: absolute;
	z-index: 1000;
	bottom:0px;
	right:107px;
	opacity: 0;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.note_item.updated .photo_link_holder {
	display: block;
}
.note_item:hover .photo_link_holder, .note_item.focus .photo_link_holder {
	opacity: 1;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.photo_link {
	font-size: 13px;
	width: 280px;
	padding:5px 8px;
	border:1px solid #828c8d;
	border-radius: 3px;
	background:#FFF;
	padding-right: 30px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.half .photo_link_holder, .small .photo_link_holder {
	left:10px;
}
.half .photo_link, .small .photo_link {
	width: 100%;
}
.small .photo_link {
	font-size: 12px;
	
}
.photo_link_cancel {
	position: absolute;
	color:#828c8d;
	right: 9px;
	top:4px;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.small .photo_link_cancel {
	margin-top:-2px;
}
.photo_link_cancel:hover {
	color:#b12530;
}
.photo_link_cancel:active {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}
/* photo orientation */
.note_item_photo .individual_controls {
	color: #828c8d;
	position: absolute;
	bottom:0px;
	right:10px;
	opacity: 0;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
}
.column.full .note_item_photo:hover .individual_controls { /*, .note_item_photo .individual_controls, .item.photo.first .individual_controls {*/
  opacity: 1;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}
.photo_control {
  width: 28px !important;
  height: 28px;
  line-height: 22px !important;
  font-size: 18px;
  cursor: pointer;
  /*overflow: hidden;*/
  float: left;
  text-align: center;
  border: 1px solid #828c8d;
  border-right: none;
  background: #FFF;
  -webkit-transform: scale(1) !important;
}
.photo_control:hover {
	background-color:#FFF;
}
.photo_control.on {
	color:#FFF;
	background-color: #828c8d;
}
.photo_control_left {
	background-image:url(//s3.amazonaws.com/assets.flocknote.com/images/composer/imageLeft.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
}
.photo_control_left.on {
	background-image:url(//s3.amazonaws.com/assets.flocknote.com/images/composer/imageLeftON.png);
}
.photo_control_right {
	background-image:url(//s3.amazonaws.com/assets.flocknote.com/images/composer/imageRight.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;
	border-right:1px solid #828c8d;
}
.photo_control_right.on {
	background-image:url(//s3.amazonaws.com/assets.flocknote.com/images/composer/imageRightON.png);
}
.photo_control_center {
	background-image:url(//s3.amazonaws.com/assets.flocknote.com/images/composer/imageCenter.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.photo_control_center.on {
	background-image:url(//s3.amazonaws.com/assets.flocknote.com/images/composer/imageCenterON.png);
}
.image_center .text_area, .large .text_area, .half .text_area, .small .text_area {
	display: none;
}
.photo_holder.image_right .text_area {
	padding-right:10px;
}
.photo_holder.image_left .text_area {
	padding-left:10px;
}
.image_right .photo_area {
	width:170px;
	float:right;
}
.image_right .photo_img_holder, .image_left .photo_img_holder /*, .small .photo_img_holder*/ {
	min-height:110px;
}
.image_right .text_area {
	margin-right:170px;
}
.item.photo .image_right .text_box,
.item.photo .image_right .text_box_placeholder {
	padding-right:0;
}
.image_left .photo_area {
	width:170px;
	min-height:110px;
	float:left;
}
.image_left .text_area {
	margin-left:170px;
}
.large .photo_area, .half .photo_area, .small .photo_area {
  	width: auto;
  	float: none;
  	margin-top: 0;
}
.text_area .editor {
	min-height:110px;
}
.note_item_photo .help_text {
	padding: 6px 10px;
	margin-top: -30px;
	opacity: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.note_item_photo:hover .help_text { /*, .item.photo.over .help_text, .item.photo.first .help_text { */
  	opacity: 1;
  	margin-top: 0;
}



/* FILE */
.file_holder_inside {
	cursor:auto !important;
}
.file_name_holder {
	font-size: 22px;
	line-height: 32px;
	margin-left: 50px;
}
.file_name {
	font-size: 22px;
	line-height: 32px;
	color: #ECEFF0;
	padding: 4px 0;
}
.file_name_holder .placeholder_text {
	margin-top: 4px;
}
.file_type {
	float: left;
	width: 40px;
	height: 40px;
	position: relative;
}
.note_item_filer .upload_icon {
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 40px;
	left:50%;
	margin-left:-20px;
}
.file_holder_inside .help_text {
	margin-left: 50px;
	color:#eceff0;
}
.half .file_holder_inside .help_text {
	margin-left: 0;
}
.note_item.updated .file_holder_inside .help_text {
	display: none;
}
.note_item:not(.updated) .file_holder_inside .upload_around:not(.uploading) .upload_icon {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.half .file_name_holder, .small .file_name_holder {
	margin-left: 0;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	
	word-break: break-word;
	}
.half .file_name_holder .placeholder_text, .small .file_name_holder .placeholder_text {
	text-align: center;
	left:0;
	right:0;
}
.half .file_name, .small .file_name {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 0;
}
.half .file_type, .small .file_type {
	float: none;
	text-align: center;
	width: auto;
	margin-bottom: 10px;
}



/* SURVEY */

.note_item_survey .help_text {
	color:#828c8d;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.note_item_survey .help_text>div {
	padding:8px;
	padding-left: 20px;
	padding-right: 40px;
}
.note_item:hover .note_item_survey .help_text, .note_item.focus .note_item_survey .help_text {
	max-height: 60px;
	opacity: 1;
}
.survey_add {
	color:#e57d1f;
	font-size: 26px;
	right:10px;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	-webkit-transform: translateY(-32px);
	-moz-transform: translateY(-32px);
	-ms-transform: translateY(-32px);
	-o-transform: translateY(-32px);
	transform: translateY(-32px);
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.note_item:hover .survey_add, .note_item.focus .survey_add {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.survey_add:active {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}
.answer_del {
	position: absolute;
	right: 6px;
	top:6px;
	cursor: pointer;
	color:#828c8d;
	opacity: 0;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.answer_del:hover {
	color:#b12530;
}
.survey_answer:hover .answer_del {
	opacity: 1;
}
.survey_answer_radio {
	background: #FFF;
	border: 1px solid #818b8c;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	position: absolute;
	border-radius: 100px;
	margin-left: -25px;
}
.survey_question_holder {
	background: #fff;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.small .survey_answer_radio {
	width: 12px;
	height: 12px;
	margin-left: -19px;
	margin-top: 3px;
}




/* EVENT */
.date_around {
	position: relative;
}
.event_date {
	position: absolute;
	margin:0;
	left:0;
	width:76px;
	padding:0;
	top:0;
	bottom:0;
	opacity: 0;
	cursor: pointer;
}
.note_item_event .help_text {
	color:#828c8d;
}
.composer_type_email .event_title {
	margin-left: 0;
}
.event_title_placeholder {
	font-size: 22px;
	line-height: 30px;
}
.composer_type_email .rsvp_links {
	font-size: 20px;
	margin-right: 10px;
	color:#ff3b30;
}
.date_day {
	background: #FFF;
}

.composer_type_email .large .rsvp_links {
	font-size: 20px;
}
.composer_type_email .large .rsvp_around {
	line-height: 34px;
	margin-left: 0;
}
.composer_type_email .half .event_details {
	margin-left: 0;
}
.composer_type_email .half .event_title_holder, .composer_type_email .half .event_deets_holder {
	margin-left:100px;
}
.composer_type_email .half .rsvp_around {
	margin-left: 0;
}
.composer_type_email .small .rsvp_around {
	padding-right: 10px;
}
/*
.half .date_around {
	margin-bottom: 10px;
}
.half .rsvp_around {
	clear: both;
	padding-top: 10px;
	margin-left: 0;
	line-height: 30px;
	font-size: 18px;
	padding-left: 14px;
}
.half .rsvp_links {
	margin-left:-4px;
}

.small .date_around {
	float:none;
	margin:0 auto;
	margin-bottom: 10px;
}
.small .event_title {
	margin-left: 0;
}
.small .event_details {
	margin-left: 0;
}
.small .rsvp_around {
	margin-left: 0;
	line-height: 30px;
	font-size: 18px;
	padding: 6px;
	padding-left: 10px;
	text-align: left;	
}
.half .rsvp_links, .small .rsvp_links {
	font-size: 18px;
	float: none;
}
.half .rsvp_response:link, .half .rsvp_response:hover, .half .rsvp_response:active, .half .rsvp_response:visited, .small .rsvp_response:link, .small .rsvp_response:hover, .small .rsvp_response:active, .small .rsvp_response:visited {
	line-height: 30px;
	padding: 0 5px;
	margin-right: 1px;
}



*/


.composer_social_connection_name {
	color:#828c8d;
	font-size: 14px;
	line-height: 20px;
	margin-top: -10px;
}


.newsletter_header {
	display: none;
}
.newsletter_header.on {
	display: block;
}
.newsletter_header .note_item_options {
	display: none !important;
}






.deliverability_summary {
	color:#828c8d;
	font-size: 14px;
	padding:20px 30px;
}


.ipad_composer_small_screen {
	background:#828c8d;
	position: fixed;
	top:50%;
	left:50%;
	z-index: 9000;
	width:300px;
	height: 300px;
	border-radius: 3px;
	margin-left:-150px;
	margin-top: -150px;
	color:#FFF;
	text-align: center;
	font-size: 24px;
	padding:40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: none;
}
.ipad_composer_small_screen .fa {
	display: block;
	font-size: 48px;
	margin-bottom: 20px;
}
.ipad_composer_small_screen_cover {
	background: rgba(255,255,255,.9);
	position: fixed;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	z-index: 8999;
	display: none;
}
.add_items_mobile {
	display: none;
}
.note_comment_preference .composer_social_connection_name {
	display: none;
}
@media screen and (max-width: 1024px) {
	.composer_holder {
		position: fixed;
		left:0 !important;
		right:0 !important;
		top:0 !important;
		bottom:0 !important;
		margin:0 !important;
		width:100%;
		border-radius: 0;
	}
	.composer_holder .close_note_button {
		display: none;
	}
}


@media screen and (max-width: 900px) {
	.composer_holder .note_group {
		left:0;
		right: 0;
		position: fixed;
	}
	.composer {
		width:auto;
		position: relative;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		padding-bottom: 80px;
	}
	.options_holder {
		position: relative;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-left: none;
		left:0;
		border-top: 1px solid #bec3c7;
		padding-bottom: 20px;
	}
	.options_inside {
		position: static;
		max-width: 600px;
		margin:0 auto;
	}
	.regular_option {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width:300px;
		margin: 0;
		display: inline-block;
	}
	.options_bottom {
		position: fixed;
		left:0;
		border-bottom-right-radius: 0;
	}
	.composer_holder.overlay, .touch .composer_holder.overlay {
		top:0 !important;
		background:#FFF;
		z-index: 8000px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding:0;
	}
	.composer_mobile_around {
		position: absolute;
		top:79px;
		bottom:80px;
		width:100%;
		background:#eceff0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.composer_type_email .composer_mobile_around {
		bottom: 214px;
	}
	.options_inside .add_items {
		display: none;
	}
	.add_items_mobile {
		display: block;
		border-bottom: none;
		background:#eceff0;
		position: fixed;
		bottom:80px;
		left:0;
		right:0;
		z-index: 5000;
		border-top: 1px solid #bec3c7;
		text-align: center;
		padding:10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.email_columns_option_holder {
		width: 300px;
		display: inline-block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.note_comment_preference .composer_social_connection_name {
		display: block;
	}
	.browser-mobile-true.browser-tablet-true body {
		overflow: hidden;
	}
	.browser-ios-true.keyboard-up .add_items_mobile {
		bottom:230px;
	}
	.browser-ios-true.browser-release-7.keyboard-up .add_items_mobile {
		bottom:80px;
	}
	.browser-ios-true.keyboard-up .note_options_bottom {
		padding-bottom:170px;
	}
}
@media screen and (max-width: 600px) {
	.composer_holder.overlay, .touch .composer_holder.overlay {
		top:0 !important;
		left:0;
		right:0;
		bottom:0;
		background:#fff;
		padding:0;
		overflow: auto;
		position: fixed;
		margin-bottom: 0;
		border-top:none;
		border-bottom: none;
		width: auto;
		-webkit-overflow-scrolling: touch;
	}
	.composer_holder .sms_icon {
		margin-top: 20px;
		margin-bottom: 20px;
		line-height: 80px; 
	}
	.composer {
		padding-bottom: 20px;
	}
	.regular_option {
		width:auto;
		display:block;
	}
	
	.email_columns_option_holder, .newsletter_preference_option_around {
		display: none;
	}
	.note_comment_preference .composer_social_connection_name {
		display: none;
	}
	
	
	.composer_email .newsletter_header, .composer_email .col2 {
		display: none;
	}
	.column.col1 {
		width: auto !important;
		max-width: 560px !important;
		margin:0 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.touch .editor-toolbar {
		display: none !important;
	}
	
}
@media screen and (max-width: 620px) {
	/*
		.add_items_mobile {
		padding:10px 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.add_items_mobile_inside {
		width:518px;
		margin:0 auto;
	}
	.add_item_button {
		width:74px;
	}
	*/
	.add_button_quote, .add_button_filer, .add_button_event, .add_button_survey {
		display: none;
	}
}

@media screen and (max-width: 520px) {
	.composer_sms_text_holder {
		margin:0 40px;
	}
}
/* iPhone 6+ and below */
@media screen and (max-width: 414px) and (max-height: 736px) {
	.options_bottom {
		padding:10px;
	}
	.composer_mobile_around {
		bottom:68px;
	}
	.add_items_mobile {
		bottom:60px;
	}
	.add_items_mobile .instructions {
		display: none;
	}
	.composer_type_email .composer_mobile_around {
		bottom: 162px;
	}
}
/* iPhone 6 and below */
@media screen and (max-width: 375px) and (max-height: 667px) {
	.sms_icon {
		display: none;
	}
	.composer_sms_text_holder {
		margin:0 20px;
		margin-top: 40px;
	}
}
/*
@media screen and (max-width: 400px) {
	.add_items_mobile_inside {
		width:567px;
	}
	.add_item_button {
		width:81px;
	}
}
@media screen and (max-width: 370px) {
	.add_items_mobile_inside {
		width:504px;
	}
	.add_item_button {
		width:72px;
	}
}
*/