/**
 * justselling Germany Ltd. EULA
 * http://www.justselling.de/
 * Read the license at http://www.justselling.de/lizenz
 *
 * Do not edit or add to this file, please refer to http://www.justselling.de for more information.
 *
 * @category    justselling
 * @package     justselling_simplecore
 * @copyright   Copyright (C) 2013 justselling Germany Ltd. (http://www.justselling.de)
 * @license     http://www.justselling.de/lizenz
 **/

.simple-box { z-index: 20050; text-align:center; }
.simple-box { padding: 10px;}
.simple-box .validation-advice { color: white; }

.simple-progress,
.simple-confirm,
.simple-overlay {
    background: rgba(0, 0, 0, .8);
    color: white;
    padding: 10% 30%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20500;
    width: 100%;
    height: 100%;
    font-size: 1.5em;
    line-height: 1.9em;
    font-weight: 300;
}
.simple-progress .loader-image,
.simple-confirm .loader-image,
.simple-overlay .loader-image {
    vertical-align: middle;
}
#simple-progress-inner,
#simple-confirm-inner,
#simple-overlay-inner,
.simple-progress-inner,
.simple-overlay-inner { display:inline-block; height: auto; }
.simple-overlay h1,
.simple-overlay div.simple-overlay-inner h1{ color: white; }
.simple-overlay .form-list .required:first-child::after { color: white; }
.simple-overlay .form-list,
.simple-overlay p { font-size: 0.8em; line-height: 1.7em; }
.simple-overlay .validation-advice { color: white; }
.simple-overlay .buttons-set.center { float:none!important; text-align: center; }
@media screen and (max-width: 640px) {
    .simple-overlay { font-size: 0.8em; line-height: 1.0em; }
    .simple-overlay h1 { font-size: 1.2em; }
    .simple-overlay-inner { width: 300px; height: auto; }
    .simple-overlay .form-list,
    .simple-overlay p { font-size: 0.8em; line-height: 1.3em; }
    .simple-overlay div.input-box { clear:both; width:100%;}
    .simple-overlay div.input-box input,
    .simple-overlay input#name.input-text.required-entry{width: 100%!important; font-size: 14px; }
    .simple-overlay .form-list > li > label { width: 100%; padding-left: 0px; text-align:left; }
    .simple-overlay .form-list > li > label { padding-top: 0px; }
    .simple-overlay div.buttons-set.center { margin-top: 20px }
}

.simple.media.ajaxloader { margin-top: 11px; margin-right: 8px; }
.simple-progress p,
.simple-confirm p { text-align: center; }
.simple-progress div.primary.buttons-set { text-align: center; }