.question-header {
	font-size: 1.25rem;
}
.question-item {
	margin-bottom: 2.5rem;
}

.form-check label {
	display: inline;
	font-size: 1rem;
	
}
.form-check-inline {
	display: inline;
	margin: 0 1rem 1rem 0;
}
.question-item input {
padding: 1.25rem;
font-size: 1.15rem;	
margin: 1px 4px 5px 0px;
}
.question-item .row {
	margin-left; 0;
}
.star-off-png, .star-on-png {
    color: #484848;
}
.irs--big .irs-bar {
    background: linear-gradient(to bottom, #4f879d 0%, #81aed5 30%, #4f879d 100%);
    box-shadow: inset 0 0 1px 1px rgb(255 255 255 / 50%);
}

.nps-table {
width: auto;	
}

/*BUTTONS*/
.survey-navigation .btn, .survey-navigation button {
    font-size: 1.25rem;
    padding: 0.75rem 2rem;
}

/* ADD ONS SPOTTERON */
.twobeside {
  width: 49%;
  display: inline-block;
  padding: 0 1rem 0 0;
}

.hidden span {
	display:none;
}

.survey-wrapper .hidden {
	display: block !important;
	height: 0;
}
.survey-wrapper .hidden .error {
    visibility: visible;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* COPY */
.row {
    --gutter-x: 1em;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gutter-x) * -0.5);
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-top: calc(var(--gutter-y) * -1);
}
.row > * {
    flex-shrink: 0;
    margin-top: var(--gutter-y);
    max-width: 100%;
    padding-left: calc(var(--gutter-x) * 0.5);
    padding-right: calc(var(--gutter-x) * 0.5);
    width: 100%;
}
.col {
    flex: 1 0 0%;
}
.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}
.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}
.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}
.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.offset-1 {
    margin-left: 8.33333333%;
}
.offset-2 {
    margin-left: 16.66666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333333%;
}
.offset-5 {
    margin-left: 41.66666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333333%;
}
.offset-8 {
    margin-left: 66.66666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333333%;
}
.offset-11 {
    margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
    --gutter-x: 0;
}
.g-0,
.gy-0 {
    --gutter-y: 0;
}
.g-1,
.gx-1 {
    --gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
    --gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
    --gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
    --gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
    --gutter-x: 1rem;
}
.g-3,
.gy-3 {
    --gutter-y: 1rem;
}
.g-4,
.gx-4 {
    --gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
    --gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
    --gutter-x: 3rem;
}
.g-5,
.gy-5 {
    --gutter-y: 3rem;
}
@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
        --gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --gutter-y: 3rem;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
        --gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        --gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        --gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        --gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        --gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        --gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        --gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
        --gutter-y: 3rem;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
        --gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --gutter-y: 3rem;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }
    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
        --gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --gutter-y: 3rem;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }
    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --gutter-y: 3rem;
    }
}
/*TABLE*/
.table {
    --table-bg: transparent;
    --table-accent-bg: transparent;
    --table-striped-color: #22262a;
    --table-striped-bg: rgba(0, 0, 0, 0.05);
    --table-active-color: #22262a;
    --table-active-bg: rgba(0, 0, 0, 0.1);
    --table-hover-color: #22262a;
    --table-hover-bg: rgba(0, 0, 0, 0.075);
    border-color: #dfe3e7;
    color: #22262a;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}
.table > :not(caption) > * > * {
    background-color: var(--table-bg);
    border-bottom: 1px solid #ccc;
    box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
    padding: 0.5rem;
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table > :not(:first-child) {
    border-top: 2px solid;
}
.caption-top {
    caption-side: top;
}
.table-sm > :not(caption) > * > * {
    padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
    border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --table-accent-bg: var(--table-striped-bg);
    color: var(--table-striped-color);
}
.table-active {
    --table-accent-bg: var(--table-active-bg);
    color: var(--table-active-color);
}
.table-hover > tbody > tr:hover > * {
    --table-accent-bg: var(--table-hover-bg);
    color: var(--table-hover-color);
}
.table-primary {
    --table-bg: #cfd4dd;
    --table-striped-bg: #c5c9d2;
    --table-striped-color: #000;
    --table-active-bg: #babfc7;
    --table-active-color: #000;
    --table-hover-bg: #bfc4cc;
    --table-hover-color: #000;
    border-color: #babfc7;
    color: #000;
}
.table-secondary {
    --table-bg: #e2e3e5;
    --table-striped-bg: #d7d8da;
    --table-striped-color: #000;
    --table-active-bg: #cbccce;
    --table-active-color: #000;
    --table-hover-bg: #d1d2d4;
    --table-hover-color: #000;
    border-color: #cbccce;
    color: #000;
}
.table-success {
    --table-bg: #dae6da;
    --table-striped-bg: #cfdbcf;
    --table-striped-color: #000;
    --table-active-bg: #c4cfc4;
    --table-active-color: #000;
    --table-hover-bg: #cad5ca;
    --table-hover-color: #000;
    border-color: #c4cfc4;
    color: #000;
}
.table-info {
    --table-bg: #d6e0e8;
    --table-striped-bg: #cbd5dc;
    --table-striped-color: #000;
    --table-active-bg: #c1cad1;
    --table-active-color: #000;
    --table-hover-bg: #c6cfd7;
    --table-hover-color: #000;
    border-color: #c1cad1;
    color: #000;
}
.table-warning {
    --table-bg: #efe0cc;
    --table-striped-bg: #e3d5c2;
    --table-striped-color: #000;
    --table-active-bg: #d7cab8;
    --table-active-color: #000;
    --table-hover-bg: #ddcfbd;
    --table-hover-color: #000;
    border-color: #d7cab8;
    color: #000;
}
.table-danger {
    --table-bg: #edd2d1;
    --table-striped-bg: #e1c8c7;
    --table-striped-color: #000;
    --table-active-bg: #d5bdbc;
    --table-active-color: #000;
    --table-hover-bg: #dbc2c1;
    --table-hover-color: #000;
    border-color: #d5bdbc;
    color: #000;
}
.table-light {
    --table-bg: #f9fafb;
    --table-striped-bg: #edeeee;
    --table-striped-color: #000;
    --table-active-bg: #e0e1e2;
    --table-active-color: #000;
    --table-hover-bg: #e6e7e8;
    --table-hover-color: #000;
    border-color: #e0e1e2;
    color: #000;
}
.table-dark {
    --table-bg: #353b41;
    --table-striped-bg: #3f454b;
    --table-striped-color: #fff;
    --table-active-bg: #494f54;
    --table-active-color: #fff;
    --table-hover-bg: #444a4f;
    --table-hover-color: #fff;
    border-color: #494f54;
    color: #fff;
}
.table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
    }
}

/* BORDERS*/
.border {
    border: 1px solid #dfe3e7 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: 1px solid #dfe3e7 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-end {
    border-right: 1px solid #dfe3e7 !important;
}
.border-end-0 {
    border-right: 0 !important;
}
.border-bottom {
    border-bottom: 1px solid #dfe3e7 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-start {
    border-left: 1px solid #dfe3e7 !important;
}
.border-start-0 {
    border-left: 0 !important;
}
.border-primary {
    border-color: #010156 !important;
}
.border-secondary {
    border-color: #6d757e !important;
}
.border-success {
    border-color: #448344 !important;
}
.border-info {
    border-color: #30638d !important;
}
.border-warning {
    border-color: #ad6200 !important;
}
.border-danger {
    border-color: #a51f18 !important;
}
.border-light {
    border-color: #f9fafb !important;
}
.border-dark {
    border-color: #353b41 !important;
}
.border-white {
    border-color: #fff !important;
}
.border-1 {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-5 {
    border-width: 5px !important;
}

/* LIST GROUPS */
.list-group {
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
}
.list-group-numbered {
    counter-reset: section;
    list-style-type: none;
}
.list-group-numbered > li:before {
    content: counters(section, ".") ". ";
    counter-increment: section;
}
.list-group-item-action {
    color: #484f56;
    text-align: inherit;
    width: 100%;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: #f9fafb;
    color: #484f56;
    text-decoration: none;
    z-index: 1;
}
.list-group-item-action:active {
    background-color: #eaedf0;
    color: #22262a;
}
.list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: #22262a;
    display: block;
    padding: 0.5rem 1rem;
    position: relative;
    text-decoration: none;
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
    background-color: #fff;
    color: #6d757e;
    pointer-events: none;
}
.list-group-item.active {
    background-color: #5a5a5a;
    border-color: #5a5a5a;
    color: #fff;
    z-index: 2;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item + .list-group-item.active {
    border-top-width: 1px;
    margin-top: -1px;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
}
.list-group-horizontal > .list-group-item.active {
    margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: 1px;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
    }
    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: 1px;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
    }
    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: 1px;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px;
    }
}
@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
    }
    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: 1px;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
    }
    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: 1px;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px;
    }
}
@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.25rem;
    }
    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-left-width: 0;
        border-top-width: 1px;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px;
    }
}
.list-group-flush {
    border-radius: 0;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}
.list-group-item-primary {
    background-color: #ccd;
    color: #010134;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    background-color: #b8b8c7;
    color: #010134;
}
.list-group-item-primary.list-group-item-action.active {
    background-color: #010134;
    border-color: #010134;
    color: #fff;
}
.list-group-item-secondary {
    background-color: #e2e3e5;
    color: #41464c;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    background-color: #cbccce;
    color: #41464c;
}
.list-group-item-secondary.list-group-item-action.active {
    background-color: #41464c;
    border-color: #41464c;
    color: #fff;
}
.list-group-item-success {
    background-color: #dae6da;
    color: #294f29;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    background-color: #c4cfc4;
    color: #294f29;
}
.list-group-item-success.list-group-item-action.active {
    background-color: #294f29;
    border-color: #294f29;
    color: #fff;
}
.list-group-item-info {
    background-color: #d6e0e8;
    color: #1d3b55;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    background-color: #c1cad1;
    color: #1d3b55;
}
.list-group-item-info.list-group-item-action.active {
    background-color: #1d3b55;
    border-color: #1d3b55;
    color: #fff;
}
.list-group-item-warning {
    background-color: #efe0cc;
    color: #683b00;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    background-color: #d7cab8;
    color: #683b00;
}
.list-group-item-warning.list-group-item-action.active {
    background-color: #683b00;
    border-color: #683b00;
    color: #fff;
}
.list-group-item-danger {
    background-color: #edd2d1;
    color: #63130e;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    background-color: #d5bdbc;
    color: #63130e;
}
.list-group-item-danger.list-group-item-action.active {
    background-color: #63130e;
    border-color: #63130e;
    color: #fff;
}
.list-group-item-light {
    background-color: #fefefe;
    color: #646464;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    background-color: #e5e5e5;
    color: #646464;
}
.list-group-item-light.list-group-item-action.active {
    background-color: #646464;
    border-color: #646464;
    color: #fff;
}
.list-group-item-dark {
    background-color: #d7d8d9;
    color: #202327;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    background-color: #c2c2c3;
    color: #202327;
}
.list-group-item-dark.list-group-item-action.active {
    background-color: #202327;
    border-color: #202327;
    color: #fff;
}

/* STUFF */

.alert {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert-dismissible .btn-close {
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.alert-primary {
    background-color: #ccd;
    border-color: #b3b3cc;
    color: #010134;
}
.alert-primary .alert-link {
    color: #01012a;
}
.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d3d6d8;
    color: #41464c;
}
.alert-secondary .alert-link {
    color: #34383d;
}
.alert-success {
    background-color: #dae6da;
    border-color: #c7dac7;
    color: #294f29;
}
.alert-success .alert-link {
    color: #213f21;
}
.alert-info {
    background-color: #d6e0e8;
    border-color: #c1d0dd;
    color: #1d3b55;
}
.alert-info .alert-link {
    color: #172f44;
}
.alert-warning {
    background-color: #efe0cc;
    border-color: #e6d0b3;
    color: #683b00;
}
.alert-warning .alert-link {
    color: #532f00;
}
.alert-danger {
    background-color: #edd2d1;
    border-color: #e4bcba;
    color: #63130e;
}
.alert-danger .alert-link {
    color: #4f0f0b;
}
.alert-light {
    background-color: #fefefe;
    border-color: #fdfefe;
    color: #646464;
}
.alert-light .alert-link {
    color: #505050;
}
.alert-dark {
    background-color: #d7d8d9;
    border-color: #c2c4c6;
    color: #202327;
}
.alert-dark .alert-link {
    color: #1a1c1f;
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.progress {
    background-color: #eaedf0;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    height: 1rem;
}
.progress,
.progress-bar {
    display: flex;
    overflow: hidden;
}
.progress-bar {
    background-color: #ccc;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: width 0.6s ease;
    white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem;
}
.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}
.float-start {
    float: left !important;
}
.float-end {
    float: right !important;
}
.float-none {
    float: none !important;
}