/*****

Bootstrap Custom CSS
Author: Khodex

*****/

.position-relative {position: relative !important;}

.position-absolute {position: absolute !important;}

.position-fixed {position: fixed !important;}

.position-sticky {position: sticky !important;}

.top-0 {top: 0 !important;}

.bottom-0 {bottom: 0 !important;}

.start-0 {left: 0 !important;}

.end-0 {right: 0 !important;}

.nocase {
	text-decoration: none;
	text-transform: none;
}
.rating-wrapper {
  margin-top: 15px;
  font-family: 'Segoe UI', sans-serif;
}

.rating-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #ddd;
}

.stars {
  display: flex;
  gap: 8px;
}

.stars .star {
  font-size: 26px;
  color: #999;
  cursor: pointer;
  transition: color 0.2s;
}

.stars .star.hovered,
.stars .star.selected {
  color: gold;
}


.rating-display {
  margin: 10px 0;
  font-family: 'Segoe UI', sans-serif;
  color: #ffc107;
  display: flex;
  align-items: center;
  gap: 10px;
}

.rating-stars .star {
  font-size: 22px;
  color: #ddd;
}

.rating-stars .star.filled {
  color: #ffc107;
}

.rating-stars .star.half {
  background: linear-gradient(90deg, #ffc107 50%, #ddd 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rating-text {
  font-size: 14px;
  color: #ccc;
}
.text-light {
	color: #ffffff;
}
.text-white {
	color: #ffffff;
}
.khodex-network{
	display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 20px;
  background-color: #222;
  color: #fff;
  border-radius: 4px;
  font-weight: bold;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.khodex-toast {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  background-color: #333;
  color: #fff;
  padding: 12px 20px;
  border-radius: 4px;
  font-size: 14px;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  max-width: 100%;
  width: auto;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.khodex-toast.success {
  background-color: #28a745;
}

.khodex-toast.error {
  background-color: #dc3545;
}



.custom-info-table {
    width: 100%;
    color: #fff;
    border: 0.7px solid #eee;
    border-radius: 10px;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}
.custom-info-table th, .custom-info-table td {
    padding: 12px;
	border-top: 0.5px solid #ccc;
	border-left: 0.5px solid #ccc;
}

.custom-info-table tr + tr {
    border-top: 1px solid #ccc;
}
.artist-img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
}
.verified-badge {
    width: 12px;
    margin-left: 3px;
    vertical-align: middle;
}
/* BUTTONS */
.btn {display: inline-block;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
  cursor: pointer;}

.btn:hover {opacity: 0.9;}

.btn-xs {padding: 0.25rem 0.4rem; font-size: 0.65rem;}

.btn-sm {padding: 0.25rem 0.5rem; font-size: 0.875rem;}

.btn-md {padding: 0.375rem 0.75rem; font-size: 1rem;}

.btn-lg {padding: 0.5rem 1rem; font-size: 1.25rem;}

.btn-xl {padding: 0.75rem 1.25rem; font-size: 1.5rem;}

.btn-primary {background-color: #0d6efd; border-color: #0d6efd; color: #fff;}

.btn-secondary {background-color: #6c757d; border-color: #6c757d; color: #fff;}

.btn-success {background-color: #198754; border-color: #198754; color: #fff;}

.btn-danger {background-color: #dc3545; border-color: #dc3545; color: #fff;}

.btn-warning {background-color: #ffc107; border-color: #ffc107; color: #000;}

.btn-info {background-color: #0dcaf0; border-color: #0dcaf0; color: #000;}

.btn-light {background-color: #f8f9fa; border-color: #f8f9fa; color: #000;}

.btn-dark {background-color: #212529; border-color: #212529; color: #fff;}

.btn-outline {background-color: transparent; border: 1px solid currentColor;}

/* BADGES */
.badge {display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;}

.badge-xs {font-size: 0.6rem; padding: 0.2em 0.4em;}

.badge-sm {font-size: 0.75rem; padding: 0.25em 0.5em;}

.badge-md {font-size: 0.85rem; padding: 0.3em 0.6em;}

.badge-lg {font-size: 1rem; padding: 0.4em 0.8em;}

.badge-xl {font-size: 1.25rem; padding: 0.5em 1em;}

.badge-primary {background-color: #0d6efd; color: #fff;}

.badge-secondary {background-color: #6c757d; color: #fff;}

.badge-success {background-color: #198754; color: #fff;}

.badge-danger {background-color: #dc3545; color: #fff;}

.badge-warning {background-color: #ffc107; color: #212529;}

.badge-info {background-color: #0dcaf0; color: #000;}

.badge-light {background-color: #f8f9fa; color: #000;}

.badge-dark {background-color: #212529; color: #fff;}

.badge-pill {border-radius: 10rem;}

/* WIDTH & HEIGHT */
.w-100 {width: 100% !important;}

.w-75 {width: 75% !important;}

.w-50 {width: 50% !important;}

.w-25 {width: 25% !important;}

.h-100 {height: 100% !important;}

.h-auto {height: auto !important;}

/* SPACING (Margins & Paddings) */
.m-0 {margin: 0 !important;}

.mt-1 {margin-top: 0.25rem !important;}

.mt-2 {margin-top: 0.5rem !important;}

.mt-3 {margin-top: 1rem !important;}

.mt-4 {margin-top: 1.5rem !important;}

.mt-5 {margin-top: 3rem !important;}

.mb-1 {margin-bottom: 0.25rem !important;}

.mb-2 {margin-bottom: 0.5rem !important;}

.mb-3 {margin-bottom: 1rem !important;}

.mb-4 {margin-bottom: 1.5rem !important;}

.mb-5 {margin-bottom: 3rem !important;}

.p-1 {padding: 0.25rem !important;}

.p-2 {padding: 0.5rem !important;}

.p-3 {padding: 1rem !important;}

.p-4 {padding: 1.5rem !important;}

.p-5 {padding: 3rem !important;}

/* TEXT UTILS */
.text-start {text-align: left !important;}

.text-center {text-align: center !important;}

.text-end {text-align: right !important;}

.text-uppercase {text-transform: uppercase !important;}

.text-lowercase {text-transform: lowercase !important;}

.text-capitalize {text-transform: capitalize !important;}

.text-muted {color: #6c757d !important;}

/* DISPLAY */
.d-block {display: block !important;}

.d-inline {display: inline !important;}

.d-inline-block {display: inline-block !important;}

/* FLEX */
.d-flex {display: flex !important;}

.justify-center {justify-content: center !important;}

.justify-between {justify-content: space-between !important;}

.align-center {align-items: center !important;}

.flex-wrap {flex-wrap: wrap !important;}

/* BORDER RADIUS */
.rounded {border-radius: 0.25rem !important;}

.rounded-sm {border-radius: 0.2rem !important;}

.rounded-lg {border-radius: 0.5rem !important;}

.rounded-pill {border-radius: 10rem !important;}

.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}

.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

.shadow-lg {box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}

.shadow-none {box-shadow: none !important;}

.opacity-0 {opacity: 0 !important;}

.opacity-25 {opacity: 0.25 !important;}

.opacity-50 {opacity: 0.5 !important;}

.opacity-75 {opacity: 0.75 !important;}

.opacity-100 {opacity: 1 !important;}

.text-danger {color: #dc3545 !important;}

.text-warning {color: #ffc107 !important;}

.text-info {color: #0dcaf0 !important;}

.text-dark {color: #212529 !important;}

.text-body {color: #212529 !important;}

.text-left {text-align: left !important;}

.text-right {text-align: right !important;}

@media (min-width: 768px) {.text-md-left  { text-align: left !important;}

.text-md-right {text-align: right !important;}

.text-md-center {text-align: center !important;}

}
.border {border: 1px solid #dee2e6 !important;}

.border-0 {border: 0 !important;}

.border-top {border-top: 1px solid #dee2e6 !important;}

.border-bottom {border-bottom: 1px solid #dee2e6 !important;}

.border-start {border-left: 1px solid #dee2e6 !important;}

.border-end {border-right: 1px solid #dee2e6 !important;}

.rounded {border-radius: 0.25rem !important;}

.rounded-0 {border-radius: 0 !important;}

.rounded-circle {border-radius: 50% !important;}

.h-75 {height: 75% !important;}

.h-50 {height: 50% !important;}

.h-25 {height: 25% !important;}

.min-vh-100 {min-height: 100vh !important;}

.min-vw-100 {min-width: 100vw !important;}

.align-items-start {align-items: flex-start !important;}

.align-items-end {align-items: flex-end !important;}

.align-items-center {align-items: center !important;}

.justify-content-start {justify-content: flex-start !important;}

.justify-content-end {justify-content: flex-end !important;}

.justify-content-center {justify-content: center !important;}

.justify-content-between {justify-content: space-between !important;}

.justify-content-around {justify-content: space-around !important;}

.justify-content-evenly {justify-content: space-evenly !important;}

.d-sm-block {display: block !important;}


.d-md-block {display: block !important;}

.d-flex {display: flex !important;}

.flex-nowrap {flex-wrap: nowrap !important;}

.flex-grow-1 {flex-grow: 1 !important;}

.flex-shrink-0 {flex-shrink: 0 !important;}

.bg-light {background-color: #f8f9fa !important;}

.bg-dark {background-color: #212529 !important;}

.bg-primary {background-color: #0d6efd !important;}

.bg-success {background-color: #198754 !important;}

.text-white {color: #fff !important;}

.text-primary {color: #0d6efd !important;}

.text-success {color: #198754 !important;}

.flex-column {flex-direction: column !important;}

.flex-row {flex-direction: row !important;}

.w-100 {width: 100% !important;}

.d-block {display: block !important;}

.d-inline-flex {display: inline-flex !important;}

.text-start {text-align: left !important;}

.fw-bold {font-weight: 700 !important;}

.fw-normal {font-weight: 400 !important;}

.fw-light {font-weight: 300 !important;}

/* Margin */
.m-0 {margin: 0 !important;}

.m-1 {margin: 0.25rem !important;}

.m-2 {margin: 0.5rem !important;}

.m-3 {margin: 1rem !important;}

.m-4 {margin: 1.5rem !important;}

.m-5 {margin: 3rem !important;}

/* Margin Top */
.mt-0 {margin-top: 0 !important;}

/* Margin Bottom */
.mb-0 {margin-bottom: 0 !important;}

/* Margin Start (Left in LTR) */
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }

/* Margin End (Right in LTR) */
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }


/* Padding */
.p-0 {padding: 0 !important;}

/* Padding Top */
.pt-1 {padding-top: 0.25rem !important;}

/* Padding Bottom */
.pb-1 {padding-bottom: 0.25rem !important;}

/* Padding X (left and right) */
.px-2 {padding-left: 0.5rem !important; padding-right: 0.5rem !important;}

/* Padding Y (top and bottom) */
.py-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}

/*------------------*/
/* BUTTONS */
/*------------------*/
.btn {display:inline-block; font-weight:500; text-align:center; text-decoration:none; border:1px solid transparent; padding:0.375rem 0.75rem; font-size:1rem; line-height:1.5; border-radius:0.25rem; transition:all .15s ease-in-out; cursor:pointer;}

.btn:hover {opacity:0.9;}

.btn-xs {padding:0.25rem 0.4rem; font-size:0.65rem;}

.btn-sm {padding:0.25rem 0.5rem; font-size:0.875rem;}

.btn-md {padding:0.375rem 0.75rem; font-size:1rem;}

.btn-lg {padding:0.5rem 1rem; font-size:1.25rem;}

.btn-xl {padding:0.75rem 1.25rem; font-size:1.5rem;}

.btn-primary {background:#0d6efd; border-color:#0d6efd; color:#fff;}

.btn-secondary {background:#6c757d; border-color:#6c757d; color:#fff;}

.btn-success {background:#198754; border-color:#198754; color:#fff;}

.btn-danger {background:#dc3545; border-color:#dc3545; color:#fff;}

.btn-warning {background:#ffc107; border-color:#ffc107; color:#000;}

.btn-info {background:#0dcaf0; border-color:#0dcaf0; color:#000;}

.btn-light {background:#f8f9fa; border-color:#f8f9fa; color:#000;}

.btn-dark {background:#212529; border-color:#212529; color:#fff;}

.btn-outline {background:transparent; border:1px solid currentColor;}

/*------------------*/
/* BADGES */
/*------------------*/
.badge {display:inline-block; padding:0.35em 0.65em; font-size:0.75em; font-weight:600; line-height:1; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:0.375rem;}

.badge-xs {font-size:0.6rem; padding:0.2em 0.4em;}

.badge-sm {font-size:0.75rem; padding:0.25em 0.5em;}

.badge-md {font-size:0.85rem; padding:0.3em 0.6em;}

.badge-lg {font-size:1rem; padding:0.4em 0.8em;}

.badge-xl {font-size:1.25rem; padding:0.5em 1em;}

.badge-primary {background:#0d6efd; color:#fff;}

.badge-secondary {background:#6c757d; color:#fff;}

.badge-success {background:#198754; color:#fff;}

.badge-danger {background:#dc3545; color:#fff;}

.badge-warning {background:#ffc107; color:#212529;}

.badge-info {background:#0dcaf0; color:#000;}

.badge-light {background:#f8f9fa; color:#000;}

.badge-dark {background:#212529; color:#fff;}

.badge-pill {border-radius:10rem;}

/*------------------*/
/* WIDTH & HEIGHT */
/*------------------*/
.w-100 {width:100%!important;}

.w-75 {width:75%!important;}

.w-50 {width:50%!important;}

.w-25 {width:25%!important;}

.h-100 {height:100%!important;}

.h-auto {height:auto!important;}

/*------------------*/
/* SPACING */
/*------------------*/
.m-0 {margin:0!important;}

.mt-1 {margin-top:0.25rem!important;}

.mt-2 {margin-top:0.5rem!important;}

.mt-3 {margin-top:1rem!important;}

.mt-4 {margin-top:1.5rem!important;}

.mt-5 {margin-top:3rem!important;}

.mb-1 {margin-bottom:0.25rem!important;}

.mb-2 {margin-bottom:0.5rem!important;}

.mb-3 {margin-bottom:1rem!important;}

.mb-4 {margin-bottom:1.5rem!important;}

.mb-5 {margin-bottom:3rem!important;}

.ms-1 {margin-left:0.25rem!important;}

.me-1 {margin-right:0.25rem!important;}

.mx-2 {margin-left:0.5rem!important; margin-right:0.5rem!important;}

.my-2 {margin-top:0.5rem!important; margin-bottom:0.5rem!important;}

.p-1 {padding:0.25rem!important;}

.p-2 {padding:0.5rem!important;}

.p-3 {padding:1rem!important;}

.p-4 {padding:1.5rem!important;}

.p-5 {padding:3rem!important;}

.py-2 {padding-top:0.5rem!important; padding-bottom:0.5rem!important;}

.px-2 {padding-left:0.5rem!important; padding-right:0.5rem!important;}

.khodex-artist-card{
	background: #292E38;
	border-radius: 10px;
}
.khodex-artist-card a{
	margin: 0 10px 0 10px;
	text-decoration: none;
}
.khodex-artist-card img{
padding: 10px;
}

tr.spaced-row td {
  padding-bottom: 15px; /* Adjust as needed */
}
/*------------------*/
/* TEXT & ALIGNMENT */
/*------------------*/
.text-start {text-align:left!important;}

.text-center {text-align:center!important;}

.text-end {text-align:right!important;}

.text-uppercase {text-transform:uppercase!important;}

.text-lowercase {text-transform:lowercase!important;}

.text-capitalize {text-transform:capitalize!important;}

.text-muted {color:#6c757d!important;}

.text-fit{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*------------------*/
/* DISPLAY */
/*------------------*/
.d-block {display:block!important;}

.d-inline {display:inline!important;}

.d-inline-block {display:inline-block!important;}

.d-flex {display:flex!important;}

/*------------------*/
/* FLEXBOX */
/*------------------*/
.flex-wrap {flex-wrap:wrap!important;}

.flex-nowrap {flex-wrap:nowrap!important;}

.justify-content-start {justify-content:flex-start!important;}

.justify-content-center {justify-content:center!important;}

.justify-content-end {justify-content:flex-end!important;}

.justify-content-between {justify-content:space-between!important;}

.align-items-start {align-items:flex-start!important;}

.align-items-center {align-items:center!important;}

.align-items-end {align-items:flex-end!important;}

/*------------------*/
/* BORDER & RADIUS */
/*------------------*/
.border {border:1px solid #dee2e6!important;}

.border-0 {border:0!important;}
.rounded-100 {
	border-radius: 100%!important;
}
.rounded-50 {
	border-radius: 50%!important;
}
.rounded-20 {
	border-radius: 20px!important;
}
.rounded-10 {
	border-radius: 10px!important;
}

.rounded {border-radius:0.25rem!important;}

.rounded-sm {border-radius:0.2rem!important;}

.rounded-lg {border-radius:0.5rem!important;}

.rounded-pill {border-radius:10rem!important;}

/*------------------*/
/* BACKGROUND COLORS */
/*------------------*/
.bg-primary {background-color:#0d6efd!important;}

.bg-secondary {background-color:#6c757d!important;}

.bg-success {background-color:#198754!important;}

.bg-danger {background-color:#dc3545!important;}

.bg-warning {background-color:#ffc107!important;}

.bg-info {background-color:#0dcaf0!important;}

.bg-light {background-color:#f8f9fa!important;}

.bg-dark {background-color:#212529!important;}

.bg-white {background-color:#fff!important;}