@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,700,900");

.font-nunito { font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal;}
.futuraLTHeavy { font-family: "FuturaLTHeavy", "Open Sans", Arial, sans-serif; }





.noselect{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.tox-dialog__body-nav-item:nth-child(2) { color:#1999ec !important; font-weight: bold; }
.tox-button { background-color: #1999ec !important; color: #fff !important; }

/* MASTER NAV BAR */
.master_nav_bar_spacer{ margin-left: 80px !important; }
.master_nav_bar_spacer_footer{ margin-left: 70px !important; }
#master_nav_bar { display: inline-block; position: fixed; left: 0px; top: 0px; background-color:#3F4040; font-size: 20px; cursor: pointer; height: 100%; width: 70px; z-index: 1000; color:#fff; margin: 0px; text-align: center; }
#master_nav_bar img        { margin: 10px 0px; }
.master_nav_bar_img        { opacity: 0.7; }
.master_nav_bar_img:hover  { opacity: 1.0; }
.master_nav_bar_arrow      { position: absolute; top: 0px; left: 0px; background-color:#1e9aed; color:#ffffff; width: 200px; padding: 10px 18px; }

.master_nav_bar_div { position: relative; }
.master_nav_bar_div .master_nav_bar_arrow { visibility: hidden; max-width: 100px; background-color: #1e9aed; color: #fff; text-align: center; border-radius: 8px; padding: 5px 0; font-size: 14px; position: absolute; left: 60px; top: 8px; z-index: 1; }
.master_nav_bar_div:hover .master_nav_bar_arrow { visibility: visible; }



/* ABOUT
   ================================================== */

/** This stylesheet has been lovingly handcrafted by Archie Alafriz of AppealingStudio.com
 *    for the wonderful folks over at uJoin
 */

/* CLEAR FIX
   ================================================== */

.clear-block:before,
.clear-block:after {
  content: "";
  display: table;
}

.clear-block:after { clear: both }

/* GENERIC CLASSES
   ================================================== */

.left { text-align: left }

.right { text-align: right }

.float-left { float: left }

.float-right { float: right }

.center { text-align: center }

.tabbed { padding-left: 20px; }

.page-content { width: 100%; padding:0; margin:0; padding-bottom: 17px;}

.page-content .wrapper { background-color: rgb(252,252,255); }

.container {width: 1020px; margin: 0 auto;}

input:focus, button:focus, a:focus, textarea:focus { outline: none; }

.input-rounded {
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
}

.breadcrumb { float:left; color:#c56454; font-size: 15px; margin:20px 20px 20px 0; width:100%; }
.breadcrumb a { color:#c56454; font-size:15px; text-decoration:none; }
.breadcrumb a:hover { text-decoration: underline; }
#all-actions-div{width: 1020px; overflow: hidden; margin: 20px auto 0px auto;}
.all-actions, .add-credit-card-charge-plan {
  float: left;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
  display: inline-block;
  font-weight: 800;
  font-size: 12px !important;
  color: #FFFFFF !important;
  /*background-color: #c56454;*/
  background-color: #FA5858;
  border-radius: 8px;
  vertical-align: middle;
  text-align: center;
  padding: 16px 40px;
}
.all-actions>a, .add-credit-card-charge-plan>a {
  color: #FFFFFF !important;
}
.all-actions>a:hover, .add-credit-card-charge-plan>a:hover {text-decoration: none !important;}
.all-actions:hover, .add-credit-card-charge-plan:hover {background-color: #FA5858 !important;cursor:pointer;}

.add-credit-card-charge-plan{ text-decoration: none !important; font-size: 16px !important; font-style: normal !important; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-style: normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
  font-style: normal;
}
::-moz-placeholder { /* Mozilla Firefox 19 */
  color: #999;
  font-style: normal;
}
:-ms-input-placeholder { /* Internet Explorer 10 */
  color: #999;
  font-style: normal;
}

a:hover {
  cursor: pointer;
}

/* ===[ Green ]=== */

.btn-green {
   /* background-color: #aab72a; */
   background-color: #1E9AED; /* #00D0B1; */
   cursor:pointer;
}

.btn-green:hover {
   /*background-color: #828d11; */
   background-color: #1E9AED; /*#00D0B1;*/
}

.action-options .btn-green {padding: 10px 30px; margin-right: 10px;}
.action-options .btn-green:hover {text-decoration: none;}

a.anchor.btn-green {
  display: inline-block;
  height: auto !important;
  padding: 4px 30px !important;
  color: #fff;
  text-decoration: none;
}

a.anchor.btn-green:hover {
  background: none;
  /*background-color: #828d11;*/
  background-color: #00D0B1;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}



.txt-green { color: #aab72a; }
.txt-blue  { color: #1CA4FF; font-weight: 300 !important; font-style: normal !important; }
.txt-big   { font-size: 24px !important; }
.txt-small { font-size: 16px !important; }

#body_about    { margin: 0px auto; }
#body_features { margin: 0px auto; }
#body_pricing  { margin: 0px auto; }
#body_features ul>li { margin-left: 30px; }
#body_about    * { letter-spacing: normal !important; }
#body_features * { letter-spacing: normal !important; }
#body_pricing  * { letter-spacing: normal !important; }


.btn-green2 {
  background-color: #286175;
}

/* ===[ Orange ]=== */

.btn-orange {
  /* background-color: #c46454 */
  background-color: #FA5858;
}

.btn-orange:hover { background-color: #a14839 }

.txt-orange { color: #000; /* #FA5858; */ /* #c56454; */ }

.border-orange { border: 1px solid #FA5858; }
.border-grey { border: 1px solid #929292; }

/* ===[ Light Orange ]=== */

.bk-light-orange { background-color: #faefeb }

/* ===[ Gray ]=== */

.btn-gray { background-color: #393c3e }

.btn-gray:hover { background-color: #2b2e30 }

/* ===[ Gray ]=== */

.btn-light-gray {
  background-color: #dfe3ea;
  color: #7f8187 !important;
}

.btn-light-gray:hover { background-color: #d2d5da }

.txt-gray { color: #6e6f6f }

.sub-header {
  color: #818282;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 19px;
}

.gray-bar {
  width: 100%;
  background-color: #393B3E;

  position: relative;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
  box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
}
.white-bar {
  width: 100%;
  background-color: #FFFFFF;
  border-top: 2px solid #393B3E;
  border-bottom: 2px solid #393B3E;
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
  box-shadow: 1px 1px 1px rgba(66, 66, 66, 0.5);
}

.green-bar {
  width: 100%;
  background-color: #b7be52;
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.9);
  -moz-box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.9);
  box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.9);
}
.green-bar2 {
  width: 100%;
  background-color: #FFF;
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.9);
  -moz-box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.9);
  box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.9);
}
/*
.border-bottom-orange {
  background: url('red-line.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}
*/
.auto-save {
  width: 1020px;
  margin: 0px auto;
  padding-top: 50px;
  text-align: right;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 13px;
  font-style: italic;
  color: #666;
}

.auto-save .msg {
  font-size: 14px;
  position: relative;
  top: 3px;
}

.auto-save .empty {
  font-size: 20px;
  max-width: 600px;
  text-align: left;

}

.auto-save span {
  color: #222;
  font-style: normal;
  text-transform: uppercase;
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 12px;
  letter-spacing: 2px;
  margin-right: 20px;
}

.auto-save a.buttons-small {
  font-style: normal;
  text-decoration: none;
  padding: 10px 30px;
}

.auto-save input[type="submit"] {
  min-width: 160px;
}


#flash_notice, #flash_error, #flash_alert {
  position:absolute;
  top:70px;
  z-index: 999999;
  width: 100%;
}

#flash_notice, .flash-notice {
  border: 1px dotted #CCD663;
  padding: 10px;
/*
  background-color: #F7FAD7;
  color: rgb(77, 171, 77);
*/
  background-color: #1999ec; /* #FA5858; */
  color: #FFF;

  text-align: center;
  font-weight: bold;
  margin: 0px auto;
  left:0;
}

#flash_error, .flash-error {
  border: 1px dotted #f37761;
  padding: 10px;
  background-color: #eecbc6;
  color: #f37761;
  text-align: center;
  font-weight: bold;
  margin: 0px auto;
  left: 0;
}

#flash_alert, .flash-alert {
  border: 1px dotted #CCD663;
  padding: 10px;
  background-color: #eecbc6;
  text-align: center;
  font-weight: bolder;
  margin: 0px auto;
  left: 0;
}


#flash_error li {
  list-style: none;
}

.bottom-shadow {
  -webkit-box-shadow: 0 10px 5px -8px #ccc;
  -moz-box-shadow: 0 10px 5px -8px #ccc;
  box-shadow: 0 10px 5px -8px #ccc;
  position: relative;
}

#error_explanation { border: 1px dotted red; padding: 20px; background-color: #ffebeb; }
#error_explanation h2 { font-size: 16px; font-weight: bold; letter-spacing: 0px; color: red; }
#error_explanation ul { padding: 0 0 0 20px; margin-bottom: 0px; }
#error_explanation ul li { font-size: 14px; color: dimgray; font-style: italic; font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300; }

/* Grid Selectors */

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
  margin-left: 0;
  clear: left;
}

.col {
  float: left;
  margin-left: 3.2%;
  margin-bottom: 30px;
}

/* grid4 col */
.grid4 .col {
  width: 22.6%;
}

/* grid3 col */
.grid3 .col {
  width: 80px;
}

/* grid2 col */
.grid2 .col {
  width: 48.4%;
}

/* #END - Grid Selectors */

/* FONT DEFINITIONS
   ================================================== */
/*
@font-face {
  font-family: 'FuturaLT';
  src: url(fonts/futuralt.eot);
  src: local("☺"), url('fonts/futuralt.ttf') format('truetype');
}
*/
@font-face {
  font-family: 'FuturaLTBold';
  src: url(fonts/futuralt-bold.eot);
  src: local("☺"), url('fonts/futuralt-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaLTItalic';
  src: url(fonts/futuralt-oblique.eot);
  src: local("☺"), url('fonts/futuralt-oblique.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaLTBoldItalic';
  src: url(fonts/futuralt-bold-oblique.eot);
  src: local("☺"), url('fonts/futuralt-bold-oblique.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaLTLight';
  src: url(fonts/futuralt-light.eot);
  src: local("☺"), url('fonts/futuralt-light.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaLTLightItalic';
  src: url(fonts/futuralt-light-oblique.eot);
  src: local("☺"), url('fonts/futuralt-light-oblique.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaLTHeavy';
  src: url(fonts/futuralt-heavy.eot);
  src: local("☺"), url('fonts/futuralt-heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaLTHeavyItalic';
  src: url(fonts/futuralt-heavy-oblique.eot);
  src: local("☺"), url('fonts/futuralt-heavy-oblique.ttf') format('truetype');
}

/* FORMS
   ================================================== */

input[type="text"],
input[type="password"],
input[type="email"] {
  height: 30px;
  font-family: helvetica neue;
  font-size: 15px;
  color: #534A4A;
  padding: 0 10px;
  font-weight: 300;
  letter-spacing: 1px;
}

textarea {
  font-family: helvetica neue;
  font-size: 15px;
  color: #6C6C6C;
  padding: 10px;
  font-weight: 300;
  letter-spacing: 1px;
}

input[type="submit"],
input[type="button"] {
  cursor: hand;
  cursor: pointer;
}

.form-container form {
  background-color: transparent;
  display: block !important;
}

form.download-data {
  background-color: transparent;
  display: inline !important;
}

.main-form-header {
  /*
  border-top: 1px dotted #f37761;
  border-bottom: 1px dotted #f37761;
  */
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;

  background-color: #faf4f5;
  padding: 20px 16px 15px 16px;
  margin: 40px auto;
  color: #c56454;
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
  min-width: 1020px;
}
.main-form-header-grey {
  border: 0px solid #000 !important;
  background-color: #F2F2F2 !important;
  color: #333333 !important;
}
.edit_activity div.selector {
  border: 1px solid #929292 !important;
}

.main-form-header ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 1020px;
}

.main-form-header ul li {
  vertical-align: middle;
  float: left;
  position: relative;
}

.main-form-header ul li.sorter { width: 26px; height:26px; padding-right: 10px; }
.main-form-header ul li.sorter .up { position: absolute; top: -5px }
.main-form-header ul li.sorter .down { position: absolute; top: 18px; }

.main-form-header ul li.num { width: 48px; }
.main-form-header ul li.num img { position: relative; top: 3px; display: none;}
.main-form-header ul li.desc {margin-top: 3px;}
.main-form-header ul li.desc a { margin-left: 10px; }
.main-form-header ul li.desc a:hover {text-decoration: none}
.main-form-header ul li small { font-size: 12px; font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300; color: #888; font-style: italic; letter-spacing: 2px; position: relative; }
.main-form-header ul li.stats { float: right; font-size: 14px; margin-right: 50px; }
.main-form-header ul li.stats .black { color: #555; background-color: transparent; }
.main-form-header ul li.stats .grey { color: #afafaf; }
.main-form-header ul li.stats .label { font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300; font-size: 13px; position: relative; top: -2px; }

.main-form-header.nobk {
  border-top: 0px;
  background-color: transparent;
  color: #000;
  text-transform: lowercase;
  margin: 20px auto;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
}

.redline-divide{ margin-left: 30px; border-bottom: 1px solid #f37761; height: 2px; width: 400px; }

.main-form-header.no-vert { margin: 0 auto !important; }

.main-form-header.sub-header {
  margin: 20px auto;
}
.main-form-header.sub-header.first {
  margin-top: 0;
}

.form-section {
  margin-left: 20px;
}

/* PAGE STRUCTURE
   ================================================== */

BODY {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: normal; font-size: 18px; /*font-size: 1rem;*/
  background-color: rgb(252, 252, 255);
  color: #2b2d30;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

h1 {
  font-size: 46px;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: 800;
  color: #2b2d30;
}

h1.highlights {
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 28px;
  font-weight: normal;
}

h1.highlights span {
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  /*background-color: #aab728;*/
  background-color: #1999ec;
  color: #fff;
  padding: 14px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

h2 {
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 38px;
  color: #393b3e;
  letter-spacing: 0px;
}

h3 {
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  color: #393b3e;
}

h4 {
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  margin: 16px 0;
}

h5 {
  height: 30px;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  color: #9c9c9c;
  margin: 0;
}

a {
  color: #FA5858;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.redactor-editor a       { color: blue; text-decoration: underline; }
.redactor-editor h1 a    { font-style: inherit !important; color: blue !important; text-decoration: underline !important; }
.redactor-editor a:hover { text-decoration: underline; }

/* ===[ Organization and Campaign Banners ]=== */

.banner {
  padding: 30px 0 !important;
}

.banner-image {
  margin-bottom: 20px;
}

.banner-image a.org-logo img{
    width: 444px;
}

/* ===[ Main Top Page Header Structure ]=== */

#MainHeader { height: 70px }

#header {
  display: table;
  height: 70px;
  width: 1020px;
  margin: 0px auto;
}

#header > DIV {
  display: table-cell;
}

#header .logo {
  vertical-align: middle;
  padding-top: 6px;
}

#header .links { vertical-align: top }

#header .links UL {
  list-style-type: none;
  float: right;
  margin: 0px;
  padding: 0px;
}

#header .links UL LI {
  float: left;
  margin: 0 10px 0 0;
}

#header .links UL LI A {
  display: block;
  color: #D9D9D9;
  text-decoration: none;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  height: 31px;
  line-height: 32px;
  margin-top: 19px;
  padding: 0 18px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 8px;
  text-transform: uppercase;
}

#header .links UL LI A:hover {
  color: white !important;
}


/* #END Main Top Page Header Structure
   ================================================== */

/* buttons */

a.large-button {
  /*font: normal 14px/30px 'futuralt', 'Open Sans', arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 4px;
  color: #ffffff !important;
  line-height: 30px;
  background: #393c3e;
  padding: 8px 80px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0;
}

a.large-button:hover {
  text-decoration: none;
  background: #2b2e30;
}

a.green-btn {
  /*background: #aab72a;*/
  background: #1999ec;
}

a.green-btn:hover {
  /*background: #828d11;*/
  background: #1999ec;
}

a.pink-btn {
  background: #c46454;
}

a.pink-btn:hover {
  background: #a14839;
}

/* end buttons */

/* ===[ Bill Data ]=== */
.bill-data-bar {
  background:#fafafa;
  box-shadow:1px 0px 5px rgba(66, 66, 66, 0.3);
  z-index: 1000;
  position: relative;
}

.bill-data-expanded {
  display: none;
}

img.legislator-photo {
  height: 65px;
  width: 55px;
  margin-bottom: 7px;
  border-radius: 30px;
  margin-left: -12px;
}

img.party-tag {
  position: relative;
  z-index: 100;
  margin-right: -6px;
  margin-bottom: 4px;
}

a.more:hover {
  opacity: 0.7;
}

.bill-data-expansion {
  padding: 20px;
  margin: 20px 0;
  background: white;
}

.bill-details {
  width: 542px;
}

.co-sponsors {
  float: left;
  width: 407px;
  margin-left: 30px;
}

.bill-data-bar a.bill-data-image {
    float: left;
}

.bill-data-bar a.timeline-image {
    float: left;
}

.bill-data-bar #bill-timeline {
    float: left;
    width: 600px;
    margin: 52px 24px 0;
}
#bill-timeline_moreless_words { display: inline-block; }
#bill-timeline_moreless_button{ display: none; vertical-align: top; margin-left: 6px; margin-top: 22px; cursor: pointer; }
#bill-timeline_more_button_text{ display: inline-block; padding: 6px 12px;  border-radius: 20px; color:#fff; background-color: #333; }
#bill-timeline_less_button_text{ display: none; padding: 6px 12px;  border-radius: 20px; color:#fff; background-color: #333; }
.bill_timeline_more_button_text{ display: inline-block; padding: 6px 12px;  border-radius: 20px; color:#fff; background-color: #333; }
.bill_timeline_less_button_text{ display: none; padding: 6px 12px;  border-radius: 20px; color:#fff; background-color: #333; }

#bill-timeline_face_img { height:65px; margin-left: 6px; vertical-align: unset; display:inline-block; }

.bill-details                    { }
.bd_bill_area                    { font-size: 15px; }
.bd_container                    { margin: 20px 0px; }
.bd_title                        { font-weight: bold; font-size: 16px; margin-bottom: 5px;  }
.bd_body                         {}


/* ===[ End Bill Data ]=== */


/* ===[ Main Content Block Section ]=== */

#MainContent {
  background-color: rgb(252, 252, 255);
  margin: 0px auto;
  width: 100%;
  min-height: 1000px;
}

#MainContent.crowd,
#MainContent .crowd {
/*  background: #fff url('bk-crowd.jpg') no-repeat top center; */
  -webkit-background-size: cover; /*for webKit*/
  -moz-background-size: cover; /*Mozilla*/
  -o-background-size: cover; /*opera*/
  background-size: cover; /*generic*/
}

/* ===[ Normal centered content ]=== */

#MainContent div.content {
  width: 1020px;
  margin: 0px auto;
}

.campaign-banner {
/*  background: #fff url('bk-crowd.jpg') no-repeat top center;*/
  -webkit-background-size: cover; /*for webKit*/
  -moz-background-size: cover; /*Mozilla*/
  -o-background-size: cover; /*opera*/
  background-size: cover; /*generic*/
  padding-bottom: 7 0px;
}

.campaign-banner a.org-logo img {
    width: 444px;
}
/*
#MainContent div.content div.title-header {
  height: 290px;
  background: url('red-line.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}
*/

#MainContent div.content div.title-header h1,
#MainContent div.content div.title-header P { text-align: center }

#MainContent div.content div.title-header P { line-height: 32px }

#MainContent div.content div.title-header h1 { padding-top: 125px }

/* ===[ Main pages form container - centered ]=== */

#MainContent div.content div.form-main {
  padding-bottom: 292px;
  margin-top: 48px;
}

#MainContent div.content div.form-main.no-padding {
  margin: 0px;
  padding: 0px;
}

#MainContent div.content div.form-main#contact,
#MainContent div.content div.form-main#create-account { padding-bottom: 117px }

#MainContent div.content div.form-main form {
  display: block;
  width: 418px;
  margin: 0px auto;
}

#MainContent div.content div.form-main form label,
#MainContent div.content div.section form label,
#MainContent div.content form div.section label {
  display: block;
	font-weight: bold;
  margin: 26px 0 4px 0;
  white-space: nowrap;
}

#MainContent div.content div.section form label,
#MainContent div.content form div.section label {
  margin-top: 0px;
  min-width: 155px;
}

#MainContent div.content div.section form label.float-left,
#MainContent div.content form div.section label.float-left {
  float: left;
  position: relative;
  top: 6px;
}

#MainContent div.content div.form-main form input[type="text"],
#MainContent div.content div.form-main form input[type="password"],
#MainContent div.content div.form-main form input[type="email"] {
  width: 400px;
  display: block;
}
/* user_time_zone selector */
#MainContent div.content div.form-main form div.selector {
  width: 384px !important;
  display: block;
}

#MainContent div.content div.form-main form textarea {
  width: 400px;
  height: 90px;
}

#MainContent div.content div.form-main form #forgot {
  font-family: 'FuturaLTItalic', 'Open Sans', Arial, sans-serif;
  font-style: italic;
  font-size: 11px;
  letter-spacing: 2px;
  text-decoration: underline;
}

#MainContent div.content div.form-main form div.buttons {
  margin-top: 54px;
  text-align: center;
  width: auto;
}

#MainContent div.content div.form-main.no-padding div.buttons { margin: 0px }

#MainContent div.content div.form-main form div.buttons input[type="submit"] {
  border: 0px;
  height: 47px;
  width: 250px;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 16px;
  letter-spacing: 4px;
  text-align: center;
  line-height: 45px;
  color: #fff;
  -webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}

#MainContent div.content div.form-main form div.buttons input[type="submit"].small {
  font-size: 11px;
  height: 33px;
  line-height: 31px;
}

#MainContent div.content div.form-main form .form-left,
#MainContent div.content div.form-main form .form-right {
  width: 195px;
  display: inline-block;
}

#MainContent div.content div.form-main form .form-left input[type="text"],
#MainContent div.content div.form-main form .form-right input[type="text"],
#MainContent div.content div.form-main form .form-left input[type="password"],
#MainContent div.content div.form-main form .form-right input[type="password"],
#MainContent div.content div.form-main form .form-left input[type="email"],
#MainContent div.content div.form-main form .form-right input[type="email"] { width: 158px }

#MainContent div.content div.form-main form .form-right LABEL,
#MainContent div.content div.form-main form .form-right input[type="text"],
#MainContent div.content div.form-main form .form-right input[type="password"],
#MainContent div.content div.form-main form .form-right input[type="email"] { margin-left: 41px }

#MainContent div.content div.form-main div.form-footer-links,
#MainContent div.content div.section div.note {
  margin-top: 14px;
  font-size: 15px;
  color: #808080;
  text-align: center;
}

#MainContent div.content div.section div.note {
  text-align: left;
  font-weight: 300;
  margin: 0px;
}

#MainContent div.content div.form-main div.form-footer-links A { font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; font-weight: bold; }

/* #END normal centered content
   ================================================== */

/* ===[ Generic Page Content ]=== */

#MainContent div.content.page { }

#MainContent div.content.page.wide {
  width: 100%;
}

#MainContent div.content.page div.title-header {
  height: 352px;
  background: none;
}

#MainContent div.content.page div.section {
  width: 1020px;
  margin: 0px auto;
  padding: 65px 0;
}

#MainContent div.content.page div.section.no-padding { padding: 0px }

#MainContent div.content.page div.section h1.red-border {
  border-top: 1px dotted #878787;
  border-bottom: 1px dotted #878787;
  padding: 25px 27px;
  width: 390px;
  margin: 0px auto;
  font-size: 22px;
}

#MainContent div.content.page div.section h2 { text-align: center }

#MainContent div.content.page div.section h1 a,
#MainContent div.content.page div.section h2 a {
  color: #2b2d30;
  text-decoration: none;
}

#MainContent div.content.page div.section p.text {
  color: #818282;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 18px;
  margin: 0px auto;
  width: 800px;
  line-height: 30px;
}

#MainContent div.content.page div.section p.sub-header {
  text-align: center;
  margin: 0px auto;
  color: #c46454;
  margin-top: 30px;
  margin-bottom: 30px;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#MainContent div.content div.section form div.sub-form-section,
#MainContent div.content form div.section div.sub-form-section {
  border-bottom: 1px dotted #929292;
  padding: 50px 17px 50px 17px;
  margin-bottom: 0px;
}

#MainContent div.content div.section form div.sub-form-section .control-block label {
  position: relative;
  top: 6px;
}

#MainContent div.content div.section form div.sub-form-section .control-block.exp span {
  float: left;
  position: relative;
  top: 4px;
  left: 2px;
}

#MainContent div.content div.section form div.sub-form-section.no-border,
#MainContent div.content form div.section div.sub-form-section.no-border { border: 0px }

#MainContent div.content div.section form div.sub-form-section > div,
#MainContent div.content form div.section div.sub-form-section > div { margin: 10px 0 }

#MainContent div.content div.section form div.sub-form-section.footer,
#MainContent div.content form div.section div.sub-form-section.footer {
  padding: 20px 0 0 0;
  border-bottom: 0px;
}

#MainContent div.content div.section form div.sub-form-section.footer A,
#MainContent div.content form div.section div.sub-form-section.footer A {
  color: #2b2d30;
  text-decoration: underline;
  font-size: 13px;
}

#MainContent div.content div.section form div.sub-form-section.no-padding,
#MainContent div.content form div.section div.sub-form-section.no-padding { padding: 50px 0 50px 0 }

#MainContent div.content.page div.section ul.strip {
  margin: 32px auto 0px auto;
  list-style-type: none;
  display: table;
}

#MainContent div.content.page div.section ul.strip LI {
  float: left;
  margin-right: 20px;
  color: #818282;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 18px;
}

#MainContent div.content.page div.section ul.strip P {
  line-height: 0;
  margin: 10px 0 4px 0;
  padding: 0px;
}

#MainContent div.content.page div.section ul.strip A {
  font-size: 12px;
  text-decoration: none;
}

#MainContent div.content.page div.section ul.sec-excerpt,
#MainContent div.content.page div.section ul.sec-byline {
  list-style-type: none;
  display: table;
  width: 830px;
  padding: 0px;
  margin: 0px auto;
}

ul.sec-byline h3 {
  margin-bottom: 20px;
}

#MainContent div.content.page div.section ul.sec-excerpt LI,
#MainContent div.content.page div.section ul.sec-byline LI {
  float: left;
  color: #818282;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 18px;
}

#MainContent div.content.page div.section ul.sec-byline LI UL {
  padding: 0px;
  margin-left: 18px;
  list-style-type: disc;
}

#MainContent div.content.page div.section ul.sec-byline LI UL LI { font-size: 14px }

#MainContent div.content.page div.section ul.sec-excerpt LI.excerpt {
  width: 400px;
  margin-right: 80px;
}

#MainContent div.content.page div.section ul.sec-excerpt LI.excerpt H2,
#MainContent div.content.page div.section ul.sec-excerpt LI.excerpt P.sub-header { text-align: left }

#MainContent div.content.page div.section ul.sec-excerpt LI.excerpt P.text { width: 100% }

#MainContent div.content.page div.section ul.sec-byline { width: 900px }

#MainContent div.content.page div.section ul.sec-byline > LI { width: 38% }

#MainContent div.content.page div.section ul.sec-byline > LI P { width: 100% }

#MainContent div.content.page div.section ul.sec-byline > LI.first {
  clear: both;
  padding: 0 80px;
}

#MainContent div.content.page div.section ul.menu-edit {
  list-style-type: none;
  padding: 0px;
  margin: 0px auto;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

#MainContent div.content.page div.section ul.menu-edit.no-margin { margin: 0px }

#MainContent div.content.page div.section ul.menu-edit li {
  float: left;
  font-size: 13px;
}

#MainContent div.content.page div.section ul.menu-edit li a { color: #2b2d30 }

#MainContent div.content.page div.section ul.menu-edit li.nav {
  width: 300px;
  height: 32px;
  line-height: 32px;
}

#MainContent div.content.page div.section ul.menu-edit li.nav h2 {
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  text-align: left;
  letter-spacing: 0px;
  font-size: 18px;
}

#MainContent div.content.page div.section ul.menu-edit li.op {
  width: 720px;
  text-align: right;
}

/* LEGAL PAGES
   ================================================== */

.legal-stuff {
  padding: 50px 100px;
}

.legal-stuff h3 {
  /*font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;*/
	font-weight: 300;
  font-size: 18px;
  color: #FA5858 !important;
  letter-spacing: 0px;
}

.legal-stuff h2 {
  font-size: 28px;
  margin-top: 50px;
}

.legal-stuff span {
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 16px;
}


/* END LEGAL PAGES
   ================================================== */



/* SECTION TABLES
   ================================================== */

#MainContent div.content div.section table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
/*
#MainContent div.content div.section table tr.top-header {
  background: url('red-line.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}
*/
#MainContent div.content div.section table tr.top-header th.label {
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  text-align: left;
  letter-spacing: 0px;
}

#MainContent div.content div.section table tr.top-header th.options { text-align: right }

#MainContent div.content div.section table tr.top-header th.options input[type="button"],
#MainContent div.content div.section table tr.top-header th.options button { margin-bottom: 11px }

#MainContent div.content div.section table tr.top-header th.options ul {
  list-style-type: none;
  padding: 0 0px 11px 11px;
  float: right;
  margin: 0px;
}

#MainContent div.content div.section table tr.top-header th.options ul li {
  float: left;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #efefef;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  height: 27px;
}

#MainContent div.content div.section table tr.top-header th.options ul li.first {
  -webkit-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
}

#MainContent div.content div.section table tr.top-header th.options ul li.last {
  border-right: 1px solid #e0e0e0;
  -webkit-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
}

#MainContent div.content div.section table tr.top-header th.options ul li.first-last {
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#MainContent div.content div.section table tr.top-header th.options ul li.single {
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 0px 6px 6px 0px;
  border-radius: 6px 6px 6px 6px;
}

#MainContent div.content div.section table tr.top-header th.options ul li a {
  color: #6d6d6d;
  text-decoration: underline;
  font-size: 13px;
  text-decoration: none;
  height: 27px;
  line-height: 27px;
  padding: 0px 15px;
  font-family: 'Maven Pro', sans-serif;
  font-weight: 500;
}

#MainContent div.content div.section table tr.top-header th.options ul li:hover,
#MainContent div.content div.section table tr.top-header th.options ul li a:hover { background-color: #e4e4e4 }

#MainContent div.content div.section table tr.column-header { }

#MainContent div.content div.section table tr.column-header th {
  text-align: left;
  font-family: 'Maven Pro', sans-serif;
  color: #6d6d6d;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0px;
  border-bottom: 1px solid #efefef;
  padding: 36px 6px 6px 6px;
}

#MainContent div.content div.section table tr.column-header th.sort {
 cursor: pointer;
}

#MainContent div.content div.section table tr.column-header th a.sort, #MainContent div.content div.section table tr.column-header th span.sort{
  background: url("icon-sort.png") 0 0 no-repeat;
  width: 6px;
  height: 10px;
  display: inline-block;
}

#MainContent div.content div.section table tr.spacer td { height: 0px }

#MainContent div.content div.section table tr td {
  text-align: left;
  font-family: 'Maven Pro', sans-serif;
  color: #a7aaae;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0px;
  padding: 6px;
}

#MainContent div.content div.section table tr th div.checker,
#MainContent div.content div.section table tr td div.checker {
  position: relative;
  top: 2px;
  margin-left: 16px;
}

#MainContent div.content div.section table tr td.title {
  font-weight: 500;
  font-size: 13px;
  color: #6d6d6d;
/*min-width: 250px;*/
}

#MainContent div.content div.section table tr td.bold-orange {
  font-weight: bold;
  color: #FA5858;
}

#MainContent div.content div.section table tr.odd td { background-color: #e6edf6 }

/* #END Section tables
   ================================================== */

#MainContent div.content.sec-header { }

#MainContent div.content.sec-header.wide {
  width: 100%;
  height: 157px;
  background-color: #fff;
}

#MainContent div.content.sec-header.wide H1 {
  width: 1020px;
  margin: 0px auto;
  font-size: 24px;
  line-height: 230px;
}

/* ===[ Section Menu ]=== */

#MainContent div.section-menu { height: 91px }

#MainContent div.section-menu.byline-desc { height: 100px }

#MainContent div.section-menu.byline-desc > div {
  height: 100px;
  position: absolute;
  left: 50%;
  top: 75%;
  margin: -50px 0 0 -510px;
  background: url('byline-arrow-down.png') no-repeat;
  background-position: 292px 75px;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 18px;
  color: #fff;
}

#MainContent div.section-menu > div {
  display: table;
  width: 1020px;
  height: 91px;
  margin: 0px auto;
}

#MainContent div.section-menu > div UL {
  margin: 0px auto;
  list-style-type: none;
  padding: 0px;
  display: table-cell;
  vertical-align: middle !important;
  padding-left: 17px !important;
}

#MainContent div.section-menu > div UL LI {
  float: left;
  margin-right: 5px;
}

#MainContent div.section-menu > div UL LI A {
  display: block;
  height: 36px;
  line-height: 36px;
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  color: #fff;
  font-size: 12px;
  letter-spacing: 3px;
  text-decoration: none;
  text-align: center;
}

#MainContent div.section-menu > div UL LI A.active,
#MainContent div.section-menu > div UL LI A:hover {
  background-color: #fff;
  color: #393B3E;
  -webkit-border-radius: 21px;
  border-radius: 21px;
}


#MainContent div.section-menu.green-bar { height: 100% }
#MainContent div.section-menu.green-bar2 { height: 100% }

#MainContent div.section-menu.green-bar > div { height: 100%; padding: 28px 0;}
#MainContent div.section-menu.green-bar2 > div { height: 100%; padding: 28px 0;}

#MainContent div.section-menu.green-bar > div h2 {  color: #fff;  font-family: "FuturaLTLight", 'Open Sans', Arial, sans-serif;  font-weight: 300;  font-size: 23px;}
#MainContent div.section-menu.green-bar2 > div h2 {  color: #FA5858;  font-family: "FuturaLTLight", 'Open Sans', Arial, sans-serif;  font-weight: 300;  font-size: 23px;}

#MainContent div.section-menu.green-bar > div hr { background-color: #cbd37b; width: 700px; position: relative; top: 5px; z-index: 0;}
#MainContent div.section-menu.green-bar2 > div hr { background-color: #FA5858; width: 670px; position: relative; top: 5px; z-index: 0; border-color: #FA5858;}

#MainContent div.section-menu.green-bar > div UL { display: inline-block; width: 100%; padding: 0px; margin-top: 10px;}
#MainContent div.section-menu.green-bar2 > div UL { display: inline-block; width: 100%; padding: 0px; margin-top: 10px;}

#MainContent div.section-menu.green-bar > div UL LI { width: 33.33%; text-align: center; padding: 0px; margin: 0px;}
#MainContent div.section-menu.green-bar2 > div UL LI { width: 32.00%; text-align: center; padding: 0px; margin: 0px;}

#MainContent div.section-menu.green-bar > div UL LI A {
  width: 100%;
  height: 100%;
  line-height: 100%;
  color: #cbd37b;
  /*font-family: "FuturaLT", 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding-top: 20px;
  background: url("icon-green-header-inactive.png") center top no-repeat;
  margin-top: -28px;
  position: relative;
  z-index: 99;
}
#MainContent div.section-menu.green-bar2 > div UL LI A {
  width: 100%;
  height: 100%;
  line-height: 100%;
  color: #000000;
  /*font-family: "FuturaLT", 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding-top: 20px;
  background: url("icon-red-header-inactive.png") center top no-repeat;
  margin-top: -28px;
  position: relative;
  z-index: 99;
}

#MainContent div.section-menu.green-bar > div UL LI A.active,
#MainContent div.section-menu.green-bar > div UL LI A:hover {
  background-color: transparent;
  color: #fff;
  font-family: "FuturaLTHeavy", 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  background: url("icon-green-header-active.png") center top no-repeat;
}

#MainContent div.section-menu.green-bar2 > div UL LI A.active,
#MainContent div.section-menu.green-bar2 > div UL LI A:hover {
  background-color: transparent;
  color: #00D0B1;
  font-family: "FuturaLTHeavy", 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  background: url("icon-red-header-active.png") center top no-repeat;
}


#MainContent .card {
  font-size: 24px;
}

/* TEXT EDITOR
   ================================================== */

.email_content iframe {height: 500px !important;}
.email_content #mce_17 {display:none;} /* editor for email blast */
.container #mce_15, .container #mce_23, .container #mce_12, .container #mce_13, .container #mce_30-0 {display: none;}
.cke_contents {height: 500px !important;}

/* END TEXT EDITOR
   ================================================== */

/* EMAIL HTML
================================================== */

body.email-content {
  background-color: #f2f5f9;
  padding-top: 50px;
}

.email-button a {
  font-family: helvetica neue, Arial, sans-serif !important;
  display: inline-block;
  cursor: pointer;
  background-color: #525961;
  font-size: 16px;
  color: #ececec;
  padding: 15px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 30px 0 20px;
  width: 60%;
}

.email-button a:hover {
  text-decoration: none;

}

.email-content h1 {
  font-size: 30px;
  line-height: 40px;
  margin-top: 20px;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  /*
  letter-spacing: 2px;
  color: #525961;
  */
}

.email-body {
  text-align: left;
  margin: 20px 7% 0px 7%;
  border: solid 2px #D3DBE6;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: white;
  padding: 6%;
}
.email-body img {
  max-width: 100%
}
.email-body h1, .email-body h1, .email-body h2, .email-body h3, .email-body h4, .email-body h5, .email-body h6, .email-body p, .email-body ul, .email-body li, .redactor-editor h1, .redactor-editor h2, .redactor-editor h3, .redactor-editor h4, .redactor-editor h5, .redactor-editor h6, .redactor-editor p,
 .redactor-editor ul, .redactor-editor li {
  letter-spacing: 0px;
  font-weight: bold;
  color:#000000;
  /*
  font-family: helvetica neue;
  color: #333333;
  */
  margin: 0;
}
.email-body h1, .redactor-editor h1 {
  font-size: 36px;
  line-height: 50px;
  font-weight: bold;
  padding: 20px 7% 0 7%;
  /*
  color: #525961;
  */
  margin-bottom: 10px;
}


.email-body h1, .redactor-editor h1 {font-size: 36px; line-height: 66px; padding:0; margin: 0;}
.email-body h2, .redactor-editor h2 {font-size: 24px; line-height: 36px; }
.email-body h3, .redactor-editor h3 {font-size: 21px; line-height: 30px;}
.email-body h4, .redactor-editor h4 {font-size: 18px; line-height: 28px; font-weight: normal;}
.email-body h5, .redactor-editor h5 {font-size: 14px; line-height: 22px; font-weight: normal;}
.email-body h6, .redactor-editor h6{font-size: 10px; line-height: 16px; font-weight: normal;}

.email-body p, .email-body li, .redactor-editor p, .redactor-editor li {font-size: 16px; line-height: 25px; font-weight: normal;}
.email-body blockquote, .redactor-editor blockquote {color: #777; font-style: italic; font-size: 14px; line-height: 1.6em;}
.email-body a { color: blue !important; }

.unsubscribe {
  margin: 50px 7%;
  /*padding: 30px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #D3DBE6;*/
}

.unsubscribe p {
  color: #747980;
  font-size: 14px;
}

.unsubscribe a {
  color: #46494D;
  font-size: 14px;
}

/* END EMAIL HTML
================================================== */

#MainContent div.section-menu.menu {
  height: 71px;
  z-index: 999;
}

#MainContent div.section-menu.menu > div {
  width: 1020px;
  margin: 0px auto;
}

#MainContent div.section-menu.menu > div ul {
  display: inline-block;
  padding: 0px !important;
}

#MainContent div.section-menu.menu > div ul li.highlights {
  font-style: italic;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 13px;
  color: #afafaf;
  padding: 25px 0;
  min-width: 190px;
}
#MainContent div.section-menu.menu.white-bar > div ul li.highlights {
  font-style: italic;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 13px;
  color: #000;
  padding: 25px 0;
/*  min-width: 190px;*/
}
#MainContent div.section-menu.menu.white-bar > div ul li a {
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 3px;
  /*font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;*/
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 900 !important;
  padding: 10px 20px;
  margin: 20px 10px 0 10px;
  line-height: 11px;
  color: #000000;
  height: auto;
}
#MainContent div.section-menu.menu > div ul li a {
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 3px;
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  padding: 0px;
  margin: 30px 15px 0 0px;
  line-height: 11px;
  color: #7c7f84;
  height: 55px;
}


#MainContent div.section-menu.menu > div ul li a:hover,
#MainContent div.section-menu.menu > div ul li a.active {
  background-color: transparent;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #fff;
  background: url("section-menu-arrow.png") center bottom no-repeat;
}
#MainContent div.section-menu.menu.white-bar > div ul li{}
#MainContent div.section-menu.menu.white-bar > div ul li a.active,
#MainContent div.section-menu.menu.white-bar > div ul li a:hover {
  background: none;
  height: auto !important;
  color:#FFF;
/*  background-color: #aab72a;*/
  background-color: #00D0B1;
  border-radius: 8px;
}
#MainContent div.section-menu.menu.white-bar > div ul li a.with_arrow_grey:hover {
  background: none;
  height: auto !important;
  color:#FFF;
  background-color: #A2A2A2;
  border-radius: 8px;
}
#MainContent div.section-menu.menu.white-bar > div ul li a.with_arrow:hover:after,
#MainContent div.section-menu.menu.white-bar > div ul li a.with_arrow.active:after{
  content: '';
  position: absolute;
  left: 50%;
  margin-left:-10px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  /*border-top: 10px solid #aab72a;*/
  border-top: 10px solid #00D0B1;
  clear: both;
}
#MainContent div.section-menu.menu.white-bar > div ul li a.with_arrow_grey:hover:after,
#MainContent div.section-menu.menu.white-bar > div ul li a.with_arrow_grey.active:after{
  content: '';
  position: absolute;
  left: 50%;
  margin-left:-10px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #A2A2A2;
  clear: both;
}
#MainContent div.section-menu.menu.white-bar > div ul li{height:65px;}
#MainContent div.section-menu.menu.white-bar > div ul li.active,
#MainContent div.section-menu.menu.white-bar > div ul li:hover,
#MainContent div.section-menu.menu.white-bar > div ul li:active {
}

#MainContent div.section-menu.menu > div UL LI A.btn-green {
  display: inline-block;
  height: auto !important;
  padding: 10px !important;
  color: #fff;
}

#MainContent div.section-menu.menu > div UL LI A.btn-green:hover {
  background: none;
  /*background-color: #828d11;*/
  background-color: #00D0B1;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#MainContent div.section-menu.menu > div UL LI A.link-pink {
  color: rgb(197, 100, 84);
}

#MainContent div.section-menu.menu > div UL LI A.no-hover:hover {
  background: none;
}

/* #END Section Menu
   ================================================== */

#MainContent div.bar-gray,
#MainContent div.bar-green { height: 26px }

#MainContent div.bar-gray {
  /*background-color: #393c3e */
  background-color: #1CA4FF;
}

#MainContent div.bar-green {
/*  background-color: #b8bf53 */
  background-color: #1CA4FF;
}

#MainContent.crowd form { display: inline }

.header-form form {height: 0;}

#MainContent.crowd form input[type='submit'] {
  display: inline;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  outline: none;
  border: none;
  text-align: center;
  width: 100px;
  height: 40px;
}

h2.action-title {
  font-size: 30px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.video-agree {
  margin-top: 10px;
}

.video-agree .checker {
  float: left;
}

/* #END Main Content Block Section
   ================================================== */

/* TWO COLUMN CONTENT
   ================================================== */

span.stButton {
  margin-bottom: 10px;
}

.two-col {
  display: table;
  width: 1020px;
  margin: 0px auto;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
}

.two-col p {
  font-family: sans-serif !important;
  font-weight: 300;
  font-size: 15px;
/*  color: #606165; */
  letter-spacing: 0px;
  line-height: 20px;
}

.two-col .row { display: table-row; }
.two-col .block,
.two-col .sidebar {
  vertical-align: top;
}

.two-col .block {
  width: 620px;
  min-height: 650px;
  -moz-box-shadow: 12px 0 15px -4px rgba(222, 222, 222, 0.8), -12px 0 8px -4px rgba(240,240,240, 0.8);
  -webkit-box-shadow: 12px 0 15px -4px rgba(222, 222, 222, 0.8), -12px 0 8px -4px rgba(240,240,240, 0.8);
  box-shadow: 12px 0 15px -4px rgba(222, 222, 222, 0.8), -12px 0 8px -4px rgba(240,240,240, 0.8);
  padding: 40px;
  color: #000000;
  font-size:15px;
  background-color: #fff;
  float: left;
}

.two-col .block form {
  width: 522px;
  margin: 0px auto;
  background-color: #fff;
}

.two-col .block form input[type="text"],
.two-col .block form input[type="email"] {
  width:500px;
  margin-top:20px;
  margin-bottom:0px;
  padding:10px;
  height:20px;
  margin-left: 0px;
  display: block;
}

.two-col .block form textarea.personal-message {
  height: 100px !important;
  width: 502px;
  margin-top:20px;
  margin-bottom:0px;
  padding:10px;
  height:20px;
  margin-left: 0px;
  display: block;
  border: 1px dashed #C4C4C4;
}

.two-col .block form input[type="text"].city {
  width: 250px;
  float: left;
  margin-right: 19px;
}

.two-col .block form div.selector { width: 192px !important; margin-top: 20px; height: 40px; }
.two-col .block form div.selector span { line-height: 38px; }
.two-col .block form div.selector select { /* width: 218px !important; */  }
.two-col .block form .buttons-small { margin: 40px auto!important; width: 80% !important; display: block !important; }


.two-col .sidebar { width: 260px; padding-left: 60px; padding-bottom: 100px; float:right; padding-top: 50px;}
.two-col .sidebar .block-wrap { color: #4d4d4d; font-size:15px; }
.two-col .sidebar .block-wrap h2 { font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: 800; font-size: 19px; border-bottom:1px dotted #929292; margin: 40px 0 20px 0; }
.two-col .sidebar .block-wrap ul { padding: 0 0 0 19px; }
.two-col .sidebar .block-wrap ul li { margin-bottom: 10px; }
.two-col .sidebar .block-wrap span {color: #c56454;}
.two-col .sidebar .buttons-small { font-size: 10px; letter-spacing: 3px; text-align: center; display: block; margin-top: 20px; line-height: 34px; }
.two-col .sidebar .buttons-small:hover { text-decoration: none; }

.two-col .block form a.record-button {
  width: 50% !important;
  display: inline-block !important;
  margin: 15px 30px !important;
}

a.record-button:hover {
  text-decoration: none;
}

/* #END TWO COLUMN CONTENT
   ================================================== */

/* ===[ Main Footer Block Section ]=== */

#MainFooter {
  margin-top: 200px;
  background-color: #fff;
  width: 100%;
  padding: 50px 0;
  background: #393B3E;
}


#MainFooter .footer footer ul.footer-nav {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: right;
}

#MainFooter .footer FOOTER UL.footer-nav LI {
  float: left;
  text-align: center;
  margin-left: 30px;
}

#MainFooter .footer FOOTER UL.footer-nav LI A {
  color: #fff;
  text-decoration: none;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 2px;
}

#MainFooter .footer FOOTER UL.footer-nav LI A:hover { text-decoration: underline }


#MainFooter .footer FOOTER UL.footer-social {
  list-style-type: none;
  padding: 40px 0 0 0;
  width: 244px;
  margin: 0px auto;

}

#MainFooter .footer FOOTER UL.footer-social LI {
  float: left;
  text-align: center;
  margin-right: 21px;
}

#MainFooter.public-footer {
    color: #9799A1;
    padding: 15px 0 20px 0;
    background-color: #FCFCFF;
    margin: 0;
}

.iframe-footer {
    color: #9799A1;
    padding: 100px 0 10px 0;
    background-color: #FFFFFF;
    margin: 0;
    font-size: 12px;
}

#MainFooter.public-footer .footer .container{
    font-size: 12px;
    text-align: right;
}

#MainFooter.public-footer .footer .container img,
.iframe-footer img{
    height: 12px;
}

.content-div { min-height: 400px }

.field_with_errors { display: inline }
.field_with_errors span.error{ color: red; }

/* MODAL DIALOGS */

.ui-widget-overlay {
  background:#666 !important;
  opacity:.75 !important;
  filter: alpha(opacity=75) !important;
  -moz-opacity: 0.75 !important;
  z-index:999 !important;
}

.ui-widget-content {
  border: none !important;
  Background: transparent !important;
}

.ui-dialog {
  padding: 0 !important;
  z-index: 9999 !important;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog .ui-dialog-titlebar {
  display: none;
}

.ui-dialog .ui-dialog-content {
  position: relative !important;
  border: 4px solid #393B3E !important;
  background: none !important;
  overflow: auto !important;
  padding: 0 !important;
}

/*
  .modal-overlay {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  background:#666;
  opacity:.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  z-index:999;
  }
  */

/*
  .modal {
  position: fixed;
  top: 80px;
  left: 20%;
  margin: 0;
  padding: 0;
  z-index: 1000;
  border: 4px solid #393B3E;
  width: 800px;;
  }
  */

.modal header,
.modal footer {
  background-color: #393B3E;
}

.modal header ul,
.modal footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: table;
}

.modal header ul li,
.modal footer ul li {
  display: table-cell;
  background-color: #393B3E;
}

.modal footer ul { width: 100%; }

.modal footer ul li {
  color: #fff;
  font-size: 12px;
  font-style: italic;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  padding: 20px;
  text-align: right;
}

.modal header ul li.icon {
  width: 69px;
  vertical-align: middle;
}

.modal header ul li.icon img {
  margin: 0px auto;
  display: block;
}

.modal header ul li.title {
  font-size: 14px;
  color: #afafaf;
  letter-spacing: 3px;
  padding: 18px inherit;
  width: 688px;
}

.modal header ul li.title h2 {
  color: #fff;
  font-size: 14px;
}

.modal .close,
.modal .remove {
  text-align: right;
  vertical-align: middle;
  padding-right: 12px;
  width: 40px;
}

.modal .close a,
.modal .remove a {
  background: url('close.png');
  background-repeat: no-repeat;
  background-position: left center;
  height: 20px;
  width: 20px;
  background-size: 12px;
  display: block;
  opacity: 0.6;
  float: right;
}

.modal header .close a:hover,
.modal header .remove a:hover {
  opacity: 1;
}

.modal .content {
  background-color: rgb(249,249,249) !important;
}

/* #END - MODAL DIALOGS */

/* CUSTOM CLASSES */

/* View all Organizations */

ul.organizations {
  list-style: none;
  padding: 0;
  margin-top: 50px;
  text-align: center;
}

ul.organizations li a{
  display: block;
  margin-bottom: 30px;
  color: #D7DEE4;
}

ul.organizations li.org-link a {
  background: #EBF3FA;
  color: #2b2d30;
  /*
  text-shadow: 1px 1px 0px #000000;
  background: #EBF3FA;
  color: #2b2d30;
  */
  padding: 30px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 27px;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-weight: 800;
  letter-spacing: 2px;
  -webkit-box-shadow: 0px 2px 3px rgba(66, 66, 66, 0.3);
  -moz-box-shadow: 0px 2px 3px rgba(66, 66, 66, 0.3);
  box-shadow: 0px 2px 3px rgba(66, 66, 66, 0.3);
}

ul.organizations li.org-link a:hover {
  text-decoration: none;
  /*background: #E1E9F0;*/
}

/* Organization Admin List */

.org-admin-list {
  margin-top: 60px;
}

.org-admin-list .top-header th {
  padding-bottom: 10px;
}

.org-admin-list .icon {
  width: 60px;
}

.org-admin-list td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.org-admin-list .info {
  width: 300px;
  color: #888 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
}

.org-admin-list .info h3 {
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  color: #1999ec;
  text-transform: uppercase;
  letter-spacing: 2px !important;
}

.org-admin-list .type {
  width: 120px;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif !important;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

/* #END - Organization Admin List */

/* Organization Add/Edit Admin */

#form-admin-edit .sub-form-section {
  padding-bottom: 100px !important;
}

#form-admin-edit .sub-form-section.footer .delete-col {
  text-align: left;
  padding-left: 15px;
}

#form-admin-edit .sub-form-section.footer .delete-col a{
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 12px !important;
}

.form-element {
  list-style: none;
}

#form-admin-edit .form-element {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#form-admin-edit .form-element li {
  width: 46%;
  float: left;
}

#form-admin-edit .form-element LI label {
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif !important;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px !important;
}

#form-admin-edit .form-element LI input[type="text"],
#form-admin-edit .form-element LI input[type="email"],
#form-admin-edit .form-element LI div.selector {
  width: 350px !important;
}

/* #END - Organization Add/Edit Admin */

/* List Add People Popup */

.modal.add-people .section form table { width: 800px !important; }

.modal.add-people .section form table td {
  padding: 15px !important;
}

.modal.add-people .section form table td.icon {
  width: 40px;
  text-align: center;
  vertical-align: middle;
}

.modal.add-people .section form table td.icon img {
  display: block;
  margin: 0px auto;
}

.modal.add-people .section form table td.file {
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif !important;
  font-weight: bold;
  font-size: 13px !important;
  color: #333 !important;
  width: 300px;
}

.modal.add-people .section form table td.file-size {
  color: rgb(182,194,65) !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;;
  width: 80px;
}

.modal.add-people .section form table td.progress {
  width: 120px;
  background-color: transparent;
}

.modal.add-people .fileupload {
  padding: 40px;
/*padding-bottom: 140px;*/
}

.modal.add-people footer ul li.msg { width: 90%; }

.modal.add-people .csv-instructions {
  border-top: 2px dashed rgb(182,194,65);
  border-bottom: 2px dashed rgb(182,194,65);
  background-color: #f8ebe9;
  padding: 10px 30px;
  font-size: 11px;
}

.modal.add-people .error-explanation {
  background-color: #f8ebe9;
  margin-top: 10px;
  padding: 2px 30px;
  font-size: 11px;
}

/* #END - List Add People Popup */

/* Progress Bar */

.meter {
  height: 12px;  /* Can be anything */
  position: relative;
  background: rgb(199,199,199);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
  -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
  box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(182,194,65);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(182,194,65)),
    color-stop(1, rgb(84,240,84))
  );
  background-image: -webkit-linear-gradient(
    center bottom,
    rgb(182,194,65) 37%,
    rgb(84,240,84) 69%
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(182,194,65) 37%,
    rgb(84,240,84) 69%
  );
  background-image: -ms-linear-gradient(
    center bottom,
    rgb(182,194,65) 37%,
    rgb(84,240,84) 69%
  );
  background-image: -o-linear-gradient(
    center bottom,
    rgb(182,194,65) 37%,
    rgb(84,240,84) 69%
  );
  -webkit-box-shadow:
  inset 0 2px 9px  rgba(255,255,255,0.3),
  inset 0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow:
  inset 0 2px 9px  rgba(255,255,255,0.3),
  inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

/* #END - Progress Bar */

/* Organization - Public */

.org-public .menu .float-left { width: 30% !important; }

.org-public .menu .float-right {
  color: #aaa;
  font-size: 13px;
  font-style: italic;
  display: table;
  top: 18px;
  position: relative;
  width: 60% !important;
}

.org-public .menu .float-right li {
  display: table-cell;
  float: none !important;
  vertical-align: middle;
  padding: 0px 16px;
}

.org-public .menu .float-right li input[type="email"] {
  width: 240px;
}

.org-public .menu .float-right li input[type="submit"] {
  width: 160px;
}

.org-public div.section.no-padding.grid3 {
  padding: 50px 0 10px !important;
}

.org-public div.section.no-padding.grid3 > div.col {
  border: 3px solid rgb(229,229,231);
  background-color: rgb(242,242,244);
  padding: 10px;
  width: 280px;
}

.org-public div.section.no-padding.grid3 > div.col h2 {
  font-size: 21px;
  /*font-family: 'Futuralt', 'Open Sans', Arial, sans-serif;*/
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0px;
  text-align: left !important;
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid rgb(233,212,209);
  min-height: 98px;
}

.org-public div.section.no-padding.grid3 > div.col label {
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  color: #c56454;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  min-height: 41px;
  display: block;
}

.org-public div.section.no-padding.grid3 > div.col p {
  font-size: 13px;
  letter-spacing: 0;
  color: rgb(128,128,128);
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  min-height: 150px;
}

.org-public div.section.no-padding.grid3 > div.col div.stats {
  border-bottom: 1px solid rgb(211,211,210);
  border-top: 1px solid rgb(211,211,210);
  min-height: 100%;
  height: 50px;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  font-size: 13px;
  color: #c56454;
  letter-spacing: 0px !important;
  padding-top: 10px;
}

.org-public div.section.no-padding.grid3 > div.col div.stats h3 {
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px !important;
  color: rgb(57,59,63);
  text-transform: uppercase;
}

.org-public div.section.no-padding.grid3 > div.col .view {
  text-decoration: none;
  padding: 4px 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  top: -4px;
}

/* #END - Organization - Public */

/* User Profile Edit */

.user-profile-edit div.sub-form-section {
  border-bottom: 0px !important;
  padding-bottom: 10px !important
}

.user-profile-edit label {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /*font-family: 'FuturaLT', 'Open Sans', Arial, sans-serif !important;*/
  font-size: 16px !important;
  letter-spacing: 3px !important;
  color: #000;
}
.user-profile-edit .profile label {
  float: left;
}

.user-profile-edit INPUT[type="text"],
.user-profile-edit INPUT[type="password"] {
  width: 340px !important;
  float: left;
  margin-right: 20px;
}

.user-profile-edit INPUT[type="text"].city {
  width: 170px !important;
}

.user-profile-edit #uniform-user_time_zone {
  width: 325px !important;
  margin: 0 !important;
}
.user-profile-edit div.selector {
  width: 111px !important;
  margin: 0 !important;
}

.user-profile-edit div.city-block {
  margin-bottom: 0 !important;
}

.user-profile-edit INPUT[type="text"].card_expiry_month {
  width: 40px !important;
  margin-right: 0px;
}

.user-profile-edit INPUT[type="text"].card_expiry_year {
  width: 50px !important;
  margin-right: 30px;
}

.user-profile-edit INPUT[type="text"].card_cvc {
  width: 60px !important;
}

.user-profile-edit2 label { color:#000 !important; min-width: 155px; position: relative; top: 6px; }
.user-profile-edit2 div { margin: 10px 0px; }
/* #END - User Profile Edit */

/* @ Take Action View Mode */

div.content-action {
  display: table;
  width: 1020px;
}

div.content-action > div { vertical-align: top; padding: 20px 40px 60px 0; }

div.content-action > div.summary {
  width: 700px;
  color: grey;
  font-size: 15px;
  float: left;
}

div.content-action > div.button { float: right; padding-right:0;}

/* #END - Take Action View Mode */

/* Data popups */

.green-header {
  background: #1999ec; /*cacc5a;*/
  height: 50px;
  border: solid 2px #1999ec /*adaa50*/;
}

.data-popup h4 {
  color:white;
  font-size:12px;
  margin:19px 20px 0 20px;
  letter-spacing: 3px;
}

.data-popup .comp-edit-section.button input[type="submit"] {
  top:0;
}

.data-popup .radio {
  margin: 10px 20px 0 30px;
}

.data-popup .selector {
  padding: 0 0 0 10px;
}

.data-popup #uniform-_search_party, #committee_search #uniform-_search_chamber {
  margin-bottom: 100px;
}

.data-popup select {
  width: 220px !important;
  float: left;
  padding: 10px !important;
  height: 30px !important;
  margin-top: -4px;
  cursor: pointer;
}

.data-popup .no-results {
  text-align: center;
}

.data-popup .no-results h3 {
  margin-top: 150px;
  color: #D9D9D9;
}

.data-popup .no-results p {
  color: #D9D9D9;
}

.popup-search-form-results{}
.popup-search-left {
  width:300px;
  background-color:white;
  float:left;
  border-right: solid 2px #E6E6E6;
  padding-top:20px;
  height: 61vh;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup-search-right {
    width:474px;
    background-color:white;
    float:left;
    height: 61vh;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

p.chamber, p.state {
  color: #6d7177;
  font-size: 12px !important;
  margin: 0;
  text-transform: uppercase;
}

.data-popup .btn-orange, .data-popup .btn-save-green {
  margin: 20px !important;
  width: 220px !important;
  height: 35px !important;
}

.data-popup .btn-orange {
  float: left;
  margin: 30px 0 30px 30px !important;
  position: absolute;
  z-index: 102;
  bottom: -11px;
  left: 0px;
}

/* End data popups */

/* Upgrade Styles */

.upgrade-text {
  padding: 10px 31px;
  background: #F2F2F2;
  margin: 40px 0 50px 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  font-size: 14px;
  color: #A3A3A3;
}

/* End Upgrade Styles */

/* @ Add/Edit Recipients Page */
#action_page_recipient_title { display: block; position: relative; width: 100%; text-align: center; padding: 10px; }
#action_page_recipient_div   { display: block; position: relative; width: 100%; text-align: center; }
#action_page_recipient_block { display: block; position: relative; width: 100%; padding: 10px; border: 0px solid #858585; }
#action_page_states_block    { display: none; position: relative; width: 100%; padding: 10px; border: 1px solid #858585; }
#action_page_list_block      { display: none; position: relative; width: 100%; padding: 10px; border: 1px solid #858585; }

#action_page_recipient_bsel { position: relative; margin: 5px 30px; text-align: center; }
#action_page_recipient_bsel>div:hover, #ape_recipients_selector .lsoselected { border: 3px solid #1999ec; }
#action_page_recipient_bsel>div:active { position: relative; top: 1px;  }
#action_page_recipient_bsel > div { display: inline-block; position: relative; height: 200px; width: 270px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; }
#action_page_recipient_bsel > div > span { font-size: 24px; font-weight: bold; }

.action_page_recipient_bsel2 { position: relative; margin: 5px 30px; text-align: center; background-color: #fff; }
.action_page_recipient_bsel2 > div { display: inline-block; position: relative; height: 200px; width: 270px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; }
.action_page_recipient_bsel2 > div > span { font-size: 24px; font-weight: bold; }
.leg_add_ts_recipient_txt:hover { background-color: #f5ffbd;}


.action_page_recipient_dsel { position: relative; margin: 5px 10px; text-align: center; }
.action_page_recipient_dsel>div:hover, .lsoselectedd { border: 3px solid #1999ec; }
.action_page_recipient_dsel>div:active { position: relative; top: 1px;  }
.action_page_recipient_dsel > div { display: inline-block; position: relative; height: 244px; width: 290px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 12px; cursor: pointer; }
.action_page_recipient_dsel > div > span { font-size: 24px; font-weight: bold; }
.recip_blocked_action { }
.recip_blocked_action2 { background-color:#c3c3c3; opacity: 0.5; }

#OCDID_POPUP {display: none; padding: 20px; border: 1px solid #333; z-index: 100; border-radius: 10px; min-width: 800px; position: fixed; top: 30px; left: 50%; transform: translateX(-50%); background-color: #fff; }

.action_page_recipient_type  { display: inline-block; color:#FA5858; padding: 10px; border: 1px solid #FA5858; width: 200px; margin: 10px; background-color: #FFF; cursor: pointer; }
.action_page_recipient_type_red { background-color: #FA5858; color:#FFF; }
#action_page_recipient_block_recipient_type { overflow: hidden; }

#action_page_recipient_col1p      { display: inline-block; margin: 5px; width: 750px; min-height: 450px; vertical-align: top; padding: 0px 10px; }
.action_page_recipient_back { display: inline-block; position: relative; background-color: #FA5858; color:#fff; border-radius: 10px; padding: 6px 10px; text-align: center; cursor: pointer; }


#action_page_recipient_col1       { display: none; margin: 5px; padding: 0px 10px; width: 750px; min-height: 450px; vertical-align: top; }
#uniform-select_recipient_country { margin: 0px auto; }
.action_page_recipient_header     { text-align: center; font-weight: bold; margin-bottom: 20px; }
.action_page_recipient_subheader  { font-size: 14px; margin-bottom: 20px; text-align: center; }
#action_page_recipient_location_options { margin: 20px 0px; }
#select_recipient_country_div     { text-align: center; }
#select_recipient_country         { display: inline-block; }
#action_page_recipient_country_options { display: none; }
.us_legs { display: none; }
.ca_legs { display: none; }
.au_legs { display: none; }
.gb_legs { display: none; }


#action_page_recipient_col2 { display: none; margin: 5px; width: 750px; min-height: 560px; height: 100%; vertical-align: top; padding: 0px 10px; }
#action_recipient_form { display: block; text-align: center;  }
#action_recipient_form > input { display: inline-block; margin: 10px; border: 1px solid #FA5858; }

#action_page_recipient_col3 { display: inline-block; margin: 5px; margin-right: 0px; width: 212px; height: 100%; vertical-align: top; }
#action_page_recipient_names { height: 400px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; text-align: left; }
.action_page_recipient_name_item          { width: 100%; }
.action_page_recipient_name_item .checker { float: left; margin-top: 4px; margin-right: 10px; }
.action_page_recipient_name_item > span   { color:#FA5858; }


#action_page_recipient_col4 { display: none; margin: 5px; width: 750px; min-height: 560px; height: 100%; vertical-align: top; padding: 0px 10px; }
#action_page_recipient_col5 { display: none; margin: 5px; width: 750px; min-height: 560px; height: 100%; vertical-align: top; padding: 0px 10px; }
.action_page_recipient_hot {position: absolute; top: -3px; right: -3px; padding: 16px 10px; border-radius:0px 20px 0px 20px; border: 1px solid red; background-color:#FA5858; color:#fff;}
.action_page_recipient_hot_in { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -sand-transform: rotate(45deg); transform: rotate(45deg); }


#action_page_signer_receipt_div { margin: 10px 0px 10px 30px; }
#action_page_signer_receipt_div span { vertical-align: middle; }



.wrapper.recipient,
.wrapper.recipient form { background-color: #fff !important; }

.content.page.recipients .section { padding: 0 !important;}

#MainContent div.content.page.wide.recipients {margin-bottom: 17px;}

.recipients-block { display: table; padding: 0px 50px; }
.recipients-block .row { display: table-row; }
.recipients-block .row > div {
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  color: grey;
  font-family: 'FuturaLTLight', 'Open Sans', Arial, sans-serif;
	font-weight: 300;
  padding-top: 20px;
}

.recipients-block .row .lookup { width: 280px; }
.recipients-block .row .lookup h3 { color: #c56454; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }
.recipients-block .row .lookup .buttons-small { width: 280px !important; margin: 20px 0 !important; }

.recipients-block .row .or { width: 100px; text-align:center; font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold; font-size: 16px; font-style: italic; padding-top: 45px; }

.recipients-block .row .form-block { padding-top: 49px; }
.recipients-block .row .form-block input[type="text"],
.recipients-block .row .form-block input[type="email"] { width:500px; margin: 20px 0 0 0; padding:10px; height:20px; display: block; }
.recipients-block .row .form-block .multiple .field { display: table; }
.recipients-block .row .form-block .multiple .field * { display: table-cell; vertical-align: middle; }
.recipients-block .row .form-block .multiple .field input.readonly { background: #ECECEC; color: #a14839; border: none; cursor:pointer; }
.recipients-block .row .form-block .multiple .field a { padding: 18px 0 0 10px; }
.recipients-block .row .form-block .buttons-small { margin: 20px 0 0 0 !important; }

/* #END - Add/Edit Recipients Page */


/* clearfix */

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


/* #END CUSTOM CLASSES */

/* #START - Pagination styles */
.home-pagination{
  width: 1006px;
  margin: 0 auto;
  text-align: center;
  padding-right: 14px;
}
.pagination {
  display: inline-block;
/* self-clearing method: */ }
.pagination a, .pagination span, .pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px; }
.pagination .disabled {
  color: #999999; }
.pagination .current, .pagination a:hover {
  font-style: normal;
  background: #c56454;
  color: white;
  border-radius: 3px; }
.pagination .current {
  font-weight: bold; }
.pagination a {
  text-decoration: none;
  color: #c56454; }
.pagination a:focus {
  color: #000033; }
.pagination .page_info {
  background: #c56454;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center; }
.pagination .page_info b {
  color: #000033;
  background: #6aa6ed;
  padding: 0.1em 0.25em; }
.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
* html .pagination {
  height: 1%; }
*:first-child  html .digg_pagination {
  overflow: hidden; }
/* #END - Pagination styles */

.old_actionpage_bracket_content { font-weight: bold; margin-bottom: 10px; }

/* Media Queries  .record-a-video, used to be in max-width 1000px */
@media (max-width: 1000px) {
  .old_actionpage_bracket_content { margin-left: 13px; }

  .bill-data-bar, .embed-widget, .manage-toggle, .create-more-actions, #header .links, .sidebar, li.vid-detail p, .join-action-list {
    /* display: none !important; */
  }
  .bill-data-bar #bill-timeline, #bill-timeline_moreless_words { display: none !important; }
  #bill-timeline_moreless_button{ display: inline-block !important; }
  #bill-timeline_face_img { margin-top: 7px; }

  #sidebar_right { float: none; text-align: center; margin: 0px auto; padding-left: 0px; }


  .two-col, .two-col .row, .two-col .block, .two-col .block form, #MainContent div.section-menu.menu > div, div.content-action,
      div.content-action > div.summary, .text, #MainContent.crowd, #MainContent .crowd,  li.vid-thumb, #MainContent div.content.page.wide, #MainContent div.content.page div.section {
     width: inherit !important;
  }

  #MainContent.crowd form input[type='submit'], #header {
    width: 100% !important;
  }

  #top_activity_contents{
    width: 88% !important;
    /* These are technically the same, but use both */
     overflow-wrap: break-word;
     word-wrap: break-word;

     -ms-word-break: break-all;
     /* This is the dangerous one in WebKit, as it breaks things wherever */
     word-break: break-all;
     /* Instead use this non-standard one: */
     word-break: break-word;

     /* Adds a hyphen where the word breaks, if supported (No Blink) */
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
   }

   .action-title{ margin-left: 5% !important; }
  .two-col .block form textarea.personal-message, .two-col .block form input[type="text"], .two-col .block form input[type="email"], .two-col .block form div.selector {
    width: 84% !important;
    padding: 5%;
    margin: 8px 0px 8px 12px;
  }
  ::placeholder           {color: black; opacity: 1;}
  :-ms-input-placeholder  {color: black;}
  ::-ms-input-placeholder {color: black;}
  .two-col .block form div.selector{ height: 16px !important; }
  .two-col .block form div.selector span{ line-height: 0px !important; }


  #MainContent div.content.page.wide {
    padding: 0;
  }

  #MainContent div.content.page div.section h1.red-border {
    padding: 27px 0;
  }

  #MainContent div.content, .container {
    width: inherit;
    padding: 0 20px;
  }

  .container {
    width: inherit;
    padding: 0 40px;
  }

  .main-form-header ul {
    width: inherit;
    padding: 0 20px;
  }

  #MainContent div.section-menu.menu > div ul {
    padding-left: 20px !important;
  }

  .main-form-header {
    width: inherit;
    min-width: 0;
  }

  #header .logo {
    padding-left: 20px;
  }

  .two-col .block {
    box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
    padding: 40px 0px !important;
  }



  div.content-action > div.button {
    float: none;
  }

  .buttons-small {
    width: 100%;
    height: 40px;
  }

  .two-col .block p, .text p {
    font-size: 17px;
  }

  div.content-action > div.summary {
    padding: 20px 0;
  }

  .text .talking-points li {
    padding-left: 40px;
  }

  li.vid-thumb iframe {
    width: 300px;
    height: 184px;
  }

}




/* End Media Queries */


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating  */
.modal-loader,.modal-loader2 {
    display:    none;
    position:   fixed;
    z-index:    10000 !important;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('ajax-loader.gif')
                50% 50%
                no-repeat;
}



/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loader {
    display: block;
}

.source-sans-pro {
  font-family: 'Source Sans Pro', 'Open Sans', Arial, sans-serif!important;
  letter-spacing: 0px !important;
}

.weight-600 {
  font-weight: 600;
}



/* URL POPUP */
#url_popup{
  box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3);
  position: fixed; top: 120px; left: 50%;  margin-left: -400px; z-index: 5000; color: #1999ec;
  background-color: #fff; width: 800px; height: 220px; overflow: hidden; letter-spacing: 0.5px;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;
}
#url_popup>#url_popup_text{
  margin-top: 20px; font-size: 28px; text-align: center;
}
#url_popup>#url_popup_url{
  margin: 15px 10px 10px 10px; padding: 10px 2px; background-color: #fff; overflow: hidden; font-size: 16px; text-align: center; color: #000;
}
#url_popup>#url_popup_bottom{
  margin: 25px 10px 10px 10px; text-align: center; font-size: 18px;
}

/* Phone Popup */
#phone-button-submit{ color: #fff; background-color: #008e04; }
#phone-button-submit-box-script{display: none;}
.phone-button-after-submit{
  text-align: left; width: 80%; margin: 20px auto; font-size: 14px;
}
.phone-button-item{ display: block; min-width: 260px; border: 2px solid #02440e; border-radius: 10px; padding: 8px; background-color: #008e04;
  text-decoration: none; font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif; font-weight: bold; color: #FFF; margin: 10px; vertical-align:middle; }
.phone-button-item:hover{text-decoration: none;}

/* Facebook Button */
#facebook-button-submit{ color: #fff; background-color: #3B5998; }
.facebook-button-after-submit{ text-align: left; width: 80%; margin: 20px auto; font-size: 14px; }

/* Twitter popup */
#twitter-button-submit{ color: #fff; background-color: #0084b4; }
.twitter-button-after-submit{
  text-align: left; width: 80%; margin: 20px auto; font-size: 14px;
}
.tbold{font-weight: bold;}
#twitter-button-link{
  text-decoration: none;
  font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif; font-weight: bold; border: 0px; font-size: 11px; letter-spacing: 4px;
  text-transform: uppercase; overflow: hidden; margin: 10px;
  padding: 8px 20px; color: #fff; background-color: #0084b4; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;
}

/* ===[ new_edit_button ]=== */

.new_edit_button { /*background-color: #c46454;*/ background-color: #FA5858; color: #fff; cursor:pointer; font-size: 12px; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.new_edit_button:hover { background-color: #FA5858; }

.name-edit .new_edit_button {display: inline-block; padding: 8px 20px; vertical-align:middle; }
.name-edit .new_edit_button:hover {text-decoration: none;}
a.new_edit_button { display: inline-block; height: auto !important; padding: 8px 20px !important; text-decoration: none; }
a.new_edit_button:hover { background: none; background-color: #FA5858;}
td>a.new_edit_button{  }

.custom_message_click_here{display: inline-block; padding: 8px 10px; background-color: #FA5858; color: #fff; cursor:pointer; font-size: 13px; font-weight: 800; border-radius: 10px; text-decoration: none;}
.custom_message_click_here:hover{ /*background-color: #cf9186; */ }

#humansearchtag_left{ position: relative; }
#humansearchtag{ display: none; position: absolute; top: -20px; left: 100px; font-size: 12px; color: #adadad; }

#humansearch3_selbox{ display: none; position: absolute; bottom: 0px; left: 0px; height: 180px; width: 48px; background-color: #fff; border: 1px solid #888; border-top: none; z-index: 100; overflow: hidden; text-align: left; }
#humansearch3_selbox>div{ font-size: 14px; padding: 4px 4px; font-weight: normal; cursor: pointer; }
#humansearch3_selbox>div:hover{ background-color: #FA5858 !important; color: #fff !important; }


/* Add a Human */
.join-action-list2{list-style-type: none;}
.join-action-list2 li{display: inline-block; margin: 0px 8px; }


/* Hide Bill Data Timeline End Year */
#timeline-year-1{display:none;}

/* bill tracker loading spinner */
.updateTitleStatus{ display: block; position: relative; margin: 10px; text-align: center; }
.updateTitleStatus>textarea{ min-width: 260px; min-height: 100px; }
.editTitleStatusLinkGreen,.editTitleStatusLinkRed{ float: right; padding: 8px 16px; font-size: 12px; border-radius: 8px; background-color: #1999ec; color: #fff; cursor: pointer; letter-spacing: 0px; text-align: center;  margin: 10px 0px 10px 6px; font-family: 'Maven Pro', sans-serif; }
.editTitleStatusLinkRed{ background-color:#1999ec !important; }
.editTitleStatusLink{ position: absolute; bottom: 6px; right: 2px; padding: 8px 20px; font-size: 12px; border-radius: 8px; background-color: #1999ec; color: #fff; cursor: pointer; letter-spacing: 0px; text-align: center;  margin: 0px 10px; font-family: 'Maven Pro', sans-serif; }
.billtrackingimgloader {margin-left:20px;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 60px;height: 60px;-webkit-animation: billtrackingimgloaderspin 2s linear infinite;animation: billtrackingimgloaderspin 2s linear infinite;}
@-webkit-keyframes billtrackingimgloaderspin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes billtrackingimgloaderspin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}


/* Template Sliders */
#campaign_darkback{ display: none; background-color: #000; opacity: 0.8; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }


#x2background_style{ display: block; background-color:#fff; height: 100%; padding: 6px; }
#x2font_style{ text-align: center; margin: 0px 0px 10px 0px; }
#x2button_style{ margin: 10px auto; border: 1px solid #333; color:#fff; background-color:#2b2e30; padding: 4px 10px; max-width: 230px; text-align: center; }
.x2_colormods{ margin: 10px; }
.x2_colormods div{ float: right; }
.close_x2{ float: right; cursor: pointer; color:red; }

#x2styleform_div{ width: 252px; margin: 0px auto; }
#styleform_slide{ margin: 0px; padding: 0px; }
#slidecontainer_fname{ margin: 5px 0px; display: inline; width: 100px; font-size: 18px; background-color: #F1F1F1; border: 1px solid #777; }
#slidecontainer_lname{ margin: 5px 0px; display: inline; width: 101px; font-size: 18px; background-color: #F1F1F1; border: 1px solid #777; }
#slidecontainer_email{ margin: 5px 0px; width: 230px; font-size: 18px; background-color: #F1F1F1; border: 1px solid #777; }
#slidecontainer_message{ margin: 5px 0px; padding: 6px; width: 238px; height: 40px; font-size: 18px; background-color: #F1F1F1; border: 1px solid #777; }

#template_action_sliders{display: none; position: absolute; width: 614px; top: 0px; left: 50%; transform: translate(-50%, 0); overflow: hidden; z-index: 110; }
.slidecontainer { display: relative; float: left; width: 300px; border: 1px solid #000; height: 310px; background-color: #fff; }
.slidecontianerspace{ display: relative; float: left; width: 10px; height: 20px; }
/*
.slider {-webkit-appearance: none; appearance: none; width: 100%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;}
.slider:hover { opacity: 1; }
.slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #04AA6D; cursor: pointer;}
.slider::-moz-range-thumb {width: 25px; height: 25px; background: #04AA6D; cursor: pointer;}
*/







/* New Nav Bar */
.header_new { position: relative; top: 0; left: 0;  padding: 0; background-color: #f7f8fb; border-bottom: 1px solid #e9ecef; padding: 10px; z-index: 200; }
.header_new .header__inner_new { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center;
  margin: 0px auto;  align-items: center; max-width: 1140px;
}

@media (min-width: 576px) {
    .header__inner_new, .container-saas { max-width: 540px; }
}
@media (min-width: 768px) {
    .header__inner_new, .container-saas { max-width: 720px; }
}
@media (min-width: 992px) {
    .header__inner_new, .container-saas { max-width: 960px; }
}
@media (min-width: 1200px) {
    .header__inner_new, .container-saas { max-width: 1140px; }
}


.footer{ position: relative; z-index: 1; }
.footer .logo { position: relative; z-index: 1; }
.footer .footer__nav ul { float: right; color:#fff; width: 350px; text-decoration: none; list-style-type: none; }
.footer .footer__nav li { margin-right: 25px; float: left; }
.footer .footer__nav a { text-decoration: none; font-size: 13px; color:#fff; }
.footer .footer__bar {position: relative;	background: #393a3d none repeat scroll 0 0;  color: #fff;  font-size: 14px;  padding: 20px 0;  text-align: center;	height: 150px;}
.footer__copyright{ position: absolute; bottom: 40px; left: 30px; font-size: 11px; }
.footer_logo{ display: block; position: absolute; top: 10px; left: 30px; margin: 0px 0px 0px 0px; }
.footer_logo img{width: 140px; background-color: #fff; }




.header_new .nav-trigger { position: absolute; top: 33px; right: 15px; }
.nav-trigger { position: relative; z-index: 10; width: 24px; height: 18px; }
.nav-trigger span { position: absolute; display: block; height: 2px; width: 100%; background: #000; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 8px; }
.nav-trigger span:nth-child(3) { top: 16px; }
.nav-trigger.active span { background: #fff; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 8px; }
.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.ujoin_logo{ height: 70px; width: 70px; cursor: pointer;}

.nav { font-size: 17px; font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal !important; }
.nav ul { display: -ms-flexbox; display: flex;}
.nav a { color: rgba(0, 0, 0, 0.5); text-decoration: none; /* color: #3F4040; transition: .3s; */ }
.nav a:hover { color: rgba(0, 0, 0, 0.7); /* color: #1CA4FF; padding-bottom: 20px; border-bottom: 3px solid #1CA4FF; */ }
.nav ul,.nav ol { list-style: none outside none; }

.btn-saas-drop   { line-height: 38px; margin: 0px 1rem; text-decoration: none; }
.btn-saas-drop>a:hover { text-decoration: none; }
.btn-saas-button { margin: 0px 0.5rem; }
.btn-saas-white {
    display: inline-block; font-weight: normal; text-align: center; white-space: nowrap;
    vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.5rem 1.5rem;
    font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; transition: all 0.15s ease-in-out;
    font-weight: 300; color:#868e96; border: 1px solid #e9ecef; background-color:#fff;
}
.btn-saas-blue {
    display: inline-block; font-weight: normal; text-align: center; white-space: nowrap;
    vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.5rem 1.5rem;
    font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; transition: all 0.15s ease-in-out;
    font-weight: 300; color:#FFF !important; border: 1px solid #6caae4; background-color:#6caae4;
}
.btn-saas-blue2 {
    display: inline-block; font-weight: normal; text-align: center; white-space: nowrap;
    vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 1.5rem 2.5rem;
    font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; transition: all 0.15s ease-in-out;
    font-weight: 300; color:#FFF !important; border: 1px solid #6caae4; background-color:#6caae4;
}
.btn-saas-red {
    display: inline-block; font-weight: normal; text-align: center; white-space: nowrap;
    vertical-align: middle; user-select: none; border: 1px solid transparent !important; padding: 1.5rem 2.5rem !important;
    font-size: 1rem !important; line-height: 1.25 !important; border-radius: 0.25rem !important; transition: all 0.15s ease-in-out;
    font-weight: 300 !important; color:#FFF !important; border: 1px solid #FA5858; background-color:#FA5858;
}











.bottom_logo      { margin-top: 5px; width: 150px; height: 150px; }
.bold-saas        { font-weight: bold !important; }
.footer-saas      { display: block; color: #FFF; background-color: #2f3b49; }
.container-saas   { max-width: 1140px; margin: 0px auto; padding: 0px 15px; }
.row-saas         { display: flex; flex-wrap: wrap; margin: 0px -15px; padding: 1.5rem 0px; }
.col-1-saas       { display: inline-block; position: relative; width: 17%; }

.col-2-saas       { width: 65%; padding: 0.8rem 0px; }
.col-2-saas>div   { display: flex; flex-wrap: wrap;  justify-content: center !important; }
.col-2-saas>div>div { width: 18%; }
.col-2-saas a     { text-align: left; color: #FFF !important; font-size: 80%; font-weight: normal; }
.col-2-saas ul    { list-style-type: none; }
.col-i1-saas      { }
.col-i2-saas      { }
.col-i3-saas      { }
.col-i4-saas      { }
.col-i5-saas      { }

.col-3-saas       { text-align: right; width: 18%; padding: 0.9rem 0px; }
.text-muted-saas  { font-size: 80%; font-weight: normal; color: #868e96 !important; }














.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

#mobile_nav>div{ margin: 10px 0px; }
.mobile_link_text{color: rgba(0,0,0,0.5); text-decoration: none; }
.mobile_link_text:hover{color: rgba(0,0,0,0.7); text-decoration: none; }

@media (max-width: 767px) {
  .hidden-xs { display: none !important; }
  .visible-xs-block { display: block !important; }
  .visible-xs-inline { display: inline !important; }
  .visible-xs-inline-block { display: inline-block !important; }

	.header_new { padding: 15px 0; z-index: 10; }

	.header_new .nav-trigger  { display: none; position: absolute; top: 33px; right: 35px; }
	.header_new .nav          { display: none; position: absolute; top: 0; left: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; transition: .3s; }
	.header_new .nav.active   { -ms-transform: translateY(0); transform: translateY(0); }

	.logo { max-width: 60px; }
.ujoin_logo{ margin-left: 20px; }
/*
	.nav { padding: 20px 0; background: #393a3d; }
	.nav ul { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; }
	.nav li{ margin: 0 !important; }
	.nav a { display: inline-block; padding: 10px 0; color:#fff !important; }
*/

  .footer_logo{ display: block; position: relative; left: 0px; margin: 0px 0px 20px 0px; }
	.footer_logo img{ margin: 0px auto; }
  .footer .footer__nav { padding: 0px !important; }
  .footer .footer__nav ul { float: none; text-align: center; width: 350px !important; margin: 0px auto 0px auto; padding: 0px !important; }
	.footer .footer__nav li { width: 100%; margin: 10px auto; }
	.footer .footer__nav a { font-size: 16px; }
	.footer .footer__bar {height: 380px;}
	.footer__copyright{ position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, -50%); }


}

.dashboard_arrow {border: solid black;border-width: 0 2px 2px 0;display: inline-block;padding: 2px;}
.dashboard_up_arrow {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.dashboard_down_arrow {transform: rotate(45deg);-webkit-transform: rotate(45deg); margin-bottom: 1px;}
.dashboard_left_arrow {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.dashboard_right_arrow {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

#dashboard_campaign_action_timeboard{margin: 10px auto; text-align: center; overflow: hidden; width: 100%; }
#dashboard_campaign_action_timeboard .dashboard_down_arrow { border-color:#FA5858; border-width: 0 3px 3px 0 !important; margin-left: 6px; padding: 3px !important; opacity: 1 !important; }
#dashboard_campaign_action_timestart{ float: right; cursor: pointer; font-size: 16px; padding: 10px 10px; background-color: #ffffff; border:1px solid #D5D5D5; text-align: left; border-radius: 8px; margin-right: 10px; }
#dashboard_campaign_action_timestart>span{ opacity: 0.5; }

#dashboard_campaign_action_breakdown{
  margin: 10px auto; text-align: center; display: block; position: relative;
}
.dashboard_campaign_action_box{
    display: inline-block; margin: 10px; padding: 30px; width: 400px; background-color: #ffffff; border:1px solid #D5D5D5; text-align: left; border-radius: 20px; font-size: 32px; font-weight: bold;
}
.dashboard_campaign_action_box div:nth-child(1) { font-size: 18px; margin-bottom: 10px; }
.dashboard_campaign_action_box div>span { float: right; font-size: 18px; color: #1999ec /*00D0B1*/; margin-top: 6px; }
.dashboard_campaign_action_box div>span.use_red { color: #FA5858 !important; }
#dash_select{ display: none; position: absolute; top: 0; left: 0; background-color:#FFF; border: 1px solid #333; width: 160px; z-index: 1000; font-size: 14px; text-align: left; }
#dash_select>div{ margin: 3px 0px; cursor: pointer; padding: 4px; }
#dash_select>div:hover{ background-color: yellow /*#00D0B1*/ !important; }
.dash_loading{ font-size: 14px; text-align: center; opacity: 0.8; }

.dashboard_social_div { display: inline-block; margin: 10px; padding: 20px; width: 175px; background-color: #ffffff; border:1px solid #D5D5D5; border-radius: 20px; font-weight: bold; vertical-align: top; }
.dashboard_social_div>.dbsocial_d1 { font-size: 18px; margin-bottom: 10px; }
.dashboard_social_div>.dbsocial_d2 { font-size: 32px; margin-bottom: 10px; }
.dashboard_social_div>.dbsocial_d2 > span { font-size: 26px; color:#d1d1d1; margin-bottom: 10px; }
.dashboard_social_div>.dbsocial_d3 > div:nth-child(1) { float: left; font-size: 14px; color:#8a8a8a; }
.dashboard_social_div>.dbsocial_d3 > div:nth-child(2) { float: right; font-size: 14px; color:#8a8a8a; }
.dashboard_social_div>.dbsocial_d4 { text-align: center; font-size: 14px; color:#8a8a8a; }

#dashboard_top_users { display: block; font-size: 18px; margin: 20px 0px; border: 1px solid #D5D5D5; padding: 20px; text-align: center; border-radius: 20px; }
#dashboard_top_users_title { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 15px; padding-bottom: 22px; }
.dashboard_top_user>span { color:#FFF; background-color: #1999ec /*FA5858*/; padding: 3px 10px; border-radius: 10px; }
.dashboard_top_user_left  { display: inline-block; width: 30%; /*transform: rotate(-1deg) scale(1) skew(25deg); -webkit-transform: rotate(-1deg) scale(1) skew(25deg); -moz-transform: rotate(-1deg) scale(1) skew(25deg);*/ }
.dashboard_top_user_main  { display: inline-block; width: 30%; font-size: 26px; }
.dashboard_top_user_right { display: inline-block; width: 30%; /*transform: rotate(1deg) scale(1) skew(-25deg); -webkit-transform: rotate(1deg) scale(1) skew(-25deg); -moz-transform: rotate(1deg) scale(1) skew(-25deg);*/ }

#dashboard_leg_search_div { margin-top: 30px; }
#dashboard_leg_action_type_header_title { font-weight: bold; }
.dashboard_leg_action_type_header { text-align: left; width: 100%; color:#ababab; margin-top: 0px; font-size: 16px; margin-left: 14px; }
.dashboard_leg_action_type_header > div { display: inline-block; width: 200px; padding: 8px; border-right: 1px solid #e8e8e8; }
#dashboard_leg_details_list       { position: relative; overflow-y: scroll; width: 100%; padding: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); }

.dashboard_leg_action_type { text-align: left; background-color:#fff; border: 1px solid #e8e8e8; color:#2b2d30; padding: 4px; font-size: 15px; }
.dashboard_leg_action_type:hover { background-color: yellow; }
.dashboard_leg_action_type > div { display: inline-block; width: 200px; padding: 8px; border-right: 1px solid #e8e8e8; }
.dashboard_leg_action_end { border-radius: 0px 0px 10px 10px;}

#dashboard_leg_action_pages_click{ position: relative; cursor: pointer; font-size: 16px; padding: 10px 10px; background-color: #ffffff; border:1px solid #D5D5D5; text-align: left; border-radius: 8px; margin-right: 10px; }
#dashboard_leg_action_pages_click>span{ opacity: 0.5; float: right; }
#dashboard_leg_action_pages_click .dashboard_down_arrow { border-color:#FA5858; border-width: 0 3px 3px 0 !important; margin-left: 10px; margin-top: 4px; padding: 3px !important; opacity: 1 !important; }
#dashboard_leg_action_pages_click_box { display: none; position: absolute; top: 42px; left: 0; background-color:#FFF; border: 1px solid #333; width: 300px; z-index: 1000; font-size: 14px; text-align: left; overflow-y: scroll; height: 300px; }
#dashboard_leg_action_pages_click_box > div { margin: 3px 0px; cursor: pointer; padding: 4px; }
#dashboard_leg_action_pages_click_box > div:hover { background-color: yellow !important; /*#00D0B1 !important;*/ }
.dashboard_leg_action_pages_click_item { border: 1px soild #333; }



.infolink2:before { content: '?'; color: #fff; background-color: #FA5858 /*00D0B1*/; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); width: 12px; height: 12px; line-height: 11px; border-radius: 50%; display: inline-block; font-family: sans-serif; font-weight: bold; text-align: center; padding: 8px; text-decoration: none; cursor: pointer; }
.infolink_email_subject_vars { display: inline; }
.infolink_email_content_vars { display: inline; position: absolute; top: -12px; left: 736px; overflow: visible;; z-index: 10000; }
#infolink_email_subject_vars_info { display: none; z-index: 30; border-radius: 15px; cursor: pointer; margin: 10px auto; max-width: 600px; padding: 16px; background-color: rgb(255, 255, 255); border: 8px solid #1999ec; color: rgb(0, 0, 0); }
#infolink_email_content_vars_info { display: none; position: absolute; z-index: 30000; top: 0px; left: 640px; border-radius: 15px; cursor: pointer; margin: 10px auto; max-width: 600px; padding: 16px; background-color: rgb(255, 255, 255); border: 8px solid rgb(0, 208, 177); color: rgb(0, 0, 0); }
.infolink_email_subject_vars:before { content: '?'; color: #fff; background-color: #1999ec; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); width: 12px; height: 12px; line-height: 11px; border-radius: 50%; display: inline-block; font-family: sans-serif; font-weight: bold; text-align: center; padding: 8px; text-decoration: none; cursor: pointer; }
.infolink_email_content_vars:before { content: '?'; color: #fff; background-color: #1999ec; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); width: 12px; height: 12px; line-height: 11px; border-radius: 50%; display: inline-block; font-family: sans-serif; font-weight: bold; text-align: center; padding: 8px; text-decoration: none; cursor: pointer; }



#dashboard_leg_action_type_fetch { display: inline-block; margin: 20px auto 0px auto; border-radius: 10px; padding: 6px 12px; background-color: #1999ec /*FA5858*/; color:#fff; cursor: pointer; text-align: center; font-size: 15px; }
#dashboard_blue_holder_box { display: block; margin-top: 20px;}
.dashboard_blue_holder { display: inline-block; margin-top: 20px; position: relative; margin: 10px; background-color: #1CA4FF; color:#fff; border-radius: 50px; padding: 2px 14px; }
.dashboard_blue_holder_x { display: block; position: absolute; top: -8px; right: -12px; cursor: pointer; color: #FA5858; font-size: 20px; font-weight: bold; border-radius: 50%;
  background-color: #fff; border: 1px solid #000; width: 20px; height: 20px; text-align: center; line-height: 20px;
}
.dashboard_type_item { text-align: center; }


.dbsocial_d1 { position: relative; height: 50px; width: 50px; margin: 0px auto 10px auto; overflow: hidden; }
.dbsocial_d1_img1 { height: 163px; width: 223px; position: absolute; left: 0px; top: 0px; }
.dbsocial_d1_img2 { height: 163px; width: 223px; position: absolute; left: -54px; top: 0px; }
.dbsocial_d1_img3 { height: 163px; width: 223px; position: absolute; left: -55px; top: -55px; }
.dbsocial_d1_img4 { height: 163px; width: 223px; position: absolute; left: -169px; top: -112px; }




#dashboard_campaign_action_pages{ float: right; cursor: pointer; font-size: 16px; padding: 10px 10px; background-color: #ffffff; border:1px solid #D5D5D5; text-align: left; border-radius: 8px; margin-right: 10px; }
#dashboard_campaign_action_pages>span{ opacity: 0.5; }
#dash_select_page{ display: none; position: absolute; top: 0; left: 0; background-color:#FFF; border: 1px solid #333; width: 300px; z-index: 1000; font-size: 14px; text-align: left; overflow-y: scroll; height: 300px; }
#dash_select_page>div{ margin: 3px 0px; cursor: pointer; padding: 4px; }
#dash_select_page>div:hover{ background-color: yellow /*#00D0B1*/ !important; }

#dashboard_campaign_action_download{ float: right; cursor: pointer; font-size: 16px; padding: 10px 10px; background-color: #ffffff; border:1px solid #D5D5D5; text-align: left; border-radius: 8px; }


#letter_slider{ width: 710px; }
.letter_slider_a{ float: right; font-size: 13px; color:#777; font-weight: bold; width: 115px; margin: 10px; text-align: center; cursor: pointer; transition: .16s all 0.025s; padding-bottom: 6px; }
.letter_slider_a:hover{ color:#000000; }
.letter_slider_active{ color: #000 !important; }

.content_textarea_item{ display: none; }
#content1outer{display: block;}
#content2outer{display: none;}
#content3outer{display: none;}
.ts_leg_listitem{ margin: 8px 0px; padding: 4px 0px; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; }
.ts_leg_listitem:nth-child(odd){background-color:#ebf7ff;}
.ts_leg_listitem:nth-child(even){background-color:#f5f5f5;}

#contentrand{ float: left; display: block; margin-left: 10px; width: 240px; height: 360px; }
.contentrandb              { display: block; clear: both; overflow: hidden; margin: 10px 10px 10px 0px; }
.contentrandb div          { float: left; vertical-align: top; margin-right: 10px; color:#2b2d30; }
.contentrandb div:first    { margin-right: 0px; }
.contentrand        { border-radius: 100%; width:25px; background-color: #FA5858; color:#fff !important; text-align: center; cursor: pointer; vertical-align: middle; }
.contentrand:hover  { background-color: #c56454; }
.contentrand:active { position: relative; top: 1px; }
.contentrandh       { background-color: #c56454 !important; }
.contentranddel     { font-size: 13px; color:#FA5858 !important; text-decoration: underline; cursor: pointer; vertical-align: bottom; }


/* Template Selections */
.set_template_active { background-color:#1999ec !important; }
.set_template_items  { display: none; width: 100%; }
#template_standard   { display: block; }
#logo_banner_area    { display: none; float: right; text-align: center; margin: 0px 10px; overflow: hidden; width: 600px; }
#logo_banner_area .note, #logo_banner_area .uploader{ text-align: center; margin: 0px auto; }
#logo_banner_area .filename { text-align: left; }
#action_logo_area    { width: 550px; margin: 0px auto;}
#action_banner_area  { width: 550px; margin: 0px auto;}
#action_bannerm_area { width: 550px; margin: 0px auto;}
#logo_banner_area .action{ cursor: pointer !important; clear: both; margin-left: 0px; width: auto !important; text-align: center; }
#logo_banner_area input{ cursor: pointer !important; }
#logo_banner_area .filename{ clear: both; margin-left: 0px; }
#logo_banner_area .uploader{ width: 300px; }
.action_logo_area_note, .action_banner_area_note{ font-size: 14px; padding: 10px; /*(height: 80px;*/ }
.action_styleoptions_note{ font-size: 14px; padding: 10px; }
.action_pathway_note { font-size: 14px; padding: 10px; height: 30px; letter-spacing: 0px; font-family: 'Maven Pro', sans-serif; }
#special_x2_custom  { display: none; float: right; }
.action_style_option_titles { margin: 10px; }
.action_style_option_titles>div:first-child { display: inline-block; width: 250px; }


.action_area_titles>span { font-size: 18px; }
.action_area_titles      { display: block; width: 250px; cursor: pointer; margin: 0px auto 10px auto; font-weight: 800; font-size: 12px !important; color:#fff; background-color: #FA5858;
  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; border-radius: 8px; vertical-align: middle; text-align: center; padding: 10px 40px; }
.action_area_bodys       { display: none; position: relative; margin-bottom: 20px; border: 1px solid #d5ddf7; border-radius: 4px;
  text-align: center; padding: 10px 0px;
  box-shadow: 0 3px 40px 0 rgba(0,0,0,.05);
/*   -webkit-box-shadow: 5px 5px 9px 2px rgba(0,0,0,0.34); box-shadow: 5px 5px 9px 2px rgba(0,0,0,0.34);*/
 }



#action_pathway_area  {  }
#action_pathway_button { background-color: #1999ec !important; }
.pathway_button_small { width: 70px; font-weight: 800; font-size: 12px; color:#fff; background-color: #FA5858; border-radius: 8px; vertical-align: middle; text-align: center;
  padding: 10px 20px; text-decoration: none; cursor: pointer; font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; }

.pathway_container    { display: block; position: relative; min-height: 230px; padding: 10px 0px; margin-bottom: 10px; background-color: #fff; border-top: 1px solid #d5ddf7; border-bottom: 1px solid #d5ddf7; }
.pathway_container_co { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:#888; z-index: 20; opacity: 0.5; }
#pathway_new_button   { margin: 20px 0px 20px 0px; }
.pathway_title        { text-align: center; cursor: pointer; letter-spacing: 0px; font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; }
.pathway_options      { color:#FA5858; font-size: 14px; clear: both; width: 100%; text-align: right; margin-top: 10px; }
.pathway_options>span { margin: 0 10px; }
.pathway_box          { display: inline-block; position: relative; vertical-align: top; margin: 11px 11px; border:1px solid #d5ddf7; cursor: pointer;
   /* -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(17,39,66,0);  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(17,39,66,0); */
   border-radius: 4px;
   box-shadow: 0 3px 40px 0 rgba(0,0,0,.05);
   text-align: center; vertical-align: middle; background-color: #fff;
   width: 150px; height: 100px; white-space: wrap; word-break: break-word;
/*   -webkit-transition : border 1500ms ease-out; -moz-transition : border 1500ms ease-out; -o-transition : border 1500ms ease-out;*/
 }
.pathway_box>.arrowBoxRight  { display: block; height: 0; width: 0; position: absolute; right: -36px; top: 31px; border: 18px solid transparent; border-left-color: #3F4040; }
.pathway_box:hover  { padding: 0px 4px; }
.pathway_content    { display: flex; position: relative; align-items: center; justify-content: center; height: 100%;
  border-radius: 4px; vertical-align: middle; text-align: center;
  letter-spacing: 0px; font-family: 'Maven Pro', sans-serif; color:#fff;
}
.pathway_empty      { display: inline-block; position: relative; color:#d5ddf7; font-size: 90px; font-weight: bold; }

#action_pathway_pop_title>div{ margin-bottom: 10px; }
#action_pathway_pop_path>div{ margin-bottom: 10px; }

#action_pathway_pop_edit  { display: none; position: absolute; top: 0px; left: 50%; transform: translate(-50%,10%);
   padding: 10px; width: 400px; background-color:#fff; border: 1px solid #d5ddf7; z-index: 25;
   box-shadow: 0 3px 40px 0 rgba(0,0,0,.05);
   letter-spacing: 0px !important; font-family: 'Maven Pro', sans-serif !important;
   text-align: left; border-radius: 4px; }
#action_pathway_pop_edit input { width: 300px; font-size: 15px; margin: 0px; }
#action_pathway_pop_title    { display: none; }
#action_pathway_pop_path     { display: none; }
#action_pathway_pop_buttons  { display: block; margin-top: 20px; }
#action_pathway_pop_buttons>div { display: inline-block;  width: 80px; cursor: pointer; margin: 0px auto;  font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; border: 8px; vertical-align: middle; text-align: center; padding: 10px 40px; font-weight: 800; font-size: 12px; border-radius: 8px; }
#action_pathway_pop_button_save   { float: right; color:#FFF; background-color: #1999ec; }
#action_pathway_pop_button_cancel { float: left; color:#FFF; background-color: #FA5858; }
#action_pathway_pop_button_delete { float: right; cursor: pointer; font-size: 14px; text-decoration: underline; color: red; }








#action_logo_img        { max-width: 300px; }
#action_bg_img          { max-width: 300px; }
#action_banner_img      { max-width: 300px; }
#action_bannerm_img     { max-width: 300px; }
#action_actimgasset_img { max-width: 300px; }

#template_select_area_div   { position: relative; width: 100%; min-width: 1050px; }
#button_all_tempaltes       { display: none; }
.template_selector_box_hide { display: none; }

.div_template_type_container   { min-height:400px; vertical-align:middle; }
.div_template_type_overlay     { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 400px; background-color:#FA5858; opacity: 0.08; pointer-events: none; }
.div_template_type_highlighter { display: block; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; opacity: 0.4; background-color: #fff; border: 1px solid #000; transition: all 0.5s ease-in-out; }

.div_template_type          { display: inline-block; position: relative; margin: 0px 10px 40px 10px; }
#template_customizable .modal_img_pop_myImg        { height: 375px !important; }
#template_customizable .div_template_type_overlay  { height: 375px !important; }
#template_customizable .div_template_type_red      { width: auto !important; }

.div_template_type_left     { float: left !important; }
.modal_img_pop_myImg        { display: block; height:400px; max-width: 400px; border:1px solid #969696; vertical-align:middle; }
.imgwide                    { height: auto !important; max-height: 400px; }
.modal_img_pop_myImg:hover  { border: 1px solid #FA5858 !important; }
.div_template_type_red      { width: 368px !important; }
.div_template_type_red img  { height: 550px; }
.div_template_type_hide     { display: none !important; }







.select_sign_off        { position: relative; float: left; border: 2px solid #333; width: 100px; height: 90px; margin: 30px; padding: 10px; cursor: pointer; text-align: center; display: flex; justify-content: center; align-content: center; flex-direction: column;}
.select_sign_off:hover  { border-color: #333; background-color:#1999ec; color:#fff; }
.select_sign_off:active { position: relative; top: 1px; }
.select_sign_off_active { border-color: #333; background-color:#1999ec; color:#fff; }


.cadmin_title             {  }
.cadmin_title span.plus   { cursor: pointer; margin: 0px 5px; color:#FA5858; }
.cadmin_title span.check  { margin: 0px 5px; color:#1999ec; }
.cadmin_body              { display: none; }
.cadmin_highlight         { background-color: #fffbc2 !important; }

/* List Page */
#listpage_select_container { width: 1040px; margin: 0px auto; }
.listpage_select           { display: none; position: relative; width: 210px; height: 28px; border-radius: 6px; background-color: #FA5858; color:#FFF; font-size: 20px; border-color:#027160; padding: 6px 12px; text-align: left; margin: 0px auto; cursor: pointer; }
.listpage_select_inner     { display: none; position: absolute; top: 36px; left: 0px; padding: 0px; width: 232px; height: 250px; overflow-x: none; overflow-y: auto; border: 1px solid #FA5858; background-color:#FFF; color:#FA5858; z-index: 100; background-color:#FFF; }
.listpage_select_inner_div { display: block; position: relative; padding: 6px; font-size: 15px; }
.listpage_select_inner_div:hover { border: 1px solid #c56454; color:#000; }
.listpage_select_box     { display: inline-block; border: 1px solid #FA5858; width: 1em; height: 1em; margin: 0px 10px 0px 0px; vertical-align: top; pointer-events: none; }
.listpage_select_check   { background-color:#FA5858 !important; }

#listpage_select_filters { display: block; width: 100%; margin: 0px 0px 20px 0px; text-align: center; overflow: hidden; }
.listpage_select_filter  { display: inline-block; margin: 0px 25px; color:#777; font-size: 18px; cursor: pointer; text-transform: uppercase; }
.listpage_select_filter>span{ vertical-align: top; }
.listpage_filter_box     { display: inline-block; border: 1px solid #FA5858; width: 1.6em; height: 1.6em; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: top; pointer-events: none; text-align: left; }
.listpage_filter_check   { background-color:#FA5858 !important; }

.listpage_item_hide      { display: none; }
.listpage_user_row       { position: relative; border: 1px dotted #ffe1e1; border-left: 0px; border-right: 0px; }
.listpage_user_row:hover { background-color:#ffe3e3; }

#listpage_users_table    { }
#listpage_table_head     { }
#listpage_table_rows     { display: block; width: 1074px; height: 500px; overflow-y: scroll; overflow-x: hidden; }

.sort_arrow_box   { position: absolute; bottom: 9px; right: 5px; width: 10px; line-height: 1px;  }
.sort_arrow       { border: solid #FA5858; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; cursor: pointer; }
.sort_up_arrow    { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.sort_down_arrow  { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.sort_left_arrow  { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.sort_right_arrow { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

/* DELETE LOTS OF THIS */
.listpage_thd1  { display: inline-block; width: 30px;  }
.listpage_thd1>div.checker input { vertical-align: top; }
.listpage_thd2  { display: inline-block; width: 250px; }
.listpage_thd2_link { color: #c56454 !important; cursor: pointer; }
.listpage_thd3  { display: inline-block; width: 120px; }
.listpage_thd4  { display: inline-block; width: 120px; }
.listpage_thd5  { display: inline-block; width: 80px; }
.listpage_thd6  { display: inline-block; width: 80px; }
.listpage_thd7  { display: inline-block; width: 60px; position: relative; }
.listpage_thd8  { display: inline-block; width: 80px; }
.listpage_thd9  { display: inline-block; width: 70px; }


#listpage_search_selected{ width: 1000px; display: block; margin: 10px auto; text-align: center; font-size: 13px;}
.listpage_search_selected_item{ display: inline-block; margin: 2px 4px; border: 1px dashed #FA5858; border-radius: 10px; padding: 4px 8px; background-color:#FFF; color:#333;}
.listpage_search_selected_item>span{ color:#FA5858; cursor: pointer; }
.listpage_district_selected_item{ display: inline-block; margin: 2px 4px; border: 1px dashed #3d5dd4; border-radius: 10px; padding: 4px 8px; background-color:#FFF; color:#333;}
.listpage_district_selected_item>span{ color:#FA5858; cursor: pointer; }
.listpage_district_bold{ display: inline-block; font-weight: bold; color:#3d5dd4; }


#segment_submit_button{  display: inline-block; position: relative; width:130px; border-radius: 6px; background-color: #FA5858; color:#FFF;
  font-size: 15px; border-color:#027160; padding: 6px 12px; text-align: center; margin: 0px auto; cursor: pointer; }
.remove_segment_button{ position: absolute; right: 2px; top: 4px; color:#FA5858; border:1px solid #FA5858;  cursor: pointer; width: 20px; height: 20px; padding: 2px 0px 0px 2px; text-align: center; font-size: 14px; }
.remove_segment_button:hover{ background-color:#FA5858 !important; color:#fff !important; }

.listpage_arrow       {float: right; border: solid #FFFFFF; border-width: 0 3px 3px 0; padding: 4px 4px; width: 6px; height: 6px; }
.listpage_up_arrow    {transform: rotate(-135deg);-webkit-transform: rotate(-135deg); margin-top: 10px;}
.listpage_down_arrow  {transform: rotate(45deg);-webkit-transform: rotate(45deg); margin-bottom: 1px;}
.listpage_left_arrow  {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.listpage_right_arrow {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

#listpage_map                 { display: block; position: relative; border: 1px solid #333; height: 400px; width: 100%; margin-bottom: 10px; }
#listpage_map_container       { display: block; position: relative; overflow: none; margin-right: 10px; }
#listpage_map_district_button  { display: block; position: absolute; bottom: 0px; left: 70px; background-color:#FA5858;
                                 color:#FFF; padding: 6px 10px; text-align: center; cursor: pointer; font-size: 13px; border-radius: 6px 6px 0px 0px; }
#listpage_map_districtc_button { display: block; position: absolute; bottom: 0px; left: 200px; background-color:#FA5858;
                               color:#FFF; padding: 6px 10px; text-align: center; cursor: pointer; font-size: 13px; border-radius: 6px 6px 0px 0px; }
#listpage_map_districth_button { display: block; position: absolute; bottom: 0px; left: 346px; background-color:#1e9aed;
                               color:#FFF; padding: 6px 10px; text-align: center; cursor: pointer; font-size: 13px; border-radius: 6px 6px 0px 0px; }
#listpage_map_my_list_button   { display: block; position: absolute; bottom: 0px; left: 486px; background-color:#000;
                               color:#FFF; padding: 6px 10px; text-align: center; cursor: pointer; font-size: 13px; border-radius: 6px 6px 0px 0px; }



#listpage_run_filter_container{ display: none; text-align: center; overflow: none; }
#listpage_run_filter{ display: inline-block; background-color: #00D0B1; color:#FFF; padding: 10px; border-radius: 6px; margin: 10px; cursor: pointer; }
#listpage_run_filter_waiting{ display: none; width: 250px; padding: 10px; border-radius: 6px; border:1px solid #000; border-radius: 6px; margin: 10px auto; }

#backsplash  { display: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; opacity: 0.7; z-index: 2000;  }
#human_popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; min-height: 610px; border: 1px solid #FA5859;
  overflow: hidden; background-color: #fff; z-index: 2001;
  border-radius: 20px; box-shadow: 0px 0px 23px 6px #111; }

#human_popup_top_menu  { position: sticky; color:#fff; font-size: 18px; overflow: hidden; }
#human_popup_top_menu > div { float: left; background-color:#FA5858; border-right: 1px solid #fff; padding: 16px; cursor: pointer; margin-right: 6px; }
#human_popup_top_menu > div:hover { background-color: #ff858b;  }
#human_popup_top_menu > div:last-child { float: right;  border: none; margin-right: 0px; }
.human_popup_top_menu_on { background-color: #ff858b !important; }
.human_popup_inner_container {display: none;}
#human_popup_profile_container {display: block; padding-bottom: 100px;}
#tag_items { margin: 10px 0px; }
#tag_add_button { display: inline-block; background-color: #FA5858; color:#fff; border-radius: 10px; cursor: pointer; padding: 6px; font-size: 16px; vertical-align: middle; }
.human_popup_tag_item, .new_human_tag_item { display: inline-block; position: relative; margin: 10px; background-color: #1CA4FF; color:#fff; border-radius: 50px; padding: 2px 14px; }
.human_popup_tag_item_x, .new_human_tag_item_x { display: block; position: absolute; top: -8px; right: -12px; cursor: pointer; color: #FA5858; font-size: 20px; font-weight: bold; border-radius: 50%;
  background-color: #fff; border: 1px solid #000; width: 20px; height: 20px; text-align: center; line-height: 20px;
}

#new_human_tag_button { display: inline-block; background-color: #FA5858; color:#fff; border-radius: 10px; cursor: pointer; padding: 6px; font-size: 16px; vertical-align: middle; }




#human_popup_container { display: block; border: 1px solid #f5f5f5; margin: 10px; padding: 10px; overflow-y: scroll; height: 85%;  }
#human_popup_title { font-weight: bold; font-size: 26px; text-align: center; }
#hp_tabs { margin-top: 30px; border-top: 1px solid #efefef; }
#hp_pull_district_button { display: inline-block; margin: 40px auto; font-size: 16px; background-color:#FA5858; color:#fff; padding: 6px 12px 6px 12px; border-radius: 20px; cursor: pointer; }
#contained_user_district_member_div { display: block; position: relative; width: 100%; }
.contained_user_district_member     { display: inline-block; border: 1px solid #EECBC6; padding: 10px; border-radius: 10px; width: 320px; margin: 10px; text-align: left;
  box-shadow: -2px 1px 28px -3px rgba(0,0,0,0.10); -webkit-box-shadow: -2px 1px 28px -3px rgba(0,0,0,0.10); -moz-box-shadow: -2px 1px 28px -3px rgba(0,0,0,0.10);
}
.contained_user_district_member>div>span { font-weight: bold; }
#hp_districts { text-align: center; }
#hp_update_button { position: absolute; top: 29px; left: 800px; font-size: 16px; background-color:#FA5858; color:#fff; padding: 6px 12px 6px 12px; border-radius: 20px; cursor: pointer; }
#hp_update_button:hover { background-color: #ff858b; }
.hp_item       { display: block; margin: 5px 0px; }
.hp_item_title { display: inline-block; position: relative; width: 150px; color:#c56454; }
.hp_item_body  { display: inline-block; position: relative; width: 260px; }
.hp_item_body>input { border: 1px solid #EECBC6; }
#hp_tabs { display: block; position: sticky; }
#hp_activities  { display: block; }
.hp_header      { display: inline-block; position: relative; font-weight: bold; font-size: 20px; color:#a7aaae; margin-top: 20px; margin-right: 30px; }
.hp_sub_header  { display: block; font-size: 15px; margin-top: 25px; color:#a7aaae; }
.hp_header_span_active { cursor: pointer; color:#c56454 !important; }
.hp_header_span        { cursor: pointer; }
.hp_header_span:hover  { text-decoration: underline; }

.map_marker_dtype{ }
.map_marker_dchamber{}
.map_marker_dist{ font-weight: bold; }
.map_marker_count{ font-weight: bold; color:#FA5858; }
#map_modol-loader-extra{ position: absolute; top: 54%; width: 100%; text-align: center; font-weight: bold; font-size: 22px; }



#list_start_options { position: relative; margin: 30px; text-align: center; }
#list_start_options>div:hover, #list_start_options .lsoselected { border: 3px solid #1999ec; }
#list_start_options>div:active { position: relative; top: 1px;  }
#list_start_options > div { display: inline-block; height: 200px; width: 300px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; }
#list_start_options .selector, #list_start_options .selector>span { width: auto !important; border-color: #777; }

#list_full_count, #list_segment_count { display: inline-block; font-size: 24px; font-weight: bold; }
#list_full_count > span, #list_segment_count > span { color: #000; font-size: 12px; }
#list_segment        { position: relative; margin: 60px 0px 0px 0px; }
#list_segment_name   { color: #c56454; font-weight: bold; }
#list_segment_f1     { display: inline-block; width: 610px; vertical-align: top; }
#list_segment_f2     { display: inline-block; width: 360px; vertical-align: top; margin-left: 30px; }
#list_segment_f2_inner { height: 543px; overflow-y: auto; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border: 3px solid #FFF; padding: 10px; }
#list_segment_f1_search_div  { display: inline-block; float: right; }
#list_segment_f2_search_div  { margin-bottom: 40px; text-align: right; margin-top: 10px; }
.list_segment_f2_items       { position: relative; border: 1px solid #d9d9d9; font-size: 15px; padding: 10px; margin: 5px;  }
.list_segment_f2_items:hover { background-color:#f5ffbd; }
.list_segment_f2_item_name   { display: block; }
.list_segment_f2_item_email  { display: block; padding-left: 15px; }
.list_segment_f2_button      { float: right; width: 40px; color:#FFF; background-color: #FA5858; border-radius: 6px; cursor: pointer; text-align: center; padding: 6px 12px; font-size: 15px; }
.list_part_segment_out_head_title { position: relative; margin: 10px; font-size: 24px; font-weight: bold; color:#c56454; text-align: left; }
.list_part_segment_out_head_title > span { font-size: 24px; font-weight: normal; color:#000; }

#list_part_show_loading_under { display: block; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 150; background-color: #fff; }
#list_part_show_loading       { display: block; margin: 200px 0px 90px 0px; text-align: center; width: 100%; font-size: 30px; }

#list_segment_inner  { position: relative; height: 550px; }
#list_full           { position: relative; margin: 60px 0px 0px 0px; height: 550px; }
#list_full_inner     { position: relative; height: 550px; }
#list_parts_out      { display: block; width: 100%; }
.list_part_out_heads { position: relative; color:#ababab; font-size: 16px; margin: 0px 14px; }
.list_part_out_head_title { font-size: 24px; font-weight: bold; color:#1999ec; text-align: center; }
.list_part_out_head_title > span { font-size: 24px; font-weight: normal; color:#000; }

.list_part_out_body, .list_part_out_body2, .list_part_out_head  { display: inline-block; border-right: 1px solid #e8e8e8; padding: 4px; }
.list_part_out_body:last-child, .list_part_out_body2:last-child, .list_part_out_head:last-child { border-right: 0px; }

.list_part_out_body_optin       { text-align: center; font-weight: bold; }
.list_part_out_head_optin       { cursor: pointer; color: #FA5858; }
.list_part_out_body_email       { width: 182px !important; }
.list_part_out_body_name        { width: 184px !important; }
.list_part_out_body_address     { width: 184px !important; }
.list_part_out_body_actions     { width: 96px !important; }
.list_part_out_body_last_action { width: 93px !important; }
.list_part_out_body_buttons     {  }


.list_part_out_body_optin,         .list_part_out_head_optin       { width: 45px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.list_part_out_body_email,         .list_part_out_head_email       { width: 180px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.list_part_out_body_name,          .list_part_out_head_name        { width: 180px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.list_part_out_body_address,       .list_part_out_head_address     { width: 180px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.list_part_out_body_actions,       .list_part_out_head_actions     { position: relative; width: 92px; text-align: center; }
.list_part_out_body_actions                                        { color:#FA5858; }
.list_part_out_body_last_action,   .list_part_out_head_last_action { width: 90px; }
.list_part_out_body_buttons,       .list_part_out_head_buttons     { width: 135px; text-align: right; }
.list_part_out_body_buttons > div, .list_part_out_head_buttons > div { display: inline-block; color:#FFF; background-color: #1999ec; border-radius: 6px; cursor: pointer; text-align: center; padding: 6px 12px; font-size: 15px;  }

.list_part_out       { position: relative; overflow-y: scroll; width: 100%; padding: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); }

.list_part_out_block  { width: 98%; font-size: 15px; margin: 5px 0px; padding: 4px; border: 1px solid #d9d9d9; background-color: #fff; cursor: pointer;}
.list_part_out_block:hover { background-color:#f5ffbd; }

#list_option_bar1, #list_option_bar2  { display: table; margin: 10px auto 30px auto; text-align: center; font-weight: bold; }
.list_option_button { display: table-cell; background-color: #efefef; font-size: 16px; cursor: pointer; padding: 6px 12px; border-right: 1px solid #f7f7f7; border-left: 1px solid #FFF; }
.list_option_button:hover { background-color: #e4e4e4; }
.list_option_button:first-child { border-radius: 10px 0px 0px 10px; border-left: 0px; }
.list_option_button:last-child  { border-radius: 0px 10px 10px 0px; border-right: 0px; }
#list_option_create_segment_button { background-color:#FA5858; color:#fff; }

#top_pagnate    { text-align: right; margin: 10px; }
#bottom_pagnate { text-align: right; margin: 10px; }

.listpage_select_button        { margin-left: 10px; }
.listpage_view_button          { background-color: #FA5858 !important; }
.listpage_view_button:active   { position: relative; top: 1px; }
.listpage_select_button:active { position: relative; top: 1px; }
.listpage_selectall_button:active { position: relative; top: 1px; }
#list_option_create_segment_button_pop { display: none; margin-bottom: 30px; }


.list_page_click        { cursor: pointer; }
.list_page_click_on     { color: blue; }
.list_page_click:active { position: relative; top: 1px; }


/* ACTION CENTER */
#action_center_container{ display: none; position: relative; margin: 10px; overflow: hidden; margin-bottom: 100px; width: 1020px; }
#campaign_box_template  { display: block; }
.campaign_box_action_thumb { float: left; width: 60px; height: 60px;  }
.campaign_box_action_thumb>img { width: 60px; height: 60px; border-right: 1px solid #777; border: 1px solid #777; cursor: pointer; vertical-align: middle; margin: 4px 4px 4px 4px; }
.campaign_box_action_thumb_img {}
#actthumb_data { display: none; }
#actseg_data   { display: none; }

#campaign_action_center_info            { display: block; margin: 10px 0px 20px 0px; }
#campaign_action_center_selection_area  { overflow-y: scroll; overflow-x: hidden; height: 350px; width: 99%; border: 1px solid #000000; }
#campaign_action_center_selection       { display: grid; grid-template-columns: repeat(3, 250px); grid-gap: 10px; place-items: center;
                                          justify-content: space-evenly; align-items: start; font-size: 15px; background-color: #FFFFFF;
}

.campaign_action_center_campaign        { display: inline-block; position: relative; width: 300px; border-radius: 8px; border: 1px solid #1999ec; margin: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.campaign_action_center_ctitle          { display: block; color:#fff; border-radius: 8px 8px 0px 0px; background-color: #1999ec; padding: 6px 10px; }
.campaign_box_action_set_item           { background-color: #fff; min-height: 70px; border-radius: 0px 0px 8px 8px; }
.campaign_action_center_atitle          { display: inline-block; margin: 6px 10px; color:#333; cursor: pointer; width: 200px; padding-left: 6px; }
.campaign_action_center_atitle:hover    { color:#FA5858; }

#campaign_action_center_list_name       { float: left; margin-left: 10px; }
#campaign_action_center_list_name_input { width: 300px; }
#campaign_action_center_button_clear    { float: right; background-color: #FA5858; color:#FFF; border-radius:8px; padding: 8px 10px; font-size: 15px; cursor: pointer; }
#campaign_action_center_button          { float: right; background-color: #FA5858; color:#FFF; border-radius:8px; padding: 8px 10px; font-size: 15px; cursor: pointer; margin-left: 10px; }
#campaign_action_center_template        { float: left; }

#campaign_action_center_button_container{ display: block; position: relative; margin: 20px 0px 20px 0px; overflow: hidden; clear: both; }

#cac_preview_title { background-color: #e4e4e4; color:#000; border-bottom: 1px solid #000; margin-bottom: 10px; }
#uniform-campaign_action_center_font_button{ background-color: #fff; }
#campaign_action_center_banner_button_container { margin: 40px 0px 0px 0px; padding: 10px; text-align: right; overflow: hidden; background-color: #e4e4e4; color:#000; border-top: 1px solid #000;  }
#campaign_action_center_banner { padding-top: 6px; }
#campaign_action_center_banner_button   { display: inline-block; background-color: #FA5858; color:#FFF; border-radius:8px; padding: 8px 10px; font-size: 15px; cursor: pointer; }
#campaign_action_center_font{ float: left; text-align: left; width: 240px; }
#campaign_action_center_font_button{ display:inline-block !important; font-family:"Arial"; background-color:#ffffff !important; opacity: 1; }
#campaign_action_center_fontcolor{ float: left; text-align: left; width: 120px; }
#campaign_action_center_fontcolor_button{}
#campaign_action_center_bgcolor{ float: left; text-align: left; width: 200px; }
#campaign_action_center_bgcolor_button{}
#campaign_action_center_bordercolor{ float: left; text-align: left; width: 150px; }
#campaign_action_center_bordercolor_button{}
#cac_recomended_bannner{ position: absolute; bottom: 2px; right: 10px; font-size: 13px;  }

/* campaign templates */
#campaign_action_center_show_template { display: block; position: relative; margin: 40px 0px; border: 1px solid #333; background-color: #fff; height: 100%; }
#campaign_action_center_show_template_live { display: block; position: relative; margin: 0px auto; width: 90%; text-align: center; height: 100%; }
#campaign_action_center_show_template>div:first-child { padding: 10px 10px 30px 10px; }
#cac_title_img{  display: block; position: relative; max-width: 86%; margin: 0px auto; }
#cac_title_img>img{ display: block; width: 100%; border-radius: 8px; margin-bottom: 30px; }
#campaign_action_center_seg_item_container { display: block; height: 100%; margin: 0px; position: relative; }
#campaign_action_center_seg_outer { display: block; position: relative; padding-bottom: 30px; }
.campaign_action_center_seg_item { display: block; cursor: pointer; border-radius: 8px; word-break: break-word; }

.cac_remove_action { font-size: 48px; color:red; position: absolute; top: -24px; right: 0px; cursor: pointer; font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; }
.cac_segurl { width: 300px; }

.campaign_action_template_sview  { display: block; position: relative; margin: 10px auto; width: 90%; border: 3px solid #989898; padding: 10px; background-color:#FFF; overflow: hidden; text-align: left; transition: all 50ms ease-in-out; }
.campaign_action_template_sview:hover                { border-color: #007fb2 !important; }
.campaign_action_template_sview>.cac_img>img         { float: left; width: 100px; height: 100px; margin-right: 20px; }
.campaign_action_template_sview>.cac_info            { float: left; width: calc(100% - 170px); overflow: hidden; }
.campaign_action_template_sview>.cac_info>.cac_title { display: block; font-size: 26px; font-weight: bold; word-break: break-word; }
.campaign_action_template_sview>.cac_info>.cac_embed_link      { display: block; position: absolute; bottom: 10px; right: 10px; }

.campaign_action_template_sview>.cac_info>.cac_desc  { display: block; }

.campaign_action_template_gview  { display: inline-block; position: relative; width: 40.5%; max-width: 400px; min-height: 450px; margin: 10px; padding: 2rem; background-color:#FFF; text-align: left; border: 3px solid #e2e2e2; transition: all 50ms ease-in-out; vertical-align: top; }
.campaign_action_template_gview:hover                   { border-color: #007fb2 !important; }
.campaign_action_template_gview>.cac_img>img            { display: block; width: 80%; max-width: 1280px; max-height: 250px; margin: 0px auto; }
.campaign_action_template_gview>.cac_info               { display: inline-block; vertical-align: top; margin-top: 0px; padding: 10px; overflow: hidden; }
.campaign_action_template_gview>.cac_info>.cac_title    { display: block; font-size: 32px; font-weight: bold; word-break: break-word; }
.campaign_action_template_gview>.cac_info>.cac_desc     { display: block; font-size: 20px; }

@media (max-width: 600px) {
  .campaign_action_template_sview { width: 98% !important; }
}


/* public action embed buttons */
.pubact_embed   { display: inline-block; margin-right: 10px; background-color: #1999ec; color:#FFF; border-radius:8px; padding: 4px 8px; font-size: 13px; cursor: pointer; }
.pubact_view    { display: inline-block; margin-right: 10px; background-color: #1999ec; color:#FFF; border-radius:8px; padding: 4px 8px; font-size: 13px; cursor: pointer; }
.pubact_delete  { display: inline-block; float: right; margin-right: 10px; background-color: #FA5858; color:#FFF; border-radius:8px; padding: 4px 8px; font-size: 13px; cursor: pointer; }
.pubact_name    { display: inline-block; margin-right: 10px; }
.pubact_url     { display: inline-block; float: right; margin-right: 20px; }
.pubact_embed_down {display: none; margin: 10px; padding: 10px; border: 1px dashed #333; }

#pubact_url_area     { margin-top: 100px; }
#pubact_seg_list>div { margin: 20px 10px; }



/* CAMPAIGS */
.campaign_titles{font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;}
#campaign_container{ display: block; position: relative; margin: 10px; overflow: hidden; margin-bottom: 100px; width: 1020px; }
#campaign_top_title{ overflow: hidden; margin-bottom: 20px; }
.campaign_top_title_left{float: left; font-weight: normal; font-size: 16px; }
.campaign_top_title_left>div:first-child{ font-size: 32px; }
.campaign_top_title_right     {float: right; width: 450px; }
.campaign_new_campaign_button { float: right; background-color:#1999ec; border-radius: 8px; font-size: 16px; padding: 8px 10px; cursor: pointer; color:#fff; }
.campaign_public_button       { display: inline-block; float: right; background-color:#FA5858; border-radius: 8px; font-size: 16px; padding: 8px 10px; cursor: pointer; color:#fff; margin-right: 10px; }
.campaign_campaign_button     { float: right; background-color:#FA5858; border-radius: 8px; font-size: 16px; padding: 8px 10px; cursor: pointer; color:#fff; }

#campaign_actions_options { position: relative; margin: 30px; margin-bottom: 70px; text-align: center; }
#campaign_actions_options>div:hover, #campaign_actions_options .lsoselected { border: 3px solid #1999ec /*FA5858*/; }
#campaign_actions_options>div:active { position: relative; top: 1px;  }
#campaign_actions_options > div { display: inline-block; height: 200px; width: 300px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; }
#campaign_actions_options .selector, #campaign_actions_options .selector>span { width: auto !important; border-color: #777; }



#campaign_mid_bar                    { display: block; position: relative; height: 40px; margin-bottom: 10px; font-size: 14px; font-weight: bold; overflow: hidden; }
#campaign_mid_bar>div                { float: left; }
#campaign_mid_bar>hr                 { clear:both; width: 100%; background-color:#dfdfdf; height: 4px; border: 0px; z-index: 1; }
#campaign_mid_bar>div>span           { border-bottom: 0px solid #FA5858; color:#a2a2a2; cursor: pointer; z-index: 10; }
#campaign_mid_bar>div>span:hover     { color:#000 !important; }

#campaign_sort_active_button         { width: 90px; font-size: 20px; }
#campaign_sort_active_button>span    { }
#campaign_sort_archived_button       { width: 125px; font-size: 20px; }
#campaign_sort_archived_button>span  { }
#campaign_sort_draft_button          { width: 75px; font-size: 20px; }
#campaign_sort_draft_button>span     { }

.campaign_sort_active>span           { border-bottom-width: 4px !important; color:#000 !important; }


#campaign_sort_search_button         { position: absolute; right: 0px; bottom: 3px; width: 220px; }
#campaign_activity_search            { border-radius: 8px; border: 2px solid #dfdfdf; height: 30px !important; font-size: 16px; }

/* 1732 1843 */
.campaign_box{ display: block; position: relative; margin: 30px 0px; padding: 10px; border-radius: 20px; background-color:#fff; border: 1px solid #777; min-height: 100px; }
.campaign_box_top   { display: block; position: relative; height: 100px; }
.campaign_box_open  { float: left; color:#FA5858; font-size: 42px; margin-right: 10px; width: 30px; vertical-align: middle; text-align: center; cursor: pointer; }
.action_option_buttons_show_plus {display: inline-block; cursor: pointer; font-size: 26px; margin-top: -8px; vertical-align: middle; font-weight: bold; color:#1d9aec;}
.campaign_box_left  { float: left; width: 700px; }
.campaign_box_title { font-size: 24px; margin-top: 18px; overflow: hidden; cursor: pointer; }
.campaign_box_info  { display: none; font-size: 15px; margin-top: 10px; }
.campaign_box_state { position: absolute; bottom: 0px; left: 0px; font-size: 13px; color: #5e5e5e; }
.campaign_box_right { float: right; width: 250px; }
.campaign_box_edit  { float: right; width: 100px; border-radius: 8px; background-color:#FA5858; color:#fff; padding: 6px; margin-right: 10px; text-align: center; cursor: pointer; }
.campaign_box_clone { float: right; width: 100px; border-radius: 8px; background-color:#FA5858; color:#fff; padding: 6px; margin-right: 10px; text-align: center; cursor: pointer;  }
.campaign_name_change { float: right; width: 100px; height: 24px; line-height: 24px; border-radius: 8px; background-color:#FA5858; color:#fff; padding: 6px; margin-right: 10px; font-size:12px; text-align: center; cursor: pointer;  }
.update_campaign_name_c { display: none; margin-top: 12px; }
.update_campaign_name_submit { display: inline-block; border-radius: 8px; background-color:#FA5858; color:#fff; padding: 6px; margin-left: 10px; cursor: pointer; }
.campaign_box_action_button { display: inline-block; font-size: 14px; width: 80px; border-radius: 8px; background-color:#FA5858; color:#fff; padding: 6px; margin: 10px 5px; text-align: center; cursor: pointer; }
.campaign_box_publish { float: right; width: 100px; border-radius: 8px; background-color:#00D0B1; color:#fff; padding: 6px; margin-right: 10px; text-align: center; cursor: pointer;  }
.campaign_box_archive  { float: right; width: 100px; border-radius: 8px; background-color:#efefef; color:#6d6d6d; padding: 6px; margin-right: 10px; text-align: center; cursor: pointer; }
.campaign_box_delete   { float: right; width: 100px; border-radius: 8px; background-color:#efefef; color:#6d6d6d; padding: 6px; margin-right: 10px; text-align: center; cursor: pointer;  }

.red_button { display: inline-block; position: relative; width: 250px; border-radius: 8px; background-color:#FA5858; color:#fff; padding: 6px; margin-right: 10px; text-align: center; cursor: pointer;  }
.embed-has-bottom-arrow { display: none; }
.embed-bottom-arrow { border-bottom: 0px solid #FA5858; pointer-events: none; }
.embed-bottom-arrow:after { content:''; position: absolute; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: 20px solid #FA5858; border-left: 30px solid transparent; border-right: 30px solid transparent; }


.campaign_box_s_create  { display: inline-block; border-radius: 10px; border: 1px solid #fff; background-color: #fff; margin-right: 10px; padding: 0px 4px; }
.campaign_box_s_state   { display: inline-block; border-radius: 10px; border: 1px solid #fff; background-color: #fff; margin-right: 10px; padding: 0px 4px; }
.campaign_box_s_signers { display: inline-block; border-radius: 10px; border: 1px solid #fff; background-color: #fff; margin-right: 10px; padding: 0px 4px; }


.campaign_box_normal_ops { display: block; overflow: hidden; }
.campaign_box_extra_ops  { display: none; margin-top: 10px; overflow: hidden; }
.campaign_box_bottom     { display: none; border-top: 1px solid #ececec; margin-top: 10px; width: 100%; }

.campaign_box_action_new_action       { border-radius: 8px; width: 200px; background-color:#393c3e; color:#FFF; padding: 8px; text-align: center; cursor: pointer; margin: 10px auto 10px auto; }
.campaign_box_action_items            { display: block; position: relative; margin: 10px 0px 40px 0px; min-height: 45px; border-radius: 20px; border: 1px solid #d9d9d9; }
.campaign_box_action_textarea         { display: block; position: relative; }
.campaign_box_action_text             { padding: 10px; }
.campaign_box_action_item             { display: inline-block; width: 80%; font-size: 22px; cursor: pointer; }
.campaign_box_action_item_count       { float: right; }
.campaign_box_action_item_buttons     { position: absolute; bottom: -25px; right: -1px; font-size: 18px; background-color:#7b7b7b; color:#FFF;
              border-radius: 0px 0px 8px 8px;
}
.campaign_box_action_item_buttons>div { float: left; padding: 0px 20px; border-right: 1px solid #dfdfdf; cursor: pointer; vertical-align: middle; }
.campaign_box_action_item_buttons>div:last-child { border: none; }
.campaign_box_action_item_buttons>div:hover { background-color: #FA5858; }

.campaign_box_action_viewdownload  { width: 261px; text-align: center; padding: 0px !important; }
.campaign_box_action_viewdownload1 { padding: 0px; }
.campaign_box_action_viewdownload2,.campaign_box_action_viewdownload3 { display:none; text-align: center; width: 110px; }
.campaign_box_action_viewdownload2 { float: left; padding: 0px 10px; }
.campaign_box_action_viewdownload3 { float: right; border-left: 1px solid #FFF; padding: 0px 10px; }
.campaign_box_action_viewdownload2:hover,.campaign_box_action_viewdownload3:hover { background-color: #ffd6c9; }
.campaign_box_action_viewdownload_block { display: none; }

.campaign_state_published       { color:#1999ec; }
.campaign_box_state_published   { display: block; }
.campaign_box_state_draft       { display: none; }
.campaign_box_state_archived    { display: none; }







/* New Action Page Builder */
.ape_inputs { border-radius: 10px !important; }
#action_page_dark  { position: fixed; height: 100%; width: 100%; z-index: 90; opacity: 0.9; background-color: #333; top: 0px; left: 0px; }
#action_page_popup { position: fixed; width: 400px; border: 2px solid #333; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow: hidden; z-index: 1000; left: 50%; margin-left: -200px; top: 40px; }
#action_page_popup_inner { display: block; position: relative; background-color: #fff; color:#333; border-radius: 10px; font-size: 18px; padding: 20px; height: 100%; padding-bottom: 70px; }
.ap_popup_part { display: none; }
.action_page_popup_close { display: block; position: absolute; bottom: 20px; right: 25px; width: 65px; background-color: #FA5858; color:#FFF; font-weight: bold; border-radius: 10px; vertical-align: middle; text-align: center; padding: 8px 20px; cursor: pointer; font-size: 12px; }

#action_page_breadcrumbs_parts { display: none; position: relative; height: 56px; overflow: hidden; }
#action_page_breadcrumbs_line { display: block; position: absolute; border-bottom: 2px solid #FA5858; top: 21px; left: 50%; margin-left: -460px; width: 920px; z-index: 1;}
#action_page_breadcrumbs { display: block; position: absolute;                                        top: 8px; left: 50%; width: 1200px; z-index: 2; text-align: center; margin-left: -600px;}
#action_page_breadcrumbs > div { display: inline-block; text-align: center; width: 60px; margin: 0px 25px; cursor: pointer; vertical-align: top; }
.action_page_crum  { height: 25px; width: 25px; font-size: 18px; font-weight: bold; background-color: #FA5858; color: #fff; border-radius: 50%; display: inline-block; }
.action_page_crumw { display: block; position: relative; text-align: center; white-space: nowrap; font-size: 12px; }
.action_page_crumw:before { content: ""; margin-left: -100%; }
.action_page_crumw:after  { content: ""; margin-right: -100%; }
.action_page_ncrum { background-color: #bbbdbb; }
.action_page_oncrum { border: 2px solid #000; box-shadow: 0 0 20px rgba(0,0,0,0.5); }

#action_page_container { display: block; margin-top: 10px; margin-bottom: 100px; position: relative; width: 100%; overflow: hidden; }
#action_page_container_inner { display: none; position: relative; height: 100%; width: 100%; margin-bottom: 1000px;}
#action_selector_options { position: relative; margin: 30px; margin-bottom: 70px; text-align: center; }
#action_selector_options>div:hover, #action_selector_options .lsoselected { border: 3px solid #1999ec; }
#action_selector_options>div:active { position: relative; top: 1px;  }
#action_selector_options > div { display: inline-block; height: 200px; width: 300px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; }
#action_selector_options .selector, #action_selector_options .selector>span { width: auto !important; border-color: #777; }

#action_page_express_setup_container       { display: block; position: relative; height: 1200px; width: 1024px; margin: 0px auto; overflow: hidden; }
#action_page_express_setup_inner_container { display: block; position: relative; height: 1200px; width: 20480px; }
.ap_express_elements { display: inline-block; position: relative; height: 1200px; width: 1024px; vertical-align: top; }
.ap_express_elements_inner { display: block; position: relative; margin: 10px auto; }
.ap_express_elements_inner_short { width: 750px; }
.ap_express_elements_inner_long  { width: 100%; }
.action_page_express_radios > div { margin-bottom: 10px; }
.action_page_express_radios span { vertical-align: middle; }
.ape_action_type_radio { cursor: pointer; }
.aper_button { display: inline-block; position: relative; padding: 4px 8px; border-radius: 10px; color:#fff; background-color: #FA5858; cursor: pointer; width: 150px; text-align: center; }
#ape_template_option_imgvideo { width: 635px; }
.ap_express_video_input { border: 1px solid #f37761; width: 300px; }
.ap_orange_border { border: 1px solid #f37761; }

#uniform-ape_template_bill_search_type,#uniform-ape_template_bill_search_type2  { vertical-align: middle; }
#ape_template_option_bill_2 { display: none; margin-top: 20px; width: 640px; }
#ape_template_option_bill_3 { display: none; margin-top: 25px; width: 640px; }
#ape_template_option_bill_search_list { height: 320px; border: 1px solid #333; overflow-x: none; overflow-y: scroll; font-size: 14px; cursor: pointer; border-radius: 10px; }
.ape_bill_search_list_item { margin: 0px; padding: 5px; border: 1px solid #f7f7f7;  }
.ape_bill_search_list_item:hover { background-color: yellow; }
.ape_bill_data1 { width: 150px; display: inline-block; vertical-align: top; }
.ape_bill_data2 { width: 440px; display: inline-block; vertical-align: top; }
#ape_template_option_bill_selected .ape_bill_data2 {overflow: hidden; height: 250px;}

#action_page_express_path { display: none; }
#action_page_custom_path  { display: none; }

.action_page_express_title  { display: block; position: relative; font-size: 32px; font-weight: bold; color: #1CA4FF; margin-bottom: 10px; }
.action_page_express_body   { }
.action_page_express_button_container { display: block; position: relative; width: 100%; text-align: right; }
.action_page_express_button { display: inline-block; margin: 20px auto; padding: 10px 20px; background-color: #1CA4FF; color:#fff; border-radius: 10px; cursor: pointer; }


.ape_general_red_button { display: inline-block; position: relative; background-color: #FA5858; color:#fff; border-radius: 10px; padding: 6px 10px; text-align: center; cursor: pointer; }
.ape_action_type_explain  { display: none; font-size: 15px; margin-bottom: 10px; }
.ape_action_type_explain > span  { color:#FA5858; font-size: 19px; }
#ape_aciton_type_m0       { display: block; }
#ape_action_type_edit_box_div { display: none; }
.abs_green_check { display: none; position: absolute; top: 0px; right: 0px; background-color: #1999ec; color:#fff; height: 25px; width: 25px; font-weight: bold; border-radius: 50%; }
.abs_blue_question  { display: inline-block; position: absolute; top: 0px; left: 0px; background-color: #FA5858; color:#fff; height: 25px; width: 25px; font-weight: bold; border-radius: 50%; }
.abs_blue_question2 { display: inline-block; position: relative; background-color: #FA5858; color:#fff; height: 25px; width: 25px; font-weight: bold; border-radius: 50%; text-align: center; cursor: pointer; }

#ape_template_extra_div { display: none; float: right; position: relative; height: 400px; width: 660px; vertical-align: top; margin-top: -60px; }
#ape_template_extra_div_cancel { position: absolute; top: 10px; right: 20px; background-color: #FA5858; color:#fff; border-radius: 10px; padding: 6px 10px; text-align: center; cursor: pointer; }
.ape_summary_edit_box_div #action_actimgasset_img { display: inline-block; max-width: 200px; max-height: 200px; }
.ape_summary_edit_box_div #action_actlogo_img { display: inline-block; max-width: 100px; max-height: 100px; }
.ape_summary_edit_box_div #action_actbg_img { display: inline-block; max-width: 100px; max-height: 100px; }
.ape_summary_edit_box_div #action_acttimg_img { display: inline-block; max-width: 300px; max-height: 300px; }
.ape_summary_edit_box_div #action_banner_img { display: inline-block; max-width: 200px; max-height: 200px; }

.ape_summary_edit_box_div #action_actbaktop_img { display: inline-block; max-width: 100px; max-height: 100px; }
.ape_summary_edit_box_div #action_actbakright_img { display: inline-block; max-width: 100px; max-height: 100px; }
.ape_summary_edit_box_div #action_actbotlogo_img { display: inline-block; max-width: 100px; max-height: 100px; }

.ape_template_option_boxes { display: none; width: 1020px; margin: 0px auto 0px auto; padding: 10px; font-size: 22px; }
.ape_template_option_title { color:#1CA4FF; margin-bottom: 20px; }
#ape_template_option_summary {  }

#ape_summary_img_file_uploader { clear: both; height: 215px; border-bottom: 1px solid #333; }
#ape_summary_img_file_uploader .action { clear: both; margin: 10px auto; text-align: center; }
#ape_summary_img_file_uploader .filename { display: none; }

#ape_template_option_logo { margin-top: 30px; }
#ape_template_option_logo .action { clear: both; margin: 10px auto; text-align: center; }
#ape_template_option_logo .filename { display: none; }
#ape_template_option_banner { margin-top: 30px; }
#ape_template_option_banner .action { clear: both; margin: 10px auto; text-align: center; }
#ape_template_option_banner .filename { display: none; }

#ape_recipients                       { margin: 0px 0px; }
#ape_recipients_location_based        { width: 1024px; }
.ape_location_based_item              { display: inline-block; border: 1px solid #ebebeb; padding: 4px 8px; margin-right: 10px; }
#ape_recipients_location_based_list   { margin: 0px; margin-left: 40px; display: inline-block; vertical-align: top; width: 800px;  }
#ape_recipients_designated_based      { }
.ape_recipients_location_based_countries { display: none; }
.ape_recipients_location_based_countries > div { display: inline-block; margin: 0px 10px 10px 10px; width: 360px; }
.ape_recipients_location_based_countries > div > .checker { vertical-align: top; }
#ape_recipients_list { margin-top: 20px; padding: 10px; border-top: 1px solid #333; }
#ape_recipient_lookup { display: none; }

#ape_recipients_selector { position: relative; margin: 5px 30px; text-align: center; }
#ape_recipients_selector>div:hover, #ape_recipients_selector .lsoselected { border: 3px solid #1999ec; }
#ape_recipients_selector>div:active { position: relative; top: 1px;  }
#ape_recipients_selector > div { display: inline-block; height: 200px; width: 300px; margin: 10px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; }
#ape_recipients_selector > div > span { font-size: 24px; font-weight: bold; }
#ape_recipients_selected_location { display: none; }
#ape_recipients_selected_designated { display: none; }

.ape_recipient_name_item { display: inline-block; position: relative; margin: 10px; background-color: #1CA4FF; color:#fff; border-radius: 50px; padding: 2px 14px; }
.ape_recipient_name_item_x { display: block; position: absolute; top: -8px; right: -12px; cursor: pointer; color: #FA5858; font-size: 20px; font-weight: bold; border-radius: 50%;
  background-color: #fff; border: 1px solid #000; width: 20px; height: 20px; text-align: center; line-height: 20px;
}

.ape_recipient_ls_searchitem    { margin: 4px; padding: 10px; border: 1px solid #e6e6e6; width: 100%; cursor: pointer; }
.ape_recipient_ls_searchitem:hover  { background-color: yellow; }
#ape_recipient_ls_searcharea    { display: block; }
#ape_recipient_ls_searchresults_outer { display: none; }
#ape_recipient_ls_searchresults { display: block; max-height: 300px; overflow-y: auto; overflow-x: hidden; border: 1px solid #777; border-radius: 10px; color: #000; background-color: #f5f5f5; }



#ap_subject_line_area       { display: block; }
#ap_subject_line_text       { display: block; }
#ap_subject_line_selections { display: block; margin-top: 10px; }
.ap_subject_line_selection { display: inline-block; position: relative; margin: 10px; background-color: #1CA4FF; color:#fff; border-radius: 50px; padding: 2px 14px; }
.ap_subject_line_selection_x { display: block; position: absolute; top: -8px; right: -12px; cursor: pointer; color: #FA5858; font-size: 20px; font-weight: bold; border-radius: 50%;
  background-color: #fff; border: 1px solid #000; width: 20px; height: 20px; text-align: center; line-height: 20px;
}
.fix-checker-box > .checker { vertical-align: top; padding-top: 2px; }
.ape_separator_line { width: 90%; margin: 10px auto; height: 1px; background-color: #333; }


#action_page_template_holder { width: 1024px; overflow-x: scroll; overflow-y: hidden; height: 410px; }
#action_page_template_holder_div { width: 2000px; }
#action_page_template_holder > div > img { display: inline-block; margin-right: 20px; height: 350px !important; border-radius: 10px; }
#ape_template_options_div { display: none; float: right; vertical-align: top; width: 660px; margin-top: -60px; }
.ape_template_img        { display: block; height:400px; max-width: 400px; border:1px solid #969696; vertical-align:middle; }
.ape_template_img:hover  { border: 1px solid #FA5858 !important; }
.ape_template_box        { display: inline-block; position: relative; height: 90px; width: 130px; margin: 20px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3);
  border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; text-align: center;
}
#ape_return_to_templates { display: inline-block; position: relative; padding: 4px 8px; font-size: 20px; border-radius: 10px; color:#fff; background-color: #FA5858; cursor: pointer; width: 230px; text-align: center; }
.ape_template_box:active {position: relative; top: 1px;}
.ape_template_box > div:first-child  { margin-top: 15px; }
.ape_template_box > span { color: #FA5858; font-size: 13px; font-weight: bold; text-align: center; }


#ape_recipient_form { display: block;  }
#ape_recipient_form input { display: inline-block; margin: 10px; border: 1px solid #FA5858; }

.ape_form_value_list_item { display: inline-block; position: relative; height: 70px; width: 140px; margin: 20px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3);
  border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; text-align: center; }
.ape_form_value_list_item:active { position: relative; top: 1px; }

.ape_form_value_list_item_required { position: absolute; bottom: 10px; left: 36px; }
.ape_form_value_list_item_required .checker { vertical-align: middle; }
.ape_subheader { font-size: 20px; color:#1CA4FF; }

.ape_sign_off_list_item { display: inline-block; position: relative; height: 70px; width: 140px; margin: 20px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3);
  border-radius: 20px; border: 3px solid #FFF; vertical-align: top; padding: 20px; cursor: pointer; text-align: center; }
.ape_sign_off_list_item:active { position: relative; top: 1px; }

#ap_inline_template_box { height: 400px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border: 1px solid #e3e3e3; padding: 10px; overflow: hidden; border-radius: 20px; }
.ap_inline_template_img { width: 416px; height: 90px; }

#ape_allow_signer_edit_area { margin-top: 20px; }
#ape_allow_signer_edit_area .checker { vertical-align: middle; }

.ap_options_area_div .checker { vertical-align: middle; }
.ap_options_check_button { display: inline-block; margin: 20px 0px; width: 155px; height: 90px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border: 1px solid #e3e3e3; padding: 20px; overflow: hidden; border-radius: 20px; text-align: center; }

.ap_dot_disabled { background-color: #bbbdbb; }
.ap_option_hide { display: none !important; }

#ape_finish_my_url_div { display: block; position: relative; padding: 20px; margin: 20px auto; width: 600px; height: 150px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border: 1px solid #e3e3e3;  overflow: hidden; border-radius: 20px; text-align: center; }
.ape_finish_buttons { display: inline-block; position: relative; background-color: #FA5858; color:#fff; border-radius: 10px; padding: 6px 10px; text-align: center; cursor: pointer; }
#ae_finished_links    { margin: 40px auto;  }
#ae_finished_links li { color:#1CA4FF; cursor: pointer; width: 350px; margin: 20px auto; }

.ape_green_button   { display: inline-block; position: relative; background-color: #1999ec; font-size: 32px; color:#fff; border-radius: 10px; padding: 10px 20px; text-align: center; cursor: pointer; }
.ape_action_buttons { display: inline-block; position: relative; background-color: #FA5858; color:#fff; border-radius: 10px; padding: 6px 10px; text-align: center; cursor: pointer; margin: 10px; }


/* regulations */
.regulation_option { margin: 10px; border: 1px solid #333; padding: 10px; }
.regulation_option:first-child { margin-top: 0px; }
#regulation_search_results {
  display: inline-block; min-height: 250px; width: 570px; margin: -2px 0px 0px 20px; box-shadow: 0 4px 25px 0 rgba(93, 107, 150, 0.3); border-radius: 20px; border: 3px solid #FA5858; vertical-align: top; padding: 20px; cursor: pointer;
}
#regulation_search_results:active { position: relative; top: 1px; }

.regulation_document > div > span { color:#FA5858;  }
.regulation_doc_id         { font-weight: bold; text-align: center; margin: 0px auto; }
.regulation_doc_dokid      { font-weight: bold; text-align: center; margin: 0px auto 20px auto; }
.regulation_doc_subject    { margin-bottom: 20px; }
.regulation_doc_topics     { font-size: 13px; overflow: hidden; max-height: 40px; margin-bottom: 20px; }
.regulation_doc_cstartdate { float: left; font-size: 13px; font-weight: bold; }
.regulation_doc_cenddate   { float: right; font-size: 13px; font-weight: bold; }
#button_remove_regulations { float: right; margin: 6px; color:#FA5858; text-decoration: underline; }






/* M A P    A R E A  */
.map_blue_marker_item { display: inline-block; position: relative; margin: 10px; background-color: #1CA4FF; color:#fff; border-radius: 50px; padding: 2px 14px; }
.map_blue_marker_item_x { display: block; position: absolute; top: -8px; right: -12px; cursor: pointer; color: #FA5858; font-size: 20px; font-weight: bold; border-radius: 50%;
  background-color: #fff; border: 1px solid #000; width: 20px; height: 20px; text-align: center; line-height: 20px;
}





.comp-edit { border: solid 3px #393B3E; width: 780px; float:left; z-index: 9999; position: fixed; background-color: white; display:none; box-shadow: 0 0 20px rgba(0,0,0,0.5); top: 50px; bottom: 10px; left: 20%; height: 85vh; max-height: 700px; min-height: 500px;}
.comp-edit .popup-search-form-results { width: 780px; float: left; height: 55vh;}
.embed { top: 1000px; margin-left:400px; margin-top: -600px;}
.embedw_,.embedw_all{ display:inline-block; border-radius: 10px; background-color: #1c94e0; color: #FFF; padding: 6px 18px; margin: 5px 0px; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif; }
.embedw_{cursor: pointer; margin-right: 10px; }
.embedw_title{ font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; font-weight: bold; font-size: 32px; }
.embedw_text{font-family: 'Maven Pro', sans-serif; letter-spacing: normal; font-size: 22px; }
.embedw_circle{ width: 100%; text-align: center; margin: 0px 0px 20px 0px; }
.embedw_circle>div{ display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color:#000; color:#FFF; border: 1px solid #000; }
.page-content .embed { top: inherit;}
.comp-edit .sub-form-section { max-height: 250px; overflow: scroll;}
.comp-edit .sub-form-section.campaign-edit-section { max-height: none; height: 63vh; overflow: auto;}
.comp-edit-section { width: 780px; height: 70px; background-color: #393B3E;}
.comp-edit-section img { padding: 17px 0 0 13px; float:left;}
.comp-edit-section img.legislator-photo, .comp-edit-section img.party-tag { padding: 0;}
.comp-edit-section img.party-tag { margin: 55px 0 0 0;}
.comp-edit-section .cross { float:right; margin-top: 5px; margin-right: 5px;}
.close-remove-bill{ display: inline-block; cursor: pointer; height: 100%; margin-top: -3px; vertical-align: middle; }
.bill-remove-campaign{ margin-left: 10px; }
.comp-edit-section.button { width:780px; height:74px; background-color:#393B3E; float:left; bottom: 0; position: absolute; z-index: 101;}
.comp-edit-section.button input[type="submit"] {float: right; position: relative; top: 18px; min-width: 120px;}
.comp-edit-section h3 { color: #fff; text-decoration: none;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px; font-weight: 600; height: 36px; line-height: 36px; padding-top: 17px; padding-left: 10px; float: left;}
.comp-edit label { display: block; font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; font-weight: bold; font-size: 13px; letter-spacing: 2px; margin: 30px 0 10px 30px; color: #c56454; padding: 0px;}
.comp-edit .embed label { text-align: center; margin: 0px;}
.comp-edit p { color:#6d7177;  font-size:14px;  margin-bottom:0px;}
.comp-edit .note { text-align: left; font-family: 'FuturaLTLightItalic', 'Open Sans', Arial, sans-serif; font-weight: 300; font-style: italic; margin: 0px; letter-spacing: 2px; font-size: 12px; color: #808080; margin-left: 20px;  padding-left: 10px;}
.comp-edit input[type="text"],.comp-edit .selector { margin: 10px 30px; width: 690px;}
.comp-edit .radio { margin-right: 20px; float: left; }
.comp-edit .radio-label { margin-top: 0px; padding-top: 10px;}

.font_Menlo  { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.font_nonito { font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-style: normal !important; letter-spacing: normal !important; }


.form-saas-style { font-weight: 300; margin-bottom: 0.5rem !important; border: 1px solid #e9ecef !important; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color:#495057;
  background-color: #fff; border-radius: 0.25rem;
}
#uniform-user_foundhow  { border: 1px solid #e9ecef !important; border-radius: 0.25rem; }
#uniform-user_time_zone { border: 1px solid #e9ecef !important; border-radius: 0.25rem; }

.demo_spacer { margin-top: 150px; }



#pop_end_survey {
  display: none; position: fixed; top: 30px; left: 50%; transform: translate(-50%, 0); width: 780px; min-height: 500px; border: 1px solid #000; background-color: #393B3E; z-index: 9999;
  -webkit-box-shadow: 5px 5px 29px 5px rgba(0,0,0,0.34); box-shadow: 5px 5px 29px 5px rgba(0,0,0,0.34);
  color:#fff; padding: 20px 0px 20px 0px; overflow: hidden;
  /*font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif !important; letter-spacing: 2px;*/ font-size: 20px;
}
#pop_end_survey > div { text-align: center; }
#pop_end_survey ul    { margin: 0px !important; }
#pop_end_survey ul li { display: inline-block; list-style-type: none; margin-right: 15px; }
#pop_end_survey ul .radio { cursor: pointer; vertical-align: sub; margin-right: 8px; }
#pop_end_survey ul .radio>span { cursor: pointer; }
#pop_end_survey ul input[type="radio"] { cursor: pointer; }
#pop_end_survey textarea { margin: 10px 0px 0px 40px !important; width: 610px; height: 115px; border: 1px solid #333; }
#pop_end_survey_inner { position: relative; color:#000; background-color: #FFF; height: 450px; margin: 30px 2px 0px 2px; padding: 20px; text-align: left !important; overflow: auto; }
#pop_end_survey_inner>div{ margin-bottom: 30px; }
#pop_end_survey_inner>div>div{ margin-bottom: 10px; }

#pop_end_footer       { position: relative; margin: 20px; padding: 0px; font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif !important; letter-spacing: 4px; font-size: 12px; font-weight: bold; }
#pop_end_footer > div { line-height: 38px; width: 220px; height: 35px; border-radius: 10px; text-align: center; cursor: pointer; }
#pop_end_footer > div:first-child {float: left;  margin-left: 20px;  background-color: #FA5858; }
#pop_end_footer > div:first-child:hover { background-color: #a14839 !important; }
#pop_end_footer > div:last-child  {float: right; margin-right: 20px; }
.pop_end_disabled       { background-color: #9e9e9e !important; color:#FFF !important; }
.pop_end_disabled:hover { background-color: #9e9e9e !important; }
.pop_end_enabled        { background-color: #00D0B1 !important; color:#FFF !important; }
.pop_end_enabled:hover  { background-color: #007362 !important; }

#esorg_rate_ex     { display: none; }
#escamp_rate_ex, #escamp_positive_ex, #escamp_desired_ex { display: none; }
#esaction_rate_ex, #esaction_desired_ex, #esaction_positive_ex  { display: none; }


#video_table {
  display: none; position: fixed; top: 30px; left: 50%; transform: translate(-50%, 0); width: 700px; height: 465px; border: 1px solid #000; background-color: #393B3E; z-index: 9999;
  -webkit-box-shadow: 5px 5px 29px 5px rgba(0,0,0,0.34); box-shadow: 5px 5px 29px 5px rgba(0,0,0,0.34);
  color:#fff; padding: 20px; overflow: hidden; border-radius: 10px;
}
.video_table_item{ cursor: pointer; margin: 0px 0px 10px 0px; }
#video_table_close  { float: right; margin-right: 20px; cursor: pointer; border: 1px solid #fff; color:#000; background-color:#FFF; padding: 6px 10px; border-radius: 10px; }
#video_table_header { text-align: center; font-size: 20px !important; font-weight: bold !important; margin-bottom: 20px; }
#video_table_container { width: 100%; margin: 10px; }
#video_table_body   { float: left;  margin-left: 10px;  width: 255px; vertical-align: top; height: 300px; overflow-y: auto; overflow-x: hidden; }
#video_table_area   { float: right; margin-right: 10px; width: 402px; vertical-align: top; height: 335px; }
#video_table_area_v { margin: 0px auto; width: 400px; height: 300px; border: 1px solid #000; background-color: #1f1f1f; }
#video_table_area_d { text-align: center; margin-top: 10px; }
#video_table_area_d > a { cursor: pointer;text-decoration: none; color:#fff !important; }
#video_table_footer { width: 100%; margin-top: 30px; }



/* s1647-117 */
#activity_bill_array_div    {  }
.activity_bill_array_bill   { width: 70%; margin: 10px auto; font-size: 18px; border: 1px solid #d5ddf7; text-align: left; padding: 5px 15px; text-transform: uppercase; }
.activity_bill_array_delete { color: red; font-weight: bold; font-size: 18px; float: right; cursor: pointer; }

.action_template_colorhide  { display: none; margin-top: -20px; }
.action_styleoptions_button { cursor: pointer; display: inline-block; margin-left: 10px; background-color:#FA5858; color:#fff; padding: 6px 10px; border-radius: 10px; }
.action_style_buttontxt     { display: inline-block !important; width: 130px !important; padding: 2px !important; }
.action_template_colorhide div { margin: 10px; text-align: left; }
.action_template_colorhide div > div { display: inline-block; width: 150px; }

/* Billing */
#billing_area_new_plan, #billing_area_new { font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
#billing_area_new .border-bottom-orange {  }
#billing_area_new .border-orange        {  }
#billing_area_new_plan .txt-orange, #billing_area_new .txt-orange           { /*color: #28314e;*/ letter-spacing: normal !important; font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif; }
#billing_area_new_plan .txt-orange-large, #billing_area_new .txt-orange-large     { font-size: 42px !important; text-align: left !important; font-weight: bold; }
#billing_area_new_plan input[type="text"], #billing_area_new input[type="text"]    { border-radius: 4px; border: 1px solid #e0e0eb; padding: 6px 12px;  }
#billing_area_new_plan .sub-form-section, #billing_area_new .sub-form-section      { border-radius: 10px; border-color: #28314e; font-size: 18px;  }
#billing_area_new_plan .border-bottom-orange, #billing_area_new .border-bottom-orange  { background: none; }
#billing_area_new #uniform-select_billing_country { text-align: center; border-color: #e0e0eb; /*background: none;*/ background-color: #fff; border-radius: 4px; width: 160px !important; padding: 6px 0px; }
#billing_area_new #uniform-select_billing_state   { text-align: center; border-color: #e0e0eb; /*background: none;*/ background-color: #fff; border-radius: 4px; width: 160px !important; padding: 6px 0px; }

.icon_edit_img18 { width: 18px; height: 18xp; }
.demo_form_block { padding: 30px 40px 20px 40px; color:#fff; border-radius: 0.25rem; }

@media (max-width: 600px) {
   #body_about    { overflow: hidden; }
   #body_features { overflow: hidden; }
   #body_pricing  { overflow: hidden; }
   .ready-for-demo-text { text-align: center !important; width: 100% !important; }
   .ready-for-demo-btn  { text-align: center !important; width: 100% !important; margin: 0px !important; }

  .col { margin-left: 0px !important; }
  .demo_spacer { margin-top: 50px !important; }
  .demo_inner_container_left  { display: block !important; margin: 10px 0px !important; }
  .demo_inner_container_right { display: block !important; margin: 10px 0px !important; }
  .demo_container{ margin: 40px 5px !important; }
  .demo_name_field { width: 280px !important; margin-right: 0px !important; margin-bottom: 10px; }
  .demo_phone_field{ width: 280px !important; }
  .demo_email_field{ width: 280px !important; }
  .demo_form_block { padding: 0px !important; }

  .container-media-row { padding: 0px 15px !important; }

  #MainContent div.content div.form-main form       { width: 250px !important;  }
  #MainContent div.content div.form-main form input { width: 250px !important;  }
  #MainContent div.content, .container { padding: 0px !important; }

  #MainContent div.content div.form-main form div.selector { width: 250px !important; }
  #MainContent div.content div.form-main form .form-right LABEL, #MainContent div.content div.form-main form .form-right input[type="text"], #MainContent div.content div.form-main form .form-right input[type="password"], #MainContent div.content div.form-main form .form-right input[type="email"]  {margin-left: 0px !important; }
  #MainContent div.content div.form-main form { width: 300px !important; }

  .row-saas > div     { display: block !important; width: 100% !important; }
  .col-1-saas         { text-align: center !important; }
  .col-3-saas         { text-align: center !important; }
  .col-2-saas>div     { display: block !important; width: 100% !important; }
  .col-2-saas>div>div { display: block !important; width: 100% !important; text-align: center !important; }
  .row-saas ul        { padding-inline-start: 0px !important; }

}

#lds-ring-holder { display: block; position: relative; width: 100%; margin-top: 30px; }
.lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #00D0B1;
   border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #00D0B1 transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }