/*designing galeerybox*/
.plotbox {
  margin:10px;
  width:200px;
  border:2px outset #cdd2d6;

}
.imgbox2 {
  width:700px;
  height:350px;
  border:2px outset #cdd2d6;
}
.boxs-image {
  padding:10px ;
  box-shadow:0px 0px 5px #ccc;
  float: left; margin: 5px;
  position: relative;
  display:none;
}

.boxs-image img {
  height: 200px;
  width: 200px;
  margin: 5px;

}
.boxs-images {
  padding:5px;
  box-shadow:0px 0px 5px #ccc;
  float: left; margin: 5px;
  position: relative;
  display:none;
}

.boxs-images img {
  height:200px;
  width:200px;
  margin: 5px;

}


.del-btn {
  padding:3px; text-decoration: none; padding-left: 5px;
  background:  #503CE9; top: 0px; font-family: Helvetica;
  color:#fff; border-radius: 0px 0px 0px 5px;
  position: absolute; right: 0px; font-size: 10px;
}

.del-btn:hover{
  color: #fff;
    background:#bf2626;

}
.img_upload
{
  padding:8px; text-decoration: none; padding-left: 5px;
  background:  #503CE9; top: 0px; font-family: Helvetica;
  color:#fff; border-radius: 5px 5px 5px 5px;
  position: relative ; left: 0px; font-size: 12px;
}
.parsley-errors-list{
position:absolute;
color:#CB2028;
list-style:none;
margin: 0px;
paddnig:0px;

}


.notify-alert {
  padding: 10px 30px;
  position: absolute;
  z-index: 100000;
  top: 20px; display: none;
  right: 20px;
  border-radius: 3px;
  opacity: 0.9;
  font-size: 15px;
  font-weight: 500;
}



.ntf-success {
  background: #00b16a;
  color:#fff;
}
.ntf-warning {
  background: #f56954;
  color:#fff;
}

.ntf-danger {
  background: #dd4b39 ;
  color:#fff;
}

.btnnew
   {

     border: none; /* Remove borders */
     color: white; /* Add a text color */
   /* padding: 2.5px 5px; /* Add some padding */
     background-color:#4CAF50;
     border-radius:none;
     text-transform: uppercase;
     font-size: 13px;

   }

   #suggesstion-box
   {
     border:1px solid #ddd;
     box-shadow:1px 1px 5px #ddd;
     position: absolute;
      width:95%;
      z-index: 10000;
      background-color: white;
   }
   #suggesstion-box ul
   {
     padding: 0px;
     margin: 0px;
     list-style: none;
   }
   #suggesstion-box ul li
   {
     padding:5px 10px;

   }
   #suggesstion-box ul li:hover
   {
   background-color: #666;
   color:#fff;

   }

.opt-tab {
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

.opt-tab li {
  display: inline;
}

.dvb{
min-height: 100px;
border: 1px dashed #ccc;
}
.d-active{
  border: 1px solid #3bafda;
}
.i-del{
  position: absolute;
  top: 0;
  right: 0;
}
.e-tool,#dlt{
  display: none;
}

.prog
{
  width:100%;
  height: 25px;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
  background: #ddd;
}
.bar
{
  background-color: #333;
  width:0%;
  height:20px;
  border-radius: 3px;
}
.percent
{
  position:absolute;
  display:inline-block;
  top:3px;
  left:48%;
}