.select2-selection__clear {
    /* margin-top: 5px; */
    font-size: 20px!important;
}

.passwordShow {
    position: absolute;
    right: 16px;
    bottom: 6px;
    font-size: 24px;
    color: #dadada;
    cursor: pointer;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.campaign-approver-select .select2-selection {
  background-color: #f2f2f2!important;
  box-shadow: none!important;
  border: 0!important;
}

.campaign-approver-select .select2-search__field {
  width: 100%!important;
}
#s2-togall-w2 {
  color: black!important;
}

.select2-results__option {
  background: #f2f2f2!important;
  color: black!important;
}
.select2-dropdown {
  background: #f2f2f2!important;
  color: black!important;
}

.task-check-icon {
  color:#1d2851;
  /* color: transparent; */
  position: absolute;
  left: 6px;
  bottom: 0;
  border-radius: 50%;
  font-size: 28px;
}

.campaign-approver-select .select2-selection__arrow {
 border-left: 0px!important;
}

.gallery-row {
  --number-of-items: 6;
  --number-of-gaps: calc(var(--number-of-items) - 1);
  --gap: 12px;

  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);

}

.gallery-row .gallery-item {
  width: calc(100% / var(--number-of-items) - (var(--gap) * var(--number-of-gaps) / var(--number-of-items)));
  flex-shrink: 0;
  flex-grow: 0;
  aspect-ratio: 1;
  position: relative;
}

.gallery-image-box  {
    align-items: center;
    display: flex;
    width: 100%;
    border: 1px solid #ccc;
    height: calc(100% - 45px);
    flex-direction: row;
    justify-content: center;
}

.gallery-image-box img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.galley-image-layer {
    align-items: center;
    width: 100%;
    height: calc(100% - 45px);
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.gallery-item .d-flex {
    flex-wrap: nowrap;
    overflow: hidden;
}
.gallery-item .d-flex .button-container {
    width: 100%;
}
.gallery-item .d-flex .button-container .btn {
    width: 100%;
    border-radius: 0;
    padding-inline: 0;
}

/* .gallery-item:hover .galley-image-layer {
    display: flex;
} */
.gallery-item:hover .hover-trigger-class {
    display: flex;
}

.gallery-image-delete-btn {
    margin: 0 auto;
}

.main-pic-select-div {
    text-align: center;
}

.selected-main-pic-div {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .5);
}

.s2-togall-button {
  display: none;
}

/* .select2-selection__choice {
    white-space: normal !important;
    display: inline-block;
    margin: 2px;
}

.select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
    min-height: 38px; 
} */