/***********************************************************************************************************
***************************************** DEPRECATED SmartFileUpload ***************************************
************************************************************************************************************
************************************************************************************************************/

@charset "UTF-8";
/*
 * jQuery File Upload UI Plugin CSS 8.8.1
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        /*transform: translate(-300px, 0) scale(4);*/
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }

/*.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.progress-animated .progress-bar,
.progress-animated .bar {
    background: url(../img/progressbar.gif) !important;
    filter: none;
}

.fileupload-loading {
    float: right;
    width: 32px;
    height: 32px;
    background: url(../img/loading.gif) center no-repeat;
    background-size: contain;
    display: none;
}

.fileupload-processing .fileupload-loading {
    display: block;
}

.files audio,
.files video {
    max-width: 300px;
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }

    .files .name {
        width: 80px;
        word-wrap: break-word;
    }

    .files audio,
    .files video {
        max-width: 80px;
    }
}*/

/*****************/

/*.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.progress-animated .progress-bar,
.progress-animated .bar {
    background: url("../img/progressbar.gif") !important;
    filter: none;
}

.fileupload-process {
    float: right;
    display: none;
}

.fileupload-processing .fileupload-process,
.files .processing .preview {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/loading.gif") center no-repeat;
    background-size: contain;
}

.files audio,
.files video {
    max-width: 300px;
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }

    .files .name {
        width: 80px;
        word-wrap: break-word;
    }

    .files audio,
    .files video {
        max-width: 80px;
    }

    .files img,
    .files canvas {
        max-width: 100%;
    }
}*/


/* Custom styles */

span.fileinput-button {
    display: inline-block;
    border-bottom-style: solid;
}

table.fileList th, table.fileList th {
    padding: 5px;
}
table.fileList{
    border-collapse:initial;
}
table.fileList td {
    vertical-align: middle;
}

table.fileList input, table.fileList textarea, table.fileList select {
    margin: 0px;
}

table.fileList input[type=text], table.fileList select, table.fileList p {
    margin: 0px;
}

/***********************************************************************************************************
************************************** DEPRECATED SmartControlSettings *************************************
************************************************************************************************************
************************************************************************************************************/

#divControlSettingsMenu {
    display: none;
    border: 1px solid gray;
    background-color: white !important;
    /*padding: 4px 30px 10px 30px;*/
    padding: 4px;
    font-size: 11px;
    color: Black;
    z-index: 8011;
    width: 200px;
}

#tblControlSettingsMenu td {
    padding: 3px;
}

#tblControlSettingsMenu .colorpicker {
    z-index: 8012;
}

#tblControlSettingsMenu div[rel=ColorPicker] {
    /*position: relative;*/
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../plugins/jQuery-ColorPicker/images/select.png);
}

/*#tblControlSettingsMenu div[rel=ColorPicker] div {
    position: absolute;
    top: 3px;
    left: 3px;
    margin-top: 14px;
    width: 30px;
    height: 30px;
    background: url(../plugins/jQuery-ColorPicker/images/select.png) center;
}*/

#tblControlSettingsMenu input[rel=Spinner] {
    width: 45px;
    height: 30px;
    margin: 0px;
}

/*.toggle_on .togglable {
    cursor: pointer;
}

    .toggle_on .togglable:hover {
        background-color: #F2F2F2 !important;
    }*/

[ElementSettable=true], [TableSettable=true] {
    cursor: pointer;
    padding: 1px;
}

    [ElementSettable=true]:hover, [TableSettable=true] tr:hover {
        border: 1px solid red !important;
        padding: 0px;
    }

    [ElementSettable=true][NoExport=true],
    [TableSettable=true][NoExport=true], [TableSettable=true] [NoExport=true] {
        background-color: #D9D9D9;
    }