* {
	box-sizing: border-box;
}

p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
	-webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

li {
	list-style: none;
}

.iq-list-circ > li {
	list-style: circle !important;
}

.iq-list-number > li {
	list-style: decimal !important;
}

#interviewCardContent ul, #interviewCardContent ol {
	margin-left: 48px;
}

#interviewCardContent ul > li {
	list-style: disc !important;
	display: list-item;
}

#interviewCardContent ol > li {
	list-style: decimal !important;
	display: list-item;
}

#interviewCardContent h1 {
	font-size: 1.875rem;
}

#interviewCardContent h2 {
	font-size: 1.75rem;
}

#interviewCardContent h3 {
	font-size: 1.5rem;
}

#interviewCardContent h4 {
	font-size: 1.25rem;
}

#interviewCardContent h5 {
	font-size: 1.125rem;
}

#interviewCardContent h6 {
	font-size: 1rem;
}

ul {
	margin: unset;
}

button {
	outline: none;
}

[contenteditable=true] {
	outline: none;
}

/*** Range Inputs ***/
input {
	font-family: monospace;
}
input[type=range] {
	-webkit-appearance: none;
	margin: 12px 0;
	padding: 0px 5px;
	width: 100%;
	max-width: 200px;
}

input[type=range]:focus {
	outline: none;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	background: rgba(255, 255, 255, 0.4);
	/* background: rgb(40,40,40); */
	border-radius: 20px;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	cursor: pointer;
	margin-top: -8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: white;
}

/* Firefox */
input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 20px;
}

input[type=range]::-moz-focus-outer {
    border: 0;
    }

input[type=range]::-moz-range-thumb {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	cursor: pointer;
}


/*** METRICS ***/
.beforeConversation {
	height: 20px;
	border-radius: 10px 5px 10px 0px;
	background-color: rgba(204, 204, 204, 0.7);
}

.afterConversation {
	height: 10px;
	border-radius: 10px 10px 40px 10px;
	margin-top: -10px;
}

.afterConversation.greenOutLookSlider {
	background-color: rgba(174, 238, 255, 0.79);
}

.afterConversation.redOutLookSlider {
	background-color: rgba(255, 174, 174, 0.79);
}

.lifeOutLookLabel {
	margin: 10px 0px;
}

.lifeOutLookBar {
	display: inline-block;
	width: 76%;
}

.lifeOutLook-change {
	font-size: 1.3em;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	width: 20%;
	padding: 0px 15px;
	height: 15px;
	margin-bottom: 4px;
}

#lifeOutlookChangeContainer {
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
    overflow: auto;
}

/* IE */
input[type=range]::-ms-thumb {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	cursor: pointer;
}


.moment-radioButton {
	background-color: transparent;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    padding: 2px 8px;
    margin-right: 6px;
    font-size: .75rem;
    font-weight: 400;
    cursor: pointer;
}


/**** COACHING *****/
.red {
	background-color: hsla(0, 100%, 87%, 1);
}
.blue {
	background-color: hsla(198, 100%, 87%, 1);
}
.purple {
	background-color: hsla(248, 100%, 87%, 1);
}
.yellow {
	background-color: hsla(48, 100%, 87%, 1);
}
.green {
	background-color: hsla(88, 100%, 87%, 1);
}

.metaData {
	/* comment out to show metaData */
	display: none;
}

.highlight {
	/* comment out to turn on highlight colors */
	background: unset;
}

.jillTask {
	/* comment out to take off the highlight from Jill Task areas */
	/* background-color: rgb(255, 235, 245); */
}

/*** Scrollbars ****/

.iq-scrollBar::-webkit-scrollbar {
	height: 8px !important;
	width: 4px !important;
  background-color: inherit;
}
 
.iq-scrollBar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
 
.iq-scrollBar::-webkit-scrollbar-thumb {
  background-color: #3f3f3f;
/*   outline: 1px solid slategrey; */
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: #b7b7b7;
  }

.iq-scrollBar::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #b7b7b7;
	width:8px;
}

.iq-scrollBar::-moz-scrollbar, .iq-scrollBar::-moz-scrollbar:hover {
	height: 8px !important;
	width: 8px !important;
    background-color: inherit;
}
 
.iq-scrollBar::-moz-scrollbar-track, .iq-scrollBar::-moz-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.05);
}



/***** ##Components *****/

/*** ##Menus ***/

/*   */

.iq-footer {
	grid-area: footer;
}

.iq-nav {
	grid-area: nav;
}

.iq-sidenav {
	grid-area: side-nav;
}

.iq-page {
	grid-area: page;
	max-width: 80rem;
	justify-self: center;
}

.iq-page-content {
	max-width: 46rem;
}

/* This is useful for drop down where the 
	menu is spaced with a gap away from the source hover */

.iq-bridge-after::after {
	content: " ";
	height: 1.8rem;
	width: 60px;
	position: absolute;
	top: 1rem;
}

.iq-bridge-after-alignRight::after {
	content: " ";
	height: .75rem;
	width: 20px;
	position: absolute;
	top: 1rem;
	right: 0px;
}

.iq-bridge-after-alignRight-96::after {
	content: " ";
	height: .75rem;
	width: 96px;
	position: absolute;
	top: 1rem;
	right: 0px;
}

.iq-bridge-after-alignRight-w-96-h-40::after {
	content: " ";
	height: 40px;
	width: 96px;
	position: absolute;
	top: 1rem;
	right: 0px;
}

.iq-bridge-after-alignRight-above::after {
	content: " ";
	height: 1.8rem;
	width: 100px;
	position: absolute;
	bottom: 1rem;
	right: 0px;
}

.iq-bridge-after-alignRight-top-38::after {
	content: " ";
	height: 1.5rem;
	width: 40px;
	position: absolute;
	top: 2.3rem;
	right: 0px;
}


.iq-bridge-after-alignLeft::after {
	content: " ";
	height: 1.4rem;
	width: 100px;
	position: absolute;
	left: 0px;
	top: 1.4rem;
}

.iq-bridge-after-left::after {
	content: " ";
	height: 2rem;
	width: 100px;
	position: absolute;
	top: 0px;
	right: 1rem;
}

.iq-bridge-after-right::after {
	content: " ";
	height: 2rem;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 1.9rem;
}

.iq-bridge-after-top::after {
	content: " ";
	height: 1rem;
	width: 100px;
	position: absolute;
    right: 0px;
    bottom: 2rem;
}

.js-dragTarget {
	cursor: move;
}

.js-dragTargetDropIndicator {
	height: 8px;
	width: 100%;
	border-radius: 4px;
	margin: 4px 0px;
}

/*** Popups ***/
/* .js-popup ul, .js-popup ol {
	margin-left: 36px;
}

.js-popup li {
	list-style: outside;
    display: list-item;
	margin-bottom: 8px;
	margin-left: 16px;
} */
	
/* @TODO-MAC turn these into proper components */
#whitePup {
	position: fixed;
	border: solid 1px #6732a0;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 100%;
	max-width: 600px;
	max-height: 70%;
	transform: translate(-50%, -50%);
	z-index: 1500;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.21);
	-moz-box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.21);
}

#whitePupText {
	max-height: 100%;
	overflow: auto;
}

#whitePup h4 {
	font-size: 1.4em;
}


#clearBackground-alert {
	z-index: 13;
	background: rgba(0, 0, 0, 0);
}

#grayedOutBackground-AspectEditor {
	z-index: 19;
}

#grayedOutBackground-opaque {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/* background-color: rgb(36, 36, 36); */
	z-index: 3;
}

.popupButtonContainer {
	text-align: center;
	padding: 16px;
	line-height: 32px;
}

.popupButtonContainer button {
	margin: 0px 4px;
}


.popupContent-fullScreen {
	overflow-y: auto;
	max-height: 100%;
}

/*** ##Layout ***/

.iq-grid {
	display: grid;
	height: 100vh;
	width: 100vw;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto 1fr auto;
	grid-template-areas: "nav nav" "side-nav page" "footer footer";
}

/*** Dividers ***/

.iq-hr {
	margin: 0;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*** ##Colors ***/

.iq-font-white {
	color: white;
}

.iq-font-white-darker-15 {
	color: rgb(255, 255, 255, 0.85);
}

.iq-font-white-darker-35 {
	color: rgb(255, 255, 255, 0.65);
}

/** Background Colors **/
.iq-bg-carbon {
	background-color: rgb(36, 36, 36);
}

.iq-bg-carbon-lighter-15 {
	background-color: rgb(62, 60, 72);
}

iq-bg-carbon-lighter-10 {
	background-color: rgb(51, 50, 60);
}

.iq-bg-unset {
	background: unset;
	background-color: unset;
}

.iq-bg-clearNight-base {
	/* The purple color for inside the product */
	/* 	background-color: #6060f7; */
	background-color: #f9b145;
}

.iq-bg-clearNight-lighter {
	/* background-color:rgba(132, 126, 154, 0.06); */
	background-color: rgba(209, 87, 71, 0.1);
}

.iq-bg-clearNight-lighter-5 {
	background-color: #f9b145;
}

.iq-bg-clearNight-lighter-15 {
	background-color: #f9b145;
}

.iq-bg-clearNight-lighter-35 {
	background-color: #f9b145;
}

.iq-bg-dark-base {
	background-color: rgb(40, 40, 40);
}

.iq-bg-white-base {
	background-color: white !important;
}

.iq-bg-white-base.iq-hover:hover {
	background-color: #d8d8d8;
}

.iq-bg-white-darker-2 {
	background-color: #f9f9f9;
}

.iq-bg-white-darker-5 {
	background-color: #f2f2f2;
}

.iq-bg-white-darker-5-hover:hover {
	background-color: #d8d8d8;
}

.iq-bg-white-darker-15 {
	background-color: #d8d8d8;
}

.iq-bg-white-darker-15-opacity8 {
	background-color: rgba(216, 216, 216, 0.8);
}

.iq-bg-white-darker-15-hover:hover {
	background-color: #cccccc;
}

.iq-bg-theme-inherit {
	background: inherit;
}

.iq-bg-transparent {
	background-color: transparent;
}

.iq-bg-transparent.iq-hover:hover {
	background-color: rgb(36, 36, 36);
}

.iq-bg-yellow-base {
	background-color: #D0B84A;
}

.iq-bg-red-base {
	/* This is used for errors in forms */
	background-color: #d85858;
}

.iq-bg-color-light2 {
	background-color: #f6f6f6;
}


.iq-bg-purple-base {
	/* This purple is used in marketing contexts */
	background-color: #8D6EF7;
	/* background-color: #9e5fd5; */
}

.iq-bg-purple-lighter-15 {
	background-color: #a083ff;
}

.iq-bg-purple-darker-15 {
	background-color: #7f5af8;
}

.iq-purple-bg-base-hover:hover {
	background-color: #8D6EF7;
}

.iq-bg-green-base {
	background-color: #46B486;
}

.iq-bg-green-lighter {
	background-color: rgba(31, 150, 100, .1);
}

.iq-bg-teal-base {
	background-color: #53B8C6;
}

.iq-bg-teal-lighter {
	background-color: rgba(29, 186, 207, .1)
}

.iq-bg-teal-darker-25 {
	background-color: #158b9b;
}

.iq-bg-blue-base {
	background-color: #5F79D5;
}

.iq-bg-blue-lighter {
	background-color: rgba(95, 121, 213, .1)
}

.iq-bg-orange-lighter {
	background-color:rgba(221, 134, 120, .1) 
}

.iq-bg-cranberry-base {
	background-color: #DE5E9D;
}

.iq-bg-cranberry-lighter {
	background-color: rgba(230, 83, 155, .1);
}

.iq-bg-cranberry-base.iq-hover:hover {
	background-color: #e75b9f;
}

.iq-bg-cranberry-lighter-15 {
	background-color: #e675ac;
}

/** Border Colors **/
.iq-border-white-darker-15 {
	/* border-color: rgba(255, 255, 255, 0.85) !important; */
	border-color: #d8d8d8 !important;
}

.iq-border-white-darker-35 {
	/* border-color: rgba(255, 255, 255, 0.65) !important; */
	border-color: #a5a5a5 !important;
}

.iq-border-white {
	border-color: white;
}

.iq-border-carbon-lighter-5 {
	border-color: #2b2932;
}

.iq-border-purple {
	border-color: #8D6EF7;
}

.iq-border-purple-lighter-35 {
	border-color: #bf96e3;
}

.iq-border-clearNight {
	border-color: #f9b145;
}

.iq-border-clearNight-lighter-5 {
	border-color: #f9b145;
}

.iq-border-clearNight-lighter-15 {
	border-color: #f9b145;
}

.iq-border-cranberry {
	border-color: #DE5E9D;
}

.iq-border-blue {
	border-color: #5F79D5;
}

.iq-border-green {
	border-color: #46B486;
}

.iq-border-teal {
	border-color: #53B8C6;
}

.iq-border-yellow {
	border-color: #D0B84A;
}

.iq-border-4-colored-gradient {
	color: #313149;
	padding: 4px;
	display: inline-block;
	position:relative;
	z-index:0;
}
.iq-border-4-colored-gradient:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding: 4px;
	border-radius: 4px;
	background: linear-gradient(to right, #f9b145, #f9b145, #DE5E9D);
	-webkit-mask: 
	linear-gradient(#fff 0 0) content-box, 
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}

.iq-border-8-colored-gradient {
	color: #313149;
	padding: 8px;
	display: inline-block;
	position:relative;
	z-index:0;
}
.iq-border-8-colored-gradient:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding: 8px;
	border-radius: 8px;
	background: linear-gradient(to right, #f9b145, #f9b145, #f9b145);
	-webkit-mask: 
	linear-gradient(#fff 0 0) content-box, 
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}

/** Font Colors **/
.iq-font-color-unset {
	color: unset;
}

.iq-font-white-darker-15 {
	color: rgba(255, 255, 255, 0.85) !important;
}

.iq-font-white-darker-35 {
	color: rgba(255, 255, 255, 0.65) !important;
}

.iq-font-brandColor {
	color: #e48b07;
}

.iq-font-brandColor-lighter-5 {
	color:#e48b07;
}

.iq-font-brandColor-lighter-15 {
	color:#e48b07;
}

.iq-font-grey {
	color: #7d798f;
}

.iq-font-carbon {
	color: rgb(36, 36, 36);
}

.iq-font-carbon-lighter-5 {
	color: #2b2932;
}

.iq-font-carbon-lighter-15 {
	color: #3e3a4a;
}

.iq-font-carbon-lighter-35 {
	color: #676478;
}


.iq-font-green {
	color: #46B486;
}

.iq-font-green-lighter-15 {
	color: #02d67e;
}

.iq-font-teal {
	color: #53B8C6;
}

.iq-font-teal-lighter-15 {
	color: #32cde2;
}

.iq-font-blue {
	color: #5F79D5;
}

.iq-font-blue-lighter-15 {
	color: #778ddb;
}

.iq-font-cranberry {
	color: #DE5E9D;
}

.iq-font-cranberry-lighter-15 {
	color: #e96ca9;
}

.iq-font-red {
	color: #c3b3ff;
}



/** Font Hover Colors ***/

.iq-font-theme.iq-hover:hover {
	color: #ac77db;
}


/** Opacity **/

.iq-opacity-0 {
	opacity: 0;
}

.iq-opacity-0.iq-hover {
	opacity: 1;
}

.iq-opacity-1 {
	opacity: .1;
}

.iq-opacity-1.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-2 {
	opacity: .2;
}

.iq-opacity-2.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-3 {
	opacity: .3;
}

.iq-opacity-3.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-4 {
	opacity: .4;
}

.iq-opacity-4.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-5 {
	opacity: .5;
}

.iq-opacity-5.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-6 {
	opacity: .6;
}

.iq-opacity-6.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-7 {
	opacity: .7;
}

.iq-opacity-7.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-8 {
	opacity: .8;
}

.iq-opacity-8.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-9 {
	opacity: .9;
}

.iq-opacity-9.iq-hover {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.iq-opacity-full {
	opacity: 1;
}

/*** ##Typography ***/

.iq-font-xxs {
	font-size: .6rem;
}

.iq-font-xs {
	font-size: .75rem;
}

.iq-font-sm {
	font-size: .875rem;
}

.iq-font-base {
	font-size: 1rem;
}

.iq-font-lg {
	font-size: 1.125rem;
}

.iq-font-xl {
	font-size: 1.25rem;
}

.iq-font-2xl {
	font-size: 1.5rem;
}

.iq-font-24 {
	font-size: 1.37rem;
}

.iq-font-3xl {
	font-size: 1.875rem;
}

.iq-font-4xl {
	font-size: 2.25rem;
}

.iq-font-5xl {
	font-size: 3rem;
}

.iq-font-6xl {
	font-size: 3.5rem;
}

.iq-font-7xl {
	font-size: 4rem;
}

.iq-font-8xl {
	font-size: 4.5rem;
}

.iq-font-9xl {
	font-size: 5rem;
}

.iq-font-10xl {
	font-size: 5.5rem;
}

.iq-font-11xl {
	font-size: 6rem;
}


.iq-lineHeight-16 {
	line-height: 1em;
}

.iq-lineHeight-18 {
	line-height: 1.13em;
}

.iq-lineHeight-20 {
	line-height: 1.25em;
}

.iq-lineHeight-24 {
	line-height: 1.5em;
}

.iq-lineHeight-28 {
	line-height: 1.75em;
}

.iq-lineHeight-32 {
	line-height: 2em;
}

.iq-lineHeight-48 {
	line-height: 3em;
}

/* a, a:hover, a:focus {
	text-decoration: none !important;
} */

/* letter spacing */

.iq-textSpacing-1 {
	letter-spacing: .12em;
}

/* Font Weights */

.iq-font-xthin {
	font-weight: 200;
}

.iq-font-thin {
	font-weight: 300;
}

.iq-font-bold {
	font-weight: bold;
}

/* Font Decorations */

.iq-font-underline {
	text-decoration: underline !important;
}

.iq-textUppercase {
	text-transform: uppercase;
}
/* Font Styles */

.iq-font-italic {
	font-style: italic;
}

.iq-font-uppercase {
	text-transform: uppercase;
}

.iq-font-monospace {
	font-family: monospace;
}

/* Lists and Bullets */

.iq-bullet-base.iq-bullet-teal::before {
	content: "• ";
	color: #53B8C6;
	font-size: 16px;
	margin-right: 8px;
}

.iq-bullet-base.iq-bullet-purple::before {
	content: "• ";
	color: #8D6EF7;
	font-size: 16px;
	margin-right: 8px;
}

.iq-bullet-base.iq-bullet-clearNight::before {
	content: "• ";
	color: #f9b145;
	font-size: 16px;
	margin-right: 8px;
}

.iq-bullet-base.iq-bullet-carbon::before {
	content: "• ";
	color: rgb(36, 36, 36);
	font-size: 16px;
	margin-right: 8px;
}

.iq-bullet-base.iq-bullet-carbon-lighter-35::before {
	content: "• ";
	color: #635a87;
	font-size: 16px;
	margin-right: 8px;
}

.iq-bullet-base.iq-bullet-white-darker-35::before {
	content: "• ";
	color: #a5a5a5;
	font-size: 16px;
	margin-right: 8px;
}

/*** ##Display ***/

.iq-display-Block {
	display: block;
}

.iq-display-inlineBlock {
	display: inline-block;
}

.iq-display-listItem {
	display: list-item;
}

.iq-v-align-top {
	vertical-align: top;
}

.iq-v-align-middle {
	vertical-align: middle;
}

.iq-v-align-bottom {
	vertical-align: bottom;
}

/*** ##Positioning ***/

.iq-posFixed {
	position: fixed;
}

.iq-posAbsolute {
	position: absolute;
}

.iq-posRelative {
	position: relative;
}

.iq-top-0 {
	top: 0
}

.iq-right-0 {
	right: 0
}

.iq-bottom-0 {
	bottom: 0
}

.iq-left-0 {
	left: 0
}

.iq-top-2 {
	top: .125rem
}

.iq-right-2 {
	right: .125rem
}

.iq-bottom-2 {
	bottom: .125rem
}

.iq-left-2 {
	left: .125rem
}

.iq-top-4 {
	top: .25rem
}

.iq-right-4 {
	right: .25rem
}

.iq-bottom-4 {
	bottom: .25rem
}

.iq-left-4 {
	left: .25rem
}

.iq-top-10 {
	top: .625rem
}

.iq-right-10 {
	right: .625rem
}

.iq-bottom-10 {
	bottom: .625rem
}

.iq-left-10 {
	left: .625rem
}

.iq-top-8 {
	top: .5rem
}

.iq-right-8 {
	right: .5rem
}

.iq-bottom-8 {
	bottom: .5rem
}

.iq-left-8 {
	left: .5rem
}

.iq-top-16 {
	top: 1rem
}

.iq-right-16 {
	right: 1rem
}

.iq-bottom-16 {
	bottom: 1rem
}

.iq-left-16 {
	left: 1rem
}

.iq-top-32 {
	top: 2rem
}

.iq-right-32 {
	right: 2rem
}

.iq-bottom-32 {
	bottom: 2rem
}

.iq-left-32 {
	left: 2rem
}

.iq-top-40 {
	top: 2.5rem
}

.iq-top-48 {
	top: 3rem
}

.iq-right-48 {
	right: 3rem
}

.iq-bottom-48 {
	bottom: 3rem
}

.iq-left-48 {
	left: 3rem
}

.iq-top-64 {
	top: 4rem
}

.iq-right-64 {
	right: 4rem
}

.iq-bottom-64 {
	bottom: 4rem
}

.iq-left-64 {
	left: 4rem
}

.iq-top-80 {
	top: 5rem
}

.iq-right-80 {
	right: 5rem
}

.iq-bottom-80 {
	bottom: 5rem
}

.iq-left-80 {
	left: 5rem
}

.iq-top-88 {
	top: 5.5rem
}

.iq-right-88 {
	right: 5.5rem
}

.iq-bottom-88 {
	bottom: 5.5rem
}

.iq-left-88 {
	left: 5.5rem
}

.iq-top-304 {
	top: 19rem
}

.iq-right-304 {
	right: 19rem
}

.iq-bottom-304 {
	bottom: 19rem
}

.iq-left-304 {
	left: 19rem
}

/* Specific Cases - Formalize These as Reuse Happens */

.iq-left-minus-12 {
	left: -.75rem;
}

.iq-left-minus-64 {
	left: -4rem;
}

.iq-right-minus-64 {
	right: -4rem;
}

@media only screen and (max-width: 768px) {
	.iq-mobile-right-0 {
		right: 0
	}
}

/*** ##Layering ***/

.iq-layer0 {
	z-index: 0
}

.iq-layer1 {
	z-index: 1
}

.iq-layer2 {
	z-index: 2
}

.iq-layer3 {
	z-index: 3
}

.iq-layer4 {
	z-index: 4
}

.iq-layer5 {
	z-index: 5
}

.iq-layer6 {
	z-index: 6
}

.iq-layer7 {
	z-index: 7
}

.iq-layer8 {
	z-index: 8
}

.iq-layer9 {
	z-index: 9
}

.iq-layer10 {
	z-index: 10
}

.iq-layer11 {
	z-index: 11
}

.iq-layer12 {
	z-index: 12
}

.iq-layer29 {
	z-index: 29
}


.iq-layer30 {
	z-index: 30
}

/*** ##Alignment ***/

/** Flex Container**/

/* Creates flex container */

.iq-flex {
	display: flex;
}

/* Creates inline flex container */

.iq-flexInline {
	display: inline-flex;
}

/** Flex Direction**/

/* Displays items in a row */

.iq-flexRow {
	flex-direction: row;
}

/* Displays items in the reverse order in a row */

.iq-flexRowReverse {
	flex-direction: row-reverse;
}

/* Displays items in a column */

.iq-flexCol {
	flex-direction: column;
}

/* Displays items in the reverse order in a column */

.iq-flexColReverse {
	flex-direction: column-reverse;
}

/** Justify Content **/

.iq-flexJustifySelfStart {
	justify-self: flex-start;
}

/* Align items at the start of the main axis */

.iq-flexJustifyStart {
	justify-content: flex-start;
}

/* Align items at the end of the main axis */

.iq-flexJustifyEnd {
	justify-content: flex-end;
}

/* Align items at the center of the main axis */

.iq-flexJustifyCenter {
	justify-content: center;
}

/* Items have space between each other on the main axis */

.iq-flexJustifyBetween {
	justify-content: space-between;
}

/* Items have space around each other on the main axis */

.iq-flexJustifyAround {
	justify-content: space-around;
}

.iq-flexJustifySelfEnd {
	justify-self: flex-end;
}

/** Align Items **/

/* Items stretch to fill container */

.iq-flexAlignItemsStretch {
	align-items: stretch;
}

/*  Cross-start margin edge of the items is placed on the cross-start line */

.iq-flexAlignItemsStart {
	align-items: start;
}

.iq-flexAlignItemsFlexStart {
	align-items: flex-start;
}

/*  Cross-end margin edge of the items is placed on the cross-end line */

.iq-flexAlignItemsEnd {
	align-items: end;
}

.iq-flexAlignItemsFlexEnd {
	align-items: flex-end;
}

/*  Items are centered in the cross-axis */

.iq-flexAlignItemsCenter {
	align-items: center;
}



.iq-flexAlignSelfStart {
	align-self: flex-start;
}

/* Item is centered on cross-axis */

.iq-flexAlignSelfCenter {
	align-self: center;
}

/* Item is aligned to end on cross-axis */

.iq-flexAlignSelfEnd {
	align-self: flex-end;
}

.iq-flexAlignSelfStretch {
	align-self: stretch;
}
/** Flex Grow Shrink **/

/* Allow a flex item to shrink but not grow, 
taking into account its initial size */

.iq-flex-initial {
	flex: initial;
}

/* Allow a flex item to grow and shrink as needed, 
ignoring its initial size */

.iq-flex-1 {
	flex: 1;
}

.iq-flex-2 {
	flex: 2;
}

.iq-flex-0 {
	flex: 0;
}

.iq-flex-half {
	flex: .5;
}

/* Allow a flex item to grow and shrink, taking 
into account its initial size */

.iq-flex-auto {
	flex: auto;
}

/* Prevent a flex item from growing or shrinking */

.iq-flex-none {
	flex: none;
}

/* Allow a flex item to grow to fill any available space */

.iq-flex-grow {
	flex-grow: 1;
}



/* Allow a flex item to shrink if needed */

.iq-flex-shrink {
	flex-shrink: 1;
}

/* Prevent a flex item from growing */

.iq-flex-no-grow {
	flex-grow: 0;
}

/* Prevent a flex item from shrinking */

.iq-flex-no-shrink {
	flex-shrink: 0;
}

.iq-flex-no-shrink-safari {
	-webkit-flex: 0 0 auto;
}

/** Flex Wrapping **/

.iq-overflowToEllipsis {
	overflow: hidden;
	white-space: nowrap;
	min-width: 0;
	text-overflow: ellipsis;
}

.iq-flex-no-wrap {
	flex-wrap: nowrap;
}

.iq-flex-wrap {
	flex-wrap: wrap;
}

.iq-flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

/** Regular Wrapping **/

.iq-no-wrap {
	white-space: nowrap;
}

.iq-wrap {
	white-space: normal;
}

/* If you need to center an absolute div within a relative parent
and you don't have a width, this will center it */

.iq-abs-center-h {
	left: 50%;
	transform: translateX(-50%);
}

.iq-abs-center-v {
	top: 50%;
	transform: translateY(-50%);
}

.iq-abs-center {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.iq-abs-center-h-no-transform {
	left: 0;
	right: 0;
	margin: 0 auto;
}

.iq-align-center {
	margin: 0 auto;
}

/** Text Alignment **/

.iq-textAlign-center {
	text-align: center;
}

.iq-textAlign-left {
	text-align: left;
}

.iq-textAlign-right {
	text-align: right;
}

/** ##Sizing **/

.iq-w-0 {
	width: 0rem;
}

.iq-w-4 {
	width: 0.25rem;
}

.iq-w-8 {
	width: 0.5rem;
}

.iq-w-12 {
	width: 0.75rem;
}

.iq-w-16 {
	width: 1rem;
}

.iq-w-20 {
	width: 1.2rem;
}

.iq-w-24 {
	width: 1.5rem;
}

iq-w-28 {
	height: 1.75rem;
}

.iq-w-32 {
	width: 2rem;
}

.iq-w-36 {
	width: 2.25rem;
}

.iq-w-38 {
	width: 2.375rem;
}

.iq-w-40 {
	width: 2.5rem;
}

.iq-w-48 {
	width: 3rem;
}

.iq-w-80 {
	width: 5rem;
}

.iq-w-64 {
	width: 4rem;
}

.iq-w-96 {
	width: 6rem;
}

.iq-w-128 {
	width: 8rem;
}

.iq-w-192 {
	width: 12rem;
}

.iq-w-240 {
	width: 15rem;
}

.iq-w-256 {
	width: 16rem;
}

.iq-w-288 {
	width: 18rem;
}

.iq-w-304 {
	width: 19rem;
}

.iq-w-320 {
	width: 20rem;
}

.iq-w-352 {
	width: 22rem;
}

.iq-w-400 {
	width: 25rem;
}

.iq-w-480 {
	width: 30rem;
}

.iq-w-512 {
	width: 32rem;
}

.iq-w-600 {
	width: 37.5rem;
}

.iq-w-640 {
	width: 40rem;
}

.iq-w-800 {
	width: 50rem;
}

.iq-w-960 {
	width: 60rem;
}

.iq-w-1024 {
	width: 64rem;
}

.iq-w-1120 {
	width: 70rem;
}

.iq-w-1280 {
	width: 80rem;
}

.iq-w-1440 {
	width: 90rem;
}

.iq-w-auto {
	width: auto;
}

.iq-w-40per {
	width: 40%;
}

.iq-w-45per {
	width: 45%;
}

.iq-w-50per {
	width: 50%;
}

.iq-w-60per {
	width: 60%;
}

.iq-w-1third {
	width: 33.33333%;
}

.iq-w-2thirds {
	width: 66.66667%;
}

.iq-w-1fourth {
	width: 25%;
}

.iq-w-3fourths {
	width: 75%;
}

.iq-w-80per {
	width: 80%;
}

.iq-w-90per {
	width: 90%;
}

.iq-w-96per {
	width: 96%;
}

.iq-w-full {
	width: 100%;
}

.iq-w-full-override {
	width: 100% !important;
}

.iq-w-screen {
	width: 100vw;
}

.iq-h-0 {
	height: 0rem;
}

.iq-h-4 {
	height: 0.25rem;
}

.iq-h-8 {
	height: 0.5rem;
}

.iq-h-12 {
	height: 0.75rem;
}

.iq-h-16 {
	height: 1rem;
}


.iq-h-20 {
	height: 1.2rem;
}

.iq-h-24 {
	height: 1.5rem;
}

.iq-h-28 {
	height: 1.75rem;
}

.iq-h-32 {
	height: 2rem;
}

.iq-h-36 {
	height: 2.25rem;
}

.iq-h-38 {
	height: 2.375rem;
}

.iq-h-40 {
	height: 2.5rem;
}

.iq-h-42 {
	height: 2.625rem;
}

.iq-h-48 {
	height: 3rem;
}

.iq-h-64 {
	height: 4rem;
}

.iq-h-88 {
	height: 5.5rem;
}

.iq-h-96 {
	height: 6rem;
}

.iq-h-128 {
	height: 8rem;
}

.iq-h-160 {
	height: 10rem;
}

.iq-h-192 {
	height: 12rem;
}

.iq-h-256 {
	height: 16rem;
}

.iq-h-304 {
	height: 19rem;
}

.iq-h-400 {
	height: 25rem;
}

.iq-h-600 {
	height: 38rem;
}

.iq-h-720 {
	height: 48rem;
}

.iq-h-auto {
	height: auto;
}

.iq-h-50per {
	height: 50%;
}

.iq-h-60per {
	height: 60%;
}

.iq-h-70per {
	height: 70%;
}

.iq-h-80per {
	height: 80%;
}

.iq-h-90per {
	height: 90%;
}

.iq-h-96per {
	height: 96%;
}

.iq-h-full {
	height: 100%;
}

.iq-h-screen {
	height: 100vh;
}

.iq-scrollY {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.iq-scrollX {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.iq-scrollHidden {
	overflow: hidden;
}

.iq-scrollY-hidden {
	overflow-y: hidden;
}

.iq-scrollX-hidden {
	overflow-x: hidden;
}

.iq-minHeight-0 {
	min-height: 0px;
}

.iq-minHeight-24 {
	min-height: 1.5rem;
}

.iq-minHeight-32 {
	min-height: 2rem;
}

.iq-minHeight-48 {
	min-height: 3rem;
}

.iq-minHeight-64 {
	min-height: 4rem;
}

.iq-minHeight-96 {
	min-height: 6rem;
}

.iq-minHeight-128 {
	min-height: 8rem;
}

.iq-minHeight-176 {
	min-height: 11rem;
}

.iq-minHeight-192 {
	min-height: 12rem;
}

.iq-minHeight-256 {
	min-height: 16rem;
}

.iq-minHeight-300 {
	min-height: 20rem;
}

.iq-minHeight-400 {
	min-height: 25rem;
}

.iq-minHeight-480 {
	min-height: 30rem;
}

.iq-minHeight-600 {
	min-height: 37.5rem;
}

.iq-minHeight-720 {
	min-height: 45rem;
}

.iq-maxWidth-0 {
	max-width: 0rem;
}

.iq-maxWidth-8 {
	max-width: .5rem;
}

.iq-maxWidth-16 {
	max-width: 1rem;
}

.iq-maxWidth-32 {
	max-width: 2rem;
}

.iq-maxWidth-64 {
	max-width: 4rem;
}

.iq-maxWidth-96 {
	max-width: 6rem;
}

.iq-maxWidth-100 {
	max-width: 6.3rem;
}

.iq-maxWidth-128 {
	max-width: 8rem;
}

.iq-maxWidth-140 {
	max-width: 8.8rem;
}

.iq-maxWidth-160 {
	max-width: 10rem;
}

.iq-maxWidth-170 {
	max-width: 170px;
}

.iq-maxWidth-192 {
	max-width: 12rem;
}

.iq-maxWidth-208 {
	max-width: 13rem;
}

.iq-maxWidth-224 {
	max-width: 14rem;
}

.iq-maxWidth-240 {
	max-width: 15rem;
}

.iq-maxWidth-256 {
	max-width: 16rem;
}

.iq-maxWidth-288 {
	max-width: 18rem;
}

.iq-maxWidth-320 {
	max-width: 20rem;
}

.iq-maxWidth-384 {
	max-width: 24rem;
}

.iq-maxWidth-400 {
	max-width: 25rem;
}

.iq-maxWidth-432 {
	max-width: 27rem;
}

.iq-maxWidth-480 {
	max-width: 30rem;
}

.iq-maxWidth-512 {
	max-width: 32rem;
}

.iq-maxWidth-540 {
	max-width: 33.75rem;
}

.iq-maxWidth-600 {
	max-width: 37.5rem;
}

.iq-maxWidth-640 {
	max-width: 40rem;
}

.iq-maxWidth-704 {
	max-width: 44rem;
}

.iq-maxWidth-720 {
	max-width: 45rem;
}

.iq-maxWidth-800 {
	max-width: 50rem;
}

.iq-maxWidth-880 {
	max-width: 55rem;
}

.iq-maxWidth-960 {
	max-width: 60rem;
}

.iq-maxWidth-1024 {
	max-width: 64rem;
}

.iq-maxWidth-1120 {
	max-width: 70rem;
}

.iq-maxWidth-1280 {
	max-width: 80rem;
}

.iq-maxWidth-1440 {
	max-width: 90rem;
}

.iq-minWidth-0 {
	min-width: 0rem;
}

.iq-minWidth-32 {
	min-width: 2rem;
}

.iq-minWidth-48 {
	min-width: 3rem;
}

.iq-minWidth-128 {
	min-width: 8rem;
}

.iq-minWidth-160 {
	min-width: 10rem;
}

.iq-minWidth-192 {
	min-width: 12rem;
}

.iq-minWidth-208 {
	min-width: 12rem;
}

.iq-minWidth-224 {
	min-width: 14rem;
}

.iq-minWidth-256 {
	min-width: 16rem;
}

.iq-minWidth-320 {
	min-width: 20rem;
}

.iq-minWidth-352 {
	min-width: 22rem;
}

.iq-minWidth-400 {
	min-width: 25rem;
}

.iq-minWidth-600 {
	min-width: 37.5rem;
}

.iq-minWidth-640 {
	min-width: 40rem;
}

.iq-maxHeight-0 {
	max-height: 0rem;
}

.iq-maxHeight-50per {
	max-height: 50%;
}

.iq-maxHeight-60per {
	max-height: 60%;
}

.iq-maxHeight-70per {
	max-height: 70%;
}

.iq-maxHeight-80per {
	max-height: 80%;
}

.iq-maxHeight-90per {
	max-height: 90%;
}

.iq-maxHeight-full {
	max-height: 100%;
}

.iq-maxHeight-screen70 {
	max-height: 70vh;
}

.iq-maxHeight-screen80 {
	max-height: 80vh;
}

.iq-maxHeight-screen90 {
	max-height: 90vh;
}

.iq-maxHeight-screen {
	max-height: 100vh;
}

.iq-maxHeight-64 {
	max-height: 4rem;
}

.iq-maxHeight-80 {
	max-height: 5rem;
}

.iq-maxHeight-110 {
	max-height: 10rem;
}

.iq-maxHeight-135 {
	max-height: 8.4rem;
}

.iq-maxHeight-140 {
	max-height: 8.8rem;
}

.iq-maxHeight-180 {
	max-height: 11rem;
}


.iq-maxHeight-192 {
	max-height: 12rem;
}

.iq-maxHeight-270 {
	max-height: 17rem;
}

.iq-maxHeight-303 {
	max-height: 19rem;
}

.iq-maxHeight-320 {
	max-height: 20rem;
}

.iq-maxHeight-480 {
	max-height: 30rem;
}

.iq-maxHeight-600 {
	max-height: 37.5rem;
}

.iq-maxHeight-640 {
	max-height: 40rem;
}

.iq-maxHeight-720 {
	max-height: 45rem;
}

.iq-maxHeight-800 {
	max-height: 50rem;
}

.iq-flexBasis-8 {
	flex-basis: .5rem;
}

.iq-flexBasis-16 {
	flex-basis: 1rem;
}

.iq-flexBasis-32 {
	flex-basis: 2rem;
}

.iq-flexBasis-64 {
	flex-basis: 4rem;
}

.iq-flexBasis-96 {
	flex-basis: 6rem;
}

.iq-flexBasis-128 {
	flex-basis: 8rem;
}

.iq-flexBasis-144 {
	flex-basis: 9rem;
}

.iq-flexBasis-160 {
	flex-basis: 10rem;
}

.iq-flexBasis-192 {
	flex-basis: 12rem;
}

.iq-flexBasis-256 {
	flex-basis: 16rem;
}

.iq-flexBasis-288 {
	flex-basis: 18rem;
}

.iq-flexBasis-320 {
	flex-basis: 20rem;
}

.iq-flexBasis-400 {
	flex-basis: 25rem;
}

.iq-flexBasis-480 {
	flex-basis: 30rem;
}

.iq-flexBasis-512 {
	flex-basis: 32rem;
}

.iq-flexBasis-640 {
	flex-basis: 40rem;
}

.iq-flexBasis-800 {
	flex-basis: 50rem;
}

.iq-flexBasis-960 {
	flex-basis: 60rem;
}

.iq-flexBasis-1024 {
	flex-basis: 64rem;
}

.iq-flexBasis-1120 {
	flex-basis: 70rem;
}

.iq-flexBasis-1280 {
	flex-basis: 80rem;
}

.iq-flexBasis-1440 {
	flex-basis: 90rem;
}

.iq-flexBasis-20per {
	flex-basis: 20%;
}

.iq-flexBasis-25per {
	flex-basis: 25%;
}

/*** ##SVG ***/

.ds-icon-large, .ds-comp-large {
	width: 128px;
	height: 128px;
	background: #eee;
}

.ds-icon-small, .ds-comp-small {
	width: 24px;
	height: 24px;
	background: #eee;
}

/*** ##Spacing ***/

.iq-m-auto {
	margin: auto;
}

.iq-mt-auto {
	margin-top: auto;
}

.iq-mr-auto {
	margin-right: auto;
}

.iq-mb-auto {
	margin-bottom: auto;
}

.iq-ml-auto {
	margin-left: auto;
}

.iq-m-0 {
	margin: 0;
}

.iq-p-0 {
	padding: 0;
}

.iq-mt-0 {
	margin-top: 0;
}

.iq-pt-0 {
	padding-top: 0;
}

.iq-mr-0 {
	margin-right: 0;
}

.iq-pr-0 {
	padding-right: 0;
}

.iq-mb-0 {
	margin-bottom: 0;
}

.iq-pb-0 {
	padding-bottom: 0;
}

.iq-ml-0 {
	margin-left: 0;
}

.iq-pl-0 {
	padding-left: 0;
}

.iq-m-2 {
	margin: 0.125rem;
}

.iq-p-2 {
	padding: 0.125rem;
}

.iq-mt-2 {
	margin-top: 0.125rem;
}

.iq-pt-2 {
	padding-top: 0.125rem;
}

.iq-mr-2 {
	margin-right: 0.125rem;
}

.iq-pr-2 {
	padding-right: 0.125rem;
}

.iq-mb-2 {
	margin-bottom: 0.125rem;
}

.iq-pb-2 {
	padding-bottom: 0.125rem;
}

.iq-ml-2 {
	margin-left: 0.125rem;
}

.iq-pl-2 {
	padding-left: 0.125rem;
}

.iq-m-4 {
	margin: 0.25rem;
}

.iq-p-4 {
	padding: 0.25rem;
}

.iq-mt-4 {
	margin-top: 0.25rem;
}

.iq-mt-6 {
	margin-top: 0.375rem;
}


.iq-pt-4 {
	padding-top: 0.25rem;
}


.iq-pt-6 {
	padding-top: 0.375rem;
}

.iq-mr-4 {
	margin-right: 0.25rem;
}

.iq-pr-4 {
	padding-right: 0.25rem;
}

.iq-mb-4 {
	margin-bottom: 0.25rem;
}

.iq-pb-4 {
	padding-bottom: 0.25rem;
}

.iq-pb-6 {
	padding-bottom: 0.375rem;
}

.iq-ml-4 {
	margin-left: 0.25rem;
}

.iq-pl-4 {
	padding-left: 0.25rem;
}

.iq-pl-6 {
	padding-left: 0.375rem;
}

.iq-p-6 {
	padding: 0.375rem;
}

.iq-pl-6 {
	padding-left: 0.375rem;
}

.iq-pr-6 {
	padding-right: 0.375rem;
}

.iq-ml-6 {
	margin-left: 0.375rem;
}

.iq-m-8 {
	margin: 0.5rem;
}

.iq-p-8 {
	padding: 0.5rem;
}

.iq-mt-8 {
	margin-top: 0.5rem;
}

.iq-pt-8 {
	padding-top: 0.5rem;
}

.iq-pt-12 {
	padding-top: 0.75rem;
}

.iq-mr-8 {
	margin-right: 0.5rem;
}

.iq-mr-12 {
	margin-right: 0.75rem;
}

.iq-pr-8 {
	padding-right: 0.5rem;
}

.iq-mb-8 {
	margin-bottom: 0.5rem;
}

.iq-pb-8 {
	padding-bottom: 0.5rem;
}

.iq-pb-12 {
	padding-bottom: 0.75rem;
}

.iq-ml-8 {
	margin-left: 0.5rem;
}

.iq-pl-8 {
	padding-left: 0.5rem;
}

.iq-p-12 {
	padding: 0.75rem;
}

.iq-m-16 {
	margin: 1rem;
}

.iq-p-16 {
	padding: 1rem;
}

.iq-mt-16 {
	margin-top: 1rem;
}

.iq-pt-16 {
	padding-top: 1rem;
}

.iq-mr-16 {
	margin-right: 1rem;
}

.iq-pr-16 {
	padding-right: 1rem;
}

.iq-mb-16 {
	margin-bottom: 1rem;
}

.iq-pb-16 {
	padding-bottom: 1rem;
}

.iq-ml-16 {
	margin-left: 1rem;
}

.iq-pl-16 {
	padding-left: 1rem;
}

.iq-m-24 {
	margin: 1.5rem;
}

.iq-p-24 {
	padding: 1.5rem;
}

.iq-mt-24 {
	margin-top: 1.5rem;
}

.iq-pt-24 {
	padding-top: 1.5rem;
}

.iq-mr-24 {
	margin-right: 1.5rem;
}

.iq-pr-24 {
	padding-right: 1.5rem;
}

.iq-mb-24 {
	margin-bottom: 1.5rem;
}

.iq-pb-24 {
	padding-bottom: 1.5rem;
}

.iq-ml-24 {
	margin-left: 1.5rem;
}

.iq-pl-24 {
	padding-left: 1.5rem;
}

.iq-m-32 {
	margin: 2rem;
}

.iq-p-32 {
	padding: 2rem;
}

.iq-mt-32 {
	margin-top: 2rem;
}

.iq-pt-32 {
	padding-top: 2rem;
}

.iq-mr-32 {
	margin-right: 2rem;
}

.iq-pr-32 {
	padding-right: 2rem;
}

.iq-mb-32 {
	margin-bottom: 2rem;
}

.iq-pb-32 {
	padding-bottom: 2rem;
}

.iq-ml-32 {
	margin-left: 2rem;
}

.iq-pl-32 {
	padding-left: 2rem;
}

.iq-m-40 {
	margin: 2.5rem;
}

.iq-p-40 {
	padding: 2.5rem;
}

.iq-mt-40 {
	margin-top: 2.5rem;
}

.iq-pt-40 {
	padding-top: 2.5rem;
}

.iq-mr-40 {
	margin-right: 2.5rem;
}

.iq-pr-40 {
	padding-right: 2.5rem;
}

.iq-mb-40 {
	margin-bottom: 2.5rem;
}

.iq-pb-40 {
	padding-bottom: 2.5rem;
}

.iq-ml-40 {
	margin-left: 2.5rem;
}

.iq-ml-44 {
	margin-left: 2.75rem;
}

.iq-pl-40 {
	padding-left: 2.5rem;
}

.iq-m-48 {
	margin: 3rem;
}

.iq-p-48 {
	padding: 3rem;
}

.iq-mt-48 {
	margin-top: 3rem;
}

.iq-pt-48 {
	padding-top: 3rem;
}

.iq-mr-48 {
	margin-right: 3rem;
}

.iq-pr-48 {
	padding-right: 3rem;
}

.iq-mb-48 {
	margin-bottom: 3rem;
}

.iq-pb-48 {
	padding-bottom: 3rem;
}

.iq-ml-48 {
	margin-left: 3rem;
}

.iq-pl-48 {
	padding-left: 3rem;
}

.iq-m-64 {
	margin: 4rem;
}

.iq-p-64 {
	padding: 4rem;
}

.iq-mt-64 {
	margin-top: 4rem;
}

.iq-pt-64 {
	padding-top: 4rem;
}

.iq-mr-64 {
	margin-right: 4rem;
}

.iq-pr-64 {
	padding-right: 4rem;
}

.iq-mb-64 {
	margin-bottom: 4rem;
}

.iq-pb-64 {
	padding-bottom: 4rem;
}

.iq-ml-64 {
	margin-left: 4rem;
}

.iq-pl-64 {
	padding-left: 4rem;
}

.iq-m-60 {
	margin: 3.75rem;
}

.iq-p-60 {
	padding: 3.75rem;
}

.iq-mt-60 {
	margin-top: 3.75rem;
}

.iq-pt-60 {
	padding-top: 3.75rem;
}

.iq-mr-60 {
	margin-right: 3.75rem;
}

.iq-pr-60 {
	padding-right: 3.75rem;
}

.iq-mb-60 {
	margin-bottom: 3.75rem;
}

.iq-pb-60 {
	padding-bottom: 3.75rem;
}

.iq-ml-60 {
	margin-left: 3.75rem;
}

.iq-pl-60 {
	padding-left: 3.75rem;
}

.iq-m-80 {
	margin: 5rem;
}

.iq-p-80 {
	padding: 5rem;
}

.iq-mt-80 {
	margin-top: 5rem;
}

.iq-pt-80 {
	padding-top: 5rem;
}

.iq-mr-80 {
	margin-right: 5rem;
}

.iq-pr-80 {
	padding-right: 5rem;
}

.iq-mb-80 {
	margin-bottom: 5rem;
}

.iq-pb-80 {
	padding-bottom: 5rem;
}

.iq-ml-80 {
	margin-left: 5rem;
}

.iq-pl-80 {
	padding-left: 5rem;
}

.iq-m-96 {
	margin: 6rem;
}

.iq-p-96 {
	padding: 6rem;
}

.iq-mt-96 {
	margin-top: 6rem;
}

.iq-pt-96 {
	padding-top: 6rem;
}

.iq-mr-96 {
	margin-right: 6rem;
}

.iq-pr-96 {
	padding-right: 6rem;
}

.iq-mb-96 {
	margin-bottom: 6rem;
}

.iq-pb-96 {
	padding-bottom: 6rem;
}

.iq-ml-96 {
	margin-left: 6rem;
}

.iq-pl-96 {
	padding-left: 6rem;
}

.iq-m-128 {
	margin: 8rem;
}

.iq-p-128 {
	padding: 8rem;
}

.iq-mt-128 {
	margin-top: 8rem;
}

.iq-pt-128 {
	padding-top: 8rem;
}

.iq-mr-128 {
	margin-right: 8rem;
}

.iq-pr-128 {
	padding-right: 8rem;
}

.iq-mb-128 {
	margin-bottom: 8rem;
}

.iq-pb-128 {
	padding-bottom: 8rem;
}

.iq-ml-128 {
	margin-left: 8rem;
}

.iq-pl-128 {
	padding-left: 8rem;
}

.iq-m-160 {
	margin: 10rem;
}

.iq-p-160 {
	padding: 10rem;
}

.iq-mt-160 {
	margin-top: 10rem;
}

.iq-pt-160 {
	padding-top: 10rem;
}

.iq-mr-160 {
	margin-right: 10rem;
}

.iq-pr-160 {
	padding-right: 10rem;
}

.iq-mb-160 {
	margin-bottom: 10rem;
}

.iq-pb-160 {
	padding-bottom: 10rem;
}

.iq-ml-160 {
	margin-left: 10rem;
}

.iq-pl-160 {
	padding-left: 10rem;
}

.iq-pt-240 {
	padding-top: 15rem;
}

.iq-m-384 {
	margin: 24rem;
}

.iq-p-384 {
	padding: 24rem;
}

.iq-mt-384 {
	margin-top: 24rem;
}

.iq-pt-384 {
	padding-top: 24rem;
}

.iq-mr-384 {
	margin-right: 24rem;
}

.iq-pr-384 {
	padding-right: 24rem;
}

.iq-mb-384 {
	margin-bottom: 24rem;
}

.iq-pb-384 {
	padding-bottom: 24rem;
}

.iq-ml-384 {
	margin-left: 24rem;
}

.iq-pl-384 {
	padding-left: 24rem;
}

.iq-m-400 {
	margin: 25rem;
}

.iq-p-400 {
	padding: 25rem;
}

.iq-mt-400 {
	margin-top: 25rem;
}

.iq-pt-400 {
	padding-top: 25rem;
}

.iq-mr-400 {
	margin-right: 25rem;
}

.iq-pr-400 {
	padding-right: 25rem;
}

.iq-mb-400 {
	margin-bottom: 25rem;
}

.iq-pb-400 {
	padding-bottom: 25rem;
}

.iq-ml-400 {
	margin-left: 25rem;
}

.iq-pl-400 {
	padding-left: 25rem;
}

@media only screen and (max-width: 768px) {
	.iq-mobile-mr-0 {
		margin-right: 0;
	}
}

/*** Children Classes ***/
.iq-childP-mb-16 p {
	margin-bottom: 1em;
}

.iq-childP-mb-8 p {
	margin-bottom: .5em;
}

/*** ##Media ***/



/*** ##Borders ***/

.iq-border {
	border-width: 1px;
	border-style: solid;
}

.iq-border-2 {
	border-width: 2px;
	border-style: solid;
}

.iq-border-4 {
	border-width: 4px;
	border-style: solid;
}

.iq-border-8 {
	border-width: 8px;
	border-style: solid;
}

.iq-border-t {
	border-top-width: 1px;
	border-top-style: solid;
}

.iq-border-t-8 {
	border-top-width: 8px;
	border-top-style: solid;
}

.iq-border-r {
	border-right-width: 1px;
	border-right-style: solid;
}

.iq-border-r-4 {
	border-right-width: 4px;
	border-right-style: solid;
}

.iq-border-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.iq-border-b-2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.iq-border-b-4 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.iq-border-b-8 {
	border-bottom-width: 8px;
	border-bottom-style: solid;
}

.iq-border-l {
	border-left-width: 1px;
	border-left-style: solid;
}

.iq-radius-2 {
	border-radius: .125rem;
}

.iq-radius-top-2 {
	border-radius: .125rem .125rem 0 0;
}

.iq-radius-bottom-2 {
	border-radius: 0 0 .125rem .125rem;
}

.iq-radius-4 {
	border-radius: .25rem;
}

.iq-radius-top-4 {
	border-radius: .25rem .25rem 0 0;
}

.iq-radius-bottom-4 {
	border-radius: 0 0 .25rem .25rem;
}

.iq-radius-right-4 {
	border-radius: 0 .25rem .25rem 0;
}

.iq-radius-left-4 {
	border-radius: .25rem 0 0 .25rem;
}

.iq-radius-8 {
	border-radius: .5rem;
}

.iq-radius-top-8 {
	border-radius: .5rem .5rem 0 0;
}

.iq-radius-left-8 {
	border-radius: .5rem 0 0 .5rem;
}

.iq-radius-right-8 {
	border-radius: 0 .5rem .5rem 0;
}

.iq-radius-bottom-8 {
	border-radius: 0 0 .5rem .5rem;
}

.iq-radius-16 {
	border-radius: 1rem;
}

.iq-radius-top-16 {
	border-radius: 1rem 1rem 0 0;
}

.iq-radius-left-16 {
	border-radius: 1rem 0 0 1rem;
}

.iq-radius-right-16 {
	border-radius: 0 1rem 1rem 0;
}

.iq-radius-bottom-16 {
	border-radius: 0 0 1rem 1rem;
}

.iq-radius-32 {
	border-radius: 2rem;
}

.iq-radius-top-32 {
	border-radius: 2rem 2rem 0 0;
}

.iq-radius-bottom-32 {
	border-radius: 0 0 2rem 2rem;
}

.iq-radius-48 {
	border-radius: 3rem;
}

.iq-radius-50per {
	border-radius: 50%;
}

.iq-border-dashed {
	border-style: dashed !important;
}

/*** ToolTips ***/

[tooltip]{
/*   margin:20px 60px; */
  position:relative;
  display:inline-block;
/*   z-index: 4; */
}
[tooltip]::before {
    content: "";
    position: absolute;
    top:-6px;
    left:50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent     transparent;
    z-index: 1;
    opacity:0;
  transition: opacity .5s;
}

[tooltip-position='left']::before{
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg) 
}
[tooltip-position='top']::before{
  left:50%;
}
[tooltip-position='bottom']::before{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}
[tooltip-position='right']::before{
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translatey(-50%) rotate(90deg)
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%) translateY(-100%);
    /* text-align: center; */
    font-size: 12px;
/*    	width: 80px; */
	white-space: nowrap;
    border-radius: 4px;
    pointer-events: none;
    padding: 0px 8px;
    z-index:99;
    opacity:0;
    transition: opacity .5s;
}

[tooltip-wrap='true']::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%) translateY(-100%);
    /* text-align: center; */
    font-size: 12px;
   	width: 200px;
	white-space: normal;
    border-radius: 4px;
    pointer-events: none;
    padding: 8px;
    z-index:99;
    opacity:0;
    transition: opacity .5s;
}

[tooltip-position='left']::after{
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%)   translateY(-50%);
}
[tooltip-position='top']::after{
  left:50%;
}
[tooltip-position='bottom']::after{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position='right']::after{
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%)   translateY(-50%);
}

[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1
}

/*** Accessibility ***/

.iq-focus-outline-purple-lighter-15:focus {
	outline: none !important;
	border-color: #ac77db;
}

.iq-focus-outline-clearNight-lighter-15:focus {
	outline: none !important;
	border-color: #997df8;
}

/*** ##Mobile ***/

/*** ###Animations ***/

.iq-pulse {
	animation: pulse 2s infinite;
	opacity: 1;
}

.iq-pulse:hover {
	animation: none;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ffffff;
	}
	40% {
		-webkit-box-shadow: 0 0 0 0 #ffffff;
	}
	80% {
		-webkit-box-shadow: 0 0 0 10px rgba(206, 149, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(206, 149, 255, 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 #ffffff;
		box-shadow: 0 0 0 0 #ffffff;
	}
	40% {
		-moz-box-shadow: 0 0 0 0 #ffffff;
		box-shadow: 0 0 0 0 #ffffff;
	}
	80% {
		-moz-box-shadow: 0 0 0 10px rgba(206, 149, 255, 0);
		box-shadow: 0 0 0 10px rgba(206, 149, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(206, 149, 255, 0);
		box-shadow: 0 0 0 0 rgba(206, 149, 255, 0);
	}
}

.iq-readingWave {
	width: 152px;
  }
  
  .iq-wave {
	animation-name: wave;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	height: 4px;
	y: 11px;
  }
  
  #iq-wave-1, #iq-wave-1-2 {
	animation-delay: 0.2s
  }
  
  #iq-wave-2, #iq-wave-2-2 {
	animation-delay: 1s
  }
  
  #iq-wave-3, #iq-wave-3-2 {
	animation-delay: 0.6s
  }
  
  #iq-wave-5, #iq-wave-5-2 {
	animation-delay: 0.4s;
  }
  
  #iq-wave-4, #iq-wave-4-2 {
	animation-delay: 0.8s;
  }
  
  @keyframes wave {
	0%, 100% {
	  height: 4px;
	  y: 11px;
	}
	50% {
	  height: 26px;
	  y: 0px;
	}
  }

/*** ###Transitions? ***/

.iq-transition-bg {
	transition: background-color 0.2s ease;
}

.iq-transition-width {
	transition: width .5s;
}

.iq-transition-width-1 {
	transition: width 1.5s;
}

/*** ### State Functions ***/


.iq-hoverShow-source:hover .iq-hoverShow-target {
	display: block;
}

.iq-active:active {
	opacity: .5;
	transition: .2s;
}

.iq-disabled {
	opacity: .5;
	pointer-events: none;
}

.iq-pointerEvents-none {
	pointer-events: none;
}

.iq-selectText-disabled {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.iq-pointerEvents-none {
	pointer-events: none;
}

.iq-noResize {
	resize: none;
}

/*** Cursor ***/

.iq-pointer {
	cursor: pointer;
}

.iq-pointer-none {
	cursor: none;
	pointer-events: none;

}

.iq-cursor-text {
	cursor: text;
}

.iq-cursor-drag {
	cursor: move;
}

.iq-cursor-default {
	cursor: auto;
}

.wioshidden {
	display: none;
}

.wiosHiddenInput {
	width: 0.1px !important;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	z-index: -1;
}

#appBody-sidePanelContainer p {
	margin-bottom: 16px;
}

#general-support-popup {
	z-index: 110;
}

#moment-popupContainer-alert {
	z-index: 14;
}

#moment-popupContainer-alert, #moment-popupContainer-top, #moment-popupContainer-top-fullScreen, #moment-popupContainer-top-noClose, #moment-popupContainer-middle, #moment-popupContainer-middle-fullScreen, #moment-popupContainer-middle-noClose, #moment-popupContainer-base, #moment-popupContainer-base-fullScreen, #moment-popupContainer-base-noClose {
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}

#moment-popupContainer-top, #moment-popupContainer-top-fullScreen {
	z-index: 9;
}

#moment-popupContainer-middle, #moment-popupContainer-middle-fullScreen, #moment-popupContainer-middle-noClose {
	z-index: 8;
}

#moment-popupContainer-base, #moment-popupContainer-base-fullScreen, #moment-popupContainer-base-noClose {
	z-index: 7;
}

#moment-popupContainer-base-noClose {
	overflow: auto;
}

.moment-popupContainer-fullScreen {
	/* @TODO-MAC Remove after popup refactor */
	/* 	height: 90%; */
	/* 	width: 90%; */
	/* 	max-width: none; */
}

.moment-popup-sectionHeight-10 {
	/* @TODO-MAC Remove after popup refactor */
	/* 	height: 10%; */
}

.moment-popup-sectionHeight-20 {
	/* @TODO-MAC Remove after popup refactor */
	/* 	height: 20%; */
}

.moment-popup-sectionHeight-40 {
	/* @TODO-MAC Remove after popup refactor */
	/* 	height: 40%; */
}

.moment-popup-sectionHeight-60 {
	/* @TODO-MAC Remove after popup refactor */
	/* 	height: 60%; */
}

.moment-popup-sectionHeight-80 {
	/* @TODO-MAC Remove after popup refactor */
	/* 	height: 80%; */
}

.moment-popupHeader {
	height: 15%;
}

.moment-popupContent {
	/* @TODO-MAC Remove after popup refactor */
	height: 100%;
	/* 	padding: 20px; */
	/*     width: 350px; */
}

.moment-popupFooter {
	/* @TODO-MAC Remove after popup refactor */
	height: 10%;
	position: relative;
}

.moment-popupFooter-content {
	/* @TODO-MAC Remove after popup refactor */
	background-color: #181818;
	padding: 8px;
	border-radius: 8px;
}


.moment-popupContent-narrow {
	/* @TODO-MAC Remove after popup refactor */
	max-width: 600px;
	min-width: 200px;
	margin: 0 auto;
	padding: 20px;
	height: 100%;
}


/*** Media Queries ***/

/* Responsive styles for any screen less than 768px */

@media only screen and (max-width: 768px) {
	.iq-mobile-flexColumn {
		flex-direction: column;
	}
	.iq-mobile-flex-wrap {
		flex-wrap: wrap;
	}

	.iq-mobile-flex-wrap-reverse {
		flex-wrap: wrap-reverse;
	}
	.iq-mobile-show {
		display: block;
	}
	.iq-mobile-display-inlineBlock {
		display: inline-block;
	}
	.iq-mobile-wrap {
		white-space: normal;
	}
	.iq-mobile-hide {
		display: none;
	}
	.iq-mobile-flexBasis-100per {
		flex-basis: 100%;
	}
	.iq-mobile-flexBasis-128 {
		flex-basis: 8rem;
	}
	.iq-mobile-p-0 {
		padding: 0rem;
	}
	.iq-mobile-p-8 {
		padding: .5rem;
	}

	.iq-mobile-pb-8 {
		padding-bottom: .5rem;
	}

	.iq-mobile-p-16 {
		padding: 1rem;
	}

	.iq-mobile-pb-16 {
		padding-bottom: 1rem;
	}

	.iq-mobile-pt-16 {
		padding-top: 1rem;
	}

	.iq-mobile-p-32 {
		padding: 2rem;
	}

	.iq-mobile-pt-64 {
		padding-top: 4rem;
	}

	.iq-mobile-pt-128 {
		padding-top: 8rem;
	}

	.iq-mobile-posAbsolute-static {
		position: static;
	}
	.iq-mobile-abs-center-unset {
		transform: unset;
		left: unset;
	}

	.iq-mobile-bg-theme-darker-20 {
		background-color: #1b1b1b;
	}
	.iq-mobile-flexAlignItemsStart {
		align-items: flex-start;
	}
	.popupContainer {
		width: 90%;
		height: 80%;
		max-height: 100%;
		padding: 20px;
	}
	#popupContainer-alert {
		width: unset;
		height: unset;
		max-height: unset;
		padding: 40px;
	}

	.iq-mobile-mt-32 {
		margin-top:32px;
	}

	.iq-mobile-h-full {
		height: 100%;
	}

	.iq-mobile-w-full {
		width: 100%;
	}

	.iq-mobile-maxHeight-unset {
		max-height: unset;
	}

	.iq-mobile-maxHeight-screen100 {
		max-height: 100vh;
	}

	.iq-mobile-font-4xl {
		font-size: 2.25rem;
	}

	.iq-mobile-mt-16 {
		margin-top: 1rem;
	}
}


.reflWiz-breadcrumbs {
	text-align: center;
	line-height: 40px;
	margin-top:16px;
	margin-bottom:16px;
}

.inactiveBreadCrumb {
	background-color: #868686;
}

.largeReflWizBreadCrumb {
	height: 14px;
	width: 14px;
	margin: 0 10px;
	display: inline-block;
	border-radius: 50%;
	/* cursor: pointer; */
}


.standardReflWizBreadCrumb {
	height: 12px;
	width: 12px;
	margin: 0 10px;
	display: inline-block;
	border-radius: 50%;
	/* cursor: pointer; */
}

/*** Onbaording Walkthrough ***/

.onboarding-breadcrumbs {
	text-align: center;
	line-height: 40px;
}

.onboarding-breadcrumbs span {
	height: 12px;
	width: 12px;
	margin: 0 6px;
	background-color: #cfc1ff;
	display: inline-block;
	border-radius: 50%;
	/* cursor: pointer; */
}

.intake-onboarding-breadcrumbs {
	text-align: center;
	line-height: 40px;
}

.intake-onboarding-breadcrumbs span {
	height: 4px;
	width: 4px;
	margin: 0 2px;
	background-color: #cfc1ff;
	display: inline-block;
	border-radius: 50%;
	/* cursor: pointer; */
}

.onboarding-breadcrumbs .active-breadcrumb-dark {
	background-color: #635a87;
}

/*** Table of Contents ***/

.toc {
	text-align: left;
	line-height: 40px;
}

.toc  .active-toc {
	color: #f9b145;
}

#pricingToggle {
	height: 0;
	width: 0;
	visibility: hidden;
}

#pricingToggleLabel {
	cursor: pointer;
	text-indent: -9999px;
	width: 48px;
	height: 24px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
	background: #f9b145;
}

#pricingToggleLabel:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 5px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 16px;
	transition: 0.3s;
}

#pricingToggle:checked + #pricingToggleLabel:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

#pricingToggleLabel:active:after {
	width: 48px;
}

.iq-resizePanelBar {
	cursor: col-resize;
	opacity: 1;
	width: 4px;
	border-radius: 8px;
	flex-shrink: 0;
}

.svgBackgroundFormat {
	display: flex;
	align-items: center;
	border-radius: 50%;
	padding: 8px;
	background-color: white;
}

.starterThumbnailImage > div {
	background: none;
	background-color: unset !important;
}

/* trees */
.aspectWritingTreeContent ul.fancytree-container ul {
	/* margin-left: -8px !important; */
}



span.fancytree-title,
span.fancytree-expander{
    vertical-align: middle;
}

span.fancytree-title {
	color:inherit !important;
	flex: 1;
	border-radius: 8px;
	cursor:default;
	padding: 0px;
	overflow: hidden;
}

span.fancytree-node {
	display: flex;
	align-items: center;
	position: relative;
}

.ygtvrow {
	display: flex;
	align-items: center;
}

td.ygtvcell {
    border: 0;
    padding: 4px;
}
ul.fancytree-container {
	font-family: inherit !important;
	font-size: inherit !important;
	white-space: normal;
	padding: 0;
	margin: 0;
	background-color: inherit !important;
	border: none;
	min-height: 0%;
	position: relative;
	width: 100%;
  }

/* .iq-designerAspectLists .fancytree-expander:not(.fas) {
	display: none;
} */
/* .iq-designerAspectLists [role=treeitem] {
	margin-top: 8px !important;
} */

.iq-designerAspectLists ul.fancytree-container ul {
	padding: 0px 0px 0px 44px;
}

.js-basicTree ul.fancytree-container ul {
	padding: 0px 0px 0px 8px;
}

  span.fancytree-title {
	color:inherit !important;
	flex: 1;
	border-radius: 8px;
	cursor:default;
	padding: 0px;
  }

  span.fancytree-node {
	display: flex;
	}

/* first or middle sibling, collapsable */
.ygtvtm { 
	background: url(../images/faIcons/caret-down-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* first or middle sibling, collapsable, hover */
.ygtvtmh { 
	background: url(../images/faIcons/caret-down-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* first or middle sibling, expandable */
.ygtvtp { 
	background: url(../images/faIcons/caret-right-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* first or middle sibling, expandable, hover */
.ygtvtph { 
	background: url(../images/faIcons/caret-right-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* last sibling, no children */
.ygtvln { background: transparent; width:1em; height:16px; }

/* Last sibling, collapsable */
.ygtvlm { 
	background: url(../images/faIcons/caret-down-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* Last sibling, collapsable, hover */
.ygtvlmh { 
	background: url(../images/faIcons/caret-down-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* Last sibling, expandable */
.ygtvlp { 
	background: url(../images/faIcons/caret-right-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* Last sibling, expandable, hover */
.ygtvlph { 
	background: url(../images/faIcons/caret-right-solid.svg) 0 0 no-repeat; 
	cursor:pointer; 
	display: flex;
	
}

/* Bootstrap icons */
@font-face {
	font-family: "Glyphicons Halflings";
	src: url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.eot);
	src: url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
	content: "\002a"
}

.glyphicon-plus:before {
	content: "\002b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
	content: "\20ac"
}

.glyphicon-minus:before {
	content: "\2212"
}

.glyphicon-cloud:before {
	content: "\2601"
}

.glyphicon-envelope:before {
	content: "\2709"
}

.glyphicon-pencil:before {
	content: "\270f"
}

.glyphicon-glass:before {
	content: "\e001"
}

.glyphicon-music:before {
	content: "\e002"
}

.glyphicon-search:before {
	content: "\e003"
}

.glyphicon-heart:before {
	content: "\e005"
}

.glyphicon-star:before {
	content: "\e006"
}

.glyphicon-star-empty:before {
	content: "\e007"
}

.glyphicon-user:before {
	content: "\e008"
}

.glyphicon-film:before {
	content: "\e009"
}

.glyphicon-th-large:before {
	content: "\e010"
}

.glyphicon-th:before {
	content: "\e011"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-ok:before {
	content: "\e013"
}

.glyphicon-remove:before {
	content: "\e014"
}

.glyphicon-zoom-in:before {
	content: "\e015"
}

.glyphicon-zoom-out:before {
	content: "\e016"
}

.glyphicon-off:before {
	content: "\e017"
}

.glyphicon-signal:before {
	content: "\e018"
}

.glyphicon-cog:before {
	content: "\e019"
}

.glyphicon-trash:before {
	content: "\e020"
}

.glyphicon-home:before {
	content: "\e021"
}

.glyphicon-file:before {
	content: "\e022"
}

.glyphicon-time:before {
	content: "\e023"
}

.glyphicon-road:before {
	content: "\e024"
}

.glyphicon-download-alt:before {
	content: "\e025"
}

.glyphicon-download:before {
	content: "\e026"
}

.glyphicon-upload:before {
	content: "\e027"
}

.glyphicon-inbox:before {
	content: "\e028"
}

.glyphicon-play-circle:before {
	content: "\e029"
}

.glyphicon-repeat:before {
	content: "\e030"
}

.glyphicon-refresh:before {
	content: "\e031"
}

.glyphicon-list-alt:before {
	content: "\e032"
}

.glyphicon-lock:before {
	content: "\e033"
}

.glyphicon-flag:before {
	content: "\e034"
}

.glyphicon-headphones:before {
	content: "\e035"
}

.glyphicon-volume-off:before {
	content: "\e036"
}

.glyphicon-volume-down:before {
	content: "\e037"
}

.glyphicon-volume-up:before {
	content: "\e038"
}

.glyphicon-qrcode:before {
	content: "\e039"
}

.glyphicon-barcode:before {
	content: "\e040"
}

.glyphicon-tag:before {
	content: "\e041"
}

.glyphicon-tags:before {
	content: "\e042"
}

.glyphicon-book:before {
	content: "\e043"
}

.glyphicon-bookmark:before {
	content: "\e044"
}

.glyphicon-print:before {
	content: "\e045"
}

.glyphicon-camera:before {
	content: "\e046"
}

.glyphicon-font:before {
	content: "\e047"
}

.glyphicon-bold:before {
	content: "\e048"
}

.glyphicon-italic:before {
	content: "\e049"
}

.glyphicon-text-height:before {
	content: "\e050"
}

.glyphicon-text-width:before {
	content: "\e051"
}

.glyphicon-align-left:before {
	content: "\e052"
}

.glyphicon-align-center:before {
	content: "\e053"
}

.glyphicon-align-right:before {
	content: "\e054"
}

.glyphicon-align-justify:before {
	content: "\e055"
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-facetime-video:before {
	content: "\e059"
}

.glyphicon-picture:before {
	content: "\e060"
}

.glyphicon-map-marker:before {
	content: "\e062"
}

.glyphicon-adjust:before {
	content: "\e063"
}

.glyphicon-tint:before {
	content: "\e064"
}

.glyphicon-edit:before {
	content: "\e065"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-check:before {
	content: "\e067"
}

.glyphicon-move:before {
	content: "\e068"
}

.glyphicon-step-backward:before {
	content: "\e069"
}

.glyphicon-fast-backward:before {
	content: "\e070"
}

.glyphicon-backward:before {
	content: "\e071"
}

.glyphicon-play:before {
	content: "\e072"
}

.glyphicon-pause:before {
	content: "\e073"
}

.glyphicon-stop:before {
	content: "\e074"
}

.glyphicon-forward:before {
	content: "\e075"
}

.glyphicon-fast-forward:before {
	content: "\e076"
}

.glyphicon-step-forward:before {
	content: "\e077"
}

.glyphicon-eject:before {
	content: "\e078"
}

.glyphicon-chevron-left:before {
	content: "\e079"
}

.glyphicon-chevron-right:before {
	content: "\e080"
}

.glyphicon-plus-sign:before {
	content: "\e081"
}

.glyphicon-minus-sign:before {
	content: "\e082"
}

.glyphicon-remove-sign:before {
	content: "\e083"
}

.glyphicon-ok-sign:before {
	content: "\e084"
}

.glyphicon-question-sign:before {
	content: "\e085"
}

.glyphicon-info-sign:before {
	content: "\e086"
}

.glyphicon-screenshot:before {
	content: "\e087"
}

.glyphicon-remove-circle:before {
	content: "\e088"
}

.glyphicon-ok-circle:before {
	content: "\e089"
}

.glyphicon-ban-circle:before {
	content: "\e090"
}

.glyphicon-arrow-left:before {
	content: "\e091"
}

.glyphicon-arrow-right:before {
	content: "\e092"
}

.glyphicon-arrow-up:before {
	content: "\e093"
}

.glyphicon-arrow-down:before {
	content: "\e094"
}

.glyphicon-share-alt:before {
	content: "\e095"
}

.glyphicon-resize-full:before {
	content: "\e096"
}

.glyphicon-resize-small:before {
	content: "\e097"
}

.glyphicon-exclamation-sign:before {
	content: "\e101"
}

.glyphicon-gift:before {
	content: "\e102"
}

.glyphicon-leaf:before {
	content: "\e103"
}

.glyphicon-fire:before {
	content: "\e104"
}

.glyphicon-eye-open:before {
	content: "\e105"
}

.glyphicon-eye-close:before {
	content: "\e106"
}

.glyphicon-warning-sign:before {
	content: "\e107"
}

.glyphicon-plane:before {
	content: "\e108"
}

.glyphicon-calendar:before {
	content: "\e109"
}

.glyphicon-random:before {
	content: "\e110"
}

.glyphicon-comment:before {
	content: "\e111"
}

.glyphicon-magnet:before {
	content: "\e112"
}

.glyphicon-chevron-up:before {
	content: "\e113"
}

.glyphicon-chevron-down:before {
	content: "\e114"
}

.glyphicon-retweet:before {
	content: "\e115"
}

.glyphicon-shopping-cart:before {
	content: "\e116"
}

.glyphicon-folder-close:before {
	content: "\e117"
}

.glyphicon-folder-open:before {
	content: "\e118"
}

.glyphicon-resize-vertical:before {
	content: "\e119"
}

.glyphicon-resize-horizontal:before {
	content: "\e120"
}

.glyphicon-hdd:before {
	content: "\e121"
}

.glyphicon-bullhorn:before {
	content: "\e122"
}

.glyphicon-bell:before {
	content: "\e123"
}

.glyphicon-certificate:before {
	content: "\e124"
}

.glyphicon-thumbs-up:before {
	content: "\e125"
}

.glyphicon-thumbs-down:before {
	content: "\e126"
}

.glyphicon-hand-right:before {
	content: "\e127"
}

.glyphicon-hand-left:before {
	content: "\e128"
}

.glyphicon-hand-up:before {
	content: "\e129"
}

.glyphicon-hand-down:before {
	content: "\e130"
}

.glyphicon-circle-arrow-right:before {
	content: "\e131"
}

.glyphicon-circle-arrow-left:before {
	content: "\e132"
}

.glyphicon-circle-arrow-up:before {
	content: "\e133"
}

.glyphicon-circle-arrow-down:before {
	content: "\e134"
}

.glyphicon-globe:before {
	content: "\e135"
}

.glyphicon-wrench:before {
	content: "\e136"
}

.glyphicon-tasks:before {
	content: "\e137"
}

.glyphicon-filter:before {
	content: "\e138"
}

.glyphicon-briefcase:before {
	content: "\e139"
}

.glyphicon-fullscreen:before {
	content: "\e140"
}

.glyphicon-dashboard:before {
	content: "\e141"
}

.glyphicon-paperclip:before {
	content: "\e142"
}

.glyphicon-heart-empty:before {
	content: "\e143"
}

.glyphicon-link:before {
	content: "\e144"
}

.glyphicon-phone:before {
	content: "\e145"
}

.glyphicon-pushpin:before {
	content: "\e146"
}

.glyphicon-usd:before {
	content: "\e148"
}

.glyphicon-gbp:before {
	content: "\e149"
}

.glyphicon-sort:before {
	content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}

.glyphicon-sort-by-order:before {
	content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}

.glyphicon-sort-by-attributes:before {
	content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}

.glyphicon-unchecked:before {
	content: "\e157"
}

.glyphicon-expand:before {
	content: "\e158"
}

.glyphicon-collapse-down:before {
	content: "\e159"
}

.glyphicon-collapse-up:before {
	content: "\e160"
}

.glyphicon-log-in:before {
	content: "\e161"
}

.glyphicon-flash:before {
	content: "\e162"
}

.glyphicon-log-out:before {
	content: "\e163"
}

.glyphicon-new-window:before {
	content: "\e164"
}

.glyphicon-record:before {
	content: "\e165"
}

.glyphicon-save:before {
	content: "\e166"
}

.glyphicon-open:before {
	content: "\e167"
}

.glyphicon-saved:before {
	content: "\e168"
}

.glyphicon-import:before {
	content: "\e169"
}

.glyphicon-export:before {
	content: "\e170"
}

.glyphicon-send:before {
	content: "\e171"
}

.glyphicon-floppy-disk:before {
	content: "\e172"
}

.glyphicon-floppy-saved:before {
	content: "\e173"
}

.glyphicon-floppy-remove:before {
	content: "\e174"
}

.glyphicon-floppy-save:before {
	content: "\e175"
}

.glyphicon-floppy-open:before {
	content: "\e176"
}

.glyphicon-credit-card:before {
	content: "\e177"
}

.glyphicon-transfer:before {
	content: "\e178"
}

.glyphicon-cutlery:before {
	content: "\e179"
}

.glyphicon-header:before {
	content: "\e180"
}

.glyphicon-compressed:before {
	content: "\e181"
}

.glyphicon-earphone:before {
	content: "\e182"
}

.glyphicon-phone-alt:before {
	content: "\e183"
}

.glyphicon-tower:before {
	content: "\e184"
}

.glyphicon-stats:before {
	content: "\e185"
}

.glyphicon-sd-video:before {
	content: "\e186"
}

.glyphicon-hd-video:before {
	content: "\e187"
}

.glyphicon-subtitles:before {
	content: "\e188"
}

.glyphicon-sound-stereo:before {
	content: "\e189"
}

.glyphicon-sound-dolby:before {
	content: "\e190"
}

.glyphicon-sound-5-1:before {
	content: "\e191"
}

.glyphicon-sound-6-1:before {
	content: "\e192"
}

.glyphicon-sound-7-1:before {
	content: "\e193"
}

.glyphicon-copyright-mark:before {
	content: "\e194"
}

.glyphicon-registration-mark:before {
	content: "\e195"
}

.glyphicon-cloud-download:before {
	content: "\e197"
}

.glyphicon-cloud-upload:before {
	content: "\e198"
}

.glyphicon-tree-conifer:before {
	content: "\e199"
}

.glyphicon-tree-deciduous:before {
	content: "\e200"
}

.glyphicon-cd:before {
	content: "\e201"
}

.glyphicon-save-file:before {
	content: "\e202"
}

.glyphicon-open-file:before {
	content: "\e203"
}

.glyphicon-level-up:before {
	content: "\e204"
}

.glyphicon-copy:before {
	content: "\e205"
}

.glyphicon-paste:before {
	content: "\e206"
}

.glyphicon-alert:before {
	content: "\e209"
}

.glyphicon-equalizer:before {
	content: "\e210"
}

.glyphicon-king:before {
	content: "\e211"
}

.glyphicon-queen:before {
	content: "\e212"
}

.glyphicon-pawn:before {
	content: "\e213"
}

.glyphicon-bishop:before {
	content: "\e214"
}

.glyphicon-knight:before {
	content: "\e215"
}

.glyphicon-baby-formula:before {
	content: "\e216"
}

.glyphicon-tent:before {
	content: "\26fa"
}

.glyphicon-blackboard:before {
	content: "\e218"
}

.glyphicon-bed:before {
	content: "\e219"
}

.glyphicon-apple:before {
	content: "\f8ff"
}

.glyphicon-erase:before {
	content: "\e221"
}

.glyphicon-hourglass:before {
	content: "\231b"
}

.glyphicon-lamp:before {
	content: "\e223"
}

.glyphicon-duplicate:before {
	content: "\e224"
}

.glyphicon-piggy-bank:before {
	content: "\e225"
}

.glyphicon-scissors:before {
	content: "\e226"
}

.glyphicon-bitcoin:before {
	content: "\e227"
}

.glyphicon-btc:before {
	content: "\e227"
}

.glyphicon-xbt:before {
	content: "\e227"
}

.glyphicon-yen:before {
	content: "\00a5"
}

.glyphicon-jpy:before {
	content: "\00a5"
}

.glyphicon-ruble:before {
	content: "\20bd"
}

.glyphicon-rub:before {
	content: "\20bd"
}

.glyphicon-scale:before {
	content: "\e230"
}

.glyphicon-ice-lolly:before {
	content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232"
}

.glyphicon-education:before {
	content: "\e233"
}

.glyphicon-option-horizontal:before {
	content: "\e234"
}

.glyphicon-option-vertical:before {
	content: "\e235"
}

.glyphicon-menu-hamburger:before {
	content: "\e236"
}

.glyphicon-modal-window:before {
	content: "\e237"
}

.glyphicon-oil:before {
	content: "\e238"
}

.glyphicon-grain:before {
	content: "\e239"
}

.glyphicon-sunglasses:before {
	content: "\e240"
}

.glyphicon-text-size:before {
	content: "\e241"
}

.glyphicon-text-color:before {
	content: "\e242"
}

.glyphicon-text-background:before {
	content: "\e243"
}

.glyphicon-object-align-top:before {
	content: "\e244"
}

.glyphicon-object-align-bottom:before {
	content: "\e245"
}

.glyphicon-object-align-horizontal:before {
	content: "\e246"
}

.glyphicon-object-align-left:before {
	content: "\e247"
}

.glyphicon-object-align-vertical:before {
	content: "\e248"
}

.glyphicon-object-align-right:before {
	content: "\e249"
}

.glyphicon-triangle-right:before {
	content: "\e250"
}

.glyphicon-triangle-left:before {
	content: "\e251"
}

.glyphicon-triangle-bottom:before {
	content: "\e252"
}

.glyphicon-triangle-top:before {
	content: "\e253"
}

.glyphicon-console:before {
	content: "\e254"
}

.glyphicon-superscript:before {
	content: "\e255"
}

.glyphicon-subscript:before {
	content: "\e256"
}

.glyphicon-menu-left:before {
	content: "\e257"
}

.glyphicon-menu-right:before {
	content: "\e258"
}

.glyphicon-menu-down:before {
	content: "\e259"
}

.glyphicon-menu-up:before {
	content: "\e260"
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}