@font-face {
  font-family: 'ProximaBold';
  src: url('../fonts/proximaBold.eot');
  src: url('../fonts/proximaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaBold.woff2') format('woff2'), url('../fonts/proximaBold.woff') format('woff'), url('../fonts/proximaBold.ttf') format('truetype'), url('../fonts/proximaBold.svg#ProximaBold') format('svg');
}
@font-face {
  font-family: 'ProximaLight';
  src: url('../fonts/proximaLight.eot');
  src: url('../fonts/proximaLight.eot?#iefix') format('embedded-opentype'), url('../fonts/proximaLight.woff2') format('woff2'), url('../fonts/proximaLight.woff') format('woff'), url('../fonts/proximaLight.ttf') format('truetype'), url('../fonts/proximaLight.svg#ProximaLight') format('svg');
}
@font-face {
  font-family: 'RubikBold';
  src: url('../fonts/AvenirBlack.eot');
  src: url('../fonts/AvenirBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirBlack.woff2') format('woff2'), url('../fonts/AvenirBlack.woff') format('woff'), url('../fonts/AvenirBlack.ttf') format('truetype'), url('../fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
  font-family: 'RubikLight';
  src: url('../fonts/AvenirLight.eot');
  src: url('../fonts/AvenirLight.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLight.woff2') format('woff2'), url('../fonts/AvenirLight.woff') format('woff'), url('../fonts/AvenirLight.ttf') format('truetype'), url('../fonts/AvenirLight.svg#AvenirLight') format('svg');
}
@font-face {
  font-family: 'RubikMedium';
  src: url('../fonts/AvenirMedium.eot');
  src: url('../fonts/AvenirMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirMedium.woff2') format('woff2'), url('../fonts/AvenirMedium.woff') format('woff'), url('../fonts/AvenirMedium.ttf') format('truetype'), url('../fonts/AvenirMedium.svg#RubikMedium') format('svg');
}
@font-face {
  font-family: 'RubikRegular';
src: url('../fonts/AvenirRoman.eot');
  src: url('../fonts/AvenirRoman.eot') format('embedded-opentype'), url('../fonts/AvenirRoman.woff2') format('woff2'), url('../fonts/AvenirRoman.woff') format('woff'), url('../fonts/AvenirRoman.ttf') format('truetype'), url('../fonts/AvenirRoman.svg#AvenirRoman') format('svg');

}
.error-box{
	border-color:#e4404c !important;
	border-width:1px !important;
	border-style:solid !important;
}
.account-box-styling {
  background: #fff;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.row {
  max-width: 90rem;
  padding: 0 2rem;
}
.row .row {
  margin: 0;
}
* {
  outline: none;
}
a {
  color: #2e89cc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:focus,
a:hover {
  color: #1b5179;
}
ul {
  list-style: none;
  margin: 0;
}
table {
  width: 100%;
}
small {
  font-size: 87.5%;
}
smaller {
  font-size: 100%;
}
body {
  font-family: 'RubikRegular', sans-serif;
  background: #f1f1f1;
}
audio {
  background: none;
}
.no-pad-horizontal {
  padding-right: 0!important;
  padding-left: 0!important;
}
.no-pad-right {
  padding-right: 0!important;
}
.no-pad-left {
  padding-left: 0!important;
}
.button,
button {
  background: #2ecc71;
  font-family: 'RubikMedium', sans-serif;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.button.disabled,
button.disabled,
.button[disabled],
button[disabled] {
  background: #2ecc71;
  border: none;
  color: #fff;
  opacity: .5;
  pointer-events: none;
}
.button.alt,
button.alt {
  background: #2e89cc;
}
.button.alt:hover,
button.alt:hover {
  background: #1b5179;
}
.button:hover,
button:hover {
  background: #1b7943;
}
.button.payPal,
button.payPal {
  background: #b9b9b9;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 2rem;
}
.button.payPal:hover,
button.payPal:hover {
  background: #868686;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  margin-left: 0;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #2ecc71;
  background: #2ecc71;
  border-radius: 10px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713';
  /* ✓ CHECK MARK */
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 1rem;
  line-height: .9;
  color: #f1f1f1;
  -webkit-transition: all .2s;
  transition: all .2s;
}
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #2ecc71;
}
label:hover:before {
  border: 1px solid #2ecc71 !important;
}
@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}
body.is-reveal-open {
  overflow: hidden;
}
.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.75);
  overflow-y: scroll;
}
.reveal {
  display: none;
  z-index: 1006;
  padding: 2rem 1rem;
  margin: 6.25rem auto;
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  outline: none;
  font-size: .875rem;
  /*max-height: 100vh;*/
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
[data-whatinput='mouse'] .reveal {
  outline: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column,
.reveal .columns,
.reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}
@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 30rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 42rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 71.375rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
}
.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}
[data-whatinput='mouse'] .close-button {
  outline: 0;
}
.close-button:hover,
.close-button:focus {
  color: #0a0a0a;
}
.fc button {
  background: none;
  border: none;
  box-shadow: none;
  color: #0b2233;
}
.fc button:hover {
  color: #0b2233;
  background: none;
}
.fc button.disabled,
.fc button[disabled] {
  display: none;
}
table thead {
  background: none;
}
table {
  background: none;
  border: solid 1px #e6f4fd;
  margin-bottom: 0;
}
table thead tr th,
table thead tr td {
  color: #1d5680;
  font-size: 0.875rem;
  padding: 0.5rem 0.625rem 0.625rem;
}
.fc-unthemed td.fc-today {
  background: #e6f4fd;
}
.fc-head-container .fc th,
.fc-head-container .fc td {
  border: none;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  border-color: #e6f4fd;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #e6f4fd;
}
.fc-widget-content {
  cursor: pointer;
}
h2 {
  font-family: 'RubikRegular', sans-serif;
  font-size: 2rem;
  padding: 0 .5rem .5rem;
}
h3 {
  font-family: 'RubikMedium', sans-serif;
  margin-bottom: 3rem;
  color: #0b2233;

	}
h4 {
  font-family: 'AvenirBlack', sans-serif;
  margin-bottom: 2rem;
  color: #2e89cc;
}
h5 {
  font-family: 'AvenirBlack', sans-serif;
  margin-bottom: 2.5rem;
	font-size: 1.6rem;
  color: #0b2233;
}
h6 {
  font-family: 'RubikLight', sans-serif;
  margin-bottom: 3rem;
  color: #0b2233;
}
h7 {
  font-family: 'RubikBold', sans-serif;
  margin-bottom: 3rem;
  color: #0b2233;
}
h8 {
  font-family: 'RubikBold', sans-serif;
  margin-bottom: 3rem;
  color: #0b2233;

	}
h9 {
  font-family: 'AvenirBlack', sans-serif;
  margin-bottom: 1.5rem;
	font-size: 2.2rem;
  color: #2ecc6d;

	}
label {
  font-family: 'RubikBold', sans-serif;
  color: #0b2233;
}

.accordion .row.payByCardRow {
  line-height: 2.75rem;
  margin-bottom: 1rem;
}
.accordion .accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  font-size: 1.05rem;
  line-height: 1;
  color: #2e89cc;
}
.accordion .accordion-content {
  padding: 1rem;
}
.accordion .accordion-item.is-active .fa-chevron-down {
  display: none;
}
.accordion .accordion-item.is-active .fa-chevron-up {
  display: inline-block;
}
.accordion .accordion-item:not(.is-active) .fa-chevron-down {
  display: inline-block;
}
.accordion .accordion-item:not(.is-active) .fa-chevron-up {
  display: none;
}
.top-bar-wrapper {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  font-family: 'RubikRegular', sans-serif;
  font-size: .875rem;
}
.top-bar-wrapper .top-bar {
  background: none;
  margin-bottom: 0;
  position: relative;
  height: 4rem;
  line-height: 2rem;
}
.top-bar-wrapper .top-bar-section ul li > a {
  font-size: inherit;
}
.top-bar-wrapper .top-bar-section li:not(.has-form) a.active:not(.button),
.top-bar-wrapper .top-bar-section .dropdown li:not(.has-form):not(.active) > a.active:not(.button) {
  color: #1b5179;
}
.top-bar-wrapper .top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 .75rem;
}
.top-bar-wrapper .top-bar-section li:not(.has-form) a:not(.button):hover {
  color: #1b5179;
}
.top-bar-wrapper .top-bar-section ul.mainNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-bar-wrapper .top-bar-section ul.mainNavigation .mainNavItem.active {
  background: #e6f4fd;
  border-radius: 1rem;
  color: #0b2233;
  line-height: 2rem;
}
.top-bar-wrapper .top-bar-section a.accountLink,
.top-bar-wrapper .top-bar-section .button.accountLink {
  border-radius: 1rem;
  line-height: 1.8rem;
  padding: 0;
  width: 1.8rem;
  background: #e6f4fd;
  color: #2e89cc;
  position: static;
  display: inline-block;
}
.top-bar-wrapper .top-bar-section a.accountLink:hover,
.top-bar-wrapper .top-bar-section .button.accountLink:hover,
.top-bar-wrapper .top-bar-section a.accountLink.active,
.top-bar-wrapper .top-bar-section .button.accountLink.active {
  color: #fff;
  background: #2e89cc;
}
.top-bar-wrapper .top-bar-section a.newCampaign,
.top-bar-wrapper .top-bar-section .button.newCampaign,
.top-bar-wrapper .top-bar-section a.saveCampaign,
.top-bar-wrapper .top-bar-section .button.saveCampaign {
  border-radius: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  height: auto;
  position: static;
  margin: 0 1rem 0 0;
  font-family: inherit;
  display: inline-block;
}
.top-bar-wrapper .top-bar-section a.newCampaign,
.top-bar-wrapper .top-bar-section .button.newCampaign {
  background: #2ecc71;
}
.top-bar-wrapper .top-bar-section a.newCampaign:hover,
.top-bar-wrapper .top-bar-section .button.newCampaign:hover {
  background: #1b7943;
}
.top-bar-wrapper .top-bar-section a.saveCampaign,
.top-bar-wrapper .top-bar-section .button.saveCampaign {
  background: #2e89cc;
}
.top-bar-wrapper .top-bar-section a.saveCampaign:hover,
.top-bar-wrapper .top-bar-section .button.saveCampaign:hover {
  background: #1b5179;
}
.top-bar-wrapper ul.userActions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-bar-wrapper ul.userActions li:not(:last-child) {
  margin-right: 1rem;
}
.top-bar-wrapper .logo {
  line-height: 4rem;
}
.top-bar-wrapper .top-bar-postfix {
  z-index: 1;
  padding-top: 4rem;
}
.top-bar-wrapper .title-area {
  margin-right: 4rem;
}
.top-bar-wrapper .top-bar,
.top-bar-wrapper .top-bar.expanded .title-area,
.top-bar-wrapper .top-bar-section ul li,
.top-bar-wrapper .top-bar-section li:not(.has-form) a:not(.button),
.top-bar-wrapper .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: transparent;
  color: #2e89cc;
  font-family: inherit;
  line-height: 4rem;
}
.top-bar-wrapper .toggleMobileMenu > li > a {
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
}
.top-bar-wrapper .toggleMobileMenu,
.top-bar-wrapper .mobileNavigation {
  display: none;
}
.top-bar-wrapper .mobileNavigation {
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1.8rem;
}
.top-bar-wrapper .mobileNavigation li {
  display: block;
  text-align: center;
}
.top-bar-wrapper .mobileNavigation .button.newCampaign,
.top-bar-wrapper .mobileNavigation .button.saveCampaign {
  border-radius: 2rem;
  padding: .4rem 1rem;
  height: auto;
  position: static;
  margin: 0;
  font-family: inherit;
}
.top-bar-wrapper .mobileNavigation .button.newCampaign {
  background: #2ecc71;
  color: #fff;
}
.top-bar-wrapper .mobileNavigation .button.newCampaign:hover {
  color: #fff;
  background: #2ecc71;
}
.top-bar-wrapper .mobileNavigation .button.saveCampaign {
  background: #2e89cc;
  color: #fff;
}
.top-bar-wrapper .mobileNavigation .button.saveCampaign:hover {
  color: #fff;
  background: #2e89cc;
}
.top-bar-wrapper .mobileNavigation .mobileNavItem.active {
  background: #e6f4fd;
  border-radius: 1rem;
  color: #0b2233;
  line-height: 2rem;
  padding: .4rem 1rem;
}
.sectionTitleRow {
  margin-top: 1.5rem;
  margin-bottom: .1rem;
}
.sectionNavigationBlock {
  padding: 0;
}
.sectionNavigation {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  background: #fff;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.sectionNavigation li a {
  display: block;
  padding: 1.5rem;
  line-height: 1rem;
  border-bottom: 1px solid #e6f4fd;
}
.sectionNavigation li a i[class*="arrow"] {
  display: none;
}
.sectionNavigation li a.active {
  background: #e6f4fd;
}
.sectionNavigation li a.active i[class*="arrow"] {
  display: inline-block;
}
.sectionNavigation li a.logoutLink {
  text-align: center;
  color: #e4404c;
  border-bottom: none;
}
.sectionNavigation li a.logoutLink:hover {
  color: #a61822;
}

.mainNavigation li a.logoutLink {
  text-align: center;
  color: #e4404c;
  border-bottom: none;
}
.mainNavigation li a.logoutLink:hover {
  color: #a61822;
}

.sectionActions {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  background: #fff;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  text-align: center;
}

.sectionActions > a {
  display: block;
  padding: 3rem 1.5rem;
  color: #2ecc71;
  font-family: 'RubikRegular', sans-serif;
}
.sectionActions > a:hover {
  background: #2ecc71;
  color: #fff;
}
.sectionActions > a p {
  margin-bottom: 0;
}
.additionalInfo {
  padding: 3rem 1.5rem;
	background:#2ecc71;
}
.additionalInfo .title {
  color: #fff;
  font-size: 1.0rem;
}
.additionalInfo .data {
  color: #fff;
}
.sectionActionsb {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  background: #2ecc71;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  text-align: center;
}

.sectionActionsb > a {
  display: block;
  padding: 3rem 1.5rem;
  color: #fff;
  font-family: 'RubikRegular', sans-serif;
}
.sectionActionsb > a:hover {
  background: #1b7943;
  color: #fff;
}
.sectionActionsb > a p {
  margin-bottom: 0;
}
.additionalInfob {
  padding: 3rem 1.5rem;
	background:#fff;
}
.additionalInfob .title {
  color: #2ecc71;
  font-size: 1.0rem;
}
.additionalInfob .data {
  color: #2ecc71;
}
ul .oneRow:after {
  content: '';

  display: block;
  clear: both;
}
ul .tags {
  overflow: hidden;
  white-space: nowrap;
}
ul .tags ul {
  margin: 1rem 0 0;
}
ul .tags li {
  display: inline-block;
  font-size: .875rem;
  padding: .2rem;
  background: #e6f4fd;
  color: #77a4c5;
  border-radius: 4px;
}
ul.transmissionsList .options .menu,
ul.recipientList .options .menu,
ul.sentCampaignsList .options .menu {
  position: relative;
}
ul.transmissionsList .options .menu ul,
ul.recipientList .options .menu ul,
ul.sentCampaignsList .options .menu ul {
  padding: 1rem;
  top: 6px;
  left: -100px;
  margin: 0;
  display: none;
  z-index: 10000;
  position: absolute;
  width: 10rem;
  background: #fff;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}
ul.transmissionsList .options .menu ul::before,
ul.recipientList .options .menu ul::before,
ul.sentCampaignsList .options .menu ul::before,
ul.transmissionsList .options .menu ul::after,
ul.recipientList .options .menu ul::after,
ul.sentCampaignsList .options .menu ul::after {
  content: '';
  position: absolute;
  left: 105px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #e6f4fd;
}
ul.transmissionsList .options .menu ul::after,
ul.recipientList .options .menu ul::after,
ul.sentCampaignsList .options .menu ul::after {
  border-bottom: 10px solid #fff;
  top: -19px;
}
ul.transmissionsList .options .menu li:not(:last-child),
ul.recipientList .options .menu li:not(:last-child),
ul.sentCampaignsList .options .menu li:not(:last-child) {
  padding: .5rem .3rem;
  border-bottom: 1px solid #e6f4fd;
}
ul.transmissionsList .options .menu li:last-child,
ul.recipientList .options .menu li:last-child,
ul.sentCampaignsList .options .menu li:last-child {
  padding: .5rem .3rem 0;
}
ul.transmissionsList .options input[type="checkbox"]:checked + .menu ul,
ul.recipientList .options input[type="checkbox"]:checked + .menu ul,
ul.sentCampaignsList .options input[type="checkbox"]:checked + .menu ul {
  display: block;
}
ul.transmissionsList .options label,
ul.recipientList .options label,
ul.sentCampaignsList .options label {
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2.3rem;
  font-size: 1.25rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #2e89cc;
  margin: 0;
}
ul.transmissionsList > li,
ul.recipientList > li,
ul.sentCampaignsList > li {
  border-bottom: 1px solid #e6f4fd;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
}
ul.transmissionsList .date,
ul.recipientList .date,
ul.sentCampaignsList .date,
ul.transmissionsList .metaData i,
ul.recipientList .metaData i,
ul.sentCampaignsList .metaData i,
ul.transmissionsList .metaData .recipients,
ul.recipientList .metaData .recipients,
ul.sentCampaignsList .metaData .recipients {
  color: #77a4c5;
  font-size: .75rem;
}
ul.transmissionsList .title,
ul.recipientList .title,
ul.sentCampaignsList .title {
  color: #1d5680;
}
ul.transmissionsList .metaData > :not(.tags),
ul.recipientList .metaData > :not(.tags),
ul.sentCampaignsList .metaData > :not(.tags) {
  line-height: 2rem;
  display: inline-block;
}
ul.transmissionsList .metaData > *,
ul.recipientList .metaData > *,
ul.sentCampaignsList .metaData > * {
  margin: 0 .5rem 0 0;
}
ul.transmissionsList .tags,
ul.recipientList .tags,
ul.sentCampaignsList .tags {
  white-space: normal;
}
ul.transmissionsList .tags li,
ul.recipientList .tags li,
ul.sentCampaignsList .tags li {
  margin: .2rem;
}
ul.sentCampaignsList .sentCampaign {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  cursor: pointer;
  margin: 0;
}
ul.sentCampaignsList .sentCampaign.selected,
ul.sentCampaignsList .sentCampaign:hover {
  background-color: #e6f4fd;
}
ul.sentCampaignsList .audioControls {
  margin: 0;
  border: none;
}
ul.sentCampaignsList .date {
  margin-bottom: .5rem;
}
ul.recipientList .options .menu {
  position: relative;
}
ul.recipientList .options .menu ul {
  width: 11rem;
}
ul.transmissions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.transmissions .options {
  position: absolute;
  top: 128px;
  right: 10px;
}
ul.transmissions .options .menu {
  position: relative;
}
ul.transmissions .options .menu ul {
  padding: 1rem;
  top: -12px;
  left: -65px;
  margin: 0;
  display: none;
  z-index: 10000;
  position: absolute;
  width: 10rem;
  background: #fff;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}
ul.transmissions .options .menu ul::before,
ul.transmissions .options .menu ul::after {
  content: '';
  position: absolute;
  left: 71px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #e6f4fd;
}
ul.transmissions .options .menu ul::after {
  border-bottom: 10px solid #fff;
  top: -19px;
}
ul.transmissions .options .menu li:not(:last-child) {
  padding: .5rem .3rem;
  border-bottom: 1px solid #e6f4fd;
}
ul.transmissions .options .menu li:last-child {
  padding: .5rem .3rem 0;
}
ul.transmissions .options input[type="checkbox"]:checked + .menu ul {
  display: block;
}
ul.transmissions .options label {
  background: #77a4c5;
  border-radius: 1rem;
  width: 2rem;
  height: 2rem;
  color: #fff;
  text-align: center;
  line-height: 2.3rem;
  font-size: 1.25rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
ul.transmissions .options label:hover {
  background: #407296;
}
ul.transmissions .jsAudioControls {
  border: none;
  padding: 0;
  margin: 1rem 0 0;
}
ul.transmissions > li {
  position: relative;
}
ul.transmissions > li.formContainer.sectionContentBlock {
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  max-width: 19.375rem;
  min-width: 16rem;
  padding: 0;
  width: 30%;
}
ul.transmissions .metaData,
ul.transmissions .audioContainer {
  padding: 1rem;
  box-sizing: border-box;
}
ul.transmissions .audioContainer {
  height: 10.5rem;
}
ul.transmissions .date,
ul.transmissions .recipients {
  font-size: .875rem;
}
ul.transmissions .recipients {
  text-align: center;
}
ul.transmissions .title {
  overflow: hidden;
  height: 3.125rem;
}
ul.transmissions .status {
  text-align: center;
  font-size: 2.5rem;
  font-family: 'RubikLight', sans-serif;
}
ul.transmissions .metaData {
  height: 9rem;
  color: #fff;
  border-radius: 4px 4px 0 0;
}
ul.transmissions .archived .metaData,
ul.transmissions .draft .metaData {
  background: #e6f4fd;
  color: #77a4c5;
}
ul.transmissions .scheduled .metaData {
  background: #1d5680;
}
ul.transmissions .complete .metaData {
  background: #2e89cc;
}
ul.toggleViewControls,
ul.viewFilters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 3rem;
  line-height: 2.7rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.toggleViewControls a,
ul.viewFilters a {
  padding: .3rem 1rem;
}
ul.toggleViewControls a.active,
ul.viewFilters a.active {
  background: #2e89cc;
  border-radius: 1rem;
  color: #fff;
}
ul.transactionsList {
  margin-bottom: 2rem;
}
ul.transactionsList li {
  border-bottom: 1px solid #e6f4fd;
  padding: .5rem;
}
ul.transactionsList .date,
ul.transactionsList .info {
  color: #77a4c5;
  font-size: .75rem;
}
ul.transactionsList .type {
  color: #1d5680;
  float: left;
}
ul.transactionsList .value {
  color: #0b2233;
  font-size: 1.125rem;
  float: right;
}
input[type="file"].inputFile {
  opacity: 0;
  position: absolute;
  width: auto;
}
input[type="file"].inputFile + label {
  font-family: 'RubikRegular', sans-serif;
}
.newRecordingForm .controlRow {
  margin-bottom: 2rem;
}
.formContainer {
  background: #fff;
  border: 1px solid #e6f4fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.formContainer.sectionContentBlock {
  padding: 3rem 8rem;
  margin-bottom: 4rem;
}
.formContainer h5 {
  color: #0b2233;
  margin-bottom: 1rem;
}

.formContainer.sectionContentBlockExpanded {
  padding: 3rem 1.5rem;
  margin-bottom: 4rem;
}

.formContainer.reportingContentBox {
  padding: 1rem 0;
  margin-bottom: 2rem;
  position: relative;
}
.formContainer.reportingContentBox.deliveryReportBoxWrapper {
  background: #1d5680;
}
.formContainer.reportingContentBox.deliveryReportBoxWrapper * {
  color: #fff;
}
.formContainer.reportingContentBox .SCPercentage {
  font-size: 2.5rem;
  margin-top: 2.3rem;
}
.formContainer.reportingContentBox p {
  margin-bottom: 1.5rem;
}
.formContainer.reportingContentBox small {
  display: inline-block;
  margin-right: 1rem;
}
.formContainer.reportingContentBox .campaignTitle {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 2rem;
}
.formContainer.reportingContentBox .content {
  padding: 0 1rem;
  box-sizing: content-box;
}
.formContainer.reportingContentBox .controls {
  margin-top: 2rem;
  border: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
.formContainer.reportingContentBox .boxTitle {
  padding: 0 1rem;
}
.formContainer:not(.sectionContentBlock):not(.sectionContentBlockExpanded):not(.reportingContentBox) {
  padding: 3rem 2rem;
  margin-top: 8rem;
  /*max-width: 40rem;*/
  margin-bottom: 4rem;
}
.formContainer p {
  color: #1d5680;
  margin-bottom: 3rem;
}


.formContainer.large {
  max-width: 60rem;
}
.formContainer input[type="text"],
.formContainer input[type="password"],
.formContainer input[type="email"],
.formContainer input[type="tel"] {
  background: none;
  margin: 1rem 0 0 0;
  box-shadow: none;
  font-family: 'RubikRegular', sans-serif;
  font-size: 2rem;
  padding: 0 0 1rem 0;
  color: #666;
  border: solid #bbd1e2;
  border-width: 0 0 2px 0;
  box-sizing: content-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.formContainer textarea {
  background: none;
  margin: 1rem 0 0 0;
  box-shadow: none;
  font-family: 'RubikRegular', sans-serif;
  padding: 0 0 1rem 0;
  color: #666;
  border: 2px solid #bbd1e2;
  box-sizing: content-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.formContainer select {
  background-color: transparent;
  border: solid #bbd1e2;
  border-width: 0 0 2px 0;
  line-height: 3.25rem;
  margin: 1rem 0 0 0;
  padding: 0 0 1rem 0;
  height: 3.4375rem;
  color: #666;
  font-family: 'RubikRegular', sans-serif;
}
.formContainer .button,
.formContainer button {
  margin: 0;
}
.formContainer .button.payPal,
.formContainer button.payPal {
  background: #b9b9b9;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 2rem;
}
.formContainer .button.payPal:hover,
.formContainer button.payPal:hover {
  background: #868686;
}

#phonelist::placeholder{
	color:#333;
}

.formContainer [placeholder] {
  text-overflow: ellipsis;
  color: #ececec;
}
.formContainer ::-webkit-input-placeholder {
  text-overflow: ellipsis;
  color: #ececec;
}
.formContainer :-moz-placeholder {
  text-overflow: ellipsis;
  color: #ececec;
}
.formContainer :-ms-input-placeholder {
  text-overflow: ellipsis;
  color: #ececec;
}
.formContainer small {
  color: #77a4c5;
  font-style: normal;
  background: none;
  font-family: 'RubikRegular', sans-serif;
  display: block;
  padding: 0.375rem 0 0.5625rem;
}
.formContainer smaller {

  color: #77a4c5;
  font-style: normal;
  background: none;
  font-family: 'RubikRegular', sans-serif;
  display: block;
  padding: 0.1rem 0 0.1rem;
}
.formContainer label {
  margin: 0 0 1rem;
}
.formContainer label .onError {
  border-color: #e4404c;
}
.formContainer label .onError ~ small {
  color: #e4404c;
  margin: 0;
}
.formContainer .mainFormLinks {
  margin-bottom: 4rem;
}
.formContainer .button.withMargin {
  margin: 1rem;
}

.formContainer .button.alt {
  background: #2e89cc;
}
.formContainer .button.alt:hover {
  background: #1b5179;
}
.formContainer .button.altLight {
  font-family: 'RubikBold', sans-serif;
  background: #88caf5 ;
  color: #fff;
}
.formContainer .button.altLight:hover {
  background: #1b5179;
}
.formContainer .chosenPlan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formContainer .chosenPlan * {
  line-height: 1;
  padding: 0;
  margin: 0 .5rem 1rem;
}
.formContainer .chosenPlan .chosenPlanSubscription {
  padding: .5rem;
  border-radius: .5rem;
}
.formContainer .chosenPlan .chosenPlanSubscription.first {
  background: #6391b3;
}
.formContainer .chosenPlan .chosenPlanSubscription.second {
  background: #96c4e6;
}
.formContainer .chosenPlan .chosenPlanType {
  color: #2ecc71;
  font-family: 'RubikBold', sans-serif;
}
.formContainer .planItem {
  margin-bottom: 1rem;
}
.formContainer .planItem small {
  color: inherit;
  display: inline;
  padding: 0;
  text-transform: none;
  font-family: inherit;
}
.formContainer .plansContainer {
  padding-top: 3rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #e6f4fd;
  margin-bottom: 1.5rem;
}
.formContainer .plansToolbar input[type="radio"] {
  display: none;
}
.formContainer .plansToolbar label {
  padding: 2rem 1rem;
  cursor: pointer;
  border-radius: .5rem;
  border: 1px solid #e6f4fd;
}
.formContainer .plansToolbar input[type="radio"]:checked + label {
  background-color: #2ecc71;
  color: #fff;
}
.formContainer .plansToolbar input[type="radio"]:checked + label h2 {
  color: #fff;
}
.formContainer .planRowTitle {
  padding: 1.5rem 0;
  font-family: 'RubikMedium', sans-serif;
  border-radius: .5rem .5rem 0 0;
}
.formContainer .planRowTitle h3 {
  margin-bottom: 0;
  color: inherit;
}
.formContainer .planRowTitle.first {
  background: #6391b3;
}
.formContainer .planRowTitle.second {
  background: #96c4e6;
}
.reveal .row {
  padding: 0 .5rem;
}
.reveal .formContainer {
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 3rem 1rem;
}
.row .row.optionRow {
  margin: 0 0 3rem;
}
.jsAudioControls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid #e6f4fd;
  border-width: 0 0 2px 0;
  box-sizing: content-box;
  padding: 0 0 1rem 0;
  margin-top: 1rem;
}
.jsAudioControls .transmissionListItem {
  background: transparent url(../images/transmissionListItem.svg) no-repeat 50% 50%;
  width: 1rem;
  height: 1rem;
  background-size: contain;
}
.jsAudioControls li {
  margin-right: 1rem;
  line-height: 1rem;
}
.jsAudioControls i.msgPlay,
.jsAudioControls i.msgStop {
  color: #b9b9b9;
}
.jsAudioControls i.msgPlay:hover,
.jsAudioControls i.msgStop:hover {
  color: #2e89cc;
}
.jsAudioControls .msgTitle {
  font-family: 'RubikRegular', sans-serif;
  color: #1d5680;
}
.sectionSuccessMsg > * {
  display: inline;
  color: #2ecc71;
}
.sectionSuccessMsg a {
  color: #2ecc71;
}
.sectionSuccessMsg a:hover {
  color: #1b7943;
}
.payWithOptions label {
  font-family: 'RubikLight', sans-serif;
}
.payWithOptions input[type="radio"] {
  margin-right: 1rem;
}
.createRecipientList .row.controlsContainer,
.createRecipientList .row.contentContainer {
  margin-bottom: 2rem;
}
.createRecipientList .sectionSuccessMsg {
  margin-bottom: 2rem;
}
.newRecordingSlider {
  padding: 2rem 0;

}
.newRecordingSlider:not(.slick-slider) {
  display: none;
}
.recordingSliderNav:not(.slick-slider) {
  display: none;
}
.recordingSliderNav {
  margin-bottom: 3rem;
}
.recordingSliderNav .slick-current a {
  border-bottom: 1px solid #2e89cc;
}
.recordingSliderNav > li {
    width: 33%;
    float: left;
}
.campaignResultsTitleWr .button {
  margin: 0;
}
.campaignResultsTitleWr .recipientsCount {
  margin-right: 1.5rem;
  color: #77a4c5;
  line-height: 2.75rem;
}
.campaignResultsWr table {
  border: none;
}
.campaignResultsWr thead {
  border-bottom: solid 1px #e6f4fd;
}
@media screen and (max-width: 1224px) {
  ul.transmissions > li.formContainer.sectionContentBlock {
    width: 45%;
  }
}
@media screen and (max-width: 1300px) {
  .sectionTitleRow {
    margin-top: 5.5rem;
  }
  ul.transmissions > li {
    position: relative;
  }
  ul.transmissions > li.formContainer.sectionContentBlock {
    margin-right: 0;
    max-width: none;
    width: 100%;
  }
  .top-bar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    margin-bottom: 4rem;
  }
  .top-bar-wrapper .top-bar,
  .top-bar-wrapper .top-bar.expanded .title-area,
  .top-bar-wrapper .top-bar-section ul li,
  .top-bar-wrapper .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar-wrapper .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: transparent;
  }
  .top-bar-wrapper .toggleMobileMenu {
    display: block;
  }
  .top-bar-wrapper .top-bar-postfix {
    padding-top: 4rem;
  }
  .top-bar-wrapper .top-bar-section ul.mainNavigation,
  .top-bar-wrapper .top-bar-section ul.userActions {
    display: none;
  }
  .top-bar-wrapper .logo img {
    max-width: 80%;
  }
  .formContainer.sectionContentBlock {
    padding: 3rem 4rem;
  }
}
@media screen and (max-width: 880px) {
  ul.toggleViewControls,
  ul.viewFilters {
    margin-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .top-bar-wrapper .toggleMobileMenu {
    display: inline;
    height: auto !important;
    width: auto;
  }
  .top-bar-wrapper .title-area,
  .top-bar-wrapper .top-bar-section ul li {
    float: left;
  }
  .formContainer.sectionContentBlock {
    padding: 3rem;
  }
  .sectionNavigation,
  .sectionActions {
    margin-right: 0;
  }
  .recordingSliderNav .slick-slide {
    float: none;
    margin: 0 auto 1rem;
    width: 100%!important;
  }
}
@media screen and (max-width: 460px) {
  .row {
    padding: 0 .5rem;
  }
  .formContainer {
    padding: 3rem 1rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  .formContainer input[type="text"],
  .formContainer input[type="password"],
  .formContainer input[type="email"] {
    font-size: 1rem;
    padding: 0;
  }
}
@media screen and (max-height: 1000px) {
  .formContainer:not(.sectionContentBlock):not(.sectionContentBlockExpanded) {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  .reveal .formContainer:not(.sectionContentBlock):not(.sectionContentBlockExpanded) {
    margin: 0;
  }
}

.search {
  width: 50%;
  position: relative
}

.searchTerm {
  float: left;
  width: 100%;
  border: 3px solid #00B4CC;
  padding: 5px;
  height: 20px;
  border-radius: 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  position: absolute;
  right: -50px;
  width: 40px;
  height: 36px;
  border: 1px solid #2ecc71;
  background: #2ecc71;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;

  left: 60%;
  transform: translate(-50%, -50%);
}

h3 {}

#NumbersForm .accordion-content h3 {
    margin-left: 30px;
    font-size: 22px;
    margin-bottom: unset;
}

ul.recipientList {}

#NumbersForm ul.recipientList {
    padding: 0px 30px;
}

#NumbersForm div.flex-h {}

.flex.horizontal {}

#NumbersForm .flex.horizontal.topbar {
    width: 100%;
    position: relative;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-right: 30px;
}

.hide {
    display: none !important;
}