@charset "UTF-8";
/*Colors*/
/*Typography*/
/*9px*/
/*10.5px*/
/*12px*/
/*13px*/
/*14px*/
/*15px*/
/*18px*/
/*24px*/
/*28px*/
/*32px*/
/*41px*/
/*Layout*/
/* Breakpoint for labels above or to left of field */
/* Breakpoint for sidebar on bottom or on right */
/* from generic.css */
.content.generic {
  margin: 0;
}

.generic h1 {
  font-size: 1.5rem;
  font-weight: 200;
  margin: 20px 0 0 0;
  font-style: normal;
  border-bottom: 1px solid #999;
}

#letterform_form h2 {
  font-size: 1.5rem;
  font-weight: 200;
  margin: 10px 0 0 0;
  font-style: normal;
  border-bottom: 1px solid #999;
}

.userfield-options span,
.generic .userfield-options label {
  font-size: 0.94rem !important;
  color: #4b4b4b;
}

.generic h3 {
  font-size: 0.94rem;
}

.generic h4 {
  font-size: 0.94rem;
}

.generic pre {
  font-size: 0.877rem;
  line-height: 28px;
  font-family: "lucida console", menlo, monaco, courier, monospace;
}

.generic a {
  color: #27bbdd;
  text-decoration: none;
}

ul.bulleted li {
  list-style-type: disc;
  font-size: 0.94rem;
  line-height: 24px;
  margin: 0px 0px 0px 12px;
}

.generic legend {
  font-size: 1.4rem;
  font-weight: 600;
}

.generic table {
  border: 1px solid #ddd;
  font-size: 0.94rem;
}

.generic table th {
  background: #f0f0f0;
  line-height: 18px;
  font-weight: 600;
}

.generic table tr {
  border-bottom: 1px solid #ddd;
}

.generic table td {
  line-height: 18px;
}

/* for styleguide */
.demo-bg-black {
  background-color: #4b4b4b;
}

.demo-bg-white {
  background-color: #fff;
}

.demo-bg-grey {
  background-color: #999;
}

.demo-bg-light-grey {
  background-color: #f7f7f7;
}

.demo-bg-medium-grey {
  background-color: #ddd;
}

.demo-bg-menu-grey {
  background-color: #e6e6e6;
}

.demo-bg-border-color {
  background-color: #bbb;
}

.demo-bg-default-color {
  background-color: #777;
}

.demo-bg-default-color-light {
  background-color: #8b8b8b;
}

.demo-bg-default-color-medium {
  background-color: #a0a0a0;
}

.demo-bg-default-color-medium-light {
  background-color: #b7b7b7;
}

.demo-bg-default-color-pale {
  background-color: #ddd;
}

.demo-bg-default-color-pale-light {
  background-color: #ebebeb;
}

.demo-bg-default-color-faint {
  background-color: #f5f5f5;
}

.demo-bg-default-color-faint-light {
  background-color: #fafafa;
}

.demo-bg-default-color-shade-faint {
  background-color: #e1e1e1;
}

.demo-bg-default-color-shade-light {
  background-color: #656565;
}

.demo-bg-default-color-shade-medium {
  background-color: #535353;
}

.demo-bg-default-color-shade-dark {
  background-color: #404040;
}

.demo-bg-pages-color {
  background-color: #668d24;
}

.demo-bg-pages-color-light {
  background-color: #75a228;
}

.demo-bg-pages-color-medium {
  background-color: #88bd31;
}

.demo-bg-pages-color-medium-light {
  background-color: #a8d55b;
}

.demo-bg-pages-color-pale {
  background-color: #d1dcbf;
}

.demo-bg-pages-color-pale-light {
  background-color: #e1e8d4;
}

.demo-bg-pages-color-faint {
  background-color: #eef3e8;
}

.demo-bg-pages-color-faint-light {
  background-color: #f9faf6;
}

.demo-bg-pages-color-shade-faint {
  background-color: #dae0d2;
}

.demo-bg-pages-color-shade-light {
  background-color: #58791f;
}

.demo-bg-pages-color-shade-medium {
  background-color: #476319;
}

.demo-bg-pages-color-shade-dark {
  background-color: #394d19;
}

.demo-bg-mailings-color {
  background-color: #feac1f;
}

.demo-bg-mailings-color-light {
  background-color: #fec162;
}

.demo-bg-mailings-color-medium {
  background-color: #fecf83;
}

.demo-bg-mailings-color-medium-light {
  background-color: #ffdaa1;
}

.demo-bg-mailings-color-pale {
  background-color: #ffeacb;
}

.demo-bg-mailings-color-pale-light {
  background-color: #fff2e0;
}

.demo-bg-mailings-color-faint {
  background-color: #fff9f0;
}

.demo-bg-mailings-color-faint-light {
  background-color: #fffdfb;
}

.demo-bg-mailings-color-shade-faint {
  background-color: #ecdec7;
}

.demo-bg-mailings-color-shade-light {
  background-color: #d2942b;
}

.demo-bg-mailings-color-shade-medium {
  background-color: #b27816;
}

.demo-bg-mailings-color-shade-dark {
  background-color: #8b5e1e;
}

.demo-bg-texting-color {
  background-color: #4a509a;
}

.demo-bg-texting-color-light {
  background-color: #6973b6;
}

.demo-bg-texting-color-medium {
  background-color: #8289c2;
}

.demo-bg-texting-color-medium-light {
  background-color: #979dcc;
}

.demo-bg-texting-color-pale {
  background-color: #d1d4e5;
}

.demo-bg-texting-color-pale-light {
  background-color: #e4e5f0;
}

.demo-bg-texting-color-faint {
  background-color: #f2f3f8;
}

.demo-bg-texting-color-faint-light {
  background-color: #fbfcfd;
}

.demo-bg-texting-color-shade-faint {
  background-color: #dfe0e6;
}

.demo-bg-texting-color-shade-light {
  background-color: #404484;
}

.demo-bg-texting-color-shade-medium {
  background-color: #34386c;
}

.demo-bg-texting-color-shade-dark {
  background-color: #292d53;
}

.demo-bg-users-color {
  background-color: #005c6f;
}

.demo-bg-users-color-light {
  background-color: #067288;
}

.demo-bg-users-color-medium {
  background-color: #0987a1;
}

.demo-bg-users-color-medium-light {
  background-color: #0c9cbb;
}

.demo-bg-users-color-pale {
  background-color: #c0d6db;
}

.demo-bg-users-color-pale-light {
  background-color: #dae7e9;
}

.demo-bg-users-color-faint {
  background-color: #ebf2f4;
}

.demo-bg-users-color-faint-light {
  background-color: #f5f9f9;
}

.demo-bg-users-color-shade-faint {
  background-color: #dadfe0;
}

.demo-bg-users-color-shade-light {
  background-color: #004e5f;
}

.demo-bg-users-color-shade-medium {
  background-color: #00414e;
}

.demo-bg-users-color-shade-dark {
  background-color: #05333c;
}

.demo-bg-staff-color {
  background-color: #677d8a;
}

.demo-bg-staff-color-light {
  background-color: #7a8f9b;
}

.demo-bg-staff-color-medium {
  background-color: #92a2ad;
}

.demo-bg-staff-color-medium-light {
  background-color: #aebbc3;
}

.demo-bg-staff-color-pale {
  background-color: #d1d8dc;
}

.demo-bg-staff-color-pale-light {
  background-color: #e1e5e8;
}

.demo-bg-staff-color-faint {
  background-color: #edeff1;
}

.demo-bg-staff-color-faint-light {
  background-color: #f6f7f8;
}

.demo-bg-staff-color-shade-faint {
  background-color: #dae2e4;
}

.demo-bg-staff-color-shade-light {
  background-color: #576a75;
}

.demo-bg-staff-color-shade-medium {
  background-color: #485861;
}

.demo-bg-staff-color-shade-dark {
  background-color: #39454c;
}

.demo-bg-reports-color {
  background-color: #914675;
}

.demo-bg-reports-color-light {
  background-color: #b56999;
}

.demo-bg-reports-color-medium {
  background-color: #c992b5;
}

.demo-bg-reports-color-medium-light {
  background-color: #d3a7c3;
}

.demo-bg-reports-color-pale {
  background-color: #e3d1dc;
}

.demo-bg-reports-color-pale-light {
  background-color: #eee4ea;
}

.demo-bg-reports-color-faint {
  background-color: #f5eef3;
}

.demo-bg-reports-color-faint-light {
  background-color: #fcf9fb;
}

.demo-bg-reports-color-shade-faint {
  background-color: #e3dee1;
}

.demo-bg-reports-color-shade-light {
  background-color: #7b3c64;
}

.demo-bg-reports-color-shade-medium {
  background-color: #663252;
}

.demo-bg-reports-color-shade-dark {
  background-color: #4f2840;
}

.demo-bg-support-color {
  background-color: #f4642f;
}

.demo-bg-support-color-light {
  background-color: #f57c55;
}

.demo-bg-support-color-medium {
  background-color: #f7997a;
}

.demo-bg-support-color-medium-light {
  background-color: #f9b6a0;
}

.demo-bg-support-color-pale {
  background-color: #fcd3c7;
}

.demo-bg-support-color-pale-light {
  background-color: #fde0d7;
}

.demo-bg-support-color-faint {
  background-color: #feece6;
}

.demo-bg-support-color-faint-light {
  background-color: #fef6f3;
}

.demo-bg-support-color-shade-faint {
  background-color: #ebdfd9;
}

.demo-bg-support-color-shade-light {
  background-color: #d05628;
}

.demo-bg-support-color-shade-medium {
  background-color: #aa4721;
}

.demo-bg-support-color-shade-dark {
  background-color: #85371f;
}

/* Link Colors */
a,
a:link {
  color: #27bbdd;
  text-decoration: none;
}

a:visited {
  color: #007eb6;
}

a:hover {
  color: #009cd1;
}

/* Color Usage */
.divider {
  color: #e6e6e6;
}

.bg-page {
  background: #f2f2f2;
}

.error {
  color: #dd0000;
  background-color: #ffffff;
}

.bg-error {
  background: #ffeeee;
}

.black {
  color: #000;
}

.bg-black {
  background: #000;
}

.color-default {
  color: #777;
}

.bg-color-default {
  background: #777;
}

.color-default-lighter {
  color: #8b8b8b;
}

.bg-color-default:hover {
  border: 2px solid #a0a0a0 !important;
  cursor: pointer;
}

/* Section colors */
.color-pages {
  color: #668d24;
}

.bg-color-pages {
  background: #668d24;
}

.color-pages-lighter {
  color: #75a228;
}

.bg-color-pages:hover {
  border: 2px solid #88bd31 !important;
  cursor: pointer;
}

.color-mailings {
  color: #feac1f;
}

.bg-color-mailings {
  background: #feac1f;
}

.color-mailings-lighter {
  color: #fec162;
}

.bg-color-mailings:hover {
  border: 2px solid #fecf83 !important;
  cursor: pointer;
}

.color-texting {
  color: #4a509a;
}

.bg-color-texting {
  background: #4a509a;
}

.color-texting-lighter {
  color: #6973b6;
}

.bg-color-texting:hover {
  border: 2px solid #8289c2 !important;
  cursor: pointer;
}

.color-users {
  color: #005c6f;
}

.bg-color-users {
  background: #005c6f;
  cursor: pointer;
}

.color-users-lighter {
  color: #067288;
}

.bg-color-users:hover {
  border: 2px solid #0987a1 !important;
  cursor: pointer;
}

.color-staff {
  color: #677d8a;
}

.bg-color-staff {
  background: #677d8a;
}

.color-staff-lighter {
  color: #7a8f9b;
}

.bg-color-staff:hover {
  border: 2px solid #92a2ad !important;
  cursor: pointer;
}

.color-reports {
  color: #914675;
}

.bg-color-reports {
  background: #914675;
}

.color-reports-lighter {
  color: #b56999;
}

.bg-color-reports:hover {
  border: 2px solid #c992b5 !important;
  cursor: pointer;
}

.color-support {
  color: #f4642f;
}

.bg-color-support {
  background: #f4642f;
}

.color-support-lighter {
  color: #f57c55;
}

.bg-color-support:hover {
  border: 2px solid #f7997a !important;
  cursor: pointer;
}

body.core-app .header .byline {
  background-image: url("/media/images/ak-logo-grey-blue.svg");
}
body.core-app .header .byline a:hover {
  color: #777;
}
body.core-app .header .main-menu li a:hover {
  background: #777;
  color: #fff;
}
body.core-app .header .main-menu li a.active {
  background: #777;
  color: #fff;
}
body.core-app .header .main-menu li a {
  transition: background 0.4s ease;
}
body.core-app .header + hr {
  border-top: 5px solid #777;
}
body.core-app .box-tools li a {
  background: #777;
}
body.core-app .box-tools li a:hover {
  background: #8b8b8b;
}
body.core-app .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.core-app .box-related-tools.tree ul.tabs div.tab-top a {
  background: #777;
}
body.core-app .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #8b8b8b;
}
body.core-app .box-tools ul.box-tools-submenu li a,
body.core-app .box-related-tools.tree ul li ul li h4 a {
  color: #777;
}
body.core-app .box-tools ul.box-tools-submenu li a:hover,
body.core-app .box-related-tools.tree ul li ul li h4 a:hover {
  color: #777;
}
body.core-app .box-tools ul.box-tools-submenu li a:hover {
  background: #8b8b8b;
  color: #fff;
}
body.core-app h2.title-page {
  color: #777;
}
body.core-app .page-level-nav a {
  border-left: 1px solid #ddd;
  background: #f5f5f5;
}
body.core-app .page-level-nav a.active {
  background: #777;
}
body.core-app .page-level-nav a:hover {
  color: #fff;
  background: #8b8b8b;
}
body.core-app .page-level-nav a.active:hover {
  background: #a0a0a0;
}
body.core-app .page-level-nav a:last-of-type {
  border-right: 1px solid #ddd;
}
body.core-app .steps-nav a {
  background: #f5f5f5;
}
body.core-app .steps-nav a.active {
  background: #777;
}
body.core-app .steps-nav a:hover {
  color: #fff;
  background: #8b8b8b;
}
body.core-app .steps-nav a.active:hover {
  background: #777;
}
body.core-app .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.core-app .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.core-app table.changelist-table thead th,
body.core-app body #changelist table thead th {
  background-color: #ddd;
  color: #4b4b4b;
}
body.core-app body #changelist .paginator {
  border-top: 1px solid #b7b7b7;
}
body.core-app .item {
  background: #f5f5f5;
}
body.core-app .item:nth-child(2n) {
  background: #fafafa;
}
body.core-app .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.core-app .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.core-app #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.core-app #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #f5f5f5;
}
body.core-app .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.core-app .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.core-app #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.core-app #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fafafa;
}
body.core-app .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.core-app .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.core-app #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.core-app #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fafafa;
}
body.core-app .changelist-table tbody tr td,
body.core-app .changelist-table tbody tr th,
body.core-app #changelist tbody tr td,
body.core-app #changelist tbody tr th {
  background: #f5f5f5;
}
body.core-app .changelist-table tbody tr:nth-child(2n) td,
body.core-app .changelist-table tbody tr:nth-child(2n) th,
body.core-app #changelist tbody tr:nth-child(2n) td,
body.core-app #changelist tbody tr:nth-child(2n) th {
  background: #fafafa;
}

body.core-notice.change-form.pages .header .byline {
  background-image: url("/media/images/ak-logo-grey-blue.svg");
}
body.core-notice.change-form.pages .header .byline a:hover {
  color: #777;
}
body.core-notice.change-form.pages .header .main-menu li a:hover {
  background: #777;
  color: #fff;
}
body.core-notice.change-form.pages .header .main-menu li a.active {
  background: #777;
  color: #fff;
}
body.core-notice.change-form.pages .header .main-menu li a {
  transition: background 0.4s ease;
}
body.core-notice.change-form.pages .header + hr {
  border-top: 5px solid #777;
}
body.core-notice.change-form.pages .box-tools li a {
  background: #777;
}
body.core-notice.change-form.pages .box-tools li a:hover {
  background: #8b8b8b;
}
body.core-notice.change-form.pages .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.core-notice.change-form.pages .box-related-tools.tree ul.tabs div.tab-top a {
  background: #777;
}
body.core-notice.change-form.pages .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #8b8b8b;
}
body.core-notice.change-form.pages .box-tools ul.box-tools-submenu li a,
body.core-notice.change-form.pages .box-related-tools.tree ul li ul li h4 a {
  color: #777;
}
body.core-notice.change-form.pages .box-tools ul.box-tools-submenu li a:hover,
body.core-notice.change-form.pages .box-related-tools.tree ul li ul li h4 a:hover {
  color: #777;
}
body.core-notice.change-form.pages .box-tools ul.box-tools-submenu li a:hover {
  background: #8b8b8b;
  color: #fff;
}
body.core-notice.change-form.pages h2.title-page {
  color: #777;
}
body.core-notice.change-form.pages .page-level-nav a {
  border-left: 1px solid #ddd;
  background: #f5f5f5;
}
body.core-notice.change-form.pages .page-level-nav a.active {
  background: #777;
}
body.core-notice.change-form.pages .page-level-nav a:hover {
  color: #fff;
  background: #8b8b8b;
}
body.core-notice.change-form.pages .page-level-nav a.active:hover {
  background: #a0a0a0;
}
body.core-notice.change-form.pages .page-level-nav a:last-of-type {
  border-right: 1px solid #ddd;
}
body.core-notice.change-form.pages .steps-nav a {
  background: #f5f5f5;
}
body.core-notice.change-form.pages .steps-nav a.active {
  background: #777;
}
body.core-notice.change-form.pages .steps-nav a:hover {
  color: #fff;
  background: #8b8b8b;
}
body.core-notice.change-form.pages .steps-nav a.active:hover {
  background: #777;
}
body.core-notice.change-form.pages .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.core-notice.change-form.pages .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.core-notice.change-form.pages table.changelist-table thead th,
body.core-notice.change-form.pages body #changelist table thead th {
  background-color: #ddd;
  color: #4b4b4b;
}
body.core-notice.change-form.pages body #changelist .paginator {
  border-top: 1px solid #b7b7b7;
}
body.core-notice.change-form.pages .item {
  background: #f5f5f5;
}
body.core-notice.change-form.pages .item:nth-child(2n) {
  background: #fafafa;
}
body.core-notice.change-form.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.core-notice.change-form.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.core-notice.change-form.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.core-notice.change-form.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #f5f5f5;
}
body.core-notice.change-form.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.core-notice.change-form.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.core-notice.change-form.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.core-notice.change-form.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fafafa;
}
body.core-notice.change-form.pages .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.core-notice.change-form.pages .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.core-notice.change-form.pages #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.core-notice.change-form.pages #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fafafa;
}
body.core-notice.change-form.pages .changelist-table tbody tr td,
body.core-notice.change-form.pages .changelist-table tbody tr th,
body.core-notice.change-form.pages #changelist tbody tr td,
body.core-notice.change-form.pages #changelist tbody tr th {
  background: #f5f5f5;
}
body.core-notice.change-form.pages .changelist-table tbody tr:nth-child(2n) td,
body.core-notice.change-form.pages .changelist-table tbody tr:nth-child(2n) th,
body.core-notice.change-form.pages #changelist tbody tr:nth-child(2n) td,
body.core-notice.change-form.pages #changelist tbody tr:nth-child(2n) th {
  background: #fafafa;
}

body.core-notice.change-form.pages .header .main-menu li a.active {
  background: none;
  color: #4b4b4b;
}

body.core-notice.change-form.pages .header .main-menu li a.active:hover {
  color: #fff;
  background: #777;
}

body.pages .header .byline,
body.uploader.users.pages .header .byline,
body.styleguide .pages .header .byline {
  background-image: url("/media/images/ak-logo-green-blue.svg");
}
body.pages .header .byline a:hover,
body.uploader.users.pages .header .byline a:hover,
body.styleguide .pages .header .byline a:hover {
  color: #668d24;
}
body.pages .header .main-menu li a:hover,
body.uploader.users.pages .header .main-menu li a:hover,
body.styleguide .pages .header .main-menu li a:hover {
  background: #668d24;
  color: #fff;
}
body.pages .header .main-menu li a.active,
body.uploader.users.pages .header .main-menu li a.active,
body.styleguide .pages .header .main-menu li a.active {
  background: #668d24;
  color: #fff;
}
body.pages .header .main-menu li a,
body.uploader.users.pages .header .main-menu li a,
body.styleguide .pages .header .main-menu li a {
  transition: background 0.4s ease;
}
body.pages .header + hr,
body.uploader.users.pages .header + hr,
body.styleguide .pages .header + hr {
  border-top: 5px solid #668d24;
}
body.pages .box-tools li a,
body.uploader.users.pages .box-tools li a,
body.styleguide .pages .box-tools li a {
  background: #668d24;
}
body.pages .box-tools li a:hover,
body.uploader.users.pages .box-tools li a:hover,
body.styleguide .pages .box-tools li a:hover {
  background: #75a228;
}
body.pages .box-tools p,
body.uploader.users.pages .box-tools p,
body.styleguide .pages .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.pages .box-related-tools.tree ul.tabs div.tab-top a,
body.uploader.users.pages .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .pages .box-related-tools.tree ul.tabs div.tab-top a {
  background: #668d24;
}
body.pages .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.uploader.users.pages .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .pages .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #75a228;
}
body.pages .box-tools ul.box-tools-submenu li a,
body.pages .box-related-tools.tree ul li ul li h4 a,
body.uploader.users.pages .box-tools ul.box-tools-submenu li a,
body.uploader.users.pages .box-related-tools.tree ul li ul li h4 a,
body.styleguide .pages .box-tools ul.box-tools-submenu li a,
body.styleguide .pages .box-related-tools.tree ul li ul li h4 a {
  color: #668d24;
}
body.pages .box-tools ul.box-tools-submenu li a:hover,
body.pages .box-related-tools.tree ul li ul li h4 a:hover,
body.uploader.users.pages .box-tools ul.box-tools-submenu li a:hover,
body.uploader.users.pages .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .pages .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .pages .box-related-tools.tree ul li ul li h4 a:hover {
  color: #668d24;
}
body.pages .box-tools ul.box-tools-submenu li a:hover,
body.uploader.users.pages .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .pages .box-tools ul.box-tools-submenu li a:hover {
  background: #75a228;
  color: #fff;
}
body.pages h2.title-page,
body.uploader.users.pages h2.title-page,
body.styleguide .pages h2.title-page {
  color: #668d24;
}
body.pages .page-level-nav a,
body.uploader.users.pages .page-level-nav a,
body.styleguide .pages .page-level-nav a {
  border-left: 1px solid #d1dcbf;
  background: #eef3e8;
}
body.pages .page-level-nav a.active,
body.uploader.users.pages .page-level-nav a.active,
body.styleguide .pages .page-level-nav a.active {
  background: #668d24;
}
body.pages .page-level-nav a:hover,
body.uploader.users.pages .page-level-nav a:hover,
body.styleguide .pages .page-level-nav a:hover {
  color: #fff;
  background: #75a228;
}
body.pages .page-level-nav a.active:hover,
body.uploader.users.pages .page-level-nav a.active:hover,
body.styleguide .pages .page-level-nav a.active:hover {
  background: #88bd31;
}
body.pages .page-level-nav a:last-of-type,
body.uploader.users.pages .page-level-nav a:last-of-type,
body.styleguide .pages .page-level-nav a:last-of-type {
  border-right: 1px solid #d1dcbf;
}
body.pages .steps-nav a,
body.uploader.users.pages .steps-nav a,
body.styleguide .pages .steps-nav a {
  background: #eef3e8;
}
body.pages .steps-nav a.active,
body.uploader.users.pages .steps-nav a.active,
body.styleguide .pages .steps-nav a.active {
  background: #668d24;
}
body.pages .steps-nav a:hover,
body.uploader.users.pages .steps-nav a:hover,
body.styleguide .pages .steps-nav a:hover {
  color: #fff;
  background: #75a228;
}
body.pages .steps-nav a.active:hover,
body.uploader.users.pages .steps-nav a.active:hover,
body.styleguide .pages .steps-nav a.active:hover {
  background: #668d24;
}
body.pages .steps-nav a.inactive,
body.uploader.users.pages .steps-nav a.inactive,
body.styleguide .pages .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.pages .steps-nav a.inactive:hover,
body.uploader.users.pages .steps-nav a.inactive:hover,
body.styleguide .pages .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.pages table.changelist-table thead th,
body.pages body #changelist table thead th,
body.uploader.users.pages table.changelist-table thead th,
body.uploader.users.pages body #changelist table thead th,
body.styleguide .pages table.changelist-table thead th,
body.styleguide .pages body #changelist table thead th {
  background-color: #d1dcbf;
  color: #4b4b4b;
}
body.pages body #changelist .paginator,
body.uploader.users.pages body #changelist .paginator,
body.styleguide .pages body #changelist .paginator {
  border-top: 1px solid #a8d55b;
}
body.pages .item,
body.uploader.users.pages .item,
body.styleguide .pages .item {
  background: #eef3e8;
}
body.pages .item:nth-child(2n),
body.uploader.users.pages .item:nth-child(2n),
body.styleguide .pages .item:nth-child(2n) {
  background: #f9faf6;
}
body.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.uploader.users.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.uploader.users.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.uploader.users.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.uploader.users.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #eef3e8;
}
body.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.uploader.users.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.uploader.users.pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.uploader.users.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.uploader.users.pages #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .pages .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .pages #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .pages #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #f9faf6;
}
body.pages .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.pages .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.pages #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.pages #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.uploader.users.pages .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.uploader.users.pages .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.uploader.users.pages #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.uploader.users.pages #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .pages .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .pages .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .pages #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .pages #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #f9faf6;
}
body.pages .changelist-table tbody tr td,
body.pages .changelist-table tbody tr th,
body.pages #changelist tbody tr td,
body.pages #changelist tbody tr th,
body.uploader.users.pages .changelist-table tbody tr td,
body.uploader.users.pages .changelist-table tbody tr th,
body.uploader.users.pages #changelist tbody tr td,
body.uploader.users.pages #changelist tbody tr th,
body.styleguide .pages .changelist-table tbody tr td,
body.styleguide .pages .changelist-table tbody tr th,
body.styleguide .pages #changelist tbody tr td,
body.styleguide .pages #changelist tbody tr th {
  background: #eef3e8;
}
body.pages .changelist-table tbody tr:nth-child(2n) td,
body.pages .changelist-table tbody tr:nth-child(2n) th,
body.pages #changelist tbody tr:nth-child(2n) td,
body.pages #changelist tbody tr:nth-child(2n) th,
body.uploader.users.pages .changelist-table tbody tr:nth-child(2n) td,
body.uploader.users.pages .changelist-table tbody tr:nth-child(2n) th,
body.uploader.users.pages #changelist tbody tr:nth-child(2n) td,
body.uploader.users.pages #changelist tbody tr:nth-child(2n) th,
body.styleguide .pages .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .pages .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .pages #changelist tbody tr:nth-child(2n) td,
body.styleguide .pages #changelist tbody tr:nth-child(2n) th {
  background: #f9faf6;
}

body.mailings .header .byline,
body.styleguide .mailings .header .byline {
  background-image: url("/media/images/ak-logo-yellow-blue.svg");
}
body.mailings .header .byline a:hover,
body.styleguide .mailings .header .byline a:hover {
  color: #feac1f;
}
body.mailings .header .main-menu li a:hover,
body.styleguide .mailings .header .main-menu li a:hover {
  background: #feac1f;
  color: #fff;
}
body.mailings .header .main-menu li a.active,
body.styleguide .mailings .header .main-menu li a.active {
  background: #feac1f;
  color: #fff;
}
body.mailings .header .main-menu li a,
body.styleguide .mailings .header .main-menu li a {
  transition: background 0.4s ease;
}
body.mailings .header + hr,
body.styleguide .mailings .header + hr {
  border-top: 5px solid #feac1f;
}
body.mailings .box-tools li a,
body.styleguide .mailings .box-tools li a {
  background: #feac1f;
}
body.mailings .box-tools li a:hover,
body.styleguide .mailings .box-tools li a:hover {
  background: #fec162;
}
body.mailings .box-tools p,
body.styleguide .mailings .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.mailings .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .mailings .box-related-tools.tree ul.tabs div.tab-top a {
  background: #feac1f;
}
body.mailings .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .mailings .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #fec162;
}
body.mailings .box-tools ul.box-tools-submenu li a,
body.mailings .box-related-tools.tree ul li ul li h4 a,
body.styleguide .mailings .box-tools ul.box-tools-submenu li a,
body.styleguide .mailings .box-related-tools.tree ul li ul li h4 a {
  color: #feac1f;
}
body.mailings .box-tools ul.box-tools-submenu li a:hover,
body.mailings .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .mailings .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .mailings .box-related-tools.tree ul li ul li h4 a:hover {
  color: #feac1f;
}
body.mailings .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .mailings .box-tools ul.box-tools-submenu li a:hover {
  background: #fec162;
  color: #fff;
}
body.mailings h2.title-page,
body.styleguide .mailings h2.title-page {
  color: #feac1f;
}
body.mailings .page-level-nav a,
body.styleguide .mailings .page-level-nav a {
  border-left: 1px solid #ffeacb;
  background: #fff9f0;
}
body.mailings .page-level-nav a.active,
body.styleguide .mailings .page-level-nav a.active {
  background: #feac1f;
}
body.mailings .page-level-nav a:hover,
body.styleguide .mailings .page-level-nav a:hover {
  color: #fff;
  background: #fec162;
}
body.mailings .page-level-nav a.active:hover,
body.styleguide .mailings .page-level-nav a.active:hover {
  background: #fecf83;
}
body.mailings .page-level-nav a:last-of-type,
body.styleguide .mailings .page-level-nav a:last-of-type {
  border-right: 1px solid #ffeacb;
}
body.mailings .steps-nav a,
body.styleguide .mailings .steps-nav a {
  background: #fff9f0;
}
body.mailings .steps-nav a.active,
body.styleguide .mailings .steps-nav a.active {
  background: #feac1f;
}
body.mailings .steps-nav a:hover,
body.styleguide .mailings .steps-nav a:hover {
  color: #fff;
  background: #fec162;
}
body.mailings .steps-nav a.active:hover,
body.styleguide .mailings .steps-nav a.active:hover {
  background: #feac1f;
}
body.mailings .steps-nav a.inactive,
body.styleguide .mailings .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.mailings .steps-nav a.inactive:hover,
body.styleguide .mailings .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.mailings table.changelist-table thead th,
body.mailings body #changelist table thead th,
body.styleguide .mailings table.changelist-table thead th,
body.styleguide .mailings body #changelist table thead th {
  background-color: #ffeacb;
  color: #4b4b4b;
}
body.mailings body #changelist .paginator,
body.styleguide .mailings body #changelist .paginator {
  border-top: 1px solid #ffdaa1;
}
body.mailings .item,
body.styleguide .mailings .item {
  background: #fff9f0;
}
body.mailings .item:nth-child(2n),
body.styleguide .mailings .item:nth-child(2n) {
  background: #fffdfb;
}
body.mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #fff9f0;
}
body.mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .mailings .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .mailings #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fffdfb;
}
body.mailings .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.mailings .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.mailings #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.mailings #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .mailings .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .mailings .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .mailings #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .mailings #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fffdfb;
}
body.mailings .changelist-table tbody tr td,
body.mailings .changelist-table tbody tr th,
body.mailings #changelist tbody tr td,
body.mailings #changelist tbody tr th,
body.styleguide .mailings .changelist-table tbody tr td,
body.styleguide .mailings .changelist-table tbody tr th,
body.styleguide .mailings #changelist tbody tr td,
body.styleguide .mailings #changelist tbody tr th {
  background: #fff9f0;
}
body.mailings .changelist-table tbody tr:nth-child(2n) td,
body.mailings .changelist-table tbody tr:nth-child(2n) th,
body.mailings #changelist tbody tr:nth-child(2n) td,
body.mailings #changelist tbody tr:nth-child(2n) th,
body.styleguide .mailings .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .mailings .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .mailings #changelist tbody tr:nth-child(2n) td,
body.styleguide .mailings #changelist tbody tr:nth-child(2n) th {
  background: #fffdfb;
}

body.texting .header .byline,
body.styleguide .texting .header .byline {
  background-image: url("/media/images/ak-logo-yellow-blue.svg");
}
body.texting .header .byline a:hover,
body.styleguide .texting .header .byline a:hover {
  color: #4a509a;
}
body.texting .header .main-menu li a:hover,
body.styleguide .texting .header .main-menu li a:hover {
  background: #4a509a;
  color: #fff;
}
body.texting .header .main-menu li a.active,
body.styleguide .texting .header .main-menu li a.active {
  background: #4a509a;
  color: #fff;
}
body.texting .header .main-menu li a,
body.styleguide .texting .header .main-menu li a {
  transition: background 0.4s ease;
}
body.texting .header + hr,
body.styleguide .texting .header + hr {
  border-top: 5px solid #4a509a;
}
body.texting .box-tools li a,
body.styleguide .texting .box-tools li a {
  background: #4a509a;
}
body.texting .box-tools li a:hover,
body.styleguide .texting .box-tools li a:hover {
  background: #6973b6;
}
body.texting .box-tools p,
body.styleguide .texting .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.texting .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .texting .box-related-tools.tree ul.tabs div.tab-top a {
  background: #4a509a;
}
body.texting .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .texting .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #6973b6;
}
body.texting .box-tools ul.box-tools-submenu li a,
body.texting .box-related-tools.tree ul li ul li h4 a,
body.styleguide .texting .box-tools ul.box-tools-submenu li a,
body.styleguide .texting .box-related-tools.tree ul li ul li h4 a {
  color: #4a509a;
}
body.texting .box-tools ul.box-tools-submenu li a:hover,
body.texting .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .texting .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .texting .box-related-tools.tree ul li ul li h4 a:hover {
  color: #4a509a;
}
body.texting .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .texting .box-tools ul.box-tools-submenu li a:hover {
  background: #6973b6;
  color: #fff;
}
body.texting h2.title-page,
body.styleguide .texting h2.title-page {
  color: #4a509a;
}
body.texting .page-level-nav a,
body.styleguide .texting .page-level-nav a {
  border-left: 1px solid #d1d4e5;
  background: #f2f3f8;
}
body.texting .page-level-nav a.active,
body.styleguide .texting .page-level-nav a.active {
  background: #4a509a;
}
body.texting .page-level-nav a:hover,
body.styleguide .texting .page-level-nav a:hover {
  color: #fff;
  background: #6973b6;
}
body.texting .page-level-nav a.active:hover,
body.styleguide .texting .page-level-nav a.active:hover {
  background: #8289c2;
}
body.texting .page-level-nav a:last-of-type,
body.styleguide .texting .page-level-nav a:last-of-type {
  border-right: 1px solid #d1d4e5;
}
body.texting .steps-nav a,
body.styleguide .texting .steps-nav a {
  background: #f2f3f8;
}
body.texting .steps-nav a.active,
body.styleguide .texting .steps-nav a.active {
  background: #4a509a;
}
body.texting .steps-nav a:hover,
body.styleguide .texting .steps-nav a:hover {
  color: #fff;
  background: #6973b6;
}
body.texting .steps-nav a.active:hover,
body.styleguide .texting .steps-nav a.active:hover {
  background: #4a509a;
}
body.texting .steps-nav a.inactive,
body.styleguide .texting .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.texting .steps-nav a.inactive:hover,
body.styleguide .texting .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.texting table.changelist-table thead th,
body.texting body #changelist table thead th,
body.styleguide .texting table.changelist-table thead th,
body.styleguide .texting body #changelist table thead th {
  background-color: #d1d4e5;
  color: #4b4b4b;
}
body.texting body #changelist .paginator,
body.styleguide .texting body #changelist .paginator {
  border-top: 1px solid #979dcc;
}
body.texting .item,
body.styleguide .texting .item {
  background: #f2f3f8;
}
body.texting .item:nth-child(2n),
body.styleguide .texting .item:nth-child(2n) {
  background: #fbfcfd;
}
body.texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.texting #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.texting #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .texting #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .texting #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #f2f3f8;
}
body.texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.texting #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.texting #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .texting .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .texting #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .texting #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fbfcfd;
}
body.texting .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.texting .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.texting #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.texting #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .texting .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .texting .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .texting #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .texting #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fbfcfd;
}
body.texting .changelist-table tbody tr td,
body.texting .changelist-table tbody tr th,
body.texting #changelist tbody tr td,
body.texting #changelist tbody tr th,
body.styleguide .texting .changelist-table tbody tr td,
body.styleguide .texting .changelist-table tbody tr th,
body.styleguide .texting #changelist tbody tr td,
body.styleguide .texting #changelist tbody tr th {
  background: #f2f3f8;
}
body.texting .changelist-table tbody tr:nth-child(2n) td,
body.texting .changelist-table tbody tr:nth-child(2n) th,
body.texting #changelist tbody tr:nth-child(2n) td,
body.texting #changelist tbody tr:nth-child(2n) th,
body.styleguide .texting .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .texting .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .texting #changelist tbody tr:nth-child(2n) td,
body.styleguide .texting #changelist tbody tr:nth-child(2n) th {
  background: #fbfcfd;
}

body.reports .header .byline,
body.styleguide .reports .header .byline {
  background-image: url("/media/images/ak-logo-purple-grey.svg");
}
body.reports .header .byline a:hover,
body.styleguide .reports .header .byline a:hover {
  color: #914675;
}
body.reports .header .main-menu li a:hover,
body.styleguide .reports .header .main-menu li a:hover {
  background: #914675;
  color: #fff;
}
body.reports .header .main-menu li a.active,
body.styleguide .reports .header .main-menu li a.active {
  background: #914675;
  color: #fff;
}
body.reports .header .main-menu li a,
body.styleguide .reports .header .main-menu li a {
  transition: background 0.4s ease;
}
body.reports .header + hr,
body.styleguide .reports .header + hr {
  border-top: 5px solid #914675;
}
body.reports .box-tools li a,
body.styleguide .reports .box-tools li a {
  background: #914675;
}
body.reports .box-tools li a:hover,
body.styleguide .reports .box-tools li a:hover {
  background: #b56999;
}
body.reports .box-tools p,
body.styleguide .reports .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.reports .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .reports .box-related-tools.tree ul.tabs div.tab-top a {
  background: #914675;
}
body.reports .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .reports .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #b56999;
}
body.reports .box-tools ul.box-tools-submenu li a,
body.reports .box-related-tools.tree ul li ul li h4 a,
body.styleguide .reports .box-tools ul.box-tools-submenu li a,
body.styleguide .reports .box-related-tools.tree ul li ul li h4 a {
  color: #914675;
}
body.reports .box-tools ul.box-tools-submenu li a:hover,
body.reports .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .reports .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .reports .box-related-tools.tree ul li ul li h4 a:hover {
  color: #914675;
}
body.reports .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .reports .box-tools ul.box-tools-submenu li a:hover {
  background: #b56999;
  color: #fff;
}
body.reports h2.title-page,
body.styleguide .reports h2.title-page {
  color: #914675;
}
body.reports .page-level-nav a,
body.styleguide .reports .page-level-nav a {
  border-left: 1px solid #e3d1dc;
  background: #f5eef3;
}
body.reports .page-level-nav a.active,
body.styleguide .reports .page-level-nav a.active {
  background: #914675;
}
body.reports .page-level-nav a:hover,
body.styleguide .reports .page-level-nav a:hover {
  color: #fff;
  background: #b56999;
}
body.reports .page-level-nav a.active:hover,
body.styleguide .reports .page-level-nav a.active:hover {
  background: #c992b5;
}
body.reports .page-level-nav a:last-of-type,
body.styleguide .reports .page-level-nav a:last-of-type {
  border-right: 1px solid #e3d1dc;
}
body.reports .steps-nav a,
body.styleguide .reports .steps-nav a {
  background: #f5eef3;
}
body.reports .steps-nav a.active,
body.styleguide .reports .steps-nav a.active {
  background: #914675;
}
body.reports .steps-nav a:hover,
body.styleguide .reports .steps-nav a:hover {
  color: #fff;
  background: #b56999;
}
body.reports .steps-nav a.active:hover,
body.styleguide .reports .steps-nav a.active:hover {
  background: #914675;
}
body.reports .steps-nav a.inactive,
body.styleguide .reports .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.reports .steps-nav a.inactive:hover,
body.styleguide .reports .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.reports table.changelist-table thead th,
body.reports body #changelist table thead th,
body.styleguide .reports table.changelist-table thead th,
body.styleguide .reports body #changelist table thead th {
  background-color: #e3d1dc;
  color: #4b4b4b;
}
body.reports body #changelist .paginator,
body.styleguide .reports body #changelist .paginator {
  border-top: 1px solid #d3a7c3;
}
body.reports .item,
body.styleguide .reports .item {
  background: #f5eef3;
}
body.reports .item:nth-child(2n),
body.styleguide .reports .item:nth-child(2n) {
  background: #fcf9fb;
}
body.reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.reports #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.reports #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .reports #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .reports #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #f5eef3;
}
body.reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.reports #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.reports #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .reports .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .reports #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .reports #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fcf9fb;
}
body.reports .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.reports .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.reports #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.reports #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .reports .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .reports .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .reports #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .reports #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fcf9fb;
}
body.reports .changelist-table tbody tr td,
body.reports .changelist-table tbody tr th,
body.reports #changelist tbody tr td,
body.reports #changelist tbody tr th,
body.styleguide .reports .changelist-table tbody tr td,
body.styleguide .reports .changelist-table tbody tr th,
body.styleguide .reports #changelist tbody tr td,
body.styleguide .reports #changelist tbody tr th {
  background: #f5eef3;
}
body.reports .changelist-table tbody tr:nth-child(2n) td,
body.reports .changelist-table tbody tr:nth-child(2n) th,
body.reports #changelist tbody tr:nth-child(2n) td,
body.reports #changelist tbody tr:nth-child(2n) th,
body.styleguide .reports .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .reports .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .reports #changelist tbody tr:nth-child(2n) td,
body.styleguide .reports #changelist tbody tr:nth-child(2n) th {
  background: #fcf9fb;
}

body.users .header .byline,
body.styleguide .users .header .byline {
  background-image: url("/media/images/ak-logo-blue-grey.svg");
}
body.users .header .byline a:hover,
body.styleguide .users .header .byline a:hover {
  color: #005c6f;
}
body.users .header .main-menu li a:hover,
body.styleguide .users .header .main-menu li a:hover {
  background: #005c6f;
  color: #fff;
}
body.users .header .main-menu li a.active,
body.styleguide .users .header .main-menu li a.active {
  background: #005c6f;
  color: #fff;
}
body.users .header .main-menu li a,
body.styleguide .users .header .main-menu li a {
  transition: background 0.4s ease;
}
body.users .header + hr,
body.styleguide .users .header + hr {
  border-top: 5px solid #005c6f;
}
body.users .box-tools li a,
body.styleguide .users .box-tools li a {
  background: #005c6f;
}
body.users .box-tools li a:hover,
body.styleguide .users .box-tools li a:hover {
  background: #067288;
}
body.users .box-tools p,
body.styleguide .users .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.users .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .users .box-related-tools.tree ul.tabs div.tab-top a {
  background: #005c6f;
}
body.users .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .users .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #067288;
}
body.users .box-tools ul.box-tools-submenu li a,
body.users .box-related-tools.tree ul li ul li h4 a,
body.styleguide .users .box-tools ul.box-tools-submenu li a,
body.styleguide .users .box-related-tools.tree ul li ul li h4 a {
  color: #005c6f;
}
body.users .box-tools ul.box-tools-submenu li a:hover,
body.users .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .users .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .users .box-related-tools.tree ul li ul li h4 a:hover {
  color: #005c6f;
}
body.users .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .users .box-tools ul.box-tools-submenu li a:hover {
  background: #067288;
  color: #fff;
}
body.users h2.title-page,
body.styleguide .users h2.title-page {
  color: #005c6f;
}
body.users .page-level-nav a,
body.styleguide .users .page-level-nav a {
  border-left: 1px solid #c0d6db;
  background: #ebf2f4;
}
body.users .page-level-nav a.active,
body.styleguide .users .page-level-nav a.active {
  background: #005c6f;
}
body.users .page-level-nav a:hover,
body.styleguide .users .page-level-nav a:hover {
  color: #fff;
  background: #067288;
}
body.users .page-level-nav a.active:hover,
body.styleguide .users .page-level-nav a.active:hover {
  background: #0987a1;
}
body.users .page-level-nav a:last-of-type,
body.styleguide .users .page-level-nav a:last-of-type {
  border-right: 1px solid #c0d6db;
}
body.users .steps-nav a,
body.styleguide .users .steps-nav a {
  background: #ebf2f4;
}
body.users .steps-nav a.active,
body.styleguide .users .steps-nav a.active {
  background: #005c6f;
}
body.users .steps-nav a:hover,
body.styleguide .users .steps-nav a:hover {
  color: #fff;
  background: #067288;
}
body.users .steps-nav a.active:hover,
body.styleguide .users .steps-nav a.active:hover {
  background: #005c6f;
}
body.users .steps-nav a.inactive,
body.styleguide .users .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.users .steps-nav a.inactive:hover,
body.styleguide .users .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.users table.changelist-table thead th,
body.users body #changelist table thead th,
body.styleguide .users table.changelist-table thead th,
body.styleguide .users body #changelist table thead th {
  background-color: #c0d6db;
  color: #4b4b4b;
}
body.users body #changelist .paginator,
body.styleguide .users body #changelist .paginator {
  border-top: 1px solid #0c9cbb;
}
body.users .item,
body.styleguide .users .item {
  background: #ebf2f4;
}
body.users .item:nth-child(2n),
body.styleguide .users .item:nth-child(2n) {
  background: #f5f9f9;
}
body.users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.users #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.users #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .users #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .users #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #ebf2f4;
}
body.users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.users #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.users #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .users .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .users #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .users #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #f5f9f9;
}
body.users .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.users .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.users #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.users #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .users .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .users .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .users #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .users #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #f5f9f9;
}
body.users .changelist-table tbody tr td,
body.users .changelist-table tbody tr th,
body.users #changelist tbody tr td,
body.users #changelist tbody tr th,
body.styleguide .users .changelist-table tbody tr td,
body.styleguide .users .changelist-table tbody tr th,
body.styleguide .users #changelist tbody tr td,
body.styleguide .users #changelist tbody tr th {
  background: #ebf2f4;
}
body.users .changelist-table tbody tr:nth-child(2n) td,
body.users .changelist-table tbody tr:nth-child(2n) th,
body.users #changelist tbody tr:nth-child(2n) td,
body.users #changelist tbody tr:nth-child(2n) th,
body.styleguide .users .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .users .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .users #changelist tbody tr:nth-child(2n) td,
body.styleguide .users #changelist tbody tr:nth-child(2n) th {
  background: #f5f9f9;
}

body.staff .header .byline,
body.styleguide .staff .header .byline {
  background-image: url("/media/images/ak-logo-ltblue-blue.svg");
}
body.staff .header .byline a:hover,
body.styleguide .staff .header .byline a:hover {
  color: #677d8a;
}
body.staff .header .main-menu li a:hover,
body.styleguide .staff .header .main-menu li a:hover {
  background: #677d8a;
  color: #fff;
}
body.staff .header .main-menu li a.active,
body.styleguide .staff .header .main-menu li a.active {
  background: #677d8a;
  color: #fff;
}
body.staff .header .main-menu li a,
body.styleguide .staff .header .main-menu li a {
  transition: background 0.4s ease;
}
body.staff .header + hr,
body.styleguide .staff .header + hr {
  border-top: 5px solid #677d8a;
}
body.staff .box-tools li a,
body.styleguide .staff .box-tools li a {
  background: #677d8a;
}
body.staff .box-tools li a:hover,
body.styleguide .staff .box-tools li a:hover {
  background: #7a8f9b;
}
body.staff .box-tools p,
body.styleguide .staff .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.staff .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .staff .box-related-tools.tree ul.tabs div.tab-top a {
  background: #677d8a;
}
body.staff .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .staff .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #7a8f9b;
}
body.staff .box-tools ul.box-tools-submenu li a,
body.staff .box-related-tools.tree ul li ul li h4 a,
body.styleguide .staff .box-tools ul.box-tools-submenu li a,
body.styleguide .staff .box-related-tools.tree ul li ul li h4 a {
  color: #677d8a;
}
body.staff .box-tools ul.box-tools-submenu li a:hover,
body.staff .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .staff .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .staff .box-related-tools.tree ul li ul li h4 a:hover {
  color: #677d8a;
}
body.staff .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .staff .box-tools ul.box-tools-submenu li a:hover {
  background: #7a8f9b;
  color: #fff;
}
body.staff h2.title-page,
body.styleguide .staff h2.title-page {
  color: #677d8a;
}
body.staff .page-level-nav a,
body.styleguide .staff .page-level-nav a {
  border-left: 1px solid #d1d8dc;
  background: #edeff1;
}
body.staff .page-level-nav a.active,
body.styleguide .staff .page-level-nav a.active {
  background: #677d8a;
}
body.staff .page-level-nav a:hover,
body.styleguide .staff .page-level-nav a:hover {
  color: #fff;
  background: #7a8f9b;
}
body.staff .page-level-nav a.active:hover,
body.styleguide .staff .page-level-nav a.active:hover {
  background: #92a2ad;
}
body.staff .page-level-nav a:last-of-type,
body.styleguide .staff .page-level-nav a:last-of-type {
  border-right: 1px solid #d1d8dc;
}
body.staff .steps-nav a,
body.styleguide .staff .steps-nav a {
  background: #edeff1;
}
body.staff .steps-nav a.active,
body.styleguide .staff .steps-nav a.active {
  background: #677d8a;
}
body.staff .steps-nav a:hover,
body.styleguide .staff .steps-nav a:hover {
  color: #fff;
  background: #7a8f9b;
}
body.staff .steps-nav a.active:hover,
body.styleguide .staff .steps-nav a.active:hover {
  background: #677d8a;
}
body.staff .steps-nav a.inactive,
body.styleguide .staff .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.staff .steps-nav a.inactive:hover,
body.styleguide .staff .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.staff table.changelist-table thead th,
body.staff body #changelist table thead th,
body.styleguide .staff table.changelist-table thead th,
body.styleguide .staff body #changelist table thead th {
  background-color: #d1d8dc;
  color: #4b4b4b;
}
body.staff body #changelist .paginator,
body.styleguide .staff body #changelist .paginator {
  border-top: 1px solid #aebbc3;
}
body.staff .item,
body.styleguide .staff .item {
  background: #edeff1;
}
body.staff .item:nth-child(2n),
body.styleguide .staff .item:nth-child(2n) {
  background: #f6f7f8;
}
body.staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.staff #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.staff #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .staff #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .staff #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #edeff1;
}
body.staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.staff #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.staff #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .staff .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .staff #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .staff #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #f6f7f8;
}
body.staff .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.staff .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.staff #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.staff #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .staff .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .staff .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .staff #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .staff #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #f6f7f8;
}
body.staff .changelist-table tbody tr td,
body.staff .changelist-table tbody tr th,
body.staff #changelist tbody tr td,
body.staff #changelist tbody tr th,
body.styleguide .staff .changelist-table tbody tr td,
body.styleguide .staff .changelist-table tbody tr th,
body.styleguide .staff #changelist tbody tr td,
body.styleguide .staff #changelist tbody tr th {
  background: #edeff1;
}
body.staff .changelist-table tbody tr:nth-child(2n) td,
body.staff .changelist-table tbody tr:nth-child(2n) th,
body.staff #changelist tbody tr:nth-child(2n) td,
body.staff #changelist tbody tr:nth-child(2n) th,
body.styleguide .staff .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .staff .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .staff #changelist tbody tr:nth-child(2n) td,
body.styleguide .staff #changelist tbody tr:nth-child(2n) th {
  background: #f6f7f8;
}

body.support .header .byline,
body.styleguide .support .header .byline {
  background-image: url("/media/images/ak-logo-red-orange.svg");
}
body.support .header .byline a:hover,
body.styleguide .support .header .byline a:hover {
  color: #f4642f;
}
body.support .header .main-menu li a:hover,
body.styleguide .support .header .main-menu li a:hover {
  background: #f4642f;
  color: #fff;
}
body.support .header .main-menu li a.active,
body.styleguide .support .header .main-menu li a.active {
  background: #f4642f;
  color: #fff;
}
body.support .header .main-menu li a,
body.styleguide .support .header .main-menu li a {
  transition: background 0.4s ease;
}
body.support .header + hr,
body.styleguide .support .header + hr {
  border-top: 5px solid #f4642f;
}
body.support .box-tools li a,
body.styleguide .support .box-tools li a {
  background: #f4642f;
}
body.support .box-tools li a:hover,
body.styleguide .support .box-tools li a:hover {
  background: #f57c55;
}
body.support .box-tools p,
body.styleguide .support .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.support .box-related-tools.tree ul.tabs div.tab-top a,
body.styleguide .support .box-related-tools.tree ul.tabs div.tab-top a {
  background: #f4642f;
}
body.support .box-related-tools.tree ul.tabs div.tab-top a:hover,
body.styleguide .support .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #f57c55;
}
body.support .box-tools ul.box-tools-submenu li a,
body.support .box-related-tools.tree ul li ul li h4 a,
body.styleguide .support .box-tools ul.box-tools-submenu li a,
body.styleguide .support .box-related-tools.tree ul li ul li h4 a {
  color: #f4642f;
}
body.support .box-tools ul.box-tools-submenu li a:hover,
body.support .box-related-tools.tree ul li ul li h4 a:hover,
body.styleguide .support .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .support .box-related-tools.tree ul li ul li h4 a:hover {
  color: #f4642f;
}
body.support .box-tools ul.box-tools-submenu li a:hover,
body.styleguide .support .box-tools ul.box-tools-submenu li a:hover {
  background: #f57c55;
  color: #fff;
}
body.support h2.title-page,
body.styleguide .support h2.title-page {
  color: #f4642f;
}
body.support .page-level-nav a,
body.styleguide .support .page-level-nav a {
  border-left: 1px solid #fcd3c7;
  background: #feece6;
}
body.support .page-level-nav a.active,
body.styleguide .support .page-level-nav a.active {
  background: #f4642f;
}
body.support .page-level-nav a:hover,
body.styleguide .support .page-level-nav a:hover {
  color: #fff;
  background: #f57c55;
}
body.support .page-level-nav a.active:hover,
body.styleguide .support .page-level-nav a.active:hover {
  background: #f7997a;
}
body.support .page-level-nav a:last-of-type,
body.styleguide .support .page-level-nav a:last-of-type {
  border-right: 1px solid #fcd3c7;
}
body.support .steps-nav a,
body.styleguide .support .steps-nav a {
  background: #feece6;
}
body.support .steps-nav a.active,
body.styleguide .support .steps-nav a.active {
  background: #f4642f;
}
body.support .steps-nav a:hover,
body.styleguide .support .steps-nav a:hover {
  color: #fff;
  background: #f57c55;
}
body.support .steps-nav a.active:hover,
body.styleguide .support .steps-nav a.active:hover {
  background: #f4642f;
}
body.support .steps-nav a.inactive,
body.styleguide .support .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.support .steps-nav a.inactive:hover,
body.styleguide .support .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.support table.changelist-table thead th,
body.support body #changelist table thead th,
body.styleguide .support table.changelist-table thead th,
body.styleguide .support body #changelist table thead th {
  background-color: #fcd3c7;
  color: #4b4b4b;
}
body.support body #changelist .paginator,
body.styleguide .support body #changelist .paginator {
  border-top: 1px solid #f9b6a0;
}
body.support .item,
body.styleguide .support .item {
  background: #feece6;
}
body.support .item:nth-child(2n),
body.styleguide .support .item:nth-child(2n) {
  background: #fef6f3;
}
body.support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.support #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.support #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.styleguide .support #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.styleguide .support #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #feece6;
}
body.support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.support #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.support #changelist table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .support .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.styleguide .support #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.styleguide .support #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fef6f3;
}
body.support .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.support .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.support #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.support #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .support .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .support .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.styleguide .support #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.styleguide .support #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fef6f3;
}
body.support .changelist-table tbody tr td,
body.support .changelist-table tbody tr th,
body.support #changelist tbody tr td,
body.support #changelist tbody tr th,
body.styleguide .support .changelist-table tbody tr td,
body.styleguide .support .changelist-table tbody tr th,
body.styleguide .support #changelist tbody tr td,
body.styleguide .support #changelist tbody tr th {
  background: #feece6;
}
body.support .changelist-table tbody tr:nth-child(2n) td,
body.support .changelist-table tbody tr:nth-child(2n) th,
body.support #changelist tbody tr:nth-child(2n) td,
body.support #changelist tbody tr:nth-child(2n) th,
body.styleguide .support .changelist-table tbody tr:nth-child(2n) td,
body.styleguide .support .changelist-table tbody tr:nth-child(2n) th,
body.styleguide .support #changelist tbody tr:nth-child(2n) td,
body.styleguide .support #changelist tbody tr:nth-child(2n) th {
  background: #fef6f3;
}

body.config .header .byline {
  background-image: url("/media/images/ak-logo-grey-blue.svg");
}
body.config .header .byline a:hover {
  color: #777;
}
body.config .header .main-menu li a:hover {
  background: #777;
  color: #fff;
}
body.config .header .main-menu li a.active {
  background: #777;
  color: #fff;
}
body.config .header .main-menu li a {
  transition: background 0.4s ease;
}
body.config .header + hr {
  border-top: 5px solid #777;
}
body.config .box-tools li a {
  background: #777;
}
body.config .box-tools li a:hover {
  background: #8b8b8b;
}
body.config .box-tools p {
  padding: 0px 0px 15px 15px;
}
body.config .box-related-tools.tree ul.tabs div.tab-top a {
  background: #777;
}
body.config .box-related-tools.tree ul.tabs div.tab-top a:hover {
  background: #8b8b8b;
}
body.config .box-tools ul.box-tools-submenu li a,
body.config .box-related-tools.tree ul li ul li h4 a {
  color: #777;
}
body.config .box-tools ul.box-tools-submenu li a:hover,
body.config .box-related-tools.tree ul li ul li h4 a:hover {
  color: #777;
}
body.config .box-tools ul.box-tools-submenu li a:hover {
  background: #8b8b8b;
  color: #fff;
}
body.config h2.title-page {
  color: #777;
}
body.config .page-level-nav a {
  border-left: 1px solid #ddd;
  background: #f5f5f5;
}
body.config .page-level-nav a.active {
  background: #777;
}
body.config .page-level-nav a:hover {
  color: #fff;
  background: #8b8b8b;
}
body.config .page-level-nav a.active:hover {
  background: #a0a0a0;
}
body.config .page-level-nav a:last-of-type {
  border-right: 1px solid #ddd;
}
body.config .steps-nav a {
  background: #f5f5f5;
}
body.config .steps-nav a.active {
  background: #777;
}
body.config .steps-nav a:hover {
  color: #fff;
  background: #8b8b8b;
}
body.config .steps-nav a.active:hover {
  background: #777;
}
body.config .steps-nav a.inactive {
  background: #eee;
  color: #999;
}
body.config .steps-nav a.inactive:hover {
  background: #eee;
  color: #999;
}
body.config table.changelist-table thead th,
body.config body #changelist table thead th {
  background-color: #ddd;
  color: #4b4b4b;
}
body.config body #changelist .paginator {
  border-top: 1px solid #b7b7b7;
}
body.config .item {
  background: #f5f5f5;
}
body.config .item:nth-child(2n) {
  background: #fafafa;
}
body.config .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.config .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+2) td,
body.config #changelist table.entry-detail-rows tbody tr:nth-child(4n+1) td,
body.config #changelist table.entry-detail-rows tbody tr:nth-child(4n+2) td {
  background: #f5f5f5;
}
body.config .changelist-table table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.config .changelist-table table.entry-detail-rows tbody tr:nth-child(4n) td,
body.config #changelist table.entry-detail-rows tbody tr:nth-child(4n+3) td,
body.config #changelist table.entry-detail-rows tbody tr:nth-child(4n) td {
  background: #fafafa;
}
body.config .changelist-table table.entry-detail-rows tbody tr.entry:hover td,
body.config .changelist-table table.entry-detail-rows tbody tr.entry:hover + tr.details td,
body.config #changelist table.entry-detail-rows tbody tr.entry:hover td,
body.config #changelist table.entry-detail-rows tbody tr.entry:hover + tr.details td {
  background: #fafafa;
}
body.config .changelist-table tbody tr td,
body.config .changelist-table tbody tr th,
body.config #changelist tbody tr td,
body.config #changelist tbody tr th {
  background: #f5f5f5;
}
body.config .changelist-table tbody tr:nth-child(2n) td,
body.config .changelist-table tbody tr:nth-child(2n) th,
body.config #changelist tbody tr:nth-child(2n) td,
body.config #changelist tbody tr:nth-child(2n) th {
  background: #fafafa;
}

body .header .main-menu li a[href*="/dash/home"]:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/home"]:hover {
  background: #777;
}
body .header .main-menu li a[href*="/dash/home"].active:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/home"].active:hover {
  background: #a0a0a0;
}
body .header .main-menu li a[href*="/dash/pages"]:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/pages"]:hover {
  background: #668d24;
}
body .header .main-menu li a[href="/dash/pages"].active:hover,
body.pages.users.uploader .header .main-menu li a[href="/dash/pages"].active:hover {
  background: #88bd31;
}
body .header .main-menu li a[href="/dash/mailings"]:hover,
body.pages.users.uploader .header .main-menu li a[href="/dash/mailings"]:hover {
  background: #feac1f;
}
body .header .main-menu li a[href="/dash/mailings"].active:hover,
body.pages.users.uploader .header .main-menu li a[href="/dash/mailings"].active:hover {
  background: #fecf83;
}
body .header .main-menu li a[href="/dash/texting"]:hover,
body.pages.users.uploader .header .main-menu li a[href="/dash/texting"]:hover {
  background: #4a509a;
}
body .header .main-menu li a[href="/dash/texting"].active:hover,
body.pages.users.uploader .header .main-menu li a[href="/dash/texting"].active:hover {
  background: #8289c2;
}
body .header .main-menu li a[href*="/dash/reports"]:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/reports"]:hover {
  background: #914675;
}
body .header .main-menu li a[href*="/dash/reports"].active:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/reports"].active:hover {
  background: #c992b5;
}
body .header .main-menu li a[href*="/dash/users"]:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/users"]:hover {
  background: #005c6f;
}
body .header .main-menu li a[href*="/dash/users"].active:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/users"].active:hover {
  background: #0987a1;
}
body .header .main-menu li a[href*="/dash/staff"]:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/staff"]:hover {
  background: #677d8a;
}
body .header .main-menu li a[href*="/dash/staff"].active:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/staff"].active:hover {
  background: #92a2ad;
}
body .header .main-menu li a[href*="/dash/support"]:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/support"]:hover {
  background: #f4642f;
}
body .header .main-menu li a[href*="/dash/support"].active:hover,
body.pages.users.uploader .header .main-menu li a[href*="/dash/support"].active:hover {
  background: #f7997a;
}

body.search #users-results .item {
  background: #ebf2f4;
}

body.search #users-results .item:nth-child(2n) {
  background: #f5f9f9;
}

body.search #pages-results .item {
  background: #eef3e8;
}

body.search #pages-results .item:nth-child(2n) {
  background: #f9faf6;
}

body.search #mailings-results .item {
  background: #fff9f0;
}

body.search #mailings-results .item:nth-child(2n) {
  background: #fffdfb;
}

body.search #reports-results .item {
  background: #f5eef3;
}

body.search #reports-results .item:nth-child(2n) {
  background: #fcf9fb;
}

/*Typography*/
body {
  font-size: 0.94rem;
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  color: #4b4b4b;
}

b,
strong {
  font-weight: 600;
}

ul {
  margin: 0;
  padding: 0;
}

.tiny {
  font-size: 0.66rem;
}

p.smaller,
small {
  font-size: 0.75rem;
}

.normal-small {
  font-size: 0.877rem;
}

.normal {
  font-size: 0.94rem;
}

.large {
  font-size: 1.125rem;
}

.larger {
  font-size: 1.5rem;
}

.smaller-super {
  font-size: 2rem;
}

.super {
  font-size: 2.6rem;
}

.item-left .notes {
  font-weight: 600;
}

h1 {
  font-size: 2.6rem;
}

h1.main-title {
  font-size: 1.5rem;
  line-height: 1.3em;
  font-weight: 600;
  border: none;
  margin: 7px 0 5px;
  display: inline;
  word-wrap: break-word;
}
h1.main-title span.main-id {
  font-weight: 300;
}
h1.main-title span.main-id-part {
  color: #666;
  font-size: 85%;
}

h1.main-title + p.main-subhead,
p.main-subhead {
  color: #4b4b4b;
  font-size: 0.813rem;
}

h2 {
  /* FONT SIZE IS LOCATED IN _layout.scss */
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  font-weight: 200;
  margin: 10px 0 8px 0;
  text-transform: none;
  font-style: normal;
  border-bottom: 1px solid #999;
}

/* change h2 size for mobile screens */
h2,
.change-form h2,
.change-form fieldset h2,
.inline-group h2,
h2.stats-header {
  font-size: 1.125rem;
  font-weight: 200;
  margin-top: 28px;
  margin-bottom: 0;
}
@media only screen and (min-width: 599px) {
  h2,
  .change-form h2,
  .change-form fieldset h2,
  .inline-group h2,
  h2.stats-header {
    font-size: 1.5rem;
    border-bottom: 1px solid #999;
    margin-top: 10px;
    margin-bottom: 1px;
  }
}

.inline-group h2,
h2.stats-header {
  margin: 24px 0 6px 0;
  border-bottom: 1px solid #999;
}

h2 a.action {
  font-size: 0.94rem;
  font-weight: 600;
  margin-left: 2em;
}

h2 a.action + a.action {
  margin-left: 0.5em;
}

h2.title-page {
  text-transform: uppercase;
  font-size: 0.813rem;
  margin: 0 0 1rem 0;
  border-bottom: 0;
}

h3 {
  font-size: 1.5rem;
}

h3.title-section {
  text-transform: uppercase;
}

.page-level-nav a {
  transition: border 0.4s ease, background 0.4s ease;
  background: #f5f5f5;
  font-weight: 400;
  display: inline-block;
  color: #4b4b4b;
  padding: 4px 10px;
  margin: 0 0 10px;
  border-left: 1px solid #ddd;
  font-size: 0.94rem;
}
.page-level-nav a.active {
  color: #fff;
  background: #777;
}
.page-level-nav a:hover {
  color: #fff;
  background: #8b8b8b;
  cursor: pointer;
}
.page-level-nav a.active:hover {
  background: #a0a0a0;
  cursor: pointer;
}
.page-level-nav a:last-of-type {
  border-right: 1px solid #ddd;
}
h1.main-title + .page-level-nav {
  margin-top: 0.5em;
}

.steps-nav a {
  transition: border 0.4s ease, background 0.4s ease;
  background: #f5f5f5;
  font-weight: 400;
  display: inline-block;
  color: #4b4b4b;
  padding: 3px 0 0 0;
  margin: 0 0 10px;
  font-size: 0.94rem;
  background: #f5f5f5;
}
.steps-nav a.active {
  color: #fff;
  background: #777;
}
.steps-nav a:hover {
  color: #fff;
  background: #8b8b8b;
  cursor: pointer;
}
.steps-nav a.active:hover {
  background: #777;
  cursor: default;
}
.steps-nav a::after {
  content: " ";
  margin: 0;
  background: url("/media/admin/img/seq-nav-after.svg");
  background-position: 15px 0;
  background-repeat: no-repeat;
  width: 20px;
  height: 28px;
  float: right;
  margin-top: -3px;
}
.steps-nav a::before {
  content: " ";
  margin: 0;
  background: url("/media/admin/img/seq-nav-before.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 20px;
  height: 28px;
  float: left;
  margin-top: -3px;
}
.steps-nav a:first-of-type::before {
  background: none;
}
.steps-nav a.inactive {
  display: inline-block;
  color: #999;
  background: #f5f5f5;
  padding: 3px 0 0 0;
  margin: 0 0 10px;
  font-size: 0.94rem;
  cursor: default;
}
.steps-nav a.inactive:hover {
  background: #eee;
  cursor: default;
}
.steps-nav a.inactive::after {
  content: " ";
  margin: 0;
  background: url("/media/admin/img/seq-nav-after.svg");
  background-position: 15px 0;
  background-repeat: no-repeat;
  width: 20px;
  height: 28px;
  float: right;
  margin-top: -3px;
}
.steps-nav a.inactive::before {
  content: " ";
  margin: 0;
  background: url("/media/admin/img/seq-nav-before.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 20px;
  height: 28px;
  float: left;
  margin-top: -3px;
}
.steps-nav a.inactive:first-of-type::before {
  background: none;
}

/* override for yellow Mailings page level sequential nav inactive button background */
body.mailings .steps-nav a,
body.styleguide .mailings .steps-nav a {
  background: #fff2e0;
}

body.mailings .steps-nav {
  padding-top: 12px;
}

body.pages .steps-nav {
  padding-top: 12px;
}

body.texting .steps-nav {
  padding-top: 12px;
}

/* hack to make labels work like other page-level-nav in mailings-report */
.mailings .title-section.tabs.page-level-nav {
  margin-bottom: 10px;
}
.mailings .title-section.tabs.page-level-nav label {
  transition: border 0.4s ease, background 0.4s ease;
  font-weight: 400;
  background: #fff9f0;
  display: inline-block;
  color: #4b4b4b;
  padding: 4px 10px;
  margin: 0;
  border-left: 1px solid #ffeacb;
  font-size: 0.94rem;
  text-transform: capitalize;
  text-decoration: none;
}
.mailings .title-section.tabs.page-level-nav label.active {
  color: #fff;
  background: #feac1f;
}
.mailings .title-section.tabs.page-level-nav label:hover {
  color: #fff;
  background: #fec162;
  cursor: pointer;
}
.mailings .title-section.tabs.page-level-nav label.active:hover {
  background: #fecf83;
  cursor: pointer;
}
.mailings .title-section.tabs.page-level-nav label:last-of-type {
  border-right: 1px solid #ffeacb;
}

/* hack to make labels work like other page-level-nav in reports */
.reports .title-section.tabs.page-level-nav {
  margin-bottom: 10px;
}
.reports .title-section.tabs.page-level-nav label {
  transition: border 0.4s ease, background 0.4s ease;
  font-weight: 400;
  background: #f5eef3;
  display: inline-block;
  color: #4b4b4b;
  padding: 4px 10px;
  margin: 0;
  border-left: 1px solid #e3d1dc;
  font-size: 0.94rem;
  text-transform: capitalize;
  text-decoration: none;
}
.reports .title-section.tabs.page-level-nav label.active {
  color: #fff;
  background: #914675;
}
.reports .title-section.tabs.page-level-nav label:hover {
  color: #fff;
  background: #b56999;
  cursor: pointer;
}
.reports .title-section.tabs.page-level-nav label.active:hover {
  background: #c992b5;
  cursor: pointer;
}
.reports .title-section.tabs.page-level-nav label:last-of-type {
  border-right: 1px solid #e3d1dc;
}

body h3.section {
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  text-transform: none;
  font-weight: 200;
  min-height: 21px;
  margin: 10px 0 0 1px;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
}

h4 {
  margin: 0;
  padding: 0;
  font-weight: 600;
}

a.action {
  font-size: 0.813rem;
  font-weight: 600;
}

p {
  font-size: 0.94rem;
}

/* Grey out and remove padding from all of the p tags adjacent to h1 */
p.instructions,
.generic p.instructions,
.pages .generic p.instructions,
h1.main-title + p,
div.explanation p,
div.explanation ul {
  font-size: 0.813rem;
  padding: 0 0 3px 0;
  color: #999;
  margin: 0;
  line-height: 1.25rem;
}

div.explanation {
  font-size: 0.813rem;
  color: #999;
}

p.instructions a.help-button {
  margin-left: 4px;
}

ul.instructions {
  font-size: 0.813rem;
  color: #999;
}

div.explanation ul {
  margin: 0.5em 0;
  padding-left: 1.5em;
}

.warning {
  color: #dd0000;
  font-weight: 700;
}

/* Dashboard styling */
.dashboard .item p,
.dashboard p {
  margin: 0;
  font-size: 0.94rem;
}

.dashboard .item p span {
  text-overflow: ellipsis;
}

.home.dashboard p {
  margin: 0;
  font-size: 0.94rem;
}

.home.dashboard p a {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* resizing */
@media only screen and (min-width: 499px) {
  .dashboard .item p,
  .dashboard p {
    font-size: 0.813rem;
  }
}
#recent_mailings .dashboard p {
  margin: 0;
  font-size: 0.94rem;
}

.item p {
  font-weight: 200;
}

.item p.shortname {
  font-weight: 600;
}

.tagged {
  font-size: 0.813rem;
  font-weight: 400;
}

.item .tagged {
  background: #fff;
}

.item .tagged a,
.item .tagged a:link,
.item .tagged a:visited {
  color: #4b4b4b;
}

.item .tagged a:hover {
  color: #009cd1;
}

.headline {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 1px;
  color: #4b4e55;
}

.item a.more,
.item a.more:visited {
  font-size: 0.813rem;
  color: #999;
  text-transform: uppercase;
}

.tools-control {
  padding: 5px 0 5px 15px;
  font-size: 0.813rem;
  font-weight: 200;
  color: #999;
}
.tools-control a {
  display: inline;
  text-decoration: none;
  color: #999;
  text-transform: uppercase;
  cursor: pointer;
}
.tools-control a:hover {
  text-decoration: underline;
}

html .ui-widget {
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  font-size: 0.94rem;
}

.hyphen-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

div.object-tools {
  font-size: 0.94rem;
  float: right;
  margin-top: -30px;
}

form#copy_form.ak-link input {
  background: none;
  border: none;
  position: relative;
  top: -11px;
  padding: 0px;
  font-weight: 600;
  color: #27bbdd;
}
form#copy_form.ak-link input:hover {
  color: #007eb6;
}

.change-form .title-steps em {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
}
.change-form .title-steps span {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  color: #999;
}
.change-form .title-steps span a:hover {
  color: #009cd1;
  text-decoration: underline;
}

strong {
  font-weight: 600 !important;
}

.h_nav_section_top {
  font-weight: 500;
}

a.h_nav_section_top:hover {
  text-decoration: underline;
}

.h_nav_divider {
  font-weight: 500;
  color: #999;
}

.generic .haiku {
  font-size: 35px;
  line-height: 45px;
  color: #666;
  white-space: pre-wrap;
  margin: 30px 0 40px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  padding: 15px 20px;
}

.sql-monospace {
  font-family: "lucida console", menlo, monaco, courier, monospace;
  line-height: 18px;
}

/*Buttons*/
.title-steps .submit-row input[type=submit], .submit-row input[type=submit], input[type=submit]:not(.search_button):not(.button-main):not(.button-regular):not(.button-tall):not(.button-alternate):not(.button-alternate-regular):not(.button-small):not(.button-small-alternate):not(.button-tiny):not(.button-tiny-alternate):not([disabled]), .button-tall,
.content input[type=submit].button-tall, .button-main, .button-alternate-regular,
a.button-alternate-regular,
input.button-alternate-regular,
input[type=submit].button-alternate-regular,
.submit-row .button-alternate-regular,
.submit-row input[type=submit].button-alternate-regular, .button-alternate,
a.button-alternate,
input.button-alternate,
input[type=submit].button-alternate,
.submit-row .button-alternate,
.submit-row input[type=submit].button-alternate, .button-tiny-alternate,
a.button-tiny-alternate,
.wrapper .button-tiny-alternate,
input[type=submit].button-tiny-alternate, .button-tiny,
a.button-tiny,
.wrapper .button-tiny,
input[type=submit].button-tiny, .button-small-alternate,
a.button-small-alternate,
.wrapper .button-small-alternate,
input[type=submit].button-small-alternate, .button-small,
a.button-small,
.wrapper .button-small,
input[type=submit].button-small, .button-regular,
a.button-regular,
input[name=Save] {
  /* button common is the basis for all buttons? */
  cursor: pointer;
  color: #fff;
  line-height: 1;
  border-collapse: separate;
  font-weight: normal;
  box-sizing: border-box;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.94rem;
  font-weight: 400;
  margin-left: 0px;
  display: inline-block;
  background-color: #27bbdd;
  border: 1px solid #27bbdd;
  text-overflow: ellipsis;
  max-width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.submit-row input[type=submit]:hover, input[type=submit]:hover:not(.search_button):not(.button-main):not(.button-regular):not(.button-tall):not(.button-alternate):not(.button-alternate-regular):not(.button-small):not(.button-small-alternate):not(.button-tiny):not(.button-tiny-alternate):not([disabled]), .button-tall:hover,
.content input[type=submit].button-tall:hover, .button-main:hover, .button-alternate-regular:hover, .button-alternate:hover, .button-tiny-alternate:hover,
input[type=submit].button-tiny-alternate:hover, .button-tiny:hover,
input[type=submit].button-tiny:hover, .button-small-alternate:hover,
input[type=submit].button-small-alternate:hover, .button-small:hover,
input[type=submit].button-small:hover, .button-regular:hover,
input[name=Save]:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  cursor: pointer;
}

.submit-row input[type=submit]:disabled, input[type=submit]:disabled:not(.search_button):not(.button-main):not(.button-regular):not(.button-tall):not(.button-alternate):not(.button-alternate-regular):not(.button-small):not(.button-small-alternate):not(.button-tiny):not(.button-tiny-alternate):not([disabled]), .button-tall:disabled,
.content input[type=submit].button-tall:disabled, .button-main:disabled, .button-alternate-regular:disabled, .button-alternate:disabled, .button-tiny-alternate:disabled,
input[type=submit].button-tiny-alternate:disabled, .button-tiny:disabled,
input[type=submit].button-tiny:disabled, .button-small-alternate:disabled,
input[type=submit].button-small-alternate:disabled, .button-small:disabled,
input[type=submit].button-small:disabled, .button-regular:disabled,
input[name=Save]:disabled,
.submit-row input.disabled[type=submit],
input.disabled[type=submit]:not(.search_button):not(.button-main):not(.button-regular):not(.button-tall):not(.button-alternate):not(.button-alternate-regular):not(.button-small):not(.button-small-alternate):not(.button-tiny):not(.button-tiny-alternate):not([disabled]),
.disabled.button-tall,
.content input.disabled[type=submit].button-tall,
.disabled.button-main,
.disabled.button-alternate-regular,
.disabled.button-alternate,
.disabled.button-tiny-alternate,
input.disabled[type=submit].button-tiny-alternate,
.disabled.button-tiny,
input.disabled[type=submit].button-tiny,
.disabled.button-small-alternate,
input.disabled[type=submit].button-small-alternate,
.disabled.button-small,
input.disabled[type=submit].button-small,
.disabled.button-regular,
input.disabled[name=Save] {
  background: #ddd;
  border: 1px solid #ddd;
  cursor: not-allowed;
}

.button-regular,
a.button-regular,
input[name=Save] {
  color: #fff;
  height: 33px;
  padding: 8px 18px;
}

.button-regular:hover,
a.button-regular:hover,
.button-medium:hover {
  background: #009cd1;
  text-decoration: none !important;
}

.button-small,
a.button-small,
.wrapper .button-small,
input[type=submit].button-small {
  color: #fff;
  height: 22px;
  padding: 3px 10px;
  font-size: 0.813rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 499px) {
  .button-small,
  a.button-small,
  .wrapper .button-small,
  input[type=submit].button-small {
    height: 28px;
    padding: 5px 10px;
    font-size: 0.94rem;
  }
}

.button-small-alternate,
a.button-small-alternate,
.wrapper .button-small-alternate,
input[type=submit].button-small-alternate {
  color: #009cd1;
  background: #fff;
  height: 22px;
  padding: 3px 10px;
  font-size: 0.813rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 499px) {
  .button-small-alternate,
  a.button-small-alternate,
  .wrapper .button-small-alternate,
  input[type=submit].button-small-alternate {
    height: 28px;
    padding: 5px 10px;
    font-size: 0.94rem;
    font-weight: 400;
  }
}
.button-small-alternate:hover,
a.button-small-alternate:hover,
.wrapper .button-small-alternate:hover,
input[type=submit].button-small-alternate:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  color: #fff;
}

.button-tiny,
a.button-tiny,
.wrapper .button-tiny,
input[type=submit].button-tiny {
  color: #fff;
  height: 20px;
  padding: 3px 10px;
  font-size: 0.75rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (min-width: 499px) {
  .button-tiny,
  a.button-tiny,
  .wrapper .button-tiny,
  input[type=submit].button-tiny {
    font-size: 0.813rem;
    height: 21px;
  }
}

.button-tiny-alternate,
a.button-tiny-alternate,
.wrapper .button-tiny-alternate,
input[type=submit].button-tiny-alternate {
  color: #009cd1;
  background: #fff;
  height: 20px;
  padding: 3px 10px;
  font-weight: 400;
  font-size: 0.75rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (min-width: 499px) {
  .button-tiny-alternate,
  a.button-tiny-alternate,
  .wrapper .button-tiny-alternate,
  input[type=submit].button-tiny-alternate {
    font-size: 0.813rem;
    height: 21px;
  }
}
.button-tiny-alternate:hover,
a.button-tiny-alternate:hover,
.wrapper .button-tiny-alternate:hover,
input[type=submit].button-tiny-alternate:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  color: #fff;
}

/* when 2 buttons are available, and
one is the favored route, the other, 
de-emphasized button gets button-alternate */
.button-alternate,
a.button-alternate,
input.button-alternate,
input[type=submit].button-alternate,
.submit-row .button-alternate,
.submit-row input[type=submit].button-alternate {
  color: #009cd1;
  background: #fff;
  padding: 14px 18px;
  height: 45px;
}
.button-alternate:hover,
a.button-alternate:hover,
input.button-alternate:hover,
input[type=submit].button-alternate:hover,
.submit-row .button-alternate:hover,
.submit-row input[type=submit].button-alternate:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  color: #fff;
}

.button-alternate-regular,
a.button-alternate-regular,
input.button-alternate-regular,
input[type=submit].button-alternate-regular,
.submit-row .button-alternate-regular,
.submit-row input[type=submit].button-alternate-regular {
  color: #009cd1;
  background: #fff;
  height: 33px;
  padding: 8px 18px;
}
.button-alternate-regular:hover,
a.button-alternate-regular:hover,
input.button-alternate-regular:hover,
input[type=submit].button-alternate-regular:hover,
.submit-row .button-alternate-regular:hover,
.submit-row input[type=submit].button-alternate-regular:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  color: #fff;
}

/* button-tiny for events dashboard but maybe someday elsewhere */
.button-alternate-regular,
a.button-alternate-regular,
input.button-alternate-regular,
input[type=submit].button-alternate-regular,
.submit-row .button-alternate-regular,
.submit-row input[type=submit].button-alternate-regular {
  color: #009cd1;
  background: #fff;
  height: 33px;
  padding: 8px 18px;
}
.button-alternate-regular:hover,
a.button-alternate-regular:hover,
input.button-alternate-regular:hover,
input[type=submit].button-alternate-regular:hover,
.submit-row .button-alternate-regular:hover,
.submit-row input[type=submit].button-alternate-regular:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  color: #fff;
}

.search_button {
  font-size: 0.813rem;
  height: 28px;
  margin: 0px;
  background: #27bbdd;
  padding: 5px 17px;
}

.button-main {
  color: #fff !important;
  padding: 20px 40px;
}

.button-tall,
.content input[type=submit].button-tall {
  height: 45px;
  padding: 14px 18px;
}

input[type=submit]:not(.search_button):not(.button-main):not(.button-regular):not(.button-tall):not(.button-alternate):not(.button-alternate-regular):not(.button-small):not(.button-small-alternate):not(.button-tiny):not(.button-tiny-alternate):not([disabled]) {
  font-weight: 400;
  font-size: 0.94rem;
  min-height: 33px;
  padding-left: 18px;
  padding-right: 18px;
  line-height: normal;
}

a.button-tall:visited,
a.button-tall:link {
  color: #fff;
}

.save-button {
  margin-top: 20px;
}

.submit-row input[type=submit] {
  padding: 14px 18px;
  margin-right: 5px;
}

.title-steps .submit-row input[type=submit] {
  padding: 14px 18px;
  margin-right: 5px;
  max-width: 48%;
}
@media only screen and (min-width: 799px) {
  .title-steps .submit-row input[type=submit] {
    max-width: initial;
  }
}

.title-steps a.button-alternate {
  max-width: 48%;
}
@media only screen and (min-width: 799px) {
  .title-steps a.button-alternate {
    max-width: initial;
  }
}

/* disabled */
button:disabled,
.button-regular:disabled,
.button-tall:disabled,
a.button-tall:disabled,
a.button-regular:disabled,
input[name=Save]:disabled,
.button:disabled,
a.button:disabled,
input[name=Save]:disabled,
input[type=submit]:disabled,
input[type=submit].button-small:disabled,
.button-small:disabled:hover,
input[type=submit].button-tiny:disabled,
.button-tiny:disabled:hover,
input[type=submit].button-tall:disabled,
input[type=submit].button-tall:disabled:hover,
.button-tall:disabled:hover {
  background: #ddd;
  border: 1px solid #ddd;
  cursor: default;
  color: #fff;
}

body {
  background: #f1f1f1;
}

/* these are fixes after removing the reset.css */
fieldset {
  padding: 0;
}

.pull-right {
  float: right;
}

.mobile-hide {
  display: none;
}
@media only screen and (min-width: 499px) {
  .mobile-hide {
    display: block;
  }
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 799px) {
  .desktop-only {
    display: block;
  }
}

.content {
  width: 100%;
  padding: 10px 10px 5px;
  overflow: hidden;
}
@media only screen and (min-width: 499px) {
  .content {
    padding: 15px 15px 5px 15px;
  }
}
@media only screen and (min-width: 599px) {
  .content {
    padding: 25px 30px 5px 30px;
  }
}
@media only screen and (min-width: 799px) {
  .content {
    padding: 25px 45px 5px 45px;
  }
}
@media only screen and (min-width: 999px) {
  .content {
    padding: 25px 60px 5px 60px;
  }
}
@media only screen and (min-width: 1199px) {
  .content {
    padding: 25px 80px 5px 80px;
  }
}

/*.content.generic { 
@include breakpoint(bp-medium) { margin-top: $internal-margin-medium; }
}*/
div.wrapper {
  background: #fff;
  padding: 0 0 40px 0;
  margin: 0;
}
@media only screen and (min-width: 499px) {
  div.wrapper {
    width: 100%;
    padding: 0 0 40px 0;
    margin: 0 auto;
    position: relative;
    border: 0;
    background: #fff;
    -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
  }
}
@media only screen and (min-width: 599px) {
  div.wrapper {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 799px) {
  div.wrapper {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 999px) {
  div.wrapper {
    width: 95%;
    margin: 18px auto 0;
    padding: 0 0 50px;
  }
}
@media only screen and (min-width: 1199px) {
  div.wrapper {
    padding: 0 0 50px 0;
    max-width: 100%;
  }
}

/* Main tab layout for /dash/ views ======================================== */
.left-column {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 499px) {
  .left-column {
    width: 100%;
  }
}
@media only screen and (min-width: 599px) {
  .left-column {
    width: 100%;
  }
}
@media only screen and (min-width: 799px) {
  .left-column {
    width: 70%;
  }
}
@media only screen and (min-width: 999px) {
  .left-column {
    width: 72%;
  }
}
@media only screen and (min-width: 1199px) {
  .left-column {
    width: 75%;
  }
}

@media only screen and (min-width: 499px) {
  .left-column.generic {
    width: 50%;
    float: left;
  }
}

.left-column-wide {
  width: 100%;
  float: left;
}

@media only screen and (min-width: 999px) {
  .left-column-wide.generic {
    width: 50%;
    float: left;
  }
}

.inventory {
  clear: both;
}

.sidebar.generic {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .sidebar.generic {
    width: 48%;
  }
}

.sidebar {
  float: right;
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .sidebar {
    width: 100%;
  }
}
@media only screen and (min-width: 599px) {
  .sidebar {
    width: 100%;
  }
}
@media only screen and (min-width: 799px) {
  .sidebar {
    width: 26%;
  }
}
@media only screen and (min-width: 999px) {
  .sidebar {
    width: 22% x;
  }
}
@media only screen and (min-width: 1199px) {
  .sidebar {
    width: 21%;
  }
}

.sidebar-wide.generic {
  /*left-column-wide & sidebar-wide exist to have 2 columns with a wider breakpoint */
  width: 100%;
}
@media only screen and (min-width: 999px) {
  .sidebar-wide.generic {
    width: 48%;
  }
}

.sidebar-wide {
  float: right;
  width: 100%;
}

.box-related-tools.tree ul li div a, .box-related-tools.tree ul.tabs div.tab-top > a, .box-tools li a {
  display: block;
  background: #777;
  width: 100%;
  text-decoration: none;
  color: #fff;
  font-weight: 200;
}

.box {
  float: left;
  margin: 0px 0px 0px 0px;
}
.box .toggle-expand-all,
.box a#expand-all {
  overflow: inherit !important;
}

.box ul {
  margin: 0;
  padding: 0;
}

.box .more {
  margin: 0px 0px 0px 20px;
}

.box-tools.generic {
  width: 100%;
}

.box-tools {
  width: 100%;
}
.box-tools p {
  padding: 0px 0px 15px 15px;
}
@media only screen and (min-width: 599px) {
  .box-tools {
    width: 48%;
    float: left;
  }
}
@media only screen and (min-width: 799px) {
  .box-tools {
    width: 100%;
    float: none;
  }
}
.box-tools ul.box-tools-submenu {
  margin-left: 0;
}
.box-tools ul.box-tools-submenu li:last-of-type {
  margin-bottom: 5px;
}
.box-tools ul.box-tools-submenu li:first-of-type {
  margin-top: 5px;
}
.box-tools ul.box-tools-submenu li {
  width: 100%;
  padding-left: 0px;
  margin-bottom: 0;
}
.box-tools ul.box-tools-submenu li a {
  border-bottom: none;
  line-height: 26px;
  min-height: 31px;
  background: #fff;
  color: #777;
  width: 100%;
  font-weight: 600;
  padding-left: 15px;
  font-size: 0.94rem;
}
@media only screen and (min-width: 499px) {
  .box-tools ul.box-tools-submenu li a {
    border-bottom: 1px solid #f7f7f7;
  }
}
@media only screen and (min-width: 599px) {
  .box-tools ul.box-tools-submenu li a {
    line-height: 16px;
  }
}
.box-tools ul.box-tools-submenu li a:hover {
  background: #8b8b8b;
}
@media only screen and (min-width: 499px) {
  .box-tools ul.box-tools-submenu li:last-of-type a {
    border-bottom: 0;
  }
}
.box-tools ul {
  list-style: none;
  padding-left: 0px;
  margin: 0;
}
.box-tools li {
  margin-bottom: 5px;
  width: 100%;
}
.box-tools li a {
  font-size: 1.125rem;
  line-height: 26px;
  padding: 10px 15px;
}
.box-tools li a:hover {
  color: #fff;
}
.box-tools li a.top-level {
  padding: 15px 10px;
}

.box-related-tools.tree p a.help-button, a.help-button.adjacent, div.includes-help span a.help-button {
  font-weight: 400;
  width: 20px;
  height: 20px;
  display: block;
  padding: 0;
  overflow: hidden;
  text-align: center;
  font-size: 0.813rem;
  font-size: 0.94rem;
  float: right;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
  line-height: 1.2;
  text-indent: 0;
}

div.includes-help span a.help-button {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.5) !important;
}

div.includes-help span a.help-button:hover {
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.6) !important;
}

a.help-button.adjacent {
  color: white !important;
  background: #ddd !important;
}

a.help-button.adjacent:hover {
  color: rgb(255, 255, 255);
  background: #999 !important;
}

/* for help buttons inside menu buttons */
.includes-help {
  position: relative;
}

.includes-help span {
  padding: 0;
  margin: 0;
  display: block;
  right: 0;
  opacity: 0.9;
  margin-right: 7px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box-tools.tree ul li ul {
  display: none;
}
.box-tools.tree ul li.active ul {
  display: block;
}

.box-related-tools.tree {
  padding-top: 15px;
  margin: 0px;
  width: 100%;
}
@media only screen and (min-width: 599px) {
  .box-related-tools.tree {
    width: 48%;
    float: right;
    padding-top: 0;
  }
}
@media only screen and (min-width: 799px) {
  .box-related-tools.tree {
    width: 100%;
    float: none;
    padding-top: 0;
  }
}
.box-related-tools.tree div.info-box {
  margin: 0 0 15px 0;
  background: #f5f5f5;
}
.box-related-tools.tree div.info-box p {
  padding: 15px;
  margin: 0;
}
.box-related-tools.tree p {
  font-size: 0.813rem;
  margin: 5px 15px 15px 15px;
  font-weight: 200;
}
.box-related-tools.tree li {
  font-size: 0.94rem;
}
.box-related-tools.tree li a {
  text-decoration: none;
  color: #fff;
  background: #777;
  line-height: 26px;
  padding: 15px 15px;
}
.box-related-tools.tree li a:hover {
  /* //background: $default-color-light; */
}
.box-related-tools.tree ul.tabs div.tab-top {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .box-related-tools.tree ul.tabs div.tab-top {
    width: 100%;
  }
}
.box-related-tools.tree ul.tabs div.tab-top ul li {
  margin: 0;
}
.box-related-tools.tree ul.tabs div.tab-top > a {
  background: #777;
  color: #fff;
  padding: 10px 15px;
}
@media only screen and (min-width: 799px) {
  .box-related-tools.tree ul.tabs div.tab-top > a {
    padding: 3px 15px;
  }
}
.box-related-tools.tree ul.tabs div.tab-top a:hover {
  /*  background: $default-color-light; */
}
.box-related-tools.tree ul.tabs div.tab-top.includes-help > a {
  padding-right: 32px;
}
.box-related-tools.tree ul.tabs li ul {
  display: none;
}
.box-related-tools.tree ul.tabs li.active ul {
  display: block;
}
.box-related-tools.tree ul.tabs li.active div a {
  color: #fff;
}
.box-related-tools.tree ul.tabs li.active div a:hover {
  /* background: $default-color-light;  */
}
.box-related-tools.tree ul li {
  width: 100%;
  margin-bottom: 5px;
}
.box-related-tools.tree ul li p {
  font-size: 0.813rem;
  margin: 0;
  font-weight: 200;
}
@media only screen and (min-width: 499px) {
  .box-related-tools.tree ul li {
    width: 100%;
  }
}
.box-related-tools.tree ul li div a {
  padding: 0;
}
.box-related-tools.tree ul li div a.help-button {
  width: 20px;
}
.box-related-tools.tree ul li ul li {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #e6e6e6;
  background: none;
}
.box-related-tools.tree ul li ul li:last-of-type {
  border-bottom: 0px;
}
.box-related-tools.tree ul li ul li.submenu-last {
  border-bottom: 1px solid #e6e6e6;
}
.box-related-tools.tree ul li ul li a {
  background: none;
  color: #777;
  font-weight: 600;
  padding: 0;
  font-size: 0.94rem;
}
.box-related-tools.tree ul li ul li a:hover {
  /* background: $default-color-light; */
}
.box-related-tools.tree ul li ul li h4 {
  padding-right: 40px;
  padding-bottom: 3px;
}
.box-related-tools.tree ul li ul li h4 a {
  line-height: 18px;
}
.box-related-tools.tree ul li ul li h4 a:hover {
  color: #8b8b8b;
  text-decoration: underline;
}
.box-related-tools.tree ul li ul li p {
  font-size: 0.813rem;
  color: #4b4b4b;
}
.box-related-tools.tree ul li ul li p.description {
  padding-right: 40px;
}
.box-related-tools.generic div.tab-top a {
  margin-bottom: 5px; /*  width: 100%; */
}
.box-related-tools.generic div.tab-top p {
  font-size: 0.813rem;
  margin: 5px 15px 15px 15px;
  font-weight: 200;
}
@media only screen and (min-width: 499px) {
  .box-related-tools.generic {
    width: 100%;
    float: right;
  }
}

/* Main content listing items ============================================== */
.item {
  background: #f5f5f5;
  margin-bottom: 5px;
  padding: 5px 15px 6px;
  overflow: auto;
}
.item p.tags {
  margin-top: 0;
}
.item a,
.item a:link {
  color: #27bbdd;
}
.item a:visited {
  color: #007eb6;
}
.item a:hover {
  text-decoration: underline;
}
.item .tagged {
  /* display: inline-block; */
  padding: 2px 5px;
  margin: 0px 8px 4px 0;
  color: #4b4b4b;
  font-size: 0.75rem;
}
.item .item-shortname {
  font-weight: bold;
}

.dashboard.pages .item-shortname {
  word-wrap: break-word;
  white-space: -webkit-pre-wrap;
  word-break: break-all;
  white-space: normal;
}

.item:nth-child(2n) {
  background: #fafafa;
}

.item-left {
  width: 60%;
  float: left;
}
@media only screen and (min-width: 499px) {
  .item-left {
    width: 67%;
  }
}
@media only screen and (min-width: 599px) {
  .item-left {
    width: 68%;
  }
}
@media only screen and (min-width: 799px) {
  .item-left {
    width: 58%;
  }
}
@media only screen and (min-width: 999px) {
  .item-left {
    width: 70%;
  }
}
@media only screen and (min-width: 1199px) {
  .item-left {
    width: 72%;
  }
}
.item-left p,
.item-left h4 {
  padding: 0;
  margin: 0;
  display: block;
}
.item-left h4 a,
.item-left h4 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 93%;
  white-space: nowrap;
}
.item-left h4 a {
  display: inline;
}
.item-left .icons {
  display: block;
  position: relative;
}

.item .item-right {
  float: right;
  padding-top: 3px;
  width: 40%;
  float: left;
}
.item .item-right a,
.item .item-right a:visited {
  color: #007eb6;
}
@media only screen and (min-width: 499px) {
  .item .item-right {
    width: 33%;
  }
}
@media only screen and (min-width: 599px) {
  .item .item-right {
    width: 32%;
    padding-top: 1px;
  }
}
@media only screen and (min-width: 799px) {
  .item .item-right {
    width: 42%;
  }
}
@media only screen and (min-width: 999px) {
  .item .item-right {
    width: 30%;
  }
}
@media only screen and (min-width: 1199px) {
  .item .item-right {
    width: 28%;
  }
}
.item .item-right p,
.item .item-right h4,
.item .item-right span {
  padding: 0 0;
  text-align: right;
  font-size: 0.75rem;
}
.item .item-right p.item-tools {
  font-weight: 600;
}
.item .item-right p.item-tools a {
  padding-left: 2px;
  font-size: 0.813rem;
}
@media only screen and (min-width: 599px) {
  .item .item-right p.item-tools a {
    font-size: 0.94rem;
  }
}
.item .item-right p.item-numberactive {
  padding-top: 0;
}

.item-bottom {
  float: left;
  width: 100%;
  margin-top: 2px;
}

a.item-expand {
  color: #999;
  text-transform: uppercase;
}

.item-bottom-contents {
  display: none;
}

a.item-shrink {
  display: none;
}

div#changelist-links {
  display: block;
  padding: 0 0 6px;
}
div#changelist-links ul li {
  display: inline;
  list-style-type: none;
}
div#changelist-links ul li:not(:first-child):before {
  content: " | ";
}

/* Changelist tables ======================================================= */
table.changelist-table,
table.line-items,
body #changelist table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
table.changelist-table thead th,
table.line-items thead th,
body #changelist table thead th {
  text-align: left;
  color: #4b4b4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.813rem;
  white-space: normal;
  vertical-align: bottom;
}
table.changelist-table thead th.column-id,
table.line-items thead th.column-id,
body #changelist table thead th.column-id {
  width: 50px;
}
table.changelist-table thead th a,
table.changelist-table thead th span,
table.line-items thead th a,
table.line-items thead th span,
body #changelist table thead th a,
body #changelist table thead th span {
  color: #4b4b4b;
  padding: 4px 4px 4px 4px;
}
table.changelist-table tbody tr,
table.line-items tbody tr,
body #changelist table tbody tr {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}
table.changelist-table tbody td,
table.changelist-table tbody th,
table.line-items tbody td,
table.line-items tbody th,
body #changelist table tbody td,
body #changelist table tbody th {
  padding: 8px 4px;
  border: none;
  min-width: 50px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
table.changelist-table tbody td:first-child,
table.changelist-table tbody th:first-child,
table.line-items tbody td:first-child,
table.line-items tbody th:first-child,
body #changelist table tbody td:first-child,
body #changelist table tbody th:first-child {
  border: none;
}
table.changelist-table tbody td.normal-wrap,
table.changelist-table tbody th.normal-wrap,
table.line-items tbody td.normal-wrap,
table.line-items tbody th.normal-wrap,
body #changelist table tbody td.normal-wrap,
body #changelist table tbody th.normal-wrap {
  -ms-word-break: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
table.changelist-table thead th:first-child,
table.changelist-table thead td:first-child,
table.changelist-table tbody th:first-child,
table.changelist-table tbody td:first-child,
table.line-items thead th:first-child,
table.line-items thead td:first-child,
table.line-items tbody th:first-child,
table.line-items tbody td:first-child,
body #changelist table thead th:first-child,
body #changelist table thead td:first-child,
body #changelist table tbody th:first-child,
body #changelist table tbody td:first-child {
  padding-left: 10px;
}
table.changelist-table thead th:last-child,
table.changelist-table thead td:last-child,
table.changelist-table tbody th:last-child,
table.changelist-table tbody td:last-child,
table.line-items thead th:last-child,
table.line-items thead td:last-child,
table.line-items tbody th:last-child,
table.line-items tbody td:last-child,
body #changelist table thead th:last-child,
body #changelist table thead td:last-child,
body #changelist table tbody th:last-child,
body #changelist table tbody td:last-child {
  padding-right: 10px;
}
@media only screen and (min-width: 599px) {
  table.changelist-table.has-changelist-actions thead th:last-child,
  table.line-items.has-changelist-actions thead th:last-child,
  body #changelist table.has-changelist-actions thead th:last-child {
    width: 80px;
  }
}
table.changelist-table.has-changelist-actions tbody td:last-child,
table.line-items.has-changelist-actions tbody td:last-child,
body #changelist table.has-changelist-actions tbody td:last-child {
  text-align: right;
}
@media only screen and (min-width: 599px) {
  table.changelist-table.has-changelist-actions tbody td:last-child,
  table.line-items.has-changelist-actions tbody td:last-child,
  body #changelist table.has-changelist-actions tbody td:last-child {
    white-space: nowrap;
  }
}
table.changelist-table.has-changelist-actions tbody td:last-child a,
table.line-items.has-changelist-actions tbody td:last-child a,
body #changelist table.has-changelist-actions tbody td:last-child a {
  white-space: nowrap;
  -ms-word-break: none;
  word-break: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  margin-left: 4px;
  font-weight: 600;
  font-size: 0.813rem;
}
table.changelist-table.has-changelist-actions tbody td:last-child a.button-tiny,
table.changelist-table.has-changelist-actions tbody td:last-child a.button-tiny-alternate,
table.line-items.has-changelist-actions tbody td:last-child a.button-tiny,
table.line-items.has-changelist-actions tbody td:last-child a.button-tiny-alternate,
body #changelist table.has-changelist-actions tbody td:last-child a.button-tiny,
body #changelist table.has-changelist-actions tbody td:last-child a.button-tiny-alternate {
  font-weight: 400;
}
table.changelist-table.has-changelist-actions tbody td:last-child b,
table.line-items.has-changelist-actions tbody td:last-child b,
body #changelist table.has-changelist-actions tbody td:last-child b {
  font-weight: 600;
}
table.changelist-table.has-changelist-actions th.field-name,
table.changelist-table.has-changelist-actions td.field-display_name,
table.line-items.has-changelist-actions th.field-name,
table.line-items.has-changelist-actions td.field-display_name,
body #changelist table.has-changelist-actions th.field-name,
body #changelist table.has-changelist-actions td.field-display_name {
  min-width: 120px;
}
table.changelist-table td.changelist-actions a,
table.line-items td.changelist-actions a,
body #changelist table td.changelist-actions a {
  white-space: nowrap;
  -ms-word-break: none;
  word-break: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  margin-left: 4px;
  font-weight: 600;
  font-size: 0.813rem;
}
table.changelist-table thead th.column-changelist_actions div.text span,
table.line-items thead th.column-changelist_actions div.text span,
body #changelist table thead th.column-changelist_actions div.text span {
  display: none;
}
table.changelist-table.entry-detail-rows a:hover,
table.line-items.entry-detail-rows a:hover,
body #changelist table.entry-detail-rows a:hover {
  text-decoration: underline;
}
table.changelist-table.entry-detail-rows thead th:last-child,
table.line-items.entry-detail-rows thead th:last-child,
body #changelist table.entry-detail-rows thead th:last-child {
  width: 16px;
  min-width: 16px;
}
table.changelist-table.entry-detail-rows tbody tr:last-of-type td,
table.line-items.entry-detail-rows tbody tr:last-of-type td,
body #changelist table.entry-detail-rows tbody tr:last-of-type td {
  border-bottom: none;
}
table.changelist-table.entry-detail-rows tbody tr.entry,
table.line-items.entry-detail-rows tbody tr.entry,
body #changelist table.entry-detail-rows tbody tr.entry {
  border-bottom: none;
}
table.changelist-table.entry-detail-rows tbody tr.entry td:last-child,
table.line-items.entry-detail-rows tbody tr.entry td:last-child,
body #changelist table.entry-detail-rows tbody tr.entry td:last-child {
  width: 16px;
  min-width: 16px;
}
table.changelist-table.entry-detail-rows tbody tr.entry .arrow,
table.line-items.entry-detail-rows tbody tr.entry .arrow,
body #changelist table.entry-detail-rows tbody tr.entry .arrow {
  transition: transform 0.1s;
}
table.changelist-table.entry-detail-rows tbody tr.entry .arrow:after,
table.line-items.entry-detail-rows tbody tr.entry .arrow:after,
body #changelist table.entry-detail-rows tbody tr.entry .arrow:after {
  content: "▶";
}
table.changelist-table.entry-detail-rows tbody tr.entry:hover,
table.line-items.entry-detail-rows tbody tr.entry:hover,
body #changelist table.entry-detail-rows tbody tr.entry:hover {
  cursor: pointer;
}
table.changelist-table.entry-detail-rows tbody tr.entry:hover .arrow:after,
table.line-items.entry-detail-rows tbody tr.entry:hover .arrow:after,
body #changelist table.entry-detail-rows tbody tr.entry:hover .arrow:after {
  color: #27bbdd;
}
table.changelist-table.entry-detail-rows tbody tr.entry.expanded .arrow,
table.line-items.entry-detail-rows tbody tr.entry.expanded .arrow,
body #changelist table.entry-detail-rows tbody tr.entry.expanded .arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
table.changelist-table.entry-detail-rows tbody tr.entry.expanded + tr.details,
table.line-items.entry-detail-rows tbody tr.entry.expanded + tr.details,
body #changelist table.entry-detail-rows tbody tr.entry.expanded + tr.details {
  display: table-row;
}
table.changelist-table.entry-detail-rows tbody tr.details,
table.line-items.entry-detail-rows tbody tr.details,
body #changelist table.entry-detail-rows tbody tr.details {
  display: none;
  border-top: none;
}
table.changelist-table.entry-detail-rows tbody tr.details td,
table.line-items.entry-detail-rows tbody tr.details td,
body #changelist table.entry-detail-rows tbody tr.details td {
  padding-top: 2px;
  padding-left: 10px;
}
table.changelist-table.entry-detail-rows tbody tr.details td li .action_comment,
table.line-items.entry-detail-rows tbody tr.details td li .action_comment,
body #changelist table.entry-detail-rows tbody tr.details td li .action_comment {
  color: #4b4b4b;
  font-weight: 100;
}
table.changelist-table.entry-detail-rows tbody tr.details td ol li,
table.line-items.entry-detail-rows tbody tr.details td ol li,
body #changelist table.entry-detail-rows tbody tr.details td ol li {
  padding: 3px 0;
}
table.changelist-table.entry-detail-rows tbody tr.details td ol li.entry-check-entry-why,
table.line-items.entry-detail-rows tbody tr.details td ol li.entry-check-entry-why,
body #changelist table.entry-detail-rows tbody tr.details td ol li.entry-check-entry-why {
  font-size: 1.125rem;
  font-weight: 600;
}
table.changelist-table.entry-detail-rows tbody tr.details td button.notspam.button-alternate,
table.line-items.entry-detail-rows tbody tr.details td button.notspam.button-alternate,
body #changelist table.entry-detail-rows tbody tr.details td button.notspam.button-alternate {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  padding: 7px 12px;
}
table.changelist-table.entry-detail-rows.has-changelist-actions tr.details td:last-child,
table.line-items.entry-detail-rows.has-changelist-actions tr.details td:last-child,
body #changelist table.entry-detail-rows.has-changelist-actions tr.details td:last-child {
  text-align: left;
}
table.changelist-table.labels-on-left tbody th:first-child,
table.changelist-table.labels-on-left tbody td:first-child,
table.line-items.labels-on-left tbody th:first-child,
table.line-items.labels-on-left tbody td:first-child,
body #changelist table.labels-on-left tbody th:first-child,
body #changelist table.labels-on-left tbody td:first-child {
  font-weight: 700;
  min-width: 120px;
  -ms-word-break: none;
  word-break: none;
}
table.changelist-table.is-sortable .sortable-handle,
table.line-items.is-sortable .sortable-handle,
body #changelist table.is-sortable .sortable-handle {
  cursor: ns-resize;
  padding-left: 2px;
}

body #changelist .paginator,
table.changelist-table + .paginator {
  border-top: 1px solid #eee;
  background: #fff;
  padding: 6px 4px;
  border-bottom: none;
  color: #999;
  font-size: 0.813rem;
}

@media (max-width: 600px) {
  .change-list #content-main a,
  .change-list #content-main span,
  .change-list #content-main p,
  .change-list #content-main td,
  .change-list #content-main th,
  table.changelist-table a,
  table.changelist-table span,
  table.changelist-table p,
  table.changelist-table td,
  table.changelist-table th,
  .tab-contents.changelist a,
  .tab-contents.changelist span,
  .tab-contents.changelist p,
  .tab-contents.changelist td,
  .tab-contents.changelist th {
    font-size: 0.813rem;
  }
}
/* Styles used to make pretty change lists look more like tab dash listings */
/* .change-list #content-main { */
/*  removed .change-list (above) to account for pages like */
/*  /admin/cms/templateset_pages/1 that look like a change-list but aren't*/
#content-main h4 a {
  font-weight: 600;
}
#content-main .item-left p .item-shortname {
  font-weight: 600;
}
#content-main .item-left p.tags .tagged {
  font-size: 0.75rem;
  font-weight: 400;
}
#content-main .item-left .notes,
#content-main .item-right p.item-tools a {
  font-weight: 600;
}
#content-main .item-left p,
#content-main .item-left p span,
#content-main .item-left p a,
#content-main .item-right p,
#content-main .item-bottom p,
#content-main .item-bottom span {
  font-size: 0.813rem;
  font-weight: 200;
  margin: 0;
}
#content-main .item-left span.tagged {
  margin-right: 5px;
}
#content-main .item-right .item-numberactive span,
#content-main .item-right .count,
#content-main .item-right .count span,
#content-main .item-right .updated-at,
#content-main .item-right .item-minidash,
#content-main .item-right .item-minidash span,
#content-main .item-right .outbox,
#content-main .item-right .outbox span {
  font-size: 0.75rem;
  font-weight: 200;
  text-align: right;
}

.item .item-right .item-minidash,
.item .item-right .item-minidash span {
  font-size: 0.75rem;
  font-weight: 200;
  text-align: right;
}

.changelist-templateset-name {
  font-weight: 600;
}

/* Searchable listings, with search field and sorting form above =========== */
#content-main #changelist #toolbar {
  margin-top: 10px;
  background: none;
}
#content-main #changelist #toolbar form label[for=ordering] {
  margin-left: 10px;
  float: none;
}
#content-main #changelist #toolbar form select#ordering {
  max-width: 15em;
}
#content-main #changelist #toolbar form input {
  font-size: 0.94rem;
  padding: 8px 20px;
  margin-top: 0;
  height: 33px;
}
#content-main #changelist #toolbar form input[type=submit] {
  height: 33px;
}

/* Filtered listings, with a criteria bar on the side ====================== */
body.change-list .filtered {
  background: white url(/media/images/changelist-bg.png) top right repeat-y !important;
}

#changelist-filter li {
  margin: 5px 0;
}

#changelist-filter h3 {
  font-size: 12px;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  text-align: left;
  vertical-align: baseline;
}

.change-list .filtered .results,
.change-list .filtered .paginator,
.filtered #toolbar,
.filtered div.xfull,
#changelist-actions.bulk-edit {
  margin-right: 175px;
}

@media (max-width: 600px) {
  .change-list .filtered .results,
  .change-list .filtered .paginator,
  .filtered #toolbar,
  .filtered div.xfull,
  #changelist-actions.bulk-edit {
    margin-right: 135px !important;
  }
  .change-list .filtered .results,
  .change-list .filtered .paginator,
  .filtered #toolbar,
  .filtered div.xfull,
  #changelist-actions {
    margin-right: 120px !important;
  }
  body.change-list .filtered {
    background-image: url(/media/images/changelist-bg-narrow.png) !important;
  }
  body.change-list #changelist #changelist-filter {
    width: 120px;
  }
}
body.change-list .cl-off,
body.change-list .cl-on {
  background: url("/media/images/ak-checkboxes.svg") no-repeat;
  height: 23px;
  width: 23px;
  position: relative;
  top: 5px;
}
body.change-list .cl-off span,
body.change-list .cl-on span {
  display: none;
}
body.change-list .cl-off {
  background-position: -270px 0;
}
body.change-list .cl-off.set-bool {
  background-position: 0 0;
}
body.change-list.pages .cl-on {
  background-position: -30px -100px;
}
body.change-list.pages .cl-on.set-bool {
  background-position: -30px 0;
}
body.change-list.pages .cl-off.set-bool:hover {
  background-position: -30px -50px;
}
body.change-list.mailings .cl-on {
  background-position: -60px -100px;
}
body.change-list.mailings .cl-on.set-bool {
  background-position: -60px 0;
}
body.change-list.mailings .cl-off.set-bool:hover {
  background-position: -60px -50px;
}
body.change-list.users .cl-on {
  background-position: -90px -100px;
}
body.change-list.users .cl-on.set-bool {
  background-position: -90px 0;
}
body.change-list.users .cl-off.set-bool:hover {
  background-position: -90px -50px;
}
body.change-list.reports .cl-on {
  background-position: -120px -100px;
}
body.change-list.reports .cl-on.set-bool {
  background-position: -120px 0;
}
body.change-list.reports .cl-off.set-bool:hover {
  background-position: -120px -50px;
}
body.change-list.staff .cl-on {
  background-position: -150px -100px;
}
body.change-list.staff .cl-on.set-bool {
  background-position: -150px 0;
}
body.change-list.staff .cl-off.set-bool:hover {
  background-position: -150px -50px;
}
body.change-list.support .cl-on {
  background-position: -180px -100px;
}
body.change-list.support .cl-on.set-bool {
  background-position: -180px 0;
}
body.change-list.support .cl-off.set-bool:hover {
  background-position: -180px -50px;
}
body.change-list.default .cl-on {
  background-position: -210px -100px;
}
body.change-list.default .cl-on.set-bool {
  background-position: -210px 0;
}
body.change-list.default .cl-off.set-bool:hover {
  background-position: -210px -50px;
}
body.change-list.texting .cl-on {
  background-position: -240px -100px;
}
body.change-list.texting .cl-on.set-bool {
  background-position: -240px 0;
}
body.change-list.texting .cl-off.set-bool:hover {
  background-position: -240px -50px;
}

/* Detail table, for review of non-editable label-value pairs  ============== */
body.pages table.detail-table {
  width: 100%;
  border: 1px solid #394d19;
  border-collapse: collapse;
  border-spacing: 0;
}
body.pages table.detail-table th {
  font-weight: 600;
}
body.pages table.detail-table td,
body.pages table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #394d19;
  border-bottom: 1px solid #394d19;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.pages table.detail-table td:first-child,
body.pages table.detail-table th:first-child {
  width: 160px;
  background: #eef3e8;
}

body.core-app table.detail-table {
  width: 100%;
  border: 1px solid #8b5e1e;
  border-collapse: collapse;
  border-spacing: 0;
}
body.core-app table.detail-table th {
  font-weight: 600;
}
body.core-app table.detail-table td,
body.core-app table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #8b5e1e;
  border-bottom: 1px solid #8b5e1e;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.core-app table.detail-table td:first-child,
body.core-app table.detail-table th:first-child {
  width: 160px;
  background: #fff9f0;
}

body.reports table.detail-table {
  width: 100%;
  border: 1px solid #4f2840;
  border-collapse: collapse;
  border-spacing: 0;
}
body.reports table.detail-table th {
  font-weight: 600;
}
body.reports table.detail-table td,
body.reports table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #4f2840;
  border-bottom: 1px solid #4f2840;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.reports table.detail-table td:first-child,
body.reports table.detail-table th:first-child {
  width: 160px;
  background: #f5eef3;
}

body.users table.detail-table {
  width: 100%;
  border: 1px solid #05333c;
  border-collapse: collapse;
  border-spacing: 0;
}
body.users table.detail-table th {
  font-weight: 600;
}
body.users table.detail-table td,
body.users table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #05333c;
  border-bottom: 1px solid #05333c;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.users table.detail-table td:first-child,
body.users table.detail-table th:first-child {
  width: 160px;
  background: #ebf2f4;
}

body.mailings table.detail-table {
  width: 100%;
  border: 1px solid #8b5e1e;
  border-collapse: collapse;
  border-spacing: 0;
}
body.mailings table.detail-table th {
  font-weight: 600;
}
body.mailings table.detail-table td,
body.mailings table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #8b5e1e;
  border-bottom: 1px solid #8b5e1e;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.mailings table.detail-table td:first-child,
body.mailings table.detail-table th:first-child {
  width: 160px;
  background: #fff9f0;
}

body.texting table.detail-table {
  width: 100%;
  border: 1px solid #292d53;
  border-collapse: collapse;
  border-spacing: 0;
}
body.texting table.detail-table th {
  font-weight: 600;
}
body.texting table.detail-table td,
body.texting table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #292d53;
  border-bottom: 1px solid #292d53;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.texting table.detail-table td:first-child,
body.texting table.detail-table th:first-child {
  width: 160px;
  background: #f2f3f8;
}

body.staff table.detail-table {
  width: 100%;
  border: 1px solid #39454c;
  border-collapse: collapse;
  border-spacing: 0;
}
body.staff table.detail-table th {
  font-weight: 600;
}
body.staff table.detail-table td,
body.staff table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #39454c;
  border-bottom: 1px solid #39454c;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.staff table.detail-table td:first-child,
body.staff table.detail-table th:first-child {
  width: 160px;
  background: #edeff1;
}

body.support table.detail-table {
  width: 100%;
  border: 1px solid #85371f;
  border-collapse: collapse;
  border-spacing: 0;
}
body.support table.detail-table th {
  font-weight: 600;
}
body.support table.detail-table td,
body.support table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #85371f;
  border-bottom: 1px solid #85371f;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.support table.detail-table td:first-child,
body.support table.detail-table th:first-child {
  width: 160px;
  background: #feece6;
}

body.core-app table.detail-table {
  width: 100%;
  border: 1px solid #404040;
  border-collapse: collapse;
  border-spacing: 0;
}
body.core-app table.detail-table th {
  font-weight: 600;
}
body.core-app table.detail-table td,
body.core-app table.detail-table th {
  padding: 10px 10px;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  vertical-align: top;
  line-height: 20px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.core-app table.detail-table td:first-child,
body.core-app table.detail-table th:first-child {
  width: 160px;
  background: #f5f5f5;
}

/* ==================================================================== */
.mobile-hide {
  display: none;
}
@media only screen and (min-width: 499px) {
  .mobile-hide {
    display: block;
  }
}

.mobile-show {
  display: block;
}
@media only screen and (min-width: 499px) {
  .mobile-show {
    display: none;
  }
}
.mobile-show h3.title-section.buffer {
  padding-top: 30px;
}

/* ==================================================================== */
@media only screen and (min-width: 499px) {
  .desktop-hide {
    display: none;
  }
}

@media only screen and (min-width: 499px) {
  .desktop-show {
    display: block;
  }
}

/* ==================================================================== */
.report-container {
  display: block;
}

.report-container .report {
  display: block;
  padding-right: 14px !important;
}

.report-container .update-icon {
  float: right;
  margin-left: 3px;
  margin-bottom: -20px;
}

.report-container .update-icon img {
  cursor: pointer;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.report-container.updating a {
  color: rgba(0, 126, 182, 0.7);
}

.report-container.updating {
  color: rgba(75, 75, 75, 0.7);
}

.report-container.updating .update-icon img {
  animation: spinner 0.6s linear infinite;
}

.report-container .report-status {
  display: none;
}

.report-container .report-status.updating {
  display: inline;
}

/* ==================================================================== */
body.login div.wrapper,
body.logout div.wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 499px) {
  body.login div.wrapper,
  body.logout div.wrapper {
    max-width: 480px;
    margin: 8% auto 0;
  }
}
body.login div.content,
body.logout div.content {
  padding: 0 3% 24px;
}
@media only screen and (min-width: 499px) {
  body.login div.content,
  body.logout div.content {
    padding: 0 8% 24px;
  }
}

body.logout div.content {
  text-align: center;
}
body.logout div.footer {
  max-width: 430px;
  margin: 15px auto;
  text-align: left;
}
body.logout p {
  padding: 1rem 0;
}
body.logout .footer p {
  margin: 0;
  padding: 0;
}

/* ==================================================================== */
/* Helper class */
.width-full {
  width: 100%;
}

/* Styleguide styles */
.demo-cell {
  height: 30px;
  width: 3em;
}

.changelist-zebra .color-bars {
  width: 50%;
  padding-top: 10px;
}

.changelist-zebra .color-bars:first-of-type {
  padding-top: 0;
}

.changelist-zebra .color-bars:nth-of-type(2) {
  padding-top: 0;
}

.changelist-zebra .color-bars:nth-of-type(2),
.changelist-zebra .color-bars:nth-of-type(4),
.changelist-zebra .color-bars:nth-of-type(6) {
  padding-left: 4px;
}

.changelist-zebra .color-bars .demo-cell {
  min-height: 25px;
}

.changelist-zebra .color-bars .demo-cell:first-of-type {
  text-transform: uppercase;
  font-weight: 600;
}

.padding-top-1 {
  padding-top: 10px;
}

.clearboth {
  clear: both;
}

/* RESPONSIVE GRID STYLES ================================================== */
/*Form labels and inputs*/
.span_1_of_4 {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .span_1_of_4 {
    width: 25%;
  }
}
@media only screen and (min-width: 599px) {
  .span_1_of_4 {
    width: 20%;
  }
}

.span_3_of_4 {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .span_3_of_4 {
    width: 75%;
  }
}
@media only screen and (min-width: 599px) {
  .span_3_of_4 {
    width: 80%;
  }
}

.span_1_of_4 label:not(.error),
.span_3_of_4 label:not(.error) {
  float: none;
}
@media only screen and (min-width: 499px) {
  .span_1_of_4 label:not(.error),
  .span_3_of_4 label:not(.error) {
    float: right;
    margin-bottom: 2px;
  }
}

input.width-small,
input[type=text].width-small {
  width: 33%;
}

input.width-normal {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  input.width-normal {
    width: 66%;
  }
}

input.width-full {
  width: 100%;
}

input[type=text].has-icon-double,
input[type=password].has-icon-double,
input[type=email].has-icon-double,
input[type=number].has-icon-double,
textarea.has-icon-double,
div.selectize-control.has-icon-double,
select.has-icon-double {
  width: 82%;
}
@media only screen and (min-width: 799px) {
  input[type=text].has-icon-double,
  input[type=password].has-icon-double,
  input[type=email].has-icon-double,
  input[type=number].has-icon-double,
  textarea.has-icon-double,
  div.selectize-control.has-icon-double,
  select.has-icon-double {
    width: 66%;
  }
}

input[type=text].has-icon-triple,
input[type=password].has-icon-triple,
input[type=email].has-icon-triple,
input[type=number].has-icon-triple,
textarea.has-icon-triple,
div.selectize-control.has-icon-triple,
select.has-icon-triple {
  width: 74%;
}
@media only screen and (min-width: 799px) {
  input[type=text].has-icon-triple,
  input[type=password].has-icon-triple,
  input[type=email].has-icon-triple,
  input[type=number].has-icon-triple,
  textarea.has-icon-triple,
  div.selectize-control.has-icon-triple,
  select.has-icon-triple {
    width: 66%;
  }
}

input[type=text].has-icon,
input[type=password].has-icon,
input[type=email].has-icon,
input[type=number].has-icon,
div.selectize-control.has-icon,
select.has-icon {
  width: 90%;
}
@media only screen and (min-width: 799px) {
  input[type=text].has-icon,
  input[type=password].has-icon,
  input[type=email].has-icon,
  input[type=number].has-icon,
  div.selectize-control.has-icon,
  select.has-icon {
    width: 66%;
  }
}

.span_1_of_5 {
  width: 15%;
  min-width: 160px;
}

.span_4_of_5 {
  width: 80%;
}

/*Two columns*/
.span_1_of_2 {
  width: 49%;
}

.span_2_of_2 {
  width: 49%;
}

/*Three columns*/
.span_3_of_3 {
  width: 100%;
}

.span_2_of_3 {
  width: 66.13%;
}

.span_1_of_3 {
  width: 32.26%;
}

/*  GO FULL WIDTH AT LESS THAN 500 PIXELS */
@media only screen and (max-width: 500px) {
  .span_3_of_3,
  .span_2_of_3,
  .span_1_of_3,
  .span_1_of_2,
  .span_2_of_2,
  .span_1_of_5,
  .span_4_of_5 {
    width: 100%;
  }
}
@media only screen and (max-width: 890px) {
  .span_4_of_5 {
    width: 100%;
  }
}
/*  SECTIONS =============================================================== */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  GROUPING =============================================================== */
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP ====================================================== */
.col {
  display: block;
  float: left;
}

.col:first-child {
  margin-left: 0;
} /* all browsers except IE6 and lower */
/*------------------------------------------*/
/* CLEARFIX =============================================================== */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.box.box-related-tools.tree.mobile-show {
  margin-top: 10px !important;
}
.box.box-related-tools.tree.mobile-show span.tools-control {
  display: none;
}

.title-section.tabs label,
.tools-control {
  font-size: 1.125rem;
}
@media only screen and (min-width: 499px) {
  .title-section.tabs label,
  .tools-control {
    font-size: 0.94rem;
  }
}

div.title-steps {
  margin-top: 7px;
}

li.drafts-date:hover {
  cursor: pointer;
}

/*Forms*/
textarea {
  font-size: 0.94rem;
  color: #4b4b4b;
}

select {
  font-size: 1.125rem;
}

.theform .ftext {
  line-height: 36px;
}

.change-form label,
.form-row label {
  font-size: 0.94rem;
  font-weight: 600;
  margin-right: 6px;
  vertical-align: middle;
  color: #4b4b4b;
  position: relative;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.change-form .span_1_of_4 label,
.form-row .span_1_of_4 label {
  min-height: auto;
}
@media only screen and (min-width: 599px) {
  .change-form .span_1_of_4 label,
  .form-row .span_1_of_4 label {
    min-height: 33px;
  }
}

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number],
select,
textarea {
  background: #f7f7f7;
  border: 1px solid #bbb;
  color: #4b4b4b;
  font-size: 0.94rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 6px;
  line-height: 1.2;
  width: 100%;
}
@media only screen and (min-width: 799px) {
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=date],
  input[type=number],
  select,
  textarea {
    width: 66%;
  }
}

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number],
select:not([multiple]),
textarea {
  height: 33px;
}

html input[disabled],
html input[type=text]:disabled {
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
}

input[readonly] {
  background: #ddd;
  border: none;
  cursor: not-allowed;
}

@media only screen and (min-width: 799px) {
  input[type=text] + p.help,
  input[type=password] + p.help,
  input[type=email] + p.help,
  input[type=date] + p.help,
  input[type=number] + p.help,
  input[type=checkbox] + span,
  select + p.help,
  textarea + p.help {
    width: 66%;
  }
}

textarea.vLargeTextField + p.help {
  width: 100%;
}

textarea {
  height: auto;
}

.goal-group {
  width: 100%;
}
@media only screen and (min-width: 799px) {
  .goal-group {
    width: 66%;
  }
}

input[type=checkbox] {
  margin-top: 0px;
}
@media only screen and (min-width: 499px) {
  input[type=checkbox] {
    margin-top: 12px;
  }
}

.span_3_of_4 input[type=checkbox] {
  margin-bottom: 0;
}
@media only screen and (min-width: 499px) {
  .span_3_of_4 input[type=checkbox] {
    margin-bottom: 12px;
  }
}

#id_payment_account,
#id_paypal_account,
#id_hpc_rule {
  width: 100%;
}
@media only screen and (min-width: 799px) {
  #id_payment_account,
  #id_paypal_account,
  #id_hpc_rule {
    width: 66%;
  }
}

#id_payment_account.has-icon,
#id_paypal_account.has-icon,
#id_hpc_rule.has-icon {
  width: 90%;
}
@media only screen and (min-width: 799px) {
  #id_payment_account.has-icon,
  #id_paypal_account.has-icon,
  #id_hpc_rule.has-icon {
    width: 66%;
  }
}

#id_payment_account.has-icon-double,
#id_paypal_account.has-icon-double,
#id_hpc_rule.has-icon-double {
  width: 82%;
}
@media only screen and (min-width: 799px) {
  #id_payment_account.has-icon-double,
  #id_paypal_account.has-icon-double,
  #id_hpc_rule.has-icon-double {
    width: 66%;
  }
}

#id_payment_account.has-icon-triple,
#id_paypal_account.has-icon-triple,
#id_hpc_rule.has-icon-triple {
  width: 74%;
}
@media only screen and (min-width: 799px) {
  #id_payment_account.has-icon-triple,
  #id_paypal_account.has-icon-triple,
  #id_hpc_rule.has-icon-triple {
    width: 66%;
  }
}

.change-form .form-row p.field-contents {
  min-height: 20px;
  color: #999;
  padding: 0 0 0 0;
  margin: 7px 0 5px;
  font-size: 0.94rem;
}

label {
  padding: 7px 8px 0 0;
  font-size: 0.94rem;
  font-weight: 600;
  text-align: left;
  display: inline-block;
}

.span_1_of_4 .aligned label {
  float: left;
  text-align: left;
}

select {
  padding: 5px;
  border-collapse: separate;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: button;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background-color: #f7f7f7;
  background-position: center right;
  background-repeat: no-repeat;
  font-size: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: inherit;
}

select:not([multiple]) {
  height: 33px;
  -webkit-padding-end: 28px;
  padding-inline-end: 28px;
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
  background-image: url("/media/images/ak-arrow.png"), -webkit-linear-gradient(#f7f7f7, #f7f7f7 0%, #f7f7f7);
  -moz-appearance: none; /* Ditch standard select dropdown arrow in FF */
  -webkit-appearance: none;
}

body .selectize-control {
  display: inline-block;
}
body .selectize-control .selectize-input {
  border-color: #bbb;
  background: #f7f7f7;
  box-shadow: none;
}
body .selectize-control .selectize-input .item {
  overflow: hidden;
}
body .selectize-control .selectize-input.focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}
body .selectize-control .selectize-input.disabled {
  opacity: 1;
}
body .selectize-control.single .selectize-input {
  border-radius: 5px;
  padding-top: 6px;
  padding-bottom: 2px;
  padding-right: 24px;
  box-shadow: none;
  background: #f7f7f7;
  border-color: #bbb;
}
body .selectize-control.single .selectize-input.input-active {
  background: #f7f7f7;
}
body .selectize-control.single .selectize-input [data-value] {
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 0.94rem;
  line-height: 20px;
  max-width: 98%;
  word-wrap: break-word;
}
body .selectize-control.single .selectize-input.not-full {
  padding-top: 4px;
  padding-bottom: 4px;
}
body .selectize-control.single .selectize-input input {
  height: 25px;
  vertical-align: top;
  font-size: 0.94rem;
}
body .selectize-control.single .selectize-input:after {
  border-width: 8px 4.5px 0 4.5px;
  top: 14px;
  right: 12px;
  border-top-color: #666;
}
body .selectize-control.single .selectize-input.dropdown-active:after {
  border-width: 0 4.5px 8px 4.5px;
  border-bottom-color: #666;
  border-top-color: transparent;
}
body .selectize-control.multi .selectize-input {
  border-radius: 0;
  padding: 0 0 3px 3px;
}
body .selectize-control.multi .selectize-input.has-items {
  padding: 0 0 3px 3px;
}
body .selectize-control.multi .selectize-input [data-value] {
  background: #eee;
  color: #4b4b4b;
  border-color: #aaa;
  font-size: 0.94rem;
  box-shadow: none;
  text-shadow: none;
  margin: 3px 3px 0px 0;
  min-height: 25px;
  vertical-align: top;
  padding-left: 5px;
}
body .selectize-control.multi .selectize-input [data-value].active {
  background: #ccc;
}
body .selectize-control.multi .selectize-input input {
  color: #4b4b4b;
  font-size: 0.94rem;
  height: 25px;
  margin: 2px 3px 1px 0 !important;
  vertical-align: top;
  padding-left: 6px !important;
}
body .selectize-control.multi .selectize-input input#reviewers-selectize {
  padding-left: 4px !important;
}
body .selectize-control.plugin-remove_button .selectize-input [data-value] {
  padding-right: 16px !important;
  width: 90%;
  word-wrap: break-word;
}
body .selectize-control.plugin-remove_button .selectize-input [data-value] .remove {
  border-left: none;
  width: 15px;
  top: 0px;
  font-size: 0.94rem;
  font-weight: normal;
}

body .selectize-dropdown {
  z-index: 10001;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}
body .selectize-dropdown .selectize-dropdown-content {
  max-height: 320px;
}
body .selectize-dropdown [data-selectable] {
  background: white;
  font-size: 0.94rem;
  width: 100%;
  word-wrap: break-word;
}
body .selectize-dropdown [data-selectable].active {
  background: #3a78d4;
  color: white;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body .selectize-dropdown [data-selectable].active {
    background: #3a78d4;
    background: -webkit-focus-ring-color;
  }
}
body .selectize-dropdown [data-selectable] .highlight {
  background: #fff2e0;
  text-decoration: underline;
}
body .selectize-dropdown [data-selectable].active .highlight {
  background: transparent;
}
body .selectize-dropdown [data-selectable].option-disabled {
  color: #aaa;
  cursor: default;
  display: none;
}
body .selectize-dropdown [data-selectable].option-disabled.active {
  background-color: #eee;
}

#custom-fields-tables-wrapper.collapsed {
  display: none;
}

.form-row .selectize-control {
  width: 100%;
}
@media only screen and (min-width: 799px) {
  .form-row .selectize-control {
    width: 66%;
  }
}

select#id_list {
  width: 66%;
}

#id_display .selectize-control.multi,
#id_filter .selectize-control.multi {
  vertical-align: top;
}
#id_display .selectize-control.multi .selectize-input,
#id_filter .selectize-control.multi .selectize-input {
  vertical-align: top;
  padding-bottom: 2px;
}
#id_display .selectize-control.multi .selectize-input.has-items,
#id_filter .selectize-control.multi .selectize-input.has-items {
  padding-bottom: 2px;
}
#id_display .selectize-control.multi .selectize-input [data-value],
#id_filter .selectize-control.multi .selectize-input [data-value] {
  margin: 2px 3px 0 0;
  padding-top: 0px;
  min-height: 22px;
}
#id_display .selectize-control.multi .selectize-input input,
#id_filter .selectize-control.multi .selectize-input input {
  height: 23px;
  margin: 1px 3px 0 0 !important;
}
#id_display .selectize-control.multi.plugin-remove_button .selectize-input [data-value] .remove,
#id_filter .selectize-control.multi.plugin-remove_button .selectize-input [data-value] .remove {
  padding-top: 1px;
}

a.another:hover {
  text-decoration: none;
}

a.another {
  font-size: 32px;
  font-size: 2rem;
  position: absolute;
  margin: 0px 8px 0 8px;
  text-decoration: none;
}

.box-search-mobile {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.box-search-mobile input.searchbar {
  height: 33px;
  width: 100%;
  padding: 0 44px 0 15px;
}
.box-search-mobile .search_button {
  height: 36px;
  float: right;
  display: inline-block;
  margin-top: -37px;
  z-index: 1;
}
@media only screen and (min-width: 599px) {
  .box-search-mobile {
    display: none;
  }
}
.box-search-mobile .advanced-search {
  width: 100%;
}

.box-search {
  display: none;
}
@media only screen and (min-width: 599px) {
  .box-search {
    float: right;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 15px;
  }
}
@media only screen and (min-width: 799px) {
  .box-search {
    right: 45px;
    top: 28px;
  }
}
@media only screen and (min-width: 999px) {
  .box-search {
    right: 60px;
    top: 34x;
  }
}
@media only screen and (min-width: 1199px) {
  .box-search {
    top: 28px;
    right: 80px;
  }
}

input.searchbar {
  height: 33px;
  font-size: 0.813rem;
  color: #999;
}
@media only screen and (min-width: 599px) {
  input.searchbar {
    width: 220px;
  }
}
@media only screen and (min-width: 799px) {
  input.searchbar {
    width: 220px;
  }
}
@media only screen and (min-width: 999px) {
  input.searchbar {
    width: 220px;
    height: 28px;
  }
}
@media only screen and (min-width: 1199px) {
  input.searchbar {
    width: 220px;
  }
}

input.search_button {
  margin-top: -30px;
  z-index: 0;
  position: absolute;
  right: 0;
  top: 0;
}

input.searchbar {
  color: #666;
  background: #f7f7f7;
  border: 1px solid #bebebe;
  height: 30px;
  padding-right: 38px;
}

input.search_button {
  margin: 2px 6px 0 0;
  padding: 0;
  width: 32px;
  height: auto;
  min-height: 26px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background: transparent;
  background-image: url("/media/images/magnifying-glass.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  border-radius: 0;
}

.box-search-mobile .search_button {
  float: right;
  margin-top: 1px;
}

.advanced-search {
  float: right;
  display: block;
  text-align: right;
  margin-bottom: 6px;
}

.help-button-wrapper {
  width: 250px;
  height: 60px;
}

.advanced-search {
  font-size: 0.66rem;
}

.fieldinfo {
  font-size: 0.813rem;
  padding: 0;
  -webkit-margin-before: 0;
  text-align: left;
  color: #aaa;
  clear: both;
}

/* Admin List Pages Search Form and Advanced Search */
#content-main #changelist #toolbar {
  background-position: bottom left;
  background-color: white;
  color: #666;
}
#content-main #changelist #toolbar #compact-search input#searchbar {
  width: 220px;
  padding: 0px 10px;
}
#content-main #changelist #toolbar #compact-search #reset_search {
  position: relative;
  left: -25px;
  top: 1px;
  font-size: 1.1rem;
  padding: 3px;
  margin-right: -22px;
}
#content-main #changelist #toolbar #compact-search label {
  padding-top: 6px;
}
#content-main #changelist #toolbar #advanced_search {
  display: none;
  overflow: hidden;
  position: relative;
  margin-bottom: 14px;
}
#content-main #changelist #toolbar #advanced_search .structfield-item input {
  margin-top: 1px;
}
#content-main #changelist #toolbar #advanced_search .ak-error input {
  background: #ffeeee none repeat scroll 0 0;
  border-color: #ff9999;
}
#content-main #changelist #toolbar #advanced_sql {
  display: none;
  border: 1px solid #888;
  padding: 4px 8px;
  font-family: "lucida console", menlo, monaco, courier, monospace;
  font-size: 12px;
  margin-bottom: 1em;
  white-space: pre-wrap;
}

/* CSS FROM FORMS.CSS STARTS HERE */
/* CSS FROM FORMS.CSS STARTS HERE */
/* CSS FROM FORMS.CSS STARTS HERE */
/* CSS FROM FORMS.CSS STARTS HERE */
/* FORM ROWS */
.form-row {
  overflow: visible;
  font-size: 0.94rem;
  margin: 0px auto;
  padding: 3px 0 2px;
}
@media only screen and (min-width: 499px) {
  .form-row {
    overflow: hidden;
  }
}
@media only screen and (min-width: 499px) {
  .form-row {
    padding: 3px 0 4px;
  }
}
.form-row .span_1_of_4,
.form-row .span_1_of_4 label {
  text-align: left;
}
@media only screen and (min-width: 499px) {
  .form-row .span_1_of_4,
  .form-row .span_1_of_4 label {
    text-align: right;
  }
}

/* checkbox-specific styling */
.form-row-CheckboxInput {
  padding: 0;
}

.core-petitiondeliveryoptions .send_immediate_fax,
.core-petitiondeliveryoptions .send_immediate_email,
.core-petitiondeliveryoptions .send_via_cwc,
.core-letterdeliveryoptions .send_immediate_fax,
.core-letterdeliveryoptions .send_immediate_email,
.core-letterdeliveryoptions .send_via_cwc {
  padding: 3px 0 7px;
  margin-top: 0;
}
@media only screen and (min-width: 499px) {
  .core-petitiondeliveryoptions .send_immediate_fax,
  .core-petitiondeliveryoptions .send_immediate_email,
  .core-petitiondeliveryoptions .send_via_cwc,
  .core-letterdeliveryoptions .send_immediate_fax,
  .core-letterdeliveryoptions .send_immediate_email,
  .core-letterdeliveryoptions .send_via_cwc {
    padding: 7px 0;
    margin-top: 5px;
  }
}
.core-petitiondeliveryoptions .form-row-CheckboxInput.active_checkbox_area,
.core-letterdeliveryoptions .form-row-CheckboxInput.active_checkbox_area {
  background-color: #f9fbf6;
}
.core-petitiondeliveryoptions .form-row-CheckboxInput .span_3_of_4 input[type=checkbox],
.core-letterdeliveryoptions .form-row-CheckboxInput .span_3_of_4 input[type=checkbox] {
  padding-top: 19px;
}
.core-petitiondeliveryoptions .form-row input[type=checkbox] ~ span,
.core-letterdeliveryoptions .form-row input[type=checkbox] ~ span {
  padding-left: 20px;
  display: block;
  vertical-align: bottom;
  margin-bottom: 0;
  margin-top: -23px;
}
.core-petitiondeliveryoptions textarea#id_cover_html,
.core-petitiondeliveryoptions textarea#id_header_content,
.core-petitiondeliveryoptions textarea#id_footer_content,
.core-letterdeliveryoptions textarea#id_cover_html,
.core-letterdeliveryoptions textarea#id_header_content,
.core-letterdeliveryoptions textarea#id_footer_content {
  height: 100px;
}
.core-petitiondeliveryoptions h2.batch-title,
.core-petitiondeliveryoptions h2.fax-template,
.core-petitiondeliveryoptions h2.immediate-title,
.core-letterdeliveryoptions h2.batch-title,
.core-letterdeliveryoptions h2.fax-template,
.core-letterdeliveryoptions h2.immediate-title {
  font-size: 1.125rem;
}
.core-petitiondeliveryoptions .send_immediate_email,
.core-letterdeliveryoptions .send_immediate_email {
  padding-bottom: 20px;
}
@media only screen and (min-width: 499px) {
  .core-petitiondeliveryoptions .send_immediate_email,
  .core-letterdeliveryoptions .send_immediate_email {
    padding-bottom: 0;
  }
}
.core-petitiondeliveryoptions .cwc_topic,
.core-petitiondeliveryoptions .cwc_subject,
.core-petitiondeliveryoptions .cwc_statement,
.core-petitiondeliveryoptions .email_mode,
.core-petitiondeliveryoptions .batch_delivery_threshold,
.core-petitiondeliveryoptions .send_immediate_email_override_limit,
.core-petitiondeliveryoptions .remind_me_set_up_batch_delivery,
.core-petitiondeliveryoptions .delivery_template,
.core-petitiondeliveryoptions .batch_delivery_minimum,
.core-petitiondeliveryoptions .batch_delivery_from,
.core-petitiondeliveryoptions .batch_delivery_subject,
.core-petitiondeliveryoptions .immediate_email_subject,
.core-petitiondeliveryoptions .batch_delivery_template,
.core-petitiondeliveryoptions .allow_csv_download,
.core-petitiondeliveryoptions .print_template,
.core-petitiondeliveryoptions .cover_html,
.core-petitiondeliveryoptions .header_content,
.core-petitiondeliveryoptions .footer_content,
.core-petitiondeliveryoptions .csv_columns,
.core-petitiondeliveryoptions .allow_pdf_download,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really_really,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really_really_really,
.core-letterdeliveryoptions .cwc_topic,
.core-letterdeliveryoptions .cwc_subject,
.core-letterdeliveryoptions .cwc_statement,
.core-letterdeliveryoptions .email_mode,
.core-letterdeliveryoptions .batch_delivery_threshold,
.core-letterdeliveryoptions .send_immediate_email_override_limit,
.core-letterdeliveryoptions .remind_me_set_up_batch_delivery,
.core-letterdeliveryoptions .delivery_template,
.core-letterdeliveryoptions .batch_delivery_minimum,
.core-letterdeliveryoptions .batch_delivery_from,
.core-letterdeliveryoptions .batch_delivery_subject,
.core-letterdeliveryoptions .immediate_email_subject,
.core-letterdeliveryoptions .batch_delivery_template,
.core-letterdeliveryoptions .allow_csv_download,
.core-letterdeliveryoptions .print_template,
.core-letterdeliveryoptions .cover_html,
.core-letterdeliveryoptions .header_content,
.core-letterdeliveryoptions .footer_content,
.core-letterdeliveryoptions .csv_columns,
.core-letterdeliveryoptions .allow_pdf_download,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really_really,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really_really_really {
  background: #f9faf6;
  padding: 2px 10px;
}
.core-petitiondeliveryoptions .cwc_topic label,
.core-petitiondeliveryoptions .cwc_subject label,
.core-petitiondeliveryoptions .cwc_statement label,
.core-petitiondeliveryoptions .email_mode label,
.core-petitiondeliveryoptions .batch_delivery_threshold label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit label,
.core-petitiondeliveryoptions .remind_me_set_up_batch_delivery label,
.core-petitiondeliveryoptions .delivery_template label,
.core-petitiondeliveryoptions .batch_delivery_minimum label,
.core-petitiondeliveryoptions .batch_delivery_from label,
.core-petitiondeliveryoptions .batch_delivery_subject label,
.core-petitiondeliveryoptions .immediate_email_subject label,
.core-petitiondeliveryoptions .batch_delivery_template label,
.core-petitiondeliveryoptions .allow_csv_download label,
.core-petitiondeliveryoptions .print_template label,
.core-petitiondeliveryoptions .cover_html label,
.core-petitiondeliveryoptions .header_content label,
.core-petitiondeliveryoptions .footer_content label,
.core-petitiondeliveryoptions .csv_columns label,
.core-petitiondeliveryoptions .allow_pdf_download label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really_really label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really_really_really label,
.core-letterdeliveryoptions .cwc_topic label,
.core-letterdeliveryoptions .cwc_subject label,
.core-letterdeliveryoptions .cwc_statement label,
.core-letterdeliveryoptions .email_mode label,
.core-letterdeliveryoptions .batch_delivery_threshold label,
.core-letterdeliveryoptions .send_immediate_email_override_limit label,
.core-letterdeliveryoptions .remind_me_set_up_batch_delivery label,
.core-letterdeliveryoptions .delivery_template label,
.core-letterdeliveryoptions .batch_delivery_minimum label,
.core-letterdeliveryoptions .batch_delivery_from label,
.core-letterdeliveryoptions .batch_delivery_subject label,
.core-letterdeliveryoptions .immediate_email_subject label,
.core-letterdeliveryoptions .batch_delivery_template label,
.core-letterdeliveryoptions .allow_csv_download label,
.core-letterdeliveryoptions .print_template label,
.core-letterdeliveryoptions .cover_html label,
.core-letterdeliveryoptions .header_content label,
.core-letterdeliveryoptions .footer_content label,
.core-letterdeliveryoptions .csv_columns label,
.core-letterdeliveryoptions .allow_pdf_download label,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really label,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really_really label,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really_really_really label {
  font-weight: 100;
}
.core-petitiondeliveryoptions .cwc_topic label.after-checkbox-label,
.core-petitiondeliveryoptions .cwc_subject label.after-checkbox-label,
.core-petitiondeliveryoptions .cwc_statement label.after-checkbox-label,
.core-petitiondeliveryoptions .email_mode label.after-checkbox-label,
.core-petitiondeliveryoptions .batch_delivery_threshold label.after-checkbox-label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit label.after-checkbox-label,
.core-petitiondeliveryoptions .remind_me_set_up_batch_delivery label.after-checkbox-label,
.core-petitiondeliveryoptions .delivery_template label.after-checkbox-label,
.core-petitiondeliveryoptions .batch_delivery_minimum label.after-checkbox-label,
.core-petitiondeliveryoptions .batch_delivery_from label.after-checkbox-label,
.core-petitiondeliveryoptions .batch_delivery_subject label.after-checkbox-label,
.core-petitiondeliveryoptions .immediate_email_subject label.after-checkbox-label,
.core-petitiondeliveryoptions .batch_delivery_template label.after-checkbox-label,
.core-petitiondeliveryoptions .allow_csv_download label.after-checkbox-label,
.core-petitiondeliveryoptions .print_template label.after-checkbox-label,
.core-petitiondeliveryoptions .cover_html label.after-checkbox-label,
.core-petitiondeliveryoptions .header_content label.after-checkbox-label,
.core-petitiondeliveryoptions .footer_content label.after-checkbox-label,
.core-petitiondeliveryoptions .csv_columns label.after-checkbox-label,
.core-petitiondeliveryoptions .allow_pdf_download label.after-checkbox-label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really label.after-checkbox-label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really_really label.after-checkbox-label,
.core-petitiondeliveryoptions .send_immediate_email_override_limit_really_really_really label.after-checkbox-label,
.core-letterdeliveryoptions .cwc_topic label.after-checkbox-label,
.core-letterdeliveryoptions .cwc_subject label.after-checkbox-label,
.core-letterdeliveryoptions .cwc_statement label.after-checkbox-label,
.core-letterdeliveryoptions .email_mode label.after-checkbox-label,
.core-letterdeliveryoptions .batch_delivery_threshold label.after-checkbox-label,
.core-letterdeliveryoptions .send_immediate_email_override_limit label.after-checkbox-label,
.core-letterdeliveryoptions .remind_me_set_up_batch_delivery label.after-checkbox-label,
.core-letterdeliveryoptions .delivery_template label.after-checkbox-label,
.core-letterdeliveryoptions .batch_delivery_minimum label.after-checkbox-label,
.core-letterdeliveryoptions .batch_delivery_from label.after-checkbox-label,
.core-letterdeliveryoptions .batch_delivery_subject label.after-checkbox-label,
.core-letterdeliveryoptions .immediate_email_subject label.after-checkbox-label,
.core-letterdeliveryoptions .batch_delivery_template label.after-checkbox-label,
.core-letterdeliveryoptions .allow_csv_download label.after-checkbox-label,
.core-letterdeliveryoptions .print_template label.after-checkbox-label,
.core-letterdeliveryoptions .cover_html label.after-checkbox-label,
.core-letterdeliveryoptions .header_content label.after-checkbox-label,
.core-letterdeliveryoptions .footer_content label.after-checkbox-label,
.core-letterdeliveryoptions .csv_columns label.after-checkbox-label,
.core-letterdeliveryoptions .allow_pdf_download label.after-checkbox-label,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really label.after-checkbox-label,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really_really label.after-checkbox-label,
.core-letterdeliveryoptions .send_immediate_email_override_limit_really_really_really label.after-checkbox-label {
  font-weight: normal;
  float: none;
}
.core-petitiondeliveryoptions #threshold-note,
.core-letterdeliveryoptions #threshold-note {
  display: none;
}
.core-petitiondeliveryoptions .immediate-then-batch #threshold-note,
.core-letterdeliveryoptions .immediate-then-batch #threshold-note {
  display: block;
}

.campaignvolunteer.change-form span.change-test,
.eventmoderate.change-form span.change-test {
  display: none;
}

.change-form .form-row-CheckboxInput .span_1_of_4 label,
.form-row-CheckboxInput .span_1_of_4 label {
  min-height: auto;
}

.form-row-CheckboxInput label {
  padding: 9px 8px 0 0;
}
@media only screen and (min-width: 499px) {
  .form-row-CheckboxInput label {
    padding: 1px 8px 2px 0;
  }
}

.form-row-CheckboxInput .span_3_of_4 input[type=checkbox] {
  margin-bottom: 8px;
}
@media only screen and (min-width: 499px) {
  .form-row-CheckboxInput .span_3_of_4 input[type=checkbox] {
    margin-bottom: 8px;
    margin-top: 6px;
  }
}

.form-row input[type=checkbox] ~ span {
  padding-left: 20px;
  color: #999;
  display: block;
  font-size: 0.813rem;
  vertical-align: bottom;
  margin-bottom: 5px;
  margin-top: -18px;
}
@media only screen and (min-width: 499px) {
  .form-row input[type=checkbox] ~ span {
    margin-top: -27px;
  }
}

.form-row input[type=checkbox] ~ span.helptext {
  margin-top: -21px;
}
@media only screen and (min-width: 499px) {
  .form-row input[type=checkbox] ~ span.helptext {
    margin-top: -30px;
  }
}

.mailings-compose .landing_page-row .selectize-control {
  margin-bottom: 0;
}

form .form-row p {
  padding-left: 0;
  font-size: 0.813rem;
  color: #999;
}

/* FORM LABELS */
form h4 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

label {
  font-weight: 600;
  color: #4b4b4b;
}

.required label,
label.required {
  font-weight: 600;
  color: #4b4b4b;
}

/* RADIO BUTTONS */
form ul.radiolist li {
  list-style-type: none;
}

form ul.radiolist label {
  float: none;
  display: inline;
}

form ul.inline {
  margin-left: 0;
  padding: 0;
}

form ul.inline li {
  float: left;
  padding-right: 7px;
}

/* ALIGNED FIELDSETS */
.aligned label {
  display: inline-block;
  word-wrap: break-word;
}

.aligned ul label {
  display: inline;
  float: none;
}

.colMS .aligned .vLargeTextField,
.colMS .aligned .vXMLLargeTextField {
  width: 350px;
}

form .aligned table p {
  margin-left: 0;
  padding-left: 0;
}

.colM .aligned .vLargeTextField,
.colM .aligned .vXMLLargeTextField {
  width: 610px;
}

.checkbox-row p.help {
  margin-left: 0;
  padding-left: 0 !important;
}

fieldset .field-box {
  float: left;
  margin-right: 20px;
}

label.after-checkbox-label {
  display: block;
  margin: -20px 0 0 0;
  padding: 0px 0 10px 20px;
  float: none;
  font-weight: normal;
  vertical-align: top;
}
@media only screen and (min-width: 499px) {
  label.after-checkbox-label {
    margin: 0 0 0 2px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
  }
}
label.after-checkbox-label:not(.error) {
  float: none;
}

.form-row input[type=checkbox] + label.after-checkbox-label + span {
  margin-top: 0;
}

/* WIDE FIELDSETS */
form .wide p {
  margin-left: 15em;
}

.colM fieldset.wide .vLargeTextField,
.colM fieldset.wide .vXMLLargeTextField {
  width: 450px;
}

fieldset {
  min-width: 0;
  width: 100%;
}

@-moz-document url-prefix() {
  fieldset {
    /* display: table-cell; */
    min-width: 0;
    width: 100%;
  }
}
/* COLLAPSED FIELDSETS */
fieldset {
  margin: 0;
}

fieldset.collapse {
  min-width: 0;
}
fieldset.collapse h2 {
  display: inline-block;
  border-bottom: 0;
}
fieldset.collapse h2:hover {
  cursor: pointer;
  color: #27bbdd;
}
fieldset.collapse h2 span.collapse-toggle-wrapper {
  display: inline-block;
  float: none;
}
fieldset.collapse h2 span,
fieldset.collapse h2 .help-button {
  display: inline-block;
}
fieldset.collapse h2 .collapse-toggle {
  color: #4b4b4b;
  display: block;
  float: none;
  top: -1px;
  left: -2px;
  font-size: 0.75rem;
  position: relative;
}
fieldset.collapse h2 .collapse-toggle:hover {
  text-decoration: none;
  color: #27bbdd;
}
fieldset.collapse h2 ~ table.custom-fields-table {
  display: table;
}
fieldset.collapse.collapse-initialized .collapse-toggle {
  -webkit-transition: transform 0.1s ease-in-out;
  -ms-transition: transform 0.1s ease-in-out;
  -moz-transition: transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
}
fieldset.collapse.collapse-initialized .fieldset-contents {
  -webkit-transition: max-height 0.1s ease-in-out;
  -ms-transition: max-height 0.1s ease-in-out;
  -moz-transition: max-height 0.1s ease-in-out;
  -o-transition: max-height 0.1s ease-in-out;
  transition: max-height 0.1s ease-in-out;
}
fieldset.collapse h2 + table,
fieldset.collapse h2 ~ div.form-row,
fieldset.collapse .fieldset-contents {
  overflow: hidden;
}
fieldset.collapse.collapsed h2 .collapse-toggle {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
fieldset.collapse.collapsed h2 ~ div.form-row,
fieldset.collapse.collapsed .fieldset-contents {
  max-height: 0;
  padding: 0;
}
fieldset.collapse.collapsed h2 ~ table {
  max-height: 0;
  display: none;
}
fieldset.collapse.no-underline-when-open:not(.collapsed) h2 {
  border-bottom: 0;
  margin-bottom: 2px;
  display: inline-block;
}

.mailing-review fieldset.collapse.no-underline-when-open:not(.collapsed) h2 {
  margin-bottom: 0;
}

.mailing-review .collapsible-bottom-border + .fieldset-contents {
  padding-top: 0;
}

fieldset.collapse h2:hover .collapse-toggle {
  color: #27bbdd;
}

.collapsible-bottom-border {
  width: 100%;
  display: block;
  border-top: 1px solid #999;
  height: 1px;
  font-size: 0.01rem;
  padding-bottom: 0;
}

.collapsible-bottom-border + table {
  padding-top: 0;
}

.collapsible-bottom-border + .fieldset-contents {
  padding-top: 4px;
}

body.dashboard.mailings .collapsible-bottom-border + .fieldset-contents {
  padding-top: 0;
}

.no-underline-when-open:not(.collapsed) .collapsible-bottom-border {
  border-top: 0;
}

.collapsed #sharing-template,
.collapsed #sharing-enabled {
  display: none;
}

/*Compose Page Proofs*/
div.collapse_expand span.expander_content {
  display: none;
}

div.collapse_expand.expanded span.expander_content {
  display: block;
}

/* MONOSPACE TEXTAREAS */
fieldset.monospace textarea {
  font-family: "lucida console", menlo, monaco, courier, monospace;
}

/* Errors */
.change-form div.wrapper .form-row.has-errors,
.mailings-compose div.wrapper .form-row.has-errors,
.has-errors {
  background: #ffeeee;
  margin: 3px 0;
  padding: 6px 0px 5px;
}
.change-form div.wrapper .form-row.has-errors .form-label label,
.mailings-compose div.wrapper .form-row.has-errors .form-label label,
.has-errors .form-label label {
  color: #dd0000;
}
.change-form div.wrapper .form-row.has-errors .form-control input,
.change-form div.wrapper .form-row.has-errors .form-control select,
.change-form div.wrapper .form-row.has-errors .form-control .editor-area .editor-toolbar,
.change-form div.wrapper .form-row.has-errors .form-control .mce-container,
.mailings-compose div.wrapper .form-row.has-errors .form-control input,
.mailings-compose div.wrapper .form-row.has-errors .form-control select,
.mailings-compose div.wrapper .form-row.has-errors .form-control .editor-area .editor-toolbar,
.mailings-compose div.wrapper .form-row.has-errors .form-control .mce-container,
.has-errors .form-control input,
.has-errors .form-control select,
.has-errors .form-control .editor-area .editor-toolbar,
.has-errors .form-control .mce-container {
  border-color: #dd0000;
}
.change-form div.wrapper .form-row.has-errors .form-control .editor-area .editor-content,
.mailings-compose div.wrapper .form-row.has-errors .form-control .editor-area .editor-content,
.has-errors .form-control .editor-area .editor-content {
  border-left-color: #dd0000;
  border-right-color: #dd0000;
  border-bottom-color: #dd0000;
}
.change-form div.wrapper .form-row.has-errors ul.errorlist,
.mailings-compose div.wrapper .form-row.has-errors ul.errorlist,
.has-errors ul.errorlist {
  margin: 0;
  padding: 0;
}
.change-form div.wrapper .form-row.has-errors ul.errorlist li,
.mailings-compose div.wrapper .form-row.has-errors ul.errorlist li,
.has-errors ul.errorlist li {
  margin: 0px 0 8px;
  font-weight: normal;
  font-size: 0.813rem;
}

ul.errorlist,
p.errornote {
  background-color: #ffeeee;
  color: #dd0000;
  font-size: 0.94rem;
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  font-weight: 600;
  line-height: 18px;
  padding: 10px;
  margin-bottom: 10px;
}

p.errornote {
  background: #ffeeee;
  margin: 0 0 10px;
  padding: 10px;
}

.form-row ul.errorlist {
  margin-left: 0px;
  padding-left: 10px;
}

/* SUBMIT ROW */
.submit-row {
  margin: 5px 0;
  overflow: hidden;
  clear: both;
}

.submit-row::before {
  display: block;
  height: 15px;
  content: "";
}

body.popup .submit-row {
  overflow: auto;
}

.submit-row input {
  margin: 0 0 0 5px;
}

.submit-row p {
  margin: 0.3em;
}

.submit-row p.deletelink-box {
  float: left;
}

.submit-row .deletelink {
  background: url(../img/icon_deletelink.gif) 0 50% no-repeat;
  padding-left: 14px;
}

#changelist-actions .submit-row::before,
#test_group_form_holder .submit-row::before {
  display: inherit;
  height: inherit;
}

#changelist-actions .submit-row,
#test_group_form_holder .submit-row {
  margin-bottom: 8px;
}

/* CUSTOM FORM FIELDS */
.vSelectMultipleField {
  vertical-align: top !important;
}

.vCheckboxField {
  border: none;
}

.vDateField,
.vTimeField {
  margin-right: 2px;
}

.vURLField {
  width: 30em;
}

.vLargeTextField,
.vXMLLargeTextField {
  width: 100%;
}

.flatpages-flatpage #id_content {
  height: 40.2em;
}

.module table .vPositiveSmallIntegerField {
  width: 2.2em;
}

.vTextField {
  width: 66%;
}

.vIntegerField {
  width: 5em;
}

.vBigIntegerField {
  width: 10em;
}

.vForeignKeyRawIdAdminField {
  width: 5em;
}

/* INLINES */
.inline-group {
  padding: 0;
  border: 1px solid #ccc;
}

.inline-group .aligned label {
  width: 8em;
}

.inline-related {
  position: relative;
}

.inline-related h3 {
  margin: 0;
  color: #4b4b4b;
  padding: 3px 5px;
  font-size: 11px;
  /*background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;*/
  border-bottom: 1px solid #ddd;
}

.inline-related h3 span.delete {
  float: right;
  margin-top: -7px;
}

.inline-related h3 span.delete input[type=checkbox] {
  margin-top: 0;
}

.inline-related h3 span.delete label {
  margin-left: 2px;
  font-size: 11px;
  vertical-align: bottom;
}

.inline-related fieldset {
  margin: 0;
  /* background: #fff; */
  border: none;
  width: 100%;
}

.inline-related fieldset.module h3 {
  margin: 0;
  padding: 2px 5px 3px 5px;
  font-size: 11px;
  text-align: left;
  font-weight: bold;
  background: #bcd;
  color: #fff;
}

.inline-group .tabular fieldset.module {
  border: none;
  border-bottom: 1px solid #ddd;
}

.inline-related.tabular fieldset.module table {
  width: 100%;
}

.last-related fieldset {
  border: none;
}

.inline-group .tabular tr.has_original td {
  padding-top: 2em;
}

.inline-group .tabular tr td.original {
  padding: 2px 0 0 0;
  width: 0;
  _position: relative;
}

.inline-group .tabular th.original {
  width: 0px;
  padding: 0;
}

.inline-group .tabular td.original p {
  position: absolute;
  left: 0;
  padding: 2px 7px;
  overflow: hidden;
  font-size: 9px;
  font-weight: bold;
  color: #666;
  width: 700px;
}

.inline-group ul.tools {
  padding: 0;
  margin: 0;
  list-style: none;
}

.inline-group ul.tools li {
  display: inline;
  padding: 0 5px;
}

.inline-group div.add-row,
.inline-group .tabular tr.add-row td {
  color: #666;
  padding: 3px 5px;
  border-bottom: 1px solid #ddd;
  /*background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;*/
}

.inline-group .tabular tr.add-row td {
  padding: 4px 5px 3px;
  border-bottom: none;
}

.empty-form {
  display: none;
}

/*shortened form fields*/
.list select,
.list input,
.lang select,
.lang input,
.multilingual_campaign select,
.multilingual_campaign input,
.default_amount select,
.default_amount input,
.minimum_amount select,
.minimum_amount input {
  width: 100%;
}
@media only screen and (min-width: 799px) {
  .list select,
  .list input,
  .lang select,
  .lang input,
  .multilingual_campaign select,
  .multilingual_campaign input,
  .default_amount select,
  .default_amount input,
  .minimum_amount select,
  .minimum_amount input {
    width: 66%;
  }
}
@media only screen and (min-width: 999px) {
  .list select,
  .list input,
  .lang select,
  .lang input,
  .multilingual_campaign select,
  .multilingual_campaign input,
  .default_amount select,
  .default_amount input,
  .minimum_amount select,
  .minimum_amount input {
    width: 33%;
  }
}

a.add-another,
a.add-related {
  display: inline-block;
  height: 20px;
  width: 20px;
  color: white;
  text-indent: -9999px;
  background-image: url("/media/images/add_icon.svg");
  background-size: 20px;
  background-repeat: no-repeat;
}
a.add-another img,
a.add-related img {
  visibility: hidden;
  width: 22px;
}
a.add-another:hover,
a.add-related:hover {
  text-decoration: none;
  background-position: left bottom;
}

.inline-group ul.tools a.add,
.inline-group div.add-row a,
.inline-group .tabular tr.add-row td a,
a.add-with-text {
  display: inline-block;
  height: 20px;
  padding-left: 22px;
  background-image: url("/media/images/add_icon.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 0.94rem;
  font-weight: normal;
  color: #27bbdd;
}
.inline-group ul.tools a.add:hover,
.inline-group div.add-row a:hover,
.inline-group .tabular tr.add-row td a:hover,
a.add-with-text:hover {
  color: #009cd1;
  text-decoration: underline;
  background-position: left bottom;
}

input[type=text] + a.add-another,
input[type=text] + a.add-related,
select + a.add-another,
select + a.add-related,
.selectize-control + a.add-another,
.selectize-control + a.add-related {
  margin-top: 7px;
  margin-left: 5px;
  vertical-align: top;
}

a.edit-templateset {
  height: 19px;
  width: 19px;
  background-image: url("/media/images/edit_icon.svg");
  display: inline-block;
}
a.edit-templateset:hover {
  text-decoration: none;
  background-position: -38px, 0;
}

#immediate-title h2 {
  margin-top: 50px;
}

.slider-container {
  display: flex;
  padding-top: 7px;
}

.switch:before {
  border-radius: 50%;
}

.slider input[type=checkbox] {
  /* Use clip instead of display: none to maintain keyboard accessibility */
  position: absolute;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}

label.switch {
  border-radius: 26px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 42px;
  height: 23px;
  background-color: #999;
  -webkit-transition: 0.05s;
  transition: 0.05s;
  margin: 0 3px;
}

.switch:before {
  content: "";
  position: absolute;
  height: 19px;
  width: 19px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.05s;
  transition: 0.05s;
}

.slider input[type=checkbox]:checked + .switch {
  background-color: #668d24;
}

.slider.grey input[type=checkbox]:checked + .switch {
  background-color: #999;
}

.slider input[type=checkbox]:checked + .switch:before {
  transform: translateX(19px);
}

/* Focus states for keyboard accessibility */
.slider input[type=checkbox]:focus + .switch {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.slider-text {
  padding: 0 5px;
}

.slider-description {
  padding-left: 10px;
  color: #999;
  display: block;
  font-size: 0.813rem;
  vertical-align: bottom;
  margin-bottom: 5px;
  padding-top: 2px;
}

#testing-toggle_container div.slider.checked + .slider-button {
  background-color: #668d24;
}

div.slider.checked + .slider-button:before {
  transform: translateX(19px);
}

.slider-button.round {
  border-radius: 26px;
}

.slider-button.round:before {
  border-radius: 50%;
}

input#searchbar {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  input#searchbar {
    width: 33%;
  }
}

select#ordering_type {
  width: auto;
}

#list-order-buttons {
  margin-top: 10px;
  padding-top: 5px;
}

#id_send_immediate_email_override_limit_really_really_really,
#id_send_immediate_email_override_limit_really_really {
  margin: 0px;
}

label[for=id_send_immediate_email_override_limit_really_really],
label[for=id_send_immediate_email_override_limit_really_really_really] {
  display: inline;
}

#id_allow_csv_download {
  margin: 0px;
}

ul#target-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

i.no-phone, i.no-email {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  margin: 0 4px;
}

i.no-email {
  content: url("/media/images/email-slash.svg");
}

i.no-phone {
  content: url("/media/images/phone-slash.svg");
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
}

/* #html-preview { display: none; } */
.ak-display-block,
#html-preview.ak-display-block {
  display: block;
}

/* CONFIG: Add Notice */
body.core-notice.change-form.pages div.message textarea {
  height: 99px;
}
body.core-notice.change-form.pages div.url textarea,
body.core-notice.change-form.pages div.title textarea {
  height: 33px;
}
body.core-notice.change-form.pages select#id_type {
  width: auto;
}

.header {
  width: 100%;
  max-width: 500px;
  padding: 7px 0 2px;
  background-size: 100%;
  background-position: 50% 50%;
  position: relative;
  /* basically a clearfix */
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 499px) {
  .header {
    padding: 10px 15px 13px;
    background-size: 100%;
    max-width: 500px;
  }
}
@media only screen and (min-width: 599px) {
  .header {
    padding: 10px 30px 13px;
    background-size: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 799px) {
  .header {
    padding: 10px 45px 14px;
    background-size: 100%;
  }
}
@media only screen and (min-width: 999px) {
  .header {
    padding: 10px 60px 13px;
    background-size: 100%;
  }
}
@media only screen and (min-width: 1199px) {
  .header {
    padding: 10px 80px 14px;
    background-size: 100%;
  }
}
.header a {
  color: #4b4b4b;
}
.header a:hover {
  color: #777;
}
.header .gear-icon {
  fill: #4b4b4b;
}
.header .byline {
  font-weight: 600;
  font-size: 1.125rem;
  background: url("/media/images/ak-logo-grey-blue.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  text-indent: 20px;
  background-position: 0px 5px;
  display: block;
  text-align: center;
  float: left;
  margin-left: 10px;
}
@media only screen and (min-width: 499px) {
  .header .byline {
    margin-left: 0;
  }
}
@media only screen and (min-width: 799px) {
  .header .byline {
    margin-top: 13px;
  }
}
.header .title-project {
  clear: both;
  width: 100%;
  font-size: 2.6rem;
  font-weight: bold;
}
@media only screen and (min-width: 799px) {
  .header .title-project {
    clear: none;
  }
}
.header .title-project span {
  display: block;
  margin: 33px 0px 4px 0px;
  font-size: 2rem;
  font-weight: 200;
  text-align: center;
  line-height: 2.6rem;
}
@media only screen and (min-width: 599px) {
  .header .title-project span {
    font-size: 2.6rem;
    padding: 12px 0px 0px 0px;
  }
}
@media only screen and (min-width: 799px) {
  .header .title-project span {
    text-align: left;
    padding: 0;
    clear: both;
  }
}
@media only screen and (min-width: 999px) {
  .header .title-project span {
    font-size: 2.6rem;
    position: relative;
    top: 10px;
  }
}
.header .mini-menu {
  position: absolute;
  right: 10px;
  top: 12px;
  text-align: right;
  /* status alert in mini nav */
}
.header .mini-menu li.username {
  position: relative;
  z-index: 10; /* so header's h1 doesn't get our pointer events */
}
@media only screen and (min-width: 499px) {
  .header .mini-menu {
    right: 15px;
    top: 13px;
  }
}
@media only screen and (min-width: 599px) {
  .header .mini-menu {
    right: 30px;
    top: 53px;
  }
}
@media only screen and (min-width: 799px) {
  .header .mini-menu {
    right: 45px;
    top: 66px;
  }
}
@media only screen and (min-width: 999px) {
  .header .mini-menu {
    right: 60px;
  }
}
@media only screen and (min-width: 1199px) {
  .header .mini-menu {
    right: 80px;
  }
}
.header .mini-menu li {
  margin: 0;
  color: #4b4b4b;
  text-transform: uppercase;
  font-size: 0.75rem;
  background-position: right 3px;
}
.header .mini-menu li a.active {
  border: 1px solid #4b4b4b;
  background: #4b4b4b;
  color: #fff;
}
.header .mini-menu li a {
  padding: 0 24px 0 4px;
  border: 1px solid transparent;
}
.header .mini-menu li a#admin_menu_toggle {
  padding: 1px 5px 0 5px;
  border: 1px solid transparent;
}
.header .mini-menu li a#admin_menu_toggle .gear-icon {
  margin: 0 0 -2px 2px;
  width: 13px;
  height: 13px;
}
.header .mini-menu li a#admin_menu_toggle.active {
  color: #fff;
}
.header .mini-menu li a#admin_menu_toggle.active .gear-icon {
  fill: #fff;
}
.header .mini-menu li a#admin_menu_toggle:hover {
  color: #fff;
}
.header .mini-menu li a#admin_menu_toggle:hover .gear-icon {
  fill: #fff;
}
.header .mini-menu a:hover {
  background: #4b4b4b;
  color: #fff;
}
.header .mini-menu li a.active:hover {
  background: #4b4b4b;
  color: #fff;
}
.header .mini-menu .sub-menu {
  display: none;
  position: relative; /* establishes context where z-index works */
  z-index: 2000;
  text-align: left;
}
.header .mini-menu .sub-menu li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}
.header .mini-menu .sub-menu li a {
  padding: 8px;
  width: 100%;
  display: block;
  color: #4b4b4b;
}
.header .mini-menu .sub-menu li:first-of-type {
  border-top: 1px solid #ccc;
}
.header .mini-menu .sub-menu li:last-of-type {
  border-bottom: 1px solid #ccc;
}
.header .mini-menu .sub-menu li:hover {
  background: #4b4b4b;
}
.header .mini-menu .sub-menu li:hover a {
  color: #fff;
}
.header .mini-menu.status-alert li a#admin_menu_toggle {
  background-image: url(/media/images/ak-alert-round-badge.svg);
  background-repeat: no-repeat;
  background-position: 4px 3px;
  background-size: 13px;
  padding-left: 14px;
  background-color: rgba(58, 58, 58, 0.35);
}
.header .mini-menu.status-alert li a#admin_menu_toggle {
  color: #d00;
  padding-left: 21px;
}
.header .mini-menu.status-alert li a#admin_menu_toggle.active {
  background-image: url(/media/images/ak-alert-round-badge-white.svg);
  background-color: #4b4b4b;
  color: #fff;
}
.header .mini-menu.status-alert li a#admin_menu_toggle:hover {
  color: #fff;
  background-image: url(/media/images/ak-alert-round-badge-white.svg);
  background-color: #4b4b4b;
}
.header .mini-menu.status-alert ul#admin_menu li.alert a {
  color: #d00;
  background-image: url(/media/images/ak-alert-round-badge.svg);
  background-repeat: no-repeat;
  background-position: 126px center;
  background-size: 13px;
  padding-right: 26px;
}
.header .mini-menu.status-alert ul#admin_menu li.alert a:hover {
  color: #fff;
  background: #d00;
  background-image: url(/media/images/ak-alert-round-badge-white.svg);
  background-repeat: no-repeat;
  background-position: 126px center;
  background-size: 13px;
  padding-right: 26px;
}
.header .mini-menu.status-alert .gear-icon {
  fill: #d00;
}
.header .site-nav {
  text-align: center;
  margin-bottom: -5px;
  margin-left: 0px;
  width: 100%;
}
@media only screen and (min-width: 599px) {
  .header .site-nav {
    text-align: left;
  }
}
@media only screen and (min-width: 599px) and (min-width: 799px) {
  .header .site-nav {
    margin-bottom: 0;
  }
}
.header .main-menu {
  margin: 18px 0 0 0;
  top: 3px;
  display: inline-block;
  overflow: auto;
  position: relative;
}
@media only screen and (min-width: 499px) {
  .header .main-menu {
    top: 14px;
    margin: 10px 0 0 0;
  }
}
@media only screen and (min-width: 799px) {
  .header .main-menu {
    display: block;
    top: 14px;
  }
}
@media only screen and (min-width: 999px) {
  .header .main-menu {
    display: block;
  }
}
@media only screen and (min-width: 1199px) {
  .header .main-menu {
    display: block;
  }
}
.header .main-menu ul {
  width: 100%;
}
.header .main-menu li {
  float: left;
}
.header .main-menu li a {
  font-size: 0.66rem;
  display: block;
  font-weight: 400;
  text-decoration: none;
  padding: 9px 7px;
}
@media only screen and (min-width: 499px) {
  .header .main-menu li a {
    font-size: 0.94rem;
  }
}
@media only screen and (min-width: 999px) {
  .header .main-menu li a {
    font-size: 1.125rem;
    padding: 9px 9px;
  }
}
@media only screen and (min-width: 1199px) {
  .header .main-menu li a {
    padding: 9px 12px;
  }
}
.header .main-menu li a:hover {
  text-decoration: none;
  background: #f4642f;
  color: #fff;
}
.header .main-menu li a.active {
  background: #f4642f;
  color: #fff;
}

.header + hr {
  border-top: 5px solid #777;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  clear: both;
  float: none;
  width: 100%;
  height: 5px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* MAILINGS */
body.mailings h2 + table.detail-table {
  margin-top: 0;
  border-top: 0;
}
body.mailings table.detail-table + table.detail-table {
  margin-top: 18px;
}
body.mailings h2 + h3.section {
  margin-top: -8px;
}
body.mailings .target-button-row {
  padding-top: 16px;
}
body.mailings .proof-button-row a.help-button {
  margin: 6px 0px 0px 6px; /* background-image: url('/media/images/mailings_help_icon.svg'); */
}
body.mailings .generic #proofs_window table tr {
  border-bottom: 0;
}
body.mailings .form-row.is_model-row.form-row-CheckboxInput p.fieldinfo {
  margin: 0 0 4px 6px;
}
body.mailings .form-row.html_only-row.form-row-CheckboxInput p.fieldinfo {
  margin: 0 0 4px 6px;
}
body.mailings .generic .mail-report table td,
body.mailings .generic .mail-report table tr.stats-option td {
  line-height: 17px;
}
@media only screen and (min-width: 499px) {
  body.mailings .generic .mail-report table td,
  body.mailings .generic .mail-report table tr.stats-option td {
    line-height: 20px;
  }
}
body.mailings #proofs_window fieldset {
  border-bottom: none;
}
body.mailings #proofs_window h2 {
  margin-bottom: 0;
}
body.mailings #proofs_window table {
  width: 100%;
  background: #fff9f0;
  padding-top: 41px;
  border: 0;
}
body.mailings #proofs_window td {
  padding-top: 8px;
  padding-bottom: 8px;
}
body.mailings.mailings-build h1.main-title {
  font-weight: 600;
}
body.mailings.mailings-build h1.main-title span {
  font-weight: 300;
}
body.mailings.mailings-build h1::before {
  content: "Rebuild History: ";
  font-weight: 300;
}
body.mailings.mailings-build table {
  margin-top: 4px;
}
body.mailings .mail-report h2:not(.title-page), body.mailings.mailings-build h2:not(.title-page), body.mailings.mailings-history h2:not(.title-page) {
  margin-top: 18px;
  margin-bottom: 0;
}
body.mailings .mail-report h2 a.action, body.mailings.mailings-build h2 a.action, body.mailings.mailings-history h2 a.action {
  font-weight: normal;
}
body.mailings .mail-report .form-row, body.mailings.mailings-build .form-row, body.mailings.mailings-history .form-row {
  border-bottom: 0;
}
body.mailings .mail-report .tooltip, body.mailings.mailings-build .tooltip, body.mailings.mailings-history .tooltip {
  display: none;
}
body.mailings .mail-report .tooltipctl, body.mailings.mailings-build .tooltipctl, body.mailings.mailings-history .tooltipctl {
  text-decoration: underline;
}
body.mailings .mail-report .tooltipctl:hover, body.mailings.mailings-build .tooltipctl:hover, body.mailings.mailings-history .tooltipctl:hover {
  cursor: pointer;
}
body.mailings .mail-report .arrow, body.mailings.mailings-build .arrow, body.mailings.mailings-history .arrow {
  top: 3px;
}
body.mailings .mail-report .generic table tr.stats-option td, body.mailings.mailings-build .generic table tr.stats-option td, body.mailings.mailings-history .generic table tr.stats-option td {
  line-height: 20px;
}
body.mailings .mail-report table, body.mailings.mailings-build table, body.mailings.mailings-history table {
  border: 1px solid #8b5e1e;
}
body.mailings .mail-report table th,
body.mailings .mail-report table td,
body.mailings .mail-report table tr, body.mailings.mailings-build table th,
body.mailings.mailings-build table td,
body.mailings.mailings-build table tr, body.mailings.mailings-history table th,
body.mailings.mailings-history table td,
body.mailings.mailings-history table tr {
  padding: 2px 0;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table th,
  body.mailings .mail-report table td,
  body.mailings .mail-report table tr, body.mailings.mailings-build table th,
  body.mailings.mailings-build table td,
  body.mailings.mailings-build table tr, body.mailings.mailings-history table th,
  body.mailings.mailings-history table td,
  body.mailings.mailings-history table tr {
    padding: 4px 2px;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table th,
  body.mailings .mail-report table td,
  body.mailings .mail-report table tr, body.mailings.mailings-build table th,
  body.mailings.mailings-build table td,
  body.mailings.mailings-build table tr, body.mailings.mailings-history table th,
  body.mailings.mailings-history table td,
  body.mailings.mailings-history table tr {
    padding: 4px 10px;
  }
}
body.mailings .mail-report table th, body.mailings.mailings-build table th, body.mailings.mailings-history table th {
  background: #fff9f0;
}
body.mailings .mail-report table tr.summary-row td, body.mailings.mailings-build table tr.summary-row td, body.mailings.mailings-history table tr.summary-row td {
  background: #fff9f0;
}
body.mailings .mail-report table tr, body.mailings.mailings-build table tr, body.mailings.mailings-history table tr {
  border-bottom: 1px solid #8b5e1e;
}
body.mailings .mail-report table td:last-of-type, body.mailings.mailings-build table td:last-of-type, body.mailings.mailings-history table td:last-of-type {
  border-right: 1px solid #8b5e1e;
}
body.mailings .mail-report table td.table-head, body.mailings.mailings-build table td.table-head, body.mailings.mailings-history table td.table-head {
  background: #ffeacb;
  text-transform: uppercase;
  font-size: 0.813rem;
  font-weight: bold;
  padding: 0;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table td.table-head, body.mailings.mailings-build table td.table-head, body.mailings.mailings-history table td.table-head {
    padding: 4px 2px;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table td.table-head, body.mailings.mailings-build table td.table-head, body.mailings.mailings-history table td.table-head {
    padding: 4px 10px;
  }
}
body.mailings .mail-report table.detail-table, body.mailings.mailings-build table.detail-table, body.mailings.mailings-history table.detail-table {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #8b5e1e;
}
body.mailings .mail-report table.detail-table th:first-child,
body.mailings .mail-report table.detail-table body table.detail-table th, body.mailings.mailings-build table.detail-table th:first-child,
body.mailings.mailings-build table.detail-table body table.detail-table th, body.mailings.mailings-history table.detail-table th:first-child,
body.mailings.mailings-history table.detail-table body table.detail-table th {
  background: #fff9f0;
}
body.mailings .mail-report table.detail-table td,
body.mailings .mail-report table.detail-table th, body.mailings.mailings-build table.detail-table td,
body.mailings.mailings-build table.detail-table th, body.mailings.mailings-history table.detail-table td,
body.mailings.mailings-history table.detail-table th {
  border: 1px solid #8b5e1e;
  text-align: left;
  font-size: 0.813rem;
  padding: 2x 0px;
}
body.mailings .mail-report table.detail-table td:first-child,
body.mailings .mail-report table.detail-table th:first-child, body.mailings.mailings-build table.detail-table td:first-child,
body.mailings.mailings-build table.detail-table th:first-child, body.mailings.mailings-history table.detail-table td:first-child,
body.mailings.mailings-history table.detail-table th:first-child {
  width: auto;
  max-width: 200px;
  overflow-wrap: break-word;
  line-height: 17px;
  min-width: 60px;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.detail-table td:first-child,
  body.mailings .mail-report table.detail-table th:first-child, body.mailings.mailings-build table.detail-table td:first-child,
  body.mailings.mailings-build table.detail-table th:first-child, body.mailings.mailings-history table.detail-table td:first-child,
  body.mailings.mailings-history table.detail-table th:first-child {
    line-height: 20px;
    max-width: 380px;
    width: auto;
    min-width: 100px;
  }
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.detail-table td,
  body.mailings .mail-report table.detail-table th, body.mailings.mailings-build table.detail-table td,
  body.mailings.mailings-build table.detail-table th, body.mailings.mailings-history table.detail-table td,
  body.mailings.mailings-history table.detail-table th {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table.detail-table td,
  body.mailings .mail-report table.detail-table th, body.mailings.mailings-build table.detail-table td,
  body.mailings.mailings-build table.detail-table th, body.mailings.mailings-history table.detail-table td,
  body.mailings.mailings-history table.detail-table th {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.mailings .mail-report table.detail-table td.table-head, body.mailings.mailings-build table.detail-table td.table-head, body.mailings.mailings-history table.detail-table td.table-head {
  background: #ffeacb;
  text-transform: uppercase;
  font-size: 0.813rem;
  font-weight: bold;
  padding: 2px 0 0 0;
  line-height: 18px;
  border: 0;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.detail-table td.table-head, body.mailings.mailings-build table.detail-table td.table-head, body.mailings.mailings-history table.detail-table td.table-head {
    padding: 4px 2px;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table.detail-table td.table-head, body.mailings.mailings-build table.detail-table td.table-head, body.mailings.mailings-history table.detail-table td.table-head {
    padding: 4px 10px;
  }
}
body.mailings .mail-report table.detail-table td.table-head:first-child,
body.mailings .mail-report table.detail-table + table.detail-table, body.mailings.mailings-build table.detail-table td.table-head:first-child,
body.mailings.mailings-build table.detail-table + table.detail-table, body.mailings.mailings-history table.detail-table td.table-head:first-child,
body.mailings.mailings-history table.detail-table + table.detail-table {
  margin-top: 0;
}
body.mailings .mail-report table.detail-table.recurring-series, body.mailings.mailings-build table.detail-table.recurring-series, body.mailings.mailings-history table.detail-table.recurring-series {
  margin-top: 0;
}
body.mailings .mail-report table.stats-result, body.mailings.mailings-build table.stats-result, body.mailings.mailings-history table.stats-result {
  margin-top: 20px;
  border: 1px solid #8b5e1e;
}
body.mailings .mail-report table.stats-result th.option,
body.mailings .mail-report table.stats-result th.attempts,
body.mailings .mail-report table.stats-result th.successes, body.mailings.mailings-build table.stats-result th.option,
body.mailings.mailings-build table.stats-result th.attempts,
body.mailings.mailings-build table.stats-result th.successes, body.mailings.mailings-history table.stats-result th.option,
body.mailings.mailings-history table.stats-result th.attempts,
body.mailings.mailings-history table.stats-result th.successes {
  background: #fff9f0;
  line-height: 20px;
}
body.mailings .mail-report table.stats-result th:first-of-type, body.mailings.mailings-build table.stats-result th:first-of-type, body.mailings.mailings-history table.stats-result th:first-of-type {
  text-align: left;
}
body.mailings .mail-report table.stats-result th,
body.mailings .mail-report table.stats-result tr.stats-averages,
body.mailings .mail-report table.stats-result tr.stats-averages td,
body.mailings .mail-report table.stats-result tr.stats-totals,
body.mailings .mail-report table.stats-result tr.stats-totals td, body.mailings.mailings-build table.stats-result th,
body.mailings.mailings-build table.stats-result tr.stats-averages,
body.mailings.mailings-build table.stats-result tr.stats-averages td,
body.mailings.mailings-build table.stats-result tr.stats-totals,
body.mailings.mailings-build table.stats-result tr.stats-totals td, body.mailings.mailings-history table.stats-result th,
body.mailings.mailings-history table.stats-result tr.stats-averages,
body.mailings.mailings-history table.stats-result tr.stats-averages td,
body.mailings.mailings-history table.stats-result tr.stats-totals,
body.mailings.mailings-history table.stats-result tr.stats-totals td {
  border: solid #8b5e1e 1px;
  background: #fffdfb;
  font-size: 0.813rem;
  padding: 2x 0px;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.stats-result th,
  body.mailings .mail-report table.stats-result tr.stats-averages,
  body.mailings .mail-report table.stats-result tr.stats-averages td,
  body.mailings .mail-report table.stats-result tr.stats-totals,
  body.mailings .mail-report table.stats-result tr.stats-totals td, body.mailings.mailings-build table.stats-result th,
  body.mailings.mailings-build table.stats-result tr.stats-averages,
  body.mailings.mailings-build table.stats-result tr.stats-averages td,
  body.mailings.mailings-build table.stats-result tr.stats-totals,
  body.mailings.mailings-build table.stats-result tr.stats-totals td, body.mailings.mailings-history table.stats-result th,
  body.mailings.mailings-history table.stats-result tr.stats-averages,
  body.mailings.mailings-history table.stats-result tr.stats-averages td,
  body.mailings.mailings-history table.stats-result tr.stats-totals,
  body.mailings.mailings-history table.stats-result tr.stats-totals td {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table.stats-result th,
  body.mailings .mail-report table.stats-result tr.stats-averages,
  body.mailings .mail-report table.stats-result tr.stats-averages td,
  body.mailings .mail-report table.stats-result tr.stats-totals,
  body.mailings .mail-report table.stats-result tr.stats-totals td, body.mailings.mailings-build table.stats-result th,
  body.mailings.mailings-build table.stats-result tr.stats-averages,
  body.mailings.mailings-build table.stats-result tr.stats-averages td,
  body.mailings.mailings-build table.stats-result tr.stats-totals,
  body.mailings.mailings-build table.stats-result tr.stats-totals td, body.mailings.mailings-history table.stats-result th,
  body.mailings.mailings-history table.stats-result tr.stats-averages,
  body.mailings.mailings-history table.stats-result tr.stats-averages td,
  body.mailings.mailings-history table.stats-result tr.stats-totals,
  body.mailings.mailings-history table.stats-result tr.stats-totals td {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.mailings .mail-report table.stats-result td, body.mailings.mailings-build table.stats-result td, body.mailings.mailings-history table.stats-result td {
  padding: 2px 0;
  font-size: 0.813rem;
  top: -3px;
}
body.mailings .mail-report table.stats-result td:first-child, body.mailings.mailings-build table.stats-result td:first-child, body.mailings.mailings-history table.stats-result td:first-child {
  max-width: 200px;
  word-break: break-all;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.stats-result td, body.mailings.mailings-build table.stats-result td, body.mailings.mailings-history table.stats-result td {
    padding: 4px 2px;
    font-size: 0.877rem;
    max-width: 380px;
    width: auto;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table.stats-result td, body.mailings.mailings-build table.stats-result td, body.mailings.mailings-history table.stats-result td {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.mailings .mail-report table.stats-result td.successes, body.mailings.mailings-build table.stats-result td.successes, body.mailings.mailings-history table.stats-result td.successes {
  padding: 2px 0;
  font-size: 0.813rem;
  padding: 2x 0px;
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.stats-result td.successes, body.mailings.mailings-build table.stats-result td.successes, body.mailings.mailings-history table.stats-result td.successes {
    padding: 2px 0;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table.stats-result td.successes, body.mailings.mailings-build table.stats-result td.successes, body.mailings.mailings-history table.stats-result td.successes {
    padding: 2px 0;
    font-size: 0.94rem;
  }
}
@media only screen and (min-width: 499px) {
  body.mailings .mail-report table.stats-result td.successes, body.mailings.mailings-build table.stats-result td.successes, body.mailings.mailings-history table.stats-result td.successes {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings .mail-report table.stats-result td.successes, body.mailings.mailings-build table.stats-result td.successes, body.mailings.mailings-history table.stats-result td.successes {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.mailings .mail-report table.stats-result td.range, body.mailings.mailings-build table.stats-result td.range, body.mailings.mailings-history table.stats-result td.range {
  padding: 0;
}
body.mailings .mail-report table.stats-result td.table-head, body.mailings.mailings-build table.stats-result td.table-head, body.mailings.mailings-history table.stats-result td.table-head {
  font-size: 0.813rem;
  line-height: 18px;
  border: 0;
}
body.mailings .mail-report #proofs_window table td:last-of-type, body.mailings.mailings-build #proofs_window table td:last-of-type, body.mailings.mailings-history #proofs_window table td:last-of-type {
  border-right: 0px;
}
body.mailings .mail-report table.stats-results-detailed th, body.mailings.mailings-build table.stats-results-detailed th, body.mailings.mailings-history table.stats-results-detailed th {
  padding: 0;
}
body.mailings .mail-report ul.bulleted li, body.mailings.mailings-build ul.bulleted li, body.mailings.mailings-history ul.bulleted li {
  margin: 0;
}
body.mailings .mail-report table.detail-table + table.detail-table.table-includes,
body.mailings .mail-report table.detail-table + table.detail-table.table-excludes,
body.mailings .mail-report table.detail-table.table-includes,
body.mailings .mail-report table.detail-table.table-excludes, body.mailings.mailings-build table.detail-table + table.detail-table.table-includes,
body.mailings.mailings-build table.detail-table + table.detail-table.table-excludes,
body.mailings.mailings-build table.detail-table.table-includes,
body.mailings.mailings-build table.detail-table.table-excludes, body.mailings.mailings-history table.detail-table + table.detail-table.table-includes,
body.mailings.mailings-history table.detail-table + table.detail-table.table-excludes,
body.mailings.mailings-history table.detail-table.table-includes,
body.mailings.mailings-history table.detail-table.table-excludes {
  margin-top: 20px;
}
body.mailings .mail-report .subject-text, body.mailings.mailings-build .subject-text, body.mailings.mailings-history .subject-text {
  font-weight: 600;
}
body.mailings .mail-report .preview-text, body.mailings.mailings-build .preview-text, body.mailings.mailings-history .preview-text {
  display: block;
  font-size: 0.75rem;
  font-weight: 200;
}
body.mailings.mailings-history table th {
  text-align: left;
}
body.mailings.mailings-history h2 {
  border-bottom: 0;
}
body.mailings.mailings-history table tr td {
  padding: 6px 10px;
}
body.mailings.mailings-history table tr th {
  padding: 6px 10px;
}
body.mailings.mailings-build h2 {
  border-bottom: none;
}
body.mailings.mailings-build table {
  width: 100%;
}
body.mailings.mailings-build table tr {
  border-bottom: 1px solid #8b5e1e;
}
body.mailings.mailings-build table th {
  text-align: left;
  vertical-align: top;
}
body.mailings.mailings-build table th,
body.mailings.mailings-build table td {
  border: 1px solid #8b5e1e;
  font-size: 0.813rem;
  padding: 2x 0px;
  padding: 4px 12px;
}
@media only screen and (min-width: 499px) {
  body.mailings.mailings-build table th,
  body.mailings.mailings-build table td {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.mailings.mailings-build table th,
  body.mailings.mailings-build table td {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.mailings.mailings-target .action-fields .secondary-params {
  margin: 0 10px 10px 10px;
}
body.mailings.mailings-target .action-fields .field-values {
  margin: 0;
}
body.mailings.mailings-target .action-fields input[type=submit],
body.mailings.mailings-target .action-fields input[type=button] {
  margin: 0;
}
body.mailings.mailings-target .action-fields .form-row .selectize-control {
  margin-left: 0;
  width: 100%;
}
body.mailings.mailings-target .action-fields .submit-row::before {
  height: 0;
}
body.mailings.mailings-target .user-fields input[type=submit],
body.mailings.mailings-target .user-fields input[type=button] {
  margin: 0;
}
body.mailings.mailings-target .user-fields .form-row .selectize-control {
  margin-left: 0;
  width: 100%;
}
body.mailings.mailings-target .user-fields .submit-row::before {
  height: 0;
}
body.mailings.mailings-target .user-fields .submit-row {
  margin: 9px 10px 10px 10px;
}
body.mailings.mailings-target .user-fields .form-row.report-var {
  margin: 10px 10px 0 10px;
}
body.mailings.mailings-target .user-fields .field-values {
  margin: 0;
}
body.mailings.mailings-target .mp-limits {
  display: none;
}
body.mailings.mailings-target .mp-limits h2,
body.mailings.mailings-target .mp-limits thead,
body.mailings.mailings-target .mp-limits .original {
  display: none;
}
body.mailings.mailings-target .mp-limits table,
body.mailings.mailings-target .mp-limits tr {
  border: none;
}
body.mailings.mailings-target .mp-limits tr.has_original td {
  padding-top: 0px;
}
body.mailings.mailings-target .mp-limits td {
  padding-bottom: 4px;
}
body.mailings.mailings-target .mp-limits td:nth-child(2) {
  width: 1%;
  padding-right: 4px;
}
body.mailings.mailings-target .mp-limits input,
body.mailings.mailings-target .mp-limits select {
  width: 170px;
}

a.add-another + a.inline-delete,
textarea[name=subject] + a.inline-delete {
  position: relative;
  top: 23px;
  left: 2px;
  margin: 0 4px 0 3px;
  display: inline-block;
  height: 20px;
  width: 20px;
  color: white;
  text-indent: -9999px;
  background-image: url(/media/images/remove_icon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}

a.inline-delete:hover {
  background-position: left bottom;
}

body.mailings:not(:-moz-handler-blocked) .mail-report fieldset {
  display: table-cell;
}

/* adjustments to error notification for 'Subject' and 'Preview Text' */
.mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair input[name=subject] {
  border-bottom: 1px solid #dd0000;
}
.mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair input[name=preview_text] {
  border: 1px solid #bbb;
}
.mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair .form-label label.preview_text_label {
  color: #4b4b4b;
}
.mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair textarea[name=subject] {
  border: 1px solid #dd0000;
  width: 82%;
}
@media only screen and (min-width: 799px) {
  .mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair textarea[name=subject] {
    width: 66%;
  }
}
.mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair a.add-another {
  top: 36px;
  left: 2px;
}
.mailings-compose div.wrapper .form-row.has-errors div.subject-preview-pair a.help-button {
  top: 32px;
  left: -1px;
}
.mailings-compose div.wrapper .form-row.has-errors.fromline-row.form-row-Select {
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 799px) {
  .mailings-compose div.wrapper .form-row.has-errors.fromline-row.form-row-Select {
    display: block;
  }
}
.mailings-compose div.wrapper .form-row.has-errors.form-row-Textarea {
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 799px) {
  .mailings-compose div.wrapper .form-row.has-errors.form-row-Textarea {
    display: block;
  }
}

div.preview-buttons {
  text-align: center;
  width: 100%;
  background: #fff9ef;
  display: flex;
  position: relative;
  top: -3px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

div.preview-buttons,
div.preview-buttons span {
  gap: 10px;
}

@media only screen and (max-width: 699px) {
  div.preview-buttons,
  .preview_user_container {
    flex-direction: column;
    margin-left: 0;
  }
  .preview_user {
    width: 100%;
  }
}
.mailings-compose iframe.html-preview {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.mailings-compose iframe.html-preview {
  border: 1px solid #c0c0c0;
}

.subject-preview-pair .span_1_of_4 label {
  margin-bottom: 0;
}

body.dashboard.mailings h2 {
  margin-top: 10px;
  padding-left: 15px;
}

/* Mailings workflow layout */
.mailings-compose textarea[name=subject] {
  resize: vertical;
  vertical-align: top;
  border-bottom: none;
  min-height: 33px;
}

.mailings-compose .content {
  position: relative;
}

.mailings-compose .theform {
  margin: 0;
  border: none;
}

.mailings-compose .theform tr.form-row {
  border: none;
}

.mailings-compose .theform th.theform-key {
  background-color: #fff;
  vertical-align: top;
  padding-top: 5px;
}

.mailings-compose .theform td.theform-value,
.mailings-compose .theform td.theform-help {
  padding: 5px;
  background-color: #fff;
  vertical-align: top;
}

.mailings-compose .theform td.theform-key,
.mailings-compose .theform td.theform-help {
  padding-top: 10px;
}

.mailings-compose .theform td.theform-help a {
  vertical-align: top;
}

.mailings-compose .theform-value .editor-area,
.mailings-compose td.ftext .editor-area {
  margin-left: 0;
}

.mailings-compose p.help {
  width: 100%;
}
@media only screen and (min-width: 599px) {
  .mailings-compose p.help {
    width: 66%;
  }
}

.mailings-compose p.help.editor-controls {
  width: auto;
  max-width: auto;
}

.mailings-compose .custom_fields-row .theform-value {
  width: 400px;
}

.mailings-compose .custom_fields-row .theform-value p {
  margin: 0;
  padding: 4px 0 0;
}

.mailings-compose .custom_fields-row .theform-value .add-another {
  margin-top: -3px;
}

/* .mailings-compose .f-submit,
#proofs_window .f-submit,
.mailings-target .theform .f-submit { margin: 0px; background: #00B0D8; color: #fff; border: none; font-size: .94rem; font-weight: normal; padding: 8px 10px 8px 10px; } */
.mailings-confirm .theform .f-submit,
.mailings-send .theform .f-submit {
  margin: 0px;
  background: #00b0d8;
  color: #fff;
  border: none;
  font-size: 1em;
  font-weight: bold;
  padding: 8px 10px 8px 10px;
}

a.browse-mailing-error {
  display: block;
  color: red;
  font-weight: bold;
}

/*Custom fields*/
.custom-field-inline fieldset > table.custom-fields-remote {
  border-collapse: collapse;
}
.custom-field-inline fieldset > table.custom-fields-remote a.inline-deletelink,
.custom-field-inline fieldset > table.custom-fields-remote td.original {
  display: none;
}

.custom-field-inline fieldset > table.custom-fields-remote td.delete-interactive {
  display: none;
}

/* reordering drafts */
body.dashboard.mailings h2 .day-action a {
  font-size: 0.813rem;
  font-weight: 600;
  color: #b3b3b3;
  margin-right: 15px;
}

body.dashboard.mailings fieldset:hover h2 .day-action a {
  color: #007eb6;
}

body.dashboard.mailings h2 .day-action a:hover {
  text-decoration: underline;
}

.draft-date-tools {
  margin: 0 0 10px 0;
  padding: 0px;
  border-bottom: solid #bbb 1px;
  border-top: solid white 12px;
}

.draft-date-tools li {
  display: inline;
  font-size: 1.5rem;
  /*opacity: .5;*/
  color: #777;
}

.draft-date-tools li a {
  font-size: 0.813rem;
  font-weight: 600;
  position: relative;
  bottom: 3px;
  color: #007eb6;
}

.draft-date-tools:not(:hover) li a {
  color: #b3b3b3;
}

.draft-date-tools:hover li {
  visibility: visible;
  opacity: 1;
}

.draft-date-tools li a:hover {
  text-decoration: underline;
}

.draft-date-tools li.drafts-date {
  font-weight: 200;
  visibility: visible;
  color: #4b4b4b;
  opacity: 1;
  margin-left: 15px;
}

/*.draft-date-tools li.drafts-date:before { content: ''; }*/
table.reorder tr {
  background-color: white;
  width: 100%;
}

/*.ui-sortable { cursor: move; }*/
.ui-sortable a {
  pointer-events: none;
}

tbody.no-send-date .day-action {
  display: none;
}

.reorder li:before {
  content: "↕";
}

.reorder .day-action,
table.reorder .drafts-date {
  display: none;
}

.reorder .actions a {
  color: #888 !important;
}

.reorder tr.ui-sortable-helper {
  border: solid #888 1px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.draft-date-tools li.reorder-details {
  display: none;
}

p.reorder-details-shown {
  margin-top: 1em;
}

table.reorder .draft-date-tools li.reorder-details {
  display: inline;
  opacity: 1;
  color: #4b4b4b;
}

.table-index tbody {
  width: 100%;
}

#reorder-form input[type=submit] {
  font-size: 0.94rem;
  height: 38px;
  margin: 0px 15px;
  background: #27bbdd;
  padding: 6px 23px;
  vertical-align: middle;
}

#reorder-form p a {
  cursor: pointer;
  border-radius: 8px;
  color: #fff;
  border-collapse: separate;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.94rem;
  background: #999;
  padding: 9px 23px;
  vertical-align: middle;
}

.mailings div.is-recurring {
  overflow: hidden;
}
.mailings .change-form .form-row p.fieldinfo {
  clear: both;
  margin: 0 0 4px;
  padding: 0;
  -webkit-margin-before: 0;
  text-align: left;
  color: #aaa;
  clear: both;
  font-size: 0.813rem;
}

#changelist-form table.changelist-of-core-mergefile th:nth-child(2) {
  min-width: 85px;
}

p.whereami a.help-button {
  margin-top: 5px;
}

.mailings-compose div.subject-preview-pair {
  margin-top: 8px;
}
.mailings-compose div.subject-preview-pair:first-of-type {
  margin-top: 0;
}
.mailings-compose div.subject-preview-pair a.add-another {
  position: relative;
  top: 23px;
  left: 2px;
  margin: 0 4px 0 3px;
}
.mailings-compose div.subject-preview-pair a.help-button {
  position: relative;
  top: 19px;
  left: -2px;
}
.mailings-compose div.subject-preview-pair input[name=subject] {
  border-bottom: none;
  margin-bottom: 0;
}
.mailings-compose div.subject-preview-pair input[name=preview_text] {
  border-top-style: dashed;
}
.mailings-compose #wrapper_warning {
  display: none;
}
.mailings-compose #id_variation_count {
  width: 60px;
}

.mailing-review {
  /* Cross-browser word-wrap within <pre>; thanks https://developer.mozilla.org/en/CSS/white-space */
  /* proof options */
}
.mailing-review ul.warninglist {
  background: #ffeeee none repeat scroll 0 0;
  margin: 0 0 20px;
  padding: 10px;
  color: #dd0000;
  font-weight: 600;
  line-height: 18px;
  font-family: inherit;
}
.mailing-review ul.warninglist li {
  list-style-type: none;
  margin-left: 5px;
}
.mailing-review ul.warninglist li b {
  font-weight: 600;
}
.mailing-review .edit-recurring {
  padding-right: 8px;
}
.mailing-review #id_scheduled_for_0 {
  width: 140px;
  margin-right: 1em;
}
.mailing-review #id_scheduled_for_1_0,
.mailing-review #id_scheduled_for_1_1 {
  width: auto;
}
.mailing-review #id_scheduled_for_1_1 {
  margin-left: 3px;
}
.mailing-review label[for=id_rebuild_query_at_send] {
  line-height: 20px;
}
.mailing-review select#id_recurring_schedule {
  width: auto;
}
.mailing-review #add_id_recurring_schedule {
  text-indent: -9999px;
}
.mailing-review .highlight pre {
  white-space: pre-wrap;
}
.mailing-review .highlight {
  background: transparent;
  /* padding: 1px 10px 10px; */
}
.mailing-review .highlight pre {
  width: 100%;
  -ms-word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap; /* current browsers */
  padding: 0;
  margin: 0;
}
.mailing-review .mailings p.help.fieldinfo.user_id_list {
  padding-left: 0px;
}
.mailing-review .form-content,
.mailing-review .form-right {
  text-align: left;
}
.mailing-review .fieldinfo {
  clear: both;
  margin: 0 0 14px 120px;
  padding: 0;
  -webkit-margin-before: 0;
  text-align: left;
  color: #aaa;
  clear: both;
}
.mailing-review .theform-value .fieldinfo {
  margin-left: 0;
}
.mailing-review .theform-value .kvp_table .fieldinfo {
  margin-left: 0;
}
.mailing-review .helptext {
  clear: both;
}
.mailing-review .expanded .expander {
  display: none;
}
.mailing-review .schedule-submit-span {
  clear: both;
}
.mailing-review .recurring-rtfm-link {
  display: block;
  clear: both;
}
.mailing-review .save-schedule-and-continue {
  display: inline-block;
}
.mailing-review .help-section {
  display: block !important;
}
.mailing-review .preview-text {
  color: #888;
}

/* MAILING STATS */
.stats-result {
  width: 100%;
}

.stats-section,
.stats-header {
  clear: both;
}

.stats-result td,
.stats-result th {
  border: solid #f2e4cc 1px;
}

.stats-result th.option {
  width: 60%;
}

.reports .generic table#full-report {
  border: 1px solid #e3dee1;
}

.reports .stats-result td,
.reports .stats-result th {
  border: solid #e3dee1 1px;
}

.reports tr.stats-option:hover {
  background-color: #fcf9fb;
}

.reports .generic table th {
  background-color: #f5eef3;
}

.reports tr.stats-averages td,
.reports tr.stats-totals td {
  background-color: #fcf9fb;
}

.reports #sig-calc table tr.selected {
  background-color: #f5eef3;
}

.reports table.stats-result td.table-head {
  background: #b7669b;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.813rem;
  font-weight: bold;
  font-size: 0.813rem;
  line-height: 18px;
  border: 0;
}

th.successes {
  text-align: center;
  cursor: pointer;
}

th.successes.range {
  cursor: default;
}

td.successes {
  text-align: center;
}

.unranked-successes {
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.raised {
  cursor: text !important;
}

.stats-averages,
.stats-totals {
  font-style: italic;
}

tr.stats-option:hover {
  background-color: oldlace;
}

.stats-context-help {
  float: right;
  clear: both;
  font-size: 1.2em;
}

.stats-hidden-help {
  clear: both;
}

.attempts {
  display: none;
}

tr.tall .unranked-successes {
  font-size: 133%;
}

th.range {
  text-align: center;
  width: 20%;
  position: relative;
}

td.range {
  margin: 0px;
  padding: 0px;
  position: relative;
  font-weight: bold;
  vertical-align: top;
}

td.range > div {
  position: absolute;
  margin: 0px;
  padding: 0px;
}

tr.pVal95 td.option,
tr.pVal95 td.successes,
td.pVal95 {
  opacity: 0.5;
  font-weight: normal !important;
}

.stats-aggregate {
  font-style: italic;
}

tr.stats-averages td,
tr.stats-totals td {
  background-color: #f0f0f0;
}

tr.stats-averages,
tr.stats-averages td {
  border-bottom: none !important;
}

tr.stats-totals td {
  border-top: none !important;
}

a.variation-off-button, a.variation-on-button {
  display: inline-block;
  height: 20px;
  width: 50px;
  margin-right: 4px;
  vertical-align: middle;
  text-indent: -9999px;
  border-radius: 5px;
  background-image: url("/media/images/ab-testing-toggle.svg");
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 0 -20px;
  background-color: #ddd;
  margin-top: -1px;
}
a.variation-off-button img, a.variation-on-button img {
  visibility: hidden;
  width: 22px;
}
a.variation-off-button:hover, a.variation-on-button:hover {
  background-position: 0 0px;
  background-color: #ffeacb;
}

a.variation-off-button {
  background-color: #ffeacb;
  background-position: 0 0px;
}
a.variation-off-button:hover {
  background-position: 0 -20px;
  background-color: #ddd;
}

.opacity-greyed {
  opacity: 0.3;
}

img.variation-marker {
  width: 14px;
  height: 14px;
  vertical-align: top;
  position: absolute;
  margin-top: -3px;
  right: 26px;
}

.mailings .form-row.active-variation-field {
  padding-bottom: 0;
}
.mailings .form-row.active-variation-field.active-variation-field a.help-button {
  display: none;
}
.mailings .form-row.variation-row {
  padding-top: 0;
  padding-bottom: 0;
}
.mailings .form-row.variation-row a.help-button {
  display: none;
}
.mailings .form-row.variation-row-last {
  padding-top: 0;
  padding-bottom: 12px;
}
.mailings .form-row.variation-row-last p.fieldinfo.help {
  display: inline-block;
}
.mailings .form-row.variation-row-last a.help-button {
  display: inline-block;
}
.mailings .form-row.fromline-row .variation-row a.add-related {
  display: inline-block;
}
.mailings .form-row.fromline-row .variation-row a.add-related .variation-row-last a.add-related {
  display: inline-block;
}

.preview-variation {
  width: 60px;
  height: 33px;
  padding-top: 4px;
}

.preview_user {
  height: 33px;
  padding-top: 0;
}

.preview_width_container {
  gap: 0;
}

.preview_user_container {
  gap: 4px;
}

.variation-selection-container span {
  margin-top: 6px;
  display: inline-block;
  vertical-align: middle;
}

.preview_user_container button.preview_random {
  padding-top: 4.5px;
  height: 33px;
}

.preview_user_container button.update_preview {
  padding-top: 4.5px;
  height: 33px;
  margin-left: 8px;
}

.preview-buttons .view_preview_desktop,
.preview-buttons .view_preview_mobile,
.preview-buttons .update_std_preview,
.preview-buttons .update_amp_preview {
  margin-top: 2px;
}
.preview-buttons .change-form label.switch {
  margin: 1px 4px 0;
}

/* Bounce/delay warning icons */
.dashboard .delivery_warning {
  float: left;
  max-height: 2em;
  padding-top: 5px;
  padding-right: 7px;
}

@media only screen and (max-width: 699px) {
  .preview_user_container button.update_preview {
    margin-left: 0;
  }
}
input.report_var_entry.param:invalid {
  background-color: #ffeeee;
  color: #dd0000;
  font-weight: 700;
  border: 1px solid #dd0000;
}

.mailings-compose .snippet-list .ui-corner-all,
.mailings-compose .snippet-list .ui-corner-bottom,
.mailings-compose .snippet-list .ui-corner-right,
.mailings-compose .snippet-list .ui-corner-br {
  border-radius: 0;
}
.mailings-compose .snippet-list .ui-state-default,
.mailings-compose .snippet-list .ui-widget-content .ui-state-default,
.mailings-compose .snippet-list .ui-widget-header .ui-state-default {
  background: none;
}
.mailings-compose .snippet-list .ui-dialog {
  padding: 0;
}
.mailings-compose .snippet-list .snippet-list dt {
  text-decoration: none;
}
.mailings-compose .snippet-list .snippet-list dt.folder {
  font-weight: 500;
}
.mailings-compose .snippet-list dt.folder:after,
.mailings-compose .snippet-list .snippet-list dt.folder:after {
  content: "►";
  font-size: 8px;
  vertical-align: 2px;
  white-space: nowrap;
  text-decoration: none;
}
.mailings-compose .snippet-list dt.folder.active:after,
.mailings-compose .snippet-list .snippet-list dt.folder.active:after {
  content: "▼";
  white-space: nowrap;
}
.mailings-compose .snippet-list .ui-widget-header {
  border: 0;
  background: #fff2e0;
  color: #4b4b4b;
  font-weight: 500;
}
.mailings-compose .snippet-list .ui-dialog .ui-dialog-title {
  margin: 3px;
  height: 18px;
  padding: 4px 0 0 16px;
  background: url(/media/images/ak-moveable-dots.svg) no-repeat;
  background-size: 7px;
  background-position: left center;
  font-weight: 600;
}
.mailings-compose .snippet-list .ui-state-default,
.mailings-compose .snippet-list .ui-widget-content .ui-state-default,
.mailings-compose .snippet-list .ui-widget-header .ui-state-default {
  border: 0;
}
.mailings-compose .snippet-list .ui-state-default .ui-icon,
.mailings-compose .snippet-list .ui-widget-header .ui-icon,
.mailings-compose .snippet-list .ui-button-icon-primary .ui-icon .ui-icon-closethick {
  background-image: url(/media/images/ak-close-x.svg);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center;
  opacity: 0.75;
}
.mailings-compose .snippet-list .ui-state-default .ui-icon:hover,
.mailings-compose .snippet-list .ui-widget-header .ui-icon:hover,
.mailings-compose .snippet-list .ui-icon:hover,
.mailings-compose .snippet-list .ui-widget-content .ui-icon:hover,
.mailings-compose .snippet-list .ui-button-icon-primary .ui-icon .ui-icon-closethick:hover {
  opacity: 1;
}
.mailings-compose .snippet-list .ui-widget-content a {
  color: #27bbdd;
}
.mailings-compose .snippet-list .ui-widget-content a:hover {
  color: #009cd1;
}
.mailings-compose .snippet-list .snippet-list dt {
  color: #27bbdd;
}
.mailings-compose .snippet-list .snippet-list dt.folder:hover {
  color: #000;
}
.mailings-compose .snippet-list #snippets dd dt:hover,
.mailings-compose .snippet-list .snippet-list dd dt:hover {
  color: #009cd1;
}
.mailings-compose .snippet-list .ui-widget-content dt {
  color: #27bbdd;
}
.mailings-compose .snippet-list .ui-widget-content dt.folder {
  color: #4b4b4b;
}
.mailings-compose .snippet-list #snippets dd dt,
.mailings-compose .snippet-list .snippet-list dd dt {
  padding: 2px;
  display: block;
}

/* TEXTING */
body.texting .texting-report h2:not(.title-page), body.texting.texting-build h2:not(.title-page), body.texting.texting-history h2:not(.title-page), body.texting.change-form h2:not(.title-page) {
  margin-top: 18px;
  margin-bottom: 0;
}
body.texting .texting-report h2 a.action, body.texting.texting-build h2 a.action, body.texting.texting-history h2 a.action, body.texting.change-form h2 a.action {
  font-weight: normal;
}
body.texting .texting-report .form-row, body.texting.texting-build .form-row, body.texting.texting-history .form-row, body.texting.change-form .form-row {
  border-bottom: 0;
}
body.texting .texting-report .tooltip, body.texting.texting-build .tooltip, body.texting.texting-history .tooltip, body.texting.change-form .tooltip {
  display: none;
}
body.texting .texting-report .tooltipctl, body.texting.texting-build .tooltipctl, body.texting.texting-history .tooltipctl, body.texting.change-form .tooltipctl {
  text-decoration: underline;
}
body.texting .texting-report .tooltipctl:hover, body.texting.texting-build .tooltipctl:hover, body.texting.texting-history .tooltipctl:hover, body.texting.change-form .tooltipctl:hover {
  cursor: pointer;
}
body.texting .texting-report .arrow, body.texting.texting-build .arrow, body.texting.texting-history .arrow, body.texting.change-form .arrow {
  top: 3px;
}
body.texting .texting-report .generic table tr.stats-option td, body.texting.texting-build .generic table tr.stats-option td, body.texting.texting-history .generic table tr.stats-option td, body.texting.change-form .generic table tr.stats-option td {
  line-height: 20px;
}
body.texting .texting-report #id_notes, body.texting.texting-build #id_notes, body.texting.texting-history #id_notes, body.texting.change-form #id_notes {
  padding: 5px 0 5px 6px;
}
body.texting .texting-report #proofs_window fieldset, body.texting.texting-build #proofs_window fieldset, body.texting.texting-history #proofs_window fieldset, body.texting.change-form #proofs_window fieldset {
  border-bottom: none;
}
body.texting .texting-report #proofs_window h2, body.texting.texting-build #proofs_window h2, body.texting.texting-history #proofs_window h2, body.texting.change-form #proofs_window h2 {
  margin-bottom: 0;
}
body.texting .texting-report #proofs_window table, body.texting.texting-build #proofs_window table, body.texting.texting-history #proofs_window table, body.texting.change-form #proofs_window table {
  width: 100%;
  background: #f2f3f8;
  padding-top: 41px;
  border: 0;
}
body.texting .texting-report #proofs_window td, body.texting.texting-build #proofs_window td, body.texting.texting-history #proofs_window td, body.texting.change-form #proofs_window td {
  padding-top: 8px;
  padding-bottom: 8px;
}
body.texting .texting-report table, body.texting.texting-build table, body.texting.texting-history table, body.texting.change-form table {
  border: 1px solid #292d53;
}
body.texting .texting-report table th,
body.texting .texting-report table td,
body.texting .texting-report table tr, body.texting.texting-build table th,
body.texting.texting-build table td,
body.texting.texting-build table tr, body.texting.texting-history table th,
body.texting.texting-history table td,
body.texting.texting-history table tr, body.texting.change-form table th,
body.texting.change-form table td,
body.texting.change-form table tr {
  padding: 2px 0;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table th,
  body.texting .texting-report table td,
  body.texting .texting-report table tr, body.texting.texting-build table th,
  body.texting.texting-build table td,
  body.texting.texting-build table tr, body.texting.texting-history table th,
  body.texting.texting-history table td,
  body.texting.texting-history table tr, body.texting.change-form table th,
  body.texting.change-form table td,
  body.texting.change-form table tr {
    padding: 4px 2px;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table th,
  body.texting .texting-report table td,
  body.texting .texting-report table tr, body.texting.texting-build table th,
  body.texting.texting-build table td,
  body.texting.texting-build table tr, body.texting.texting-history table th,
  body.texting.texting-history table td,
  body.texting.texting-history table tr, body.texting.change-form table th,
  body.texting.change-form table td,
  body.texting.change-form table tr {
    padding: 4px 10px;
  }
}
body.texting .texting-report table th, body.texting.texting-build table th, body.texting.texting-history table th, body.texting.change-form table th {
  background: #f2f3f8;
}
body.texting .texting-report table tr.summary-row td, body.texting.texting-build table tr.summary-row td, body.texting.texting-history table tr.summary-row td, body.texting.change-form table tr.summary-row td {
  background: #f2f3f8;
}
body.texting .texting-report table tr, body.texting.texting-build table tr, body.texting.texting-history table tr, body.texting.change-form table tr {
  border-bottom: 1px solid #292d53;
}
body.texting .texting-report table td:last-of-type, body.texting.texting-build table td:last-of-type, body.texting.texting-history table td:last-of-type, body.texting.change-form table td:last-of-type {
  border-right: 1px solid #292d53;
}
body.texting .texting-report table td.table-head, body.texting.texting-build table td.table-head, body.texting.texting-history table td.table-head, body.texting.change-form table td.table-head {
  background: #d1d4e5;
  text-transform: uppercase;
  font-size: 0.813rem;
  font-weight: bold;
  padding: 0;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table td.table-head, body.texting.texting-build table td.table-head, body.texting.texting-history table td.table-head, body.texting.change-form table td.table-head {
    padding: 4px 2px;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table td.table-head, body.texting.texting-build table td.table-head, body.texting.texting-history table td.table-head, body.texting.change-form table td.table-head {
    padding: 4px 10px;
  }
}
body.texting .texting-report table.detail-table, body.texting.texting-build table.detail-table, body.texting.texting-history table.detail-table, body.texting.change-form table.detail-table {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #292d53;
}
body.texting .texting-report table.detail-table th:first-child,
body.texting .texting-report table.detail-table body table.detail-table th, body.texting.texting-build table.detail-table th:first-child,
body.texting.texting-build table.detail-table body table.detail-table th, body.texting.texting-history table.detail-table th:first-child,
body.texting.texting-history table.detail-table body table.detail-table th, body.texting.change-form table.detail-table th:first-child,
body.texting.change-form table.detail-table body table.detail-table th {
  background: #f2f3f8;
}
body.texting .texting-report table.detail-table td,
body.texting .texting-report table.detail-table th, body.texting.texting-build table.detail-table td,
body.texting.texting-build table.detail-table th, body.texting.texting-history table.detail-table td,
body.texting.texting-history table.detail-table th, body.texting.change-form table.detail-table td,
body.texting.change-form table.detail-table th {
  border: 1px solid #292d53;
  text-align: left;
  font-size: 0.813rem;
  padding: 2x 0px;
}
body.texting .texting-report table.detail-table td:first-child,
body.texting .texting-report table.detail-table th:first-child, body.texting.texting-build table.detail-table td:first-child,
body.texting.texting-build table.detail-table th:first-child, body.texting.texting-history table.detail-table td:first-child,
body.texting.texting-history table.detail-table th:first-child, body.texting.change-form table.detail-table td:first-child,
body.texting.change-form table.detail-table th:first-child {
  width: auto;
  max-width: 200px;
  overflow-wrap: break-word;
  line-height: 17px;
  min-width: 60px;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.detail-table td:first-child,
  body.texting .texting-report table.detail-table th:first-child, body.texting.texting-build table.detail-table td:first-child,
  body.texting.texting-build table.detail-table th:first-child, body.texting.texting-history table.detail-table td:first-child,
  body.texting.texting-history table.detail-table th:first-child, body.texting.change-form table.detail-table td:first-child,
  body.texting.change-form table.detail-table th:first-child {
    line-height: 20px;
    max-width: 380px;
    width: auto;
    min-width: 100px;
  }
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.detail-table td,
  body.texting .texting-report table.detail-table th, body.texting.texting-build table.detail-table td,
  body.texting.texting-build table.detail-table th, body.texting.texting-history table.detail-table td,
  body.texting.texting-history table.detail-table th, body.texting.change-form table.detail-table td,
  body.texting.change-form table.detail-table th {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table.detail-table td,
  body.texting .texting-report table.detail-table th, body.texting.texting-build table.detail-table td,
  body.texting.texting-build table.detail-table th, body.texting.texting-history table.detail-table td,
  body.texting.texting-history table.detail-table th, body.texting.change-form table.detail-table td,
  body.texting.change-form table.detail-table th {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.texting .texting-report table.detail-table td.table-head, body.texting.texting-build table.detail-table td.table-head, body.texting.texting-history table.detail-table td.table-head, body.texting.change-form table.detail-table td.table-head {
  background: #d1d4e5;
  text-transform: uppercase;
  font-size: 0.813rem;
  font-weight: bold;
  padding: 2px 0 0 0;
  line-height: 18px;
  border: 0;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.detail-table td.table-head, body.texting.texting-build table.detail-table td.table-head, body.texting.texting-history table.detail-table td.table-head, body.texting.change-form table.detail-table td.table-head {
    padding: 4px 2px;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table.detail-table td.table-head, body.texting.texting-build table.detail-table td.table-head, body.texting.texting-history table.detail-table td.table-head, body.texting.change-form table.detail-table td.table-head {
    padding: 4px 10px;
  }
}
body.texting .texting-report table.detail-table td.table-head:first-child,
body.texting .texting-report table.detail-table + table.detail-table, body.texting.texting-build table.detail-table td.table-head:first-child,
body.texting.texting-build table.detail-table + table.detail-table, body.texting.texting-history table.detail-table td.table-head:first-child,
body.texting.texting-history table.detail-table + table.detail-table, body.texting.change-form table.detail-table td.table-head:first-child,
body.texting.change-form table.detail-table + table.detail-table {
  margin-top: 0;
}
body.texting .texting-report table.detail-table.recurring-series, body.texting.texting-build table.detail-table.recurring-series, body.texting.texting-history table.detail-table.recurring-series, body.texting.change-form table.detail-table.recurring-series {
  margin-top: 0;
}
body.texting .texting-report table.stats-result, body.texting.texting-build table.stats-result, body.texting.texting-history table.stats-result, body.texting.change-form table.stats-result {
  margin-top: 20px;
  border: 1px solid #292d53;
}
body.texting .texting-report table.stats-result th.option,
body.texting .texting-report table.stats-result th.attempts,
body.texting .texting-report table.stats-result th.successes, body.texting.texting-build table.stats-result th.option,
body.texting.texting-build table.stats-result th.attempts,
body.texting.texting-build table.stats-result th.successes, body.texting.texting-history table.stats-result th.option,
body.texting.texting-history table.stats-result th.attempts,
body.texting.texting-history table.stats-result th.successes, body.texting.change-form table.stats-result th.option,
body.texting.change-form table.stats-result th.attempts,
body.texting.change-form table.stats-result th.successes {
  background: #f2f3f8;
  line-height: 20px;
}
body.texting .texting-report table.stats-result th:first-of-type, body.texting.texting-build table.stats-result th:first-of-type, body.texting.texting-history table.stats-result th:first-of-type, body.texting.change-form table.stats-result th:first-of-type {
  text-align: left;
}
body.texting .texting-report table.stats-result th,
body.texting .texting-report table.stats-result tr.stats-averages,
body.texting .texting-report table.stats-result tr.stats-averages td,
body.texting .texting-report table.stats-result tr.stats-totals,
body.texting .texting-report table.stats-result tr.stats-totals td, body.texting.texting-build table.stats-result th,
body.texting.texting-build table.stats-result tr.stats-averages,
body.texting.texting-build table.stats-result tr.stats-averages td,
body.texting.texting-build table.stats-result tr.stats-totals,
body.texting.texting-build table.stats-result tr.stats-totals td, body.texting.texting-history table.stats-result th,
body.texting.texting-history table.stats-result tr.stats-averages,
body.texting.texting-history table.stats-result tr.stats-averages td,
body.texting.texting-history table.stats-result tr.stats-totals,
body.texting.texting-history table.stats-result tr.stats-totals td, body.texting.change-form table.stats-result th,
body.texting.change-form table.stats-result tr.stats-averages,
body.texting.change-form table.stats-result tr.stats-averages td,
body.texting.change-form table.stats-result tr.stats-totals,
body.texting.change-form table.stats-result tr.stats-totals td {
  border: solid #292d53 1px;
  background: #fbfcfd;
  font-size: 0.813rem;
  padding: 2x 0px;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.stats-result th,
  body.texting .texting-report table.stats-result tr.stats-averages,
  body.texting .texting-report table.stats-result tr.stats-averages td,
  body.texting .texting-report table.stats-result tr.stats-totals,
  body.texting .texting-report table.stats-result tr.stats-totals td, body.texting.texting-build table.stats-result th,
  body.texting.texting-build table.stats-result tr.stats-averages,
  body.texting.texting-build table.stats-result tr.stats-averages td,
  body.texting.texting-build table.stats-result tr.stats-totals,
  body.texting.texting-build table.stats-result tr.stats-totals td, body.texting.texting-history table.stats-result th,
  body.texting.texting-history table.stats-result tr.stats-averages,
  body.texting.texting-history table.stats-result tr.stats-averages td,
  body.texting.texting-history table.stats-result tr.stats-totals,
  body.texting.texting-history table.stats-result tr.stats-totals td, body.texting.change-form table.stats-result th,
  body.texting.change-form table.stats-result tr.stats-averages,
  body.texting.change-form table.stats-result tr.stats-averages td,
  body.texting.change-form table.stats-result tr.stats-totals,
  body.texting.change-form table.stats-result tr.stats-totals td {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table.stats-result th,
  body.texting .texting-report table.stats-result tr.stats-averages,
  body.texting .texting-report table.stats-result tr.stats-averages td,
  body.texting .texting-report table.stats-result tr.stats-totals,
  body.texting .texting-report table.stats-result tr.stats-totals td, body.texting.texting-build table.stats-result th,
  body.texting.texting-build table.stats-result tr.stats-averages,
  body.texting.texting-build table.stats-result tr.stats-averages td,
  body.texting.texting-build table.stats-result tr.stats-totals,
  body.texting.texting-build table.stats-result tr.stats-totals td, body.texting.texting-history table.stats-result th,
  body.texting.texting-history table.stats-result tr.stats-averages,
  body.texting.texting-history table.stats-result tr.stats-averages td,
  body.texting.texting-history table.stats-result tr.stats-totals,
  body.texting.texting-history table.stats-result tr.stats-totals td, body.texting.change-form table.stats-result th,
  body.texting.change-form table.stats-result tr.stats-averages,
  body.texting.change-form table.stats-result tr.stats-averages td,
  body.texting.change-form table.stats-result tr.stats-totals,
  body.texting.change-form table.stats-result tr.stats-totals td {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.texting .texting-report table.stats-result td, body.texting.texting-build table.stats-result td, body.texting.texting-history table.stats-result td, body.texting.change-form table.stats-result td {
  padding: 2px 0;
  font-size: 0.813rem;
  top: -3px;
}
body.texting .texting-report table.stats-result td:first-child, body.texting.texting-build table.stats-result td:first-child, body.texting.texting-history table.stats-result td:first-child, body.texting.change-form table.stats-result td:first-child {
  max-width: 200px;
  word-break: break-all;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.stats-result td, body.texting.texting-build table.stats-result td, body.texting.texting-history table.stats-result td, body.texting.change-form table.stats-result td {
    padding: 4px 2px;
    font-size: 0.877rem;
    max-width: 380px;
    width: auto;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table.stats-result td, body.texting.texting-build table.stats-result td, body.texting.texting-history table.stats-result td, body.texting.change-form table.stats-result td {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.texting .texting-report table.stats-result td.successes, body.texting.texting-build table.stats-result td.successes, body.texting.texting-history table.stats-result td.successes, body.texting.change-form table.stats-result td.successes {
  padding: 2px 0;
  font-size: 0.813rem;
  padding: 2x 0px;
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.stats-result td.successes, body.texting.texting-build table.stats-result td.successes, body.texting.texting-history table.stats-result td.successes, body.texting.change-form table.stats-result td.successes {
    padding: 2px 0;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table.stats-result td.successes, body.texting.texting-build table.stats-result td.successes, body.texting.texting-history table.stats-result td.successes, body.texting.change-form table.stats-result td.successes {
    padding: 2px 0;
    font-size: 0.94rem;
  }
}
@media only screen and (min-width: 499px) {
  body.texting .texting-report table.stats-result td.successes, body.texting.texting-build table.stats-result td.successes, body.texting.texting-history table.stats-result td.successes, body.texting.change-form table.stats-result td.successes {
    padding: 4px 2px;
    font-size: 0.877rem;
  }
}
@media only screen and (min-width: 799px) {
  body.texting .texting-report table.stats-result td.successes, body.texting.texting-build table.stats-result td.successes, body.texting.texting-history table.stats-result td.successes, body.texting.change-form table.stats-result td.successes {
    padding: 4px 10px;
    font-size: 0.94rem;
  }
}
body.texting .texting-report table.stats-result td.range, body.texting.texting-build table.stats-result td.range, body.texting.texting-history table.stats-result td.range, body.texting.change-form table.stats-result td.range {
  padding: 0;
}
body.texting .texting-report table.stats-result td.table-head, body.texting.texting-build table.stats-result td.table-head, body.texting.texting-history table.stats-result td.table-head, body.texting.change-form table.stats-result td.table-head {
  font-size: 0.813rem;
  line-height: 18px;
  border: 0;
}
body.texting #preview_user_container button#id_update_preview {
  padding-top: 8px;
}

.texting-review #id_scheduled_for_0 {
  width: 140px;
  margin-right: 1em;
}
.texting-review #id_scheduled_for_1_0,
.texting-review #id_scheduled_for_1_1 {
  width: auto;
}
.texting-review #id_scheduled_for_1_1 {
  margin-left: 3px;
}

.pages fieldset {
  border: 0;
}
.pages textarea#id_field_regex,
.pages textarea#id_field_default {
  width: 300px;
  height: 38px;
  vertical-align: top;
}
.pages #allowedpagefield_form input[readonly],
.pages #allowedmailingfield_form input[readonly],
.pages #alloweduserfield_form input[readonly] {
  border: none;
  background: transparent;
  color: black;
}
.pages .changelist-table.changelist-of-core-allowedpagefield tr > td:nth-child(3) {
  max-width: 200px;
}
.pages.events-campaign .form-row input[type=checkbox] ~ span {
  margin-top: -24px;
}
.pages.events-campaign .form-row.show_address1 input[type=checkbox] ~ span, .pages.events-campaign .form-row.public_create_page input[type=checkbox] ~ span {
  width: 100%;
}

body.events-customemailgroup .inline-related h3 {
  border-bottom: 0;
  padding: 6px 0 9px;
  font-size: 1.125rem;
  font-weight: 400;
}
body.events-customemailgroup .inline-related h3 b {
  font-weight: 200;
}
body.events-customemailgroup .inline-related h3 span.delete {
  margin-top: 0;
}
body.events-customemailgroup .inline-related h3 span.delete label {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  margin-left: 0;
}
body.events-customemailgroup .inline-related.dynamic-customemail_set {
  padding: 2px 6px;
}
body.events-customemailgroup .inline-related.dynamic-customemail_set:nth-child(odd) {
  background: #f9faf6;
}
body.events-customemailgroup .inline-related.dynamic-customemail_set:nth-child(even) {
  background: #eef3e8;
}
body.events-customemailgroup .inline-group h2 {
  margin: 24px 0 0 0;
}
body.events-customemailgroup .inline-group div.add-row {
  border-bottom: 0;
  margin-top: 5px;
}

body.core-donationhpcrule div.tabular.inline-related.last-related table th {
  text-align: left;
}
body.core-donationhpcrule .generic table {
  border: 0;
}
body.core-donationhpcrule .generic table tr {
  border-bottom: 0;
}
body.core-donationhpcrule .generic table tr th {
  background: #fff;
}
body.core-donationhpcrule .generic table tr input[type=text] {
  width: 40%;
}
@media only screen and (min-width: 599px) {
  body.core-donationhpcrule .generic table tr input[type=text] {
    width: 60%;
    max-width: 120px;
  }
}
body.core-donationhpcrule .generic table tr td:nth-of-type(1) {
  width: 0;
}
body.core-donationhpcrule .generic table tr td:nth-of-type(2) {
  width: 42%;
}
@media only screen and (min-width: 799px) {
  body.core-donationhpcrule .generic table tr td:nth-of-type(2) {
    width: 32%;
  }
}
body.core-donationhpcrule .generic table tr td:nth-of-type(3) {
  width: 42%;
}
@media only screen and (min-width: 799px) {
  body.core-donationhpcrule .generic table tr td:nth-of-type(3) {
    width: 32%;
  }
}
body.core-donationhpcrule .generic table tr td.delete {
  width: 16%;
}
@media only screen and (min-width: 799px) {
  body.core-donationhpcrule .generic table tr td.delete {
    width: 34%;
  }
}
body.core-donationhpcrule .generic table tr td.delete input[type=checkbox],
body.core-donationhpcrule .generic table tr td.delete div a.inline-deletelink {
  margin-top: 12px;
  margin-left: 22px;
  float: left;
}
body.core-donationhpcrule .generic table tr.add-row td {
  padding-left: 20%;
  padding-top: 10px;
}
body.core-donationhpcrule .generic table tr td,
body.core-donationhpcrule .inline-group .tabular tr.has_original td {
  padding: 4px 0 0;
}
body.core-donationhpcrule div.tabular.inline-related.last-related table th:nth-of-type(2) {
  padding-left: 50px;
}
@media only screen and (min-width: 799px) {
  body.core-donationhpcrule div.tabular.inline-related.last-related table th:nth-of-type(2) {
    padding-left: 70px;
  }
}
body.core-donationhpcrule div.tabular.inline-related.last-related table th:last-of-type,
body.core-donationhpcrule div.tabular.inline-related.last-related table td:last-of-type {
  text-align: left;
}
body.core-donationhpcrule div.tabular.inline-related.last-related table th:first-of-type,
body.core-donationhpcrule div.tabular.inline-related.last-related table td:nth-of-type(2) {
  text-align: right;
}
body.core-donationhpcrule span.currencySymbol {
  color: #4b4b4b;
  width: 50px;
  text-align: right;
  display: inline-block;
  margin: 3px 0;
}
@media only screen and (min-width: 799px) {
  body.core-donationhpcrule span.currencySymbol {
    width: 70px;
  }
}

.expand-arrow {
  display: inline-block;
  transition: transform 0.1s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.expand-arrow:before {
  content: "▶";
}
.expand-arrow:before:hover {
  color: #27bbdd;
}
.expand-arrow.expanded {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#target-group-info #details ul#target-list li a {
  font-size: 0.94rem;
  color: #27bbdd;
}
#target-group-info #details li:nth-child(odd) {
  background: rgba(102, 141, 36, 0.11);
}
#target-group-info #details li:nth-child(even) {
  background: rgba(102, 141, 36, 0.04);
}
#target-group-info #details li {
  padding: 2px 5px;
}
#target-group-info #details .expand-arrow {
  font-size: 0.75rem;
}
#target-group-info #details h2:hover {
  cursor: pointer;
  color: #27bbdd;
}
#target-group-info .count p {
  background: rgba(102, 141, 36, 0.11);
  padding: 12px 10px;
}

.push-endpoint hr.divider {
  border: 0;
  border-top: 1px solid #aaa;
  margin: 20px 0;
}
.push-endpoint #status_holder {
  display: inline-block;
  padding: 7px 18px 7px 30px;
}
.push-endpoint #status_holder.confirmed {
  background-color: rgba(102, 141, 36, 0.2);
  background-image: url("/media/images/checkmark-green.svg");
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: 14px center;
  color: #668d24;
  font-weight: 600;
  padding-left: 35px;
}
.push-endpoint #status_holder.unconfirmed {
  color: #d00;
  background-color: #ffeeee;
  background-image: url("/media/images/x-red.svg");
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: 13px center;
  font-weight: 600;
  padding-left: 35px;
}
.push-endpoint #id_test_result {
  padding: 6px 12px;
  display: inline-block;
}
.push-endpoint #id_unconfirmed_warning {
  background-color: rgba(254, 172, 31, 0.15);
  background-image: url("/media/images/alert_warning_32.svg");
  background-repeat: no-repeat;
  background-position: 20px 45%;
}
.push-endpoint #id_unconfirmed_warning p.error {
  font-weight: 600;
}
.push-endpoint #id_unconfirmed_warning > div {
  padding: 10px 10px 10px 70px;
}
.push-endpoint #id_unconfirmed_warning p.error {
  background: none;
}
.push-endpoint #id_page_specific {
  background-color: rgba(0, 92, 111, 0.15);
  background-image: url("/media/images/alert_info_32.svg");
  background-repeat: no-repeat;
  background-position: 20px center;
}
.push-endpoint #id_page_specific > div {
  padding: 10px 10px 10px 70px;
}

/* Copy of the "warning" message style */
#fieldset-push-api .description {
  background: rgba(254, 172, 31, 0.15) url(/media/images/alert_warning_32.png) 20px 12px no-repeat;
  padding: 10px 15px 10px 65px;
  min-height: 42px;
  margin-bottom: 15px;
  margin-top: -4px;
}

.dashboard.support .doc-level-1 {
  font-size: 1.125rem;
  font-weight: 600;
  padding: 8px 0 2px;
}
.dashboard.support .doc-level-2 {
  padding: 2px 0 2px 25px;
}
.dashboard.support .tabbed-section .tabs label {
  margin: 0;
  color: #4b4b4b;
}
.dashboard.support .tabbed-section .tabs label:hover {
  text-decoration: none;
  cursor: default;
}
.dashboard.support .tabbed-section .item {
  padding: 2px 15px 12px;
}

.users .change-form .form-row p,
.core-user .form-row p {
  font-size: 0.94rem;
  margin: 7px 0 5px;
}
.users .change-form .form-row p.field-contents,
.core-user .form-row p.field-contents {
  color: #4b4b4b;
}

.users .tfa label {
  text-align: left;
  width: 100px;
  display: inline-block;
}

.users .tfa h1 {
  font-size: 1.5rem;
  font-weight: 200;
  margin: 20px 0 0 0;
  font-style: normal;
  border-bottom: 1px solid #999;
}

.users #phone_set-group table {
  border-collapse: initial;
}

span.previous-link {
  display: inline-block;
  background: url("/media/images/prev_icon_inactive.svg") right top;
  background-size: 18px 38px;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  text-indent: 16px;
  color: #999;
}

span.next-link {
  display: inline-block;
  background: url("/media/images/next_icon_inactive.svg") right top;
  background-size: 18px 38px;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-right: 16px;
  color: #999;
}

a.previous-link {
  display: inline-block;
  background: url("/media/images/prev_icon.svg") right top;
  background-size: 18px 38px;
  background-position: left 1px;
  background-repeat: no-repeat;
  text-indent: 16px;
}

a.next-link {
  display: inline-block;
  background: url("/media/images/next_icon.svg") right top;
  background-size: 18px 38px;
  background-position: right 1px;
  background-repeat: no-repeat;
  padding-right: 16px;
}

a.next-link:hover {
  background-position: right bottom;
}

a.previous-link:hover {
  background-position: left bottom;
}

body.users .donation-summary-table {
  margin-bottom: 7px;
}
body.users.support-help .generic h2:not(.title-page) {
  margin-bottom: 0;
}

/* admin/orderrecurring */
body.recurring_donation div.others {
  float: right;
  background: #fff;
  width: 50%;
  padding: 0 0 20px 20px;
}
body.recurring_donation h2:not(.title-page) {
  margin: 18px 0 0;
}
body.recurring_donation .generic table th {
  text-align: left;
  background: #ebf2f4;
}
body.recurring_donation .collapsible-bottom-border + .fieldset-contents {
  padding-top: 0;
}
body.recurring_donation table.detail-table th:first-child {
  width: 80px;
}
@media only screen and (min-width: 599px) {
  body.recurring_donation table.detail-table th:first-child {
    width: 160px;
  }
}

span.has-file-upload {
  background-image: url(/media/admin/img/paperclip.svg);
  background-repeat: no-repeat;
  padding-left: 16px;
  background-size: 14px;
  background-position: 0 4px;
}

@media (max-width: 600px) {
  span.has-file-upload {
    padding-left: 14px;
    background-size: 12px;
    background-position: 0 3px;
    margin-left: 0;
  }
}
body.uploader.users #errors {
  text-align: left;
  max-width: 450px;
}
body.uploader.users #no_errors {
  font-size: 15px;
}
body.uploader.users #errors_label {
  font-size: large;
}
body.uploader.users .content .error {
  padding: 0 0 3px;
}
body.uploader.users .content .error table {
  width: 100%;
  margin: 0 auto;
  border: 0;
  background: #ffeeee;
}
body.uploader.users .generic .error table tr {
  border-bottom: 0;
}
body.uploader.users .content .error table tr {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}
body.uploader.users .content .error table td {
  padding: 3px;
  margin: 0px;
  vertical-align: top;
}
body.uploader.users .content .error img {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}
body.uploader.users .error-message {
  font-weight: bold;
}
body.uploader.users .error-details table {
  border: 0px;
  width: 80%;
}
body.uploader.users .error-details table tr td:first-child {
  font-weight: 700;
  width: 80px;
}
body.uploader.users #warning_label {
  font-size: large;
}
body.uploader.users .warning {
  padding: 5px;
}
body.uploader.users .warning table {
  border: 2px solid #f4da5b;
  width: 100%;
}
body.uploader.users .warning table tr {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}
body.uploader.users .warning table td {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}
body.uploader.users .warning img {
  padding-left: 0;
  padding-right: 2px;
  padding-top: 0px;
}
body.uploader.users .warning-message {
  font-weight: bold;
}
body.uploader.users .warning-details table {
  border: 0px;
  width: 80%;
}
body.uploader.users .warning-details table tr td:first-child {
  background-color: #ddd;
  width: 80px;
}
body.uploader.users #progress_box {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 10px;
}
body.uploader.users #progress_box table {
  font-size: 15px;
  line-height: 14px;
  border: 0;
}
body.uploader.users #progress_box .undertable td {
  background: #fff;
  padding: 0;
}
body.uploader.users #progress_box #status_table,
body.uploader.users #progress_box .undertable {
  width: 366px;
  max-width: 100%;
}
@media only screen and (min-width: 499px) {
  body.uploader.users #progress_box #status_table,
  body.uploader.users #progress_box .undertable {
    width: 456px;
  }
}
body.uploader.users #progress_box table tr {
  background: #ebf2f4;
  margin: 2px;
  border: 2px #ffffff solid;
}
body.uploader.users #progress_box table tr td {
  padding: 10px 8px;
}
body.uploader.users #progress_box table tr:nth-child(2n) {
  background: #f5f9f9;
}
body.uploader.users #progress_box table tr th {
  text-align: right;
  background: #c0d6db;
  width: 40%;
  font-weight: 600;
}
body.uploader.users #status_table td {
  padding: 4px;
}
body.uploader.users #stop_link a {
  font-size: 0.813rem;
  height: 21px;
  color: #009cd1;
  background: #fff;
  padding: 3px 10px;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-left: 0px;
  display: inline-block;
  border: 1px solid #27bbdd;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
  margin-top: 8px;
  line-height: 1;
}
body.uploader.users #stop_link a:hover {
  color: #fff;
  background: #009cd1;
  border: #009cd1;
}
body.uploader.users #progress_bar {
  width: 402px;
  max-width: 100%;
}
@media only screen and (min-width: 499px) {
  body.uploader.users #progress_bar {
    width: 502px;
  }
}

.reports div.content.generic {
  overflow: visible;
}
.reports .tab-contents p.instructions {
  margin-left: 15px;
}
.reports #warnings {
  background: #fee;
  padding: 0.5rem 1rem;
}
.reports #warnings h2 {
  color: #d00;
  border-bottom: 1px solid #d00;
}

p#report_result table {
  background: #fff;
}

#id_email_always_csv div label {
  float: none;
}

/* Home tab Layout */
.home {
  /*Colors*/
}
.home .tabbed-section .tabs label {
  font-weight: 200;
}
.home .generic h4 {
  margin: 0;
  padding: 0;
}
.home .header .byline a:hover {
  color: #4b4b4b;
}
.home .main-menu li a:hover {
  background: #777;
  color: #fff;
}
.home .main-menu li a.active {
  background: #777;
}
.home .main-menu li a {
  transition: background 0.4s ease;
}
.home .mobile-show h3.recently-opened {
  /*padding-top:30px;*/
}
.home .left-column.generic {
  width: 100%;
}
@media only screen and (min-width: 599px) {
  .home .left-column.generic {
    width: 48%;
    float: left;
  }
}
.home .sidebar.generic {
  width: 100%;
}
@media only screen and (min-width: 599px) {
  .home .sidebar.generic {
    width: 47%;
    float: right;
  }
}
.home .row {
  overflow: auto;
}
.home .row + .row {
  padding-top: 0px;
}
@media only screen and (min-width: 499px) {
  .home .row + .row {
    margin-top: 30px;
  }
}
.home .box-search-mobile {
  margin-bottom: 30px;
}
.home .inventory ul li em,
.home .inventory ul li em span {
  font-weight: 600;
  font-style: normal;
}
.home span.empty {
  font-weight: 200 !important;
  margin: 0;
  padding: 0;
}
.home h3.title-section {
  margin: 0 0 6px 0;
}
.home h3.title-section label {
  margin: 0;
}
.home .box-tools p {
  padding: 0;
}
.home .box-progress > .report-container {
  background: #fcf9fb;
  padding: 4px 15px;
}
.home .box.box-progress.inventory ul li {
  padding: 6px 0;
  font-weight: 300;
}
.home .actionkit-tools {
  /* display: block;	*/
}
@media only screen and (min-width: 499px) {
  .home .actionkit-tools,
  .home .recent-list.mobile-show,
  .home #id_multilingualcampaigns,
  .home #id_pages {
    /*    display: none; */
  }
}
.home .recent-list ul li {
  padding: 0;
}
.home .inventory ul li {
  overflow: auto;
  clear: both;
}
.home .inventory ul li span {
  font-size: 0.94rem;
  font-weight: 300;
}
.home .inventory ul li h4 span {
  font-weight: 600;
}
.home .inventory ul li p.status {
  float: left;
}
.home .box {
  width: 100%;
  float: none;
}
.home p.more {
  clear: both;
  padding-left: 15px;
}
.home p.more a {
  color: #999;
  text-transform: uppercase;
  font-size: 0.813rem;
}
.home p.more a:hover {
  text-decoration: underline;
}
.home .home-mailings ul li {
  background: #fff9f0;
}
.home .home-pages ul li {
  background: #eef3e8;
}
.home .home-reports ul li {
  background: #fcf9fb;
}
.home .inventory {
  width: 100%;
  padding: 0 0 35px;
}
@media only screen and (min-width: 599px) {
  .home .inventory {
    padding: 0 0 20px;
  }
}
.home .title-section {
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
@media only screen and (min-width: 499px) {
  .home .title-section {
    height: auto;
    font-size: 0.813rem;
  }
}
@media only screen and (min-width: 799px) {
  .home .title-section {
    height: auto;
    font-size: 0.94rem;
  }
}
.home .title-section label {
  float: none;
  font-weight: 200;
}
@media only screen and (min-width: 499px) {
  .home .title-section label {
    font-size: 0.813rem;
  }
}
@media only screen and (min-width: 799px) {
  .home .title-section label {
    font-size: 0.94rem;
  }
}
.home div.recent-list p a {
  padding: 10px 15px;
  display: block;
  background: #f7f7f7;
  margin-bottom: 2px;
  font-weight: 600;
}
.home div.recent-list p a.mailings {
  color: #feac1f;
}
.home div.recent-list p a.reports {
  color: #914675;
}
.home div.recent-list p a.pages {
  color: #668d24;
}
.home .inventory a:hover {
  text-decoration: underline;
}
.home .box ul li {
  margin-bottom: 2px;
  padding: 10px 15px;
}
.home .action {
  float: right;
  position: relative;
  top: 6px;
  line-height: 0.94rem;
  font-size: 0.813rem;
}
.home .actionkit-tools ul li.addpage a {
  background: #668d24;
  transition: background 0.1s ease;
}
.home .actionkit-tools ul li.addpage a:hover {
  background: #75a228;
  text-decoration: none;
}
.home .actionkit-tools ul li.addmailings a {
  background: #feac1f;
  transition: background 0.1s ease;
}
.home .actionkit-tools ul li.addmailings a:hover {
  background: #fec162;
  text-decoration: none;
}
.home .actionkit-tools ul li.searchmembers a {
  background: #005c6f;
  transition: background 0.1s ease;
}
.home .actionkit-tools ul li.searchmembers a:hover {
  background: #067288;
  text-decoration: none;
}
.home .actionkit-tools ul li.searchstaff a {
  background: #677d8a;
  transition: background 0.1s ease;
}
.home .actionkit-tools ul li.searchstaff a:hover {
  background: #7a8f9b;
  text-decoration: none;
}
.home .actionkit-tools ul li.getsupport a {
  background: #f4642f;
  transition: background 0.1s ease;
}
.home .actionkit-tools ul li.getsupport a:hover {
  background: #f57c55;
  text-decoration: none;
}
.home .actionkit-tools ul li.runreports a {
  background: #914675;
  transition: background 0.1s ease;
}
.home .actionkit-tools ul li.runreports a:hover {
  background: #b56999;
  text-decoration: none;
}
.home .actionkit-tools ul li a {
  color: white;
}

body.login hr {
  border: 0;
  display: none;
}

body.login .tfa .next_button {
  text-align: center;
}

body.login .tfa label {
  min-width: 160px;
}

body.login .tfa .next_button button {
  margin: 0 auto;
}

h1.registration {
  padding-top: 40px;
}

.tfa .content {
  overflow: visible;
}
.tfa p,
.tfa form table {
  margin: 8px 0;
}
.tfa #id_trust_agent {
  margin-bottom: 2px;
}
.tfa p.button-left-margin {
  margin-left: 130px;
}
.tfa .hidden_submit {
  margin-left: -500px;
  height: 0px;
}
.tfa ul.errorlist {
  margin: 20px 0 8px;
}
.tfa label {
  display: inline-block;
  padding: 8.25px 12px 0 0;
  text-align: left;
  min-width: 100px;
}
@media only screen and (min-width: 499px) {
  .tfa label {
    text-align: right;
  }
}
.tfa input {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .tfa input {
    width: auto;
  }
}
@media only screen and (min-width: 499px) {
  .tfa .forgot-password {
    margin-left: 160px;
  }
}
.tfa .pull-right {
  float: right;
}
.tfa th,
.tfa td {
  vertical-align: top;
}

#x_clear_image {
  text-transform: uppercase;
  text-decoration: underline;
  color: #999;
}

#x_clear_image:hover {
  cursor: pointer;
}

#preview_facebook {
  max-width: 100%;
  height: auto;
  color: #141823;
  border: 1px solid;
  border-color: #e9eaed #e9eaed #d1d1d1;
  /*Editors*/
}
#preview_facebook .preview-facebook-text {
  padding: 10px;
  position: relative;
}
#preview_facebook #preview_title,
#preview_facebook p {
  text-decoration: none;
  border: none;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: 400;
}
#preview_facebook #preview_title,
#preview_facebook #preview_title_editor {
  color: #141823;
  font-family: Georgia, "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin: 0px;
}
#preview_facebook #preview_description,
#preview_facebook #preview_url,
#preview_facebook #preview_description_editor {
  color: #141823;
  font-family: Helvetica;
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
}
#preview_facebook #preview_url {
  color: #9197a3;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  margin-top: 3px;
  margin-bottom: -2px;
}
#preview_facebook #preview_title_editor,
#preview_facebook #preview_description_editor {
  width: 100%;
  border: 1px solid #ccc;
}
#preview_facebook #preview_image {
  width: 470px;
  min-height: 255px;
}
#preview_facebook #preview_image.click-to-edit:hover {
  background: none;
  opacity: 0.5;
  cursor: pointer;
}
#preview_facebook.side-layout #preview_image {
  width: 158px;
  min-height: 158px;
}
#preview_facebook.side-layout .preview-facebook-text {
  padding-bottom: 0px;
  margin-left: 160px;
  padding-top: 10px;
  padding-right: 5px;
}
#preview_facebook.side-layout .preview-facebook-text #preview_title_editor,
#preview_facebook.side-layout .preview-facebook-text #preview_description_editor {
  width: 100%;
}
#preview_facebook.side-layout #preview_image_holder {
  float: left;
  margin-right: 10px;
  max-height: 237px;
  width: 158px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
#preview_facebook .empty-value,
#preview_facebook #preview_title.empty-value,
#preview_facebook #preview_description.empty-value {
  color: #999;
  font-style: italic;
}
#preview_facebook p.help {
  margin: 2px 0 4px;
}

#id_share_image,
#id_share_image_editor {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 2px 0 0;
  padding: 6px;
  width: 100%;
  max-width: 640px;
  border: 1px solid #e1e8ed;
  vertical-align: top;
}

#preview_twitter {
  max-width: 640px;
}
#preview_twitter #preview_twitter_text,
#preview_twitter #preview_twitter_editor {
  font-family: sans-serif;
  line-height: 18px;
  margin: 2px 0 0;
  padding: 6px;
  width: 100%;
  min-height: 68px;
  border: 1px solid #e1e8ed;
  vertical-align: top;
}
#preview_twitter #preview_twitter_text {
  white-space: pre-wrap;
}
#preview_twitter #twitter_count {
  float: right;
  color: #999;
}
#preview_twitter #twitter_count.twitter-count-warning {
  color: #dd0000;
  font-weight: bold;
}
#preview_twitter #twitter_feedback {
  float: left;
}

.change-form .click-to-edit:hover {
  background: #ffe;
  cursor: pointer;
}

.change-form textarea.plaintext {
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  font-size: 0.94rem;
  color: #4b4b4b;
}

#preview_thumbnail_images {
  margin-left: 160px;
  white-space: nowrap;
  overflow-x: auto;
  max-width: 640px;
  border: 1px solid #eee;
  padding: 6px;
  max-height: 200px;
  overflow-y: hidden;
}
#preview_thumbnail_images .thumbnail-image {
  display: inline-block;
  width: 100px;
  margin-right: 5px;
  opacity: 0.5;
  max-height: 160px;
  overflow: hidden;
}
#preview_thumbnail_images .thumbnail-image:hover {
  cursor: pointer;
  opacity: 1;
}
#preview_thumbnail_images .selected-image {
  opacity: 1;
}

.hide-on-load {
  display: none;
}

.help {
  color: #999;
}

.help.add-image {
  text-decoration: underline;
  cursor: pointer;
}

/* ****************************************************************** */
/* Baseline textareas */
.change-form textarea {
  line-height: 1.4rem;
  padding: 5px 0px 0px 6px;
}

/* ****************************************************************** */
/* Integrated multi-mode editor areas */
.change-form .editor-area {
  position: relative;
  max-width: 100%;
  height: 100%;
  margin-bottom: 2px;
}

.change-form .editor-area.fullpage {
  max-width: 100%;
}

.change-form .editor-area .editor-toolbar {
  margin: 0;
  border: 1px solid #bbb;
  padding: 14px 3px;
  border-bottom: none;
  width: auto;
  background: #efefef;
  height: 20px;
}

.mailings-compose p.help.editor-toolbar {
  max-width: 100%;
}

.change-form .editor-area .editor-controls {
  text-align: right;
  position: absolute;
  top: 6px;
  right: 5px;
  width: auto;
  color: #4b4b4b;
  font-size: 0.813rem;
  z-index: 2;
  margin: 0;
  padding: 0 0 6px;
}

.change-form .editor-controls a {
  margin: 0 3px;
  font-size: 0.813rem;
}

.change-form .editor-controls a.active {
  color: #4b4b4b;
  text-decoration: none;
  cursor: default;
}

.change-form .editor-controls a.separated {
  border-left: 1px solid #999;
  padding-left: 7px;
}

.change-form .editor-area .editor-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.change-form .editor-area.wysiwyg-off .editor-content,
.change-form .editor-area.wysiwyg-code .editor-content {
  border: 1px solid #bbb;
}

.change-form .editor-area.wysiwyg-on .editor-content {
  padding-right: 2px;
}

.change-form .editor-area.wysiwyg-code textarea.editor-raw {
  display: none;
}

.change-form .editor-area .fullpage-off {
  display: none;
}

.change-form .editor-area.fullpage .fullpage-on {
  display: none;
}

.change-form .editor-area.fullpage .fullpage-off {
  display: inline;
}

.change-form .editor-area.fullpage {
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 20px;
  background: #999;
  width: auto;
}

.change-form form .editor-area.fullpage p.editor-controls {
  top: 25px;
  right: 25px;
  width: auto;
  z-index: 12;
  position: absolute;
}

.change-form .editor-area.fullpage .editor-content {
  position: fixed;
  left: 20px;
  right: 20px;
  top: 48px;
  bottom: 18px;
  height: auto !important;
  width: auto;
}

/* ****************************************************************** */
/* Visual Editor */
.change-form .editor-area.wysiwyg-on .editor-controls-spacer {
  float: right;
  height: 25px;
  width: 255px;
}

.change-form .editor-area.fullpage.wysiwyg-on .editor-controls-spacer {
  width: 280px;
}

.change-form .editor-area.fullpage.wysiwyg-on .editor-content {
  top: 20px;
  margin-bottom: 0;
}

.change-form .editor-area.wysiwyg-on .editor-content,
.change-form .editor-area .mce-tinymce,
.change-form .editor-area .mce-stack-layout,
.change-form .editor-area .mce-edit-area {
  display: flex !important;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}

.change-form .editor-area .mce-edit-area {
  position: relative;
}

.change-form .editor-area .mce-edit-area > iframe {
  position: absolute;
  height: 100% !important;
  width: auto;
}

/* ****************************************************************** */
/* Raw textarea */
.change-form .editor-area textarea.editor-raw {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: none;
  margin: 0;
  line-height: 1.4rem;
  vertical-align: top;
  resize: none;
  background: #f7f7f7;
  font-family: "lucida console", menlo, monaco, courier, monospace;
  font-size: 0.877rem;
  color: #4b4b4b;
}

/* ****************************************************************** */
/* MCE Visual Editor */
.editor-area .mce-toolbar-grp {
  padding-top: 0;
}

@font-face {
  font-family: "tinymce-toolbar";
  src: url("/media/fonts/tinymce-toolbar/icomoon.eot");
  src: url("/media/fonts/tinymce-toolbar/icomoon.eot#iefix") format("embedded-opentype"), url("/media/fonts/tinymce-toolbar/icomoon.ttf") format("truetype"), url("/media/fonts/tinymce-toolbar/icomoon.woff") format("woff"), url("/media/fonts/tinymce-toolbar/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.tinymce-toolbar-font {
  font-family: "tinymce-toolbar", Arial !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mce-i-font:before {
  content: "\ea5c";
}

.mce-i-font-size:before {
  content: "\ea61";
}

/* ****************************************************************** */
/* CodeMirror styles */
html .CodeMirror,
html .CodeMirror-hints,
html .CodeMirror pre,
html .CodeMirror span {
  font-family: "lucida console", menlo, monaco, courier, monospace;
  font-size: 0.877rem;
  line-height: 1.4rem;
  color: #4b4b4b;
}

html .CodeMirror-wrap .CodeMirror-code pre {
  word-break: break-word;
}

.change-form .editor-area .CodeMirror {
  width: auto;
}

.change-form .editor-area .CodeMirror,
.change-form .editor-area .CodeMirror-scroll {
  height: 100%;
}

.change-form .editor-area.fullpage .CodeMirror {
  position: fixed;
  left: 21px;
  right: 21px;
  top: 49px;
  bottom: 19px;
  height: auto;
  width: auto;
  min-height: 100px;
  max-height: none;
}

.CodeMirror pre.CodeMirror-placeholder {
  color: #aaa;
}

/* ****************************************************************** */
/* CodeMirror syntax highlighting colors */
.cm-s-ak span.cm-command {
  color: #800;
  font-weight: bold;
}

.cm-s-ak span.cm-keyword {
  color: #800;
}

.cm-s-ak span.cm-operator {
  color: #800;
}

.cm-s-ak span.cm-string-2 {
  color: #f80;
}

.cm-s-ak span.cm-builtin {
  color: #800;
}

.cm-s-ak span.cm-number {
  color: #080;
}

.cm-s-ak span.cm-string {
  color: #080;
}

.cm-s-ak span.cm-atom {
  color: #080;
  font-style: italic;
}

.cm-s-ak span.cm-variable-3 {
  color: #808;
}

.cm-s-ak span.cm-comment {
  color: #888;
}

.cm-s-ak span.cm-function {
  color: #008;
}

.cm-s-ak span.cm-variable-2 {
  color: #005;
}

.cm-s-ak span.cm-def {
  color: #00f;
}

.cm-s-ak span.cm-variable {
  color: #808;
}

.cm-s-ak span.cm-property {
  color: #008;
}

.cm-s-ak span.cm-meta {
  color: #555;
}

.cm-s-ak span.cm-error {
  color: #f00;
}

.cm-s-ak span.cm-qualifier {
  color: #800;
}

.cm-s-ak span.cm-bracket {
  color: #997;
}

.cm-s-ak span.cm-tag {
  color: #900;
}

.cm-s-ak span.cm-attribute {
  color: #008;
}

.cm-s-ak span.cm-header {
  color: blue;
}

.cm-s-ak span.cm-quote {
  color: #090;
}

.cm-s-ak span.cm-hr {
  color: #999;
}

.cm-s-ak span.cm-link {
  color: #00c;
}

.cm-s-ak span.cm-django {
  background: #ffd;
  background: rgba(255, 255, 153, 0.3);
}

.cm-s-ak span.cm-javascript {
  background: #fff2f8;
  background: rgba(255, 189, 222, 0.2);
}

.cm-s-ak span.cm-css {
  background: #f2faff;
  background: rgba(191, 228, 255, 0.2);
}

/* ****************************************************************** */
/* Editor snippets */
.change-form .ui-dialog {
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  font-size: 0.94rem;
}

#snippets dt,
.snippet-list dt {
  font-weight: normal;
  text-decoration: underline;
  margin-top: 12px;
  cursor: pointer;
}
#snippets dt.folder,
.snippet-list dt.folder {
  font-weight: 400;
  text-decoration: None;
}
#snippets dt.folder:after,
.snippet-list dt.folder:after {
  content: "»";
}
#snippets dt.folder.active:after,
.snippet-list dt.folder.active:after {
  content: "";
}
#snippets p,
.snippet-list p {
  font-size: 11px;
  line-height: 1.1em;
}

.snippet-list ~ .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: 0 !important;
  bottom: 0 !important;
  background-position: -82px -224px !important;
}

.snippet-dialog {
  background-color: #f7f7f7;
  color: #4b4b4b;
  height: 256px;
  overflow-y: auto;
  padding: 2px 7px;
  display: none;
  font-size: 11pt;
}
.snippet-dialog.ui-corner-all, .snippet-dialog.ui-corner-bottom, .snippet-dialog.ui-corner-right, .snippet-dialog.ui-corner-br {
  border-radius: 0;
}
.snippet-dialog .ui-state-default, .snippet-dialog.ui-widget-content .ui-state-default,
.snippet-dialog .ui-widget-header .ui-state-default {
  background: none;
  border: 0;
}
.snippet-dialog.ui-dialog {
  padding: 0;
}
.snippet-dialog.ui-dialog .ui-dialog-title {
  margin: 3px;
  height: 18px;
  padding: 4px 0 0 16px;
  background: url(/media/images/ak-moveable-dots.svg) no-repeat;
  background-size: 7px;
  background-position: left center;
  font-weight: 600;
}
.snippet-dialog .snippet-list dl {
  margin: 0;
}
.snippet-dialog .snippet-list dd {
  margin-left: 1em;
  text-decoration: none;
  margin-top: 5px;
  display: none;
}
.snippet-dialog .snippet-list dd dt {
  margin-top: 8px;
  padding: 2px;
  display: block;
  color: #27bbdd;
}
.snippet-dialog .snippet-list dd dt:hover {
  color: #009cd1;
}
.snippet-dialog .snippet-list dt {
  color: #27bbdd;
  text-decoration: none;
}
.snippet-dialog .snippet-list dt.folder {
  color: #4b4b4b;
}
.snippet-dialog .snippet-list dt.folder:hover {
  color: #000;
}
.snippet-dialog .snippet-list dt.folder:after {
  content: "►";
  font-size: 8px;
  vertical-align: 2px;
  white-space: nowrap;
  text-decoration: none;
}
.snippet-dialog .snippet-list dt.folder.active:after {
  content: "▼";
  white-space: nowrap;
}
.snippet-dialog .ui-widget-header {
  border: 0;
  background: #fff2e0;
  color: #4b4b4b;
  font-weight: 500;
}
.snippet-dialog .ui-state-default .ui-icon,
.snippet-dialog .ui-widget-header .ui-icon,
.snippet-dialog .ui-button-icon-primary .ui-icon .ui-icon-closethick {
  background-image: url(/media/images/ak-close-x.svg);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center;
  opacity: 0.75;
}
.snippet-dialog .ui-state-default .ui-icon:hover,
.snippet-dialog .ui-widget-header .ui-icon:hover,
.snippet-dialog .ui-button-icon-primary .ui-icon .ui-icon-closethick:hover {
  opacity: 1;
}
.snippet-dialog .ui-widget-content a {
  color: #27bbdd;
}
.snippet-dialog .ui-widget-content a:hover {
  color: #009cd1;
}

.pages .snippet-dialog .ui-widget-header {
  background: #e1e8d4;
}

.texting-broadcast .snippet-dialog .ui-widget-header,
.texting .snippet-dialog .ui-widget-header {
  background: #e4e5f0;
  border-radius: 0;
}

/* qTip2 v2.2.1 | Plugins: tips viewport | Styles: core | qtip2.com | Licensed MIT | Tue Sep 09 2014 07:03:44 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 400px;
  min-width: 50px;
  font-size: 0.877rem;
  font-weight: 200;
  line-height: 1.3;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip a,
.qtip a:visited {
  color: #20c5eb;
}

/*lighten tooltip link color to work better over dark background */
.qtip a:hover {
  color: #12abdf;
}

.mailings .mailings-target .qtip {
  max-width: 280px;
  min-width: 50px;
}

.qtip-content {
  position: relative;
  padding: 8px 13px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 300 bold 10px/13px "open sans", "helvetica neue", helvetica, sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}

.qtip-default {
  border: 0;
  background-color: #4b4b4b;
  color: #fff;
  font-size: 0.877rem;
  line-height: initial;
  border-radius: 5px;
}

.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.qtip .qtip-tip,
x:-o-prefocus {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 1px solid #fece7f;
  border: 0 dashed #4b4b4b;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

.tooltips-content {
  display: none;
}

.hasTooltip {
  text-decoration: underline;
  text-decoration-style: dotted;
  -webkit-text-decoration-style: dotted;
  text-decoration-color: #9bdded;
  -webkit-text-decoration-color: #9bdded;
}

label.hasTooltip {
  /*border-bottom: 1px dotted #9bdded;*/
  text-decoration: underline;
  text-decoration-color: #9bdded;
  -webkit-text-decoration-color: #9bdded;
  text-decoration-style: dotted;
  -webkit-text-decoration-style: dotted;
}

/* Desktop style */
#sidebar {
  z-index: 9999;
  /* dimension */
  max-width: 450px;
  height: 100%;
  position: fixed;
  right: -450px;
  border-left: #f4642f;
  font-size: 0.94rem;
  right: -450px;
  -webkit-transition: right 0.3s ease;
  -moz-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  -ms-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
body.opened-sidebar #sidebar {
  right: 0;
  top: 0;
}
body.opened-sidebar #sidebar #sidebar-content {
  width: 450px;
  right: 0px;
  display: block;
  -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
}
body.opened-sidebar #sidebar #sidebar-icon {
  right: 450px;
}
#sidebar #sidebar-icon,
#sidebar .sidebar-hide,
#sidebar #sidebar-icon-mobile {
  cursor: pointer;
  z-index: 9997;
}
#sidebar #sidebar-icon {
  position: fixed;
  bottom: 75%;
  right: 0px;
  padding: 9px 9px;
  background: #f4642f;
  color: #fff;
  text-align: center;
  width: 24px;
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0;
  -webkit-transition: right 0.3s ease;
  -moz-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  -ms-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
#sidebar #sidebar-icon:hover {
  background: #f57c55;
}
#sidebar #sidebar-icon-mobile {
  padding: 9px 9px;
  background: #f4642f;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 1.125rem;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 44px;
  top: -44px;
  /* left: 0;*/
  right: 0;
  padding: 10px;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
#sidebar #sidebar-icon-mobile:hover {
  background: #f57c55;
}
#sidebar .sidebar-hide {
  width: 27px;
  height: 27px;
  float: right;
  background-image: url("/media/images/sidebar_close_icon.svg");
  background-repeat: no-repeat;
}
#sidebar .sidebar-hide:hover {
  background-position: 0px -27px;
}
#sidebar #sidebar-content {
  border-left: 1px solid #f4642f;
  position: relative;
  right: 0;
  padding: 10px 10px 50px 15px;
  background: #fff;
  height: 100%;
  overflow-y: auto;
}
#sidebar .box-search {
  display: block;
  position: relative;
  float: none;
  top: 0px;
  right: 0px;
  left: 0px;
  margin-top: 15px;
  width: 100%;
}
#sidebar .box-search #sidebar_search_keyword {
  width: 100%;
  border: 1px solid #f4642f;
  height: 28px;
}
#sidebar .box-search input.search_button {
  border: none;
}
#sidebar input.search_button {
  background-image: url("/media/images/magnifying-glass-sidebar.svg");
  margin: 1px 6px 0 0;
}
#sidebar #toc_button {
  display: none;
  color: #067288;
  font-weight: 600;
  font-size: 0.813rem;
  margin: 10px 0 0;
}
#sidebar #back_button {
  display: none;
  color: #067288;
  font-weight: 600;
  font-size: 0.813rem;
  cursor: pointer;
}
#sidebar #back_button:hover {
  text-decoration: underline;
}

/* When not in mobile style, opening the sidebar forces a margin on wrapper */
@media (min-width: 1100px) {
  body.opened-sidebar .wrapper {
    margin: 18px;
  }
  body.opened-sidebar .footer {
    margin-left: 18px;
  }
}
/* When not in really big screens style, opening the sidebar centers wrapper in remaining space HOPEFULLY */
.outer-wrapper {
  padding-right: 0;
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  -ms-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}

body.opened-sidebar .wrapper {
  -webkit-transition: margin 0.3s ease;
  -moz-transition: margin 0.3s ease;
  -o-transition: margin 0.3s ease;
  -ms-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

/* Provide extra space below footer when sidebar-icon-mobile is 100% width */
body .footer {
  margin-bottom: 60px;
}
@media only screen and (min-width: 599px) {
  body .footer {
    margin-bottom: 40px;
  }
}

@media (min-width: 1700px) {
  body.opened-sidebar .wrapper {
    margin: 18px auto 0;
  }
  body.opened-sidebar .outer-wrapper {
    padding-right: 450px;
  }
  body.opened-sidebar .footer {
    margin-left: 18px;
  }
}
/* Mobile style */
@media (max-width: 1099px) {
  #sidebar {
    max-width: 100%;
    width: 100%;
    left: 0;
    top: 100%;
  }
  #sidebar #sidebar-content {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0;
    border-left: 0;
    top: 0px;
    border-top: 0;
  }
}
@media only screen and (max-width: 1099px) and (min-width: 599px) {
  #sidebar #sidebar-content {
    height: 60%;
  }
}
@media only screen and (max-width: 1099px) and (min-width: 599px) {
  #sidebar #sidebar-content {
    border-top: #f4642f 3px solid;
  }
}
@media (max-width: 1099px) {
  #sidebar #sidebar-icon {
    display: none;
  }
  #sidebar #sidebar-icon-mobile {
    display: block;
  }
}
@media only screen and (max-width: 1099px) and (min-width: 499px) {
  #sidebar #sidebar-icon-mobile {
    width: 100%;
    font-size: 0.94rem;
  }
}
@media only screen and (max-width: 1099px) and (min-width: 599px) {
  #sidebar #sidebar-icon-mobile {
    width: 100px;
    height: 36px;
    top: -36px;
    font-size: 0.877rem;
  }
}
@media (max-width: 1099px) {
  body.opened-sidebar #sidebar {
    top: 44px;
  }
}
@media only screen and (max-width: 1099px) and (min-width: 599px) {
  body.opened-sidebar #sidebar {
    top: 40%;
  }
}
@media (max-width: 1099px) {
  body.opened-sidebar #sidebar #sidebar-content {
    width: 100%;
    right: 0;
    max-height: 100%;
    display: block;
    -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.27);
  }
}
@media only screen and (max-width: 1099px) and (min-width: 599px) {
  body.opened-sidebar #sidebar #sidebar-content {
    max-height: 60%;
  }
}
/* Sidebar content text format */
#sidebar-content {
  /*h3 {font-size: $large; }*/
  /*div.section > div.section { padding-left: 15px; }*/
  /*	#snippets { background: none; width: auto; height: auto; } */
  /* Haiku User Guide styles and layout */
  /* Common declarations */
}
#sidebar-content h2,
#sidebar-content h3,
#sidebar-content h4,
#sidebar-content h5,
#sidebar-content h6 {
  font-weight: 600;
  padding-left: 0;
}
#sidebar-content a,
#sidebar-content p,
#sidebar-content ul,
#sidebar-content dl,
#sidebar-content dt,
#sidebar-content ol,
#sidebar-content div,
#sidebar-content blockquote,
#sidebar-content span {
  font-size: 0.94rem;
}
#sidebar-content a {
  color: #27bbdd;
  word-wrap: break-word;
}
#sidebar-content a:hover {
  text-decoration: underline;
  color: #009cd1;
}
#sidebar-content .content {
  padding: 0px;
  margin-top: 10px;
  line-height: 1.6;
}
#sidebar-content h1 {
  line-height: 1;
  font-size: 0.94rem;
  text-transform: uppercase;
  color: #f4642f;
  clear: both;
  padding-top: 10px;
  font-weight: 700;
}
#sidebar-content h2,
#sidebar-content h3 {
  font-size: 0.94rem;
  font-weight: 600;
  border-bottom: none;
  margin-top: 0px;
}
#sidebar-content h3.toggleable {
  font-size: 0.94rem;
}
#sidebar-content p,
#sidebar-content ul,
#sidebar-content ol,
#sidebar-content div.admonition,
#sidebar-content blockquote,
#sidebar-content .highlight-django,
#sidebar-content dl {
  color: #4b4b4b;
  margin-bottom: 10px;
}
#sidebar-content h4,
#sidebar-content h5 {
  font-size: 0.94rem;
}
#sidebar-content #sidebar-load-pages .sidebar {
  width: 100%;
}
#sidebar-content .article-opened p {
  height: auto !important;
  line-height: 1.45;
}
#sidebar-content div.article-opened p,
#sidebar-content div.article-opened ul,
#sidebar-content div.article-opened ol,
#sidebar-content div.article-opened div.admonition,
#sidebar-content div.article-opened blockquote,
#sidebar-content div.article-opened .highlight-django,
#sidebar-content div.article-opened dl,
#sidebar-content div.article-opened div.section,
#sidebar-content div.article-opened .highlight-python,
#sidebar-content div.article-opened .highlight-html {
  display: block !important;
}
#sidebar-content div.article-opened p {
  margin: 10px 0;
}
#sidebar-content div.article-opened div.admonition p.admonition-title {
  margin: 0;
}
#sidebar-content div.article-opened .arrow {
  display: none;
}
#sidebar-content a.headerlink {
  display: none !important;
}
#sidebar-content img {
  max-width: 100%;
}
#sidebar-content label {
  font-size: 1.125rem;
}
#sidebar-content > h2.toggleable {
  border-bottom: 5px solid #f4642f;
}
#sidebar-content .toggleable {
  color: #4b4b4b;
  border: none;
}
#sidebar-content .toggleable:hover {
  cursor: pointer;
}
#sidebar-content .toggleable ~ .section {
  margin-left: 12px;
}
#sidebar-content .arrow:before {
  content: "▶";
}
#sidebar-content .arrow {
  float: left;
  top: 4px;
  margin-right: 5px;
  font-size: 0.6rem;
}
#sidebar-content .arrow.turn {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.1s;
  -ms-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: transform 0.1s;
}
#sidebar-content .article {
  color: #27bbdd;
  font-weight: 400;
}
#sidebar-content .article:hover,
#sidebar-content #toc_button:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #009cd1;
}
#sidebar-content ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 0.94rem;
  -webkit-margin-after: 0.94rem;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
#sidebar-content #internal-link div.header,
#sidebar-content #internal-link div.topnav,
#sidebar-content #internal-link div.bottomnav,
#sidebar-content #internal-link div.footer {
  display: none;
}
#sidebar-content #internal-link .sidebar {
  display: none;
}
#sidebar-content #internal-link h2 {
  color: #4b4b4b;
  font-weight: 600;
  font-size: 1.125rem;
  /* text-decoration: underline; */
  /*text-transform: uppercase;*/
}
#sidebar-content #internal-link h3 {
  color: #4b4b4b;
}
#sidebar-content #internal-link #loading-help {
  padding: 2em;
  text-align: center;
}
#sidebar-content .article-title:hover {
  cursor: auto;
}
#sidebar-content #sidebar-heading h1 {
  padding-top: 15px;
  clear: none;
}
#sidebar-content h1.article-title,
#sidebar-content h2.article-title,
#sidebar-content h3.article-title,
#sidebar-content h4.article-title,
#sidebar-content h5.article-title,
#sidebar-content #internal-link h1.article-title,
#sidebar-content #internal-link h2.article-title,
#sidebar-content #internal-link h3.article-title,
#sidebar-content #internal-link h4.article-title,
#sidebar-content #internal-link h5.article-title {
  color: #4b4b4b;
  font-size: 1.5rem;
  font-weight: 200;
  border-bottom: 1px solid #f4642f;
  line-height: 1.2;
  padding-bottom: 3px;
  margin-bottom: 6px;
  text-transform: none;
  padding-top: 10px;
}
#sidebar-content span.highlight {
  background: #fff2e0;
  padding: 1px;
  font-size: 0.94rem;
}
#sidebar-content #sidebar-toc h2.article {
  padding: 3px 0;
  line-height: 1.2;
}
#sidebar-content a.external-icon {
  font-weight: 600;
}
#sidebar-content a.external-icon::after {
  content: " ↳";
  font-size: 9px;
}
#sidebar-content strong {
  font-weight: 700;
}
#sidebar-content em {
  font-weight: 700;
}
#sidebar-content pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #ebebeb;
  padding: 5px 12px;
}
#sidebar-content code,
#sidebar-content tt {
  font-family: "Consolas", "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size: 115% !important;
  letter-spacing: 0.01em;
  background-color: transparent !important;
}
#sidebar-content .pre {
  background-color: transparent !important;
  font-size: 90% !important;
  font-family: "Consolas", "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
}
#sidebar-content pre span {
  margin: 3px 0;
}
#sidebar-content pre span.cp {
  color: #feac1f;
}
#sidebar-content pre span.nv {
  color: #f4642f;
}
#sidebar-content img.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#sidebar-content .number {
  color: white;
  background: #914675;
  border-radius: 140px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  position: relative;
  font-size: 0.813rem;
  line-height: 20px;
  text-indent: 0px;
  text-align: center;
  display: inline-block;
}
#sidebar-content div.admonition {
  padding: 10px 15px 10px 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}
#sidebar-content div.note,
#sidebar-content div.admonition.note {
  padding: 10px 15px 10px 65px;
  background: #ebf2f4 url("/media/images/alert_info_32.png") 20px 12px no-repeat;
  min-height: 42px;
}
#sidebar-content div.warning {
  padding: 10px 15px 10px 65px;
  background: #fff2e0 url(/media/images/alert_warning_32.png) 20px 12px no-repeat;
  min-height: 42px;
}
#sidebar-content div.seealso {
  background: #e4ffde;
}
#sidebar-content #sidebar-content div.article-opened p.admonition-title,
#sidebar-content .admonition-title {
  font-weight: 200;
  font-size: 1.5rem;
  margin: 0;
}
#sidebar-content #sidebar-content div.warning p.admonition-title {
  color: #ffac00;
}
#sidebar-content #sidebar-content div.note p.admonition-title {
  color: #005c6f;
}
#sidebar-content table,
#sidebar-content th,
#sidebar-content tr,
#sidebar-content td {
  font-size: 0.813rem;
  border: 0;
}
#sidebar-content th {
  background: #f4642f;
  color: #fff;
  font-weight: 600;
}
#sidebar-content td,
#sidebar-content th {
  padding: 1px 2px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#sidebar-content table tr:nth-child(odd) {
  background-color: #feece6;
}
#sidebar-content table tr:nth-child(even) {
  background-color: #fef6f3;
}

/* Lab tests */
body.lab-test.change-form .span_1_of_4 label,
body.lab-test.change-form .span_3_of_4 label {
  padding: 7px 0 0 0;
}
body.lab-test.change-form .inline-group div.add-row {
  background-image: url("/media/images/add_icon.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 14px;
  padding-top: 0;
  font-size: 0.94rem;
  outline: 0;
  height: 19px;
  border-bottom: 0;
  margin-top: 8px;
}
body.lab-test.change-form .inline-group div.add-row:hover {
  text-decoration: underline;
  background-position: left bottom;
}
body.lab-test.change-form .checkbox-sxn {
  padding-top: 6px;
  margin-bottom: -2px;
  padding-right: 4px;
}
body.lab-test.change-form .checkbox-sxn input[type=checkbox] {
  margin-top: 0;
  margin-bottom: 0;
}
body.lab-test.change-form .label-sxn label {
  padding-top: 8px;
  margin-bottom: -2px;
}
body.lab-test.change-form .inline-group ul.tools a.add,
body.lab-test.change-form .inline-group div.add-row a,
body.lab-test.change-form .inline-group .tabular tr.add-row td a {
  background: none;
  padding-left: 8px;
}
body.lab-test.change-form .allocation .form-control.span_3_of_4 label {
  float: left;
}
body.lab-test.change-form #checkbox-array {
  float: left;
}
body.lab-test.change-form .span_3_of_4 label {
  font-weight: normal;
}
body.lab-test.change-form .span_1_of_2 {
  width: 100%;
}
@media only screen and (min-width: 799px) {
  body.lab-test.change-form .span_1_of_2 {
    width: 49%;
  }
}
body.lab-test.change-form .editor-area,
body.lab-test.change-form .inline-related textarea {
  width: 100%;
}
body.lab-test.change-form #id_notes,
body.lab-test.change-form #id_name,
body.lab-test.change-form input.vTextField,
body.lab-test.change-form select {
  width: 100%;
}
@media only screen and (min-width: 799px) {
  body.lab-test.change-form #id_notes,
  body.lab-test.change-form #id_name,
  body.lab-test.change-form input.vTextField,
  body.lab-test.change-form select {
    width: 66%;
  }
}
body.lab-test.change-form #id_custom_fields {
  height: 56px;
}
body.lab-test.change-form div .form-row.scope label {
  padding: 2px 0 5px;
}
body.lab-test.change-form div .form-row.scope .form-control label {
  display: inline-block;
  width: auto;
  float: left;
}
body.lab-test.change-form .inline-related.dynamic-variations h3 {
  padding: 13px 0 10px 0;
  text-transform: uppercase;
  border-bottom: 0;
}
@media only screen and (min-width: 499px) {
  body.lab-test.change-form .inline-related.dynamic-variations h3 {
    padding: 13px 0 0 0;
  }
}
body.lab-test.change-form .inline-related.dynamic-variations {
  padding: 10px 10px 20px;
}
@media only screen and (min-width: 499px) {
  body.lab-test.change-form .inline-related.dynamic-variations {
    padding: 10px 20px 20px;
  }
}
body.lab-test.change-form div.dynamic-variations:nth-child(odd) {
  background-color: #eef3e8;
  margin-bottom: 5px;
}
body.lab-test.change-form div.dynamic-variations:nth-child(even) {
  background-color: #f9faf6;
  margin-bottom: 5px;
}
body.lab-test.change-form .inline-related h3 span.delete {
  text-transform: none;
}
body.lab-test.change-form .inline-group .inline-group h3 b,
body.lab-test.change-form .inline-group .inline-group h3 span {
  display: none;
}
body.lab-test.change-form .inline-group .aligned label {
  width: auto;
}
body.lab-test.change-form div.must-select-a-change-field.error {
  padding: 5px 10px;
  margin: 5px 0;
  display: none;
}
body.lab-test.change-form .variations-nested-inline {
  margin: 0;
}
body.lab-test.change-form .variations-nested-inline > div.dynamic-variations {
  background: transparent;
  padding: 0;
}
body.lab-test.change-form .nested-inline-bottom-border {
  display: none;
}
body.lab-test.change-form .variations-nested-inline table {
  border: none;
}
body.lab-test.change-form .variations-nested-inline table thead {
  display: none;
}
body.lab-test.change-form .variations-nested-inline table td.original {
  display: none;
}

.clear-all {
  clear: both;
}

#lab-stat-groups {
  margin: 1em 0 0em;
}

#lab-stat-groups label {
  font-size: 0.94rem;
}

div.lab-display {
  overflow-x: auto;
}
div.lab-display table {
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 499px) {
  div.lab-display table {
    margin: 12px 0 12px;
  }
}
div.lab-display table.changelist-table thead tr th {
  vertical-align: bottom;
  background: #d1dcbf;
  color: #4b4b4b;
  font-weight: 700;
}
div.lab-display table tbody tr td {
  x-vertical-align: top;
}
div.lab-display tr.border-above td {
  border-top: 2px solid rgba(102, 141, 36, 0.3);
}
div.lab-display table.changelist-table label.lab-stat-filter {
  display: inline-block;
  font-weight: normal;
  padding: 0;
  white-space: nowrap;
}
div.lab-display table.changelist-table label.lab-stat-filter input[type=checkbox] {
  margin: 0;
}

div.lab-stats-query {
  margin-top: 0.5em;
  margin-bottom: 1.2em;
  line-height: 1.2em;
  font-family: "lucida console", menlo, monaco, courier, monospace;
  font-size: 0.813rem;
  white-space: pre-wrap;
}

.lab-has-override {
  display: block;
  text-indent: 21px;
  background: 1px 1px url(/media/images/alert_icon.svg) no-repeat;
  background-size: 15px;
  background-position-y: 4px;
  background-position-x: 2px;
}

body.lab-test h2 {
  margin-bottom: 4px;
}

.spinner {
  margin: 0 auto 0;
  width: 100px;
  height: 14%;
  text-align: center;
}

.spinner > div {
  width: 14%;
  height: 50%;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.7s infinite ease-in-out both;
  margin-right: 5px;
}

.spinner--ak > div {
  background: #777;
}

.users .spinner--ak > div {
  background: #005c6f;
}

.mailings .spinner--ak > div {
  background: #feac1f;
}

.pages .spinner--ak > div {
  background: #668d24;
}

.reports .spinner--ak > div {
  background: #914675;
}

.support .spinner--ak > div {
  background: #f4642f;
}

.spinner .spinner__item1 {
  animation-delay: -0.6s;
}

.spinner .spinner__item2 {
  animation-delay: -0.4s;
}

.spinner .spinner__item3 {
  animation-delay: -0.2s;
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.custom-field-inline {
  margin: 0px;
}
.custom-field-inline fieldset > table {
  border: none !important;
  margin-top: 0px;
  border-collapse: separate;
}
.custom-field-inline fieldset > table > thead, .custom-field-inline fieldset > table > th {
  display: none;
}
.custom-field-inline fieldset > table > tbody > tr > td {
  border-top: 2px solid transparent;
  padding-top: 3px !important;
  border-bottom: 2px solid transparent;
}
.custom-field-inline fieldset > table > tbody > tr:first > td {
  border-top: none;
}
.custom-field-inline fieldset > table .help.fieldinfo {
  margin-bottom: 2px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.custom-field-inline fieldset > table td.delete-interactive {
  width: 22px;
  text-align: left;
  padding: 12px 0px 0px 7px !important;
}
.custom-field-inline fieldset > table td.delete-interactive .inline-deletelink {
  float: none;
  display: inline-block;
}
.custom-field-inline fieldset > table label.custom-field {
  word-wrap: break-word;
}
.custom-field-inline fieldset > table .dynamic-field select {
  margin-bottom: 0;
  max-width: 66%;
}
.custom-field-inline fieldset > table .custom-field-other,
.custom-field-inline fieldset > table .inline-related .custom-field-other {
  display: block;
  max-width: 66%;
  margin-top: 5px;
}
.custom-field-inline fieldset > table .editor-area table.mceLayout table {
  width: auto;
}
.custom-field-inline fieldset > table td.field-value > textarea {
  min-height: 33px;
  resize: vertical !important;
}
.custom-field-inline fieldset > table .custom-color-area {
  position: relative;
}
.custom-field-inline fieldset > table .custom-color-area .custom-color {
  max-width: 33%;
  padding-left: 33px;
}
.custom-field-inline fieldset > table .custom-color-area .custom-color-holder {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 23px;
  height: 23px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEVAQEB/f39eaJUuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYRBDgK9dKdMgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAARSURBVAjXY/jPwIAVYRf9DwB+vw/x6vMT1wAAAABJRU5ErkJggg==");
  z-index: 2;
  border: 1px solid #333;
}
.custom-field-inline fieldset > table .custom-color-area .custom-color-holder label {
  display: inline-block;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.custom-field-inline fieldset > table .custom-color-area .custom-color-chip {
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 21px;
}
.custom-field-inline #add-another-custom-field-row {
  display: block;
}
.custom-field-inline #add-another-row {
  clear: right;
  width: 100%;
  position: relative;
  top: 3px;
  left: -4px;
}

.jQWCP-wWidget {
  box-sizing: content-box;
}

body .jQWCP-wWidget.jQWCP-mobile {
  position: absolute;
  top: auto;
  bottom: auto;
}

.custom-field-image-item .custom-field-image-preview {
  float: left;
  height: 30px;
  width: 40px;
  margin-right: 10px;
  text-align: center;
}
.custom-field-image-item .custom-field-image-thumb {
  max-width: 40px;
  max-height: 30px;
  margin-bottom: 4px;
}
.custom-field-image-item .custom-field-image-placeholder {
  color: #999;
}
.custom-field-image-item .custom-field-image-noimage {
  width: 30px;
  height: 20px;
  display: inline-block;
  margin: 5px;
  border: 1px solid #ccc;
}
.custom-field-image-item .custom-field-image-filename {
  margin-left: 50px;
  word-break: break-all;
}
.custom-field-image-item .custom-field-image-info {
  color: #999;
}
.custom-field-image-item .custom-field-image-url {
  margin-left: 50px;
  font-size: 0.813rem;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

div.selectize-control.plugin-open_on_click {
  display: inline-grid;
}

/* NEW NEW NEW Help button*/
span.help-button,
a.help-button {
  display: inline-block;
  background-image: url("/media/images/help_icon.svg");
  background-position: 0 50%;
  background-size: 40px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  text-indent: -9000px;
}

h2 a.help-button {
  line-height: 0.75;
  margin-left: 5px;
}

a.help-button:hover {
  background-position: 100% 50%;
}

.mailings-compose div.custom_fields-row a.help-button {
  margin-top: 20px !important;
}

/* special positioning of help buttons */
input + p a.help-button {
  margin: 0;
  top: 6px;
}

.form-row input[type=checkbox] + span a.help-button {
  top: -2px;
  margin-left: 5px;
}

h1.main-title a.help-button,
h1.main-title + a.help-button {
  margin-top: -2px;
  margin-left: 5px;
  vertical-align: middle;
}

h2 a.help-button {
  top: -2px;
  margin-left: 8px;
}

.pages #fieldset-petition-options p.help {
  display: inline;
  margin-bottom: 12px;
}

.pages #fieldset-petition-options .form-row p.help a.help-button {
  margin-left: 5px;
  margin-top: 7px;
  margin-bottom: 12px;
  vertical-align: top;
  line-height: normal;
}

.templateset-browse h3 {
  clear: both;
  padding-top: 0;
}
@media only screen and (min-width: 499px) {
  .templateset-browse h3 {
    padding-top: 12px;
  }
}
.templateset-browse .search-form {
  margin: 5px 0;
}
.templateset-browse #search-results {
  display: none;
  position: relative;
}
.templateset-browse #search-result-templates .item-right {
  text-align: left;
}
.templateset-browse #no-search-results {
  display: none;
  padding: 20px;
}
.templateset-browse #back {
  float: right;
  font-size: 1.2em;
}
.templateset-browse #unsaved-changes {
  font-size: 1.2em;
  clear: both;
}
.templateset-browse .if-can-drag {
  display: none;
}
.templateset-browse .can-drag .if-can-drag {
  display: block;
}
.templateset-browse .can-drag .if-cant-drag {
  display: none;
}
.templateset-browse #static-uploader > div > form > div.file-input > label,
.templateset-browse form.upload .help-text {
  font-size: 0.813rem;
  font-color: #999;
  font-weight: normal;
}
.templateset-browse #static-uploader > div > form > div.file-input > .file-autoadd {
  margin-left: 1em;
  text-indent: -1em;
}
.templateset-browse #static-uploader > div > form > div.file-input > .file-autoadd > label {
  display: inline;
}
.templateset-browse #all-templates table {
  width: 100%;
  border: 0;
}
.templateset-browse #all-templates table thead th {
  text-transform: uppercase;
  text-align: left;
  font-size: 0.813rem;
  background-color: #668d24;
  color: #fff;
  padding-top: 1px;
  padding-bottom: 2px;
}
.templateset-browse #all-templates table tbody td {
  vertical-align: top;
  font-size: 0.877rem;
  font-weight: 200;
  color: #999;
  padding-top: 3px;
  padding-bottom: 3px;
}
.templateset-browse .generic #all-templates table tr {
  border-bottom: 0;
}
.templateset-browse .generic #all-templates table th {
  padding: 0 3px 0 0;
}
.templateset-browse .tablesorter-header-inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.templateset-browse #all-templates table {
  table-layout: fixed;
}
.templateset-browse #all-templates table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 15%;
}
.templateset-browse #all-templates table td:last-child {
  width: 10%;
}
.templateset-browse #all-templates table td:first-child,
.templateset-browse #all-templates table th:first-child {
  padding-left: 0.75rem;
  width: 60%;
}
.templateset-browse #all-templates table td:first-child a,
.templateset-browse #all-templates table th:first-child a {
  color: #4b4b4b;
  font-size: 0.94rem;
  font-weight: 400;
  text-decoration: none;
}
.templateset-browse #all-templates table td:first-child a:hover,
.templateset-browse #all-templates table th:first-child a:hover {
  color: #4b4b4b;
  text-decoration: underline;
}
.templateset-browse #all-templates table td:last-child,
.templateset-browse #all-templates table th:last-child {
  padding-right: 0.75rem;
}
.templateset-browse #all-templates fieldset {
  display: block;
}
.templateset-browse #all-templates .template-header {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: solid 2px;
}
.templateset-browse #templateset-name {
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 0px !important;
}
.templateset-browse .templateset-links {
  float: right;
  padding: 10px;
}
.templateset-browse .templateset-status {
  padding: 10px;
  background-color: #eef3e8;
}
.templateset-browse .templateset-status p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.templateset-browse .templateset-status .status-block {
  margin-top: 0.5em;
}
.templateset-browse .templateset-status #buttons {
  margin-top: 0.5em;
}
.templateset-browse .templateset-status #buttons form {
  display: inline;
}
.templateset-browse .templateset-status #buttons .selectize-control {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .templateset-browse .templateset-status #buttons .selectize-control {
    width: 400px;
  }
}
.templateset-browse .templateset-status #buttons .selectize-control.single .selectize-input {
  min-height: 33px;
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .templateset-browse .templateset-status #buttons .selectize-control.single .selectize-input {
    width: 400px;
  }
}
.templateset-browse .templateset-status #buttons form.has_error .selectize-control .selectize-input {
  border-color: #dd0000;
}
.templateset-browse .templateset-status #buttons .selectize-dropdown {
  width: 100%;
}
@media only screen and (min-width: 499px) {
  .templateset-browse .templateset-status #buttons .selectize-dropdown {
    width: 300px;
  }
}
.templateset-browse .templateset-status #link-upload-download {
  margin-top: 10px;
}
.templateset-browse .templateset-status #link-upload-download h2 {
  margin-bottom: 7px;
}
.templateset-browse .templateset-status #link-upload-download .file-linker,
.templateset-browse .templateset-status #link-upload-download .uploader,
.templateset-browse .templateset-status #link-upload-download .downloader {
  vertical-align: top;
  display: inline-block;
}
.templateset-browse .templateset-status #link-upload-download .file-linker h2,
.templateset-browse .templateset-status #link-upload-download .uploader h2,
.templateset-browse .templateset-status #link-upload-download .downloader h2 {
  font-size: 1.125rem;
  font-weight: 500;
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
}
.templateset-browse .templateset-status #link-upload-download .file-linker p,
.templateset-browse .templateset-status #link-upload-download .uploader p,
.templateset-browse .templateset-status #link-upload-download .downloader p {
  font-weight: 200;
}
.templateset-browse .templateset-description {
  margin-top: 0;
}
.templateset-browse .content-main h2 {
  clear: both;
}
.templateset-browse .title-introduction {
  font-size: 0.877rem;
  color: #999;
  margin-top: 0;
}
.templateset-browse .unsaved-error-alert {
  color: red;
  font-weight: bold;
}
.templateset-browse #dropbox {
  position: relative;
  width: 40%;
  border: 3px solid grey;
  background-color: #c3c3c3;
  margin: 20px;
  top: 5%;
  left: 5%;
  bottom: 0;
  right: 0;
  color: white;
  font-size: 36px;
  line-height: 30px;
}
.templateset-browse .draggable table,
.templateset-browse .draggable table tr {
  border: 0;
}
.templateset-browse .draggable table td {
  vertical-align: top;
}
.templateset-browse .draggable table tr td:first-child {
  width: 30%;
}
.templateset-browse #watching p.count {
  font-weight: bold;
}
.templateset-browse .modal {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.templateset-browse .modal .modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border: 3px dashed #888;
  border-radius: 15px;
  width: 50%;
}
.templateset-browse .modal div.button-container {
  margin: auto;
  width: 20%;
}
.templateset-browse #static-uploader p {
  text-align: right;
  font-weight: 200;
  color: #ccc;
  font-size: 1.5rem;
}
.templateset-browse #static-uploader div.file-input {
  font-size: 1.125rem;
  margin-top: 1rem;
  margin-left: 1rem;
}
.templateset-browse #static-uploader div.status {
  margin-left: 1rem;
}
.templateset-browse #html5-uploader .files {
  font-weight: 200;
  color: #ccc;
  font-size: 1.5rem;
}
.templateset-browse #html5-uploader.hover .modal-content,
.templateset-browse #static-uploader.hover .modal-content {
  border: 3px solid #009b3d;
  border: dashed 3px blue;
  background-color: #efefef;
}
.templateset-browse #watchlist {
  position: fixed;
  z-index: 1;
  bottom: 20px;
  left: 20px;
  border: 1px solid #888;
  background-color: rgba(0, 92, 111, 0.75);
}
.templateset-browse .sweet-alert {
  box-sizing: border-box;
  max-height: 100% !important;
  overflow-y: auto !important;
  padding: 0 17px 17px !important;
  margin-top: 50px;
}
.templateset-browse .sweet-alert:before {
  content: "";
  display: block;
  height: 17px;
  width: 0;
}
.templateset-browse .sweet-alert p {
  text-align: left;
}
.templateset-browse .tablesorter-header-inner:hover {
  cursor: pointer;
}
.templateset-browse .tablesorter-headerDesc div:after {
  content: " ▲";
  color: #fff;
  font-size: 0.75rem;
}
.templateset-browse .tablesorter-headerAsc div:after {
  content: " ▼";
  color: #fff;
  font-size: 0.75rem;
}
.templateset-browse .notifylist {
  list-style: disc;
  padding-left: 40px;
}
.templateset-browse .add-template-block {
  margin-top: 10px;
}

.template-editor {
  /* TODO: move to sass/_templatesets.scss with a new top-level body class */
}
.template-editor .content.generic {
  margin: 0 !important;
  padding: 0;
  width: 100%;
}
.template-editor label[for=id_code] {
  width: auto;
  margin-top: 0.5em;
}
.template-editor .header {
  display: none;
}
.template-editor .header + hr {
  display: none;
}
.template-editor button[name=preview],
.template-editor button[name=preview_again] {
  float: right;
}
.template-editor button[name=preview_again] {
  margin-right: 5px;
  max-width: 220px;
}
.template-editor #picker-container .handle,
.template-editor #preview-container .handle {
  position: absolute;
  background-position: left top;
  top: 100px;
  right: -50px;
  width: 30px;
  height: 30px;
  /* The scroll bars for the code editor are z-index: 5 */
  z-index: 15;
}
.template-editor #picker-container .vertical-drawer ~ .handle:hover,
.template-editor #preview-container .vertical-drawer ~ .handle:hover {
  cursor: pointer;
  background-position: right top;
}
.template-editor #picker-container .vertical-drawer.open ~ .handle,
.template-editor #preview-container .vertical-drawer.open ~ .handle {
  background-position: left bottom;
}
.template-editor #picker-container .vertical-drawer.open ~ .handle:hover,
.template-editor #preview-container .vertical-drawer.open ~ .handle:hover {
  background-position: right bottom;
}
.template-editor #preview-container .vertical-drawer ~ .handle {
  background: url("/media/images/ak-handle-green-right.svg");
}
.template-editor #picker-container .vertical-drawer ~ .handle {
  background: url("/media/images/ak-handle-grey-left.svg");
}
.template-editor #picker h2 {
  font-size: 1.125rem;
}
.template-editor .template-link:hover {
  text-decoration: underline;
}
.template-editor .template-link:last-of-type {
  padding-bottom: 25px;
}
.template-editor #full-container {
  position: relative;
}
.template-editor #preview.open,
.template-editor #picker.open {
  width: auto;
  padding: 0 1em;
  overflow-y: scroll;
}
.template-editor #preview.open {
  width: 50%;
}
.template-editor #picker {
  border-right: solid 8px #777;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  width: 0;
  z-index: 15;
}
.template-editor #picker h3 {
  margin-top: 15px;
  font-weight: 700;
}
.template-editor #preview h3 {
  margin-top: 15px;
  font-weight: 700;
}
.template-editor #preview {
  border-left: solid 8px #668d24;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  width: 0;
  /* The control links for the editor are z-index: 1 */
  /* The scroll bars for the code editor are z-index: 5 */
  z-index: 15;
}
.template-editor #editor {
  position: absolute;
  top: 0;
  right: 10%;
}
.template-editor .pagestopreview ul {
  margin-left: 2rem;
}
.template-editor .pagestopreview li {
  margin-top: 0.75rem;
}
.template-editor .selectize-control.single .selectize-input {
  padding-top: 6px;
  padding-bottom: 6px;
}
.template-editor .change-form .editor-area textarea.editor-raw {
  border: solid 1px rgb(187, 187, 187);
}
.template-editor .change-form .editor-area.wysiwyg-off .editor-content {
  border: 0;
}
.template-editor .change-form .editor-area .editor-controls {
  z-index: 1;
}
.template-editor .footer {
  margin: 0px auto 0;
}
.template-editor .footer p {
  display: inline;
}
.template-editor .footer p:first-of-type {
  margin-right: 0;
}
.template-editor .footer p:last-of-type {
  margin-left: 0;
}
@media screen and (max-width: 800px) {
  .template-editor .buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px 4px 1px 4px;
    background: #4b4b4b;
  }
}

#notifications {
  bottom: 20px;
  position: fixed;
  right: 20px;
  z-index: 2;
}

.notification {
  background: #c0d6db url("/media/images/alert_warning_32.svg") 10px 50% no-repeat;
  border-radius: 4px;
  color: #fff;
  font-size: normal;
  font-weight: 200;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 13px 15px 13px 56px;
  z-index: 3;
}

.notification.plain {
  background: #c0d6db;
  padding: 11px 15px;
}

.notification.alternate {
  background: #c0d6db;
  padding: 11px 15px;
}

.notification.info {
  background: #c0d6db url("/media/images/alert_info_32.svg") 10px 50% no-repeat;
}

.notification.warning {
  background: #c0d6db url("/media/images/alert_warning_32_red.svg") 10px 50% no-repeat;
}

.notification a {
  font-weight: 600;
}

.notification b {
  font-weight: 600;
}

/*Client notices*/
ul.updatemessage {
  position: relative;
  font-weight: 200;
  background: #fff2e0 url("/media/images/alert_warning_32.svg") 7px 50% no-repeat;
  padding: 11px 24px 11px 48px;
  margin-bottom: 5px;
  font-size: 0.94rem;
  line-height: 18px;
}
ul.updatemessage span.title {
  font-weight: 600;
}
ul.updatemessage span.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: #4b4b4b;
  font-size: 1.5em;
}
ul.updatemessage p.date {
  margin: 0px;
  font-size: 0.75rem;
  color: #999;
}

.content ul.updatemessage span.close {
  display: none;
}

ul.updatemessage.plain {
  background: #ffeacb url("/media/images/alert_info_32.svg") 10px 50% no-repeat;
}

ul.updatemessage.warning {
  background: #fff2e0 url("/media/images/alert_warning_32.svg") 7px 50% no-repeat;
}

ul.updatemessage.info {
  background: #dae7e9 url("/media/images/alert_info_32.svg") 7px 50% no-repeat;
}

ul.updatemessage.danger {
  color: #dd0000;
  background: #ffeeee url("/media/images/alert_warning_32_red.svg") 7px 50% no-repeat;
}

ul.updatemessage.release {
  background: #dae7e9 url(/media/images/ak-logo-blue-blue.svg) 7px 50% no-repeat;
  background-size: 32px 32px;
}

ul.updatemessage a {
  font-weight: 600;
}

ul.updatemessage a:hover {
  text-decoration: underline;
}

ul.updatemessage b {
  font-weight: 600;
}

/* client notices - margins */
@media only screen and (min-width: 499px) {
  ul.updatemessage {
    padding: 11px 15px 11px 54px;
  }
}
@media only screen and (min-width: 599px) {
  ul.updatemessage {
    padding: 11px 30px 11px 69px;
  }
}
@media only screen and (min-width: 799px) {
  ul.updatemessage {
    padding: 11px 45px 11px 84px;
  }
}
@media only screen and (min-width: 999px) {
  ul.updatemessage {
    padding: 11px 60px 11px 99px;
  }
}
@media only screen and (min-width: 1199px) {
  ul.updatemessage {
    padding: 11px 80px 11px 119px;
  }
}

/*archived announcements search */
#announcements-search {
  width: 100%;
  height: 30px;
  background: #f7f7f7;
  color: #666;
  font-size: 0.813rem;
  padding-left: 26px;
  border: 1px solid #bbb;
  border-radius: 0;
  margin: 10px 0 5px;
  background: #f7f7f7;
  background-image: url("/media/images/magnifying-glass.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left center;
}
@media only screen and (min-width: 599px) {
  #announcements-search {
    width: 220px;
    margin: 10px 0;
  }
}

#id_is_alert-container {
  float: left;
  margin-top: 0;
  margin-bottom: 5px;
}
@media only screen and (min-width: 599px) {
  #id_is_alert-container {
    float: right;
    margin-top: 5px;
    margin-bottom: 0;
  }
}

/* alternate layout for Archived Announcements */
#notices ul.updatemessage {
  margin-top: 0;
  margin-bottom: 1px;
  display: table;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

#notices ul.updatemessage li {
  display: table-cell;
}

#notices ul.updatemessage:last-of-type {
  margin-bottom: 0;
}

#notices ul.updatemessage li:first-of-type {
  width: 85%;
  padding-top: 11px;
  padding-bottom: 11px;
}

#notices ul.updatemessage li:last-of-type {
  width: 15%;
  min-width: 100px;
  border-left: 1px solid #fff;
  padding-left: 15px;
  vertical-align: middle;
}
#notices ul.updatemessage li:last-of-type p {
  color: #4b4b4b;
  font-size: 0.813rem;
}

@media only screen and (min-width: 499px) {
  ul.updatemessage.plain,
  ul.updatemessage.warning,
  ul.updatemessage.info,
  ul.updatemessage.danger,
  ul.updatemessage.release {
    background-position: 11px 50%;
  }
}
@media only screen and (min-width: 599px) {
  ul.updatemessage.plain,
  ul.updatemessage.warning,
  ul.updatemessage.info,
  ul.updatemessage.danger,
  ul.updatemessage.release {
    background-position: 26px 50%;
  }
}
@media only screen and (min-width: 799px) {
  ul.updatemessage.plain,
  ul.updatemessage.warning,
  ul.updatemessage.info,
  ul.updatemessage.danger,
  ul.updatemessage.release {
    background-position: 41px 50%;
  }
}
@media only screen and (min-width: 999px) {
  ul.updatemessage.plain,
  ul.updatemessage.warning,
  ul.updatemessage.info,
  ul.updatemessage.danger,
  ul.updatemessage.release {
    background-position: 56px 50%;
  }
}
@media only screen and (min-width: 1199px) {
  ul.updatemessage.plain,
  ul.updatemessage.warning,
  ul.updatemessage.info,
  ul.updatemessage.danger,
  ul.updatemessage.release {
    background-position: 76px 50%;
  }
}

/*
   Messages
*/
/* Message margins */
ul.messagelist {
  margin-right: -10px;
  margin-left: -10px;
}
@media only screen and (min-width: 499px) {
  ul.messagelist {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 599px) {
  ul.messagelist {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media only screen and (min-width: 799px) {
  ul.messagelist {
    margin-right: -45px;
    margin-left: -45px;
  }
}
@media only screen and (min-width: 999px) {
  ul.messagelist {
    margin-right: -60px;
    margin-left: -60px;
  }
}
@media only screen and (min-width: 1199px) {
  ul.messagelist {
    margin-right: -80px;
    margin-left: -80px;
  }
}
ul.messagelist > li {
  padding: 17px 10px 18px 53px;
  margin-bottom: 5px;
  background-position: 10px center;
}
@media only screen and (min-width: 499px) {
  ul.messagelist > li {
    padding-left: 58px;
    padding-right: 15px;
    background-position: 15px center;
  }
}
@media only screen and (min-width: 599px) {
  ul.messagelist > li {
    padding-left: 73px;
    padding-right: 30px;
    background-position: 30px center;
  }
}
@media only screen and (min-width: 799px) {
  ul.messagelist > li {
    padding-left: 88px;
    padding-right: 45px;
    background-position: 45px center;
  }
}
@media only screen and (min-width: 999px) {
  ul.messagelist > li {
    padding-left: 103px;
    padding-right: 60px;
    background-position: 60px center;
  }
}
@media only screen and (min-width: 1199px) {
  ul.messagelist > li {
    padding-left: 123px;
    padding-right: 80px;
    background-position: 80px center;
  }
}

/* Individual message styles */
ul.messagelist > li {
  text-align: left;
  line-height: 18px;
  font-weight: 500;
  background-repeat: no-repeat;
}
ul.messagelist li.info {
  background-color: #dae7e9;
  background-image: url("/media/images/alert_info_32.svg");
}
ul.messagelist li.warning {
  background-color: #ffeacb;
  background-image: url("/media/images/alert_warning_32.svg");
}
ul.messagelist li.error {
  background-color: #ffeeee;
  background-image: url("/media/images/alert_warning_32_red.svg");
}
ul.messagelist li.success {
  background-color: #e1e8d4;
  background-image: url("/media/images/alert_success_32.svg");
  background-size: 32px;
}
ul.messagelist li.ak-info {
  background-color: #e1e8d4;
  background-image: url("/media/images/ak-logo-green-green.svg");
  background-size: 32px;
}

/* Error message folding */
ul.messagelist li.error > ul.errorlist.no-collapse::before {
  content: "";
}
ul.messagelist li.error > ul.errorlist::before {
  content: "▼";
  font-size: 0.75rem;
  color: #27bbdd;
  transform: rotate(-90deg);
  cursor: pointer;
  display: inline-block;
}
ul.messagelist li.error > ul.errorlist.visible::before {
  transform: rotate(0deg);
}
ul.messagelist li.error > ul.errorlist.visible > li {
  display: block;
}
ul.messagelist li.error ul.errorlist {
  display: inline;
  padding: 0;
  margin: 0;
}
ul.messagelist li.error ul.errorlist li {
  list-style-type: none;
  color: #4b4b4b;
  font-weight: 500;
  text-align: left;
  display: block;
  word-break: break-all;
}
@media only screen and (min-width: 499px) {
  ul.messagelist li.error ul.errorlist li {
    display: block;
  }
}
ul.messagelist li.error ul.errorlist li ul.errorlist {
  min-width: 84%;
  max-width: 84%;
  padding-left: 20px;
}
@media only screen and (min-width: 799px) {
  ul.messagelist li.error ul.errorlist li ul.errorlist {
    min-width: 88%;
    max-width: 88%;
  }
}
@media only screen and (min-width: 799px) {
  ul.messagelist li.error ul.errorlist li ul.errorlist {
    padding-left: 5px;
  }
}
ul.messagelist li.error > ul.errorlist > li {
  padding: 10px 15px 10px 0;
  display: none;
  justify-content: space-between;
}
ul.messagelist li.error > ul.errorlist.no-collapse > li {
  display: block;
}
ul.messagelist .errorlist .errorlist {
  /* 
      bulk edit error structure is roughly
        <ul class=errorlist>
          <li>
            fieldname 
            <ul class=errorlist>
               <li>problem1</li>
               <li>problem2</li>
            </ul>
          </li>
        </ul>
      we want field name(s) at left and the problem(s) at right
      (bz 6686 has images)
      */
  float: right;
}
ul.messagelist li.error > ul.errorlist.visible > li {
  /* 
      expand to hold any floating inner errorlist 

      we need anything that "establishes a block formatting context"; see
      https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context .
      there may be other properties/values with fewer side effects.  or we
      can add a clear: both; <br> after lists like this instead.
      */
  column-count: 1;
}

/*Moving from style.css*/
table thead th .text a {
  display: block;
  cursor: pointer;
}

table thead th .text span {
  padding: 2px 5px;
  display: block;
}

.clear {
  clear: both;
}

.icon-inline-text {
  margin-left: 4px;
  font-size: 0.813rem;
}

.has-tip-under:hover .tip {
  left: 55%;
  top: 30px;
  opacity: 1;
}

.recent-list .plus,
.add-menu h3 .icn {
  height: 21px;
  width: 21px;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 4px;
  padding-right: 3px;
}

/*.recent-list a,*/
.add-menu h3 {
  display: block;
  position: relative;
  height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid white;
  font-weight: bold;
  text-decoration: none;
  color: white;
  background-color: #777;
  line-height: 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 7px;
  padding-left: 36px;
}

.recent-list {
  min-height: 108px; /* work around repaint prob in chrome */
}

/* Django Admin History */
table#change-history td {
  padding: 5px 10px;
}

table#change-history th {
  padding: 5px 10px;
  white-space: nowrap;
}

/* User History */
.user-history {
  float: left;
  margin: 0 20px;
}

.user-history .table-holder {
  overflow-x: auto;
  max-width: 1000px;
}

.user-history h2 {
  padding-bottom: 0.5em;
}

.user-history table td,
.user-history table th {
  padding: 0.5em;
}

/* General django list screen */
.change-list table {
  margin: 0;
}

.change-list table thead th {
  line-height: 18px;
  padding: 5px;
}

.change-list table tbody th {
  line-height: 18px;
  padding: 8px 0px 8px;
  border-top: 1px solid #e6e6e6;
  background: #4b4b4b;
  padding: 5px;
}

.change-list table td {
  line-height: 18px;
  padding: 8px 4px 8px;
  border-top: 1px solid #e6e6e6;
  background: #fff;
}

.change-list table td.item h4 {
  margin: 0px;
}

.change-list table td.item p {
  margin: 0px;
}

.change-list table td.status p.outbox {
  font-size: 1.1em;
}

.change-list table tr.even {
  background: #fcfcfc;
}

.change-list .object-tools li {
  list-style-type: none;
  margin-bottom: 20px;
  margin-top: 20px;
}

#history_iframe {
  position: absolute;
  left: -9999px;
}

#_go_to_current_div {
  font-size: 11px;
}

.reports #report_result td {
  padding: 0px 5px;
}

.mailings-confirm .theform .f-submit,
.mailings-send .theform .f-submit {
  margin: 0px;
  background: #00b0d8;
  color: #fff;
  border: none;
  font-size: 1em;
  font-weight: bold;
  padding: 8px 10px 8px 10px;
}

a.browse-mailing-error {
  display: block;
  color: red;
  font-weight: bold;
}

.ui-dialog-titlebar,
.ui-dialog-title {
  line-height: 10pt !important;
}

.ui-dialog-titlebar {
  padding: 3px !important;
  margin: 0px !important;
}

.save-button {
  cursor: hand;
  cursor: pointer;
  background: #00b0d8;
  color: #fff;
  border: none;
  font-size: 1.6em;
  font-weight: bold;
  padding: 8px 10px 8px 10px;
}

/* Main Menu System */
body .main-menu li a.active {
  background: #fff;
  color: #000;
}

/* Forms */
input {
  font-size: 0.94rem;
}

/* ABOVE IS OLD STYLE.CSS*/
.arrow {
  float: right;
  font-size: 0.6rem;
  position: relative;
}

li .tab-top .arrow:after {
  content: "▶";
}

li .tab-top .arrow {
  -webkit-transition: transform 0.1s;
  transition: transform 0.1s;
}

li.active .tab-top .arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.expander {
  display: none;
}

.expand-all {
  text-decoration: underline;
}

.clear {
  clear: both;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

ol,
ul {
  list-style: none;
}

.empty {
  padding-left: 15px;
  margin: 10px 0;
}

.title-section {
  font-size: 0.75rem;
  margin: 15px 0;
}

.footer {
  clear: both;
  margin: 15px 25px 25px;
}
@media only screen and (min-width: 499px) {
  .footer {
    margin: 15px 30px 40px;
  }
}
@media only screen and (min-width: 599px) {
  .footer {
    margin: 15px 45px 50px;
  }
}
@media only screen and (min-width: 799px) {
  .footer {
    margin: 15px 60px 50px;
  }
}
@media only screen and (min-width: 999px) {
  .footer {
    width: 95%;
    margin: 15px auto 50px;
  }
}
@media only screen and (min-width: 1199px) {
  .footer {
    max-width: 100%;
    margin: 15px auto 50px;
  }
}

body.dashboard .footer {
  margin-bottom: 70px;
}
@media only screen and (min-width: 799px) {
  body.dashboard .footer {
    margin-bottom: 40px;
  }
}

.footer p,
.home.dashboard .footer p {
  font-size: 0.66rem;
  font-weight: 200;
  margin: 0;
}
@media only screen and (min-width: 999px) {
  .footer p,
  .home.dashboard .footer p {
    margin: 0 75px;
  }
}
@media only screen and (min-width: 1199px) {
  .footer p,
  .home.dashboard .footer p {
    margin: 0 95px;
  }
}

/* "Tabs" on page lists */
h3.title-section {
  padding-left: 15px;
  text-transform: uppercase;
  font-size: 0.94rem;
  font-weight: 200;
  color: #4b4b4b;
  margin: 25px 0 10px 0;
  height: auto;
}
@media only screen and (min-width: 499px) {
  h3.title-section {
    /* to allow line-wrap at small sizes */
    min-height: 16px;
  }
}
@media only screen and (min-width: 799px) {
  h3.title-section {
    margin-top: 0;
  }
}

.tabbed-section .tabs {
  margin-bottom: 6px;
}
.tabbed-section .tabs label {
  cursor: pointer;
  color: #b3b3b3;
  float: none;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.tabbed-section .tabs label.active {
  color: #4b4b4b;
}
.tabbed-section .tabs label:hover {
  text-decoration: underline;
}

/* Tabs on other kinds of pages */
div.related-tabs a {
  font-size: 0.94rem;
  font-weight: 400;
  text-transform: uppercase;
}
div.related-tabs a:not(:last-child)::after {
  content: " | ";
}
div.related-tabs a.active {
  color: #4b4b4b;
}

h2.related-tabs {
  font-size: 1.5rem;
  border-bottom: 1px solid #999;
  font-weight: 200;
}
h2.related-tabs a:not(:last-child)::after {
  content: " | ";
  color: #ccc;
}
h2.related-tabs a.active {
  color: #4b4b4b;
}

h2.title-page .related-tabs {
  padding-left: 1em;
}
h2.title-page .related-tabs a:not(:last-child)::after {
  content: " | ";
  color: #ccc;
}
h2.title-page .related-tabs a.active {
  color: #4b4b4b;
}

.report-container .status {
  display: none;
}

.report-container .status.updating {
  display: inline;
}

.box.inventory .report-container .status {
  position: absolute;
  right: 8px;
  top: 29px;
  font-family: Tahoma, Verdana;
  font-weight: bold;
  font-size: 0.6em;
}

.box-progress .report-container .status {
  /* display: inline; */
  margin-left: 20px;
  font-size: 1.8em;
}

.box-progress .report-container .status {
  float: right;
  position: relative;
  top: -18px;
  margin-left: 20px;
  font-size: 1.2em;
  margin-bottom: -18px;
  color: #808080;
}

/* Config Home Index */
.config .index {
  clear: both;
}

.config .box {
  margin: 0;
}

.config .box-tools {
  width: 240px;
}

.config .box-tools li a {
  display: block;
  background: url(/media/images/b-tools-220.png) no-repeat;
  width: 220px;
  height: 35px;
  text-decoration: none;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 36px;
  text-indent: 42px;
}

.config .box-tools li a:hover {
  background-position: right 0px;
}

.config .box-related-tools {
  margin: 0px 0px 0px 80px;
}

.change-form .form-row {
  border: none;
}

.change-form .submit-row {
  margin: 5px 0 0 0;
  background: none;
  border: none;
  text-align: left;
  padding: 0;
}
@media only screen and (min-width: 499px) {
  .change-form .submit-row {
    margin: 9px 0 0 0;
  }
}

.ui-dialog-titlebar,
.ui-dialog-title {
  line-height: 10pt !important;
}

.ui-dialog-titlebar {
  padding: 3px !important;
  margin: 0px !important;
}

.navigation-bar {
  float: right;
}

/* Inline form stuff */
.change-form .inline-group {
  border: none;
}

.change-form .inline-group table,
.change-form .inline-group .inline-formsets {
  border: 1px solid #ccc;
}

.change-form .inline-group .inline-formsets .add-row {
  border-bottom: none;
}

.change-form .inline-group .tabular fieldset.module {
  border: none;
}

.change-form .custom-field-inline .original {
  visibility: visible;
}

.change-form .custom-field-inline .original p {
  visibility: hidden;
}

/* /dash/search stuff */
.content.search p,
.content.search h4 {
  margin: 0px;
}

/* These next two lines could probably be applied to all of our form-rows. */
.core-congresstargetgroup .form-row p.help,
.reports-dashboardreport .form-row p.help,
.reports-queryreport .form-row p.help {
  margin-bottom: 0;
}

/* The always_csv field is displayed as a RadioSelect, which uses labels */
.reports-queryreport .form-row li label {
  float: none;
  width: auto;
}

.reports-queryreport .aligned label {
  padding-right: 0;
}

/* Login */
body.login .wrapper .header {
  display: none;
}

body.login .footer {
  display: none;
}

body.login .wrapper {
  width: 400px;
  margin-top: 100px;
  background-color: #fff;
}

body.login .content {
  margin: 0px;
}

/* Popup */
body.popup {
  background: white;
}

body.popup .wrapper {
  box-shadow: none;
}

body.popup .wrapper .header {
  display: none;
}

body.popup .footer {
  display: none;
}

#history_iframe {
  position: absolute;
  left: -9999px;
}

p.message {
  background: #ffffff none repeat scroll 0 0;
  padding: 11px 0;
  color: #4b4b4b;
  margin-bottom: 20px;
  font-size: normal;
  font-weight: 600;
  line-height: 18px;
  font-family: inherit;
}

/* User History */
.user-history {
  float: left;
  margin: 0px;
}

.user-history .table-holder {
  overflow-x: auto;
  max-width: 1000px;
}

.user-history h2 {
  padding-bottom: 0.5em;
}

.user-history table td,
.user-history table th {
  padding: 0.5em;
}

/* Django Admin History 
table#change-history td { padding: 0px 5px; }
table#change-history th { padding: 0px 5px; }*/
/* manage recurring */
.managerecurring {
  float: left;
  margin: 0 20px;
}

.managerecurring .table-holder {
  overflow-x: auto;
  max-width: 1000px;
}

.managerecurring h2 {
  padding-bottom: 0.5em;
}

.managerecurring table td,
.managerecurring table th {
  padding: 0.5em;
}

/* Uploader screens */
/* Tweaks to change_list.html */
#content-main ul.tools {
  padding: 1em;
}

/* Change forms */
/* For custom field editing */
.inline-related td {
  vertical-align: top;
}

.inline-related td.delete,
.inline-related td.name {
  width: 1%;
}

.inline-related textarea {
  width: 100%;
  height: 82px;
}

.inline-group a.add {
  background: url(/static/admin/img/icon_addlink.gif) 0 50% no-repeat;
  padding-left: 14px;
}

.custom-field-inline .original {
  visibility: hidden;
}

.custom-field-inline.inline-group .tabular tr.has_original td {
  padding: 0px;
}

#content-main .custom-field-inline ul.tools {
  padding: 0px;
}

/* For petition delivery jobs */
#petitiondeliveryjob_form #id_petitions {
  width: 600px;
}

/* Targets */
.core-congresstargetgroup select[multiple=multiple] {
  height: 200px;
  width: 600px;
}

.core-congresstargetgroup #id_states {
  height: 33px;
  width: 66%;
}

#whipcountresponse_form td.original p {
  visibility: hidden;
}

#whipcountresponse_form .inline-group .tabular tr.has_original td {
  padding-top: 0;
}

table.kvp_table {
  border: 0;
}

table.kvp_table td {
  margin: 1px;
  padding: 0;
  border: 0;
}

table.kvp_table tr {
  border: 0;
}

table.kvp_table th {
  border: 0;
  padding: 1px 2px;
  margin: 1px;
  line-height: normal;
  background-color: white;
  font-weight: normal;
  font-style: normal;
  font-family: "myriad pro", "trebuchet ms", "arial";
  font-size: 12px;
}

td.kvplabel input,
td.kvplabel select {
  width: 150px;
  margin-right: 5px;
}

td.kvpvalue input,
td.kvpvalue select {
  width: 200px;
  margin-right: 5px;
}

td.kvplabel,
td.kvpvalue {
  padding-right: 5px;
}

td.kvpdelete input {
  width: 40px !important;
  position: relative;
  top: -3px;
}

a.kvplabel {
  margin-left: 8px;
}

.dangerous-filters {
  display: none;
}

.no-recent label[for=id_recent_tools],
.no-recent .divider,
.no-recent #id_recent_tools {
  display: none !important;
}

.no-recent #id_main_tools {
  display: block !important; /*needs an important here to make sure actionkit tools always shows up on incognito new browser*/
}

.no-recent span.divide {
  display: none !important; /*hide the divider span when hiding recent tools*/
}

.no-recent label[for=id_main_tools] {
  color: #4b4b4b !important;
}

.no-recent label[for=id_main_tools]:hover {
  text-decoration: none;
  cursor: text;
}

.ak-icon-tiny,
fieldset .icn {
  display: block;
  width: 21px;
  height: 21px;
  background-image: url(/media/images/akplus-white-21px.svg);
  background-repeat: no-repeat;
}

.no-svg .ak-icon-tiny,
.no-svg fieldset.includes .icn {
  background-image: url(/media/images/akplus-white-21px.png);
}

fieldset.excludes .icn {
  background-image: url(/media/images/akminus-white-21px.svg);
}

.no-svg fieldset.excludes .icn {
  background-image: url(/media/images/akminus-white-21px.png);
}

.change-list .sample-rows thead tr {
  background-color: #c3c3c3;
}

.change-list .sample-rows thead th {
  background-color: #c3c3c3;
  font-weight: 600;
  font-size: larger;
}

.clock-icon-inline {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  background-image: url(/media/images/fontawesome-clock-14px.svg);
  background-repeat: no-repeat;
  margin-left: 3px;
}

.no-svg .clock-icon-inline {
  background-image: url(/media/images/fontawesome-clock-14px.png);
}

.repeat-icon-inline {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  background-image: url(/media/images/fontawesome-repeat-14px.svg);
  background-repeat: no-repeat;
  margin-left: 3px;
}

.no-svg .repeat-icon-inline {
  background-image: url(/media/images/fontawesome-repeat-14px.png);
}

.stopwatch-icon-inline {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  background-image: url(/media/images/stopwatch-solid.svg);
  background-repeat: no-repeat;
  margin-left: 3px;
}

.icon-enlarged {
  width: 42px;
  height: 42px;
  background-size: 100%;
}

.has-tip-under .tip {
  opacity: 0;
  transition: opacity linear 0.1s, top linear 0.1s;
  position: absolute;
  top: 30px;
  left: -9999px;
  border: solid #eee 1px;
  border-top: 0;
  padding: 4px 5px 6px;
  font-size: 0.813rem;
  color: #fff;
  background: #4f4f4f;
  z-index: 1000;
  width: auto;
}

.box-search-mobile .has-tip-under .tip {
  top: 38px;
  left: -9999px;
  width: 100%;
  padding: 3px 15px 5px;
  border: solid #ddd 1px;
  border-top: 0;
}

.has-tip-under:hover .tip {
  opacity: 1;
  left: 0;
}

.scheduling-note {
  padding: 11px 11px;
}

.scheduling-note h3 {
  margin: 0px;
}

.scheduling-note .scheduling-icon {
  float: left;
  position: relative;
  top: 3px;
  padding-right: 5px;
}

.scheduling-note .clear {
  clear: both;
}

.mailings .scheduling-note {
  background: #fef9ef;
}

.texting .scheduling-note {
  background: rgba(74, 80, 154, 0.07);
}

/* delivery job pages */
.delivery table tr {
  padding: 1em;
}

.delivery table th,
.delivery table td {
  padding: 0.5em;
}

.delivery table th {
  font-weight: 600;
}

/* ****************************************************************** */
/* Survey Builder */
#surveyquestion_set-group .inline-related .form-row {
  padding-bottom: 0;
}

#surveyquestion_set-group .inline-related .module.aligned {
  padding-bottom: 8px;
}

#surveyquestion_set-group .inline-related h3 span.delete label {
  margin-top: -2px;
  padding-top: 0;
}

#surveyquestion_set-group .inline-related h3 span.delete input[type=checkbox] {
  margin-top: 0;
}

#surveyquestion_set-group .inline-related h3 span.delete {
  margin-top: 0;
  margin-right: -10px;
}

#surveyquestion_set-group .inline-related .sortable-handle {
  float: right;
  padding: 2px 8px 2px 4px; /*margin-top: -1px;*/
  margin-top: -6px;
  margin-left: 1em;
  cursor: move;
  cursor: ns-resize;
  font-weight: 600;
  font-size: 11px;
  color: black;
}

#surveyquestion_set-group .inline-related .sortable-marker {
  font-size: 18px;
  font-weight: normal;
  position: relative;
  top: 2px;
  color: #666;
}

#surveyquestion_set-group .sortable-placeholder {
  visibility: visible;
  background: #ffe;
  border: 1px dashed #996;
  border-radius: 5px;
  margin: 4px;
  padding: 0;
}

#surveyquestion_set-group .inline-related textarea {
  width: 600px;
  vertical-align: top;
}

#surveyquestion_set-group .inline-related select {
  width: 600px;
}

#surveyquestion_set-group .inline-related .question_label textarea {
  /*height: 16px*/
}

#surveyquestion_set-group .inline-related .field_name input {
  width: 450px;
}

#surveyquestion_set-group .inline-related input[type=number] {
  width: 60px;
}

/* User Form Builder */
#cms-userformfield-form_type-form_id-group {
  position: relative;
}

#cms-userformfield-form_type-form_id-group .userfield-options {
  margin-left: 95px;
}

#cms-userformfield-form_type-form_id-group .userfield-options label {
  font-size: 13px;
}

#cms-userformfield-form_type-form_id-group .userfield-options label {
  padding-left: 0.5em;
}

#cms-userformfield-form_type-form_id-group .inline-related .form-row {
  padding-bottom: 0;
}

#cms-userformfield-form_type-form_id-group .inline-related .module.aligned {
  padding-bottom: 5px;
}

.userfield-details {
  padding: 8px 4px 0 8px;
  font-size: 13px;
  margin-bottom: -4px;
  margin-right: 125px;
}

.userfield-content {
  font-size: 0.94rem;
  padding-top: 0;
  font-weight: 600;
}

.userfield-status {
  float: right;
  margin-top: -2px;
  margin-bottom: -6px;
}

.userfield-status select {
  vertical-align: top;
  min-width: 165px;
}

#cms-userformfield-form_type-form_id-group .delete {
  float: right;
  padding-top: 7px;
  font-size: 13px;
}

#cms-userformfield-form_type-form_id-group .delete label {
  font-size: 13px;
  position: relative;
  top: 0;
}

#cms-userformfield-form_type-form_id-group .delete input {
  vertical-align: top;
}

#cms-userformfield-form_type-form_id-group .inline-deletelink {
  margin-top: 9px;
  padding-left: 16px;
  text-indent: 0;
  width: auto;
  height: auto;
  font-weight: 600;
  font-size: 13px;
  color: black;
  text-decoration: none;
}

#cms-userformfield-form_type-form_id-group .inline-deletelink span {
  background: #fafafa;
  padding-top: 1px;
  padding-left: 5px;
}

#cms-userformfield-form_type-form_id-group .sortable-handle {
  float: right;
  padding: 8px 8px 2px 4px;
  margin-left: 0.5em;
  cursor: move;
  cursor: ns-resize;
  font-weight: 600;
  font-size: 13px;
  color: black;
}

#cms-userformfield-form_type-form_id-group .sortable-marker {
  font-size: 18px;
  font-weight: normal;
  position: relative;
  top: 0;
  color: #666;
}

#cms-userformfield-form_type-form_id-group .sortable-placeholder {
  visibility: visible;
  background: #ffe;
  border: 1px dashed #996;
  border-radius: 5px;
  margin: 5px 0;
  padding: 0;
  min-height: 39px;
}

#cms-userformfield-form_type-form_id-group ul.errorlist {
  margin-bottom: 10px;
}

#cms-userformfield-form_type-form_id-group textarea {
  width: 600px;
  vertical-align: top;
}

#cms-userformfield-form_type-form_id-group select {
  width: 600px;
}

#cms-userformfield-form_type-form_id-group .userfield-status select {
  width: 100%;
}

#cms-userformfield-form_type-form_id-group .label textarea {
  height: 16px;
}

#cms-userformfield-form_type-form_id-group input[type=text] {
  width: 600px;
}

#cms-userformfield-form_type-form_id-group input[type=number] {
  width: 60px;
}

#cms-userformfield-form_type-form_id-group .field_name_prefix {
  font-family: "lucida console", courier;
  font-size: 0.813rem;
}

#cms-userformfield-form_type-form_id-group .add-row select {
  display: inline;
  vertical-align: baseline;
}

/* Sortable style for .inline-group.ui-sortable containing .inline-related */
.inline-group.ui-sortable .inline-related {
  border: 1px solid #ccc;
  margin: 5px 0;
  border-radius: 5px;
  background: #fcfcfc;
}

.inline-group.ui-sortable .sortable-placeholder {
  margin: 5px 9px;
}

.inline-group.ui-sortable .inline-related h3 {
  background: #efefef;
}

.inline-group.ui-sortable fieldset.module {
  background: transparent;
}

/* ****************************************************************** */
/* Sortable style for admin change lists of reorderable items */
.is-sortable .ui-sortable-helper.ui-state-highlight {
  border: 1px solid #ccc;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) !important;
  -webkit-transform: translate(-5px, -2px);
  -moz-transform: translate(-5px, -2px);
  -ms-transform: translate(-5px, -2px);
  transform: translate(-5px, -2px);
}

/* ****************************************************************** */
.nowrap {
  white-space: nowrap;
}

.large-warning-box,
.giant-warning-box {
  font-size: large;
  width: 50%;
  margin: 50px;
  border: 2px red solid;
  padding: 5px;
}

.large-warning-box {
  font-size: medium;
}

/* ****************************************************************** */
/*admin/cms/eventcreateform/add/*/
.inline-related {
  clear: both;
} /*Fix for UI on user form fields*/
#cms-userformfield-form_type-form_id-group .inline-deletelink {
  margin-top: 13px;
}

.inline-deletelink {
  background-position-y: 2px;
}

.inline-group select {
  width: 100%;
  height: 33px;
  padding: 0px 10px;
}

.inline-group div.add-row {
  background: none;
}

.edit-templateset {
  margin-left: 10px;
  position: relative;
  top: 9px;
}

#id_cms-userformfield-form_type-form_id-3-field_name {
  width: 557px !important;
}

#cms-userformfield-form_type-form_id-group input[type=checkbox] {
  margin-top: 8px;
}

#cms-userformfield-form_type-form_id-group .delete {
  padding-top: 9px;
}

#cms-userformfield-form_type-form_id-group .delete input[type=checkbox] {
  margin-top: 5px;
}

#cms-userformfield-form_type-form_id-group .userfield-options input[type=checkbox] {
  margin-top: 4px;
  vertical-align: top;
}

#cms-userformfield-form_type-form_id-group .sortable-handle {
  padding-top: 6px;
}

.inline-group .add-row select {
  margin-top: -3px;
  width: 90%;
}

#cms-userformfield-form_type-form_id-group .inline-deletelink span {
  position: relative;
  top: -3px;
}

/*admin/core/recurringmailngschedule/1*/
ul.checkbox-list.vertical {
  display: inline-block;
  width: 100%;
  border: none;
}
@media only screen and (min-width: 379px) {
  ul.checkbox-list.vertical {
    width: 31%;
  }
}
ul.checkbox-list.vertical li {
  padding: 0px 10px;
}
ul.checkbox-list.vertical li label {
  padding-top: 0px !important;
  float: none;
}

#sched_weekdays_list {
  overflow: auto;
  top: -6px;
  position: relative;
}

/*fix number input on user change form*/
#id_filter input.structfield-param {
  padding: 0px 5px !important;
}

/*cms/surveyform/add*/
.cms-surveyform .inline-related .sortable-handle {
  margin-top: -5px;
}

.cms-surveyform #cms-userformfield-form_type-form_id-group .inline-deletelink {
  margin-top: 9px;
}

/*Donation form*/
.cms-donationform .inline-related td {
  vertical-align: middle;
}

.cms-donationform table {
  margin-top: 10px;
}

.generic table th {
  padding: 5px;
  margin: 5px;
}

span#id_introduction_text_parent.mceEditor.defaultSkin {
  position: absolute;
  width: 100%;
}

/* general uploader input fix */
.uploader input[type=file] {
  font-size: 0.94rem;
  line-height: 1em;
  vertical-align: bottom;
  padding-top: 4px;
}

/*Mailings tweak*/
div.left-column-wide.generic.hide-if-delivery label,
div.sidebar-wide.generic label {
  width: auto;
}

.mailings-target fieldset {
  margin-right: 0;
}

.limit-sort label {
  width: 100%;
}

.limit-sort fieldset {
  margin-right: 0;
}

.mailings-target fieldset.targets,
.mailings-target fieldset.excludes {
  width: 100%;
}

.limit-sort fieldset.targets,
.limit-sort fieldset.excludes {
  width: 100%;
}

.mailings-target label.checkbox-label {
  width: auto;
  padding-top: 10px;
  max-width: 90%;
  padding-bottom: 10px;
}

.texting-broadcasttargeting .form-row-CheckboxInput {
  padding: 3px 0 4px;
}
.texting-broadcasttargeting .form-row-CheckboxInput label.vCheckboxLabel {
  padding-top: 4px;
}

#test_group_holder {
  padding-top: 20px;
  clear: both;
}

#test_group_form_holder {
  padding-top: 31px;
  width: 100% !important;
}

#test_group_form_holder:empty {
  padding: 0 !important;
}

#tests_form h3 {
  margin-top: 30px;
  clear: both;
}

#tests_form .help {
  font-size: 0.813rem;
}

.generic #tests_form p,
.generic #tests_confirm_form p {
  font-size: 0.94rem;
  padding: 12px 0;
}

/*.test_row label { padding-top: 9px !important; }*/
.test_row span {
  font-size: 0.94rem;
}

.test_row .help {
  padding-left: 105px !important;
  display: block;
  margin-top: -3px;
  margin-bottom: 11px;
}

label[for=additional_mailing_ids] {
  position: relative;
  top: 0px !important;
}

#tests_form.from_target,
#tests_confirm_form {
  background: #fef9ef !important;
  border: 0 !important;
  padding: 20px !important;
}

.test_row {
  padding-bottom: 15px;
}

.generic #tests_confirm_form .info {
  font-size: 0.94rem;
}

#test_group_holder #create_test {
  font-size: 0.94rem;
}

#test_group_details {
  font-size: 0.94rem !important;
}

label[for=id_select_test_group] {
  margin-bottom: 10px;
}

.mailings-confirm .theform .f-submit,
.mailings-send .theform .f-submit {
  font-size: 0.94rem;
  font-weight: normal;
  padding: 20px 40px;
  height: 58px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  margin-top: 10px;
}

.mailings-confirm .theform .f-submit:hover,
.mailings-send .theform .f-submit:hover {
  cursor: hand;
}

.mailings .theform .final-button,
.mailings-send .theform input.final-button {
  background-color: #e00;
  padding: 20px 40px;
  border: 0;
}

.mailings .theform input.final-button:hover,
.mailings-send .theform input.final-button:hover {
  background-color: #c00;
  cursor: pointer;
  border: 0;
}

.mailings #id_rebuild_query_at_send {
  float: left;
  padding-top: 6px;
  margin-top: 7px;
  margin-right: 5px;
}

.mailings #id_set_send_time_local {
  float: left;
  padding-top: 6px;
  margin-top: 7px;
  margin-right: 5px;
}

.mailings #id_set_send_time_local_no_fallback {
  margin-left: 2em;
}

.mailings #id_set_scheduled_timed_send {
  float: left;
  padding-top: 6px;
  margin-top: 7px;
  margin-right: 5px;
}

.mailings #id_rate_limited_timed_send {
  float: left;
  padding-top: 6px;
  margin-top: 7px;
  margin-right: 5px;
}

/*.core-app remove button top margin*/
.core-app .object-tools .button-regular {
  margin-top: 0px;
}

/*Pages steps*/
.form-row input[type=checkbox] ~ span {
  padding-left: 20px;
  color: #999;
  display: block;
  font-size: 0.813rem;
  vertical-align: bottom;
  margin-bottom: 5px;
  margin-top: -18px;
}
@media only screen and (min-width: 499px) {
  .form-row input[type=checkbox] ~ span {
    margin-top: -27px;
  }
}

.form-row input[type=checkbox] ~ span.helptext {
  margin-top: -21px;
}
@media only screen and (min-width: 499px) {
  .form-row input[type=checkbox] ~ span.helptext {
    margin-top: -30px;
  }
}

.ui-dialog {
  font-size: 0.94rem;
  line-height: 1;
  box-sizing: content-box; /* required by its resizing code */
}

/*Change petition page*/
div.help-wrapper {
  width: 50px;
  display: inline-block;
  position: relative; /*top: 4px;*/
}

/*admin/cms/account_tools/*/
table#misc-pages {
  font-size: 0.94rem;
  margin: 0px;
}

/*admin/core/donationhpcrule/add/*/
span.currencySymbol {
  font-size: 0.94rem;
  padding: 0px 5px;
  color: black;
}

/*admin/cms/templateset_templates/2/*/
#search-result-templates a.template,
#all-templates a.template {
  font-size: 0.94rem;
}

.change-list table tbody th {
  text-align: left;
}

/*Header*/
.header input.search_button {
  border: none;
}

/*Regular search buttons*/
.content input.search_button {
  border: none;
}

/*admin/core/ajaxwidget*/
#pick-page {
  height: auto;
  padding: 0px;
  background: none;
  width: 100%;
}

.pages .content.generic {
  font-size: 0.94rem;
}

/*admin/cms/eventcreatform/1*/
#cms-userformfield-form_type-form_id-group .label textarea {
  height: 33px;
  background: #f7f7f7;
  border: 1px solid #bbbbbb;
}

.cms-eventcreateform .module .form-row label {
  padding-left: 0;
}

/*Title*/
h2.title-page {
  font-weight: 700;
  margin-bottom: 0.5rem;
  width: 90%;
}

h2.title-page a {
  font-weight: 500;
}

input {
  pointer-events: auto;
}

/*admin/cms/petitionform*/
.cms-petitionform .inline-group {
  border: none;
}

.cms-petitionform .module {
  clear: both;
}

/*dash/config*/
.header .mini-menu li {
  text-align: right;
}

.form-row.include_republicans,
.form-row.include_democrats,
.form-row.include_independents {
  padding: 0;
}

.form-row.include_independents {
  padding-bottom: 5px;
}

.events-campaign p.datetime {
  clear: none;
}

/*admin/events/campaign/add*/
.events-campaign #content-main .module h2 {
  margin-left: 0px;
}

.events-campaign .aligned label {
  font-size: 0.94rem;
}

/*admin/auth/user*/
body.auth-user.change-form.users select {
  background: none;
  overflow: auto;
  padding: 5px;
  margin-top: 5px;
}

/*admin/uploader/start*/
.uploader.users .generic p {
  clear: both;
}

.uploader.users p.instructions {
  clear: both;
  padding: 18px 0 0;
}

.uploader.users div.terms_section {
  margin: 10px 0;
}

.uploader.users div.user_fields_only_section {
  margin-top: 1em;
}

.uploader.users input#terms,
.uploader.users input#auto,
.uploader.users input#only {
  float: left;
  width: 20px;
  margin-top: 5px;
  display: block;
}

.uploader.users label {
  padding: 0px 8px 0 0px;
  font-size: 0.94rem;
  font-weight: 600;
  text-align: left;
  display: block;
  margin-left: 23px;
}

.uploader.users .title-page {
  padding-bottom: 0px;
}

/*admin/core/tag/add*/
/* .core-tag label { font-size: 1.2em !important; } */
.core-app .messagelist {
  margin-left: 0px;
}

.core-tag div.name {
  padding-left: 0px;
}

.core-tag div.submit-row {
  padding-left: 0px;
}

.core-tag div.submit-row .default {
  margin-left: 0px;
}

/* Fix for links not being clickable */
.ui-sortable a {
  pointer-events: auto !important;
}

.inline-group.ui-sortable .inline-related {
  pointer-events: auto;
}

/*admin/core/language/add*/
body.core-language .aligned label {
  font-size: 0.94rem;
  font-weight: 700;
}

#translation_editor_holder div.translation .translation-phrase-label {
  font-size: 0.94rem;
  width: 24%;
  font-weight: 700;
}

#translation_editor_holder div.translation div.translation-phrase-label {
  padding-top: 8px;
  font-size: 0.94rem;
}

#translation_editor_holder div.translation .translation-entry {
  width: 100%;
}

#translation_editor_holder .translation_inherited {
  padding-bottom: 0;
}

form .form-row p.help.translation-equivalent {
  display: block;
}

@media (min-width: 500px) {
  #translation_editor_holder div.translation div.translation-phrase-label {
    text-align: left;
    padding-top: 11px;
    width: 100%;
  }
  #translation_editor_holder div.translation .translation-entry {
    margin-left: 0;
    width: 66%;
    display: block;
  }
}
/* #content-main { margin-top: 40px; } */
#language_form label {
  width: 160px;
}

/* admin/core/page and admin/reports/survey/download */
.change-list select {
  display: inline-block;
}

/* proof options */
#proofs_window p:hover {
  cursor: pointer;
}

#proofs_window .selectize-control {
  margin-bottom: 0;
}

#proof_users .user_id_list {
  margin-left: 0;
}

#proof_users textarea {
  padding: 7px 6px;
  line-height: 1.2rem;
}

/* mailings reports */
.mailings .reports_sidebar p.expander {
  display: block;
}

/*Home page*/
body.home #id_recent_and_main_tools div.tab-contents p {
  margin: 0px !important;
}

/*Edit Content*/
/* .change-form .inline-group .tabular tr td {text-align: center; } */
/*Targeting Page*/
.menu-contents ul li span {
  font-size: 16px;
}

/*div.ui-wrapper textarea, div.ui-wrapper {height: auto !important; }*/
/*mailings: fix floating help button*/
body.mailings .change-form {
  position: relative;
}

/* Mailings - recurring */
.change-list #content-main a.addlink {
  height: 33px;
  color: #fff;
  padding: 10px 25px;
  background: #24bbdd;
  font-weight: 400;
}

.change-list #content-main a.addlink:hover {
  text-decoration: none;
  background: #009cd1;
}

.mailings #schedule_form p.schedule-preview {
  padding: 20px 0;
}

.mailings #schedule_form label {
  padding: 0;
  width: auto;
  line-height: 20px;
}

label.vCheckboxLabel.inline {
  width: auto;
}

/*Home page*/
body.home #id_recent_and_main_tools div.tab-contents p {
  margin: 0px !important;
}

/*Targeting Page*/
.menu-contents ul li span {
  font-size: 0.94rem;
}

div.ui-wrapper > textarea {
  min-height: 77px !important;
  display: inline !important;
  background: #f7f7f7;
  border: 1px solid #bbbbbb;
  width: 100% !important;
}

div.ui-wrapper {
  max-width: 500px;
  min-width: 430px !important;
  max-height: 200px !important;
  min-height: 100px;
}

/* 
 .mailings div.hide-if-delivery div.ui-wrapper { height: auto !important; }
 */
.mailings div.hide-if-delivery div.ui-wrapper {
  /*min-height: 78px;*/
  height: 100%;
}

.mailings-target .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
  /*bottom: 17px;
    right: 5px;*/
  position: absolute;
  bottom: 34px;
  right: 11px;
}

@-moz-document url-prefix() {
  .mailings-target .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    bottom: 20px;
  }
}
.mailings div.ui-wrapper {
  padding-bottom: 4px !important;
}

/*Users */
.users input#id_username {
  width: auto;
}

/* Pages */
.pages .index table td.item h4 a {
  text-decoration: underline;
}

/* general */
body.popup .change-form .form-row {
  padding: 6px 0 0 0;
  margin: 0;
}

body.reports .module .form-row {
  padding: 6px 0 0 0;
  margin: 0;
  clear: both;
}

body.reports #changelist-actions .form-row {
  padding: 3px 0 4px;
}

form#importpage_form {
  padding: 0;
}

/* admin/core/tag/ */
input[type=button].save-button {
  height: 50px;
}

select {
  font-size: 0.94rem;
  color: #4b4b4b;
}

p.help,
form .form-row p.help,
form .aligned p.help {
  padding-top: 2px;
  margin-top: 0;
  margin-left: 0;
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
  display: block;
  clear: both;
  text-align: left;
}

p.help.from-line-warning {
  margin-bottom: 0;
}

div.wysiwyg-on + p.help {
  padding-top: 0px;
  /*    margin-top: -8px; */
}

body.mailings-compose p.help,
body.mailings-compose form .form-row p.help,
body.mailings-compose form .aligned p.help {
  display: inline-block;
}

/* admin/events/campaign/add/ */
/* fix short button */
input#_go_to_next {
  height: 45px;
}

/* admin/cms/eventsignupform */
/* bump fieldsets down to a new line always...
   may be too aggressive. keep an eye out for this. */
.pages fieldset {
  clear: both;
}

/* admin/core/actionnotification/add/ */
fieldset div.wrapper {
  width: 100%;
  background: #fff;
  -moz-box-shadow: 0px #fff;
  -webkit-box-shadow: 0px #fff;
  box-shadow: 0px 0px #fff;
}

/* admin/core/actionnotification/add */
.core-actionnotification .aligned label {
  width: 160px;
}

.core-actionnotification .inline-group {
  border: 0;
}

/* trying to fix the green + button getting kicked down to the next line */
select {
  display: inline;
}

/* for /admin/core/multilingualcampaign/1/overview/ */
.index table {
  margin: 0;
}

.no-padding {
  padding: 0 !important;
}

/* admin/cms/letterform/add/ */
.pages .generic p.errornote {
  padding: 12px 15px;
  font-size: 0.94rem;
}

#id_client_hosted {
  margin-left: 0;
}

/* User Form Field Customization */
#cms-userformfield-form_type-form_id-group .userfield-options {
  margin-left: 0;
}

#cms-userformfield-form_type-form_id-group .userfield-options label {
  padding-left: 0;
  width: auto;
  display: inline-block;
  vertical-align: bottom;
}

#userfield-customize-warnings {
  clear: left;
}

#userfield-customize-reqonly {
  color: #dd0000;
  display: none;
}

#userfield-customize-limited {
  color: #dd0000;
  display: none;
}

#cms-userformfield-form_type-form_id-group .inline-related .form-row label {
  padding: 9px 10px 0 0;
}

#cms-userformfield-form_type-form_id-group .inline-related .form-row label {
  padding: 4px 10px 0 0;
}

#cms-userformfield-form_type-form_id-group .inline-related span.delete label {
  float: none;
  min-height: auto;
  padding-top: 0;
}

#cms-userformfield-form_type-form_id-group .inline-related select,
#cms-userformfield-form_type-form_id-group .inline-related textarea,
#cms-userformfield-form_type-form_id-group .inline-related input[type=text] {
  height: 28px;
}

#cms-userformfield-form_type-form_id-group .inline-related .alternatives textarea {
  height: 82px;
}

/* admin/reports/email_rates*/
.stats-context-help {
  float: none !important;
  clear: both;
  font-size: 0.94rem !important;
}

/* .stats-help-link { float: none !important; clear: both; font-size: 0.94rem !important; margin-bottom:18px; display:block;}  */
/* admin/core/mailing */
.mailings .module table td.item {
  overflow: visible;
}

/* admin/core/mailingsconfig/ */
body.core-mailingsconfig.change-form .form-row span {
  font-size: 0.94rem;
}

/* /salesforce/config/ and everyaction/config */
h2.no-bottom-border,
h3.no-bottom-border {
  border-bottom: 0;
}

body.salesforce_config h2,
body.everyaction_config h2 {
  margin-top: 10px;
}
body.salesforce_config h2.title-page,
body.everyaction_config h2.title-page {
  margin-top: 0;
}
body.salesforce_config .page-level-nav,
body.everyaction_config .page-level-nav {
  margin-top: 8px;
}
body.salesforce_config label,
body.everyaction_config label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
body.salesforce_config input[type=checkbox],
body.everyaction_config input[type=checkbox] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
body.salesforce_config #that_form input[type=checkbox],
body.everyaction_config #that_form input[type=checkbox] {
  top: -4px;
}
body.salesforce_config select,
body.everyaction_config select {
  height: 28px;
  padding: 0 25px 0 5px;
}
body.salesforce_config .generic table th,
body.salesforce_config .generic table td,
body.everyaction_config .generic table th,
body.everyaction_config .generic table td {
  padding: 4px 2px;
  min-height: 37px;
}
body.salesforce_config .generic table td.pad-left-8,
body.everyaction_config .generic table td.pad-left-8 {
  padding-left: 8px;
}
body.salesforce_config .generic table th,
body.everyaction_config .generic table th {
  text-align: left;
  padding-left: 8px;
}
body.salesforce_config .button-regular,
body.everyaction_config .button-regular {
  height: 28px;
  padding: 3px 18px;
}
body.salesforce_config input[type=text]:not(.searchbar),
body.everyaction_config input[type=text]:not(.searchbar) {
  height: 28px;
}
body.salesforce_config .readonly,
body.everyaction_config .readonly {
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #aaa;
}
body.salesforce_config h2,
body.everyaction_config h2 {
  margin-top: 10px;
}
body.salesforce_config h2.no-top-margin,
body.everyaction_config h2.no-top-margin {
  margin-top: 0;
}
body.salesforce_config .generic h3,
body.salesforce_config .generic h2.smaller,
body.everyaction_config .generic h3,
body.everyaction_config .generic h2.smaller {
  font-size: 1.125rem;
  font-weight: 200;
  border-bottom: 1px solid #999;
  margin-top: 14px;
  margin-bottom: 1px;
}
body.salesforce_config .generic h2.no-top-margin,
body.everyaction_config .generic h2.no-top-margin {
  margin-top: 0;
}
body.salesforce_config .generic h3.no-bottom-border,
body.everyaction_config .generic h3.no-bottom-border {
  border-bottom: 0;
}
body.salesforce_config .generic h2.no-bottom-border,
body.everyaction_config .generic h2.no-bottom-border {
  border-bottom: 0;
}
body.salesforce_config .generic h3:first-of-type,
body.everyaction_config .generic h3:first-of-type {
  margin-top: 4px;
}
body.salesforce_config .generic h3.add-new,
body.everyaction_config .generic h3.add-new {
  margin-top: 18px;
}
body.salesforce_config .checkbox-checked,
body.everyaction_config .checkbox-checked {
  background: #fafafa;
}
body.salesforce_config .i_understand_about_email_section,
body.everyaction_config .i_understand_about_email_section {
  background: #fafafa;
  padding: 4px 10px 14px;
}
body.salesforce_config .i_understand_about_email_section label,
body.everyaction_config .i_understand_about_email_section label {
  text-indent: -17px;
  font-weight: 200;
}
body.salesforce_config .i_understand_about_email_section input,
body.everyaction_config .i_understand_about_email_section input {
  text-indent: -19px;
  padding-left: 25px;
}
body.salesforce_config fieldset:not(.collapsed) .collapsible-bottom-border,
body.everyaction_config fieldset:not(.collapsed) .collapsible-bottom-border {
  border: 0;
}
body.salesforce_config .collapsible-bottom-border + .fieldset-contents,
body.everyaction_config .collapsible-bottom-border + .fieldset-contents {
  padding-top: 0;
}

/* everyaction/config */
body.everyaction_config .change-form label,
body.everyaction_config .form-row label {
  margin-right: 0;
  padding-left: 24px;
  padding-bottom: 5px;
  padding-top: 5px;
}
body.everyaction_config a {
  cursor: pointer;
}
body.everyaction_config a.add-another {
  cursor: pointer;
  color: #27bbdd;
  text-indent: 24px;
  font-weight: 600;
  width: auto;
  margin-left: 8px;
}
body.everyaction_config a.add-another:hover {
  color: #009cd1;
}
body.everyaction_config a.add-another:visited {
  color: #007eb6;
}
body.everyaction_config .delete-interactive a.inline-deletelink {
  display: block;
  margin-top: 3px;
}
body.everyaction_config table.mapping_table {
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
  padding: 10px;
}
body.everyaction_config tbody#field_tbody td {
  padding-left: 8px;
}
body.everyaction_config tbody#field_tbody td.nopadding {
  padding-left: 0;
  padding-right: 0;
}
body.everyaction_config tbody#field_tbody td.nopaddingbottom {
  padding-bottom: 0;
}
body.everyaction_config table.add_field_table {
  width: 100%;
  margin: 0;
  border-collapse: initial;
  border: 1px solid #ddd;
}
body.everyaction_config table.add_field_table th {
  animation: fadeoutBgTh 1s; /***Transition delay 3s fadeout is class***/
  -moz-animation: fadeoutBgTh 1s ease-out; /* Firefox */
  -webkit-animation: fadeoutBgTh 1s ease-out; /* Safari and Chrome */
  -o-animation: fadeoutBgTh 1s ease-out; /* Opera */
}
body.everyaction_config table.add_field_table td {
  animation: fadeoutBgTd 1s; /***Transition delay 3s fadeout is class***/
  -moz-animation: fadeoutBgTd 1s ease-out; /* Firefox */
  -webkit-animation: fadeoutBgTd 1s ease-out; /* Safari and Chrome */
  -o-animation: fadeoutBgTd 1s ease-out; /* Opera */
}
body.everyaction_config .generic table td.collapse_padding {
  padding: 0;
}

@keyframes fadeoutBgTh {
  from {
    background: #fed07f;
  } /** from color **/
  to {
    background: #f0f0f0;
  } /** to color **/
}
@keyframes fadeoutBgTd {
  from {
    background: #fed07f;
  } /** from color **/
  to {
    background-color: #fff;
  } /** to color **/
}
/* /dash/config/ */
body.config h3 {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0;
}

body.config .content .option p {
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 200;
  word-break: break-all;
}

/*dash/mailings*/
#placeholder_count label {
  padding-top: 6px;
}

#test_title_row label {
  padding-top: 10px;
}

#additional_mailing_ids_row label {
  padding-top: 10px;
}

/* admin/cms/template */
body.cms-template.change-form label[for=id_code] {
  margin: 0px;
  text-align: left;
}

body.cms-template.change-form .wrapper {
  padding: 0;
  margin-top: 0;
}

body.cms-template.change-form .header + hr,
body.cms-template.change-form a.historylink,
body.cms-template.change-form .header {
  display: none;
}

body.cms-template.change-form .content {
  padding-top: 0;
}

body.cms-template.change-form .change-form .form-row {
  padding: 0;
}

body.cms-template.change-form .submit-row input[type=submit].default {
  margin-left: 5px;
}

body.cms-template.change-form .submit-row input[type=submit]#id_preview {
  margin-left: 0;
}

body.cms-template.change-form #template_form .submit-row {
  padding-left: 0;
}

body.cms-template.change-form .submit-row input[type=submit].default {
  margin-left: 5px;
  float: right;
}

body.cms-template.change-form #template_form .form-row.code .editor-area {
  width: 100%;
}

body.cms-template.change-form #template_form .submit-row input[type=submit]#id_cancel {
  float: none;
}

body.cms-template.change-form #template_form .submit-row a.button-alternate,
body.cms-template.change-form #template_form .submit-row input.button-alternate {
  margin-left: 5px;
  color: #009cd1;
  background: #fff;
  font-family: "open sans", "helvetica neue", helvetica, arial, sans-serif;
}

body.cms-template.change-form #template_form .submit-row a.button-alternate:hover,
body.cms-template.change-form #template_form .submit-row input.button-alternate:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  color: #fff;
}

body.cms-template.change-form #template_form .submit-row input[type=submit] {
  margin-right: 0;
}

body.cms-template .submit-row::before {
  height: 0;
  display: inline;
  content: none;
}

body.cms-template.change-form .content.generic .module .form-row label {
  min-height: auto;
}

.pages .generic p.instruction {
  padding: 6px 0;
  font-size: 0.813rem;
  color: #999;
}

.change-list .object-tools li {
  margin-top: 0;
}

/* /admin/cms/donationform/ */
.generic #donationamount_set-group table th {
  text-align: center;
}

/*admin/cms/petitionform/2/?page=17*/
#cms-userformfield-form_type-form_id-group input[type=text] {
  width: 545px !important;
  margin-bottom: 0px;
}

/* admin/core/congresstargetgroup/add and elsewhwere with textarea forms */
.vLargeTextField {
  background: #f7f7f7;
  border: 1px solid #bbb;
  max-width: 100%;
}

/* .inline-related.tabular fieldset.module table {width: auto; } */
body.cms-donationform.change-form .inline-group .tabular tr.add-row td {
  text-align: center;
  padding: 10px;
}

body.cms-donationform.change-form .inline-group .tabular tr td {
  text-align: right;
  padding: 1px 0;
}

body.cms-donationform.change-form .inline-group .tabular tr td input[type=text] {
  margin: 5px 10px 5px 0;
}

body.cms-donationform.change-form .inline-group .tabular tr td.field-amount {
  text-align: left;
}

body.cms-donationform.change-form .generic #donationamount_set-group table th {
  text-align: left;
  padding-left: 29px;
  font-weight: 700;
}

body.cms-donationform.change-form .generic #donationamount_set-group table th:first-of-type {
  text-align: right;
  margin-left: 0;
}

body.cms-donationform.change-form .inline-group .tabular tr td.original {
  width: 0;
}

body.cms-donationform.change-form .inline-group .tabular tr td.field-amount div {
  width: 60px;
  display: inline;
}

body.cms-donationform.change-form .inline-group .tabular tr td.field-amount div a {
  margin-top: 16px;
  margin-right: 10px;
}

body.cms-donationform.change-form.inline-group div.add-row,
.inline-group .tabular tr.add-row td {
  background: none;
}

/* /admin/auth/user/ */
body.auth-user.change-form form label.vCheckboxLabel + p.help {
  padding-left: 0;
}

div.form-row.groups p.help {
  padding-left: 0;
}

body.auth-user.change-form form .rest_api_keys p {
  padding-left: 0;
  margin-left: 0;
}

body.auth-user.change-form .form-row.groups div label[for=id_groups] {
  width: 100%;
}

body.auth-user .form-row.groups .form-control {
  margin-left: 0;
}

.content.generic .module .form-row .selector label {
  width: 25px;
}

/* admin/reports/queryreport */
.CodeMirror {
  background: #f7f7f7 !important;
}

.CodeMirror-cursor {
  font-size: 11px;
}

/*admin/core/builtintranslation/1/*/
body.core-builtintranslation.change-form.pages label[for=id_translations] {
  width: 100%;
}

/*more targeting page*/
label#id_query_reports {
  float: none;
}

/*admin/cms/embedding_help/1*/
label.inline_label {
  float: none;
}

/*Fix for mailings/reports/tags/1/*/
span.helptext {
  display: block;
  font-size: 0.813rem;
  padding: 3px 0;
  color: #999;
  margin: 0;
}

/*mailings/reports/1*/
div.reports_sidebar {
  width: 50%;
}

div#proofs {
  width: 100% !important;
}

/*admin/core/user/1/?_changelist_filters=ot%3Ddesc%26o%3Demail*/
div.form-row.lang {
  clear: both;
}

/*admin/axes/accessattempt*/
body.axes-app.change-list label {
  float: none;
}

/*https://staging.actionkit.com/mailings/drafts/test_group/21/*/
.schedule-submit-span {
  clear: both;
  display: block;
  padding: 10px 0 0;
}

/*admin/auth/user*/
body.auth-app.change-list.users td {
  font-size: 0.75rem;
}

/* admin/events/event */
body.events-app.change-list.pages label {
  padding: 0 10px 0 0;
}

body.events-app.change-list.pages table.events td {
  vertical-align: top;
  padding-left: 10px;
}

body.events-app.change-list.pages table.events td div {
  margin: 5px 0;
  word-break: break-all;
}

body.events-app.change-list.pages label.event-status-summary {
  display: block;
  width: 100%;
}

body.events-app.change-list.pages ul.event-admin-actions {
  display: block;
  clear: both;
}

body.events-app.change-list.pages ul.event-admin-actions li {
  white-space: nowrap;
}

/* admin/core/mailing */
body.core-app.change-list.mailings #changelist table.table-index.mailing-index- td.item,
body.core-app.change-list.mailings #changelist table.table-index.mailing-index- th.item {
  width: 30%;
}

body.core-app.change-list.mailings #changelist table.table-index.mailing-index- td.count,
body.core-app.change-list.mailings #changelist table.table-index.mailing-index- th.count {
  width: 10%;
}

body.core-app.change-list.mailings #changelist table.table-index.mailing-index- td.status,
body.core-app.change-list.mailings #changelist table.table-index.mailing-index- th.status {
  width: 20%;
}

body.core-app.change-list.mailings #changelist table.table-index.mailing-index- td.actions,
body.core-app.change-list.mailings #changelist table.table-index.mailing-index- th.actions {
  width: 40%;
}

/* mailings/drafts */
body.mailings .change-form table th {
  vertical-align: top;
}

#html_code,
#html_visual {
  word-break: break-all;
  padding: 10px;
  width: auto;
}

/*admin/core/user*/
/* ****************************************************************** */
body.core-user.change-form h1,
body.core-user.change-form .collapsible-bottom-border {
  margin-bottom: 4px;
}

body.core-user.change-form #phone_set-group fieldset:not(.collapsed) .collapsible-bottom-border {
  display: none;
}

body.core-user.change-form div.tag_table {
  margin: 5px 0;
}

body.core-user.change-form .inline-group .tabular div a.inline-deletelink {
  float: none;
  width: 15px;
  height: 15px;
  display: inline-block;
}

body.core-user.change-form .inline-group .inline-related td.delete {
  text-align: center;
  vertical-align: middle;
}

body.core-user.change-form .inline-group .tabular tr td.original {
  width: 0;
  margin: 0;
  padding: 0;
}

body.core-user.change-form .inline-group table td.inline-group select {
  width: 80%;
}

body.core-user.change-form .generic table td {
  padding: 5px;
}

body.core-user.change-form .form-row.donations table td {
  text-align: right;
}

body.core-user.change-form div.custom-field-inline table td {
  padding: 0 0 5px;
}

/* Hide normalized number in phone inlines */
body.core-user.change-form #phone_set-group td.original p {
  display: none;
}

body.cms-whipcountresponse.change-form.pages .inline-deletelink {
  margin: 5px 22px 0px 0px;
}

/*Forms*/
.cms-template .form-control {
  margin-left: 0px;
}

.cms-template label {
  width: 100%;
}

/*Fix for button overlap on mailing targeting page*/
body.mailings fieldset.submit {
  margin-top: 15px;
}

/*originally from general.css*/
body.mailings label span {
  font-weight: normal;
  color: #aaa;
  font-size: 0.813rem;
}

body.mailings .form-row {
  clear: both;
  position: relative;
}

body.mailings .form-content,
.form-right {
  text-align: left;
}

body.mailings .theform-value .fieldinfo {
  margin-left: 0;
}

body.mailings .theform-value .kvp_table .fieldinfo {
  margin-left: 0;
}

body.mailings .helptext {
  clear: both;
}

/* let's move some of these closer to their input fields */
.form-row a.help-button {
  margin-top: -2px;
  margin-left: 5px;
}

.form-row input[type=text] ~ a.help-button {
  margin-top: 7px;
}

.form-row select ~ a.help-button {
  margin-top: 7px;
  vertical-align: top;
}

body.mailings .web_viewable-row .fieldinfo a.help-button,
body.mailings .html_only-row .fieldinfo a.help-button,
body.mailings .is_model-row .fieldinfo a.help-button {
  margin-left: 3px;
  margin-right: 3px;
}

body.mailings .clear-fix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* form rows individual styling */
#ui-dialog-title-snippets {
  font-size: 0.85rem;
}

#snippets dt {
  font-weight: normal;
  text-decoration: underline;
  margin-top: 12px;
  cursor: pointer;
  font-size: 0.813rem;
}

#snippets dd dt {
  margin-top: 8px;
}

#snippets dd {
  margin-left: 1em;
  text-decoration: none;
  margin-top: 5px;
  display: none;
  font-size: 0.813rem;
}

#snippets p {
  line-height: 1.1em;
}

/* ****************************************************************** */
/* SCSS Declaration that was previously being ignored:
@media only screen and (min-width: 500px;) {
	.form-row label, .aligned label, .change-form label {
		text-align: right; 
		padding-right:10px; }
} */
.add-menu .section,
.add-menu .section {
  clear: initial;
}

a#text-edit {
  display: inline-block;
}

.text-row p {
  font-size: 0.813rem;
  margin: 0 0 14px 0;
  padding: 5px 0 0 0;
  -webkit-margin-before: 0;
  text-align: left;
}

/* tags form row */
select#reviewers {
  width: 100%;
}

/* email wrapper form row */
.emailwrapper-row {
  margin-bottom: 0;
}

ul.errorlist {
  max-width: 100%;
}

/*Fixes for the templateset editors*/
body.cms-template.change-form .span_1_of_5,
body.cms-template.change-form .span_4_of_5,
body.cms-template.change-form .span_1_of_4,
body.cms-template.change-form .span_3_of_4 {
  width: 100%;
}

body.cms-template.change-form .editor-area {
  max-width: 100%;
}

body.cms-template.change-form .content.generic .module .form-row label {
  width: 100%;
  padding-top: 0px;
  min-height: 0;
}

/*fix for help button on proof and send page*/
body.mailings .title-steps ~ ul.object-tools li {
  width: 90px;
}

body.mailings .title-steps ~ ul.object-tools li a.help-button {
  position: relative;
  float: right;
  margin: 0px;
  top: 0px;
}

/*fix for admin/cms/account_tools*/
select#default-templateset {
  float: none;
  display: inline-block;
  top: 0px;
}

/*Fix for https://staging.actionkit.com/admin/events/event/?q=%3Fcampaign_id%3D116*/
.events-app #actual_mail_form {
  clear: both;
}

.clearboth {
  clear: both;
}

/*style cleanup for dash/events/multi_camp*/
.change-form.event-page label {
  padding: 0px 15px;
}

body.mailings p.expander.expanded.fieldinfo.arrow-holder,
body.mailings p.collapser.fieldinfo {
  width: 100px;
}

/*Fix to remove extra space on admin/core/pagefollowup*/
.form-row.email_custom_from {
  padding: 0px;
}

/*remove left indent from after-action page checkboxes*/
.core-pagefollowup .col.span_1_of_5.mobile-hide,
.core-whipcountpagefollowup .col.span_1_of_5.mobile-hide,
.core-petitionpagefollowup .col.span_1_of_5.mobile-hide,
.core-letterpagefollowup .col.span_1_of_5.mobile-hide {
  display: none;
}

/*WIDGETS.CSS*/
/* SELECTOR (FILTER INTERFACE) */
/* staff change user */
.staff-change-user {
  /* p#id_groups_filter { display: none; } */
}
.staff-change-user .selector-chosen h2 .help-tooltip,
.staff-change-user .selector-available h2 .help-tooltip {
  display: none;
}
.staff-change-user .selector-available h2,
.staff-change-user .selector-chosen h2 {
  border: 0;
}
.staff-change-user .change-form fieldset .selector-available h2,
.staff-change-user .change-form fieldset .selector-chosen h2 {
  font-size: 0.94rem;
  font-weight: 200;
  text-transform: uppercase;
}
.staff-change-user #content-main .selector .selector-available h2,
.staff-change-user #content-main .selector .selector-chosen h2 {
  color: #4b4b4b;
  text-transform: uppercase;
  font-size: 0.94rem;
  margin-top: 0;
}
@media only screen and (min-width: 499px) {
  .staff-change-user #content-main .selector .selector-available h2,
  .staff-change-user #content-main .selector .selector-chosen h2 {
    font-size: 0.94rem;
  }
}
@media only screen and (min-width: 499px) {
  .staff-change-user #content-main .selector .selector-available h2,
  .staff-change-user #content-main .selector .selector-chosen h2 {
    margin-top: 28px;
  }
}
.staff-change-user p.field-contents {
  margin-top: 3px;
}
@media only screen and (min-width: 499px) {
  .staff-change-user p.field-contents {
    margin-top: 9px;
  }
}
.staff-change-user .selector {
  width: 100%;
  float: left;
}
.staff-change-user .selector select {
  font-size: 0.75rem;
  width: 100%;
  height: 220px;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (min-width: 499px) {
  .staff-change-user .selector select {
    font-size: 0.94rem;
  }
}
@media only screen and (min-width: 499px) {
  .staff-change-user .selector select {
    width: 100%;
  }
}
.staff-change-user .selector-available,
.staff-change-user .selector-chosen {
  margin-bottom: 0;
  float: left;
  width: 42%;
  text-align: left;
}
@media only screen and (min-width: 499px) {
  .staff-change-user .selector-available,
  .staff-change-user .selector-chosen {
    width: 42%;
    text-align: left;
  }
}
.staff-change-user .selector .selector-available input {
  height: 28px;
  line-height: normal;
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 499px) {
  .staff-change-user .selector .selector-available input {
    width: 100%;
  }
}
.staff-change-user .content.generic .module .form-row .selector p#id_groups_filter label {
  padding-top: 3px;
  margin-right: 0;
}
.staff-change-user .selector .selector-filter {
  background: white;
  border-width: 0 1px;
  padding: 0 0 3px 0;
  color: #999;
  font-size: 10px;
  margin: 0;
  text-align: left;
}
.staff-change-user .selector .selector-filter label,
.staff-change-user .inline-group .aligned .selector .selector-filter label {
  width: 16px;
  padding: 2px;
}
.staff-change-user .selector ul.selector-chooser {
  float: left;
  width: 22px;
  height: 50px;
  background: none;
  margin: 9em 5px 0 5px;
  padding: 0;
}
.staff-change-user .selector-chooser li {
  margin: 0;
  padding: 3px;
  list-style-type: none;
  margin-top: 0;
}
.staff-change-user .selector-add,
.staff-change-user .selector-remove {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -3000px;
  overflow: hidden;
}
.staff-change-user .selector-add {
  cursor: default;
  margin-bottom: 2px;
}
.staff-change-user .selector-add {
  background: url(/media/admin/img/selector-icons.svg) 0 -161px no-repeat;
  cursor: default;
  margin-bottom: 2px;
}
.staff-change-user .active.selector-add {
  background: url(/media/admin/img/selector-icons.svg) 0 -187px no-repeat;
  cursor: pointer;
}
.staff-change-user .selector-remove {
  background: url(/media/admin/img/selector-icons.svg) 0 -109px no-repeat;
  cursor: default;
}
.staff-change-user .active.selector-remove {
  background: url(/media/admin/img/selector-icons.svg) 0 -135px no-repeat;
  cursor: pointer;
}
.staff-change-user a.selector-chooseall,
.staff-change-user a.selector-clearall {
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-weight: 0.83rem;
}
.staff-change-user a.selector-chooseall {
  padding: 3px 18px 3px 0;
}
.staff-change-user a.selector-clearall {
  padding: 0;
}
@media only screen and (min-width: 499px) {
  .staff-change-user a.selector-clearall {
    padding: 3px 18px 3px 0;
  }
}
.staff-change-user a.active.selector-chooseall:hover,
.staff-change-user a.active.selector-clearall:hover {
  color: #036;
}
.staff-change-user a.selector-chooseall {
  cursor: default;
}
.staff-change-user a.active.selector-chooseall {
  cursor: pointer;
}
.staff-change-user a.selector-clearall {
  cursor: default;
}
.staff-change-user a.active.selector-clearall {
  cursor: pointer;
}
.staff-change-user #id_groups_add_all_link,
.staff-change-user #id_groups_remove_all_link {
  display: block;
}
.staff-change-user p#id_groups_filter label {
  display: none;
}
.staff-change-user #id_groups_filter label img.help-tooltip {
  display: none;
}

/* end of staff change user     
   -----
   left in non-staff-change-user
   select css (belwow) in case this is being
   used elsewhere */
.selector {
  width: 100%;
  float: left;
}

.selector select {
  width: 400px;
  height: 220px;
  margin-bottom: 0;
  margin-top: 0;
}

.selector-available,
.selector-chosen {
  float: left;
  width: 400px;
  text-align: center;
  margin-bottom: 0;
}

.users .content p#id_groups_filter {
  margin: 8px 0 4px;
}

.selector .selector-available input {
  height: 28px;
  line-height: normal;
  width: 360px;
  margin-bottom: 0;
}

.content.generic .module .form-row .selector p#id_groups_filter label {
  padding-top: 3px;
  margin-right: 0;
}

.selector .selector-filter {
  background: white;
  border-width: 0 1px;
  padding: 3px;
  color: #999;
  font-size: 10px;
  margin: 0;
  text-align: left;
}

.selector .selector-filter label,
.inline-group .aligned .selector .selector-filter label {
  width: 16px;
  padding: 2px;
}

.selector ul.selector-chooser {
  float: left;
  width: 22px;
  height: 50px;
  background: url(/media/admin/img/chooser-bg.gif) top center no-repeat;
  margin: 9em 5px 0 5px;
  padding: 0;
}

.selector-chooser li {
  margin: 0;
  padding: 3px;
  list-style-type: none;
  margin-top: 0;
}

.selector-add,
.selector-remove {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -3000px;
  overflow: hidden;
}

.selector-add {
  cursor: default;
  margin-bottom: 2px;
}

.selector-add {
  background: url(/media/admin/img/selector-icons.svg) 0 -161px no-repeat;
  cursor: default;
  margin-bottom: 2px;
}

.active.selector-add {
  background: url(/media/admin/img/selector-icons.svg) 0 -187px no-repeat;
  cursor: pointer;
}

.selector-remove {
  background: url(/media/admin/img/selector-icons.svg) 0 -109px no-repeat;
  cursor: default;
}

.active.selector-remove {
  background: url(/media/admin/img/selector-icons.svg) 0 -135px no-repeat;
  cursor: pointer;
}

a.selector-chooseall,
a.selector-clearall {
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-weight: 0.83rem;
}

a.selector-chooseall {
  padding: 3px 18px 3px 0;
}

a.selector-clearall {
  padding: 3px 0 3px 18px;
}

a.active.selector-chooseall:hover,
a.active.selector-clearall:hover {
  color: #036;
}

a.selector-chooseall {
  cursor: default;
}

a.active.selector-chooseall {
  cursor: pointer;
}

a.selector-clearall {
  cursor: default;
}

a.active.selector-clearall {
  cursor: pointer;
}

/* STACKED SELECTORS */
.stacked {
  float: left;
  width: 500px;
}

.stacked select {
  width: 480px;
  height: 10.1em;
}

.stacked .selector-available,
.stacked .selector-chosen {
  width: 480px;
}

.stacked .selector-available {
  margin-bottom: 0;
}

.stacked .selector-available input {
  width: 442px;
}

.stacked ul.selector-chooser {
  height: 22px;
  width: 50px;
  margin: 0 0 3px 40%;
  background: url(/media/admin/img/chooser_stacked-bg.gif) top center no-repeat;
}

.stacked .selector-chooser li {
  float: left;
  padding: 3px 3px 3px 5px;
}

.stacked .selector-chooseall,
.stacked .selector-clearall {
  display: none;
}

.stacked .selector-add {
  background: url(/media/admin/img/selector-icons.svg) 0 -57px no-repeat;
  cursor: default;
}

.stacked .active.selector-add {
  background: url(/media/admin/img/selector-icons.svg) 0 -83px no-repeat;
  cursor: pointer;
}

.stacked .selector-remove {
  background: url(/media/admin/img/selector-icons.svg) 0 -5px no-repeat;
  cursor: default;
}

.stacked .active.selector-remove {
  background: url(/media/admin/img/selector-icons.svg) 0 -31px no-repeat;
  cursor: pointer;
}

/* DATE AND TIME */
.datetime span {
  font-size: 11px;
  color: #ccc;
  font-weight: normal;
  white-space: nowrap;
}

.mailings p.datetime,
.texting p.datetime,
.core-notice p.datetime {
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #666;
}
.mailings p.datetime br,
.texting p.datetime br,
.core-notice p.datetime br {
  display: none;
}

table p.datetime {
  font-size: 10px;
  margin-left: 0;
  padding-left: 0;
}

/* URL */
p.url {
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 11px;
  font-weight: bold;
}

.url a {
  font-weight: normal;
}

/* FILE UPLOADS */
p.file-upload {
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 11px;
  font-weight: bold;
}

.file-upload a {
  font-weight: normal;
}

.file-upload .deletelink {
  margin-left: 5px;
}

span.clearable-file-input label {
  color: #333;
  font-size: 11px;
  display: inline;
  float: none;
}

/* CALENDARS & CLOCKS */
.calendarbox,
.clockbox {
  margin: 5px auto;
  font-size: 11px;
  width: 16em;
  text-align: center;
  background: white;
  position: relative;
  border: 1px solid #ccc;
  z-index: 10;
}

.clockbox {
  width: auto;
}

.calendar {
  margin: 0;
  padding: 0;
}

.calendar table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  background: white;
  width: 100%;
}

.calendar caption,
.calendarbox h2 {
  margin: 0;
  font-size: 11px;
  text-align: center;
  border-top: none;
}

.calendar th {
  font-size: 10px;
  color: #666;
  padding: 2px 3px;
  text-align: center;
  background: #e1e1e1 url(/media/admin/img/nav-bg.gif) 0 50% repeat-x;
  border-bottom: 1px solid #ddd;
}

.calendar td {
  font-size: 11px;
  text-align: center;
  padding: 0;
  border-top: 1px solid #eee;
  border-bottom: none;
}

.calendar td.selected a {
  background: #c9dbed;
}

.calendar td.nonday {
  background: #efefef;
}

.calendar td.today a {
  background: #ffc;
}

.calendar td a,
.timelist a {
  display: block;
  font-weight: bold;
  padding: 4px;
  text-decoration: none;
  color: #444;
}

.calendar td a:hover,
.timelist a:hover {
  background: #5b80b2;
  color: white;
}

.calendar td a:active,
.timelist a:active {
  background: #036;
  color: white;
}

.calendarnav {
  font-size: 10px;
  text-align: center;
  color: #ccc;
  margin: 0;
  padding: 1px 3px;
}

.calendarnav a:link,
#calendarnav a:visited,
#calendarnav a:hover {
  color: #999;
}

.calendar-shortcuts {
  background: white;
  font-size: 10px;
  line-height: 11px;
  border-top: 1px solid #eee;
  padding: 3px 0 4px;
  color: #ccc;
}

.calendarbox .calendarnav-previous,
.calendarbox .calendarnav-next {
  display: block;
  position: absolute;
  font-weight: bold;
  font-size: 12px;
  background: #c9dbed url(/media/admin/img/default-bg.gif) bottom left repeat-x;
  padding: 1px 4px 2px 4px;
  color: white;
}

.calendarnav-previous:hover,
.calendarnav-next:hover {
  background: #036;
}

.calendarnav-previous {
  top: 0;
  left: 0;
}

.calendarnav-next {
  top: 0;
  right: 0;
}

.calendar-cancel {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px;
  background: #e1e1e1 url(/media/admin/img/nav-bg.gif) 0 50% repeat-x;
  border-top: 1px solid #ddd;
}

.calendar-cancel:hover {
  background: #e1e1e1 url(/media/admin/img/nav-bg-reverse.gif) 0 50% repeat-x;
}

.calendar-cancel a {
  color: black;
  display: block;
}

ul.timelist,
.timelist li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.timelist a {
  padding: 2px;
}

/* INLINE ORDERER */
ul.orderer {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none;
}

ul.orderer li {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid #bbb;
  border-width: 0 1px 1px 0;
  white-space: nowrap;
  overflow: hidden;
  background: #e2e2e2 url(/media/admin/img/nav-bg-grabber.gif) repeat-y;
}

ul.orderer li:hover {
  cursor: move;
  background-color: #ddd;
}

ul.orderer li a.selector {
  margin-left: 12px;
  overflow: hidden;
  width: 83%;
  font-size: 10px !important;
  padding: 0.6em 0;
}

ul.orderer li a:link,
ul.orderer li a:visited {
  color: #333;
}

ul.orderer li .inline-deletelink {
  position: absolute;
  right: 4px;
  margin-top: 0.6em;
}

ul.orderer li.selected {
  background-color: #f8f8f8;
  border-right-color: #f8f8f8;
}

ul.orderer li.deleted {
  background: #bbb url(/media/admin/img/deleted-overlay.gif);
}

ul.orderer li.deleted a:link,
ul.orderer li.deleted a:visited {
  color: #888;
}

ul.orderer li.deleted .inline-deletelink {
  background-image: url(/media/admin/img/inline-restore.png);
}

ul.orderer li.deleted:hover,
ul.orderer li.deleted a.selector:hover {
  cursor: default;
}

/* EDIT INLINE */
.inline-deletelink {
  float: right;
  text-indent: -9999px;
  background: transparent url(/media/admin/img/inline-delete.png) no-repeat;
  width: 15px;
  height: 15px;
  border: 0px none;
  outline: 0; /* Remove dotted border around link */
}

.inline-deletelink:hover {
  background-position: -15px 0;
  cursor: pointer;
}

.editinline button.addlink {
  border: 0px none;
  color: #5b80b2;
  font-size: 100%;
  cursor: pointer;
}

.editinline button.addlink:hover {
  color: #036;
  cursor: pointer;
}

.editinline table .help {
  text-align: right;
  float: right;
  padding-left: 2em;
}

.editinline tfoot .addlink {
  white-space: nowrap;
}

.editinline table thead th:last-child {
  border-left: none;
}

.editinline tr.deleted {
  background: #ddd url(/media/admin/img/deleted-overlay.gif);
}

.editinline tr.deleted .inline-deletelink {
  background-image: url(/media/admin/img/inline-restore.png);
}

.editinline tr.deleted td:hover {
  cursor: default;
}

.editinline tr.deleted td:first-child {
  background-image: none !important;
}

/* EDIT INLINE - STACKED */
.editinline-stacked {
  min-width: 758px;
}

.editinline-stacked .inline-object {
  margin-left: 210px;
  background: white;
}

.editinline-stacked .inline-source {
  float: left;
  width: 200px;
  background: #f8f8f8;
}

.editinline-stacked .inline-splitter {
  float: left;
  width: 9px;
  background: #f8f8f8 url(/media/admin/img/inline-splitter-bg.gif) 50% 50% no-repeat;
  border-right: 1px solid #ccc;
}

.editinline-stacked .controls {
  clear: both;
  background: #e1e1e1 url(/media/admin/img/nav-bg.gif) top left repeat-x;
  padding: 3px 4px;
  font-size: 11px;
  border-top: 1px solid #ddd;
}

/*Remove reset link on advanced users search page*/
.change-list.users a#reset_search {
  display: none;
}

/* Hide meaningless "original" labels on canned letters */
#cannedletter_set-group td.original p {
  visibility: hidden;
}

#cannedletter_set-group tr.has_original td {
  padding-top: 5px;
}

#cannedletter_set-group td.field-subject {
  padding-left: 5px;
}

/* (?) placement */
.pages .lang .form-control input + p a.help-button {
  top: 0;
}

.pages div.help-wrapper {
  top: -2px;
}

/* /help .support-form Contact Actionkit Support */
.support-help label[for=id_urgent] {
  padding-top: 0;
  padding-bottom: 7px;
}

.support-help label[for^=id_attachment_] {
  padding-top: 4px;
}

.support-help .submit-row {
  margin-top: 10px;
}

textarea#id_field_regex,
textarea#id_field_default {
  width: 300px;
  height: 38px;
  vertical-align: top;
}

/* change-list actions */
.changelist .action-checkbox input,
#changelist .action-checkbox input,
.item .action-checkbox input {
  display: none;
}

/* changelist picker */
.picking a {
  color: rgb(75, 75, 75) !important;
  pointer-events: none !important;
}
.picking div.item,
.picking tr.item {
  cursor: pointer;
}
@media only screen and (min-width: 499px) {
  .picking div.item,
  .picking tr.item {
    display: flex;
    padding-left: 0;
  }
}
.picking tr.item {
  cursor: pointer;
}
.picking .picker-cell div {
  width: 24px;
  padding: 0;
  margin: 0;
}
.picking div.item:hover,
.picking tr.item:hover {
  background-color: rgba(254, 172, 31, 0.15);
}
.picking div.item.picked,
.picking tr.item.picked {
  background-color: rgba(254, 172, 31, 0.3);
}
.picking .item-tools {
  display: none;
}
.picking .item-container {
  width: 100%;
}
.picking tr.item {
  display: table-row;
}
.picking tr.item td.action-checkbox > span {
  max-width: 24px;
}
.picking .action-checkbox {
  align-items: center;
  padding: 0 4px;
  display: none;
}
@media only screen and (min-width: 499px) {
  .picking .action-checkbox {
    display: flex;
  }
}
.picking .action-checkbox > span {
  flex: 1 1 0;
  background-image: url("/media/images/ak-checkboxes.svg");
  background-position: 1px 0;
  width: 24px;
  height: 24px;
}

#changelist .picker-cell,
#changelist .picker-col {
  min-width: 1px;
}

.pages .picked .action-checkbox > span {
  background-position: -29px -50px;
}

.mailings .picked .action-checkbox > span {
  background-position: -59px -50px;
}

.reports .picked .action-checkbox > span {
  background-position: -119px -50px;
}

/* Add Default Exclude Query changelist*/
table.changelist-of-core-defaultexcludequery th.field-__str__,
table.changelist-of-core-defaultexcludequery td.field-changelist_actions {
  background-color: #fafafa;
}

body.swal2-in .swal2-modal {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}