@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    20%, 70% {
        transform: scale(0.8);
    }
    
    100% {
        transform: scale(1);
    }
}

.screen-shadow {
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
img.screenshot {
    margin-bottom:-8px;
}

/* Domain scanner */
#domain-scanner .col {
    display:inline-block;
    width:46%;
    margin-left:2%;
    vertical-align:top;
}
#domain-scanner #domains {
    list-style:none;
    padding-left:0;
}
#domain-scanner #domains li {
    padding:6px;
    position: relative;
}
#domain-scanner #domains li:nth-child(2n+1) {
    background-color:rgba(0,0,0,0.1);
}
#domain-scanner .domain {
    display:inline-block;
    min-width:200px;
    width:60%;
}
#domain-scanner #domains form,
#domain-scanner #domains span.taken {
    display:inline-block;
    margin-left:12px;
    color:gray;
}
#domain-scanner textarea {
    min-height:90px;
}
#domain-scanner #domains li.disable,
#domain-scanner #domains li.show-more,
#domain-scanner li.hide-next ~ li {
    display:none;
}
#domain-scanner #domains li.hide-next ~ li.show-more {
    display:block;
    background-color:transparent;
    text-align: center;
    text-decoration:underline;
    cursor:pointer;
    padding:10px;
}
#domain-scanner .active-word {
    display:inline-block;
    margin:5px 10px 5px 0;
    padding:5px 10px;
    border-radius:5px;
    background-color:#ddd;
    cursor:pointer;
}
#domain-scanner .active-word.disable {
    background-color: #fafafa;
    color: #aaa;
}
#domain-scanner #tlds label {
    vertical-align:top;
    margin-right:12px;
}
#domain-scanner button,
#domain-scanner textarea,
#domain-scanner input[type='url'] {
    border: none;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.20);
    padding: 10px 15px;
    font-size: 18px;
    width: 100%;
}
#domain-scanner button {
    padding: 15px 0;
    background-color: #2AC8EA;
    color: #fff;
    cursor:pointer;
}
#domain-scanner .domain-order {
    margin-left:12px;
}
#tlds label:before {
    display: inline-block;
    border: 3px solid #2AC8EA;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 4px;
    margin-top: 10px;
    position: relative;
    top: 7px;
}
/*li.cached > .check-domain:before,*/
#tlds input:checked + label:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACOElEQVQ4T6WTS2gTURSGz53JJGnSTkNIfEYImahojWSqCaa74qoiXfiIlko3haJuFMVNtRqDUIRoVll0oasWS2KyEdxYQQVNEdHaVq2mbUy1yKjFvCbPuXckhQSpKdh6t+eej3P+/z8I/uNdi3Ab0Hr7PWGriaKo6LoAnvAOC0XBOMayds2AK5Htu5QIPcNYNhCJdK0J4L1v5UGBxlQMZkWRfuB1x478M2AgaHXRNDw0GiSdICiEIpCdN93zqWXAjeHWAwRBVKFPt/V3zEZXCns1ZDlIIQibTLj5S4JKl4py52DP56eVf6ja3HO0G0Yf3c1hRbnzcsenx1WIJ2Q5LGEyzHFy8w8Bib+S6M7gqfi5ah15R1rlvQ4JxFwGeEs3BMdGU4DlQ57jcy8GQtxJIuEhxz6WFb6n5bkYzGu02t0e97tSDXA2YGxUM5oZ3kHraQo3GHUcPHkeT6podaQg5Y85HSybFbMw9RqnpbLsunV64f2fKy5rcN5v1tGNZNK+X7mRpiWlRs3C1EQZbHYG8oUMfPxAsukUXL/dl/Ct1KfmwsWhLQZAzCTvVBkpqqTossXh3qQZln4yOBEvv/L1JlyAQF4VUClcCpg3EUZ+28I3GNSqAkWIGiZe5pMY4z3+M18X68X+rxxcCHDbkFJ6Y+Ob9LGZjJjLyb3+voXgajdTL0ib7e1NzvYT+pHF2UJ/0CdUckEAoAgAOQDIA8C3mgt1yFsBQNXSpmURQcXp8ewSAFRsS9ab4jfCjd2WTMs1UgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
}
#tlds input[type="checkbox"] {
    display: none;
}
#domain-scanner .warning {
    position: absolute;
    right:8px;
    top:4px;
}
#domain-scanner .warning .icon {
    display: inline-block;
    padding-top: 2px;
}
#domain-scanner .warning span.icon {
    color: darkorange;
    font-size: 20px;
}
#domain-scanner .warning a.icon {
    font-size: 22px;
}
#domain-scanner .warning .msg {
    display: none;
    width: 180px;
    padding: 5px 8px;
    border-radius: 5px;
    background-color: #333;
    color: #fff;
    position: absolute;
    right: 16px;
    line-height: 1;
    font-size: 11px;
    text-align: center;
    z-index: 9;
}
#domain-scanner .warning:hover .msg,
#domain-scanner .warning:focus .msg,
#domain-scanner .warning:active .msg {
    display: inline-block;
}
@media all and (max-width:767px) {
    #domain-scanner .col {
        width:96%;
    }
}

/* Company namegen */
#namegen-scanner h3 {
    font-size: 20px;
    margin-top:25px;
}
#namegen-scanner h4 {
    font-size: 18px;
    margin-top: 12px;
}
#namegen-scanner .col {
    display:inline-block;
    width:48%;
    margin-left:0;
    vertical-align:top;
}
#namegen-scanner .col + .col {
    margin-left:2%;
}
#namegen-scanner #domains {
    list-style:none;
    padding-left:0;
}
#namegen-scanner #domains li {
    padding:6px;
    position: relative;
}
#namegen-scanner #domains li:nth-child(2n+1) {
    /*background-color:rgba(0,0,0,0.1);*/
    background-color:rgba(42,200,234,0.1);
}
#namegen-scanner .domain,
#quick-check .domain {
    display:inline-block;
    min-width:180px;
    width:60%;
}
#namegen-scanner #domains form,
#namegen-scanner #domains span.taken {
    display:inline-block;
    margin-left:12px;
    color:gray;
}
div.domains:not(.show),
#namegen-scanner #domains li.disable,
#namegen-scanner #domains li.show-more,
#namegen-scanner li.hide-next ~ li {
    display:none;
}
#namegen-scanner #domains li.hide-next ~ li.show-more {
    display:block;
    background-color:transparent;
    text-align: center;
    text-decoration:underline;
    cursor:pointer;
    padding:10px;
}
#namegen-scanner li.show-more a {
    display:inline-block;
    padding:5px 20px;
    border-radius:5px;
    color:#fff;
    background-color: #2AC8EA;
}
#namegen-scanner li.show-more:before {
    content:'';
    display:block;
    position: absolute;
    bottom:100%;
    left:0;
    height:120px;
    width:100%;
    background: linear-gradient(0deg, #f6f9fc, transparent);
}
#namegen-scanner .suggest,
#namegen-scanner .active-word {
    display:inline-block;
    margin:5px 10px 5px 0;
    padding:5px 10px;
    border-radius:5px;
    background-color:#2AC8EA;
    color:#ffffff;
    cursor:pointer;
    min-width: 35px;
    text-align: center;
}
#namegen-scanner .suggest:not(.active),
#namegen-scanner .active-word.disable {
    background-color: #f0f0f0;
    color: #aaa;
}
#namegen-scanner #tlds label {
    vertical-align:top;
    margin-right:12px;
}
#namegen-scanner button,
#namegen-scanner input[type='url'] {
    border: none;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.20);
    padding: 10px 15px;
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
}
#fav-doms [type="submit"],
#quick-check [type="submit"],
#namegen-scanner button {
    padding: 15px 0;
    background-color: #2AC8EA;
    color: #fff;
    cursor:pointer;
}
#fav-doms input,
#quick-check input {
    border: 1px solid #2AC8EA;
    border-radius: 5px;
    min-width: 42px;
    padding: 5px !important;
    line-height: 1;
    display: inline-block;
    min-height: 28px;
}
#namegen-scanner .domain-order {
    margin-left:12px;
}
#words-1 {
    width: 100%;
}
.check-domain {
    float:right;
    position: relative;
    padding: 0 4px;
    border-radius:5px;
    background-color: #7CE6C0;
    color:#ffffff;
    font-size: 12px;
}
div.domains {
    position: absolute;
    right: 10px;
    background-color: #ffffff;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0 0 5px 0px #cccccc;
    top:100%;
    width:360px;
}
div.domains ul {
    list-style: none;
    padding: 25px;
}
div.domains:before {
    content:'';
    position: absolute;
    bottom: 100%;
    right:22px;
    display:block;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid #ffffff;
}
div.domains .close {
    position: absolute;
    color:red;
    top:0px;
    right:8px;
    z-index: 999;
    font-size:24px;
    text-decoration: none;
    font-weight: 600;
}
div.domains .warning {
    display: inline-block;
    margin-left:5px;
    padding:5px;
    font-size:12px;
    border-left:2px solid #999;
}
div.domains .warning .icon {
    color:orange;
}
div.domains .taken ~ .warning {
    padding:0;
    font-size:inherit;
    border-left:none;
}
div.domains .taken ~ .warning .icon {
    color: #333;
    text-decoration: none;
}
#domain-words {
    width: 100%;
}
#domain-words th:first-child,
#domain-words td:first-child {
    width: 40%;
}
#domain-words th:not(:first-child),
#domain-words td:not(:first-child) {
    width:20%;
    text-align: center;
    padding: 5px 12px;
}
#domain-words tbody tr:nth-child(2n+1) {
    background-color: rgba(42,200,234,0.1);
}
#domain-words input[type="text"] {
    border:none;
    background-color: rgba(200,200,200,0.2);
    margin:2px;
    width:calc(100% - 8px);
}
#add-row {
    font-size: 32px;
    color: #2AC8EA;
}
#namegen-floats {
    position:fixed;
    bottom:12px;
    left:12px;
    z-index: 9999;
    color:#2AC8EA;
}
#quick-check {
    display: inline-block;
    vertical-align: bottom;
    padding:3px 12px 8px;
    margin-left:12px;
    border-radius:10px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 0 #aaa;
}
#quick-check .msg {
    color: #333;
    font-size: 12px;
}
#quick-check p {
    font-size: 12px;
}
#quick-check [type="text"] {
    min-width: 250px;
}
#quick-check .warning {
    display: inline-block;
    margin-left:5px;
    line-height: 1.2;
}
#quick-check .warning a {
    text-decoration: none;
}
#quick-check ul {
    list-style: none;
    padding:0;
    margin: 0;
}
#quick-check li {
    margin-top:12px;
    max-width:300px;
}
.toggle-fav {
    color:#2AC8EA;
    opacity: 0.2;
    float:right;
    margin-right: 16px;
}
.toggle-fav.active {
    color:red;
    opacity: 1;
}
/*
#domains .domain {
    text-transform: capitalize;
}
*/
#fav-doms {
    position: relative;
    vertical-align: bottom;
    display: inline-block;
    border-radius: 10px;
    padding:20px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 0 #aaa;
}
#fav-doms.minimize {
    padding:18px 16px 12px;
    border-radius:50%;
}
#fav-doms.minimize:after {
    position: absolute;
    content: attr(data-count);
    top: 0;
    right: 0;
    width: 16px;
    height: 14px;
    font-size: 12px;
    border-radius: 50%;
    background-color: #D3EBF7;
    color: #fff;
    line-height: 1;
    padding-top: 2px;
    text-align: center;
}
#fav-doms.minimize:not([data-count="0"]):after {
    background-color: red;
}
#fav-doms.minimize.recount:after {
    animation: pulse 1000ms infinite;
}
#fav-doms.minimize:not([data-count]):after,
#fav-doms:not(.minimize) > .icon,
#fav-doms.minimize > *:not(.icon) {
    display:none;
}
#fav-doms.minimize .icon {
    color: #2AC8EA;
    line-height: 1;
    font-size: 32px;
}
#fav-doms .minimize {
    color: #2AC8EA;
    line-height: 1;
    font-size: 32px;
    position: absolute;
    top: 4px;
    right: 12px;
}
#fav-doms h4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    padding-bottom: 0;
}
#fav-doms > ul {
    list-style: none;
    padding-left:0;
    margin:12px 0;
}
#fav-doms ul ul {
    list-style: disc;
    padding-left: 25px;
    font-size: 90%;
    line-height: 1.5;
    margin-bottom: 8px;
}
.tmp-msg {
    display: block;
    text-align: center;
}
#namegen-scanner .suggest {
    position: relative;
}
#namegen-scanner .suggest.custom {
    height:18px;
    min-width:48px;
    min-height: 38px;
}
li.cached > .check-domain:before,
.suggest.active:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    top: -8px;
    right: -8px;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 0px;
    border-radius: 50%;
    background-color: #7CE6C0;
    font-size: 14px;
    width: 20px;
    height: 17px;
    line-height: 1;
}
li.cached > .check-domain:before {
    display: block;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 13px;
    box-shadow: 0 0 5px 0 #ccc;
    text-align: center;
    font-size: 12px;
}

.suggest.custom:empty:after {
    content: "Eget input";
    position: absolute;
    top:4px;
    left:0;
    line-height: 1.2;
    color:#999;
    padding-top:2px;
    font-size: 60%;
}
.suggest.custom.active:empty:after {
    color:#ffffff;
    opacity: 0.7;
}
#active-words:empty:after {
    content:'Lav en søgning for at få vist forslag...';
    display: block;
    opacity: 0.7;
    font-size: 14px;
    font-weight: 400;
}
#fav-doms .fav-remove,
a.minimize,
#domain-words .remove {
    float: right;
    font-size: 24px;
    line-height: 1;
}
#fav-doms ul ul .fav-remove {
    font-size: 20px;
    margin-right:0;
}
.toggle-fav-dom {
    margin-right:5px;
    color: #2AC8EA;
    opacity: 0.2;
}
.toggle-fav-dom.active {
    color:red;
    opacity: 1;
}
@media all and (max-width:767px) {
    #namegen-scanner .col {
        width:100%;
    }
    #namegen-scanner .col + .col {
        margin-left: 0;
    }
    #domain-words th {
        font-size:12px;
        line-height: 1.2;    
    }
    #domain-words th:first-child,
    #domain-words td:first-child {
        width:50%;
        padding:5px;
    }
    #domain-words th:not(:first-child),
    #domain-words td:not(:first-child) {
        width: 12.5%;
        padding: 5px;
    }
    #namegen-floats {
        width:calc(100% - 24px);
    }
    #quick-check {
        position: absolute;
        width: 250px;
        right: 0;
        bottom:0;
    }
    #quick-check [type="text"] {
        width: 180px;
        min-width: 180px;
    }
    #fav-doms:not(.minimize) {
        position: relative;
        bottom: 70px;
    }
    div.domains {
        right: -13px;
        width: 350px;
    }
    div.domains:before {
        right:48px;
    }
    ul#domains:not(:empty) {
        margin-bottom: 120px;
    }
}