/* Reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
    color: black;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family: Oxygen;
    font-size: 14px;
    line-height: 1.25;
}

/* Header */

#dashboard-head {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding:20px 25px;
    align-items: center;
    -webkit-box-shadow: 0px 16px 45px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 16px 45px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 16px 45px 1px rgba(0,0,0,0.05);
    z-index: 1;
}

#dashboard-head.fixed {
    position: fixed;
}

#navigation {
    display: flex;
    align-items: center;
}

#logo {
    background-image: url(https://i.onthe.io/smngoz52plulnk4gu.846a4974.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 30px;
    width: 150px;
    display: inline-block;
}

#menu {
    margin-left: 30px;
    font-weight: bold;
    margin-top: -40px;
    margin-bottom: -40px;
    height: 71.5px;
}

#menu li {
    display: inline-block;
    padding: 0 10px;
    height: 100%;

}

#menu li a {
    display: block;
    color: black;
    position: relative;
    height: 100%;
    line-height: 71.5px;
}

#menu li a.on, #menu li:hover a {
    color: #CB0090;
}

#menu li a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
    background-color: #CB0090;
    transition: all 0.15s ease-in-out;
}

#menu li a.on:before, #menu li:hover a:before {
    height: 2px;
}


#personal {
    display: flex;
    justify-content:flex-end;
    align-items: center;
}

#personal i {
    text-transform: capitalize;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #c1c1c130;
    border-radius: 50%;
    font-weight: bold;
    margin: 0 5px 0 15px;
}

#personal .email {
    font-weight: bold;
}

#personal .logout {
    font-size: 12px;
    color: black;
    opacity: 0.5;
}

#personal em {
    margin-right: 10px;
}


/* Content */
#content {
    margin: 72px auto 0 auto;
    padding: 50px 0 20px 0;
    max-width: 1271px;
}

h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 40px;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}


#content.fixed-content {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top:71.5px;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

#content.tiny-content {
    max-width: 800px;
}

#content.super-tiny-content {
    max-width: 600px;
}

/* styling of the tooltip display */
p.tooltip-text {
    display: none;
    position: absolute;
    top: -60px;
    z-index: 1;
    background: #ea69c4;
    padding: 8px;
    font-size: 1rem;
    color: #FFFFFF;
    border-radius: 10px;
    animation: fadeIn 0.6s;
    border: solid #ea69c4 1px;
}

/* optional styling to add a "wedge" to the tooltip */
p.tooltip-text:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #ea69c4;
}

p.add-list {
    width: 400px;
    left: -300px;
}

p.add-list:before {
    left: 75%;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Buttons and inputs */

button {
    padding: 8px 24px;
    background-color: #CB0090;
    color:white;
    border:none;
    border-radius: 16px;
    transition: background-color 0.2s ease;
}

button.btn-large {
    padding: 20px 30px;
    font-size: 16px;
    border-radius: 30px;
}

button.btn-secondary {
    border: solid #CB0090 1px;
    background: #CB009017;
    color: #CB0090;
}


button.btn-secondary:hover {
    background: #CB00903d;
}

button.btn-success {
    color: #23a240;
    background: #23a2402e;
    border:solid #23a240 1px;
}

button.btn-success:hover {
    background: #23a2405e;
}

button:hover {
    cursor: pointer;
    background-color: #a20173;
}

button.btn-disabled {
    border: solid #ea69c4 1px;
    background: #CB009017;
    color: #e5a8d3;
}

input, select, textarea {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border:solid 1px #e6e4e4;
    box-sizing: border-box;
    padding: 5px 20px;
    margin: 5px 0;
}

textarea {
    resize: none;
    min-height: 200px;
    padding: 20px;
    font-family: Oxygen;
}

input:focus, select:focus, textarea:focus {
    outline-color: #CB0090;
    outline-width: 1px;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
}

input[type="file"] {
    display: none;
}

input[type="file"]::before {
    display: none;
}

label.file-upload-label {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border: dashed 1px #c1c1c1;
    box-sizing: border-box;
    padding: 5px 20px;
    margin: 5px 0;
    display: block;
    background: #f3f3f3;
    position: relative;
}

label.file-upload-label:before {
    content: "Select a file";
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    padding: 10px 0 10px 30px;
    background-image: url("https://i.onthe.io/smngoz39m5rsjil81.0650c91d.png");
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.file-upload-success {
    padding: 20px;
    border: solid 1px #23a240;
    border-radius: 5px;
    background: #f3f3f3;
}


label.file-upload-label:hover {
    cursor: pointer;
    border-color: #CB0090;
}


select {
    appearance: none;
    position: relative;
    background-image: url("https://i.onthe.io/smngoz3kj46b8hg1q.025968c0.png");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
}

/* Popup */
#popup-overlay {
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#popup-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(187, 81, 156);
    background: linear-gradient(131deg, rgb(187, 81, 156) 0%, rgb(162, 1, 115) 100%);
    opacity: 0.7;
}

#popup-content {
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
    border-radius: 10px;
    min-width: 550px;
    max-height: 90%;
    overflow: auto;
    box-sizing: border-box;
}

#popup-content p {
    margin: 20px 0 5px 0;
}

#popup-content button {
    margin-top: 20px;
}

/* Single email verification */
.single-email-form {
    position: relative;
}

.single-email-form input:focus {
    outline:solid #CB0090 1px;
    border-color: #CB0090;
}

.single-email-form button {
    position: absolute;
    right: 1px;
    top:6px;
    bottom: 6px;
    background: none;
    color: black;
    border-radius: 0 5px 5px 0;
    border-left: solid 1px #e6e4e4;
}

.single-email-form button:hover {
    background: #f7f7f7;
}

.single-email-form-loader {
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-email-form-loader p {
    margin: 10px 0;
    opacity: 0.5;
}

.single-email-form-result {
    margin: 25px 0;
    border-radius: 5px;
    border: solid 1px #e6e4e4;
}

.single-email-form-result .summary {
    display: flex;
    padding: 20px;
    align-items: center;
}

.single-email-form-result .summary .icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f3f3f35c;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.single-email-form-result .summary .icon.icon-ok {
    background-image: url("https://i.onthe.io/smngoz3lh7lt95tn5.a40da1f5.png");
}

.single-email-form-result .summary .icon.icon-not-ok {
    background-image: url("https://i.onthe.io/smngoz1tf7ihp8q7l.0e3cffd7.png");
}

.single-email-form-result .summary .icon.icon-accept-all {
    background-image: url("https://i.onthe.io/smngoz1frrerppp27.aea2f0e2.png");
}

.single-email-form-result .summary .icon.icon-unknown {
    background-image: url("https://i.onthe.io/smngoz4vb3k2o6fep.c5343552.png");
}

.single-email-form-result .summary .text {
    padding-left: 20px;
}

.single-email-form-result .summary .text b.indicator-unknown { color:#707070 }
.single-email-form-result .summary .text b.indicator-ok { color:#23a240 }
.single-email-form-result .summary .text b.indicator-not-ok { color:#df3657 }
.single-email-form-result .summary .text b.indicator-accept-all { color:#d37012 }


.single-email-form-result .summary .text h2 {
    margin-bottom: 5px;
}

.single-email-form-result .summary .text p {
    opacity: 0.5;
}

.single-email-form-result .reason {
    background: #f3f3f35c;
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 10px;
}

.single-email-form-result .reason .reason-element {
    padding: 20px;
}

.single-email-form-result .reason .reason-element .text {
    font-size: 16px;
}

.single-email-form-result .reason .reason-element .reason-type-name {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.single-email-form-result .reason .reason-element .reason-type-name .indicator {
    margin-left: 10px;
    padding: 1px 3px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}

.single-email-form-result .reason .reason-element .reason-type-name .indicator.indicator-ok {
    background: #ccffd2;
    color: #23a240;
}

.single-email-form-result .reason .reason-element .reason-type-name .indicator.indicator-not-ok {
    background: #ffc9d1;
    color: #df3657;
}

.single-email-form-result .reason .reason-element .reason-type-name .indicator.indicator-unknown {
    background: #e2e2e2;
    color: #707070;
}

.single-email-form-result .reason .reason-element .reason-type-name .indicator.indicator-accept-all {
    background: #f9d4a8;
    color: #d37012;
}

.single-email-form-result .reason .reason-element .reason-type-description {
    opacity: 0.5;
}

/* Bulk */

.bulk-history {
    margin: 25px 0;
    border-radius: 5px;
    border: solid 1px #e6e4e4;
}

.bulk-history-header {
    padding: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bulk-history-header h2 {
    margin: 0;
}

.bulk-history-table {
    background: #f3f3f35c;
    padding: 30px;
}

.bulk-history-table .header, .bulk-history-table .body .row {
    display: grid;
    grid-template-columns: 25% 25% 30% 20%;
    gap: 10px;
    align-items: center;
    padding: 20px 0;
    border-bottom: solid 1px #eaeaea;
}

.bulk-history-table.api-table .header, .bulk-history-table.api-table .body .row {
    grid-template-columns: 30% 30% 15% 10% 10%;
}

.bulk-history-table.api-table h1 {
    text-align: center;
    opacity: 0.5;
    margin-top: 30px;
}

.bulk-history-table .header .cell {
    color: #b2b2b2;
}

.bulk-history-table .cell span {
    word-break: break-all;
}

.bulk-history-table .cell.name span {
    opacity: 0.3;
}

.bulk-history-table.api-table .cell.name {
    display: flex;
    align-items: center;
}

.bulk-history-table.api-table .cell.name p {
    margin-left: 10px;
}

.bulk-history-table .cell.name p {
    font-size: 16px;
}

.bulk-history-table .cell.status {
    display: flex;
}

.bulk-history-table .cell.status div {
    padding: 0 15px 0 15px;
    position: relative;
    cursor: help;
}

.bulk-history-table .cell.status div:before {
    content: "";
    position: absolute;
    left: 0;
    top:50%;
    height: 10px;
    width: 10px;
    background: red;
    border-radius: 50%;
    transform: translate(0,-50%);
}

.bulk-history-table .cell.status div.indicator-ok:before {
    background: #23a240;
}

.bulk-history-table .cell.status div.indicator-not-ok:before {
    background: #df3657;
}

.bulk-history-table .cell.status div.indicator-accept-all:before {
    background: #d37012;
}

.bulk-history-table .cell.status div.indicator-unknown:before {
    background: #707070;
}

.bulk-history-table .cell.progress {
    position: relative;
}

.bulk-history-table .cell.progress .table-loader {
    position: absolute;
    left: -30px;
    top: -1;
}

.bulk-history-table .cell.progress .finished {
    color: #23a240;
}

/* New API app pop-up */
.limits-for-api {
    display: grid;
    grid-template-columns: 50% 50%
}

.limit-value, .limit-type {
    padding-right: 15px;
}

/* loeader  */
.wheel-and-hamster {
    --dur: 1s;
    position: relative;
    width: 12em;
    height: 12em;
    font-size: 14px;
}

.wheel,
.hamster,
.hamster div,
.spoke {
    position: absolute;
}

.wheel,
.spoke {
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wheel {
    background: radial-gradient(100% 100% at center,hsla(0,0%,60%,0) 47.8%,hsl(0deg 0% 89.02%) 48%);
    z-index: 2;
}

.hamster {
    animation: hamster var(--dur) ease-in-out infinite;
    top: 50%;
    left: calc(50% - 3.5em);
    width: 7em;
    height: 3.75em;
    transform: rotate(4deg) translate(-0.8em,1.85em);
    transform-origin: 50% 0;
    z-index: 1;
}

.hamster__head {
    animation: hamsterHead var(--dur) ease-in-out infinite;
    background: hsl(30,90%,55%);
    border-radius: 70% 30% 0 100% / 40% 25% 25% 60%;
    box-shadow: 0 -0.25em 0 hsl(30,90%,80%) inset,
    0.75em -1.55em 0 hsl(30,90%,90%) inset;
    top: 0;
    left: -2em;
    width: 2.75em;
    height: 2.5em;
    transform-origin: 100% 50%;
}

.hamster__ear {
    animation: hamsterEar var(--dur) ease-in-out infinite;
    background: hsl(0,90%,85%);
    border-radius: 50%;
    box-shadow: -0.25em 0 hsl(30,90%,55%) inset;
    top: -0.25em;
    right: -0.25em;
    width: 0.75em;
    height: 0.75em;
    transform-origin: 50% 75%;
}

.hamster__eye {
    animation: hamsterEye var(--dur) linear infinite;
    background-color: hsl(0,0%,0%);
    border-radius: 50%;
    top: 0.375em;
    left: 1.25em;
    width: 0.5em;
    height: 0.5em;
}

.hamster__nose {
    background: hsl(0,90%,75%);
    border-radius: 35% 65% 85% 15% / 70% 50% 50% 30%;
    top: 0.75em;
    left: 0;
    width: 0.2em;
    height: 0.25em;
}

.hamster__body {
    animation: hamsterBody var(--dur) ease-in-out infinite;
    background: hsl(30,90%,90%);
    border-radius: 50% 30% 50% 30% / 15% 60% 40% 40%;
    box-shadow: 0.1em 0.75em 0 hsl(30,90%,55%) inset,
    0.15em -0.5em 0 hsl(30,90%,80%) inset;
    top: 0.25em;
    left: 2em;
    width: 4.5em;
    height: 3em;
    transform-origin: 17% 50%;
    transform-style: preserve-3d;
}

.hamster__limb--fr,
.hamster__limb--fl {
    clip-path: polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);
    top: 2em;
    left: 0.5em;
    width: 1em;
    height: 1.5em;
    transform-origin: 50% 0;
}

.hamster__limb--fr {
    animation: hamsterFRLimb var(--dur) linear infinite;
    background: linear-gradient(hsl(30,90%,80%) 80%,hsl(0,90%,75%) 80%);
    transform: rotate(15deg) translateZ(-1px);
}

.hamster__limb--fl {
    animation: hamsterFLLimb var(--dur) linear infinite;
    background: linear-gradient(hsl(30,90%,90%) 80%,hsl(0,90%,85%) 80%);
    transform: rotate(15deg);
}

.hamster__limb--br,
.hamster__limb--bl {
    border-radius: 0.75em 0.75em 0 0;
    clip-path: polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);
    top: 1em;
    left: 2.8em;
    width: 1.5em;
    height: 2.5em;
    transform-origin: 50% 30%;
}

.hamster__limb--br {
    animation: hamsterBRLimb var(--dur) linear infinite;
    background: linear-gradient(hsl(30,90%,80%) 90%,hsl(0,90%,75%) 90%);
    transform: rotate(-25deg) translateZ(-1px);
}

.hamster__limb--bl {
    animation: hamsterBLLimb var(--dur) linear infinite;
    background: linear-gradient(hsl(30,90%,90%) 90%,hsl(0,90%,85%) 90%);
    transform: rotate(-25deg);
}

.hamster__tail {
    animation: hamsterTail var(--dur) linear infinite;
    background: hsl(0,90%,85%);
    border-radius: 0.25em 50% 50% 0.25em;
    box-shadow: 0 -0.2em 0 hsl(0,90%,75%) inset;
    top: 1.5em;
    right: -0.5em;
    width: 1em;
    height: 0.5em;
    transform: rotate(30deg) translateZ(-1px);
    transform-origin: 0.25em 0.25em;
}

.spoke {
    animation: spoke var(--dur) linear infinite;
    background: radial-gradient(100% 100% at center,hsl(0deg 2.27% 88.56%) 4.8%,hsla(0,0%,60%,0) 5%), linear-gradient(hsla(0,0%,55%,0) 46.9%,hsl(0deg 0% 90.13%) 47% 52.9%,hsla(0,0%,65%,0) 53%) 50% 50% / 99% 99% no-repeat;
}

/* Animations */
@keyframes hamster {
    from, to {
        transform: rotate(4deg) translate(-0.8em,1.85em);
    }

    50% {
        transform: rotate(0) translate(-0.8em,1.85em);
    }
}

@keyframes hamsterHead {
    from, 25%, 50%, 75%, to {
        transform: rotate(0);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(8deg);
    }
}

@keyframes hamsterEye {
    from, 90%, to {
        transform: scaleY(1);
    }

    95% {
        transform: scaleY(0);
    }
}

@keyframes hamsterEar {
    from, 25%, 50%, 75%, to {
        transform: rotate(0);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(12deg);
    }
}

@keyframes hamsterBody {
    from, 25%, 50%, 75%, to {
        transform: rotate(0);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(-2deg);
    }
}

@keyframes hamsterFRLimb {
    from, 25%, 50%, 75%, to {
        transform: rotate(50deg) translateZ(-1px);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(-30deg) translateZ(-1px);
    }
}

@keyframes hamsterFLLimb {
    from, 25%, 50%, 75%, to {
        transform: rotate(-30deg);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(50deg);
    }
}

@keyframes hamsterBRLimb {
    from, 25%, 50%, 75%, to {
        transform: rotate(-60deg) translateZ(-1px);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(20deg) translateZ(-1px);
    }
}

@keyframes hamsterBLLimb {
    from, 25%, 50%, 75%, to {
        transform: rotate(20deg);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(-60deg);
    }
}

@keyframes hamsterTail {
    from, 25%, 50%, 75%, to {
        transform: rotate(30deg) translateZ(-1px);
    }

    12.5%, 37.5%, 62.5%, 87.5% {
        transform: rotate(10deg) translateZ(-1px);
    }
}

@keyframes spoke {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-1turn);
    }
}

/* Table loader */
.table-loader {
    width: 20;
    height: 20;
    border: 3px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.table-loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20;
    height: 20;
    border-radius: 50%;
    border: 5px solid;
    border-color: #CB0090 #0000000d;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Switcher */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #CB0090;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Global alerts */
.global-alerts {
    position: fixed;
    left: 40px;
    bottom: 30px;
    z-index: 99;
}

.global-alert-element {
    max-width: 250px;
    background: white;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 10px 39px -6px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 10px 39px -6px rgba(0,0,0,0.13);
    box-shadow: 0px 10px 39px -6px rgba(0,0,0,0.13);
}

.global-alert-element.alert-good {
    background: #d8ecdb;
}

.global-alert-element.alert-good p {
    color: #23a23f;
}

.global-alert-element.alert-bad {
    background: #ffc9d1;
}

.global-alert-element.alert-bad p {
    color: #df3657;
}


/* Appsumo code pop-up */

.appsumo-code-status {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.appsumo-code-status h2 {
    margin: 0;
}

.appsumo-code-status .icon {
    height: 40px;
    width: 40px;
    background-image: url("https://i.onthe.io/smngoz3lh7lt95tn5.a40da1f5.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-right: 10px;
}

.appsumo-code-status.status-ok .icon {
    background-image: url("https://i.onthe.io/smngoz3lh7lt95tn5.a40da1f5.png");
}

.appsumo-code-status.status-not-ok .icon {
    background-image: url("https://i.onthe.io/smngoz1tf7ihp8q7l.0e3cffd7.png");
}

/* Additional */

.file-upload-failed {
    padding: 20px;
    border: solid 1px #df3657;
    border-radius: 5px;
    background: #f3f3f3;
}

.bulk-history-table .cell.progress .failed {
    color: #df3657;
}

.popup-overlay {
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.popup-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(187, 81, 156);
    background: linear-gradient(131deg, rgb(187, 81, 156) 0%, rgb(162, 1, 115) 100%);
    opacity: 0.7;
}

.popup-content {
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
    border-radius: 10px;
    min-width: 550px;
    max-height: 90%;
    overflow: auto;
    box-sizing: border-box;
}

.popup-content p {
    margin: 20px 0 5px 0;
}

.popup-content button {
    margin-top: 20px;
}

a.docs-link {
    color: #CB0090;
    font-weight: bold;
    cursor: pointer;
    padding: 13px;
}

p.empty-list-text {
    color: #CB0090;
    font-weight: bold;
}