html {
    min-height: 100%;
    -webkit-font-smoothing:antialiased;
}

h1, h2, h3, p {
    /*text-shadow: 0px 1px rgba(255,255,255,0.5);*/
}

h1 {
    font-size: 2.3em;
}

h2 {
    margin: 0 0 10px 0;
    font-size: 30px;
    font-weight: 100;
}

.clearfix {
    display: inline-block;
    width: 100%;
}

/* New style table (ListView) */


* > .show_hover {
    display: none;
}

*:hover > .show_hover {
    display: inline-block;
}

.list-group li {
    display: block;
    color: black;
    padding: 9px;
}

.list-group li:hover {
    background: #EEE;
}

.list-group li.sel, .list-group li.sel:hover {
    background: #BBDBFF;
}


.list-group li:first-child {
    -webkit-box-shadow: inset 0px 3px 6px -2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 3px 6px -2px rgba(0,0,0,0.05);
    box-shadow: inset 0px 3px 6px -2px rgba(0,0,0,0.05);
}

.list-group li:not(:first-child) {
    border-top: 1px solid #f4f4f4;
}

.list-group li span {
}

.list-group li .show_hover {
    display: none;
}

.list-group li:hover .show_hover {
    display: inline-block;
}

.list-group li:hover .hide_hover {
    display: none;
}

.list-group li span {
    margin: 0 10px;
}

.list-group li .title {
    font-weight: bold;
}

.list-group li .sub {
    color: gray;
}

.list-group li .ital {
    font-style: italic;
}

.list-group li .right {
    float: right;
}

.gallery {
    margin: 8px 0;
}

.gallery img {
    margin: 0 5px 5px 0;
}

/* Dropzone */

.dz-message {
    text-align: center;
    padding: 20px;
    background: #F3F3F3;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-size: 18px;
    cursor: pointer;
    margin: 10px 0;
}

.dz-processing {
    background: #FFF6B6;
}

.dz-success {
    display: none;
    background: #C3FFA6;
}

.dropzone .dz-message { border-style: dashed; border: 1px dashed gray; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; border-style: solid; }


/* Widgets & React Components */

.loadStatus {
    margin: 50px auto;
    width: 200px;
    text-shadow: 0px 1px 0px white;
}

.loadStatus .message, .empty {
    display: block;
    text-align: center;
    color: #D2D2D4;
    font-size: 23px;
    text-shadow: 0px 1px 0px white;
}

.loadStatus .holder {
    display: block;
    width: 200px;
    padding: 10px;
    margin: 20px auto;
}

.loadStatus .nil {
    display: block;
    margin: 0 auto;
}

.loader.large {
    background-image: url(/images/puff.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin: 0px auto;
    width: 100px;
    height: 100px;
}

.loader.large.hidden {
    display: none;
}

/* Text Styles */

.step-number {
    display: block;
    width: 60px;
    margin: 20px auto 0px auto;
    text-align: center;
    font-size: 3em;
}

.ftr {
    text-align: center;
    font-size: 2em;
    text-shadow: 0px 1px white;
}

.ftr.sub {
    font-size: 1.5em;
    color: rgba(0,0,0,0.5);
}

.grow { transition: all .2s ease-in-out; transform: scale(0.8); }
.grow:hover { transform: scale(1.0); }

.darken { transition: all .2s ease-in-out; opacity: 0.6; }
.darken:hover { opacity: 1.0; }