/**
 * Main style css
 *
 * @category	design
 * @package 	base_default
 * @author  	Webinse Team <info@webinse.com>
 * @copyright   2017 Webinse Ltd. (https://www.webinse.com)
 * @license 	http://opensource.org/licenses/OSL-3.0 The Open Software License 3.0
 */

#a-cookie {
    overflow: hidden;
    background: #FFF;
    color: #444;
    z-index: 9999;
    font-size: 13px;
}

#a-cookie .a-message {
    font-weight: 600;
    padding: 5px 10px;
    text-align: left;
}

#a-cookie .a-actions {
}

#a-cookie .a-button {
    color: #222;
    display: inline-block;
    background-image: linear-gradient(#F4F4F4, #ECECEC);
    padding: 4px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFF;
    border-radius: 4px;
}

#a-cookie .a-button:hover,
#a-cookie .a-button:focus {
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

#a-cookie.a-bar {
    display: table;
    width: 100%;
    padding: 5px 0;
}

#a-cookie.a-bar .a-message {
    display: table-cell;
}

#a-cookie.a-bar .a-actions {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
    padding-right: 10px;
    text-align: right;
}

#a-cookie.a-bar.a-top {
    position: relative;
}

#a-cookie.a-bar.a-bottom {
    position: fixed;
    bottom: 0;
}

#a-cookie.a-box {
    position: fixed;
    max-width: 300px;
    border-radius: 5px;
    margin: 10px;
}

#a-cookie.a-box .a-actions {
    float: left;
    margin: 5px 10px;
}

#a-cookie.a-box.a-top-left {
    top: 0;
    left: 0;
}

#a-cookie.a-box.a-top-right {
    top: 0;
    right: 0;
}

#a-cookie.a-box.a-bottom-left {
    bottom: 0;
    left: 0;
}

#a-cookie.a-box.a-bottom-right {
    bottom: 0;
    right: 0;
}

@media (max-width: 480px) {
    #a-cookie .a-message {
        float: left;
    }

    #a-cookie .a-actions {
        float: left;
        margin: 5px 10px;
    }

    #a-cookie.a-bar .a-actions {
        width: auto;
    }

    #a-cookie.a-box {
        display: table;
        padding: 5px 0 0;
        position: fixed;
        bottom: 0;
        top: auto;
        max-width: 100%;
    }

    #a-cookie.a-box .a-message {
        display: table-cell;
    }

    #a-cookie.a-box .a-actions {
        display: table-cell;
        vertical-align: middle;
        width: 250px;
        text-align: left;
    }
}

#a-cookie.a-bar.a-bottom.a-animation,
#a-cookie.a-box.a-bottom-left.a-animation,
#a-cookie.a-box.a-bottom-right.a-animation {
    animation-duration: 1s;
    animation-name: in-bottom;
    animation-timing-function: inherited;
    animation-fill-mode: forwards;
}

@keyframes in-bottom {
    from {
        bottom: -250px;
    }

    to {
        bottom: 0px;
    }
}

#a-cookie.a-bar.a-top.a-animation,
#a-cookie.a-box.a-top-left.a-animation,
#a-cookie.a-box.a-top-right.a-animation {
    animation-duration: 1s;
    animation-name: in-top;
    animation-timing-function: inherited;
    animation-fill-mode: forwards;
}

@keyframes in-top {
    from {
        top: -250px;
    }

    to {
        top: 0px;
    }
}

#a-cookie.a-bar.a-bottom.a-animation.accepted,
#a-cookie.a-box.a-bottom-left.a-animation.accepted,
#a-cookie.a-box.a-bottom-right.a-animation.accepted {
    animation-duration: 1s;
    animation-name: btn-bottom;
    animation-timing-function: inherited;
}

@keyframes btn-bottom {

    from {
        bottom: 0px
    }

    to {
        bottom: -250px
    }
}

#a-cookie.a-bar.a-top.a-animation.accepted,
#a-cookie.a-box.a-top-right.a-animation.accepted,
#a-cookie.a-box.a-top-left.a-animation.accepted {
    animation-duration: 1s;
    animation-name: btn-top;
}

@keyframes btn-top {

    from {
        top: 0px
    }

    to {
        top: -250px
    }
}