/* (c) 2015-2017 Business Collaborator Ltd */

#html5_inline_uploader,  #html5_inline_uploader article,  #html5_inline_uploader #dragdropicon {
    height: 34px;
    width: 192px;
}

#html5_inline_uploader .quickbar_HTML5_uploader_icon {
    background-image: url('/bscw_icons/xml/next/images/html5_uploader_192x34.png');
}

#html5_inline_uploader .hover {
    background-image: url('/bscw_icons/xml/next/images/html5_uploader_hover_192x34.png') !important;
}

/* CSS media query to determine when the device is retina class or above */
@media (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    #html5_inline_uploader .quickbar_HTML5_uploader_icon {
        background-image: url('/bscw_icons/xml/next/images/html5_uploader_384x68.png');
        background-size: 192px 34px;
    }

    #html5_inline_uploader .hover {
        background-image: url('/bscw_icons/xml/next/images/html5_uploader_hover_384x68.png') !important;
    }
}

.ui-dialog-titlebar {
    background: none;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0px;
    font-size: 14px;
    padding: 15px !important;
}


.ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}

.information-dialog hr {
    margin-top: 0;
    margin-bottom: 10px;
}

.uploader_file_list {
    font-size: 0.9em !important;
    overflow-x: hidden;
}

.uploader_file_list .file-stats {
    margin-left: 20px;
    color: #aaaaaa;
}

.html5-upload-progress {
    width: 300px;
}

.html5-upload-progress-container {
    padding-top: 1em;
}

.uploader-process-option {
    padding-left: 10px;
}

.uploader_process_description {
    position: relative;
    left: 20px;
    color: #aaaaaa;
}

.information-dialog {
    overflow: hidden;
}

.information-dialog .file_stats {
    padding-bottom: 1em;
}

.error-dialog .error_message {
    padding-bottom: 1em;
}

.ui-widget {
    font-size: 0.9em !important;
}

.ui-dialog-buttonpane {
    padding: 15px !important;
}

.ui-dialog-buttonpane.ui-widget-content {
    border-top: 1px solid #e5e5e5;
}

.ui-dialog-buttonset {
    float: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: auto !important;
}

button.ui-button {
    margin: 0 !important;
    padding: 6px 12px;
    background: #ffffff !important;
    border-color: #adadad !important;
    color: #333 !important;
    line-height: 1.42857143 !important;
    font-size: 14px !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

button.ui-button:hover {
    background: #d4d4d4 !important;
}

button.ui-button-primary {
    background: #337AB7 !important;
    color: white !important;
    border-color: #2e6da4 !important;
}

button.ui-button-primary:hover {
    background: #204d74 !important;
    border-color: #122b40 !important;
}

button.ui-button .ui-button-text {
    padding: 0;
}

button.ui-button+button.ui-button {
    margin-left: 5px !important;
}

div.ui-dialog label {
    font-weight: normal;
    padding-left: 10px;
}

.uploader-process-option {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.uploader-process-option input {
    float: left;
}

.uploader-process-option label {
    float: left;
    width: 80%;
    padding-left: 10px;
}

.uploader-process-description {
    font-size: 80%;
    color: #999999;
}

h4.dialog-section {
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 1em;
    color: #337ab7;
    padding-bottom: 4px;
    border-bottom: 1px solid #dddddd;
}