/* Cubic Bezier Transition */
/***
Mail Page
***/
.mail {
  margin-bottom: 20px; }
  .mail .compose-btn {
    padding: 8px 14px; }
  .mail .mail-content {
    min-height: 400px; }
  .mail .mail-nav {
    padding: 0;
    list-style: none; }
    .mail .mail-nav > li {
      padding: 0;
      margin: 0; }
      .mail .mail-nav > li > a {
        text-decoration: none !important;
        display: block;
        padding: 8px 16px;
        border-left: 4px solid transparent; }
        .mail .mail-nav > li > a:hover {
          background: #f1f4f7; }
        .mail .mail-nav > li > a .m-badge {
          float: right;
          margin-top: 1px; }
      .mail .mail-nav > li.active > a {
        border-left: 4px solid #ed6b75; }
      .mail .mail-nav > li.divider {
        padding: 0;
        margin: 4px 16px;
        border-top: 1px solid #eef1f5; }
  .mail .mail-contacts {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none; }
    .mail .mail-contacts > li {
      padding: 0;
      margin: 0; }
      .mail .mail-contacts > li.divider {
        padding: 0;
        margin: 4px 16px;
        border-top: 1px solid #eef1f5; }
      .mail .mail-contacts > li > a {
        position: relative;
        display: block;
        padding: 8px 16px;
        color: #3f444a; }
        .mail .mail-contacts > li > a:hover {
          background: #f1f4f7;
          text-decoration: none; }
        .mail .mail-contacts > li > a .contact-name {
          display: inline-block;
          padding-left: 5px; }
        .mail .mail-contacts > li > a .contact-pic {
          width: 30px;
          height: 30px;
          border-radius: 50% !important; }
        .mail .mail-contacts > li > a .contact-status {
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 50% !important;
          left: 38px;
          top: 30px; }
  .mail .input-actions .btn {
    margin-right: 10px; }
  .mail .mail-view-info {
    color: #666;
    padding: 5px 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee; }
    .mail .mail-view-info .mail-author {
      border-radius: 50% !important;
      margin-right: 10px; }
    .mail .mail-view-info .mail-info-btn .btn-group {
      float: right;
      margin-top: 5px; }
  .mail .mail-sidebar {
    padding: 20px;
    border: 1px solid #e7ecf1;
    border-radius: 4px; }
  .mail .mail-body {
    padding: 20px;
    border: 1px solid #e7ecf1;
    border-radius: 4px; }
  .page-container-bg-solid .mail .mail-sidebar {
    background: #ffffff;
    border: 0; }
  .page-container-bg-solid .mail .mail-body {
    background: #ffffff;
    border: 0; }

.mail .mail {
  margin-bottom: 0px; }

.mail .tab-content {
  overflow: inherit; }

.mail .mail-loading {
  display: none;
  font-size: 22px;
  font-weight: 300; }

/*mail Content*/
.mail .mail-header {
  overflow: hidden; }

.mail .mail-header h1 {
  margin: 0;
  color: #666;
  margin-bottom: 20px; }

.mail .pagination-control {
  text-align: right; }

.mail .pagination-control .pagination-info {
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
  line-height: 14px; }

.mail tr {
  color: #777;
  font-size: 13px; }

.mail tr label {
  display: inline-block; }

.mail tr.unread td {
  font-weight: 600; }

.mail td i.icon-paper-clip {
  top: 2px;
  color: #d8e0e5;
  font-size: 17px;
  position: relative; }

.mail tr i.icon-star,
.mail tr i.icon-trash {
  cursor: pointer; }

.mail tr i.icon-star {
  color: #eceef0; }

.mail tr i.icon-star:hover {
  color: #fd7b12; }

.mail tr i.mail-started {
  color: #fd7b12; }

.mail .table th,
.mail .table td {
  border: none; }

.mail .table th {
  background: #eef4f7;
  border-bottom: solid 5px #fff; }

.mail th.text-right {
  text-align: right; }

.mail th label.mail-select-all {
  color: #828f97;
  font-size: 13px;
  padding: 1px 4px 0; }

.mail td.text-right {
  width: 100px;
  text-align: right; }

.mail td.mail-small-cells {
  width: 10px; }

.mail .table-hover tbody tr:hover > td,
.mail .table-hover tbody tr:hover > th,
.mail .table-striped tbody > tr:nth-child(odd) > td,
.mail .table-striped tbody > tr:nth-child(odd) > th {
  background: #f8fbfd;
  cursor: pointer; }

.mail .table-hover tbody tr:hover > td,
.mail .table-hover tbody tr:hover > th {
  background: #eef4f7; }

/*mail Drafts*/
.mail .mail-drafts {
  padding: 8px 0;
  text-align: center;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee; }

/*mail View*/
.mail-view-header {
  margin-bottom: 20px; }

.mail-view-header h1 {
  color: #666;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 0 !important; }

.mail-view-header h1 a {
  top: -2px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  padding: 2px 7px;
  line-height: 16px;
  position: relative;
  background: #b0bcc4;
  display: inline-block; }

.mail-view-header h1 a:hover {
  background: #aab5bc;
  text-decoration: none; }

.mail-view-header i.icon-print {
  color: #94a4ab;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  padding: 6px 8px !important;
  background: #edf1f4 !important; }

.mail-view-header i.icon-print:hover {
  background: #e7ebef !important; }

.mail-view-info strong {
  color: #666;
  margin: 0 10px 0 5px; }

.mail-view {
  color: #666;
  padding: 10px 0 0; }

.mail-view a {
  color: #169ce9; }

.mail-attached {
  line-height: 16px; }

.mail-attached a {
  margin: 0 2px; }

.mail-attached img {
  height: auto;
  max-width: 250px;
  margin-bottom: 5px; }

.mail-attached span {
  margin-right: 3px; }

.mail-attached strong {
  color: #555;
  display: block;
  font-size: 13px; }

.mail-attached .margin-bottom-25 {
  margin-bottom: 25px; }

.mail-attached .margin-bottom-15 {
  margin-bottom: 15px; }

/*mail Compose*/
.mail-compose {
  margin-top: 1px;
  border: solid 1px #eee; }

.mail-compose-btn {
  padding: 12px 12px;
  background: #f0f6fa; }

.mail-compose-attachment {
  padding: 8px 8px; }

.mail-compose-attachment .btn {
  padding: 4px 10px; }

.mail-compose .mail-form-group {
  margin-bottom: 0;
  position: relative;
  border-bottom: solid 1px #eee; }

.mail-compose .controls {
  margin-left: 85px; }

.mail-compose .mail-form-group > label {
  width: 80px;
  float: left;
  color: #979797;
  text-align: right; }

.mail-compose .controls > input {
  border: none !important; }

.mail-compose .controls-to {
  padding-right: 55px; }

.mail-compose .controls-cc {
  padding-right: 20px; }

.mail-compose .controls-bcc {
  padding-right: 20px; }

.mail-compose .mail-form-group a.close {
  top: 13px;
  right: 10px;
  position: absolute; }

.mail-compose .mail-to .mail-cc-bcc {
  display: inline-block;
  top: 7px;
  right: 10px;
  color: #979797;
  font-size: 14px;
  cursor: pointer;
  position: absolute; }

.mail-compose .mail-to .mail-bcc {
  margin-left: 5px; }

.mail-compose .mail-to mail-cc:hover,
.mail-compose .mail-to mail-bcc:hover {
  color: #777; }

.mail-compose .wysihtml5 {
  padding: 0px !important;
  margin: 0px !important;
  border: 0 !important; }

.mail-compose .wysihtml5-sandbox {
  padding: 0px !important;
  margin: 0px !important;
  display: block !important;
  border: 0 !important;
  margin-top: 5px;
  width: 100% !important;
  border-left: none;
  border-right: none;
  border-color: #eee; }

.mail-compose .wysihtml5-toolbar {
  border: 0;
  border-bottom: 1px solid #eee; }

.mail-compose .wysihtml5-toolbar > li {
  height: 34px;
  margin-right: 0;
  margin-bottom: 0; }

.mail-compose .wysihtml5-toolbar > li > a,
.mail-compose .wysihtml5-toolbar > li > div > a {
  background: #fff !important;
  border-color: #fff !important; }
  .mail-compose .wysihtml5-toolbar > li > a:hover,
  .mail-compose .wysihtml5-toolbar > li > div > a:hover {
    background: #f1f1f1 !important;
    border-color: #f1f1f1 !important;
    border-radius: 0; }

.mail-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background: #eee !important; }

@media (max-width: 480px) {
  .mail-compose .mail-form-group > label {
    margin-top: 7px; } }

.btn.red:not(.btn-outline) {
    color: #ffffff;
    background-color: #e7505a;
    border-color: #e7505a;
}

    .btn.red:not(.btn-outline):focus, .btn.red:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #e12330;
        border-color: #a1161f;
    }

    .btn.red:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #e12330;
        border-color: #dc1e2b;
    }

    .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
    .open > .btn.red:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #e12330;
        border-color: #dc1e2b;
    }

        .btn.red:not(.btn-outline):active:hover, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active.focus,
        .open > .btn.red:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #c51b26;
            border-color: #a1161f;
        }

    .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
    .open > .btn.red:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline)[disabled]:hover, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red:not(.btn-outline):hover,
    fieldset[disabled] .btn.red:not(.btn-outline):focus,
    fieldset[disabled] .btn.red:not(.btn-outline).focus {
        background-color: #e7505a;
        border-color: #e7505a;
    }

    .btn.red:not(.btn-outline) .m-badge {
        color: #e7505a;
        background-color: #ffffff;
    }

.btn.btn-outline.red {
    border-color: #e7505a;
    color: #e7505a;
    background: none;
}

    .btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
        border-color: #e7505a;
        color: #ffffff;
        background-color: #e7505a;
    }

.btn.red-stripe {
    border-left: 4px solid #e7505a !important;
}

.btn.red.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-pink:not(.btn-outline) {
    color: #ffffff;
    background-color: #E08283;
    border-color: #E08283;
}

    .btn.red-pink:not(.btn-outline):focus, .btn.red-pink:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #d6595a;
        border-color: #b52d2e;
    }

    .btn.red-pink:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #d6595a;
        border-color: #d45152;
    }

    .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,
    .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #d6595a;
        border-color: #d45152;
    }

        .btn.red-pink:not(.btn-outline):active:hover, .btn.red-pink:not(.btn-outline):active:focus, .btn.red-pink:not(.btn-outline):active.focus, .btn.red-pink:not(.btn-outline).active:hover, .btn.red-pink:not(.btn-outline).active:focus, .btn.red-pink:not(.btn-outline).active.focus,
        .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-pink:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #cf3d3e;
            border-color: #b52d2e;
        }

    .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active,
    .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-pink:not(.btn-outline).disabled:hover, .btn.red-pink:not(.btn-outline).disabled:focus, .btn.red-pink:not(.btn-outline).disabled.focus, .btn.red-pink:not(.btn-outline)[disabled]:hover, .btn.red-pink:not(.btn-outline)[disabled]:focus, .btn.red-pink:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-pink:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-pink:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-pink:not(.btn-outline).focus {
        background-color: #E08283;
        border-color: #E08283;
    }

    .btn.red-pink:not(.btn-outline) .m-badge {
        color: #E08283;
        background-color: #ffffff;
    }

.btn.btn-outline.red-pink {
    border-color: #E08283;
    color: #E08283;
    background: none;
}

    .btn.btn-outline.red-pink:hover, .btn.btn-outline.red-pink:active, .btn.btn-outline.red-pink:active:hover, .btn.btn-outline.red-pink:active:focus, .btn.btn-outline.red-pink:focus, .btn.btn-outline.red-pink.active {
        border-color: #E08283;
        color: #ffffff;
        background-color: #E08283;
    }

.btn.red-pink-stripe {
    border-left: 4px solid #E08283 !important;
}

.btn.red-pink.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-sunglo:not(.btn-outline) {
    color: #ffffff;
    background-color: #E26A6A;
    border-color: #E26A6A;
}

    .btn.red-sunglo:not(.btn-outline):focus, .btn.red-sunglo:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #da3f3f;
        border-color: #ab2121;
    }

    .btn.red-sunglo:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #da3f3f;
        border-color: #d83737;
    }

    .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,
    .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #da3f3f;
        border-color: #d83737;
    }

        .btn.red-sunglo:not(.btn-outline):active:hover, .btn.red-sunglo:not(.btn-outline):active:focus, .btn.red-sunglo:not(.btn-outline):active.focus, .btn.red-sunglo:not(.btn-outline).active:hover, .btn.red-sunglo:not(.btn-outline).active:focus, .btn.red-sunglo:not(.btn-outline).active.focus,
        .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #cd2828;
            border-color: #ab2121;
        }

    .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline).active,
    .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-sunglo:not(.btn-outline).disabled:hover, .btn.red-sunglo:not(.btn-outline).disabled:focus, .btn.red-sunglo:not(.btn-outline).disabled.focus, .btn.red-sunglo:not(.btn-outline)[disabled]:hover, .btn.red-sunglo:not(.btn-outline)[disabled]:focus, .btn.red-sunglo:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus {
        background-color: #E26A6A;
        border-color: #E26A6A;
    }

    .btn.red-sunglo:not(.btn-outline) .m-badge {
        color: #E26A6A;
        background-color: #ffffff;
    }

.btn.btn-outline.red-sunglo {
    border-color: #E26A6A;
    color: #E26A6A;
    background: none;
}

    .btn.btn-outline.red-sunglo:hover, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo.active {
        border-color: #E26A6A;
        color: #ffffff;
        background-color: #E26A6A;
    }

.btn.red-sunglo-stripe {
    border-left: 4px solid #E26A6A !important;
}

.btn.red-sunglo.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-intense:not(.btn-outline) {
    color: #ffffff;
    background-color: #e35b5a;
    border-color: #e35b5a;
}

    .btn.red-intense:not(.btn-outline):focus, .btn.red-intense:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #dc302e;
        border-color: #a21c1b;
    }

    .btn.red-intense:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #dc302e;
        border-color: #da2726;
    }

    .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,
    .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #dc302e;
        border-color: #da2726;
    }

        .btn.red-intense:not(.btn-outline):active:hover, .btn.red-intense:not(.btn-outline):active:focus, .btn.red-intense:not(.btn-outline):active.focus, .btn.red-intense:not(.btn-outline).active:hover, .btn.red-intense:not(.btn-outline).active:focus, .btn.red-intense:not(.btn-outline).active.focus,
        .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #c52321;
            border-color: #a21c1b;
        }

    .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline).active,
    .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-intense:not(.btn-outline).disabled:hover, .btn.red-intense:not(.btn-outline).disabled:focus, .btn.red-intense:not(.btn-outline).disabled.focus, .btn.red-intense:not(.btn-outline)[disabled]:hover, .btn.red-intense:not(.btn-outline)[disabled]:focus, .btn.red-intense:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-intense:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-intense:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-intense:not(.btn-outline).focus {
        background-color: #e35b5a;
        border-color: #e35b5a;
    }

    .btn.red-intense:not(.btn-outline) .m-badge {
        color: #e35b5a;
        background-color: #ffffff;
    }

.btn.btn-outline.red-intense {
    border-color: #e35b5a;
    color: #e35b5a;
    background: none;
}

    .btn.btn-outline.red-intense:hover, .btn.btn-outline.red-intense:active, .btn.btn-outline.red-intense:active:hover, .btn.btn-outline.red-intense:active:focus, .btn.btn-outline.red-intense:focus, .btn.btn-outline.red-intense.active {
        border-color: #e35b5a;
        color: #ffffff;
        background-color: #e35b5a;
    }

.btn.red-intense-stripe {
    border-left: 4px solid #e35b5a !important;
}

.btn.red-intense.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-thunderbird:not(.btn-outline) {
    color: #ffffff;
    background-color: #D91E18;
    border-color: #D91E18;
}

    .btn.red-thunderbird:not(.btn-outline):focus, .btn.red-thunderbird:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #ab1813;
        border-color: #660e0b;
    }

    .btn.red-thunderbird:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #ab1813;
        border-color: #a21612;
    }

    .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,
    .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #ab1813;
        border-color: #a21612;
    }

        .btn.red-thunderbird:not(.btn-outline):active:hover, .btn.red-thunderbird:not(.btn-outline):active:focus, .btn.red-thunderbird:not(.btn-outline):active.focus, .btn.red-thunderbird:not(.btn-outline).active:hover, .btn.red-thunderbird:not(.btn-outline).active:focus, .btn.red-thunderbird:not(.btn-outline).active.focus,
        .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #8b130f;
            border-color: #660e0b;
        }

    .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline).active,
    .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-thunderbird:not(.btn-outline).disabled:hover, .btn.red-thunderbird:not(.btn-outline).disabled:focus, .btn.red-thunderbird:not(.btn-outline).disabled.focus, .btn.red-thunderbird:not(.btn-outline)[disabled]:hover, .btn.red-thunderbird:not(.btn-outline)[disabled]:focus, .btn.red-thunderbird:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).focus {
        background-color: #D91E18;
        border-color: #D91E18;
    }

    .btn.red-thunderbird:not(.btn-outline) .m-badge {
        color: #D91E18;
        background-color: #ffffff;
    }

.btn.btn-outline.red-thunderbird {
    border-color: #D91E18;
    color: #D91E18;
    background: none;
}

    .btn.btn-outline.red-thunderbird:hover, .btn.btn-outline.red-thunderbird:active, .btn.btn-outline.red-thunderbird:active:hover, .btn.btn-outline.red-thunderbird:active:focus, .btn.btn-outline.red-thunderbird:focus, .btn.btn-outline.red-thunderbird.active {
        border-color: #D91E18;
        color: #ffffff;
        background-color: #D91E18;
    }

.btn.red-thunderbird-stripe {
    border-left: 4px solid #D91E18 !important;
}

.btn.red-thunderbird.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-flamingo:not(.btn-outline) {
    color: #ffffff;
    background-color: #EF4836;
    border-color: #EF4836;
}

    .btn.red-flamingo:not(.btn-outline):focus, .btn.red-flamingo:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #e02612;
        border-color: #991a0c;
    }

    .btn.red-flamingo:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #e02612;
        border-color: #d72411;
    }

    .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,
    .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #e02612;
        border-color: #d72411;
    }

        .btn.red-flamingo:not(.btn-outline):active:hover, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active.focus,
        .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #bf200f;
            border-color: #991a0c;
        }

    .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline).active,
    .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline)[disabled]:hover, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus {
        background-color: #EF4836;
        border-color: #EF4836;
    }

    .btn.red-flamingo:not(.btn-outline) .m-badge {
        color: #EF4836;
        background-color: #ffffff;
    }

.btn.btn-outline.red-flamingo {
    border-color: #EF4836;
    color: #EF4836;
    background: none;
}

    .btn.btn-outline.red-flamingo:hover, .btn.btn-outline.red-flamingo:active, .btn.btn-outline.red-flamingo:active:hover, .btn.btn-outline.red-flamingo:active:focus, .btn.btn-outline.red-flamingo:focus, .btn.btn-outline.red-flamingo.active {
        border-color: #EF4836;
        color: #ffffff;
        background-color: #EF4836;
    }

.btn.red-flamingo-stripe {
    border-left: 4px solid #EF4836 !important;
}

.btn.red-flamingo.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-soft:not(.btn-outline) {
    color: #ffffff;
    background-color: #d05454;
    border-color: #d05454;
}

    .btn.red-soft:not(.btn-outline):focus, .btn.red-soft:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #bd3434;
        border-color: #812323;
    }

    .btn.red-soft:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #bd3434;
        border-color: #b53232;
    }

    .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,
    .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #bd3434;
        border-color: #b53232;
    }

        .btn.red-soft:not(.btn-outline):active:hover, .btn.red-soft:not(.btn-outline):active:focus, .btn.red-soft:not(.btn-outline):active.focus, .btn.red-soft:not(.btn-outline).active:hover, .btn.red-soft:not(.btn-outline).active:focus, .btn.red-soft:not(.btn-outline).active.focus,
        .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-soft:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #a12c2c;
            border-color: #812323;
        }

    .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline).active,
    .open > .btn.red-soft:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-soft:not(.btn-outline).disabled:hover, .btn.red-soft:not(.btn-outline).disabled:focus, .btn.red-soft:not(.btn-outline).disabled.focus, .btn.red-soft:not(.btn-outline)[disabled]:hover, .btn.red-soft:not(.btn-outline)[disabled]:focus, .btn.red-soft:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-soft:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-soft:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-soft:not(.btn-outline).focus {
        background-color: #d05454;
        border-color: #d05454;
    }

    .btn.red-soft:not(.btn-outline) .m-badge {
        color: #d05454;
        background-color: #ffffff;
    }

.btn.btn-outline.red-soft {
    border-color: #d05454;
    color: #d05454;
    background: none;
}

    .btn.btn-outline.red-soft:hover, .btn.btn-outline.red-soft:active, .btn.btn-outline.red-soft:active:hover, .btn.btn-outline.red-soft:active:focus, .btn.btn-outline.red-soft:focus, .btn.btn-outline.red-soft.active {
        border-color: #d05454;
        color: #ffffff;
        background-color: #d05454;
    }

.btn.red-soft-stripe {
    border-left: 4px solid #d05454 !important;
}

.btn.red-soft.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-haze:not(.btn-outline) {
    color: #ffffff;
    background-color: #f36a5a;
    border-color: #f36a5a;
}

    .btn.red-haze:not(.btn-outline):focus, .btn.red-haze:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #f03f2a;
        border-color: #c0210e;
    }

    .btn.red-haze:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #f03f2a;
        border-color: #ef3621;
    }

    .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,
    .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #f03f2a;
        border-color: #ef3621;
    }

        .btn.red-haze:not(.btn-outline):active:hover, .btn.red-haze:not(.btn-outline):active:focus, .btn.red-haze:not(.btn-outline):active.focus, .btn.red-haze:not(.btn-outline).active:hover, .btn.red-haze:not(.btn-outline).active:focus, .btn.red-haze:not(.btn-outline).active.focus,
        .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-haze:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #e62711;
            border-color: #c0210e;
        }

    .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline).active,
    .open > .btn.red-haze:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-haze:not(.btn-outline).disabled:hover, .btn.red-haze:not(.btn-outline).disabled:focus, .btn.red-haze:not(.btn-outline).disabled.focus, .btn.red-haze:not(.btn-outline)[disabled]:hover, .btn.red-haze:not(.btn-outline)[disabled]:focus, .btn.red-haze:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-haze:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-haze:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-haze:not(.btn-outline).focus {
        background-color: #f36a5a;
        border-color: #f36a5a;
    }

    .btn.red-haze:not(.btn-outline) .m-badge {
        color: #f36a5a;
        background-color: #ffffff;
    }

.btn.btn-outline.red-haze {
    border-color: #f36a5a;
    color: #f36a5a;
    background: none;
}

    .btn.btn-outline.red-haze:hover, .btn.btn-outline.red-haze:active, .btn.btn-outline.red-haze:active:hover, .btn.btn-outline.red-haze:active:focus, .btn.btn-outline.red-haze:focus, .btn.btn-outline.red-haze.active {
        border-color: #f36a5a;
        color: #ffffff;
        background-color: #f36a5a;
    }

.btn.red-haze-stripe {
    border-left: 4px solid #f36a5a !important;
}

.btn.red-haze.btn-no-border:not(.active) {
    border-color: transparent;
}

.btn.red-mint:not(.btn-outline) {
    color: #ffffff;
    background-color: #e43a45;
    border-color: #e43a45;
}

    .btn.red-mint:not(.btn-outline):focus, .btn.red-mint:not(.btn-outline).focus {
        color: #ffffff;
        background-color: #cf1c28;
        border-color: #8b131b;
    }

    .btn.red-mint:not(.btn-outline):hover {
        color: #ffffff;
        background-color: #cf1c28;
        border-color: #c61b26;
    }

    .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,
    .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
        color: #ffffff;
        background-color: #cf1c28;
        border-color: #c61b26;
    }

        .btn.red-mint:not(.btn-outline):active:hover, .btn.red-mint:not(.btn-outline):active:focus, .btn.red-mint:not(.btn-outline):active.focus, .btn.red-mint:not(.btn-outline).active:hover, .btn.red-mint:not(.btn-outline).active:focus, .btn.red-mint:not(.btn-outline).active.focus,
        .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus {
            color: #ffffff;
            background-color: #af1822;
            border-color: #8b131b;
        }

    .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline).active,
    .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-mint:not(.btn-outline).disabled:hover, .btn.red-mint:not(.btn-outline).disabled:focus, .btn.red-mint:not(.btn-outline).disabled.focus, .btn.red-mint:not(.btn-outline)[disabled]:hover, .btn.red-mint:not(.btn-outline)[disabled]:focus, .btn.red-mint:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.red-mint:not(.btn-outline):hover,
    fieldset[disabled] .btn.red-mint:not(.btn-outline):focus,
    fieldset[disabled] .btn.red-mint:not(.btn-outline).focus {
        background-color: #e43a45;
        border-color: #e43a45;
    }

    .btn.red-mint:not(.btn-outline) .m-badge {
        color: #e43a45;
        background-color: #ffffff;
    }

.btn.btn-outline.red-mint {
    border-color: #e43a45;
    color: #e43a45;
    background: none;
}

    .btn.btn-outline.red-mint:hover, .btn.btn-outline.red-mint:active, .btn.btn-outline.red-mint:active:hover, .btn.btn-outline.red-mint:active:focus, .btn.btn-outline.red-mint:focus, .btn.btn-outline.red-mint.active {
        border-color: #e43a45;
        color: #ffffff;
        background-color: #e43a45;
    }

.btn.red-mint-stripe {
    border-left: 4px solid #e43a45 !important;
}

.btn.red-mint.btn-no-border:not(.active) {
    border-color: transparent;
}

#tableMails.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell i,
#tableMails.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell i,
#tableMails.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell i {
    font-size: 13px;
}

#tableMails.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell,
#tableMails.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
#tableMails.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell {
    padding: 11px 5px;
}