/*************** Global Styles ***************/

:root {
  --f7-col-bg-color: #f9f9f9;
  --f7-col-primary: #2962ff;
  --f7-col-secondary: #448aff;
  --f7-col-info: #82b1ff;
  --f7-col-light: #b0bec5;
  --f7-col-dark: #424242;
  --f7-col-success: #00c853;
  --f7-col-danger: #d50000;
  --f7-col-warning: #ef6c00;
  --f7-col-primary-border: #2962ff;
  --f7-col-secondary-border: #448aff;
  --f7-col-info-border: #82b1ff;
  --f7-col-light-border: #546e7a;
  --f7-col-dark-border: #424242;
  --f7-col-success-border: #00c853;
  --f7-col-danger-border: #d50000;
  --f7-col-warning-border: #ef6c00;

  --f7-table-label-cell-padding-horizontal: 3px;
  --f7-table-edge-cell-padding-horizontal: 3px;

  --f7-table-head-font-size: 15px;
  --f7-table-head-font-weight: 500;
  --f7-table-head-cell-height: 20px;
  --f7-table-head-bg-color: #b0bec5;
  --f7-table-head-text-color: #424242;

  --f7-table-body-cell-height: 17px;
  --f7-table-body-font-size: 11px;
  --f7-table-cell-padding-horizontal: 3px;
  --f7-table-cell-padding-left: 3px;
  --f7-table-cell-padding-right: 3px;
  --f7-table-cell-padding-vertical: 5px;

  --f7-list-item-title-white-space: wrap;
  --f7-card-border-radius: 5px;
  --f7-grid-gap: 10px;
  --f7-color-text: #232d3b;
}

.text-center {
  text-alignment: right !important;
}
.text-col-white,
text-white,
text-color-white {
  color: white;
}

html {
  overscroll-behavior: auto;
}

/** image upload **/

.custom-file-upload {
  height: 150px;
}

.custom-file-upload {
  cursor: pointer;
  position: relative;
  display: flex;
  width: 100%;
  height: 125px;
}

.custom-file-upload input[type="file"] {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.custom-file-upload label {
  cursor: pointer;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background-color: rgba(225, 225, 225, 0.2);
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  margin: 0;
}

.custom-file-upload label span {
  display: block;
  font-size: 15px;
  color: #a1a1a2;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-weight: 500;
  transform: translate(0%, -50%);
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  text-align: center;
  border-radius: 0;
}

.custom-file-upload label span strong {
  display: block;
  font-weight: 500;
}

.custom-file-upload i {
  display: block;
  margin: 0 auto 1px auto;
  font-size: 50px;
}

.action_list {
  display: flex;
  justify-content: space-between;
}

.ashop-centered-image.cropped {
  background-size: cover;
}

.ashop-centered-image.scaled {
  background-size: contain;
  background-repeat: no-repeat;
}

.popup-chart img {
  width: 100%;
  margin-top: 30px;
}

.card.card-new-release img {
  aspect-ratio: 9/11;
  object-fit: cover;
}
.item-color-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}