/* General view */
.v-obj-field > .btnOpenEdit {
  padding: 0px 5px !important;
}

#admin .content .bottom .right {
  height: fit-content;
  margin: auto;
}

/* General view */
/* Journal */
.journals {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.journal {
  width: calc(25% - 10px);
  order: 1;
}
.journal:has(.collapse.show), .journal:has(> h3:not(.collapsed)) {
  width: 100%;
}
.journal > h3 {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--border-color);
  border-radius: 10px;
  padding: 8px 10px;
  transition: ease-in-out 0.3s all;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.journal > h3[data-toggle] {
  cursor: pointer;
}
.journal > h3 > span {
  display: flex;
  flex-direction: column;
}
.journal > h3 > i:before {
  transition: ease-in-out 0.3s all;
  transform: rotate(0deg);
}
.journal:has(.collapse.show) > h3, .journal:has(> h3:not(.collapsed)) > h3, .journal:has(.collapsing[aria-expanded=false]) > h3 {
  background-color: var(--primary);
  color: #fff;
}
.journal:has(.collapse.show) > h3 > i:before, .journal:has(> h3:not(.collapsed)) > h3 > i:before, .journal:has(.collapsing[aria-expanded=false]) > h3 > i:before {
  transform: rotate(180deg);
}
.journal:has(.collapsing[aria-expanded=true]) > h3 > i:before {
  transition: ease-in-out 0.3s all;
  transform: rotate(0deg);
}

/* Journal */
/* Game */
.game {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 14px;
  transition: ease-in-out 0.3s all;
  border-radius: 15px;
  border: 1px solid var(--border-color);
  background-color: #fff;
  position: relative;
}
.game.status0 {
  opacity: 0.5;
}
.game.status1 {
  opacity: 0.5;
}
.game.status2 {
  opacity: 1;
}
.game.btnGo {
  cursor: pointer;
}
.game:hover {
  opacity: 1;
}
.game > .team {
  display: flex;
  align-items: center;
  gap: 4px;
}
.game > .team > .info {
  width: 140px;
  max-width: 140px;
  display: flex;
  flex-direction: column;
}
.game > .team.local {
  order: 1;
}
.game > .team.visitor {
  order: 3;
  text-align: right;
  flex-direction: row-reverse;
}
.game > .team.visitor > .info {
  align-items: flex-end;
}
.game > .team > img {
  height: 75px;
  width: 75px;
  object-fit: contain;
}
.game > .details {
  order: 2;
  display: flex;
  flex-direction: column;
}
.game > .details .score {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}
.game > .details .score .goals {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.game > .details .score .goals.local {
  flex-direction: row-reverse;
}
.game > .details .score .goals > span {
  font-size: 20px;
}
.game > .details .score .goals > small {
  font-size: 10px;
}
.game > .details .score .separator {
  align-self: center;
}
.game > .details .date {
  font-size: 11px;
}
.game .reorganized {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
}

/* Game */
/* Breadcrumb */
.breadcrumb {
  background-color: #fff;
  font-size: 0.9rem;
  padding: 0.25rem 0;
}

/* Breadcrumb */
/* Btn Prev Next */
.btnNext, .btnPrev {
  border-color: var(--primary);
  color: var(--primary);
}

.btnNext:hover, .btnPrev:hover {
  background-color: var(--primary);
  color: #fff;
}

/* Btn Prev Next */
/* PM CARD */
.pm-card {
  position: relative;
  width: 300px;
  max-width: 300px;
  height: 188px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  margin: 10px;
}

.pm-card.visa {
  background-image: url(/assets/img/bankcards/visa.png);
}

.pm-card.mastercard {
  background-image: url(/assets/img/bankcards/mastercard.png);
}

.pm-card.american_express {
  background-image: url(/assets/img/bankcards/american_express.png);
}

.pm-card > span {
  display: block;
  margin: 0px 20px;
}

.pm-card > span.number {
  padding-top: 100px;
}

/* PM CARD */
/* Eshop */
.eshop-radio {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.eshop-radio > label {
  display: block;
  border: 1px solid #ddd;
  font-weight: normal;
  padding: 10px 15px;
  padding-left: 42px !important;
  border-radius: 5px;
  transition: ease-in-out 0.3s all;
  cursor: pointer;
}

.eshop-radio > label:hover {
  border-color: var(--primary);
}

.eshop-radio.d-block > label {
  text-align: center;
}

.eshop-radio [type=radio]:checked + label:not(.transparent),
.eshop-radio [type=checkbox]:checked + label:not(.transparent) {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.eshop-radio.eshop-pm > label > img {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  border-radius: 3px;
}

.eshop-radio > label > span {
  display: inline-block;
  vertical-align: middle;
}

.eshop-radio > input {
  display: none;
}

/** RADIO PAYMENT METHODS ENDS **/
/* Payments */
.rounded-10 {
  border-radius: 10px;
}

.view-payment {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e3eaf1;
  margin-bottom: 15px;
}

.view-payment .pcard {
  display: block;
}

.view-payment .pcard > .pcard-brand {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 8px;
}

.view-payment .pcard > .pcard-number {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.view-payment .amount > .amount-title {
  display: block;
  font-size: 14px;
}

.view-payment .amount > .amount-number {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.view-payment .amount > .amount-descrip {
  display: block;
  font-size: 13px;
  color: #909090;
}

.view-payment-oxxo .brand {
  display: block;
  margin: 0 auto 10px auto;
}

.view-payment-oxxo .code {
  display: block;
}

.view-payment-oxxo .code > .code-title {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

.view-payment-oxxo .code > .code-number {
  display: block;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 10px;
  border-radius: 8px;
  color: #222;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

.view-payment .expiry {
  display: block;
  text-align: right;
  font-size: 14px;
}

/* Payments */
/* Bgs */
.bg-light {
  background-color: #f9f9f9;
}

/* Bgs */
/* Dropzone */
.btn-circle {
  border-radius: 50% !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.mdropzone {
  border: 1px solid #dbdbe0;
  border-radius: 0.5rem;
  cursor: pointer;
}
.mdropzone i {
  border: 1px solid;
  border-radius: 50%;
  color: var(--primary);
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
}

#vImages .item {
  position: relative;
}
#vImages .item .btnDeleteImage {
  position: absolute;
  top: 10px;
  right: 25px;
  z-index: 1;
}
#vImages .item img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border: 1px solid #dbdbe0;
  border-radius: 0.25rem;
  padding: 0.25rem;
}

/* Dropzone */

/*# sourceMappingURL=kick.css.map */
