.Cookie.CookieView {
    position: fixed;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
    width:    100%;
    height:   100%;
    z-index:  9999;
}

.Cookie.CookieView .position{
    display:inline-block;
}

.Cookie.CookieView .overlay {
    position:         fixed;
    top:              0;
    right:            0;
    bottom:           0;
    left:             0;
    width:            100%;
    height:           100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:          9998;
}

.Cookie.CookieView .outer {
    width:      500px;
    max-width:  100%;
    margin:     0 auto;
    overflow-y: auto;
    position:   relative;
    z-index:    9999;
    opacity:    0;
    transition: opacity linear 200ms;
}

.Cookie.CookieView.active .outer {
    opacity: 1;
}

.Cookie.CookieView .inner {
    background-color:      #fff;
    border-radius:         4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    width:                 100%;
    height:                100%;
    padding:               20px;
    box-sizing:            border-box;
    -moz-box-sizing:       border-box;
    -webkit-box-sizing:    border-box;
}

.Cookie .CookieBtn:before {
    content:          '';
    position:         absolute;
    top:              0;
    left:             0;
    right:            0;
    bottom:           0;
    background-color: rgba(0, 0, 0, 0.0);
    width:            100%;
    height:           100%;
}

.Cookie .CookieBtn:hover:before {
    background-color: rgba(0, 0, 0, 0.1);
}

.Cookie .CookieBtn {
    position:              relative;
    background-color:      #f0f0f0;
    border:                2px solid #ddd;
    padding:               7px 7px;
    box-sizing:            border-box;
    -moz-box-sizing:       border-box;
    -webkit-box-sizing:    border-box;
    border-radius:         4px;
    -moz-border-radius:    4px;
    -webkit-border-radius: 4px;
}

.Cookie .CookieBtn.BtnOkay {
    background-color: #007700;
    border-color:     #007700;
    color:            #fff;
}

.admin-bar .Cookie.CookieView .outer {
    margin-top: 32px;
}

.Cookie.position-top .outer,
.Cookie.position-bottom .outer {
    position:  absolute;
    width:     100%;
    max-width: 100%;
}

.Cookie.position-top .outer {
    top: 0;
}

.Cookie.position-bottom .outer {
    bottom: 0;
}

.Cookie.position-top .inner,
.Cookie.position-bottom .inner {
    border-radius:         0;
    -moz-border-radius:    0;
    -webkit-border-radius: 0;
}

.CookieView h1 {
    margin: 0;
}

@media (max-width:500px){
    .Cookie.CookieView .outer {
        width:      100%;
        max-width:  100%;
    }
}