input[type=file]{  
      display: inline;  
    }  
    #image_preview{  
      /*border: 1px solid #dddddd;  */
      /*padding: 10px;  */
    }  
    #image_preview img{  
      /*width: 120px;  */
      padding: 15px; 
      max-height: 100px; 
    }  

    .del
    {
      text-decoration: line-through;
      color: #C1C0C0;
    }
    .file-size
    {
      color: #C1C0C0;
    }
    .file-rename
    {
      color:  rgb(214 130 47);
    }
    .customSwalBtn{
    background-color: rgba(214,130,47,1.00);
    border-left-color: rgba(214,130,47,1.00);
    border-right-color: rgba(214,130,47,1.00);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
  }
  .swal-text {
  background-color: #FEFAE3;
  padding: 17px;
  border: 1px solid #F0E1A1;
  display: block;
  margin: 22px;
  text-align: center;
  color: #61534e;
}
.file-upload {
  background-color: #ffffff;
  /*width: 750px;*/
  margin: 0 auto;
  padding: 20px;
}
.file-upload-content {
  display: none;
  text-align: center;
}
.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.image-upload-wrap {
  
  border: 2px dashed rgb(214 130 47);
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
  /*background-color: #1FB264;*/
  border: 3px dashed rgb(214 130 47);
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 100;
  
  color: #15824B;
  padding: 60px 0;
}

/*.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}*/
.rename-button
{
display: none;
font-size: 20px;
}
th, td
{
  text-align:center;
}
td
{
    padding:16px;
    margin:0;
    width:227px;
    float:left;
    border:1px solid #dddd;*/
    list-style:none;
    height: 220px;

}
.ren{
  text-align: center;
  
}
.ren-onl
{
  font-size: 36px;
  background-color: #c73f3f;
}
.supp
{
 color: #939393
}
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}