/**
 * Dropfiles for WordPress
 *
 * @package Dropfiles
 * @author WPCode United
 * @version 1.0
 */
 

#wpfooter {
    display: none;
}

.button.button-big {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.2em;
    color: #FFF;
}

.dploading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ajax-loader.gif) center center transparent no-repeat;
    z-index: 1000;
}

.dploadingcontainer {
    position: relative;
    z-index: 999;
}

#newcategory, #insertfile, #insertcategory {
    width: 100%;
}

#mycategories {
    float: left;
    width: 25%;
    vertical-align: top;
    /*padding-right: 20px;*/
}

#categorieslist {
    margin-top: 20px !important;
    padding-left: 0px !important;
}

#rightcol {
    float: right;
    width: 20%;
    vertical-align: top;
}

#rightcol input {
    width: auto;
}

#rightcol label {
    width: 100%;
}

#mybootstrap {
    margin: 20px 20px 20px 10px;
}

#mybootstrap a {
    text-decoration:  none;
}

#mybootstrap a:visited {
/*color: #025A8D;*/
text-decoration: none;
outline: none;
}
#mybootstrap a:link {
/*color: #025A8D;*/
text-decoration: none;
outline: none;
}

#mybootstrap .dropfileslist .downloadlink {
    display: inline-block;
    float: right;
}

#mybootstrap #rightcol  select {
    width: 100%;
}

#mybootstrap  #rightcol h4 {
    margin-top: -10px;
}


#pwrapper {
/*    margin-left: 320px;
    margin-right: 420px;*/
    width: 55%;
    float: left;
}

#wpreview {
    /*width: 100%;*/
    padding: 0 10px;
}

#preview {
    margin-top: 20px;
    margin: 0 auto;
    background: #FFF;
    border: 3px dashed #BBB;
    min-height: 200px;
    position: relative;
    padding-bottom: 130px;
    padding-top: 10px;
    overflow: hidden;
}

#preview .table {
    /*border-collapse: separate;*/
    /*border-spacing: 0 5px;*/
    /*display: table;*/
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
}

#preview .file {
    /*display: table-row;*/
    /*background: #FFF;*/
    position: relative;
}

#preview .file.ui-sortable-helper {
/*    display: inline-block;
    border: 1px solid #CCC;
    padding: 0;*/
}

#preview .file.ui-sortable-helper > div {
    /*display: none;*/
}

#preview .file > div {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
}

#preview .file div.selected {
    position : absolute;
    top : -20px;
    right: -20px;
    background: url(../images/tick48.png) center center no-repeat transparent;
    width: 50px;
    height: 50px;
}

#preview .file > div.ext {
    height: 80px;
    width: 20%;
    background: url(../images/types/all2.png) left center transparent no-repeat;
    color: #fff;  
    position: relative;
}

#preview .file > div.ext.ai {background-image : url(../images/types/ai.png); color: transparent;}
#preview .file > div.ext.avi {background-image : url(../images/types/avi.png); color: transparent;}
#preview .file > div.ext.css {background-image : url(../images/types/css.png); color: transparent;}
#preview .file > div.ext.dll {background-image : url(../images/types/dll.png); color: transparent;}
#preview .file > div.ext.doc {background-image : url(../images/types/doc.png); color: transparent;}
#preview .file > div.ext.docx {background-image : url(../images/types/doc.png); color: transparent;}
#preview .file > div.ext.fla {background-image : url(../images/types/fla.png); color: transparent;}
#preview .file > div.ext.flv {background-image : url(../images/types/flv.png); color: transparent;}
#preview .file > div.ext.gif {background-image : url(../images/types/gif.png); color: transparent;}
#preview .file > div.ext.html {background-image : url(../images/types/html.png); color: transparent;}
#preview .file > div.ext.iso {background-image : url(../images/types/iso.png); color: transparent;}
#preview .file > div.ext.jpg {background-image : url(../images/types/jpg.png); color: transparent;}
#preview .file > div.ext.mov {background-image : url(../images/types/mov.png); color: transparent;}
#preview .file > div.ext.mpg {background-image : url(../images/types/mpg.png); color: transparent;}
#preview .file > div.ext.ogg {background-image : url(../images/types/ogg.png); color: transparent;}
#preview .file > div.ext.pdf {background-image : url(../images/types/pdf.png); color: transparent;}
#preview .file > div.ext.php {background-image : url(../images/types/php.png); color: transparent;}
#preview .file > div.ext.ppt {background-image : url(../images/types/ppt.png); color: transparent;}
#preview .file > div.ext.png {background-image : url(../images/types/png.png); color: transparent;}
#preview .file > div.ext.psd {background-image : url(../images/types/psd.png); color: transparent;}
#preview .file > div.ext.raw {background-image : url(../images/types/raw.png); color: transparent;}
#preview .file > div.ext.sql {background-image : url(../images/types/sql.png); color: transparent;}
#preview .file > div.ext.svg {background-image : url(../images/types/svg.png); color: transparent;}
#preview .file > div.ext.txt {background-image : url(../images/types/txt.png); color: transparent;}
#preview .file > div.ext.wav {background-image : url(../images/types/wav.png); color: transparent;}
#preview .file > div.ext.wmv {background-image : url(../images/types/wmv.png); color: transparent;}
#preview .file > div.ext.xls {background-image : url(../images/types/xls.png); color: transparent;}
#preview .file > div.ext.xlxs {background-image : url(../images/types/xls.png); color: transparent;}
#preview .file > div.ext.xml {background-image : url(../images/types/xml.png); color: transparent;}
#preview .file > div.ext.zip {background-image : url(../images/types/zip.png); color: transparent;}
#preview .file > div.ext .txt {
    position: absolute;
    top: 48px;
    left: 5px;
    display: block;
    width: 35px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
}

#preview .file > div.title {
    width: 20%;
    text-align: center;
}

#preview .file > div.created {
    width: 20%;
    text-align: center;
}

#preview .file > div.size {
    width: 10%;
    text-align: center;
}

#preview .file > div.actions {
    width: 7%;
    text-align: center;
}

#preview .file > div.version {
    width: 15%;
    text-align: center;
}

#preview .file > div.hits {
    width: 5%;
    text-align: center;
}

#preview .file > div.actions a {
    cursor: pointer;
}

#preview .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#preview .highlight {
    background: #f2f2f2 !important;
    border:1px solid #212326;
    text-align: center;
    border: 1px solid #DDD;
    height: 50px;
    margin: 5px;
    border: 1px solid #CCC;
}

#preview .clr {
    clear: both;
}

#preview .placeholder img, .uploadplaceholder img {
    max-width : 100%;
    max-height : 100%;
}



span.editable {
    background: #FFF;
    border: 1px solid #AAA;
    color: #000;
    padding: 1px 3px;
    width: 130px;
    display: inline-block;
}


#mybootstrap #upload_button {
    height: auto;
    width: auto;
}

#mybootstrap #insertcategory, #mybootstrap #insertfile {
    margin-bottom: 10px;
}

#mybootstrap #imageblock .btn-group-vertical, #mybootstrap #imageblock .btn-group-vertical .btn {
    width: 100%;
}

#singleimage {
    margin-bottom: 10px;
}

/* Sidenav for Docs
-------------------------------------------------- */
#mybootstrap .bs-docs-sidenav2 {
    width: 100%;
    float: left;
    margin-top: 20px !important;
    padding: 0;
}
/*#mybootstrap .bs-docs-sidenav2 {
    width: 300px;
    float: left;
    margin-top: 20px !important;
    padding: 0;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
       -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
            box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

#mybootstrap .bs-docs-sidenav2 li:first-child {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
}

#mybootstrap .bs-docs-sidenav2 li:last-child {
    -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
}

#mybootstrap .bs-docs-sidenav2 > li  {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 9px 15px;  
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}

#mybootstrap .bs-docs-sidenav2 > li:last {
    border-bottom: none;
}

#mybootstrap .bs-docs-sidenav2 > li:hover {
    background-color: #EEE;
}

#mybootstrap .bs-docs-sidenav2 > .active, #mybootstrap .bs-docs-sidenav2 > .active:hover {
    background-color: #08C;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

#mybootstrap .bs-docs-sidenav2 a.t {
    margin-right: 30px;
}

#mybootstrap .bs-docs-sidenav2 > .active a, #mybootstrap .bs-docs-sidenav2 > .active a:hover {
    color: #FFF;
    background: none;
}

#mybootstrap .bs-docs-sidenav2 > li .icon-chevron-right {
    float: right;
    opacity: 0.1;
}
*/
#mybootstrap .bs-docs-sidenav2 > li a.edit,
#mybootstrap .bs-docs-sidenav2 > li a.trash {
    float: right;
    display: none;
    opacity: 0.5;
    cursor: pointer;
}

#mybootstrap .bs-docs-sidenav2 > li .dd-content:hover a.edit,
#mybootstrap .bs-docs-sidenav2 > li .dd-content:hover a.trash {
    display: inherit;
}

#mybootstrap .bs-docs-sidenav2 > li .dd-content a.edit:hover,
#mybootstrap .bs-docs-sidenav2 > li .dd-content a.trash:hover {
    opacity: 1;
}

#mybootstrap .bs-docs-sidenav2 > li:hover .dd-content .icon-chevron-right {
    display: none;
}

#mybootstrap .bs-docs-sidenav2 .active .icon-chevron-right {
  background-image: url(../images/glyphicons-halflings-white.png);
  opacity: 1;
}

#mybootstrap.joomla30 .bs-docs-sidenav2 .active .icon-chevron-right {
  background-image: none;
  color: white;
}

#mybootstrap .dropfilesparams .paraminput .btn {
    vertical-align: top;
}

.modal-body iframe {
    border: none;
    overflow-y: visible;
}

#mybootstrap #preview .well {
    padding: 2px 10px;
}

#mybootstrap #dropfilesparams .radio input[type="radio"] {
    margin-left: 0;
}

#mybootstrap #dropfilesparams .radio {
    padding-left: 0;
}

#mybootstrap #dropfilesparams .radio label {
    margin-right: 20px;
    float: left;
}

#mybootstrap .form-horizontal .control-label {
    width: 160px;
}

.dropfilesparams .control-group {
    margin: 5px 0;
}

.dropfilesparams .control-label {
    display: inline-block;
    width: 200px;
}

.dropfilesparams .controls {
    display: inline-block;
}

.dropfiles-config #dashboard-widgets.columns-2 .postbox-container {
    width: 49%;
}

.dropfiles-config #dashboard-widgets.columns-2  .postbox-container {
    width: 49% !important;
}



/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }


/*@media only screen and (min-width: 700px) { 

    .dd { float: left; width: 48%; }
    .dd + .dd { margin-left: 2%; }

}*/

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-item.active > .dd-content {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
.dd-item.active > .dd-content:hover { background: #bbb; }


.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/* for bootbox */
.bootbox .modal-footer .button {
    margin-left: 5px;
    margin-right: 5px;
}