body {

  padding: 3.9em 0 0 0;
}

header {

}

header.is-premium-true nav.navbar {
    border-bottom:0.15em solid #ffa500e8;
}

footer {
    background-color: #f4f4f4;
    margin:2em 0 0 0;
    padding: 2em 0 1em 0;
    min-height: 2em;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
    z-index: 10;
    padding: 10px 5px;
    text-align: center;
    font-size: 0.8em;
    font-family: inherit;
}

footer > .container {
  padding-right: 2em;
  padding-left: 2em;
}
.modal-content.loading {
    min-height: 5em;
    /*background-color: pink;*/
    padding:1em;
}

.btn-twitter {
    color: #1DA1F2;
    /* padding: 0.2em 0.4em; */
    margin:0 1.5em;
}

code {
  font-size: 80%;
}

.navbar-brand img {
    max-height: 40px;
}
/*
.modal-lg {
  width: 50%;
  margin: auto;
} */

.jumbotron {
    padding: 2em 0;
    background-image:    url(/assets/images/blue-red-and-black-abstract-painting-2130475_cc_free.jpg);
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
}

.fa-spin-hover:hover {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

main, .main {
    padding-top: 2em;
    margin-top:-0.3em;
    padding-bottom: 10em !important;
    min-height: 40em;
    /* background: #eee; */
    border-radius: 0.5em;
}
.main.doc {
    text-align: justify;;
}

.alert-error {

}

.alert.alert-sm {
    padding: 0.35em 0.7em;
}

.show-on-loading { display: none; }
.loading {
    opacity: 0.3;
}
.loading .show-on-loading { display: inline-table; }
.loading .hide-on-loading, .loading.hide-on-loading  { display: none; }

.loading .btnLoadNextPage {
    border-style: dashed;
}

.btnLoadingOnClick.loading {
    animation: pulse-black 2s;
    animation-iteration-count: 5;
}
.btnLoadingOnClick.loading::after {
    content: "..";
    /* background-color: pink;
    color: #fff;
    font-size:0.75em;
    position:absolute;
    margin-right: -2em; */
}


/* .copied::after {
    content: "Copied!";
    position: absolute;
    background: #8500ff78;
    color: white;
    padding: 0.1em 0.2em 0.1em 0.6em;
    font-size: 0.8em;
    margin: -0.6em 0 0 -4.4em;
    border-radius: 0.3em;
}

.copied-mini::after {
    content: "Copied!";
    position: absolute;
    background: #8500ff50;
    color: white;
    font-size: 0.6em;
    padding: 0.05em 0.1em 0.05em 0.3em;
    margin: -0.8em 0 0 0.5em;
    border-radius: 0.2em;
} */

.opacity-1 { opacity: 0.1;}
.opacity-2 { opacity: 0.2;}
.opacity-3 { opacity: 0.3;}
.opacity-4 { opacity: 0.4;}
.opacity-5 { opacity: 0.5;}
.opacity-6 { opacity: 0.6;}
.opacity-7 { opacity: 0.7;}
.opacity-8 { opacity: 0.8;}
.opacity-9 { opacity: 0.9;}

.domain-name {
    word-break: break-word;
}
/*
DMARCUnknown -- 0
DMARCEmpty -- 1
DMARCInvalid -- 7
DMARCInvalidToken -- 8
DMARCBasic -- 14
DMARCOk -- 20
DMARCGood -- 26
DMARCVeryGood -- 28
DMARCPerfect -- 32
*/
/* Default status is green */
.dmarc-status-icon {
    letter-spacing: -0.2em;
    position:absolute;
    margin: 0.1em 0 0 -0.3em;
    --fa-secondary-color: #ff000088;
    --fa-primary-color: white;
    font-size:1.2em;
    position:absolute;
    margin: -0.15em 0 0 -0.2em;
}
.dmarc-status-14 .dmarc-status-icon,
.dmarc-status-20 .dmarc-status-icon,
.dmarc-status-26 .dmarc-status-icon,
.dmarc-status-28 .dmarc-status-icon {
    color: #b6e2b8;
}
.dmarc-status-32 .dmarc-status-icon {
    font-size: 1.1em;
    color: #22c35487;
}
.dmarc-status-icon .second-icon {
    font-size: 0.75em;
}

.text-shared {
    color: #b074e1;
}
.alert-shared {
    color: #8d4bc4;
    border: 0.1em solid #b074e155;
}
.btn-share {
    border: 0.1em solid #b074e133;
    background-color: #b074e111;
}
.btn-share:hover {
    border-color: #b074e144;
    background-color: #b074e122;
}

.btnStopShare:not(.disabled):hover {
    border-color: #ff000088 !important;
}
.btnStopShare:not(.disabled):hover > i {
    display: none;;
}
.btnStopShare:not(.disabled):hover::before {
    content: "\f057";
    font-family: "Font Awesome 5 Pro";
    font-size: 1em;
    color: #ff000088;
}
.btnStopShare.disabled {
    /* opacity: 0.5; */
    text-decoration: line-through;
    color: gray;
}
/* Broken */
/* .dmarc-status-1 .dmarc-status-icon,
.dmarc-status-2 .dmarc-status-icon,
.dmarc-status-3 .dmarc-status-icon,
.dmarc-status-4 .dmarc-status-icon,
.dmarc-status-5 .dmarc-status-icon,
.dmarc-status-6 .dmarc-status-icon,
.dmarc-status-7 .dmarc-status-icon,
.dmarc-status-8 .dmarc-status-icon,
.dmarc-status-9 .dmarc-status-icon,
.dmarc-status-10 .dmarc-status-icon,
.dmarc-status-11 .dmarc-status-icon,
.dmarc-status-12 .dmarc-status-icon,
.dmarc-status-13 .dmarc-status-icon {
    --fa-secondary-color: red;
    --fa-primary-color: white;
} */

code.param {
    background-color: #eeeeee55;
    color: #5a8cb1;
    font-size: 1em;
    font-weight: bold;
    padding: 0.1em 0.3em 0.05em 0.3em;
    border-radius: 0.2em;
}

.domain-is-parked-true {
    color:#17a2b8;
}

.tr-domain.is-parked-true {

}
.tr-domain.is-parked-true .td-domain-name {
    color:#17a2b8;
    background-color: #17a2b811;
    /* font-size: 0.9em;
    padding: 0.2em; 0.5em; */
    font-weight: normal !important;
}

.tr-domain.is-paid-false a > span {
    color:#999;
}

.domain-name-subdomain {
    opacity: 0.4;
    padding: 0 0.1em 0 0.05em;
    border-radius: 1em;
    border: 0.05em solid transparent;
    letter-spacing: -0.1em;
    margin-right:-0.2em;
}

.domain-name-subdomain:hover {
    /* background-color: #efefef; */
    border-color: #efefef;
    border-style: dashed;;
    opacity: 1;
}

.tr-domain.is-parked-true .dmarc-status-icon {
    margin: 0em 0 0 -0.3em;
}
/* .tr-domain.is-parked-true .btn-stat-delivered-ok,
.tr-domain.is-parked-true .btn-stat-delivered-perfect,
.tr-domain.is-parked-true .btn-stat-delivered-spam,
.tr-domain.is-parked-true .stats-progress {
    display: none;
} */

.tr-domain.is-parked-true {

}
.tr-domain.is-parked-true .td-domain-name {
    color:#17a2b8;
    background-color: #17a2b811;
    /* font-size: 0.9em;
    padding: 0.2em; 0.5em; */
    font-weight: normal !important;
}
.tr-domain.is-parked-true .dmarc-status-icon {
    margin: 0em 0 0 -0.3em;
}
/* .tr-domain.is-parked-true .btn-stat-delivered-ok,
.tr-domain.is-parked-true .btn-stat-delivered-perfect,
.tr-domain.is-parked-true .btn-stat-delivered-spam,
.tr-domain.is-parked-true .stats-progress {
    display: none;
} */

.msg-alert.compact {
    height: 2em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.2em 0.4em;
    box-shadow: none;
    margin: 0.15em 0;
    opacity: 0.9;
    line-height: 1.8em;
}
.msg-alert.compact::before {
    content: "▼";
    color: #333;
    opacity: 0.65;
    cursor: pointer;
}
.msg-alert.compact > h4 {
    font-size:1.2em !important;
    display: inline;
}
.msg-alert.compact > p {
    display: inline;
}
.msg-alert.compact > h4::after {
    content: "-";
    margin: 0 0.5em;
}
.msg-alert.compact:hover {
    opacity: 1;
}
.msg-alert.alert-question {
    background-color: #fff;
    border: 0.1em solid #daebfe;
    padding:0 0 1em 0;
    text-align: center;
}
.msg-alert.alert-question > h4 {
    background-color: #daebfe;
    color: #000;
    padding: 1em 2em;
    margin-bottom: 1em;
}
.msg-alert.alert-question > p,
.msg-alert.alert-question > div,
.msg-alert.alert-question > form {
    padding:0 1em;
}
.msg-alert.alert-question .btn {
    font-size: 1.2em;
    padding:0.5em 1em;
    min-width: 5em;
    margin-right:0.6em;
}
/* .table-domains,
.table-domains tr:first-child,
.table-domains tr:first-child td {
    border-top: none !important;
} */
.table-domains tr:not(.tr-errors):hover {
    background-color: #f7fafd;
}
.filter-panel {
    color: gray;
    margin: 0.2em 0.1em 0 0.1em;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(238,238,238,1) 100%);
}

.filter-panel {
    font-size: 0.8em;
}
.filter-item.hide {
    display: none !important;
}

.domain-ready-false .td-domain-name {
    color: #ad7373;
    background-color: transparent;
    border: 0.1em solid #efefef;
}

.domain-recent-true {
    background-color: #21f3af12;
}
.domain-recent-true .td-domain-name {
    background-color: #fff;
}

.filter-panel .btnFilter {
    padding: 0.3em;
}
.btnFilter:hover,
.btnFilter:hover > * {
    opacity: 1;
}
.btnFilter.active::after {
    content: "•";
    font-size: 2em;
    color:orange;
    position: absolute;
    margin:-0.6em 0 0 -0.1em;
}

.btnFilterTLD {
    text-transform: uppercase;
    background-color: #eee;
    color: #666;
    padding:0.05em 0.15em;
    font-size: 0.8em;
}
.btnFilterTLD:hover {
    background-color: #ddd;
}

.table-records thead {
    font-size: 0.7em;
    color:#999;
}
.table-records tr:hover td {
    background-color: #fbfbf8;
}
/* .table-records thead th {
    background-color: #8c9cad;
    border-color: #8c9cad;
} */
/* .badge-{{ $result }} */
.badge-none {
    background-color: #eee;
    color: #969696;
    letter-spacing: 0.1em;
    padding-left: 0.6em;
}
.badge-pass {
    /* background-color: #5aab5a; */
    color: #5aab5a;
    letter-spacing: 0.1em;
    padding-left: 0.6em;
    font-weight: normal;
}
.badge-fail {
    /* background-color: #c35e47; */
    color: #c35e47;
    letter-spacing: 0.1em;
    padding-left: 0.6em;
    font-weight: normal;
}

.badge-delivery {
    font-weight: normal;
    color: #fff;
    background-color: #777;
    letter-spacing: 0.05em;
}
.badge-delivery.badge-delivery-delivered-perfect:hover { background-color: #4fa04f11; color: #4fa04f; }
.badge-delivery.badge-delivery-delivered:hover { background-color: #4fa04f11; color: #4fa04f; }
.badge-delivery.badge-delivery-delivered-spam:hover { background-color: #ffa50011; color: #ffa500; }
.badge-delivery.badge-delivery-rejected:hover { background-color: #c35e4711; color: #c35e47; }
.badge-delivery.badge-delivery-quarantined:hover { background-color: #ac85d011; color: #ac85d0; }
.badge-delivery-delivered-perfect {
    border: 0.1em solid #a0d6a0;
    background-color: #fff;
    color: #4fa04f;
    font-weight: normal;
}
.badge-delivery-delivered {
    border: 0.1em solid #a0d6a0;
    background-color: #fff;
    color: #4fa04f;
    font-weight: normal;
}
.badge-delivery-delivered-spam {
    border: 0.1em solid orange;
    background-color: #fff;
    color: orange;
    font-weight: normal;
}
.badge-delivery-rejected {
    background-color: #c35e47;
    color: #fff;
    font-weight: normal;
}
.badge-delivery-quarantined {
    background-color: #ac85d0;
    font-weight: normal;
    color: #fff;
}


.tooltip-inner {
    max-width: 400px;
    padding:1em;
    text-align: left;
}


.badge-policy-none {
    color: #c35e47;
    border-color: #c35e47;
    background-color: #fff;
    letter-spacing: 0.05em;
}
.badge-policy-reject {
    border: 0.1em solid #a0d6a0;
    background-color: #fff;
    color: #4fa04f;
    letter-spacing: 0.05em;
}


.record-delivery-delivered .td-ev-dkim,
.record-delivery-delivered .td-ev-spf,
.record-delivery-delivered-perfect .td-ev-dkim,
.record-delivery-delivered-perfect .td-ev-spf {
    min-width: 3.5em;
}
/* .record-delivery-delivered .hide-on-ok > span,
.record-delivery-delivered .hide-on-ok > small,
.record-delivery-delivered .hide-on-ok > code, */
.record-dkim-pass.record-spf-pass .hide-on-ok > span,
.record-dkim-pass.record-spf-pass .hide-on-ok > small,
.record-dkim-pass.record-spf-pass .hide-on-ok > code,
.record-delivery-delivered-perfect .hide-on-ok > span,
.record-delivery-delivered-perfect .hide-on-ok > small,
.record-delivery-delivered-perfect .hide-on-ok > code {
    /* display: none; */
    opacity: 0.3;
}

/* .record-delivery-delivered:hover .hide-on-ok >  span,
.record-delivery-delivered:hover .hide-on-ok >  small,
.record-delivery-delivered:hover .hide-on-ok >  code, */
.record-dkim-pass.record-spf-pass:hover .hide-on-ok > span,
.record-dkim-pass.record-spf-pass:hover .hide-on-ok > small,
.record-dkim-pass.record-spf-pass:hover .hide-on-ok > code,
.record-delivery-delivered-perfect:hover .hide-on-ok >  span,
.record-delivery-delivered-perfect:hover .hide-on-ok >  small,
.record-delivery-delivered-perfect:hover .hide-on-ok >  code {
    /* display: inline; */
    opacity: 1;
}


.record-delivery-quarantined td {
    background-color: #f6f3f9;
}
.record-delivery-quarantined .td-reason,
.record-delivery-quarantined .td-reason > small {
    color:#9a69c7;
}
.td-ip {
    color:gray;
    font-family: monospace;
    letter-spacing: 0.05em;
}
.td-country img {
    height: 1.3em;
    margin: auto;
    vertical-align: middle;
}

.hint {
    color:gray;
    letter-spacing: 0.03em;
    font-size: 0.75em;
}

.td-reason {
    color: gray;
    font-size: 0.8em;
}
.reason-type {
    border: 0.1em solid #e2d3b6;
    background-color: #fff;
    color: inherit;
    opacity: 0.75;
    letter-spacing: 0.05em;
    font-weight: normal;
    font-size: 0.85em;
}
.reason-comment {
    color: #b38b42;
    font-style: italic;
    font-size: 1em;
}
.reason-comment > i {
    color: gainsboro;
    vertical-align: text-bottom;
}



.datetime {
    color:gray;
    white-space: nowrap;
}
.td-reporter {
    color: #666;
    font-size: 0.75em;
    white-space: nowrap;
    overflow: hidden;
}
.td-datetime {
    font-size: 0.75em;
}

.td-report-policy-reject {
    color:#a8c1a8;
    opacity: 0.5;
}
.td-report-policy-quarantine {
    color:#ceb8e6;
    opacity: 0.8;
}
.td-report-policy-none {
    color: #bd8787;
}

.row-stats {
    margin: 1em 0;
    font-size: 0.9em;
}
.row-stats > div {
    margin:0.1em;
    padding:0;
}
/* .card-stats:hover {
        border-color: #999;
} */
.card-stats .card-title {
    /* font-size: 2em; */
    /* padding: 0.5em 0.2em 0 0.2em; */
    color: #666;
}
.card-stats .card-body {
    padding: 1em 0.1em;
}
.card-stats .card-title {
    font-size: 1em;
    white-space: nowrap;
    margin:0;
    padding: 0;
}
.card-stats .card-text {
    font-size: 2.4em;
    white-space: nowrap;
    color: #666;
    margin:0;
    padding:0;
    letter-spacing: -0.05em;
}
.card-stats .avg-day {
    /* display: none; */
    font-size: 0.9em;
    color: #999;
    line-height: 0.2em;
}
.card-stats:hover .avg-day {
    display: block;
    color: #333;
}
.card-stats .avg-day > small {
    opacity: 0.85;
}
.card-stats-delivered-ok .card-text,
.btn-stat-delivered-ok {
    color: #98bf98;
}
.card-stats-delivered-perfect .card-text,
.btn-stat-delivered-perfect {
    color: #45cf45;
}
.card-stats-delivered-spam .card-text,
.btn-stat-delivered-spam, .text-spam {
    color: #ddb976;
}
.card-stats-rejected .card-text,
.btn-stat-rejected, .text-rejected {
    color: #c18686;
}
.card-stats-quarantined .card-text,
/* .card-stats-quarantined .fa-bell-on, */
.btn-stat-quarantined, .text-quarantined {
    color: #ac85d0;
}
.card-stats-forensics .card-text,
.btn-stat-forensics {
    color: #666;
}
.btn-stat-delivered-ok > .recent-stat,
.card-stats-delivered-ok .recent-stat {
    border:0.15em solid #98bf9866;
    color: #98bf98;
    /* color:#fff; */
}
.btn-stat-delivered-perfect > .recent-stat,
.card-stats-delivered-perfect .recent-stat {
    border:0.15em solid #45cf4566;
    color: #45cf45;
    /* color:#fff; */
}
.btn-stat-delivered-spam > .recent-stat,
.card-stats-delivered-spam .recent-stat {
    border:0.15em solid #ddb97666;
    color: #c5a15e;
    /* color:#fff; */
}
.btn-stat-rejected > .recent-stat,
.card-stats-rejected .recent-stat {
    border:0.15em solid #c1868666;
    color: #c18686;
    /* color:#fff; */
}
.btn-stat-quarantined > .recent-stat,
.card-stats-quarantined .recent-stat {
    border:0.15em solid #ac85d066;
    color: #ac85d0;
    /* color:#fff; */
}

.btn-stat {
    font-size: 0.85em;
    background-color: #fff;
    border-color: #efefef;
    min-width: 6em;
    margin: 0 0.4em;
    padding: 0.1em 0.2em;
    position: relative;
}

.btn-stat:hover {
    background-color: #eee;
}
.btn-stat[data-value="0"],
.btn-stat[data-value=".0"],
.btn-stat[data-value="0.0"] {
    opacity: 0.4;
    border-style: dashed !important;
    /* display: none; */
}
.avg-day[data-value="0"],
.avg-day[data-value=".0"],
.avg-day[data-value="0.0"] {
    opacity: 0.2;
}
.recent-stat {
    font-family: sans-serif;
    padding: 0.23em 0.6em 0.17em 0.6em;
    border: 0.1em solid #ddd;
    border-radius: 1em;
    line-height: 1em;
    position: absolute;
    margin-left: 0.2em;
    z-index:1;
    font-weight: bold;
    font-size: 0.7em;
    line-height: 0.8em;
    letter-spacing: 0.01em;
    box-shadow: 0 0.1em 0.15em #999;
    opacity: 0.85;
    /* transform: rotate(2deg); */
    white-space: nowrap;
    background-color: #fff;
    z-index:3;
}
.card .recent-stat {
    opacity: 0.75;
    display: inline;
    position: relative;
    margin-left: -0.5em;
    font-size: 0.35em;
    box-shadow: none;
    border-width: 0.05em 0.1em;
    padding: 0.2em 0.5em 0.2em 0.3em;
}
.card .recent-stat:hover {
    opacity: 1;
}
.recent-stat.recent-0 {
    display: none;
}

.btn-stat > .recent-stat > i {
    /* font-size: 1.1em; */
    opacity: 0.9;
    margin-left:-0.4em;
    margin-right: -0.1em;
}

.show-on-alert { display: none; }
.btn-stat.is-alert-true {
    opacity: 1;
    border-bottom: 0.15em solid #ffa500;
    box-shadow: 0 0 0.5em #ffa50061;
    /* border-width: 0.1em; */
}
.btn-stat.is-alert-true .recent-stat {
    transform: scale(1.1);
    border-bottom: 0.15em solid #ff6600;
}
.is-alert-true .show-on-alert,
.fa-animate-alert {
    display: inline-block;
    opacity: 1;
    color:#ff6600;
    animation: bellshake 1s cubic-bezier(.36,.07,.19,.97) both;
    animation-iteration-count: 5;
}



.help-page h1 > a,
.help-page h2 > a,
.help-page h3 > a,
.help-page h4 > a,
.help-page h5 > a,
.help-page h6 > a {
    color: #333;
    text-decoration: underline;
    text-decoration-color: rgba(0,0,0, 0.2);
}
.help-page h1 > a:hover,
.help-page h2 > a:hover ,
.help-page h3 > a:hover ,
.help-page h4 > a:hover ,
.help-page h5 > a:hover ,
.help-page h6 > a:hover  {
    color: #007bff;
    text-decoration: none;
}
.help-page h1 > a:hover::after,
.help-page h2 > a:hover::after ,
.help-page h3 > a:hover::after ,
.help-page h4 > a:hover::after ,
.help-page h5 > a:hover::after ,
.help-page h6 > a:hover::after  {
    content: " #";
    opacity: 0.4;
}

.btn-help {
    color: #999;
    opacity: 0.5;
    text-decoration: none;
}
.btn-help:hover {
    color: orange;
    opacity: 0.9;
}

.td-report-policy-reject {
    color:#a8c1a8;
    opacity: 0.5;
}
.td-report-policy-quarantine {
    color:#ceb8e6;
    opacity: 0.8;
}
.td-report-policy-none {
    color: #bd8787;
}

.card-stats .card-title {
    /* font-size: 2em; */
    /* padding: 0.5em 0.2em 0 0.2em; */
    color: #666;
}
.card-stats .card-body {
    padding: 1em 0.1em;
}
.card-stats .card-title {
    font-size: 1em;
    white-space: nowrap;
    margin:0;
    padding: 0;
}
.card-stats .card-text {
    font-size: 2.2em;
    white-space: nowrap;
    color: #666;
}
.card-stats-delivered-ok .card-text {
    color: #98bf98;
}
.card-stats-delivered-perfect .card-text {
    color: #45cf45;
}
.card-stats-delivered-spam .card-text {
    color: #ddb976;
}
.card-stats-rejected .card-text {
    color: #c18686;
}
.card-stats-quarantined .card-text {
    color: #ac85d0;
}

#register-form [name="invitation-code"] {
    border:0.12em solid rgb(251,202,63);
    font-family: monospace;
    font-weight: bold;
    color: orange;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    width: 12em;
    text-align: center;
}

.table-invitations .show-on-used,
.table-invitations .show-on-expired {
    display:none;
}
.table-invitations .td-code > button {
    background: rgb(251,202,63);
    background: radial-gradient(circle, rgba(251,202,63,1) 0%, rgba(252,158,70,1) 100%);
    color: #fff;
    font-family: monospace;
    min-width: 7em;
    font-weight: bold;
    letter-spacing: 0.15em;
    font-size:1.2em;
    padding: 0.2em 0.4em 0.1em 0.5em;
    /* margin:0.1em; */
    border: 0.2em double #ffcc41;
    border-radius: 0.3em;
    outline: 0.2em dotted #f5ead8;
}

/* used invitation row */
.table-invitations tr.invitation-used-true .show-on-used {
    display: inline;
}
.table-invitations tr.invitation-used-true td {
    background-color: #f2fff2;
}
.table-invitations tr.invitation-used-true .td-used-at abbr {
    color:#6aaf6a;
    font-weight: bold;
}
.table-invitations tr.invitation-used-true .td-expire-at abbr {
    display: none;
}
.table-invitations tr.invitation-used-true .td-code > button  {
    background: rgb(176,221,128);
    background: radial-gradient(circle, rgba(176,221,128,1) 0%, rgba(136,198,109,1) 100%);
    border: 0.1em solid #fff;
    border-radius: 0.3em;
    outline: none
}

/* expired invitation row */
.table-invitations tr.invitation-expired-true .show-on-expired {
    display: inline;
}
.table-invitations tr.invitation-expired-true td {
    background-color: #fff2f2;
    color:#af6a6a;
}
.table-invitations tr.invitation-expired-true .td-expire-at abbr {
    color:#af6a6a;
    font-weight: bold;
}

.table-invitations tr.invitation-expired-true .td-code > button  {
    background: #999;
    color: #eee;
    border: 0.1em dotted #fff;
    outline: none;
    opacity: 0.4;
    text-decoration: line-through;
}

.stats-progress {
    height: 0.75em;
    margin: 0 0.2em;
}
.stats-progress > .progress-bar {
    border-right: 0.15em solid #ffffffee;
    opacity: 0.6;
}
.stats-progress > .progress-bar:hover {
    opacity:1;
}
.stats-progress > .progress-bar[aria-valuenow="0"],
.stats-progress > .progress-bar[aria-valuenow=".0"],
.stats-progress > .progress-bar[aria-valuenow="0.0"] {
    display: none;
}
.progress-bar.delivered-perfect {
    background-color: #45cf45;
}
.progress-bar.delivered-ok {
    background-color: #98bf98;
}
.progress-bar.delivered-spam {
    background-color: #ddb976;
}
.progress-bar.rejected {
    background-color: #c18686;
}
.progress-bar.quarantined {
    background-color: #ac85d0;
}

.table-domains .stats-progress {
    margin: 0.25em 0 0 0;
    height: 0.45em;
    opacity: 0.75;
}
.table-domains .stats-progress:hover {
    opacity: 1;
}

/* .dmarc-suggested {
    color: #777;
    letter-spacing: -0.02em !important;
    font-family: monospace;
    font-size: 1.2em;
    display: block;
    padding: 1em 0.5em !important;
} */
.dmarc-string-key,
.spf-string-key {
    font-family: monospace;
    font-size: 1.2em;
    color: #5a8cb1;
    padding: 0.1em 0 0.1em 0.1em;
    margin-left: 0.3em;
    cursor: pointer;
    letter-spacing: -0.01em;
}
.dmarc-string-key:hover,
.spf-string-key:hover {
    background-color: #f6f7d3;
    outline: 0.3em solid #f6f7d355;

}
.dmarc-string-val,
.spf-string-val {
    font-style: normal;
    font-weight: normal;
    padding: 0.1em;
    color: #333;
}
.dmarc-string-val .mailto {
    color:#666;
}

.recently-viewed-domains {
    padding:0.3em 0.2em; font-size:0.8em;color:#8ba4bf;
}
.recently-viewed-domains a {
    color: inherit;
    margin: 0 0.5em;
}
.recently-viewed-domains a > i {
    /* color:#999; */
    opacity: 0.5;
    font-size: 0.8em;
    text-decoration: none;
}
.recently-viewed-domains a:hover {
    color: #0056b3;
    text-decoration: none;
}

.search-panel {
    float:right;
}
.search-panel .input-group-prepend .input-group-text,
.search-panel .form-control {
    font-size: 0.4em;
}
.search-panel .form-control:focus {
    box-shadow: none;
}

.btn-copy {
    position: absolute;
    margin-top:-0.1em;
    font-size: 0.6em;
    border:0.1em dotted #00000055;
    opacity: 0.6;
    box-shadow: 0 0 0.4em #33333355;
    border-radius: 3em;
    white-space: nowrap;
}
.btn-copy:not(.copied):hover {
    font-size: 0.8em;
    background-color: #fff;
    margin:-0.25em 0 0 -0.2em;
    border-color: #1b89a8;
    border-style: dashed;
    color: #1b89a8;
    opacity: 1;
}
.btn-copy.copied {
    color: #fff;
    border-color: #fff;
    border-style: dashed;
    background-color: #1b89a8;
    opacity: 0.4;
    margin-left:-1em;
}
.btn-copy.copied::after {
    font-size: 1em;
    content: " Copied!";
    font-style: italic;
}

.timezones {
    background-color: #f9fafb;
    padding: 0;
    text-align: left;
    max-height: 10em;
    overflow-y: scroll;
    box-shadow: 0.1em 0.1em 0.2em #00000033;
    border-radius: 0.3em;
    margin-top:0.2em;
}

.timezones > .filter-item {
    white-space: nowrap;
    display: none;
    text-align: left;
    margin: 0;
}
.timezones > .filter-item:hover {
    /* background-color: pink; */
}
.timezones > .filter-item > i {
    opacity: 0.4;
}
.timezones > .filter-item.show {
    display: block !important;
}

tr.record-arc-pass-true {
    background-color: #fbfffb;
}
.td-reason.arc-pass-true {
    color: #90bb90;
    font-size:0.75em;
}
.td-reason.arc-pass-true .arc-icon {
    background-color: #e6f3e6;
    padding: 0.3em 0.5em;
    color: #90bb90;
    border-radius: 0.3em;
}
/* .td-reason.arc-pass-true .reason-comment {
    color: inherit;
} */

.suggested-levels {
    padding-left: 1em;

}
.suggested-level {
    padding:0.3em 0.5em;
    background-color: #fff;
    border:0.1em solid #efefef;
    margin: 0.2em 0.1em 0.4em 0.1em;
    border-radius: 0.4em;

}
.suggested-level.is-reached-false ~ .is-reached-false {
    opacity: 0.5;
    background-color: #efefef;
    border:0.1em solid #efefef;
}
.suggested-level:hover {
    opacity: 1;
}
.suggested-level > p {
    margin:0;
    padding: 0;
    color: #666;
}
.suggested-level .dmarc {
    color: #999;
}
.suggested-level .on-reached { display: none; }
.suggested-level.is-reached-true .on-reached { display: inline-block; }
.suggested-level.is-reached-true .on-not-reached { display: none; }
.suggested-level.is-reached-true {
    opacity: 1;
    background-color: #fff;
    border:0.1em solid #63b327;
    color: #63b327;
    padding-top: 0.7em;
    opacity: 0.75;
}
.suggested-level.is-reached-true:hover {
    opacity: 1;
}
.suggested-level.is-reached-true label {
    font-weight: bold;
}
.suggested-level.is-locked-true {
    color: #942828;
    border: 0.1em dashed #94282855 !important;
}
.suggested-level.is-locked-true label {
    font-weight: bold;
}
.suggested-level.is-locked-true .hint {
    color: #942828;
    font-size: 1em;
    display: block;
}
/* .suggested-level.is-locked-true .dmarc {
    display: none;
} */
.suggested-level-bar {
    background-color: #efefef;
    border:1px dashed #999;
    width: 0.35em;
    height:1.8em;
    margin: 0 !important;
    padding: 0;
    display: inline-block;
    opacity: 0.5;
}
.suggested-level-bar.is-reached-true {
    background-color: #63b32777;
    border-style: solid;
    border-color: #63b32733;
}
.suggested-level-bar.is-locked-true {
    background-color: #94282855;
    border-style: solid;
    border-color: #94282822;
}

.suggested-levels-battery {
    /* display: none; */
    letter-spacing: -0.15em;
}
.suggested-level-bar:hover {
    opacity:1;
    cursor: pointer;
}


.domain-token.float-right {
    font-size: 0.5em;
    color: #aaa;
    margin-top: 0.6em;
    padding: 0.2em 0.4em;
}
.domain-token.float-right:hover {
    color: #64909a;
}

.record-badge {
    min-width: 4.5em;
    position: absolute;
    font-size: 1.1em;
    margin: 1em 0 0 -4em;
    transform: rotate(-90deg);
    background-color: #00000020;
    z-index: -1;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 100%);
}

.domain-badges {
    /* background: #efefef; */
    padding: 0.1em 0.2em;
    margin-left: -0.6em;
}
.domain-view .domain-badges {
    margin-top:-0.8em;
    margin-bottom: 1em;
}
.domain-badge {
    padding: 0.275em 0.5em 0.2em 0.3em;
    font-family:sans-serif;
    border: 0.1em dashed #999;
    background-color: #fff;
    color: #999;
    opacity: 0.5;
}
.domain-badge.domain-badge-valid-true {
    opacity: 1;
    background-color: #7fbf7f;
    color: #fff;
    border: 0.25em solid #FFFFFFdd;
}
.domain-badge.domain-badge-valid-false:not(.domain-badge-status-1):not(.domain-badge-status-2) {
    opacity: 1;
    background-color: #bf7f7f;
    color: #fff;
    border: 0.25em solid #FFFFFFdd;
}
.domain-badge.domain-badge-status-8 {
    opacity: 1;
    background-color: #ffc107;
    color: #fff;
}
.domain-badge:hover {
    box-shadow: 0 0 0.2em #00000088;
}

table .domain-badges {
    font-size: 0.7em;
    opacity: 0.6;
    margin: -0.3em 0 0 0;
    text-align: left;
}
table .domain-badges:hover {
    opacity: 1;
}
table .domain-badges .domain-badge {
    text-align: left;
    padding: 0.2em 0.5em 0.2em 0.3em;
    margin: 0.2em 0 0 0;
    border: none !important;
    background: #fff !important;
    display: block;
}
table .domain-badge.domain-badge-valid-true {
    color: #7fbf7f;
}
table .domain-badge.domain-badge-valid-false:not(.domain-badge-status-1) {
    color: #bf7f7f;
}

.main-check .domain {
    font-weight: bold;
    font-size: 1.1em;
    color: #497ad2;
    font-family: inherit;
    background: #fafafa;
    padding: 0.1em 0.3em 0.2em 0.3em;
    border-radius: 0.3em;
}

#domain-check-form [type=submit] {
    font-size: 1.8em;
}
.grecaptcha-badge {
    z-index: 11;
}

.list-line .msg-key-warning-spfnotrecommended {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none !important;
    font-size: 0.9em;
}
.list-line .msg-key-warning-spfnotrecommended .fa,
.list-line .msg-key-warning-spfnotrecommended .fas,
.list-line .msg-key-warning-spfnotrecommended .fad,
.list-line .msg-key-warning-spfnotrecommended .far {
    display: none;
}


.pricing-deck {

}
.pricing-deck .card {
    border: 0.3em solid #edf9ff;
}
.pricing-deck .card-header {
    background-color: #edf9ff;
    border: none;
}
.pricing-deck .plan-title {
    letter-spacing: 0.06em;
    font-style: italic;
    margin: 0.5em 0.1em 0.2em 0.1em;
    font-size: 2em;
    /* font-weight: bold; */
}
.pricing-deck .plan-desc {
    min-height: 3.5em;
    color: #506f7b;
}
.pricing-deck .card-body {
    border: 0.2em solid #edf9ff;
}
.pricing-deck .card-body h4 {
    text-align: left;
    margin: 1.5em 0 0 0;
    /* font-weight: bold; */
    font-size: 1.1em;
    color: #777;
}
.pricing-deck .price {
    padding: 0.4em;
    min-height: 2.4em;
}
.pricing-deck .price > sup {
    opacity: 0.5 !important;
}
.pricing-deck .price > b {
    font-size: 1.3em;
    font-weight: 400;
}
.pricing-deck li {
    text-align: left;
    padding: 0.4em 0.1em 0.4em 0.3em;
    font-size: 1.1em;
    /* background: pink; */
    margin-bottom: 0.2em;
    border-bottom: 1px solid #66666611;
}
.pricing-deck li > .fas {
    font-size: 0.75em;
    opacity: 0.5;
    color: limegreen;
}

.pricing-deck .btn-outline-primary {
    padding:1em 0.1em;
    text-align: center;
    margin: 1em 0;
}

#cookieNotice {
    bottom: 4em !important;
}


/* Mobile */
@media (max-width: 978px) {
    .container {
      /* padding:0; */
      margin:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }

    .hide-on-mob {
        display: none !important;
    }

    .page-register .card,
    .page-login .card {
        padding:0 !important;
        border: none;
    }
    .page-register .card .card-img-top {
        display: none;
    }
    .page-register .card h1,
    .page-login .card h1 {
        text-align: center;
        padding:0;
        margin:0;
        /* font-size: 0.9em; */
    }

    .page-dashboard .card-add-domain .card-header {
        display: none;
    }
    .page-dashboard .card-add-domain .btn {
        margin-top:0.2em;
        color: #fff;
        background-color: #17a2b8;
    }
    .page-dashboard .search-panel {
        float:none;
        font-size: 2em;
        padding:0;
        margin:0 0 0.5em 0;
    }
    .page-dashboard .search-panel  input {
        font-size:0.7em;
    }

    .page-dashboard .btn-email-count {
        padding: 0.4em 0.5em;
        font-size: 1em;
    }

    .page-domain-view .row-stats {
        display: block;
    }
    .page-domain-view .row-stats .col {
        margin-bottom: 0.5em;
    }
    .page-domain-view .row-stats .card {
        border-width: 0 0 0.1em 0;
        box-shadow: none;
    }
    .page-domain-view .record-badge {
        display: none;
    }
    .page-domain-view .card-suggested {
        margin: 0 0 0.5em 0 !important;
    }

    .alert-question form {
        padding:0 !important;
    }
}

.filter-delivery-panel {
    background: #eee;
    border-radius: 0.3em;
}
.filter-delivery-panel .col {
    text-align: center;
}
.filter-delivery-panel .badge {
    max-width: 20em !important;
}
.filter-delivery-panel .badge-delivery-rejected {
    color: #c18686;
    border-color: #c18686;
    background-color: #fff;
}
.filter-delivery-panel .badge-delivery-quarantined {
    color: #ac85d0;
    border-color: #ac85d0;
    background-color: #fff;
}
.filter-delivery-panel.active-delivered-perfect .badge-delivery-delivered-perfect {
    color: #fff;
    font-weight: bold;
    background-color: #3fc13f;
}
.filter-delivery-panel.active-delivered .badge-delivery-delivered  {
    color: #fff;
    font-weight: bold;
    background-color: #4fa04f;
}
.filter-delivery-panel.active-delivered-spam .badge-delivery-delivered-spam  {
    color: #fff;
    font-weight: bold;
    background-color: orange;
}
.filter-delivery-panel.active-rejected .badge-delivery-rejected  {
    color: #fff;
    font-weight: bold;
    background-color: #c18686;
}
.filter-delivery-panel.active-quarantined .badge-delivery-quarantined  {
    color: #fff;
    font-weight: bold;
    background-color: #ac85d0;
}


/* --------------- */
.filter-active-delivered-perfect .card-stats-delivered-perfect  {
    border-color: #3fc13f;
    background-color: #3fc13f11;
}
.filter-active-delivered .card-stats-delivered-ok  {
    border-color: #4fa04f;
    background-color: #4fa04f11;
}
.filter-active-delivered-spam .card-stats-delivered-spam  {
    border-color: #ffa500;
    background-color: #ffa50011;
}
.filter-active-rejected .card-stats-rejected  {
    border-color: #c18686;
    background-color: #c1868611;
}
.filter-active-quarantined .card-stats-quarantined  {
    border-color: #ac85d0;
    background-color: #ac85d011;
}



/* .c3-circle {
    stroke: black;
    stroke-width: 1;
    fill: #fff;
} */

[data-url],
[data-click-url],
.card[data-toggle=modal] {
    cursor: pointer;
}
[data-url]:hover,
.card[data-toggle=modal]:hover {
    border-color: #007bff77;
}

[name^="filter["] {
    /* background-color: #efefef; */
    font-size: 0.95em;
    padding: 0.1em 0.35em;
    text-align: center;
    letter-spacing: -0.025em;
}
[name^="filter["].active {
    color: #885b19;
    background-color: #fffed2;
    border-color: #f3991355;
    display: inline;
}

[data-set-filter] > * {
    padding:0.1em 0.2em;
    cursor: pointer !important;
}
[data-set-filter]:not(.dropdown-item):not([data-set-filter$="="]):not([data-set-filter=""]):hover > * {
    /* font-weight: bold; */
    border-bottom: 0.1em dashed #f39913;
    background-color: #ffffbd;
}
[data-set-filter]:not(.dropdown-item):not([data-set-filter$="="]):not([data-set-filter=""]):hover > *::after {
    /* content: "*"; */
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    color: #f39913;
    position: absolute;
    margin: -0.1em 0 0 -0.2em;
    font-size: 0.75em;
}

.on-filter-active {
    display: none;
}

.dismiss-filter {
    position: absolute;
    opacity: 0.7;
    margin: -0.5em 0 0 -1.2em;
    padding: 0.1em 0.4em;
    cursor: pointer;

}
.dismiss-filter:hover {
    color: #000;
    opacity: 1;
}

.dropdown-filter-variants {
    display: none;
    font-size: 13px !important;
    position: absolute;
    margin: 0.15em 0 0 -0.65em;

}
td:hover .dropdown-filter-variants{
    display: inline-block;
}
.dropdown-filter-variants .dropdown-toggle {
    width: 1.6em;
    font-size: 13px !important;
}
.dropdown-filter-variants .dropdown-toggle:hover {
    color:#f39913;
}
.dropdown-filter-variants .dropdown-menu {
    font-size: 0.85em;
}


.domain-view-shared-to-me-true .domain-view-dropwdown,
.domain-view-shared-to-me-true .domain-view-dropwdown,
.domain-view-shared-to-me-true .badge-caret {
    display: none !important;
}


.domain-view-shared-to-me-true .msg-alert button,
.domain-view-shared-to-me-true .msg-alert .btn {
    display:none;
}

.c3 .c3-axis-y path, .c3 .c3-axis-y line,
.c3 .c3-axis-x path, .c3 .c3-axis-x line,
.c3-xgrid-line line {
    stroke: #ddd;
}
.c3 .c3-axis-y text,
.c3 .c3-axis-x text,
.c3-xgrid-line text {
    fill: #999;
}
.c3-event-rect[x=0][y=0] {
    display: none;
}

.c3-region {
    fill: #e0e0e0;
}

.c3-region.regionAVG rect {
    fill: #ffb600e6;
}

.c3-ygrid-line.alert-threshold line {
    stroke-width: 0.15em;
    stroke-dasharray: 5;
}
.c3-ygrid-line.alert-threshold text {
    /* fill: #ff000055; */
}

.c3-ygrid-line.alert-threshold-all line { stroke: #999; }
.c3-ygrid-line.alert-threshold-spam line { stroke: #ffa500; }
.c3-ygrid-line.alert-threshold-rejected line { stroke: #c18686; }
.c3-ygrid-line.alert-threshold-quarantined line { stroke: #ac85d0; }

.c3-highlight-point {
    stroke: #FF000022;
    stroke-width: 10;
    r: 2;
}
/* .c3-highlight-point.c3-scope-Rejected {

} */

.modal-chartpoint {
    border-width: 0.3em;
    background-color: #efefef;
}
.modal-chartpoint .icon {
    position: absolute;
    font-size: 5em;
    margin: -0.9em 0 0 -0.7em;
    color: #ffffff22;
}
.modal-chartpoint .alert {
    border: 0.1em solid #fff;
}

.chartpoint-delivery-delivered { border-color: #4fa04f99; }
.chartpoint-delivery-delivered .modal-header { background-color: #4fa04f22; }

.chartpoint-delivery-delivered-perfect { border-color: #3fc13f99; }
.chartpoint-delivery-delivered-perfect .modal-header { background-color: #3fc13f22; }

.chartpoint-delivery-delivered-spam { border-color: #ffa50099; }
.chartpoint-delivery-delivered-spam .modal-header { background-color: #ffa50022; }

.chartpoint-delivery-rejected { border-color: #c1868699; }
.chartpoint-delivery-rejected .modal-header { background-color: #c1868622; }

.chartpoint-delivery-quarantined { border-color: #ac85d099; }
.chartpoint-delivery-quarantined .modal-header { background-color: #ac85d022; }


@keyframes bellshake {
  0% { transform: rotate(0); }
  15% { transform: rotate(5deg); }
  30% { transform: rotate(-5deg); }
  45% { transform: rotate(4deg); }
  60% { transform: rotate(-4deg); opacity: 0.75;}
  75% { transform: rotate(2deg); }
  85% { transform: rotate(-2deg); }
  92% { transform: rotate(1deg); }
  100% { transform: rotate(0); }
}

.page-article article {
    margin-bottom: 15em;
}
.page-article a {
    color: #3067a2;
}

.page-article .title {
    font-weight: bold;
    font-size: 2.5em;
    padding-top:2em;
}
.page-article p,
.page-article .p {
    font-size:1.2em;
    line-height: 1.5em;
    margin-bottom: 2em;
    text-align: justify;
}
.page-article ul {
    margin-top:1em;

}
.page-article ul li {
    margin-bottom: 1em;
}

.page-article code {
    font-size: 0.9em;
    color:#444;
    /* font-weight: bold; */
    background-color: #fefefe;
    padding: 0.2em 0.1em;
    border-radius: 0.1em;
    word-break: keep-all;
    white-space: nowrap;
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}


/* payments */


.show-on-paid, .show-on-unpaid { display: none; }
.is-paid-true .show-on-paid { display: inline-block; }
.is-paid-false .show-on-unpaid { display: inline-block; }
table.invoices-table tr td {
    vertical-align: baseline;
}
.invoice-month {
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.1em;
    font-weight: bold;
}
.invoice-nr > a {
    font-weight: bold;
    color: #555;
    text-decoration: underline;
    letter-spacing: 0.05em;
}
.invoice-amount {
    color: #555;
    letter-spacing: 0.05em;
    font-size: 1.05em;
}
.invoice-details {
    color: #777;
    font-style: italic;
}
.td-datetime {
    font-size: 1em;
}
.is-paid td {
    background-color: #fbfbfb;
}

td.icon {
    width:1em;
}

.invoice.status-open {

}
.invoice.status-open sup { display: none; }
.invoice.status-uncollectible {
    opacity: 0.75;
}
.invoice.status-void {
    text-decoration: line-through;
    opacity: 0.5;
}

.invoice .btnPay { display: none; }
.invoice.status-open .btnPay { display: table-inline; }



.invoice-types .col { opacity: 0.9; }
.invoice-types .col > .card { border-color: #ccd2d7 !important; }
.invoice-types .btnGenerate { opacity: 0.85; }
.invoice-types .col:hover {
    opacity: 1;
}
.invoice-types .col:hover .card {
    box-shadow: 0.1em 0.1em 0.5em #00000055;
}
.invoice-types .col:hover .btnGenerate {
    opacity: 1;
}

.sub-status-active  {
    background: url(/assets/svg/sub-active.svg) top center no-repeat;
}
.page-billing.sub-false  {
    background: url(/assets/svg/sub.svg) 40% 8em no-repeat;
}


/* archive */
.page-archive .date-boxes {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    font-size: 0.9em;
    margin: 0 0 3em 0;
}
.page-archive .date-boxes > div {
    color:#999;
    text-align: center;
    padding: 0.45em 0 0.3em 0;
    /*outline: 1px solid red;*/
}
.page-archive .date-boxes  > div:first-child {
    border-top-left-radius: 1.2em;
    border-bottom-left-radius: 1.2em;
}
.page-archive .date-boxes  > div.active.last {
    border-top-right-radius: 1.2em;
    border-bottom-right-radius: 1.2em;
    font-weight: bold;
    color: #fff;
    background-color: #8399b0;
    border: 1px dashed #fff;
    /*background-color: #fff;*/
    border-radius: 1.2em;
    outline: 0.3em solid #a5b9ce;
    transform: scale(1.1);
    font-size: 0.9em;
}
.page-archive .date-boxes  > div.active {
    background-color: #8ba4bf;
    color: #ffffff99;
    /*font-weight: bold;*/
    /*outline: 1px solid #fff;*/
    /*outline-width: 0 1px 0 0;*/
}
.page-archive .date-boxes .datetime {
    color: #999;
    text-decoration: none;
}
.page-archive .date-boxes  > div.active .datetime {
    color: white;
}


.is-premium-false .premium-only {
    opacity: 0.6;
}

@keyframes ldio-flk3rwa5tsd {
  0% {
    top: 70.56px;
    left: 70.56px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 30.959999999999997px;
    left: 30.959999999999997px;
    width: 79.2px;
    height: 79.2px;
    opacity: 0;
  }
}
.ldio-flk3rwa5tsd div {
  position: absolute;
  border-width: 1.44px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-flk3rwa5tsd 1.3513513513513513s cubic-bezier(0,0.2,0.8,1) infinite;
}
.ldio-flk3rwa5tsd div:nth-child(1) {
  border-color: #df8a13;
  animation-delay: 0s;
}
.ldio-flk3rwa5tsd div:nth-child(2) {
  border-color: #cacaca;
  animation-delay: -0.6756756756756757s;
}
.loadingio-spinner-ripple-f120or4db8c {
  width: 144px;
  height: 144px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-flk3rwa5tsd {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-flk3rwa5tsd div { box-sizing: content-box; }
/* generated by https://loading.io/ */

.word-break {
    word-break: break-all;
}

/*[type=number].is-valid {*/
/*    background-color: #eafaed;*/
/*    background-image: none;*/
/*    padding-right: 0.5em;*/
/*}*/

.fade-out {
    opacity: 1;
    transition: opacity 0.5s; /* adjust as needed */
}

.fade-out.hide {
    opacity: 0;
}
.chart-history-event {
    cursor: pointer;
}
.chart-history-event line {
    stroke-opacity: 0.1;
    stroke-width: 0.7em;
    opacity: 0.2;
    stroke: #31b8cf;
}
.chart-history-event text {
    fill: #228d9f;
    fill-opacity: 0.5;
    font-size: 1.5em;
    letter-spacing: -0.02em;
}
.chart-history-event:hover line {
    stroke-opacity: 0.5;
}
.chart-history-event:hover text {
    fill-opacity: 1;
}



@keyframes subtle-pulse {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.05);
      opacity: 0.8;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  .subtle-pulse {
    animation: subtle-pulse 2s infinite;
    transition: transform 0.2s ease-in-out;
  }