/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,300,400,600,700);*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

.tour-backdrop {
	opacity: 0.2 !important;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: var(--wt-yellow-ffff00);
	color: var(--wt-black);
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
	quotes: "\201C""\201D""\2018""\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid var(--wt-grey-c0);
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.inner-talents-second,
.submenu ul {
	*zoom: 1;
}

.inner-talents-second:before,
.submenu ul:before,
.inner-talents-second:after,
.submenu ul:after {
	content: " ";
	display: table;
}

.inner-talents-second:after,
.submenu ul:after {
	clear: both;
}

/*@font-face {
    font-family: "line-icons";
    src: url("../fonts/line-icons/line-icons.eot");
    src: url("../fonts/line-icons/line-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/line-icons/line-icons.woff") format("woff"), url("../fonts/line-icons/line-icons.ttf") format("truetype"), url("../fonts/line-icons/line-icons.svg#line-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "line-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icn-"]:before,
[class*=" icn-"]:before {
    font-family: "line-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icn-goals:before {
    content: "\e000";
}

.icn-achievements:before {
    content: "\e002";
}

.icn-carrier:before {
    content: "\e003";
}

.icn-coaching:before {
    content: "\e004";
}

.icn-speech-streamline-talk-user:before {
    content: "\e008";
}

.icn-achievements-1:before {
    content: "\e001";
}

.icn-alert:before {
    content: "\e001";
}

.icn-arrowdown:before {
    content: "\e005";
}

.icn-arrowleft:before {
    content: "\e006";
}

.icn-arrowright:before {
    content: "\e007";
}

.icn-arrowup:before {
    content: "\e009";
}

.icn-carrier-1:before {
    content: "\e00a";
}

.icn-dashboard:before {
    content: "\e00b";
}

.icn-earth:before {
    content: "\e00c";
}

.icn-education:before {
    content: "\e00d";
}

.icn-elearning:before {
    content: "\e00e";
}

.icn-world:before {
    content: "\e00f";
}

.icn-work:before {
    content: "\e010";
}

.icn-stats:before {
    content: "\e011";
}

.icn-skills:before {
    content: "\e012";
}

.icn-search:before {
    content: "\e013";
}

.icn-myrole:before {
    content: "\e015";
}

.icn-like:before {
    content: "\e016";
}

.icn-learning:before {
    content: "\e017";
}

.icn-file:before {
    content: "\e018";
}

.icn-feedback:before {
    content: "\e019";
}

.icn-performance:before {
    content: "\e014";
}

.icn-attachment:before {
    content: "\e01a";
}

.icn-calendar:before {
    content: "\e01b";
}

.icn-flag:before {
    content: "\e01c";
}

.icn-gear:before {
    content: "\e01d";
}

.icn-smile-3:before {
    content: "\e01e";
}

.icn-smile-2:before {
    content: "\e01f";
}

.icn-smile-1:before {
    content: "\e020";
}

.icn-quote:before {
    content: "\e021";
}

.icn-plus:before {
    content: "\e022";
}

.icn-x:before {
    content: "\e023";
}

.icn-user:before {
    content: "\e024";
}

.icn-arrow-right:before {
    content: "\e025";
}

.icn-arrow-up:before {
    content: "\e026";
}

.icn-dropdown:before {
    content: "\e027";
}

.icn-arrow-left:before {
    content: "\e028";
}

.icn-arrow-down:before {
    content: "\e029";
}

.icn-competence:before {
    content: "\e02a";
}

.icn-list:before {
    content: "\e02b";
}

.icn-people:before {
    content: "\e02c";
}

.icn-excell:before {
    content: "\e02d";
}

.icn-smile-5:before {
    content: "\e02e";
}

.icn-smile-4:before {
    content: "\e02f";
}

.icn-edit:before {
    content: "\e030";
}

.icn-switch:before {
    content: "\e031";
}*/

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/icomoon.eot?-33m0ja");
	src: url("../fonts/icomoon/icomoon.eot?#iefix-33m0ja") format("embedded-opentype"),
		url("../fonts/icomoon/icomoon.woff?-33m0ja") format("woff"),
		url("../fonts/icomoon/icomoon.ttf?-33m0ja") format("truetype"),
		url("../fonts/icomoon/icomoon.svg?-33m0ja#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e900";
}

.icon-home2:before {
	content: "\e901";
}

.icon-home3:before {
	content: "\e902";
}

.icon-office:before {
	content: "\e903";
}

.icon-image:before {
	content: "\e90d";
}

.icon-history:before {
	content: "\e94d";
}

.icon-clock:before {
	content: "\e94e";
}

.icon-clock2:before {
	content: "\e94f";
}

.icon-alarm:before {
	content: "\e950";
}

.icon-calendar:before {
	content: "\e953";
}

.icon-undo:before {
	content: "\e965";
}

.icon-redo:before {
	content: "\e966";
}

.icon-undo2:before {
	content: "\e967";
}

.icon-redo2:before {
	content: "\e968";
}

.icon-forward:before {
	content: "\e969";
}

.icon-reply:before {
	content: "\e96a";
}

.icon-bubble:before {
	content: "\e96b";
}

.icon-bubbles:before {
	content: "\e96c";
}

.icon-bubbles2:before {
	content: "\e96d";
}

.icon-bubble2:before {
	content: "\e96e";
}

.icon-bubbles3:before {
	content: "\e96f";
}

.icon-bubbles4:before {
	content: "\e970";
}

.icon-user:before {
	content: "\e971";
}

.icon-users:before {
	content: "\e972";
}

.icon-user-plus:before {
	content: "\e973";
}

.icon-user-minus:before {
	content: "\e974";
}

.icon-user-check:before {
	content: "\e975";
}

.icon-user-tie:before {
	content: "\e976";
}

.icon-search:before {
	content: "\e986";
}

.icon-zoom-in:before {
	content: "\e987";
}

.icon-zoom-out:before {
	content: "\e988";
}

.icon-equalizer:before {
	content: "\e992";
}

.icon-equalizer2:before {
	content: "\e993";
}

.icon-cog:before {
	content: "\e994";
}

.icon-cogs:before {
	content: "\e995";
}

.icon-aid-kit:before {
	content: "\e998";
}

.icon-pie-chart:before {
	content: "\e99a";
}

.icon-stats-dots:before {
	content: "\e99b";
}

.icon-stats-bars:before {
	content: "\e99c";
}

.icon-stats-bars2:before {
	content: "\e99d";
}

.icon-trophy:before {
	content: "\e99e";
}

.icon-meter:before {
	content: "\e9a6";
}

.icon-meter2:before {
	content: "\e9a7";
}

.icon-fire:before {
	content: "\e9a9";
}

.icon-bin:before {
	content: "\e9ac";
}

.icon-bin2:before {
	content: "\e9ad";
}

.icon-switch:before {
	content: "\e9b6";
}

.icon-clipboard:before {
	content: "\e9b8";
}

.icon-list-numbered:before {
	content: "\e9b9";
}

.icon-list:before {
	content: "\e9ba";
}

.icon-list2:before {
	content: "\e9bb";
}

.icon-tree:before {
	content: "\e9bc";
}

.icon-earth:before {
	content: "\e9ca";
}

.icon-flag:before {
	content: "\e9cc";
}

.icon-heart:before {
	content: "\e9da";
}

.icon-warning:before {
	content: "\ea07";
}

.icon-notification:before {
	content: "\ea08";
}

.icon-question:before {
	content: "\ea09";
}

.icon-plus:before {
	content: "\ea0a";
}

.icon-minus:before {
	content: "\ea0b";
}

.icon-info:before {
	content: "\ea0c";
}

.icon-cancel-circle:before {
	content: "\ea0d";
}

.icon-blocked:before {
	content: "\ea0e";
}

.icon-cross:before {
	content: "\ea0f";
}

.icon-checkmark:before {
	content: "\ea10";
}

.icon-checkmark2:before {
	content: "\ea11";
}

.icon-spell-check:before {
	content: "\ea12";
}

.icon-enter:before {
	content: "\ea13";
}

.icon-exit:before {
	content: "\ea14";
}

.icon-play2:before {
	content: "\ea15";
}

.icon-pause:before {
	content: "\ea16";
}

.icon-stop:before {
	content: "\ea17";
}

.icon-previous:before {
	content: "\ea18";
}

.icon-next:before {
	content: "\ea19";
}

.icon-backward:before {
	content: "\ea1a";
}

.icon-forward2:before {
	content: "\ea1b";
}

.icon-play3:before {
	content: "\ea1c";
}

.icon-pause2:before {
	content: "\ea1d";
}

.icon-stop2:before {
	content: "\ea1e";
}

.icon-backward2:before {
	content: "\ea1f";
}

.icon-forward3:before {
	content: "\ea20";
}

.icon-first:before {
	content: "\ea21";
}

.icon-last:before {
	content: "\ea22";
}

.icon-previous2:before {
	content: "\ea23";
}

.icon-next2:before {
	content: "\ea24";
}

.icon-circle-up:before {
	content: "\ea41";
}

.icon-circle-right:before {
	content: "\ea42";
}

.icon-circle-down:before {
	content: "\ea43";
}

.icon-circle-left:before {
	content: "\ea44";
}

.icon-checkbox-checked:before {
	content: "\ea52";
}

.icon-checkbox-unchecked:before {
	content: "\ea53";
}

.icon-file-pdf:before {
	content: "\eada";
}

.icon-file-openoffice:before {
	content: "\eadb";
}

.icon-file-word:before {
	content: "\eadc";
}

.icon-file-excel:before {
	content: "\eadd";
}

/*End Icomoon*/

/* Font */

@font-face {
	font-family: "bebas-neue";
	src: url("../fonts/bebas-neue/BebasNeue-webfont.eot");
	src: url("../fonts/bebas-neue/BebasNeue-webfont.eot?iefix") format("eot"),
		url("../fonts/bebas-neue/BebasNeue-webfont.woff") format("woff"),
		url("../fonts/bebas-neue/BebasNeue-webfont.ttf") format("truetype"),
		url("../fonts/bebas-neue/BebasNeue-webfont.svg#webfont") format("svg");
}

/* Colors */

* {
	font-family: "Open Sans", helvetica, arial;
	color: var(--wt-grey-4c);
}

span,
div {
	color: inherit;
}

body {
	background-color: var(--wt-sand-f7f6f5);
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

#container {
	height: 100%;
}

.user-initial {
	background-color: var(--wt-primary);
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	border-radius: 12px;
	padding-top: 1px;
	display: block;
	color: var(--wt-white);
	font-size: 13px;
	font-weight: 400;
	position: relative;
}

.user-initial:after {
	/*border: 1px solid rgba(0, 0, 0, 0.04);*/
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 12px;
}

.user-initial-medium {
	background-color: var(--wt-primary);
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	border-radius: 16px;
	padding-top: 1px;
	display: block;
	color: var(--wt-white);
	font-size: 13px;
	font-weight: 400;
	position: relative;
}

.user-initial-medium:after {
	border: 1px solid rgba(var(--wt-black-rgb), 0.04);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 12px;
}

.number-of-insights-menu {
	background-color: var(--wt-accent);
	width: 24px;
	text-align: center;
	line-height: 22px;
	border-radius: 40px;
	display: inline-block;
	color: var(--wt-white);
	font-size: 13px;
	font-weight: 400;
	position: relative;
	margin-left: 10px;
	padding-left: 1px;
}

.number-of-insights-menu:after {
	border: 1px solid rgba(var(--wt-black-rgb), 0.04);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 12px;
}

.user-initial-medium-large {
	background-color: var(--wt-primary);
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 45px;
	border-radius: 32px;
	padding-top: 1px;
	display: block;
	color: var(--wt-white);
	font-size: 22px;
	font-weight: 400;
	position: relative;
}

.user-initial-medium-large:after {
	border: 1px solid rgba(var(--wt-black-rgb), 0.04);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 12px;
}

.user-initial-large {
	background-color: var(--wt-primary);
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	border-radius: 32px;
	padding-top: 1px;
	display: block;
	color: var(--wt-white);
	font-size: 26px;
	font-weight: 400;
	position: relative;
}

.user-initial-large:after {
	border: 1px solid rgba(var(--wt-black-rgb), 0.04);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 12px;
}

.user-image {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}

.user-image img {
	width: 100%;
}

.user-image:after {
	border: 1px solid rgba(var(--wt-black-rgb), 0.07);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 12px;
}

.section-title {
	float: left;
	width: 100%;
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 22px;
	padding-left: 20px;
	padding-top: 18px;
	padding-bottom: 18px;
	letter-spacing: 1px;
}

.section-title.temperature {
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.section-header {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	padding-left: 20px;
	padding-top: 18px;
	padding-bottom: 18px;
	letter-spacing: 1px;
}

.btn-gray {
	background-color: var(--wt-grey-bc);
	color: var(--wt-white);
	text-decoration: none;
	border-radius: 3px;
	font-size: 12px;
	text-transform: uppercase;
}

.btn-gray:hover {
	background-color: var(--wt-grey-99) !important;
	color: var(--wt-white);
}

.btn-blue {
	text-decoration: none;
	background-color: var(--wt-primary);
	color: var(--wt-white);
}

.btn-blue:hover {
	background-color: var(--wt-teal-65c6e0);
	color: var(--wt-white);
}

.btn-purple {
	text-decoration: none;
	background-color: var(--wt-accent);
	color: var(--wt-white);
}

.btn-purple:hover {
	background-color: var(--wt-purple-c562d9);
	color: var(--wt-white);
}

.dropdown-menu {
	border-radius: 0 0 3px 3px;
	border: solid 1px var(--wt-grey-cc);
	margin-top: 0;
	position: absolute;
}

.box {
	border: solid 1px var(--wt-grey-e5);
	background-color: var(--wt-white);
	-webkit-box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
	border-radius: 2px;
}

.box .section-title {
	border: none;
	background-color: transparent;
	border-bottom: solid 1px var(--wt-grey-e5);
}

/* General colors */

.bg-red {
	background-color: var(--wt-red-fe6e6d);
}

.bg-blue {
	background-color: var(--wt-primary);
}

.bg-green {
	background-color: var(--wt-secondary);
}

.bg-orange {
	background-color: var(--wt-orange-fd8d3a);
}

.bg-yellow {
	background-color: var(--wt-orange-ffbf40);
}

.bg-purple {
	background-color: var(--wt-accent);
}

.bg-white {
	background-color: var(--wt-white);
}

.red {
	color: var(--wt-red-fe6e6d);
}

.blue {
	color: var(--wt-primary);
}

.green {
	color: var(--wt-secondary);
}

.orange {
	color: var(--wt-orange-fd8d3a);
}

.yellow {
	color: var(--wt-orange-ffbf40);
}

.purple {
	color: var(--wt-accent);
}

/* Color picker */

.picker-red {
	color: var(--wt-white);
	background-color: var(--wt-red-fe6e6d);
	border-color: var(--wt-red-db1c15);
}

.picker-red:hover,
.picker-red:focus,
.picker-red:active,
.picker-red.active,
.open .dropdown-toggle.picker-red {
	color: var(--wt-white);
	background-color: var(--wt-red-bf5352);
	border-color: var(--wt-red-db1c15);
}

.picker-green {
	color: var(--wt-white);
	background-color: var(--wt-secondary);
	border-color: var(--wt-green-008000);
}

.picker-green:hover,
.picker-green:focus,
.picker-green:active,
.picker-green.active,
.open .dropdown-toggle.picker-green {
	color: var(--wt-white);
	background-color: var(--wt-teal-3c8a88);
	border-color: var(--wt-green-008000);
}

.picker-yellow {
	color: var(--wt-white);
	background-color: var(--wt-orange-ffbf40);
	border-color: var(--wt-orange-9e7628);
}

.picker-yellow:hover,
.picker-yellow:focus,
.picker-yellow:active,
.picker-yellow.active,
.open .dropdown-toggle.picker-yellow {
	color: var(--wt-white);
	background-color: var(--wt-orange-ba8b2f);
	border-color: var(--wt-orange-9e7628);
}

.picker-purple {
	color: var(--wt-white);
	background-color: var(--wt-accent);
	border-color: var(--wt-purple-7e458a);
}

.picker-purple:hover,
.picker-purple:focus,
.picker-purple:active,
.picker-purple.active,
.open .dropdown-toggle.picker-purple {
	color: var(--wt-white);
	background-color: var(--wt-purple-7e458a);
	border-color: var(--wt-purple-7e458a);
}

/* Pagination */

.wrap-select {
	display: inline-block;
	position: relative;
}

.wrap-select select {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-cc);
	border-radius: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	height: 30px;
	padding-left: 10px;
	padding-right: 30px;
	display: block;
	color: var(--wt-grey-66);
	font-weight: 400;
	font-size: 13px;
}

.wrap-select select:focus {
	outline: none;
}

.wrap-select:after {
	content: " ";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: var(--wt-grey-cc) transparent transparent transparent;
	right: 10px;
	top: 13px;
	pointer-events: none;
}

.pagination-wrap {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.nr-results {
	font-size: 14px;
	color: var(--wt-grey-66);
	float: right;
	line-height: 30px;
	display: block;
	margin-left: 20px;
	padding-right: 20px;
}

.pagination-wrap .pages .wrap-select {
	float: right;
	margin-right: 10px;
}

.pagination-wrap .pages ul {
	margin: 0;
	padding: 0;
	display: block;
	/*float: right;*/
}

.pagination-wrap .pages li {
	list-style: none;
	display: inline-block;
	/*float: left;*/
}

.pagination-wrap .pages li a {
	background-color: var(--wt-sand-cccbca);
	text-align: center;
	color: var(--wt-white);
	display: block;
	margin-left: 5px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 7px;
	border-radius: 2px;
	min-width: 30px;
	min-width: 30px;
	text-align: center;
	text-decoration: none;
}

.pagination-wrap .pages li a .icon {
	padding-top: 2px;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	top: 1px;
}

.pagination-wrap .pages li a:hover {
	background-color: var(--wt-sand-a6a5a4);
}

.pagination-wrap .pages .active-paging-item {
	background-color: var(--wt-sand-a6a5a4);
	cursor: not-allowed;
	pointer-events: none;
}

.pagination-wrap .pages .disabled-paging-item {
	cursor: not-allowed;
	pointer-events: none;
}

.medal-gold {
	background: url(../../images/prototype/medals.png) transparent;
	display: block;
	height: 48px;
	width: 45px;
	position: absolute;
	background-position: 0 0;
}

.medal-silver {
	background: url(../../images/prototype/medals.png) transparent;
	display: block;
	height: 48px;
	width: 45px;
	position: absolute;
	background-position: -45px 0;
}

.medal-bronze {
	background: url(../../images/prototype/medals.png) transparent;
	display: block;
	height: 48px;
	width: 45px;
	position: absolute;
	background-position: -90px 0;
}

@media (max-width: 768px) {
	.pages {
		float: left;
	}

	.pagination-wrap {
		margin-top: 5px;
		margin-bottom: 20px;
	}
}

/* Achivements Icons */

.achivement-icon {
	background: url(../../images/prototype/achivements.png);
	display: block;
	width: 42px;
	height: 46px;
}

.achivement-icon-leadership {
	background-position: 0 0;
}

.achivement-icon-teamplayer {
	background-position: -42px 0;
}

.achivement-icon-sales-expert {
	background-position: -84px 0;
}

.achivement-icon-customer {
	background-position: -126px 0;
}

.achivement-icon-comunication {
	background-position: -168px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--wt-grey-59);
}

h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}

h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}

a {
	color: var(--wt-primary);
	text-decoration: underline;
}

a:hover {
	color: var(--wt-primary-dark);
	text-decoration: none;
}

a,
a:focus {
	outline: none;
}

.btn {
	text-decoration: none;
}

p {
	color: var(--wt-grey-66);
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
}

/*img {
    max-width: 100%;
}*/

textarea {
	border: solid 1px var(--wt-grey-cc);
	background-color: var(--wt-white);
	-webkit-box-shadow: inset 1px 0 3px 0 rgba(var(--wt-black-rgb), 0.15);
	box-shadow: inset 1px 0 3px 0 rgba(var(--wt-black-rgb), 0.15);
	padding: 10px;
	padding-top: 7px;
	font-size: 13px;
	font-weight: 300;
}

textarea:focus {
	outline: none;
}

input {
	border: solid 1px var(--wt-grey-cc);
	background-color: var(--wt-white);
	-webkit-box-shadow: inset 1px 1px 3px 0 rgba(var(--wt-black-rgb), 0.15);
	box-shadow: inset 1px 1px 3px 0 rgba(var(--wt-black-rgb), 0.15);
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 15px;
	/*display: block;*/
	border-radius: 2px;
	font-size: 13px;
	font-weight: 400;
}

input:focus {
	outline: none;
}

label {
	color: var(--wt-grey-66);
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 70px;
	background-color: var(--wt-white);
}

.navbar {
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.09);
}

.navbar-brand {
	color: var(--wt-white);
	background-color: var(--wt-primary);
	padding-left: 30px;
	height: 70px;
	/*padding-top: 24px;*/
	width: 220px;
}

.navbar-brand img {
	width: 158px;
}

.navbar-brand:hover {
	color: var(--wt-white);
}

.navbar-nav.admin-title {
	display: none;
}

@media (min-width: 768px) {
	.navbar-nav.admin-title {
		padding-top: 20px;
		padding-left: 30px;
		display: block;
	}
}

#navbar-left {
	padding-top: 10px;
	padding-top: 20px;
}

#navbar-left .nav {
	padding-left: 30px;
}

#navbar-left .btn-gray {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}

#navbar-left .btn-gray .icon {
	font-size: 15px;
	position: relative;
	top: 2px;
	margin-right: 7px;
}

.search-main {
	float: right;
	position: relative;
	right: 145px;
}

.search-form .form-group {
	position: relative;
	display: inline-block;
}

.search-form .form-group input {
	background-color: var(--wt-sand-f5f4f2);
	border: none;
	outline: none;
	border-radius: 16px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 15px;
	line-height: 20px;
	padding-left: 20px;
	font-weight: 200;
}

.session-timeline-header .bottom .search-form .form-group input {
	background-color: var(--wt-white);
	width: 250px;
	margin-left: 10px;
}

.paging-area {
	margin-top: 20px;
	margin-bottom: 20px;
}

.search-form .form-group .submit {
	color: var(--wt-white);
	outline: none;
	border: none;
	background-color: var(--wt-sand-d9d8d7);
	width: 28px;
	height: 28px;
	font-size: 13px;
	padding-top: 5px;
	border-radius: 14px;
	position: absolute;
	top: 2px;
	right: 2px;
}

.search-form .form-group .submit:hover {
	background-color: var(--wt-grey-99);
}

.right-navbar {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.right-navbar li {
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

.right-navbar .notification {
	height: 70px;
	color: var(--wt-grey-99);
	font-size: 20px;
	border-left: solid 1px var(--wt-grey-f0);
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	padding-top: 25px;
	position: relative;
	text-decoration: none;
}

.right-navbar .notification .nr {
	position: absolute;
	top: 17px;
	left: 29px;
	background-color: var(--wt-red-f16867);
	color: var(--wt-white);
	font-size: 8px;
	text-align: center;
	min-width: 16px;
	border-radius: 8px;
	border: solid 2px var(--wt-white);
	height: 16px;
}

.right-navbar .notification:hover {
	background-color: rgba(var(--wt-black-rgb), 0.03);
}

.right-navbar .dropdown-toggle {
	display: block;
	border-left: solid 1px var(--wt-grey-f0);
	height: 70px;
	padding-left: 20px;
	padding-right: 20px;
	color: var(--wt-grey-99);
	padding-top: 20px;
}

.right-navbar .dropdown-toggle .icon {
	position: absolute;
	top: 30px;
	right: 20px;
}

.right-navbar .dropdown-toggle:hover {
	background-color: rgba(var(--wt-black-rgb), 0.03);
}

.right-navbar .user-image {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	margin-right: 25px;
}

.right-navbar a {
	text-decoration: none;
}

.right-navbar .user-initial-medium {
	margin-right: 25px;
}

.right-navbar .dropdown-menu li {
	width: 100%;
}

.right-navbar .dropdown-menu li a {
	text-decoration: none;
	color: var(--wt-grey-66);
	padding-top: 10px;
	padding-bottom: 10px;
}

/*** Navbar Temperature ***/

#header-temperature {
	padding-top: 19px;
	padding-right: 20px;
}

#header-temperature .temperature-navigation {
	display: table;
	background-color: var(--wt-sand-f0efed);
	height: 32px;
	border-radius: 16px;
	line-height: 32px;
}

#header-temperature .temperature-navigation > div {
	display: table-cell;
	height: 32px;
	vertical-align: top;
}

#header-temperature .temperature-value {
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	color: var(--wt-grey-99);
	font-weight: 700;
	position: relative;
	padding-left: 15px;
	padding-right: 10px;
}

#header-temperature .temperature-value > span {
	line-height: 32px;
	display: inline-block;
}

#header-temperature .temperature-value .temp {
	text-transform: uppercase;
	padding-right: 10px;
}

#header-temperature .temperature-value > b,
#header-temperature .temperature-value > a.mobile-temp > b {
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	color: var(--wt-grey-99);
}

#header-temperature .icn-temperature-1 {
	font-size: 24px;
	position: absolute;
	top: 3px;
	left: 10px;
	vertical-align: middle;
}

#header-temperature .temperature-percent {
	border-left: solid 2px var(--wt-white);
	padding-left: 10px;
	font-size: 11px;
	color: var(--wt-grey-99);
	font-weight: 600;
	position: relative;
	padding-right: 15px;
	height: 32px;
}

#header-temperature .icn-arrow-down {
	background-color: var(--wt-red-ff7372);
	color: var(--wt-white);
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
	font-size: 8px;
	text-align: center;
	line-height: 16px;
	padding-top: 1px;
	display: inline-block;
	margin-left: 5px;
	/*position: absolute;
	top: 8px;
	right: 40px;*/
}

#header-temperature .icn-arrow-up {
	background-color: var(--wt-green-7ecc61);
	color: var(--wt-white);
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
	font-size: 8px;
	text-align: center;
	line-height: 16px;
	padding-top: 1px;
	display: inline-block;
	margin-left: 5px;
	/*position: absolute;
	top: 8px;
	right: 8px;*/
}

#header-temperature a.show-more {
	display: inline-block;
	margin-left: 10px;
	font-size: 11px;
	line-height: 32px;
	text-decoration: underline;
	color: var(--wt-primary);
}

#header-temperature a:hover,
#header-temperature a:focus,
#header-temperature a:active {
	color: var(--wt-blue-23527c);
}

@media (max-width: 840px) {
	/*#header-temperature {
	    display: none;
	}
    
    .startpage #header-temperature {
        display: block;
    }*/

	#header-temperature .temperature-percent,
	#header-temperature .temperature-value .temp {
		display: none;
	}
}

@media (max-width: 767px) {
	#header-temperature {
		float: none;
		padding-right: 50px;
		padding-top: 9px;
	}

	#header-temperature .temperature-navigation {
		margin-right: auto;
		margin-left: auto;
		background-color: var(--wt-slate-4b5159);
	}

	#header-temperature a .icon {
		display: none;
	}

	#header-temperature .temperature-value {
		padding-left: 15px;
		padding-right: 15px;
	}

	#header-temperature .temperature-value > a.mobile-temp > b {
		color: var(--wt-white);
		padding-left: 2px;
	}
}

/*** End Navbar Temperatur ***/

/*** Start Navbar Switch Organization ***/

#switch-organization-navigation {
	padding-top: 19px;
	padding-right: 20px;
}

#switch-organization-navigation .organization-navigation {
	display: table;
	background-color: var(--wt-sand-f0efed);
	height: 32px;
	border-radius: 16px;
	line-height: 32px;
}

#switch-organization-navigation .organization-navigation > div {
	display: table-cell;
	height: 32px;
	vertical-align: top;
}

#switch-organization-navigation .organization-value {
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	color: var(--wt-grey-99);
	font-weight: 700;
	position: relative;
	padding-left: 15px;
	padding-right: 5px;
}

#switch-organization-navigation .organization-value > span {
	line-height: 32px;
	display: inline-block;
}

#switch-organization-navigation .organization-value .temp {
	text-transform: uppercase;
	padding-right: 10px;
}

#switch-organization-navigation .organization-value > b {
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	color: var(--wt-grey-99);
}

/*** End Navbar Switch Organization ***/

/*** Start Navbar Gamification information ***/

#header-gamification-info {
	padding-top: 19px;
	padding-right: 20px;
}

#header-gamification-info .temperature-navigation {
	display: table;
	background-color: var(--wt-sand-f0efed);
	height: 32px;
	border-radius: 16px;
	line-height: 32px;
}

#header-gamification-info .temperature-navigation > div {
	display: table-cell;
	height: 32px;
	vertical-align: top;
}

#header-gamification-info .temperature-value {
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	color: var(--wt-grey-99);
	font-weight: 700;
	position: relative;
	padding-left: 15px;
	padding-right: 5px;
}

#header-gamification-info .temperature-value > span {
	line-height: 32px;
	display: inline-block;
}

#header-gamification-info .temperature-value .temp {
	text-transform: uppercase;
	padding-right: 10px;
}

#header-gamification-info .temperature-value > b {
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	color: var(--wt-grey-99);
}

#header-gamification-info .temperature-percent {
	border-left: solid 2px var(--wt-white);
	padding-left: 10px;
	font-size: 11px;
	color: var(--wt-grey-99);
	font-weight: 600;
	position: relative;
	padding-right: 15px;
	height: 32px;
}

/*** End Navbar Switch Organization ***/

#left-menu {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 16px;
	background-color: transparent;
}

#left-menu span {
	display: block;
	height: 3px;
	background-color: var(--wt-white);
	margin-bottom: 4px;
	border-radius: 1px;
}

.navbar-toggle {
	margin: 0;
	height: 60px;
	padding-top: 15px;
}

.navbar-toggle .icon-bar {
	background-color: var(--wt-grey-cc);
	height: 4px;
	margin-bottom: 4px;
}

.navbar-toggle:hover {
	background-color: rgba(var(--wt-black-rgb), 0.03);
}

.navbar-toggle:hover .icon-bar {
	background-color: var(--wt-grey-99);
}

.navbar-collapse {
	background-color: var(--wt-white);
	border-top: 0px;
}

.notification-dropdown .title {
	font-size: 14px;
	color: var(--wt-grey-66);
	display: block;
	line-height: 17px;
	margin-bottom: 10px;
}

.notification-dropdown ul {
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}

.notification-dropdown ul li {
	display: table;
}

.notification-dropdown ul li a {
	background-color: var(--wt-sand-f7f6f5);
	display: block;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 10px;
	color: var(--wt-grey-99);
	text-decoration: none;
}

.notification-dropdown ul li a:hover {
	text-decoration: underline;
}

.notification-dropdown .user-image {
	display: table-cell;
}

.notification-dropdown .flag {
	display: table-cell;
}

.notification-dropdown .flag a {
	text-decoration: none;
}

.notification-dropdown .name {
	display: table-cell;
	padding-left: 10px;
}

.notification-dropdown .info {
	display: table-cell;
	padding-left: 10px;
	font-size: 10px;
}

.notification-dropdown .info span:hover {
	text-decoration: underline;
}

.header-buttons {
	float: left;
	padding-left: 30px;
	padding-top: 19px;
	list-style: none;
}

.header-buttons ul {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-buttons ul li {
	display: table-cell;
}

.header-buttons > btn {
	display: inline-block;
}

@media (min-width: 768px) {
	.header-buttons .btn-gray {
		background-color: var(--wt-primary);
	}

	.header-buttons a:hover.btn-gray {
		background-color: var(--wt-teal-65c6e0) !important;
	}

	.adminTemperature .header-buttons .btn-gray {
		background-color: var(--wt-accent);
	}

	.adminTemperature .header-buttons a:hover.btn-gray {
		background-color: var(--wt-purple-c562d9) !important;
	}
}

.header-buttons .modal-link-kudo {
	margin-right: 10px;
}

.header-submenu-icons {
	display: none;
	/*margin-top: 10px;*/
	position: fixed;
	left: 0;
	right: 0;
	bottom: -1px;
	/*height: 50px;*/
	box-shadow: 2px -1px 4px 1px rgba(var(--wt-black-rgb), 0.09);
}

.header-submenu-icons > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-submenu-icons > ul > li {
	display: block;
	float: left;
	width: 25%;
}

.header-submenu-icons > ul > li a {
	background-color: var(--wt-grey-e6);
	display: block;
	color: var(--wt-slate-5a5f66);
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	padding-top: 2px;
	text-align: center;
}

.header-submenu-icons > ul > li a.yellow {
	padding-top: 3px;
}

.header-submenu-icons > ul > li a.green:hover,
.header-submenu-icons > ul > li a.green:active,
.header-submenu-icons > ul > li.active a.green {
	background-color: var(--wt-teal-50b3b3);
	color: var(--wt-white);
}

.header-submenu-icons > ul > li a.blue:hover,
.header-submenu-icons > ul > li a.blue:active,
.header-submenu-icons > ul > li.active a.blue {
	background-color: var(--wt-primary);
	color: var(--wt-white);
}

.header-submenu-icons > ul > li a.red:hover,
.header-submenu-icons > ul > li a.red:active,
.header-submenu-icons > ul > li.active a.red {
	background-color: var(--wt-red-fe6e6d);
	color: var(--wt-white);
}

.header-submenu-icons > ul > li a.yellow:hover,
.header-submenu-icons > ul > li a.yellow:active,
.header-submenu-icons > ul > li.active a.yellow {
	background-color: var(--wt-orange-ffbf40);
	color: var(--wt-white);
}

@media (min-width: 768px) and (max-width: 992px) {
	.search-form {
		right: 115px;
	}

	.search-form .form-group {
		width: 140px;
	}

	.search-form .form-group input {
		width: 140px !important;
		font-size: 12px;
		padding-left: 10px;
		padding-top: 9px;
		padding-bottom: 6px;
	}

	#navbar-left .btn-gray {
		font-size: 10px;
		padding-left: 6px;
		padding-right: 6px;
	}

	#navbar-left .btn-gray .icon {
		font-size: 13px;
		margin-right: 5px;
	}

	.header-buttons {
		padding-left: 20px;
	}

	.header-buttons .btn-gray {
		font-size: 10px;
		padding-left: 6px;
		padding-right: 6px;
	}

	.header-buttons .btn-gray .icon {
		font-size: 13px;
		margin-right: 5px;
	}

	#navbar-left .nav {
		padding-left: 15px;
	}

	.right-navbar .notification {
		padding-left: 15px;
		padding-right: 15px;
	}

	.right-navbar .notification .nr {
		left: 24px;
	}

	.right-navbar .dropdown-toggle {
		padding-left: 10px;
		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	#header {
		background-color: var(--wt-slate-41464d);
		height: 100px;
	}

	#navbar-left {
		padding-top: 0 !important;
	}

	/* Bota edit 2015-09-29 */
	/*#navbar-left {
        padding-top: 0;
        background-color: #fff;
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px;
    }

    #navbar-left > .nav{
        display: table;
        width: 100%;
        padding-top: 15px;
    }
    #navbar-left > .nav > li{
        width: 50%;
        padding-right: 5px;
        padding-left: 5px;
        display: table-cell;
    }*/

	.navbar-brand {
		display: none;
	}

	.right-navbar {
		right: 45px;
	}

	.right-navbar .dropdown-toggle,
	.right-navbar .notification {
		height: 60px;
		border: none;
		/*padding-left: 12px !important;
            padding-right: 12px !important;*/
		padding-top: 22px;
	}

	.right-navbar .dropdown-toggle .nr,
	.right-navbar .notification .nr {
		top: 10px;
		left: 34px;
		border: solid 2px var(--wt-slate-41464d);
	}

	.right-navbar .dropdown-toggle .nr,
	.right-navbar .dropdown-notifications.open .notification .nr {
		border: solid 2px var(--wt-grey-f8);
	}

	.right-navbar .dropdown-toggle {
		padding-top: 15px;
	}

	.right-navbar .dropdown-toggle .user-image {
		margin-right: 20px;
	}

	.right-navbar .dropdown-toggle .user-initial-medium {
		margin-right: 20px;
	}

	.right-navbar .dropdown-toggle .icon {
		right: 10px;
		top: 25px;
	}

	.navbar-nav {
		margin: 0;
		padding-top: 20px;
		padding-left: 0 !important;
	}

	.navbar-nav li {
		margin-bottom: 10px;
	}

	.navbar-nav .btn-gray {
		margin-right: 0 !important;
	}

	.search-form {
		position: static;
		float: none;
		width: 100%;
	}

	.search-form .form-group {
		display: block;
	}

	#select-user-dropdown .search-form .form-group {
		display: table;
	}

	.search-form .form-group input {
		width: 100%;
	}

	.right-navbar {
		position: static;
	}

	.navbar-toggle {
		position: absolute;
		right: 5px;
	}

	.notification-dropdown {
		width: 100%;
		min-height: 420px;
		max-height: 600px;
	}

	.dropdown-notifications {
		position: static;
	}

	.navbar-header .dropdown-user {
		position: absolute;
		top: 50px;
		right: 10px;
		width: 40px;
		height: 40px;
	}

	.navbar-header .dropdown-user .dropdown-toggle,
	.navbar-header .dropdown-user .dropdown-toggle:hover {
		background-color: var(--wt-slate-515861);
		height: 40px;
		border: none;
		border-radius: 3px;
		padding: 0;
		padding-top: 13px;
		text-align: center;
		color: rgba(var(--wt-white-rgb), 0.8);
	}

	.navbar-header .dropdown-user .dropdown-toggle .icon {
		position: static;
	}

	.navbar-header .dropdown-user > a .user-image,
	.navbar-header .dropdown-user > a .user-initial-medium {
		display: none;
	}

	.right-navbar li {
		float: none;
	}

	#notification-area {
		position: absolute;
		top: 0;
		right: 0;
	}

	#intercom-area {
		position: absolute;
		top: -2px;
		right: 50px;
	}

	#intercom-area .intercom-toggle {
		font-size: 20px;
		color: var(--wt-grey-99);
		border: none;
		height: 50px;
		padding-top: 15px;
		padding-left: 25px;
		padding-right: 25px;
		float: right;
	}

	#intercom-area .intercom-toggle:hover {
		background-color: transparent;
	}

	#notification-area .notification {
		border: none;
		height: 50px;
		padding-top: 15px;
		padding-left: 25px;
		padding-right: 25px;
		float: right;
	}

	#notification-area .notification:hover {
		background-color: transparent;
	}

	#notification-area .open .notification {
		background-color: var(--wt-grey-f8);
	}

	#notication-area .dropdown-notifications {
		width: 100%;
	}

	.header-buttons {
		float: none;
		clear: left;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 60px;
	}

	.header-buttons ul {
		width: 100%;
	}

	.header-buttons .btn-gray {
		background-color: var(--wt-slate-515861);
		color: var(--wt-white);
		font-size: 11px;
		font-weight: 700;
		line-height: 20px;
		padding-top: 9px;
		padding-bottom: 9px;
		display: block;
	}

	.showMobileSubMenu .header-submenu-icons {
		display: block;
	}

	/* Only on start page*/
	.startpage {
		padding-top: 90px;
	}

	.startpage .navbar-toggle {
		display: none;
	}

	.startpage .navbar #navbar-left {
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}

	.startpage .navbar #navbar-left > .nav {
		display: table;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.startpage .navbar #navbar-left > .nav > li {
		display: table-cell;
		padding: 0 5px 5px 5px;
	}
}

@media (max-width: 390px) {
	.navbar-brand {
		width: 100px;
		padding-left: 0px;
		padding-right: 5px;
	}
}

#main {
	margin-left: 220px;
	margin-right: 320px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.main-content-wrapper {
	padding-left: 30px;
	padding-right: 30px;
	overflow-x: hidden;
}

@media (min-width: 767px) {
	.main-content-wrapper {
		overflow-x: visible;
	}
}

.intro h1 {
	color: var(--wt-grey-99);
	font-size: 32px;
	letter-spacing: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-weight: 700;
}

/* Intro Stats */

.intro-stats {
	display: table;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
	color: var(--wt-white);
}

.intro-stats .left {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding-left: 15px;
	padding-right: 15px;
}

.intro-stats .left .icon {
	text-align: center;
	font-size: 44px;
	height: 48px;
}

.intro-stats .right {
	display: table-cell;
	padding: 10px 20px;
}

.intro-stats .right .big {
	font-size: 37px;
	line-height: 42px;
	font-weight: 700;
}

.intro-stats .right .small {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	min-height: 16px;
}

.intro-stats-green .left {
	background-color: var(--wt-secondary-dark);
}

.intro-stats-green .right {
	background-color: var(--wt-secondary);
}

.intro-stats-orange .left {
	background-color: var(--wt-orange-f08637);
}

.intro-stats-orange .right {
	background-color: var(--wt-orange-fd8d3a);
}

.intro-stats-blue .left {
	background-color: var(--wt-primary-dark);
}

.intro-stats-blue .right {
	background-color: var(--wt-primary);
}

.intro-stats-yellow .left {
	background-color: var(--wt-orange-f2b53d);
}

.intro-stats-yellow .right {
	background-color: var(--wt-orange-ffbf40);
}

.intro-stats-red .left {
	background-color: var(--wt-red-f16867);
}

.intro-stats-red .right {
	background-color: var(--wt-red-fe6e6d);
}

.intro-stats-purple .left {
	background-color: var(--wt-purple-a65bb5);
}

.intro-stats-purple .right {
	background-color: var(--wt-accent);
}

.stats-row {
	margin-left: -5px;
	margin-right: -5px;
	padding-bottom: 20px;
}

.stats-row a {
	text-decoration: none;
}

.stats-row > div {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* Goals */

.goals {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	border-radius: 4px;
	padding: 20px;
	padding-bottom: 0;
	padding-top: 18px;
}

.goals .title {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 16px;
	margin-bottom: 15px;
}

.goals .blue .title {
	color: var(--wt-primary);
}

.goals .green .title {
	color: var(--wt-secondary);
}

.goals .green .title a {
	color: var(--wt-secondary);
	text-decoration: none;
}

.goals .green .title a:hover {
	color: var(--wt-primary);
}

.goals .blue .title a {
	color: var(--wt-primary);
	text-decoration: none;
}

.goals .blue .title a:hover {
	color: var(--wt-primary);
}

@media (min-width: 992px) {
	.goals .green {
		padding-right: 10px;
	}

	.goals .blue {
		/*padding-left: 10px;*/
	}
}

.goals-items {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

.goals-items li {
	display: table;
	width: 100%;
	padding-top: 2px;
}

.goals-items li .right,
.goals-items li .left {
	display: table-cell;
}

.goals-items li .left {
	width: 40px;
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px 0 0 3px;
}

.goals-items li .left .icon {
	font-size: 20px;
	color: var(--wt-white);
	height: 20px;
}

.goals-items li .right {
	vertical-align: middle;
	padding-left: 15px;
	border-radius: 0 3px 3px 0;
	color: var(--wt-grey-59);
	font-size: 15px;
	line-height: 16px;
	font-weight: 300;
}

.goals-items li .right a {
	color: var(--wt-grey-59);
	text-decoration: none;
}

.goals-items li .right a:hover {
	color: var(--wt-teal-59b0c5);
}

.goals-items .goal-blue {
	background-color: var(--wt-blue-6bb2ed);
}

.goals-items .goal-purple {
	background-color: var(--wt-purple-a491ff);
}

.goals-items .goal-orange {
	background-color: var(--wt-orange-fa9d7e);
}

.goals-items .goal-yellow {
	background-color: var(--wt-yellow-f5d762);
}

.goals-items .goal-green {
	background-color: var(--wt-green-78e092);
}

.green .goals-items .right {
	background-color: var(--wt-slate-f0f7f7);
}

/*.green .goals-items .left {
    background-color: #4db1af;
}*/

.blue .goals-items .right {
	background-color: var(--wt-slate-edf3f5);
}

/*.blue .goals-items .left {
    background-color: #59b0c7;
}*/

/* My Actions */

.my-actions-wrap {
	padding: 30px 15px 30px 15px;
}

.section-title.red {
	color: var(--wt-red-fe6e6d);
}

.my-learning-wrap .section-title.orange a {
	color: var(--wt-orange-fd8d3a);
	text-decoration: none;
}

.my-learning-wrap .section-title.orange a:hover {
	color: var(--wt-primary);
}

.my-actions-wrap .section-title.red a {
	color: var(--wt-red-fe6e6d);
	text-decoration: none;
}

.my-actions-wrap .section-title.red a:hover {
	color: var(--wt-primary);
}

.my-actions {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.my-actions li {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	border-left: none;
	border-top: none;
	display: table;
	width: 100%;
}

.my-actions li > div {
	display: table-cell;
}

.my-actions li.darkblue .id {
	border-left: solid 4px var(--wt-blue-225378);
}

.my-actions li.darkblue .id span {
	border-color: var(--wt-blue-225378);
	color: var(--wt-blue-225378);
}

.my-actions li.blue .id {
	border-left: solid 4px var(--wt-primary);
}

.my-actions li.blue .id span {
	border-color: var(--wt-primary);
	color: var(--wt-primary);
}

.my-actions li.green .id {
	border-left: solid 4px var(--wt-green-72c291);
}

.my-actions li.green .id span {
	border-color: var(--wt-green-72c291);
	color: var(--wt-green-72c291);
}

.my-actions li.darkpink .id {
	border-left: solid 4px var(--wt-pink-804663);
}

.my-actions li.darkpink .id span {
	border-color: var(--wt-pink-804663);
	color: var(--wt-pink-804663);
}

.my-actions li.pink .id {
	border-left: solid 4px var(--wt-pink-e67696);
}

.my-actions li.pink .id span {
	border-color: var(--wt-pink-e67696);
	color: var(--wt-pink-e67696);
}

.my-actions li.purple .id {
	border-left: solid 4px var(--wt-purple-a280c8);
}

.my-actions li.purple .id span {
	border-color: var(--wt-purple-a280c8);
	color: var(--wt-purple-a280c8);
}

.my-actions .id {
	background-color: var(--wt-sand-f7f6f5);
	text-align: center;
	width: 50px;
	height: 49px;
	padding: 10px;
	vertical-align: middle;
	border-left: solid 4px var(--wt-grey-cc);
}

.my-actions .id span {
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	border: solid 1px var(--wt-grey-cc);
	border-radius: 20px;
	height: 26px;
	padding-top: 2px;
	width: 26px;
	display: block;
}

.my-actions .text {
	vertical-align: middle;
	padding-left: 20px;
	color: var(--wt-grey-59);
	font-size: 15px;
	font-weight: 600;
	padding-right: 50px;
}

.my-actions .text a {
	text-decoration: none;
	color: var(--wt-grey-59);
	font-weight: 600;
}

.my-actions .text a:hover {
	color: var(--wt-primary);
}

.my-actions .drag-btn {
	display: block;
	position: absolute;
	top: 17px;
	right: 20px;
}

.my-actions .drag-btn span {
	background-color: var(--wt-grey-e6);
	display: block;
	margin-bottom: 3px;
	height: 3px;
	width: 20px;
}

.my-actions .drag-btn:hover span {
	background-color: var(--wt-grey-cc);
	cursor: move;
}

/* My learning */

.my-learning-wrap .section-title {
	margin-bottom: 20px;
	color: var(--wt-orange-fd8d3a);
}

.my-learning-wrap .row {
	margin-left: -5px;
	margin-right: -5px;
}

.my-learning-wrap .row > div {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.my-learning-wrap .item {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	border-radius: 3px;
}

.my-learning-wrap .item.finished,
.learnings .item.finished {
	background-color: var(--wt-slate-edf7f7);
}

.my-learning-wrap .item.finished:after,
.learnings .item.finished:after {
	content: "\e039";
	content: "\e030";
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 18px;
	height: 18px;
	display: block;
	border-radius: 50%;
	border: solid 2px var(--wt-slate-edf7f7);
	font-size: 9px;
	padding-left: 0px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 17px;
	background-color: var(--wt-secondary);
	color: var(--wt-white);
	z-index: 2;
}

.learnings .item.finished:after {
	top: 24px;
	left: 10px;
}

.my-learning-wrap .name {
	display: table;
	width: 100%;
}

.my-learning-wrap .name .left-icon,
.my-learning-wrap .name .text {
	display: table-cell;
	vertical-align: middle;
	height: 70px;
}

.my-learning-wrap .name .left-icon {
	padding-left: 20px;
	padding-right: 20px;
	width: 70px;
}

.my-learning-wrap .name .left-icon .icon {
	width: 32px;
	font-size: 32px;
	color: var(--wt-orange-fd8d3a);
}

.my-learning-wrap .name .text {
	color: var(--wt-grey-59);
	font-size: 15px;
	font-weight: 600;
}

.my-learning-wrap .name .text a {
	color: var(--wt-grey-59);
	text-decoration: none;
}

.my-learning-wrap .name .text a:hover {
	color: var(--wt-primary);
}

.my-learning-wrap .status .procente {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}

.my-learning-wrap .text:hover .procente {
	visibility: visible;
	opacity: 1;
}

.my-learning-wrap .name .status .date {
	font-size: 10px;
	line-height: 12px;
	color: var(--wt-grey-66);
	padding-right: 5px;
	display: inline-block;
}

.my-learning-wrap .name .status .progress-wrap {
	display: inline-block;
	width: 90px;
	position: relative;
	top: -1px;
}

.my-learning-wrap .progress-description {
	font-size: 11px;
	color: var(--wt-grey-66);
	font-weight: bold;
}

.my-learning-wrap .name .status .progress-wrap .progress-bar {
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-grey-eb);
	box-shadow: none;
	-webkit-box-shadow: none;
}

.my-learning-wrap .name .status .progress-wrap .progress-bar .progress-bar-complete {
	width: 20%;
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-secondary);
}

.my-learning-wrap .name .status .progress-wrap .procente {
	background-color: var(--wt-secondary);
	color: var(--wt-white);
	display: block;
	position: absolute;
	top: -6px;
	left: 100px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
	padding: 2px 4px;
	border-radius: 2px;
	margin-left: 5px;
}

.my-learning-wrap .name .status .progress-wrap .procente:before {
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent var(--wt-secondary) transparent transparent;
}

.my-learning-wrap .details {
	display: table;
	width: 100%;
	clear: both;
	border-top: solid 1px var(--wt-grey-eb);
}

.my-learning-wrap .details .category,
.my-learning-wrap .details .date {
	display: table-cell;
	background-color: var(--wt-sand-f5f4f2);
	color: var(--wt-grey-b2);
	font-size: 13px;
	font-weight: 600;
	height: 40px;
	vertical-align: middle;
}

.my-learning-wrap .details .category {
	padding-left: 20px;
}

.my-learning-wrap .details .date {
	border-left: solid 1px var(--wt-white);
	width: 105px;
	padding-left: 15px;
}

.my-learning-wrap .details .date a {
	text-align: left;
	/*color: #fd8d3a;*/
	color: var(--wt-white);
	font-size: 13px;
}

/*.my-learning-wrap .details .date a:hover {
                color: #59b0c7;
            }*/

.my-learning-wrap .details .date span.glyphicon {
	margin-top: 2px;
}

.my-learning-wrap .details .date span.play {
	font-weight: 600;
	margin-left: 3px;
	font-size: 13px;
}

/* Responsive */

@media (max-width: 768px) {
	.main-content-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main {
		padding-top: 20px;
	}
}

#sidebar-left {
	width: 220px;
	background-color: var(--wt-slate-343a40);
	height: 100%;
	position: fixed;
	color: var(--wt-white);
}

#sidebar-left .btn {
	text-transform: uppercase;
	font-size: 12px;
	display: block;
}

.sidebar-title {
	clear: both;
	display: block;
}

.sidebar-title .title {
	color: var(--wt-slate-71757a);
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 14px;
	padding-left: 30px;
	vertical-align: middle;
	float: left;
	padding-top: 20px;
}

#left-sidebar-toggle {
	display: block;
	height: 50px;
	width: 30px;
	float: right;
	background-color: rgba(var(--wt-white-rgb), 0.05);
	padding-top: 17px;
	text-align: center;
	color: var(--wt-slate-aeb0b3);
}

#left-sidebar-toggle:hover {
	background-color: rgba(var(--wt-white-rgb), 0.1);
	cursor: pointer;
	color: var(--wt-white);
}

#left-sidebar-toggle .icon {
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
}

#left-sidebar-toggle .icon:before {
	content: "\e006";
}

.sidebar-title:before,
.sidebar-title:after {
	content: " ";
	display: table;
}

.sidebar-title:after {
	clear: both;
}

.sidebar-title {
	*zoom: 1;
}

.sidebar-menu {
	margin-top: 30px;
	color: var(--wt-white);
}

.sidebar-navigation {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	border-bottom: solid 1px rgba(var(--wt-black-rgb), 0.15);
}

.sidebar-navigation li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-navigation li a {
	color: var(--wt-slate-aeb0b3);
	padding-left: 57px;
	padding-top: 11px;
	padding-bottom: 11px;
	display: block;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	border-left: solid 3px var(--wt-slate-343a40);
	text-decoration: none;
}

.sidebar-navigation li a .icon {
	display: block;
	position: absolute;
	left: 30px;
	margin-right: 15px;
	margin-top: 1px;
	width: 20px;
	text-align: center;
	font-size: 16px;
}

.sidebar-navigation li.active a,
.sidebar-navigation li a:hover {
	border-left: solid 3px var(--wt-primary);
	background-color: rgba(var(--wt-black-rgb), 0.1);
	color: var(--wt-white);
}

#sidebar-left .feedback-link {
	padding-left: 30px;
	position: absolute;
	bottom: 80px;
}

#sidebar-left .feedback-link a {
	color: var(--wt-slate-aeb0b3);
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 1px;
	text-decoration: underline;
}

#sidebar-left .feedback-link a:hover {
	color: var(--wt-white);
}

.left-sidebar-small .feedback-link {
	display: none;
}

@media (max-width: 768px) {
	#sidebar-left .feedback-link {
		bottom: 40px;
		width: 100%;
		text-align: center;
		padding-left: 0px;
	}
}

@media (min-width: 768px) {
	/* Right Sidebar Small */
	.left-sidebar-small #main {
		margin-left: 60px;
	}

	.left-sidebar-small #main.new-navigation {
		margin-left: 72px;
	}

	.left-sidebar-small #sidebar-left {
		width: 60px;
	}

	.left-sidebar-small #sidebar-left .sidebar-title .title {
		display: none;
	}

	.left-sidebar-small #sidebar-left .sidebar-title #left-sidebar-toggle {
		width: 100%;
		float: none;
	}

	.left-sidebar-small #sidebar-left .sidebar-title #left-sidebar-toggle .icon:before {
		content: "\e008";
	}

	.left-sidebar-small #sidebar-left .sidebar-navigation .text {
		display: none;
	}

	.left-sidebar-small #sidebar-left .sidebar-navigation .icon {
		padding-top: 3px;
		height: 15px;
		left: 20px;
		font-size: 20px;
	}

	.left-sidebar-small #sidebar-left .sidebar-navigation a {
		height: 50px;
		padding-left: 27px;
	}

	.left-sidebar-small .wrap-btn-left-sidebar {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}

	.left-sidebar-small .wrap-btn-left-sidebar .btn {
		text-indent: -9999px;
		position: relative;
		display: block;
	}

	.left-sidebar-small .wrap-btn-left-sidebar .btn:before {
		content: "\e02f";
		color: var(--wt-white);
		position: absolute;
		font-family: "line-icons" !important;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: block;
		width: 14px;
		height: 14px;
		font-size: 19px;
		top: 5px;
		left: 11px;
		text-indent: 0;
	}
}

.responsive-menu-active {
	display: block !important;
	z-index: 100;
	width: 100% !important;
	overflow-y: scroll;
	margin-top: -40px;
}

.startpage .responsive-menu-active {
	margin-top: -90px;
}

.responsive-menu-active .sidebar-title {
	height: 50px;
	text-align: center;
}

.responsive-menu-active .sidebar-title .title {
	width: 100%;
	padding-left: 0;
}

.btn-close-responsive-menu {
	border: solid 2px rgba(var(--wt-white-rgb), 0.6);
	display: block;
	width: 80%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	line-height: 40px;
	color: rgba(var(--wt-white-rgb), 0.6);
}

.btn-close-responsive-menu:hover {
	background-color: rgba(var(--wt-white-rgb), 0.05);
	text-decoration: none;
	color: var(--wt-white);
}

.wrap-btn-left-sidebar {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}

/* Responsive */

@media (max-width: 767px) {
	#sidebar-left {
		display: none;
	}

	#main {
		margin-left: 0;
	}

	.sidebar-menu {
		margin-top: 20px;
	}

	#left-menu {
		display: block;
	}
}

#sidebar-right {
	width: 320px;
	position: fixed;
	background-color: var(--wt-sand-ebe9e8);
	height: 100%;
	right: 0;
	top: 0;
	padding-top: 70px;
}

#sidebar-right.notification-bar-active {
	top: 50px;
}

#right-sidebar-toggle {
	display: block;
	height: 50px;
	width: 30px;
	float: left;
	background-color: rgba(var(--wt-black-rgb), 0.08);
	padding-top: 17px;
	text-align: center;
	color: var(--wt-white);
}

#right-sidebar-toggle:hover {
	background-color: rgba(var(--wt-black-rgb), 0.14);
	cursor: pointer;
	color: var(--wt-white);
}

#right-sidebar-toggle .icon {
	font-family: "line-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
}

#right-sidebar-toggle .icon:before {
	content: "\e006";
}

/* Activity */

#sidebar-right .title {
	color: var(--wt-grey-4c);
	font-size: 13px;
	line-height: 14px;
	/*text-transform: uppercase;*/
	font-weight: 700;
	display: block;
	clear: both;
	margin-bottom: 10px;
}

.activity {
	padding-top: 35px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
}

.task-items .activity {
	padding-left: 0px;
	padding-top: 15px;
}

.activity .item {
	display: table;
	width: 100%;
	margin-bottom: 13px;
}

.activity .item .col1,
.activity .item .col2,
.activity .item .col3 {
	display: table-cell;
}

.activity .item .col2 {
	font-size: 13px;
	color: var(--wt-grey-73);
}

.activity .item .col2 b {
	color: var(--wt-grey-59);
	font-weight: 700;
}

.activity .item .col2 .action {
	display: block;
	padding-top: 4px;
	font-size: 11px;
}

.activity .item .col2 .action a {
	padding-right: 15px;
	color: var(--wt-grey-99);
	text-decoration: none;
}

.activity .item .col2 .action a .icon {
	font-size: 12px;
	margin-right: 5px;
	display: inline-block;
	position: relative;
	bottom: -2px;
}

.activity .item .col2 .action a .text {
	text-decoration: underline;
}

.activity .item .col2 .action a:hover {
	color: var(--wt-grey-66);
}

.activity .item .col2 .action a:hover .text {
	text-decoration: none;
}

.activity .item .col3 {
	text-align: right;
}

.activity .item .col3 .time {
	border: solid 1px var(--wt-grey-bc);
	color: var(--wt-grey-99);
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 8px;
	text-align: center;
	min-width: 24px;
}

.activity .item .col1 {
	width: 34px;
	padding-right: 5px;
}

.metrics {
	margin-bottom: 20px;
}

.metrics .item {
	display: table;
	width: 100%;
}

.metrics .item .col1,
.metrics .item .col2,
.metrics .item .col3 {
	display: table-cell;
}

.metrics .item .col1 .value {
	background-color: var(--wt-grey-e5);
	border: solid 1px var(--wt-grey-bc);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.metrics .item .col2 {
	font-size: 13px;
	color: var(--wt-grey-73);
}

.metrics .item .col2 b {
	color: var(--wt-grey-59);
	font-weight: 700;
}

.metrics .item .col2 .action {
	display: block;
	padding-top: 4px;
	font-size: 11px;
}

.metrics .item .col2 .action a {
	color: var(--wt-grey-99);
	text-decoration: none;
}

.metrics .item .col2 .action a .icon {
	font-size: 12px;
	margin-right: 5px;
	display: inline-block;
	position: relative;
	bottom: -2px;
}

.metrics .item .col2 .action a .text {
	text-decoration: underline;
}

.metrics .item .col2 .action a:hover {
	color: var(--wt-grey-66);
}

.metrics .item .col2 .action a:hover .text {
	text-decoration: none;
}

.metrics .item .col3 {
	text-align: right;
}

.metrics .item .col3 .time {
	border: solid 1px var(--wt-grey-bc);
	margin-right: 10px;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 16px;
	text-align: center;
	min-width: 24px;
}

.metrics .item .col1 {
	width: 120px;
	padding-right: 5px;
}

@media (min-width: 768px) {
	.right-sidebar-small #main {
		margin-right: 40px;
	}

	.right-sidebar-small #activity-sidebar {
		display: none;
	}

	.right-sidebar-small #sidebar-right {
		width: 40px;
	}

	.right-sidebar-small #sidebar-right #right-sidebar-toggle {
		width: 100%;
		float: none;
	}

	.right-sidebar-small #sidebar-right #right-sidebar-toggle .icon:before {
		content: "\e007";
	}
}

@media (max-width: 768px) {
	#main {
		margin-right: 0;
	}

	#sidebar-right {
		display: none;
	}
}

@media (max-width: 1200px) {
	#main {
		margin-right: 0;
	}
}

/*  Modal Style 1 */

.style1 .modal-content {
	border: none;
}

.style1 .modal-header {
	background-color: var(--wt-white);
	border-bottom: solid 1px var(--wt-grey-db);
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 19px;
	position: relative;
}

.style1 .purple {
	background-color: var(--wt-accent);
}

.style1 .purple h4 {
	color: var(--wt-white);
}

.style1 .modal-body {
	background-color: var(--wt-grey-f5);
	border-radius: 0 0 3px 3px;
}

.style1 .modal-body-kudo {
	background-color: var(--wt-white);
	border-radius: 0 0 3px 3px;
}

.style1 .modal-title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: var(--wt-grey-59);
}

.style1 .close {
	border-left: solid 1px var(--wt-grey-db);
	position: absolute;
	right: 0;
	height: 59px;
	top: 2px;
	width: 60px;
	text-align: center;
	color: var(--wt-grey-bc);
	opacity: 1;
	filter: alpha(opacity=100);
	outline: none;
	background-color: var(--wt-white);
}

.style1 .close .icn-x {
	font-size: 14px;
}

.style1 .close:hover {
	border-left: solid 1px var(--wt-grey-db);
	color: var(--wt-grey-8a);
	background-color: var(--wt-grey-f7);
}

.style1 .feedback-icons {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 70px;
}

.questions {
	padding-top: 30px;
}

.question-wrap {
	background-color: var(--wt-sand-f0eeed);
	/*border: solid 1px #e5e5e5;*/
	border-radius: 3px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	float: left;
	width: 100%;
}

.question-wrap .name {
	color: var(--wt-grey-59);
	font-size: 13px;
	font-weight: 600;
	line-height: 22px;
	float: left;
	margin-top: 15px;
}

.question-wrap .details {
	color: var(--wt-grey-59);
	font-size: 13px;
	font-weight: 500;
}

.style3 .feedback-icons ul {
	list-style: none;
	margin: 0;
	display: table;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: 10px;
	float: right;
}

.style3 .feedback-icons ul > li {
	list-style: none;
	display: table-cell;
	padding: 0;
	padding: 5px;
	clear: both;
}

.style3 .feedback-icons ul > li a {
	border: solid 1px var(--wt-grey-db);
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	line-height: 24px;
	background-color: var(--wt-white);
	font-size: 24px;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 8px;
	text-decoration: none;
}

.feedback-icons .selected {
	border: solid 1px var(--wt-primary) !important;
	background-color: var(--wt-slate-f2f9fa) !important;
	cursor: pointer !important;
}

.feedback-icons.feedback-optional ul > li a {
	width: 75px;
}

.style1 .feedback-icons ul > li a {
	border: solid 1px var(--wt-grey-db);
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	line-height: 38px;
	background-color: var(--wt-white);
	font-size: 38px;
	padding: 15px;
	padding-top: 15px;
	padding-bottom: 11px;
	text-decoration: none;
}

.feedback-icons ul > li a:hover {
	border: solid 1px var(--wt-grey-b3);
	cursor: pointer;
	background-color: var(--wt-grey-f7);
}

.style1 .feedback-icons ul > li a:hover {
	border: solid 1px var(--wt-grey-b3);
	cursor: pointer;
	background-color: var(--wt-white);
}

.feedback-icons .icn-smile-1 {
	color: var(--wt-red-fe6e6d);
}

.feedback-icons .icn-smile-2 {
	color: var(--wt-red-dc807b);
}

.feedback-icons .icn-smile-3 {
	color: var(--wt-orange-ffbf40);
}

.feedback-icons .icn-smile-4 {
	color: var(--wt-green-c0c78b);
}

.feedback-icons .icn-smile-5 {
	color: var(--wt-green-9dc564);
}

.feedback-icons .icn-smile-1::selection {
	color: var(--wt-red-fe6e6d);
}

.feedback-icons .icn-smile-2::selection {
	color: var(--wt-red-dc807b);
}

.feedback-icons .icn-smile-3::selection {
	color: var(--wt-orange-ffbf40);
}

.feedback-icons .icn-smile-4::selection {
	color: var(--wt-green-c0c78b);
}

.feedback-icons .icn-smile-5::selection {
	color: var(--wt-green-9dc564);
}

.feedback-buttons {
	padding: 10px;
}

.feedback-buttons > .btn {
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	width: 60px;
}

/*.btn-lg {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 15px 30px;
}*/

.feedback-buttons .selected {
	color: var(--wt-primary);
}

/*.feedback-icons .icn-checkmark {
    color: #9dc564;
    font-size: 16px;
}

.feedback-icons .icn-close {
    color: #fe6e6d;
    font-size: 15px;
}

.feedback-icons .inner-text {
    font-size: 20px;
}

.feedback-icons .inner-text {
     line-height: 18px;
}

.feedback-icons .inner-text.check {
    color: #9dc564;
}

.feedback-icons .inner-text.no {
    color: #fe6e6d;
}*/

/*  Modal Style 2 */

.style-normal .modal-dialog {
	width: 700px;
}

.style-big .modal-dialog {
	width: 900px;
}

.style2 .modal-content {
	border-radius: 0;
	position: relative;
}

@media (max-width: 768px) {
	.style2 {
		min-height: 100%;
		height: 100%;
		padding-top: 0px;
	}

	.style2 .modal-dialog {
		margin: 0px;
	}

	.style-big {
		min-height: 100%;
		height: 100%;
		padding-top: 0px;
	}

	.style-big .modal-dialog {
		margin: 0px;
	}

	.style-big .modal-content {
		min-height: 100%;
	}
}

.style2 .modal-body {
	padding: 0;
}

.style2 .inner-content {
	display: table;
	width: 100%;
}

.style2 .inner-content .left-bar {
	display: table-cell;
	border-left: solid 15px var(--wt-grey-cc);
	background-color: var(--wt-sand-f7f6f5);
	width: 69px;
	text-align: center;
	padding-top: 20px;
	vertical-align: top;
}

.style2 .inner-content .left-bar span {
	border: solid 1px var(--wt-grey-cc);
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 17px;
	font-weight: 700;
	font-size: 20px;
	margin-left: auto;
	margin-right: auto;
}

.style2 .inner-content .left-bar-goal {
	display: table-cell;
	/*background-color: #4db1af;*/
	width: 69px;
	text-align: center;
	padding-top: 20px;
	vertical-align: top;
}

.style2 .inner-content .left-bar-goal span {
	color: var(--wt-white);
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-weight: 700;
	font-size: 36px;
	margin-left: auto;
	margin-right: auto;
}

.style2 .inner-content .left-bar-learning {
	display: table-cell;
	background-color: var(--wt-orange-fd8d3a);
	width: 69px;
	text-align: center;
	padding-top: 20px;
	vertical-align: top;
}

.style2 .inner-content .left-bar-learning span {
	color: var(--wt-white);
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-weight: 700;
	font-size: 36px;
	margin-left: auto;
	margin-right: auto;
}

.style2 .inner-content .left-bar-session {
	display: table-cell;
	background-color: var(--wt-red-fe6e6d);
	width: 69px;
	text-align: center;
	padding-top: 20px;
	vertical-align: top;
}

.style2 .inner-content .left-bar-session span {
	color: var(--wt-white);
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-weight: 700;
	font-size: 36px;
	margin-left: auto;
	margin-right: auto;
}

.style2 .inner-content .left-bar-membership {
	display: table-cell;
	background-color: var(--wt-accent);
	width: 69px;
	text-align: center;
	padding-top: 20px;
	vertical-align: top;
}

.style2 .inner-content .left-bar-membership span {
	color: var(--wt-white);
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-weight: 700;
	font-size: 36px;
	margin-left: auto;
	margin-right: auto;
}

.style2 .inner-content .right-content {
	display: table-cell;
	vertical-align: top;
}

.style2 .inner-content .right-content .modal-title {
	display: block;
	width: 100%;
}

.style2 .inner-content .right-content .row {
	margin-left: -10px;
	margin-right: -10px;
}

.style2 .inner-content .right-content .row > div {
	padding-left: 10px;
	padding-right: 10px;
}

.style2 .inner-content .wrap-title .modal-title {
	padding-left: 20px;
	padding-top: 25px;
	line-height: 24px;
	margin-bottom: 30px;
}

.style2 .inner-content .wrap-title .close {
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: var(--wt-grey-bc);
	opacity: 1;
	text-align: center;
	padding: 19px 17px 14px 18px;
	border-left: solid 1px var(--wt-grey-db);
	border-bottom: solid 1px var(--wt-grey-db);
	background-color: var(--wt-sand-f7f6f5);
	filter: alpha(opacity=100);
	position: absolute;
	top: 0;
	right: 10px;
}

.style2 .inner-content .wrap-title .close:hover {
	background-color: var(--wt-sand-f0efed);
	border-color: var(--wt-grey-d1);
	color: var(--wt-grey-99);
}

.style2 .inner-content .wrap-title .close:focus {
	outline: none;
}

.style2 .inner-content .inner-content {
	padding-left: 20px;
	font-size: 12px;
}

.style2 .inner-content .inner-content .color-picker {
	margin-bottom: 10px;
	margin-top: 20px;
}

.style2 .inner-content .inner-content .description {
	margin-bottom: 10px;
	margin-top: 20px;
}

.description textarea {
	width: 100%;
	margin-top: 20px;
}

.description.nomarginTop textarea {
	width: 100%;
	margin-top: 0px;
}

.style2 .inner-content .inner-content .description-session {
}

.description-session textarea {
	width: 100%;
}

.timeline-selection {
	margin-top: 10px;
}

.style2 .inner-content .inner-content .subtitle {
	margin-bottom: 10px;
	margin-top: 20px;
}

.style2 .inner-content .inner-content .attachments a {
	padding-right: 20px;
}

.style2 .inner-content .inner-content .attachments a .icon {
	font-size: 16px;
	margin-right: 7px;
	position: relative;
	top: 3px;
}

.style2 .attachments a {
	text-decoration: none;
	display: inline-block;
}

.style2 .attachments a:hover span {
	text-decoration: none;
}

.style2 .attachments span {
	text-decoration: underline;
}

.style2 .attachments .icon {
	text-decoration: none;
}

.icn-excell {
	color: var(--wt-green-007233);
}

.subtitle {
	color: var(--wt-grey-66);
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 5px;
	font-weight: 600;
}

.percentage-wrap {
	padding-top: 18px;
}

.btn-simple-gray {
	background-color: var(--wt-sand-f0eeed);
	color: var(--wt-primary);
	font-size: 14px;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	display: block;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn-simple-gray:hover {
	background-color: var(--wt-sand-e0dfde);
	color: var(--wt-primary-dark);
	text-decoration: none;
}

.btn-simple-purple {
	background-color: var(--wt-accent);
	color: var(--wt-white);
	font-size: 14px;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	display: block;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.btn-simple-purple:hover {
	background-color: var(--wt-purple-7e458a);
	color: var(--wt-white);
	text-decoration: none;
}

.style-2-darkblue .inner-content .left-bar {
	border-left: solid 15px var(--wt-blue-225378);
}

.style-2-darkblue .inner-content .left-bar span {
	color: var(--wt-blue-225378);
	border-color: var(--wt-blue-225378);
}

.style-2-darkpink .inner-content .left-bar {
	border-left: solid 15px var(--wt-pink-804663);
}

.style-2-darkpink .inner-content .left-bar span {
	color: var(--wt-pink-804663);
	border-color: var(--wt-pink-804663);
}

.style-2-green .inner-content .left-bar {
	border-left: solid 15px var(--wt-green-72c291);
}

.style-2-green .inner-content .left-bar span {
	color: var(--wt-green-72c291);
	border-color: var(--wt-green-72c291);
}

.style-2-pink .inner-content .left-bar {
	border-left: solid 15px var(--wt-pink-e67696);
}

.style-2-pink .inner-content .left-bar span {
	color: var(--wt-pink-e67696);
	border-color: var(--wt-pink-e67696);
}

.style-2-purple .inner-content .left-bar {
	border-left: solid 15px var(--wt-purple-a280c8);
}

.style-2-purple .inner-content .left-bar span {
	color: var(--wt-purple-a280c8);
	border-color: var(--wt-purple-a280c8);
}

.btn-add-task {
	margin-top: 20px;
	margin-bottom: 20px;
	text-decoration: none !important;
	background-color: var(--wt-sand-f0eeed);
	color: var(--wt-grey-7f);
	font-size: 13px;
	font-weight: 600;
	width: 100%;
	display: block;
	border-radius: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 40px;
	position: relative;
}

.btn-add-task .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	padding-top: 10px;
	border-radius: 3px 0 0 3px;
	color: var(--wt-white);
	font-size: 10px;
	background-color: var(--wt-sand-dbdad9);
}

.btn-add-task:hover {
	background-color: var(--wt-sand-ebe9e8);
	color: var(--wt-primary);
	text-decoration: none;
}

.btn-add-task:hover .icon {
	background-color: var(--wt-primary);
}

.modal-leave-comment-wrap {
	border-top: solid 1px var(--wt-sand-ebe9e8);
	padding: 20px;
	width: 100%;
	display: table;
}

.modal-leave-comment-wrap .left {
	width: 52px;
	display: table-cell;
}

.modal-leave-comment-wrap .right {
	display: table-cell;
	vertical-align: top;
}

.modal-leave-comment-wrap .right textarea {
	width: 100%;
}

.save-wrap {
	float: right;
	padding-right: 20px;
	width: 100%;
	display: table;
}

.small-user-image {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	overflow: hidden;
}

.small-user-image img {
	max-width: 100%;
}

.modal-right-options {
	padding-right: 20px;
}

.modal-right-options label {
	display: block;
}

.modal-right-options .wrap-select {
	width: 100%;
}

.modal-right-options select {
	width: 100%;
	margin-bottom: 10px;
}

.modal-right-options input {
	width: 100%;
	margin-bottom: 10px;
}

.modal-top-options {
	padding-top: 20px;
	padding-right: 40px;
}

.modal-top-options label {
	display: block;
}

.modal-top-options .wrap-select {
	width: 100%;
}

.modal-top-options select {
	width: 100%;
	margin-bottom: 10px;
}

/*.user-membership .wrap-user-img {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        overflow: hidden;
        border: solid 3px #fff;
    }*/

.membership-title {
	color: var(--wt-grey-4c);
	font-weight: 300;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 5px;
}

.datepicker {
	z-index: 1051 !important;
}

.datepicker .datepicker-switch {
	text-align: center;
}

/* Responsive */

/*@media (max-width: 940px) {
    .style-big .modal-dialog {
        width: 700px;
    }
}*/

@media (max-width: 768px) {
	.style1 {
		padding-top: 60px;
		height: 100%;
	}

	.style1 .modal-dialog {
		margin: 0;
		height: 100%;
	}

	.style1 .modal-content {
		height: 100%;
		border-radius: 0;
	}

	.style1 .modal-header {
		border-bottom: none;
		overflow: visible;
	}

	.style1 .modal-header .modal-title {
		display: none;
	}

	.style1 .modal-body {
		background-color: var(--wt-white);
		border-radius: 0;
	}

	.style1 .modal-body-kudo {
		background-color: var(--wt-white);
		border-radius: 0;
	}

	.style1 .close {
		border: none;
		z-index: 5;
		display: block;
	}

	.style1 .close:hover {
		border: none;
	}

	.modal-backdrop {
		background: transparent;
	}

	.style2 .modal-dialog {
		width: auto;
	}

	.style-big .modal-dialog {
		width: auto;
	}

	.style2 .inner-content .left-bar {
		width: 49px;
	}

	.style2 .inner-content .left-bar span {
		width: 24px;
		height: 24px;
		font-size: 14px;
		line-height: 24px;
	}

	.style2 .right-content .modal-right-options {
		padding-left: 20px;
	}

	.style2 .right-content .inner-content {
		padding-right: 20px;
	}
}

@media (max-width: 480px) {
	.style1 .feedback-icons ul > li {
		padding: 2px;
	}

	.style1 .feedback-icons ul > li a {
		font-size: 24px;
		line-height: 24px;
	}
}

#header h4 {
	text-transform: uppercase;
	color: var(--wt-accent);
	margin-top: 5px;
}

.adminTemperature .navbar-brand {
	background-color: var(--wt-accent);
}

.adminTemperature .sidebar-navigation li.active a,
.adminTemperature .sidebar-navigation li a:hover {
	border-left: solid 3px var(--wt-accent);
}

.adminTemperature #main {
	margin-right: 0;
}

/*.adminTemperature #left-menu {
    background-color: #af60bf;
}*/

.stats-administration {
	padding-top: 30px;
}

.stats-administration .box {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 20px;
	height: 305px;
}

.stats-administration .box.with-action-toolbar {
	height: 355px;
}

.stats-administration .box .title {
	border-bottom: solid 1px var(--wt-grey-e5);
	background-color: var(--wt-grey-f7);
	padding-top: 15px;
	padding-bottom: 14px;
	text-align: center;
}

.stats-administration .box .title .chart-title {
	font-weight: 700;
	color: var(--wt-grey-59);
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	position: relative;
}

.stats-administration a {
	text-decoration: none;
	color: var(--wt-grey-59);
}

.stats-administration .show-detailed-info {
	color: var(--wt-primary);
	line-height: 12px;
	font-size: 12px;
	padding-left: 5px;
	font-weight: 500;
	text-align: right;
	text-decoration: underline;
	position: absolute;
	right: -60px;
	min-width: 50px;
	top: 4px;
	text-transform: initial;
}

.stats-administration .show-detailed-info .icon {
	font-size: 9px;
}

.stats-administration a:hover.show-detailed-info {
	color: var(--wt-blue-23527c);
}

.stats-administration a:hover {
	color: var(--wt-primary);
}

.stats-administration .box-settings-wrap {
	position: absolute;
	right: 14px;
	top: 17px;
}

@media (max-width: 1290px) {
	.stats-administration .chart-box .box .title {
		text-align: left;
		padding-left: 15px;
	}
}

.stats-administration .box .title .details {
	margin-right: 10px;
	position: relative;
	top: -20px;
	font-weight: 500;
}

.stats-administration .box .details {
	position: relative;
	top: -60px;
	font-weight: 700;
	font-size: 12px;
	color: var(--wt-grey-59);
}

.stats-administration .box .details.details-liquid {
	top: -53px;
}

/*.stats-administration .box .tooltip-inner {
        white-space: pre;
        max-width: none;
        text-transform: none;
    }*/

.stats-administration .col-md-4 {
	padding-left: 10px;
	padding-right: 10px;
}

.stats-administration .col-md-8 {
	padding-left: 10px;
	padding-right: 10px;
}

.stats-administration .row {
	margin-left: -10px;
	margin-right: -10px;
}

.stats-administration .wrap-number {
	padding: 20px;
}

.stats-administration .number {
	display: table;
	width: 100%;
	color: var(--wt-white);
	min-height: 160px;
}

.stats-administration .number span {
	text-align: center;
	width: 100%;
	vertical-align: middle;
	font-size: 50px;
	font-family: bebas-neue;
	display: table-cell;
}

.stats-administration .bg-red-gradient {
	background: var(--wt-red-fe6e6d);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, var(--wt-red-fe6e6d) 50%, var(--wt-red-f16867) 50%);
	/* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(50%, var(--wt-red-fe6e6d)),
		color-stop(50%, var(--wt-red-f16867))
	);
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, var(--wt-red-fe6e6d) 50%, var(--wt-red-f16867) 50%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, var(--wt-red-fe6e6d) 50%, var(--wt-red-f16867) 50%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, var(--wt-red-fe6e6d) 50%, var(--wt-red-f16867) 50%);
	/* IE10+ */
	background: linear-gradient(to right, var(--wt-red-fe6e6d) 50%, var(--wt-red-f16867) 50%);
	/* W3C */
}

.stats-administration .ie9 .bg-red-gradient {
	filter: none;
}

.stats-administration .bg-blue-gradient {
	background: var(--wt-primary);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, var(--wt-primary) 50%, var(--wt-primary-dark) 50%);
	/* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(50%, var(--wt-primary)),
		color-stop(50%, var(--wt-primary-dark))
	);
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, var(--wt-primary) 50%, var(--wt-primary-dark) 50%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, var(--wt-primary) 50%, var(--wt-primary-dark) 50%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, var(--wt-primary) 50%, var(--wt-primary-dark) 50%);
	/* IE10+ */
	background: linear-gradient(to right, var(--wt-primary) 50%, var(--wt-primary-dark) 50%);
	/* W3C */
}

.stats-administration .ie9 .bg-blue-gradient {
	filter: none;
}

.stats-administration .bg-green-gradient {
	background: var(--wt-secondary);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, var(--wt-secondary) 50%, var(--wt-secondary-dark) 50%);
	/* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(50%, var(--wt-secondary)),
		color-stop(50%, var(--wt-secondary-dark))
	);
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, var(--wt-secondary) 50%, var(--wt-secondary-dark) 50%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, var(--wt-secondary) 50%, var(--wt-secondary-dark) 50%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, var(--wt-secondary) 50%, var(--wt-secondary-dark) 50%);
	/* IE10+ */
	background: linear-gradient(to right, var(--wt-secondary) 50%, var(--wt-secondary-dark) 50%);
	/* W3C */
}

.stats-administration .ie9 .bg-green-gradient {
	filter: none;
}

.stat {
	text-align: center;
	min-height: 195px;
	padding-top: 15px;
	position: relative;
	/*background-color: #ffffff;*/
}

.stat.chart-view-detailed {
	background-color: var(--wt-white);
}

.stat .info {
	margin-right: 15px;
}
.stat .info.dashboard-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 3px;
	padding: 5px 14px;
	margin: 0;
	background-color: var(--wt-grey-f7);
	position: absolute;
	right: 15px;
	color: var(--wt-grey-80);
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
}

@media (max-width: 1800px) {
	.stat .info {
		position: absolute;
		left: 80%;
	}
}

.stat .value {
	font-family: bebas-neue;
	font-size: 26px;
	color: var(--wt-grey-59);
	line-height: 32px;
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.stat .procent {
	background-color: var(--wt-green-7ecc61);
	color: var(--wt-white);
	padding: 3px 10px;
	padding-bottom: 2px;
	line-height: 18px;
	border-radius: 3px;
	display: inline-block;
}

.stat .procent-dashboard {
	background-color: var(--wt-green-7ecc61);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 0 0 5px;
	height: 18px;
	width: 18px;
	min-width: 18px;
}

.stat .procent.negative,
.stat .procent-dashboard.negative {
	background-color: var(--wt-red-fe7372);
}

.stat .procent .icon {
	font-size: 12px;
	margin-right: 5px;
	line-height: 18px;
}

.stat .procent-dashboard .icon {
	line-height: 18px;
	color: var(--wt-white);
	font-size: 10px;
	font-weight: normal;
	margin: 0 auto;
}

.stat .procent-dashboard .icon:before {
	line-height: 18px;
}

.top-stats {
	padding-top: 30px;
	/*margin-top: 30px;*/
}

.top-stats.start {
	margin-bottom: 30px;
	margin-top: -1px;
}

@media (min-width: 1000px) and (max-width: 1400px) {
	#gender-stat-start {
		display: none;
	}

	#temperatur-stat-start {
		float: right;
		margin-right: 120px;
	}
}

.section-title .title {
	float: left;
}

.section-title .dropdown {
	margin-right: 20px;
	margin-top: -5px;
	float: right;
	min-width: 150px;
}

@media (max-width: 480px) {
	.section-title .dropdown {
		float: left;
		padding-top: 15px;
		padding-bottom: 5px;
		padding-right: 20px;
		width: 100%;
	}
}

.top-stats .title {
	font-size: 14px;
	color: var(--wt-grey-59);
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

.top-stats .title .chart-title {
	font-weight: 700;
	color: var(--wt-grey-59);
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	position: relative;
}

.top-stats a {
	text-decoration: none;
	color: var(--wt-grey-59);
}

.top-stats .show-detailed-info {
	color: var(--wt-primary);
	line-height: 12px;
	font-size: 12px;
	padding-left: 5px;
	font-weight: 500;
	text-align: right;
	text-decoration: underline;
	position: absolute;
	right: -60px;
	min-width: 50px;
	top: 4px;
	text-transform: initial;
}

.top-stats a:hover.show-detailed-info {
	color: var(--wt-blue-23527c);
}

.age-distribution-stats {
	padding: 0px 10px 30px 10px;
}

.age-distribution-stats .item {
	display: table;
	width: 100%;
	margin-top: 10px;
}

.age-distribution-stats .age {
	display: table-cell;
	font-family: bebas-neue;
	color: var(--wt-grey-99);
	font-size: 13px;
	width: 40px;
	vertical-align: middle;
}

.age-distribution-stats .stat {
	display: table-cell;
	padding-top: 0;
	padding-bottom: 0;
}

.age-distribution-stats .stat .nr-left {
	background-color: var(--wt-secondary);
	color: var(--wt-white);
	border-radius: 2px;
	padding: 2px 4px;
	font-size: 20px;
	line-height: 20px;
	font-family: bebas-neue;
	font-weight: normal;
	float: left;
	margin-bottom: 2px;
}

.age-distribution-stats .stat .nr-right {
	float: right;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: var(--wt-slate-3e444a);
}

.age-distribution-stats .stat .tooltip-inner {
	width: 200px;
}

.stats-administration .stat .tooltip-inner {
	max-width: 200px;
}

.age-distribution-stats .stat-bar {
	background-color: var(--wt-sand-e6e4e3);
	display: block;
	width: 100%;
	height: 4px;
	border-radius: 3px;
	overflow: hidden;
	clear: both;
}

.age-distribution-stats .stat-bar .fill {
	background-color: var(--wt-secondary);
	height: 100%;
}

.tempetature-bottom {
	padding-top: 10px;
	width: 270px;
	height: 71px;
	margin-right: auto;
	margin-left: auto;
}

.tempetature-bottom .left,
.tempetature-bottom .right {
	text-transform: uppercase;
	font-size: 10px;
	color: var(--wt-white);
	line-height: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 130px;
	display: block;
	float: left;
	border-radius: 3px;
}

.tempetature-bottom .left span,
.tempetature-bottom .right span {
	font-family: bebas-neue;
	font-size: 22px;
	line-height: 26px;
	position: relative;
	bottom: -3px;
}

.tempetature-bottom .right {
	margin-left: 10px;
}

.tempetature-bottom .right span {
	margin-right: 5px;
}

.tempetature-bottom .left {
	text-align: right;
}

.tempetature-bottom .left span {
	margin-left: 5px;
}

.temperature-wrap {
	margin-top: 58px;
	width: 198px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.temperature-wrap .temperature-dash {
	width: 198px;
}

.temperature-wrap .left-nr {
	position: absolute;
	bottom: -2px;
	left: -10px;
	color: var(--wt-grey-4c);
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
}

.temperature-wrap .right-nr {
	position: absolute;
	bottom: -2px;
	right: -20px;
	color: var(--wt-grey-4c);
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
}

.temperature-wrap .top-nr {
	position: absolute;
	top: -25px;
	left: 95px;
	color: var(--wt-grey-4c);
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
}

.temperature-wrap .indicator-value {
	position: absolute;
	color: var(--wt-white);
	font-family: bebas-neue;
	font-size: 20px;
	width: 50px;
	text-align: center;
	top: 73px;
	z-index: 5;
	left: 74px;
}

.temperature-indicator {
	width: 18px;
	position: absolute;
	bottom: -50px;
	left: 90px;
	transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	/* IE 9 */
	-webkit-transform: rotate(-25deg);
	/* Opera, Chrome, and Safari */
}

.top-stats .temperature-gif .index {
	border-radius: 3px;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: var(--wt-sand-f0efed);
	position: relative;
	color: var(--wt-grey-59);
	font-weight: 600;
	top: -15px;
	font-size: 10px;
	line-height: 32px;
	text-transform: uppercase;
}

.top-stats .temperature-gif .index.period {
	top: -18px;
}

.top-stats .temperature-gif .index-number {
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	margin-left: 10px;
	font-weight: 700;
}

.top-stats .temperature-gif .index.period .index-number {
	margin-left: 1px;
	margin-right: 1px;
}

.contribution-stats {
	position: relative;
	clear: both;
	min-height: 200px;
	margin-right: 40px;
}

.contribution-stats .contribution-info-box {
	background-color: var(--wt-sand-f0efed);
	height: 120px;
	position: absolute;
	top: 20px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	border-radius: 3px;
}

.contribution-stats .contribution-info-box label {
	clear: both;
	display: block;
	padding-top: 15px;
	text-align: center;
	font-weight: bold;
	/*font-family: bebas-neue;*/
	font-size: 24px;
	color: var(--wt-grey-59);
	/*font-weight: 500;*/
}

.gender-stats {
	position: relative;
	clear: both;
	min-height: 200px;
}

.gender-stats .img-gender {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -45px;
	width: 91px;
	z-index: 5;
}

.gender-stats .left,
.gender-stats .right {
	background-color: var(--wt-sand-f0efed);
	height: 60px;
	font-family: bebas-neue;
	font-size: 34px;
	color: var(--wt-grey-59);
	width: 50%;
	position: absolute;
	top: 75px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	border-radius: 3px;
}

.gender-stats .left {
	left: 20px;
}

.gender-stats .right {
	right: 20px;
	text-align: right;
}

.gender-stats .white {
	height: 70px;
	width: 50px;
	z-index: 3;
	position: absolute;
	background-color: var(--wt-white);
	left: 50%;
	margin-left: -25px;
	top: 70px;
}

.stats-administration .barchart {
	padding: 10px;
	width: 97%;
}

.search-results .box {
	margin-bottom: 20px;
	margin-top: 20px;
}

.search-results .user-info {
	vertical-align: top;
	text-align: center;
}

.search-results .user-info .user-info-inner {
	display: table;
	width: 100%;
}

.search-results .user-info .left,
.search-results .user-info .right {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.search-results .user-info .left {
	padding: 20px;
	width: 140px;
}

.search-results .user-info .right {
	padding-top: 20px;
	padding-bottom: 20px;
}

.search-results .user-info .wrap-user-img {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	overflow: hidden;
}

.search-results .user-info .wrap-user-img img {
	width: 100%;
}

.search-results .row {
	display: table;
}

.search-results .row > [class*="col-"] {
	display: table-cell;
	float: none;
}

.search-results .medal-gold,
.search-results .medal-silver,
.search-results .medal-bronze {
	top: 0;
	left: 10px;
}

.user-name {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 26px;
}

.user-rating .item {
	display: table;
	width: 100%;
}

.user-rating .rating-name {
	color: var(--wt-grey-99);
	font-size: 12px;
	display: table-cell;
}

.user-rating .rating-dots {
	display: table-cell;
	text-align: right;
	min-width: 100px;
}

.user-rating .rating-dots span {
	background-color: var(--wt-accent);
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin-left: 3px;
	margin-right: 3px;
}

.user-rating .rating-dots span.gray {
	background-color: var(--wt-sand-d9d8d7);
}

.user-achivements {
	border-left: solid 1px var(--wt-grey-e6);
	border-right: solid 1px var(--wt-grey-e6);
	padding: 5px;
}

.achivements {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 2px;
	vertical-align: top;
}

.achivements .line {
	clear: both;
}

.achivements .line > div {
	display: table-cell;
	list-style: none;
	margin: 0;
	padding: 5px;
	width: 50%;
	float: left;
}

.achivements .line div .inner-wrap {
	display: table;
	list-style: none;
	margin: 0;
	padding: 10px;
	background-color: var(--wt-sand-f7f6f5);
	width: 100%;
}

.achivements .right,
.achivements .left {
	display: table-cell;
	vertical-align: middle;
}

.achivements .right {
	padding-left: 10px;
	width: 100% !important;
}

.achivements .left {
	width: 52px !important;
	vertical-align: top;
}

.achivements .title {
	font-size: 13px;
	font-weight: 700;
}

.achivements .description {
	color: var(--wt-grey-7f);
	font-size: 10px;
	line-height: 12px;
	display: block;
}

.user-info-last {
	vertical-align: top;
	padding-left: 0;
	padding-top: 0;
}

.user-info-last .user-info-last-inner {
	padding: 20px;
	padding-top: 0;
}

.user-info-last .title {
	font-weight: 700;
	font-size: 14px;
	display: block;
	color: var(--wt-grey-4c);
	margin-top: 15px;
}

.user-info-last .description {
	font-size: 13px;
	color: var(--wt-grey-66);
	line-height: 17px;
}

/* Responsive */

@media (max-width: 1200px) {
	.row {
		display: block !important;
	}

	.user-info {
		display: block !important;
	}

	.user-info-inner {
		padding-right: 20px;
	}

	.user-rating {
		max-width: 400px;
	}

	.user-info-last {
		border-top: none;
		padding-left: 0;
	}

	.user-info-last .user-info-last-inner {
		border-top: solid 1px var(--wt-grey-e6);
	}

	.user-achivements {
		border-left: none;
		padding-left: 15px;
		border-right: solid 1px var(--wt-grey-e6);
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.user-achivements-inner {
		border-top: solid 1px var(--wt-grey-e6);
		padding: 5px;
	}
}

@media (max-width: 768px) {
	.user-achivements {
		display: block !important;
		clear: both;
		padding-right: 15px;
		border-right: none;
	}

	.user-info-last {
		display: block !important;
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
	}

	.search-results .user-info .left {
		width: 100px;
	}

	.search-results .user-info .wrap-user-img {
		width: 80px;
		height: 80px;
	}

	.achivements .line > div {
		width: 100%;
		float: none;
		display: block;
	}

	.search-results .user-info .left {
		padding-left: 10px;
	}
}

.content-box .left {
	padding: 20px;
	/*display: table-cell;*/
	vertical-align: top;
	position: relative;
	/*width: 180px;*/
}

.content-box .right {
	/*display: table-cell;*/
	vertical-align: top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	/*width: 100%;*/
}

.content-box .wrap-user-img {
	width: 160px;
	height: 160px;
	border-radius: 80px;
	overflow: hidden;
}

.content-box .wrap-user-img img {
	width: 100%;
}

#profile-content .content-box-wrap {
	margin-top: 0px;
}

.full-profile {
	display: table;
	width: 100%;
	position: relative;
}

.margintop30 {
	margin-top: 30px;
}

/*.full-profile .btn {
        position: absolute;
        top: 20px;
        right: 20px;
    }*/

.full-profile .user-name {
	padding-bottom: 10px;
	border-bottom: solid 1px var(--wt-grey-e6);
}

.full-profile .left {
	padding: 20px;
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 180px;
}

.full-profile .medal-gold,
.full-profile .medal-silver,
.full-profile .medal-bronze {
	top: 0;
	left: 10px;
}

.full-profile .right {
	display: table-cell;
	vertical-align: top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.full-profile .wrap-user-img {
	width: 160px;
	height: 160px;
	border-radius: 80px;
	overflow: hidden;
}

.full-profile .wrap-user-img img {
	width: 100%;
}

.full-profile .wrap-user-ratings {
	display: table;
	width: 100%;
	border-bottom: solid 1px var(--wt-grey-e6);
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.full-profile .wrap-user-ratings .user-rating {
	display: table-cell;
}

.full-profile .wrap-user-ratings .user-rating:first-child {
	padding-right: 20px;
}

.full-profile .user-details {
	padding-top: 5px;
}

.full-profile .edit-area {
	padding-top: 10px;
	padding-bottom: 10px;
}

.full-profile .user-details .title label {
	font-weight: 600;
	font-size: 14px;
	display: block;
	color: var(--wt-grey-4c);
	margin-top: 10px;
}

.full-profile .user-details .description label {
	font-size: 14px;
	color: var(--wt-grey-66);
	font-weight: 300;
}

.full-profile .user-details .description input {
	font-size: 14px;
	color: var(--wt-grey-66);
	font-weight: 300;
	width: 70%;
}

.full-profile .user-details .description textarea {
	font-size: 14px;
	color: var(--wt-grey-66);
	font-weight: 300;
	width: 70%;
	height: 80px;
}

.full-profile .user-details .password label {
	font-size: 14px;
	display: block;
	color: var(--wt-grey-4c);
	margin-top: 10px;
	font-weight: 600;
}

.full-profile .user-details .password input {
	font-size: 14px;
	color: var(--wt-grey-66);
	font-weight: 300;
	width: 235px;
}

.profile-right-description {
	padding: 20px;
}

.profile-right-description .achivements {
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -5px;
	margin-bottom: 25px;
}

.profile-right-description .badge {
	background-color: var(--wt-primary);
	color: var(--wt-white);
}

.profile-right-description .title-right-description {
	border-bottom: solid 1px var(--wt-grey-e6);
	color: var(--wt-primary);
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 23px;
	margin-bottom: 20px;
}

.profile-right-description .achivements .line {
	width: 100%;
}

.similar-profiles {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: -5px;
	margin-left: -5px;
}

.similar-profiles li {
	display: block;
	float: left;
}

.similar-profiles li a {
	font-size: 14px;
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 16px;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px;
}

.similar-profiles li a img {
	width: 100%;
}

.wrap-user-img-small {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	overflow: hidden;
}

.wrap-user-img-small img {
	width: 100%;
}

.wrap-user-img-medium {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	overflow: hidden;
}

.wrap-user-img-medium img {
	width: 100%;
}

.skills {
	margin-top: 30px;
}

.profile-skills {
	margin: 0;
	padding: 20px 10px;
	display: block;
	list-style: none;
}

.profile-skills li {
	padding: 1px 10px;
	display: block;
	width: 25%;
	float: left;
}

.profile-skills li span {
	background-color: var(--wt-grey-f5);
	color: var(--wt-grey-66);
	font-size: 13px;
	line-height: 18px;
	display: block;
	font-weight: 300;
	border-radius: 2px;
	padding: 3px 10px;
}

.reviews {
	margin-top: 30px;
}

.reviews-list {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	list-style: none;
}

.reviews-list li {
	display: table;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.reviews-list .left,
.reviews-list .right {
	display: table-cell;
}

.reviews-list .left {
	width: 52px;
	padding-left: 20px;
	vertical-align: middle;
	padding-right: 20px;
}

.reviews-list .right {
	padding-right: 20px;
}

.reviews-list .right .title {
	color: var(--wt-grey-59);
	font-size: 13px;
	font-weight: 700;
}

.reviews-list .right .user-review {
	font-size: 13px;
	color: var(--wt-grey-99);
	font-style: italic;
}

.reviews-list .right .user-review:before {
	content: "\e021";
	font-family: "line-icons" !important;
	display: inline-block;
	width: 20px;
	line-height: 16px;
	position: relative;
	bottom: -3px;
	margin-right: 10px;
	font-size: 16px;
	font-style: normal;
	height: 10px;
	color: var(--wt-grey-db);
}

@media (max-width: 1200px) {
	.full-profile .wrap-user-img {
		width: 100px;
	}

	.profile-skills li {
		width: 50%;
	}
}

@media (min-width: 992px) and (max-width: 1540px) {
	.profile-right-description .achivements .line > div {
		width: 100%;
		float: none;
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1540px) {
	.profile-skills li {
		width: 33.3333333333333%;
	}
}

@media (max-width: 992px) {
	.full-profile,
	.skills,
	.reviews,
	.profile-right-description {
		margin-top: 20px;
	}

	.profile-skills li {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.full-profile {
		display: block;
	}

	.full-profile .left,
	.full-profile .right {
		display: block;
	}

	.full-profile .right {
		padding-left: 20px;
	}
}

@media (min-width: 1540px) {
	.profile-right-description .achivements li {
		width: 50%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.full-profile .wrap-user-ratings {
		display: block;
	}

	.full-profile .wrap-user-ratings .user-rating {
		display: block;
	}

	.full-profile .wrap-user-ratings .user-rating:first-child {
		padding-right: 0;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.profile-right-description .achivements li {
		width: 50%;
	}
}

@media (max-width: 479px) {
	.profile-skills li {
		width: 100%;
	}
}

.search-results-talents .box {
	margin-bottom: 20px;
}

.search-results-talents .talents-second {
	border-left: solid 1px var(--wt-grey-e6);
	border-right: solid 1px var(--wt-grey-e6);
}

.search-results-talents .inner-talents-first {
	display: table;
	width: 100%;
}

.search-results-talents .inner-talents-first .left,
.search-results-talents .inner-talents-first .right {
	display: table-cell;
}

.search-results-talents .inner-talents-first .left {
	width: 140px;
	padding: 20px;
	padding-bottom: 0;
	position: relative;
}

.search-results-talents .inner-talents-first .medal-gold,
.search-results-talents .inner-talents-first .medal-silver,
.search-results-talents .inner-talents-first .medal-bronze {
	top: 0;
	left: 10px;
}

.search-results-talents .inner-talents-first .right {
	vertical-align: middle;
	padding-top: 20px;
}

.search-results-talents .inner-talents-first .right .blue-box {
	padding: 16px;
	text-align: center;
	line-height: 22px;
	font-size: 26px;
	min-height: 70px;
	vertical-align: middle;
}

.search-results-talents .inner-talents-first .right .blue-box span {
	display: block;
	padding-right: 10px;
}

.search-results-talents .inner-talents-first .wrap-user-img {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	overflow: hidden;
}

.search-results-talents .inner-talents-first .wrap-user-img img {
	width: 100%;
}

.search-results-talents .inner-talents-first .user-name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}

.search-results-talents .title {
	color: var(--wt-grey-59);
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 18px;
}

.search-results-talents .row {
	display: table;
	width: 100%;
	height: 100%;
}

.search-results-talents .row > div {
	display: table-cell;
	padding-bottom: 20px;
}

.blue-box {
	background-color: var(--wt-primary);
	color: var(--wt-white);
	border-radius: 3px;
	font-family: bebas-neue;
	font-size: 36px;
	line-height: 38px;
	display: block;
	vertical-align: middle;
	max-height: 70px;
	max-width: 190px;
}

.blue-box span {
	font-size: 14px;
	line-height: 18px;
	vertical-align: middle;
}

.inner-talents-second {
	width: 100%;
}

.inner-talents-second .second-inner-wrap {
	display: block;
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
}

.inner-talents-second .blue-box {
	padding-top: 16px;
	padding-bottom: 16px;
}

.inner-talents-third {
	vertical-align: middle;
	padding-right: 60px;
}

.inner-talents-third .stat {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -30px;
	min-height: 20px;
	max-width: 145px;
	margin-left: auto;
	margin-right: auto;
}

.inner-talents-third .stat img {
	width: 100%;
}

.inner-talents-third .stat .info {
	bottom: 5px;
	left: 35%;
}

@media (max-width: 1200px) {
	.search-results-talents .row .talents-first {
		display: block;
		padding-bottom: 0;
	}

	.search-results-talents .row .talents-first .inner-talents-first {
		border-bottom: solid 1px var(--wt-grey-e6);
		padding-bottom: 20px;
	}

	.search-results-talents .talents-second {
		display: block;
		border-left: none;
		padding-right: 0;
	}

	.search-results-talents .talents-third {
		display: block;
	}

	.search-results-talents .row {
		display: block;
		width: auto;
		height: 100%;
	}
}

@media (max-width: 992px) {
	.inner-talents-second .second-inner-wrap {
		width: 50%;
	}

	.talents-third {
		vertical-align: top;
	}
}

@media (max-width: 480px) {
	.talents-third {
		display: block !important;
		width: 100% !important;
	}

	.search-results-talents .talents-second {
		border-right: none;
		padding-right: 15px;
	}

	.search-results-talents .talents-third {
		padding-left: 15px;
	}
}

.submenu {
	margin-left: -30px;
	margin-right: -30px;
}

.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: var(--wt-sand-ebe9e8);
}

.submenu li {
	display: block;
	float: left;
}

.submenu li a {
	font-size: 13px;
	color: var(--wt-grey-99);
	font-weight: 700;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 16px;
	padding-top: 17px;
	padding-bottom: 17px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}

.submenu .noaccess a {
	color: var(--wt-grey-c2);
	font-weight: 600;
}

.submenu-level-2 .noaccess a {
	color: rgba(var(--wt-white-rgb), 0.3);
	font-weight: 600;
}

.submenu li a:hover {
	background-color: var(--wt-sand-cccbca);
	color: var(--wt-white);
}

.submenu .active a {
	background-color: var(--wt-primary);
	color: var(--wt-white);
}

@media (max-width: 1200px) {
	.submenu li a {
		font-size: 12px;
	}
}

@media (max-width: 992px) {
	.submenu li a {
		font-size: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.submenu {
		margin-left: -10px;
		margin-right: -20px;
	}

	.submenu.submenu-green {
		margin-top: 20px;
	}
}

.left-pie-chart {
	padding: 20px;
}

.right-bar-chart {
	padding: 20px;
}

.right-bar-chart .title {
	font-weight: bold;
}

.wrap-right-chart {
	border-left: solid 1px var(--wt-grey-e6);
}

.statistics-chart .row {
	overflow: hidden;
	width: 100%;
}

.statistics-chart .row > div {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.users-list {
	margin-top: 20px;
}

.users-list .row {
	margin-left: -10px;
	margin-right: -10px;
}

.users-list .row > div {
	padding-left: 10px;
	padding-right: 10px;
}

.user-box {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	border-radius: 3px;
	width: 100%;
	display: table;
	min-height: 50px;
	max-height: 40px;
}

.user-box .left,
.user-box .right {
	display: table-cell;
}

.user-box .left {
	width: 100px;
	position: relative;
}

.user-box .medal-gold,
.user-box .medal-silver,
.user-box .medal-bronze {
	top: -10px;
	left: -5px;
}

.user-box .right {
	vertical-align: top;
}

.user-box .title {
	color: var(--wt-white);
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
	vertical-align: top;
}

.user-box .wrap-user-img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	border: solid 3px var(--wt-white);
}

.user-box .info-stat {
	padding-top: 3px;
}

.user-box .info-stat .value {
	font-family: bebas-neue;
	font-size: 18px;
	color: var(--wt-white);
	line-height: 20px;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.user-box .info-stat .procent {
	background-color: var(--wt-green-7ecc61);
	color: var(--wt-white);
	padding: 2px 7px;
	padding-bottom: 2px;
	line-height: 14px;
	font-size: 10px;
	border-radius: 3px;
	display: inline-block;
}

.user-box .info-stat .procent .icon {
	font-size: 9px;
	margin-right: 5px;
	line-height: 14px;
}

@media (max-width: 768px) {
	.wrap-right-chart {
		border-left: none;
	}

	.wrap-right-chart .right-bar-chart {
		border-top: solid 1px var(--wt-grey-e6);
	}

	.user-box {
		margin-bottom: 0;
	}

	.user-box .left {
		width: 80px;
	}

	.user-box .wrap-user-img {
		width: 60px;
		height: 60px;
		border-radius: 40px;
		overflow: hidden;
	}

	.users-list {
		margin-top: 10px;
	}

	.users-list .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.users-list .row > div {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 480px) {
	.users-list .row > div {
		width: 100%;
	}
}

/* Organization */

.btn-group .btn > .icon {
	margin-right: 0px;
}

.organization-list {
	margin-top: 20px;
}

.organization-list .row {
	margin-left: -10px;
	margin-right: -10px;
}

.organization-list .row > div {
	padding-left: 10px;
	padding-right: 10px;
}

.user-box {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	border-radius: 3px;
	width: 100%;
	display: table;
}

.user-box .left,
.user-box .right {
	display: table-cell;
}

.user-box .left {
	width: 40px;
	position: relative;
}

.user-box .icon-remove-large {
	width: 24px;
	position: relative;
	font-size: 24px;
}

.icon-remove-large a {
	text-decoration: none;
}

.user-box .icon-remove-large span {
	color: var(--wt-grey-80);
	vertical-align: top;
}

.user-box .icon-remove-large span:hover {
	color: var(--wt-black);
}

.organization-items .status .procente {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}

.organization-items .right:hover .procente {
	visibility: visible;
	opacity: 1;
}

.organization-items .progress-description {
	font-size: 11px;
	color: var(--wt-grey-66);
	font-weight: bold;
}

.organization-items .icon-remove {
	width: 20px;
	position: relative;
	font-size: 16px;
	margin-right: 10px;
}

.organization-items .status .progress-wrap {
	display: inline-block;
	width: 90px;
	position: relative;
	top: -1px;
}

.organization-items .status .progress-wrap .progress-bar {
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-grey-eb);
	box-shadow: none;
	-webkit-box-shadow: none;
}

.organization-items .status .progress-wrap .progress-bar .progress-bar-complete {
	width: 20%;
	height: 6px;
	border-radius: 3px;
	background-color: var(--wt-secondary);
}

.organization-items .status .progress-wrap .procente {
	background-color: var(--wt-secondary);
	color: var(--wt-white);
	display: block;
	position: absolute;
	top: -6px;
	left: 100px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
	padding: 2px 4px;
	border-radius: 2px;
	margin-left: 5px;
}

.organization-items .status .progress-wrap .procente:before {
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent var(--wt-secondary) transparent transparent;
}

.icon-remove a {
	text-decoration: none;
}

.organization-items .icon-remove span {
	color: var(--wt-grey-bc);
}

.organization-items .icon-remove span:hover {
	color: var(--wt-primary);
}

.goals-info .icon-edit {
	float: left;
	position: relative;
	font-size: 16px;
	margin-left: 10px;
}

.actions-list .icon-edit {
	float: left;
	position: relative;
	font-size: 13px;
	margin-left: 8px;
	max-width: 15%;
}

.goals-info .icon-edit span,
.actions-list .icon-edit span {
	color: var(--wt-grey-80);
	vertical-align: top;
}

.goals-info .icon-edit a,
.actions-list .icon-edit a {
	text-decoration: none;
}

.goals-info .icon-edit span:hover,
.actions-list .icon-edit span:hover {
	color: var(--wt-black);
}

.goals-info .icon-expand {
	float: right;
	/*width: 40px;*/
	position: relative;
	/*font-size: 32px;*/
	margin-left: 10px;
}

.goals-info .icon-expand a {
	/*text-decoration: none;*/
}

.goals-info .icon-expand span {
	/*color: grey;*/
	vertical-align: top;
}

.goals-info .icon-expand span:hover {
	/*color: black;*/
}

.user-box .title {
	color: var(--wt-grey-4c);
	font-weight: 300;
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 5px;
}

.organization-box {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	border-radius: 3px;
	width: 100%;
	display: table;
}

.organization-box .left,
.organization-box .right {
	display: table-cell;
}

.organization-box .left {
	padding-right: 7px;
}

.organization-box .right {
	vertical-align: top;
}

.organization-box .title {
	color: var(--wt-grey-4c);
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
	display: table;
}

.organization-box .icon-edit {
	display: table;
	width: 70px;
	font-size: 18px;
	float: right;
	display: table;
}

.icon-large {
	display: table;
	width: 45px;
	font-size: 40px;
	float: left;
	padding-left: 7px;
}

.icon-medium {
	display: table;
	width: 30px;
	font-size: 26px;
	float: left;
	padding-left: 5px;
	color: var(--wt-primary);
}

.organization-box .icon-edit a {
	text-decoration: none;
}

.organization-box .wrap-user-img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	border: solid 3px var(--wt-grey-e5);
}

.organization-box .info-stat {
	padding-top: 3px;
}

.organization-box .info-stat .value {
	font-family: bebas-neue;
	font-size: 18px;
	color: var(--wt-grey-4c);
	line-height: 20px;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.organization-box .info-stat .procent {
	background-color: var(--wt-green-7ecc61);
	color: var(--wt-white);
	padding: 2px 7px;
	padding-bottom: 2px;
	line-height: 14px;
	font-size: 10px;
	border-radius: 3px;
	display: inline-block;
}

.organization-box .info-stat .procent .icon {
	font-size: 9px;
	margin-right: 5px;
	line-height: 14px;
}

/*.organization-box .icon-edit {
        float: right;
        width: 20px;
        position: relative;
        font-size: 20px;
    }*/

.organization-box .icon-edit span {
	color: var(--wt-grey-80);
	vertical-align: top;
}

.organization-box .icon-edit span:hover {
	color: var(--wt-black);
}

@media (max-width: 768px) {
	.organization-box {
		margin-bottom: 0;
	}

	.organization-box .left {
		width: 80px;
	}

	.organization-box .wrap-user-img {
		width: 60px;
		height: 60px;
		border-radius: 40px;
		overflow: hidden;
	}

	.organization-list {
		margin-top: 10px;
	}

	.organization-list .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.organization-list .row > div {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 480px) {
	.organization-list .row > div {
		width: 100%;
	}
}

.organization-details {
	color: var(--wt-grey-99);
	display: block;
	float: left;
	font-size: 12px;
	text-decoration: none;
}

.organization-title {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	min-height: 30px;
	padding-bottom: 10px;
	color: var(--wt-grey-66);
	float: left;
}

.organization-details span {
	padding-right: 7px;
}

.no-right-sidebar #main {
	margin-right: 0;
}

.submenu-green .active a {
	background-color: var(--wt-secondary);
}

.submenu-green .active a:hover {
	background-color: var(--wt-secondary-dark);
}

.actions {
	margin-top: 30px;
}

.actions .row > div {
	margin-bottom: 30px;
}

.actions .section-title {
	margin-bottom: 10px;
}

.actions .actions-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	display: block;
}

.actions .actions-list li.panel-info {
	display: table;
	background-color: var(--wt-white);
	width: 100%;
	border-bottom: solid 1px var(--wt-grey-e6);
	color: var(--wt-grey-66);
	/*padding-right: 15px;*/
}

@media (max-width: 767px) {
	.actions .actions-list li.panel-info {
		min-height: 100px;
	}
}

.actions .actions-list > li.panel-info:last-child {
	box-shadow: 0 1px 2px 0 rgba(var(--wt-black-rgb), 0.03);
}

.actions .actions-list li .id {
	display: table-cell;
	padding: 10px;
	padding-top: 15px;
	vertical-align: top;
	background-color: var(--wt-sand-f7f6f5);
	text-align: center;
	width: 50px;
	border-left: solid 8px var(--wt-blue-225378);
	color: var(--wt-blue-225378);
}

.actions .actions-list li .id .icon {
	position: relative;
	top: 8px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	cursor: default;
}

.actions .actions-list li .id .tooltip-inner {
	cursor: default;
	overflow: visible;
	white-space: pre;
	max-width: none;
}

.actions .actions-list li .id .sort-index {
	width: 26px;
	height: 26px;
	border: solid 1px var(--wt-blue-225378);
	display: block;
	border-radius: 13px;
	padding-top: 3px;
	text-align: center;
	font-weight: 700;
}

.actions .actions-list .darkblue .id {
	border-color: var(--wt-blue-225378);
	color: var(--wt-blue-225378);
}

.actions .actions-list .darkblue .id span {
	border-color: var(--wt-blue-225378);
}

.actions .actions-list .green .id {
	border-color: var(--wt-green-72c291);
	color: var(--wt-green-72c291);
}

.actions .actions-list .green .id span {
	border-color: var(--wt-green-72c291);
}

.actions .actions-list .pink .id {
	border-color: var(--wt-pink-e67696);
	color: var(--wt-pink-e67696);
}

.actions .actions-list .pink .id span {
	border-color: var(--wt-pink-e67696);
}

.actions .actions-list .darkpink .id {
	border-color: var(--wt-pink-804663);
	color: var(--wt-pink-804663);
}

.actions .actions-list .darkpink .id span {
	border-color: var(--wt-pink-804663);
}

.actions .actions-list .purple .id {
	border-color: var(--wt-purple-a280c8);
	color: var(--wt-purple-a280c8);
}

.actions .actions-list .purple .id span {
	border-color: var(--wt-purple-a280c8);
}

.actions .actions-list .text {
	display: table-cell;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 11px;
}

.actions .actions-list .text .date {
	font-size: 10px;
	line-height: 12px;
	color: var(--wt-grey-80);
	margin-bottom: 5px;
}

.actions .actions-list .text .date .glyphicon {
	font-size: 10px;
	margin-left: 5px;
}

.actions .actions-list .text .date .warning {
	color: var(--wt-orange-f0ad4e);
}

.actions .actions-list .text .date .danger {
	color: var(--wt-red-d9534f);
}

.actions .actions-list .text .title,
.actions .actions-list .text a.title {
	display: block;
	font-weight: 600;
	float: left;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
	min-height: 25px;
	padding-bottom: 5px;
	color: var(--wt-grey-66);
}

.actions .actions-list .text a.title:hover {
	color: var(--wt-primary);
	text-decoration: none;
}

.actions .actions-list .bottom-actions a {
	display: block;
	float: right;
	text-decoration: none;
	padding-right: 10px;
	font-size: 12px;
}

.actions .actions-list .bottom-actions a:hover {
	text-decoration: none;
	color: var(--wt-primary);
}

.actions .actions-list .bottom-actions a:hover span {
	text-decoration: none;
}

.actions .actions-list .bottom-actions a span {
	text-decoration: underline;
}

.actions .actions-list .bottom-actions a .icon {
	text-decoration: none;
	padding-right: 7px;
	position: relative;
	top: 2px;
	font-size: 14px;
	line-height: 14px;
}

.actions .actions-list .bottom-actions a .icn-attachment {
	padding-right: 4px;
}

.actions .actions-list .add-action {
	background-color: transparent;
	border: none;
}

.actions .actions-list .add-action a {
	display: block;
	text-decoration: none;
	border: solid 1px var(--wt-grey-cc);
	background-color: var(--wt-sand-e5e4e3);
	text-align: center;
	font-size: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.actions .actions-list .add-action a:hover {
	border: solid 1px var(--wt-grey-d4);
	background-color: var(--wt-sand-e0dfde);
}

.user-goals {
	margin-top: 30px;
}

.user-goals .row > div {
	margin-bottom: 30px;
}

.user-goals .section-title {
	margin-bottom: 10px;
}

.user-goals .no-action-button {
	min-height: 107px;
}

.user-goals .actions-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	display: block;
}

.user-goals .actions-list li {
	/*display: table;*/
	background-color: var(--wt-white);
	border: solid 1px var(--wt-grey-e5);
	border-bottom: none;
	width: 100%;
	color: var(--wt-grey-66);
}

.user-goals-div {
	display: table;
	width: 100%;
}

.user-goals .actions-list li .big-icon-wrap {
	display: table-cell;
	padding: 10px;
	padding-top: 15px;
	vertical-align: middle;
	/*background-color: #4db1af;*/
	text-align: center;
	width: 80px;
	color: var(--wt-red-fe6e6d);
}

.user-goals .actions-list li .big-icon-wrap span {
	display: block;
	border-radius: 13px;
	text-align: center;
	font-weight: 700;
	color: var(--wt-white);
	font-size: 40px;
}

.user-goals .actions-list li .big-icon-wrap-learning {
	display: table-cell;
	padding: 10px;
	padding-top: 15px;
	vertical-align: middle;
	background-color: var(--wt-orange-fd8d3a);
	text-align: center;
	width: 80px;
}

.user-goals .actions-list li .big-icon-wrap-learning span {
	display: block;
	border-radius: 13px;
	text-align: center;
	font-weight: 700;
	color: var(--wt-white);
	font-size: 40px;
}

.user-goals .actions-list .text {
	display: table-cell;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 11px;
}

.user-goals .actions-list .text .date {
	font-size: 10px;
	line-height: 12px;
	color: var(--wt-grey-80);
	margin-bottom: 10px;
}

.user-goals .actions-list .text .title,
.user-goals .actions-list .text a.title {
	display: block;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	min-height: 40px;
	color: var(--wt-grey-66);
	float: left;
}

.user-goals .actions-list .text a.title:hover {
	color: var(--wt-primary);
	text-decoration: none;
}

.user-goals .actions-list .bottom-actions a {
	display: block;
	float: right;
	text-decoration: none;
	padding-right: 20px;
	/*color: #999999;*/
	font-size: 14px;
}

.user-goals .actions-list .bottom-actions a:hover {
	text-decoration: none;
	color: var(--wt-primary);
}

.user-goals .actions-list .bottom-actions a:hover span {
	text-decoration: none;
}

.user-goals .actions-list .bottom-actions a span {
	text-decoration: underline;
}

.user-goals .actions-list .bottom-actions a .icon {
	text-decoration: none;
	padding-right: 7px;
	position: relative;
	top: 2px;
	font-size: 14px;
	line-height: 14px;
}

.user-goals .actions-list .bottom-actions a .icn-attachment {
	padding-right: 4px;
}

.user-goals .actions-list .add-goal {
	background-color: transparent;
	border: none;
}

.user-goals .actions-list .add-goal a {
	display: block;
	/*border: solid 1px #e5e5e5;
        background-color: #f0efed;*/
	border: solid 1px var(--wt-grey-cc);
	background-color: var(--wt-sand-e5e4e3);
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 5px;
}

.user-goals .actions-list .add-goal a:hover {
	border: solid 1px var(--wt-grey-d4);
	background-color: var(--wt-sand-e0dfde);
}

.coaching-session .intro-stats {
	max-width: 280px;
	margin-top: 30px;
}

.session-wrapper {
	overflow-x: visible !important;
	min-height: 100%;
}

.session-timeline .item {
	display: table;
	width: 100%;
}

.session-timeline .item .time,
.session-timeline .item .line,
.session-timeline .item .info-block {
	display: table-cell;
	vertical-align: top;
}

.session-timeline .item .time {
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 10px;
	width: 100px;
}

.session-timeline .item .time .date {
	display: block;
	background-color: var(--wt-white);
	border: solid 1px var(--wt-sand-dedcdc);
	border-radius: 3px;
	font-size: 11px;
	line-height: 14px;
	color: var(--wt-grey-99);
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	width: 100%;
	text-align: center;
}

.session-timeline .item .line {
	background-color: var(--wt-sand-ebe9e8);
	width: 4px;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.session-timeline .item .line .circle-wrap {
	position: relative;
	width: 0;
	height: 0;
}

.session-timeline .item .line .icon {
	width: 28px;
	height: 28px;
	border-radius: 10px;
	position: absolute;
	top: 9px;
	left: -14px;
	font-size: 28px;
	background: var(--wt-white);
}

.session-timeline .item .line .icn-smile-1 {
	color: var(--wt-red-fe6e6d);
}

.session-timeline .item .line .icn-smile-2 {
	color: var(--wt-red-dc807b);
}

.session-timeline .item .line .icn-smile-3 {
	color: var(--wt-orange-ffbf40);
}

.session-timeline .item .line .icn-smile-4 {
	color: var(--wt-green-c0c78b);
}

.session-timeline .item .line .icn-smile-5 {
	color: var(--wt-green-9dc564);
}

.session-timeline .item .line .circle {
	background-color: var(--wt-white);
	border: solid 3px var(--wt-grey-cc);
	width: 20px;
	height: 20px;
	border-radius: 10px;
	position: absolute;
	top: 14px;
	left: -8px;
}

.session-timeline .item .line .diamond {
	width: 18px;
	height: 18px;
	background-color: var(--wt-white);
	left: 2px;
	top: 21px;
	border: solid 3px var(--wt-grey-cc);
	position: absolute;
	/* Rotate */
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	/* Rotate Origin */
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	/*margin: 60px 0 10px 310px;*/
}

/*.session-timeline .item .line .diamond:after {
        content: '';
        position: absolute;
        left: -20px;
        top: 20px;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-top: 20px solid red;
    }*/

.session-timeline .item .line .border-red {
	border-color: var(--wt-red-fe6e6d);
}

.session-timeline .item .line .border-blue {
	border-color: var(--wt-primary);
}

.session-timeline .item .line .border-green {
	border-color: var(--wt-secondary);
}

.session-timeline .item .line .border-orange {
	border-color: var(--wt-orange-fd8d3a);
}

.session-timeline .item .line .border-yellow {
	border-color: var(--wt-orange-ffbf40);
}

.session-timeline .item .line .border-purple {
	border-color: var(--wt-accent);
}

.session-timeline .item .info-block {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.session-timeline .item .info-block .session-block {
	background-color: var(--wt-white);
	border: solid 1px var(--wt-sand-dedcdc);
	padding: 20px;
	padding-top: 16px;
	width: 400px;
	padding-bottom: 16px;
	border-radius: 3px;
	position: relative;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

.session-timeline .item .info-block .milestone-block {
	padding: 8px;
	padding-top: 19px;
}

.session-timeline .item .info-block .session-block .title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: var(--wt-grey-99);
}

.session-timeline .item .info-block .milestone-block .title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: var(--wt-grey-59);
}

.session-timeline .item .info-block .session-block .top .content-block {
	display: none;
}

.session-timeline .item .info-block .session-block .edit-session,
.session-timeline .item .info-block .session-block .title .delete-session {
	display: none;
}

.session-timeline .item .info-block .session-block.open {
	width: 100%;
}

.session-timeline .item .info-block .session-block.open .top .content-block {
	display: block;
}

.session-timeline .item .info-block .session-block.open .edit-session,
.session-timeline .item .info-block .session-block.open .title .delete-session {
	display: inline;
	margin-left: 5px;
	color: var(--wt-grey-99);
	font-size: 13px;
}

.session-timeline .item .info-block .session-block.open .edit-session:hover,
.session-timeline .item .info-block .session-block .title .delete-session:hover {
	color: var(--wt-primary);
}

.session-timeline .open .btn-timeline-more {
	padding-top: 7px;
	padding-bottom: 7px;
}

.session-timeline .open .btn-timeline-more:before {
	content: "\e009";
}

.session-timeline .btn-timeline-more {
	border: none;
	font-family: "line-icons";
	padding: 9px 7px 5px 8px;
	font-size: 15px;
	border-radius: 15px;
	background-color: var(--wt-sand-d9d8d7);
	color: var(--wt-white);
	position: absolute;
	top: 10px;
	right: 10px;
}

.session-timeline .btn-timeline-more:before {
	content: "\e006";
}

.session-timeline .btn-timeline-more:focus {
	outline: none;
}

.session-timeline .mentions div {
	font-size: 12px;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
}

.session-timeline .mentions div .icon {
	font-size: 18px;
	margin-right: 10px;
	position: relative;
	bottom: -4px;
}

.recurrence-info {
	margin-top: 50px;
	margin-right: 40px;
}

.recurrence-info a {
	font-size: 14px;
	text-decoration: none;
	color: var(--wt-grey-59);
	font-weight: 600;
}

.recurrence-info a:hover {
	text-decoration: none;
	color: var(--wt-primary);
}

@media (max-width: 992px) {
	.intro h1 {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 26px;
	}

	.stats-row {
		padding-bottom: 10px;
	}

	.my-actions-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.my-learning-wrap .section-title {
		margin-bottom: 10px;
	}

	.main-content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 768px) {
	.main-content-wrapper {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 20px;
	}

	.adminTemperature .main-content-wrapper {
		margin-top: 40px;
	}

	.top-stats {
		margin-top: 20px;
	}

	.top-stats.start {
		margin-top: -1px;
	}
}

.temperature-gif {
	text-align: center;
	vertical-align: middle;
}

.temperature-gif img {
	max-width: 100%;
	display: inline-block;
	position: relative;
	bottom: -35px;
}

/* General */

.buttonArea {
	padding: 10px;
	float: right;
}

.inputRow {
	margin-bottom: 7px;
}

.editBox {
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: solid 1px var(--wt-grey-e5);
}

.editGroup {
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
}

.editGroup-2-col {
	display: inline-block;
	position: relative;
	float: left;
	width: 250px;
}

.editGroupTitle {
	width: 80px;
}

.group-edit {
	width: 400px;
}

@media (max-width: 768px) {
	.group-edit {
		width: 250px;
	}
}

.login-input {
	width: 270px;
}

.image-badge {
	position: relative;
}

.image-badge span {
	position: absolute;
	top: 14px;
	left: 12px;
	color: var(--wt-white);
	font-size: 20px;
	width: 100%;
}

@media (min-width: 768px) {
	/* Drag and drop/Sortable */
	.draggablePanelList.action-box {
		min-height: 800px;
	}
}

.draggablePanelList .drag-handle {
	cursor: move;
}

body.dragging,
body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

/*ul.actions-list li.placeholder {
    position: relative;
    
}

    ul.actions-list li.placeholder:before {
        position: absolute;
       
    }
*/

ul.my-actions li.placeholder {
	background: rgba(var(--wt-black-rgb), 0.0784314) !important;
	height: 45px;
	visibility: visible !important;
}

ul.my-actions li.placeholder:before {
	position: relative;
}

ul.goal-items li.placeholder:before {
	position: relative;
}

.placeholder {
	background: rgba(var(--wt-black-rgb), 0.0784314) !important;
	height: 110px;
	visibility: visible !important;
}

.sortable-placeholder {
	background: rgba(var(--wt-black-rgb), 0.0784314) !important;
	height: 90px;
	visibility: visible !important;
}

.sortable-placeholder-goal {
	background: rgba(var(--wt-black-rgb), 0.0784314) !important;
	height: 140px;
	visibility: visible !important;
}

.title-area {
	background-color: var(--wt-grey-e5);
	border-top: solid 1px var(--wt-grey-bc);
	border-bottom: solid 1px var(--wt-grey-bc);
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.title-area-metric {
	background-color: var(--wt-grey-e5);
	border-top: solid 1px var(--wt-grey-bc);
	border-bottom: solid 1px var(--wt-grey-bc);
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.metric {
	background-color: var(--wt-grey-fa);
	/*border-bottom: solid 1px #BCBCBC;*/
	border-bottom: solid 1px var(--wt-grey-d4);
	font-size: 12px;
	line-height: 22px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* */

.birthday {
	display: table;
	clear: both;
}

.birthday-input {
	display: table-cell;
	padding: 5px;
}

/*Tabs*/

.nav-tabs a {
	text-decoration: none;
}

.kudos .line div .inner-wrap {
	display: table;
	list-style: none;
	margin: 0;
	padding: 10px;
	background-color: var(--wt-grey-e5);
	width: 100%;
	border: 1px solid var(--wt-white);
	color: var(--wt-grey-4c);
}

.kudos {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 2px;
	vertical-align: top;
}

.kudos .line {
	clear: both;
}

.kudos .line > div {
	display: table-cell;
	list-style: none;
	margin: 0;
	padding: 5px;
	width: 50%;
	float: left;
}

.kudos .right,
.achivements .left {
	display: table-cell;
	vertical-align: middle;
}

.kudos .right {
	padding-left: 10px;
	width: 100% !important;
}

.kudos .left {
	width: 52px !important;
	vertical-align: top;
}

.kudos .title {
	font-size: 13px;
	font-weight: 700;
}

.kudos .description {
	color: var(--wt-grey-7f);
	font-size: 10px;
	line-height: 12px;
	display: block;
}

.line a {
	text-decoration: none;
}

.select-badge a:hover {
	border: 1px solid var(--wt-accent) !important;
	background-color: var(--wt-grey-bc) !important;
}

.select-badge .active {
	border: 1px solid var(--wt-accent) !important;
	background-color: var(--wt-grey-bc) !important;
	color: var(--wt-white) !important;
}

.edit-title span {
	margin-left: 5px;
	font-size: 14px;
	color: var(--wt-grey-66);
}

.edit-title span:hover {
	color: var(--wt-primary);
}

/* Search users */

.search-results .user-search .wrap-user-img {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	overflow: hidden;
}

/* Subtask done */

label.done {
	color: var(--wt-grey-99);
	text-decoration: line-through;
}

label.task-label {
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 5px;
}

.subtask-list {
	list-style: none;
	border: none;
	outline: none;
	display: block;
	padding-left: 20px;
}

.subtask-list li {
	list-style: none;
	display: table;
	width: 100%;
}

ul.subtask-list li.placeholder {
	position: relative;
	/** More li styles **/
}

ul.subtask-list li.placeholder:before {
	position: absolute;
	/** Define arrowhead **/
}

.subtask-list .item-action {
	padding: 0;
	padding-bottom: 6px;
	padding-top: 2px;
	line-height: 14px;
}

.subtask-list .item-action a {
	font-size: 11px;
	color: var(--wt-grey-99);
	text-decoration: none;
	padding-right: 10px;
}

.subtask-list .item-action a .icon {
	vertical-align: middle;
	font-size: 10px;
	margin-right: 4px;
	line-height: 11px;
}

.subtask-list .item-action a .icn-x {
	font-size: 8px;
	line-height: 12px;
}

.subtask-list .item-action a:hover {
	color: var(--wt-primary);
}

.subtask-list .tasklist-div .item-action {
	visibility: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

.subtask-list .tasklist-div:hover .item-action {
	visibility: visible;
	height: 24px;
	opacity: 1;
}

.subtask-list .tasklist-div .subtask-info-area {
	display: block;
	clear: both;
}

.subtask-list .tasklist-div {
	display: block;
}

.subtask-list .tasklist-div .edit-subtask-area {
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
	clear: both;
}

.subtask-list .tasklist-div .edit-subtask-area .edit-subtask-input {
	float: left;
	width: 75%;
	margin-right: 5px;
	margin-left: -5px;
}

/* Styles for validation helpers */

.validation-summary-errors {
	padding: 15px 20px;
	color: var(--wt-white);
	display: block;
	border-radius: 3px;
	margin-top: 10px;
	background-color: var(--wt-red-ef4e4b);
}

.validation-summary-errors ul {
	list-style: none;
	color: var(--wt-white);
	padding: 0;
	margin-bottom: 0;
}

.validation-summary-errors li {
	list-style: none;
	color: var(--wt-white);
}

label.error {
	display: block;
	float: none;
	color: var(--wt-red-ff0000);
	vertical-align: top;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid var(--wt-red-ef4e4b);
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

/*.validation-summary-valid {
    display: none;
}*/

/* Breadcrumbs */

.breadcrumb {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.breadcrumb {
	background: rgba(var(--wt-white-rgb), 1);
	border: 0px solid rgba(var(--wt-grey-f5-rgb), 1);
	border-radius: 4px;
	display: block;
}

.breadcrumb li {
	font-size: 14px;
}

.breadcrumb a {
	color: rgba(var(--wt-blue-428bca-rgb), 1);
}

.breadcrumb a:hover {
	color: rgba(var(--wt-blue-2a6496-rgb), 1);
}

.breadcrumb > .active {
	color: rgba(var(--wt-grey-99-rgb), 1);
}

.breadcrumb > li + li:before {
	color: rgba(var(--wt-grey-99-rgb), 1);
	content: "\232A\00a0";
}

/* Breadcrumb Wizard */

.breadcrumb-title {
	padding-bottom: 10px;
	padding-top: 10px;
}

.btn-breadcrumb .btn:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 10px solid var(--wt-white);
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 100%;
	z-index: 3;
}

.btn-breadcrumb .btn:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 10px solid var(--wt-grey-ad);
	position: absolute;
	top: 50%;
	margin-top: -19px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}

.btn-breadcrumb .whiteborder:before {
	border-left: 10px solid var(--wt-white);
}

.btn-breadcrumb .btn {
	padding: 10px 12px 10px 24px;
}

.btn-breadcrumb .btn.btn-default {
	color: var(--wt-sand-a6a5a4);
}

.btn-breadcrumb .btn:first-child {
	padding: 10px 6px 10px 10px;
}

.btn-breadcrumb .btn:last-child {
	padding: 10px 18px 10px 24px;
}

/*Pace*/

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: var(--wt-blue-2299dd);
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

/* Kudos table */

.kudo-table {
	padding: 20px;
}

.kudo-table .header {
	font-weight: 700;
}

.kudo-table tr {
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.kudo-table td {
	padding-right: 30px;
}

.kudos-header-link {
	font-size: 11px;
	margin-right: 40px;
	float: right;
	text-decoration: none;
}

.kudos-header-link a:hover {
	text-decoration: underline;
}

/* Required field START */

.required-field-block {
	position: relative;
}

.required-field-block .required-icon {
	display: inline-block;
	vertical-align: middle;
	margin: -0.25em 0.25em 0em;
	background-color: var(--wt-grey-e8);
	border-color: var(--wt-grey-e8);
	padding: 0.5em 0.8em;
	color: rgba(var(--wt-black-rgb), 0.65);
	text-transform: uppercase;
	font-weight: normal;
	border-radius: 0.325em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	transition: background 0.1s linear;
	font-size: 50%;
}

.required-field-block .required-icon {
	background-color: transparent;
	position: absolute;
	top: 0em;
	right: 0em;
	z-index: 5;
	margin: 0em;
	width: 5px;
	height: 5px;
	padding: 0em;
	text-align: center;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.required-field-block .required-icon:after {
	position: absolute;
	content: "";
	right: 1px;
	top: 1px;
	z-index: -1;
	width: 0em;
	height: 0em;
	border-top: 0em solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 0em solid transparent;
	border-right-color: inherit;
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}

.required-field-block .required-icon .text {
	color: var(--wt-grey-66);
	font-size: 14px;
	margin: -1px 0 0 -4px;
}

.required-text {
	color: var(--wt-grey-66);
	font-size: 14px;
	margin-left: 2px;
}

/* Required field END */

/** Default button **/

.btn-breadcrumb .btn.btn-default:after {
	border-left: 10px solid var(--wt-white);
}

.btn-breadcrumb .btn.btn-default:before {
	border-left: 10px solid var(--wt-grey-cc);
}

.btn-breadcrumb .btn.btn-default:hover:after {
	border-left: 10px solid var(--wt-grey-eb);
}

.btn-breadcrumb .btn.btn-default:hover:before {
	border-left: 10px solid var(--wt-grey-ad);
}

/** Button Blue button **/

.btn-breadcrumb .btn.btn-blue:after {
	border-left: 10px solid var(--wt-primary);
}

.btn-breadcrumb .btn.btn-default:before {
	border-left: 10px solid var(--wt-grey-cc);
}

.btn-breadcrumb .btn.btn-blue:hover:after {
	border-left: 10px solid var(--wt-teal-65c6e0);
}

.btn-breadcrumb .btn.btn-default:hover:before {
	border-left: 10px solid var(--wt-grey-ad);
}

/** Button Purple button **/

.btn-breadcrumb .btn.btn-purple {
	border-width: 1px;
}
.btn-breadcrumb .btn.btn-purple:after {
	border-left: 10px solid var(--wt-accent);
}

.btn-breadcrumb .btn.btn-default:before {
	border-left: 10px solid var(--wt-grey-cc);
}

.btn-breadcrumb .btn.btn-purple:hover:after {
	border-left: 10px solid var(--wt-purple-c562d9);
}

.btn-breadcrumb .btn.btn-default:hover:before {
	border-left: 10px solid var(--wt-grey-ad);
}

/* The responsive part */

.btn-breadcrumb > * > div {
	/* With less: .text-overflow(); */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-breadcrumb > *:nth-child(n + 2) {
	display: none;
}

/* === For phones =================================== */

@media (max-width: 767px) {
	.btn-breadcrumb > *:nth-last-child(-n + 2) {
		display: block;
	}

	.btn-breadcrumb > * div {
		max-width: 60px;
	}
}

/* === For tablets ================================== */

@media (min-width: 768px) and (max-width: 991px) {
	.btn-breadcrumb > *:nth-last-child(-n + 4) {
		display: block;
	}

	.btn-breadcrumb > * div {
		max-width: 100px;
	}
}

/* === For desktops ================================== */

@media (min-width: 992px) {
	.btn-breadcrumb > *:nth-last-child(-n + 6) {
		display: block;
	}

	.btn-breadcrumb > * div {
		max-width: 170px;
	}
}

/* Login */

/* Override some defaults */

.popover {
	font-size: 13px !important;
	border-radius: 3px;
}

.popover .popover-title {
	font-size: 14px !important;
}

.error-popover {
	background: var(--wt-red-ef4e4b) !important;
}

.error-popover.bottom .arrow:after {
	border-bottom-color: var(--wt-red-ef4e4b);
}

html,
body {
	background-color: var(--wt-grey-ee);
}

.container {
	width: 400px;
}

.selectpicker {
	color: var(--wt-grey-4c);
	font-weight: 600;
	font-size: 14px;
}

.selectpicker a,
.selectpicker li {
	color: var(--wt-grey-4c);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}

.selectpicker-red {
	border-left: 10px solid var(--wt-red-fe6e6d);
}

.selectpicker-blue {
	border-left: 10px solid var(--wt-blue-6bb2ed);
}

.selectpicker-green {
	border-left: 10px solid var(--wt-green-78e092);
}

.selectpicker-yellow {
	border-left: 10px solid var(--wt-yellow-f5d762);
}

.selectpicker-orange {
	border-left: 10px solid var(--wt-orange-fa9d7e);
}

.selectpicker-purple {
	border-left: 10px solid var(--wt-purple-a491ff);
}

.selectpicker-red {
	border-left: 10px solid var(--wt-red-fe6e6d);
}

.selectpicker-blue {
	border-left: 10px solid var(--wt-blue-6bb2ed);
}

.selectpicker-green {
	border-left: 10px solid var(--wt-green-78e092);
}

.selectpicker-yellow {
	border-left: 10px solid var(--wt-yellow-f5d762);
}

.selectpicker-orange {
	border-left: 10px solid var(--wt-orange-fa9d7e);
}

.selectpicker-purple {
	border-left: 10px solid var(--wt-purple-a491ff);
}

.filter-status-0 {
	border-left: 10px solid var(--wt-temp-1);
}

.filter-status-1 {
	border-left: 10px solid var(--wt-temp-2);
}

.filter-status-2 {
	border-left: 10px solid var(--wt-green-c9e223);
}

.filter-status-3 {
	border-left: 10px solid var(--wt-temp-5);
}

.answer-per-question-header {
	font-size: 12pt;
	margin-bottom: 30px;
}

.answer-per-question-header h4 {
	font-size: 16px;
}

.answer-per-question-header .icon {
	font-weight: 500;
	margin-bottom: 10px;
}

.intro-stats-answer-per-question {
	display: table;
	width: 210px;
	border-radius: 4px;
	overflow: hidden;
	color: var(--wt-white);
	margin: auto;
	margin-bottom: 5px;
}

.intro-stats-answer-per-question .left {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 26px;
	height: 20px;
	font-weight: 600;
}

.intro-stats-answer-per-question .left .small {
	font-size: 12px;
	margin-top: -7px;
	margin-bottom: 3px;
}

.intro-stats-answer-per-question .right {
	display: table-cell;
	padding: 10px 20px;
	text-align: left;
}

.intro-stats-answer-per-question .right .big {
	font-size: 14px;
	line-height: 12px;
	font-weight: 600;
}

.intro-stats-answer-per-question .right .small {
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	min-height: 10px;
}

.intro-stats-gray .left {
	background-color: var(--wt-grey-b9);
}

.intro-stats-gray .full {
	background-color: var(--wt-grey-b9);
}

.intro-stats-gray .right {
	background-color: var(--wt-grey-c3);
}

/* The white background content wrapper */

.container > .content {
	background-color: var(--wt-white);
	padding: 20px;
	margin: 0 -20px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(var(--wt-black-rgb), 0.15);
	-moz-box-shadow: 0 1px 2px rgba(var(--wt-black-rgb), 0.15);
	box-shadow: 0 1px 2px rgba(var(--wt-black-rgb), 0.15);
}

.login-form {
	margin-left: 65px;
	margin-right: 65px;
}

#change-backend {
	display: none;
}

.logo-wrapper {
	padding-bottom: 15px;
}

legend {
	margin-right: -50px;
	font-weight: bold;
	color: var(--wt-grey-40);
}

.edit-customer-name {
	color: var(--wt-grey-59);
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
}

.back-button {
	float: right;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 20px;
	color: var(--wt-grey-99);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-decoration: none;
}

.back-button .icon {
	line-height: 5px;
	margin-right: 5px;
	position: relative;
	bottom: -2px;
}

.back-button a {
	text-decoration: none;
}

.back-button a:hover,
.back-button a:focus,
.back-button a:visited {
	text-decoration: none;
}

.slimScrollDiv {
	overflow: visible !important;
}

.timeline-start {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

#overlay {
	position: fixed;
	top: 120px;
	left: 220px;
	width: 100%;
	height: 100%;
	background: var(--wt-black);
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 10;
}

.nomenu #overlay {
	top: 70px;
}

.submenu #overlay {
	top: 170px;
}

#modal .style2 {
	width: 720px;
}

#modal {
	position: absolute;
	z-index: 10;
	box-shadow: 0 5px 15px rgba(var(--wt-black-rgb), 0.5);
}

/* === For phones =================================== */

@media (max-width: 767px) {
	#overlay {
		position: fixed;
		top: 60px;
		left: 0px;
	}

	#modal {
		margin-left: 10px;
		margin-right: 10px;
	}

	#modal .style2 {
		width: 100%;
	}
}

#croppic_area {
	width: 200px;
	height: 150px;
	position: relative; /* or fixed or absolute */
}

.training-frame {
	border: solid 1px var(--wt-grey-e5);
	width: 100%;
	height: 750px;
}

.instruction-frame {
	width: 100%;
	height: 500px;
}

#modal-container-achievement .modal-header {
	background-color: var(--wt-primary);
	border-bottom: 1px solid var(--wt-primary);
}

#modal-container-achievement .modal-header .close span {
	color: var(--wt-white);
}

#modal-container-achievement .modal-header h4 {
	color: var(--wt-white);
	font-weight: 600;
}

@media (max-width: 767px) {
	.training-frame {
		height: 400px;
	}

	.instruction-frame {
		height: 400px;
	}
}

/* layout.css Style */

.upload-drop-zone {
	height: 200px;
	border-width: 2px;
	margin-bottom: 20px;
	margin-left: 15px;
	cursor: pointer;
}

/* skin.css Style*/

.upload-drop-zone {
	color: var(--wt-grey-cc);
	border-style: dashed;
	border-color: var(--wt-grey-cc);
	line-height: 200px;
	text-align: center;
}

.upload-drop-zone.drop {
	color: var(--wt-grey-22);
	border-color: var(--wt-grey-22);
}

.dropzone {
	min-height: 200px !important;
	background-color: var(--wt-white) !important;
	border-style: dashed !important;
	margin-bottom: 20px;
}

.dropzone.dz-drag-hover {
	background-color: var(--wt-grey-cc) !important;
	border-style: dashed !important;
}

.dz-message {
	color: var(--wt-grey-22);
	line-height: 100px;
}

.feedback-content {
	padding: 20px;
}

.surveyQuestionTalk .feedback-content {
	padding: 0;
	padding-top: 15px;
}

.feedback-content-question-talk {
	padding-top: 15px;
}

.feedback-content .offer {
	margin-left: 15px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
	color: var(--wt-accent);
	font-style: italic;
}

.tooltip {
	position: fixed;
}

.selectpicker-custom-option-group {
	font-weight: 700 !important;
	color: var(--wt-grey-4c) !important;
	margin-left: -12px !important;
	margin-top: -5px !important;
}

.selectpicker-custom-option-child {
	padding-left: 15px;
}

.glyphicon-none:before {
	content: "\2122";
	color: transparent !important;
}

.question-mailing-item-details {
	height: 80px;
	margin-left: 6px;
	margin-top: 15px;
}

.custom-questions-list-item .help-block {
	font-size: 13px;
}

.help-block .no-last-response {
	height: 50px;
}

.question-mailing-details {
	padding-left: 0px;
	cursor: pointer;
}

.question-mailing-details:first-of-type {
	border-top: none;
}

.question-mailing-details .item-details {
	padding-left: 0px;
}

.question-mailing-details-chart {
	margin-top: 5px;
}

.question-mailing-details .title {
	padding-left: 25px !important;
}

.sub-title {
	font-weight: 100;
}

.on-demand {
	background-color: var(--wt-white) !important;
}

.on-demand-icon {
	display: inline-block;
	margin-right: 35px;
	margin-left: 5px;
	float: right;
}

.question-mailing-details-reponse-rate {
	display: inline-block;
	margin-top: -6px;
	margin-right: 12px;
	margin-left: 5px;
	float: right;
}

.question-mailing-details-reponse-rate .btn {
	width: 60px;
}

.question-text {
	height: 46px !important;
	line-height: 46px !important;
}

.question-text span {
	font-size: 11px !important;
}

.goal-measurement {
	margin-bottom: 10px;
}

.open-custom-questions-list-item .open .btn-timeline-more {
	padding-top: 7px;
	padding-bottom: 7px;
}

.open-custom-questions-list-item .open .btn-timeline-more:before {
	content: "\e009";
}

.open-custom-questions-list-item .btn-timeline-more {
	border: none;
	font-family: "line-icons";
	padding: 9px 7px 5px 8px;
	font-size: 15px;
	border-radius: 15px;
	background-color: var(--wt-sand-d9d8d7);
	color: var(--wt-white);
	position: absolute;
	top: 10px;
	right: 10px;
}

.open-custom-questions-list-item .btn-timeline-more:before {
	content: "\e006";
}

.open-custom-questions-list-item .btn-timeline-more:focus {
	outline: none;
}

#spinner-area {
	height: 50px;
}

@media (max-width: 375px) {
	.btn-gray {
		font-size: 9px;
	}
}

.push-question-container .modal-footer {
	border: none;
	padding: 0;
	text-align: center;
	padding: 0px !important;
}

.push-question-container .modal-footer .btn {
	width: 100%;
	line-height: 20px;
	padding: 20px 10px;
	border-radius: 0;
	border: none;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--wt-white);
	outline: none;
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background 120ms ease-in;
	-moz-transition: background 120ms ease-in;
	-ms-transition: background 120ms ease-in;
	-o-transition: background 120ms ease-in;
	transition: background 120ms ease-in;
}

#question-send-button.complete {
	background: var(--wt-primary);
}

#question-send-button.incomplete {
	background: var(--wt-red-ff6f6f);
}

#question-send-button.complete:hover {
	background: var(--wt-teal-4a93a5);
}

#question-send-button.regular {
	background: var(--wt-grey-dd);
}

#question-send-button.regular:hover {
	background: var(--wt-grey-dd);
}

.push-question-container .modal-footer .row {
	margin-right: -1px;
	margin-left: -1px;
}

.push-question-container .modal-footer .row > div {
	padding-right: 1px;
	padding-left: 1px;
}

.push-question-container textarea {
	width: 100%;
}

.survey-question-container textarea {
	width: 95%;
	margin-top: 8px;
	margin-left: 20px;
	resize: none;
}

.survey-question-container .add-comment {
	text-decoration: underline;
}

.survey-question-container .footer .btn {
	width: 100%;
	line-height: 20px;
	padding: 20px 10px;
	border-radius: 0;
	border: none;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--wt-white);
	outline: none;
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background 120ms ease-in;
	-moz-transition: background 120ms ease-in;
	-ms-transition: background 120ms ease-in;
	-o-transition: background 120ms ease-in;
	transition: background 120ms ease-in;
}

.survey-question-container .footer .btn:hover {
	background-color: rgba(var(--wt-black-rgb), 0.28);
}

.survey-question-container .footer .btn .incomplete {
	background: rgba(var(--wt-black-rgb), 0.18);
}

.survey-question-container .comment-action {
	margin-top: 3px;
	display: block;
}

.survey-question-container .comment-action a {
	color: var(--wt-slate-7b828c);
	text-decoration: none;
	font-weight: 700;
	font-size: 11px;
}

.survey-question-container .comment-action a.comment-activity-feed > .icon {
	top: 4px;
	margin-right: 5px;
	font-size: 13px;
	color: var(--wt-slate-7b828c);
}

.surveyQuestionsContainer .temperature-comment {
	background-color: var(--wt-grey-ed);
	padding: 10px;
	font-size: 13px;
	color: var(--wt-grey-66);
	margin-top: 8px;
}

.surveyQuestionsContainer .temperature-edit-comment {
	float: right;
	font-weight: 700;
	font-size: 14px;
}

.survey-question-container .temperature-comment > a {
	color: var(--wt-slate-7b828c);
	text-decoration: none !important;
}

.survey-question-container .temperature-comment .temperature-edit-comment > a {
	color: var(--wt-slate-7b828c);
	text-decoration: none;
}

.push-question-container .footer .btn .complete {
	background: var(--wt-green-7ecc61);
}

.push-question-container .comment-action a.comment-activity-feed > .icon {
	top: 4px;
	font-size: 13px;
}

.push-question-container .temperature-comment {
	background-color: var(--wt-grey-ed);
	padding: 10px;
	font-size: 13px;
	color: var(--wt-grey-66);
}

.push-question-container .temperature-edit-comment {
	float: right;
	font-weight: 700;
	font-size: 14px;
}

.push-question-container .temperature-edit-comment > a {
	color: var(--wt-slate-7b828c);
}

.push-question-container .temperature-edit-comment > a:hover {
	color: var(--wt-blue-337ab7);
}

/* Modal Question style  styleQuestion */

.modals-buttons {
	display: block;
	width: 100%;
	clear: right;
	padding: 20px 0;
}

.styleQuestion .modal-content {
	border-radius: 0;
	background-color: var(--wt-sand-f7f6f5);
	border: none;
	min-height: 100%;
}

.styleQuestion .modal-header {
	border-bottom: solid 1px var(--wt-grey-d9);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: var(--wt-white);
}

.styleQuestion .modal-header h4 {
	color: var(--wt-grey-66);
	font-weight: 700;
}

.styleQuestion .feedback-icons {
	float: none;
}

.styleQuestion .feedback-icons ul {
	float: left;
}

.styleQuestion .comment-action {
	display: block;
	float: right;
	line-height: 20px;
	margin-top: 7px;
}

.styleQuestion .modal-comments {
	margin-top: 10px;
}

.styleQuestion .modal-comments textarea {
	resize: none;
}

.styleQuestion .question-item .feedback-icons ul {
	padding-top: 15px;
}

.styleQuestion .feedback-icons ul > li {
	padding: 0 5px;
}

.styleQuestion .feedback-icons ul > li:first-child {
	padding-left: 0;
}

.styleQuestion .wrap-questions .question-item {
	padding-top: 20px;
	padding-bottom: 18px;
}

.styleQuestion .comment-action .comment-action-item {
	margin-right: 0;
}

.styleQuestion .feedback-icons {
	margin-right: 0;
	margin-left: 0;
}

.styleQuestion .wrap-feedback-icons .comment-action {
	padding-top: 10px;
}

.question-feedback {
	margin-top: 18px;
	padding-top: 18px;
}

.description-feedback {
	display: table;
	width: 100%;
	padding-bottom: 20px;
}

.description-feedback > div {
	display: table-cell;
	vertical-align: middle;
}

.description-feedback .wrap-icon {
	width: 60px;
}

.description-feedback .text {
	text-align: left;
}

.description-feedback .text p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.description-question {
	font-weight: 600;
}

.feedback-icon {
	border: solid 1px var(--wt-grey-db);
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	line-height: 24px;
	background-color: var(--wt-white);
	font-size: 24px;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 8px;
	text-decoration: none;
}

.feedback-icon .icn-smile-1 {
	color: var(--wt-red-fe6e6d);
}

.feedback-icon .icn-smile-2 {
	color: var(--wt-red-dc807b);
}

.feedback-icon .icn-smile-3 {
	color: var(--wt-orange-ffbf40);
}

.feedback-icon .icn-smile-4 {
	color: var(--wt-green-c0c78b);
}

.feedback-icon .icn-smile-5 {
	color: var(--wt-green-9dc564);
}

.styleQuestion .modal-footer .btn-purple {
	padding: 10px 20px;
}

.styleQuestion .form-group-style-1 label {
	padding-top: 5px;
}

.enps-feedback {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: -10px;
	font-weight: 600;
}

.enps-feedback.poor {
	color: var(--wt-red-ff5c61);
}

.enps-feedback.average {
	color: var(--wt-orange-ffa000);
}

.enps-feedback.good {
	color: var(--wt-yellow-ffd900);
}

.enps-feedback.verygood {
	color: var(--wt-green-5ad036);
}

.enps-description {
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 25px;
	margin-right: 25px;
}

@media (max-width: 768px) {
	.survey-question-container .comment-action .comment-action-item {
		float: right;
		width: 40px;
		height: 40px;
		border: solid 1px var(--wt-grey-db);
		background-color: var(--wt-white);
		text-align: center;
		line-height: 40px;
		border-radius: 2px;
	}

	.survey-question-container .comment-action .comment-action-item:hover,
	.survey-question-container .comment-action .comment-action-item:active,
	.survey-question-container .comment-action .comment-action-item:focus {
		background-color: var(--wt-slate-f1f9fc);
		border-color: var(--wt-teal-61b3c9);
	}

	.survey-question-container .comment-action .comment-action-item > span {
		display: none;
	}

	.styleQuestion .comment-action {
		margin-top: 5px;
	}

	.push-question-container .comment-action a.comment-activity-feed > .icon {
		font-size: 20px;
	}

	.styleQuestion .wrap-feedback-icons {
		display: table;
		width: 100%;
	}

	.styleQuestion .wrap-feedback-icons > div {
		display: table-cell;
	}

	.styleQuestion .wrap-feedback-icons .comment-action {
		padding-top: 15px;
	}

	.styleQuestion .comment-action .comment-action-item {
		float: right;
		width: 40px;
		height: 40px;
		border: solid 1px var(--wt-grey-db);
		background-color: var(--wt-white);
		text-align: center;
		line-height: 40px;
		border-radius: 2px;
	}

	.styleQuestion .comment-action .comment-action-item:hover,
	.styleQuestion .comment-action .comment-action-item:active,
	.styleQuestion .comment-action .comment-action-item:focus {
		background-color: var(--wt-slate-f1f9fc);
		border-color: var(--wt-teal-61b3c9);
	}

	.styleQuestion .comment-action .comment-action-item .icon {
		margin-right: 0;
		font-size: 20px;
		margin-left: 5px;
		padding-top: 9px;
	}

	.styleQuestion .comment-action .comment-action-item > span {
		display: none;
	}

	.styleQuestion .modal-footer .btn {
		padding: 10px 20px;
		width: 49%;
		display: block;
		margin-left: 0;
		float: left;
	}

	.styleQuestion .modal-footer {
		padding-left: 15px;
		padding-right: 15px;
	}

	.styleQuestion .modal-footer .btn:first-child {
		margin-right: 2%;
	}

	.styleQuestion .form-group {
		margin-bottom: 15px;
	}

	.surveyQuestionTalk .feedback-content {
		padding-top: 0;
	}
}