/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 17, 2016, 9:23:19 AM
    Author     : Petr
*/

.messagebox-basket-extended{
    background-color: #232323;
    border: 5px solid #cfb896;
    border-radius: 2px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    padding-top: 10px;
}

.basket-extended-message{
    padding: 20px 20px 10px 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #cfb896;
    font-family: "Satisfy", cursive !important;
}

.messagebox-basket-extended-buttons-spacer{
    text-align: center;
}

.basket-extended-btn{
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    background: #cfb896;
    color: #fff;
    border: 1px solid #2c4422;
    border-radius: 2px;
    text-decoration: none;
}
.basket-extended-btn:hover{
    color: #fff !important;
}
.basket-extended-img{
    height: 16px;
    width: 16px;
}

@media only screen and (min-width: 1400px)
{
    .messagebox-basket-extended{width: 450px;height: 240px;position: absolute;left: 0;right: 0;padding-bottom: 0px;}
}

@media only screen and (max-width: 1399px)
{
    .messagebox-basket-extended{width: 400px;height: 250px;position: absolute;left: 0;right: 0;padding-bottom: 0px;}
}

@media only screen and (max-width: 1000px)
{
    .messagebox-basket-extended{width: 400px;height: 250px;position: absolute;left: 0;right: 0;padding-bottom: 0px;}
}

@media only screen and (max-width: 600px)
{
    .messagebox-basket-extended{width: 100%;height: auto;position: relative;left: auto;right: auto;padding-bottom: 30px;}
}