body.green
{
    /*padding-bottom: 80px;*/
    font-size: 14px;
    background-image: linear-gradient(to bottom, #dff3e9 0%, #fafafa 100%);
    overflow-y: scroll;
    min-height: calc(100vh - 40px);
}

    body.green #nav
    {
        background-color: transparent;
        border-bottom-color: transparent;
        transition: background 1s ease 0s;
    }

    body.green.scroll #nav
    {
        background-color: #dff3e9;
        border-bottom-color: #dff3e9;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

    body.green .navbar-default, body.green .navbar-default .navbar-nav > li > a, body.green .navbar-default .navbar-nav > li > a:focus
    {
        color: #777;
    }

        body.green .navbar-default .navbar-nav > li > a:hover
        {
            background-color: #fafafa;
            color: #222;
        }

    body.green #btnHelp:hover, body.green #btnLangToggle:hover, body.green #login_link:hover
    {
        /* background-color: #e7e7e7; */
        background-color: #fafafa;
        color: #222;
    }

    body.green .panel-success > .panel-heading
    {
        color: #fff;
        border-color: #3d8946;
        background: linear-gradient(#5d9e5c, #3d8946);
    }


body:not(.green)
{
    padding-top: 52px;
    height: 100%;
    min-height: 100vh;
}

    body:not(.green) #main
    {
        background-image: url(/photos/radar-b3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: bottom;
        height: 100%;
        min-height: 100vh;
        padding-top: 20px;
        margin-top: -2px;
    }

    body:not(.green).skin-dark #main
    {
        background-image: url(/photos/radar-by-night.png);
    }

body.skin-dark
h1
{
    margin-top: 0;
    margin-bottom: 0;
}

body.skin-dark
.panel-footer
{
    background-color: #9c9c9b;
}

.ptitle
{
    font-weight: bold;
}

/*.content
{
    margin-bottom: 40px;
}*/

.features
{
    margin: 20px;
}

    .features tr > td:first-child
    {
        width: 50px;
    }

    .features tr > td:last-child
    {
        font-size: 100%;
    }

    .features tr > td:first-child
    {
        font-size: 80% !important;
    }

    .features .text-success
    {
        color: #0cb70f;
    }

#accept:hover, #emailInvoice:hover
{
    cursor: pointer;
}

#contract
{
    font-size: 90%;
}

.back
{
    position: absolute;
    z-index: 5;
    right: 30px;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
    text-align: center;
    font-size: 200%;
    /*color: #777777;*/
}

    .back:hover
    {
        color: #dddddd !important;
    }

    .back .fa
    {
        margin: 3px;
    }

.desc
{
    margin-bottom: 0px;
}

body.addfree .newonly
{
    display: none;
}

body:not(.addfree) .oldonly
{
    display: none;
}

.text-white
{
    color: white;
}

.display-value
{
    margin-top: 10px;
}

.btd
{
    border-top: double;
}

.fs120
{
    font-size: 120%;
}

.fs150
{
    font-size: 150%;
}

.bgly
{
    background-color: lightyellow;
}

.bglg
{
    background-color: #f5f5f5;
}

.bt
{
    border-top: 1px solid #dddddd;
}

.bb
{
    border-bottom: 1px solid #dddddd;
}

.mt2
{
    margin-top: 20px;
}

.pt2
{
    padding-top: 20px;
}

.pb1
{
    padding-bottom: 10px;
}

.btn:focus
{
    outline: none !important;
}

.btn-default.active, .btn-default:active, .btn-default.active.focus
{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    outline: none;
}

.btn-group
{
    margin-bottom: 10px;
}

label[for='accept']
{
    cursor: pointer;
    font-weight: normal;
}


#accept
{
    font-size: 200%;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    #accept:focus
    {
        outline: none;
        border: none;
        box-shadow: none;
    }

#checker
{
    font-size: 200%;
    vertical-align: middle;
}

.nobold
{
    font-weight: normal !important;
}

#offering-row
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#bigpanel div.panel-heading
{
    display: flex;
    flex-direction: row;
}

/*.prod-col
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

body.sek.yr .pricetag::before
{
    content: attr(data-sek);
}

body.sek.um .pricetag::before
{
    content: attr(data-sekUM);
}

body.eur.yr .pricetag::before
{
    content: attr(data-eur);
}

body.eur.um .pricetag::before
{
    content: attr(data-eurUM);
}

body.gbp.yr .pricetag::before
{
    content: attr(data-gbp);
}

body.gbp.um .pricetag::before
{
    content: attr(data-gbpUM);
}

body.usd.yr .pricetag::before
{
    content: attr(data-usd);
}

body.usd.um .pricetag::before
{
    content: attr(data-usdUM);
}

.krumelur
{
    font-size: 50%;
    vertical-align: top;
    margin-left: 5px;
}

    .krumelur::after
    {
        content: '*)';
    }


h4.first-h4
{
    margin-bottom: 5px;
}

    h4.first-h4 ~ h4
    {
        margin-top: 0px;
        margin-bottom: 5px;
    }

.prod-col
{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.prod-col a.btn
{
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: auto;
}

.help-block
{
    min-height: 20px !important;
}