@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; }
  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*/
.button-regular, a.button-regular, input[name="Save"], .button-small, a.button-small, .wrapper .button-small, input[type="submit"].button-small, .button-small-alternate, a.button-small-alternate, .wrapper .button-small-alternate, input[type="submit"].button-small-alternate, .button-tiny, a.button-tiny, .wrapper .button-tiny, input[type="submit"].button-tiny, .button-tiny-alternate, a.button-tiny-alternate, .wrapper .button-tiny-alternate, input[type="submit"].button-tiny-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, .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-main, .button-tall,
.content input[type="submit"].button-tall, 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]), .submit-row input[type="submit"], .title-steps .submit-row input[type="submit"] {
  /* 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; }

.button-regular:hover, input[name="Save"]:hover, .button-small:hover, input[type="submit"].button-small:hover, .button-small-alternate:hover, input[type="submit"].button-small-alternate:hover, .button-tiny:hover, input[type="submit"].button-tiny:hover, .button-tiny-alternate:hover, input[type="submit"].button-tiny-alternate:hover, .button-alternate:hover,
input[type="submit"].button-alternate:hover, .button-alternate-regular:hover,
input[type="submit"].button-alternate-regular:hover, .button-main:hover, .button-tall:hover,
.content input[type="submit"].button-tall: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]), .submit-row input[type="submit"]:hover {
  background: #009cd1;
  border: 1px solid #009cd1;
  text-decoration: none !important;
  cursor: pointer; }

.button-regular:disabled, input[name="Save"]:disabled, .button-small:disabled, input[type="submit"].button-small:disabled, .button-small-alternate:disabled, input[type="submit"].button-small-alternate:disabled, .button-tiny:disabled, input[type="submit"].button-tiny:disabled, .button-tiny-alternate:disabled, input[type="submit"].button-tiny-alternate:disabled, .button-alternate:disabled,
input[type="submit"].button-alternate:disabled, .button-alternate-regular:disabled,
input[type="submit"].button-alternate-regular:disabled, .button-main:disabled, .button-tall:disabled,
.content input[type="submit"].button-tall: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]), .submit-row input[type="submit"]:disabled, .disabled.button-regular, input.disabled[name="Save"], .disabled.button-small, input.disabled[type="submit"].button-small, .disabled.button-small-alternate, input.disabled[type="submit"].button-small-alternate, .disabled.button-tiny, input.disabled[type="submit"].button-tiny, .disabled.button-tiny-alternate, input.disabled[type="submit"].button-tiny-alternate, .disabled.button-alternate,
input.disabled[type="submit"].button-alternate, .disabled.button-alternate-regular,
input.disabled[type="submit"].button-alternate-regular, .disabled.button-main, .disabled.button-tall,
.content input.disabled[type="submit"].button-tall, 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]), .submit-row input.disabled[type="submit"] {
  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: 1200px; } }

/* 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-tools li a, .box-related-tools.tree ul.tabs div.tab-top > a, .box-related-tools.tree ul li div 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; }

div.includes-help span a.help-button, a.help-button.adjacent, .box-related-tools.tree p 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: white;
  background: rgba(255, 255, 255, 0.6) !important; }

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

a.help-button.adjacent:hover {
  color: white;
  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: "\25B6"; }
    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: .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 .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.0; }
  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%; }
    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; }
    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; }
    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: .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"] {
  display: none; }

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

.switch:before {
  content: "";
  position: absolute;
  height: 19px;
  width: 19px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .05s;
  transition: .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); }

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

.slider-description {
  padding-left: 10px;
  color: #999;
  display: block;
  font-size: .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-email, i.no-phone {
  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: '\2195 '; }

.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-on-button, a.variation-off-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-on-button img, a.variation-off-button img {
    visibility: hidden;
    width: 22px; }
  a.variation-on-button:hover, a.variation-off-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: .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: "\25B6"; }
    .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: .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: .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: .5rem 1rem; }

.reports #warnings h2 {
  color: #d00;
  border-bottom: 1px solid #d00; }

p#report_result table {
  background: #fff; }

/* 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: .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.0; }
  #preview_thumbnail_images .selected-image {
    opacity: 1.0; }

.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 .3s ease;
  -moz-transition: right .3s ease;
  -o-transition: right .3s ease;
  -ms-transition: right .3s ease;
  transition: right .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 .3s ease;
    -moz-transition: right .3s ease;
    -o-transition: right .3s ease;
    -ms-transition: right .3s ease;
    transition: right .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 .3s ease;
  -moz-transition: padding .3s ease;
  -o-transition: padding .3s ease;
  -ms-transition: padding .3s ease;
  transition: padding .3s ease; }

body.opened-sidebar .wrapper {
  -webkit-transition: margin .3s ease;
  -moz-transition: margin .3s ease;
  -o-transition: margin .3s ease;
  -ms-transition: margin .3s ease;
  transition: margin .3s ease;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -o-transition: width .3s ease;
  -ms-transition: width .3s ease;
  transition: width .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: "\25B6 "; }
  #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: " \21B3";
    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: .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.60s; }

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

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

@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: .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: .25em;
    margin-bottom: .25em; }
  .templateset-browse .templateset-status .status-block {
    margin-top: .5em; }
  .templateset-browse .templateset-status #buttons {
    margin-top: .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: " \25b2";
  color: #fff;
  font-size: 0.75rem; }

.templateset-browse .tablesorter-headerAsc div:after {
  content: " \25bc";
  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: .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: .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 #bbbbbb; }
  .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: .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: .5em; }

.user-history table td, .user-history table th {
  padding: .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: .94rem; }

/* ABOVE IS OLD STYLE.CSS*/
.arrow {
  float: right;
  font-size: 0.6rem;
  position: relative; }

li .tab-top .arrow:after {
  content: "\25B6"; }

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: 1200px;
      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: .5em; }

.user-history table td, .user-history table th {
  padding: .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: .5em; }

.managerecurring table td, .managerecurring table th {
  padding: .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 .1s, top linear .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: #4b4b4b !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; }