.float-panel,
.float-panel-style {
    background: #ffffff;
    border: 1px solid #999999;
    border-radius: .8em;
    box-shadow: 4px 4px 2px grey;
}

.float-panel .float-panel-header {
    position: absolute;
    width: 100%;
    height: 2em;
    border-radius: .8em .8em 0 0;
    padding: .2em .5em;
    background-color: #dddddd;
}

    .float-panel .float-panel-header .float-panel-title {
        float: left;
        font-weight: bold;
        line-height: 2em;
    }

    .float-panel .float-panel-header .float-panel-close {
        float: right;
    }

.float-panel .float-panel-message {
    position: absolute;
    top: 2em;
    left: 0;
    right: 0;
    padding: .2em .5em;
    font-size: larger;
    font-weight: bold;
    text-decoration: underline;
}

.float-panel .float-panel-content {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 4.2em;
    left: 0;
    right: 0;
    bottom: 3.6em;
    padding: 1em;
}

.float-panel .float-panel-no-msg {
    top: 2em !important;
}

.float-panel .float-panel-no-footer {
    bottom: .2em !important;
}

.float-panel .float-panel-footer {
    overflow-y: auto;
    position: absolute;
    left: .2em;
    right: .2em;
    bottom: .2em;
    padding: .5em;
    border-top: 1px solid #dddddd;
}

    .float-panel .float-panel-footer .loading {
        display: inline-block;
    }

#loading-modal {
    background: rgba(0,0,0,0.65);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1051;
}

    #loading-modal div.float-panel-style {
        min-width: 18em;
        z-index: 998 !important;
        box-shadow: none !important;
    }