:root {
	/* Basic Colors */
	--color-app-bg: #EEE;
	--color-app-bg2: #FFF;
	--color-app-bg3: #E0E0E0;
	--color-app-bg4: #F7F7F7;
	--color-app-bg5: #F7F7F736;
	--color-app-bg6: #EEE;
	--color-app-bg7: #F7F7F7;
	--color-app-fg: #3F3F3F;
	--color-app-fg2: #000;
	--color-app-fg3: #7C7C7C;
	--color-app-fg4: #4D4D4D;
	--color-app-border: #DDD;
	--color-app-border2: #D2D2D2;
	--color-app-border3: #A2A2A2;
	--color-app-highlight: #FAFAFA;
	--color-app-rail: #fffffff5;
	--color-app-jules: #B817CC;
	--color-app-shadow: rgba(0,0,0,0.15);
	--color-app-gradient: linear-gradient(90deg, #028277, #0266CA, #8D29A3 85%);
	--color-app-gradient2: linear-gradient(180deg, #FFF 0%, #F1F7FD 50%, #E5EFFFD9 100%), radial-gradient(circle at bottom left, #9B00FF 30%, transparent 70%), radial-gradient(circle at bottom right, #00FFC3 30%, transparent 70%);
	--color-app-gradient3: linear-gradient(348deg, #FFF 0%, #F1F7FD 30%, #E5EFFFD9 100%), radial-gradient(circle at top right, #9900ffa7 30%, transparent 70%), radial-gradient(circle at top left, #00FFC3 30%, transparent 70%);

	--heder-logo: url(/img/logo_header.svg);
	--jules-logo: url(/img/logo_jules.svg);
	--trustpilot-logo: url(/img/trustpilot.svg);
	--jquery-ui-icons: url(/css/themes/redmond/images/ui-icons_222222_256x240.png);
	--app-report-img: url(/img/app_report_preview_light.png);
	--app-report-img-mob: url(/img/app_report_preview_mob_light.png);

	/* Cangrade Brand Colors */
	--dark-sapphire: #002D49;
	--bright-sapphire: #0052A3;
	--dark-emerald: #00AF9F;
	--turquoise: #00D2C1;
	--dark-ruby: #a932c5;
	--bright-ruby: #d273de;
	--ruby-highlight: #b95bd122;
	--ruby-highlight2: #b95bd10f;
	--sapphire-highlight: #44a2ff26;
	--sapphire-highlight2:#44a2ff0e;
	--emerald-highlight: #00ffc32e;
	--emerald-highlight2: #00ffc310;

	/* Cangrade Brand Color Tones (adding white or black to the base color) */
	--dark-sapphire-b20: #00243a;
	--dark-sapphire-w20: #33576d;
	/* Bright Sapphire */
	--bright-sapphire-b20: #004282;
	--bright-sapphire-w20: #3375b5;
	/* Dark Emerald */
	--dark-emerald-b20: #008c7f;
	--dark-emerald-w20: #33bfb2;
	/* Turquoise */
	--turquoise-b20: #00a89a;
	--turquoise-w20: #33dbcd;
	/* Dark Ruby */
	--dark-ruby-b20: #87289e;
	--dark-ruby-w20: #ba5bd1;
	/* Bright Ruby */
	--bright-ruby-b20: #a85cb2;
	--bright-ruby-w20: #db8fe5;

	/* Company Colors **CUSTOM OVERRIDES VIA COMPANY SETTINGS** */
	/* Overridden in jGrid initialize */
	--colorPrim: var(--dark-sapphire);
	--cd-colorPrim: #001935;
	--cda-colorPrim: #00193580;
	--colorSec: var(--dark-ruby);
	--cd-colorSec: #951eb1;
	--cb-colorSec: #a932c512;
	/* overriden with gradient if available (for page-title) */
	--gradient: var(--colorPrim);
	--colorTert: var(--dark-emerald);

	/* Color Settings - updated via above variables */
	/* sub-heading color and underline - create new assessment, user admin */
	--market-menu-highlight: var(--colorSec);
	/* default button main colors */
	--frm-btn-default-color: var(--colorSec);
	--frm-btn-default-border: rgba(56,62,194,0.15);
	--frm-btn-default-hover: var(--cd-colorSec);
	/* alt button main colors */
	--frm-btn-alt-color: var(--colorSec);
	--frm-btn-alt-hover: var(--cb-colorSec);
	--frm-btn-alt-active: var(--cb-colorSec);
	/* dashboard title */
	--dashboard-header: var(--colorSec);
	/* default dialog header */
	--dialog-header: var(--colorPrim);
	/* top menu on dark Theme */
	--dock-wrapper-gradient: linear-gradient(0deg, var(--colorPrim) 1%, var(--cd-colorPrim) 100%);
	/* primary button active colors */
	--frm-btn-primary-active-color: var(--bright-sapphire-w20);
	--frm-btn-primary-active-border: var(--cda-colorPrim);
	/* light button active colors */
	--frm-btn-light-active-color: var(--bright-sapphire-w20);
	--frm-btn-light-active-border: rgba(56,62,194,0.15);
	/* form selects - highlights and shadows */
	--input-form-highlights: rgba(56,62,194,0.15);
	--input-form-selected: var(--colorSec);;
	/* form buttons - checkbox and radio */
	--input-button-selected: var(--colorSec);
	--input-button-shadow: var(--cd-colorSec);
	/* loading / progress bar - page header */
	--progress-bar: var(--colorSec);
	
	/* color on Primary Foreground */
	/* overridden by darkFore and darkSecFore in Company settings */
	--color-on-prim: #fff;
	--color-on-prim2: #fff6;
	
	/* Platform Colors */

	--red-fill: #ff4c38;
	--yellow-fill: #eae73e;
	--green-fill: #52e062;
	--blue-fill: #258FD2;
	--red-hover: #ff7a6b;
	--yellow-hover: #f6f45a;
	--green-hover: #6cef7b;
	--red-color: #ef5e4e;
	--yellow-color: #cbac10;
	--green-color: #2cba3c;
	--blue-color: #3f7ec6;
	--red-background: #cbac100d;
	--yellow-background: #cbac100d;
	--green-background: #2cba3c0d;
	--blue-background: #3f7ec61a;
	--red-highlight: #fce8e6;
	--yellow-highlight: #c8c30042;
	--green-highlight: #e6f4ea;

	--brown-color: #795727;
	--brown-background: #ae76290d;
	--cold-color: #39ac8c;
	--cold-background: #39ac8c0d;
	--neut-color: #15b3c1;
	--neut-background: #15b3c10d;
	--hot-color: #ff711a;
	--hot-background: #ff711a0d;

	/*  DEV not sure if used / not sure where these are used */
	--front-menu-highlight: var(--colorSec);
	--login-btn-hover: var(--colorSec);
	--memt-pagination: var(--colorSec);
	--dem-survey: var(--colorPrim);

	--score-low: #aa1b19d6;
	--score-low-alt: #dd1d07;
	--score-mod: #9b6923;
	--score-mod-alt: #917b0cd4;
	--score-high: #137333e0;
	--score-high-alt: #09A66B;

	--page-height: 600px;
	--btn-width: 0px;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--color-app-bg: #2d2d2d;
		--color-app-bg2: #222;
		--color-app-bg3: #444;
		--color-app-bg4: #1A1A1A;
		--color-app-bg5: #2D2D2D4A;
		--color-app-bg6: #333;
		--color-app-bg7: #3E3E3E;
		--color-app-fg: #EEE;
		--color-app-fg2: #FFF;
		--color-app-fg3: #B0B0B0;
		--color-app-fg4: #CCC;
		--color-app-border: #3B3B3B;
		--color-app-border2: #666;
		--color-app-border3: #737373;
		--color-app-highlight: #262626;
		--color-app-rail: #222222E8;
		--color-app-shadow: #6F6F6F1F;
		--bright-sapphire-w20: #5ca8f5;
		--color-app-gradient: linear-gradient(90deg, #07b9aa, #64B2FF, #DF7BF4 95%);
		--color-app-gradient2: radial-gradient( at bottom left, #470253, transparent 50% ), radial-gradient( at bottom right, #01462f, transparent 50% ), linear-gradient( to bottom, #202020, #1e1e1e 50%, transparent 100% );
		--color-app-gradient3: linear-gradient(to right, #242566, #6a1e3e);

		--score-low: #ff3521;
		--score-mod: #e6e006;
		--score-high: #02c83a;
		--yellow-fill: #cbac10;

		--heder-logo: url(/img/logo_header_white.svg);
		--jules-logo: url(/img/logo_jules_white.svg);
		--jquery-ui-icons: url(/css/themes/redmond/images/ui-icons_ffffff_256x240.png);
		--trustpilot-logo: url(/img/trustpilot_white.svg);
		--app-report-img: url(/img/app_report_preview_dark.png);
		--app-report-img-mob: url(/img/app_report_preview_mob_dark.png);
		}

		.comp-img, img.thumb-svg{
			filter: invert(100%);
		}

	:not([data-theme="light"]) .login-landing #login, #job_invite, #assist_signup{
		background-color: #2d2d2d !important;
	}
}

:root[data-theme="dark"] {
	--color-app-bg: #2d2d2d;
	--color-app-bg2: #222;
	--color-app-bg3: #444;
	--color-app-bg4: #1A1A1A;
	--color-app-bg5: #2D2D2D4A;
	--color-app-bg6: #333;
	--color-app-bg7: #3E3E3E;
	--color-app-fg: #EEE;
	--color-app-fg2: #FFF;
	--color-app-fg3: #B0B0B0;
	--color-app-fg4: #CCC;
	--color-app-border: #3B3B3B;
	--color-app-border2: #666;
	--color-app-border3: #737373;
	--color-app-highlight: #262626;
	--color-app-rail: #222222F5;
	--color-app-shadow: #6F6F6F1F;
	--bright-sapphire-w20: #5ca8f5;
	--color-app-gradient: linear-gradient(90deg, #07b9aa, #64B2FF, #DF7BF4 95%);
	--color-app-gradient2: radial-gradient( at bottom left, #470253, transparent 50% ), radial-gradient( at bottom right, #01462f, transparent 50% ), linear-gradient( to bottom, #202020, #1e1e1e 50%, transparent 100% );
	--color-app-gradient3: linear-gradient(to right, #242566, #6a1e3e);

	--score-low: #ff3521;
	--score-mod: #e6e006;
	--score-high: #02c83a;
	--yellow-fill: #cbac10;

	--heder-logo: url(/img/logo_header_white.svg);
	--jquery-ui-icons: url(/css/themes/redmond/images/ui-icons_ffffff_256x240.png);
	--trustpilot-logo: url(/img/trustpilot_white.svg);
	--app-report-img: url(/img/app_report_preview_dark.png);
	--app-report-img-mob: url(/img/app_report_preview_mob_dark.png);
}

[data-theme="dark"] .login-landing #login, [data-theme="dark"] #job_invite{
	background-color: #2d2d2d !important;
}

[data-theme="dark"] .comp-img, [data-theme="dark"] img.thumb-svg{
	filter: invert(100%);
}

/* Fonts */
/* Source Serif Pro */
/* extra light (200) */
@font-face {
	font-family: 'SourceSerifPro';
	font-style: normal;
	font-weight: 200;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'SourceSerifPro';
	font-style: italic;
	font-weight: 200;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-ExtraLightItalic.ttf') format('truetype');
}
/* light (300) */
@font-face {
	font-family: 'SourceSerifPro';
	font-style: normal;
	font-weight: 300;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'SourceSerifPro';
	font-style: italic;
	font-weight: 300;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-LightItalic.ttf') format('truetype');
}
/* normal (400) */
@font-face {
	font-family: 'SourceSerifPro';
	font-style: normal;
	font-weight: normal;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SourceSerifPro';
	font-style: italic;
	font-weight: normal;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-Italic.ttf') format('truetype');
}
/* semibold (600) */
@font-face {
	font-family: 'SourceSerifPro';
	font-style: normal;
	font-weight: 600;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'SourceSerifPro';
	font-style: italic;
	font-weight: 600;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-SemiBoldItalic.ttf') format('truetype');
}
/* bold (700) */
@font-face {
	font-family: 'SourceSerifPro';
	font-style: normal;
	font-weight: 700;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'SourceSerifPro';
	font-style: italic;
	font-weight: 700;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-BoldItalic.ttf') format('truetype');
}
/* black (900) */
@font-face {
	font-family: 'SourceSerifPro';
	font-style: normal;
	font-weight: 900;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'SourceSerifPro';
	font-style: italic;
	font-weight: 900;
	src: url('/css/fonts/SourceSerifPro/SourceSerifPro-BlackItalic.ttf') format('truetype');
}
/* Roboto */
/* thin (100) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: url('/css/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	src: url('/css/fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
}
/* light (300) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('/css/fonts/Roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('/css/fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
}
/* normal (400) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal; 
	src: url('/css/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: normal; 
	src: url('/css/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
}
/* medium (500) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('/css/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('/css/fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
}
/* bold (700) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('/css/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('/css/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
}
/* black (900) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url('/css/fonts/Roboto/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: url('/css/fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
}
/* RobotoMono */
/* normal (400) */
@font-face {
	font-family: 'RobotoMono';
	font-style: normal;
	font-weight: normal; 
	src: url('/css/fonts/RobotoMono/RobotoMono-VariableFont_wght.ttf') format('truetype');
}
@font-face {
	font-family: 'RobotoMono';
	font-style: italic;
	font-weight: normal; 
	src: url('/css/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.ttf') format('truetype');
}

body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}

body {
	text-align: left;
	background: var(--color-app-bg);
	font-family: Roboto, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.28px;
	color: var(--color-app-fg);	
	margin: 0; 
	overflow: auto;
	text-size-adjust: none;
	overflow-x: hidden;
}
body.mob{
	width: 100vw;
	touch-action: pan-y;
}
body.rtl{
	direction: rtl;
	text-align: right;
}
h1,h2,h3,h4,h5,h6{
	line-height: 120%;
}
a
{
	color: var(--blue-color);
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:focus { 
    outline: none !important; 
}
pre{
	font-family: RobotoMono;
}
#err{
	padding: 20px 20px 20px 70px;
	width: 400px;
	height: 35px;
    text-align: center;
    margin: auto;
    border: 4px solid var(--red-fill);
    border-radius: 5px;
    background-color: #FFF;
    font-size: 15px;
    background: url(/elements/css/img/msg-error-red.svg) no-repeat 10px center;
    background-size: 60px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
/* Columns section */

#columns .column-west-2 {
    float: left;
    width: 260px;
    height: auto !important; 
}
#columns .column-center-2{
    float: left;
    width: calc(100% - 262px);
    height: auto !important; 
	transition: width 0.2s ease-in-out;
}
.column-center-2.right{
	border-left: 1px solid var(--color-app-border);
}
.column-center-2.left{
	border-right: 1px solid var(--color-app-border);
}
#columns .column-east-2{
    float: left;
    width: 260px;
    height: auto; 
	position: relative;
	transition: all 0.2s ease-in-out;
}
.mob #columns .column-center-2{
	width: 100%;
}
.mob #columns .column-east-2{
	float: none;
	position: fixed;
	top: 0;
	left: -270px;
	z-index: 1000;
	background-color: var(--color-app-bg2);
	box-shadow: 6px 8px 10px -6px var(--color-app-shadow);
	height: calc(var(--page-height) + 155px);
	transform: translate3d(0,0,0);
}
.mob #columns .column-east-2.open{
	left: 0;
}
#columns.collapsed .column-east-2{
	width: 40px;
}
#columns.collapsed .column-center-2{
    float: left;
    width: calc(100% - 41px);
    height: auto !important; 
}
#columns.collapsed .column-east-2 .label{
	display: none;
}
.dropdown-menu{
	background-color: var(--color-app-bg2);
	padding-left: 22px !important;
}
#columns.collapsed .dropdown-menu{
	padding-left: 3px !important;
}
.dropdown-menu .frm-link{
	padding-left: 14px;
	border-left: 1px solid var(--color-app-border);
}
.collapsed #nav_side #menu_filter-section{
	display: none;
}
#nav_side #unfold_menu-section{
	display: none;
}
.collapsed #nav_side #unfold_menu-section{
	display: block;
}
.collapsed .frm-active-menu path{
	fill: var(--colorSec) !important;
}
.collapsed .frm-active-menu .action-link{
	border-left: 4px solid var(--colorSec) !important;
	padding-left: 8px !important;
}
.frm-active-menu-top svg:not(.frm-dropdown-arr) path{
	fill: var(--colorSec) !important;
}
.frm-active-menu-top .label{
	color: var(--colorSec) !important;
}
.frm-active-menu-top .action-link{
	border-left: 4px solid var(--colorSec) !important;
	padding-left: 10px !important;
}
.collapsed .frm-active-menu-top .action-link{
	padding-left: 8px !important;
}
#collapse-btn{
	border: 0px none;
	border-radius: 50%;
	cursor: pointer;
	height: 24px;
	opacity: 0;
	outline: currentcolor none 0px;
	padding: 0px;
	position: absolute;
	top: 45px;
	transform: translate(-50%);
	width: 24px;
	box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
	background: var(--color-app-bg4) none repeat scroll 0px center;
	right: -25px;
	z-index: 1000;
	transition: left 0.2s ease-in-out;
}
.column-east-2:hover #collapse-btn{
	opacity: 1;
}
.rail #collapse-btn{
	position: fixed;
	top: 145px;
	right: auto;
	left: 260px;
}
.rail .collapsed #collapse-btn{
	left: 15px;
}
#collapse-btn:hover path{
	fill: var(--frm-btn-primary-active-color);
}
#collapse-btn path{
	fill: var(--color-app-fg);
}
#columns.collapsed #collapse-btn svg{
	transform:rotate(180deg);
}
#columns .column-center-1{
    width: 100%;
    min-width: 100%;
    height: auto !important; 
}
#column1, #column3{width: 260px; overflow: auto; scrollbar-width: thin;}
#column1, #column3{max-height: var(--page-height); min-height: 10px;}
#column2{ z-index: 10; position: relative}
.rail #column1, .rail #column3{
	position: fixed;
	top: 55px;
}
.embed.rail #column1, .embed.rail #column3{
	top: 49px;
}
.mob.rail #column1, .rail #column3{
	top: 0;
}
#srch-box{
	position: fixed;
	top: 10px;
	left: 10px;
	width: calc(var(--page-width) - 30px) !important;
	z-index: 1000;
	background-color: var(--color-app-rail);
	box-shadow: 0px 0px 15px 5px var(--color-app-shadow);
	border-radius: 10px;
	padding: 2px 5px;
}
.side-blk{
	height: 0;
}
.rail .side-blk{
	height: 1px;
}
.widget-placeholder { border: 2px dashed #999;}
#column1 .widget-placeholder { margin: 10px 15px 0 10px; }
#column2 .widget-placeholder { margin: 10px 10px 0 0; }
#column3 .widget-placeholder { margin: 10px 0 0 15px; }

.header{
	font-size: 26px;
	line-height: 130%;
	font-weight: 500;
}
.header1{
	font-size: 14px;
	color: #777;
}
.header2{
	font-size: 16px;
	color: var(--color-app-fg);
	font-weight: 500;
}
.header3{
	color: var(--color-app-fg4);
}
.header4{
	color: var(--color-app-fg4);
	font-size: 20px;
	line-height: 130%;
	font-family: SourceSerifPro;
	font-weight: 500;
}
.header5{
	font-size: 0.9em;
	color: #777;
}
@media screen and (min-width: 1100px) {
    .side-header{
		margin-bottom: -20px;
	}
}
.item-text{
	color: var(--color-app-fg);
	padding: 5px 5px !important;
	font-size: 15px;
	line-height: 130%;
}
.item-text pre{
	border: 1px solid var(--color-app-border);
	padding: 8px;
	background-color: var(--color-app-bg4);
	border-radius: 3px;
	margin: 5px 0;
}
.item-text ul{
	list-style: disc;
	margin-left: 15px;
}
.item-text ol{
	list-style: decimal;
}
.item-table td{
	background-color: var(--color-app-bg2) !important;
	padding: 7px !important;
	border: 1px solid var(--color-app-border);
}
.mob a#done{
    margin-bottom: 30px !important;
}
.slider-text{
    width:60%;
    float:left;
	padding:0 5px;
	margin-top: 22px;
}
.slider-block{
	background-color: var(--color-app-bg2);
	border: 1px solid var(--color-app-border);
	border-radius: 3px;
	float: left;
    padding: 3px 5px 10px 5px;
    width: 250px;
    margin-left: 5px;
}
.slider-block2{
	float: left;
    width: 260px;
    margin-left: 5px;
}
.done_box.slider-dot{
	margin-top: 31px;
}
.frm-input .done_box{
    margin-top: 14px;
}
.audio-fb{
	width: 450px;
	margin: auto;
}
@media screen and (max-width: 950px) {
    .slider-text{width:calc(100% - 45px); margin-top: 0; float: none; text-align: center;}
	.slider-block{margin-left: 30px; width: calc(100% - 70px);}
	.slider-block2{margin: 20px auto 0 auto; float: none;}
	.done_box.slider-dot{margin-top: 9px}
	.slider-block .score_info, .slider-block .score_info_unans{padding-bottom: 20px !important;}
	.slider-block2 .score_info, .slider-block2 .score_info_unans{padding-bottom: 10px !important;}
	.audio-fb{
		width: 100%;
	}
}
.slider-ticks{
	clear:both;
	position:relative;
	z-index:1;
	padding-top: 5px;
}
.slide-tick{
	float:left;
	border-left:
	1px solid #AAA;
	height:8px;
}
#column2 .widget-header{
	position: absolute;
	top: 8px;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 22px;
	width: calc(100% - var(--btn-width));
}
#column2 .frm-buttons.rail .widget-header{
	top: 20px;
	left: 25px;
	width: calc(100% - var(--btn-width) - 50px);
}
#column2 .frm-buttons.rail .widget-header.back-link{
	top: 10px;
}
#column2 .widget-header span{
	font-size: 25px;
	font-weight: 500;
}
#column2 .widget-header #back{
	font-size: 13px;
	line-height: 18px;
}
#column2 .widget-header #back svg{
	width: 12px;
	height: 12px;
	margin: 3px 5px 0 0 !important;
}
#column2 .widget-header .frm-section-vert{
	padding: 0;
	margin-bottom: 5px !important;
}
#column1 .widget-header, #column3 .widget-header, .dialog-header{
	text-transform: uppercase;
	padding: 15px;
	border-bottom: 1px solid var(--color-app-border) !important;
	border-top: 1px solid var(--color-app-border) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widget-header-collpase{
	text-transform: uppercase;
	padding: 15px;
	border-top: 1px solid var(--color-app-border) !important;
	white-space: nowrap;
	border-bottom: 1px solid var(--color-app-border) !important;
	overflow: hidden;
}
.widget-header-collpase .label{
    overflow: hidden;
    text-overflow: ellipsis;  
}
.widget-expend .widget-header-collpase{
	background-color: var(--color-app-bg2);
}
#column1 .widget-header:after, #column3 .widget-header:after{
	content: ':';
}
.widget-border{
	font-size: 14px;
	overflow: hidden;
}	
#column2 .widget-border{
	padding: 13px 25px 25px 25px;
	background-color: var(--color-app-bg2);
	min-height: calc(var(--page-height) - 58px);
}
.mob #column2 .widget-border{
	padding: 13px 12px 25px 12px;
}
.widget-border.no-margins{
    padding: 13px 0 0 0  !important;
}

#column1 .widget-header, #column3 html{
    height: 100%;
    border:none;
}
.dialog-header{
	padding-left: 20px !important;
	font-weight: normal;
    color: var(--color-app-fg);
    border-top: 10px solid var(--dialog-header) !important;
}
#columns{
	background-size: 70px 70px;
	min-height: calc(var(--page-height) - 20px);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#page_title{
	height: 5px;
	background: var(--gradient);
	position: relative;
}
.title-control{
	position: absolute;
	top: 10px;
}
.header-item{
    width: 350px;
    height: 69px;
    background-size: 350px;
    cursor: pointer;
}
.mob-rail #dockWrapper{
    position: fixed !important;
	top: -50px;	
	transition: top .3s ease-in-out !important;
}
.mob-scback #dockWrapper{
	top: 0 !important; 
}


.widget-info{background: #777 !important; padding: 13px 25px !important;}
.widget-info .widget-content{position: relative;color: #FFF; font-weight: 100}
.widget-info a{color: #FFF; text-decoration: underline;}
.widget-info .frm-btn-light{color: #FFF; background-color: transparent !important; border: 1px solid #FFF !important;}
.widget-info .frm-btn-light:hover{background-color: #FFF !important; color: #777 !important; border: 1px solid #FFF !important;}

/* End Columns section */

#titleSpacer{
	height: 100px;
	background-color: #FFF;
}
#dockSpacer{
	height: 55px;
}
#desktopTitlebarWrapper {
	box-shadow: 0 0 6px 0 rgba(0,0,0,.6);
	width: 100%;
	z-index: 1000;
	overflow: visible;
	background: #FFF;
	background-repeat:no-repeat;
}	
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	#desktopTitlebarWrapper{
	    backdrop-filter: blur(10px);
	    background-color: rgba(255, 255, 255, 0.9); 
	  }
}

#desktopTitlebar {
	background-position: left 0;
	padding: 18px 0 0 0;
	height: 83px;
	background: transparent;
	margin: 0 auto 0;
	width: 1050px;
}
#home-link{
	height:63px;
	width:296px;
	float:left
}
#home-compact{
	height:50px;
	width:200px;
	background: var(--heder-logo) no-repeat left center;
    transition: opacity 0.5s ease-in-out;
	background-size: auto 50px;
	margin-left: 5px;
	cursor: pointer;
}
#home-compact.home-center{
	float: none;
	margin: auto;
	background-position: center;
}
#top-left{
	display: flex;
	margin-left: 5px;
}
#menu_filter{
	border-radius: 20px;
}
#topNav2 {
    overflow: hidden;
    text-align: right;
    font-size: 13px;
    padding-top: 8px;
	margin-right: 10px;
    height: 40px;
}
.recapture-cont{
	width: 300px;
	background: url(/img/spinner.gif) no-repeat center center;
	margin: auto;
	height: 76px;
}
#dem-survey-header{
	background-color: var(--dem-survey);
	height: 50px;
}
#dem-survey-pic{
	z-index: 100;
	background: url(/img/dem_header.png);
	height: 68px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 0;
}
#dem-survey-back{
	z-index: 99;
	height: 68px;
	width: 600px;
	position: absolute;
	background-color: var(--dem-survey);
	top: 0;
	left: 0;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,.2)
}
.dem-survey-title{
	padding-top: 50px;
	font-family: 'sans-serif';
	font-size: 32px;
	line-height: 100%;
	font-weight: 600;
}
.mob .dem-survey-title{
	font-size: 27px;
}
#btnset-dem-survey-dlg #btn0{
	height: 30px;
	line-height: 16px;
	padding: 6px 20px;
	font-size: 16px;
}
#btn-signup{
	background-color: var(--yellow-fill);
	width: 140px !important;
}
#btn-signup:hover{
	background-color: var(--yellow-hover);
}

#btn-login{
	margin: 0 0 0 10px;
	border: 1px solid #333;
	transition: all .3s ease-in-out !important;
}
#btn-login:hover{
	border: 1px solid var(--login-btn-hover);
}
#page {
	margin: 0 auto;
	width: 100%;
	min-height: calc(var(--page-height) - 40px);
}

#content {
	padding: 0;
}   

#dockWrapper{
	padding-bottom: 0;
	height: 55px;
	width: 100%;
	left: 0;
	z-index: 100;
    position: fixed;
	background: var(--color-app-bg2);
	border-bottom: 1px solid var(--color-app-border);
	overflow-x: hidden;
	-ms-overflow-style: none;
} 

#act.frm-panel{
	background: var(--color-app-bg2);
}

@keyframes border_flash {
	0% {
	  border-color: #CCC;
	}
}

#dock {
	height: 50px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.dock-text{
	color: #FFF !important;
}

#footer {
	clear: both;
	background-color: var(--color-app-bg);
	font-weight: 100;
	border-top: 1px solid var(--color-app-border);
	position: relative;
	z-index: 1000;
}

#footer #footer-cont{
	background: url(/img/logo_powered.svg) no-repeat center center;
	background-size: 110px;
	height: 20px;
    line-height: 20px;
}
#footer #footer-cont div{
    margin: 0 15px;
}
#footer #cg-copy{
	float: left;
	font-weight: 300;
	color: var(--color-app-fg3);
}
@media screen and (max-width: 450px) {
    #footer #cg-copy{
        display: none;
    }
}
a.title-submenu{
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none;
}
	
a.title-submenu:hover {text-decoration: underline;}

a.info-link
{
	color: var(--blue-color) !important;
}
span.info-link
{
	color: var(--blue-color);
	cursor: help;
	border-bottom: 1px dotted var(--blue-color);
}
#test-comp-msg{
	border: none;
	padding: 15px 0 5px 0;
}
#test-comp-text{
	margin-top: 5px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
}
#test-comp-tally{
	font-size: 15px;
	font-weight: 300;
	margin-top: 8px;
	text-align: center;
}
#test-comp-img{
	width: 16px;
	height: 16px;
	margin: auto;
	padding: 5px;
	border-radius: 50%;	
}
#test-comp-img.test-uncomp path, .txt-ico path{
	fill: var(--color-app-fg2);
}
.link-ico{
	cursor: pointer;
}
.link-ico path{
	fill: var(--blue-color) !important;
}
#test-comp-img.test-comp, #test-comp-img.test-uncomp.test-fin{
	border-color: #bba331 !important;
}
#test-comp-img.test-comp path, #test-comp-img.test-uncomp.test-fin path{
	fill: #bba331 !important;
}
#test-comp-img.test-uncomp, #test-comp-img.test-comp{
	border: 2px dotted var(--color-app-fg);
}
#test-comp-img.test-comp.test-fin{
	border: 2px solid #2bbb3f29 !important;
	background-color: #2bbb3f29;
}
#test-comp-img.test-comp.test-fin path{
	fill: var(--green-color) !important;
}
.test-res-title{
	font-size: 18px;
}
.test-res-score{
	font-size: 22px;
	font-family: 'RobotoMono';
	border-bottom: 2px solid var(--color-app-fg);
}
.popup-container, .popup-pointer, .popup-pointer-down, ul.tagit li.tagit-choice, .ui-dialog{
	background-color: var(--color-app-bg2);
	border-color: var(--color-app-border);
}

/* Menus */
.menu-right a{
	font-size: 13px;
	color: var(--color-app-fg);
	text-decoration: none;
	cursor: pointer;
	padding: 2px 7px 2px 3px;
}

.menu-right #profname{
	white-space:nowrap;
	float: right;
	margin-top: 6px;
}

.menu-right #profname:hover{
	text-decoration: underline;
}
.sub-menu{
	background-position:right center;	
	background-repeat:no-repeat;
	transition: none !important;
	display: block;
}
.menu-picture{
    float: right;
	margin-right: 5px;
}
.top-actions{
    float: right;
	margin-right: 5px;
	height: 30px;
}
.text-icon{
	cursor: context-menu;
}
.text-icon.end{
	margin-left: 5px;
}
.text-icon.end svg{
	display: inline;
	width: 14px;
	height: 14px;
}
.text-icon.start{
	display: block;
	float: left;
	margin-right: 5px;
}
.text-icon.start svg{
	width: 14px;
	height: 14px;
	margin-top: 2px;
}
.text-icon svg.btn-icon path{
	fill: #888;
}
.btn-icon{
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 52px 1000px;
}
.frm-btn-default span.btn-icon, span.btn-icon-white{
	background-position-x: -34px;	
}
.frm-btn-default svg.btn-icon path, .frm-btn-default svg.btn-icon polygon, svg.btn-icon-white polygon{
	fill: #FFF !important;	
}
svg.btn-icon-white path{
	fill: var(--color-app-border2) !important;
}
.dark-fore.frm-btn-default span.btn-icon{
	background-position-x: 0 !important;	
}
.dark-fore.frm-btn-default svg.btn-icon path{
	fill: #333 !important;	
}
.frm-btn-light .btn-icon{
	opacity: 0.9;
}
.frm-btn-light:hover .btn-icon{
	opacity: 1;	
}
.btn-icon-refresh{
	background-position-y: 0;
}
.btn-icon-view{
	background-position-y: -254px;
}
.btn-icon-delete{
	background-position-y: -389px;
}
.btn-icon-edit{
	background-position-y: -160px;
}
.btn-icon-add{
	background-position-y: -700px;
}
.btn-icon-copy{
	background-position-y: -86px;
}
.btn-icon-list{
	background-position-y: -105px;
}
.btn-icon-find{
	background-position-y: -293px;
}
.btn-icon-filter{
	background-position-y: -718px;
}
.btn-icon-save{
	background-position-y: -737px;
}
.btn-icon-user{
	background-position-y: -17px;
}
.btn-icon-upload{
	background-position-y: -234px;
}
.btn-icon-send{
	background-position-y: -665px;
}
.btn-icon-gauge{
	background-position-y: -194px;
}
.btn-icon-tools{
	background-position-y: -487px;
}
.btn-icon-help{
	background-position-y: -406px;
}
.btn-icon-linkedin{
	background-position-y: -612px;
}
.btn-icon-email{
	background-position-y: -122px;
}
.btn-icon-share{
	background-position-y: -682px;
}
.btn-icon-email2{
	background-position-y: -123px;
}
.btn-icon-back{
	background-position-y: -214px;
}
.btn-icon-back2{
	background-position-y: -629px;
}
.btn-icon-doc{
	background-position-y: -521px;
}
.btn-icon-options{
	background-position-y: -442px;
}
.btn-icon-down{
	background-position-y: -459px;
}
.btn-icon-up{
	background-position-y: -471px;
}
.btn-icon-link{
	background-position-y: -371px;
}
.btn-icon-work{
	background-position-y: -34px;
}
.btn-icon-dev{
	background-position-y: -504px;
}
.btn-icon-logout{
	background-position-y: -647px;
}
.btn-icon-users{
	background-position-y: -177px;
}
.btn-icon-adduser {
    background-position-y: -539px;
}
.btn-icon-company{
	background-position-y: -69px;
}
.btn-icon-plugin{
	background-position-y: -333px;
}
.btn-icon-source{
	background-position-y: -424px;
}
.btn-icon-cmd{
	background-position-y: -313px;
}
.btn-icon-check{
	background-position-y: -737px;
}
.btn-icon-list2{
	background-position-y: -106px;
}
.btn-icon-user2{
	background-position-y: -141px;
}
.btn-icon-ticket{
	background-position-y: -594px;
}
.btn-icon-wizard{
	background-position-y: -576px;
}
.btn-icon-qr{
	background-position-y: -558px;
}
.btn-icon-video{
	background-position-y: -273px;
}
.btn-icon-download2{
	background-position-y: -51px;
}
.btn-icon-exclaim{
	background-position-y: -756px;
}
.btn-icon-addtest{
	background-position-y: -351px;
}
.btn-icon-addjob {
    background-position-y: -772px;
}
.btn-icon-secure {
    background-position-y: -790px;
}
.btn-icon-schedule {
    background-position-y: -809px;
}
.btn-add a{
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	padding: 4px 15px !important;
	border-color: #999;
	box-shadow: none;
}
.btn-alias{
    margin-top: 8px !important;
	padding: 5px 15px !important;
}
img.fb-person
{
	height: 50px;
	width: 50px;
	background-image: url(/img/spinner.gif) !important;
	background-position:center !important;	
	background-repeat:no-repeat;
	border:1px solid #ccc;	
	background-color:#fff;
}
img.fb-person-title
{
	height: 24px;
	width: 24px;
	background-image: url(/img/spinner.gif) !important;
	background-position:center !important;	
	background-repeat:no-repeat;
	margin-top:-5px;
	background-color:#fff;
	padding:1px;
	border:1px solid #ccc;
}
div.duration
{
	background-color:#000;
	color:#FFFFFF;
	font-size:7pt;
	font-weight: bold;
	height:12px;
	left:5px;
	line-height:120%;
	position:absolute;
	text-align: center;
	vertical-align: middle;
	bottom:2px;
	width:28px;
	opacity:0.75;
	filter: alpha(opacity = 75);
}
div.thumb-container
{
	position: relative; 
	height: 94px; 
	padding-left: 2px;
}
div.person-info{
	overflow:hidden;
	width:167px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 2px;
}
div.person-email{
	line-height:16px;
	font-size:0.8em;
	margin-left:-2px;
}
.person-icon{
	float: left;
	margin: 3px 4px 0 2px;
	width: 12px;
	height: 12px;
}
.person-icon path{
	fill: #777;
}
a:hover .person-icon path{
	fill: var(--blue-color) !important
}
.fld-info{
	margin: 5px !important;
	font-style: italic;
}
.load-msg{
	margin-left:auto; 
	margin-right:auto; 
	margin-top:150px;
	padding: 10px 25px 20px 25px; 
	font-family: sans-serif; 
	text-align: center; 
	font-weight: bold;
	font-size: 12px;
}

/* bullet numbers */
.bullet-num div
{
    position: relative;
    top: 3px;
    border-bottom: 2px solid var(--dashboard-header);
    width: 24px;
    height: 24px;
    color: var(--dashboard-header);
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    float: left;
    margin-right: 5px;
}
.bullet-num span
{
	color: #666;
	font-weight: bold;
	line-height: 23px;
}

.score_info{
	color: var(--color-app-fg3);
	padding-bottom: 10px;
	text-align: center;
}
.score_info_unans{
	padding-bottom: 10px;
	text-align: center;
	height: 18px;
	opacity: 0.45;
}
.score_info_unans svg{
	width: 14px !important;
	height: 18px !important;
}
.done_box{
	width:18px;
	height:18px;
	float: left;
    margin-top: 11px;
}
.done-dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: 5px;
}
.dot-do{
	background-color: #0A84FF;
}
.dot-done{
	background: var(--green-color);
}
.dot-optional{
	background-color: #AAA;
}
.dot-init{
	background-color: var(--yellow-color);
}
.dot-wait{
	background: url(/img/spinner.gif) no-repeat center;
}
.dot-ok{
	background-color: var(--yellow-color) !important;
}
.dot-fail{
	background-color: var(--red-fill);
}
.frm-section-err .item-text{
	color: var(--red-color) !important;
}
.trans-warning, .trans-warning td.highlighted{
	/* border: 1px solid var(--yellow-highlight); */
	background-color: var(--yellow-highlight) !important;
}
.frm-section-err .dot-do{
	background: var(--red-color);
}
.compeltion_footer{
	text-align: left;
	color: #666;
	padding: 5px;
}

.result-scale{
	position: relative;
	width: 120px;
	height: 100px;
	margin: auto;
	padding: 5px 0 5px 20px;
}
.result-val{
	text-align: center;
	position: absolute;
	width: 150px;
	top: 55px;
	left: 0;
}
.result-val .val1{
	font-size: 24px;
	font-weight: bold;
	color: #333;	
}
.result-val .val2{
	font-size: 15px;
	font-weight: normal;
	color: #666;	
}

.ui-slider-handle {outline: none}

ul#answer{
	width: 100%;
}
#answer li{
	padding: 5px 0 5px 2px !important;
}
.frm-buttons .answer-buttons{
	position: relative;

}
.answer-top-progress{
	position: absolute;
	bottom: 0;
	left: -12px;
	width: var(--page-width);
	height: 5px;
}
.rail .answer-top-progress{
	left: 12px;
}
.answer-top-bar{
	height: 5px;
	background-color: var(--dark-emerald);
	width: 0;
	transition: width 0.2s ease-in-out;
}

.checkbox-item{
    padding: 5px 0;
    white-space: nowrap;
}
.checkbox-item .custom-cb.small{
	margin-top: 4px;
}

.comment-name{
	float:left; 
	margin-left: 10px; 
	font-size: 0.9em; 
	font-weight: bold;
}

.comment-time{
	float:left; 
	margin-left: 3px; 
	font-size: 0.9em
}

.comment-scope{
	float:left; 
	margin-left: 3px; 
	font-size: 0.9em
}
.attention-area{
	border: 1px solid var(--yellow-highlight);
	border-radius: 3px;
	background-color: var(--yellow-highlight);
	color: var(--color-app-fg4);
	padding: 8px;
	text-align: center;
}
.section-header{
	line-height: 130%;
	font-size: 17px;
	padding: 5px 15px;
	background-color: var(--color-app-bg3) !important;
	color: var(--color-app-fg2) !important;
	border-radius: 3px;
}
.section-header-opt{
	font-size: 15px;
	padding: 12px 0 12px 32px !important;
	color: var(--color-app-fg3);
	background-size: 20px;
	line-height: 130%;
}

.section-header-opt ul{
	margin: 10px 20px;
	list-style: disc;
}
.counter-box{
	border: 3px solid var(--color-app-border);
	border-radius: 8px;
	width: 45px;
	text-align: center;
	padding: 3px;
	color: var(--color-app-fg3);
	float: left;
	margin: 3px 0 5px 70px;
	background-color: var(--color-app-highlight);
}
.counter-box2{
	border:4px solid var(--color-app-border);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	width: 120px;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	color: rgb(51,93,134);
	margin: 250px auto;
}
.counter-box2 div{
	font-size: 5em !important;
	line-height: 100% !important;
}
.counter-title{
	float:left;
	font-size: 16px;
	color: var(--color-app-fg3);
	padding-top: 10px;
	padding-left: 3px;
}

.feedback_box{
	position: fixed;
	bottom: -2px;
	right: 0;
	padding: 5px 10px;
	z-index: 1001;
	background-color: var(--color-app-bg2);
	margin-right: 15px;
	opacity: .95;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	transition: bottom 0.1s ease-in-out;
}
.mob .feedback_box{
	right: auto;
	left: 15px;
}
.mob .feedback_box a{
	font-weight: normal;
}

.feedback_box a{
	color: var(--color-app-fg4);
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
}
.feedback_box a:hover{
	text-decoration: none;
}

.feedback_box:hover{
	opacity: 1;
	bottom: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
}
.feedback_box svg{
	float: left;
	margin-right: 6px;
	padding-top: 2px;
}
.feedback_box path{
	fill: var(--color-app-fg4);
}

canvas{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#tab-assistant .btn-icon{
	margin: 0 3px 0 0 !important;
	width: 13px;
	height: 13px;
}
#tab-assistant path{
	fill: #777;
}
#tab-assistant.active path, #tab-assistant:hover path{
	fill: var(--color-app-fg2) !important
}
#title-resend_inv{
	text-align: center;
} 
#assist-suggest-cont{
	display: flex;
	max-width: 100rem;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 1rem;
	margin: 20px auto;
	cursor: pointer;
}
.assist-suggest-cell {
	width: 160px;
	height: 80px;
	border-radius: 20px;
	padding: 15px;
	font-family: RobotoMono;
	border: 1px solid var(--color-app-border2);
}
.assist-suggest-cell:hover{
	box-shadow: 0 0 6px 0 var(--color-app-shadow);
	background-color:  var(--color-app-highlight);
}
.mob .assist-suggest-cell{
	width: 220px;
	height: 60px;
}
.assist-logo{
	margin: 90px auto 40px auto;
	width:60px;
	height:60px;
	display:block;
}
.assist-resp{
	display: inline-flex;
	justify-content: left;
	flex-wrap: nowrap;
}
.assist-resp.user{
	float: right;
	background-color: var(--color-app-bg4);
	border-radius: 25px;
	padding: 10px 20px 10px 10px;
}
.assist-resp.upgrade{
	border-radius: 25px;
	padding: 15px 20px 15px 15px;
	border: 1px solid var(--color-app-border);
}
.assist-msg{
	padding-left: 8px;
	font-size: 1.1em;
	line-height: 150%;
}
#assist_tbl.table-container{
	overflow-x: hidden;
}
.user .assist-msg{
	align-items: center;
 	display: grid;
}
.assist-prompt-hist{
	color: var(--color-app-fg4);
}
.assist-prompt{
	padding: 5px 10px;
	resize: none;
	width: calc(100% - 52px);
	float: none;
	font-size: 15px !important;
	border: none !important;
	display: block;
	margin: 0;
}
.assist-thumb{
	vertical-align: top;
	width: 32px;
	height: 32px;
}
.assist-thumb img{
	background-color: transparent !important;
}
.assist-tab-ico{
	width: 13px;
	height: 13px;
	display: inline
}
.assist-dot {
	width: 12px;
	height: 12px; 
	background-color: var(--color-app-border2);
	border-radius: 50%;
	display: inline-block;
	margin-top: 10px;
	animation: pulsate 1.5s infinite ease-in-out;
  }
  
@keyframes pulsate {
0% {
	transform: scale(1);
	opacity: 1;
}
50% {
	transform: scale(1.5);
	opacity: 0.7;
}
100% {
	transform: scale(1);
	opacity: 1;
}
}
textarea.frm-input.assist-prompt:focus, textarea.frm-input.assist-prompt:active, textarea.frm-input.assist-prompt:hover{
	outline: none;
	border: none !important;
	box-shadow: none !important;
}
textarea.frm-input#prompt:focus{
	border-color: var(--color-app-jules) !important;
}
.frm-btn-default#prompt_send{
	background-color: var(--color-app-jules) !important;
	border-color: var(--color-app-jules) !important;
}
#ai_assist #prompt-section{
	position: fixed;
	bottom: 0;
	width: calc(100% - 320px);
	background: var(--color-app-bg2);
	padding-top: 0 !important;
	padding-bottom: 40px !important;
	transition: all 0.2s ease-in-out;
}
.assist-prompt-cont{
	border-radius: 28px;
	border: 1px solid var(--color-app-border3);
	float: none;
	overflow: hidden;
	bottom: 45px;
	width: calc(100% - 20px);
	left: 287px;
	padding: 12px 10px;
	background: var(--color-app-bg2);
}
.assist-prompt-cont:focus-within{
	border-color: var(--color-app-jules);
}
.assist-prompt-cont.assist-extend{
	padding-bottom: 55px;
}
.collapsed #ai_assist #prompt-section{
	width: calc(100% - 100px);
}
.mob #ai_assist #prompt-section{
	width: calc(100% - 35px);
}
.assist-warn{
	position: absolute;
	bottom: 18px;
	font-size: 0.8em;
	color: var(--color-app-fg3);
	width: 100%;
	left: 0;
	text-align: center;
}
.assist-arrow{
	position: fixed;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-app-rail);
	left: calc(50% + 105px);
	border: 1px solid var(--color-app-border2);
	padding: 6px;
	cursor: pointer;
	z-index: 1000;
	transition: all 0.2s ease-in-out;
}
.collapsed .assist-arrow{
	left: calc(50% + 3px);
}
.mob .assist-arrow{
	left: calc(50% - 14px);
}
.assist-arrow svg{
	width: 14px;
	height: 14px;
	padding: 1px;
}
.assist-arrow path, .header-ico{
	fill: var(--color-app-fg4);
}
.assist-job{
	display: flex;
	background: var(--color-app-bg4);
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 7px;
}
.assist-job-text{
	font-size: 1.1em;
	line-height: 32px;
	padding-left: 10px;
}
.assist-prompt-btn{
	padding: 8px 15px 8px 10px;
	position: absolute;
	right: 14px;
	bottom: 52px;
}
.assist-prompt-btns{
	position: absolute;
	left: 20px;
	bottom: 52px;
	width: calc(100% - 70px);
}
.assist-prompt-btns2{
	position: absolute;
	bottom: 1px;
	left: 1px;
	background: var(--color-app-bg2);
	padding: 10px 0 12px 12px;
	width: calc(100% - 40px);
	border-radius:
  15px;
}
.frm-btn-primary.assist-active{
	color: var(--color-app-jules) !important;
	background-color: #B817CC14 !important;
}
.frm-btn-primary.assist-active svg.btn-icon path{
	fill: var(--color-app-jules) !important;
}
.assistant-title-text {
	margin-top: 90px;
	text-align: center;
}
.mob .assistant-title-text {
	margin-top: 30px;
}
.assistant-title-text span{
	background-color: #CCC;
	background: var(--color-app-gradient);
	font-weight: 600;
	font-size: 3.5em;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 60px;
}
.mob .assistant-title-text span{
	font-size: 2.55em;
 	line-height: 38px;
}
#assist_btn .label{
	background: var(--color-app-gradient);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}
#assist_btn.frm-active-menu-top  .label{
	-webkit-text-fill-color: var(--colorSec);
}
#assist_btn path{
	fill: var(--bright-sapphire-w20);
}
#assist_btn.frm-btn-default2{
	border-width: 1px !important;
	padding: 8px 48px;
	background: var(--color-app-gradient3);
	background-blend-mode: screen;
}
#assist_btn2.frm-btn-default2{
	padding: 6px 10px;
}
#assist_btn2 .shadow, #assist_btn2 .popup-pointer{
	border-color: var(--color-app-jules) !important;
}
.collapsed #assist_btn.frm-btn-default2{
	padding: 8px;
	height: 16px;
	width: 16px !important;
	float: left !important;
	margin-left: 3px;
}
#assist_btn.frm-btn-default2.frm-active{
	background: var(--color-app-bg2);
}
.assistant-title-sub{
	text-align: center;
	color: var(--color-app-fg4);
	font-size: 19px;
	font-weight: 400;
	margin: 20px 0 50px 0;
	line-height: 20px;
}
.assistant-title-text div{
   text-align: center;
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
}
/* #pm-sel{
	height: 36px;
} */
.pm-item{
	height: 32px;
	border-radius: 32px;
	color: var(--color-app-fg3);
	cursor: pointer;
	margin: 2px;
	padding: 0 10px;
	line-height: 32px;
	font-weight: 500;
}
.pm-item.use{
	cursor: default;
	color: var(--color-app-fg2);
	background-color: var(--color-app-bg2);
	border-radius: 36px;
	border: 1px solid var(--color-app-border);
	background-color: var(--color-app-bg);
}
#plan-sel{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: fit-content;
	border-radius: 36px;
	margin: auto;
	border: 1px solid var(--color-app-border);
	background-color: var(--color-app-bg);
	height: 36px;
}
.plan-item{
	height: 32px;
	border-radius: 32px;
	color: var(--color-app-fg3);
	cursor: pointer;
	margin: 2px;
	padding: 0 10px;
	line-height: 32px;
	font-weight: 500;
}
.plan-item.use{
	cursor: default;
	color: var(--color-app-fg2);
	background-color: var(--color-app-bg2);
}
#plan_pnl{
	width: 300px;
	margin: auto;
	border-radius: 18px;
	padding: 20px;
}
#title-candidate_assist.widget-header span{
	font-size: 20px;
	font-weight: 600;
}
.cg-score{
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	line-height: 36px;
	border-width: 2px;
	border-style: solid;
}
.cg-score .score{
	font-size:1.1em;
}
.cg-score .label{
	font-size: 0.7em;
}
/*new dash*/
.cg-score.green{
	color: var(--score-high);
	background-color: #02bb3708;
	border-color: #13733357;

}
.cg-score.green path{
	fill: var(--score-high);
}
.cg-score.red path{
	fill: var(--score-low);
}
.knockout td{
	background-color: #e65c5c41;
}
div.chart-fill.green{
	background-color: var(--score-high-alt);
}
.cg-score.yellow{
	color: var(--score-mod);
	background-color: #d2ce010a;
	border-color: #9d6b244f;
}
div.chart-fill.yellow{
	background-color: var(--score-mod-alt);
}
.cg-score.red{
	color: var(--score-low);
	background-color: #ff2a1508;
	border-color: #aa1b194f;
}
div.chart-fill.red{
	background-color: var(--score-low-alt);
}
.cg-score.neut {
	color: var(--color-app-fg2);
	background-color: var(--color-app-bg);
	border-style: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.cg-score.neut path{
	fill: var(--color-app-fg2);
}
.cg-score.low, .time-na {
	color: #999 !important;
	font-weight: normal;
	border-style: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.cg-score.neut svg{
	margin: 12px auto;
}
.cg-score svg{
	margin: 10px auto;
}
.na svg path{
	fill: var(--color-app-border);
}
.cg-row{
	font-size: 17px;
	color: var(--color-app-fg);
	position: relative;
}
.cg-row.highlighted{
	background-color: var(--color-app-bg2) !important;
}
.grade-help{
	position: absolute;
	right: 5px;
	top: 4px;
}
.table-icon{
	float: left;
	margin-right: 8px;
}
.grade-help path, .svg-icon path, .frm-link svg.btn-icon text{
	fill: var(--color-app-fg);
}
.tests-all{
	font-size:10px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	color: var(--color-app-fg);
	cursor: pointer;
	text-decoration: underline;
}
.no-network .ndf-pic{
	background-image: url("data:image/svg+xml,%3Csvg fill='%23E0E0E0' xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath d='M75,23v-3h-3h-3h-3h-3h-3h-3h-3h-3v3h-3v3v3v3v3v3v3h-3v3h-3v3h-3v3h-3v3h-3h-3v-3h-3v-3h-3v-3v-3h-3v3v3v3v3v3h3v3h3v3h3v3 h3v3h3v3v3v3v3h3h3v-3h-3v-3h3v-3h3v-3h3h3v3h3h3v-3h-3v-3h3v-3h3v-3v-3v-3v-3v-3h3v3h3v-3v-3h-3h-3v-3h3h3h3h3v-3h-3h-3h-3v-3h3h3 h3h3h3v-3v-3v-3v-3H75z M57,23v3h-3v-3H57z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.ui-dialog .nodatafound{
	background-color: transparent !important;
	background-color:
	transparent !important;
	text-align: center;
	margin-top: 20px;
	color: #888;
}
#title-job_invite, #title-signup{
	text-align: center;
}
#tests_tbl .row-phld-round, #job_tests .row-phld-round, #cand_test_tbl .row-phld-round{
	display: none;
}
#scores_tbl .row-phld-right{
	left: 0;
}
#scores_tbl .row-phld-background{
	border-left-width: 30px;
    border-right-width: 30px;
    height: 80px;
}
#scores_tbl .row-phld-crop{
    width: 56px;
    height: 64px;
    top: 16px;
    left: 0px;
}
#scores_tbl .row-phld-round{
    left: 110px;
    border-radius: 0;
    background: var(--color-app-bg2);
    top: 20px;
    border: none;
    height: 60px;
    width: 56px;
}
#tst-lan{
	float: none !important;
}
#tst-lan-section .frm-caption{
	float: left !important;
}
#results_tbl .row-phld-right{
	left: 120px;
}
#results_tbl .row-phld-background{
	border-left-width: 30px;
    height: 130px;
}
#results_tbl .row-phld-crop{
    width: 40px;
    left: 102px;
}
#results_tbl .row-phld-round{
    width: 100px;
    height: 100px;
    border-width: 32px;
    top: -17px;
    left: -31px;
}
#results_tbl .row-phld-mid{
    background: #FFF;
    left: calc(50% + 50px);
    height: 100%;
    position: absolute;
    width: 30px;
    top: 15px;
}

.resume-company{
    font-weight: 500;
}
.resume-comp-at{
    color: #999;
    font-size: 0.9em;
    font-weight: normal;
}
@media screen and (max-width: 800px) {
    #resume_tbl td:nth-child(3), #resume_tbl th:nth-child(3), #cand_test_tbl td:nth-child(4), #cand_test_tbl th:nth-child(4){
        display: none;
    }
    #pdf_btn{
        display: none !important;
    }
    #create-resume a{
        width: 250px !important;
	}
}
.candidate-tags{
	float: left;
}
.candidate-tags span{
	color: #AAA;
	font-size: 12px;
	display: block;
}
.tag-link{
	float: left;
	padding: 1px 3px;
	border-radius: 3px;
	color: var(--blue-color);
	text-decoration: none;
	border: 1px solid var(--blue-color);
	margin: 0 5px 3px 0;
	display: block;
}
.tag-link:hover{
	text-decoration: none;
	color: #FFF;
	background-color: var(--blue-color);
}
.tag-ref{
	float: left;
	padding: 1px 3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	color: var(--blue-color);
	display: block;	
	cursor: pointer;
}
.tag-ref:hover{
	filter: saturate(1.5)
}
img.row-thumb{
	width: 40px;
	height:40px;
	display: block;
	margin: 1px 4px 1px 0;
	border-radius: 20px;
	background-color: #EFEFEF;
}
.highlighted img.row-thumb{
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.frm-panel-border:hover .thumb-full{
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.frm-panel-border:hover .test-icon{
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}
img.row-thumb2{
	width: 50px;
	height:50px;
	display: block;
	margin: 1px 1px 1px 0;
	border: 1px solid #bbbebf;
}
.num-thumb{
	width: 20px;
	height: 20px;
	display: block;
	margin: 1px 4px 1px 0;
	border-radius: 20px;
	background-color: var(--colorPrim);
	text-decoration: none;
	color: var(--color-app-bg);
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	font-family: SourceSerifPro;
	font-weight: 600;
	position: absolute;
	top: 2px;
	left: 3px;
}
.ddown-row{
	height:30px;
	padding: 2px 0;
	display: flex;
	align-items: center;
}
.ddown-row .thumb-box{
	clear: both;
	margin-right: 5px;
}
.ddown-txt{
	line-height: 15px;
}
.rep-icon{
	width: 40px;
	height:40px;
	border-radius: 3px;
	background-position: center;
	background-repeat: no-repeat;
}
/* DEV - report icon on dropdown menu from Job view */
.rep-icon.orange{
	background-image: url("/img/reports/pie-chart.svg");
	background-color: var(--dark-ruby-b20);
}
.rep-icon.blue{
	background-image: url("/img/reports/bar-chart.svg");
	background-color: var(--bright-sapphire);
}
.rep-icon.green{
	background-image: url("/img/reports/trending-up.svg");
	background-color: var(--dark-emerald);
}
.report-content{
    padding: 25px 0;
}
i
img.test{
	border: none !important;
}
a.secondary-link
{
	font-family: Arial,Helvetica,sans-serif;
	color: #777 !important;
	text-decoration: none;
	cursor: pointer;
}
a.secondary-link:hover
{
	color: var(--blue-color) !important;
}
.trait-sub
{
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}
.trait-left{
	float: left;
	width: 160px;
	padding-right: 10px;
}
.trait-left.scale{
	font-weight:bold;
	-webkit-font-smoothing: antialiased;
}
.trait-right{
	float: left;
	width: calc(100% - 175px);
}
@media screen and (max-width: 800px) {
    .trait-right{
        float: none;
        width: 100%;
    }
    .trait-left{
        float: none;
        margin: auto;
    }
    .trait-desc{
        text-align: center;
    }
}
.traits-right.desc{
	font-size:.9em;
}
.trait-left.header, .impact-left{
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}
.trait-right.inc{
	padding-top: 10px;
}
.trait-right.inc .sub-trait{
    padding: 1px 7px 3px 0;
    float: left;
}
.sub-trait .sub-score{
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #FFF;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-right: 2px;
}
.trait-abbr{
    font-size: 12px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: normal;
    color: #002d49;
    margin: 1px auto;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
}
.selected .trait-abbr{
	color: #FFF;
	border-color: #FFF !important;
}
.sub-desc{
    font-weight: lighter;
    white-space: nowrap;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
}
.sub-grade{
    margin-left: 3px;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline;
    line-height: 20px;
}
.sub-more{
    height: 20px;
    line-height: 20px;
    padding-top: 1px;
    float: left;
}
.sub-score.cold{
    background-color: #28aae2;
}
.sub-score.warm{
    background-color: #f06333;
}
.sub-score.neut{
    background-color: #c86a96;
}
.sub-grade.green{
    color: var(--green-color) !important;
}
.sub-grade.red{
    color: var(--red-color) !important;
}
.sub-grade.yellow{
    color: var(--yellow-color) !important;
}
.sub-grade.no-score{
    background: #CCC;
    padding: 3px;
    color: #FFF;
    font-size: 11px;
}
.trait-desc{
	padding-bottom: 10px;
}
.trait-desc ul{
    list-style: disc;
    margin-left: 20px;
}
.trait-pop{
	background-color: #FFF;
	width: 740px;
	padding: 10px;
}
.interview-text{
	float: left;
	margin-left: 5px;
	line-height: 40px;
}
.upgrade-btn {
	padding: 7px 20px;
	font-weight: bold;
	background-color: #d8e021;
	color: #000;
}
.upgrade-btn:hover{
	background-color: #c5ce05;
}

#upgrade.widget-border{
	text-align: center;	
}
#login-frm .frm-buttons{
	padding: 15px 20px;
	background-color: #F4F4F4;
}
#login-frm #welc{
	padding: 10px;
	font-weight: bold;
}
.icon-fld .select2-selection{
	padding-left: 20px;
}
#column2 #login.widget-border, #column2 #assist_signup.widget-border{
	height: calc(100vh - 20px);
	min-height: 0;
	padding: 0;
}
.login-foot{
	position: absolute !important;
	width: 100%;
	bottom: 0;
}
.dashboard-check{
	margin: auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	padding: 8px;
	background: rgba(0,0,0,0.05);
}
.dashboard-check path{
	fill: #808080;
}
.dashboard-check.green{
	background: rgba(0, 175, 159, 0.12);
}
.dashboard-check.green path{
	fill: #2cba3c;
}
.dashboard-check.yellow{
	background: rgba(203, 172, 16, 0.1);
}
.dashboard-check.yellow path{
	fill: #CBAC10;
}
.dashboard-check.red{
	background: #dd1c0713;
}
.dashboard-check.red path{
	fill: #dd1d07;
}
.dashboard-stat .pie-inner, #learncourses .pie-inner, #learnteam .pie-inner, #resume_tbl .pie-inner {
	font-size: 9px;
	color: #666;
	font-weight: bold;
}
.dashboard-header{
	color: var(--dashboard-header) !important;
	padding: 0 0 5px 0;
}
/*  UNUSED */
.slide-btn{
    height: 14px;
    width: 14px;
    float: left;   
    border-radius: 8px;
    line-height: 13px;
    text-align: center;
    margin-top: 16px;   
}
.slide-btn.enabled-link{
	cursor: pointer !important;
	border: 1px solid #999;
	color: #999;
}
.slide-btn.disabled-link{
	border: 1px solid #CCC;
	color: #CCC;
}
.slide-btn.enabled-link:hover{
	border: 1px solid #333;
	color: #333;
}
.slide-btn.enabled-link:active{
	color: #222;
	box-shadow: 0px 0px 5px var(--input-form-highlights) !important;
    border: 1px solid var(--input-form-highlights) !important;
}
.smalldot{
	width: 10px;
	height: 10px;
	border-radius: 5px;
	float: left;
	margin: 2px 5px 0 2px;
	line-height: 10px;
	text-align: center;
	color:#FFF;
	font-size: 8px;	
}
.smalldot.incomplete{
	background-color: var(--yellow-color);
}
.smalldot.completed{
	background-color: var(--blue-color);
}
.smalldot.submitted{
	background-color: var(--green-fill);
}

#test_results td, #company_templates td, #company_billing_list td, #job_notification_list td, #job_reminders_list td, #test_results_view td{padding: 10px;}
#test_answer td{padding: 20px 10px;}
.mob #test_answer td {padding: 20px 0 !important;}
#test_answer tr{
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.market-cell{
	position: relative;
	width: 289px;
	height: 100px;
	background-color: var(--color-app-highlight);
	border-radius: 20px;
	padding: 15px;
	margin-right: 1.2rem;
	border: 1px solid var(--color-app-border);
}
.market-cell:hover{
	box-shadow: 0 0 6px 0 var(--color-app-shadow);
	background-color: var(--color-app-bg4);
	border: 1px solid var(--color-app-border2);
}
.market-lvl {
    font-size: 13px;
	font-weight: 500;
	padding-left: 110px;
	padding-bottom: 5px;
	color: var(--color-app-fg3);
}
.market-custom{
	padding: 80px;
}
.market-custom2{
	padding: 90px 15px;
}
.market-custom .market-title, .market-custom .market-desc, .market-custom2 .market-title, .market-custom2 .market-desc{
	overflow: visible;
}
.market-cell.market-copilot{
	padding: 40px 80px;
	margin-right: 0;
}
.market-menu, .dashboard-menu{
	margin-right: 40px !important;
	padding: 0 5px 8px 5px;
	margin-bottom: 0 !important;
	line-height: 100%;
	cursor: pointer;
	font-weight: 500;
	font-size: 13.5px;
}
.dashboard-menu[disabled="disabled"]{
	opacity: 0.6;
	cursor: default;
}

a.market-menu.action-link .label, a.dashboard-menu.action-link .label {color: #777; font-weight: 500;text-decoration: none !important;}
a.market-menu.action-link .label:hover, a.dashboard-menu.action-link .label:hover{color: var(--color-app-fg2) !important; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);}
a.market-menu.action-link.active, .dashboard-menu.active{border-bottom: 3px solid var(--colorSec); animation: border_flash 300ms ease-in 1;}
a.market-menu.action-link.active .label, a.dashboard-menu.action-link.active .label{color: var(--color-app-fg2)}; 

.market-menu:last-of-type, .dashboard-menu:last-of-type{
	margin-right: 0 !important;
}
.market-list{
    margin: 20px auto;
}
.market-list .data-grid{
	gap: 1.2rem 0;
}
#copilot_tbl .data-grid{
	max-width: 500px;
	margin: 0 auto;
}
#copilot_tbl_big .market-copilot{
	margin-right:20px;
}

@media screen and (max-width: 705px) {
	.market-menu, .dashboard-menu{
		margin-right: 16px !important;
	}
	.market-custom{
		padding: 15px;
	}

	.market-custom .market-title, .market-custom .market-desc, .market-custom2 .market-title, .market-custom2 .market-desc{
		overflow: hidden;
	}
}
.test-icon{
	display: block;
	border-radius: 3px;
	float: left;
	color: #FFF;
	overflow: hidden;
	text-align: center;		
	background-position: center 10px;
	background-repeat: no-repeat;
	font-family: 'Roboto-Light';
	background-size: 55%;
	cursor: pointer;
}
.test-icon span{
	color: #FFF !important;
}
.highlighted .test-icon{
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
a.test-icon{
	width: 100px;
	height: 100px;
}
div.test-icon.big{
	width: 70px;
	height: 70px;
	background-color: #F2F2F2;
	font-size: 22px;
	line-height: 70px;
	font-weight: bold;
	background-size: 100%;
}
.test-left{
	margin-left: 40px;
}
@media screen and (max-width: 1000px) {
	.test-left{margin-left: 0;}
}
.thumb-action {
	font-weight: normal;
	line-height: 150%;
	display: block;
	color: #DDD !important;
	text-decoration: none !important;
	background-color: #000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: 0.4;
	text-align: center;
	width: 70px;
	position: relative;
	bottom: 22px;
	font-size: 14px;
}
.thumb-action:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;	
}
div.test-icon.normal{
	width: 50px;
	height: 50px;
	font-size: 17px;
	line-height: 50px;
	font-weight: bold;
	background-size: 100%;
}
div.test-icon.small{
	width: 40px;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
	background-size: 100%;
}
a.test-icon:hover{
	text-decoration: none;
}
.test-abbr{
	text-align: center;
	font-weight: bold;	
	font-size: 26px;
	padding: 30px 0 15px 0;
	line-height: 100%;
	height: 25px;
}
.test-type{
	background-color: rgba(0,0,0,0.3);
	font-size: 13px;
	text-align: center;
	padding: 6px 0;
}

.market-title{
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 0 0 10px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 178px;
	height: 18px;
}
.market-desc{
	float: left;
	font-weight: 300;
	padding: 2px 0 0 10px;
	font-size: 13px;
	/* overflow: hidden; */
	width: 178px;
	height: 30px;
	line-height: 120%;
}
.market-more{
	display: block;
	float: left;
	font-weight: bold;	
	font-size: 13px;
	padding: 0 0 0 10px;
	color: #999 !important;
	width: 178px;
}
.market-btn{
	float: right !important;
	margin-top: 3px;
	position: absolute;
	bottom: 10px;
	right: 15px;
	float: none !important;
	margin: 0 !important;
}
.market-cell.market-custom .market-btn {
	right: 80px;
	bottom: 72px;
}
.market-remove div{
	color: var(--red-color) !important;
}
.market-start{
	margin-top: 24px !important;
}
.market-btn.market-copilot{
	bottom: 30px;
	right: 40px;
	padding: 8px 25px;
}
#quest .frm-cont-field{
	border-radius: 3px;
}

.type-read{
	user-select: none;
}
.type-word{
	float: left;
	font-size: 18px;
	padding: 4px 2px;
}
.type-word.active{
	background-color: var(--yellow-highlight);
}
.type-word.correct{
	color: var(--green-color);
}
.type-word.incorrect{
	color: var(--red-color);
}

.feedbac-ans{
	border-radius: 3px;
	padding: 3px;
	float: left;	
	width: 75px;
	text-align: center;
	margin: 6px auto;
}
.feedback-com{
	color: #000;
	clear: both;
	padding-top: 5px;
	font-size: 11px;
}
.acc{
	border: 1px solid var(--green-color);
	background-color: var(--green-background);
	color: var(--green-color);
}
.inacc{
	border: 1px solid var(--red-color);
	background-color: var(--red-background);
	color: var(--red-color);
}
.none{
	color: var(--color-app-fg);
	border: 1px solid var(--color-app-border);
	background-color: var(--color-app-bg2);
	font-size: 0.9em;
}

.row-status{
	text-transform: uppercase;
	font-size: 11px;
	font-family: Helvetica;
	white-space: nowrap;
}
.row-status span{
	padding: 4px 0 3px 0;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
}
.row-status.menu{
	cursor: pointer;
}
.row-status.frm-label{
	margin-top: 2px;
}
.row-status.green{
	color: var(--green-color);
}
.menu.row-status.green:hover, .menu.row-status.green.jpop{
	border-bottom: 2px solid var(--green-color);
}
.row-status.red{
	color: var(--red-color);
}
.menu.row-status.red:hover, .menu.row-status.red.jpop{
	border-bottom: 2px solid var(--red-color);
}
.row-status.yellow{
	color: var(--yellow-color);
}
.menu.row-status.yellow:hover, .menu.row-status.yellow.jpop{
	border-bottom: 2px solid var(--yellow-color);
}
.row-status.blue{
	color: #75b7f9;
}
.menu.row-status.blue:hover, .menu.row-status.blue.jpop{
	border-bottom: 2px solid #75b7f9;
}
.row-status.purple{
	color: var(--bright-ruby-w20);
}
.menu.row-status.purple:hover, .menu.row-status.purple.jpop{
	border-bottom: 2px solid var(--bright-ruby-w20);
}
.row-status.brown{
	color: var(--brown-color);
}.menu.row-status.brown:hover, .menu.row-status.brown.jpop{
	border-bottom: 2px solid var(--brown-color);
}
.row-status.cold{
	color: var(--cold-color);
}
.menu.row-status.cold:hover, .menu.row-status.cold.jpop{
	border-bottom: 2px solid var(--cold-color);
}
.row-status.neut{
	color: var(--neut-color);
}
.menu.row-status.neut:hover, .menu.row-status.neut.jpop{
	border-bottom: 2px solid var(--neut-color);
}
.row-status.hot{
	color: var(--hot-color);
}
.menu.row-status.hot:hover{
	border-bottom: 2px solid var(--hot-color);
}
.row-status.gray{
	color: #AAA;
}
.menu.row-status.gray:hover, .menu.row-status.gray.jpop{
	border-bottom: 2px solid #AAA;
}
.selected .menu.row-status:hover, .selected .menu.row-status.jpop{
	border-bottom: 2px solid #FFF !important;
}
.row-sub{
	font-size:0.8em;color:#999;
	font-weight:normal;
	line-height: 100%;
}
#title-job_info{
    position: relative;
}
#summary-section .simple-rte{
	border-radius: 4px !important;
}
.panel-inside{
	position: relative;
}
.rail #page_title.job-share{
	background-position: center;
}
#page_title .frm-btn-icon:hover{
	background-color: transparent;
}
.login-box{
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	right: 30px;
	box-shadow: 0 1px 2px 0 rgba(60,60,60,0.1),0 2px 20px 2px rgba(60,60,60,0.15);
	padding: 100px 30px 30px 30px;
	background: var(--color-app-bg2) url("/img/logo_loader.svg") no-repeat center 25px;
	background-size: 60px;
	border-radius: 20px;
}
.login-box2{
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	right: 30px;
	box-shadow: 0 1px 2px 0 rgba(60,60,60,0.1),0 2px 20px 2px rgba(60,60,60,0.15);
	padding: 30px;
	background-color: var(--color-app-bg2);
	background-size: 60px;
	border-radius: 20px;
	z-index: 1000;
}
.jules-box{
	padding-top: 54px;
	background: var(--color-app-bg2) var(--jules-logo) no-repeat center 11px;
	background-size: 100px;
}
.login-landing #login{
	background: var(--color-app-bg2) var(--heder-logo) no-repeat 15px 0;
	background-size: 180px;
}
.login-landing #assist_signup, .login-landing #login{
	background: var(--color-app-gradient2);
	background-blend-mode: screen;
}
#content-assist_signup, #content-login{
	min-height: 50px;
	background: var(--heder-logo) no-repeat 15px 0;
	background-size: 190px;
}
.mob #content-assist_signup, .mob #content-login{
	background: none;
}
.login-expired{
	font-size: 20px;
	line-height: 130%;
	font-weight: 300;
	text-align: center;
	color: var(--score-low-alt);
}
.job-share-landing{
	background: var(--landing-img) no-repeat center top;
	background-size: 100%;
}
.mob .job-share-landing{
	background-size: auto;
}
.job-share-landing .frm-buttons{
	text-align: center;
}
.job-share-landing .frm-buttons:not(.rail){
	color: #FFF;
}
.cand-tumb{
	width: 80px;
}
@media screen and (max-width: 1000px) {
	.login-box{
		position: initial;
		margin: 30px auto;
		transform: none;
		background: var(--color-app-bg2) var(--heder-logo) no-repeat center 25px;
		background-size: 200px;
	}
}
@media screen and (max-width: 400px) {
	.login-box{
		box-shadow: none;
	}
}
#change-save{
    transform: translate(-50%);
	left: 50%;
	top: 3px;
    position: fixed;
	z-index: 1001;
	color: #9D9D9D;
}
#change-save svg{
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px 3px 0 0;
}
#change-save path{
	fill: #9D9D9D;
}
#stop-manage{
	left: 50%;
	transform: translate(-50%);
	top: -3px;
	position: fixed;
	z-index: 1003;
	padding: 0 5px;
	cursor: pointer;
	background-color: var(--red-fill);
	text-align: center;
	color: #fff;
	opacity: .7;
	font-size: 10px;
	font-family: monospace;
	transition: all .2s ease;
}
#stop-manage:hover{
	opacity: 0.9;
	top: 0;
}

/* landing styles */
@font-face {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: normal;
	src: url('/css/fonts/Roboto-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Roboto-Light';
	font-style: normal;
	font-weight: normal;
	src: url('/css/fonts/Roboto-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Roboto-Medium';
	font-style: normal;
	font-weight: normal;
	src: url('/css/fonts/Roboto-Medium.otf') format('opentype');
}

/* in widget style fixes */
#questions_tbl .frm-container{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#test_edit_info.widget-border{
	padding-bottom: 15px !important;
}
#test_items.widget-border{
	padding-top: 15px !important;
}
.quest-block{
	padding-left: 30px !important;
	overflow: hidden;
}
.quest-cont:hover .quest-side{
	background-color: var(-color-app-border);
}
.quest-cont:hover{
	background-color: var(--color-app-highlight);
}
.quest-side:hover{
	background: var(--color-app-border) url(/img/drag_handle.svg) no-repeat center center;
	background-size: 12px;
	cursor: grab;
}
.quest-side:hover .quest-num{
	display: none;
}
.quest-side{
	width:20px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: var(--color-app-border);
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	font-size: 0.9em;
	font-weight: bold;
	display: table;
}
.quest-side .done-dot{
	position: absolute;
	top: 12px;
	visibility: hidden;
}
.quest-side.new .done-dot{
	visibility: visible;
}
.quest-num{
	display: table-cell;
	vertical-align: middle;
	line-height: normal;
}
a.trail-sm-icon{
	background-image: url(/img/front2/sm_icons.png?3);
	width: 36px;
	height: 36px;
	float: left;
	display: block;
	margin-left: 9px;
}
#trial-goog{
	background-position: -216px 0;
}
#trial-li{
	background-position: -252px 0;
}
#trial-goog:hover{
	background-position: -216px -36px;
}
#trial-li:hover{
	background-position: -252px -36px;
}
#or-circle{
	width: 28px;
	height: 28px;
	border: 1px solid var(--color-app-border);
	border-radius: 14px;
	line-height: 28px;
	text-align: center;
	margin-top: -15px;
	background-color: var(--color-app-bg2);
	font-size: 0.75em;
	font-weight: 500;
}
.imp-cell{
	border: 1px dotted var(--color-app-border3);
 	padding: 2px;
	color: var(--color-app-fg3);
}
.pie-inner{
	position: relative;
	text-align: center;
	font-family: Roboto;
}
.pie-inner-img{
	text-align: center;
}
.result-scale .pie-inner{
	line-height: 140% !important;
}
.skill-chart .pie-inner-img{
	color: var(--color-app-fg) !important;
	font-weight: bold;
}

#test_results .odd .pie-inner{
	background-color: var(-color-app-bg4);
}

#test_results .even .pie-inner{
	background-color: var(-color-app-bg4);
}
.ind-btn .ia-btn-div{
	padding: 7px 45px;
	font-size: 15px;
	font-weight: normal;
	border-radius: 18px;
	margin-top: 1px;
	line-height: 18px;
	position: absolute;
	top: calc(50% - 215px);
	left: 50%;
	transform: translateX(-50%);
}
.mob-header{
	position: static !important;
	width: auto !important;
}
.pwd-req-left{
	float: left;
	padding: 3px 7px 0 0;
}
.pwd-req-right{
	float: left;
	font-size: 13px;
}

@media screen and (max-width: 960px) {
	#desktopTitlebarWrapper{
		position: relative !important;
	}
}

.welcome-box{
	background: var(--color-app-gradient3) !important;
	height: 440px;
}
.mob .welcome-box{
	height: 540px;
}
.video-box{
	background-color: #000 !important;
	height: 440px;
	display: none;
}
.welcome-box .title{
	color: transparent;
	font-family: 'Roboto-Light';
	font-size: 25px;
	padding-top: 180px;
	text-align: center;
	transition: color 3s ease;
	line-height: 100%;
}
.welcome-box .sub-title{
	font-family: 'Roboto-Light';
	color: transparent;
	padding-top: 40px;
	font-size: 60px;
	text-align: center;
	transition: color 3s ease;
}
.final .welcome-box .sub-title, .final .welcome-box .title{
	color: var(--color-app-fg);
}
.ui-dialog.final{
	background-color: var(--colorSec);
}
#cg-video{
	display: block;
	width: 580px;
	margin: auto;
	height: 434px;
}
.welcome-frm-title{
	padding: 35px 20px 35px 20px;
	font-size: 30px;
	font-weight: lighter;
	font-family: 'Roboto-Light', Helvetica, sans-serif;
}
.welcome-frm-title.activate{
	background: var(--color-app-gradient3);
}
.welcome-frm-title.company{
	background: var(--color-app-gradient3);
}
.terms-msg{
	float: left;
	padding-top: 7px;
	font-size: 12px;
}

#loading{
	text-align: center;
	line-height: 190px;
	width: 70px;
	height: 70px;
	margin: auto;
	background: url(/img/logo_loader.svg) no-repeat top center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	font-size: 15px;
	opacity: 0;
}

.radar-legend span{
	height: 10px;
	display: inline-block;
	width: 10px;
	margin: 6px 4px 0 0;	
}
ul.radar-legend{
	list-style:none !important;
	margin: 0 80px !important;
	padding: 0 !important;
}
.radar-legend li{
	list-style-type: none;
	display: inline;
}
.cand-rank{
    border-radius: 50%;
    width: 32px;
    height: 32px;
	margin: auto;
	color: #999;
    line-height: 32px;
	text-align: center;
	font-family: Roboto;
	font-size: 0.9em;
}
.cand-rank.low{
    border: 2px solid var(--red-color);
	color: var(--red-color);
}
.cand-rank.med{
    border: 2px solid var(--yellow-color);
	color: var(--yellow-color);
}
.cand-rank.high{
    border: 2px solid var(--green-color);
	color: var(--green-color);
}
.cand-rank.gray{
    border: 2px solid #DCDCDC;
}
.cand-rank.blue{
    border: 2px solid var(--blue-background);
}
.cand-rank a{
	text-decoration: none;
}
.cand-rank.low a{
	color: var(--score-low-alt);
}
.cand-rank.med a{
	color: var(--score-mod-alt);
}
.cand-rank.high a{
	color: var(--score-high-alt);
}
.selected .cand-rank a{
	color: #FFF !important;
}
.select-element{
	filter: grayscale(1);
	opacity: 0.6;
	pointer-events: none;
	user-select: none;
}
.selected .select-element{
	filter: none;
	opacity: 1;
	pointer-events: initial;
	user-select: initial !important;
}
.cand-rank svg{
	margin: 8px auto;
}
.cand-rank.high path, .icon-green path{
	fill: var(--green-color);
}
a.like{
	display: block;
	background: rgba(0, 175, 159, 0.1);
	visibility: visible !important;
}
a.like path{
	fill: var(--green-color) !important;
}
a.dislike{
	display: block;
	background: rgba(175, 0, 15, 0.1);
	visibility: visible !important;
}
a.dislike path{
	fill: var(--red-color) !important;
}
.selected a.like path, .selected a.dislike path{
	fill: #FFF !important;
}
.ace_editor{
	height: calc(var(--page-height) - 110px);
	width: 100%;
	border-radius: 3px;
	border: 1px solid var(--color-app-border);
}
#data_edit.ace_editor{
	width: 610px !important;
	height: 500px;
}
#settings_edit.ace_editor{
	width: 99% !important;
	height: 500px;
}
.quest-cont .ace_editor{
	height: 200px;
	width: 99%;
	border-radius: 3px;
	border: 1px solid #9d9d9d;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.spin{
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
	transition: opacity 1s linear;
}

.trait-impact{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: auto;
	border: 1px solid #FFF;
}
#test_traits .selected.pos .trait-abbr{
	background-color: var(--green-color) !important;
	color: #FFF;
	border-color: #FFF !important;
}
#test_traits .selected.neg .trait-abbr{
	background-color: var(--red-color) !important;
	color: #FFF;
	border-color: #FFF !important;
}
.impact-txt{
	text-align:center;
	font-size:12px;
	height:12px;
	margin-top:15px;
	font-weight:bold;
}
/* UNUSED */
.indeed-btn{
	background-color: #fd6128 !important;
	border: 1px solid #fd6128 !important;
	color: #FFF;
}
.indeed-btn:hover{
	background-color: #f77040 !important;
	border: 1px solid #f77040 !important;
	color: #FFF;
}
.indeed-btn:active{
	background-color: #f04306 !important;
	border: 1px solid #f04306 !important;
	color: #FFF !important;
}
.vidright{
	float: left;
	width: calc(100% - 280px);
	margin-left: 15px;
}
.mob .vidright{
	float: none !important;
	width: auto !important;
	margin: 5px 0 0 0 !important;
}
.vidcont{
	float: left;
	background-repeat: no-repeat;
    border-radius: 4px;
    width: 230px;
    height: 149px;
    background-position: center;
    overflow: hidden;
	background-size: 230px;
	background-color: #333;
	border: 1px solid #CCC;
}
.highlighted .vidcont{
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.5);
}
.mob .vidcont{
	float: none !important;
	margin: auto;
}
.viddesc{
	color: var(--color-app-fg);
	margin-top: 10px;
}
.vidpic{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
	background-size: 130px;
}
.vidtitle{
	font-weight: bold;
	font-size: 17px;
	padding: 10px 0;
	color: var(--color-app-fg);
}
.vidsub{
	font-weight: normal;
	font-size: 14px;
	color: #888;
}
.vidblock {
	float: left;
	position: relative;
	width: 58px;
	height: 58px;
	top: 50px;
	left: 50%;
	opacity: 0.5;
	transform: translate(-50%, 0);
}
.highlighted .vidblock{
	opacity: 1;
}
.vidplay {
	width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border: 4px solid #FFF;
    border-radius: 50%;
    background-color: #000;
}
.vidplay span {
    position: absolute;
    top: 8px;
    left: 15px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 30px solid #222;
}
#cg-vid{
	height: 500px;
	background: #000;
}
.vid-control{
	background: #FFF;
	margin: auto;
	display: block;
	outline: none;
	border-radius: 6px;
}
.vid-view{
	margin: 20px auto 0 auto;
	display: block;
	background: #111;
	height: 400px;
	outline: none;
}
iframe.vid-view{
	width: 600px;
}
.mob .vid-view{
	width: 100% !important;
	height: 100% !important;
}
div.vid-view{
	width: 600px;
	height: auto;
}
.vid-warn{
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
	background: var(--yellow-fill);
	margin: auto;
	transform: translateX(-50%);
	padding: 5px 0;
	color: #000;
}
.delete-btn{
	background-color: var(--red-color) !important;
	border-color: var(--red-color) !important;
}
.delete-btn:hover{
	background-color: var(--red-fill) !important;
	border-color: var(--red-fill) !important;
}
#cont-nav{
	width: 900px;
	margin: auto;
	padding: 7px 0 0 0;
	position: relative;
}
#cont-prev, #cont-next{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--color-app-border);
	cursor: pointer;
	background-color: var(--color-app-bg4);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
	position: absolute;
	opacity: 0.9;
	top: 238px;
	z-index: 50;
}
#cont-prev{
	left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;	
}
#cont-next{
	right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#cont-prev:hover, #cont-next:hover{
	opacity: 1;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
	background-color: var(--color-app-bg2);
}
#icon-prev, #icon-next{
	width: 16px;
	height: 16px;
	margin: 11px;
	transform: rotate(45deg);
}
#cont-prev.disabled, #cont-next.disabled{
	cursor: default !important;
}
/* COLOR - learning */
#icon-next{
	border-top: 2px solid #2aabe3;
	border-right: 2px solid #2aabe3;
	margin-left: 8px;
}

#cont-next.submit #icon-next{
	border-top: none;
	display: inline-block;
	transform: rotate(45deg);
	height: 24px;
	width: 12px;
	border-bottom: 2px solid #2aabe3;
	border-right: 2px solid #2aabe3;
	margin-top: 3px;
	margin-left: 12px;
}
#icon-prev{
	border-bottom: 2px solid #2aabe3;
	border-left: 2px solid #2aabe3;
	margin-left: 13px;
}
#cont-prev.disabled #icon-prev, #cont-next.disabled #icon-next{
	border-color: #DDD !important;
}
.quiz-control{
	width: 900px;
	margin: auto;
}
.quiz-control .ui-widget-content{
	height: 506px;
	position: relative;
	overflow: scroll;
}
.quiz-control audio{
	background: #f1f3f4;
    width: 100%;
    position: sticky;
    bottom: 0;
    left: 0;
    height: 30px;
}
/* COLOR - learning */
.quiz-title{
	font-size: 1.4em;
	text-align: center;
	font-weight: bold; 
	color: #2aabe3;
	font-family: Roboto;
	line-height: 150%;
}
.quiz-list{
	font-size: 1.4em;
	list-style: decimal;
	line-height: 150%;
	padding: 0 100px;
}
.quiz-content{
	padding: 5px 50px 20px 50px;
	height: 480px;
	overflow-y: scroll;
}
.frm-btn-default.next-alt{
	background-color: var(--color-app-bg2);
	color: var(--color-app-fg3) !important;
	padding: 8px 15px;
	width: auto !important;
}
.frm-btn-default.next-alt:hover{
	color: var(--color-app-fg) !important;
	background-color: var(--color-app-bg4) !important;
}
@media screen and (max-width: 980px) {
    .vid-control, .quiz-control{
		width: 100% !important; 
		height: auto !important;   
	}
	#cont-nav{
		width: 100% !important;
	}
	#cont-prev, #cont-next{
		top: 50%;
		transform: translate(0, -50%);
	}
	.quiz-control .ui-widget-content{
		height: auto;
	}
}
.learn-btns a{
	box-shadow: none;
	margin: 0 !important;
}
.learn-mngr{
	position: absolute;
    background: var(--color-app-bg2);
    top: 10px;
    right: 5px;
    border: 1px solid var(--green-color);
    padding: 1px 5px;
    font-size: 10px;
    font-weight: bold;
    color: var(--green-color);
    text-transform: uppercase;
    border-radius: 3px;
}
#votes_up.thumb-selected path{
	fill: var(--score-high-alt);
}
#votes_down.thumb-selected path{
	fill: var(--score-low-alt);
}
.widget-msg-warn{
	border: 3px solid var(--yellow-fill);
	border-radius: 3px;
	margin-top: 10px !important;
	background-color: var(--yellow-fill);
	padding: 5px;
	color: #222;
}
.progress {
	height: 1.5em;
	width: 100%;
	background-color: #c9c9c9;
	position: relative;
	text-align: left;
	color: #FFF;
	font-size: 20px;
  }
  .progress:before {
	content: attr(data-label);
	font-size: 0.8em;
	position: absolute;
	text-align: center;
	top: 5px;
	left: 0;
	right: 0;
  }
  .progress .value {
	background-color: var(--blue-color);
	display: inline-block;
	height: 100%;
  }

  .devider-title{
	border-bottom: 1px solid var(--color-app-border);
	margin-bottom: 10px !important;
	padding-left: 0 !important;
  }
  .devider-title .frm-label{
	color: rgb(177, 177, 177);
	margin-bottom: -9px;
	float: left;
	background: var(--color-app-bg2);
	padding-right: 5px;
  }

/* Color variable related classes */
.frm-active svg.btn-icon path {
	fill: var(--colorSec);
}
.frm-active .label {
	color: var(--colorSec);
}
.frm-active .dark-fore svg.btn-icon path {
	fill: var(--blue-fill) !important;
}
.frm-active .dark-fore .label {
	color: var(--blue-fill);
}

.hintbox.ui-tooltip{
	background-color: transparent !important;
}
.hint-arrow{
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	border-top: 2px solid var(--colorPrim);
	border-right: 2px solid var(--colorPrim);
	float: left;
	background-color: var(--color-app-bg);
	margin-left: -11px;
	margin-top: 3px;
}
.hint-text{
	height: 20px;
	line-height: 20px;
	float: left;
	background-color: var(--color-app-bg);
	padding: 4px 10px;
	z-index: 10;
	position: relative;
	font-weight: normal;
	color: var(--color-app-fg);
}
.exclude-item{
	background: repeating-linear-gradient(135deg ,transparent, transparent 1px, var(--color-app-bg) 10px, transparent 2px);
}
.exclude-item .highlighted{
	background: none !important;
}
.rec-instr{
	text-align: center; 
	color: var(--color-app-fg3) !important;
	font-size: 15px;
	height: 18px;
}
.mob .rec-instr{
	height: auto;
}
#app-frm .thumb-box{
	background-color: var(--color-app-bg2);
}
.comp-img{
	width:50px;
	height:50px;
}
.comp-img, img.thumb-svg{
	opacity: 0.5;
}
.comp-div{
	width: 50px;
	height: 50px;
	padding: 18px;
	background-size: 100% !important;
	margin: 5px;
}
#comp_tbl .comp-div{
	filter: grayscale(100%);
	transition: 0.2s filter linear;
}
#comp_tbl .selected .comp-div{
	filter: none;
}
#comp_tbl .selected{
	background-color: transparent !important;
}
#comp_tbl .selected{
	background-color: transparent !important;
	color: var(--color-app-fg);
}
#comp_tbl .selected td:first-of-type{
	background-color: var(--blue-background) !important;
}
#comp_tbl .selected .thumb-box{
	background-color: var(--color-app-bg);
}

.header-info{
	min-height: 80px;
}
.header-info.top{
	border-right: 1px solid var(--color-app-border);
	padding-right: 10px;
	max-width: calc(50% - 100px);
}
.mob .header-info{
	min-height: auto;
	padding: 0 5px;
}
.mob .header-info.top{
	width: calc(100% - 100px);
	border-right: none;
	max-width: none;
}
.mob .header-info.bottom{
	border-top: 1px solid var(--color-app-border);
	width: calc(100% - 100px);
	margin: 5px 0 0 85px;
}
.frm-list-label img{
	margin-top: -5px;
}
.frm-panel-envelope.header-collapsed{
	height: 42px;
	overflow: hidden;
}
.header-collapsed .thumb-img{
	width: 35px !important;
	height: 35px !important;
}
.header-collapsed .thumb-box{
	width: 35px !important;
	height: 35px !important;
}
.header-collapsed .thumb-edit, .header-collapsed .thumb-action
{
	display: none;
}
.header-collapsed div.test-icon.big
{
	width: 35px;
	height: 35px;
	font-size: 13px;
  	line-height: 35px;
}
#cand-info .frm-panel-envelope:not(.header-collapsed) #tags-section
{
	display: block !important;
}

/* Typing Test Custom */
.typing-confirm .frm-checkbox, .typing-confirm  .frm-list-label{
	float: none !important;
}
.typing-confirm .frm-list-label label {
	line-height: 23px;
	margin: -4px 0 0 25px;
	display: block;
}
.margin_auto {
	margin: auto;
}
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
input[type="color"]{
	background: var(--color-app-bg3);
	border: none;
	width: 40px;
	height: 40px;
	margin-top: -8px;
	border-radius: 3px;
}
.spell-err{
    border-bottom: 2px solid red;
    position: relative;
    background-color: #ff000014;
}
.spell-num{
    position: absolute;
    top: -6px;
    right: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid red;
    background-color: red;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}
.tp-feedback{
  border: 1px solid #00b67a;
  border-radius: 2px;
  display: inline-block;
  padding: 12px;
}
.tp-text{
	font-size: 16px;
	margin: 0 5px 1px 0;
	display: inline-block;
    vertical-align: bottom;
	color: var(--color-app-fg2);
	font-weight: 450;
}
.tp-logo{
	display: inline-block;
    vertical-align: bottom;
	width: 80px;
	height: 20px;
	margin: 0 auto;
	background: var(--trustpilot-logo) no-repeat center;
}
.app-report-preview{
	background: var(--app-report-img) no-repeat center;
	width: 600px;
	height: auto;
	aspect-ratio: 1.7;
	background-size: 100%;
	margin: auto;
}
.mob .app-report-preview{
	background-image: var(--app-report-img-mob);
	width: 100%;
	aspect-ratio: 0.76;
}

#php_sel-section{
	margin-top: -37px !important;
}
@media screen and (max-width: 1100px) {
	#php_sel-section{
		display: none;
	}
}
.menu-cmd{
	color: #999;
	font-size: 13px;
	padding-left: 5px;
	display: block;
	float: right;
}
.simple-rte:focus
{
	outline: none;
	box-shadow: 0px 0px 5px var(--input-form-highlights) !important;
	border: 1px solid var(--colorSec) !important;
}
.simple-rte:hover{
	box-shadow: 0 0 2px rgba(0,0,0,0.15);
	border: 1px solid var(--color-app-border3);
}
.simple-rte h1, .simple-rte h2, .simple-rte h3, .simple-rte p{
	margin-bottom: 5px;
}
.simple-rte li{
	margin-left: 20px;
	list-style: disc;
}

#uploadifive-resume_file.uploadifive-button{
	width: 188px !important;
}

.state-changed::after {
        content: '';
        position: absolute;
        height: 2px; 
        background: var(--progress-bar);
        animation: progress 4s infinite ease-in-out ;
    }
    
    @keyframes progress {
    0% {
        left: 0;
        width: 0;
    }
    50% {
        width: 100%;
    }
    100% {
        right: 0;
        width: 0;
    }
}