.darkBG {
    background-color: hsl(0, 0%, 10%);
}

.moveDown {
    top: 17px !important;
}

.unclickable {
    cursor: default !important;
    pointer-events: none !important;
    user-select: none !important;
}

.clickable {
    cursor: pointer !important;
    pointer-events: all !important;
}

.disabledClickable {
    opacity: 0.35 !important;
    cursor: default !important;
    user-select: none !important;
    pointer-events: all !important;
}

.disabledClickable:hover {
    background-color: transparent !important;
}

#select-goto-scroll-bar .iconActive:hover {
    background-color: hsla(150, 100%, 55%, 0.8) !important;
}


.disabled, .disabledColor {
    opacity: 0.35 !important;
    cursor: default !important;
    user-select: none !important;
    pointer-events: none !important;
}

.disabledClickable.questionScrollIcon, .disabledClickable.sectionScrollIcon, .disabledClickable.headerScrollIcon {
    opacity: 0.2 !important;
}

.disabledClickable.headerScrollIcon {
    border-top: 1px solid hsl(0, 0%, 20%);
}


.disabledColor {
    opacity: 0.2 !important;
}

.noTransitions {
    transition: none !important;
}

.centerAbsolute {
    transform: translate(-50%, -50%);
}

.moveToFront {
    z-index: 1000000;
}

/********/

.fullWidth {
    width: 100% !important;
}

.hideScrollBar {
    -ms-overflow-style: none !important;
    overflow: -moz-scrollbars-none !important;
}

.hideScrollBar::-webkit-scrollbar {
    display: none !important;
}

.noMargin {
    margin: 0 !important;
}

.selected, .active, .toggled {
    cursor: pointer !important;
    background-color: hsl(150, 100%, 55%) !important;
}

.toggled {
    cursor: default !important;
    pointer-events: none;
}

.selected {
    border-color: hsl(150, 100%, 55%) !important;
}

.allTransitions td {
    transition: all 2s ease-out !important;
}

.active {
    cursor: pointer !important;
}

.iconActive {
    background-color: hsl(150, 100%, 55%) !important;
    cursor: default;
    pointer-events: none;
}

.selected:hover {
    background-color: hsl(150, 100%, 70%) !important;
}

.blur {
    filter: blur(2px) !important;
    pointer-events: none !important;
    opacity: 0.75 !important;
    cursor: default !important;
}

.noTopMargin {
    margin-top: 0 !important;
}

.textVertCenter, .vertCenterContents {
    vertical-align: middle !important;
}
.vSpaceXS {
    margin-top: 5px !important;
}

.infoPanelQuestionPad {
    padding: 5px 10px !important;
}


p.twoLine {
    margin: 0; !important;
    margin-top: 2px; !important;
}

/* TEXT MODIFIERS */

.alignTextRight {
    text-align: right !important;
}

.boldText {
    font-weight: bold;
}

.smallText {
    font-size: 14pt !important;
}


.whiteText {
    color: hsl(0, 100%, 100%) !important;
}

.blackText {
    color: hsl(0, 0%, 0%) !important;
}

.font14pt {
    font-size: 14pt;
}

div.headingBorder {
    border-radius: 0;
    padding-bottom: 0;
    border-bottom: 2px solid  hsl(0, 100%, 40%);
    margin-bottom: 15px;
}

/*p.headingText {*/
    /*text-align: left;*/
    /*color: black;*/
    /*font-style: italic;*/
    /*font-size: 20pt;*/
/*}*/

.alignLeft {
    text-align: left !important;
}

div.hidden, p.hidden, img.hidden {
    display: none !important;
}

div.visible {
    transition: opacity 0.5s;
    opacity: 1 !important;
    /*display: block !important;*/
}

div.invisible {
    opacity: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}

.invisible {
    opacity: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}

tr.collapseRow {
    visibility: collapse !important;
}

div.widthAuto {
    width: auto !important;
}

div.upperRight {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
}
div.scrollPadding {
    padding-bottom: 20px;
}

div.indent {
    width: auto !important;
    margin-left: 55px;
}

.indentVerySmall {
    margin-left: 10px !important;
}

div.indentSmall {
    width: auto !important;
    margin-left: 15px;
}

.indentSmall {
    width: auto !important;
    margin-left: 20px;
}

div.indentLarge {
    width: calc(100% - 125px);
    margin-left: 125px;
}

div.indentLargeWrapper {
    position: relative;
    padding: 10px;
    display: block;
    width: calc(100%- 125px);
}

div.wrapperTopPad {
    padding: 28px 0 0 0 !important;
}

div.TopBottomPad {
    padding: 15px 10px !important;
}

.no-wrap {
    /*position: absolute;*/
    /*top: 0;*/
    /*white-space: nowrap !important;*/
}

.position-absolute {
    position: absolute;
}

.absolute-full-size {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}



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

.hidden {
    display: none !important;
}

.inactive {
    z-index: -1;
    cursor: default !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

div.buttonStandardWidth {
    min-width: 80px !important;
}

div.flex {
    display: flex !important;
}

div.spaceBetween {
    justify-content: space-between;
}

div.centerVert{
    align-items: center;
}

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

.margin10 {
    margin: 10px !important;
}

div.transparent {
    background-color: transparent !important;
}

div.beneath {
    z-index:  -100 !important;
}

p.lineAuto {
    line-height: inherit !important;
}

div.inline {
    display: inline-block !important;
}

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

div.stretch {
    display: flex;
    align-items: stretch;
    flex-direction: row;
}

div.inlineFlex {
    display: inline-flex;
}

p.inline {
    display: inline-block !important;
}

div.centerFlex {
    display: flex;
    align-items: center !important;
    justify-content: center !important;;
}

.noScroll {
    overflow: hidden !important;
}

.scrollBarPaddingRight {
    padding-right: 27px !important;
}

div.dashedBorder {
    border: 2px gray dashed;
}

div.quarterHeight {
    height: 25%;
}

div.height50px {
    height: 50px;
}

div.marginRight15 {
    margin-right: 15px;
}

div.marginLeft15 {
    margin-left: 15px;
}

div.marginBottom15 {
    margin-top: 25px;
    margin-bottom: 15px;
}

div.margin15 {}

div.mainGrayLight {
    background-color: hsl(0, 0%, 20%);
}

.sideMargin {
    margin: 0 10px !important;
}

div.mainGrayDark {
    background-color: hsl(0, 0%, 10%);
}

div.centerMargins {
    margin: 0 auto;
}

div.alignItems {
    align-items: center;
}

div.height20 {
    height: 20px;
}

div.redBorder {
    border: 1px solid hsl(0, 100%, 35%)
}

/****************TEXT MODIFIERS**************/

.redText {
    color: hsl(0, 100%, 40%) !important;
}

.greyText {
    color: hsl(0, 0%, 80%) !important;
}

.blackText {
    color: hsl(0, 0%, 0%);
}

.blueText {
    color:  hsl(195, 100%, 40%) !important;
}

.alignTextRight {
    text-align: right !important;
}

.boldText {
    font-weight: bold;
}

.smallText {
    font-size: 14pt !important;
}



/***************/

div.paddingLeftRight10 {
    padding: 0 10px;
}

div.noPad {
    padding: 0 !important;
}

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

div.whiteBorder {
    border: 1px solid hsl(0, 100%, 100%) !important;
}



.positionRight {
    right: 0 !important;
}

.positionLeft {
    right: unset !important;
    left: 0 !important;
}

.positionCenter {
    left: 50%;
    margin-left: -50%;
}

/***********FONT**********/

p.smallFont {
    font-size: 12pt;
}

p.mediumFont {
    font-size: 14pt;
}

p.largeFont {
    font-size: 16pt;
}

p.extraLargeFont {
    font-size: 22pt;
}

/***********TRANSITIONS**********/

div.slideUp {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

div.slideReturn {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

div.slideDown {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}