/*# sourceMappingURL=custom.min.css.map */
/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    aspect-ratio: 1;
    display:grid;
    -webkit-mask: conic-gradient(from 15deg,#0000,#000);
    animation: l26 1s infinite steps(12);
  }
  .loader,
  .loader:before,
  .loader:after{
    background:
      radial-gradient(closest-side at 50% 12.5%,
       #f03355 96%,#0000) 50% 0/20% 80% repeat-y,
      radial-gradient(closest-side at 12.5% 50%,
       #f03355 96%,#0000) 0 50%/80% 20% repeat-x;
  }
  .loader:before,
  .loader:after {
    content: "";
    grid-area: 1/1;
    transform: rotate(30deg);
  }
  .loader:after {
    transform: rotate(60deg);
  }
  
  @keyframes l26 {
    100% {transform:rotate(1turn)}
  }

  .card_2{
    background: #fff;
    border-radius: 10px;
    width: 400px;
  }

  @media (max-width: 767px) {
    .card_2{
      width: 100%;
    }

  }

.pagination{
  float: right;
  margin-top: 10px;;
}
.remove_image{
	float: left;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
}
.delete_icon{
	    position: absolute;
	    z-index: 1;
	    top: 0;
	    right: 0;
	    width: 30px;
	    height: 30px;
	    background: rgb(0 0 0 / 72%);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: red;
	    cursor: pointer;
}

.custom_div{
	width: 100%;
    display: flex;
    justify-content: space-between;
}

.customSelectBox{
	width: auto;
}