html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.tagval.deleted {
    background-color: #dc3545 !important;
    text-decoration: line-through;
}

.col-10 .tab-content .btn.save, .col-10 .tab-content .btn.saveSimilar, .col-10 .tab-content .btn.visit {
    margin-right: 7px;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
    padding-right: 1.5%;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.media {
    height: 100%;
}

.mediaholder {
    width: 120px;
    height: 120px;
    margin-right: 1%;
    border: 1px solid #f8f9fa !important;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .mediaholder img {
        max-width: 100%;
        height: auto;
    }

.body-text .badge {
    margin-right: 2px;
}

.card-body {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

input.title, .lengthcontainer .progress {
    border-radius: initial;
}

.lengthcontainer .progress {
    height: 3px;
}

.markAsChecked {
    opacity: 0.1;
}

@media screen and (max-width: 2230px) {
    .mediaholder {
        max-width: 100%;
        background-size: contain;
    }

    .similar .progress {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1374px) {
    .col-1, .col-11, .col-10, .col-3, .col-2, .col-9 {
        width: 100%;
    }

    .mediaholder {
        margin: auto;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Pagespeed gauge etc. */
.scoreGauge .circular-chart {
    /*display: block;*/
    max-width: 80%;
    max-height: 100px;
}

.scoreGauge .circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.scoreGauge .circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.scoreGauge .circular-chart.red .circle {
    stroke: #c00;
}

.scoreGauge .circular-chart.green .circle {
    stroke: #080;
}

.scoreGauge .circular-chart.yellow .circle {
    stroke: #fa3;
}

.scoreGauge .percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
}

.pageSpeedSiteResults td {
    width: 40%;
}
    .pageSpeedSiteResults td + td, .pageSpeedSiteResults td + td + td, .pageSpeedSiteResults td + td + td + td, .pageSpeedSiteResults td + td + td + td + td {
        width: 10%;
    }

        .pageSpeedSiteResults td + td + td + td + td + td {
            width: 10%;
        }

.pageSpeedSiteResults .no-sort .dt-column-order {
    display: none !important;
}

@media screen and (max-width: 1400px) {
    .table.pageSpeedSiteResults {
        width: 1400px !important;
        overflow-y: scroll;
    }
}