/*
==============================================================================

(c) 2014-2016 by Beck IPC GmbH, http://www.beck-ipc.com

==============================================================================

Module:
    dialog.css

Function:
    Dialog CSS file.

==============================================================================

$Id: 

==============================================================================
*/

.js-dialog-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 100, 100, 0.5);
}

.js-dialog-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
}

.js-dialog-head {
    padding: 10px;
    background-color: #F2F2F2;
}

.js-dialog-content {
    padding: 10px;
    text-align: center;
}

.js-dialog-content li {
    list-style-type: none;
}

.js-dialog-options {
    padding: 10px;
    text-align: right;
    border-top: 2px solid #F2F2F2;
}

.js-dialog-options button {
    position: relative;
    min-width: 70px;
    height: 30px;
    padding: 8px 15px;
    border: none;
    background-color: #555;
    color: white;
    cursor: pointer;
}

.js-dialog-options button:hover {
    opacity: 0.8;
}

.js-dialog-options button:not(:first-of-type) {
    margin-left: 10px;
}

/*** Progress Bar ***/
.js-dialog-progress-bar {
    width: 100%;
    height: 30px;
    position: relative;
    background-color: #F2F2F2;
    display: table;
    vertical-align: middle;
}

.js-dialog-progress-bar div:first-of-type {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #B4E0B4;
    z-index: 1;
}

.js-dialog-progress-bar div:last-of-type {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
}

.js-dialog-image-chooser {
    display: none;
}