/*:root{
	--bs-body-font-weight: 500!important;
}*/

:root{
    --primary-color: #a64dff;
    --primary-color-2: rgb(166, 77, 255);
    --primary-color-hover: #c18aff;
    --secondary-color: #6b2eb5;
    --success-color: #02b757;
    --success-color-hover: #3fc679;
    --robux-color: #02b757;
    --robux-color-vibrant: #08C94F;
    --tix-color: #CC9E71;
    --tix-color-hover: #D8B182;
    --bad-color: #e27676;
    --text-color-primary: #191919;
    --text-color-secondary: #b8b8b8;
    --text-color-tertiary: #757575;
    --text-color-quaternary: #fff;
    --text-color-quinary: #c3c3c3;
    --white-color: #fff;
    --text-color-secondary-dark: #5a5a5a;

    --background-color: #e3e3e3;
    --background-color-legacy: #fff;

    --success-gradient: linear-gradient(0deg, rgba(0,113,0,1) 0%, rgba(64,193,64,1) 100%);
    --success-gradient-hover: linear-gradient(0deg, rgba(71,232,71,1) 0%, rgba(71,232,71,1) 100%);
    --success-border: #007001;
    --continue-gradient: linear-gradient(0deg, rgba(106,27,177,1) 0%, rgba(142,68,214,1) 100%);
    --continue-gradient-hover: linear-gradient(0deg, rgba(94,35,157,1) 0%, rgba(166,77,255,1) 100%);
    --continue-border: #6a1bb1;
    --cancel-gradient: linear-gradient(0deg, rgba(69,69,69,1) 0%, rgba(140,140,140,1) 100%);
    --cancel-gradient-hover: grey;
    --cancel-border: #565656;
}

.bg-white-2 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--background-color), var(--bs-bg-opacity))!important;
}

html,
body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    min-height: 100vh;
}

div#__next > div > div.container {
    min-height: 100vh;
}

pre {
    font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

body.font-Default {
    font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

body.font-SourceSans {
    font-family: 'Source Sans Pro', sans-serif;
}

body.font-Freaky {
    font-family: 'Source Sans Pro', cursive, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

.link2018 {
    text-decoration: none!important;
    color: var(--primary-color)!important;
}
.link2018:hover {
    text-decoration: underline!important;
    color: var(--primary-color)!important;
}

.link2019 {
    color: var(--text-color-primary)!important;
}
.link2019:hover {
    color: var(--primary-color)!important;
}

.section-content {
    background-color: var(--white-color);
    /*color: var(--text-color-secondary);*/
    box-shadow: 0 1px 4px 0 rgba(25,25,25,0.3);
    padding: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0 0 18px;
}

.section-content.hoverShadow {
    transition: box-shadow 200ms ease;
}

.section-content.hoverShadow:hover {
    box-shadow: 0 1px 6px 0 rgba(25,25,25,0.75);
}

.section-content.noShadow {
    box-shadow: none !important;
}

.section-content-off {
    background-color: var(--text-color-secondary);
    color: var(--text-color-tertiary);
    padding: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}

.text-danger-new {
    padding: 5px 10px;
    border: 1px solid #C00;
    background-color: #FAE5E5;
    color: var(--text-color-primary);
    line-height: 1.428;
    font-size: 14px;
    display: inline;
}

input.form-control::placeholder {
    color: var(--white-color);
}

.divider-right {
    border-right: 1px solid #c3c3c3;
}

.divider-top {
    border-top: 1px solid #c3c3c3;
}
.divider-bottom {
    border-bottom: 1px solid #c3c3c3;
}
.divider-top-thick {
    border-top: 2px solid #c3c3c3;
}
.divider-light {
    border-color: #ebebeb;
}
html a,
p > a,
a,
    /*a:active,*/
.fake-link {
    color: #7b2cbf; /*Orignial: #7b2cbf;*/
    text-decoration: none !important;
    cursor: pointer;
}

a.nav-link:focus, a.nav-link:hover {
    color: white;
}

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

.flex {
    display: flex;
    flex-wrap: wrap;
}

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

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

.inherit-color * {
    color: inherit;
}

a.normal {
    color: #000;
}
a.normal:hover {
    color: #7b2cbf;
}

html {
    width: 100%;
    overflow-x: hidden;
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
li,
ul,
ol,
div {
    line-height: 1.4em;
    color: var(--text-color-primary);
}

html div.container {
    max-width: 970px;
    /*max-width: 1154px;*/
}

html div.container.big {
    max-width: 1154px!important;
}

@media (max-width: 767px) {
    html div.container.noPad767 {
        padding: 0!important;
    }
    .invis767 {
        display: none!important;
    }
}

@media (min-width: 767px) {
    .invis-767 {
        display: none!important;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.br-none {
    border-radius: 0!important;
}

.alert-pjx {
    -webkit-transition: top .5s ease;
    transition: top .5s ease;
    position: fixed;
    left: 0;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.4em;
    top: calc(-1 * (1.4em + 30px)); /* padding + size of text */
    width: 100%;
    max-width: 970px;
    right: 0;
    z-index: 9999;
}

.alert-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    /*width: calc(100% - 30px);*/
    width: 100%;
    display: inline-block;
    color: inherit!important;
}

.alert-pjx.on {
    top: 40px!important;
}

.alert-warning {
    background-color: #d86868;
    border: 0;
    text-align: center;
    color: var(--white-color);
    padding: 15px;
}

.alert-success {
    background-color: var(--success-color);
    border: 0;
    text-align: center;
    color: var(--white-color);
    padding: 15px;
    height: 48px;
}

.alert-loading {
    background-color: var(--text-color-secondary);
    border: 0;
    text-align: center;
    color: #f2f2f2;
    padding: 15px;
    height: 48px;
}

.text-robux {
    color: var(--robux-color);
}

.text-tix {
    color: var(--tix-color);
}

.spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 6px auto;
    border: 3px solid #d5d5d5;
    border-top-color: var(--primary-color, #a64dff);
    border-radius: 50%;
    background: transparent;
    animation: pekora-spin .8s linear infinite;
}

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

#__next {
    min-height: 100vh;
}

.ssp, .ssp *, .status {
    font-family: 'Source Sans Pro', Arial, serif;
}

.vTabContent:has(.noPadding) {
    padding-left: 0;
}

.margin-none {
    margin: 0!important;
}

.padding-none {
    padding: 0!important;
}

.marginStuff {
    margin: 0 0 8px!important;
}

.icon-loading-legacy {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #d5d5d5;
    border-top-color: var(--primary-color, #a64dff);
    border-radius: 50%;
    background: transparent;
    vertical-align: middle;
    animation: pekora-spin .8s linear infinite;
}

@keyframes pekora-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .spinner, .icon-loading-legacy { animation: none; }
}

.status-confirm, .status-error {
    padding: 5px 10px;
    color: #343434;
    font-size: 14px;
    line-height: 1.428;
}

.status-confirm {
    background-color: #f3eaff;
    border: 1px solid #a64dff;
}

.status-error {
    background-color: #FAE5E5;
    border: 1px solid #C00;
}

.inputTextStyle {
    border: 1px solid #b8b8b8;
    color: #191919;
    font-weight: 300;
    font-size: 16px;
    height: 38px;
    line-height: 100%;
    padding: 5px 12px;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border-radius: 3px;
    outline: none;
}

.inputTextStyle:focus,.inputTextStyle:focus-visible {
    border-color: var(--primary-color);
}

.inputTextStyle.hasError, .inputTextStyle:focus.hasError, .inputTextStyle:focus-visible.hasError {
    border-color: #D86868!important;
}

.w-fit-content {
    width: fit-content;
}

/** SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgb(150, 150, 150);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:active {
    background: rgb(104, 104, 104);
}

.inherit-font-size {
    font-size: inherit;
}

.color-text-secondary {
    color: #b8b8b8!important;
}

.mt-44444 {
    margin-top: 2px!important;
}

.bg-pos {
    background-position: 0 -96px!important;
}

.bg-pos-tix {
    background-position: 0 -80px!important;
}

.display-none {
    display: none !important;
}

.invisible-1 {
    visibility: hidden!important;
    width: 0!important;
    height: 0!important;
    padding: 0!important;
    margin: 0!important;
    border: none!important;
    line-height: 0!important;
}