/* Tiger Upload  */

form.upload-form fieldset { 
    min-height: 200px;
    height: auto;
    width: auto;
    border: 1px solid #666; 
    padding: 3px 0; 
    margin: 0 0 20px;
    position: relative;
}

form.upload-form fieldset.dragover {
    
    background-color: #282d36;
    -webkit-transition: background-color ease 0.4s;
    -moz-transition: background-color ease 0.4s;
    -o-transition: background-color ease 0.4s;
    transition: background-color ease 0.4s;
    
}

form.upload-form h1, 
form.upload-form h5 { 
    padding: 0px; 
    margin: 0px;
}

form.upload-form h1.title { 
    padding:10px; 
}

form.upload-form fieldset legend {
    color: #888888;
    z-index: 0;
    text-align: center;
    position: absolute;
    top: 75px;
    width: 100%;
    font-weight: 400;
    border: none;
}

#preview_container {
    z-index: 1;
    width: auto;
    padding: 0;
}

#preview_container .container {
    width: 99%;
    margin: 0;
    padding: 0;
}


form.upload-form .dfiles { 
    clear: both; 
    padding: 3px;  
    position: relative; 
    height: auto; 
    margin: 3px 6px ; 
    z-index: 1; 
    width: 100%;
    color: #ccc;
    overflow: auto;
    font-size: 0.9em;
    
    opacity: 1.0; 
    border: 1px solid #666; 
    background-color: #333; 
    cursor: default;
}

form.upload-form h5 { 
    width:50%;
    line-height:25px;
    float:left;
    margin-left: 5px;
}

form.upload-form .lfiles h5 { 
    width:25%;
    line-height:25px;
    float:left;
    margin-left: 5px;
}

form.upload-form .progress {
    float: right;
    margin: 10px 4px 0 0;
    height: 4px;
    width: 20%;
}

form.upload-form img {
    float:left;
    display: block;
    margin: 2px 8px 0 4px;
    height: 20px;
}


form.upload-form .invalid { 
    border: 1px solid red; 
}

form.upload-form .filesize { 
    border: 1px solid goldenrod; 
}

form.upload-form .message {
    width: 20%;
    float: right;
    line-height: 25px;
}

form.upload-form .lfiles .message {
    width: auto;
    float: right;
    line-height: 25px;
}

form.upload-form .lfiles .alert {
  padding: 0;
  margin: 0 10px 0 0;
  border: none;
  display: inline-block;
}


form.upload-form .delete {
    float: right;
    line-height: 25px;
    font-size: 16px;
    margin: 0 8px 0 0;
}

form.upload-form .sprite {
    margin: 5px 2px -5px 0;
    display: inline-block;
    float: right;
    cursor: pointer;    
}

form.upload-form .files {
    display: inline-block;
    margin: 0 0 0 15px;    
}

form.upload-form #upload { 
    float: right;
    margin: 0 10px;
    padding: 3px 10px 5px;
}

form.upload-form .progress img { 
    margin-top: 7px; 
    margin-left:24px; 
}

#preview_container .progress .progress-bar-primary {
    background-color: #b8a279;
}

#image_table .thumbnail {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

html.dark .editable label,
html.dark .selectable label {
    display: none;
}