/*
    Bootcooker
*/

[data-bootcooker="0"], [data-bootcooker-object], [data-bootcooker-iframe], [data-bootcooker-embed] {
    display: none
}

[data-bootcooker="1"] {
    animation: bootcooker-load 1s;
    -webkit-animation: bootcooker-load 1s;
    
    display: table
}
[data-bootcooker="2"] {
    transform: translateY(-500%)
}

[data-bootcooker]
{
    font: 12px helvetica, verdana, sans-serif;
    transition: transform 1s;
    
    position: fixed;
    left: 0; top: 15%;
    width: 100%;
    
    z-index: 999999999
}

#bootcooker
{
    transition: opacity 300ms;
    
    display: table;
    margin: auto;
    width: 60%;
    
    border-radius: 1px;
    box-shadow: 0 0 0 4px rgba(15, 15, 15, 0.2);
    
    opacity: 0.8
} #bootcooker:hover { opacity: 1 }

.bootcooker-container
{
    display: table;
    width: 100%;
    
    table-layout: fixed
}

.apply-background-white {
    background-color: #FFFFFF
}
.apply-background-gray {
    background-color: #F4F3EE
}
.apply-background-green {
    background-color: #70BA3F
}
.apply-border-bottom {
    border-bottom: 1px solid #E5E4E1
}
.apply-border-top {
    border-top: 1px solid #E5E4E1
}

.bootcooker-text
{
    display: table;
    margin: 20px;
    
    color: #555555
}

.bootcooker-box {
    display: table-cell
}
.bootcooker-button
{
    transition: box-shadow 300ms, color 300ms;
    cursor: pointer;
    
    display: table;
    margin: 20px auto;
    padding: 5px 20px;
    
    border-radius: 2px;
    box-shadow: 0 0 3px 0 rgba(15, 15, 15, 0.2);
    
    text-decoration: none;
    
    color: #FFFFFF
}
.bootcooker-svg {
    transition: fill 300ms;
    cursor: pointer;
    
    display: table;
    margin: 10px 20px;
    float: right;
    width: 32px; height: 32px;
    
    fill: #A83725
}
.bootcooker-svg:hover {
    fill: #CF3232
}

.bootcooker-button:hover {
    box-shadow: 0 0 5px 0 rgba(15, 15, 15, 0.3);
    
    color: #F7F7F7
}
.bootcooker-button:active {
    box-shadow: 0 0 2px 0 rgba(15, 15, 15, 0.1);
    
    color: #F7F7F7
}

@keyframes bootcooker-load { from { transform: translateY(-500%) } to { transform: translateY(0) } }
@-webkit-keyframes bootcooker-load { from { transform: translateY(-500%) } to { transform: translateY(0) } }