:root {
  --c-gray-darker:    #31343b;
  --c-cyan:           #0badd3;
  --c-primary:        #557cf2;
  --c-blue:           #4e99db;
  --c-blue-gray:      #607D8B;
  --c-teal:           #00758f;
  --c-green:          #559355;
  --c-green-light:    #98bf49;
  --c-yellow:         #f2c94e;
  --c-yellow-dark:    #bf9d36;
  --c-orange:         #f79a2b;
  --c-orange-deep:    #f46f3b;
  --c-red:            #f2594e;
  --c-brown:          #9b7a5a;
  --c-magenta:        #e555a1;
  --c-magenta-dark:   #a82670;
  --c-accent:         #f26b7a;
  --c-purple:         #7562d9;
  --c-purple-dark:    #5747A6; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-weight: 600 !important; }

.form-control {
  border-radius: .5rem; }
  .form-control.rounded {
    border-radius: 2rem; }
  .form-control.is-over {
    background-color: #fff1f0;
    border-color: #f2594e; }

.modal-backdrop {
  background-color: #d9e2ff; }

.modal-content {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }

#digital-contribution {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #E8FCE8;
  z-index: 850;
  height: 40px;
  display: flex;
  align-items: center;
  text-align: center; }
  #digital-contribution p {
    color: #438C43;
    font-size: .85rem;
    margin: 0 auto; }
  #digital-contribution a {
    margin-top: -4px; }
  @media (max-width: 575px) {
    #digital-contribution p {
      padding-left: 0.2rem;
      padding-right: 0.2rem; } }

.umbler-logo svg {
  vertical-align: middle;
  width: 32px;
  height: 32px; }

.nav {
  background: #557cf2;
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 20px; }
  .nav .nav__list {
    display: flex;
    align-items: center;
    justify-content: center; }
    .nav .nav__list .nav__link {
      display: block;
      color: #a2b8fa;
      margin: 0 5px;
      padding: 5px;
      position: relative; }
      .nav .nav__list .nav__link:before {
        content: '';
        border-radius: 50%;
        height: 100%;
        left: 0;
        width: 100%;
        position: absolute;
        top: 0;
        transition: background .3s; }
      .nav .nav__list .nav__link.is-active:before, .nav .nav__list .nav__link:hover:before {
        background: rgba(0, 0, 0, 0.1); }
    .nav .nav__list .nav__icon:before {
      background: url("/images/icons/icons-header.png") no-repeat;
      content: '';
      display: block;
      width: 32px;
      height: 32px;
      left: 0;
      position: relative; }
    .nav .nav__list .nav__icon--inbox:before {
      background-position: 0 0;
      border-radius: 50%; }
    .nav .nav__list .nav__icon--calendar:before {
      background-position: -32px 0;
      border-radius: 50%; }
    .nav .nav__list .nav__icon--contacts:before {
      background-position: -64px 0;
      border-radius: 50%; }
    .nav .nav__list .nav__icon--marketing:before {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.62 24.7'%3E%3Cpath d='M28.06.58c-.38-.16-.79-.26-1.2-.3-.41-.03-.83 0-1.23.09L8.6 4.49c-1 .24-1.84.86-2.37 1.73-.53.88-.7 1.91-.45 2.9.14.57.41 1.12.79 1.57.35.42.73.72 1.16.95l6.05 3.22 2.16 6.5c.15.47.39.89.71 1.26.69.81 1.62 1.29 2.63 1.38h.02c1.02.08 2.02-.24 2.8-.9.45-.38.8-.86 1.04-1.4l6.94-16.08c.82-1.94-.08-4.2-2.02-5.04zm-.02 4.18l-6.93 16.09c-.29.66-.96 1.03-1.63.98-.17-.01-.34-.06-.51-.13-.23-.1-.44-.25-.6-.44-.17-.2-.27-.38-.33-.58l-2.06-6.21 4.9-4.15c.21-.19.34-.45.37-.73.05-.61-.4-1.14-1-1.19-.28-.02-.56.06-.78.24l-.07.04-4.85 4.09-5.78-3.08c-.18-.1-.34-.23-.47-.38-.31-.38-.45-.8-.41-1.23.04-.43.24-.83.58-1.1.03-.04.06-.07.1-.09.22-.16.55-.26.55-.26l17.03-4.11c.42-.1.86-.03 1.23.19.37.23.63.58.74 1.01.09.34.06.71-.08 1.04z' fill='%23ccd9ff'/%3E%3Cpath d='M10.46 24.32c-.28-.02-.54-.15-.73-.38-.38-.46-.33-1.14.13-1.52l1.76-1.49c.46-.38 1.14-.33 1.52.13.38.46.33 1.14-.13 1.52l-1.76 1.49c-.23.19-.51.27-.79.25zM4.35 23.88c-.28-.02-.54-.15-.73-.38-.38-.46-.33-1.14.13-1.52l6.37-5.38c.46-.38 1.14-.33 1.52.13.38.46.33 1.14-.13 1.52l-6.37 5.38c-.23.2-.51.28-.79.25zM4.23 18.4c-.28-.02-.54-.15-.73-.38-.38-.46-.33-1.14.13-1.52l2.49-2.1c.46-.38 1.14-.33 1.52.13.38.46.33 1.14-.13 1.52l-2.49 2.1c-.23.19-.51.27-.79.25z' fill='%23a2b8fa'/%3E%3C/svg%3E") center center no-repeat; }
    .nav .nav__list .nav__icon--settings:before {
      background-position: -96px 0;
      border-radius: 50%; }

.avatar-wrapper {
  margin-left: auto;
  height: 100px;
  top: 10px;
  right: 15px;
  width: 85px;
  position: absolute; }
  .avatar-wrapper .avatar {
    background: #7562d9;
    cursor: pointer;
    float: right;
    font-weight: normal;
    transition: box-shadow .3s; }
  .avatar-wrapper .avatar__dropdown {
    background: #000;
    border-radius: 10px;
    display: none;
    font-size: 14px;
    margin-top: 42px;
    right: 0;
    padding: 15px;
    position: absolute; }
    .avatar-wrapper .avatar__dropdown a {
      color: #ddd; }
  .avatar-wrapper:hover .avatar {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1); }
  .avatar-wrapper:hover .avatar__dropdown {
    display: block; }

.list-table__item {
  border-bottom: 1px solid #f1f1f1;
  color: #6f7380;
  display: flex;
  align-items: center;
  padding: 1.5rem; }
  .list-table__item:hover {
    color: #6f7380;
    /*.list-table__title {
				color: $brand-primary;
			}*/ }
  .list-table__item--error .list-table__icon {
    background: #fff1f0 url("/images/icons/error-icon.svg") center center no-repeat;
    background-size: 32px; }
  .list-table__item--sending .list-table__icon {
    background: #E8FCE8 url("//design.umbler.com/assets/img/loader/umbler-loader.gif") center center no-repeat;
    background-size: 32px; }

.list-table__title {
  margin-bottom: 0;
  transition: color .3s;
  word-break: break-all;
  padding-right: 2rem; }

.list-table__info {
  color: #b1b6c7;
  margin-top: -4px; }

.list-table__icon {
  background: #f0f4ff url("/images/icons/campaign-icon.svg") center center no-repeat;
  background-size: 32px;
  margin-right: 20px;
  flex: 0 0 60px;
  height: 60px;
  width: 60px;
  border-radius: 50%; }

.card-choose {
  border: 4px solid #dfe4f2; }
  .card-choose.is-selected {
    border-color: #557cf2; }

.form-counter {
  color: #b1b6c7; }
  .form-counter.is-over {
    color: #f2594e; }

.editor-footer {
  background: #f0f4ff;
  border-radius: 0 0 .5rem .5rem;
  height: 45px;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-top: 0;
  padding: 0 15px; }
  .editor-footer .tag {
    background: #fff;
    color: #557cf2;
    cursor: pointer;
    border: 1px solid #d9e2ff;
    font-size: 85%;
    margin: 0 1px;
    transition: border .3s;
    vertical-align: text-bottom;
    padding: 6px; }
    .editor-footer .tag:hover {
      border-color: #557cf2; }

.mkt-coming-soon {
  text-align: center; }
  .mkt-coming-soon .bg-icon {
    background: #fff;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin-bottom: 30px;
    top: -55px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -10px 10px 0px rgba(59, 89, 178, 0.04); }
  .mkt-coming-soon .alert {
    background-color: #F0F4FF;
    color: #3b59b2;
    border-radius: 10px;
    padding: 30px; }
  .mkt-coming-soon .alert.info {
    background-color: #F0F4FF;
    color: #3b59b2;
    text-align: left; }
  .mkt-coming-soon .alert.success {
    background-color: #e9fae9;
    color: #438c43; }
  .mkt-coming-soon .alert p {
    font-size: 16px; }

.feedback-message .alert.success {
  background-color: #e9fae9;
  color: #438c43; }

.feedback-message .alert.danger {
  background-color: #f84b4b;
  color: #ffffff; }

.feedback-message .alert.warning {
  background-color: #fcf7e6;
  color: #bf9d36; }

.btn-back {
  background: #f4f4f4;
  color: #b1b6c7;
  display: block;
  border-radius: 1rem 1rem 0 0;
  width: 100%;
  padding: 5px 15px;
  transition: all .2s ease-out; }
  .btn-back:hover {
    color: #6f7380; }

.overview-info__item {
  border-radius: .5rem; }
  .overview-info__item--success {
    background-color: #E8FCE8;
    color: #5CB85C; }
  .overview-info__item--primary {
    background-color: #E5F6FF;
    color: #557cf2; }
  .overview-info__item--warning {
    background-color: #FFFDEB;
    color: #f2c94e; }
  .overview-info__item--muted {
    background-color: #F7F9FF;
    color: #6f7380; }
  .overview-info__item .text-percent {
    font-size: 14px; }

.unsub-info {
  margin-bottom: 1rem; }
  .unsub-info .unsub-info__desc {
    flex: 1; }
  .unsub-info__percent {
    background-color: #f0f4ff;
    background-color: #f0f4ff;
    padding: 3px 11px;
    border-radius: .5rem;
    margin-right: 15px;
    width: 75px;
    text-align: right; }
  .unsub-info .progress {
    margin-top: 3px; }

.contact-list,
.contact-list_add_individually {
  max-height: 250px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .contact-list::-webkit-scrollbar,
  .contact-list_add_individually::-webkit-scrollbar {
    display: none; }

.contact-list_add_individually {
  max-height: 150px; }

.list_add_individually {
  width: 100%; }

.instructions-contact {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: .5em 0 1.4em;
  font-family: Lato, helvetica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 17px;
  color: #6f7380;
  line-height: 160%;
  color: #617bca;
  background: #f7faff;
  padding: 20px;
  border-radius: 4px; }

.button_contact_box-margin {
  margin-top: 2.3em; }