/*
    The following CSS overrides the JupyterHub base HTML to ensure
    font sizes are consistent with the UX-Redesign mockups.
*/

html {
    font-size: 16px  /* !important; */
}

/*
    The following CSS will override kubespawner default CSS
    to provide a look per the UX-designer's environment
    selection design.
*/
#kubespawner-profiles-list .profile {
    border-bottom: none !important;
    padding-bottom: 48px !important;
}

#kubespawner-profiles-list h3 {
    font-size: 1.5em !important;
    font-weight:900 !important;
    margin-top: 0 !important;
}

#kubespawner-profiles-list p {
    margin-bottom: 0 !important;
    font-size: 1.5em !important;
}

#kubespawner-profiles-list .profile .radio {
    padding: 0 12px !important;
    margin-top: 0 !important;
}


#kubespawner-profiles-list .profile input[type="radio"] {
    transform: scale(1.5) !important;
}

/*
    The following CSS are new classes used in the Jinja templates
    to match the UX-designer's TIKE page design.
*/
.main-view {
    background: rgb(0,0,0) url('TIKE-background.jpg') no-repeat fixed center !important;
    color: #FFFFFF
}

.main-view {
    background-size: cover !important;
}

.main-view a {
    text-decoration: none !important;
}

.main-view a.light:not(.v-btn) {
    color: #ff9D42 !important;
}

.main-view a:not(.v-btn) {
    color: #a75000 !important;
}

.card-login,
.card-environments {
    margin-left: 150px; margin-right: 150px;
    background-color: rgb(206, 239, 251);
    color: rgb(0, 0, 0);
    caret-color: rgb(0, 0, 0);
}

.card-overview,
.card-changelog {
    background-color: rgb(26, 66, 84);
    color: rgb(255, 255, 255);
    caret-color: rgb(255, 255, 255);
    padding: 64px 175px !important;
}

.card-faq {
    background-color: rgb(206, 239, 251);
    color: rgb(0, 0, 0);
    caret-color: rgb(0, 0, 0);
    padding: 64px 175px !important;
}

/*
    The following CSS is borrowed/taken from MAST's standard Vue/Vuetify
    fabric projects, to enable a look and feel consistent with MAST applications.
*/

.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.v-img__img--contain {
    object-fit: contain;
}

.v-img__img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-h1 {
    font-size: 6rem!important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.015625em!important;
    font-family: Roboto,sans-serif;
    text-transform: none!important
}

.text-h2 {
    font-size: 3.75rem!important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.0083333333em!important;
    font-family: Roboto,sans-serif;
    text-transform: none!important
}

.text-h3 {
    font-size: 3rem!important;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: normal!important;
    font-family: Roboto,sans-serif;
    text-transform: none!important
}

.text-h4 {
    font-size: 2.125rem!important;
    font-weight: 400;
    line-height: 1.175;
    letter-spacing: .0073529412em!important;
    font-family: Roboto,sans-serif;
    text-transform: none!important
}

.text-h5 {
    font-size: 1.5rem!important;
    font-weight: 400;
    line-height: 1.333;
    letter-spacing: normal!important;
    font-family: Roboto,sans-serif;
    text-transform: none!important
}

.text-h6 {
    font-size: 1.25rem!important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .0125em!important;
    font-family: Roboto,sans-serif;
    text-transform: none!important

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

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

.v-responsive--inline {
    display: inline-flex !important;
}

.v-card {
    border-radius: 0;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative;
    padding: 0;
    text-decoration: none;
}

.tike-primary-btn {
    font-size: 37px;
    height: 104px;
    width: 655px;
    background: #c75109;
    color: #ffffff !important;
}

.v-btn {
    border-style: solid;
    border-width: 0;
    color: #ffffff !important;
}

.v-btn {
    align-items: center;
    border-radius: 0;
    display: inline-grid;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    font-weight: 900;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    flex-shrink: 0
}

.v-btn:hover {
    background: #A75000;
}

.font-weight-thin {
    font-weight: 100!important
}

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

.font-weight-regular {
    font-weight: 400!important
}

.font-weight-medium {
    font-weight: 500!important
}

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

.font-weight-black {
    font-weight: 900!important
}




/* Padding and Margin Defaults */
.ma-0 {
    margin: 0!important
}

.ma-1 {
    margin: 4px!important
}

.ma-2 {
    margin: 8px!important
}

.ma-3 {
    margin: 12px!important
}

.ma-4 {
    margin: 16px!important
}

.ma-5 {
    margin: 20px!important
}

.ma-6 {
    margin: 24px!important
}

.ma-7 {
    margin: 28px!important
}

.ma-8 {
    margin: 32px!important
}

.ma-9 {
    margin: 36px!important
}

.ma-10 {
    margin: 40px!important
}

.ma-11 {
    margin: 44px!important
}

.ma-12 {
    margin: 48px!important
}

.ma-13 {
    margin: 52px!important
}

.ma-14 {
    margin: 56px!important
}

.ma-15 {
    margin: 60px!important
}

.ma-16 {
    margin: 64px!important
}

.ma-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: 4px!important;
    margin-left: 4px!important
}

.mx-2 {
    margin-right: 8px!important;
    margin-left: 8px!important
}

.mx-3 {
    margin-right: 12px!important;
    margin-left: 12px!important
}

.mx-4 {
    margin-right: 16px!important;
    margin-left: 16px!important
}

.mx-5 {
    margin-right: 20px!important;
    margin-left: 20px!important
}

.mx-6 {
    margin-right: 24px!important;
    margin-left: 24px!important
}

.mx-7 {
    margin-right: 28px!important;
    margin-left: 28px!important
}

.mx-8 {
    margin-right: 32px!important;
    margin-left: 32px!important
}

.mx-9 {
    margin-right: 36px!important;
    margin-left: 36px!important
}

.mx-10 {
    margin-right: 40px!important;
    margin-left: 40px!important
}

.mx-11 {
    margin-right: 44px!important;
    margin-left: 44px!important
}

.mx-12 {
    margin-right: 48px!important;
    margin-left: 48px!important
}

.mx-13 {
    margin-right: 52px!important;
    margin-left: 52px!important
}

.mx-14 {
    margin-right: 56px!important;
    margin-left: 56px!important
}

.mx-15 {
    margin-right: 60px!important;
    margin-left: 60px!important
}

.mx-16 {
    margin-right: 64px!important;
    margin-left: 64px!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
}

.my-2 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
}

.my-3 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
}

.my-4 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
}

.my-5 {
    margin-top: 20px!important;
    margin-bottom: 20px!important
}

.my-6 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
}

.my-7 {
    margin-top: 28px!important;
    margin-bottom: 28px!important
}

.my-8 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
}

.my-9 {
    margin-top: 36px!important;
    margin-bottom: 36px!important
}

.my-10 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.my-11 {
    margin-top: 44px!important;
    margin-bottom: 44px!important
}

.my-12 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
}

.my-13 {
    margin-top: 52px!important;
    margin-bottom: 52px!important
}

.my-14 {
    margin-top: 56px!important;
    margin-bottom: 56px!important
}

.my-15 {
    margin-top: 60px!important;
    margin-bottom: 60px!important
}

.my-16 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: 4px!important
}

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

.mt-3 {
    margin-top: 12px!important
}

.mt-4 {
    margin-top: 16px!important
}

.mt-5 {
    margin-top: 20px!important
}

.mt-6 {
    margin-top: 24px!important
}

.mt-7 {
    margin-top: 28px!important
}

.mt-8 {
    margin-top: 32px!important
}

.mt-9 {
    margin-top: 36px!important
}

.mt-10 {
    margin-top: 40px!important
}

.mt-11 {
    margin-top: 44px!important
}

.mt-12 {
    margin-top: 48px!important
}

.mt-13 {
    margin-top: 52px!important
}

.mt-14 {
    margin-top: 56px!important
}

.mt-15 {
    margin-top: 60px!important
}

.mt-16 {
    margin-top: 64px!important
}

.mt-auto {
    margin-top: auto!important
}

.mr-0 {
    margin-right: 0!important
}

.mr-1 {
    margin-right: 4px!important
}

.mr-2 {
    margin-right: 8px!important
}

.mr-3 {
    margin-right: 12px!important
}

.mr-4 {
    margin-right: 16px!important
}

.mr-5 {
    margin-right: 20px!important
}

.mr-6 {
    margin-right: 24px!important
}

.mr-7 {
    margin-right: 28px!important
}

.mr-8 {
    margin-right: 32px!important
}

.mr-9 {
    margin-right: 36px!important
}

.mr-10 {
    margin-right: 40px!important
}

.mr-11 {
    margin-right: 44px!important
}

.mr-12 {
    margin-right: 48px!important
}

.mr-13 {
    margin-right: 52px!important
}

.mr-14 {
    margin-right: 56px!important
}

.mr-15 {
    margin-right: 60px!important
}

.mr-16 {
    margin-right: 64px!important
}

.mr-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: 4px!important
}

.mb-2 {
    margin-bottom: 8px!important
}

.mb-3 {
    margin-bottom: 12px!important
}

.mb-4 {
    margin-bottom: 16px!important
}

.mb-5 {
    margin-bottom: 20px!important
}

.mb-6 {
    margin-bottom: 24px!important
}

.mb-7 {
    margin-bottom: 28px!important
}

.mb-8 {
    margin-bottom: 32px!important
}

.mb-9 {
    margin-bottom: 36px!important
}

.mb-10 {
    margin-bottom: 40px!important
}

.mb-11 {
    margin-bottom: 44px!important
}

.mb-12 {
    margin-bottom: 48px!important
}

.mb-13 {
    margin-bottom: 52px!important
}

.mb-14 {
    margin-bottom: 56px!important
}

.mb-15 {
    margin-bottom: 60px!important
}

.mb-16 {
    margin-bottom: 64px!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ml-0 {
    margin-left: 0!important
}

.ml-1 {
    margin-left: 4px!important
}

.ml-2 {
    margin-left: 8px!important
}

.ml-3 {
    margin-left: 12px!important
}

.ml-4 {
    margin-left: 16px!important
}

.ml-5 {
    margin-left: 20px!important
}

.ml-6 {
    margin-left: 24px!important
}

.ml-7 {
    margin-left: 28px!important
}

.ml-8 {
    margin-left: 32px!important
}

.ml-9 {
    margin-left: 36px!important
}

.ml-10 {
    margin-left: 40px!important
}

.ml-11 {
    margin-left: 44px!important
}

.ml-12 {
    margin-left: 48px!important
}

.ml-13 {
    margin-left: 52px!important
}

.ml-14 {
    margin-left: 56px!important
}

.ml-15 {
    margin-left: 60px!important
}

.ml-16 {
    margin-left: 64px!important
}

.ml-auto {
    margin-left: auto!important
}

.ms-0 {
    margin-inline-start:0px!important}

.ms-1 {
    margin-inline-start:4px!important}

.ms-2 {
    margin-inline-start:8px!important}

.ms-3 {
    margin-inline-start:12px!important}

.ms-4 {
    margin-inline-start:16px!important}

.ms-5 {
    margin-inline-start:20px!important}

.ms-6 {
    margin-inline-start:24px!important}

.ms-7 {
    margin-inline-start:28px!important}

.ms-8 {
    margin-inline-start:32px!important}

.ms-9 {
    margin-inline-start:36px!important}

.ms-10 {
    margin-inline-start:40px!important}

.ms-11 {
    margin-inline-start:44px!important}

.ms-12 {
    margin-inline-start:48px!important}

.ms-13 {
    margin-inline-start:52px!important}

.ms-14 {
    margin-inline-start:56px!important}

.ms-15 {
    margin-inline-start:60px!important}

.ms-16 {
    margin-inline-start:64px!important}

.ms-auto {
    margin-inline-start:auto!important}

.me-0 {
    margin-inline-end:0px!important}

.me-1 {
    margin-inline-end:4px!important}

.me-2 {
    margin-inline-end:8px!important}

.me-3 {
    margin-inline-end:12px!important}

.me-4 {
    margin-inline-end:16px!important}

.me-5 {
    margin-inline-end:20px!important}

.me-6 {
    margin-inline-end:24px!important}

.me-7 {
    margin-inline-end:28px!important}

.me-8 {
    margin-inline-end:32px!important}

.me-9 {
    margin-inline-end:36px!important}

.me-10 {
    margin-inline-end:40px!important}

.me-11 {
    margin-inline-end:44px!important}

.me-12 {
    margin-inline-end:48px!important}

.me-13 {
    margin-inline-end:52px!important}

.me-14 {
    margin-inline-end:56px!important}

.me-15 {
    margin-inline-end:60px!important}

.me-16 {
    margin-inline-end:64px!important}

.me-auto {
    margin-inline-end:auto!important}

.ma-n1 {
    margin: -4px!important
}

.ma-n2 {
    margin: -8px!important
}

.ma-n3 {
    margin: -12px!important
}

.ma-n4 {
    margin: -16px!important
}

.ma-n5 {
    margin: -20px!important
}

.ma-n6 {
    margin: -24px!important
}

.ma-n7 {
    margin: -28px!important
}

.ma-n8 {
    margin: -32px!important
}

.ma-n9 {
    margin: -36px!important
}

.ma-n10 {
    margin: -40px!important
}

.ma-n11 {
    margin: -44px!important
}

.ma-n12 {
    margin: -48px!important
}

.ma-n13 {
    margin: -52px!important
}

.ma-n14 {
    margin: -56px!important
}

.ma-n15 {
    margin: -60px!important
}

.ma-n16 {
    margin: -64px!important
}

.mx-n1 {
    margin-right: -4px!important;
    margin-left: -4px!important
}

.mx-n2 {
    margin-right: -8px!important;
    margin-left: -8px!important
}

.mx-n3 {
    margin-right: -12px!important;
    margin-left: -12px!important
}

.mx-n4 {
    margin-right: -16px!important;
    margin-left: -16px!important
}

.mx-n5 {
    margin-right: -20px!important;
    margin-left: -20px!important
}

.mx-n6 {
    margin-right: -24px!important;
    margin-left: -24px!important
}

.mx-n7 {
    margin-right: -28px!important;
    margin-left: -28px!important
}

.mx-n8 {
    margin-right: -32px!important;
    margin-left: -32px!important
}

.mx-n9 {
    margin-right: -36px!important;
    margin-left: -36px!important
}

.mx-n10 {
    margin-right: -40px!important;
    margin-left: -40px!important
}

.mx-n11 {
    margin-right: -44px!important;
    margin-left: -44px!important
}

.mx-n12 {
    margin-right: -48px!important;
    margin-left: -48px!important
}

.mx-n13 {
    margin-right: -52px!important;
    margin-left: -52px!important
}

.mx-n14 {
    margin-right: -56px!important;
    margin-left: -56px!important
}

.mx-n15 {
    margin-right: -60px!important;
    margin-left: -60px!important
}

.mx-n16 {
    margin-right: -64px!important;
    margin-left: -64px!important
}

.my-n1 {
    margin-top: -4px!important;
    margin-bottom: -4px!important
}

.my-n2 {
    margin-top: -8px!important;
    margin-bottom: -8px!important
}

.my-n3 {
    margin-top: -12px!important;
    margin-bottom: -12px!important
}

.my-n4 {
    margin-top: -16px!important;
    margin-bottom: -16px!important
}

.my-n5 {
    margin-top: -20px!important;
    margin-bottom: -20px!important
}

.my-n6 {
    margin-top: -24px!important;
    margin-bottom: -24px!important
}

.my-n7 {
    margin-top: -28px!important;
    margin-bottom: -28px!important
}

.my-n8 {
    margin-top: -32px!important;
    margin-bottom: -32px!important
}

.my-n9 {
    margin-top: -36px!important;
    margin-bottom: -36px!important
}

.my-n10 {
    margin-top: -40px!important;
    margin-bottom: -40px!important
}

.my-n11 {
    margin-top: -44px!important;
    margin-bottom: -44px!important
}

.my-n12 {
    margin-top: -48px!important;
    margin-bottom: -48px!important
}

.my-n13 {
    margin-top: -52px!important;
    margin-bottom: -52px!important
}

.my-n14 {
    margin-top: -56px!important;
    margin-bottom: -56px!important
}

.my-n15 {
    margin-top: -60px!important;
    margin-bottom: -60px!important
}

.my-n16 {
    margin-top: -64px!important;
    margin-bottom: -64px!important
}

.mt-n1 {
    margin-top: -4px!important
}

.mt-n2 {
    margin-top: -8px!important
}

.mt-n3 {
    margin-top: -12px!important
}

.mt-n4 {
    margin-top: -16px!important
}

.mt-n5 {
    margin-top: -20px!important
}

.mt-n6 {
    margin-top: -24px!important
}

.mt-n7 {
    margin-top: -28px!important
}

.mt-n8 {
    margin-top: -32px!important
}

.mt-n9 {
    margin-top: -36px!important
}

.mt-n10 {
    margin-top: -40px!important
}

.mt-n11 {
    margin-top: -44px!important
}

.mt-n12 {
    margin-top: -48px!important
}

.mt-n13 {
    margin-top: -52px!important
}

.mt-n14 {
    margin-top: -56px!important
}

.mt-n15 {
    margin-top: -60px!important
}

.mt-n16 {
    margin-top: -64px!important
}

.mr-n1 {
    margin-right: -4px!important
}

.mr-n2 {
    margin-right: -8px!important
}

.mr-n3 {
    margin-right: -12px!important
}

.mr-n4 {
    margin-right: -16px!important
}

.mr-n5 {
    margin-right: -20px!important
}

.mr-n6 {
    margin-right: -24px!important
}

.mr-n7 {
    margin-right: -28px!important
}

.mr-n8 {
    margin-right: -32px!important
}

.mr-n9 {
    margin-right: -36px!important
}

.mr-n10 {
    margin-right: -40px!important
}

.mr-n11 {
    margin-right: -44px!important
}

.mr-n12 {
    margin-right: -48px!important
}

.mr-n13 {
    margin-right: -52px!important
}

.mr-n14 {
    margin-right: -56px!important
}

.mr-n15 {
    margin-right: -60px!important
}

.mr-n16 {
    margin-right: -64px!important
}

.mb-n1 {
    margin-bottom: -4px!important
}

.mb-n2 {
    margin-bottom: -8px!important
}

.mb-n3 {
    margin-bottom: -12px!important
}

.mb-n4 {
    margin-bottom: -16px!important
}

.mb-n5 {
    margin-bottom: -20px!important
}

.mb-n6 {
    margin-bottom: -24px!important
}

.mb-n7 {
    margin-bottom: -28px!important
}

.mb-n8 {
    margin-bottom: -32px!important
}

.mb-n9 {
    margin-bottom: -36px!important
}

.mb-n10 {
    margin-bottom: -40px!important
}

.mb-n11 {
    margin-bottom: -44px!important
}

.mb-n12 {
    margin-bottom: -48px!important
}

.mb-n13 {
    margin-bottom: -52px!important
}

.mb-n14 {
    margin-bottom: -56px!important
}

.mb-n15 {
    margin-bottom: -60px!important
}

.mb-n16 {
    margin-bottom: -64px!important
}

.ml-n1 {
    margin-left: -4px!important
}

.ml-n2 {
    margin-left: -8px!important
}

.ml-n3 {
    margin-left: -12px!important
}

.ml-n4 {
    margin-left: -16px!important
}

.ml-n5 {
    margin-left: -20px!important
}

.ml-n6 {
    margin-left: -24px!important
}

.ml-n7 {
    margin-left: -28px!important
}

.ml-n8 {
    margin-left: -32px!important
}

.ml-n9 {
    margin-left: -36px!important
}

.ml-n10 {
    margin-left: -40px!important
}

.ml-n11 {
    margin-left: -44px!important
}

.ml-n12 {
    margin-left: -48px!important
}

.ml-n13 {
    margin-left: -52px!important
}

.ml-n14 {
    margin-left: -56px!important
}

.ml-n15 {
    margin-left: -60px!important
}

.ml-n16 {
    margin-left: -64px!important
}

.ms-n1 {
    margin-inline-start:-4px!important}

.ms-n2 {
    margin-inline-start:-8px!important}

.ms-n3 {
    margin-inline-start:-12px!important}

.ms-n4 {
    margin-inline-start:-16px!important}

.ms-n5 {
    margin-inline-start:-20px!important}

.ms-n6 {
    margin-inline-start:-24px!important}

.ms-n7 {
    margin-inline-start:-28px!important}

.ms-n8 {
    margin-inline-start:-32px!important}

.ms-n9 {
    margin-inline-start:-36px!important}

.ms-n10 {
    margin-inline-start:-40px!important}

.ms-n11 {
    margin-inline-start:-44px!important}

.ms-n12 {
    margin-inline-start:-48px!important}

.ms-n13 {
    margin-inline-start:-52px!important}

.ms-n14 {
    margin-inline-start:-56px!important}

.ms-n15 {
    margin-inline-start:-60px!important}

.ms-n16 {
    margin-inline-start:-64px!important}

.me-n1 {
    margin-inline-end:-4px!important}

.me-n2 {
    margin-inline-end:-8px!important}

.me-n3 {
    margin-inline-end:-12px!important}

.me-n4 {
    margin-inline-end:-16px!important}

.me-n5 {
    margin-inline-end:-20px!important}

.me-n6 {
    margin-inline-end:-24px!important}

.me-n7 {
    margin-inline-end:-28px!important}

.me-n8 {
    margin-inline-end:-32px!important}

.me-n9 {
    margin-inline-end:-36px!important}

.me-n10 {
    margin-inline-end:-40px!important}

.me-n11 {
    margin-inline-end:-44px!important}

.me-n12 {
    margin-inline-end:-48px!important}

.me-n13 {
    margin-inline-end:-52px!important}

.me-n14 {
    margin-inline-end:-56px!important}

.me-n15 {
    margin-inline-end:-60px!important}

.me-n16 {
    margin-inline-end:-64px!important}

.pa-0 {
    padding: 0!important
}

.pa-1 {
    padding: 4px!important
}

.pa-2 {
    padding: 8px!important
}

.pa-3 {
    padding: 12px!important
}

.pa-4 {
    padding: 16px!important
}

.pa-5 {
    padding: 20px!important
}

.pa-6 {
    padding: 24px!important
}

.pa-7 {
    padding: 28px!important
}

.pa-8 {
    padding: 32px!important
}

.pa-9 {
    padding: 36px!important
}

.pa-10 {
    padding: 40px!important
}

.pa-11 {
    padding: 44px!important
}

.pa-12 {
    padding: 48px!important
}

.pa-13 {
    padding: 52px!important
}

.pa-14 {
    padding: 56px!important
}

.pa-15 {
    padding: 60px!important
}

.pa-16 {
    padding: 64px!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: 4px!important;
    padding-left: 4px!important
}

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

.px-3 {
    padding-right: 12px!important;
    padding-left: 12px!important
}

.px-4 {
    padding-right: 16px!important;
    padding-left: 16px!important
}

.px-5 {
    padding-right: 20px!important;
    padding-left: 20px!important
}

.px-6 {
    padding-right: 24px!important;
    padding-left: 24px!important
}

.px-7 {
    padding-right: 28px!important;
    padding-left: 28px!important
}

.px-8 {
    padding-right: 32px!important;
    padding-left: 32px!important
}

.px-9 {
    padding-right: 36px!important;
    padding-left: 36px!important
}

.px-10 {
    padding-right: 40px!important;
    padding-left: 40px!important
}

.px-11 {
    padding-right: 44px!important;
    padding-left: 44px!important
}

.px-12 {
    padding-right: 48px!important;
    padding-left: 48px!important
}

.px-13 {
    padding-right: 52px!important;
    padding-left: 52px!important
}

.px-14 {
    padding-right: 56px!important;
    padding-left: 56px!important
}

.px-15 {
    padding-right: 60px!important;
    padding-left: 60px!important
}

.px-16 {
    padding-right: 64px!important;
    padding-left: 64px!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
}

.py-2 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.py-3 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
}

.py-4 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.py-5 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

.py-6 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.py-7 {
    padding-top: 28px!important;
    padding-bottom: 28px!important
}

.py-8 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.py-9 {
    padding-top: 36px!important;
    padding-bottom: 36px!important
}

.py-10 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.py-11 {
    padding-top: 44px!important;
    padding-bottom: 44px!important
}

.py-12 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
}

.py-13 {
    padding-top: 52px!important;
    padding-bottom: 52px!important
}

.py-14 {
    padding-top: 56px!important;
    padding-bottom: 56px!important
}

.py-15 {
    padding-top: 60px!important;
    padding-bottom: 60px!important
}

.py-16 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: 4px!important
}

.pt-2 {
    padding-top: 8px!important
}

.pt-3 {
    padding-top: 12px!important
}

.pt-4 {
    padding-top: 16px!important
}

.pt-5 {
    padding-top: 20px!important
}

.pt-6 {
    padding-top: 24px!important
}

.pt-7 {
    padding-top: 28px!important
}

.pt-8 {
    padding-top: 32px!important
}

.pt-9 {
    padding-top: 36px!important
}

.pt-10 {
    padding-top: 40px!important
}

.pt-11 {
    padding-top: 44px!important
}

.pt-12 {
    padding-top: 48px!important
}

.pt-13 {
    padding-top: 52px!important
}

.pt-14 {
    padding-top: 56px!important
}

.pt-15 {
    padding-top: 60px!important
}

.pt-16 {
    padding-top: 64px!important
}

.pr-0 {
    padding-right: 0!important
}

.pr-1 {
    padding-right: 4px!important
}

.pr-2 {
    padding-right: 8px!important
}

.pr-3 {
    padding-right: 12px!important
}

.pr-4 {
    padding-right: 16px!important
}

.pr-5 {
    padding-right: 20px!important
}

.pr-6 {
    padding-right: 24px!important
}

.pr-7 {
    padding-right: 28px!important
}

.pr-8 {
    padding-right: 32px!important
}

.pr-9 {
    padding-right: 36px!important
}

.pr-10 {
    padding-right: 40px!important
}

.pr-11 {
    padding-right: 44px!important
}

.pr-12 {
    padding-right: 48px!important
}

.pr-13 {
    padding-right: 52px!important
}

.pr-14 {
    padding-right: 56px!important
}

.pr-15 {
    padding-right: 60px!important
}

.pr-16 {
    padding-right: 64px!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: 4px!important
}

.pb-2 {
    padding-bottom: 8px!important
}

.pb-3 {
    padding-bottom: 12px!important
}

.pb-4 {
    padding-bottom: 16px!important
}

.pb-5 {
    padding-bottom: 20px!important
}

.pb-6 {
    padding-bottom: 24px!important
}

.pb-7 {
    padding-bottom: 28px!important
}

.pb-8 {
    padding-bottom: 32px!important
}

.pb-9 {
    padding-bottom: 36px!important
}

.pb-10 {
    padding-bottom: 40px!important
}

.pb-11 {
    padding-bottom: 44px!important
}

.pb-12 {
    padding-bottom: 48px!important
}

.pb-13 {
    padding-bottom: 52px!important
}

.pb-14 {
    padding-bottom: 56px!important
}

.pb-15 {
    padding-bottom: 60px!important
}

.pb-16 {
    padding-bottom: 64px!important
}

.pl-0 {
    padding-left: 0!important
}

.pl-1 {
    padding-left: 4px!important
}

.pl-2 {
    padding-left: 8px!important
}

.pl-3 {
    padding-left: 12px!important
}

.pl-4 {
    padding-left: 16px!important
}

.pl-5 {
    padding-left: 20px!important
}

.pl-6 {
    padding-left: 24px!important
}

.pl-7 {
    padding-left: 28px!important
}

.pl-8 {
    padding-left: 32px!important
}

.pl-9 {
    padding-left: 36px!important
}

.pl-10 {
    padding-left: 40px!important
}

.pl-11 {
    padding-left: 44px!important
}

.pl-12 {
    padding-left: 48px!important
}

.pl-13 {
    padding-left: 52px!important
}

.pl-14 {
    padding-left: 56px!important
}

.pl-15 {
    padding-left: 60px!important
}

.pl-16 {
    padding-left: 64px!important
}

.ps-0 {
    padding-inline-start:0px!important}

.ps-1 {
    padding-inline-start:4px!important}

.ps-2 {
    padding-inline-start:8px!important}

.ps-3 {
    padding-inline-start:12px!important}

.ps-4 {
    padding-inline-start:16px!important}

.ps-5 {
    padding-inline-start:20px!important}

.ps-6 {
    padding-inline-start:24px!important}

.ps-7 {
    padding-inline-start:28px!important}

.ps-8 {
    padding-inline-start:32px!important}

.ps-9 {
    padding-inline-start:36px!important}

.ps-10 {
    padding-inline-start:40px!important}

.ps-11 {
    padding-inline-start:44px!important}

.ps-12 {
    padding-inline-start:48px!important}

.ps-13 {
    padding-inline-start:52px!important}

.ps-14 {
    padding-inline-start:56px!important}

.ps-15 {
    padding-inline-start:60px!important}

.ps-16 {
    padding-inline-start:64px!important}

.pe-0 {
    padding-inline-end:0px!important}

.pe-1 {
    padding-inline-end:4px!important}

.pe-2 {
    padding-inline-end:8px!important}

.pe-3 {
    padding-inline-end:12px!important}

.pe-4 {
    padding-inline-end:16px!important}

.pe-5 {
    padding-inline-end:20px!important}

.pe-6 {
    padding-inline-end:24px!important}

.pe-7 {
    padding-inline-end:28px!important}

.pe-8 {
    padding-inline-end:32px!important}

.pe-9 {
    padding-inline-end:36px!important}

.pe-10 {
    padding-inline-end:40px!important}

.pe-11 {
    padding-inline-end:44px!important}

.pe-12 {
    padding-inline-end:48px!important}

.pe-13 {
    padding-inline-end:52px!important}

.pe-14 {
    padding-inline-end:56px!important}

.pe-15 {
    padding-inline-end:60px!important}

.pe-16 {
    padding-inline-end:64px!important}