#css-trigger {
    font-family: jfe !important
}

#SurveyEngineBody {
    -webkit-text-size-adjust: 100%
}

.Skin .MC .MAHR li,
.Skin .MC .SAHR li {
    float: left
}

.Skin .QuestionBody .TextEntryBox.TextEntryLarge {
    width: 600px;
    height: 200px;
    margin: 7px 0
}

.Skin .QuestionBody .TextEntryBox.TextEntryMedium {
    width: 300px;
    height: 100px;
    margin: 7px 0
}

.Skin .PGR .DragAndDrop .Items ul li.Selected .rank {
    display: block
}

.Skin .PGR .DragAndDrop .NotSelected .rank {
    display: none
}

.Skin .PGR .DragAndDrop .Items ul li.Selected:hover {
    border: 1px solid #ccc
}

.Skin .PGR .DragAndDrop .NotSelected:hover {
    border: none;
    padding-left: 0;
    padding-right: 0
}

.Skin .PGR .DragAndDrop .NotSelected .rank {
    display: none
}

.Skin .PGR .DragAndDrop .Items ul li.Selected .rank {
    display: inline-block
}

.Skin .QuestionOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.Skin .ResponseSummary~.QuestionOuter.Matrix .DL td.last {
    width: 50%
}

.OrgHierarchy {
    padding: 0 20px 20px 20px
}

.OrgHierarchy .OHOuter input {
    border-color: #d2d2d6 !important;
    margin-bottom: 8px
}

.OrgHierarchy .Units .QuestionText {
    margin-left: 15px
}

.OrgHierarchy .Units li.Selected>label {
    background: #2c70b8;
    border-color: #1459a3;
    border-radius: 0;
    box-shadow: none;
    z-index: 1
}

.OrgHierarchy .UnitSelector li.Selected>label,
.OrgHierarchy .UnitSelector li.Selected>label label {
    color: #fff;
    text-shadow: 0 -1px #034892
}

.OrgHierarchy #SkinContent {
    bottom: 0
}

.OrgHierarchy .OHOuter {
    margin-bottom: 10px
}

.OrgHierarchy input {
    width: 200px;
    padding: 5px;
    color: #333;
    line-height: 14px;
    border: 1px solid #b3b3b3;
    box-shadow: 0 1px 0 #fff;
    font-size: 12px
}

.OrgHierarchy .Units {
    max-height: 500px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    margin-top: 5px
}

.OrgHierarchy .Units ul {
    padding-left: 30px;
    margin-top: 0;
    list-style-type: none
}

.OrgHierarchy .Units li {
    list-style-type: none;
    padding-top: 3px
}

.OrgHierarchy .v2 .Units li {
    padding-top: 3px
}

.OrgHierarchy .Units li .smallBarLoadingImage {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ajax_loading3.gif);
    display: block;
    height: 11px;
    width: 16px;
    margin-left: 43px
}

.OrgHierarchy .Units .NoToggleSpacing {
    width: 5%;
    float: left;
    height: 32px
}

.OrgHierarchy .Units .ToggleContainer {
    height: 32px;
    cursor: pointer;
    width: 34px;
    float: left
}

.OrgHierarchy .Units .UnitLabelContainer {
    height: 32px;
    overflow: hidden
}

.OrgHierarchy .Units b.Toggle {
    display: inline-block;
    position: relative;
    left: -2px;
    top: 1px;
    cursor: pointer;
    border: 6px solid transparent;
    border-left-color: #777;
    margin-left: -12px
}

.OrgHierarchy .v2 .Units b.Toggle {
    top: 9px;
    left: 27px
}

.OrgHierarchy .Units b.Toggle.Expanded {
    border-left-color: transparent;
    border-top-color: #777;
    left: -5px;
    top: 4px
}

.OrgHierarchy .v2 .Units b.Toggle.Expanded {
    top: 12px;
    left: 23px
}

.OrgHierarchy .Units li.Selected>label b.Toggle {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

.OrgHierarchy .Units li.Selected>label b.Toggle.Expanded {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.OrgHierarchy .Units li label {
    display: block;
    line-height: 16px;
    color: #555;
    cursor: pointer
}

.OrgHierarchy .v2 .Units li label {
    height: 32px
}

.OrgHierarchy .Units li label .Text {
    display: block;
    position: relative;
    left: -5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.OrgHierarchy .v2 .Units li label .Text {
    padding-left: 15px;
    padding-top: 8px
}

.OrgHierarchy .Units li>label {
    border-radius: 2px;
    margin: 5px 0;
    padding: 6px 20px 6px 35px;
    -webkit-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    -moz-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    -ms-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    -o-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s
}

.OrgHierarchy .Units li>label:hover {
    background-color: #eee;
    border-color: #ddd;
    box-shadow: inset 0 0 2px #e0e0e0
}

.OrgHierarchy .v2 .Units li .Hover:hover,
.OrgHierarchy .v2 .Units li .ToggleContainer:hover {
    background-color: #eee;
    border-color: #ddd;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #e0e0e0
}

.OrgHierarchy .Units li.Selected>label {
    background-color: #2c70b8;
    border-color: #1459a3;
    box-shadow: none;
    z-index: 1
}

.OrgHierarchy .Units li.Selected>div .UnitLabelContainer,
.OrgHierarchy .Units li.Selected>div .UnitLabelContainer:hover {
    background-color: #2c70b8;
    border-color: #1459a3;
    border-radius: 3px;
    box-shadow: none;
    z-index: 1
}

.OrgHierarchy .Units li.Selected>label,
.OrgHierarchy .Units li.Selected>label label {
    color: #fff;
    text-shadow: 0 -1px #034892
}

.OrgHierarchy .v2 .Units li.Selected>div,
.OrgHierarchy .v2 .Units li.Selected>div label {
    color: #fff;
    text-shadow: 0 -1px #034892
}

.OrgHierarchy .OHOuter .SelectedText {
    margin-top: 8px
}

#QMenu .QMenuList .highlight {
    font-weight: 600
}

.OrgHierarchy .MobileUnits {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    margin-top: 5px;
    max-width: 368px;
    max-height: 520px;
    padding-bottom: 5px
}

.OrgHierarchy .MobileUnits ul {
    padding-left: 0;
    margin-top: 0;
    list-style-type: none
}

.OrgHierarchy .MobileUnits li {
    list-style-type: none
}

.OrgHierarchy .MobileUnits li .smallBarLoadingImage {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ajax_loading3.gif);
    display: block;
    height: 11px;
    width: 16px;
    margin-left: 43px;
    margin-top: 12px
}

.OrgHierarchy .MobileUnits .ToggleContainer {
    height: 32px;
    cursor: pointer;
    width: 34px;
    float: left
}

.OrgHierarchy .MobileUnits .UnitLabelContainer {
    min-height: 32px
}

.OrgHierarchy .MobileUnits li label {
    display: block;
    line-height: 16px;
    color: #555;
    cursor: pointer;
    padding-top: 7px
}

.OrgHierarchy .MobileUnits li label .Text {
    display: block;
    position: relative;
    left: -5px;
    text-overflow: ellipsis;
    padding-left: 15px
}

.OrgHierarchy .MobileUnits li>label {
    border-radius: 2px;
    margin: 5px 0;
    padding: 6px 20px 6px 35px;
    -webkit-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    -moz-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    -ms-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    -o-transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s;
    transition: background-color .3s, border-color .3s, box-shadow .3s, margin .2s, padding .2s
}

.OrgHierarchy .MobileUnits li .Hover .UnitLabelContainer:hover {
    background-color: #eee;
    border-color: #ddd;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #e0e0e0
}

.OrgHierarchy .MobileUnits li.Selected>div .Hover:hover {
    background-color: #2c70b8
}

.OrgHierarchy .MobileUnits li.Selected>div .UnitLabelContainer {
    background-color: #2c70b8;
    border-color: #1459a3;
    border-radius: 3px;
    box-shadow: none;
    z-index: 1
}

.OrgHierarchy .MobileUnits li.Selected>div,
.OrgHierarchy .MobileUnits li.Selected>div label {
    color: #fff;
    text-shadow: 0 -1px #034892
}

.OrgHierarchy .MobileUnits div.UnitLabelContainer {
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #555;
    position: relative;
    margin-bottom: 5px;
    width: 310px
}

.OrgHierarchy .MobileUnits li.Selected div.UnitLabelContainer {
    border-style: none
}

.OrgHierarchy .v2 .MobileUnits .Caret {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 35px;
    left: -42px
}

.OrgHierarchy .v2 .MobileUnits li.Selected>ul .Caret {
    display: block
}

.OrgHierarchy .v2 .MobileUnits .Caret .before {
    position: relative;
    top: -13px;
    left: 328px;
    border-top: 7px solid #555;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.OrgHierarchy .v2 .MobileUnits .Caret .after {
    position: relative;
    left: 316px;
    top: -15px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.OrgHierarchy .MobileUnits li .Hover .UnitLabelContainer:hover .Caret .after {
    border-top: 5px solid #eee
}

.JFEScope .TreeSelect .AutoCompleteMenu .header-menu-item {
    position: relative;
    margin: 0;
    min-height: 0;
    background: #eee;
    border-bottom: 1px solid #ddd;
    font-size: 90%;
    padding: 6px 10px;
    color: #888;
    cursor: default
}

.JFEScope .TreeSelect .AutoCompleteMenu .ui-autocomplete,
.JFEScope .TreeSelect .OrgHierarchy {
    z-index: 9000
}

.JFEScope .TreeSelect,
.JFEScope .TreeSelect .OrgHierarchy {
    overflow-y: visible !important
}

#QMenu ul li a.MenuItemLink {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 12pt;
    cursor: pointer
}

div#QMenu .OverflowWrapper {
    background: #fff none repeat scroll 0 0;
    opacity: .97
}

.CSS3 div#QMenu .QSubMenu ul li:last-child,
.CSS3 div#QMenu ul li:last-child {
    border-bottom: medium none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.CSS3 div#QMenu .QSubMenu ul li:first-child,
.CSS3 div#QMenu ul li:first-child {
    border-top: medium none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

#QMenu ul {
    margin: 0;
    padding: 0
}

.DND .Choices {
    float: left;
    width: 30%
}

.DND .ChoiceStructure {
    padding: 0;
    margin: 20px 10px
}

.DND .Selection {
    margin: 8px 5px;
    border: 1px solid transparent;
    overflow: hidden;
    list-style: none;
    border-radius: 3px;
    background: #e1e1e1;
    padding: 15px;
    z-index: 1000;
    transition: border, background, box-shadow .2s ease-out;
    box-sizing: content-box
}

.DND .Selection:hover,
.DND .Selection:hover * {
    cursor: move
}

.DND .Selection.Active {
    box-shadow: 0 4px 7px 0 rgba(50, 50, 50, .4);
    background-color: #ddd !important;
    position: relative;
    z-index: 1001
}

.DND .AnswerBucket .Selection.Stack {
    position: relative;
    border: 1px solid #ccc;
    margin-top: -25px
}

.DND .AnswerBucket .Selection.Stack:first-child {
    margin-top: 5px
}

.DND .AnswerBucket.Expanded .Selection {
    margin-top: 5px
}

.DND .Answers {
    float: left;
    width: 70%
}

.DND .AnswerContainer {
    float: left;
    margin: 0 10px 10px;
    text-align: center;
    width: 200px
}

.DND .AnswerContainer h3 {
    margin-bottom: 5px;
    font-weight: 400
}

.DND .AnswerBucket {
    border: 1px solid #d5d5d5;
    border-radius: 7px;
    width: 100%;
    min-height: 100px;
    background-color: #fcfcfc;
    position: relative;
    padding: 0;
    margin-bottom: 0
}

.DND .AnswerBucket.Active {
    background-color: #f5f5f5
}

.DND .AnswerBucket.Active:hover {
    cursor: pointer
}

.DND .AnswerBucket li {
    margin: 5px;
    padding: 8px;
    text-align: left;
    background-color: #e1e1e1;
    border-radius: 5px;
    border: 1px solid transparent
}

.DND li.filler {
    visibility: hidden
}

.DND .Expander {
    display: none;
    float: right;
    text-decoration: none;
    color: #888;
    padding: 4px 8px;
    margin: -2px 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #dfdfdf
}

.DND .Expander.on {
    display: inline-block
}

@media screen and (max-width:800px) {
    .DND .ChoiceStructure {
        margin: 0
    }

    .DND .AnswerBucket {
        min-height: 75px
    }

    .DND .Selection {
        padding: 7px
    }

    .DND .AnswerContainer {
        margin: 0 5px 10px
    }
}

.JFEScope .Bipolar .mobile .ColumnLabelHeader {
    display: none
}

#SurveyEngineBody .HL .Text .QuestionBody {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.HLTextToolTip {
    position: absolute
}

.HLTextToolTip.activated {
    display: inline-block;
    z-index: 5000
}

.HLTextToolTipBox {
    position: relative;
    min-width: 70px;
    border-radius: 4px;
    text-align: center;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.HLTextToolTipPointer {
    position: relative;
    top: 100%;
    width: 0;
    height: 0;
    border-top: solid 8px #d8d8d8;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent
}

.HLTextToolTipPointer.bottom {
    border-top: none;
    border-bottom: solid 8px #d8d8d8
}

.HLTextToolTipBox {
    border-color: #d8d8d8;
    background-color: #d8d8d8;
    margin-bottom: 5px
}

.HLTextToolTipBox .highlightButtonRow {
    display: table;
    width: 100%;
    margin-bottom: -5px;
    border-spacing: 5px
}

.HLTextToolTipBox .highlightTextButton {
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    border: solid 2px;
    border-radius: 3px;
    padding: 3px 10px;
    display: table-cell;
    vertical-align: middle
}

.HLTextToolTipBox .HLTextRemove {
    color: #2574be
}

.HLTextToolTipBox .HLTextRemove:hover {
    cursor: pointer
}

.HLTextWords {
    font-size: 1.3em;
    line-height: 1.3em
}

.HLTextWord:hover {
    cursor: pointer
}

.HLTextWord {
    padding-left: .14em;
    padding-right: .14em;
    margin-left: -.14em;
    margin-right: -.14em
}

.HLTextHighlightColors {
    background-color: #d8d8d8;
    color: inherit
}

.SignatureBox {
    background-color: #fff;
    position: relative;
    box-sizing: content-box
}

.SignatureBox.Border {
    border: 2px solid #eee
}

.IE7 .SignatureBox.Border,
.IE8 .SignatureBox.Border {
    border: none
}

.SignatureBox.Small {
    width: 175px;
    height: 130px
}

.SignatureBox.Medium {
    width: 500px;
    height: 200px
}

.SignatureBox.Large {
    width: 800px;
    height: 300px
}

.SignatureX {
    position: absolute;
    bottom: 0
}

.RTL .SignatureX {
    right: 0
}

.SignatureX::after {
    font-family: "Times New Roman", Times, serif;
    content: "×";
    font-size: 32px;
    color: #ddd
}

.SignatureOverlay {
    position: absolute;
    bottom: 25%;
    left: 15px;
    right: 15px;
    top: 0
}

.IE7 .SignatureOverlay,
.IE8 .SignatureOverlay {
    display: none
}

.SignatureBox.Small .SignatureOverlay {
    bottom: 30%
}

.SignatureCanvas {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%
}

.SignatureCanvas.Drawing {
    z-index: 20
}

.signature-image {
    position: relative;
    z-index: 20
}

.SignHereContainer {
    display: table;
    overflow: hidden;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 6px
}

.SignHere {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.SignatureBox.Small .SignHere {
    font-size: 28px;
    line-height: 28px
}

.SignatureBox.Medium .SignHere {
    font-size: 52px;
    line-height: 52px
}

.SignatureBox.Large .SignHere {
    font-size: 64px;
    line-height: 64px
}

@media (max-width:560px) {

    .SignatureBox.Large .SignHere,
    .SignatureBox.Medium .SignHere {
        font-size: 40px;
        line-height: 40px
    }
}

.SignLine {
    border-bottom: 1px solid #000;
    color: #eee;
    position: absolute;
    bottom: 0;
    width: 100%
}

.ClearSignature {
    color: #cb3837;
    cursor: pointer;
    padding: 10px;
    margin-bottom: -10px;
    margin-right: -10px;
    margin-left: -10px;
    position: absolute;
    bottom: -1.4em;
    right: 0;
    z-index: 11
}

.RTL .ClearSignature {
    right: initial;
    left: 0
}

.ChoiceStructure label img {
    pointer-events: none
}

.ChoiceStructure label a img {
    pointer-events: auto
}

.FlipClock {
    background-color: #333;
    padding: 2px;
    border-radius: 2px;
    margin: 10px auto;
    float: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.FlipClock:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.FlipClock>span {
    background-color: #000;
    padding: 1px;
    margin: 2px 3px;
    display: block;
    float: left;
    position: relative;
    height: 42px;
    box-sizing: content-box;
    perspective: 40px;
    -moz-perspective: 40px;
    -webkit-perspective: 40px
}

.FlipClock>span.T1 {
    margin-right: 0
}

.FlipClock>span.T2 {
    margin-left: 0
}

.FlipClock span span {
    color: #333;
    text-shadow: 0 1px #fff;
    background-color: #efefef;
    font-size: 40px;
    display: block;
    height: 40px;
    width: 30px;
    line-height: 40px;
    text-align: center
}

.FlipClock span span.Number {
    border-radius: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aaa;
    box-sizing: content-box
}

.FlipClock span b {
    display: block;
    position: absolute;
    width: 30px;
    height: 0;
    top: 22px;
    left: 1px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 5
}

.FlipClock span .Change {
    position: absolute;
    top: 2px;
    left: 1px;
    height: 20px;
    overflow: hidden;
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.FlipClock span .Change.TB {
    line-height: 0;
    height: 20px;
    top: 13px;
    transform: rotateX(91deg);
    -moz-transform: rotateX(91deg);
    -webkit-transform: rotateX(91deg);
    transition-delay: .15s;
    -moz-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out
}

.FlipClock span fieldset.Flip .Change.TF {
    transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    top: 12px
}

.FlipClock span fieldset.Flip .Change.TB {
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    top: 22px
}

.JFEScope .SS .SSImage {
    margin: 0 auto
}

.JFEScope .SS .Bar5 {
    width: 70px;
    height: 70px
}

.JFEScope .SS .Bar5.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5-1.gif) no-repeat
}

.JFEScope .SS .Bar5.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5-2.gif) no-repeat
}

.JFEScope .SS .Bar5.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5-3.gif) no-repeat
}

.JFEScope .SS .Bar5.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5-4.gif) no-repeat
}

.JFEScope .SS .Bar5.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5-5.gif) no-repeat
}

.JFEScope .SS .Bar5Text {
    width: 108px;
    height: 74px
}

.JFEScope .SS .Bar5Text.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text-1.gif) no-repeat
}

.JFEScope .SS .Bar5Text.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text-2.gif) no-repeat
}

.JFEScope .SS .Bar5Text.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text-3.gif) no-repeat
}

.JFEScope .SS .Bar5Text.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text-4.gif) no-repeat
}

.JFEScope .SS .Bar5Text.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text-5.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Disks {
    width: 105px;
    height: 83px
}

.JFEScope .SS .Bar5Text_Disks.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_disks-0.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Disks.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_disks-1.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Disks.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_disks-2.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Disks.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_disks-3.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Disks.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_disks-4.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Disks.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_disks-5.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Legos {
    width: 70px;
    height: 110px
}

.JFEScope .SS .Bar5Text_Legos.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_legos-0.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Legos.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_legos-1.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Legos.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_legos-2.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Legos.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_legos-3.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Legos.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_legos-4.gif) no-repeat
}

.JFEScope .SS .Bar5Text_Legos.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5text_legos-5.gif) no-repeat
}

.JFEScope .SS .Bar5_Disks {
    width: 91px;
    height: 82px
}

.JFEScope .SS .Bar5_Disks.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_disks-1.gif) no-repeat
}

.JFEScope .SS .Bar5_Disks.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_disks-2.gif) no-repeat
}

.JFEScope .SS .Bar5_Disks.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_disks-3.gif) no-repeat
}

.JFEScope .SS .Bar5_Disks.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_disks-4.gif) no-repeat
}

.JFEScope .SS .Bar5_Disks.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_disks-5.gif) no-repeat
}

.JFEScope .SS .Bar5_Legos {
    width: 51px;
    height: 110px
}

.JFEScope .SS .Bar5_Legos.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_legos-1.gif) no-repeat
}

.JFEScope .SS .Bar5_Legos.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_legos-2.gif) no-repeat
}

.JFEScope .SS .Bar5_Legos.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_legos-3.gif) no-repeat
}

.JFEScope .SS .Bar5_Legos.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_legos-4.gif) no-repeat
}

.JFEScope .SS .Bar5_Legos.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar5_legos-5.gif) no-repeat
}

.JFEScope .SS .Bar7 {
    width: 70px;
    height: 102px
}

.JFEScope .SS .Bar7.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-1.gif) no-repeat
}

.JFEScope .SS .Bar7.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-2.gif) no-repeat
}

.JFEScope .SS .Bar7.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-3.gif) no-repeat
}

.JFEScope .SS .Bar7.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-4.gif) no-repeat
}

.JFEScope .SS .Bar7.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-5.gif) no-repeat
}

.JFEScope .SS .Bar7.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-6.gif) no-repeat
}

.JFEScope .SS .Bar7.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7-7.gif) no-repeat
}

.JFEScope .SS .Bar7Text {
    width: 108px;
    height: 102px
}

.JFEScope .SS .Bar7Text.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-1.gif) no-repeat
}

.JFEScope .SS .Bar7Text.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-2.gif) no-repeat
}

.JFEScope .SS .Bar7Text.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-3.gif) no-repeat
}

.JFEScope .SS .Bar7Text.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-4.gif) no-repeat
}

.JFEScope .SS .Bar7Text.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-5.gif) no-repeat
}

.JFEScope .SS .Bar7Text.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-6.gif) no-repeat
}

.JFEScope .SS .Bar7Text.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text-7.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks {
    width: 105px;
    height: 111px
}

.JFEScope .SS .Bar7Text_Disks.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-1.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-2.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-3.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-4.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-5.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-6.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Disks.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_disks-7.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos {
    width: 70px;
    height: 148px
}

.JFEScope .SS .Bar7Text_Legos.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-0.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-1.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-2.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-3.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-4.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-5.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-6.gif) no-repeat
}

.JFEScope .SS .Bar7Text_Legos.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7text_legos-7.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks {
    width: 91px;
    height: 110px
}

.JFEScope .SS .Bar7_Disks.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-1.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-2.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-3.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-4.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-5.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-6.gif) no-repeat
}

.JFEScope .SS .Bar7_Disks.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_disks-7.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos {
    width: 51px;
    height: 148px
}

.JFEScope .SS .Bar7_Legos.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-1.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-2.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-3.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-4.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-5.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-6.gif) no-repeat
}

.JFEScope .SS .Bar7_Legos.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar7_legos-7.gif) no-repeat
}

.JFEScope .SS .Bar9 {
    width: 70px;
    height: 130px
}

.JFEScope .SS .Bar9.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-1.gif) no-repeat
}

.JFEScope .SS .Bar9.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-2.gif) no-repeat
}

.JFEScope .SS .Bar9.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-3.gif) no-repeat
}

.JFEScope .SS .Bar9.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-4.gif) no-repeat
}

.JFEScope .SS .Bar9.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-5.gif) no-repeat
}

.JFEScope .SS .Bar9.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-6.gif) no-repeat
}

.JFEScope .SS .Bar9.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-7.gif) no-repeat
}

.JFEScope .SS .Bar9.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-8.gif) no-repeat
}

.JFEScope .SS .Bar9.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9-9.gif) no-repeat
}

.JFEScope .SS .Bar9Text {
    width: 108px;
    height: 130px
}

.JFEScope .SS .Bar9Text.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-1.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-2.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-3.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-4.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-5.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-6.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-7.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-8.gif) no-repeat
}

.JFEScope .SS .Bar9Text.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text-9.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks {
    width: 105px;
    height: 140px
}

.JFEScope .SS .Bar9Text_Disks.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-0.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-1.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-2.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-3.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-4.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-5.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-6.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-7.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-8.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Disks.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_disks-9.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos {
    width: 70px;
    height: 185px
}

.JFEScope .SS .Bar9Text_Legos.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-0.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-1.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-2.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-3.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-4.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-5.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-6.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-7.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-8.gif) no-repeat
}

.JFEScope .SS .Bar9Text_Legos.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9text_legos-9.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks {
    width: 91px;
    height: 140px
}

.JFEScope .SS .Bar9_Disks.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-1.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-2.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-3.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-4.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-5.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-6.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-7.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-8.gif) no-repeat
}

.JFEScope .SS .Bar9_Disks.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_disks-9.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos {
    width: 51px;
    height: 185px
}

.JFEScope .SS .Bar9_Legos.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-1.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-2.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-3.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-4.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-5.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-6.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-7.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-8.gif) no-repeat
}

.JFEScope .SS .Bar9_Legos.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-bar9_legos-9.gif) no-repeat
}

.JFEScope .SS .GradeScale {
    width: 100px;
    height: 100px
}

.JFEScope .SS .GradeScale.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescale-1.gif) no-repeat
}

.JFEScope .SS .GradeScale.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescale-2.gif) no-repeat
}

.JFEScope .SS .GradeScale.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescale-3.gif) no-repeat
}

.JFEScope .SS .GradeScale.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescale-4.gif) no-repeat
}

.JFEScope .SS .GradeScale.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescale-5.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus {
    width: 100px;
    height: 100px
}

.JFEScope .SS .GradeScalePlusMinus.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-1.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS10 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-10.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS11 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-11.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS12 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-12.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS13 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-13.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-2.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-3.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-4.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-5.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-6.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-7.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-8.gif) no-repeat
}

.JFEScope .SS .GradeScalePlusMinus.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-gradescaleplusminus-9.gif) no-repeat
}

.JFEScope .SS .Smile {
    width: 113px;
    height: 113px
}

.JFEScope .SS .Smile.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-smile-0.gif) no-repeat
}

.JFEScope .SS .Smile.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-smile-1.gif) no-repeat
}

.JFEScope .SS .Smile.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-smile-2.gif) no-repeat
}

.JFEScope .SS .Smile.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-smile-3.gif) no-repeat
}

.JFEScope .SS .Smile.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-smile-4.gif) no-repeat
}

.JFEScope .SS .Smile.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-smile-5.gif) no-repeat
}

.JFEScope .SS .StopLight {
    width: 50px;
    height: 115px
}

.JFEScope .SS .StopLight.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-stoplight-1.gif) no-repeat
}

.JFEScope .SS .StopLight.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-stoplight-2.gif) no-repeat
}

.JFEScope .SS .StopLight.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-stoplight-3.gif) no-repeat
}

.JFEScope .SS .TenGauge {
    width: 119px;
    height: 119px
}

.JFEScope .SS .TenGauge.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-0.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-1.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS10 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-10.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-2.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-3.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-4.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-5.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-6.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-7.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-8.gif) no-repeat
}

.JFEScope .SS .TenGauge.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-tengauge-9.gif) no-repeat
}

.JFEScope .SS .Thermometer {
    width: 69px;
    height: 169px
}

.JFEScope .SS .Thermometer.SS0 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-0.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS1 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-1.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS10 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-10.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS2 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-2.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS3 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-3.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS4 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-4.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS5 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-5.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS6 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-6.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS7 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-7.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS8 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-8.gif) no-repeat
}

.JFEScope .SS .Thermometer.SS9 {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/ss-thermometer-9.gif) no-repeat
}

.JFEScope body::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -99999999999
}

.JFEScope body {
    margin: 0
}

.JFEScope .horizontalbar.MobileFriendly {
    overflow: hidden
}

.JFEScope .BarContainer .sliderToolTip {
    position: absolute
}

.JFEScope .BarContainer .sliderToolTip.activated {
    display: inline-block;
    z-index: 5000
}

.JFEScope .BarContainer .sliderToolTipBox {
    position: relative;
    min-width: 70px;
    border-radius: 4px;
    text-align: center;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.JFEScope .BarContainer .sliderToolTipBox {
    font-size: 20px;
    background-color: #fff;
    border: solid 2px #696969
}

.JFEScope .BarContainer .sliderToolTipPointer {
    position: relative;
    top: 100%;
    width: 0;
    height: 0;
    border-top: solid 8px;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent
}

.JFEScope .BarContainer .sliderToolTipPointer.bottom {
    border-top: none;
    border-bottom: solid 8px
}

.JFEScope .BarContainer .sliderToolTipPointer {
    border-top-color: #696969
}

.JFEScope .Skin .horizontalbar.MobileFriendly .track {
    box-sizing: border-box;
    border: 1px solid rgba(120, 120, 120, .7)
}

.Skin .horizontalbar .RealSlider {
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.Skin .horizontalbar .RealSlider:focus~.track {
    border: 2px solid #009af3 !important
}

.Skin .horizontalbar .Slider .RealSlider:focus~.track {
    border: solid #888 !important;
    border-width: 2px 0 !important;
    height: 8px;
    top: 8px
}

.JFEScope #SurveyEngineBody {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100vh
}

.JFEScope #SurveyEnginePreviewHeader {
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .75);
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #eee;
    font-family: arial;
    box-shadow: inset 0 -1px 10px #222;
    margin-bottom: 3px;
    text-shadow: 1px 2px #000;
    position: fixed;
    z-index: 999
}

.JFEScope .PreviewResponse .Page {
    padding-top: 60px
}

.JFEScope .JFEContent input:disabled {
    opacity: .5;
    pointer-events: none;
    cursor: pointer
}

.JFEScope .JFEContent .RestartButton {
    margin: 0 auto !important;
    display: block !important
}

.JFEScope .QuestionOuter.Hidden,
.JFEScope .QuestionOuter.hidden {
    display: none
}

.JFEScope .JFEContent #SkinContent.Inactive,
.JFEScope .JFEContent #SkinContent.LoadingPage {
    position: relative
}

.JFEScope .JFEContent #SkinContent.Inactive:before,
.JFEScope .JFEContent #SkinContent.LoadingPage:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 20000
}

.JFEScope .RelativePosition {
    position: relative
}

.JFEScope .PageErrorDialog {
    background-color: #f3f3f3;
    position: fixed;
    width: 500px;
    padding: 10px;
    z-index: 3000;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .3);
    border: 1px solid #bbb;
    color: #555;
    border-radius: 3px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.JFEScope .PageErrorDialog.Mobile {
    width: 90%;
    border-radius: 5px
}

.JFEScope .PageErrorDialog .ErrorTitle {
    margin: -10px -10px 20px;
    padding: 10px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #fafafa), color-stop(1, #f0f0f0));
    background: -moz-linear-gradient(center top, #fafafa 5%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0');
    border-bottom: 1px solid #ddd;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.JFEScope .PageErrorDialog .ErrorButtons {
    text-align: right;
    clear: left
}

.JFEScope .PageErrorDialog .ErrorButtons button {
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #eee), color-stop(1, #e2e2e2));
    background: -moz-linear-gradient(center top, #eee 5%, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#e2e2e2');
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    color: #777;
    line-height: 24px;
    text-shadow: 1px 1px 0 #fff;
    padding: 1px 20px;
    font-size: 13px;
    outline: 0;
    margin: 2px;
    margin-left: 5px
}

.JFEScope .PageErrorDialog.Mobile .ErrorButtons button {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 5px 0;
    font-size: 15px
}

.JFEScope .PageErrorDialog .ErrorButtons button:hover {
    cursor: pointer
}

.JFEScope .PageErrorDialog .ErrorButtons button:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    line-height: 23px;
    margin-bottom: 2px
}

.JFEScope .PageErrorDialog .ErrorIcon {
    margin: 0 20px 0 15px;
    width: 48px;
    height: 48px;
    float: left
}

.JFEScope .PageErrorDialog.Mobile .ErrorIcon {
    margin: 0 10px 5px 0
}

.JFEScope .PageErrorDialog .ErrorIcon.None {
    width: 0;
    height: 0
}

.JFEScope .PageErrorDialog .ErrorIcon.Error {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/dialog-error.png) no-repeat
}

.JFEScope .PageErrorDialog .ErrorIcon.Warning {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/dialog-warning.png) no-repeat
}

.JFEScope .PageErrorDialog .ErrorIcon.Information {
    background: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/dialog-info.png) no-repeat
}

.JFEScope .PageErrorDialog .ErrorMessage {
    font-size: 21px;
    margin-top: 5px;
    line-height: 28px;
    position: relative;
    top: 5px
}

.JFEScope .PageErrorDialog .ErrorReferenceNumber {
    font-size: 13px;
    display: block;
    margin-top: 15px;
    font-family: monospace
}

.JFEScope .PageErrorDialog .ErrorReferenceNumber:before {
    content: '#'
}

.JFEScope .PageErrorDialog.Mobile .ErrorMessage {
    font-size: 18px;
    line-height: 24px;
    top: 0
}

.JFEScope .PageErrorDialog .ErrorContainer {
    margin-bottom: 30px
}

.JFEScope .PageErrorDialog.Mobile .ErrorContainer {
    margin-bottom: 10px
}

.JFEScope body.Inactive:before,
.JFEScope body.OverlayTransitioning:before {
    content: '';
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 2999;
    transition: opacity .5s ease-in-out
}

.JFEScope body.OverlayTransitioning:before {
    content: '';
    opacity: 0
}

.JFEScope .UnhiddenQuestion table {
    margin: 10px 20px
}

.JFEScope .UnhiddenQuestion table th {
    font-weight: 700;
    min-width: 125px;
    padding: 1px 5px 1px 7px
}

.JFEScope .DND .Choices {
    float: left;
    width: 30%
}

.JFEScope .DND .ChoiceStructure {
    padding: 0;
    margin: 20px 10px
}

.JFEScope .DND .Selection {
    margin: 8px 5px;
    border: 1px solid transparent;
    overflow: hidden;
    list-style: none;
    border-radius: 3px;
    background: #e1e1e1;
    padding: 15px;
    z-index: 1000;
    transition: border, background, box-shadow .2s ease-out;
    box-sizing: content-box
}

.JFEScope .DND .Selection:hover,
.JFEScope .DND .Selection:hover * {
    cursor: move
}

.JFEScope .DND .Selection.Active {
    box-shadow: 0 4px 7px 0 rgba(50, 50, 50, .4);
    background-color: #ddd !important;
    position: relative;
    z-index: 1001
}

.JFEScope .DND .AnswerBucket .Selection.Stack {
    position: relative;
    border: 1px solid #ccc;
    margin-top: -25px
}

.JFEScope .DND .AnswerBucket .Selection.Stack:first-child {
    margin-top: 5px
}

.JFEScope .DND .AnswerBucket.Expanded .Selection {
    margin-top: 5px
}

.JFEScope .DND .Answers {
    float: left;
    width: 70%
}

.JFEScope .DND .AnswerContainer {
    float: left;
    margin: 0 10px 10px;
    text-align: center;
    width: 200px
}

.JFEScope .DND .AnswerContainer h3 {
    margin-bottom: 5px;
    font-weight: 400
}

.JFEScope .DND .AnswerBucket {
    border: 1px solid #d5d5d5;
    border-radius: 7px;
    width: 100%;
    min-height: 100px;
    background-color: #fcfcfc;
    position: relative;
    padding: 0;
    margin-bottom: 0
}

.JFEScope .DND .AnswerBucket.Active {
    background-color: #f5f5f5
}

.JFEScope .DND .AnswerBucket.Active:hover {
    cursor: pointer
}

.JFEScope .DND .AnswerBucket li {
    margin: 5px;
    padding: 8px;
    text-align: left;
    background-color: #e1e1e1;
    border-radius: 5px;
    border: 1px solid transparent
}

.JFEScope .DND li.filler {
    visibility: hidden
}

.JFEScope .DND .Expander {
    display: none;
    float: right;
    text-decoration: none;
    color: #888;
    padding: 4px 8px;
    margin: -2px 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #dfdfdf
}

.JFEScope .DND .Expander.on {
    display: inline-block
}

@media screen and (max-width:800px) {
    .JFEScope .DND .ChoiceStructure {
        margin: 0
    }

    .JFEScope .DND .AnswerBucket {
        min-height: 75px
    }

    .JFEScope .DND .Selection {
        padding: 7px
    }

    .JFEScope .DND .AnswerContainer {
        margin: 0 5px 10px
    }
}

.JFEScope .Separator {
    display: none
}

.JFEScope .Separator~.Separator {
    display: block
}

html.OverflowContainer.JFEScope {
    overflow-x: hidden
}

html.MobilePreviewFrame.JFEScope {
    overflow-y: scroll
}

.JFEScope .Transitioning {
    position: relative
}

.JFEScope .Skin .q-slider .statement-container {
    padding-top: 20px;
    padding-bottom: 10px
}

.JFEScope .Skin .q-slider ul li {
    display: table-cell;
    text-align: center;
    vertical-align: bottom
}

.JFEScope .Skin .q-slider ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.JFEScope .Skin .q-slider .statement-container {
    display: table;
    width: 100%
}

.JFEScope .Skin .q-slider.mobile .labels li,
.JFEScope .Skin .q-slider.mobile .numbers li {
    display: none
}

.JFEScope .Skin .q-slider.mobile .labels li.first,
.JFEScope .Skin .q-slider.mobile .labels li.last,
.JFEScope .Skin .q-slider.mobile .numbers li.first,
.JFEScope .Skin .q-slider.mobile .numbers li.last {
    display: table-cell
}

.JFEScope .Skin .q-slider .numbers li.first,
.JFEScope .labels li.first {
    text-align: left
}

.JFEScope .Skin .q-slider .numbers li.last,
.JFEScope .labels li.last {
    text-align: right
}

.JFEScope .Skin .q-slider .statement-container div {
    display: table-cell;
    vertical-align: bottom
}

.JFEScope .Skin .q-slider .n-a-container {
    min-width: 6em;
    text-align: right;
    vertical-align: bottom;
    float: right
}

.JFEScope .RTL .Skin .q-slider .n-a-container {
    min-width: 6em;
    float: left;
    text-align: left
}

.JFEScope .Skin .q-slider .n-a-container .answer {
    padding: 0 4px
}

.JFEScope .Skin .Slider .QuestionBody.q-slider ul li {
    text-align: center
}

.JFEScope .Skin .Slider .QuestionBody.q-slider ul li.first {
    text-align: left
}

.JFEScope .Skin .Slider .QuestionBody.q-slider ul li.last {
    text-align: right
}

.JFEScope .RTL .Skin .Slider .QuestionBody.q-slider ul li.first {
    text-align: right
}

.JFEScope .RTL .Skin .Slider .QuestionBody.q-slider ul li.last {
    text-align: left
}

.JFEScope .Skin .desktop .mobile,
.JFEScope .Skin .mobile .desktop {
    display: none !important
}

.JFEScope .Skin .q-matrix.mobile thead {
    display: none
}

.JFEScope .Skin .q-matrix.mobile .RepeatHeader {
    display: none
}

.JFEScope .Skin .q-matrix.mobile .ChoiceRow {
    transition: height .2s ease;
    display: block
}

.JFEScope .Skin .q-matrix.mobile .WhiteSpace {
    display: none
}

.JFEScope .Skin .q-matrix.mobile table {
    table-layout: fixed
}

.JFEScope .Skin .q-matrix.mobile table td,
.JFEScope .Skin .q-matrix.mobile table th,
.JFEScope .Skin .q-matrix.mobile table tr {
    display: block
}

.JFEScope .Skin .q-matrix.mobile table tr {
    overflow: hidden
}

.JFEScope .Skin .q-matrix.mobile table th,
.JFEScope .Skin .q-matrix.mobile table th .LabelWrapper label {
    cursor: pointer
}

.JFEScope .Skin .Matrix .q-matrix.mobile table td {
    padding: 10px;
    text-align: left
}

.JFEScope .Skin .q-matrix.mobile input[type=checkbox],
.JFEScope .Skin .q-matrix.mobile input[type=radio],
.JFEScope .Skin .q-matrix.mobile label.q-checkbox,
.JFEScope .Skin .q-matrix.mobile label.q-radio {
    vertical-align: top
}

.JFEScope .Skin .q-matrix .table-cell {
    display: table-cell;
    text-align: left
}

.JFEScope .Skin .q-matrix .table {
    display: table
}

.JFEScope .Skin .q-matrix .single-answer.mobile {
    display: inline-block;
    width: 80%
}

.JFEScope .Skin .q-matrix .LabelWrapper.table {
    width: 100%
}

.JFEScope .Skin .q-matrix .dropdown-arrow {
    display: table-cell;
    width: 34px;
    min-width: 34px;
    min-height: 21px;
    vertical-align: bottom
}

.JFEScope .Skin .q-matrix .dropdown-arrow span {
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

.JFEScope .Skin .q-matrix .dropdown-arrow .dropdown-down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAVCAYAAAAjODzXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpiYBgFo4B84EBl8wTIMbMAiP8D8XmoAdRwxHmomQWkaDQA4vdUcgyyI95DzWagt2ModgQ1HEM1R1DiGKo7ghzH0MwRpDiG5o4gxjF0cwQ+x9DdEbgcMyCOwOaYAXMEumMG1BEwoADFo2B4AoAAAwAUXkGRxIKx+QAAAABJRU5ErkJggg==)
}

.JFEScope .Skin .q-matrix .dropdown-arrow .dropdown-up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAVCAYAAAAjODzXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNpiYBgFo4A+QGEwOGI+EP+H0gPuiP8D6Zj5aA4YEMcgW5wAFUugt2OwOYKB3o7B5wi6OYYYR9DcMaQ4gmaOIccRVHcMJY6gmmP6qeAIqjhmP5Ucge6Y86RqFABiAxpUjgKjbYQhBQACDAA7xUDu8JMT2QAAAABJRU5ErkJggg==)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .JFEScope .Skin .q-matrix .dropdown-arrow .dropdown-down {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAqCAYAAAAK7f2YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOlJREFUeNrsmdENgzAMRNNOkFEYgVEYoaN0I0boKt2A5sNIVVUpKTXxOb4nWeIr3D1IhERKhBBCCCH4TGVmh7lnya7KUmaTeZTJDkRkybrnXjQXX98W9iDlU8YmHapcG2/w/LJ9VlApWbJNlQ7qxhHflK450aWY5EOVYpoLTQpEHhQpUA/HOgzk9rUKBX3A9w7n4hOgV0gv30NdwrqScXZolzLOCu9ahnaJIWRolRlKxr+lhpRxtNzQMn4tGUJGa9lQMlqkhJNRkxJSRquUUDJCHqBHpZjLuIBIucn1PSn/PyGEEEJweAkwAFqWCuEvib3TAAAAAElFTkSuQmCC);
        background-size: 34px
    }

    .JFEScope .Skin .q-matrix .dropdown-arrow .dropdown-up {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAqCAYAAAAK7f2YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN1JREFUeNrs09ENgjAUheHGCRjBEVzBzdiAERjBEboCm8gG0odLYgzUKqU9t/f8yUl4IcCX4hxjjDHWelcZCw1hL9lgHWN8w1g3EoMoUQxzKFsYT5k5lD2Mm8wUSgxjzQxKCoYZlF8wmkf5B6NZlCMYzaHkwGgGJSeGepQzMNSinImhDqUEhhqUkhjwKDUwYFFqYsChIGDAoCBhVEdBxKiGgoxRHKVXgPENpc/5EK8EI4biU268JD5g/ri+h03AIJO847zzDYfr5D/04Cdj66Q85N07xxhjjDEG3CLAAPHHEEwceguPAAAAAElFTkSuQmCC);
        background-size: 34px
    }
}

.JFEScope .Skin .q-matrix .answered-indicator {
    font-size: 90%;
    padding-top: .5em;
    opacity: .75;
    height: 25px;
    overflow: hidden
}

.JFEScope .Skin .q-matrix .answered-indicator span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.JFEScope .Skin .q-matrix.mobile .ChoiceRow {
    border-bottom: 1px solid #ccc
}

.JFEScope .Skin .q-matrix.mobile .ChoiceRow.bottom {
    border-bottom: none
}

.JFEScope .Skin .q-matrix.mobile table td {
    text-align: left;
    padding: 10px 10px 10px 20px
}

.JFEScope .Skin .q-matrix.mobile table th {
    padding-top: 15px
}

.JFEScope .RTL .Skin .Matrix .q-matrix.mobile table td,
.JFEScope .RTL .Skin .q-matrix .table-cell {
    text-align: right
}

.JFEScope .Skin .has-overlay {
    position: relative
}

.JFEScope .Skin .QuestionOverlay {
    width: 100%;
    height: 100%
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.JFEScope .dropzone,
.JFEScope .dropzone * {
    box-sizing: border-box
}

.JFEScope .dropzone {
    background: #f1f1f1;
    background: rgba(0, 0, 0, .06);
    padding: 20px 20px;
    margin-bottom: 20px
}

.JFEScope .dropzone.dz-clickable {
    cursor: pointer
}

.JFEScope .dropzone.dz-clickable * {
    cursor: default
}

.JFEScope .dropzone.dz-clickable .dz-message,
.JFEScope .dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.JFEScope .dropzone.dz-started .dz-message {
    display: none
}

.JFEScope .dropzone {
    border: solid 1px transparent;
    transition: background .2s ease-in-out
}

.JFEScope .dropzone.dz-drag-hover,
.JFEScope .dropzone:not(.dz-max-files-reached):hover {
    background: #ddd;
    background: rgba(0, 0, 0, .11)
}

.JFEScope .dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.JFEScope .dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

.JFEScope .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
    border-radius: 3px
}

.JFEScope .dropzone .dz-preview:hover {
    z-index: 1000
}

.JFEScope .dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.JFEScope .dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 3px;
    background: #ddd
}

.JFEScope .dropzone .dz-preview.dz-file-preview .dz-details div {
    opacity: 1
}

.JFEScope .dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.JFEScope .dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.JFEScope .dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.JFEScope .dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.JFEScope .dropzone .dz-preview:hover .dz-details div {
    opacity: 1
}

.JFEScope .dropzone .dz-image-preview .dz-details {
    text-shadow: 0 0 2px rgba(255, 255, 255, .75)
}

.JFEScope .dropzone .dz-preview .dz-details div {
    opacity: 0
}

.JFEScope .dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 150%
}

.JFEScope .dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.JFEScope .dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.JFEScope .dropzone .dz-preview .dz-image {
    border-radius: 3px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.JFEScope .dropzone .dz-preview .dz-image img {
    display: block
}

.JFEScope .dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.JFEScope .dropzone .dz-preview.dz-complete div.dz-progress {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.JFEScope .dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.JFEScope .dropzone .dz-preview:not(.dz-complete) .dz-progress {
    opacity: 1
}

.JFEScope .dropzone .dz-preview .dz-progress {
    opacity: 1;
    pointer-events: none;
    height: 16px;
    background: rgba(255, 255, 255, .9);
    -webkit-transform: scale(1);
    overflow: hidden;
    border-radius: 3px;
    position: relative
}

.JFEScope .dropzone .dz-preview .dz-progress .dz-upload-back {
    text-align: left;
    color: #000;
    text-indent: 35px;
    width: 100%;
    display: inline-block
}

.JFEScope .dropzone .dz-preview .dz-progress .dz-upload {
    border-radius: 3px;
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    color: #fff;
    overflow: hidden;
    text-align: left;
    text-indent: 35px;
    -webkit-transition: width .1s ease-in-out;
    -moz-transition: width .1s ease-in-out;
    -ms-transition: width .1s ease-in-out;
    -o-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out
}

.JFEScope .Captcha iframe {
    width: 100%;
    border: 0
}

.JFEScope .Captcha .captcha-wrapper.center {
    text-align: center
}

.JFEScope .Captcha .captcha-wrapper .g-recaptcha {
    display: inline-block
}

.ChoiceStructure label img {
    pointer-events: none
}

.ChoiceStructure label a img {
    pointer-events: auto
}

.HeatMapContainer img {
    max-width: 100%;
    width: 100%;
    height: auto !important
}

.HeatMapContainer {
    position: relative;
    display: inline-block
}

.heatmap-simple {
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    background: #000;
    position: absolute
}

.heatmap-circle {
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    background: #a00;
    border-radius: 50px;
    border: 2px solid #fff;
    opacity: .7;
    transition: all .3s cubic-bezier(0, 2, .4, .75)
}

.heatmap-circle.dummy {
    left: -9999px;
    transition-property: none
}

.heatmap-circle.open {
    width: 16px;
    height: 16px
}

.heatmap-point.static {
    transition-property: none
}

.heatmap-point {
    z-index: 2;
    cursor: pointer
}

.heatmap-circle.dragging {
    opacity: .5;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    z-index: 3
}

.heatmap-ugly-crosshair {
    position: absolute;
    opacity: .5;
    z-index: 1;
    border: 1px solid #666;
    border-right-color: #fff;
    border-top-color: #fff
}

.heatmap-ugly-vertical {
    top: 0;
    height: 100%;
    width: 0
}

.heatmap-ugly-horizontal {
    left: 0;
    height: 0;
    width: 100%
}

.heatmap-ugly {
    width: 4px;
    height: 4px;
    border: 1px solid #000;
    background: #fff;
    position: absolute
}

.JFEScope .HeatMapContainer.dragging img {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

@media screen and (max-width:800px) {
    .heatmap-circle.open {
        width: 30px;
        height: 30px
    }

    .heatmap-simple {
        width: 20px;
        height: 20px;
        border: 2px solid #fff
    }

    .heatmap-ugly {
        width: 20px;
        height: 20px;
        border: 2px solid #000
    }
}

.Skin #Buttons {
    overflow: auto
}

.Skin .FileUpload .CaptureScreenButton {
    display: inline-block;
    border: 1px solid #ccc;
    padding-right: 13px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    background-color: #fff;
    transition: border .2s, background .2s, color .2s
}

.Skin .FileUpload .CaptureScreenButton:hover {
    color: #333;
    background: #fff;
    border-color: #a5a5a5;
    text-decoration: none
}

.Skin .FileUpload .CaptureScreenIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 4px 6px;
    background: transparent url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/capture_icon_dark.png) no-repeat;
    vertical-align: middle
}

.JFEScope .ScreenCaptureWarning {
    color: #999;
    font-size: 13px;
    margin: 15px 0
}

.JFEScope .CaptureScreenButton {
    padding-right: 8px
}

.JFEScope .FilePreviewDiv {
    margin: 4px 6px;
    width: 24px;
    height: 24px;
    float: left
}

.JFEScope .FilePreview {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 24px;
    height: 24px
}

.JFEScope .CaptureScreenPreviewMessages {
    display: inline-block;
    margin-top: 4px;
    margin-left: 6px
}

.JFEScope .ScreenCapturePreviewMessage {
    font-size: 13px;
    font-weight: 700
}

.JFEScope .ScreenCapturePreviewEditMessage {
    font-size: 11px;
    font-weight: 700
}

.JFEScope .PreviewDelete {
    float: right;
    padding-left: 28px;
    font-weight: 700;
    position: relative;
    left: 10px
}

.JFEScope .ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.JFEScope .ui-widget .ui-widget {
    font-size: 1em
}

.JFEScope .ui-widget button,
.JFEScope .ui-widget input,
.JFEScope .ui-widget select,
.JFEScope .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.JFEScope .ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.JFEScope .ui-widget-content a {
    color: #333
}

.JFEScope .ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.JFEScope .ui-widget-header a {
    color: #333
}

.JFEScope .ui-state-default,
.JFEScope .ui-widget-content .ui-state-default,
.JFEScope .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.JFEScope .ui-state-default a,
.JFEScope .ui-state-default a:link,
.JFEScope .ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

.JFEScope .ui-state-focus,
.JFEScope .ui-state-hover,
.JFEScope .ui-widget-content .ui-state-focus,
.JFEScope .ui-widget-content .ui-state-hover,
.JFEScope .ui-widget-header .ui-state-focus,
.JFEScope .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.JFEScope .ui-state-focus a,
.JFEScope .ui-state-focus a:hover,
.JFEScope .ui-state-focus a:link,
.JFEScope .ui-state-focus a:visited,
.JFEScope .ui-state-hover a,
.JFEScope .ui-state-hover a:hover,
.JFEScope .ui-state-hover a:link,
.JFEScope .ui-state-hover a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.JFEScope .ui-state-active,
.JFEScope .ui-widget-content .ui-state-active,
.JFEScope .ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.JFEScope .ui-state-active a,
.JFEScope .ui-state-active a:link,
.JFEScope .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.JFEScope .ui-state-highlight,
.JFEScope .ui-widget-content .ui-state-highlight,
.JFEScope .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.JFEScope .ui-state-highlight a,
.JFEScope .ui-widget-content .ui-state-highlight a,
.JFEScope .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.JFEScope .ui-state-error,
.JFEScope .ui-widget-content .ui-state-error,
.JFEScope .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.JFEScope .ui-state-error a,
.JFEScope .ui-widget-content .ui-state-error a,
.JFEScope .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.JFEScope .ui-state-error-text,
.JFEScope .ui-widget-content .ui-state-error-text,
.JFEScope .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.JFEScope .ui-priority-primary,
.JFEScope .ui-widget-content .ui-priority-primary,
.JFEScope .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.JFEScope .ui-priority-secondary,
.JFEScope .ui-widget-content .ui-priority-secondary,
.JFEScope .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.JFEScope .ui-state-disabled,
.JFEScope .ui-widget-content .ui-state-disabled,
.JFEScope .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.JFEScope .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.JFEScope .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
    width: 200px;
    position: absolute;
    z-index: 1
}

.JFEScope .ui-menu .ui-menu {
    position: absolute
}

.JFEScope .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.JFEScope .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.JFEScope .ui-menu .ui-state-active,
.JFEScope .ui-menu .ui-state-focus {
    margin: -1px
}

.JFEScope .ui-menu-icons {
    position: relative
}

.JFEScope .ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.JFEScope .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.JFEScope .ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.JFEScope .ui-helper-hidden {
    display: none
}

.JFEScope .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.FileUploadThumbnail {
    max-height: 120px;
    max-width: 120px
}

body.iOSSIFix,
html.iOSSIFix {
    height: 100%;
    overflow: auto
}

.JFEScope #ProgressBar {
    overflow: hidden
}

@keyframes fadeIn {
    from {
        opacity: .3;
        -webkit-transform: scale(.98);
        -moz-transform: scale(.98);
        -ms-transform: scale(.98);
        -o-transform: scale(.98);
        transform: scale(.98)
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: .3;
        -webkit-transform: scale(.98);
        -moz-transform: scale(.98);
        -ms-transform: scale(.98);
        -o-transform: scale(.98);
        transform: scale(.98)
    }
}

.JFEScope .animatedFocused {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    animation: 1s fadeIn forwards cubic-bezier(.2, .8, .5, .95)
}

.JFEScope .animatedUnfocused {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    animation: 1s fadeOut forwards cubic-bezier(.2, .8, .5, .95)
}

.JFEScope .questionFocused .advanceButtonContainer {
    transition: opacity .3s !important;
    visibility: unset;
    opacity: 1
}

.JFEScope .questionUnfocused .advanceButtonContainer,
.advanceButtonContainer {
    transition: opacity .3s !important;
    visibility: hidden;
    opacity: 0
}

.JFEScope .auto-advancing {
    transition-timing-function: cubic-bezier(.25, .1, .25, 1)
}

.JFEScope .auto-advancing.scrolling {
    height: auto
}

.JFEScope .AdvanceButton {
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    padding: 5px 20px
}

.JFEScope .RecaptchaV3Notice {
    font-size: 12px;
    padding: 10px
}

@media only screen and (max-width:768px) {
    .JFEScope .RecaptchaV3Notice {
        text-align: center
    }
}

.JFEScope .RecaptchaV3Notice a {
    text-decoration: none;
    color: inherit
}

.JFEScope .RecaptchaV3Notice a:hover {
    text-decoration: underline
}

@font-face {
    font-family: external-link-icon;
    src: url(https://hbs.qualtrics.com/jfe/themes/base-css/basestylesv4/version-1647462893189-59f924/files/external-link-icon.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

.JFEScope #Plug a[target="_blank"]::after,
.JFEScope .RecaptchaV3Notice a[target="_blank"]::after,
.JFEScope a[target="_blank"].external-link::after {
    bottom: -1px;
    margin-left: 4px;
    content: "\0041";
    font-family: external-link-icon;
    line-height: 10px;
    font-size: .8em
}

.Skin .TE .AutocompleteSelection {
    display: none;
    background-color: #eee;
    padding: 2px 5px
}

.Skin .TE .AutocompleteClear {
    display: inline-block;
    margin: 4px
}

.Skin .TE .AutocompleteInputText {
    border: none !important;
    width: 100% !important
}

.Skin .TE .AutocompleteBox {
    border: 2px solid #d2d2d6;
    padding: 4px;
    overflow-x: hidden
}

.Skin .TE .google {
    float: right;
    margin-top: 5px
}

.Skin .TE .ImageTemplate {
    max-width: 32px;
    max-height: 32px;
    float: right
}

#Page[action="Report.php?action=GeneratePDF"] {
    height: auto
}

.Skin .VideoCapture .QuestionBody {
    display: flex;
    justify-content: center
}

.Skin .video-container {
    background-color: #f5f5f5;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
    max-width: 100%
}

.Skin .video-container .upload-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    height: 4px;
    background: #0b6ed0;
    width: 0;
    transition: width .5s, opacity, .5s
}

.Skin .video-container .video-js {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.Skin .video-container.no-device .video-js {
    visibility: hidden
}

.Skin .video-container.no-device .vjs-volume-panel.vjs-control {
    display: none
}

.Skin .video-container.no-device .video-recorder-device-button {
    display: flex
}

.Skin .video-container.no-device .video-recorder-device-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.Skin .video-container .video-recorder-device-button-container {
    display: none
}

.Skin .video-recorder-device-button {
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    cursor: pointer;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    transition: background .3s;
    background-color: #0b6ed0;
    display: none;
    align-items: center;
    gap: 8px;
    z-index: 2
}

.Skin .video-recorder-device-button svg {
    overflow: visible;
    fill: #fff
}

.Skin .vjs-icon-record-stop:before {
    display: inline-block;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjIiIGZpbGw9IiNEMDQzNDMiLz4NCjwvc3ZnPg0K) no-repeat center center;
    font-size: 35px;
    line-height: 38px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    content: ''
}

.Skin .video-js .vjs-seek-to-live-control {
    display: none
}

.Skin .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: 10em;
    transition: width .1s
}

.Skin .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.Skin .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.Skin .video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

.Skin .video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #f5f5f5;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.Skin .video-js:-moz-full-screen {
    position: absolute
}

.Skin .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.Skin .video-js[tabindex="-1"] {
    outline: 0
}

.Skin .video-js *,
.Skin .video-js :after,
.Skin .video-js :before {
    box-sizing: inherit
}

.Skin .video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.Skin .video-js .vjs-tech {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.vjs-hidden {
    display: none !important
}

.Skin .video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.Skin .video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.Skin .video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto
}

.Skin .video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.Skin .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: 0 0
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.Skin .video-js .vjs-control-bar {
    background-color: rgba(50, 54, 58, .4);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: auto;
    display: none;
    width: 100%;
    height: 3.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.Skin .video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.Skin .video-js .vjs-control:focus,
.Skin .video-js .vjs-control:focus:before,
.Skin .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.Skin .video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.Skin .video-js .vjs-custom-control-spacer {
    display: none
}

.Skin .video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.Skin .video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: 4px
}

.Skin .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 .5rem;
    font-size: 1.5rem;
    border-radius: .5rem;
    background-color: #fff
}

.Skin .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.5rem
}

.Skin .video-js .vjs-progress-holder .vjs-load-progress,
.Skin .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.Skin .video-js .vjs-play-progress {
    background-color: rgb(11, 110, 208, .7)
}

.Skin .video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.Skin .video-js .vjs-load-progress,
.Skin .video-js .vjs-play-progress {
    border-radius: 2px
}

.Skin .video-js .vjs-load-progress {
    background-color: #fff
}

.Skin .video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.Skin .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.Skin .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.Skin .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.Skin .video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    z-index: 2;
    border-radius: 3px;
    top: -1px;
    margin-left: -1px;
    background-color: #0b6ed0
}

.Skin .video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
    width: 6px;
    height: 6px
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.Skin .video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.Skin .video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.Skin .video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.Skin .video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.Skin .video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.Skin .video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.Skin .video-js .vjs-volume-panel {
    transition: width 1s
}

.Skin .video-js .vjs-volume-panel .vjs-volume-control:active,
.Skin .video-js .vjs-volume-panel:active .vjs-volume-control,
.Skin .video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.Skin .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.Skin .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.Skin .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.Skin .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.Skin .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.Skin .video-js .vjs-volume-panel {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2rem
}

.Skin .video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.Skin .video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.Skin .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.Skin .video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.Skin .video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.Skin .video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.Skin .video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.Skin .video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.Skin .video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.Skin .video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.Skin .video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    position: absolute;
    bottom: 4rem;
    height: auto
}

.Skin .video-js .vjs-time-control.vjs-current-time {
    font-size: 1rem;
    color: #fff;
    line-height: unset;
    min-width: unset;
    bottom: unset;
    padding: 0;
    padding-left: 6.5rem;
    height: auto
}

.Skin .video-js .vjs-mouse-display .vjs-time-tooltip {
    margin-top: 1px;
    margin-right: 4px
}

.Skin .video-js .vjs-time-control.vjs-duration {
    padding-left: 52px
}

.Skin .video-js .vjs-current-time {
    display: none
}

.Skin .video-js .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.Skin .video-js .vjs-play-control {
    cursor: pointer
}

.Skin .video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .Skin .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.Skin .video-js :focus:not(:focus-visible) {
    outline: 0
}

.vjs-record.Skin .video-js .vjs-tech {
    -webkit-perspective: 1000
}

.vjs-record .vjs-device-button.vjs-control {
    background-color: #0b6ed0;
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    border-radius: .8em;
    -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    -moz-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    box-shadow: 0 0 1em rgba(255, 255, 255, .25);
    cursor: pointer;
    display: block;
    font-size: 3em;
    height: 2.8em;
    left: 50%;
    margin-left: -2.1em;
    margin-top: -1.8em;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
    width: unset;
    padding: 8px 24px;
    z-index: 2;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.vjs-record button.vjs-device-button.vjs-control.vjs-icon-av-perm:before {
    font-size: 2.4em
}

.vjs-record .vjs-record-button.vjs-control {
    cursor: pointer;
    margin: 0
}

.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-start:before {
    font-size: 16px;
    line-height: unset;
    color: #0b6ed0;
    width: unset
}

.vjs-record .vjs-camera-button.vjs-control,
.vjs-record .vjs-play-control.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-camera-button.vjs-control.vjs-icon-photo-camera:before {
    font-size: 2em;
    line-height: 1.4em
}

.vjs-record.Skin .video-js .vjs-control.vjs-record-indicator.vjs-hidden {
    display: block !important;
    opacity: 0;
    transform: translateX(1em) rotateX(-90deg) scale(.9);
    transition: all .5s, transform .5s .25s
}

.vjs-record.Skin .video-js .vjs-control.vjs-record-indicator {
    background-color: #ff625e;
    border-radius: 50%;
    height: .8em;
    line-height: 1.1em;
    opacity: 1;
    position: absolute;
    right: 2.5ex;
    top: 2ex;
    transform: rotateX(0) scale(1.3);
    transition: all .5s, transform .2s .1s;
    width: .8em
}

.vjs-record.Skin .video-js .vjs-control.vjs-record-indicator:before {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulsetext;
    color: #fff;
    content: attr(data-label);
    font-family: Helvetica, sans-serif;
    font-size: .8em;
    left: -2.7em;
    opacity: 1;
    position: absolute;
    top: -.1em;
    transition: opacity .5s .2s
}

.vjs-record.Skin .video-js .vjs-control.vjs-record-indicator:after {
    animation-delay: .25s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: pulse;
    border: 2px solid #ff625e;
    border-radius: 50%;
    content: "";
    display: block;
    height: calc(.8em - 4px);
    left: 2px;
    position: absolute;
    top: 2px;
    transform-origin: center;
    width: calc(.8em - 4px)
}

.vjs-record .vjs-pip-button.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-pip-button.vjs-control.vjs-icon-picture-in-picture-start:before {
    font-size: 1.4em;
    line-height: 2.2em
}

.vjs-record .vjs-play-control.vjs-control,
.vjs-record .vjs-record-button.vjs-control {
    cursor: pointer;
    color: #d04343;
    margin-left: 1px;
    height: 4rem;
    width: 4rem;
    padding: .125rem;
    background: #fff;
    border-radius: 100%;
    border: .125rem solid #fff;
    background-clip: content-box
}

.Skin .vjs-record .vjs-play-control.vjs-control {
    order: 1;
    z-index: 2;
    margin: 0;
    margin-left: .75rem;
    height: 3.5rem;
    width: 2rem;
    border: unset
}

.Skin .video-js .vjs-progress-control.vjs-control {
    order: 2
}

.Skin .vjs-control-bar .re-record {
    order: 3;
    cursor: pointer;
    z-index: 2;
    display: flex;
    padding: 6px 12px;
    height: 2rem;
    font-size: 16px;
    background: #0b6ed0;
    border-color: #0b6ed0;
    color: #fff;
    border-radius: 4px;
    margin-left: .75rem;
    margin-right: .75rem;
    border: none
}

.Skin .vjs-record .re-record,
.Skin .vjs-record .vjs-record-button.vjs-control {
    display: none
}

.Skin .vjs-record .re-record,
.Skin .vjs-record.vjs-live .vjs-record-button.vjs-control {
    display: block
}

.Skin .vjs-record .vjs-record-button.vjs-control:hover {
    background: #074887;
    border-color: #0b6ed0
}

.Skin .vjs-record.vjs-live .vjs-record-button.vjs-control {
    z-index: 2;
    cursor: pointer;
    height: 2.75rem;
    width: 2.75rem;
    padding: .125rem;
    background: #fff;
    border-radius: 100%;
    border: .125rem solid #fff;
    background-clip: content-box
}

.Skin .vjs-record.vjs-live .vjs-record-button.vjs-control[disabled] {
    cursor: not-allowed;
    opacity: .75
}

.Skin .vjs-record .vjs-play-control.vjs-paused.vjs-control {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCwgMCwgMTMsIDE4Ij4NCiAgPHBhdGggZD0iTTEuNTE3LDAuNDA1IEMyLjcwNCwwLjQ3NiAyLjIyNSwwLjMwOSAzLjAwNywwLjcxOSBMMTIuMTg5LDcuMzE5IEMxMy4yMzQsOC4wNyAxMy4yMzQsOS42MjQgMTIuMTg5LDEwLjM3NSBMMy4wMDcsMTYuOTc1IEMxLjc2MiwxNy44NyAwLjAyNywxNi45OCAwLjAyNywxNS40NDYgTDAuMDI3LDIuMjQ3IEMwLjA5LDEuMTE2IDAuNjExLDAuODcgMS41MTcsMC40MDUgeiBNMi40MDksMy4yMjIgTDIuNDA5LDE0LjQ3MSBMMTAuMjM0LDguODQ3IiBmaWxsPSIjRkZGRkZGIi8+DQo8L3N2Zz4NCg==) no-repeat center center
}

.Skin .vjs-record .vjs-play-control.vjs-playing.vjs-control {
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iXzFpWGVGIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZvY3VzYWJsZT0iZmFsc2UiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLWljb250eXBlPSJQYXVzZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJ3aGl0ZSIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSA2QzkuOTQwMzYgNiAxMC41IDYuNTU5NjQgMTAuNSA3LjI1TDEwLjUgMTYuNzVDMTAuNSAxNy40NDA0IDkuOTQwMzYgMTggOS4yNSAxOEM4LjU1OTY0IDE4IDggMTcuNDQwNCA4IDE2Ljc1TDggNy4yNUM4IDYuNTU5NjQgOC41NTk2NCA2IDkuMjUgNloiPjwvcGF0aD48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IndoaXRlIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43NSA2QzE1LjQ0MDQgNiAxNiA2LjU1OTY0IDE2IDcuMjVMMTYgMTYuNzVDMTYgMTcuNDQwNCAxNS40NDA0IDE4IDE0Ljc1IDE4QzE0LjA1OTYgMTggMTMuNSAxNy40NDA0IDEzLjUgMTYuNzVMMTMuNSA3LjI1QzEzLjUgNi41NTk2NCAxNC4wNTk2IDYgMTQuNzUgNloiPjwvcGF0aD48L3N2Zz4=) no-repeat center center;
    background-position-x: -1px
}

.Skin .vjs-record .vjs-play-control.vjs-paused.vjs-control:hover,
.Skin .vjs-record .vjs-play-control.vjs-playing.vjs-control:hover {
    filter: drop-shadow(0 0 2px #fff)
}

.Skin .video-js .vjs-control:focus,
.Skin .video-js .vjs-control:focus:before,
.Skin .video-js .vjs-control:hover:before {
    text-shadow: none
}

.Skin .vjs-record .vjs-play-control.vjs-paused.vjs-control .vjs-icon-placeholder,
.Skin .vjs-record .vjs-play-control.vjs-playing.vjs-control .vjs-icon-placeholder {
    display: none
}

.vjs-record.vjs-live .vjs-record-button.vjs-control.vjs-icon-record-start:before {
    display: none
}

.Skin .video-js .vjs-time-control {
    display: none !important
}

.Skin .video-js.vjs-live .vjs-time-control.vjs-current-time {
    display: block !important
}

.Skin .Matrix .MaxDiff table thead th {
    width: 25%
}

.Skin .Matrix .MaxDiff table thead td.c4 {
    width: 50%
}

.Skin .Conjoint.MC .q-radio {
    opacity: 0
}

.Skin .Conjoint.MC label.SingleAnswer>span {
    padding-bottom: unset !important
}

.Skin .Conjoint.MC .conjointTable,
.Skin .Conjoint.MC .noneIncludedCard {
    width: 300px
}

.Skin .Conjoint.MC .conjointTable td.featureDisplayName,
.Skin .Conjoint.MC .conjointTable td.levelDisplayName {
    text-align: left;
    padding: 7px;
    margin: 7px
}

@media (max-width:640px) {
    .Skin .Conjoint.MC .conjointTable td {
        display: table-cell !important;
        width: 50% !important
    }
}

.Skin .Conjoint.MC label.SingleAnswer {
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    font-weight: 600;
    color: #737373
}

.Skin .Conjoint.MC label.SingleAnswer table.conjointTable {
    color: #222;
    margin-left: -9px;
    margin-top: 7px
}

.Skin .Conjoint.MC label.SingleAnswer td.featureDisplayName {
    font-weight: 300;
    color: #737373
}

.Skin .Conjoint.MC label.SingleAnswer.q-checked,
.Skin .Conjoint.MC label.SingleAnswer.q-checked.q-focused {
    background: #cce4f2;
    border: 1px solid transparent;
    color: #737373
}

.Skin .Conjoint.MC .QuestionBody {
    max-width: none !important
}

.Skin .Conjoint.MC label.SingleAnswer:hover {
    border: 1px solid #d7d7d7
}

.Skin .Conjoint.MC .QuestionText .ConjointCardContainerV2 {
    display: grid;
    display: -ms-grid;
    grid-auto-columns: 350px;
    grid-auto-rows: minmax(20px, auto)
}

@media screen and (max-width:700px) {
    .Skin .Conjoint.MC .QuestionText .ConjointCardContainerV2 {
        display: block;
        width: 100%
    }
}

.Skin .Conjoint.MC .ConjointTableHeaderRow {
    font-size: 14px;
    font-weight: 600;
    background-color: #e8e8e8;
    color: #737373;
    text-align: left
}

.Skin .Conjoint.MC .ConjointTableFeatureRow {
    font-size: 14px;
    font-weight: 300;
    background-color: #f9f9f9;
    color: #737373;
    text-align: left
}

.Skin .Conjoint.MC .QuestionText {
    text-align: left
}

.LargeText {
    font-weight: bolder;
    background-color: #31859c;
    color: #fff
}

.Skin .Conjoint.MC .sneakyButton {
    float: none !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    text-align: left
}

.Skin .Conjoint.MC .QuestionText .UserTable td {
    padding: 5px;
    width: 650px;
    vertical-align: middle;
    border: 1px solid #c6c6c6
}

.emptyCol {
    width: 2px !important;
    padding: 3px !important;
    margin: 0
}

@media (max-width:480px) {
    .Skin .Conjoint.MC .QuestionText .UserTable td {
        display: table-cell
    }
}

.CarouselQuestionBody {
    max-width: 100vw;
    overflow: hidden
}

.Skin .Matrix .QuestionBody.CarouselQuestionBody {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.CarouselQuestionBody * {
    box-sizing: border-box
}

.CarouselCardTableContainer {
    width: 100%;
    text-align: center;
    font-size: 0;
    padding: 0 5px
}

.CarouselCardTable {
    table-layout: fixed;
    display: inline-block;
    font-size: 16px
}

.CarouselCardFrame {
    position: relative;
    width: 500px;
    margin: 20px 0;
    height: 244px;
    border: 1px solid #89919a;
    border-radius: 2px
}

.CarouselCardContainer {
    margin: 0;
    padding: 32px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    outline: 0
}

.CarouselCardContainer.ProgressBarSpacer {
    bottom: 7px
}

.CarouselCardContainer:focus .CarouselCardTextContainer {
    outline: -webkit-focus-ring-color auto 1px;
    outline-style: auto
}

.CarouselCard {
    width: 100%;
    border: 0;
    padding: 0;
    text-align: center;
    position: relative;
    word-wrap: break-word;
    top: 50%;
    transform: translateY(-50%)
}

.CarouselCard.NoDisplay {
    display: none
}

.CarouselCard.NoVerticalCenter {
    top: 0;
    transform: none
}

.CarouselCard.Fade,
.CarouselCard.Transition {
    position: absolute;
    padding: inherit;
    left: 0;
    right: 0;
    overflow: auto
}

.CarouselCard.NoVerticalCenter.Fade,
.CarouselCard.NoVerticalCenter.Transition {
    height: inherit
}

.CarouselCardEdge {
    position: absolute;
    top: 0;
    width: 1px;
    display: none;
    background-color: #89919a
}

.CarouselCardEdge.Transition {
    display: block
}

.CarouselCardText {
    padding: 2px
}

.CarouselProgressBarBack {
    height: 8px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    position: absolute;
    border: 1px solid #89919a;
    background-color: rgba(0, 0, 0, .1);
    box-sizing: border-box;
    border-radius: 2px
}

.CarouselProgressBar {
    bottom: -1px;
    top: -1px;
    left: -1px;
    position: absolute;
    border: 1px solid #89919a;
    background-color: #0b6ed0;
    border-radius: 2px
}

.CarouselProgressBar.RTL {
    right: -1px
}

.CarouselCardLeftContainer {
    text-align: right
}

.CarouselCardRightContainer {
    text-align: left
}

.CarouselPaddingLeft {
    padding: 0 0 0 24px
}

.CarouselPaddingRight {
    padding: 0 24px 0 0
}

.CarouselCardLeftContainer.NoPadding,
.CarouselCardRightContainer.NoPadding {
    padding: 0
}

.CarouselCardLeftContainer.MobileInside,
.CarouselCardRightContainer.MobileInside {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.CarouselCardLeftContainer.MobileInside {
    left: 0
}

.CarouselCardRightContainer.MobileInside {
    right: 0
}

.CarouselChevronContainer {
    width: 36px;
    height: 36px;
    border: 2px solid transparent;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    padding: 0;
    text-decoration: none;
    display: block;
    font-size: 0 !important
}

.CarouselChevronContainer:focus .CarouselChevronBackground,
.CarouselChevronContainer:focus .CarouselChevronBackgroundAnimation {
    border-radius: 0
}

.CarouselChevronBackground {
    display: block;
    position: relative;
    border-radius: 6px
}

.CarouselChevronBackground:hover {
    background: rgba(0, 0, 0, .06)
}

.CarouselChevronBackgroundAnimation {
    position: absolute;
    border-radius: 6px;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1)
}

.CarouselChevron {
    fill: #515559
}

.CarouselChevron.Disabled {
    fill: #c2c3c5
}

.CarouselAnswerContainer {
    max-width: 720px;
    margin: auto;
    padding: 0 0 20px;
    overflow: auto
}

.CarouselAnswerContainer.Horizontal {
    display: block
}

.CarouselAnswerContainer.Vertical {
    display: flex
}

.CarouselHorizontalAnswerWrapper.Overflow {
    width: fit-content
}

.CarouselAnswerContainer .CarouselLabels {
    display: flex;
    justify-content: space-between
}

.CarouselAnswerContainer.Vertical .CarouselLabels {
    margin-left: auto;
    padding: 10px 0 10px;
    flex-direction: column;
    margin-right: 10px;
    min-width: 80px
}

.CarouselAnswerContainer.Horizontal .CarouselLabels {
    padding: 0 10px
}

.CarouselAnswerContainer.Horizontal .CarouselLabels div.ColumnLabels {
    text-align: center
}

.CarouselAnswerContainer.Horizontal .CarouselLabels div.ColumnLabels.First {
    text-align: left
}

.CarouselAnswerContainer.Horizontal .CarouselLabels div.ColumnLabels.Last {
    text-align: right
}

.CarouselAnswerListFieldset {
    margin: auto
}

.Skin fieldset.CarouselAnswerListFieldset {
    width: initial
}

.Skin fieldset.CarouselAnswerListFieldset.Vertical {
    width: fit-content
}

.Skin fieldset.CarouselAnswerListFieldset.Vertical.NoLabels {
    width: 100%
}

.CarouselAnswerButtonList {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    min-inline-size: 0;
    min-width: 0
}

.CarouselAnswerButtonList.Horizontal {
    display: flex;
    flex-wrap: nowrap
}

.CarouselAnswerButtonColumnTd {
    width: 100%;
    vertical-align: top
}

.CarouselAnswerButtonContainer {
    width: 100%;
    margin: 0;
    padding: 5px;
    min-width: 130px;
    text-align: center
}

.CarouselAnswerButton {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.CarouselAnswerButton .q-checkbox,
.CarouselAnswerButton .q-radio {
    margin-right: 10px;
    padding: 0
}

.CarouselAnswerButton.Horizontal.Overflow {
    width: 120px;
    min-width: 120px
}

.CarouselAnswerButton.Column.Overflow {
    width: 120px;
    min-width: 120px
}

.CarouselColumnTable {
    table-layout: fixed;
    width: 100%;
    overflow: hidden
}

.CarouselColumnTable.Overflow {
    table-layout: auto
}

.CarouselTextEntrySpacer {
    width: 100%;
    height: 10px
}

.Skin .QuestionBody .CarouselTextEntry.TextEntryBox {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
}

.Skin .QuestionBody .CarouselTextEntry.TextEntryBox.InputText {
    width: 280px
}

.Skin .QuestionBody .CarouselTextEntry.TextEntryBox.Overflow {
    width: 120px;
    max-width: 120px
}

.Skin .QuestionBody .CarouselTextEntry.TextEntryLarge {
    width: 100%
}

.Skin .QuestionBody .CarouselChoiceTextEntry .TextEntryBox.TextEntryLarge {
    height: 125px
}

.Skin .MC.CarouselQuestionBody .TextEntryBox {
    margin: 0
}

.Matrix.ResponseSummaryQuestion.has-overlay .Likert .CarouselQuestionBody {
    position: unset
}

.Matrix.ResponseSummaryQuestion.has-overlay .Likert .CarouselQuestionBody .CarouselCardLeftContainer,
.Matrix.ResponseSummaryQuestion.has-overlay .Likert .CarouselQuestionBody .CarouselCardRightContainer {
    position: relative;
    z-index: 10001
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .CarouselCardContainer:focus .CarouselCardTextContainer {
        outline-style: solid
    }
}

h2.noStyle,
th {
    font-weight: 400;
    font-style: normal
}

#ServerTime,
caption {
    display: none
}

h2.noStyle,
th {
    font-weight: 400
}

.Skin .AccessibleQuestionBody,
a img,
fieldset {
    border: none
}

.Skin .HeaderValidationError li,
.clear {
    clear: both
}

.Skin .PGR .DragAndDrop div ul li span label img,
img {
    max-width: 100%
}

#TocSidebar a,
.Skin #Plug a,
.Skin .HotSpot a.Region,
.Skin .LeadGenerator a {
    text-decoration: none
}

li.Selection,
ul.ChoiceStructure {
    margin: 0;
    padding: 0;
    list-style: none
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
p,
pre,
td,
textarea,
th {
    margin: 0;
    padding: 0
}

legend {
    font-size: 100%
}

.zero {
    font-size: 0;
    height: 0
}

th {
    text-align: left
}

.Skin .DB .ARP .QuestionBody,
.Skin .DB .AWM .QuestionBody,
.Skin .DB .VRP .QuestionBody,
.Skin .DB .VWM .QuestionBody,
.Skin .MC .MSB .SkinBody,
.Skin .MC .SB .SkinBody {
    text-align: center
}

img {
    height: auto !important
}

h2.noStyle {
    font-size: 1em
}

* {
    box-sizing: border-box
}

#TocSidebarIcons,
.Skin .PGR .DragAndDrop .Group div {
    box-sizing: content-box
}

.Skin .QuestionBody {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: default
}

.Skin .ValidationErrorHighlight .Inner {
    background: rgba(255, 10, 10, .3)
}

.Skin .ValidationError.Sub {
    font-size: 90%;
    font-weight: 400;
    padding: 5px;
    position: relative;
    top: 5px;
    white-space: nowrap
}

.Skin .AccessibleQuestionBody legend {
    padding-left: 0;
    width: 100%;
    color: inherit
}

.Skin .SkinBody {
    padding: 6pt 3pt
}

.Skin .focused {
    background-color: #fff7c0
}

.Skin .QuestionText .UserTable {
    border: 1px solid #333;
    margin: 1px;
    border-collapse: collapse
}

.Skin .QuestionText .UserTable td,
.Skin .QuestionText .UserTable th {
    border: 1px solid #333;
    padding: .5em 1em;
    text-align: center
}

.QuestionText .ExportTag {
    font-style: italic
}

.Skin .ChoiceGroup {
    color: #727884;
    padding-bottom: 10px
}

.Skin .ChoiceGroupStructure {
    margin-left: 10px;
    padding: 0
}

.Skin .ChoiceGroupStructure.HiddenTitle {
    margin-left: 0
}

.Skin .IndentLevel1 {
    margin-left: 10px
}

.Skin .IndentLevel2 {
    margin-left: 20px
}

.Skin .IndentLevel3 {
    margin-left: 30px
}

.Skin .IndentLevel4 {
    margin-left: 40px
}

.Skin .IndentLevel5 {
    margin-left: 50px
}

.Skin .IndentLevel6 {
    margin-left: 60px
}

.Skin .DB .FLB .QuestionBody .NoFileMessage {
    color: grey
}

.Skin .MC .MACOL .SkinBody,
.Skin .MC .MAVR .SkinBody,
.Skin .MC .SACOL .SkinBody,
.Skin .MC .SAVR .SkinBody {
    padding: 6pt 0 0
}

.Skin .MC .QuestionText li {
    padding: 0;
    float: none
}

.Skin .CS .HR li,
.Skin .PGR .DragAndDrop .Group,
.Skin .RO .HR li {
    float: left
}

.Skin .Matrix .ColumnLabels table {
    width: 100%
}

.Skin .Matrix table th.FullChoiceRow {
    text-align: left
}

.Skin #SkinContent .Matrix.CombinedQuestion table tbody th {
    text-align: right
}

.Skin #SkinContent .Matrix table tbody th.SubHeading {
    font-weight: 700;
    text-align: left
}

.Skin .Matrix table td.FullChoiceRow,
.Skin .Matrix td.ColumnLabels tr.SpreadLabels td.First,
.Skin .Matrix td.ColumnLabels tr.SpreadLabels th.First {
    text-align: left
}

.Skin .Matrix td.ColumnLabels tr.SpreadLabels td.Last,
.Skin .Matrix td.ColumnLabels tr.SpreadLabels th.Last {
    text-align: right
}

.Skin .Matrix table tr th.ColumnLabels,
.Skin .Matrix table tr.ColumnLabelHeader td,
.Skin .Matrix table tr.ColumnLabelHeader th,
.Skin .Matrix table tr.ColumnLabels td {
    border-style: none
}

.Skin .Matrix .RepeatHeader {
    vertical-align: bottom
}

.Skin .Matrix .WhiteSpace td {
    height: 25px
}

.Skin .Matrix table td.SymbolCell {
    white-space: nowrap
}

.Skin .Matrix .DL .Transposed table td.last {
    text-align: center
}

.Skin .Matrix .Profile tr.LabelRow td {
    padding-left: 0;
    padding-right: 0;
    font-size: 80%
}

.Skin .Matrix .CS .transposed tr.CSTotal th {
    border-top-color: #333;
    color: #333;
    text-align: left;
    font-weight: 700
}

.Skin .Matrix .CS tr.CSTotal td.TextAbove {
    text-align: left
}

.Skin .DynamicMatrix .TE input {
    width: auto
}

.Skin .DynamicMatrix .LogicEditor .ExpressionSet .Expression {
    border: none;
    background: 0 0
}

.Skin input.Searching {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/spinner.gif) right 2px no-repeat #fff
}

.Skin .horizontalbar tr.xlabel th div {
    position: relative
}

.Skin .horizontalbar table.sliderGrid tr.xlabel th div span {
    position: absolute;
    left: 15px;
    top: -25px
}

.Skin .horizontalbar table.sliderGrid tr.xlabel th.value div span {
    position: absolute;
    right: 0;
    top: -25px;
    text-align: right
}

.Skin .horizontalbar table.sliderGrid tr td.totalValue {
    text-align: left;
    border: none;
    font-weight: 700
}

.Skin .horizontalbar table.sliderGrid tr td.totalValue input {
    width: 80px;
    background-color: transparent;
    border: none;
    text-align: left;
    font-weight: 700;
    font-size: 1.2em
}

.Skin .horizontalbar table.sliderGrid tr th.total {
    padding: 5px;
    text-align: right;
    border: none;
    font-weight: 700
}

.Skin .horizontalbar .barTd,
.Skin .horizontalbar .yLabelTicksTd {
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #ccc
}

.Skin .horizontalbar .yLabelTicksTd .labelTicks div {
    position: absolute;
    top: .2em;
    text-align: right;
    font-size: 80%
}

.Skin #Buttons .ButtonText,
.Skin .LeadGenerator,
.Skin .MC .MAHR table td,
.Skin .MC .SAHR table td,
.Skin .NPS table td,
.Skin .SurveyError,
.SkinTable #Buttons .ButtonText,
.ValidationConfirm .Q_Window {
    text-align: center
}

.Skin .SS .QuestionBody table.ChoiceStructure {
    text-align: center;
    width: auto
}

.Skin .QuestionOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

#SurveyEngineBody .debug {
    font-size: 12pt
}

#SurveyEngineBody .debug pre {
    font-size: 9pt
}

#SurveyEngineBody .HideSelects select {
    display: none !important
}

.Skin .PreviewResults em {
    font-weight: 400;
    font-size: 80%
}

.Skin .PreviewResults li,
.Skin .PreviewResults ul {
    padding-top: 5px
}

* html .Skin .LeadGenerator div {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/leadgenerator.png", sizingMethod="crop")
}

.Skin .LeadGenerator {
    padding-top: 10px;
    font-family: tahoma
}

#RestoredResponseBar,
.Skin,
.Skin .yui-skin-sam .yui-calcontainer,
.Skin button,
.Skin input,
.Skin select,
.Skin textarea {
    font-family: "Helvetica Neue", Arial, sans-serif
}

.Skin .LeadGenerator .imageHolder {
    border: 0;
    width: 532px;
    height: 176px;
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/leadgenerator.png) no-repeat;
    line-height: 24px;
    margin: auto
}

.Skin .MC li.reg,
.Skin .horizontalbar table.sliderGrid tr td.value input,
.Skin .horizontalbar tr.Stars td.value input {
    background-color: transparent
}

.Skin .LeadGenerator .imageHolderOuter {
    width: 534px;
    height: 178px;
    margin: auto
}

.Skin .LeadGenerator .imageHolder div {
    padding-top: 68px
}

.Skin .LeadGenerator a {
    display: block;
    width: 528px;
    margin: auto;
    cursor: pointer
}

.Skin .LeadGenerator .PoweredBy {
    font-size: 11pt;
    color: #4d4d4d
}

.Skin .LeadGenerator .Invite {
    font-size: 13pt;
    color: #4d4d4d
}

.Skin .LeadGenerator .ClickHere {
    color: #b3131a;
    font-weight: 700
}

.ValidationConfirm .Q_Window {
    padding: 25px
}

.Skin label.QuestionText {
    display: block
}

.SAHR .Selection,
.Skin .Matrix .TE td input {
    display: inline-block
}

.Skin .QuestionOuter {
    -ms-overflow-style: none;
    overflow-y: hidden
}

.Skin #SkinContent .RO .DND .QuestionBody,
.Skin .horizontalbar thead .NotApplicable {
    overflow: visible
}

.Skin .QuestionBody table.ChoiceStructure {
    width: 100% !important
}

.Skin .QuestionBody ul.ChoiceStructure,
.Skin .QuestionText {
    zoom: 1
}

.Skin .HeaderValidationError li a {
    cursor: pointer
}

.Skin .SurveyError {
    padding: 60px 20px
}

.Skin .SurveyError h1,
.Skin .SurveyError h2,
.Skin .SurveyError h3 {
    font-weight: 400;
    font-size: 120%
}

.Skin .MC .QuestionBody label {
    vertical-align: 1px
}

.Skin .MC .MAVR li,
.Skin .MC .SAVR li {
    clear: left
}

.Skin .MC .MAVR input.TextEntryBox,
.Skin .MC .SAVR input.TextEntryBox {
    display: inline-block;
    clear: both
}

.Skin .MC .MAHR .QuestionBody table td label,
.Skin .MC .SAHR .QuestionBody table td label {
    margin-right: 0
}

.Skin .NPS table .ColumnLabels .First {
    text-align: left
}

.Skin .NPS table .ColumnLabels .Center {
    text-align: center
}

.Skin .NPS table .ColumnLabels .Last {
    text-align: right
}

.Skin .MC .MAHR li,
.Skin .MC .SAHR li {
    padding: 0 10px 10px 0
}

.Skin .Matrix table {
    border-collapse: separate
}

.Skin .Matrix table td,
.Skin .Matrix table th {
    text-align: center
}

.Skin .Matrix .TE .Short td input {
    width: 30px;
    width: 3em
}

.Skin .Matrix .TE .Medium td input {
    width: 60px;
    width: 6em
}

.Skin .Matrix .TE .Long td input {
    width: 90px;
    width: 9em
}

.Skin .Matrix table th.c1 {
    text-align: left
}

.Skin .Matrix .Bipolar td.AnswerLeft,
.Skin .Matrix .Bipolar th.AnswerLeft {
    text-align: left;
    width: 50%
}

.Skin .Matrix .Bipolar td.AnswerRight,
.Skin .Matrix .Bipolar th.AnswerRight {
    text-align: right;
    width: 50%
}

#SurveyEngineBody .Skin .Matrix .Bipolar td.AnswerRight,
#SurveyEngineBody .Skin .Matrix .Bipolar th.AnswerRight {
    text-align: right !important;
    width: 50%
}

.Skin .Matrix .Bipolar .QuestionBody td.AnswerRight label,
.Skin .Matrix .Bipolar .QuestionBody th.AnswerRight label {
    zoom: 1
}

.Skin .TE .ChoiceStructure .Short {
    width: 30px;
    width: 3em
}

.Skin .TE .ChoiceStructure .Medium {
    width: 60px;
    width: 6em
}

.Skin .TE .ChoiceStructure .Long {
    width: 90px;
    width: 9em
}

.Skin .TE .ML textarea {
    height: 4em
}

.Skin .TE .ESTB textarea {
    height: 8em
}

.Skin .TE .ChoiceStructure .Essay {
    width: 100%;
    height: 4em
}

.Skin .horizontalbar tr.xlabel th {
    position: relative
}

.Skin .LabelDescriptionsContainer {
    width: 100%
}

.Skin .LabelDescriptions {
    position: relative;
    width: 100%
}

.Skin .horizontalbar thead table.LabelDescriptions tr td,
.Skin .horizontalbar thead tr td.NotApplicable {
    text-align: center
}

.Skin .horizontalbar table.LabelDescriptions .LabelCount2 td.First,
.Skin .horizontalbar table.LabelDescriptions .LabelCount3 td.First {
    text-align: left
}

.Skin .horizontalbar table.LabelDescriptions .LabelCount2 td.Last,
.Skin .horizontalbar table.LabelDescriptions .LabelCount3 td.Last {
    text-align: right
}

.Skin .horizontalbar table.LabelDescriptions.CenterLabels td.LightText {
    text-align: center
}

.Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount2 td.First label,
.Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount3 td.First label {
    position: relative;
    left: -50%
}

.Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount2 td.Last label,
.Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount3 td.Last label {
    position: relative;
    left: 50%
}

.Skin .horizontalbar thead td span.TickContainer,
.Skin .horizontalbar thead th span.TickContainer {
    position: relative;
    display: block;
    height: 15px;
    margin-bottom: 1px;
    white-space: nowrap
}

.Skin .horizontalbar tr.xlabel td span.TickContainer span,
.Skin .horizontalbar tr.xlabel th span.TickContainer span {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    text-align: center
}

.Skin .horizontalbar tr.xlabel td span.TickContainer span.MinValue,
.Skin .horizontalbar tr.xlabel th span.TickContainer span.MinValue {
    left: -50%
}

.Skin .horizontalbar .BarOuter,
.Skin .horizontalbar .LeftBorder,
.Skin .horizontalbar .RightBorder {
    width: 1px;
    font-size: 0
}

.Skin .horizontalbar td.BarOuter {
    vertical-align: middle
}

.Skin .PGR .DragAndDrop td.groupsContainerTd,
.Skin .PGR td.itemsContainerTd {
    vertical-align: top
}

.Skin .horizontalbar .BarContainer {
    position: relative;
    top: -10px
}

.Skin .horizontalbar {
    zoom: 1
}

.Skin .horizontalbar .bar,
.Skin .horizontalbar .handle,
.Skin .horizontalbar .track {
    height: 20px;
    -ms-touch-action: none
}

.Skin .horizontalbar .track {
    position: absolute;
    width: 3000px;
    top: 0;
    z-index: 1000
}

.Skin .horizontalbar .bar,
.Skin .horizontalbar .handle {
    top: 0
}

.Skin .horizontalbar .bar {
    position: absolute;
    left: 0;
    width: 20px;
    z-index: 500;
    font-size: 0
}

.Skin .horizontalbar .handle {
    position: absolute;
    width: 1px;
    height: 1px;
    cursor: move;
    z-index: 500
}

.Skin .horizontalbar table.sliderGrid {
    empty-cells: show;
    overflow: visible;
    border-collapse: collapse
}

.Skin .horizontalbar table.sliderGrid tr td.value {
    width: 1px;
    text-align: center;
    padding-left: 10px
}

.Skin .horizontalbar th.ylabel {
    text-align: right
}

.Skin .horizontalbar tbody .NotApplicable,
.Skin .horizontalbar thead .NotApplicable {
    text-align: center;
    padding-left: 20px
}

.Skin .horizontalbar .trackHolderRel {
    position: relative;
    left: 0;
    top: 0;
    margin: 0
}

.Skin .horizontalbar .Slider .BarContainer {
    top: -15px
}

.Skin .SS .horizontalbar .SSTrack,
.Skin .horizontalbar .Slider .track {
    height: 8px;
    opacity: .5;
    filter: alpha(opacity=50);
    top: 10px;
    border-radius: 40px
}

.Skin .horizontalbar .Slider .bar {
    display: none
}

.Skin .SS .horizontalbar .handle,
.Skin .horizontalbar .Slider .handle {
    width: 20px;
    height: 20px;
    top: -6px;
    border-radius: 100%
}

.Skin .SS .SSTrack:hover,
.Skin .horizontalbar .Slider .BarContainer:hover .track,
.Skin .horizontalbar .Slider .activated .track {
    opacity: 1;
    filter: alpha(opacity=100)
}

.Skin .horizontalbar .Slider .track div {
    -webkit-filter: none;
    filter: none
}

.Skin .STAR .Stars table td.BarOuter,
.Skin .STAR .Stars td,
.Skin .STAR .Stars th.ylabel,
.Skin .Slider .STAR .horizontalbar table.sliderGrid tr td.value {
    border: none
}

.Skin .STAR .horizontalbar table.sliderGrid {
    table-layout: auto
}

.Skin .STAR .horizontalbar table.sliderGrid tr td.value {
    width: auto;
    text-align: left
}

.FlipClock span span,
.Skin .GAP .ChoiceStructure .WhyText,
.Skin .GAP .Scale,
.Skin .GAP .Why,
.Skin .PGR .DragAndDrop .ProgressCounter,
.Skin .PGR .GroupNoDnd h2,
.Skin .PGR .ItemsNoDnd h2,
.Skin .RO .RB .ChoiceStructure tbody td,
.Skin .RO .RB .ChoiceStructure thead th,
.Skin .SBS td,
.Skin .SBS thead th {
    text-align: center
}

.Skin .STAR .Stars tbody tr {
    height: 46px
}

.Skin .STAR tr.HideValue td.BarOuter {
    width: auto
}

.Skin .STAR .BarContainer {
    top: 0
}

.Skin .STAR .StarsStrut {
    white-space: nowrap
}

.Skin .STAR .StarsContainer,
.Skin .STAR .StarsContainer .Filled,
.Skin .STAR .StarsEventWatcher {
    height: 26px;
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/stars.png)
}

.Skin .STAR .StarsOuterContainer {
    margin: 10px
}

.Skin .STAR .StarsContainer {
    background-position: 0 -27px;
    position: relative
}

.Skin .STAR .StarsContainer .StarsOverlay,
.Skin .STAR .StarsEventWatcher {
    left: 0;
    position: absolute;
    top: 0
}

.Skin .STAR .StarsEventWatcher {
    background-image: none
}

.Skin .STAR .StarsContainer .Filled {
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0
}

.Skin .STAR .StarsContainer .Star {
    width: 36px;
    height: 30px;
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/stars.png);
    float: left
}

.Skin .RO .RankInput {
    width: 3em
}

.Skin .RO .SB .ChoiceStructure,
.Skin .RO .SB .ChoiceStructure .Center,
.Skin .RO .SB .ChoiceStructure select {
    width: 100%
}

.Skin .SBS .Short {
    width: 30px;
    width: 3em
}

.Skin .SBS .Medium {
    width: 60px;
    width: 6em;
    margin: 2px
}

.Skin .SBS .Long {
    width: 90px;
    width: 9em;
    margin: 2px
}

.Skin .SBS .Essay {
    width: 100%;
    height: 4em;
    margin: 2px
}

.SBS table.ChoiceStructure {
    border-collapse: collapse
}

.Skin .CS .SumInput,
.Skin .CS .SumTotal {
    white-space: nowrap;
    width: 3em;
    display: inline-block
}

.Skin .CS .SumInput input,
.Skin .CS .SumTotal input {
    width: 3em
}

.Skin .CS .VRTL .ChoiceStructure li {
    position: relative;
    min-height: 26px;
    zoom: 1;
    padding-right: 100px
}

.Skin .CS .VRTL .SumInput,
.Skin .CS .VRTL .SumTotal {
    position: absolute;
    right: 26px;
    top: 50%;
    margin-top: -13.5px
}

.Skin .RO .DND ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.Skin .RO .DND ul li {
    cursor: move;
    position: relative;
    zoom: 1;
    margin: 0;
    list-style: none
}

.Skin .RO .DND ul.NotEdited .rank {
    visibility: hidden
}

.Skin .RO .DND ul.Edited .rank,
.Skin .RO .DND ul.NotEdited li:hover .rank {
    visibility: visible
}

.Skin .PGR td.groupsContainerTd {
    width: 100%
}

.Skin .PGR .DragAndDrop td.itemsContainerTd {
    height: 100%
}

.Skin .PGR .DragAndDrop td.groupsContainerTd div>div {
    border-collapse: collapse;
    min-height: 150px
}

.Skin .PGR .DragAndDrop .QuestionBody ul {
    list-style: none;
    height: 150px;
    width: 150px;
    border-collapse: collapse;
    margin: 0;
    padding: 0
}

html>body .Skin .PGR .DragAndDrop .QuestionBody ul {
    height: auto;
    min-height: 150px
}

html>body .Skin .PGR .DragAndDrop .stack ul.stack {
    margin: 25px 25px 0 0
}

html>body .Skin .PGR .DragAndDrop .stack div.Group ul.stack {
    margin-left: 20px
}

.Skin .PGR .DragAndDrop .QuestionBody ul li.stack {
    position: absolute
}

.Skin .PGR .DragAndDrop .stack div ul li.stack span label {
    width: 187px
}

.Skin .PGR .DragAndDrop .stack div ul li.stack span label img {
    width: 187px;
    visibility: visible
}

.Skin .PGR .DragAndDrop .stack .Group li.stack span.rank {
    visibility: hidden
}

.Skin .PGR .DragAndDrop .stack div.Group ul li span img {
    width: 117px
}

.Skin .PGR .DragAndDrop .stack ul li.stack {
    background-color: #fff
}

.Skin .PGR .DragAndDrop .stack ul li.stack.penultimate {
    margin-top: -5px;
    margin-left: 5px
}

.Skin .PGR .DragAndDrop .stack ul li.stack.antepenultimate {
    margin-top: -10px;
    margin-left: 10px
}

.Skin .PGR .DragAndDrop .Group h2,
.Skin .PGR .DragAndDrop .Items h2 {
    text-align: center;
    display: block
}

.Skin .PGR .DragAndDrop .Items {
    height: 100%
}

.Skin .PGR .DragAndDrop .Items ul {
    border: none;
    height: 150px
}

html>body .Skin .PGR .DragAndDrop .Items ul {
    min-height: 150px;
    height: auto
}

.Skin .PGR .DragAndDrop .Group h2,
.Skin .PGR .DragAndDrop .Group ul,
.Skin .PGR .DragAndDrop .Items h2,
.Skin .PGR .DragAndDrop .Items ul {
    width: 187px
}

@media all and (max-width:480px) {

    .Skin .PGR .DragAndDrop .Group h2,
    .Skin .PGR .DragAndDrop .Group ul,
    .Skin .PGR .DragAndDrop .Items h2,
    .Skin .PGR .DragAndDrop .Items ul,
    .Skin .PGR .DragAndDrop .stack div ul li.stack span label,
    .Skin .PGR .DragAndDrop .stack div ul li.stack span label img {
        width: 140px
    }

    .Skin .PGR .DragAndDrop .Group div ul li.stack span label {
        width: 80px
    }

    .Skin .PGR .DragAndDrop .Group .stack li {
        width: 80px;
        padding: 8px 0
    }

    html>body .Skin .PGR .DragAndDrop .stack div.Group ul.stack {
        margin-left: 10px
    }
}

.Skin .PGR .DragAndDrop .QuestionBody {
    overflow: hidden
}

.Skin .PGR .DragAndDrop .Items ul li .rank {
    display: none
}

.Skin .PGR .DragAndDrop .QuestionBody label {
    display: block;
    zoom: 1;
    cursor: move
}

.Skin .PGR .DragAndDrop .clear {
    clear: both;
    visibility: hidden
}

.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div {
    float: none
}

.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div h2,
.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div ul,
.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div>div {
    width: 337px
}

@media all and (max-width:480px) {

    .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div h2,
    .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div ul,
    .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div>div {
        width: 107px
    }
}

.Skin .PGR .DragAndDrop .rank {
    position: absolute;
    top: 0
}

.Skin .PGR .DragAndDrop .QuestionBody ul li {
    position: relative;
    cursor: move
}

.Skin .PGR .ItemsNoDnd select {
    width: 185px
}

.Skin .PGR .GroupNoDnd h2,
.Skin .PGR .ItemsNoDnd h2 {
    font-size: 16px
}

.Skin .PGR .GroupNoDnd h2 {
    border-width: 0 0 1px;
    border-style: solid;
    padding: 5px
}

.Skin .PGR .groupsContainerTd .inner td.groupContainer {
    padding: 10px 0 0 10px
}

.Skin .PGR .GroupNoDnd {
    width: 185px;
    border-width: 1px;
    border-style: solid
}

.Skin .PGR .GroupNoDnd .inner {
    padding: 5px
}

.Skin .PGR .GroupNoDnd .GroupItems,
.Skin .PGR .GroupNoDnd .GroupItems th,
.Skin .PGR .GroupNoDnd .GroupItems th select {
    width: 100%
}

.Skin .PGR .GroupNoDnd .GroupItems td {
    width: 30px
}

.Skin .PGR .GroupNoDnd .GroupItems td input,
.Skin .PGR .GroupNoDnd h2 .GetItems {
    white-space: nowrap;
    width: 25px;
    color: #333
}

.Skin .PGR .NumGroups {
    margin-top: 5px
}

.Skin .PGR .QuestionBody .ChoiceStructure .LabelWrapper ul {
    min-height: 0
}

.Skin .PGR .RecipientDefined input[type=text] {
    width: 100%
}

.Skin .HotSpot .QuestionBody {
    position: relative
}

.Skin .HotSpot .HotSpotContainer {
    position: relative;
    margin: 0 auto
}

.Skin .HotSpot .HotSpotContainer img {
    cursor: pointer
}

.Skin .HotSpot .HotSpotRegions {
    position: absolute;
    top: 0;
    left: 0
}

.Skin .HotSpot .Region {
    display: block;
    position: absolute;
    outline: 0
}

.Skin .HotSpot .Region:hover {
    border: 1px solid #666
}

.Skin .HotSpot .Region:hover .RegionInner {
    border: 1px solid #fff
}

.Skin .HotSpot .RegionInnerInner {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.Skin .HotSpot .Like .RegionInner .RegionInnerInner {
    background-color: #0f0;
    filter: alpha(opacity=30);
    opacity: .3
}

.Skin .HotSpot .Dislike .RegionInner .RegionInnerInner {
    background-color: red;
    filter: alpha(opacity=30);
    opacity: .3
}

.Skin .HotSpot .Region span {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    filter: alpha(opacity=50);
    opacity: .5
}

.Skin .HotSpot .Region:hover span {
    bottom: 3px;
    right: 3px
}

.Skin .HotSpot .Like span {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/qicons.gif) -20px -5px no-repeat;
    width: 16px;
    height: 13px
}

.Skin .HotSpot .Dislike span {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/qicons.gif) -3px -3px no-repeat;
    width: 15px;
    height: 15px
}

.Skin .SS .SSImage img {
    margin: 0 auto
}

.Skin .SS .ChoiceStructure table.SSDisplay,
.Skin .SS .SSDisplay {
    width: 200px;
    margin: 0 auto
}

.Skin .SS .SSDisplay .SSTrack,
.Skin .SS .SSDisplay .handle {
    position: absolute;
    display: block
}

.Skin .SS .horizontalbar .SSTrack,
.Skin .SS .verticalbar {
    position: relative;
    width: 200px;
    margin: 0 auto
}

.Skin .SS .verticalbar .SSTrack {
    position: relative;
    width: 8px;
    height: 120px;
    float: left;
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 20px
}

.Skin .SS .SSTrack.activated,
.Skin .SS .verticalbar .SSTrack:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.Skin .verticalbar .SSTrack .handle {
    height: 20px;
    width: 20px;
    cursor: move;
    overflow: hidden;
    border-radius: 100%;
    left: -6px
}

.Skin .HeatMapContainer .chh,
.Skin .HeatMapContainer .chv,
.Skin .HeatMapContainer .point {
    position: absolute;
    font-size: 0;
    line-height: 0;
    cursor: crosshair
}

.Skin .SS .Container {
    width: 100%
}

.Skin .SS .QuestionBody {
    width: 40%
}

.Skin .SS .ChoiceStructure table {
    margin: 0 auto
}

.Skin .GAP .ChoiceStructure {
    width: 100%
}

.Skin .GAP .GAPArrow {
    width: 16px;
    height: 16px;
    margin: 2px auto auto;
    background-image: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/gaprightarrow.gif)
}

.Skin .GAP .TextEntryBox {
    display: block
}

.Skin .GAP .LightBG {
    background: rgba(0, 0, 0, .05)
}

.Skin .Timing .QuestionText {
    margin-top: 6pt
}

.Skin .Timing input {
    width: 4em
}

.Skin .Timing li {
    padding: 3px
}

.Skin .Timing .QuestionBody li label {
    width: 20em
}

.FlipClock {
    background-color: #333;
    padding: 2px;
    border-radius: 2px;
    margin: 10px auto;
    float: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.FlipClock:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.FlipClock>span {
    background-color: #000;
    padding: 1px;
    margin: 2px 3px;
    display: block;
    float: left;
    position: relative;
    perspective: 40px;
    -moz-perspective: 40px;
    -webkit-perspective: 40px
}

.FlipClock>span.T1 {
    margin-right: 0
}

.FlipClock>span.T2 {
    margin-left: 0
}

.FlipClock span span {
    color: #333;
    text-shadow: 0 1px #fff;
    background-color: #efefef;
    font-size: 40px;
    display: block;
    height: 40px;
    width: 30px;
    line-height: 40px
}

.FlipClock span span.Number {
    border-radius: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aaa
}

.FlipClock span b {
    display: block;
    position: absolute;
    width: 30px;
    height: 0;
    top: 22px;
    left: 1px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 5
}

.FlipClock span .Change {
    position: absolute;
    top: 2px;
    left: 1px;
    height: 20px;
    overflow: hidden;
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.FlipClock span .Change.TB {
    line-height: 0;
    height: 20px;
    top: 13px;
    transform: rotateX(91deg);
    -moz-transform: rotateX(91deg);
    -webkit-transform: rotateX(91deg);
    transition-delay: .15s;
    -moz-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out
}

.FlipClock span fieldset.Flip .Change.TF {
    transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    top: 12px
}

.FlipClock span fieldset.Flip .Change.TB {
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    top: 22px
}

#recaptcha_table,
.recaptchatable .recaptcha_image_cell {
    background-color: transparent !important;
    border: none !important
}

.Skin .recaptchatable {
    border: none
}

.Skin .Conjoint .LOPTable tbody td,
.Skin .Conjoint .LOPTable thead td {
    text-align: center;
    border-left-width: 1px;
    border-left-style: solid
}

.Skin .Conjoint .EliminationTable thead td,
.Skin .Conjoint .LOPTable tbody .Bottom td,
.Skin .Conjoint .LOPTable thead td,
.Skin .Conjoint .LOPTable thead th,
.Skin .Conjoint .LeastMostTable thead td {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.Skin .Conjoint .CSTable tfoot td,
.Skin .Conjoint .LOPTable thead.Small td {
    border-top-width: 1px;
    border-top-style: solid
}

.Skin .Captcha label.QuestionText {
    width: 300px
}

.Skin .recaptchatable tbody tr td {
    padding: 0 !important
}

.Skin .Conjoint .Table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 95%
}

.Skin .Conjoint .CSTable tbody th,
.Skin .Conjoint .EliminationTable tbody th,
.Skin .Conjoint .LOPTable tbody th,
.Skin .Conjoint .LeastMostTable tbody th,
.Skin .Conjoint .MPUTable tbody th {
    padding: 3px 0
}

.Skin .Conjoint .EliminationTable {
    margin-top: 20pt
}

.Skin .Conjoint .EliminationTable thead td {
    font-weight: 700;
    padding-bottom: 2px
}

.Skin .Conjoint .EliminationTable tbody td {
    width: 15px;
    padding: 3px
}

.Skin .Conjoint .LeastMostTable {
    margin-top: 24pt
}

.Skin .Conjoint .LeastMostTable thead td {
    font-weight: 700
}

.Skin .Conjoint .LeastMostTable tbody th {
    width: 70%
}

.Skin .Conjoint .LeastMostTable .PreferredTextCell,
.Skin .Conjoint .LeastMostTable tbody td {
    text-align: center
}

.Skin .Conjoint .LeastMostTable td,
.Skin .Conjoint .LeastMostTable th {
    border-right-width: 1px;
    border-right-style: solid
}

.Skin .Conjoint .LeastMostTable td.Last,
.Skin .Conjoint .LeastMostTable th.Last {
    border-right-width: 0
}

.Skin .Conjoint .LOPTable {
    margin-top: 20pt
}

.Skin .Conjoint .LOPTable tbody td {
    width: 20px
}

.Skin .Conjoint .LOPTable thead th {
    font-weight: 700
}

.Skin .Conjoint .LOPTable tbody td.Last,
.Skin .Conjoint .LOPTable thead td.Last {
    border-right-width: 1px;
    border-right-style: solid
}

.Skin .Conjoint .CSTable thead td,
.Skin .Conjoint .MPUTable thead th {
    font-weight: 700;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 2px
}

.Skin .Conjoint .CSTable tfoot td {
    font-weight: 700
}

.Skin .Conjoint .CSTable tbody input,
.Skin .Conjoint .CSTable tfoot input {
    width: 30px
}

.Skin .Conjoint .CSTable tbody .Last,
.Skin .Conjoint .CSTable tfoot .Last {
    text-align: center;
    padding: 3px
}

.Skin .CarryForwardSymbol {
    color: #577033;
    font-weight: 700;
    font-size: 130%;
    line-height: 70%
}

.Skin .DD .QuestionBody table.ChoiceStructure {
    width: auto
}

.Skin .DD .QuestionBody th {
    padding: 4px 10px 4px 0
}

.Skin .Grading {
    padding: 0 10px
}

.Skin .Grading .Inner {
    zoom: 1;
    background: #ffffc7;
    border: 1px solid #ffdc81;
    padding: 15px;
    color: #000
}

.Skin .Grading .Score {
    float: right;
    font-size: 35px;
    font-weight: 700
}

.Skin .Grading .ChoiceStructure .Selected .Correct,
.Skin .Grading .Correct {
    color: #00a804
}

.Skin .Grading .ChoiceStructure .Selected .Incorrect,
.Skin .Grading .Incorrect {
    color: #c00
}

.Skin .Grading .GradingQuestionText {
    font-weight: 700
}

.Skin .Grading .ChoiceStructure {
    padding-top: 5px
}

.Skin .Grading .ChoiceStructure li {
    padding: 5px;
    margin-left: 10px
}

.Skin .Grading .ChoiceStructure .Icon {
    width: 18px;
    height: 17px;
    float: left;
    margin-right: 5px
}

.Skin .Grading .ChoiceStructure .Incorrect {
    color: #bf8d8d
}

.Skin .Grading .ChoiceStructure .Correct {
    color: #8ec292
}

.Skin .Grading .ChoiceStructure .Selected .Correct .Icon {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/gradingcheck.png)
}

.Skin .Grading .ChoiceStructure .Selected .Incorrect .Icon {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/gradingx.png)
}

.Skin .Grading .ChoiceStructure .Selected {
    font-weight: 700
}

.Skin .Grading table.ChoiceStructure .Icon {
    width: 18px;
    height: 17px;
    display: block;
    margin: 0 auto;
    float: none
}

#TocArrow,
.Skin .Grading .TotalScore .QuestionBody {
    display: none
}

.Skin .Grading table.ChoiceStructure th {
    font-weight: 700
}

.Skin .Grading table.ChoiceStructure td,
.Skin .Grading table.ChoiceStructure th {
    padding: 5px
}

.Skin .Grading table.ChoiceStructure tbody td {
    text-align: center
}

.Skin .Grading table.ChoiceStructure thead td,
.Skin .Grading table.ChoiceStructure thead th {
    border-bottom: 1px solid #ffdc81;
    text-align: center
}

.Skin .Grading table.ChoiceStructure tbody th,
.Skin .Grading table.ChoiceStructure thead td {
    border-right: 1px solid #ffdc81;
    padding-left: 7px
}

.Skin .Grading table.ChoiceStructure .Correct .Icon {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/gradingfadedcheck.png)
}

.Skin .Grading table.ChoiceStructure td.LeftBorder,
.Skin .Grading table.ChoiceStructure th.LeftBorder {
    border-left: 1px solid #ffdc81
}

.Skin .Grading table.ChoiceStructure .NoRightBorder {
    border-right: none
}

.Skin .Grading .TotalScore .Correct,
.Skin .Grading .TotalScore .Incorrect {
    color: #262626
}

.Skin .Grading .TotalScore .GradingQuestionText {
    line-height: 40px
}

.Skin .Grading .TotalScore .GradingQuestionText .Score {
    float: none;
    font-size: 14pt;
    color: #ad8416
}

.Skin .Grading .TotalScore .GradingQuestionText span {
    vertical-align: middle
}

.Skin .HeatMapContainer {
    position: relative;
    margin: 0 auto
}

.Skin .HeatMap .QuestionBody {
    position: relative
}

.Skin .HeatMapContainer .point {
    width: 4px;
    height: 4px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 5
}

.Skin .HeatMapContainer .chh {
    height: 0;
    border-bottom: 1px solid #666;
    border-top: 1px solid #fff
}

.Skin .HeatMapContainer .chv {
    width: 0;
    border-left: 1px solid #666;
    border-right: 1px solid #fff;
    zoom: 1
}

.Skin .HeatMapContainer img {
    cursor: crosshair;
    border: none !important
}

.Skin .FileUpload iframe {
    width: 100%;
    height: 56px;
    border: none;
    background-color: transparent
}

.Skin .FileUpload .loadingError {
    background-color: #c00;
    font-weight: 700;
    margin: 5px auto;
    padding: 4px;
    width: 26em
}

.Skin .FileUpload .loadingImage {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/ajax-loading.gif) no-repeat;
    width: 220px;
    height: 19px;
    margin: 40px auto
}

.Skin .FileUpload table {
    text-align: center
}

.Skin .IPDLHidden {
    position: absolute;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.Skin .IPDLHidden td,
.Skin .IPDLHidden th {
    border-color: transparent !important
}

.offScreen {
    position: fixed;
    left: -9999px;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#TocHeaderContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.TocMargin #SkinContent {
    padding-top: 48px
}

.TocMargin .Skin .LanguageSelectorContainer {
    padding: 0 20px 0 0
}

#TocHeader {
    position: relative
}

#TocHeader table {
    width: 100%
}

#TocHeader a {
    text-align: center
}

#TocSidebarContainer {
    position: absolute;
    top: 0;
    z-index: 5000;
    overflow: hidden;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    left: -220px
}

#TocSidebarContainer.reduced {
    top: 0
}

#TocSidebarContainer.reduced.closed {
    z-index: 0;
    -webkit-transition: left 1s linear;
    transition: left 1s linear;
    left: 0
}

#TocSidebarContainer.closed {
    background: 0 0 !important;
    left: 0;
    z-index: 0
}

#Toc,
.Skin #Buttons {
    position: relative;
    z-index: 1
}

#Toc,
#TocSidebarContent,
#TocSidebarIcons {
    background-color: transparent
}

.closed #TocSidebar,
.reduced #TocSidebar {
    left: 0
}

#TocSidebarIcons {
    height: 18px;
    width: 18px;
    padding: 15px;
    overflow: hidden;
    float: left
}

.closed #TocSidebarIcons,
.reduced.closed #TocSidebarIcons {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#TocIcon {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/flowicons.png);
    background-position: -246px -1px;
    float: left
}

#TocArrow {
    background-image: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/editwidgets.png);
    background-position: -1px -60px;
    width: 10px;
    height: 10px;
    float: right;
    margin-top: 5px
}

.closed #TocArrow {
    background-position: -11px -60px
}

#TocSidebarContent {
    border: none;
    margin-left: 0;
    width: 200px;
    -webkit-transition: margin .5s ease-in-out;
    transition: margin .5s ease-in-out;
    padding-bottom: 20px
}

.closed #TocSidebarContent {
    display: block;
    visibility: hidden
}

.closed.reduced #TocSidebarContent {
    display: block;
    margin-left: -150px;
    visibility: hidden
}

#Toc {
    padding: 0
}

#TocSidebar .Footer,
#TocSidebar .Header {
    font-size: 80%
}

#TocSidebar .Header {
    padding-bottom: 5px;
    min-height: 5px
}

#TocSidebar .Footer {
    padding-top: 5px;
    min-height: 5px
}

#Toc ul {
    margin: 0;
    padding: 0
}

#Toc ul li {
    margin: 2px 0;
    list-style-type: none
}

#Toc a,
#Toc strong,
#TocHeader a {
    padding: 4px 20px;
    display: block;
    font-size: 14px
}

#Toc li span.TocIcon,
#TocHeader td span.TocIcon {
    height: 16px;
    width: 16px;
    font-size: 10px;
    line-height: 16px
}

#Toc ul a,
#Toc ul strong {
    padding-left: 20px
}

#Toc ul ul a,
#Toc ul ul strong {
    padding-left: 36px
}

#Toc ul ul ul a,
#Toc ul ul ul strong {
    padding-left: 62px
}

#Toc ul ul ul ul a,
#Toc ul ul ul ul strong {
    padding-left: 78px
}

#Toc li.Complete a {
    color: #999
}

#Toc li span.TocIcon {
    display: block;
    float: left
}

#Toc li span.TocText {
    display: block;
    margin-left: 21px
}

#Toc li.Complete span.TocIcon,
#TocHeader td.Complete span.TocIcon {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/widgets.png) -112px -224px no-repeat
}

#Toc li.Complete.Current span.TocIcon,
#TocHeader td.Complete.Current span.TocIcon {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/widgets.png) -112px -240px no-repeat
}

#Toc li.Authenticator span.TocIcon,
#TocHeader td.Authenticator span.TocIcon {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/widgets.png) -269px -225px no-repeat
}

#Toc li.Authenticator.Current span.TocIcon,
#TocHeader td.Authenticator.Current span.TocIcon {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/widgets.png) -269px -241px no-repeat
}

#Toc li.Alert span.TocIcon,
#TocHeader td.Alert span.TocIcon {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/widgets.png) -255px -224px no-repeat
}

#Toc li.Alert.Current span.TocIcon,
#TocHeader td.Alert.Current span.TocIcon {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/widgets.png) -255px -240px no-repeat
}

#Toc li.Disabled {
    display: none
}

#TocHeader td span.TocIcon {
    display: inline-block;
    margin-right: 5px
}

.Hidden {
    display: none
}

#TocIcon {
    transition: .3s;
    position: relative;
    top: 8px
}

#TocIcon,
#TocIcon:after,
#TocIcon:before {
    width: 18px;
    display: inline-block;
    height: 3px;
    background: #90002a;
    border-radius: 1.5px;
    -webkit-transition: .3s
}

#TocIcon:after,
#TocIcon:before {
    transition: .3s;
    position: absolute;
    right: 0;
    content: ''
}

#TocIcon:before {
    top: 6px
}

#TocIcon:after {
    top: -6px
}

.reduced #TocIcon:after,
.reduced #TocIcon:before {
    left: 0
}

.closed #TocIcon:before {
    top: 6px;
    width: 18px
}

.closed #TocIcon:after {
    top: -6px;
    width: 18px
}

@media print {
    .Skin .ReadableAlt {
        background: 0 0
    }

    #Buttons button,
    #LogoBar,
    #Plug,
    #ProgressBar,
    .PreviewBanner {
        display: none
    }

    #SkinContent {
        border: none
    }
}

.ResponseSummary {
    border: 1px solid #aaa;
    border-width: 1px 0;
    background: #eee;
    padding: 20px
}

.ResponseSummary p {
    float: left;
    color: #333
}

.ResponseSummary .DownloadResponsesPDF {
    float: right
}

.Skin #SkinContent {
    zoom: 1;
    z-index: 0;
    position: relative
}

.Skin legend {
    white-space: normal;
    width: 100%
}

.Skin #Buttons #SaveButton,
.Skin .Invisible {
    display: none
}

.Skin .ProgressBarContainer label,
.Skin .ProgressBarContainer span {
    display: block;
    text-align: center;
    font-size: 80%
}

.Skin .Redirect a {
    padding-top: 6pt
}

.Skin .EndOfSurvey .LoadingImage {
    padding-top: 10pt
}

.Skin .SystemEndOfSurvey {
    text-align: center
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

    .Skin .STAR .Stars table td.BarOuter,
    .Skin .STAR .Stars td,
    .Skin .STAR .Stars th.ylabel,
    .Skin .Slider .STAR .horizontalbar table.sliderGrid tr td.value {
        border: none
    }

    .Skin .STAR .horizontalbar table.sliderGrid {
        table-layout: auto
    }

    .Skin .STAR .horizontalbar table.sliderGrid tr td.value {
        width: auto;
        text-align: left
    }

    .Skin .STAR .Stars tbody tr {
        height: 46px
    }

    .Skin .STAR tr.HideValue td.BarOuter {
        width: auto
    }

    .Skin .STAR .BarContainer {
        top: 0
    }

    .Skin .STAR .StarsStrut {
        white-space: nowrap
    }

    .Skin .STAR .StarsContainer,
    .Skin .STAR .StarsContainer .Filled,
    .Skin .STAR .StarsEventWatcher {
        height: 26px;
        background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/stars@2x.png);
        background-size: 30px 53px
    }

    .Skin .STAR .StarsOuterContainer {
        margin: 10px
    }

    .Skin .STAR .StarsContainer {
        background-position: 0 -27px;
        position: relative
    }

    .Skin .STAR .StarsContainer .StarsOverlay,
    .Skin .STAR .StarsEventWatcher {
        position: absolute;
        top: 0;
        left: 0
    }

    .Skin .STAR .StarsEventWatcher {
        background-image: none
    }

    .Skin .STAR .StarsContainer .Filled {
        background-position: 0 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .Skin .STAR .StarsContainer .Star {
        width: 36px;
        height: 30px;
        background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/stars@2x.png);
        background-size: 30px 53px;
        float: left
    }
}

.Skin .ScrollIndicator {
    background: url(https://hbs.qualtrics.com/jfe/themes/skins/hbs/hbs5/version-1649641445501-6e150b/files/arrow.png) center center no-repeat;
    background-size: 20px 13px;
    height: 98%;
    background-color: rgba(0, 0, 0, .6);
    top: 0;
    width: 25px;
    -webkit-animation-delay: 0s;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    opacity: 1;
    border: 1px solid #666;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.Android ::-webkit-scrollbar {
    display: none
}

.Android .Skin #Questions .QuestionOuter fieldset {
    overflow-x: auto;
    -webkit-overflow-scrolling: auto;
    -webkit-transform: rotateZ(0)
}

.Android .QuestionOuter {
    overflow-x: scroll;
    -webkit-overflow-scrolling: auto
}

@media only screen and (max-width:480px) {
    body {
        top: 0 !important
    }

    .Skin .HBAR .horizontalbar,
    .Skin .HSLIDER .horizontalbar {
        min-width: 250px;
        padding-right: 15px
    }

    .Skin #JumpButton {
        display: none
    }

    .ScrollIndicator {
        -webkit-animation: fadeInRight 1s
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }

    .Skin .LeadGenerator {
        width: 90%;
        margin: 0 auto
    }

    .Skin .LeadGenerator .imageHolder,
    .Skin .LeadGenerator .imageHolderOuter,
    .Skin .LeadGenerator a {
        width: 100%
    }

    .Skin .LeadGenerator .imageHolder div {
        padding-top: 15px
    }

    .PreviewBanner {
        display: none
    }
}

a {
    color: #4b86ee
}

#SurveyEngineBody {
    background-size: cover
}

#RestoredResponseBar {
    background: #45464b !important;
    color: #888c8f !important
}

#RestoredResponseBar a {
    color: #4b86ee !important
}

@media all and (max-width:480px) {
    #RestoredResponseBar {
        height: auto !important;
        margin-top: auto !important
    }
}

#RestoredResponseBar .BottomShadow {
    display: none
}

.Skin {
    color: #43464d
}

.Skin #Wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px
}

.Skin #Overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -9;
    background: 0 0
}

.Skin #ProgressBar {
    padding-bottom: 40px
}

.Skin .ProgressBarFillContainer {
    border: none
}

.Skin .LanguageSelectorContainer {
    margin: 20px 20px 0;
    text-align: right
}

.Skin #Header,
.Skin #HeaderContainer,
.Skin #SkinContent {
    margin: 0 auto
}

.Skin .SkinInner {
    max-width: 770px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px
}

@media only screen and (max-width:767px) {
    .Skin #ProgressBar {
        padding-bottom: 0
    }

    .Skin .SkinInner {
        margin: 0 auto;
        border-radius: 0
    }
}

@media (min-width:980px) {
    .Skin .SkinInner {
        display: table;
        min-width: 770px
    }
}

@media print {
    .Skin .SkinInner {
        display: table;
        min-width: 770px
    }
}

@media (max-width:979px) {
    .Skin .SkinInner {
        display: block;
        min-width: 0
    }
}

.Skin #LogoContainer {
    background: 0 0;
    padding: 0 20px
}

.Skin #Logo {
    display: none
}

.Skin #Header {
    font-size: 16px;
    color: #43464d;
    max-width: none
}

.Skin #Header:empty {
    padding: 0
}

@media only screen and (max-width:767px) {
    .Skin #HeaderContainer {
        text-align: center
    }

    .Skin #SkinContent {
        border: none;
        border-radius: 0
    }
}

.Skin #Questions {
    overflow: auto
}

.Skin .QuestionText {
    font-size: 18px;
    color: #43464d;
    padding: 20px;
    line-height: 1.5em
}

@media all and (max-width:768px) {
    .Skin .QuestionText {
        padding: 15px
    }
}

.Skin .QuestionBody {
    color: #43464d;
    font-size: 16px;
    overflow-y: hidden;
    padding: 0 20px 20px;
    position: relative;
    z-index: 1
}

@media all and (max-width:768px) {
    .Skin .QuestionBody {
        padding: 0 15px 15px
    }
}

.Skin .DB .TB .QuestionBody {
    padding: 0
}

.Skin .WOTXB .QuestionBody {
    padding-top: 20px
}

@-moz-document url-prefix() {
    .Skin fieldset {
        display: table-cell
    }
}

.Skin fieldset {
    width: 100%;
    min-width: 0;
    max-width: none
}

.Skin #Buttons {
    text-align: right;
    padding: 20px;
    margin-top: 50px
}

@media only screen and (max-width:768px) {
    .Skin #Buttons {
        padding: 15px
    }
}

@media only screen and (max-width:480px) {
    .Skin #Buttons {
        margin-top: 0
    }
}

.Skin #Buttons:empty {
    margin-top: 0;
    padding: 0
}

.Skin #Buttons #PreviousButton {
    float: left
}

.Skin #Buttons #NextButton,
.Skin #Buttons #PreviousButton {
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-transition: background .3s;
    transition: background .3s;
    background-color: #90002a
}

.Skin #Footer,
.Skin #Plug a {
    font-size: 14px;
    color: #43464d
}

.Skin #Buttons #NextButton:focus,
.Skin #Buttons #PreviousButton:focus {
    background: #c30039;
    outline: 0
}

@media only screen and (min-width:1025px) {

    .Skin #Buttons #NextButton:hover,
    .Skin #Buttons #PreviousButton:hover {
        background: #760023;
        border-color: #90002a
    }

    .Skin #Buttons #NextButton:active,
    .Skin #Buttons #PreviousButton:active {
        background: #440014;
        border-color: #440014
    }
}

.Skin #Footer {
    max-width: 810px;
    margin: 0 auto;
    padding: 20px
}

@media only screen and (max-width:767px) {
    .Skin #Footer {
        padding: 15px
    }
}

.Skin #PushStickyFooter {
    height: 40px
}

.Skin #Plug {
    text-align: center
}

.Skin #Plug a {
    padding: 12px 24px
}

@media only screen and (min-width:1281px) {

    .Skin #Plug a {
        color: #fff;
        height: 40px;
        float: right;
        background: #e6e6e6;
        background: rgba(61, 61, 68, .3);
        -webkit-transition: background .3s;
        text-align: center;
        border-radius: 5px 0 0
    }

    .Skin #Plug a:focus {
        background: #90002a;
        outline: 0
    }
}

@media only screen and (min-width:1281px) and (min-width:1025px) {
    .Skin #Plug a:hover {
        background: #90002a
    }
}

@media only screen and (min-width:1281px) and (max-width:767px) {
    .Skin #Plug a {
        float: none;
        border-radius: 0
    }
}

.Skin button,
.Skin input,
.Skin select,
.Skin textarea {
    font-size: 16px;
    color: #43464d
}

.Skin select {
    min-width: 3em
}

.Skin .TE textarea,
.Skin input.TextEntryBox,
.Skin input[type=password],
.Skin input[type=search],
.Skin input[type=text],
.Skin select,
.Skin textarea {
    border: 2px solid #d2d2d6;
    border-radius: 2px;
    padding: 2px
}

.Skin .TE textarea:focus,
.Skin input.TextEntryBox:focus,
.Skin input[type=password]:focus,
.Skin input[type=search]:focus,
.Skin input[type=text]:focus,
.Skin select:focus,
.Skin textarea:focus {
    border-color: #90002a;
    outline: 0
}

@media only screen and (max-width:480px) {

    .Skin .HSLIDER input[type=text],
    .Skin .Matrix input[type=text],
    .Skin .PGR input[type=text],
    .Skin .Slider input[type=text] {
        width: 6em;
        max-width: 100%
    }
}

.Skin .MC .TextEntryBox,
.Skin .TE .ESTB .InputText,
.Skin .TE .FORM .InputText,
.Skin .TE .ML .InputText,
.Skin .TE .PW .InputText,
.Skin .TE .SL .InputText {
    max-width: 100%;
    margin: 2px 0
}

@media (min-width:980px) {

    .Skin .TE .ESTB .InputText,
    .Skin .TE .ML .InputText {
        max-width: 1080px
    }
}

.Skin .MC .MACOL .TextEntryBox,
.Skin .MC .SACOL .TextEntryBox {
    width: 100% !important
}

.Skin .MC .MAHR .TextEntryBox,
.Skin .MC .SAHR .TextEntryBox {
    width: 100% !important;
    float: left
}

@media only screen and (max-width:480px) {

    .Skin .MC .MAHR .TextEntryBox,
    .Skin .MC .SAHR .TextEntryBox {
        float: none
    }
}

.Skin .MC .MAHR li .TextEntryBox,
.Skin .MC .SAHR li .TextEntryBox {
    float: left
}

.Skin .HeaderValidationError {
    margin: 20px;
    padding: 15px;
    border-radius: 4px;
    background: #ffebeb;
    color: #e73f61
}

@media only screen and (max-width:767px) {
    .Skin .TE .FORM .InputText {
        width: 100% !important
    }

    .Skin .CS .TX .TextEntryBox,
    .Skin .RO .TX .TextEntryBox {
        max-width: 100%
    }

    .Skin .HeaderValidationError {
        margin: 15px
    }
}

.Skin .HeaderValidationError h1 {
    font-size: 120%
}

.Skin .HeaderValidationError a {
    color: #e73f61
}

.Skin .ValidationError {
    font-size: 18px;
    text-align: center;
    padding: 5px 0 10px;
    color: #e73f61
}

.Skin .QuestionOuter.Highlight .Inner {
    background: #ffe5ed
}

.Skin .Separator {
    height: 2px;
    background: #e7e7e9;
    margin: 5px 20px
}

.Skin .EndOfSurvey {
    color: #43464d;
    padding: 60px 40px
}

@media only screen and (min-width:767px) {

    .Skin .CS .VRTL li,
    .Skin .Choice,
    .Skin .ChoiceRow,
    .Skin .RO .RB tr {
        -webkit-transition: background .3s
    }

    .Skin .CS .VRTL li:hover,
    .Skin .Choice:hover,
    .Skin .ChoiceRow:hover,
    .Skin .RO .RB tr:hover {
        background: #f5f5f5;
        background: rgba(0, 0, 0, .05)
    }

    .Skin .Matrix .Bipolar tr,
    .Skin .Matrix .Profile tr,
    .Skin .RO .RB tr.Answers {
        background: inherit
    }
}

.Skin .closed #TocSidebarIcons,
.Skin .reduced #TocSidebarIcons {
    padding-left: 20px
}

@media only screen and (max-width:767px) {
    .Skin .Separator {
        margin: 2.5px 15px
    }

    .Skin .closed #TocSidebarIcons,
    .Skin .reduced #TocSidebarIcons {
        padding-left: 15px
    }
}

.Skin #TocSidebarContainer {
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    background: #fff
}

.Skin #TocSidebarContainer.reduced {
    background: #fff;
    left: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.Skin #TocSidebarContainer.closed {
    box-shadow: none;
    -webkit-transition: 0s linear left;
    transition: 0s linear left
}

.Skin #Toc a,
.Skin #Toc li.Incomplete a,
.Skin #Toc strong,
.Skin #TocHeader a {
    color: #43464d
}

.Skin #Toc li.Current,
.Skin #Toc li.Current a,
.Skin #Toc li.Current strong,
.Skin #TocHeader td.Current a,
.Skin body #Toc li.Current a {
    background-color: #90002a;
    color: #fff
}

.Skin #Toc li.Alert a {
    color: red
}

.Skin .RO .ChoiceStructure li {
    padding: 10px 0
}

.Skin .PGR .DragAndDrop td.groupsContainerTd div>div {
    border: 2px solid #d2d2d6;
    border-radius: 4px;
    margin: 5px
}

.Skin .PGR .DragAndDrop h2 {
    font-size: 18px
}

.Skin .PGR .DragAndDrop .Group h2 {
    border-bottom: 2px solid #d2d2d6;
    padding: 10px;
    background: #f7f7f7
}

.Skin .PGR .DragAndDrop .rank,
.Skin .RO .DND .rank {
    padding: 0 10px;
    margin: 7px 0;
    left: 4px;
    border-radius: 40px;
    background-color: #90002a;
    color: #fff
}

.Skin .RO .DND .rank,
.Skin .RO .DND ul.Edited .rank,
.Skin .RO .DND ul.NotEdited li:hover .rank {
    background: #90002a;
    color: #fff
}

.Skin .PGR .DragAndDrop .stack ul li.stack {
    border: 2px solid #d2d2d6;
    border-radius: 4px
}

.Skin .PGR .DragAndDrop .Items ul li,
.Skin .RO .DND .Items ul li {
    padding: 8px 0;
    text-align: center;
    border-radius: 4px
}

.Skin .PGR .DragAndDrop .QuestionBody .Group ul li,
.Skin .RO .DND .Group ul li {
    padding: 8px 2em;
    text-align: center
}

.Skin .PGR .DragAndDrop .QuestionBody .Group ul li:hover,
.Skin .RO .DND .Group ul li:hover {
    background: #f5f5f5;
    background: rgba(0, 0, 0, .05)
}

@media only screen and (max-width:767px) {

    .Skin .PGR .DragAndDrop .QuestionBody .Group ul li,
    .Skin .RO .DND .Group ul li {
        padding: 8px 0 8px 2em
    }
}

.Skin .PGR .DragAndDrop .QuestionBody .Group ul li.stack {
    padding: 8px 0
}

.Skin .PGR .DragAndDrop .QuestionBody .Group ul li.stack:hover {
    background: #fff
}

.Skin .PGR .DragAndDrop ul li.stack:hover {
    background: #fff
}

.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div>div {
    margin: 0 auto 10px
}

.Skin .CS .HR li,
.Skin .RO .HR li {
    margin-right: 20px
}

@media all and (max-width:767px) {

    .Skin .CS .HR li,
    .Skin .RO .HR li {
        float: none;
        margin-right: 0
    }
}

.Skin .RO .DND ul li {
    padding: 10px 0;
    border-radius: 4px
}

.Skin .RO .DND ul li .rank {
    margin: 0 10px
}

.Skin .RO .RB .ChoiceStructure td {
    padding: 10px inherit
}

.Skin .RO .DND ul li:hover {
    background: #f5f5f5;
    background: rgba(0, 0, 0, .05)
}

.Skin .CS .ChoiceStructure li {
    padding: 10px
}

.Skin .CS .CSTotal,
.Skin .CS .Total {
    background: #f5f5f5;
    background: rgba(0, 0, 0, .05)
}

.Skin .CS .SumInput input.InputText,
.Skin .CS .SumTotal input,
.Skin .CS input.SumInput,
.Skin .Matrix .TE .Long td input,
.Skin .Matrix .TE .Medium td input,
.Skin .Matrix .TE .Short td input,
.Skin .RO .RankInput,
.Skin .SBS .InputText {
    text-align: center
}

.Skin .Matrix .CS td input,
.Skin .Matrix .RO td input {
    width: 3em;
    text-align: center
}

.Skin .horizontalbar .Slider .track {
    background-color: #ddd
}

.Skin .horizontalbar .LabelDescriptions {
    margin-bottom: 10px
}

.Skin .horizontalbar tbody th.ylabel {
    padding: 10px 10px 10px 0
}

.Skin .horizontalbar table.sliderGrid tr td.value input,
.Skin .horizontalbar tr.Stars td.value input {
    width: 4em;
    border: 2px solid transparent
}

.Skin .horizontalbar table.sliderGrid tr td.value,
.Skin .horizontalbar tr.Stars td.value {
    min-width: 4em
}

@media all and (max-width:480px) {
    .Skin .horizontalbar .LabelDescriptions .WidthStrut {
        width: 0 !important;
        height: 4px
    }

    .Skin .horizontalbar th.ylabel,
    .Skin .horizontalbar tr.xlabel td span.TickContainer span,
    .Skin .horizontalbar tr.xlabel td span.TickContainer span.MinValue,
    .Skin .horizontalbar tr.xlabel th span.TickContainer span,
    .Skin .horizontalbar tr.xlabel th span.TickContainer span.MinValue {
        font-size: 14px
    }
}

.Skin .horizontalbar .bar {
    background-color: #ddd;
    border-radius: 2px
}

.Skin .HBAR .trackHolderRel .track {
    border: 2px solid #d2d2d6;
    border-radius: 2px
}

.Skin .HBAR .trackHolderRel .track:hover,
.Skin .HBAR .trackHolderRel.activated .track {
    border-color: #90002a
}

.Skin .SS img {
    max-width: none
}

.Skin .SS .horizontalbar .SSTrack,
.Skin .SS .verticalbar .SSTrack {
    margin: 20px !important;
    background-color: #ddd
}

.Skin .SS .horizontalbar .handle,
.Skin .SS .verticalbar .SSTrack .handle,
.Skin .horizontalbar .BarContainer:hover .bar,
.Skin .horizontalbar .Slider .handle,
.Skin .horizontalbar .activated .bar {
    background: #90002a
}

.Skin .SS .horizontalbar .handle:hover,
.Skin .horizontalbar .Slider .handle:hover {
    background-color: #90002a;
    padding: 10px
}

.Skin .TE .FORM table {
    width: 100%
}

.Skin .TE .ControlContainer {
    width: 50%
}

@media all and (min-width:768px) {
    .Skin .TE .FORM span.LabelWrapper {
        padding-right: 1em
    }

    .Skin .TE .ControlContainer {
        width: 75%
    }
}

.Skin .Matrix select,
.Skin .TE textarea {
    width: 100%
}

.Skin .Matrix .DL table td.last {
    padding-right: 10px
}

.Skin .SB input {
    background: #90002a;
    color: #fff;
    border-radius: 4px;
    padding: 4px 12px;
    border: none;
    border: 2px solid #90002a;
    -webkit-appaerance: none;
    margin-bottom: 5px
}

.Skin .Matrix th,
.Skin .RO .RB th,
.Skin .SBSMatrix th {
    padding: 10px
}

@media all and (max-width:767px) {

    .Skin .Matrix th,
    .Skin .RO .RB th,
    .Skin .SBSMatrix th {
        padding: 5px
    }
}

.Skin .Matrix .TE td input {
    margin: 2px
}

.Skin .Matrix table thead td,
.Skin .Matrix table thead th,
.Skin .horizontalbar thead table.LabelDescriptions tr td,
.Skin .horizontalbar thead tr td.NotApplicable {
    vertical-align: bottom
}

.Skin .Matrix .Bipolar tr.ChoiceRow td {
    padding: 0 7px
}

.Skin .SBS .Separator1,
.Skin .SBS .c2 {
    border-right: 2px solid #d2d2d6
}

.Skin .SBS .Answers td,
.Skin .SBS .Answers th {
    border-bottom: 2px solid #d2d2d6
}

.Skin .NPS label.MultipleAnswer,
.Skin .NPS label.SingleAnswer {
    padding: 10px 4%
}

.Skin .FileUpload .QuestionBody {
    padding-bottom: 0
}

.Skin .DD td {
    padding-bottom: 10px
}

@media all and (max-width:480px) {

    .Skin .MC .MAHR li,
    .Skin .MC .MAHR td,
    .Skin .MC .SAHR li,
    .Skin .MC .SAHR td {
        display: block;
        width: 100%
    }
}

.Skin label.q-checkbox,
.Skin label.q-radio {
    border: 2px solid #67001e;
    width: 1.1em;
    height: 1.1em;
    display: inline-block;
    background: 0 0
}

.Skin label.q-checkbox.q-focused,
.Skin label.q-radio.q-focused {
    outline: #aaa dotted thin
}

.Skin label.q-radio {
    border-radius: 100%
}

.Skin label.q-radio.q-checked {
    background-color: #90002a;
    outline: 0
}

.q-checked {
    background-color: #90002a !important;
    color: #fff !important;
    outline: 0
}

.Skin label.q-radio.q-checked.q-focused {
    background-color: #c30039
}

.q-checked.q-focused {
    background-color: #c30039
}

.Skin label.q-checkbox {
    border-radius: 2px
}


.Skin label.q-checkbox.q-checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGtJREFUeNpiYqASYCJH0////wUoNghqyH4gPZ9s54MMAeLz/xFgPskugrkEiA2o6ZL/eL0GlEwAYWoYAgMJ5BoC0vAeTUMBSYYgGWaAxTDSDCHCsPnkxBC6YRQlPJhh8ynOhEBDFEhRDxBgAB+/ARRU5dv/AAAAAElFTkSuQmCC);
    background-color: #90002a;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    outline: 0
}

.Skin label.q-checkbox.q-checked.q-focused {
    background-color: #c30039
}

.Skin .GAP .Why input[type=checkbox],
.Skin .GAP .Why input[type=radio],
.Skin .MC input[type=checkbox],
.Skin .MC input[type=radio],
.Skin .Matrix .Profile input[type=checkbox],
.Skin .Matrix .Profile input[type=radio],
.Skin input[type=checkbox],
.Skin input[type=radio] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    height: 0;
    width: 0
}

.Skin input[type=checkbox]:focus,
.Skin input[type=radio]:focus {
    outline: 0
}

.Skin .GAP .Why label.q-checkbox,
.Skin .GAP .Why label.q-radio,
.Skin .Matrix .Profile label.q-checkbox,
.Skin .Matrix .Profile label.q-radio {
    display: none
}

.Skin .GAP .Why.Scale label.q-checkbox,
.Skin .GAP .Why.Scale label.q-radio {
    display: inline-block
}

.Skin .GAP .ChoiceStructure .WhyText,
.Skin .GAP .Scale,
.Skin .GAP .Why {
    padding: 4px
}

.Skin .MC .TextEntryBox {
    margin-top: 8px
}

@media only screen and (min-width:481px) {
    .Skin .MC .ChoiceStructure {
        border-spacing: 10px
    }
}

.Skin .LabelWrapper {
    width: 100%
}

@media only screen and (max-width:480px) {

    .Skin .MC .MAHR li .TextEntryBox,
    .Skin .MC .SAHR li .TextEntryBox {
        float: none
    }

    .Skin .MC .MAHR table td,
    .Skin .MC .SAHR table td {
        margin: 0 auto 10px
    }
}

.Skin .MC li .LabelWrapper {
    margin: 0 auto 10px
}

.Skin .MC .MACOL .ChoiceStructure,
.Skin .MC .SACOL .ChoiceStructure {
    border-spacing: 3px 10px
}

.Skin label.MultipleAnswer,
.Skin label.SingleAnswer {
    cursor: pointer;
    background: #f1f1f1;
    background: rgba(0, 0, 0, .06);
    border: none;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    padding: 20px;
    display: block;
    text-align: center;
    border-radius: 4px
}

.RTL .Skin #Buttons,
.Skin .MAVR label.MultipleAnswer,
.Skin .SAVR label.SingleAnswer {
    text-align: left
}

@media all and (max-width:480px) {

    .Skin label.MultipleAnswer,
    .Skin label.SingleAnswer {
        padding: 10px 4%
    }
}

@media only screen and (min-width:1025px) {

    .Skin label.MultipleAnswer:hover,
    .Skin label.SingleAnswer:hover {
        background: #ddd;
        background: rgba(0, 0, 0, .11);
        border-color: #dd0040
    }
}

.Skin label.MultipleAnswer.q-focused,
.Skin label.SingleAnswer.q-focused {
    background: #ddd;
    background: rgba(0, 0, 0, .21);
    border-color: #dd0040
}

.Skin label.MultipleAnswer.q-checked,
.Skin label.SingleAnswer.q-checked {
    background: #90002a;
    border-color: #2a000c;
    color: #fff
}

.Skin label.MultipleAnswer.q-checked.q-focused,
.Skin label.SingleAnswer.q-checked.q-focused {
    background: #b40034
}

.Skin .MC .MAVR input,
.Skin .MC .MAVR span.LabelWrapper,
.Skin .MC .SAVR input,
.Skin .MC .SAVR span.LabelWrapper {
    float: left
}

.Skin label.MultipleAnswer.q-checked+input,
.Skin label.MultipleAnswer.q-checked+textarea,
.Skin label.SingleAnswer.q-checked+input,
.Skin label.SingleAnswer.q-checked+textarea {
    border-color: #90002a
}

.Skin .MACOL td.LabelContatiner,
.Skin .MAHR td.LabelContatiner,
.Skin .SACOL td.LabelContatiner,
.Skin .SAHR td.LabelContatiner {
    vertical-align: top
}

.Skin .MC label.q-checkbox,
.Skin .MC label.q-radio {
    display: none
}

.RTL .Skin #Buttons #PreviousButton {
    float: right
}

.RTL .Skin .CS .VRTL .ChoiceStructure li {
    padding-right: 10px
}

.RTL .Skin .QuestionBody .TextEntryBox {
    margin: 8px 0 0
}

.RTL .Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount2 td.First label,
.RTL .Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount2 td.Last label,
.RTL .Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount3 td.First label,
.RTL .Skin .horizontalbar table.LabelDescriptions.CenterLabels .LabelCount3 td.Last label {
    left: 0
}

html>body.RTL .Skin .PGR .DragAndDrop .stack ul.stack {
    margin: 0
}

.RTL .Skin .PGR .DragAndDrop .Items h2 {
    margin-bottom: 20px
}

.RTL .Skin .PGR td.itemsContainerTd {
    padding: 0
}

.RTL .Skin .MC .MAVR label.q-checkbox,
.RTL .Skin .MC .SAVR label.q-radio {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.RTL .Skin .CS .VRTL .SumInput,
.RTL .Skin .CS .VRTL .SumTotal {
    right: auto;
    left: 10px
}

.RTL .Skin .MAVR label.MultipleAnswer,
.RTL .Skin .SAVR label.SingleAnswer {
    text-align: right
}

.Skin .yui-skin-sam .yui-calcontainer {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .06);
    border: none;
    overflow: hidden;
    padding: 0
}

.Skin .yui-skin-sam .yui-calendar .calheader {
    padding: .6em;
    background: #90002a;
    color: #fff;
    font-weight: 100
}

.Skin .yui-skin-sam .yui-calendar .calheader a.calnavleft,
.Skin .yui-skin-sam .yui-calendar .calheader a.calnavright {
    position: relative;
    color: #fff;
    margin: 0;
    right: 0;
    left: 0;
    width: 18px;
    height: 17px;
    background-image: none;
    text-indent: 0
}

.Skin .yui-skin-sam .yui-calendar .calheader a.calnavleft {
    float: left
}

.Skin .yui-skin-sam .yui-calendar .calheader a.calnavleft:before {
    content: '\2190'
}

.Skin .yui-skin-sam .yui-calendar .calheader a.calnavright {
    float: right
}

.Skin .yui-skin-sam .yui-calendar .calheader a.calnavright:before {
    content: '\2192'
}

.Skin .yui-skin-sam .yui-calendar .calweekdayrow {
    background-color: rgba(0, 0, 0, .06)
}

.Skin .yui-skin-sam .yui-calendar .calweekdaycell {
    color: #90002a;
    font-weight: 100
}

.Skin .yui-skin-sam .yui-calendar td.calcell {
    background: rgba(0, 0, 0, .06);
    border: 0
}

.Skin .yui-skin-sam .yui-calendar td.calcell a {
    color: #43464d;
    font-weight: 100
}

.Skin .yui-skin-sam .yui-calendar td.calcell.today {
    background-color: rgba(0, 0, 0, .11);
    border-radius: 2px
}

.Skin .yui-skin-sam .yui-calendar td.calcell.today a {
    background-color: transparent;
    border-radius: 2px
}

.Skin .yui-skin-sam .yui-calendar td.calcell.selected a {
    background-color: #90002a;
    border-radius: 3px;
    color: #fff
}

.Skin .yui-skin-sam .yui-calendar td.calcell.selected {
    background-color: rgba(0, 0, 0, .06)
}

.Skin .yui-skin-sam .yui-calendar td.calcell.calcellhover {
    background-color: rgba(0, 0, 0, .11);
    border-radius: 3px
}

.Skin .yui-skin-sam .yui-calendar td.calcell.calcellhover a {
    background-color: rgba(0, 0, 0, .11);
    border: none;
    border-radius: 3px;
    color: #43464d
}

.Skin .yui-skin-sam .yui-calendar td.calcell.oom {
    color: #999;
    background-color: rgba(0, 0, 0, .06);
    font-weight: 100
}

.Skin .yui-skin-sam .yui-calendar td.calcell.previous {
    color: #999;
    font-weight: 100
}

@media only screen and (max-width:770px) {
    .Skin #LogoContainer {
        padding: 0 15px
    }
}

.Skin #Header {
    padding: 0;
    text-align: left
}

.Skin #ProgressBar {
    font-size: 16px;
    position: relative
}

@media only screen and (min-width:768px) {
    .Skin #ProgressBar {
        padding-bottom: 40px
    }
}

.Skin #ProgressBar tr td:first-child {
    color: #333;
    position: absolute;
    left: 0;
    line-height: 18px;
    border-left: none;
    width: 100%;
    padding-top: 4px;
    padding-left: 4px
}

.Skin #ProgressBar tr td:first-child+td {
    width: 100%
}

.Skin #ProgressBar tr td:first-child+td+td {
    position: absolute;
    right: 0;
    line-height: 18px;
    color: #1b1b20;
    padding-top: 4px;
    padding-right: 4px
}

.Skin .ProgressBarContainer {
    width: 100%;
    border-collapse: collapse;
    border-right: 4px solid #e8e8eb;
    border-left: 2px solid #c30039
}

.Skin #ProgressBarFillContainer,
.Skin .ProgressBarFillContainer {
    border-radius: 0;
    overflow: hidden;
    background: #e8e8eb;
    width: 100%
}

.Skin .ProgressBarFill {
    background-color: #c30039;
    height: 18px;
    height: 24px
}

#SurveyEngineBody {
    background: #9b9fa7
}

.selected {
    background-color: lightblue;
}

.q-slider ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}


.q-slider ul li {
    text-align: center;
    flex: 1;
}

.q-slider ul li {
    display: block;
    text-align: center;
}