@font-face {
    font-family: 'Ubuntu';
    src: url('../areas/admin/content/fonts/ubuntu-bold.ttf') format('truetype');
    src: url('../areas/admin/content/fonts/ubuntu-light.ttf') format('truetype');
    src: url('../areas/admin/content/fonts/ubuntu-medium.ttf') format('truetype');
    src: url('../areas/admin/content/fonts/ubuntu-regular.ttf') format('truetype');
}

html {
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    /* Subtitle 1 */
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.containerLayout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
}

/* Small */
@media (max-width: 599px) {
    h1.logo {
        display: block;
        width: 108px;
        height: 48px;
        text-indent: -9000px;
        background-image: url(/Areas/Admin/Content/Images/space-genius-primary-logo-small.png);
    }

    input.form-control,
    select.form-control {
        display: flex;
        width: 348px;
        min-height: 48px;
        align-items: center;
        gap: -16px;
        align-self: stretch;
        border-radius: 8px;
        font: normal normal normal 16px/18px Ubuntu;
        border: 1px solid var(--00-on-surface-outline, rgba(0, 0, 0, 0.12));
        text-align: left;
        letter-spacing: 0.15px;
        color: #000000;
        opacity: 0.87;
    }

    i.inside {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.85rem;
        padding-bottom: 0.75rem;
    }

    .internal-container {
        max-width: 400px;
        padding-top: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .containerLayout {
        padding: 40px 16px 0px 16px;
    }
    

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

    .form-check,
    .k-buttonLogin {
        width: 100%;
    }   

}

/* Medium and Large */
@media (min-width: 600px) {
    h1.logo {
        display: block;
        width: 144px;
        height: 64px;
        text-indent: -9000px;
        background-image: url(/Areas/Admin/Content/Images/space-genius-primary-logo-large.png);
    }

    input.form-control {
        display: flex;
        height: 48px;
        width: 400px;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        align-self: stretch;
        border-radius: 8px;
        font: normal normal normal 16px/18px Ubuntu;
        border: 1px solid var(--00-on-surface-outline, rgba(0, 0, 0, 0.12));
    }

    i.inside {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .internal-container {
        max-width: 400px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .containerLayout {
        padding: 40px 48px;
    }
    

}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.back-refine-search {
    top: 584px;
    left: 68px;
    width: 215px;
    height: 19px;
    text-align: center;
    font: normal normal medium 14px/16px Ubuntu;
    letter-spacing: 0.1px;
    color: #191D52;
    text-transform: uppercase;
    opacity: 1;
}

html {
  position: relative;
  min-height: 100%;
}

footer{
    margin-top: 2rem;
}

body {
    background: var(--Background, #E5E6E9);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

.content {
    flex: 1; /* Flexbox property to push footer to the bottom */
}


.validation-summary-errors ul {
    padding-left: 0;
    list-style: none;
}

.ubuntu-bold-24 {
    text-align: left;
    font: normal normal normal 24px/21px Ubuntu;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.ubuntu-medium-20 {
    text-align: left;
    font: normal normal normal 20px/21px Ubuntu;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.ubuntu-blue-title-21 {
    text-align: left;
    font: normal normal normal 21px/21px Ubuntu;
    letter-spacing: 0px;
    color: #191D52;
    opacity: 1;
}

.ubuntu-bold-18 {
    text-align: left;
    font: normal normal bold 18px/21px Ubuntu;
    letter-spacing: 0px;
    color: #191D52;
    opacity: 1;
}

.ubuntu-normal-18 {
    text-align: center;
    font: normal normal normal 18px/21px Ubuntu;
    letter-spacing: 0.17px;
    color: #191D52;
}

.ubuntu-normal-16 {
    text-align: left;
    font: normal normal normal 16px/18px Ubuntu;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.ubuntu-normal-16-opacity-87 {
    text-align: left;
    font: normal normal normal 16px/18px Ubuntu;
    letter-spacing: 0.15px;
    color: #000000;
    opacity: 0.87;
}

.ubuntu-normal-14 {
    text-align: left;
    font: normal normal normal 14px/16px Ubuntu;
    letter-spacing: 0.13px;
    color: #000000;
    opacity: 1;
}

.ubuntu-normal-bold-14 {
    text-align: left;
    font: normal normal bold 14px/16px Ubuntu;
    letter-spacing: 0.13px;
    color: #2176FF;
    opacity: 1;
}

.ubuntu-normal-14-opacity-87 {
    text-align: right;
    font: normal normal normal 14px/16px Ubuntu;
    letter-spacing: 0.25px;
    color: #000000;
    opacity: 0.87;
}

.ubuntu-normal-center-12 {
    text-align: center;
    font: normal normal normal 12px/13px Ubuntu;
    letter-spacing: 0.4px;
    color: #191D52;
    opacity: 1;
}

.ubuntu-normal-12 {
    text-align: left;
    font: normal normal normal 12px/13px Ubuntu;
    letter-spacing: 0.52px;
    color: #000000;
    opacity: 0.87;
}

.ubuntu-normal-12-opacity-87 {
    text-align: left;
    font: normal normal normal 12px/13px Ubuntu;
    letter-spacing: 0.52px;
    color: #000000;
    opacity: 0.87;
}

.ubuntu-normal-12-opacity-60 {
    text-align: left;
    font: normal normal normal 12px/13px Ubuntu;
    letter-spacing: 0.21px;
    color: #000000;
    opacity: 0.6;
}

.small-text-1 {
    font-size: 0.7rem;
}
.small-text-2 {
    font-size: 0.6rem;
}
.small-text-3 {
    color: var(--00-on-surface-high-emphasis, rgba(0, 0, 0, 0.87));
    /* Caption */
    font-family: Ubuntu;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.body2-text {
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    text-align: center;
    /* Body 2 */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.big-text {
    font-size: 1.4rem;
}
.big-text-1 {
    font-size: 1.2rem;
}
.big-text-2 {
    font-size: 1.0rem;
}

.bold-text {
    font-weight: 700;
}

.bold-text-1 {
    font-weight: 600;
}

.bold-text-2 {
    font-weight: 500;
}

.bold-text-3 {
    font-weight: 400;
}


h1, h2, h3, h4, h5, h6 {
    color: #191D52;
}

.text-dark-blue {
    color: #171b4f !important;
}

.bg-blue-site {
    background-color: #171b4f;
    color: white;
}

.bg-medium-blue-site {
    background-color: #1d89db;
    color: white;
}

.bg-ligth-blue-site {
    background-color: #BCD6FF;
    color: #191D52;
}

::placeholder {
    font: normal normal normal 16px/18px Ubuntu;
    letter-spacing: 0.15px;
    color: #000000;
    opacity: 0.50;
}

.k-tooltip-validation{
    color: red;
    font-size: 0.8rem;
}

.text-dark-blue {
    color: #191D52 !important;
}

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

.text-ligth-blue {
    color: #2176FF!important;
}

.text-ligth-gray {
    color: #00000099 !important;
}

.linkBlack {
    text-decoration: none;
}

.linkBlack:hover {
    color: dimgrey;
}

.form-check-label {
    top: 152px;
    left: 60px;
    text-align: left;
    font: normal normal normal 16px/18px Ubuntu;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}


/*******************************     Account pages*/
.tkPlatform {
    color: var(--01-primary-900-primary, #191D52);
    text-align: center;
    /* Caption */
    font-family: Ubuntu;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.4px;
}

.ExtraSmallTitle {
    color: var(--00-on-surface-high-emphasis, rgba(0, 0, 0, 0.87));
    text-align: center;
    /* Overline */
    font-family: Ubuntu;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 160% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.forgot-password {
    margin-top: 16px;
    display: flex;
    padding-bottom: 40px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.smallTitle {
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    text-align: center;
    /* Headline 5 */
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 100% */
    letter-spacing: 0.18px;
}

.separator16 {
    padding: 16px 16px 0px 16px;
}

.separator24 {
    padding: 24px 16px 0px 16px;
}

.separator40 {
    padding: 40px 16px 0px 16px;
}

.bigTitle {
    font-size: 1.7rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.orange-separator {
    height: 1px; /* Adjust the height of the separator */
    width: 32px;
    background: var(--03-tertiary-600-tertiary, #D5124E);
    border: none;
    margin: 8px 0px 8px 0px;
    /*    margin: 2.5% 45% 1.5% 45%;
*/
}

.orange-separator2 {
    height: 1px; /* Adjust the height of the separator */
    width: 100%;
    background: var(--03-tertiary-600-tertiary, #4A148C);
    border: none;
    margin: 8px 0px 8px 0px !important;
    /*    margin: 2.5% 45% 1.5% 45%;
*/
}

.orange-separator3 {
    height: 1px; /* Adjust the height of the separator */
    width: 100%;
    background: var(--03-tertiary-600-tertiary, rgba(0, 0, 0, 0.12));
    border: none;
    margin: 8px 0px 8px 0px !important;
    /*    margin: 2.5% 45% 1.5% 45%;
*/
}

#i.valid {
    color: #17760E;
}



ul {
    list-style-type: none;
}

.steps-blue {
    height: 3px !important; /* Adjust the height of the separator */
    background-color: #2476FF;
    border: none;
    opacity: 1;
}

.steps-gray {
    height: 3px !important; /* Adjust the height of the separator */
    background-color: #CCCCCC;
    border: none;
    opacity: 1;
}


.logo-white {
    display: block;
    width: 157px;
    height: 62px;
    text-indent: -9000px;
    background-image: url(/Areas/Admin/Content/Images/space-genius-logo.svg);
    margin: 0 auto;
}

.box {
    top: 501px;
    left: 16px;
    width: 328px;
    height: 80px;
    background: #E6E8F033 0% 0% no-repeat padding-box;
    border: 2px dashed #0000001F;
    border-radius: 4px;
    opacity: 1;
}

.a-back {
    text-align: center;
    font: 14px/16px Ubuntu;
    letter-spacing: 0.1px;
    color: #191D52;
    text-transform: uppercase;
    opacity: 1;
    font-weight: bold;
}

.k-buttonBack {
    font-family: Roboto;
    color: dimgrey;
    font-weight: 800;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: bottom;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    background-color: #E5E6E9;
}



.form-control-adjusted {
    width: 400px;
    height: 48px;
    border: 1px solid #0000001F;
    border-radius: 8px;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}

.a-blue {
    color: var(--02-secondary-500-secondary, #2176FF);
    /* Subtitle 2 */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.1px;
    text-decoration: none;
}


/* Button styles */
.sg-btn,
.k-buttonLogin,
.sg-btn.sg-btn-filled,
.k-button.sg-btn-filled,
.sg-btn.k-primary,
.k-button.k-primary {
    display: flex;
    height: 36px;
    min-width: 64px;
    justify-content: center;
    align-items: center;
    gap: -8px;
    align-self: stretch;
    border-radius: 18px;
    background: var(--01-primary-900-primary, #191D52);
    /*Font */
    color: var(--04-on-primary-high-emphasis, #FFF);
    /* Button */
    font: normal normal normal 14px/16px Ubuntu;
    line-height: 16px; /* 114.286% */
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

button:disabled {
    background: var(--00-on-surface-disabled, rgba(0, 0, 0, 0.38)) !important;
}

.ticketing-page-container {
    max-width: 720px; /* Approximate Bootstrap container-md width */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* Global loader overlay (manual show/hide from any view/script)
   Usage:
     $("#loader-overlay").show();
     $("#loader-overlay").hide();
*/
#loader-overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    background: rgba(0, 0, 0, 0.35);
    z-index: 2000; /* above Bootstrap modal (1055) + backdrop (1050) */
}

/* When shown via jQuery, force flex display for centering */
#loader-overlay[style*="display: block"],
#loader-overlay[style*="display:block"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#loader-overlay > .text-center {
    color: #fff;
}

#loader-overlay .loader-text {
    margin-top: 0.75rem;
    color: #fff;
    font-weight: 500;
}