.smooth-transition {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}
.btn {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}
#email-editor {
  border-right: 7px solid #3D8199;
}
#email-editor #email-body {
  border: 1px solid black;
  min-height: 200px;
  padding: 5px;
  margin-bottom: 15px;
  /**
		 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
		 * http://cssreset.com
		 * Copyright 2012 Yahoo! Inc. All rights reserved.
		 * http://yuilibrary.com/license/
		 */
  color: #000;
  background: #FFF;
  /*
			TODO think about handling inheritance differently, maybe letting IE6 fail a bit...
		*/
  /* to preserve line-height and selector appearance */
  /*to enable resizing for IE*/
  /*because legend doesn't inherit in IE */
  /*
		* Rules to actually style the editor
		*/
}
#email-editor #email-body div,
#email-editor #email-body dl,
#email-editor #email-body dt,
#email-editor #email-body dd,
#email-editor #email-body ul,
#email-editor #email-body ol,
#email-editor #email-body li,
#email-editor #email-body h1,
#email-editor #email-body h2,
#email-editor #email-body h3,
#email-editor #email-body h4,
#email-editor #email-body h5,
#email-editor #email-body h6,
#email-editor #email-body pre,
#email-editor #email-body code,
#email-editor #email-body form,
#email-editor #email-body fieldset,
#email-editor #email-body legend,
#email-editor #email-body input,
#email-editor #email-body textarea,
#email-editor #email-body p,
#email-editor #email-body blockquote,
#email-editor #email-body th,
#email-editor #email-body td {
  margin: 0;
  padding: 0;
}
#email-editor #email-body table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: inherit;
}
#email-editor #email-body fieldset,
#email-editor #email-body img {
  border: 0;
}
#email-editor #email-body address,
#email-editor #email-body caption,
#email-editor #email-body cite,
#email-editor #email-body code,
#email-editor #email-body dfn,
#email-editor #email-body th,
#email-editor #email-body var {
  font-style: normal;
  font-weight: normal;
}
#email-editor #email-body ol,
#email-editor #email-body ul {
  list-style: none;
}
#email-editor #email-body caption,
#email-editor #email-body th {
  text-align: left;
}
#email-editor #email-body q:before,
#email-editor #email-body q:after {
  content: '';
}
#email-editor #email-body abbr,
#email-editor #email-body acronym {
  border: 0;
  font-variant: normal;
}
#email-editor #email-body sup {
  vertical-align: text-top;
}
#email-editor #email-body sub {
  vertical-align: text-bottom;
}
#email-editor #email-body input,
#email-editor #email-body textarea,
#email-editor #email-body select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
#email-editor #email-body input,
#email-editor #email-body textarea,
#email-editor #email-body select {
  *font-size: 100%;
}
#email-editor #email-body legend {
  color: #000;
}
#email-editor #email-body div[data-drop="true"],
#email-editor #email-body td[data-drop="true"] {
  background-color: #ddd;
  width: 100%;
  max-width: 580px;
  margin: auto;
}
#email-editor #email-body div[data-drop="true"].drop-highlight,
#email-editor #email-body td[data-drop="true"].drop-highlight {
  background-color: lightgreen !important;
}
#email-editor #email-body div[data-drop="true"] p,
#email-editor #email-body td[data-drop="true"] p {
  color: #888;
  font-size: 1.2em;
  font-style: italic;
  padding: 15px 0;
  text-align: center;
}
#email-editor #email-body table.deviceWidth {
  width: auto;
}
#email-editor #email-body table.component {
  position: relative;
  max-width: 580px;
  margin: 25px auto 0;
  width: 100%;
}
#email-editor #email-body table.component tr.action-hover {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 5px;
  position: absolute;
  top: -25px;
  left: 5%;
  width: 90%;
  z-index: 2;
}
#email-editor #email-body table.component tr.action-hover a {
  color: white;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  text-decoration: none;
}
#email-editor #email-body table.component tr.row-2-col td {
  width: 50%;
  vertical-align: top;
}
#email-editor #email-body table.component tr.row-2-col td :first-child {
  padding-right: 15px;
}
#email-editor #email-body table.component tr.row-2-col.row-thin-first td:first-child {
  width: 25%;
}
#email-editor #email-body table.component tr.row-2-col.row-thin-first td:last-child {
  width: 75%;
}
#email-editor #email-body table.component tr.row-2-col.row-wide-first td:first-child {
  width: 75%;
}
#email-editor #email-body table.component tr.row-2-col.row-wide-first td:last-child {
  width: 25%;
}
#email-editor #email-body table.component tr td {
  position: relative;
}
#email-editor #email-body table.component tr td p {
  padding: 0px 5px;
}
#email-editor #email-body table.component tr td img {
  width: 100%;
  padding: 5px 2px 5px 2px;
}
#email-editor #email-body table.component tr td .image-action-hover {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 5px;
  position: absolute;
  top: 35%;
  left: 5%;
  width: 90%;
}
#email-editor #email-body table.component tr td .image-action-hover a {
  color: white;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  text-decoration: none;
}
#email-editor #email-body #footer {
  width: 580px;
}
@media only screen and (max-width: 639px) {
  #email-editor #email-body #footer {
    width: auto;
  }
}
.advance-link {
  text-decoration: underline;
  padding-right: 20px;
}
.faded-line,
.legend-header-footer {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #ffffff), color-stop(0.1, #dddddd), color-stop(0.9, #dddddd), color-stop(1, #ffffff));
  background-image: -moz-linear-gradient(left center, #ffffff 0%, #dddddd 10%, #dddddd 90%, #ffffff 100%);
}
#email-components h2.col-md-12 {
  border-bottom: 2px solid #535050;
  border-top: 2px solid #494747;
  padding-top: 3px;
  padding-bottom: 3px;
}
#email-components .email-component {
  padding: 5px;
  margin-bottom: 5px;
  cursor: move;
}
#email-components .email-component img {
  max-width: 100%;
}
#email-components .email-component table {
  display: none;
}
hr {
  border-color: #262629;
}
#email-config {
  margin-bottom: 10px;
}
#email-config h5 {
  font-weight: 700;
}
#email-config h4 {
  font-size: 20px;
  padding-bottom: 5px;
}
#email-config .form-group {
  padding-left: 7px;
  margin-bottom: 4px;
}
#email-config .form-group label {
  min-width: 150px;
}
.recipient-text {
  color: #A94442;
}
.recipient-text.empty {
  color: red;
}
.vertical-radio-list {
  margin-left: 25px;
}
.vertical-radio-list label {
  display: block;
  font-weight: normal;
}
#next-choice-text {
  display: block;
  text-align: center;
}
#next-choice-container {
  display: block;
  text-align: center;
}
#scheduled-date {
  display: block;
}
/**
* Fix Datetimepickers position (is default broken in chrome)
*/
#timepicker {
  position: relative;
}
.legend-header-footer {
  clear: both;
  float: none;
  margin-top: 11px;
  width: 100%;
  height: 1px;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #ffffff), color-stop(0.1, #dddddd), color-stop(0.9, #dddddd), color-stop(1, #ffffff));
  background-image: -moz-linear-gradient(left center, #ffffff 0%, #dddddd 10%, #dddddd 90%, #ffffff 100%);
}