/* *** Fixa o tamanho máximo da área de formulário e listagem *** */
.panel-default, .page-heading {
    max-width: 1392px;
    margin: 0 auto;
}

.alert {
    max-width: 1392px;
    margin: 0 auto 12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) {
    /* some CSS for small resolution */
    div.panel-heading div.actions {
        text-align: left;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 769px) {
    /* some CSS for large resolution */
    div.panel-heading div.actions {
        text-align: right;
    }
}

#optionsList div.row:hover {
    background: #f7f7f7;
}

.demo-options {
    z-index: 900 !important;
    position: fixed !important;
    top: 100px !important;
    width: 270px !important;
    height: 100px !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-bottom-left-radius: 1px !important;
    right: -270px !important;
    z-index: 1240 !important;
    background: #fff !important;
    -webkit-transition: transform 0.15s ease !important;
    -o-transition: transform 0.15s ease !important;
    transition: transform 0.15s ease !important;
}

.demo-options.active {
    transform: translateX(-265px) !important;
    -ms-transform: translateX(-265px) !important;
    -o-transform: translateX(-265px) !important;
    -webkit-transform: translateX(-265px) !important;
}

.demo-options .demo-options-icon {
    display: inline-block !important;
    position: absolute !important;
    left: -65px !important;
    height: 48px !important;
    width: 65px !important;
    color: #616161 !important;
    line-height: 48px !important;
    text-align: center !important;
    font-size: 13px !important;
    border-width: 1px 0 1px 1px !important;
    border-style: solid !important;
    border-color: #e0e0e0 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    background-color: #fff !important;
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
    top: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.scroll-pane > .scroll-content {
    position: absolute !important;
    overflow: scroll !important;
    overflow-x: hidden !important;
    bottom: 0 !important;
    left: 0 !important;
}

.demo-body {
    height: 410px !important;
    padding: 8px !important;
    background-color: #fff !important;
    border-left: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #616161 !important;
}

.demo-options .demo-body .option-title {
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    margin-top: 10px !important;
}

.dropzone .dz-preview {
    background: #fff !important;
    border: 3px solid #e0e0e0;
    padding: 8px !important;
    height: 215px !important;
}

.dz-upload {
    display: block !important;
    background: #8bc34a !important;
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 0 !important;
}

.dropzone .dz-preview.dz-file-preview .dz-details:hover {
    opacity: 1 !important;
}

.dropzone .dz-preview .dz-details .dz-filename {
    margin-bottom: 1em;
}

.dropzone .dz-preview .dz-details .dz-classif:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-classif:not(:hover) span {
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-classif span {
    background-color: rgba(255,255,255,0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview .dz-details .dz-classif span:hover, .dropzone .dz-preview .dz-details .dz-filename span:hover {
    background-color: #fff;
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview .dz-details .dz-classif {
    white-space: nowrap;
}