﻿/* to be used with jquery.gatewaycookiebanner.js*/
.col-cookies
{
    width:66.6%;
}

.col-cookies-right
{
    width:244px;
    float:right;
}

.cc-cookies {
    position:absolute;
    width: 100%;
    padding: 0.1em 8px;
    margin-bottom:20px;
    background-color: rgba(99, 100, 102, 0.95);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    z-index: 99999;
    text-align: left;
    color: #fff;
}

.cookieText
{
    padding-top:0.2em;
    float:left;
}

    .cc-cookies a, .cc-cookies a:hover {
        color: #fff;
        text-decoration: underline;
    }

        .cc-cookies a:hover {
            text-decoration: none;
        }

        .cc-cookies a.cc-cookies-decline, a.cc-cookies-accept {
            display: inline-block;
            color: #fff;
            text-decoration: none;
            background-color: #C21D1D;
            padding: 0.2em 0;
            float:left;
            background: #af3b3b;
            margin-left: 0;
            width:130px;
            text-align:center;
        }

        .cc-cookies a:hover.cc-cookies-decline, a:hover.a.cc-cookies-accept {
            background: #000;
        }

.cc-cookies-rm {
    overflow: hidden;
    width:100%;
    left:0;
    padding: 0.2em 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    z-index: 99999;
    text-align: left;
    color: #fff;
}

.cc-cookies-toggle {
    float: left;
    margin-top:0.2em;
    width:70px;
    display:block;
    text-align:center;
}

.cc-cookies-close
{
    float: left;
    margin-top:0.3em;
    margin-left:6px;
    width:13px;
}

.glyphicons-alt-text{
    display:none;
}

@media screen and (max-width: 760px) {
    .col-cookies
    {
        width: 100%;
    }

    .col-cookies-right
    {
        width: 100%;
        float: none;
    }

    .cc-cookies
    {
        position: static;
    }

        .cc-cookies a.cc-cookies-decline, a.cc-cookies-accept
        {
            display: block;
            margin: 0 auto 0.2em 0;
            float: right;
            text-align: center;
        }

    .cc-cookies-rm
    {
        top: 100px;
        width: 100%;
        text-align: center;
    }

    .cc-cookies-toggle
    {
        float: left;
    }

    .cc-cookies-close
    {
        position: absolute;
        right: 20px;
        top: 8px;
    }

    .cookieText
    {
        padding: 0 30px 0 0;
    }
}
