/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 Feb, 2018, 12:37:01 AM
    Author     : rajeev
*/

 .fileuploader-items-list  {
  position: relative;
  top: 10px;
  bottom: 20px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  height: 195px;
  
/*  border: 2px solid #ccc;
  
  font-size: 16px;
  font-family: Arial, sans-serif;*/
  
  // Again, this is where the magic happens
  -webkit-overflow-scrolling: touch;
}

.fileuploader-items {
  width:100%; 
  height:172px; 
  margin:39px 0px 2px 0px; 
  position:static; 
  overflow: hidden !important;

  background:#FFFFFF; 
  border:solid 1px #c5c8ca; 
  border-radius:8px;
  
  &:last-child {
    border-bottom: none;
  }
  
  &:nth-child(even) {
    background: #f8f8f8;
  }
}

.fileuploader-item {
  padding: 5px 0px 43px 5px;
  
  border-bottom: 1px solid #ccc;
  
  
  &:last-child {
    border-bottom: none;
  }
  
  &:nth-child(even) {
    background: #f8f8f8;
  }
}

.fileuploader-input-button {
    background: #95D03A;
}
.fileuploader-input-button:hover {
    background: #95D03A;
}
.fileuploader {
    padding: 15px 0px 0px 0px;
    background: none;
}
.fileuploader-input {
    display: block;
}
.fileuploader-item .column-thumbnail {

    width: 75px !important;
    height: 75px !important;
    line-height: 75px;
}
.fileuploader-item .column-title {
   padding-left: 23%;
    padding-right: 23%;
    padding-top: 5%;
    font-size: 12px;
}
.fileuploader-input-caption, .fileuploader-item .column-title div{
    color: #414042;
    font-weight: 10;
}

fileuploader-item .fileuploader-progressbar .bar{
    background:#b6e07c7d;
}
.fileuploader-item .progress-bar2 .fileuploader-progressbar .bar{
    background:#b6e07c7d;
}
.fileuploader-item .progress-bar2 span {
    color: rgba(28, 29, 31, 0.42);
    font-size: 48px;
}
.fileuploader-item .columns {
    margin-left: 7px;
}
.fileuploader-action-success {
    background: #2cad4e;

}
.col-lg-7 ul li {
    display: block;
    padding: 0px 5px 15px 5px;
}
.fileuploader-item .column-thumbnail .fileuploader-item-image {
    width: 70%;
    height: 70%;
}
.fileuploader-item .column-thumbnail .fileuploader-action-popup:hover {
    opacity: 0;
}
.fileuploader-input-button{
    background:none !important;
    padding:0px !important;
}