@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');

 /*USER INFO */

#top .user-info, #top .credit-info, #top .user-logout, #top .user-settings {
  background-color: transparent;
  float: left;
  padding: 2px 0;
}

#top .user-logout a, #top .user-settings a {
  text-decoration: none;
}

#top .container #user-info-container .user-settings a {
  color: rgba(255,255,255,.7);
  transition: .2s ease;
}
#top .container #user-info-container .user-settings a:hover {
  color: #fff;
}
#top .container #user-info-container .user-logout a {
  color: rgba(255,255,255,.7);
  transition: .2s ease;
}
#top .container #user-info-container .user-logout a:hover {
  color: #fff;
}
#top .container #user-info-container div {
  margin-left: 12px;
}

/**/
#top #user-info-container {
  font-weight: 600;
  font-size: 15px;
}
#top #user-info-container #user-info span {
  color: #fff;
  text-decoration: none!important;
  color: white;
  font-size: 15px;
  transition: .2s ease;
}
#top #user-info-container #user-info span:hover {
  color: #eb1d25;
}
#top .user-info.open, #top .credit-info.open {
  background-color: transparent;
  color: #eb1d25;
}
#top .user-info.open span, #top .credit-info.open span {
  color: #fff;
}

/*username drop*/

#top #user-info-overlay, #top #purchase-credits-overlay {
  border: 0;
  min-width: 100px;
  padding: 22px 20px 10px 20px;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
#top #user-info-overlay div:first-child {
  margin-right: 20px!important;
}
#top #user-info-overlay div {
  margin-right: 0!important;
  width: auto!important;
  min-width: 150px!important;
  font-size: 11px;
  margin-bottom: 15px;
}
#top #user-info-overlay div br {
  display: none;
}
#top #user-info-overlay h3 {
  display: block;
  padding: 6px 0 0 0;
  font-size: 12px;
  letter-spacing: .5px;
  color: #212121;
  text-transform: uppercase;
  font-weight: 600;
  border-top: 1px solid #D2D2D2;
  margin-bottom: 15px;
  border-bottom: 0;
}

#top #user-info-overlay .data-label.small {
  margin-left: 0px;
  float: left;
  display: inline-block;
}
#top #user-info-overlay .data.small {
  display: inline-block;
  margin-left: 3px;
  float: left;
}

/*CAMPAIGN OVERVIEW*/

#sparkline-container {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
}
#sparkline-container .box-info {
  width: 48%!important;
  padding: 15px 15px 20px 15px;;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #D2D2D2!important;
  margin-bottom: 15px;
}

#sparkline-container .box-info .data.big {
  display: block;
  width: 100%;
  font-size: 24px;
}
#sparkline-container .box-info .data-label.big {
  display: block;
  margin: 0;
  color: #555;
  line-height: 1.2em;
}
#sparkline-container .box-info .data-label.small {
  display: block;
  margin: 10px 0 0 0;
  color: #212121;
  font-size: 13px;
}
#sparkline-container .box-info .data {
  font-size: 13px;
  display: block;
}
#sparkline-container .box-info:nth-child(6) .data-label.small {
  width: 50%;
  float:left;
  line-height: 1em;
  text-align: right;
}
#sparkline-container .box-info:nth-child(6) #hard-bounce-ratio, #sparkline-container .box-info:nth-child(6) #soft-bounce-ratio {
  width: 50%;
  float:left;
  margin: 10px 0 0 0;
  line-height: 1em;
  text-align: left;
  padding-left: 3px;
  box-sizing: border-box;
}

.custom-column-container {
  display: flex;
}
.custom-column-container.cols-2.clearfix {
  padding: 0;
  margin: 40px 0;
}
.custom-column-container.cols-2.clearfix .col div {
  border: 0!important;
  background: transparent!important;
}
.custom-column-container.cols-2.clearfix .col:first-child  {
  border: 0;
  margin-right: 20px;
}
.custom-column-container.cols-2.clearfix .col:last-child {
  border-radius: 3px;
  border: 1px solid #D2D2D2;
  padding: 15px 20px;
  background-color: #f0f0f0!important;
}
.custom-column-container.cols-2.clearfix .clearfix {
  padding: 0!important;

}
#middle #page .white {
  border-bottom: 0!important;
}
#middle #page .white > .inner, #middle #page .blue > .inner {
}
.data {
  color: #212121;
  font-weight: 600;
  font-size: 15px;
}
.data.big {
  font-weight: 600;
  font-size: 24px;
  color: #212121;
}
.data-label {
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.data-label.big {
  font-size: 17px;
  color: #212121;
}
.data-label.small {
  font-size: 13px;
  color: #555;
}

/* BUILDER */

#middle.iguana {
  background-color: #e0e0e0;
  top: 0;
  width: 100%;
  padding-top: 0!important;
  background-image: url("/templates/weefive//images/bg-builder.png");
  background-repeat: repeat;
}
#middle.iguana .container{
  margin-top: 0!important;
  padding-top: 18px;
}
#middle.iguana .wrapper {
}
#middle.iguana .container .span-24, #middle.iguana .container div.span-24 {
}
#middle.iguana .container .span-24, #middle.iguana .container div.span-24 {
}

#middle.iguana .container {
}
iframe#email-template-source {
  position: relative;
}
iframe#email-source {
  height: 80vh;
}
#top.iguana {
  z-index: 9;
}
#top.iguana, #top.iguana .container, #top.iguana .container div {
  height: 55px !important;
  display: flex;
  align-items: center;
}
#top.iguana .container div.last {
  flex-direction: row-reverse;
}

#top.iguana ul.tabs li.label {
  color: #888;
  font-size: 17px;
  line-height: 30px;
  font-weight: 600;
}
#top.iguana ul.tabs {
  padding-top: 0;

}

#top.iguana ul.tabs li.selected a strong {
  color: white!important;
  font-size: 17px;
}
.element-panel a.last {
  background-color: #fff;
  border: 1px solid #ffa0a7;
  color: #eb1d25;
}
#top.iguana .iguana-actions a.text-action {
  color: #212121;
  text-decoration: none;
  font-size: 15px;
  transition: .2s ease;
  color: rgba(255,255,255,.7);
  margin-right: 10px;
}
#top.iguana .iguana-actions a.text-action:hover {
  color: rgba(255,255,255,1);
}
#top.iguana .iguana.element-selected {
  color: #eb1d25;
}
#top ul.tabs.inactive > li {
  opacity: 0;
  transition: .2s ease;
}

div.form-row-note.personalization {
    position: absolute;
        width: 550px;
}
#page-user-email-template-edit div.form-row {
  padding: 15px 0;
}
/*Building*/


.properties-panel {
  color: #555;
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px;
}

.element-selected {
  border: 2px solid #1ac5ac;
  box-sizing: border-box;
}
.panel-container.builder {
  background-color: #fff;
  border-top: 0;
  color: #fff;
  font-size: 13px;
  padding: 2px 0 5px;

  -webkit-box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.2);
}
.element-panel a {
  background-color: #555;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  padding: 2px 7px;
  text-decoration: none;
  letter-spacing: .5px;
  border-radius: 3px;
  margin-right: 2px;
  transition: .2s ease;
}
.element-panel a:hover {
  background-color: #51ddc8;
}

.element-panel a:last-child, .panel-container a.panel-button, a#iguana-builder-confirm-sync-button, a#iguana-builder-confirm-link-button {
  background-color: #cfe0eb;
  border: 0;
  border-radius: 3px;
  color: white !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  margin-left: 9px;
  padding: 2px 14px;
  text-decoration: none;
  letter-spacing: .5px;
  background: #1ac5ac;
  transition: .2s ease;

}
a#iguana-builder-confirm-sync-button, a#iguana-builder-confirm-link-button {
  border-radius: 3px;
  margin-left: 0;
  padding: 5px 14px;
}

a#iguana-builder-cancel-sync-link, a#iguana-builder-cancel-link-link {
  font-size: 13px;
  color: #c42121;
  margin-left: 6px;
  transition: .2s ease;
}
a#iguana-builder-cancel-sync-link:hover, a#iguana-builder-cancel-link-link:hover {
  color: #e53939;
}

.element-panel a:hover:last-child, .panel-container a.panel-button:hover, a#iguana-builder-confirm-sync-button:hover, a#iguana-builder-confirm-link-button:hover {
  background-color: #51ddc8;
}
.element-panel #message {
  color: #138BCC;
}
.panel-container h4 {
  font-size: 13px;
  margin: 0 0 2px 0;
}
a#properties-panel-sync-button, a#properties-panel-link-button, a#properties-panel-link-remove-button, a#properties-panel-sync-remove-button {
  background-color: transparent;
  border: 1px solid #1ac5ac;
  color: #1ac5ac !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  margin-left: 0;
  margin-top: 8px;
  padding: 3px 14px;
  letter-spacing: .5px;
  border-radius: 3px;
  transition: .2s ease;
}
a#properties-panel-sync-button:hover, a#properties-panel-link-button:hover, a#properties-panel-link-remove-button:hover, a#properties-panel-sync-remove-button:hover {
  background-color: #51ddc8;
  border-color: #51ddc8;
  color: white!important;
}

/*general iguana buttons*/

#top .iguana-actions .button {
  margin-top: 0;
} 

/*smaller iguana buttons*/

a#iguana-builder-test-drive-button {
  border-radius: 3px;
  color: #212121;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 3px 8px 4px;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  transition: .2s ease;

  background: rgb(255,255,255); /* Old browsers */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,244,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%);

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);

  opacity: .9;
}

a#iguana-builder-test-drive-button {
  padding: 2px 8px;
}

/*smaller iguana buttons HOVER*/

a#iguana-builder-test-drive-button:hover {
  color: #212121;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
  opacity: 1;

}

/*smaller iguana buttons PRINCIPAL*/

a#iguana-builder-save-button {

  border-radius: 3px;
  color: #212121;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 3px 8px 4px;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  transition: .2s ease;

  color: rgba(255,255,255,.9);

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f24141+0,e61e21+100 */
  background: rgb(242,65,65); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(242,65,65,1) 0%, rgba(230,30,33,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(242,65,65,1) 0%,rgba(230,30,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(242,65,65,1) 0%,rgba(230,30,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24141', endColorstr='#e61e21',GradientType=0 ); /* IE6-9 */

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}
a#iguana-builder-save-button strong {
  color: rgba(255,255,255,.9);

}
a#iguana-builder-save-button {
  padding: 2px 8px;
}

/*smaller iguana buttons PRINCIPAL HOVER*/

a#iguana-builder-save-button:hover {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f94f4f+0,ef2828+100 */
  background: rgb(249,79,79); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(249,79,79,1) 0%, rgba(239,40,40,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(249,79,79,1) 0%,rgba(239,40,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(249,79,79,1) 0%,rgba(239,40,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f94f4f', endColorstr='#ef2828',GradientType=0 ); /* IE6-9 */

}

a#iguana-builder-save-button:hover strong {
  color: white;
}

/*LOGIN*/

.login {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #212121;
}
#Form_Login {
  flex-direction: column;
  position: relative;
}
#Form_Login #form-row-input5 {
  position: absolute;
  bottom: 0;
  right: 0;
}
a#FormButton_Submit {
  position: absolute;
}
.login > .container > .span-3 {
  width: 134px;
  height: 41px;
  background: transparent url("/templates/weefive/images/mailpro-logo.png") no-repeat scroll 50% 50% / contain;
  margin: 0 0 40px 0;
}
.login .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px;

}
.login > .container > .span-11 {
  margin: 0px;
}
.login-box {
  border: 0;
}
.login-box div.form-row.small.forgot {
  padding: 0px;
}
.login-box div.form-row.small.forgot img {
  display: none;

}
.login-box .inner {
  padding: 20px 40px 30px;
  border: 0;
}
.login-box div.form-row {
  padding: 10px 0;
}
.login-box div.form-row label {
  font-size: 13px;
}

.login-box div.form-row.small.forgot a:hover {
  color: #eb1d25;
}
.login-box div.checkbox-row {
  margin-left: 0;

}
.login-box div.checkbox-row label {
  font-size:13px;
  color: #555;
  float: left;
  width: auto!important;
}
.login-box div.form-row.focus input.text {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 17px;

}
.login-box div.form-row.error input.text {
  background-color: white;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.login-box div.form-row.focus {
  background-color: transparent;
}
.login-box div.form-row.focus input {

}
.login-box div.form-row-note {
  margin-left: 0;
  float: left;
}
.login-box div.form-row-note.error p {
  margin-left: 0;
  float: left;
  font-size: 13px;
}
.login-box div.form-row input {
  border: 0;
  border-bottom: 1px solid #A8A8A8;
  width: 100%!important;
}
.login-box div.form-row #RememberMe {
  width: auto!important;
  margin: 8px 8px 0 0;
  float: left;

}
.login-box #form-row-RememberMe .checkbox-container {
  overflow: auto;
  margin: 5px 0 20px;
}
.login-box #form-row-RememberMe .checkbox-container .checkbox-row {
  overflow: auto;
  width: 100%;
  color: #555;
}
.login-box #form-row-RememberMe label {
  width: 0;

}

.login .span-11 {
  width: 400px;
}
.login-box h3.form-legend {
  color: #212121;
  margin: 10px 0px 18px;
  padding: 0;
  font-weight: 600;
  font-size: 17px;
} 

#Form_Reminder {
  position: relative;
}

#Form_Reminder p {
  font-size: 17px;
  padding-left: 0;
}
#Form_Reminder .forgot {
  position: absolute;
  right: 0;
  bottom: 0;
}
#Form_Reminder div.form-row-note {
  padding: 5px 0 20px;
}
#Form_Reminder div.form-row-note.error p {
  font-size: 13px;
}

RememberMe
/*MIDDLE*/

/*livetabs*/

#middle #page .page-bar .livetabs.right label {
  font-size: 13px;
}
#middle #page .page-bar .livetabs.right li {
  font-size: 17px;
  padding-top: 5px;
}

#middle #page .page-bar .livetabs.right {
  margin: 0 !important;
}
#middle #page .page-bar .livetabs.right label {
  font-size: 13px;
}
#middle #page .page-bar .livetabs li.dropdown-menu {
  background-position: 94% 32%;
}
#middle #page .page-bar .livetabs li.selected a {
  font-weight: 600;
  color: #eb1d25;
}
#middle #page .page-bar .livetabs li.dropdown-menu.selected ul {
  border: 0;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
  padding: 12px 20px;
  background: white;
}
#middle #page .page-bar .livetabs li.dropdown-menu ul li {
  padding: 0;
}
#middle #page .page-bar .livetabs li.dropdown-menu ul li a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  display: block;
  padding: 5px 0;
}
#middle #page .page-bar .livetabs li.dropdown-menu ul li:hover a {
  color: #eb1d25;
}
#middle #page .page-bar .livetabs li.dropdown-menu ul li:hover {
  background-color: transparent;
}
#middle #page .page-bar .livetabs li.dropdown-menu ul li.selected {
  color: #eb1d25;
  font-weight: 600;
}

#middle #page .page-bar .livetabs {
  margin: 0 !important;
  padding-top: 0;
}
#middle #page .page-bar .livetabs > li {
  background-color: #e0e0e0;
  font-weight: 600;
  padding-top: 5px;
  margin-right: 3px;
  border-radius: 3px 3px 0 0;
}

#middle #page .page-bar .livetabs > li.selected {
  border: 1px solid #D2D2D2;
  border-bottom: 0;
  color: #eb1d25;
  background: white;
}
#middle #page .page-bar .livetabs > li.selected:hover {
  background: white;
}
#middle #page .page-bar .livetabs > li.selected:hover a {
  color: #eb1d25;
}
#middle #page .page-bar ul.livetabs li a {
  padding: 0 10px;

} 
#middle #page .page-bar ul.livetabs li a {
  font-size: 17px;
  font-weight: 400;
  color: #555;
  line-height: 24px;
  transition: .2s ease;

} 
#middle #page .page-bar ul.livetabs li:hover {
  background: transparent;
  transition: .2s ease;
}

#middle #page .page-bar ul.livetabs li a {
  font-size: 15px;
  font-weight: 400;
  color: #7A7A7A;
  line-height: 24px;
  transition: .2s ease;

} 

#middle #page .page-bar ul.livetabs li:hover {
  background: #f0f0f0;

}
#middle #page .page-bar ul.livetabs li:hover a {
  color: #eb1d25;
}

#middle #page .page-bar .livetabs #tab-create {
  background-color: transparent;
}

/*days selaction*/

#middle #page .page-bar .livetabs.right li.label {
  background-color: transparent;
  color: #212121;
  font-weight: 400;
  margin-right: 5px;
  font-size: 13px;
}
#middle #page .page-bar .livetabs.right li.label:hover {
  color: #212121;
}
#middle #page .page-bar .livetabs.right > li {
  background-color: transparent;
  color: #555;
  font-weight: 400;
  float: left;
  font-size: 15px;
  margin-right: 0;
  padding: 0 6px;
}
#middle #page .page-bar .livetabs.right > li:hover {
  color: #eb1d25;
  transition: .2s ease;
  background: transparent;

}
#middle #page .page-bar .livetabs.right > li.selected {
  color: #eb1d25;
  border: 0;
  border-bottom: 2px solid #eb1d25;
  height: 26px;
  font-weight: 600;
}
#page-user-campaign-overview-1 {
  border: 0!important;
}

#activity-chart-container {
  margin: 30px 0;
}

#middle {
  border: 0;
}
#middle .container {
  margin-top: 42px !important;
}
#middle .span-23 { 
  width: 950px;
}
#middle #page.collapsible .page-bar, #middle #page .page-collapsed-bar {
  background: transparent;
  text-align: center;
}
#middle #page.collapsible .page-bar h2, #middle #page .page-collapsed-bar h2 {
  color: #212121;
  font-size: 17px;
  margin: 0px;
  padding: 0;
  width: 100%;
}
#middle #page .page-collapsed-bar h2 {
  padding-top: 6px;
}

#page-user-overview-1 {
  border-bottom: 0!important;
}
#middle #page.collapsible .page-bar h2:hover, #middle #page .page-collapsed-bar h2:hover {
  color: #eb1d25;
}

#middle #page .page-bar h2 {
  font-size: 17px;
  line-height: 28px;
  padding: 0;
}
#middle #page .page-bar .actions {
  padding-right: 0;
  padding-left: 10px;
}
#middle #page .page-bar .actions a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4em;
  transition: .2s ease;
}
#middle #page .page-bar .actions a:hover {
  color: #eb1d25;
}


.no-data-message {
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #555;
  padding: 0;
}
div.col div div.clearfix .data-label.small {
  font-size: 15px;
}
#page div.white {
  width: 100%!important;
}
  /*
  .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  margin-right: 0;
}
*/
.push-1 {
  margin: 0px 0px 1.5em 40px;
}
#middle #page {
  background-color: transparent;
  border: 0;
}
.span-1.last {
  float: right;
}
#middle .pagination.with-module {
  margin-top: 0px;
}
#middle .pagination li {
  margin: 0 3px;
}
#middle .pagination li a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
  border: 1px solid #D2D2D2;
  color: #555;

}
#middle .pagination li a:hover {
  background-color: transparent;
  border-color: #ffa0a7;
  color: #eb1d25;
}
#middle .pagination li.selected a {
  background-color: transparent;
  color: #eb1d25;
  border: 1px solid #eb1d25;
}
#middle .pagination li.selected a:hover {
  background-color: transparent;
}
#middle .pagination li.last a, #middle .pagination li.first a {
  background-position-x: 2px;
  border: 0;
  transition: .2s ease;
  color: #555;
  opacity: .5;
}
#middle .pagination li.last a:hover, #middle .pagination li.first a:hover {
  opacity: 1;
}

/* in editings */

div.button-steps {
  margin-top: 10px;
  text-align: right;
}

.page-bar.no-border h2 {
  font-size: 17px;
  text-align center;
}
#middle #page .blue {
  background-color: white;
}
#middle #page .blue div {
  padding: 0!important;
}
#middle #page .blue a.big.light.button {
  background: rgb(255,255,255); /* Old browsers */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,244,249,.7) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,244,249,.7) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,244,249,.7) 100%);
  color: #212121;
  border-color: #e0e0e0!important;
  border-radius: 3px;
  text-align: center;
  padding: 20px 10px 18px;
  margin-bottom: -1px!important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
#middle #page .blue a.big.light.button:hover {
  z-index: 9;
  border-color: #ffacb2;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff4f4+0,ffeaeb+100 */
  background: rgb(255,244,244); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,244,244,1) 0%, rgba(255,234,235,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,244,244,1) 0%,rgba(255,234,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,244,244,1) 0%,rgba(255,234,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4f4', endColorstr='#ffeaeb',GradientType=0 ); /* IE6-9 */
}

#middle #page .blue a.big.light.button strong {
  line-height: 24px;
  font-size: 17px;
}
#middle #page .blue a.big.light.button strong span.description {
  font-size: 15px;
  color: #555;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: white;
  color: #212121;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
}
strong {
  font-weight: 600;
}
ul {
  margin-left: 16px;
  margin-top: 12px;
}
pre, code, tt {
  font: 15px 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
  color: #212121;
}
.small {
  font-size: 13px;
}
p.small {
  font-size: 15px!important;
  line-height: 1.4em!important;
}
.login > .container > .span-3 > h1 {
  display: none;
}
body > #top > .container > .span-5 {
  width: 134px;
  height: 50px;
  margin-top: 27px;
  background: transparent url("/templates/weefive/images/mailpro-logo.png") no-repeat scroll left center / contain;
  margin-right: 35px;
}
#top > .container > .span-18 {
  width: 781px;
}
body > #top > .container > .span-5 > h1 {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #212121;
  font-weight: 600;
}
h1 {
  font-size: 28px;
  letter-spacing: -.5px;
}
h3, .help-column h3 {
  color: #212121;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.left-side-padding {
  padding-left: 0;
}

/*TOP*/

#top {
  height: 90px!important;
  background-color: #212121;
  border-bottom: 0;
}
#top ul.tabs {
  display: flex;
  padding-top: 40px;
} 
#top .container ul.tabs li a strong {
  font-size: 17px;
  font-weight: 600!important;
  color: rgba(255,255,255,.7);
  transition: .2s ease;
}
#top .container ul.tabs li a:hover strong {
  color: #fff;
}
#top ul.tabs li.selected {
  background: transparent;
  border-color: transparent;
}
#top .container ul.tabs li.selected a strong {
  color: #eb1d25;
}


#top ul.tabs li, #top ul.tabs li.selected {
  height: 32px; 
  margin-right: 18px;
}
#top ul.tabs li a, #top ul.tabs li.selected a {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
span.left, span.right {
  display: none!important;
}
#top ul.tabs li:hover a {
  background-color: transparent;
}

/* Drop */

#top .container ul.tabs li#header-drop a {
  background-color: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 3px;
  padding: 0 15px;
  transition: .2s ease;
}
#top .container ul.tabs li#header-drop strong {
  display: none;
}
#top .container ul.tabs li#header-drop a:hover, #top .container ul.tabs li#header-drop.open a {
  background-color: #fff;
  border-radius: 3px;
}
#top .container ul.tabs li#header-drop.open {
  background-color: #fff;
  border-radius: 3px;
  border: 0;
  top: 0;
}
#top .container ul.tabs li#header-drop a .down-arrow {
  right: 10px;
}
#top .container ul.tabs li#header-drop a .down-arrow span {
  border-top: 5px solid rgba(255,255,255,.8);
}
#top .container ul.tabs li#header-drop a:hover .down-arrow span, #top .container ul.tabs li#header-drop.open a .down-arrow span {
  border-color: #222222 transparent transparent;
}

/* Submenu */

#top .container ul.tabs li.drop .menu {
  border-radius: 3px;
  margin-top: 1px;
  margin-left: 1px;
  padding: 12px 0;
  border:
}
#top .container ul.tabs li.drop .menu ul {
  padding: 0;
  background-color: white;
}
#top ul.tabs li.drop .down-arrow {
  top: 12px;
}
#top .container ul.tabs li.drop .menu ul li a {
  font-size: 15px;
  color: #555;
  border: 0;
  padding: 0 16px;
}
#top .container ul.tabs li.drop .menu ul li {
  background: white;
}
#top .container ul.tabs li.drop .menu ul li:hover {
  background: none;
}
#top .container ul.tabs li.drop .menu ul li:hover a {
  background: transparent;
  color: #eb1d25;
}


/* Search */

#top .container ul.tabs li#search {
  margin-right: 0;
} 
#top .container ul.tabs li#search div#search-step-1 {
  background-color: transparent;
  border: 0;
  width: 252px;
  top: 0;
}
#top .container ul.tabs li#search div#search-step-1 p {
  font-weight: 400;
  font-size: 17px;
  color: #212121;
  width: 100%;
  padding-left: 20px;
}
#top .container ul.tabs li#search a#search-link {
  background-color: white;
  border-radius: 3px;
  width: 32px;
  height: 24px;
  text-align: center;
  padding: 8px 0 0;
  transition: .2s ease;
  z-index: 999;
  opacity: .7;
}
#top .container ul.tabs li#search a#search-link:hover {
  opacity: 1;
}
#top .container ul.tabs li#search div#search-step-1 p img#search-loading-indicator {
  display: none;
}
#top img {
  transition: .2s ease;
}
#top ul.tabs li#search div#search-step-1 p input#search-keyword-input {
  border-radius: 3px;
  position: absolute;
  margin: 0;
  left: 0;
  width: 100%;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #212121;
  padding-left: 0;

  transition: .2s ease;
  margin-left: 0;
  height: 32px;
  padding: 0 0 2px 10px;
  box-sizing: border-box;
  border: 1px solid #fff;
}

#top ul.tabs li#search div#search-step-1 p input#search-keyword-input:focus {
}

/*search drop*/

#top ul.tabs li#search div#search-step-2 {
  background: white;
  border: 0;
  border-radius: 3px;
  padding: 25px 0;
  width: 272px;
  top: 36px;
}

#top ul.tabs li#search div#search-step-2 ul:last-child {
  border: 0;
  padding: 0;
}
#top ul.tabs li#search div#search-step-2 {
  border: 0;
}
#top ul.tabs li#search div#search-step-2 ul li {
  display: block;
  float: none;
  height: auto;
  margin: 0;
}
#top ul.tabs li#search div#search-step-2 ul li:hover {
  background: transparent;
}
#top ul.tabs li#search div#search-step-2 ul li a {
  display: block;
  font-size: 15px!important;
  color: #555;
  border: 0;
  padding: 4px 20px;
  margin: 0;
  height: auto;
  line-height: 1.4em;
}
#top ul.tabs li#search div#search-step-2 ul li:hover a {
  color: #eb1d25;
}
#top ul.tabs li#search div#search-step-2 ul li.header {
  height: auto;
  padding: 0;
  margin: 0;
}
#top ul.tabs li#search div#search-step-2 ul li.header h3 {
  display: block;
  position: initial;
  padding: 6px 0 0 0;
  margin: 28px 20px 12px 20px;;
  font-size: 12px;
  letter-spacing: .5px;
  background: transparent;
  color: #212121;
  text-transform: uppercase;
  font-weight: 600;
  left: 0;
  border-top: 1px solid #D2D2D2;
}
#top ul.tabs li#search div#search-step-2 ul li.header hr {
  display: none;
}
#top ul.tabs li#search div#search-step-2 ul li.header:first-child h3 {
  margin-top: 0;
}
#top ul.tabs li#search div#search-step-2 ul li.subscriber-result {
  display: block;
  float: none;
  height: auto;
  line-height: inherit !important;
  padding: 0;
}
#top ul.tabs li#search div#search-step-2 ul li.subscriber-result a {
  color: #555;
  line-height: 1.2em !important;
}
#top ul.tabs li#search div#search-step-2 ul li.subscriber-result:hover a {
  color: #eb1d25;
}
#top ul.tabs li#search div#search-step-2 ul li.subscriber-result a span {
  font-size: 13px;
  color: #999;
}
#top ul.tabs li#search div#search-step-2 ul li.subscriber-result:hover a span {
  color: #eb1d25;
}

/* page shadow */

#middle #page-shadow, #middle #page {
  background-color: transparent;
  position: initial;
  bottom: 0;
  top: 0;
}

/* Sidebar */

div.snap-1, div.snap-2, div.snap-3, div.snap-4, div.snap-5, div.snap-6, div.snap-7, div.snap-8, div.snap-9, div.snap-10, div.snap-11, div.snap-12, div.snap-13, div.snap-14, div.snap-15, div.snap-16, div.snap-17, div.snap-18, div.snap-19, div.snap-20, div.snap-21, div.snap-22, div.snap-23, div.snap-24 {
  margin-right: 40px;
  padding-right: 30px;
  box-sizing: border-box;
}
#middle .left-sub-navigation {

}
#middle .left-sub-navigation li.header.with-module {
  margin-top: 0;
}

#middle .left-sub-navigation li a span.item-count {
  font-size: 15px;
  font-weight: 600;
}
#middle ul.left-sub-navigation li {
  margin-top: 4px;
  border: 0;
  transition: .2s ease;

}
#middle ul.left-sub-navigation li a {
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
}
#middle ul.left-sub-navigation li.selected.multiple a {
  border-radius: 30px;
  color: #555!important;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
  background: #eee !important;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
}
#middle ul.left-sub-navigation li.selected.multiple .remove-tag-button a {
  border: 0;
  font-weight: 600;
  margin: 0 0 0 3px;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 28px;
  display: block;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  background: rgba(235, 29, 37, 0.2)!important;
  color: #eb1d25!important;
}
#middle ul.left-sub-navigation li.selected.multiple .remove-tag-button a:hover {
  color: white!important;
  background: #eb1d25!important;
}

/**/
.rule-board {
  background-image: none;
  border: 1px solid #D2D2D2;
  color: #212121;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0px;
  padding: 20px;
  position: relative;
  width: 100%!important;
  box-sizing: border-box;
}
.rule-board:hover {
  border-color: #ffa0a7;
}

/*Tables*/ 

table {
  margin-top: 10px;
  border-bottom: 1px solid #D2D2D2;
}
.grid th {
  font-size: 12px;
  letter-spacing: .5px;
  color: #212121;
  font-weight: 600;
  background-color: #fff;
  border: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #555;
}
.grid th a {
  color: #212121!important;
  font-weight: 600!important;
  text-transform: uppercase;
  font-size: 12px!important;
}
.grid th a:hover {
  color: #E32426!important;
}

.small-grid td  {
  color: #555;
  font-size: 13px;
  padding: 8px 18px;
  font-size: 13px;
  border: 0!important;
}
.small-grid th  {
  font-size: 12px;
  letter-spacing: .5px;
  color: #212121;
  font-weight: 600;
  background-color: #fff;
  border: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #555;
}
.grid td  {
  color: #555;
  font-size: 15px;
  padding: 8px 18px;
}
.subscriber-row:hover td {
  background-color: #ffa0a7;
}

#subscribers-table .subscriber-row td {
  padding: 10px 18px;
  font-size: 15px;
}
.input.grid-check-element {
  margin: 10px;
}

table.small-grid tbody tr td:first-child a {
  text-decoration: none;
  font-weight: 600!important;
  color: #212121!important;
  line-height: 1.5;
  transition: .2s ease;
}
.grid .zebra {
  background-color: #f0f0f0;
}
.grid .no-padding-left a {
  font-weight: 600!important;
}
.grid .no-padding-left .data-label.small a {
  font-weight: 400!important;
  color: #555!important;
  transition: .2s ease;
}
.grid .no-padding-left .data-label.small a:hover {
  color: #eb1d25!important;
}
.small-grid .zebra {
  background-color: #f0f0f0;
}
.grid td.zebra .label {
  background-color: white;
}

/**/

.grid tr:nth-child(2) td {
  border-top: 0;
}
.grid td {
  padding-right: 10px;
  box-sizing: border-box;
}
.grid-operations {
  color: #212121;
}
.grid-operations a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  transition: .2s ease;
}
.grid-operations a:hover {
  color: #eb1d25;
}
.grid-operations .inner {
  padding: 0;
}
.grid-operations a.main-action {
  margin-right: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #c42121;
}
.grid-operations a.main-action:hover {
  color: #e53939;
}
.grid .small-text {
  font-size: 13px;
}
.grid-operations span.label {
  color: #212121;
  font-size: 15px;
  font-weight: 400;
}
.grid-operations a {
  color: #555;
}
.grid td.no-padding-left a {
  color: #212121!important;
}
.grid td.no-padding-left a:hover {
  color: #E32426!important;

}
.grid-row-action {
  font-size: 11px!important;
  font-weight: 400!important;
  color: #555;
}

/*minitags*/

.grid span.label, .small-grid span.label {
  background-color: #eee;
  border: 0;
  color: #555;
  font-size: 11px;
  line-height: 19px;
  margin: 4px 4px 4px 0;
  padding: 0 10px;
  height: 20px;
  border-radius: 20px;
}

/**/

#custom-fields-table-form tr:nth-child(2) td {
  border-top: 1px solid #d2d2d2;
}
#custom-fields-table-form td a {
  color: #212121!important;
  transition: .2s ease;
}
#custom-fields-table-form td a:hover {
  color: #eb1d25!important;
}

/**/

div#tab-content-recent-campaigns table.small-grid tbody tr:first-child td {
  font-size: 12px;
  letter-spacing: .5px;
  color: #212121;
  font-weight: 600;
  background-color: #fff;
  border: 0;
  text-transform: uppercase;
}

table.small-grid tbody tr td:first-child a:hover {
  color: #eb1d25!important;
}
div#tab-content-recent-campaigns table.small-grid tbody tr td span {
  font-size: 15px;
  font-weight: 400;
}

/**/
#campaigns-table, #users-table {
  margin-top: 15px;
}
#campaigns-table.grid tbody tr td a:first-child {
  color: #212121!important;
}
#campaigns-table.grid td.no-padding-left a:first-child {
  font-weight: 600!important;
}
#campaigns-table.grid td.no-padding-left a:hover:first-child {
  color: #E32426!important;
}
#subscribers-table .message-row td {
  text-align: center;
}

/**/
#tags-table tbody tr td a.update-link {
  color: #212121!important;
  transition: .2s ease;
}
#tags-table tbody tr td a.update-link:hover {
  color: #eb1d25!important;
}

/**/
#page-user-integration #users-table {
  padding: 0;
  margin: 0;
}

/**/
.csspie.thumb-blue {
  margin-top: 0!mportant;
  margin-right: 6px;
  position: relative;
  top: 5px;
}
input.grid-check-element {
  margin: 10px;
  width: 16px;
  height: 16px;
}
#middle #page .white a, #middle #page .blue a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
}
#middle #page .white a:hover, #middle #page .blue a:hover {
  color: #eb1d25;
}

a#compare-performances-action {
  color: #555!important;
}
a#compare-performances-action:hover {
  color: #eb1d25!important;
}

#middle #page .page-bar {
  background-color: transparent;
  border-bottom: 1px solid #d2d2d2;
  margin-top: 0;
  height: 35px;
  margin-bottom: 20px;
}

.email-template-gallery-container .email-template.small.folder .meta {
  margin-top: 6px;
  color: #555;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  overflow: visible;
  height: initial;
}
.email-template-gallery-container .email-template.small.folder:hover .meta {
  color: #eb1d25;
}
.rule-board .rule-board-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: -moz-space-between;
  justify-content: -ms-space-between;
  justify-content: -webkit-space-between;
  justify-content: space-between;
  position: initial;
}

/*ACTIONS*/

#section-bar .actions #list-subscribers-menu a.main-action  {
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-weight: 400;
  color: #555;
}
#section-bar .actions {
  display: flex;
  align-items: center;
}
.main-action-with-menu a.main-action {
  border: 0;
}
.main-action-with-menu:hover a.main-action {
  color: #E32426;
  border: 0;
}

#media-upload-form p {
  padding: 20px 0!important;
}
#media-upload-form p span {
  margin-left: 0!important;
}
#upload-form-container a#delete-folder-link {
  font-size: 15px!important;
  float: right;
  margin-right: 25px;
  color: #c42121!important;
  transition: .2s ease;
}
#upload-form-container a#delete-folder-link:hover {
  color: #e53939!important;
}
.module-container {
  border: 0;
  height: 60px;
}
.module-container p {
  padding: 0!important;
}
.email-template-gallery-container {
  padding: 20px 0 0 0;
}
.module-container p a.folder, .module-container p, .module-container p span {
  font-size: 15px!important;
}

/*TABS*/

/*DROPS*/

/*drop action*/

.main-action-with-menu a.main-action:hover {
  color: #eb1d25;
  font-weight: 400;
}
.main-action-with-menu a.main-action {
  color: #555;
  font-weight: 400;
}
.main-action-with-menu .down-arrow span {
  border-color: #fff transparent transparent;
  position: relative;
  right: -2px;
  top: -2px;
}
.main-action-with-menu:hover .down-arrow span {
  border-color: #fff transparent transparent;
}

/*dropped menu*/

.main-action-menu {
  border: 0;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  padding: 13px 0 14px;
  border: 0;
  border-radius: 3px;
  font-size: 15px;
}

.main-action-menu li {
  line-height: 30px;
  height: 30px;

}
.main-action-menu li a {
  padding: 0 20px;
  background: transparent;
}
.main-action-menu li a.selected {
  background: transparent;
  color: #eb1d25;
}
.main-action-menu li a:hover {
  color: #eb1d25!important;
}
.main-action-menu li a:hover {
  background-color: transparent;
}
#section-bar .actions .main-action-with-menu .main-action-menu {
  min-width: 200px;
}
#section-bar .actions .main-action-with-menu .main-action-menu li a {
  color: #555!important;
}
#section-bar .actions .main-action-with-menu .main-action-menu li:hover a {
  color: #eb1d25!important;
}
.main-action-menu .label {
  color: #212121;
  padding: 0 20px;
  font-weight: 400;
}

/*sharing*/

#share-campaign-menu.main-action-with-menu.open ul.main-action-menu li:nth-child(3), #share-campaign-menu.main-action-with-menu.open ul.main-action-menu li:nth-child(4), #share-campaign-menu.main-action-with-menu.open ul.main-action-menu li:nth-child(5), #share-campaign-menu.main-action-with-menu.open ul.main-action-menu li:nth-child(6)  {
  display: none;
}
#section-bar .actions .main-action-with-menu .main-action-menu li img {
  margin: 5px 9px 0px 0px;
  width: 20px;
  height: 20px;
}
#section-bar .actions .main-action-with-menu a.main-action {
  color: #555;
  font-weight: 400;
}
#section-bar .actions .main-action-with-menu a.main-action:hover {
  color: #eb1d25;
}

/**/

#tab-content-subscribers-clicked table.small-grid tbody a.subscriber-row-selected {
  color: #eb1d25!important;
  background-color: transparent !important;
  padding: 0;
}
.subscriber-detailed-activity-table {
  border: 0;
  border-radius: 3px;
  background: white;
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.subscriber-detailed-activity-table td {
  background-color: transparent !important;
  border-bottom: 0;
  color: #212121 !important;
}
.subscriber-detailed-activity-table td strong {

  color: #1ac5ac !important;
}


.page-message.error, .page-message.error p {
  background: #f8dde0;
  font-weight: 600;
  color: #c42121!important;
}
.page-message.error div.inner {
  color: #c42121;
}

#middle #page .page-bar .livetabs li#tab5-list-statistics a, #middle #page .page-bar .livetabs li#tab-recent-campaigns a {
  color: #212121;
}

/* help-column */

.help-column {
  margin-top: 8px;
}
.help-column div:first-child {
  margin-bottom: 32px!important;
}
.help-column p {
  color: #555555;
  font-size: 15px;
}

/* left-navigation */

#middle .left-sub-navigation li.header {
  font-size: 12px;
  letter-spacing: .5px;
  padding: 0;
  color: #212121;
  text-transform: uppercase;
  font-weight: 600;
  border-top: 1px solid #d2d2d2;
  height: 47px;
  line-height: 46px;
}

#middle .left-sub-navigation li a {
  color: #555;
  font-size: 17px;
  font-weight: 400;
  padding-left: 0;
  transition: .2s ease;
}
#middle .left-sub-navigation li:hover a {
  color: #eb1d25;
}
#middle .left-sub-navigation li.selected a {
  background-color: white!important;
  color: #eb1d25 !important;
  font-size: 17px;
  font-weight: 600;
}

#middle .left-sub-navigation li.with-module {
  margin-top: 0;
}

/* buttons */

/* NORMAIS */
#middle #section-bar .actions a.button, #middle #section-bar .actions a#button-campaigns-archives.button, a#preview-button, #tab-create a, a#service-url-form-button, .left-sub-navigation a.action, #page-user-clients a:last-child, a#create-apikey-link, a#create-tag-link, a#create-folder-link, a#button-overview-create-list, #middle #section-bar .actions a.button  {
  border-radius: 3px;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 6px 8px;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  color: #555;
  font-weight: 600;
  text-decoration: none;
  background: rgb(255,255,255); /* Old browsers */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,244,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%);

  transition: .2s ease;

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}

/*smaller*/

a#preview-button, #service-url-form-button strong, #page-user-clients a:last-child, a#create-apikey-link, a#create-folder-link {
  font-weight: 600!important;
  color: #555!important;
  padding: 8px 12px!important;
  font-size: 13px!important;
}

#tab-create a, a#create-tag-link {     
  font-weight: 600!important;
  text-decoration: none;
  font-size: 13px!important;
  padding: 8px 12px;
  color: #555!important;
}
#tab-create a {
  font-weight: 600!important;
  text-decoration: none;
  font-size: 13px!important;
  padding: 4px 18px;
  color: #555!important;
  position: realtive;
  top: -3px;
  float: right;
}
#tab-create {
  position: realtive;
  top: -3px;
}
a#create-tag-link:hover {     
  color: #212121!important;
}
.left-sub-navigation a.action {
  font-weight: 600!important;
  color: #555!important;
  padding: 3px 8px!important;
  font-size: 13px!important;
  margin-top: 20px;
  margin-right: 3px;
  margin-left: 3px;
  height: auto !important;
}
div.form-action-container a.button:hover strong  {
  color: #212121;
}
div.form-action-container a.button strong  {
  color: #555;
}

#form-row-EventType .clearfix {
  margin-left: 160px!important
}

/* NORMAIS HOVERS */

#middle #section-bar .actions a.button:hover, #middle #section-bar .actions a#button-campaigns-archives.button:hover, #tab-create a:hover, a#service-url-form-button:hover, .left-sub-navigation a.action:hover, #page-user-clients a:hover:last-child, #create-apikey-link:hover, a#create-tag-link:hover, a#create-folder-link:hover, a#button-overview-create-list:hover {
  color: #212121!important;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

/* PRINCIPAIS */

/*div.form-action-container a.button, */#section-bar .actions #list-subscribers-menu a.main-action, .login a#FormButton_Submit, a#ButtonUpdateUserAccount, a#button-overview-create-campaign, a#apply-filter-button, #middle #section-bar .actions a#button-lists-create-list, #middle #section-bar .actions a#button-campaigns-create-campaign.button, a#save-link {
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  text-align: center;
  border-radius: 3px;
  border: 0;
  padding: 6px 8px;
  letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 600;

  color: rgba(255,255,255,.9);

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f24141+0,e61e21+100 */
  background: rgb(242,65,65); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(242,65,65,1) 0%, rgba(230,30,33,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(242,65,65,1) 0%,rgba(230,30,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(242,65,65,1) 0%,rgba(230,30,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24141', endColorstr='#e61e21',GradientType=0 ); /* IE6-9 */

  transition: .2s ease;

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}
/*div.form-action-container a.button strong, */a#save-link strong, a#ButtonUpdateUserAccount strong, a#button-overview-create-campaign strong, a#apply-filter-button strong, #middle #section-bar .actions a#button-campaigns-create-campaign.button strong {
  font-size: 13px;
  color: rgba(255,255,255,.9);
}
#middle #section-bar .actions .button {
  margin-left: 10px;
  margin-right: 10px;
}
a#button-lists-create-list {
  min-width: 175px;
}
a#proceed-to-builder-link {
  margin-right: 0;
  float: right;
}
#list-subscribers-menu {
    margin-left: 10px;
}
#section-bar .actions .main-action-with-menu a.main-action {
    padding-right: 30px!important;
    padding-left: 24px!important;
}
#section-bar .actions .main-action-with-menu .down-arrow {
       right: 14px;
    top: 18px;
}

/* PRINCIPAIS HOVERS */

/*div.form-action-container a.button:hover, */#section-bar .actions #
a.main-action:hover, .login a#FormButton_Submit:hover, #middle #section-bar .actions a.button:hover, a#ButtonUpdateUserAccount:hover, a#button-overview-create-campaign:hover, a#apply-filter-button:hover, a#button-lists-create-list:hover, #middle #section-bar .actions a#button-campaigns-create-campaign.button:hover, div.form-action-container a#save-link:hover {

  color: white;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

/*div.form-action-container a.button:hover strong, */a#button-lists-create-list:hover strong, #section-bar .actions #list-subscribers-menu a.main-action a:hover, a#ButtonUpdateUserAccount:hover strong, a#button-overview-create-campaign:hover strong, a#apply-filter-button:hover strong, div.form-action-container a#save-link:hover strong {

  color: white;
}

#button-overview-create-campaign {
  margin-top: 10px !important;
}
a#preview-button {
  margin: 10px 0;
}

/**/

a#ButtonUpdateUserAccount {
  float: left;
}

div.form-action-container a.button {
  border-radius: 3px;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 6px 8px;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  color: #555;
  font-weight: 600;
  text-decoration: none;
  background: rgb(255,255,255); /* Old browsers */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,244,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%);

  transition: .2s ease;

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}

div.form-action-container a.button:hover {
  color: #212121!important;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

/* STEPS */

div.button-steps .button.control-next {
  font-size: 13px;
  border-radius: 3px;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 6px 8px;
  border: 0;
  color: rgba(255,255,255,.9);

  background: -moz-linear-gradient(90deg, rgba(230,30,33,1) 0%, rgba(242,38,42,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242,38,42,1)), color-stop(100%, rgba(230,30,33,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(230,30,33,1) 0%, rgba(242,38,42,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(230,30,33,1) 0%, rgba(242,38,42,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(230,30,33,1) 0%, rgba(242,38,42,1) 100%); /* ie10+ */
  background: linear-gradient(0deg, rgba(230,30,33,1) 0%, rgba(242,38,42,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2262a', endColorstr='#e61e21',GradientType=0 ); /* ie6-9 */

  transition: .2s ease;

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}
div.button-steps .button.control-next:hover {
  color: white;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}
/**//**/
div.button-steps .button.control-previous {
  border-radius: 3px;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 6px 8px;
  border: 0;
  text-transform: uppercase;
  color: #555;
  font-weight: 600;
  background: rgb(255,255,255); /* Old browsers */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,244,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,244,249,1) 100%);

  transition: .2s ease;

  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}
div.button-steps .button.control-previous:hover {

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

/**//**/

div.button-steps .step-button.current-step {
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 15px;
  letter-spacing: .5px;
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px solid #eb1d25;
  color: #eb1d25;
  font-weight: 600;
  margin-right: 9px;
  transition: .2s ease;
  text-transform: uppercase;
  font-size: 13px;
}

/**//**/
div.button-steps .step-button.disabled {
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 6px 15px;
  border: 0!important;
  text-transform: uppercase;
  font-weight: 600;
  background: transparent;
  color: #d0d0d0;   

}
div.button-steps .step-button.previous-step {
  border-radius: 3px;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 6px 15px;
  border: 0!important;
  text-transform: uppercase;
  font-weight: 600;
  background: transparent;
  color: #555;   
  transition: .2s ease;
}
div.button-steps .step-button.previous-step:hover {
  color: #eb1d25;   
}

/*FORMS*/

div.form-row {
  background-color: transparent;
  color: #555;
  clear: both;
  margin: 0 0;
  padding: 6px 0;
}
div.form-row.error {
  background-color: transparent;
}
div.form-row label {
  color: #212121;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  width: 160px;
}
div.form-row-note {
  margin-left: 160px;
}
div.form-row-note p {
  color: #555;
  font-size: 13px;
  font-weight: 400!important;
  line-height: 1.2em;
}
div#tab-content-1, div#tab-content-2 {
  margin: 20px 0px 0px;
}
div.form-row.no-bg p, div.form-row.no-bg ul {
  color: #555;
}
div.form-row.focus {
  background-color: transparent;
}
div.form-row.focus input.text, input.text:focus {
  border: 1px solid #eb1d25;
}
div.form-action-container .button {
  margin-right:12px;
  margin-left: 0;
}
h3.form-legend {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 17px;
  padding: 0;
  padding-top: 20px;
  color: #212121;
}

/* INPUTS */

input.text, textarea.textarea, .select {
  border: 1px solid #D2D2D2;
  color: #212121;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  background-image: none;
  margin: 0;
  padding: 2px 12px 3px;
  width: 300px;
  box-sizing: border-box;
}
input.text {
  padding: 2px 12px 3px;
  height: 35px;
}
input.text:focus, textarea.textarea:focus, textarea#Street:focus  {
  border-color: #eb1d25;
}

select.select {
  border: 1px solid #D2D2D2;
  color: #212121;
  font-family: 'Source Sans Pro',Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  background-image: none;
  height: 38px;
  margin: 0;
  padding: 4px 12px 4px;
  width: 300px;
  box-sizing: border-box;
  text-indent: 0;
}
select.select option {
  padding: 0;
}

div.form-row.focus textarea.textarea, textarea.textarea:focus {
  border-color: #eb1d25!important;
}
input.text {
  background-image: none;
}

::-ms-browse, ::-webkit-file-upload-button {
  background: white;
  color: #555;
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid #d2d2d2;
}
#page-user-email-template-edit input.text, #page-user-email-template-edit textarea.textarea, #page-user-email-template-edit .select {
  width: 550px!important;

}
div.checkbox-row {
  margin-left: 160px;
}

/* ERRORS */


h3.form-legend.error {
  color: #c42121;
  background: #f8dde0;
  font-weight: 600;
  padding: 10px 15px 12px;
  margin: 10px 0;
  text-align: center;
  border-radius: 3px;
  font-size: 15px;
  box-sizing: border-box;
}
h3.form-legend.success {
  text-align: center;
  background: #cefbce;
  color: #0f8d39;
  padding: 10px 15px 12px;
  margin: 10px 0;
  border-radius: 3px;
  font-size: 15px;
  box-sizing: border-box;
}
.page-message {
  font-size: 15px!important;
  max-width: 682px;
}
.page-message.success, .page-message.success p {
  text-align: center;
  background: #cefbce;
  color: #0f8d39;
  padding: 10px 15px 12px;
  border-radius: 3px;
  font-weight: 600;
}

.page-message.success .inner {
  box-sizing: border-box;
  padding:0;
}

div.form-row.error input.text {
  border: 1px solid #ffefef;
  border-bottom: 1px solid #c42121;
  background: #ffefef;
}
div.form-row.error.focus {
  background: transparent;
}
div.form-row.error div.form-row-note.error p {
  color: #c42121!important;
  font-size: 13px;
} 
#middle #page .form-row-note a {
  font-size: 13px;
}
/**/

.span-1{
  width: initial;

}
.pagination.with-module li {
  float:left;
  margin:0 3px;
}

.pagination.with-module li.last,.pagination.with-module li.first {
  transform: rotate(-90deg);
}

/* BOTTOM */

#bottom .col:last-child {
  border: 0!important;
  background: transparent!important;
}

/* XENAS XEPARADAS */

#upload-form-container a#create-folder-link {
  float: right;
  font-size: 17px;
}

div.span-18 {
  box-sizing: border-box;
}




/* ---------------- */






#middle #page.collapsible .page-bar h2, #middle #page .page-collapsed-bar h2 {
    z-index: 99999;
    background: rgb(255,255,255);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,244,249,.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,244,249,.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,244,249,.7) 100%);
    color: #212121;
    border-color: #e0e0e0!important;
    border-radius: 3px;
    text-align: center;
    padding: 14px;
    display: block;
    border: 1px solid #e0e0e0!important;
    margin-bottom: 20px!important;
    box-sizing: border-box;
}
#middle #page.collapsible .page-bar h2:hover, #middle #page .page-collapsed-bar h2:hover {
    border-color: #ffacb2;
    background: rgb(255,244,244);
    background: -moz-linear-gradient(top, rgba(255,244,244,1) 0%, rgba(255,234,235,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,244,244,1) 0%,rgba(255,234,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,244,244,1) 0%,rgba(255,234,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4f4', endColorstr='#ffeaeb',GradientType=0 );
    color: #212121;
}

#middle #page.collapsed .page-collapsed-bar {
        height: 70px;
}
.subscriber-row:hover td {
    background-color: #f0f0f0;
}
.rule-board-actions {
    font-size: 12px;
    font-weight: bold;
    margin: 3px auto 0 auto;
    text-align: center;
    z-index: 99999;
    border-top: 1px dotted #a8a6a5;
    padding-top: 18px;
    margin-top: 35px;
}
#TriggerTime {
    width: 80px;
    margin-right: 10px;
}
.page-message.success, .page-message.success p {
    
}
select, select.select {
    min-width: 100px;
    width: auto;
}