body {
  padding: 0;
  margin: 0;
  border: 0;
}
#mute {
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
#add-account {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  width: 260px;
  z-index: 3;
  margin-left: -200px;
  margin-top: -200px;
  padding: 30px 20px 20px 20px;
  color: #444;
  text-align: center;
}
#add-account p {
  color: #aaa;
  font-size: 11px;
  position: relative;
  padding: 10px 20px 20px 50px;
  text-align: left;
  border: 1px solid transparent;
}
#add-account p input {
  position: absolute;
  top: 10px;
  left: 20px;
}
#add-account p.attention {
  border: 1px solid #FF413666;
  border-radius: 0.5em;
  background: #FF413611;
}
#add-account > a {
  text-align: left;
  transition: background-color 0.3s, box-shadow 0.3s;
  padding: 12px 16px 12px 52px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  display: block;
  margin: 20px;
  text-decoration: none;
  font-weight: 500;
  color: #757575;
  font-size: 14px;
  font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-image: url('/limg/google.png');
  background-size: 22px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 13px 8px;
}
#add-account > a.add-outlook {
  background-image: url('/limg/outlook.png');
  background-position: 14px 10px;
}
#add-account > a:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}
#add-account > a:active {
  background-color: #eeeeee;
}
#add-account > a:focus {
  outline: none;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}
#add-account > a:disabled {
  filter: grayscale(100%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
form.change input[name=from],
form.change input[name=to] {
  width: 80px !important;
  text-align: center;
}
form.change .dots {
  float: left;
  padding: 10px;
}
form.change .textarea {
  width: 400px;
}
form.change .days {
  float: left;
}
form.change .days input {
  float: none;
  width: 20px !important;
  display: inline-block;
  padding: 0;
  margin: 25px 0 0 0;
  vertical-align: top;
}
form.change .days input + span {
  display: inline-block;
  padding-top: 5px;
  margin-left: -18px;
  width: 40px;
  font-size: 11px;
}
#trackin-domain {
  margin-left: 220px;
  float: none;
  clear: both;
  border-left: 4px solid #cb0090;
  padding-left: 20px;
}
#trackin-domain b {
  color: #cb0090;
}
.textarea .ql-snow.ql-toolbar button,
.textarea .ql-snow .ql-toolbar button {
  margin: 15px 0;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before {
  content: 'Minuscule';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before {
  content: 'Petite';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before {
  content: 'Regular';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before {
  content: 'Medium';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before {
  content: 'Large';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before {
  content: 'Extra large';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before,
.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before {
  content: 'Huge';
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  font-size: 10px !important;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  font-size: 12px !important;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  font-size: 14px !important;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  font-size: 16px !important;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  font-size: 18px !important;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  font-size: 24px !important;
}
.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  font-size: 32px !important;
}
.no-accounts {
  background: url(/limg/no_accs.png) no-repeat 50px 100px;
  background-size: 400px;
  text-align: center;
  padding-top: 350px;
  max-width: 500px;
  margin: 0 auto;
}
.no-accounts h2 {
  font-size: 36px;
}
.no-accounts p {
  margin: 30px 0;
}
#csv {
  margin-top: 40px;
  border-collapse: collapse;
}
#csv .on {
  background: #fcf2fa;
}
#csv tr:last-child td {
  text-align: center;
}
#csv tr th,
#csv tr td {
  padding: 20px !important;
}
#csv-container {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.max {
  font-size: 12px;
  color: #888;
  margin-top: -20px;
}
select[name="email_column"] + label {
  color: #aaa;
  text-align: center;
  width: 100%;
  font-size: 10px;
  margin: -45px 0 45px 0;
}
select[name="email_column"].hidden + label {
  display: none;
}
form .buttons {
  text-align: center;
  margin: 20px 0;
}
form .buttons button {
  width: auto;
  padding: 10px 20px;
  display: inline-block;
  margin: 0 20px 0 0;
}
#filter-campaign {
  background: #fff;
  position: absolute;
  top: 100px;
  right: 0px;
  border-radius: 10px;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
  width: 400px;
  z-index: 2;
  padding: 20px;
}
#filter-campaign button[type=button] {
  float: none;
  margin: 0 0 0 20px;
  border: none;
  padding: 0;
  width: auto;
  background: none;
  text-transform: capitalize;
  font-weight: normal;
  display: inline;
  font-size: 14px;
  color: #888;
}
#filter-campaign button[type=button].on {
  color: #ce1097;
}
#filter-campaign select {
  float: none;
  display: block;
  margin: 0 0 20px 0;
}
#filter-campaign p {
  display: block;
  margin: 20px 0;
}
#filter-campaign p b {
  font-weight: normal;
  text-transform: capitalize;
}
#filter-campaign p i {
  float: right;
}
#filter-campaign button[type=submit] {
  width: 100px;
  margin: 20px auto 0 auto;
}
#search-email {
  margin: 0;
}
#search-email input {
  margin: 0;
  background: transparent;
  background-image: url(/limg/loupe.png);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 30px;
  font-weight: normal;
  opacity: 0.5;
}
#search-email input:focus {
  opacity: 1;
}
#search-email input::placeholder {
  color: #444;
}
#msg-queue {
  list-style: none;
  padding: 0;
  width: 213px;
  margin: 0;
  position: relative;
  max-height: 580px;
  overflow-y: auto;
}
#msg-queue::-webkit-scrollbar {
  width: 4px;
}
#msg-queue::-webkit-scrollbar-track {
  background: #eee;
}
#msg-queue::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
#msg-queue li {
  font-size: 12px;
}
#msg-queue li h4 {
  margin: 0;
  padding: 20px;
  font-weight: normal;
  text-align: left;
  width: 200px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  position: relative;
  cursor: pointer;
}
#msg-queue li h4 i,
#msg-queue li h4 em {
  font-style: normal;
}
#msg-queue li h4 em {
  margin-left: 5px;
}
#msg-queue li h4 button {
  position: absolute;
  right: 8px;
  top: 20px;
  background-size: 12px 12px;
  opacity: 0.6;
  background-repeat: no-repeat;
}
#msg-queue li h4 button:hover {
  opacity: 1;
}
#msg-queue li h4 b {
  display: block;
  font-weight: normal;
  margin-top: 10px;
  color: #aaa;
}
#msg-queue li:hover h4 {
  border-color: #ccc;
}
#msg-queue li .from {
  padding-top: 10px !important;
}
#msg-queue li h5 {
  font-size: 1em;
  line-height: 150%;
}
#msg-queue li .e {
  font-size: 12px;
  color: #888;
}
#msg-queue li input[name^=is_reply] {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  text-align: right;
  color: #888;
  cursor: pointer;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #ccc;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  transform: translateY(-0.075em);
}
#msg-queue li > label {
  position: absolute;
  top: 0;
  right: 30px;
  padding: 3px;
  margin: 0;
  font-size: 12px;
}
#msg-queue li input[type="checkbox"] {
  display: grid;
  place-content: center;
}
#msg-queue li input[type="checkbox"]::before {
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #cb0090;
  background-color: green;
}
#msg-queue li input[type="checkbox"]:checked::before {
  transform: scale(1);
}
#msg-queue li .test-email {
  position: absolute;
  right: 20px;
  bottom: 30px;
  z-index: 2;
}
#msg-queue li .body {
  padding: 0;
  border-radius: 10px;
  border: 1px solid #ddd;
  position: fixed;
  right: 50%;
  margin-right: -480px;
  top: 278px;
  width: 720px;
  box-sizing: border-box;
  display: none;
  /*input, textarea, .textarea {
        margin-top: 20px;
      }*/
}
#msg-queue li .body .ac {
  position: fixed;
  top: 285px;
  z-index: 2;
  font-weight: bold;
  color: #888;
  display: inline-block;
  width: auto;
  border: none;
  background: none;
  padding: 0;
  text-transform: none;
  font-size: 14px;
  right: 50%;
  margin-right: -460px;
}
#msg-queue li .body .ac:hover {
  color: #222;
}
#msg-queue li .body .ac.ac-body {
  top: 340px;
}
#msg-queue li .body label {
  width: 80px;
  text-align: left;
}
#msg-queue li .body label.from {
  margin-top: 0;
  padding-top: 0;
}
#msg-queue li .body .subject {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 0;
}
#msg-queue li .body .subject input {
  width: 100%;
  padding: 17px 10px 17px 65px;
  margin: 0;
  background: none;
  float: none;
  font-weight: normal;
  display: block;
}
#msg-queue li .body .subject label {
  position: absolute;
  top: 9px;
  left: 10px;
  margin: 0;
  color: #aaa;
  z-index: -1;
}
#msg-queue li .body div.textarea {
  position: relative;
  height: 500px;
  width: 100%;
  margin: 0;
}
#msg-queue li .body div.textarea .editor {
  height: 360px !important;
  overflow: hidden;
}
#msg-queue li .body div.textarea .editor img {
  max-width: 100%;
}
#msg-queue li .body div.textarea .editor p {
  margin: 0 0 5px 0 !important;
}
#msg-queue li .body div.textarea .ql-container.ql-snow.editor {
  overflow: visible;
  border: none;
  background: #FAFAFA;
  height: 430px !important;
}
#msg-queue li .body div.textarea .ql-container.ql-snow.editor .ql-editor {
  height: 430px !important;
}
#msg-queue li .body div.textarea .ql-container.ql-snow.editor input {
  float: none;
}
#msg-queue li .body div.textarea .ql-toolbar.ql-snow {
  border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  border-top: 1px solid #eee;
}
#msg-queue li .body div.textarea .ql-toolbar.ql-snow .ql-formats {
  margin-right: 10px;
}
#msg-queue li .body div.textarea .ql-snow.ql-toolbar button,
#msg-queue li .body div.textarea .ql-snow .ql-toolbar button {
  margin: 15px 0;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  top: auto;
  bottom: 100%;
  margin-top: 1px;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before {
  content: 'Minuscule';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before {
  content: 'Petite';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before {
  content: 'Regular';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before {
  content: 'Medium';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before {
  content: 'Large';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before {
  content: 'Extra large';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before,
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before {
  content: 'Huge';
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  font-size: 10px !important;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  font-size: 12px !important;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  font-size: 14px !important;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  font-size: 16px !important;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  font-size: 18px !important;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  font-size: 24px !important;
}
#msg-queue li .body div.textarea .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  font-size: 32px !important;
}
#msg-queue li .body > p {
  float: left;
}
#msg-queue li .body > p a {
  margin: 0;
  padding: 0;
}
#msg-queue li .delay {
  border: 1px solid #ddd;
  background: #EEE;
  padding: 10px 20px;
  border-radius: 10px;
  display: block;
  width: 200px;
  box-sizing: border-box;
  margin: 0 0 10px 0;
}
#msg-queue li .delay input {
  width: 45px;
  text-align: center;
  border-radius: 6px;
  margin: 0 5px;
  padding: 4px 0;
  background: #ddd;
  font-size: 12px;
  float: none;
  font-weight: normal;
}
#msg-queue li .delay label {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}
#msg-queue li.on h4 {
  border-color: #cb0090;
  custor: default;
}
#msg-queue li.on .body {
  display: block;
}
#msg-queue.created li .body {
  top: 275px;
}
.c-campaigns-edit form p.buttons {
  position: fixed;
  top: 825px;
  left: 50%;
  margin-left: -240px;
  text-align: right;
}
.c-campaigns-edit form p.buttons.created {
  text-align: right;
}
.c-campaigns-edit form p.buttons label {
  margin: 0;
  padding: 0;
  position: static;
  float: none;
  display: inline-block;
  width: auto;
  margin-right: 40px;
}
.c-campaigns-edit form p.buttons label input {
  float: none;
  margin: 0 5px 3px 0;
  display: inline-block;
  vertical-align: middle;
}
.c-campaigns-edit form p.buttons button {
  margin: 0 0 0 20px;
}
.c-campaigns-edit form p.buttons button.upd {
  margin-left: 205px;
}
form.test-form {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
  width: 250px;
  z-index: 2;
  margin-left: -125px;
  margin-top: -100px;
}
form.test-form label,
form.test-form input {
  float: none;
}
form.test-form input {
  margin: 20px 0;
}
form.test-form label {
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
  width: auto;
}
form.test-form button {
  width: 80px;
  margin: 0 auto;
}
form button {
  float: none !important;
  margin: 20px auto;
  display: block;
  width: 200px;
}
form #new {
  background: #eee;
  border-color: #aaa;
  color: #444;
  padding: 5px 0;
  width: 140px;
  font-size: 12px;
  margin: 10px 30px;
}
.status-filters {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.status-filters li {
  display: table-cell;
}
.status-filters li a {
  display: block;
  text-align: center;
  background: #f3f3f3;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid transparent;
  margin-right: 10px;
  text-transform: none;
  text-decoration: none;
  color: #000;
  font-size: 11px;
  white-space: nowrap;
  text-align: left;
}
.status-filters li a:first-letter {
  text-transform: uppercase;
}
.status-filters li a b {
  display: block;
  font-size: 2em;
  font-weight: normal;
  margin-top: 5px;
}
.status-filters li a b small {
  margin-left: 10px;
  font-size: 0.5em;
  color: #888;
}
.status-filters li a:hover {
  background: #eee;
}
.status-filters li a.on {
  border-color: #a3a3a3;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.status-filters li a.bounced {
  color: #de9f22;
}
.status-filters li a.bounced small {
  color: #de9f22;
}
.status-filters li a.unsubscribed {
  color: #ff0707;
}
.status-filters li a.unsubscribed small {
  color: #ff0707;
}
.status-filters li a.replied {
  color: #cb0090;
}
.status-filters li a.replied small {
  color: #cb0090;
}
.status-filters li:last-child a {
  margin-right: 0;
}
.count {
  background: #eee;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.pager {
  text-align: right;
  color: #888;
  font-size: 12px;
  vertical-align: middle;
  font-weight: bold;
}
.pager a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #888;
  text-decoration: none;
  margin-left: 10px;
  font-weight: bold;
}
.pager a.off {
  color: #ddd;
  pointer-events: none;
}
ul.stats {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.stats li {
  width: 20%;
  padding: 0 20px;
  box-sizing: border-box;
  display: inline-block;
  margin: 40px 0;
}
ul.stats li b {
  font-size: 24px;
  margin-right: 5px;
  font-weight: normal;
}
ul.stats li small {
  font-size: 12px;
  color: #aaa;
}
ul.stats li i {
  font-style: normal;
  color: #aaa;
  display: block;
  margin: 0 0 2px 0;
  font-size: 12px;
}
ul.stats li i::after {
  content: ' ';
  background: url(/limg/email.png) no-repeat center;
  background-size: 18px;
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
ul.stats li i.sent::after {
  background-color: #deefda;
}
ul.stats li i.bounced::after {
  background-color: #faedcf;
  background-image: url(/limg/bounce.png);
}
ul.stats li i.opened::after {
  background-color: #d7e8f0;
  background-image: url(/limg/open-message.png);
}
ul.stats li i.clicked::after {
  background-color: #e8d9ee;
  background-image: url(/limg/cursor.png);
}
ul.stats li i.replied::after {
  background-color: #f0b2de;
  background-image: url(/limg/comment.png);
}
#chart {
  margin-top: 40px;
}
#period-export {
  list-style: none;
  padding: 0;
  margin: 40px 0;
}
#period-export li {
  display: inline-block;
  margin: 0 20px 0 0;
}
#period-export li.p a {
  text-decoration: none;
  color: #000;
}
#period-export li.p a.on {
  color: #cb0090;
}
#period-export li.export {
  float: right;
  margin-right: 0;
}
#content.c-campaigns-edit {
  min-height: 900px !important;
}
.ql-toolbar button,
.ql-toolbar .ql-picker {
  position: relative;
}
.ql-toolbar button:hover:before,
.ql-toolbar .ql-picker:hover:before {
  display: block;
}
.ql-toolbar button:before,
.ql-toolbar .ql-picker:before {
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 100%;
  margin-left: 15px;
  /* and add a small left margin */
  min-width: 80px;
  max-width: 200px;
  padding: 6px;
  border-radius: 5px;
  border-top-right-radius: 0;
  background: #222;
  color: #eee;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  text-transform: capitalize;
  display: none;
}
.ql-toolbar button.ql-bold:before,
.ql-toolbar .ql-picker.ql-bold:before {
  content: 'Bold text';
}
.ql-toolbar button.ql-italic:before,
.ql-toolbar .ql-picker.ql-italic:before {
  content: 'Italic text';
}
.ql-toolbar button.ql-underline:before,
.ql-toolbar .ql-picker.ql-underline:before {
  content: 'Underline text';
}
.ql-toolbar button.ql-strike:before,
.ql-toolbar .ql-picker.ql-strike:before {
  content: 'Strike through text';
}
.ql-toolbar button.ql-link:before,
.ql-toolbar .ql-picker.ql-link:before {
  content: 'Insert link';
}
.ql-toolbar button.ql-image:before,
.ql-toolbar .ql-picker.ql-image:before {
  content: 'Insert image';
}
.ql-toolbar button.ql-picker:before,
.ql-toolbar .ql-picker.ql-picker:before {
  content: 'Font size';
}
.ql-toolbar button.ql-picker.ql-color:before,
.ql-toolbar .ql-picker.ql-picker.ql-color:before {
  content: 'Text color';
}
.ql-toolbar button.ql-picker.ql-align:before,
.ql-toolbar .ql-picker.ql-picker.ql-align:before {
  content: 'Text alignment';
}
.ql-toolbar button.ql-clean:before,
.ql-toolbar .ql-picker.ql-clean:before {
  content: 'Clean formatting';
}
.ql-toolbar button.ql-picker.ql-background:before,
.ql-toolbar .ql-picker.ql-picker.ql-background:before {
  content: 'Background color';
}
.ql-toolbar button.ql-header[value="1"]:before,
.ql-toolbar .ql-picker.ql-header[value="1"]:before {
  content: 'Header 1';
}
.ql-toolbar button.ql-header[value="2"]:before,
.ql-toolbar .ql-picker.ql-header[value="2"]:before {
  content: 'Header 2';
}
.ql-toolbar button.ql-list[value="ordered"]:before,
.ql-toolbar .ql-picker.ql-list[value="ordered"]:before {
  content: 'Ordered list';
}
.ql-toolbar button.ql-list[value="bullet"]:before,
.ql-toolbar .ql-picker.ql-list[value="bullet"]:before {
  content: 'Unordered list';
}
.ql-toolbar button.ql-indent[value="-1"]:before,
.ql-toolbar .ql-picker.ql-indent[value="-1"]:before {
  content: 'Decrease indent';
}
.ql-toolbar button.ql-indent[value="+1"]:before,
.ql-toolbar .ql-picker.ql-indent[value="+1"]:before {
  content: 'Increase indent';
}
.c-campaigns-create .big select {
  display: inline-block;
  width: 340px;
}
.c-campaigns-create .big .sender {
  display: inline-block;
  margin: 0 10px 0 0;
}
.no-campaigns {
  background: url(/limg/no_campaigns.png) no-repeat center;
  background-size: 400px;
  text-align: center;
  padding-top: 500px;
}
.no-campaigns h2 {
  font-size: 36px;
}
.no-campaigns p {
  margin: 30px 0;
}
ul.submenu {
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
ul.submenu li {
  display: inline-block;
  padding: 0;
}
ul.submenu li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  padding: 20px 0;
  margin: 0 20px 0 0 ;
}
ul.submenu li a.on {
  color: #cb0090;
  border-bottom: 3px solid #cb0090;
}
ul.submenu li.context {
  float: right;
  padding-top: 15px;
}
ul.submenu li.context a {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  font-weight: normal;
  margin: 0 0 0 10px;
}
ul.submenu li.context a.f {
  font-size: 11px;
  background-color: #eee;
  padding: 6px 8px;
  border-radius: 10px;
}
ul.submenu li.context a.f:after {
  content: '×';
  padding-left: 10px;
  color: #888;
}
ul.submenu li.context a.f:hover {
  background-color: #e8e8e8;
}
ul.submenu li.context a.f:hover:after {
  color: #ff0707;
}
ul.submenu li.context a.filter {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  padding: 2px 0;
}
#content {
  position: relative;
}
#campaign-context {
  position: absolute;
  top: 20px;
  right: 0;
}
a.back {
  background: url(/limg/back_button.png) no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: 32px 32px;
  position: absolute;
  left: -40px;
  top: 20px;
}
th ul.submenu {
  margin: 0;
  border: none;
}
.e {
  margin-top: 10px;
  color: #888;
  font-size: 12px;
}
.campaigns td {
  padding: 25px 16px 25px 0;
}
.campaigns td h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}
.campaigns td:first-child {
  padding-left: 0;
}
.campaigns td:last-child {
  white-space: nowrap;
}
.campaigns td:last-child button,
.campaigns td:last-child a {
  visibility: hidden;
}
.campaigns td.dis {
  background: url(/limg/disabled.png) no-repeat;
  background-position: 0px 40px;
  background-size: 20px;
}
.campaigns td.dis b,
.campaigns td.dis small {
  display: none;
}
.campaigns td .ts {
  font-size: 10px;
  color: #aaa;
  margin-left: 10px;
}
.campaigns td b {
  font-size: 2em;
  font-weight: normal;
}
.campaigns td b.g {
  color: #94ca84;
}
.campaigns td b.r {
  color: #f4c363;
}
.campaigns tr:hover td:last-child button,
.campaigns tr:hover td:last-child a {
  visibility: visible;
}
#saved {
  background: #eff7ed;
  width: 110px;
  text-align: center;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-left: -55px;
  color: #a1d193;
  font-weight: bold;
  border: 1px solid #cee7c7;
  padding: 10px 20px;
  border-radius: 4px;
  z-index: 2;
}
.ctx-info {
  font-size: 10px;
  color: #aaa;
  margin-right: 20px;
}
body {
  font-family: Arial;
  font-size: 14px;
  background-color: #fff !important;
}
.appsumo_deal {
  font-size: 16px;
}
.appsumo_deal button {
  text-transform: none;
}
#content h1 {
  padding-right: 100px;
}
[data-hint] {
  position: relative;
}
[data-hint]::before {
  position: absolute;
  right: -14px;
  width: 12px;
  height: 12px;
  background: url(/limg/help.svg) no-repeat;
  content: ' ';
  background-size: 12px 12px;
  opacity: 0.5;
}
label[data-hint]::before {
  right: 6px;
}
li[data-hint]::before {
  top: -14px;
  left: 0;
  right: auto;
  opacity: 0.3;
}
th[data-hint]::before {
  left: -14px;
  right: auto;
}
th:last-child[data-hint]::before {
  left: auto;
  right: -14px;
}
button[data-hint]::before {
  display: none;
}
a[data-hint]::before {
  display: none;
}
.dis[data-hint]::before {
  display: none;
}
[data-hint]::after {
  position: absolute;
  text-align: left;
  opacity: 0;
  pointer-events: none;
  content: attr(data-hint);
  text-transform: none;
  left: 0;
  top: calc(100% + 10px);
  border-radius: 4px;
  color: #eee;
  line-height: 150%;
  background-color: #222;
  z-index: 10;
  padding: 16px;
  max-width: 250px;
  min-width: 150px;
  transform: translateY(-20px);
  transition: all 150ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dis[data-hint]::after {
  top: calc(100% - 30px);
}
[data-hint]:hover::after {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 300ms;
}
.menu {
  list-style: none;
  padding: 0;
  margin: 10px;
}
.menu li {
  display: inline-block;
  margin: 0 20px 0 0;
}
.hidden {
  display: none !important;
}
.block {
  margin: 10px;
  display: block;
}
a {
  color: #cb0090;
}
a.secondary {
  text-decoration: none;
  color: #aaa;
}
.secondary {
  color: #aaa;
  margin: 5px 0;
}
.fixed-head {
  position: fixed;
  z-index: 1;
  width: 1000px;
  left: 50%;
  top: 84px;
  padding: 36px 20px 20px 20px;
  box-sizing: border-box;
  margin-left: -500px;
  background: #fafafa;
}
.fixed-head-filler {
  height: 220px;
}
.vars-hint {
  display: none;
  z-index: 3;
  position: fixed;
  box-sizing: border-box;
  top: 170px;
  right: 50%;
  margin-right: -420px;
  width: 300px;
  font-size: 11px;
  text-align: left;
  background: #444;
  color: #eee;
  padding: 10px 20px;
  line-height: 150%;
  font-weight: normal;
  border-radius: 10px;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
}
.vars-hint.on {
  display: block;
}
.vars {
  background: #fff;
  width: 300px;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  position: fixed;
  top: 300px;
  right: 50%;
  z-index: 3;
  margin-right: -420px;
  text-align: center;
  font-size: 12px;
  font-family: monospace;
  color: #888;
  border-radius: 10px;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
}
.vars.on {
  display: block;
}
.vars button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  border: none;
  padding: 10px 20px;
  background: none;
  text-transform: none;
  font-weight: normal;
  font-family: monospace;
  color: #888;
  border-radius: 0;
  font-size: 12px;
}
.vars button:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.vars button:nth-child(2) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.vars button:before {
  content: '{';
}
.vars button:after {
  content: '}';
}
.vars button:hover {
  color: #444;
  background: #FAFAFA;
}
.vars button:active {
  color: #222;
  background: #F7F7F7;
  padding: 11px 20px 9px 20px;
}
.head ul li a {
  font-size: 16px;
}
.head ul li a.on {
  pointer-events: auto !important;
  cursor: pointer !important;
}
table {
  font-size: 14px;
  width: 100%;
}
table th {
  text-align: left;
  font-weight: normal;
  color: #aaa;
}
table th.submenu {
  padding: 0;
}
table th:first-child a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin: 0 20px 0 0;
  display: inline-block;
  padding: 20px 0;
}
table th:first-child a.on {
  border-bottom: 3px solid #cb0090;
  color: #cb0090;
}
table th,
table td {
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
  vertical-align: middle !important;
}
table th:last-child,
table td:last-child {
  text-align: right;
  padding-right: 0;
}
table th:last-child button,
table td:last-child button,
table th:last-child .button,
table td:last-child .button {
  margin: 0;
}
table th small,
table td small {
  color: #aaa;
  margin-left: 10px;
}
table td .progress {
  display: block;
  height: 5px;
  width: 50px;
  background: #eee;
  border-radius: 2px;
  margin-top: 5px;
}
table td .progress .bar {
  width: 50%;
  display: block;
}
table td:first-child h3 {
  font-weight: normal;
  margin: 0 0 5px 0;
}
input,
textarea,
select {
  padding: 10px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  outline: none;
  border: none !important;
}
input:focus,
textarea:focus,
select:focus {
  background: rgba(0, 0, 0, 0.05);
}
input[readonly="1"],
textarea[readonly="1"],
select[readonly="1"] {
  background: none !important;
  color: #888;
  cursor: default;
}
textarea {
  height: 200px;
}
textarea.w {
  display: none;
}
.editor,
.ql-editor {
  height: 300px !important;
}
.editor .ql-tooltip.ql-editing,
.ql-editor .ql-tooltip.ql-editing {
  margin-left: 150px;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.editor {
  padding: 52px 20px 20px 20px;
  background: linear-gradient(-45deg, #eee, #f7f7f7, #eee, #f7f7f7);
  background-size: 400% 400%;
  animation: gradient 1s ease infinite;
}
.editor.ql-container {
  padding: 0;
  background: #fff;
}
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor p {
  margin: 0 0 10px 0 !important;
}
button {
  background: linear-gradient(-45deg, #0074d9 0%, rgba(0, 116, 217, 0.8) 100%);
  border: none;
  padding: 10px 20px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
}
button.mini {
  padding: 4px 8px;
}
button.strong {
  background: #e47ac5;
  color: #fff;
}
button,
.button {
  text-transform: lowercase;
  vertical-align: middle;
}
button:first-letter,
.button:first-letter {
  text-transform: uppercase;
}
button.ntr,
.button.ntr {
  text-transform: none;
}
.head ul li.minicredits h6 {
  font-size: 10.7px;
}
.status-authorized,
.status-confirmed,
.status-pending,
.status-error,
.status-active,
.status-paused,
.status-bounced,
.status-unsubscribed,
.status-sleeping,
.status-finished,
.status-replied,
.status-auto_replied {
  display: inline-block;
  background: #eee;
  color: #888;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 2px;
  font-weight: bold;
  text-transform: capitalize;
}
.status-authorized a,
.status-confirmed a,
.status-pending a,
.status-error a,
.status-active a,
.status-paused a,
.status-bounced a,
.status-unsubscribed a,
.status-sleeping a,
.status-finished a,
.status-replied a,
.status-auto_replied a {
  color: #888;
  text-decoration: none;
}
.status-authorized a:hover,
.status-confirmed a:hover,
.status-pending a:hover,
.status-error a:hover,
.status-active a:hover,
.status-paused a:hover,
.status-bounced a:hover,
.status-unsubscribed a:hover,
.status-sleeping a:hover,
.status-finished a:hover,
.status-replied a:hover,
.status-auto_replied a:hover {
  color: #000;
}
.status-authorized.status-finished,
.status-confirmed.status-finished,
.status-pending.status-finished,
.status-error.status-finished,
.status-active.status-finished,
.status-paused.status-finished,
.status-bounced.status-finished,
.status-unsubscribed.status-finished,
.status-sleeping.status-finished,
.status-finished.status-finished,
.status-replied.status-finished,
.status-auto_replied.status-finished {
  background: #eaf4e6;
  color: #94ca84;
}
.status-authorized.status-sleeping,
.status-confirmed.status-sleeping,
.status-pending.status-sleeping,
.status-error.status-sleeping,
.status-active.status-sleeping,
.status-paused.status-sleeping,
.status-bounced.status-sleeping,
.status-unsubscribed.status-sleeping,
.status-sleeping.status-sleeping,
.status-finished.status-sleeping,
.status-replied.status-sleeping,
.status-auto_replied.status-sleeping,
.status-authorized.status-bounced,
.status-confirmed.status-bounced,
.status-pending.status-bounced,
.status-error.status-bounced,
.status-active.status-bounced,
.status-paused.status-bounced,
.status-bounced.status-bounced,
.status-unsubscribed.status-bounced,
.status-sleeping.status-bounced,
.status-finished.status-bounced,
.status-replied.status-bounced,
.status-auto_replied.status-bounced {
  background: #fcefd4;
  color: #de9f22;
}
.status-authorized.status-authorized,
.status-confirmed.status-authorized,
.status-pending.status-authorized,
.status-error.status-authorized,
.status-active.status-authorized,
.status-paused.status-authorized,
.status-bounced.status-authorized,
.status-unsubscribed.status-authorized,
.status-sleeping.status-authorized,
.status-finished.status-authorized,
.status-replied.status-authorized,
.status-auto_replied.status-authorized,
.status-authorized.status-confirmed,
.status-confirmed.status-confirmed,
.status-pending.status-confirmed,
.status-error.status-confirmed,
.status-active.status-confirmed,
.status-paused.status-confirmed,
.status-bounced.status-confirmed,
.status-unsubscribed.status-confirmed,
.status-sleeping.status-confirmed,
.status-finished.status-confirmed,
.status-replied.status-confirmed,
.status-auto_replied.status-confirmed,
.status-authorized.status-active,
.status-confirmed.status-active,
.status-pending.status-active,
.status-error.status-active,
.status-active.status-active,
.status-paused.status-active,
.status-bounced.status-active,
.status-unsubscribed.status-active,
.status-sleeping.status-active,
.status-finished.status-active,
.status-replied.status-active,
.status-auto_replied.status-active,
.status-authorized.status-replied,
.status-confirmed.status-replied,
.status-pending.status-replied,
.status-error.status-replied,
.status-active.status-replied,
.status-paused.status-replied,
.status-bounced.status-replied,
.status-unsubscribed.status-replied,
.status-sleeping.status-replied,
.status-finished.status-replied,
.status-replied.status-replied,
.status-auto_replied.status-replied {
  color: #cb0090;
  background: #f9e5f3;
  opacity: 0.5;
}
.status-authorized.status-error,
.status-confirmed.status-error,
.status-pending.status-error,
.status-error.status-error,
.status-active.status-error,
.status-paused.status-error,
.status-bounced.status-error,
.status-unsubscribed.status-error,
.status-sleeping.status-error,
.status-finished.status-error,
.status-replied.status-error,
.status-auto_replied.status-error,
.status-authorized.status-unsubscribed,
.status-confirmed.status-unsubscribed,
.status-pending.status-unsubscribed,
.status-error.status-unsubscribed,
.status-active.status-unsubscribed,
.status-paused.status-unsubscribed,
.status-bounced.status-unsubscribed,
.status-unsubscribed.status-unsubscribed,
.status-sleeping.status-unsubscribed,
.status-finished.status-unsubscribed,
.status-replied.status-unsubscribed,
.status-auto_replied.status-unsubscribed {
  background: #ffe6e6;
  color: #ff0707;
}
.status-authorized.status-error a,
.status-confirmed.status-error a,
.status-pending.status-error a,
.status-error.status-error a,
.status-active.status-error a,
.status-paused.status-error a,
.status-bounced.status-error a,
.status-unsubscribed.status-error a,
.status-sleeping.status-error a,
.status-finished.status-error a,
.status-replied.status-error a,
.status-auto_replied.status-error a,
.status-authorized.status-unsubscribed a,
.status-confirmed.status-unsubscribed a,
.status-pending.status-unsubscribed a,
.status-error.status-unsubscribed a,
.status-active.status-unsubscribed a,
.status-paused.status-unsubscribed a,
.status-bounced.status-unsubscribed a,
.status-unsubscribed.status-unsubscribed a,
.status-sleeping.status-unsubscribed a,
.status-finished.status-unsubscribed a,
.status-replied.status-unsubscribed a,
.status-auto_replied.status-unsubscribed a {
  color: #ff0707;
}
.status-authorized.status-error a:hover,
.status-confirmed.status-error a:hover,
.status-pending.status-error a:hover,
.status-error.status-error a:hover,
.status-active.status-error a:hover,
.status-paused.status-error a:hover,
.status-bounced.status-error a:hover,
.status-unsubscribed.status-error a:hover,
.status-sleeping.status-error a:hover,
.status-finished.status-error a:hover,
.status-replied.status-error a:hover,
.status-auto_replied.status-error a:hover,
.status-authorized.status-unsubscribed a:hover,
.status-confirmed.status-unsubscribed a:hover,
.status-pending.status-unsubscribed a:hover,
.status-error.status-unsubscribed a:hover,
.status-active.status-unsubscribed a:hover,
.status-paused.status-unsubscribed a:hover,
.status-bounced.status-unsubscribed a:hover,
.status-unsubscribed.status-unsubscribed a:hover,
.status-sleeping.status-unsubscribed a:hover,
.status-finished.status-unsubscribed a:hover,
.status-replied.status-unsubscribed a:hover,
.status-auto_replied.status-unsubscribed a:hover {
  text-decoration: underline;
}
.acc-gmail,
.acc-outlook {
  text-transform: capitalize;
  display: inline-block;
  padding-left: 20px;
  background-image: url(/limg/gmail.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0 center;
}
.acc-gmail.acc-outlook,
.acc-outlook.acc-outlook {
  background-image: url(/limg/outlook.png);
}
.edit,
.del,
.pause,
.play,
.copy,
.arc,
.unarc,
.filter {
  vertical-align: middle;
  display: inline-block;
  border: none;
  background: none;
  padding: 0;
  background-image: url(/limg/pencil.png);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin: 0 0 0 20px !important;
}
.edit.arc,
.del.arc,
.pause.arc,
.play.arc,
.copy.arc,
.arc.arc,
.unarc.arc,
.filter.arc {
  background-image: url(/limg/arc.png);
}
.edit.arc,
.del.arc,
.pause.arc,
.play.arc,
.copy.arc,
.arc.arc,
.unarc.arc,
.filter.arc {
  background-image: url(/limg/arc.png);
}
.edit.unarc,
.del.unarc,
.pause.unarc,
.play.unarc,
.copy.unarc,
.arc.unarc,
.unarc.unarc,
.filter.unarc {
  background-image: url(/limg/unarc.png);
}
.edit.del,
.del.del,
.pause.del,
.play.del,
.copy.del,
.arc.del,
.unarc.del,
.filter.del {
  background-image: url(/limg/trash.png);
}
.edit.play,
.del.play,
.pause.play,
.play.play,
.copy.play,
.arc.play,
.unarc.play,
.filter.play {
  background-image: url(/limg/play-button.png);
}
.edit.pause,
.del.pause,
.pause.pause,
.play.pause,
.copy.pause,
.arc.pause,
.unarc.pause,
.filter.pause {
  background-image: url(/limg/pause-button.png);
}
.edit.copy,
.del.copy,
.pause.copy,
.play.copy,
.copy.copy,
.arc.copy,
.unarc.copy,
.filter.copy {
  background-image: url(/limg/copy.png);
}
.edit.filter,
.del.filter,
.pause.filter,
.play.filter,
.copy.filter,
.arc.filter,
.unarc.filter,
.filter.filter {
  background-image: url(/limg/filter.png);
}
.edit.disabled,
.del.disabled,
.pause.disabled,
.play.disabled,
.copy.disabled,
.arc.disabled,
.unarc.disabled,
.filter.disabled {
  opacity: 0.25;
  pointer-events: none;
}
form h1 {
  font-weight: normal;
  font-size: 40px;
  margin: 20px 0 20px 220px;
}
form #error {
  margin: 20px 0 20px 220px;
  color: #FF4136;
  display: block;
}
form #success {
  margin: 20px 0 20px 220px;
  color: #2ECC40;
  display: block;
}
form label {
  float: left;
  clear: both;
  width: 200px;
  height: 20px;
  text-align: right;
  padding-right: 20px;
  margin-top: 10px;
  padding-top: 10px;
}
form input,
form textarea,
form button,
form select,
form .textarea,
form .text {
  margin-top: 10px;
  float: left;
}
form > a {
  margin-top: 20px;
  float: left;
}
form input,
form textarea,
form select {
  width: 400px;
}
form input[type=number] {
  font-weight: bold;
}
form input[type=checkbox] {
  width: 15px;
  height: 15px;
}
form table input,
form table textarea {
  margin: 0;
}
form.big {
  text-align: center;
}
form.big #error {
  margin: 0;
  padding: 0;
}
form.big h1 {
  font-weight: bold;
  font-size: 36px;
  margin: 20px 0;
}
form.big select {
  display: block;
  float: none;
  margin: 40px auto;
  cursor: pointer;
}
form.big .upload {
  position: relative;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 400px;
  height: 60px;
  margin: 40px auto;
  cursor: pointer;
}
form.big .upload.chosen {
  border-color: #2ECC40;
  background: rgba(46, 204, 64, 0.2);
}
form.big .upload:hover {
  border-color: #ccc;
}
form.big .upload input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  margin: 0;
  width: 400px;
  border: none;
  z-index: 2;
}
form.big .upload label {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 10px 0 0 0;
  height: 60px;
  width: 400px;
  line-height: 20px;
  text-align: center;
}
form.big input[type=text],
form.big input[type=number] {
  float: none;
  display: block;
  width: 500px;
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc !important;
  margin: 80px auto 40px auto;
  font-size: 28px;
  padding: 20px 0;
}
form.big input[type=text]:focus,
form.big input[type=number]:focus {
  background: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
}
form.big button[type=submit] {
  display: block;
  float: none;
  margin: 20px auto;
  width: 180px;
  padding: 10px 0;
}
form.big button[type=submit]:disabled {
  opacity: 0.5;
  pointer-events: none;
  border-color: #aaa;
  color: #aaa;
  background-color: #eee;
}
form.big .steps {
  color: #aaa;
  display: block;
  list-style: none;
}
form.big .steps li {
  display: inline-block;
  margin: 0 20px;
}
form.big .steps li.on {
  color: #cb0090;
}
form.change {
  width: 700px;
  margin: 0 auto;
}
form.change input,
form.change select,
form.change textarea {
  width: 400px !important;
}
form.change h1 {
  margin: 0 0 20px 0;
  text-align: center;
}
#content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 150px !important;
  min-height: calc(100% - 100px) !important;
}
#content.c-campaigns-stats,
#content.c-campaigns-prospects,
#content.c-campaigns-edit {
  margin-top: 100px !important;
}
#subhead {
  position: fixed;
  width: 100%;
  left: 0;
  top: 84px;
  display: block;
  border-bottom: 1px solid #ddd;
  background-image: linear-gradient(0deg, #FFF, #F9F9F9);
  z-index: 1;
}
#subhead .content {
  position: relative;
  box-sizing: border-box;
  max-width: 1000px;
  padding: 0 20px;
  margin: 0 auto;
  display: block;
  height: 65px;
}
#subhead .content .ctx {
  position: absolute;
  right: 0;
  top: 20px;
}
#subhead .content .ctx .seats {
  margin: 0 10px 0 0;
  font-size: 12px;
  color: #aaa;
}
#subhead .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#subhead .content ul li {
  display: inline-block;
  margin-right: 20px;
}
#subhead .content ul li a {
  display: block;
  padding: 23px 0 24px 0;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
#subhead .content ul li a.on {
  border-bottom: 3px solid #cb0090;
  color: #cb0090;
}
form.domains {
  margin: 0;
  text-align: center;
}
form.domains input,
form.domains button {
  float: none;
  display: inline-block;
  margin: 0;
}
form.domains input[type=text] {
  width: 200px;
  margin: 0 5px;
}
form.domains input:first-child {
  text-align: right;
}
form.domains button {
  margin-left: 15px !important;
}
.c-track-domains code {
  background: #EEE;
  padding: 2px 5px;
  border-radius: 4px;
}
.c-track-domains table p {
  text-align: center !important;
}