
.img_count{
    float:right;
    margin-top:0px;
    font-size:13px;
}



/*------drag------*/
.columns{
    padding:0px;
  
}

/*#list img{*/
/* height:60px!important;*/
/* width:100px!important;*/
/* border:1px solid red;*/
/*}*/
#list img{
    
}

.columns .card{
    background-color:#eeeeee;
    /*border:1px solid #ddd;*/
    border:none!important;
    padding:0px;
    margin-top:8px;
    height:60px;
    width:100%;
}

.middle-images{
    height:60px;
    width:80px;
     cursor:all-scroll;
     /*border:1px solid green;*/
}
 .middle-images .one-1{
 max-width: 100%;
       height: 100%;
        display: block; 
}


.bar_3 {
    margin-top:20px;
    margin-left:20px;
    padding:0px;
    font-size:13px;
    color:#cbcbcb;
      cursor:all-scroll;
}
.delete-btn_3{
        margin-top:2px!important;
        margin-left:30%!important;
    margin-right:35px;
    left:0px;
    padding:0px;
    cursor:pointer;
    font-size:17px;
 
}



/*-----new------*/
ul {
  list-style-type: none;
}

li {
  display: inline-block;
}

input[type="checkbox"][id^="cb"] {
  display: none;
}
.box-shadow img{
    height:125px!important;
    width:100%;
}


/*.box-shadow{*/
/*    margin:0px!important;*/
/*    padding:0px!important;*/
/*}*/
.right-images {
  /*border: 1px solid #ddd!important;*/
  /*padding: 2px;*/
  display: block;
  position: relative;
  margin-top: 0px;
  
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 
}
.right-images::before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}
/*.right-images{*/
/*      height: 100px;*/
/*  width: 150px;*/
/*}*/
 #list_one{
    /*background:red!important;*/
    border:none!important;
    width:24%!important;
    /*height:200px;*/
  /*position:fixed;*/
  top:-2px;
 left:0px;

  z-index:1001;
  padding:50px;
}


.logo-pdf{
    height:auto;
    width:80%;
}



.delete-label{
    /*background-color:#fff!important;*/
    width:200px!important;
    border:none!important;
}



.right-images img {
  /*height:100%;*/
  /*width:100%;*/
  /*      height: 80px;*/
  /*width: 150px;*/
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
  /*border:1px;*/
}
.right-images img:hover {
    background-color:#fff!important;
    opacity:0.4!important;
}

:checked+label {
  border-color: #ddd;
}

:checked+label::before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
}

:checked+label img {
  /*transform: scale(0.9);*/
  /*box-shadow: 0 0 5px #333;*/
  opacity:0.3!important;
  z-index: -1;
}


#formPdf{
    background-color:#fff;
    border:1px solid #ddd;
    margin-left:10%;
    padding:10px;
}
input[type="checkbox"]:checked + label::before{
    background-color:#01d30f!important;
    border:1px solid #01d30f;
 height:18px!important;
 width:18px!important;
 margin-top:10px!important;
 margin-left:10px!important;
 font-size:10px!important;
 border-radius:50%;
}



input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    background-color: transparent;
    color: #828282 !important;
    box-shadow:none!important;
    

}
input[type="checkbox"] + label, input[type="radio"] + label{
    padding:0em!important;
}
/*---------checkbox section end-----------*/

.download i{
color:#ddd;
font-size:18px;

}
.download{
    padding-top:0%;
    margin-left:5%;
}
.download:hover{
    color:#000;
}


.delete-button{
/*background-color:red;*/
margin-top:15px;
position:absolute;
}
.download-button i{
    color:grey;

}
.download-button i:hover{
    color:green;
}
.download-button-2{
      padding-bottom:30px;
  position: relative;
  /*border: 3px solid green; */
    
}

.download-button-2 img{
    height:20px;
    width:100%;
}
.download-button{
    margin: 0;
  position: absolute;
  top: 50%;
  left: 40%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
button {

    outline:none!important;  
    background:none!important;
}
ul{
    padding-left:none!important;
}


.all-scroll{
    cursor:all-scroll;
}
.pdf-heading h4{
      font-family: 'Montserrat', sans-serif;
      font-weight:600;
      letter-spacing:1px;
      font-size:23px!important;
}
.pdf-heading p{
      font-family: 'Montserrat', sans-serif;
      color:#000;
      font-weight:700;
      font-size:12px;
      letter-spacing:1px;
      margin-left:12%;
      text-align:center!important;
   
}

p{
    font-family: 'Montserrat', sans-serif;
}

span{
        font-family: 'Montserrat', sans-serif;
}
button{
            font-family: 'Montserrat', sans-serif;
            font-size:15px;
    
}
.build-pdf{
    color:#383637;
    font-size:24px!important; 
    letter-spacing:2px;
}


/*----------------new accordin----------*/
.accordion {
border-bottom:1px solid #ddd!important;
  /*background-color: #eee;*/
  color: #797979;
  cursor: pointer;
  /*padding: 18px;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
   font-family: 'Montserrat', sans-serif;

   letter-spacing:1px;
}

/*.active, .accordion:hover {*/
/*  background-color: #ccc;*/
/*}*/

.accordion:after {
  content: '\002B';
  color: #797979;
  font-size:16px;
  font-weight: bold;
  float: left;
  margin-right:1%;
  margin-bottom:2%;
}

.active:after {
  content: "\2212";
}

.panel {
  /*padding: 0 18px;*/
  margin-top:1%;
  /*border-bottom:2px solid red;*/
  /*background-color: #000;*/
  max-height: 70px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/*end*/


/*----*/
.no-images{
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    color:#797979;
    text-align:center;
   
}






